html{ font-size: 62.5%; /* 10px */ }
body{
	font-family: 'Hiragino Maru Gothic Pro','游ゴシック体',YuGothic,'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;

	text-align: center;
	/*background: #fffcde;*/
	background-color: #fffde6;
	font-size: 1.4rem;
	line-height: 1.6;
	min-width: 320px;
	color: #131313;
	background: url(../img/bgMain.gif) center top repeat;
}

.sp{ display: block; }
.pc{ display: none; }


h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
	padding: 0; margin: 0;
}
ul,li,ol{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
em{ font-style: normal; }
dl{ margin: 0; padding: 0; }
p{ margin: 0; padding: 0; }
img{ max-width: 100%; vertical-align: top; }

a{ color: #0a89ff; text-decoration: none; }
/*a:visited{ color: #4900c1; text-decoration: none; }*/
a:hover, a:active, a:focus{ color: #ff0096; text-decoration: none; }
a:hover img, a:active img, a:focus img{ opacity: 0.8; filter: alpha(opacity=80); }

/* ボタン外部（チケット購入など） */
a[target="_blank"] p:after{
	content:"\f08e";
	font-family: 'FontAwesome';
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 0 4px;
}


/* Jump
----------------------------------------------------------------------------------------------------*/
#j_link{}
#jump{ background: #FFF; border: double 6px #fbc113; padding: 20px 16px 32px; text-align: center; }
#jump h1{ color: #ff7a00; font-size: 1.6rem; line-height: 1.8; font-weight: bold; }
#jump p{ font-size: 1.4rem; line-height: 1.8; padding: 10px 0 40px 0px; }
#jump h2{ font-size: 1.4rem; line-height: 2.4; border-bottom: dotted 1px #ffa100; }
#jump h3{ font-size: 1.4rem; line-height: 2; font-weight: bold; padding: 16px 0 0; }
#jump a{ font-size: 1.4rem; line-height: 2; }

	#j_link #footer{ background: #d80314; border-top: 2px solid #a50d1d; line-height: 188%; clear: both; margin: 0 auto 0; height: 26px; }
	#j_link #footer p{ color: #FFF; font-size: 80%; text-align: center; padding: 0; }
	p#jumpInfo{
		width: 80%;
		margin: 0 auto;
		padding: 80px 0;
	}







/* PC
==================================================================================================== */
@media screen and (min-width: 960px){

	.sp{ display: none; }
	.pc{ display: block; }

	body{
		background: url(../img/bgMain.gif) center top repeat;
	}

	/* Jump
	----------------------------------------------------------------------------------------------------*/
	#j_link{}
	#jump{ background: #FFF; border: double 6px #fbc113; padding: 16px 16px 36px; margin: 36px auto 48px; width: 720px; text-align: center; }
	#jump h1{ color: #ff7a00; font-size: 1.8rem; line-height: 1.8; font-weight: bold; }
	#jump p{ font-size: 1.4rem; line-height: 1.8; padding: 14px 0 32px 0px; }
	#jump h2{ font-size: 1.6rem; line-height: 2; border-bottom: dotted 1px #ffa100; }
	#jump h3{ font-size: 1.6rem; line-height: 2; font-weight: bold; padding: 16px 0 0; }
	#jump a{ font-size: 1.4rem; line-height: 1.6; }

		#j_link #footer{ background: #d80314; border-top: 2px solid #a50d1d; line-height: 2; clear: both; margin: 0 auto 0; height: 26px; }
		#j_link #footer p{ color: #FFF; font-size: 1rem; text-align: center; padding: 0; }
		p#jumpInfo{
			width: 88%;
			margin: 0 auto 0;
			padding: 100px 0;
		}


.clear{ clear: both; }
.clearfix:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}
.clearfix{ display: inline-table; zoom: 1; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */
