<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*------------------------------------------------
COMMON_SP CSS
------------------------------------------------*/
/*----- HEADER -----*/
.global_notification.red {
  background-color: #f4035a;
}

.globalHeaderNavi {
  padding: .5em 0;
  background: rgba(255, 255, 255, 1.00);
}

.globalHeaderNavi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  margin: 0;
}

.globalHeaderNavi li {
  display: block;
  width: calc(100% /4);
}

/*.globalHeaderNavi li:nth-of-type(1) {
  width: calc(100% / 22 * 7.2);
}

.globalHeaderNavi li:nth-of-type(2) {
  width: calc(100% / 22 * 4.6);
}

.globalHeaderNavi li:nth-of-type(3) {
  width: calc(100% / 22 * 10.2);
}*/

.globalHeaderNavi li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  color: #1e1e1e;
  font-size: 2.6em;
  letter-spacing: .05em;
  text-align: center;
  padding: .5em 0;
}

.globalHeaderNavi li a::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: "";
  color: transparent;
  background: rgba(0, 0, 0, .05);
  opacity: 0;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.globalHeaderNavi li a:hover::before {
  opacity: 1;
  height: 100%;
}

.siteInfo {
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
  background: rgba(240, 240, 240, 1.00);
}

.siteInfo img {
  opacity: 1;
  vertical-align: bottom;
}

.siteInfo img:hover {
  opacity: .6;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.siteInfo a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.saleInfo {
  font-size: 10px;
  text-align: center;
  background: rgb(5, 46, 66);
  background: -webkit-gradient(linear, left top, right top, from(rgba(5, 46, 66, 1)), color-stop(50%, rgba(22, 84, 109, 1)), to(rgba(5, 46, 66, 1)));
  background: linear-gradient(90deg, rgba(5, 46, 66, 1) 0%, rgba(22, 84, 109, 1) 50%, rgba(5, 46, 66, 1) 100%);
}

.saleInfo p {
  display: block;
  padding: 0;
  margin: 0 auto;
}

.saleInfo p a {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: .3em 0;
  margin: 0 auto;
  color: #fff;
  font-size: 5.0em;
  line-height: 1.1;
  letter-spacing: .2em;
}

.saleInfo p a strong {
  display: block;
  font-size: 0.5em;
  font-weight: 400;
  line-height: 1.5;
}

.saleInfo p a em {
  font-weight: 600;
}

.saleInfo p a::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1px;
  height: 100%;
  content: "";
  color: transparent;
  background: rgba(255, 255, 255, .2);
  opacity: 0;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.saleInfo p a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 16px;
  width: 16px;
  margin: -8px 5em 0 0;
  content: "";
  border-right: 2px solid rgba(255, 255, 255, 1);
  border-bottom: 2px solid rgba(255, 255, 255, 1);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.saleInfo p a:hover::before {
  opacity: 1;
  width: 100%;
}

.saleInfo p a:hover::after {
  margin: -8px .5em 0 0;
  opacity: 1;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

.headerInformation {
  text-align: center;
  /* border: 2px solid rgba(0, 0, 0, .20); */
  /* background: rgba(0, 0, 0, 1.00); */
  font-size: 10px;
  padding: 1em 0;
}

.headerInformation p {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.headerInformation p a {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 70%;
  min-width: 55%;
  padding: .5em 1em;
  margin: 0 auto;
  color: #fff;
  font-size: 1.6em;
  line-height: 1;
  letter-spacing: .1em;
}

.headerInformation p a::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1px;
  height: 100%;
  content: "";
  color: transparent;
  background: rgba(255, 255, 255, .2);
  opacity: 0;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.headerInformation p a::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 10px;
  width: 10px;
  margin: -5px 3em 0 0;
  content: "";
  border-right: 2px solid rgba(255, 255, 255, 1);
  border-bottom: 2px solid rgba(255, 255, 255, 1);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: .5;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.headerInformation p a:hover::before {
  opacity: 1;
  width: 100%;
}

.headerInformation p a:hover::after {
  margin: -5px .5em 0 0;
  opacity: 1;
  -webkit-transition-delay: .15s;
  transition-delay: .15s;
}

/*-- HEADER CATEGORY NAVIGATION --*/
nav.headerCateNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: .5em 0;
}

nav.headerCateNav ul li {
  display: block;
  width: calc(100% / 4);
  font-size: 1.8rem;
  padding: 0;
  margin: 0;
}

nav.headerCateNav ul li a {
  position: relative;
  display: block;
  color: #1e1e1e;
  line-height: 44px;
  width: 100%;
  text-align: center;
}
.drawer_menu {
  padding-bottom: 15em;
}
/*----- MAIN CAROUSEL -----*/
.fv {
  margin-bottom: 1.5em;
}

.swiper-container.fv__carousel {
  padding-bottom: 30px;
}

.swiper-container-horizontal&gt;.swiper-pagination-bullets {
  bottom: 5px;
}

.swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.js__slider-fv .swiper-pagination-bullet, .js__slider-fv_normal .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}

.js__slider-fv .swiper-pagination-bullet, .js__slider-fv_normal .swiper-pagination-bullet {
  background: rgba(0, 0, 0, .3);
  opacity: .7;
  border-radius: 50%;
}

.js__slider-fv .swiper-pagination-bullet.swiper-pagination-bullet-active, .js__slider-fv_normal .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(0, 0, 0, 1);
}

/*----- MAIN CONTENTS -----*/
.fs-l-main {
  min-height: 30vh;
}

.contentsWap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px 3em;
}
.recommendBrandBlock .contentsWap {
  padding: 0 10px .5em;
}

.contentsWap h2 {
  width: 100%;
  font-size: 3rem!important;
  font-weight: 600;
  text-align: center;
  letter-spacing: .05em;
  margin: 0 0 .4em 0;
  padding-left: .15em;
  /*-webkit-transform: scale(.8, 1);
  transform: scale(.8, 1);*/
}

.contentsWap h2 em {
  display: block;
  color: #777;
  font-size: 1.8rem;
  font-weight: 400;
  vertical-align: 2px;
  letter-spacing: .05em;
  margin-left: -.3em;
  -webkit-transform: scale(1.25, 1);
  transform: scale(1.25, 1);
}

/*----- TOPICS/PICKUP NEWS -----*/
.contentsWap.topicsSp {
  padding: 3em 0;
}

h2.fs-c-recommendation__title {
  width: 100%;
  font-size: 3rem!important;
  font-weight: 600;
  text-align: center;
  letter-spacing: .05em;
  margin: 0 0 0.7em 0;
  padding-left: 0.15em;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.topTopicsSp,
.topNewsSp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.topTopicsSp {
  padding: 0 10px;
}

.topTopicsSp article {
  position: relative;
  display: block;
  width: calc((100% - 10px) / 2);
  margin: 0 10px 20px 0;
  background: rgba(255, 255, 255, 1);
  overflow: hidden;
}

.topTopicsSp article:nth-of-type(2n),
.topTopicsSp article:nth-last-of-type(1),
.topNewsSp article:nth-of-type(2n),
.topNewsSp article:nth-last-of-type(1) {
  margin-right: 0;
}

.topTopicsSp figure {
  display: block;
  max-width: 100%;
  overflow: hidden;
}

.topTopicsSp figure::before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}

.topTopicsSp figure img,
.topNewsSp figure img {
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
  height: auto;
  max-width: 100%;
  opacity: 1;
  vertical-align: top;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.topTopicsSp figure:hover img,
.topNewsSp figure:hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.topTopicsSp figure figcaption {
  position: relative;
  display: block;
  padding: 0;
  color: #1e1e1e;
  height: auto;
  background: rgba(255, 255, 255, 1);
  z-index: 1;
}

.topTopicsSp figure figcaption p {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5em .3em;
  font-size: 1.4rem;
  letter-spacing: .05em;
  text-align: justify;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.topTopicsSp figure a,
.topNewsSp figure a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.topicsRecommend {
  font-size: 0;
  white-space: nowrap;
}

.topicsRecommendItem {
  display: inline-block;
  width: 160px;
  height: 160px
}

.topicsRecommendItem a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.topicsRecommendItem a:hover img {
  opacity: .7
}

.topicsRecommendItem a img {
  width: 100%;
  height: auto
}

.topicsCarousel .swiper-slide {
  width: 160px
}

/*-- INFORMATION --*/
.topInformation {
  padding-top: .3em;
}

.top_news {
  width: 100%;
  height: auto;
  word-break: normal;
}

.top_news a {
  text-decoration: none;
}

.top_news img {
  border: none;
}

.top_news ul {
  list-style-type: none;
  margin: 0;
}

ul#news_menu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, .20)
}

ul#news_menu_list li {
  display: block;
  width: calc(100% / 3);
}

.category_list {
  font-size: 1.8rem;
  width: 100%;
  padding: 0;
  margin: 10px 0 0 10px;
}

.category_list li a {
  position: relative;
  color: #1e1e1e;
  display: block;
  line-height: 44px;
  width: 100%;
  text-align: center;
}

.category_list li a::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto -1px;
  width: 0;
  height: 3px;
  background: rgba(85, 85, 85, 1.00);
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
}

.category_list li a.clicked::after {
  opacity: 1;
  width: 100%;
}

#category_list_container {
  width: 100%;
  padding: 0px 0 0;
  min-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#category_list_container img.loader {
  width: 200px;
  height: auto;
}

.news_list_clicked table {
  width: 100%;
  font-size: 1.4rem;
  display: none;
  padding: 0;
  margin: 0 auto;
  border-collapse: collapse;
}

table#news_list1,
table#news_list2,
table#news_list3,
table#news_list4 {
  width: 100%;
}

.news_list_clicked table tr {
  width: 100%;
  border-bottom: 1px solid #DCDCDC;
}

.news_list_clicked td {
  vertical-align: top;
  line-height: 1.5;
  padding: .7em 0 .7em .7em;
}

.news_list_clicked td.category_list_date {
  padding-left: 0;
  color: #999;
  font-size: 1.2rem;
  letter-spacing: .05em;
  line-height: 1.9;
}

.news_list_clicked td strong {
  color: #FF0000;
  font-weight: normal;
  margin-right: 5px;
}

.news_list_clicked td a {
  color: #1e1e1e;
}

.news_list {
  display: none;
}

#feedPage {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 0;
}

.change_btn_list {
  position: relative;
  left: 50%;
  float: left;
  width: auto !important;
}

.change_btn_list a {
  position: relative;
  left: -50%;
  float: left;
  display: block;
  width: 40px;
  height: 40px;
}

.change_btn_list a.changeBtn {
  margin-top: 1px;
  float: left;
}

.change_btn_list a.changeBtn:nth-of-type(1)::after {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -5px;
  border-right: 2px solid rgba(0, 0, 0, .3);
  border-bottom: 2px solid rgba(0, 0, 0, .3);
  -webkit-transform: translate(0, -50%) rotate(135deg) scale(1);
  transform: translate(0, -50%) rotate(135deg) scale(1);
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}

.change_btn_list a.changeBtn:nth-last-of-type(1)::after {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  right: 50%;
  top: 50%;
  margin: -1px -5px 0 0px;
  border-right: 2px solid rgba(0, 0, 0, .3);
  border-bottom: 2px solid rgba(0, 0, 0, .3);
  -webkit-transform: translate(0, -50%) rotate(-45deg) scale(1);
  transform: translate(0, -50%) rotate(-45deg) scale(1);
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}

.change_btn_list .list_change,
.change_btn_list .list_change_clicked {
  position: relative;
}

.change_btn_list .list_change::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -5px;
  background: rgba(0, 0, 0, .20);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.change_btn_list .list_change_clicked::after {
  background: rgba(0, 0, 0, .80);
}

.change_num_btn_list {
  float: left;
  margin-left: -21px;
}

.change_num_btn_list a {
  margin-left: 0px;
  float: left;
}

.change_num_btn_list a:nth-of-type(1) {
  margin-left: -38px;
}

.change_btn_list a.changeBtn:nth-last-of-type(1) {
  margin-left: 55px;
}

.pressList {
  font-size: 13px;
  padding: 0;
  margin: 10px 0 0 0;
  text-align: center;
}

.pressList a {
  padding: 2px 20px 4px 20px;
  margin: 0 auto 0 auto;
  color: #FFFFFF;
  background-color: #000000;
}

.fs-c-breadcrumb__list {
  background-color: rgba(255,255,255,0)
}

/*--- FEATURE ---*/
.contentsWap.topFeatureBlock {
  padding: 0 10px 3em;
}

ul.featureBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul.featureBanner li {
  display: block;
  width: calc((100% - 10px) / 2);
  margin: 0 10px 10px 0;
}

ul.featureBanner li:nth-of-type(even) {
  margin-right: 0;
}

ul.featureBanner li figure {
  position: relative;
  width: 100%;
  overflow: hidden;
}

ul.featureBanner li figure::before {
  content: "";
  display: block;
  padding-top: 100%;
}

ul.featureBanner li figure img {
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
  max-width: 100%;
  opacity: 1;
  vertical-align: top;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

ul.featureBanner li figure:hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

ul.featureBanner li figure a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.topFeatureNavi {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 1.5em 0 4em;
}

ul.featureCategoryNavi li.featureCategoryLink {
  display: block;
}

ul.featureCategoryNavi li.featureCategoryLink a {
  position: relative;
  display: block;
  color: #1e1e1e;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1;
  padding: 1em 2em 1em 1em;
  background: rgba(0, 0, 0, .05);
  border-bottom: 1px solid rgba(255, 255, 255, 1.00);
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

ul.featureCategoryNavi li.featureCategoryLink a::after {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  top: 50%;
  right: 0;
  margin: 0 13px 0 0;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: translate(0, -50%) rotate(-45deg) scale(1);
  transform: translate(0, -50%) rotate(-45deg) scale(1);
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}

ul.featureCategoryNavi li.featureCategoryLink.top_sale a {
  color: rgba(181, 1, 5, 1);
}

ul.featureCategoryNavi li.featureCategoryLink.top_sale a::after {
  border-right: 1px solid rgba(181, 1, 5, 1);
  border-bottom: 1px solid rgba(181, 1, 5, 1);
}

/*--- STAFF COORDINATE ---*/
#fs_Top .fs-c-coordinationCatalog {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px 5em 10px;
}

#fs_Top h2.fs-c-coordinationCatalog__title {
  width: 100%;
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: .05em;
  margin: 0 0 .7em 0;
  padding-left: .15em;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  /*-webkit-transform: scale(.8, 1);
  transform: scale(.8, 1);*/
}

#fs_Top h2.fs-c-coordinationCatalog__title span {
  display: block;
  color: #777;
  font-size: 1.4rem;
  font-weight: 400;
  vertical-align: 2px;
  letter-spacing: .05em;
  margin-left: -.3em;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  /*-webkit-transform: scale(1.25, 1);
  transform: scale(1.25, 1);*/
}

#fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc((100% - 40px) / 5);
  margin-right: 10px;
  margin-bottom: 20px;
}

#fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item:nth-of-type(5n) {
  margin-right: 0;
}

#fs_Top .fs-c-coordinationCatalog__footer, #fs_Top .fs-c-staffCatalog__footer {
  text-align: center;
  padding: 1em 0 3em;
}

.fs-c-coordinationCatalog__footer a, .fs-c-staffCatalog__footer a {
  position: relative;
  display: inline-block;
  width: calc(100% - 200px);
  min-width: 160px;
  color: #1e1e1e;
  font-size: 1.5em;
  line-height: 2.0;
  letter-spacing: .1em;
  padding: .1em 30px .1em 10px;
  background: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(0, 0, 0, .50);
}

.fs-c-coordinationCatalog__footer a::before, .fs-c-staffCatalog__footer a::before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  top: 50%;
  right: 0;
  margin: 0 10px 0 0;
  border-right: 2px solid rgba(0, 0, 0, .50);
  border-bottom: 2px solid rgba(0, 0, 0, .50);
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
}

.fs-c-coordinationCatalog__footer a::after, .fs-c-staffCatalog__footer a::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, .05);
  -webkit-transition: .3s;
  transition: .3s;
}

.fs-c-coordinationCatalog__footer a:hover::after,
.fs-c-staffCatalog__footer a:hover::after {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
  width: 100%;
}

/*--- NEW ARRIVAL / RANKING ---*/
#fs_Top .global_tab {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  border-top: 0 solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(0, 0, 0, .20);
}

#fs_Top .global_tab__item {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 1.00);
  border-right: 0 solid rgba(255, 255, 255, 0);
  border-bottom: 0 solid rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

#fs_Top .global_tab li.global_tab__item {
  color: #1e1e1e;
  line-height: 60px;
  font-size: 1.5rem;
  letter-spacing: .05em;
}

#fs_Top .global_tab li.global_tab__item::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto -1px;
  width: 0;
  height: 4px;
  background: rgba(85, 85, 85, 1.00);
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
}

#fs_Top .global_tab li.global_tab__item.active::after {
  opacity: 1;
  width: 100%;
}

#fs_Top .container-items .item_list {
  padding: 10px 0 0 0;
}

.ranking .fs-c-accountService__page:before,
.ranking .fs-c-productList__list__item:before,
.ranking .item_list__item:before {
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: rgba(255, 255, 255, 1.00);
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .2);
  border: 1px solid rgba(85, 85, 85, 1.00);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -3px;
  margin-left: -3px;
  z-index: 1;
  font-size: 13px;
  color: #1e1e1e;
  content: counter(ranking);
}

.ranking .fs-c-accountService__page:first-child:before,
.ranking .fs-c-productList__list__item:first-child:before,
.ranking .item_list__item:first-child:before {
  background-color: rgba(255, 255, 255, 1.00);
}

.item_list .global_item__details p.itemName {
  padding: 0;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.item_list .global_item__details p.global_item__price {
  padding-top: .8em;
}

.contentsWap .global_tab__content.active {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: changeTabContents 0.6s ease forwards;
  animation: changeTabContents 0.6s ease forwards;
}

.webMagazineListLink {
    padding: 1em 0 3.5em;
}

@-webkit-keyframes changeTabContents {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  20% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes changeTabContents {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  20% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*--- PICKUP NEWS ---*/
.newsBlockSp {
  padding-top: 2em;
  background: rgba(0, 0, 0, .05);
}

.topNewsSp article {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc((100% - 10px) / 2);
  margin: 0 10px 20px 0;
  background: rgba(255, 255, 255, 1);
  overflow: hidden;
}

.topNewsSp figure {
  display: block;
  max-width: 100%;
  overflow: hidden;
}

.topNewsSp figure::before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}

.topNewsSp figure figcaption {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  color: #1e1e1e;
  height: auto;
  background: rgba(255, 255, 255, 1);
  z-index: 1;
}

.topNewsSp figure figcaption h3 {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em .3em .5em .3em;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .05em;
  background: rgba(255, 255, 255, 1);
}

.topNewsSp figure figcaption p {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5em .3em;
  font-size: 1.2em;
  letter-spacing: .05em;
  text-align: justify;
  background: rgba(255, 255, 255, 1);
}

.topNewsSp article p.newsDate {
  margin-top: auto;
  padding: .5em .3em .3em .3em;
  color: #aaa;
  font-size: 1.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

ul.pickupNews li figure a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/*--- RECOMMEND BRAND ---*/
.recommendBrandBlock {
  background: rgba(0,0,0,0);
}
.recommendBrandBlock .global_section-pc {
  background: #f2f2f2;
}
.recommendBrandList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 1em;
}
.recommendBrandList li {
  width: calc((100% - 100px) / 6);
  margin: 0 20px 20px 0;
}
.recommendBrandList li:nth-of-type(6n) {
  margin: 0 0 20px 0;
}
.recommendBrandList li figure {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fff;
}
.recommendBrandList li figure::before {
  content: "";
  display: block;
  padding-top: 47.39%;
}
.recommendBrandList li figure img {
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
  height: auto;
  max-width: 100%;
  opacity: 1;
  vertical-align: top;
  transition: all 0.4s ease;
}
.recommendBrandList li figure:hover img {
  opacity: 1;
  transform: scale(1.2);
}
.recommendBrandList li figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35%;
  padding: 0 .5em;
  color: #1e1e1e;
  font-size: 1.2em;
  background: #fff;
  z-index: 1;
}
.recommendBrandList li figure a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.brandListLink {
  display: block;
  padding: .5em 0 0 0;
  text-align: center;
}
.brandListLink a {
  position: relative;
  display: inline-block;
  color: #1e1e1e;
  font-size: 1.8em;
  line-height: 2;
  letter-spacing: 0.1em;
  padding: 0.5em 50px 0.5em 30px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.brandListLink a::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  top: 50%;
  right: 0;
  margin: 0 10px 0 0;
  border-right: 2px solid rgba(0, 0, 0, 0.5);
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
  transform: translate(0, -50%) rotate(-45deg);
}
.brandListLink a::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  transition: 0.3s;
}
.brandListLink a:hover::after {
  transition-delay: 0.3s;
  width: 100%;
}

@media screen and (max-width: 928px) {
  .recommendBrandList {
    width: 100%;
    padding-bottom: 1em;
  }
  .recommendBrandList li,
  .recommendBrandList li:nth-of-type(6n) {
    width: calc((100% - 12px) / 4);
    margin: 0 4px 4px 0;
  }
  .recommendBrandList li:nth-of-type(4n) {
    margin: 0 0 4px 0;
  }
}

/*--- SNS ---*/
.topSns {
  width: calc(100% - 20px);
  margin: 2.5em auto;
  font-size: 10px;
}

ul.sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  letter-spacing: -.4em
}

ul.sns li {
  display: block;
  width: calc(100% / 3);
  margin: 0;
  text-align: center;
  letter-spacing: normal;
}

ul.sns li:nth-last-of-type(1) {
  display: inline-block;
  text-align: center;
  margin-right: 0;
}

ul.sns li a {
  color: #1e1e1e;
  display: block;
  padding: .5em;
}

ul.sns li a small {
  font-size: 1.2em;
}

ul.sns li i.global_icon {
  display: block;
  margin: auto;
  color: #1e1e1e;
  font-size: 36px;
}

ul.sns li i.global_icon::before {
  vertical-align: top;
}

i.global_icon.icoTwitter {
    background: rgba(255,255,255,0);
    width: 36px;
    height: 36px;
    position: relative;
}
i.global_icon.icoTwitter::after {
    position: absolute;
    width: 29px;
    height: 29px;
    background: url("https://machouse.itembox.design/item/assets/img/sns/ico_sns_x.png") center center / 28px 28px no-repeat #1e1e1e;
    content: "";
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -14px;
    border-radius: 7px;
}

/*--- CALL TO ACTION ---*/
.callToAction {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 2.5em auto 1.5em auto;
}

.callToAction p {
  padding-bottom: 1em;
}

.callToAction img {
  width: 100%;
  height: auto;
}

/*----- FOOTER -----*/
footer.commonFooter {
  padding-bottom: 60px;
}

.plusCo .footerNavigation {
  border-top: 1px solid rgba(221,221,221,1.00);
  border-bottom: 1px solid rgba(221,221,221,1.00);
}

.footerNavigation {
  font-size: 10px;
}

.footerNavigation .accordionPrimary {
  width: 100%;
  margin: 0 auto;
  font-size: 10px;
}

.footerNavigation .accordionPrimary .accordion_header {
  position: relative;
  color: #1e1e1e;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1;
  padding: 1em 2em 1em 1em;
  background: rgba(0, 0, 0, .05);
  border-bottom: 1px solid rgba(255, 255, 255, 1.00);
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.footerNavigation .accordionPrimary.footerShopGuide .accordion_header {
  background: rgba(255,255, 255,1.0);
  border-bottom: 1px solid rgba(221,221,221,1.00);
}
.footerNavigation .accordionPrimary.footerEStoreGuide .accordion_header {
  background: rgba(247,247,247,1.00);
  border-bottom: 1px solid rgba(221,221,221,1.00);
}
.footerNavigation .accordionPrimary.footerCorprateNavi .accordion_header {
  background: rgba(240,240,240,1.00);
  border-bottom: 1px solid rgba(221,221,221,1.00);
}

.footerNavigation .accordionPrimary .accordion_header::after {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  top: 50%;
  right: 0;
  margin: -4px 10px 0 0;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: translate(0, -50%) rotate(45deg) scale(1);
  transform: translate(0, -50%) rotate(45deg) scale(1);
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}

.footerNavigation .accordionPrimary .accordion_header.open::after {
  margin: 1px 10px 0 0;
  -webkit-transform: translate(0, -50%) rotate(-135deg) scale(1);
  transform: translate(0, -50%) rotate(-135deg) scale(1);
}

.footerNavigation .accordionPrimary .accordion_inner {
  display: none;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.footerNavigation .accordionPrimary .accordion_inner .box_one {
  height: auto;
}

.footerNavigation .accordionPrimary .accordionSecondary {
  display: block;
}

.footerNavigation .accordionPrimary .accordionSecondary a {
  position: relative;
  display: block;
  color: #1e1e1e;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1;
  padding: 1em 2em 1em 1em;
  background: rgba(255, 255, 255, 1.00);
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.footerNavigation .accordionPrimary .accordionSecondary a::after {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  top: 50%;
  right: 0;
  margin: -4px 13px 0 0;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: translate(0, -50%) rotate(-45deg) scale(1);
  transform: translate(0, -50%) rotate(-45deg) scale(1);
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}

.footerNavigation .directLink {
  display: block;
}

.footerNavigation .directLink a {
  position: relative;
  display: block;
  color: #1e1e1e;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1;
  padding: 1em 2em 1em 1em;
  background: rgba(0, 0, 0, .05);
  border-bottom: 1px solid rgba(255, 255, 255, 1.00);
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.footerNavigation .directLink a::after {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  top: 50%;
  right: 0;
  margin: 0 13px 0 0;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: translate(0, -50%) rotate(-45deg) scale(1);
  transform: translate(0, -50%) rotate(-45deg) scale(1);
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}

.footerSns {
  width: calc(100% - 20px);
  margin: 30px auto 0 auto;
  font-size: 10px;
}

footer.commonFooter #copyright {
  display: block;
  width: 100%;
  margin: 2em auto 0;
  font-size: 10px;
  text-align: center;
}

footer.commonFooter #copyright small {
  color: #aaa;
  font-size: 120%;
}

.fixed_menu {
  z-index: 2;
}

/*----- FIXED MENU -----*/
.fixed_menu {
  background-color: rgba(0, 0, 0, .5);
}

.fixed_menu .global_button.blue,
.fixed_menu .global_button.blue:nth-of-type(1),
.fixed_menu .global_button.blue.ghost.nobdr {
  color: #1e1e1e;
  font-size: 16px;
  background: #fff;
  border-radius: 0;
}

/*----- SUB PAGE -----*/
.container-card-sp.second_page.newDesign .global_card__ph {
  border-radius: 0;
}

/*
--------------------------------------------------
 MEDIA QUERY
--------------------------------------------------
*/
/*----- 幅724px以下 -----*/
@media screen and (max-width: 724px) {
  #fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 30px) / 4);
    margin-bottom: 20px;
  }

  #fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item:nth-of-type(5n) {
    margin-right: 10px;
  }

  #fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item:nth-of-type(4n) {
    margin-right: 0;
  }

  #fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item:nth-last-of-type(1),
  #fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item:nth-last-of-type(2) {
    display: none;
  }
}

/*----- 幅640px以下 -----*/
@media screen and (max-width: 640px) {
  .saleInfo p a {
    font-size: 2.2em;
  }

  .headerInformation p a {
    max-width: 100%;
    font-size: 1.6em;
    letter-spacing: .05em;
    text-align: left
  }

  .headerInformation p a::after {
    margin: -5px 2em 0 0;
  }

  .headerInformation p a:hover::after {
    margin: -5px 1em 0 0;
  }

  #fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 10px) / 2);
    margin-bottom: 20px;
  }

  #fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item:nth-child(even) {
    margin-right: 0;
  }
}

/*----- 幅560px以下 -----*/
@media screen and (max-width: 560px) {}

/*----- 幅480px以下 -----*/
@media screen and (max-width: 480px) {
  .globalHeaderNavi li a {
    font-size: 2.1em;
    letter-spacing: 0;
  }

  .saleInfo p a {
    font-size: 2.6em;
  }

  .headerInformation p a {
    padding: .3em 1em;
    font-size: 1.4em;
    letter-spacing: normal;
    line-height: 1.3;
  }

  .headerInformation p a::after {
    margin: -5px 1.5em 0 0;
  }

  .headerInformation p a:hover::after {
    margin: -5px .5em 0 0;
  }

  .contentsWap h2 {
    font-size: 3.2rem;
  }

  .contentsWap h2 em {
    font-size: 1.4rem;
  }

  #fs_Top h2.fs-c-coordinationCatalog__title {
    font-size: 3rem;
  }

  #fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - 10px) / 2);
  }

  #fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item:nth-of-type(2n) {
    margin-right: 0;
  }

  #fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item:nth-last-of-type(1),
  #fs_Top .fs-c-coordinationCatalog__list article.fs-c-coordinationCatalog__list__item:nth-last-of-type(2) {
    display: block;
  }

  .category_list {
    font-size: 1.6rem;
  }


  #fs_Top .contentsWap h2.global_title_feature {
    width: 100%;
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: .15em;
    margin: 0 0 .5em 0;
    padding-left: 0.15em;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    /*-webkit-transform: scale(.8,1);
    transform: scale(.8,1);*/
  }

  #fs_Top .contentsWap h3.global_title_more {
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: .15em;
    width: 100%;
    display: block;
    text-align: center;
    margin: -0.7em 0 0.7em;
    padding-left: 0.15em;
  }

  #fs_Top .contentsWap h3.global_title_more a {
    font-size: 1.4rem;
    color: #2996cc;
    display: inline-block;
    margin: 0 0 0.7em 0;
    padding-left: 0.15em;
  }

  #fs_Top .contentsWap h3.global_title_more a:after {
    background-image: url(https://machouse.itembox.design/item/assets/img/fearture/feature_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px 12px;
    display: block;
    height: 12px;
    width: 7px;
    content: '';
    display: inline-block;
    margin-left: 0.3em;
  }

  #fs_Top .contentsWap h3.global_title_more a:hover {
    opacity: 0.7;
  }
  
  .brandListLink a {
    width: calc(100% - 60px);
    margin: 0 auto;
  }
  
}

/*----- 幅391px以下 -----*/
@media screen and (max-width: 391px) {
  .globalHeaderNavi li a {
    font-size: 1.9em;
  }
}

/*----- 幅375px以下 -----*/
@media screen and (max-width: 376px) {
  .globalHeaderNavi li a {
    font-size: 1.7em;
  }

  .headerInformation p a {
    padding: .3em .5em;
    font-size: 1.4em;
  }

  .headerInformation p a::after {
    margin: -5px 1em 0 0;
  }

  .headerInformation p a:hover::after {
    margin: -5px .3em 0 0;
  }

  #fs_Top h2.fs-c-coordinationCatalog__title {
    font-size: 2.6rem;
  }

  #fs_Top .global_tab li.global_tab__item {
    font-size: 1.3rem;
  }
}

/*----- 幅360px以下 -----*/
@media screen and (max-width: 361px) {
  .globalHeaderNavi li a {
    font-size: 1.5em;
  }

  .headerInformation p a {
    font-size: 1.3em;
  }

  .category_list {
    font-size: 1.6rem;
  }
}

/*----- 幅320px以下 -----*/
@media screen and (max-width: 321px) {
  .headerInformation p a {
    font-size: 1.5em;
  }
  ul.sns li a small {
    font-size: 1em;
  }
}</pre></body></html>