@charset "UTF-8";

th div.checkbox {
  margin-bottom: 0;
}
th div.checkbox label {
  font-weight: bold; 
}

/*2017.1.4 Giftit Added*/

/* Base Style OverWrite */
body {
  font-family:"Meiryo UI",'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic' !important;
}
.navbar-collapse{
  border-top: none !important;
}
.h2wrap {
	padding: 10px 0px;
	margin: 0px auto;
	width: 90%;
	text-align: center;
}
.h2wrap h2{
	font-size: 20px;
	line-height: 1.9em;
}
.h2wrap h2.pjlist{
	font-size: 20px;
	line-height: 1.9em;
  font-weight: 700;
}
.h2wrap h2 span{
	display : inline-block;
/*	width : 240px; */
	font-size: 14px;
	padding-top:10px; 
	border-top: 2px solid #6bc7f1;
	font-family: 'Montserrat', sans-serif;
}

.chartTitlewrap {
	padding: 0px 0px 10px 0px;
	margin: 0px auto;
	width: 100%;
	text-align: center;
}
.chartTitlewrap h2{
	font-size: 20px;
	line-height: 2.4em;
  border-bottom: 2px dotted #6895bb;
}
.innerFix_800 {
  width: 800px;
  margin: 0px auto;
}
@media (max-width: 640px) {
  .innerFix_800 {
    width: 100%;
    padding: 0px 10px;
    margin: 0px auto;
  }
}
.innerFix {
  width: 90%;
  margin: 0px auto;
}
.btn_h40_ow {
  height: 40px !important;
  border-radius: 2px !important;
}
.btn-subcolor {
    color: #fff;
    background-color: #77bfd0;
    border-color: #77bfd0;
}
.btn-primary {
    color: #fff;
    background-color: #26557d !important;
    border-color: #2e6da4;
}
.btn-primary:hover {
    color: #fff;
    background-color: #379aca !important;
    border-color: #379aca !important;
}
.required_ow {
  color: #AC0000 !important;
  padding-left: 3px !important;
}

.basicBt a{
  display: block;
	margin: 20px auto 0px !important;
	width: 220px;
	height: 50px;
  line-height: 50px;
  border-radius: 2px !important;
	background-color: #6bc7f1 !important;
  border: 1px solid #6bc7f1 !important;
  text-align: center;
  color: #FFF;
  text-decoration: none;
}
.basicBt a:hover {
  text-decoration: none;
	background-color: #FFF !important;
	color: #29a4db;
	border:1px solid #29a4db;
  -webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s;
}

/* Parallel actionBt */
ul.btWrap {
  width: 500px;
  margin: 0px auto;
  overflow:hidden;
}
ul.btWrap li{
  float: left;
  width: 240px;
  margin-right: 20px;
}
ul.btWrap li button,
ul.btWrap li a{
  width: 100%;
  display: block;
}
ul.btWrap li:last-child{
  margin-right: 0px;
}
@media (max-width: 640px) {
  ul.btWrap {
    width: 100%;
    margin: 0px auto;
    overflow:hidden;
    padding: 0px 20px;
  }
  ul.btWrap li{
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  ul.btWrap li button,
  ul.btWrap li a{
    width: 100%;
    display: block;
  }
}
/* UserLogin OverWrite */
.navbar_ow {
	background-color: #6bc7f1 !important;
	min-height:90px !important;
	border-radius: 0px !important;
	border: none !important;
	background-image: url(../images/common/headerline.png) !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
	padding-top: 5px !important;
}
.container-fluid {
	padding-left: 30px !important;
}
.form-control {
  border-radius: 2px !important;
  height: 40px !important;
}

.loginbt,.cancelbt {
	margin: 0px auto !important;
	width: 220px;
	height: 50px;
}
.alert-warning {
	color: #AC0000 !important;
	background-color: #FFF !important;
	border-color: #AC0000 !important;
	margin: 0px auto !important;
	border-radius: 0px !important;
}
.alert-warning-mgnb20 {
	color: #AC0000 !important;
	background-color: #FFF !important;
	border-color: #AC0000 !important;
	margin-bottom: 20px !important;
	border-radius: 0px !important;
}
.alert {
	text-align: center;
}

/* Navigation OverWrite */
.navbar_ow .container {
	display: table;
    width: 100%;
    max-width: 1230px;
}
.navbar_ow .container .navbar-header {
    float: none;
    display: table-cell;
    width: 175px;
    min-width: 175px;
    vertical-align: middle;
}
.navbar_ow .container .navbar-brand {
	height: auto;
}
.navbar_ow .container .navbar-collapse {
    display: table-cell !important;
    vertical-align: middle;
}
.navbar_ow .container .navbar-right {
    float: none !important;
    padding: 20px 0 30px !important;
    text-align: right;
}
.navbar_ow .container .navbar-nav>li {
	float: none;
	display: inline-block;
}
.navbar_ow .container .navbar-nav>li>a {
    padding: 5px 12px;
}

.navbar_ow ul.nav a{
	color: #FFF !important;
}
.navbar_ow ul.nav a:hover{
	color: #000 !important;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s;
	
}
.navbar_ow ul.nav i{
	margin-right: 5px !important;
}

/* Apply ChartPage Pulldown */
li.dropdown ul.dropdown-menu li,
li.dropdown ul.dropdown-menu li a
{
	color: #000 !important;
}

/* ProjectListPage OverWrite */
.pjWrap {
	padding: 10px 10px 5px;
	margin-bottom: 0px;
	width: 100%;
}
.pjWrap h4.pjname{
	line-height: 24px;
}
.pjWrap .pjdepartment{
	float:right;
	line-height: 20px;
}
.pjbtWrap li button.btn_ow {
  border-radius: 2px !important;
  height: 40px !important;
  font-size: 14px !important;
}
.pjbtWrap h4#pjsearch.panel-title span.tri,
.pjWrap h4.pjname span.tri {
  display: none;
}

@media (max-width: 768px) {
	.pjWrap {
		padding: 20px 10px 0px;
		margin-bottom: 10px;
		width: 100%;
	}
	.pjWrap h4.pjname{
		float:none;
		line-height: 20px;
		margin: 0px !important;
		padding-bottom: 10px;
	}
	.pjWrap .pjdepartment{
		float:none;
		line-height: 20px;
	}
	ul.pjbtWrap li{
		float:none;
		margin-right: 0px;
		margin-bottom: 10px;
		width: 100%;
	}
	ul.pjbtWrap .btn_ow {
		width: 100%;
	}
}
ul.pjbtWrap {
	width: 100%;
	padding: 10px 0px 0px;
}
ul.pjbtWrap li{
  float: left;
  margin-right: 10px;
}
ul.pjbtWrap li:nth-of-type(3) {
	margin-right: 0px;
}
ul.pjbtWrap .btn_ow {
	border-radius: 2px !important;
	padding: 10px !important;
}

/* Password OverWrite */
.submitbt, .cancelbt a {
	margin: 0px auto !important;
	width: 220px;
	height: 50px;
}
.btn_ow {
  border-radius: 2px !important;
  height: 50px !important;
  /*line-height: 38px !important;*/
  font-size: 16px !important;
}
.btn_ow_lh38 {
  border-radius: 2px !important;
  height: 50px !important;
  line-height: 38px !important;
  font-size: 16px !important;
}
.br2 {
  border-radius: 2px !important;
}

/* Chart Page Already Exists */
ul.data-selector-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-height: 30px;
  /*width: 450px;*/
}
ul.data-selector-list li {
  margin: 3px 3px 3px 0;
  padding: 0.4em;
  /*width: 100px;*/
  height: 100%;
  /*font-size: 4em;*/
  /*text-align: center;*/
}
li.active > a:before {
  font-family: "Glyphicons Halflings";
  content: "\e013";
}
div.design-image-area {
  padding: 10px 0;
  background-color: #eee;
  /*white-space: nowrap;*/
  width: 100%;
  display: table;
  max-height: 300px;
  table-layout: fixed;
}
.ie div.design-image-area {
  /*position: relative;*/
}
div.design-image {
  position: relative;
  display: table-cell;
  padding: 0 10px;
  max-width: 100%;
  vertical-align: center;
}
.ie div.design-image {
  /*position: absolute; top: 50%;*/
}
div.design-image > button {
  position: absolute;
  top: -20px;
  left: 5px;
  height: 20px;
  width: 20px;
  opacity: .8;
}
img.design-img {
  max-height: 240px;
  max-width: 100%;
}
.ie img.design-img {
  width: 100%;
  height: auto;
}
div.design-image p {
  color: #000;
  max-width: 100px;
  font-weight: normal;
  font-family: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif";
  font-size: 10px;
}

div.chart-title {
  font-weight: bold;
  font-size: 14px;
  color: #555;
}
div.chart-legend ul {
  margin-top: 15px;
  list-style-type: none;
}
div.chart-legend li > span {
  font-size: 10px;
  vertical-align: super;
}
div.chart-legend div.legend-box {
  width: 40px;
  height: 12px;
}
.white-background {
  background-color: #FFF;
}
.loading-overlay {
  display:    none;
  position:   fixed;
  z-index:    1000;
  top:        0;
  left:       0;
  height:     100%;
  width:      100%;
  background: rgba( 255, 255, 255, .8 )
              url('https://i.stack.imgur.com/FhHRx.gif')
              50% 50%
              no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loading-overlay {
    display: block;
}
div.navbar-header {
  /*max-width: 198px;*/
}


/* Form OverWrite */
/* user_edit */
ul.phonenum {
  width: 100%;
}

ul.phonenum li {
  width: 32%;
  float: left;
  margin-right: 2%;
}
ul.phonenum li:nth-of-type(3){
  margin-right:0px;
}

/* AdminPage OverWrite */
ul.adminmenu {
	width: 900px;
	padding:0px 10px;
	margin: 0px auto;
}
@media (max-width:992px) {
	ul.adminmenu {
	width: 100%;
	padding:0px 10px;
	margin: 0px auto;
}
}
.adminmenu li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #6bc7f1;
	width: 160px;
	height: 160px;
	text-align: center;
	color:#6bc7f1;
	border-radius: 4px;
}
@media (max-width:992px) {
.adminmenu li {
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	border: 1px solid #6bc7f1;
	width: 32%;
	height: 160px;
	text-align: center;
	color: #6bc7f1;
	border-radius: 4px;
}
ul.adminmenu li:nth-of-type(3n) {
	margin-right: 0px;
}
}
ul.adminmenu li:nth-of-type(5) {
	margin-right: 0px;
}
ul.adminmenu li a{
	display: block;
	width: 100%;
	height: 100%;
	color:#6bc7f1;
}
ul.adminmenu li a:hover{
	display: block;
	width: 100%;
	height: 100%;
	color:#FFF;
	background-color: #6bc7f1;
	text-decoration: none;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s;
}
ul.adminmenu li dl{
	padding: 20px;
}
ul.adminmenu li dl dt{
	font-size: 60px;
}
ul.adminmenu li dl dd{
	font-size: 16px;
}

/* Modal Styles OverWrite */
/* User Registration */
.modal-title_ow {
  padding: 20px;
  text-align: center;
  font-size: 26px;
  color: #26557d;
}
.modal-title_ow i{
  padding-right: 5px;
}

div.modal h5.catTitle {
  text-align: center;
  padding: 20px 0px 10px;
  font-size: 20px;
}
div.modal h5.catTitle-col6 {
  text-align: center;
  padding: 0px;
  font-size: 16px;
}
/* DataSelect */
.chosen-container-single .chosen-single {
    height: 40px !important;
    line-height: 40px !important;
}
.chosen-container-single .chosen-single span {
    line-height: 40px !important;
    font-size: 16px !important;
}
.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(chosen-sprite.png) no-repeat 0 8px !important;
}
.border_top {
  border-top: 1px solid #e5e5e5;
}
.cursorplus tbody tr {
  cursor: move;
}
.chosen-container {
    margin-bottom: 10px;
}
table#treetable tbody td {
  padding: 8px;
}

/* toolTip */
.toolTip span {
	position:relative;
}
.toolTip div {
	position:absolute;
	display:inline-block;
	padding:20px;
	border:solid 1px #ccc;
	background:#fff;

	visibility:hidden;
	opacity:0;
	z-index:9999;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s;
}
.toolTip span:hover div {
	visibility:visible;
	opacity:1;
}

.toolTip .tip01 {
	top:-25px;
	left:30px;
}
.toolTip span:hover .tip01:after,
.toolTip span:hover .tip01:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.toolTip span:hover .tip01:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
.toolTip span:hover .tip01:before {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #cccccc;
	border-width: 11px;
	margin-top: -11px;
}

table:focus {
  outline: none;
}
a:focus {
  outline: none;
}

table#selected-data-list.cursorplus thead th,
table#chart-selected-data-list thead th{
  background-color: #ddd !important;
  font-weight: 700 !important;
}


/* FilterGroup OverWrite */
#filter-group-tab.nav-tabs,
#chart-settings-tab.nav-tabs {
    border-bottom: 1px solid #00a4e2 !important;
}
#filter-group-tab.nav-tabs>li.active>a,
#chart-settings-tab.nav-tabs>li.active>a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-top-color: #00a4e2 !important;
    border-right-color: #00a4e2 !important;  
    border-left-color: #00a4e2 !important;
    border-bottom-color: transparent;
}
#filter-group-tab.nav-tabs>li,
#chart-settings-tab.nav-tabs>li {
    float: left;
    margin-bottom: -1px !important;
}

div#filting input {
    display: none;
}


.btn-primary.btn-o {
  border: 1px solid #2e6da4;
  color: #2e6da4;
  background-color: #fff;
}
.btn-primary.btn-o:hover {
  color: #ffffff !important;
  border-color: #2e6da4;
  background: #2e6da4 !important;
}
span#axis-settings div div {
  margin-bottom: 5px;
}
span#axis-settings span.glyphicon {
    margin-left: 5px !important;
}
h4.modal_subh4 {
    color: #337ab7;
    border-top: 1px solid #337ab7;
    border-bottom: 1px solid #337ab7;
    padding: 10px 0px;
    font-weight: bold;
}


.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.cross-axis-modal.in label {
    margin-right: 0px;
}

table.crossAxisTable {
  
}
table.crossAxisTable td:nth-child(odd){
  padding: 10px;
  font-size:1.4em;
}
table.crossAxisTable td:nth-child(even){
  padding-left: 10px;
}
table.crossAxisTable td.attr-axis {
  background: #a8e4ff;
  width: 30px;
}
table.crossAxisTable td.questions {
  background: #0391c7;
  color: #fff;
  width: 30px;
}

.tooltip-inner{
  max-width: 100%;
  text-align:left !important;
}
.axis-value-area label.control-label.col-md-1 {
  margin-right: 0px !important;
}
dl.markExplain {
  border: 1px solid #5c8fb9;
  padding: 10px;
}
dl.markExplain dt{
  font-size: 13px;
  margin-bottom: 5px;
  text-align: center;
}
dl.markExplain dd{
  font-size: 11px;
  margin-bottom: 5px;
}

table.table tr.sample-fa-row td {
  vertical-align: middle;
  font-size: 12px;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-size: 10px;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
  font-size: 10px;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
  font-size: 11px !important;
}
.chosen-container .chosen-results:last-child {
  display: list-item;
  cursor: pointer;
  font-size: 11px !important;
}
table.table .chosen-container-multi .chosen-choices li.search-choice {
  white-space: nowrap;
}



/*  ===========================================================  

PLUG SURVEY

  ===========================================================  */

/* LOGIN */

#login_ow {}

#login_ow i{
  color: #6bc7f1;
}
#login_ow {}

#login_ow.loginwrapper,
#password_ow.pwdwrapper {
	width:480px;
	padding: 20px;
	margin: 0px auto;
}
@media (max-width: 640px) {
	#login_ow.loginwrapper,
  #password_ow.pwdwrapper{
		width:100%;
		padding: 20px;
		margin: 0px auto;
	}
}
#login_ow h2 {
	text-align: center;
	font-size: 20px;
}
#login_ow .input-group-addon {
  background-color: #ffffff !important;
  color: #FFF !important;
  border: 1px solid #6bc7f1 !important;
}
#login_ow .input-group input{
  border-left: none !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
#login_ow .loginbt button {
	background: #FFF;
	font-family: 'Montserrat', sans-serif;
	color: #29a4db;
	border-radius: 3px;
	border:1px solid #29a4db;
}
#login_ow .loginbt button:hover {
	background: #29a4db;
	font-family: 'Montserrat', sans-serif;
	color: #FFF;
	border:1px solid #29a4db;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s;
}

/* GLOBAL NAVI */

.navbar-toggle {
  border: none !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: none !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none !important;
    box-shadow: none !important;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 20px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


/* ENQUETE LIST PAGE */

#surveyWrap {
  margin-top: 20px;
}
#list_length {
  margin-bottom: 20px;
}
td.fa-field {
  min-width: 300px;
  white-space: normal !important;
}
#surveyWrap th span {
  white-space: nowrap;
}
table#list {
  table-layout: fixed;
  width: 100% !important;
}
#surveyWrap i {
  font-size: 20px;
}
#surveyWrap table thead th{
  font-size: 12px;
  font-weight: bold;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: bottom 10px right !important;
}
#surveyWrap table tbody td:nth-child(n+8):nth-last-child(n+2){
  text-align: center;
}
#surveyWrap table tbody td{
  font-size: 12px;
}
#surveyWrap table tbody td:last-child{
  font-size: 11px;
}
#surveyWrap table tbody tr.group td {
  font-size: 16px;
  font-weight: bold;
}
#surveyWrap table.dataTable tbody tr.bg-gray { 
  background: #dddddd;
}


/* ENQUETE EDIT PAGE */

#enquete .panel.panel-white {
  border: 1px solid #efefef;
  box-shadow: none !important;
  border-radius: 0px;
}
#enquete .panel .form-group {
  margin-bottom: 30px;
}
#enquete label {
  font-weight: normal;
  font-size:12.5px;
  line-height: 21px;
}
#enquete label.label-title {
  font-size: 18px;
  font-weight: normal;
  border-left: 5px solid #6bc7f2;
  padding-left: 10px;
  line-height: 30px;
  margin-bottom: 10px;
  display: block;
}
textarea.form-control {
  height: unset !important;
  padding: .55em !important;
}

#enquete .imageWords {
  border: 1px solid #e6e6e6;
  padding: 20px;
  letter-spacing: normal;
  margin-left: -1px;
  margin-top: -1px;
}
#enquete .btn-dwide {
  padding: 15px 4em;
  font-size: 18px !important;
}
#enquete input {
  border-radius: 2px !important;
  height: 40px !important;
}
#enquete input, #enquete textarea {
  border-radius: 2px !important;
  height: 40px !important;
}
#enquete input {
  border-radius: 2px !important;
  height: 40px !important;
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
}
#enquete select {
  border-radius: 2px !important;
  height: 40px !important;
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
}
#enquete textarea {
  padding: .55em !important;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
}
#enquete textarea#feature {
    height: 150px !important;
}
#enquete textarea#work_name {
    height: 350px !important;
}
#enquete textarea#word {
    height: 300px !important;
}
#enquete textarea#add_question {
    height: 100px !important;
}
#enquete textarea#add_question_selection {
    height: 221px !important;
}
#enquete textarea#heat_map_description {
    height: 208px !important;
}
#enquete .ideal-file-filename {
  width: unset !important;
}
#enquete p.confirm-text {
  margin-bottom: 20px;
  font-size: 16px;
}
#enquete label.col-sm-3 {
}
#enquete.confirm {
  padding-bottom: 160px;
}
#fixnavi {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 99;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px inset;
	text-align: center;
	padding: 20px 0px;
	background: rgba(0, 0, 0, 0.7);
}
/* COMMON STYLE */

.btn {
  border-radius: 2px !important;
}
.btn:hover {
  opacity: 0.9 !important;
}
.btn-blue {
  background-color: #00b1e0;
  border-color: #0eccff;
  color: #ffffff;
}
.btn-blue:hover {
  background-color: #00c7fc !important;
  border-color: #0eccff;
  color: #ffffff;
}
.btn-default {
  background-color: #ffffff;
  border-color: #c8c7cc;
  color: #292929 !important;
}
.btn-default:hover {
  background-color: #ffffff;
  border-color: #bbbac0;
  color: #000000;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 0px !important;
}
.completeM {
  font-size: 80px;
  padding-top: 60px;
  font-family: "Oswald",sans-serif;
  line-height: 45px;
  margin-bottom: 30px;
}
.completeM span {
  font-size: 23px;
  line-height: 70px;
}
.checkmark__circle {
  stroke-dasharray: 332;
  stroke-dashoffset: 332;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }

.checkmark {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 20px auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; }

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

@keyframes stroke {
  100% {
    stroke-dashoffset: 0; } }
@keyframes scale {
  0%, 100% {
    transform: none; }
  50% {
    transform: scale3d(1.1, 1.1, 1); } }
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 60px #7ac142; } }


/* COPY PAGE */

#copy {
  padding-top: 40px;
}
#copy form {
  padding: 30px;
  background: #ebf3f4;
}
#copy select {
  height: 45px !important;
  border-radius: 2px;
  margin-right: 0px !important;
  padding-right: 0px !important;
  display: block;
  margin: 20px 0px 20px;
}
#copy input.btn.btn-dwide.btn-blue {
  margin-left: 0px !important;
}

.form-group.clearfix.gender {}

.form-group.clearfix.gender label:first-child{
    color:#000 !important;
}

.form-group.clearfix.gender label:nth-child(n + 7) {
    color:#e30040;
}

.form-group.clearfix.gender label:nth-child(-n + 7) {
    color:#0057b1;
}


/*-------------------- 20181018-
   assiette edited -------------*/

/* alert */
.alert-cicle { height: auto; min-height: 0 !important; max-height: 80%; border-radius: 10px !important; overflow: auto; }
.alert-cicle-body { position: relative; padding: 40px 40px 120px !important; }
.alert-button-area { bottom: 40px; }

.alert-cicle.iframe_wrapper .alert-cicle { overflow: hidden; }
.alert-cicle.iframe_wrapper .alert-cicle-body {padding: 20px 0 28px !important;height: 100%;}
.alert-cicle.iframe_wrapper iframe { height: 100%; }
.alert-cicle.iframe_wrapper .alert-button-area { top: 10px; bottom: auto; right: 10px; margin: 0; width: auto; }
.alert-cicle.iframe_wrapper .alert-button-area input[type=button] { padding: 7px 15px 8px; font-size: 14px; line-height: 1; border-radius: 6px; }

/* example */
.table .th { min-width: 180px; }

.example { margin: 10px 0 0; padding: 10px 15px; background: #FAFAFA; }
.example p + p { padding: 10px 0 0; border-top: 1px dotted #CCC; }
.example strong { display: block; margin: 0 0 5px; }
.example span { color: #6cc6f1; }

/* .switch old */
.switch input {
    display: none;
}
.switch label {
    padding: 12px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.switch label:before {
    padding: 6px 10px;
    content: 'O N';
    border-radius: 6px 0 0 6px;
    background: linear-gradient(to bottom, #F0F0F0 0%, #DDD 100%);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1) inset;
    color: #333;
}
.switch label:after {
    padding: 6px 10px;
    content: 'OFF';
    border-radius: 0 6px 6px 0;
    background: #C30;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1) inset;
    color: #FFF;
}
.switch input + label:hover:before {
    opacity: 0.5;
}
.switch input:checked + label:before {
    background: #27547d;
    color: #FFF;
    opacity: 1;
}
.switch input:checked + label:after {
    background: linear-gradient(to bottom, #F0F0F0 0%, #DDD 100%);
    color: #333;
}
.switch input:checked + label:hover:after {
    opacity: 0.5;
}

/* common */
#step-form.step6 label,
.switchDetail li .switch label:before,
.switchList .switch label:before,
.switchDetail li ul li .delete,
.switchDetail li ul + p button,
.switchCont .switch label:before,
.switchCont .switch label:after,
.col-md-3.imageWords label,
#PageTop a,
#PageLinks li a,
#PageLinks li a:before,
.step2label label:before { -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }

#step-form.step6 h3 { margin: 0; padding: 12px 16px; font-size: 16px; font-weight: bold; background: #f2f2f2; border: 1px solid #DDD; border-bottom: none; }
#step-form.step6 h3 span { margin: 0 10px;font-size: 14px; font-weight: normal; }
#step-form.step6 input { margin: 0 5px 2px 0; }
#step-form.step6 label { display: block; margin: 0; padding: 12px; font-weight: normal; }
#step-form.step6:not(.shelf) label:not(.label-title):hover { background: #FAFAFA; cursor: pointer; }
#step-form.step6 .div-ma label { margin: 0 0 10px; padding: 0; width: 100%; }

.checkList h4 { margin: 0 0 -46px; padding: 15px 15px 16px; width: 120px; font-size: 14px; font-weight: bold; text-align: center; }
.checkList ul,
.switchDetail,
.checkMark,
#step-form.step6 .well ul,
#Step2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

/* pageLinks */
.pageLinks { display: table; margin: 40px 0 0; width: 100%; text-align: center; }
.pageLinks li { display: table-cell; width: 50%; vertical-align: top; }
.pageLinks li a { display: block; position: relative; padding: 10px; height: 50px; color: #6cc6f1 !important; font-size: 18px; text-decoration: none !important; background: #FFF; border: 1px solid #6cc6f1; }
.pageLinks li a.current { color: #FFF !important; background: #6cc6f1; }
.pageLinks li a.current:after { content: ""; position: absolute; bottom: -11px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-bottom: none; border-top: 10px solid #6cc6f1; }
.pageLinks li a:not(.current):hover { background: #f4fcff }
.pageLinks li i { position: relative; top: 2px; font-size: 24px; }

/* checkList */
.checkList ul { margin: 0 0 30px;border: 1px solid #DDD; }
.checkList ul li { width: 50%; }
.checkList ul.flexList3 li { width: 33.33%; border-bottom: 1px solid #DDD; }
.checkList ul.flexList3 li:last-child { border-bottom: none; }
.checkList ul.flexList6 li { width: 16.66%; }
.checkList ul.flexList7 li { width: 11.11%; border-bottom: none; }
.checkList ul.flexList6 li:nth-child(n + 6) label { color:#e30040; }
.checkList ul.flexList6 li:nth-child(-n + 6) label { color:#0057b1; border-bottom: 1px solid #DDD; }
.checkList ul.flexList7 { padding-left: 120px; }
.checkList ul.flexList7:not(:last-child) { margin: 0; border-bottom: none; }
.checkList ul.flexList7 li:first-child { border-left: 1px solid #DDD; }

/* switchDetail */
.switchDetail { margin: 0 0 0 -1.33%; }
.switchDetail li { position: relative; margin: 0 0 0 1.33%; width: 32%; }
.switchDetail li h3 { border-bottom: 1px solid #DDD !important; }
.switchDetail li .switch { position: absolute; top: 6px; right: 9px; }
.switchDetail li .add-contents { padding: 0 10px; border: 1px solid #DDD; border-top: none;}
.switchDetail li label { display: inline-block !important; width: 25%; }
.switchDetail li h4 { padding: 10px 0 0; font-size: 14px; font-weight: bold; border-top: 1px dotted #CCC; }
.switchDetail li h4 span { margin: 0 0 0 25px; color: #F33; font-size: 13px; font-weight: normal; }
.switchDetail li p:first-of-type { margin: 0 0 -10px; }
.switchDetail li textarea { width: 100%; height: 100px !important; }

.switchDetail li ul li { padding: 0 0 10px; width: 100%; border: none; white-space: nowrap; }
.switchDetail li ul li input { display: inline-block; margin: 0  0 0 10px !important; vertical-align: middle; }
.switchDetail li ul li input[type=text] { width: 69%; width: calc(100% - 92px); height: 26px;border-radius: 2px 0 0 2px !important;}
.switchDetail li ul li input + input[type=text] { width: 68%; width: calc(100% - 115px); }
.switchDetail li ul li .delete { display: inline-block; width: 26px;height: 40px;color: #AAA;font-weight: bold;line-height: 1px;background: #f2f2f2;border: 1px solid #CCC;border-left: none;border-radius: 0 2px 2px 0;vertical-align: middle;}
.switchDetail li ul li .delete:hover { color: #666; background: #DDD; }

.switchDetail li ul + p button { padding: 5px 10px 7px; width: 100%; background: #FFF; border: 1px solid #CCC; }
.switchDetail li ul + p button:hover { background: #e6e6e6; border-color: #adadad;}
.switchDetail li ul + p button .fa { color: #888; }

.switchDetail li .switch label,
.switchList .switch label,
.switchCont .switch label {margin: 0 auto !important;padding: 0 !important;width: 52px;}
.switchDetail li .switch label:before,
.switchList .switch label:before,
.switchCont .switch label:before { content: "OFF"; display: block; padding: 3px 10px 5px; width: 56px; color: #888; font-size: 15px; text-align: center; background: #f7f7f7; border: 1px solid #CCC; border-radius: 2px; box-shadow: none; }
.switchDetail li .switch input:checked + label:before,
.switchList .switch input:checked + label:before,
.switchCont .switch input:checked + label:before { content: "ON"; color: #FFF !important; background: #25557d; border-color: transparent !important; }
.switchDetail li .switch label:after,
.switchList .switch label:after,
.switchCont .switch label:after { display: none; }
.switchDetail li .switch label:hover:before,
.switchList .switch label:hover:before,
.switchCont .switch label:hover:before { background: #FFF; border-color: #AAA; opacity: 1; }
.switchDetail li .switch input:checked + label:hover:before,
.switchList .switch input:checked + label:hover:before,
.switchCont .switch input:checked + label:hover:before { background: #379aca; opacity: 1; }

.addImage .switchCont .switch label:after { left: 5px; width: calc(100% - 5px); background: #f2f2f2 !important; opacity: 1; mix-blend-mode: multiply; }
.addImage .switchCont .switch label:hover:after { background: rgba(205,205,205,0.1) !important; }
.addImage .switchCont .switch label:before { content: "画像表示:OFF"; width: auto; z-index: 1; }
.addImage .switchCont input:checked + label:before { content: "画像表示:ON"; }

/* switchList */
.switchList { margin: 0 0 30px; width: 100%; border: 1px solid #DDD; }
.switchList tr th,
.switchList tr td { padding: 12px; text-align: center; border-bottom: 1px solid #DDD; }
.switchList tr th { padding-left: 15px; font-weight: bold; text-align: left; }
.switchList tr th ~ th { border-left: 1px solid #DDD; }
.switchList thead th { padding: 12px 0 !important; text-align: center; background: #f2f2f2; }
.switchList thead th ~ th:not(:nth-child(4)) { border-left-style: dotted; }
.switchList tbody th { width: 15%; }
.switchList tbody th + td { width: 11%; }

/* switchCont */
.switchCont { position: relative; }
.switchCont .switch { position: absolute; top: -64px; left: 0; width: 100%; }
.switchCont .switch label { width: 100%; height: 54px; background: none !important; }
.switchCont .switch label:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(205,205,205,0.1) !important; border-radius: 0; box-shadow: none; opacity: 0; }
.switchCont .switch label:hover:after { opacity: 1 !important; }
.switchCont .switch label:hover:before { z-index: 1; }
.switchCont .switch label:before { position: absolute; top: 11px; right: 10px; }

/* .row.mt-lg  */
#step-form.step6 .row.mt-lg .form-group.mb30 { padding: 10px 10px 0; border: 1px solid #DDD; }
#step-form.step6 .row.mt-lg h3 { position: relative; margin: -10px -10px 15px !important; border: none; border-bottom: 1px solid #DDD; }
#step-form.step6 .row.mt-lg h3 button {position: absolute;top: 5px;right: 5px;padding: 0 16px;height: 30px !important;min-width: 0;font-size: 14px !important;}
#step-form.step6 .row.mt-lg span { display: block; margin: 10px 0; }
#step-form.step6 .row.mt-lg textarea { height: 120px !important; }

.col-md-3.imageWords { float: none !important; padding: 0; height: auto !important; }
.col-md-3.imageWords input { margin: 0 5px 0 2px; }
.col-md-3.imageWords label { margin: 0; padding: 10px; }
.col-md-3.imageWords label:not(:nth-child(6)) { border-bottom: 1px dotted #DDD; }
.col-md-3.imageWords label:hover { background: #FAFAFA; cursor: pointer; }

/* btn */
#step-form.step6 .btn { min-width: 140px; }
#step-form.step6 .btn.btn-primary { min-width: 220px; }
#step-form.step6 .btn.btn-lg.btn_ow.sub { padding: 13px; color: #FFF; min-width: 220px; font-size: 18px !important; background: #333; border: none; }
#step-form.step6 .btn.btn-lg.btn_ow.sub:hover {background: #626262;opacity: 1 !important;}
#step-form.step6 .btn.btn-lg.btn_ow.sub + .btn { margin: 0 0 0 40px !important; min-width: 220px; font-size: 18px !important; }

/* well */
#step-form.step6 .well { padding: 0 10px 5px; background: #f7f7f7; border-radius: 0; }
#step-form.step6 .well h3 { margin: 0 -10px 10px; background: #eaeaea; border: none; border-bottom: 1px solid #DDD; }
#step-form.step6 .well p span { vertical-align: middle; }
#step-form.step6 .well p input { display: inline-block; margin: 5px 15px 0; width: 25%; }
#step-form.step6 .well p.note { margin: 0 10px; padding: 0 15px; color: #379aca; font-weight: bold; }
#step-form.step6 .well ul li { padding: 0 10px; width: 25%; }
#step-form.step6 .well ul li span { display: block; margin: 15px 0 3px; }

#step-form.step6.shelf .well { text-align: center; background: none; }
#step-form.step6.shelf .well h3 { position: relative; padding-left: 55px; text-align: left; background: #f2f2f2; }
#step-form.step6.shelf .well h3 span { display: block; position: absolute; top: -1px; left: -1px; margin: 0; width: 43px; height: 43px; color: #FFF; font-size: 17px; font-weight: bold; line-height: 40px; text-align: center; background: #b7b7b7; }
#step-form.step6.shelf .well p { margin: 0 5px 10px; text-align: left; }
#step-form.step6.shelf .well .withBlue { display: inline-block; position: relative; padding: 0 0 23px; vertical-align: top; }
#step-form.step6.shelf .well .withBlue small { position: absolute; bottom: 0; left: 15px; color: #0057b1; font-weight: normal; white-space: nowrap; }
#step-form.step6.shelf .well p.full { margin: 15px 5px 10px; padding: 15px 0 0; border-top: 1px dotted #CCC; }
#step-form.step6.shelf .well p.full span { display: inline-block; width: 49%; font-weight: normal !important; text-align: center; }
#step-form.step6.shelf .well p.half { display: inline-block; margin: 5px 0; padding: 15px 0; width: 49%; text-align: center; border-right: 1px dotted #CCC; }
#step-form.step6.shelf .well p.half + p.half { border: none; }
#step-form.step6.shelf .well p input[type=text],
#step-form.step6.shelf .well p input[type=number] { width: 100px; font-weight: normal; }
#step-form.step6.shelf .well p span + span { margin-left: 15px; font-weight: bold; }
#step-form.step6.shelf .well p span:first-child { font-weight: bold; }
#step-form.step6.shelf .well p label.file { display: inline-block; padding: 6px 12px; }
#step-form.step6.shelf .well p label.file input[type=file] { display: none; }
#step-form.step6.shelf .well .btn { margin: 0 10px; min-width: 0; }
#step-form.step6.shelf .well .btn:not(:first-child) { margin: 0 0 0 15px; }

/* PageTop */
#PageTop { position: fixed; right: 10px; bottom: 10px; margin: 0; width: 50px; height: 50px; z-index: 10; }
#PageTop a { display: block; width: 50px; height: 50px; color: #FFF; text-align: center; text-decoration: none !important; background: #6bc7f1; border-radius: 30px; opacity: .4; }
#PageTop a:hover { opacity: 1; }
#PageTop a i { display: block; font-size: 30px; line-height: 49px; }

/* step2label */
#Step2 .col-sm-12 { margin: 20px 0 30px; font-size: 18px; }

.step2label { position: relative; margin: 0 15px 30px; padding: 15px; width: 30.5%; width: calc(33.3% - 30px); z-index: 10; }
.step2label p { font-size: 18px; }
.step2label input[type=radio] { margin: 0 5px 2px 0; }
.step2label input[type=radio]:checked ~ span { font-weight: bold; }
.step2label label,
.step2label label:before { display: block; position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; cursor: pointer; }
.step2label label:before { content: ""; border: 1px solid #CCC; z-index: -1; }
.step2label label:hover:before { background: #fcfcfc; }
.step2label input[type=radio]:checked ~ label:before { background: #f9fdff; border-top: 3px solid #6bc7f1; }

.step2label figure { margin: 15px 0 0; text-align: center; }
.step2label figure img { max-width: 130px; }
.step2label figure span { display: inline-block; position: relative; margin: 0 15px; width: 20px; height: 20px; }
.step2label figure span:before,
.step2label figure span:after { content: ""; position: absolute; top: 0; left: 8px; width: 4px; height: 100%; background: #4da5cf; }
.step2label figure span:after { top: 8px; left: 0; width: 100%; height: 4px; }

.step2label ol { margin: 0; }
.step2label ol li { position: relative; margin: 15px 0 0; padding: 10px; color: #33a1d6; text-align: center; background: #FFF; border: 1px solid #4da5cf; cursor: pointer; z-index: -1; }
.step2label ol li:not(:last-child):before,
.step2label ol li:not(:last-child):after { content: ""; position: absolute; bottom: -11px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-bottom: none; border-top: 10px solid #4da5cf; }
.step2label ol li:not(:last-child):after { bottom: -10px; border-top-color: #FFF; }

/* confirmation */
.text { margin: 0 auto 40px; max-width: 600px; }

.conf .col { display: inline-block; width: 31%; text-align: center; border: 1px solid #DDD; }
.conf .col:nth-child(2) { margin: 0 2%; }
.conf .col h3 { margin: 0 0 30px; padding: 12px; font-size: 20px; text-align: center; background: #f2f2f2; border-bottom: 1px solid #DDD; }
.conf .col p { margin: 0 0 30px; }
.conf .col p span { margin: 0 0 0 20px; }
.conf .col .btn { width: 100px; height: 44px !important; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn { background: #26557d !important; border-color: #2e6da4 !important; opacity: .65 !important; }

/* preview */
.preview { margin: 0 auto; padding: 0 0 40px; width: 800px; }
.preview > div { margin: 0 0 40px; }
.preview > div > h3 { position: relative; margin: 0 0 20px; padding-left: 14px; font-size: 18px; font-weight: bold; }
.preview > div > h3:before { content: ""; position: absolute; top: 1px; left: 0; width: 4px; height: 19px; background: #6cc6f1;}
.preview .row { margin: 0; }
.preview .innerFix_800 { width: 100%; }

.preview #Prev1 > .row { border: 1px solid #DDD; }
.preview #Prev1 .col-sm-5 { margin: 0 -1px; border-left: 1px solid #DDD; }
.preview #Prev1 .col-sm-7 { border-right: 1px solid #DDD; }
.preview #Prev1 label { display: block; margin: 0 -15px; padding: 10px; max-width: none; background: #f2f2f2; border-bottom: 1px solid #DDD; }
.preview #Prev1 .col-sm-5 label { box-shadow: 1px 0 0 #f2f2f2; }
.preview #Prev1 .form-group.mb30 { margin-bottom: 20px !important; }
.preview #Prev1 .form-group.mb30 + .form-group.mb30 label { border-top: 1px solid #DDD; }

.preview #Prev2 .col-sm-12 { margin: 0; padding: 15px 20px; border: 1px solid #DDD; }
.preview #Prev2 .col-sm-12 label { font-size: 14px; font-weight: normal; }

.preview #Prev3 div { padding: 20px; border: 1px solid #DDD; }

.preview #Prev4 .table,
.preview #Prev5 .table { margin: 0; }
.preview #Prev4 .th { width: 140px; }

.preview #Prev6 .checkList ul,
.preview #Prev6 .checkList div { padding: 8px 15px; min-height: 38px; border: 1px solid #DDD; }
.preview #Prev6 .switchDetail { margin: 30px 0 30px -10px; }
.preview #Prev6 .switchDetail:last-of-type { margin-bottom: 0; }
.preview #Prev6 .col-sm-5 { margin-bottom: -30px; padding-right: 0; }
.preview #Prev6 .col-sm-7 { margin-bottom: -30px; padding-left: 0; }
.preview #Prev6  h3.preview { position: relative; margin: 40px 0 20px; padding: 0 0 0 14px; font-size: 18px; background: none; border: none; }
.preview #Prev6  h3.preview:before { content: ""; position: absolute; top: 1px; left: 0; width: 4px; height: 19px; background: #6cc6f1; }

.preview #Prev7 .col-sm-2.mt { min-height: 55px; }
.preview #Prev7 .col-sm-4.mt-lg,
.preview #Prev7 .col-sm-4.mt-lg .col-sm-5 { margin: 0; padding: 0; }
.preview #Prev7 .col-sm-4.mt-lg .mt { margin: 20px 0 10px; }
.preview #Prev7 .row ~ br { display: none; }

/* graphList 2019.3.1 */
.graphList .modal-header { border: none; }
.graphList ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 30px; max-width: 1200px; border-top: 1px solid #e5e5e5; }
.graphList ul li { width: 33.3%; border-bottom: 1px solid #e5e5e5; }
.graphList ul li label { display: block; margin: 0; padding: 20px 20px 22px; font-size: 16px; font-weight: normal; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.graphList ul li label:hover { background: #FAFAFA; cursor: pointer; }
.graphList ul li input[type=checkbox] { margin: 0 5px 0 0; }
.graphList ul + .text-center .btn { width: 400px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

.table2{
	width : 100%;
}


.table2 th,
.table2 td{
	padding : 10px;
	border : solid 1px #EEEEEE;	
}

.table2 th{
	background : #FAFAFA;	
}

.collapsed a { display: inline-block; padding: 10px; text-decoration: none !important; cursor: pointer; }


.input-group-addon {
	background-color: #6bc7f1 !important;
	color: #FFF !important;
	border: 1px solid #ccc;
	border-right: none !important;
}

body {
	padding-bottom: 70px !important;
}

/* hoverZoom 2019.4.1 */
.col-sm-5.scrollBox { padding: 0; max-height: 810px; overflow: hidden; overflow-y: auto; }

.col-sm-4.hoverZoom { position: relative; margin: 0 0 10px 15px; padding: 0; width: 120px; background: #FFF; z-index: 10; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-transform-origin: 25% 50%; transform-origin: 25% 50%; }
.tr .td:nth-child(2) .col-sm-4.hoverZoom { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.tr:nth-child(2) .td .col-sm-4.hoverZoom { -webkit-transform-origin: 25% 0; transform-origin: 25% 0; }
.tr:nth-child(2) .td:nth-child(2) .col-sm-4.hoverZoom { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; }
.col-sm-4.hoverZoom:hover { z-index: 11; box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-transform: scale(2,2); transform: scale(2,2); }

.mt-lg.largeBtn { clear: both; margin: 0; padding: 50px 0 0; }
.mt-lg.largeBtn .btn.btn-lg { margin: 0 15px; padding: 16px; min-width: 180px; height: 56px !important; font-size: 20px !important; line-height: 1 !important; }

/* itemSelectModal */
.itemSelectModal > .row { display: table; }
.itemSelectModal > .row > .col-md-6 { display: table-cell; width: 50%; vertical-align: top; }
.itemSelectModal .col-md-12 { margin: 0 0 20px; }
.itemSelectModal ~ .row.custom-axis-control.mt40 {margin: 0 !important;text-align: center;}
.itemSelectModal ~ .row .col-md-3 { display: inline-block; min-width: 200px; }

.itemSelectModal .listControl,
.itemSelectModal #list.form-control label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.itemSelectModal .listControl div { margin: 15px auto 0 0; }
.itemSelectModal .listControl div + div { margin: 15px 15px 0 auto; }
.itemSelectModal .listControl label { margin: 0 0 0 15px; }
.itemSelectModal .listControl input { margin: 0 5px 0 0; }
.itemSelectModal .listControl .btn { margin: 0 0 0 10px; }

.itemSelectModal #list.form-control { padding: 0; }
.itemSelectModal #list.form-control label { position: relative; margin: 0; padding: 6px 12px; line-height: 1; background: #f2f2f2; z-index: 1; }
.itemSelectModal #list.form-control label span ~ span { font-weight: normal; white-space: nowrap; }
.itemSelectModal #list.form-control label:hover,
.itemSelectModal #list.form-control label:hover input:checked + strong:before { background: #e0e0e0; }
.itemSelectModal #list.form-control label:active,
.itemSelectModal #list.form-control label:active input:checked + strong:before { background: #e6e6e6; }
.itemSelectModal #list.form-control input { margin: 0 5px 2px 0; }
.itemSelectModal #list.form-control strong { font-weight: normal; }
.itemSelectModal #list.form-control input:checked + strong { font-weight: bold; }
.itemSelectModal #list.form-control input + strong:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: -1; }
.itemSelectModal #list.form-control input:checked + strong:before { background: #FFF; }

.itemSelectModal .axis-value-label { display: inline-block; margin: 15px 0 10px; padding: 0 0 0 80px; width: 49%; }
.itemSelectModal .axis-value-label + .axis-value-label { padding: 0 0 0 45px; }
.itemSelectModal .axis-value-area { display: table; }
.itemSelectModal .axis-value-btn { padding: 0 0 0 15px; }
.itemSelectModal .axis-value-btn .btn { height: 40px; }
.itemSelectModal .axis-value-area label,
.itemSelectModal .axis-value-area div { display: table-cell; vertical-align: top; }

/* pageBackNote */
.pageBackNote { position: relative; margin: 30px auto 0; padding: 0 0 0 42px; width: 500px; color: #666; }
.pageBackNote i { position: absolute; top: 50%; left: 0; margin: -12px 0 0; color: #d4d4d4; font-size: 30px; }

.btnWithNote { margin: 30px auto 0 !important; max-width: 530px; }

/* optional */
.optional {
    display: inline-block;
    margin: 0 0 0 15px;
    padding: 0 13px !important;
    width: auto;
    color: #4dbef3;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 2px;
    background: #f4fcff;
    border: 1px solid #4dbef3 !important;
    border-radius: 20px;
}
.optional.priced { color: #F00; background: #fff3f3; border-color: #F00 !important; }

.optionalDetail { display: inline-block; margin: 0 auto; color: #F00; letter-spacing: 0.5px; line-height: 1.6; text-align: left; }
.td .optionalDetail { margin: 0 0 0 15px; }

.h2wrap + .switchDetail,
.h2wrap + .switchList { margin-top: 20px; }

.whitOD label { margin: 0 10px 0 0; font-weight: normal; }
.whitOD label input[type=radio] { margin: 0 5px 0 0 !important; }

/* numNote */
.withNumNote { padding: 15px 10px !important; }
.withNumNote div .mb30 { margin: 20px 0 0 !important; }
.withNumNote div:first-child .mb30:first-child { margin: 0 !important; }

.withNumNote label { min-width: 110px; }
.withNumNote .form-control { margin: 0 5px 0 10px; width: 120px !important; }
.withNumNote .unit { display: inline-block; min-width: 18px; vertical-align: middle; }

.numNote { display: inline-block; margin: 0 0 0 24px; color: #4da5cf; text-indent: -14px; vertical-align: middle; }

/* projectList 2019/10/28- */
.projectList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.projectList .col-sm-3 { float: none; margin: 15px 0; }
.projectList .cicle-border { position: relative; height: 100%; padding-bottom: 120px; }
.projectList .cicle-border label .labelStyle { position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid transparent; box-sizing: content-box; }
.projectList .cicle-border label .labelStyle:before { content: ""; position: absolute; display: block; bottom: 0; top: auto; left: 0; width: 100%; height: 110px; background: #f9f9f9; }
.projectList .cicle-border label:hover .labelStyle { border-color: #CCC; box-shadow: 0 5px 10px 3px #f2f2f2; }
.projectList .cicle-border label:hover .labelStyle:before { background: #f5f5f5; }
.projectList .cicle-border label input:checked ~ .labelStyle { border-color: #46b8da; box-shadow: 0 5px 10px 3px #effbff; opacity: 1; }
.projectList .cicle-border label input:checked ~ .labelStyle:before { background: #f1fcff; }

.projectList .cicle-border label { display: block; }
.projectList .cicle-border label input { margin: 0; vertical-align: top; }
.projectList .cicle-border label .text-center { margin: -20px 0 0 30px; height: 120px; -webkit-transform: translateX(-10px); transform: translateX(-10px); }
.projectList .cicle-border label .text-center img { width: auto; max-height: 100%; }

.projectList .cicle-border .detail { padding-top: 10px; border-top: solid 1px #DDD; }
.projectList .cicle-border .detail p { margin:0px; padding:0px; font-size:12px; word-break: break-all; }
.projectList .cicle-border .detail p.title { margin: 0 0 5px; font-size: 14px; font-weight: bold; line-height: 1.4; border: none; }

.projectList .cicle-border .selects { position: absolute; margin: 0; bottom: 0; left: 0; padding: 10px 0; }
.projectList .cicle-border .selects .col-xs-6 { padding-right: 0; width: auto; max-width: 50%; }
.projectList .cicle-border .selects .col-xs-6.btn2nd { float: right; padding: 0 15px 0 0; }
.projectList .cicle-border .selects .col-xs-6.btn2nd input { height: 40px; }