@charset "utf-8";/* CSS Document *//*大枠*/#outer{width: 1260px;margin: 0 auto;}/*パンくず*/.navitopicpath_{overflow: hidden;font-size: 12px;margin: 15px 10px 25px;}#bread-crumb-list{width: 100%;float: left;overflow: hidden;}#bread-crumb-list li{display: inline;}.navitopicpath_ a{margin: 0 0.5em;white-space: nowrap;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #5dbb63;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.2em;font-weight: bold;padding-bottom: 5px;line-height: 1.2;}#outer .top_parts .top_txt p{font-size: 1.3em;padding-top: 10px;font-weight: 500;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}/*目次＋ページジャンプ*/#outer .toc-002 {position: relative;border: 3px solid #f2c94c;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: #b88c04;}.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: #b88c04;}.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;border-bottom: solid 5px #50c858;margin-top: 45px;margin-bottom: 25px;display: flex;/* 横並びにするためにflex */align-items: center;/* 垂直方向の中央揃え */gap: 8px;/* アイコンとテキストの余白 */}#outer h2.uline_b .icon-img {width: 40px;height: 40px;object-fit: contain;}/*h2の下の文章*/#outer p.contents_txt{font-size: 1.2em;padding: 10px;margin-bottom: 25px;line-height: 1.5;}/*h3*/#outer .contents h3{font-size: 1.7em;font-weight: bold;margin: 15px 0 10px;padding-left: 5px;}#outer .contents h3::before{content: "┃";color: #50c858;}/*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%, #efffe6 0%);}/*h4*/#outer .contents h4{font-size: 1.5em;font-weight: bold;margin: 15px 0 15px;padding: 5px 5px 0 10px;text-decoration: underline;}/*左画像・右文章*/#outer .contents{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}#outer .contents .item{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;margin-bottom: 15px;padding: 3px;}#outer .contents .item .item_img{width: 40%;}#outer .contents .item .item_img img{width: 100%;}#outer .contents .item .item_txt{width: 60%;padding: 0 0 15px 30px;box-sizing: border-box;}#outer .contents .item .item_txt p{line-height: 1.5;font-size: 1.2em;}/*h3の下の文章のみ*/#outer .contents .item .item_txt_01{width: 100%;padding: 0 15px 15px;box-sizing: border-box;}#outer .contents .item .item_txt_01 p{line-height: 1.5;font-size: 1.2em;}#outer .contents .item._01{content: "";width: 100%;margin-bottom: 0;}/*箇条書き部分（dl）*/#outer .contents dl.item_dl{width: 100%;background-color: #fffdf5;border-radius: 12px;font-size: 1.2em;margin: 10px 10px 25px;padding: 10px;}#outer .contents dl.item_dl dt{font-weight: bold;color: #eb5757;font-size: 1.1em;}#outer .contents dl.item_dl dd{padding: 10px;}/*重要部分の下線*/#outer .marker_p {font-weight: bold;background: linear-gradient(#fff 60%, #ffe79d 0%);padding-left: 2px;padding-right: 2px;}/*重要部分の太線*/#outer .futo_p {font-weight: bold;text-decoration: underline;}/*POPの種類説明箇所*/#outer .contents .example-block {display: block;padding: 0;}.shop-pop {background-color: #fdf4f0;/* 店内POPの淡い暖色背景 */padding: 20px;border-radius: 8px;border: 1px solid #d0c8c0;/* ← 枠線を追加（色は淡いグレー） */}.outdoor-pop {background-color: #fdfbf0;/* 店外POPの淡い寒色背景 */padding: 20px;border-radius: 8px;border: 1px solid #d0c8c0;/* ← 枠線を追加（色は淡いグレー） */}.example-box {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 20px;border-radius: 6px;padding: 15px;}.example-image {flex: 0 0 320px;}.example-image img {width: 100%;border-radius: 5px;object-fit: cover;}.example-text {flex: 1;font-size: 1.1em;line-height: 1.6;color: #5c4b3b}/* 店内用背景色 */.shop-example {background-color: #f0e5db;}/* 店外用背景色（調和する寒色系） */.outdoor-example {background-color: #f0ecdb;}/*POPカテゴリボタン*/.pop-category-title {font-size: 1.3em;font-weight: bold;margin: 5px 0 20px;color: #5c4b3b;border-left: 5px solid #e0d9cd;padding-left: 10px;}.category-list {display: flex;flex-wrap: wrap;gap: 16px;margin-bottom: 30px;}.category-card {display: flex;align-items: center;background-color: #f4f1ec;border: 1px solid #d4cabe;border-radius: 6px;padding: 10px 14px;text-decoration: none;color: #5c4b3b !important;font-size: 1.1em;font-weight: bold;width: 240px;transition: box-shadow 0.3s ease;}.category-card img {width: 70px;height: 70px;margin-right: 12px;object-fit: cover;border-radius: 4px;}.category-card:hover {box-shadow: 0 2px 6px rgba(0,0,0,0.2);}.category-card02 {display: flex;align-items: center;background-color: #f4f3ec;border: 1px solid #d4cabe;border-radius: 6px;padding: 10px 14px;text-decoration: none;color: #5c4b3b !important;font-size: 1.1em;font-weight: bold;width: 240px;transition: box-shadow 0.3s ease;}.category-card02 img {width: 70px;height: 70px;margin-right: 12px;object-fit: cover;border-radius: 4px;}.category-card02:hover {box-shadow: 0 2px 6px rgba(0,0,0,0.2);}/*おすすめ商品*/#outer .recommend{width: 85%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}#outer .recommend .item{width: 24%;display: flex;flex-direction: column;box-sizing: border-box;margin-bottom: 35px;padding: 10px;border: solid 1px #CCCCCC;}#outer .recommend::after{content: "";display: block;width: 24%;height: 0;}#outer .recommend::before{content: "";display: block;width: 24%;height: 0;order: 1;}#outer .recommend .item .item_img{width: 100%;margin: 0 auto;}#outer .recommend .item .item_img img{width: 100%;}#outer .recommend .item .item_txt{width: 100%;margin-bottom: 15px;padding: 0;}#outer .recommend .item .item_txt p.recommend_p{font-weight: bold;font-size: 1.2em;margin-bottom: 10px;}#outer .recommend .item .item_txt p{line-height: 1.5;font-size: 1.2em;}#outer .recommend .item ul.btns{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}#outer .recommend .item ul.btns li.btn_gazou{position: relative;}#outer .recommend .item ul.btns li.btn_gazou a{display: block;position: relative;padding: 5px;color: #FFFFFF;background-color: #006DC7;font-weight: bold;border-radius: 40px;font-size: 1.2em;text-align: center;font-size: 1.2em;}/*表上のh4 線の間に小見出し*/#outer .headline-box {display: flex;align-items: center;justify-content: center;position: relative;font-size: 1.2em;font-weight: bold;color: #5dbb63;padding: 12px 0;margin: 20px 0;width: 100%;text-decoration: none !important;}.headline-box::before,.headline-box::after {content: '';flex: 1;height: 1px;background-color: #5dbb63;}.headline-box::before {margin-right: 1em;}.headline-box::after {margin-left: 1em;}/*シモラボカテゴリー画像ボタン*/.labocategory {width: 100%;display: flex;gap: 20px;/* 画像同士の間隔（pxはお好みで） */flex-wrap: wrap;/* スマホで折り返したい場合に追加 */justify-content: center;padding: 0;margin-top: 10px;list-style: none;}.labocategory a img {width: 100%;height: auto;display: block;}.labocategory li {flex: 0 1 300px;/* 1アイテムの最小横幅（必要に応じて調整） */text-align: center;}.labocategory a:hover{opacity: 0.7;}/*カテゴリボタン設定*/#outer .category_btn{width: 100%;font-size: 1.2em;margin: 15px auto 60px;}#outer .category_btn a{color: #FFFFFF !important;border-bottom: solid 3px #f2c94c;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: #5dbb63;}#outer .category_btn a:hover{opacity: 0.7;}/*カテゴリボタン02設定*/#outer .category_btn_02{width: 100%;font-size: 1.2em;margin: 15px auto 60px;}#outer .category_btn_02 a{color: #FFFFFF !important;border-bottom: solid 3px #eb5757;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: #eb877b;}#outer .category_btn_02 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: #ffffff;background-color: #5dbb63;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 ){/*	body * {outline: red 1px solid;}*//*大枠*/#outer{width: 100%;}/*見出し*/#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.6em;padding: 5px 5px 20px 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 .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.7em;font-weight: bold;margin: 25px 10px 25px;padding-bottom: 5px;line-height: 1.2;text-align: center;}#outer p.contents_txt{padding: 15px;font-size: 1.2em;margin-bottom: 0;line-height: 1.5;}/*h3*/#outer .contents h3{font-size: 1.5em;font-weight: bold;margin: 25px 10px 25;border-left: none;padding-left: 0;}#outer .contents h3::before{content: "┃";}/*h4*/#outer .contents h4{font-weight: bold;margin: 5px;padding: 5px 5px 0;}/*左画像・右文章のとこ*/#outer .contents{padding: 0 10px;}#outer .contents .item{width: 100%;margin: 0 0 5px 0;padding-bottom: 15px;}#outer .contents .item .item_img{width: 100%;}#outer .contents .item .item_txt{width: 100%;padding: 5px;}#outer .contents .item .item_txt p{line-height: 1.5;font-size: 1.2em;}/*文章のみ*/#outer .contents .item .item_txt_01{padding: 5px;}#outer .contents .item .item_txt_01 p{font-size: 1.2em;}/*箇条書き部分（dl）*/#outer .contents dl.item_dl{width: 100%;padding: 5px;margin: 0 auto;}#outer .contents dl.item_dl dt{font-weight: bold;font-size: 1.1em;padding: 5px;}#outer .contents dl.item_dl dd{padding: 0 10px 15px;}/*POPの種類説明箇所*/.example-box {flex-direction: column;gap: 0;padding: 15px;}.example-image {flex: 0 0 100%;max-width: 100%;}.example-image img {width: 100%;height: auto;display: block;margin-bottom: 8px;}.example-text {margin-top: 0;}/*おすすめ商品*/#outer .recommend{width: 95%;}#outer .recommend .item{width: 49%;margin: 5px 0;padding-bottom: 15px;}#outer .recommend .item .item_txt{margin-bottom: 20px;}#outer .recommend .item .item_txt p.recommend_p{font-size: 1em;padding-top: 10px;}#outer .recommend .item .item_txt p{font-size: 1em;}#outer .recommend::after,.recommend::before{content: none;}/*リンクボタンのとこ*/#outer .recommend .item ul.btns{margin-top: auto;margin-bottom: 10px;padding: 0 5px;}#outer .recommend .item ul.btns li.btn_gazou{position: relative;}#outer .recommend .item ul.btns li.btn_gazou a{font-size: 1em;border-radius: 2em;padding: 5px;text-align: center;text-decoration: none;}/*カテゴリボタン設定*/#outer .category_btn{width: 95%;font-size: 1.1em;margin: 15px auto 40px;}#outer .category_btn a{padding: 6px;}/* スマホ用の .headline-box 設定（#outer を追加） */#outer h4.headline-box {display: flex;align-items: center;justify-content: center;position: relative;font-size: 1.1em;font-weight: bold;color: #5dbb63;padding: 12px 0;margin: 20px 0;width: 100%;text-decoration: none !important;}#outer h4.headline-box::before,#outer h4.headline-box::after {content: '';flex: 1;height: 1px;background-color: #5dbb63;}#outer h4.headline-box::before {margin-right: 1em;}#outer h4.headline-box::after {margin-left: 1em;}/*関連記事のとこ*/.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%;}}/*@mediaの閉じタグ*/