@charset "UTF-8";
/* --------------------------------------------------
Common
-------------------------------------------------- */
body #wrapper { font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif; color: #000000; font-display: swap; }
body.is-loaded #wrapper { opacity: 1 !important; transition: opacity 1s ease 0s; }

@media screen and (max-width: 767px) { .pc { display: none !important; } }
@media screen and (min-width: 768px) { .sp { display: none !important; } }
/* --------------------------------------------------
Contents
-------------------------------------------------- */
@keyframes loadicon { 0% { transform: scale(1); opacity: 0; }
  10% { transform: scale(1.1); opacity: 1; }
  90% { transform: scale(1.5); opacity: 1; }
  100% { transform: scale(1.5); opacity: 0; } }
.dropdown, body #wrapper #contents #brand-list ul .brand-single .brand-single-main a, body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-name-label a { position: relative; }
.dropdown::after, body #wrapper #contents #brand-list ul .brand-single .brand-single-main a::after, body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-name-label a::after { display: block; content: ""; position: absolute; right: 14px; top: 50%; transform: translate(0, -50%); width: 15px; height: 8px; background-image: url("../images/icon-arrow.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform .2s ease 0s; }

body #wrapper { padding: 50px 0 100px; }
body #wrapper #contents { padding: 0 15px; }
body #wrapper #contents .head { text-align: center; margin: 0 0 50px; }
body #wrapper #contents .head h2 { font-family: "unitedarrows-bold", "system-ui", -apple-system, sans-serif; font-weight: 700; font-size: 20px; letter-spacing: .1em; display: inline-block; padding: 0 0 5px; border-bottom: solid 1px; margin: 0 0 30px; }
body #wrapper #contents .head p { font-size: 14px; letter-spacing: .05em; line-height: 1.7; }
body #wrapper #contents .saledata-loading-icon { margin: 50px auto; width: 30px; }
body #wrapper #contents .saledata-loading-icon::before { display: block; content: ""; width: 30px; height: 30px; border: solid 2px #c8c7c6; border-radius: 50%; animation: loadicon 1.2s linear 0s infinite; }
body #wrapper #contents #brand-list { border: solid 1px #c8c7c6; }
body #wrapper #contents #brand-list ul .brand-single .brand-single-main a { padding: 14px; display: flex; align-items: center; }
body #wrapper #contents #brand-list ul .brand-single .brand-single-main a .imagearea { width: 90px; border: solid 1px #c8c7c6; margin: 0 12px 0 0; }
body #wrapper #contents #brand-list ul .brand-single .brand-single-main a .imagearea img { aspect-ratio: 300 / 137; }
body #wrapper #contents #brand-list ul .brand-single .brand-single-main a h3 { font-family: "unitedarrows-bold", "system-ui", -apple-system, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .05em; line-height: 1.5; }
body #wrapper #contents #brand-list ul .brand-single .brand-single-main.is-open a::after { transform: scale(1, -1); }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .tab { display: none; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container { padding: 0 7px; display: none; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list { border-top: solid 1px #c8c7c6; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-name-label { font-weight: 700; font-size: 14px; letter-spacing: .05em; line-height: 1.5; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-name-label a { display: block; padding: 14px 7px; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-name-label a::after { right: 7px; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail { padding: 0 7px 14px; display: none; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .description { font-size: 12px; letter-spacing: .05em; line-height: 1.7; margin: 0 0 14px; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .area-group { margin: 0 -14px; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .area-group .area-label { background: #F6F5F4; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .area-group .area-label .area-name { font-weight: 700; font-size: 12px; letter-spacing: .05em; padding: 10px 15px; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .area-group .area-label .label { display: none; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .area-group .shop-list { padding: 0 0 15px; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .area-group .shop-list li { padding: 10px 15px; font-size: 12px; letter-spacing: .05em; line-height: 1.5; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .area-group .shop-list li .shop-name { margin: 0 0 7px; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .area-group .shop-list li .shop-name a { text-decoration: underline; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .area-group .shop-list li .sale-date span { display: block; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .area-group .shop-list li .sale-date + .sale-date { margin: 4px 0 0; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list .sale-info-detail .area-group .shop-list li + li { border-top: solid 1px #c8c7c6; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list.is-current .sale-name-label { color: #ff0000; }
body #wrapper #contents #brand-list ul .brand-single .brand-wrap .schedule-container .schedule-list.is-current .sale-name-label a::after { transform: scale(1, -1); }
body #wrapper #contents #brand-list ul .brand-single + .brand-single { border-top: solid 1px #c8c7c6; }
body #wrapper #contents #sale-info { display: none; }
body #wrapper .sns-share { margin: 50px 0 0; }
body #wrapper .sns-share p { text-align: center; font-family: "unitedarrows-bold", "system-ui", -apple-system, sans-serif; font-weight: 700; font-size: 14px; margin: 0 0 15px; }
body #wrapper .sns-share ul { display: flex; justify-content: center; }
body #wrapper .sns-share ul li { width: 30px; }
body #wrapper .sns-share ul li + li { margin: 0 0 0 25px; }

@media screen and (min-width: 768px) { body #wrapper #contents { padding: 0; width: 960px; max-width: 96%; margin: 0 auto; }
  body #wrapper #contents .head { margin: 0 0 30px; }
  body #wrapper #contents .head h2 { margin: 0 0 15px; }
  body #wrapper #contents #brand-list { padding: 50px 0; position: relative; }
  body #wrapper #contents #brand-list ul { display: flex; flex-wrap: wrap; width: 850px; margin: 0 auto -10px; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #contents #brand-list ul { width: 680px; } }
@media screen and (min-width: 768px) { body #wrapper #contents #brand-list ul .brand-single { width: 160px; margin: 0 5px 10px; }
  body #wrapper #contents #brand-list ul .brand-single .brand-single-main { opacity: .6; transition: opacity .4s ease 0s; position: relative; }
  body #wrapper #contents #brand-list ul .brand-single .brand-single-main a { padding: 0; display: block; align-items: center; }
  body #wrapper #contents #brand-list ul .brand-single .brand-single-main a .imagearea { width: 100%; border: none; margin: 0; }
  body #wrapper #contents #brand-list ul .brand-single .brand-single-main a h3 { display: none; }
  body #wrapper #contents #brand-list ul .brand-single .brand-single-main a::after { display: none; }
  body #wrapper #contents #brand-list ul .brand-single .brand-single-main::after { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: solid 1px #c8c7c6; pointer-events: none; transition: border .4s ease 0s; }
  body #wrapper #contents #brand-list ul .brand-single .brand-single-main.is-open, body #wrapper #contents #brand-list ul .brand-single .brand-single-main:hover { opacity: 1; }
  body #wrapper #contents #brand-list ul .brand-single .brand-single-main.is-open::after, body #wrapper #contents #brand-list ul .brand-single .brand-single-main:hover::after { border-color: #444444; }
  body #wrapper #contents #brand-list ul .brand-single .brand-wrap { display: none; }
  body #wrapper #contents #brand-list ul .brand-single + .brand-single { border-top: none; }
  body #wrapper #contents #brand-list::before, body #wrapper #contents #brand-list::after { display: block; content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-top: solid 20px #c8c7c6; border-left: solid 20px transparent; border-right: solid 20px transparent; opacity: 0; transition: opacity .4s ease 0s; }
  body #wrapper #contents #brand-list::before { bottom: -20px; }
  body #wrapper #contents #brand-list::after { border-top-color: #FFFFFF; bottom: -18px; }
  body #wrapper #contents #brand-list.is-open::before, body #wrapper #contents #brand-list.is-open::after { opacity: 1; }
  body #wrapper #contents #sale-info { display: block; margin: 60px auto 0; }
  body #wrapper #contents #sale-info .brand-wrap { display: none; }
  body #wrapper #contents #sale-info .brand-wrap .tab { margin: 0 0 45px; }
  body #wrapper #contents #sale-info .brand-wrap .tab ul { display: flex; justify-content: center; }
  body #wrapper #contents #sale-info .brand-wrap .tab ul li { width: calc((100% - 60px) / 3); height: 60px; text-align: center; font-weight: 700; font-size: 16px; line-height: 1.5; letter-spacing: .02em; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #contents #sale-info .brand-wrap .tab ul li { font-size: 14px; width: calc((100% - 20px) / 3); } }
@media screen and (min-width: 768px) { body #wrapper #contents #sale-info .brand-wrap .tab ul li a { height: 100%; display: flex; align-items: center; justify-content: center; background: #FFFFFF; border: solid 1px #c8c7c6; box-sizing: border-box; transition: all .4s ease 0s; }
  body #wrapper #contents #sale-info .brand-wrap .tab ul li + li { margin: 0 0 0 30px; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #contents #sale-info .brand-wrap .tab ul li + li { margin: 0 0 0 10px; } }
@media screen and (min-width: 768px) { body #wrapper #contents #sale-info .brand-wrap .tab ul li.is-current a, body #wrapper #contents #sale-info .brand-wrap .tab ul li:hover a { background: #ff0000; color: #FFFFFF; border-color: transparent; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-name-label { display: none; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail { display: none; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .description { font-size: 16px; line-height: 1.7; letter-spacing: .05em; margin: 0 0 30px; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .area-label { background: #F6F5F4; padding: 15px; display: flex; align-items: center; align-items: center; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .area-label .area-name { flex: 1; font-weight: 700; font-size: 14px; letter-spacing: .05em; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .area-label .label { width: 180px; font-size: 12px; letter-spacing: .02em; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .area-label .label + .label { width: 180px; padding: 0 0 0 15px; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .shop-list { padding: 5px 15px 30px; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .shop-list li { display: flex; align-items: center; font-size: 12px; line-height: 1.5; letter-spacing: .02em; padding: 7px 0; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .shop-list li .shop-name { flex: 1; padding: 0 15px 0 0; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .shop-list li .shop-name a { transition: opacity .4s ease 0s; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .shop-list li .shop-name a:hover { opacity: .5; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .shop-list li .sale-date { width: 180px; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .shop-list li .sale-date span { display: none; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .shop-list li .sale-date + .sale-date { padding: 0 0 0 15px; }
  body #wrapper #contents #sale-info .brand-wrap .schedule-list .sale-info-detail .area-group .shop-list li + li { border-top: solid 1px #DCDBDA; } }