@charset "utf-8";/* CSS Document *//*大枠のcss*/#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%;background-color: #90A6A7;/*背景色*/display: flex;justify-content: space-between;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: 3em;font-weight: bold;line-height: 1.2;margin-bottom: 5px;}#outer .top_parts .top_txt p{padding-top: 10px;padding-right: 20px;font-size: 1.3em;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}/*各項目*/#outer h2.uline_b{font-size: 2.5em;font-weight: bold;border-bottom: solid 5px #000000;margin-top: 45px;margin-bottom: 25px;}#outer .contents{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}#outer .contents p.contents_txt{width: 100%;font-size: 1.4em;font-weight: bold;padding: 10px;margin-bottom: 40px;}#outer .contents h3{font-size: 2em;font-weight: bold;margin-bottom: 20px;padding-left: 5px;}#outer .contents h3::before{content: "┃"}#outer .contents .item{width: 100%;display: flex;flex-wrap: wrap;box-sizing: border-box;justify-content: space-between;margin-bottom: 50px;padding: 10px;}#outer .contents .item .item_img{width: 39%;}#outer .contents .item .item_img img{width: 100%;}#outer .contents .item .item_txt{width: 59%;padding: 0 0 30px 15px;box-sizing: border-box;}#outer .contents .item .item_txt p{line-height: 1.7;font-size: 1.3em;}/*ミニカテゴリー遷移ボタン*/#outer .btn-container {display: flex;flex-wrap: wrap;gap: 20px;justify-content: flex-start;max-width: 1280px;/* 横幅制限例 */margin-top: 50px;padding: 0 10px;}#outer .minicategory-btn {box-sizing: border-box;flex: 1 1 calc(25% - 20px);/* 横に4つ並ぶ */display: flex;flex-direction: column;/* 縦並び */background-color: #c4c4c4;border-radius: 15px;padding: 15px;text-decoration: none;width: 100%;overflow: hidden;}#outer .content-wrapper {display: flex;/* 画像とタイトルを横並び */align-items: center;margin-bottom: 15px;}#outer .img-wrapper {background-color: #fff;border-radius: 6px;/*padding: 6px;*/width: 90px;height: 90px;display: flex;justify-content: center;align-items: center;margin-right: 15px;flex-shrink: 0;}#outer .img-wrapper img {max-width: 70px;max-height: 70px;}#outer .title {font-weight: bold;font-size: 18px;color: #000;line-height: 1.2;white-space: pre-line;}#outer .check-btn {background-color: #90a6a7;border-radius: 20px;padding: 8px 20px;color: #fff;font-weight: bold;text-align: center;width: 100%;/* 親幅いっぱい */cursor: pointer;box-sizing: border-box;}#outer .check-btn a {display: block;color: #fff;text-decoration: none;/* リンクの下線を消す */}#outer .check-btn:hover {background-color: #6a7b7b;/* 濃いグレーのボタン色に変更 */}#outer .check-btn a:hover {color: #fff;/* リンクのテキストカラーは継続（ホバー時） */}#outer body .check-btn a:link,body .check-btn a:visited,body .check-btn a:hover,body .check-btn a:active {color: #fff !important;text-decoration: none;}/*おすすめ一覧*/#outer .recommend{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;margin: 15px auto;}#outer .recommend .item{width: 19%;position: relative;display: flex;flex-direction: column;align-items: center;font-weight: bold;margin-bottom: 20px;border: solid 1px #90A6A7;padding: 0 0 1rem;}#outer .recommend .item a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;transition: .3s;}#outer .recommend .item img{width: 100%;}#outer .recommend .item p{padding: 5px 5px 0;}#outer .btn_gazou{width: 100%;font-size: 1em;margin-bottom: 10px;}/*.section .btn_gazou a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #90A6A7;text-align: center;font-size: 2em;font-weight: bold;}*/#outer .btn_gazou a{position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 10px;font-weight: bold;border-radius: 100vh;border-bottom: 10px solid #627172;background: #90A6A7;color: #ffffff!important;font-size: 1.5em;}#outer .btn_gazou a::after{content: "";position: absolute;top: 50%;right: 35%;transform: translateY(-50%);border: 10px solid transparent;border-left: 13px solid #ffffff;/*content: url(https://shimojima.jp/img/freepage/food_delivery/ico_ya.png);line-height: 0;position: absolute;top: 50%;right: 35%;transform: translateY(-50%);*/}/*関連記事のところ*/#outer h2.uline_b {font-size: 2em;font-weight: bold;border-bottom: solid 5px #000000;margin-top: 45px;margin-bottom: 25px;}#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: "┃"}.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 .category_btn{width: 100%;font-size: 1.2em;margin: 15px auto 50px;}#outer .category_btn a{color: #FFFFFF !important;border-bottom: solid 5px #627172;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: #90A6A7;}#outer .category_btn a:hover{opacity: 0.7;}#outer .item_ .btn_gazou_ a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #90A6A7;font-weight: bold;border-radius: 20px;text-align: center;text-decoration: none;font-size: 1em;}#outer .item_ .btn_gazou_ a:hover{opacity: 0.7;}#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%;}/*スマホの設定*/@media screen and (max-width: 768px) {/*大枠*/#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.7em;padding: 5px 5px 0 5px;}#outer .top_parts .top_txt p{font-size: 0.9em;padding: 5px;}#outer .top_parts .top_img{width: 100%;}#outer .top_parts .top_img img{width: 100%;}/*contents部分*/#outer h2.uline_b{font-size: 2.3em;font-weight: bold;margin: 25px 10px 25px;padding-bottom: 5px;line-height: 1.2;text-align: center;}#outer .contents{width: 100%;margin-top: 10px;}#outer .contents p.contents_txt{width: 100%;padding: 10px;font-size: 15px;}#outer .contents h3{font-size: 25px;font-weight: bold;border-left: none;margin-bottom: 5px;}#outer .contents h3::before{content: "┃"}.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: 2;font-size: 15px;}/*おすすめ商品一覧*/#outer .recommend{justify-content: space-between;box-sizing: border-box;padding: 0 10px;}#outer .recommend .item{width: 32%;font-size: 0.8em;}/*カテゴリボタン設定*/#outer .category_btn{width: 95%;font-size: 1.0em;margin: 15px auto 40px;}#outer .category_btn a{padding: 6px;}/*関連記事のとこ*/#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 .column{width: 100%;}#outer .column h3{padding: 5px;font-size: 1.3em;margin: 0;}#outer .column h3::before{content: "┃"}.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;background-color: #90A6A7;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 .minicategory-btn {flex: 1 1 calc(50% - 20px);/* 2列に並べる */padding: 10px;/* スマホ用にパディングを少し小さくする */}#outer .content-wrapper {display: flex;align-items: center;margin-bottom: 10px;/* 上下間隔を調整 */}#outer .img-wrapper {width: 70px;/* 画像の幅を小さく */height: 70px;/* 画像の高さを小さく */margin-right: 10px;/* 画像とタイトルの間隔調整 */}#outer .img-wrapper img {max-width: 50px;/* 画像の最大幅を小さく */max-height: 50px;/* 画像の最大高さを小さく */}#outer .title {font-size: 14px;/* タイトルのフォントサイズを小さく */line-height: 1.4;/* 行間を少し広げて調整 */white-space: normal;/* 改行も適切に表示 */}#outer .check-btn {padding: 10px 15px;/* ボタンのパディングを調整 */font-size: 14px;/* ボタンのフォントサイズを調整 */}#outer .check-btn a {font-size: 14px;/* ボタン内リンクのフォントサイズ */}}/*@mediaの閉じタグ*/