@charset "UTF-8";
/* CSS Document */
/*******************************
 reset
 default
 header
 container
 footer
 Function
*******************************/
h1,h2,h3,ul{margin:0;}
ul{padding:0;}
li{list-style-type:none;}
/*a{text-decoration:none;}*/

/*******************************
 default
*******************************/
body{
	color:#313131;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1;
	background-color:#eeeeee;
}

.wrapper{
	width:100%;
}

.main{
	max-width:800px;
	margin:0 auto;
	position:relative;
	top:0px;left:0px;
}

a{color:#313131;}



/*******************************
 header
*******************************/
.header .head-box{
	background:url(../img/bg-kiwami-cp.jpg) no-repeat;
	background-size:100%;
}

.header .head-box .title-box{
	text-align:center;
}

.header .head-box .title-box h1{margin-top:12px;}
.header .head-box .title-box .sub-title01{margin-top:10px;}
.header .head-box .title-box .sub-title02{margin-top:0px;}

.sns-list{
	position:absolute;
	top:10px;right:10px;
}

.sns-list ul li{
	float:left;
}

.sns-list ul li:first-child{
	margin-right:10px;
}

/*******************************
 container
 	|--section-campaign
	|--section-detail
			|--holding-box
			|--guest-box
*******************************/
.container{
	margin-top:22px;
	margin-bottom:64px;
}


/* section */
.section .text-box{
	padding:15px;
}

.section .text-box p{
	font-size:14px;
	line-height:30px;
	margin-top:25px;
}

.section .text-box p:first-child{
	margin-top:0px;
}

.section .section-title .section-title-inner .response-box{
	width:100%;
	height:100%;
	line-height:10%;
	position:absolute;
	top:0px;left:0px;
}


/* section-campaign */
.section-campaign .section-background{
	background-color:#FFF;
}

.section-campaign .section-title .section-title-inner{
	padding-top:14.125%;
	background:url(../img/bg-section01.png) right top #b60000 no-repeat;
	-webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.5);
	box-shadow:2px 2px 6px rgba(0,0,0,0.5);
	position:relative;
	top:0px;left:0px;
}

.section-campaign .section-title .section-title-inner .response-box{padding-left:10px;}
.section-campaign .section-title .section-title-inner .response-box p{padding-top:1.20%;}

/* section-detail */
.section-detail{
	margin-top:27px;
}

.section-detail .section-title .section-title-inner{
	line-height:100%;
	padding-top:14.250%;
	background:url(../img/bg-section02.jpg) right top #000 no-repeat;
	position:relative;
	top:0px;left:0px;
}

.section-detail .section-title .section-title-inner .response-box{text-align:left;}
.section-detail .section-title .section-title-inner .response-box p{padding-top:0.9%;}

.section-detail .section-title .section-title-inner:before{
	content:"";
	width:100%;
	border-top:solid 2px #d1c99d;
	position:absolute;
	top:2px;left:0px;
}

.section-detail .section-title .section-title-inner:after{
	content:"";
	width:100%;
	border-top:solid 2px #d1c99d;
	position:absolute;
	bottom:2px;left:0px;
}

.section-detail .container-inner .float-box{margin-top:30px;}

.section-detail .section-title .section-title-inner p{margin-left:7px;}

.section-detail .container-inner h3{margin-top:30px;}

.section-detail .container-inner table{
	font-size:14px;
}

.section-detail .container-inner table th{
	padding-top:6px;
	vertical-align:top;
}

.section-detail .container-inner table td{
	line-height:25px;
}

.section-detail .container-inner table td .btn{
	display:block;
	padding-top:8px;
}

.section-detail .btn-box{
	text-align:center;
	margin-top:40px;
}

/* holding-box */
.holding-box{float:left;}


/* guest-box */
.guest-box{float:right;}

.guest-box .guest-list{margin-top:8px;}

.guest-box .guest-list li{
	margin-left:10px;
	float:left;
}

.guest-box .guest-list li:first-child{
	margin-left:0px;
}

.guest-box .guest-list li .guest-name{
	margin-top:10px;
}



/*******************************
 footer
*******************************/
.footer .footer-box{
	height:74px;
	background-color:#000;
}

.footer .footer-box .float-box{
	max-width:800px;
	line-height:74px;
	margin:0 auto;
}

.footer .footer-box .text-box{
	color:#FFF;
	font-size:10px;
	line-height:12px;
	padding:26px 0px;
	float:left;
}

.footer .footer-box .banner-box{
	float:right;
}

.footer .footer-box .banner-box p{
	float:left;
	margin-left:6px;
}

.footer .footer-box .banner-box p:first-child{
	margin-left:0px;
}



/*******************************
 Function
 	|--is-hover-fade / マウスオーバーアニメーション　FadeIn Out
*******************************/
.is-hover-fade{
	-webkit-transition:all 0.25s ease;
	transition:all 0.25s ease;	
}

.is-hover-fade:hover{
	opacity:0.7;	
}