﻿@charset "utf-8";/* CSS Document *//*大枠のcss*/#outer{width: 1260px;margin: 0 auto;}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;}/*レコメンドのところ*/#recommend_block{border-top: inherit;}#recommend_block .ec-shelfRole{margin-bottom: 0px;}/*レコメンドの順位ランキングアイコン*/#recommend_block .ec-shelfRole li.ec-shelfGrid__item:before{content: '';z-index: 2;position: absolute;display: inline-block;width: 25px;height: 25px;background-size: contain;vertical-align: middle;}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(1)::before{background-image: url(/img/icon/rank_category_1.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(2)::before{background-image: url(/img/icon/rank_category_2.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(3)::before{background-image: url(/img/icon/rank_category_3.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(4)::before{background-image: url(/img/icon/rank_category_4.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(5)::before{background-image: url(/img/icon/rank_category_5.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(6)::before{background-image: url(/img/icon/rank_category_6.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(7)::before{background-image: url(/img/icon/rank_category_7.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(8)::before{background-image: url(/img/icon/rank_category_8.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(9)::before{background-image: url(/img/icon/rank_category_9.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(10)::before{background-image: url(/img/icon/rank_category_10.png);}/*価格*/#outer .item_price{display: flex;align-items: center;gap: 5px;font-size: 3em;font-weight: bolder;color: red;text-align: center;justify-content: center;}#outer .item_price::after{content: "（税込）";font-size: 0.5em;display: inline-block;vertical-align: baseline;margin-left: -10px;position: relative;top: 0.4em;}#outer .unit_price{display: flex;align-items: center;gap: 5px;font-size: 1.3em;font-weight: bolder;text-align: center;justify-content: center;margin-top: 10px;background: linear-gradient(transparent 65%, yellow 30%);}#outer .unit_price::after{content: "（税込）";font-size: 1em;display: inline-block;vertical-align: baseline;margin-left: 4px;}#outer .item_price span{vertical-align: bottom;line-height: 1;}#outer ._btn78{width: 90%;margin: auto;}#outer ._btn78 a{display: block;font-size: 1em;font-weight: bold;color: #ffffff !important;background-color: #33cccc;text-decoration: none;text-align: center;box-sizing: border-box;padding: 5px 0;border-radius: 1.5em;position: relative;margin: 10px 0 5px 0;}/*カテゴリボタン設定*/#outer .category_btn{width: 100%;font-size: 1.2em;margin: 15px auto 60px;}#outer .category_btn a{color: #FFFFFF !important;border-bottom: solid 3px #009999;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 10px;font-weight: bold;border-radius: 100vh;background-color: #33cccc;}#outer .category_btn2{width: 100%;font-size: 1.3em;margin-top: 10px;}#outer .category_btn2 a{color: #FFFFFF !important;border-bottom: solid 3px #FBF6E9;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 1px;font-weight: bold;border-radius: 100vh;background-color: #009999;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #009999;margin-bottom: 35px;}#outer .top_parts .top_txt{width: 54%;color: #FFFFFF;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;padding: 0 0 0 25px;}#outer .top_parts .top_txt h1{font-size: 2em;font-weight: bold;padding-bottom: 5px;line-height: 1.2;}#outer .top_parts .top_txt p{font-size: 1.3em;padding-top: 10px;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}/*h2*/h2.uline_b{font-size: 2em;font-weight: bold;/* text-align: center;*/border-bottom: double 5px #009999;margin-bottom: 15px;margin-top: 30px;}/*h2*/#outer h2.uline_c{font-size: 2em;font-weight: bold;/* text-align: center;*/border-bottom: double 5px #009999;margin-bottom: 15px;margin-top: 30px;}/*メニュー 基本設定*/ul.menu{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;}ul.menu li{width: 49%;box-sizing: border-box;border-radius: 0.5em;margin-bottom: 30px;}ul.menu li{width: 24.6%;background-color: #009999;margin-right: 5px;}ul.menu li a{font-weight: bold;text-decoration: none;display: block;padding: 10px 15px;position: relative;color: white;}ul.menu li:hover{opacity: 0.7;}ul.menu li a:before{content: "";width: 0;height: 0;position: absolute;top: 45%;right: 10px;border: 6px solid transparent;border-top: 7px solid white;}/*h3*/#outer h3.contents_h3{font-size: 1.8em;font-weight: bold;margin-top: 35px;margin-bottom: 20px;padding-left: 5px;}#outer h3.contents_h3::before{content: "┃"}/*h3部分　全体設定*/#outer .subtitle{width: 100%;}#outer .subtitle h3, #outer .column h3{font-size: 1.5em;font-weight: bold;margin-bottom: 10px;}#outer .subtitle h3::before, #outer .column h3::before{content: "┃";color: #146969;}#outer .subtitle p{padding-left: 10px;margin-bottom: 30px;}/*商品一覧はこちらのボタン*/#outer .contents .item ul.btns{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}#outer .contents .item ul.btns li.btn_gazou{position: relative;}#outer .item .btn_gazou a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #118B50;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;}#outer .item .btn_gazou a::after{content: url(https://shimojima.live/img/freepage/food_delivery/ico_ya.png);line-height: 0;position: absolute;top: 50%;right: 5%;transform: translateY(-50%);}/*商品ボックス最安　基本中身設定＿商品名*/#outer .content_price h4.item_title, #outer .content_price h4.item_title01{font-size: 1em;font-weight: bold;text-align: center;margin: 10px 0px;height: 40px;}#outer .content_price h4.item_title01{font-size: 1.1em;margin: 0px;}#outer .content_price h4.item_title0101{font-size: 1.5em;margin: 0px;font-weight: bold;padding-bottom: 30px;}/*商品ボックス最安　基本中身設定＿価格*/#outer .content_price .price .base_price01{font-size: 4.5em;font-weight: bolder;color: red;text-align: center;font-family: 'Century Gothic', sans-serif;}#outer .content_price .price p.base_price01::before, #outer .content_price .price p.base_price02::before{content: "￥";font-size: 0.5em;}#outer .content_price .price p.base_price01::after, #outer .content_price .price p.base_price02::after{content: "（税込）";font-size: 0.3em;}#outer .content_price .price .base_price02{font-size: 2.2em;font-weight: bolder;color: red;margin-bottom: -15px;}#outer .content_price .price .unit_price{font-size: 1em;text-align: center;margin-bottom: 10px;}#outer .content_price .price .unit_price .marker{background: linear-gradient(transparent 70% , yellow 70%);font-weight: bold;}#outer .content_price .low_price_item02{width: 49.5%;padding: 2rem;box-sizing: border-box;border: 1px solid #C8C8C8;display: flex;}#outer .content_price .low_price_item03{width: 49.5%;padding: 2rem;box-sizing: border-box;border: 1px solid #C8C8C8;display: flex;}/*商品ボックス最安　基本設定*/#outer .content_price .low_price{display: flex;justify-content: space-between;flex-wrap: nowrap;margin: 0 0 40px 0;}#outer .content_price .low_price .low_price_item01, #outer .content_price .low_price_item02{width: 49.5%;padding: 2rem;box-sizing: border-box;display: flex;border: 1px solid #C8C8C8;}#outer .content_price .low_price{display: flex;justify-content: space-between;flex-wrap: nowrap;margin: 0 0 40px 0;}#outer .content_price .low_price_item01{border: 3px solid red !important;background-color: #FFFCE6;}/*h3のタイプ別の背景設定(洗剤を種類・洗剤のタイプから選ぶコンテンツ)*/#outer .wrap{position: relative;border-radius: 10px;border: 3px solid #aacfcf;background-color: #aacfcf;}#outer .wrap::before{position: absolute;top: -10px;left: -0px;width: 98%;height: 100%;border-radius: 10px;border: 3px solid #0b3040;content: '';}/*h3のタイプ代表画像(アルミホイルを用途から選ぶコンテンツ)*/#outer .h3_box{display:flex;flex-direction:row;margin-bottom:-0px;margin-top:0px;}/*h3のタイプ一言説明*/#outer .h3_typetxt_box{width:40%;}#outer .h3_typetxt{width:125%;}#outer .h3_typetxt h3{margin: 0px 0px 10px;font-size: 1.6em;font-weight: bold;color: #000000;padding: 20px 0 0;}#outer .h3_typetxt p{margin: 10px;font-size: 1.5em;line-height: 1.5;padding: 10px 0;color: #000000;font-weight: bold;}#outer .h3_typetxt .marker{background: linear-gradient(transparent 60% , yellow 40%);font-weight: bold;}/*h4*/#outer h4.contents_h4{font-size: 1.5em;font-weight: bold;color: #333333;border-bottom: solid 5px #009999;margin-top: 45px;margin-bottom: 15px;position: relative;display: inline-block;padding: 0.5rem 1.5rem;/* サイドの余白を1.5remに増加、縦の余白は0.5remに */padding-left: 1rem;/* 左側の余白を5pxに調整 */border: 4px solid #009999;border-radius: 10px;background: #f9f9f9;}h4.contents_h4:first-letter{color: #009999;/* 最初の文字を指定の色に変更 */font-size: 1.7em;/* 必要に応じて調整 */}h4.contents_h4:before{position: absolute;bottom: -14px;left: 1em;width: 0;height: 0;content: '';border-width: 14px 12px 0 12px;border-style: solid;border-color: #009999 transparent transparent transparent;}h4.contents_h4:after{position: absolute;bottom: -10px;left: 1em;width: 0;height: 0;content: '';border-width: 14px 12px 0 12px;border-style: solid;border-color: #f9f9f9 transparent transparent transparent;}#outer .custom-list{display: flex;flex-wrap: wrap;/* アイテムを折り返す */list-style-type: none;/* デフォルトの箇条書きスタイルを削除 */padding: 0;/* 不要な余白を削除 */margin-bottom: 60px;justify-content: left;gap: 25px;background-color: #ffffff;}#outer .custom-list li{width: 30%;box-sizing: border-box;text-align: center;border: 2.5px solid #544541;background-color: white;padding: 10px;}#outer .chosei2{font-size: 1.0em;padding: 5px 10px;text-align: center;font-weight: bold;}#outer .chosei3{font-size: 1.1em;padding: 5px 10px;text-align: left;}#outer .chosei1{font-size: 1.25em;margin-top: -10px;padding: 3px;font-weight: bold;text-align: center;background-color: white;border-bottom: solid 3px #33cccc;margin-bottom: 15px;}#outer .new_icon6{width: 100%;position: relative;margin-left: 0;margin-top: 15px;border-top: solid 1px #dcd4d1;}#outer .new_icon6 img{position: static;vertical-align: bottom;}/*文章とおすすめ商品*/#outer .content_block{width: 100%;display: flex;justify-content: space-between;flex-wrap: nowrap;margin-bottom: 35px;box-sizing: border-box;}#outer .content_block ._box{width: 49%;border: solid 1px #cccccc;padding: 10px 15px;border-radius: 0.5em;box-sizing: border-box;display: flex;flex-direction: column;}#outer .content_block ._box ._title{margin-bottom: 15px;text-align: center;}#outer .content_block ._box ._title h3._type{color: #ffffff;background-color: #118B50;font-size: 20px;font-weight: bold;box-sizing: border-box;margin-bottom: 5px;padding: 10px;}#outer .content_block ._box ._title p{font-weight: bold;text-align: left;}#outer .content_block ._box h4{font-size: 20px;font-weight: bold;margin-bottom: 10px;text-align: center;border-bottom: solid 2px #118B50;}#outer .content_block ._box .items_block{width: 100%;display: flex;justify-content: center;align-items: stretch;margin-bottom: 10px;position: relative;box-sizing: border-box;}#outer .content_block ._box .items_block a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;}#outer .content_block ._box .items_block:hover{opacity: 0.7;}#outer .content_block ._box .items_block ._img{width: 54%;}#outer .content_block ._box .items_block ._txt{width: 44%;display: flex;flex-direction: column;padding: 0 0 0 5px;}#outer .content_block ._box .items_block ._txt .name{font-size: 14px;font-weight: bold;}#outer .content_block ._box ._btn{margin-top: auto;}#outer .content_block ._box ._btn a{display: block;font-size: 12px;font-weight: bold;text-decoration: none;text-align: center;box-sizing: border-box;padding: 10px 0;border-radius: 1.5em;position: relative;color: #fff;background-color: #118B50;}#outer .content_block ._box ._title ._type{position: relative;}/*画像の下に文章リンクボタン*/#outer .item_01 ul.btns{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}#outer .item_01 ul.btns li.btn_gazou{position: relative;}#outer .item_01 ul.btns li.btn_gazou a{position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 10px;font-weight: bold;border-radius: 100vh;background: #118B50;color: #ffffff!important;font-size: 1.2em;text-decoration: none;}/*2カラムの表*/#outer table.tb01{border-collapse: collapse;width: 100%;table-layout: fixed;margin-bottom: -10px;margin-top: 30px;}#outer .tb01 tr.tr_head{background: #c00000;color: #fff;}#outer .tb01 tr.tr_head th{font-weight: bold;font-size: 1.2em;padding: 10px;}#outer .tb01 th{padding: 10px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;}#outer .tb01 td{padding: 10px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;font-size: 1.2em;line-height: 1.2;font-weight: bold;/*	background-color: #FFFFFF;*/}#outer .tb01 td a{color: #336E95;display: block;width: 100%;height: 100%;}#outer .tb01 tr.tr_2{background-color: #fef1ef;}/*関連記事のところ*/#outer .column{width: 100%;margin-bottom: 45px;}#outer .column h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}#outer .column h3::before{content: "┃"}#outer .contents_02{display: flex;flex-wrap: wrap;/*	justify-content: space-between;*/margin: 0 auto;}#outer .contents_02 .item_{width: 32%;box-sizing: border-box;/*	border: solid 1px #cccccc;*/display: flex;flex-direction: column;}#outer .contents_02::after{content: "";display: block;width: 32%;height: 0;}#outer .contents_02 .item_ ul.btns_{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}#outer .contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}#outer .item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #33cccc;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;font-size: 1em;}#outer .column ul.tokusyu{display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;width: 100%;list-style: none;margin: 0 auto;}#outer .column ul.tokusyu li{width: 23%;margin-bottom: 10px;}#outer .column ul.tokusyu li img{width: 100%;height: auto;}#outer .column ul.tokusyu::before{content: "";display: block;width: 23%;order: 1;}#outer .column ul.tokusyu::after{content: "";display: block;width: 23%;}#outer .btn_gazou_:hover, #outer .tokusyu li:hover{opacity: 0.7;}#outer ._btn78{width: 90%;margin: auto;}#outer ._btn78 a{display: block;font-size: 1em;font-weight: bold;color: #ffffff !important;background-color: #33cccc;text-decoration: none;text-align: center;box-sizing: border-box;padding: 5px 0;border-radius: 1.5em;position: relative;margin: 5px;border-bottom: solid 3px #009999;margin-top: 30px;}#outer .tb01 tr.tr_head .haba{width: 9%;}#outer .tb01 tr.tr_head .haba2{width: 17%;}/*ページジャンプ*/#outer .jump{width: 100%;background-color: #d8f6f6;color: black;/* この部分は親要素の文字色 */margin-bottom: 60px;margin-top: 15px;box-sizing: border-box;top: 0;z-index: 2;padding-bottom: 0;position: sticky;padding-top: 0;max-width: 100%;}#outer .jump ul._genre_menu{width: 100%;display: flex;flex-flow: row;justify-content: center;margin: 0;box-sizing: border-box;list-style: none;padding: 0;border-top: solid 2px #333333;border-right: solid 2px #333333;}#outer .jump ul._genre_menu li.global_item{width: 50%;position: relative;border-left: solid 2px #333333;border-bottom: solid 2px #333333;}#outer .jump ul._genre_menu li.global_item:last-child{border-right-style: none;margin-right: 0;}#outer .jump ul._genre_menu li.global_item a{font-size: 20px;display: block;padding: 20px 20px 20px 20px;font-weight: bold;text-decoration: none;box-sizing: border-box;text-align: center;color: #333333;background-color: #d8f6f6;}#outer .jump ul._genre_menu li.global_item a::after{content: "";display: block;position: absolute;left: 85%;top: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-style: solid;border-width: 15px 17.5px 0 17.5px;border-color: #000000 transparent transparent transparent;}/*ページジャンプおわり*/a.adjustment{padding-top: 60px;margin-top: -60px;display: block;}/*タブのところ*//*タブ切り替え全体のスタイル*/#outer .tabs{margin-top: 50px;padding-bottom: 20px;background-color: #fff;width: 100%;margin: 0 auto;}/*タブのスタイル*/#outer .tab_item{width: calc(100%/5);display: block;justify-content: center;align-items: center;margin: 0;/*height: 50px;*/border-left: solid 2px #ffffff;box-sizing: border-box;background-color: #d8f6f6;line-height: 1.1em;font-size: 17px;text-align: center;float: left;font-weight: bold;transition: all 0.2s ease;padding: 1.5em;}#outer .tab_item:first-of-type{border-left-style: none;}#outer .tab_item:hover{opacity: 0.7;}/*ラジオボタンを全て消す*/input[name="tab_item"]{display: none;}/*タブ切り替えの中身のスタイル*/#outer .tab_content{display: none;padding: 30px 0 0;clear: both;overflow: hidden;font-size: 14px;}/*選択されているタブのコンテンツのみを表示*/#tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content, #tab4:checked ~ #tab4_content, #tab5:checked ~ #tab5_content{display: block;}/*選択されているタブのスタイルを変える*/#outer .tabs input:checked + .tab_item{background-color: #009999;color: #fff;}/*色んな封筒紹介*/#outer .envelope-category{max-width: 1200px;margin: 0 auto;text-align: center;margin-bottom: 2em;}#outer .category-title{font-size: 1.6em;font-weight: bold;border-top: 4px solid #dcdcdc;border-bottom: 4px solid #dcdcdc;padding: 10px 0;margin-bottom: 40px;}#outer .category-grid{display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;}#outer .category-card{width: 23%;background: #fff;border: 1px solid #eee;border-radius: 8px;padding: 20px;box-sizing: border-box;transition: box-shadow 0.3s;}#outer .category-card:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}#outer .category-card img{width: 100%;height: auto;margin-bottom: 12px;}#outer .category-label{font-size: 1.1em;margin-bottom: 12px;font-weight: bold;line-height: 1.4;}#outer .category-btn{background-color: #009999;color: white !important;font-weight: bold;text-decoration: none;padding: 6px;border-radius: 999px;width: 90%;}#outer .category-btn:hover{opacity: 0.9;}#outer .chosei{font-size: 1.1em;padding: 5px 10px;text-align: left;}/*画像と文字横並びブロック*/#outer .contents_b{width: 90%;margin: 0 auto 45px;display: grid;grid-template-columns: 1fr 1fr;column-gap: 10px;gap: 5px;}#outer .contents_b .item{border: solid 1px #cccccc;padding: 5px;display: grid;grid-template-columns: 0.7fr 1fr;border-radius: 8px;transition: box-shadow 0.3s;}#outer .contents_b .item:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}#outer .contents_b .item .item_img{width: 100%;}#outer .contents_b .item .item_img img{width: 100%;}#outer .contents_b .item .item_txt{padding: 0 15px 0 0;}#outer .contents_b .item .item_txt h4{font-size: 1.45em;font-weight: bold;text-align: center;background-color: white;}#outer .contents_b .item .item_txt p{font-size: 1.5em;line-height: 1.5;}/*スマホの設定*/

/* datesize PC */
#outer .datesize{
    justify-items: right;
    font-size: 1em;
    margin: 1em;
    color: gray;
    text-align: right;
}

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

    /* datesize SP */
    #outer .datesize{
        justify-items: right;
        font-size: 0.6em;
        margin: 1em;
        color: gray;
        text-align: right;
    }

#outer{width: 100%;}/*タブのところ*//*タブ切り替え全体のスタイル*/#outer .tabs{margin-top: 50px;padding-bottom: 0px;background-color: #fff;width: 100%;margin: 0 auto;}/*タブのスタイル*//* タブの共通スタイル */#outer .tab_item,#outer .tab_item2,#outer .tab_item3{width: calc(100%/3);/* デフォルトは3分割 */display: block;justify-content: center;align-items: center;margin: 0;border-left: solid 1px #ffffff;box-sizing: border-box;background-color: #95daf6;line-height: 1.1em;text-align: center;float: left;font-weight: bold;transition: all 0.2s ease;padding: 1.5em;color: #ffffff;}/* tab_item固有のスタイル */#outer .tab_item{font-size: 16px;}/* tab_item2固有のスタイル */#outer .tab_item2{font-size: 18px;width: calc(100%/5);/* 5分割 */}/* tab_item3固有のスタイル */#outer .tab_item3{font-size: 22px;width: calc(100%/2);/* 2分割 */}/* 最初のタブの左境界線を削除 */#outer .tab_item:first-of-type,#outer .tab_item2:first-of-type,#outer .tab_item3:first-of-type{border-left-style: none;}/* ホバー時のスタイル */#outer .tab_item:hover,#outer .tab_item2:hover,#outer .tab_item3:hover{opacity: 0.7;}/*ラジオボタンを全て消す*/input[name="tab_item"],input[name="tab_item2"],input[name="tab_item3"]{display: none;}/*タブ切り替えの中身のスタイル*/#outer .tab_content{display: none;padding: 0 0 0;clear: both;overflow: hidden;font-size: 14px;}/*選択されているタブのスタイルを変える*/#outer .tabs input:checked + .tab_item,#outer .tabs input:checked + .tab_item2,#outer .tabs input:checked + .tab_item3{background-color: #68ccf4;color: #fff;}/* 選択されているタブのコンテンツのみを表示 */#tab1:checked ~ #tab1_content,#tab2:checked ~ #tab2_content,#tab3:checked ~ #tab3_content,#tab4:checked ~ #tab4_content,#tab5:checked ~ #tab5_content,#tab6:checked ~ #tab6_content,#tab7:checked ~ #tab7_content,#tab8:checked ~ #tab8_content,#tab9:checked ~ #tab9_content,#tab10:checked ~ #tab10_content{display: block;}/*タブのスタイル*/#outer .tab_item{font-size: 0.5em;line-height: 1.3;padding: 0.4em;}/*タブ切り替えの中身のスタイル*/#outer .tab_content{padding: 10px 0 0;}/* 洗剤タブ専用のスタイル */#outer .tab_content[data-tab="detergent"] .tb02 th.norm{width: 80px !important;/* 必要に応じて幅を調整 */}/* サイズ列の幅を固定 */#outer .tab_content[data-tab="detergent"] .tb02 th:nth-child(2){width: 40px !important;/* 必要に応じて幅を調整 */}#outer .tab_content[data-tab="detergent"] .image-cell img{height: 50px !important;/* 画像の高さを指定 */width: auto !important;/* アスペクト比を維持 */display: block;margin: auto;/* 中央揃え */}#outer .tab_content{font-size: 9px;margin-bottom: 3px;}/*見出し*/#outer .top_parts{flex-direction: column-reverse;}#outer .top_parts .top_txt{width: 100%;padding: 15px;}#outer .top_parts .top_txt h1{font-size: 1.2em;padding: 5px 5px 0 5px;}#outer .top_parts .top_txt p{font-size: 1em;padding: 5px;}#outer .top_parts .top_img{width: 100%;}#outer .top_parts .top_img img{width: 100%;}/*h2*/h2.uline_b{font-size: 2.2em;margin: 25px 5px 15px;margin-top: 0;padding-bottom: 5px;line-height: 1.2;}/*h2*/#outer h2.uline_c{font-size: 1.3em;margin: 25px 5px 15px;margin-top: 0;padding-bottom: 5px;line-height: 1.2;}/*h3*/#outer h3.contents_h3{font-size: 2.0em;font-weight: bold;margin-top: 35px;margin-bottom: 20px;padding-left: 5px;}#outer h3.contents_h3::before{content: "┃"}/*商品一覧はこちらのボタン*/#outer .contents_4 .item ul.btns{padding: 0;margin-bottom: 5px;}#outer .item .btn_gazou a{padding: 5px;font-size: 0.8em;}#outer .item .btn_gazou a::after{content: inherit;}/*商品ボックス最安　基本設定*/#outer .content_price .low_price{display: flex;justify-content: space-between;flex-wrap: nowrap;margin: 0 0 40px 0;}#outer .content_price .low_price .low_price_item01, #outer .content_price .low_price_item02{width: 49.5%;padding: 2rem;box-sizing: border-box;display: flex;border: 1px solid #C8C8C8;}#outer .content_price .low_price{display: flex;justify-content: space-between;flex-wrap: nowrap;margin: 0 0 40px 0;}#outer .content_price .low_price_item01{border: 3px solid red !important;background-color: #FFFCE6;}/*商品ボックス最安　画像設定*/#outer .content_price .item_img, #outer .content_price .item_img01, #outer .content_price .item_img01_21cm, #outer .content_price .item_img01_24cm{width: 60%;text-align: center;margin: auto;}#outer .content_price .item_img img{width: 80%;}#outer .content_price .item_img01 img, #outer .content_price .item_img01_21cm img, #outer .content_price .item_img01_24cm img{width: 100%;}#outer .content_price .item_img01_21cm::before, #outer .content_price .item_img01_24cm::before{position: absolute;content: "";display: inline-block;width: 5em;height: 5em;background: url("/img/freepage/disposable_chopsticks/21cm_icon.png") no-repeat;background-size: contain;margin-left: -1em;margin-top: -1em;}#outer .content_price .item_img01_24cm::before{background: url("/img/freepage/disposable_chopsticks/24cm_icon.png") no-repeat;}#outer .new_icon{width: 90%;position: relative;margin-left: -17em;top: -7em;}#outer .new_icon img{position: absolute;}/*商品ボックス最安　基本中身設定＿商品名*/#outer .content_price h4.item_title, #outer .content_price h4.item_title01{font-size: 1em;font-weight: bold;text-align: center;margin: 10px 0px;height: 40px;}#outer .content_price h4.item_title01{font-size: 1.1em;margin: 0px;}#outer .content_price h4.item_title0101{font-size: 1.5em;margin: 0px;font-weight: bold;padding-bottom: 30px;}/*商品ボックス最安　基本中身設定＿価格*/#outer .content_price .price .base_price01, #outer .content_price .price .base_price02{font-size: 4.5em;font-weight: bolder;color: red;text-align: center;font-family: 'Century Gothic', sans-serif;}#outer .content_price .price p.base_price01::before, #outer .content_price .price p.base_price02::before{content: "￥";font-size: 0.5em;}#outer .content_price .price p.base_price01::after, #outer .content_price .price p.base_price02::after{content: "（税込）";font-size: 0.3em;}#outer .content_price .price .base_price02{font-size: 3em;}#outer .content_price .price .unit_price{font-size: 1em;text-align: center;margin-bottom: 10px;}#outer .content_price .price .unit_price .marker{background: linear-gradient(transparent 70% , yellow 70%);font-weight: bold;}#outer .content_price .low_price_item02{width: 49.5%;padding: 2rem;box-sizing: border-box;border: 1px solid #C8C8C8;display: flex;}#outer .content_price .low_price_item03{width: 49.5%;padding: 2rem;box-sizing: border-box;border: 1px solid #C8C8C8;display: flex;}/*文章とおすすめ商品*/#outer .content_block{display: block;margin-bottom: 35px;}#outer .content_block ._box{width: 100%;padding: 10px 15px;margin-bottom: 15px;}#outer .content_block ._box ._title{margin-bottom: 15px;text-align: center;}#outer .content_block ._box ._title h3._type{font-size: 1.3em;padding: 5px;}#outer .content_block ._box h4{font-size: 1.3em;margin-bottom: 10px;}#outer .content_block ._box ._btn a{font-size: 12px;padding: 7px 0;}/*タブ②*//*h2*/#outer h2.title_h2{padding: 0.5rem 1rem;margin-top: 20px;margin-bottom: 10px;font-size: 1.5em;}#outer h4.title_h2{padding: 0 5px;margin-top: 20px;margin-bottom: 10px;font-size: 1.2em;}/*左画像・右文章*/#outer .contents{width: 100%;display: block;margin: 0 auto;}#outer .contents .item{margin:10px;display: block;}#outer .contents .item .item_img{margin-bottom: 5px;}#outer .contents .item .item_txt p{line-height: 1.5;font-size: 1em;}/*画像の下に文章*/#outer .contents_01{display: block;margin: 0 auto 45px;}#outer .contents_01 .item_01{width: 100%;}#outer .contents_01 .item_01 .item_txt h3.item_h3_02{padding: 5px;margin-bottom: 5px;}#outer .contents_01 .item_01 .item_txt p{font-size: 1em;padding: 5px;margin-bottom: 5px;}/*画像の下に文章リンクボタン*/#outer .item_01 ul.btns{margin-top: auto;margin-bottom: 25px;padding: 0 10px;}#outer .item_01 ul.btns li.btn_gazou a{padding: 5px;font-size: 1em;}/*2カラムの表*/#outer table.tb01{width: 100%;margin: 0 auto;}#outer .tb01 tr.tr_head th{font-size: 0.8em;padding: 8px;}#outer .tb01 tr.tr_head .norm{width: 25%;}#outer .tb01 tr.tr_head .haba{width: 55%;}#outer .tb01 th{padding: 10px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;}#outer .tb01 td{padding: 8px;font-size: 0.8em;}/*商品ボックス最安　基本中身設定＿商品名*/#outer .content_price h4.item_title, #outer .content_price h4.item_title01{font-size: 1em;font-weight: bold;text-align: center;margin: 10px 0px;height: 40px;}#outer .content_price h4.item_title01{font-size: 1.1em;margin: 0px;}#outer .content_price h4.item_title0101{font-size: 1.2em;margin: 0px;font-weight: bold;padding-bottom: 10px;}/*関連記事*/#outer .column{width: 100%;}#outer .column h3{padding: 5px;font-size: 1.3em;margin: 0;}#outer .column h3::before{content: "┃"}#outer .contents_02{padding: 0 10px;}#outer .contents_02 .item_{width: 100%;margin: 5px auto;padding: 0;}#outer .contents_02::after{content: none;}#outer .contents_02 .item_ ul.btns_{font-size: 0.8em;width: 100%;margin-bottom: 0;padding: 0;}#outer .contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}#outer .item_ .btn_gazou_ a{padding: 10px 0;border-radius: 100vh;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;}#outer .column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}#outer .column ul.tokusyu li{width: 49%;}#outer .chosei{font-size: 1.18em;padding: 0 10px;margin-bottom: 15px;}#outer .chosei2{font-size: 1.6em;padding: 5px;}/* スマホ用ページジャンプCSS */#outer .jump{width: 100%;background-color:transparent;color: black;margin: 0 auto 20px;box-sizing: border-box;position: static;top: 0;z-index: 2;padding: 5px 0;/* 上下余白を調整 */}/* リンクの文字サイズと調整 */#outer .jump a{color: white;text-decoration: none;font-size: 1.7em;/* スマホ向けに文字サイズを少し小さく */}/* ジャンプメニューを横並びに */#outer .jump ul._genre_menu{width: 100%;display: flex;flex-wrap: wrap;/* 必要に応じて折り返す */justify-content: space-around;/* 均等に配置 */margin: 0;box-sizing: border-box;list-style: none;padding: 0;border: none;/* 不要な枠線を削除 */}#outer .jump ul._genre_menu li.global_item{flex: 1 0 45%;/* ボタン幅を50%以下に調整 */margin: 5px;/* ボタン間に余白を追加 */text-align: center;border: none;/* 枠線を削除 */}#outer .jump ul._genre_menu li.global_item a{display: block;padding: 10px;/* 余白を調整 */font-size: 1em;/* テキストサイズ調整 */border: none;border-radius: 5px;/* ボタンの角を少し丸める */background-color: #009999;/* 背景色を調整 */color: white;}/* 矢印マークのサイズと位置調整 */#outer .jump ul._genre_menu li.global_item a::after{content: "";display: block;position: absolute;left: 50%;top: 100%;transform: translate(-50%, 0);width: 0;height: 0;border-style: solid;border-width: 8px 10px 0 10px;/* 矢印のサイズを調整 */border-color: #0b3040 transparent transparent transparent;/* 矢印色を白に */}/*メニュー 基本設定*/ul.menu{padding: 0 10px;margin-bottom: 25px;justify-content: space-between;}ul.menu li{width: 49%;margin-bottom: 5px;margin-right: 0;}ul.menu li a{font-size: 0.85em;padding: 5px 10px;position: relative;}a.adjustment{padding-top: 90px;margin-top: -90px;display: block;}#outer .chosei{font-size: 1.7em;padding: 5px 10px;text-align: left;font-weight: bold;}/*画像と文字横並びブロック*/#outer .contents_b{margin: 0 auto 30px;display: block;}#outer .contents_b .item{border: solid 1px #cccccc;padding: 5px;margin-bottom: 7px;}#outer .contents_b .item .item_txt h4{font-size: 1.7em;}#outer .contents_b .item .item_txt p{font-size: 1em;margin-top: 1em;}/*価格*/#outer .item_price{display: flex;align-items: center;gap: 5px;font-size: 3em;font-weight: bolder;color: red;text-align: center;justify-content: center;}#outer .item_price::after{content: "（税込）";font-size: 0.7em;display: inline-block;vertical-align: baseline;margin-left: -10px;position: relative;top: 0.4em;}#outer .unit_price{display: flex;align-items: center;gap: 5px;font-size: 1.5em;font-weight: bolder;text-align: center;justify-content: center;margin-top: 10px;background: linear-gradient(transparent 65%, yellow 30%);}#outer .unit_price::after{content: "（税込）";font-size: 1em;display: inline-block;vertical-align: baseline;margin-left: 4px;}#outer .item_price span{vertical-align: bottom;line-height: 1;}#outer ._btn78{width: 90%;margin: auto;}#outer ._btn78 a{display: block;font-size: 1.3em;font-weight: bold;color: #ffffff !important;background-color: #33cccc;text-decoration: none;text-align: center;box-sizing: border-box;padding: 5px 0;border-radius: 1.5em;position: relative;margin: 10px 0 5px 0;}/* 画像と説明を横並びにする */#outer .container{display: flex;align-items: center;gap: 20px;/* 画像と説明の間隔 */}#outer .new_icon3{width: 35%;position: relative;margin-left: -2em;top: 0em;}#outer .new_icon33{width: 35%;position: relative;margin-left: -2em;top: 0em;}#outer .new_icon3 img{}#outer .new_icon5{position: relative;}#outer .new_icon5 img{}#outer .new_icon3 p{font-size: 14px;}#outer .custom-list{display: flex;list-style-type: none;/* padding: 0;*/flex-wrap: wrap;justify-content: space-around;margin: 30px 0;}#outer .custom-list li{width: 90%;/* 1行あたり3つ */box-sizing: border-box;/* パディングやボーダーを含める */text-align: center;/* テキスト中央寄せ */padding: 15px;/* アイテムの余白 */}#outer .chosei4{font-size: 1.2em;padding: 0;}#outer .chosei1{font-size: 1.8em;padding: 0;/* background-color: #bc1823;*/margin-bottom: 15px;}/*タブのスタイル*/#outer .tab_item2{font-size: 1em;}#outer .category-card{width: 47%;}#outer .item .btn_gazou3 a{font-size: 0.8em;}/*カテゴリボタン設定*/#outer .category_btn{width: 100%;font-size: 1.5em;margin: 15px auto 60px;}#outer .category_btn a{color: #FFFFFF !important;border-bottom: solid 3px #009999;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 10px;font-weight: bold;border-radius: 100vh;background-color: #33cccc;}#outer .category_btn2{width: 100%;font-size: 1.9em;margin-top: 10px;}#outer .category_btn2 a{color: #FFFFFF !important;border-bottom: solid 3px #FBF6E9;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 1px;font-weight: bold;border-radius: 100vh;background-color: #009999;}#outer .chosei3{font-size: 1.1em;padding: 5px 10px;text-align: left;}#outer .category-btn{background-color: #009999;font-size: 0.9em;color: white !important;font-weight: bold;text-decoration: none;padding: 6px;border-radius: 999px;width: 90%;}#outer .category-btn:hover{opacity: 0.9;}/*h4*/#outer h4.contents_h4{font-size: 1.8em;font-weight: bold;color: #333333;border-bottom: solid 5px #009999;margin-top: 45px;margin-bottom: 15px;position: relative;display: inline-block;padding: 0.5rem 1.5rem;/* サイドの余白を1.5remに増加、縦の余白は0.5remに */padding-left: 1rem;/* 左側の余白を5pxに調整 */border: 4px solid #009999;border-radius: 10px;background: #f9f9f9;}/*タブのスタイル*/#outer .tab_item{width: calc(100%/2);display: block;justify-content: center;align-items: center;margin: 0;/*height: 50px;*/border-left: solid 2px #ffffff;border-right: solid 4px #ffffff;border-top: solid 5px #ffffff;box-sizing: border-box;background-color: #d8f6f6;line-height: 1.1em;font-size: 12px;text-align: center;float: left;font-weight: bold;transition: all 0.2s ease;padding: 0.6em;}#outer .tab_item:first-of-type{border-left-style: none;}#outer .tab_item:hover{opacity: 0.7;}}