@charset "utf-8";/* CSS Document *//*大枠のcss*/#outer{width: 1260px;margin: 0 auto;}/*マウスオーバーでふぉんってなる*/#outer a:hover{opacity: 0.7;z-index: 1;}#outer .uline_b{background: #FFF0AF;border-bottom: solid 3px #FCAF24;font-weight: bold;line-height: 60px;text-align: center;padding: 0 2em 0 1em;font-size: 1.8em;color: #333333;box-sizing: border-box;margin-block-start: 0.5em;margin-block-end: 0.5em;margin-bottom:30px;}#outer .contents_h3{background-color: #FFF8D9;border-left: solid 10px #FCAF24;padding: 7px 15px;font-size: 1.7em;font-weight: bold;margin-bottom: 35px;width: 115px;color: #333333;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #ffbe7e;margin-bottom: 50px;}#outer .top_parts .top_txt{width: 54%;color: #333333;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%;}/*ページジャンプの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 #333333;border-right: solid 2px #333333;}.jump ul._genre_menu li.global_item{width: 50%;position: relative;border-left: solid 2px #333333;border-bottom: solid 2px #333333;}.jump ul._genre_menu li.global_item:last-child{border-right-style: none;margin-right: 0;}.jump ul._genre_menu li.global_item a{font-size: 20px;display: block;padding: 20px 20px 20px 20px;font-weight: bold;text-decoration: none;box-sizing: border-box;text-align: center;color: #333333;background-color: #FFF8D9;}.jump ul._genre_menu li.global_item a::after{content: "";display: block;position: absolute;left: 70%;top: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-style: solid;border-width: 15px 17.5px 0 17.5px;border-color: #FCAF24 transparent transparent transparent;}#outer a.adjustment{display: block;padding-top: 80px;margin-top: -80px;}/*レコメンドのところ*/#recommend_block{border-top: inherit;}#recommend_block .ec-shelfRole{margin-bottom: 0px;}/*カテゴリボタン設定*/#outer .category_btn{width: 85%;font-size: 1.2em;margin: 15px auto 60px;}#outer .category_btn a{color: #FFFFFF !important;border-bottom: solid 4px #FFF0AF;text-decoration: none !important;position: relative;display: block;text-align: center;vertical-align: middle;margin: 25px auto 50px auto;padding: 10px;font-weight: bold;border-radius: 100vh;background-color: #FCAF24;}#outer .category_btn a:hover{opacity: 0.7;}/*果物から選ぶボタン設定*/.button-container {display: flex;flex-wrap: wrap;justify-content: flex-start;margin-top: 40px;margin-bottom: 40px;}.image-text-button {display: flex;align-items: center;padding: 5px 5px;background-color: #ffffff;color: #333333;border-radius: 5px;text-decoration: none;/* リンクの下線を消す */font-size: 16px;cursor: pointer;transition: background-color 0.3s;border: 2px solid #333333;height: 60px;width: 18%;margin-bottom: 25px;margin-right: 10px;border-radius: 10px;}.image-text-button .button-text:hover{text-decoration: underline;/* 下線を表示 */}.button-arrow {color: #333;margin-left: auto;/* 右端に寄せる */margin-right:5px;text-decoration: none;/* 矢印部分の下線を常に無効化 */}.button-arrow :hover{text-decoration: none;/* 矢印部分の下線を常に無効化 */}/* 画像とテキストの配置を調整 */.button-image {max-width: none;height: 60px;margin-right: 10px;/* 画像とテキストの間のスペース */}.button-text {display: inline-block;font-size:1.3em;font-weight: bold;}/*画像と文字横並びブロック*/#outer .contents_b{width: 100%;margin: 0 auto 25px;display: grid;grid-template-columns: 1fr 1fr;column-gap: 10px;}#outer .contents_b .item{border: solid 1px #cccccc;display: grid;grid-template-columns: 1fr 2fr;margin-bottom:20px;}#outer .contents_b .item .item_img{width: 100%;display: flex;align-items: center;}#outer .contents_b .item .item_img img{width: 100%;}#outer .contents_b .item .item_txt h4{font-size: 1.5em;font-weight: bold;}#outer .contents_b .item .item_txt p{font-size: 1.2em;line-height: 1.5;padding: 15px 20px;}/*4個並べ*/#outer .contents_4{margin: 0 auto;display: flex;justify-content: left;flex-wrap: wrap;}#outer .contents_4 .item{width: 25%;/*3個並びにしたいときは33％とかにする*/box-sizing: border-box;border: solid 1px #cccccc;margin-bottom: 20px;display: flex;flex-direction: column;}#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%;text-align:center;}#outer .contents_4 .item .item_img img{width: 200px;}#outer .contents_4 .item .item_txt{padding: 10px 25px 15px 25px;font-size: 1.2em;}#outer .item  h4 {font-size: 1.5em;font-weight: bold;margin-bottom: 15px;text-align: center;background-color: #FFF8D9;padding: 8px;}#outer .contents_4 .item h4 {padding: 15px;}#outer .contents_4 .item .category_btn a{font-size: 0.8em;border-radius:40px;margin-bottom: 25px}#outer  .contents_4 .item .category_btn {margin-bottom: 25px}/*関連記事のところ*/.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: #FCAF24;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: 100%;}/*見出し*/#outer .top_parts{flex-direction: column-reverse;margin-bottom: 15px;}#outer .top_parts .top_txt{width: 100%;padding: 15px;}#outer .top_parts .top_txt h1{font-size: 1.5em;padding:　0px 0px 0px 0px;}#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 35px;}#outer .category_btn a{margin: 0px auto 0px;padding: 6px;}/*ページジャンプ*/#outer .jump{margin: 0 auto 0px;top: 64px;}#outer .jump ul._genre_menu{display: flex;flex-wrap: wrap;border-top: solid 1.5px #333333;border-right: solid 1.5px #333333;}/*ページジャンプのcss*/#outer .jump ul._genre_menu li.global_item{width: 50%;box-sizing: border-box;border-left: solid 1.5px #333333;border-bottom: solid 1.5px #333333;}#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 20px 5px 7px;font-size: 1.2em;}#outer .jump ul._genre_menu li.global_item a::before{position: absolute;content: '';top: 0.8em;right: 0.3em;border-top: 10px solid #FCAF24;border-right: 7px solid transparent;border-left: 7px solid transparent;}#outer .jump ul._genre_menu li.global_item a::after{content: none;}#outer a.adjustment{padding-top: 30px;margin-top: -30px;}/*h1*/h1{font-size: 1.5em;}/*h2*/#outer h2.uline_b{font-size: 1.4em;margin: 20px 0px 15px;padding-bottom: 5px;line-height: 2;}/*h3*/#outer h3.contents_h3{font-size: 1.3em;margin: 10px 0 12px 0;padding-left: 10px;}/*h4*/#outer h3.contents_h4{font-size: 1.2em;}#outer .contents_4 .item h4 {padding: 8px;margin-bottom: 5px;}/*果物から選ぶボタン設定*/.button-image {height: 45px;}.image-text-button {font-size: 12px;height: 40px;width: 40%;margin-right: 0px;margin-bottom: 12px;}.button-container {display: flex;flex-wrap: wrap;justify-content: space-evenly;margin-top: 20px;margin-bottom: 20px;}/*画像と文字横並びブロック*/#outer .contents_b{margin: 0 auto 20px;display: block;}#outer .contents_b .item{border: solid 1px #cccccc;padding: 0px;margin-bottom: 7px;}#outer .contents_b .item .item_txt h4{font-size: 1.2em;}#outer .contents_b .item .item_txt p{font-size: 0.8em;padding: 5px 15px 10px 15px;}/*4個並べ*/#outer .contents_4 {justify-content: center;}#outer .contents_4 .item{width: 49%;margin-bottom: 0px;}#outer .contents_4 .item .item_txt{padding: 5px 15px 15px 15px;font-size: 0.8em;}#outer .item .item_txt h4 {font-size: 1.2em;}#outer .item h4 {font-size: 1.2em;}#outer .contents_h3 {padding: 5px 0px;width: 90px;}#outer .contents_4 .item .item_img img{width: 70%;}/*関連記事のとこ*/.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%;}}