@charset "utf-8";

/* common */
.container{ max-width:1000px; width: 92%; margin:0 auto;}
.stit{ font-family: var(--font_02); margin: 0 auto 40px; font-size: 94px; font-weight: 400; line-height: 1em;display: inline-block; color: var(--keyc_01);}

@media only screen and (max-width: 768px){
    .stit{ margin: 0 auto 20px; font-size: 40px; line-height: 1em;}	
}
.news .news_list dd a{}
.link_btn {position: relative; display: grid; place-items: center; margin: 0 auto; border: 1px solid var(--keyc); height: clamp(40px, 10vw, 60px); width: min(340px, 60vw); cursor: pointer;border-radius: 20px;}
.link_btn p {position: relative;margin-bottom: 0;line-height: 1.4em !important;font-family: var(--font1);font-weight: bold;white-space: nowrap;font-size: clamp(16px, 4vw, 18px);transform: translateY(0%);transition: 0.2s; white-space: inherit;}
.link_btn:hover{ opacity: 0.8;}
.link_btn::before {position: absolute;display: block;content: "";background-color: var(--keyc_01);width: 100%;height: 100%;left: 0;top: 0;transform-origin: right top;transform: scale(0, 1);transition: transform 0.2s;}
.link_btn.large {width: min(800px, 100%);border: 4px solid var(--keyc_01);height: auto;padding: 1em; color: var(--keyc_02);}
.link_btn.bg_white {background-color: #fff;}
.link_btn.yellow {border: 1px solid #FFDD00;}
.link_btn.yellow::before {background-color: #FFDD00;}
.link_btn.yellow:hover p {color: #191919;}

.detail_title{ border: 1px solid #ccc; padding: 1em; text-align: center; transition: 0.3s;}
.detail_title:hover{ cursor: pointer; background-color: rgba(255,255,255,0.1);}

@media only screen and (max-width: 768px){
    .link_btn::before {  display: none;}
}

/********** FV **********/
#fv{ width:100%; padding-top: 60px;}
#fv h1{ line-height: 0;}

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

/********** NEWS **********/
.news{  padding:6vw 0 160px;color: #fff;}
.news .news_list{ text-align:left;}
.news .news_list li{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #fff;}
.news .news_list dl{ display:table; width:100%;}
.news .news_list dt{ display:table-cell; font-size:24px; line-height:1.5em;  width:5em; font-family: var(--font_02);}
.news .news_list dd{ display:table-cell;}
.news .news_list dd a{ color:#ff0; text-decoration:underline;}
.news .news_list .hidden_text {display: none;}

@media only screen and (max-width: 768px){
    .news{ width:100%; padding: 50px 0;}
    .news .container{ padding:0 0;}
    .news .news_list{ padding:0; margin-top:0px; padding-bottom:5px; }
    .news .news_list li{ padding:0 0 10px 0; margin-bottom:10px;}
    .news .news_list dl{ display:block;}
    .news .news_list dt{ display:block; font-size:18px; font-weight: bold; margin-bottom:8px; 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;}
}

/********** TICKETS **********/
.ticket{ width:100%; position:relative; padding-top: 70px; margin-top: -70px;}
.en .ticket{ padding: 100px 0 0; margin: 0;}
.ticket .container{}
.ticket .date_wrap{margin-bottom: 40px;}
.ticket .date_wrap:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}

.ticket .date {width:84%; display: flex; justify-content: center; margin: 0 auto;}
.ticket .date li:not(:last-of-type){margin-right: 40px;}
.ticket .date li img{ width:100%; max-width: 742px;}

.ticket .purchase_box{margin-bottom: 5vw;}
.ticket .purchase_box .in_box {background-color:rgba(255, 255, 255, 1);color:#000;padding: 32px 5% 28px; border-radius: 20px;}
.ticket .purchase_box .in_box:not(:last-of-type){margin-bottom: 12px;}
.ticket .purchase_box .in_box .t_tit{ font-size: 30px; font-weight:bold; line-height: 1.3em; margin-bottom:0.5em; position:relative;}
.ticket .purchase_box .in_box .receipt_date { font-size: 20px;line-height: 1.5em;font-weight: bold;margin-bottom: 1em;}
.ticket .purchase_box .in_box .receipt_date span.day{ font-size: 1.4em;line-height: 1.5em;}
.ticket .purchase_box .in_box .ticketlink{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 2%;}
.ticket .purchase_box .in_box .ticketlink div{ width: 49%; margin-bottom: 2%;}
.ticket .purchase_box .in_box a{ background-color: var(--keyc_01);color: #000; padding: 18px 0;font-weight: bold; display: block;width: 100%;  margin: 0 auto; border-radius: 10px;}
.ticket .purchase_box .in_box a:hover{opacity: .6;transition: .2s;}
.ticket .purchase_box .in_box .caution{font-size: 14px; line-height: 1.6em; padding: 2em 0 0;}
.ticket .purchase_box .in_box .caution p{ margin-bottom: 1em;;}

.ticket .purchase_box .in_box.end {background-color: #242424;}
.ticket .purchase_box .in_box.end h3,.ticket .purchase_box .in_box.end p {color: #FFF; opacity: .25;}

.ticket .tickets_list{ margin-bottom:0px;}
.ticket .tickets_list .tickets_price{ margin-bottom: 50px;}
.ticket .tickets_list .tickets_price .place{color:var(--keyc_01); font-size: 32px;line-height: 1.2em;font-weight: bold;text-align: left;margin-bottom: 34px;}
.ticket .tickets_list .tickets_price .area{color: #fff;font-size: 0.8em;line-height: 1em;letter-spacing: 0.2em;padding: 8px 14px 8px 16px;background-color: var(--keyc_01);margin-right: 0.6em;}
.ticket .tickets_list .tickets_price li{ text-align:left;}
.ticket .tickets_list .tickets_price .ticket_box{ display: flex; justify-content: space-between; width:100%;border-bottom: dotted 2px #afafaf;margin-bottom: 1em; align-items: center; padding-bottom: 1em;}
.ticket .tickets_list .tickets_price .t_type{ font-size:26px; line-height:1.5em; font-weight:bold; vertical-align: middle; margin-bottom: 0;}
.ticket .tickets_list .tickets_price .t_type .note{ font-size:16px; line-height:1.2em;padding-left: .5em;}
.ticket .tickets_list .tickets_price .t_price{ width: 30%; vertical-align: middle; text-align: right; font-size:36px; font-weight: bold; line-height: 1.5em; margin-bottom: 0;}
.ticket .tickets_list .tickets_price .t_price span{font-size:0.6em;line-height: 1.2em;}
.ticket .tickets_list .tickets_price .ticket_content{font-size: 14px; line-height: 1.6em; font-weight: bold;margin-bottom: 10px;}
.ticket .tickets_list .tickets_price .caution{font-size: 12px; line-height: 1.6em; }

.ticket .tickets_list .add_txt{ font-size: 14px; text-align: left; line-height: 1.6em; font-weight:bold; color: #FFF;}
.ticket .tickets_list .detail_txt{ font-size: 13px; text-align: left; line-height: 2em; margin:1em 0 60px;color: #FFF; border: 1px solid #ccc; padding: 3%;}

.comfirm{ background-color: #fff; color: #2b6db6; border: 5px solid #2b6db6; display: block; font-size: 20px; font-weight: bold; line-height: 1.5em; width: 100%; margin: 0 auto 80px; padding: 12px 0; max-width: 530px; position:relative; transition:0.2s;}
.comfirm:after{ content: "\025b6"; position: absolute; font-size: 10px; right: 12px; top: 50%; transform: translateY(-50%);}
.comfirm:hover{ background-color:#2b6db6; color:#fff; transition:0.2s;}
.comfirm:hover:after{ color:#fff;}

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

.info_box{ padding: 20px; border: 3px solid #2b6db6; margin-bottom: 20px;}
.info_box .detail_txt{ margin-bottom: 12px !important;}

.ticket .map{ width: 100%; padding: 1%; background-color: rgba(50, 50, 50, 0.7); line-height: 0;}
.ticket .map img{ width: 50%; margin: 0 auto;}

@media only screen and (max-width: 768px){
    .ticket{ width:100%; padding-bottom: 10px;}
	.en .ticket{ padding: 30px 0 0; }
    .ticket .container{ padding:0;}

    .ticket .date { padding-bottom:0; width:100%; display: block;}
    .ticket .date li:not(:last-of-type){margin: 0 0 40px 0;}
    .ticket .date li img{ width: 94%; margin:0 auto;}
    .ticket .purchase_box{ margin-bottom: 20px;}
    .ticket .purchase_box .in_box{padding: 4%;}
    .ticket .purchase_box .in_box a{margin: 0 auto 10px;padding: 16px 0 18px;}

    .ticket .purchase_box .in_box .t_tit{font-size: 18px;}
    .ticket .purchase_box .in_box .receipt_date{font-size: 14px;line-height: 1.7em;margin-bottom: 16px;}
    .ticket .purchase_box .in_box .caution{text-align: left; padding-top: 10px; font-size: 14px; line-height: 1.7em;}
	.ticket .purchase_box .in_box .ticketlink{ display: inherit; margin-bottom: 20px;}
	.ticket .purchase_box .in_box .ticketlink div{ width: 100%;}
    
    .ticket .tickets_list{}
    .ticket .tickets_list .tickets_price{ margin-bottom:30px;}
    .ticket .tickets_list .tickets_price li{ }
    .ticket .tickets_list .tickets_price .ticket_box{ width:100%; padding: 12px 0; position:relative;}
    .ticket .tickets_list .tickets_price .t_type{ font-size:4.5vw; line-height:1.4em;}
    .ticket .tickets_list .tickets_price .t_info{ 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{ font-size:5vw; width:50%;line-height: 1.2em;}
    .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 .add_txt{ font-size: 12px; margin-bottom: 1em;}
    .ticket .tickets_list .detail_txt{ margin-bottom:14px; font-size:12px; line-height:1.5em;}

    .ticket .purchase_box h4{ font-size: 18px; line-height: 1.4em; margin-bottom:10px;}
    .ticket .purchase_box h4 span{ font-size:14px; margin:0;}
    .ticket .purchase_box h4 span.day{ font-size:26px; line-height:1.5em;}
    .ticket .purchase_box .s_tit{ font-size:18px;}

    /* 受付終了表記 */
    .ticket .purchase_box .end{ padding: 12px 12px 6px; margin-bottom: 10px;}
    .ticket .purchase_box .end .in_box{ margin-bottom: 14px; padding-bottom: 6px;}
    .ticket .purchase_box .end h4{ font-size: 14px; margin-bottom: 5px;}

    .comfirm{ border: 4px solid #2b6db6; font-size: 14px; margin: 0 auto 10px;}
    .comfirm:after{ display:none;}


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

    .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 .btn_box li .top_txt { padding:6px 0 0;}
    .ticket .btn_box li.hip .top_txt{ padding: 9px 0 6px;}
    .ticket .btn_box li .top_txt img{ width:18%;}

    .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;}

    /* add */
    .info_box{ padding: 14px 10px 4px; margin-bottom: 4px;}

     .ticket .map{  padding: 3%; }
    .ticket .map img{ width: 100%; margin: 0 auto;}
}


/********** MOVIE **********/
.movie{ padding-top: 60px; margin-bottom: 60px;}

.movie .spotify{ margin-top:-6vw;}
.movie .spotify iframe{ width:100%;}

@media only screen and (max-width: 768px){
    .movie{ background-size:cover; padding:12px 0;}
    .movie .container{ top:0;}
    .movie .spotify iframe{ width:100%;}
}

/* gallery slider */
.movie_slide{ width:100%; padding-top:4vw;  height: 40vw; overflow:hidden;}
.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;}
.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;}

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

@media only screen and (max-width: 768px){
    .movie{ padding: 50px 0 0; margin-bottom: 0;}
    .movie .spotify{ margin-top:0;}
    .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;}
}

/********** MUSIC **********/
.music{ padding-top: 60px; margin-bottom: 100px;}
.music iframe{ width: 100%; max-width: 800px; }

@media only screen and (max-width: 768px){
    .music{ padding-top: 50px; margin-bottom:0;}
    .music iframe{ width: 100%; }
}

/********** ARTIST **********/
.artist{padding: 60px 0 10px;color: #FFF;background-color: #000;}
.artist .artist_box{ margin-bottom: 120px;}
.artist .artist_box h4{ font-family: var(--font_02);color: #000;text-align: center;font-size: 72px;font-weight: 400;line-height: 1em;background-color: var(--keyc_01);padding: 10px 0 0px;margin-bottom: 40px;}
.artist .artist_box h4 span{ font-size:0.5em;}
.artist .artist_box .in_box{}
.artist .artist_box .in_box figure{width:100%; margin:0 4% 0 0;}
.artist .artist_box .in_box figure img{ width:50%;}
.artist .artist_box .in_box .txt_box{ width:100%; text-align:left;}
.artist .artist_box .in_box .txt_box h5{font-weight: bold;font-size: 30px;line-height: 1.5em;padding: 1em 0; }
.artist .artist_box .in_box .txt_box p{ font-size:14px;line-height: 2em;letter-spacing: .08em; margin-bottom:40px;}
.artist .artist_box .in_box .txt_box a{ font-size: 22px; font-weight: bold; line-height: 1.5em; color: #fff; display: inline-block; width: 100%; padding: 12px 0; border-radius: 3px; position: relative; text-align:center; border: solid 1px #fff;}
.artist .artist_box .in_box .txt_box a:after{ content: "\025b6"; position: absolute; font-size: 10px; right: 10px; color:#fff;}

.artist .artist_box.a02 h4{letter-spacing: -.015em;}
.artist .artist_box.a02 .in_box .txt_box{margin-right: 4%;}
.artist .artist_box.a02 .in_box figure{margin:0;}

.artist .artist_box .in_box .txt_box .sns_box {display: flex;flex-wrap: wrap;}
.artist .artist_box .in_box .txt_box .sns_box li{width: 49%;margin-right: 2%;margin-bottom: 10px;}
.artist .artist_box .in_box .txt_box .sns_box li:nth-child(2n){ margin-right:0;}
.artist .artist_box .in_box .txt_box .sns_box li a{ font-size:13px;}

@media only screen and (max-width: 768px){  
    .artist{ margin-bottom:80px; padding-top: 50px;}
    .artist .container{width: 100%;}
    .artist .artist_box{ margin-bottom:30px;}
    .artist .artist_box .in_box{width: 92%;margin: 0 auto;}
    .artist .artist_box .in_box figure{ width:100%; padding-top: 0;margin-bottom: 20px;}
    .artist .artist_box .in_box figure img{ width: 100%;}
    .artist .artist_box .in_box .txt_box{ width:100%; padding: 0;}
    .artist .artist_box .in_box .txt_box h5{ font-size: 20px; margin-bottom: 10px;}
    .artist .artist_box .in_box .txt_box p{ font-size: 13px; font-weight: 500; margin-bottom: 1em;line-height: 1.8em;}
    .artist .artist_box .in_box .txt_box a{ font-size: 18px; padding: 4px 0;}

    .artist .artist_box .in_box .txt_box .sns_box li{margin-bottom: 8px;}
    .artist .artist_box .in_box .txt_box .sns_box li a{padding: 12px 0;}

    .artist .artist_box.a_02 h4,
    .artist .artist_box.a_02 .in_box .txt_box h5{ text-align:left;}
}

/* Share */
.share_box{ margin-bottom:45px;}
.share_box p{ color:#fff; font-size:18px; line-height:1.5em; margin-right:10px; padding-bottom:12px; margin:0 5px;}
.share_box .x_share{ display:inline-block; background-image:url(../images/x.svg); 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.svg); 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: 768px){
    .share_box{ margin-bottom:20px;}
    .share_box p{ margin-right:5px;}
    .share_box .x_share{ width:50px; height:50px;}
    .share_box .f_share{ width:50px; height:50px;}
    .share_box .instagram{ width:50px; height:50px;}
}


/********** TICKET EN **********/

/********** 
.en {background-color:rgba(203,175,243,0.3); padding: 4% 0; margin-bottom: 5vw;}
.en .purchase_box .in_box:not(:last-of-type){margin-bottom: 4px;}
.en .purchase_box .in_box h3{ font-size: 30px; font-weight:bold; line-height: 1.3em; margin-bottom:2px; position:relative;}
.en .purchase_box .in_box .receipt_date { font-size: 20px;line-height: 1.5em;color: var(--keyc_01);font-weight: bold;margin-bottom: 1em;}
.en .purchase_box .in_box .receipt_date span.day{ font-size: 1.4em;line-height: 2em;}
.en .purchase_box .in_box .ticketlink{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 2%;}
.en .purchase_box .in_box .ticketlink div{ width: 49%; margin-bottom: 2%;}
.en .purchase_box .in_box a{ background-color: var(--keyc_01);color: #000; padding: 18px 0;font-weight: bold; display: block;width: 100%;  margin: 0 auto; border-radius: 10px;}
.en .purchase_box .in_box a:hover{opacity: .6;transition: .2s;}
**********/

.en .purchase_box{margin-bottom: 5vw;}
.en .purchase_box .in_box {background-color:rgba(255, 255, 255, 1);color:#000;padding: 32px 5% 28px; border-radius: 20px;}
.en .purchase_box .in_box:not(:last-of-type){margin-bottom: 12px;}
.en .purchase_box .in_box .t_tit{ font-size: 30px; font-weight:bold; line-height: 1.3em; margin-bottom:0.5em; position:relative;}
.en .purchase_box .in_box .receipt_date { font-size: 20px;line-height: 1.5em;font-weight: bold;margin-bottom: 1em;}
.en .purchase_box .in_box .receipt_date span.day{ font-size: 1.4em;line-height: 1.5em;}
.en .purchase_box .in_box .ticketlink{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 2%;}
.en .purchase_box .in_box .ticketlink div{ width: 49%; margin-bottom: 2%;}
.en .purchase_box .in_box a{ background-color: var(--keyc_01);color: #000; padding: 18px 0;font-weight: bold; display: block;width: 100%;  margin: 0 auto; border-radius: 10px;}
.en .purchase_box .in_box a:hover{opacity: .6;transition: .2s;}
.en .purchase_box .in_box .caution{font-size: 14px; line-height: 1.6em; padding: 2em 0 0;}
.en .purchase_box .in_box .caution p{ margin-bottom: 1em;;}

.en .purchase_box .in_box.end {background-color: #242424;}
.en .purchase_box .in_box.end h3,.ticket .purchase_box .in_box.end p {color: #FFF; opacity: .25;}


/********** 
@media only screen and (max-width: 768px){
    .en { padding: 5% 0; margin-bottom: 50px;}
    .en .purchase_box .in_box h3{font-size: 18px;}
    .en .purchase_box .in_box .receipt_date{font-size: 14px;line-height: 1.5em;margin-bottom: 1em;}
    .en .purchase_box .in_box .caution{text-align: left; width: 92%; margin: 0 auto;}
    
	.en .purchase_box .in_box .ticketlink{ display: inherit; margin-bottom: 20px;}
    .en .purchase_box .in_box .ticketlink div{ width: 100%;}
}
**********/

@media only screen and (max-width: 768px){
    .en{ width:100%; padding-bottom: 10px;}
    .en .ticket{ padding: 30px 0 0; }
    .en .container{ padding:0;}

    .en .date { padding-bottom:0; width:100%; display: block;}
    .en .date li:not(:last-of-type){margin: 0 0 40px 0;}
    .en .date li img{ width: 94%; margin:0 auto;}
    .en .purchase_box{ margin-bottom: 20px;}
    .en .purchase_box .in_box{padding: 4%;}
    .en .purchase_box .in_box a{margin: 0 auto 10px;padding: 16px 0 18px;}

    .en .purchase_box .in_box .t_tit{font-size: 18px;}
    .en .purchase_box .in_box .receipt_date{font-size: 14px;line-height: 1.7em;margin-bottom: 16px;}
    .en .purchase_box .in_box .caution{text-align: left; padding-top: 10px; font-size: 14px; line-height: 1.7em;}
    .en .purchase_box .in_box .ticketlink{ display: inherit; margin-bottom: 20px;}
    .en .purchase_box .in_box .ticketlink div{ width: 100%;}
    
    .en .purchase_box h4{ font-size: 18px; line-height: 1.4em; margin-bottom:10px;}
    .en .purchase_box h4 span{ font-size:14px; margin:0;}
    .en .purchase_box h4 span.day{ font-size:26px; line-height:1.5em;}
    .en .purchase_box .s_tit{ font-size:18px;}

    /* 受付終了表記 */
    .en .purchase_box .end{ padding: 12px 12px 6px; margin-bottom: 10px;}
    .en .purchase_box .end .in_box{ margin-bottom: 14px; padding-bottom: 6px;}
    .en .purchase_box .end h4{ font-size: 14px; margin-bottom: 5px;}

    .comfirm{ border: 4px solid #2b6db6; font-size: 14px; margin: 0 auto 10px;}
    .comfirm:after{ display:none;}


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

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

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

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

    .en span{ font-size:14px; margin:0 5px;}

    /* add */
    .info_box{ padding: 14px 10px 4px; margin-bottom: 4px;}

     .en .map{  padding: 3%; }
    .en .map img{ width: 100%; margin: 0 auto;}
}



/********************** 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{content: url(../images/arrow_left.svg);}
.slick-next:before{content: url(../images/arrow_right.svg);}
.slick-prev:before, .slick-next:before{ font-size:60px; color:#000;position: absolute; transform: translate(-50%, -50%);}
.slick-prev, .slick-next{ z-index:4;height: 60px;width: 60px;left:50%; margin-top: -30px; top:50%;}
.slick-prev{     margin-left: calc(-31vw - 60px);}
.slick-next{    margin-left: 31vw;}


/*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;}
}