@charset "utf-8"; /* ===== index ===== */
/*
body#top{
padding-top: 0; }
body#top header{
background-color: transparent;; }
body#top header.bg_wh{
background-color: #FFFFFF; transition: all 500ms 0s ease; 
}
*/


html {}
main{background-image: url(../img/back-dot.png); background-repeat: no-repeat; background-size: 125% auto; background-position:calc(50% + -1em) -5em; }
section[id*="sect_"] .partner_carousel {padding: 45px 0; width: calc(100% + 76px); margin-left: -38px;}
section[id*="sect_"] .partner_carousel li {margin-right: 0.5em;}
section[id*="sect_"] .partner_carousel li img{width: 100%;}

/**ファーストビュー**/
#sect_fview{overflow: hidden; height: 800px; display: flex; justify-content: center;}
#sect_fview .fview_logo{width:60%; position: relative; z-index: 2; margin-top: 5em;}
#sect_fview .fview_logo img{width:100%; aspect-ratio: 6 / 7;}
#sect_fview .fview_logo img + img{aspect-ratio: 75 / 46;}

@keyframes rotate { from { transform: rotate(0deg); }  to { transform: rotate(360deg);} }
img.catch_rota { animation: rotate 8s linear infinite; width: 95%; position: absolute; margin: auto; left:0; right: 0; top:60px; }

/**終了アナウンス**/
#sect_endann{ border-top: 4px double var(--comm-navy); border-bottom:4px double var(--comm-navy); text-align: center; padding: 1.5em 0; margin-top: 4em;}
#sect_endann .end_Ltxt{ color:var(--comm-orange); font-size: 36px; font-weight: 700; line-height: 1.3; padding-bottom: 0.25em;}
#sect_endann .end_Stxt{font-size: 18px; font-weight: 700;}

/**ABOUT**/
#sect_about{ padding-top: 3em;}
#sect_about .about_title{color: var(--comm-blue); font-size:40px; padding-bottom: 0.5em;}
#sect_about .about_txt{ font-weight:700; font-size:18px;}
#sect_about .partner_carousel {}
#sect_about .partner_carousel li {}
#sect_about .partner_carousel li img{}

/**LIVE**/
#sect_live{background-color: var(--comm-navy);}
#sect_live .live_dl{}
#sect_live .live_dl dt{position: relative; color: #fff; text-align: center; letter-spacing: -0.1em; line-height: 1; padding-top: 0.75em; border-bottom: 1px dashed #fff; font-size: 50px;}
#sect_live .live_dl dt img{position:absolute; left: 0; right:0; margin: auto; top:-0.5em; width: 2.25em;}
#sect_live .live_dl dt .f_alph{font-size:56px; display: block; text-align: center; line-height: 1;}
#sect_live .live_dl dd{padding-bottom: 2em;}
#sect_live .live_dl dd .day_box{}
#sect_live .live_dl dd .day_box + .day_box{padding-top: 1em;}
#sect_live .live_dl dd .day_ttl{display: flex; padding: 1.5em 0 0.5em 0; align-items: center; justify-content: center;}
#sect_live .live_dl dd .day_ttl .f_alph{color:var(--comm-orange); font-size: 32px;}
#sect_live .live_dl dd .day_ttl strong{ color: #fff; display: block; font-size: 18px; padding-left: 0.5em;}
#sect_live .live_dl dd .ytube_box+.sche_btn{margin-top: 1.5em;}
#sect_live .live_dl dd .sche_btn{ display: flex; opacity: 1!important; width:252px; margin: auto;}
#sect_live .live_dl dd .sche_btn>*{height: 44px!important;}
#sect_live .live_dl dd .sche_btn .sche_btn-txt{color: var(--comm-gray);border: 1px solid var(--comm-gray); border-right-style: none; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700;}
#sect_live .live_dl dd .sche_btn .sche_btn-txt>.f_alph{font-size: 18px; font-weight:600; display: inline-block; padding-top: 0.15em; padding-right: 0.1em;}
#sect_live .live_dl dd .sche_btn>.f_alph{font-size: 13px; width: 44px; min-width: initial; letter-spacing:0.05em; }

/**PICKUP**/
#sect_pickup{background-color: var(--comm-gray); padding-bottom: 3em;}
#sect_pickup .pickup_dl{padding-top: 3em;}
#sect_pickup .pickup_dl dt {padding-bottom: 1em;}
#sect_pickup .pickup_dl dt .f_alph{font-size: 56px; color: var(--comm-orange); text-align: center;}
#sect_pickup .pickup_dl dd{}
#sect_pickup .pickup_dl dd [class*="comm_btn"]{ width: 270px; margin: auto;}
.pick_SlDes{padding-left: 15px; margin-bottom: 1em;}
.pick_SlDes:before{content: ""; width: 40px; height: 100%; background-color: var(--comm-gray); display: block; position: absolute; left: 0; top: 0; z-index: 10;}
.pick_SlDes li{border-left: 1px solid var(--comm-navy); padding: 0 25px; width: 263px;}
.pick_SlDes li.first-child{}
.pick_SlDes [class*="arrow-"]{ height: calc(44px / 2); width: 44px; clip-path: polygon(50% 0, 100% 100%, 0 100%); top:130px!important;}
.pick_SlDes .arrow-prev{ left: calc(526px + 15px - 32px); background-color: var(--comm-navy); transform:rotate(-90deg);}
.pick_SlDes .arrow-next{ left: calc(526px + 15px - 10px); background-color: var(--comm-blue); transform:rotate(90deg);}

.pick_SlDes li{ color: var(--comm-navy); padding-bottom: 1em;}
.pick_SlDes li [class*="_name"]{font-family: 'indivisible','Zen Kaku Gothic Antique', sans-serif; font-weight: 600; font-style: normal; line-height: 1.4; }
.pick_SlDes li .shop_name{ font-size: 13px; padding-bottom: 0.5em; line-height: 1.25;}
.pick_SlDes li .item_name{ font-size: 15px; padding-bottom: 0.5em; line-height: 1.25;}
.pick_SlDes li .item_txt{ font-size: 15px;padding-bottom: 1em; }
.pick_SlDes li .item_price{ font-family: 'indivisible', sans-serif; font-weight: 600; }
.pick_SlDes li .item_price:empty{display: none;}
.pick_SlDes li .item_price>*{line-height: 1; display: inline-block; letter-spacing: -0.05em; vertical-align: middle;}
.pick_SlDes li .item_price>*:empty{display: none;}
.pick_SlDes li .item_price .price_box{color: var(--comm-orange); font-size: 22px;}
.pick_SlDes li .item_price .off_box{color: var(--comm-gray); font-size:14px; background-color: var(--comm-orange); padding: 0.35em 1em 0.25em 1em; }
.pick_SlDes li .item_price .normalp_box{color: var(--comm-navy); font-size:12px; text-decoration: line-through; display: block;}
.pick_SlDes li img.item_img{margin-bottom: 1em;}


/**TICKET**/
#sect_ticket{}
#sect_ticket .ticket_dl{border: 4px double var(--comm-blue);}
#sect_ticket .ticket_dl dt{display: flex; border-bottom: 1px solid var(--comm-blue);}
#sect_ticket .ticket_dl dt .ticket_name{font-size:56px; background-color: var(--comm-blue); color: #fff; width: 40%; text-align: center; padding: 0.25em 0;}
#sect_ticket .ticket_dl dt .ticket_grad{}
#sect_ticket .ticket_dl dt .ticket_price{width: 60%; background-image: url(../img/path.png);background-repeat: repeat-y;background-size:2em auto; display: flex; align-items: center; padding-left: 2em;}
#sect_ticket .ticket_dl dt .ticket_price img{width: 60%; margin: auto; display: block;}
#sect_ticket .ticket_dl dd{padding-bottom: 2em;}
#sect_ticket .ticket_dl dd p{font-size:12px; display: block; padding: 32px;}
#sect_ticket .ticket_dl dd [class*="comm_btn"]{ width: 270px; margin: auto;}


/**MATE**/
#sect_mate{margin-top: 2em;}
#sect_mate .mate_dl{border: 4px solid var(--comm-navy); border-radius: 0.4em; padding: 15px 32px;}
#sect_mate .mate_dl dt{ border-bottom:1px dashed var(--comm-navy);}
#sect_mate .mate_dl dt img{width: 8em; display: block; margin: auto; aspect-ratio: 2 / 1;}
#sect_mate .mate_dl dt .f_alph{font-size:56px; display: block; text-align: center; line-height: 1;}
#sect_mate .mate_dl dd{padding-top: 1.4em; padding-bottom: 1em;}
#sect_mate .mate_dl dd .mate_p{text-align: center; display: block; font-size: 15px; font-weight: 700;}

#sect_mate .mate_dl dd .mate_coupon{ display: flex; padding:0 38px; width: 100%; position: relative; margin: 1em 0;}
#sect_mate .mate_dl dd .mate_coupon:before,#sect_mate .mate_dl dd .mate_coupon:after{content: ""; width: calc(38px + 1px); height: 100%; position: absolute; top:0; display: block; background-repeat: repeat-y; background-size: 100% auto; background-image: url(../img/box.png);}
#sect_mate .mate_dl dd .mate_coupon:after{right: 0;}
#sect_mate .mate_dl dd .mate_coupon:before{left: 0; transform: scaleX(-1);}
#sect_mate .mate_dl dd .mate_coupon>*{display: flex; align-items: center; padding: 0.75em 0;}
#sect_mate .mate_dl dd .mate_coupon .coupon_2bai{width: 100%; background-color: var(--comm-khaki);  }
#sect_mate .mate_dl dd .mate_coupon .coupon_2bai img{width: 50%; margin: auto;}
#sect_mate .mate_dl dd .mate_coupon .coupon_price{width: 38%; background-color: var(--comm-khaki); }
#sect_mate .mate_dl dd .mate_coupon .coupon_price img{width: 100%;}
#sect_mate .mate_dl dd .mate_coupon .coupon_txt{font-size: 22px; font-weight: 700; width: 62%; background-color: var(--comm-khaki); padding-left: 0.25em;}
#sect_mate .mate_dl dd [class*="comm_btn"]{ width: 270px; margin: 1em auto 0 auto ;}

/**LOTTERY**/
#sect_lottery{margin-top: 2em;}
#sect_lottery .lottery_dl{}
#sect_lottery .lottery_dl>*{background-color: var(--comm-navy);}
#sect_lottery .lottery_dl:before,#sect_lottery .lottery_dl:after{content: "";width: 100%; height: 4em; background-repeat: repeat-x; background-size: auto 100%; display: block; background-image: url(../img/dot-wide.png);background-position: left 0%;} 
#sect_lottery .lottery_dl:after{transform: scaleY(-1);}
#sect_lottery .lottery_dl dt{color: var(--comm-gray); font-size: 56px; display: block; text-align: center; line-height: 1; }
#sect_lottery .lottery_dl dd{padding :1em 32px 2em 32px;}
#sect_lottery .lottery_dl dd img{width: 100%; aspect-ratio: 3 / 2;}
#sect_lottery .lottery_dl dd .lottery_taisho{font-size: 18px; font-weight:700; color: var(--comm-gray); text-align: center; padding-top: 1em;}
#sect_lottery .lottery_dl dd [class*="comm_btn"]{ width: 300px; margin: 1.5em auto 0 auto ;}
#sect_lottery .partner_carousel {}
#sect_lottery .partner_carousel li {}
#sect_lottery .partner_carousel li img{}


/**出店希望者**/
#sect_shutten{padding-bottom: 2em;}
#sect_shutten .shutten_dl{padding-bottom: 1.5em; border-bottom: 4px double var(--comm-orange); }
#sect_shutten .shutten_dl dt{background-image: url(../img/sankaku.png);background-repeat: no-repeat;background-size: 100% auto; color: var(--comm-gray); text-align: center; font-size: 22px; font-weight: 700; padding: 0.5em 0 2.5em 0;}
#sect_shutten .shutten_dl dd{ text-align: center;}
#sect_shutten .shutten_dl dd a{width:fit-content; margin: auto; display: inline-block; font-size: 18px; color: var(--comm-navy)!important;}
#sect_shutten .shutten_dl dd a img{display: inline-block; width: 1.25em; margin-right: 0.5em; }


/**＃◯◯GP**/
#sect_gp{ background-color: var(--comm-blue);}
#sect_gp .gp_dl{margin-top: 2em; padding: 0 38px 3em 38px;}
#sect_gp .gp_dl dt{position: relative; color: #fff; font-size:50px; font-weight:500;  text-align: center; letter-spacing: -0.1em; line-height: 1; padding-top: 0.75em; border-bottom: 1px dashed #fff;}
#sect_gp .gp_dl dt .f_alph{ letter-spacing: 0.05em !important; font-size: 56px; margin-left: 0.1em; line-height: 1;}
#sect_gp .gp_dl dt img{position: absolute; left: 0; right:0; margin: auto; top:-0.75em; width: 2.25em;}
#sect_gp .gp_dl dd .gp_txt{text-align: center; color: #fff; padding: 1.5em 0; font-size: 15px;}
#sect_gp .gp_dl dd .gray_box{}
#sect_gp .gp_dl dd .gray_box>*{background-color: var(--comm-gray);}
#sect_gp .gp_dl dd .gray_box .hash_txt{text-align: center; font-weight: 700; font-size: 18px;}
#sect_gp .gp_dl dd .gray_box:before,
#sect_gp .gp_dl dd .gray_box:after{content: "";width: 100%; height: 4em; background-repeat: repeat-x; background-size: auto 100%; display: block; background-image: url(../img/dot-wide02.png);background-position: left 0%;} 
#sect_gp .gp_dl dd .gray_box:after{transform: scaleY(-1);}
#sect_gp .gp_dl dd [class*="comm_btn"]{ width: 270px; margin: 2.5em auto 0 auto ;}

/**＃◯◯GP**/
#sect_media{}
#sect_media .media_dl{padding: 4em 38px;}
#sect_media .media_dl dt{text-align: center; padding-bottom: 2em;}
#sect_media .media_dl dt img{display: inline-block; width: 10em; margin: auto;}
#sect_media .media_dl dd{}
#sect_media .media_dl dd ul.media_ul{justify-content: center;}
#sect_media .media_dl dd ul.media_ul>li{padding-bottom: 1em;}
#sect_media .media_dl dd ul.media_ul>li .media_name{border-bottom: 1px solid var(--comm-navy); padding: 0 0.5em; width: 100%;}
#sect_media .media_dl dd ul.media_ul>li .media_name img{width: 100%; aspect-ratio:17/6;}
#sect_media .media_dl dd ul.media_ul>li .icon_list{display: flex; justify-content: center; gap:6%; padding-top: 0.25em;}
#sect_media .media_dl dd ul.media_ul>li .icon_list a {display:block; width: 23%;}
#sect_media .media_dl dd ul.media_ul>li .icon_list a img{width: 100%; aspect-ratio:1/1;}

@media screen and (max-width: 600px) {
main { background-position:60% -11vw; background-size:128%}
#sect_fview .fview_logo { width: 58%; margin-top:28vw;}
#sect_fview{height: auto;}
img.catch_rota { top:14vw; }
section[id*="sect_"] .partner_carousel { width: calc(100% + 48px); margin-left: -24px;}
section[id*="sect_"] .partner_carousel li {}
section[id*="sect_"] .partner_carousel li img{}

/**終了アナウンス**/
#sect_endann{ padding: 1em 0; margin-top: 2em;}
#sect_endann .end_Ltxt{ font-size: 28px;}
#sect_endann .end_Stxt{ font-size: 15px;}

/**ABOUT**/
#sect_about{ padding-top: 13vw;}
#sect_about .about_title{font-size: 32px;}
#sect_about .about_txt{ font-size:15px;}

/**LIVE**/
#sect_live{}
#sect_live .live_dl{}
#sect_live .live_dl dt{}
#sect_live .live_dl dt img{width: 100px;}
#sect_live .live_dl dt .f_alph{font-size:48px;}
#sect_live .live_dl dd{}
#sect_live .live_dl dd .day_ttl{padding-top: 1em;}
#sect_live .live_dl dd .day_ttl .f_alph{font-size: 24px;}
#sect_live .live_dl dd .day_ttl strong{ font-size: 15px; }
#sect_live .live_dl dd .ytube_box+.sche_btn{ margin-top: 1em;}
#sect_live .live_dl dd .sche_btn{width:216px;}
#sect_live .live_dl dd .sche_btn>*{height: 36px!important;}
#sect_live .live_dl dd .sche_btn .sche_btn-txt{font-size:13px;}
#sect_live .live_dl dd .sche_btn .sche_btn-txt>.f_alph{font-size: 15px;}
#sect_live .live_dl dd .sche_btn>.f_alph{font-size: 12px; width: 36px;}

/**PICKUP**/
#sect_pickup{}
#sect_pickup .pickup_dl{}
#sect_pickup .pickup_dl dt {}
#sect_pickup .pickup_dl dt .f_alph{font-size: 48px;}
#sect_pickup .pickup_dl dd{}
#sect_pickup .pickup_dl dd [class*="comm_btn"]{ width: 250px; }
.pick_SlDes{padding-left: 0; padding-bottom: 2em;}
.pick_SlDes:before{content: ""; width: 25px;}
.pick_SlDes li{ padding: 0 25px; width: 82.3vw;}
.pick_SlDes li.first-child{}
.pick_SlDes [class*="arrow-"]{ top:40vw!important;}
.pick_SlDes .arrow-prev{ left: calc(82.3vw - 33px);  }
.pick_SlDes .arrow-next{ left: calc(82.3vw - 11px) }

.pick_SlDes li{ }
.pick_SlDes li [class*="_name"]{ }
.pick_SlDes li .shop_name{ font-size: 12px;padding-bottom: 0.5em;}
.pick_SlDes li .item_name{ font-size: 13px;padding-bottom: 0.5em;}
.pick_SlDes li .item_txt{ font-size: 13px;}
.pick_SlDes li .item_price{ }
.pick_SlDes li .item_price>*{}
.pick_SlDes li .item_price .price_box{ font-size: 20px;}
.pick_SlDes li .item_price .off_box{font-size:13px; }
.pick_SlDes li .item_price .normalp_box{}
.pick_SlDes li img.item_img{}



/**TICKET**/
#sect_ticket{}
#sect_ticket .ticket_dl{}
#sect_ticket .ticket_dl dt{}
#sect_ticket .ticket_dl dt .ticket_name{font-size:48px; padding: 0.2em 0; width: 47%; text-align: right;}
#sect_ticket .ticket_dl dt .ticket_grad{}
#sect_ticket .ticket_dl dt .ticket_price{ width: 53%;}
#sect_ticket .ticket_dl dt .ticket_price img{ width: 90%;}
#sect_ticket .ticket_dl dd{}
#sect_ticket .ticket_dl dd p{font-size: 11px; padding:20px; }
#sect_ticket .ticket_dl dd [class*="comm_btn"]{ width: 250px;}


/**MATE**/
#sect_mate{}
#sect_mate .mate_dl{ padding: 15px 20px;}
#sect_mate .mate_dl dt{}
#sect_mate .mate_dl dt img{ width: 6em;}
#sect_mate .mate_dl dt .f_alph{font-size: 48px;}
#sect_mate .mate_dl dd{padding-top: 1em; padding-bottom: 1em;}
#sect_mate .mate_dl dd .mate_p{font-size: 13px;}
#sect_mate .mate_dl dd .atten{font-size: 11px;}
#sect_mate .mate_dl dd .mate_coupon{ padding:0 15px;}
#sect_mate .mate_dl dd .mate_coupon:before,#sect_mate .mate_dl dd .mate_coupon:after{width: calc(15px + 1px); background-position: right; background-size: 150% auto;}
#sect_mate .mate_dl dd .mate_coupon:after{}
#sect_mate .mate_dl dd .mate_coupon:before{}
#sect_mate .mate_dl dd .mate_coupon>*{padding: 0.5em 0;}
#sect_mate .mate_dl dd .mate_coupon .coupon_2bai{ }
#sect_mate .mate_dl dd .mate_coupon .coupon_2bai img{width: 70%; }
#sect_mate .mate_dl dd .mate_coupon .coupon_price{width: 38%; }
#sect_mate .mate_dl dd .mate_coupon .coupon_price img{}
#sect_mate .mate_dl dd .mate_coupon .coupon_txt{font-size: 16px; width: 72%; letter-spacing: -0.05em; padding-left: 0.5em;}
#sect_mate .mate_dl dd [class*="comm_btn"]{width: 250px; }

/**LOTTERY**/
#sect_lottery{}
#sect_lottery .lottery_dl{}
#sect_lottery .lottery_dl>*{}
#sect_lottery .lottery_dl:before,#sect_lottery .lottery_dl:after{} 
#sect_lottery .lottery_dl:after{}
#sect_lottery .lottery_dl dt{font-size: 48px;}
#sect_lottery .lottery_dl dd{ padding: 1em 20px 2em 20px;}
#sect_lottery .lottery_dl dd img{}
#sect_lottery .lottery_dl dd .lottery_taisho{font-size: 15px;}
#sect_lottery .lottery_dl dd [class*="comm_btn"]{ width: 16em;}


/**出店希望者**/
#sect_shutten{}
#sect_shutten .shutten_dl{padding-bottom: 1.5em; }
#sect_shutten .shutten_dl dt{ text-align: center; font-size: 18px; padding: 0.25em 0 1.5em 0;}
#sect_shutten .shutten_dl dd{ text-align: center;}
#sect_shutten .shutten_dl dd a{font-size: 15px;}
#sect_shutten .shutten_dl dd a img{}

/**＃◯◯GP**/
#sect_gp{padding: 0 24px 3em 24px; }
#sect_gp .gp_dl{padding:0 0 3em 0;}
#sect_gp .gp_dl dt{font-size: 44px; text-align: center;}
#sect_gp .gp_dl dt .f_alph{ font-size: 48px;}
#sect_gp .gp_dl dt img{top:-0.75em; width: 100px;}
#sect_gp .gp_dl dd .gp_txt{font-size: 13px;}
#sect_gp .gp_dl dd .gray_box{}
#sect_gp .gp_dl dd .gray_box>*{}
#sect_gp .gp_dl dd .gray_box .hash_txt{ font-size: 4vw;}
#sect_gp .gp_dl dd .gray_box:before,
#sect_gp .gp_dl dd .gray_box:after{} 
#sect_gp .gp_dl dd .gray_box:after{}
#sect_gp .gp_dl dd [class*="comm_btn"]{ width: 250px; margin: 2.5em auto 0 auto ;}

/**＃◯◯GP**/
#sect_media{}
#sect_media .media_dl{padding: 3em 24px 2em 24px;}
#sect_media .media_dl dt img { width: 9em;}


}