@charset "utf-8";/* CSS Document *//*画面固定*/.menu {position: sticky;top: 0px;/* navitopicpath_ の高さ分だけ下に配置 */background-color: #ffffff;z-index: 999;/* navitopicpath_ より下に表示 */padding: 10px 0;scroll-behavior: smooth;}/*大枠のcss*/#outer{width: 1260px;margin: 0 auto;background-color: #fdfaf3;text-align: center;}#outer2{background-color: #fcf7cc;}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #d35900;margin-bottom: 50px;}#outer .top_parts .top_txt{width: 74%;color: #FFFFFF;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;padding: 0 25px 5px 25px;}#outer .top_parts .top_txt h1{font-size: 2.3em;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%;}/*レコメンドのところ*/#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);}/*メニュー 基本設定*/ul.menu{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;background-color: #fdfaf3;margin-bottom: 2.5em;}ul.menu li{box-sizing: border-box;border-radius: 0.5em;margin-bottom: 10px;}ul.menu li{width: 24.6%;}ul.menu li a{font-weight: bold;text-decoration: none;display: block;padding: 10px;position: relative;}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;}/*メニュー　各カテゴリ設定*/ul.menu li{background-color: #ddd3cd;}ul.menu li a{color: #4e3b2a;font-size: 15px;}ul.menu li a:before{border-top: 7px solid #591805;}/*カテゴリボタン設定*//* category_btn と category_btn2 両方に適用 */#outer .category_btn,#outer .category_btn2,#outer .category_btn3 {width: 80%;font-size: 1.3em;margin: 15px auto 50px;}#outer .category_btn a,#outer .category_btn2 a,#outer .category_btn3 a {color: #FFFFFF !important;border-bottom: solid 3px #ddd3cd;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: #591805;}#outer .category_btn a:hover,#outer .category_btn2 a:hover,#outer .category_btn3 a:hover {opacity: 0.7;}/* category_btn2 のみ設定 */#outer .category_btn2 {width: 60%;font-size: 20px;margin: 15px auto 50px;}#outer .category_btn2 a {color: #000000 !important;background-color: #fcf7cc;box-shadow: 6px 6px 3px rgba(210, 152, 8, 0.8);/* 影をオレンジ色に変更 */}/* category_btn3 のみ設定 */#outer .category_btn3 {width: 80%;font-size: 20px;margin: 15px auto 50px;}#outer .category_btn3 a {color: #000000 !important;background-color: #fcf7cc;box-shadow: 6px 6px 3px rgba(210, 152, 8, 0.8);/* 影をオレンジ色に変更 */}.chosei4 {font-size: 1.2em;padding: 3px;font-weight: bold;text-align: center;background-color: #ddd3cd;color: #4e3b2a;border-radius: 4px;}.chosei2 {font-size: 0.95rem;/* margin-bottom: 10px;*/padding: 3px;font-weight: bold;text-align: center;color: #4e3b2a;margin: 1em 0;}.chosei {font-size: 0.95rem;/* margin-bottom: 10px;*/padding: 10px;font-weight: bold;text-align: center;color: #4e3b2a;}/*価格*/.item_price {display: flex;align-items: center;gap: 5px;font-size: 2.8em;font-weight: bolder;color: red;text-align: center;justify-content: center;margin-top: 10px;}.item_price::after {content: "（税込）";font-size: 0.5em;display: inline-block;vertical-align: baseline;margin-left: -10px;position: relative;top: 0.4em;}.unit_price {display: flex;align-items: center;gap: 5px;font-size: 1em;font-weight: bolder;text-align: center;justify-content: center;margin-top: 10px;background: linear-gradient(transparent 65%, yellow 30%);}.unit_price::after {content: "（税込）";font-size: 1em;display: inline-block;vertical-align: baseline;margin-left: 4px;}.item_price span {vertical-align: bottom;line-height: 1;}.new_icon6 {width: 100%;position: relative;margin-left: 0;margin-top: 15px;border-top: solid 1px #dcd4d1;}.new_icon6 img {position: static;vertical-align: bottom;}.custom-list {display: flex;flex-wrap: wrap;/* アイテムを折り返す */list-style-type: none;/* デフォルトの箇条書きスタイルを削除 */padding: 0;/* 不要な余白を削除 */margin: 0 1em;justify-content: center;gap: 0.2em;background-color: #fdfaf3;}.custom-list2 {display: flex;flex-wrap: wrap;list-style-type: none;padding: 0;margin: 1em 1em 30px 1em;justify-content: center;gap: 0.2em;background-color: #fcf7cc;}.custom-list {display: flex;flex-wrap: wrap;gap: 20px;list-style: none;padding: 0;background-color: #fcf7cc;margin-top: 30px;}.custom-list li {width: 30%;box-sizing: border-box;text-align: left;background-color: #ffffff;padding: 20px 24px;border-radius: 12px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);transition: transform 0.2s ease, box-shadow 0.2s ease;position: relative;z-index: 1;display: flex;flex-direction: column;gap: 1em;}.custom-list li:hover {transform: translateY(-6px);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);z-index: 2;}.custom-list li img {width: 100%;border-radius: 6px;box-shadow: 0 2px 6px rgba(0,0,0,0.05);}.custom-list li h3 {font-size: 1.1rem;font-weight: bold;color: #4e3b2a;margin: 0;}.custom-list li p {font-size: 0.95rem;line-height: 1.6;color: #4e3b2a;margin: 0;}.custom-list li .button {display: inline-block;background-color: #6b4f36;color: #fff;padding: 10px 20px;border-radius: 999px;font-weight: bold;text-align: center;text-decoration: none;transition: background-color 0.2s ease;}.custom-list li .button:hover {background-color: #4e3b2a;}.custom-list2 li {width: 22%;box-sizing: border-box;text-align: center;background-color: #ffffff;padding: 16px;margin: 5px 10px;border-radius: 12px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);transition: transform 0.2s ease, box-shadow 0.2s ease;border: none;}.custom-list2 li:hover {transform: translateY(-6px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);}.packing-list {display: flex;flex-wrap: wrap;justify-content: space-around;gap: 0.5em;display: none;}.packing-item {border: none;padding: 16px 0;width: 45%;box-sizing: border-box;display: flex;align-items: center;background: #fff;height: auto;color: #4e3b2a;border-radius: 12px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);transition: transform 0.2s ease, box-shadow 0.2s ease;position: relative;z-index: 1;}.packing-item:hover {transform: translateY(-6px);box-shadow: 0 10px 18px rgba(0, 0, 0, 0.15);z-index: 2;}.packing-item img {max-width: 80px;height: auto;}.packing-item span {font-weight: bold;font-size: 1.5em;colot: Black;}/* category_btn2 のみ点滅アニメーション */@keyframes blink {0% {opacity: 1;}50% {opacity: 0.1;}100% {opacity: 1;}}#outer .category_btn2 a,#outer .category_btn3 a {animation: blink 1s ease 0s 3;/* 1秒で3回の点滅 */color: #4e3b2a;}.category_btn2,.category_btn3 {opacity: 1;/* 初期状態で表示 */}.category_btn2.blink.category_btn3.blink {animation: blink 1s infinite;/* 点滅アニメーションを適用 */}/*タブのところ*//*タブ切り替え全体のスタイル*/#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);display: block;justify-content: center;align-items: center;margin: 0;border-left: solid 1px #d35900;box-sizing: border-box;background-color: #faf9ec;line-height: 1.1em;text-align: center;float: left;font-weight: bold;transition: all 0.2s ease;padding: 1.5em;color: #d35900;border: 1.5px solid #d35900;}/* tab_item固有のスタイル */#outer .tab_item {font-size: 1.2em;}/* tab_item2固有のスタイル */#outer .tab_item2 {font-size: 18px;width: calc(100%/5);/* 5分割 */}/* tab_item3固有のスタイル */#outer .tab_item3 {font-size: 1.2em;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;background-color: #fdfaf3;}/*選択されているタブのスタイルを変える*/#outer .tabs input:checked + .tab_item,#outer .tabs input:checked + .tab_item2,#outer .tabs input:checked + .tab_item3 {background-color: #fcf7cc;color: #d35900;font-size: 1.2em;line-height: 1em;}/* 選択されているタブのコンテンツのみを表示 */#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;}/*ページジャンプのcss*/#outer .jump{width: 100%;background-color: #fcf7cc;margin: 0 auto 50px;box-sizing: border-box;position: sticky;top: 0;z-index: 2;padding-bottom: 0;padding-top: 0;max-width: 100%;}.jump ul._genre_menu{width: 100%;display: flex;flex-flow: row;justify-content: center;margin: 0;box-sizing: border-box;/*	border: solid 2px #FF9949;*/list-style: none;padding: 0;}.jump ul._genre_menu li.global_item{width: 49%;border-right: solid 2px #F2F2F2;position: relative;}.jump ul._genre_menu li.global_item:last-child{border-right-style: none;margin-right: 0;}.jump ul._genre_menu li.global_item a{display: block;padding: 15px;font-weight: bold;text-decoration: none;box-sizing: border-box;text-align: center;color: #F2F2F2;font-size: 2.0em;}.jump ul._genre_menu li.global_item a::before{content: "";position: absolute;top: 62%;left: 20%;transform: translateY(-50%);border: 14px solid transparent;border-top: 20px solid #fff;}/* ジャンプ先の調整 */.adjustment {display: block;position: relative;top: -40px;/* ジャンプ位置を3cm上に調整 */visibility: hidden;/* 見た目に影響を与えない */}/*h2*/#outer h2.uline_b{font-size: 2em;font-weight: bold;/*	text-align: center;*/margin-top: 15px;margin-bottom: 15px;border-bottom: solid 3px #d35900;padding: 3px;margin: 0;display: block;text-align: center;background-color: #fdfaf3;color: #4e3b2a;}/*h3*/#outer .contents_h3 {font-size: 1.7em;font-weight: bold;/*	text-align: center;*/margin-top: 60px;padding: 3px;display: block;text-align: center;color: #591805;margin-bottom: 0.5em;}/*ペーパーナプキン*//*商品ボックス最安　基本設定*/.content_price .low_price{display: flex;justify-content: space-between;flex-wrap: nowrap;margin: 0 0 40px 0;}.content_price .low_price .low_price_item01,.content_price .low_price_item02{width: 33%;padding: 15px 0 15px 15px;box-sizing: border-box;display: flex;border-radius: 0.5em;border: 1px solid #C8C8C8;}.content_price .low_price .item_container{width: 60%;}.content_price .low_price_item02:empty{border: inherit;}.content_price .low_price_item01{border: 3px solid red !important;background-color: #FFFCE6;}/*商品ボックス最安　画像設定*/.content_price .item_img,.content_price .item_img01{width: 40%;text-align: center;margin: auto;}.content_price .item_img img{width: 100%;}.content_price .item_img01 img{width: 100%;}.new_icon {width: 80%;position: relative;margin-left: -5em;top: -6em;}.new_icon img{position: absolute;}/*商品ボックス最安　基本中身設定＿商品名*/.content_price h4.item_title,.content_price h4.item_title01{font-size: 1.1em;font-weight: bold;text-align: center;margin: 10px 10px 0;height: 60px;}.content_price h4.item_title01{font-size: 1.1em;margin: 0px;}/*商品ボックス最安　基本中身設定＿価格*/.content_price .price .base_price01{font-size: 3.8em;font-weight: bolder;color: red;text-align: center;font-family: 'Century Gothic', sans-serif;}.content_price .price p.base_price01::before{content: "￥";font-size: 0.5em;}.content_price .price p.base_price01::after{content: "（税込）";font-size: 0.3em;}.content_price .price .unit_price{font-size: 1.3em;text-align: center;margin-bottom: 10px;}.content_price .price .unit_price .marker{background: linear-gradient(transparent 70% , yellow 70%);font-weight: bold;}/*クリスタルパックの種類について*/.type h2{margin-bottom: 20px;}.type p{margin-bottom: 10px;}.type_sec{width: 1260px;margin: auto;box-sizing: border-box;padding: 10px;display: flex;/*flex-boxという要素を横並べをする為の指定*/justify-content: space-between;/*中の要素をいいかんじに両端揃えにする*/flex-wrap: wrap;/*要素がはみ出す大きさなら改行する*//* 枠線の色と太さ */border-radius: 0px;/* 角を丸くする場合 */margin-bottom: 10px;/* 各枠の間隔 */background: linear-gradient(to bottom, #fefde9 0%, #eaf8c9 50%, #c4ee96 100%);}.sec_text{width: 60%;/*幅　100 - ._imgサイズ分の% - 1 でいいかんじに隙間が空く*/padding: 10px;box-sizing: border-box;margin:auto;}.sec_text h4{font-size: 20px;font-weight: bold;margin-bottom: 5px;display: inline;/* 文字幅だけに背景を適用 */background: linear-gradient(transparent 70%, #ddd3cd 70%);padding: 0;/* 余計な余白を削除 */line-height: 1.8;/* 行の高さを適切に調整 */}.sec_text a{color: #005797!important;}/*div class="_txt"の中にあるpの装飾*/.sec_text p{line-height: 1.5;/*行間の調整　でかければでかい程空く*/margin:auto;}.sec_text2{width: 100%;/*幅　100 - ._imgサイズ分の% - 1 でいいかんじに隙間が空く*/padding: 10px;box-sizing: border-box;margin:auto;color: #4e3b2a;font-size: 1.2em;}.sec_text2 h4{font-size: 20px;font-weight: bold;margin-bottom: 5px;display: inline;/* 文字幅だけに背景を適用 */padding: 0;/* 余計な余白を削除 */line-height: 1.8;/* 行の高さを適切に調整 */}.sec_text2 a{color: #005797!important;}/*div class="_txt"の中にあるpの装飾*/.sec_text2 p{line-height: 1.5;/*行間の調整　でかければでかい程空く*/margin:auto;}.sec_text3 {background-color: #ddd3cd;/* 背景を白に設定 */border: 3px solid #ddd3cd;/* 黒い枠線を追加 */color: #591805!important;font-size: 25px;font-family:'丸ゴシック';border-radius: 70px;padding: 20px;/* 内側の余白を調整 */text-align: center!important;/* テキストを中央揃えに */width: 80%;/* 任意の幅を設定 */height: auto;/* 幅と高さを揃えると正円に */margin: 20px auto;/* 要素を中央に配置 */box-shadow: 0 4px 6px rgba(89, 24, 5, 0.3);/* 茶色の影 */text-decoration: none;/* 下線を外す */display: inline-block;/* ボタンスタイル */}.sec_text3 h4 {margin-top: 0;/* 見出しの余白を調整 */}.sec_text3 p {margin: 10px 0 0;/* 段落の余白を調整 */}/* sec_text3 のみ点滅アニメーション */#outer .sec_text3 {animation: blink 1s ease 0s 3;/* 1秒で3回の点滅 */}.sec_text3 {opacity: 1;/* 初期状態で表示 */}.sec_text3.blink {animation: blink 1s infinite;/* 点滅アニメーションを適用 */}/* スペースボックス */.spacebox {width: 100%;height: 30px;background-color: #ffffff;margin: 0px;}.spacebox2 {width: 100%;height: 30px;background-color: #ffffff;/* 一時的に赤で確認 */margin: 1px 0;/* 上下に余白を設定 */}/*div class="one_img"の中にあるdiv class="_img"の装飾*//* 画像エリア */.sec_img {width: 33%;/* タブ1つ分の幅に調整 */max-width: 300px;/* 最大幅 */display: flex;justify-content: center;align-items: center;margin: 0 45px;/* 上下: 0, 左右: 30px */}.sec_img img {width: 100%;height: auto;border-radius: 10px;/* 角を少し丸く */box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}/* 上下段共通の画像ボックススタイル */.sec_img_gallery {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;gap: 20px;margin: 20px 0;}/* 個々の画像ボックス */.sec_img_box {width: 15%;/* 5つ横並びにする */text-align: center;box-sizing: border-box;background: #ffffff;border: 3px solid #faf9ec;border-radius: 70px;padding: 10px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);}/* 画像タイトル */.sec_img_box h4 {font-size: 15px;margin-bottom: -20px;font-weight: bold;color: #333;}/* 画像 */.sec_img_box img {width: 100%;height: auto;border-radius: 5px;margin-bottom: -20px;}/* 棒（区切り線） */.divider {width: 3px;/* 線の太さ */background-color: #fcf7cc;/* 線の色 */border-radius: 5px;/* 線を丸くしたい場合 */flex-shrink: 0;/* 線のサイズが縮小しないように指定 */margin: 0 16.5px;/* 上下: 0, 左右: 30px */}/*タブ*/.tab-wrap {display: flex;flex-wrap: wrap;margin: 20px 0;}.tab-wrap:after {content: '';width: 100%;height: 3px;background: #CBEDEE;display: block;order: -1;}.tab-label {color: #000;background: #F3F2F3;font-weight: bold;text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);white-space: nowrap;text-align: center;padding: 10px .5em;order: -1;position: relative;z-index: 1;cursor: pointer;border-radius: 5px 5px 0 0;flex: 1;}.tab-label:not(:last-of-type) {margin-right: 5px;}.tab-content {width: 100%;height: 0;overflow: hidden;opacity: 0;}/*選択されているタブのコンテンツのみを表示*/#crystal:checked ~ #crystal_content, #pure:checked ~ #pure_content, #business:checked ~ #business_content, #aluminum:checked ~ #aluminum_content {display: block;}/*選択されているタブのスタイルを変える*/#opp_allsize .tabs input:checked + .tab_item {background-color: #fcf7cc;color: #fff;}/*選択されているタブのスタイルを変える*/#opp_allsize .tabs input:checked + .tab_item {background-color: #fcf7cc;color: #fff;}/* アクティブなタブ */.tab-switch:checked + .tab-label {background: #CBEDEE;}.tab-switch:checked + .tab-label + .tab-content {height: auto;overflow: auto;padding: 15px;opacity: 1;transition: .5s opacity;box-shadow: 0 0 3px rgba(0, 0, 0, .2);}/* ラジオボタン非表示 */.tab-switch {display: none;}/*タブ内コンテンツ*/.bigsection{display: flex;justify-content: space-between;}.tab-content .section{width: calc(calc(100% - 5px)/2);box-sizing: border-box;display: flex;justify-content: space-between;align-content: flex-start;flex-wrap: wrap;padding: 10px;}.tab-content .section::after,.tab-content .section::before{content: "";display: block;width: 32%;/*.wrapper .three_imgのwidthと同じにする事！！！*/height: 0;}.tab-content .section::before{order: 1;}.tab-content .section h4.uline_b{width: 100%;font-size: 1.3em;font-weight: bold;margin-bottom: 10px;text-align: center;background-color: #CBEDEE;color: #000;}.tab-content .section .item{width: 32%;position: relative;display: flex;flex-direction: column;align-content: flex-start;font-weight: bold;margin-bottom: 20px;border: solid 1px #CCCCCC;padding: 0 0 1rem;height: 250px;background-color: #ffffff;}.tab-content .section .item a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;transition: .3s;}.tab-content .section .item .type{width: 80%;margin: 0 auto;text-align: center;background-color: #FEE7C5;}.tab-content .section .item img{width: 100%;}.tab-content .section .item p{padding: 5px 5px 0;font-weight: bold;text-align: center;}.tab-content .section .item p.item_comment{padding: 0 5px;font-weight: bold;text-align: left;font-size: 0.9em;}/*各項目*/h2.label {font-size: 1.5em;font-weight: bold;margin: 25px 0px 20px;padding-bottom: 5px;line-height: 1.2em;}p.label_txt {line-height: 1.5;font-weight: bold;font-size: 17px;padding: 5px;text-indent: 0;margin: 5px;}/*タブ内コンテンツ*/.bigsection{display: flex;justify-content: space-between;}.tab-content .section{width: calc(calc(100% - 5px)/2);box-sizing: border-box;display: flex;justify-content: space-between;align-content: flex-start;flex-wrap: wrap;padding: 10px;}.tab-content .section::after,.tab-content .section::before{content: "";display: block;width: 32%;/*.wrapper .three_imgのwidthと同じにする事！！！*/height: 0;}.tab-content .section::before{order: 1;}.tab-content .section h4.uline_b{width: 100%;font-size: 1.3em;font-weight: bold;margin-bottom: 10px;text-align: center;background-color: #CBEDEE;color: #000;}.tab-content .section .item{width: 32%;position: relative;display: flex;flex-direction: column;align-content: flex-start;font-weight: bold;margin-bottom: 20px;border: solid 1px #CCCCCC;padding: 0 0 1rem;height: 250px;background-color: #ffffff;}.tab-content .section .item a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;transition: .3s;}.tab-content .section .item .type{width: 80%;margin: 0 auto;text-align: center;background-color: #FEE7C5;}.tab-content .section .item img{width: 100%;}.tab-content .section .item p{padding: 5px 5px 0;font-weight: bold;text-align: center;}.tab-content .section .item p.item_comment{padding: 0 5px;font-weight: bold;text-align: left;font-size: 0.9em;}/*ボタン設定*/.content_price ._btn {width: 90%;margin: auto;}.content_price ._btn a{display: block;font-size: 1em;font-weight: bold;color: #ffffff;background-color: #FF6E31;text-decoration: none;text-align: center;box-sizing: border-box;padding: 5px 0;border-radius: 1.5em;position: relative;}.content_price ._btn a:before{content: "";width: 0;height: 0;position: absolute;top: 30%;left: 5%;border-top: 6px solid transparent;border-left: 7px solid #ffffff;border-right: 6px solid transparent;border-bottom: 6px solid transparent;}.content_price ._btn a:hover{opacity: 0.7;}/*4個並べ*/#outer .contents_4{margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}#outer .contents_4 .item{width: 20%;/*3個並びにしたいときは33％とかにする*/box-sizing: border-box;border: solid 1px #cccccc;margin-bottom: 20px;padding: 10px;display: flex;flex-direction: column;}#outer .contents_4::after,.contents_4::before{content: "";display: block;width: 24%;height: 0;}#outer .contents_4::before{order: 1;}#outer .contents_4 .item .item_img{width: 90%;margin: auto;}#outer .contents_4 .item .item_img img{width: 100%;}#outer .contents_4 .item .item_txt{padding: 0 10px;margin-bottom: 20px;font-size: 0.9em;}#outer .item .item_txt h4 {font-size: 1.2em;font-weight: bold;margin-bottom: 5px;}#outer .item ul.osusume li.osusume_item::before{content: "●";}#outer .item ul.osusume li.osusume_item:last-child::after{content: "　など";}#outer .contents_4 .item:empty{border:inherit;}/*4個並べ*/.contents_2{margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}.contents_2 .item_2{width: 15%;display: flex;flex-direction: column;box-sizing: border-box;border: solid 1px #90A6A7;margin-bottom: 45px;padding: 0 0 1rem;position: relative;font-weight: bold;}.contents_2::after,.contents_2::before{content: "";display: block;width: 24%;height: 0;}.contents_2::before{order: 1;}.contents_2 .item_2 a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;transition: .3s;}.contents_2 .item_2 img{width: 100%;}.contents_2 .item_2 p{padding: 10px 5px 0;text-align: center;}/*商品一覧はこちらのボタン*/#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: #d74c07;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;}#outer .item .btn_gazou a::after{content: url(https://shimojima.jp/img/freepage/food_delivery/ico_ya.png);line-height: 0;position: absolute;top: 50%;right: 5%;transform: translateY(-50%);}/*画像と文字横並びブロック*/#outer .contents_b{width: 100%;margin: 0 auto 45px;display: grid;grid-template-columns: 1fr 1fr;column-gap: 10px;}#outer .contents_b .item{padding: 16px;display: grid;grid-template-columns: 1fr 1fr;background-color: #fcf7cc;border-radius: 12px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);transition: transform 0.2s ease, box-shadow 0.2s ease;position: relative;z-index: 1;border: 1px solid #eee;}#outer .contents_b .item:hover {transform: translateY(-6px);box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);z-index: 2;}#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 5px;}#outer .contents_b .item .item_txt h4{font-size: 1.5em;font-weight: bold;color: #4e3b2a;margin-top: 1em;}#outer .contents_b .item .item_txt p{font-size: 1em;line-height: 1.5;}/*文章とおすすめ商品*/#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: 32%;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: #fcf7cc;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 #fcf7cc;}#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: #fcf7cc;}#outer .content_block ._box ._title ._type{position: relative;}/*左画像・右文章*/#outer .contents {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;}#outer .contents .item {margin: 0 auto 50px;display: grid;grid-template-columns: 1fr 2fr;column-gap: 20px;}#outer .contents .item .item_img {grid-row: 1;grid-column: 1;}#outer .contents .item .item_img img {width: 100%;}#outer .contents .item .item_txt {grid-row: 1;grid-column: 2;}#outer .contents .item .item_txt p {line-height: 1.5;font-size: 1.2em;}/*画像の下に文章リンクボタン*/#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: #fcf7cc;color: #ffffff!important;font-size: 1.2em;text-decoration: none;}/*タブ③*//*h2*/#outer h2.title_frame{font-size: 2em;font-weight: bold;margin: 0 0 25px 0;padding: 0 0 5px 5px;box-sizing: border-box;border-bottom: double 10px #fcf7cc;}/*h3*/#outer h3.marker_h3{width: 100%;font-size: 1.7em;font-weight: bold;margin: 15px auto;padding-left: 5px;background: linear-gradient(#fff 60%, #e3f3f4 0%);}/*関連記事のところ*/.column{width: 100%;margin-bottom: 45px;}.column h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;color: #4e3b2a;}.column h3::before{content: "┃"}.contents_02{display: flex;flex-wrap: wrap;/*	justify-content: space-between;*/margin: 0 auto;}.contents_02 .item_{width: 33.33%;box-sizing: border-box;/*	border: solid 1px #cccccc;*/display: flex;flex-direction: column;}.contents_02::after{content: "";display: block;width: 32%;height: 0;}.contents_02 .item_ ul.btns_{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: #591805;background-color: #ddd3cd;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;font-size: 1em;}.column ul.tokusyu{display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;width: 100%;list-style: none;margin: 0 auto;}.column ul.tokusyu li{width: 23%;margin-bottom: 10px;}.column ul.tokusyu li img{width: 100%;height: auto;}.column ul.tokusyu::before{content: "";display: block;width: 23%;order: 1;}.column ul.tokusyu::after{content: "";display: block;width: 23%;}.btn_gazou_:hover,.tokusyu li:hover{opacity: 0.7;}/* 表組 *//*画像こみの表*/#outer .table_withpicture{line-height: 0;margin-bottom: 0;}#outer table.tb02{border-collapse: collapse;width: 100%;table-layout: fixed;margin: 5px auto 35px;line-height: normal;background-color: white;font-size: 0.8em;}#outer .tb02 tr.tr_head{background: #591805;color: #FFFFFF}#outer .tb02 tr.tr_head th{font-weight: bold;font-size: 1.5em;padding: 10px;}#outer .tb02 th{padding: 10px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;font-size: 1.2em;font-weight: bold;}#outer .image-cell img {width: 200px;/* 画像サイズを調整 */height: auto;}#outer .tb02 td{padding: 10px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;font-size: 1.3em;line-height: 1.2;font-weight: bold;/*	background-color: #FFFFFF;*/}#outer .tb02 td a{color: #d74c07;display: block;width: 100%;height: 100%;}#outer .tb02 td.link:hover{background-color: #ffd803;}#outer .tb02 tr.tr_2{background-color: #FCFAEE;}/* サイズ列の幅を固定 */#outer .tb02 th:nth-child(2) {width: 250px;/* 必要に応じて幅を調整 */}#outer .image-cell img {height: 80px;/* 画像の高さを指定 */width: auto;/* アスペクト比を維持 */display: block;margin: auto;/* 中央揃え */}._btn78 a {display: block;font-size: 1em;font-weight: bold;color: #ffffff !important;background-color: #591805;text-decoration: none;text-align: center;box-sizing: border-box;padding: 5px 0;border-radius: 1.5em;position: relative;margin: 1em 0;}.section-ribbon {background: #d35900;color: white;display: inline-block;padding: 6px 20px;font-weight: bold;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);border-radius: 4px;width: 95%;height: 40px;margin: 40px 0 10px 0;font-size: 1.6em;align-items: center;}.ribbon-tab {background-color: #fcf7cc;color: white;padding: 6px 20px;display: inline-block;font-weight: bold;font-size: 1.1rem;transform: rotate(-3deg);box-shadow: 2px 2px 8px rgba(0,0,0,0.1);position: relative;}/* 対応規格の列の幅を固定 */#outer .tb02 th.norm {width: auto;/* 必要に応じて幅を調整 */}.img-wrap {position: relative;display: inline-block;}.img-wrap2 {position: relative;display: inline-block;border-radius: 12px;}.image-wrapper {position: relative;display: inline-block;}.overlay-label {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-5deg);background-color: rgba(200, 0, 0, 0.5);/* 薄めの赤 */color: white;padding: 6px 12px;font-weight: bold;font-size: 14px;white-space: nowrap;border-radius: 4px;pointer-events: none;z-index: 2;line-height: 1.2;}.img-wrap img {display: block;width: 100%;height: auto;opacity: 0.5;}.coming-soon-card {position: relative;}.card-wrapper {position: relative;background: white;border-radius: 8px;overflow: hidden;}.overlay-full {position: absolute;inset: 0;background-color: rgba(255, 255, 255, 0.85);/* 背景を白っぽく */z-index: 10;display: flex;align-items: center;justify-content: center;pointer-events: none;}.overlay-full2 {position: absolute;inset: 0;background-color: rgba(255, 255, 255, 0.85);/* 背景を白っぽく */z-index: 10;display: flex;align-items: center;justify-content: center;pointer-events: none;border-radius: 12px;}.coming-soon-text {color: rgba(200, 0, 0, 1);font-weight: bold;font-size: 24px;transform: rotate(-8deg);/* 傾ける */}/*スマホの設定*/@media screen and (max-width: 768px) {#outer{width: 100%;position: sticky;z-index: 0;}/*見出し*/#outer .top_parts{flex-direction: column-reverse;margin-bottom: 5px;}#outer .top_parts .top_txt{width: 100%;padding: 15px;}#outer .top_parts .top_txt h1{font-size: 2em;padding: 5px 5px 0 5px;}#outer .top_parts .top_txt p{font-size: 1.5em;padding: 5px;}#outer .top_parts .top_img{width: 100%;}#outer .top_parts .top_img img{width: 100%;}#outer .top_parts .top_txt h2{font-size: 0.5em;padding: 5px 0px 0 0px;}/* 表組 *//*画像こみの表*/#outer .table_withpicture{margin-bottom: -40px;}#outer table.tb02{border-collapse: collapse;width: 100%;table-layout: fixed;margin-bottom: 75px;margin: 20px auto 35px;line-height: normal;}#outer .tb02 tr.tr_head{background: #d35900;color: #FFFFFF;}#outer .tb02 tr.tr_head th{font-weight: bold;padding: 2px;text-align: center;/* 横方向の中央寄せ */vertical-align: middle;/* 縦方向の中央寄せ */}#outer .tb02 th{padding: 1px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;}#outer .image-cell img {width: 100px;/* 画像サイズを調整 */height: auto;}#outer .tb02 td{padding: 5px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;font-size: 1.5em;line-height: 1.2;font-weight: bold;/*	background-color: #FFFFFF;*/}#outer .tb02 td a{color: #d74c07;display: block;width: 100%;height: 100%;}#outer .tb02 td.link:hover{background-color: #ffd803;}#outer .tb02 tr.tr_2{background-color: #FCFAEE;}/* 対応規格の列の幅を固定 */#outer .tb02 th.norm {width: 50px;/* 必要に応じて幅を調整 */}/* サイズ列の幅を固定 */#outer .tb02 th:nth-child(2) {width: 110px;/* 必要に応じて幅を調整 */}#outer .image-cell img {height: 50px;/* 画像の高さを指定 */width: auto;/* アスペクト比を維持 */display: block;margin: auto;/* 中央揃え */}/* 耐油平袋タブ専用のスタイル */.tab_content[data-tab="taiyuhira"] .tb02 th.norm {width: 40px !important;/* 必要に応じて幅を調整 */}/* サイズ列の幅を固定 */.tab_content[data-tab="taiyuhira"] .tb02 th:nth-child(2) {width: 80px !important;/* 必要に応じて幅を調整 */}.tab_content[data-tab="taiyuhira"] .image-cell img {height: 50px !important;/* 画像の高さを指定 */width: auto !important;/* アスペクト比を維持 */display: block;margin: auto;/* 中央揃え */}/* 表のCSS *//* テーブル全体のスタイル */#outer .thickness-table {width: 80%;margin: 0 auto;/* テーブル全体を中央に配置 */border-collapse: collapse;text-align: center;}/* ヘッダーの背景色 */#outer .thickness-table th {padding: 8px;border: 1px solid #ddd;background-color: #FCE8D8;/* 共通の薄いベージュ */font-weight: bold;text-align: center;font-size: large;}#outer .thickness-table th:nth-child(2) {background-color: #f4b19a;/* 0.02mm厚の色 */}#outer .thickness-table th:nth-child(3) {background-color: #f4b19a;/* 0.025mm厚の色 */}#outer .thickness-table th:nth-child(4) {background-color: #f4b19a;/* 0.03mm厚の色 */}/* おすすめ用途の列の背景色 */#outer .thickness-table th:nth-child(5) {background-color:  #A44B33;;padding-left: 10px;color: white;}/* データセルのスタイル */#outer .thickness-table td {padding: 8px;border: 1px solid #ddd;font-size: large;}/* リンクの黒丸スタイル */#outer .circle a {color: black;font-size: 1.2em;text-decoration: none;/* 下線を削除 */}/* リンクのホバー時のスタイル */#outer .circle a:hover {color: #c35831;/* ホバー時に色を変える（例: 濃い茶色） */}/* 対応規格（1列目）の幅を狭く設定 */.tb02 th:nth-child(1), .tb02 td:nth-child(1) {width: 15%;/* 全体の15%の幅 */}/* サイズ（2列目）の幅を広く設定 */.tb02 th:nth-child(2), .tb02 td:nth-child(2) {width: 25%;/* 全体の25%の幅 */}/* 画像セルの高さを狭く設定 */.image-cell {height: 60px;/* セルの高さを調整（必要に応じて変更可能） */vertical-align: middle;/* 画像をセル内で中央に揃える */overflow: hidden;/* セルから画像がはみ出ないようにする */}/* 画像のサイズをセル内に収める */.image-cell img {width: auto;/* 幅は自動で調整 */height: 100%;/* セルの高さに合わせる */object-fit: cover;/* 縦横比を保ちつつセル全体を埋める */display: block;margin: 0 auto;/* 水平中央揃え */}/* 白、未晒の行（row-smallクラス）だけ縦幅を狭くする */.tb02 .row-small th {padding: 2px 5px !important;/* 上下の余白を縮小 */line-height: 1.2 !important;/* 行間を縮める */height: auto;/* 自動で高さ調整 */}/* テーブル全体のスタイル（他には影響を与えない） */.tb02 th, .tb02 td {padding: 8px 10px;/* デフォルトの余白 */line-height: 1.5;/* デフォルトの行間 */}/* 表のCSS たぶん終わり*//*h2*/#outer h2.uline_b{font-size: 20px;font-weight: bold;margin-top: 15px;padding: 20px 0 0 0;}/*h3*/#outer h3.contents_h3{font-size: 2.2em;font-weight: bold;margin-top: 16px;margin-bottom: 2px;padding-left: 5px;background-color: #ddd3cd;}body:not(.specific-class) {font-size: 9px;}#outer .tab_item2 {font-size: 11px;width: calc(100% / 3);display: flex;align-items: center;/* 中央揃え */justify-content: center;/* 水平方向中央揃え */height: 37px;/* 統一された固定高さを設定 */box-sizing: border-box;/* パディングを含めてサイズ調整 */padding: 5px;margin-bottom: 2px;/* タブの下に余白を設定 */}#outer .tab_content {font-size: 9px;margin-bottom: 3px;}/*メニュー 基本設定*/ul.menu li{width: 49.5%;box-sizing: border-box;border-radius: 0.5em;margin-bottom: 5px;height: 35px;/* 縦幅を指定 */}ul.menu li a{padding: 8.5px 5px;font-size: 12px;}/*ul.menu {position: inherit;}*//*クリスタルパックの種類について*/.type{margin-bottom: 30px;}.type h2{margin-bottom: 10px;}.type p{margin-bottom: 20px;margin-top: 20px;font-size: 10px;}.type_sec{width: 100%;margin: auto;box-sizing: border-box;padding: 3px 3px 10px 3px;display: flex;justify-content: space-between;border: 1px solid white;background-color: #FFFCE6;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}.sec_text{width: 65.2%;/*幅　100 - ._imgサイズ分の% - 1 でいいかんじに隙間が空く*/padding: 5px;box-sizing: border-box;margin:auto;}.sec_text h4{font-size: 8px;font-weight: bold;line-height: 0.8;/* 行間を狭く設定 */}.sec_text a{color: #005797!important;}/* テキストエリア */.sec_text2 {text-align: left;margin-bottom: 3px;}.sec_text2 h4 {font-size: 20px;font-weight: bold;margin-bottom: 10px;display: inline;line-height: 1.8;}.sec_text2 p {line-height: 1.4;font-size: 1.15em;margin: auto}.sec_text3 {background-color: #ddd3cd;border: 3px solid #ddd3cd;color: #591805;font-size: 11px;font-family: '丸ゴシック';border-radius: 70px;padding: 2px;text-align: center;width: 92%;height: auto;margin: 10px auto;box-shadow: 0 4px 6px rgba(89, 24, 5, 0.3);text-decoration: none;display: inline-block;}/*div class="one_img"の中にあるdiv class="_img"の装飾*//* 画像エリア */.sec_img {width: 33%;/* タブ1つ分の幅に調整 */max-width: 300px;/* 最大幅 */display: flex;justify-content: center;align-items: center;margin: 0 45px;/* 上下: 0, 左右: 30px */}.sec_img img {width: 100%;height: auto;border-radius: 10px;/* 角を少し丸く */box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);}/* 上下段共通の画像ボックススタイル */.sec_img_gallery {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;gap: 6px;margin: 0px 0;}/* 個々の画像ボックス */.sec_img_box {width: 30%;/* 5つ横並びにする */text-align: center;box-sizing: border-box;background: #ffffff;border: 1px solid #faf9ec;border-radius: 70px;padding: 6px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);}/* 画像タイトル */.sec_img_box h4 {font-size: 10px;margin-bottom: -10px;font-weight: bold;color: #333;}/* 画像 */.sec_img_box img {width: 70%;height: auto;border-radius: 5px;margin-bottom: -12px;}/* イメージ画像 */.sec_img {width: 30%;max-width: 294px;display: flex;justify-content: center;align-items: center;margin: 0 3px;}.divider {margin: 0px 3px;}/*ペーパーナプキン*//*商品ボックス最安　基本設定*/.content_price .low_price{display: block;justify-content: space-between;flex-wrap: nowrap;margin: 0 0 40px 0;}.content_price .low_price .low_price_item01,.content_price .low_price_item02{width: 100%;padding: 15px 0 15px 15px;box-sizing: border-box;display: flex;border-radius: 0.5em;border: 1px solid #C8C8C8;}.content_price .low_price .item_container{width: 60%;}.content_price .low_price_item02:empty{border: inherit;padding: inherit;}/*商品ボックス最安　画像設定*/.content_price .item_img,.content_price .item_img01{width: 40%;text-align: center;margin: auto;}.content_price .item_img img{width: 100%;}.content_price .item_img01 img{width: 100%;}.new_icon {width: 80%;position: relative;margin-left: -5em;top: -4.5em;}.new_icon img{position: absolute;}/*商品ボックス最安　基本中身設定＿商品名*/.content_price h4.item_title,.content_price h4.item_title01{font-size: 13px;font-weight: bold;text-align: center;margin: 10px 10px 0;height: auto;}/*商品ボックス最安　基本中身設定＿価格*/.content_price .price .base_price01{font-size: 40px;font-weight: bolder;color: red;text-align: center;font-family: 'Century Gothic', sans-serif;}.content_price .price p.base_price01::before{content: "￥";font-size: 0.7em;}.content_price .price p.base_price01::after{content: "（税込）";font-size: 0.3em;}.content_price .price .unit_price{font-size: 1.0em;text-align: center;margin-bottom: 10px;}.content_price .price .unit_price .marker{background: linear-gradient(transparent 70% , yellow 70%);font-weight: bold;}/*カラーナプキン*/#outer .contents_4 .item .item_img{margin: auto;}#outer .contents_4 .item .item_txt{padding: 0px;margin-bottom: 3px;font-size: 6.0px;}#outer .item .item_txt h4 {font-size: 1.2em;font-weight: bold;margin-bottom: 5px;}#outer .item ul.osusume li.osusume_item::before{content: "●";}#outer .item ul.osusume li.osusume_item:last-child::after{content: "　など";}#outer .contents_4 .item{width: 33.33%;margin-bottom: 0px;/*3個並びにしたいときは33％とかにする*/}#outer .contents_4 {justify-content: left;}#outer .item .btn_gazou a{padding: 5px;font-size: 10px;}#outer .item .btn_gazou a::after{content:"";}/*タブのスタイル*/#outer .tab_item {font-size: 1em;padding: 13px;height: 40px;}/*タブ切り替え全体のスタイル*/#outer .tabs {margin-top: 50px;padding-bottom: 0px;background-color: #fff;width: 100%;margin: 0 auto;margin-bottom: -50px;}#outer .tab_item3 {font-size: 1.2em;width: calc(100% / 2);}/*カテゴリボタン設定*/#outer .category_btn,#outer .category_btn3{width: 95%;font-size: 15px;margin: 15px auto 50px;}#outer .category_btn a{padding: 6px;}/*関連記事のとこ*/.column{width: 100%;}.column h3{padding: 5px;font-size: 15px;margin: 0;}.column h3::before{content: "┃"}.contents_02{padding: 0 10px;}.contents_02 .item_{width: 100%;margin: 5px auto;padding: 0;}.contents_02::after{content: none;}.contents_02 .item_ ul.btns_{font-size: 10px;width: 100%;margin-bottom: -13px;padding: 0;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{padding: 10px 0;border-radius: 100vh;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;}.column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}.column ul.tokusyu li{width: 49%;}/* ジャンプ先の調整 */.adjustment {display: block;position: relative;top: -15px;/* ジャンプ位置を3cm上に調整 */visibility: hidden;/* 見た目に影響を与えない */}.content_price .contents_h3 {font-size: 0.2em;/* セクションタイトルの調整 */}/* 表のCSS */#outer .thickness-table {width: 100%;/* テーブルを画面幅いっぱいにする */font-size: 0.9em;/* フォントサイズを少し小さくする */margin: 0;/* 左右の余白をなくす */}#outer .thickness-table th,#outer .thickness-table td {padding: 5px;/* セル内の余白を減らす */font-size: 0.8em;/* フォントサイズを調整 */}#outer .thickness-table th {text-align: center;}/* スクロール対応: スマホでは横スクロール可能にする */#outer .thickness-table {display: block;overflow-x: auto;/* 横スクロールを可能にする */white-space: nowrap;/* テキストの折り返しを防ぐ */border-collapse: separate;/* ボーダーが見やすくなる */}#outer .thickness-table th:nth-child(5),#outer .thickness-table td:nth-child(5) {padding-left: 5px;/* スペース調整 */}/* リンクの黒丸の調整 */#outer .circle a {font-size: 0.9em;/* フォントサイズを少し小さく */}/* 表のCSSおわり *//* スペースボックス */.spacebox {width: 100%;height: 30px;background-color: #ffffff;margin: -20px 0;}.spacebox2 {width: 100%;height: 30px;background-color: #ffffff;/* 一時的に赤で確認 */margin: -10px 0;/* 上下に余白を設定 */}.custom-list {display: flex;list-style-type: none;/* padding: 0;*/flex-wrap: wrap;justify-content: space-around;margin: 10px 0 0 0;background-color: #fcf7cc;}.custom-list li {width: 80%;/* 1行あたり3つ */box-sizing: border-box;/* パディングやボーダーを含める */text-align: center;/* テキスト中央寄せ */padding: 15px;/* アイテムの余白 */}.chosei4 {font-size: 1.1rem;padding: 0;background-color: #ddd3cd;color: #591805;height: 30px;line-height: 30px;}.chosei3 {font-size: 1em;margin-bottom: 10px;padding-top: 3px;text-align: center;font-weight: bold;}.chosei {font-size: 1.5em;margin-bottom: 10px;padding-top: 3px;text-align: center;font-weight: bold;}.packing-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5em;margin-top: 10px;}.custom-list2 li {width: 85%;}.chosei2 {font-size: 1.5em;}._btn78 a{display: block;font-size: 1.3em;font-weight: bold;color: #ffffff !important;background-color: #591805;text-decoration: none;text-align: center;box-sizing: border-box;padding: 5px 0;border-radius: 1.5em;position: relative;margin: 1em;}#outer .contents_b .item{padding: 5px;display: block;}#outer .contents {background-color: #fcf7cc;}.custom-list2 {background-color: #fcf7cc;}.section-ribbon {margin: 5px auto;width: 90%;height: 25px;font-size: 1rem;}.custom-list li h3 {color: #4e3b2a;}.table-scroll-wrapper {overflow-x: auto;-webkit-overflow-scrolling: touch;}.table-scroll-wrapper table {min-width: 800px;/* 表の全幅を明示的に設定 */border-collapse: collapse;width: max-content;}#outer .contents_b .item .item_txt p{font-size: 1.4em;}/* ---スマホ版用のメディアクエリおわり---> */}