/*	layout	mobile
--------------------------------------------------*/
@media	screen	and	(max-width:	640px)	{


body{
	min-width:100%;
}

body	div{
	font-size:14px;
}

.main{
	height:auto;
}


.mainContents	{
	width:100%;
	padding-bottom:15px;
	margin:10px	auto	0;
	text-align:left;
	font-size:95%;
	color:#848484;
	line-height:1.6;
}

.read{
	width:40%;
	margin-top:40px;
	margin-left:15px;
}

.main_text{
	position:absolute;
	width:100%;
	margin-left:0px;
}

.main_text span{
	position:absolute;
	width:100%;
	display:block;
	color:#000000;
	font-weight:normal;
	font-size:12px;
	text-align:center;
	margin-top:45px;
	line-height:1.6;
}

.sns{
	position:absolute;
	right:10px;
	}

.mainContents	h1	img{
	width:90%;
	margin-top:81px;
	margin-bottom:30px;
}


.menu_set{
	width:320px;
	margin:auto;
}


.menu_set	td{
	width:105px;
	}

.menu_set	div{
	width:33%;
	float:left;
	margin-bottom:40px;
}

.box01{
	width:auto;
	clear:both;
	border:solid	1px	#f1abb9;
	padding:15px;
	background-image:url("../images/acne/box_bg.gif");
	margin-left:15px;
	margin-right:15px;
	margin-bottom:60px;
	font-size:16px;
	line-height:1.6;
}

.box01	img{
	margin-top:15px;
	width:100%;
}

.box01	h2{
	font-family:	"游明朝",	YuMincho,	"ヒラギノ明朝	ProN	W3",	"Hiragino	Mincho	ProN",	"HG明朝E",	"ＭＳ	Ｐ明朝",	"ＭＳ	明朝",	serif;
	font-weight:	normal;
	font-size:38px;
	line-height:1;
	color:#ec99aa;
	margin-bottom:10px;
	}
	
.box01	h2	span{
	font-size:19px;
	font-weight:	bold;
	}

.caption{
	font-family:	"游明朝",	YuMincho,	"ヒラギノ明朝	ProN	W3",	"Hiragino	Mincho	ProN",	"HG明朝E",	"ＭＳ	Ｐ明朝",	"ＭＳ	明朝",	serif;
	font-weight:	bold;
		font-size:24px;
	line-height:1;
	color:#ec99aa;
	margin-left:15px;
	margin-bottom:15px;
}

.text_box{
	width:auto;
	margin-left:15px;
	margin-right:15px;
	font-size:16px;
	}



.graph_box{
	width:100%;
	text-align:center;
	font-size:13px;
	color:#000000;
	display:block;
	margin-top:5px;
	float:none;
	}

.graph_box	img{
	width:60%;
	}


.graph_text01{
	width:100%;
	text-align:center;
	font-size:13px;
	color:#000000;
	display:block;
	margin-top:5px;
	float:none;
	}


.graph_cursor{
	width:100%;
	text-align:center;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	float:none;
	}


.graph_cursor	img.rps_visible{
	display:inline;
	}


.caption_b{
	width:auto;
	font-family:	"游明朝",	YuMincho,	"ヒラギノ明朝	ProN	W3",	"Hiragino	Mincho	ProN",	"HG明朝E",	"ＭＳ	Ｐ明朝",	"ＭＳ	明朝",	serif;
	font-weight:	bold;
	font-size:20px;
	line-height:1;
	color:#ec99aa;
	margin-top:60px;
	margin-bottom:15px;
	text-align:center;
	border-top:solid	1px	#f1abb9;
	border-bottom:solid	1px	#f1abb9;
	padding:12px	0;
	background-image:url("../images/acne/box_bg.gif");
	margin-left:15px;
	margin-right:15px;
	}
	
.p_photo_text{
	width:100%;
	position:absolute;
	line-height:1.4;
	color:#ffffff;
	text-align:center;
	margin-top:60px;
	display:block;
	font-size:14px;
	z-index:1;
}
	
.p_photo_caption{
	font-family:	"游明朝",	YuMincho,	"ヒラギノ明朝	ProN	W3",	"Hiragino	Mincho	ProN",	"HG明朝E",	"ＭＳ	Ｐ明朝",	"ＭＳ	明朝",	serif;
	font-size:32px;
	line-height:1;
	display:block;
	margin-bottom:10px;
	}
	
span.link{
	padding:5px	10px;
	border:solid	1px	#ffffff;
	line-height:1;
	display:inline-block;
	margin-top:15px;
	}

.p_photo{
	width:45%;
	margin-top:20px;
	margin-left:15px;
	float:left;
	}
	
.p_photo	img{
	width:100%;
	}

.p_photo02{
	width:45%;
	margin-top:20px;
	margin-left:0;
	margin-right:15px;
	float:right;
	}
	
.p_photo02	img{
	width:100%;
	}

.mainContents	.center{
	width:100%;
	text-align:center;
	}
	
.p_photo04{
	width:45%;
	margin-top:-40px;
	margin-left:auto;
	margin-right:auto;
	float:none;
	display:inline-block;
	}
	
.p_photo04	img{
	width:100%;
	}
	
	.p_photo05{
	width:45%;
	margin-top:-40px;
	margin-left:15px;
	float:left;
	}
	
.p_photo05	img{
	width:100%;
	}

.p_photo06{
	width:45%;
	margin-top:-40px;
	margin-left:0;
	margin-right:15px;
	float:right;
	}
	
.p_photo06	img{
	width:100%;
	}



.column_photo{
	width:45%;
	margin-left:15px;
	float:left;
	}
	
	.column_photo	img.new{
	width:25%;
	}
	
	.column_photo	img{
	width:100%;
	}
	
	.column_photo02{
	width:45%;
	margin-left:0;
	margin-right:15px;
	float:right;
	}
	
	.column_photo02	img{
	width:100%;
	}

	.column_photo03{
	width:45%;
	margin-left:15px;
	float:left;
	}
	
	.column_photo03	img{
	width:100%;
	}
	
	.column_photo04{
	margin-top:20px;
	width:45%;
	margin-left:0;
	margin-right:15px;
	float:right;
	}
	
	.column_photo04	img{
	width:100%;
	}
	
	.column_photo05,
	.column_photo07{
	margin-top:20px;
	width:45%;
	margin-left:15px;
	float:left;
	}
	
	.column_photo05	img,
	.column_photo07 img{
	width:100%;
	}
	
	.column_photo06,
	.column_photo08{
	margin-top:20px;
	width:45%;
	margin-left:0;
	margin-right:15px;
	float:right;
	}
	
	.column_photo06	img,
	.column_photo08 img{
	width:100%;
	}

	

.column_text{
	width:100%;
	position:absolute;
	line-height:1.4;
	color:#ffffff;
	text-align:center;
	margin-top:80px;
	display:block;
	font-size:14px;
}

.box02{
	width:auto;
	margin-left:15px;
	margin-right:15px;
	clear:both;
	border:solid	1px	#f1abb9;
	padding:20px;
	background-image:url("../images/acne/box_bg.gif");
	font-size:16px;
	line-height:2;
	clear:both;
}

.box02_m_img{
		margin:20px	auto;
	}

.box03 h3{
	font-family:	"游明朝",	YuMincho,	"ヒラギノ明朝	ProN	W3",	"Hiragino	Mincho	ProN",	"HG明朝E",	"ＭＳ	Ｐ明朝",	"ＭＳ	明朝",	serif;
	font-size:18px;
	font-weight:normal;
	line-height:1;
	color:#ec99aa;
	margin-bottom:10px;
	}

.box02	span{
	margin-top:10px;
	font-size:14px;
	display:block;
	line-height:1.8;
}

.box02	a{
	margin-top:10px;
	font-size:14px;
	display:inline-block;
	color:#848484;
}
	
#spWrapper #spHeader {
	width:100%;
}
#spWrapper #spHeader p {
	left:auto;
	right:10px;
}
#spWrapper #spHeader div {
	top:40px;
	left:auto;
	right:10px;
}












.nav_set{
	display:none;
}

.mobile_nav{
	display:block;
}
	

.menu_detail{
	width:100%;
	margin:0;
}


.menu_detail	img{
	display:none;
}

.menu_detail	.menu01	img{
	display:block;
}

.menu	a:nth-child(1)	img{
	margin-left:14px;
}

.mobile_menu{
	position:absolute;
	margin-top:-43px;
	right:14px;
	display:block;
	cursor:pointer;
}


.mobile_menu_detail{
	position:absolute;
	width:100%;
	background:#2a7622;
	z-index:1;
	text-align:left;
}

.mobile_menu_detail	a{
	padding:14px;
	display:block;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	border-top:solid	1px	#90b382;
}

.mobile_menu_detail	span.mobile_menu_close{
	padding:14px;
	display:block;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
	border-top:solid	1px	#90b382;
}


.mobile_main{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
	

.mainContents	{
	width:100%;
}

.qa{
	width:85%;
	background:#ffffff;
	border-radius:10px;
	margin:0	auto	20px;
	text-align:left;
	padding:15px;
}

.qa02{
	width:85%;
	background:#fafafa;
	border-radius:10px;
	margin:0	auto	0;
	text-align:left;
	padding:15px;
}

.attention{
	width:90%;
	text-align:right;
	font-size:10px;
	color:#666666;
	margin:0	auto	0;
}

.qa02_image{
	padding:20px;
	margin-top:5px;
	float:none;
	text-align:center;
}
.qa02_text01{
	font-size:14px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	float:none;
}
.qa02_text02{
	font-size:14px;
	margin-left:20px;
	display:block;
	float:none;
}

.clm{
	width:90%;
	padding-right:10px
	padding-left:10px;
	border:solid	10px	#c6c3aa;
	background:#ffffff;
	margin-top:60px;
	margin:0	auto	0;
}

div#sns	{
	width:100%;
	margin:auto;
	margin-left:-10px;
}

.rps_del{
	display:none;
}

#mb_footer{
	display:block;
}
#pc_footer{
	display:none;
}

#pagetop	{
	width:auto;
	height:auto;
	padding-right:10px;
}
#spWrapper	#spFooter	ul	{
	width:300px;
}
#spWrapper	#spFooter	ul	li	{
	margin-top:10px;
}
#spWrapper	#spFooter	p.copyright	{
	width:100%;
}
.rps_visible{
	display:block;
}

.sec-contact{width:90%;margin:-20px	auto	0;}
.sec-contact	.sec-inner{padding-top:45px;padding-bottom:45px}
.sec-contact	.sec-inner:before,.sec-contact	.sec-inner:after{content:"";display:block}
.sec-contact	.sec-inner:after{clear:both}
.sec-contact	h3{padding:10px;background:#aeaeae;text-align:center;color:#fff;font-weight:normal;font-size:14px;}
.sec-contact	.contact{padding:15px;background:#fff}
.sec-contact	.contact:before,.sec-contact	.contact:after{content:"";display:block}
.sec-contact	.contact:after{clear:both}
.sec-contact	.contact	dl{width:90%;margin:auto;float:none}
.sec-contact	.contact	dl:before,.sec-contact	.contact	dl:after{content:"";display:block}
.sec-contact	.contact	dl:after{clear:both}
.sec-contact	.contact	dl	.tel-text{width:30px;height:17px;margin:0px	auto	10px;float:none;overflow:visible;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(../images/faq-text1.png)	no-repeat	0	0;display:block;;background-size:100%	auto;}
.sec-contact	.contact	dl	.tel-number{width:200px;height:35px;margin:7px	auto	0;;float:none;overflow:visible;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(../images/faq-text2.png)	no-repeat	0	0;background-size:100%	auto;}
.sec-contact	.contact	.contact-text{width:100%;height:16px;margin-top:10px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(../images/faq-text3.png)	no-repeat	0	0;background-size:100%	auto;}
.sec-contact	.privacy-text{margin:0	0	0	0;	display:block;}
.sec-contact	.privacy-text:before,.sec-contact	.privacy-text:after{content:"";display:block}
.sec-contact	.privacy-text:after{clear:both}
.sec-contact	.privacy-text	dt{float:none;font-weight:bold;font-size:12px;margin-right:0;margin-top:10px;}
.sec-contact	.privacy-text	dd{font-size:12px}
.sec-contact	.privacy-text	dd	a{color:#ff6666}.sec-contact	.privacy-text	dd	a:hover{text-decoration:none}

.banner_btn_set{
	width:310px;
    margin:60px auto 0;
}

.banner_btn{
	width:290px;
	margin:0 auto 20px;
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
	float:none;
}

.banner_btn a{
	width:290px;
}

.banner_btn:nth-child(2){
	margin:0 auto 20px;
}


.f_banner a{
	width:100%;
	min-width:100%;
	height:120px;
	display:block;
	overflow:hidden;
	text-align:center;
}

.f_banner a img{
	position:absolute;
	width:auto;
	height:120px;
	left:50%;
	margin-left:-380px;
}


}


@media	screen	and	(max-width:	480px)	{
	
.p_photo_text{
	width:100%;
	position:absolute;
	line-height:1.2;
	color:#ffffff;
	text-align:center;
	margin-top:30px;
	display:block;
	font-size:10px;
	z-index:1;
}
	
.p_photo_caption{
	font-family:	"游明朝",	YuMincho,	"ヒラギノ明朝	ProN	W3",	"Hiragino	Mincho	ProN",	"HG明朝E",	"ＭＳ	Ｐ明朝",	"ＭＳ	明朝",	serif;
	font-size:20px;
	line-height:1;
	display:block;
	margin-bottom:5px;
	}
	
span.link{
	padding:5px	10px;
	border:solid	1px	#ffffff;
	line-height:1;
	display:inline-block;
	margin-top:10px;
	}

.p_photo{
	width:45%;
	margin-top:20px;
	margin-left:15px;
	float:left;
	}
	
.p_photo	img{
	width:100%;
	}

.p_photo02{
	width:45%;
	margin-top:20px;
	margin-left:0;
	margin-right:15px;
	float:right;
	}
	
.p_photo02	img{
	width:100%;
	}

.mainContents	.center{
	width:100%;
	text-align:center;
	}
	
.p_photo04{
	width:45%;
	margin-top:-40px;
	margin-left:auto;
	margin-right:auto;
	float:none;
	display:inline-block;
	}
	
.p_photo04	img{
	width:100%;
	}
	
.p_photo05{
	width:45%;
	margin-top:-40px;
	margin-left:15px;
	float:left;
	}
	
.p_photo05	img{
	width:100%;
	}

.p_photo06{
	width:45%;
	margin-top:-40px;
	margin-left:0;
	margin-right:15px;
	float:right;
	}
	
.p_photo06	img{
	width:100%;
	}
	
.column_text{
	width:100%;
	position:absolute;
	line-height:1.4;
	color:#ffffff;
	text-align:center;
	margin-top:80px;
	display:block;
	font-size:10px;
}


.rps_del{
	display:none;
}

#spWrapper #spHeader {
	width: auto;
}
#spWrapper #spHeader h1 {
	width: 160px;
	height: 56px;
	background-size: 100% auto;
}
#spWrapper #spHeader h1 a {
	width: 100%;
	height: 100%;
}
#spWrapper #spHeader p {
	display:none;
}
#spWrapper #spHeader div {
	right: 8px;
	top: 10px;
}

div#sNav {
	overflow:hidden;
	width: auto;
	padding: 0 10px;
}



}