/* CSS Document *//*大枠のcss*/#outer{width: 1260px;margin: 0 auto;justify-content: center;/* 水平方向の中央揃え */align-items: center;/* 垂直方向の中央揃え */background-color: #f6f2ec;background-image: linear-gradient(#fff 1px, transparent 0),linear-gradient(90deg, #fff 1px, transparent 0);background-size: 40px 40px;}#outer2{background: linear-gradient(to bottom, #fefde9 0%, #eaf8c9 50%, #c4ee96 100%);}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;}/*レコメンドのところ*/#recommend_block{border-top: inherit;background-color: #f6f2ec;}#recommend_block .ec-shelfRole{margin-bottom: 0px;}/*レコメンドの順位ランキングアイコン*/#recommend_block .ec-shelfRole li.ec-shelfGrid__item:before {content: '';z-index: 2;position: absolute;display: inline-block;width: 25px;height: 25px;background-size: contain;vertical-align: middle;}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(1)::before {background-image: url(/img/icon/rank_category_1.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(2)::before {background-image: url(/img/icon/rank_category_2.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(3)::before {background-image: url(/img/icon/rank_category_3.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(4)::before {background-image: url(/img/icon/rank_category_4.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(5)::before {background-image: url(/img/icon/rank_category_5.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(6)::before {background-image: url(/img/icon/rank_category_6.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(7)::before {background-image: url(/img/icon/rank_category_7.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(8)::before {background-image: url(/img/icon/rank_category_8.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(9)::before {background-image: url(/img/icon/rank_category_9.png);}#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(10)::before {background-image: url(/img/icon/rank_category_10.png);}/*カテゴリボタン設定*/#outer .category_btn{width: 100%;font-size: 1.2em;margin: 30px auto 40px;}#outer .category_btn a{color: #FFFFFF !important;border-bottom: solid 3px #FBF6E9;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 10px;font-weight: bold;border-radius: 100vh;background-color: #544541;}/*カテゴリボタン設定*/#outer .category_btn2{width: 100%;font-size: 1em;margin-top: 10px;}#outer .category_btn2 a{color: #FFFFFF !important;border-bottom: solid 3px #FBF6E9;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 5px;font-weight: bold;border-radius: 100vh;background-color: #bc1823;}/*タブのところ*//*タブ切り替え全体のスタイル*/#outer .tabs {margin-top: 50px;padding-bottom: 10px;background-color: #fff;width: 100%;margin: 0 auto;}/*タブのスタイル*/#outer .tab_item {width: calc(100%/3);display: block;justify-content: center;align-items: center;margin: 0;/*height: 50px;*/border-left: solid 2px #ffffff;box-sizing: border-box;background-color: #FBF6E9;line-height: 1.1em;font-size: 22px;text-align: center;float: left;font-weight: bold;transition: all 0.2s ease;padding: 1.5em;}#outer .tab_item:first-of-type {border-left-style: none;}#outer .tab_item:hover {opacity: 0.7;}/*ラジオボタンを全て消す*/input[name="tab_item"] {display: none;}/*タブ切り替えの中身のスタイル*/#outer .tab_content {display: none;padding: 30px 0 0;clear: both;overflow: hidden;font-size: 14px;}/*選択されているタブのコンテンツのみを表示*/#tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content, #tab4:checked ~ #tab4_content, #tab5:checked ~ #tab5_content{display: block;}/*選択されているタブのスタイルを変える*/#outer .tabs input:checked + .tab_item {background-color: #bc1823;color: #fff;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #bc1823;margin-bottom: 100px;}#outer .top_parts .top_txt{width: 54%;color: #FFFFFF;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;padding: 0 0 0 25px;}#outer .top_parts .top_txt h1{font-size: 2em;font-weight: bold;padding-bottom: 5px;line-height: 1.2;}#outer .top_parts .top_txt p{font-size: 1.3em;padding-top: 10px;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}/* accordion */#outer .accordion-btn {display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;border-bottom: solid 5px #bc1823;font-size: 2em;font-weight: bold;text-align: center;cursor: pointer;background-color: #544541;color: white;}/* アコーディオンコンテンツ */#outer .accordion_test{margin: 0 auto 45px;}/*アコーディオン チェックボックス隠す*/#outer .accordion-check {display: none;}#outer .accordion-label{display: fleX;background: #ffffff;/* border-bottom: solid 3px #EDDFE0;*/cursor: pointer;margin-bottom: 15px;box-sizing: border-box;position: relative;font-size: 1em;font-weight: bold;/* padding-left: 3px;*/color: #243642;z-index: 2;margin: auto;}#outer .accordion-label:after{content: '';width: 20px;height: 3px;background-color: #000000;position: absolute;top: 50%;right: 3%;transform: translateY(-50%);box-sizing: border-box;}#outer .accordion-content {display: none;/* 初期状態で非表示にする */overflow: visible;/* 隠れないように */transition: max-height 0.3s ease;/* 開閉時のアニメーション */max-height: none;/* 高さ制限を解除 */}#outer .accordion-check:checked + .accordion-label + .accordion-content {display: block;/* チェックされたら表示 */}/*アコーディオン設定 記号*/#outer .accordion-label::before,.accordion-label::after{content: '';width: 20px;height: 3px;background-color: white;position: absolute;top: 50%;right: 7%;transform: translateY(-50%);box-sizing: border-box;}#outer .accordion-label::after{transform: translateY(-50%) rotate(90deg);transition: .5s;}#outer .accordion-check:checked + .accordion-label:after {transform: translateY(-50%) rotate(0);}/*h2*/#outer h2.uline_b {font-size: 2em;font-weight: bold;text-align: center;border-bottom: solid 3px #544541;margin-top: 35px;margin-bottom: 25px;background-color: #f6f2ec;height: 50px;line-height: 50px;/* ← これで上下中央に見せつつ */vertical-align: bottom;/* ← 念のため追加しておくと◎ */}#outer .size_2table{justify-items: center;}/*メニュー 基本設定*/#outer ul.menu{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;justify-content: center;background-color: #fdf8f0;}#outer ul.menu li{width: 32%;box-sizing: border-box;border-radius: 0.5em;margin-bottom: 5px;}#outer ul.menu li a {font-weight: bold;text-decoration: none;display: flex;/* フレックスボックスを使用 */align-items: center;/* 垂直方向の中央揃え */justify-content: center;/* 水平方向の中央揃え */text-align: center;height: 70px;/* 高さを統一（適宜変更） */line-height: normal;/* line-heightをリセット */}#outer ul.menu li:hover{opacity: 0.7;}/*ul.menu li a:before{content: "";width: 0;height: 0;position: absolute;top: 45%;right: 10px;border: 6px solid transparent;border-top: 7px solid white;}*//*メニュー　各カテゴリ設定*/#outer ul.menu li{background-color: #bc1823;margin-right: 5px;}#outer ul.menu li a{color: white;font-size: 1.1em;line-height: 1.4;height: 45px;}#outer ul.menu2{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;justify-content: center;background-color: #fdf8f0;}#outer ul.menu2 li{width: 32%;box-sizing: border-box;border-radius: 0.5em;margin-bottom: 5px;}#outer ul.menu2 li a {font-weight: bold;text-decoration: none;display: flex;/* フレックスボックスを使用 */align-items: center;/* 垂直方向の中央揃え */justify-content: center;/* 水平方向の中央揃え */text-align: center;height: 70px;/* 高さを統一（適宜変更） */line-height: normal;/* line-heightをリセット */}#outer ul.menu2 li:hover{opacity: 0.7;}/*ul.menu li a:before{content: "";width: 0;height: 0;position: absolute;top: 45%;right: 10px;border: 6px solid transparent;border-top: 7px solid white;}*//*メニュー　各カテゴリ設定*/#outer ul.menu2 li{background-color: #bc1823;margin-right: 5px;}#outer ul.menu2 li a{color: white;font-size: 1.1em;line-height: 1.4;}/*h3*/#outer h3.contents_h3{font-size: 1.1em;font-weight: bold;/* margin-top: 35px;*/margin-bottom: 10px;padding-left: 5px;/* background: linear-gradient(#fff 60%, #FBF6E9 0%);*/text-align: center;color: #544541;}#outer p.contents_h3{font-size: 1em;padding: 10px;padding-left: 5px;text-align: center;}/*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-top: 15px;}#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: #bc1823;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;gap: 10px;}#outer .contents_b .item{border: 3px solid red !important;padding: 5px;display: grid;grid-template-columns: 1fr 1fr;background-color: white;}#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.2em;font-weight: bold;}#outer .contents_b .item .item_txt h3{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: #bc1823;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 #bc1823;}#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: #bc1823;}#outer .content_block ._box ._title ._type{position: relative;}/*タブ②*//*h2*/#outer h2.title_h2{background: #FBF6E9;border-left: solid 10px #bc1823;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;}/*左画像・右文章*//* グリッドで2列配置 */#outer .card-group {display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 40px;max-width: 1200px;margin: 0 auto 10px;padding: 0 20px;align-items: start;/* ← 高さ揃える */}/* 1枚だけのとき中央に寄せる */#outer .card-group.single-card {display: flex;justify-content: center;}#outer .card-group.single-card .contents {max-width: 600px;width: 100%;}/* カードボックスデザイン */#outer .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;}/* itemに関しては .card-box にまとめたのでここは省略 or微調整 */#outer .contents .item {margin: 15px 10px 50px;position: relative;}#outer .contents .item .item_img {grid-row: 1;grid-column: 1;text-align: right;}#outer .contents .item .item_img img {width: 90%;}#outer .contents .item .item_txt {grid-row: 1;grid-column: 2;padding: 12px;font-size: 1.1em;text-align: center;}#outer .contents .item .item_txt p {line-height: 1.5;font-size: 0.9em;}#outer .chosei {font-size: 1.08em;margin-bottom: 0;text-align: center;padding: 10px;}#outer .chosei2 {font-size: 1.35em;margin-bottom: 10px;text-align: center;font-weight: bold;}#outer .chosei10 {font-size: 1.08em;margin-bottom: 0;text-align: center;padding: 10px;background-color: #f6f2ec;}#outer .futo {font-weight: bold;}/*画像の下に文章*/#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 #FBF6E9;}#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: #bc1823;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 #bc1823;}#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 #bc1823;}/*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%, #FBF6E9 0%);}#outer h4.marker_h3{width: 100%;font-size: 1.5em;font-weight: bold;margin: 15px auto;padding-left: 5px;}/*2カラムの表*/#outer table.tb01{border-collapse: collapse;width: 90%;/* table-layout: fixed;*//* margin: auto 20px;*//* text-align: end;*/}#outer .tb01 tr.tr_head{background: #bc1823;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: #FBF6E9;}/*関連記事のところ*/#outer .column{width: 100%;margin-bottom: 45px;}#outer .column h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}#outer .column h3::before{content: "┃"}#outer .contents_02{display: flex;flex-wrap: wrap;/*	justify-content: space-between;*/margin: 0 auto;}#outer .contents_02 .item_{width: 33%;box-sizing: border-box;/*	border: solid 1px #cccccc;*/display: flex;flex-direction: column;}#outer .contents_02::after{content: "";display: block;width: 32%;height: 0;}#outer .contents_02 .item_ ul.btns_{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}#outer .contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}#outer .item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #bc1823;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;font-size: 1em;}#outer .column ul.tokusyu{display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;width: 100%;list-style: none;margin: 0 auto;}#outer .column ul.tokusyu li{width: 23%;margin-bottom: 10px;}#outer .column ul.tokusyu li img{width: 100%;height: auto;}#outer .column ul.tokusyu::before{content: "";display: block;width: 23%;order: 1;}#outer .column ul.tokusyu::after{content: "";display: block;width: 23%;}#outer .btn_gazou_:hover,.tokusyu li:hover{opacity: 0.7;}#outer ._btn78 {width: 90%;margin: auto;}#outer ._btn78 a{display: block;font-size: 1em;font-weight: bold;color: #ffffff !important;background-color: #544541;text-decoration: none;text-align: center;box-sizing: border-box;padding: 5px 0;border-radius: 1.5em;position: relative;margin: 15px;}#outer .tb01 tr.tr_head .haba {width: 9%;}#outer .tb01 tr.tr_head .haba2 {width: 17%;}#outer .jump{width: 100%;background-color: #ffffff;margin: 0 auto 50px;box-sizing: border-box;z-index: 35;padding-bottom: 0;padding-top: 0;max-width: 100%;display: none;}#outer .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 #544541;border-right: solid 2px #544541;}#outer .jump ul._menu li.global_item{width: 25%;position: relative;border-left: solid 2px #544541;border-bottom: solid 2px #544541;}#outer .jump ul._menu li.global_item:last-child{border-right-style: none;margin-right: 0;}#outer .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: #544541;}#outer .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: #544541 transparent transparent transparent;}#outer .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 #544541;border-right: solid 2px #544541;}#outer .jump2 ul._menu2 li.global_item{width: 25%;position: relative;border-left: solid 2px #544541;border-bottom: solid 2px #544541;}#outer .jump2 ul._menu2 li.global_item:last-child{border-right-style: none;margin-right: 0;}#outer .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: #544541;}#outer .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: #544541 transparent transparent transparent;}#outer .adjustment {padding-top: 130px;margin-top: -130px;display: block;}#outer .size_b{text-align: center;}#outer .heading-container {display: flex;align-items: center;/* 縦位置を中央揃え */gap: 20px;/* h3とコンテンツの間隔 */justify-content: center;}#outer h3.contents_h32 {font-size: 1.8em;font-weight: bold;margin-top: 35px;margin-bottom: 20px;padding-left: 5px;text-align: left;white-space: nowrap;/* h3のテキストを折り返さない */}/* 画像と説明を横並びにする */#outer .container {display: flex;align-items: center;gap: 20px;/* 画像と説明の間隔 */}#outer .new_icon3 {width: 100%;position: relative;margin-left: -8.7em;top: -22em;margin-bottom: 30px;}#outer .new_icon33 {width: 100%;position: relative;margin-left: -8.7em;top: -22em;margin-bottom: 30px;}#outer .new_icon3 img {position: absolute;}#outer .new_icon3 p {font-size: 14px;}#outer .new_icon2{width: 80%;position: relative;margin-left: -4em;top: -5em;}#outer .new_icon2 img{position: absolute;}#outer .new_icon5 {width: 25%;position: relative;margin-left: 50em;top: -17em;}#outer .new_icon5 img {position: absolute;}#outer .new_icon6 {width: 100%;position: relative;margin-left: 0;margin-top: 15px;border-top: solid 1px #dcd4d1;}#outer .new_icon6 img {position: static;vertical-align: bottom;}/*カラーから選ぶ*/#outer .color-contents{padding-top: 60px;}#outer .colorbutton-container {display: flex;justify-content: center;align-items: center;/* 子要素を縦方向の中心に揃えます */padding: 80px 0 40px 0;}#outer .colorbutton-container li{width: 300px;margin: 10px;}#outer .color_list {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 15px;}#outer .color_list li {text-align: center;width: 100px;margin-right: 10px;margin-bottom: 12px;border: solid 0.1px #808080;background-color: #ffff;}#outer .color_list li a {color: #333;text-decoration: none;}#outer .color_list .color_img {position: relative;display: flex;align-items: center;justify-content: center;width: 100px;height: 100px;border-bottom: solid 0.1px #808080;}#outer .color_list .color_txt {display: block;font-size: 1em;line-height: 1.7;margin: 2px 0 0;color: #332525;}#outer .color_white,.color_brown,.color_red,.color_pink,.color_blue,.color_green,.color_yellow,.color_orange,.color_gray,.color_black,.color_purple{width: 100px;height: 100px;}#outer .custom-list {display: flex;flex-wrap: wrap;/* アイテムを折り返す */list-style-type: none;/* デフォルトの箇条書きスタイルを削除 */padding: 0;/* 不要な余白を削除 */margin: 0;justify-content: center;gap: 20px;background-color: #f6f2ec;}#outer .custom-list li {width: 30%;box-sizing: border-box;text-align: center;border: 2.5px solid #544541;background-color: white;padding: 10px;}#outer .chosei4 {font-size: 1.25em;/* margin-bottom: 10px;*/padding: 3px;font-weight: bold;border-bottom: solid 3px #bc1823;margin: 5px 0 15px;}#outer .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;}/*価格*/#outer .item_price {display: flex;align-items: center;gap: 5px;font-size: 2.8em;font-weight: bolder;color: red;text-align: center;font-family: 'Century Gothic', sans-serif;background: linear-gradient(transparent 65%, yellow 30%);justify-content: center;margin-top: 10px;}#outer .item_price::after {content: "（税込）";font-size: 0.4em;display: inline;margin-left: -10px;}#outer .item_price span {vertical-align: bottom;line-height: 1;}/* 目次 */#outer .toc-001 {margin-bottom: 30px;padding: 1em;border: 2.5px solid #544541;background-color: #ffffff;color: #333333;font-size: 1.05em;margin: 0 auto;width: 50%;margin-bottom: 20px;}#outer .toc-001 div {display: flex;align-items: center;margin-bottom: 5px;padding: 0 25px;font-weight: bold;font-size: 1.1em;color: #544541;}#outer .toc-001 ol {list-style-type: disc;margin: 0;padding: 0 1.2em 0 0.3em;overflow: hidden;font-size: 1.05em;}#outer .toc-001 ol li{list-style-type: none;}#outer .toc-001 ol ol {margin: 5px 0 10px 0;}#outer .toc-001 a {color: #166c9d;align-items: center;/* アイコンとテキストを縦方向に中央揃え */text-decoration: none;/* リンクの下線を削除 */padding: 1px;}#outer .toc-001 a img {margin-right: 10px;/* アイコンとテキストの間にスペース */width: 20px;/* アイコンの幅 */height: 20px;/* アイコンの高さ */}#outer .text_group {flex: 1;}#outer .btn_group {margin-top: 20px;}#outer .btn_group a {display: inline-block;padding: 10px 20px;background: #4d3b35;/* 通常はしっかり茶色 */color: #fff;text-decoration: none;border-radius: 100vh;white-space: nowrap;transition: background 0.3s ease;/* ← なめらかに変化 */}#outer .btn_group a:hover {background: rgba(77, 59, 53, 0.25);/* ← ホバー時に透明に */color: #fff;}#outer .hidden {display: none;}/*スマホの設定*/@media screen and (max-width: 768px) {#outer{width: 100%;}/*カテゴリボタン設定*/#outer .category_btn{width: 95%;font-size: 1.1em;margin: 15px auto 15px;}#outer .category_btn a{padding: 6px;}/*見出し*/#outer .top_parts{flex-direction: column-reverse;margin-bottom: 50px;}#outer .top_parts .top_txt{width: 100%;padding: 15px;}#outer .top_parts .top_txt h1{font-size: 1.4em;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%;}/* accordion */#outer .accordion-btn {width: 100%;font-size: 1.35em;height: 30px;line-height: 60px;text-align: center;font-weight: bold;cursor: pointer;/* border-radius: 10px;*/user-select: none;}/*タブのところ*//*タブ切り替え全体のスタイル*/#outer .tabs {margin-top: 50px;padding-bottom: 20px;width: 95%;margin: 0 auto;display: flex;flex-wrap: wrap;}/*タブのスタイル*/#outer .tab_item {font-size: 0.85em;padding: 1em;}/*タブ切り替えの中身のスタイル*/#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 #bc1823;}#outer .jump ul._genre_menu li.global_item a::after{content: none;}/*ページジャンプ*/#outer .jump2{width: 100%;background-color: #ffffff;box-sizing: border-box;position: sticky;top: 70px;z-index: 2;padding-bottom: 0;padding-top: 0;max-width: 100%;display: block;margin: auto;}#outer .jump2 ul._genre_menu{display: flex;flex-wrap: wrap;}#outer .jump2 ul._genre_menu li.global_item{width: 50%;box-sizing: border-box;}#outer .jump2 ul._genre_menu li.global_item:nth-child(2n+1){border-right: none;}#outer .jump2 ul._genre_menu li.global_item a{padding: 5px 7px;font-size: 12px;}#outer .jump2 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 #bc1823;}#outer .jump2 ul._genre_menu li.global_item a::after{content: none;}/*h2*/#outer h2.uline_b {font-size: 1.35em;background-color: #f6f2ec;border-bottom: solid 3px #544541;height: 30px;line-height: 30px;/* ← 高さと揃えて中央揃え */}/*h3*/#outer h3.contents_h3{font-size: 1.2em;padding-left: 0;text-align: center;}#outer .contents .item .item_txt {grid-row: 1;grid-column: 2;/* padding-right: 1em;*/padding: 0;font-size: 1.1em;text-align: left;padding-right: 15px;}/*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 .item .item_txt h3 {font-size: 1.1em;}/*商品一覧はこちらのボタン*/#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: 5px 15px;background-color: white;}#outer .contents_b .item .item_txt h4{font-size: 1.1em;}#outer .contents_b .item .item_txt h3{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 5px;margin-top: 20px;margin-bottom: 10px;font-size: 1.2em;}/*左画像・右文章*/#outer .contents {width: 100%;display: block;margin: 0 auto;}#outer .contents .item {margin: 10px;/* align-items: center;*/gap: 1px;display: block;}#outer .contents .item .item_img {margin-bottom: 20px;}#outer .contents .item .item_txt p {line-height: 1.5;font-size: 1em;}#outer .contents .item .item_txt {text-align: center;margin: 5px;padding: 0 10px;}/*画像の下に文章*/#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%, #FBF6E9 0%);}#outer h4.marker_h3{font-size: 1.3em;margin: 15px auto;padding-left: 5px;}/*2カラムの表*/#outer table.tb01{width: 100%;margin: 0 auto;}#outer .tb01 tr.tr_head th{font-size: 1em;padding: 8px;width: 15%;}#outer .tb01 tr.tr_head .norm{width: 100%;}#outer .tb01 th{padding: 10px;border: solid 1px #ccc;text-align: center;box-sizing: border-box;background: #bc1823;color: white;}#outer .tb01 td{padding: 8px;font-size: 0.95em;}#outer .btn_group {margin-top: 20px;}/*関連記事*/#outer .column{width: 100%;}#outer .column h3{padding: 5px;font-size: 1.3em;margin: 0;}#outer .column h3::before{content: "┃"}#outer .contents_02{padding: 0 10px;}#outer .contents_02 .item_{width: 100%;margin: 5px auto;padding: 0;}#outer .contents_02::after{content: none;}#outer .contents_02 .item_ ul.btns_{font-size: 0.9em;width: 100%;margin-bottom: 0;padding: 0;}#outer .contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}#outer .item_ .btn_gazou_ a{padding: 10px 0;border-radius: 100vh;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;}#outer .column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}#outer .column ul.tokusyu li{width: 49%;}#outer .chosei {font-size: 1em;padding: 5px 15px;margin-bottom: 15px;}#outer .chosei2 {font-size: 1.2em;margin-bottom: 0;}/*ページジャンプ*/#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 #544541;}#outer .jump ul._menu li.global_item a::after{content: none;}/*メニュー 基本設定*/#outer ul.menu{padding: 0 10px;margin-bottom: 25px;justify-content: space-between;background-color: #f6f2ec;}#outer ul.menu li{width: 49%;margin-bottom: 5px;margin-right: 0;}#outer ul.menu li a{font-size: 0.85em;padding: 5px 10px;position: relative;height: 25px;}/*メニュー 基本設定*/#outer ul.menu2{padding: 0 10px;justify-content: space-between;background-color: #fdf8f0;}#outer ul.menu2 li{width: 49%;margin-bottom: 5px;margin-right: 0;}#outer ul.menu2 li a{font-size: 0.85em;padding: 5px 10px;position: relative;height: 20px;}#outer a.adjustment {padding-top: 90px;margin-top: -90px;display: block;}#outer .heading-container {display: flex;align-items: center;/* 縦位置を中央揃え */gap: 20px;/* h3とコンテンツの間隔 */justify-content: center;margin: 15px 0 10px 0;}#outer h3.contents_h32 {font-size: 1.35em;font-weight: bold;margin-top: 0;margin-bottom: 0;padding-left: 15px;text-align: left;white-space: nowrap;}/* 画像と説明を横並びにする */#outer .container {display: flex;align-items: center;gap: 20px;/* 画像と説明の間隔 */}#outer .new_icon3 {width: 35%;position: relative;margin-left: -2em;top: 0em;}#outer .new_icon33 {width: 35%;position: relative;margin-left: -2em;top: 0em;}#outer .new_icon3 img {}#outer .new_icon5 {position: relative;}#outer .new_icon5 img {}#outer .new_icon3 p {font-size: 14px;}#outer .custom-list {display: flex;list-style-type: none;/* padding: 0;*/flex-wrap: wrap;justify-content: space-around;margin: 30px 0;}#outer .custom-list li {width: 90%;/* 1行あたり3つ */box-sizing: border-box;/* パディングやボーダーを含める */text-align: center;/* テキスト中央寄せ */padding: 15px;/* アイテムの余白 */}#outer .chosei4 {font-size: 1.2em;padding: 0;}#outer .chosei1 {font-size: 1.2em;padding: 0;/* background-color: #bc1823;*/margin-bottom: 15px;}/*価格*/#outer .item_price {font-size: 2em;margin-top: 0;}#outer .item_price::after {font-size: 0.5em;}#outer .chosei{font-size: 1em;text-align: center;margin-bottom: 0;}/*カテゴリボタン設定*/#outer .category_btn2{width: 100%;font-size: 1em;margin-top: 10px;}#outer .category_btn2 a{color: #FFFFFF !important;border-bottom: solid 3px #FBF6E9;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 1px;font-weight: bold;border-radius: 100vh;background-color: #bc1823;}#outer .toc-001 {font-size: 0.9em;width: 80%;}#outer .contents .item .item_img img {width: 100%;text-align: center;}#outer .new_icon2{position: relative;margin-left: 15em;top: 10em;width: 40%;}#outer .new_icon2 img{position: absolute;}#outer .new_icon5 {width: 45%;position: relative;margin-left: 15em;top: -10em;}#outer .new_icon6{position: relative;/* margin-left: 7em;*/top: -1em;border-top: solid 1px #dcd4d1;}#outer .toc-001 div {display: flex;align-items: center;margin-bottom: 5px;padding: 0 25px;font-weight: bold;font-size: 1.1em;justify-content: center;}#outer .jump{display: block;}#outer .card-group {display: block;}}