@charset "utf-8";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.p-oldDescription{
  width: var(--inner-w);
  max-width: 735px;
  margin-inline: auto;
}
.p-oldDescription iframe{
  max-width: 100%;
}
.fs-p-productDescription{
  margin-top: var(--spc-50);
}
.product_box{
  margin-bottom: 30px;
}
@scope(.p-oldDescription){
  /* 古テーマオリジナルcss */
  @media screen and (min-width: 768px){
    h3.h3_title {
      margin-bottom: 20px;
      padding: 10px 15px;
      color: #8b8b8b;
      font-size: 12px;
      font-weight: normal;
      line-height: 1;
      background: #f2f2f2;
    }

    /* カラーバリエーション */
    ul.variation_list {
      margin: 15px 0 30px;
      padding: 0;
      font-size: 0;
      text-align: left;
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }

    ul.variation_list li {
      display: inline-block;
      width: 107px;
      margin-right: 18px;
      font-size: 13px;
      text-align: center;
    }

    ul.variation_list li>span {
      display: block;
      margin-bottom: -15px;
    }

    ul.variation_list li:nth-child(6) {
      margin-right: 0;
    }

    ul.variation_list li:nth-child(n+7) {
      margin-top: 10px;
    }

    .main_btn {
      text-align: center;
    }

    .main_btn a {
      position: relative;
      display: inline-block;
      width: 240px;
      color: #fff;
      font-size: 14px;
      text-align: center;
      line-height: 45px;
      border-radius: 50px;
      background: #353433;
      font-weight: normal;
    }

    .main_btn a:after {
      position: absolute;
      content: "\f105";
      font-family: "FontAwesome";
      top: 50%;
      right: 18px;
      margin-top: -.5em;
      color: #f45c7f;
      font-size: 24px;
      line-height: 1;
      font-weight: bold;
    }

    /* 25.02.27
    .fs-c-featuredProduct {
      display: none;
    }
    */
    .fs-c-featuredProduct {
      /*display: none;*/
    }

    /*案円にご使用いただく為の注意事項 */
    .checklist {
      border-top: 1px solid #dcdcdc;
      border-bottom: 1px solid #dcdcdc;
    }

    .checklist .title {
      position: relative;
      padding: 13px 0;
      font-size: 15px;
    }

    .checklist .title:after {
      position: absolute;
      content: "\f067";
      font-family: "FontAwesome";
      top: 50%;
      right: 15px;
      margin-top: -.5em;
      color: #f45c7f;
      line-height: 1;
      font-weight: normal;
      font-size: 17px;
    }

    .checklist .title.active:after {
      content: "\f068";
    }

    .checklist .contents {
      display: none;
      padding: 0 15px 15px;
    }

    .checklist .check_message {
      margin-bottom: 25px;
      font-size: 13px;
      font-weight: bold;
      text-align: center;
    }

    .checklist .contents p {
      margin: 0 0 10px;
      font-size: 1.1rem;
    }

    .checklist .contents ul {
      font-size: 11px;
      margin: 0;
      padding: 0;
      padding-left: 2px;
    }

    .product_cart {
      margin-bottom: 3px;
    }

    .cart_comment {
      text-align: center;
    }

    .cart_comment img {
      width: auto;
      height: 25px;
    }

    .variation_comment {
      display: none;
    }
  }

  @media screen and (max-width: 767px){
        /****************************************
    ページ共通
    ****************************************/
    /* 余白 */
    .inner {
      margin: 0 1.5rem;
    }
    /* 共通タイトル */
    h3.h3_title {
      margin-bottom: 2rem;
      padding: 1rem 1.5rem;
      color: #8b8b8b;
      font-size: 1.2rem;
      font-weight: bold;
      line-height: 1;

      background: #f2f2f2;
    }
    /* メインボタン */
    .main_btn {
      text-align: center;
    }
    .main_btn a {
      position: relative;
      display: inline-block;
      width: 210px;
      color: #fff!important;
      font-size: 1.2rem;
      font-weight: bold;
      text-align: center;
      line-height: 4.5rem;
      border-radius: 2.25rem;
      background: #353433;
    }
    .main_btn a:after {
      position: absolute;
      content: "\f105";
      font-family: "FontAwesome";
      top: 50%;
      right: 2rem;
      margin-top: -.5em;
      color: #f45c7f;
      font-size: 1.8rem;
      line-height: 1; 
    }
      /****************************************
      商品詳細
      ****************************************/
      /* 外枠 */
      .product_box {
      margin-bottom: 3rem;
    }
    .product_inner {
      padding: 1.5rem;
    }
    /* カラーバリエーション */
    ul.variation_list {
    display: flex;
        flex-wrap: wrap;
      margin: 0 0 3rem;
      padding: 0;
      font-size: 0;
      text-align: left;
      list-style: none;
    }
    ul.variation_list li {
      display: inline-block;
      width: 32%;
      margin-right: 2%;
      font-size: 1.1rem;
      text-align: center;
    }
    ul.variation_list li:nth-child(3n) {
      margin-right: 0;
    }
    ul.variation_list li:nth-child(n+4) {
      margin-top: 3rem;
    }
    /* 案円にご使用いただく為の注意事項 */
    .checklist {

      border-top: 1px solid #dcdcdc;
      border-bottom: 1px solid #dcdcdc;
    }
    .checklist .title {
      position: relative;
      padding: 2.5rem 3.5rem;
      font-size: 1.3rem;
    }
    .checklist .title:after {
      position: absolute;
      content: "\f067";
      font-family: "FontAwesome";
      top: 50%;
      right: 3.5rem;
      margin-top: -.5em;
      color: #f45c7f;
      line-height: 1;
      font-weight: normal;
    }
    .checklist .title.active:after {
      content: "\f068";
    }
    .checklist .contents {
      display: none;
      padding: 0 3.5rem 2.5rem;
    }
    .checklist .check_message {
      margin-bottom: 2.5rem;
      font-size: 1.3rem;
      font-weight: bold;
      text-align: center;
    }
    .checklist .contents p {
      margin: 0 0 1em;
      font-size: 1.1rem;
    }
    .checklist .contents ul {
      font-size: 1.1rem;
      margin: 0;
      padding: 0;
      padding-left: 2rem;
    }
    .product_cart {
      margin-bottom: 3rem;
    }
    .cart_comment {
      text-align: center;
    }
    .cart_comment img {
      width: auto;
      height: 19px;
    }
    .variation_comment {
      display: none;
    }

    #restockButton {
      background: #3ab68d;
      color: #fff;
      text-align: center;
      height: 60px;
      line-height: 60px;
      font-size: 15px;
      width: 280px;
      border-radius: 5px;
      box-shadow: 0 3px 0 #439a7d;
      cursor: pointer;
      margin-top: 10px;
      margin-bottom: 10px;
      margin: 15px auto 30px;
    }

    .restock_cover select {
      -moz-appearance: menulist;
      -webkit-appearance: menulist;
      appearance: menulist;
    }
  }

  /* main01.css */
  p {
    display: block;
    width: 100%;
    margin-bottom: 24px;
    font-feature-settings: "palt";
    font-size: 14px;
    line-height: 24px;
  }

  p:last-child {
    margin-bottom: 0;
  }

  @media (max-width: 767px) {
    p {
      font-size: 12px;
    }
  }
}