@charset "UTF-8";
/*                reset
======================================================= */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");
body, h1, h2, h3, h4, h5, h6, table, th, td, ul, li, ol, dl, dt, dd, form, p, table, th, td {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-size: 100%; }

body {
  color: #333333;
  background-color: #ffffff;
  font-family: "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  line-height: 1.5;
  font-size: 14px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-wrap: break-word;
  word-break: break-all; }

dt, dd, li, th, td, p {
  line-height: 1.5; }

/* for IE6 */
* html body {
  font-size: 100%; }

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none; }
  a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }

img {
  display: block;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

input, textarea, select, button {
  background: none;
  margin: 0px;
  outline: none;
  padding: 0px;
  font-weight: normal;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-size: 16px;
  font-family: "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

button {
  cursor: pointer; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?w11z48");
  src: url("../fonts/icomoon.eot?w11z48#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?w11z48") format("truetype"), url("../fonts/icomoon.woff?w11z48") format("woff"), url("../fonts/icomoon.svg?w11z48#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/*                link
  ======================================================= */
a:link {
  color: #333333;
  text-decoration: none; }

a:visited {
  color: #333333; }

@media only screen and (min-width: 1025px) {
  a {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    a img {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    a:hover {
      color: #1a1a1a; }
      a:hover img {
        opacity: .8; } }

/*                common
  ======================================================= */
.clear:after {
  content: '';
  display: block;
  clear: both; }

.clear_both {
  clear: both; }

.hidden {
  overflow: hidden; }

/*                leyout
======================================================= */
*:focus {
  outline: none; }

body {
  width: 100%;
  overflow-x: hidden; }
  @media only screen and (max-width: 1024px) {
    body.sp_open {
      overflow: hidden;
      height: 100vh; } }
  @media only screen and (max-width: 1024px) {
    body.sp_open #main_visual,
    body.sp_open #main_area {
      pointer-events: none; } }
  @media only screen and (max-width: 1024px) {
    body.fixed {
      position: fixed !important;
      width: 100%; } }
  body.fixed .sp_panels {
    top: 0px !important; }

#wrapper {
	position: relative; }
#wrapper > header{
	}
#wrapper > #main_area{
        overflow: hidden;
}

#home #main_area {
	margin-top: 0;
	padding-bottom: 80px; }
@media only screen and (max-width: 1024px) {
	#home #main_area {
		padding-bottom: 60px; } }

  #itemlist.detail #main_area {
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0px; }
  /* 39006対応（topを0に設定すると、画面のタイトルが消えてしまうため、bottomだけ0にする） */
  #lp #main_area.cart {
    padding-bottom: 0; }
    @media only screen and (max-width: 1024px) {
      #itemlist.detail #main_area {
        padding-top: 0px; } }
    @media only screen and (max-width: 900px) {
      #itemlist.detail #main_area {
        padding-top: 0px; } }
  #coordinate #main_area,
  #news #main_area,
  #mail #main_area {
    margin-top: 0;
    padding-top: 304px; }
    @media only screen and (max-width: 1024px) {
      #coordinate #main_area,
      #news #main_area,
      #mail #main_area {
        padding-top: 176px; } }
    @media only screen and (max-width: 900px) {
      #coordinate #main_area,
      #news #main_area,
      #mail #main_area {
        padding-top: 96px; } }
  #news #main_area{
    padding-bottom: 96px;}
  @media only screen and (max-width: 900px) {
    #news #main_area{
      padding-bottom: 100px;}	}
  #news .article_list .none_slider{
    margin-bottom: 0;}
  @media only screen and (max-width: 900px){
    #news .article_list .none_slider{
      margin-bottom: 0;}	}
  #member #main_area,
  #zip #main_area {
    margin-top: 0;
    padding-top: 224px; /* 39111: 212->224 */
   }
    @media only screen and (max-width: 1024px) {
      #member #main_area {
        padding-top: 176px; } }
    @media only screen and (max-width: 900px) {
      #member #main_area {
        padding-top: 96px; } }
  #member_add #main_area,
  #member_leave #main_area,
  #member_policy #main_area,
  #claim #main_area {
    margin-top: 0;
    padding-top: 260px; }
    @media only screen and (max-width: 1024px) {
      #member_add #main_area,
      #member_leave #main_area,
      #member_policy #main_area,
      #claim #main_area {
        padding-top: 176px; } }
    @media only screen and (max-width: 900px) {
      #member_add #main_area.
      #member_leave #main_area,
      #member_policy #main_area,
      #claim #main_area {
        padding-top: 96px; } }
  #point_his #main_area,
  #order_his #main_area,
  #customer_content #main_area {
    margin-top: 0;
    padding-top: 240px; }
    @media only screen and (max-width: 1024px) {
      #point_his #main_area,
      #order_his #main_area,
      #customer_content #main_area {
        padding-top: 186px; } }
    @media only screen and (max-width: 900px) {
      #point_his #main_area,
      #order_his #main_area,
      #customer_content #main_area {
        padding-top: 106px; } }
  #reminder #main_area {
    margin-top: 0;
    padding-top: 260px; }
    @media only screen and (max-width: 1024px) {
      #reminder #main_area {
        padding-top: 125px; } }
    @media only screen and (max-width: 900px) {
      #reminder #main_area {
        padding-top: 125px; } }
  #review #main_area {
    margin-top: 0;
    padding-top: 230px; }
    @media only screen and (max-width: 1024px) {
      #review #main_area {
        padding-top: 206px; } }
    @media only screen and (max-width: 900px) {
      #review #main_area {
        padding-top: 126px; } }
  #feature.detail #main_area {
    padding-bottom: 0; }
  #lp #main_area {
    padding-top: 224px;
    padding-bottom: 120px; }
    @media only screen and (max-width: 1024px) {
      #lp #main_area {
        padding-top: 96px;
        padding-bottom: 80px; } }

.main_width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1232px;
  padding: 0 16px; }

#col2_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  #col2_wrap #main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%; }
    @media only screen and (max-width: 900px) {
      #col2_wrap #main {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 100%; } }
  #col2_wrap #side {
    width: 245px;
    margin-right: 30px; }
    @media only screen and (max-width: 1024px) {
      #col2_wrap #side {
        display: none; } }

/*                p
======================================================= */
p + p {
  margin-top: 1em; }

/*                a
======================================================= */
a.black_under {
  color: #1a1a1a;
  border-bottom: 1px #1a1a1a solid; }
  @media only screen and (min-width: 1025px) {
    a.black_under:hover {
      border-bottom: none; } }

a.red_under {
  color: #e60000;
  border-bottom: 1px #e60000 solid; }
  @media only screen and (min-width: 1025px) {
    a.red_under:hover {
      border-bottom: none; } }

/*                br
======================================================= */
@media only screen and (min-width: 901px) {
  br.sp900 {
    display: none; } }

@media only screen and (min-width: 769px) {
  br.sp768 {
    display: none; } }

@media only screen and (min-width: 641px) {
  br.sp640 {
    display: none; } }

@media only screen and (min-width: 481px) {
  br.sp480 {
    display: none; } }

@media only screen and (min-width: 401px) {
  br.sp400 {
    display: none; } }

@media only screen and (min-width: 351px) {
  br.sp350 {
    display: none; } }

@media only screen and (max-width: 1024px) {
  br.sp1025 {
    display: none; } }

@media only screen and (max-width: 900px) {
  br.sp901 {
    display: none; } }

@media only screen and (max-width: 768px) {
  br.sp769 {
    display: none; } }

@media only screen and (max-width: 640px) {
  br.sp641 {
    display: none; } }

@media only screen and (max-width: 480px) {
  br.sp481 {
    display: none; } }

@media only screen and (max-width: 400px) {
  br.sp401 {
    display: none; } }

@media only screen and (max-width: 350px) {
  br.sp351 {
    display: none; } }

/*                ul,ol
======================================================= */
ul.circle li {
  padding-left: 1em;
  text-indent: -1em; }
  ul.circle li:before {
    background-color: #a7a7a7;
    content: '';
    display: inline-block;
    position: relative;
    top: -4px;
    border-radius: 100%;
    height: 4px;
    width: 4px;
    margin: 0 5px 0 5px; }

ul.square {
  margin-bottom: -1em; }
  ul.square li {
    font-size: 100%;
    font-weight: bold;
    padding-left: 2em;
    text-indent: -1.8em;
    margin-bottom: 1em; }
    ul.square li:before {
      background-color: #0099b3;
      content: '';
      display: inline-block;
      position: relative;
      top: -3px;
      width: 6px;
      height: 6px;
      margin: 0 15px 0 4px; }
    ul.square li a {
      color: #3399cc; }
      @media only screen and (min-width: 1025px) {
        ul.square li a:hover {
          opacity: 0.8;
          filter: alpha(opacity=80);
          -moz-opacity: 0.8; } }

ol.count {
  counter-reset: item;
  margin-bottom: -0.2em; }
  ol.count li {
    padding-left: 1.7em;
    text-indent: -1.7em;
    margin-bottom: 0.2em; }
    ol.count li:before {
      counter-increment: item;
      content: counter(item) ".";
      margin-right: 0.15em;
      display: inline-block;
      width: 1.5em;
      text-align: right; }

/*                table
======================================================= */
table {
  width: 100%;
  border-collapse: separate;
  border-collapse: collapse;
  border-spacing: 0; }

table tr td,
table tr th {
  text-align: left;
  padding: 0px; }

/*                iframeのレスポン化
======================================================= */
.frame_respon .fb_iframe_widget,
.frame_respon .fb_iframe_widget span,
.frame_respon .fb_iframe_widget iframe[style] {
  width: 100%important; }

.gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .gmap iframe,
  .gmap object,
  .gmap embed {
    border: none !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*                フォーム
======================================================= */
input[type="text"], input[type="mail"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"],
input[type="url"], input[type="reset"], input[type="submit"],
select {
  width: 100%;
  height: 40px;
  border-radius: 0;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: #fff;
  padding: 11px; }

textarea {
  width: 100%;
  border-radius: 0;
  background: #fff;
  padding: 11px; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #222; }
  select option {
    color: #333; }
    select option.op_pref {
      display: none; }

::-ms-expand {
  display: none; }

::-webkit-input-placeholder {
  color: #cecece;
  font-size: 16px;
  letter-spacing: 0.05em;
  padding: 4px 0; }

::-moz-placeholder {
  color: #cecece;
  font-size: 16px;
  letter-spacing: 0.05em;
  padding: 4px 0; }

:-moz-placeholder {
  color: #cecece;
  font-size: 16px;
  letter-spacing: 0.05em;
  padding: 4px 0; }

:-ms-input-placeholder {
  color: #cecece;
  font-size: 16px;
  letter-spacing: 0.05em;
  padding: 4px 0; }

.itemlist_filter .seach ::-webkit-input-placeholder {
  font-size: 14px;
  text-align: center;
  padding: 2px 0 0; }

.itemlist_filter .seach ::-moz-placeholder {
  font-size: 14px;
  text-align: center;
  padding: 2px 0 0; }

.itemlist_filter .seach :-moz-placeholder {
  font-size: 14px;
  text-align: center;
  padding: 2px 0 0; }

.itemlist_filter .seach :-ms-input-placeholder {
  font-size: 14px;
  text-align: center;
  padding: 2px 0 0; }

/*                btn
======================================================= */
.btn_area {
  margin-top: 3em; }
  @media only screen and (max-width: 640px) {
    .btn_area {
      margin-top: 2em; } }
  @media only screen and (max-width: 640px) {
    .btn_area.width_wrap {
      padding: 0 20px; } }
  .btn_area.yoko {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px; }
    @media only screen and (max-width: 640px) {
      .btn_area.yoko {
        display: block; } }
    .btn_area.yoko .btn {
      text-align: left;
      width: 25%;
      margin: 0;
      padding-left: 4px;
      padding-right: 4px;
      margin-bottom: 8px; }
      @media only screen and (max-width: 640px) {
        .btn_area.yoko .btn + .btn {
          margin-left: 0;
          margin-top: 5px; } }
      @media only screen and (max-width: 768px) {
        .btn_area.yoko .btn {
          width: 33.33333333%; } }
      @media only screen and (max-width: 640px) {
        .btn_area.yoko .btn {
          width: 100%; } }
      .btn_area.yoko .btn span {
        display: block;
        padding: 0 1em; }

.btn {
  max-width: 230px;
  width: 100%;
  text-align: center;
  margin: 0 auto; }
  @media only screen and (max-width: 900px) {
    .btn {
      max-width: none; } }
  .btn > a, .btn > button, .btn > span, .btn > form > button{
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    z-index: 1000;
    border-radius: 4px;
    background: #1a1a1a;
    border: 1px #1a1a1a solid;
    display: block;
    color: #fff;
    width: 100%;
    padding: 13px 0;
    /* &::before {
    @include media1025{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: $hoverLightColor;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
  }
  } */ }
    @media only screen and (max-width: 1024px) {
      .btn > a, .btn > button, .btn > span, .btn > form > button {
        padding: 14px 0; } }
  .btn > a:hover, .btn > button:hover {
    /*  &::before {
      @include media1025{
      transform-origin: left top;
      transform: scale(1, 1);
    }
    } */ }
    @media only screen and (min-width: 1025px) {
      .btn > a:hover, .btn > button:hover, .btn > form > button:hover {
        opacity: .8; } }
  .btn.more > a::after, .btn.more > button::after, .btn.more > span::after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    z-index: 2;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg); }
  .btn.more_minus > a::after, .btn.more_minus > button::after, .btn.more_minus > span::after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90b";
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    z-index: 2;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); }
  .btn.link > a::after, .btn.link > button::after, .btn.link > span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    width: 6px;
    height: 6px; }
  .btn.cart_b {
    max-width: 392px; }
    @media only screen and (max-width: 900px) {
      .btn.cart_b {
        max-width: none; } }
    .btn.cart_b > a, .btn.cart_b > button, .btn.cart_b > span, .btn.cart_b > form > button {
      padding: 21px 0 20px; }
      .btn.cart_b > a::before, .btn.cart_b > button::before, .btn.cart_b > span::before, .btn.cart_b > form > button::before  {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e91b";
        color: #fff;
        font-size: 24px;
        font-weight: normal;
        position: absolute;
        top: 50%;
        left: 16px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .btn.cart_b > a::after, .btn.cart_b > button::after, .btn.cart_b > span::after, .btn.cart_b > form > button::after  {
        content: "";
        position: absolute;
        top: 50%;
        right: 16px;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        width: 6px;
        height: 6px; }
      .btn.cart_b > a > span, .btn.cart_b > button > span, .btn.cart_b > span > span, .btn.cart_b > form > button > span{
        padding-left: 1em; }
  .btn.fav_b {
    max-width: 392px; }
    @media only screen and (max-width: 900px) {
      .btn.fav_b {
        max-width: none; } }
    .btn.fav_b > a, .btn.fav_b > button, .btn.fav_b > span {
      color: #1a1a1a;
      background: #fff;
      border: 1px #1a1a1a solid;
      padding: 11px 0 10px; }
      .btn.fav_b > a::before, .btn.fav_b > button::before, .btn.fav_b > span::before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #1a1a1a;
        font-size: 24px;
        font-weight: normal;
        position: absolute;
        top: 50%;
        left: 16px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .btn.fav_b > a::after, .btn.fav_b > button::after, .btn.fav_b > span::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 16px;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        border-top: solid 2px #1a1a1a;
        border-right: solid 2px #1a1a1a;
        width: 6px;
        height: 6px; }
      .btn.fav_b > a > span, .btn.fav_b > button > span, .btn.fav_b > span > span {
        padding-left: 1em; }
    .btn.fav_b.off > a::before, .btn.fav_b.off > button::before, .btn.fav_b.off > span::before {
      content: "\e91c"; }
    .btn.fav_b.on > a::before, .btn.fav_b.on > button::before, .btn.fav_b.on > span::before {
      content: "\e91d";
      color: #e60000; }
  .btn.restock_b {
    max-width: 392px; }
    @media only screen and (max-width: 900px) {
      .btn.restock_b {
        max-width: none; } }
    .btn.restock_b > a, .btn.restock_b > button, .btn.restock_b > span {
      border: 1px #808080 solid;
      background-color: #808080;
      padding: 21px 0 20px; }
      .btn.restock_b > a::before, .btn.restock_b > button::before, .btn.restock_b > span::before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e91e";
        color: #fff;
        font-size: 22px;
        font-weight: normal;
        position: absolute;
        top: 50%;
        left: 16px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .btn.restock_b > a::after, .btn.restock_b > button::after, .btn.restock_b > span::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 16px;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        width: 6px;
        height: 6px; }
      .btn.restock_b > a > span, .btn.restock_b > button > span, .btn.restock_b > span > span {
        padding-left: 1em;
        pointer-events: none;}
  .btn.return > a::before, .btn.return > button::before, .btn.return > span::before {
    font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f104";
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .btn.white > a, .btn.white > button {
    color: #000;
    background: #fff;
    border: 1px #000 solid; }
  .btn.whitewash > a, .btn.whitewash > button {
    color: #1a1a1a;
    background: #fff;
    border: 1px #fff solid; }
    .btn.whitewash > a::after, .btn.whitewash > button::after {
      color: #1a1a1a; }
  .btn.icon_none a::after, .btn.icon_none button::after {
    content: none; }
  .btn.icon_left a::after, .btn.icon_left button::after {
    content: "\f104";
    right: auto;
    left: 1em; }

/*                ヘッダー・サイド・フッター
======================================================= */
/*                header固定関連
======================================================= */
header {
  position: fixed;
  top:0;
  width: 100%;
  z-index: 1020;
  background: #fff; }
  @media only screen and (max-width: 1024px) {
    header {
      position: fixed; } }
  @media only screen and (min-width: 1025px) {
    header {
      display: block !important; } }
  header.fix_hd #hd_ticker {
    height: 0;
    opacity: 0; }
  header.fix_hd #header #header_area .hd_layout {
    height: 80px; }
    @media only screen and (max-width: 1024px) {
      header.fix_hd #header #header_area .hd_layout {
        height: 64px; } }
    header.fix_hd #header #header_area .hd_layout .layout_r ul.utility > li.nv_search .search {
      padding-top: 24px; }
    header.fix_hd #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login, header.fix_hd #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login {
      padding-top: 24px; }
    header.fix_hd #header #header_area .hd_layout .layout_r ul.utility > li.nv_help .list, header.fix_hd #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .list {
      padding-top: 24px; }
  header.fix_hd #gnavi > ul {
    height: 48px; }
    header.fix_hd #gnavi > ul > li > a > span {
      padding: 14px 0 13px; }
    header.fix_hd #gnavi > ul > li.nest > a > span {
      padding: 14px 1.5em 13px 0; }
  header.fix_hd .header_bg {
    top: 80px; }

body.fix_hd #sp_menu_area .sp_search, body.fix_hd #sp_menu_area .sp_menu {
  top: 65px; }

/*                header
======================================================= */
.c-header-news__link {
    padding: 5px;
}
#hd_ticker {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  font-size: 92.9%;
  background: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 48px;/* #39113 対応 */}
  #hd_ticker span {
    color: #fff; }
  @media only screen and (min-width: 1025px) {
    #hd_ticker:hover {
      opacity: 0.8; } }

#header {
  background-color: #fff;
  border-bottom: 1px #e8e8e8 solid; }
  #header #header_area {
    position: relative;
    z-index: 2; }
    #header #header_area .hd_layout {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 104px;
      padding: 0 120px; }
      @media only screen and (max-width: 1024px) {
        #header #header_area .hd_layout {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          height: 64px;
		padding: 0 18px 0 16px; } }
      #header #header_area .hd_layout .layout_l {
        display: none; }
        @media only screen and (max-width: 1024px) {
          #header #header_area .hd_layout .layout_l {
            display: block; } }
      #header #header_area .hd_layout .layout_c {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
@media only screen and (max-width: 600px) {
	#header #header_area .hd_layout .layout_c {
		left:38%;
	}
}
        #header #header_area .hd_layout .layout_c #hd_logo h1, #header #header_area .hd_layout .layout_c #hd_logo p {
          width: 314px;
          height: 32px;
          margin: 0 auto; }
          @media only screen and (max-width: 1100px) {
            #header #header_area .hd_layout .layout_c #hd_logo h1, #header #header_area .hd_layout .layout_c #hd_logo p {
              width: 250px;
              height: 25px; } }
          @media only screen and (max-width: 1024px) {
            #header #header_area .hd_layout .layout_c #hd_logo h1, #header #header_area .hd_layout .layout_c #hd_logo p {
		width: 160px;
		height: 36px; } }

          #header #header_area .hd_layout .layout_c #hd_logo h1 a, #header #header_area .hd_layout .layout_c #hd_logo p a {
            background-image: url(../images/common/logo.svg);
            background-size: 314px auto;
            display: block;
	        transition: none;
            width: 100%;
            height: 100%;
            padding: 0;
            text-indent: 200%;
            white-space: nowrap;
            overflow: hidden;
            background-repeat: no-repeat;
            background-color: #fff;
            background-position: center;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

            @media only screen and (max-width: 1024px) {
              #header #header_area .hd_layout .layout_c #hd_logo h1 a, #header #header_area .hd_layout .layout_c #hd_logo p a {
		background-image: url(../images/common/logo-sp.svg);
		background-size: contain; } }


      @media only screen and (max-width: 1024px) {
        #header #header_area .hd_layout .layout_r {
          position: static; } }
      #header #header_area .hd_layout .layout_r ul.utility {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media only screen and (max-width: 1024px) {
          #header #header_area .hd_layout .layout_r ul.utility {
            display: none; } }
        #header #header_area .hd_layout .layout_r ul.utility > li {
          position: relative; }
          #header #header_area .hd_layout .layout_r ul.utility > li + li {
            margin-left: 20px; }
          #header #header_area .hd_layout .layout_r ul.utility > li:hover > a {
            color: #cecece; }
          #header #header_area .hd_layout .layout_r ul.utility > li > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li span.icon_wrap {
            cursor: pointer;
            display: block;
            width: 32px;
            height: 32px;
            -webkit-transition: background 0.5s;
            -o-transition: background 0.5s;
            transition: background 0.5s;
            position: relative;
            z-index: 2; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_search > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_search span.icon_wrap {
            background: url(../images/common/icon-search.svg) no-repeat center top;
            background-size: 32px 32px; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_search .search {
            display: none;
            position: absolute;
            z-index: 1;
            top: 100%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 424px;
            padding-top: 36px; }
            #header #header_area .hd_layout .layout_r ul.utility > li.nv_search .search .search_inner {
              background: #fff;
              padding: 0 40px 40px 40px; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_search .search .search_inner form {
                position: relative;
                top: 0;
                background: none;
                overflow: hidden;
                border-bottom: 0;
                padding: 0; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_search .search .search_inner .form_inner {
                width: 232px;
                width: 100%;
                background: #fff; }
                #header #header_area .hd_layout .layout_r ul.utility > li.nv_search .search .search_inner .form_inner input.field {
                  font-size: 16px;
                  border: none;
                  border-bottom: 1px solid #000000;
                  width: 345px;
                  border-radius: 0;
                  height: 56px;
                  padding: 11px 35px 11px 0; }
                #header #header_area .hd_layout .layout_r ul.utility > li.nv_search .search .search_inner .form_inner input.submit {
                  cursor: pointer;
                  text-indent: -9999px;
                  position: absolute;
                  top: 16px;
                  right: 0;
                  width: 24px;
                  height: 24px;
                  border: none;
                  background: url(../images/common/icon-search.svg) no-repeat center top;
                  background-size: 24px 24px;
                  font-size: 10px; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_search:hover > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_search:hover span.icon_wrap {
            background: url(../images/common/icon-search-hover.svg) no-repeat center top; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite span.icon_wrap {
            background: url(../images/common/icon-favorite.svg) no-repeat center top;
            background-size: 32px 32px; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite:hover > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite:hover span.icon_wrap {
            background: url(../images/common/icon-favorite-hover.svg) no-repeat center top; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_login > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login span.icon_wrap {
            background: url(../images/common/icon-login.svg) no-repeat center top;
            background-size: 32px 32px; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_login:hover > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login:hover span.icon_wrap {
            background: url(../images/common/icon-login-hover.svg) no-repeat center top; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login {
            background: #fff;
            position: absolute;
            z-index: 1;
            top: 100%;
	        right: -177px;
            width: 394px;
            padding: 0 40px 40px;
            padding-top: 36px; }
            #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .top .ttl, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .top .ttl {
              font-weight: bold;
              margin-bottom: 20px; }
            #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .form dl, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .form dl {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .form dl + dl, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .form dl + dl {
                margin-top: 10px; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .form dl dt, #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .form dl dd, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .form dl dt, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .form dl dd {
                font-size: 85.7%; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .form dl dt, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .form dl dt {
                -webkit-box-flex: 1;
                -ms-flex: 1 1 0%;
                flex: 1 1 0%;
                padding-right: 1em; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .form dl dd, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .form dl dd {
                width: 214px; }
            #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .note, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .note {
              padding-left: 7.5em;
              margin-top: 0.2em; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .note a, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .note a {
                font-size: 78.6%; }
            #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .btn, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .btn {
              margin-top: 15px; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .btn > a, #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_top .btn > button, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .btn > a, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_top .btn > button {
                font-weight: bold; }
            #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_btm, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_btm {
              border-top: 1px #dedede solid;
              padding-top: 35px;
              margin-top: 10px; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_btm .top .ttl, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_btm .top .ttl {
                font-weight: bold; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite .login .login_inner .login_btm .btm .btn, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .login .login_inner .login_btm .btm .btn {
                margin-top: 15px; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_help > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_help span.icon_wrap {
            background: url(../images/common/icon-help.svg) no-repeat center top;
            background-size: 32px 32px; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_help:hover > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_help:hover span.icon_wrap {
            background: url(../images/common/icon-help-hover.svg) no-repeat center top; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_help .list, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .list {
            display: none;
            position: absolute;
            z-index: 1;
            top: 100%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 216px;
            padding-top: 36px; }
            #header #header_area .hd_layout .layout_r ul.utility > li.nv_help .list .list_inner, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .list .list_inner {
              background: #fff;
              padding: 0 40px 35px 40px; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_help .list .list_inner ul li + li, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .list .list_inner ul li + li {
                margin-top: 15px; }
              #header #header_area .hd_layout .layout_r ul.utility > li.nv_help .list .list_inner ul a, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .list .list_inner ul a {
                font-size: 92.9%;
                font-weight: bold;
                display: block; }
                @media only screen and (min-width: 1025px) {
                  #header #header_area .hd_layout .layout_r ul.utility > li.nv_help .list .list_inner ul a:hover, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .list .list_inner ul a:hover {
                    opacity: .8; } }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_cart > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_cart span.icon_wrap {
            background: url(../images/common/icon-cart.svg) no-repeat center top;
            background-size: 32px 32px; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_cart > span.count {
            position: absolute;
            z-index: 3;
            top: -10px;
            right: -8px;
            font-size: 10px;
            background: #c10e0e;
            color: #ffffff;
            display: block;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            text-align: center;
            padding-top: 2px; }
          #header #header_area .hd_layout .layout_r ul.utility > li.nv_cart:hover > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_cart:hover span.icon_wrap {
            background: url(../images/common/icon-cart-hover.svg) no-repeat center top; }
          #header #header_area .hd_layout .layout_r ul.utility > li .child_nv {
            display: none; }
      #header #header_area .hd_layout .layout_r ul.utility_sp {
        display: none; }
        @media only screen and (max-width: 1024px) {
          #header #header_area .hd_layout .layout_r ul.utility_sp {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; } }
        #header #header_area .hd_layout .layout_r ul.utility_sp > li {
          position: relative; }
          #header #header_area .hd_layout .layout_r ul.utility_sp > li + li {
	       margin-left: 7px; }
@media only screen and (max-width: 350px) {
              #header #header_area .hd_layout .layout_r ul.utility_sp > li + li {
                margin-left: 3px; } }
          #header #header_area .hd_layout .layout_r ul.utility_sp > li > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility_sp > li span.icon_wrap {
            position: relative;
            display: block;
            width: 35px;
            height: 35px; }
          #header #header_area .hd_layout .layout_r ul.utility_sp > li.nv_search > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility_sp > li.nv_search span.icon_wrap {
            background: url(../images/common/icon-search.svg) no-repeat center center;
            background-size: 35px 35px; }
          #header #header_area .hd_layout .layout_r ul.utility_sp > li.nv_search.open > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility_sp > li.nv_search.open span.icon_wrap {
            background: url(../images/common/icon-close.svg) no-repeat center center;
            background-size: 35px 35px; }
          #header #header_area .hd_layout .layout_r ul.utility_sp > li.nv_cart > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility_sp > li.nv_cart span.icon_wrap {
            background: url(../images/common/icon-cart.svg) no-repeat center center;
            background-size: 34px 34px; }
          #header #header_area .hd_layout .layout_r ul.utility_sp > li.nv_favorite > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility_sp > li.nv_favorite span.icon_wrap {
	        background: url(../images/common/icon-favorite.svg) no-repeat center center;
	        background-size: 35px 35px; }


          #header #header_area .hd_layout .layout_r ul.utility_sp > li.nv_cart > span.count {
            position: absolute;
            z-index: 3;
            top: -8px;
            right: -8px;
            font-size: 10px;
            background: #c10e0e;
            color: #ffffff;
            display: block;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            text-align: center;
            padding-top: 2px; }

.header_bg {
  display: none;
  position: fixed;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1); }

#gnavi {
  background-color: #fff;
  border-bottom: 1px #e8e8e8 solid; }
  @media only screen and (max-width: 1024px) {
    #gnavi {
      display: none;
      height: 0; } }
  #gnavi > ul {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 72px; }
    #gnavi > ul > li > a {
      display: block;
      padding: 0 15px; }
      #gnavi > ul > li > a > span {
        position: relative;
        display: block;
        font-weight: bold;
        padding: 26px 0 25px; }
        #gnavi > ul > li > a > span::before {
          opacity: 0;
          -webkit-transition: opacity 0.6s;
          -o-transition: opacity 0.6s;
          transition: opacity 0.6s;
          position: absolute;
          left: 0;
          bottom: 0;
          content: "";
          background: #000;
          width: 100%;
          height: 2px;
          display: block; }
      #gnavi > ul > li > a:hover > span {
        color: #333333; }
    #gnavi > ul > li:hover > a > span::before {
      opacity: 1; }
    #gnavi > ul > li.link_none {
      cursor: pointer; }
      #gnavi > ul > li.link_none > a {
        pointer-events: none; }
    #gnavi > ul > li.nest > a > span {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      display: block;
      padding: 26px 1.5em 25px 0; }
      #gnavi > ul > li.nest > a > span::after {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e908";
        color: #000;
        font-size: 10px;
        position: absolute;
        top: calc(50% - -1px);
        right: 0;
        -webkit-transform: translateY(-50%) scale(0.6);
        -ms-transform: translateY(-50%) scale(0.6);
        transform: translateY(-50%) scale(0.6); }
    #gnavi > ul > li.nest .gn_child {
      visibility: hidden;
      opacity: 0;
      height: 0;
      position: absolute;
      width: 100%;
      top: calc(100% - 1px);
      left: 0;
      -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      #gnavi > ul > li.nest .gn_child.bg_height {
        visibility: visible;
        z-index: 110;
        height: auto;
        opacity: 1;
        -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      #gnavi > ul > li.nest .gn_child .gn_inner {
        opacity: 0;
        display: none;
        width: 100%;
        background: #fff;
        padding: 20px 0 20px; }
        #gnavi > ul > li.nest .gn_child .gn_inner.bg_height {
          opacity: 1;
          display: block;
          z-index: 120; }
        #gnavi > ul > li.nest .gn_child .gn_inner .gn_list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          #gnavi > ul > li.nest .gn_child .gn_inner .gn_list .set {
            width: 208px; }
            #gnavi > ul > li.nest .gn_child .gn_inner .gn_list .set .ttl {
              font-size: 142.9%;
              font-weight: bold;
              margin-bottom: 10px; }
              @media only screen and (max-width: 1300px) {
                #gnavi > ul > li.nest .gn_child .gn_inner .gn_list .set .ttl {
                  font-size: 128.6%; } }
            #gnavi > ul > li.nest .gn_child .gn_inner .gn_list .set ul li + li {
              margin-top: 0.1em; }
              @media only screen and (max-width: 1300px) {
                #gnavi > ul > li.nest .gn_child .gn_inner .gn_list .set ul li + li {
                  margin-top: 0; } }
            #gnavi > ul > li.nest .gn_child .gn_inner .gn_list .set ul a {
              font-size: 85.7%; }
              @media only screen and (max-width: 1300px) {
                #gnavi > ul > li.nest .gn_child .gn_inner .gn_list .set ul a {
                  font-size: 71.4%; } }
              @media only screen and (min-width: 1025px) {
                #gnavi > ul > li.nest .gn_child .gn_inner .gn_list .set ul a:hover {
                  opacity: 0.6; } }
    #gnavi > ul > li.nest .gn_child_full {
      overflow-x: hidden;
      position: absolute;
      z-index: 10;
      width: 100%;
      top: calc(100% - 1px);
      left: 0;
      background: #fff;
      height: 548px;
      -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -ms-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      padding: 0; }
    #gnavi > ul > li.sale > a > span {
      color: #333333; }

/*                footer
======================================================= */
#footer {
  position: relative;
  background: #ebeced;
  padding: 80px 0 0; }
  @media only screen and (max-width: 1024px) {
    #footer {
      padding: 50px 0 0; } }
  #footer #footer_area {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1232px;
    padding: 0 16px; }
    @media only screen and (max-width: 1024px) {
      #footer #footer_area {
        padding: 0 32px; } }
    #footer #footer_area .ft_layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 1024px) {
        #footer #footer_area .ft_layout {
          display: block; } }
      #footer #footer_area .ft_layout .layout_l {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%; }
        @media only screen and (max-width: 1024px) {
          #footer #footer_area .ft_layout .layout_l {
            width: 100%;
            padding: 0; } }
        #footer #footer_area .ft_layout .layout_l .ft_navi {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          @media only screen and (max-width: 1024px) {
            #footer #footer_area .ft_layout .layout_l .ft_navi {
              display: block; } }
          #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block {
            max-width: 208px;
            width: 100%; }
            @media only screen and (max-width: 1100px) {
              #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block {
                max-width: 170px; } }
            @media only screen and (max-width: 1024px) {
              #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block {
                max-width: none; } }
            #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set + .navi_set {
              margin-top: 60px; }
              @media only screen and (max-width: 1024px) {
                #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set + .navi_set {
                  margin-top: 0; } }
            #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .ttl {
              font-size: 142.9%;
              font-weight: bold;
              margin-bottom: 1em; }
              @media only screen and (max-width: 1024px) {
                #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .ttl {
                  font-size: 114.3%;
                  margin-bottom: 0; } }
              #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .ttl a {
                display: block; }
                #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .ttl a::after {
                  content: "";
                  display: inline-block;
                  position: relative;
                  top: -3px;
                  -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                  transform: rotate(45deg);
                  border-top: solid 2px #333333;
                  border-right: solid 2px #333333;
                  width: 6px;
                  height: 6px;
                  margin-left: 5px; }
                @media only screen and (min-width: 1025px) {
                  #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .ttl a:hover {
                    opacity: 0.6; } }
              @media only screen and (max-width: 1024px) {
                #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .ttl.pc {
                  display: none; } }
              @media only screen and (min-width: 1025px) {
                #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .ttl.sp {
                  display: none !important; } }
              #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .ttl.aco_ttl {
                cursor: pointer;
                position: relative;
                display: block;
                padding: 0.8em 0; }
                #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .ttl.aco_ttl::after {
                  -webkit-transition: 0.5s;
                  -o-transition: 0.5s;
                  transition: 0.5s;
                  font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
                  font-size: inherit;
                  text-rendering: auto;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  content: "\f107";
                  font-size: 22px;
                  line-height: 0.2;
                  font-weight: bold;
                  position: absolute;
                  top: 50%;
                  right: 2px;
                  -webkit-transform: translateY(-50%);
                  -ms-transform: translateY(-50%);
                  transform: translateY(-50%); }
              @media only screen and (max-width: 1024px) {
                #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .ttl.change:after {
                  -webkit-transform: rotate(180deg);
                  -ms-transform: rotate(180deg);
                  transform: rotate(180deg);
                  margin-top: -1px; } }
            @media only screen and (min-width: 1025px) {
              #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .navi {
                display: block !important; } }
            @media only screen and (max-width: 1024px) {
              #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .navi {
                font-size: 1.3em;
                display: none;
                padding-bottom: 32px; } }
            #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .navi ul li + li {
              margin-top: 0.8em; }
            #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .navi ul a {
              font-size: 78.6%;
              display: block; }
              #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .navi ul a::before {
                content: "";
                display: inline-block;
                position: relative;
                top: -1px;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                border-top: solid 1px #333333;
                border-right: solid 1px #333333;
                width: 6px;
                height: 6px;
                margin-right: 8px; }
              @media only screen and (min-width: 1025px) {
                #footer #footer_area .ft_layout .layout_l .ft_navi .navi_block .navi_set .navi ul a:hover {
                  opacity: 0.6; } }
      #footer #footer_area .ft_layout .layout_r {
        width: 208px;
        margin-left: 40px; }
        @media only screen and (max-width: 1024px) {
          #footer #footer_area .ft_layout .layout_r {
            width: 100%;
            margin-left: 0;
            margin-top: 32px; } }
        #footer #footer_area .ft_layout .layout_r #ft_info {
          border: 1px #d2d3d4 solid;
          padding: 40px 24px; }
          #footer #footer_area .ft_layout .layout_r #ft_info .inner {
            text-align: center; }
            #footer #footer_area .ft_layout .layout_r #ft_info .inner .cd_block {
              display: block; }
              @media only screen and (max-width: 1024px) {
                #footer #footer_area .ft_layout .layout_r #ft_info .inner .cd_block {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  -webkit-box-pack: center;
                  -ms-flex-pack: center;
                  justify-content: center;
                  margin-bottom: 20px; } }
              #footer #footer_area .ft_layout .layout_r #ft_info .inner .cd_block .logo_mark {
                display: block;
                background: url(../images/common/cd_logo_mark.svg) no-repeat center center;
                background-size: 48px 54px;
                width: 48px;
                height: 54px;
                margin: 0 auto 20px; }
                @media only screen and (max-width: 1024px) {
                  #footer #footer_area .ft_layout .layout_r #ft_info .inner .cd_block .logo_mark {
                    margin: 0 20px 0 0; } }
                #footer #footer_area .ft_layout .layout_r #ft_info .inner .cd_block .logo_mark p {
                  display: block;
                  text-indent: -9999px; }
              #footer #footer_area .ft_layout .layout_r #ft_info .inner .cd_block .logo_type {
                display: block;
                background: url(../images/common/cd_logo_type.svg) no-repeat center center;
                background-size: 142px 46px;
                width: 142px;
                height: 46px;
                margin: 0 auto 35px; }
                @media only screen and (max-width: 1024px) {
                  #footer #footer_area .ft_layout .layout_r #ft_info .inner .cd_block .logo_type {
                    margin: 0; } }
                #footer #footer_area .ft_layout .layout_r #ft_info .inner .cd_block .logo_type p {
                  display: block;
                  text-indent: -9999px; }
            #footer #footer_area .ft_layout .layout_r #ft_info .inner p {
              font-size: 78.6%; }
              #footer #footer_area .ft_layout .layout_r #ft_info .inner p.note {
                font-size: 12px;
                font-weight: bold;
                margin-top: 1.5em; }
            #footer #footer_area .ft_layout .layout_r #ft_info .inner .btn {
              margin-top: 30px; }
              @media only screen and (max-width: 1024px) {
                #footer #footer_area .ft_layout .layout_r #ft_info .inner .btn {
                  max-width: none; } }
              #footer #footer_area .ft_layout .layout_r #ft_info .inner .btn a {
                font-size: 85.7%;
                font-weight: bold;
                padding: 9px 0; }
        #footer #footer_area .ft_layout .layout_r #ft_logo {
          padding: 0 15px 0 0; }
          @media only screen and (max-width: 1024px) {
            #footer #footer_area .ft_layout .layout_r #ft_logo {
              padding: 0; } }
          #footer #footer_area .ft_layout .layout_r #ft_logo p {
            width: 208px;
            height: 50px;
            margin: 0 auto; }
            #footer #footer_area .ft_layout .layout_r #ft_logo p a {
              background-image: url(../images/common/logo.svg);
              background-size: 208px auto;
              display: block;
              width: 100%;
              height: 100%;
              padding: 0;
              text-indent: 200%;
              white-space: nowrap;
              overflow: hidden;
              background-repeat: no-repeat;
              background-position: center; }
  #footer #copy_area {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1232px;
    padding: 0 16px;
    margin-top: 40px; }
    @media only screen and (max-width: 1024px) {
      #footer #copy_area {
        padding: 0 32px; } }
    #footer #copy_area .copy_layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      @media only screen and (max-width: 1024px) {
        #footer #copy_area .copy_layout {
          display: block; } }
      @media only screen and (max-width: 1024px) {
        #footer #copy_area .copy_layout .layout_l {
          margin-top: 50px; } }
      #footer #copy_area .copy_layout .layout_l #ft_logo p {
        width: 216px;
        height: 22px; }
        @media only screen and (max-width: 1024px) {
          #footer #copy_area .copy_layout .layout_l #ft_logo p {
            margin: 0 auto; } }
        #footer #copy_area .copy_layout .layout_l #ft_logo p a {
          background-image: url(../images/common/logo.svg);
          background-size: 216px 22px;
          display: block;
          width: 100%;
          height: 100%;
          padding: 0;
          text-indent: -999%;
          white-space: nowrap;
          overflow: hidden;
          background-repeat: no-repeat;
          background-position: center; }
      #footer #copy_area .copy_layout .layout_l .copy {
        margin-top: 20px; }
        #footer #copy_area .copy_layout .layout_l .copy p {
          font-size: 78.6%; }
          @media only screen and (max-width: 1024px) {
            #footer #copy_area .copy_layout .layout_l .copy p {
              text-align: center; } }
      #footer #copy_area .copy_layout .layout_r .ft_bnr {
        max-width: 656px; }
        @media only screen and (max-width: 1024px) {
          #footer #copy_area .copy_layout .layout_r .ft_bnr {
            max-width: none; } }
        #footer #copy_area .copy_layout .layout_r .ft_bnr ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin-left: -8px;
          margin-right: -8px; }
          @media only screen and (max-width: 768px) {
            #footer #copy_area .copy_layout .layout_r .ft_bnr ul {
              display: block;
              margin-left: 0;
              margin-right: 0; } }
          #footer #copy_area .copy_layout .layout_r .ft_bnr ul li {
            width: 33.33333333%;
            padding-left: 8px;
            padding-right: 8px; }
            @media only screen and (max-width: 768px) {
              #footer #copy_area .copy_layout .layout_r .ft_bnr ul li + li {
                margin-top: 17px; } }
            @media only screen and (max-width: 768px) {
              #footer #copy_area .copy_layout .layout_r .ft_bnr ul li {
                width: 100%;
                padding-left: 0;
                padding-right: 0; } }
            #footer #copy_area .copy_layout .layout_r .ft_bnr ul li a {
              display: block; }
            #footer #copy_area .copy_layout .layout_r .ft_bnr ul li img {
              width: 100%;
              height: auto; }
  #footer #page_top_area {
    height: 15px;
    background: #ebeced;
    margin-top: 65px; }
    @media only screen and (max-width: 1024px) {
      #footer #page_top_area {
        margin-top: 35px; } }
  #footer #page_top {
    position: absolute;
    z-index: 1000;
    bottom: 0;
    right: 24px; }
    @media only screen and (max-width: 1024px) {
      #footer #page_top {
        right: 16px; } }
    #footer #page_top.none {
      display: none !important; }
    #footer #page_top a {
      background-color: rgba(0, 0, 0, 0.7);
      width: 78px;
      height: 78px;
      font-size: 11px;
      font-weight: bold;
      padding-top: 47px;
      color: #fff;
      display: block;
      text-align: center;
      z-index: 999;
      border-radius: 10%;
      cursor: pointer;}
      @media only screen and (max-width: 1024px) {
        #footer #page_top a {
          background-color: rgba(0, 0, 0, 0.7);
          border-radius: 10%;
          font-size: 10px;
          font-weight: bold;
          color: #fff;
          padding-top: 34px;
          width: 58px;
          height: 58px; } }
      #footer #page_top a::after {
        position: absolute;
        content: "";
        top: calc(50% + -1px);
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        width: 18px;
        height: 18px; }
        @media only screen and (max-width: 1024px) {
          #footer #page_top a::after {
            border-top-color: #fff;
            border-right-color: #fff;
            width: 14px;
            height: 14px;
            top: calc(50% + -2px); } }
      @media only screen and (min-width: 1025px) {
        #footer #page_top a:hover {
          opacity: .8; } }
  #footer #filter_btn_sp {
    position: absolute;
    z-index: 1000;
    bottom: 80px;
    right: 14px; }
    @media only screen and (min-width: 1025px) {
      #footer #filter_btn_sp {
        display: none !important; } }
    #footer #filter_btn_sp.none {
      display: none !important; }
    #footer #filter_btn_sp span {
      font-size: 10px;
      font-weight: bold;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.7);
      width: 78px;
      height: 78px;
      display: block;
      text-align: center;
      z-index: 999;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: end;
      padding-bottom: 11px; }
      @media only screen and (max-width: 1024px) {
        #footer #filter_btn_sp span {
          border-radius: 50%;
          width: 62px;
          height: 62px; } }
        #footer #filter_btn_sp span img {
          width: 27px;}
      #footer #filter_btn_sp span::before {
        position: relative;
        display: block;
        line-height: 1;
        /* Better Font Rendering =========== */
        color: #fff;
        font-size: 30px;
        font-weight: normal; }
      @media only screen and (min-width: 1025px) {
        #footer #filter_btn_sp span:hover {
          opacity: .8; } }

/*                sp
======================================================= */
.hamburger_btn_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 30px;
  height: 25px; }
  .hamburger_btn_box .menu_btn {
    cursor: pointer; }
    .hamburger_btn_box .menu_btn.menu-trigger,
    .hamburger_btn_box .menu_btn.menu-trigger span {
      /* display: inline-block;
      transition: all .4s;
      box-sizing: border-box; */ }
    .hamburger_btn_box .menu_btn.menu-trigger {
      /* position: relative;
      z-index: 1001;//上層表示
      width: 30px;
      height: 25px; */
      width: 30px;
      height: 25px;
      display: inline-block;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .hamburger_btn_box .menu_btn.menu-trigger span {
        /* position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        //background-color: $hoverColor;//ボーダー色
        background-color: #90D3ED;//ボーダー色
        //border-radius: 3px; */
        display: inline-block;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #333333; }
        .hamburger_btn_box .menu_btn.menu-trigger span:nth-of-type(1) {
          top: 0; }
        .hamburger_btn_box .menu_btn.menu-trigger span:nth-of-type(2) {
          top: 11px; }
        .hamburger_btn_box .menu_btn.menu-trigger span:nth-of-type(3) {
          bottom: 0; }
      .hamburger_btn_box .menu_btn.menu-trigger.change span:nth-of-type(1) {
        -webkit-transform: translateY(9px) rotate(-40deg);
        -ms-transform: translateY(9px) rotate(-40deg);
        transform: translateY(9px) rotate(-40deg); }
      .hamburger_btn_box .menu_btn.menu-trigger.change span:nth-of-type(2) {
        opacity: 0; }
      .hamburger_btn_box .menu_btn.menu-trigger.change span:nth-of-type(3) {
        -webkit-transform: translateY(-13px) rotate(40deg);
        -ms-transform: translateY(-13px) rotate(40deg);
        transform: translateY(-13px) rotate(40deg); }

#sp_menu_area .sp_menu_bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1002;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1); }

.aaawhite_bg #sp_menu_area .sp_menu_bg {
  background-color: white; }

#sp_menu_area .sp_search {
  position: fixed;
  z-index: 1003;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  left: 0;
  top: 113px;
  display: none; }
  @media only screen and (min-width: 1025px) {
    #sp_menu_area .sp_search {
      display: none !important; } }
  #sp_menu_area .sp_search .inner {
    background: #fff;
    padding: 0; }
    #sp_menu_area .sp_search .inner .seach_inner .input_wrap {
      position: relative; }
      #sp_menu_area .sp_search .inner .seach_inner .input_wrap input.field {
        position: relative;
        border: none;
        border-radius: 0;
        border-bottom: 1px #dedede solid; }
      #sp_menu_area .sp_search .inner .seach_inner .input_wrap input.submit {
        cursor: pointer;
        border: none;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        width: 30px;
        height: 30px;
        background: url(../images/common/icon-search.svg) no-repeat center center;
        background-size: 25px 25px;
        text-indent: -9999px; }
    #sp_menu_area .sp_search .inner .seach_inner .popular_word {
      margin-top: 1.8em; }
      #sp_menu_area .sp_search .inner .seach_inner .popular_word .ttl {
        font-weight: bold;
        margin-bottom: 6px; }
      #sp_menu_area .sp_search .inner .seach_inner .popular_word .keywords a {
        display: inline;
        background: none;
        color: #222222;
        text-indent: 0; }
    #sp_menu_area .sp_search .inner .seach_inner .close_btn {
      cursor: pointer;
      text-align: center;
      padding: 1em 0;
      margin-top: 20px; }
      #sp_menu_area .sp_search .inner .seach_inner .close_btn p::before {
        position: relative;
        top: 3px;
        content: "";
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url(../images/common/icon-close.svg) no-repeat center center;
        background-size: 16px 16px;
        margin-right: 5px; }

#sp_menu_area .sp_menu {
  position: fixed;
  z-index: 1003;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  left: 0;
  top: 96px;
  overflow-y: auto;
  height: 100%;
  display: block;
  padding: 0 0 160px;
  display: none; }
  @media only screen and (min-width: 1025px) {
    #sp_menu_area .sp_menu {
      display: none !important; } }
  #sp_menu_area .sp_menu .login_navi {
    background-color: #fff; }
    #sp_menu_area .sp_menu .login_navi .navi_set > .ttl {
      position: relative;
      font-weight: bold;
      font-size: 114.3%;
      margin-bottom: 1.5em;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 1024px) {
        #sp_menu_area .sp_menu .login_navi .navi_set > .ttl {
          cursor: pointer;
          border-bottom: 1px #dedede solid;
          margin-bottom: 0;
          padding: 14px 16px; }
          #sp_menu_area .sp_menu .login_navi .navi_set > .ttl:not(.aco_ttl):after,
          #sp_menu_area .sp_menu .login_navi .navi_set > .ttl.aco_ttl.aco_button:after {
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            position: absolute;
            z-index: 1;
            right: 16px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f107";
            font-size: 22px;
            font-weight: bold;
            line-height: 0.2;
            color: #1a1a1a; }
        #sp_menu_area .sp_menu .login_navi .navi_set > .ttl.aco_ttl .aco_button{
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 50px;}}
      @media only screen and (max-width: 1024px) {
        #sp_menu_area .sp_menu .login_navi .navi_set > .ttl.aco_ttl.change {
          border-bottom: none; }
          #sp_menu_area .sp_menu .login_navi .navi_set > .ttl.aco_ttl.change.aco_button:after,
          #sp_menu_area .sp_menu .login_navi .navi_set > .ttl.aco_ttl.change .aco_button:after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            margin-top: -1px; } }
    #sp_menu_area .sp_menu .login_navi .navi_set a.ttl {
      display: flex;
      align-items: center; }
    #sp_menu_area .sp_menu .login_navi .navi_set .navi {
      display: none; }
      #sp_menu_area .sp_menu .login_navi .navi_set .navi + .navi {
        margin-top: 30px; }
        @media only screen and (max-width: 1024px) {
          #sp_menu_area .sp_menu .login_navi .navi_set .navi + .navi {
            margin-top: 0; } }
      #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form {
        border-bottom: 1px #dedede solid;
        padding-bottom: 16px; }
        #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form .inner {
          background: #fff;
          padding: 20px 16px 12px; }
          #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form .inner .ttl {
            font-weight: bold;
            margin-bottom: 20px; }
          #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form .inner .form dl {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form .inner .form dl + dl {
              margin-top: 16px; }
            #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form .inner .form dl dt {
              width: 7em;
              margin-right: 1em; }
            #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form .inner .form dl dd {
              -webkit-box-flex: 1;
              -ms-flex: 1 1 0%;
              flex: 1 1 0%; }
          #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form .inner .note {
            padding-left: 8em;
            margin-top: 0.5em;
            margin-bottom: 1.5em; }
            #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form .inner .note a {
              font-size: 78.6%; }
          #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form .inner .btn {
            max-width: none; }
            #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form .inner .btn a, #sp_menu_area .sp_menu .login_navi .navi_set .navi .login_form .inner .btn button {
              font-weight: bold; }
    #sp_menu_area .sp_menu .login_navi .navi_set.link_ar .ttl:not(.aco_ttl)::after {
      content: "\f105"; }
  #sp_menu_area .sp_menu .sp_navi {
	background-color: #fff;}
    #sp_menu_area .sp_menu .sp_navi .navi_set > .ttl {
      position: relative;
      font-weight: bold;
      font-size: 114.3%;
      margin-bottom: 1.5em; }
      @media only screen and (max-width: 1024px) {
        #sp_menu_area .sp_menu .sp_navi .navi_set > .ttl {
          cursor: pointer;
          border-bottom: 1px #dedede solid;
          padding: 1em;
          margin-bottom: 0; }
          #sp_menu_area .sp_menu .sp_navi .navi_set > .ttl.aco_ttl .aco_button{
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 50px;}
         #sp_menu_area .sp_menu .sp_navi .navi_set > .ttl:not(.aco_ttl):after,
         #sp_menu_area .sp_menu .sp_navi .navi_set > .ttl.aco_ttl .aco_button:after,
         #sp_menu_area .sp_menu .sp_navi .navi_set > .ttl.aco_ttl.aco_button:after {
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            position: absolute;
            z-index: 1;
            right: 16px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f107";
            font-size: 22px;
            font-weight: bold;
            line-height: 0.2;
            color: #1a1a1a; } }
      @media only screen and (max-width: 1024px) {
        #sp_menu_area .sp_menu .sp_navi .navi_set > .ttl.aco_ttl.change .aco_button:after,
        #sp_menu_area .sp_menu .sp_navi .navi_set > .ttl.aco_ttl.aco_button.change:after {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          margin-top: -1px; } }
    #sp_menu_area .sp_menu .sp_navi .navi_set a.ttl {
      display: block; }
    #sp_menu_area .sp_menu .sp_navi .navi_set .col2_navi,
    #sp_menu_area .sp_menu .sp_navi .navi_set .navi {
      display: none; }
      #sp_menu_area .sp_menu .sp_navi .navi_set .navi + .navi {
        margin-top: 30px; }
        @media only screen and (max-width: 1024px) {
          #sp_menu_area .sp_menu .sp_navi .navi_set .navi + .navi {
            margin-top: 0; } }
      #sp_menu_area .sp_menu .sp_navi .navi_set .navi ul {
        font-size: 1.3em;
        border-bottom: 1px #dedede solid;
        padding: 32px 16px; }
        #sp_menu_area .sp_menu .sp_navi .navi_set .navi ul li + li {
          margin-top: 0.8em; }
        @media only screen and (min-width: 1025px) {
          #sp_menu_area .sp_menu .sp_navi .navi_set .navi ul li.sp {
            display: none; } }
        #sp_menu_area .sp_menu .sp_navi .navi_set .navi ul a {
          font-size: 78.6%;
          display: block; }
          #sp_menu_area .sp_menu .sp_navi .navi_set .navi ul a::before {
            content: "";
            display: inline-block;
            position: relative;
            top: -1px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            border-top: solid 1px #333333;
            border-right: solid 1px #333333;
            width: 6px;
            height: 6px;
            margin-right: 8px; }
          @media only screen and (min-width: 1025px) {
            #sp_menu_area .sp_menu .sp_navi .navi_set .navi ul a:hover {
              opacity: 0.6; } }
    #sp_menu_area .sp_menu .sp_navi .navi_set.link_ar .ttl::after {
      content: "\f105"; }
    #sp_menu_area .sp_menu .sp_navi .navi_set.sale a.ttl {
      color: #333333; }

  #sp_menu_area .sp_menu .col2_navi {
	background-color: #fff;}
    #sp_menu_area .sp_menu .col2_navi ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	position: relative;}
  #sp_menu_area .sp_menu .col2_navi ul::after{
	content:"";
	display: block;
	width: 100%;
	position: absolute;
	height: 1px;
	background: #dedede;
	top: calc(100% - 1px);
	left: 0;}
      #sp_menu_area .sp_menu .col2_navi ul li {
        width: 50%; }
        @media only screen and (max-width: 1024px) {
          #sp_menu_area .sp_menu .col2_navi ul li a {
            display: block;
            position: relative;
            cursor: pointer;
            border-bottom: 1px #dedede solid;
            padding: 20px 16px;
            font-size: 12px;
            line-height: 1.5;
            height: 100%;
            margin-bottom: 0; }}
        @media only screen and (max-width: 1024px) {
          #sp_menu_area .sp_menu .col2_navi ul li a.flex{
            display: flex;
            align-items: center;
            padding:0;
          }
          #sp_menu_area .sp_menu .col2_navi ul li a.flex img{
            flex: 0 1 30.15%;
            min-width: 57px;
          }}
          #sp_menu_area .sp_menu .col2_navi ul li:nth-child(odd) a {
            border-right: 1px #dedede solid; }
  #sp_menu_area .sp_menu .close_btn {
    background-color: #fff;
    cursor: pointer;
    text-align: center;
	padding: 28px 0 32px 0 }
    #sp_menu_area .sp_menu .close_btn p::before {
      position: relative;
      top: 4px;
      left: -7px;
      content: "";
      width: 21px;
      height: 21px;
      display: inline-block;
      background: url(../images/common/icon-close.svg) no-repeat center center;
      background-size: contain;
      margin-right: 2px; }

#sp_menu_area .sp_panels {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: right;
  z-index: 1003; }
  @media only screen and (min-width: 1025px) {
    #sp_menu_area .sp_panels {
      display: none !important; } }
  #sp_menu_area .sp_panels .panels {
    position: absolute;
    z-index: 1003;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
    background: white;
    height: 100vh;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow-y: scroll;
    overflow-x: hidden; }
    @media only screen and (max-width: 1024px) {
      #sp_menu_area .sp_panels .panels.is-hide {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%); } }
  #sp_menu_area .sp_panels .panel {
    background: #fff;
    position: relative;
    z-index: 1003;
    top: 0;
    left: 0;
    width: 100%; }
    #sp_menu_area .sp_panels .panel .scroll {
      overflow-y: scroll;
      overflow-x: hidden; }
      #sp_menu_area .sp_panels .panel .scroll .scroll-contents {
        padding-bottom: 90px; }
        #sp_menu_area .sp_panels .panel .scroll .scroll-contents .header {
          position: relative;
          color: #fff;
          background: #1a1a1a;
          height: 55px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin: 0 -16px 16px; }
          #sp_menu_area .sp_panels .panel .scroll .scroll-contents .header .close {
            cursor: pointer;
            position: absolute;
            left: 16px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
            #sp_menu_area .sp_panels .panel .scroll .scroll-contents .header .close::before {
              font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
              font-size: inherit;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\f104";
              color: #fff;
              font-size: 18px;
              font-weight: bold;
              margin-right: 10px; }
          #sp_menu_area .sp_panels .panel .scroll .scroll-contents .header .ttl {
            font-size: 114.3%; }
          #sp_menu_area .sp_panels .panel .scroll .scroll-contents .header p + p {
            margin-top: 0; }
      #sp_menu_area .sp_panels .panel .scroll .action {
        position: fixed;
        bottom: 0;
        width: 100%;
        -webkit-box-shadow: 0 -8px 8px 0 rgba(136, 136, 136, 0.15);
        box-shadow: 0 -8px 8px 0 rgba(136, 136, 136, 0.15);
        background: #fff;
        padding: 16px; }
        #sp_menu_area .sp_panels .panel .scroll .action ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          #sp_menu_area .sp_panels .panel .scroll .action ul li.reset {
            width: 7.5em;
            margin-right: 15px; }
            #sp_menu_area .sp_panels .panel .scroll .action ul li.reset button {
              background: #fff;
              border: solid 1px #1a1a1a;
              border-radius: 4px; }
              #sp_menu_area .sp_panels .panel .scroll .action ul li.reset button span {
                font-weight: bold;
                -webkit-transform: scale(0.85);
                -ms-transform: scale(0.85);
                transform: scale(0.85);
                -webkit-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center;
                display: inline-block; }
          #sp_menu_area .sp_panels .panel .scroll .action ul li.submit {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 0%;
            flex: 1 1 0%; }
            #sp_menu_area .sp_panels .panel .scroll .action ul li.submit button {
              background: #1a1a1a;
              border: solid 1px #1a1a1a;
              border-radius: 4px; }
              #sp_menu_area .sp_panels .panel .scroll .action ul li.submit button span {
                color: #fff;
                font-weight: bold; }
          #sp_menu_area .sp_panels .panel .scroll .action ul li button {
            font-size: 16px;
            text-align: center;
            cursor: pointer;
            width: 100%;
            border: none;
            border-radius: 48px;
            display: block;
            background: #f6f6f6;
            padding: 11px 12px; }
    #sp_menu_area .sp_panels .panel .cells {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-bottom: 1px #e6e6e6 solid;
      margin: 0 -16px;
      padding: 0 16px; }
      #sp_menu_area .sp_panels .panel .cells .cell.ttl {
        width: 7.5em;
        font-size: 14px; }
        @media only screen and (max-width: 350px) {
          #sp_menu_area .sp_panels .panel .cells .cell.ttl {
            width: 6em;
            font-size: 12px; } }
      #sp_menu_area .sp_panels .panel .cells .cell.value {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        padding: 1em 0 1em 0; }
        #sp_menu_area .sp_panels .panel .cells .cell.value.minus_m {
          margin-left: -20px; }
          @media only screen and (max-width: 400px) {
            #sp_menu_area .sp_panels .panel .cells .cell.value.minus_m {
              margin: 0 -20px; } }
          @media only screen and (max-width: 350px) {
            #sp_menu_area .sp_panels .panel .cells .cell.value.minus_m {
              margin: 0 -30px; } }
        #sp_menu_area .sp_panels .panel .cells .cell.value.cat, #sp_menu_area .sp_panels .panel .cells .cell.value.brand, #sp_menu_area .sp_panels .panel .cells .cell.value.gender, #sp_menu_area .sp_panels .panel .cells .cell.value.sports, #sp_menu_area .sp_panels .panel .cells .cell.value.size {
          position: relative;
          color: #808080; }
          #sp_menu_area .sp_panels .panel .cells .cell.value.cat:after, #sp_menu_area .sp_panels .panel .cells .cell.value.brand:after, #sp_menu_area .sp_panels .panel .cells .cell.value.gender:after, #sp_menu_area .sp_panels .panel .cells .cell.value.sports:after, #sp_menu_area .sp_panels .panel .cells .cell.value.size:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 2px;
            -webkit-transform: translate(0, -50%) rotate(45deg);
            -ms-transform: translate(0, -50%) rotate(45deg);
            transform: translate(0, -50%) rotate(45deg);
            border-top: solid 2px #1a1a1a;
            border-right: solid 2px #1a1a1a;
            width: 8px;
            height: 8px; }
        #sp_menu_area .sp_panels .panel .cells .cell.value .prices {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          width: 100%; }
          #sp_menu_area .sp_panels .panel .cells .cell.value .prices .price {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            #sp_menu_area .sp_panels .panel .cells .cell.value .prices .price.input {
              width: auto; }
              #sp_menu_area .sp_panels .panel .cells .cell.value .prices .price.input input {
                font-size: 16px;
                cursor: pointer;
                display: inline-block;
                border: solid 1px #dedede;
                background-color: #f5f5f5;
                border-radius: 4px;
                width: 6.2em;
                padding: 8px; }
                @media only screen and (max-width: 400px) {
                  #sp_menu_area .sp_panels .panel .cells .cell.value .prices .price.input input {
                    width: 5em; } }
                @media only screen and (max-width: 350px) {
                  #sp_menu_area .sp_panels .panel .cells .cell.value .prices .price.input input {
                    width: 4.6em; } }
              #sp_menu_area .sp_panels .panel .cells .cell.value .prices .price.input small {
                padding: 0 6px; }
            #sp_menu_area .sp_panels .panel .cells .cell.value .prices .price.txt {
              padding-right: 4px;
              margin-left: -4px; }
        #sp_menu_area .sp_panels .panel .cells .cell.value .fliter-radio {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin: -7px 0; }
          #sp_menu_area .sp_panels .panel .cells .cell.value .fliter-radio li {
            width: 33.33333333%; }
            #sp_menu_area .sp_panels .panel .cells .cell.value .fliter-radio li + li {
              margin-left: 6px; }
            #sp_menu_area .sp_panels .panel .cells .cell.value .fliter-radio li label {
              font-size: 16px;
              font-weight: bold;
              text-align: center;
              cursor: pointer;
              border: 1px #1a1a1a solid;
              border-radius: 4px;
              display: block;
              padding: 5px 0; }
              #sp_menu_area .sp_panels .panel .cells .cell.value .fliter-radio li label > span {
                -webkit-transform: scale(0.8);
                -ms-transform: scale(0.8);
                transform: scale(0.8);
                -webkit-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center;
                display: inline-block; }
            #sp_menu_area .sp_panels .panel .cells .cell.value .fliter-radio li input[type="checkbox"],
            #sp_menu_area .sp_panels .panel .cells .cell.value .fliter-radio li input[type="radio"] {
              display: none; }
              #sp_menu_area .sp_panels .panel .cells .cell.value .fliter-radio li input[type="checkbox"]:checked + label,
              #sp_menu_area .sp_panels .panel .cells .cell.value .fliter-radio li input[type="radio"]:checked + label {
                color: #fff;
                background: #1a1a1a;
                border: 1px #1a1a1a solid; }
          #sp_menu_area .sp_panels .panel .cells .cell.value .fliter-radio.column2 li {
            width: 50%; }
      #sp_menu_area .sp_panels .panel .cells.color {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        #sp_menu_area .sp_panels .panel .cells.color .cell.ttl {
          padding-top: 1em; }
        #sp_menu_area .sp_panels .panel .cells.color p.select {
          color: #808080; }
    #sp_menu_area .sp_panels .panel .sp_panel_seach {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 -16px;
      padding: 0 16px 16px;
      border-bottom: 1px #e6e6e6 solid; }
      #sp_menu_area .sp_panels .panel .sp_panel_seach .ttl {
        width: 7.5em;
        font-size: 100%; }
      #sp_menu_area .sp_panels .panel .sp_panel_seach .input_wrap {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        position: relative; }
        #sp_menu_area .sp_panels .panel .sp_panel_seach .input_wrap input.field {
          position: relative;
          border: solid 1px #dedede;
          background-color: #f5f5f5; }
        #sp_menu_area .sp_panels .panel .sp_panel_seach .input_wrap input.submit {
          cursor: pointer;
          border: none;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          width: 30px;
          height: 30px;
          background: url(../images/common/icon-search.svg) no-repeat center center;
          background-size: 25px 25px;
          text-indent: -9999px; }
    #sp_menu_area .sp_panels .panel .colorlist {
      margin-left: -10px; }
      #sp_menu_area .sp_panels .panel .colorlist ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        #sp_menu_area .sp_panels .panel .colorlist ul li {
          width: 25%;
          text-align: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin-bottom: 10px; }
          #sp_menu_area .sp_panels .panel .colorlist ul li .color_wrap {
            border: 1px #fff solid;
            border-radius: 50%; }
            #sp_menu_area .sp_panels .panel .colorlist ul li .color_wrap .inner_line {
              border: 2px #fff solid;
              border-radius: 50%; }
              #sp_menu_area .sp_panels .panel .colorlist ul li .color_wrap .inner_line .color_bg {
                display: block;
                border-radius: 50%;
                overflow: hidden;
                width: 47px;
                height: 47px; }
                @media only screen and (max-width: 350px) {
                  #sp_menu_area .sp_panels .panel .colorlist ul li .color_wrap .inner_line .color_bg {
                    width: 39px;
                    height: 39px; } }
          #sp_menu_area .sp_panels .panel .colorlist ul li .color_name {
            color: #808080;
            font-size: 11px;
            margin-top: 5px; }
            @media only screen and (max-width: 350px) {
              #sp_menu_area .sp_panels .panel .colorlist ul li .color_name {
                font-size: 10px; } }
          #sp_menu_area .sp_panels .panel .colorlist ul li.selected .color_wrap {
            border: 1px #1a1a1a solid; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color01 .color_wrap .inner_line .color_bg {
            background: -webkit-linear-gradient(135deg, transparent, transparent 48%, red 48%, red 51%, transparent 51%, transparent);
            background: -o-linear-gradient(135deg, transparent, transparent 48%, red 48%, red 51%, transparent 51%, transparent);
            background: linear-gradient(-45deg, transparent, transparent 48%, red 48%, red 51%, transparent 51%, transparent);
            border: solid 1px #dedede; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color02 .color_wrap .inner_line .color_bg {
            background: #fff;
            border: solid 1px #dedede; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color03 .color_wrap .inner_line .color_bg {
            background: #313131; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color04 .color_wrap .inner_line .color_bg {
            background: #bdbdbd; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color05 .color_wrap .inner_line .color_bg {
            background: #795548; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color06 .color_wrap .inner_line .color_bg {
            background: #b18b55; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color07 .color_wrap .inner_line .color_bg {
            background: #e0d2ad; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color08 .color_wrap .inner_line .color_bg {
            background: #cddc39; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color09 .color_wrap .inner_line .color_bg {
            background: #66bb6a; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color10 .color_wrap .inner_line .color_bg {
            background: #00bfa5; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color11 .color_wrap .inner_line .color_bg {
            background: #42a5f5; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color12 .color_wrap .inner_line .color_bg {
            background: #3a8daa; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color13 .color_wrap .inner_line .color_bg {
            background: #3f51b5; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color14 .color_wrap .inner_line .color_bg {
            background: #ab48bc; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color15 .color_wrap .inner_line .color_bg {
            background: #ffee58; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color16 .color_wrap .inner_line .color_bg {
            background: #fd78a9; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color17 .color_wrap .inner_line .color_bg {
            background: #ef5350; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color18 .color_wrap .inner_line .color_bg {
            background: #fea729; }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color19 .color_wrap .inner_line .color_bg {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#a3a3a3));
            background-image: -webkit-linear-gradient(top, #ffffff, #a3a3a3);
            background-image: -o-linear-gradient(top, #ffffff, #a3a3a3);
            background-image: linear-gradient(to bottom, #ffffff, #a3a3a3); }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color20 .color_wrap .inner_line .color_bg {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c6b02a));
            background-image: -webkit-linear-gradient(top, #ffffff, #c6b02a);
            background-image: -o-linear-gradient(top, #ffffff, #c6b02a);
            background-image: linear-gradient(to bottom, #ffffff, #c6b02a); }
          #sp_menu_area .sp_panels .panel .colorlist ul li.color21 .color_wrap .inner_line .color_bg {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(25%, #feff00), color-stop(51%, #00ff18), color-stop(76%, #1c00ff), color-stop(97%, #ff009e));
            background-image: -webkit-linear-gradient(top, #ff0000, #feff00 25%, #00ff18 51%, #1c00ff 76%, #ff009e 97%);
            background-image: -o-linear-gradient(top, #ff0000, #feff00 25%, #00ff18 51%, #1c00ff 76%, #ff009e 97%);
            background-image: linear-gradient(to bottom, #ff0000, #feff00 25%, #00ff18 51%, #1c00ff 76%, #ff009e 97%); }
    #sp_menu_area .sp_panels .panel .scroll_first_cat ul {
      font-size: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      background: #f0f0f0;
      border-top: 1px #e6e6e6 solid; }
      #sp_menu_area .sp_panels .panel .scroll_first_cat ul li {
        width: 100%; }
        #sp_menu_area .sp_panels .panel .scroll_first_cat ul li span {
          background: #fff;
          display: block;
          height: 100%;
          padding: 1.3em 16px; }
        #sp_menu_area .sp_panels .panel .scroll_first_cat ul li > ul {
          padding: 8px;
          margin-bottom: -4px; }
          #sp_menu_area .sp_panels .panel .scroll_first_cat ul li > ul li {
            margin-bottom: 4px; }
    #sp_menu_area .sp_panels .panel .scroll_first_cat,
    #sp_menu_area .sp_panels .panel .scroll_cat__sub,
    #sp_menu_area .sp_panels .panel .scroll_brand,
    #sp_menu_area .sp_panels .panel .scroll_gender,
    #sp_menu_area .sp_panels .panel .scroll_sports,
    #sp_menu_area .sp_panels .panel .scroll_size {
      overflow-y: scroll;
      overflow-x: hidden;
      position: absolute;
      z-index: 1003;
      top: 0;
      left: 0;
      width: 100%;
      background: #ffffff;
      height: 100%;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
      #sp_menu_area .sp_panels .panel .scroll_first_cat::before,
      #sp_menu_area .sp_panels .panel .scroll_cat__sub::before,
      #sp_menu_area .sp_panels .panel .scroll_brand::before,
      #sp_menu_area .sp_panels .panel .scroll_gender::before,
      #sp_menu_area .sp_panels .panel .scroll_sports::before,
      #sp_menu_area .sp_panels .panel .scroll_size::before {
        /* position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          display: block;
          background: #000; */ }
      #sp_menu_area .sp_panels .panel .scroll_first_cat .scroll-contents .header,
      #sp_menu_area .sp_panels .panel .scroll_cat__sub .scroll-contents .header,
      #sp_menu_area .sp_panels .panel .scroll_brand .scroll-contents .header,
      #sp_menu_area .sp_panels .panel .scroll_gender .scroll-contents .header,
      #sp_menu_area .sp_panels .panel .scroll_sports .scroll-contents .header,
      #sp_menu_area .sp_panels .panel .scroll_size .scroll-contents .header {
        position: relative;
        color: #fff;
        background: #1a1a1a;
        height: 55px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -16px; }
        #sp_menu_area .sp_panels .panel .scroll_first_cat .scroll-contents .header .return,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .scroll-contents .header .return,
        #sp_menu_area .sp_panels .panel .scroll_brand .scroll-contents .header .return,
        #sp_menu_area .sp_panels .panel .scroll_gender .scroll-contents .header .return,
        #sp_menu_area .sp_panels .panel .scroll_sports .scroll-contents .header .return,
        #sp_menu_area .sp_panels .panel .scroll_size .scroll-contents .header .return {
          cursor: pointer;
          position: absolute;
          left: 16px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
          #sp_menu_area .sp_panels .panel .scroll_first_cat .scroll-contents .header .return::before,
          #sp_menu_area .sp_panels .panel .scroll_cat__sub .scroll-contents .header .return::before,
          #sp_menu_area .sp_panels .panel .scroll_brand .scroll-contents .header .return::before,
          #sp_menu_area .sp_panels .panel .scroll_gender .scroll-contents .header .return::before,
          #sp_menu_area .sp_panels .panel .scroll_sports .scroll-contents .header .return::before,
          #sp_menu_area .sp_panels .panel .scroll_size .scroll-contents .header .return::before {
            font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f104";
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            margin-right: 10px; }
        #sp_menu_area .sp_panels .panel .scroll_first_cat .scroll-contents .header .ttl,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .scroll-contents .header .ttl,
        #sp_menu_area .sp_panels .panel .scroll_brand .scroll-contents .header .ttl,
        #sp_menu_area .sp_panels .panel .scroll_gender .scroll-contents .header .ttl,
        #sp_menu_area .sp_panels .panel .scroll_sports .scroll-contents .header .ttl,
        #sp_menu_area .sp_panels .panel .scroll_size .scroll-contents .header .ttl {
          font-size: 114.3%; }
        #sp_menu_area .sp_panels .panel .scroll_first_cat .scroll-contents .header p + p,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .scroll-contents .header p + p,
        #sp_menu_area .sp_panels .panel .scroll_brand .scroll-contents .header p + p,
        #sp_menu_area .sp_panels .panel .scroll_gender .scroll-contents .header p + p,
        #sp_menu_area .sp_panels .panel .scroll_sports .scroll-contents .header p + p,
        #sp_menu_area .sp_panels .panel .scroll_size .scroll-contents .header p + p {
          margin-top: 0; }
      #sp_menu_area .sp_panels .panel .scroll_first_cat .cat_list > li,
      #sp_menu_area .sp_panels .panel .scroll_first_cat .brand_list > li,
      #sp_menu_area .sp_panels .panel .scroll_first_cat .gender_list > li,
      #sp_menu_area .sp_panels .panel .scroll_first_cat .sports_list > li,
      #sp_menu_area .sp_panels .panel .scroll_first_cat .size_list > li,

      #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list > li,
      #sp_menu_area .sp_panels .panel .scroll_cat__sub .brand_list > li,
      #sp_menu_area .sp_panels .panel .scroll_cat__sub .gender_list > li,
      #sp_menu_area .sp_panels .panel .scroll_cat__sub .sports_list > li,
      #sp_menu_area .sp_panels .panel .scroll_cat__sub .size_list > li,
      #sp_menu_area .sp_panels .panel .scroll_brand .cat_list > li,
      #sp_menu_area .sp_panels .panel .scroll_brand .brand_list > li,
      #sp_menu_area .sp_panels .panel .scroll_brand .gender_list > li,
      #sp_menu_area .sp_panels .panel .scroll_brand .sports_list > li,
      #sp_menu_area .sp_panels .panel .scroll_brand .size_list > li,
      #sp_menu_area .sp_panels .panel .scroll_gender .cat_list > li,
      #sp_menu_area .sp_panels .panel .scroll_gender .brand_list > li,
      #sp_menu_area .sp_panels .panel .scroll_gender .gender_list > li,
      #sp_menu_area .sp_panels .panel .scroll_gender .sports_list > li,
      #sp_menu_area .sp_panels .panel .scroll_gender .size_list > li,
      #sp_menu_area .sp_panels .panel .scroll_sports .cat_list > li,
      #sp_menu_area .sp_panels .panel .scroll_sports .brand_list > li,
      #sp_menu_area .sp_panels .panel .scroll_sports .gender_list > li,
      #sp_menu_area .sp_panels .panel .scroll_sports .sports_list > li,
      #sp_menu_area .sp_panels .panel .scroll_sports .size_list > li,
      #sp_menu_area .sp_panels .panel .scroll_size .cat_list > li,
      #sp_menu_area .sp_panels .panel .scroll_size .brand_list > li,
      #sp_menu_area .sp_panels .panel .scroll_size .gender_list > li,
      #sp_menu_area .sp_panels .panel .scroll_size .sports_list > li,
      #sp_menu_area .sp_panels .panel .scroll_size .size_list > li {
        font-size: 16px;
        border-bottom: 1px #e6e6e6 solid; }
        #sp_menu_area .sp_panels .panel .scroll_first_cat .cat_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .brand_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .gender_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .sports_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .size_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .brand_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_cat__subt .gender_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .sports_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .size_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_brand .cat_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_brand .brand_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_brand .gender_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_brand .sports_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_brand .size_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_gender .cat_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_gender .brand_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_gender .gender_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_gender .sports_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_gender .size_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_sports .cat_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_sports .brand_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_sports .gender_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_sports .sports_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_sports .size_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_size .cat_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_size .brand_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_size .gender_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_size .sports_list > li span,
        #sp_menu_area .sp_panels .panel .scroll_size .size_list > li span {
          display: block;
          height: 100%;
          padding: 1.3em 16px; }
        #sp_menu_area .sp_panels .panel .scroll_first_cat .cat_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .brand_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .gender_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .sports_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .size_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .brand_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .gender_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .sports_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .size_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_brand .cat_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_brand .brand_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_brand .gender_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_brand .sports_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_brand .size_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_gender .cat_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_gender .brand_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_gender .gender_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_gender .sports_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_gender .size_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_sports .cat_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_sports .brand_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_sports .gender_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_sports .sports_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_sports .size_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_size .cat_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_size .brand_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_size .gender_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_size .sports_list > li.toggle > span,
        #sp_menu_area .sp_panels .panel .scroll_size .size_list > li.toggle > span {
          position: relative;
          display: block;
          padding: 1.3em 16px; }
          #sp_menu_area .sp_panels .panel .scroll_first_cat .cat_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_first_cat .brand_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_first_cat .gender_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_first_cat .sports_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_first_cat .size_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_cat__sub .brand_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_cat__sub .gender_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_cat__sub .sports_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_cat__sub .size_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_brand .cat_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_brand .brand_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_brand .gender_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_brand .sports_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_brand .size_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_gender .cat_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_gender .brand_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_gender .gender_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_gender .sports_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_gender .size_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_sports .cat_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_sports .brand_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_sports .gender_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_sports .sports_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_sports .size_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_size .cat_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_size .brand_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_size .gender_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_size .sports_list > li.toggle > span:after,
          #sp_menu_area .sp_panels .panel .scroll_size .size_list > li.toggle > span:after {
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            position: absolute;
            right: 16px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f107";
            font-size: 22px;
            font-weight: bold;
            line-height: 0.4;
            color: #1a1a1a; }
        #sp_menu_area .sp_panels .panel .scroll_first_cat .cat_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .brand_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .gender_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .sports_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .size_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .brand_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .gender_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .sports_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .size_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_brand .cat_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_brand .brand_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_brand .gender_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_brand .sports_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_brand .size_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_gender .cat_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_gender .brand_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_gender .gender_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_gender .sports_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_gender .size_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_sports .cat_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_sports .brand_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_sports .gender_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_sports .sports_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_sports .size_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_size .cat_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_size .brand_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_size .gender_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_size .sports_list > li.toggle.open > span:after,
        #sp_menu_area .sp_panels .panel .scroll_size .size_list > li.toggle.open > span:after {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          margin-top: -4px; }
        #sp_menu_area .sp_panels .panel .scroll_first_cat .cat_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .brand_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .gender_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .sports_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .size_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .brand_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .gender_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .sports_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .size_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_brand .cat_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_brand .brand_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_brand .gender_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_brand .sports_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_brand .size_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_gender .cat_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_gender .brand_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_gender .gender_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_gender .sports_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_gender .size_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_sports .cat_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_sports .brand_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_sports .gender_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_sports .sports_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_sports .size_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_size .cat_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_size .brand_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_size .gender_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_size .sports_list > li.toggle .ul_wrap,
        #sp_menu_area .sp_panels .panel .scroll_size .size_list > li.toggle .ul_wrap {
          display: none; }
        #sp_menu_area .sp_panels .panel .scroll_first_cat .cat_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .brand_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .gender_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .sports_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_first_cat .size_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .brand_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .gender_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .sports_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub .size_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_brand .cat_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_brand .brand_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_brand .gender_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_brand .sports_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_brand .size_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_gender .cat_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_gender .brand_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_gender .gender_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_gender .sports_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_gender .size_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_sports .cat_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_sports .brand_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_sports .gender_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_sports .sports_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_sports .size_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_size .cat_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_size .brand_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_size .gender_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_size .sports_list > li.toggle ul,
        #sp_menu_area .sp_panels .panel .scroll_size .size_list > li.toggle ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          background: #f0f0f0;
          border-top: 1px #e6e6e6 solid;
          padding: 8px;
          margin-bottom: -4px; }
          #sp_menu_area .sp_panels .panel .scroll_first_cat .cat_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_first_cat .brand_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_first_cat .gender_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_first_cat .sports_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_first_cat .size_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_cat__sub .brand_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_cat__sub .gender_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_cat__sub .sports_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_cat__sub .size_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_brand .cat_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_brand .brand_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_brand .gender_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_brand .sports_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_brand .size_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_gender .cat_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_gender .brand_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_gender .gender_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_gender .sports_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_gender .size_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_sports .cat_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_sports .brand_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_sports .gender_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_sports .sports_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_sports .size_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_size .cat_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_size .brand_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_size .gender_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_size .sports_list > li.toggle ul li,
          #sp_menu_area .sp_panels .panel .scroll_size .size_list > li.toggle ul li {
            width: 100%;
            margin-bottom: 4px; }
            #sp_menu_area .sp_panels .panel .scroll_first_cat .cat_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_first_cat .brand_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_first_cat .gender_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_first_cat .sports_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_first_cat .size_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_cat__sub .brand_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_cat__sub .gender_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_cat__sub .sports_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_cat__sub .size_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_brand .cat_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_brand .brand_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_brand .gender_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_brand .sports_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_brand .size_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_gender .cat_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_gender .brand_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_gender .gender_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_gender .sports_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_gender .size_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_sports .cat_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_sports .brand_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_sports .gender_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_sports .sports_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_sports .size_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_size .cat_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_size .brand_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_size .gender_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_size .sports_list > li.toggle ul li span,
            #sp_menu_area .sp_panels .panel .scroll_size .size_list > li.toggle ul li span {
              background: #fff; }
      @media only screen and (max-width: 1024px) {
        #sp_menu_area .sp_panels .panel .scroll_first_cat.is-hide,
        #sp_menu_area .sp_panels .panel .scroll_cat__sub.is-hide,
        #sp_menu_area .sp_panels .panel .scroll_brand.is-hide,
        #sp_menu_area .sp_panels .panel .scroll_gender.is-hide,
        #sp_menu_area .sp_panels .panel .scroll_sports.is-hide,
        #sp_menu_area .sp_panels .panel .scroll_size.is-hide {
          -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
          transform: translateX(100%); } }
    #sp_menu_area .sp_panels .panel .scroll_cat__sub{
      background: #f0f0f0; }
      #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list > li span.default{
        background: #fff; }
    #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list li.toggle > span,
    #sp_menu_area .sp_panels .panel .scroll_brand .brand_list li.toggle > span,
    #sp_menu_area .sp_panels .panel .scroll_gender .gender_list li.toggle > span,
    #sp_menu_area .sp_panels .panel .scroll_sports .sports_list li.toggle > span,
    #sp_menu_area .sp_panels .panel .scroll_size .size_list li.toggle > span {
      display: none; }
    #sp_menu_area .sp_panels .panel .scroll_cat__sub .cat_list li.toggle .ul_wrap,
    #sp_menu_area .sp_panels .panel .scroll_gender .gender_list li.toggle .ul_wrap,
    #sp_menu_area .sp_panels .panel .scroll_sports .sports_list li.toggle .ul_wrap,
    #sp_menu_area .sp_panels .panel .scroll_size .size_list li.toggle .ul_wrap {
      display: block !important; }

/*                side
======================================================= */
.side_block .block {
  padding-top: 16px;
  margin-bottom: 25px; }
  .side_block .block + .block {
    border-top: 1px #dedede solid; }
  .side_block .block:first-child {
    padding-top: 0; }
  .side_block .block .ttl {
    font-size: 128.6%;
    font-weight: bold;
    padding-bottom: 0.6em; }
  .side_block .block ul.cat li {
    font-size: 92.9%; }
    .side_block .block ul.cat li.toggle > span {
      cursor: pointer;
      position: relative;
      display: block;
      padding: 0.7em 28px 0.6em 18px; }
      .side_block .block ul.cat li.toggle > span::after {
        font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        content: "\f107";
        font-size: 22px;
        line-height: 0.2;
        font-weight: bold;
        position: absolute;
        top: calc(50% - 8px);
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .side_block .block ul.cat li.toggle.open > span {
      background-color: #f2f2f2; }
      .side_block .block ul.cat li.toggle.open > span::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-top: -1px; }
    .side_block .block ul.cat li.toggle.none > a {
      cursor: pointer;
      position: relative;
      display: block;
      padding: 0.7em 28px 0.6em 18px; }
      @media only screen and (min-width: 1025px) {
        .side_block .block ul.cat li.toggle.none > a:hover {
          opacity: .8; } }
      .side_block .block ul.cat li.toggle.none > a:hover span.close {
        opacity: 1; }
      .side_block .block ul.cat li.toggle.none > a.active {
        background-color: #f2f2f2; }
    .side_block .block ul.cat li.toggle.none span.close {
      display: block;
      display: none !important;
      position: absolute;
      z-index: 1000;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      cursor: pointer;
      width: 22px;
      height: 22px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      opacity: 0; }
      .side_block .block ul.cat li.toggle.none span.close::before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: #fff;
        border-radius: 50%; }
      .side_block .block ul.cat li.toggle.none span.close::after {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e909";
        color: #333333;
        font-size: 10px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0.7);
        -ms-transform: translateY(-50%) scale(0.7);
        transform: translateY(-50%) scale(0.7);
        right: 6px; }
  .side_block .block ul.cat .furl li {
    font-size: 11px; }
    .side_block .block ul.cat .furl li a {
      padding: 0.95em 28px 0.85em 18px; }
  .side_block .block ul.furl li {
    font-size: 92.9%;
    position: relative; }
    .side_block .block ul.furl li a {
      cursor: pointer;
      color: #333333;
      display: block;
      padding: 0.7em 28px 0.6em 18px; }
      @media only screen and (min-width: 1025px) {
        .side_block .block ul.furl li a:hover {
          opacity: .8; } }
      .side_block .block ul.furl li a:hover span.close {
        opacity: 1; }
      .side_block .block ul.furl li a.active {
        background-color: #f2f2f2; }
    .side_block .block ul.furl li span.close {
      display: none !important;
      position: absolute;
      z-index: 1000;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      cursor: pointer;
      width: 22px;
      height: 22px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      opacity: 0; }
      .side_block .block ul.furl li span.close::before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: #fff;
        border-radius: 50%; }
      .side_block .block ul.furl li span.close::after {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e909";
        color: #333333;
        font-size: 10px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0.7);
        -ms-transform: translateY(-50%) scale(0.7);
        transform: translateY(-50%) scale(0.7);
        right: 6px; }
  .side_block .block.aco {
    margin-bottom: 0; }
    .side_block .block.aco .aco_ttl {
      position: relative;
      cursor: pointer;
      padding-right: 1.5em; }
      .side_block .block.aco .aco_ttl::after {
        font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        content: "\f107";
        font-size: 22px;
        line-height: 0.2;
        font-weight: bold;
        position: absolute;
        top: calc(50% - 8px);
        right: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .side_block .block.aco .aco_ttl.open::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
    .side_block .block.aco .aco_inner {
      display: none;
      margin-bottom: 25px; }
    .side_block .block.aco.default_open .aco_inner {
      display: block; }
  .side_block .block.keyword .input_wrap {
    position: relative; }
    .side_block .block.keyword .input_wrap input.field {
      position: relative;
      border: solid 1px #dedede;
      background-color: #f5f5f5; }
    .side_block .block.keyword .input_wrap input.submit {
      cursor: pointer;
      border: none;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0;
      width: 30px;
      height: 30px;
      background: url(../images/common/icon-search.svg) no-repeat center center;
      background-size: 25px 25px;
      text-indent: -9999px; }
  .side_block .block.price .price_form .price_slider ul.range_display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 20px; }
    .side_block .block.price .price_form .price_slider ul.range_display li {
      position: relative;
      width: 50%;
      font-size: 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      white-space: nowrap;
      padding: 0; }
      .side_block .block.price .price_form .price_slider ul.range_display li + li {
        margin-left: 1.2em; }
        .side_block .block.price .price_form .price_slider ul.range_display li + li::before {
          color: #808080;
          content: '～';
          position: absolute;
          right: 100%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          margin-right: 2px; }
      .side_block .block.price .price_form .price_slider ul.range_display li input {
        border: 1px #dedede solid;
        background: #f5f5f5;
        border-radius: 5px;
        font-size: 14px;
        width: 100%;
        text-align: right;
        padding: 11px 5px; }
        @media all and (-ms-high-contrast: none) {
          .side_block .block.price .price_form .price_slider ul.range_display li input {
            padding: 9px 5px 13px 5px; } }
      .side_block .block.price .price_form .price_slider ul.range_display li label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .side_block .block.price .price_form .price_slider ul.range_display li span.unit {
        color: #808080;
        margin: 0 2px 0 2px; }
  .side_block .block.price .price_form #priceslider {
    margin: 12px 13px 20px; }
  .side_block .block.price .price_form .noUi-target,
  .side_block .block.price .price_form .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .side_block .block.price .price_form .noUi-target {
    position: relative;
    z-index: 0;
    direction: ltr; }
  .side_block .block.price .price_form .noUi-base {
    width: 100%;
    height: 100%;
    position: relative; }
  .side_block .block.price .price_form .noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0; }
  .side_block .block.price .price_form .noUi-origin {
    position: absolute;
    height: 0;
    width: 0; }
  .side_block .block.price .price_form .noUi-handle {
    position: relative;
    z-index: 0; }
  .side_block .block.price .price_form .noUi-state-drag * {
    cursor: inherit !important; }
  .side_block .block.price .price_form .noUi-horizontal {
    height: 4px; }
  .side_block .block.price .price_form .noUi-horizontal .noUi-handle {
    border-radius: 100%;
    width: 20px;
    height: 20px;
    left: -10px;
    top: -8px; }
  .side_block .block.price .price_form .noUi-target {
    background: #f0f0f0; }
  .side_block .block.price .price_form .noUi-connect {
    background: #1a1a1a; }
  .side_block .block.price .price_form .noUi-draggable {
    cursor: ew-resize; }
  .side_block .block.price .price_form .noUi-vertical .noUi-draggable {
    cursor: ns-resize; }
  .side_block .block.price .price_form .noUi-handle {
    border: 3px #1a1a1a solid;
    background-color: #fff;
    outline: none; }
  .side_block .block.price .price_form [disabled] .noUi-connect {
    background: #1a1a1a; }
  .side_block .block.price .price_form [disabled].noUi-target,
  .side_block .block.price .price_form [disabled].noUi-handle,
  .side_block .block.price .price_form [disabled] .noUi-handle {
    cursor: not-allowed; }
  .side_block .block.price .price_form .price_submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -4px;
    margin-right: -4px; }
    .side_block .block.price .price_form .price_submit li {
      width: 50%;
      padding-left: 4px;
      padding-right: 4px; }
      .side_block .block.price .price_form .price_submit li input[type="reset"] {
        font-size: 12px;
        font-weight: bold;
        border-radius: 4px;
        border: solid 1px #000000;
        background-color: #ffffff;
        cursor: pointer;
        height: 36px;
        padding: 4px 0; }
      .side_block .block.price .price_form .price_submit li input[type="submit"] {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background: #1a1a1a;
        border-radius: 4px;
        border: none;
        cursor: pointer;
        height: 36px;
        padding: 4px 0; }
  .side_block .block.color .colorlist ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .side_block .block.color .colorlist ul li {
      width: 25%;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 10px; }
      .side_block .block.color .colorlist ul li .color_wrap {
        border: 1px #fff solid;
        border-radius: 50%; }
        .side_block .block.color .colorlist ul li .color_wrap .inner_line {
          border: 2px #fff solid;
          border-radius: 50%; }
          .side_block .block.color .colorlist ul li .color_wrap .inner_line .color_bg {
            display: block;
            border-radius: 50%;
            overflow: hidden;
            width: 40px;
            height: 40px;
            margin-left: auto;
            margin-right: auto; }
      .side_block .block.color .colorlist ul li .color_name {
        color: #808080;
        font-size: 10px;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        margin-top: 5px; }
      .side_block .block.color .colorlist ul li.selected .color_wrap {
        border: 1px #1a1a1a solid; }
      .side_block .block.color .colorlist ul li.color01 .color_wrap .inner_line .color_bg {
        background: -webkit-linear-gradient(135deg, transparent, transparent 48%, red 48%, red 51%, transparent 51%, transparent);
        background: -o-linear-gradient(135deg, transparent, transparent 48%, red 48%, red 51%, transparent 51%, transparent);
        background: linear-gradient(-45deg, transparent, transparent 48%, red 48%, red 51%, transparent 51%, transparent);
        border: solid 1px #dedede; }
      .side_block .block.color .colorlist ul li.color02 .color_wrap .inner_line .color_bg {
        background: #fff;
        border: solid 1px #dedede; }
      .side_block .block.color .colorlist ul li.color03 .color_wrap .inner_line .color_bg {
        background: #313131; }
      .side_block .block.color .colorlist ul li.color04 .color_wrap .inner_line .color_bg {
        background: #bdbdbd; }
      .side_block .block.color .colorlist ul li.color05 .color_wrap .inner_line .color_bg {
        background: #795548; }
      .side_block .block.color .colorlist ul li.color06 .color_wrap .inner_line .color_bg {
        background: #b18b55; }
      .side_block .block.color .colorlist ul li.color07 .color_wrap .inner_line .color_bg {
        background: #e0d2ad; }
      .side_block .block.color .colorlist ul li.color08 .color_wrap .inner_line .color_bg {
        background: #cddc39; }
      .side_block .block.color .colorlist ul li.color09 .color_wrap .inner_line .color_bg {
        background: #66bb6a; }
      .side_block .block.color .colorlist ul li.color10 .color_wrap .inner_line .color_bg {
        background: #00bfa5; }
      .side_block .block.color .colorlist ul li.color11 .color_wrap .inner_line .color_bg {
        background: #42a5f5; }
      .side_block .block.color .colorlist ul li.color12 .color_wrap .inner_line .color_bg {
        background: #3a8daa; }
      .side_block .block.color .colorlist ul li.color13 .color_wrap .inner_line .color_bg {
        background: #3f51b5; }
      .side_block .block.color .colorlist ul li.color14 .color_wrap .inner_line .color_bg {
        background: #ab48bc; }
      .side_block .block.color .colorlist ul li.color15 .color_wrap .inner_line .color_bg {
        background: #ffee58; }
      .side_block .block.color .colorlist ul li.color16 .color_wrap .inner_line .color_bg {
        background: #fd78a9; }
      .side_block .block.color .colorlist ul li.color17 .color_wrap .inner_line .color_bg {
        background: #ef5350; }
      .side_block .block.color .colorlist ul li.color18 .color_wrap .inner_line .color_bg {
        background: #fea729; }
      .side_block .block.color .colorlist ul li.color19 .color_wrap .inner_line .color_bg {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#a3a3a3));
        background-image: -webkit-linear-gradient(top, #ffffff, #a3a3a3);
        background-image: -o-linear-gradient(top, #ffffff, #a3a3a3);
        background-image: linear-gradient(to bottom, #ffffff, #a3a3a3); }
      .side_block .block.color .colorlist ul li.color20 .color_wrap .inner_line .color_bg {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c6b02a));
        background-image: -webkit-linear-gradient(top, #ffffff, #c6b02a);
        background-image: -o-linear-gradient(top, #ffffff, #c6b02a);
        background-image: linear-gradient(to bottom, #ffffff, #c6b02a); }
      .side_block .block.color .colorlist ul li.color21 .color_wrap .inner_line .color_bg {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(25%, #feff00), color-stop(51%, #00ff18), color-stop(76%, #1c00ff), color-stop(97%, #ff009e));
        background-image: -webkit-linear-gradient(top, #ff0000, #feff00 25%, #00ff18 51%, #1c00ff 76%, #ff009e 97%);
        background-image: -o-linear-gradient(top, #ff0000, #feff00 25%, #00ff18 51%, #1c00ff 76%, #ff009e 97%);
        background-image: linear-gradient(to bottom, #ff0000, #feff00 25%, #00ff18 51%, #1c00ff 76%, #ff009e 97%); }

/*                bread
======================================================= */
#aaabread {
  display: none; }

#bread {
  position: absolute;
  width: 100%;
  top: 224px; }
  @media only screen and (max-width: 1024px) {
    #bread {
      top: 96px; } }
  @media only screen and (max-width: 900px) {
    #bread {
      position: static;
      display: block;
      border-top: 1px #dedede solid;
      border-bottom: 1px #dedede solid;
      padding-top: 0;
      margin: 0; } }
  #bread ol {
    overflow: hidden;
    margin: 22px 0 42px; }
    @media only screen and (max-width: 900px) {
      #bread ol {
        overflow-x: auto;
        white-space: nowrap;
        margin: 10px 0 8px;
        margin: 0; } }
    #bread ol li {
      display: inline-block;
      float: left;
      font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 78.6%; }
      @media only screen and (max-width: 900px) {
        #bread ol li {
          position: relative;
          line-height: 36px;
          float: none;
          padding-right: 16px;
          padding-left: 4px; } }
      #bread ol li:before {
        content: "\f105";
        margin: 0 1em; }
        @media only screen and (max-width: 900px) {
          #bread ol li:before {
            content: "";
            position: absolute;
            top: calc(-50% + 2px);
            right: 10px;
            -webkit-transform: rotate(150deg);
            -ms-transform: rotate(150deg);
            transform: rotate(150deg);
            background: #dedede;
            width: 1px;
            height: 36px;
            margin: 0; } }
      @media only screen and (max-width: 900px) {
        #bread ol li::after {
          content: "";
          position: absolute;
          top: calc(50% - 3px);
          right: 10px;
          -webkit-transform: rotate(30deg);
          -ms-transform: rotate(30deg);
          transform: rotate(30deg);
          background: #dedede;
          width: 1px;
          height: 36px;
          margin: 0; } }
      @media only screen and (max-width: 900px) {
        #bread ol li:first-child {
          padding-left: 10px; } }
      #bread ol li:first-child:before {
        content: "";
        margin: 0; }
      @media only screen and (max-width: 900px) {
        #bread ol li:last-child::before, #bread ol li:last-child::after {
          content: none; } }
      @media only screen and (max-width: 900px) {
        #bread ol li > a {
          display: block; } }
  @media only screen and (max-width: 900px) {
    #bread .main_width {
      max-width: none;
      padding: 0; } }

/*                共通レイアウト
======================================================= */
.slider {
  position: relative;
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear; }
  .slider.slick-initialized {
    opacity: 1; }
  .slider .slick-list {
    width: 100%;
    height: 100%; }
  .slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
  .slider .slick-slide {
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s; }
  .slider .slick-arrow {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    position: absolute;
    top: calc(50% - 15px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1001;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 80px; }
    .slider .slick-arrow.nv_left {
      left: 0; }
      .slider .slick-arrow.nv_left span {
        padding-right: 1px; }
        .slider .slick-arrow.nv_left span:before {
          content: "";
          position: absolute;
          top: 50%;
          right: calc(50% - 12px);
          -webkit-transform: translate(-50%, -50%) rotate(-135deg);
          -ms-transform: translate(-50%, -50%) rotate(-135deg);
          transform: translate(-50%, -50%) rotate(-135deg);
          border-top: solid 2px #fff;
          border-right: solid 2px #fff;
          width: 10px;
          height: 10px; }
    .slider .slick-arrow.nv_right {
      right: 0; }
      .slider .slick-arrow.nv_right span {
        padding-left: 1px; }
        .slider .slick-arrow.nv_right span:after {
          content: "";
          position: absolute;
          top: 50%;
          right: calc(50% - 8px);
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
          -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
          border-top: solid 2px #fff;
          border-right: solid 2px #fff;
          width: 10px;
          height: 10px; }
  .slider .slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 22px; }
    .slider .slick-dots li {
      width: 9px;
      height: 9px; }
      .slider .slick-dots li + li {
        margin-left: 17px; }
      .slider .slick-dots li button {
        overflow: visible;
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
        position: relative;
        z-index: 999;
        background-color: #e4e4e4;
        border-radius: 100%;
        width: 9px;
        height: 9px;
        text-indent: -9999px; }
      .slider .slick-dots li:first-child button::before {
        display: none; }
      .slider .slick-dots li:last-child button::after {
        display: none; }
      .slider .slick-dots li.slick-active button {
        background-color: #1a1a1a; }
      .slider .slick-dots li:hover {
        cursor: pointer; }
        .slider .slick-dots li:hover button {
          background-color: #1a1a1a; }

.page_ttl {
  margin-bottom: 16px; }
  @media only screen and (max-width: 900px) {
    .page_ttl {
      margin: 25px 0 8px; } } /* 20201105 ECS納品 margin-bottom: 8px; -> margin: 25px 0 8px; */
  .page_ttl .ttl {
    font-size: 228.6%;
    font-weight: bold; }
    @media only screen and (max-width: 900px) {
      .page_ttl .ttl {
        font-size: 142.9%; } }
  .page_ttl .filtering_ttl {
    font-size: 170%;
    font-weight: bold; }
    @media only screen and (max-width: 900px) {
      .page_ttl .filtering_ttl {
        font-size: 127%; } }
    .page_ttl .ttl span.brand {
      font-size: 20px;
      display: block;
      margin-bottom: -0.3em; }
      @media only screen and (max-width: 900px) {
        .page_ttl .ttl span.brand {
          font-size: 14px; } }
  #itemlist.detail .page_ttl {
    margin-bottom: 10px; }
    @media only screen and (max-width: 900px) {
      #itemlist.detail .page_ttl {
        margin-bottom: 8px; } }
    #itemlist.detail .page_ttl .ttl {
      font-size: 128.6%;
      font-weight: normal; }
      @media only screen and (max-width: 900px) {
        #itemlist.detail .page_ttl .ttl {
          font-size: 114.3%; } }
  #coordinate.detail .page_ttl {
    text-align: left;
    margin-bottom: 20px; }
    #coordinate.detail .page_ttl .ttl {
      font-size: 128.6%;
      font-weight: normal;
      color: #1a1a1a; }
      @media only screen and (max-width: 900px) {
        #coordinate.detail .page_ttl .ttl {
          font-size: 114.3%;
          padding: 0; } }
  #low_ttl .page_ttl {
    text-align: center;
    margin-bottom: 64px; }
    @media only screen and (max-width: 900px) {
      #low_ttl .page_ttl {
        margin-bottom: 0; } }
    @media only screen and (max-width: 900px) {
      #low_ttl .page_ttl .ttl {
        padding: 24px 0; } }
  #lp #low_ttl .page_ttl {
    text-align: left;
    margin-bottom: 0; }
    #lp #low_ttl .page_ttl .ttl {
      font-size: 85.7%;
      padding: 24px 0; }

.cont_ttl {
  text-align: center;
  margin-bottom: 34px; }
  @media only screen and (max-width: 900px) {
    .cont_ttl {
      margin-bottom: 24px; } }
  .cont_ttl .ttl .ja {
    font-size: 228.6%;
    font-weight: bold;
    display: block; }
    @media only screen and (max-width: 900px) {
      .cont_ttl .ttl .ja {
        font-size: 200%; } }
    @media only screen and (max-width: 350px) {
      .cont_ttl .ttl .ja {
        font-size: 185.7%; } }
  .cont_ttl .ttl .en {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #a6a6a6;
    letter-spacing: 0.05em;
    display: block; }
    @media only screen and (max-width: 900px) {
      .cont_ttl .ttl .en {
        font-size: 10px; } }
  .cont_ttl.ht_3 .ttl .ja {
    font-size: 157.1%;
    margin-bottom: 0; }
    @media only screen and (max-width: 900px) {
      .cont_ttl.ht_3 .ttl .ja {
        font-size: 142.9%; } }
  .cont_ttl.simple {
    text-align: left;
    border-bottom: 1px #dedede solid;
    padding-bottom: 8px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 900px) {
      .cont_ttl.simple {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 15px; } }
    .cont_ttl.simple .ttl {
      font-size: 128.6%;
      font-weight: bold; }

.list_wrap {
  position: relative; }
  .list_wrap .txt_link {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    margin-top: 5px; }
    @media only screen and (max-width: 900px) {
      .list_wrap .txt_link {
        position: static;
        margin-top: 2em; } }
    .list_wrap .txt_link a {
      font-weight: bold; }
      .list_wrap .txt_link a::after {
        content: "";
        display: inline-block;
        position: relative;
        top: -1px;
        right: 2px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-top: solid 2px #333333;
        border-right: solid 2px #333333;
        width: 6px;
        height: 6px;
        margin-left: 8px; }
      @media only screen and (min-width: 1025px) {
        .list_wrap .txt_link a:hover {
          opacity: 0.8; } }

ul.tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1px;
  margin-right: -1px;
  margin-bottom: -2px; }
  ul.tag li {
    width: 33.33333333%;
    font-size: 10px;
    color: #333333;
    text-align: center;
    line-height: 1;
    padding-left: 1px;
    padding-right: 1px;
    margin-bottom: 2px; }
    ul.tag li span.tag_wrap {
      display: block;
      border: 1px #dedede solid;
      padding: 7px 0 5px; }
    ul.tag li.sale {
      color: #fff; }
      ul.tag li.sale span.tag_wrap {
        border: 1px #e60000 solid;
        background: #e60000; }
    ul.tag li.men {
      color: #3f6efc; }
      ul.tag li.men span.tag_wrap {
        border: 1px #3f6efc solid; }
    ul.tag li.women {
      color: #fc6597; }
      ul.tag li.women span.tag_wrap {
        border: 1px #fc6597 solid; }
    ul.tag li.junior {
      color: #38916c; }
      ul.tag li.junior span.tag_wrap {
        border: 1px #38916c solid; }

.share_block {
  margin-top: 34px; }
  .share_block ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .share_block ul li + li {
      margin-left: 36px; }
    .share_block ul li a {
      display: block; }
      .share_block ul li a::before {
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        content: "";
        display: block;
        width: 32px;
        height: 32px; }
      .share_block ul li a span {
        text-indent: -9999px;
        display: none; }
      @media only screen and (min-width: 1025px) {
        .share_block ul li a:hover {
          opacity: 0.8; } }
    .share_block ul li.fb a::before {
      background: url(../images/common/icon-facebook.svg) no-repeat center top;
      background-size: 32px 32px; }
    .share_block ul li.tw a::before {
      background: url(../images/common/icon-x.svg) no-repeat center top;
      background-size: 32px 32px; }
    .share_block ul li.line a::before {
      background: url(../images/common/icon-line.svg) no-repeat center top;
      background-size: 32px 32px; }
    .share_block ul li.mail a::before {
      background: url(../images/common/icon-mail.svg) no-repeat center top;
      background-size: 32px 32px; }

.coll-ellipsis + a {
  display: none; }

.ellipsis_ttl {
  position: relative;
	max-height: calc(2em * 1.5);
	overflow: hidden;
	text-align: justify;
	letter-spacing: 0.015em;
	margin-bottom: 0.4em; }
.ellipsis_ttl::before, .ellipsis_ttl::after {
	position: absolute;
	background-color: #fff;
	text-decoration: inherit;
	vertical-align: inherit;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	background-repeat: no-repeat; }
.ellipsis_ttl::before {
	right: 0;
	bottom: 0;
	content: "…"; }
.ellipsis_ttl::after {
	width: 100%;
	height: 100%;
	content: "";
	padding-right: 10px; }
#top_feature .ellipsis_ttl::before, #top_feature .ellipsis_ttl::after,
#btm_list .ellipsis_ttl::before,
#btm_list .ellipsis_ttl::after {
	background-color: #f7f7f7; }
@media only screen and (max-width: 900px) {
	#top_feature .ellipsis_ttl,
	#btm_list .ellipsis_ttl {
		max-height: calc(1em * 1.5); } }

/*                共通スライド・リスト
======================================================= */
.newarrivals_carousel,
.recommend_list,
.wear_list {
  position: relative;
  z-index: 1; }
      .newarrivals_carousel .slider .item .item_inner .img_box,
      .recommend_list .slider .item .item_inner .img_box,
      .wear_list .slider .item .item_inner .img_box {
        position: relative;
        border: solid 1px #dedede;
        }
        .newarrivals_carousel .slider .item .item_inner .img_box img,
        .recommend_list .slider .item .item_inner .img_box img,
        .wear_list .slider .item .item_inner .img_box img {
          width: 100%;
          height: auto; }
      .newarrivals_carousel .slider .item .item_inner .txt_box,
      .recommend_list .slider .item .item_inner .txt_box,
      .wear_list .slider .item .item_inner .txt_box {
	margin-top: 12px; }
@media only screen and (max-width: 900px) {
	.newarrivals_carousel .slider .item .item_inner .txt_box,
	.recommend_list .slider .item .item_inner .txt_box,
	.wear_list .slider .item .item_inner .txt_box {
		margin-top: 10px; }
}
        .newarrivals_carousel .slider .item .item_inner .txt_box ul.tag,
        .recommend_list .slider .item .item_inner .txt_box ul.tag,
        .wear_list .slider .item .item_inner .txt_box ul.tag {
          margin-bottom: 12px; }
        .newarrivals_carousel .slider .item .item_inner .txt_box p + p,
        .recommend_list .slider .item .item_inner .txt_box p + p,
        .wear_list .slider .item .item_inner .txt_box p + p {
          margin-top: 0; }
        .newarrivals_carousel .slider .item .item_inner .txt_box .brand,
        .recommend_list .slider .item .item_inner .txt_box .brand,
        .wear_list .slider .item .item_inner .txt_box .brand {
          font-size: 78.6%;
          font-weight: bold;
          margin-bottom: 5px; }
        .newarrivals_carousel .slider .item .item_inner .txt_box .price,
        .recommend_list .slider .item .item_inner .txt_box .price,
        .wear_list .slider .item .item_inner .txt_box .price {
          color: #1a1a1a; }
          .newarrivals_carousel .slider .item .item_inner .txt_box .price.sale,
          .recommend_list .slider .item .item_inner .txt_box .price.sale,
          .wear_list .slider .item .item_inner .txt_box .price.sale {
            color: #e60000; }
        .newarrivals_carousel .slider .item .item_inner .txt_box .color,
        .newarrivals_carousel .slider .item .item_inner .txt_box .so,
        .recommend_list .slider .item .item_inner .txt_box .color,
        .recommend_list .slider .item .item_inner .txt_box .so,
        .wear_list .slider .item .item_inner .txt_box .color,
        .wear_list .slider .item .item_inner .txt_box .so {
          color: #808080; }
    .newarrivals_carousel .slider .slick-list,
    .recommend_list .slider .slick-list,
    .wear_list .slider .slick-list {
      overflow: hidden; }
      @media only screen and (max-width: 900px) {
        .newarrivals_carousel .slider .slick-list,
        .recommend_list .slider .slick-list,
        .wear_list .slider .slick-list {
          overflow: visible; } }
    .newarrivals_carousel .slider .slick-arrow,
    .recommend_list .slider .slick-arrow,
    .wear_list .slider .slick-arrow {
      top: 50%;
      width: 56px;
      height: 56px; }
      @media only screen and (max-width: 900px) {
        .newarrivals_carousel .slider .slick-arrow,
        .recommend_list .slider .slick-arrow,
        .wear_list .slider .slick-arrow {
          top: calc(100% + 30px);
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          width: 80px;
          height: 40px;
          background: none; } }
      .newarrivals_carousel .slider .slick-arrow.nv_left,
      .recommend_list .slider .slick-arrow.nv_left,
      .wear_list .slider .slick-arrow.nv_left {
        left: -100px; }
        @media only screen and (max-width: 1500px) {
          .newarrivals_carousel .slider .slick-arrow.nv_left,
          .recommend_list .slider .slick-arrow.nv_left,
          .wear_list .slider .slick-arrow.nv_left {
            left: -50px; } }
        @media only screen and (max-width: 1400px) {
          .newarrivals_carousel .slider .slick-arrow.nv_left,
          .recommend_list .slider .slick-arrow.nv_left,
          .wear_list .slider .slick-arrow.nv_left {
            left: 35px; } }
        @media only screen and (max-width: 900px) {
          .newarrivals_carousel .slider .slick-arrow.nv_left,
          .recommend_list .slider .slick-arrow.nv_left,
          .wear_list .slider .slick-arrow.nv_left {
            left: calc(50% - 80px);
            border-right: 1px #c8c8c8 solid; } }
        .newarrivals_carousel .slider .slick-arrow.nv_left span::before,
        .recommend_list .slider .slick-arrow.nv_left span::before,
        .wear_list .slider .slick-arrow.nv_left span::before {
          right: calc(50% - 15px); }
          @media only screen and (max-width: 900px) {
            .newarrivals_carousel .slider .slick-arrow.nv_left span::before,
            .recommend_list .slider .slick-arrow.nv_left span::before,
            .wear_list .slider .slick-arrow.nv_left span::before {
              border-top: solid 2px #1a1a1a;
              border-right: solid 2px #1a1a1a;
              right: calc(50% - -5px); } }
      .newarrivals_carousel .slider .slick-arrow.nv_right,
      .recommend_list .slider .slick-arrow.nv_right,
      .wear_list .slider .slick-arrow.nv_right {
        right: -100px; }
        @media only screen and (max-width: 1500px) {
          .newarrivals_carousel .slider .slick-arrow.nv_right,
          .recommend_list .slider .slick-arrow.nv_right,
          .wear_list .slider .slick-arrow.nv_right {
            right: -50px; } }
        @media only screen and (max-width: 1400px) {
          .newarrivals_carousel .slider .slick-arrow.nv_right,
          .recommend_list .slider .slick-arrow.nv_right,
          .wear_list .slider .slick-arrow.nv_right {
            right: 35px; } }
        @media only screen and (max-width: 900px) {
          .newarrivals_carousel .slider .slick-arrow.nv_right,
          .recommend_list .slider .slick-arrow.nv_right,
          .wear_list .slider .slick-arrow.nv_right {
            right: calc(50% - 80px);
            border-left: 1px #c8c8c8 solid; } }
        .newarrivals_carousel .slider .slick-arrow.nv_right span::after,
        .recommend_list .slider .slick-arrow.nv_right span::after,
        .wear_list .slider .slick-arrow.nv_right span::after {
          right: calc(50% - 10px); }
          @media only screen and (max-width: 900px) {
            .newarrivals_carousel .slider .slick-arrow.nv_right span::after,
            .recommend_list .slider .slick-arrow.nv_right span::after,
            .wear_list .slider .slick-arrow.nv_right span::after {
              border-top: solid 2px #1a1a1a;
              border-right: solid 2px #1a1a1a;
              right: calc(50% - 30px); } }
  .newarrivals_carousel .none_slider,
  .recommend_list .none_slider,
  .wear_list .none_slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -40px; }
    @media only screen and (max-width: 900px) {
      .newarrivals_carousel .none_slider,
      .recommend_list .none_slider,
      .wear_list .none_slider {
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: -16px; } }
    .newarrivals_carousel .none_slider .item,
    .recommend_list .none_slider .item,
    .wear_list .none_slider .item {
      width: 20%;
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 40px; }
      @media only screen and (max-width: 900px) {
        .newarrivals_carousel .none_slider .item,
        .recommend_list .none_slider .item,
        .wear_list .none_slider .item {
          width: 50%;
          padding-left: 8px;
          padding-right: 8px;
          margin-bottom: 16px; } }
      .newarrivals_carousel .none_slider .item .item_inner .img_box,
      .recommend_list .none_slider .item .item_inner .img_box,
      .wear_list .none_slider .item .item_inner .img_box {
        position: relative;
        border: solid 1px #dedede;
        }
        .newarrivals_carousel .none_slider .item .item_inner .img_box img,
        .recommend_list .none_slider .item .item_inner .img_box img,
        .wear_list .none_slider .item .item_inner .img_box img {
          width: 100%;
          height: auto; }
      .newarrivals_carousel .none_slider .item .item_inner .txt_box,
      .recommend_list .none_slider .item .item_inner .txt_box,
      .wear_list .none_slider .item .item_inner .txt_box {
        margin-top: 16px; }
        .newarrivals_carousel .none_slider .item .item_inner .txt_box ul.tag,
        .recommend_list .none_slider .item .item_inner .txt_box ul.tag,
        .wear_list .none_slider .item .item_inner .txt_box ul.tag {
          margin-bottom: 12px; }
        .newarrivals_carousel .none_slider .item .item_inner .txt_box p + p,
        .recommend_list .none_slider .item .item_inner .txt_box p + p,
        .wear_list .none_slider .item .item_inner .txt_box p + p {
          margin-top: 0; }
        .newarrivals_carousel .none_slider .item .item_inner .txt_box .brand,
        .recommend_list .none_slider .item .item_inner .txt_box .brand,
        .wear_list .none_slider .item .item_inner .txt_box .brand {
          font-size: 78.6%;
          font-weight: bold;
          margin-bottom: 5px; }
        .newarrivals_carousel .none_slider .item .item_inner .txt_box .price,
        .recommend_list .none_slider .item .item_inner .txt_box .price,
        .wear_list .none_slider .item .item_inner .txt_box .price {
          color: #1a1a1a; }
          .newarrivals_carousel .none_slider .item .item_inner .txt_box .price.sale,
          .recommend_list .none_slider .item .item_inner .txt_box .price.sale,
          .wear_list .none_slider .item .item_inner .txt_box .price.sale {
            color: #e60000; }
        .newarrivals_carousel .none_slider .item .item_inner .txt_box .color,
        .newarrivals_carousel .none_slider .item .item_inner .txt_box .so,
        .recommend_list .none_slider .item .item_inner .txt_box .color,
        .recommend_list .none_slider .item .item_inner .txt_box .so,
        .wear_list .none_slider .item .item_inner .txt_box .color,
        .wear_list .none_slider .item .item_inner .txt_box .so {
          color: #808080; }
      @media only screen and (min-width: 901px) {
        .newarrivals_carousel .none_slider .item:nth-of-type(n+6),
        .recommend_list .none_slider .item:nth-of-type(n+6),
        .wear_list .none_slider .item:nth-of-type(n+6) {
          display: none; } }
  .newarrivals_carousel .btn,
  .recommend_list .btn,
  .wear_list .btn {
    max-width: 288px;
    margin-top: 40px; }
    @media only screen and (max-width: 900px) {
      .newarrivals_carousel .btn,
      .recommend_list .btn,
      .wear_list .btn {
        max-width: none; } }
.vieweditems_carousel .slider,
.recommendItems_carousel .slider {
	margin-left: -20px;
	margin-right: -20px; }
@media only screen and (max-width: 900px) {
	.vieweditems_carousel .slider,
	.recommendItems_carousel .slider {
		opacity: 1 !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: -8px;
		margin-right: -8px;
		margin-bottom: -16px; } }
.vieweditems_carousel .slider .item,
.recommendItems_carousel .slider .item {
	padding-left: 20px;
	padding-right: 20px; }
@media only screen and (max-width: 900px) {
	.vieweditems_carousel .slider .item,
	.recommendItems_carousel .slider .item {
		width: 50%;
		padding-left: 8px;
		padding-right: 8px;
		margin-bottom: 16px; } }
.vieweditems_carousel .slider .item .item_inner .img_box,
.recommendItems_carousel .slider .item .item_inner .img_box{
	position: relative;
	border: solid 1px #dedede;
	background-color: #fff;
}
.vieweditems_carousel .slider .item .item_inner .img_box img,
.recommendItems_carousel .slider .item .item_inner .img_box img{
	width: 100%;
	height: auto; }
.vieweditems_carousel .slider .item .item_inner .txt_box,
.recommendItems_carousel .slider .item .item_inner .txt_box{
	margin-top: 16px; }
.vieweditems_carousel .slider .item .item_inner .txt_box ul.tag,
.recommendItems_carousel .slider .item .item_inner .txt_box ul.tag{
	margin-bottom: 12px; }
.vieweditems_carousel .slider .item .item_inner .txt_box p + p,
.recommendItems_carousel .slider .item .item_inner .txt_box p + p{
	margin-top: 0; }
.vieweditems_carousel .slider .item .item_inner .txt_box .brand,
.recommendItems_carousel .slider .item .item_inner .txt_box .brand{
	font-size: 78.6%;
	font-weight: bold;
	margin-bottom: 5px; }
.vieweditems_carousel .slider .item .item_inner .txt_box .price,
.recommendItems_carousel .slider .item .item_inner .txt_box .price{
	color: #1a1a1a; }
.vieweditems_carousel .slider .item .item_inner .txt_box .price.sale,
.recommendItems_carousel .slider .item .item_inner .txt_box .price.sale{
	color: #e60000; }
.vieweditems_carousel .slider .item .item_inner .txt_box .color,
.recommendItems_carousel .slider .item .item_inner .txt_box .color{
	color: #808080; }
@media only screen and (max-width: 900px) {
	.vieweditems_carousel .slider .item:nth-of-type(n+7),
	.recommendItems_carousel .slider .item:nth-of-type(n+7) {
		display: none; } }
.vieweditems_carousel .slider .slick-list {
	overflow: hidden; }
@media only screen and (max-width: 900px) {
	.vieweditems_carousel .slider .slick-list {        overflow: visible; } }
  .vieweditems_carousel .slider .slick-arrow {
    top: 50%;
    width: 56px;
    height: 56px; }
    @media only screen and (max-width: 900px) {
      .vieweditems_carousel .slider .slick-arrow {
        top: calc(100% + 30px);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 80px;
        height: 40px;
        background: none; } }
    .vieweditems_carousel .slider .slick-arrow.nv_left {
      left: -100px; }
      @media only screen and (max-width: 1500px) {
        .vieweditems_carousel .slider .slick-arrow.nv_left {
          left: -50px; } }
      @media only screen and (max-width: 1400px) {
        .vieweditems_carousel .slider .slick-arrow.nv_left {
          left: 35px; } }
      @media only screen and (max-width: 900px) {
        .vieweditems_carousel .slider .slick-arrow.nv_left {
          left: calc(50% - 80px);
          border-right: 1px #c8c8c8 solid; } }
      .vieweditems_carousel .slider .slick-arrow.nv_left span::before {
        right: calc(50% - 15px); }
        @media only screen and (max-width: 900px) {
          .vieweditems_carousel .slider .slick-arrow.nv_left span::before {
            border-top: solid 2px #1a1a1a;
            border-right: solid 2px #1a1a1a;
            right: calc(50% - -5px); } }
    .vieweditems_carousel .slider .slick-arrow.nv_right {
      right: -100px; }
      @media only screen and (max-width: 1500px) {
        .vieweditems_carousel .slider .slick-arrow.nv_right {
          right: -50px; } }
      @media only screen and (max-width: 1400px) {
        .vieweditems_carousel .slider .slick-arrow.nv_right {
          right: 35px; } }
      @media only screen and (max-width: 900px) {
        .vieweditems_carousel .slider .slick-arrow.nv_right {
          right: calc(50% - 80px);
          border-left: 1px #c8c8c8 solid; } }
      .vieweditems_carousel .slider .slick-arrow.nv_right span::after {
        right: calc(50% - 10px); }
        @media only screen and (max-width: 900px) {
          .vieweditems_carousel .slider .slick-arrow.nv_right span::after {
            border-top: solid 2px #1a1a1a;
            border-right: solid 2px #1a1a1a;
            right: calc(50% - 30px); } }
.coordinate_carousel{
  padding-bottom: 96px;}
@media only screen and (max-width: 900px) {
  .coordinate_carousel{
    padding-bottom: 100px; }	}
.coordinate_carousel,
.coordinate_list {
  position: relative;
  z-index: 1; }
  .coordinate_carousel .slider,
  .coordinate_list .slider {
    margin-left: -20px;
    margin-right: -20px; }
    @media only screen and (max-width: 900px) {
      .coordinate_carousel .slider,
      .coordinate_list .slider {
        margin-left: -12px;
        margin-right: -12px;
        margin-bottom: 100px; } }
    .coordinate_carousel .slider .item,
    .coordinate_list .slider .item {
      padding-left: 20px;
      padding-right: 20px; }
      @media only screen and (max-width: 900px) {
        .coordinate_carousel .slider .item,
        .coordinate_list .slider .item {
          width: 470px;
          padding-left: 12px;
          padding-right: 12px; } }
      @media only screen and (max-width: 768px) {
        .coordinate_carousel .slider .item,
        .coordinate_list .slider .item {
          width: 400px; } }
      @media only screen and (max-width: 640px) {
        .coordinate_carousel .slider .item,
        .coordinate_list .slider .item {
          width: 340px; } }
      @media only screen and (max-width: 480px) {
        .coordinate_carousel .slider .item,
        .coordinate_list .slider .item {
          width: 230px; } }
      @media only screen and (max-width: 400px) {
        .coordinate_carousel .slider .item,
        .coordinate_list .slider .item {
          width: 210px; } }
      @media only screen and (max-width: 350px) {
        .coordinate_carousel .slider .item,
        .coordinate_list .slider .item {
          width: 180px; } }
      .coordinate_carousel .slider .item .item_inner .img_box img,
      .coordinate_list .slider .item .item_inner .img_box img {
        width: 100%;
        height: auto; }
      .coordinate_carousel .slider .item .item_inner .txt_box,
      .coordinate_list .slider .item .item_inner .txt_box {
        margin-top: 16px; }
        .coordinate_carousel .slider .item .item_inner .txt_box .ttl,
        .coordinate_list .slider .item .item_inner .txt_box .ttl {
          font-weight: bold; }
    .coordinate_carousel .slider .slick-list,
    .coordinate_list .slider .slick-list {
      overflow: hidden; }
      @media only screen and (max-width: 900px) {
        .coordinate_carousel .slider .slick-list,
        .coordinate_list .slider .slick-list {
          overflow: visible; } }
    .coordinate_carousel .slider .slick-arrow,
    .coordinate_list .slider .slick-arrow {
      top: 50%;
      width: 56px;
      height: 56px; }
      @media only screen and (max-width: 900px) {
        .coordinate_carousel .slider .slick-arrow,
        .coordinate_list .slider .slick-arrow {
          top: calc(100% + 30px);
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          width: 80px;
          height: 40px;
          background: none; } }
      .coordinate_carousel .slider .slick-arrow.nv_left,
      .coordinate_list .slider .slick-arrow.nv_left {
        left: -100px; }
        @media only screen and (max-width: 1500px) {
          .coordinate_carousel .slider .slick-arrow.nv_left,
          .coordinate_list .slider .slick-arrow.nv_left {
            left: -50px; } }
        @media only screen and (max-width: 1400px) {
          .coordinate_carousel .slider .slick-arrow.nv_left,
          .coordinate_list .slider .slick-arrow.nv_left {
            left: 35px; } }
        @media only screen and (max-width: 900px) {
          .coordinate_carousel .slider .slick-arrow.nv_left,
          .coordinate_list .slider .slick-arrow.nv_left {
            left: calc(50% - 80px);
            border-right: 1px #c8c8c8 solid; } }
        .coordinate_carousel .slider .slick-arrow.nv_left span::before,
        .coordinate_list .slider .slick-arrow.nv_left span::before {
          right: calc(50% - 15px); }
          @media only screen and (max-width: 900px) {
            .coordinate_carousel .slider .slick-arrow.nv_left span::before,
            .coordinate_list .slider .slick-arrow.nv_left span::before {
              border-top: solid 2px #1a1a1a;
              border-right: solid 2px #1a1a1a;
              right: calc(50% - -5px); } }
      .coordinate_carousel .slider .slick-arrow.nv_right,
      .coordinate_list .slider .slick-arrow.nv_right {
        right: -100px; }
        @media only screen and (max-width: 1500px) {
          .coordinate_carousel .slider .slick-arrow.nv_right,
          .coordinate_list .slider .slick-arrow.nv_right {
            right: -50px; } }
        @media only screen and (max-width: 1400px) {
          .coordinate_carousel .slider .slick-arrow.nv_right,
          .coordinate_list .slider .slick-arrow.nv_right {
            right: 35px; } }
        @media only screen and (max-width: 900px) {
          .coordinate_carousel .slider .slick-arrow.nv_right,
          .coordinate_list .slider .slick-arrow.nv_right {
            right: calc(50% - 80px);
            border-left: 1px #c8c8c8 solid; } }
        .coordinate_carousel .slider .slick-arrow.nv_right span::after,
        .coordinate_list .slider .slick-arrow.nv_right span::after {
          right: calc(50% - 10px); }
          @media only screen and (max-width: 900px) {
            .coordinate_carousel .slider .slick-arrow.nv_right span::after,
            .coordinate_list .slider .slick-arrow.nv_right span::after {
              border-top: solid 2px #1a1a1a;
              border-right: solid 2px #1a1a1a;
              right: calc(50% - 30px); } }
  .coordinate_carousel .none_slider,
  .coordinate_list .none_slider,
  .coordinate_list .sp_slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px; }
    @media only screen and (max-width: 901px) {
      .reco_coordinate .coordinate_list .main_width{
        padding-right: 0;
      }
      .coordinate_list .sp_slider {
      width: 100%;}}
    @media only screen and (max-width: 900px) {
      .coordinate_carousel .none_slider,
      .coordinate_list .none_slider {
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: -16px; }
      .coordinate_list .sp_slider{
        margin-left: -12px;
        margin-right: -12px;
        margin-bottom: 100px;}}
    .coordinate_list .sp_slider .slick-list{
      overflow: visible;
    width: 100%;}
    .coordinate_carousel .none_slider .item,
    .coordinate_list .none_slider .item,
    .coordinate_list .sp_slider .item {
      width: 20%;
      padding-left: 20px;
      padding-right: 20px; }
      @media only screen and (max-width: 900px) {
        .coordinate_carousel .none_slider .item,
        .coordinate_list .none_slider .item {
          width: 50%;
          padding-left: 8px;
          padding-right: 8px;
          margin-bottom: 16px; }
        .coordinate_list .sp_slider .item {
          width: auto;
          padding-left: 12px;
          padding-right: 12px;}}
			.coordinate_list .sp_slider .item.item--video .img_box{
				position: relative;
			}
			.coordinate_list .sp_slider .item.item--video .img_box::after{
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: #000;
				opacity: 0.4;
				z-index: 1;}

      /*#45281 モデルコーデ修正*/
      .coordinate_list .none_slider .item .model_height{
        margin-top: 12px;
        font-size: 12px;
        letter-spacing: 0.015em;
      }
      /*#45281 モデルコーデ修正*/

      .coordinate_carousel .none_slider .item .item_inner .img_box img,
      .coordinate_list .none_slider .item .item_inner .img_box img,
      .coordinate_list .sp_slider .item .item_inner .img_box img {
        width: 100%;
        height: auto; }
			.coordinate_list .sp_slider .item .item_inner .img_box{
				position: relative;
			}
			.coordinate_list .sp_slider .item .item_inner .img_box img.play_icon{
				position: absolute;
				bottom: 8px;
				right: 8px;
				width: 20%;
				min-width: 30px;
				z-index: 2;
			}
      .coordinate_carousel .none_slider .item .item_inner .txt_box,
      .coordinate_list .none_slider .item .item_inner .txt_box,
      .coordinate_list .sp_slider .item .item_inner .txt_box {
        margin-top: 16px; }
        .coordinate_carousel .none_slider .item .item_inner .txt_box .ttl,
        .coordinate_list .none_slider .item .item_inner .txt_box .ttl,
        .coordinate_list .sp_slider .item .item_inner .txt_box .ttl {
          font-weight: bold; }
      @media only screen and (min-width: 901px) {
        .coordinate_carousel .none_slider .item:nth-of-type(n+6),
        .coordinate_list .none_slider .item:nth-of-type(n+6),
        .coordinate_list .sp_slider .item:nth-of-type(n+6) {
          display: none; } }
      .coordinate_list .sp_slider .item .coordinate-item_data{
        margin-top: 12px;
        font-size: 12px;
        letter-spacing: 0.015em
      }
      .coordinate_list .sp_slider .item .coordinate-item_data > p {
        margin-bottom: 0.3em;
         }
         .coordinate_list .sp_slider .item .coordinate-item_data > p + p{
          margin-top: 0;
         }

  .coordinate_carousel .btn,
  .coordinate_list .btn {
    max-width: 288px;
    margin-top: 40px; }
    @media only screen and (max-width: 900px) {
      .coordinate_carousel .btn,
      .coordinate_list .btn {
        max-width: none; } }

.ranking_carousel .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -40px; }
  @media only screen and (min-width: 901px) {
    .ranking_carousel .slider {
      opacity: 1 !important; } }
  @media only screen and (max-width: 900px) {
    .ranking_carousel .slider {
      margin-left: -8px;
      margin-right: -8px;
      margin-bottom: 100px; } }
  .ranking_carousel .slider .item {
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px; }
    @media only screen and (max-width: 900px) {
      .ranking_carousel .slider .item {
        width: 470px;
        padding-left: 8px;
        padding-right: 8px; } }
    @media only screen and (max-width: 768px) {
      .ranking_carousel .slider .item {
        width: 400px; } }
    @media only screen and (max-width: 640px) {
      .ranking_carousel .slider .item {
        width: 340px; } }
    @media only screen and (max-width: 480px) {
      .ranking_carousel .slider .item {
        width: 230px; } }
    @media only screen and (max-width: 400px) {
      .ranking_carousel .slider .item {
        width: 210px; } }
    @media only screen and (max-width: 350px) {
      .ranking_carousel .slider .item {
        width: 180px; } }
    .ranking_carousel .slider .item .item_inner .img_box {
      position: relative;
      border: solid 1px #dedede;
      padding: 36px 10px; }
      .ranking_carousel .slider .item .item_inner .img_box img {
        width: 100%;
        height: auto; }
      .ranking_carousel .slider .item .item_inner .img_box .num {
        font-size: 114.3%;
        position: absolute;
        top: 8px;
        left: 8px;
        z-index: 1;
        color: #333333;
        font-weight: bold;
        border: solid 1px #dedede;
        background-color: #ffffff;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .ranking_carousel .slider .item .item_inner .img_box .num.first {
          color: #fff;
          background-color: #b39e69;
          border: solid 1px #b39e69; }
        .ranking_carousel .slider .item .item_inner .img_box .num.second {
          color: #fff;
          background-color: #9b9c9b;
          border: solid 1px #9b9c9b; }
        .ranking_carousel .slider .item .item_inner .img_box .num.third {
          color: #fff;
          background-color: #997a5c;
          border: solid 1px #997a5c; }
    .ranking_carousel .slider .item .item_inner .txt_box {
	margin-top: 12px; }
@media only screen and (max-width: 900px) {
	.ranking_carousel .slider .item .item_inner .txt_box {
		margin-top: 10px; }}
      .ranking_carousel .slider .item .item_inner .txt_box ul.tag {
        margin-bottom: 12px; }
      .ranking_carousel .slider .item .item_inner .txt_box p + p {
        margin-top: 0; }
      .ranking_carousel .slider .item .item_inner .txt_box .brand {
        font-size: 78.6%;
        font-weight: bold;
        margin-bottom: 5px; }
      .ranking_carousel .slider .item .item_inner .txt_box .price {
        color: #1a1a1a; }
        .ranking_carousel .slider .item .item_inner .txt_box .price.sale {
          color: #e60000; }
      .ranking_carousel .slider .item .item_inner .txt_box .color {
        color: #808080; }
  .ranking_carousel .slider .slick-list {
    overflow: hidden; }
    @media only screen and (max-width: 900px) {
      .ranking_carousel .slider .slick-list {
        overflow: visible; } }
  .ranking_carousel .slider .slick-arrow {
    top: 50%;
    width: 56px;
    height: 56px; }
    @media only screen and (max-width: 900px) {
      .ranking_carousel .slider .slick-arrow {
        top: calc(100% + 30px);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 80px;
        height: 40px;
        background: none; } }
    .ranking_carousel .slider .slick-arrow.nv_left {
      left: -100px; }
      @media only screen and (max-width: 1500px) {
        .ranking_carousel .slider .slick-arrow.nv_left {
          left: -50px; } }
      @media only screen and (max-width: 900px) {
        .ranking_carousel .slider .slick-arrow.nv_left {
          left: calc(50% - 80px);
          border-right: 1px #c8c8c8 solid; } }
      .ranking_carousel .slider .slick-arrow.nv_left span::before {
        right: calc(50% - 15px); }
        @media only screen and (max-width: 900px) {
          .ranking_carousel .slider .slick-arrow.nv_left span::before {
            border-top: solid 2px #1a1a1a;
            border-right: solid 2px #1a1a1a;
            right: calc(50% - -5px); } }
    .ranking_carousel .slider .slick-arrow.nv_right {
      right: -100px; }
      @media only screen and (max-width: 1500px) {
        .ranking_carousel .slider .slick-arrow.nv_right {
          right: -50px; } }
      @media only screen and (max-width: 900px) {
        .ranking_carousel .slider .slick-arrow.nv_right {
          right: calc(50% - 80px);
          border-left: 1px #c8c8c8 solid; } }
      .ranking_carousel .slider .slick-arrow.nv_right span::after {
        right: calc(50% - 10px); }
        @media only screen and (max-width: 900px) {
          .ranking_carousel .slider .slick-arrow.nv_right span::after {
            border-top: solid 2px #1a1a1a;
            border-right: solid 2px #1a1a1a;
            right: calc(50% - 30px); } }

.article_carousel .slider,
.article_list .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -40px; }
  @media only screen and (max-width: 900px) {
    .article_carousel .slider,
    .article_list .slider {
      opacity: 1 !important;
      margin-left: -8px;
      margin-right: -8px;
      margin-bottom: -32px; } }
  .article_carousel .slider .set,
  .article_list .slider .set {
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px; }
    @media only screen and (max-width: 900px) {
      .article_carousel .slider .set,
      .article_list .slider .set {
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 32px; } }
    .article_carousel .slider .set .set_inner .img_box img,
    .article_list .slider .set .set_inner .img_box img {
      width: 100%;
      height: auto; }
    .article_carousel .slider .set .set_inner .txt_box,
    .article_list .slider .set .set_inner .txt_box {
      margin-top: 16px; }
      .article_carousel .slider .set .set_inner .txt_box .date,
      .article_list .slider .set .set_inner .txt_box .date {
        font-size: 71.4%;
        color: #808080; }
    .article_carousel .slider .set a,
    .article_list .slider .set a {
      display: block; }
  .article_carousel .slider .slick-list,
  .article_list .slider .slick-list {
    overflow: hidden; }
    @media only screen and (max-width: 900px) {
      .article_carousel .slider .slick-list,
      .article_list .slider .slick-list {
        overflow: visible; } }
  .article_carousel .slider .slick-arrow,
  .article_list .slider .slick-arrow {
    top: 50%;
    width: 56px;
    height: 56px; }
    @media only screen and (max-width: 900px) {
      .article_carousel .slider .slick-arrow,
      .article_list .slider .slick-arrow {
        top: calc(100% + 30px);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 80px;
        height: 40px;
        background: none; } }
    .article_carousel .slider .slick-arrow.nv_left,
    .article_list .slider .slick-arrow.nv_left {
      left: -100px; }
      @media only screen and (max-width: 1500px) {
        .article_carousel .slider .slick-arrow.nv_left,
        .article_list .slider .slick-arrow.nv_left {
          left: -50px; } }
      @media only screen and (max-width: 1400px) {
        .article_carousel .slider .slick-arrow.nv_left,
        .article_list .slider .slick-arrow.nv_left {
          left: 35px; } }
      @media only screen and (max-width: 900px) {
        .article_carousel .slider .slick-arrow.nv_left,
        .article_list .slider .slick-arrow.nv_left {
          left: calc(50% - 80px);
          border-right: 1px #c8c8c8 solid; } }
      .article_carousel .slider .slick-arrow.nv_left span::before,
      .article_list .slider .slick-arrow.nv_left span::before {
        right: calc(50% - 15px); }
        @media only screen and (max-width: 900px) {
          .article_carousel .slider .slick-arrow.nv_left span::before,
          .article_list .slider .slick-arrow.nv_left span::before {
            border-top: solid 2px #1a1a1a;
            border-right: solid 2px #1a1a1a;
            right: calc(50% - -5px); } }
    .article_carousel .slider .slick-arrow.nv_right,
    .article_list .slider .slick-arrow.nv_right {
      right: -100px; }
      @media only screen and (max-width: 1500px) {
        .article_carousel .slider .slick-arrow.nv_right,
        .article_list .slider .slick-arrow.nv_right {
          right: -50px; } }
      @media only screen and (max-width: 1400px) {
        .article_carousel .slider .slick-arrow.nv_right,
        .article_list .slider .slick-arrow.nv_right {
          right: 35px; } }
      @media only screen and (max-width: 900px) {
        .article_carousel .slider .slick-arrow.nv_right,
        .article_list .slider .slick-arrow.nv_right {
          right: calc(50% - 80px);
          border-left: 1px #c8c8c8 solid; } }
      .article_carousel .slider .slick-arrow.nv_right span::after,
      .article_list .slider .slick-arrow.nv_right span::after {
        right: calc(50% - 10px); }
        @media only screen and (max-width: 900px) {
          .article_carousel .slider .slick-arrow.nv_right span::after,
          .article_list .slider .slick-arrow.nv_right span::after {
            border-top: solid 2px #1a1a1a;
            border-right: solid 2px #1a1a1a;
            right: calc(50% - 30px); } }

.article_carousel .none_slider,
.article_list .none_slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -40px; }
  @media only screen and (max-width: 900px) {
    .article_carousel .none_slider,
    .article_list .none_slider {
      margin-left: -8px;
      margin-right: -8px;
      margin-bottom: -25px; } }
  .article_carousel .none_slider .set,
  .article_list .none_slider .set {
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px; }
    @media only screen and (max-width: 900px) {
      .article_carousel .none_slider .set,
      .article_list .none_slider .set {
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
		margin-bottom: 25px; } }
    .article_carousel .none_slider .set .set_inner .img_box img,
    .article_list .none_slider .set .set_inner .img_box img {
      width: 100%;
      height: auto; }
    .article_carousel .none_slider .set .set_inner .txt_box,
    .article_list .none_slider .set .set_inner .txt_box {
      margin-top: 16px; }
      .article_carousel .none_slider .set .set_inner .txt_box .date,
      .article_list .none_slider .set .set_inner .txt_box .date {
        font-size: 71.4%;
        color: #808080;
        margin-top: 8px; }
    .article_carousel .none_slider .set a,
    .article_list .none_slider .set a {
      display: block; }
@media only screen and (max-width: 900px) {
	#feature .article_list .none_slider .set a .set_inner {
		display: flex;
		align-items: center;
	}

	#feature .article_list .none_slider .set a .set_inner .img_box{
		flex: 0 1 34.98%;
	}
	#feature .article_list .none_slider .set a .set_inner .txt_box{
		flex: 0 1 65.02%;
		padding-left: 4.66%;
		margin-top: 2px;
	}
}
#feature .article_carousel .none_slider .set, #feature
.article_list .none_slider .set {
	width: 20%; }
  @media only screen and (max-width: 900px) {
    #feature .article_carousel .none_slider .set, #feature
    .article_list .none_slider .set {
		width: 100%; } }

#feature.detail .article_carousel .none_slider .set, #feature.detail
.article_list .none_slider .set {
  width: 25%; }
  @media only screen and (max-width: 900px) {
    #feature.detail .article_carousel .none_slider .set, #feature.detail
    .article_list .none_slider .set {
      width: 50%; } }

.item_list .item_list_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -40px; }
  @media only screen and (max-width: 900px) {
    .item_list .item_list_block {
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: -32px; } }
  .item_list .item_list_block .item_set {
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px; }
    @media only screen and (max-width: 900px) {
      .item_list .item_list_block .item_set {
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 32px; } }
    .item_list .item_list_block .item_set .item_inner .img_box {
      position: relative;
      border: solid 1px #dedede;
      }
      .item_list .item_list_block .item_set .item_inner .img_box img {
        width: 100%;
        height: auto; }
    .item_list .item_list_block .item_set .item_inner .txt_box {
      margin-top: 8px; }
      .item_list .item_list_block .item_set .item_inner .txt_box ul.tag {
        margin-bottom: 12px; }
      .item_list .item_list_block .item_set .item_inner .txt_box p + p {
        margin-top: 0; }
      .item_list .item_list_block .item_set .item_inner .txt_box .brand {
        font-size: 78.6%;
        font-weight: bold;
        margin-bottom: 5px; }
      .item_list .item_list_block .item_set .item_inner .txt_box .price {
        color: #1a1a1a; }
        .item_list .item_list_block .item_set .item_inner .txt_box .price.sale {
          color: #e60000; }
      .item_list .item_list_block .item_set .item_inner .txt_box .color,
      .item_list .item_list_block .item_set .item_inner .txt_box .so {
        color: #808080; }

/*                top関連レイアウト
======================================================= */
.top_cont + .top_cont {
  margin-top: 70px; }
  @media only screen and (max-width: 900px) {
    .top_cont + .top_cont {
      margin-top: 50px; } }

.top_cont#top_brand {
  margin-top: 50px; }

.top_cont#top_brand + #top_popular {
  margin-top: 30px; }

@media only screen and (max-width: 900px) {
  #top_brand .brand_list .inner {
    margin: 0 -16px; } }

#top_brand .brand_list .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #top_brand .brand_list .inner ul li {
    width: 14.285714%; }
    @media only screen and (max-width: 900px) {
      #top_brand .brand_list .inner ul li {
        width: 25%; } }
    @media only screen and (min-width: 1025px) {
      #top_brand .brand_list .inner ul li a:hover {
        opacity: .8; } }
    #top_brand .brand_list .inner ul li a img {
      opacity: 1;
      width: 100%;
      height: auto; }

@media only screen and (max-width: 1200px) {
  #top_popular .main_width {
  padding: 0 0 0 16px; } }

#top_popular .popular_layout {
  background: #f0f0f0;
  padding: 36px 24px 36px 0;
}
@media only screen and (max-width: 1200px) {
  #top_popular .popular_layout{
    padding: 32px 0 32px 0px;
  }
}
#top_popular .popular_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1232px;
  padding: 0 16px; }
  @media only screen and (max-width: 1200px) {
    #top_popular .popular_inner {
      display: block;
      padding: 0 } }
  #top_popular .popular_layout .ttl {
    width: 240px;
    text-align: center;
    font-size: 114.3%;
    font-weight: bold; }
    @media only screen and (max-width: 1200px) {
      #top_popular .popular_layout .ttl {
        width: 100%;
        margin-bottom: 10px; } }
  #top_popular .popular_layout .popular_list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%; }
    @media only screen and (max-width: 1200px) {
      #top_popular .popular_layout .popular_list {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto; } }
    @media only screen and (max-width: 1200px) {
      #top_popular .popular_layout .popular_list .inner {
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 20px;
        padding-left: 16px; } }
    #top_popular .popular_layout .popular_list .inner ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: -10px; }
      @media only screen and (max-width: 1200px) {
        #top_popular .popular_layout .popular_list .inner ul {
          width: 1200px; } }
      #top_popular .popular_layout .popular_list .inner ul li {
        margin-right: 10px;
        margin-bottom: 5px; }
      #top_popular .popular_layout .popular_list .inner ul a {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        max-width: 30em;
        font-size: 85.7%;
        display: inline-block;
        border-radius: 42px;
        background: #fff;
        padding: 1em; }

#top_introduction {
  padding-bottom: 70px; }
  @media only screen and (max-width: 900px) {
    #top_feature {
      padding-bottom: 50px; } }
  #top_introduction .introduction_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -24px; }
    @media only screen and (max-width: 900px) {
      #top_introduction .introduction_list {
        border-top: 1px #dedede solid;
        margin-left: 0;
        margin-right: 0;
        margin: 0 -16px; } }
    #top_introduction .introduction_list .set {
      width: 25%;
      padding-left: 12px;
      padding-right: 12px;
      margin-bottom: 24px; }
      @media only screen and (max-width: 1024px) {
        #top_introduction .introduction_list .set {
          width: 33.33333333%; } }
      @media only screen and (max-width: 900px) {
        #top_introduction .introduction_list .set {
          width: 50%;
          border-bottom: 1px #dedede solid;
          padding-left: 0;
          padding-right: 0;
          margin-bottom: 0; } }
      @media only screen and (max-width: 900px) {
        #top_introduction .introduction_list .set:nth-child(odd) {
          border-right: 1px #dedede solid; } }
      #top_introduction .introduction_list .set .set_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px #dedede solid; }
        @media only screen and (max-width: 900px) {
          #top_introduction .introduction_list .set .set_inner {
            border: none; } }
        #top_introduction .introduction_list .set .set_inner .img_box {
          width: 100px; }
          @media only screen and (max-width: 900px) {
            #top_introduction .introduction_list .set .set_inner .img_box {
              width: 64px; } }
          #top_introduction .introduction_list .set .set_inner .img_box img {
            width: 100%;
            height: auto; }
        #top_introduction .introduction_list .set .set_inner .txt_box {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 0%;
          flex: 1 1 0%;
          padding-right: 16px; }
          #top_introduction .introduction_list .set .set_inner .txt_box .ttl {
            font-size: 85.7%; }
    @media only screen and (max-width: 900px) {
      #top_introduction .introduction_list.odd {
        border-bottom: 1px #dedede solid; } }
    @media only screen and (max-width: 900px) {
      #top_introduction .introduction_list.odd .set:last-child {
        border-bottom: none; } }

/*             下層レイアウト
======================================================= */
#itemlist.detail .lower_cont{
	padding-bottom: 40px;
}
@media only screen and (max-width: 900px) {
	#itemlist.detail .lower_cont{
		padding-bottom: 28px;
	}
}


#itemlist.detail .lower_cont + .lower_cont {
	padding-top: 40px;
	margin-top: 0;
}
@media only screen and (max-width: 900px) {
	#itemlist.detail .lower_cont + .lower_cont {
		padding-top: 28px;
	}
}

#itemlist.detail .lower_cont#recently_viewed_items{
	padding-top: 70px;
	padding-bottom: 100px;
	margin-top: 40px;
}
@media only screen and (max-width: 900px) {
	#itemlist.detail .lower_cont#recently_viewed_items{
		padding-top: 50px;
		padding-bottom: 50px;
		margin-top: 28px;
	}
}
#low_coordinate-model.lower_cont:nth-last-of-type(2),
#low_coordinate-staff.lower_cont:nth-last-of-type(2),
#low_recommend.lower_cont:nth-last-of-type(2){
	padding-bottom: 96px;
}
@media only screen and (max-width: 900px) {
	#low_coordinate-model.lower_cont:nth-last-of-type(2),
	#low_coordinate-staff.lower_cont:nth-last-of-type(2),
	#low_recommend.lower_cont:nth-last-of-type(2){
		padding-bottom: 100px;
	}
}


.lower_cont + .lower_cont {
  margin-top: 80px; }
  @media only screen and (max-width: 900px) {
    .lower_cont + .lower_cont {
      margin-top: 56px; } }

#recently_viewed_items {
  background-color: #f7f7f7;
  padding: 70px 0 100px; }
  @media only screen and (max-width: 900px) {
    #recently_viewed_items {
      padding: 50px 0; } }

.detail_layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -40px;
  margin-right: -40px; }
  @media only screen and (max-width: 1300px) {
    .detail_layout {
      margin-left: -20px;
      margin-right: -20px; } }
  @media only screen and (max-width: 900px) {
    .detail_layout {
      display: block;
      margin-left: 0;
      margin-right: 0; } }
	.detail_layout .p-product__description--sp{
		display:none;}
		@media only screen and (max-width: 900px){
			.detail_layout .p-product__description--sp{
				display: block;}
			.detail_layout .p-product__description--sp .txt_box{
				padding-top: 22px;
				padding-bottom: 17px;}
			.detail_layout .p-product__description--sp .brand{
				font-size: 85.71%;
				line-height: 1.16;}
			.detail_layout .p-product__description--sp .page_ttl{
				margin-bottom: 7px;
				margin-top: 15px;}
			.detail_layout .p-product__description--sp .price{
				color: #1a1a1a;
				font-size: 150%;
				font-weight: bold;}
			.detail_layout .p-product__description--sp .price .sale{
				color: #e60000;
				font-size: 21px;
				font-weight: bold;}
				.detail_layout .p-product__description--sp .price .sale .tax{
				font-size: 10px;
				font-weight: normal;}
			.detail_layout .p-product__description--sp .price .original .tax{
				font-size: 12px;
				font-weight: normal;
				display: inline-block;}
			.detail_layout .p-product__description--sp .status_block{
				margin: 10px 0 0;}
			.detail_layout .p-product__description--sp .status_block .fav{
				font-size: 85.7%;
				color: #808080;}
			.detail_layout .p-product__description--sp .status_block .fav::before {
				font-size: 12px;
				font-family: 'icomoon';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				content: "\e90c";
				color: #808080;
				position: relative;
				top: 1px;
				margin-right: 6px;}
			.detail_layout .p-product__description--sp .zv-summary{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: end;
					-ms-flex-align: end;
						align-items: flex-end;
			}
			.detail_layout .p-product__description--sp .zv-summary-cell a{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}
			.detail_layout .p-product__description--sp .zv-summary .zv-star-svg {
				height: 18px !important;
				width: 20.25px !important;
				margin-top: 14px;
			}
			.detail_layout .p-product__description--sp .zv-star-comment {
				font-weight: normal;
				font-size: 16px;
				padding-left: 7px;
				width: auto;
			} }

  .detail_layout .layout_l {
    width: 53%;
    padding-left: 40px;
    padding-right: 40px; }
    @media only screen and (max-width: 1300px) {
      .detail_layout .layout_l {
        padding-left: 35px;
        padding-right: 35px; } }
    @media only screen and (max-width: 900px) {
      .detail_layout .layout_l {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin: 0 -16px; } }
    .detail_layout .layout_l #detail_img {
      padding: 0 48px; }
      @media only screen and (max-width: 900px) {
        .detail_layout .layout_l #detail_img {
          padding: 0; } }
      .detail_layout .layout_l #detail_img .slick-list {
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0;
        padding: 0; }
        .detail_layout .layout_l #detail_img .slick-list .slick-track {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          position: relative;
          left: 0;
          top: 0;
          display: block;
          margin-left: auto;
          margin-right: auto; }
          .detail_layout .layout_l #detail_img .slick-list .slick-track .slick-slide {
            display: block;
            outline: none;
            float: left;
            height: 100%;
            min-height: 1px; }
      .detail_layout .layout_l #detail_img .slick-arrow {
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        cursor: pointer;
        position: absolute;
        top: calc(50% - 15px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1001;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 50px;
        height: 80px; }
        .detail_layout .layout_l #detail_img .slick-arrow.nv_left {
          left: -40px; }
          .detail_layout .layout_l #detail_img .slick-arrow.nv_left span {
            padding-right: 1px; }
            .detail_layout .layout_l #detail_img .slick-arrow.nv_left span:before {
              content: "";
              position: absolute;
              top: 50%;
              right: calc(50% - 12px);
              -webkit-transform: translate(-50%, -50%) rotate(-135deg);
              -ms-transform: translate(-50%, -50%) rotate(-135deg);
              transform: translate(-50%, -50%) rotate(-135deg);
              border-top: solid 2px #3c3c3c;
              border-right: solid 2px #3c3c3c;
              width: 10px;
              height: 10px; }
        .detail_layout .layout_l #detail_img .slick-arrow.nv_right {
          right: -40px; }
          .detail_layout .layout_l #detail_img .slick-arrow.nv_right span {
            padding-left: 1px; }
            .detail_layout .layout_l #detail_img .slick-arrow.nv_right span:after {
              content: "";
              position: absolute;
              top: 50%;
              right: calc(50% - 8px);
              -webkit-transform: translate(-50%, -50%) rotate(45deg);
              -ms-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg);
              border-top: solid 2px #3c3c3c;
              border-right: solid 2px #3c3c3c;
              width: 10px;
              height: 10px; }
      .detail_layout .layout_l #detail_img .slick-dots {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0; }
        .detail_layout .layout_l #detail_img .slick-dots li {
          width: 8px;
          height: 8px;
          margin-bottom: 8px; }
          .detail_layout .layout_l #detail_img .slick-dots li + li {
            margin-left: 16px; }
          .detail_layout .layout_l #detail_img .slick-dots li button {
            overflow: visible;
            -webkit-transition: 0.6s;
            -o-transition: 0.6s;
            transition: 0.6s;
            position: relative;
            z-index: 999;
            background-color: #e4e4e4;
            border-radius: 100%;
            width: 8px;
            height: 8px;
            text-indent: -9999px; }
          .detail_layout .layout_l #detail_img .slick-dots li:first-child button::before {
            display: none; }
          .detail_layout .layout_l #detail_img .slick-dots li:last-child button::after {
            display: none; }
          .detail_layout .layout_l #detail_img .slick-dots li.slick-active button {
            background-color: #1a1a1a; }
          .detail_layout .layout_l #detail_img .slick-dots li:hover {
            cursor: pointer; }
            .detail_layout .layout_l #detail_img .slick-dots li:hover button {
              background-color: #1a1a1a; }
      .detail_layout .layout_l #detail_img .main_slider {
        position: relative; }
        @media only screen and (max-width: 900px) {
          .detail_layout .layout_l #detail_img .main_slider .item {
            margin: 64px 0 24px; } }
        .detail_layout .layout_l #detail_img .main_slider .item .img_wrap {
          padding: 100px 10px; }
          @media only screen and (max-width: 900px) {
            .detail_layout .layout_l #detail_img .main_slider .item .img_wrap {
              padding: 0 16px; } }
          .detail_layout .layout_l #detail_img .main_slider .item .img_wrap img {
            width: 100%;
            height: auto; }
      @media only screen and (max-width: 900px) {
        .detail_layout .layout_l #detail_img .thum {
          display: none !important; } }
      @media only screen and (min-width: 901px) {
        .detail_layout .layout_l #detail_img .thum .slick-list {
          -webkit-transform: none !important;
          -ms-transform: none !important;
          transform: none !important; } }
      @media only screen and (max-width: 900px) {
        .detail_layout .layout_l #detail_img .thum .slick-list {
          -webkit-transform: translateX(16px);
          -ms-transform: translateX(16px);
          transform: translateX(16px);
          width: 115%;
          margin-left: -16px;
          margin-right: 0; } }
      .detail_layout .layout_l #detail_img .thum .slick-list .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -6px;
        margin-right: -6px; }
        @media only screen and (min-width: 901px) {
          .detail_layout .layout_l #detail_img .thum .slick-list .slick-track {
            width: auto !important;
            -webkit-transform: none !important;
            -ms-transform: none !important;
            transform: none !important; } }
        .detail_layout .layout_l #detail_img .thum .slick-list .slick-track .slick-slide {
          float: none !important;
          padding-left: 6px;
          padding-right: 6px; }
          .detail_layout .layout_l #detail_img .thum .slick-list .slick-track .slick-slide.slick-current .img_box {
            border: solid 1px #1a1a1a; }
        @media only screen and (min-width: 901px) {
          .detail_layout .layout_l #detail_img .thum .slick-list .slick-track .slick-cloned {
            display: none; } }
      .detail_layout .layout_l #detail_img .thum .item {
        margin-bottom: 12px; }
        .detail_layout .layout_l #detail_img .thum .item .img_box {
          border: solid 1px #dedede;
          padding: 17px 6px; }
          .detail_layout .layout_l #detail_img .thum .item .img_box .img_wrap {
            overflow: hidden;
            position: relative;
            max-width: 100%;
            padding-top: 100%; }
            .detail_layout .layout_l #detail_img .thum .item .img_box .img_wrap img {
              cursor: pointer;
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 100%;
              height: auto; }
      .detail_layout .layout_l #detail_img .single_img {
        max-width: 504px;
        margin: 0 auto; }
        .detail_layout .layout_l #detail_img .single_img img {
          width: 100%;
          height: auto; }
  .detail_layout .layout_r {
    width: 47%;
    padding-left: 40px;
    padding-right: 40px; }
    @media only screen and (max-width: 1300px) {
      .detail_layout .layout_r {
        padding-left: 35px;
        padding-right: 35px; } }
    @media only screen and (max-width: 900px) {
      .detail_layout .layout_r {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 32px; } }
    .detail_layout .layout_r .txt_box > ul.tag {
      margin-bottom: 14px; }
      @media only screen and (min-width: 901px) {
		.detail_layout .layout_r .txt_box > ul.tag.sp{
		display: none;}}
      @media only screen and (max-width: 900px) {
		.detail_layout .layout_r .txt_box > ul.tag:not(.sp){
		display: none;}
        .detail_layout .layout_r .txt_box > ul.tag {
          max-width: 210px;
          margin-bottom: 28px; } }
      .detail_layout .layout_r .txt_box > ul.tag li {
        width: 70px; }
    .detail_layout .layout_r .txt_box > p {
      color: #333333; }
      .detail_layout .layout_r .txt_box > p + p {
        margin-top: 0; }
      .detail_layout .layout_r .txt_box > p.brand {
        font-size: 114.3%;
        margin-bottom: 0.3em; }
        @media only screen and (max-width: 640px) {
          .detail_layout .layout_r .txt_box > p.brand {
            font-size: 85.7%; } }
      .detail_layout .layout_r .txt_box > p.price {
        /* > .discount{
          font-size: $fontS18;
          color: #f22224;
          @include media640{
          font-size: $fontS14;
        }
        } */
        /* &.linethrough{
          > .original{
          font-size: $fontS20;
          text-decoration: line-through;
          @include media640{
          font-size: $fontS16;
        }
          > .tax{
          text-decoration: none;
        }
        }
        } */ }
        .detail_layout .layout_r .txt_box > p.price > .original {
          color: #1a1a1a;
          font-size: 200%;
          font-weight: bold; }
          @media only screen and (max-width: 640px) {
            .detail_layout .layout_r .txt_box > p.price > .original {
              font-size: 150%; } }
           .detail_layout .layout_r .txt_box > p.price::first-letter {
           font-size: 12px;
           font-weight: normal;}
          .detail_layout .layout_r .txt_box > p.price > .original > .tax {
            font-size: 10px;
            font-weight: normal;
            display: inline-block; }
            @media only screen and (max-width: 640px) {
              .detail_layout .layout_r .txt_box > p.price > .original > .tax {
                font-size: 12px; } }
        .detail_layout .layout_r .txt_box > p.price > .sale {
          color: #e60000;
          font-size: 200%;
          font-weight: bold; }
          @media only screen and (max-width: 640px) {
            .detail_layout .layout_r .txt_box > p.price > .sale {
              font-size: 150%; } }
          .detail_layout .layout_r .txt_box > p.price > .sale > .tax {
            font-size: 10px;
            font-weight: normal;
            display: inline-block; }
            @media only screen and (max-width: 640px) {
              .detail_layout .layout_r .txt_box > p.price > .sale > .tax {
                font-size: 12px; } }
    .detail_layout .layout_r .txt_box > .status_block {
      margin: 20px 0 14px; }
      .detail_layout .layout_r .txt_box > .status_block p.fav {
        font-size: 85.7%;
        color: #808080; }
        .detail_layout .layout_r .txt_box > .status_block p.fav::before {
          font-family: 'icomoon';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e90c";
          color: #808080;
          font-size: 12px;
          position: relative;
          top: 1px;
          margin-right: 6px; }
          @media only screen and (max-width: 640px) {
            .detail_layout .layout_r .txt_box > .status_block p.fav::before {
              font-size: 12px; } }
    .detail_layout .layout_r .txt_box > .cart_block .set {
      border-top: solid 1px #dedede;
      padding-top: 20px; }
		@media only screen and (max-width: 900px) {
			.detail_layout .layout_r .txt_box > .cart_block .set {
				border-top: none;
				padding-top: 3px; }}
      .detail_layout .layout_r .txt_box > .cart_block .set + .set {
				border-top: solid 1px #dedede;
				margin-top: 20px; }
				@media only screen and (max-width: 900px) {
					.detail_layout .layout_r .txt_box > .cart_block .set + .set {
						margin-top: 22px;
						padding-top: 20px; }}

      .detail_layout .layout_r .txt_box > .cart_block .set.color .value_txt {
        margin-bottom: 16px; }
        @media only screen and (max-width: 900px) {
          .detail_layout .layout_r .txt_box > .cart_block .set.color .value_txt {
            position: absolute;
            top: 0;
            left: 9em; } }
      @media only screen and (max-width: 900px) {
        .detail_layout .layout_r .txt_box > .cart_block .set .color_switch,
				.detail_layout .layout_r .txt_box > .cart_block .set .size_switch {
          margin-top: 16px; } }
      .detail_layout .layout_r .txt_box > .cart_block .set .color_switch ul,
			.detail_layout .layout_r .txt_box > .cart_block .set .size_switch ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -4px;
        margin-right: -4px;
        margin-bottom: -8px; }
        @media only screen and (max-width: 900px) {
          .detail_layout .layout_r .txt_box > .cart_block .set.color .color_switch ul {
            display: block;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            overflow-x: auto;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 10px;
            margin-left: 0;
            margin-right: 0; } }
        .detail_layout .layout_r .txt_box > .cart_block .set.color .color_switch ul li {
          width: 16.66666667%;
          padding-left: 4px;
          padding-right: 4px;
          margin-bottom: 8px; }
          @media only screen and (max-width: 900px) {
            .detail_layout .layout_r .txt_box > .cart_block .set.color .color_switch ul li {
              width: 60px !important;
              display: inline-block;
              padding-left: 0;
              padding-right: 0;
              margin-right: 8px; } }
          .detail_layout .layout_r .txt_box > .cart_block .set.color .color_switch ul li .img_box {
            position: relative;
            cursor: pointer;
            border: solid 1px #dedede;
            }
            .detail_layout .layout_r .txt_box > .cart_block .set.color .color_switch ul li .img_box::before {
              opacity: 0;
              position: absolute;
              z-index: 1;
              top: 0;
              left: 0;
              content: "";
              background-color: rgba(0, 0, 0, 0.08);
              display: block;
              width: 100%;
              height: 100%; }
            .detail_layout .layout_r .txt_box > .cart_block .set.color .color_switch ul li .img_box .img_wrap {
              overflow: hidden;
              position: relative;
              max-width: 100%;
              padding-top: 100%; }
              .detail_layout .layout_r .txt_box > .cart_block .set.color .color_switch ul li .img_box .img_wrap img {
                position: absolute;
                z-index: 0;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 100%;
                height: auto; }
          .detail_layout .layout_r .txt_box > .cart_block .set.color .color_switch ul li.so .img_box::before {
            opacity: 1; }
          .detail_layout .layout_r .txt_box > .cart_block .set.color .color_switch ul li.current .img_box {
            border: solid 1px #1a1a1a; }
@media only screen and (max-width: 900px){
      .detail_layout .layout_r .txt_box > .cart_block .set.size dl dt {
            font-weight: 600; }

}
      .detail_layout .layout_r .txt_box > .cart_block .set.size .size_switch ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: -8px; }
        .detail_layout .layout_r .txt_box > .cart_block .set.size .size_switch ul li {
          width: 25%;
          padding-left: 4px;
          padding-right: 4px;
          margin-bottom: 8px; }
          .detail_layout .layout_r .txt_box > .cart_block .set.size .size_switch ul li span {
            cursor: pointer;
            height: 40px;
            border: 1px #dedede solid;
            border-radius: 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
          /* #39121:追加 */
          .detail_layout .layout_r .txt_box > .cart_block .set.size .size_switch ul li span button {
            font-size: 12px;
            color: #1a1a1a;
          }
          .detail_layout .layout_r .txt_box > .cart_block .set.size .size_switch ul li.so span {
            position: relative;
            overflow: hidden;
            color: #b3b3b3;
            border: solid 1px #b3b3b3;
            background-color: rgba(0, 0, 0, 0.08); }
            .detail_layout .layout_r .txt_box > .cart_block .set.size .size_switch ul li.so span::before {
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%) rotate(-25deg);
              -ms-transform: translate(-50%, -50%) rotate(-25deg);
              transform: translate(-50%, -50%) rotate(-25deg);
              background-color: #b3b3b3;
              content: "";
              display: block;
              width: 100%;
              height: 1px; }
          .detail_layout .layout_r .txt_box > .cart_block .set.size .size_switch ul li.current span {
            border: 1px solid #1a1a1a;}
            .detail_layout .layout_r .txt_box > .cart_block .set.size .size_switch ul li.current:not(.so) span {
            background-color: #1a1a1a;
            border: 1px solid #1a1a1a;}
            .detail_layout .layout_r .txt_box > .cart_block .set.size .size_switch ul li.current:not(.so) button {
            color: #fff;}
    .detail_layout .layout_r .txt_box > .cart_block .stock {
      margin-top: 20px; }
    .detail_layout .layout_r .txt_box > .btn_block {
      margin-top: 40px; }
      .detail_layout .layout_r .txt_box > .btn_block .btn + .btn {
        margin-top: 10px; }
    .detail_layout .layout_r .txt_box > .notice_block {
      margin-top: 35px; }
      .detail_layout .layout_r .txt_box > .notice_block .hours24 {
        font-size: 85.7%;
        background-color: #f0f0f0;
        text-align: center;
        padding: 15px; }
        .detail_layout .layout_r .txt_box > .notice_block .hours24 + ul {
          margin-top: 20px; }
        .detail_layout .layout_r .txt_box > .notice_block .hours24 span {
          position: relative;
          display: inline-block;
          padding-left: 25px; }
          .detail_layout .layout_r .txt_box > .notice_block .hours24 span::before {
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e91f";
            color: #1a1a1a;
            font-size: 20px;
            font-weight: normal;
            position: absolute;
            left: 0;
            top: calc(50% - 1px);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
      .detail_layout .layout_r .txt_box > .notice_block ul {
        margin-bottom: -0.2em; }
        .detail_layout .layout_r .txt_box > .notice_block ul li {
          font-size: 85.7%;
          color: #e60000;
          padding-left: 1em;
          text-indent: -1em;
          margin-bottom: 0.2em; }
          .detail_layout .layout_r .txt_box > .notice_block ul li a {
            color: #e60000; }
      .detail_layout .layout_r .txt_box > .notice_block .ship_today {
        font-weight: bold; }
    .detail_layout .layout_r .txt_box > .guide_block {
      margin-top: 44px; }
      @media only screen and (max-width: 900px) {
        .detail_layout .layout_r .txt_box > .guide_block {
          margin-top: 40px; } }
      .detail_layout .layout_r .txt_box > .guide_block ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
				flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
				width: calc(100% + 10px);
				margin-left: -5px;
				margin-bottom: -10px;}
        .detail_layout .layout_r .txt_box > .guide_block ul li {
          width: fit-content;
          line-height: 1.66;
          margin-left: 5px;
          margin-right: 5px;
					margin-bottom: 10px; }
          @media only screen and (max-width: 1024px) {
            .detail_layout .layout_r .txt_box > .guide_block ul li {
              max-width: none;
              padding-left: 0;
              padding-right: 0; } }
          .detail_layout .layout_r .txt_box > .guide_block ul li a {
            color: #1A1A1A;
            font-size: 85.7%;
						border: 1px solid #1A1A1A;
            background: #fff;
            border-radius: 4px;
						min-height: 28px;
						padding: 8px 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            @media only screen and (min-width: 1025px) {
              .detail_layout .layout_r .txt_box > .guide_block ul li a:hover {
                opacity: 0.7; } }
            @media all and (-ms-high-contrast: none) {
              .detail_layout .layout_r .txt_box > .guide_block ul li a span {
                position: relative;
                top: 4px; } }
      .detail_layout .layout_r .txt_box > .guide_block.column4 ul li {
        max-width: 110px; }
        @media only screen and (max-width: 1024px) {
          .detail_layout .layout_r .txt_box > .guide_block.column4 ul li {
            max-width: none; } }
        .detail_layout .layout_r .txt_box > .guide_block.column4 ul li a {
          padding: 0 0.8em 0 1em; }
    .detail_layout .layout_r .txt_box > .description_block {
      margin-top: 32px; }
      @media only screen and (max-width: 900px) {
        .detail_layout .layout_r .txt_box > .description_block > .tabs {
          display: none; } }
      .detail_layout .layout_r .txt_box > .description_block > .tabs ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .detail_layout .layout_r .txt_box > .description_block > .tabs ul li {
          font-size: 85.7%;
          width: 50%;
          cursor: pointer; }
          .detail_layout .layout_r .txt_box > .description_block > .tabs ul li span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center;
            height: 40px;
            border-bottom: solid 1px #dedede; }
          .detail_layout .layout_r .txt_box > .description_block > .tabs ul li.current span {
            border: solid 1px #dedede;
            border-bottom: none; }
      .detail_layout .layout_r .txt_box > .description_block > .body .body_set {
        display: none; }
        @media only screen and (max-width: 900px) {
          .detail_layout .layout_r .txt_box > .description_block > .body .body_set {
            display: block !important; } }
        .detail_layout .layout_r .txt_box > .description_block > .body .body_set .aco_ttl {
          display: none;
          cursor: pointer;
          position: relative;
          font-size: 85.7%;
          border-top: 1px #dedede solid;
          padding: 1em 0; }
          @media only screen and (max-width: 900px) {
            .detail_layout .layout_r .txt_box > .description_block > .body .body_set .aco_ttl {
              display: block; } }
          .detail_layout .layout_r .txt_box > .description_block > .body .body_set .aco_ttl::after {
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f107";
            font-size: 22px;
            line-height: 0.2;
            font-weight: bold;
            position: absolute;
            top: 50%;
            right: 16px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
          @media only screen and (max-width: 1024px) {
            .detail_layout .layout_r .txt_box > .description_block > .body .body_set .aco_ttl.change:after {
              -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              transform: rotate(180deg);
              margin-top: -1px; } }
        .detail_layout .layout_r .txt_box > .description_block > .body .body_set .inner {
          padding: 24px 0 0; }
          @media only screen and (min-width: 901px) {
            .detail_layout .layout_r .txt_box > .description_block > .body .body_set .inner {
              display: block !important; } }
          @media only screen and (max-width: 900px) {
            .detail_layout .layout_r .txt_box > .description_block > .body .body_set .inner {
              display: none;
              padding: 24px 0; } }
        .detail_layout .layout_r .txt_box > .description_block > .body .body_set.current {
          display: block; }
        @media only screen and (max-width: 900px) {
          .detail_layout .layout_r .txt_box > .description_block > .body .body_set:last-child {
            border-bottom: 1px #dedede solid; } }
      .detail_layout .layout_r .txt_box > .description_block p {
        font-size: 85.7%; }
        .detail_layout .layout_r .txt_box > .description_block p + dl {
          margin-top: 24px; }
      .detail_layout .layout_r .txt_box > .description_block dl + p {
        margin-top: 24px; }
      .detail_layout .layout_r .txt_box > .description_block dl > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 1em; }
      .detail_layout .layout_r .txt_box > .description_block dl dt, .detail_layout .layout_r .txt_box > .description_block dl dd {
        font-size: 85.7%; }
      .detail_layout .layout_r .txt_box > .description_block dl dt {
        width: 9em; }
      .detail_layout .layout_r .txt_box > .description_block dl dd {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%; }
      .detail_layout .layout_r .txt_box > .description_block .table_wrap {
        overflow: auto;
        white-space: nowrap;
        padding-bottom: 16px; }
        .detail_layout .layout_r .txt_box > .description_block .table_wrap table {
          width: auto;
          border-top: 1px #dedede solid;
          border-left: 1px #dedede solid; }
          .detail_layout .layout_r .txt_box > .description_block .table_wrap table tr th, .detail_layout .layout_r .txt_box > .description_block .table_wrap table tr td {
            font-size: 85.7%;
            text-align: center;
            min-width: 60px;
            padding: 1em; }
            @media only screen and (max-width: 640px) {
              .detail_layout .layout_r .txt_box > .description_block .table_wrap table tr th, .detail_layout .layout_r .txt_box > .description_block .table_wrap table tr td {
                min-width: 40px;
                padding: 0.9em; } }
          .detail_layout .layout_r .txt_box > .description_block .table_wrap table tr th {
            border-bottom: 1px #dedede solid;
            border-right: 1px #dedede solid;
            background: #f6f6f6; }
          .detail_layout .layout_r .txt_box > .description_block .table_wrap table tr td {
            border-bottom: 1px #dedede solid;
            border-right: 1px #dedede solid; }
      .detail_layout .layout_r .txt_box > .description_block .hosoku {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .detail_layout .layout_r .txt_box > .description_block .hosoku li + li {
          margin-left: 1.5em; }
        .detail_layout .layout_r .txt_box > .description_block .hosoku li a {
          font-size: 85.7%; }
          .detail_layout .layout_r .txt_box > .description_block .hosoku li a::before {
            content: "";
            display: inline-block;
            position: relative;
            top: -1px;
            right: 2px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            border-top: solid 1px #333333;
            border-right: solid 1px #333333;
            width: 5px;
            height: 5px;
            margin-right: 5px; }
          @media only screen and (min-width: 1025px) {
            .detail_layout .layout_r .txt_box > .description_block .hosoku li a:hover {
              opacity: 0.8; } }
    .detail_layout .layout_r .txt_box > .coordinate_block .brand {
      color: #1a1a1a;
      margin-bottom: 10px;
      display: inline-block; }/*#45281 モデルコーデ修正*/
      @media only screen and (max-width: 900px) {
        .detail_layout .layout_r .txt_box > .coordinate_block .brand {
          font-size: 85.7%; } }
    /*#45281 モデルコーデ修正*/
    .detail_layout .layout_r .txt_box > .coordinate_block .height {
      font-size: 12px;
      display: inline-block;
      margin-top: 0px; }
    /*#45281 モデルコーデ修正*/
    .detail_layout .layout_r .txt_box > .coordinate_block .date {
      font-size: 85.7%;
      color: #808080; }
    .detail_layout .layout_r .txt_box > .coordinate_block .explanation {
      color: #1a1a1a;
      font-size: 85.7%;
      margin-top: 40px; }
    .detail_layout .layout_r .txt_box > .wear_block {
      border-top: 1px #dedede solid;
      padding-top: 24px;
      margin-top: 26px; }
      .detail_layout .layout_r .txt_box > .wear_block > .ttl {
        font-size: 128.6%;
        font-weight: bold;
        margin-bottom: 16px; }
      .detail_layout .layout_r .txt_box > .wear_block .wear_list .none_slider {
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: -32px; }
        @media only screen and (max-width: 900px) {
          .detail_layout .layout_r .txt_box > .wear_block .wear_list .none_slider {
            margin-left: -8px;
            margin-right: -8px; } }
        .detail_layout .layout_r .txt_box > .wear_block .wear_list .none_slider .item {
          width: 33.33333333%;
          padding-left: 16px;
          padding-right: 16px;
          margin-bottom: 32px; }
          @media only screen and (max-width: 900px) {
            .detail_layout .layout_r .txt_box > .wear_block .wear_list .none_slider .item {
              width: 50%;
              padding-left: 8px;
              padding-right: 8px; } }
          @media only screen and (min-width: 901px) {
            .detail_layout .layout_r .txt_box > .wear_block .wear_list .none_slider .item:nth-of-type(n+6) {
              display: block; } }

.pagenation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative; }
  @media only screen and (max-width: 900px) {
    .pagenation ul {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0 16px; } }
  .pagenation ul li {
    font-size: 100%;
    text-align: center; }
    .pagenation ul li + li {
      margin-left: 8px; }
    .pagenation ul li a, .pagenation ul li span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 50%;
      width: 36px;
      height: 36px; }
    @media only screen and (min-width: 1025px) {
      .pagenation ul li a:hover {
        background-color: #ededed; } }
    .pagenation ul li.current a, .pagenation ul li.current span {
      pointer-events: none;
      background-color: #ededed; }
    .pagenation ul li.dot a, .pagenation ul li.dot span {
      color: #333333;
      background: none;
      border: none;
      border-radius: 0;
      width: auto;
      height: auto; }
    .pagenation ul li.prev a, .pagenation ul li.next a {
      position: relative; }
      .pagenation ul li.prev a:before, .pagenation ul li.next a:before {
        font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 20px;
        font-weight: bold;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .pagenation ul li.prev a:before {
      content: "\f104"; }
    .pagenation ul li.next a:before {
      content: "\f105"; }

#feature .pagenation {
	margin-top: 93px;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto; }
	@media only screen and (max-width: 900px) {
		#feature .pagenation{
		margin-top: 65px
		}
	}
#feature .pagenation ul {
	justify-content: flex-end;}
	@media only screen and (max-width: 900px) {
  #feature .pagenation ul {
    justify-content: center; }
		#feature .pagenation ul li + li{
		margin-left: 0;}
	}
#feature #main_area{
	padding-top: 26px;
	padding-bottom: 101px;
}
#feature #low_ttl .page_ttl{
	margin-bottom: 24px;
}
@media only screen and (max-width: 900px) {
	#feature #low_ttl .page_ttl{
		text-align: left;
		margin-bottom: 0;
	}
	#feature #low_ttl .page_ttl .ttl{
		font-size: 28px;
		line-height: 1.5;
		padding-top: 30px;
	}
}

#btm_carousel,
#btm_list {
  background-color: #f7f7f7;
  padding: 72px 0 80px;
  margin-top: 120px; }
  @media only screen and (max-width: 900px) {
    #btm_carousel,
    #btm_list {
      padding: 48px 0 56px;
      margin-top: 80px; } }

/*                itemlist関連レイアウト
======================================================= */
#itemlist .itemlist_lead + .itemlist_intro {
  margin-top: 45px; }
  @media only screen and (max-width: 900px) {
    #itemlist .itemlist_lead + .itemlist_intro {
      margin-top: 15px; } }

@media only screen and (max-width: 900px) {
  #itemlist .itemlist_lead .link {
    text-align: right; } }

#itemlist .itemlist_lead .link > a {
  position: relative;
  font-weight: bold;
  display: inline-block;
  padding-right: 1em;
  margin-top: 0.8em; }
  #itemlist .itemlist_lead .link > a:after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 2px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-top: solid 2px #333333;
    border-right: solid 2px #333333;
    width: 6px;
    height: 6px; }


  #itemlist .itemlist_filter + .itemlist_intro {
	margin-top: 27px; }
    @media only screen and (max-width: 900px) {
      #itemlist .itemlist_filter + .itemlist_intro {
		margin-top: 28px; } }
  @media only screen and (max-width: 900px) {
    #itemlist .itemlist_filter {
      display: block; } }
  #itemlist .itemlist_filter .seach + .filter_btn {
    margin-top: 24px; }


.conditions + .select_conditions {
  margin-top: 18px; }

.conditions .title {
  font-size: 85.7%;
  width: 7em;
  display: inline-block;
  white-space: nowrap; }

.conditions ul {
  display: inline;
  margin-bottom: -5px; }
.conditions ul li {
    display: inline-block;
    position: relative;
    font-size: 78.6%;
    background-color: #ededed;
    border-radius: 24px;
    padding: 7px 24px 7px 12px;
    margin-right: 5px; /* 20201106 ECSデザイン納品　0→5; */
    margin-bottom: 5px; }
      .conditions ul li span.close {
      position: absolute;
      right: 2px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      cursor: pointer;
      display: block;
      width: 22px;
      height: 22px; }
      .conditions ul li span.close::before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 50%; }
      .conditions ul li span.close::after {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e903";
        color: #808080;
        font-size: 10px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0.7);
        -ms-transform: translateY(-50%) scale(0.7);
        transform: translateY(-50%) scale(0.7);
        right: 6px; }

#itemlist .itemlist_intro .select_conditions .select_layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #itemlist .itemlist_intro .select_conditions .select_layout .layout_l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    margin-right: -16px; }
.cnt_switch_panel ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.cnt_switch_panel ul li {
      cursor: pointer;
      font-size: 85.7%;
      line-height: 1;
      text-align: center;
      background: #fff;
      border-radius: 24px;
      min-width: 64px;
      padding: 14px 10px; }
      @media only screen and (max-width: 400px) {
	.cnt_switch_panel ul li {
          min-width: 56px; } }
	.cnt_switch_panel ul li.current {
        background: #ededed;
        pointer-events: none; }

@media only screen and (max-width: 900px) {
  #itemlist #ranking_area {
    border-top: 1px #dedede solid;
    padding-top: 32px;
    margin: 0 -16px; } }

@media only screen and (max-width: 900px) {
  #itemlist #ranking_area .ranking_area_inner {
    padding: 0 16px; } }

#itemlist.detail #review {
  background-color: #f7f7f7;
  padding: 70px 0 50px; }
  @media only screen and (max-width: 900px) {
    #itemlist.detail #review {
      padding: 50px 0 50px; } }
  #itemlist.detail #review .retrieve .set {
    background: #fff;
    padding: 35px; }
    #itemlist.detail #review .retrieve .set + .set {
      margin-top: 3px; }
      @media only screen and (max-width: 640px) {
        #itemlist.detail #review .retrieve .set + .set {
          margin-top: 8px; } }
    @media only screen and (max-width: 640px) {
      #itemlist.detail #review .retrieve .set {
        padding: 24px; } }
    #itemlist.detail #review .retrieve .set .layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 640px) {
        #itemlist.detail #review .retrieve .set .layout {
          display: block; } }
      #itemlist.detail #review .retrieve .set .layout .layout_l {
        width: 13em;
        padding-right: 1em; }
        @media only screen and (max-width: 640px) {
          #itemlist.detail #review .retrieve .set .layout .layout_l {
            width: 100%; } }
        #itemlist.detail #review .retrieve .set .layout .layout_l .name {
          margin-bottom: 0.5em; }
          #itemlist.detail #review .retrieve .set .layout .layout_l .name > span {
            font-size: 16px;
            font-weight: bold;
            margin-right: 0.2em; }
        @media only screen and (max-width: 640px) {
          #itemlist.detail #review .retrieve .set .layout .layout_l .info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; } }
        #itemlist.detail #review .retrieve .set .layout .layout_l .info dl.star {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin-bottom: 0.2em; }
          #itemlist.detail #review .retrieve .set .layout .layout_l .info dl.star dt {
            margin-right: 0.5em; }
          #itemlist.detail #review .retrieve .set .layout .layout_l .info dl.star dd .star_list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            #itemlist.detail #review .retrieve .set .layout .layout_l .info dl.star dd .star_list li {
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition: 0.5s;
              content: "";
              display: block;
              width: 14px;
              height: 14px;
              background: url(../images/common/icon-star-none.svg) no-repeat center center;
              background-size: 14px 14px; }
              #itemlist.detail #review .retrieve .set .layout .layout_l .info dl.star dd .star_list li + li {
                margin-left: 1px; }
              #itemlist.detail #review .retrieve .set .layout .layout_l .info dl.star dd .star_list li.full {
                background: url(../images/common/icon-star-full.svg) no-repeat center center; }
              #itemlist.detail #review .retrieve .set .layout .layout_l .info dl.star dd .star_list li.half {
                background: url(../images/common/icon-star-half.svg) no-repeat center center; }
        #itemlist.detail #review .retrieve .set .layout .layout_l .info .spec {
          font-size: 85.7%;
          color: #1a1a1a; }
          @media only screen and (max-width: 640px) {
            #itemlist.detail #review .retrieve .set .layout .layout_l .info .spec {
              font-size: 78.6%; } }
      #itemlist.detail #review .retrieve .set .layout .layout_r {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%; }
        @media only screen and (max-width: 640px) {
          #itemlist.detail #review .retrieve .set .layout .layout_r {
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            margin-top: 10px; } }
        #itemlist.detail #review .retrieve .set .layout .layout_r .date {
          font-size: 85.7%;
          color: #808080; }
        #itemlist.detail #review .retrieve .set .layout .layout_r .ellipsis {
          line-height: 1.8; }
          #itemlist.detail #review .retrieve .set .layout .layout_r .ellipsis.hide-class {
            position: relative;
            padding-bottom: 1.8em; }
            #itemlist.detail #review .retrieve .set .layout .layout_r .ellipsis.hide-class a {
              position: absolute;
              bottom: 0;
              left: 0;
              text-decoration: underline; }
              @media only screen and (max-width: 640px) {
                #itemlist.detail #review .retrieve .set .layout .layout_r .ellipsis.hide-class a {
                  left: auto;
                  right: 0; } }
  #itemlist.detail #review .review_btm_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px; }
    @media only screen and (max-width: 900px) {
      #itemlist.detail #review .review_btm_layout {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    @media only screen and (max-width: 900px) {
      #itemlist.detail #review .review_btm_layout .layout_l {
        display: none; } }
    #itemlist.detail #review .review_btm_layout .layout_l > p span {
      font-size: 142.9%;
      font-weight: bold; }
      @media only screen and (max-width: 900px) {
        #itemlist.detail #review .review_btm_layout .layout_l > p span {
          font-size: 100%; } }
      #itemlist.detail #review .review_btm_layout .layout_l > p span.result + .range {
        margin-left: 1em; }
      #itemlist.detail #review .review_btm_layout .layout_l > p span.range {
        font-size: 12px;
        color: #808080;
        font-weight: 400; }
        @media only screen and (max-width: 900px) {
          #itemlist.detail #review .review_btm_layout .layout_l > p span.range {
            font-size: 10px; } }
    @media only screen and (min-width: 1025px) {
      #itemlist.detail #review .review_btm_layout .pagenation ul li a:hover {
        background-color: #fff; } }
    #itemlist.detail #review .review_btm_layout .pagenation ul li.current a, #itemlist.detail #review .review_btm_layout .pagenation ul li.current span {
      background-color: #fff; }

/*                coordinate関連レイアウト
======================================================= */
#coordinate .page_ttl {
  margin-bottom: 40px; }
  @media only screen and (max-width: 900px) {
    #coordinate .page_ttl {
      margin-bottom: 0; } }

#coordinate #coordinate_select_list + #low_coordinate {
  margin-top: 24px; }

#coordinate #coordinate_select_list .select_list_wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 900px) {
    #coordinate #coordinate_select_list .select_list_wrap {
      display: block; } }
  #coordinate #coordinate_select_list .select_list_wrap .current_ttl {
    display: none; }
    @media only screen and (max-width: 900px) {
      #coordinate #coordinate_select_list .select_list_wrap .current_ttl {
        display: block;
        position: relative;
        border: 1px #d2d2d2 solid;
        border-radius: 4px;
        padding: 0.6em 8px 0.5em; }
        #coordinate #coordinate_select_list .select_list_wrap .current_ttl::after {
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
          font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f107";
          font-size: 22px;
          line-height: 0.2;
          font-weight: bold;
          position: absolute;
          top: 50%;
          right: 8px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
        #coordinate #coordinate_select_list .select_list_wrap .current_ttl.change {
          border-radius: 4px 4px 0 0;
          border-bottom: none; }
          #coordinate #coordinate_select_list .select_list_wrap .current_ttl.change:after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            margin-top: -1px; } }
  @media only screen and (min-width: 901px) {
    #coordinate #coordinate_select_list .select_list_wrap .select_inner {
      display: block !important;
      height: auto !important; } }
  @media only screen and (max-width: 900px) {
    #coordinate #coordinate_select_list .select_list_wrap .select_inner {
      display: none;
      position: absolute;
      width: 100%;
      z-index: 2; } }
  #coordinate #coordinate_select_list .select_list_wrap .select_inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 584px;
    margin: 0 -4px; }
    @media only screen and (max-width: 900px) {
      #coordinate #coordinate_select_list .select_list_wrap .select_inner ul {
        display: block;
        max-width: none;
        background-color: #fff;
        border-left: 1px #d2d2d2 solid;
        border-right: 1px #d2d2d2 solid;
        border-bottom: 1px #d2d2d2 solid;
        border-radius: 0 0 4px 4px;
        margin: 0 auto; } }
    #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li {
      width: 16.66666667%;
      padding-left: 4px;
      padding-right: 4px; }
      @media only screen and (max-width: 900px) {
        #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li {
          width: 100%;
          padding-left: 0;
          padding-right: 0; } }
      #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li a {
        display: block;
        cursor: pointer; }
        @media only screen and (max-width: 900px) {
          #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li a {
            padding: 0.6em 8px 0.5em; } }
        #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li a .inner > span {
          display: none; }
          @media only screen and (max-width: 900px) {
            #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li a .inner > span {
              display: block; } }
        #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li a .inner > img {
          width: 100%;
          height: auto; }
          @media only screen and (max-width: 900px) {
            #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li a .inner > img {
              display: none; } }
      #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li.all a .inner {
        position: relative; }
        #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li.all a .inner > span {
          display: block;
          position: absolute;
          width: 4em;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          font-weight: bold; }
          @media only screen and (max-width: 900px) {
            #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li.all a .inner > span {
              position: static;
              -webkit-transform: none;
              -ms-transform: none;
              transform: none;
              font-weight: normal;
              width: auto; } }
        #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li.all a .inner > img {
          opacity: 0; }
      @media only screen and (min-width: 901px) {
        #coordinate #coordinate_select_list .select_list_wrap .select_inner ul li.current a {
          border: solid 1px #1a1a1a; } }

/*#45281 モデルコーデ修正*/
#coordinate .coordinate_list .none_slider {
  margin-bottom: -40px; }
	@media only screen and (max-width: 900px) {
		#coordinate .coordinate_list .none_slider{
			width: 100%;
			margin-left: -8px;
			margin-bottom: 0;}
	}
  #coordinate .coordinate_list .none_slider .item {
    width: 25%;
    margin-bottom: 40px; }
    @media only screen and (max-width: 900px) {
      #coordinate .coordinate_list .none_slider .item {
				-webkit-box-flex: 0;
				-ms-flex: 0 1 calc(33.3% - 16px);
				flex: 0 1 calc(33.3% - 16px);
				width: calc(33.3% - 16px);
				margin-left: 8px;
				margin-right: 8px;
				margin-bottom: 36px;
				padding-left: 0;
				padding-right: 0; } }
    #coordinate .coordinate_list .none_slider .item .item_inner .txt_box p + p {
      margin-top: 0; }
    #coordinate .coordinate_list .none_slider .item .item_inner .txt_box .ttl {
      font-weight: normal;
      font-size: 14px; }
			@media only screen and (max-width: 900px) {
				#coordinate .coordinate_list .none_slider .item .item_inner .txt_box .ttl{
					font-size: 10px;
				}}
    #coordinate .coordinate_list .none_slider .item .item_inner .txt_box .brand {
      font-size: 78.6%;
      margin-top: 0.5em;
      font-weight: bold; }
			@media only screen and (max-width: 900px) {
				#coordinate .coordinate_list .none_slider .item .item_inner .txt_box .brand {
					font-size: 10px; }}
    #coordinate .coordinate_list .none_slider .item .item_inner .txt_box .date {
      font-size: 10px;
      color: #808080;
      margin-top: 0.5em; }
    #coordinate .coordinate_list .none_slider .item .item_inner .txt_box .height{
      font-size: 78.6%;
      margin-top: 0.5em;}
      @media only screen and (max-width: 900px) {
        #coordinate .coordinate_list .none_slider .item .item_inner .txt_box .height{
          font-size: 10px;}}
    @media only screen and (min-width: 901px) {
      #coordinate .coordinate_list .none_slider .item:nth-of-type(n+6) {
        display: block;
		font-size: 71.4%; } }
/*#45281 モデルコーデ修正*/

@media only screen and (max-width: 900px) {
  #coordinate.detail .coordinate_carousel .slider {
    opacity: 1 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -32px; } }

@media only screen and (max-width: 900px) {
  #coordinate.detail .coordinate_carousel .slider .item {
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 32px; } }

@media only screen and (max-width: 900px) {
  #coordinate.detail .coordinate_carousel .slider .item:nth-of-type(n+7) {
    display: none; } }

@media only screen and (max-width: 900px) {
  #coordinate.detail #low_coordinate .cont_ttl {
    border-top: 1px #dedede solid;
    padding-top: 48px; } }

/*                lp関連レイアウト
======================================================= */
#lp .lp_width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 932px;
  padding: 0 16px; }

#lp .lp_cont + .lp_cont {
  margin-top: 120px; }
  @media only screen and (max-width: 900px) {
    #lp .lp_cont + .lp_cont {
      margin-top: 56px; } }

#lp .lp_kv img {
  width: 100%;
  height: auto; }

#lp .center_txt {
  text-align: center; }
  @media only screen and (max-width: 900px) {
    #lp .center_txt.lp_btm_txt {
      margin-top: 80px; } }

#lp .anchor_list {
  margin-top: 40px; }
  @media only screen and (max-width: 900px) {
    #lp .anchor_list {
      margin-top: 24px; } }
  #lp .anchor_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -16px; }
    #lp .anchor_list ul li {
      width: 25%;
      padding-left: 8px;
      padding-right: 8px;
      margin-bottom: 16px; }
      @media only screen and (max-width: 900px) {
        #lp .anchor_list ul li {
          width: 50%; } }
    #lp .anchor_list ul a {
      position: relative;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      font-size: 100%;
      font-weight: bold;
      line-height: 1.5;
      border-radius: 4px;
      background: #1a1a1a;
      text-align: center;
      display: block;
      color: #fff;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 13px 32px; }
      @media only screen and (max-width: 350px) {
        #lp .anchor_list ul a {
          font-size: 85.7%;
          padding: 13px 24px; } }
      #lp .anchor_list ul a::after {
        content: "";
        position: absolute;
        top: calc(50% - 2px);
        right: 16px;
        -webkit-transform: translateY(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        width: 6px;
        height: 6px; }
        @media only screen and (max-width: 350px) {
          #lp .anchor_list ul a::after {
            right: 12px; } }
      @media only screen and (min-width: 1025px) {
        #lp .anchor_list ul a:hover {
          opacity: .8; } }

#lp .lp_link .set_ttl {
  border-top: 1px #dedede solid;
  border-bottom: 1px #dedede solid;
  margin-bottom: 40px; }
  @media only screen and (max-width: 900px) {
    #lp .lp_link .set_ttl {
      margin-bottom: 24px; } }
  #lp .lp_link .set_ttl .ttl {
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    padding: 20px; }
    @media only screen and (max-width: 900px) {
      #lp .lp_link .set_ttl .ttl {
        font-size: 171.4%;
        padding: 15px; } }

#lp .lp_link .center_txt {
  margin-bottom: 40px; }
  @media only screen and (max-width: 900px) {
    #lp .lp_link .center_txt {
      margin-bottom: 16px; } }

#lp .lp_link .set_btn .btn {
  max-width: 560px;
  margin-top: 40px; }
  @media only screen and (max-width: 900px) {
    #lp .lp_link .set_btn .btn {
      max-width: none;
      margin-top: 16px; } }
  #lp .lp_link .set_btn .btn a {
    border: none;
    padding: 22px 26px 22px 22px; }

#lp .lp_product {
  padding: 0 80px; }
  @media only screen and (max-width: 900px) {
    #lp .lp_product {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      margin-left: -8px;
      margin-right: -8px;
      margin-bottom: -32px; } }
  #lp .lp_product .set + .set {
    border-top: 1px #dedede solid;
    padding-top: 80px;
    margin-top: 80px; }
    @media only screen and (max-width: 900px) {
      #lp .lp_product .set + .set {
        border-top: none;
        padding-top: 0;
        margin-top: 0; } }
  @media only screen and (max-width: 900px) {
    #lp .lp_product .set {
      width: 50%;
      padding-left: 8px;
      padding-right: 8px;
      margin-bottom: 32px; } }
  #lp .lp_product .set .product_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px; }
    @media only screen and (max-width: 900px) {
      #lp .lp_product .set .product_inner {
        display: block;
        margin-left: 0;
        margin-right: 0; } }
    #lp .lp_product .set .product_inner .img_box {
      width: 50%;
      padding-left: 20px;
      padding-right: 20px; }
      @media only screen and (max-width: 900px) {
        #lp .lp_product .set .product_inner .img_box {
          width: 100%;
          padding-left: 0;
          padding-right: 0; } }
      #lp .lp_product .set .product_inner .img_box .img_wrap {
        border: solid 1px #dedede;
        padding: 59px 10px; }
      #lp .lp_product .set .product_inner .img_box img {
        width: 100%;
        height: auto; }
    #lp .lp_product .set .product_inner .txt_box {
      width: 50%;
      padding-left: 20px;
      padding-right: 20px; }
      @media only screen and (max-width: 900px) {
        #lp .lp_product .set .product_inner .txt_box {
          width: 100%;
          padding-left: 0;
          padding-right: 0;
          margin-top: 16px; } }
      #lp .lp_product .set .product_inner .txt_box p + p {
        margin-top: 0; }
      #lp .lp_product .set .product_inner .txt_box .brand {
        font-size: 78.6%;
        font-weight: bold;
        margin-bottom: 5px; }
      #lp .lp_product .set .product_inner .txt_box .price {
        color: #1a1a1a; }
        #lp .lp_product .set .product_inner .txt_box .price.sale {
          color: #e60000; }
      #lp .lp_product .set .product_inner .txt_box .color,
      #lp .lp_product .set .product_inner .txt_box .so {
        color: #808080; }
      #lp .lp_product .set .product_inner .txt_box .btn {
        max-width: none;
        margin-top: 16px; }
        @media only screen and (max-width: 900px) {
          #lp .lp_product .set .product_inner .txt_box .btn {
            display: none; } }
  #lp .lp_product .set a {
    display: block; }
    @media only screen and (min-width: 1025px) {
      #lp .lp_product .set a:hover .btn span {
        opacity: .8; } }
  #lp .lp_product .set:nth-child(even) .product_inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  #lp .lp_product.column3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -40px; }
    @media only screen and (max-width: 900px) {
      #lp .lp_product.column3 {
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: -32px; } }
    #lp .lp_product.column3 .set {
      width: 33.33333333%;
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 40px; }
      #lp .lp_product.column3 .set + .set {
        border-top: none;
        padding-top: 0;
        margin-top: 0; }
      @media only screen and (max-width: 900px) {
        #lp .lp_product.column3 .set {
          width: 50%;
          padding-left: 8px;
          padding-right: 8px;
          margin-bottom: 32px; } }
      #lp .lp_product.column3 .set .product_inner {
        display: block;
        margin-left: 0;
        margin-right: 0; }
        #lp .lp_product.column3 .set .product_inner .img_box {
          width: 100%;
          padding-left: 0;
          padding-right: 0; }
        #lp .lp_product.column3 .set .product_inner .txt_box {
          width: 100%;
          padding-left: 0;
          padding-right: 0;
          margin-top: 16px; }

#lp .lp_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: -16px; }
  @media only screen and (max-width: 900px) {
    #lp .lp_btn {
      display: block;
      margin-left: 0;
      margin-right: 0; } }
  #lp .lp_btn .btn {
    max-width: none;
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px; }
    @media only screen and (max-width: 900px) {
      #lp .lp_btn .btn {
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }
    #lp .lp_btn .btn.other {
      width: 100%; }
    #lp .lp_btn .btn.men a {
      background-color: #3f6efc; }
    #lp .lp_btn .btn.women a {
      background-color: #fc6597; }
    #lp .lp_btn .btn a {
      border: none;
      padding: 22px 32px; }

#lp .lp_img img {
  width: 100%;
  height: auto; }

#lp .lp_youtube {
  max-width: none;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 900px) {
    #lp .lp_youtube {
      margin: 80px 0; } }
  #lp .lp_youtube .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    #lp .lp_youtube .youtube iframe,
    #lp .lp_youtube .youtube object,
    #lp .lp_youtube .youtube embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/*                記事系
======================================================= */
@media only screen and (max-width: 900px) {
  #article_detail {
    padding-top: 24px; } }

#article_detail .article_width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 932px;
  padding: 0 16px; }

#article_detail .article_ttl {
  margin-bottom: 46px; }
  @media only screen and (max-width: 900px) {
    #article_detail .article_ttl {
      margin-bottom: 24px; } }
  #article_detail .article_ttl h1 {
    font-size: 257.1%;
    font-weight: bold;
    line-height: 1.22; }
    @media only screen and (max-width: 900px) {
      #article_detail .article_ttl h1 {
        font-size: 171.4%; } }
  #article_detail .article_ttl .date {
    font-size: 85.7%;
    color: #808080;
    margin-top: 16px; }

#article_detail .sns_wrap {
  position: relative; }
  #article_detail .sns_wrap .share_block {
    position: absolute;
    top: -64px;
    right: 0;
    margin-top: 0; }
    @media only screen and (max-width: 900px) {
      #article_detail .sns_wrap .share_block {
        position: static;
        margin-top: 80px; } }
    #article_detail .sns_wrap .share_block ul li + li {
      margin-left: 24px; }
      @media only screen and (max-width: 900px) {
        #article_detail .sns_wrap .share_block ul li + li {
          margin-left: 32px; } }
    #article_detail .sns_wrap .share_block ul li a::before {
      width: 24px;
      height: 24px; }
      @media only screen and (max-width: 900px) {
        #article_detail .sns_wrap .share_block ul li a::before {
          width: 32px;
          height: 32px; } }
    #article_detail .sns_wrap .share_block ul li.fb a::before {
      background-size: 24px 24px; }
      @media only screen and (max-width: 900px) {
        #article_detail .sns_wrap .share_block ul li.fb a::before {
          background-size: 32px 32px; } }
    #article_detail .sns_wrap .share_block ul li.tw a::before {
      background-size: 24px 24px; }
      @media only screen and (max-width: 900px) {
        #article_detail .sns_wrap .share_block ul li.tw a::before {
          background-size: 32px 32px; } }
    #article_detail .sns_wrap .share_block ul li.line a::before {
      background-size: 24px 24px; }
      @media only screen and (max-width: 900px) {
        #article_detail .sns_wrap .share_block ul li.line a::before {
          background-size: 32px 32px; } }
    #article_detail .sns_wrap .share_block ul li.mail a::before {
      background-size: 24px 24px; }
      @media only screen and (max-width: 900px) {
        #article_detail .sns_wrap .share_block ul li.mail a::before {
          background-size: 32px 32px; } }

#article_detail .return_btn {
  margin-top: 64px; }
  @media only screen and (max-width: 900px) {
    #article_detail .return_btn {
      margin-top: 40px; } }
  #article_detail .return_btn .btn {
    max-width: 288px; }
    @media only screen and (max-width: 900px) {
      #article_detail .return_btn .btn {
        max-width: none; } }

.mod_cont + .mod_cont,
.mod_cont + .mod_ttl,
.mod_ttl + .mod_cont {
  margin-top: 80px; }
  @media only screen and (max-width: 900px) {
    .mod_cont + .mod_cont,
    .mod_cont + .mod_ttl,
    .mod_ttl + .mod_cont {
      margin-top: 56px; } }

.mod_cont dt, .mod_cont dd, .mod_cont li, .mod_cont th, .mod_cont td, .mod_cont p {
  line-height: 1.7; }

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

.mod_cont .img_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px; }
  .mod_cont .img_cont .img_set {
    padding-left: 12px;
    padding-right: 12px; }
  .mod_cont .img_cont.img2 {
    margin-bottom: -24px; }
    @media only screen and (max-width: 900px) {
      .mod_cont .img_cont.img2 {
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: -16px; } }
    .mod_cont .img_cont.img2 .img_set {
      width: 50%;
      margin-bottom: 24px; }
      @media only screen and (max-width: 900px) {
        .mod_cont .img_cont.img2 .img_set {
          padding-left: 8px;
          padding-right: 8px;
          margin-bottom: 16px; } }
  .mod_cont .img_cont.img1 {
    margin-left: 0;
    margin-right: 0; }
    .mod_cont .img_cont.img1 .img_set {
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
      .mod_cont .img_cont.img1 .img_set + .img_set {
        margin-top: 24px; }
        @media only screen and (max-width: 900px) {
          .mod_cont .img_cont.img1 .img_set + .img_set {
            margin-top: 16px; } }
  .mod_cont .img_cont.center {
    margin-left: 0;
    margin-right: 0; }
    .mod_cont .img_cont.center .img_set {
      max-width: 640px;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-left: auto;
      margin-right: auto; }
      .mod_cont .img_cont.center .img_set + .img_set {
        margin-top: 24px; }
        @media only screen and (max-width: 900px) {
          .mod_cont .img_cont.center .img_set + .img_set {
            margin-top: 16px; } }

.mod_cont .imgtxt_cont .imgtxt_set .txt_box {
  margin-top: 40px; }
  @media only screen and (max-width: 900px) {
    .mod_cont .imgtxt_cont .imgtxt_set .txt_box {
      margin-top: 24px; } }

.mod_cont .qa_cont > div + div {
  margin-top: 30px; }

.mod_cont .qa_cont > div dt {
  font-weight: bold; }
  .mod_cont .qa_cont > div dt + dd {
    margin-top: 24px; }
  .mod_cont .qa_cont > div dt::before {
    content: "ー"; }

.mod_cont .yt_cont {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto; }
  .mod_cont .yt_cont .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .mod_cont .yt_cont .youtube iframe,
    .mod_cont .yt_cont .youtube object,
    .mod_cont .yt_cont .youtube embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.mod_cont .insta_cont iframe {
  margin: 0 auto !important; }

.mod_cont .recommend_list .none_slider dt, .mod_cont .recommend_list .none_slider dd, .mod_cont .recommend_list .none_slider li, .mod_cont .recommend_list .none_slider th, .mod_cont .recommend_list .none_slider td, .mod_cont .recommend_list .none_slider p {
  line-height: 1.5; }

.mod_cont .recommend_list .none_slider .item {
  width: 33.33333333%; }
  @media only screen and (max-width: 900px) {
    .mod_cont .recommend_list .none_slider .item {
      width: 50%; } }
  @media only screen and (min-width: 901px) {
    .mod_cont .recommend_list .none_slider .item:nth-of-type(n+6) {
      display: block; } }

.mod_cont .btn {
  max-width: 640px; }
  @media only screen and (max-width: 900px) {
    .mod_cont .btn {
      max-width: none; } }
  .mod_cont .btn a {
    padding: 13px; }

#feature .mod_cont .btn a {
  padding: 20px; }

/*                エディター
======================================================= */
.mod_cont .editor img {
  width: auto;
  margin-right: auto; }
  .mod_cont .editor img.alignright {
    margin-left: auto;
    margin-right: 0; }
  .mod_cont .editor img.aligncenter {
    margin-left: auto;
    margin-right: auto; }

.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
  font-weight: bold;
  line-height: 2; }

.editor h1 {
  font-size: 257.1%; }
  @media only screen and (max-width: 900px) {
    .editor h1 {
      font-size: 171.4%; } }

.editor h2 {
  font-size: 228.6%; }
  @media only screen and (max-width: 900px) {
    .editor h2 {
      font-size: 157.1%; } }

.editor h3 {
  font-size: 157.1%; }
  @media only screen and (max-width: 900px) {
    .editor h3 {
      font-size: 142.9%; } }

.editor h4 {
  font-size: 142.9%; }
  @media only screen and (max-width: 900px) {
    .editor h4 {
      font-size: 128.6%; } }

.editor h5 {
  font-size: 128.6%; }
  @media only screen and (max-width: 900px) {
    .editor h5 {
      font-size: 114.3%; } }

.editor h6 {
  font-size: 114.3%; }
  @media only screen and (max-width: 900px) {
    .editor h6 {
      font-size: 100%; } }

.editor a {
  text-decoration: underline; }
  @media only screen and (min-width: 1025px) {
    .editor a:hover {
      text-decoration: none; } }

.editor blockquote {
  background: #eee;
  padding: 1.5em; }

.editor ul > li {
  padding-left: 1em;
  text-indent: -1em; }
  .editor ul > li:before {
    background-color: #333333;
    content: '';
    display: inline-block;
    position: relative;
    top: -4px;
    border-radius: 100%;
    height: 4px;
    width: 4px;
    margin: 0 5px 0 5px; }

.editor ol {
  counter-reset: item; }
  .editor ol > li {
    padding-left: 1.7em;
    text-indent: -1.7em; }
    .editor ol > li:before {
      counter-increment: item;
      content: counter(item) ".";
      margin-right: 0.15em;
      display: inline-block;
      width: 1.5em;
      text-align: right; }

/* ---- #39110 対応 START----- */
.lower_cont.itemlist {
 margin: 70px 0;
}
/* ---- #39110 対応 END----- */

/* 20201120 */

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
	#hd_ticker{
		height: 40px;
	}
	#gnavi > ul {
		height: 40px; }

	#gnavi > ul > li > a > span {
		padding-top: 13px;
		padding-bottom: 12px; }

	#gnavi > ul > li.nest > a > span {
		padding-top: 13px;
		padding-bottom: 12px;
	}

	#header #header_area .hd_layout {
		height: 58px;
	}

	#gnavi .main_width{
		max-width: 100%;
	}

	#gnavi > ul > li.nest .gn_child .gn_inner{
		padding: 10px 0 20px;
	}

	#gnavi > ul > li.nest .gn_child .gn_inner .gn_list .set{
		width: auto;
	}

	#gnavi > ul > li.nest .gn_child .gn_inner .gn_list .set .ttl {
		font-size: 100%;
		margin-bottom: 5px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_help .list, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login .list{
		padding-top: 16px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_search .search{
		padding-top: 16px;
	}

	#header #header_area .hd_layout .layout_c #hd_logo h1, #header #header_area .hd_layout .layout_c #hd_logo p{
		width: 280px;
    height: 30px;
	}
	#header #header_area .hd_layout .layout_c #hd_logo h1 a, #header #header_area .hd_layout .layout_c #hd_logo p a{
		background-size: 280px
	}
	#header #header_area .hd_layout .layout_r ul.utility > li > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li span.icon_wrap{
		width: 26px;
    height: 26px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_help > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_help span.icon_wrap{
		background-size: 26px 26px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_help:hover > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_help:hover span.icon_wrap{
		background-size: 26px 26px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_search > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_search span.icon_wrap{
		background-size: 26px 26px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_search:hover > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_search:hover span.icon_wrap{
		background-size: 26px 26px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite span.icon_wrap{
		background-size: 26px 26px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite:hover > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_favorite:hover span.icon_wrap{
		background-size: 26px 26px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_login > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login span.icon_wrap{
		background-size: 26px 26px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_login:hover > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_login:hover span.icon_wrap{
		background-size: 26px 26px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_cart > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_cart span.icon_wrap{
		background-size: 26px 26px;
	}
	#header #header_area .hd_layout .layout_r ul.utility > li.nv_cart:hover > a.icon_wrap, #header #header_area .hd_layout .layout_r ul.utility > li.nv_cart:hover span.icon_wrap{
		background-size: 26px 26px;
	}
	#gnavi > ul > li.nest .gn_child .gn_inner .gn_list .set ul li{
		line-height: 1.4;
	}
}

.checkbox__row {
  align-items: center;
  display: flex;
  font-size: 12px;
  line-height: 1.166;
}
@media (max-width: 900px) {
  .checkbox__row {
    font-size: 10px;
    line-height: 1.2;
  }
}
.checkbox__check {
  border: 1px solid #1a1a1a;
  border-radius: 50%;
  display: block;
  height: 20px;
  margin-right: 8px;
  position: relative;
  width: 20px;
}
@media (max-width: 900px) {
  .checkbox__check {
    border-radius: 0;
    margin-right: 6px;
  }
}
.checkbox__check:after {
  background: #1a1a1a;
  border-radius: 50%;
  content: "";
  display: block;
  display: none;
  height: 14px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
}
@media (max-width: 900px) {
  .checkbox__check:after {
    background: url(../images/common/check.svg) no-repeat;
    background-size: contain;
    height: 10.4px;
    width: 13.6px;
  }
}
.checkbox__check:checked:after {
  display: block;
}
#gnavi > ul > li.brand .main_width {
  max-width: 1232px;
}
#gnavi > ul > li.brand .brand_list {
  padding-top: 14px;
}
@media only screen and (max-width: 1024px) {
  #sp_menu_area .sp_menu .login_navi .navi_set > .ttl svg {
    left: 2px;
    margin-right: 12px;
    position: relative;
    width: 22px;
  }
  #sp_menu_area .sp_menu .login_navi .navi_set a.ttl svg {
    left: -2px;
    margin-right: 4px;
    width: 30px;
  }
}
.mainSearch {
  display: none;
}
@media (max-width: 1024px) {
  .mainSearch {
    display: block;
  }
}
.mainSearch__container {
  position: relative;
  z-index: 11;
}
.mainSearch__action {
  background: #fff;
  padding: 16px;
}
.mainSearch__form {
  align-items: center;
  display: flex;
  position: relative;
}
.mainSearch__form .mainSearch-input {
  flex: 1 1 auto;
}
.mainSearch__form .mainSearch-result__close {
  display: flex;
  flex-direction: column;
  font-size: 10px;
  line-height: 1;
  margin-left: 10px;
  margin-right: -6px;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 0;
}
.mainSearch__form .mainSearch-result__close svg {
  flex: 1 1 auto;
  height: 34px;
  margin-right: 0;
  margin-top: -5px;
  padding: 2px 0;
  width: 34px;
}
.mainSearch__form .mainSearch-result__close[aria-hidden="true"] {
  height: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
  width: 0;
}
.mainSearch__form .mainSearch-result__close[aria-hidden="false"] {
  visibility: visible;
}
.mainSearch__overlay {
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.mainSearch.active .mainSearch__overlay {
  display: block;
}
.mainSearch-input {
  border: 1px solid #dedede;
  border-radius: 4px;
  position: relative;
}
.mainSearch-input__input[type="text"] {
  border: none;
  font-size: 16px;
  height: auto;
  line-height: 1.666;
  padding: 12px 10px 12px 40.5px;
}
@media (max-width: 1024px) {
  .mainSearch-input__input[type="text"] {
    padding-bottom: 9px;
    padding-top: 9px;
  }
}
.mainSearch-input__input[type="text"]::-moz-placeholder {
  font-size: 12px;
}
.mainSearch-input__input[type="text"]::placeholder {
  font-size: 12px;
}
.mainSearch-input__button {
  align-items: center;
  background: transparent;
  box-sizing: content-box;
  color: #333;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
}
.mainSearch-input__button svg {
  flex: 0 0 21px;
  height: 21px;
  left: 2px;
  position: relative;
  width: 21px;
}
.mainSearch-result[aria-hidden="true"],
.mainSearch-result__data[aria-hidden="true"],
.mainSearch-tab[aria-hidden="true"] {
  display: none;
}
.mainSearch-tab__head {
  border-left: 1px solid #dedede;
  border-top: 1px solid #dedede;
  display: flex;
}
.mainSearch-tab__button {
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  color: #333;
  flex: 1 1 50%;
  font-size: 16px;
  line-height: 1.1875;
  padding: 11px 5px;
  position: relative;
  text-align: center;
}
.mainSearch-tab__button[aria-expanded="true"] {
  color: #000;
  font-weight: 600;
}
.mainSearch-tab__button[aria-expanded="true"]:after {
  border: 1px solid #000;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.mainSearch-tab__panel[aria-hidden="true"] {
  display: none;
}
.mainSearch-result {
  background: #fff;
  left: 0;
  padding: 0 16px 24px;
  position: absolute;
  top: 100%;
  width: 100%;
}
.mainSearch-result__category {
  font-weight: 600;
  margin-top: 16px;
}
.mainSearch-result__category + .mainSearch-list {
  margin-top: 7px;
}
.mainSearch-result .mainSearch-list__link {
  color: grey;
}
.mainSearch-result__action {
  margin-top: 24px;
  text-align: center;
}
.mainSearch-result__close {
  align-items: center;
  color: #333;
  display: flex;
  margin: 0 auto;
  padding: 6px;
}
.mainSearch-result__close svg {
  height: 14px;
  margin-right: 10px;
  width: 14px;
}
.mainSearch-result__close span {
  flex: 0 0 auto;
}
.mainSearch-maybe {
  margin-bottom: 2px;
  margin-top: 14px;
}
.mainSearch-maybe__text {
  display: inline-block;
  font-size: 14px;
  line-height: 1.16;
  margin-right: 5px;
}
.mainSearch-maybe__list {
  display: inline;
  margin-bottom: -5px;
}
.mainSearch-maybe__item {
  display: inline-block;
  font-size: 14px;
  line-height: 1.16;
  margin-bottom: 5px;
  margin-right: 10px;
}
.mainSearch-maybe__item a {
  color: #5898f0;
  text-decoration: underline;
}
.mainSearch-list {
  font-size: 14px;
  line-height: 1.1875;
}
.mainSearch-list__link {
  align-items: center;
  color: grey;
  display: flex;
  padding: 16px 0 15px;
}
@media (max-width: 1024px) {
  .mainSearch-list__link {
    padding: 20px 0 19px;
  }
}
.mainSearch-list__item {
  border-bottom: 1px solid #e8e8e8;
}
.mainSearch-list__item span:not(.mainSearch-list__number) {
  color: #333;
}
.mainSearch-list__number {
  color: grey;
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 1.21;
  margin-left: auto;
}
.mainSearch-list + .mainSearch-result__category {
  margin-top: 25px;
}
.mainSearch-result__data {
  display: inline-block;
  margin-bottom: -10px;
  width: 100%;
}
.mainSearch-result__data .mainSearch-list__item {
  border: none;
}
.mainSearch-result__data .mainSearch-list__link {
  padding: 8px 0;
}
@media (max-width: 1024px) {
  .mainSearch-result__data .mainSearch-list__link {
    padding: 12px 0;
  }
}
#header .mainSearch {
  display: block;
}
#header .mainSearch__overlay {
  display: none;
}
#header .mainSearch__action {
  padding: 6px 40px 31px;
}
#header .mainSearch-input {
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0;
  font-size: 16px;
  padding: 0;
  width: 345px;
}
#header .mainSearch-input__input[type="text"] {
  padding: 12px 35px 17px 0;
}
#header .mainSearch-input__button {
  flex: 0 0 34px;
  height: 24px;
  left: auto;
  padding: 10px 3px;
  right: 0;
  top: 44%;
  width: 24px;
}
#header .mainSearch-input__button svg {
  flex: 0 0 25px;
  height: 25px;
  left: 1px;
  width: 25px;
}
#header .mainSearch-result {
  padding-left: 40px;
  padding-right: 40px;
}
#header .mainSearch-result__data {
  margin-bottom: 0;
  margin-top: -15px;
}
#header .mainSearch-result__action {
  display: none;
}
.top_cont .cont_ttl {
  margin-bottom: 42px;
  text-align: center;
}
@media (max-width: 900px) {
  .top_cont .cont_ttl {
    margin-bottom: 27px;
    text-align: left;
  }
}
.top_cont .cont_ttl .ttl {
  align-items: flex-end;
  display: flex;
  font-weight: 600;
  justify-content: center;
  position: relative;
}
@media (max-width: 900px) {
  .top_cont .cont_ttl .ttl {
    justify-content: flex-start;
  }
}
.top_cont .cont_ttl .ttl-more {
  font-size: 12px;
  margin-left: auto;
  padding-right: 15px;
  position: absolute;
  right: 0;
  top: 59%;
  transform: translateY(-50%);
}
@media (max-width: 900px) {
  .top_cont .cont_ttl .ttl-more {
    bottom: 6px;
    position: relative;
    top: auto;
    transform: none;
  }
}
.top_cont .cont_ttl .ttl-more:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1a1a1a;
  content: "\f105";
  font-family: FontAwesome, メイリオ, Meiryo, ＭＳ ゴシック,
    Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, sans-serif;
  font-size: 22px;
  font-weight: 700;
  height: 26px;
  line-height: 1;
  position: absolute;
  right: 0;
  text-rendering: auto;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s;
  z-index: 1;
}
#home #main_visual {
  padding-bottom: 30px;
  padding-top: 24px;
}
@media (max-width: 900px) {
  #home #main_visual {
    padding-bottom: 30px;
    padding-top: 0;
  }
}
#home #wrapper > #main_area {
  padding-bottom: 40px;
}
@media (max-width: 900px) {
  #home #wrapper > #main_area {
    padding-bottom: 68px;
  }
}
.top_cont {
  margin: 0;
  padding: 35px 0;
}
@media only screen and (max-width: 900px) {
  .top_cont {
    padding: 24px 0;
  }
}
.top_cont + .top_cont {
  margin-top: 0;
}
@media (max-width: 900px) {
  .top_cont + .top_cont {
    margin-top: 0;
  }
}
.top_cont__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1232px;
  padding-left: 16px;
  padding-right: 16px;
}
.top_cont img {
  height: auto;
  width: 100%;
}
.top_cont .btn {
  margin-top: 40px;
  max-width: 343px;
}
@media only screen and (max-width: 900px) {
  #main_visual img.pc {
    display: none;
  }
}
@media only screen and (min-width: 901px) {
  #main_visual img.sp {
    display: none;
  }
}
#main_visual #top_kv .carousel {
  margin-left: 0;
  margin-right: 0;
}
#main_visual #top_kv .carousel .item .img_box img {
  height: auto;
  width: 100%;
}
#main_visual #top_kv .carousel .item a {
  display: block;
}
#main_visual #top_kv .carousel .slick-dots {
  margin-top: 16px;
}
@media (max-width: 900px) {
  #main_visual #top_kv .carousel .slick-dots {
    margin-top: 8px;
  }
}
#main_visual #top_kv .carousel .slick-dots li + li {
  margin-left: 14px;
}
#main_visual #top_kv .carousel .slick-dots button {
  z-index: 2;
}
#main_visual #top_kv .swiper-pagination {
  margin-top: 10px;
  position: static;
}
@media (max-width: 900px) {
  #main_visual #top_kv .swiper-pagination {
    margin-top: 3px;
  }
}
#main_visual
  #top_kv
  .swiper-pagination.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 7.5px;
}
#main_visual
  #top_kv
  .swiper-pagination.swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1a1a1a;
}
#main_visual #top_kv .swiper-button-prev {
  left: 0;
}
#main_visual #top_kv .swiper-button-prev svg {
  left: 3px;
  transform: rotate(-180deg);
}
#main_visual #top_kv .swiper-button-next {
  right: 0;
}
#main_visual #top_kv .swiper-button-next svg {
  right: 3px;
}
#main_visual #top_kv .swiper-button-next,
#main_visual #top_kv .swiper-button-prev {
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.8);
  background-image: none;
  display: grid;
  height: 48px;
  justify-items: center;
  margin-top: 0;
  place-items: center;
  transform: translateY(-92%);
  width: 40px;
}
@media (max-width: 900px) {
  #main_visual #top_kv .swiper-button-next,
  #main_visual #top_kv .swiper-button-prev {
    transform: translateY(-81%);
  }
}

#main_visual #top_kv .swiper-button-next::after,
#main_visual #top_kv .swiper-button-prev::after {
	display: none;
}
#main_visual #top_kv .swiper-button-next svg,
#main_visual #top_kv .swiper-button-prev svg {
  height: 16px;
  position: relative;
  width: 16px;
}
#main_visual .feature_list {
  display: none;
}
@media (max-width: 900px) {
  #main_visual .feature_list {
    display: block;
    margin-top: 18px;
    padding: 0 16px;
    width: 100%;
  }
}
#main_visual .feature_list .img_box {
  border: 1px solid #ccc;
}
#main_visual .top_modal {
  display: none;
}
@media (max-width: 900px) {
  #main_visual .top_modal {
    display: block;
    margin-top: 33px;
  }
}
#main_visual .top_modal__buttons {
  display: flex;
  overflow-y: scroll;
  padding: 0 16px;
  width: calc(100% + 16px);
}
#main_visual .top_modal__button {
  border: 1px solid #000;
  border-radius: 4px;
  color: #333;
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 1.16;
  margin-right: 9px;
  padding: 11px;
}
#main_visual .top_modal .p-modal__item {
  padding: 60px 0 55px;
}
#main_visual .top_modal .p-modal__item .cont_ttl {
  margin-bottom: 33px;
}
.brand_panel ul {
  display: flex;
  flex-wrap: wrap;
}
.brand_panel ul li {
  flex: 0 0 25%;
}
.link_panel{
	font-size: 14px;
	line-height: 1.71;
	margin-top: -10px;
	padding-bottom: 6px;
}
.link_panel ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	border-top: 1px solid #EEEEEE;
	position: relative;
}
.link_panel ul::after{
	content: "";
	width: 100%;
	height: 1px;
	background: #EEEEEE;
	position: absolute;
	bottom: 0;
	left: 0;
}
.link_panel li{
	-webkit-box-flex: 0;
			-ms-flex: 0 0 50%;
					flex: 0 0 50%;
	border-bottom: 1px solid #EEEEEE;
}
.link_panel li:nth-of-type(odd){
	border-right: 1px solid #EEEEEE;
}
.link_panel li a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 13px 25px 13px 15px;
  position: relative;
  height: 100%;
}
.link_panel li a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%) rotate(45deg);
			-ms-transform: translateY(-50%) rotate(45deg);
					transform: translateY(-50%) rotate(45deg);
	border-top: solid 2px #1A1A1A;
	border-right: solid 2px #1A1A1A;
	width: 6px;
	height: 6px;
}
#top_viewedItems .viewedItems_carousel {
  margin-left: 0;
  width: 100%;
}
@media (max-width: 900px) {
  #top_viewedItems .viewedItems_carousel {
    margin-left: -16px;
    padding: 0 16px;
    width: calc(100% + 32px);
  }
}
@media (min-width: 901px) {
  #top_viewedItems .viewedItems_carousel .carousel {
    transform: none !important;
  }
}
#top_viewedItems .viewedItems_carousel .item {
  padding: 0;
}
@media (max-width: 900px) {
  #top_viewedItems .viewedItems_carousel .item {
    padding: 0;
  }
}
#top_viewedItems .viewedItems_carousel .item .img_box {
  border: 1px solid #ccc;
}
#top_recommendItems .recommendItems_carousel {
  margin-left: 0;
  width: 100%;
}
@media (max-width: 900px) {
  #top_recommendItems .recommendItems_carousel {
    margin-left: -16px;
    padding: 0 16px;
    width: calc(100% + 32px);
  }
}
@media (min-width: 901px) {
  #top_recommendItems .recommendItems_carousel .carousel {
    transform: none !important;
  }
}
#top_recommendItems .recommendItems_carousel .item {
  padding: 0;
}
@media (max-width: 900px) {
  #top_recommendItems .recommendItems_carousel .item {
    padding: 0;
  }
}
#top_recommendItems .recommendItems_carousel .item .item_inner .img_box {
  border: 1px solid #ccc;
}
.newarrivals_carousel {
  margin-left: 0;
  width: 100%;
}
@media (max-width: 900px) {
  .newarrivals_carousel {
    margin-left: -16px;
    padding: 0 16px;
    width: calc(100% + 32px);
  }
}
@media (min-width: 901px) {
  .newarrivals_carousel .carousel {
    transform: none !important;
  }
}
.newarrivals_carousel .carousel .item {
  padding: 0 0 4px;
}
@media (max-width: 900px) {
  .newarrivals_carousel .carousel .item {
    padding: 0 0 22px;
  }
}
@media (min-width: 901px) {
  .newarrivals_carousel .carousel .item:nth-of-type(n + 6) {
    margin-top: 20px !important;
  }
}
.newarrivals_carousel .carousel .item .item_inner .img_box {
  border: 1px solid #ccc;
}
.newarrivals_carousel .btn {
  margin-top: 26px;
}
@media (max-width: 900px) {
  .newarrivals_carousel .btn {
    margin-top: 0;
  }
}
#top_ranking {
  padding: 41px 0;
}
@media (max-width: 900px) {
  #top_ranking {
    padding: 31px 0;
  }
}
#top_ranking .cont_ttl {
  margin-bottom: 26px;
}
#top_ranking .ranking_carousel {
  width: 100%;
}
@media (max-width: 900px) {
  #top_ranking .ranking_carousel {
    margin-left: -16px;
    padding: 0 16px;
    width: calc(100% + 32px);
  }
}
#top_ranking .ranking_carousel .carousel {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 901px) {
  #top_ranking .ranking_carousel .carousel {
    transform: none !important;
    width: 100%;
  }
}
@media (max-width: 900px) {
  #top_ranking .ranking_carousel .carousel {
    margin-left: -16px;
    padding: 0 16px;
    width: calc(100% + 32px);
  }
}
#top_ranking .ranking_carousel .carousel .item {
  margin-bottom: 4px;
}
@media (max-width: 900px) {
  #top_ranking .ranking_carousel .carousel .item {
    margin-bottom: 0;
  }
}
@media (min-width: 901px) {
  #top_ranking .ranking_carousel .carousel .item:nth-of-type(n + 6) {
    margin-top: 20px !important;
  }
}
#top_ranking .ranking_carousel .carousel .item .img_box {
  border: 1px solid #ccc;
  padding: 0;
}
#top_ranking .ranking_carousel .carousel .item .num {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  color: #333;
  display: flex;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  height: 24px;
  justify-content: center;
  left: 10px;
  line-height: 1.25;
  position: absolute;
  top: 10px;
  width: 24px;
  z-index: 1;
}
@media (max-width: 900px) {
  #top_ranking .ranking_carousel .carousel .item .num {
    left: 4px;
    top: 5px;
  }
}
#top_ranking .ranking_carousel .carousel .item .num.first {
  background-color: #b39e69;
  border: 1px solid #b39e69;
  color: #fff;
}
#top_ranking .ranking_carousel .carousel .item .num.second {
  background-color: #9b9c9b;
  border: 1px solid #9b9c9b;
  color: #fff;
}
#top_ranking .ranking_carousel .carousel .item .num.third {
  background-color: #997a5c;
  border: 1px solid #997a5c;
  color: #fff;
}
#top_ranking .ranking_carousel .btn {
  margin-top: 28px;
}
@media (max-width: 900px) {
  #top_ranking .ranking_carousel .btn {
    margin-top: 32px;
  }
}
.filter-boxs {
  display: flex;
  justify-content: center;
}
@media (max-width: 900px) {
  .filter-boxs {
    grid-gap: 9px;
    display: grid;
    gap: 9px;
    grid-template-columns: 1fr 1fr;
  }
}
.filter-boxs + .carousel {
  margin-top: 34px;
}
@media (max-width: 900px) {
  .filter-boxs + .carousel {
    margin-top: 24px;
  }
}
.filter-select {
  flex: 0 0 167px;
  margin: 0 5px;
  position: relative;
}
@media (max-width: 900px) {
  .filter-select {
    flex: 0 0 auto;
    margin: 0;
  }
}
.filter-select:after {
  color: #1a1a1a;
  content: '\f107';
  font-family: FontAwesome, メイリオ, Meiryo, ＭＳ ゴシック,
    Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, sans-serif;
  font-size: inherit;
  font-weight: 700;
  line-height: 0.2;
  pointer-events: none;
  position: absolute;
  right: 10px;
  text-rendering: auto;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s;
  z-index: 1;
}
.filter-select select {
  font-size: 10px;
  height: auto;
  line-height: 1.2;
  padding: 10px 9px;
}
#top_feature {
  padding: 37px 0 39px;
}
@media (max-width: 900px) {
  #top_feature {
    background: none;
    padding: 22px 0 14px;
  }
}
#top_feature .feature_list {
  width: 100%;
}
@media (min-width: 901px) {
  #top_feature .feature_list .carousel {
    transform: none !important;
  }
}
@media (max-width: 900px) {
  #top_feature .feature_list {
    margin-left: -16px;
    padding: 0 16px;
    width: calc(100% + 32px);
  }
}
#top_feature .feature_list .set {
  padding: 0;
}
#top_feature .feature_list .set img {
  height: auto;
  width: 100%;
}
#top_feature .feature_list .set a {
  display: block;
}
#top_feature .feature_list .set .img_box {
  border: 1px solid #ccc;
}
#top_feature .feature_list .set .txt_box {
  margin-top: 16px;
}
#top_news {
  padding: 37px 0;
}
#top_news .news_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -32px;
  margin-left: -32px;
  margin-right: -32px;
}
@media (max-width: 900px) {
  #top_news .news_list {
    display: block;
    margin: -18px 0;
  }
}
#top_news .news_list .set {
  margin-bottom: 32px;
  width: 33.33333333%;
}
@media (max-width: 900px) {
  #top_news .news_list .set {
    margin-bottom: 0;
    width: 100%;
  }
}
#top_news .news_list .set a {
  display: block;
  padding: 9px 0;
}
@media (max-width: 900px) {
  #top_news .news_list .set a {
    padding: 8px 0;
  }
}
#top_news .news_list .set_inner {
  display: flex;
  padding-left: 32px;
  padding-right: 32px;
}
@media (max-width: 900px) {
  #top_news .news_list .set_inner {
    padding: 11px 0 5px;
  }
}
#top_news .news_list .set .img_box {
  width: 122px;
}
@media only screen and (max-width: 350px) {
  #top_news .news_list .set .img_box {
    width: 100px;
  }
}
#top_news .news_list .set .img_box img {
  height: auto;
  width: 100%;
}
#top_news .news_list .set .txt_box {
  flex: 1 1 0%;
  font-size: 10px;
  line-height: 1.2;
  margin-left: 33px;
}
@media (max-width: 900px) {
  #top_news .news_list .set .txt_box {
    margin-left: 20px;
  }
}
#top_news .news_list .set .txt_box .date {
  color: grey;
  font-weight: 700;
}
#top_news .news_list .set .txt_box .ttl {
  line-height: 1.7;
  margin-top: 5px;
}
#top_news .news_list .set + .set {
  border-left: 1px solid #dedede;
}
@media (max-width: 900px) {
  #top_news .news_list .set + .set {
    border-left: none;
    border-top: 1px solid #dedede;
  }
}
#top_news .news_list .set:nth-of-type(3n + 1) {
  border-left: none;
}
#top_introduction {
  padding: 40px 0;
}
@media (max-width: 900px) {
  #top_introduction {
    padding: 16px 0 11px;
  }
}
.brand_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -24px;
  margin-left: -12px;
  margin-right: -12px;
}
@media (max-width: 900px) {
  .brand_list {
    border-top: 1px solid #dedede;
    margin: 0 -16px;
  }
}
@media only screen and (max-width: 900px) {
  .brand_list.odd {
    border-bottom: 1px solid #dedede;
  }
}
@media only screen and (max-width: 900px) {
  .brand_list.odd .set::last-child {
    border-bottom: none;
  }
}
.brand_list .set {
  margin-bottom: 24px;
  padding-left: 12px;
  padding-right: 12px;
  width: 25%;
}
@media only screen and (max-width: 1024px) {
  .brand_list .set {
    width: 33.33333333%;
  }
}
@media (max-width: 900px) {
  .brand_list .set {
    border-bottom: 1px solid #dedede;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    width: 50%;
  }
}
.brand_list .set_inner {
  align-items: center;
  border: 1px solid #dedede;
  display: flex;
}
@media (max-width: 900px) {
  .brand_list .set_inner {
    border: none;
  }
}
.brand_list .set .img_box {
  width: 100px;
}
@media (max-width: 900px) {
  .brand_list .set .img_box {
    width: 64px;
  }
}
.brand_list .set .img_box img {
  height: auto;
  width: 100%;
}
.brand_list .set .txt_box {
  flex: 1 1 0%;
  padding-right: 16px;
}
.brand_list .set .txt_box .ttl {
  font-size: 85.7%;
}
@media (max-width: 900px) {
  .brand_list .set:nth-child(odd) {
    border-right: 1px solid #dedede;
  }
}
.top_cont .carousel .item .item_inner .txt_box {
  margin-top: 9px;
}
.top_cont .carousel .item .item_inner .txt_box .brand {
  font-size: 10px;
  line-height: 1.2;
  margin-bottom: 8px;
}
.top_cont .carousel .item .item_inner .txt_box .category,
.top_cont .carousel .item .item_inner .txt_box .price {
  font-size: 12px;
  line-height: 1.166;
  margin-bottom: 8px;
}
.top_cont .carousel .item .item_inner .txt_box .price.sale {
  color: #e60000;
}
.top_cont .carousel .item .item_inner .txt_box .name {
  margin: 0 0 8px;
}
@media only screen and (max-width: 900px) {
  .top_cont .carousel .item .item_inner .txt_box .name {
    display: none;
    margin-bottom: 8px;
  }
}.top_cont .carousel .item .item_inner .txt_box .category {
  margin-bottom: 10px;
  margin-top: 0;
}
.top_cont .carousel .item .item_inner .txt_box .price {
  margin-top: 0;
}
@media only screen and (max-width: 900px) {
  .top_cont .carousel .item .item_inner .txt_box .category,
  .top_cont .carousel .item .item_inner .txt_box .price {
    font-size: 10px;
    line-height: 1.2;
    margin-bottom: 8px;
  }
}
#top_ranking .carousel .item .item_inner .txt_box .category {
  margin-bottom: 11px;
}
@media (max-width: 900px) {
  .itemlist-head .page_ttl {
    margin-bottom: 0;
    margin-top: 3px;
  }
}
.conditions {
  margin-top: 20px;
}
@media (max-width: 900px) {
  .conditions {
    margin-top: 28px;
  }
}
.conditions ul li {
  font-size: 10px;
  line-height: 1.5;
  padding: 0;
}
@media (max-width: 900px) {
  .conditions ul li {
    margin-bottom: 10px;
  }
}
.conditions ul li .text {
  display: block;
  padding: 7px 34px 7px 15px;
}
.conditions ul li .text-no-close {
  padding-right: 15px;
}
.conditions ul li a.remove {
  cursor: pointer;
  display: block;
  height: 15px;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
}
.conditions ul li a.remove .close {
  height: 15px;
  position: relative;
  right: 0;
  top: auto;
  transform: none;
  width: 15px;
}
.conditions ul li a.remove .close:after {
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%) scale(0.7);
}
.conditions ul li span.close {
  height: 15px;
  right: 7px;
  width: 15px;
}
.conditions--related {
  margin-top: 20px;
}
.conditions_heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
}
@media (max-width: 900px) {
  .conditions_heading {
    font-size: 16px;
    line-height: 1.1875;
  }
  .conditions_heading span {
    display: none;
  }
}
.conditions_heading + form {
  margin-top: 20px;
}
.itemlist-head .page_ttl .ttl {
  font-size: 24px;
  line-height: 1.5;
}
@media (max-width: 900px) {
  .itemlist-head .page_ttl .ttl {
    font-size: 16px;
    line-height: 1.75;
  }
}
.itemlist-head .result_display {
  font-size: 12px;
  line-height: 1.1666;
  margin-top: 19px;
}
@media (max-width: 900px) {
  .itemlist-head .result_display {
    margin-top: 16px;
  }
}
.itemlist-head .result_display .number {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
.itemlist-head .result_display .number span {
  font-size: 12px;
  line-height: 1.1666;
}
.itemlist-head .result_display.btm {
  margin-top: 87px;
}
@media (max-width: 900px) {
  .itemlist-head .result_display.btm {
    margin-top: 56px;
  }
}
.itemlist-head .conditions {
  margin-top: 20px;
}
@media (max-width: 900px) {
  .itemlist-head .conditions {
    margin-top: 28px;
  }
}
.itemlist-head .conditions ul li {
  font-size: 10px;
  line-height: 1.5;
  padding: 7px 34px 7px 15px;
}
@media (max-width: 900px) {
  .itemlist-head .conditions ul li {
    margin-bottom: 10px;
  }
}
.itemlist-head .conditions ul li span.close {
  height: 15px;
  right: 7px;
  width: 15px;
}
.itemlist-head__tools {
  align-items: center;
  display: flex;
  margin-top: 19px;
}
@media (max-width: 900px) {
  .itemlist-head__tools {
    flex-wrap: wrap;
    margin-top: 15px;
  }
}
.itemlist-head__tools .itemlist_filter {
  background: #1a1a1a;
  border-radius: 4px;
  color: #fff;
  display: none;
  font-size: 100%;
  font-weight: 700;
  position: relative;
  text-align: center;
  width: 100%;
}
@media (max-width: 900px) {
  .itemlist-head__tools .itemlist_filter {
    display: block;
    flex: 1 1 167px;
    margin: 0;
    order: 1;
    width: 167px;
  }
}
.itemlist-head__tools .itemlist_filter .filter_btn span {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: flex-start;
  line-height: 1.5;
  padding: 7px 12px;
  position: relative;
  text-align: center;
  width: 100%;
}
.itemlist-head__tools .itemlist_filter .filter_btn span:before {
  speak: none;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91a";
  font-family: icomoon;
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-right: 11px;
  text-transform: none;
}
.itemlist-head__tools .select_box {
  transform: none;
  width: 167px;
}
@media (max-width: 900px) {
  .itemlist-head__tools .select_box {
    flex: 1 1 167px;
    margin-left: 9px;
    order: 2;
    width: 167px;
  }
}
.itemlist-head__tools .select_box select {
  background: #fff url(../images/common/select_ar.png)
    right 14px center no-repeat;
  background-size: 10px 10px;
  width: 100%;
  padding: 0 11px;
}
@media (max-width: 900px) {
  .itemlist-head__tools .select_box select {
    font-size: 12px;
    height: auto;
    line-height: 1.333;
    padding: 10px 30px 10px 15px;
  }
}
.itemlist-head__tools .itemlist-head__filter {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
}
@media (max-width: 900px) {
  .itemlist-head__tools .itemlist-head__filter {
    border-top: 1px solid #dedede;
    flex: 1 1 100%;
    margin-top: 21px;
    order: 3;
    padding-top: 15px;
  }
}
.itemlist-head__tools .checkbox-group {
  display: flex;
  margin-left: 24px;
}
@media (max-width: 900px) {
  .itemlist-head__tools .checkbox-group {
    margin-left: 0;
    order: 2;
  }
}
.itemlist-head__tools .checkbox-group .checkbox + .checkbox {
  margin-left: 24px;
}
@media (max-width: 900px) {
  .itemlist-head__tools .checkbox-group .checkbox.pc {
    display: none;
  }
}
.itemlist-head__tools .checkbox-group .checkbox.sp {
  display: none;
}
@media (max-width: 900px) {
  .itemlist-head__tools .checkbox-group .checkbox.sp {
    display: block;
  }
}
.itemlist-head__tools .cnt_switch_panel {
  margin-left: auto;
}
@media (max-width: 900px) {
  .itemlist-head__tools .cnt_switch_panel {
    margin-left: 0;
    margin-right: 9px;
    order: 1;
  }
}
.itemlist-head__tools .cnt_switch_panel ul li {
  min-width: 66px;
  padding: 11px 13px;
}
@media (max-width: 900px) {
  .itemlist-head__tools .cnt_switch_panel ul li {
    min-width: 20px;
    padding: 11px 14px;
  }
}
.itemlist-head + .item_list {
  margin-top: 40px;
}
@media (max-width: 900px) {
  .itemlist-head + .item_list {
    margin-top: 22px;
  }
}
.itemlist-head .mainSearch-maybe {
  margin-top: 20px;
}
@media (max-width: 900px) {
  .itemlist-head .mainSearch-maybe {
    display: none;
    margin-bottom: 21px;
    margin-top: 2px;
  }
}
.itemlist-head .mainSearch-maybe__item,
.itemlist-head .mainSearch-maybe__text {
  font-size: 12px;
  line-height: 1.16;
}
.itemlist-head .mainSearch-maybe + .conditions--related {
  margin-top: 29px;
}
@media (max-width: 900px) {
  .itemlist-head .mainSearch-maybe + .conditions--related {
    margin-top: 17px;
  }
  .item_list .item_list_block {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.item_list .item_list_block .item_set {
  margin-bottom: 27px;
}
@media (max-width: 900px) {
  .item_list .item_list_block .item_set {
    margin-bottom: 16px;
  }
}
.item_list .item_list_block .item_set .item_inner .txt_box {
  margin-top: 8px;
}
@media (max-width: 900px) {
  .item_list .item_list_block .item_set .item_inner .txt_box {
    margin-top: 8px;
  }
  .item_list .item_list_block .item_set .item_inner .txt_box ul.tag {
    margin-bottom: 4px;
  }
  .item_list .item_list_block .item_set .item_inner .txt_box ul.tag li {
    margin-bottom: 5px;
  }
  .item_list .item_list_block .item_set .item_inner .txt_box .tag_wrap {
    padding: 5px 0 3px;
  }
}
.item_list .item_list_block .item_set .item_inner .txt_box .brand {
  font-weight: 400;
}
@media (max-width: 900px) {
  .item_list .item_list_block .item_set .item_inner .txt_box .brand {
    line-height: 1.5;
    margin-bottom: 3px;
    font-size: 12px;
  }
}
.item_list .item_list_block .item_set .item_inner .txt_box .price {
  font-weight: 400;
}
@media (max-width: 900px) {
  .item_list .item_list_block .item_set .item_inner .txt_box .price {
    font-size: 12px;
    line-height: 1.5;
  }
}
.item_list .item_list_block .item_set .item_inner .txt_box .category {
  font-size: 78.6%;
  font-weight: 400;
  letter-spacing: 0.015em;
  margin-bottom: 0.4em;
}
@media (max-width: 900px) {
  .item_list .item_list_block .item_set .item_inner .txt_box .category {
    display: none;
  }
}
.item_list .item_list_block .item_set .item_inner .txt_box .name {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.015em;
  margin-bottom: 0.4em;
}
@media (max-width: 900px) {
  .item_list .item_list_block .item_set .item_inner .txt_box .name {
    font-size: 12px;
  }
}
.item_list .item_set .zv-summary {
  align-items: center;
  display: flex;
  margin-top: 7px;
}
@media (max-width: 900px) {
.item_list .item_set .zv-summary {
  margin-top: 4px;
	}
}
.item_list .item_set .zv-summary .zv-star-comment {
  font-size: 11px;
  padding-left: 9px;
}
.item_list + .result_display {
  margin-top: 88px;
}
@media (max-width: 900px) {
  .item_list + .result_display {
    margin-top: 56px;
  }
}
#itemlist #main_area {
  padding-bottom: 80px;
}
@media (max-width: 900px) {
  #itemlist #main_area {
    padding-bottom: 89px;
  }
}
#itemlist #main_visual{
  padding-bottom: 40px;
}
@media only screen and (max-width: 900px) {
  #itemlist #main_visual{
    padding-bottom: 24px;
  }
}
.itemlist-bottom {
  margin-bottom: -5px;
}
.itemlist-bottom .conditions + .conditions {
  margin-top: 54px;
}
@media (max-width: 900px) {
  .itemlist-bottom .conditions + .conditions {
    margin-top: 48px;
  }
}
.itemlist-bottom .conditions_heading {
  font-size: 24px;
  line-height: 1.208;
}
@media (max-width: 900px) {
  .itemlist-bottom .conditions_heading {
    font-size: 20px;
    line-height: 1.2;
  }
}
.itemlist-bottom .conditions_heading + form {
  margin-top: 30px;
}
@media (max-width: 900px) {
  .itemlist-bottom .conditions_heading + form {
    margin-left: -16px;
    margin-top: 29px;
    overflow-x: auto;
    padding: 0 16px 5px;
    width: calc(100% + 32px);
  }
  .itemlist-bottom .conditions_heading + form ul {
    display: flex;
  }
  .itemlist-bottom .conditions_heading + form li {
    flex: 0 0 auto;
    margin-right: 10px;
  }
  .itemlist-bottom .conditions_heading + form li:last-child {
    margin-right: 16px;
  }
}
.itemlist-bottom__links {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1875;
  margin-top: 55px;
  padding-right: 16px;
  text-align: right;
}
@media (max-width: 900px) {
  .itemlist-bottom__links {
    font-size: 12px;
    line-height: 1.1666;
    margin-top: 51px;
    padding-right: 0;
  }
}
.itemlist-bottom__links + .conditions {
  margin-top: 59px;
}
@media (max-width: 900px) {
  .itemlist-bottom__links + .conditions {
    margin-top: 57px;
  }
}
@font-face {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/fontawesome-webfont.eot?v=4.6.3);
  src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3)
      format('embedded-opentype'),
    url(../fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),
    url(../fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'),
    url(../fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'),
    url(../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular)
      format('svg');
}
.itemlist-bottom__link:after {
  content: '\f105';
  font-family: FontAwesome, メイリオ, Meiryo, ＭＳ ゴシック,
    Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-left: 20px;
}
@media (max-width: 900px) {
  .itemlist-bottom__link:after {
    margin-left: 10px;
  }
}

.top_band_name {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.2;
  margin-left: auto;
  margin-right: auto;
  max-width: 1232px;
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 1024px) {
  .top_band_name {
    justify-content: flex-start;
    padding: 0 16px 0 0;
  }
  .mainSearch + .top_band {
    margin-top: -16px;
  }
}
.top_band_logo {
  flex: 0 0 88px;
  width: 88px;
}
/*awooAI対応 20230206 add sitasiomi start*/
.awoo.conditions{
	margin: 24px 0;
}
@media (max-width: 900px){
	.awoo.conditions{
		margin: 28px 0;
	}
}
.awoo.conditions .ttl{
	font-weight: 500;
	font-size: 14px;
}
#item_detail .awoo.conditions .ttl{
	font-weight: 600;
}
.awoo.conditions ul{
	display: flex;
	flex-wrap: wrap;
}
.awoo.conditions ul li{
	padding: 0;
}
@media (max-width: 900px){
	.awoo.conditions ul li{
		margin-bottom: 10px;
	}
}
.awoo.conditions ul li a{
	background-color: #ededed;
	border-radius: 20px;
	padding: 7px 15px;
	font-size: 11px;
	min-height: 30px;
	display: block;
}
.awoo.conditions .ttl + ul{
	margin-top: 12px;
}
/*awooAI対応 20230206 add sitasiomi end*/
@media (max-width: 1024px) {
  .top_band_logo {
    flex: 0 0 71px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 72px;
  }
}
.top_band_text {
  left: -5px;
  position: relative;
  top: -2px;
}
@media (max-width: 1024px) {
  .top_band_text {
    left: 3px;
    padding: 16px 0;
  }
}
#home.brand #main_visual {
  padding-top: 0;
}
#ranking #main_area > .main_width {
  margin-top: 0;
}
@media (max-width: 900px) {
  #ranking #main_area > .main_width {
    margin-top: 34px;
  }
}
#ranking .ranking {
  padding-bottom: 83px;
}
@media (max-width: 900px) {
  #ranking .ranking {
    padding-bottom: 56px;
  }
}
#ranking .page_title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1875;
  padding-bottom: 33px;
  text-align: center;
}
@media (max-width: 900px) {
  #ranking .page_title {
    font-size: 28px;
    line-height: 1.21;
    padding-bottom: 23px;
    text-align: left;
  }
}
#ranking .filter-boxs {
  justify-content: flex-start;
  margin-top: 39px;
}
@media (max-width: 900px) {
  #ranking .filter-boxs {
    margin-top: 22px;
  }
}
#ranking .filter-boxs .filter-select:first-child {
  margin-left: 0;
}
#ranking .filter-boxs + .ranking_layout {
  margin-top: 32px;
}
@media (max-width: 900px) {
  #ranking .filter-boxs + .ranking_layout {
    margin-top: 24px;
  }
}
.ranking_cetegory {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.208;
}
@media (max-width: 900px) {
  .ranking_cetegory {
    font-size: 16px;
    line-height: 1.65;
  }
  .ranking_cetegory .brand {
    display: block;
  }
}
.ranking_layout {
  grid-gap: 34px 20px;
  display: grid;
  gap: 34px 20px;
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 900px) {
  .ranking_layout {
    gap: 16px 16px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.ranking_layout .item .img_box {
  border: 1px solid #ccc;
  position: relative;
}
.ranking_layout .item .img_box .num {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: grid;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  height: 24px;
  justify-items: center;
  left: 9px;
  line-height: 1;
  place-items: center;
  position: absolute;
  top: 9px;
  width: 24px;
}
@media (max-width: 900px) {
  .ranking_layout .item .img_box .num {
    left: 4px;
    top: 4px;
  }
}
.ranking_layout .item .img_box .num.first,
.ranking_layout .item .img_box .num.second,
.ranking_layout .item .img_box .num.third {
  border: none;
  color: #fff;
}
.ranking_layout .item .img_box .num.first {
  background-color: #b39e69;
}
.ranking_layout .item .img_box .num.second {
  background-color: #9b9c9b;
}
.ranking_layout .item .img_box .num.third {
  background-color: #997a5c;
}
.ranking_layout .item .img_box img {
  height: auto;
  line-height: 1;
  vertical-align: bottom;
  width: 100%;
}
.ranking_layout .item .txt_box {
  margin-top: 8px;
}
.ranking_layout .item .brand {
  font-size: 78.6%;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 0;
}
@media (max-width: 900px) {
  .ranking_layout .item .brand {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 3px;
  }
}
.ranking_layout .item .price.sale {
  color: #e60000;
}
.ranking_layout .item .price {
  font-weight: 400;
  margin-top: 0;
}
@media (max-width: 900px) {
  .ranking_layout .item .price {
    font-size: 12px;
    line-height: 1.5;
  }
}
.ranking_layout .item .category {
  font-size: 78.6%;
  font-weight: 400;
  letter-spacing: 0.015em;
  margin-bottom: 0.4em;
  margin-top: 0;
}
@media (max-width: 900px) {
  .ranking_layout .item .category {
    display: none;
  }
}
.ranking_layout .item .name {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.015em;
  margin-bottom: 0.4em;
}
@media (max-width: 900px) {
  .ranking_layout .item .name {
    font-size: 12px;
  }
}

/* ECS_DI-48 ソーシャルPLUS対応 start ▼*/
.social_login {
	margin-top: 16px;
	padding-bottom: 4px;
}

.social_login .heading {
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	text-align: left;
	position: relative;
	margin-bottom: 0;
	padding: 16px 0;
	color: #000;
}

.social_login .heading::after {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	font-family: FontAwesome, "メイリオ", "Meiryo", "ＭＳ ゴシック",
		"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f107";
	font-size: 22px;
	line-height: 0.2;
	font-weight: bold;
	position: absolute;
	top: 50%;
	right: 2px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.social_login.open .heading::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.social_login .cont {
	padding-top: 4px;
	padding-bottom: 24px;
	display: none;
}

.social_login .cont .text {
	margin-top: 17px;
	font-size: 12px;
	line-height: 1.666;
}

.social_login .cont .text a {
	text-decoration: underline;
}

.social_login ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 10px 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.social_login ul>li {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%;
	color: #fff;
}

.social_login ul>li.line .btn {
	background: #06c755;
}

.social_login ul>li.facebook .btn {
	background: #1978f2;
}

.social_login ul>li.google .btn {
	border: 1px solid #b3b3b3;
	background: #fff;
}

.social_login ul>li.google .btn {
	color: #b3b3b3;
}

.social_login ul>li.yahoo .btn {
	background: #f03;
}

.social_login ul>li.apple .btn {
	background: #161616;
}

.social_login ul>li.twitter .btn {
	background: #1d9bf0;
}

.social_login .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	color: #fff;
	border-radius: 4px;
	padding: 13px 10px;
	max-width: unset;
	font-size: 13px;
	font-weight: 600;
}

.social_login .btn svg {
	position: absolute;
	top: 50%;
	left: 10px;
	width: 18px;
	height: 18px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
	fill: #fff;
}

@media only screen and (min-width: 769px) {
	#newMember .social_login{
		margin-top: 0;
	}
	#newMember .social_login ul{
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3,1fr);
	}
}
/* ECS_DI-48 ソーシャルPLUS対応 end ▲*/

#top_brandSiteLink .btn > a {
	background-color: #fff;
	color: #000;
}
#top_brandSiteLink .btn > a:after {
	border-color: #000;
}
.itemlist-bottom__links + .lower_cont.itemlist_recommend{
	margin-top: 56px;
}


.lower_cont.itemlist_recommend + .lower_cont.itemlist_recommend{
	margin-top: 40px;
}
.lower_cont.itemlist_recommend + .conditions.conditions--related{
	margin-top: 54px;
}
@media only screen and (max-width: 900px){
	.itemlist-bottom__links + .lower_cont.itemlist_recommend{
		margin-top: 51px;
	}
	.lower_cont.itemlist_recommend + .lower_cont.itemlist_recommend{
		margin-top: 56px;
	}
	.lower_cont.itemlist_recommend + .conditions.conditions--related{
		margin-top: 51px;
	}
}

/* 230725*/

@-webkit-keyframes show {
	0% {
		-webkit-transform: translateY(5%);
		transform: translateY(5%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@keyframes show {
	0% {
		-webkit-transform: translateY(5%);
		transform: translateY(5%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}

.item_fav {
	position: absolute;
	right: 21px;
	top: 2px;
	z-index: 2;
	display: -ms-grid;
	display: grid;
	place-items: center;
	padding: 7px;
}

.item .item_fav {
	right: 0px;
}

.item_fav.is-active svg {
	fill: #E60000;
}

.item_fav::after {
	font-family: 'icomoon';
	content: "\e91c";
	font-size: 16px;
	line-height: 1;
	color: #888;
}

.item_fav.is-active::after {
	content: "\e91d";
	color: #E60000;
}

@media only screen and (max-width: 1024px) {
	.item_fav {
		padding: 10px;
		right: 6px;
		top: -1px;
	}

	.item .item_fav {
		right: 0px;
	}
}

.item_set {
	position: relative;
}

.fav-select {
	position: fixed;
	z-index: 1021;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.3);
	display: -ms-grid;
	display: grid;
	place-items: center;
}

@media only screen and (max-width: 1024px) {
	.fav-select {
		overflow-y: auto;
	}
}

.fav-select[aria-hidden="true"] {
	display: none;
}

.fav-select__container {
	max-width: 800px;
	margin: auto;
	max-height: 85vh;
	position: static;
	width: 100%;
	background-color: #fff;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
	border-radius: 4px;
}

@media only screen and (max-width: 1024px) {
	.fav-select__container {
		width: calc(100% - 40px);
		max-width: unset;
		margin-bottom: 0;
		top: 20%;
		min-height: 80%;
		max-height: 100%;
		left: 20px;
		position: absolute;
		max-height: unset;
	}
}

.fav-select[aria-hidden="true"] .fav-select__container {
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	display: none;
}

.fav-select[aria-hidden="false"] .fav-select__container {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	display: block;
	-webkit-animation: show cubic-bezier(0, 0, .2, 1) .65s;
	animation: show cubic-bezier(0, 0, .2, 1) .65s;
}


@-webkit-keyframes show02 {
	0% {
		-webkit-transform: translateY(-45%);
		transform: translateY(-45%);
		display: none;
	}
	100% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		display: block;
	}
}

@keyframes show02 {
	0% {
		-webkit-transform: translateY(-45%);
		transform: translateY(-45%);
		display: none;
	}
	100% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		display: block;
	}
}

@media only screen and (max-width: 1024px) {
	.fav-select[data-login="false"] .fav-select__container{
		min-height: auto;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	.fav-select[aria-hidden="true"][data-login="false"] .fav-select__container{
		-webkit-transform: translateY(-45%);
		-ms-transform: translateY(-45%);
		transform: translateY(-45%);
		display: none;
	}

	.fav-select[aria-hidden="false"][data-login="false"] .fav-select__container{
		-webkit-animation: show02 cubic-bezier(0, 0, .2, 1) .65s;
		animation: show02 cubic-bezier(0, 0, .2, 1) .65s;
	}

}

.fav-select__header {
	border-bottom: 1px solid #DEDEDE;
	padding: 23px 0px 18px;
	position: relative;
	width: calc(100% - 40px);
	margin-inline: auto;
}

@media only screen and (max-width: 1024px) {
	.fav-select__header {
		position: sticky;
		top: 0;
	}
}

.fav-select__close {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: block;
	position: absolute;
	right: -20px;
	top: 0;
	-webkit-transform: translate(100%, -100%);
	-ms-transform: translate(100%, -100%);
	transform: translate(100%, -100%);
	background: url(../images/common/icn-close01.png) no-repeat center center #fff;
	background-size: 60% 60%;
}

@media only screen and (max-width: 1024px) {
	.fav-select__close {
		top: 52%;
		right: -8px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

.fav-select__title {
	font-weight: 600;
	font-size: 16px;
	line-height: calc(19 / 16);
}

.fav-select__header+.fav-select__body {
	padding-top: 15px;
}

.fav-select__body {
	display: block;
	overflow-y: auto;
	max-height: calc(85vh - 90px);
	height: 100%;
	padding: 0 20px;
}

@media only screen and (max-width: 1024px) {
	.fav-select__body {
		max-height: unset;
		overflow: unset;
		height: auto;
	}
}

.fav-select__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
	.fav-select__content {
		display: block;
	}
}

.fav-selector+.fav-selector {
	margin-top: 30px;
}

@media only screen and (max-width: 1024px) {
	.fav-selector+.fav-selector {
		margin-top: 40px;
	}
}

.fav-selector__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.fav-selector__image {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100px;
	flex: 0 0 100px;
}

.fav-selector__image img {
	width: 100%;
	height: auto;
}

.fav-selector__color {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 calc(100% - 100px);
	flex: 0 1 calc(100% - 100px);
	margin: 0;
	padding-left: 10px;
	font-size: 12px;
	line-height: calc(14 / 12);
}

.fav-selector__header+.fav-selector__list {
	margin-top: 19px;
}

.fav-selector__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.fav-selector__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 10px);
	flex: 0 0 calc(50% - 10px);
	border-bottom: 1px solid #DEDEDE;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.fav-selector__item:nth-of-type(-n+2) {
	border-top: 1px solid #DEDEDE;
}

.fav-select__button svg {
	width: 16px;
	height: 16px;
}

.fav-select__button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 10px;
	position: relative;
	font-size: 14px;
	line-height: calc(17 / 14);
	color: #333;
}

.fav-select__button::after {
	font-family: 'icomoon';
	content: "\e91c";
	font-size: 16px;
	line-height: 1;
	color: #888;
}

.fav-select__button.is-active::after {
	content: "\e91d";
	color: #E60000;
}

.fav-select__size{
	text-align: justify;
	padding-right: 10px;
}

.fav-select__action{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

@media only screen and (max-width: 1024px) {
	.fav-select__action{
		display: block;
	}
}

.fav-button {
	background-color: #fff;
	border: 1px solid #1A1A1A;
	color:  #1A1A1A;
	text-align: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 5px;
	min-width: 343px;
	min-height: 49px;
	border-radius: 4px;
	font-size: 14px;
	line-height: calc(17 / 14);
	margin-inline: auto;
	display: -ms-grid;
	display: grid;
	place-items: center;
	font-weight: 600;
}

@media only screen and (max-width: 1024px) {
	.fav-button {
		min-width: unset;
		width: 100%;
	}
}

.fav-button--primay {
	background-color: #1A1A1A;
	color: #fff;
	border: 1px solid #1A1A1A;
}

.fav-button--max{
	width: 100%;
}

@media only screen and (max-width: 1024px) {
	.fav-button--max{
		width: 100%;
	}
}

.fav-button + .fav-button{
	margin-left: 20px;
}
@media only screen and (max-width: 1024px) {
	.fav-button + .fav-button{
		margin-top: 15px;
		margin-left: 0;
	}
}

a.fav-button--primay{
	color: #fff;
}

.fav-select__action {
	margin-top: 30px;
}

@media only screen and (max-width: 1024px) {
	.fav-select__action {
		margin-top: 40px;
	}
}
.itemlist_description{
	padding: 40px;
	margin-top: 55px;
	background-color: #ededed;
}
@media only screen and (max-width: 1024px){
	.itemlist_description{
		width: calc(100% + 32px);
		margin-left: -16px;
		margin-top: 55px;
	}
}
@media (max-width: 900px){
	.itemlist_description{
		margin-top: 51px;
		padding: 32px 16px;
		margin-top: 51px;
	}
}
.itemlist_description h2{
	font-weight: 600;
	font-size: 114.285%;
}
.itemlist_description > p{
	line-height: 1.7;
}
.itemlist_description > p:not(:first-child){
	margin-top: 1em;
}
.itemlist_description .link{
	display: flex;
	flex-direction: column;
}
.itemlist_description > .link:not(:first-child){
	margin-top: 1.6em;
}
.itemlist_description h2 + .link{
	margin-top: 1em;
}
.itemlist_description .link a{
	position: relative;
	font-weight: bold;
	display: inline-block;
	padding-right: 1em;
	width: fit-content;
}
@media (max-width: 900px){
	.itemlist_description .link a{
		margin-left: auto;
	}
}
.itemlist_description .link + .link{
	margin-top: 0.8em;
}
.itemlist_description .link a:after{
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	right: 2px;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	border-top: solid 2px #333333;
	border-right: solid 2px #333333;
	width: 6px;
	height: 6px;
}

.p-product__description .banner{
	width: 100%;
	max-width: 392px;
	margin: 40px auto -30px;
}
@media only screen and (max-width: 900px){
	.p-product__description .banner{
		max-width: unset;
	}
}
.p-product__description .banner img{
	width: 100%;
	height: auto;
	backface-visibility: unset;
}
@media only screen and (max-width: 900px){
	.p-product__description .banner img{
		width: fit-content;
		margin-inline: auto;
	}
}

/* TigLIVE start */
.tig-archive-embed{
  width: 16.2vh;
  left: 2vw;
  bottom: 3vw;
  height: 28.8vh;
  z-index: 2147483630;
}
.tig-iframe-area{
  z-index: 2147483638;
}
.tig-embed-stock-menu-area{
  z-index: 2147483638;
}
.tig-embed-stock-area-icon{
  transform: translateX(-50%);
  z-index: 2147483631;
}

.tig-preview-catch{
  color: white;
  background-color: #E60100;
}
/* TigLIVE end */

.item .item_inner .txt_box .price,
.item_set .item_inner .txt_box .price {
  display: flex;
}

.item .item_inner .txt_box .price .color,
.item_set .item_inner .txt_box .price .color {
  flex: 1 0 4em;
  align-self: center;
  text-align: right;
  margin-left: auto;
  font-size: 12px;
  line-height: 1.16;
  color: #888;
}
@media (max-width: 900px) {
  .item .item_inner .txt_box .price .color,
  .item_set .item_inner .txt_box .price .color {
    font-size: 10px;
    line-height: 1.2;
  }
}
/* -------------------------------------
 * laundry icon 20240312
------------------------------------- */
.wash_img {
	display: flex;
	margin-top: -5px;
}

.washBox .wash_img img {
    width: auto;
    height: 24px;
    padding: 0 1px;
}

.washGuide a {
	margin-top: -10px;
	margin-bottom: 15px;
    font-size: 85.7%;
    text-decoration: underline;
}