@charset "utf-8";
/* Body
------------------------------ */
html{
	overflow-x: hidden!important;
	font-size: 62.5%;
}
body {
	box-shadow: none;
	color: #3E1A02;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
				 "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN",
				 "Hiragino Sans", "ヒラギノ角ゴシック", source-han-sans-japanese,"メイリオ", Meiryo,
				 "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6em;
	font-weight: 300;
	line-height: 1.75;
	letter-spacing: .025em;
	-webkit-text-size-adjust: 100%!important;
	top: 0!important;
	margin: 0;
}
a{
	text-decoration: none;
	transition: .35s;
}
img{
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
.center{
	text-align: center;
}

/* layout
------------------------------ */
.wrapper{
	position: relative;
	display: block;
	clear: both;
	float: none;
	width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}
ul,ol{
	letter-spacing: -.4em;
	line-height: 0;
}
li{
	list-style: none;
	letter-spacing: normal;
	line-height: 1.5;
	vertical-align: middle;
}
figure{
	margin: 0;
}
p{
	margin: 0;
}
.fw_6{
	font-weight: 600;
}
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

/* Common
------------------------------ */
* {
	min-height: 0;
	min-width : 0;
}
.fl_l{
	float: left;
}
.fl_r{
	float: right;
}
.float::before,
.float::after{
	content: " ";
	display: block;
	clear: both;
}
.btn{
	position: relative;
	display: inline-block;
	color: #3E1A02;
	text-align: center;
	font-weight: 600;
	width: 250px;
	line-height: 70px;
	letter-spacing: .025em!important;
	vertical-align: middle;
	margin-right: 27px;
	background: #FFF;
	border-radius: 35px;
}
.btn:last-child,
.btn:last-of-type{
	margin-right: 0;
}
.btn:hover{
	color: #FFF;
	background: #3E1A02;
}
.pict img,figure img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
.text_link {
	display: inline-block;
	text-decoration: none;
	color: #3E1A02;
	font-weight: 500;
}
.text_link::after {
	content: "";
	display: block;
	width: 0;
	transition: width 0.3s;
	border-bottom: 1px solid #3E1A02;
	margin: -6px auto 0;
	border-radius: 1px;
}
.text_link:hover{
	text-decoration: none;
}
.text_link:hover::after {
	width: 100%;
}
.emphasis{
	color: #D12132;
}
.caution{
	position: relative;
	display: block;
	font-size: 1.6rem;
	padding-left: 1em;
	text-indent: -1em;
}
.caution::before{
	content: "※";
}

/* Header
------------------------------ */
header{
	position: fixed;
	display: block;
	width: 100%;
	height: 113px;
	z-index: 100;
	top: 0;
	padding-top: 17px;
	background: #FFF;
}
.customize-support header{
	top: 32px;
}
#header_logo a{
	position: relative;
	display: block;
	width: 131px;
	height: 97px;
	text-indent: -9999px;
	background: url(../images/logo.svg) no-repeat center center;
	background-size: contain;
}
#header_logo a:hover{
	opacity: .7;
}
.sns{
	text-align: right;
	margin-bottom: 22px;
}
.sns a{
	position: relative;
	display: inline-block;
	width: 48px;
	height: 48px;
	text-align: left;
	text-indent: -9999px;
	border-radius: 50%;
}
.sns a.insta{
	background: #FCC809 url(../images/insta_brown.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: top 15px left 14px, 0 0;
	background-size: 21px, cover;
	margin-right: 16px;
}
.sns a.cart{
	background: #FCC809 url(../images/cart_brown.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: center center, 0 0;
	background-size: 25px, cover;
}
.sns a.insta:hover{
	background: #3E1A02 url(../images/insta_white.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: top 15px left 14px, 0 0;
	background-size: 21px, cover;
	margin-right: 16px;
}
.sns a.cart:hover{
	background: #3E1A02 url(../images/cart_white.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: center center, 0 0;
	background-size: 25px, cover;
}
.sns a.line{
	background: url(../images/line_logo.svg) no-repeat center center / contain;
	margin-right: 16px;
}
.sns a.line:hover{
	opacity: .7;
}
#gnav ul li{
	position: relative;
	display: inline-block;
	margin-right: 3rem;
}
#gnav ul li:last-child{
	margin-right: 0;
}
#gnav ul li a{
	color: #3E1A02;
	line-height: 1;
	padding-bottom: 21px;
}
#gnav ul li a::after{
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 7px;
	background: #3E1A02;
	left: 0;
	right: 0;
	bottom: -18px;
	margin: 0 auto;
	transition: .35s;
}
#gnav ul li a:hover::after{
	width: 100%;
}

/* index
------------------------------ */
/* swiper */
.swiper-container{
	height: 630px;
}
.swiper-slide{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.swiper-slide.slide01{
	background-image: url(../images/slider01.jpg);
}
.swiper-slide.slide02,.swiper-slide.slide03,.swiper-slide.slide04{
	background: #FCC809;
}
.swiper-slide.slide05{
	background-image: url(../images/slider05.jpg);
}
.swiper-slide p.txt{
	position: absolute;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.swiper-slide.slide01 p.txt{
	width: 740px;
	height: 377px;
	background-image: url(../images/slider01_before.png);
	left: 0;
	right: 0;
	bottom: 62px;
	margin: 0 auto;
}
.swiper-slide.slide02 p.txt{
	position: relative;
	width: 344px;
	height: 362px;
	background-image: url(../images/slider02_txt.svg);
	margin: 186px 0 0 186px;
}
.swiper-slide .wrapper{
	z-index: 1;
}
.swiper-slide.slide02 .wrapper::after{
	content: "";
	position: absolute;
	display: block;
	width: 355px;
	height: 317px;
	background: url(../images/slider02_illust.svg) no-repeat center center;
	background-size: contain;
	right: 180px;
	bottom: 25px;
}
.swiper-slide p.title{
	position: relative;
	display: block;
	width: 624px;
	height: 97px;
	text-indent: -9999px;
	background: url(../images/wafflebiyori.svg) no-repeat center center;
	background-size: contain;
	/* margin: 252px 0 30px; */
	margin: 222px 0 30px;
}
.swiper-slide.slide03 p.txt,
.swiper-slide.slide04 p.txt{
	position: relative;
	width: 476px;
	height: 108px;
	background-image: url(../images/slider03_txt.svg);
}
.swiper-slide.slide03 p.txt::before,
.swiper-slide.slide04 p.txt::before{
	content: "";
	position: absolute;
	display: block;
	width: 160px;
	height: 124px;
	background: url(../images/slider_logo.svg) no-repeat center center;
	background-size: contain;
	right: -200px;
	bottom: 0;
}
.swiper-slide.slide04 p.txt::before{
	right: -215px;
}
.swiper-slide.slide03::after,
.swiper-slide.slide04::after{
	content: "";
	position: absolute;
	display: block;
	width: 45%;
	height: 462px;
	background: url(../images/slider03_right.png) no-repeat center center;
	background-size: cover;
	right: 0;
	bottom: 0;
}
.swiper-slide.slide04 p.txt{
	width: 461px;
	height: 108px;
	background-image: url(../images/slider04_txt.svg);
}
.swiper-slide.slide04::after{
	height: 500px;
	background-image: url(../images/slider04_right.png);
}
.swiper-slide.slide05 p.txt{
	width: 666px;
	height: 358.5px;
	background-image: url(../images/slider05_before.png);
	left: 0;
	right: 0;
	bottom: 59px;
	margin: 0 auto;
}
.swiper-slide.slide06{
	background-color: #f7f6f2;
	background-image: url(../images/slider_illust_flower.png),
					  url(../images/slider_illust_chibutter.png);
	background-repeat: no-repeat;
	background-position: top 130px left,right bottom;
	background-size: 355px auto, 726px auto;
}
.swiper-slide.slide06 .title{
	width: 500px;
	height: 190px;
	background-image: url(../images/slider_logo_chibutter.svg);
}
.swiper-slide.slide06 .title::before,
.swiper-slide.slide06 .title::after{
	content: "";
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.swiper-slide.slide06 .title::before{
	width: 108px;
	height: 88px;
	background-image: url(../images/slider_illust_bird.svg);
	top: -60px;
	right: -90px;
}
.swiper-slide.slide06 .title::after{
	width: 160px;
	height: 124px;
	background-image: url(../images/slider_logo_orange.svg);
	right: -100px;
	bottom: -100px;
}
.swiper-slide.slide04 .btn,.swiper-slide.slide03 .btn,
.swiper-slide.slide06 .btn{
	margin-top: 45px;
}
.swiper-slide.slide06 .btn{
	margin-left: 125px;
}
/* //swiper */

#index section h2{
	color: #FCC809;
	font-size: 1.4rem;
	line-height: 1;
}
#index section h2 span.en{
	position: relative;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 12px;
}

/* index01 */
#index01{
	padding: 75px 0;
	background: #3E1A02;
}
#index01 .flex{
	justify-content: flex-start;
}
#index01 div.flex:first-of-type{
	margin-bottom: 70px;
	padding-bottom: 48px;
	border-bottom: .75px solid #FFF;
}
#index01 div.flex:first-of-type h2 span.en{
	width: 104px;
	height: 30px;
	background-image: url(../images/newsY.svg);
}
#index01 div.flex:first-of-type dl{
	width: 751px;
	margin: 0 20px 0 95px;
}
#index01 div.flex:nth-of-type(2) h2 span.en{
	width: 136px;
	height: 30px;
	background-image: url(../images/pop_upY.svg);
}
#index01 div.flex:nth-of-type(2) dl{
	width: 750px;
	margin: 0 20px 0 64px;
}
#index01 dl dt{
	color: #FFF;
	line-height: 1;
	vertical-align: middle;
	margin-right: 35px;
	padding: 7px 0;
}
#index01 dl dd{
	margin-bottom: 20px;
}
#index01 dl dd:last-of-type{
	margin-bottom: 0;
}
#index01 dl dd span.left{
	position: relative;
	display: inline-block;
	width: 100px;
	color: #3E1A02;
	font-size: 1.4rem;
	font-weight: 600;
	text-align: center;
	line-height: 30px;
	margin-right: 25px;
	background: #FCC809;
}
#index01 dl dd a{
	color: #FFF;
}
#index01 dl dd a::after{
	border-color: #FFF;
}
#index01 .btn{
	width: 200px;
}
#index01 .btn:hover{
	color: #3E1A02;
	background: #FCC809;
}
/* //index01 */
/* index02 */
#index02{
	padding: 150px 0 130px;
	background: #FCC809;
}
#index02 .flex{
	align-items: flex-start;
}
#index02 .right{
	width: 606px;
}
#index02 .right::after{
	content: "";
	position: relative;
	display: block;
	width: 552px;
	height: 302px;
	background: url(../images/index02_wafflebiyori.png) no-repeat center center;
	background-size: contain;
	margin: 80px auto 0;
}
#index02 .left p{
	position: relative;
	display: block;
	width: 526px;
	height: 575px;
	text-indent: -9999px;
	background: url(../images/index02_txt.svg) no-repeat center center;
	background-size: contain;
	margin-bottom: 60px;
}
#index02 .left a.btn{
	width: 250px;
}
/* //index02 */
/* index03 */
#index03 .flex{
	position: relative;
}
#index03 .flex::after{
	content: "";
	position: absolute;
	display: block;
	width: 50%;
	height: 100%;
	background: no-repeat;
	background-position: center center;
	background-size: cover;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#index03 .flex:first-of-type .wrapper{
	width: 1200px;
	padding: 126px 680px 107px 100px;
	box-sizing: border-box;
}
#index03 .flex:first-of-type::after{
	background-image: url(../images/index03_right_pict.jpg);
	right: 0;
}
#index03 .flex:first-of-type .flex{
	align-items: flex-start;
	flex-flow: row-reverse;
}
#index03 .flex:first-of-type .flex::after{
	display: none;
}
#index03 .flex:first-of-type h2{
	width: 112px;
	height: 300px;
	text-indent: -9999px;
	background: url(../images/index03_left_h2.svg) no-repeat center center;
	background-size: contain;
	margin-bottom: 40px;
}
#index03 .flex:first-of-type div p{
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 2.2;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#index03 .flex:first-of-type img{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}
#index03 .flex:first-of-type img:nth-child(2){
	width: 63px;
	height: 124px;
	margin: 0 86px -4px 0;
}
#index03 .flex:first-of-type img:nth-child(3){
	width: 90px;
	height: 130px;
	margin: 0 75px -3px 0;
}
#index03 .flex:first-of-type img:nth-child(4){
	width: 90px;
	height: 123px;
}
#index03 .flex:nth-of-type(2){
	background: #FCC809;
}
#index03 .flex:nth-of-type(2)::after{
	background-image: url(../images/index03_left_pict.jpg);
}
#index03 .flex:nth-of-type(2) .wrapper{
	width: 1200px;
	padding: 99px 86px 90px 680px;
	box-sizing: border-box;
}
#index03 .flex:nth-of-type(2) p{
	position: relative;
	display: block;
	width: 422px;
	height: 243px;
	text-indent: -9999px;
	background: url(../images/index03_right_txt.svg) no-repeat center center;
	background-size: contain;
	margin-bottom: 40px;
}
#index03 .flex:nth-of-type(2) .btn{
	width: 250px;
}
#index03 .flex:nth-of-type(2) .wrapper::before{
	content: "";
	position: absolute;
	display: block;
	width: 304px;
	height: 270px;
	background: url(../images/index03_right_illust.png) no-repeat center center;
	background-size: contain;
	right: -30px;
	bottom: 0;
}
#index03 .flex:nth-of-type(2) .wrapper::after{
	content: "";
	position: relative;
	display: block;
	width: 176px;
	height: 130px;
	background: url(../images/logo.svg) no-repeat center center;
	background-size: contain;
	margin: 28px 0 0 68px;
	margin-top: 78px;
}
/* //index03 */
/* index04 */
#index04{
	text-align: center;
	padding: 146px 0 140px;
	background: #3E1A02;
}
#index04 h2{
	margin-bottom: 68px;
}
#index04 h2 span.en{
	width: 130px;
	height: 38px;
	margin: 0 auto 12px;
	background-image: url(../images/shopY.svg);
}
#index04 .flex{
	/* gap: 82px; */
	gap: 0 25px;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
#index04 .flex div{
	/* max-width: 544px; */
	max-width: 373px;
	background: #FCC809;
}
#index04 .flex .contents{
	text-align: left;
	padding: 36px 34px;
	background: #FCC809;
}
#index04 .flex .contents h3{
	/* font-size: 2.6rem; */
	font-size: 2.4rem;
	line-height: 1;
	margin-bottom: 10px;
}
#index04 .flex .contents p{
	line-height: 1.63;
}
#index04 .flex .contents a.link{
	display: inline-block;
	color: #FFF;
	font-weight: 600;
	line-height: 1;
	margin-top: 10px;
}
#index04 .flex .contents a.link:hover{
	color: #3E1A02;
}
#index04 .wrapper .btn{
	margin-top: 72px;
	width: 250px;
}
#index04 .wrapper .btn:hover{
	color: #3C1A02;
	background: #FCC809;
}
/* //index04 */
/* top_contact */
.top_contact{
	position: relative;
	padding: 120px 0;
}
#index .top_contact h2{
	color: #3E1A02;
	text-align: center;
}
.top_contact h2 span.en{
	width: 239px;
	height: 38px;
	margin: 0 auto 12px;
	background-image: url(../images/contactB.svg);
}
.top_contact_form{
	position: relative;
	max-width: 800px;
	margin: 50px auto 0;
	border-top: 1px solid #3C1A02;
}
.top_contact_form label{
	display: grid;
	font-weight: 600;
	grid-template-columns: 250px 1fr;
	padding: 20px 10px;
	border-bottom: 1px solid #3C1A02;
	align-items: center;
}
.top_contact_form label input{
	max-width: 500px;
	width: 100%;
	height: 20px;
	padding: 10px;
}
.top_contact_form label textarea{
	max-width: 500px;
	min-height: 200px;
	width: 100%;
	padding: 10px;
}
.top_contact_form input[type="submit"]{
	position: relative;
	display: block;
	max-width: 250px;
	width: 100%;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	font-weight: 600;
	line-height: 70px;
	letter-spacing: .5em;
	vertical-align: middle;
	background: #3E1A02;
	border-radius: 35px;
	margin: 30px auto 0;
	border: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	transition: .35s;
}
.top_contact_form input[type="submit"]:hover{
	color: #3E1A02;
	background-color: #FCC809;
}
span.wpcf7-spinner {
	display: none;
}
/* //top_contact */

/* sub contents
------------------------------ */
.main_title{
	position: relative;
	width: 100%;
	height: 320px;
	background: #FCC809;
	margin-top: 130px;
}
.main_title::after{
	content: "";
	position: absolute;
	display: block;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	top: 0;
	right: 0;
}
.main_title .wrapper{
	height: 320px;
	display: flex;
	align-items: center;
}
.main_title .wrapper::after{
	content: "";
	position: absolute;
	display: block;
	width: 206px;
	height: 197px;
	background: url(../images/slider02_illust.svg) no-repeat center center;
	background-size: contain;
	left: 35.5%;
	bottom: 55px;
}
.main_title h1,.main_title p{
	font-size: 3.8rem;
	font-weight: 700;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN",
				 "Hiragino Sans", "ヒラギノ角ゴシック",
				 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
				 source-han-sans-japanese,"メイリオ", Meiryo,
				 "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.2;
	letter-spacing: .05em;
	vertical-align: middle;
}
.main_title h1 span.en,
.main_title p span.en{
	position: relative;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 18px;
}
.sub_section h2{
	position: relative;
	display: block;
	font-size: 3.2rem;
	line-height: 1;
	text-align: left!important;
	border-bottom: .5px solid #3E1A02;
	padding-bottom: 14px;
	margin-bottom: 80px;
}
.sub_section h2::before{
	content: "";
	position: relative;
	display: inline-block;
	width: 30px;
	height: 7px;
	vertical-align: middle;
	background: #FCC809;
	margin-right: 12px;
}

/* product - archive
------------------------------ */
#product .main_title::after{
	background-image: url(../images/maintitle_product.jpg);
}
#product .main_title h1 span.en{
	width: 130px;
	height: 26px;
	background-image: url(../images/productB.svg);
}
#product .sub_section{
	text-align: center;
	padding-bottom: 120px;
}
#product01 .left{
	max-width: 551px;
}
#product02 .left,#product03 .left,
#product_chibutter .left{
	max-width: 586px;
}
#product .sub_section .right{
	max-width: 543px;
	text-align: left;
	letter-spacing: 0;
	font-family: YakuhanJP,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN",
				 "Hiragino Sans", "ヒラギノ角ゴシック",
				 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
				 source-han-sans-japanese,"メイリオ", Meiryo,
				 "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#product .sub_section .right h3{
	/* position: relative;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain; */
	font-size: 29px;
	font-family: "Shippori Mincho B1", serif;
	/* margin-bottom: 34px; */
	margin-bottom: 20px;
}
/* #product01 .right h3{
	width: 497px;
	height: 28px;
	background-image: url(../images/product01_h3.svg);
} */
/* #product02 .right h3{
	width: 402px;
	height: 29px;
	background-image: url(../images/product02_h3.svg);
} */
/* #product03 .right h3{
	width: 349px;
	height: 74px;
	background-image: url(../images/product03_h3.svg);
} */
#product .product_list_box{
	margin-top: 65px;
}
#product .product_list_box h4{
	margin: 0 auto 65px;
}
#product .product_list_box h4 span{
	position: relative;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 0 auto;
}
#product .product_list_box h4 span.ja{
	width: 136px;
	height: 19px;
	background-image: url(../images/seasonal.svg);
	margin-top: 26px;
}
#product .product_list_box h4 span.en{
	width: 313px;
	height: 30px;
	background-image: url(../images/season_waffle.svg);
}
#product .product_list_box:nth-of-type(3) h4 span.en{
	width: 329px;
	background-image: url(../images/regular_waffle.svg);
	margin-bottom: 0;
}
/*#product02 .product_list_box h4 span.en{
	width: 390px;
	background-image: url(../images/season_madeleine.svg);
}*/
#product02 .product_list_box h4 span.en{
	width: 407px;
	background-image: url(../images/regular_madeleine.svg);
}
.product03_right_text a {
	position: relative;
	display: inline-block;
	color: inherit;
}
.product03_right_text a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	bottom: 0;
    left: 50%;
    transform: translateX(-50%);
	background: #3E1A02;
	transition: .3s;
}
.product03_right_text a:hover::after {
	width: 0;
}
.product_list_box .slick-list{
	max-width: 1020px;
	margin: 0 auto;
}
.product_list_box .slick-list li .contents{
	position: relative;
	display: block;
	max-width: 310px;
	color: #3E1A02;
	font-family: YakuhanJP,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN",
				 "Hiragino Sans", "ヒラギノ角ゴシック",
				 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
				 source-han-sans-japanese,"メイリオ", Meiryo,
				 "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.63;
	letter-spacing: -.02em;
	margin: 0 auto;
}
.product_list_box .slick-list li a:hover{
	opacity: .7;
}
.product_list_box .slick-list li a .pict{
	position: relative;
	display: block;
	width: 100%;
	max-height: 200px;
	overflow: hidden;
}
.product_list_box .slick-list li a .term{
	position: absolute;
	display: block;
	width: 80px;
	font-size: 1.4rem;
	line-height: 25px;
	text-align: center;
	background: rgba(252,200,9,.7);
	left: 0;
	bottom: 0;
}
.product_list_box .slick-list li h3{
	font-size: 2rem;
	line-height: 1;
	letter-spacing: -.03em;
	margin: 20px 0 10px;
	text-align: left;
}
.product_list_box .slick-list li p{
	text-align: left;
}
.product_list_box .slick-list li .contents .btn{
	width: 158px;
	line-height: 44px;
	margin-top: 35px;
	background: #FCC809;
}
.product_list_box .slick-list li .contents .btn:hover{
	color: #FFF;
	opacity: 1;
	background: #3E1A02;
}
#product .sub_section a.btn.online{
	width: 455px;
	background: #FCC809;
	margin-top: 70px;
}
#product .sub_section a.btn.online::before{
	content: "";
	position: relative;
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url(../images/cart_brown.svg) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	margin: -5px 16px 0 0;
	transition: .35s;
}
#product .sub_section a.btn.online:hover{
	background: #3E1A02;
}
#product .sub_section a.btn.online:hover::before{
	background-image: url(../images/cart_white.svg);
}
#product_chibutter .flex{
	align-items: flex-start;
}
#product_chibutter .right p{
	margin-top: 1em;
}
#product_chibutter .right p.first-child{
	margin-top: 0;
}

/* shop
------------------------------ */
#shop .main_title::after{
	background-image: url(../images/maintitle_shop.jpg);
}
#shop .main_title h1 span.en{
	width: 83px;
	height: 32px;
	background-image: url(../images/shopB.svg);
}
#company{
	padding: 120px 0;
}
#company table{
	width: 100%;
	border-top: .5px solid #3E1A02;
}
#company table tr th{
	width: 300px;
	text-align: left;
	padding: 15px 30px;
	border-bottom: .5px solid #3E1A02;
	background: #FCC809;
}
#company table tr td{
	padding: 15px 30px;
	border-bottom: .5px solid #3E1A02;
}
#shop01,#shop02{
	margin-bottom: 130px;
}
#shop .sub_section .wrapper.flex{
	align-items: flex-start;
	margin-bottom: 125px;
}
#shop .sub_section .left{
	max-width: 583px;
}
#shop .sub_section .left img:first-child{
	margin-bottom: 50px;
}
#shop .sub_section .right{
	width: 520px;
}
#shop .sub_section .right h2{
	font-size: 2.6rem;
	margin-bottom: 30px;
}
#shop .sub_section .right h2::before{
	display: none;
}
#shop .sub_section .right .btn{
	margin-top: 45px;
	background: #FCC809;
}
#shop .sub_section .right .btn:hover{
	color: #FFF;
	background: #3E1A02;
}
#shop .sub_section .ggmap{
	position: relative;
	display: block;
	width: 100%;
	height: 500px;
	padding-top: 160px;
	margin-top: -160px;
}
#shop .sub_section .ggmap iframe{
	width: 100%;
}

/* event
------------------------------ */
#event .main_title::after{
	background-image: url(../images/maintitle_event.jpg);
}
#event .main_title h1 span.en{
	background-image: url(../images/eventB.svg);
}
#event01{
	margin-bottom: 115px;
}
#event01 .google_cal{
	position: relative;
	display: block;
	width: 100%;
	height: 950px;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
}

/* archive
------------------------------ */
#news .main_title::after{
	background-image: url(../images/maintitle_news.jpg);
}
#news .main_title h1 span.en,
#news .main_title p span.en{
	width: 87px;
	height: 25px;
	background-image: url(../images/newsB.svg);
}
section.archive{
	padding-bottom: 140px;
}
section.archive ol li{
	position: relative;
	display: inline-block;
	width: 355px;
	vertical-align: top;
	margin: 0 52px 45px 0;
}
section.archive ol li:nth-child(3n){
	margin-right: 0;
}
section.archive ol li a{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	color: #3E1A02;
	font-family: YakuhanJP,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN",
				 "Hiragino Sans", "ヒラギノ角ゴシック",
				 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
				 source-han-sans-japanese,"メイリオ", Meiryo,
				 "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
section.archive ol li a:hover{
	opacity: .7;
}
section.archive ol li .pict{
	position: relative;
	display: block;
	width: 100%;
	height: 230px;
	background: rgba(252,200,9,.15);
}
section.archive ol li .pict img{
	position: relative;
	display: block;
	width: 100%;
	height: 230px;
	object-fit: cover;
}
section.archive ol li .pict .tag_list{
	position: absolute;
	display: flex;
	left: 0;
	bottom: 0;
}
section.archive ol li .pict .tag,
section.single .flex .tag{
	position: relative;
	display: block;
	width: 150px;
	font-weight: 600;
	line-height: 28px;
	text-align: center;
	background: rgba(252,200,9,.7);
}
section.archive ol li .pict .tag{
	margin-right: 10px;
}
section.archive ol li .pict .tag:last-child{
	margin-right: 0;
}
section.archive ol li p.date{
	line-height: 1.63;
	margin-top: 20px;
}
section.archive ol li h2{
	font-size: 2rem;
	line-height: 1.5;
	letter-spacing: .03em;
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
section.archive ol li h2::before{
	display: none;
}

/* single
------------------------------ */
#news .single{
	font-family: YakuhanJP,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN",
				 "Hiragino Sans", "ヒラギノ角ゴシック",
				 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
				 source-han-sans-japanese,"メイリオ", Meiryo,
				 "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom: 130px;
}
#news .single .flex{
	justify-content: flex-start;
}
#news .single .flex .tag{
	position: relative;
	display: inline;
	margin-right: 30px;
}
#news .single h1{
	font-size: 2.6rem;
	line-height: 1.2;
	letter-spacing: .05em;
	margin: 25px 0;
}
#news .single .content p{
	line-height: 1.75;
}
#news .single .adjacent_post_links{
	margin-top: 55px;
	padding-top: 30px;
	border-top: .5px solid #3E1A02;
}
#news .single .btn_list.flex{
	margin-top: 66px;
	justify-content: space-between;
}
#news .single .btn_list.flex a{
	width: 250px;
	background: #FCC809;
}
#news .single .btn_list.flex a:hover{
	color: #FFF;
	background: #3E1A02;
}
.adjacent_post_links .previous{
	float: left;
	width: 40%;
	text-align: left;
}
.adjacent_post_links .next{
	float: right;
	width: 40%;
	text-align: right;
}
.adjacent_post_links .previous a,
.adjacent_post_links .next a{
	position: relative;
	display: inline-block;
	color: #3E1A02;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.5;
}
.adjacent_post_links .previous a{
	padding-left: 30px;
}
.adjacent_post_links .next a{
	padding-right: 30px;
}
.adjacent_post_links .previous a::before{
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	border-top: .5px solid #3E1A02;
	border-left: .5px solid #3E1A02;
	top:0;
	left: 0;
	bottom:0;
	margin: auto;
	transform: rotate(-45deg);
	transition: .35s
}
.adjacent_post_links .next a::before{
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	border-top: .5px solid #3E1A02;
	border-right: .5px solid #3E1A02;
	transform: rotate(45deg);
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: .35s
}
.single .content .adjacent_post_links ul li a:hover{
	opacity: .7;
}
.adjacent_post_links .previous a:hover::before{
	left: -5px;
}
.adjacent_post_links .next a:hover::before{
	right: -5px;
}

/* 404
------------------------------ */
#yonmaruyon .main_title::after{
	display: none;
}
#yonmaruyon .main_title .wrapper::after{
	left: auto;
	right: 0;
}
#yonmaruyon01 .btn{
	margin: 30px auto 80px;
	background: #FCC809;
}
#yonmaruyon01 .btn:hover{
	background: #3E1A02;
}

/* footer
------------------------------ */
footer{
	text-align: center;
	padding: 130px 0 124px;
	background: #FCC809;
}
.wafflebiyori{
	position: relative;
	display: block;
	width: 502px;
	height: 266px;
	text-indent: -9999px;
	background: url(../images/footer_wafflebiyori.png) no-repeat center center;
	background-size: contain;
	margin: 0 auto 86px;
}
.footer_logo{
	position: relative;
	display: block;
	width: 217px;
	height: 160px;
	text-indent: -9999px;
	background: url(../images/logo.svg) no-repeat center center;
	background-size: contain;
	margin: 0 auto 70px;
}
.footer_logo:hover{
	opacity: .7;
}
footer ul li{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3rem;
}
footer ul li:last-child{
	margin-right: 0;
}
footer ul li a.text_link{
	color: #3E1A02;
	font-weight: 600;
	line-height: 1;
}
footer ul li a.text_link::after{
	margin-top: 0;
}
footer .sns{
	text-align: center;
	margin: 64px 0 50px;
}
footer .sns a.insta{
	background: #FFF url(../images/insta_brown.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: top 15px left 14px, 0 0;
	background-size: 21px, cover;
}
footer .sns a.cart{
	background: #FFF url(../images/cart_brown.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: center center, 0 0;
	background-size: 25px, cover;
}
footer .sns a.insta:hover{
	background: #3E1A02 url(../images/insta_white.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: top 15px left 14px, 0 0;
	background-size: 21px, cover;
}
footer .sns a.cart:hover{
	background: #3E1A02 url(../images/cart_white.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: center center, 0 0;
	background-size: 25px, cover;
}
footer .sns .line{
	background-image: url(../images/line_logo.svg) no-repeat center center / contain;
	background-size: 48px auto;
}
footer small{
	display: block;
	font-size: 1.2rem;
	margin-top: -20px;
}
footer small a.text_link{
	line-height: 1em;
}
footer small a.text_link::after{
	margin-top: 1px;
}

/* Breadcrumb
------------------------------ */
.breadcrumb{
	width: 100%;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN",
				 "Hiragino Sans", "ヒラギノ角ゴシック",
				 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
				 source-han-sans-japanese,"メイリオ", Meiryo,
				 "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 300;
	line-height: 1;
	letter-spacing: .05em;
	margin: 0 auto 85px;
	padding: 25px 0 24px;
	z-index: 1;
	background: rgba(252,200,9,.15);
}
.breadcrumb a{
	color: #3E1A02;
}
.breadcrumb a:hover{
	opacity: .7;
}

/* Page Navi
------------------------------ */
.pagenavi,
.wp-pagenavi{
	line-height: 0;
	letter-spacing: -.4em;
	text-align: center;
}
.pagenavi .page-numbers,
.wp-pagenavi span,.wp-pagenavi a{
	position: relative;
	display: inline-block;
	width: 46px;
	color: #3E1A02;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN",
				 "Hiragino Sans", "ヒラギノ角ゴシック",
				 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
				 source-han-sans-japanese,"メイリオ", Meiryo,
				 "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 600;
	line-height: 46px;
	letter-spacing: 0;
	text-align: center;
	vertical-align: middle;
	background: #FFF;
	border: .5px solid #3E1A02;
	margin: 0 15px 0 0;
}
.wp-pagenavi span,.wp-pagenavi a{
	padding: 0;
}
.pagenavi .page-numbers:last-child{
	margin-right: 0;
}
.pagenavi .page-numbers:hover,
.wp-pagenavi a:hover{
	color: #FFF;
	background: #3E1A02;
}
.pagenavi .page-numbers.current,
.wp-pagenavi span{
	color: #FFF;
	background: #3E1A02;
}
.pagenavi .page-numbers.next,
.pagenavi .page-numbers.prev,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{
	width: 19px;
	height: 19px;
	color: #FFF;
	font-size: 0;
	border: 0;
	background: none;
}
.pagenavi .page-numbers.next,
.wp-pagenavi a.nextpostslink{
	margin-left: 10px;
}
.pagenavi .page-numbers.prev,
.wp-pagenavi a.previouspostslink{
	margin-right: 25px;
}
.pagenavi .page-numbers.next::after,
.pagenavi .page-numbers.prev::after,
.wp-pagenavi a.nextpostslink::after,
.wp-pagenavi a.previouspostslink::after{
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	border-top: .5px solid #3E1A02;
	border-right: .5px solid #3E1A02;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: 9999px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: .35s;
}
.pagenavi .page-numbers.prev::after,
.wp-pagenavi a.previouspostslink::after{
	transform: rotate(225deg);
}
.pagenavi .page-numbers.next:hover::after,
.wp-pagenavi a.nextpostslink:hover::after{
	left: auto;
	right: -2px;
	border-top-color: #FCC809;
	border-right-color: #FCC809;
}
.pagenavi .page-numbers.prev:hover::after,
.wp-pagenavi a.previouspostslink:hover::after{
	left: -2px;
	right: auto;
	border-top-color: #FCC809;
	border-right-color: #FCC809;
}
.wp-pagenavi span.pages{
	display: none;
}

/* Page Top
------------------------------ */
.pagetop{
	position: fixed;
	bottom: 40px;
	right: 50px;
	width: 50px;
	height: 50px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	opacity: 0;
	z-index: 10;
}
.pagetop.show{
	opacity: 1;
	bottom: 60px;
	right: 50px;
	width: 50px;
	height: 50px;
}
.pagetop a{
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	text-align: left;
	text-indent: -9999px;
	background: #3E1A02;
	border-radius: 50%;
	box-sizing: border-box;
}
.pagetop a:hover{
	background: #FFF;
}
.pagetop a::before{
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	border-top: #FCC809 solid 1px;
	border-left: #FCC809 solid 1px;
	transform: rotate(45deg);
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 24px;
	transition: .25s;
}
.pagetop a:hover::before{
	border-top-color: #3E1A02;
	border-left-color: #3E1A02;
}

/* IE用cssハック */
@media all and (-ms-high-contrast: none) {
}