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

.news_list--info--top { display: flex; gap: 0 8px; align-items: center; justify-content: flex-start; }

.news_list--info--middle { margin-top: 10px; }

.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--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: Arial; 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 .contents_section--footer { margin-top: 20px; text-align: center; }
@media screen and (min-width: 1024px) { .news_list .contents_section--footer { margin-top: 50px; } }
.news_list .contents_section--footer .link_btn { width: 100%; max-width: 500px; }

.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.1rem; }
@media screen and (min-width: 1280px) { .brand_series--link .text_box .text-small { font-size: 0.12rem; } }

.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--item { padding-bottom: 20px; }
.ranking--list--item:not(:last-of-type) { border-bottom: 1px solid #DEDEDE; }
.ranking--list--item + .ranking--list--item { margin-top: 20px; }

.ranking--wrapper { display: flex; gap: 0 3%; }

.ranking--pane-1 { flex-basis: 29%; }

.ranking--pane-2 { flex-basis: 68%; }

.ranking--info { display: flex; flex-direction: column; }

.ranking--info--top { display: flex; align-items: baseline; gap: 0 4px; padding: 0 5px; background-color: rgba(226, 216, 209, 0.2); }
@media screen and (min-width: 1024px) { .ranking--info--top { padding: 3px 10px; gap: 0 10px; } }
.ranking--info--top img { vertical-align: baseline; }
.ranking--info--top .text { font-size: 0.12rem; }
@media screen and (min-width: 1024px) { .ranking--info--top .text { font-size: 0.16rem; font-weight: bold; } }

.ranking--info--middle { margin-top: 10px; }
@media screen and (min-width: 1024px) { .ranking--info--middle .text { font-size: 0.18rem; } }

.ranking--info--bottom { margin-top: 20px; }
@media screen and (min-width: 1024px) { .ranking--info--bottom { margin-top: 30px; } }

.ranking--price--wrapper { display: flex; justify-content: end; align-items: center; gap: 0 5px; flex-wrap: wrap; }
.ranking--price--wrapper .price--included_tax { text-align: end; flex-basis: 100%; }
@media screen and (min-width: 360px) { .ranking--price--wrapper .price--included_tax { flex-basis: auto; } }