@charset "UTF-8";
.search-box-none {
    display: none;
  }
  
  
  /* -----------------------------------------------------------------
     reset
  ----------------------------------------------------------------- */
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  /*h3, h4, */
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  body {
    width: 100%;
    color: #333333;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.6;
  }
  
  ol,
  ul {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: '';
    content: none;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  p,
  div {
    word-break: break-all;
  }
  
  a {
    color: #333333;
    text-decoration: none;
    transition: .2s;
  }
  
  a:hover {
    opacity: .7;
  }
  
  input[type="text"],
  select {
    border-radius: 3px;
    border: none;
    padding: 6px;
    font-size: inheirt;
    box-sizing: border-box;
  }
  
  input::placeholder {
    color: #B5B5B5;
    font-size: 12px;
  }
  
  pre {
    white-space: pre-wrap;
  }
  
  .clearfix {
    display: block;
  }
  
  .clearfix::before {
    content: "";
    display: block;
    clear: both;
  }
  
  .clearfix::after {
    content: "";
    display: block;
    clear: both;
  }
  
  .bx-wrapper {
    box-shadow: none !important;
  }
  
  .bx-controls-direction a {
    z-index: 0 !important;
  }
  
  /* -----------------------------------------------------------------
     header  1898行からスマホ
  ----------------------------------------------------------------- */
  
  
  header {
    width: 100%;
    padding: 0 0 30px;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    position: fixed;
    z-index: 4;
    transition: .3s;
  }
  
  header .top-nav {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
  }
  
  header .header-menu {
    display: flex;
    justify-content: space-between;
    padding: 2px 0 0 460px;
    /*ヘッダのアイコンたちを右に寄せて下に下げる*/
  }
  
  header .header-logo img {
    max-height: 70px;
    max-width: 900px;
  }
  
  .header-logo {
    /*ロゴの上あけるのここ*/
    padding-top: 30px;
  }
  
  /*
  .header.fix {
    display: block;
    padding: 6px 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    transition: .3s;
  }
  */
  .gnav {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 6px;
    /*ヘッダのアイコンたちをロゴの高さに合わせて少しあげてる*/
  }
  
  .gnav li {
    margin-left: 20px;
  }
  
  .gnav .account {
    font-size: 10px;
  }
  
  /*
  .gnav .account:last-child {
    margin-right: 16px;
  }
  
  .gnav .gnav-menu {
    font-weight: bold;
  }
  */
  
  ul.gnav a {
    color: #999;
  }
  
  .gnav-menu {
    font-size: 9px;
  }

.gnav-menu.review a:before {
    /*ヘッダのレビューアイコン*/
    font-family: 'Font Awesome 5 Free';
    content: "\f005";
    font-size: 16px;
    display: block;
    color: #707070;
    font-weight: 400;
}
  .gnav-menu.top a:before {
    /*ヘッダのTOPアイコン*/
    font-family: 'Font Awesome 5 Free';
    content: "\f015";
    font-size: 15px;
    display: block;
    color: #707070;
    font-weight: 900;
  }
  
  .gnav-menu.fav a:before {
    /*ヘッダのお気に入りアイコン*/
    font-family: 'Font Awesome 5 Free';
    content: "\f004";
    font-size: 15px;
    display: block;
    color: #707070;
  }
  
  .gnav-menu.mypage a:before {
    /*ヘッダのマイページアイコン*/
    font-family: 'Font Awesome 5 Free';
    content: "\f007";
    font-size: 15px;
    font-weight: 900;
    display: block;
    color: #707070;
  }
  
  .gnav-menu.header-cart a:before {
    /*ヘッダのカートアイコン*/
    font-family: 'Font Awesome 5 Free';
    content: "\f07a";
    font-size: 15px;
    font-weight: 900;
    display: block;
    color: #707070;
  }
  
  .logout a:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f2f5";
    font-size: 15px;
    display: block;
    color: #707070;
  }
  
  .membership a:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f234";
    font-size: 15px;
    display: block;
    color: #707070;
  }
  
  .login a:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f2f6";
    font-size: 15px;
    display: block;
    color: #707070;
  }
  
  .header-cart {
    position: relative;
  }
  
  .header-cart .cart-count {
    position: absolute;
    right: -8px;
    top: -8px;
    background: #F23E0C;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
  }
  
  .main-visual {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
    align-items: center;
  }
  
  .main-visual img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    text-align: center;
    align-items: center;
  }
  
  .main-visual li {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    text-align: center;
  }
  
  #M_slider {
    height: 100%;
  }
  
  .contents {
    width: 1200px;
    padding: 30px 30px 48px;
    margin: 0 auto;
  }
  
  .container {
    width: 100%;
    display: flex;
    padding: 0px 0 60px;
  }
  
  .top-container {
    width: 100%;
    margin: 0 auto;
    /*padding-top: 80px;*/
  }
  
  /* -----------------------------------------------------------------
     side-nav
  ----------------------------------------------------------------- */
  .side {
    width: 210px;
    padding-right: 30px;
    padding-top: 50px;
  }
  
  .search {
    background: #F6F4EF;
    /*PCのサイド背景色*/
    padding: 16px;
  }
  
  .search-btn {
    font-size: 12px;
    border: 1px solid #333333;
    border-radius: 3px;
    background: #fff;
    display: block;
    padding: 10px;
    text-align: center;
    color: #333;
  }
  
  .search-area {
    padding: 10px;
  }
  
  .search-area li {
    margin-bottom: 20px;
  }
  
  .search-area label {
    display: block;
    margin-bottom: 10px;
    color: #333333;
    font-family: 'Noto Sans JP', sans-serif;
  }
  
  .search-area input,
  .search-area select {
    width: 100%;
  }
  
  div.serch_keywords p {
    color: #332200;
  }
  
  div.serch_keywords span {
    font-size: 12px;
  }
  
  input.search-price {
    width: 36%;
    margin-right: 4px;
  }
  
  span.search-price_color {
    color: #332200;
  }
  
  .side-section {
    margin-top: 30px;
  }
  
  .sp-side-section {
    display: none;
  }
  
  .add_pconly_side-section {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  
  .category-list-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
  }
  
  .side-category-item {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-right: 12px;
  }
  
  .side-category-item p,
  .side-category-item a {
    width: 100%;
    padding: 15px 0;
    display: inline-block;
  }
  
  .side-category-item p:before {
    display: block;
    content: "";
    position: absolute;
    top: 26px;
    right: 0;
    margin: auto;
    width: 12px;
    height: 1px;
    background-color: #333333;
    transition: .2s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  
  .side-category-item p:after {
    display: block;
    content: "";
    position: absolute;
    top: 26px;
    right: 0;
    margin: auto;
    width: 12px;
    height: 1px;
    background-color: #333333;
    transition: .3s;
  }
  
  /*カテゴリの+を押したら色変わるところ*/
  .side-category-item p.on {
    width: 95%;
    background: #333333;
    color: #fff;
    padding-left: 6px;
    padding-right: 14px;
  }
  
  .side-category-item p.on:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: #fff;
    right: 10px;
  }
  
  .side-category-item p.on:after {
    background-color: transparent;
    background: #fff;
    right: 10px;
  }
  
  .child-item {
    padding: 8px !important;
    font-size: 12px;
  }
  
  .close {
    display: none;
  }
  
  .accordion {
    cursor: pointer;
  }
  
  ul.side-contact {
    display: none;
  }
  
  .side-contact li {
    margin-bottom: 16px;
  }
  
  .add_pconly_side-contact li {
    margin-bottom: 16px;
    padding: 10px;
    background-color: #A28485;
    text-align: center;
    border-radius: 5px;
  }
  
  .add_pconly_side-contact li a {
    color: #fff;
  }
  
  .calendar-wrap {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }
  
  .calendar-title {
    padding: 8px;
    color: #fff;
    display: flex;
    align-items: baseline;
    margin-bottom: 4px;
  }
  
  .calendar-title dt {
    font-size: 12px;
    margin-right: 6px;
  }
  
  .makeshop-calendar1,
  .makeshop-calendar2 {
    width: 100%;
    border-collapse: inherit;
    padding: 8px;
  }
  
  .makeshop-calendar1 tr,
  .makeshop-calendar2 tr {
    text-align: center;
    font-size: 12px;
  }
  
  .makeshop-calendar1 thead tr th,
  .makeshop-calendar2 thead tr th {
    padding-bottom: 8px;
  }
  
  .makeshop-calendar1 tbody tr td,
  .makeshop-calendar2 tbody tr td {
    padding-bottom: 2px;
    height: auto !important;
  }
  
  .makeshop-calendar1 td.today {
    background: #F23E0C;
    color: #fff;
    border-radius: 50px;
    width: 20px;
    height: auto;
  }
  
  .this-month {
    background: #808080;
  }
  
  .next-month {
    background: #808080;
  }
  
  .saturday {
    color: #006BED;
  }
  
  
  
  .sunday {
    color: #F23E0C;
  }
  
  /* -----------------------------------------------------------------
     check
  ----------------------------------------------------------------- */
  .checked-contents {
    display: inline-block;
    margin: 0 auto;
  }
  
  .checked-item-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  
  .checked-item-list li {
    width: calc(25% - 20px);
    position: relative;
  }
  
  .checked-item-list li:last-child {
    margin-right: 0;
  }
  
  .checked-item-list li img {
    width: 100%;
  }
  
  p.module_checked {
    padding-bottom: 30px;
  }
  
  
  /* -----------------------------------------------------------------
     main
  ----------------------------------------------------------------- */
  .main {
    width: 990px;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px;
  }
  
  .main-section {
    width: 990px;
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;
  }
  
  .main-section:not(:first-of-type) {
    padding-top: 30px;
  }
  
  .border:after {
    content: "";
    display: block;
    width: 100%;
    border: 1px solid #CBCBCB;
    margin: 30px 0 60px;
  }
  
  h2 {
    font-size: 18px;
    margin-bottom: 40px;
  }
  
  h2 span {
    font-size: 12px;
    margin-left: 8px;
  }
  
  .shop-comment {
    margin-bottom: 40px;
  }
  
  /* -----------------------------------------------------------------
    Recommend
  ----------------------------------------------------------------- */
  .recommend_contens {
    display: inline-block;
    margin: 0 auto;
  }
  
  .item-list_reco {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  
  .item-list_reco li {
    width: calc(25% - 20px);
    position: relative;
  }
  
  .item-list_reco li:last-child {
    margin-right: 0;
  }
  
  .item-list_reco li img {
    width: 100%;
  }
  
  
  .item-list-review {
    display: flex;
    align-items: center;
    margin-top: 8px;
  }
  
  .item-list-review .item-list-review-rate {
    margin: 0 6px;
  }
  
  .ranking-icon {
    position: absolute;
    top: 8px;
    left: 8px;
    text-align: center;
    background-color: white;
    border-radius: 50%;
    font-size: 12px;
    color: #333333;
    width: 30px;
    height: 30px;
    line-height: 2.5;
  }
  
  .rank-1 {
    background: #D1AF28;
    color: #fff;
  }
  
  .rank-2 {
    background: #ABA8A8;
    color: #fff;
  }
  
  .rank-3 {
    background: #D18858;
    color: #fff;
  }
  
  .item-icon {
    position: absolute;
    top: -10px;
    font-size: 13px;
    right: -8px;
    color: #fff;
    padding: 0 3px;
    z-index: 1;
  }
  
  .item-icon p {
    padding: 0 6px;
    border-radius: 8px;
  }
  
  .item-icon .item-soldout {
    background: #A1A1A1;
  }
  
  .item-icon .item-sale {
    background: #F23E0C;
  }
  
  .item-category {
    margin-bottom: 8px;
    font-size: 12px;
  }
  
  .original-price {
    text-decoration: line-through;
  }
  
  .item-sale-price {
    color: #F23E0C;
  }
  
  .news-list {
    margin-bottom: 10px;
  }
  
  .news-list li {
    border-bottom: 1px solid #CBCBCB;
    padding: 14px 0;
  }
  
  .news-list li:first-child {
    padding-top: 0;
  }
  
  .news-list dl dt {
    margin-bottom: 8px;
  }
  
  .news-list dl dd {
    font-size: 12px;
  }
  
  .news-wrap {
    display: flex;
  }
  
  .news-wrap dl dt a {
    text-decoration: underline;
  }
  
  .news-wrap dl dt a:hover {
    text-decoration: none;
  }
  
  .news-more a {
    text-decoration: underline;
  }
  
  .news-more a:hover {
    text-decoration: none;
  }
  
  .news-date {
    font-size: 12px;
    color: #B5B5B5 !important;
    min-width: 120px;
  }
  
  .news-content:after {
    content: "…";
  }
  
  .news-more {
    text-align: right;
    padding-bottom: 60px;
  }
  
  .index-review-list li {
    display: flex;
    margin-bottom: 60px;
  }
  
  .index-review-list li .index-review-image {
    margin-right: 18px;
    width: 140px;
    min-width: 140px;
  }
  
  .index-review-list li .index-review-image img {
    width: 100%;
    height: 140px;
    object-fit: cover;
  }
  
  .review-list-category {
    margin-bottom: 8px;
    font-size: 12px;
  }
  
  .review-index-score {
    display: flex;
    align-items: baseline;
  }
  
  .review-index-score p {
    margin-right: 16px;
  }
  
  .foot-category {
    background: #f2f2f2;
    padding: 60px 0;
  }
  
  .foot-category h2 {
    text-align: center;
  }
  
  .main-category-list {
    width: 1000px;
    margin: 0 auto;
  }
  
  .main-category-list li {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 40px;
    width: 197px;
  }
  
  .main-category-list li a {
    width: 100%;
    display: block;
  }
  
  /* -----------------------------------------------------------------
     footer まるごとモジュールの方に移動
  --------------------------------------------------------------
  .footer-bg {
    background: #E6E6E6;
  }
  
  .footer {
    width: 100%;
    margin: 0 auto;
    padding: 35px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer img {
    max-width: 120px;
  }
  
  .footer-nav {
    display: flex;
    align-items: center;
      padding-left: 30px;
      text-align: center;
      margin: 0 auto;
  }
  .footer-nav li {
    margin-right: 30px;
      font-size:13px;
  }
  
  .footer-nav li a {
      color:#000;
  }
  
  .copyright {
    font-size: 12px;
    max-width: 300px;
  }
  --- */
  
  /* -----------------------------------------------------------------
     category
  ----------------------------------------------------------------- */
  .breadcrumb {
    font-size: 12px;
    padding-top: 10px;
  }
  
  .breadcrumb-item {
    margin-right: 8px;
  }
  
  .breadcrumb-item a {
    color: #999;
  }
  
  .breadcrumb-item::after {
    content: ">";
    margin-left: 12px;
  }
  
  .breadcrumb-item:last-child::after {
    display: none;
  }
  
  .category-image {
    margin-bottom: 20px !important;
    display: flex;
  }
  
  .category-title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
  
  .category-title dl {
    display: flex;
    font-size: 12px;
  }
  
  .category-title dd {
    margin-right: 8px;
  }
  
  .category-child-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding-top: 20px;
  }
  
  .category-child-item li {
    margin: 0 20px 12px 0;
  }
  
  .total-count span {
    font-weight: bold;
  }
  
  .pager-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
  }
  
  .pager {
    display: flex;
  }
  
  .pager li {
    margin-right: 16px;
  }
  
  .pager li:last-child {
    margin-right: 0;
  }
  
  .bulk-group {
    margin-bottom: 40px;
    font-size: 12px;
    font-weight: bold;
  }
  
  .bulk-group a {
    color: #B5B5B5;
  }
  
  /* -----------------------------------------------------------------
     detail
  ----------------------------------------------------------------- */
  .detail {
    padding: 48px 0 60px;
  }
  
  .item-image {
    width: 540px;
    float: left;
  }
  
  .item-image img {
    width: 100%;
  }
  
  .main-image {
    float: left;
    margin-bottom: 40px;
    width: 540px;
  }
  
  .main-image img {
    width: 100%;
  }
  
  /*スライダーcss*/
  
  .gallery li {
    list-style: none;
  }
  
  .gallery li img {
    /*ここはサムネスライダーの大元のサイズ設定*/
    width: 100%;
    /*height: 540px;
    object-fit: cover;*/
  }
  
  .slick-prev,
  .slick-next {
    position: absolute;
    z-index: 3;
    top: 42%;
    cursor: pointer;
    outline: none;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    height: 15px;
    width: 15px;
  }
  
  .slick-prev:after {
    content: "";
    position: absolute;
    top: -14px;
    left: -8px;
    width: 40px;
    opacity: 0.5;
    height: 30px;
    transform: rotate(45deg);
    background-color: rgba(251, 250, 247, 0.75);
  }
  
  .slick-next:after {
    content: "";
    position: absolute;
    top: -14px;
    left: -8px;
    width: 40px;
    opacity: 0.5;
    height: 30px;
    transform: rotate(45deg);
    background-color: rgba(251, 250, 247, 0.75);
  }
  
  .slick-prev {
    left: 2.5%;
    transform: rotate(-135deg);
  }
  
  .slick-next {
    right: 2.5%;
    transform: rotate(45deg);
  }
  
  .slick-track {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .choice-btn {
    margin-bottom: 40px;
  }
  
  .choice-btn li {
    cursor: pointer;
    background: #333;
    width: 100px !important;
    margin-right: 8px;
    margin-bottom: 12px;
  }
  
  .choice-btn li:nth-child(5n) {
    margin-right: 0;
  }
  
  .choice-btn .slick-track {
    width: 100% !important;
  }
  
  .choice-btn li img {
    opacity: 0.4;
    width: 100px;
    height: 110px;
    object-fit: cover;
  }
  
  .choice-btn li.slick-current img {
    opacity: 1;
  }
  
  /*追加*/
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  
  .slick-list:focus {
    outline: none;
  }
  
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .slick-track:before,
  .slick-track:after {
    display: table;
    content: '';
  }
  
  .slick-track:after {
    clear: both;
  }
  
  .slick-loading .slick-track {
    visibility: hidden;
  }
  
  .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
  }
  
  [dir='rtl'] .slick-slide {
    float: right;
  }
  
  .slick-slide img {
    display: block;
  }
  
  .slick-slide.slick-loading img {
    display: none;
  }
  
  .slick-slide.dragging img {
    pointer-events: none;
  }
  
  .slick-initialized .slick-slide {
    display: block;
  }
  
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  
  .slick-arrow.slick-hidden {
    display: none;
  }
  
  /*スライダーcssここまで*/
  
  
  
  .add-image-section {
    margin-bottom: 40px;
    margin: 0 auto;
    text-align: center;
  }
  
  .add-image-title {
    font-size: 18px;
    margin: 40px 0 20px;
  }
  
  .add-image-list {
    width: 164px;
    display: inline-block;
    margin-right: 20px;
  }
  
  .add-image-list:last-child {
    margin-right: 0;
  }
  
  .add-image-list img {
    width: 100%;
    height: 164px;
    object-fit: cover;
  }
  
  .group-review-section {
    width: 940px;
    /*左によってたのを真ん中に(元width540)*/
    display: inline-block;
  }
  
  .group-item-list {
    display: flex;
    flex-wrap: wrap;
  }
  
  .group-item-list li {
    width: 120px;
    margin-bottom: 40px;
    margin-right: 20px;
    position: relative;
  }
  
  .group-item-list li img {
    width: 100%;
    /*height: 120px;*/
    /*object-fit: cover;*/
  }
  
  .group-item-list li:nth-child(4n) {
    margin-right: 0;
  }
  
  .item-detail {
    width: 400px;
    padding-left: 40px;
    float: right;
  
  }
  
  .item-detail .item-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 26px;
    position: relative;
  }
  
  .item-detail .item-category-name {
    margin-bottom: 6px;
  }
  
  .item-detail-icon {
    position: absolute;
    display: contents;
    font-size: 12px;
    font-weight: normal;
    top: 0;
  }
  
  .item-detail-icon .item-detail-sale {
    color: #F23E0C;
  }
  
  .item-detail-icon p {
    margin-bottom: 12px;
  }
  
  p.item_code {
    font-size: 12px;
    padding-bottom: 10px;
  }
  
  .item-price-wrap {
    margin-bottom: 20px;
  }
  
  .item-price-wrap .item-price {
    font-size: 30px;
    font-weight: 500;
    color: #BA1B2C;
  }
  
  span.item_prace_text {
    font-size: 15px;
  }
  
  .item-price-wrap .item-tax {
    font-size: 14px;
    color: #333333;
  }
  
  .item-price-wrap .fixed-price {
    font-size: 12px;
  }
  
  .member-original-price {
    font-size: 12px;
  }
  
  .member-original-price span {
    font-size: 18px;
  }
  
  .sale-text .original {
    text-decoration: line-through;
  }
  
  .sale-text .sale-rate,
  .sale-text .sale-price {
    color: #F23E0C;
  }
  
  .sale-text .sale-rate {
    margin: 0 10px;
  }
  
  .sale-text .sale-price {
    font-size: 30px;
    font-weight: 500;
  }
  
  .sale-priod {
    font-size: 12px;
    margin: 6px 0 12px;
    color: red;
  }
  
  .item-point,
  .review-empty {
    margin-bottom: 20px;
  }
  
  .item-sell-text {
    margin: 20px 0 10px 0;
  }
  
  .item-sell-text p {
    font-size: 14px;
  }
  
  .item-sell-text .sell-start {
    margin-bottom: 8px;
  }
  
  .item-reserve {
    margin: 20px 0;
  }
  
  .item-reserve .item-reserve-release-text,
  .item-reserve .item-reserve-text {
    font-size: 12px;
    margin-top: 6px;
  }
  
  .nameprint-area {
    margin-top: 20px;
  }
  
  .nameprint-area .nameprint-title-wrap {
    margin: 18px 0 8px;
    font-size: 12px;
  }
  
  .nameprint-area .nameprint-text-wrap p {
    margin-bottom: 4px;
    font-size: 12px;
  }
  
  .nameprint-area .nameprint-title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
  }
  
  .nameprint-area .nameprint-title span {
    color: #F23E0C;
    font-size: 12px;
    font-weight: normal;
    margin-left: 6px;
  }
  
  .nameprint-area .nameprint-text input,
  .nameprint-area .nameprint-text textarea {
    width: 75%;
    border: 1px solid #333333;
  }
  
  .item-quantity {
    font-size: 12px;
    margin-bottom: 20px;
  }
  
  .item-quantity input {
    width: 40px;
    border: 1px solid #333333;
    margin-left: 8px;
  }
  
  .item-review {
    font-size: 12px;
    padding-bottom: 15px;
  }
  
  .review-link a {
    text-decoration: none;
    color: #000;
  }
  
  .review-link a:hover {
    /* text-decoration: underline;*/
  }
  
  .item-option {
    width: 100%;
  }
  
  .item-option .btn {
    margin-top: 20px;
  }
  
  .makeshop-option-wrap {
    margin-top: 10px;
  }
  
  .makeshop-option-label {
    font-size: 12px;
    margin-bottom: 6px;
  }
  
  .makeshop-option-select {
    border: 1px solid #333333;
    margin-bottom: 12px;
    width: 75%;
  }
  
  .add-cart {
    width: 110%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 30px 0 40px;
    margin: 0 auto;
  }
  
  .add-cart .item-stock {
    margin-right: 14px;
    font-size: 10px;
  }
  
  .add-cart .btn {
    width: 120px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
  }
  
  .add-cart .add-cart-btn {
    /*みどりのカートボタン*/
    background: #1FD5AD;
    min-width: 100px;
  }
  
  .add-cart .restock-btn {
    background: #333333;
    min-width: 100px;
  }
  
  .add-cart .disabled-btn {
    background: #B5B5B5;
    width: 100%;
    min-width: 100px;
  }
  
  .add-cart .subscription-btn {
    background: #006BED;
    margin-top: 8px;
    width: 100%;
    min-width: 100px;
  }
  
  .add-cart .off {
    display: none;
  }
  
  .add-cart .on {
    display: block;
  }
  
  .subscription-only {
    margin-top: 0 !important;
  }
  
  .item-stock-sku {
    margin-bottom: 8px;
  }
  
  .favorite-wrap {
    display: flex;
    align-items: baseline;
    cursor: pointer;
    padding: 15px 0 0 10px;
  }
  
  .favorite a:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f004";
    font-size: 24px;
    font-weight: 900;
    color: #ff7683;
    margin-left: 5px;
  }
  
  .item-contact {
    margin-bottom: 40px;
  }
  
  .item-contact::before {
    content: "";
    display: block;
    width: 100%;
    border: 1px solid #CBCBCB;
    margin: 30px 0 40px;
  }
  
  .item-contact a {
    width: 100%;
    display: inline-block;
    padding: 8px 0;
    border: 1px solid #333333;
    border-radius: 2px;
    text-align: center;
    color: #707070;
  }
  
  .item-contact a:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f0e0";
    font-size: 16px;
    font-weight: 900;
    padding-right: 10px;
    color: #707070;
  }
  
  .item-description dt {
    font-size: 18px;
    margin-bottom: 16px;
    margin: 0 auto;
  }
  
  .item-info-list {
    margin-top: 20px;
  }
  
  .item-info-list li {
    margin-bottom: 10px;
  }
  
  .item-info-list li dl {
    display: flex;
  }
  
  .item-info-list li dt {
    width: 34%;
  }
  
  .item-info-list li dd {
    width: 66%;
  }
  
  .item-share li {
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
  }
  
  .border-top::before {
    content: "";
    display: block;
    width: 100%;
    border: 1px solid #CBCBCB;
    margin: 30px 0;
  }
  
  .item-share {
    margin-bottom: 40px;
  }
  
  .sku {
    width: 100%;
    table-layout: fixed;
  }
  
  .sku tbody {
    align-items: center;
  }
  
  tr.sku-option {
    width: 100%;
  }
  
  
  .sku-option-title {
    width: 130px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
  }
  
  
  
  .sku-option-name {
    width: 130px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    padding-top: 15px;
    white-space: pre-wrap;
  }
  
  /*
  .sku-cart {
    padding-bottom: 20px;
  }
  */
  .sku-price-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
  }
  
  .sku-price-wrap .price {
    margin: 0 6px 4px 0;
  }
  
  .item-review-detail {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  
  .item-review-detail h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  
  .item-review-list li {
    margin-bottom: 60px;
  }
  
  .item-review-list-link {
    margin-bottom: 30px;
    font-size: 12px;
  }
  
  .item-review-list-link a {
    text-decoration: none;
    color: #000;
  }
  
  .item-review-list-link a:hover {
    text-decoration: underline;
  }
  
  .review-list-unit .review-list-name {
    margin-bottom: 12px;
  }
  
  .review-list-unit .star-score {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }
  
  .review-list-unit .review-star {
    margin-right: 6px;
  }
  
  .review-list-unit .review-list-date {
    font-size: 12px;
    color: #B5B5B5;
    margin: 12px 0;
  }
  
  .review-list-unit .review-list-content {
    font-size: 12px;
  }
  
  .reviewRateStar {
    display: inline-block;
    font-size: 0;
    color: #FFA41C;
  }
  
  .reviewRateStar::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f005";
    font-size: 12px;
    font-weight: 900;
  }
  
  .starOff::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f005";
    font-weight: 400;
  }
  
  .starHalf::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f5c0";
  }
  
  .review-post {
    margin-top: 40px;
  }
  
  .review-post {
    text-align: center;
  }
  
  .review-post a {
    width: 260px;
    margin: 0 auto;
    display: inline-block;
    padding: 12px 0;
    border: 1px solid #333333;
    border-radius: 2px;
    text-align: center;
  }
  
  .review-post a:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f304";
    font-size: 16px;
    font-weight: 900;
    padding-right: 10px;
    color: fff;
  }
  
  /*定期購入*/
  .product-price-block {
    font-size: 30px;
    margin: 12px 0;
    font-weight: 500;
    color: #FE5A74;
  }
  
  .product-price-block small {
    font-size: 14px;
    color: #333333;
  }
  
  .subscription-gift {
    display: flex;
    margin-top: 30px;
  }
  
  .subscription-gift img {
    margin-right: 20px;
    width: 80px;
    max-height: 80px;
  }
  
  .subscription-price {
    font-size: 26px;
    font-weight: 500;
    color: #FE5A74;
  }
  
  .subscription-price small {
    font-size: 14px;
  }
  
  .item-group-icon img {
    width: auto !important;
    height: auto !important;
    display: block;
    margin-top: 8px;
  }
  
  /* -----------------------------------------------------------------
     review
  ----------------------------------------------------------------- */
  .review-item-wrap {
    border: 1px solid #333333;
    padding: 20px;
    border-radius: 3px;
    display: flex;
    margin-bottom: 60px;
  }
  
  .review-item-wrap .review-item-image {
    padding-right: 20px;
    width: 150px;
  }
  
  .review-item-wrap .review-item-image img {
    width: 100%;
    /*height: 120px;
    object-fit: cover;*/
  }
  
  .review-item-info .review-item-category {
    font-size: 12px;
    margin-bottom: 8px;
  }
  
  .review-item-info .review-item-name {
    font-size: 13px;
  }
  
  .review-item-info .total-review {
    display: flex;
    align-items: baseline;
    margin-top: 10px;
  }
  
  .review-item-info .review-star {
    margin-right: 10px;
  }
  
  .review-item-info .review-average {
    font-size: 20px;
    font-weight: bold;
  }
  
  .review-item-info .review-count {
    font-size: 12px;
  }
  
  .review-form-wrap {
    width: 485px;
    margin: 0 auto;
  }
  
  .review-form {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
  
  .review-form:last-child {
    margin-bottom: 60px;
  }
  
  .review-form dt {
    width: 150px;
    text-align: left;
  }
  
  .review-form .review-form-content {
    width: 100%;
  }
  
  .review-form dd input {
    border: 1px solid #707070;
    width: 100%;
  }
  
  .review-form dd .reviewRateStar:before {
    font-size: 18px;
  }
  
  .review-post-btn {
    border: none !important;
    background: #707070;
    color: #fff;
  }
  
  /* -----------------------------------------------------------------
     cart
  ----------------------------------------------------------------- */
  .cart {
    margin-bottom: 100px;
  }
  
  .cart-section-title {
    padding-top: 60px;
  }
  
  .free-shipping-wrap {
    text-align: right;
    margin-bottom: 16px;
    font-size: 12px;
  }
  
  .free-shipping-wrap .free-shipping-text em {
    color: #F23E0C;
  }
  
  .cart-list-table {
    width: 100%;
    padding: 20px;
  }
  
  .cart-list-table th {
    background: #E6E6E6;
    padding: 8px 12px;
    text-align: left;
    border-right: 1px solid #fff;
    box-sizing: border-box;
  }
  
  .cart-list-table th:first-child {
    width: 360px;
  }
  
  .cart-list-table th:nth-child(2) {
    width: 190px;
  }
  
  .cart-list-table th:nth-child(3) {
    width: 200px;
  }
  
  .cart-list-table th:last-child {
    width: 200px;
  }
  
  .cart-list-table tbody tr {
    border-bottom: 1px solid #E6E6E6;
  }
  
  .cart-list-table tbody td {
    vertical-align: middle;
    padding: 20px;
  }
  
  .cart-list-table tbody td:first-child {
    display: flex;
  }
  
  .cart-list-info {
    font-size: 12px;
  }
  
  .cart-list-image {
    width: 80px;
    min-width: 80px;
    margin-right: 12px;
  }
  
  .cart-list-image img {
    width: 100%;
    height: 100px;
    object-fit: cover;
  }
  
  .item-cart-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
  }
  
  .item-cart-price {
    font-size: 24px;
  }
  
  .item-cart-quantity input {
    width: 40px;
    border: 1px solid #333333;
    margin-right: 12px;
  }
  
  .item-cart-delete {
    float: right;
  }
  
  .item-cart-delete a {
    font-size: 13px;
    border-bottom: 1px solid #363636;
  }
  
  .item-cart-subtotal {
    font-size: 24px;
    font-weight: bold;
  }
  
  .cart-total {
    background: #E6E6E6;
  }
  
  .cart-total td {
    display: table-cell !important;
  }
  
  .cart-total .cart-total-title {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
  }
  
  .cart-total .cart-total-price {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 6px;
  }
  
  .cart-total .cart-total-point {
    font-size: 12px;
  }
  
  .cart-total .cart-bulk {
    margin-top: 6px;
    font-size: 12px;
  }
  
  .cart-button-wrap {
    text-align: right;
    margin-top: 40px;
  }
  
  .cart-button-wrap .cart-button a {
    width: 320px;
    display: inline-block;
    text-align: center;
    background: #1FD5AD;
    border-radius: 5px;
    padding: 20px 0;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
  }
  
  .cart-button-wrap .cart-back-button a:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f053";
    font-size: 12px;
    font-weight: bold;
    padding-right: 8px;
    color: #707070;
  }
  
  /* -----------------------------------------------------------------
     news
  ----------------------------------------------------------------- */
  .news-list-unit {
    padding: 30px 0 !important;
  }
  
  .news-list-title {
    margin-bottom: 6px;
  }
  
  .news-list-title a {
    text-decoration: underline;
  }
  
  .news-list-title a:hover {
    text-decoration: none;
  }
  
  .news-list-date {
    font-size: 12px;
    color: #B5B5B5 !important;
    margin-bottom: 8px;
  }
  
  .news-content-wrap {
    margin-bottom: 30px;
  }
  
  .news-pager {
    display: flex;
    justify-content: space-between;
  }
  
  .news-pager .pager-left {
    display: flex;
  }
  
  .news-pager .pager-left .prev {
    margin-right: 20px;
  }
  
  .news-pager a {
    text-decoration: underline;
  }
  
  .news-pager a:hover {
    text-decoration: none;
  }
  
  /* -----------------------------------------------------------------
     guide
  ----------------------------------------------------------------- */
  .guide-section {
    width: 85%;
    margin: 0 auto 60px;
  }
  
  .guide-section .guide-section-title {
    font-weight: bold;
    margin-bottom: 8px;
  }
  
  .comapany-box {
    width: 75%;
    margin: 0 auto 60px;
  }
  
  .comapany-box img {
    width: 100%;
    max-height: 640px;
    object-fit: contain;
    margin-bottom: 20px;
  }
  
  .contract-section {
    width: 85%;
    margin: 0 auto 60px;
  }
  
  .contract-section dt {
    font-weight: bold;
    margin-bottom: 8px;
  }
  
  .policy-box {
    width: 85%;
    margin: 0 auto 60px;
  }
  
  /* -----------------------------------------------------------------
     catalog
  ----------------------------------------------------------------- */
  .catalog-list {
    width: 100%;
    margin-bottom: 48px;
  }
  
  .catalog-list th {
    background: #E6E6E6;
  }
  
  .catalog-list td,
  .catalog-list th {
    border: 1px solid #ccc;
    padding: 6px 18px;
    vertical-align: middle;
  }
  
  .catalog-list input {
    border: 1px solid #ccc;
  }
  
  .catalog-input-num {
    width: 10rem;
  }
  
  .catalog-input-quantity {
    width: 3rem;
  }
  
  .catalog-info-wrap {
    text-align: left;
    font-size: 0.9rem;
    width: 397px;
    display: flex;
    box-sizing: border-box;
  }
  
  .catalog-img img {
    margin-right: 8px;
    width: 80px;
  }
  
  .catalog-search-btn {
    width: 60px;
  
  }
  
  .catalog-cart-btn {
    width: 25%;
  }
  
  .catalog-cart {
    text-align: center;
    display: block;
  }
  
  .catalog-search-btn {
    background: #333;
  
    padding: 10px 6px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 12px;
  }
  
  
  /*商品詳細の新テンプレ*/
  
  div.detail_wrap {
    width: 990px;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
  }
  
  
  div.add_img1 {
    width: 100%;
    text-align: center;
  }
  
  div.add_img1 img {
    width: 40%;
  }
  
  div.add_img2 {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  
  div.add_img2 div {
    width: 50%;
  
  }
  
  div.add_img2 div img {
    width: 100%;
  }
  
  
  
  
  /*SIZE*/
  
  div.size_list {
    width: 990px;
    margin: 0 auto;
    text-align: center;
  }
  
  div.size_list table {
    text-align: center;
    margin: 0 auto;
    border-collapse: collapse;
    color: #333;
  }
  
  div.size_list tr {
    border: 1px solid;
  }
  
  
  div.size_list th {
    padding: 10px 16px;
    font-size: 14px;
    letter-spacing: 0.1em;
  }
  
  div.size_list td {
    font-size: 13px;
  }
  
  
  /*SIZEアテンション*/
  
  p.size_attention {
    width: 80%;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0;
  }
  
  /*DETAIL*/
  
  div.detail_list {
    width: 990px;
    margin: 0 auto;
    text-align: center;
    color: #333;
  }
  
  
  .topic div {
    width: 50%;
    display: flex;
    /*justify-content:flex-start;*/
    margin: 0 auto;
    border-bottom: 1px solid;
    padding-top: 10px;
  }
  
  .topic div dt {
    min-width: 9em;
    margin-left: 20px;
    /*font-weight: bold;*/
    font-size: 14px;
  }
  
  .topic div dd {
    font-size: 12px;
    margin-right: 40px;
  }
  
  div.detail_list p {
    font-size: 14px;
  }
  
  /*DETAILアテンション*/
  
  p.detail_attention {
    width: 80%;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
  }
  
  /*送料についてのところ*/
  
  div.attention {
    width: 990px;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
  }
  
  div.attention ul {
    width: 60%;
    background-color: #F8F0DB;
    padding: 30px;
    margin: 0 auto;
  }
  
  div.attention ul li {
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
    list-style: none;
    font-size: 14px;
  }
  
  div.attention li.souryou {
    background-color: #EF6264;
    padding: 7px;
    color: #FFF;
    margin-bottom: 30px;
    text-align: center;
  }
  
  
  
  
  
  /*コラボ商品詳細*/
  
  div.collobo_wrap {
    width: 990px;
    margin: 0 auto;
    text-align: center;
    padding-top: 25px;
  }
  
  div.collobo_wrap p {
    font-size: 13px;
  }
  
  p.careful {
    width: 100%;
    background-color: #EF6264;
    padding: 7px 0;
    color: #FFF;
    margin: 0 auto;
    text-align: center;
    margin: 20px 0;
    font-size: 13px;
  }
  
  p.color_vali {
    padding-bottom: 10px;
  }
  
  
  /*お客さまコンテスト*/
  
  div.contest_wrap {
    width: 990px;
    margin: 0 auto;
    text-align: center;
    padding-top: 25px;
  }
  
  
  /*注意事項*/
  
  p.clb_attention1 {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
  }
  
  span.red {
    color: #DC1013;
  }
  
  ul.clb_attention2 {
    list-style: none;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    font-size: 13px;
  }
  
  section.top_staffsnap_module {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  
  
  
  /* ---------------------------------------------------------------------------------------------------------------------------------
     responsive　=スマホ
  ----------------------------------------------------------------- */
  @media screen and (max-width: 768px) {
.gnav li {
    margin:0 0 0 9px;
  }
.gnav li.review{
    margin:0 0 0 10px;
  }
   .gnav {
    margin-right: 13px;
  }
.gnav .top{
     display:none;
      }
    header .header-menu {
      justify-content:flex-end;
      /*margin-bottom: 20px;*/
      position: fixed;
      z-index: 100;
      top: 0;
      width: 100%;
      padding: 51px 0px 15px;
      background: #fff;
    }
  
    .header-logo {
      /*ロゴの上あけるのここ*/
      padding-top: 0px;
        z-index:999;
        position:fixed;
        top:42px;
        left:53px;
    }
  
  
    header .header-logo img {
      max-width: 125px;
    }
  
  
    .header {
      padding: 77px 0 10px;
      position: relative;
    }
  
    .header .top-nav {
      flex-direction: column-reverse;
    }
  
    .gnav .account {
      display: none;
    }
  
    .search-category {
      border: 1px solid #000;
    }
  .side{padding-top:0px;}
    
    .main-visual {
      /*margin: 20px auto 40px; */
      margin: 0 auto;
    }
  
    .main-visual img {
      height: auto;
      margin: 0 auto;
      text-align: center;
    }
  
    .bx-wrapper {
      margin-bottom: 0 !important;
    }
  
    .contents {
      width: 95%;
      padding: 20px 0 48px;
      margin: 0 auto;
    }
  
    .container {
      display: block;
      padding: 0;
    }
  
    .side {
      width: auto;
      padding-right: 0;
    }
  
    #g-nav {
      position: fixed;
      z-index: 999;
      top: 0;
      left: -120%;
      width: 100%;
      height: 100vh;
      background: #111;
      transition: all 0.6s;
      background-color: #F6F4EF;
      /*SPのサイド背景色*/
    }
  
    #g-nav.panelactive {
      left: 0;
    }
  
    #g-nav.panelactive #g-nav-list {
      position: fixed;
      z-index: 999;
      width: 100%;
      height: 100vh;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }
  
  
    /*ボタン*/
    .openbtn {
      position: fixed;
      z-index: 9999;
      top: 43px;
      left: 3px;
      cursor: pointer;
      width: 50px;
      height: 50px;
    }
  
    .openbtn span {
      display: inline-block;
      transition: all .4s;
      position: absolute;
      left: 14px;
      height: 3px;
      border-radius: 2px;
      background-color: #666;
      width: 45%;
    }
  
    .openbtn span:nth-of-type(1) {
      top: 15px;
    }
  
    .openbtn span:nth-of-type(2) {
      top: 23px;
    }
  
    .openbtn span:nth-of-type(3) {
      top: 31px;
    }
  
    .openbtn.active span:nth-of-type(1) {
      top: 18px;
      left: 18px;
      transform: translateY(6px) rotate(-45deg);
      width: 40%;
      background: #666;
    }
  
    .openbtn.active span:nth-of-type(2) {
      opacity: 0;
    }
  
    .openbtn.active span:nth-of-type(3) {
      top: 30px;
      left: 18px;
      transform: translateY(-6px) rotate(45deg);
      width: 40%;
      background: #666;
    }
  
    .search {
      padding: 20px 45px 16px;
      background: none;
      color: #fff;
    }
  
    .search-btn {
      background: #333333;
      color: #fff;
    }
  
    .add_pconly_side-section {
      display: none;
    }
  
    .side-section {
      display: block;
      width: 75%;
      margin: 50px auto;
    }
  
    .sp-side-section {
      display: block;
      padding: 90px 45px 0;
    }
  
    .sp-side-section .sp-gnav li {
      text-align: center;
      border: 1px solid #fff;
      border-radius: 5px;
      padding: 10px;
      margin-bottom: 20px;
      background-color: #A28485;
    }
  
    .sp-side-section .sp-gnav li.sp-gnav_new {
      text-align: center;
      border: 1px solid #fff;
      border-radius: 5px;
      padding: 10px;
      margin-bottom: 20px;
      background-color: #70494B;
    }
  
    .sp-side-section .sp-gnav li.sp-gnav_rank {
      text-align: center;
      border: 1px solid #fff;
      border-radius: 5px;
      padding: 10px;
      margin-bottom: 20px;
      background-color: #70494B;
    }
 
      

    .sp-side-section .sp-gnav .sp-gnav_new a:before {
      display: inline-block;
      margin-right: 6px;
      color: #fff;
    }
  
    .sp-side-section .sp-gnav .sp-gnav_rank a:before {
      display: inline-block;
      margin-right: 6px;
      color: #fff;
    }
  
    .sp-side-section .sp-gnav li a {
      color: #fff;
    }
  
    .sp-side-section .sp-gnav .logout a:before {
      display: inline-block;
      margin-right: 6px;
    }
  
    .sp-side-section .sp-gnav .newcustomer a:before {
      display: inline-block;
      margin-right: 6px;
      color: #fff;
    }
  
    .sp-side-section .sp-gnav .question a:before {
      display: inline-block;
      margin-right: 6px;
      color: #fff;
    }
  
    .sp-side-section .sp-gnav .login a:before {
      display: inline-block;
      margin-right: 6px;
      color: #fff;
    }
  
    .sp-side-section .sp-gnav .membership a:before {
      display: inline-block;
      margin-right: 6px;
      color: #fff;
    }
  
    .side-category-list a {
      color: #000 !important;
    }
  
    .category-list-title,
    .side-category-item {
      border-bottom: 1px solid #ccc;
      color: #000;
    }
  
    .side-category-item {
      padding-right: 20px;
    }
  
    .side-category-item p:before {
      background-color: #000;
      margin-right: 10px;
    }
  
    .side-category-item p:after {
      background-color: #000;
      margin-right: 10px;
    }
  
    /*カテゴリの+を押したら色変わるところ*/
    .side-category-item p.on {
      width: 96%;
      background: #333333;
      color: #fff;
      padding-left: 10px;
      padding-right: 18px;
    }
  
    ul.side-contact {
      display: block;
      padding-bottom: 30px;
    }
  
    .side-contact a {
      color: #333;
    }
  
    .makeshop-calendar1,
    .makeshop-calendar2 {
      background: #fff;
    }
  
    .makeshop-calendar1 tr,
    .makeshop-calendar2 tr {
      text-align: center;
      font-size: 12px;
    }
  
    .makeshop-calendar1 thead tr th,
    .makeshop-calendar2 thead tr th {
      padding-bottom: 8px;
    }
  
    .makeshop-calendar1 tbody tr td,
    .makeshop-calendar2 tbody tr td {
      padding-bottom: 2px;
    }
  
    .calendar-wrap {
      width: 75%;
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 40px;
    }
  
    .calendar-wrap div {
      background: #fff;
    }
  
    .calendar-title {
      margin-bottom: 0;
    }
  
    .main {
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }
  
    .main-section {
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }
  
    /*newのモジュールに記載*/
    /*
    .item-list {
      display: flex;
      flex-wrap: wrap;
    }
    .item-list li {
      width: calc((100% - 16px) / 2 );
      margin-bottom: 40px;
      margin-right: 16px;
      position: relative;
    }
    .item-list li:nth-child(2n) {
      margin-right: 0;
    }
    .item-list li img {
      width: 100%;
      /*
      height: 200px;
      object-fit: cover;
      margin-bottom: 4px;
    }
  */
  
    .news-list li {
      padding: 30px 0;
    }
  
    .news-list li:first-child {
      padding-top: 0;
    }
  
    .news-wrap {
      display: block;
    }
  
    .news-date {
      width: 100%;
      margin-bottom: 8px;
    }
  
    .index-review-list li {
      display: block;
      margin-bottom: 60px;
    }
  
    .review-index-score {
      display: block;
    }
  
    .review-index-score .review-score {
      display: none;
    }
  
    .review-index-score .review-list-unit,
    .review-index-score .review-list-name {
      margin-bottom: 5px;
    }
  
    .review-index-score .review-list-date {
      margin: 5px 0 12px;
    }
  
    .main-category-list {
      width: 95%;
    }
  
    .main-category-list li {
      display: block;
      vertical-align: middle;
      margin-bottom: 0;
      border-bottom: 1px solid #B5B5B5;
      width: 95%;
      padding: 12px 0;
    }
  
    .main-category-list li a {
      padding: 0 5px;
    }
  
    .footer {
      width: 95%;
      display: block;
    }
  
    .footer img {
      margin-bottom: 20px;
    }
  
    .footer-nav {
      display: block;
      margin-top: 20px;
    }
  
    .footer-nav li {
      margin-right: 0;
      margin-bottom: 16px;
    }
  
    .breadcrumb {
      margin-bottom: 20px;
    }
  
    .category-title {
      display: block;
      justify-content: space-between;
      flex-wrap: wrap;
    }
  
    .category-title dl {
      width: 100%;
      margin-bottom: 20px;
      text-align: center;
      margin: 0 auto;
  
    }
  
    ul.category-child-item {
      width: 100%;
      margin: 0 auto;
      text-align: center;
      padding-bottom: 15px;
    }
  
    .category-child-item li {
      width: 50%;
      margin: 0 0 20px 0;
      text-align: center;
    }
  
    .detail {
      padding: 0;
    }
  
    .item-image {
      width: 100%;
    }
  
    .main-image {
      width: 100%;
    }
  
    /*サムネのサイズここ*/
    .gallery li img {
      /*height: 450px;*/
      width: 100%;
    }
  
    .choice-btn {
      width: 100%;
    }
  
    .choice-btn li {
      width: calc(93% / 5) !important;
      margin-right: 6px;
    }
  
    .choice-btn .slick-track {
      width: 100% !important;
    }
  
    .choice-btn li img {
      width: 100% !important;
      height: 65px;
    }
  
    .add-image-list {
      width: 100%;
      margin-right: 0;
      margin-bottom: 40px;
    }
  
    .add-image-list img {
      width: 100%;
      /*
      height: 350px;
      object-fit: cover;
          */
    }
  
    .add-image-list:nth-child(2n) {
      margin-right: 0;
    }
  
    .add-image-list:last-child {
      margin-bottom: 0;
    }
  
    .group-review-section {
      width: 100%;
    }
  
    .group-item-list {
      justify-content: space-between;
    }
  
    .group-item-list li {
      width: calc((100% - 16px) / 2);
      margin-bottom: 40px;
      margin-right: 0;
      position: relative;
    }
  
    .group-item-list li img {
      height: auto;
    }
  
    .item-detail {
      width: 100%;
      padding-left: 0;
    }
  
    .item-detail .item-title {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 8px;
    }
  
    .item-detail .item-category-name {
      font-size: 14px;
    }
  
    .slick-prev,
    .slick-next {
      border-top: 2px solid #ccc;
      border-right: 2px solid #ccc;
    }
  
    .slick-prev:after {
      display: none;
    }
  
    .slick-next:after {
      display: none;
    }
  
    .item-price-wrap {
      margin-bottom: 8px;
    }
  
    .item-price-wrap .item-price {
      font-size: 22px;
    }
  
    .item-price-wrap .item-tax {
      font-size: 12px;
    }
  
    .item-price{
      align-items: center;
    }
  
    .item-point {
      font-size: 12px;
      margin-bottom: 8px;
    }
  
    .item-sell-text {
      margin: 20px 0;
    }
  
    .item-option {
      margin-bottom: 12px;
    }
  
    .makeshop-option-select {
      width: 100%;
    }
  
    .nameprint-area {
      margin-bottom: 40px;
    }
  
    .nameprint-area .nameprint-text input,
    .nameprint-area .nameprint-text textarea {
      width: 100%;
    }
  
    .item-share {
      margin-bottom: 40px;
    }
  
    .review-category-title {
      margin-bottom: 20px;
    }
  
    .item-review-list li {
      margin-bottom: 30px;
    }
  
    .review-item-wrap {
      margin-bottom: 30px;
    }
  
    .review-form-wrap {
      width: 100%;
    }
  
    .review-form {
      display: block;
      align-items: center;
      margin-bottom: 30px;
    }
  
    .review-form:last-child {
      margin-bottom: 60px;
    }
  
    .review-form dt {
      width: 100%;
      margin-bottom: 8px;
    }
  
    .review-form dd textarea {
      width: 98%;
    }
  
    .sku {
      width: 100%;
      table-layout: fixed;
      /*すべての列幅を均等に調整*/
      margin: 0 auto;
      text-align: center;
    }
  
    /* 
    .sku tbody {
      width: 100%;
     align-items: center;
    }
    */
  
    tr.sku-option {
      width: 100%;
    }
  
  
    .add-cart {
      width: 100%;
      display: block;
      margin: 0 0 16px 0;
    }
  
    .add-cart .item-stock {
      margin-right: 0;
      margin-bottom: 8px;
      margin: 0 auto;
      text-align: center;
      width: 100%;
    }
  
    .add-cart .btn {
      font-size: 13px;
      width: 0px;
      margin: 0px;
    }
  
    .restock-btn {
      width: 100%;
      margin-bottom: 8px;
      margin: 0 auto;
      text-align: center;
    }
  
    .sku-cart .btn {
      min-width: 130px;
    }
  
    .sku-option-name {
      white-space: initial;
  
    }
  
    .item-contact::before {
      display: none;
    }
  
    .item-info-list li dt {
      width: 40%;
    }
  
    .item-info-list li dd {
      width: 60%;
    }
  
    /*チェックしたアイテム*/
  
    .checked-contents {
      /*margin-top: 60px;*/
      padding-bottom: 0;
    }
  
    .checked-item-list {
      justify-content: space-between;
    }
  
    .checked-item-list li {
      width: calc((100% - 16px) / 2);
      margin-right: 0;
      margin-bottom: 10px;
      justify-content: space-between;
    }
  
    .checked-item-list li img {
      width: 100%;
      /*height: 170px;*/
    }
  
    /*おすすめアイテム*/
  
    .recommend_contens {
      /*margin-top: 60px;*/
      padding-bottom: 0;
      width: 100%;
    }
  
    .item-list_reco {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 2px;
    }
  
    .item-list_reco li {
      width: calc(50% - 4px);
      margin-right: 0;
      margin-bottom: 10px;
    }
  
    .item-list_reco li img {
      width: 100%;
      /*height: 170px;*/
    }
  
    .cart {
      margin-bottom: 40px;
    }
  
    .cart-section-title {
      padding-top: 0;
    }
  
    .free-shipping-wrap {
      text-align: left;
    }
  
    .cart-list-table {
      width: 100%;
      padding: 20px 0;
    }
  
    .cart-list-table th {
      display: none;
    }
  
    .cart-list-table tbody td {
      width: 100%;
      display: block;
      padding: 0;
      margin-bottom: 6px;
    }
  
    .cart-list-table tbody td:first-child {
      width: 100%;
      margin-top: 30px;
    }
  
    .item-cart-price {
      font-size: 16px;
      text-align: right;
    }
  
    .item-cart-quantity input {
      margin-right: 8px;
    }
  
    .item-cart-delete {
      float: none;
      padding-left: 20px;
    }
  
    .item-cart-subtotal {
      font-size: 22px;
      text-align: right;
      margin-bottom: 30px !important;
    }
  
    .item-cart-subtotal::before {
      content: "小計";
      font-size: 14px;
    }
  
    .cart-total {
      display: flex;
      padding: 10px;
    }
  
    .cart-total-title {
      margin: 0 !important;
    }
  
    .cart-total-price-wrap {
      text-align: right;
    }
  
    .cart-button-wrap .cart-button a {
      width: 100%;
    }
  
    .guide-section {
      width: 100%;
    }
  
    .comapany-box {
      width: 100%;
    }
  
    .contract-section {
      width: 100%;
    }
  
  
    .policy-box {
      width: 100%;
    }
  
    .guide-title {
      margin: 40px 0 20px;
    }
  
    select::-ms-expand {
      display: none;
    }
  
    .makeshop-option-select-wrap {
      position: relative;
      background: #ffffff;
    }
  
    .makeshop-option-select-wrap::before {
      position: absolute;
      top: 10px;
      right: 8px;
      content: '';
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #666666;
      pointer-events: none;
    }
  
    select {
      width: 100%;
      padding-right: 1em;
      cursor: pointer;
      text-indent: 0.01px;
      text-overflow: ellipsis;
      border: none;
      outline: none;
      background: transparent;
      background-image: none;
      box-shadow: none;
      -webkit-appearance: none;
      appearance: none;
    }
  
    .catalog-info-wrap {
      width: 100%;
    }
  
    .catalog-img {
      margin: 10px 0 4px;
    }
  
    .catalog-list,
    .catalog-list td,
    .catalog-list th {
      border-collapse: collapse;
      text-align: center;
    }
  
    .catalog-list thead th {
      display: none;
    }
  
    .catalog-list td {
      padding: 8px 12px;
      display: block;
    }
  
    .catalog-list td[data-title]::before {
      color: #666;
      content: attr(data-title) "";
      font-weight: bold;
      padding: 0 10px 0 0;
      display: inline;
    }
  
    .item-description dd {
      width: 100%;
      margin: 0 auto;
      /*background-color:#FF0033; ディティール画像の背景色*/
      text-align: center;
    }
  
    .item-description dl {
      margin: 0 auto;
      width: 100%;
      text-align: center;
    }
  
  
  
    .favorite a:after {
      font-family: 'Font Awesome 5 Free';
      content: "\f004";
      font-size: 24px;
      font-weight: 900;
      margin-left: 5px;
      color: #ff7683;
    }
  
  
    /*商品詳細の新テンプレ*/
  
    div.detail_wrap {
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }
  
    div.detail_wrap img {
      width: 100%;
    }
  
    div.add_img1 {
      width: 100%;
      text-align: center;
      margin: 0 auto;
    }
  
    div.add_img1 a {
      width: 40%;
    }
  
    div.add_img2 {
      width: 100%;
      display: flex;
      justify-content: center;
    }
  
    div.add_img2 div {
      width: 50%;
    }
  
    div.add_img2 div img {
      width: 100%;
    }
  
  
    /*SIZE*/
  
    div.size_list {
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }
  
    div.size_list table {
      text-align: center;
      margin: 0 auto;
      border-collapse: collapse;
      color: #333;
    }
  
    div.size_list tr {
      border: 1px solid;
      margin: 0 auto;
      text-align: center;
    }
  
  
    div.size_list th {
      padding: 10px 0;
      font-size: 12px;
    }
  
    div.size_list td {
      font-size: 14px;
    }
  
  
  
    /*DETAIL*/
  
    div.detail_list {
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }
  
  
    .topic div {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      margin: 0 auto;
      border-bottom: 1px solid;
      padding-top: 10px;
    }
  
    .topic div dt {
      min-width: 9em;
      margin-left: 50px;
      text-align: left;
      font-weight: bold;
      font-size: 13px;
    }
  
    .topic div dd {
      margin-left: 35px;
      font-size: 12px;
    }
  
  
  
  
    /*SIZEアテンション*/
    p.size_attention {
      width: 80%;
      font-size: 12px;
      text-align: center;
      margin: 0 auto;
      padding-top: 15px;
    }
  
  
  
    /*送料についてのところ*/
  
    div.attention {
      width: 100%;
      margin: 0 auto;
      text-align: center;
      padding-top: 40px;
    }
  
    div.attention ul {
      width: 80%;
      background-color: #F8F0DB;
    }
  
    div.attention ul li {
      width: 80%;
      margin: 0 auto;
      margin-top: 10px;
      list-style: none;
      font-size: 12px;
    }
  
    div.attention li.souryou {
      background-color: #EF6264;
      padding: 3px;
      color: #FFF;
      margin-bottom: 20px;
      text-align: center;
    }
  
    /*コラボ*/
    div.collobo_wrap {
      width: 100%;
      margin: 0 auto;
      padding-top: 15px;
    }
  
  
    /*お客様コンテスト*/
    div.contest_wrap {
      width: 100%;
      margin: 0 auto;
      padding-top: 15px;
    }
  
    .attention_img img {
      width: 50%;
    }
  
  
    /*SOLD OUTのアイコン*/
  
  
  
    .item-icon p {
      padding: 0 8px;
      border-radius: 8px;
      font-size: 13px;
    }
  
    /*商品一覧の下部表示数のところ*/
  
    .pager-wrap {
      width: 100%;
      margin: 0 auto;
      margin-top: 50px;
      display: flex;
      justify-content: space-around;
      text-align: center;
    }
  
  
  
    p.total-count {
      text-align: left;
      font-size: 13px;
    }
  
    .pager-wrap span {
      font-size: 13px;
    }
  
    .pager li {
      margin-right: 10px;
    }
  
  
  }
  
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .header .header-menu {
      padding: 0px 130px;
    }
  
    .main-visual img {
      height: 500px;
    }
  
    .main-image img {
      /* height: 600px;	*/
      width: 100%;
  
    }
  
    .item-list li img {
      height: auto;
    }
  
    .checked-item-list li img {
      height: auto;
    }
  
    .sku {
      width: 100%;
      table-layout: fixed;
    }
  
    .sku tbody {
      width: 100%;
      align-items: center;
    }
  
    tr.sku-option {
      width: 100%;
    }
  
    .sku-option-title {
      width: 100px;
    }
  
  
    .sku-cart {
      min-width: 400px;
    }
  
    .choice-btn li:nth-child(5n) {
      margin-right: 8px;
    }
  
    .choice-btn li:nth-child(10n) {
      margin-right: 0;
    }
  
  
  }
  
  @media screen and (max-width: 374px) {
    .header .header-menu {
      padding: 20px 20px;
    }
  
    .choice-btn li {
      width: 56px !important;
      margin-right: 4px;
    }
  
    .choice-btn li img {
      width: 56px !important;
      height: 56px;
    }
  
    .sku-cart .btn {
      min-width: 120px;
    }
  
  
  }
  
  /*Androidのみのcss*/
  body.Android .header .top_bar p {
    font-size: 10px;
  }
  
  body.Android .header .header-menu .gnav {
    margin-top: 60px;
  }
  
  @media screen and (min-width: 1025px) {
  
    .header .header-menu {
      padding: 0px 35px;
    }
  
  }

  /* -----------------------------------------------------------------
     ブログ blog BLOG
  ----------------------------------------------------------------- */

.blog_wrap .flex{
    display: flex;/*汎用*/
    justify-content: space-between;/*汎用*/
    }
.blog_wrap .flex_always{
    display: flex;
    justify-content: space-between;
    }

.blog_wrap img {
    width: 100%/*汎用*/
    }
    
/*記事上部分～記事内汎用設定*/
.blog_wrap h2{
    text-align: center;
    font-family: serif;
    font-size:50px;
    color:#7a5051 ;
    }
    
.blog_wrap .kiji{
    background-color:#F6F4EF;
    padding:5%;
    border:3px solid #a28485;
    border-radius: 30px;
    margin-bottom:50px;
    margin-top:10px;
    }
.blog_wrap .kiji .ti_day{
    align-items:flex-end;
    margin-bottom:30px;
    }
.blog_wrap .kiji .ti_day p{ 
    color: #A28485;
    font-family: serif;
    letter-spacing: 1px;
    font-size: 15px;
    margin-bottom:7px;
    }
.blog_wrap .kiji h3{  
 color: #A28485;
    font-family: serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 26px;
    font-family: sans-serif;
    margin: 0;
}

.blog_wrap .kiji .tx div{
    flex-basis:7%
    }
    
.blog_wrap .kiji .tx p{
    flex-basis:91%;
    font-size:15px;
        line-height: 170%;
    text-align: justify;
    }

.blog_wrap .mainimg{
     flex-basis:55%;
    }
    
/*プロフィール*/ 
    
.blog_wrap .profile{
    flex-basis:30%;
    background-color: #fff;
    border-radius: 30px;
    padding:5%;
    text-align: left
    }
    
.blog_wrap .profile ul{
        margin-bottom:10px;
    align-items: center;
    }    
.blog_wrap .prf_img{
    flex-basis: 30%;
    }
.blog_wrap .prf_name{
    flex-basis: 60%;
    color:#7a5051 ;
    }
.blog_wrap .prf_name h4{
    font-size:20px;
    font-weight: bold;
    margin:0;
    }
    
.blog_wrap .prf_name p{
    font-size:12px;
    }
    
.blog_wrap .prf_tx{
    line-height: 180%;
    font-size: 15px;}
    
/*記事内見出し（ライターコメント）*/ 
.blog_wrap .midashi{
        font-weight: bold;
        color:#A28485;
        font-weight: bold;
        font-size: 20px;
        margin: 40px 0 10px
    }
    
/*記事内写真*/ 
    
.blog_wrap .picture{
        margin:60px auto 0;
    max-width:65%;
    }   
.blog_wrap .picture p{
    font-size:12px;
    color:dimgrey;
    }

/*おすすめ商品*/  
    
 .blog_wrap .product h4{
    border-top: 3px dotted #a28485;
    color:#a28485;
    padding-top: 10px;
    }
.blog_wrap .product ul{
    flex-wrap:wrap
    }
.blog_wrap .product ul li{
    margin:2% 2% 0;
    flex-basis:21%;
    }
.blog_wrap .product ul li p{
    font-size:12px;
    }
       
/*ライターコメント*/

.blog_wrap .comment{
        font-weight: bold;
        text-align: center;
        color:#A28485;
    font-size:20px;
    margin:50px 0;
    }
    
 /*記事下部・茶色ボタン*/   
.blog_wrap .btn_wrap{
    margin-top:50px;
    justify-content:center;
    }
.blog_wrap .btn_wrap a{
    flex-basis: 48%;
    margin: 0%;
    background-color: #A28485;
    color: #fff;
    text-align: center;
    padding: 2%;
    border-radius: 10px;
    box-sizing: border-box;
    }
    
/*記事一覧index*/
    
.blog_wrap .index{
    text-align: left;
    flex-wrap: wrap;
    }
.blog_wrap .index a {
    color:#A28485;
    flex-basis: 49%;
    background-color:#F6F4EF; 
    border-radius: 20px;
    padding: 2% 3%;
    margin-bottom:20px;
    box-sizing: border-box;
    align-items: center;
    }
.blog_wrap .index .day{
    background-color:#F6F4EF; 
    font-size:12px;
    margin-bottom:20px;
      font-family: serif;
    }
.blog_wrap .index_tx ul{
    justify-content: left;
    align-items: center;
    }
    
.blog_wrap .index_tx ul li:first-child{
    flex-basis: 40%;
    margin-right: 20px;
    }
.blog_wrap .index_tx ul li:last-child{
    font-size:12px
    }

.blog_wrap .index_tx ul li h4{
    font-size:14px;
    margin:0;
    }
    
.blog_wrap .index_tx {
        flex-basis:49%
    }
    
.blog_wrap .index_tx h3{
        font-size:15px;
    }
.blog_wrap .index_p {
    flex-basis:40%;
    }    
.blog_wrap .index .icon{
    flex-basis:4%;
    }
.trigger{
    padding-top: 220px;
    margin-top: -220px;
    }
.blog_wrap .form .pc{
    display:block;
    }
   
.blog_wrap .form .sp{
    display:none;
    }
.blog_wrap .next{
    margin-bottom:20px;
}
.blog_wrap .next a{
     color:#A28485
     }
     


/*--------ブログresponsive------ */

@media screen and (max-width: 768px) {
    
.blog_wrap .flex{
    display: block;/*汎用*/
    } 
    
.blog_wrap h2 {
    font-size:20px;
    letter-spacing: 1px;
    display:none;
    }
.blog_wrap .kiji h3{
    font-size:18px;
    margin:0;
    }
.blog_wrap .kiji .ti_day{
    margin-bottom:10px;
    }
 .blog_wrap .kiji .ti_day p{
    text-align:right;
    font-size:12px;
    margin:0
    }
    
.blog_wrap .midashi{
    font-size:18px;
    } 
.blog_wrap .kiji .tx p{
    font-size:14px;
    flex-basis:100%;
    line-height: 200%;
    }
    
.blog_wrap .prf_tx{
    font-size:12px;
    }
.blog_wrap .prf_img{
    flex-basis:20%;
    }
    
.blog_wrap .prf_name{
   flex-basis:78%;
    }
.blog_wrap .prf_name h4{
    display:inline-block;
    margin:10px;
    font-size:16px;
    }
    
.blog_wrap .prf_name p{
    display:inline-block;
    }
.blog_wrap .kiji .tx div {
    display:none;
} 
    
.blog_wrap .profile{
    border-radius:10px;
    }
 .blog_wrap .picture p{
    font-size:10px;
    }
.blog_wrap .picture{
   max-width:100%;
    }  
/*記事内見出し（ライターコメント）*/ 
.blog_wrap .midashi span{
    display: none;
    }
    
    
.blog_wrap .btn_wrap{
 margin: 20px 0 0;
}
    
.blog_wrap .btn_wrap a{
    display: block;
    font-size: 14px;
    margin-bottom:10px;
    }
    
.blog_wrap .index_tx ul li:first-child{
    flex-basis: 30%;
    }
    
 .blog_wrap .product ul{
     flex-wrap:wrap;
    }   
.blog_wrap .product ul li{
    flex-basis:46%;
    }

.blog_wrap .index a {
    padding: 2% 5%;
    }
    
    
/*ライターコメント*/

.blog_wrap .comment{
    font-size:15px;
    }
.blog_wrap .index{
    margin-top:20px;
    }
.blog_wrap .index_tx h3{
    font-size:14px;
    }
.blog_wrap .index_tx ul li h4{
    font-size:12px;
    }
    
.blog_wrap .index_tx ul li:last-child {
    font-size: 10px;
}   
    
.blog_wrap .form .pc{
    display:none;
    }
   
.blog_wrap .form .sp{
    display:block
    }
.blog_wrap .next{
     width:90%;
     margin:0 auto;
     font-size:14px;
     }
}
        
.contents {
    padding: 210px 30px 48px;
  }
  


/*新着タブ表示*/
  div.item-list {
    width: 990px;
    margin: 0 auto;
    text-align: center;
  }
div.item-list a p {
    font-size: 12px;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: -5px;
    color: #737373;
}

  div.new_item {
    width: 850px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 auto;
    justify-content:space-between;
    padding-top: 30px;
  }

  div.new_item div {
    margin: 0 auto;
    text-align: center;
  }

  div.new_item div img {
    width: 100%;
  }

  @media screen and (max-width: 768px) {
    div.item-list {
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }

    div.new_item {
      width: 100%;
      gap: 2px;
      padding-top:0px;
    }

    div.new_item div {
    flex-basis:49%;
      padding: 4px 0;
      text-align: center;
      margin: 0 auto;
    }

    div.new_item div img {
      width: 100%;
      padding-bottom: 5px;
    }
  }



/*TOPICS バナー*/
.topicsbana_wrap p{
     font-size: 10px;
    margin-bottom: 10px;
     margin-top:-5px;
     }
     
.topicsbana_wrap img{width:100%;}
     
.topicsbana_wrap{
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between;
     }
     
.topicsbana_wrap li{
     flex-basis:33%;
     }



div.heading-title {
	text-align: center;
	margin: 0 auto;
	font-family: 'Marcellus', serif;
	font-size: 20px;
	padding-bottom: 40px;
}

div.heading-title0 {
	text-align: center;
	margin: 0 auto;
	font-family: 'Marcellus', serif;
	font-size: 20px;
}

div.heading-title1 {
	text-align: center;
	margin: 0 auto;
	font-family: 'Marcellus', serif;
	font-size: 20px;
}


span.heading-title_mini {
	font-size: 15px;
}

/*トップ大java（slick）*/

.slick__item img {
  opacity: .3;

  transition: opacity .5s, transform .5s;
  width: 100%;
}
.slick-active img {
  opacity: 1;
}

.slick__container{
    padding-top:160px;
    margin-bottom:-280px;
    }
.slick {
    width: 100%;
    margin: 15px auto;
    position: relative;
    @include breakpoint(1200px) {
        margin: 5% auto;
    }
}

.slick__item {
    margin-right: 5px;
    margin-left: 5px;
}

.slick__item img {
    height: auto;
    width: 100%;

}
@media screen and (max-width: 768px) {
    .slick__container {
    padding-top: 60px;
    margin-bottom: -110px;
}
 .slick-dots li   {
     margin:0;
    }
    
/*TOPICS バナー*/
.topicsbana_wrap .topicsbana_spbig{
     flex-basis:100%;
     }
.topicsbana_wrap .topicsbana_spsmall{
     flex-basis:49%;
     }
         
    
    }


/*ブログ読み込み系ここから*/
.top_blog_list p{
    margin-bottom:10px;
   font-family: 'Marcellus', serif;
    font-size: 20px;
    }
.top_blog_list ul{
     font-size: 13px;
    border-top: 1px dotted #C3AC97;
    border-bottom: 1px dotted #C3AC97;
    width: 85%;
    margin: 0 auto;
    padding: 2% 0;
    text-align: left;
    }
.top_blog_list ul li{
    margin:2px 0;
    }
.top_blog_list ul li span{
    color:#A28485;
    margin-right:10px;
    }
 .top_blog_list .new{
    color:#fff;
    margin-right:10px;
    background-color: #dd7276;
    border-radius:2px;
    padding:2px 4px;
    font-size:10px;
    }
 
.top_blog_all{text-align: right;
    width: 85%;
    margin: 0 auto;

}
        
.top_blog_all a{
    font-size: 12px;
        }   
    @media screen and (max-width: 768px) {
.top_blog_list ul{
    width:95%;
    font-size:12px;
  	margin-bottom:50px;
    }
.top_blog_list ul li{
    margin:10px 0;
    }   
        
        
.top_blog_all{
    width: 94%;
    margin-bottom:20px;

}
        
.top_blog_all a{
    font-size: 10px;
        }  
    
    }

/*タイマー付クーポンここから*/

.view_timer {
    margin: 0 auto;
    text-align: center;
    max-width: 880px;
}
div.top_coupon{
	margin-top:30px;
	margin-bottom:20px;
    max-width:860px;
	display:flex;
	justify-content:space-between;
}

div.top_coupon > div{
    max-width: 860px;
}

div.top_coupon img{
	width:94%;
}

div.top_coupon input{
	border:1px #4d4d4d solid;
	text-align:center;
	margin-bottom:10px;
    font-size:18px;
}

div.top_coupon p{
color:#C1B368;
}

@media screen and (max-width: 768px) {
   .contents { 
    padding: 70px 0 48px;
    }
    .view_timer {
    margin: 0 auto 50px;
}
	div.top_coupon{
	margin:0 0 20px;
	flex-wrap:wrap;
}
	div.top_coupon{
        display:block;
    }
    
	div.top_coupon img{
	width:97%;
}
}

/*TOPICS箇所ここから*/

/*TOPICS横長*/
div.topics_yokonaga {
	width: 100%;
	padding-bottom: 30px;
	margin: 0 auto;
	text-align: center;
}

div.topics_yokonaga img {
	width: 100%;
	margin: 20px 0;
}

div.topics_square {
	width: 100%;
	display: flex;
	/*margin: 0 0 5px; */
	flex-wrap: wrap;
	gap: 3px;
	margin: 0 auto;
}

div.topics_yokonaga2 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

div.topics_yokonaga2 img {
	width: 100%;
	padding-bottom: 10px;
}

div.topics_square div {
	width: calc(50% - 6px);
	margin: 0 auto;
}

div.topics_square div img {
	width: 100%;
}


/*TOPICS箇所ここまで*/

/*ニュース枠固定*/

div.info_kotei {
	padding-bottom: 30px;
}

div.info_kotei p {
	padding-bottom: 20px;
}

/*moreボタン*/
div.more_btn {
	width: 100%;
	text-align: center;
	padding-top: 30px;
}

a.more_btn {
	border-radius: 20px;
	background-color: #000;
	text-align: center;
	color: #FFF;
	padding: 8px 70px;
	margin: 0 auto;
}

div.insta {
	margin: 0 auto;
}


section.top_staffsnap_module {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 80px;
}

div.heading-title2 {
	text-align: center;
	margin: 0 auto;
	font-family: 'Marcellus', serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 35px;
}

div.heading-title-min {
	text-align: center;
	margin: 0 auto;
	font-size: 12px;
}

p.heading-title3 {
	text-align: center;
	margin: 0 auto;
	font-family: 'Marcellus', serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}

/*TWITTER幅*/

div.tw_width {
	width: 85%;
}

/* 上に戻る固定ボタン */

#pageTop {
	position: fixed;
	bottom: 120px;
	right: 20px;
	z-index: 999999;
}

#pageTop a {
	display: block;
	width: 30px;
	height: 30px;
	color: #333;
	font-size: 25%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	opacity: 0.7;
	letter-spacing: 0.3em;

}

#pageTop a::after {
	position: absolute;
	top: -10px;
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

div.heading-title2 span {
	text-align: center;
	align-items: center;
	vertical-align: middle;
}

span.new_icon {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-left: 5px;

}

span.new_icon img {
	width: 18px;
	border: none;
	margin-top: 5px;
}

@media screen and (min-width: 768px) {


	/*TOPICSのところ*/

	div.topics_yokonaga2 {
		width: 850px;
		margin: 0 auto;
		text-align: center;
	}

	div.topics_yokonaga2 img {
		width: 616px;
		padding-bottom: :10px;
	}


	div.topics_square {
		width: 80%;
		display: flex;
		margin: 0 0 20px;
		flex-wrap: wrap;
		gap: 10px;
		margin: 0 auto;

	}

	div.topics_square div {
		width: calc(50% - 20px);
		margin: 0 auto;
	}

	/*TOPICS横長*/
	div.topics_yokonaga {
		width: 850px;
		padding-bottom: 30px;
		text-align: center;

	}

	div.topics_yokonaga img {
		width: 70%;
	}

	div.insta {
		width: 850px;
		margin: 0 auto;
	}

	/*SHOP NEWS枠*/

	ul.index_news {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 30px;
	}

	ul.index_news p {
		width: 180px;
		text-align: center;
		margin: 0 auto;
		color: #fff;
		background-color: #C3AC97;
		padding: 8px;
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 30px;
	}

	ul.index_news li {
		font-size: 12px;
		margin: 10px;
	}

	section.top_staffsnap_module {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding-top: 80px;
	}

	div.heading-title2 {
		text-align: center;
		margin: 0 auto;
		font-family: 'Marcellus', serif;
		font-size: 16px;
		font-weight: bold;
	}

	p.heading-title3 {
		text-align: center;
		margin: 0 auto;
		font-family: 'Marcellus', serif;
		font-size: 13px;
		font-weight: bold;
		margin-top: 10px;
	}

	/*TWITTER幅*/

	div.tw_width {
		width: 75%;
	}



}