@charset "UTF-8";
/*---------------------
    タグ初期設定
---------------------*/
/* line 7, ../sass/style.scss */
* {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* line 20, ../sass/style.scss */
html,
body {
  min-height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-justify: inter-ideograph;
  -webkit-font-smoothing: antialiased;
  zoom: 1;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; /*"Roboto", */
  position: relative;
  color: #2C3849;/*#505967;*/
  letter-spacing: 2px;
  overflow-x: hidden;
  counter-reset: number 0;
}

/* line 35, ../sass/style.scss */
html {
  font-size: 62.5%;
}

/* line 38, ../sass/style.scss */
body {
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
}

/* line 43, ../sass/style.scss */
h1 {
  max-height: 100%;
}

/* line 47, ../sass/style.scss */
li {
  list-style: none;
}

/* line 51, ../sass/style.scss */
a {
  text-decoration: none;
  display: block;
  color: #2C3849;/*#505967;*/
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

/* line 61, ../sass/style.scss */
i {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

/*---------------------
    共通クラス
---------------------*/
/* line 72, ../sass/style.scss */
.clearfix {
  zoom: 1;
}
/* line 74, ../sass/style.scss */
.clearfix:after {
  content: ' ';
  clear: both;
  display: block;
}

/* line 81, ../sass/style.scss */
.sp {
  display: none;
}

/* line 84, ../sass/style.scss */
.pc {
  display: block;
}

/* line 88, ../sass/style.scss */
.container, .container-category {
  width: 98rem;
  margin: 0 auto;
  position: relative;
}

/* line 94, ../sass/style.scss */
.common-title {
  padding: 0.5rem 2rem;
  border-top: #e2e2e2 1px solid;
  border-bottom: #e2e2e2 1px solid;
  display: inline-block;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  text-align: center;
}

/* line 105, ../sass/style.scss */
.common-sub-title {
  padding: 0.6rem 1.6rem;
  font-size: 1.6rem;
  border-left: #e2e2e2 4px solid;
  margin-bottom: 2rem;
}

/* line 112, ../sass/style.scss */
.common-bottom-border {
  border-bottom: #e2e2e2 2px solid;
}

/* line 116, ../sass/style.scss */
.l-margin-bottom {
  margin-bottom: 4rem;
}

/* line 120, ../sass/style.scss */
.m-margin-bottom {
  margin-bottom: 3rem;
}

/* line 124, ../sass/style.scss */
.s-margin-bottom {
  margin-bottom: 2rem;
}

/* line 128, ../sass/style.scss */
.ss-margin-bottom {
  margin-bottom: 1rem;
}

/* line 132, ../sass/style.scss */
.l-padding-bottom {
  padding-bottom: 4rem;
}

/* line 136, ../sass/style.scss */
.m-padding-bottom {
  padding-bottom: 3rem;
}

/* line 140, ../sass/style.scss */
.s-padding-bottom {
  padding-bottom: 2rem;
}

/*---------------------
    ボタン
---------------------*/
/* line 148, ../sass/style.scss */
.ranking-btn, .more-btn {
  font-size: 1.4rem;
  text-align: center;
  margin: 0 auto 2rem;
}
/* line 153, ../sass/style.scss */
.ranking-btn a, .more-btn a {
  border-radius: 18.5rem;
  padding: .7rem 5.8rem;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  display: inline-block;
}
/* line 158, ../sass/style.scss */
.ranking-btn a:hover, .more-btn a:hover {
  opacity: 0.8;
}

/* line 164, ../sass/style.scss */
.article-more-btn {
  width: 24rem;
  font-size: 1.4rem;
  text-align: center;
}
/* line 168, ../sass/style.scss */
.article-more-btn a {
  border-radius: 18.5rem;
  padding: 0.6rem 0;
  color: #fff;
  font-weight: bold;
}
/* line 173, ../sass/style.scss */
.article-more-btn a:hover {
  opacity: 0.8;
}

/* line 180, ../sass/style.scss */
.article-btn a {
  border-radius: 18.5rem;
  padding: 0.8rem 0;
  color: #6fbde4;
  font-weight: bold;
  border: solid #6fbde4 1px;
  text-align: center;
}
/* line 187, ../sass/style.scss */
.article-btn a:hover {
  opacity: 0.8;
}

/* line 193, ../sass/style.scss */
.orange-btn {
  background: #E6A88A;
}

/* line 197, ../sass/style.scss */
.blue-btn {
  background: #8AC7E6;
}

/* line 200, ../sass/style.scss */
.pink-btn {
  background: #ECAFD8;
}

/* line 204, ../sass/style.scss */
.gray-btn {
  background: #666666;
}

/*---------------------
  ランキング共通
---------------------*/
/* line 211, ../sass/style.scss */
.ranking-num {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  line-height: 1.8rem;
  background: #fff;
}

/* line 223, ../sass/style.scss */
.ranking-1 {
  color: #e68ac7;
  border: #e68ac7 solid 1px;
}

/* line 227, ../sass/style.scss */
.ranking-2 {
  color: #ec986f;
  border: #ec986f solid 1px;
}

/* line 231, ../sass/style.scss */
.ranking-3 {
  color: #ebdf75;
  border: #ebdf75 solid 1px;
}

/* line 235, ../sass/style.scss */
.ranking-4 {
  color: #6fbde4;
  border: #6fbde4 solid 1px;
}

/* line 239, ../sass/style.scss */
.ranking-5 {
  color: #b7df66;
  border: #b7df66 solid 1px;
}

.layout-main {
  margin-top: 3rem;
}

/*---------------------
  レイアウト
---------------------*/
/* line 248, ../sass/style.scss */
.content {
  width: 68.5rem;
}
/* line 250, ../sass/style.scss */
.content.left-content {
  float: left;
}
/* line 253, ../sass/style.scss */
.content.right-content {
  float: right;
}

/* line 258, ../sass/style.scss */
.item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 1rem;
}
/* line 267, ../sass/style.scss */
.item .i-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
/* line 271, ../sass/style.scss */
.item .i-description {
  position: relative;
  margin-top: 0.8rem;
}
/* line 273, ../sass/style.scss */
.item .i-description .i-price {
  font-size: 1.2rem;
  margin-top: 1rem;
}
/* line 277, ../sass/style.scss */
.item .i-description .i-date {
  font-size: 1.2rem;
}
/* line 280, ../sass/style.scss */
.item .i-description .i-title {
  font-size: 1.4rem;
}
/* line 283, ../sass/style.scss */
.item .i-description .i-text {
  font-size: 1.2rem;
}
/* line 287, ../sass/style.scss */
.item li {
  padding: 0.6rem;
  margin-bottom: 3rem;
  position: relative;
}
/* line 292, ../sass/style.scss */
.item li a:hover {
  opacity: 0.8;
}
/* line 298, ../sass/style.scss */
.item.col-1 li {
  width: 100%;
}
/* line 303, ../sass/style.scss */
.item.col-2 li {
  width: 50%;
}
/* line 308, ../sass/style.scss */
.item.col-3 li {
  width: 33.33%;
}
/* line 313, ../sass/style.scss */
.item.col-4 li {
  width: 25%;
}
/* line 318, ../sass/style.scss */
.item.col-5 li {
  width: 20%;
}
/* line 320, ../sass/style.scss */
.item.col-5 li .i-title {
  font-size: 1.2rem;
}

/*---------------------
  　ページャー
---------------------*/
/* line 331, ../sass/style.scss */
.pager li {
  display: inline-block;
  margin-right: 0.4rem;
  text-align: center;
}
/* line 335, ../sass/style.scss */
.pager li a {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  text-align: center;
  line-height: 2.4;
  border: #e2e2e2 1px solid;
}
/* line 342, ../sass/style.scss */
.pager li a:hover {
  background: #e2e2e2;
  color: #fff;
}
/* line 346, ../sass/style.scss */
.pager li a.active {
  color: #fff;
  background: #e2e2e2;
}
/* line 350, ../sass/style.scss */
.pager li a.pager-next {
  border-radius: 0;
  border: none;
  width: 2rem;
  height: 2rem;
  line-height: 1;
  margin-left: 1rem;
}
/* line 357, ../sass/style.scss */
.pager li a.pager-next img {
  width: 100%;
}
/* line 360, ../sass/style.scss */
.pager li a.pager-next:hover {
  background: transparent;
  opacity: 0.8;
}

/*---------------------
  ページ設定
---------------------*/
/* line 374, ../sass/style.scss */
#category, #article, #search, #detail, #support {
  margin-top: 8.2rem;
}

/* line 378, ../sass/style.scss */
#article .layout-main {
  margin-top: 3rem;
}


/*---------------------
    ヘッダー
---------------------*/
/* line 386, ../sass/style.scss */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  background: #fff;
  height: 8.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0.5rem #e7e7e7;
}
/* line 398, ../sass/style.scss */
.header.common {
  background: #fff;
  opacity: 1;
}
/* line 402, ../sass/style.scss */
/* line 405, ../sass/style.scss */
.header .h-logo {
  display: inline-block;
  width: 18rem;
}
/* line 408, ../sass/style.scss */
.header .h-logo a {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* line 411, ../sass/style.scss */
.header .h-logo img {
  width: 100%;
}
/* line 415, ../sass/style.scss */
/*.header .h-catch {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.8;
  padding-left: 2.4rem;
}*/
/* line 422, ../sass/style.scss */
.header .h-nav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
       -ms-flex-align: center;
          align-items: center;
}
/* line 425, ../sass/style.scss */

/* line 430, ../sass/style.scss */
.header .h-right li {
  position: relative;
  display: table-cell;
  text-align: left;
}

.header .h-right li.active {
  background: #F5F5F5;
}

.header .h-right li > a.pulldown {
  /*background: #F5F5F5;*/
    height: 52px;
    display: flex;
    padding: 0 8px;
    justify-content: center;
    align-items: center;
}

.header .h-right li.tel-number {
  text-align: center;
}

.header .h-right li.tel-number .main {
  font-size: 1.4rem;
  font-weight: bold;
}

.header .h-right li.tel-number .sub {
  font-size: 1.1rem;
  font-weight: normal;
}

/* line 434, ../sass/style.scss */
.header .h-right li.sp {
  display: none;
}
/* line 437, ../sass/style.scss */
.header .h-right li > a {
  text-align: left;
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 0;
}

.header .h-right .h-sub-inner li > a {
  font-weight: normal;
}

.header .h-right li > a.pulldown > img {
  margin-left: .5rem;
}

.header .h-right li > a.icon-link {
  position: relative;
  text-align: center;
}

.header .h-right li > a.icon-link p {
}

.header .h-right li > a.icon-link#user:hover p,
.header .h-right li > a.icon-link#cart:hover p {
  color: #8AC7E5;
}
.header .h-right li.tel:hover > a {
  color: #FF5A5A;
}
.header .h-right li > a.icon-link#user:hover > #user-solid-icon {
    position: static;
    width: 20px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/images/user-solid-active.svg");
    margin: 0 auto .5rem;
}

.header .h-right li > a.icon-link#user > #user-solid-icon {
    position: static;
    width: 20px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/images/user-solid.svg);
    margin: 0 auto .5rem;
}

.header .h-right li > a.icon-link#cart:hover > #cart-solid-icon {
    position: static;
    width: 25px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/images/shopping-cart-solid-active.svg");
    margin: 0 auto .5rem;
}

.header .h-right li > a.icon-link#cart > #cart-solid-icon {
    position: static;
    width: 25px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/images/shopping-cart-solid.svg");
    margin: 0 auto .5rem;
}

.header .h-right li > a.icon-link .cart-inner-count {
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: normal;
  border-radius: 50%;
  background-color: #FF5A5A;
  position: absolute;
  right: -.3rem;
  top: -.4rem;
  color: #fff !important;
}

/* line 442, ../sass/style.scss */
.header .h-right li > a i {
  padding-right: 0.4rem;
  padding-bottom: 0.2rem;
}
/* line 447, ../sass/style.scss */
.header .h-right li > a:hover i {
  color: #ecafd8;
}
/* line 453, ../sass/style.scss */

.header .h-right li.col1 .h-sub-menu {
    left: calc(-11.6rem + 50%);
    height: 0;
}

.header .h-right li.active .h-sub-menu ,
.header .h-right li.hover-action:hover .h-sub-menu {
    height: auto !important;
    overflow: visible;
    max-height: 9999px;
    opacity: 1;
    border: solid 1px #E2E2E2;
    width: auto;
    margin-top: 1rem;
    border-radius: 3px;
    z-index: 10;
}

/* line 459, ../sass/style.scss */
.header .h-right li .h-sub-menu {
  overflow: hidden;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  max-height: 0;
  opacity: 0;
  text-align: center;
  background: rgba(255, 255, 255, 1);
  position: absolute;
  left: calc(-21.3rem + 50%);
  border: solid 1px #E2E2E2;
  width: auto;
  margin-top: 1rem;
  border-radius: 3px;
}

.header .h-right li.col1 .h-sub-menu.h-sub-menu-cart {
  width: 34.5rem;
  left: calc(-17.25rem + 50%);
}

.header .h-right li.col1 .h-sub-menu.h-sub-menu-cart .h-sub-inner {
    width: 100%;
}

.header .h-right li.col1 .h-sub-menu.h-sub-menu-cart .h-sub-inner li > a:before {
  display: none;
}

.header .h-right li.col1 .h-sub-menu.h-sub-menu-cart .h-sub-inner li > a {
  display: flex;
}

.header .h-right li.col1 .h-sub-menu.h-sub-menu-cart .h-sub-inner li > a img {
  width: 10rem;
  height: 10rem;
  margin-right: 1.1rem;
}

.header .h-right li.col1 .h-sub-menu.h-sub-menu-cart .h-sub-inner li .cart-product-information {
  margin-bottom: 1rem;
}

.header .h-right li.col1 .h-sub-menu.h-sub-menu-cart .h-sub-inner li .cart-product-information .i-title {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.header .h-right li.col1 .h-sub-menu.h-sub-menu-cart .h-sub-inner li .cart-product-information .i-price {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  font-weight: bold;
}

.header .h-right li.col1 .h-sub-menu.h-sub-menu-cart .h-sub-inner li .cart-product-information .i-price span {
  font-size: 1.4rem;
}

.header .h-right .h-sub-inner li > .more-information-button {
  color: #fff;
  width: 100%;
  border-radius: 2.1rem;
  height: 4.2rem;
  background-color: #8AC7E5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.header .h-right .h-sub-inner li > .more-information-button span {
  font-size: 1.2rem;
}


.header a + .h-sub-menu-detail:hover,
.header a:hover + .h-sub-menu-detail {
  max-height: none;
  opacity: 1;
  z-index: 1;
}

.header a + .h-sub-menu-detail {
  position: absolute;
  border: solid 1px #E2E2E2;
  width: auto;
  border-radius: 3px;
  background-color: #fff;
  left: 80%;
  top: -1.9rem;
  opacity: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  max-height: 0;
}

.header  .h-sub-inner .h-sub-menu-detail-li > a:hover {
  color: #8AC7E5;
  font-weight: bold;
}

.header .h-right li .h-sub-menu:after {
    content: "";
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 14px 7px;
    border-color: transparent transparent #E2E2E2 transparent;
    bottom: 100%;
    left: calc(50% - 1rem);
}

.header .h-right li .h-sub-menu:before {
    content: "";
    z-index: 2;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 12px 6px;
    border-color: transparent transparent #fff transparent;
    bottom: calc(100% - 1px);
    left: calc(50% - .9rem);
}
/* line 473, ../sass/style.scss */
.header .h-right li.col2 .h-sub-menu .h-sub-inner{
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 42.4rem;
  padding: 1.8rem 2rem;
}

.header .h-right li.col1 .h-sub-menu .h-sub-inner {
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 23.2rem;
  padding: 1.8rem 2rem;
}

/* line 482, ../sass/style.scss */
.header .h-right li .h-sub-menu .h-sub-inner li {
  width: 100%;
  -webkit-align-items: center;
  /* 縦方向中央揃え（Safari用） */
  align-items: end;
  /* 縦方向中央揃え */
  padding: 0.5rem 0;
  display: block;
}

.header .h-right li.col2 .h-sub-menu .h-sub-inner li {
  width: 50%;
}

.header .h-right li .h-sub-menu .h-sub-inner li > a:before {
  content: url("/images/chevron-small-right.svg");
  margin-right: 1rem;
}

.header .h-right li .h-sub-menu .h-sub-inner li > a:hover {
  text-decoration: underline;
}

/* line 487, ../sass/style.scss */
.header .h-right li .h-sub-menu .h-sub-inner li .h-sub-category {
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  position: relative;
  height: 4.6rem;
}
/* line 493, ../sass/style.scss */
.header .h-right li .h-sub-menu .h-sub-inner li .h-sub-category a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
/* line 500, ../sass/style.scss */
.header .h-right li .h-sub-menu .h-sub-inner li .h-sub-category a:hover {
  opacity: 0.7;
}
/* line 505, ../sass/style.scss */
.header .h-right li .h-sub-menu .h-sub-inner li .h-sub-img {
  margin-top: 1rem;
}
/* line 507, ../sass/style.scss */
.header .h-right li .h-sub-menu .h-sub-inner li .h-sub-img img {
  border-radius: 1rem;
  width: 100%;
}

.header .sp-container{
  display: none;
}

/*---------------------
  slider
---------------------*/
/* line 542, ../sass/style.scss */
#slider {
  margin-top: 8rem;
  padding-bottom: 8rem;
}
/* line 546, ../sass/style.scss */
#slider .s-list li {
  margin: 0 0.4rem;
}
/* line 548, ../sass/style.scss */
#slider .s-list li .s-img {
  height: 42rem;
  overflow: hidden;
  position: relative;
}
/* line 552, ../sass/style.scss */
#slider .s-list li .s-img img {
  width: 100%;
}
/* line 558, ../sass/style.scss */
#slider .slide-dots {
  text-align: center;
  margin-top: 2rem;
}
/* line 561, ../sass/style.scss */
#slider .slide-dots li {
  margin: 0 1.4rem;
  display: inline-block;
}
/* line 564, ../sass/style.scss */
#slider .slide-dots li button {
  text-indent: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e2e2e2;
  border: none;
}
/* line 574, ../sass/style.scss */
#slider .slide-arrow {
  position: absolute;
  bottom: -1rem;
  z-index: 3;
  width: 30px;
  height: 30px;
  background-size: cover !important;
  border: none;
  transform: translateX(-50%);
  text-align: center;
  margin: 0 auto;
}
/* line 586, ../sass/style.scss */
#slider .prev-arrow {
  background: url("../images/prev.png") no-repeat 50% 50%;
  right: 50%;
  margin-right: 340px;
}
/* line 591, ../sass/style.scss */
#slider .next-arrow {
  background: url("../images/next.png") no-repeat 50% 50%;
  left: 50%;
  margin-left: 340px;
}

/*---------------------
  breadcrumb
---------------------*/
/* line 601, ../sass/style.scss */
.breadcrumb-box {
  padding: 0.4rem 0;
  background: #f5f5f5;
}
/* line 605, ../sass/style.scss */
.breadcrumb-box .breadcrumb-list li {
  font-size: 1.2rem;
  font-weight: normal;
  display: inline-block;
}
/* line 609, ../sass/style.scss */
.breadcrumb-box .breadcrumb-list li > span {
  font-weight: normal;
}

/*---------------------
    サイドバー
---------------------*/
/* line 619, ../sass/style.scss */
.sidebar {
  width: 27rem;
}
/* line 621, ../sass/style.scss */
.sidebar.left-sidebar {
  float: left;
}
/* line 624, ../sass/style.scss */
.sidebar.right-sidebar {
  float: right;
}

.sidebar .common-title {
  width: 100%;
  margin-bottom: 0;
}

/* line 627, ../sass/style.scss */
.sidebar .s-category {
  margin-bottom: 3.6rem;
}

/* line 629, ../sass/style.scss */
.sidebar .s-category li {

}
/* line 631, ../sass/style.scss */
.sidebar .s-category li a {
  position: relative;
}
/* line 633, ../sass/style.scss */
.sidebar .s-category li a .s-category-img {
  display: inline-block;
  width: 20%;
}
/* line 636, ../sass/style.scss */
.sidebar .s-category li a .s-category-img img {
  width: 100%;
}
/* line 640, ../sass/style.scss */
.sidebar .s-category li a .s-category-description {
  display: inline-block;
  width: 76%;
  padding-left: 0.4rem;
}
/* line 648, ../sass/style.scss */
.sidebar .s-category li a .s-arrow {
  position: absolute;
  right: 2.4rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/images/right-small.svg");
  width: .8rem;
  height: 1.5rem
}

.sidebar .s-category li .s-category-title {
  padding: 2.4rem;
  font-size: 1.4rem;
}

/* line 653, ../sass/style.scss */
.sidebar .s-category li a .s-arrow img {
  width: 100%;
}
/* line 657, ../sass/style.scss */
.sidebar .s-category li a:hover {
  background: #f5f5f5;
}
/* line 664, ../sass/style.scss */
.sidebar .side-ranking li {
  padding: 0;
  margin-bottom: 1rem;
}
/* line 667, ../sass/style.scss */
.sidebar .side-ranking li .i-img {
  width: 30%;
  display: inline-block;
}
/* line 671, ../sass/style.scss */
.sidebar .side-ranking li .i-description {
  padding-left: 0.8rem;
  width: 67%;
  display: inline-block;
}
/* line 675, ../sass/style.scss */
.sidebar .side-ranking li .i-description .i-title {
  margin-bottom: 1.2rem;
}

/* line 678, ../sass/style.scss */
.sidebar .side-ranking li .i-description .i-price {
  font-size: 1.1rem;
  font-weight: bold;
}
/* line 686, ../sass/style.scss */
.sidebar .s-article li {
  margin-bottom: 1.8rem;
}
/* line 689, ../sass/style.scss */
.sidebar .s-article li a .s-article-img {
  width: 100%;
}
/* line 691, ../sass/style.scss */
.sidebar .s-article li a .s-article-img img {
  width: 100%;
}
/* line 695, ../sass/style.scss */
.sidebar .s-article li a .s-article-description {
  width: 100%;
}
/* line 697, ../sass/style.scss */
.sidebar .s-article li a .s-article-description .s-article-date {
  font-size: 1.2rem;
  padding: 1rem 0 0.8rem;
}
/* line 701, ../sass/style.scss */
.sidebar .s-article li a .s-article-description .s-article-title {
  font-size: 1.4rem;
}
/* line 705, ../sass/style.scss */
.sidebar .s-article li a:hover {
  opacity: 0.8;
}
/* line 711, ../sass/style.scss */
.sidebar .refine {
  background: #f4f4f4;
  border: solid 1px #e2e2e2;
}
/* line 714, ../sass/style.scss */
.sidebar .refine .refine-title {
  padding: 0.8rem 0;
  font-size: 1.6rem;
  text-align: center;
  border-bottom: solid 1px #e2e2e2;
  background: #fff;
}
/* line 721, ../sass/style.scss */
.sidebar .refine .refine-type {
  padding: 3rem 1rem 0.2rem;
  border-bottom: solid 1px #e2e2e2;
  font-size: 1.4rem;
  margin-bottom: 0.4rem;
}
/* line 727, ../sass/style.scss */
.sidebar .refine .refine-list {
  padding: 0.8rem;
}
/* line 729, ../sass/style.scss */
.sidebar .refine .refine-list li {
  margin-bottom: 1.2rem;
}
/* line 731, ../sass/style.scss */
.sidebar .refine .refine-list li a {
  border-radius: 18.5rem;
  padding: 0.6rem 2rem;
  text-align: center;
  background: #fff;
}
/* line 736, ../sass/style.scss */
.sidebar .refine .refine-list li a.refine-active {
  background: #8AC7E6;
  color: #fff;
  position: relative;
}
/* line 740, ../sass/style.scss */
.sidebar .refine .refine-list li a.refine-active img {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 1.2rem;
}
/* line 750, ../sass/style.scss */
.sidebar .refine .refine-color {
  padding: 0.8rem;
}
/* line 752, ../sass/style.scss */
.sidebar .refine .refine-color li {
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  margin: 0 0.5rem 2rem;
}
/* line 757, ../sass/style.scss */
.sidebar .refine .refine-color li a {
  padding: 0.2rem;
}
/* line 759, ../sass/style.scss */
.sidebar .refine .refine-color li a span {
  width: 2.8rem;
  height: 2.8rem;
  margin: 0 auto;
  display: block;
}
/* line 765, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-color-active {
  border: solid #d7d7d7 1px;
  border-radius: 0.5rem;
}
/* line 770, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-white span {
  background: #fff;
}
/* line 775, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-black span {
  background: #2b2b2b;
}
/* line 780, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-gray span {
  background: #9e9e9e;
}
/* line 785, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-brown span {
  background: #74341f;
}
/* line 790, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-beige span {
  background: #e5d7ac;
}
/* line 795, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-green span {
  background: #2d994a;
}
/* line 800, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-blue span {
  background: #0166e4;
}
/* line 805, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-purple span {
  background: #620a87;
}
/* line 810, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-yellow span {
  background: #f6e642;
}
/* line 815, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-pink span {
  background: #f6b2d7;
}
/* line 820, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-red span {
  background: #da0127;
}
/* line 825, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-orange span {
  background: #ff922b;
}
/* line 829, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  margin: 0.2rem;
}
/* line 834, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all span {
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  margin: 0;
}
/* line 840, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all .refine-red {
  background: #da0127;
  top: 0;
  left: 0;
}
/* line 845, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all .refine-green {
  background: #2d994a;
  top: 0;
  right: 0;
}
/* line 850, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all .refine-blue {
  background: #0166e4;
  bottom: 0;
  left: 0;
}
/* line 855, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all .refine-yellow {
  background: #f6e642;
  bottom: 0;
  right: 0;
}
/* line 860, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all.refine-color-active {
  width: 3.4rem;
  height: 3.4rem;
  margin: 0;
}
/* line 864, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all.refine-color-active span {
  width: 1.4rem;
  height: 1.4rem;
}
/* line 868, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all.refine-color-active .refine-red {
  background: #da0127;
  top: 0.2rem;
  left: 0.2rem;
}
/* line 873, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all.refine-color-active .refine-green {
  background: #2d994a;
  top: 0.2rem;
  right: 0.2rem;
}
/* line 878, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all.refine-color-active .refine-blue {
  background: #0166e4;
  bottom: 0.2rem;
  left: 0.2rem;
}
/* line 883, ../sass/style.scss */
.sidebar .refine .refine-color li a.refine-all.refine-color-active .refine-yellow {
  background: #f6e642;
  bottom: 0.2rem;
  right: 0.2rem;
}

/*---------------------
  ranking
---------------------*/
/* line 901, ../sass/style.scss */
#search .search-content .ranking-content-left {
  display: inline-block;
  width: 40%;
}

/*---------------------
  search
---------------------*/
/* line 911, ../sass/style.scss */
#search .search-top {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
/* line 915, ../sass/style.scss */
#search .content-search-top {
  margin-top: 0.6rem;
  padding-bottom: 0.8rem;
  border-bottom: #e2e2e2 solid 1px;
}
/* line 919, ../sass/style.scss */
#search .content-search-top .pager-display {
  float: left;
  margin-top: 1.4rem;
}
/* line 923, ../sass/style.scss */
#search .content-search-top .pager-display .pager-display-number span {
  vertical-align: bottom;
  font-size: 2.4rem;
  padding: 0 0.2rem;
}
/* line 930, ../sass/style.scss */
#search .content-search-top .pager {
  float: right;
  margin-bottom: 0;
}
/* line 935, ../sass/style.scss */
#search .search-tab {
  margin-top: 2rem;
}
/* line 937, ../sass/style.scss */
#search .search-tab .search-tab-name {
  float: left;
}
/* line 939, ../sass/style.scss */
#search .search-tab .search-tab-name li {
  display: inline-block;
}
/* line 941, ../sass/style.scss */
#search .search-tab .search-tab-name li a {
  padding: 0.4rem 3rem;
  border-radius: 30px;
  border: solid #e2e2e2 1px;
}
/* line 945, ../sass/style.scss */
#search .search-tab .search-tab-name li a.tab-active {
  color: #fff;
  background: #C7E68A;
}
/* line 949, ../sass/style.scss */
#search .search-tab .search-tab-name li a:hover {
  opacity: 0.8;
}
/* line 956, ../sass/style.scss */
#search .search-tab .search-tab-layout {
  float: right;
  vertical-align: bottom;
}
/* line 959, ../sass/style.scss */
#search .search-tab .search-tab-layout li {
  display: inline-block;
  width: 2.8rem;
}
/* line 962, ../sass/style.scss */
#search .search-tab .search-tab-layout li a {
  position: relative;
}
/* line 964, ../sass/style.scss */
#search .search-tab .search-tab-layout li a.layout-active {
  color: #c7e68a;
}
/* line 966, ../sass/style.scss */
#search .search-tab .search-tab-layout li a.layout-active i {
  color: #c7e68a;
}
/* line 971, ../sass/style.scss */
#search .search-tab .search-tab-layout li a.search-layout-1box i {
  font-size: 3rem;
}
/* line 975, ../sass/style.scss */
#search .search-tab .search-tab-layout li a.search-layout-4box {
  font-size: 1.4rem;
}
/* line 977, ../sass/style.scss */
#search .search-tab .search-tab-layout li a.search-layout-4box i {
  position: absolute;
}
/* line 980, ../sass/style.scss */
#search .search-tab .search-tab-layout li a.search-layout-4box .square-tr {
  top: 0;
  right: 0;
}
/* line 984, ../sass/style.scss */
#search .search-tab .search-tab-layout li a.search-layout-4box .square-tl {
  top: 0;
  left: 0;
}
/* line 988, ../sass/style.scss */
#search .search-tab .search-tab-layout li a.search-layout-4box .square-br {
  bottom: 0;
  right: 0;
}
/* line 992, ../sass/style.scss */
#search .search-tab .search-tab-layout li a.search-layout-4box .square-bl {
  bottom: 0;
  left: 0;
}
/* line 997, ../sass/style.scss */
#search .search-tab .search-tab-layout li a i {
  color: #e2e2e2;
}
/* line 1000, ../sass/style.scss */
#search .search-tab .search-tab-layout li a:hover {
  opacity: 0.8;
}
/* line 1007, ../sass/style.scss */
#search .search-content {
  margin-top: 4rem;
}
/* line 1010, ../sass/style.scss */
#search .search-content .search-col-1 > li {
  padding: 0.8rem;
  border: solid 1px #e2e2e2;
  width: 100%;
}
/* line 1014, ../sass/style.scss */
#search .search-content .search-col-1 > li .i-img {
  display: inline-block;
  width: 40%;
  vertical-align: top;
  position: relative;
}
/* line 1019, ../sass/style.scss */
#search .search-content .search-col-1 > li .i-img img {
  width: 100%;
}
/* line 1023, ../sass/style.scss */
#search .search-content .search-col-1 > li .i-img .thumb-item li, #search .search-content .search-col-1 > li .i-img .thumb-item-nav li, #search .search-content .search-col-1 > li .i-img .synchro-slider li, #search .search-content .search-col-1 > li .i-img .synchro-slider-nav li {
  margin-bottom: 0;
  position: relative;
}
/* line 1027, ../sass/style.scss */
#search .search-content .search-col-1 > li .i-img .thumb-item .slide-arrow, #search .search-content .search-col-1 > li .i-img .thumb-item-nav .slide-arrow, #search .search-content .search-col-1 > li .i-img .synchro-slider .slide-arrow, #search .search-content .search-col-1 > li .i-img .synchro-slider-nav .slide-arrow {
  position: absolute;
  bottom: -1rem;
  z-index: 3;
  width: 30px;
  height: 30px;
  background-size: cover !important;
  border: none;
  transform: translateX(-50%);
  text-align: center;
  margin: 0 auto;
}
/* line 1039, ../sass/style.scss */
#search .search-content .search-col-1 > li .i-img .thumb-item .prev-arrow, #search .search-content .search-col-1 > li .i-img .thumb-item-nav .prev-arrow, #search .search-content .search-col-1 > li .i-img .synchro-slider .prev-arrow, #search .search-content .search-col-1 > li .i-img .synchro-slider-nav .prev-arrow {
  background: url("../images/prev.png") no-repeat 50% 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  margin-right: 86px;
}
/* line 1046, ../sass/style.scss */
#search .search-content .search-col-1 > li .i-img .thumb-item .next-arrow, #search .search-content .search-col-1 > li .i-img .thumb-item-nav .next-arrow, #search .search-content .search-col-1 > li .i-img .synchro-slider .next-arrow, #search .search-content .search-col-1 > li .i-img .synchro-slider-nav .next-arrow {
  background: url("../images/next.png") no-repeat 50% 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  margin-left: 116px;
}
/* line 1055, ../sass/style.scss */
#search .search-content .search-col-1 > li .i-description {
  margin-top: 0;
  display: inline-block;
  width: 58%;
  padding-left: 1.6rem;
  vertical-align: top;
  position: relative;
}
/* line 1062, ../sass/style.scss */
#search .search-content .search-col-1 > li .i-description .article-more-btn {
  margin-top: 2rem;
}
/* line 1065, ../sass/style.scss */
#search .search-content .search-col-1 > li .i-description .search-list-title {
  padding-bottom: 0.8rem;
  border-bottom: solid 1px #e2e2e2;
}
/* line 1069, ../sass/style.scss */
#search .search-content .search-col-1 > li .i-description .search-list-price {
  padding-bottom: 0.8rem;
}
/* line 1071, ../sass/style.scss */
#search .search-content .search-col-1 > li .i-description .search-list-price span {
  vertical-align: bottom;
  font-size: 2.2rem;
  padding-right: 1rem;
}
/* line 1078, ../sass/style.scss */
#search .search-content .search-col-1 > li .search-tag-list {
  margin-top: 2rem;
}
/* line 1080, ../sass/style.scss */
#search .search-content .search-col-1 > li .search-tag-list li {
  margin-right: 0.4rem;
  margin-bottom: 0.8rem;
  color: #aeaeae;
  font-size: 1.2rem;
  display: inline-block;
  padding: 0.2rem 1.6rem;
  border: solid 1px #aeaeae;
}

/*---------------------
  detail
---------------------*/
/* line 1098, ../sass/style.scss */
.detail-content {
  margin-top: 4rem;
}
/* line 1100, ../sass/style.scss */
.detail-content .cart-box {
  text-align: center;
}
/* line 1102, ../sass/style.scss */
.detail-content .cart-box .cart-btn {
  margin: 0 auto;
}
/* line 1105, ../sass/style.scss */
.detail-content .cart-box .cart-text {
  font-size: 1.2rem;
  margin-top: 1rem;
}
/* line 1110, ../sass/style.scss */
.detail-content .cart-btn {
  margin-top: 2rem;
  width: 24rem;
  font-size: 1.4rem;
  text-align: center;
}
/* line 1115, ../sass/style.scss */
.detail-content .cart-btn a {
  border-radius: 18.5rem;
  padding: 0.6rem 0;
  color: #fff;
  font-weight: bold;
}
/* line 1120, ../sass/style.scss */
.detail-content .cart-btn a:hover {
  opacity: 0.8;
}
/* line 1123, ../sass/style.scss */
.detail-content .cart-btn a i {
  padding-bottom: 0.4rem;
  padding-right: 0.8rem;
}
/* line 1130, ../sass/style.scss */
.detail-content .product-details-free img {
  width: 100%;
}
/* line 1135, ../sass/style.scss */
.detail-content .detail-col-1 > li {
  padding: 0.8rem;
  width: 100%;
}
/* line 1138, ../sass/style.scss */
.detail-content .detail-col-1 > li .i-img {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  position: relative;
}
/* line 1143, ../sass/style.scss */
.detail-content .detail-col-1 > li .i-img img {
  width: 100%;
}
/* line 1147, ../sass/style.scss */
.detail-content .detail-col-1 > li .i-img .thumb-item li, .detail-content .detail-col-1 > li .i-img .thumb-item-nav li {
  margin-bottom: 0;
}
/* line 1152, ../sass/style.scss */
.detail-content .detail-col-1 > li .i-description {
  margin-top: 0;
  display: inline-block;
  width: 50%;
  padding-left: 1.6rem;
  vertical-align: top;
  position: relative;
}
/* line 1159, ../sass/style.scss */
.detail-content .detail-col-1 > li .i-description .delivery-time-box {
  margin-bottom: 3rem;
}
/* line 1161, ../sass/style.scss */
.detail-content .detail-col-1 > li .i-description .delivery-time-box .delivery-time {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
/* line 1164, ../sass/style.scss */
.detail-content .detail-col-1 > li .i-description .delivery-time-box .delivery-time > span {
  padding: 0.2rem;
  text-align: center;
  display: inline-block;
  width: 38rem;
  border: solid 1px #E63656;
  color: #E63656;
  font-weight: bold;
}
/* line 1175, ../sass/style.scss */
.detail-content .detail-col-1 > li .i-description .offer-text {
  margin-top: 2rem;
}
/* line 1178, ../sass/style.scss */
.detail-content .detail-col-1 > li .i-description .detail-list-title {
  padding-bottom: 0.8rem;
  border-bottom: solid 1px #e2e2e2;
}
/* line 1182, ../sass/style.scss */
.detail-content .detail-col-1 > li .i-description .detail-list-price {
  color: #FF595A;
  font-weight: bold;
  padding-bottom: 2rem;
  font-size: 1.7rem;
}
/* line 1184, ../sass/style.scss */
.detail-content .detail-col-1 > li .i-description .detail-list-price span {
  vertical-align: bottom;
  font-size: 2.4rem;
}
/* line 1191, ../sass/style.scss */
.detail-content .detail-col-1 > li .detail-tag-list {
  margin-top: 2rem;
}
/* line 1193, ../sass/style.scss */
/*.detail-content .detail-col-1 > li .detail-tag-list li {
  margin-right: 0.4rem;
  margin-bottom: 0.8rem;
  color: #aeaeae;
  font-size: 1.2rem;
  display: inline-block;
  padding: 0.2rem 1.6rem;
  border: solid 1px #aeaeae;
}*/
/* line 1206, ../sass/style.scss */
.detail-content .product-details .product-left {
  float: left;
}
/* line 1209, ../sass/style.scss */
.detail-content .product-details .product-right {
  float: right;
}
/* line 1212, ../sass/style.scss */
.detail-content .product-details .product-details-description {
  width: 50%;
}
/* line 1214, ../sass/style.scss */
.detail-content .product-details .product-details-description .product-details-title {
  margin-bottom: 2rem;
}
/* line 1218, ../sass/style.scss */
.detail-content .product-details .product-details-img {
  width: 48%;
}
/* line 1220, ../sass/style.scss */
.detail-content .product-details .product-details-img img {
  width: 100%;
}
/* line 1225, ../sass/style.scss */
.detail-content .product-details-tag {
  margin-top: 1rem;
}
/* line 1227, ../sass/style.scss */
.detail-content .product-details-tag li {
  display: inline-block;
  margin-bottom: 1.2rem;
}
/* line 1230, ../sass/style.scss */
.detail-content .product-details-tag li a {
  padding: 0.4rem 4rem;
  color: #fff;
  border-radius: 18.5rem;
}
/* line 1238, ../sass/style.scss */
.detail-content .voice li {
  width: 80%;
  margin: 3rem auto 0;
  margin-bottom: 3rem;
}
/* line 1242, ../sass/style.scss */
.detail-content .voice li .voice-img {
  display: inline-block;
  width: 16%;
  border-radius: 50%;
  overflow: hidden;
}
/* line 1247, ../sass/style.scss */
.detail-content .voice li .voice-img img {
  width: 100%;
}
/* line 1251, ../sass/style.scss */
.detail-content .voice li .voice-description {
  display: inline-block;
  width: 78%;
  padding-left: 2rem;
}
/* line 1255, ../sass/style.scss */
.detail-content .voice li .voice-description .voice-title {
  margin-bottom: 1rem;
}
/* line 1258, ../sass/style.scss */
.detail-content .voice li .voice-description .voice-text {
  font-size: 1.4rem;
}

.detail-content .voice li .voice-description .voice-text strong {
  font-size: 1.4rem;
  font-weight: normal;
  background: linear-gradient(transparent 60%, #F7EFA9 60%);
}

/*---------------------
  #category
---------------------*/
/* line 1270, ../sass/style.scss */
#category .category-top {
  position: relative;
  margin-bottom: 4rem;
}
/* line 1274, ../sass/style.scss */
#category .category-top .category-top-img img {
  width: 100%;
}
/* line 1278, ../sass/style.scss */
#category .category-top .category-top-title {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  transform: translateY(-50%);
  z-index: 2;
  background: rgba(255, 255, 255, 0.7);
  display: inline-block;
  text-align: center;
  padding: 0.8rem 4rem;
  font-size: 3.4rem;
}

#category .category-top.scene .category-top-title {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  transform: translateY(-50%);
  z-index: 2;
  background: rgba(255, 255, 255, 0.7);
  display: inline-block;
  text-align: center;
  padding: 0.8rem 4rem;
  font-size: 3.4rem;
}

/* line 1291, ../sass/style.scss */
#category .category-description {
  margin-bottom: 6rem;
  font-size: 1.2rem;
  line-height: 1.5;
}
/* line 1296, ../sass/style.scss */
#category .category-search-box {
  position: relative;
  margin-bottom: 4rem;
}
/* line 1299, ../sass/style.scss */
#category .category-search-box .category-search-img {
  position: relative;
  border-radius: 50px;
  overflow: hidden;
}
/* line 1303, ../sass/style.scss */
#category .category-search-box .category-search-img img {
  width: 100%;
  position: relative;
}
/* line 1307, ../sass/style.scss */
#category .category-search-box .category-search-img .category-overlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
/* line 1317, ../sass/style.scss */
#category .category-search-box .category-search-name {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  z-index: 2;
  font-weight: bold;
  font-size: 2.4rem;
  background: linear-gradient(transparent 80%, #b7df66 20%);
}
/* line 1328, ../sass/style.scss */
#category .category-search-box .category-search-name i {
  padding-bottom: 0.6rem;
  margin-right: 0.8rem;
}
/* line 1334, ../sass/style.scss */
#category .category-search-box a:hover {
  opacity: 0.8;
}
/* line 1339, ../sass/style.scss */
#category .accordion {
  width: 100%;
  margin: 1rem auto;
  background: #FFF;
}

#category .accordion.category_accordion {
  margin-bottom: 5rem;
}

/* line 1343, ../sass/style.scss */
#category .accordion > li {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  position: relative;
}
/* line 1349, ../sass/style.scss */
#category .accordion > li.open .link {
  background: #F4F4F4;
  border-top: solid 1px #e2e2e2;
  border-left: solid 1px #e2e2e2;
  border-right: solid 1px #e2e2e2;
  border-bottom: none;
}
/* line 1357, ../sass/style.scss */
#category .accordion > li .link {
  font-size: 1.4rem;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  display: block;
  cursor: pointer;
  border: solid 1px #e2e2e2;
  padding: 1rem 2rem;
  width: 100%;
  font-weight: bold;
}
/* line 1369, ../sass/style.scss */
#category .accordion > li .link:after {
  content: "";
  position: absolute;
  right: 1.8rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url("/images/link-triangle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1rem;
  height: .8rem;
}

#category .accordion > li .link.active:after {
  content: "";
  position: absolute;
  right: 1.8rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url("/images/link-triangle-active.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1rem;
  height: .8rem;
}

/* line 1376, ../sass/style.scss */
#category .accordion > li.default .submenu {
  position: absolute;
  display: block;
}
/* line 1382, ../sass/style.scss */
#category .accordion .submenu {
  border-right: #e2e2e2 solid 1px;
  border-left: #e2e2e2 solid 1px;
  border-bottom: #e2e2e2 solid 1px;
  display: none;
  background: #F4F4F4;
  font-size: 14px;
  position: absolute;
  width: 100%;
  z-index: 5;
  padding-top: 1rem;
}
/* line 1393, ../sass/style.scss */
#category .accordion .submenu li {
  width: 100%;
  padding: 0.8rem 2rem;
}
/* line 1397, ../sass/style.scss */
#category .accordion .submenu a {
  display: block;
  text-decoration: none;
  color: #767676;
  font-size: 1.2rem;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
/* line 1405, ../sass/style.scss */
#category .accordion .submenu a:hover {
  color: #ECAFD8;
  text-decoration: underline;
}

/*---------------------
  article
---------------------*/
/* line 1419, ../sass/style.scss */
#category .col-1 li, #article .col-1 li {
  width: 100%;
}
/* line 1421, ../sass/style.scss */
#category .col-1 li .i-img, #article .col-1 li .i-img {
  display: inline-block;
  width: 40%;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  height: 20rem;
}
/* line 1428, ../sass/style.scss */
#category .col-1 li .i-img img, #article .col-1 li .i-img img {
  height: 100%;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 2;
}
/* line 1438, ../sass/style.scss */
#category .col-1 li .i-description, #article .col-1 li .i-description {
  margin-top: 0;
  display: inline-block;
  width: 58%;
  padding-left: 1.6rem;
  vertical-align: top;
  position: relative;
  height: 20rem;
}
/* line 1446, ../sass/style.scss */
#category .col-1 li .i-description .article-more-btn, #article .col-1 li .i-description .article-more-btn {
  position: absolute;
  bottom: 0;
  left: 1.6rem;
}

/* line 1456, ../sass/style.scss */
#article .article-title {
  font-size: 2.4rem;
  margin-bottom: 0.8rem;
}
/* line 1460, ../sass/style.scss */
#article .article-date {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
/* line 1463, ../sass/style.scss */
#article .article-date p {
  font-size: 1.4rem;
  display: inline-block;
  font-weight: bold;
  position: relative;
}
/* line 1468, ../sass/style.scss */
#article .article-date p:before {
  margin-left: 1rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 115%;
  margin-right: 0.2em;
  position: relative;
  top: auto;
}
/* line 1478, ../sass/style.scss */
#article .article-date p.article-date-public:before {
  content: "\f017";
}
/* line 1483, ../sass/style.scss */
#article .article-date p.article-date-update:before {
  content: "\f1da";
}
/* line 1489, ../sass/style.scss */
#article .article-img {
  margin-bottom: 2rem;
}
/* line 1491, ../sass/style.scss */
#article .article-img img {
  width: 100%;
}
/* line 1495, ../sass/style.scss */
#article .article-description {
  margin-bottom: 3rem;
}
/* line 1497, ../sass/style.scss */
#article .article-description a {
  color: #6fbde4;
  display: inline-block;
  vertical-align: bottom;
  text-decoration: underline;
}
/* line 1504, ../sass/style.scss */
#article .relation {
  margin: 4rem 0;
  border-bottom: solid 2px #f4f4f4;
}
/* line 1507, ../sass/style.scss */
#article .relation .relation-title {
  padding: 0 0 0.8rem;
  border-bottom: solid 2px #f4f4f4;
  display: block;
  background: transparent;
  color: #666;
}
/* line 1516, ../sass/style.scss */
#article .related-article a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1rem;
  border: solid #e2e2e2 1px;
}
/* line 1525, ../sass/style.scss */
#article .related-article a:hover {
  opacity: 0.7;
}
/* line 1529, ../sass/style.scss */
#article .related-article .i-img {
  width: 24%;
}
/* line 1531, ../sass/style.scss */
#article .related-article .i-img img {
  width: 100%;
}
/* line 1535, ../sass/style.scss */
#article .related-article .i-description {
  width: 76%;
  padding-left: 1.2rem;
}
/* line 1538, ../sass/style.scss */
#article .related-article .i-description .i-date {
  font-size: 1rem;
  margin-bottom: 0.4rem;
}
/* line 1544, ../sass/style.scss */
#article .related-article .i-label p {
  display: inline-block;
  background: #666;
  color: #fff;
  padding: 0.2rem 1rem;
  margin-bottom: 0.8rem;
}
/* line 1554, ../sass/style.scss */
#article .article-content h2 {
  font-size: 2.1rem;
  padding: 0.2rem 0 0.2rem 2rem;
  /* border-left: #e2e2e2 4px solid; */
  margin-bottom: 2rem;
  margin-top: 3rem;
  padding: 0.8rem 1rem 0.8rem 1.5rem;
  color: #376370;
  margin-top: 2rem;
  /* border-bottom: #376370 1px solid; */
  background: #587b86;
  color: white;
  /* background: #505967; */
  /* background: #376370; */
}
/* line 1569, ../sass/style.scss */
#article .article-content h3 {
  font-size: 1.8rem;
  /* background: #f7efa9; */
  padding: 0.4rem 1rem;
  display: inline-block;
  margin-bottom: 2rem;
  /* border-left: 2px #505967 solid; */
  border-bottom: 1px #505967 solid;
  margin-top: 3rem;
}
/* line 1579, ../sass/style.scss */
#article .article-content h4 {
  font-size: 1.6rem;
  padding: 0.6rem 0.8rem;
  display: inline-block;
  /* border: solid 1px #666; */
  /* border-left: 1px #505967 dotted; */
  margin-bottom: 2rem;
  margin-top: 3rem;
  /* background: #f9f9f9; */
  border-bottom: 1px #909296 dotted;
}
/* line 1590, ../sass/style.scss */
#article .article-content img {
  max-width: 100%;
  height: auto;
}
/* line 1595, ../sass/style.scss */
#article .article-content .more-btn a {
  display: block;
  color: #fff;
  text-decoration: none;
}
/* line 1601, ../sass/style.scss */
#article .article-content p {
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
  color: #3e3e3e;
}
/* line 1605, ../sass/style.scss */
#article .article-content p a {
  color: #6fbde4;
  display: inline-block;
  vertical-align: bottom;
  text-decoration: underline;
}
/* line 1612, ../sass/style.scss */
#article .article-content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
}
/* line 1616, ../sass/style.scss */
#article .article-content table th {
  background: #f3f3f3;
  font-weight: bold;
  text-align: left;
}
/* line 1621, ../sass/style.scss */
#article .article-content table th, #article .article-content table td {
  border: solid 1px #d9d9d9;
  padding: 1.4rem 1rem;
  width: 50%;
}
/* line 1627, ../sass/style.scss */
#article .article-content dl {
  margin-bottom: 3rem;
}
/* line 1629, ../sass/style.scss */
#article .article-content dl dt {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
}
/* line 1639, ../sass/style.scss */
#article .article-content li {
  list-style: none;
  position: relative;
  padding-left: 1.7rem;
  margin: 1.4rem 0;
}
/* line 1647, ../sass/style.scss */
#article .article-content ul > li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f111";
  display: block;
  position: absolute;
  left: 0.2rem;
  top: 0.38rem;
  transform: scale(0.8);
  color: #d35d5f;
  color: #4e7c87;
}
/* line 1661, ../sass/style.scss */
#article .article-content ul > li > ul > li:before {
  content: "\f192";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
/* line 1668, ../sass/style.scss */
#article .article-content ul > li > ul > li > ul > li:before {
  content: "―";
  top: 0;
}
/* line 1679, ../sass/style.scss */
#article .article-content ul.arrow > li:before {
  transform: scale(0.8);
  content: "\f138";
}
/* line 1684, ../sass/style.scss */
#article .article-content ul.arrow > li > li:before {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
/* line 1690, ../sass/style.scss */
#article .article-content ul.arrow > li > li > li:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
/* line 1701, ../sass/style.scss */
#article .article-content ul.check > li:before {
  transform: scale(0.95);
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
/* line 1708, ../sass/style.scss */
#article .article-content ul.check > li > li:before {
  transform: scale(0.85);
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
/* line 1715, ../sass/style.scss */
#article .article-content ul.check > li > li > li:before {
  content: "\f05d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
/* line 1725, ../sass/style.scss */
#article .article-content ol {
  counter-reset: number;
}
/* line 1727, ../sass/style.scss */
#article .article-content ol > li {
  padding-left: 2.8rem;
}
/* line 1731, ../sass/style.scss */
#article .article-content ol > li > ol > li:before {
  background: none;
  line-height: 2rem;
  border: 1px solid;
  color: #4e7c87;
}
/* line 1739, ../sass/style.scss */
#article .article-content ol > li > ol > li > ol > li:before {
  content: counter(number) ".";
  border: none;
  font-size: 110%;
}
/* line 1749, ../sass/style.scss */
#article .article-content ol > ol {
  margin-left: -0.55rem;
}
/* line 1753, ../sass/style.scss */
#article .article-content ol > li:before {
  counter-increment: number;
  content: counter(number);
  background: #4e7c87;
  border: 1px solid #4e7c87;
  color: #fff;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-weight: bold;
  display: block;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 0.1rem;
  top: 0;
  font-size: 1.2rem;
}
/* line 1773, ../sass/style.scss */
#article .article-content ol[start] {
  counter-reset: unset;
}
/* line 1776, ../sass/style.scss */
#article .article-content strong {
  background: linear-gradient(transparent 60%, #f7efa9 40%);
}
/* line 1831, ../sass/style.scss */
#article .article-content .c_box {
  padding: 3.4rem 2rem 2rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
  position: relative;
}
/* line 1836, ../sass/style.scss */
#article .article-content .c_box.intitle {
  padding-top: 0;
  padding-bottom: 1.4rem;
}
/* line 1840, ../sass/style.scss */
#article .article-content .c_box.red_box {
  border: solid 1px #e68ac7;
}
/* line 1842, ../sass/style.scss */
#article .article-content .c_box.red_box .box_title {
  background: #e68ac7;
}
/* line 1846, ../sass/style.scss */
#article .article-content .c_box.orange_box {
  border: solid 1px #ec986f;
}
/* line 1848, ../sass/style.scss */
#article .article-content .c_box.orange_box .box_title {
  background: #ec986f;
}
/* line 1852, ../sass/style.scss */
#article .article-content .c_box.yellow_box {
  border: solid 1px #ebdf75;
}
/* line 1854, ../sass/style.scss */
#article .article-content .c_box.yellow_box .box_title {
  background: #ebdf75;
}
/* line 1858, ../sass/style.scss */
#article .article-content .c_box.blue_box {
  border: solid 1px #6fbde4;
}
/* line 1860, ../sass/style.scss */
#article .article-content .c_box.blue_box .box_title {
  background: #6fbde4;
}
/* line 1864, ../sass/style.scss */
#article .article-content .c_box.green_box {
  border: solid 1px #b7df66;
}
/* line 1866, ../sass/style.scss */
#article .article-content .c_box.green_box .box_title {
  background: #b7df66;
}
/* line 1870, ../sass/style.scss */
#article .article-content .c_box.black_box {
  border: solid 1px #666666;
}
/* line 1872, ../sass/style.scss */
#article .article-content .c_box.black_box .box_title {
  background: #666666;
}
/* line 1876, ../sass/style.scss */
#article .article-content .c_box .box_title {
  padding: 0.4rem 4rem;
  color: #fff;
  position: absolute;
  top: -1.6rem;
  left: -1.4rem;
  font-weight: bold;
}
/* line 1884, ../sass/style.scss */
#article .article-content .c_box h3 {
  font-size: 1.4rem;
  background: transparent;
  padding: 0.4rem 4rem;
  display: block;
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 1893, ../sass/style.scss */
#article .article-content .c_box p {
  line-height: 1.8;
}
/* line 1897, ../sass/style.scss */
#article .article-content .caution {
  background: #ffdbdb;
  padding: 2rem 3rem;
  border: solid #ed5a5a 1px;
  margin-bottom: 2rem;
}
/* line 1902, ../sass/style.scss */
#article .article-content .caution .caution-text {
  color: #ed5a5a;
  font-weight: bold;
}
/* line 1905, ../sass/style.scss */
#article .article-content .caution .caution-text i {
  display: inline-block;
  padding-bottom: 0.46rem;
  padding-right: 2rem;
  font-size: 1.8rem;
}
/* line 1913, ../sass/style.scss */
#article .article-content .chat {
  margin-top: 2rem;
}
/* line 1915, ../sass/style.scss */
#article .article-content .chat li {
  list-style: none;
  margin-bottom: 2rem;
  padding-left: 0;
}
/* line 1919, ../sass/style.scss */
#article .article-content .chat li:before {
  content: none;
}
/* line 1922, ../sass/style.scss */
#article .article-content .chat li .chat-name {
  width: 14%;
  padding-top: 0.4rem;
  font-size: 1.6rem;
}
/* line 1927, ../sass/style.scss */
#article .article-content .chat li .chat-text {
  width: 86%;
  background: #f4f4f4;
  padding: 1rem 2rem;
  border: #e2e2e2 solid 3px;
}
/* line 1933, ../sass/style.scss */
#article .article-content .chat li .chat-left {
  float: left;
  border-radius: 16px 0 16px 16px;
}
/* line 1937, ../sass/style.scss */
#article .article-content .chat li .chat-right {
  float: right;
  border-radius: 0 16px 16px 16px;
}
/* line 1940, ../sass/style.scss */
#article .article-content .chat li .chat-right.chat-name {
  text-align: right;
}

/*---------------------
  目次
---------------------*/
/* line 1952, ../sass/style.scss */
.toc {
  background: #f4f4f4;
  padding: 1.6rem;
  margin-bottom: 4rem;
}
/* line 1956, ../sass/style.scss */
.toc .top-name {
  border: solid 1px #666;
  padding: 0.4rem 3.2rem;
  background: #fff;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 1.6rem;
}
/* line 1964, ../sass/style.scss */
.toc .toc-list {
  padding-left: 3rem;
}
/* line 1966, ../sass/style.scss */
.toc .toc-list .toc-title {
  font-size: 1.4rem;
  padding-bottom: 0.4rem;
}
/* line 1970, ../sass/style.scss */
.toc .toc-list .toc-text {
  padding-left: 1rem;
  font-weight: normal;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

/*---------------------
    シェアボタン
---------------------*/
/* line 1981, ../sass/style.scss */
.share {
  margin-bottom: 2rem;
}
/* line 1983, ../sass/style.scss */
.share li {
  display: inline-block;
}
/* line 1985, ../sass/style.scss */
.share li a {
  width: 10rem;
  text-align: center;
  color: #fff;
  padding: 0.4rem;
  line-height: 2;
  font-weight: bold;
  font-size: 1.2rem;
  border-radius: 3px;
}
/* line 1994, ../sass/style.scss */
.share li a:active {
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}
/* line 2002, ../sass/style.scss */
.share li.share-twitter a {
  background: #00b6f8;
  border-bottom: solid 4px #009cd7;
}
/* line 2008, ../sass/style.scss */
.share li.share-facebook a {
  background: #006fc0;
  border-bottom: solid 4px #406d9c;
}
/* line 2014, ../sass/style.scss */
.share li.share-hatena a {
  background: #0079ce;
  border-bottom: solid 4px #406d9c;
}
/* line 2018, ../sass/style.scss */
.share li.share-hatena img {
  width: 1.8rem;
  padding-right: 0.6rem;
  padding-bottom: 0.2rem;
}
/* line 2025, ../sass/style.scss */
.share li.share-line a {
  background: #00be00;
  border-bottom: solid 4px #00a900;
}
/* line 2029, ../sass/style.scss */
.share li.share-line img {
  width: 1.8rem;
  padding-right: 0.6rem;
  padding-bottom: 0.2rem;
}
/* line 2036, ../sass/style.scss */
.share li.share-pocket a {
  background: #ff0021;
  border-bottom: solid 4px #d82c11;
}

/*---------------------
   greenroad
---------------------*/
/* line 2047, ../sass/style.scss */
#greenroad {
  /*---------------------
      download
  ---------------------*/
  /*---------------------
      flow
  ---------------------*/
}
/* line 2053, ../sass/style.scss */
#greenroad #download .download-box {
  text-align: center;
}
/* line 2055, ../sass/style.scss */
#greenroad #download .download-box img {
  width: 100%;
}
/* line 2058, ../sass/style.scss */
#greenroad #download .download-box .download-bg-box {
  position: relative;
  margin-bottom: 4rem;
}
/* line 2062, ../sass/style.scss */
#greenroad #download .download-box .download-description-box {
  position: absolute;
  color: #fff;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 9;
  padding: 2.4rem;
}
/* line 2071, ../sass/style.scss */
#greenroad #download .download-box .download-description-box .download-name {
  padding-bottom: 1.4rem;
}
/* line 2074, ../sass/style.scss */
#greenroad #download .download-box .download-description-box .download-description {
  line-height: 1.8;
  font-size: 1.4rem;
}
/* line 2079, ../sass/style.scss */
#greenroad #download .download-box .black-overlay {
  position: absolute;
  z-index: 9;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 2095, ../sass/style.scss */
#greenroad #flow .flow-title {
  text-align: center;
  display: inline-block;
  padding-bottom: 0.2rem;
  border-bottom: solid 1px #043b27;
  margin-bottom: 1rem;
}
/* line 2101, ../sass/style.scss */
#greenroad #flow .flow-title .slash {
  display: inline-block;
  margin: 0 1rem;
}
/* line 2104, ../sass/style.scss */
#greenroad #flow .flow-title .slash img {
  width: 2rem;
}
/* line 2108, ../sass/style.scss */
#greenroad #flow .flow-title .flow {
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
}
/* line 2112, ../sass/style.scss */
#greenroad #flow .flow-title .flow img {
  width: 2rem;
}
/* line 2117, ../sass/style.scss */
#greenroad #flow .flow-box {
  border-top: 1px #eee solid;
  text-align: center;
  padding-top: 4rem;
}
/* line 2121, ../sass/style.scss */
#greenroad #flow .flow-box img {
  width: 100%;
}
/* line 2124, ../sass/style.scss */
#greenroad #flow .flow-box .flow-list {
  width: 76%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin: 0 auto;
}
/* line 2129, ../sass/style.scss */
#greenroad #flow .flow-box .flow-list li {
  display: inline-block;
  width: 24%;
  padding: 0 2.8rem;
  position: relative;
  vertical-align: bottom;
}
/* line 2135, ../sass/style.scss */
#greenroad #flow .flow-box .flow-list li .flow-list-img {
  padding: 1.6rem;
}
/* line 2138, ../sass/style.scss */
#greenroad #flow .flow-box .flow-list li .flow-arrow {
  position: absolute;
  bottom: 3rem;
  right: 0;
  width: 10%;
}
/* line 2145, ../sass/style.scss */
#greenroad #flow .flow-box .flow-list img {
  width: 100%;
}
/* line 2149, ../sass/style.scss */
#greenroad #flow .flow-box .delivery-box {
  width: 76%;
  margin: 0 auto;
  padding-top: 2rem;
  text-align: left;
}
/* line 2154, ../sass/style.scss */
#greenroad #flow .flow-box .delivery-box .delivery-schedule {
  padding-top: 1rem;
}
/* line 2157, ../sass/style.scss */
#greenroad #flow .flow-box .delivery-box .delivery-name {
  text-align: left;
  font-size: 1.6rem;
  border-left: 5px #043b27 solid;
  padding: 0.2rem 0 0.2rem 0.8rem;
  margin-bottom: 1rem;
}
/* line 2164, ../sass/style.scss */
#greenroad #flow .flow-box .delivery-box .delivery-text {
  font-size: 1.4rem;
}
/* line 2167, ../sass/style.scss */
#greenroad #flow .flow-box .delivery-box .delivery-note {
  font-size: 1.4rem;
  padding-top: 1rem;
}
/* line 2171, ../sass/style.scss */
#greenroad #flow .flow-box .delivery-box .delivery-table {
  background: #f2f2f2;
  border: #043b27 solid 1px;
  margin-top: 1.6rem;
}
/* line 2175, ../sass/style.scss */
#greenroad #flow .flow-box .delivery-box .delivery-table .delivery-table-list {
  position: relative;
  border-bottom: #043b27 solid 1px;
}
/* line 2178, ../sass/style.scss */
#greenroad #flow .flow-box .delivery-box .delivery-table .delivery-table-list:last-child {
  border-bottom: none;
}
/* line 2182, ../sass/style.scss */
#greenroad #flow .flow-box .delivery-box .delivery-table dt {
  float: left;
  width: 38%;
  padding: 2rem;
  font-size: 1.4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
}
/* line 2192, ../sass/style.scss */
#greenroad #flow .flow-box .delivery-box .delivery-table dd {
  background: #fff;
  float: right;
  width: 62%;
  padding: 2rem;
  font-size: 1.4rem;
  border-left: #043b27 solid 1px;
}
/* line 2199, ../sass/style.scss */
#greenroad #flow .flow-box .delivery-box .delivery-table dd .credit-card {
  width: 60%;
  padding-top: 0.8rem;
}

/*---------------------
    SNS
---------------------*/
/* line 2213, ../sass/style.scss */
#sns {
  margin-top: 4rem;
}
/* line 2215, ../sass/style.scss */
#sns .sns-facebook {
  display: inline-block;
  vertical-align: top;
  width: 40%;
}
/* line 2219, ../sass/style.scss */
#sns .sns-facebook .fb-page {
  height: 532px;
  overflow: hidden;
}
/* line 2224, ../sass/style.scss */
#sns .sns-instagram {
  display: inline-block;
  vertical-align: top;
  width: 58%;
  padding-left: 3.6rem;
}
/* line 2229, ../sass/style.scss */
#sns .sns-instagram .sns-instagram-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 2236, ../sass/style.scss */
#sns .sns-instagram .sns-instagram-list li {
  width: 25%;
  padding: 0.3rem;
}
/* line 2239, ../sass/style.scss */
#sns .sns-instagram .sns-instagram-list li img {
  width: 100%;
}

/*---------------------
    footer
---------------------*/
/* line 2251, ../sass/style.scss */
#footer .f-top {
    padding: 3rem 0 3.5rem;
}
/* line 2253, ../sass/style.scss */
#footer .f-top .f-logo {
  width: 18rem;
}
/* line 2256, ../sass/style.scss */
#footer .f-top .f-logo img {
  width: 100%;
}
/* line 2260, ../sass/style.scss */
#footer .f-top .f-top-menu {
  display: inline-block;
  width: 20%;
  vertical-align: top;
}
/* line 2264, ../sass/style.scss */
#footer .f-top .f-top-menu .f-top-title {
  font-size: 1.4rem;
  padding-bottom: 1rem;
}
/* line 2269, ../sass/style.scss */
#footer .f-top .f-top-menu .f-top-list li {
  padding-bottom: 0.4rem;
}
/* line 2271, ../sass/style.scss */
#footer .f-top .f-top-menu .f-top-list li a {
  font-size: 1.2rem;
  display: inline-block;
}
/* line 2274, ../sass/style.scss */
#footer .f-top .f-top-menu .f-top-list li a:hover {
  text-decoration: underline;
}
/* line 2281, ../sass/style.scss */
#footer .f-top .f-top-menu .f-top-sns li {
  display: inline-block;
  width: 20%;
  padding-right: 1rem;
}
/* line 2286, ../sass/style.scss */
#footer .f-top .f-top-menu .f-top-sns li a img {
  width: 100%;
}
/* line 2289, ../sass/style.scss */
#footer .f-top .f-top-menu .f-top-sns li a:hover {
  opacity: 0.8;
}
/* line 2297, ../sass/style.scss */
#footer .f-bottom {
  padding: 4rem 0;
}
/* line 2299, ../sass/style.scss */
#footer .f-bottom .f-company-logo {
  width: 12rem;
  padding-bottom: 2rem;
}
/* line 2302, ../sass/style.scss */
#footer .f-bottom .f-company-logo img {
  width: 100%;
}
/* line 2307, ../sass/style.scss */
#footer .f-bottom .f-nav li {
  display: inline-block;
}
/* line 2309, ../sass/style.scss */
#footer .f-bottom .f-nav li a {
  font-size: 1.2rem;
}
/* line 2311, ../sass/style.scss */
#footer .f-bottom .f-nav li a:hover {
  text-decoration: underline;
}
/* line 2318, ../sass/style.scss */
#footer #copyright {
  font-size: 1rem;
  height: 3.7rem;
  background-color: #2C3849;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/*以下統合案件追記分*/

#search-sidebar .hit-count {
  background-color: #f5f5f5;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 3rem 2.7rem 1rem;
  margin-bottom: 40px;
}

#search-sidebar .hit-count p {
  /*color: #fff;*/
  font-size: 1.2rem;
  display: flex;
  align-items: flex-end;
}

#search-sidebar .hit-count p span {
  /*color: #fff;*/
  line-height: .8;
  font-size: 3.8rem;
}

#search-sidebar .search-clear {
  border: solid 1px #999999;
  margin-bottom: 2rem;
}

#search-sidebar .search-clear .search-clear-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 1.2rem;
  background-color: #fff;
  color: #999999;
  border: solid 1px #999999;
  height: 2.4rem;
  width: 20.6rem;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 1.3rem auto;
}

#search-sidebar .search-clear .search-cancel-button{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  padding: 0 1rem;
  border-radius: 1.2rem;
  background-color:#F5F5F5;
  color: #2C3849;
  border: solid 1px #F5F5F5;
  height: 2.4rem;
  width: 20.6rem;
  font-size: 1.2rem;
  font-weight: normal;
  margin: 1.3rem auto;
}

#search-sidebar .search-clear .search-cancel-button:after{
  content:"×";
}

#search-sidebar .search-title {
  height: 3rem;
  background-color: #999999;
  padding: 0 2.3rem;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #fff;
}

#search-sidebar ul {
  padding: 1.5rem 0rem 1.5rem 2.3rem ;
}

#search-sidebar ul li {
  padding: 1rem 0rem;
}

#search-sidebar ul li input[type="checkbox"] {
  display: none;
}

#search-sidebar ul li label {
  font-size: 1.4rem;
  position: relative;
  padding-left: 2.1rem;
}

#search-sidebar ul li label span {
  line-height: 2.1rem;
}

#search-sidebar ul li input[type="checkbox"]:checked + label:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: url("/images/checkbox-checked.svg");
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: .7rem;
}

#search-sidebar ul li input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: url("/images/checkbox-unchecked.svg");
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: .7rem;
}

#search-sidebar ul li input[type="radio"] {
  display: none;
}

#search-sidebar ul li input[type="radio"]:checked + label:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: url("/images/radio-checked.svg");
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: .7rem;
}

#search-sidebar ul li input[type="radio"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: url("/images/radio-unchecked.svg");
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: .7rem;
}

#search-sidebar ul li .color-icon-area {
  display: inline-block;
  width: calc(14px + 3rem);
}

#search-sidebar ul li .color-icon {
  float: left;
  margin-right: 1px;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: solid 1px transparent;
}


#search-content .search-clear {
  border: solid 1px #999999;
  margin-bottom: 2rem;
  padding: 16px;
}

#search-content .search-clear .search-clear-button {
  border: none;
  border-radius: 1.2rem;
  background-color: #999999;
  color: #ffffff;
  border: solid 1px #999999;
  height: 2.4rem;
  width: 20.6rem;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 0 0 96px;
  text-align: center;
}

#search-content .search-clear .search-cancel-button{
  border: none;
  padding: 0 1rem;
  border-radius: 1.2rem;
  background-color:#F5F5F5;
  color: #2C3849;
  border: solid 1px #F5F5F5;
  height: 2.4rem;
  font-size: 1.2rem;
  font-weight: normal;
  margin: 0 10px 10px 0;
  display: inline-block;
}

#search-content .search-clear .search-cancel-button:after{
  content:"×";
}

#search-content .js-search-cancel {
  display: inline-block;
  width: 84%;
}

#search-content .search-head {
  display: inline-block;
  width: 14%;
  vertical-align: top;
}

#category-pick .category-pick-head {
  font-size: 26px;
  margin-bottom: 8px;
}

#category-pick .ranking-num-text {
  text-align: center;
  margin-bottom: 8px;
  font-weight: bold;
}

#category-pick .ranking-num-text span {
  vertical-align: bottom;
  font-size: 24px;
  margin-bottom: -4px;
  display: inline-block;
}

#category-pick .ranking-num-text.ranking-num-text-1 {
  color: #D6BD64;
}

#category-pick .ranking-num-text.ranking-num-text-2 {
  color: #AAA6A6;
}

#category-pick .ranking-num-text.ranking-num-text-3 {
  color: #C18B6F;
}

#category-pick .i-img {
  height: 12.4rem;
}

#category-pick .i-title {
  min-height: 6rem;
  border-bottom: #f5f5f5 solid 1px;
}
.category-bg-box {
  position: relative;
  margin-bottom: 35px;
}

.category-bg-box .category-bg {
  position: relative;
}

.category-bg-box .category-bg-title-box {
  position: absolute;
  right: 0;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}

.category-bg-box .category-bg-title-box .category-bg-title {
  background: rgba(255, 255, 255, 0.6);
  padding: 10px 30px;
  text-align: center;
  font-size: 30px;
}

.category-bg {
    width: 980px;
    height: 235px;
}

.category-bg img {
    max-width: 100%;
    height: auto;
}

.itemlist-top {
  text-align: center;
  padding: 4rem 0;
}

.itemlist-top h1 {
  width: 27rem;
  height: 7rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 3.5rem;
  border-top: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
}

p.i-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1rem;
  height: 1.8rem;
  margin: 5px;
  margin-left: .9rem;
  background-color: #F5F5F5;
  padding: 0 .6rem;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  position: relative;
  color: #999999;
}

p.i-tag:before {
  content: "";
  position: absolute;
  height: 1.8rem;
  width: 2rem;
  left: -.9rem;
  background-image: url("/images/tag-left.png");
  background-size: contain;
  background-repeat: no-repeat;
}

p.i-tag.nationwide {
  background-color: #8AC7E5;
  color: #fff;
}

p.i-tag.nationwide:before {
  background-image: url("/images/tag-left-blue.png");
  background-size: contain;
  background-repeat: no-repeat;
}

p.i-tag.limited {
  background-color: #FF5A5A;
  color: #fff;
}

p.i-tag.limited:before {
  background-image: url("/images/tag-left-red.png");
  background-size: contain;
  background-repeat: no-repeat;
}


p.i-tag.pickup {
  background-color: #FFD95A;
  color: #fff;
}

p.i-tag.pickup:before {
  background-image: url("/images/tag-left-yellow.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#category .contact-top {
  text-align: center;
}

#category .contact-top h1 {
  padding: 6rem 0;
  font-size: 3.5rem;
  font-weight: bold;
}

#category .contact-top p {
  font-size: 1.4rem;
  margin-bottom: 4rem;
}

#category .contact-top p span {
  border-bottom: 1px solid #FF5A5A;
  color: #FF5A5A;
}

#category form table {
  border: solid 1px #E5E5E5;
  border-collapse : collapse;
  max-width: 98rem;
  width: 100%;
  margin: 0 auto;
}

#category form table td {
  border: solid 1px #E5E5E5;
}

#category form table td:first-child {
  width:31.6%;
  background-color: #F5F5F5;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 2.6rem 3rem;
  vertical-align: top;
}

#category form table.confirm td:first-child {
  padding: 1.6rem 3rem;
}

#category form table td label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#category form table td label.required:after {
  content: "必須";
  background-color: #FF5A5A;
  color: #fff;
  padding: .4rem .9rem;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: .3rem;
}

#category form table td label.not-required:after {
  content: "任意";
  background-color: #63AFD5;
  color: #fff;
  padding: .4rem .9rem;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: .3rem;
}

#category form table td:last-child {
  width:68.4%;
  padding: .8rem 3rem;
}

#category form table td input,
#category form table td textarea {
  width: 100%;
  border: solid 1px #ccc;
  border-radius: 4px;
  font-size: 1.8rem;
  padding: 1rem;
  resize: none;
}

#category .submit-buttons {
  text-align: center;
  margin: 6rem auto;
  justify-content: center;
  display: flex;
}

#category form input[type="submit"] {
  width: 26.8rem;
  background-color: #2C3849;
  height: 5rem;
  border-radius: 2.5rem;
  font-weight: bold;
  font-size: 1.8rem;
  color: #fff;
  border: none;
  cursor: pointer;
}

#category .submit-buttons .non-submit-link {
  width: 26.8rem;
  background-color: #fff;
  border: 1px solid #999999;
  height: 5rem;
  border-radius: 2.5rem;
  font-weight: bold;
  font-size: 1.8rem;
  color: #999999;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}


#category .privacy-policy {
  margin: 3.5rem auto 0;
  overflow-y: scroll;
  height: 20rem;
  width: calc(100% - 7rem);
  max-width: 91rem;
  padding: 2.5rem 2rem 2.5rem 2rem;
  border: solid 1px #E5E5E5;
  font-size: 1.4rem;
  font-weight: bold;
}

.news-box > a {
    position: relative;
    background-color: #587B86;
    height: 3.6rem;
    font-size: 1.6rem;
    padding-left: 4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    font-weight: bold;
    border-bottom: solid 1px #fff;
}

.news-box table {
    border-collapse: collapse;
    margin: 0 2rem 2rem;
    display: block;
}

.news-box table tr {
  transition: .4s;
}

.news-box table tr:hover {
  opacity: .5;
}

.news-box table td{
    border-bottom: #E2E2E2 solid 1px;
    position: relative;
}

.news-box table td a {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 2rem;
}

.news-box table td:last-child:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/images/right-small.svg);
    width: .8rem;
    height: 1.5rem;
}

.s-news li {
  transition: .4s;
}

.s-news li:hover {
  opacity: .5;
}

.s-news li .s-news-date {
  margin-top: 2rem;
  font-size: 1.2rem;
  font-weight: normal;
}

.s-news li .s-news-title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.s-news li .s-news-btn {
  color: #8AC7E5;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.6rem;
  height: 4rem;
  border: 1px solid #8AC7E5;
  border-radius: 2rem;
  margin-bottom: 4rem;
}

#support .support-top {
  padding-top: 8.6rem;
  padding-bottom: 6rem;
  text-align: center;
}

#support .support-top h1 {
    font-size: 3.5rem;
}

#support .support-top p {
    letter-spacing: 1px;
}

#support {
  max-width: 98rem;
  margin: 2rem auto 12rem;
}

.sidebar .s-category li .s-category-title {
    padding: 1.8rem 1rem;
    font-size: 1.4rem;
}

.item_card .rank {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}

.item_card .rank span {
    font-size: 2.6rem;
    padding-bottom: .4rem;
    display: inline-block;
}

.item_card:nth-of-type(1) .rank {
    color: #D6BD64;
}

.item_card:nth-of-type(2) .rank {
    color: #AAA6A6;
}

.item_card:nth-of-type(3) .rank {
    color: #C18B6F;
}

.itemlist.item > li.item_card {
    transition: .4s;
}

.itemlist.item > li.item_card:hover {
    transition: .4s;
    opacity: .5;
    background-color: #F5F5F5;
}

li.item_card {
    margin-bottom: 2.4rem;
}

li.item_card .i-tags {
    margin-bottom: 1rem;
    height: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

li.item_card .i-tags img {
    margin: 0 .5rem;
}
li.item_card .i-img {
    margin-bottom: 1rem;
    height: 21.4rem;
}
li.item_card .i-title {
    min-height: 3.2rem;
    margin-bottom: 1rem;
    text-align: center;
}
li.item_card .i-size {
    font-size: 1rem;
    border-bottom: 1px solid #E2E2E2;
    line-height: 1.5rem;
    padding-bottom: .5rem;
    text-align: center;
}
li.item_card .i-description .i-text {
    font-size: 1rem;
    margin-bottom: 1rem;
}
li.item_card .i-price {
    font-size: 1rem;
    margin-top: .5rem;
    text-align: center;
}
li.item_card .i-price > .yen {
    font-size: 1.4rem;
    font-weight: bold;
}
li.item_card .i-price > .price {
    font-size: 1.6rem;
    font-weight: bold;
}
li.item_card .i-price > .tax {
    font-size: 1.2rem;
    font-weight: bold;
}

/*allitemリファクタ*/

.itemlist.itemlist-col1 .i-img img {
    object-fit: contain;
}

.itemlist.itemlist-col1 li > a {
    display: flex;
}

#category .itemlist-col1.col-1 li.item_card_for_list .i-img,
#article .col-1 li.item_card_for_list .i-img {
    width: 21.4rem;
    height: 21.4rem;
}

li.item_card_for_list {
    padding: 1rem;
    margin-bottom: 0;
}

li.item_card_for_list p.i-tag{
  margin: 0;
  margin-left: .9rem;
}

li.item_card_for_list .i-description .i-text {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

li.item_card_for_list .i-description .i-title {
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: 1px solid #E2E2E2;
}

li.item_card_for_list .i-description .i-price {
    color: #FF595A;
}

li.item_card_for_list .i-description .i-price > .yen {
    font-size: 1.6rem;
    font-weight: bold;
}

li.item_card_for_list .i-description .i-price > .price {
    font-size: 1.9rem;
    font-weight: bold;
}

li.item_card_for_list .i-description .i-price > .tax {
    font-size: 1.4rem;
    font-weight: bold;
}

li.item_card_for_list .i-description .i-size {
    font-size: 1.1rem;
}

li.item_card_for_list .i-description .i-main-tags {
    min-height: 1.8rem;
    margin-bottom: .4rem;
}

li.item_card_for_list .i-description .i-other-tags {
    min-height: 1.8rem;
    margin-bottom: .4rem;
}

li.item_card_for_list .i-description .i-morelink {
    display: flex;
    justify-content: flex-end;
}

#detail p.i-tag {
    font-size: 1.2rem;
    margin: 0rem 0.3rem 0.5rem 1rem;
}

#category .col-1 li.item_card_for_list .i-description,
#article .col-1 li.item_card_for_list .i-description {
    width: calc(100% - 23rem);
    height: auto;
}

li.item_card_for_list .i-description .morelink-button {
    width: 20.8rem;
    height: 3.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2C3849;
    color: #fff;
    border: none;
    border-radius: 1.7rem;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    margin-top: 1rem;
    transition: .4s;
}

li.item_card_for_list > li:hover {
    background-color: #F5F5F5;
}

li.item_card_for_list > li:hover .i-description .morelink-button {
    background-color: #fff;
    border: 1px solid #2C3849;
    color: #2C3849;
}

.pagenate {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 8rem;
}

.pagenate a {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 2px #E2E2E2 solid;
    margin: 0 .4rem;
}

.pagenate a.function {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
    font-weight: bold;
    background-color: #999999;
    color: #fff;
    border: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 .4rem;
}

.pagenate p {
    display: inline-block;
    font-size: 2rem;
    font-weight: bold;
    margin: 0 .4rem;
    line-height: 2;
}

.pagenate p.active {
    width: 4rem;
    height: 4rem;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 .4rem;
    background-color: #999999;
}

.itemlist-index .accordion {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    position: relative;
}

.itemlist-index#category .accordion > li {
    display: inline-flex;
    align-items: center;
    width: auto;
}

.itemlist-index#category .accordion > li.link-flex > p {
    font-size: 1.2rem;
    margin: 0 1.3rem;
}

.itemlist-index#category .accordion > li .link {
    width: 14.1rem;
    font-size: 1.2rem;
    height: 3rem;
    padding: 0 1.8rem;
    display: flex;
    align-items: center;
}

.itemlist-index#category .accordion .link.active {
    background-color: #2C3849;
    color: #fff;
}

.itemlist-index#category .accordion .link.active + .submenu {
    position: absolute;
    width: 14.1rem;
    top: 100%;
    right: 0;
    display: block;
    padding-top: 0;
}

.itemlist-index#category .accordion .link.active + .submenu li {
    padding: 0 1.8rem;
    height: 3rem;
    display: flex;
    align-items: center;
    background-color: #fff;
}

.itemlist-index#category .accordion .link.active + .submenu li > a {
    font-size: 1.2rem;
    font-weight: bold;
}

.itemlist-index#category .accordion .link.active + .submenu li:hover {
    background-color: #2C3849;
}

.itemlist-index#category .accordion .link.active + .submenu li > a {
    color: #2C3849;
}

.itemlist-index#category .accordion .link.active + .submenu li:hover > a {
    color: #fff;
    text-decoration: none;
}

#category .itemlist-col1.col-1 li .i-img, #article .col-1 li .i-img img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

.sp-sidebar {
    display: none;
}

.sp-sidebar .hit-count {
    background-color: #999999;
}

#category .sidebar .refine {
    background: #f4f4f4;
    border: solid 1px #e2e2e2;
    margin-bottom: 3rem;
}
#category .sidebar .refine .refine-type {
    padding: 2rem 1rem 0.2rem;
    border-bottom: solid 1px #e2e2e2;
    font-size: 1.4rem;
    margin-bottom: 0.4rem;
}
#category .sidebar .refine .refine-color li a.refine-all.refine-color-active {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0px;
    border: 3px double #aaa;
    opacity: 1;
}
#category .sidebar .refine .refine-list li a img {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 1.2rem;
}
#category .sidebar .refine .refine-list li a.refine-reset {
    background: #999;
    color: #ffffff;
}

.item .item_card:last-child {
    margin-bottom: 1rem;
}

li.item_card .i-img ,
li.item_card_for_list .i-img {
  position: relative;
}

li.item_card_for_list .sold-out,
li.item_card .sold-out {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(60,60,60,.5);
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 3;
}

li.item_card_for_list .sold-out .sold-out-label,
li.item_card .sold-out .sold-out-label {
  position: absolute;
  left:-88px;
  top:-88px;
  line-height: 20px;
  padding-top: 130px;
  padding-bottom: 10px;
  height: 160px;
  width: 160px;
  text-align:center;
  font-weight: bold;
  font-size: 14px;
  transform: rotate(-45deg);
  color: #fff;
  background-color: #3C3C3C;
}

#detail .sold-out-alert {
  color:#FF6577;
  font-size: 17px;
  font-weight: bold;
}

#detail .sold-out-button {
    background-color:#666666;
    border: 1px solid #666666;
    border-radius: 18.5rem;
    padding: 1.2rem 0rem;
    color: #fff;
    font-weight: bold;
    opacity: .3;
}

.refine-color-active .fa-check-icon-active {
    text-align: center;
    display: table;
    margin: auto;
    z-index: 3;
    color: #555;
    left: 23%;
    top: 15%;
    text-shadow: #ffffff 0px 1px 2px;
}

.refine-color-active .fa-check-icon-active i {
    margin: auto;
}

#search .content-search-bottom .pager-display {
    float: left;
    margin-top: 1.4rem;
}
#search .content-search-bottom .pager-display .pager-display-number span {
    vertical-align: bottom;
    font-size: 2.4rem;
    padding: 0 0.2rem;
}
#search .content-search-bottom .pager {
    float: right;
    margin-bottom: 0;
}
#search .search-content .search-col-1 > li .search-tag-list li {
    margin-right: 0.4rem;
    margin-bottom: 0.8rem;
    color: #37A3D0;
    font-size: 1.2rem;
    display: inline-block;
    padding: 0.2rem 1.6rem;
    border: solid 1px #37A3D0;
    font-weight: bold;
}
#search .search-content .search-col-1 > li .i-description .article-more-btn {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
#search .search-content .search-col-1 > li .i-description .article-more-btn {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.detail-content .cart-btn a {
    border-radius: 18.5rem;
    padding: 1.2rem 0rem;
    color: #fff;
    font-weight: bold;
}

.articles.item li {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

/*---------------------
    スマホ対応
---------------------*/
@media only screen and (max-width: 850px) {
  /* line 2327, ../sass/style.scss */
  html,
  body {
    font-size: 12px;
    -webkit-text-size-adjust: 100%;
  }

  /* line 2332, ../sass/style.scss */
  .sp {
    display: block;
  }

  /* line 2335, ../sass/style.scss */
  .pc {
    display: none;
  }

  /* line 2339, ../sass/style.scss */
  .common-title {
    font-size: 1.4rem;
    width: 90%;
    margin: 0 auto 2rem;
    display: block;
  }

  /* line 2346, ../sass/style.scss */
  .common-sub-title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }

  /* line 2351, ../sass/style.scss */
  .common-bottom-border {
    border-bottom: #e2e2e2 2px solid;
  }

  /* line 2355, ../sass/style.scss */
  .container {
    width: 94%;
    margin: 0 auto;
    min-width: initial;
    max-width: initial;
  }

  /* line 2361, ../sass/style.scss */
  .container-category {
    width: 100%;
    margin: 0 auto;
    min-width: initial;
    max-width: initial;
  }

  .layout-main {
      margin-top: 0rem;
  }

  /* line 2368, ../sass/style.scss */
  #menu {
    position: absolute;
    top: 0.5rem;
    left: 0.2rem;
    width: 14%;
    height: 2rem;
    z-index: 5;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
  }
  /* line 2382, ../sass/style.scss */
  #menu span {
    width: 2rem;
    height: 1px;
    display: block;
    position: absolute;
    background: #000;
    left: 50%;
    top: 50%;
    margin-left: -1rem;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  /* line 2396, ../sass/style.scss */
  #menu .top {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
  }
  /* line 2400, ../sass/style.scss */
  #menu .bottom {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
  }
  /* line 2404, ../sass/style.scss */
  #menu.is-open {
    left: 65%;
  }
  /* line 2406, ../sass/style.scss */
  #menu.is-open span {
    background: #fff;
  }
  /* line 2409, ../sass/style.scss */
  #menu.is-open .middle {
    background: rgba(255, 255, 255, 0) !important;
  }
  /* line 2412, ../sass/style.scss */
  #menu.is-open .top {
    transform: rotate(-45deg) translateY(0px);
    -webkit-transform: rotate(-45deg) translateY(0px);
  }
  /* line 2416, ../sass/style.scss */
  #menu.is-open .bottom {
    transform: rotate(45deg) translateY(0px);
    -webkit-transform: rotate(45deg) translateY(0px);
  }

  /*---------------------
    ページ設定
  ---------------------*/
  /* line 2425, ../sass/style.scss */
  #category, #article, #search, #detail {
    margin-top: 4.5rem;
  }

  /* line 2429, ../sass/style.scss */
  #article .layout-main {
    margin-top: 3rem;
  }

  /*---------------------
    breadcrumb
  ---------------------*/
  /* line 2438, ../sass/style.scss */
  .breadcrumb-box .breadcrumb-list li {
    font-size: 0.8rem;
  }

  /*---------------------
      ボタン
  ---------------------*/
  /* line 2447, ../sass/style.scss */
  .ranking-btn, .more-btn {
    width: 90%;
    margin: 0 auto 3rem;
    font-size: 1rem;
  }

  /* line 2455, ../sass/style.scss */
  .article-more-btn {
    width: 90%;
    margin: 0 auto 3rem;
    font-size: 1rem;
  }

  /*---------------------
    ランキング共通
  ---------------------*/
  /* line 2471, ../sass/style.scss */
  .ranking-num {
    line-height: 2.2rem;
    background: #fff;
  }

  /*---------------------
    レイアウト
  ---------------------*/
  /* line 2479, ../sass/style.scss */
  .content {
    width: 100%;
  }
  /* line 2481, ../sass/style.scss */
  .content.left-content {
    float: none;
  }
  /* line 2484, ../sass/style.scss */
  .content.right-content {
    float: none;
  }

  /* line 2490, ../sass/style.scss */
  .item .i-description {
    margin-top: 0.8rem;
  }
  /* line 2492, ../sass/style.scss */
  .item .i-description .i-price {
    font-size: 1rem;
    margin-top: 0.4rem;
  }
  /* line 2496, ../sass/style.scss */
  .item .i-description .i-date {
    font-size: 1rem;
  }
  /* line 2499, ../sass/style.scss */
  .item .i-description .i-title {
    font-size: 1.2rem;
  }
  /* line 2502, ../sass/style.scss */
  .item .i-description .i-text {
    font-size: 1rem;
  }
  /* line 2506, ../sass/style.scss */
  .item li {
    margin-bottom: 1rem;
  }
  /* line 2513, ../sass/style.scss */
  .item.col-1 li {
    width: 100%;
  }
  /* line 2518, ../sass/style.scss */
  .item.col-2 li {
    width: 50%;
  }
  /* line 2523, ../sass/style.scss */
  .item.col-3 li {
    width: 50%;
  }
  /* line 2528, ../sass/style.scss */
  .item.col-4 li {
    width: 50%;
  }
  /* line 2533, ../sass/style.scss */
  .item.col-5 li {
    width: 50%;
  }

  /*---------------------
      サイドバー
  ---------------------*/
  /* line 2541, ../sass/style.scss */
  .sidebar {
    width: 100%;
  }
  /* line 2543, ../sass/style.scss */
  .sidebar.left-sidebar {
    float: none;
  }
  /* line 2546, ../sass/style.scss */
  .sidebar.right-sidebar {
    float: none;
  }
  /* line 2549, ../sass/style.scss */
  .sidebar .s-category {
    margin-bottom: 3rem;
  }
  /* line 2551, ../sass/style.scss */
  .sidebar .s-category li {
    margin-bottom: 1.2rem;
  }
  /* line 2553, ../sass/style.scss */
  .sidebar .s-category li a {
    position: relative;
  }
  /* line 2555, ../sass/style.scss */
  .sidebar .s-category li a .s-category-img {
    width: 30%;
  }
  /* line 2558, ../sass/style.scss */
  .sidebar .s-category li a .s-category-description {
    width: 68%;
  }
  /* line 2560, ../sass/style.scss */
  .sidebar .s-category li a .s-category-description .s-category-title {
    font-size: 1rem;
  }
  /* line 2564, ../sass/style.scss */
  .sidebar .s-category li a .s-arrow {
    right: 1rem;
  }
  /* line 2574, ../sass/style.scss */
  .sidebar .side-ranking li a .i-description {
    width: 68%;
  }
  /* line 2577, ../sass/style.scss */
  .sidebar .side-ranking li a .ranking-num {
    line-height: 2.2;
  }
  /* line 2583, ../sass/style.scss */
  .sidebar .s-article {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 2590, ../sass/style.scss */
  .sidebar .s-article li {
    width: 50%;
    padding: 0.4rem;
    margin-bottom: 1.2rem;
  }
  /* line 2598, ../sass/style.scss */
  .sidebar .s-article li a .s-article-description .s-article-date {
    font-size: 1rem;
  }
  /* line 2601, ../sass/style.scss */
  .sidebar .s-article li a .s-article-description .s-article-title {
    font-size: 1.2rem;
  }
  /* line 2608, ../sass/style.scss */
  .sidebar .refine {
    background: #f4f4f4;
    border: solid 1px #e2e2e2;
  }
  /* line 2611, ../sass/style.scss */
  .sidebar .refine .refine-title {
    padding: 0.8rem 0;
    font-size: 1.6rem;
    text-align: center;
    border-bottom: solid 1px #e2e2e2;
    background: #fff;
  }
  /* line 2618, ../sass/style.scss */
  .sidebar .refine .refine-type {
    padding: 3rem 1rem 0.2rem;
    border-bottom: solid 1px #e2e2e2;
    font-size: 1.4rem;
    margin-bottom: 0.4rem;
  }
  /* line 2624, ../sass/style.scss */
  .sidebar .refine .refine-list {
    padding: 0.8rem;
  }
  /* line 2626, ../sass/style.scss */
  .sidebar .refine .refine-list li {
    margin-bottom: 1.2rem;
  }
  /* line 2628, ../sass/style.scss */
  .sidebar .refine .refine-list li a {
    border-radius: 18.5rem;
    padding: 0.6rem 2rem;
    text-align: center;
    background: #fff;
  }
  /* line 2636, ../sass/style.scss */
  .sidebar .refine .refine-color {
    padding: 0.8rem;
  }
  /* line 2638, ../sass/style.scss */
  .sidebar .refine .refine-color li {
    display: inline-block;
    width: 3.4rem;
    height: 3.4rem;
    margin: 0 0.5rem 2rem;
  }
  /* line 2643, ../sass/style.scss */
  .sidebar .refine .refine-color li a {
    padding: 0.2rem;
  }
  /* line 2645, ../sass/style.scss */
  .sidebar .refine .refine-color li a span {
    width: 2.8rem;
    height: 2.8rem;
    margin: 0 auto;
    display: block;
  }
  /* line 2651, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-color-active {
    border: solid #d7d7d7 1px;
    border-radius: 0.5rem;
  }
  /* line 2656, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-white span {
    background: #fff;
  }
  /* line 2661, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-black span {
    background: #2b2b2b;
  }
  /* line 2666, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-gray span {
    background: #9e9e9e;
  }
  /* line 2671, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-brown span {
    background: #74341f;
  }
  /* line 2676, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-beige span {
    background: #e5d7ac;
  }
  /* line 2681, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-green span {
    background: #2d994a;
  }
  /* line 2686, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-blue span {
    background: #0166e4;
  }
  /* line 2691, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-purple span {
    background: #620a87;
  }
  /* line 2696, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-yellow span {
    background: #f6e642;
  }
  /* line 2701, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-pink span {
    background: #f6b2d7;
  }
  /* line 2706, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-red span {
    background: #da0127;
  }
  /* line 2711, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-orange span {
    background: #ff922b;
  }
  /* line 2715, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all {
    position: relative;
    width: 2.8rem;
    height: 2.8rem;
    margin: 0.2rem;
  }
  /* line 2720, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all span {
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    margin: 0;
  }
  /* line 2726, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all .refine-red {
    background: #da0127;
    top: 0;
    left: 0;
  }
  /* line 2731, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all .refine-green {
    background: #2d994a;
    top: 0;
    right: 0;
  }
  /* line 2736, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all .refine-blue {
    background: #0166e4;
    bottom: 0;
    left: 0;
  }
  /* line 2741, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all .refine-yellow {
    background: #f6e642;
    bottom: 0;
    right: 0;
  }
  /* line 2746, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all.refine-color-active {
    width: 3.4rem;
    height: 3.4rem;
    margin: 0;
  }
  /* line 2750, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all.refine-color-active span {
    width: 1.4rem;
    height: 1.4rem;
  }
  /* line 2754, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all.refine-color-active .refine-red {
    background: #da0127;
    top: 0.2rem;
    left: 0.2rem;
  }
  /* line 2759, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all.refine-color-active .refine-green {
    background: #2d994a;
    top: 0.2rem;
    right: 0.2rem;
  }
  /* line 2764, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all.refine-color-active .refine-blue {
    background: #0166e4;
    bottom: 0.2rem;
    left: 0.2rem;
  }
  /* line 2769, ../sass/style.scss */
  .sidebar .refine .refine-color li a.refine-all.refine-color-active .refine-yellow {
    background: #f6e642;
    bottom: 0.2rem;
    right: 0.2rem;
  }

  /*---------------------
    header
  ---------------------*/
  /* line 2786, ../sass/style.scss */
  .header {
    width: 100%;
    min-width: 100%;
    padding: 0;
    height:4.5rem;
    border-bottom: solid 1px #e5e5e5;
  }
  /* line 2792, ../sass/style.scss */
  .header .logo {
    margin: 0rem auto;
    float: none;
    position: relative;
    top: 0.4rem;
    width: 16%;
    height: auto;
    text-align: center;
  }
  /* line 2804, ../sass/style.scss */
  .header .h-inner {
    padding: 0.2rem 0;
    margin-top: 0.2rem;
  }
  /* line 2808, ../sass/style.scss */
  .header .nav {
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  /* line 2814, ../sass/style.scss */
  .header .nav li {
    display: block;
    border-bottom: solid #464646 1px;
  }
  /* line 2817, ../sass/style.scss */
  .header .nav li.sp {
    display: block;
  }
  /* line 2820, ../sass/style.scss */
  .header .nav li a {
    padding: 1rem;
    letter-spacing: 1px;
    color: #fff;
  }
  /* line 2824, ../sass/style.scss */
  .header .nav li a span {
    font-size: 0.6rem;
    display: inline-block;
    margin-left: 0.5rem;
  }
  /* line 2832, ../sass/style.scss */
  .header .h-left {
    float: none;
    width: 100%;
  }
  /* line 2835, ../sass/style.scss */
  .header .h-left .h-logo {
    width: 10rem;
    margin: 0 auto;
    display: block;
  }
  /* line 2840, ../sass/style.scss */
  .header .h-left .h-catch {
    display: none;
  }
  /* line 2844, ../sass/style.scss */
  .header .h-right {
    display: none;
  }
  /* line 2848, ../sass/style.scss */
  .header.sp-header .h-right {
    display: block;
    position: fixed;
    top: 0;
    left: -60%;
    width: 60%;
    height: 100%;
    background: #fff;
    z-index: 3;
    margin-top: 0;
    overflow: scroll;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
  }
  /* line 2864, ../sass/style.scss */
  .header.sp-header .h-right.on {
    left: 0%;
  }
  /* line 2869, ../sass/style.scss */
  .header.sp-header .h-nav li {
    display: block;
  }
  /* line 2871, ../sass/style.scss */
  .header.sp-header .h-nav li > a {
    padding: 1rem 0;
    font-size: 1.2rem;
    border-bottom: solid 1px #ecafd8;
  }
  /* line 2876, ../sass/style.scss */
  .header.sp-header .h-nav li .h-sub-menu {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    max-height: 9999px;
    opacity: 1;
    padding: 0.4rem 0 1rem;
    width: 100%;
    left: 0;
    position: static;
  }
  /* line 2888, ../sass/style.scss */
  .header.sp-header .h-nav li .h-sub-menu .h-sub-inner {
    width: auto;
    display: block;
  }
  /* line 2891, ../sass/style.scss */
  .header.sp-header .h-nav li .h-sub-menu .h-sub-inner li {
    width: 100%;
    padding: 0 1.2rem;
  }
  /* line 2894, ../sass/style.scss */
  .header.sp-header .h-nav li .h-sub-menu .h-sub-inner li .h-sub-category {
    border-bottom: #e2e2e2 1px solid;
    font-size: 1rem;
    padding: 0.8rem 0;
    height: auto;
  }
  /* line 2899, ../sass/style.scss */
  .header.sp-header .h-nav li .h-sub-menu .h-sub-inner li .h-sub-category a {
    position: static;
    top: auto;
    left: auto;
    transform: none;
  }
  /* line 2907, ../sass/style.scss */
  .header.sp-header .h-nav li .h-sub-menu .h-sub-inner li .h-sub-img {
    display: none;
  }
  /* line 2909, ../sass/style.scss */
  .header.sp-header .h-nav li .h-sub-menu .h-sub-inner li .h-sub-img img {
    border-radius: 1rem;
    width: 100%;
  }
  /* line 2919, ../sass/style.scss */
  .header.sp-header .open-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
  }

  /*---------------------
    slider
  ---------------------*/
  /* line 2934, ../sass/style.scss */
  #slider {
    margin-top: 4.5rem;
    padding-bottom: 6rem;
  }
  /* line 2938, ../sass/style.scss */
  #slider .s-list li {
    margin: 0 0.4rem;
  }
  /* line 2940, ../sass/style.scss */
  #slider .s-list li .s-img {
    position: relative;
    height: 18rem;
  }
  /* line 2943, ../sass/style.scss */
  #slider .s-list li .s-img img {
    width: 100%;
  }
  /* line 2949, ../sass/style.scss */
  #slider .slide-dots {
    margin-top: 1rem;
  }
  /* line 2956, ../sass/style.scss */
  #slider .slide-arrow {
    bottom: -1rem;
  }
  /* line 2959, ../sass/style.scss */
  #slider .prev-arrow {
    right: auto;
    left: 1rem;
    margin-right: 0;
  }
  /* line 2964, ../sass/style.scss */
  #slider .next-arrow {
    left: auto;
    right: 1rem;
    margin-left: 0;
  }

  /*---------------------
      SNS
  ---------------------*/
  /* line 2973, ../sass/style.scss */
  #sns {
    margin-top: 2rem;
  }
  /* line 2975, ../sass/style.scss */
  #sns .sns-facebook {
    display: block;
    width: 100%;
  }
  /* line 2979, ../sass/style.scss */
  #sns .sns-instagram {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-top: 2rem;
  }

  /*---------------------
    　ページャー
  ---------------------*/
  /* line 2991, ../sass/style.scss */
  .pager li a {
    line-height: 3.4;
  }

  /*---------------------
    ranking
  ---------------------*/
  /* line 3001, ../sass/style.scss */
  #search .search-content .ranking-content-left {
    display: block;
    width: 100%;
    vertical-align: top;
    position: relative;
  }

  /*---------------------
    search
  ---------------------*/
  /* line 3016, ../sass/style.scss */
  #search .content-search-top .pager-display {
    float: none;
    margin-top: 4rem;
    margin-bottom: 1rem;
  }
  /* line 3021, ../sass/style.scss */
  #search .content-search-top .pager-display .pager-display-number span {
    font-size: 2rem;
  }
  /* line 3026, ../sass/style.scss */
  #search .content-search-top .pager {
    float: none;
    margin-bottom: 0;
  }
  /* line 3031, ../sass/style.scss */
  #search .search-tab {
    margin-top: 2rem;
  }
  /* line 3033, ../sass/style.scss */
  #search .search-tab .search-tab-name {
    width: 75%;
  }
  /* line 3035, ../sass/style.scss */
  #search .search-tab .search-tab-name li {
    width: 48%;
    margin-bottom: 1rem;
  }
  /* line 3038, ../sass/style.scss */
  #search .search-tab .search-tab-name li a {
    text-align: center;
    padding: 0.4rem;
    font-size: 1rem;
  }
  /* line 3046, ../sass/style.scss */
  #search .search-tab .search-tab-layout {
    width: 25%;
    padding-left: 1rem;
  }
  /* line 3049, ../sass/style.scss */
  #search .search-tab .search-tab-layout li {
    display: inline-block;
    width: 2.8rem;
  }
  /* line 3052, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a {
    position: relative;
  }
  /* line 3054, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a.layout-active {
    color: #c7e68a;
  }
  /* line 3056, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a.layout-active i {
    color: #c7e68a;
  }
  /* line 3061, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a.search-layout-1box i {
    font-size: 3rem;
  }
  /* line 3065, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a.search-layout-4box {
    font-size: 1.4rem;
  }
  /* line 3067, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a.search-layout-4box i {
    position: absolute;
  }
  /* line 3070, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a.search-layout-4box .square-tr {
    top: 0;
    right: 0;
  }
  /* line 3074, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a.search-layout-4box .square-tl {
    top: 0;
    left: 0;
  }
  /* line 3078, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a.search-layout-4box .square-br {
    bottom: 0;
    right: 0;
  }
  /* line 3082, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a.search-layout-4box .square-bl {
    bottom: 0;
    left: 0;
  }
  /* line 3087, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a i {
    color: #e2e2e2;
  }
  /* line 3090, ../sass/style.scss */
  #search .search-tab .search-tab-layout li a:hover {
    opacity: 0.8;
  }
  /* line 3097, ../sass/style.scss */
  #search .search-content {
    margin-top: 2rem;
  }
  /* line 3101, ../sass/style.scss */
  #search .search-content .search-col-1 > li .i-img {
    display: block;
    width: 100%;
    vertical-align: top;
    position: relative;
  }
  /* line 3106, ../sass/style.scss */
  #search .search-content .search-col-1 > li .i-img img {
    width: 100%;
  }
  /* line 3110, ../sass/style.scss */
  #search .search-content .search-col-1 > li .i-img .thumb-item li, #search .search-content .search-col-1 > li .i-img .thumb-item-nav li {
    margin-bottom: 0;
  }
  /* line 3115, ../sass/style.scss */
  #search .search-content .search-col-1 > li .i-description {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-top: 1rem;
  }
  /* line 3120, ../sass/style.scss */
  #search .search-content .search-col-1 > li .i-description .article-more-btn {
    margin-top: 1rem;
  }
  /* line 3123, ../sass/style.scss */
  #search .search-content .search-col-1 > li .i-description .search-list-title {
    padding-bottom: 0.8rem;
    border-bottom: solid 1px #e2e2e2;
  }
  /* line 3127, ../sass/style.scss */
  #search .search-content .search-col-1 > li .i-description .search-list-price {
    padding-bottom: 0.8rem;
  }
  /* line 3129, ../sass/style.scss */
  #search .search-content .search-col-1 > li .i-description .search-list-price span {
    vertical-align: bottom;
    font-size: 2.2rem;
    padding-right: 1rem;
  }
  /* line 3136, ../sass/style.scss */
  #search .search-content .search-col-1 > li .search-tag-list {
    margin-top: 2rem;
  }
  /* line 3138, ../sass/style.scss */
  #search .search-content .search-col-1 > li .search-tag-list li {
    font-size: 0.8rem;
  }


  .category-bg-box .category-bg-title-box .category-bg-title {
    font-size: 18px;
  }

  .category-bg {
    width: auto;
    height: auto;
  }

  .category-bg img {
    width: 100%;
  }

  #search-content .search-clear .search-clear-button {
    height: auto;
    width: auto;
    border-radius: 30px;
    margin: 0 auto;
  }
  #search-content .search-head {
    margin-bottom: 10px;
    width: 100%;
  }
  #search-content .js-search-cancel {
    width: 100%;
    margin-bottom: 10px;
  }
  /*---------------------
    detail
  ---------------------*/
  /* line 3150, ../sass/style.scss */
  .detail-content {
    margin-top: 1rem;
  }
  /* line 3155, ../sass/style.scss */
  .detail-content .cart-box .cart-text {
    font-size: 1rem;
  }
  /* line 3159, ../sass/style.scss */
  .detail-content .cart-btn {
    margin-top: 2rem;
    width: 100%;
    font-size: 1.4rem;
    text-align: center;
  }
  /* line 3164, ../sass/style.scss */
  .detail-content .cart-btn a {
    border-radius: 18.5rem;
    padding: 0.6rem 0;
    color: #fff;
    font-weight: bold;
  }
  /* line 3169, ../sass/style.scss */
  .detail-content .cart-btn a:hover {
    opacity: 0.8;
  }
  /* line 3172, ../sass/style.scss */
  .detail-content .cart-btn a i {
    padding-bottom: 0.4rem;
    padding-right: 0.8rem;
  }
  /* line 3179, ../sass/style.scss */
  .detail-content .product-details-free img {
    width: 100%;
  }
  /* line 3184, ../sass/style.scss */
  .detail-content .detail-col-1 > li {
    padding: 0.8rem;
    width: 100%;
  }
  /* line 3187, ../sass/style.scss */
  .detail-content .detail-col-1 > li .i-img {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
  }
  /* line 3192, ../sass/style.scss */
  .detail-content .detail-col-1 > li .i-description {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  /* line 3196, ../sass/style.scss */
  .detail-content .detail-col-1 > li .i-description .delivery-time-box {
    margin-bottom: 2rem;
  }
  /* line 3198, ../sass/style.scss */
  .detail-content .detail-col-1 > li .i-description .delivery-time-box .delivery-time {
    font-size: 1rem;
  }
  /* line 3200, ../sass/style.scss */
  .detail-content .detail-col-1 > li .i-description .delivery-time-box .delivery-time > span {
    width: 100%;
  }
  /* line 3205, ../sass/style.scss */
  .detail-content .detail-col-1 > li .i-description .offer-text {
    margin-top: 2rem;
  }
  /* line 3208, ../sass/style.scss */
  .detail-content .detail-col-1 > li .i-description .detail-list-title {
    padding-bottom: 0.8rem;
    border-bottom: solid 1px #e2e2e2;
  }
  /* line 3212, ../sass/style.scss */
  .detail-content .detail-col-1 > li .i-description .detail-list-price {
    padding-bottom: 2rem;
  }
  /* line 3214, ../sass/style.scss */
  .detail-content .detail-col-1 > li .i-description .detail-list-price span {
    vertical-align: bottom;
    font-size: 2.2rem;
    padding-right: 1rem;
  }
  /* line 3221, ../sass/style.scss */
  .detail-content .detail-col-1 > li .detail-tag-list {
    margin-top: 2rem;
  }
  /* line 3223, ../sass/style.scss */
  .detail-content .detail-col-1 > li .detail-tag-list li {
    font-size: 0.8rem;
  }
  /* line 3230, ../sass/style.scss */
  .detail-content .product-details .product-left {
    float: none;
  }
  /* line 3233, ../sass/style.scss */
  .detail-content .product-details .product-right {
    float: none;
  }
  /* line 3236, ../sass/style.scss */
  .detail-content .product-details .product-details-description {
    width: 100%;
    margin: auto;
    padding: 0.8rem;
  }
  /* line 3240, ../sass/style.scss */
  .detail-content .product-details .product-details-description .product-details-title {
    margin-bottom: 1rem;
  }
  /* line 3244, ../sass/style.scss */
  .detail-content .product-details .product-details-img {
    width: 100%;
  }
  /* line 3248, ../sass/style.scss */
  .detail-content .product-details-tag {
    margin-top: 0;
  }
  /* line 3250, ../sass/style.scss */
  .detail-content .product-details-tag li {
    display: inline-block;
    margin-bottom: 1.2rem;
  }
  /* line 3253, ../sass/style.scss */
  .detail-content .product-details-tag li a {
    padding: 0.4rem 4rem;
  }
  /* line 3259, ../sass/style.scss */
  .detail-content .voice li {
    width: 100%;
    margin: 1rem auto 0;
    margin-bottom: 3rem;
  }
  /* line 3263, ../sass/style.scss */
  .detail-content .voice li .voice-img {
    display: block;
    margin: 0 auto;
    width: 60%;
  }
  /* line 3267, ../sass/style.scss */
  .detail-content .voice li .voice-img img {
    width: 100%;
  }
  /* line 3271, ../sass/style.scss */
  .detail-content .voice li .voice-description {
    display: block;
    width: 80%;
    margin: 1rem auto 0;
    padding-left: 0;
  }
  /* line 3278, ../sass/style.scss */
  .detail-content .voice li .voice-description .voice-text {
    font-size: 1rem;
  }

  /*---------------------
    #category
  ---------------------*/
  /* line 3289, ../sass/style.scss */
  #category .category-top {
    position: relative;
    margin-bottom: 2rem;
  }
  /* line 3296, ../sass/style.scss */
  #category .category-top .category-top-title {
    font-size: 1.4rem;
    padding: 0.5rem 2rem;
  }
  /* line 3301, ../sass/style.scss */
  #category .category-description {
    margin-bottom: 2rem;
  }
  /* line 3306, ../sass/style.scss */
  #category .category-search-box .category-search-img img {
    width: 100%;
    position: relative;
  }
  /* line 3314, ../sass/style.scss */
  #category .category-search-box .category-search-name {
    font-size: 1rem;
  }
  /* line 3324, ../sass/style.scss */
  #category .accordion {
    text-align: center;
  }
  /* line 3326, ../sass/style.scss */
  #category .accordion > li {
    width: 90%;
    margin: 0 auto 1rem;
  }

  /*---------------------
    article
  ---------------------*/
  /* line 3337, ../sass/style.scss */
  #category .col-1 li, #article .col-1 li {
    width: 100%;
  }
  /* line 3339, ../sass/style.scss */
  #category .col-1 li .i-img, #article .col-1 li .i-img {
    display: block;
    width: 100%;
    height: auto;
  }
  /* line 3343, ../sass/style.scss */
  #category .col-1 li .i-img img, #article .col-1 li .i-img img {
    height: auto;
    width: 100%;
    top: auto;
    left: auto;
    transform: none;
    position: static;
    z-index: 2;
  }
  /* line 3353, ../sass/style.scss */
  #category .col-1 li .i-description, #article .col-1 li .i-description {
    margin-top: 1rem;
    display: block;
    width: 100%;
    padding-left: 0;
    position: static;
    height: auto;
  }
  /* line 3360, ../sass/style.scss */
  #category .col-1 li .i-description .article-more-btn, #article .col-1 li .i-description .article-more-btn {
    position: static;
    bottom: auto;
    left: auto;
    margin-top: 2rem;
  }

  /* line 3371, ../sass/style.scss */
  #article .article-title {
    font-size: 1.6rem;
  }
  /* line 3374, ../sass/style.scss */
  #article .article-date {
    font-size: 1rem;
  }
  /* line 3380, ../sass/style.scss */
  #article .article-description {
    margin-bottom: 3rem;
    padding: 0 0.8rem;
    font-size: 1.1rem;
  }
  /* line 3384, ../sass/style.scss */
  #article .article-description a {
    color: #6fbde4;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: underline;
  }
  /* line 3392, ../sass/style.scss */
  #article .article-content h2 {
    font-size: 1.4rem;
    margin-bottom: 2rem;
  }
  /* line 3396, ../sass/style.scss */
  #article .article-content h3 {
    font-size: 1.2rem;
    display: table;
    margin-bottom: 2rem;
  }
  /* line 3401, ../sass/style.scss */
  #article .article-content h4 {
    font-size: 1.1rem;
    /* padding: 0.4rem 2rem; */
    display: table;
    /* border: solid 1px #666; */
    margin-bottom: 2rem;
  }
  /* line 3408, ../sass/style.scss */
  #article .article-content p {
    font-size: 1.2rem;
    line-height: 1.8;
  }
  /* line 3412, ../sass/style.scss */
  #article .article-content dl {
    margin-bottom: 2rem;
  }
  /* line 3414, ../sass/style.scss */
  #article .article-content dl dt {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }
  /* line 3418, ../sass/style.scss */
  #article .article-content dl dd {
    font-size: 1.2rem;
  }
  /* line 3424, ../sass/style.scss */
  #article .article-content ul li, #article .article-content ol li {
    font-size: 1.2rem;
  }
  /* line 3428, ../sass/style.scss */
  #article .article-content .c_box {
    padding: 2.4rem 1.2rem 1.4rem;
  }
  /* line 3430, ../sass/style.scss */
  #article .article-content .c_box .box_title {
    padding: 0.4rem 4rem;
    color: #fff;
    position: absolute;
    top: -1.6rem;
    left: -0.2rem;
    font-weight: bold;
  }
  /* line 3438, ../sass/style.scss */
  #article .article-content .c_box h3 {
    font-size: 1.4rem;
    background: transparent;
    padding: 0.4rem 4rem;
    display: block;
    margin-bottom: 0;
  }
  /* line 3446, ../sass/style.scss */
  #article .article-content .caution {
    background: #ffdbdb;
    padding: 2rem 3rem;
    border: solid #ed5a5a 1px;
    margin-bottom: 2rem;
  }
  /* line 3451, ../sass/style.scss */
  #article .article-content .caution .caution-text {
    color: #ed5a5a;
    font-weight: bold;
  }
  /* line 3454, ../sass/style.scss */
  #article .article-content .caution .caution-text i {
    display: inline-block;
    padding-bottom: 0.46rem;
    padding-right: 2rem;
    font-size: 1.8rem;
  }
  /* line 3462, ../sass/style.scss */
  #article .article-content .chat {
    margin-top: 2rem;
  }
  /* line 3464, ../sass/style.scss */
  #article .article-content .chat li {
    margin-bottom: 2rem;
  }
  /* line 3466, ../sass/style.scss */
  #article .article-content .chat li .chat-name {
    font-size: 1.2rem;
  }
  /* line 3469, ../sass/style.scss */
  #article .article-content .chat li .chat-text {
    font-size: 0.9rem;
  }
  /* line 3475, ../sass/style.scss */
  #article .relation {
    border-bottom: solid 2px #f4f4f4;
  }
  /* line 3477, ../sass/style.scss */
  #article .relation .relation-title {
    padding: 0 0 0.8rem;
    border-bottom: solid 2px #f4f4f4;
    display: block;
    background: transparent;
    color: #666;
  }
  /* line 3486, ../sass/style.scss */
  #article .related-article a {
    padding: 0.6;
  }
  /* line 3489, ../sass/style.scss */
  #article .related-article .i-img {
    width: 40%;
  }
  /* line 3492, ../sass/style.scss */
  #article .related-article .i-description {
    width: 60%;
    padding-left: 1rem;
  }
  /* line 3495, ../sass/style.scss */
  #article .related-article .i-description .i-date {
    font-size: 1rem;
  }
  /* line 3500, ../sass/style.scss */
  #article .related-article .i-label p {
    margin-bottom: 0.4rem;
  }

  /*---------------------
    目次
  ---------------------*/
  /* line 3509, ../sass/style.scss */
  .toc {
    padding: 1.2rem;
    margin-bottom: 3rem;
  }
  /* line 3512, ../sass/style.scss */
  .toc .top-name {
    margin-bottom: 1.2rem;
  }
  /* line 3516, ../sass/style.scss */
  .toc .toc-list {
    padding-left: 1rem;
  }
  /* line 3518, ../sass/style.scss */
  .toc .toc-list .toc-title {
    font-size: 1.1rem;
  }
  /* line 3521, ../sass/style.scss */
  .toc .toc-list .toc-text {
    font-size: 1rem;
  }

  /*---------------------
      シェアボタン
  ---------------------*/
  /* line 3529, ../sass/style.scss */
  .share {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  /* line 3537, ../sass/style.scss */
  .share li {
    display: block;
    width: 20%;
    padding: 0 0.4rem;
    margin-bottom: 1rem;
  }
  /* line 3542, ../sass/style.scss */
  .share li a {
    width: auto;
  }
  /* line 3544, ../sass/style.scss */
  .share li a span {
    display: none;
  }
  /* line 3547, ../sass/style.scss */
  .share li a i {
    font-size: 1.6rem;
  }
  /* line 3552, ../sass/style.scss */
  .share li.share-line img {
    width: 2rem;
    padding-right: 0;
    padding-bottom: 0;
  }

  /*---------------------
     greenroad
  ---------------------*/
  /* line 3564, ../sass/style.scss */
  #greenroad {
    /*---------------------
        download
    ---------------------*/
    /*---------------------
        flow
    ---------------------*/
  }
  /* line 3570, ../sass/style.scss */
  #greenroad #download .download-box .download-bg-box {
    height: 24rem;
    margin-bottom: 2rem;
  }
  /* line 3575, ../sass/style.scss */
  #greenroad #download .download-box .download-description-box .download-description {
    line-height: 1.8;
    font-size: 1rem;
  }
  /* line 3580, ../sass/style.scss */
  #greenroad #download .download-box img {
    width: auto;
    height: 100%;
  }
  /* line 3591, ../sass/style.scss */
  #greenroad #flow .flow-title {
    text-align: center;
    display: inline-block;
    padding-bottom: 0.2rem;
    border-bottom: solid 1px #043b27;
    margin-bottom: 1rem;
  }
  /* line 3597, ../sass/style.scss */
  #greenroad #flow .flow-title .slash {
    display: inline-block;
    margin: 0 1rem;
  }
  /* line 3600, ../sass/style.scss */
  #greenroad #flow .flow-title .slash img {
    width: 2rem;
  }
  /* line 3604, ../sass/style.scss */
  #greenroad #flow .flow-title .flow {
    display: inline-block;
    vertical-align: top;
    margin-right: 1rem;
  }
  /* line 3608, ../sass/style.scss */
  #greenroad #flow .flow-title .flow img {
    width: 2rem;
  }
  /* line 3613, ../sass/style.scss */
  #greenroad #flow .flow-box {
    padding-top: 4rem;
  }
  /* line 3615, ../sass/style.scss */
  #greenroad #flow .flow-box .flow-list {
    width: 100%;
  }
  /* line 3617, ../sass/style.scss */
  #greenroad #flow .flow-box .flow-list li {
    width: 48%;
    padding: 0 3rem;
  }
  /* line 3621, ../sass/style.scss */
  #greenroad #flow .flow-box .flow-list img {
    width: 100%;
  }
  /* line 3625, ../sass/style.scss */
  #greenroad #flow .flow-box .delivery-box {
    width: 100%;
    padding-top: 2rem;
  }
  /* line 3628, ../sass/style.scss */
  #greenroad #flow .flow-box .delivery-box .delivery-schedule {
    padding-top: 1rem;
  }
  /* line 3631, ../sass/style.scss */
  #greenroad #flow .flow-box .delivery-box .delivery-name {
    font-size: 1.2rem;
  }
  /* line 3634, ../sass/style.scss */
  #greenroad #flow .flow-box .delivery-box .delivery-text {
    font-size: 1rem;
  }
  /* line 3637, ../sass/style.scss */
  #greenroad #flow .flow-box .delivery-box .delivery-note {
    font-size: 1rem;
  }
  /* line 3640, ../sass/style.scss */
  #greenroad #flow .flow-box .delivery-box .delivery-table {
    background: #f2f2f2;
    border: #043b27 solid 1px;
    margin-top: 1.6rem;
  }
  /* line 3644, ../sass/style.scss */
  #greenroad #flow .flow-box .delivery-box .delivery-table .delivery-table-list {
    position: relative;
    border-bottom: #043b27 solid 1px;
  }
  /* line 3647, ../sass/style.scss */
  #greenroad #flow .flow-box .delivery-box .delivery-table .delivery-table-list:last-child {
    border-bottom: none;
  }
  /* line 3651, ../sass/style.scss */
  #greenroad #flow .flow-box .delivery-box .delivery-table dt {
    width: 38%;
    padding: 0.8rem;
    font-size: 1rem;
  }
  /* line 3656, ../sass/style.scss */
  #greenroad #flow .flow-box .delivery-box .delivery-table dd {
    width: 62%;
    padding: 1rem;
    font-size: 1rem;
  }
  /* line 3660, ../sass/style.scss */
  #greenroad #flow .flow-box .delivery-box .delivery-table dd .credit-card {
    width: 80%;
    padding-top: 0.8rem;
  }

  /*---------------------
      footer
  ---------------------*/
  /* line 3675, ../sass/style.scss */
  #footer .f-top {
    padding: 2rem 0;
  }
  /* line 3677, ../sass/style.scss */
  #footer .f-top .f-logo {
    padding-bottom: 2rem;
    width: 10rem;
  }
  /* line 3681, ../sass/style.scss */
  #footer .f-top .f-top-menu {
    display: inline-block;
    width: 48%;
  }
  /* line 3684, ../sass/style.scss */
  #footer .f-top .f-top-menu .f-top-title {
    font-size: 1rem;
    padding-bottom: 0.4rem;
  }
  /* line 3688, ../sass/style.scss */
  #footer .f-top .f-top-menu .f-top-list {
    margin-bottom: 1rem;
  }
  /* line 3690, ../sass/style.scss */
  #footer .f-top .f-top-menu .f-top-list li {
    padding-bottom: 0.4rem;
  }
  /* line 3692, ../sass/style.scss */
  #footer .f-top .f-top-menu .f-top-list li a {
    font-size: 0.9rem;
  }
  /* line 3698, ../sass/style.scss */
  #footer .f-top .f-top-menu .f-top-sns li {
    padding-right: 0.8rem;
  }
  /* line 3707, ../sass/style.scss */
  #footer .f-bottom {
    padding: 2rem 0;
  }
  /* line 3709, ../sass/style.scss */
  #footer .f-bottom .f-company-logo {
    width: 8rem;
    padding-bottom: 2rem;
  }
  /* line 3712, ../sass/style.scss */
  #footer .f-bottom .f-company-logo img {
    width: 100%;
  }
  /* line 3718, ../sass/style.scss */
  #footer .f-bottom .f-nav li a {
    font-size: 1rem;
  }
  /* line 3724, ../sass/style.scss */
  #footer #copyright {
    height: 6.5rem;
    font-size: 0.9rem;
  }

  .itemlist-top {
    padding: 3.5rem 0;
  }

  .itemlist-top h1 {
    font-size: 1.6rem;
    height: 4.6rem;
    width: 90%;
  }

  /*統合追記分*/

  #category form table td:first-child{
    width: 100%;
    display: block;
    padding: 1.5rem 3rem;
  }

  #category form table td:last-child {
    width: 100%;
    display: block;
  }

  #category form table {
    border: none;
    width: 90%;
  }

  #category form table tr {
    display: block;
    border: none;
  }

  #category .contact-top h1 {
      font-size: 1.4rem;
      padding: 2rem;
      display: block;
  }

  #category .contact-top p {
    font-size: 1.2rem;
    margin: 0 auto 2rem;
    width: 90%;
  }


  #category .privacy-policy {
    width: 90%;
  }

  .header .container {
    display: none;
  }

  .header .sp-container {
    display: flex;
    height: 100%;
    width: 100%;
  }

  .header .sp-container > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  }

  .header .sp-container > ul > li {
    flex: 1;
    display: flex;
  }

  .header .sp-container > ul > li.flex-end {
    justify-content: flex-end;
  }

  .header .sp-container .h-logo {
    width: 11rem;
  }

  .header .sp-container .hamburger-menu {
    margin-left: 2rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 2.4rem;
    height: 1.8rem;
    position: relative;
  }

  .header .sp-container .hamburger-menu.active {
    height: 0;
  }

  .header .sp-container .hamburger-menu.active > .bar {
    opacity: 0;
    position: absolute;
  }

  .header .sp-container .hamburger-menu.active > .bar:first-child {
    transform: rotate(-45deg) scaleX(1.2);
    display: block;
    opacity: 1;
  }

  .header .sp-container .hamburger-menu.active > .bar:last-child {
    transform: rotate(45deg) scaleX(1.2);
    display: block;
    opacity: 1;
  }

  .header .sp-container .hamburger-menu .bar {
    width: 100%;
    height: 3px;
    background-color: #999;
    transition: .4s;
    opacity: 1;
  }

  .header .sp-container .icon-link {
    position: relative;
    margin-right: 2rem;
  }

  .header .sp-container .icon-link#user:before {
    width: 20px;
    height: 22px;
    background-size: contain;
    content: "";
    background-image: url(/images/user-solid.svg);
    display: block;
  }

  .header .sp-container .icon-link#cart:before {
    width: 25px;
    height: 22px;
    background-size: contain;
    content: "";
    background-image: url(/images/shopping-cart-solid.svg);
    display: block;
  }

  .header .sp-container .icon-link#cart .cart-inner-count {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 1;
    font-size: 1.2rem;
    font-weight: normal;
    border-radius: 50%;
    background-color: #FF5A5A;
    position: absolute;
    right: -.8rem;
    top: -.6rem;
  }

  .header .sp-container .hamburger-menu + .sp-background {
    display: none;
  }

  .header .sp-container .hamburger-menu + .sp-background.active {
    display: block;
    width: 100vw;
    left: 0;
    top: 4.5rem;
    height: calc(100vh - 4.5rem);
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
  }

  .header .sp-container .hamburger-menu + .sp-background.active > ul {
    box-shadow:none;
    display: block;
    background-color: #fff;
    width: 26.5rem;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 8.2rem;
  }

  .header .sp-container .hamburger-menu + .sp-background.active > ul p.sp-menu-title {
    color: #2C3849;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1.5rem 2rem;
    border-top: solid #E2E2E2 1px;
    border-bottom: solid #E2E2E2 1px;
  }


  .header .sp-container .hamburger-menu + .sp-background.active > ul a.sp-menu-title {
    color: #2C3849;
    font-size: 1.2rem;
    padding: 1.5rem 2rem;
    border-top: solid #E2E2E2 1px;
  }

  .header .sp-container .hamburger-menu + .sp-background.active > ul li a {
    color: #2C3849;
    font-size: 1.2rem;
    padding: 1.5rem 2rem;
  }

  .header .sp-container .hamburger-menu + .sp-background.active > ul .tel-number {
    position: fixed;
    bottom: 0;
    padding: 0;
    background-color: #fff;
    width: 26.5rem;
    height: 7.2rem;
    border-top: #E2E2E2 solid 2px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .header .sp-container .hamburger-menu + .sp-background.active > ul .tel-number p {
    font-size: .8rem;
    color: #2C3849;
  }

  .header .sp-container .hamburger-menu + .sp-background.active > ul .tel-number .main {
    font-size: 1.5rem;
    font-weight: bold;
    color: #FF5A5A;
  }

  .header .sp-container .hamburger-menu + .sp-background.active > ul .tel-number .sub {
    font-size: 1.1rem;
    color: #2C3849;
  }

  #support {
    width: 94%;
    margin: 4.5rem auto 12rem;
  }

  #support .support-top {
    padding-bottom: 3rem;
  }

  #category .category-top.scene .category-top-title {
    font-size: 1.4rem;
  }

  /*allitemリファクタ*/
  #category .itemlist-col1.col-1 li.item_card_for_list .i-img, #article .col-1 li.item_card_for_list .i-img {
      width: 100%;
  }

  #category .col-1 li.item_card_for_list .i-description, #article .col-1 li.item_card_for_list .i-description {
      width: 100%;
  }

  li.item_card_for_list .i-description .i-morelink {
      justify-content: center;
  }

  .sp-sidebar {
      display: block;
  }

  .sp-sidebar .hit-count {
      display: flex;
      justify-content: space-between;
      height: 6rem;
      padding: 1rem;
      background-color: #999999;
  }

  .sp-sidebar .hit-count .left {
      font-size: 1.4rem;
      color: #fff;
      font-weight: normal;
      display: flex;
      align-items: flex-end;
  }

  .sp-sidebar .hit-count .left p.count {
      font-size: 3rem;
      color: #fff;
      line-height: 3rem;
      margin-left: 2rem;
      margin-right: 1rem;
  }
  .sp-sidebar .hit-count .right {
      font-size: 1.4rem;
      color: #fff;
      font-weight: normal;
      display: flex;
      align-items: flex-end;
  }

  .sp-sidebar .system_area {
      display: flex;
      padding: 1.5rem 1rem;
      justify-content: space-between;
  }

  .sp-sidebar .system_area > .mode {
      display: flex;
  }

  .sp-sidebar .system_area > .mode > a {
      margin-left: 1rem;
  }
  .sp-sidebar .system_area > .filter {
      width: calc(100% - 9rem);
  }

  .sp-sidebar .system_area > .filter > a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 47%;
      max-width: 12.6rem;
      height: 3rem;
      border-radius: 1.5rem;
  }

  .sp-sidebar .system_area > .filter > .sort_button {
      color: #999999;
      border: solid 1px #E2E2E2;
  }

  .sp-sidebar .system_area > .filter > .refine_button {
      background-color: #8AC7E5;
      color: #fff;
  }

  .sp-sidebar .system_area > .filter > a > img {
      width: 1.2rem;
      height: 1.2rem;
      margin-right: .5rem;
  }

  .sp-sidebar .hit-count {
      height: 5rem;
      padding: 1rem;
  }

  .sp-sidebar .hit-count .left p.count {
      font-size: 2.6rem;
      margin-left: 1rem;
      margin-right: 0.5rem;
      font-weight: bold;
  }

  .sidebar#search-sidebar, .accordion {
      display: none !important;
  }

  li.item_card p.i-tag,{
      margin: 7px;
      font-size: 0.8rem;
      height: 1.4rem;
      padding: 0 .4rem;
  }

  li.item_card_for_list p.i-tag,
  #detail p.i-tag,{
    font-size: 1.2rem;
    margin: 0rem 0.3rem 0.5rem 1rem;
  }

  li.item_card .i-img {
      height: 45vw;
  }

  .refine-color-active .fa-check-icon-active {
      left: 26%;
      top: 25%;
  }

  p.i-tag:before {
    height: 1.8rem;
  }

  li.item_card_for_list p.i-tag:before ,
  #detail p.i-tag:before {
    height: 1.8rem;
  }

  li.item_card_for_list p.i-tag{
    margin: 5px;
    margin-left: .9rem;
  }

  p.i-tag.limited {
    font-size: .9rem;
  }

  p.i-tag.limited + p.i-tag.pickup {
    margin-right: 0rem;
  }

  .list-ranking-box li:last-child {
    display: none;
  }
  .category-pick-box li:last-child {
    display: none;
  }
}