@charset "UTF-8";
/*** common ***/
html {
  scroll-behavior: smooth;
}
body{  font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans","Noto Sans JP", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.5; color: #212121; background-color: #F5F2EB; margin: 0; overflow-wrap: anywhere; word-break: normal; line-break: strict; / }
img{ vertical-align: bottom; height: auto; }
main { display: block; } /* IE11対策*/
.cf::after{ content: ""; display: block; clear: both; }
a{ color: #416BE8; }
.forPC{ display: block; }
.forSP{ display: none; }
	@media screen and ( max-width:768px ){ 
	.forPC{ display: none; }
	.forSP{ display: block; }
	}

.tit{ font-size: 50px; margin-bottom: 20px; }
.fon50{ font-size: 50px; font-weight: 600; }
.fon38{ font-size: 38px; }
.fon28{ font-size: 28px; }
.fon18{ font-size: 18px; }
.fon16{ font-size: 16px; }

.check::after{ content: ""; display: inline-block; width: 30px; height: 40px; background: url(../img/check_des.png)no-repeat 50% / 100% auto; vertical-align: top; margin:-20px 0 0 10px ; }
.square::before{ content: ""; display: inline-block; width: 15px; height: 60px; background-color: #C67D2C; vertical-align: middle; margin: 0 10px 0 0;  }
.pan::before{ content: ""; display: inline-block; width: 80px; height: 80px; background: url(../img/logo.png)no-repeat 50% / 100% auto; vertical-align: middle; }

/*** アイコン ***/
.icon-point::before,
.icon-pan::before,
.icon-time::before{  display: inline-block; vertical-align: bottom; color:#C67D2C; margin-right: 5px; }
.icon-point::before{ content:'\f058'; font-family: "Font Awesome 6 Free"; font-weight: 400; }
.icon-pan::before{ content: ""; width: 50px; height: 60px; background: url(../img/logo.png)no-repeat 50% / 100% auto; }
.icon-time::before{ content:'\f017'; font-family: "Font Awesome 6 Free"; font-weight: 400; }
.icon-A::before,
.icon-B::before,
.icon-C::before,
.icon-D::before,
.icon-E::before{ display: inline-block; font-family: "Font Awesome 6 Free"; font-weight: 400; width:30px; height: 30px; margin-right: 5px;  background-color:#C67D2C; color: #fff; border-radius: 50%; text-align: center; line-height: 1.6; }
.icon-A::before{ content: "\41"; }
.icon-B::before{ content: "\42"; }
.icon-C::before{ content: "\43"; }
.icon-D::before{ content: "\44"; }
.icon-E::before{ content: "\45"; }

.icon-01::before,
.icon-02::before,
.icon-03::before,
.icon-04::before,
.icon-05::before,
.icon-06::before,
.icon-07::before,
.icon-08::before,
.icon-09::before{ display: inline-block; font-family: "Font Awesome 6 Free"; font-weight: 400; width:65px; min-width: 65px; height: 65px; margin-right: 5px;  background-color:#C67D2C; color: #fff; border-radius: 50%; text-align: center; line-height: 2.3; }
.icon-01::before{ content: "\31"; }
.icon-02::before{ content: "\32"; }
.icon-03::before{ content: "\33"; }
.icon-04::before{ content: "\34"; }
.icon-05::before{ content: "\35"; }
.icon-06::before{ content: "\36"; }
.icon-07::before{ content: "\37"; }
.icon-08::before{ content: "\38"; }
.icon-09::before{ content: "\39"; }

	@media screen and ( max-width:768px ){ 

.icon-point::before,
.icon-pan::before,
.icon-time::before{ font-size: 35px; vertical-align: middle; }

.icon-01::before,
.icon-02::before,
.icon-03::before,
.icon-04::before,
.icon-05::before,
.icon-06::before,
.icon-07::before,
.icon-08::before,
.icon-09::before{  margin-right: 2%;  line-height: 2.8; }

	}


/** もっと見る **/
.morelink{ text-align: right; margin: 50px 0 0; }
.morelink a{ display: inline-block; text-align: right; text-decoration: none; color: #fff; background-color: #C67D2C; padding: 20px 50px; border-radius: 50px; }
.morelink a::after{ content: ""; display: inline-block; width: 100px; height: 10px; transform: skew(45deg); border-bottom: 3px solid #FFE200; border-right: 3px solid #FFE200; margin: 0  10px; }
/** 別タブで開く **/
a.anothertab::after{content:'\f08e'; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: 5px; vertical-align: top; font-size: 12px; }

	@media screen and ( max-width:768px ){ 
	.tit{ font-size: 38px; margin-bottom: 20px; }
	.fon50{ font-size: 38px; font-weight: 600; }
	.fon38{ font-size: 28px; }
	.fon28{ font-size: 23px; font-weight: 600; }
	.morelink a{ width: 90%;  padding: 20px 5%; }
	.morelink a::after{  width: 20%;  margin: 0  2%; }
	}

/*** 投稿 ***/
div.postbox ul.det{ list-style-type: none; margin: 0; padding: 0; display: flex; gap:50px 2%; flex-wrap: wrap; justify-content: flex-start; }
div.postbox ul.det > li{ width: 32%; border:  1px solid #212121; box-sizing: border-box; background-color: #fff;  padding: 20px; }
div.postbox ul.det > li a{ min-height: 100%; color: #212121; text-decoration: none; }
div.postbox ul.det > li a div img{ width: 100%; }
div.postbox ul.det > li a div{ position: relative; }
div.postbox ul.det > li a div p{ position: absolute; top: 10px; left: 10px; margin: 0; padding: 5px 10px; background-color: #fff; border-radius:50px; border: 1px solid #212121; }
div.postbox ul.det > li a div p::before{content:'\f03a'; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 5px; }
div.postbox ul.det > li a p.time{ margin: 5px 0 0; color: #707070; }
div.postbox ul.det > li a p.time::before{content:'\f017'; font-family: "Font Awesome 6 Free"; margin-right: 5px; }
div.postbox ul.det > li a h3{ margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

div.postbox ul.det > li a p.postext{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 3; }
div.postbox ul.det > li > a ul.tag{  list-style-type: none; margin:30px 0 0; padding: 0; display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
div.postbox ul.det > li > a ul.tag li{ display: block; border: none; text-align: right; display: block; background-color: #EBEBEB; clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0% 50%); padding: 5px 10px 5px 15px; }
div.postbox ul.det > li > a ul.tag li:last-of-type{ margin: 0; }
div.postbox ul.det > li > a ul.tag li::before{ content:'\f02b'; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 5px;  }

	@media screen and ( max-width:820px ){ 
		/*** 投稿 ***/
		div.postbox ul.det{  gap:50px 0;  }
		div.postbox ul.det > li{ width: 100%; min-height: 450px;  padding: 10px 2%; }
		div.postbox ul.det > li a div p{ padding: 5px 5%;  }
		div.postbox ul.det > li > a ul.tag li p{ padding: 5px 5% 5px 8%; }

	}

/*** ページネーション ***/
nav.navigation.pagination{ width: 100%; margin: 120px 0 0; }
h2.screen-reader-text{ display: none; }
div.nav-links ul{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px 0; margin: 0; padding: 0; list-style-type: none; white-space: nowrap; }
div.nav-links a.page-numbers{ text-decoration: none; color: #000; }
div.nav-links a.page-numbers,
div.nav-links span.page-numbers{ display: flex; margin: 0 5px; padding: 0 10px; align-items: center; justify-content: center; }
div.nav-links span.page-numbers.current{ width: 0; height: 0; padding: 20px; background-color: #FFE200;  border-radius: 50%;}
div.nav-links a.prev.page-numbers::before,
div.nav-links a.next.page-numbers::after{ content: ""; display:inline-block; width: 40px; height: 25px; vertical-align: middle; }
div.nav-links a.prev.page-numbers::before{ background:url(../img/prev.png)no-repeat 50% /100% auto; margin-right: 10px; }
div.nav-links a.next.page-numbers::after{ background:url(../img/next.png)no-repeat 50% /100% auto; margin-left: 10px; }

	@media screen and ( max-width:768px ){ 
	nav.navigation.pagination{ margin: 100px 0 0; }
	div.nav-links a.page-numbers,
	div.nav-links span.page-numbers{ margin: 0 2%; }
	div.nav-links a.prev.page-numbers::before{ margin-right: 2%; }
	div.nav-links a.next.page-numbers::after{  margin-left: 2%; }
	}

/*******************************

             single

*******************************/
section#single div.wrap{ max-width: 1200px; }
section#single div.wrap h2.tit{ text-align: center; margin: 10px 0 20px; }
section#single div.wrap p.time{ text-align: right; }
section#single div.wrap p.time::before{ content:'\f017'; font-family: "Font Awesome 6 Free"; margin-right: 5px; }
section#single div.wrap div.mainimg { width: 100%; }
section#single div.wrap div.mainimg img{ width: 100%;  }

/*******************************

       single-panrecipe

*******************************/
section#single div.wrap h2.tit.cent{ text-align: center; }

div.panrecipe-box p.time{ text-align: right; }
div.panrecipe-box p.time::before{content:'\f017'; font-family: "Font Awesome 6 Free"; margin-right: 5px; }
div.panrecipe-box ul.ctg { list-style-type: none; padding: 0; margin: 0; display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
div.panrecipe-box ul.ctg li p{ display: inline-block; margin: 0; padding: 5px 10px; background-color: #fff; border-radius:50px; border: 1px solid #212121; box-sizing: border-box; }
div.panrecipe-box ul.ctg li p::before{content:'\f03a'; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 5px; }
div.panrecipe-box p.print{  text-align: right; }
div.panrecipe-box p.print a{ display: inline-block; background-color: #525252; color: #fff; padding: 10px 50px; border-radius: 20px; text-decoration: none;  } 
div.panrecipe-box p.print a::before{ content: '\f02f'; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 5px; }

div.panrecipe-box div.recipe-detail{display: flex; gap: 50px; justify-content:space-between;  align-items: top; }
div.panrecipe-box div.recipe-detail ul{ width:100%; list-style-type: none; margin: 0;  padding: 0;}
div.panrecipe-box div.recipe-detail ul li h3{ margin: 0; }
div.panrecipe-box div.recipe-detail ul li p{ margin: 0 0 50px; }
div.panrecipe-box div.recipe-detail div.material{ width: 100%; min-width: 380px; }
div.panrecipe-box div.recipe-detail div.material h3{ margin: 0; }
div.panrecipe-box div.recipe-detail div.material dl{ background-color: #fff; border: 5px solid #C67D2C; border-radius: 20px; box-sizing: border-box; padding: 50px; display: flex; flex-wrap: wrap; margin: 0; }
div.panrecipe-box div.recipe-detail div.material dl dt{ width: 66%; margin: 10px  0; padding: 0 2%; }
div.panrecipe-box div.recipe-detail div.material dl dd{ width: 26%; margin:10px 0; padding: 0 2%; text-align: right; }
div.panrecipe-box div.recipe-detail div.material dl dt,
div.panrecipe-box div.recipe-detail div.material dl dd{  border-bottom: 2px dotted #C67D2C; }

div.panrecipe-box div.tool ul{ list-style-type: none; margin: 0; padding: 0; display: flex; gap: 20px 1%;  flex-wrap: wrap; justify-content: space-between;  }
div.panrecipe-box div.tool ul li{ width: 19%; min-width: 200px; }
div.panrecipe-box div.tool ul li img{ width: 100%; height: auto; }
div.panrecipe-box div.tool ul li p{margin: 0; }
div.panrecipe-box div.process div.probox{ display: flex; justify-content: space-between; flex-direction: row-reverse;   gap: 4%;  margin: 0 0 50px; }
div.panrecipe-box div.process div.probox div{ width: 100%; }
div.panrecipe-box div.process div.probox div img{width: 100%; margin-bottom: 20px; }
div.panrecipe-box div.process div.probox div h5.fon28{ display: flex; margin: 0; }


@media screen and ( max-width:768px ){ 
section#panrecipe_01 div.wrap{ max-width: unset; }
div.panrecipe-box ul.ctg {  gap: 10px 2%; }
div.panrecipe-box p.print a{ padding: 10px 10%;  } 

div.panrecipe-box div.recipe-detail{display: block; gap: unset; justify-content:unset;  align-items: unset; }
div.panrecipe-box div.recipe-detail ul li p{ margin: 0 0 50px; }

div.panrecipe-box div.recipe-detail div.material{  min-width: unset; }
div.panrecipe-box div.recipe-detail div.material dl{ padding: 5%; }

div.panrecipe-box div.tool ul{ flex-wrap: nowrap; gap: 0 5%;  overflow: scroll;   }
div.panrecipe-box div.tool ul li{ width: 19%; min-width: 200px; }
div.panrecipe-box div.tool ul li img{ width: 100%; height: auto; }


div.panrecipe-box div.process div.probox{ display: block; justify-content: unset; flex-direction: unset;   gap: unset; }





}





/*******************************

            header

*******************************/

header div.wrap{ max-width:1920px; width: 100%; position: fixed; top: 0; left:50%; padding: 20px 50px 0; box-sizing: border-box; transform: translate(-50%,0); z-index: 
	99999; }
header div.wrap h1{ width: 160px; margin: 0; }
header div.wrap h1 svg .st0 {  fill: none; stroke: #c67d2c; stroke-width: 58px; }
header div.wrap h1 svg .st0, header div.wrap h1 svg .st1 {stroke-miterlimit: 10; }
header div.wrap h1 svg .st1 { fill: #c67d2c; font-family: Helvetica-Bold, Helvetica; font-size: 183.8px; font-weight: 700; stroke: #c67d2c; stroke-width: 5.3px; }


/** pin **/
header div.wrap p#pin{ width: 100px; height: 100px; background-color:#C67D2C; position: absolute; right: 50px; top: 20px;  margin: 0; border-radius: 50%; cursor: pointer; }
header div.wrap p#pin::before,
header div.wrap p#pin::after{ content: ""; display: block; width: 70px; height: 5px; background-color: #fff; border-radius: 5px; transition: .2s all ease-in-out; }
header div.wrap p#pin::before{ position: absolute; top: 40%; left: 50%; transform: translate(-50%,-40%); }
header div.wrap p#pin::after{ position: absolute; top:60%; left: 50%; transform: translate(-50%,-60%); }

header div.wrap p#pin.op{ background-color: #fff; }
header div.wrap p#pin.op::before,
header div.wrap p#pin.op::after{ background-color: #C67D2C; transition: .2s all ease-in-out;  }
header div.wrap p#pin.op::before{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); }
header div.wrap p#pin.op::after{ position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); }

/** menubox **/
header div.menuebox{width: 50%; max-width: 800px; min-width: 600px; height: 100%; min-height: 100%;  position: fixed; top: 0; right: -100%;  transition: .2s all ease-in-out;  background-color: #C67D2C; color: #fff;  z-index: 999; }
header div.menuebox.op::after{ content: ""; display: block; width: 500px; height: 500px;  position: fixed;  bottom: -160px; right: -35px; background: url(../img/nav_bg.png)no-repeat 50% / 100% auto; opacity: .3; z-index: -999;}
header div.menuebox div.menuewrap{  padding: 150px 50px; }
header div.menuebox.op{   overflow: scroll;  position: fixed; top:0; right: 0; transition: .2s all ease-in-out; }


/** 検索 **/
header div.menuebox div.menuewrap form{ position: relative; width: 80%; }
header div.menuebox div.menuewrap form input{ width: 90%; padding: 25px 5%; border: none; border-radius: 50px; outline:none; }
header div.menuebox div.menuewrap form button{ position: absolute; top: 50%; right: 3%; transform: translate(0,-50%); background-color: transparent; border:none; cursor: pointer; }
header div.menuebox div.menuewrap form button i{ font-size: 35px; }

/** タグ **/
header div.menuebox div.navtag{ margin: 20px 0 80px; }
header div.menuebox div.navtag h2{ margin: 0 0 10px; }
header div.menuebox div.navtag ul{ list-style-type: none; margin: 0; padding: 0; display: flex; gap: 20px; flex-wrap: wrap;  }
header div.menuebox div.navtag ul li a{ display: block; text-decoration: none; color:#212121; background-color: #fff; border-radius: 50px; padding: 10px 30px; }
header div.menuebox div.navtag ul li a::before{ content: "#"; display: inline-block; }

/** メニュー **/
header div.menuebox div.menuewrap nav ul.navbox{ list-style-type: none; margin: 0; padding: 0;  }
header div.menuebox div.menuewrap nav ul.navbox li a{ display: block; color: #fff; text-decoration: none; margin-bottom: 10px; }
header div.menuebox div.menuewrap nav ul.navbox li a::before{ content: ""; display: inline-block; width: 30px; height: 10px; background: #fff; vertical-align: super; margin-right: 20px;  }
header div.menuebox div.menuewrap nav ul.navbox li:last-of-type a{ margin-bottom:0; }
header div.menuebox div.menuewrap nav ul.navbox li.current-menu-item a{ color:#FFE200 ; }

@media screen and ( max-width:768px ){ 
header div.wrap{ max-width:unset; width: 100%; padding: 20px 2% 0; }
header div.wrap h1{ width: 30%; max-width: 160px; }

/** pin **/
header div.wrap p#pin{ position: absolute; right: 2%; top: 20px; }

/** menubox **/
header div.menuebox{ width: 100%; max-width: unset; min-width: unset; height: 100%; }
header div.menuebox div.menuewrap{  padding: 150px 2%;  }
header div.menuebox.op{   overflow: scroll;  position: fixed; top:0; right: 0; transition: .2s all ease-in-out; }

/** 検索 **/
header div.menuebox div.menuewrap form{ position: relative; width: 100%; }

/** タグ **/
header div.menuebox div.navtag ul{ list-style-type: none; margin: 0; padding: 0; display: flex; gap:  10px 2%; flex-wrap: wrap;  }
header div.menuebox div.navtag ul li a{  padding: 10px; }
header div.menuebox div.navtag ul li a::before{ content: "#"; display: inline-block; }

/** メニュー **/
header div.menuebox div.menuewrap nav ul.navbox li a::before{  width: 20px; height: 5px; margin-right: 10px;  }
	}


/*******************************

            footer

*******************************/
div.breadcrumbs{ max-width:1920px; margin: 0 auto;  padding: 0 50px; }
div.breadcrumbs span a{ color: #212121; }


footer#footer{ width: 100%; background-color: #C67D2C; margin: 50px 0 0; }
footer div.wrap{ max-width:1920px; margin: 0 auto;  padding: 10px 20px; }
footer div.wrap div.footernav ul{ list-style-type: none; margin: 0; padding: 0; display: flex; justify-content: right; gap: 20px; margin-bottom: 100px; }
footer div.wrap div.footernav ul li a{ display: block; text-decoration: none; color: #fff; }
footer div.wrap p.copy{ text-align: center; color: #fff; margin: 0; }

	@media screen and ( max-width:768px ){ 
	div.breadcrumbs{ max-width:unset; padding: 0 2%; }

	footer div.wrap{ max-width:unset; margin: 0 auto;  padding: 10px 2%; }
	footer div.wrap div.footernav ul{ display: block; justify-content: unset; gap: unset; }
	footer div.wrap div.footernav ul li a{ text-decoration: none; color: #fff; text-align: center; padding: 25px 0; border-bottom: 1px solid #fff; }
	footer div.wrap p.copy{ text-align: center; color: #fff; margin: 0; }

	}

/*******************************s

        お問い合わせ

*******************************/

/*** common ***/
div.inwrap ul.step{ position: relative; list-style-type: none; margin: 0; padding: 0; display: flex; gap: 3%;  z-index: 9; font-weight: 600; }
div.inwrap ul.step li{ display: flex; gap: 10px; align-items: center;  justify-content: center; width: 28%; padding: 0 2%; background-color: #E0DDDD; border-radius: 50px; color: #525252; }
div.inwrap ul.step::after{ content: ""; display: inline-block; width: 100%;  height: 5px; background-color: #E0DDDD; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -999; }
div.inwrap ul.step li.now{ background-color: #FFE200; }
div.inwrap ul.step li i{ font-size: 28px; }
div.inwrap ul.step li span{ display: block; text-align: center; }
div.inwrap p.txt{ margin: 50px 0; }

	@media screen and ( max-width:768px ){ 
	/***  cpntact ***/
	div.inwrap ul.step li{ display: block; gap: unset; align-items: center;  justify-content: unset; width: 96%; padding: 20px 2% 0; border-radius: 20px; text-align: center; }
	div.inwrap ul.step li p{  margin: 5px 0 20px; }
	}

/***  cpntact ***/
section#contact_01 div.wrap div.inwrap{ background-color: #fff; padding: 50px 10%; }
section#contact_01 div.wrap div.inwrap h2{ text-align: center; }
div#wpcf7-f406-o1 form input,
div#wpcf7-f406-o1 form textarea{ width: 98%; padding: 10px 1%; outline:none; font-size: 18px; }
div#wpcf7-f406-o1 label.formbox{ font-weight: 600; }
div#wpcf7-f406-o1 form textarea{ height: 200px; }
div#wpcf7-f406-o1 label.formbox::after{ content: "必須"; padding: 2px 10px; background-color:#FF0000;  border-radius: 3px; font-size: 15px; color: #fff; margin-left: 10px; }
div#wpcf7-f406-o1 p:nth-of-type(3) label.formbox::after{ display: none; }
div#wpcf7-f406-o1 label.privacybox input{ width: auto; text-align: center; }
div#wpcf7-f406-o1 p:last-of-type{text-align: center; }
div#wpcf7-f406-o1 form div.nextcont p{  text-align: right; }
div#wpcf7-f406-o1 form div.nextcont p input{ width: 300px; padding: 15px; background-color: #FFE200;  border: none; border-radius: 10px; cursor: pointer; }

.wpcf7-spinner{ display: none; }
.wpcf7-spinner::before{ display: none;  }

	@media screen and ( max-width:768px ){ 
	/***  cpntact ***/
	section#contact_01 div.wrap div.inwrap{ background-color: #fff; padding: 50px 2%; }
	section#contact_01 div.wrap div.inwrap ul.step li{ display: block; gap: unset; align-items: center;  justify-content: unset; width: 96%; padding: 20px 2% 0; text-align: center; }
	section#contact_01 div.wrap div.inwrap ul.step li p{  margin: 5px 0 20px; }
	div#wpcf7-f406-o1 form input,
	div#wpcf7-f406-o1 form textarea{ width: 98%; padding: 20px 1%; outline:none; }
	div#wpcf7-f406-o1 label.formbox::after{  padding: 2px 2%; margin-left: 2%; }
	div#wpcf7-f406-o1 form div.nextcont p input{ width: 100%; padding: 15px 5%; }
	}

/***  contact-confirm ***/
	section#contconf_01 div.wrap div.inwrap{ background-color: #fff; padding: 50px 10%; }
	section#contconf_01 div.wrap div.inwrap  h2{ text-align: center; }
	div#wpcf7-f408-o1 ul.chechform_box{ list-style-type: none; margin: 0;  padding: 0; border: 1px solid #000;  }
	div#wpcf7-f408-o1 ul.chechform_box li{ display: flex; border-bottom: 1px solid #000; }
	div#wpcf7-f408-o1 ul.chechform_box li:last-of-type{ border-bottom: none; }
	div#wpcf7-f408-o1 ul.chechform_box li p:first-of-type{ width: 30%;  margin: 0; padding: 20px 10px; background-color: #E0DDDD; }
	div#wpcf7-f408-o1 ul.chechform_box li p:last-of-type{ width: 70%; margin: 0; padding: 20px 10px; background-color: #fff; border-left: 1px solid #000; }
	div#wpcf7-f408-o1 ul.chechform_box li:last-of-type p:last-of-type{ min-height: 200px; }
	div#wpcf7-f408-o1 div.btn_box{ display: flex; gap: 0 20px; justify-content: right; }
	div#wpcf7-f408-o1 div.btn_box div.returncont input,
	div#wpcf7-f408-o1 div.btn_box div.nextcont input{ border: none; padding: 20px 100px; border-radius: 10px; font-size: 16px; font-weight: 600;  cursor: pointer; }
	div#wpcf7-f408-o1 div.btn_box div.returncont input{ background-color: #E0DDDD; }
	div#wpcf7-f408-o1 div.btn_box div.nextcont input{ background-color: #FFE200; }


	@media screen and ( max-width:768px ){ 
	section#contconf_01 div.wrap div.inwrap{ padding: 50px 5%; }
	div#wpcf7-f408-o1 ul.chechform_box li{ display: block;}
	div#wpcf7-f408-o1 ul.chechform_box li p:first-of-type{ width: 96%;  margin: 0; padding: 20px 2%;border-bottom: 1px solid #000; font-weight: 600; }
	div#wpcf7-f408-o1 ul.chechform_box li p:last-of-type{ width: 96%; margin: 0; padding: 20px 2%; border-left: none; }
	div#wpcf7-f408-o1 div.btn_box{ display: block; gap: unset; justify-content: unset; }
	div#wpcf7-f408-o1 div.btn_box div.returncont input,
	div#wpcf7-f408-o1 div.btn_box div.nextcont input{ border: none; padding: 20px 10%; width: 100%; }
	}

/***  thanks ***/
section#thanks_01 div.wrap{ text-align: center; }
section#thanks_01 div.wrap a{ text-decoration: none; color: #212121; }
section#thanks_01 div.wrap a::before,
section#thanks_01 div.wrap a::after{ content: ""; display: inline-block; width: 10px; height: 2px; background-color: #000; vertical-align: middle; margin: 0 10px;  }


/*******************************

           運営者情報

*******************************/

section#profile_01 div.wrap {max-width: 1200px;  }
section#profile_01 div.wrap h2.tit{ text-align: center; }
section#profile_01 div.wrap div img{ width: 100%; }

	@media screen and ( max-width:768px ){ 
		section#profile_01 div.wrap {max-width: unset;  }
	}

/*******************************

       プライバシーポリシー

*******************************/
section#privacy_01 div.wrap h2.tit{ text-align: center;  }
section#privacy_01 div.wrap div.privacybox{ margin: 0 0 50px; }
section#privacy_01 div.wrap div.privacybox p.bold{ font-weight: 600; }
section#privacy_01 div.wrap div.privacybox h3.fon28{ margin: 0 0 10px;  }
section#privacy_01 div.wrap div.privacybox p{ margin: 0; }
section#privacy_01 div.wrap div.privacybox ul{ margin: 20px 0 0; padding: 0; list-style-type: none; }
section#privacy_01 div.wrap div.contact p a{ display: inline-block; text-decoration: none; background-color: #C67D2C; color: #fff; border-radius: 10px;  padding: 20px 100px; font-weight: 600;  }

	@media screen and ( max-width:768px ){ 
		section#privacy_01 div.wrap div.contact p a{ display: block;  padding: 20px 0; text-align: center;  }
	}



/*******************************

            検索結果

*******************************/
section#serch_01 div.wrap h2.tit{ text-align: center; }
section#serch_01 div.wrap p.posts_num{ text-align: right; }
section#serch_01 div.wrap form{ position: relative; width: 80%; margin: 0 auto; }
section#serch_01 div.wrap form input{ width: 90%; padding: 25px 5%; border: none; border-radius: 50px; outline:none; border: 1px solid #707070;  }
section#serch_01 div.wrap form button{ position: absolute; top: 50%; right: 3%; transform: translate(0,-50%); background-color: transparent; border:none; cursor: pointer; }
section#serch_01 div.wrap form button i{ font-size: 35px; }
section#serch_01 div.wrap ul.serch-box{  list-style-type: none; margin: 100px 0 0; padding: 0; }
section#serch_01 div.wrap ul.serch-box > li a{ display: flex; gap: 50px 20px; border: 1px solid #000; padding: 20px; background-color: #fff; margin-bottom: 20px; text-decoration: none; color: #000; }
section#serch_01 div.wrap ul.serch-box > li div:first-of-type{ width: 30%; }
section#serch_01 div.wrap ul.serch-box > li div img{ width: 100%;}
section#serch_01 div.wrap ul.serch-box > li div:last-of-type{ width: 70%; margin: 10px 0; }
section#serch_01 div.wrap ul.serch-box > li div ul.post-categories{ list-style-type: none; margin: 0; padding: 0; display:flex; justify-content: flex-start; gap: 10px 20px; flex-wrap: wrap; }
section#serch_01 div.wrap ul.serch-box > li div ul.post-categories li{ width: auto;  display: inline-block;  border-radius: 50px;  padding: 5px 20px;  border: 1px solid #000;  margin: 0;  box-sizing: border-box;  background-color: #fff;  font-size: 14px; }
section#serch_01 div.wrap ul.serch-box > li div ul.post-categories li::before{ content: "\f03a";  display: inline-block; width: 20px; height: 20px; font-family: "Font Awesome 6 Free"; font-weight: 900;
    font-size: 18px;  vertical-align: sub; }
section#serch_01 div.wrap ul.serch-box > li div h3.fon28{ margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
section#serch_01 div.wrap ul.serch-box > li div p{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; margin: 0 0 20px;  }
section#serch_01 div.wrap ul.serch-box > li div ul.tag { list-style-type: none; margin: 0; padding: 0; display:flex; justify-content: flex-end; gap: 10px 20px; flex-wrap: wrap; }
section#serch_01 div.wrap ul.serch-box > li div ul.tag li::before{ content:'\f02b'; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 5px;  }
section#serch_01 div.wrap ul.serch-box > li div ul.tag li{ display: inline-block; background-color: #EBEBEB; clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0% 50%); padding: 5px 10px 5px 15px; margin: 0; }

	@media screen and ( max-width:768px ){ 
		section#serch_01 div.wrap ul.serch-box > li a{ display: block; gap:unset;  padding: 2%; margin-bottom: 50px; }
		section#serch_01 div.wrap ul.serch-box > li:last-of-type{ margin-bottom: 0; }
		section#serch_01 div.wrap ul.serch-box > li div:first-of-type{ width: 100%; }
		section#serch_01 div.wrap ul.serch-box > li div:last-of-type{ width: 100%; margin: 20px 0 0; }
		section#serch_01 div.wrap ul.serch-box > li div ul.post-categories{ gap: 10px 2%; }
		section#serch_01 div.wrap ul.serch-box > li div ul.post-categories li{  padding: 5px 3%;  }
		section#serch_01 div.wrap ul.serch-box > li div ul.tag { gap: 10px 3%; }
	}


/*******************************

       common section

*******************************/
section.all_sect div.wrap{ max-width:1500px; padding: 0 50px; margin: 150px auto; }

	@media screen and ( max-width:768px ){ 
		section.all_sect div.wrap{ max-width:unset; padding: 0 2%; }
	}


/*******************************

             TOP

*******************************/
section#sect_01 div.wrap div img{ width: 100%; }
section#sect_02 div.wrap ul{ display: flex; flex-wrap: wrap; gap: 20px 1%; justify-content: space-around;  list-style-type: none; margin: 0; padding: 0; }
section#sect_02 div.wrap ul li { width: 16%; min-width: 250px; }
section#sect_02 div.wrap ul li a{  text-decoration: none; color: #212121; }
section#sect_02 div.wrap ul li a img{ width: 100%; }
section#sect_02 div.wrap ul li a h3{ margin: 0; }
section#sect_02 div.wrap ul li a p{ margin: 0; }

section#sect_03 div.wrap{ width: 100%; max-width: none; padding: 0;  }
section#sect_03 div.wrap h2{ margin-left: 50px; }
section#sect_03 div.wrap ul{ list-style-type: none; padding: 0; margin: 0; }
section#sect_03 div.wrap ul li a{ display: block; text-decoration: none; color: #212121; height: 100%; }
section#sect_03 div.wrap ul li{ position: relative; content: ""; display: block; width: 100%; height: 500px;  }
section#sect_03 div.wrap ul li:first-of-type{  background: url(../img/flour-guide.jpg)no-repeat 50% / 100% auto; background-size: cover; margin-bottom: 50px; }
section#sect_03 div.wrap ul li:last-of-type{  background: url(../img/bread-basics.jpg)no-repeat 50% / 100% auto;  background-size: cover; }

section#sect_03 div.wrap ul li div{ width: 500px; padding: 30px 50px; background: rgb(255 255 255 / .5); }
section#sect_03 div.wrap ul li div h3{ margin: 0; }
section#sect_03 div.wrap ul li div p{ margin: 0; }
section#sect_03 div.wrap ul li:first-of-type div{  position: absolute; top: 50%; left: 5%; transform: translate(0,-50%); }
section#sect_03 div.wrap ul li:last-of-type div{  position: absolute; top: 50%; right: 5%; transform: translate(0,-50%); }


	@media screen and ( max-width:768px ){ 
		section#sect_02 div.wrap ul li { width: 48%; min-width: unset; }
		section#sect_03 div.wrap h2{ margin-left: 2%; }
		section#sect_03 div.wrap ul li{ position: relative; content: ""; display: block; width: 100%; height: 600px;  }

		section#sect_03 div.wrap ul li div{ width: 80%; padding: 20px 10%; }
		section#sect_03 div.wrap ul li div h3{ margin: 0; }
		section#sect_03 div.wrap ul li div p{ margin: 0; }
		section#sect_03 div.wrap ul li:first-of-type div{  position: absolute; top: 50%; left: 0; transform: translate(0,-50%); }
		section#sect_03 div.wrap ul li:last-of-type div{  position: absolute; top: 50%; right: 0; transform: translate(0,-50%); }
			
	}

/*******************************

            archive

*******************************/
section#all_list div.wrap h2.tit{ text-align: center; }
section#all_list div.wrap p.posts_num{ text-align: right; }


/*******************************

            PANレシピ

*******************************/
section#panrecipe_01 div.wrap h2.tit{ text-align: center; }
section#panrecipe_01 div.wrap div.panbox{  margin-bottom: 50px; }
section#panrecipe_01 div.wrap div.panbox h3{ display: inline-block; background-color: #C67D2C; color: #fff; text-align: center; padding:10px 50px; border-radius: 50px; }
section#panrecipe_01 div.wrap div.panbox ul{ list-style-type: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;  gap: 30px 2%; justify-content: space-around;}
section#panrecipe_01 div.wrap div.panbox ul li{ width: 18%; min-width: 270px; }
section#panrecipe_01 div.wrap div.panbox ul li a{ text-decoration: none; color: #212121; }
section#panrecipe_01 div.wrap div.panbox ul li a  div img{ width: 100%;  }
section#panrecipe_01 div.wrap div.panbox ul li a p{ margin: 5px 0 0 0; }

	@media screen and ( max-width:768px ){ 
section#panrecipe_01 div.wrap div.panbox h3{ display: block;  padding:10px 10%; }
section#panrecipe_01 div.wrap div.panbox ul li{ width: 49%; min-width: unset; }
		
	}

/*******************************

        PANKOの自己紹介

*******************************/
section#panko_02 div.wrap h2.tit{ text-align: center; }
section#panko_02 div.wrap p.posts_num{ text-align: right; }

	@media screen and ( max-width:768px ){ 
		
	}

/*******************************

    ０カロリーPANを目指して

*******************************/
section#zero_01 div.wrap h2.tit{ text-align: center; }
section#zero_01 div.wrap p.posts_num{ text-align: right; }

	@media screen and ( max-width:768px ){ 
		
	}

/*******************************

          小麦粉ガイド

*******************************/
section#flour_01 div.wrap h2.tit{ text-align: center; }
section#flour_01 div.wrap p.posts_num{ text-align: right; }

	@media screen and ( max-width:768px ){ 
		
	}

/*******************************

       PANの基本と豆知識

*******************************/
section#basepan_01 div.wrap h2.tit{ text-align: center; }
section#basepan_01 div.wrap p.posts_num{ text-align: right; }

	@media screen and ( max-width:768px ){ 
		
	}


/*******************************

            その他

*******************************/
section#others_01 div.wrap h2.tit{ text-align: center; }
section#others_01 div.wrap p.posts_num{ text-align: right; }

	@media screen and ( max-width:768px ){ 
		
	}