@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');
/* font-family:'Inter', sans-serif; */

.wp_box img{ vertical-align:top; }
.wp_box a:visited{ color:inherit; }
.wp_box .tag{ display:flex; flex-wrap:wrap; }
.wp_box .tag a{ display:flex; justify-content:space-between; align-items:center; background:#BAAF97; color:#FFFFFF; text-decoration:none; transition:all 300ms 0s ease; }
.wp_box .tag a:hover{ opacity:0.6; }

/* PC */
@media screen and (min-width:768px){
	.sp{ display:none; }
	.wp_box{ display:flex; justify-content:space-between; align-items:flex-start; }
	.wp_box .tag{ justify-content:flex-start; font-size:1.4rem; line-height:1.2; margin-left:-13px; }
	.wp_box .tag a{ min-height:30px; padding:5px 10px; margin-bottom:13px; margin-left:13px; border-radius:4px; }
}

/* スマホ */
@media screen and (max-width:767px) {
	.pc{ display:none; }
	.wp_box .tag{ font-size:1.4rem; line-height:1.2; }
	.wp_box .tag a{ min-height:24px; padding:5px 10px; margin:0 5px 10px; border-radius:4px; }
	
}

.wp_l_1{ color:#FFFFFF; }
.wp_l_1 a{ background:#444444; color:#FFFFFF; font-weight:600; text-decoration:none; }
.wp_l_2 { color:#FFFFFF; }
.wp_l_2 a{ background:#BAAF97; color:#FFFFFF; font-weight:600; text-decoration:none; }
.wp_l_1 a::before,
.wp_l_2 a::before{ display:block; content:""; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; transform:rotate(45deg); }
.wp_l_3 a{ display:block; border-bottom:1px solid #DADADA; text-decoration:none; }
.wp_l_sns{ display:flex; justify-content:center; }
.wp_l_sns a{ display:block; font-size:0; line-height:0; }
.wp_l_sns a.t{ background:url("img/icon_t.svg") no-repeat center/cover; }
.wp_l_sns a.i{ background:url("img/icon_i.svg") no-repeat center/cover; }

/* PC */
@media screen and (min-width:768px){
	.wp_l{ width:calc(100% * 200 / 1000); }
	.wp_l_1{ padding-bottom:19px; font-size:1.4rem; line-height:1.4; }
	.wp_l_2{ padding-bottom:14px; font-size:1.4rem; line-height:1.4; }
	.wp_l_1 a,
	.wp_l_2 a{ display:flex; align-items:center; height:47px; margin-bottom:2px; padding:10px; }
	.wp_l_1 a::before,
	.wp_l_2 a::before{ width:7px; height:7px; margin-right:15px; }
	.wp_l_3{ margin-bottom:30px; font-size:1.4rem; line-height:1.4; }
	.wp_l_3 a{ padding:15px 0 14px; }
	.wp_l_sns a{ width:40px; height:40px; margin:0 9px; }
}

/* スマホ */
@media screen and (max-width:767px) {
	.wp_l{ display:none; }
	
}

.wp_m{}
.wp_m .wp_ttl{ background:#E7E2D8; font-weight:bold; width:100%; }
.wp_m .wp_sub{ font-weight:bold; }
.wp_m.recipe .wp_sub{ background:url("img/recipe_ttl.svg") no-repeat left center; }
.wp_m.story .wp_sub { background:url("img/story_ttl.svg") no-repeat left center; }
.wp_m.how .wp_sub   { background:url("img/how_ttl.svg") no-repeat left center; }
/* PC */
@media screen and (min-width:768px){
	.wp_m{ display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start; width:100%; }
	.wp_m .wp_ttl{ font-size:2.5rem; line-height:1.2; padding:10px 15px; margin-bottom:40px; }
	.wp_m .wp_kv{ margin-bottom:40px; width:100%; }
	.wp_m .wp_sub{ border-bottom:2px solid #BAAF97; padding:15px 15px 15px 0; font-size:2.0rem; line-height:1.2; margin-bottom:30px; }
	.wp_m.recipe .wp_sub{ padding-left:55px; background-size:auto 36px !important; }
	.wp_m.story .wp_sub { padding-left:65px; background-size:auto 36px !important; }
	.wp_m.how .wp_sub   { padding-left:57px; background-size:auto 47px !important; }
}
/* スマホ */
@media screen and (max-width:767px) {
	.wp_m .wp_ttl{ font-size:1.6rem; line-height:1.2; padding:10px; margin-bottom:30px; }
	.wp_m .wp_kv{ margin-bottom:15px; width:100%; }
	.wp_m .wp_sub{ border-bottom:1px solid #BAAF97; padding:15px 15px 15px 0; font-size:1.2rem; line-height:1.2; margin-bottom:25px; }
	.wp_m.recipe .wp_sub{ padding-left:35px; background-size:auto 18px !important; }
	.wp_m.story .wp_sub { padding-left:35px; background-size:auto 18px !important; }
	.wp_m.how .wp_sub   { padding-left:28px; background-size:auto 23px !important; }
}

.wp_m_l.list article{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
.wp_m_l.list .thum{  display:block; transition:all 300ms 0s ease; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url("img/no-thum.png"); }
.wp_m_l.list .thum::before{ display:block; content:""; padding-top:calc(100% * 135 / 205); }
.wp_m_l.list .thum:hover{ opacity:0.6; }
.wp_m_l.list .thum img{ width:100%; }
.wp_m_l.list .meta time{ width:7em; }
.wp_m_l.list .meta .theme{ width:calc(100% - 7em); }
.wp_m_l.list .meta .sub{ display:block; width:100%; }
.wp_m_l.list .meta .read a{ display:inline-block; color:#8C0000; padding-left:0.5em; }
.wp_m_l.list .meta .read a::before{ content:"..."; }

/* PC */
@media screen and (min-width:768px){
	.wp_m_l{ width:calc(100% * 520 / 760); padding-bottom:80px; }
	.wp_m_l.list{ font-size:1.4rem; line-height:1.4; }
	.wp_m_l.list article{ padding:35px 0; border-bottom:1px solid #DADADA; }
	.wp_m_l.list .thum_wrap,
	.wp_m_l.list .thum{ width:calc(100% * 205 / 520); }
	.wp_m_l.list .thum_wrap .thum{ width:100%; }
	.wp_m_l.list .thum_wrap .tag,
	.wp_m_l.list .tag{ margin-top:15px; }
	.wp_m_l.list .meta{ display:flex; flex-wrap:wrap; width:calc(100% * 290 / 520); }
	.wp_m_l.list .meta.full{ width:100%; }
	.wp_m_l.list .meta .sub{ margin-top:15px; }
	.wp_m_l.list .meta.full .sub{ font-size:2.0rem; line-height:1.4; }
	.wp_m_l.list .meta .tag{ margin-top:15px; }
	.wp_m_l.list .meta .read{ font-size:1.2rem; line-height:1.6; margin-top:15px; }
	.wp_m_l.list .meta.full .read{ font-size:1.4rem; line-height:1.6; }
	.wp_m_l.detail .meta{ font-size:1.4rem; line-height:1.6; }
	.wp_m_l.detail .meta p{ margin-bottom:5px; }
}

/* スマホ */
@media screen and (max-width:767px) {
	.wp_m_l{ padding-bottom:50px; }
	.wp_m_l.list{ font-size:1.0rem; line-height:1.4; }
	.wp_m_l.list article{ padding:35px 0; border-bottom:1px solid #DADADA; }
	.wp_m_l.list .meta_sp{ width:100%; font-size:1.4rem; line-height:1.4; }
	.wp_m_l.list .meta_sp time{ display:block; margin-bottom:5px; }
	.wp_m_l.list .meta_sp .sub{ display:block; margin-bottom:15px; }
	.wp_m_l.list .thum_wrap,
	.wp_m_l.list .thum{ width:calc(100% * 290 / 580); }
	.wp_m_l.list .thum_wrap .thum{ width:100%; }
	.wp_m_l.list .tag{ margin-top:7px; }
	.wp_m_l.list .thum_wrap .tag{ margin:7px -5px 0; }
	.wp_m_l.list .meta{ display:flex; flex-wrap:wrap; width:calc(100% * 275 / 580); font-size:1.2rem; line-height:1.6; }
	.wp_m_l.list .meta.full{ width:100%; }
	.wp_m_l.list .meta .sub{ margin-top:7px; }
	.wp_m_l.list .meta .tag{ margin:7px -5px 0; justify-content:flex-start; }
	.wp_m_l.list .meta .read{ margin-top:7px; }
	.wp_m_l.detail .meta{ font-size:1.2rem; line-height:1.6; }
	.wp_m_l.detail .meta p{ margin-bottom:5px; }
}

.wp_m_l.qa{}
.wp_m_l.qa .anchor{ list-style:none; padding:0; margin:0; }
.wp_m_l.qa .anchor li{ position:relative }
.wp_m_l.qa .anchor a{ vertical-align:top; }
.wp_m_l.qa .anchor .q i{ position:absolute; left:0; top:0; text-decoration:none; }
.q i,
.a i{ font-family:'Inter', sans-serif; font-weight:700; font-style:normal; }
.q i{ color:#BAAF97; }
.a i{ color:#8C0000; }
.wp_m_l.qa article:first-of-type{ border-top:1px solid #DADADA; }
.wp_m_l.qa article{ border-bottom:1px solid #DADADA; }
.wp_m_l.qa article .q{ position:relative; }
.wp_m_l.qa article .q i{ position:absolute; left:0; top:0; }
.wp_m_l.qa article .a{ position:relative; }
.wp_m_l.qa article .a i{ position:absolute; left:0.125em; top:0; }

/* PC */
@media screen and (min-width:768px){
	.wp_m_l.qa .anchor{ padding-bottom:30px; }
	.wp_m_l.qa .anchor li{ font-size:1.4rem; line-height:2.0rem; margin-bottom:20px; padding-left:55px; }
	.wp_m_l.qa .anchor .q i{ font-size:2.0rem; }
	.wp_m_l.qa article{ padding:30px 0; }
	.wp_m_l.qa article .q{ padding-left:55px; font-size:1.7rem; line-height:1.4; margin-bottom:20px; }
	.wp_m_l.qa article .q i{ font-size:2.5rem; line-height:calc(1.7rem * 1.4); }
	.wp_m_l.qa article .a{ padding-left:55px; font-size:1.5rem; line-height:1.6rem; }
	.wp_m_l.qa article .a i{ font-size:2.0rem; line-height:calc(1.5rem * 1.6); }
}

/* スマホ */
@media screen and (max-width:767px) {
	.wp_m_l.qa .anchor{ padding-bottom:25px; }
	.wp_m_l.qa .anchor li{ font-size:1.4rem; line-height:1.4; margin-bottom:15px; padding-left:30px; }
	.wp_m_l.qa .anchor .q i{ font-size:1.4rem; }
	.wp_m_l.qa article{ padding:20px 0; }
	.wp_m_l.qa article .q{ padding-left:30px; font-size:1.2rem; line-height:1.4; margin-bottom:10px; }
	.wp_m_l.qa article .q i{font-size:1.6rem; line-height:calc(1.2rem * 1.4); }
	.wp_m_l.qa article .a{ padding-left:30px; font-size:1.0rem; line-height:1.6; }
	.wp_m_l.qa article .a i{ font-size:1.4rem; line-height:calc(1.0rem * 1.6); }
	
}

.wp_m_r h3{ text-align:center; position:relative; }
.wp_m_r h3::before{ content:""; border-bottom:1px solid #000000; position:absolute; left:0; top:50%; z-index:0; width:100%; }
.wp_m_r h3 span{ display:inline-block; background:#FFFFFF; padding:0 0.5rem; position:relative; z-index:1; }

.wp_m_r .theme a{ display:flex; align-items:center; border:1px solid #E7E2D8; text-decoration:none; }
.wp_m_r .archive{ list-style:none; padding:0; margin:0; line-height:2.5; }
.wp_m_r .archive a{ display:block; text-decoration:underline; }

.wp_m_r .contact{ border-top:1px solid #000000; }
.wp_m_r .bt{ display:inline-flex; justify-content:center; align-items:center; background:#BAAF97; color:#FFFFFF; font-weight:bold; text-decoration:none; transition:all 300ms 0s ease; }
.wp_m_r .bt:hover{ opacity:0.6; }

/* PC */
@media screen and (min-width:768px){
	.wp_m_r{ width:calc(100% * 212 / 760); }
	.wp_m_r h3{ font-size:1.8rem; line-height:1.0; margin-bottom:25px; }
	.wp_m_r .theme{ margin-bottom:45px; }
	.wp_m_r .theme a{ border-left:10px solid #E7E2D8; padding:5px 15px; margin-bottom:5px; }
	.wp_m_r .tag{ margin-bottom:45px; }
	.wp_m_r .archive{ margin-bottom:45px;}
	.wp_m_r .contact{ padding-top:35px; font-size:1.3rem; line-height:1.6; }
	.wp_m_r .bt{ font-size:1.4rem; line-height:1.2; width:100%; min-height:50px; padding:5px 10px; border-radius:4px; }
}

/* スマホ */
@media screen and (max-width:767px) {
	.wp_m_r{ width:100%; }
	.wp_m_r h3{ font-size:1.4rem; line-height:1.0; margin-bottom:20px; }
	.wp_m_r .theme{ padding:0 20px; margin-bottom:15px; }
	.wp_m_r .theme a{ border-left:12px solid #E7E2D8; padding:5px 10px; margin-bottom:15px; }
	.wp_m_r .tag{ justify-content:center; padding:0 5px; margin-bottom:15px; }
	.wp_m_r .archive{ padding:0 20px 0 0; margin-bottom:15px; font-size:1.2rem; line-height:1.2; }
	.wp_m_r .archive li{ display:inline-block; margin-left:20px; }
	.wp_m_r .contact{ padding-top:25px; font-size:1.2rem; line-height:1.6; text-align:center; }
	.wp_m_r .bt{ font-size:1.2rem; line-height:1.2; width:158px; min-height:40px; padding:5px 10px; border-radius:4px; }
	
}

.navigation h2{ display:none; }
.navigation .nav-links{ display:flex; align-items:flex-start; color:#8C0000; }
.wp_m_l.detail .navigation .nav-links{ justify-content:space-between; }
.navigation .nav-links>*{ display:block; color:inherit; text-decoration:none; }
.navigation .nav-links>*.current{ color:#C57F7F; text-decoration:underline; }
.navigation .nav-links>.prev::before,
.navigation .nav-links>[rel="prev"]::before,
.navigation .nav-links>.next::after,
.navigation .nav-links>[rel="next"]::after{ display:inline-block; vertical-align:top; content:""; border:1px solid #8C0000; border-radius:50%; background:url("./img/nav_arr.svg") no-repeat center; }
.navigation .nav-links>.prev::before,
.navigation .nav-links>[rel="prev"]::before{ transform:rotate(180deg); }
.wp_m_l.detail .navigation .nav-links>.prev::before,
.wp_m_l.detail .navigation .nav-links>[rel="prev"]::before{ margin-right:0.5em; }
.wp_m_l.detail .navigation .nav-links>.next::after,
.wp_m_l.detail .navigation .nav-links>[rel="next"]::after{ margin-left:0.5em; }

/* PC */
@media screen and (min-width:768px){
	.navigation{ margin-top:80px; }
	.navigation .nav-links{ justify-content:center; }
	.navigation .nav-links>*{ font-size:1.8rem; line-height:2.4rem; height:24px; padding:0 5px; margin:0 5px; }
	.wp_m_l.list .navigation .nav-links>.prev,
	.wp_m_l.list .navigation .nav-links>[rel="prev"],
	.wp_m_l.list .navigation .nav-links>.next,
	.wp_m_l.list .navigation .nav-links>[rel="next"]{ font-size:0; line-height:0; }
	.navigation .nav-links>.prev::before,
	.navigation .nav-links>[rel="prev"]::before,
	.navigation .nav-links>.next::after,
	.navigation .nav-links>[rel="next"]::after{ width:22px; height:22px; background-size:10px 9px; }
}

/* スマホ */
@media screen and (max-width:767px) {
	.navigation{ margin-top:50px; }
	.navigation .nav-links{ justify-content:space-between; }
	.navigation .nav-links>*{ font-size:0; line-height:0; }
	.navigation .nav-links>.prev,
	.navigation .nav-links>[rel="prev"],
	.navigation .nav-links>.next,
	.navigation .nav-links>[rel="next"]{ font-size:1.0rem; line-height:2.0rem; height:20px; }
	.navigation .nav-links>.prev::before,
	.navigation .nav-links>[rel="prev"]::before,
	.navigation .nav-links>.next::after,
	.navigation .nav-links>[rel="next"]::after{ width:18px; height:18px; background-size:10px 9px; }
	.navigation .nav-links>.prev::before,
	.navigation .nav-links>[rel="prev"]::before{ margin-right:0.5em; }
	.navigation .nav-links>.next::after,
	.navigation .nav-links>[rel="next"]::after{ margin-left:0.5em; }
	
}

.body{}
.body>*{ margin-top:1.6em; }
.body h1,
.body h2,
.body h3,
.body h4,
.body h5,
.body h6{ border-bottom:1px solid #DADADA; line-height:1.2; font-weight:bold; }

.recipe_box{ display:inline-block; background:#FFFFFF; position:relative; }
.recipe_box:before,
.recipe_box:after{ display:block; content:""; height:0; position:absolute; }

.alignleft{ float:left; margin-right:1em; }
.alignright{ float:right; margin-left:1em; }
.aligncenter{ margin:0 auto; }

.body table{ border-spacing:0; }
.body table th{ text-align:left; font-weight:normal; }

/* PC */
@media screen and (min-width:768px){
	.body>*{ font-size:1.5rem; line-height:1.6; }
	.body h1,
	.body h2,
	.body h3,
	.body h4,
	.body h5,
	.body h6{ border-left:10px solid #DADADA; padding:5px 15px 10px; margin-top:3.2em; }
	.body h1{ font-size:2.4rem; }
	.body h2{ font-size:2.2rem; }
	.body h3{ font-size:2.0rem; }
	.body h4{ font-size:1.8rem; }
	.body h5{ font-size:1.6rem; }
	.body h6{ font-size:1.5rem; }
	.recipe_box{ padding:25px 50px 25px 25px; border:2px solid #BAAF97; }
	.recipe_box:before{ top:-3px; right:-3px; border-bottom:31px solid #BAAF97; border-right:31px solid #FFF; }
	.recipe_box:after{ top:2px; right:2px; border-bottom:24px solid #FFF; border-right:24px solid transparent; }
}

/* スマホ */
@media screen and (max-width:767px) {
	.body>*{ font-size:1.2rem; line-height:1.6; }
	.body h1,
	.body h2,
	.body h3,
	.body h4,
	.body h5,
	.body h6{ border-left:10px solid #DADADA; padding:5px 15px 10px; margin-top:3.2em; }
	.body h1{ font-size:1.6rem; }
	.body h2{ font-size:1.4rem; }
	.body h3{ font-size:1.2rem; }
	.body h4{ font-size:1.15rem; }
	.body h5{ font-size:1.1rem; }
	.body h6{ font-size:1.05rem; }
	.recipe_box{ padding:15px 25px 15px 15px; border:1px solid #BAAF97; }
	.recipe_box:before{ top:-2px; right:-2px; border-bottom:16px solid #BAAF97; border-right:16px solid #FFF; }
	.recipe_box:after{ top:1px; right:1px; border-bottom:12px solid #FFF; border-right:12px solid transparent; }
	
}