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

.mainContents{
	width:100%;
}

.sns_box{
	position:relative;
	width:99%;
	margin-top:4%;
	z-index:1;
}

.sns_box img{
	position:relative;
	width:auto;
	height:5vw;
}

.mainContents h1 img{
	width:100%;
	margin-top:16%;
	margin-bottom:10%;
}

.acne_top_menu_set{
	position:relative;
	width:100%;
	margin:0 auto 25%;
}

.acne_top_menu_set img{
	position:relative;
	width:8.4vw;
	height:auto;
	display:block;
	margin:0 auto 0;
}

.acne_top_menu_left{
	position:relative;
	width:30%;
	text-align:center;
	float:left;
	margin-left:5%;
}

.acne_top_menu_center{
	position:relative;
	width:30%;
	text-align:center;
	float:left;
}


.acne_top_menu_right{
	position:relative;
	width:30%;
	text-align:center;
	float:left;
}

.acne_top_menu_text{
	font-size:3.4vw;
	line-height:1.8;
	margin-top:7%;
	text-decoration:underline;
}

.acne_top_text{
	position:absolute;
	width:94%;
	top:80vw;
	left:0;
	margin-left:0;
	font-size:2.8vw;
	text-align:right;
}







.acne_top_about{
	position:relative;
	width:100%;
	background:#eef0f3;
	padding-bottom:0;
}


.acne_top_about_box{
	position:relative;
	width:100%;
	margin:0 auto 0;
}

.acne_top_about_caption01{
	position:relative;
	margin-top:-5%;
	margin-bottom:7%;
	width:100%;
	height:auto;
}


.acne_top_about_text01{
	position:relative;
	width:90%;
	font-size:4vw;
	line-height:2;
	color:#000000;
	letter-spacing:1px;
	margin:0 auto 0;
}

.space{
	line-height:1.5;
}

.acne_top_about_photo01{
	position:relative;
	top:auto;
	bottom:-11vw;
	right:auto;
	margin:calc(-11vw + 9%) auto 0;
	display:block;
	width:74.6%;
	height:auto;
}




.acne_top_contents_box01{
	position:relative;
	width:100%;
	margin:27% auto 0;
}


.acne_top_contents01_caption01{
	position:relative;
	margin-bottom:7%;
	width:100%;
	height:auto;
}


.acne_top_contents01_caption02{
	position:relative;
	margin-bottom:7%;
	width:100%;
	height:auto;
}



.acne_top_contents01_text01{
	position:relative;
	width:90%;
	font-size:4vw;
	line-height:2;
	color:#000000;
	margin:0 auto 0;
	letter-spacing:1px;
}

.acne_top_contents01_image_box{
	position:relative;
	width:90%;
	margin:0 auto 7vw;
}

.acne_top_contents01_image_box_left{
	position:relative;
	width:100%;
	display:block;
	float:none;
}

.acne_top_contents01_image_box_left img{
	position:relative;
	width:100%;
	height:auto;
	display:block;
}

.acne_top_contents01_image_box_right{
	position:relative;
	width:100%;
	display:block;
	float:none;
	margin-top:10%;
}

.acne_top_contents01_image_box_right img{
	position:relative;
	width:100%;
	height:auto;
	display:block;
}

.acne_top_contents01_image_text01{
	position:relative;
	font-size:4vw;
	line-height:2;
	margin-top:10px;
	text-align:center;
	letter-spacing:1px;
	color:#000000;
}

.graph_text01{
	position:relative;
	font-size:4vw;
	line-height:2;
	margin-top:10px;
	text-align:center;
	letter-spacing:1px;
	color:#000000;
}

.acne_top_contents01_image_text02{
	position:relative;
	font-size:3.2vw;
	line-height:1.6;
	margin-top:5px;
	text-align:center;
	letter-spacing:1px;
	color:#000000;
}

.graph_text01 span{
	position:relative;
	font-size:3.2vw;
	line-height:1.6;
	margin-top:5px;
	text-align:center;
	letter-spacing:1px;
	color:#000000;
}

.graph_box	img{
	width:80vw;
	height:auto;
}

.graph_cursor img{
	width:3vw;
	height:auto;
}

.graph_box_new img{
	width:74vw;
	margin-left:-16vw;
	height:auto;
}





.acne_top_contents_box02{
	position:relative;
	width:100%;
	margin:17% auto 0;
}

.p_photo_caption{
	font-size:8vw;
	line-height:1;
	display:block;
	margin-bottom:14%;
	}
	
.p_photo_text{
	width:100%;
	position:absolute;
	line-height:1.4;
	text-align:center;
	margin-top:16vw;
	display:block;
	font-size:4vw;
	z-index:1;
}

.p_photo_over{
	display:block;
}


.p_photo_text02{
	display:none;
}

img.cursor{
	position:relative;
	width:18%;
	height:auto;
	vertical-align:5px;
	margin-left:10px;
}

span.link{
	padding:2% 4%;
	line-height:1;
	display:inline-block;
	margin-top:0;
	white-space:nowrap;
}










.ykn_products01_btn_set{
	position:relative;
	width:100%;
	padding-top:17%;
	padding-bottom:21%;
}

.ykn_products01_btn_line{
	position:relative;
	width:100%;
	height:1px;
	background:#e7e7e7;
	margin:0 auto 7%;
}

.ykn_products01_btn_box{
	position:relative;
	width:100%;
	margin:10% auto 0;
	text-align:;
}


.ykn_products01_btn03{
	position:relative;
	width:80%;
	height:auto;
	padding-top:2.5%;
	padding-bottom:2.5%;
	display:inline-block;
	line-height:1;
	background-image:url("../images/wart/btn_bg03_sp.gif");
	background-size:auto 100%;
	background-position:right top;
	verticai-align:middle;
	font-size:3.4vw;
	color:#ffffff;
	padding-left:2%;
	box-sizing:border-box;
	text-decoration:none;
	font-weight:400;
	text-align:left;
	margin-left:10%;
}


.ykn_products01_btn02{
	position:relative;
	width:80%;
	height:auto;
	padding-top:2.5%;
	padding-bottom:2.5%;
	display:inline-block;
	line-height:1;
	background-image:url("../images/wart/btn_bg02_sp.gif");
	background-size:auto 100%;
	background-position:right top;
	verticai-align:middle;
	font-size:3.4vw;
	color:#ffffff;
	padding-left:2%;
	box-sizing:border-box;
	text-decoration:none;
	font-weight:400;
	text-align:left;
	margin-left:10%;
	margin-top:6%;
}




.p_photo_caption_long{
	font-size:8vw;
	line-height:1.1;
	letter-spacing:-0.05em;
	margin-top:-6%;
	margin-bottom:4%;
}

.box02{
	background:none;
	border:solid 1px #bfe9e9;
	font-size:3.2vw;
	margin-top:12%;
	margin-bottom:0;
}

.box02 span{
	font-weight:normal;
	color:#000000;
	font-size:3.2vw;
	margin-bottom:3vw;
	margin-top:0;
}

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

.column_photo, .column_photo02{
	margin-top:0;
}

.column_photo03,.column_photo04,
.column_photo05,.column_photo06,
.column_photo07{
	margin-top:4vw;
}



.gm02{
	display:none;
}




/* 追加CSS */
.acne_top_contents01_mini_caption01{
	position:relative;
	width:90%;
	margin:10vw auto 5vw;
	font-size:4.5vw;
	color:#0096bc;
	letter-spacing:1px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.8;
	display:block;
	font-weight:normal;
	
}


.acne_top_contents01_caption02{
	margin-top:14%;
	margin-bottom:7%;
}

.acne_top_contents01_mini_text01{
	position:relative;
	width:90%;
	font-size:3.5vw;
	line-height:2;
	color:#000000;
	margin:0 auto 0;
	letter-spacing:1px;
}

.acne_top_contents01_mini_box01{
	position:relative;
	width:90%;
	margin:5vw auto 0;
	display: block;
	padding:5vw;
	background:#f3fcfe;
	box-sizing:border-box;
}

.acne_top_contents01_mini_box02{
	margin-top:2vw;
}

.acne_top_contents01_mini_box03{
	margin-top:5vw;
	margin-bottom:5vw;
}

.acne_top_contents01_mini_box04{
	margin-top:10vw;
}

.acne_top_contents01_mini_box01_caption02{
	font-size:5vw;
	color:#4ababa;
	letter-spacing:1px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1;
	display:block;
	font-weight:normal;
}

.acne_top_contents01_mini_box01_text01{
	text-align:left;
	font-size:3.5vw;
	line-height:1.8;
	color:#000000;
	padding-left: 1.28em;   /* 全体を字下げ */
	text-indent: -1.28em;   /* 1行目だけ戻す */
}

.acne_top_contents01_mini_box01_text02{
	margin-top:5px;
}

.acne_top_contents01_mini_box01_text03{
	text-align:left;
	font-size:3.5vw;
	line-height:2;
	color:#666666;
	margin-top:2vw;
	letter-spacing:1px;
}




.table_scroll01{
	position: relative;
	width:90%;
	overflow-x: auto;
	white-space: nowrap;
	margin:7vw auto 7vw;
}

.table_scroll02{
	position: relative;
	width:90%;
	overflow-x: auto;
	white-space: nowrap;
	margin:auto;
	margin:5vw auto 5vw;
}


.acne_top_table{
	width:auto;
	margin:auto;
}

.acne_top_table02{
	width:auto;
	margin:auto;
}

.acne_top_table td{
	background:#ffffff;
	font-size:3.5vw;
	line-height:1.6;
}

.acne_top_table td:nth-of-type(1){
	color:#0096bc;
	font-size:3.5vw;
}

.acne_top_table_first td:nth-of-type(1){
	color:#ffffff;
}

.acne_top_table_first td{
	background:#0096bc;
	color:#ffffff;
	font-weight:bold;
	padding:15px;
}

.acne_top_table,.acne_top_table tr,.acne_top_table td{
	border-collapse: collapse;
	border:1px solid #92d3e4;
	padding:15px;
	white-space:nowrap;
}


.acne_top_contents01_line{
	width:100%;
	margin-top:14vw;
	margin-bottom:7vw;
}

.acne_top_contents01_annotation{
	width:90%;
	margin:auto;
}

.link_text_last{
	font-size:3vw;
	line-height:2;
	color:#000000;
	text-indent: -3em;
	padding-left: 3em;
	display:inline-block;
}










}