@charset "utf-8";
/*=========================
構造
==========================*/
#container{
width: 100%;
margin:0;
padding:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,ffffff+49,ffffff+50,eeeff3+50,eeeff3+50,eeeff3+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 0%, #ffffff 49%, #ffffff 50%, #eeeff3 50%, #eeeff3 50%, #eeeff3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 0%,#ffffff 49%,#ffffff 50%,#eeeff3 50%,#eeeff3 50%,#eeeff3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 0%,#ffffff 49%,#ffffff 50%,#eeeff3 50%,#eeeff3 50%,#eeeff3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeff3',GradientType=1 ); /* IE6-9 */
}
#container > .box-inner{
margin:0px auto;
background:url(/img/mainimg_idx01_notxt.jpg) no-repeat 0px 0px;
background-size:auto;
background-position: top center;
}
/*=========================
THIS INDEX
==========================*/
.box-uservoice{
	position: absolute;
	right:0px;
	top:20px;
}
#main-index {
	position: relative;
	border-bottom:1px solid #FFF;
}
#main-index > .box-inner{
	width:1024px;
	padding: 0;
	min-height:560px;
	height:682px;
	margin:0px auto;
	position: relative;
}
#main-index h1{
	padding:33px 0px 10px 0px;
	font-size:14px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", Meiryo, Arial, sans-serif;
	/*color:#999;*/
	font-weight:lighter;
	line-height:1.3;
	letter-spacing:0rem;
}
#main-index h1 em{
	font-size:54px;
	letter-spacing:-0.2rem;
	color:#e52486;
}
/*#main-index h1 i{
color:#999;
}
#main-index h1 .f_ssize{
font-size:48px;
}*/
#banner_oiwai{
	position: absolute;
	top:0px;
	right:0px;
}


#main-index .box-pmark{
	position: absolute;
	left:0px;
	bottom:80px;
	width:100%;
	text-align:right;
	pointer-events: none;

}
#main-index .box-pmark img{
	width:12%;
	height:auto;
}
#icn_manzoku1{

}
#icn_manzoku2{
}



#box_index_main {
	width:470px;
	/*border:1px dashed rgba(0,0,0,.1);*/
	background:rgba(255,255,255,.8);
	/*background:#fffde7;*/
	position: relative;
	box-sizing: border-box;
}
#box_index_main .box-inner{
	padding:10px 0px;
}

#box_index_main h2{
	padding:0px 0px 20px 0px;
	line-height:1.6;
	font-size:15px;
}
#box-idx-button{
	margin:0px 0px;
}
#box-idx-button a{
	display: block;
 	width:470px;
 	height:110px;
 	border-radius: 10px;
	background:#e52486;
	/*background:#6cba1d;*/
	/*box-sizing:border-box;*/
	border:1px solid #e52486;
	/*border:1px solid #6cba1d;*/
	display: block;
	padding:0px;
	line-height:0;
	position: relative;
	overflow: hidden;
	box-shadow: 5px 5px 10px rgba(5,180,200,.4)
}

#box-idx-button a:hover{
	margin:2px 0px 0px 2px;
	box-shadow: 2px 2px 4px rgba(5,180,200,.8)
}

#box-idx-button a img{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}

.box-uservoice{
	margin-right:2%;
}

.label_appeal {
	display: block;
	overflow: hidden;
	zoom:1;
}
.label_appeal li{
	display: block;
	float:left;
	width:25%;
	margin:0px;
	overflow: hidden;
	zoom:1;
	position: relative;

}
.label_appeal li img{
	width:112px;
	height:70px;
	margin:0px 1px 4px 0px;
}
#main{
	background:rgba(255,255,255,1);
	border:1px solid #CCC;
}
#main > .box-inner{
	width:1024px;
	padding: 30px;
	margin:0px auto;
	position: relative;
}