@charset "utf-8";
/* CSS Document */

    /*ページ内基本フォント設定*/
    .item-page{
        font-size: 16px;
        color:#333;
        font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','游ゴシック Medium',YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN',メイリオ,Meiryo,sans-serif;
    }
    .item-pagea a{
        text-decoration:underline;
        color:#333;
    }
    .item-pagea a:hover{
        text-decoration:none;
        color:#333;
    }

    /*ページ幅　660px（+両サイド余白） ページ内基本フォント設定*/
    table.item-page{
        width: 770px;
        padding: 55px;
        background-color: #fff;
    }
    
    /*スタイルアップ商品のみ　ページ幅　770px（余白なし） ページ内基本フォント設定*/
    table.styleup_item-page{
        width: 770px!important;
        padding: 0px!important;
        background-color: #fff;
    }
    
    /*商品名*/
    table.item-page b.item-name{
        font-weight: 800;
        font-size: 15px;
    }
    /*大見出し*/
    table.item-page p b.midashi-1{
        font-weight: 800;
        font-size: 25px;
        margin-top: 40px;
        margin-bottom: 20px;
        display: block;
        line-height: 1.6em;
    }
    
    /*中見出し*/
    table.item-page p b.midashi-2{
        font-weight: 800;
        font-size: 18px;
        display: block;
        margin: 20px 0;
    }
    /*ブランド説明・スペックの文字サイズ*/
    table.item-page table p{
        font-size: 12px;
        text-align: left;
    }

    /*ブランド説明のロゴ中央寄せ・線の内側余白*/
    table.item-page table.brand-info td{
        text-align: center;
        border: 1px solid #A7A7A7;
        padding: 50px;
    }
    /*ブランド説明の画像幅*/
    table.item-page table.brand-info tr td:first-child{
        width: 200px;
    }
    /*スペック内成分表示*/
    table.item-page table table.spec-seibun{
        font-size: 12px;
        text-align: center;
        letter-spacing: 0.1em;
        width: 45%;
    }
    .half-table{
        display: flex;
        gap:4%;
    }

    
    /*PCヨコ分割（半分）ここから*/
    table.item-page table.half-image tr td{
        display: flex;
        gap:4%;
        vertical-align: bottom;
    }
    table.item-page table.half-image tr td p{
        width: 48%;
        text-align: center;
        font-size: 16px;
    }
    table.item-page table.half-image tr td>br{
        display: none;
    }
    /*PCヨコ分割（半分）ここまで*/
    
    /*本店用PCヨコ分割レイアウト修正（下揃え）*/
    table.item-page table tr td{
        vertical-align: middle!important;
    }
    /*本店用PCヨコ分割レイアウト修正（下揃え）*/ 
    
    table.normal-text table tr td{
        vertical-align: middle!important;
    }

    /* classまとめ */
    /*
    
    itempage
    ⇒一番外側のtableに設置
    
    item-name
    ⇒商品名のbタグに設置
    
    midashi-1
    ⇒メインキャッチコピーや主となる見出しのbタグに設置
    
    midashi-2
    ⇒サブ的な見出しのbタグに設置
    
    half-image
    ⇒ヨコ分割したいとき、入れ子で作成したtableに設置
    
    brand-info
    ⇒ブランド説明のtable（入れ子）に設置
    
    spec-seibun
    ⇒スペック中に成分表を配置したいとき、孫tableに設置
    
    half-table
    ⇒成分表を2個横並びにしたい場合に、tableタグ２個分をdivかspanで囲って設置
    
    */