@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600');
@import url('https://fonts.googleapis.com/css?family=Palanquin+Dark:800');

/**********************************************************************　フラッシュライク　*************************************************************************/

#flash00,#flash01,#flash02,#flash03,#flash04,#flash05,#flash06-{ opacity: 0.0 }


/**********************************************************************　タイポグラフィー　*************************************************************************/

body { font-family: "Hind , Noto Sans Japanese",sans-serif; font-weight: 300  }

.Tpgrh  { }
.engsub { font-size: 0.7em;line-height: 1.0em; }


body.category h1.page-title
{ font-size: 1.5em;line-height: 1.5em }

.sitemap a { font-size: 0.8em;line-height: 1.0em }

.others ,
.dcr-box
{ box-shadow: 0 10px 10px -10px #bbb inset; }
.dcr-box{ padding: 20px 0 0 0 }
.dcr-box .zoom-box{ margin: 20px 0 0 0 }

div.anch { font-size:0.8em }

/***********************************************************************　リンク　色　******************************************************************************/

a { text-decoration: none;color: #222;}
a { transition-property: all;transition: 0.5s linear; }

a.dot { border-bottom: dotted 1px #4458a4 }
.iro, a.iro ,.hissu , a:hover.dot { color: #778BD8 }
a:hover.iro { color: #ffffff ; background-color: #778BD8 }
div.anch a { color: #999 }

footer a,
.others a { color: rgba(68,88,164,1.0); }

/**********************************************************************  ズームボックス  *******************************************************************************/

.hover01 figure img { width: 100% ; height: auto; }

.zoom-box {  }
.zoom-box:last-child { padding-bottom: 0%; }
.zoom-box::after { content: ''; clear: both ; display: block; }
.zoom-box div { position: relative ; width: 50% ; height: auto;padding: 0; }

.zoom-box figure { width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden; }
.zoom-box figure img { width: 100%;height: auto; }
.zoom-box a { color: #fff; }

.zoom-box div.zb-lft { float: left; }
.zoom-box div.zb-rgt { float: right; }

.zoom-box.nidan div.zb-rgt { width: 48% ; }
.zoom-box.nidan div.zb-lft { width: calc( 48% - 1px ) ; margin: 1px 1px 0 0 }

.zoom-box div:first-child { margin-left: 0; }
.zoom-box div span {
	position: absolute;
	z-index: 1;
	display: block;
}

.zoom-box div span.eng { letter-spacing: 0.05em }
.zoom-box div span.dcr { background-color: rgba(68,88,164,0.6) ; display: block ; width: 100% ; text-align: center ;font-size: 0.8em ; line-height: 1.0em ;padding: 10px 0;bottom: 0;left: 0;margin: 0; }

.sitemap a {  }
.sitemap a:hover { background-color: #777777 }

/**********************************************************************　文字色　*******************************************************************************/

body { color: #222222 }

.type-wht { color: #ffffff }
.type-blk { color: #000000 }

/**********************************************************************　リスト　*******************************************************************************/

article ul {
margin-top: 0px ;
padding-top: 0px ;
padding-left: 1.1em
}
article ul li {
  position: relative;
}

article ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .40em;
  left: -1em;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border: 2px solid rgba(71,89,159,0.5);
  border-radius: 100%;
}

article ul.excep li::after {
  top: .6em;
}

/*
article ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .55em;
  left: -1em;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border: 2px solid rgba(71,89,159,0.5);
  border-radius: 100%;
}
/**********************************************************************　背景色　*******************************************************************************/
/*
body { background-color: #a3d9ed; } 　背景色のテスト用   */

body#novideo section { padding-top: 60px ; }
.card-box { background-color: rgba(68,88,164,0.1); ; }

/*
.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 100%;
    overflow: hidden;
}
 
.video-wrap iframe,  
.video-wrap object,  
.video-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/


.video-wrap {
position: relative;
background-color: #000;
overflow: hidden
}
video#video {
margin: 0; padding: 0;
vertical-align: top;
/*position: absolute;*/
width: 100%;
height: 100%;/*100%*/
/*background-size: auto 100%;
background-position: center center;*/
object-fit: cover; /*cover video background */
z-index:1;
}

.video-cover {
background-image: url(../v/v.png);background-repeat: repeat;background-position: left center ; background-position: left center ; 
position: absolute;
width: 100%;
height: 100%;
z-index:2;
top: 0;
left: 0;
}

.video-wrap .swiper-container {
position: absolute;
width: 100%;
height: 100%;
z-index:3;
top: 0;
left: 0;
margin: 60px 0 0 0 ;
padding: 0;
}

.video-wrap .swiper-slide img {
width: 100%;
height: auto;
margin: auto 0 ;
}

.video-wrap .logom { position: absolute;z-index: 4 ; top : 120px ; left : 5% ; width: 10%; }
.video-wrap .logom img { height: auto ; width: 100%; }
.video-wrap p { position: absolute;z-index: 3 ; bottom : 15% ; left : 0 ; width: 100%; color: #fff ; font-size: 1.5em ; line-height: 1.5em ; text-align: center; opacity: .7 }

.video-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; /*コントローラー分下部に余白を*/
    cursor: pointer;
}

.advan-box { 
width:calc(100% - 20px) ; 
padding: 20px 10px 20px ; 
background-color: rgba(68,88,164,0.1); 
box-shadow: 0 10px 10px -10px #bbb inset;
margin: 50px 0 0 0 ;
}
.advan-box h3 { 
margin-bottom: 10px
}
.others {
width:calc(100% - 40px) ; 
padding: 20px 20px 20px ; 
margin: 0 ;
}
.others ul {
margin: 0 ;
}

.advan-box a { display: block ; padding: 9px 0 ; background-color: rgba(255,255,255,0.4); }
.advan-box a:hover { background-color: rgba(255,255,255,1.0); }

body.cataracts .advan-box a#cataracts,
body.multiiol .advan-box a#multiiol,
body.vh .advan-box a#vh,
body.phakiciol .advan-box a#phakiciol,
body.artisan .advan-box a#artisan,
body.addon .advan-box a#addon,
body.glaucoma .advan-box a#glaucoma,
body.kerat .advan-box a#kerat,
body.mv .advan-box a#mv,
body.ilasik .advan-box a#ilasik,
body.ortho .advan-box a#ortho,
body.amd .advan-box a#amd,
body.stra .advan-box a#stra,
body.gks .advan-box a#gks,
body.laser .advan-box a#laser,
body.vdt .advan-box a#vdt
{ background-color: rgba(68,88,164,0.6);color: #fff }

body.index header nav ul li a#index,
body.iizuka header nav ul li a#iizuka,
body.iizuka.buspage header nav ul li a#bus,
body.tenjin header nav ul li a#tenjin,
body.message header nav ul li a#message,
body.safety header nav ul li a#safety,
body.doctors header nav ul li a#doctors,
body.contact header nav ul li a#contact,
body.blog header nav ul li a#blog,
body.ope header nav ul li a#ope,
body.cataracts header nav ul li a#cataracts,
body.multiiol header nav ul li a#multiiol,
body.vh header nav ul li a#vh,
body.phakiciol header nav ul li a#phakiciol,
body.artisan header nav ul li a#artisan,
body.addon header nav ul li a#addon,
body.glaucoma header nav ul li a#glaucoma,
body.kerat header nav ul li a#kerat,
body.ilasik header nav ul li a#ilasik,
body.ortho header nav ul li a#ortho,
body.amd header nav ul li a#amd,
body.stra header nav ul li a#stra,
body.gks header nav ul li a#gks,
body.laser header nav ul li a#laser,
body.vdt header nav ul li a#vdt
{ background-color: rgba(71,89,159,0.2) }

.id-box { height: 20px }

.bg-col1 { background-color: #4458a4; }
.bg-col2 { background-color: #d182bb; }
.bg-col3 { background-color: #61a0bc; }
.bg-col4 { background-color: #ff8850; }
.bg-col5 { background-color: #55b79d; }
.bg-col6 { background-color: #fec52d; }
.bg-col7 { background-color: #ac3737; }
.bg-yel  { background-color: #ede3a3;}
.bg-blk  { background-color: #000000; }
.bg-slv  { background-color: #f1f1f1; }

body.cataracts .card#cataracts a.card-link,
body.multiiol .card#multiiol a.card-link,
body.lentism .card#lentism a.card-link,
body.kerat .card#kerat a.card-link,
body.phakiciol .card#phakiciol a.card-link,
body.ilasik .card#ilasik a.card-link,
body.glaucoma .card#glaucoma a.card-link,
body.addon .card#addon a.card-link,
body.artisan .card#artisan a.card-link,
body.ortho .card#ortho a.card-link,
body.laser .card#laser a.card-link,
body.stra .card#stra a.card-link,
body.gks .card#gks a.card-link,
body.amd .card#amd a.card-link,
body.vdt .card#vdt a.card-link
{ background-color: rgba(71,89,159,0.2) }



/***********************　ナビゲーション　*************************/

div.subnav  ul li{ float: left ; width: 7.14% ; text-align: center }

/**********************************************************************　ボーダー色　角丸　*******************************************************************************/

/*
.card04 a { border: 1px solid #6b83b2;border-radius:8px; }  
*/
.card span.cardh { /*border-bottom: 1px dotted #6b83b2; */}
.tray { border: 1px dotted #bbb;border-radius:8px; }

.more, .boto { border-top: 1px dotted #bbb; }
.bobo { border-bottom: 1px dotted #bbb; }

.boko {  border-top: 1px solid #bbb; }
.boko2 { border-bottom: 1px solid#bbb; }
.niretsu.boko { padding: 40px 0 10px ; margin: 20px 125px 0 }

.bobo, .boto, .bono, .boko { padding: 15px 0 }

.bobo.tn, .boto.tn, .bono.tn { padding: 0 0 15px 0 }

.sandan.boto,
.niretsu.boto { padding: 20px 0 0 ; margin: 20px 0 0 }

/********************* 2022 *************************/

article.medatsu { border: 2px solid #E52225; padding: 20px 20px 0; margin-top: 10px; color: #E52225 }
article.medatsu .lft { font-size: 1.1em }
article.medatsu .lft ul li { line-height: 1.8em!important; font-weight: 700; }

article.medatsu h3 { font-weight: 700; margin: 0 0 20px; padding: 0 0 0; }
article.medatsu ul li::after { border: 2px solid #E52225; }
article.medatsu table, article.medatsu th, article.medatsu td
{ border-color: #E52225!important; }
article.medatsu table { margin-bottom: 10px; }
article.medatsu th { background-color: #F5E0E1!important; }

.kakomi { border: 1px solid #d9d9d9;padding: 10px }
h3.kakomi { margin: 0 0 30px 0 }
.kakomi.ph { padding: 0px ; margin: 0 0 10px 0 }
.kakomi.acmap { padding: 0 }

.half span.Tpgrh { display: block ; width: 50% ; float: left }

/**********************************************************************　table　*******************************************************************************/

th { padding : 10px 0 ; vertical-align : middle }
td { padding : 10px }

#clnd table { margin: 10px 0 }
#clnd table td { text-align: center; }
#clnd table caption { font-size: 1.2em ; font-weight: 700 }

#clnd table td.yoru { background-color: #9db1ec }
#clnd table td.hiru { background-color: #f3cb6b }
#clnd table td.hiru12 { background-color: #D1DF76 }

table.his { width: 100% ; margin-bottom: 20px ; border-bottom: solid 1px #ddd }
table.his th,table.his td { text-align: left  ; padding: 0 0 ; font-size: 0.8em ; line-height: 1.2em ; border-top: solid 1px #ddd ; padding: 5px 0 }
table.his td { width: auto ; vertical-align: top }
table.his th { vertical-align: top }

table.his th { min-width: 60px ; }
table.his td.midone { padding-right: 10px }
table.his td.month { min-width: 30px ; padding-right: 10px }

/*

table.his.wideth th { width: 90px }
table.his.shippi th { width: 330px }
table.his td.midone { width: 330px ; padding-right: 10px }
table.his td.month { width: 30px ; padding-right: 30px ; text-align: right }
table.his.oky th { width: 90px }


*/


table.prac { border-bottom: solid 1px #ccc ; border-right: solid 1px #ccc ; width: 100% ; margin-bottom: 20px }
table.prac th,table.prac td { border-top: solid 1px #ccc ; border-left: solid 1px #ccc ; }
table.prac th,table.prac td { text-align: center ;  }
table.prac tr.youbi th,table.prac tr.youbi td {  }
table.prac th { text-align: center; }

table.prac th	{ width: 22% }
table.prac td	{ width: auto }

table.prc { border-bottom: solid 1px #ccc ; border-right: solid 1px #ccc ; width: 100% ; margin-bottom: 20px }
table.prc th,table.prc td { border-top: solid 1px #ccc ; border-left: solid 1px #ccc ; }
table.prc th,table.prc td { text-align: center ;  }
table.prc tr.youbi th,table.prc tr.youbi td {  }
table.prc th { text-align: center; background-color: #f1f1f1 }

table.prc th	{ width: 22% ; font-weight: 700 }
table.prc td	{ width: auto }
table.prc td.nidan	{ height: 60px }

table.rec { border-bottom: solid 1px #ccc ; border-right: solid 1px #ccc ; width: 100% ; margin-bottom: 20px }
table.rec th,table.rec td { border-top: solid 1px #ccc ; border-left: solid 1px #ccc ; height: 40px }
table.rec td { text-align: left ;padding-left: 20px }
table.rec tr.youbi th,table.rec tr.youbi td {  }
table.rec th { text-align: center; background-color: #f1f1f1 ; width: 25%;  }

table#tableCalender { border-bottom: solid 1px #ddd ; border-right: solid 1px #ddd ; }
table#tableCalender th,
table#tableCalender td { text-align: center; border-top: solid 1px #ddd ; border-left: solid 1px #ddd ;  }
table#tableCalender th { background-color: #f5f5f5 }
table#tableCalender th.sun { background-color:#FFF5EF; color:#C30; }
table#tableCalender th.sat { background-color:#EEFCFF; color:#03C; }
table#tableCalender td.yasumi { background-color:#ff9999; }
table#tableCalender td.sun { color:#C30; }
table#tableCalender td.sat { color:#03C; }


span.que ,
span.ans
{ font-family: 'Palanquin Dark', sans-serif;font-weight: 600  }
span.que { color:rgba(94,191,141,1.00) ; font-size: 1.2em ; padding-right: .4em}
span.ans { color:rgba(225,56,58,1.00) ; font-size: 1.4em ; padding-right: .4em}

.grf { display: block ; height: 300px ; width: 80% ; margin: 0 auto; background-color: rgba(94,109,166,0.6) }
.bougrf { display: block ; height: 300px ; width: 100% ; background-color: rgba(255,255,255,0.9); }
.ttgrf  { color: rgba(94,109,166,1) }
.ttgrf .eng { letter-spacing: 0em ; font-size: 20px }

/**********************************************************************　ボックス　************************************************************************/

h1 { font-weight: 300 ; text-align: center ; } 

h1#grdbd {
border: 0;
box-shadow: 0 10px 10px -10px #bbb inset;
margin: 0 0 10px 0;
padding: 40px 0 10px 0;
}

article#grdbd {
border: 0;
box-shadow: 0 10px 10px -10px #bbb inset;
margin: 0 0 0 0;
padding: 10px 0 0 0;
}

h2 { font-weight: 300 ; margin: 10px 0 20px } 
h3 { font-weight: 300 ; margin: 20px 0 0 0 ; display: block ; } 
h4 { font-weight: 700 ; margin: 0 0 10px 0 ; display: block ; } 
th h4 { margin: 5px 0 5px 0 } 

body.page-template-default h1 ,
body.propage h1 
{ position: absolute ; z-index: 1 ;  text-align: left ; opacity: 0.9 } 

.h1box { text-align: center }

/**********************************************************************　ユーチューブ　**********************************************************************

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    height: 0; overflow:
    hidden; max-width: 100%; 
    height: auto; 
} 

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
**/
.embed-spacer { height: 59px; }








/**********************************************************************　オリジナルデザイン　*************************************************************************/

.markfhead
{ display: table ; margin-left : auto ;margin-right : auto ;text-align: left ;  
background-image: url(../img/eye.png);background-repeat: no-repeat;background-position: left center ; background-position: left center ; }

.markfhead.dcr { background-image: url(../img/dcr.png) }
.markfhead.tel { background-image: url(../img/tel.png) ; font-size: 1.6em;line-height: 1.0em ; background-size: auto 70% ; padding: 10px 20px 10px 30px ; }
.markfhead.inf { background-image: url(../img/inf.png) ; }

.markfhead.bok { background-image: url(../img/bok.png) ; }
.markfhead.pat { background-image: url(../img/pat.png) ; }
.markfhead.bld { background-image: url(../img/bld.png) ; }
.markfhead.inj { background-image: url(../img/inj.png) ; }
.markfhead.cos { background-image: url(../img/cos.png) ; }
.markfhead.cal { background-image: url(../img/cal.png) ; }
.markfhead.mcn { background-image: url(../img/mcn.png) ; }
.markfhead.len { background-image: url(../img/len.png) ; }

.logoen { 
position: absolute ;top: -60px ; width: 100% ; z-index: 2 ; padding: 0 ;height: 59px ; background-color: rgba(75,78,83,0.0) }/*rgba(71,89,159,0.8)*/

.logoen p {  ; 
display: block ; text-align: left ; color: #fff ; background-color: rgba(75,78,83,0.7) ;
}
.logoen p { max-width: 1280px ; margin: 0 auto }
.logoen a:hover { background-color: rgba(75,78,83,0.5) }

.updn img { width: 20px ;height: auto;padding: 20px 20px ; }

#heyabt { position: fixed ; top: -150px ; left: 0 ;background-color:rgba(241,241,241,0.8) ; z-index: 3}
.heyabt-box  { height: 90px; }

.faqcate { background-color: rgba(94,109,166,0.6) ; color: #fff; font-size: 0.8em; line-height: 1.0em ; padding: 4px 8px 4px 8px ; margin-right: 10px ; }
p.tensuu { background-color: rgba(94,109,166,0.6) ; color: #fff; font-size: 1.2em; line-height: 1.2em ; padding: 5px 0 5px ; margin-right: 2% ; float: left; width: 32%; text-align: center }
p.tensuu.end { margin-right: 0 }

/**********************************************************************　テーブルのようなリスト（編集中）　*******************************************************************************/

div.bribt	  { padding: 30px 0 20px 0; }
div.shbt	  { padding: 20px 0 20px 0; }

p.codebtn,
.bribt a 
{ display: block;border: 3px solid #CCCCCC;border-radius:8px;font-size: 1.2em;line-height: 2.0em;color: #555 }
.bribt.pdf a 
{ border: 3px solid #aaaaaa;color: #555; background-color: #eeeeee }



/**********************************************************************　ボタン類　*******************************************************************************/
p.btn,
a.btn 
{
	font-size: 1.0em;line-height: 1.0em;
	background-color: rgba(94,109,166,0.6);
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 10px 20px;
	margin: 10px 0 0;
	text-align: center ;
}

a.btn.nolk { background: #ccc; }

.video-credit { text-align: center;position: relative;width: 100%;margin-left: -50px; }

.pvbtn {
	text-decoration: none;
	text-align: center;
	font-size: 1.0em;
	display: block;
	width: 60px;
	height: 38px;
	background: #000;
	border: 1px solid #DDD;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	color: #fff;
	padding: 42px 20px 20px;
	opacity: 0.5;
	position: absolute;left:50%;top:-120px;
}


.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background-color: transparent;
/*	border: 2px solid #fff;
	color: #fff;
	line-height: 50px;*/
}
.button:hover {
	background-color: rgba(255, 255, 255, .2);
}


/****************************　　岡眼科の設定　　****************************/


.cpcr { font-size: 0.7em;line-height:1.8em }
.senshinfooter { background-color: #525CA7; padding: 15px 0 15px ;text-align: center; }
.senshinfooter a { color: #fff }
.senshinfooter img { width: 200px; padding: 10px 30px 10px 30px }
.senshinfooter span { display: inline-block; font-size: 0.8em; line-height:1.8em; vertical-align: 30px }