@charset "utf-8";
/* -----------------------------------------
/  下層ページのcss設定

	=1 基本レイアウト
	=2 sub1
	=3 下層　基本レイアウト
	=4 下層メインコンテンツ

-------------------------------------------- */

/* =1 基本レイアウト
---------------------------------------------------------------------------------------------*/
#head-Area{
margin-bottom:0;	
}
#content{
margin:0;
padding:30px 0;
background-color:#F5F5F3;	
}

/* --------------------------- パンくず */
.pan{
margin-bottom:30px;	
}
.pan li{
display:inline;
font-size:0.9em;	
}
.pan li > a{
color:#333;
text-decoration:underline;
margin-right:15px;
}
.pan li > a:hover{
color:#269680;		
}
.pan li::before{
content:"＞";
text-decoration:none;
margin-right:14px;
}
.pan li:first-child::before{
content:"";
margin-right:0;	
}
@media(max-width:767px){
.pan{
display:none;	
}

}

/*　=2 sub1 
------------------------------------------------------------------------------------------------- */
.pick-Box{
margin:0 auto 50px;
padding:40px 30px 50px 30px;
border:1px #BBBBB9 solid;
background-color:#fff;	
}
.pick-Box .col-sm-7{
}
.pick-Box .col-sm-4{
}
.pickBox-head{
border-bottom:1px #aaa solid; 	
}
.sub1-title{
color:#249881;
font-weight:bold;
margin-bottom:20px;	
}
.pickBox-head ul{
padding-left:0;
margin-bottom:30px;
}
.pickBox-head li{
list-style:none;	
}
.pickBox-head li > a{
font-size:1.2em;
font-weight:bold;
color:#000;
line-height:1.8em;	
}
.pickBox-head li > a:before{
font-family:"FontAwesome";
content:"\f105";
color:#fff;
padding:0 6px;
margin-right:0.5em;
background-color:#39AB94;
}
.pickBox-body{
padding:30px 0 25px;
margin-bottom:20px;
border-bottom:1px #aaa solid;	
}
.link-btn{
width:50%;
text-align:center;
margin:20px 0 0 50%;	
}
.link-btn a{
color:#fff;
font-weight:bold;
padding:10px 0;
display:block;
background-color:#eda550;
border-radius:8px;
border-bottom:4px #b6762c solid;	
}
.link-btn a:hover{
text-decoration:none;
opacity:0.8;
}
.link-btn i{
margin-right:10px;	
}
.picBox-img > p{
margin-top:100px;	
}

.picBox-img img{
max-width:350px;
width:100%;
}

@media(max-width:767px){
.link-btn{
width:100%;
margin:20px auto;	
}
.picBox-img > p{
margin-top:0px;	
}
}

@media(max-width:992px){
.picBox-img img{
width:100%;
max-width:350px;	
}	
}

/*　=3 下層　基本レイアウト 
------------------------------------------------------------------------------------------------- */
#mainCont{
width:100%;
margin:0 auto;	
}
#mainCont:after{
content:"";
display:block;
clear:both;	
}
#left-cont{
width:68.376%;
float:left;
}
#side-cont{
width:26.495%;
float:right;
}

.side-ban img{
max-width:300px;
width:100%;
margin:0 auto;
}
@media(max-width:767px){
#left-cont,
#side-cont{
float:none;
width:100%;	
}

.side-ban img{
margin:0 auto;
display:block;
text-align:center;
}
}
/* -------------------------- h1画像 */
#page-head{
position:relative;
top:0;
left:0;
margin-bottom:20px;
}
#page-head img{
width:100%;	
}
.page-title{
position: absolute;
left: 5%;
top: 38%;
bottom: 0;
margin: auto;
} 
.page-title span{
border-bottom:3px #67CEB9 solid;	
}

@media(max-width:767px){
#page-head{
width:100%;
height:100px;
background-color:#fff;
border:1px #B5B5B5 solid;	
}
#page-head img{
display:none;	
}
.page-title{
text-align:center;
margin:0;
position:relative;	
top:0;
left:0;
}
.page-title span{
font-size:0.8em;	
}
}
@media(max-width:920px){
.page-title{
top:20%;
left:3%;	
}
.page-title span{
font-size:0.8em;	
}
}
/* ------------------------------ サイドバー */
#side-cont ul{
list-style:none;
padding-left:0;	
}
.page-nav{
margin-bottom:30px;	
}
.page-nav h2{
font-size:1.2em;
color:#fff;
font-weight:bold;
padding:20px;
margin-top:0;
margin-bottom:0;
background-color:#000;	
}
.pagenav-body{
background-color:#fff;	
}
.pagenav-body li{
}
.pagenav-body li a{
padding:14px 0;
color:#000;
text-indent:-1.3em;
padding-left:2.3em;
padding-right:8px;
text-decoration:none;
display:block;
border:1px #BBBBB9 solid;
border-top:none;	
}
.pagenav-body li a:before{
font-family:"FontAwesome";
content:"\f054";
color:#39AB94;
margin-right:8px;
}
.pagenav-body li a:hover{
background-color:#efefef;	
}
.side-ban li{
margin-bottom:20px;
}

/* =4 下層メインコンテンツ
----------------------------------------------------------------------------------- メインコンテンツ */
.cont-Box{
width:100%;
padding-bottom:50px;
margin-bottom:50px;
border:1px #BBBBB9 solid;
background-color:#fff;	
}
.contBox-body{
width:90%;
margin:30px auto;	
}
.contBox-body a{
color:#269680;	
}
.contBox-body a:hover{
text-decoration:underline;	
}

.column-Box{
width:86%;
margin:30px auto;
box-sizing:border-box;
border:2px #39A68F solid;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}
.columnbox-title{
color:#fff;
margin-top:0;
font-weight:bold;
padding:14px 0 14px 10px;
background-color:#67CBB5;
}
.columnbox-title i{
margin-right:8px;
font-size:1.3em;	
}
.columnbox-body{
width:85%;
margin:20px auto 30px;	
}

/* ------ 画像設定 */
.alignleft,
img.alignleft{
float:left;
margin-right:10px;
margin-bottom:10px;
}
.alignright,
img.alignright{
float:right;
margin-left:10px;
margin-bottom:10px;	
}
.aligncenter,
img.aligncenter{
display:block;
margin:0 auto;
text-align:center;	
}
.al_c{
text-align:center;	
}
.al_r{
text-align:right;	
}
.al_l{
text-align:left;	
}

/* ----------------------------- title */
.lev2-title{
padding:10px 0 30px;
text-indent:-1em;
padding-left:1em;
border-bottom:1px #BBBBB9 solid;
clear:both;	
}
.lev2-title:before{
font-family:"FontAwesome";
content:"\f105";
color:#fff;
padding:0 6px;
font-size:0.7em;
margin-right:0.5em;
background-color:#39AB94;
}
.lev3-title{
font-size:1.4em;
color:#23947b;
font-weight:bold;
padding-bottom:4px;
margin:50px 0 20px;
border-bottom:3px #ccc solid;
clear:both;	
}
.contBox-body .lev3-title:first-child{
margin-top:0;	
}

.lev4-title{
color:#23947b;
font-size:1.3em;
padding:8px 0 6px 10px;
margin:30px 0 20px;
border-top:1px #666 dashed;
border-bottom:1px #666 dashed;
clear:both;
}
.lev4-title:before{
content:"■";
margin-right:5px;	
}
.big-img{
max-width:700px;
width:100%;	
}
.mid-img{
max-width:570px;
width:100%;	
}
.set67-img{
max-width:670px;
width:100%;	
}

@media(max-width:767px){
.contBox-body img{
width:100%;	
}
.alignleft,
img.alignleft,
.alignright,
img.alignright{
float:none;
display:block;
width:100%;
margin:0 auto;
text-align:center;	
}
	
	
.lev2-title{
font-size:1.6em;
text-indent:-1.3em;
padding-left:1.3em;
}

.lev3-title{
font-size:1.4em;	
}
.column-Box{
width:100%;
}

}

/* --------------------------- 共通スタイル */
/* ----------- */
.kanren-link{
margin:20px 0;	
}
.kanren-link:before,
.kanren-link li:before{
font-family:"FontAwesome";
content:"\f101";
margin-right:10px;
color:#269680;
margin-left:20px;
}

/* ----- */
.link-Box{
width:80%;
margin:30px auto;	
}
.linkBox-descriVer dt{
margin-left:0;	
}
.linkBox-descriVer dt:before{
font-family:"FontAwesome";
content:"\f101";
margin-right:10px;
color:#269680;
margin-left:20px;	
}
.linkBox-descriVer dd{
margin:0 0 20px 50px;	
}


#content .hosoku-cyui{
font-size:13px;
color:#c30;
text-indent:-1em;
padding-left:1em;
}
.notes{
width:90%;
margin:40px auto;
list-style:none;
font-size:13px;
text-indent:-2em;
padding-left:2em;	
}

.notes-box{
width:86%;
font-size:14px;
margin:40px auto;
padding:20px;
border:1px #C30 dashed;
border-radius:8px;	
}
.notes-box h4{
font-weight:bold;
color:#c30;	
}

.img-border img{
border:1px #ccc solid;	
}

.img-description{
width:80%;
padding:20px 20px 5px 20px;
font-size:13px;
margin:0 auto;
border:2px #36ab91 dashed;
border-radius:8px;	
}


.def-dlList dt span{
padding:4px 30px;
border-radius:8px;
background:#36AB91;	
}
.def-dlList dt{
color:#fff;
line-height:1.5em;
margin:4px 0 16px;	
}
.def-dlList dd{
margin:0 0 30px 30px;	
}


.marL-mid{
margin-left:50px;	
}
.marSide{
margin:0 1em;	
}
.mar-T100{
margin-top:100px;	
}
.under-line{
text-decoration:underline;	
}

@media(max-width:767px){
.def-dlList dd{
margin-left:0;	
}
	
	
}
/* ------------------------------------------- 個別ページ設定 */
/* --------------------------------- 症状 */

.check-btn{
text-align:center;
margin-top:20px;
clear:both;	
}
.check-btn a{color:#fff;
font-size:22px;
font-weight:bold;
padding:20px 0;
display:block;
background-color:#eda550;
border-radius:8px;
border-bottom:4px #b6762c solid;	
}
.check-btn a:hover{
text-decoration:none;
opacity:0.8;	
}
.check-btn i{
margin-right:10px;	
}
#check-List{
width:90%;
padding:40px 20px;
margin:0 auto 30px;
border:2px #ccc solid;
background:url(../img/cont/bkImg_check.jpg) no-repeat right bottom;
}
#symptom-check li{
list-style:none;
margin-bottom:10px;
text-indent:-24px;
xpadding-left:24px;	
}

#symptom-check input[type="checkbox"]{
width:16px;
xheight:16px;
margin-right:10px;
vertical-align:top;
cursor:pointer;
}
#symptom-check label{
font-weight:normal;
margin-left:24px;
cursor:pointer;	
}


#result-box{
margin:0 auto;
padding:20px;
border:4px #39AB94 solid;	
}
#result-box h3{
text-align:center;
margin-top:0;
padding:10px 0;
color:#fff;
background-color:#39AB94;	
}
#result-box h4{
text-align:center;
font-size:24px;
font-weight:bold;
border-bottom:1px #39AB94 solid;
margin:30px 0 20px;	
padding-bottom:15px;
}
#result-box h4 span{
margin:0 10px;	
}
#result-box dt{
text-align:center;
padding:5px 0;
margin-bottom:10px;
background:url(../img/cont/bk-result.jpg) no-repeat 50% 50%;	
}

#clear-btn{
margin-top:30px;
text-align:center;	
}

@media(max-width:767px){
#check-List{
background-image:none;	
}
	
}

/* ----------------- */
.intra-grid{
font-size:14px;
margin-top:30px;
border:1px #ccc solid;
}
.intra-grid th{
vertical-align:top;
font-weight:normal;
padding-left:5px;
border-bottom:1px #ccc solid;
}
.intra-grid th p{
color:#fff;
padding:8px 0;
margin-left:-5px;
text-align:center;
font-weight:bold;
background-color:rgba(148,148,148,1.00);	
}
.intra-grid td{
	line-height:1.2em;
border-bottom:1px #ccc solid;	
}
.intra-grid td img{
text-align:center;
margin-bottom:5px;	
}
.igrid-criImg{
padding:0px 10px;
}
.igrid-photo{
width:185px;
padding-top:5px;
padding-right:5px;
padding-bottom:10px;	
}


@media(max-width:920px){
.intra-grid th,
.intra-grid td{
display:block;
border-bottom:none;	
}
.igrid-photo{
width:100%;padding-bottom:20px;
}
.contBox-body .igrid-criImg img{
width:auto;
margin:0 auto;
display:block;
max-width:238px;	
}
.contBox-body .igrid-photo img{
width:auto;
margin:0 auto;
display:block;
max-width:185px;
}
}

/* --------------------------------- 手術関係 */
.surgery-flow{
width:90%;
margin:0 auto;
border:1px #ccc solid;	
}
.surgery-flow th{
font-weight:normal;	
vertical-align:top;
padding:5px 5px 5px 5px;
border:1px #ccc solid;
border-right:none;
}
.surgery-flow th h4{
font-weight:bold;
color:#fff;
text-align:center;
margin:0;
padding:15px 0;
margin-bottom:20px;
background-color:#36AB91;	
}
.surgery-flow th div{
margin-left:1em;
margin-right:1em;
}
.surgery-flow td{
padding:5px;
border:1px #ccc solid;
border-left:none;	
}

@media(max-width:767px){
.surgery-flow td,
.surgery-flow th{
display:block;
border:none;	
}
.surgery-flow td{
border-bottom:1px #ccc solid;	
}
}
/* ----------------- */
.multiL-grid{
}

@media(max-width:767px){
.multiL-grid th,
.multiL-grid td{
display:block;	
}
}
/* ---------------------------------　多焦点眼内レンズ add210318 */
.list-table{width: 100%;table-layout: fixed;}
.list-table th{background:#eee;border:1px #999 solid;padding: 8px 0;text-align: center;}
.list-table td{border:1px #999 solid;padding: 8px;vertical-align: top;}
.list-table__in{width: 100%;list-style: none;padding-left: 0;}
.list-table__in li{text-indent: -1.2em;padding-left: 1.2em;}
.list-table__in li:not(:last-child){margin-bottom: 10px;}
.list-table__in li span{margin-right: 0.2em;font-weight: bold;}
.fnt_bold{font-weight: bold;}
.col_redB{color:#f00;font-weight: bold;}
.col_blueB{color:#23947b;font-weight: bold;}


.color-box{width: 100%;
margin: 0 auto 30px;
box-sizing: border-box;
padding: 20px;}
.bk-Gre{background-color:#E9F2F0;}

.simple-grid th,.simple-grid td{border:1px #999 solid;padding: 8px;}
.simple-grid th{width: 12em;text-align: center;}
.simple-grid th span{font-weight: normal;color:#000;}

.lens-grid{width: 100%;}
.lens-grid th, .lens-grid td{border:1px #999 solid;padding: 8px;}
.lens-grid thead th{background:#39AB94; color:#fff;text-align: center;font-weight: normal;border-right:1px #fff solid;}
.lens-grid tbody th{width: 120px;text-align: center;}
.lens-grid tbody th p{background:#E9F2F0;}
.lens-grid td{text-align: center;}
.lens-grid td.lens-cont{text-align: left !important;}
.lens-spec{width: 6.2em;}


@media (max-width: 991px) {

.lens-grid tr,.lens-grid th, .lens-grid td{display: block;width: 100%;}
.lens-grid th, .lens-grid td{border-bottom:none;}
.lens-grid thead{display: none;}
.lens-grid tbody th{width: 100%;text-align: center;border-top:3px #999 solid;}
.lens-grid{border-bottom:1px #999 solid;}
.lens-grid tbody th img{width: 66px;}
.sp-gridtit{background:#eee; text-align: center !important;}



.premium-melit h4{text-align: center;font-weight: bold;}
.premium-melit__list::after{
display: block;
width: 62px;height: 70px;
content:url("../img/cont/arrow-green.png");
transform:rotateZ(90deg);
margin: 0 auto;
}
.premium-melit__img{text-align: center;width: 70%;margin: 0 auto;}

}
@media (min-width: 992px) {
.flexB{display:flex;}
.flexB-item2{width: 46%;}

.sp-gridtit{display: none;}

.premium-melit{display:flex;align-items: center;}
.premium-melit h4{font-weight: bold;}
.premium-melit__list{background:url("../img/cont/arrow-green.png") no-repeat center right;}
.premium-melit__list ul{width: 80%;margin-top: 30px;padding-left: 20px;}
.premium-melit__list li:not(:last-child){margin-bottom: 10px;}
}


/* --------------------------------- よくある質問 */
.faq-Box{
margin-bottom:50px;
border:1px #999 solid;	
}
.faq-Box h3{
font-size:18px;
font-weight:bold;
xcolor:#237d69;
padding:25px 15px 25px 0px;
margin:0px;
border-bottom:2px #237d69 solid;
background-color:#e9f2f0;
}
.faq-Box h3:before{
content:"Q";
color:#fff;
xcolor:#237d69;
padding:0 10px;
margin-right:1em;
xbackground-color:#fff;
background-color:#237d69;	
}
.faq-answer{
padding:20px;	
}
#content .faq-answer:last-child p{
margin-bottom:0;	
}
.faq-kanren{
list-style:none;
margin-top:1em;
}
.faq-kanren li:before{
font-family:"FontAwesome";
content:"\f101";
margin-right:8px;
color:#269680;
}

/* ------------------------------------ サイトマップ */
#stmap-box a{
color:#333;	
}
#stmap-box a:hover{
}
#stmap-box h3{
border-bottom:1px #39AB94 dotted;	
}
#stmap-box h3:before{
content:"■";
maring-righ:10px;	
}
#stmap-box > ul{
margin-left:30px;
margin-bottom:50px;
}
#stmap-box .lev2-map{
margin-bottom:10px;	
}
#stmap-box li{
list-style:none;	
}
#stmap-box li:before{
font-family:"FontAwesome";
content:"\f0da";
margin-right:10px;	
}
#stmap-box .lev2-map li:before{
font-family:"FontAwesome";
content:"\f105";
margin-right:10px;	
}
@media(max-width:767px){
#stmap-box > ul{
margin-left:0;	
}
}