@charset "utf-8";
h4{margin-bottom:0; padding-bottom:0; border-bottom:2px solid #DBC48C;}
h4 span.point{background-color:#996629; color:#FFFFFF; font-weight:normal; font-size:80%; margin-left:8px; padding:1px 8px 0;}

h5{ padding:0;}

div.read{margin:0;}
div.read h3{margin:0; padding:0; color:#333333; background:none; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; text-shadow:none;}
div.read h3:before{background:none;}
div.read p{margin:0; padding:0;}

/*眼瞼下垂の問題点*/
.reads{line-height:1.6em;}
.reads:after{content:""; clear:both; float:none; display:block;}
.reads .left{width:600px; float: left;}
.reads .right{text-align:right;	float:right;}
.reads dl{line-height:1.6em; margin-top:12px;}
.reads dt{color:#CC6600; margin-left:-8px;}
.reads dd{margin-left:0; margin-bottom:22px;}

/*目を見開いた時に額にシワが寄る人は要注意*/
.readBox{border:1px solid #999999; padding:12px; margin-top:60px;}
.readBox:after{ content:""; clear:both; display:block;}
.readBoxL{float:left; width:76%;}
.readBoxR{float:right;}
.readBox h4{background:none; border:none;}
img.right{float:right;}

/*挙筋短縮術*/
.kyokin{display: flex;  flex-wrap: wrap; width: 100%;}
.kyokinL{ width:calc(100% - 232px);}
.kyokinR{ width:232px;}

/*埋没式挙筋短縮術*/
.maibotsu{display: flex;  flex-wrap: wrap; width: 100%;}
.maibotsu .ph{width:375px;}
.maibotsu .txt{width:calc(100% - 385px);}


dl.after{border-bottom:1px solid #CCCCCC;}
dl.after dt, dl.after dd{padding:14px; border-top:1px solid #CCCCCC;}
dl.after dt{float:left; clear:left; width:115px; color:#CC6600; text-align:right; font-weight:bold;}
dl.after dd{ margin-left:140px; padding-left:4px;}

/*眼瞼下垂治療のメリット*/
.merit{display: flex;  flex-wrap: wrap; width: 100%;}
.merit .ph{width:573px;}
.merit .txt{width:calc(100% - 585px);}
.merit ul{ line-height:2; font-weight:bold;}
.merit li:before{content:"●"; color:#CC6600;}

@media screen and (max-width:1280px) {
.reads .left{width:58%;}
.reads .right{width:40%;}
}

@media screen and (max-width:1120px) {
.merit{display:block;}
.merit .txt{width:auto; margin-bottom:24px;}
.merit .ph{width:auto; text-align:center;}
}

@media screen and (max-width:700px) {
.reads .left{width:auto; float:none;}
.reads .right{width:auto; float:none; text-align:center;}
.kyokin, .maibotsu, .merit{display:block;}
.kyokinL, .maibotsu .txt{width:auto;}
.kyokinR, .maibotsu .ph{width:auto; text-align:center;}
}

@media screen and (max-width:650px) {
.readBoxL{float:none; width:auto;}
.readBoxR{float:none; text-align:center;}
}

@media screen and (max-width:480px) {
h4 span.point{display:block; margin:0 0 12px;}
dl.after dt{width:auto; float:none; text-align:left; padding:8px 0 0;}
dl.after dd{margin-left:0; border-top:none; padding:8px 0 0;}
}