@charset "utf-8";/* CSS Document *//*大枠のcss*/#outer{width: 1260px;margin: 0 auto;position: sticky;z-index: 0;}#outer .img{display: block;}#outer .item_img3 {flex-wrap: wrap;/* 折り返しを有効にする */margin: 0;/* 親要素の余白を無くす */padding: 0;/* 親要素の内側の余白を無くす */gap: 0;}#outer .item_img3 img {width: calc(15% - 10px);}#outer .item_img4 {}#outer .item_img4 img{width: 120px;margin-bottom: 1em;}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;}/*レコメンドのところ*/#outer #recommend_block{border-top: inherit;}#outer #recommend_block .ec-shelfRole{margin-bottom: 0px;}#outer .recommend_list {background-color: #FBF6E9;/* ランキング部分の背景色 */padding: 15px;/* 内側に余白を追加 */}/*カテゴリボタン設定*/#outer .category_btn{width: 100%;font-size: 1.2em;margin: 15px auto 60px;}#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: #81BFDA;margin-top: 1.5em;}#outer .category_btn2{width: 100%;font-size: 1.2em;margin: 15px auto;}#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: 10px;font-weight: bold;border-radius: 100vh;background-color: #81BFDA;}/*タブのところ*//*タブ切り替え全体のスタイル*//*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #81BFDA;margin-bottom: 10px;}#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: 1.9em;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%;}/*ページジャンプのcss*/#outer .jump{width: 100%;background-color: #ffffff;margin: 0 auto 50px;box-sizing: border-box;position: sticky;top: 0;z-index: 2;padding-bottom: 0;padding-top: 0;max-width: 100%;}#outer .jump ul._genre_menu{width: 100%;display: flex;flex-flow: row;justify-content: center;margin: 0;box-sizing: border-box;list-style: none;padding: 0;border-top: solid 2px #81BFDA;border-right: solid 2px #81BFDA;}#outer .jump ul._genre_menu li.global_item{width: 25%;position: relative;border-left: solid 2px #81BFDA;border-bottom: solid 2px #81BFDA;}#outer .jump ul._genre_menu li.global_item:last-child{border-right-style: none;margin-right: 0;}#outer .jump ul._genre_menu li.global_item a{display: block;padding: 20px 20px 40px 20px;font-weight: bold;text-decoration: none;box-sizing: border-box;text-align: center;color: #81BFDA;}#outer .jump ul._genre_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: #81BFDA transparent transparent transparent;}/*h2*/#outer h2.uline_b{font-size: 2em;font-weight: bold;/* text-align: center;*/border-bottom: solid 5px #81BFDA;margin-top: 35px;margin-bottom: 15px;}/*メニュー基本設定*/#outer ul.menu{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;}#outer ul.menu li{width: 49%;box-sizing: border-box;border-radius: 0.5em;margin-bottom: 30px;}#outer ul.menu li{width: 24.6%;}#outer ul.menu li a{font-weight: bold;text-decoration: none;display: block;padding: 10px 15px;position: relative;}#outer ul.menu li:hover{opacity: 0.7;}#outer ul.menu li a:before{content: "";width: 0;height: 0;position: absolute;top: 45%;right: 10px;border: 6px solid transparent;}/*メニュー　各カテゴリ設定*/#outer ul.menu li{background-color: #f4c22f;margin-right: 5px;}#outer ul.menu li a{color: white;font-size: 1em;}#outer ul.menu li a:before{border-top: 7px solid white;}/*h3*/#outer h3.contents_h3{font-size: 1.8em;font-weight: bold;margin-top: 2.5em;margin-bottom: 30px;padding-left: 5px;background: linear-gradient(#fff 60%, #FBF6E9 0%);}#outer p.contents_h3{font-size: 1em;padding: 10px;padding-left: 5px;}/*4個並べ*/#outer .contents_4{margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;width: 98%;margin-top: 5em;background: rgb(250, 250, 250);}#outer .contents_4 .item{width: 16%;/*3個並びにしたいときは33％とかにする*/box-sizing: border-box;border: solid 1px #cccccc;margin-bottom: 20px;padding: 10px;display: flex;flex-direction: column;border-radius: 12px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}#outer .contents_4::after, #outer .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: 1em;}#outer .item .item_txt h4 {font-size: 1.1em;font-weight: bold;margin: 5px 0px;}#outer .contents_4 .item2 .item_txt{padding: 0 10px;margin-bottom: 20px;font-size: 0.9em;}#outer .item2 .item_txt h4 {font-size: 1.5em;font-weight: bold;margin: 5px;}#outer .item ul.osusume li.osusume_item::before{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: #111;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;}#outer .item .btn_gazou a::after{content: url(https://shimojima.xyz/img/freepage/food_delivery/ico_ya.png);line-height: 0;position: absolute;top: 50%;right: 5%;transform: translateY(-50%);}/*画像と文字横並びブロック*/#outer .contents_b{width: 70%;margin: 15px auto;display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 10px;}#outer .contents_b .item{border: solid 1px #cccccc;padding: 5px;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 .contents_b .item2 .item_txt{padding: 0 5px;}#outer .contents_b .item2 .item_txt h4{font-size: 1em;font-weight: bold;}#outer .contents_b .item2 .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: #81BFDA;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 #81BFDA;}#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: #81BFDA;}#outer .content_block ._box ._title ._type{position: relative;}/*タブ②*//*h2*/#outer h2.title_h2{background: #FBF6E9;border-left: solid 10px #81BFDA;padding: 0.75rem 1.5rem;margin-top: 45px;margin-bottom: 10px;font-size: 2em;font-weight: bold;color: #3F3A34;}.uline_b{background: #FBF6E9;border-left: solid 10px #81BFDA;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: 40px;font-size: 1.2em;font-weight: bold;color: #3F3A34;}/*左画像・右文章*/#outer .contents {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}#outer .contents .item .item_img {grid-row: 1;grid-column: 1;}#outer .contents .item .item_img img {width: 100%;}#outer .contents .item .item_txt {grid-row: 1;grid-column: 2;}#outer .contents .item .item_txt p {line-height: 1.5;font-size: 1.2em;}#outer .contents .item2 .item_txt {grid-row: 1;grid-column: 2;}#outer .contents .item2 .item_txt p {line-height: 1.5;font-size: 1.5em;}#outer .chosei {font-size: 1.18em;padding: 0 10px;margin-bottom: 15px;}#outer .chosei2 {font-size: 1.18em;margin-bottom: 10px;padding: 5px;}#outer .chosei3 {font-size: 1.18em;margin-top: 30px;padding: 5px;}#outer .chosei4 {text-align: center;font-size: 1em;/* margin-bottom: 10px;*/padding: 3px;}/*画像の下に文章*/#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: #81BFDA;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 #81BFDA;}#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 #81BFDA;}/*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: 100%;table-layout: fixed;margin-bottom: 75px;}#outer .tb01 tr.tr_head{background: #81BFDA;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: 32%;box-sizing: border-box;/* border: solid 1px #cccccc;*/display: flex;flex-direction: column;}#outer .contents_02::after{content: "";display: block;width: 32%;height: 0;}#outer .contents_02 .item_ ul.btns_{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}#outer .contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}#outer .item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #81BFDA;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;font-size: 1em;}#outer .column ul.tokusyu{display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;width: 100%;list-style: none;margin: 0 auto;}#outer .column ul.tokusyu li{width: 23%;margin-bottom: 10px;}#outer .column ul.tokusyu li img{width: 100%;height: auto;}#outer .column ul.tokusyu::before{content: "";display: block;width: 23%;order: 1;}#outer .column ul.tokusyu::after{content: "";display: block;width: 23%;}#outer .btn_gazou_:hover, #outer .tokusyu li:hover{opacity: 0.7;}#outer ._btn78 {width: 100%;margin: 10px auto;}#outer ._btn78 a{display: block;font-size: 1em;font-weight: bold;color: #ffffff !important;background-color: #f4c22f;text-decoration: none;text-align: center;box-sizing: border-box;padding: 3px 0;border-radius: 1.5em;position: relative;border-bottom: solid 3px ##81BFDA;}#outer ._btn79 {width: 100%;margin-top: 20px;}#outer ._btn79 a{display: block;font-size: 1.1em;font-weight: bold;color: #ffffff !important;background-color: #f4c22f;text-align: center;box-sizing: border-box;padding: 5px 0;border-radius: 1.5em;position: relative;border-bottom: solid 3px ##81BFDA;text-decoration: none;}#outer .tb01 tr.tr_head .haba {width: 13%;}#outer .tb01 tr.tr_head .haba2 {width: 13%;}/*ページジャンプのcss*/#outer .jump{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%;}#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 #f4c22f;border-right: solid 2px #f4c22f;}#outer .jump ul._menu li.global_item{width: 25%;position: relative;border-left: solid 2px #f4c22f;border-bottom: solid 2px #f4c22f;}#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: #f4c22f;}#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: #f4c22ftransparent transparent transparent;}#outer a.adjustment {padding-top: 90px;margin-top: -90px;display: block;}#outer .contents2 .item {margin: 0 auto 50px;display: grid;grid-template-columns: 1fr 2fr;column-gap: 20px;}/*h2*/#outer h2.title_h2{background: #D4EBF8;border-left: solid 10px #81BFDA;padding: 0.75rem 1.5rem;margin-top: 45px;margin-bottom: 10px;font-size: 2em;font-weight: bold;color: #3F3A34;}.uline_b{background: #D4EBF8;border-left: solid 10px #81BFDA;padding: 0.75rem 1.5rem;margin-top: 45px;margin-bottom: 10px;font-size: 2em;font-weight: bold;color: #3F3A34;}/*左画像・右文章*/#outer .contents {width: 100%;display: flex;flex-wrap: wrap;justify-content: left;margin: 0 auto;background: white;}#outer .contents .item2 {text-align: center;grid-template-columns: 1fr 2fr;column-gap: 20px;}#outer .contents .item .item_img {grid-row: 1;grid-column: 1;}#outer .contents .item .item_img img {width: 100%;}#outer .contents .item .item_txt {grid-row: 1;grid-column: 2;}#outer .contents .item .item_txt p {line-height: 1.5;/*font-size: 1em;*/}#outer .contents .item2 .item_txt {grid-row: 1;grid-column: 2;}#outer .contents .item2 .item_txt p {line-height: 1.5;font-size: 1.2em;text-align: left;}/*売れ筋商品アイコン画像*/#outer .new_icon{width: 35%;position: relative;margin-left: -2.0em;top: -2.3em;}#outer .new_icon img{position: absolute;margin-left: 1em;top: -3em;width: 42%;}/*売れ筋商品アイコン画像*/#outer .new_icon2{width: 35%;position: relative;margin-left: -2.0em;top: -4.8em;}#outer .new_icon2 img{position: absolute;margin-left: 15.3em;top: 2.5em;width: 20%;}#outer .new_icon3{width: 35%;position: relative;margin-left: -2.0em;top: -4.5em;}#outer .new_icon3 img{position: absolute;margin-left: 24em;top: 2em;width: 20%;}/*レコメンドの順位ランキングアイコン*/#outer #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;}#outer #recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(1)::before {background-image: url(/img/icon/rank_category_1.png);}#outer #recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(2)::before {background-image: url(/img/icon/rank_category_2.png);}#outer #recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(3)::before {background-image: url(/img/icon/rank_category_3.png);}#outer #recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(4)::before {background-image: url(/img/icon/rank_category_4.png);}#outer #recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(5)::before {background-image: url(/img/icon/rank_category_5.png);}#outer #recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(6)::before {background-image: url(/img/icon/rank_category_6.png);}#outer #recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(7)::before {background-image: url(/img/icon/rank_category_7.png);}#outer #recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(8)::before {background-image: url(/img/icon/rank_category_8.png);}#outer #recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(9)::before {background-image: url(/img/icon/rank_category_9.png);}#outer #recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(10)::before {background-image: url(/img/icon/rank_category_10.png);}#outer .item_txt4{text-align: center;}#outer .item-grid {display: grid;grid-template-columns: repeat(6, 1fr);/* デフォルトは6列（PC向け） */gap: 16px;/* アイテム間の隙間 */max-width: 1200px;/* 必要に応じて全体幅を制限 */margin: 10px auto;}#outer .item3 {text-align: center;/* 必要ならアイテムの中央寄せ */}#outer .item3 a {display: block;/* タグをブロック要素化して画像を囲む */text-decoration: none;/* 必要ならリンクの下線を削除 */}#outer .item3 img {max-width: 100%;/* 画像を親要素にフィット */height: auto;display: block;/* 画像下の余白を防ぐ */}/* アコーディオンコンテンツ */#outer .accordion_test{margin: 2em auto;}/*アコーディオンチェックボックス隠す*/#outer .accordion-check {display: none;}#outer .accordion-label{display: fleX;/* 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, #outer .accordion-label::after{content: '';width: 20px;height: 3px;background-color: #183B4E;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);}/* accordion */#outer .accordion-btn {display: flex;align-items: center;justify-content: left;width: 100%;height: 40px;border-bottom: solid 2.5px #183B4E;font-size: 1.5em;font-weight: bold;text-align: center;cursor: pointer;padding: 5px;margin-bottom: 1em;}/*レコメンド設定*/#outer #recommend_block{border-top: inherit;}#outer #recommend_block .ec-shelfRole{margin-bottom: 0px;}#outer #recommend_block:last-child{border-bottom: inherit;}/*.recommend_itemのとこ*/#outer .recommend_item{width: 100%;}/*.item_con 基本設定*/#outer .recommend_item .item_con{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: auto;padding: 10px;}#outer .recommend_item .low_price .item_con{padding: 0px;}#outer .recommend_item .low_price{padding: 10px;}/*.item_detail 基本設定*/#outer .recommend_item .item_con .item_detail, #outer .recommend_item .item_con .item_detail_gekiyasu{width: 24%;border: 1px solid #e5e5e5;text-align: center;transition: all 0.3s ease;box-sizing: border-box;padding: 10px 15px;margin-bottom: 20px;}#outer .recommend_item .low_price .item_con .item_detail, #outer .recommend_item .item_con .item_detail_gekiyasu{background-color: #FFF0E2;}#outer .recommend_item .item_con .item_detail_gekiyasu{border: inherit;border-top: solid 1px #808080;border-bottom: solid 1px #808080;border-left: solid 1px #808080;}/*.insulation_cup 設定*/#outer .recommend_item .item_con .insulation_item{width: 49%;}#outer .recommend_item .item_con .insulation_item .two_type{display: flex;}#outer .recommend_item .item_con .insulation_item .item_detail_gekiyasu, #outer .recommend_item .item_con .insulation_item .item_detail{width: 50%;}#outer .recommend_item .item_con .insulation_item p.capacity{text-align: center;font-size: 1.5em;font-weight: bold;background-color: #104861;color: #fff;padding: 5px;}#outer .recommend_item .item_con .insulation_item p.cup_type{text-align: center;}#outer .recommend_item .item_con .insulation_item p.cup_type span{font-size: 1.3em;font-weight: bold;border-bottom: solid 1px;}/*プラカップコンテナ中身設定画像*/#outer .recommend_item .item_con .item_img, #outer .recommend_item .item_con .item_img_3oz, #outer .recommend_item .item_con .item_img_5oz, #outer .recommend_item .item_con .item_img_7oz{width: 60%;margin: auto;}/*アイコン*/#outer .recommend_item .item_con .item_img_3oz::before, #outer .recommend_item .item_con .item_img_5oz::before, #outer .recommend_item .item_con .item_img_7oz::before{position: absolute;content: "";display: inline-block;width: 5em;height: 5em;margin-left: -5.8em;margin-top: 0px;}#outer .recommend_item .item_con .item_img_3oz::before{background: url("/img/freepage/papercup/3oz_icon.png") no-repeat;background-size: contain;}#outer .recommend_item .item_con .item_img_5oz::before{background: url("/img/freepage/papercup/5oz_icon.png") no-repeat;background-size: contain;}#outer .recommend_item .item_con .item_img_7oz::before{background: url("/img/freepage/papercup/7oz_icon.png") no-repeat;background-size: contain;}/*.item_detail 中身設定商品名*/#outer .recommend_item .item_con h4{font-size: 1.2em;font-weight: bold;text-align: center;padding: 0.5em 0 0 0;}#outer .recommend_item .item_con .insulation_item h4{font-size: 1em;}/*.item_detail 中身設定何個入り何円*/#outer .item_price p{font-size: 1.7em;font-weight: bold;color: red;text-align: center;width: 100%;margin: 0px auto 10px;}#outer .item_price p{background: linear-gradient(transparent 60%, yellow 0%);}#outer .item_price p::after{content: "（税込）";font-size: 0.6em;}/*.item_detail 中身設定 1個辺りの値段*/#outer .unit_price{font-weight: bold;margin-bottom: 5px;text-align: center;font-size: 0.9em;}#outer .recommend_item .item_con .item_redprice span{font-size: 0.6em;}/*.item_detail 中身設定ボタン*/#outer .recommend_item .item_con .item_btn{width: 90%;margin: 10px auto;}#outer .recommend_item .item_con .item_btn a{display: block;font-size: 1em;font-weight: bold;color: #fff;background-color: #ff7f00;text-decoration: none;text-align: center;box-sizing: border-box;padding: 5px 0;position: relative;border-radius: 15px;}#outer .recommend_item .item_con .item_btn a:before{content: "";width: 0;height: 0;position: absolute;top: 30%;left: 5%;border-top: 6px solid transparent;border-left: 7px solid #fff;border-right: 6px solid transparent;border-bottom: 6px solid transparent;}#outer .recommend_item .item_con .item_btn a:hover{opacity: 0.7;}#outer .recommend_item .item_con .insulation_item .item_detail_gekiyasu::before{position: absolute;content: "";display: inline-block;width: 6em;height: 6em;background: url(/img/category/header/icon_gekiyasu.gif) no-repeat;background-size: contain;margin-left: -2.5em;margin-top: -3em;}#outer p.saiyasune{font-size: 2em;font-weight: bold;background-color: #e60012;color: yellow;text-align: center;padding: 5px;margin-bottom: 5px;width: 100%;}#outer .section-title {font-size: 1.3em;font-weight: 700;margin: 0 1em 1em;border-left: 4px solid #111;padding-left: 12px;}#outer .size-title,#outer .popular-title {font-size: 1.3em;font-weight: 600;color: #004aad;}/* =========================商品グリッド（PC）========================= */#outer .product-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 0.5em;margin-bottom: 40px;width: 100%;margin: 0 auto 3em;}#outer .product-card {background: #fff;border: 1px solid #e5e5e5;padding: 1em;text-align: center;transition: all 0.3s ease;border-radius: 16px;}#outer .product-image {background: #eee;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;font-size: 14px;color: #999;}#outer .product-image img {width: 100%;height: auto;object-fit: contain;}/* =========================人気サイズ========================= */#outer .popular-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;}#outer .popular-card {background: #fff;border: 1px solid #e5e5e5;padding: 30px;text-align: center;}#outer .popular-image {background: #eee;height: 220px;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;color: #999;}#outer .capacity {font-size: 14px;margin-bottom: 0;margin-top: 1.1em;color: #666;}#outer .capacity2 {font-size: 14px;color: #666;margin: 1em 0em;}/* =========================ボタン========================= */#outer .product-btn {display: inline-block;padding: 10px 24px;background: #111;color: #fff;text-decoration: none;font-size: 14px;letter-spacing: 0.05em;transition: all 0.3s ease;border-radius: 999px;}#outer .product-btn3 {display: inline-block;padding: 5px;background: #111;color: #fff;text-decoration: none;font-size: 14px;letter-spacing: 0.05em;transition: all 0.3s ease;border-radius: 999px;margin-top: 0.5em;}#outer .product-btn33 {display: inline-block;padding: 10px 24px;background: #111;color: #fff;text-decoration: none;font-size: 14px;letter-spacing: 0.05em;transition: all 0.3s ease;border-radius: 999px;margin-left: 32em;}#outer .product-btn:hover {background: #444;}#outer .product-btn33:hover {background: #444;}/* =========================レイアウト========================= */#outer .contents .item {display: flex;gap: 40px;align-items: flex-start;}/* 左メイン */#outer .contents .item_main {flex: 1;display: flex;gap: 1em;}#outer .contents .item_img img {width: 100%;height: auto;display: block;}/* 交互カラーで視認性UP */#outer .contents .size_btn:nth-child(even) {background: #e9e4da;}#outer .contents .size_btn:hover {background: #333;color: #fff;border-color: #333;}#outer .item_img {margin-bottom: 20px;}#outer .item_txt {line-height: 1.8;}#outer .size-scroll-wrap {overflow-x: auto;padding-bottom: 10px;}#outer .size-scroll {display: flex;gap: 16px;}#outer .size-card {position: relative;display: flex;align-items: center;justify-content: center;background-image: url("images/cup-1oz.jpg");background-size: cover;background-position: center;text-decoration: none;border-radius: 6px;overflow: hidden;padding: 20px;min-width: 180px;/* 横スクロール前提なら必須 */}/* 白透けを疑似要素で作る */#outer .size-card::before {content: "";position: absolute;inset: 0;}/* 文字を前面へ */#outer .size-info {position: relative;z-index: 2;text-align: center;color: #333;}#outer .oz {font-size: 18px;font-weight: bold;display: block;margin-bottom: 6px;}#outer .dia-text {font-size: 13px;display: block;margin-bottom: 4px;}#outer .ml {font-size: 14px;font-weight: bold;}#outer .item-grid {display: flex;overflow-x: auto;gap: 16px;padding-bottom: 10px;scroll-behavior: smooth;}#outer .item3 {flex: 0 0 auto;width: 180px;}#outer .item3 img {height: auto;display: block;}#outer .diameter-badge {position: sticky;top: 10px;left: 10px;background: #004aad;color: #fff;font-size: 1.2em;font-weight: bold;padding: 4px 10px;border-radius: 20px;}#outer .size-sub {font-size: 12px;color: #666;margin-top: 8px;}#outer .image-slider {position: relative;}/* 縦 */#outer .size-height{position: absolute;left: 32px;top: 20%;bottom: 13%;border-left: 1px solid #000;font-weight: 600;font-size: 1.1em;}#outer .size-height span{position: absolute;left: 15px;top: 25%;transform: translate(-100%, -50%);font-size: 12px;background-color: white;}/* 横 */#outer .size-width{position: absolute;left: 22%;right: 25%;top: 92%;border-bottom: 1px solid #000;font-weight: 600;font-size: 1.1em;}#outer .size-width span{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;}#outer .image-slider label {position: absolute;top: 50%;transform: translateY(-50%);width: 20px;height: 60px;background: rgba(0,0,0,0.4);cursor: pointer;display: block;}#outer .prev {left: -15px}#outer .next {right: -15px;}#outer .prev::after,#outer .next::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;}#outer .prev::after {border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 12px solid white;}#outer .next::after {border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 12px solid white;}/* ===== 全体レイアウト ===== */#outer .feature-block {display: flex;gap: 32px;align-items: flex-start;background: rgb(250, 250, 250);border-radius: 20px;padding: 1em;width: 90%;margin: 1em auto;}/* ===== 左：メイン画像 ===== *//* 枠そのもの */#outer .feature-image-main {position:relative;border-radius: 16px;overflow: hidden;transition: transform 0.25s ease, box-shadow 0.25s ease;width: 60%;flex: 1;}#outer .feature-image-main::before{content: "当店最安値";position: absolute;top: 23px;left: -50px;width: 200px;text-align: center;background: #e60012;color: #fff;font-size: 1.2em;font-weight: bold;padding: 6px 0;transform: rotate(-40deg);box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);letter-spacing: 0.05em;}/* ホバーで飛び出す */#outer .feature-image-main:hover {transform: scale(1.05);box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);}#outer .feature-image-main2 {position:relative;border-radius: 16px;overflow: hidden;transition: transform 0.25s ease, box-shadow 0.25s ease;width: 60%;flex: 1;}/* ホバーで飛び出す */#outer .feature-image-main:hover {transform: scale(1.05);box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);}/* ===== 右側コンテンツ ===== */#outer .feature-content {flex: 1.5;min-width: 0;/* flex事故防止 */}/* テキスト */#outer .feature-text {line-height: 1.5;}/* 右下：画像3枚 */#outer .feature-image-sub {display: flex;gap: 12px;margin: 1em 0 2em 0;}#outer .feature-sub-item {width: calc((100% - 24px) / 4);display: flex;flex-direction: column;gap: 6px;/* height は指定しない */}/* 中身を最初からアップ */#outer .feature-sub-item img {width: 100%;height: auto;display: block;/* transform: scale(1.25);*/transform-origin: center;}#outer .feature-sub-item {height: auto;}#outer .feature-sub-title{margin-top: 0;text-align: center;}#outer .feature-sub-image {height: auto;overflow: hidden;border-radius: 12px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);position: relative;overflow: hidden;}#outer .feature-sub-item:hover .feature-sub-image::after {opacity: 1;}/* h3の後ろのNEWとアイコンを横に続ける */#outer .catalog-title2 + .badge-new,#outer .catalog-title2 + .badge-new + .yokonarabe4 {display: inline-flex;align-items: center;}#outer .badge-new,#outer .yokonarabe4 {display: inline-flex;align-items: center;vertical-align: middle;}#outer .yokonarabe4{display: flex;gap: 0.3em;width: 25%;/* margin: 0 auto;*/margin-bottom: 1em;margin-left: 0.2em;position: relative;top: 0.5em;}#outer .gazou2 {display: inline-block;width: 45%;}#outer .gazou3 {display: inline-block;width: 100%;position: absolute;z-index: 3;top: -1em;left: -1em;}#outer .gazou4 {display: inline-block;width: 25%;position: absolute;z-index: 3;top: 0;left: 0;}#outer .catalog-title2 {display: flex;align-items: center;font-size: 1.3em;font-weight: 700;margin: 12px 0 0 0;}#outer .images {overflow: hidden;margin-top: 0.3em;position: relative;}#outer .title-inline{display: flex;margin-top: 1em;}#outer .tabs input[name="tab_item"] {display: none;}#outer .tab_content {display: none;}#outer #tab1:checked ~ #tab1_content,#outer #tab2:checked ~ #tab2_content,#outer #tab3:checked ~ #tab3_content {display: block;width: 100%;margin: 0 auto;}#outer #tab1:checked ~ label[for="tab1"],#outer #tab2:checked ~ label[for="tab2"],#outer #tab3:checked ~ label[for="tab3"] {background-color: #81BFDA;color: #fff;width: 100%;}#outer .tabs input[name="tab_item2"] {display: none;}#outer .tab_content2 {display: none;}#outer #tab4:checked ~ #tab4_content,#outer #tab5:checked ~ #tab5_content,#outer #tab6:checked ~ #tab6_content {display: block;}#outer #tab4:checked ~ .tab_labels2 label[for="tab4"],#outer #tab5:checked ~ .tab_labels2 label[for="tab5"],#outer #tab6:checked ~ .tab_labels2 label[for="tab6"] {background-color: #81BFDA;color: #fff;}/* ===============================タブ全体================================ */#outer .tabs {margin: 40px auto;width: 100%;}/* ラベルエリア */#outer .tab_labels2 {display: flex;justify-content: center;gap: 12px;margin-bottom: 30px;}/* 共通タブデザイン */#outer .tab_item,#outer .tab_item2 {padding: 12px 28px;background: #f2f2f2;border-radius: 999px;font-weight: 600;font-size: 16px;cursor: pointer;transition: all .25s ease;box-shadow: 0 2px 6px rgba(0,0,0,0.05);}#outer .tab_item:hover,#outer .tab_item2:hover {background: #e6f4fa;}#outer #tab1:checked ~ label[for="tab1"],#outer #tab2:checked ~ label[for="tab2"],#outer #tab3:checked ~ label[for="tab3"] {background: linear-gradient(135deg, #81BFDA, #5aa9d6);color: #fff;box-shadow: 0 6px 14px rgba(0,0,0,0.15);transform: translateY(-2px);}/* ラベルエリア */#outer .tab_labels2 {display: flex;justify-content: left;gap: 12px;margin-bottom: 30px;}#outer input, #outer textarea, #outer select {display: none;}#outer .img1-2,#outer .img2-2,#outer .img3-2,#outer .img4-2,#outer .img5-2,#outer .img6-2,#outer .img7-2,#outer .img8-2,#outer .img9-2,#outer .img10-2,#outer .img11-2 {transform: scale(1.12);transform-origin: top;transition: transform .3s ease;width: 80%;}/* =========================口径ブロック全体（PC）========================= */#outer .diameter-block {margin: 48px 0;background: rgb(250, 250, 250);border-radius: 20px;}/* 口径ラベル */#outer .diameter-label {font-size: 20px;font-weight: 700;padding: 12px 16px;background: #2a1f1b;color: #fff;margin-bottom: 24px;}/* =========================上段：イメージ＋本体（PC）========================= */#outer .diameter-main {display: block;gap: 40px;align-items: flex-start;margin-bottom: 2em;}#outer .usage-image {display: none;}/* 使用イメージ（PCは左固定） */#outer .usage-image img {width: 100%;max-width: 520px;display: block;margin: 0;border-radius: 12px;}#outer .product-scroll {overflow-x: auto;}#outer .product-list {display: flex;flex-wrap: nowrap;/* ← これが一番重要 */gap: 16px;padding-bottom: 8px;}#outer .product-list li {min-width: 220px;/* PC基準 */text-align: center;}#outer .product-list img {width: 100%;max-width: 200px;margin: 0 auto;display: block;}#outer .product-list p {font-size: 13px;margin-top: 6px;}#outer .series-hero{position:relative;}#outer .series-hero::after{content:"A-PETシリーズ";position:absolute;bottom:16px;left:16px;background:rgba(0,0,0,.6);color:#fff;padding:8px 14px;border-radius:999px;font-weight:600;}/* =====================================シリーズブロック全体===================================== */#outer .series-block{background:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,0.08);margin:48px auto;max-width:1200px;}/* =====================================ヒーロー画像===================================== */#outer .series-hero{position:relative;}#outer .series-hero img{width:100%;height:auto;display:block;}/* シリーズ名ラベル */#outer .series-label{position:absolute;bottom:20px;left:20px;background:rgba(0,0,0,0.65);color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;font-size:16px;letter-spacing:.05em;}/* =====================================横スクロールエリア===================================== */#outer .hscroll-wrap{padding:20px 20px 28px;background:#fafafa;}#outer .hscroll{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;}/* スクロールバー（PC） */#outer .hscroll::-webkit-scrollbar{height:8px;}#outer .hscroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:999px;}#outer .hscroll::-webkit-scrollbar-track{background:rgba(0,0,0,.05);}/* =====================================規格カード===================================== */#outer .mini-product{position:relative;flex:0 0 auto;width:220px;background:#fff;border-radius:16px;border:1px solid #eee;text-decoration:none;color:#222;scroll-snap-align:start;padding:14px;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:all .25s ease;}#outer .mini-product:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.12);}/* 画像 */#outer .mini-img{display:block;background:#fff;border-radius:14px;overflow:hidden;aspect-ratio:1 / 1;}#outer .mini-img img{width:100%;height:100%;object-fit:contain;display:block;}/* 容量バッジ */#outer .cap-badge{position:absolute;top:12px;left:12px;background:#81BFDA;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;box-shadow:0 4px 10px rgba(0,0,0,.15);}/* テキスト */#outer .mini-txt{margin-top:12px;text-align:center;font-size:13px;line-height:1.4;}#outer .series-wrapper2{display: flex;gap: 1em;}#outer .series-block2{flex: 1;/* ← これだけでOK */border: 1px solid #ccc;padding: 20px;display: flex;flex-direction: column;gap: 20px;max-width: 350px;}/* ヒーロー */#outer .series-hero{background: #eee;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;}/* 小画像エリア */#outer .series-products{display: flex;gap: 10px;}#outer .mini-product{flex: 1;background: #f5f5f5;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;}#outer .series-link{text-align: center;}/* =========================series99 グリッド========================= */#outer .series99-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 48px;}/* =========================各ブロック========================= */#outer .series99-block {display: flex;flex-direction: column;}/* 画像 */#outer .series99-media img {width: 100%;border-radius: 16px;display: block;}/* =========================横スクロール========================= */#outer .series99-scroll {margin-top: 16px;overflow-x: auto;}#outer .series99-list {display: flex;gap: 16px;flex-wrap: nowrap;padding-bottom: 8px;}#outer .series99-list li {min-width: 140px;flex: 0 0 auto;background: #fff;border-radius: 12px;padding: 8px;text-align: center;}#outer .series99-list img {width: 100%;border-radius: 10px;}#outer .series99-list p {font-size: 12px;margin-top: 6px;}/* =========================テキスト========================= */#outer .series99-title {font-size: 18px;font-weight: 700;margin-top: 20px;}#outer .series99-text {font-size: 14px;line-height: 1.6;margin-top: 8px;}/* =========================商品一覧だけ横スクロール========================= */#outer .catalog-section.product-scroll {overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}/* 横並びレール */#outer .catalog-section.product-scroll .color-list {display: flex;gap: 16px;padding-bottom: 8px;margin: 0;list-style: none;}/* 各カード幅を固定（これが超重要） */#outer .catalog-section.product-scroll .color-list li {min-width: 140px;flex-shrink: 0;text-align: center;}/* 画像 */#outer .catalog-section.product-scroll .color-list img {width: 100%;border-radius: 10px;display: block;}/* 商品名 */#outer .catalog-section.product-scroll .color-list span {display: block;font-size: 13px;margin-top: 6px;}/* =========================全体グリッド========================= */#outer .pickup99-grid {display:grid;grid-template-columns: repeat(4, minmax(300px, 1fr));gap:32px;}/* =========================カード========================= */#outer .pickup99-card {display: flex;flex-direction: column;background: rgb(250, 250, 250);border-radius: 20px;padding: 1em;}/* ヒーロー画像 */#outer .pickup99-image {overflow: hidden;border-radius: 16px;width: 100%;text-align: center;}#outer .pickup99-image img {width: 100%;max-width: 480px;/* ← ここでサイズ制御 */height: auto;display: block;margin: 0 auto;/* 中央配置 */object-fit: cover;}/* =========================横スクロール========================= */#outer .pickup99-scroll {margin-top: auto;overflow-x: auto;}#outer .pickup99-list {display: flex;gap: 16px;flex-wrap: nowrap;padding-bottom: 8px;list-style: none;}#outer .pickup99-list li {min-width: 110px;flex: 0 0 auto;position:relative;text-align:center;}#outer .pickup99-list img {width: 120px;border-radius: 10px;display:block;}/* 規格バッジ */#outer .spec-badge{position:absolute;top:90px;left:8px;background:rgba(255,255,255,3);backdrop-filter: blur(4px);color:#333;font-size:11px;font-weight:600;padding:6px 10px;border-radius:999px;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.08);z-index: 999;}#outer .pickup99-name {font-size: 18px;font-weight: 700;margin-top: 1em;}#outer .pickup99-text {font-size: 14px;line-height: 1.6;}/* ボタンを下に揃える */#outer .pickup99-button {margin-top: auto;display: inline-block;background: #3a2a24;color: #fff;padding: 10px 22px;border-radius: 999px;text-decoration: none;font-weight: 600;width: 65%;margin-bottom: 1em;}#outer .pickup99-section{/* max-width:1111px;*/margin:0 auto;padding: 0;box-sizing:border-box;}/* coming soon 対象 */#outer li.is-comingsoon {position: relative;}/* 画像をグレーアウト */#outer li.is-comingsoon img {filter: grayscale(100%) brightness(0.7);}/* coming soon オーバーレイ */#outer li.is-comingsoon::after {content: "COMING SOON";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.45);color: #fff;font-weight: 700;font-size: 14px;letter-spacing: 0.08em;display: flex;align-items: center;justify-content: center;border-radius: 10px;z-index: 3;pointer-events: none;}#outer .series99-cta {margin-top: auto;}#outer .pickup99-card {display: flex;flex-direction: column;height: 100%;}#outer .contents_4{width: 100%;margin-top: 4em;}#outer .btns{margin-top: auto;}#outer .item-grid .item3 a {display: block;border-radius: 16px;/* 角丸（不要なら削除OK） */overflow: hidden;transition: transform 0.25s ease,box-shadow 0.25s ease;}#outer .item-grid .item3 a:hover {transform: translateY(-6px);/* 上に浮く */box-shadow: 0 12px 28px rgba(0,0,0,0.18);}#outer .card-btn350 {display: block;text-align: center;padding: 12px;font-weight: bold;color: #000;background: #f2f2f2;transition: background 0.3s ease;}#outer .card-btn351 {display: block;text-align: center;padding: 12px;font-weight: bold;background: #111;color: #fff;transition: background 0.3s ease;}#outer .chosei6 {padding: 5px;font-size: 1.2em;}#outer .chosei7 {padding: 5px;font-size: 1.2em;}#outer .images > div{position:absolute;top:0;left:0;width:100%;opacity:0;transition:.3s;margin-top: 0.5em;}/* 1 */#img1-1:checked ~ .images .img1-1,#img1-2:checked ~ .images .img1-2,/* 2 */#img2-1:checked ~ .images .img2-1,#img2-2:checked ~ .images .img2-2,/* 3 */#img3-1:checked ~ .images .img3-1,#img3-2:checked ~ .images .img3-2,/* 4 */#img4-1:checked ~ .images .img4-1,#img4-2:checked ~ .images .img4-2,/* 5 */#img5-1:checked ~ .images .img5-1,#img5-2:checked ~ .images .img5-2,/* 6 */#img6-1:checked ~ .images .img6-1,#img6-2:checked ~ .images .img6-2,/* 7 */#img7-1:checked ~ .images .img7-1,#img7-2:checked ~ .images .img7-2,/* 8 */#img8-1:checked ~ .images .img8-1,#img8-2:checked ~ .images .img8-2,/* 9 */#img9-1:checked ~ .images .img9-1,#img9-2:checked ~ .images .img9-2,/* 10 */#img10-1:checked ~ .images .img10-1,#img10-2:checked ~ .images .img10-2,/* 11 */#img11-1:checked ~ .images .img11-1,#outer #img11-2:checked ~ .images .img11-2{opacity:1;position:relative;margin-top: 0.5em;}#outer .size-image{position:relative;}#outer label {margin: 0;}#outer .chosei5 {color: #004aad;font-weight: 600;padding-left: 10px;}/*スマホの設定*/@media screen and (max-width: 768px) {#outer{width: 100%;overflow-x: clip;}/*カテゴリボタン設定*/#outer .category_btn{width: 95%;font-size: 1.1em;margin: auto;margin-bottom: 2.5em;}#outer .category_btn a{padding: 6px;}#outer .category_btn2{width: 95%;font-size: 1.1em;margin: 5px;}#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.3em;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;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 #81BFDA;}#outer .jump ul._genre_menu li.global_item a::after{content: none;}/*h2*/#outer h2.uline_b{font-size: 1.35em;margin: 25px 5px 15px;padding-bottom: 5px;line-height: 1;padding: 5px;}/*h3*/#outer h3.contents_h3{font-size: 1.1em;margin: 1.5em 5px;margin-bottom: 20px;padding-left: 0;background: linear-gradient(#fff 60%, #FBF6E9 0%);padding: 0 1em;}/*4個並べ*/#outer .contents_4 .item{width: 49%;padding: 5px;margin-bottom: 7px;border-radius: 12px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}#outer .contents_4 .item .item_txt{padding: 5px;margin-bottom: 5px;font-size: 0.8em;}#outer .contents_4 .item2 .item_txt{padding: 5px;margin-bottom: 5px;font-size: 0.8em;}#outer .item .item_txt h4 {font-size: 1.3em;}/*商品一覧はこちらのボタン*/#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;display: flex;/* 横並びを実現 */flex-wrap: nowrap;}#outer .contents_b .item .item_img {width: 120px;/* 画像の幅を固定 */flex-shrink: 0;/* 画像サイズを固定 */}#outer .contents_b .item .item_txt {flex-grow: 1;/* テキスト部分が残りのスペースを占有 */padding-left: 10px;}#outer .contents_b .item .item_txt h4 {font-size: 0.95em;}#outer .contents_b .item .item_txt p {font-size: 1em;}#outer .contents_b .item2 .item_img {width: 100px;/* 画像の幅を固定 */flex-shrink: 0;/* 画像サイズを固定 */}#outer .contents_b .item2 .item_txt {flex-grow: 1;/* テキスト部分が残りのスペースを占有 */padding-left: 10px;}#outer .contents_b .item2 .item_txt h4 {font-size: 1.1em;}#outer .contents_b .item2 .item_txt p {font-size: 1em;}#outer .contents_b .item .category_btn2 {width: 100%;/* ボタンをアイテムの幅いっぱいに広げる */text-align: right;/* 右寄せにする */margin-top: 10px;/* テキストと間隔を空ける */}/*文章とおすすめ商品*/#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;}#outer ._btn78 {width: 100%;margin: 15px auto;}#outer ._btn79 {width: 100%;margin: auto;}/*タブ②*//*h2*/#outer h2.title_h2{padding: 0.5rem 1rem;margin-top: 10px;margin-bottom: 20px;font-size: 1.3em;width: 90%;}.uline_b{padding: 0.5rem 1rem;margin-top: 10px;margin-bottom: 20px;font-size: 1.3em;width: 90%;}#outer h4.title_h2{padding: 0;margin-top: 20px;margin-bottom: 0.8em;font-size: 1.2em;padding: 0 5px;}/*左画像・右文章*/#outer .contents {width: 100%;display: block;margin: 0 auto;}#outer .contents .item {margin: 0 auto 10px;display: block;}#outer .contents .item .item_img {margin-bottom: 5px;}#outer .contents .item .item_txt p {line-height: 1.5;font-size: 1em;padding: 0 10px;margin-bottom: 30px;}#outer .contents .item2 .item_img {margin-bottom: 5px;}#outer .contents .item2 .item_txt p {line-height: 1.5;font-size: 1.1em;margin-bottom: 0.5em;}/*画像の下に文章*/#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: auto;padding-left: 5px;}/*2カラムの表*/#outer table.tb01{width: 100%;margin: 0 auto;}#outer .tb01 tr.tr_head th{font-size: 1.1em;padding: 8px;}#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: #81BFDA;color: white;}#outer .tb01 td{padding: 8px;font-size: 0.95em;}/*関連記事*/#outer .column{width: 100%;}#outer .column h3{padding: 5px;font-size: 1.3em;margin: 0;}#outer .column h3::before{content: "┃"}#outer .contents_02{padding: 0 10px;}#outer .contents_02 .item_{width: 100%;margin: 5px auto;padding: 0;}#outer .contents_02::after{content: none;}#outer .contents_02 .item_ ul.btns_{font-size: 0.8em;width: 100%;margin-bottom: 0;padding: 0;}#outer .contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}#outer .item_ .btn_gazou_ a{padding: 10px 0;border-radius: 100vh;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;}#outer .column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}#outer .column ul.tokusyu li{width: 49%;}#outer .chosei {font-size: 1em;padding: 10px 10px;margin-bottom: 0;}#outer .chosei2 {font-size: 1em;}#outer .chosei3 {font-size: 1em;padding: 5px;margin-top: 0;}#outer .chosei4 {font-size: 1em;padding: 0;}#outer .chosei5 {padding: 0px 10px;font-size: 1em;/* background-color: #004aad;*/color: #004aad;font-weight: 600;}#outer .tb01 {width: 100%;}#outer .tb01 tr {display: block;/* 行をブロックにして縦に積み重ねる */margin-bottom: 10px;/* 各カード間のスペース */border: 1px solid #ccc;/* 枠線 */padding: 10px;/* パディング */background-color: #FBF6E9;/* 背景色 */}#outer .tb01 th, #outer .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: #e6cab3;}#outer .hyoucolor{background-color:#004aad;color: white;}#outer .tb01 tr.tr_head{background: #81BFDA;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 #f4c22f;}#outer .jump ul._menu li.global_item a::after{content: none;}/*メニュー基本設定*/#outer ul.menu{padding: 0 10px;margin-bottom: 25px;justify-content: center;}#outer ul.menu li{width: 100%;margin-bottom: 5px;margin-right: 0;}#outer ul.menu li a{font-size: 1em;padding: 8px;position: relative;}#outer a.adjustment {padding-top: 90px;margin-top: -90px;display: block;}#outer .container {display: flex;flex-wrap: wrap;/* アイテムがコンテナの幅を超えたら次の行に移動 */gap: 10px;/* アイテム間の隙間 */padding: 12px;}#outer .container div {width: 48%;/* 2つのアイテムが横並びになるように、50%から隙間分を引く */box-sizing: border-box;/* paddingやborderを含めて50%になるようにする */text-align: center;padding: 0;}#outer .contents_b{width: 100%;}#outer ._btn79 a {font-size: 0.9em;}#outer .contents_4 .item {display: flex;flex-direction: column;/* 縦方向に要素を配置 */justify-content: space-between;height: auto;/* 高さを自動調整 */}#outer .contents_4 .item_img img {width: 100%;/* 画像を枠に収める */height: auto;/* 縦横比を維持 */}#outer .contents_4 .item .btns {margin-top: auto;}/*売れ筋商品アイコン画像*/#outer .new_icon{width: 40%}#outer .new_icon img{position: absolute;margin-left: -0.01em;top: -1.5em;width: 30%;}#outer .new_icon2{width: 40%}#outer .new_icon2 img{position: absolute;margin-left: 13em;top: 5.5em;width: 40%;}#outer .new_icon3{width: 40%}#outer .new_icon3 img{position: absolute;margin-left: 19.5em;top: 3.8em;width: 40%;}#outer .jump{width: 100%;background-color: #ffffff;margin: 0 auto 30px;box-sizing: border-box;position: relative;top: 0;z-index: 2;padding-bottom: 0;padding-top: 0;max-width: 100%;}#outer .item_img3 {display: flex;flex-wrap: wrap;margin-bottom: 10px;/* justify-content: center;/* 水平方向に中央寄せ */align-items: center;/* 垂直方向に中央寄せ */margin: 0;/* 親要素の余白を無くす */padding: 0;/* 親要素の内側の余白を無くす */gap: 0;}#outer .item_img3 img {width: calc(26% - 10px);}#outer .item-grid {grid-template-columns: repeat(2, 1fr);/* スマホでも4列 */padding: 10px;margin: 0;}#outer .accordion-btn {width: 100%;font-size: 1.2em;height: 30px;line-height: 60px;text-align: center;font-weight: bold;cursor: pointer;/* border-radius: 10px;*/user-select: none;justify-content: left;padding: 5px 5px 5px 15px;}/*アコーディオン設定記号*/#outer .accordion-label::before, #outer .accordion-label::after{top: 35%;}#outer p.saiyasune{font-size: 1.5em;padding: 5px;margin-bottom: 5px;}#outer .recommend_item .item_con .item_detail, #outer .recommend_item .item_con .item_detail_gekiyasu{width: 48%;}#outer .recommend_item .item_con h4{font-size: 0.85em;}#outer .recommend_item .item_con .item_price p{font-size: 1.8em;font-weight: bold;color: red;text-align: center;font-family: 'Century Gothic', sans-serif;width: 100%;margin: 0.3em auto;}/*.item_detail 中身設定 1個辺りの値段*/#outer .unit_price{font-weight: bold;margin-bottom: 5px;text-align: center;font-size: 0.8em;}#outer section {padding: 1em;}#outer .product-grid {display:flex;overflow-x:auto;gap:16px;padding-bottom:10px;scroll-snap-type:x mandatory;}#outer .popular-grid {grid-template-columns: 1fr;gap: 24px;}#outer .product-image {height: auto;}#outer .popular-image {height: 160px;}#outer .contents .size_nav {width: 100%;grid-template-columns: repeat(2, 1fr);margin-top: 30px;}#outer .contents .size_btn {height: 40px;font-size: 13px;}#outer .contents .item_main {display: block;gap: 1em;}#outer .diameter-badge {width: 90%;}#outer .next {right: 0;width: 15px;}#outer .prev {left: 0;width: 15px;}#outer .product-btn {margin-top: 0;padding: 5px 24px;}#outer .product-btn3 {margin-top: 0;padding: 5px;margin-top: 0.5em;}#outer .product-btn33 {margin-top: 0;padding: 5px 24px;margin-left: 0;}/* ===== 全体レイアウト ===== */#outer .feature-block {display: block;width: auto;padding: 1em;}#outer .feature-image-main {width: 100%;}#outer .feature-image-main2 {width: 100%;}#outer .feature-sub-image {height: auto;}#outer .gazou2 {display: inline-block;width: 50%;}#outer .gazou3 {display: inline-block;width: 100%;left: -7.985px;top: -17px;}#outer .gazou4 {display: inline-block;width: 35%;}#outer .tab_item,#outer .tab_item2 {font-size: 1.1em;padding: 1em;}#outer .contents {width: 100%;padding: 0 15px;/* これ重要 */box-sizing: border-box;}#outer .contents .item {width: 100%;/* 90%をリセット */display: block;/* grid解除 */}#outer .diameter-block {margin: 2em 0;}/* 口径ラベル */#outer .diameter-label {font-size: 20px;font-weight: 700;padding: 12px 16px;background: #2a1f1b;color: #fff;margin-bottom: 24px;}/* 上段を縦積み */#outer .diameter-main {display: block;}#outer .usage-image img {margin: 1em auto;width: 80%;}#outer .product-list li {min-width: 160px;}/* 本体を横スクロールに */#outer .product-scroll {overflow-x: auto;}#outer .product-list {flex-wrap: nowrap;gap: 16px;padding-bottom: 8px;}/* 蓋も横スクロール */#outer .lid-list {overflow-x: auto;}#outer .usage-image {display: block;width: 60%;margin: 0 auto;}/* 使用イメージ（PCは左固定） */#outer .usage-image img {width: 100%;max-width: 520px;display: block;margin: 0;border-radius: 12px;}#outer .lid-title {font-size: 1.2em;}#outer .series-scroll{display:flex;overflow-x:auto;gap:16px;padding-bottom:10px;scroll-snap-type:x mandatory;}#outer .series-card{flex:0 0 85%;/* 画面の85% */background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,0.08);scroll-snap-align:start;}#outer .series-card img{width:100%;border-radius:14px;margin-bottom:14px;}#outer .series-buttons{display:flex;flex-direction:column;gap:10px;}#outer .series-buttons a{display:block;padding:10px;background:#f2f2f2;border-radius:999px;text-align:center;font-weight:600;text-decoration:none;color:#333;}#outer .series-buttons a:hover{background:#81BFDA;color:#fff;}#outer .series-block{margin:32px 0;border-radius:16px;}#outer .series-block2{width: 90%;}#outer .series-label{font-size:14px;padding:8px 14px;bottom:12px;left:12px;}#outer .hscroll-wrap{padding:16px;}#outer .mini-product{width:75%;}#outer .hscroll{gap:14px;}#outer .hscroll::-webkit-scrollbar{display:none;}#outer .series-wrapper{grid-template-columns: 1fr;gap: 40px;}#outer .pickup99-grid {grid-template-columns: 1fr;}#outer .pickup99-card {width: 350px;}#outer .pickup99-section{overflow-x:hidden;/* 念のため */}#outer .pickup99-section,#outer .pickup99-grid,#outer .pickup99-card {box-sizing: border-box;justify-items: center;justify-content: center;}/* ボタンを下に揃える */#outer .pickup99-button {width: 65%;margin-top: 1em;margin-bottom: 0;}#outer .pickup99-text {margin-bottom: 1.5em;}#outer .yokonarabe4{width: 35%;top: 0.5em;}#outer .feature-image-sub {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;}#outer .feature-sub-item {width: 100%;}#outer .feature-sub-image img {width: 100%;height: auto;display: block;}/* 価格テキストを少し小さく */#outer .unit_price {font-size: 12px;}#outer .item ul.osusume li.osusume_item {font-size: 1.2em;line-height: normal;}#outer .product-card {flex:0 0 210px;scroll-snap-align:start;padding: 1em 0.2em;height: 365px;}/* スクロールバー少し整える */#outer .product-grid::-webkit-scrollbar{height:6px;}#outer .product-grid {display: flex;flex-wrap: nowrap;overflow-x: auto;width: 100%;-webkit-overflow-scrolling: touch;overscroll-behavior-x: contain;margin-bottom: 0;}#outer .product-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px;}#outer .new_icon3 img{top: 5.5em;}#outer .tab_content2 {width: 100%;flex: 0 0 100%;}#outer .feature-image-main::before{top: 23px;left: -50px;}#outer .chosei6 {padding: 0 10px 10px;font-size: 1em;}#outer .chosei7 {padding: 0;font-size: 1em;margin-top: 1em;}#outer .size-height{left: 31px;}#outer .capacity2{margin: 2em 0em 1em;}#outer .size-title,#outer .popular-title {font-size: 1.1em;margin: 1em 0;}/* ラベルエリア */#outer .tab_labels2 {margin-top: 1em;margin-bottom: 0;}}