@charset "utf-8";/* CSS Document *//*大枠のcss*/#outer{width: 1260px;margin: 0 auto;}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #B47B84;margin-bottom: 50px;}#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: 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%;}/*カテゴリボタン設定*/#outer .category_btn{width: 100%;font-size: 1.2em;margin: 15px auto 20px;}#outer .category_btn a{color: #FFFFFF !important;border-bottom: solid 3px #CAA6A6;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: #944E63;}#outer .category_btn a:hover{opacity: 0.7;}/*カテゴリボタン02設定*/#outer .category_btn02{width: 100%;font-size: 1.2em;margin: 15px auto 60px;}#outer .category_btn02 a{color: #FFFFFF !important;border-bottom: solid 3px #bcdfbe;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: #86a788;}#outer .category_btn02 a:hover{opacity: 0.7;}/*目次＋ページジャンプ*/#outer .toc-002 {position: relative;border: 3px solid #caa6a6;border-radius: 12px;padding: 2em 1em 1.5em;background-color: #fff;width: 100%;max-width: 700px;margin: 2em auto;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}.toc-002 .toc-header {position: absolute;top: -1.2em;left: 1em;background-color: #fff;padding: 0 1em;font-weight: bold;font-size: 1.5em;color: #944e63;}.toc-002 .toc-list {list-style: none;margin: 0;padding: 0;}.toc-002 .toc-list li {margin: 0.8em 0;font-size: 1.1em;display: flex;align-items: center;padding-left: 0.5em;}.toc-002 .toc-list li span {margin-right: 0.6em;font-size: 1.2em;}.toc-002 .toc-list a {text-decoration: none;color: #333;font-weight: bold;transition: color 0.3s;}.toc-002 .toc-list a:hover {color: #944e63;}.toc-002 .toc-icon {width: 30px;height: 30px;margin-right: 8px;vertical-align: middle;transform: rotate(45deg);/* 初期傾き */transition: transform 0.3s ease;}.toc-002 li:hover .toc-icon {transform: rotate(90deg);/* ホバーで横向きに */}/*アンダーラインのh2*/#outer h2.uline_b{font-size: 2em;font-weight: bold;/*	text-align: center;*/border-bottom: solid 5px #944e63;margin-top: 25px;margin-bottom: 15px;}/*ベタ背景のh2*/#outer h2.title_h2{background: #e4d5d5;border-left: solid 10px #944e63;padding: 0.75rem 1.5rem;margin-top: 45px;margin-bottom: 10px;font-size: 2em;font-weight: bold;color: #3F3A34;}/*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%, #e4d5d5 0%);}/*横長画像*/#outer .contents_yoko {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}#outer .contents_yoko .item {margin: 0 auto 10px;display: block;}#outer .contents_yoko .item .item_img {grid-row: 1;grid-column: 1;}#outer .contents_yoko .item .item_img img {width: 100%;}#outer .contents_yoko .item .item_txt {margin-top: 20px;}#outer .contents_yoko .item .item_txt p {line-height: 1.5;font-size: 1.1em;}/*左画像・右文章*/#outer .contents {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}#outer .contents .item {margin: 0 auto 50px;display: grid;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: 1.1em;}/* リスト共通 */.point-list {background: #f9f2f2;/* 背景色 */padding: 20px 20px 16px 20px;/* 内側余白 */border-radius: 8px;/* 角を丸める */margin-top: 16px;/* 上に余白を追加して本文と区切る */}.point-list li {margin-bottom: 8px;/* 各項目の間に余白 */padding-left: 1.4em;/* アイコンや丸を置く余白 */list-style: none;/* デフォルトの黒丸を消す */position: relative;}.point-list li::before {content: "●";position: absolute;left: 0;top: 0.4em;font-size: 0.7em;color: #b35c5c;/* アイコンの色 */}/* グリッド：PC 8列 / スマホ 4列（折り返しは自動） */#outer .grid-lead {margin: 0 0 16px;/* 下に余白をつける */font-size: 1.1em;color: #333;}#outer .grid {display: grid;grid-template-columns: repeat(8, 1fr);gap: var(--gap);max-width: 1200px;/* 任意。ページ幅に合わせて調整 */margin: 0 auto;padding: 0 12px;}/* カード本体（縦積み） */#outer .card {display: flex;flex-direction: column;text-decoration: none;padding: 8px;border-radius: 8px;}/* 画像は正方形を維持してトリミング */#outer .card img {width: 100%;aspect-ratio: 1 / 1;/* 正方形を維持 */object-fit: cover;display: block;border-radius: 4px;}/* テキストは画像の下に */#outer .card-text {margin-top: 8px;font-size: 14px;line-height: 1.4;text-align: center;/* 中央寄せ（左寄せにしたい場合は削除） */color: #333;}#outer .introduce_item {margin-top: 30px;display: flex;flex-wrap: wrap;}#outer .introduce_item .recommendeditems {margin: 20px 0 20px 20px;padding: 20px 0;background: #dcdcdc;font-weight: bold;text-align: center;position: relative;flex-basis: calc(100% / 3 - 26px);box-sizing: border-box;border-radius: 4px;}#outer .introduce_item .recommendeditems dt, #outer .introduce_item .recommendeditems dd {margin-left: 20px;margin-right: 20px;}#outer .introduce_item .recommendeditems dd img {margin-bottom: 20px;border: none;width: 100%;}#outer .introduce_item .recommendeditems a:nth-child(6) dd {margin-top: 10px;}#outer .introduce_item .soldout:before {content: '';background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;border-radius: 4px;position: absolute;top: 0;left: 0;z-index: 2;}#outer .introduce_item .soldout:after {content: '終了しました';margin: auto;padding: 60px 0;color: #fff;font-size: 125%;border: 8px solid;width: 160px;height: 160px;position: absolute;top: 50%;left: 0;right: 0;bottom: 50%;z-index: 3;border-radius: 90px;box-sizing: border-box;}#outer .introduce_item .limited .recommendedimg {position: relative;}#outer .introduce_item .recommendeditems .recommendedname {font-size: 90%;}#outer .introduce_item .recommendeditems .recommendedprice {color: #e60012;font-family: 'Century Gothic', sans-serif;font-size: 300%;font-style: oblique;}#outer .introduce_item .recommendeditems .recommendedprice:after {content: '(税込)';font-size: 25%;}#outer .introduce_item .recommendeditems .recommendeddiscount {margin: 0;padding-top: 1.2em;color: #fff;font-family: 'Century Gothic', sans-serif;font-size: 250%;font-style: oblique;line-height: 0.2em;width: 100px;height: 76px;position: absolute;top: 60px;right: 10px;z-index: 1;}#outer .introduce_item .recommendeditems .recommendeddiscount:after {content: '%\AOFF';font-size: 50%;line-height: 1em;white-space: pre;}#outer .introduce_item .recommendeditems .recommendedlink dd {padding: 10px;background: #fff;font-size: 75%;}/*関連記事のところ*/.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: #ffffff;background-color: #944E63;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;}/*スマホの設定*/@media screen and (max-width: 768px) {#outer{width: 95%;}/*見出し*/#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.2em;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 10px;}#outer .category_btn a{padding: 6px;}/*カテゴリボタン02設定*/#outer .category_btn02{width: 95%;font-size: 1.1em;margin: 15px auto 40px;}#outer .category_btn02 a{padding: 6px;}#outer .toc-002 {width: auto;/* ← max-width 優先させるために */max-width: 100%;/* ← スマホ画面の幅にフィットさせる */margin: 2em auto;padding: 2em 10px 1.5em;/* ← 他 contents と同じ10px */box-sizing: border-box;/* ← パディング含めて幅を管理 */}/*h2*/#outer h2.uline_b{font-size: 1.5em;margin: 25px 5px 15px;padding-bottom: 5px;line-height: 1.2;}/*h3*/#outer h3.marker_h3{font-size: 1.3em;margin: 15px auto;padding-left: 5px;background: linear-gradient(#fff 60%, #e4d5d5 0%);}/*h2*/#outer h2.title_h2{padding: 0.5rem 1rem;margin-top: 20px;margin-bottom: 10px;font-size: 1.5em;}/*横長画像*/#outer .contents_yoko {width: 100%;display: block;margin: 0 auto;}#outer .contents_yoko .item {margin: 0 auto 50px;display: block;}#outer .contents_yoko .item .item_img {margin-bottom: 5px;}#outer .contents_yoko .item .item_txt p {line-height: 1.5;font-size: 1em;}/*左画像・右文章*/#outer .contents {width: 100%;display: block;margin: 0 auto;}#outer .contents .item {margin: 0 auto 50px;display: block;}#outer .contents .item .item_img {margin-bottom: 5px;}#outer .contents .item .item_txt p {line-height: 1.5;font-size: 1em;}/* グリッド：スマホ 4列（折り返しは自動） */#outer .grid {grid-template-columns: repeat(4, 1fr);}/*関連記事のとこ*/.column{width: 100%;}.column h3{padding: 5px;font-size: 1.3em;margin: 0;}.column h3::before{content: "┃"}.contents_02{padding: 0 10px;}.contents_02 .item_{width: 100%;margin: 5px auto;padding: 0;}.contents_02::after{content: none;}.contents_02 .item_ ul.btns_{font-size: 0.8em;width: 100%;margin-bottom: 0;padding: 0;}.contents_02 .item_ ul.btns_ li.btn_gazou_{position: relative;}.item_ .btn_gazou_ a{padding: 10px 0;border-radius: 100vh;color: #ffffff;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%;}#outer .introduce_item {margin: 16px 12.5px 0 0;}#outer .introduce_item .recommendeditems {margin: 10px 0 10px 12.5px;padding: 10px 0;width: auto;flex-basis: calc(50% - 12.5px);}#outer .introduce_item .recommendeditems dt, #column_contents .introduce_item .recommendeditems dd {margin-left: 10px;margin-right: 10px;}#outer .introduce_item .recommendeditems dt {font-size: 75%;}#outer .introduce_item .recommendeditems dd img {margin-bottom: 10px;}#outer .introduce_item .soldout::after {padding: 40px 0;font-size: 100%;width: 120px;height: 120px;border-radius: 60px;}#outer .introduce_item .limited dd.img::after {top: 16px;left: -4px;}#outer .introduce_item .recommendeditems .recommendedname {font-size: 75%;}#outer .introduce_item .recommendeditems .recommendedprice {font-size: 175%;}#outer .introduce_item .recommendeditems .recommendedlink {font-size: 50%;}}