@charset "UTF-8";
/*------------------
common
--------------------*/
@media screen and (max-width: 320px) { .sp-320-none { display: none !important; } }
.sp {display: block;}
html{scroll-behavior:smooth;scroll-padding-top:167px}
.container { font-weight: 500;}
.txt-center{text-align:center}
.fw-bold{font-weight:700}
.indent{padding-left:1em;text-indent:-1em}
a{transition:.2s;color:inherit}
.container img{max-width:100%}
.btn-base:hover{text-decoration:transparent}
.btn-a{padding:15px 0;border-radius:5px;color:#fff;margin-bottom:20px;background-color:#2A2A2A;display:flex;flex-wrap:wrap;justify-content:center;width:300px;margin-inline:auto;font-size:1.6rem;font-weight: 700;}
.btn-a:hover{color:#fff}
.btn-b{padding:15px 0;border-radius:5px;margin-bottom:20px;border:solid 1px #2A2A2A;display:flex;flex-wrap:wrap;justify-content:center;width:300px;margin-inline:auto;font-size:1.6rem;}
.btn-b:hover{color:#000;}
.tax{font-size:.8em;padding-left:4px}
.title{line-height:0}
.bebas-kai{font-family: "bebas-kai", sans-serif;font-weight: 400;font-style: normal;letter-spacing: 1px;}
.m-b-60 {margin-bottom: 60px!important;}
.btn-other {text-align: center;font-weight: bold;font-size: 1.5rem;margin-top: -10px;}
.breadcrumb {margin-left: 20px;}
.page-footer {margin-top: 0;}

#monthlyrecipe {font-weight:500}
#monthlyrecipe a{transition:.2s}
#monthlyrecipe a:hover{transition:.2s;opacity:.8}
#monthlyrecipe {color:#2A2A2A}
#monthlyrecipe img{height:auto}
#monthlyrecipe p{line-height:1.7;}

.section-border {display: block;width: 80%;height: 1px;background: #ccc;margin-inline: auto;margin-top: 60px;margin-bottom: 60px;}

.theme2508 .icon-monthly span {background: #0c7c3a;}
.theme2508 .index__title, .theme2508 h2.common__title .en, .theme2508 .index--wrapper ul li::before {color:#0c7c3a}

/*------------------ .lead
--------------------*/
.icon-monthly {text-align: center;font-size: 1.8rem;}
.icon-monthly span {color: #fff;display: inline-block;padding: 0 10px;border-radius: 20px;margin-top: 50px;}
.lead__title{text-align:center;width:96%;margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding-top:20px;padding-bottom:20px;line-height:1.4}
.lead__title_main{font-weight:700;font-size:2.4rem;width: 100%;}
.lead__title_sub{font-size:1.6rem;font-weight: 700;}
.lead__txt{font-size:1.6rem;line-height:1.6;text-align:center;padding-bottom:60px;margin-top:30px;width:94%;margin-inline:auto}

/*------------------ .index
--------------------*/
.index--wrapper{width:60%;margin-inline:auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:30px 30px;}
.index__title{text-align:center;font-size:2.4rem;margin-bottom:20px}
.index--wrapper ul li{font-size:1.6rem;margin-bottom:.5em;line-height:1.6}
.index--wrapper ul li::before{content:'●';font-size:.8rem;margin-right:5px;}
.index--wrapper ul li a{text-decoration:underline}

/*------------------ contents
--------------------*/

.common__title{text-align:center}
h2.common__title .ja{font-size:2.8rem;font-weight:700;width: 100%;display: block;line-height: 1.7;}
h2.common__title .en{width: 100%;display: block;font-size: 2.4rem;margin-bottom: 10px;}
h2.common__title .item-name{font-weight:700;font-size:2rem;line-height:1.5}
h2.common__title .item-price{font-size:1.4rem}
h3.common__title {text-align: center;font-weight: 700;margin-bottom: 20px;font-size: 2rem;}
.common__txt{font-size:1.5rem;width:70%;margin-inline:auto;text-align:left}

.recommend-item--wrapper {width: 70%;margin-inline: auto;display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;gap: 10px;}
.recommend-item--wrapper .recommend-item {width: calc(100%/3 - 10px);text-align: left;font-size: 1.4rem;}
.recommend-item--wrapper .recommend-item-name {font-weight: 500;font-size: 1.4rem;}
.recommend-item-image{width:30%;margin-inline:auto;text-align: center;}
.pickup-recipe {display: block;max-width: 350px;margin-inline: auto;margin-bottom: 30px;font-size: 1.3rem;}
.column__title {font-weight: 700;width: 70%;margin-inline: auto;text-align: left;}
.column__img {text-align: center;margin-bottom: 30px;}
.other-recipe--wrapper {display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;gap: 20px;width: 88%;margin-inline: auto;}
.other-recipe--wrapper .other-recipe {width: calc(100%/4 - 30px);text-align: left;font-size: 1.4rem;margin-bottom: 20px;}
.other-recipe--wrapper .other-recipe-item {width: 100%;display: block;color: #B2B2B2;font-size: 1.2rem;line-height: 1.5;}
.other-recipe--wrapper .other-recipe-name {display: block;width: 100%;}

.balloon{position:relative;display:block;margin:1.5em 0;padding:20px 30px;max-width:55%;background:#e4ebe7;border-radius:10px;margin-inline:auto}
.balloon::before{content:"";position:absolute;top:-30px;left:50%;margin-left:-15px;border:15px solid transparent;border-bottom:15px solid #e4ebe7}
.balloon p{font-size:1.4rem}

.ig-icon span {padding-left: 5px;text-decoration: underline;font-size: 1.4rem;}

/*------------------ .related
--------------------*/
.related {margin-bottom: 60px;}
.related__title { font-size: 3.4rem; color: #000; text-align: center; margin-bottom: 30px; }
.related--wrapper { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 20px; width: 90%; margin-inline: auto; }
.related--wrapper a { width: 45%; }
.related__txt {font-size: 1.4rem;}

/*------------------ .category
--------------------*/
.sub-category-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px 2%;width:100%;margin-inline:auto;padding-bottom: 80px;}
.sub-category-list li{border: solid 2px #dfdcd2;padding:10px 1em;font-weight: 500;text-align: center;border-radius: 30px;font-size: 1.5rem;}
.sub-category-list li a {font-weight: 500;}

/*# sourceMappingURL=style.css.map */