/* 320px/740px/741px/1039px/1040px */

/* 以下は普通のCSSを書けばOK */

@charset "utf-8";

/* モバイルファースト（差分記述：末尾のメディアクエリ―別記載の箇所に個別指定しない限りすべてのデバイスでこの欄の記述が有効） */
/* 160404 */

.top_midashi_h3		{position:relative;font-size:1.5rem;position:absolute;top: 40%;left: 5%;width: 200px;}

.top_midashi_s		{position:absolute;top: -16px;font-size:0.8rem;}

.h3_treat		{font-size:1.2em;color:#7fc3c5; margin-bottom:20px;}
.h3_lens		{font-size:1.4em;color:#7fc3c5; margin-bottom:5px; margin-top: 50px;}

.flow_title	{margin:10px 0;}
/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 740px) {

#h1_hdr			{width:100%; height:3em; text-align:center; color:#008C8B; font-size:2em; position:absolute; left:0; right:0;top:2em; bottom:0; margin:auto;
/* for modan browser */
text-shadow:0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff;

/* for IE */
filter:dropshadow(color=#ffffff,offx=0,offy=2,positive=1),dropshadow(color=#ffffff,offx=1,offy=1,positive=1),dropshadow(color=#ffffff,offx=1,offy=-1,positive=1),dropshadow(color=#ffffff,offx=0,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-1,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-2,offy=-1,positive=1),dropshadow(color=#ffffff,offx=-2,offy=1,positive=1),dropshadow(color=#ffffff,offx=-1,offy=1,positive=1);
}

/* トップページ H2 */
.h2_wrapper			{ /* border-bottom: 1px solid #17448D;padding: 0 0 13px 0; */ margin-bottom: 20px; text-align: center; }
h2				{ background: url(../img/sp/sp_h2.png) no-repeat;background-size:contain; /*     background-size: 7%; background-position: 5px 5px; */ color:#008C8B;font-size: 1.4rem;padding: 0 0 0 24px;display:inline; font-weight:bold;}

.h2_wrapper_alt			{ background:#008C8B; padding:8px 0;margin-bottom: 20px; text-align: center; }
.h2_wrapper_alt h2		{ background: url(../img/sp/sp_h2_obi.png) no-repeat;background-size:contain; /*     background-size: 7%; background-position: 5px 5px; */ color:#fff;font-size: 1.4rem;padding: 0 0 0 24px;display:inline; font-weight:bold;}

.top_h2_01		{}


/* 下層ページ H2 */
h2.clinic	{background:url(../img/treat/treat_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 37px 36px;
}
h2.treat	{background:url(../img/treat/treat_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 37px 36px;
}
h2.cataract	{background:url(../img/cataract/cataract_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 50px 31px;
}
h2.glaucoma	{background:url(../img/cataract/cataract_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 50px 31px;
}
h2.doctor	{background:url(../img/doctor/doctor_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 32px 40px;
}

h2.first	{background:url(../img/first/first_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 48px 40px;
}
h2.access	{background:url(../img/access/access_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 25px 39px;
}
h3.access01	{width:100%; height:45px; background:url(../img/access/access_logo.png) no-repeat; background-size:contain;text-indent:-300%; overflow:hidden; margin-top:20px;}

h3.first01	{font-size:1.2em; font-weight:bold; color:#008C8B; line-height:1.4em; margin:10px 0 10px 0;}

h3.doctor01	{font-size:1.2em; font-weight:bold; color:#008C8B; line-height:1.4em; margin:0 0 20px 0;}
h3.doctoren	{width:100%; height:71px; background:url(../img/doctor/doctor_en.png) no-repeat; text-indent:-300%; overflow:hidden; background-size: cover;}

h3.pages	{position:relative;padding:0 0 0 15px;font-weight: bold;font-size: 1.1em; border-left: 15px solid #7fc3c5;color:#008C8B;    margin-top: 50px; margin-bottom:20px;}
h3.pages:after	{content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:-15px; top: 0; height:50%; border-left: 15px solid #008C8B;}



h3.sp_flow	{color:#008C8B;font-size:1.6em; font-weight:bold; display:block; width:100%; border-bottom:dotted 2px #F2F2EA; margin:8px 0;}
h3.clinic	{color:#008C8B;font-size:1.2em; font-weight:bold; display:block; width:calc(100% - 20px); border-bottom:dotted 2px #F2F2EA; margin:8px 0; padding:0 0 8px 15px;}
#clinic_wrapper2 .LR_wrapper h3.clinic	{text-align:center; border:none; margin-bottom:15px; padding-left:0; width:100%;}


}



/*---------------------------------------------
 ** 個別指定 for タブレット
---------------------------------------------*/
 @media screen and (min-width: 741px) and (max-width: 1039px) { 

#h1_hdr			{width:100%; height:3em; text-align:center; color:#008C8B; font-size:2.5em; position:absolute; left:0; right:0;top:5em; bottom:0; margin:auto;
/* for modan browser */
text-shadow:0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff;

/* for IE */
filter:dropshadow(color=#ffffff,offx=0,offy=2,positive=1),dropshadow(color=#ffffff,offx=1,offy=1,positive=1),dropshadow(color=#ffffff,offx=1,offy=-1,positive=1),dropshadow(color=#ffffff,offx=0,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-1,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-2,offy=-1,positive=1),dropshadow(color=#ffffff,offx=-2,offy=1,positive=1),dropshadow(color=#ffffff,offx=-1,offy=1,positive=1);
}
/* トップページ H2 */
.h2_wrapper:before		{contents:""; display:block; clear:both;}
.h2_wrapper,.h2_wrapper_alt	{ width:100%; height:45px; display:block; padding: 0 0 0 0; margin: 60px 0 20px 0; text-align: center; clear:both; /* background: #f1ffff;*/}
.h2_wrapper:first-child		{ margin-top:0;}
h2				{ background: url(../img/sp/sp_h2.png) no-repeat; background-size: 10px; font-size: 1.2rem;padding: 0 0 0 24px ; display: inline; width:100%; height:45px; background-position-y:center; color: #008C8B; line-height:45px;}

/* 下層ページ H2 */
h2.clinic	{background:url(../img/treat/treat_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 37px 36px;
}
h2.treat	{background:url(../img/treat/treat_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 37px 36px;
}
h2.cataract	{background:url(../img/cataract/cataract_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 50px 31px;
}
h2.glaucoma	{background:url(../img/glaucoma/glaucoma_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 50px 31px;
}
h2.doctor	{background:url(../img/doctor/doctor_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 32px 40px;
}
h2.first	{background:url(../img/first/first_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 48px 40px;
}
h2.access	{background:url(../img/access/access_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 25px 39px;
}
h3.access01	{width:353px; height:45px; background:url(../img/access/access_logo.png) no-repeat; text-indent:-300%; overflow:hidden; margin:20px 0;}

h3.first01	{font-size:1.4em; font-weight:bold; color:#008C8B; line-height:1.4em; margin:20px 0 20px 0;}

h3.doctor01	{font-size:1.2em; font-weight:bold; color:#008C8B; line-height:1.4em; margin:0 0 20px 0;}
h3.doctoren	{width:565px; height:71px; background:url(../img/doctor/doctor_en.png) no-repeat; text-indent:-300%; overflow:hidden; background-size: cover;}

h3.clinic	{color:#008C8B;font-size:1em; font-weight:bold; display:block; width:calc(100% - 20px); border-bottom:dotted 2px #F2F2EA; margin:8px 0; padding:0 0 8px 15px;}
#clinic_wrapper2 .LR_wrapper h3.clinic	{text-align:center; border:none; margin-bottom:15px; padding-left:0; width:100%;}


h3.pages	{position:relative;padding:0 0 0 15px;font-weight: bold;font-size: 1.1em; border-left: 15px solid #7fc3c5;color:#008C8B;    margin-top: 30px; margin-bottom:20px;}
h3.pages:after	{content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:-15px; top: 0; height:50%; border-left: 15px solid #008C8B;}

#pagetop {
    width: 80px;
    height: 110px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
}

.mnubox h2		{ 
    width: calc(100% - 28px);
    background: url(../img/sp/sp_h2.png) no-repeat,url(../img/common/h2_mnubox_kazari.png) no-repeat;
    background-position-x: 8px, calc(100% - 8px);
    background-position-y: center, center;
    background-size: 10px, 28px; 
    padding-left: 24px;
    margin-bottom: 30px;
    height: 45px;
    line-height: 47px;
    font-weight:bold; 
    border:solid 2px #008C8B; display:block;
}
.mnubox p		{position:relative; top:-15px;}


}

/*-----------------------------------------------------	*/
/*  個別指定 for PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 1040px) {


#h1_hdr			{width:100%; height:3em; text-align:center; color:#008C8B; font-size:2.5em; position:absolute; left:0; right:0;top:6em; bottom:0; margin:auto;
/* for modan browser */
text-shadow:0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff;

/* for IE */
filter:dropshadow(color=#ffffff,offx=0,offy=2,positive=1),dropshadow(color=#ffffff,offx=1,offy=1,positive=1),dropshadow(color=#ffffff,offx=1,offy=-1,positive=1),dropshadow(color=#ffffff,offx=0,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-1,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-2,offy=-1,positive=1),dropshadow(color=#ffffff,offx=-2,offy=1,positive=1),dropshadow(color=#ffffff,offx=-1,offy=1,positive=1);
}
/* トップページ H2 */
.h2_wrapper:before	{contents:""; display:block; clear:both;}
.h2_wrapper		{ width:100%; display:block; padding: 0 0 0 0; margin: 20px 0 10px 0; text-align: left;}

h2				{ background: url(../img/sp/sp_h2.png) no-repeat; background-size: 12px; font-size: 1.6rem;padding: 0 0 0 24px ; display: inline; width:100%; height:45px; background-position-y:4px; color: #008C8B; line-height:45px;}

/* 下層ページ H2 */

h2.clinic01	{display:block;width:100%;height:82px;background:url(../img/title/h2_clinic_01.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}
h2.clinic02	{display:block;width:100%;height:82px;background:url(../img/title/h2_clinic_02.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}

h2.treat01	{display:block;width:100%;height:82px;background:url(../img/title/h2_treat_01.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}
h2.treat02	{display:block;width:100%;height:82px;background:url(../img/title/h2_treat_02.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}
h2.treat03	{display:block;width:100%;height:82px;background:url(../img/title/h2_treat_03.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}

h2.cataract01	{display:block;width:100%;height:80px;background:url(../img/title/h2_cataract_01.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}
h2.cataract02	{display:block;width:100%;height:80px;background:url(../img/title/h2_cataract_02.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}

h2.glaucoma01	{display:block;width:100%;height:80px;background:url(../img/title/h2_glaucoma_01.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}
h2.glaucoma02	{display:block;width:100%;height:80px;background:url(../img/title/h2_glaucoma_02.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}

h2.first01	{display:block;width:100%;height:80px;background:url(../img/title/h2_first_01.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}
h2.first02	{display:block;width:100%;height:80px;background:url(../img/title/h2_first_02.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}

h2.doctor01	{display:block;width:100%;height:80px;background:url(../img/title/h2_doctor_01.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}
h2.doctor02	{display:block;width:100%;height:80px;background:url(../img/title/h2_doctor_02.png) no-repeat;text-indent:-900%; background-position:center top;    margin-bottom: 30px; padding:0;}




h2.access	{background:url(../img/access/access_h2.png) no-repeat 50% 5px;	color:#008C8B;font-size: 1.4rem;display:inline; font-weight:bold;
		padding		: 50px 0 15px 0;
		background-size	: 25px 39px;
}
h3.access01	{width:353px; height:45px; background:url(../img/access/access_logo.png) no-repeat; text-indent:-300%; overflow:hidden; margin:12px 0;}

h3.first01	{font-size:1.6em; font-weight:bold; color:#008C8B; line-height:1.3em; margin:10px 0 10px 0;}

h3.doctor01	{font-size:1.2em; font-weight:bold; color:#008C8B; line-height:1.4em; margin:0 0 20px 0;}
h3.doctoren	{width:565px; height:71px; background:url(../img/doctor/doctor_en.png) no-repeat; text-indent:-300%; overflow:hidden; background-size: cover;}

h3.clinic	{color:#008C8B;font-size:1em; font-weight:bold; display:block; width:calc(100% - 20px); border-bottom:dotted 2px #F2F2EA; margin:8px 0; padding:0 0 8px 15px;}
#clinic_wrapper2 .LR_wrapper h3.clinic	{text-align:center; border:none; margin-bottom:15px; padding-left:0; width:100%;}


h3.pages	{position:relative;padding:0 0 0 15px;font-weight: bold;font-size: 1.3em; border-left: 15px solid #7fc3c5;color:#008C8B;    margin-top: 30px; margin-bottom:20px;}
h3.pages:after	{content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:-15px; top: 0; height:50%; border-left: 15px solid #008C8B;}

/*
#top_aisatsu_h h2,
#top_oshirase_h h2	{display:inline; padding:0 0.5em 0.08em 0.5em; border-bottom:solid 5px #14B7C0; font-size:1.5em; font-weight:bold;color:#14B7C0;}
#top_aisatsu h2		{margin:15px 0 0 8.2em; text-align:left; color:#14B7C0; font-size:1.3em; font-weight:bold;}
#top_aisatsu h3		{margin:1em 0 0 9.8em; text-align:left; color:#14B7C0; font-size:1.1em; font-weight:bold;}
*/
/* .white_shadow		{
text-shadow:0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff;

filter:dropshadow(color=#ffffff,offx=0,offy=2,positive=1),dropshadow(color=#ffffff,offx=1,offy=1,positive=1),dropshadow(color=#ffffff,offx=1,offy=-1,positive=1),dropshadow(color=#ffffff,offx=0,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-1,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-2,offy=-1,positive=1),dropshadow(color=#ffffff,offx=-2,offy=1,positive=1),dropshadow(color=#ffffff,offx=-1,offy=1,positive=1);
}
*/
#pagetop		{width:80px; height:110px; position: fixed;right: 40px; bottom: 100px; z-index:9999;}




.mnubox h2		{ display: block;
    background: url(../img/top/top_cli0x.png);
    width: 320px;
    height: 60px;
    line-height: 64px;
    font-size: 1.2em;
    font-weight: bold;
    background-size: cover;
    padding: 0;
    text-indent: 32px;
    position: absolute;
    top: 153px;}









}