/*	reset
============================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/* =====================================
	TEMP css
====================================== */
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
#con-body{
	background:none !important;
}
img {
  vertical-align: bottom;
}
li{
	list-style:none;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:2em;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.alttext{
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}


/*	both
============================== */

/* text */

a:link {
	color:#000000;
	text-decoration: none;
}
a:visited {
	color:#000000;
	text-decoration: none;
}
a:hover {
	color:#000000;
	text-decoration: none;
}
a:active {
	color:#000000;
	text-decoration: none;
}

@media all and (min-width: 768px) {
	.br-pc {
		display:block;
	}
	.br-sp {
		display:none;
	}
	a:hover img {
	  opacity: 0.9;
	  filter: alpha(opacity=90);
	  -ms-filter: "alpha(opacity=90)";
	  transition:all 0.2s ease;
	}
}
@media all and (max-width: 767px) {
	.br-pc {
		display:none;
	}
	.br-sp {
		display:block;
	}
}

/*	page top
============================== */
p.pgt {
	z-index:20;
}
p.pgt a, p.pgt span {
	display:block;
}
@media all and (min-width: 768px) {
	p.pgt {
		position:fixed;
		right:40px;
		bottom:40px;
	}
	p.pgt a {
		background-image:url(../img/cmn_pgt.png);
		background-repeat:no-repeat;
		background-position:left top;
		width:104px;
		height:117px;
		text-indent:110%;white-space:nowrap;overflow:hidden;
	}
}

@media all and (max-width: 767px) {
	p.pgt {
		width:100%;
		min-width:320px;
		bottom:0;
		-webkit-margin-before: 0 !important;
		-webkit-margin-after: 0 !important;
	}
	p.pgt a {
		position:relative;
		text-decoration:none;
		color:#fff;
		text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
		background-color:hsla(0,0%,0%,0.8);
		height:48px;
	}
	p.pgt a span {
		position:absolute;
		left:50%;
		top:50%;
		margin-top:-0.5em;
		margin-left:-5em;
		font-size:87.5%;
		font-weight:bold;
	}
	p.pgt a span:before {
		position:absolute;
		left:50%;
		top:50%;
		margin-top:-8px;
		margin-left:-7em;
		display:block;
		content:"";
		background-image:url(../img/cmn_arrow.svg);
		background-repeat:no-repeat;
		background-position:left top;
		width:16px;
		height:16px;
	}
}

/*	background
============================== */
body {

}
div#con-wrap, div#con-body{
	overflow:hidden;
}

/*	footer
============================== */
footer{
	width:100%;
	text-align:center;
}
.copyright{  
	font-weight: lighter;
	color:#000000;
	letter-spacing: 0.1em;
	opacity: 1;
}

@media all and (min-width: 768px) {
	footer{
		padding:40px 0;
	}
	.footer_inner{
		width: 950px;
		margin: 0 auto;
	}
	.footer_banner{
		width:270px;
		margin:20px auto;
	}
	.footer_banner img{
		width:100%;
	}
	.copyright{  
		font-size: 12px;
		line-height: 24px;
		text-align: center;
	}
}

@media all and (max-width: 767px) {
	footer{
		padding:1em 0 2em;
	}
	.footer_banner{
		width:60%;
		margin:1em auto 1em;
	}
	.footer_banner img{
		width:100%;
	}
	.copyright{
		width: 95%;
		margin: 0 auto;
		font-size: 50%;
		line-height: 1.8em;
		letter-spacing: 0.1em;
		text-align: center;
	}
}

/*	whats new
============================== */
section.whats-new {
	overflow:hidden;
	background-color:#ffffff;
}
section.whats-new p {
	float:left;
}
section.whats-new p a {
	display:block;
	background-image:url(../img/top_wnew.png);
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
section.whats-new div#listScroll {
	overflow:hidden;
}
div#listScroll ul, div#listScroll ul li, div#listScroll ul li a,
div#listScroll dl, div#listScroll dl dt, div#listScroll dl dd {
	display:inline;
	white-space:nowrap;
}
div#listScroll ul li {
	padding-right:2em;
}
div#listScroll ul li a {
	text-decoration:none;
}
div#listScroll ul li a dl dt {
	padding-right:1em;
}
#listScroll a:hover {
	text-decoration:none;
	color:#ee6119;
}
#listScroll a:link {
	text-decoration:none;
	color:#ee6119;
}
#listScroll a:visited {
	text-decoration:none;
	color:#ee6119;
}
#listScroll a:active {
	text-decoration:none;
	color:#ee6119;
}
@media all and (min-width: 768px) {
	section.whats-new {
		width:950px;
		height:35px;
		border-radius:5px;
		overflow:hidden;
		margin:0 auto 5px;
	}
	section.whats-new p a {
		width:180px;
		height:35px;
	}
	section.whats-new div#listScroll {
		height:35px;
	}
	div#listScroll ul li a:hover dl dd {
		text-decoration:underline;
	}
	div#listScroll ul, div#listScroll ul li a dl dt, div#listScroll ul li a dl dd {
		font-size:100%;
		line-height:40px;
	}
}
@media all and (max-width: 767px) {
	section.whats-new {
		width:88%;
		margin: 1em auto;
		border-radius:5px;
		overflow:hidden;
	}
	section.whats-new p a {
		background-size:120px 23px;
		background-position:right center;
		width:120px;
		height:23px;
	}
	section.whats-new div#listScroll {
		height:23px;
	}
	div#listScroll ul, div#listScroll ul li a dl dt, div#listScroll ul li a dl dd {
		font-size:87.5%;
		line-height:23px;
	}
}


/* =====================================
	USER css
====================================== */

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

/*header*/

@media all and (min-width: 768px) {
	.topnav_pc{
		position: absolute;
		top: 70px;
    	left: 410px;
	}
	.topnav_pc li{
		float: left;
		margin-right: 20px;
		list-style: none;
	}
	.topnav_pc li a:hover{
		opacity: 1;
		-webkit-animation: flash 1s;
		animation: flash 1s;
	}
	/*sp_nav*/
	.nav_smp {
		display: none;
	}
	
}

@media all and (max-width: 767px) {
	.topnav_pc{
		display: none;
	}
	/*sp_nav*/
	.nav_smp{
		display: block;
		position: absolute;
		padding-left: 125px;
		top:0;
		right:0;
	}
	#menu{
		position: absolute;
		top:1.0em;
		right: 0.5em;
		z-index: 1;
		text-align:right;
	}
	.page_wrap #menu{
		position: absolute;
		right: 1em;
		top: 1em;
		z-index: 200;	
	}
	#menu img{
		max-width: 70%;
		width: auto;	
	}
	.modal_logo{
		width:60%;
		margin:2.5em 0 2.5em 20% ;
	}
	.modal_logo img{
		width:100%;
	}
	.modal_navigation{
		width:90%;
		margin:0 auto 0;
		padding: 0 !important;
		text-align: center;
	}
	#content01{
		background:url(../img/modal_bg_2.jpg) no-repeat;
		background-color:#000000 !important;
		background-size:cover;
		background-position:top center;
	}
	div#content01 div.modal-content ul li {
		width: 100%;
		margin:0 1% 1em;
		text-align: center;
		height: auto;
	}
	#menu_news_logo a img{
		height: 100px;
		width: auto;
	}
	div#content01 span.close-content01 img {
		position: absolute;
		right: 20px;
		top: 25px;
		max-width: 50%;
		width: 20px;
		height: auto;
	}
	div#content01 div.modal-content ul li#menu_news_logo a {
		position: static;
		display: block;
		text-align: center;
	}
	#content01 div.modal-content ul li {
	}
	#content01 div.modal-content ul li a {
		margin:0 auto 1.4em;
		text-align:center;
	}
	.modal_navigation li img{
		width:100%;
	}
	.modal_banner{
		width: 70%;
		margin: 2.5em auto 0;
	}
	.modal_banner img{
		width: 100%;
		text-align: center;
	}
}


/*	00.TOP
============================== */

.container{
	
}
.container_inner{
	margin: 0 auto;
	position: relative;
}
.inner_container_inner{
	margin: 0 auto;
	position: relative;
}
.festa_block_s img,.festa_block_m img,.festa_block_l img{
	width: 100%;
}
.toplogo img,.toponair_sp img{
	width: 100%;
}
.festa_block_s figcaption span,.festa_block_m figcaption span,.festa_block_l figcaption span{
	font-size: 0.6em;
	font-weight: bold;
	opacity: 0.8;
}

@media all and (min-width: 768px) {
	body{
		width: 100%;
		min-width: 1280px;
		background: url(../img/bg_top.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.container{
		width: 100%;
	}
	.container_inner{
		width: 960px;
		padding: 40px 0 80px;
	}
	.main_header{
		width: 960px;
		margin: 0 auto;
	}
	.main_header_inner{
		width: 940px;
		height: 130px;
		margin: 0 auto;
		position: relative;
	}
	.toplogo{
		position: absolute;
		top: 0;
		left: 0;
	}
	.toponair{
		position: absolute;
		bottom: 20px;
		right: 0;
		display: block;
	}
	.toponair_sp{
		display: none;
	}
	.share_area{
		position: absolute;
		top: 16px;
		right: 0;
	}
	.share_list li{
		width: 36px;
		float: left;
		margin-left: 10px;
	}
	.share_list li:first-child{
		width: 45px;
		float: left;
		margin-top: 10px;
		margin-left: 0;
	}
	.share_list li img{
		width: 100%;
		vertical-align: middle;
	}
	.main_contents{
		width: 960px;
	}
	.contents_left{
		width: 480px;
		float: left;
	}
	.contents_right{
		width: 480px;
		float: right;
	}
	.banner_block{
		width: 950px;
		margin: 5px;
		float: left;
	}
	.banner_wide{
		width: 950px;
	}
	.banner_wide img{
		width: 100%;
	}
	.section_add figure {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
	.festa_block_s{
		width:230px;
		margin: 5px;
		float: left;
	}
	.festa_block_m{
		width:470px;
		height: 335px;
		margin: 5px;
		float: left;
	}
	.festa_block_l{
		width:470px;
		height: 710px;
		margin: 5px;
		float: left;
	}
	.festa_block_s img,.festa_block_m img{
		transition: all 0.1s ease-out 0.1s;
	}
	.festa_block_s figure:hover img,.festa_block_m figure:hover img{
		opacity: 1.0;
		transform: scale(1.1);
	}
	.festa_block_s figcaption,.festa_block_m figcaption,.festa_block_l figcaption {
		color: #fff;
		font-size: 16px;
		line-height: 1em;
		background: linear-gradient(to bottom, rgba(68,68,68,0), #444444 75%);
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 20px 10px 10px 10px;
	}
	.copyright_list{
		margin: 0 auto;
		text-align: center;
	}
	.copyright_list_01{
		width: 680px;
	}
	.copyright_list_02{
		width: 540px;
	}
	.copyright_list_03{
		width: 460px;
	}
	.copyright_list_04{
		width: 420px;
	}
	.copyright_list_05{
		width: 440px;
	}
	.copyright_list li{
		float: left;
		margin-right: 1.5em;
	}
	.btn_twitterlink{
		width: 290px;
		margin: 0 auto 30px;
	}
	.btn_twitterlink img{
		width: 100%;
	}
}

@media all and (max-width: 767px) {
	.container{
		width: 100%;
		height: 100%;
		padding: 0 0 4em 0;
		background-size: 100%;
		background-position: center top;
		background-attachment: fixed;
	}
	.container{
		background:none;  /* 一旦、PC用の背景画像を消す。 */
	}
	body::before {
		background:url(../img/bg_top.jpg) repeat center center;
		background-size: cover;
		display: block;
		position: fixed;  /* ★スマホ用にコレで代替。 */
		top: 0;
		left: 0;
		width: 100vw;  /* ★サイズ指定。 */
		height: 100vh;  /* ★サイズ指定。 */
		content: "\A";  /* ★大事 */
		z-index: -1;  /* ★大事 */
	}
	.container_inner{
		width: 100%;
	}
	.main_header{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.main_header_inner{
		width: 90%;
		margin: 8% auto;
	}
	.toplogo{
		width: 57%;
		float: left;
		margin-bottom: 0.5em;
	}
	.toponair{
		display: none;
	}
	.toponair_sp{
		display: block;
		width: 40%;
		margin-top: 2%;
		float: right;
	}
	.share_area{
		position: absolute;
		top: -20%;
		right: 5%;
	}
	.share_list li{
		width: 20px;
		float: left;
		margin-left: 5px;
	}
	.share_list li:first-child{
		width: 24px;
		float: left;
		margin-top: 2px;
		margin-left: 0;
	}
	.share_list li img{
		width: 100%;
		vertical-align: middle;
	}
	.main_contents{
		width: 90%;
		margin: 0 auto;
	}
	.contents_left{
		width: 100%;
		margin: 0 auto;
	}
	.contents_right{
		width: 100%;
		margin: 0 auto;
	}
	.banner_block{
		width: 98%;
		margin: 2% auto;
	}
	.banner_block img{
		width: 100%;
	}
	.banner_wide{
		width: 100%;
	}
	.banner_wide img{
		width: 100%;
	}
	.banner_small{
		width: 100%;
	}
	.banner_small img{
		width: 100%;
	}
	.section_add figure {
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
	.festa_block_s{
		width:48%;
		margin: 1%;
		float: left;
	}
	.festa_block_m{
		width:98%;
		margin: 1% auto;
	}
	.festa_block_l{
		width:98%;
		margin: 1% auto;
	}
	.festa_block_s figcaption,.festa_block_m figcaption,.festa_block_l figcaption {
		color: #fff;
		font-size: 0.8em;
		line-height: 1.2em;
		background: linear-gradient(to bottom, rgba(68,68,68,0), #444444 75%);
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 1em 1em 0.5em 1em;
	}
	.btn_twitterlink{
		width: 70%;
		margin: 2em auto 2em;
	}
	.btn_twitterlink img{
		width: 100%;
	}
}


/*	下層ページテンプレ
============================== */
.innernav_area {
	background-color:#ffffff;
}
.innernav_area li{
	font-weight: bold;
	float: left;
}
.inner_nav li a:link,
.inner_nav li a:visited,
.inner_nav li a:active{
	color: #000;
}
.inner_nav li a:hover,
.container_title .innernav_area ul li.inner_nav01 a,
.container_about .innernav_area ul li.inner_nav02 a,
.container_cast .innernav_area ul li.inner_nav03 a,
.container_access .innernav_area ul li.inner_nav04 a,
.container_ticket .innernav_area ul li.inner_nav05 a,
.container_goods .innernav_area ul li.inner_nav06 a,
.container_special .innernav_area ul li.inner_nav07 a{
	color: #ec871b;
}
.underpage_h2_sp img{
	width: 100%;
}
@media all and (min-width: 768px) {
	.main_contents_under{
		padding: 0 0 100px;
	}
	.innernav_area {
		width:950px;
		height:35px;
		border-radius:5px;
		margin:0 auto 5px;
		overflow: hidden;
	}
	.inner_nav{
		width: 730px;
		margin: 10px auto;
	}
	.innernav_area li{
		font-size: 18px;
		letter-spacing: 0.2em;
		margin-right: 20px;
	}
	.innernav_area li:last-child{
		margin-right: 0;
	}
	.underpage_h2{
		width: 950px;
		margin: 48px auto 40px;
		display: block;
	}
	.underpage_h2_sp{
		display:none;
	}
}
@media all and (max-width: 767px) {
	.main_contents_under{
		padding: 0 0 4em;
	}
	.innernav_area {
		width:88%;
		margin: 1em auto;
		padding: 0.3em 0;
		border-radius:5px;
		overflow: hidden;
	}
	.inner_nav{
		width: 230px;
		margin: 0 auto;
	}
	.innernav_area li{
		font-size: 0.75em;
		letter-spacing: 0.05em;
		margin: 0.3em 1em 0.3em 0;
	}
	.innernav_area li:last-child{
		margin-right: 0;
	}
	.underpage_h2{
		display: none;
	}
	.underpage_h2_sp{
		width: 90%;
		margin: 2em auto 1em;
		display:block;
	}
}

/*	01.TITLE
============================== */
@media all and (min-width: 768px) {
	.title_long{
		letter-spacing: -0.1em;
		font-size: 14px !important;
	}
	.title_andmore{
		font-size: 24px;
		text-align: center;
		letter-spacing: 0.3em;
		margin: 48px auto 0;
	}
}
@media all and (max-width: 767px) {
	.title_long{
		letter-spacing: -0.1em;
		font-size: 0.7em !important;
	}
	.title_andmore{
		font-size: 1em;
		text-align: center;
		letter-spacing: 0.3em;
		margin: 3em auto 0;
	}
}

/*	02.ABOUT
============================== */
.event_caption{
	color: #ffffff;
	text-align: center;
}
.about_table tr .td02{
	font-weight: bold;
}
@media all and (min-width: 768px) {
	.about_wrap{
		width: 860px;
		margin: 0 auto 20px;
	}
	.about_wrap_left{
		width: 500px;
		float: left;
	}
	.about_table{
		width: 500px;
		font-size: 18px;
		line-height: 1.5em;
		margin-top: 70px;
	}
	.about_table tr td{
		padding: 20px;
	}
	.about_table tr td span{
		font-size: 14px;
		font-weight: normal;
	}
	.about_wrap_right{
		width: 360px;
		float: right;
	}
	.event_caption{
		width: 800px;
		margin: 0 auto 30px;
		padding: 30px;
		background-color: rgba(0,121,212,0.7);
		font-size: 14px;
		line-height: 26px;
	}
	.event_caption02{
		width: 760px;
		margin: 0 auto;
		padding: 50px;
		background-color: rgba(231,94,37,0.7);
	}
	.about_caption_head{
		font-size: 20px;
		font-weight: bold;
		margin: 1em 0 1.5em;
	}
	.about_caption_head02{
		font-size: 16px;
		text-align: left;
		font-weight: bold;
		margin: 1.4em 0 0.5em;
	}
	.about_caption_text{
		font-size: 14px;
		margin-bottom: 1.4em;
		text-align: left;
	}
	.about_caution{
		font-size: 12px;
	}
	.about_visual_caption{
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		margin: 1em 0;
	}
}
@media all and (max-width: 767px) {
	.about_wrap{
		width: 100%;
		margin: 0 auto 1em;
	}
	.about_wrap_left{
		width:90%;
		margin: 0 auto;
	}
	.about_table{
		width: 100%;
		font-size: 0.9em;
		line-height: 1.5em;
	}
	.about_table tr td{
		padding: 0.5em;
	}
	.about_table tr td span{
		font-size: 0.8em;;
		font-weight: normal;
	}
	.about_wrap_right{
		width: 100%;
		margin: 2em auto;
	}
	.about_visual{
		width: 70%;
		margin: auto;
	}
	.about_visual img{
		width: 100%;
	}
	.event_caption{
		width: 80%;
		margin: 0 auto 2em;
		padding: 10%;
		background-color: rgba(0,121,212,0.7);
		font-size: 0.9em;
		text-align: left;
		line-height: 1.8em;
	}
	.event_caption02{
		margin: 0 auto;
		background-color: rgba(231,94,37,0.7);
	}
	.about_caption_head{
		font-size: 1.4em;
		font-weight: bold;
		margin: 1em 0 1em;
	}
	.about_caption_head02{
		font-size: 1.1em;
		text-align: left;
		font-weight: bold;
		margin: 1.2em 0 0.8em;
	}
	.about_caption_text{
		font-size: 0.9em;
		line-height: 1.6em;
		margin-bottom: 1.4em;
		text-align: left;
	}
	.about_caution{
		font-size: 0.6em;
	}
	.about_visual_caption{
		font-size: 0.7em;
		line-height: 1.4em;
		text-align: center;
		margin: 1em 0;
	}
}

/*	03.CAST
============================== */

.h3_cast{
	font-weight: bold;
	text-align: center;
}
.h3_cast_caption{
	text-align: center;
}
.cast_text{
	text-align: center;
}
.cast_caution{
	text-align: center;
	color: #ec871b;
}
@media all and (min-width: 768px) {
	.cast_wrap{
		padding: 40px 0 30px 0;
	}
	.h3_cast{
		font-size: 32px;
		line-height: 24px;
		letter-spacing: 0.2em;
		margin-bottom: 20px;
	}
	.h3_cast_caption{
		font-size: 14px;
		letter-spacing: 0.2em;
	}
	.cast_text{
		font-size: 20px;
		line-height: 40px;
	}
	.cast_text span{
		font-size: 14px;
	}
	.cast_caution{
		margin-top: 40px;
		font-size: 14px;
	}
}
@media all and (max-width: 767px) {
	.cast_wrap{
		padding: 2em 0 1em 0;
	}
	.h3_cast{
		font-size: 1.8em;
		line-height: 18px;
		letter-spacing: 0.2em;
		margin-bottom: 20px;
	}
	.h3_cast_caption{
		font-size: 0.4em;
		letter-spacing: 0.2em;
	}
	.cast_text{
		font-size: 1em;
		line-height: 1.8em;
	}
	.cast_text span{
		font-size: 0.8em;
	}
	.cast_caution{
		margin-top: 2em;
		line-height: 1.4em;
		font-size: 0.7em;
	}
}

/*	04.ACCESS
============================== */

.ggmap {
	position: relative;
	padding-bottom: 66.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe{
	border:none;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media all and (min-width: 768px) {
	.access_wrap{
		width: 900px;
		margin: 60px auto 0;
	}
	.access_wrap_left{
		width: 470px;
		float: left;
	}
	.access_wrap_right{
		width: 370px;
		margin-top: 70px;
		float: right;
	}
	.access_name{
		font-size:24px;
		margin-bottom: 12px;
	}
	.access_address{
		font-size:14px;
		line-height: 24px;
		margin-bottom: 24px;
	}
	.access_text{
		font-size:14px;
		line-height: 24px;
		margin-bottom: 24px;
	}
	.access_btn{
		display: none;
	}
}
@media all and (max-width: 767px) {
	.access_wrap{
		width: 90%;
		margin: 0 auto;
	}
	.access_wrap_left{
		width: 100%;
		margin: 1.5em auto 2em;
	}
	.access_wrap_right{
		width: 100%;
		margin: 0 auto 2em;
	}
	.access_name{
		font-size:1.2em;
		margin-bottom: 0.5em;
	}
	.access_address{
		font-size:0.9em;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	.access_text{
		font-size:0.8em;
		line-height: 1.5em;
		margin-bottom: 3em;
	}
	.access_btn{
		display: block;
		width: 70%;
		margin: 0 auto;
	}
	.access_btn img{
		width: 100%;
	}
}

/*	05.TICKET
============================== */
@media all and (min-width: 768px) {
	.ticket_wrap{
		width: 600px;
		margin: 0 auto;
	}
	.ticket_list dt{
		font-size:16px;
		font-weight: bold;
		margin-bottom: 0.8em;
	}
	.ticket_list dd{
		font-size:20px;
		margin-bottom: 2em;
		line-height: 1.5em;
	}
	.ticket_list dd span{
		font-size:14px;
		line-height: 1.5em;
	}
}
@media all and (max-width: 767px) {
	.ticket_wrap{
		width: 90%;
		margin: 0 auto;
	}
	.ticket_list dt{
		font-size:0.7em;
		font-weight: bold;
		margin-bottom: 0.8em;
	}
	.ticket_list dd{
		font-size:0.9em;
		margin-bottom: 2em;
		line-height: 1.5em;
	}
	.ticket_list dd span{
		font-size:0.8em;
		line-height: 1.5em;
	}
}

/*	06.GOODS
============================== */

.goods_img img{
	width: 100%;
}

@media all and (min-width: 768px) {
	.goods_wrap{
		width: 980px;
		margin: 0 auto;
	}
	.goods_list{
		
	}
	.goods_list li{
		width: 230px;          /* 横幅を固定して */
		display: inline-block; /* インラインブロック化 */
		vertical-align: top;   /* 上端を揃える */
		margin: 0 5px 20px;
	}
	.goods_img{
		width: 230px;
		margin-bottom: 1em;
	}
	.goods_name{
		font-size: 18px;
		font-weight: bold;
		line-height: 1.3em;
		margin-bottom: 0.5em;
	}
	.goods_price{
		font-size: 12px;
		line-height: 1.5em;
		margin-bottom: 0.5em;
	}
	.goods_title{
		font-size: 10px;
		line-height: 1.4em;
		font-weight: bold;
		margin-bottom: 0.8em;
	}
	.goods_footmes{
		font-size: 16px;
		color: #ee6119;
		text-align: center;
		margin-top: 40px;
	}

}
@media all and (max-width: 767px) {
	.ticket_wrap{
		width: 90%;
		margin: 0 auto;
	}
	.goods_list li{
		width: 31%;          /* 横幅を固定して */
		display: inline-block; /* インラインブロック化 */
		vertical-align: top;   /* 上端を揃える */
		margin: 1em 0.5% 1em;
	}
	.goods_img{
		width: 100%;
		margin-bottom: 1em;
	}
	.goods_name{
		font-size: 0.8em;
		font-weight: bold;
		line-height: 1.4em;
		margin-bottom: 0.5em;
	}
	.goods_price{
		font-size: 0.7em;
		line-height: 1.5em;
		margin-bottom: 0.5em;
	}
	.goods_title{
		font-size: 0.4em;
		line-height: 1.3em;
		font-weight: bold;
		margin-bottom: 0.5em;
	}
	.goods_footmes{
		font-size: 0.9em;
		color: #ee6119;
		text-align: center;
		margin-top: 2em;
	}
}

/*	07.special
============================== */

.bnt_baxk_special a:link{
	font-weight: bold;
	color: #ec871b;
}
.bnt_baxk_special a:visited{
	font-weight: bold;
	color: #ec871b;
}
.bnt_baxk_special a:hover{
	font-weight: bold;
	color: #ec871b;
}
.bnt_baxk_special a:active{
	font-weight: bold;
	color: #ec871b;
}

@media all and (min-width: 768px) {
	.special_wrap{
		width: 960px;
		margin: 0 auto;
	}
	/*special all*/
	
	.specialall_list{
		width: 800px;
		margin: 0 auto;
	}
	.specialall_list li{
		float: left;
		margin: 45px;
	}
	.bnt_baxk_special{
		font-size: 40px;
		text-align: center;
		color: #ee6119;
	}
	/*パネルプレゼント special01*/
	.special_title{
		font-size: 24px;
		font-weight: bold;
		line-height: 1.5em;
		text-align: center;
		margin-bottom: 1em;
	}
	.special_lead{
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5em;
		text-align: center;
		margin-bottom: 1em;
	}
	.special_text{
		font-size: 14px;
		line-height: 1.5em;
		text-align: center;
		margin-bottom: 1em;
	}
	.special01_list{
		margin: 60px auto;
	}
	.special01_list li{
		width: 400px;          /* 横幅を固定して */
		display: inline-block; /* インラインブロック化 */
		vertical-align: top;   /* 上端を揃える */
		margin: 0 38px 40px;
	}
	.special_panel_img{
		width: 100%;
	}
	.special_panel_img img{
		width: 100%;
	}
	.special_panel_days{
		font-size: 14px;
		font-weight: bold;
		color: #e65e25;
		margin-top: 1em;
		margin-bottom: 0.5em;
	}
	.special_panel_title{
		font-size: 20px;
		font-weight: bold;
		color: #ec871b;
		margin-bottom: 1em;
	}
	
	/* 2018.08 ギャラリーページ */
	.special_head{
		width: 950px;
		margin: 0 0 40px;
	}
	.image_list_wrap{
		margin: 0 0 20px;
	}
	.image_list{
		width: 93px;
		margin: 0px 1px 1px;
		float: left;
	}
	.image_list img{
		width: 100%;
	}
	.h3_gallery{
		width: 950px;
		margin: 20px 0 2px;
		padding: 10px 0 7px;
		font-size: 18px;
		text-align: center;
		background: #ec871b;
		color: #000000;
	}
	.h3_gallery span{
		font-size: 60%;
	}
	
}
@media all and (max-width: 767px) {
	.special_wrap{
		width: 90%;
		margin: 0 auto;
	}
	.special01_list li{
		width: 31%;          /* 横幅を固定して */
		display: inline-block; /* インラインブロック化 */
		vertical-align: top;   /* 上端を揃える */
		margin: 1em 0.5% 1em;
	}
	/*special all*/
	
	.specialall_list{
		width: 70%;
		margin: 2.5em auto 4em;
	}
	.specialall_list li{
		margin: 0 auto 2em;
	}
	.specialall_list li img{
		width: 100%;
	}
	.bnt_baxk_special{
		font-size: 1.6em;
		text-align: center;
		color: #ee6119;
	}
	/*パネルプレゼント special01*/
	.special_title{
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.5em;
		text-align: center;
		margin-bottom: 1em;
	}
	.special_lead{
		font-size: 0.8em;
		font-weight: bold;
		line-height: 1.4em;
		text-align: center;
		margin-bottom: 1em;
	}
	.special_text{
		width: 80%;
		font-size: 0.7em;
		line-height: 1.4em;
		text-align: left;
		margin: 0 auto 1em;
	}
	.special01_list{
		width: 80%;
		margin: 2em auto;
	}
	.special01_list li{
		width: 100%;          /* 横幅を固定して */
		display: inline-block; /* インラインブロック化 */
		vertical-align: top;   /* 上端を揃える */
		margin: 0 auto 2em;
	}
	.special_panel_img{
		width: 100%;
	}
	.special_panel_img img{
		width: 100%;
	}
	.special_panel_days{
		font-size: 0.8em;
		font-weight: bold;
		color: #e65e25;
		margin-top: 1em;
		margin-bottom: 0.5em;
	}
	.special_panel_title{
		font-size: 1em;
		font-weight: bold;
		color: #ec871b;
		margin-bottom: 1em;
	}
	
	/* 2018.08 ギャラリーページ */
	.special_head{
		width: 100%;
	}
	.special_head img{
		width: 100%;
	}
	.image_list_wrap{
		margin: 0 0 2em;
	}
	.image_list{
		width: 19%;
		margin: 0.5%;
		float: left;
	}
	.image_list img{
		width: 100%;
	}
	.h3_gallery{
		width: 96%;
		margin: 1em 0;
		padding: 4% 2% 2%;
		text-align: center;
		background: #ec871b;
		color: #000000;
	}
	.h3_gallery span{
		font-size: 60%;
	}
}




/*	OTHER CSS
============================== */

/*animation*/

.timing01{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-delay: 0.5s;
  animation-delay:0.5s;
}
.timing02{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 4秒待ってからアニメーションする */
  -webkit-animation-delay: 2s;
  animation-delay:2s;
}
.timing03{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.2s;
  animation-delay:2.2s;
}
.timing04{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.4s;
  animation-delay:2.4s;
}
.timing05{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.6s;
  animation-delay:2.6s;
}
.timing06{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 2.8s;
  animation-delay:2.8s;
}
.timing07{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 3.0s;
  animation-delay:3.0s;
}
.timing08{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 3.2s;
  animation-delay:3.2s;
}
.timing09{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 3.4s;
  animation-delay:3.4s;
}
.timing10{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 6秒待ってからアニメーションする */
  -webkit-animation-delay: 3.6s;
  animation-delay:3.6s;
}

/*SP保存禁止*/
img{
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}