@charset "utf-8";

/*************************************************"
			default
*************************************************/
html{font-size:1px;height:100%;}

body {margin: 0px;padding: 0px;font-size:18px;color:#000;height:100%;background-color:#fff;letter-spacing:0.04em;
			text-size-adjust: none;
			-webkit-text-size-adjust: none;/*iphoneの文字サイズの自動調整解除*/
			-webkit-font-smoothing: antialiased;	/*OSXでのフォントのレンダリング方法を調整*/
			/*Macでは普通の游ゴシックが適用され、Windowsでは「 游ゴシック Medium」になる--- "游ゴシック Medium", "Yu Gothic Medium", */
			font-family: Roboto, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
			/*font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
			-webkit-font-feature-settings: 'palt' 1;	/*fontの自動カーニング*/
			font-feature-settings: 'palt' 1;}

/**/
@font-face {
	font-display:swap;	/*フォントが利用可能となるまでの間、そのフォントが適用されているテキストには代替フォントが適用*/
	font-family: "centurygothic";
	src: url("../webfont/centurygothic.woff") format('woff');
}

/*
font-family:YakuHanJP,'Noto Sans JP', sans-serif;font-weight:500;
font-family:YakuHanJP,'Noto Sans JP', sans-serif;font-weight:700;
font-family:YakuHanJP,'Noto Sans JP', sans-serif;font-weight:900;

▼以下は未使用--------
font-family:YakuHanJP,'Kiwi Maru',sans-serif;font-weight: 400;
font-family:YakuHanJP,'Kiwi Maru',sans-serif;font-weight: 500;

font-family:YakuHanRP, 'M PLUS Rounded 1c' sans-serif;;font-weight:700;

font-family:YakuHanRP, 'Zen Maru Gothic', serif;font-weight:500;
font-family:YakuHanRP, 'Zen Maru Gothic', serif;font-weight:700;
*/


a         {color: #68BE8D;text-decoration:underline;transition: 0.8s;}/*hover ゆっくり変わる*/
a:link    {color: #68BE8D;text-decoration:underline;}
a:visited {	color: #4BB676;	text-decoration:underline;}
a:active  {color: #68BE8D;text-decoration: underline;}
a:hover   {color: #FF9900;text-decoration: underline;}

h1,h2,h3,h4,h5,p,ol,ul,li,span,dl,dt,dd {margin:0;padding:0;font-weight:normal;}
	
img {border:none;margin:0;padding:0;vertical-align:middle;}
img{max-width:100%;height:auto;}

a:hover img {opacity: 0.7;transition: 0.3s ease-in-out;}

ul {margin:0px;padding:0px;list-style:none none outside;}
ol{margin:0;padding:0;}

p.clear		{clear:both;line-height:0px;display:block;}
div.clear {clear:both;}

hr{ border:none;border-top:1px solid #ccc;height:1px;}
/*hr{background:url(../imga/hr_bg.png) repeat-x 0 0;height:10px;border: 0;}*/

.dotline{border-top: 1px dotted #aaa;line-height: 1px;height: 1px;}
.solidline{border-top: 1px solid #bbb;line-height: 1px;height: 1px;}

.strong{font-weight:bold;}

table{border-collapse: collapse;}

/*※などの注釈を上付き文字にする*/
.example{font-size: 0.8em;vertical-align: top;}

/*padding や border-width がwidth内に収まる*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/*clearfix--------------------*/
.cf:before,
.cf:after {content: " ";display: table;} 
.cf:after {clear: both;} 
.cf{*zoom: 1;}


/*---電話番号用---768px以上の解像度だけpointer-eventsを無効にして、PCのときはTELクリックの反応なし---*/
@media screen and (min-width: 768px) {	
	a[href^="tel:"] {pointer-events: none;color:#000;text-decoration:none;}
}



/* ページの各セクション-------------------*/
.section{padding:90px 0 90px 0;}
.section-end{padding:70px 0 0 0;}



/*全ページ共通のテーブル構造　-------------------*/
#wrapper{position: relative;overflow:hidden;}
#main{}
.container {position: relative;max-width:1330px;width:100%;margin:0 auto;padding:0;line-height:1.8;padding:0 15px;}


/*ページ上部右の出てくるナビmenu---*/
#menubtn{display:none;}
#navi_sp{display:none;}


/*lozad.jによるアニメーション--------いなた眼科は先方より動き無しとメールが来た*/
/*
.fadein-			{opacity: 0;transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-left	{opacity: 0;transform: translate3d(-300px, 0, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-right	{opacity: 0;transform: translate3d(300px, 0, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-up		{opacity: 0;transform: translate3d(0, 100px, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.zoomin				{opacity: 0;transform: perspective(500px) translateZ(100px);transition: opacity 0.5s linear,transform 1s ease-out;}

.transition-delay1{transition-delay: 0.3s;}
.transition-delay2{transition-delay: 0.6s;}
.transition-delay3{transition-delay: 0.9s;}
.transition-delay4{transition-delay: 1.2s;}
.transition-delay5{transition-delay: 1.5s;}
.transition-delay6{transition-delay: 1.8s;}
.transition-delay7{transition-delay: 0.3s;}
.transition-delay8{transition-delay: 0.6s;}
.transition-delay9{transition-delay: 0.9s;}

*[data-loaded="true"]{opacity: 1;transform: none;}
/*big画像用*/
/*
.transition-delay10{transition-delay: 1.5s;}
.transition-delay11{transition-delay: 2s;}
.transition-delay12{transition-delay: 2.5s;}
*/



/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のheader
///////////////////////////////////////////////////////////////////////////////*/
#header{position:fixed;top: 0;z-index:50;width:100%;height:161px;transition: 0.5s;border-bottom: 3px solid #68BE8D;background: #fff;}
#header .container{max-width:1530px;}
/* 縮小時のheader*/
#header.smaller{top: -80px;}

.header-box{}

.top-rogo{margin-top:18px;float: left;}
.top-rogo a{background:url(../img/rogo.png) no-repeat;width: 290px;height: 62px;background-size:contain;-webkit-backface-visibility: hidden;text-indent: -8989px;display: block;overflow: hidden;}
.top-rogo a:hover{opacity:0.6;}


.header-right{float:right;margin-top: 16px;}

ul.header-right-com{float:right;line-height: 1.5;}
.header-tel a{color: #000;background:url(../img/tel.png) no-repeat left top 4px;background-size:37px;padding-left:41px;font-size:190%;line-height:30px;text-decoration:none;display: inline-block;letter-spacing: -0.01em;transition: 0.5s;height: 30px;font-family: "centurygothic";}
.header-tel a:hover,
.header-tel a:focus{opacity:0.6;}

.header-zip{font-size: 80%;color: #222;}
.header-zip-shozai{font-size: 80%;color: #222;border:1px solid #ccc;padding:3px 0;text-align:center;line-height: 1;margin-bottom: 3px;}


/*文字サイズ*/
.fontsize-box{float:right;margin:11px 40px 0 0;transition: 0.5s;}
.fontsize-com{margin: 5px 2px 0 0;font-size: 108%;letter-spacing: 0;}
.fontsize-box ul{}
.fontsize-box ul li{margin-left:5px;float:left;font-size: 97%;line-height: 1.1;}
.fontsize-box ul li input{border: none !important;padding: 0 !important;}
.fontsize-box ul li img{cursor: pointer;}

/*文字サイズ拡大範囲*/
.sizechange-wrapp{}




/* ==================== 全ページ共通の横メニュー ==================== */
.yokomenu-bg{position:absolute;z-index: 5;left:0;right:0;width:100%;margin:0 auto 0 auto;transition: 0.5s;top: 94px;}
.menu-yokomenu-container{}


ul#yoko-menu {position: relative;z-index: 10;list-style-type: none;padding: 0;width:100%;display: table;}

ul#yoko-menu li{position:relative;float:left;margin: 0;padding: 0;text-align: center;}

/*
ul#yoko-menu li.yokomenu1{width:4.5%;}
ul#yoko-menu li.yokomenu2{width:11.46%;}
ul#yoko-menu li.yokomenu3{width:9.46%;}
ul#yoko-menu li.yokomenu4{width:9.46%;}
ul#yoko-menu li.yokomenu5{width:11.46%;}
ul#yoko-menu li.yokomenu6{width:11.46%;}
ul#yoko-menu li.yokomenu7{width:9.46%;}
ul#yoko-menu li.yokomenu8{width:11.93%;}
ul#yoko-menu li.yokomenu9{width:18.6%;float:right;}
*/
ul#yoko-menu li.yokomenu1{width:6%;}
ul#yoko-menu li.yokomenu2{width:14%;}
ul#yoko-menu li.yokomenu3{width:11%;}
ul#yoko-menu li.yokomenu4{width:11%;}
ul#yoko-menu li.yokomenu5{width:14%;}
ul#yoko-menu li.yokomenu6{width:14%;}
ul#yoko-menu li.yokomenu7{width:11%;}
/*ul#yoko-menu li.yokomenu9{width:19%;float:right;}*/
ul#yoko-menu li.yokomenu10{width:19%;}



ul#yoko-menu > li > a{font-size: 109%;color: #000;height:67px;width: inherit;text-decoration: none;display: table-cell;vertical-align: middle;line-height: 1;padding-bottom:4px;}

ul#yoko-menu li.current > a,
ul#yoko-menu li a:hover{color: #999;background-color:rgba(104,190,141,0.1);}

/*ネット予約*/
ul#yoko-menu > li.yokomenu9 > a{color:#fff;font-size: 114%;background: #67bc8b url(../img/yoyaku.png) no-repeat left 9% center;background-size: 35px;font-weight: bold;padding-bottom: 1px;padding-left: 20px;}
ul#yoko-menu > li.yokomenu9 > a:hover{opacity:0.6;background-color: #67bc8b;padding-left:25px;}

/*横に伸びる赤の横棒*/
ul#yoko-menu > li > a::after,
ul#yoko-menu > li.current > a::after{position: absolute;width: 0;content: "";bottom:0;left: 51%;right: 51%;display: block;transition: all .3s;background:#68BE8D;height:5px;}
ul#yoko-menu > li > a:hover,
ul#yoko-menu > li.current > a{background-color:rgba(104,190,141,0.1);}

ul#yoko-menu > li > a:hover::after,
ul#yoko-menu > li.current > a::after {width: 100%;left: 0;right: 0;}



/*TOPページのカレント表示用----------------*/
body.home ul#yoko-menu li.yokomenu1 > a,								/*ホーム*/
body.first ul#yoko-menu li.yokomenu2 > a,							/*初めての方へ*/
body.doctor ul#yoko-menu li.yokomenu3 > a,						/*院長紹介*/
body.medical ul#yoko-menu li.yokomenu4 > a,					/*診療について*/
body.surgery ul#yoko-menu li.yokomenu5 > a,					/*手術について*/
body.facilities ul#yoko-menu li.yokomenu6 > a,	/*医院のご案内*/
body.news ul#yoko-menu li.yokomenu7 > a,							/*お知らせ*/
body.contact ul#yoko-menu li.yokomenu10 > a,						/*コンタクトレンズ処方について*/
body.faq ul#yoko-menu li.yokomenu8 > a{background-color:rgba(104,190,141,0.1);}				/*よくあるご質問　rgba(79,190,196,0.1)*/


ul#yoko-menu li:hover > ul,
ul#yoko-menu li > ul.focused{visibility:visible;top:100%;opacity:1}
/*上に三角をつける場合のcss
ul#yoko-menu li ul:after,
ul#yoko-menu li ul:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;bottom:100%;position:absolute;pointer-events:none}
ul#yoko-menu li ul:after{border-bottom-color:#0bd;border-width:10px;left:50px;margin-left:-10px}
ul#yoko-menu li ul:before{left:50px;margin-left:-12px}
*/



/*プルダウン部分 submenu*/
/*三角の表示用
ul#yoko-menu ul li:first-child a:after {content: '';position: absolute;width: 0;height: 0;left:45%;top: -9px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #53912b;}
*/
ul#yoko-menu li > ul {position: absolute;background-color:#f43a57;z-index:200;list-style-type: none;top:85%;left:0;width:150%;padding: 0;transition: 0.5s;margin: 0 0 0 -25%;}
ul#yoko-menu li > ul > li {overflow: hidden;line-height:1.2;text-align:center;background-image:none;width: 100%;height: 0;}
ul#yoko-menu li > ul > li a {font-size:86%;line-height:1.1;color:#fff;border-top: 1px solid #f7afb8;padding: 0 10px 0 15px;text-align: left;
														text-decoration:none;display:block;background-image: none !important;border-left:none;margin: 0;letter-spacing: 0;display: table-cell;vertical-align: middle;}


ul#yoko-menu > li:hover > a {   }
ul#yoko-menu > li:hover li > a:hover {background-color:#ff8e9c;}
ul#yoko-menu li:hover > ul > li {overflow: visible;height:50px;border-right:none;display: table;}

/*外部サイト用アイコン
ul#yoko-menu li > ul > li a span.gaibu{background:url(../img/gaibu.png) no-repeat left 10px center;display: inline-block;padding: 0 12px 0 24px;}
*/

/*subsubmenu
ul#yoko-menu li ul li ul {top: 0 !important;left: 100%;width:90%;margin:0;}
ul#yoko-menu li:last-child ul li ul {left: -110%;width: 90%;}
ul#yoko-menu li ul li ul li:first-child{border:none;}
ul#yoko-menu li ul li ul li:first-child a:after{border:none;}
ul#yoko-menu li ul li:hover ul li:first-child{height:45px;}
ul#yoko-menu li:hover ul li ul li:hover > a {}
ul#yoko-menu li ul li ul:before							{position: absolute;content: "";top:18px;left: -15px;width: 0;height: 0; border: 5px solid transparent;border-left-color:#fff;}---三角の表示用
ul#yoko-menu li:last-child ul li ul:before	{position: absolute;content: "";top:18px;left: 200%;margin-left: -20px;border: 5px solid transparent; border-right-color:#fff;}
*/





/*///////////////////////////////////////////////////////////////////////////////
 main
///////////////////////////////////////////////////////////////////////////////*/

/*色*/
.color1{color:#ff3300;}/*基本色 レッド*/
.color-red{color:#ff0000;}
.color2{color:#cc3333;}/*注意色*/


/*動画-----------*/
/*サーバー内埋め込み*/
#index-movie-box{max-width:780px;margin:0 auto 50px auto;}
.index-movie{position: relative;width:100%;height: 0;padding-bottom:56.3%;}/*padding-bottom:56.3%;padding-bottom:48.2%;*/
.index-movie video {position: absolute;top: 0;left: 0;width: 100% !important;height: auto !important;}

/*facebook動画のiframe埋め込み*/
.video-container{position: relative;text-align: center;max-width:780px;margin:0 auto 50px auto;}




/*全ページ共通のページ下部の上部へ戻る */
#pagetop {position:relative;width:100%;margin:0 auto;z-index:47;}
#pagetop a {position: fixed;bottom:20px;right:15px;display: block;background:url(../img/pagetop.png) no-repeat 0px top;background-size: contain;width:90px;height:90px;text-indent:-8989px;display:block;overflow:hidden;transition: 0.5s;}
#pagetop a:hover {opacity:0.5;bottom:15px;}


/*googlemap*/
.googlemap{margin-bottom:0 !important;font-size: 0.5px;}
.googlemap iframe{width:100%;height:500px;/*filter:grayscale(70%);-webkit-filter:grayscale(70%);*/}


/*leaflet.jsを使ったgoogleマップ用*/
#leafletmap1{z-index: 1;width: 100%;height:450px;margin-top:40px;}



/*このボタンは、中ページ全ページで使用*/
.naka-kuwashii{margin-top: 25px;text-align:center;margin-bottom: 9px;}
.naka-kuwashii a{color: #fff;text-align: center;text-decoration: none;display: inline-block;background:#68BE8D url(../img/arrow_white32-35.png) no-repeat left 12px center / 16px;position: relative;z-index: 2;width: 100%;line-height:1.2;max-width: 340px;padding: 14px 0 14px 5px;transition: 0.8s;}
.naka-kuwashii a:hover{color: #fff;padding-left: 10px !important;background-position:left 16px center; opacity:0.7;}


/*表テーブル*/
table{border-collapse: collapse;width:100% !important;max-width: 100%;border:none;}
table caption{text-align: left;font-weight: bold;font-size:108%;line-height: 1.5;margin-bottom: 2px;}
table caption.bottom-cap{caption-side: bottom;text-align: left;font-weight:normal;font-size:93%;line-height: 1.4;margin-top:7px;}
.table-midashi{text-align: left;font-weight: bold;font-size:108%;line-height: 1.5;margin-bottom: -10px;}
table tr{vertical-align:middle;}
table th{padding:9px 9px 8px 11px;line-height: 1.3;background-color:#ececec;vertical-align: middle;border: 1px solid #bbb;width:auto !important;}
table td{padding:9px 10px 10px 12px;line-height:1.3;text-align:center;border:1px solid #bbb;background-color:#fff;width:auto !important;}
table td .alignnone,
table td img.alignnone,
table td .wp-caption.alignnone {margin: 2px -8px 5px 2px;}


table.border-zero{width: auto !important;margin: 10px 0 5px 0;}
table.border-zero,
table th.border-zero,
table td.border-zero{padding: 3px 15px 3px 0;border:none !important;text-align:left;vertical-align:top;background-color: transparent;}

table.border-bottom,
table td.border-bottom,
table th.border-bottom,
table.border-bottom th{border-bottom:1px dotted #999;border-top:none;border-left:none;border-right:none;background-color: transparent;}



/*表テーブル スマホ対応用*/
.responsive_table_mask{display:none;}
/*スマホのときだけ表示
.sm-only640{display:none;}
@media screen and (max-width: 640px) {
	.sm-only640{display:block;margin:40px 0 -20px 0;text-align:center;}
}*/
@media screen and (max-width: 640px) {
.scroll-table{overflow: auto;white-space: nowrap;position: relative;}
.scroll-table::-webkit-scrollbar{height: 3px; /* スクロールバーの高さ */}
.scroll-table::-webkit-scrollbar-track{background: #F1F1F1; /* スクロールバーの背景色 */}
.scroll-table::-webkit-scrollbar-thumb {background: #ffa566; /* スクロールバーの色 */}
.scroll-table td,
.scroll-table th{white-space: nowrap;　/* 文字の折返しを禁止 */}
.responsive_table_mask {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.3) url( '../img/icon_swipe.png' ) no-repeat center 30px;background-size: auto 90px;z-index:2;cursor: pointer;display:block;}
}



/*iframeのgooglemap用-----*/
#wrapper iframe{border:none;}
.index-map{}
.index-map iframe{width:100%;height:450px;}






/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッター
///////////////////////////////////////////////////////////////////////////////*/
#footer{width:100%;text-align:center;padding: 0 0 5px 0;}

.footer-cont{display:none;}

ul.footer-menu-ul{text-align: center;}
ul.footer-menu-ul li{margin: 0 30px 15px 20px;font-size:100%;line-height:1;display: inline-block;}
ul.footer-menu-ul li a{color:#333;text-decoration: none;}
ul.footer-menu-ul li a:hover{color: #666;text-decoration: underline;}
	

.copyright{font-size:70%;line-height:1;text-align:center;color:#555;padding:25px 0 20px 0;font-family: YakuHanJP,'Noto Sans JP', sans-serif;font-weight: 500;border-bottom:3px solid #68BE8D;}

/*ページ下部に固定*/
.footer-bottom{position:fixed;bottom:0;background-color:#67bc8b;z-index: 46;width: 100%;padding: 11px 0 4px 0;}
.footer-bottom ul{display:table;margin:0 auto;}
.footer-bottom ul li{display:inline-block;margin:0 15px;}
.footer-bottom ul li a:hover{opacity: 0.7;background-color: #fff;color: #888;}

.btn-reserve.bottom{min-width: 320px;height: 50px;margin: 0;}
.btn-reserve.bottom a{background: #fff url(../img/yoyaku_black.png) no-repeat left 9% center;color: #000;font-size: 106%;background-size: 33px;padding-left:25px;font-weight: normal;letter-spacing: 0.05em;}
.btn-reserve.bottom a:hover{padding-left: 30px;}

.shinryo-bottom{min-width: 320px;height: 50px;margin: 0;display: table;width: 100%;}
.shinryo-bottom a{color: #000;font-size: 106%;background-color: #fff;display: table-cell;vertical-align: middle;text-align: center;text-decoration: none;letter-spacing: 0;}


/*fancybox3---*/
.modal{display:none;}
#modal01.modal.fancybox-content {padding: 55px 5% 45px 5%;}
#modal01 table.eigyou-table {min-width: 550px;}




/*印刷しない--------------------*/
@media print {
#pagetop,
#pagetop a{display:none;}
#header{position: absolute !important;}

.fadein-,
.fadein-left,
.fadein-right,
.fadein-up,
.zoomin{opacity: 1;transform: none !important;}
}