@charset "utf-8";
/*=========================
構造
==========================*/
#container{
width: 100%;
margin:0;
padding:0;
background: #ffffff; /* Old browsers */
}
#container > .box-inner{
margin:0px auto;
}

/*=========================
THIS INDEX
==========================*/
.box-uservoice{
	position: absolute;
	right:0px;
	top:3%;
	width:50%;
}
.box-uservoice img{
	width:44%;
	height:auto;
	margin-right:4%;
	float:left;
}
#banner_oiwai{
	width:100%;
	margin-right:4%;
	position: absolute;
	top:0px;
	right:0px;
}

#main-index{
	display: block;
	position: relative;
	width:100%;
	background:#FFF url(/img/mainimg_idx01_sp.png) no-repeat 0px 0px;
	background-size:100%;
	padding-bottom:50%;
}
#main-index .box-inner{
	padding:0px;
	margin:0px;
	height:0px;
	padding-bottom:87%;
	position: relative;
}
#main-index .box-pmark{
	position: absolute;
	right:3%;
	bottom:2%;
	width:100%;
	white-space: nowrap;
	text-align:right;
	opacity: .8;
}
#main-index .box-pmark img{
	width:12%;
	height:auto;
}
#icn_manzoku1{

}
#icn_manzoku2{
}
/*
#main-index h1 {
	display: block;
	width:44%;
	padding:5% 0 3% 2%;
}*/
/*#main-index h1 img{
	width:100%;
	height:auto;
}*/

#main-index h1{
	display: block;
	width:47%;
	font-size:11px;
	padding:2.2% 0 0% 1.8%;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", Meiryo, Arial, sans-serif;
color:#333;
	font-weight:lighter;
	line-height:1.3;
	letter-spacing:0rem;
}
#main-index h1 em{
	font-size:20px;
	font-size:5vw;
	font-weight:lighter;
	letter-spacing:-.1rem;
	color:#e52486;
}
/*#main-index h1 i{
color:#999;
}

#main-index h1 .f_ssize{
font-size:14px;
}*/
/*box-indx*/
#box_index_main {
	line-height:0;
	width:98%;
	margin-top:2%;
	position: relative;
	box-sizing: border-box;
}
#box_index_main .box-inner{
	padding:0px;
}
#box_index_main h2{
	padding:10px;
	width:40%;
	top:1%;
	display: none;
}

#box_index_main h3 {
}
#box_index_main h3 img{
	width:56%;
	height:auto;
}

#box-idx-button{
	width:100%;
	margin:1.5% 0;
}
#box-idx-button a{
	display: block;
 	width:88%;
 	margin:2% auto;
	background:#e52486;
	display: block;
	padding:0px;
	line-height:0;
	position: relative;
	overflow: hidden;
	zoom:1;
	box-shadow: 3px 3px 8px rgba(5,180,200,.4);
	border-radius: 10px;
}
#box-idx-button a img{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}

.label_appeal {
	display: block;
	overflow: hidden;
	zoom:1;
	width:48%;
	margin:0 0 6.5% 2%;
}
.label_appeal li{
	display: block;
	float:left;
	width:46%;
	margin:0 4% 2% 0;
	overflow: hidden;
	zoom:1;
	line-height:0;
	position: relative;
	line-height:0;
}
.label_appeal li img{
	width:100%;
	height:auto;
}