@charset "utf-8";/* CSS Document *//*大枠のcss*/#outer{width: 1260px;margin: 0 auto;text-align: center;background-color: #fdf9f2;}#outer a:link{color: #006699;text-decoration: none;}/*マウスオーバーでふぉんってなる*/#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 #597445;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: #658147;}#outer .category_btn2{width: 100%;font-size: 1.2em;margin: 15px auto;}#outer .category_btn2 a{color: #FFFFFF !important;border-bottom: solid 3px #597445;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: #658147;}/*タブのところ*//*タブ切り替え全体のスタイル*/#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 #658147;  /* 緑の枠を全体に */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 #658147;}#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: #fdf9f2;}/*選択されているタブのスタイルを変える*/#outer .tabs input:checked + .tab_item {background-color: #658147;color: #fff;height: 80px;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #658147;}#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;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: solid 5px #658147;margin-bottom: 15px;background-color: #fdf9f2;}/*メニュー 基本設定*/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: #658147;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: #658147;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 #658147;}#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: #658147;}#outer .content_block ._box ._title ._type{position: relative;}/*タブ②*//*h2*/#outer h2.title_h2{background: #FDF7F4;border-left: solid 10px #658147;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;}.chosei {font-size: 1.2em;padding: 0 10px;margin-bottom: 15px;font-weight: bold;border-bottom: solid 2px #bc1823;}.chosei2 {font-size: 1.1em;margin-bottom: 10px;text-align: left;}.chosei3 {font-size: 1.18em;margin-top: 30px;text-align: center;background-color: #fdf9f2;}/*画像の下に文章*/#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: #658147;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 #658147;}#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 #658147;}/*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%);}#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: #658147;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: center;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: #658147;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: sticky;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: #fdf9f2;justify-content: center;margin-bottom: 1.3em;}ul.menu li{width: 49%;box-sizing: border-box;margin-bottom: 30px;}ul.menu li{width: 32%;}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: #6d5c5c;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;}.card-grid {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;padding: 20px 0;}.card {position: relative;width: 22%;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;}.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);}.card:hover {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}.card img {width: 100%;height: auto;display: block;}.card h4 {font-size: 1rem;margin: 12px 0 6px;}.card p {font-size: 0.9rem;color: BLACK;padding: 1em;line-height: 1.4;text-align: left;}.menu-grid-container .grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;max-width: 800px;margin: auto;}.menu-grid-container .item {border: 1px solid #ccc;padding: 10px;text-align: center;background-color: #ffecec;}.menu-grid-container .item.highlight {background-color: #ffff99;}.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: #fdf9f2;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: #6d5c5c;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;}.product-container {display: flex;flex-wrap: wrap;gap: 20px;max-width: 1200px;margin: 0 auto;}.product-card {flex: 1 1 calc(33.333% - 20px);display: flex;background: white;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease;min-width: 300px;}.product-card:hover {transform: translateY(-4px);}.product-card img {width: 120px;height: 120px;object-fit: cover;padding: 1em;}.product-content {padding: 12px;display: flex;flex-direction: column;justify-content: center;color: BLACK;}.product-card-link {display: block;text-decoration: none;color: inherit;flex: 1 1 calc(33.333% - 20px);-webkit-tap-highlight-color: transparent; /* タップ時の青ハイライトを無効化 */outline: none; /* 必要に応じて */}.product-button{color: #006699;text-decoration-line: underline;font-weight: bold;}/*スマホの設定*/@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;}/*カテゴリボタン設定*/#outer .category_btn2{font-size: 1em;}#outer .category_btn2 a{padding: 6px;}/*見出し*/#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.32em;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 #658147;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 #658147;}#outer .jump ul._genre_menu li.global_item a::after{content: none;}/*h2*/#outer h2.uline_b{font-size: 1.33em;margin: 5px 10px;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%);}/*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;}/*タブ②*//*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;}/*タブ③*//*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: #658147;color: white;}#outer .tb01 td{padding: 8px;font-size: 0.95em;}/*関連記事*/.column{width: 100%;}.column h3{padding: 5px;font-size: 1.3em;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: 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;}.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; /* 背景色 */}.tb01 th, .tb01 td {display: block; /* セルを縦に並べる */width: 100%;box-sizing: border-box; /* パディングやボーダーが幅に含まれるように */}.tb01 td {position: relative;padding-left: 40%; /* 左にラベルを表示するためのスペース */padding-right: 10px; /* 右側に余白を追加 */}.tb01 td:before {content: attr(data-label); /* 各セルにラベルを追加 */position: absolute;left: 10px;top: 10px;font-weight: bold;color: #D6C0B3;}.hyoucolor{background-color:#729762;color: white;}#outer .tb01 tr.tr_head{background: #658147;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%;}.card {width: 45%;}.packing-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5em;margin-bottom: 2.5em;margin-top: 1.5em;}.packing-item span {font-weight: bold;font-size: 1em;colot: Black;padding-left: 0.2em;text-align: left;}.tab_icon {height: auto;display: block;}.new_icon2{display: none;}#outer .card-group {display: block;}#outer .contents .item {height: auto;margin-top: 20px;padding: 15px;}#outer .jump2{display: none;}.custom-list {display: flex;list-style-type: none;/* padding: 0;*/flex-wrap: wrap;justify-content: space-around;margin: 30px 0;gap: 0.7em;}.custom-list li {width: 47%;box-sizing: border-box;text-align: center;/* 1行あたり3つ */box-sizing: border-box;/* パディングやボーダーを含める */text-align: center;/* テキスト中央寄せ */padding: 15px;/* アイテムの余白 */}.custom-list2 {display: flex;list-style-type: none;/* padding: 0;*/flex-wrap: wrap;justify-content: space-around;margin: 0;}.custom-list2 li {width: 90%;/* 1行あたり3つ */box-sizing: border-box;/* パディングやボーダーを含める */text-align: center;/* テキスト中央寄せ */padding: 15px;/* アイテムの余白 */}.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;}.card-grid {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;padding: 0;}.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);}.product-container {display: none;}#outer .tabs input:checked + .tab_item {height: 10em;}}