@charset "utf-8";

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

	response.css

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

/* ==
　smartphone
=============================================================================== */
@media screen and (min-width: 0) and (max-width: 640px) {
/* -------- header -------- */
#header {
	background-color:#FFFFFF;
	padding:10px 0;
}
#header div p a {
	display:inline-block;
}
#header img.logo-pp {
	max-width: 90%;
}
#header img.logo-machicon {
	max-width: 90%;
}
.header-logo {
	float:none;
	margin-left:0;
	text-align:center;
}
.header-social {
	float:none;
	text-align:center;
}
	.social {
		display: none;
	}
	article#main-image .main-box {
		padding: 20px 3px;
	}
	h1 img {
		width: 100%;
	}
	p.link {
		margin: 10px 0;
	}
	p.link a {
		font-size: 11px;
	}

	/* ==
	cnv-btn
=============================================================================== */
.cnv-btn {
	margin: 0 5% 20px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;

}
.btn-box {
	margin-top: 20px;
}
	article#first {
		min-height: inherit;
	}
	article#first .first-box {
		height: 100%;
		position: static;
	}
	article#first .first-box img {
		width: 98%;
	}
	article#first .first-box h2 {
		font-size: 17px;
		font-weight: bold;
		text-align: center;
		margin: 0 20px;
	}
	article#first .first-box p {
		margin:10px 0 30px;
	}
	p.new {
		top: -30px;
		left: 82%;
		width: 50px;
	}
	article#item .item-box{
		min-height: inherit;
		padding-bottom: 20px;
	}
	article#item .item-box h2 {
		text-align: center;
		font-weight: bold;
		font-size: 30px;
		color: #FFF;
		padding: 30px 0 0;
	}
	article#item .item-box p {
		text-align: center;
		margin: 30px 0 20px;
	}

	article#item .item-box dl {
		width: auto;
	}
	article#item .item-box dt {
		width: 45%;
		padding: 0 0 0 20px;
	}
	article#item .item-box dd {
		width: 42%;
		padding: 20px 0 0 15px;
		font-size: 13px;
		line-height: 1.6;
	}
	article#item .item-box dd em {
		font-size: 20px;
	}
	article#item .item-box dt img {
		width: 100%;
	}
	article#three .three-box {
		width: auto;
	}
	article#three .three-box {
		margin: 10px 0 0;
		padding: 0;
	}
	article#three .three-box .three-image img {
		width: 96%;
	}


	article#food .food-box .in-box {
		padding: 20px 15px;
		top: 150px;
	}
	article#food .food-box .in-box h2 {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.5;
		color: #FFF;
		padding: 0 20px 0 0;
	}
	article#food .food-box .in-box p {
		color: #FFF;
		font-size: 11px;
		margin: 0 0 0.7em;
		line-height: 1.5;
		margin: 10px 0 0;
	}
	article#food .food-box {
		position: relative;
		min-height: 290px;
	}

	/* video */
	article.video{
		margin: 0 0 20px;
		width: 100%;
	}
	.video-tit {
		margin-top: 0;
		font-size: 17px;
	}

	/* 開催人数 */
	article#number p {
		display: none;
		/* padding: 20px; */
	}
	article#number p img {
		width:100%;
	}

	article#bring .bring-box {
		margin-top: 10px;
		padding: 0 0 30px;
	}
	article#bring .bring-box img {
		width: 90%;
	}
	article#bring .bring-box h2 {
		text-align: center;
		font-weight: bold;
		font-size: 30px;
		color: #FFF;
		padding: 30px 0;
	}
	article#rain {
		padding: 30px 0;
	}
	article#rain img {
		width: 95%;
	}

	/* お客様の声 */
	article#voice li {
		float: right;
		width: 50%;
	}
	article#voice li img {
		width: 100%;
	}

	/* メッセージ */
	article#message .message-box {
		margin-top: 20px;
		padding:0;
		min-height: inherit;
		width: auto;
	}
	article#message .message-box dl {
		margin: 0 auto;
		width: auto;
	}
	article#message .message-box dt {
		float: none;
		width: auto;
		text-align: center;
	}
	article#message .message-box dt img {
		width: 90%;
	}
	article#message .message-box dd.pc {
		display: none;
	}
	article#message .message-box dd.spn {
		display: block;
	}
	article#message .message-box dd {
		float: none;
		width: auto;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.3;
		color: #009EEB;
		padding: 10px;
		text-align: center;
	}
	article#message .message-box dd em {
		font-size: 30px;
	}
	article#message .message-box .txt {
		font-size: 13px;
		color: #FC007D;
		text-align: center;
		margin: 20px 0 40px;
		font-weight: bold;
	}


	article#qa .qa-box {
	padding: 20px;
	}
	article#qa h2 {
	font-size: 34px;
	text-align: center;
	margin: 20px;
	}
	article#qa dl {
	color: #666;
	width: auto;
	margin: 30px auto;
	}
	article#qa dt {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 25px;
	}
	article#qa dd {
	font-size: 13px;
	}
	article#qa dd .style img {
	width: 100%;
	}


	article#flow .flow-box{
		min-height: inherit;
	}
	article#flow .flow-box h2 {
		text-align: center;
		font-weight: bold;
		font-size: 30px;
		color: #FFF;
		padding: 30px 0 0;
	}
	article#flow .flow-box p {
		text-align: center;
		margin: 30px 0 20px;
	}
	article#flow .flow-box p img {
		width: 90%;
	}

	article#staff .staff-box {
	position: relative;
	padding: 0;
	}
	article#staff .staff-box h2 {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 30px 0 0;
	}
	article#staff .staff-box p {
	text-align: center;
	margin: 20px 0;
	}
	article#staff .staff-box p img {
		width: 90%;
	}

	article#detail .detail-box {
	position: relative;
	padding: 0;
	width: auto;
	margin: 0 auto;
	}
	article#detail .detail-box h2 {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding: 20px 0 0;
	}
	.table-box {font-size:11px;background-color: #FFF; color: #333;padding: 5px 0 0; margin: 10px 0 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:left;width: 75%; padding: 10px 0 10px 20px;}
	.table-box dd p {margin: 0 0 10px;}


	/* -------- シェアボタン -------- */
	.share-section {
		margin-top: 10px !important;
	}
	.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;
	}

	/* -------- footer -------- */
	#foot-line {
		margin:0 auto;
		padding:20px 0;
		width:100%;
		text-align:center;
		font-size: 11px;
		color: #999;
	}
	.footer-section {
		margin: 0 10px;
		font-size: 10px;
	}

	.end {
		margin: 30px auto 40px;
	}
	.end img {
		width: 95%;
	}
	.end .link {
		margin: 0 20px;
		line-height: 1.5;
	}

}