@charset "utf-8";

/* CSSリセット
  ############################################################################################# */

* {
	-webkit-tap-highlight-color: transparent;
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, th, td, form {
	font-size: inherit;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	empty-cells: show;
}
th, td {
	text-align: left;
	vertical-align: top;
}
li {
	list-style: none;
}
img {
	vertical-align: top;
}
input,
textarea,
select {
	-webkit-appearance: none;
	appearance: none;
}

/* 共通設定
  ############################################################################################# */
.mb100{
	margin-bottom: 100px!important;
}
body {
	/*font-feature-settings: "palt";*/
	background: #000000;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

body,
input {
	/*font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;*/
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.serif {
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media all and (-ms-high-contrast:none) {
	/*body,
	input {
		font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	}
	.serif {
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}*/
}

a {
	color: #000;
	text-decoration: none;
}
img {
	max-width: 100%;
}
img[src$="_sp.jpg"],
img[src$="_sp.png"] {
	display: none;
}

#wrap {
	overflow: hidden;
}

.sp {
	display: none;
}
.wrap {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (max-width:980px) {
	.mainvisual .pc {
		display: none;
	}
	.mainvisual .sp {
		display: inline;
	}
}
@media only screen and (max-width:767px) {
	img[src$="_sp.jpg"],
	img[src$="_sp.png"] {
		display: inline-block;
	}
	img[src$="_sp.jpg"] + img,
	img[src$="_sp.png"] + img {
		display: none;
	}

	.pc {
		display: none;
	}
	br.sp {
		display: inline;
	}
}

/* header
  ############################################################################################# */

#header {
	background: #000;
	margin-bottom: 50px;
	background:url("../imgs/header_bg.jpg");
}

@media only screen and (max-width:767px) {
	#header {
		width: 100%;
		/*height: 135px;*/
		height: calc(100vw * 150 / 850);
		position: fixed;
		top: 0;
		left: 0;
		z-index: +1;
	}
}

/* bt-gNav
   ========================================================================== */

#flg-gNav,
.btn-gNav {
	display: none;
}
@media only screen and (max-width:767px) {
	#flg-gNav {
		display: inline-block;
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	.btn-gNav {
		display: block;
		padding: 0 calc(100vw * 166 / 850) 0 0;
		position: absolute;
		top: 0;
		right: 0;
		font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-size: calc(100vw * 76 / 850);
		line-height: calc(100vw * 140 / 850);
	}
	#flg-gNav:checked {
		color: transparent;
	}
	.btn-gNav::before,
	.btn-gNav::after,
	.btn-gNav span {
		display: block;
		width: calc(100vw * 101 / 850);
		height: calc(100vw * 9 / 850);
		position: absolute;
		top: 50%;
		right: calc(100vw * 36 / 850);
		background: #000;
		transition: .2s;
	}
	.btn-gNav::before,
	.btn-gNav::after {
		content: '';
		transition-property: transform;
	}
	.btn-gNav::before {
		transform: translateY(-3.17647vw);
	}
	.btn-gNav::after {
		transform: translateY(2.23529vw);
	}
	#flg-gNav:checked ~ .btn-gNav::before {
		background: #000;
		transform: translateY(7.59241vw) rotate(135deg);
	}
	#flg-gNav:checked ~ .btn-gNav::after {
		background: #000;
		transform: translateY(7.59241vw) rotate(45deg);
	}
	.btn-gNav span {
		transform: translateY(-0.40759vw);
		transition-property: opacity;
	}
	#flg-gNav:checked ~ .btn-gNav span {
		opacity: 0;
	}
	#flg-gNav:checked ~ .btn-gNav p.checked{
		content:'';
		display: none;
	}
	#flg-gNav:checked ~ #gNav .wrap .top_on,
	#flg-gNav:checked ~ #gNav .wrap .about_on,
	#flg-gNav:checked ~ #gNav .wrap .ticket_on,
	#flg-gNav:checked ~ #gNav .wrap .goods_on,
	#flg-gNav:checked ~ #gNav .wrap .special_on,
	#flg-gNav:checked ~ #gNav .wrap .notice_on{
		background:none;
		width: 100%;
		margin-left: 15px;
	}

}

/* gNav
   ========================================================================== */
#gNav .pc_img{
	display: block;
}
#gNav .sp_img{
	display: none;
}

#gNav {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 35px;
	background:url("../imgs/nav_bg_cover.png") no-repeat center;
	/*background:url("../imgs/nav_bg.jpg") repeat;*/
}
#gNav ul {
	display: flex;
	justify-content: space-around;
	/*height: 89px;*/
}
/*#gNav ul li img{
	margin-top: 5px;
}*/

#gNav .wrap ul li,
#gNav .wrap ul li a{
	color: transparent!important;	
}
#gNav li {
	display: block;
	/*padding: 20px 0px 10px;*/
}
#gNav a.off {
	pointer-events: none;
}
#gNav a.off::before {
	content: none;
}

@media only screen and (max-width:767px) {
	#gNav .pc_img{
	display: none;
	}
	#gNav .sp_img{
	display: block;
	width: 42%;
	}
	#gNav {
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		background: rgba(0,0,0,.6);
		font-size: calc(100vw * 102 / 850);
		line-height: 1;
		opacity: 0;
		transform: translateX(100%);
		transition: .2s;
		transition-property: opacity transform;
	}
	#flg-gNav:checked ~ #gNav {
		opacity: 1;
		transform: translateX(0);
	}
	#gNav .wrap {
		min-height: 100vh;
		margin: 0 0 0 calc(100vw * 128 / 850);
		background-image:url(../imgs/gnav_sp_bg.jpg);
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	#gNav ul {
		display: block;
		/*padding: calc(100vw * 100 / 850) 0 0 calc(100vw * 94 / 850);*/
		margin: 20px 0 0 0;
	}
	#gNav li + li {
		/*margin: calc(100vw * 34 / 850) 0 0;*/
	}
	#gNav a {
		/*padding: 0;
		overflow: visible;*/
		display: block;
		width: 100%;
		padding: 25px 0 0px 40px;
	}
	#gNav span {
		display: block;
		width: 100%;
		padding: 25px 0 0px 40px;
	}
	#gNav a::before {
		content: none;
	}
	#gNav a span {
		display: inline-block;
		border-bottom: calc(100vw * 10 / 850) solid #000;
	}
	#gNav a.active span {
		border-bottom-color: #fdc900;
	}
	#gNav a.off::after {
		width: calc(100vw * 281 / 850);
		height: calc(100vw * 130 / 850);
		top: calc(100vw * -10 / 850);
		left: calc(100vw * -20 / 850);
		background-image: url("https://ikuniten.com/common/imgs/comingsoon_sp.png");
		background-size: contain;
		transform: none;
	}
}

/* main
  ############################################################################################# */
/*.text th{
	width: 120px;
}
.text2 th{
	width: 90px;
}*/
.text td,
.text2 td{
	font-feature-settings : "palt";
}
.secondLayer #main .wrap {
	max-width: 840px;
	padding-right: 50px;
	padding-left: 50px;
}
.en {
	font-family: 'Barlow Semi Condensed', sans-serif;
}

.pageTitle {
	height: 155px;
	position: relative;
	background: url("../imgs/bg-01.jpg") 50% -172px repeat-x;
	box-shadow: inset 0 20px 20px rgba(0,0,0,.5);
	overflow: hidden;
}
.pageTitle::before {
	content: '';
	display: block;
	width: 100%;
	height: 83px;
	position: absolute;
	top: 33px;
	left: 0;
	background: #fff;
	box-shadow: 0 20px 20px rgba(0,0,0,.5);
}
.pageTitle .wrap {
	position: relative;
}
.pageTitle .wrap::before {
	content: '';
	display: block;
	width: 175px;
	height: 155px;
	position: absolute;
	top: 0;
	left: -110px;
	background: url("https://ikuniten.com/common/imgs/bg-pageTitle.png") 0 0 no-repeat;
}
.pageTitle .title {
	padding: 18px 0 0;
	font-size: 15px;
	line-height: 1;
}
.pageTitle .title .en {
	display: block;
	font-size: 80px;
	margin: 0 0 -2px;
}

.secondLayer .contents {
	background-image: url("https://ikuniten.com/common/imgs/bg-02.png"), url("https://ikuniten.com/common/imgs/bg-03.png");
	background-position: 0 0, 100% 100%;
	background-repeat: no-repeat;
}
.secondLayer .contents .wrap {
	padding-top: 84px;
	padding-bottom: 44px;
}

.title01 {
	padding: 9px 22px;
	background: #000;
	color: #fff;
	font-size: 20px;
}
.title02 {
	padding: 1px 5px 7px;
	background: #000;
	color: #fdc900;
	font-size: 71px;
	line-height: 1;
}
.contetnt .sp-tel{
	display: none;
}
.content .pc-tel{
	display: block;
	text-align: center;
	margin: 0 auto;
}
@media all and (-ms-high-contrast:none) {
	.title01 {
		padding: 13px 22px 5px;
	}
}

.secondLayer .contents section + section {
	margin: 74px 0 0;
}
.secondLayer .contents p,
.secondLayer .contents ul {
	font-size: 17px;
	font-weight: bold;
	line-height: 30px;
}
.secondLayer .contents .small {
	font-size: 13px;
}
.secondLayer .contents a {
	text-decoration: underline;
}
.secondLayer .contents .title01 + p,
.secondLayer .contents .title01 + ul {
	margin: 32px 0 0 22px;
}
.secondLayer .contents li + li {
	margin: 20px 0 0;
}
.sp_br{
	display: none;
}
.pc_br{
	display: block;
}
@media only screen and (max-width:767px) {
	.content .pc-tel{
		display: none;
	}
	.content .sp-tel{
		display: block;
		text-align: center;
		margin: 0 auto;		
	}	
	.secondLayer #main .wrap {
		padding-right: calc(100vw * 50 / 850);
		padding-left: calc(100vw * 50 / 850);
	}

	.pageTitle {
		height: calc(100vw * 308 / 850);
		background: url("https://ikuniten.com/common/imgs/bg-pageTitle_sp.jpg") 0 0 / cover no-repeat;
		box-shadow: none;
	}
	.pageTitle::before {
		content: none;
	}
	.pageTitle .wrap::before {
		content: none;
	}
	.pageTitle .title {
		/*padding: calc(100vw * 40 / 850) 0 0 calc(100vw * 50 / 850);*/
		padding: calc(100vw * 33 / 850) 0 0 calc(100vw * 50 / 850);
		font-size: calc(100vw * 30 / 850);
	}
	.pageTitle .title .en {
		font-size: calc(100vw * 160 / 850);
		/*margin: 0 0 calc(100vw * -10 / 850);*/
		margin: 0 0 calc(100vw * -3 / 850);
	}

	.secondLayer .contents {
		background-image: none;
	}
	.secondLayer .contents .wrap {
		padding-top: calc(100vw * 96 / 850);
		padding-bottom: 44px;
	}

	.title01 {
		padding: calc(100vw * 26 / 850) calc(100vw * 36 / 850);
		font-size: calc(100vw * 40 / 850);
	}
	.title02 {
		display: inline-block;
		padding: calc(100vw * 6 / 850) calc(100vw * 36 / 850) calc(100vw * 12 / 850);
		font-size: calc(100vw * 142 / 850);
	}

	.secondLayer .contents section + section {
		margin: calc(100vw * 85 / 850) 0 0;
	}
	.secondLayer .contents p,
	.secondLayer .contents ul {
		font-size: calc(100vw * 34 / 850);
		line-height: calc(60 / 34);
	}
	.secondLayer .contents .small {
		display: block;
		margin: calc(100vw * 8 / 850) 0 0;
		padding: 0 0 0 1em;
		font-size: calc(100vw * 26 / 850);
		line-height: calc(40 / 26);
		text-indent: -1em;
	}
	.secondLayer .contents .title01 + p,
	.secondLayer .contents .title01 + ul {
		margin: calc(100vw * 45 / 850) 0 0 calc(100vw * 35 / 850);
	}
	/*.text th{
	width: 190px;
	}
	.text td{
	padding-top: 10px;	
	line-height: 48px;
	}
	.text2 th{
	width: 97px;
	}*/
	.sp_br{
		display: block;
	}
	.pc_br{
		display: none;
	}
}

/* top
   ========================================================================== */

#top .mainvisual {
	border-bottom: 3px solid #000;
	/*margin-top:70px; 下層ページ追加後復活*/
}

@media only screen and (max-width:980px) {
	#top .mainvisual {
		background: none;
	}
}
@media only screen and (max-width:767px) {
	#top .mainvisual {
		border-bottom: none;
		/*margin-top: 136px;*/
		margin-top: calc(100vw * 150 / 850);
	}
}

#top .greeting {
	padding:0 25px;
	max-width: 980px;
	margin: 0 auto;
}
#top .greeting .wrap {
	/*padding: 0 20px;*/
	padding: 0 0 20px 0;
}
#top .greeting .title {
	font-size: 70px;
	line-height: 1;
}
#top .greeting p {
	margin: 17px 0 0;
	font-weight: bold;
}
#top .greeting p .line {
	display: inline-block;
	margin: 4px 0 0;
	background: #000;
	color: #fff;
}
#top .greeting p .line01 {
	padding: 3px 15px;
	font-size: 34px;
}
#top .greeting p .line02,
#top .greeting p .line03 {
	padding: 5px 15px;
	font-size: 27px;
}
#top .greeting p strong {
	color: #fdc500;
}

.content .content_box .sp_img{
	width: 70%;
}
@media all and (-ms-high-contrast:none) {
	#top .greeting p .line01 {
		padding: 6px 15px 0;
	}
	#top .greeting p .line02,
	#top .greeting p .line03 {
		padding: 9px 15px 1px;
	}
}

@media only screen and (max-width:767px) {
	#top .greeting {
		padding: calc(100vw * 46 / 850) 0 calc(100vw * 58 / 850);
	}
	#top .greeting .wrap {
		/*padding: 0 calc(100vw * 38 / 850);*/
		padding: 0 calc(100vw * 33 / 850);
	}
	#top .greeting .title {
		font-size: calc(100vw * 94 / 850); /* デザインでは108 */
		/*margin-bottom: 5%;*/
	}
	#top .greeting p {
		margin: calc(100vw * 16 / 850) 0 0;
		line-height: 1;
	}
	#top .greeting p .line {
		display: block;
		margin: 0;
		padding: 0;
		background: transparent;
	}
	#top .greeting p .line01 {
		font-size: calc(100vw * 42 / 850);
	}
	#top .greeting p .line02,
	#top .greeting p .line03 {
		font-size: calc(100vw * 35 / 850);
	}
	#top .greeting p .line span {
		display: inline-block;
		margin: calc(100vw * 6 / 850) 0 0;
		background: #000;
	}
	#top .greeting p .line01 span:first-child {
		padding: calc(100vw * 17 / 850) calc(100vw * 26 / 850);
	}
	#top .greeting p .line01 span:last-child {
		padding: calc(100vw * 12 / 850) calc(100vw * 26 / 850);
	}
	#top .greeting p .line02 span,
	#top .greeting p .line03 span {
		padding: calc(100vw * 16 / 850) calc(100vw * 26 / 850);
	}
	#top .greeting p br {
		display: none;
	}
	#top .greeting {
	padding:0 0px;
	}
}

#top .main-text {
    background: url(../../imgs/Info_Background.png) no-repeat;
	/*background-size: cover;*/
	background-position: center;
	width: 100%;
    text-align: center;
	border: solid 1px #000;
	margin-right: auto;
	margin-left: auto;
	height: 340px;
}
/*
#top .main-text-box{
    margin: 3% auto;
}*/
#top .main-text-box {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#top .main-text-box img {
    /*width: 60%;
	margin: 40px auto;
	margin: 65px auto;*/
}
#top .sub_text{
    width: 100%;
    text-align: center;
}
#top .sub_text_box{
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
	/*padding: 5% 0;*/
	padding: 8% 0 4% 0;
}
#top .twitter_news {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 980px;
	margin: 2% auto;
}
#top .twitter_news .wrap {
	padding: 0 20px;
	width: 45%;
	margin-bottom: 5%;
}
#top .twitter_news .box {
	box-sizing: border-box;
	border: 1px solid #f8407e;
	height: 300px;
	padding: 16px 40px 20px 0px;
	background-position: 100% 0, 0 100%;
	background-repeat: no-repeat;
	position: relative;
}
#top .twitter_news .wrap01{
}
#top .twitter_news .wrap01 .box{
	padding-left: 30px;	
}
#top .twitter_news .box::before {
	top: 82px;
	bottom: 10px;
	left: 0;
}
#top .twitter_news .box::after {
	top: 10px;
	right: 0;
	bottom: 0;
}
#top .twitter_news .title {
	position: absolute;
	top: -1px;
	right: 0px;
}
#top .twitter_news .title img{
	/*opacity:0.8;*/
	opacity:1;
}

@media only screen and (max-width:767px) {
	#top .twitter {
		padding: calc(100vw * 100 / 850) 0 calc(100vw * 104 / 850);
		background-size: auto 100%;
	}
	#top .twitter .wrap {
		padding: 0 calc(100vw * 45 / 850);
	}
	#top .twitter .box {
		height: calc(100vw * 620 / 850);
		height: calc(100vw * 494 / 850);
	}
	#top .twitter .box::before,
	#top .twitter .box::after {
		width: calc(100vw * 2 / 850);
		min-width: 1px;
	}
	#top .twitter .box::before {
		top: calc(100vw * 136 / 850);
		bottom: 0;
		left: -1px;
	}
	#top .twitter .box::after {
		top: 0;
		right: -1px;
	}
	#top .twitter .title {
		width: calc(100vw * 264 / 850);
		top: calc(100vw * -75 / 850);
		left: calc(100vw * -37 / 850);
	}
	#top .twitter .widjet iframe {
		height: calc(100vw * 450 / 850) !important;
		/*height: calc(100vw * 368 / 850) !important;*/
		/*min-height: calc(100vw * 368 / 850) !important;*/
		min-height: calc(100vw * 395 / 850) !important;
	}
	/*#top .main-text {
    background: url(https://ikuniten.com/common/imgs/bg-01_sp.jpg) no-repeat;
	background-size: contain;
	height: 238px;
	width: 100%;
	max-width: 767px;
    text-align: center;
	border: solid 1px #000;
	padding: 0 20px;
	margin-right: auto;
	margin-left: auto;
	}*/
	#top .main-text {
		background: none;
		width: 100%;
		text-align: center;
		border: none;
		height: inherit;
	}
	#top .sub_text_box{
    width: 70%;
    max-width: 767px;
	}
	#top .sub_text{
	/*margin-top: 5%;*/
	margin-top: 3%;
	}
	#top .twitter_news {
	margin: 2% auto;
	/*padding: calc(100vw * 100 / 850) 0 calc(100vw * 104 / 850);*/
	padding: calc(100vw * 60 / 850) 0 calc(100vw * 104 / 850);
	padding-bottom: 0px;	
	}
	#top .twitter_news .wrap {
	width: 100%;
	/*margin-bottom: 50px;*/
	margin-bottom: 35px;
	padding: 0 calc(100vw * 45 / 850);
	}
	#top .twitter_news .title {
	top: -1px;
	right: 0px;
	width: 50%;	
	}
	#top .main-text-box {
		position: inherit;
		top: inherit;
		transform: none;
	}
	#top .main-text-box img {
    /*width: 39%;*/
    width: auto;
	margin: 0 auto;
	}
}
#footer{
	position:relative;
}
#footer {
	padding: 0;
	background-image: none;
}
#footer .copyright {
	text-align: center;
	line-height: 2em;
}
#footer .inner {
	display: flex;
	box-sizing: border-box;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 0 0 130px;
	justify-content: flex-end;
}
#top .news {
    box-sizing: border-box;
    width: 100%;
	height: 270px;
    text-align: left;
	overflow: scroll;
}
#top .news::-webkit-scrollbar{
 display:none;
}
#top .news{
	-ms-overflow-style:none;
}

#top .news dl {
	margin: 20px 0 0;
}
#top .news dt {
	color: #f8407e;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 18px;
	line-height: 1;
}
#top .news dd + dt {
	margin: 36px 0 0;
}
#top .news dd {
	margin: 12px 0 0;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 27px;
}
#top .news dd a {
	color: #fdc500;
}

.content{
	width: 100%;
	text-align: center;
	margin: 5px auto;
	/*margin-bottom: 30px;*/
	margin-bottom: 60px;
}

.content .content_box{
	width: 100%;
	max-width: 500px;
	margin: 0 auto; 
}


@media only screen and (max-width:800px) {
#footer::before {
		content: none;
	}
#footer .logo {
		position: static;
	}

#footer .copyright {
		position: static;
	}

.inner {
		display: block;
		padding: 0;
	}
	#top .news {
		padding: 0px 0px 10px 20px;
		background-position: -328px 0;
	}
}

@media only screen and (max-width:767px) {
	#top .content{
		margin-bottom: 40px;
	}
	#top #footer .logo {
	}
	#top #footer .copyright {
	}
	#top #footer .inner {
		display: block;
		width: 100vw;
		padding: 0;
	}
	#top .news {
		padding-left:0px;
	}
	#top .news .title {
		font-size: calc(100vw * 110 / 850);
	}
	/*
	#top .news dl {
		margin: calc(100vw * 76 / 850) 0 0;
	}*/
	#top .news dt {
		font-size: calc(100vw * 36 / 850);
	}
	#top .news dd + dt {
		margin: calc(100vw * 72 / 850) 0 0;
	}
	#top .news dd {
		margin: calc(100vw * 26 / 850) 0 0;
		font-size: calc(100vw * 34 / 850);
		line-height: calc(100vw * 54 / 850);
	}
	/*#top .twitter_news .box {
	padding: calc(100vw * 250 / 850) calc(100vw * 0 / 850) calc(100vw * 50 / 850) calc(100vw * 0 / 850);
	margin-right: 3%;
    margin-left: 3%;
	}*/
	.widjet iframe{
		width:296px!important;
	}
}

/* about
   ========================================================================== */

#about .section01 section {
	display: flex;
}
#about .section01 .title01 + section {
	margin: 38px 0 0;
}
#about .section01 section + section {
	margin: 64px 0 0;
}
#about .section01 .title02 {
	margin: 0 46px 0 0;
	padding: 5px 1px 5px 7px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align: center;
}

@media only screen and (max-width:767px) {
	#about .section01 section {
		display: block;
	}
	#about .section01 .title01 + section {
		margin: calc(100vw * 50 / 850) 0 0;
	}
	#about .section01 section + section {
		margin: calc(100vw * 70 / 850) 0 0;
	}
	#about .section01 .title02 {
		margin: 0;
		padding: calc(100vw * 6 / 850) calc(100vw * 36 / 850) calc(100vw * 12 / 850);
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
	}
	#about .section01 p {
		margin: calc(100vw * 27 / 850) 0 0;
	}
}

/* ticket
   ========================================================================== */

#ticket .section01 .text {
	margin: 35px 0 0 22px;
	font-weight: bold;
}
#ticket .section01 .text01 {
	font-size: 24px;
	line-height: 34px;
}
#ticket .section01 .text02 {
	margin: 30px 0 0;
	font-size: 19px;
	line-height: 34px;
}
#ticket .section01 .text03 {
	margin: 18px 0 0;
	font-size: 13px;
	line-height: 23px;
}
#ticket .section01 .text03 li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#ticket .section01 li.mimg {
	margin-top: 10px;
	margin-bottom: 13px;
}

@media only screen and (max-width:767px) {
	#ticket .section01 .text {
		margin: calc(100vw * 45 / 850) 0 0 calc(100vw * 35 / 850);
	}
	#ticket .section01 .text01 {
		font-size: calc(100vw * 48 / 850);
		line-height: calc(68 / 48);
	}
	#ticket .section01 .text02 {
		margin: calc(100vw * 70 / 850) 0 0;
		font-size: calc(100vw * 38 / 850);
		line-height: calc(58 / 38);
	}
	#ticket .section01 .text03 {
		margin: calc(100vw * 30 / 850) 0 0;
		font-size: calc(100vw * 26 / 850);
		line-height: calc(46 / 26);
	}
	#ticket .section02 p,
	#ticket .section03 p {
		margin-right: calc(100vw * 35 / 850);
	}
}

/* footer
  ############################################################################################# */

#footer {
	width: 100%;
	background-color:#f8407e;
	position: relative;
}
#footer .wrap {
	max-width: 1390px;
	padding: 30px;
	background-color: #f8407e;
}
#footer .copyright {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#footer .btnPagetop {
	width: 60px;
	position: fixed;
	right: 49px;
	bottom: 130px;
}
@media screen and (max-width: 767px){	
	#footer .copyright {
		padding: 0;
		font-size: 8px !important;
	}
	#footer .btnPagetop {
		bottom: 105px !important;
	}
}
@media only screen and (max-width:767px) {
	#footer {
		/*padding: calc(100vw * 104 / 850) calc(100vw * 70 / 850) calc(100vw * 50 / 850);*/
		background: #000 url("../imgs/bg-01.jpg") 50% -460px repeat-x;
	}
	#footer .logo {
		width: calc(100vw * 331 / 850);
		padding: 0 0 0 calc(100vw * 4 / 850);
	}
	#footer .copyright {
		padding: 0;
		/*font-size: 14px;*/
	}
	#footer .btnPagetop {
		right: 1%;
		bottom: 150px;
	}
}

@media only screen and (max-width:510px){
	#footer .copyright {
		/*font-size: 12px;*/
	}
	#footer .btnPagetop {
    right: 2%;
    bottom: 129px;}
}
@media only screen and (max-width:446px){
	#footer .copyright {
		/*font-size: 11px;*/
	}
	#footer .btnPagetop {
    right: -2%;
    bottom: 124px;
	}
	#back_top img{
		width:70%;
	}
	#footer .copyright {
    /*font-size: 10px!important;*/
	}
}

@media only screen and (max-width:1024px){
/*	#top .main-text {
	background-size: contain;
	width: auto;	
	}
*/
	.widjet iframe{
		width:300px!important;
	}
/*	#top .main-text-box{
    width: 60%;
	}*/
}

@media only screen and (max-width:767px){
	.widjet{
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.widjet iframe{
		width:300px!important;
	}
}

@media only screen and (max-width:375px) {
	#footer .btnPagetop {
		bottom: 125px;
	}
	#back_top img{
		width: 68%;
	}
}



/*------------------------------
  utility
------------------------------*/

.fwbold { font-weight: bold; }
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 60px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 60px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 60px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

.pa00 { padding: 0 !important; }
.pa05 { padding: 5px !important; }
.pa10 { padding: 10px !important; }

.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }

.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }

.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }