@charset "UTF-8";

/**
追加用スタイルシート（後に統合してください）
------------------------------------------------------**/
.wrapper_parent{
	width:100%;
	/*background: url(../images/001bg.jpg) no-repeat center top #FDF8EC;*/
	background-size: contain;
}

h1{
	background-color:#000;
}
#header{
	/*background-color:#df2500;*/
	position: relative;
}
#header p img {
	width: 100%;
	max-width: 1200px;
	margin-bottom: 3%;	
}
#header .hmsg1{
	background-color:#f75732;
	padding:2% 0;
}
#header .hmsg2{
	background-color:#df2500;
	padding:2% 0;
	margin:0 auto;
	text-align:center;
	width:auto;
}

#header .hmsg2 .txt1,
#header .hmsg2 .txt2,
#header .hmsg2 .limit{
	display:inline-block;
}

#header .hmsg2 .txt1{width:40%;}
#header .hmsg2 .txt2{width:4%;}
#header .hmsg2 .limit{
	padding:0;
	color:#fff669;
	font-size:900%;
	font-weight:bold;
	line-height:100%;
	vertical-align:baseline;
	text-align:right;
}

#header .hmsg2 .txt1 img{
	width:100%;
	max-width:503px;
}
#header .hmsg2 .txt2 img{
	width:100%;
	max-width:52px;
}

/** リード **/

h2{
	font-size:180%;
	line-height:110%;
	margin-top: 4%;
	margin-bottom: 1%;
}
#lead{
	padding-bottom:2em;
	display:block;
	margin: 0 auto;
}

/**　特典　**/

#bnr p{
	display:inline-block;
	width: 48%;
	height:2.5em;
	margin: 0.5% 0.5% 0 0.5%;
	padding:0;
	line-height:220%;
	font-size:110%;
	color:#fff !important;
}
#bnr p.limend{background: url(../images/lim_end.png) center bottom no-repeat;}
#bnr p.limnow{background: url(../images/lim_now.png) center bottom no-repeat;}


.popupwrap .dates { 
	margin-top:0;
	padding-top:0;
	overflow:hidden; 
	display:block;
	margin-bottom: 5px;
	heigh:48px;
	background: url(../images/popwrap_dates.png) center 80% no-repeat;	
}
.popupwrap li .dates p {
	margin-left:50px;
	color: #fff;
	line-height: 59px;

}



/** 日程 **/

.tab li{
	background:#ffa599;
}

/*----map_btn*/
.place2 {
	min-width: 120px;
	width: 21.5%;
}

	
/* media 
============================================================ */


@media screen and (max-width: 940px) {
/*
	.message a {
	width: 80%;
	}
*/
}


@media screen and (max-width: 764px) { /* SmartPhone Display - width:767px under - */

#header .hmsg2 .limit{
	font-size:450%;
	line-height:100%;

}

h2{
	font-size:100%;
	line-height:3em;
	color: #f21d7e;
}
.dates p {
	padding-left:35px;
}
}

/* 160407 追加分 
============================================================ */
.wrapper p {
	text-align: left;
}

.spon_wrapper {
	max-width: 1200px;
}
.spon {
	/*width: 19%;
	max-width: 222px;*/
	max-width: 798px;
	box-sizing: border-box;
	display: inline-block;
	/*border: 1px solid #fcc3e4;*/
	margin-bottom: 0.5%;
 
}
.stitle  img {
	margin:5% 0 5% 0;
	max-width: 1141px;
}

.btn_entry {
	margin: 5% 0 5% 0;
}
.btn_entry img {
}
.btn_entry a:hover {
	opacity: 0.5;
}

.tab p {
	text-align: center;
}
.akapen1 {
	color: #df007e;
	font-size: 100%;
}

.message {
}
/*
.message a {
    position: absolute;
    display: block;
	top: 33.5%;
	left: 67.5%;
    right: 25%;
    width: 27%;
	max-width: 303px;
    height: auto;
	overflow: visible;
}　元 */

.message a {
    position: absolute;
    display: block;
	top: 31.5%;
	left: 67.5%;
    right: 25%;
    /*bottom: 90.5%;*/
    width: 27%;
	max-width: 303px;
	/*max-height: 236px;*/
    height: auto;
	overflow: visible;
}



@media screen and (max-width: 640px) {
	body {
		font-size: 12px;
		 -webkit-text-size-adjust: 100%;

	}
	.wrapper p {
		padding: 0 5%;
	} 	

	.stitle {
		max-width: 640px;
	}
	.stitle  img {
		margin:3% 0 3% 0;
		overflow: hidden;


	}
	#boshu dt img {
		max-width: 100px;		
		width: 13%;
	}

	/* 募集 */
	#boshu {
	
	
	}
	#boshu dl {
		float: none;
	}
	#boshu dt {
		width: 15%;
		float: none;

	}
	#boshu dt img {
		min-width: 35px;
	}
	#boshu dd {
		float: none;
		padding: 3% 0 2em 0;
		width: 100%;
	
	}
	
	/*
	.message a {
	width: 27%;
	top: 32.5%;
    right: 5%;
	}
		元*/
	.message a {
	width: 27%;
	top: 31.5%;
    right: 5%;
	}
	.place {
		max-width: 68px;
		width: 30%;
	}
	/*----map_btn*/
	.place2 {
		min-width: 120px;
		width: 21.5%;
	}


} /* media screen 640px END*/



.genre{
	margin:60px auto;
	width:815px;
}
.genre ul{
}
.genre ul li{
	float:left;
	list-style:none;
	margin:0 4px;
}

#header .main img {
	max-width: 880px;		
}