@charset "UTF-8";
/*  update 2020-03-16
-----------------------------------*/
.h_cart .fs-client-cart-count {
  display: none; }

.ctm-pagenation {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 2.7%;
  padding-right: 2.7%; }
  @media screen and (min-width: 768px) {
    .ctm-pagenation {
      padding: 0; } }
  .ctm-pagenation .prev {
    font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
    .ctm-pagenation .prev a {
      position: relative; }
      .ctm-pagenation .prev a:before {
        content: '←';
        display: inline-block;
        margin-right: 10px; }
  .ctm-pagenation .next {
    font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
    .ctm-pagenation .next a:after {
      content: '→';
      display: inline-block;
      margin-left: 10px; }

/* ==============================================
 ### SNAP 一覧
=================================================*/
@media screen and (min-width: 768px) {
  .ctm_snap-list {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; } }
.ctm_snap-list .list {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (min-width: 768px) {
    .ctm_snap-list .list {
      margin-left: -26px;
      border: none;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  .ctm_snap-list .list .item {
    width: calc(49%);
    position: relative;
    margin: 0;
    margin-bottom: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .ctm_snap-list .list .item {
        width: calc(100%/4 - 26px);
        margin-left: 26px;
        margin-bottom: 40px;
        border: none; } }
    .ctm_snap-list .list .item img {
      width: 100%;
      height: auto; }
    .ctm_snap-list .list .item .date {
      position: absolute;
      display: block;
      font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-size: 1.1rem;
      writing-mode: vertical-rl;
      top: 0;
      right: 0; }
      @media screen and (min-width: 768px) {
        .ctm_snap-list .list .item .date {
          font-size: 1.2rem; } }
    .ctm_snap-list .list .item .image {
      margin-bottom: 10px;
      display: block; }
    .ctm_snap-list .list .item .text1 {
      display: block;
      text-align: center;
      font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-size: 1.1rem;
      margin-bottom: 5px; }
    .ctm_snap-list .list .item .text2 {
      display: block;
      text-align: center;
      font-size: 1.1rem; }

/* ==============================================
 ### SNAP 詳細
=================================================*/
.ctm_snap-detail {
  position: relative; }
  @media screen and (min-width: 768px) {
    .ctm_snap-detail {
      width: 1200px;
      margin-left: auto;
      margin-right: auto; } }
  .ctm_snap-detail .snap-detail-content {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (min-width: 768px) {
      .ctm_snap-detail .snap-detail-content {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px; } }
  .ctm_snap-detail .main-snap {
    width: 77.3%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
    padding: 0 15px;
    box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      .ctm_snap-detail .main-snap {
        width: 50.5%;
        padding-right: 20px;
        padding-left: 0;
        margin-bottom: 70px; } }
    .ctm_snap-detail .main-snap .date {
      position: absolute;
      display: block;
      font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-size: 1.1rem;
      writing-mode: vertical-rl;
      top: 0;
      right: 0; }
      @media screen and (min-width: 768px) {
        .ctm_snap-detail .main-snap .date {
          font-size: 1.2rem; } }
    .ctm_snap-detail .main-snap .image {
      margin-bottom: 25px;
      display: block; }
    .ctm_snap-detail .main-snap .text1 {
      display: block;
      text-align: center;
      font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-size: 1.1rem;
      margin-bottom: 5px; }
    .ctm_snap-detail .main-snap .text2 {
      display: block;
      text-align: center;
      font-size: 1.1rem; }
  .ctm_snap-detail .product-list {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 2.7%;
    padding-right: 2.7%; }
    @media screen and (min-width: 768px) {
      .ctm_snap-detail .product-list {
        width: 45%;
        padding: 0; } }
    .ctm_snap-detail .product-list .item {
      width: 31%; }
  .ctm_snap-detail .ctm_snap-detail-pagenation {
    position: absolute;
    width: 100%;
    top: 25%;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (min-width: 768px) {
      .ctm_snap-detail .ctm_snap-detail-pagenation {
        position: relative;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    @media screen and (min-width: 768px) {
      .ctm_snap-detail .ctm_snap-detail-pagenation > div {
        padding: 0 50px; } }
    .ctm_snap-detail .ctm_snap-detail-pagenation a {
      display: block;
      width: 20px;
      height: 20px;
      position: relative;
      font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
      @media screen and (min-width: 768px) {
        .ctm_snap-detail .ctm_snap-detail-pagenation a {
          width: auto; } }
    .ctm_snap-detail .ctm_snap-detail-pagenation .prev {
      margin-left: 7px; }
      @media screen and (min-width: 768px) {
        .ctm_snap-detail .ctm_snap-detail-pagenation .prev {
          margin: 0; } }
      .ctm_snap-detail .ctm_snap-detail-pagenation .prev a:before {
        width: 15px;
        height: 15px;
        content: '';
        border-top: 1px solid #d3d3d3;
        border-left: 1px solid #d3d3d3;
        display: inline-block;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 50%;
        left: 0; }
        @media screen and (min-width: 768px) {
          .ctm_snap-detail .ctm_snap-detail-pagenation .prev a:before {
            content: '←';
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0);
            border: none;
            top: auto;
            right: auto;
            margin-right: 20px; } }
    .ctm_snap-detail .ctm_snap-detail-pagenation .next {
      margin-right: 5px; }
      @media screen and (min-width: 768px) {
        .ctm_snap-detail .ctm_snap-detail-pagenation .next {
          margin: 0; } }
      .ctm_snap-detail .ctm_snap-detail-pagenation .next a:after {
        width: 15px;
        height: 15px;
        content: '';
        border-top: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
        display: inline-block;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
        right: 0; }
        @media screen and (min-width: 768px) {
          .ctm_snap-detail .ctm_snap-detail-pagenation .next a:after {
            content: '→';
            position: relative;
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0);
            border: none;
            top: auto;
            right: auto;
            margin-left: 20px; } }