@charset "UTF-8";
/**/
/*--------------------------------------------------------
 Top
--------------------------------------------------------*/
/*------------------------------------------
 Title
------------------------------------------*/
.pane-block--title {
  color: var(--color-blue-4972ef);
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  padding: 15px;
  margin-bottom: 0;
  background-color: var(--color-gray-f7f7f7);
  border: none;
}
/*------------------------------------------
 Change Password
------------------------------------------*/
.block-top-changepass {
  padding: 10px;
  border-bottom: 1px solid var(--color-gray-707070);
}

.block-top-changepass--inner {
  background-color: var(--color-beige-fff7f7);
  border: 1px solid var(--color-red-ff0000);
  padding: 16px 10px;
}

.block-top-changepass--text {
  font-size: 14px;
  color: var(--color-red-ff0000);
  text-align: center;
  margin-bottom: 10px;
}

.block-top-changepass a.block-top-changepass--btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 216px;
  height: 37px;
  font-size: 14px;
  font-weight: bold;
  color: var(--color-white);
  text-decoration: none;
  background-color: var(--color-red-ff0000);
  border-radius: 5px;
  margin: 0 auto;
}
/*------------------------------------------
 Recommend
------------------------------------------*/
.block-top-recommend {
  padding-bottom: 10px;
}
.block-top-recommend--header {
  color: var(--color-brack);
  font-weight: normal;
}
.block-top-recommend--list {
  display: flex;
  padding: 5px;
}
.block-top-recommend--item {
  width: calc((100% - 20px) / 3);
}
.block-top-recommend--item:not(:nth-child(3n)) {
  margin-right: 10px;
}
.block-top-recommend--item a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.block-top-recommend--item-name {
  order: 20;
  color: var(--color-gray-444444);
  font-size: 12px;
  font-weight: normal;
  word-wrap: break-word;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.block-top-recommend--item-image {
  order: 10;
  height: 64px;
  margin: 0 auto;
}
.block-top-recommend--link {
  margin-top: 10px;
}
.block-top-recommend--link a {
  color: var(--color-gray-444444);
  font-size: 12px;
  text-decoration: none;
  margin-left: 15px;
}
/*------------------------------------------
 Status
------------------------------------------*/
.block-top-status {
  padding-bottom: 10px;
}
.block-top-status--item + .block-top-status--item {
  border-top: 1px solid var(--color-gray-cccccc);
}
.block-top-status--item a {
  display: block;
  position: relative;
  padding: 15px 30px 15px 15px;
}
.block-top-status--item:last-child a {
  padding-bottom: 0;
}
.block-top-status--item a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 8px;
  height: 8px;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.block-top-status--link {
  margin-top: 10px;
}
.block-top-status--link a {
  color: var(--color-gray-444444);
  font-size: 12px;
  text-decoration: none;
  margin-left: 15px;
}

/*------------------------------------------
 Top Swiper Dot
------------------------------------------*/

#top-slider-container.slide-v-up:has(.my-top-slider-bullet:nth-child(4):last-child) .swiper-pagination-custom:has(.my-top-slider-bullet-active:nth-of-type(n+3)) .my-top-slider-bullet:nth-child(-n+2) {
	display: none;
}
#top-slider-container.slide-v-up:has(.my-top-slider-bullet:nth-child(4):last-child) .swiper-pagination-custom:has(.my-top-slider-bullet-active:nth-of-type(-n+2)) .my-top-slider-bullet:nth-child(n+3) {
	display: none;
}
#top-slider-container.slide-v-up:has(.my-top-slider-bullet:nth-child(6):last-child) .swiper-pagination-custom:has(.my-top-slider-bullet-active:nth-of-type(n+4)) .my-top-slider-bullet:nth-child(-n+3) {
	display: none;
}
#top-slider-container.slide-v-up:has(.my-top-slider-bullet:nth-child(6):last-child) .swiper-pagination-custom:has(.my-top-slider-bullet-active:nth-of-type(-n+3)) .my-top-slider-bullet:nth-child(n+4) {
	display: none;
}


/*------------------------------------------
 Recent Item
------------------------------------------*/
.block-thumbnail-h {
  display: flex;
  margin-bottom: 0;
  overflow-x: hidden;
}
.block-thumbnail-h .block-thumbnail-h--item {
  display: flex;
  flex-direction: column;
  width: calc(100% / 3);
  min-width: auto;
  padding: 10px;
  margin-right: 0;
}
.block-thumbnail-h .block-thumbnail-h--item a {
  display: block;
  color: var(--color-gray-444444);
  font-size: 12px;
  text-decoration: none;
  word-wrap: break-word;
}
.block-thumbnail-h--goods {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.block-thumbnail-h--goods-image {
  height: 64px;
  margin: 0 auto 5px;
}
.block-thumbnail-h--goods-image figure {
  min-width: auto;
  height: 64px;
  min-height: auto;
  background: none;
}
/*------------------------------------------
 Category
------------------------------------------*/
.block-top-items {
  margin-bottom: 20px;
  border-top: 1px solid var(--color-gray-cccccc);
}
.block-top-items--body {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-gray-cccccc);
}
.block-top-items--header {
  font-size: 14px;
  font-weight: bold;
  text-indent: 15px;
  padding: 0;
  margin-bottom: 0;
  background-color: var(--color-gray-f7f7f7);
  border: none;
}
.block-top-items--header a {
  display: block;
  color: var(--color-blue-4972ef);
  text-decoration: none;
  padding: 13.5px 0;
}
.block-top-items--list {
  display: flex;
  margin: 8px;
  border-bottom: 1px solid var(--color-gray-efefef);
}
.block-top-items--item {
  width: calc(100% / 3);
}
.block-top-items--item a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  padding: 10px;
}
.block-top-items--item-name {
  order: 20;
  color: var(--color-gray-444444);
  font-size: 12px;
  font-weight: normal;
  word-wrap: break-word;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.block-top-items--item-image {
  order: 10;
  height: 64px;
  margin: 0 auto;
}
.block-top-items--link a {
  color: var(--color-black);
  font-size: 12px;
  text-decoration: none;
  margin-left: 18px;
}
/*------------------------------------------
 Banner
------------------------------------------*/
.block-top-banner {
  margin-bottom: 20px;
}
.block-top-banner a {
  display: block;
}
.block-top-banner a img {
  width: 100%;
}
/*------------------------------------------
 Topic
------------------------------------------*/
.block-top-topic {
  padding: 10px;
  border: 1px solid var(--color-orange-ffddaa);
}
.block-top-topic .block-top-topic--heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.block-top-topic .block-top-topic--header {
  color: var(--color-orange-ff8000);
  font-family: inherit;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.5;
  padding-top: 0;
  margin-bottom: 0;
}
.block-top-topic .block-top-topic--link {
  margin-top: -5px;
}
.block-top-topic .block-top-topic--link a {
  font-size: 12px;
  padding-left: 8px;
  background: url(../../img/usr/common/ico_arrow_blue_right3x5.gif) left center / auto no-repeat;
}
.block-top-topic .block-top-topic--body {
  padding-bottom: 0;
  background: none;
}
.block-top-topic .block-top-topic--body ul.block-topic--items {
  width: 100%;
  margin: 0;
}
.block-top-topic .block-top-topic--body ul.block-topic--items li {
  padding: 0;
  border-bottom: none;
}
.block-top-topic .block-top-topic--body ul.block-topic--items li a {
  text-decoration: var(--text-underline);
}
.block-top-topic .block-top-topic--body ul.block-topic--items dl {
  display: flex;
}
.block-top-topic .block-top-topic--body ul.block-topic--items dt {
  width: 40%;
  font-size: 16px;
  margin-bottom: 0;
}
.block-top-topic .block-top-topic--body ul.block-topic--items dd {
  position: relative;
  width: 60%;
  font-size: 16px;
  padding-left: 12px;
}
.block-top-topic .block-top-topic--body ul.block-topic--items dd::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 3px;
  height: 5px;
  background: url(../../img/usr/common/ico_arrow_blue_right3x5.gif) left top / auto no-repeat;
}