@charset "UTF-8";
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	color: #333;
	margin: 0;
	padding: 0;
	/*background: url(../images/001bg.jpg) no-repeat center top #FDF8EC;*/
	background-size: cover;
	text-align: center;
}
a:hover {
	opacity: 0.8;
}
span {
	font-size: 9px;
}
*html body {
	font-size: 70%;/* 10pt IE6 */
}
*:first-child+html body {
	font-size: 70%;/* 10pt IE7 */
}
img {
	vertical-align: bottom;
}
h1 {
	font-size: 80%;
	background-color: #ffcb78;
	height: 1.4em;
	line-height: 1.4em;
	color: #fff;
	font-weight: normal;
}
#g-navi ul {
	width: 1000px;
	margin: 1em auto;
	height: 40px;
	display: table;
}
#g-navi li {
	display: table-cell;
	text-align: center;
	width:25%;
}
#g-navi a {
	display: block;
	color: #fff;
	line-height: 40px;
	background: #000;
}
#g-navi a {
	background: rgb(0, 0, 0, 0.7);
}

nav img{
	max-width: 150px !important;
	vertical-align:middle;
}

.wrapper {
	max-width: 1000px;
}
#container img#mv {
	width: 100%;
}
.entry {
	display: block;
	padding: 5% 0;
}
h2 {
	color: #f21d7e;
	font-size: x-large;
	font-weight: normal;
	padding: 0;
	margin: 8% 0 3%;
}
#lead {
	margin: 0 auto;
	max-width: 800px;
	padding: 0;
}
#interlinkage {
	margin: 0 auto;
	max-width: 450px;
	padding: 0;
}
#container {
	/*background: url(../images/002bg.jpg) center top no-repeat #ffbe4c;*/
	background-size: contain;
	padding-bottom: 5%;
}
#grandprix {
	padding: 0;
	margin: 0 auto;
	width: 100%;
}
#grandprix > img {
	margin: 0;
	padding: 0;
}
#grandprix p.gp_first {
	color: #fff;
	text-align: left;
	z-index: 1;
	margin: -12% 0 5% 24%;
	padding:0 1em;
}
#grandprix p.gp_second {
	color: #fff;
	text-align: left;
	z-index: 1;
    margin: -8% 0 0 25%;
	padding:0 1em;
}

#bnr {
	background-color: rgba( 0, 0, 0, 0.7 );
	padding: 0 3%;
}
#bnr img {
	width: 48%;
	margin: 0.5%;
}
/* 募集 */
#boshu {
	margin: 0;
	padding: 0;


}
#boshu dl {
	width: 84%;
	padding: 0 8%;
	background: #fff;
	text-align: left;
	float: left;
	display: block;
}
#boshu dt {
	display: inline-block;
	float: left;
	width: 15%;

}
#boshu dt img {

}
#boshu dd {
	padding: 3% 0 7em 0;
	float: left;
	width: 84%;

}

#date {
	width: 100%;
	background: #fff;
	text-align: center;
}
.datecenter {
	width: 87.5%;
	margin: 0 auto;
	text-align: left;
}


.tabmenu{
	max-width: 800px;
	width: 80%;
}
 
.tab{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.tab li{
	background:#999;
	color:#FFF;
	cursor: pointer;
	display: inline-block;
	padding:1% 0%;
	width:49%;
}
				
.tab li.select{
			background:#B1150D;}

.tab li p{
	font-size: x-large !important;
	font-weight:normal;
	letter-spacing:0.2em;
    line-height: 200%;
    padding: 0 !important;
    margin: 0 !important;
} 

.tab li:after{
        content:"▶ クリックで予定をチェック";
        padding-left: 0em;
	font-size:80%;}
 
.tab li.select:after{
        content:"▼";
        padding-left: 1em;}

.content div{}
 
.hide{    display:none;}


#kanto, #other {
	width: 100%;
	max-width: 800px;
	background-size: cover;
	margin: 0 auto -0.8%;
	padding: 0;
	border:1px solid #B1150D;
}
#other {
	display: none;
}
#date p {
	font-weight: bold;
	font-size: 100%;
	padding: 3% 0 0;
}
#btm {
	margin: 0;
}
#about {
	background: rgba(0,0,0,0.7);
	width: 100%;
	margin: 0 auto 5%;
	max-width: 1000px;
	text-align:left;
}
#about p{
	color: #fff;
	padding: 0 7.5% 5%;
}

#page-top1 {
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: -80px;
	right: 10px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	transition: .5s;
}



/* ~~ フッター ~~ */
#footer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 50px;
}
#footer .btntext {
	font-size: 10px;
	margin: 20px 0;
	text-align: center;
}
i {
	color: #fff;
}
/* clearfix
============================================================ */
.reset {
	clear: both;
	display: block;
	height: 0px;
	font-size: 1px;
	line-height: 1px;
	min-height: 1px;
	height: 0;
	visibility: hidden;
}
.clearfix:after, #header:after, #leftContents:after, #centerContents:after, #rightContents:after, .imgfloatLeft:after, .imgflaotRight:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix, #header, .imgfloatLeft, .imgflaotRight {
	display: inline-block;
}
/* \*/
*html .clearfix, *html #header, *html #leftContents, *html #centerContents, *html #rightContents, *html .imgfloatLeft, *html .imgflaotRight {
	height: 1%;
}
.clearfix, #header, #leftContents, #centerContents, #rightContents, .imgfloatLeft, .imgflaotRight {
	display: block;
}
/**/


/* footer追記 */
.footerbnr {
	max-width: 880px;
	margin: 0 auto;
}
.footerbnr h2 {
	margin-bottom: 0;
	width: 100%;
}
.footerbnr img {
	width: 100%;
	height: auto;
}
.bnr_zone {
	margin: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding-left: 5px;
}
.bnr_zone li {
	float: left;
	width: 33%;
}
.spView {
	display: none;
}
.pcView {
	display: block;
}



/*--------popup------*/
.popupwrap {
	width: 100%;
	margin: 0 auto;
}
.popupwrap h1 {
	font-size: 1.4em;
	font-weight: lighter;
	color: #fff;
}
.popupwrap img {
	width: 100%;
}
.popupwrap ul {
	width: 100%;
	margin: 0 auto;
}
.popupwrap ul li {
	float: left;
	width: 42%;
	padding: 3%;
	margin: 1%;
	background: #fff;
	min-height:300px;
}
.popupwrap li > img {
	max-width: 492px;
	margin: 0 auto;
}
.popupwrap li {
	text-align: left;
}
.popupwrap p>img {
	max-width: 40px;
	margin: 0 1%;
}
.popupwrap span {
	font-size: 70%;
	display: block;
}
.popupwrap p {
	font-size: 80%;
	color: #C00;
	display: inline;
	vertical-align: top;
	line-height:20px;
}
.popupwrap .single{
line-height: 40px;
}


/* add 2016/02/22 */

.popupwrap li{position:relative;}
.popupwrap li .endMsg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color: rgba(30,30,30,0.8);
	text-align:center;
}
.popupwrap li .endText{
	display:block;
	margin-top:55px;
	color:#FFF;
	}
.popupwrap li .endText strong{
	font-size:140%;
	line-height:200%;
	}

/* add 2016/02/23 */

.event span.map_icon{
	display:inline;
	vertical-align:middle;
}
.event span.map_icon img{
	width:auto;
	padding-right:0.5em;
	padding-bottom:0.5em;
}
.event span.map_icon img.imgmap1{max-width:78px;}
.event span.map_icon img.imgmap2{max-width:141px;}
.memo{
	margin-top:1em;
	margin-bottom:2em;
	padding:1em !important;
	background-color:#fff5c4;
	font-size:80% !important;
}
.map{
	padding:0 !important;
	border:4px solid #FFF;
}
.popupwrap_map{
	margin:0;
	padding:0;
}
.popupwrap_map img{
	width:100%;
}

.map .remodal-close{
	margin-top:-3.5em;
	margin-left:-4px;
	background-color:#FFF;
}

div.entry ul{
	width:68%;
	margin:0 auto;
	list-style: inside;
}
div.entry ul span{
	font-weight: bolder;
	color:#fff;
	background:#F00;
	padding:0.2em 0.4em;
	font-size:200%;
	float:left;
	display:block;
}
div.entry ul li{
	text-align:left;
	margin-left:4em;
	font-size:small;
}


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

 @media screen and (max-width: 1000px) { /* SmartPhone Display - width:767px under - */
 
.spView {
	display: block!important;
}
.pcView {
	display: none!important;
}
img {width: 100%;}
body {
	width: 100%;
}
h1 {
	height: auto;
}
.acordion > li p {
	height: 3em;
	line-height: 3em;
	background: #000;
	color: #fff;
}
.acordion ul li span {
	display:block;
	height: 3em;
	line-height: 3em;
	background: #fff;
	border-bottom: 1px solid #000;
	color: #000;
	font-size: 110%;
}
.acordion ul li a:hover {
	background-color: #eee;
}

#boshu dl {
	width: 80%;
	padding: 0 5%;
}
#date {
	max-width: 90%;
}
.datecenter {
	width: 90%;
}
.event span.map_icon{
	display:block;
	}

.tab li p{
	font-size:100%  !important;
letter-spacing:normal;
}
#kanto, #other {
	text-align: left;
	width: 90%;
	max-width: 800px;
	padding: 0 4%;
	margin: 0 auto;
}
.datebtm {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	display: block;
}
#bnr {
	width: 84%;
}


#about {
	color: #fff;
	width: 90%;
	padding: 0 0 5%;
	margin: 0 auto 5%;
}


.popupwrap ul li {
	min-height:300px;
}

}
 @media screen and (max-width: 764px) { /* SmartPhone Display - width:767px under - */
body {
	font-size: 70%;
}

.popupwrap ul li {
	clear:both;
	float: none;
	width: 90%;
	max-width: 500px;
	margin: 2% auto;
	min-height: 270px;

}


.popupwrap p {
	font-size: 100%;
}
.popupwrap li .endText{
	margin-top:25px;
	}
h2 {
	color: #369439;
	font-size: 120%;
}

.tabmenu{
width:90%;
}

.event span.map_icon{
	display:block;
	}

div.entry ul{
	width:80%;
}
div.entry ul li{
	margin-left:3em;

}
/* calpshスタイル 
============================================================ */


.calpsh, .calpsh .event_button {
	display: block !important;
}
.calpsh div {
	display: inline-block;
}
.hide {
	display: none;
}
.calpsh .event_button {
	border: none;
	background: none;
	color: blue;
	font-size: 100%;
	text-decoration: none;
}
.calpsh .event_button:hover {
	color: #fff;
}