﻿@charset "utf-8";/* CSS Document *//*大枠*/#outer{width: 1260px;margin: 0 auto;}/*見出し*/#outer .top_parts{width: 100%;display: flex;justify-content: space-between;background-color: #4B6587;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.2em;padding-top: 10px;}#outer .top_parts .top_img{width: 44%;}#outer .top_parts .top_img img{width: 100%;}/*おすすめ一覧*/#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 #4B6587;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;}/*各項目*/h2.uline_b{font-size: 2em;font-weight: bold;border-bottom: solid 5px #000000;margin-top: 45px;margin-bottom: 25px;}h2.uline_b p.contents_txt{width: 100%;flex-wrap: wrap;box-sizing: border-box;justify-content: space-between;margin-bottom: 70px;padding: 10px;font-size: 1.2em;}h2.label{font-size: 2em;font-weight: bold;border-bottom: solid 5px #000000;margin-top: 65px;margin-bottom: 25px;}#outer .contents{width: 100%;}#outer .contents h3{font-size: 1.7em;font-weight: bold;margin-top: 35px;margin-bottom: 20px;padding-left: 5px;}#outer h3 {font-size: 1.7em;font-weight: bold;padding-left: 5px;}.contents h3::before{content: "┃";}.contents .item {display: flex;margin-bottom: 70px;padding: 10px;box-sizing: border-box;}.contents .item .item_img {flex: 0 0 39%;}.contents .item .item_img img {width: 100%;height: auto;}.contents .item .item_txt {width: 59%;padding: 0 15px 15px;box-sizing: border-box;}.contents .item .item_txt p{line-height: 1.5;font-size: 1.2em;}.contents .item{margin: 15px;}.contents .item .item_img{width: 30%;margin-right: 20px;}.contents .item .item_img img{width: 100%;}.contents .item .item_txt2{width: 65%;max-width: calc(100% - 15px);padding: 0 15px 15px;box-sizing: border-box;}.contents .item .item_txt{width: 65%;}.contents .item2 .item_img2 {width: 30%;margin-right: 5%;float: left;}.contents .item .item_img2 img{width: 100%;}.contents .item .item_txt p{line-height: 1.5;font-size: 1.3em;margin-top: 20px;margin-bottom: 20px;}.contents .item .item_txt3 p{line-height: 1.5;font-size: 1.3em;font-weight: bold;}.contents .item2 {flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;}.contents .item2 .item_img2 {width: 30%;margin-right: 5%;float: left;}.item2 .item_txt2 p{width: 65%;float: right;font-size:1.2em;}#outer p {display: block;margin:block;margin-bottom: 20px;}#outer p1 {display: block;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;font-size: 1.2em;margin-top: 10px;margin-bottom: 60px;}/*h2の下のテキスト*/p.label_txt{line-height: 1.5;font-size: 1.3em;margin-bottom: 60px;margin-top: 20px;text-indent: 1rem;font-weight: bold;}/*商品一覧のボタン*/#outer .btn_gazou{width: 100%;font-size: 1em;margin-bottom: 10px;}#outer .btn_gazou a{position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;font-weight: bold;border-radius: 100vh;border-bottom: 10px solid #4B6587;background: #212A3E;color: #FFFFFF!important;font-size: 1.5em;}#outer .btn_gazou a::after{content: "";position: absolute;top: 50%;right: 5%;transform: translateY(-50%);border: 10px solid transparent;border-left: 13px solid #ffffff;}/*商品はこちらボタン*/.button-4 {display: flex;justify-content: center;align-items: center;width: 250px;margin-top: 50px;margin-right: auto;margin-left: auto;padding: .9em 2em;border: none;border-bottom: solid 5px #B47B84;border-radius: 25px;background-color: #944E63;color: #fff!important;font-weight: 600;font-size: 1em;transition: .5s ease;text-decoration: none;}.button-4::after {transform: rotate(45deg);width: 5px;height: 5px;margin-left: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;content: '';}.button-4:hover {transform: translateY(3px);border-bottom-width: 2px;}.btns {display: flex;justify-content: center;}.btn_gazou {margin: auto;}/*関連記事のところ*/.column{width: 100%;margin-bottom: 45px;}.column h3.column_h3{font-size: 1.5em;font-weight: bold;margin: 35px 0 15px;}.column h3.column_h3::before{content: "┃"}.column .blog_btn{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;margin: 0 auto;}.column .blog_btn a{padding: 10px;color: #ffffff;background-color: #4B6587;border-radius: 0.2em;font-size: 1.3em;font-weight: bold;text-align: center;position: relative;margin-right: 350px;margin-bottom: 35px;}.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%;}.recommend .item ul.btns{margin-top: auto;margin-bottom: 12px;padding: 0 10px;}.btns {display: flex;justify-content: center;}.btn_gazou {margin: auto;}#outer .btn_gazou2{width: 100%;font-size: 1em;margin-bottom: 10px;}/*.section .btn_gazou a{display: block;position: relative;padding: 10px;color: #ffffff;background-color: #DAC0A3;text-align: center;font-size: 2em;font-weight: bold;}*/#outer .btn_gazou2 a{position: relative;display: block;text-align: center;vertical-align: middle;margin: auto;padding: 1rem 4rem;font-weight: bold;border-radius: 100vh;border-bottom: 10px solid #EAD7BB;background: #DAC0A3;color: #ffffff!important;font-size: 2em;}#outer .btn_gazou2 a::after{content: "";position: absolute;top: 50%;right: 5%;transform: translateY(-50%);border: 10px solid transparent;border-left: 13px solid #ffffff;/*content: url(https://shimojima.live/img/freepage/food_delivery/ico_ya.png);line-height: 0;position: absolute;top: 50%;right: 35%;transform: translateY(-50%);*/}/*スマホの設定*/@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: 2em;font-weight: bold;padding-bottom: 5px;line-height: 1.2;}#outer .top_parts .top_txt p{font-size: 1.2em;padding: 5px;}#outer .top_parts .top_img{width: 100%;}#outer .top_parts .top_img img{width: 100%;}/*各項目*/#outer .item {display: flex;flex-direction: column;}h2.uline_b{font-size: 1.8em;font-weight: bold;margin: 25px 10px 25px;padding-bottom: 5px;line-height: 1.2;text-align: center;}h2.uline_b p.contents_txt{width: 100%;flex-wrap: wrap;box-sizing: border-box;justify-content: space-between;margin-bottom: 70px;padding: 10px;font-size: 1.2em;}h2.label{font-size: 1.8em;font-weight: bold;margin: 25px 10px 20px;padding-bottom: 5px;line-height: 1.2em;text-align: center;}p.label_txt{line-height: 1.5;font-weight: bold;padding: 5px;text-indent: 0;margin: 5px;}#outer .contents{width: 100%;margin-top: 10px;}#outer .contents h3{font-size: 1.3em;font-weight: bold;margin: 25px 0;}#outer .contents h3{content: "┃";}.contents .item{display: flex;flex-direction: column;/* スマートフォンでは縦方向に配置 */padding: 10px;box-sizing: border-box;}.contents .item .item_img{width: 90%;}.contents .item .item_img img {width: 100%;height: auto;}.contents .item .item_txt {width: 100%;/* テキストの幅を100%に設定 */box-sizing: border-box;}.contents .item .item_txt p{font-size: 1.2;}.contents .item .item_txt ul.item_list{font-size: 15px;font-weight: bold;}.contents .item2 {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px;margin: auto;}.contents .item2 .item_img2 {width: 90%;margin: auto;}.contents .item2 .item_txt2 {width: 90%;font-size:1.2em;padding-top:20px;margin: auto;}.contents .item .item_txt3 p{line-height: 1.5;font-size: 1.3em;font-weight: bold;margin: 5px;}#outer 	p {display: block;margin: 5px;font-size: 1.2em;font-weight: bold;}#outer    p1 {display: block;margin: 10px;font-size: 1.2em;padding: 3%;}#outer p2 {display: block;margin: 5px;font-size: 1.2em;margin-top: 30px;}/*商品一覧のボタン*/#outer .btn_gazou a{background-color: #212A3E;border-radius: 100vh;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;}#outer .btn_gazou a::after{content: "";position: absolute;top: 50%;left: 90%;transform: translateY(-50%);border: 10px solid transparent;border-left: 13px solid #ffffff;}/*商品はこちらボタン*/.button-4 {display: flex;justify-content: center;align-items: center;width: 250px;margin-top: 30px;margin-right: auto;margin-bottom: 30px;margin-left: auto;padding: .9em 2em;border: none;border-bottom: solid 5px #B47B84;border-radius: 25px;background-color: #944E63;color: #fff;font-weight: 600;font-size: 1em;transition: .5s ease;text-decoration: none;}.button-4::after {transform: rotate(45deg);width: 5px;height: 5px;margin-left: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;content: '';}.button-4:hover {transform: translateY(3px);border-bottom-width: 2px;}/*関連記事のとこ*/.column{width: 100%;}.column h3.column_h3{padding: 5px;font-size: 1.3em;margin: 0;}.column h3.column_h3::before{content: "┃"}.column .blog_btn{display: flex;flex-direction: column;padding: 10px;width: 100%;}.column ul.tokusyu{width: 96%;margin: 0 auto;padding: 0;}.column ul.tokusyu li{width: 49%;}.column .blog_btn a{display: block;border-radius: 1em;text-align: center;text-decoration: none;margin-bottom: 10px;width: calc(100% - 20px);word-wrap: break-word;}/*おすすめ商品一覧*/#outer .recommend {justify-content: space-between;box-sizing: border-box;padding: 0 10px}#outer .recommend .item{width: 47%;}/*おすすめ商品*/.recommend{padding: 0 10px;}.recommend .item{width: 49%;margin: 5px 0;padding-bottom: 15px;}.recommend .item .item_txt{margin-bottom: 20px;}.recommend .item .item_txt p{font-size: 1em;}.recommend::after,.recommend::before{content: none;}/*リンクボタンのとこ*/.recommend .item ul.btns{margin-top: auto;margin-bottom: 10px;padding: 0 5px;}.recommend .item ul.btns li.btn_gazou{position: relative;}.recommend .item ul.btns li.btn_gazou a{font-size: 1em;border-radius: 2em;padding: 5px;text-align: center;text-decoration: none;}/*#outer .btn_gazou{width: 100%;font-size: 10px;margin-bottom: 10px;font-weight: bold;}*/#outer .btn_gazou2{font-size: 10px;}#outer .btn_gazou2 a{padding: 10px 0;background-color: #DAC0A3;border-radius: 100vh;color: #ffffff;font-weight: bold;text-align: center;display: block;position: relative;transition: .3s;margin: 5px;font-size: 1.5em;}#outer .btn_gazou2 a::after{content: "";position: absolute;top: 50%;left: 95%;transform: translateY(-50%);border: 10px solid transparent;border-left: 13px solid #ffffff;}}/*@mediaの閉じタグ*/