@media screen and (max-width:640px) {
img {
	max-width: 100%;
	width: auto;
	height: auto;
}
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	color: #3f3f3f;
	font-size: 14px;
}
#head {
	height: auto;
	margin: 0 auto;
	background: #FFFFFF;
}
#head h1 {
	
	text-align: center;
	margin-bottom:8px;
}
#head .logo {
	text-align: center;
}
#head .info {
	text-align: center;
}
#header .h_access {
	text-align: center;
	line-height: 2.0;
	margin-bottom:8px;
}
#head .info img {
	vertical-align: middle;
}
#navi {

}

#sp_navi {
	margin-top:15px;
}
#sp_navi ul li a {
	position: relative;
	display: block;
	padding: 10px 25px 10px 20px;
	border-bottom: 1px solid #ccc;
	color:#162D5F;
	font-size:16px;
}
#sp_navi ul li a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.dMenu{ position:relative;padding: 10px 25px 10px 20px;border-bottom: 1px solid #ccc;font-size:16px;color:#162D5F; background:#ECF1FB;}
/*.toggle dd ul li{ text-indent:10px;}*/
.dMenu ul li::after{
position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	
}


#sp_navi ul li.toggle ul li a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}






#main {
	display: block;
    position: relative;
    margin: 10px 0 25px 0;
}
#main .inner{
	display: table;
    position: absolute;
	top: 0;
    left: 0;
    right: 0;
	width:100%;
	height:530px;
	margin:0 auto;
}
.main_catch01{
	position:absolute;
	top:10px;
	left:0;
	z-index:999;
}
.main_catch01 img{
	width:290px;
}
.main_catch02{
	position:absolute;
	top: 140px;
    right: 10px;
	z-index:999;
}
.main_catch02 img{
   width:280px;
}
.main_catch03{
	display:none;
}
.main_catch04{
	display:none;
}
.main_catch05{
display: none;
}
.main_catch06{
	display: none;
	}
.main_news{
	position: absolute;
    top: 228px;
    padding-top: 10px;
    width: 100%;
    height: 230px;
    background-color:#FFFFFF;
}
.news{
	padding:0 10px;
}
.flexslider{
	display:block;
	z-index:-1;
}
#sub h2 {
	text-align: center;
}
#contents {
}
#sideBlock {
	margin-top:25px;
}
#contentsBlock {
	background:url(../images/hapa.jpg) no-repeat bottom center; padding-bottom:5px;
	margin:0 10px;
}
#contentsWrap {
	margin: 0 auto;

}
#footer {
	background: url(../images/f_back.jpg) repeat-x bottom;
	height: auto;
	margin-top: 20px;
	font-size: 12px;
	clear: both;
	color: #7c7c7c;
}
#foot {

	margin: 0 auto;
	color: #7c7c7c;
}
#foot p {
	color: #7c7c7c;
}
#foot a {
	color: #7c7c7c;
}
.copy {
	text-align: center;

}
.fLeft {
}
.fRight {
}
.bnr{ width: 310px; margin:0 auto;}
.bnr p{
	width: 310px;
	height: 300px;

	font-size: 16px;
	position: relative;
}
.bnr a{ color:#000000;}

.bnr span {
	position: absolute;
	width: 310px;
	left: 0px;
	top: 200px;
}
#snavi {
	background: #f7efe6;
	width:260px;
	margin:0 auto;
}
#snavi a {
	color: #666666;
}
.slist {
	width: 220px;
	margin: 0 auto;
}
.slist li {
	background: url(../images/snavi_arr.jpg) no-repeat top left 5px;
	padding-left: 28px;
	margin-bottom: 12px;
}
.sline {
	background: url(../images/snavi_line.jpg) no-repeat bottom center;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.stop {
	background: url(../images/snavi_top_back.jpg) top center no-repeat;
	padding-top: 25px;
	text-align: center;
}
.sbottom {
	background: url(../images/snavi_bottom_back.jpg) bottom center no-repeat;
	padding-bottom: 25px;
}
strong {
	color: #37538c;
}
.date {
	color: #999999;
}
.time-table {
	background: #D3D1C9;
}
.time-table th {
	background: #152C5E;
	color: #FFFFFF;
	font-weight: normal;
	padding: 5px;
}
.time-table td {
	background: #ffffff;
	padding: 5px;
}
.clLeft {
	margin:0 auto;
	width:310px;
}
.clRight {
	display:none;
}
h4.tl {
	color: #37538c;
	font-size: 15px;
	margin-bottom: 15px;
}
h4.tit {
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	color: #cc7241;
	font-size: 20px;
	margin-bottom: 15px;
}
h4.stl {
	color: #132E5D;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 8px;
}
h5.stl {
	color: #132E5D;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

h5.stl2 {
	color: #132E5D;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	text-align:center;
}
.pagetop {
	text-align: center;
	padding-top:15px;
}
.fnavi li {
	background: url(../images/f_arr.jpg) no-repeat top 4px left;
	font-size: 14px;
}
#pagetop {
	cursor: pointer;
}
h3.title {
	background: url(../images/tit_back.jpg) no-repeat bottom;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	font-size: 23px;
	min-height: 35px;
	margin-bottom: 20px;
	color: #152d5e;
	padding-bottom: 8px;
}
.leftImg {
	text-align:center;
}
.rightImg {
	text-align:center;
}
.waku {
	background: #f6f6f6;
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	padding: 15px;
}
.checkLeft {
}
.checkRight {
}
.check li {
	line-height: 1.0;
	margin-bottom: 10px;
}
.check li:hover {
	color: #cc7241;
}
.pc{ display:none!important;}
.sp{ display:block!important;}
.fl{ float:none!important;}
.fr{ float:none!important;}

#sp_foot{ border-top:4px solid #152C5E; background:#F1F1F1;}
ul.sp_fnavi li a {
	position: relative;
	display: block;
	padding: 10px 25px 10px 20px;
	border-bottom: 1px solid #ccc;
	color:#162D5F;
	font-size:16px;
}
ul.sp_fnavi li a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.clinic_box {
    margin-top: 60px;
    margin-bottom: 100px;
}
.color_red {
		color: red;
	}
/*contact*/


.contact_box {
    width: 96%;
    height: 50%;
    float: left;
    border: 1px solid rgba(236, 236, 236, 0.56);
    padding: 2% 1%;
    margin: 2% 1%;
    background-color: #F7F7F7;
    box-shadow: 2px 2px rgba(237, 238, 238, 0.72);
}

.contact_box img {
    width: 110px;
    margin: 5px 0 0 25px;
}


.contact_box dt {
    padding: 0 0 5px;
    border-bottom: 1px dotted #B3B2B2;
    font-size: 17px;
    line-height: 1.4;
    color: #152D5B;
    /* font-weight: bold; */
}

.contact_box dd {
    padding: 10px 0px;
    float: left;
    width: 50%;
}


.list li {
    background: url(../images/li_icon.png) no-repeat left top;
    background-size: 12px;
    padding: 0px 0 1px 18px;
    line-height: 1.0;
    margin-bottom: 10px;
    /* margin-top: 5px; */
}
  
.kome li {
 background: url(../images/li_icon02.png) no-repeat left top;
 background-size: 12px;
 line-height: 1.4;
 background-position: 0px 4px;
}

.waku_m {
    background: #f6f6f6;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    padding: 15px;
    width: 85%;
    margin-bottom: 15px;
}
.center02{
    right: 0;
    left: 0;
    margin: 0 auto;
}






.point1{
	position:relative;
}
.point1_01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 330px;
}
.point1_02{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 330px;
}

.point2{
	position:relative;
}
.point2_01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 330px;
}
.point2_02{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 330px;
}



.bx-wrapper .bx-prev {
    left: -21px;
    background: url(../js/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: -10px;
    width: 25px !important;
    background: url(../js/images/controls.png) no-repeat -43px -32px;
}




.facility_m li {
    /* float: left; */
    margin: 0 auto 25px;
    padding: 10px 7%;
    right: 0;
    left: 0;
    text-align: center;
    width: 81%;
}

.facility_txt {
    font-size: 14px;
    padding-top: 10px;
    text-align: center;
}

.facility_m img {
    box-shadow: 3px 3px #eee;
    border: 1px solid #eee;
}


/* top
--------------------------- */

.top_ope {margin-bottom:7%;}
.top_ope dt { float:left; width:25%; padding-right:3%;}
.top_ope dt img {width:100%; height:auto; border-radius:100%;}
.top_ope dd{margin-top:5%; overflow:hidden; }
.top_ope dd p{line-height:1.5;}

.top_ope01 dt{}
.top_ope02 dt{float:right; padding:0 0 0 3%;}
.top_ope03 dt{}
.top_ope04 dt{float:right; padding:0 0 0 3%;}


/* 白内障
--------------------------- */

.day_cataract_box {
    width: 92%;
    height:auto;
    float: none;
    border: 1px solid rgba(236, 236, 236, 0.56);
    padding: 10px 15px;
    margin: 10px 10px;
    background-color: rgba(247, 247, 247, 0.88);
    box-shadow: 2px 2px rgba(237, 238, 238, 0.79);
}



.day_cataract_box dt {
    padding: 0 0 5px;
    border-bottom: 1px dotted #B3B2B2;
    font-size: 17px;
    line-height: 1.4;
    color: #152D5B;
    /* font-weight: bold; */
}

.day_cataract_box dd {
    padding: 10px 0px;
}


/* icn
--------------------------- */
.icn_lens {text-align:center;}
.icn_lens dl { display:inline-block; width:90%;  margin-bottom:20px;}
.icn_lens dt img { max-width:95%;}
.icn_lens dl:last-child{ margin-right:0 !important;}



/* day_glaucoma
--------------------------- */
.day_glaucoma01  { margin-top:20px; margin-bottom:30px; text-align:center;}
.day_glaucoma01 li {display:inline-block;  width:30%; margin-right:5px;}
.day_glaucoma01 li:last-child {display:inline-block; margin-right:0;}
.day_glaucoma01 li img { width:95%; border-radius:50%;}



/* 検査手術のご相談
--------------------------- */
.button {}
.button a {
	color:#F3BFAA;
	text-decoration: none;
	display: block;
	width: 120px;
	margin:3% auto;
	padding: 10px;
	background: #152D5E;
	text-align: center;
	color: #fff;
}

.button a:hover{background:#516CA6; text-decoration:none; color:#eee;}



.button2 {
}
.button2 a {
 color: #F3BFAA;
 text-decoration: none;
 display: block;
 width: 90%;
 margin: 3% auto;
 padding: 10px;
 background: #152D5E;
 text-align: center;
 color: #fff;
}
.button2 a:hover {
 background: #516CA6;
 text-decoration: none;
 color: #eee;
}




/* ICL
--------------------------- */
#qamenu dt{
 display:block;
 width:100%;
 color:#132E5D;
 font-size:15px;
 font-weight:bold;
 margin-bottom:10px;
 border-bottom: 1px dotted #ccc; 
 line-height:1.8;
 cursor:pointer;}
#qamenu dd{
 display:block;
 margin-bottom:40px;
 background-color:#F7EFE6;
 padding:15px 15px 15px 15px;
 display:none;}


#qamenu dt span.qamenu_q {
  font-family: "Yu Mincho Demibold","游明朝","Yu Mincho",YuMincho,serif;
  font-size: 20px;
  margin-right: 7px;
 color:#D66B33;
 float:left;
 line-height:1.4;
}
#qamenu dt span.qamenu_qtext {
 overflow: hidden;
 display: block;
}


.list_merit{
	width:100%;
	margin-bottom:15px;}
.list_merit li{
	float:left;
	margin:0 20px 15px 0;
	display:block;
	color:#132E5D;
	font-weight:bold;
	background-color:#CED2DD;
	width:100%;
	height:45px;
	line-height:2.3;
	text-align:center;
	padding:10px 0  0px;
	border-radius: 8px;
	}
	

	
.tb_01{
    background-color: #B9C1CE;
    border-spacing: 1px;
	margin-bottom:25px;
}
	
.tb_01 th {
	display:block;
    background-color:#ECEDF1;
    color: #132E5D;
    font-size: 14px;
    font-weight: normal;
}


.tb_01 td {
    background-color: #ffffff;
display:block;

}
.tb_01 td, .tb_01 th {
    padding: 12px 36px;
}
	
ul.inc_icl {text-align:center;}
ul.inc_icl li img{ max-width:175px;}

 }
.access_map {
	max-width: 100%;
}
.access_map iframe {
	width: 100%;
}
/*==================================================================

	.modal

==================================================================*/
.modal_inner {	
	width: 90%;
}
.modal_box {
  height: 50svh;
}
.modal .m_ke {
    font-size: 16px;
    background-color: rgb(247, 239, 230);
    display: table;
    padding: 8px 25px;
    margin-top: 10px;
  }