@charset "utf-8";

/* =============================中ページ共通==================================== */
/*ページのフェードイン　js無し*/
body.naka {animation: fadeIn 0.6s ease 0s 0.7 normal;-webkit-animation: fadeIn 0.6s ease 0s 0.7 normal;}
@keyframes fadeIn {
	0% {opacity: 0.3}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0.3}
	100% {opacity: 1}
}



/*/////////////　header　//////////////////////////////*/
/* 中ページのheader*/


/* =======中ページ上部のヘッダー画像======== */
#naka-headerimgs{background:#f8fefa url(../img/naka_headerimg_default.jpg) no-repeat center top;width: 100%;margin-top:161px;}
.naka-headerimg{/*! height:250px; */max-width: 2000px;margin: 0 auto;background: url(../img/naka_headerimg_bg.png) no-repeat left top;}
.pagetitle {/*animation: nakaheaderanim 2s forwards;opacity: 0;*/color: #333;font-weight: bold;font-size: 198%;line-height: 1.1;letter-spacing: 0.2em;height: 200px;width: 600px;margin: 0 0 0 10%;display: flex;align-items: center;background: url(../img/rogomark.png) no-repeat left 20px center / 50px;padding-left: 82px;}
.pagetitle small{font-size:87%;/*font-size: 65%;position: relative;top: -2px;*/}

/*
@keyframes nakaheaderanim {
  0% {transform: translateX(-50px);opacity:0;}
	30% {transform: translateX(-50px);opacity:0;}
  100% {transform: translateX(0px);opacity:1;}
}
*/


/*パンくず------------*/
.breadcrumb-box{max-width: 1320px;width:100%;margin:6px auto 0 auto;padding:0 10px;overflow: hidden;line-height: 1;}
#breadcrumb{font-size:72%;white-space: nowrap;letter-spacing: 0;}
#breadcrumb div{display:inline;color:#999;padding-right:10px;}
#breadcrumb div a{color:#444;margin-right:10px;text-decoration:underline;}
#breadcrumb div a:hover{color: #669900;}




/* =============中ページ共通のスタイル================== */
body.naka .section {padding: 70px 0 50px 0;}
body.naka .section#section1,
body.naka .section#section2,
body.naka .section#section3,
body.naka .section#section4,
body.naka .section#section5,
body.naka .section#section6 {padding: 40px 0 50px 0;}
body.naka .section.end {padding: 40px 0 100px 0;}

/*見出し----------------*/




/*背景色
.bg-blue{background-color:#eef8fc;}
.bg-blue h2 p {background-color:#eef8fc !important;}
*/

/*字下げ*/
.jisage{padding-left: 1em;text-indent: -1em;}
/*インデント*/
.indent{padding-left: 1em;}

/*色*/
.color1{color:#3155a4;}/*基本色 ブルー*/
.color-red{color:#cc0000;}
.color2{color:#cc3333;}/*注意色*/
.color3{color:#ac1e1e;}/*基本色 赤*/


/*文字サイズ*/
strong{font-weight:bold;}
big{font-size:122%;}
small,
.small{font-size: 76%;line-height: 1.3;}

.font-size8{font-size:51%;line-height:1.2;}
.font-size10{font-size:65%;line-height:1.2;}
.font-size12{font-size:79%;line-height:1.5;}
.font-size13{font-size:86%;line-height:1.5;}
.font-size14{font-size:93%;line-height:1.7;}
.font-size16{font-size:100%;line-height:1.7;}	
.font-size17{font-size:108%;line-height:1.7;}
.font-size19{font-size:115%;line-height:1.7;}
.font-size20{font-size:122%;line-height:1.5;}
.font-size23{font-size:129%;line-height:1.5;}
.font-size24{font-size:136%;line-height:1.4;}
.font-size28{font-size:143%;line-height:1.3;}
.font-size32{font-size:156%;line-height:1.3;}
.font-size36{font-size:172%;line-height:1.3;}
.font-size40{font-size:184%;line-height:1.2;}
.font-size50{font-size:200%;line-height:1.2;}
.font-size60{font-size:230%;line-height:1.2;}

.noaccent{font-weight:normal;}
.accent{font-weight: bold;}

.nowrap{white-space:nowrap;}

.textleft{text-align:left;}

/* 画像 */
.alignnone,
img.alignnone {margin:7px 0 7px 0;}
.alignleft,
img.alignleft {float: left;margin:7px 25px 7px 0;}
.alignright,
img.alignright {float: right;margin:7px 0 7px 25px;}
aligncenter,
img.aligncenter {clear: both;display: block;margin:7px auto 7px auto;}

/*キャプション付き画像*/
/*
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
*/
.wp-caption{display: inline-block;}
.wp-caption.alignnone {margin:5px 0 5px 0;width:auto !important;overflow:hidden;}
.wp-caption.alignleft {float:left;margin:5px 20px 5px 0;width:auto !important;}
.wp-caption.alignright {float:right;margin:5px 0 5px 20px;width:auto !important;}
.wp-caption.aligncenter {margin:5px auto 5px auto;}
.wp-caption img {border: 0 none;margin-bottom:3px;padding: 0;/*max-width: 98.5%;width: auto;height: auto;---この3つを入れると管理者画面の画像編集で画像が変形できなくなる*/}
.wp-caption p.wp-caption-text {font-size:79%;line-height:1.2;color:#555555;margin-top:1px;padding:0;}




/*先方担当者がUPするyoutubeなどの動画レスポンシブ*/
.responsive-video{position:relative;width: 100%;max-width:950px;margin:15px auto 0 auto;} 
.responsive-video::before {content: "";display: block;width: 100%;padding-top: 56.25%;}
.responsive-video video, 
.responsive-video iframe, 
.responsive-video object, 
.responsive-video embed { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%;}
.responsive-video .mce-preview-object{position: unset;}



/*改行しない*/
.white-space{white-space:nowrap;}

/*リスト*/
body.naka .section ol,
body.naka .section ul{margin-left: 20px;}
body.naka .section ol li,
body.naka .section ul li{line-height:1.6;margin-bottom:8px;}
body.naka .section ol li strong,
body.naka .section ul li strong{padding-top:6px;display: inline-block;}


/*bxslider*/
body.naka .section .bx-viewport ul {margin-left: 0;}



/*pdfを開くリンクにはアイコンを付ける*/
.naka-kuwashii a[href$=".pdf"]::after,
.naka-kuwashii a[href$=".pdf"]::after{content: "";position: relative;display: inline-block;vertical-align: middle;width: 1.7em;height: 1.2em;margin: 0;background: url(../img/icon_pdf.gif) no-repeat center top 1px /19px;}


/*PDFボタン*/
.btn-pdf{font-size:108%;line-height: 1.1;margin-top:10px;}
.btn-pdf a{color: #000;}
.btn-pdf a[href$=".pdf"]{background:url(../img/icon_pdf.gif) no-repeat 0px 2px;padding:0 0 13px 24px;text-decoration: underline;}
.btn-pdf a:hover{color: #68BE8D;}

/*xlsボタン*/
.btn-pdf a[href $='.xls'],
.btn-pdf a[href $='.xlsx']{background:url(../img/icon_xls.gif) no-repeat 0px 2px;padding:0 0 13px 24px;text-decoration: underline;}


/*wordボタン*/
.btn-pdf a[href $='.doc'],
.btn-pdf a[href $='.docx']{background:url(../img/icon_word.gif) no-repeat 0px 2px;padding:0 0 13px 24px;text-decoration: underline;}


/*グレイ色の枠*/
.waku-glay{padding:12px 15px;background-color:#fafafa;border:1px solid #bbb;}
/*注意色の枠*/
.waku-chuui{padding:12px 15px;background-color:#fbfbdd;border:1px solid #e2dfa8;}



/*ただいま準備中です*/
.junbichuu{text-align:center;font-size:110%;margin:100px 0 300px 0;}





/*--------------------------------
     SNS
---------------------------------*/
/*全ページ共通のSNSボタン----------------このサイトでは未使用
#sns-box{margin-top:10px;text-align:center;}
#sns-box ul{margin:0 !important;padding:0;}
#sns-box ul li{display:inline-block;margin: 0 4px;width: 25px;height: 25px;padding:0 !important;}
#sns-box ul li a img{width:100%;height:100%;}
#sns-box ul li a:hover,
#sns-box ul li a:active{opacity:0.6;}
*/



/*/////////////　ページ下部のaccess　////////////////*/
body.naka .section.access{padding: 80px 0 0 0;}




/*///////////////////////////////////////////////////////////////////////////////*/
/*                 　中ページのmain                                              */
/*///////////////////////////////////////////////////////////////////////////////*/


/*==========　お知らせ一覧  news/(cgi-bin--wnew_list.html)  ==========*/
body.news #naka-headerimgs,
body.news.single #naka-headerimgs{background-image: url(../img/naka_headerimg_news.jpg);}

.section.news-list{min-height:550px;}

.naka-news-box {border-top: 1px solid #ddd;}
.naka-news-box dl.news-dl a {padding: 26px 10px 25px 10px;}
.naka-news-box dl.news-dl a dt {float: left;width: 193px;}
.naka-news-box dl.news-dl a dt .date{float: left;margin-top: 2px;}
.naka-news-box dl.news-dl a dt	.item-important{float: right;margin-top: 4px;}

.naka-news-box dl.news-dl a dd {padding: 0 0 0 206px;}
.naka-news-box dl.news-dl a dd img{margin: 0 0 5px 8px;}
.naka-news-box dl.news-dl a dd .title {font-size: 106%;}
.naka-news-box dl.news-dl.important a dd .title {color:#f00;}

.naka-news-box dl.news-dl a:hover {padding: 26px 10px 25px 16px;}


/*and more*/
.ajaxLoad{max-width:260px;margin: 0 auto;}
.ajaxLoad img{margin:0 auto 0 auto;width: 40px;}
.ajaxLoad a{font-size:17px;line-height:38px;text-align:center;background:#68be8d url(../img/arrow_down_white13-7.png) no-repeat left 12px center;color:#fff;text-decoration:none;display:block;transition: 0.6s ease-in-out;margin-top: 50px;}
.ajaxLoad a:hover{background-color:#6bc8cd;padding-left: 6px;}


/*次の記事へ→  使っていない
.navigation{position:relative;text-align: center;padding: 8px 15px 8px 15px;max-width:460px;margin:30px auto 0 auto;}
.navigation a{font-size:93%;color:#333;line-height:16px;height:20px;}
.navigation a:hover,
.navigation a:focus{color:#FF9900;}
.navigation .ichiran {position:absolute;width: 100px;margin: 0 auto 0 auto;right: 0;left: 0;}
.navigation .alignleft {float: left;margin:0;}
.navigation .alignright {float: right;margin:0;}
*/




/*==========　お知らせ  詳細　cgi-bin/wnew_one_skin.html  ==========*/
dl.news-single-title-box{background:url(../img/news_bar.png) repeat-x 0 bottom;padding:0px 0 30px 0;margin-bottom:30px;}
dl.news-single-title-box dt{line-height: 1;}
dl.news-single-title-box dt .news-single-date{float:left;font-size:93%;line-height:1.0;margin-top:3px;color: #444;letter-spacing: 0;}
dl.news-single-title-box dt .item-important{float:left;line-height: 0;margin: 1px 5px 0 15px;}
dl.news-single-title-box dt .item-important img{margin: 0;}
dl.news-single-title-box dt img{margin: 0 0 2px 10px;}

dl.news-single-title-box dd .news-single-title{font-size:130%;line-height:1.4;margin:20px 0 0 0;letter-spacing: 0.05em;color: #333;font-weight: bold;}
dl.news-single-title-box dd .news-single-title.important{color:#f00;}

.whatsnew-com1{line-height:2;padding-bottom:10px;font-size: 93%;}

.news-single-bigimg{display:table;width:auto;margin:20px auto 0 auto;font-size:72%;color:#666;line-height:1.2;}
.news-single-bigimg img{padding-bottom:3px;}

ul.news-single-yokoimg{text-align: center;margin:20px auto 0 auto !important;display:table;}
ul.news-single-yokoimg li{display: inline-table;text-align:left;margin: 15px 0.7% 0 0.7%;vertical-align: top;font-size:72% !important;color:#666;line-height:1.2;letter-spacing: 0;max-width: 31%;}
ul.news-single-yokoimg li img{max-height:270px;padding-bottom:3px;}

.whatsnew-com2{padding:20px 0 10px 0;line-height:2;font-size: 93%;}

.whatsnew-temp{font-size:93%;line-height: 1.1;background:url(../img/icon_pdf.gif) no-repeat 0px 0px;padding:0 0 13px 24px;color:#000;margin-top:15px;}
.whatsnew-temp a{text-decoration:underline;}


/*ページ下部の次の記事へ→*/
.navigation{position:relative;text-align: center;display: table;margin: 50px auto 20px auto;max-width: 260px;width: 100%;}
.navigation a{font-size:93%;color:#333;height:20px;}
.navigation .ichiran {position:absolute;margin: -4px auto 0 auto;right: 0;left: 0;width: 100px;}
.navigation .alignleft {float: left;margin:0;color: #fff;}
.navigation .alignright {float: right;margin:0;color: #fff;}

.navigation .ichiran a{border: 1px solid #bbb;padding: 4px 20px 3px 20px;border-radius: 5px;text-decoration: none;font-size: 80%;line-height: 1;}
.navigation .alignleft a {border: 1px solid #bbb;padding: 12px 20px 12px 20px;border-radius: 5px;background:url(../img/arrow_blackleft9-17.png) no-repeat center center;background-size:6px;text-indent:-8989px;display:block;overflow:hidden;}
.navigation .alignright a{border: 1px solid #bbb;padding: 12px 20px 12px 20px;border-radius: 5px;background:url(../img/arrow_blackright9-17.png) no-repeat center center;background-size:6px;text-indent:-8989px;display:block;overflow:hidden;}
.navigation a:hover{color:#000;background-color: #ebfbfb;border: 1px solid #8ec5c5;} 





/*==========　初めての方へ  first/  ==========*/
body.first #naka-headerimgs{background-image: url(../img/naka_headerimg_first.jpg);}

/*.first-aisatu-box{background-color:#f3fcf6;color:#02a644;height:95px;letter-spacing:0.15em;display: flex;justify-content: center;align-items: center;margin-bottom:60px;line-height: 1.4px;font-size: 115%;}*/

.midashi6{font-size: 115%;font-weight:bold;color:#333;line-height:1.4;border-bottom:2px solid #68be8d;padding-bottom:10px;margin-bottom: 25px;}

body.first .midashi6{font-size: 130%;}

dl.first-dl1{}
dl.first-dl1 dt{float:left;width:53%;}
dl.first-dl1 dd{float:right;width:41%;margin-top: 7px;}

dl.first-dl1 dt ol{list-style-type:disc;margin-bottom: 20px;}
dl.first-dl1 dt ol > li{}

.first-com1{line-height:1.6;margin-bottom: 30px;}

ul.kome{list-style-type: none;margin-left:0 !important;}
ul.kome li{text-indent: -1.3em;padding-left: 1.3em;margin-bottom:20px !important;line-height:1.6;}





/*==========　院長紹介  doctor/  ==========*/
/*body.doctor #naka-headerimgs{background-image: url(../img/naka_headerimg_doctor.jpg);}*/

body.naka h2{font-size: 180%;}

.doctor-inata{text-align: center;}

.doctor-com1{display: table;margin: 40px auto;max-width: 1085px;line-height: 2;}
.doctor-com1 p{margin-bottom: 15px;}

.doctor-com2{text-align: right;margin: -20px auto 0 auto;max-width: 1085px;}
.doctor-com2 large{font-size: 140%;}

dl.doctor-dl{max-width: 1100px;margin: 50px auto 0 auto;}
dl.doctor-dl dt{float: left;width: 45%;}
dl.doctor-dl dd{float: right;width: 45%;}

.midashi7{background: url(../img/arrow_circle35.png) no-repeat left top 9px / 18px;font-weight: bold;font-size: 105%;line-height: 1.4;padding: 4px 0 5px 1.2em;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-bottom: 11px;}
dl.doctor-dl .midashi7{}

.midashi5{background-color: #68be8d;color: #fff;font-weight: bold;font-size: 115%;padding-left: 1em;margin-bottom: 20px;}


body.naka .section.history{padding: 0 0 90px 0;}
body.naka .section.history .container{max-width: 1130px;}

dl.doctor-history-dl{}
dl.doctor-history-dl dt{float: left;width: 90px;}
dl.doctor-history-dl dd{padding: 0 0 0 100px;}






/*==========　診療について  medical/  ==========*/
body.medical #naka-headerimgs{background-image: url(../img/naka_headerimg_medical.jpg);}

.medical-img1{text-align:center;margin-bottom: 40px;}



/*==========　手術について  surgery/  ==========*/
body.surgery #naka-headerimgs{background-image: url(../img/naka_headerimg_surgery.jpg);}

.midashi4{border-left:5px solid #68be8d;font-size:136%;line-height:1.4;font-weight:bold;padding:0.3em 0 0.3em 0.7em;margin-bottom:30px;color: #449f6b;}

ul.surgery-img-ul{text-align:center;margin: 60px 0 0 0 !important;}
ul.surgery-img-ul li{display:inline-block;width:45%;margin:0 1.5% 20px 1.5%;}




/*==========　コンタクトレンズ処方について  contact/  ==========*/
body.contact #naka-headerimgs{background-image: url(../img/naka_headerimg_contact.jpg);}

body.contact .pagetitle {letter-spacing: 0.05em;}

.naka-com1{margin-top: 18px;line-height:1.9;}




/*==========　医院のご案内  facilities/  ==========*/
body.facilities #naka-headerimgs{background-image: url(../img/naka_headerimg_facilities.jpg);}
body.facilities .midashi4{margin-bottom:50px;}
.facilities-com1{margin-top: 25px;}

body.facilities ul.facilities-ul{display:table;margin: 35px auto -60px auto;}
body.facilities ul.facilities-ul li{display:inline-block;margin:0 5% 60px 0;width:46%;vertical-align:top;}
body.facilities ul.facilities-ul li.right{margin:0 0 40px 0;}

ul.facilities-ul > .midashi7{margin-bottom:2px;width: 97%;}
ul.facilities-ul li .com{font-size:90%;line-height:1.5;}
ul.facilities-ul .com.width{font-size:90%;line-height:1.5;margin:8px 0 60px 0;}
ul.facilities-ul li .img{max-width:510px;margin:12px 0 8px 0;}

body.facilities ul.facilities-ul li.widthsmall0{width:40.5%;margin:0 1.5% 0 0;}
body.facilities ul.facilities-ul li.widthsmall{width:26%;margin:0 1.5% 0 0;}
body.facilities ul.facilities-ul li.widthsmall .img{max-width:323px;}


/*==========　よくあるご質問  faq/  ==========*/
body.faq #naka-headerimgs{background-image: url(../img/naka_headerimg_faq.jpg);}

.faq-wrap{border-top: 1px dashed #bbb;margin-top: 40px;width:100%;}
.faq-com1{text-align:center;font-size: 105%;line-height: 1.5;}
dl.faq-box{}
dl.faq-box dt.quest{background: url(../img/icon_quest.png) no-repeat left 15px top 16px / 30px , url(../img/arrow_down31-15.png) no-repeat right 22px center / 20px;
																				min-height: 37px;font-size: 105%;padding: 12px 0 12px 53px;border-bottom:1px dotted #bbb;cursor: pointer;}
dl.faq-box dt.quest:hover{background-color: #f6fbff;color:#777;}
dl.faq-box dt.quest.open{background-color: #f6fbff;color:#777;opacity:0.6;}
dl.faq-box dd{display: none;background:url(../img/icon_ans.png) no-repeat left 24px top 26px / 30px;padding:22px 3.5% 22px 62px;background-color:#f7f7f7;}






/*==========　404ページ専用のスタイル==========*/
body.notfound #naka-headerimgs {height: 1px;background-image: none;}

.section.notfound {padding: 70px 0 90px 0;}

.section.notfound h2{font-size:130%;}

.com404{font-size:93%;text-align:center;margin-bottom:20px;line-height: 1.4;}

body.notfound .form-kanryo3 {text-align: center;margin-bottom:70px;}