@charset "utf-8";

.notice_link{ width:94%; max-width:1100px; margin:0 auto 3vw; }
.notice_link a{ display:block; background-color:#c00; color:#fff;  font-weight:bold; padding:30px 0 30px 25px; font-size:28px; line-height:1em;}
.notice_link a:hover{ opacity:0.9;}
.notice_link a:after {
    content: "＞";
    float: right;
    font-family: "Oswald";
    padding-right: 25px;
    font-size: 20px;
}

.notice{background-image:url(../images/bg_black.jpg); background-size:100%; background-repeat:no-repeat; background-position:top center; background-attachment:fixed; color:#fff; text-align:left; padding:5vw 0;}

.notice img{ width:100%;}
.notice h1{ text-align: center; font-size: 28px; font-weight: bold; line-height: 1em; margin-bottom: 35px; background-color:#dac498; color:#000; padding:25px 0 22px 0;}

.notice_block{ margin-bottom:30px; font-size:18px; line-height:1.7em; border-bottom:1px solid #dac498; padding-bottom:20px;}
.notice_block h2{ font-weight:bold; font-size:24px; line-height:1.5em; margin-bottom:0.5em; color:#dac498; max-width:inherit; margin:0 0 1em;}
.notice_block p{ margin-bottom:1em;}
.notice_block .sm{ font-size:0.8em; line-height:1.8em; display:inline-block;}

.notice_block ul{ list-style-type: disc; padding-left:2em;}
.notice_block li{ border-bottom:1px dashed #CCCCCC; padding-bottom:0.8em; margin-bottom:0.8em; padding-left:0.5em;}

.notice_block .alert{color:#dac498;}

.notice .back a{ display:block; width:100%; text-align:center; border:2px solid #dac498; padding:40px 0; font-size:24px; line-height:1em; font-weight:bold;}

@media only screen and (max-width: 639px){
.notice .container{ margin:0; width:100%;}
.notice_link{margin:0 auto 15px;}
.notice_link a{ padding:10px 0 10px 10px; font-size:18px; line-height:1.4em;}
.notice_link a:after { content: "＞"; float: right; font-family: "Oswald"; padding-right: 10px; font-size: 14px;}

.notice{ padding:12px;}
.notice h1{ font-size:18px; padding:10px; line-height:1.4em; margin-bottom:1em;}

.notice h2{ font-size: 17px; line-height:1.4em;}
.notice_block{ margin-bottom:15px; padding-bottom:10px; font-size:16px; line-height:1.5em;}
.notice_block li{ padding-bottom:0.5em; margin-bottom:0.5em; }

.notice .back{ padding:10px 0;}
.notice .back a{ padding:10px; font-size:16px; line-height:1.4em;}
}


/* container */

.container{ max-width:1000px; width: 96%; margin:0 auto;}

h2{ max-width:170px; margin:0 auto;}
h2 img{ width:100%;}

#popupshop{ }
#popupshop img{ width:auto; height:auto; max-width:90vw; max-height:80vh;}
#popupshop a:hover img{ opacity:0.9;}

@media only screen and (max-width: 639px){
	
.container{ width:94%;}

main h2 img{ width:60%;}	
}

.tickets_bg{ background-image:url(../images/bg_black.jpg); background-size:100%; background-repeat:no-repeat; background-position:top center;background-color:#0f1110; border-top:170px solid #fff;}


@media only screen and (max-width: 639px){
.tickets_bg{ border-top-width:75px;}
}

/* News */

#news{ color:#333;  position: relative; z-index: 10; margin-top:-120px;}
#news h2{ margin:0 auto 20px; background-color:#fff;}
#news .news_list{ padding:37px 40px 22px; margin-top:-4px;  text-align:left; background-color: #f2f2f2;}
#news .news_list li{ padding-bottom:15px; margin-bottom:15px; 
background-image:url(../images/bar_news.png); background-repeat:no-repeat; background-size:100%; background-position:bottom;}
#news .news_list dl{ display:table; width:100%;}
#news .news_list dt{ display:table-cell; font-size:18px; color:#af8126; line-height:1.5em;  width:7em}
#news .news_list dd{ display:table-cell;}
#news .news_list dd a{ color:#333; text-decoration:underline;}
#news .news_list dd a:hover{ opacity:0.8;}

.vip_pht{ background-color:#000;}
.vip_pht div{ width:33.33%; float:left; line-height:0;}
.vip_pht img{ width:100%;}

@media only screen and (max-width: 639px){

#news{ width:100%; margin-top:-55px; }
#news .container{ padding:0 0;}
#news h2{ width:100%; margin:0 auto 10px; line-height:0;}
#news .news_list{ padding:0; margin-top:0px; padding-bottom:5px; }
#news .news_list li{ padding:10px 15px; margin-bottom:0;}
#news .news_list dl{ display:block;}
#news .news_list dt{ display:block; font-size:18px; margin-bottom:4px; line-height:1.4em;}
#news .news_list dd{ display:block; font-size:14px; padding:0 0 0 0; font-weight:300; line-height:1.4em;}
	
.vip_pht div{ width:50%;}
}



/* Tickets */
#ticket{ width:100%; padding-top:4vw; margin-bottom:11vw; position:relative; }


#ticket .date_wrap:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}

#ticket h2{ margin-bottom:30px;}
#ticket .date { padding-bottom:25px; float:left; width:72%;}
#ticket .date li{}
#ticket .date li img{ width:100%;}
/* #ticket .date li .seat_btn img{ width:240px; position: relative; top: -30px; right: 90px;} */


#ticket .map_seat{ display:block; width:24%; float:right; margin-top:7px; padding: 18px 0 15px; background-color:#fff; color: #7b5d22; line-height: 1.5em; font-size: 20px; font-weight: bold;}

#ticket .tickets_list{ margin-bottom:30px;}

#ticket .tickets_list .add_tit{  font-weight:bold; font-size:32px; line-height:1em; margin-bottom:20px; background-color:#FFF; padding:18px 0; color:#88734a; font-family:'Oswald';}

#ticket .tickets_list .tickets_price{ margin-bottom:20px;}
#ticket .tickets_list .tickets_price li{ text-align:left; background-color:#dac498; margin-bottom:8px; color:#000;}
#ticket .tickets_list .tickets_price li.sold{ background-color:#777;}
#ticket .tickets_list .tickets_price li.mgntop{ margin-top:20px;}
#ticket .tickets_list .tickets_price .ticket_box{ display:table; width:100%; padding:15px 48px;}
#ticket .tickets_list .tickets_price .t_type{ display:table-cell; font-size:35px; line-height:1.5em; font-weight:bold; vertical-align: middle;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#ticket .tickets_list .tickets_price .t_info{ display:table-cell; vertical-align: middle; font-size:14px; font-weight:bold; line-height:1.5em; padding:0 20px 0 10px;}
#ticket .tickets_list .tickets_price .toggle_btn{ border: 1px solid #000; position: relative; left: -15px; width: 36%; text-align: center; cursor: pointer;}
#ticket .tickets_list .tickets_price .toggle_btn:after{border: 1px solid; border-color: transparent transparent #000 #000; content: ""; position: absolute; left: calc(50% - 7px); bottom: 7px; width: 4px; height: 4px; transform: rotate(-45deg);}
#ticket .tickets_list .tickets_price .toggle_btn:hover{ background-color: rgba(255,255,255,0.7); opacity: 0.5;}
#ticket .tickets_list .tickets_price .t_price{ display:table-cell; width:30%; vertical-align: middle; padding-left:40px; border-left:1px solid #000; line-height:1.1em;}
#ticket .sold_red{ background-color: #cc0000; color: #fff; width: 100%; display: inline-block; text-align: center; font-size: 16px; line-height: 1.5em;font-family: 'Crimson Text', serif;}
#ticket .sold_red_2{ display: inline-block; width: 100%; text-align: right; font-size: 14px; line-height: 1.5em; color: #cc0000; font-weight: bold;font-family: 'Crimson Text', serif;}
#ticket .tickets_list .tickets_price .t_price img{ width:100%; padding-top:8px;}
#ticket .tickets_list .tickets_price .ticket_detail{ display: none; padding:20px 48px 25px; font-size:14px; line-height:1.5em;
background-image:url(../images/bar_tickets.png); background-repeat:no-repeat; background-size:100%; background-position:top;}
#ticket .tickets_list .tickets_price .ticket_detail.sold{ background-image:none; border-top: 2px solid #999;}
#ticket .tickets_list .tickets_price .ticket_detail p{ margin-bottom:1em;}
#ticket .tickets_list .tickets_price .ticket_detail span{ font-weight:bold; font-size: 16px; line-height: 1.5em;}
#ticket .tickets_list .detail_txt{ text-align:left; margin-bottom:40px; color:#fff; font-size:14px; line-height:1.7em;}


#ticket .purchase_box{ color:#fff;}

#ticket .purchase_box .fc_area{ border:3px solid #dac498; padding:40px ; margin-bottom:30px;}
#ticket .purchase_box .fc_area dt{ font-size:40px; line-height:1.4em; margin-bottom:25px;}
#ticket .purchase_box .fc_area dd a{ display:block; background-color:#dac498; color:#000; font-weight:bold; padding:30px 0; font-size:28px;}
#ticket .purchase_box .fc_area dd span{ }
#ticket .purchase_box .fc_area dd a:hover{ opacity:0.9;}

#ticket .purchase_box h3{ font-size: 60px; font-weight:bold; color:#fff; line-height: 1.3em; margin-bottom:20px; position:relative;}
#ticket .purchase_box h3 span{ font-size:42px; line-height:1.5em; margin:0 4px;}
#ticket .purchase_box .notice{ font-size:12px; font-weight:300; display:block; line-height:1.2em;}

#ticket .purchase_box .link_btn{ display: block; background-color: #fff; color: #333; font-size: 20px; font-weight: bold; line-height: 1.5em; padding: 20px 0; position:relative; width:70%; margin:0 auto 40px;}
#ticket .purchase_box .link_btn:hover{ opacity:0.9;}
#ticket .purchase_box .link_btn:after{ border: 2px solid; border-color: transparent #000 #000 transparent; content: ""; position: absolute; top: calc(50% - 3px); right: 20px; width: 8px; height: 8px; transform: rotate(-45deg);}

#ticket .purchase_box .link_btn.gray{ background-color:#999;}
#ticket .purchase_box .link_btn.gray:hover{ opacity:1;}

#ticket .touroku{ color:#fff; font-size:18px; font-weight:bold; margin-bottom:30px;}
#ticket .touroku p{ display:inline-block; width:50%;}
#ticket .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 .touroku a:hover{ opacity:0.8;}

#ticket .btn_box{ margin-bottom:40px;}
#ticket .btn_box li{ float:left; width:49%; margin-right:2%;}
#ticket .btn_box li .notice{ color:#fff; text-align:left; line-height:1.5em; padding-top:12px; font-size:14px;}
#ticket .btn_box li:nth-child(2){ margin-right:0;}
#ticket .btn_box li a{ display:block;}
#ticket .btn_box li a:hover{ opacity: 0.9;}
#ticket .btn_box li .top_txt{ color:#7b5d22; font-size:20px; font-weight:bold; line-height:1.5em; background-color:#fff; padding:30px 5px 25px;}
#ticket .btn_box li .bottom_txt{ color:#000; font-size:20px; font-weight:bold; line-height:1.5em; background-color:#dac498; padding:5px; position:relative;}
#ticket .btn_box li .bottom_txt: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);}

#ticket .pg_box{ margin-bottom:12px;}
#ticket .pg_box .playguide_btn{ display:inline-block; padding:20px 0; background-color: #fff; border-radius: 4px; width: 48%; margin-right:1%;}
#ticket .pg_box .playguide_btn:hover{ opacity:0.9;}
#ticket .pg_box .playguide_btn.mr0{ margin-right:0;}
#ticket .pg_box .playguide_btn p{ font-weight:bold; font-size:16px; line-height:1.5em; margin-bottom:0; color:#333;}
#ticket .pg_box .playguide_btn p span{ font-size:12px;}
#ticket .pg_box .playguide_btn img{ display:block; margin:0 auto;}
#ticket .pg_box.bottom .playguide_btn{ width:31.6%;}
#ticket .pg_box.bottom .playguide_btn img{ width:60%; margin-bottom:12px;}
#ticket .pg_box.bottom .playguide_btn img.lawson{ width:30%;}

#ticket .on_sale{ width:100%; margin-bottom:10px;}
#ticket .on_sale li{ display:table; width:100%; border:1px solid #999; padding:10px 15px; margin-bottom:10px; font-size:24px; color:#999; font-weight:bold; line-height:1.5em;}
#ticket .on_sale li .on_sale_left{ display:table-cell; text-align:right; width:45%;}
#ticket .on_sale li .on_sale_right{ display:table-cell; text-align:left; padding-left:22px;}

#ticket .tour_club{ background-color: #fff; display: block; padding: 20px 0; color: #000; font-size: 20px; font-weight: bold; line-height: 1.5em; position:relative;}
#ticket .tour_club: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);}
#ticket .tour_club:hover{ opacity:0.8;}

@media only screen and (max-width: 639px){

#ticket{ width:100%; padding-top:25px; margin-top:0; margin-bottom:20px;}
#ticket h2{ margin-bottom:15px; line-height:0;}
#ticket .date { padding-bottom:0; width:100%; float:none;}
#ticket .date li{ margin-bottom:18px;}
#ticket .date li img{ width:90%; margin:0 auto;}

#ticket .map_seat{ width: 70%; float: none; padding: 7px 0; background: none; border: 2px solid #ccc; color: #fff; font-size: 14px; margin: 0 auto 18px; }


#ticket .tickets_list .add_tit{  font-size:18px; line-height:1em; margin-bottom:10px; padding:10px 0; }

#ticket .tickets_list{ margin-bottom:20px;}
#ticket .tickets_list .tickets_price{ margin-bottom:12px;}
#ticket .tickets_list .tickets_price li{ margin-bottom:8px;}
#ticket .tickets_list .tickets_price .ticket_box{ display: inherit; width:100%; padding:12px 12px 10px; position:relative;}
#ticket .tickets_list .tickets_price .t_type{ display:block; font-size:5vw; line-height:1em;}
#ticket .tickets_list .tickets_price .t_info{ display:block; font-size:12px; padding:0; margin-top:14px;}
#ticket .tickets_list .tickets_price .t_info.sp_m{ margin-top:0;}

#ticket .tickets_list .tickets_price .t_price{ display:block; width:35%; padding-left:0; border-left:none; margin-left:auto; position:absolute; top:11px; right:12px; line-height:0;}
#ticket .tickets_list .tickets_price .t_price img{ padding-top:0;}

#ticket .tickets_list .tickets_price .ticket_detail{ padding:12px 12px 15px;}
#ticket .tickets_list .tickets_price .ticket_detail span{ font-size: 14px;}
#ticket .tickets_list .detail_txt{ margin-bottom:25px; font-size:12px; line-height:1.5em;}

#ticket .tickets_list .tickets_price .toggle_btn{ width: 100%; left: 0; padding: 7px 14px; }
#ticket .tickets_list .tickets_price .toggle_btn:after{ left:auto; right:5%; bottom:auto; top:50%; margin-top:-2px;}

#ticket .sold_red.pc_only,
#ticket .sold_red_2.pc_only{ display:none;}
#ticket .sold_red{ margin: 5px 0 0;}
#ticket .sold_red_2{ margin:0; position:relative; top:-4px;}

#ticket .purchase_box h3{ font-size: 16px; line-height: 1.4em; margin-bottom:10px;}
#ticket .purchase_box h3 span{ font-size:16px; margin:0 4px;}
#ticket .purchase_box h3:before{ width:10%;}

#ticket .purchase_box .fc_area{ border:3px solid #dac498; padding:10px; margin-bottom:20px;}
#ticket .purchase_box .fc_area dt{ font-size:18px; line-height:1.4em; margin-bottom:15px; font-weight:bold;}
#ticket .purchase_box .fc_area dd a{ display:block; background-color:#dac498; color:#000; font-weight:bold; padding:10px 0; font-size:24px; line-height:1.2em;}
#ticket .purchase_box .fc_area dd a span{ font-size:16px;}
#ticket .purchase_box .fc_area dd a:hover{ opacity:0.9;}

#ticket .purchase_box .notice{ text-align:left; margin-top:6px;}

#ticket .purchase_box .link_btn{ font-size: 16px; padding: 10px 0; margin-bottom: 20px; width:100%;}
#ticket .purchase_box .link_btn:after{ border: 1px solid; border-color: transparent #000 #000 transparent; right: 14px; width: 6px; height: 6px;}

#ticket .touroku{ font-size:12px; font-weight:300; margin-bottom:20px;}
#ticket .touroku p{ width:100%; margin-bottom:5px;}
#ticket .touroku a{ width:70%; padding:7px 0; font-size:14px; font-weight:bold;border: 2px solid #ccc;}

#ticket .btn_box{ margin-bottom:0;}
#ticket .btn_box li{ float:none; width:100%; margin-right:0; margin-bottom:8px;}
#ticket .btn_box li:nth-child(2){ margin-right:0;}
#ticket .btn_box li .bottom_txt{ font-size:16px;}
#ticket .btn_box li .top_txt{ padding:15px 0; font-size:16px;}
#ticket .btn_box li .notice{ padding-top:10px; line-height:1.4em;}

#ticket .pg_box{ margin-bottom:0;}
#ticket .pg_box .playguide_btn{ display:block; padding:0 10px; border-radius: 5px; width:100%; text-align:left; margin-bottom:4px;}
#ticket .pg_box .playguide_btn p{ font-size:12px; display: inline-block; vertical-align: middle; margin-left:8px;}
#ticket .pg_box .playguide_btn img{ width:16.6%; display:inline; vertical-align:middle;}
#ticket .pg_box .pia{ margin-bottom:5px;}
#ticket .pg_box.bottom .playguide_btn{ width:100%; padding: 10px 0 10px 15px;}
#ticket .pg_box.bottom .playguide_btn img{ width:40%; margin-bottom:0;}
#ticket .pg_box.bottom .playguide_btn img.lawson{ width:26%;}

#ticket .on_sale{ margin-bottom:0px; margin-top:5px;}
#ticket .on_sale li{ display:block; padding:5px 10px; margin-bottom:5px; font-size:14px; line-height:1.6em;}
#ticket .on_sale li .on_sale_left{ display:block; width:100%; text-align:center;}
#ticket .on_sale li .on_sale_right{ display:block; width:100%; text-align:center; padding-left:0;}

#ticket span{ font-size:14px; margin:0 5px;}

#ticket .tour_club{ padding:14px 0; font-size:14px;}
}



/* Movie & Spotyfi */
#movie_spotyfi{ background-image:url(../images/bg_red.jpg); background-size:cover; background-repeat:no-repeat;}

#movie_spotyfi .spotyfi{ margin-top:-6vw;}
#movie_spotyfi .spotyfi iframe{ width:100%;}


@media only screen and (max-width: 639px){
#movie_spotyfi{ background-size:cover; padding:12px 0;}
#movie_spotyfi .container{ top:0;}
#movie_spotyfi .spotyfi iframe{ width:100%;}

}


/* gallery slider */
.movie_slide{ width:100%; padding-top:4vw;  height: 40vw; overflow:hidden; top:-7vw;}
.movie_slide .slick-center { position:relative; z-index:10;}
.slick-slide{ width:55vw;}

.movie_slide  p.txt{ -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s; bottom:-100%; color:#000; font-size:24px; line-height:1em;}
.movie_slide .slick-center p.txt{ display:block;position: absolute; bottom: -50%; left: -50%; z-index: 10; background-color: rgba(0,0,0,0.7); width: 200%; padding: 1vw; box-sizing: border-box; color:#FFF;}

.youtube{position:relative;width:100%; margin:0 auto;padding-top:56.25%;}
.youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%;}

.movie_slide iframe{ width:100%; opacity:0.5; }
.movie_slide .slick-center iframe{ width:100%;opacity:1;transform: scale(1.2); right:0;}
.movie_slide a:hover iframe{ opacity:0.5;}
.movie_slide .slick-center a:hover iframe{ opacity:0.9;}


@media only screen and (max-width: 639px){
#movie_spotyfi{ padding:10px 0 15px;}

.movie_slide { height:inherit; padding-top:0; width:94%; margin:0 auto 10px; }
.movie_slide .image{ margin-bottom:5px;}
.movie_slide iframe{ width:100%; opacity:1; padding-top:0;}

#movie_spotyfi .spotyfi{ margin-top:0;}
}





/* Disco */
#disco{ background-image:url(../images/bg_white.jpg); background-size:auto; background-repeat:no-repeat; margin-top:-3vw;}
#disco .container{ max-width:1000px;}
#disco .contents_box{ display:table; position:relative; top:5vw;}
#disco figure{ display:table-cell; width:30%;}
#disco figure img{ width:100%;}
#disco .album_info{ display:table-cell; width:70%; vertical-align:top; padding-left:40px; text-align:left;}
#disco .album_info h3{ padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #000;}
#disco .album_info h3 img{ width:80%;}
#disco .album_info .catch_txt{ font-size:24px; font-weight:bold; line-height:1.5em; margin-bottom:40px;}
#disco .album_info .detail_txt{ font-size:14px; font-weight:bold; line-height:1.5em; margin-bottom:32px;}
#disco .album_info p img{ width:100%;}

@media only screen and (max-width: 639px){
#disco{ background-position:12%; padding:10px 0; background-size:200%; background-color:#fff; background-position:top left;}
#disco .contents_box{ display:block; top:0;}
#disco figure{ display:block; width:100%; margin:0;}
#disco figure img{ width:60%;}
#disco .album_info{ display:block; width:100%; padding:8px; background-color: rgba(255,255,255,0.8);}
#disco .album_info h3{ padding-bottom:4px; margin-bottom:4px; border-bottom:1px solid #000;}
#disco .album_info .catch_txt{ font-size:16px; line-height:1.4em; margin-bottom:10px;}
#disco .album_info .detail_txt{ font-size:12px; line-height:1.4em; margin-bottom:10px;}
}



/* English */

#english{ padding:2vw 0 3vw;color:#333; font-family: 'Crimson Text', serif;}

#english h2{ width:100%; max-width:100%; border-bottom:2px solid #dac498; line-height:0; margin-bottom:30px;}
#english h2 img{ width:100%;}

#english .e_tour_title{ width:100%; margin-bottom:35px;}
#english .e_tour_title img{ width:100%;}

#english .e_place_date{ display:table; width:100%; margin-bottom:30px; color:#fff; text-align:left;}
#english .e_place_date dt{ display: table-cell; vertical-align: middle; width: 200px; line-height:0; background-color: #dac498; text-align: center;}
#english .e_place_date dt img{ width: 32%;}
#english .e_place_date dd{ display:table-cell; vertical-align:middle; padding-left: 18px;}
#english .e_place_date .e_place_name p{ font-size:30px; line-height:1.2em;}
#english .e_place_date .e_place_name small{ font-size:18px;}

#english .e_place_date .e_place_name p .en_sold{ background-color:#c00; color:#fff; font-size:0.65em; display:inline-block; 
    padding: 0.3em 0.8em;
    line-height: 1em;
    position: relative;
    top: -0.1em;
    font-weight: bold;
    margin-right: 0.7em;}

#english .e_place_date .map_box{ text-align:right; padding-right:10px;}
#english .e_place_date .map{ display: inline-block; padding: 14px 20px; font-size: 18px; line-height: 1.5em; color: #dac498; border: 1px solid #dac498;}
#english .e_place_date .map:hover{ opacity:0.8;}

#english .e_tickets_box{ width:100%; margin-bottom:20px;}
#english .e_tickets_box h3{ width:100%; background-color:#eee; line-height:0; padding:12px 0;}
#english .e_tickets_box h3 img{ width:90px;}

#english .e_tickets_box ul{ padding:20px 0 0; text-align:left; background-color:#fff;}
#english .e_tickets_box li{ border-bottom:1px solid #ccc; margin-bottom:18px; padding-bottom:10px;}
#english .e_tickets_box li .e_tickets_type{ margin-right:32px;}
#english .e_tickets_box dl{ display:table;font-size:32px; line-height:0.8em; padding: 0 20px 12px;}
#english .e_tickets_box dt{ display:table-cell; width:160px;font-weight:700; color:#555;}
#english .e_tickets_box dt span{ display:block; font-size:14px; font-weight:300;}
#english .e_tickets_box dt span.red{ color:#cc0000; font-weight:bold; line-height:1.2em;}
#english .e_tickets_box dd{ display:table-cell; text-align:left;font-weight:600; color:#555;}
#english .e_tickets_box dd.stand{ line-height:1em;}
#english .e_tickets_box dd span{ font-size:16px; font-weight:300;}
#english .e_tickets_box li p{ font-size:16px; line-height:1.2em;}
#english .e_tickets_box .e_detail_txt{ margin:0 20px; padding-top:12px; border-top:1px solid #ccc;}

#english .e_tickets_box li.sold{ color:#aaa;}
#english .e_tickets_box li.sold dt{ color:#aaa;}
#english .e_tickets_box li.sold dd{ color:#aaa;}
#english .e_tickets_box li p.sold:before,
#english .e_tickets_box li.sold dd:before{ content:"SOLD OUT!!"; background-color:#C00; color:#fff; font-size:14px;padding: 5px 10px; position: relative; top: -5px; margin-right: 10px; }
#english .e_tickets_box li p.sold{ color:#aaa; font-size:32px;}


#english .e_tickets_box .e_detail_txt p{ margin-bottom:1em;}

#english .e_tickets_box2{ width:100%;}
#english .e_tickets_box2 ul{}
#english .e_tickets_box2 li{ float:left; width:100%; padding:15px 25px 25px; background-color:#d7c296; color:#000; text-align:left; margin-bottom:15px;}
#english .e_tickets_box2 li:first-child{ margin-right:2%;}
#english .e_tickets_box2 li .e_t_type{ font-size:30px; line-height:1.5em; float:left; font-weight:600;}
#english .e_tickets_box2 li .e_t_date{ font-size:30px; line-height:1.5em; padding-bottom:10px; text-align:center; float:right;}
#english .e_tickets_box2 li .e_t_date span{ font-size:0.7em;}
#english .e_tickets_box2 li .e_t_txt{ font-size:18px; line-height:1.2em; margin-bottom:12px; clear:both;border-top:1px solid #000; padding-top:15px;}
#english .e_tickets_box2 li .e_link{ border:1px solid #000;  color:#000; font-size:24px; font-weight:bold; text-align:center; padding:8px 10px;}

#english .e_tickets_box2 li a{ display:block; background-color:#fff; }
#english .e_tickets_box2 li a .e_link{ border-color:#fff;}
#english .e_tickets_box2 li a:hover{ opacity:0.8;}

#english .e_tickets_box2 li.half{ width:49%;}
#english .e_tickets_box2 li.half:nth-child(2n){ margin-right:2%;}
#english .e_tickets_box2 li.half .e_t_type{ float:none;}
#english .e_tickets_box2 li.half .e_t_date{ font-size:20px; line-height:1.5em; float:none; text-align:left;}

#english .e_tickets_box2 li .g_color{ color:#333;}
#english .e_tickets_box2 li .e_link2{ margin-top:39px;}


#english .e_tickets_box2 li .active_link:hover{ background-color:#000; color:#fff; transition:all 0.2s;}


@media only screen and (max-width: 639px){

#english{ padding:5vw 0; margin:0;}
#english2{ padding:10vw 0;}
#english h2{ font-size:46px; margin-bottom:10px; border-bottom: none;}
#english .e_tour_title img{ width:90%;}

#english .e_tour_title{ padding-bottom:10px; margin-bottom:15px;}
#english .e_tour_title p{ font-size:20px;}
#english .e_tour_title span{ font-size:30px;}
#english .e_place_date{ display:block; width:100%; margin-bottom:10px; color:#fff; text-align:left;}
#english .e_place_date dt{ display:block; width:100%; padding:10px 0;}
#english .e_place_date dt img{ width:18%;}
#english .e_place_date dd{ display:block; padding: 6px 0 0;}
#english .e_place_date .e_place_name p{ font-size:16px; line-height:1.3em;}
#english .e_place_date .e_place_name small{ font-size:16px; line-height:2em;}
#english .e_place_date .map_box{ text-align:right; padding:0px;}
#english .e_place_date .map{ display:inline-block; padding:2px 20px; font-size:14px;}

#english .e_tickets_box{ margin-bottom:10px;}
#english .e_tickets_box h3 img{ width:20%;}

#english .e_tickets_box ul{ padding:10px 0 0;}
#english .e_tickets_box li{ margin-bottom:10px;}
#english .e_tickets_box li .e_tickets_type{ font-size:28px; margin-right:32px;}
#english .e_tickets_box li p{ font-size:16px;}
#english .e_tickets_box li p span{ font-size:14px; display:block; line-height:1.2em;}
#english .e_tickets_box p{}
#english .e_tickets_box dl{ font-size:20px; line-height:1.2em; padding: 0 8px 8px;}
#english .e_tickets_box dt{ width:100px;}
#english .e_tickets_box .e_detail_txt{ font-size:14px; font-weight:300; margin:0 8px;}

#english .e_tickets_box2{}
#english .e_tickets_box2 ul{}
#english .e_tickets_box2 li{ float:none; width:100%; padding: 5px 10px 10px; margin-right:0; margin-bottom:10px;}
#english .e_tickets_box2 li:nth-child(2n){}
#english .e_tickets_box2 li .e_t_type{ margin-bottom: 0px;  padding-bottom: 0px; font-size: 20px; float:none;}
#english .e_tickets_box2 li .e_t_date{ margin-bottom:0px;  padding-bottom: 5px; font-size: 14px; float:none; text-align:left;}
#english .e_tickets_box2 li .e_t_txt{ font-size:14px; padding-top:5px}
#english .e_tickets_box2 li .e_link{ font-size:18px; padding:4px 10px;}

#english .e_tickets_box2 li .e_link2{ margin-top:0px;}

#english .e_tickets_box2 li .active_link:hover{ background-color:#c59506; color:#000; transition:all 0.2s;}

#english .e_tickets_box2 li.half{ width:100%;}
#english .e_tickets_box2 li.half .e_t_date{ font-size:14px; line-height:1.5em; float:none; text-align:left;}

#english .e_tickets_box li p.sold{ font-size:20px; margin-top: 10px;}

#english .e_place_date .e_place_name p .en_sold{    width: 100%;
    display: block;
    text-align: center;
    margin-left: 0;
    position: inherit;
    top: 0; padding:0.5em 0;
    font-size: 1em; margin-bottom:0.5em;}
}




/* Modal */

.share_box{ margin-bottom:45px;}
.share_box p{ color:#fff; font-size:18px; font-family: 'Crimson Text', serif; line-height:1.5em; margin-right:10px; padding-bottom:12px;}
.share_box .t_share{ display:inline-block; background-image:url(../images/tw_logo.png); background-repeat:no-repeat; background-size:100%; width:80px; height:80px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.share_box .f_share{ display:inline-block; background-image:url(../images/fb_logo.png); background-repeat:no-repeat; background-size:100%; width:80px; height:80px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.share_box .instagram{ display:inline-block; background-image:url(../images/inst_logo.png); background-repeat:no-repeat; background-size:100%; width:80px; height:80px; text-indent:100%; white-space:nowrap; overflow:hidden;}

.share_box a:hover{ opacity:0.8;}

@media only screen and (max-width: 639px){
.share_box{ margin-bottom:20px;}
.share_box p{ margin-right:5px;}
.share_box .t_share{ width:50px; height:50px;}
.share_box .f_share{ width:50px; height:50px;}
.share_box .instagram{ width:50px; height:50px;}
}



/* Modal */

#modal_box{} 
#modal_box .seat_modal{ padding:15px 55px 20px;}
#modal_box .seat_modal .seat_img{ width:80%; margin-bottom:15px;}
#modal_box .seat_modal .seat_txt{ width:80%; margin-bottom:15px;}
#modal_box .seat_modal .sp_none{ display:inline-block; margin:0 auto;}
#modal_box .seat_modal .cp_none{ display:none;}
#modal_box .seat_modal ul{ color:#000; font-size:18px; line-height:1.5em; font-weight:bold; text-align:left;}
#modal_box .seat_modal li{ border-bottom:1px solid #000; padding-bottom:4px; margin-bottom:4px;}
#modal_box .seat_modal dl{ display:table;}
#modal_box .seat_modal dt{ display:table-cell; width:255px;}
#modal_box .seat_modal dd{ display:table-cell;}
#modal_box .seat_modal dt span{ font-size:26px; line-height:1.5em;}
#modal_box .seat_modal dt .vip_ss{ color:#c7a447;}
#modal_box .seat_modal dt .vip_s{ color:#f10492;}
#modal_box .seat_modal dt .a_standing{ color:#d9e021;}
#modal_box .seat_modal dt .ss{ color:#fbb03b;}
#modal_box .seat_modal dt .s{ color:#fd4834;}
#modal_box .seat_modal dt .a{ color:#7ac943;}
#modal_box .seat_modal dt .b{ color:#04a9ec;}


@media only screen and (max-width: 639px){

#modal_box{} 
#modal_box .seat_modal{ padding:10px 5px 20px;}
#modal_box .seat_modal .seat_img{ width:100%; margin-bottom:15px;}
#modal_box .seat_modal .seat_txt{ width:100%; margin-bottom:15px;}
#modal_box .seat_modal .sp_none{ display:none;}
#modal_box .seat_modal .cp_none{ display:inline-block; margin:0 auto 5px;}
#modal_box .seat_modal ul{ font-size:14px;}
#modal_box .seat_modal li{}
#modal_box .seat_modal dl{ display:block;}
#modal_box .seat_modal dt{ display:block; width:200px;}
#modal_box .seat_modal dd{ display:block;}
#modal_box .seat_modal dt span{ font-size:20px; line-height:1.5em;}


}



/********************** slick *******************************/
.slick-slider{ margin:0; }

.slick-slide{padding:0;
-moz-transition: .2s; 
-webkit-transition: .2s; 
-o-transition: .2s; 
-ms-transition: .2s; 
transition: .2s;}

.slick-slide img{ 
-moz-transition: .2s; 
-webkit-transition: .2s; 
-o-transition: .2s; 
-ms-transition: .2s; 
transition: .2s;}

.slick-active{}
-moz-transition: .2s; 
-webkit-transition: .2s; 
-o-transition: .2s; 
-ms-transition: .2s; 
transition: .2s;}


.slick-dots{ bottom:30px;}
.slick-prev:before, .slick-next:before{ font-size:60px; color:#000;}
.slick-prev, .slick-next{ z-index:4;height: 60px;width: 60px;left:50%; margin-top: -30px; top:50%;}
.slick-prev{     margin-left: calc(-32vw - 60px);}
.slick-next{    margin-left: 32vw;}


/*lightbox*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#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; margin-bottom:0;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading_b.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #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;}


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