/* 320px/740px/741px/979px/980px */

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

@charset "utf-8";

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

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

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

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

.h3_reserve		{font-size:1.2em;color:#00A8E4; margin-bottom:20px; text-align:center;}
.h3_reserve span{font-size:1.5em;color:#f92d17; margin-bottom:20px; text-decoration:underline;font-weight:bold;}


/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 740px) {

.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;color: #17448D;font-size: 1.2rem;padding: 0 0 0 38px;display:inline; }

.top_h2_01		{}


.h3_reserve		{font-size:1.0em;color:#00A8E4; margin-bottom:20px; text-align:center;}
.h3_reserve span{font-size:1.2em;color:#f92d17; margin-bottom:20px; text-decoration:underline;font-weight:bold;}


}



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

.h2_wrapper:before	{contents:""; display:block; clear:both;}
.h2_wrapper		{ width:100%; height:85px; display:block; border-top: 2px solid #00A8E4;padding: 0 0 0 0; margin: 20px 0; text-align: center;background: #d9deee; clear:both;}
.h2_wrapper:first-child	{ margin-top:0;}
h2			{ background: #d9deee url(../img/common/title_bg.png) no-repeat;background-position: center bottom; font-size: 1.2rem;padding: 10px 0 0 0; display:block; width:100%; height:65px; background-size:35%; color:#fff;}



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

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


.h2_wrapper:before	{contents:""; display:block; clear:both;}
.h2_wrapper		{ width:100%; height:85px; display:block; border-top: 2px solid #00A8E4;padding: 0 0 0 0; margin: 20px 0 40px 0; text-align: center;background: #d9deee; clear:both;}
.h2_wrapper:first-child	{ margin-top:0;}
h2			{ background: #d9deee url(../img/common/title_bg.png) no-repeat;background-position: center bottom; font-size: 1.2rem;padding: 10px 0 0 0; display:block; width:100%; height:65px; background-size:300px; color:#fff;}

/*
#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		{
/* 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);
}
#pagetop		{width:80px; height:110px; position: fixed;right: 40px; bottom: 100px; z-index:9999;}










}