@charset "utf-8";
.container{ max-width:1100px; width:94%; margin:0 auto;}
video#bgvid { position: fixed; left:50%; top: 50%; min-height:100vh; min-width:100vw;background-size: cover; opacity:0.1; overflow:hidden; z-index:0;transform: translate3d(-50%, -50%, 0)}
.coming_soon{ text-align: center; margin: 200px 0; font-family: Oswald; font-size: 50px; font-weight: bold; line-height: 1.5em;}

@media only screen and (max-width: 768px){
video#bgvid{ display:none;}
.coming_soon{ font-size: 30px; margin: 30vw 0;}
}

/********************** la *******************************/
.la img{ width: 100%;}
.labg2{ background-image: url("../images/la/bg2.jpg"); background-attachment: fixed; background-position:top center; background-size: cover; background-repeat: no-repeat;padding: 50px 0;}
.la  .stit{ width: 300px; margin-left: -33px;}

.la_main{ width: 60%; max-width: 850px;  margin: 120px auto 40px;}
.la_main h1{ margin-bottom: 0;}
.la_main .mainbtn{ display: flex; justify-content: space-between; margin-bottom: 1.5vw;}
.la_main .mainbtn a{ display: block; width: 49%; line-height: 0;}
.la_main .maindate{}

.la_main .countwrap{ display: flex; justify-content: center; align-items: center; margin-bottom: 2.5vw; font-weight: bold;}
.la_main .countdown{ padding-left: 10px;}

.la_main img{ opacity: 1;}
.la_main .thankyou{ font-weight: bold; font-size:26px; line-height: 1.5em; background-color: #f00; padding: 1em 0;}

@media only screen and (max-width: 768px){
    .la .stit{ width: 40%; margin-left: -3%;}
    .la_main{ width: 92%; margin: 100px auto 20px;}
    .labg2{ background-size: 300%; padding: 10px 0; position: relative;}
    .la_main h1{ margin-bottom: 20px;}
    .la_main .mainbtn{ display: inherit; margin-bottom: 10px; }
    .la_main .mainbtn a{ display: block; width:80%; line-height: 0; margin: 0 auto 7px;}

    .la_main .countwrap{ display: inherit;}
    .la_main .countwrap p{ margin-bottom: 5px;}
    .la_main .countdown{ padding-left: 0px; display: inline-block;}
.la_main .thankyou{ font-size:16px; }
}

.la_schedule { margin-bottom:100px;}
.la_schedule table{ width: 100%; margin-bottom: 20px;}
.la_schedule table{ border-collapse: collapse;}
.la_schedule  th{text-align: center;width: 3%;font-size: 16px;font-weight: bold;line-height:1.5em;padding: 4px 0;border-color: #999;}
.la_schedule  .line1 th{ font-size: 18px; padding: 1em 0;}
.la_schedule  th.date{ width: 34%;}
.la_schedule  th.date2{ width: 22%;}
.la_schedule  td{text-align: center;padding: 16px 0;font-size: 14px;font-weight: bold;line-height:1.5em;border-color: #555;}
.la_schedule .red{ color: #fd4561;}
.la_schedule .notice2{ text-align: right;}
.la_schedule .notice{text-align: left; font-size: 16px; line-height: 1.5em;}


@media only screen and (max-width: 768px){
    .la_schedule { margin-bottom:50px;}
}

.la_tickets{ text-align: left; margin-bottom: 80px;}
.la_tickets .tickets_wrap{ max-width: 800px; margin: 0 auto;}
.la_tickets .price{ display: flex; width: 100%; font-size: 30px; line-height: 1.5em; justify-content: space-between; border-bottom: 1px solid #aaa; padding: 10px ;font-weight: bold;}
.la_tickets .price dt{ }
.la_tickets .price dd{ font-size: 1.2em; color: #fd4561;}
.la_tickets .price dd span{ font-size: 0.5em;}
.la_tickets .notice{ margin: 50px 0; padding-left: 1em; font-size: 16px; line-height: 1.5em;}
.la_tickets .notice li{ text-indent: -1em; margin-bottom: 0.3em;}
.la_tickets .ticket_sales{ text-align: center; font-weight: bold;}
.la_tickets .ticket_sales h3{ font-weight: bold; font-size: 20px; line-height: 1.5em; margin-bottom: 0.5em;}
.la_tickets .ticket_sales .ticket_date{ font-size: 36px; line-height: 1.5em; margin-bottom: 20px;}
.la_tickets .ticket_sales .ticket_link{ width: 500px; margin: 0 auto;}

@media only screen and (max-width: 768px){
    .la_tickets{ margin-bottom: 50px;}
    .la_tickets .price{ font-size: 24px; line-height: 1.5em;  padding: 10px ;}
    .la_tickets .notice{ margin: 20px 0;}
    .la_tickets .ticket_sales h3{ margin-bottom: 0;}
    .la_tickets .ticket_sales .ticket_date{ font-size: 20px; line-height: 1.5em; margin-bottom: 20px;}
    .la_tickets .ticket_sales .ticket_link{ width: 100%; }
}


.la_bands{ font-weight: bold; margin-bottom: 100px;}
.la_bands figure{ line-height: 0; margin-bottom: 10px;}
.la_bands .slipknot{ margin-bottom: 50px; font-size: 24px; line-height: 1.5em;}

.la_bands .preshow{ border: 1px solid #c00; }
.la_bands .preshow h3{ background-color: #c00; color: #fff;  padding: 0.5em 0; font-weight: bold; font-size: 18px; }
.la_bands ul{ display: flex; flex-wrap: wrap; padding: 20px 20px 10px;}
.la_bands li{ width: 32%; margin-right: 2%; margin-bottom: 20px;}
.la_bands li:nth-child(3n){ margin-right: 0;}
.la_bands li span{ display: block; color:#fd4561; font-size: 0.7em; line-height: 1.5em;}

@media only screen and (max-width: 768px){
    .la_bands{ margin-bottom: 50px;}
    .la_bands .slipknot{ margin-bottom: 30px; }
    .la_bands li{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
    .la_bands li:nth-child(3n){ margin-right: 2%;}
    .la_bands li:nth-child(2n){ margin-right: 0%;}
}

.la_release{ margin-bottom: 0px;}
.la_release .release_block{ display: flex; justify-content: space-between;  max-width: 900px; margin: 0 auto;}
.la_release .release_block .img,
.la_release .release_block .txt{ width: 48%;}

@media only screen and (max-width: 768px){
   .la_release .release_block{ display: inherit; max-width: 70%; margin-bottom: 20px; }
    .la_release .release_block .img,
    .la_release .release_block .txt{ width: 100%;}
}

.la_foot{ padding: 100px 0; text-align: center;}
.la_foot img{ width: 100%;}
.la_bnr{ margin-bottom: 30px;}
.la_bnr ul{ display: flex; justify-content: center;}
.la_bnr li{ width: 33%; margin: 0 3%;}
.la_foot small{ float: none; padding:0 0 20px 0; display: block;}
.la_foot .hip{ width: 100px; margin: 0 auto 20px;}

@media only screen and (max-width: 768px){
    .la_foot{ padding: 50px 0; text-align: center;}
    .la_bnr li{ width: 49%; margin: 0 1%;}

}

/********************** top *******************************/
/* メインビジュアル */
.top{}
.top .mainimg{ width: 100%; padding-top: calc(70px + 5.3vw); margin-bottom: 3vw; position:relative;}
/*
.top .mainimg .main_movie{ overflow: hidden; position: absolute; background-color: #0062d1; height: 42vw; width: 100%; top: 0; z-index: 0;}
.top .mainimg h2{ width: 27vw; margin: 0 auto; position: absolute; z-index: 200; top: 6.7vw; left: 20vw;}
.top .mainimg h2 img{ width:100%;}
*/
.top_main .bnr{ margin-bottom: 15px; border: 15px solid #600; padding: 20px 4% 20px; background-color: rgba(0,0,0,0.4);}
.top_main .bnr h2{ width: 60%; margin: 0 auto 10px;}
.top_main .bnr p{ margin-bottom: 0;}
.top_main .bnr p span{ display: block;}
.top_main img{ width: 100%;}
.top_main .bnr ul{ border-top: 1px solid #666;}
.top_main .bnr li{ border-bottom: 1px solid #666;}
.top_main .bnr .btit{ font-weight: bold; font-size: 28px; line-height: 1.5em;}
.top_main .bnr .btit span{ font-size: 14px;}
.top_main .bnr .blink{ text-align: right;}
.top_main .bnr .yel{ color: #ffff00;}
.top_main .bnr a{ color: #fff; display: block; padding: 30px 20px 15px; transition: 0.3s;}
.top_main .bnr a:hover{ background-color:rgba(211,0,0,0.4);}

.top_main .bnr .titimg{ display: inline-flex; align-items: center;}
.top_main .bnr .titimg .left{ width: 320px; padding-right: 20px;}
.top_main .bnr .titimg .right{font-weight: bold; font-size: 30px; line-height: 1.5em;}

.top_bg{ width: 61vw; position: absolute; top: -3vw; left: 10vw; z-index: 10;}

.top .arc{ margin-bottom: 50px;}

.top .top_slide{ z-index: 100; padding-top:0; margin-bottom: 0;}
.top .top_slide .slick-center a:hover img {opacity: 0.9;}
.top .slick-list{ overflow:visible !important;}
.top .slick-slide img{ width: 100%; margin: 0 auto; opacity:0.4; transform:scale(1);}
.top .slick-center{ position: relative; z-index: 1;}
.top .slick-center img{ opacity:1; transform:scale(1.11);}

/* SUB BNR */
.top .sub_bnr{  position:relative; z-index:5; width:94%; max-width:1100px; margin:0 auto;}
.top .sub_bnr ul{}
.top .sub_bnr li{ width:32%; float:left; margin-right:2%; margin-bottom: 12px;}
.top .sub_bnr li:nth-child(3n){ margin-right:0;}
.top .sub_bnr li a{ width:100%;}
.top .sub_bnr li a img{ width:100%;}
.top .sub_bnr li a:hover{ filter:brightness(120%); transition:0.3s;}

.viptop{ display:block; margin-top:20px;}

.top_wrap{ width:94%; max-width:1200px; margin:0 auto;}


/* 見出し背景 */
.tit_bg{ position: absolute; right: 10%; top: 80px; font-size: 240px; font-family: 'Josefin Sans', sans-serif; font-style: italic; opacity: 0.1;}
.tit_bg_m,
.tit_bg_k{ position: absolute; right: -7%; width: 100%; top: 9vw; font-size: 16vw; font-family: 'Josefin Sans', sans-serif; font-style: italic; opacity: 0.3; color: #fff;}
.tit_bg_k{ right: inherit; left: -2%; top: 10vw; font-size: 21vw;}

/* 延期 */
.postponement{ background-color: #000;text-align: left;padding:3vw 6vw;}
.postponement a{ text-decoration: underline;}
.postponement img{ width: 100%;}
.mainimg .postponement h2{ position: relative; top: inherit; left: inherit; width: 80%; margin-bottom: 40px;}
.mainimg .postponement h2 img{}
.postblock{ margin-bottom:100px;}
.postponement .ja{ margin-bottom: 0px;}
.postponement .en{ /*padding-top: calc(50px + 6vw);  margin-top: calc(-50px - 6vw);*/}
.postponement p{ font-size: 18px; font-weight: 500; line-height: 1.5em;  word-break: break-word;}
.postponement .tit{ text-align: center; font-size: 24px; margin: 1.5em 0;}
.postponement .date{ background-color:#c00; text-align:center; padding:10px 0; font-size:1.2em; line-height:1.5em;}
.postponement strong{ color:#ff0;word-break: break-word;}
.postponement .stit{ font-size: 20px; margin: 1.5em 0 1em; font-weight: bold; border-left: 4px solid #ccc; padding: 0.5em 0 0.5em 1em;}
.postponement .big{ font-size: 1.3em; line-height: 1.5em;}
.postponement .box{ padding: 24px 24px 4px; border: 4px solid #fff; margin-bottom: 1em;}
.postponement .btn{ display: block; padding: 1em;color: #c00; text-align: center; font-weight: bold; border: 2px solid #c00; border-radius: 5px;}

.inhead_link{ margin: calc(70px + 10vw) auto 0; width: 94%; max-width: 1000px;}
.inhead_link ul{}
.inhead_link li{ margin-bottom: 15px;}
.inhead_link .btit{ font-weight: bold; font-size: 24px; line-height: 1.5em; margin: 0;}
.inhead_link .btit span{ font-size: 14px; display: block; line-height: 1.5em;}
.inhead_link .blink{ text-align: right;}
.inhead_link a{ color: #fff; background-color: #c00; border-radius: 5px; display: block; padding: 25px 20px; transition: 0.3s;}
.inhead_link a:hover{ background-color:rgba(211,0,0,0.8);}
.inhead_link a.yellow{ color: #000; background-color: #ffff00;}
.inhead_link a.yellow:hover{ background-color:rgba(255,255,0,0.8);}

.postponement_link{ display: block; background-color: #cc0000; color: #fff; font-size: 26px; font-weight: bold; line-height: 1.5em; padding: 30px 1em; position: relative; z-index: 30; border-radius: 5px; margin-bottom: 20px;}
.postponement_link:after{ content: ""; position: absolute; top: calc(50% - 4px); right: 0.8em; width: 8px; height: 8px; border: 2px solid; border-color: transparent #fff #fff transparent; transform: rotate(-45deg); transition: 0.3s;}
.postponement_link:hover{ opacity:0.9;}



/* トップニュース */
#news{ margin-bottom:4vw; text-align:left; position:relative; z-index: 80;}
#news .container{ display:table;}
#news h2{ margin-bottom:15px; text-align:left;}
#news h2 img{ width:auto;}
#news .block{ display:table-cell; vertical-align:top;}

#news .news_area{ padding-right:20px; width:64%;}
#news .news_area .top_a{ display:block; transition:0.2s;}
#news .news_area .top_a:hover{ background-color:rgba(255,255,255,0.1); transition:0.2s;}
#news .news_area dl{ display:table; width:100%; margin-bottom:10px; padding: 12px 12px 12px 0;}
#news .news_area dt{ display:table-cell; font-family:Oswald; width:7em; position:relative; padding-left:0; font-size:14px; line-height:1.4em; color:#fff;}
#news .news_area dt span{ display:block; letter-spacing:0.02em; text-align:center; left:0; top:0; color: #fff; background-color: #970000; padding-bottom: 2px;}
#news .news_area dd{ display:table-cell; color: #fff; font-size: 20px; font-weight: 400; line-height: 1.7em; padding-left: 20px;}
#news .news_area dl a{ color:#011a29; transition:0.3s; display:block;}
#news .news_area dd a:hover,
#news .news_area dt a:hover{ color:#1976a5; transition:0.3s;}

/*
#news .news_area .top_a:nth-child(1) dl{ background-color:#970000;}
*/

#news .news_more{text-align:center; width: 100%; display: block; padding: 14px 18px; color: #fff; margin: 10px 0 0 auto; font-size: 16px; font-weight: 400; transition: all 0.3s; position:relative; border: 1px solid #9a9a9a; font-family: Oswald; letter-spacing: 3px;}
#news .news_more:hover{ opacity:0.8; transition:0.3s;}

.float_box{ display: table; width: 100%;}
.float_box .twt_area{ width: 36%; background-color: rgba(0,0,0,0.3);}

#tw_movie{ margin-bottom: 50px;}
#tw_movie .container{ display:table;}
#tw_movie .block{ display:table-cell; vertical-align:top;}
#tw_movie .twt_area{ width:60%; background-color:rgba(0,0,0,0.3);}
#tw_movie .movie_wrap{ padding-left: 20px;}
#tw_movie .promotion_movie{ position: relative; height: 400px; width: 100%; }
#tw_movie .promotion_movie iframe{ width:100%; height:100%; position:absolute; top:0; left:0;}

.sns{ margin: 80px 0 60px; text-align: center;}
.sns a{ display: inline-block; line-height: 0; margin: 0 8px 12px; position: relative;}
.sns a:before{ content: ""; position: absolute; background-color: #a20200; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; border-radius: 4px;}
.sns a img{ margin: 0 auto;}


@media only screen and (max-width: 768px){
.refund_link a{  padding:20px 0; font-size:18px; line-height:1em; font-weight:bold;}

/* メインビジュアル */
.top .mainimg{display: inherit; margin-bottom:30px; padding-top: 0;}
/*.top .mainimg h2{ height: auto; width: 50%; position: relative; top: 0px; left: 0; margin: 6vw auto 2vw;}
.top .mainimg h2 img{ width:100%;}*/
.top_bg{ width: 100%; top: 0; left: 0;}

	.top_main .bnr{ border: 8px solid #c00;}
	.top .mainimg h2{ width:100%; margin: 0 auto;}
	.top_main .bnr a{ padding: 15px 0 10px 0;}
	.top_main .bnr .btit{ font-size: 20px;}

	.top_main .bnr .titimg{ display: block;}
	.top_main .bnr .titimg .left{ width: 280px; padding-right: 0px; margin: 0 auto; max-width: 100%;}
	.top_main .bnr .titimg .right{font-size: 20px; line-height: 1.5em;}

.top .arc{ margin-bottom: 20px;}

.top .top_slide{height: inherit; padding-top: 0;}
.top .slick-slide img{ width: 99%; margin: 0 auto;}

/* SUB BNR */
.top .sub_bnr li{ width:100%; margin-right:0; margin-bottom: 2%;}


.viptop{ display:block; margin-top:10px;}

/* 見出し背景 */
.tit_bg{ font-size: 36vw; top: 8vw; right: -14%; width: 110vw;}
.tit_bg_m{ right: -67%; width: 200vw; top: 15vw; font-size: 31vw;}
.tit_bg_k{ width: 160vw; left: -27%; font-size: 40vw; top: 18vw;}

/* 延期 */
.postponement{ padding:12px;}
.mainimg  .postponement h2{ width: 100%; margin-bottom: 40px; margin-bottom: 12px;}
.postponement p{ font-size: 16px; line-height: 1.5em;}
.postponement p.tit{ font-size: 20px; padding: 1.5em 0; margin:0;}
.postponement p.date{ }

.postponement .box{ padding: 12px 12px 0; border: 2px solid #fff;}

.postponement_link{ margin: 100px auto 0; font-size: 14px; padding: 20px 1em;}
.postponement_link:after{}


/* トップニュース */
#news{ display:inherit; margin-top:0;}
#news .block{ display:inherit; width:100%;}

#news h2{ margin-bottom:14px;}
#news h2 img{ height: 8vw !important;}

#news .news_more:before{ width: calc(100% - 80px);}

#news .news_area{ padding-right:0;}
#news .news_area dl{ margin-bottom:12px; padding: 12px 8px;display:inherit;}
#news .news_area dt{ padding-left:0; font-size:16px; line-height:1.3em; margin-bottom:5px; width: 6em;display:inherit;}
#news .news_area dt span{ position:relative; margin-bottom: 4px; font-size: 14px;}
#news .news_area dd{ font-size:16px; line-height:1.5em; padding-left: 0; display:inherit;}

#news .news_more{ margin-bottom: 40px; padding: 5px 20px; font-size: 15px; margin-top: 20px;}

.float_box{ display: block;}
.float_box .twt_area{ display: block; width: 100%; margin-bottom: 40px;}
.float_box .twt_area iframe{ height:300px;}

#tw_movie{ margin-bottom: 30px;}
#tw_movie .block{ display:block; width: 100%;}
#tw_movie .twt_area iframe{ height: 300px !important;}
#tw_movie .twt_area{ margin-bottom: 34px;}
#tw_movie .movie_wrap{ padding-left: 0;}
#tw_movie .promotion_movie{ padding-bottom: 60.25%; height: inherit;}

.sns{ margin: 0 auto 24px; width: 94%;}
.sns img{ width:80%; margin: 0 auto 6px;}
.sns a:before{ display:none;}

	.inhead_link{    position: relative; z-index: 6;}
	.inhead_link .btit{ font-size: 16px;}
	.inhead_link li{ margin-bottom: 10px;}
	.inhead_link a{ padding: 10px;}
}


/********************** inner page *******************************/

.in_head{ padding-top: calc(50px + 6vw); text-align: center; position: relative; margin-bottom:3vw;}
.in_head .under_logo{ margin: 0 auto;}
.in_head .under_logo img{ width: 94%; max-width: 830px;}
.in_head h2{}
.in_head h2 img{ height: 4vw; max-height: 100px;}

.in_wrap{width:94%; max-width:1100px; margin:0 auto;}
.in_wrap img{ width:100%;}

@media only screen and (max-width: 768px){
.in_head{ height: 21vw; margin-top: 40px;}
.in_head h2{ position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.in_head h2 img{ height: 10vw;}

.in_wrap{ padding:10px 0 20px;}
}


/********************** NEWS *******************************/
.in_wrap.news{ max-width:1100px;}

#news .news_l{ text-align:left; width:70%; float:left;}
#news .news_twt{ width:28%; float:right; background-color: rgba(255,255,255,0.*);}
#news .news_twt iframe{ border: 1px solid #330c0c !important;}
#news .news_single{text-align:left; width:71%; float:left;}
#news .news_single article{margin-bottom:20px; font-size:18px; line-height:1.7em; padding:20px; background-color: rgba(0,0,0,0.7);}
#news .news_single article figure{ margin-bottom:20px;}
#news .news_single article h3{ font-weight:bold; font-size:20px; line-height:1.5em; margin-bottom:1em;}
#news .news_single article h3 span{ font-size: 0.7em; display: block; line-height: 1.4em; color: #fff; background-color: #970000; padding: 2px 0; width: 7em; text-align: center; margin-bottom: 6px;}
#news .news_single article .news_txt{ font-size: 16px; font-weight: 400; line-height: 1.5em;}
#news .news_single article .news_txt p{ font-size: 16px; line-height: 1.5em; word-break: break-word;}
#news .news_single article .news_txt p.tit{ font-size: 20px; font-weight: bold; text-align: center; line-height: 1.5em; margin-bottom: 1.5em;}
#news .news_single article .news_txt p.stit{ font-size: 18px; font-weight: bold; line-height: 1.5em;}
#news .news_single article .news_txt .box{ padding: 16px 16px 0; border: 4px solid #fff; margin-bottom: 1em;}
#news .news_single article .news_txt .box .pg_box{ margin: 30px 0;}
#news .news_single article .news_txt .box .pg_box span strong{ background-color: #fbbc05; color: #000; display: block; padding: 4px 12px; line-height: 1.5em; margin-bottom: 1em;}
#news .news_single article .news_txt .box .pg_box strong{ color:#fbbc05;}
#news .news_single article .news_txt hr{ border: none; background-color: #ccc; height: 1px; margin: 34px 0;}

@media only screen and (max-width: 768px){
  #news .news_l{width:100%; float:none; margin-bottom:20px;}
  #news .news_l article{ margin-bottom:10px; float:none; width:100%; margin-right:0; box-shadow: 1px 1px 3px -1px #ccc;}
  #news .news_l article figure img{ border-top-left-radius: 5px; border-top-right-radius: 5px;}
  #news .news_l article .txt_r{ padding:5px 12px 12px;}

  #news .news_twt{ width:100%; float:none; }
  #news .news_twt h2 a{color:#fff;}
  #news .news_twt iframe{ height:250px!important;}

  #news .news_single article{ padding:8px;}
  #news .news_single article .news_txt{ font-size: 14px; line-height: 1.4em;}
  #news .news_single article .news_txt .box{ padding: 12px 12px 0; border: 2px solid #fff;}
  #news .news_single article .news_txt .box .pg_box span strong{ display: inline-block; font-size: 16px; margin-bottom: 6px;}
  #news .news_single{width:100%; float:none; margin-bottom:20px;}
  #news .news_single article .news_txt p{ font-size: 14px; line-height: 1.4em;}
  #news .news_single article .news_txt p.tit{ font-size: 18px; line-height: 1.4em; margin-bottom: 1.2em;}
  #news .news_single article .news_txt p.stit{ font-size: 16px;}
  #news .news_single article .news_txt .box .pg_box span strong{ font-size: 14px; display: block; padding: 2px 8px; margin-bottom: 12px;}
  #news .news_single article .news_txt .box .pg_box strong{}
}


/********************** ABOUT *******************************/
#about .in_wrap{ max-width: 900px; padding:6vw 0 10vw;}

.catch{ padding-top: calc(0px + 10vw); padding-bottom:4vw;}
.catch h2{ width:90%; margin:0 auto;}
.catch h2 img{ width:100%;}

.catch_txt{}
.catch_txt h3{ margin-bottom: 24px;}
.catch_txt h3 img{ width:100%;}
.catch_txt p{ text-align:left; font-size: 18px; line-height: 2em;}

.info h3{ margin: 0 auto 60px; width: 60%;}
.info h3 img{ width:100%;}

.info dl{  width:100%; margin-bottom: 50px;}
.info dt{ color: #e71622; font-size: 34px; font-weight: bold; font-family: 游明朝; line-height: 1em; margin-bottom: 14px;}
.info dd{ font-size: 24px; line-height: 1.5em; margin-bottom: 20px;}
.info dd span{ font-size:0.7em; display:block; line-height:1.5em;}
.info p.txt{ font-size: 18px; line-height: 1.6em;}

.info .bnr_list li{ float:left; width:10%; margin-right:1%;}
.info .bnr_list li img{ width:100%;}

.about_more{ padding: 0 0 40px;}
.about_more li{ float: left;width: 49%; margin-right: 2%;}
.about_more li:last-child{ margin-right: 0;}
.about_more li a{ display: block; background-color: #0068b7; transform: skewX(-20deg); padding: 20px 0; line-height: 1.5em; color: #fff; font-weight: bold;}
.about_more li a:hover{ opacity: 0.9;}
.about_more li a span{ display: block; transform: skewX(20deg);}

.info h2.notes_tit{ margin-bottom: 14px;}
.notes_list{ background-color: rgba(255,255,255,0.7); padding: 20px;}
.notes_list li{ text-align: left; font-size: 18px; line-height: 1.5em; margin-bottom: 1em; padding-left: 20px; position: relative;}
.notes_list li:before{ position: absolute; content: ""; background-color: #0068b7; width: 12px; height: 12px; left: 0; top: 6px;}

.info h2.faq_tit{ margin-bottom: 20px;}
.info.faq dl{ display: block; margin-bottom: 24px; background-color: rgba(255,255,255,0.7); border-bottom: none; padding: 14px;}
.info.faq dt{ display: block; width: 100%; padding-left: 0; font-size: 20px; line-height: 1.4em; border-bottom: 1px solid #ccc; padding-bottom: 6px; margin-bottom: 6px;}
.info.faq dd{ display: block; padding: 2px 0 13px; line-height: 1.4em;}

.back_btn{ display: block; background-color: #0068b7; transform: skewX(-20deg); padding: 20px 0; line-height: 1.5em; color: #fff; font-weight: bold; max-width: 600px; margin: 0 auto; width: 94%;}
.back_btn:hover{ opacity: 0.9; color: #fff;}
.back_btn span{ display: block; transform: skewX(20deg);}

.info .bc_tit{ margin-bottom:14px; font-size:28px;}
.broadCastTitle{ width: 100%; padding: 16px 0; font-weight: bold; font-size: 1.2em; text-align: center; color: #fff; background: #2595c1; line-height:1.5em;}
.broadCastTitle small{ font-size: 13px;}
.infoTable{ border:4px solid #2595c1; border-collapse: separate; margin-bottom: 26px;}
.infoTable th,
.infoTable td { padding: 25px 1em; vertical-align: top; text-align: left; background: #fff; border-bottom: 1px solid #ccc; line-height:1.5em;}
.infoTable td p{ margin:0;}
.infoTable th{min-width: 200px; text-align: center; vertical-align: middle; white-space: nowrap; font-size: 18px; font-weight: bold;}
.infoTable tr:last-child th,
.infoTable tr:last-child td{ border-bottom:none;}



@media only screen and (max-width: 768px){
#about .in_wrap{ width: 94%; padding:6vw 0 10vw;}

.catch{ padding-top: 76px;}
.catch h2{ width:100%;}
.catch_txt{}
.catch_txt h3{ margin-bottom: 6px;}
.catch_txt p{ font-size: 14px; line-height: 1.5em;}

.info h3{ margin: 0 auto 40px;}
.info dl{}
.info dt{ font-size: 28px; margin-bottom: 0;}
.info dd{ font-size: 18px;}
.info p.txt{ font-size:15px;}

.info .bnr_list li{ width:30%; margin-right:3%;}

.about_more{ padding: 0 0 20px;}
.about_more li a{ padding: 10px 0; font-size: 14px;}

.notes_list{ background-color: transparent; padding: 0;}
.info h2.notes_tit{ margin-bottom: 6px;}
.notes_list li{ font-size: 14px;}
.notes_list li:before{ width: 8px; height: 8px; left: 2px; top: 6px;}

.info h2.faq_tit{ margin-bottom: 12px;}
.info.faq dl{ background-color: transparent; padding: 0; margin-bottom: 8px;}
.info.faq dt{ font-size: 15px; padding-bottom: 4px; margin-bottom: 4px;}

.back_btn{ padding: 10px 0; font-size: 14px;}

.info .bc_tit{ margin-bottom:6px; font-size:16px;}
.broadCastTitle{ padding: 8px 0; font-size:16px; background-color: #0068b7;}
.broadCastTitle small{ font-size: 12px;}
.infoTable{ border:2px solid #2595c1; border-spacing: 0;}
.infoTable th,
.infoTable td { display: block; padding: 12px; border-bottom: none; line-height: 1.5em; font-size: 14px;}
.infoTable th{ display:block;font-size: 14px; background-color: #2595c1; padding: 4px 8px; color: #fff; text-align: left;}
}

/********************** bands *******************************/
.in_wrap.bands{ max-width: 1200px;}
.bands_wrap{ /*background-image: url(../images/bands_split_bg.png);*/ background-repeat: repeat-y; background-position: 50% 20px;}
.bands_wrap h2{/* max-width: 380px;*/ margin: 0 auto 12px; width:60%;}
.bands_wrap h2 img{ max-width: 640px; width: 90%;}
.bands .day1{ float:none; margin-bottom: 60px;}
.bands .day2{ float:none;}

.day_2col{width:100%; overflow:hidden;}
.day_2col li{ position:relative;}
.day_2col .new_icon{
	display:block;
	position:absolute;
	background-color:#ef161b;
	z-index:5;
	top:107px;
	color:#fff;
	padding:0px 5px; left:0px;
}
.day_2col h3{ text-align: center;
border: 1px solid #555;
padding: 5px 0 3px 0; margin-top:10px;
margin-bottom: 25px;
line-height: 14px;
color: #bbb;}

p.headline.new{ position: relative;}
p.headline.new:after{ content: ""; position: absolute; background-image: url("../images/new.png"); background-repeat: no-repeat; left: 0; top:263px; width: 70px; height: 26px;}
p.andmore{ max-width: 204px; width: 100%; margin: 0 auto;}

.bands_wrap ul{ width:100%;}
.bands_wrap li{ float:left;  padding-bottom: 10px; width:33.33%; box-sizing: border-box; line-height:0;}
.bands_wrap ul.op_act li{ width:25%;}
.bands_wrap li:nth-child(even){ margin-right:0;}
.bands_wrap li img{ width:100%; max-width: 539px;}
.bands_wrap .headline-slipknot img{ width:100%; max-width: 680px;}
.bands_wrap li .newicon{ width:18%; position:absolute;left:0%; top:0;}

.bands_wrap li.headline{ width:100%; margin-right:0; padding-bottom: 15px;}
.bands_wrap li.headline a{ display: block; background-color: #000; padding: 0 20%;}
.bands_wrap li.andmore{ /*padding-top:50px;*/ width: 100%;}
.bands_wrap li.andmore img{ width:50%;}
.bands_wrap li.new{ position: relative;}
.bands_wrap li.new:after{ content: ""; position: absolute; background-image: url("../images/new.png"); background-repeat: no-repeat; left: 0; top:-5px; width: 60px; height: 26px; background-size:contain;}


.artist { width: 100%; position: relative; padding-top: calc(70px + 6vw);  }
.artist a { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.artist a:hover { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.artist .artistTextArea, .artist .snsArea { display:  table-cell; vertical-align: top; font-size: 0; }
.artist .artistTextArea {/*width: 600px;*/}
.artist .artistTextArea figure { margin-bottom: 15px; }
.artist .artistTextArea figure img { width: 100%; }
.artist .artistTextArea h2 { text-align: left; font-size: 36px; }
.artist .artistTextArea h2 span { display: inline-block; margin-left: 10px; font-size: 50%; }
.artist .artistTextArea .artistSnsBtn { margin: 20px 0; font-size: 0; text-align: left; }
.artist .artistTextArea .artistSnsBtn li { display: inline-block; vertical-align: middle; margin-right: 15px; }
.artist .artistTextArea .artistSnsBtn .officialLink { margin: -6px 0 0 20px; }
.artist .artistTextArea .artistSnsBtn .officialLink a { padding: 5px 30px; background-color: #75080b; color: #ccc; display: inline-block; vertical-align: middle; font-size: 12px; }
.artist .artistTextArea .artistSnsBtn .officialLink a:hover { background-color: #900; text-decoration: none; }
.artist .artistTextArea .bandTxt { font-size: 16px; text-align: left; background-color: rgba(0,0,0,0.7); padding: 20px; margin-top: 24px;}
.artist .artistTextArea .bandTxt p { text-align: justify; line-height: 1.6em; }
.artist .snsArea { width: 400px; padding-left: 25px;}
.artist .snsArea .snsCon { margin-bottom: 20px; }
.artist .snsArea .snsCon iframe{ border: 1px solid #330c0c !important;}
.artist .snsArea .bandYoutube iframe { width: 400px !important; height: 225px !important; }
.artist .snsArea .instaLink { position: absolute; top: 0; right: 0; }
.artist .artist_back { margin-top: 40px; }
.artist .artist_back img{ width: auto;}

@media only screen and (max-width: 1272px){
p.headline.new:after{ top: 20.2vw; width: 14.7%; background-repeat: no-repeat; background-size: contain;}
}


@media only screen and (max-width: 768px){
.artist .artistTextArea{ width: 100%;}
.artist .artistTextArea,
.artist .snsArea{ display: block;}
.artist .artistTextArea h2{ font-size: 26px; line-height: 1.4em;}
.artist .artistTextArea .artistSnsBtn{ margin: 6px 0;}
.artist .artistTextArea .artistSnsBtn li{ margin-right: 8px;}
.artist .artistTextArea .artistSnsBtn .officialLink{ margin: 8px 0 0 0; float: right;}
.artist .artistTextArea .artistSnsBtn .officialLink a{ padding: 3px 20px; font-size: 11px;}
.artist .artistTextArea .bandTxt{ font-size: 14px; line-height: 1.5em; padding: 20px 12px 2px; margin-bottom: 20px; margin-top: 4px;}
.artist .snsArea{ width: 100%; padding-left: 0;}
.artist .snsArea .bandYoutube iframe{ width: 100% !important; height: 60vw !important;}
.artist .snsArea .snsCon{ width: 100% !important;}
.artist .snsArea .bandTweetFeed iframe{ height: 300px !important;}
.artist .artist_back{ margin-top: 30px;}
}


@media only screen and (max-width: 768px){
.bands_wrap{ background-image:none;}
.bands_wrap h2{ width: 80%; margin: 0 auto 8px;}
.bands .day1{ float:none; margin-bottom: 40px;}
.bands .day2{ float:none;}

.bands_wrap li{ width:100%; margin-right:0; float:none;}
.bands_wrap li.headline{ padding-bottom: 10px;}
.bands_wrap li.headline a{ padding: 0;}
.bands_wrap ul.op_act li{ width: 50%; float: left;}

.bands_wrap li.andmore{ padding-top:0px;}
.bands_wrap li.new:after{ width:15%;}

.day_2col{ width:100%;}
.day_2col .lead{ font-size: 14px; line-height: 1.5em; word-break: break-word;}

p.headline{ margin-bottom: 0.5em;}
p.headline.new:after{ background-size:100%;width: 12%; height: 4vw; top: 43.1vw;}
}

/********************** access *******************************/
#access{ line-height:1.5em; text-align:left;}
#access h3{ color:#e71622; font-weight:bold; font-size:30px; line-height:1.5em;}
#access .address{ font-weight:bold;}
#access .map{ width:100%; margin-bottom:20px;}
#access .map iframe{ width:100%;}
#access h4{ color:#e71622; font-weight:bold; font-size:22px; line-height:1.5em; margin-bottom:10px;}
#access dl{ border-top:1px solid #ccc; border-bottom:1px solid #ccc;padding:15px 0 5px; margin-bottom:40px;}
#access dt{ font-weight:bold; font-size: 18px; line-height: 1.5em; margin-bottom: 3px;}
#access dd{margin-bottom:16px; padding-left:1em; font-size: 14px; line-height: 1.5em;}
#access .notice{}


@media only screen and (max-width: 768px){
#access h3{ font-size:20px; line-height:1.5em;}
#access p{margin-bottom:10px;}
#access .address{ font-size:16px; line-height:1.5em; }
#access .map { line-height:0; margin-bottom:10px;}
#access .map iframe{ height:50vw;}
#access h4{ font-size:16px; line-height:1.3em; margin-bottom: 6px;}
#access dl{ padding:10px 0 0; background-color: rgba(0,0,0,0.4); margin-bottom: 20px;}
#access dt{ font-size: 14px;}
#access dd{ margin-bottom:18px; font-size: 14px; line-height: 1.5em;}
#access .notice{ font-size:13px; line-height:1.6em; margin:0;}
}

/********************** tickets *******************************/
#tickets{ width:94%; max-width:1100px; margin:0 auto 3vw;position:relative; z-index:10;}
#tickets img{ width:100%;}

#tickets h2{ margin-bottom:2.5vw;}

#tickets .dead{ opacity: .4}
#tickets .dead a{pointer-events: none;}

.tk_anc{ display: block; width: 100%; background-color: #cc0400; color: #fff; font-size: 26px; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 1.5em; padding: 1em; margin: 0 auto 20px; border-radius: 6px; position: relative; word-break: break-word;}
.tk_anc:after{ border: 3px solid; border-color: transparent #fff #fff transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg); display: none;}
.tk_anc:hover{ opacity:2;}

.past_cont{ background-color: #000;}
.past_bg{ opacity:0.4;}

#tickets .price{ float: left; width:49%; background-color:#222; color:#fbbc05; padding:1%; margin-right:2%; margin-bottom:2%;font-family: 'Oswald'}
#tickets .price.day2{ margin-right:0;}
#tickets .price h3{ background-color:#fbbc05; color:#000; font-weight:bold; padding:0.5em 0; font-size:30px; letter-spacing:0.05em;}
#tickets .price.twoday{ width:100%; margin-right:0;}

#tickets .price h3 span{ display: block; font-size: 0.7em; font-weight: 400; line-height: 1.5em; margin-bottom: 6px; margin-top: -8px;}
#tickets .price h3 span.cancel{ text-decoration: line-through; color: #8a8a8a;}

#tickets .price.vipprice{ color: #fff;}
#tickets .price.vipprice li{border-bottom: 1px solid #666; }
#tickets .price.vipprice li .right span{ font-size: 0.6em;}

#tickets .price li{ position: relative; text-align:center; border-bottom:1px solid #fbbc05; padding:1em 1em; font-size:26px;}
#tickets .price li:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
#tickets .price li .left{ display: inline-block;}
#tickets .price li .left small{ display: inline-block;padding:1px 5px;font-size:12px;background-color:#3366cc;vertical-align:top;}
#tickets .price li .right{ display: inline-block; padding-left: 1em;}
#tickets .price li .link{
  position: absolute;
  top: 25px;
  right: 10px;
}
@media only screen and (max-width: 768px){
  #tickets .price li .link{
    position: static;
    top: 10px;
  }
}
#tickets .price li .link a{
  padding: 1px 19px;
  background: #f00;
  color: #fff;
  font-size: 0.6em;
  text-align: center;
  margin-left: 10px;
}
@media only screen and (max-width: 768px){
  #tickets .price li .link a{
    display: block;
    margin: 0 0 5px;
  }
}
#tickets .tshirts{
  margin-bottom: 40px;
}
#tickets .tshirts h2{
  margin-bottom: 0;
}
#tickets .tshirts .price{
  float: none;
}
#tickets .tshirts .img{
  width: 50%;
  margin: 0 auto;
}
#tickets .tshirts .inner{
  display: flex;
  -webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
  margin: 20px 0;
}
#tickets .tshirts .img{
  width: 35%;
  margin-right: 5%;
}
#tickets .tshirts ul{
  width: 60%;
}
@media only screen and (max-width: 768px){
  #tickets .tshirts .inner{
    display: block;
    margin-bottom: 10px;
  }
  #tickets .tshirts .img{
    width: 100%;
    margin: 0 auto 20px;
  }
  #tickets .tshirts ul{
    width: 100%;
  }
}
#tickets .price li.sold,
#tickets .price li.sold2{ position:relative; padding-left: 4em;}
#tickets .price li.sold:before,
#tickets .price li.sold2:before{ position:absolute; color: #fff; background-color: #ff0000; font-size: 16px; font-weight: 500; line-height: 1.5em; left: 0; width: 6em; text-align: center;}
#tickets .price li.sold:before{ content:"SOLD OUT";}
#tickets .price li.sold2:before{ content:"残り僅か"; background-color:#3366CC;}
#tickets .price li.sold .left,
#tickets .price li.sold .right{ text-decoration: line-through red; color: #6d6d6d;}

#tickets .notice{ text-align:left; clear:both; margin-bottom:4vw;}

#tickets .ticket_info{ position:relative; z-index:10; width:94%; max-width:1100px; margin:0 auto 4vw;}
#tickets .ticket_info-ftr h2{ font-size:30px; line-height:1.5em; background-color:#e71622; padding:0.5em 0; font-weight:bold;}
#tickets .ticket_info li{ font-size:30px; font-weight:bold; line-height:1.5em; padding-bottom:30px; border: 1px solid #e71622; margin-bottom: 1em;}
#tickets .ticket_info li h2{ background-color:#e71622; padding:0.5em 0; font-weight:bold; margin-bottom:40px;}
#tickets .ticket_info li p.date{ font-size:50px; margin-bottom:30px;}
#tickets .ticket_info li p.date span{ font-size:0.6em;}
#tickets .ticket_info li p.normal{
  padding: 0 2em;
  font-size:0.6em;
  line-height: 1.5em;
}

#tickets .ticket_info .hiplink{ font-size:18px; line-height:1.7em;}
#tickets .ticket_info .hiplink p{ margin-bottom:10px;}
#tickets .ticket_info .hiplink a{ display:block; border:1px solid #c00; width:300px; margin:0 auto; padding:0.5em 0;}

#tickets .ticket_info{ margin:2vw auto;}
#tickets .ticket_info .soldout{ margin: 0 40px 20px; padding: 5px 10px; background-color: #fbbc05; color: #222;}
#tickets .ticket_info.day1 ul{ padding:0;}
#tickets .ticket_info.day1 li{ text-align:center; padding:0; }
#tickets .ticket_info.day1 .btn_box li .top_txt{ padding:20px 5px;}

/* 終了表記 */
#tickets li.end,
.english li.end{ font-size: 20px; padding-bottom: 0; width: 70%; margin: 0 auto 1em; border-color: #171717; background-color: rgba(0,0,0,0.5);}
#tickets li.end h2,
.english li.end h2{ background-color: #171717; color: #494949; margin-bottom: 14px;}
#tickets li.end p.date,
.english li.end p.date{ font-size:24px; margin-bottom:12px; color: #494949;}


.playguide_btn{ background-color: #fff; display: block; max-width: 700px; width: 100%; color: #000;  padding: 20px 0; border-radius: 5px; position: relative;
background-image:url(../images/hip_logo.png); background-repeat:no-repeat; background-position:20px center; background-size:100px; text-align:left; padding-left:170px;
}
.playguide_btn:after{ border: 1px solid; border-color: transparent #000 #000 transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg);}
.playguide_btn:hover{ opacity:0.9; color:#000;}

.playguide_btn.hip1{ border:6px solid #c00; }
.playguide_btn.hip2{ border:6px solid #0066cc}

.btn_box.hipsenkou{ margin-bottom:30px;}
.btn_box.hipsenkou li{ font-size:18px;}

.btn_box.etc li .top_txt{ padding:10px 0;}

.notice_tee{ width: 100%; display: table; background-color: rgba(0,0,0,0.7); padding: 30px; margin-bottom: 60px;}
.notice_tee figure.tee{ display: table-cell; width: 50%;}
.notice_tee figure.tee img{ width:100%;}
.notice_tee .txt_box{ width: 50%; display: table-cell; text-align: left; vertical-align: top; padding-left: 30px;}
.notice_tee .txt_box h4{ background-color: #fbbc05; color: #000; font-size: 16px; font-weight: bold; padding: 4px 0 3px 11px; margin-bottom: 10px;}
.notice_tee .txt_box p{ font-size: 14px; line-height: 1.7em;}

.btn_box{ margin-bottom: 0; padding: 0 40px;}
.btn_box li{ float:left; width:49%; margin-right:2%; border: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important;}
.btn_box li:nth-of-type(2n){ margin-right:0;}
.btn_box li:hover{ opacity: 0.8;}
.btn_box li .top_txt{ color:#333; font-size:18px; font-weight:bold; line-height:1; background-color:#fff; padding: 10px 5px; border: 3px solid #e71622; margin: 0;}
.btn_box li .top_txt img{ width: 89px !important;}
.btn_box li .bottom_txt{ color:#fff; font-size:16px; font-weight:bold; line-height:1.5em; background-color:#e71622; padding:10px; position:relative;}
.btn_box li .bottom_txt:before,
.btn_box li .bottom_txt:after{ border: 1px solid; border-color: transparent #fff #fff transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg);}
.btn_box li .bottom_txt:before{ right:1.5em;}

.ticket_info .other_btn{}
.ticket_info .touroku{ color:#fff; font-size:18px; font-weight:bold; margin-bottom:16px;}
.ticket_info .touroku p{ display:inline-block; width:50%; font-size:16px; line-height:1.5em; }
.ticket_info .touroku a{ display:inline-block; width:30%; padding:7px 0; margin:0 auto; border:1px solid #fff; color:#fff; line-height:1.5em; font-size:22px;}
.ticket_info .touroku a:hover{ opacity:0.8;}


.btn_box.etc li{ width:32.66%; margin-right:1%;}
.btn_box.etc li:last-child{ margin-right:0;}

.btn_box.dis .top_txt{ color:#888; border:3px solid #9e9f9f;}
.btn_box.dis li .bottom_txt{ color:#888; background-color:#9e9f9f;}
.btn_box.dis li .bottom_txt:before,
.btn_box.dis li .bottom_txt:after{ border-color: transparent #888 #888 transparent;}
.btn_box.dis li:hover{ opacity: 1;}

.en_link{ color: #e61623; font-size: 26px; font-weight: bold; line-height: 1.5em; background-color: #000; display: inline-block; width: 25em; border: 3px solid #e61623; border-radius: 5px; padding: 16px 0; position: relative;}
.en_link:after{ content: ""; position: absolute; top: calc(50% - 7px); right: 0.8em; width: 10px; height: 10px; border: 2px solid; border-color: transparent #e61623 #e61623 transparent; transform: rotate(-45deg); transition: 0.3s;}
.en_link:hover{ color:#e61623; opacity: 0.8;}

/******************** vip *************************/
.vip{ background-color:#000; padding:0 0 15px 0; color:#eee; text-align: left;}

#tickets .vip h2{ margin-bottom:10px;}
#tickets .vip h2 span{ display: block; padding: 10px 10px 0; color: #fbbc05; font-size: 24px; font-weight: bold; text-align: center;}
.vip_lead{  font-size:16px; line-height:30px; margin-bottom:20px;  vertical-align: top; padding: 0 3%;}
.vip_lead{ font-size:16px; line-height:30px; margin-bottom:20px}
.vip_lead p{margin-bottom: 10px;}
.vip_lead .ticket_notice{padding-top: 0;}
.vip_lead .ticket_notice li{line-height: 1.8em;}
.vip_lead .lead01{ font-size:22px; font-weight:bolder; color:#cc0000;}
.vip_lead strong{ color:#f74646;}

.vip_leadImg{width: 430px;display: table-cell;vertical-align: top;padding: 0 0 50px 30px;}
.vip_leadImg ul{font-size: 0;text-align: center;}
.vip_leadImg ul li{vertical-align: top;display: inline-block;margin-right: 10px;}
.vip_leadImg ul li img{width: 210px;}
.vip_leadImg ul li:first-child img{width: 430px;}

.vip section{ background-color:#781c1f; margin-bottom:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

dl.vip_head { padding:10px 20px; background-color:#4f1113; border-bottom:1px solid #962428; }
.vip_head dt{ padding:10px 0; font-size:24px; font-weight:bolder;float:left; width:510px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.vip_head dt span{ display: block; margin-top: 5px; font-size: 80%;}
.vip_head dt small{ display: inline-block; margin-top: 5px;padding:1px 5px;font-size:12px;background-color:#3366cc;vertical-align:top;}
.vip_ssTtl{ padding: 20px 0 10px !important;}
.vip_head dd{ padding:10px 0; font-size:22px; font-weight:bolder; float:right; width:420px; text-align:right; border-left:1px solid #430f10;}
.vip_head dd span{ font-size:12px;}


.vip_info{ padding:20px;}

.vip_info .vipmap{ width:250px; height:310px;  float:left;}
.vip_info dl{ padding-left:280px;}
.vip_info dt{ font-weight:bolder; margin-bottom:5px;}
.vip_info dd{}

.vip_info dd ul{ margin-bottom:15px;}
.vip_info dd li{ font-size:16px; line-height:24px; margin-bottom:5px; background-color:#571316; padding:10px; text-align: left; border: none;}

.vip_info dd li.ssonly{ background-image:url(../images/ssonly.gif); background-position:6px 6px; background-repeat:no-repeat; padding-left:85px; color:#ffcc00; font-weight:bolder; font-size:18px; line-height:30px;}
.vip_info dd li.ssonly i{color:#ffcc00; font-weight:bolder; font-size:14px; line-height:1.8em;font-style: normal;}
.vip_info dd li.ssonly span{ font-size: 0.8em; display: block; line-height: 1.5em;}
.vip_info dd li.sonly{ background-image:url(../images/sonly.gif); background-position:6px 6px; background-repeat:no-repeat; padding-left:85px;color:#ffcc00; font-weight:bolder;}
.vip_info dd li.ss_sonly{ background-image:url(../images/ss_sonly.gif); background-position:6px 6px; background-repeat:no-repeat; padding-left:85px; color:#ffcc99; font-weight:bolder;}
.vip_info dd li.aonly{ background-image:url(../images/aonly.gif); background-position:6px 6px; background-repeat:no-repeat; padding-left:85px;color:#ffcc00; font-weight:bolder;}
.vip_info dd li.bonly{ background-image:url(../images/bonly.gif); background-position:6px 6px; background-repeat:no-repeat; padding-left:85px;color:#ffcc00; font-weight:bolder;}

.vip_howto{
	background-color:#FFF; margin-bottom:30px;
	padding:25px 20px;
	text-align:left;
	color:#333;
}
.vip_howto h3{font-size:30px;font-weight:bolder;margin-bottom:30px;color:#990000;text-align: center;line-height: 30px;}

.vip_line1{ margin-bottom:20px;}
.vip_line1 h4{ font-size:24px; line-height:24px; margin-bottom:10px;}
.vip_line1 h5{ font-size:16px; margin-bottom:10px;}
.vip_price{ width:450px; float:left; margin-left:28px;}

.vip_price .day2sold{ color:#C00; font-weight:bolder; margin-bottom:5px; text-align: center; border:1px solid #C00; padding:5px 0;}

.vip_price dl{border-bottom:1px solid #aaa;padding:5px 0; }
.vip_price dl:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.vip_price dt{float:left;width:300px; padding:3px 0; line-height:1.5em;}
.vip_price dd{float:right;width:100px;border-left:1px solid #aaa;padding:0 20px 0 20px ;text-align:right;}
.vip_price dd span{ font-size:11px;}

.vip_price .sold{ color:#999;}
.vip_price .sold dt{ background-image:url(../images/sold_icon.png); background-repeat:no-repeat; padding-left:80px;width: 220px;}

#tickets .price.vipprice ul{ margin-bottom:10px;}


.vipprice h3{ padding-left:10px!important;}
.vipprice li.sold,
.vipprice li.sold2{ position:relative; padding-left: 4em;}
.vipprice li.sold:before,
.vipprice li.sold2:before{ position:absolute; color: #fff; background-color: #ff0000; font-size: 16px; font-weight: 500; line-height: 1.5em; left: 0; width: 6em; text-align: center;}
.vipprice li.sold:before{ content:"SOLD OUT";}
.vipprice li.sold2:before{ content:"残り僅か"; background-color:#3366CC;}
.vipprice li.sold .left,
.vipprice li.sold .right{ text-decoration: line-through red; color: #6d6d6d;}


.vip_date{ width:944px; float:right; text-align:center; background-color:#f5f5f5; padding:20px;margin-top:20px;}
.vip_date h4{ margin-bottom:20px;}
.vip_date p{ font-size:20px; color:#990000; font-weight:bolder; line-height:32px; margin-bottom:10px;}
.vip_date p span{ font-size:30px;}

.vip_link{  margin-bottom:10px; }
.vip_link a{ color:#FFF; font-size:20px; text-align:center;padding: 20px 0; background-color:#e71622; display:block;}

.vip_link table{width:100%;}
.vip_link td{ width:20%; text-align:center; background: #000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 15px 0; border: 3px solid #902225;}
.vip_link td:hover{ background: #c02c30;}
.vip_link td:first-child{ border-left:none;}
.vip_link td a{ color:#FFF;}
.vip_link p{ margin-top: 20px; font-size: 16px; text-align: center; color: #fff;}
.vip_link p a{ text-align: center; color: #fff; font-size: 16px; text-decoration: underline;}
.vip_link p a:hover{ color: #c02c30;}

#tickets .ticket_notice h3{ background:none; text-align:left; color:#ffcc00; font-size:18px; line-height:1.7em; margin-bottom:5px; padding:0;}
#tickets .ticket_notice{ font-size:12px; line-height:1.5em; margin-bottom:20px;}


.en_notice{ background-color: rgba(0,0,0,0.7); padding: 50px; text-align: left; margin-top: 80px;}
.en_notice .box{ padding: 30px 30px 12px; border: 4px solid #fff; margin-bottom: 1em;}
.en_notice .box .pg_box{ margin: 30px 0;}
.en_notice .box .pg_box span strong{ font-size: 16px; background-color: #fbbc05; color: #000; display: block; padding: 4px 12px; line-height: 1.5em; margin-bottom: 1em;}
.en_notice .box .pg_box strong{ color: #fbbc05;}
.en_notice p{ font-size: 16px; font-weight: 400; line-height: 1.5em; word-break: break-word;}
.en_notice p.tit{ text-align: center; font-size: 24px; font-weight: bold; line-height: 1.5em; margin-bottom: 1.5em;}
.en_notice p.stit{ font-size: 20px; font-weight: bold;}
.en_notice p.band{ text-align: center; font-size: 18px; line-height: 1.7em; margin-bottom: 2em;}
.en_notice p.band strong{ font-size: 1.1em; line-height: 2em; display: block;}
.en_notice hr{ margin: 3vw 0;}
.en_notice strong{word-break: break-word;}
.en_notice span{word-break: break-word;}

@media only screen and (max-width: 768px){
#tickets h2{ margin-bottom:20px;}

.tk_anc{ width: 100%; font-size: 16px; margin-bottom: 12px; padding: 12px 12px;}
.tk_anc:after{ right: inherit; top: inherit; left: 50%; bottom: 16px; transform: translateX(-50%) rotate(45deg);}

#tickets .price{ width:100%;}
#tickets .price h3{ padding:0.5em 0; font-size:20px; letter-spacing:0.05em;}
#tickets .price li{ text-align:left; border-bottom:1px solid #fbbc05; padding:0.7em 0.7em; font-size:22px;}
#tickets .notice{ font-size:14px; line-height:1.5em;}

#tickets .price h3 span{ margin-bottom: -2px; margin-top: -6px;}

#tickets .price li.sold,
#tickets .price li.sold2{ padding-left: 3.3em;}
#tickets .price li.sold:before,
#tickets .price li.sold2:before{ font-size: 12px; line-height: 2.3em; width: 5.5em;}

.vipprice li.sold{ padding-left: 4em!important;}
.vipprice li:before{ font-size: 12px; line-height: 2.3em; width: 5.5em;}

#tickets .ticket_info li{ font-size:16px; padding-bottom: 1em;}
#tickets .ticket_info li h2{ margin-bottom:10px;}
#tickets .ticket_info li p.date{ font-size:18px; margin:0; margin-bottom:10px;}

#tickets .ticket_info .hiplink{ font-size:14px;}
#tickets .ticket_info .hiplink a{ width:80%; }

#tickets .ticket_notice h3{ padding:0; font-size:16px; line-height:1.5em; }

/* 終了表記 */
#tickets li.end,
.english li.end{ font-size: 14px; width: 100%; margin: 0 auto 6px; padding-bottom: 1em;}
#tickets li.end h2,
.english li.end h2{ margin-bottom: 14px;}
#tickets li.end p.date,
.english li.end p.date{ font-size:14px; margin-bottom:0;}


.playguide_btn{ margin: 10px auto 0; font-size: 16px; line-height:1.4em; padding: 10px 0; width: 100%; padding-left:80px; background-position: 10px center; background-size: 60px; font-size:14px;}


.btn_box.hipsenkou{ margin-bottom:10px;}


.btn_box{ margin-bottom:0;  padding: 0 12px;}
.btn_box li{ float:none; width:100%; margin-right:0; margin-bottom:6px; padding-bottom: 0;}
.btn_box li:nth-child(2){ margin-right:0;}
.btn_box li .bottom_txt{ font-size:14px; padding: 5px 0 8px; margin-bottom:8px;}

.btn_box li .top_txt{ padding:15px 0; font-size:16px;}
.btn_box li .notice{ padding-top:10px; line-height:1.4em;}

.btn_box li .top_txt { padding:5px 0;}
.btn_box li.hip .top_txt{ padding: 9px 0 6px;}
.btn_box li .top_txt img{ width:18% !important;}

.btn_box.etc li{ width:100%; margin-right:0;}

.ticket_info .touroku a{ width: 80%; font-size: 14px; padding: 8px 0;}

.notice_tee{ display: block; padding: 12px; margin-bottom: 40px;}
.notice_tee figure.tee{ display: block; width: 100%; margin-bottom: 12px;}
.notice_tee .txt_box h4{ padding: 4px 0; text-align: center; font-size: 14px;}
.notice_tee .txt_box{ display: block; width: 100%; padding-left: 0;}
.notice_tee .txt_box p{ font-size: 13px; line-height: 1.5em;}

.en_link{ width: 80%; font-size: 14px; border: 2px solid; padding: 8px 0;}
.en_link:after{ width: 5px; height: 5px; top: calc(50% - 4px);}



#tickets .price.vipprice li{ font-size: 18px; }
#tickets .price.vipprice li .right span{ font-size: 0.6em;}


#tickets .ticket_info.day1 .btn_box li .top_txt{ padding:6px 0 0;}

.vip_lead{ line-height: 1.5em;}
dl.vip_head { padding:10px; background-color:#4f1113; border-bottom:1px solid #962428; }
.vip_head dt{ font-size:16px; font-weight:bolder; width: auto; float: none;
 border-radius: 0; border-bottom:1px solid #999; padding-bottom:5px;}
.vip_head dt span {font-size: 12px;}

.vip_head dd{ padding:10px 0; font-size:16px;  width: 100%; float: none;}
.vip_head dd span{ display:block; font-size:0.7em; line-height:14px; padding-top:5px;}

.vip_leadImg ul{ margin-bottom:10px;}
.vip_leadImg ul:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.vip_leadImg li{ float:left; width:50%; line-height:0;}
.vip_leadImg li img{ width:100%;}

.vip_info{ padding:10px; }

.vip_info .vipmap{ text-align:center; margin-bottom:5px; width: 100%; height: auto;}
.vip_info dl{ padding-left: 0;}
.vip_info dt{ width:inherit; font-weight:bolder; margin-bottom:5px;}
.vip_info dd{}

.vip_info dd ul{ margin-bottom:15px;}
.vip_info dd li{ margin-bottom:5px; background-color:#571316; padding:10px;}

.vip_info dd li.ssonly{ background-image:url(../images/ssonly_sp.gif); background-position:6px 6px; background-repeat:no-repeat; padding-left:50px; color:#ffcc00; font-weight:bolder; font-size:14px; line-height:20px; min-height:30px;}
.vip_info dd li.sonly{ background-image:url(../images/sonly_sp.gif); background-position:6px 6px; background-repeat:no-repeat; padding-left:50px;color:#ffcc00; font-weight:bolder;min-height:30px;}
.vip_info dd li.ss_sonly{ background-image:url(../images/ss_sonly_sp.gif); background-position:6px 6px; background-repeat:no-repeat; padding-left:50px; color:#ffcc99; font-weight:bolder; min-height:30px;}
.vip_info dd li.aonly{ background-image:url(../images/aonly_sp.gif); background-position:6px 6px; background-repeat:no-repeat; padding-left:50px;color:#ffcc00; font-weight:bolder;min-height:30px;}
.vip_info dd li.bonly{ background-image:url(../images/bonly_sp.gif); background-position:6px 6px; background-repeat:no-repeat; padding-left:50px;color:#ffcc00; font-weight:bolder;min-height:30px;}

.vip_info a{ color:#FC0;}

.vip_howto{ background-color:#FFF; padding:20px 10px; text-align:center; color:#333;  text-align:left; margin-bottom:20px;}
.vip_howto h3{
	font-size:14px;
	font-weight:bolder;
	margin-bottom:15px;
	color:#990000; text-align:center;
}
.vip_price{ margin-bottom:15px;}
.vip_price dl{ border-bottom:1px dashed #CCC; padding-bottom:5px; margin-bottom:5px;}
.vip_price a{ color:#C00;}

.vip_howto h4{	font-weight:bolder; background-color:#900; color:#FFF; padding:5px; margin-bottom:5px;}
.vip_howto h4 span{ font-size:10px;}
.vip_date p{ font-weight:bolder; text-align:center;}
.vip_date p span{ font-size:16px;}

.vip_notice{ font-size:12px;}
.vip_notice li{ margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #CCC;color: #000;}

	.vip_link a{ font-size:16px;}

.vip_link2{ margin-bottom:15px;}
.vip_link2 a{ display:block;  border:1px solid #900; background-color:#000; text-align:center; padding:7px; margin-bottom:3px;}
.vip_link2 a.lawson_link{ padding:15px 7px;}

.vip_link3{  margin-bottom:15px;  border:1px solid #900; background-color:#000; text-align:center; padding:7px;}
.vip_link3 p{ color: #fff;}
.vip_link3 p a{ text-decoration: underline;}

.en_notice{ padding: 20px 12px; margin-top: 40px;}
.en_notice .box{ padding: 20px 12px 8px; border: 2px solid #fff;}
.en_notice .box .pg_box{ padding-top: 12px; margin-top: 12px;}
.en_notice .box .pg_box span strong{ font-size: 14px; display: block; padding: 2px 8px; margin-bottom: 12px;}
.en_notice p{ font-size: 14px; line-height: 1.5em;}
.en_notice p.tit{ font-size: 18px; line-height: 1.5em; margin-bottom: 1.2em;}
.en_notice p.stit{ font-size: 16px;}
.en_notice p.band{ text-align: center; font-size: 14px; line-height: 1.6em;}
.en_notice p.band strong{ line-height: 1.5em; margin-bottom: 6px;}
.en_notice hr{ margin: 24px 0;}
}


/********************** english *******************************/
.english{ width:94%; max-width:1000px; margin:0 auto 10vw;position:relative; z-index:10;}
.english.in_wrap{ max-width:1000px;}
.english h2{ width:40%; margin:0 auto 20px;}
.english h2 img{ width:100%;}
.english h3{ font-size:36px; font-weight:bold; line-height:1.5em; margin-bottom:30px;}
.english .en_date{ font-weight:bold; line-height:2.5em;}
.english .en_date span{ font-size:2em;}
.english .notice{ margin-bottom:2.5vw; clear:both; text-align:left;}

.english .en_date span.cancel{ font-size: 0.7em; display: block; line-height: 1.5em; text-decoration: line-through; color: #666;}

.english .eng_tk{ margin-bottom: 12px;}
.english .price{ width:49%; float: left; background-color:#222; color:#fbbc05; padding:1%; margin-right:2%; margin-bottom:2%;font-family: 'Oswald'}
.english .price.vipprice{float: none;}
.english .price.day2{ margin-right:0;}
.english .price h3{ background-color:#fbbc05; color:#000; font-weight:bold; padding:0.5em 0; font-size:26px; letter-spacing:0.05em; line-height: 1.1em; margin-bottom: 0;}
.english .price.twoday{ width:100%; margin-right:0;}

.english .price h3 span,
.english .vip .price h4 span{ display: block; font-size: 0.7em; font-weight: 400; line-height: 1.5em; margin-bottom: 0px; margin-top: -6px;}
.english .price h3 span.cancel,
.english .vip .price h4 span.cancel{ text-decoration: line-through; color: #8a8a8a;}

.english .price li{ text-align:left; border: none; border-bottom:1px solid #fbbc05; padding:1em 1em; font-size:26px; margin-bottom: 0;}
.english .price li:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
/* .english .price li .left{ float:left;}
.english .price li .right{ float:right;} */
.english .price li .right .link a{
  padding: 1px 19px;
  background: #f00;
  color: #fff;
  font-size: 0.6em;
  text-align: center;
  margin-left: 10px;
}
@media only screen and (max-width: 768px){
  .english .price li .right .link a{
    display: block;
    margin: 0 0 5px;
  }
}

.english .price li.sold{ position:relative; padding-left: 4em;}
.english .price li.sold:before{ content:"SOLD OUT"; position:absolute; color: #fff; background-color: #ff0000; font-size: 16px; font-weight: 500; line-height: 1.5em; left: 0; top: 50%; width: 6em; text-align: center; transform: translateY(-50%);}
.english .price li.sold .left,
.english .price li.sold .right{ text-decoration: line-through red; color: #6d6d6d;}

.english .ticket_info{ width:70%; margin:2vw auto;}
.english .ticket_info.day1 ul{ padding:0;}
.english .ticket_info.day1 li{ text-align:center; padding:0; width:100%; }
.english .ticket_info.day1 .btn_box li .top_txt{ padding:10px 5px 0;}

.english li{ font-size:30px; font-weight:bold; line-height:1.5em; padding-bottom:30px; border: 1px solid #e71622; margin-bottom: 1em;}
.english li h2{ background-color:#e71622; padding:0.5em 0; font-weight:bold; margin-bottom:40px; width:100%;}
.english li p.date{ font-size:36px; margin-bottom:30px;}
.english li p.date span{ font-size:0.6em;}
.english li .btn_box{}
/* .english li .btn_box li{ width:100%; border:none; margin:0; padding:0;}
.english li .btn_box li a.vip_btn{ display:block; background-color:#c00; border-radius:10px; padding:20px 0; color:#fff;}
.english li .btn_box li span{ font-size:0.7em;} */

.english .vip .price{ color:#fff;}
.english .vip .price h3{ background-color: #a00; text-align: center; color: #fff; margin-bottom:10px;}
.english .vip .price h4{ background-color: #fbbc05;
    color: #000;
    font-weight: bold;
    padding: 0.5em;
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: inherit;
    margin-bottom: 0;
}
.english .vip .price ul{ margin-bottom:10px;}
.english .vip .price li{ border-bottom: 1px solid #aaa;}

.english .vip .ticket_notice h3{ background:none; text-align:left; color:#ffcc00; font-size:18px; line-height:1.7em; margin-bottom:5px; padding:0;}
.english .vip .ticket_notice{ font-size:12px; line-height:1.5em; margin-bottom:20px;}


@media only screen and (max-width: 768px){
.english{  margin:0 auto 20px;}
.english h2{ width:40%; margin:0 auto 10px;}
.english h2 img{ width:100%;}
.english h3{ font-size:16px; font-weight:bold; line-height:1.5em; margin-bottom:20px;}
.english .en_date{ font-weight:bold; line-height:1.5em; font-size:12px; margin-bottom: 20px;}
.english .en_date span{ font-size:1.5em;}
.english .notice{ margin-bottom:20px; text-align:left; font-size:14px; line-height:1.3em; }

.english .en_date span.cancel{ margin-bottom: 2px;}

.english .price{ width:100%;}
.english .price h3{ padding:0.5em 0; font-size:20px; letter-spacing:0.05em;}

.english .price h3 span,
.english .vip .price h4 span{ margin-bottom: 2px; margin-top: -4px;}

.english .price li{ text-align:left; border-bottom:1px solid #fbbc05; padding:0.7em 0.7em; font-size:22px;}

.english .price li.sold{ padding-left: 3.3em;}
.english .price li.sold:before{ font-size: 12px; line-height: 2.3em; width: 5.5em;}

.english li{ font-size:16px; font-weight:bold; line-height:1.5em; padding-bottom:15px; border: 1px solid #e71622; margin-bottom: 1em;}
.english li h2{ background-color:#e71622; padding:0.5em 0; font-weight:bold; margin-bottom:10px; width:100%;}
.english li p.date{ font-size:18px; margin-bottom:10px;}
.english li p.date span{ font-size:0.6em;}
.english li .btn_box{}
.english li .btn_box li{ width:100%; border:none; margin:0; padding:0;}
.english li .btn_box li a.en_btn img{ width:100%; margin: 0 auto;}

.english .vip .price h3{  font-size: 18px; padding: 10px; text-align: left;}
.english .vip .price li{ font-size: 16px;}
.english .vip .price h4{ font-size:16px;}
.english .vip .price li.sold{ padding-left:5em!important;}

.english .ticket_info{ width:100%; margin:5vw 0;}


.english .vip .ticket_notice h3{  font-size:16px; line-height:1.5em; padding:0; }


.english h3,
.english p,
.english li{word-break: break-word;}
}


/********************** glamb COLLABORATION *******************************/
#glamb .lead{
  margin: 60px auto 100px;
}
#glamb h4 img{
  width: 226px;
  margin-bottom: 40px;
}
#glamb .item_sec{
  margin-bottom: 80px;
}
#glamb .item_sec h5{
  width: 400px;
  margin: 0 auto 20px;
}
#glamb .item_sec .items{
  display: -webkit-flex;
	display: -ms-flex;
	display: flex;
  -webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
#glamb .item_sec .items .price{
  color: #f00;
  display: block;
  margin: 15px 0 10px;
}
#glamb .item_sec .items .item{
  width: calc((100% - 40px)/2);
  margin: 0 40px 40px 0;
}
#glamb .item_sec .items .item:nth-of-type(2n){
  margin-right: 0;
}
#glamb .gallery-item_sec .items .item{
  width: calc((100% - 30px)/4);
  margin: 0 10px 10px 0;
}
#glamb .gallery-item_sec .items .item:nth-of-type(2n){
  margin-right: 10px;
}
#glamb .gallery-item_sec .items .item:nth-of-type(4n){
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  #glamb .lead{
    margin: 30px auto 40px;
  }
  #glamb h4 img{
    width: 160px;
  }
  #glamb .item_sec h5{
    width: 70%;
  }
  #glamb .item_sec .items{
    display: block;
  }
  #glamb .item_sec .items .item{
    width: 100%;
    margin: 0 auto 40px;
  }
}

/********************** goods *******************************/
.goods_infotxt{ color: #ff0000; font-size: 26px; font-weight: bold; line-height: 1.5em; margin: 3vw 0; padding: 0 3%;}

#goods{}
#goods .goods_bnr{ display: block; margin-bottom: 20px;}

#goods .goods_info{ border: 1px solid #e71622; padding: 0px 0px 30px; margin-bottom: 30px;}
#goods .goods_info h3{ font-size: 30px; font-weight: bold; line-height: 1.5em; background-color: #e71622; padding: 20px 0px; margin-bottom: 24px;}
#goods .goods_info h3 span{ font-size: 0.7em; display: inline-block; margin-left: 6px;}
#goods .goods_info h4{ font-size: 20px; line-height: 1.5em; margin-bottom: 6px;}
#goods .goods_info p{ font-size: 16px; line-height: 1.5em; word-break: break-word;}
#goods .goods_info p.tit{ font-size: 24px;}
#goods .goods_info p.tit span{ font-size: 1.5em;}
#goods .goods_info .buy_link{ background-color: #e71622; color: #fff; display: block; width: 94%; max-width: 600px; margin: 0 auto; padding: 20px 0; font-size: 20px; font-weight: bold; line-height: 1.5em; position: relative;}
#tickets .goods_info .buy_link,
#goods #museum .goods_info .buy_link,
#glamb #goods .goods_info .buy_link{ background-color: #ffff00; color: #000; display: block; width: 94%; max-width: 600px; margin: 0 auto; padding: 20px 0; font-size: 20px; font-weight: bold; line-height: 1.5em; position: relative;}
#goods .goods_info .buy_link{ pointer-events: none;}
#tickets .goods_info .buy_link:before,
#tickets .goods_info .buy_link:after,
#goods .goods_info .buy_link:before,
#goods .goods_info .buy_link:after{ border: 1px solid; border-color: transparent #fff #fff transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg);}
#tickets .goods_info .buy_link:before,
#tickets .goods_info .buy_link:after,
#glamb #goods .goods_info .buy_link:before,
#glamb #goods .goods_info .buy_link:after,
#goods #museum .goods_info .buy_link:before,
#goods #museum .goods_info .buy_link:after{ border: 1px solid; border-color: transparent #000 #000 transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg);}
#goods .goods_info .buy_link:before{ right:1.5em;}
#tickets .goods_info .buy_link:before,
#goods #museum .goods_info .buy_link:before{ right:1.5em;}

.goods_anchor{
  display: flex;
  justify-content: center;
  margin-bottom: 3em;
}
.goods_anchor a{
  padding: 2em;
  color: #ffcc00;
  font-size: 24px; 
  font-weight: bold;
}
.goods_anchor a:hover{
  opacit: .8;
}
.goods_anchor a:after{
  content: "▼";
  margin-left: .5em;
}


#goods .modal_goods{}
#goods .modal_goods li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 2%;}
#goods .modal_goods li:nth-child(2n){ margin-right: 0;}
#goods .modal_goods li a{ display: block; line-height: 0; margin-bottom: 8px;}
#goods .modal_goods li img{}
#goods .modal_goods li p{ font-size: 18px; line-height: 1.5em; text-align: left; margin: 0; padding-left: 12px;}
#goods .modal_goods li p span{ color: #f00;}

@media only screen and (max-width: 768px) {
.goods_infotxt{ font-size: 16px; margin: 12px 0;}

#goods .goods_bnr{ margin-bottom: 10px;}

#goods .goods_info{ padding: 0 0 10px; margin-bottom: 20px;}
#goods .goods_info h3{ font-size: 18px; padding: 10px; margin-bottom: 12px; text-align: left;}
#goods .goods_info h3 br{display: none;}
#goods .goods_info h4{ font-size: 16px; margin-bottom: 4px;}
#goods .goods_info p{ font-size: 14px; text-align: left; padding: 0 12px;}
#goods .goods_info p.tit{ font-size: 16px; text-align: center;}
#goods .goods_info .buy_link{ font-size: 14px; padding: 10px 0;}

#goods .modal_goods li{ width: 100%; float: none; margin-right: 0;}
#goods .modal_goods li a{ margin-bottom: 4px;}
#goods .modal_goods li p{ font-size: 14px; font-weight: bold; padding: 0;}
#goods .modal_goods li p span{ display: block;}
}


/* =timetable
------------------------------------------------------------------------------------------*/
#timetable{width:94%; max-width: 1200px;margin:0 auto;margin-bottom:60px; text-align:left; line-height:1em;}
#timetable h3{text-align: center;}
#timetable .announce{ border:5px solid #a00; padding:20px; text-align:center; margin-left:50px; font-size:16px; margin-bottom:20px;}

.tt_day1{ float:left; width:47%;}
.tt_day2{ float:right;width:47%;}
.tt_both{ width:100%;}

.tt_l1,.tt_l2,.tt_r1,.tt_r2{ width:24%;}

#timetable table{border-collapse:collapse; width:100%;}
#timetable th{ background-color:#333;border:solid 1px #666; text-align:center; height:36px; padding:7px; line-height:0;}

#timetable th.tt_purple{background-color:#333;}
#timetable th.tt_black{background-color:#333;}

#timetable td{border: solid 1px #616161;padding: 2px 14px 1px;background-color: rgba(0,0,0,0.3);height: 15px; width: 20%;font-size: 13px; line-height: 1.3em;}

#timetable .open{ text-align:center; background-color:#111;padding:15px;}
#timetable .end{ text-align:center; background-color:#111;padding:15px;}
#timetable .oa{background-color:#333;}
#timetable .artist{background-color:#900;line-height:18px;}
#timetable .artist_b{background-color:#036;line-height:17px;}

#timetable dl:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
#timetable dl{overflow: hidden;}
#timetable dt{ float:left; width:50px; height:50px;}
#timetable dd{float:right;width:100%;}

#timetable a:hover img{opacity:0.8;filter: alpha(opacity=80); }

#timetable .time{ vertical-align:top; padding:0 5px; width:5%; border:none; font-size:11px; background:none; text-align:center;}
#timetable .txt_s{font-size:10px;line-height: 10px;}
#timetable .txt_m{font-size:12px;line-height: 12px;}
.nmb_txt{ line-height:12px; padding-top:3px;}

#timetable td.noborder { border: none; background: none; padding-bottom: 6px;}

#timetable .note{ text-align:right; padding-top:30px; padding-left:45px; font-size: 14px; line-height: 1.5em;}

@media only screen and (max-width: 900px) {
#timetable td{ padding: 2px 6px 1px;font-size: 12px;}

#timetable .time{ padding: 0;}

#timetable .note{ padding-top: 12px; padding-left: 0; font-size: 12px;}
}


/********************** add *******************************/
.tiketore{ display: block; background-color: #002f6d; color: #fff; max-width: 600px; width: 94%; margin: 0 auto 30px; font-size: 16px; font-weight: bold; line-height: 1.5em; padding: 15px 0; border-radius: 4px; position: relative; z-index: 10;}
.tiketore:after{content: ""; position: absolute; top: calc(50% - 4px); right: 0.8em; width: 8px; height: 8px; border: 2px solid; border-color: transparent #fff #fff transparent; transform: rotate(-45deg); transition: 0.3s;}
.tiketore:hover{ opacity:0.9;}

@media only screen and (max-width: 768px) {
.tiketore{ font-size:14px; }
}

/********************** slick *******************************/
.slick-slide img{ width:100%;}
.slider {display: none;}
.slider.slick-initialized {display: block;}
.slick-slider {margin: 0;}
.slick-slide, .slick-slide img, .slick-active {-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;-ms-transition: .2s;transition: .2s;}
.slick-dots {bottom: 30px;}

/* Arrows */
.slick-prev,
.slick-next {background-size: 100%; background-repeat: no-repeat; border: none;  background-color: transparent; text-indent: -9999px;  width:30px; height:46px; position: absolute; top: calc(50% - 22px); z-index: 20; outline: 0; cursor: pointer;}
.slick-prev{ background-image: url(../images/arrow_l.png); transition: all 0.3s ease; left:-2%;}
.slick-next{ background-image: url(../images/arrow_r.png); transition: all 0.3s ease; right:-2%;}
.slick-prev:hover{opacity: 0.9; }
.slick-next:hover{opacity: 0.9; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {display:none; }

@media only screen and (max-width: 1000px), print {
.slick-slide {width: 700px;}
.slick-prev:before, .slick-next:before {font-size: 44px !important;color: black !important;}
.slick-prev, .slick-next {z-index: 4;height: 46px !important;width: 30px !important;}
.slick-prev {left: -2% !important;}
.slick-next {right: -2% !important;}
}
@media only screen and (max-width: 768px) {
.slick-slide {height: inherit !important;}
.slick-prev, .slick-next{ width: 18px; height: 30px; top: calc(50% - 10px);}
.slick-prev{ left:2%;}
.slick-next{ right:2%;}
}

/*lightbox*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:inherit;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:none;}
   /* #cboxContent{margin-bottom:60px; overflow:visible;}*/
    #cboxContent{margin-right:60px; overflow:visible;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:transparent;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxClose{text-indent:-9999px; width:40px; height:100%; position:absolute; top:0;background:url(../images/controls2.png) no-repeat 0 0;}

        #cboxClose{background-position:7px 0; right:-50px; border:0; outline:none;}
        #cboxClose:hover{background-position:-40px 0;}

#cboxPrevious, #cboxNext{background-image:url(../images/controls.png);  }


@media screen and (max-width: 768px) {
#cboxContent{ margin-right:0; margin-bottom:50px;}
#cboxClose{ right:inherit;right: 0; top:inherit; bottom:-35px; height: 22px;}
}

.knottv .items{
  display: -webkit-flex;
	display: -ms-flex;
	display: flex;
  -webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.knottv .items .item{
  width: calc((100% - 40px)/3);
  margin: 0 20px 40px 0;
}
@media screen and (min-width: 769px) {
  .knottv .items .item:nth-of-type(3n){
    margin-right: 0;
  }
}
.knottv .items .item h3{
  color: #fff;
}
@media screen and (max-width: 768px) {
  .knottv .items .item{
    width: calc((100% - 20px)/2);
    margin-right: 20px;
  }
  .knottv .items .item:nth-of-type(2n){
    margin-right: 0;
  }
}

.sponsor{
  width: 1100px;
  margin: 0 auto;
}
.sponsor_wrap{
  border:1px solid #444;
  padding: 20px 20px 15px;
  background: rgba(0,0,0,.5);
  text-align:left;
}
.sponsor .sponsor_wrap ul{
  display: -webkit-flex;
	display: -ms-flex;
	display: flex;
  -webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.sponsor .sponsor_wrap h2{
  margin-bottom: 5px;
}
.sponsor .sponsor_wrap li{
  width: calc((100% - 50px)/6);
  margin: 0 10px 0 0;
}
.sponsor .sponsor_wrap li a img{
  width: 100%;
}
.sponsor .sponsor_wrap li:last-child{
  margin-right: 0;
}
@media screen and (max-width: 768px){
  .sponsor{
    width: 100%;
  }
  .sponsor .sponsor_wrap h2{
    width: 42px;
  }
  .sponsor .sponsor_wrap h2 img{
    width: 100%;
  }
  .sponsor .sponsor_wrap li{
    width: calc((100% - 10px)/2);
    margin: 0 10px 0 0;
  }
  .sponsor .sponsor_wrap li:nth-of-type(2n){
    margin-right: 0;
  }
}

#info #goods .goods_info li{
  margin-bottom: 20px;
}

#food .in_head h2 img {
  width: auto !important;
  height: 7vw;
}
#food .item_sec .items{
  display: -webkit-flex;
	display: -ms-flex;
	display: flex;
  -webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
#food .item_sec .items .price{
  font-weight: 600;
  display: block;
  margin: 15px 0 10px;
}
#food .item_sec .items .item{
  width: calc((100% - 60px)/4);
  margin: 0 20px 20px 0;
}
#food .item_sec .items .item .btn a{
  width: 260px;
  padding: 12px 0;
  margin: 0 auto;
  display: block;
  background: #e71622;
  color: #fff;
  position: relative;
}
#food .item_sec .items .item .btn a::before,#food .item_sec .items .item .btn a::after{
  border: 1px solid;
  border-color: transparent #fff #fff transparent;
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  right: 1em;
  width: 5px;
  height: 5px;
  transform: rotate(-45deg);
}
#food .item_sec .items .item .btn a::before {
  right: 1.5em;
}
#food .item_sec .items .item:nth-of-type(4n){
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  #food .item_sec .items{
    display: block;
  }
  #food .item_sec .items .item .btn a{
    width: 100%;
  }
  #food .item_sec .items .item{
    width: 100%;
    margin: 0 auto 40px;
  }
}

#museum .img-item_sec .img-items{
  display: -webkit-flex;
	display: -ms-flex;
	display: flex;
  -webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
#museum .img-item_sec .img-items .img-item{
  width: calc((100% - 30px)/4);
  margin: 0 10px 0 0;
}
#museum .img-item_sec .mov iframe{
  width: 900px;
  height: 500px;
  margin-top: 40px;
}
#museum .goods_info p{
  margin-top: 30px;
}
#museum .info{
  width: 80%;
  margin: 0 auto;
  background: #222;
  padding: 30px;
}
#museum .info li{
  margin-bottom: 30px;
}
#museum .info li h3{
  color: #fc0;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 16px;
  text-align: left;
}
#museum .info li p{
  color: #fff;
  text-align: left;
}

#museum .img-item_sec .img-items .img-item:nth-of-type(4n){
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  #museum .img-item_sec .img-items{
    display: block;
  }
  #museum .img-item_sec .img-items .img-item{
    width: 100%;
    margin: 0 auto 40px;
  }
  #museum .img-item_sec .mov iframe{
    width: 100%;
    height: 220px;
  }
}
#notice{
  width: 94%;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 60px;
  text-align: left;
  line-height: 2em;
}
#notice ul{
  margin-bottom: 1.5em;
}
#notice ul li{
  position: relative;
  padding-left: 1.5em;
  line-height: 2em;
}
#notice ul li:before{
  content: "■";
  position: absolute;
  left: 0;
}
#notice ul li a{
  color: #ffcc00;
}

#gallery{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#gallery iframe{
  max-width: 330px !important;
  margin: 0 1em 2em !important;
}