﻿@charset "utf-8";/* CSS Document *//*大枠のcss*/#outer{width: 1260px;margin: 0 auto;text-align: center;background-color: #fff8f3;position: sticky;z-index: 0;}#outer a:link{text-decoration: none;}#outer a:hover,#outer a:active {color: inherit;text-decoration: underline;/* 好みで */}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;}/*レコメンドのところ*/#recommend_block{border-top: inherit;}#recommend_block .ec-shelfRole{margin-bottom: 0px;}/*カテゴリボタン設定*/#outer .category_btn{width: 100%;font-size: 1.2em;margin: 15px auto 60px;}#outer .category_btn a{color: #FFFFFF !important;border-bottom: solid 3px #ffa51f;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: #ffc394;}#outer .category_btn2{width: 100%;font-size: 1.2em;margin: 15px auto;}#outer .category_btn2 a{color: #FFFFFF !important;border-bottom: solid 3px #ffa51f;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 5px;font-weight: bold;border-radius: 100vh;background-color: #ffc394;}/*タブのところ*//*タブ切り替え全体のスタイル*/#outer .tabs {margin-top: 50px;width: 100%;margin: 0 auto;}/*タブのスタイル*/#outer .tab_item {width: calc(100% / 2);display: block;justify-content: center;align-items: center;margin: 0;height: 80px;border: solid 2px #ffc394;/* 緑の枠を全体に */box-sizing: border-box;background-color: #FDF7F4;font-size: 22px;text-align: center;float: left;font-weight: bold;transition: all 0.2s ease;padding: 1em;}#outer .tab_item:first-of-type {border-left-style: none;border-left:  solid 2px #ffc394;}#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, #tab6:checked ~ #tab6_content, #tab7:checked ~ #tab7_content{display: block;background-color: #fff8f3;}/*選択されているタブのスタイルを変える*/#outer .tabs input:checked + .tab_item {background-color: #ffc394;color: #fff;height: 80px;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #44312b;margin-bottom: 5em;}#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;text-align: left;}#outer .top_parts .top_txt p{font-size: 1.3em;padding-top: 10px;text-align: left;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}/*ページジャンプのcss*//*ページジャンプのcss*/#outer .jump{width: 100%;background-color: #ffffff;margin: 0 auto 30px;box-sizing: border-box;position: sticky;top: 65px;z-index: 2;padding-bottom: 0;padding-top: 0;max-width: 100%;}.jump ul._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 #f4c22f;border-right: solid 2px #f4c22f;}.jump ul._menu li.global_item{width: 25%;position: relative;border-left: solid 2px #f4c22f;border-bottom: solid 2px #f4c22f;}.jump ul._menu li.global_item:last-child{border-right-style: none;margin-right: 0;}.jump ul._menu li.global_item a{display: block;padding: 20px 20px 40px 20px;font-weight: bold;text-decoration: none;box-sizing: border-box;text-align: center;color: #f4c22f;}.jump ul._menu li.global_item a::after{content: "";display: block;position: absolute;left: 50%;top: 70%;transform: translate(-50%, -50%);width: 0;height: 0;border-style: solid;border-width: 15px 17.5px 0 17.5px;border-color: #f4c22ftransparent transparent transparent;}/*h2*/#outer h2.uline_b{font-size: 2em;font-weight: bold;/*	text-align: center;*/border-bottom: double 5px #ffa51f;margin-bottom: 15px;background-color: #fff8f3;padding: 0.2em;margin-top: 2em;}#outer h3.uline_b{font-size: 1.6em;font-weight: bold;/*	text-align: center;*/border-bottom: solid 5px #ffc394;margin-bottom: 15px;background-color: #fff8f3;padding: 0.2em;margin-top: 3em;}/*メニュー 基本設定*/ul.menu{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;}ul.menu li{width: 49%;box-sizing: border-box;}ul.menu li{width: 24.6%;}ul.menu li a{font-weight: bold;text-decoration: none;display: block;padding: 10px 15px;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: #DA8359;margin-right: 5px;}ul.menu li a{color: white;}ul.menu li a:before{border-top: 7px solid white;}/*h3*/#outer h3.contents_h3{font-size: 1.5em;font-weight: bold;margin-bottom: 20px;/*	border-bottom: solid 3px #bc1823;*/}#outer p.contents_h3{font-size: 1em;padding: 10px;padding-left: 5px;}/* #outer h3.contents_h3::before {content: "｜";}*//*4個並べ*/#outer .contents_4{margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}#outer .contents_4 .item{width: 24%;/*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: 100%;}#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.5em;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 .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: #ffc394;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 1fr;column-gap: 10px;}#outer .contents_b .item{border: solid 1px #cccccc;padding: 5px;display: grid;grid-template-columns: 1fr 1fr;}#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: 1em;font-weight: bold;}#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: #ffc394;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 #ffc394;}#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: #ffc394;}#outer .content_block ._box ._title ._type{position: relative;}/*タブ2*//*h2*/#outer h2.title_h2{background: #FDF7F4;border-left: solid 10px #ffc394;padding: 0.75rem 1.5rem;margin-top: 45px;margin-bottom: 10px;font-size: 2em;font-weight: bold;color: #3F3A34;}#outer h4.title_h2{padding: 0 5px;margin-top: 25px;margin-bottom: 10px;font-size: 1.5em;font-weight: bold;color: #3F3A34;}/*左画像・右文章*/#outer .contents {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}#outer .contents .item {display: grid;grid-template-columns: 1fr 1fr;column-gap: 5px;margin-bottom: 30px;align-items: center;height: 350px;padding: 0;}#outer .contents .item .item_img {grid-row: 1;grid-column: 1;}#outer .contents .item .item_img img {width: 100%;}#outer .contents .item .item_img33 img {width: 100%;transition: transform 0.3s ease, filter 0.3s ease;}#outer .contents .item .item_img33 img:hover {transform: scale(1.05);filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.4));/* 透明部分を活かした影 */}#outer .contents .item .item_txt {grid-row: 1;grid-column: 2;margin-right: 1.5em;}#outer .contents .item .item_txt p {line-height: 1.5;font-size: 1.2em;margin-bottom: 1em;text-align: left;}.chosei2 {font-size: 1.1em;margin-bottom: 10px;text-align: left;}.chosei3 {font-size: 1.18em;margin-top: 30px;text-align: center;background-color: #fff8f3;}.chosei h3 {font-size: 1.18em;text-align: center;}.chosei {font-size: 1.1em;margin-bottom: 10px;text-align: left;text-align: center}/*画像の下に文章*/#outer .contents_01{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto 45px;}#outer .contents_01 .item_01{width: 32.5%;display: flex;flex-wrap: wrap;box-sizing: border-box;flex-direction: column;}#outer .contents_01::after{/*3個並びの2個しかないとき*/content: "";display: block;width: 33%;height: 0;}#outer .contents_01 .item_01 .item_img{width: 100%;}#outer .contents_01 .item_01 .item_img img{width: 100%;}#outer .contents_01 .item_01 .item_txt h3.item_h3_02{font-size: 1.3em;font-weight: bold;padding: 15px 5px 5px;margin-bottom: 5px;border-bottom: solid 5px #FDF7F4;}#outer .contents_01 .item_01 .item_txt p{font-size: 1.2em;line-height: 1.5;padding: 5px;margin-bottom: 10px;}/*画像の下に文章リンクボタン*/#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: #ffc394;color: #ffffff!important;font-size: 1.2em;text-decoration: none;}/*タブ3*//*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 #ffc394;}#outer h4.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 #ffc394;}/*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%, #F9E8D90 40%);}#outer h4.marker_h3{width: 100%;font-size: 1.5em;font-weight: bold;padding-left: 5px;}/*2カラムの表*/#outer table.tb01{border-collapse: collapse;width: 100%;table-layout: fixed;margin-bottom: 75px;}#outer .tb01 tr.tr_head{background: #ffc394;color: #fff;}#outer .tb01 tr.tr_head th{font-weight: bold;font-size: 1.5em;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.3em;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: #FDF7F4;}/*関連記事のところ*/.column{width: 100%;margin-bottom: 45px;}.column h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}.column h3::before{content: "●"}.contents_02{display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 auto;}.contents_02 .item_{width: 45%;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: #ffffff !important;background-color: #ffa51f;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;}._btn78 {width: 90%;margin: auto;}._btn78 a{display: block;font-size: 1em;font-weight: bold;color: #ffffff !important;background-color: #DA8359;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 #CD5C08;}.tb01 tr.tr_head .haba {width: 9%;}.tb01 tr.tr_head .haba2 {width: 13%;}/*ページジャンプのcss*/#outer .jump{width: 100%;background-color: #ffffff;margin: 0;box-sizing: border-box;position: static;top: 0;z-index: 2;padding-bottom: 0;padding-top: 0;max-width: 100%;}.jump ul._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 #DA8359;border-right: solid 2px #DA8359;}.jump ul._menu li.global_item{width: 25%;position: relative;border-left: solid 2px #DA8359;border-bottom: solid 2px #DA8359;}.jump ul._menu li.global_item:last-child{border-right-style: none;margin-right: 0;}.jump ul._menu li.global_item a{display: block;padding: 20px 20px 40px 20px;font-weight: bold;text-decoration: none;box-sizing: border-box;text-align: center;color: #DA8359;}.jump ul._menu li.global_item a::after{content: "";display: block;position: absolute;left: 50%;top: 70%;transform: translate(-50%, -50%);width: 0;height: 0;border-style: solid;border-width: 15px 17.5px 0 17.5px;border-color: #DA8359 transparent transparent transparent;}a.adjustment {padding-top: 90px;margin-top: -90px;display: block;}/*メニュー 基本設定*/ul.menu{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;background-color: #fff8f3;justify-content: center;margin-bottom: 1.3em;}ul.menu li{width: 49%;box-sizing: border-box;margin-bottom: 30px;}ul.menu li{width: 24%;}ul.menu li a{font-weight: bold;text-decoration: none;display: block;padding: 0px;position: relative;text-align: center;}ul.menu li:hover{opacity: 0.7;}/*メニュー　各カテゴリ設定*/ul.menu li{background-color: #ffa51f;margin-right: 5px;border-radius: 8px;height: 40px;padding: 5px;}ul.menu li a{color: white !important;height: auto;font-size: 1.2em;border-radius: 8px;}ul.menu li a:before{border-top: 7px solid white;}#outer .product-container2 {max-width: 70%;margin: 30px auto;border: 1px solid #ddd;background-color: #fff7f3;box-shadow: 0 2px 10px rgba(0,0,0,0.08);border-radius: 10px;overflow: hidden;transition: all 0.3s ease;height: auto;padding: 0 0 0.5em 0;}#outer .product-container {max-width: 900px;margin: 30px auto;border: 1px solid #ddd;background-color: #fff7f3;box-shadow: 0 2px 10px rgba(0,0,0,0.08);border-radius: 10px;overflow: hidden;transition: all 0.3s ease;height: auto;padding: 0 0 0.5em 0;}/* ===== ヘッダー ===== *//* ===== ヘッダー部分（タイトルを強調） ===== */#outer .header {display: flex;justify-content: space-between;align-items: flex-end;padding: 20px;background-color: #fff;/* 白背景に変更 */flex-wrap: wrap;}#outer .header h3 {margin: 0;font-weight: 700;font-size: 1.3em;letter-spacing: 0.5px;color: #333;position: relative;padding-left: 12px;}/* 左側にアクセントラインを入れる */#outer .header h3::before {content: "";position: absolute;left: 0;top: 4px;width: 4px;height: 80%;background-color: #007bff;border-radius: 2px;}/* カラーチップ */#outer .p-card2 {display:block;position:relative;}.color-box {width: 20px;height: 20px;border-radius: 3px;border: 1px solid #ccc;transition: transform 0.2s;}#outer .color-box:hover {transform: scale(1.2);}#outer .color-box.white {background: #fff;}#outer .color-box.clear {background: #F5F5F5;}#outer .color-box.lightblue {background: #d9ecff;}#outer .color-box.black {background: #000;}#outer .color-box.purple {background: #d4b2e4;}#outer .color-box.yellow {background: #d0ba8d;}#outer .product-matome {display: flex;width: 100%;/* 全幅 */height: auto;/* 画面全体の高さ */justify-content: center;gap: 10px;}#outer .left,#outer .right {flex: 1;/* 2つを均等に分ける */}/* ===== 商品画像 ===== */#outer .product-images {display: flex;justify-content: center;gap: 20px;padding: 0 20px 20px 20px;background: #fff;flex-wrap: wrap;}#outer .product-images img {width: 60%;border-radius: 6px;border: 1px solid #ddd;transition: transform 0.4s ease, box-shadow 0.3s ease;}#outer .hover-zoom:hover {transform: scale(1.05);box-shadow: 0 4px 15px rgba(0,0,0,0.15);}/* ===== 説明文 ===== */#outer .description {padding: 10px;text-align: center;font-size: 15px;color: #555;}#outer .size-table {display: block;border-top: 1px solid #ddd;}#outer .size-item {background-color: #d9ecff;/* ← ピンクからライトブルーに変更 */border: 1px solid #fff;text-align: center;padding: 15px;transition: background-color 0.3s ease, transform 0.2s ease;}#outer .size-item:hover {background-color: #b9ddff;/* ← 少し濃いブルーでホバー時に立体感 */transform: translateY(-3px);}/* ===== サイズ見出し（S / M / L / SS）をアイコン風に ===== */#outer .size-header {display: inline-block;background-color: #007bff;/* ベースカラー（青） */color: #fff;font-weight: bold;font-size: 16px;border-radius: 50px;/* 丸み */padding: 8px 16px;margin-bottom: 10px;transition: all 0.3s ease;box-shadow: 0 2px 4px rgba(0,0,0,0.15);}#outer .size-item:hover .size-header {background-color: #005fcc;transform: scale(1.05);box-shadow: 0 4px 10px rgba(0,0,0,0.2);}#outer .size-header a:link,#outer .size-header a:visited {color: #fff;/* 訪問後も白 */text-decoration: none;/* 下線消したい場合 */}#outer .size-header a:hover,#outer .size-header a:active {color: #fff;/* ホバー中も白 */text-decoration: underline;/* ホバー時にだけ下線表示したい場合 */}#outer .price {margin-bottom: 10px;}#outer .item-price {color: #e60012;font-size: 20px;font-weight: bold;}#outer .unit-price {font-size: 12px;color: #555;}/* ===== ボタン ===== */#outer button {background-color: #ffa51f;border: none;padding: 10px 16px;border-radius: 6px;cursor: pointer;font-size: 1.2em;transition: all 0.3s ease;width: 100%;color: #ffa51f;font-weight: bold;}#outer .card-grid {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;padding: 20px 0;}#outer .card {position: relative;width: 100%;background: #fff;border: 1px solid #ddd;border-radius: 8px;overflow: hidden;text-align: center;transition: box-shadow 0.3s ease;text-decoration: none;color: inherit;}#outer .ribbon {position: absolute;top: 13px;left: -35px;width: 120px;background: #e60033;color: white;text-align: center;transform: rotate(-45deg);font-size: 1.2em;font-weight: bold;padding: 4px 0;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}#outer .card:hover {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}#outer .card img {width: 100%;height: auto;display: block;justify-items: center;}#outer .card h4 {font-size: 1rem;margin: 12px 0 6px;}#outer .card p {font-size: 0.9rem;color: #333;padding: 0.5em;line-height: 1.4;text-align: center;}#outer .menu-grid-container .grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;max-width: 800px;margin: auto;}#outer .menu-grid-container .item {border: 1px solid #ccc;padding: 10px;text-align: center;background-color: #ffecec;}#outer .menu-grid-container .item.highlight {background-color: #ffff99;}#outer .menu-grid-container .item img {width: 100px;height: auto;}.menu-grid-container .item h3 {font-size: 16px;margin: 8px 0;}.menu-grid-container .item a {display: block;margin-top: 10px;color: blue;text-decoration: none;}.packing-list {display: flex;flex-wrap: wrap;justify-content: space-around;gap: 0.5em;display: none;}.packing-item {border: none;padding: 16px 0;width: 48%;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;}.tab_icon {height: 50px;/* お好みのサイズに調整 */width: auto;margin-right: 10px;/* 画像とテキストの間隔 */pointer-events: none;display: none;}.new_icon2{width: 20%;position: relative;margin-left: 0em;top: -0.8em;}.new_icon2 img{position: absolute;}/*ページジャンプのcss*/#outer .jump2{width: 100%;background-color: #ffffff;margin: 0 auto 30px;box-sizing: border-box;position: sticky;top: 0;z-index: 2;padding-bottom: 0;padding-top: 0;max-width: 100%;display: block;}.jump2 ul._menu2{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 #5DB996;border-right: solid 2px #5DB996;}.jump2 ul._menu2 li.global_item{width: 25%;position: relative;border-left: solid 2px #5DB996;border-bottom: solid 2px #5DB996;}.jump2 ul._menu2 li.global_item:last-child{border-right-style: none;margin-right: 0;}.jump2 ul._menu2 li.global_item a{display: block;padding: 20px 20px 40px 20px;font-weight: bold;text-decoration: none;box-sizing: border-box;text-align: center;color: #5DB996;}.jump2 ul._menu2 li.global_item a::after{content: "";display: block;position: absolute;left: 50%;top: 70%;transform: translate(-50%, -50%);width: 0;height: 0;border-style: solid;border-width: 15px 17.5px 0 17.5px;border-color: #5DB996 transparent transparent transparent;}/*メニュー 基本設定*/ul.menu2{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;background-color: #fff8f3;justify-content: center;}ul.menu2 li{width: 49%;box-sizing: border-box;margin-bottom: 30px;}ul.menu2 li{width: 45%;}ul.menu2 li a{font-weight: bold;text-decoration: none;display: block;padding: 0px;position: relative;text-align: center;}ul.menu2 li:hover{opacity: 0.7;}/*メニュー　各カテゴリ設定*/ul.menu2 li{background-color: #ffa51f;margin-right: 5px;}ul.menu2 li a{color: white;}ul.menu2 li a:before{border-top: 7px solid white;}.card-group {display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 20px;max-width: 1200px;margin: 0 auto 10px;padding: 0 20px;align-items: start;/* ← 高さ揃える */}/* 1枚だけのとき中央に寄せる */.card-group.single-card {display: flex;justify-content: center;}.card-group.single-card .contents {max-width: 600px;width: 100%;}/* カードボックスデザイン */.card-box {background: rgba(255, 255, 255, 0.5);padding: 15px;border-radius: 16px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);display: grid;grid-template-columns: 3fr 1fr;column-gap: 20px;/* min-height: 340px;*/align-items: start;}.custom-list {display: flex;flex-wrap: wrap;/* アイテムを折り返す */list-style-type: none;/* デフォルトの箇条書きスタイルを削除 */padding: 0;/* 不要な余白を削除 */margin: 0;justify-content: center;gap: 20px;}.custom-list li {width: 23%;box-sizing: border-box;text-align: center;background-color: white;padding: 10px;border: 1px solid #ddd;border-radius: 8px;overflow: hidden;text-align: center;transition: box-shadow 0.3s ease;text-decoration: none;color: inherit;}.custom-list2 {display: flex;flex-wrap: wrap;/* アイテムを折り返す */list-style-type: none;/* デフォルトの箇条書きスタイルを削除 */padding: 0;/* 不要な余白を削除 */margin: 0;justify-content: center;gap: 20px;}.custom-list2 li {width: 30%;box-sizing: border-box;text-align: center;background-color: white;padding: 10px;border: 1px solid #ddd;border-radius: 8px;overflow: hidden;text-align: center;transition: box-shadow 0.3s ease;text-decoration: none;color: inherit;}.custom-list2 li a img {width: 100%;transition: transform 0.3s ease, filter 0.3s ease;}.custom-list2 li a img:hover {transform: scale(1.05);/* 拡大 */filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.4));/* 実体部分に影 */}.chosei1 {font-size: 1.25em;/* margin-bottom: 10px;*/padding: 3px;font-weight: bold;text-align: center;background-color: white;border-bottom: solid 3px #bc1823;margin-bottom: 15px;}#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 .container {display: flex;justify-content: center;gap: 20px;margin: auto;}#outer .title {font-size: 18px;padding: 10px 0 10px 40px;margin: 0;color: #333;font-weight: bold;}#outer .blue-bg {background-color: #eaf3ff;}#outer .pink-bg {background-color: #ffeae6;}#outer .content {padding: 15px 10px;justify-items: center;margin: 0 auto;width: 100%;}/* 画像とラベルの配置 */#outer .img-box {position: relative;display: inline-block;}#outer .product-img {width: 100%;max-width: 250px;height: auto;border-radius: 6px;}/* 左上タグ（画像の上に重ねる） */#outer .tag {position: absolute;top: 10px;left: 10px;padding: 6px 14px;border-radius: 6px;font-weight: bold;font-size: 13px;color: #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.2);transition: all 0.2s ease;}#outer .tag-thin {background-color: #3fa9f5;/* 薄口：明るいブルー */}#outer .tag-orange {background-color: orange;/* 薄口：明るいブルー */}#outer .tag-thick {background-color: #00a86b;/* 厚口：グリーン */}#outer .tag:hover {transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0,0,0,0.25);}#outer .colorCard-container {display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;max-width: 1100px;margin: auto;}#outer .colorCard-item {border: 1px solid #ccc;width: 24%;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);border-radius: 4px;overflow: hidden;background-color: #fff;}#outer .colorCard-item{border: 1px solid #ccc;width: 24%;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);border-radius: 4px;overflow: hidden;background-color: #fff;}.colorCard-item a:link{color: white;}.colorCard-title {font-size: 16px;padding: 8px 0;margin: 0;color: #333;font-weight: bold;background-color: #fff8f3;}.blue-bg {background-color: #eaf3ff;}.pink-bg {background-color: lightgray;}.purple-bg {background-color: #f5e9ff;}.lightgray-bg {background-color: #fff8f3;}#outer .size{background-color: #d9ecff;color: #007bff;}.colorCard-content {padding: 10px;}.colorCard-img {width: 100%;max-width: 200px;height: auto;display: block;margin: 0 auto 8px;}.colorCard-text {font-size: 13px;color: #333;text-align: center;line-height: 1.6;padding: 0 8px;}.colorCard-btn {display: block;/* ← これが最重要！幅を親要素いっぱいに広げる */width: 100%;/* カードの幅に合わせる */box-sizing: border-box;/* paddingを含めて幅を計算 */background-color: #ffa51f;border: none;color: #fff !important;/* 白文字のほうがボタンに映える（任意） */font-size: 14px;font-weight: bold;padding: 10px 0;cursor: pointer;text-align: center;/* テキストを中央に */text-decoration: none;/* 下線消す（aタグにも対応） */border-radius: 6px;/* 角を少し丸く（任意） */box-shadow: 0 4px 6px rgba(0, 100, 200, 0.2);transition: all 0.2s ease;}.colorCard-btn a:link{color: white;}.colorCard-btn:hover {background-color: #ffa51f;transform: translateY(-2px);box-shadow: 0 6px 10px rgba(0, 100, 200, 0.3);}/*レコメンドの順位ランキングアイコン*/#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);}/*価格*/.chosei{font-size: 1.1em;}.yokonarabe {display: flex;align-items: baseline;gap: 0.4em;flex-wrap: wrap;justify-content: center;margin-bottom: 1em;}.yokonarabe2 {display: flex;align-items: baseline;gap: 0.4em;flex-wrap: wrap;justify-content: left;}.item_price {font-weight: bold;font-size: 3em;color: RED;/* 赤 */line-height: 1;}.unit_price {font-size: 1.1em;color: RED;margin-top: 0.1em;/* 微調整 */}#outer .p-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px;}#outer .p-card2{background:#fff;border:1px solid #ececec;border-radius: 16px;box-shadow:0 2px 10px rgba(0,0,0,0.06);overflow:hidden;padding: 1em 0.8em;height: auto;}/* 上段（画像＋メタ） */#outer .p-card2__top{display:grid;grid-template-columns:46% 54%;gap:0;padding:0;}#outer .p-card2__top2{display:block;gap:12px;padding:0;}/* 画像 */#outer .p-card2__media{border-radius:10px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio: 4 / 3;}#outer .p-card2__media2{border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;}#outer .p-card2__img{width:100%;height:100%;object-fit:cover;}#outer .p-card2__img2{width:60%;height:60%;object-fit:cover;}/* 右側情報 */#outer .p-card2__meta{min-width:0;margin-right: 1.5em;}#outer .p-card2__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}#outer .p-card2__title{font-size: 0.95em;font-weight: 700;min-height:3.8em;/* 約2.7行分 */margin: 0.5em 1em 0.5em 1em;padding-top: 1.7em;}/* 左上アイコンバッジ */#outer .p-card2__fav{position: absolute;top: 10px;left: 10px;z-index: 5;display: inline-flex;align-items: center;padding: 4px 10px;font-size: 1em;font-weight: 700;line-height: 1;background: #0b5c7a;color: #fff;border-radius: 6px;box-shadow: 0 2px 6px rgba(0,0,0,.2);white-space: nowrap;width: auto;}#outer .p-card2__fav2{display: inline-flex;align-items: center;justify-content: center;padding: 6px 12px;min-height: 28px;font-size: 1.1em;font-weight: 700;line-height: 1;background: #44312b;border: 1px solid #e8d6c9;border-radius: 999px;cursor: pointer;white-space: nowrap;transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;color: #e8d6c9;}/* 価格 */#outer .p-card2__tax{margin-top:8px;font-size:12px;color:#666;}#outer .p-card2__price{margin-top:2px;display:flex;align-items:baseline;gap:4px;}#outer .p-card2__priceNum{font-size:22px;font-weight:800;color:#111;letter-spacing:0.02em;}#outer .p-card2__yen{font-size:13px;font-weight:700;color:#111;}/* CTA */#outer .p-card2__cta{margin-top: 10px;display: inline-flex;align-items: center;justify-content: center;width: 100%;height: 40px;border-radius: 10px;background: #ffe26f;color: #ffa51f;text-decoration: none;font-weight: 700;font-size: 1em;}/* =======================下段（説明バルーン）======================= */#outer .p-card2__desc{padding:0;background:#fff;}#outer .p-card2__avatar{width:34px;height:34px;border-radius:999px;background:#f1f1f1;border:1px solid #e7e7e7;margin-bottom:8px;}#outer .p-card2__text{margin:0;background:#fff8f3;border-radius:16px;padding: 0.6em;font-size:13px;line-height:1.6;color:#7b7b7b;text-align: left;}#outer .p-card2__text2{margin:0;background:#f4f4f4;border-radius:16px;padding:12px 12px;font-size:13px;line-height:1.6;color:#7b7b7b;text-align: left;}/* カラーチップ */#outer .color-samples {display: flex;gap: 6px;margin: 1em 0 0.5em 1em;top: 3em;left:1em;}#outer .p-card2__text strong{font-weight: 700;/* ← 明示的に指定 */}#outer .item_img3{width: 50%;text-align: center;margin: 0.5em auto;}/* 用途ラベル（今のやつ） */#outer .p-card2__text .midashi{display: block;font-weight:700;margin-bottom: 1.2em;color:#0b6077;text-align: center;margin-top: -1em;font-size: 1.1em;line-height: 1.4;}/* 45ml / 45mm */#outer .p-chip__value{font-size:14px;font-weight:800;}#outer .p-card2__keyline{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 8px;margin:8px 0 10px;}/* ラベルだけチップ化 */#outer .p-chipLabel{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#e6f4fa;border:1px solid #b8dce8;color:#0b6077;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;}/* ラベルだけチップ化 */#outer .p-chipLabel2{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#f8e3c3;border:1px solid #f8a885;color: #d68350;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;}/* 値は“普通の文字”として強調 */#outer .p-val{font-size:14px;font-weight:800;color:#111;line-height:1.2;white-space:nowrap;}/* 推奨などは補助として薄く */#outer .p-sub{font-size:12px;color:#666;font-weight:700;white-space:nowrap;}/* 区切り */#outer .p-sep{color:#999;font-weight:700;}/*スマホの設定*/@media screen and (max-width: 768px) {#outer{width: 100%;}/*カテゴリボタン設定*/#outer .category_btn{width: 95%;font-size: 1.1em;margin: 20px auto;}#outer .category_btn a{padding: 6px;margin-bottom: 3em;}/*カテゴリボタン設定*/#outer .category_btn2{font-size: 1em;}#outer .category_btn2 a{padding: 6px;}/*見出し*/#outer .top_parts{flex-direction: column-reverse;margin-bottom: 3em;}#outer .top_parts .top_txt{width: 100%;padding: 15px;}#outer .top_parts .top_txt h1{font-size: 1.14em;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%;}/*タブのところ*//*タブ切り替え全体のスタイル*/#outer .tabs {margin-top: 50px;width: 95%;margin: 0 auto;}/*タブのスタイル*/#outer .tab_item {font-size: 15px;padding: 0.8em;border: solid 1px #ffc394;height: 10em;}/*タブ切り替えの中身のスタイル*/#outer .tab_content {padding: 10px 0 0;}/*ページジャンプ*/#outer .jump ul._genre_menu{display: flex;flex-wrap: wrap;}#outer .jump ul._genre_menu li.global_item{width: 50%;box-sizing: border-box;}#outer .jump ul._genre_menu li.global_item:nth-child(2n+1){border-right: none;}#outer .jump ul._genre_menu li.global_item a{padding: 5px 7px;font-size: 12px;}#outer .jump ul._genre_menu li.global_item a::before{position: absolute;content: '';top: 0.7em;left: 1em;height: 0;width: 0;border-style: solid;border-width: 6px 0 6px 9px;border-color: transparent transparent transparent #ffc394;}#outer .jump ul._genre_menu li.global_item a::after{content: none;}/*h2*/#outer h2.uline_b{font-size: 1.5em;margin: 1.5em 0 0 0;;padding-bottom: 5px;line-height: 1.2;}/*h3*/#outer h3.contents_h3{font-size: 1.3em;margin: 10px;padding-left: 0;background: linear-gradient(#fff 60%, #F9E8D90 40%);}/*4個並べ*/#outer .contents_4 .item{width: 49%;padding: 5px;margin-bottom: 7px;}#outer .contents_4 .item .item_txt{padding: 5px;margin-bottom: 5px;font-size: 0.8em;}#outer .item .item_txt h4 {font-size: 1.2em;}/*商品一覧はこちらのボタン*/#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 .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.1em;}#outer .contents_b .item .item_txt p{font-size: 1em;}/*文章とおすすめ商品*/#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;}/*タブ2*//*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 10px;margin-top: 0;margin-bottom: 10px;font-size: 1.2em;}/*左画像・右文章*/#outer .contents {width: 100%;display: block;margin: 0 auto;}#outer .contents .item {margin: 0 5px;display: block;}#outer .contents .item .item_img {margin-bottom: 15px;}#outer .contents .item .item_txt p {line-height: 1.5;font-size: 1.1em;padding-right: 0;margin-bottom: 0;}/*画像の下に文章*/#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;}/*タブ3*//*h2*/#outer h2.title_frame{font-size: 1.5em;margin: 0 0 15px 0;padding: 10px 5px 0;}#outer h4.title_frame{font-size: 1.5em;margin: 0 0 15px 0;padding: 10px 5px 0;}/*h3*/#outer h3.marker_h3{font-size: 1.3em;margin: 15px auto;padding-left: 5px;background: linear-gradient(#fff 60%, #F9E8D90%);}#outer h4.marker_h3{font-size: 1.2em;margin-top: 30px;padding-left: 5px;}/*2カラムの表*/#outer table.tb01{width: 100%;margin: 0 auto;}#outer .tb01 tr.tr_head th{font-size: 1.1em;padding: 8px;}.tb01 tr.tr_head .norm{width: 100%;}#outer .tb01 th{padding: 10px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;background: #ffc394;color: white;}#outer .tb01 td{padding: 8px;font-size: 0.95em;}/*関連記事*/.column{width: 100%;}.column h3{padding: 5px;font-size: 1.3em;margin: 0;margin-top: 1em;}.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: 0.8em;width: 100%;margin-bottom: 0;padding: 0;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{padding: 10px 0;border-radius: 100vh;color: #ffffff !important;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;font-size: 1.05em;}.column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}.column ul.tokusyu li{width: 49%;}.chosei {font-size: 1em;padding: 5px 10px;margin-bottom: 0;}.chosei2 {font-size: 1em;padding: 5px;}.chosei3 {font-size: 1em;padding: 5px;margin-top: 5px;}.tb01 {width: 100%;}.tb01 tr {display: block;/* 行をブロックにして縦に積み重ねる */margin-bottom: 10px;/* 各カード間のスペース */border: 1px solid #ccc;/* 枠線 */padding: 10px;/* パディング */background-color: #FDF7F4;/* 背景色 */}#outer .tb01 th, .tb01 td {display: block;/* セルを縦に並べる */width: 100%;box-sizing: border-box;/* パディングやボーダーが幅に含まれるように */}#outer .tb01 td {position: relative;padding-left: 40%;/* 左にラベルを表示するためのスペース */padding-right: 10px;/* 右側に余白を追加 */}#outer .tb01 td:before {content: attr(data-label);/* 各セルにラベルを追加 */position: absolute;left: 10px;top: 10px;font-weight: bold;color: #D6C0B3;}.hyoucolor{background-color:#ffa51f;color: white;}#outer .tb01 tr.tr_head{background: #ffc394;color: #fff;display: none;}/*ページジャンプ*/#outer .jump ul._menu{display: flex;flex-wrap: wrap;}#outer .jump ul._menu li.global_item{width: 50%;box-sizing: border-box;}#outer .jump ul._menu li.global_item:nth-child(2n+1){border-right: none;}#outer .jump ul._menu li.global_item a{padding: 5px 7px;font-size: 12px;}#outer .jump ul._menu li.global_item a::before{position: absolute;content: '';top: 0.7em;left: 1em;height: 0;width: 0;border-style: solid;border-width: 6px 0 6px 9px;border-color: transparent transparent transparent #DA8359;}#outer .jump ul._menu li.global_item a::after{content: none;}/*メニュー 基本設定*/ul.menu{margin-bottom: 25px;justify-content: center;padding: 0 5px;gap: 0.2em;}ul.menu li{width: 90%;margin-bottom: 5px;margin-right: 0;}ul.menu li a{font-size: 1.1em;padding: 5px;position: relative;}a.adjustment {padding-top: 45px;margin-top: -45px;display: block;}#outer .contents .item .item_img img {width: 100%;}#outer .card {width: 90%;}#outer .packing-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5em;margin-bottom: 2.5em;margin-top: 1.5em;}#outer .packing-item span {font-weight: bold;font-size: 1em;colot: Black;padding-left: 0.2em;text-align: left;}#outer .tab_icon {height: auto;display: block;}#outer .new_icon2{display: none;}#outer .card-group {display: block;}#outer .contents .item {height: auto;margin-top: 20px;padding: 15px;}#outer .jump2{display: none;}#outer .custom-list {display: flex;list-style-type: none;/* padding: 0;*/flex-wrap: wrap;justify-content: space-around;margin: 30px 0;gap: 0.7em;}#outer .custom-list li {width: 47%;box-sizing: border-box;text-align: center;/* 1行あたり3つ */box-sizing: border-box;/* パディングやボーダーを含める */text-align: center;/* テキスト中央寄せ */padding: 15px;/* アイテムの余白 */}#outer .custom-list2 {display: flex;list-style-type: none;/* padding: 0;*/flex-wrap: wrap;justify-content: space-around;margin: 0;}#outer .custom-list2 li {width: 90%;/* 1行あたり3つ */box-sizing: border-box;/* パディングやボーダーを含める */text-align: center;/* テキスト中央寄せ */padding: 15px;/* アイテムの余白 */}#outer .chosei1 {font-size: 1.2em;padding: 0;/* background-color: #bc1823;*/margin-bottom: 15px;}#outer .contents .item .item_txt {grid-row: 1;grid-column: 2;margin-right: 0;}#outer .card-grid {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;padding: 0;}#outer .ribbon {position: absolute;top: 3px;left: -42px;width: 120px;background: #e60033;color: white;text-align: center;transform: rotate(-40deg);font-size: 0.8em;font-weight: bold;padding: 4px 0;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}#outer .tabs input:checked + .tab_item {height: 10em;}/* カラーチップ */#outer .color-samples {margin: 0.5em;}#outer .p-card2__top{grid-template-columns:42% 58%;padding:0;gap:10px;margin-top: 1em;}#outer .p-grid{grid-template-columns:1fr;gap:12px;margin-top: 1em;}#outer .p-card2{margin-top: 1em;width: 80%;margin: 0 auto;justify-items: center;}#outer .p-card2__title{margin: 1em 0 0 0;line-height: 1.5;justify-items: center;font-weight: 700;padding-top: 1em;}#outer .item_img3{width: 100%;}#outer h3.uline_b{margin-top: 1.2em;font-size: 1.3em;}}