@charset "UTF-8";
.site_main_top_message { padding: 3px 0; background: #333333; color: #ffffff; font-size: 0.14rem; line-height: 1.5; text-align: center; }
@media (min-width: 1024px) { .site_main_top_message { display: none; } }

.from_staff--tab--container { display: flex; justify-content: center; flex-wrap: wrap; column-gap: 2.9%; }
@media screen and (min-width: 1024px) { .from_staff--tab--container { column-gap: 20px; } }

.from_staff--tab--radio { display: none; }
.from_staff--tab--radio:checked + .from_staff--tab--label { background-color: #fff; position: relative; }
.from_staff--tab--radio:checked + .from_staff--tab--label::after { content: ""; width: 100%; height: 4px; background-color: #fff; position: absolute; left: 0; bottom: -4px; }
.from_staff--tab--radio:checked + .from_staff--tab--label + .from_staff--tab--contents { display: block; }

.from_staff--tab--label { flex-basis: 44%; order: -1; padding: 0.5em 0.75em; text-align: center; background-color: #74D1FC; border: 1px solid #DEDEDE; border-bottom: 1px solid transparent; border-radius: 4px 4px 0 0; }
@media screen and (min-width: 600px) { .from_staff--tab--label { font-size: 0.18rem; } }
@media screen and (min-width: 1024px) { .from_staff--tab--label { flex-basis: 48%; max-width: 490px; } }
@media screen and (min-width: 1280px) { .from_staff--tab--label { font-size: 0.24rem; } }

.from_staff--tab--contents { display: none; width: 100%; border-top: 1px solid #DEDEDE; }

.news_list--footer { margin-top: 20px; text-align: center; }
@media screen and (min-width: 1024px) { .news_list--footer { margin-top: 50px; } }
.news_list--footer .link_btn { width: 100%; max-width: 500px; }
.news_list--footer .link_btn .text { font-size: 0.16rem; }

.news_list--link { color: #333; }

.news_list--list--item:not(:first-of-type) { margin-top: 20px; }
@media screen and (min-width: 1024px) { .news_list--list--item:not(:first-of-type) { margin-top: 30px; } }

.news_list--contents_wrap { display: flex; gap: 0 5%; }
@media screen and (min-width: 1024px) { .news_list--contents_wrap { gap: 0 3%; } }

.news_list--image { max-width: 180px; flex-basis: 26%; text-align: center; }

.news_list--info { flex-basis: 69%; flex-grow: 1; }

.news_list--info--top { display: flex; gap: 0 8px; align-items: center; justify-content: flex-start; }

.news_list--icon img { height: 20px; vertical-align: middle; }
@media screen and (min-width: 480px) { .news_list--icon img { height: 25px; } }
@media screen and (min-width: 600px) { .news_list--icon img { height: auto; vertical-align: bottom; } }

.news_list--date { font-family: Calibri, Segoe, Segoe UI, Helvetica Neue、Helvetica、Optima, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", Meiryo, 'メイリオ', sans-serif; font-size: 0.14rem; }
@media screen and (min-width: 480px) { .news_list--date { font-size: 0.16rem; } }
@media screen and (min-width: 1024px) { .news_list--date { font-size: 0.20rem; } }

.news_list--title { margin-bottom: 5px; font-weight: bold; }
@media screen and (min-width: 1024px) { .news_list--title { font-size: 0.24rem; margin-bottom: 10px; } }

.news_list-top_page { margin-top: 18px; }
@media screen and (min-width: 600px) { .news_list-top_page { margin-top: 43px; } }
@media screen and (min-width: 1024px) { .news_list-top_page { margin-top: 79px; } }
.news_list-top_page .news_list--list { display: flex; flex-wrap: wrap; column-gap: 1.6%; row-gap: 20px; }
@media screen and (min-width: 600px) { .news_list-top_page .news_list--list { flex-wrap: nowrap; column-gap: 3.2%; } }
.news_list-top_page .news_list--list--item { margin-top: 0; flex-basis: 49.2%; }
@media screen and (min-width: 1024px) { .news_list-top_page .news_list--list--item { flex-basis: 25%; } }
.news_list-top_page .news_list--container { display: flex; flex-direction: column; row-gap: 10px; height: 100%; }
@media screen and (min-width: 1024px) { .news_list-top_page .news_list--container { row-gap: 20px; } }
.news_list-top_page .news_list--image { max-width: none; flex-basis: auto; border: 1px solid #DEDEDE; position: relative; width: 100%; }
.news_list-top_page .news_list--image::before { content: ""; display: block; padding-top: 100%; }
.news_list-top_page .news_list--image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.news_list-top_page .news_list--info { flex-basis: auto; flex-grow: 0; margin-top: auto; }
.news_list-top_page .news_list--info--top { column-gap: 0 5px; }
@media screen and (min-width: 600px) { .news_list-top_page .news_list--info--top { flex-direction: column; align-items: center; row-gap: 5px; } }
@media screen and (min-width: 1024px) { .news_list-top_page .news_list--info--top { flex-direction: row; } }
.news_list-top_page .news_list--date { font-size: 0.11rem; }
@media screen and (min-width: 375px) { .news_list-top_page .news_list--date { font-size: 0.14rem; } }
@media screen and (min-width: 600px) { .news_list-top_page .news_list--date { font-size: 0.16rem; } }
@media screen and (min-width: 1024px) { .news_list-top_page .news_list--date { font-size: 0.18rem; } }

.staff_room--bnr_container { margin-top: 20px; }
@media screen and (min-width: 600px) { .staff_room--bnr_container { display: flex; column-gap: 2%; } }

.staff_room--bnr_area { display: flex; flex-direction: column; row-gap: 10px; align-items: center; }
@media screen and (min-width: 520px) { .staff_room--bnr_area { row-gap: 20px; } }
@media screen and (min-width: 600px) { .staff_room--bnr_area { flex-basis: 50%; row-gap: 10px; } }
@media screen and (min-width: 768px) { .staff_room--bnr_area { row-gap: 15px; } }
@media screen and (min-width: 1024px) { .staff_room--bnr_area { row-gap: 20px; } }
.staff_room--bnr_area + .staff_room--bnr_area { margin-top: 10px; }
@media screen and (min-width: 520px) { .staff_room--bnr_area + .staff_room--bnr_area { margin-top: 20px; } }
@media screen and (min-width: 600px) { .staff_room--bnr_area + .staff_room--bnr_area { margin-top: 0; } }
@media screen and (min-width: 600px) { .staff_room--bnr_area:nth-of-type(3) { display: none; } }

.staff_room--bnr_area--top { display: flex; column-gap: 3%; }
@media screen and (min-width: 520px) { .staff_room--bnr_area--top { column-gap: 4%; } }
.staff_room--bnr_area--top > div { flex-basis: 50%; }

.staff_room--image { text-align: center; }

@media screen and (min-width: 1024px) { .brand_series { max-width: 1030px; width: 100%; margin: 0 auto; padding-left: 15px; padding-right: 15px; } }

.brand_series--inner + .brand_series--inner { margin-top: 10px; }

.brand_series--heading-md { padding-top: 10px; padding-bottom: 10px; background-color: #F7F7F7; display: flex; gap: 0 5px; align-items: center; }
.brand_series--heading-md .image { max-width: 24px; }

.brand_series--list { display: flex; flex-wrap: wrap; border-bottom: 1px solid #DEDEDE; }
@media screen and (min-width: 1024px) { .brand_series--list { gap: 0 5%; border: none; padding-left: 15px; padding-right: 15px; overflow-x: hidden; } }
.brand_series--list::after { content: ""; display: block; width: 50%; height: 0; border-top: 1px solid #DEDEDE; }
@media screen and (min-width: 1024px) { .brand_series--list::after { display: none; } }

.brand_series--list--item { flex-basis: 50%; padding-top: 10px; padding-bottom: 10px; }
@media screen and (min-width: 1024px) { .brand_series--list--item { flex-basis: 30%; padding-top: 18px; padding-bottom: 18px; } }
.brand_series--list--item:nth-of-type(even) { padding-left: 10px; padding-right: 5%; }
@media screen and (min-width: 1024px) { .brand_series--list--item:nth-of-type(even) { padding-right: 0; padding-left: 0; } }
.brand_series--list--item:nth-of-type(odd) { padding-left: 5%; padding-right: 10px; border-right: 1px solid #DEDEDE; }
@media screen and (min-width: 1024px) { .brand_series--list--item:nth-of-type(odd) { border: none; padding-right: 0; padding-left: 0; } }
.brand_series--list--item:nth-of-type(1) { border-top: 1px solid #DEDEDE; }
@media screen and (min-width: 1024px) { .brand_series--list--item:nth-of-type(1) { border: none; } }
.brand_series--list--item:nth-of-type(2) { border-top: 1px solid #DEDEDE; }
@media screen and (min-width: 1024px) { .brand_series--list--item:nth-of-type(2) { border: none; } }
.brand_series--list--item:nth-of-type(n+3) { border-top: 1px solid #DEDEDE; }
@media screen and (min-width: 1024px) { .brand_series--list--item:nth-of-type(n+3) { border: none; } }
@media screen and (min-width: 1024px) { .brand_series--list--item:nth-of-type(3n+1) { position: relative; }
  .brand_series--list--item:nth-of-type(3n+1)::after { content: ""; width: 400%; height: 1px; background-color: #DEDEDE; position: absolute; bottom: 0; left: -20px; } }
.brand_series--list--item a:hover { opacity: 1; text-decoration: underline; }
@media screen and (min-width: 600px) { .brand_series--list--item .br { display: none; } }

.brand_series--link { display: flex; align-items: flex-start; gap: 0 7%; }
@media (min-width: 600px) { .brand_series--link { align-items: center; } }
.brand_series--link .image { max-width: 80px; flex-basis: 32%; }
.brand_series--link .text_box { flex-basis: 61%; flex-grow: 1; line-height: 1.25; }
.brand_series--link .text_box .text-small { font-size: 0.12rem; }
@media screen and (min-width: 1280px) { .brand_series--link .text_box .text-small { font-size: 0.14rem; } }

.brand_series--contact .brand_series--list::after { content: ""; display: block; width: 0; height: 0; border-top: none; }

.brand_series--costume .brand_series--list::after { content: ""; display: block; width: 0; height: 0; border-top: none; }

.brand_series--sundries .brand_series--list::after { content: ""; display: block; width: 0; height: 0; border-top: none; }

.brand_series--shoes .brand_series--list::after { content: ""; display: block; width: 0; height: 0; border-top: none; }

.ranking--list { display: flex; flex-wrap: wrap; column-gap: 7px; column-gap: 2%; row-gap: 19px; }
@media screen and (min-width: 768px) { .ranking--list { flex-wrap: nowrap; column-gap: 1.2%; justify-content: flex-start; } }

.ranking--list--item { flex-basis: 32%; }
@media screen and (min-width: 768px) { .ranking--list--item { flex-basis: auto; } }
.ranking--list--item:nth-of-type(4) { margin-left: calc((100% - ((32% * 2) + 2%)) / 2); }
@media screen and (min-width: 768px) { .ranking--list--item:nth-of-type(4) { margin-left: 0; } }

.ranking--wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 6px; }

.ranking--info { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 1px; }
@media screen and (min-width: 600px) { .ranking--info { row-gap: 3px; } }
.ranking--info img { width: 20px; }
@media screen and (min-width: 600px) { .ranking--info img { width: 26px; } }
@media screen and (min-width: 1280px) { .ranking--info img { width: auto; } }
.ranking--info .text { font-size: 0.12rem; font-weight: bold; }
@media screen and (min-width: 600px) { .ranking--info .text { font-size: 0.16rem; } }
@media screen and (min-width: 1280px) { .ranking--info .text { font-size: 0.2rem; } }

.ranking--image { max-width: 190px; }
