@charset "utf-8";
/* CSS Document */

/*#header #footer ナビゲーションのtext-shadow指定
----------------------------------------------------------------------------------------------*/
.header-contents ul li a {
	text-shadow: 1px 1px 2px #3C72A8;
	-moz-text-shadow: 1px 1px 2px #3C72A8;
	-webkit-text-shadow: 1px 1px 2px #3C72A8;
	-o-text-shadow: 1px 1px 2px #3C72A8;
	-ms-text-shadow: 1px 1px 2px #3C72A8;
}
/*#header #footer ナビゲーションの背景指定
----------------------------------------------------------------------------------------------*/
.header-contents .btn-link .online_order a, .footer-contents .btn-link .online_order a {
	background-color: #88add1;
}
.header-contents .btn-link .order a, .footer-contents .btn-link .order a {
	background-color: #73A2D1;
}
.header-contents .btn-link .contact a, .footer-contents .btn-link .contact a {
	background-color: #558EC7;
}
.header-contents .btn-link .catalog a, .footer-contents .btn-link .catalog a {
	background-color: #377ABD;
}
.footer-contents .btn-link .top a {
	background-color: #2B5E91;
}

#footer .top_btn{
background-color:#377ABD;
}

.sTxt {
	font-size:11px;
}

/*#wrapper
----------------------------------------------------------------------------------------------*/
#wrapper {
	background:#F8F8F8;
}
/*#navi
----------------------------------------------------------------------------------------------*/
#navi {
	overflow:hidden;
	border-bottom: solid 1px #D9D9D9;
	background:#fff;
}
#navi li a {
	float:left;
	width:212px;
	height:30px;
	text-align:center;
	border-right: solid 1px #D9D9D9;
	padding:19px 0 0 0;
	color:#535353;
}
#navi li a:hover {
	color:#2B5E91;
	}
#navi .li_last a {
	border:none;
}
#navi li a.active {
	color:#2B5E91;
	text-decoration:underline;
}
#navi li a.active:hover {
	text-decoration:none;
}


/* .top #mv
----------------------------------------------------------------------------------------------*/
#top #mv {
	height:399px;
	overflow:hidden;
	background:url(../../medical/images/mv.png) no-repeat;
}
#top #mv h2 {
	padding:39px 0 0 806px;
}
#top #mv .list_h .eng_title {
	margin:11px 0 0 806px;
}
#top #mv .list_h .sub_title {
	margin:18px 0 0 835px;
}
#top #mv .list_w {
	margin:23px 0 0 799px;
	overflow:hidden;
}
#top #mv .list_w li {
	float:left;
}
#top #mv .list_w .approach {
	margin:0 17px 0 0;
}
#top #mv .list_w .aplan {
	margin:0 17px 0 0;
}
#top #mv .list_w .quality {
margin:;
}


.medical #mv{
background-color:#FFFFFF;
overflow:hidden;
}
.medical #mv .pageNavi{
float:right;
margin:3px 4px 6px 0px;
padding:0 2em 0 0;
text-align:right;
}
.medical #mv .pageNavi li{
float:left;
font-size:10px;
text-align:right;
margin-left:3px;
}
.medical #mv .pageNavi li a{
display:block;
}
.medical #mv .pageNavi li a:hover{
text-decoration:underline;
}


/* #side
----------------------------------------------------------------------------------------------*/
#side #guidance {
	background:#F8F8F8;
}
#side #guidance li a:hover {
	display:block;
	background:#CBE2F5;
}
#side #service {
	background:#F4F3EE;
}
#side #service li:hover {
	display:block;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#side #external-links-tx {
	background:#F4F3EE;
}
#side #external-links-tx li:hover {
	display:block;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#side {
  float: left;
  width: 271px;
}

#side ul#external-links li a{
	height:119px;
	border-top: solid 1px #D9D9D9;
}
#side ul#external-links #last_bnr{
	border-bottom: solid 1px #D9D9D9;

}

/* #side ul#external-links li a:hover{
  background: #CBE2F5;
} */


#side .li_m{padding:24px 0 0 17px;}
#side .li_m2{padding:23px 0 0 17px;}
#side .li_m2 img{margin:10px 0 0 0;}
#side .li_m3{padding:31px 0 0 17px;}

#side .img_right{float:right;}

#side .font_11{
	font-size:11px;
	line-height:1.2;
}

#side ul li img.reco1_img{margin:-2px 17px 0 0;}
#side ul li img.reco2_img{margin:0 25px 0 0;}
#side ul li img.reco3_img{margin:1px 23px 0 0;}
#side ul li img.reco1_tximg{margin-top:13px;}
#side ul li img.reco2_tximg{margin-top:11px;}
#side ul li img.reco3_tximg{margin-top:11px;}

#side ul li img.el1_img{margin:-2px 16px 0 0;}
#side ul li img.el2_img{margin:-3px 16px 0 0;}
#side ul li img.el3_img{margin:1px 16px 0 0;}
#side ul li img.el4_img{margin:0 16px 0 0;}
#side ul li img.el5_img{margin:1px 16px 0 0;}

#side ul li img.el1_tximg{margin-top:12px;width: 66%;}
#side ul li img.el3_tximg{margin-top:9px;}
#side ul li img.el4_tximg{margin-top:6px;}
#side ul li img.el5_tximg{margin:1px 0 6px 0;}
#side .circle{margin-top:10px;}


#top #contents{
	height:1558px;
	background:#FFFFFF;
}

#top .content_menu {
  border-bottom: solid 1px #D9D9D9;
}

#side ul#external-links {
  border-bottom: solid 1px #D9D9D9;
}

#top #side ul#external-links {
  border-bottom: none;
}


/* #contents #introduce
----------------------------------------------------------------------------------------------*/
#introduce {
	overflow:hidden;
	border-top: solid 1px #D9D9D9;
	background:#F4F9FD;
}
#introduce li a{
	float:left;
	width:478px;
	padding:0 25px 0 0;
	border-bottom: solid 1px #D9D9D9;
	position:relative;
}
#introduce a:hover {
	background:#CBE2F5;
}
#introduce li.left a{
	border-right: solid 1px #D9D9D9;
	width:477px;
	padding:0 25px 0 0;
}
#introduce li.left .img{
	margin:0 -1px 0 0;
}

#introduce li h3 {
	padding:25px 0 31px 28px;
}
#introduce li p {
	line-height:1.4em;
	width:225px;
	margin:0 0 20px 25px;
}
#introduce li .btn {
	color:#377ABD;
	font-weight:bold;
	border:1px solid #377ABD;
	text-align:center;
	position:absolute;
	display:block;
	width:225px;
	bottom:24px;
	left:24px;
	padding:7px 0;
	margin:0;
}
#introduce li a:hover .btn {
	background-color:#377ABD;
	color:#FFFFFF;
	display:block;
	width:226px;
}
#introduce li .img {
	float:right;
	padding:23px 0 24px 0;
	width:192px;
	margin:0;
}
/* #contents .content_menu
----------------------------------------------------------------------------------------------*/
#contents .content_menu ul {
	width:1006px;
/*	height:718px;
*/	background:#fff;
}
#contents .content_menu ul li a{
 text-align:center;
	padding-top:40px;
	width:336px;
	height:319px;
	float:left;
	border-left: solid 1px #D9D9D9;
	border-bottom: solid 1px #D9D9D9;
	margin-left: -1px;
	margin-bottom: -1px;
}
#contents .content_menu ul li:last-child a{
	/* border-right: solid 1px #D9D9D9; */
	width:333px;
}

#contents .content_menu ul .list_last a{
	width:334px;
}
#contents .content_menu a:hover {
	background:#CBE2F5;
	display:block;
}
#contents .content_menu ul li p {
	line-height:1.4em;
	text-align:center;
}
#contents .content_menu ul li h4 {
	margin:13px 0 29px 0;
}
#contents .content_menu ul li p.btn {
	margin:25px 0 0 0;
}
#contents .content_menu ul li p.btn {
    color:#377ABD;
	font-weight:bold;
	border:1px solid #377ABD;
	padding:7px 0;
	display:inline-block;
	width:130px;
}
#contents .content_menu li:hover p.btn {
	background-color:#377ABD;
	color:#FFFFFF;
	display:inline-block;
	width:130px;
}




/* .medical　共通設定 */
/* ------------------------------------------------------- */

.medical #mv{
   padding:50px 0 0 0;
}

.medical  h2{
   text-align:center;
}
.medical #contents .first_title{
   font-size:0;
   margin:0 0 40px 0;
   padding:0;
   border:none;
}
.medical #contents h3{
   font-size:26px;
   font-weight:normal;
   padding-left:10px;
   margin:60px 0 20px;
   border-left:1px solid #377ABD;
}
.medical #contents{
   width:945px;
   background-color:#FFFFFF;
   border-top:1px solid #D9D9D9;
   padding:42px 29px 0 32px;
   float:left;
}
.medical .item_wrap{
   overflow:hidden;
}

.medical .left_item{
   width:515px;
   float:left;
   margin:0 28px 0 0;
}
.medical .left_item p{
   line-height:1.8;
}
.medical .main_text span{
   display:block;
   margin-bottom:1.8em;
}
.medical .bold{
   font-weight:bold;
}
.medical p{
   margin-bottom:40px;
}
.medical p.none{
   margin-bottom:0;
}


.medical .left_item02{
   width:auto;
   margin:0 28px 0 0;
}
.medical .left_item02 p{
   line-height:1.8;
   margin-bottom:60px;
}




/* #approach */
/* ------------------------------------------------------- */

.medical #contents{
   line-height:1.8;
}
.medical #contents .image{
   overflow:hidden;
}
.medical #contents .image li{
   float:left;
   margin:10px 10px 0 0;
}
.medical #contents .image .first_li{
   margin-top:0;
}
.medical #contents .image .last_li{
   margin-right:0;
}
.medical #contents h4{
   font-size:18px;
   font-weight:bold;
   color:#377ABD;
   padding-bottom:7px;
   padding-left:1em;
   margin:40px 0 20px 0;
   background:url(../../medical/approach/images/border-left.png) no-repeat left 45%;
   border-bottom:1px dotted #CCCCCC;
}
.medical #contents a{
   display:inline;
   text-decoration:underline;
}
.medical #contents a:hover{
   text-decoration:none;
}
.medical #contents .headline{
   font-weight:bold;
   font-size:20px;
   color:#4E463F;
   margin:0 0 10px 2px;
   padding:0;
   background:none;
   border-bottom:none;
}
.medical #contents .box, .medical #contents .box2{
   background-color:#F4F3EE;
   border:1px solid #D9D9D9;
   padding:17px 17px 14px;
   margin-bottom:10px;
}
.medical #contents .box p, .medical #contents .box2 p{
   margin-bottom:0;
}
.medical #contents .box h5, .medical #contents .box2 h5{
   font-size:16px;
   color:#3779BD;
   margin-bottom:4px;
}

/* 製品の特長 */
table.productTbl {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 10px;
	margin-bottom: 40px;
}
table.productTbl th {
	font-size: 16px;
}
#first table.productTbl th {
	color: #3779BD;
}
table.productTbl th, td {
	vertical-align: middle;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}
table.productTbl th {
	padding: 1em;
	border-left: 1px solid #D9D9D9;
	width: 50px;
	height: 4em;
}
table.productTbl td {
	padding: 1em 1em 1em 0;
	border-right: 1px solid #D9D9D9;
	height: 4em;
}
table.productTbl td.deco {
	border-right: none;
}
table.productTbl td.deco span {
	display: block;
	height: 4em;
	border-left: 1px dotted #D9D9D9;
}
table.productTbl tr {
}
table.productTbl tr.tr1 {
	background-color: #F4F3EE;
}
table.productTbl tr.tr2 {
	background-color: #F6F6F6;
}

.medical #contents .carrer{
   padding:18px 18px 25px 18px;
   border:1px solid #D9D9D9;
   overflow:hidden;
}
.medical #contents .container{
   float:left;
   width:50%;
   margin-bottom:30px;
}
.medical #contents .container span{
   display:inline;
   font-size:14px;
}
.medical #contents .dr{
   font-size:22px;
   margin-top:5px;
}
.medical #contents .carrer h4{
   color:#6E6459;
   font-size:14px;
   font-weight:bold;
   border:none;
   background:none;
   padding:0;
   margin:0;
}
.medical #contents .carrer p{
   margin-bottom:0;
}
.medical #contents dt{
   float:left;
}
.medical #contents dd{
   padding-left:65px;
}
.medical #contents .last_dd{
   padding-left:57px;   
}
.medical #contents .t_blue{
   color:#3779BD;
   font-weight:bold;
}
.medical #contents .survice{
   font-size:16px;
   font-weight:normal;
   padding:10px 0;
   margin-bottom:0;
   border-top:1px solid #999999;
   border-left:none;
   display: inline-block;
   clear:both;
}
ul#lineup{
background-color:#FFFFFF;
}

ul#lineup li{
	text-align:center;
	border-top: solid 1px #D9D9D9;
	border-left: solid 1px #D9D9D9;
	border-bottom: solid 1px #D9D9D9;
	width:250.7px;
	height:349px;
	float:left;
}

ul#lineup .border_tb_none{
border-top:none;
border-bottom:none;
}
ul#lineup .border_right{
border-right: solid 1px #D9D9D9;
}

ul#lineup p{
    margin-bottom:0;
}
ul#lineup li a{
	width:251px;
	height:349px;
	}

#contents ul{
    overflow:hidden;
}
ul#lineup{
    width:1007px;
	float:right;
}
ul#lineup h3{
    margin:0 0 30px 0;
}
ul#lineup a:hover{
	background:#CBE2F5;
	display:block;
}
ul#lineup li{
    background-color:#FFFFFF;
}

ul#lineup li p.btn{
	color:#377ABD;
	border:1px solid #377ABD;
	display:inline-block;
	padding:7px 0;
	width:134px;
	margin-top:25px;
}

ul#lineup li:hover p.btn{
    background-color:#377ABD;
	color:#FFFFFF;
	display:inline-block;
	width:134px;
}

ul#lineup li p.lu_m{
  padding:24px 0 15px 0;
  line-height:1.4;
  }
  
/* #thought */
/* ------------------------------------------------------- */
#thought #contents .item_wrap{
margin-bottom:0;
}

#thought #contents .text_bottom{
overflow:hidden;}

#thought #contents .center{
text-align:center;}

#thought #contents .list{
margin:50px 0 1.8em 0;
}

#thought #contents .list ul li{
list-style:disc inside;
padding-left:3px;
}

#thought #contents .space_bottom{
margin-bottom:60px;
}



/* #first */
/* ------------------------------------------------------- */
/*#first #contents .box{
padding:20px 17px;
}
#first #contents .box h5{
width:70px;
margin:0 20px 0 0;
padding:10px 0;
float:left;
border-right:1px dotted #D9D9D9;
}*/
#first #contents .box2 h5 {
  font-size: 15px;
  font-weight: bold;
  float: left;
  padding: 20px 0;
}
#first #contents .box2 p {
  border-left: 1px dotted #D9D9D9;
  margin: 0 0 0 66px;
  padding: 0 0 0 20px;
  min-height: 5.4em;
}
#first #contents .last_box{
margin-bottom:40px;
}

#first #contents .flow{
height:121px;
background:url(../../medical/first/images/img040.png) no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#first #contents .method{
overflow:hidden;
margin:0 89px 40px;
}
#first #contents .method li{
float:left;
}
#first #contents .method .m_li{
margin-right:40px;
}
.medical #contents .headline02{
font-weight:bold;
font-size:16px;
color:#4E463F;
margin:40px 0 10px 2px;
padding:0;
background:none;
border-bottom:none;
}
#first #contents #contact{
height:150px;
position:relative;
}

#first #contents #contact p{
position:absolute;
top:86px;
left:567px;
width:136px;
height:27px;
padding-top:4px;
border:1px solid #BBBBBB;
text-align:center;
}
#first #contents #contact a{
display:block;
}
/*#first #contents #contact:hover p{
color: #FFFFFF;
background-color:#377ABD;
}*/


/* #salon */
/* ------------------------------------------------------- */
#salon #contents{
height:auto !important;
}

#salon .text_dsic li:before{
content:"●";
font-size:25px;
position:absolute;
left:0;
top:-12px;
}

#salon .text_dsic li {
display:block;
position:relative;
padding-left:1.2em;}

#salon iframe {
    border:none;
    }

/* #quality */
/* ------------------------------------------------------- */
#quality #contents .text_dsic{
margin:35px 0 25px 0;
}

#quality .text_dsic li:before{
content:"●";
font-size:25px;
color:#639AD1;
position:absolute;
left:0;
top:-12px;
}

#quality .text_dsic li {
display:block;
position:relative;
padding-left:2em;
}

#quality .sub_text{
margin-bottom:1.8em;}

#quality .contact_link{
  position: relative;
}

#quality .contact_link p{
  color:#FFFFFF;
  position: absolute;
  top: 60px;
  left: 420px;
  width: 125px;
  height: 27px;
  padding-top: 4px;
  border: 1px solid #FFFFFF;
  text-align: center;
}

/*#quality .contact_link:hover p{
color: #FFFFFF;
background-color:#377ABD;
}*/



/* #protectionHat */
/* ------------------------------------------------------- */

.text_dsic li:before{
content:"●";
font-size:25px;
color:#639AD1;
position:absolute;
left:0;
top:-12px;
}

.text_dsic li {
display:block;
position:relative;
padding:0 0 0.5em 2em;
}
#protectionHat #contents .image li{
margin-top:0;
}

#protectionHat #bnr a{
display:block;}

#protectionHat .link_box{
	text-align:center;
	margin-bottom:80px;
}

#protectionHat .link_box a {
  height: 18px;
  width: 248px;
  text-align: center;
  padding: 12px 0 18px;
  color: #377ABD;
  font-weight: bold;
  background-color: #FFFFFF;
  border: 1px solid #377ABD;
  display:inline-block;
  text-decoration:none;
}

#protectionHat .link_box a:hover{
background-color:#377ABD;
color:#FFFFFF;
}
#protectionHat #contents{
padding-top:60px;
height:auto !important;
}
#protectionHat #contents .first_title{
margin:0 0 40px;
}

#protectionHat #contents h3.first_title{
    font-size: 26px;
    font-weight: normal;
    padding-left: 10px;
    margin:0 0 20px;
    border-left: 1px solid #377ABD;
}
#protectionHat #contents h4{
background:none;
border:none;
padding:0;
}
#protectionHat #contents .item_left{
    width: 516px;
    float: left;
    margin: 0 28px 0 0;
}

#protectionHat .item_left img {
    margin-top: 30px;
}

#protectionHat .overf{
overflow:hidden;
margin-bottom:40px;
}


/* #roundAlopecia */
/* ------------------------------------------------------- */
.datsumou_link P{
  border: 1px solid #2B5E91;
  padding: 11px 0;
  width: 400px;
	height:28PX;
  margin-top: 25px;
	text-align:center;
}
.datsumou_link a{
	color: #2B5E91;
	font-weight:bold;
	text-decoration:none;
}


/*#roundAlopecia .datsumou_link p:hover{
  background-color:#2B5E91;
	color:#FFFFFF;
	display:inline-block;
	width:400px;
}*/

#roundAlopecia .box{
	 overflow:hidden;
}
#roundAlopecia ul.list_left{
	float:left;	
}
#roundAlopecia .contact_link,#roundAlopecia .contact_link2{
  position: relative;
}

#roundAlopecia .contact_link p{
  position: absolute;
  top: 195px;
  left: 20px;
  width: 125px;
  height: 27px;
  padding-top: 4px;
  border: 1px solid #BBBBBB;
  text-align: center;
}

#roundAlopecia .contact_link2 p {
  position: absolute;
  top: 125px;
  left: 570px;
  width: 136px;
  height: 27px;
  padding-top: 4px;
  border: 1px solid #BBBBBB;
  text-align: center;
}

#roundAlopecia .contact_link:hover p,#roundAlopecia .contact_link2:hover p{
color: #FFFFFF;
background-color:#377ABD;
}

#roundAlopecia .left_img{
  float: left;
}
#roundAlopecia .clear{
	clear:both;
}

/* #trichotillomania */
/* ------------------------------------------------------- */
#trichotillomania #contents .item_left{
    width: 516px;
    float: left;
    margin: 0 28px 0 0;
}
#trichotillomania #contents .item_right{
    width: 516px;
    float: right;
    margin: 0 0 0 28px;
}
#trichotillomania #contents .w80{
	width:80%;
	margin:auto;
}
#trichotillomania #contents .w95{
	width:95%;
	margin:auto;
}
/*flex*/
.u-flex-basic {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
/*column*/
.u-column-basic::after {
	content:"";
	display:block;
	clear:both;
}
.u-column-basic > li {
	float:left;
	line-height: 1.5;
	font-weight: 500;
}
.u-column-basic.is-2col > li {
	width:48.0519%;
	margin-right:3.8961%;
	margin-bottom:1em;
}
.u-column-basic.is-2col > li:nth-child(2n) {
	margin-right:0;
}
.u-column-basic.is-3col > li {
	width:31.4285%;
	margin-right:2.8571%;
	margin-bottom:1em;
}
.u-column-basic.is-3col > li:nth-child(3n) {
	margin-right:0;
}
.u-column-basic.is-4col > li {
	width:22.857175%;
	margin-right:2.8571%;
	margin-bottom:1em;
}
.u-column-basic.is-4col > li:nth-child(4n) {
	margin-right:0;
}

/* #price */
/* ------------------------------------------------------- */
#price #contents .h3_sub{
margin:30px 0 0 0;
padding:0;
font-weight:bold;
color:#4C463F;
font-size:20px;
border:none;}

#price #contents h4{
margin-top:15px;}

#price #contents .comment{
margin:20px 0;}

#price #contents .right{
text-align:right;
margin:0 0 10px 0;}

#price .table_box{
width:764px;}

#price table{
border-top:1px solid #D9D9D9;
border-right:1px solid #D9D9D9;}

#price table th,#price table td{
border-left:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
padding:10px;}

#price table th{
text-align:left;
background:#EFF7E8;}

#price table td{
text-align:center;
}

#price table .size td{
background:#f5f5f5;
}

#price .flow{
margin-bottom:20px;}

#price ol{
margin:0 0 50px 30px;}

#price ol li{
list-style:decimal;
}

/* #wig */
/* ------------------------------------------------------- */
#wig h3{}
#wig.medical  h4{
   font-size:20px;
   font-weight:bold;
   color:#4D463F;
   padding:0;
   margin:40px 0 20px 0;
   background:none;
   border-bottom:none;
   line-height: 1.5;
   clear:both;
   }
#wig.medical  h5{
   font-size:18px;
   font-weight:bold;
   color:#377ABD;
   margin:0 0 20px 0;
   border-bottom: 1px dotted #CCCCCC;
   line-height: 1.5;
   }

#wig .wiglist{
	width:456px;
	float:left;
	margin:0 16px 40px 0;
	}
#wig .wiglist ul{
	overflow:hidden;
	padding:0 0 16px 10px;}
#wig .wiglist ul li{
	float:left;}
#wig .wiglist ul li img{
	padding:0 5px;}
#wig .wiglist p{
	clear:both;
	margin:0 0 0 16px;
	}
#wig .wiglist_2{
	width:210px;
	float:left;
	margin:0 16px 40px 0;
	}
#wig #side ul#external-links #last_bnr{
border-bottom:none;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}