@charset "utf-8";/* CSS Document *//*大枠のcss*/#outer{width: 1260px;margin: 0 auto;background: var(--c-bg);}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;}/*価格表記文言*/#outer .kakakuhyouki{padding: 10px;font-size: 1em;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #FFCBCB;margin-bottom: 50px;}#outer .top_parts .top_txt{width: 54%;color: #493628;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: 2.3em;font-weight: bold;padding-bottom: 5px;line-height: 1.2;}#outer .top_parts .top_txt p{font-size: 1.3em;padding-top: 10px;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}/*レコメンドのところ*/#recommend_block{border-top: inherit;}#recommend_block .ec-shelfRole{margin-bottom: 0px;}/*カテゴリボタン設定*/#outer .category_btn,.category_btn_j{width: 100%;font-size: 1.2em;margin: 15px auto 60px;}#outer .category_btn_j{margin: 80px auto 60px;}#outer .category_btn a,.category_btn_j a{color: var(--c-accent-d);border-bottom: solid 3px #FFCBCB;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: var(--c-accent-l);border: 1px solid var(--c-accent);width: 90%;}#outer .category_btn a:hover{opacity: 0.7;}/*関連記事のところ*/.column{width: 100%;margin-bottom: 45px;}.column h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}.column h3::before{content: "┃"}.contents_02{display: flex;flex-wrap: wrap;/*	justify-content: space-between;*/margin: 0 auto;}.contents_02 .item_{width: 32%;box-sizing: border-box;/*	border: solid 1px #cccccc;*/display: flex;flex-direction: column;}.contents_02::after{content: "";display: block;width: 32%;height: 0;}.contents_02 .item_ ul.btns_{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: #493628;background-color: #FFCBCB;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;font-size: 1em;}.column ul.tokusyu{display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;width: 100%;list-style: none;margin: 0 auto;}.column ul.tokusyu li{width: 23%;margin-bottom: 10px;}.column ul.tokusyu li img{width: 100%;height: auto;}.column ul.tokusyu::before{content: "";display: block;width: 23%;order: 1;}.column ul.tokusyu::after{content: "";display: block;width: 23%;}.btn_gazou_:hover,.tokusyu li:hover{opacity: 0.7;}/*h2*/#outer h2.uline_b{font-size: 2em;font-weight: bold;/*	text-align: center;*/border-bottom: solid 5px #FFCBCB;margin-bottom: 15px;}p.discription{margin-bottom: 45px;}/*ページジャンプの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%;}.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 #FFCBCB;border-right: solid 2px #FFCBCB;}.jump ul._genre_menu li.global_item{width: 50%;position: relative;border-left: solid 2px #FFCBCB;border-bottom: solid 2px #FFCBCB;}.jump ul._genre_menu li.global_item:last-child{border-right-style: none;margin-right: 0;}.jump ul._genre_menu li.global_item a{display: block;padding: 20px 20px 40px 20px;font-weight: bold;text-decoration: none;box-sizing: border-box;text-align: center;color: #493628;}.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: #493628 transparent transparent transparent;}a.adjustment{display: block;padding-top: 90px;margin-top: -90px;}/*タブのところ*//*タブ切り替え全体のスタイル*/#outer .tabs {margin-top: 50px;padding-bottom: 100px;background-color: #fff;width: 100%;margin: 0 auto;}/*タブのスタイル*/#outer .tab_item {width: calc(100%/5);display: block;justify-content: center;align-items: center;margin: 0;/*height: 50px;*/border-left: solid 2px #ffffff;box-sizing: border-box;background-color: #FFE4E4;line-height: 1.1em;font-size: 1.5em;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: #FFCBCB;color: #493628;}/*タブ①*//*h3*/#outer h3.contents_h3{font-size: 1.4em;font-weight: bold;margin-top: 35px;margin-bottom: 20px;padding-left: 5px;}#outer h3.contents_h3::before{content: "┃"}/*左画像・右文章*/#outer .contents {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}#outer .contents .item,#outer .contents .item_lowprice {margin: 0 auto 50px;display: grid;grid-template-columns: 1fr 2fr;column-gap: 20px;width: 70%;}#outer .contents .item .item_img ,#outer .contents .item_lowprice.item_img {grid-row: 1;grid-column: 1;}#outer .contents .item .item_img img,#outer .contents .item_lowprice.item_img img {width: 100%;}#outer .contents .item .item_txt,#outer .contents .item_lowprice .item_txt{grid-row: 1;grid-column: 2;margin: 0;}#outer .contents .item .item_txt p,#outer .contents .item_lowprice .item_txt p {line-height: 1.5;font-size: 1.2em;margin: 1em 0;}/*赤枠とアイコン*/#outer .contents .item_lowprice{background-color: #FFFCE6;border: solid 2px red;padding: 15px;border-radius: 10px;}.new_icon {width: 60%;position: relative;margin-left: -5em;top: -4.5em;}.new_icon img{position: absolute;}/*価格のところ*/#outer .item_lowprice .item_txt .item_container{text-align: center;}#outer .item_lowprice .item_container .price p.base_price01 {font-size: 65px;font-weight: bolder;color: red;background: linear-gradient(transparent 70%, yellow 70%);text-align: center;width: 75%;margin: auto;}#outer .item_lowprice .item_container .price p.base_price01::after{content: "/本";font-size: 0.6em;}/*8個並べ*/#outer .contents_4{margin: 0 auto;display: flex;justify-content: left;flex-wrap: wrap;gap: 0.5em;}#outer .contents_4 .item{width: 12%;box-sizing: border-box;border: solid 1px #cccccc;margin-bottom: 20px;display: flex;flex-direction: column;position: relative;gap: 1em;height: 200px;}#outer .contents_4 .item:empty{border: inherit;}#outer .contents_4 .item a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;}#outer .contents_4 .item:hover{opacity: 0.7;}コンテキスト メニューあり#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%;max-width: 200px;}#outer .contents_4 .item .item_txt{padding: 0 10px;margin-bottom: 20px;font-size: 0.9em;text-align: center;}#outer .item_lowprice .item_txt h4 {font-size: 1.5em;font-weight: bold;margin-bottom: 5px;}#outer .item ul.osusume li.osusume_item::before{content: "●";}#outer .item ul.osusume li.osusume_item:last-child::after{content: "　など";}/*商品一覧はこちらのボタン*/#outer .contents .item ul.btns{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}#outer .contents .item ul.btns li.btn_gazou{position: relative;}#outer .item .btn_gazou a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #FFCBCB;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%);}/*レコメンドの順位ランキングアイコン*/#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);}/*価格*/.item_price {display: flex;align-items: center;gap: 5px;font-size: 2.5em;font-weight: bolder;text-align: center;justify-content: start;margin: 0 0.2em 0.2em 0;font-family: 'Georgia', 'Noto Serif JP', serif;margin: 0;color: red;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}.item_price::after {content: "/本";font-size: 0.7em;display: inline-block;vertical-align: baseline;position: relative;top: 0.35em;margin-left: -0.2em;color: white;font-weight: 700;text-shadow: none;}.unit_price {display: flex;align-items: center;gap: 5px;font-size: 1.3em;font-weight: bolder;text-align: center;justify-content: center;margin-top: 0.7em;background: linear-gradient(transparent 65%, yellow 30%);}.unit_price::after {content: "/本";font-size: 1em;display: inline-block;vertical-align: baseline;margin-left: 4px;}.item_price span {vertical-align: bottom;line-height: 1;}/*関連記事のところ*/#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: #2E3F4C;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 .material-section{margin:80px 0;}#outer .material-header{text-align:center;max-width:800px;margin:0 auto 30px;}#outer .material-label{display:inline-block;padding:6px 14px;border-radius:999px;background:#f4f1ea;font-size:13px;margin-bottom: 2.5em;}#outer .material-title{font-size:32px;font-weight:700;line-height:1.4;margin-bottom:15px;}#outer .material-text{font-size:15px;line-height:1.9;color:#666;}#outer .chip.white {background: #f7f7f2;}#outer .chip.pink {background: #f4c9cf;}#outer .chip.brown {background: #7a5a48;}#outer .chip.green {background: #8ca66a;}#outer .chip.black {background: #333;}#outer .chip.gray {background: #b8b8b8;}#outer .chip.beige {background: #d8c3a5;}#outer .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;width: 70%;margin-bottom: 5em;}#outer .product-card{background:#fff;border:1px solid #e5e5e5;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:.3s;box-shadow:0 2px 8px rgba(0,0,0,.04);}#outer .product-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.08);}#outer .product-card.recommend{}#outer .product-image{background:#f8f8f8;aspect-ratio:5 / 3;}#outer .product-image img{width:100%;height:100%;object-fit:contain;}#outer .product-body{padding: 0 1em;}#outer .product-head{display:flex;flex-wrap:wrap;align-items:center;gap: 50px;margin: 1.2em 0 0.7em;}#outer .product-name{font-size: 1.4em;font-weight:700;line-height:1.4;margin:0;}#outer .product-copy{font-size:14px;line-height:1.8;color:#666;margin-bottom: 0.5em;font-weight: 500;}#outer .tag-group{display:flex;flex-wrap:wrap;gap:8px;margin: 1em;}#outer .tag{font-size: 12px;padding: 6px 12px;border-radius: 999px;background: white;border: 1px solid var(--c-border);color: var(--c-muted);}#outer .color-area{border-top: 1px solid #eee;margin: 1em auto;width: 90%;}#outer .color-label{display:block;font-size:13px;font-weight:700;margin: 0.5em 0;}#outer .color-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}#outer .color-chip{width:22px;height:22px;border-radius:50%;border:1px solid #ccc;display:block;}#outer .more-color{font-size:12px;color:#666;font-weight:700;}#outer .product-footer{padding: 0 1em 1em;display:flex;justify-content: left;align-items: flex-end;gap: 93px;margin: 0.5em;}#outer .price{font-size:34px;font-weight:700;line-height:1;color:#222;}#outer .price span{font-size:14px;font-weight:400;color:#666;}#outer .view-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;white-space:nowrap;color: var(--c-accent-d);background: var(--c-accent-l);border: 1px solid var(--c-accent);border-radius: var(--radius-pill);padding: 0.5em;}#outer .view-link:hover{text-decoration:underline;}#outer .lid_details{margin-top: 0.5em;}#outer .lid_open{cursor:pointer;font-size: 1.1em;list-style:none;position:relative;padding-right:18px;display:inline-block;color: #666;}#outer .lid_open::-webkit-details-marker{display:none;}/* 開いた時 */#outer .lid_details[open] .lid_open::after{transform:rotate(0);}#outer .lid_detail_inner{display:flex;gap:12px;overflow-x:auto;padding: 1em 0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}#outer .lid_detail_inner > *{flex:0 0 40%;}/* 蓋 */#outer .modal_lid{text-decoration:none;color:#333;text-align:center;}#outer .modal_lid img{width:100%;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08);}#outer .modal_lid p{margin-top:6px;font-size:11px;line-height:1.4;color: white;}#outer .revico-widget a.revico-read-more-review{font-size:10px;}#outer .close-text{display:none;}#outer .open-text{font-size: 0.8em;}#outer .lid_details[open] .close-text{display:inline;font-size: 0.8em;}#outer .color-btn{font-size:14px;padding: 0.5em;color: var(--c-accent-d);background: var(--c-accent-l);border: 1px solid var(--c-accent);border-radius: var(--radius-pill);}.color-preview{display:flex;align-items:center;gap:6px;margin: 0.5em;}.chip{width:22px;height:22px;border-radius:50%;border:1px solid #ddd;flex-shrink:0;}.more{font-size:12px;color:#666;}:root {--c-bg:       #FAFAF7;--c-surface:  #FFFFFF;--c-border:   #E8E4DC;--c-text:     #2A2A28;--c-muted:    #6E6B62;--c-accent:   #5C7A5C;--c-accent-l: #EEF3EE;--c-accent-d: #3D5C3D;--c-warm:     #C4845A;--c-warm-l:   #FAF0E8;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 4px rgba(0,0,0,0.06);--shadow-md: 0 4px 20px rgba(0,0,0,0.10);}/* =========================SECTION COMMON========================= */#outer .fw-section { padding: 2em; }#outer .fw-section + .fw-section { border-top: 1px solid var(--c-border); }#outer .container {margin: 0 auto;padding: 2em;background: var(--c-bg);}#outer .section-eyebrow {display: inline-flex;align-items: center;gap: 8px;font-size: 11px;font-weight: 600;letter-spacing: .12em;text-transform: uppercase;color: var(--c-accent);margin-bottom: 16px;}#outer .section-eyebrow::before {content: '';display: inline-block;width: 20px;height: 1px;background: var(--c-accent);}#outer .section-title {font-family: var(--f-display);font-size: clamp(22px, 3vw, 30px);font-weight: 600;letter-spacing: .02em;color: var(--c-text);margin-bottom: 8px;line-height: 1.3;}#outer .section-sub {font-size: 14px;color: var(--c-muted);margin-bottom: 3em;}/* =========================② 用途・シーンで選ぶ========================= */#outer #sec-usage { background: var(--c-surface); }#outer .usage-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}#outer .usage-group {border: 1px solid var(--c-border);border-radius: var(--radius-lg);padding: 24px;}#outer .usage-group-title {font-size: 12px;font-weight: 600;letter-spacing: .1em;text-transform: uppercase;color: var(--c-muted);margin-bottom: 16px;padding-bottom: 12px;border-bottom: 1px solid var(--c-border);}#outer .chip-list { display: flex; flex-wrap: wrap; gap: 8px; }#outer .chip {display: inline-block;font-size: 13px;padding: 2px;border-radius: var(--radius-pill);border: 1px solid var(--c-border);background: var(--c-bg);color: var(--c-text);text-decoration: none;transition: background .18s, border-color .18s, color .18s;cursor: pointer;}#outer .chip:hover {background: var(--c-accent-l);border-color: var(--c-accent);color: var(--c-accent-d);}/* =========================③ 選び方ガイド========================= */#outer #sec-guide { background: var(--c-bg); }#outer .guide-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 2px;border: 1px solid var(--c-border);border-radius: var(--radius-lg);overflow: hidden;}#outer .guide-card {background: var(--c-surface);padding: 1.5em 2em 2em 2em;display: flex;flex-direction: column;gap: 8px;text-decoration: none;color: inherit;transition: background .18s;position: relative;height: 180px;}#outer .guide-card::after {content: '';position: absolute;inset: 0;border: 2px solid transparent;border-radius: 0;transition: border-color .18s;pointer-events: none;}#outer .guide-num {font-size: 11px;font-weight: 600;letter-spacing: .1em;color: var(--c-accent);font-family: var(--f-display);}#outer .guide-q {font-size: 16px;font-weight: 600;color: var(--c-text);line-height: 1.4;font-family: var(--f-display);}#outer .guide-a {font-size: 13px;color: var(--c-muted);line-height: 1.7;flex: 1;}#outer .guide-link {display: inline-flex;align-items: center;gap: 6px;font-size: 12px;font-weight: 600;color: var(--c-accent-d);background: var(--c-accent-l);border: 1px solid var(--c-accent);border-radius: var(--radius-pill);padding: 6px 14px;margin-top: 0.5em;align-self: flex-start;transition: background .18s, color .18s;}#outer .guide-link:hover {background: var(--c-accent);color: #fff;}#outer .guide-link::after { content: '→'; }#outer .guide-card:nth-child(1),#outer .guide-card:nth-child(2) { border-bottom: 1px solid var(--c-border); }#outer .guide-card:nth-child(1),#outer .guide-card:nth-child(3) { border-right: 1px solid var(--c-border); }/* =========================⑤ 商品一覧（素材別）========================= */#outer #sec-products { background: var(--c-surface); }#outer .mat-section { margin-bottom: 64px; }#outer .mat-section:last-child { margin-bottom: 0; }#outer .mat-header {display: flex;align-items: baseline;gap: 0.3em;margin-bottom: 6px;}#outer .mat-title {font-family: var(--f-display);font-size: 20px;color: var(--c-text);font-weight: 600;}#outer .mat-badge {font-size: 11px;padding: 3px 10px;border-radius: var(--radius-pill);background: var(--c-accent-l);color: var(--c-accent-d);font-weight: 600;letter-spacing: .04em;}#outer .mat-desc {font-size: 1em;color: var(--c-muted);margin-bottom: 20px;}#outer .mat-divider {width: 32px;height: 1px;background: var(--c-accent);margin-bottom: 20px;}#outer .prod-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;}#outer .prod-grid.single { grid-template-columns: 1fr; max-width: 480px; }#outer .prod-card {background: var(--c-bg);border: 1px solid var(--c-border);border-radius: var(--radius-lg);overflow: hidden;display: flex;flex-direction: column;transition: box-shadow .2s;}#outer .prod-card:hover { box-shadow: var(--shadow-md); }#outer .prod-card.featured { border-color: var(--c-accent); border-width: 2px; }#outer .prod-card.featured .prod-img-wrap::after {content: '人気No.1';position: absolute;top: 12px; left: 12px;font-size: 10px; font-weight: 700; letter-spacing: .06em;background: var(--c-accent); color: #fff;padding: 3px 10px;border-radius: var(--radius-pill);}#outer .prod-img-wrap {position: relative;width: 100%;aspect-ratio: 4/3;background: var(--c-border);overflow: hidden;}#outer .prod-img-wrap img { width: 100%; height: 100%; object-fit: cover; }#outer .prod-img-placeholder {width: 100%; height: 100%;display: flex; align-items: center; justify-content: center;font-size: 12px; color: var(--c-muted);background: #EDE9E1;}#outer .prod-body { padding: 18px 20px; display: flex; flex-direction: column; gap: 10px; flex: 1; }#outer .prod-name { font-size: 16px; font-weight: 600; color: var(--c-text); line-height: 1.3; }#outer .prod-tags { display: flex; flex-wrap: wrap; gap: 5px; }#outer .prod-tag {font-size: 11px; padding: 2px 8px;border-radius: var(--radius-pill);background: var(--c-surface); border: 1px solid var(--c-border); color: var(--c-muted);}#outer .color-band { display: flex; align-items: center; gap: 6px; }#outer .color-band-label { font-size: 11px; color: var(--c-muted); white-space: nowrap; flex-shrink: 0; }#outer .color-scroll {display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none;padding-bottom: 2px; flex: 1;}#outer .color-scroll::-webkit-scrollbar { display: none; }#outer .color-chip {width: 20px; height: 20px; border-radius: 4px;border: 1px solid rgba(0,0,0,.1); flex-shrink: 0;transition: transform .15s;}#outer .color-chip:hover { transform: scale(1.2); z-index: 1; }#outer .color-more { font-size: 10px; color: var(--c-muted); white-space: nowrap; align-self: center; flex-shrink: 0; }#outer .prod-footer {display: flex; align-items: center; justify-content: space-between;padding-top: 12px; border-top: 1px solid var(--c-border); margin-top: auto;}#outer .prod-price { font-family: var(--f-display); font-size: 22px; font-weight: 400; color: var(--c-text); line-height: 1; }#outer .prod-price small { font-family: var(--f-body); font-size: 12px; color: var(--c-muted); font-weight: 400; }#outer .prod-price .tax { font-family: var(--f-body); font-size: 11px; color: var(--c-muted); }#outer .btn-link {display: inline-flex; align-items: center; gap: 5px;font-size: 12px; font-weight: 600; color: var(--c-accent);text-decoration: none; border-bottom: 1px solid var(--c-accent);padding-bottom: 1px; transition: color .15s, border-color .15s;}#outer .btn-link:hover { color: var(--c-accent-d); border-color: var(--c-accent-d); }#outer .btn-link::after { content: ' →'; }/* =========================⑥ シーン別おすすめ========================= */#outer #sec-scene { background: var(--c-bg);position: relative;}#outer .scene-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;}#outer .scene-card {position: relative;display: block;border-radius: var(--radius-lg);overflow: hidden;min-height: 260px;text-decoration: none;color: #fff;cursor: pointer;height: 600px;width: 400px;}#outer .scene-card2 {position: relative;display: block;border-radius: var(--radius-lg);overflow: hidden;min-height: 260px;text-decoration: none;color: #fff;cursor: pointer;height: 300px;width: 500px;background: linear-gradient(135deg,#C7A1A9 0%,#B78A90 45%,#9E737C 100%);margin: 0 0 1em 0;}#outer .scene-card3 {position: relative;display: block;border-radius: var(--radius-lg);overflow: hidden;min-height: 260px;text-decoration: none;color: #fff;cursor: pointer;height: 300px;width: 500px;background: linear-gradient(135deg,#D9BD63 0%,#C3A14A 45%,#A78634 100%);margin: 0 0 1em 0;}#outer .scene-card4 {position: relative;display: block;border-radius: var(--radius-lg);overflow: hidden;min-height: 260px;text-decoration: none;color: #fff;cursor: pointer;height: 300px;width: 500px;background: linear-gradient(135deg,#B0733E 0%,#996236 45%,#7B4E2A 100%);margin: 0 0 1em 0;}#outer .scene-card5 {position: relative;display: block;border-radius: var(--radius-lg);overflow: hidden;min-height: 260px;text-decoration: none;color: #fff;cursor: pointer;height: 300px;width: 500px;background: linear-gradient(135deg,#B24E4E 0%,#984141 45%,#7C3333 100%);margin: 0 0 1em 0;}#outer .scene-card[data-scene="mothers"]    { background: #D4A5A5; }#outer .scene-card[data-scene="fathers"]    { background: #7A9E7E; }#outer .scene-card[data-scene="graduation"] { background: #B8C5D0; }#outer .scene-card[data-scene="respect"]    { background: #A89EC0; }#outer .scene-card[data-scene="christmas"]  { background: #8B6F6F; }#outer .scene-card[data-scene="valentine"]  { background: #C4788A; }#outer .scene-card::before {content: '';position: absolute;inset: 0;background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 45%,rgba(0,0,0,0.55) 65%,rgba(0,0,0,0.98) 100%);z-index: 1;}#outer .scene-body {position: absolute; /* relativeからabsoluteに戻す */bottom: 0;          /* 下寄せ */left: 0;right: 0;padding: 16px 18px 18px;z-index: 2;}#outer .scene-label {font-size: 1em;font-weight: 600;letter-spacing: .1em;text-transform: uppercase;opacity: .75;margin: 0.5em 0;line-height: 1.4em;}#outer .scene-title {font-family: var(--f-display);font-size: 1.5em;font-weight: 700;line-height: 1.2;}#outer .scene-thumbs {display: flex;gap: 6px;overflow-x: auto;scrollbar-width: none;padding-bottom: 2px;margin-top: 10px;}#outer .scene-thumbs::-webkit-scrollbar { display: block; }#outer .scene-thumb {flex-shrink: 0;width: 110px;display: flex;flex-direction: column;gap: 4px;}#outer .scene-thumbs::-webkit-scrollbar {height: 20px;display: block;}#outer .scene-thumbs::-webkit-scrollbar-thumb {background: blue;}#outer .scene-thumb-img {width: 100px;height: 100px;border-radius: 6px;overflow: hidden;background: rgba(255,255,255,.25);border: 1px solid rgba(255,255,255,.3);display: flex;align-items: center;justify-content: center;font-size: 9px;color: rgba(255,255,255,.7);text-align: center;line-height: 1.3;transition: transform .2s;}#outer .scene-thumb-img img {width: 100%;height: 100%;object-fit: cover;object-position: 0% 45%;transform: scale(1.25);}#outer .scene-thumb:hover .scene-thumb-img { }#outer .scene-thumb:hover .scene-thumb-img img,#outer .scene-thumb:hover .scene-thumb-img > * { transform: scale(1.08); }#outer .scene-thumb-img2 {width: 150px;height: 150px;border-radius: 6px;overflow: hidden;background: rgba(255,255,255,.25);border: 1px solid rgba(255,255,255,.3);display: flex;align-items: center;justify-content: center;font-size: 9px;color: rgba(255,255,255,.7);text-align: center;line-height: 1.3;transition: transform .2s;}#outer .scene-thumb-img2 img {width: 100%;height: 100%;object-fit: cover;/* object-position: center top; */transform: scale(1.15);transform-origin: center 20%;}#outer .scene-thumb:hover .scene-thumb-img2 { }#outer .scene-thumb:hover .scene-thumb-img2 img,#outer .scene-thumb:hover .scene-thumb-img2 > * { transform: scale(1.08); }#outer .scene-thumb2 {flex-shrink: 0;width: 150px;display: flex;flex-direction: column;gap: 4px;}#outer .scene-thumb-name {font-size: 0.85em;color: rgba(255,255,255,.8);text-overflow: ellipsis;line-height: 1.3;}#outer .scene-arrow {display: inline-flex;align-items: center;gap: 4px;font-size: 0.9em;font-weight: 700;letter-spacing: .06em;margin-top: 10px;color: white!important;text-decoration: underline;}#outer .scene-arrow::after { content: ' →'; }/* =========================UTIL========================= */#outer .sr-only {position: absolute; width: 1px; height: 1px;overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap;}#outer .page-jump {margin: 2em 0 5em;padding: 0 20px;}#outer .page-jump__list {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));border: 1px solid #e4ded2;border-radius: 16px;overflow: hidden;background: #fffdf6;}#outer .page-jump__item {display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 14px;min-height: 84px;padding: 0 0.5em;color: #1f2a24;text-decoration: none;border-right: 1px solid #e4ded2;border-bottom: 1px solid #e4ded2;transition: background 0.2s ease, color 0.2s ease;}#outer .page-jump__item:nth-child(2n) {border-right: none;}#outer .page-jump__item:nth-last-child(-n + 2) {border-bottom: none;}#outer .page-jump__num {font-size: 11px;font-weight: 700;color: #557345;letter-spacing: 0.12em;}#outer .page-jump__text {font-size: 16px;font-weight: 700;line-height: 1.5;}#outer .page-jump__arrow {font-size: 18px;color: #2f5f3a;}#outer .page-jump__item:hover {background: #f7f4e8;color: #2f5f3a;}#outer .hyoumoji {font-size: 0.8em;line-height: 1.8;color: #666;font-weight: 400;}#outer .scene-card {background-size: cover;background-position: center;}#outer .scene-card .lid_detail_inner > *{flex:0 0 120px;}#outer .scene-card .modal_lid img{width: 120px;height: 120px;object-fit:cover;}#outer .cart_l_ a{display: flex;align-items: center;justify-content: center;text-decoration: none;width: 100%;height: 60px;border-radius: 5px;color: #ffffff !important;background-color: #e60013;}#outer .cart_l_ a span {display: inline-block;font-size: 1em;font-weight: bold;padding-top: 5px;padding-left: 45px;background-image: url(/img/sys/button/ico_cart.png);background-position: left center;background-repeat: no-repeat;}#outer .btn_{width: 60%;}#outer .pickup_btn{display: block;padding: 0.5em;border: 1.5px solid #fff;border-radius: 999px;color: #fff !important;text-align: center;text-decoration: none !important;font-weight: bold;position: relative;margin-top: 1em;}#outer .pickup_btn::after{content: "→";position: absolute;right: 20px;}#outer .pagejump{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0 40px;}#outer .pagejump a{display:flex;align-items:center;justify-content:center;min-width:160px;padding:14px 22px;border-radius:999px;font-weight:700;text-decoration:none;transition:.2s;color: var(--c-accent-d);background: var(--c-accent-l);border: 1px solid var(--c-accent);}#outer .pagejump a:hover{background:#5c8062;color:#fff;border-color:#5c8062;transform:translateY(-2px);}/*スマホの設定*/@media screen and (max-width: 768px) {#outer{width: 100%;overflow: hidden;}/*見出し*/#outer .top_parts{flex-direction: column-reverse;margin-bottom: 1em;}#outer .top_parts .top_txt{width: 100%;padding: 15px;}#outer .top_parts .top_txt h1{font-size: 1.32em;padding: 5px 5px 0 5px;}#outer .top_parts .top_txt p{font-size: 1em;padding: 5px;}#outer .top_parts .top_img{width: 100%;}#outer .top_parts .top_img img{width: 100%;}/*カテゴリボタン設定*/#outer .category_btn{width: 95%;font-size: 1.1em;margin: 15px auto 40px;}#outer .category_btn a{padding: 6px;}/*関連記事のとこ*/.column{width: 100%;}.column h3{padding: 5px;font-size: 1.3em;margin: 0;}.column h3::before{content: "┃"}.contents_02{padding: 0 10px;}.contents_02 .item_{width: 100%;margin: 5px auto;padding: 0;}.contents_02::after{content: none;}.contents_02 .item_ ul.btns_{font-size: 0.8em;width: 100%;margin-bottom: 0;padding: 0;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{padding: 10px 0;border-radius: 100vh;color: #493628;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;}.column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;float: none;}.column ul.tokusyu li{width: 49%;}/*h2*/#outer h2.uline_b{font-size: 1.5em;margin: 1em auto;padding-bottom: 5px;line-height: 1.2;width: 90%;}.jump ul._genre_menu li.global_item a {padding: 10px 10px 30px;}.jump ul._genre_menu li.global_item a::after {border-width: 10px 10px 0 10px;}#outer .tab_item {width: calc(100% / 2);padding: 15px;border-bottom: solid 2px #fff;font-size: 15px;}#outer .contents_4 {justify-content: center;}#outer .contents_4 .item {width: 29%;margin-bottom: 0;gap: 0.5em;height: auto;padding-bottom: 0.5em;}/*左画像・右文章*/#outer .contents {width: 100%;display: block;margin: 0 auto;}#outer .contents .item,#outer .contents .item_lowprice {margin: 0 auto 30px;display: block;width: 80%;}#outer .contents .item .item_img,#outer .contents .item_lowprice .item_img {margin-bottom: 5px;}#outer .contents .item .item_txt p,#outer .contents .item_lowprice .item_txt p {line-height: 1.5;font-size: 1em;}#outer .contents .item .item_txt,#outer .contents .item_lowprice .item_txt {margin: 20px 10px;}.circle {margin: 10px;padding: 30px;}#outer .contents .item .item_txt .circle p {font-size: 20px;}/*価格のところ*/.new_icon {width: 50%;position: relative;margin-left: -3em;top: -5em;}#outer .contents .item_lowprice .item_txt p{margin: 1em 0;}#outer .item_lowprice .item_txt .item_container{width: 100%;}#outer .item_lowprice .item_container .price p.base_price01 {font-size: 40px;width: 75%;margin: auto;}#outer .contents_4 .item .item_txt {padding: 0;margin-bottom: 0px;text-align: left;}/*価格*/.item_price {font-size: 3em;margin-top: 0.1em;}.item_price::after {font-size: 0.5em;}.unit_price {font-size: 0.85em;}p.discription{margin: 1em;}#outer .item_lowprice .item_txt h4 {font-size: 1.1em;font-weight: bold;margin-bottom: 5px;}#outer .choseitext{margin: 0 1em;}/*関連記事*/#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 .contents_4 .item_s .item_img{width: 80%;margin: 5px auto;}#outer .contents_4 .item_s .item_img img{width: 100%;}#outer .contents_4 .item .item_txt h4 {font-size: 1.8em;padding: 0 0 0.5em 0;margin: 0 1em;text-align: left;}#outer .contents_4 .item .item_img{width: 80%;margin: auto;}#outer .contents_4 .item .item_img img{width: 100%;}#outer .contents_4 .item .item_txt .osusume .osusume_item {font-size: 1.3em;justify-items: center;margin: 0 auto;width: 90%;padding: 0;}#outer .material-section{margin:50px 0;}#outer .material-title{font-size:24px;}#outer .product-grid{grid-template-columns:1fr;gap:24px;}#outer .product-name{font-size:22px;}#outer .product-footer{padding: 0 1em 1em;margin: 0;gap: 4em;}#outer .price{font-size:28px;}#outer .product-grid{width: 100%;margin: 0 auto;}#outer .material-text{line-height: 1.6;padding: 0 1em;}#outer .material-label{margin-bottom: 1.7em;}#outer .usage-grid { grid-template-columns: 1fr; }#outer .guide-grid { grid-template-columns: 1fr; }#outer .guide-card:nth-child(1),#outer .guide-card:nth-child(2),#outer .guide-card:nth-child(3) { border-bottom: 1px solid var(--c-border); border-right: none; padding: 1.5em 1.5em 2em; height: auto;}#outer .guide-card:nth-child(4) { border-bottom: none; padding: 1.5em 1.5em 2em; height: auto;}#outer .prod-grid { grid-template-columns: 1fr; }#outer .scene-grid { display: block; gap: 8px; }#outer .fw-section { padding: 1em 0; }#outer .section-sub {margin-bottom: 1.5em;font-size: 1em;}#outer .page-jump {margin: 32px auto 3em;padding: 0 16px;}#outer .page-jump__list {grid-template-columns: 1fr;border-radius: 12px;}#outer .page-jump__item {min-height: 64px;padding: 0.5em 1.5em;border-right: none;}#outer .page-jump__item:nth-last-child(-n + 2) {border-bottom: 1px solid #e4ded2;}#outer .page-jump__item:last-child {border-bottom: none;}#outer .page-jump__text {font-size: 15px;}#outer .container {padding: 0 1em;}#outer .scene-card {margin-bottom: 1em;width: 100%;height: 510px;}#outer .tag-group{margin: 1em;}#outer .tag{font-size: 0.9em;}#outer .scene-card::before {background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 35%,rgba(0,0,0,0.55) 55%,rgba(0,0,0,0.98) 100%);}#outer .scene-arrow {font-size: 1.05em;margin-top: 1.5em;}#outer .scene-card2 {width: 100%;margin: 0 0 1em 0;height: 340px;}#outer .scene-card3 {width: 100%;margin: 0 0 1em 0;height: 340px;}#outer .scene-card4 {width: 100%;margin: 0 0 1em 0;height: 340px;}#outer .scene-card5 {width: 100%;margin: 0 0 1em 0;height: 340px;}#outer .scene-thumb-img2 {width: 200px;height: 200px;}#outer .scene-thumb-img2 img {width: 100%; height: 100%;object-fit: cover;transform: scale(1.2);}#outer .scene-thumb:hover .scene-thumb-img2 { }#outer .scene-thumb:hover .scene-thumb-img2 img,#outer .scene-thumb:hover .scene-thumb-img2 > * { transform: scale(1.08); }#outer .scene-thumb2 {flex-shrink: 0;width: 200px;display: flex;flex-direction: column;gap: 4px;}#outer .scene-thumb-name {padding: 0 0 0 0.5em;font-size: 1em;}#outer .section-eyebrow{margin: 2em 0;font-size: 0.8em;}#outer .mat-desc {font-size: 1em;margin: 0.5em 0 1em;}#outer .mat-header {align-items: flex-start;}#outer .mat-badge {margin-top: 4px;}#outer .material-tabs{justify-content: left;}#outer .pagejump{display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}#outer .pagejump::-webkit-scrollbar{display:none;}#outer .pagejump a{flex:0 0 auto;min-width:140px;padding:12px 18px;font-size:13px;}#outer .mat-section { margin-bottom: 1em; }}