@charset "utf-8";

/* ****************************************************************************

	response.css

******************************************************************************* */

/* ==
　smartphone
=============================================================================== */
@media screen and (min-width: 0) and (max-width: 640px) {
header {
	background-color:#FFFFFF;
	padding:10px 0;
}
header div p a {
	display:inline-block;
	width: 50%;
}
header img.logo-pp {
	max-width: 100%;
}
header img.logo-machicon {
	max-width: 90%;
}
header img.logo-rush {
	max-width: 50%;
}
.header-logo 

.header-logo {
	float:none;
	margin-left:0;
	text-align:center;
}
.header-social {
	float:none;
	text-align:center;
}
.social {
	margin-top: 5px;
}
.social li {
	float:none;
	display:inline-block;
	margin-right:10px;
}

	#main-image,#first,#schedule,#qa,#detail{
	width:100%;
	padding:0;
	}

	h1.tit-logo-pc {
		display:none;
	}

	h1.tit-logo-sp {
		display:block!important;
	}
	p.link {
		margin: 10px 0;
	}
	p.link a {
		font-size: 11px;
	}

	.nobr {
	white-space:nowrap;
	}

	/* -------- header -------- */


/*MAIN*/
article#main-image {
background:none;
width:100%;
height:auto;
}

.main-box {
background:none;
width:100%;
height:auto;
}

article#main-image h2 {
	font-size:20px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.4;
	margin: 10px;
	background:#f31865;
	text-align:center;
	padding:5px 0;
	width:auto!important;
}

/*FIRST*/
	article#first {
		min-height: inherit;
		width:auto;
	}
	article#first .first-box {
		height: 100%;
		position: static;
		background:none;
		width:95%;
		margin:0 auto;
	}

	article#first .first-box p {
		margin: 20px 0;
		font-size:14px;
		text-align:center;
	}

	article#first .first-box .jump-fes {
	width:33%;
	float:left;
	}

	article#first .first-box .jump-fes img {
	width:100%;
	text-align:center;
	margin:auto;
	}

	article#first .first-box .jump-fes .btn-fes a {
	width:80%;
	text-align:center;
	margin:auto;
	font-size:12px;
	margin-top:10px;
	}

/*FES*/

.fes-block {
height:auto;
clear:both;
padding:30px 0;
}

.fes-block-in {
width:100%;
margin:auto;
padding:35px 0;
}

.fes-block-in .tit-3point {
color:#f31865;
font-size:24px;
font-weight:bold;
text-align:center;
margin-bottom:15px;
}

.point-box,.point-box-last {
float:left;
width:33%;
margin-right:0;
}

.point-box img,.point-box-last img {
margin:auto;
width:95%;
height:auto;
}

.point-block p {
font-size:13px;
font-weight:bold;
}

/*BTN*/

.btn-about a {
width:65%;
margin:auto;
padding:10px;
}

.application-block {
padding:10px;
clear:both;
}

.btn-application-left a,.btn-application-right a {
width:49%;
padding:15px 0;
text-align:center;
display:block;
background:#f31865;
color:#fff;
font-size:18px;
font-weight:bold;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
text-shadow: 1px 2px #cb235e;
}

.btn-application-left a span,.btn-application-right a span  {
font-size:14px;
}
.btn-application-end {
width:70%;
padding:15px 0;
text-align:center;
display:block;
background:#ccc;
color:#000;
font-size:17px;
font-weight:bold;
border-radius: 30px;
webkit-border-radius: 30px;
moz-border-radius: 30px;
text-shadow: 1px 2px #ccc;
margin:auto;
}

.btn-application-center{
width:100%;
text-align:center;
color:#fff;
font-size:18px;
font-weight:bold;
text-shadow: 1px 2px #cb235e;
}

.btn-application-center a{
width:80%;
text-align:center;
background:#f31865;
padding:20px 15px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
color:#fff;
font-size:18px;
font-weight:bold;
text-shadow: 1px 2px #cb235e;
}

.btn-application-center a span {
font-size:14px;
}
.btn-application-end {
width:70%;
padding:15px 0;
text-align:center;
display:block;
background:#ccc;
color:#000;
font-size:17px;
font-weight:bold;
border-radius: 30px;
webkit-border-radius: 30px;
moz-border-radius: 30px;
text-shadow: 1px 2px #ccc;
margin:auto;
}

/*FES1*/
.fes1-main {
background:none;
width:100%;
height:auto;
}

.fes1-main h2 img {
width:100%;
margin:auto;
height:auto;
}


/*FES2*/
.fes2-main {
background:none;
width:100%;
height:auto;
}

.fes2-main h2 {
width:100%;
margin:auto;
height:auto;
}

.fes2-main h2 img {
width:100%;
margin:auto;
height:auto;
}

/*FES3*/
.fes3-main {
background:none;
width:100%;
height:auto;
}

.fes3-main h2 {
width:100%;
margin:auto;
height:auto;
}

.fes3-main h2 img {
width:100%;
margin:auto;
height:auto;
}

/*FOOT*/

.summer-foot {
height:auto;
background:url(../img/img_footer.jpg) bottom center repeat-x;
}

.summer-foot p {
padding:40px 0 40px;
font-size:18px;
line-height:28px;
color:#fff;
font-weight:bold;
}



	/* イベント詳細 */

	article#detail .detail-box {
	position: relative;
	padding: 0;
	width:95%;
	margin: 0 auto;
	}
	article#detail .detail-box h2 {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	padding: 20px 0 10px;
	margin-bottom:30px;
	}
	.table-box { width:95%; font-size:11px; padding: 5px 0 0; margin: 10px auto 0;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0; border:none;border-top: 1px solid #CCC;}
	.table-box dl {width: 100%; border-bottom: 1px solid #CCC; padding: 0 0 5px;}
	.table-box dt {float:left;width: 15%; padding: 10px 0 0 10px; text-align: right;font-weight: normal; line-height: 1.5;}
	.table-box dd {float:right;width: 73%; padding: 10px 0 10px 20px;}
	.table-box dd p {margin: 0 0 10px;}


	.btn-box {
	margin: 0 0 20px;
	padding: 20px 0 0;
	}
	.btn-box.top {
	display: block;
	margin: 0;
	padding: 10px 0 0;
	border: none;
	}
	.btn-box.half {
	display: block;
	margin: 0 0 25px;
	padding: 20px 0 0;
	}
	.btn-box a {
	font-size: 18px;
	width: 230px;
	padding: 15px;
	box-shadow: 0 0 8px 1 #EE3D8F;
	}
	.btn-box a:hover {
	}

/* -------- シェアボタン -------- */
.share-section {
	margin-top: 40px;
}
.share-section ul {
	margin: 0 auto;
	width: 200px;
}
.share-section li {
	float:none;
	display: block;
	margin: 0; padding: 0;
	overflow: hidden;
}
.share-section li:nth-of-type(3) {
	display: block;
}

	#fb-plugin{margin:0; padding:0;width:100%;width:100%;overflow: hidden;}
	#foot-line{margin:0 auto; padding:20px 0;width:100%;text-align:center;font-size: 11px;color: #999;}

	.footer_section {
		margin-bottom: 0;
	}
	#foot-line {
		font-size: 10px;
	}
	.end {
		margin: 30px auto 40px;
	}
	.end img {
		width: 95%;
	}
	.end .link {
		margin: 0 20px;
		line-height: 1.5;
	}
	.spn{
		display: block;
	}
	.btn-report a {
		font-size: 13px;
		text-decoration: underline;
		color: #666 !important;
	}
	.txt-application {
		font-size: 21px;
		line-height: 1.4em;
		}
}