@charset "utf-8";

#fanfunWrapper{
	line-height: 0;
}

#fanfunWrapper img{
	max-width: 100%;
}

#fanfunWrapper p,figicaption {
	line-height: 2;
}

#fanfunHeader{
	background: url(../img/bg_intro.jpg) repeat left top;
	background-size: 10% auto;
	padding-bottom: 5%;
}

#fanfunTtl{
	margin-bottom: 5%;
}

.intro {
	background-color: #fff;
	width: 90%;
	margin: 0 auto;
	padding: 2%;
}

.intro span,.sectionIntro span{
	color: #ff3b3b;
	font-weight: bold;
}

#section_1{
	background: url(../img/bg_section_1.jpg) no-repeat left top / cover;
	width: auto;
	padding: 5%;
}

.sectionTtl{
	margin-bottom: 2%;
}

.sectionIntro {
    background-color: #fff;
    margin: 0 auto;
    padding: 2%;
    width: 94%;
    text-align: left;
}

#section_2{
	background: url(../img/bg_section_2.jpg) no-repeat left top / cover;
	width: auto;
	padding: 5%;
}

#section_2 .sectionIntro {
	background: none;
}

.img_review{
	display: block;
	text-align: center;
}

.innerTtl{
	text-align: center;
	margin-bottom: 2%;
}

.sectionInner{
	width: 90%;
	margin: 0 auto;
}


.sectionInner li{
	float: left;
	width: 32%;
	margin-right: 2%;
}

.sectionInner li:last-child{
	margin-right: 0;
}

#section_3{
	background: url(../img/bg_section_3.jpg) no-repeat left top / cover;
	text-align: center;
	width: auto;
	padding: 5%;
}

.bnr_join{
	width: 90%;
	display: block;
	margin: 5% auto 0;
}