/*
///////////////////////////////////////////////////////////////////////

This template is part of EC-CUBE Design template.

Copyright(c) JAPAN ELECTRONIC INDUSTRIAL ARTS CO.LTD.

http://www.jeia.co.jp/

For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.

本テンプレートの著作権は、「株式会社日本電子工藝社」に帰属いたします。

※本テンプレートを譲渡・再頒布・転用・第三者へ開示することは禁止いたします。
ただし、事業者によるショップ運営者への設置代行を禁止するものではございません。
※本テンプレートを申請されたご利用サイトへの設置以外の目的で複製することは禁止いたします。
※本テンプレートデータ内のライセンス条項、および著作権に関する記述を削除することはできません。
※ご利用サイトを変更することはできません。申請と異なるサイトにてご利用になる場合は、
別途、ご利用費用をお支払いただく必要がございます。
※本テンプレートの改変にあたり、一切のサポートはいたしかねます。
※本テンプレートは、すべての設置環境で動作する事は保証しておりません。

///////////////////////////////////////////////////////////////////////
*/

/*
旧サイトで使用していたWYSIWYGの記事スタイルを移管し、リニューアルサイト用に調整を加えます。
*/

/*
@media ( max-width: 767px ) {
}
@media ( min-width: 768px ) and ( max-width: 1279px ) {
}
@media ( min-width: 1280px ) {
}
*/

/*
旧カテゴリページテンプレート
*/
body.LC_Page_Products_List {

  #sub_comment {

    /* リニューアル用調整 */
    .template {

      @media (max-width:767px) {
        margin: 1.5rem 0;
      }

      @media (min-width:768px) and (max-width:1279px) {
        margin: 4vw 0;
      }

      @media (min-width:1280px) {
        margin: 60px 0;
      }
    }

    > *:first-child {
      margin-top: 0;
    }
    > *:last-child {
      margin-bottom: 0;
    }

    /* template 共通
    ----------------------------------------------- */
    .template {
    }
    .template .pic img {
      width: 100% !important;
      height: auto !important;
    }
    .template .point_num {
      color: #B09D7C;
      font-size: 1.333rem;

      @media ( min-width: 1280px ) {
        font-size: 22px;
      }

      & + h2 {
        margin-top: 0;
      }
    }
    .template h2 {
    }
    .template .text {
      font-size: 1rem;
      line-height: 1.7;
      margin: 1rem 0;
      text-align: justify;
    }
    /* template_1
    ----------------------------------------------- */
    .template_1 {
      overflow: hidden;
    }
    .template_1 .content {
      width: 50%;
      box-sizing: border-box;
      float: left;

      > *:first-child {
        margin-top: 0;
      }
      > *:last-child {
        margin-bottom: 0;
      }
    }
    .template_1 .pic {
      width: 50%;
      float: left;
    }
    @media ( max-width: 767px ) {
      .template_1 .content {
        float: none;
        width: 100%;
      }
      .template_1 .pic {
        float: none;
        width: 100%;
        margin-top: 10px;
      }
    }
    @media ( min-width: 768px ) and ( max-width: 979px ) {
      .template_1 .content {
        padding-right: 30px;
      }
    }
    @media ( min-width: 980px ) {
      .template_1 .content {
        padding-right: 30px;
      }
    }
    @media ( min-width: 1280px ) {
      .template_1 .content {
        padding-right: 40px;
      }
    }

    /* template_2
    ----------------------------------------------- */
    .template_2 {
    }
    .template_2 .content {
    }
    .template_2 .pic {
    }
    @media ( max-width: 767px ) {
      .template_2 .pic {
        margin-top: 10px;
      }
    }
    @media ( min-width: 768px ) and ( max-width: 979px ) {
      .template_2 .pic {
        margin-top: 30px;
      }
    }
    @media ( min-width: 980px ) {
      .template_2 .pic {
        margin-top: 30px;
      }
    }
    @media ( min-width: 1280px ) {
      .template_2 .pic {
        margin-top: 60px;
      }
    }

    /* template_3
    ----------------------------------------------- */
    .template_3 {
      overflow: hidden;
    }
    .template_3 .content {
      width: 50%;
      box-sizing: border-box;
      float: right;

      > *:first-child {
        margin-top: 0;
      }
      > *:last-child {
        margin-bottom: 0;
      }
    }
    .template_3 .pic {
      width: 50%;
      float: left;
    }
    @media ( max-width: 767px ) {
      .template_3 .content {
        float: none;
        width: 100%;
      }
      .template_3 .pic {
        float: none;
        width: 100%;
        margin-top: 10px;
      }
    }
    @media ( min-width: 768px ) and ( max-width: 979px ) {
      .template_3 .content {
        padding-left: 30px;
      }
    }
    @media ( min-width: 980px ) {
      .template_3 .content {
        padding-left: 30px;
      }
    }
    @media ( min-width: 1280px ) {
      .template_3 .content {
        padding-left: 40px;
      }
    }
  }
}



/*
旧商品詳細用テンプレート
*/
body.LC_Page_Products_Detail {

  #sub_comment {

    /* リニューアル用調整 */
    .template {
      @media (max-width:767px) {
        margin: 1.5rem 0;
      }

      @media (min-width:768px) and (max-width:1279px) {
        margin: 4vw 0;
      }

      @media (min-width:1280px) {
        margin: 80px 0;
      }
    }

    /* .template_1
    ----------------------------------------------- */
    @media (max-width:767px) {
      .template_1 .pic {
        margin-top: 1rem;
      }
    }
    @media ( min-width: 768px ) {
      .template_1 {
        display: flex;
      }
      .template_1 .content {
        flex: 0 0 50%;
        order: 2;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .template_1 .content .inner {
        padding: 10%;
      }
      .template_1 .content h2 {
        margin-top: 0;
      }
      .template_1 .pic {
        flex: 0 0 50%;
        order: 1;
      }
    }

    /* .template_2
    ----------------------------------------------- */
    @media (max-width:767px) {
      .template_2 .pic {
        margin-top: 1rem;
      }
    }
    @media ( min-width: 768px ) {
      .template_2 {
        display: flex;
      }
      .template_2 .content {
        flex: 0 0 50%;
        order: 1;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .template_2 .content .inner {
        padding: 10%;
      }
      .template_2 .content h2 {
        margin-top: 0;
      }
      .template_2 .pic {
        flex: 0 0 50%;
        order: 2;
      }
    }

    /* .template_3
    ----------------------------------------------- */
    @media ( min-width: 768px ) {
      .template_3 {
      }
      .template_3 .pic {
      }
      .template_3 .content {
        padding: 10px;
      }
      .template h2 {
        margin: 0.5em 0;
      }
    }
    @media ( min-width: 980px ) {
      .template_3 .content {
        padding: 30px;
      }
      .template h2 {
        margin: 0.5em 0;
      }
    }

    /* .template_4
    ----------------------------------------------- */
    @media ( max-width: 767px ) {
      .template_4 .pic + .pic {
        margin-top: 0;
      }
      .template_4 .pic {
        overflow: hidden;
      }
      .template_4 .pic img {
        width: 50% !important;
        max-width: 408px;
        float: left;
        margin: 0 10px 10px 0;
      }
      .template_4 .pic .text {
        margin: 0 0 10px;
      }
    }
    @media ( min-width: 768px ) {
      .template_4 {
      }
      .template_4 .pic_wrap {
        overflow: hidden;
      }
      .template_4 .pic {
        width: calc((100% - 1px) / 2);
        float: left;
        margin-left: 1px;
      }
      .template_4 .pic:first-child {
        margin-left: 0;
      }
      .template_4 .pic .text {
        padding: 10px;
      }
    }
    @media ( min-width: 980px ) {
      .template_4 .pic .text {
        padding: 30px;
      }
    }

    /* .template_5
    ----------------------------------------------- */
    @media ( max-width: 767px ) {
      .template_5 .pic + .pic {
        margin-top: 0;
      }
      .template_5 .pic {
        overflow: hidden;
      }
      .template_5 .pic img {
        width: 50% !important;
        max-width: 408px;
        float: left;
        margin: 0 10px 10px 0;
      }
      .template_5 .pic .text {
        margin: 0 0 10px;
      }
    }
    @media ( min-width: 768px ) {
      .template_5 {
      }
      .template_5 .pic_wrap {
        overflow: hidden;
      }
      .template_5 .pic {
        width: calc((100% - 2px) / 3);
        float: left;
        margin-left: 1px;
      }
      .template_5 .pic:first-child {
        margin-left: 0;
      }
      .template_5 .pic .text {
        padding: 10px;
      }
    }
    @media ( min-width: 980px ) {
      .template_5 .pic .text {
        padding: 30px;
      }
    }
  }
}



/*
旧ブログ用テンプレート
*/
body.LC_Page_EcpBlogCommon_Detail {

  #sub_comment {

    /* リニューアル用調整 */
    .blog_template {

      @media (max-width:767px) {
        margin: 1.5rem 0;
      }

      @media (min-width:768px) and (max-width:1279px) {
        margin: 4vw 0;
      }

      @media (min-width:1280px) {
        margin: 60px 0;
      }
    }

    /* 1つ目のテンプレートの上余白を解除 */
    > *:first-child {
        margin-top: -1rem;/*__headと__bodyの余白微調整*/
    }


    /* .template_A
    ----------------------------------------------- */
    .template_A {
    }
    @media ( max-width: 767px ) {
    }
    @media ( min-width: 768px ) and ( max-width: 979px ) {
    }
    @media ( min-width: 980px ) {
    }

    /* .template_B
    ----------------------------------------------- */
    .template_B {
    }
    @media ( max-width: 767px ) {
      .template_B .content {
        margin-top: 10px;
      }
    }
    @media ( min-width: 768px ) {
      .template_B {
        overflow: hidden;
      }
      .template_B .content {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-right: 20px;

        h2, h3, h4, h5 {
          margin-top: 0;
        }
      }
      .template_B .pic {
        width: 50%;
        max-width: 475px;
        float: right;
      }
    }

    /* .template_C
    ----------------------------------------------- */
    .template_C {
    }
    @media ( max-width: 767px ) {
      .template_C .content {
        margin-top: 10px;
      }
    }
    @media ( min-width: 768px ) {
      .template_C {
        overflow: hidden;
      }
      .template_C .content {
        width: 50%;
        float: right;
        box-sizing: border-box;
        padding-left: 20px;

        h2, h3, h4, h5 {
          margin-top: 0;
        }
      }
      .template_C .pic {
        width: 50%;
        max-width: 475px;
        float: left;
      }
    }

    /* .template_D
    ----------------------------------------------- */
    .template_D {
    }
    @media ( max-width: 767px ) {
      .template_D .content {
        margin-top: 10px;
      }
    }
    @media ( min-width: 768px ) {
      .template_D .content {
        margin-top: 20px;
      }
    }

    /* .template_E
    ----------------------------------------------- */
    .template_E {
    }
    @media ( max-width: 767px ) {
      .template_E .content + .content {
        margin-top: 10px;
      }
      .template_E h2 {
        font-size: 16px;
        margin-top: .9em;
      }
    }
    @media ( min-width: 768px ) {
      .template_E .wrap {
        display: flex;
        justify-content: space-between;
      }
      .template_E .content {
        flex: 0 0 auto;
        width: calc((100% - 25px) / 2);
        margin-left: 25px;
      }
      .template_E .content:nth-child(1) {
        margin-left: 0;
      }
      .template_E h2 {
        font-size: 1.33rem;
        margin-top: .9em;
      }
    }

    /* .template_F
    ----------------------------------------------- */
    .template_F {
    }
    @media ( max-width: 767px ) {
      .template_F .content + .content {
        margin-top: 10px;
      }
      .template_F h2 {
        font-size: 16px;
        margin-top: .9em;
      }
    }
    @media ( min-width: 768px ) {
      .template_F .wrap {
        display: flex;
        justify-content: space-between;
      }
      .template_F .content {
        flex: 0 0 auto;
        width: calc((100% - 50px) / 3);
        margin-left: 25px;
      }
      .template_F .content:nth-child(1) {
        margin-left: 0;
      }
      .template_F h2 {
        font-size: 1.066rem;
        margin-top: .9em;
      }
    }
  }
}