@charset "UTF-8";

/** ロット割れの案内ここから **/
.about_order_lots {
	width: 85%;
    padding: 1em 1.3em;
    margin: 3em auto;
    background: #ffebe9;
    border: solid 2px #ff7d6e;
	line-height: 1.8em;
	font-size:13px; 
}
.about_order_lots strong {
	color: #ff7d6e;
    font-weight: bold;
	font-size: 1.3em;
}
.about_order_lots strong::after {
	 content:"＜ ご注文ロット数でお悩みの方へ ＞";
}
.lot-text3 {
	margin-top: 14px;
}
.lot-text1::after {
    content: "商品ページ記載の「最低ロット数」以下でご注文いただける場合もございます。";
}
.lot-text2::after {
    content: "詳しくはお問合せいただくか、見積依頼カートStep02の備考欄へご希望の数量をご入力ください。";
}
.lot-text3::after {
    content: "※別途 ロット割れ手数料1,650円(税込)が発生いたします。";
}
.lot-text4::after {
    content: "※最低ロット数以下でご注文いただけない商品もございます。予めご了承ください。";
}
.lot_important{
	font-size: 12px;
	color: #666;
}
/** ロット割れの案内ここまで **/

/**
* 「価格表記について」の共通CSS
*/

.list-price strong::after {
    content: "黒文字";
}
.list-price .price-explanation::after {
    content: "参考価格 (数量により割引いたします。)";
}
.special-price strong::after {
    content: "赤文字";
    color: #FF0000;
}
.special-price .price-explanation::after {
    content: "特価価格 (表示の特価価格での販売となります。※例外あり)";
}
.reference-list-left .three-pointer::after {
    content: "・・・";
}

/** アイコン説明文を全画面で統一するため、CSSで管理 */
.icon-reference-list span.icon-pad::after {
    content:"パッド印刷対応";
}
.icon-reference-list span.icon-rotate-silk::after {
    content:"回転シルク印刷対応";
}
.icon-reference-list span.icon-full-color::after {
    content:"フルカラー印刷対応商品";
}
.icon-reference-list span.icon-laser::after {
    content:"レーザー印刷対応商品";
}
.icon-reference-list span.icon-burn::after {
    content:"焼付印刷可能";
}
.icon-reference-list span.icon-transcription::after {
    content:"転写印刷対応 (フルカラー不可)";
}
.icon-reference-list span.icon-main-color::after {
    content:"本体色指定可能";
}
.icon-reference-list span.icon-naire::after {
    content: "名入れ対応商品";
}
.icon-reference-list span.icon-naire-minimun-1::after {
    content: "1個から名入れ出来る商品";
}
.icon-reference-list span.icon-naire-little::after {
    content: "30個以下で名入れ出来る商品";
}
.icon-reference-list span.icon-naire-within-10-days::after {
    content: "名入れ10日以内出荷対応商品";
}
.icon-reference-list span.icon-n3-envelope::after {
    content: "長3封筒（120×235mm）に封入可能";
}

.icon-reference-list span.icon-k2-envelope::after {
    content: "角2封筒（240×332mm）に封入可能";
}

.icon-reference-list span.icon-silk::after {
    content: "シルク印刷対応";
}
.icon-reference-list span.icon-foil-stamping::after {
    content: "箔押し印刷対応";
}

.icon-reference-list span.icon-hakuoshi::after {
    content: "箔押し印刷対応";
}

.icon-reference-list span.icon-rokuyo::after {
    content: "六曜の表記あり";
}
.icon-reference-list span.icon-non-rokuyo::after {
    content: "六曜の表記無し";
}
.icon-reference-list span.icon-holiday::after {
    content: "祝日の表記あり";
}
.icon-reference-list span.icon-non-holiday::after {
    content: "祝日の表記無し";
}
.icon-reference-list span.icon-domestic-product::after {
    content: "国内生産商品";
}
.icon-reference-list span.icon-domestic-company::after {
    content: "国内メーカー商品";
}
.icon-reference-list span.icon-kasa::after {
    content: "傘本体への名入れ可能";
}
.icon-reference-list span.icon-uvcut::after {
    content: "UVカット対応商品";
}
.icon-reference-list span.icon-6_5sun::after {
    content: "6.5寸（全長約195mm）の扇子";
}
.icon-reference-list span.icon-7sun::after {
    content: "7寸（全長約210mm）の扇子";
}
.icon-reference-list span.icon-7_3sun::after {
    content: "7.3寸（全長約220mm）の扇子";
}
.icon-reference-list span.icon-7_5sun::after {
    content: "7.5寸（全長約225mm）の扇子";
}


.icon-reference-list img {
    height: 14px;
    width: auto;
    object-fit: contain;
}

.icon-reference-list {
    table-layout: fixed;
    width: 100%;
}

/** -----PC版----- */
@media screen and (min-width: 769px) {
    .price-notation-wrapper {
        margin: 50px 10px;
        padding: 25px 10%;
        border: #CCC solid 1px;
        text-align: left;
    }

    .price-notation-wrapper.dot-border {
        border: #900 dashed 1px;
    }

    .price-notation-block.price-references {
        margin-bottom: 30px;
    }
    
    .price-notation-title {
        display: block;
        width: 120px;
        padding-bottom: 5px;
    }

    .reference-list-left {
        display: inline-flex;
    }

    .price-references .price-notation-title > strong::after {
        content: "【価格表示の説明】";
    }

    .icon-references .price-notation-title > strong::after {
        content: "【アイコンの説明】";
    }

    .price-notation-block > ul li {
        padding: 5px 10px;
        box-sizing: border-box;
    }

    .icon-reference-list {
        display: flex;
        flex-wrap: wrap;
    }

    ul.icon-reference-list li {
        padding: 10px;
        box-sizing: border-box;
    }
}

/** -----SP版----- */
@media screen and (max-width: 768px) {
    .price-notation-wrapper {
        width: 90%;
        background: #f3f3f3;
        padding: 20px 10px;
        margin: 20px auto 0 auto;
        clear: right;
        font-size: 3.8vw;
        line-height: 1.5;
        text-align: left;
    }

    .price-notation-block.icon-references {
        margin-top: 5%;
    }

    .price-notation-title {
        display: block;
        padding-bottom: 5px;
    }

    .reference-list-left {
        display: flex;
    }

    .price-references .price-notation-title > strong::after {
        content: "【価格表示について】";
    }

    .icon-references .price-notation-title > strong::after {
        content: "【アイコンについて】";
    }

    .price {
        color: #FF0000;
    }

    .price-reference-list,
    .icon-reference-list {
        padding-left: 2vw;
        box-sizing: border-box;
    }

    .price-reference-list > li,
    .icon-reference-list > li {
        display: flex;
    }

    .icon-reference-list > li {
        align-items: center;
        margin-top: 1vw;
        width: 100%;
    }

    .price-reference-list > li > strong {
        word-break: keep-all;
    }

    .reference-list-left {
        width: 27vw;
    }

    .reference-list-left strong {
        width: calc(1vw * 16);
    }

    .icon-reference-list img {
        width: auto;
        height: 4vw;
        min-height: 17px;
    }

    .icon-reference-list li > span {
        flex: 0 10 auto;
    }
}