@charset "utf-8";
/* CSS Document */
/*webフォント読み込み*/

@font-face {/*notosansレギュラー*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Regular.otf');
  src:
  url('../fonts/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/NotoSansJP-Regular.otf') format('truetype');
	font-weight: 400;
}
@font-face {/*notosansミディアム*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Medium.otf');
  src:
  url('../fonts/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/NotoSansJP-Medium.otf') format('truetype');
	font-weight: 500;
}
@font-face {/*notosansボールド*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Bold.otf');
  src:
  url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/NotoSansJP-Bold.otf') format('truetype');
	font-weight: 700;
}
@font-face {/*notosans エクストラボールド*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-ExtraBold.otf');
  src:
  url('../fonts/NotoSansJP-ExtraBold.woff2') format('woff2'),
  url('../fonts/NotoSansJP-ExtraBold.woff') format('woff'),
  url('../fonts/NotoSansJP-ExtraBold.otf') format('truetype');
	font-weight: 800;
}

@font-face {/*Rubik-Bold*/
  font-family: 'rub';
  src: url('../fonts/Rubik-Bold.otf');
  src:
  url('../fonts/Rubik-Bold.woff2') format('woff2'),
  url('../fonts/Rubik-Bold.woff') format('woff'),
  url('../fonts/Rubik-Bold.otf') format('truetype');
	font-weight: 700;
}

/* Link
=========================================== */

a:link, a:visited {
	color:#222222;text-decoration: none;
}
a {
	outline: none;transition: 0.3s;color:#222222;text-decoration: none;
}

a img{transition: 0.3s;}


:focus{outline: none;}


/* 共通設定
=========================================== */

body{}
.pc{display:none!important;}
body {
	background:#fff;
	color:#222222;
	font-size:16px;
	line-height: 1.75;
	font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-style: normal;
	font-weight: 500;
	word-break: break-all;
	overflow: hidden;
	letter-spacing: 0.05em;
}
h1,h2,h3,h4,h5,h6{line-height: 1.5;font-weight: 700;}
body,li,th,td,p,dt,dd{}
body#tinymce{min-width:inherit!important;}
input,select,textarea{font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#222222;}
select{-webkit-appearance: auto;appearance:auto;}
img{width:100%;height:auto;}
table {width: 100%;}
body,li,th,td,p,dt,dd{}
select{border-radius: 0!important;border: solid 1px #e6e6e6;}

.no-pc{display: inline-block;text-decoration: none!important;}
.inb{display: inline-block;}
.block{display: block;}
.wrap{position: relative;}


/*共通見出し設定*/
.titles01{text-align: center;font-weight: 700;margin-bottom: 25px;color: #4E2500;}
.titles01 > span{display: inline-block;position: relative;}
.titles01 .komoji{line-height: 1.35;display: block;margin-bottom: 5px;font-size: 15px;letter-spacing: 0;}
.titles01 .big{font-size: 23px;line-height: 1.3;letter-spacing:0;display: inline-block;padding-bottom: 20px;background: url("../img/common/tit-bottom01.svg") no-repeat center bottom;font-weight: 800;}

.titles02 {color: #4E2500;font-size: 20px;border-bottom: solid 1px #DBD4CD;padding-left: 13px;padding-bottom: 8px;
margin-bottom: 15px;position: relative;}
.titles02:before{content:"";width: 5px;height: 22px;background: #4E2500;position: absolute;left: 0;top:5px;}


/*共通ボタン設定*/
.btn01{height: 50px;display: table;margin: 0 auto;width: 100%;}
.btn01 a {display: table-cell;text-align: center;vertical-align: middle;color:#fff;font-weight: 700;background:#7D4A1C;text-decoration: none;border-radius: 60px;font-size: 16px;position: relative;border:solid 1px #7D4A1C;}
.btn01 a > span{display: inline-block;padding-left: 30px;background: url("../img/common/btn-arrow04.svg") no-repeat left center;background-size: 20px;transition: 0.1s;line-height: 34px;}

.btn02{height: 50px;display: table;margin: 0 auto;width: 100%;}
.btn02 a {display: table-cell;text-align: center;vertical-align: middle;color:#fff;font-weight: 700;background:#F27405;text-decoration: none;border-radius: 60px;font-size: 16px;position: relative;border:solid 1px #F27405;}
.btn02 a > span{display: inline-block;padding-left: 30px;background: url("../img/common/btn-arrow01.svg") no-repeat left center;background-size: 20px;transition: 0.1s;line-height: 34px;}




/*スライダー　ふわっ*/
div#ft-slider{opacity: 0;transition: opacity .3s linear;}
div#ft-slider.slick-initialized{opacity: 1;}


/*font*/
.rub{font-family: 'rub';}
.goth{font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

.tright {text-align:right;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.flL {float:left;}
.flR {float:right;}
.bold {font-weight:bold;}
.inb{display:inline-block;}
.block {display: block;}
.red {color:#DC080C;}
.blue {color:#452FB8;}
.yellow{color:#FFDE00;}
.orange{color:#E56B00;}
.green{color:#3DA46E;}
.navy{color:#374b8e;}
.pink{color:#ff7373;}
.gray{color: #818181;}



/*header
---------------------------------------------------------------*/
div#header{width: 100%;position: absolute;z-index: 30;left: 0;top:0;height: 100px;}
div#gnav{display: none;}
.head-line01.flex{display: none;}

.head-inner.flex{box-sizing: border-box;padding: 10px 70px 10px 5%;}
.logo {width: 143px;padding: 5px 0 0 0;margin: 0 auto;}

div#header .head-text,
div#header .address01,
div#header .telBox,
div#header .btn02,
div#header .cart-maypages{display: none;}


.cart-maypages {width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.cart-maypages > div {width:calc(50% - 15px);height: 70px;display: table;margin-right: 10px;}
.cart-maypages > div:last-child {margin-right: 0;}
.cart-maypages > div > a{display: table-cell;text-decoration: none;text-align: center;vertical-align:middle;font-size: 13px;color: #4E2500;font-weight: 700;padding: 10px 10px 10px 30px;background-color: #fff;border-radius: 10px;}
li.cart-sp{margin-bottom: 25px;}

.cart-btn01 > a {background: url(../img/common/ico-cart01.svg) no-repeat left calc(50% - 49px) center;position: relative;background-size: 26px;}
.mypage-btn01 > a {background: url(../img/common/ico-mypage.svg) no-repeat left calc(50% - 34px) center;
position: relative;background-size: 20px;}


.cart-count03 {width: 23px;height: 23px;display: table;position: absolute;left: calc(50% - 49px);top: 10px;}
.cart-count03 > span {display: table-cell;text-align: center;vertical-align: middle;color: #fff;
font-size: 12px;border-radius: 100%;background: #4E2500;}


.fixed div#header{}

/* nav
=========================================== */
html.huopen{overflow: hidden;}
.sp-nav-btn {width: 75px;height:63px;position: fixed;top:0;right: 0;z-index: 210;box-sizing: border-box;background:#7D4A1C;border-radius: 100%;border-radius: 0 0 0 30px;}
.sp-nav-btn.opon{}
.sp-nav-btn span.bar01 {content: "";width:40%;height: 2px;position: absolute;top:20px;right: 30%;transition: 0.3s;}
.sp-nav-btn span.bar03 {content: "";width: 40%;height: 2px;position: absolute;top: 35px;right: 30%;transition: 0.3s;}
.sp-nav-btn span.bar02{position: absolute;width: 40%;height: 2px;top: 27px;right: 30%;transition: 0.3s;}

.sp-nav-btn > span{overflow: hidden;border-radius: 10px;}
.sp-nav-btn > span > span{width: 120px;height: 3px;background:#fff;display: block;position: absolute;left: -80px;top:0;}

.sp-nav-btn.opon span.bar02{opacity: 0;}
.sp-nav-btn.opon span.bar01 {box-shadow: none;transform: rotateZ(45deg);top:26px;background:#fff;}
.sp-nav-btn.opon span.bar03 {transform: rotateZ(-45deg);top: 26px;background: #fff;}

/*
.sp-nav-btn span.bar01 > span{animation: load 3.0s linear 0s infinite forwards;}
.sp-nav-btn span.bar02 > span{animation: load 3.0s linear 0.2s infinite forwards;}
.sp-nav-btn span.bar03 > span{animation: load 3.0s linear 0.4s infinite forwards;}
@keyframes load {
	0%{left: -120px;top:0;}
	60%{opacity: 1;}
	100%{left:80px;opacity: 0.2;}
}
*/

.overlay-nav {display: none;}
.overlay-nav.opon {z-index:15;opacity: 1;}
div.navs-list-wrap {position: fixed;width: 100%;height:100%;z-index: 205;top:0;box-sizing: border-box;background:#F8F2E5;right: calc(-100% - 100px);transition: 0.3s;padding: 93px 6.66% 60px;}
div.navs-list-wrap.opon{right:0;}


ul.navs-list {height: 100vh;overflow: auto;padding-bottom:155px;box-sizing: border-box;}
.navs-list > li.nav{background: #fff;border-bottom:solid 1px #DBD4CD;}
.navs-list > li.nav.first{border-radius: 30px 30px 0 0;}
.navs-list > li.nav.last{border-radius: 0 0 30px 30px;border-bottom:none;}
.navs-list > li > a {display: block;padding:20px 25px 20px;text-decoration: none;font-weight: 700;}

li.catdog-btn{margin-bottom: 30px;}
li.sp-nav-contact{margin-top: 40px;}
li.sp-nav-contact .line-btn{margin-top: 15px;}

div#sp-menu-nav{position: relative;}
.sp-opcl{display: none;}
.sp-opcl > ul{background: #FFFAF5;border-top: solid 1px #DBD4CD;}
.sp-opcl > ul > li{border-bottom: solid 1px #DBD4CD;}
.sp-opcl > ul > li a{padding: 20px 25px 20px 50px;display: block;}
.sp-opcl > ul > li:last-child{border-bottom: none;}
.sp-nav{padding: 20px 25px 20px 52px;background: url("../img/common/sp-nav-open.svg") no-repeat left 25px top 25px;background-size: 20px;font-weight: 700;}
.sp-nav.on{background-image:  url("../img/common/sp-nav-close.svg");}

li.nav-bottom{margin-top: 40px;}
li.nav-bottom .ft-btns.flex{margin-top: 20px;}
li.nav-bottom .address01{display: flex;flex-wrap: wrap;font-size: 15px;margin: 10px 0 20px;justify-content: center;}
li.nav-bottom .address01 > p:first-child{margin-right: 10px;}

li.nav{}
li.nav > a > span,
.sp-opcl > ul > li a > span{display: block;padding-left: 27px;background: url("../img/common/sp-arrow01.svg") no-repeat left top 6px;background-size: 20px;}


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

/*パンくず
---------------------------------------------------------------*/

div#bread {z-index: 2;position: relative;padding: 5px 5%;}
#bread ul li {display: inline-block;font-size:13px;font-weight: 400;color: #000000;}
ul.bread-list li a{font-size:13px;text-decoration:underline;color: #000000;}
ul.bread-list li:after{content:">";margin-left:10px;margin-right: 5px;display: inline-block;position: relative;color: #000000;}
ul.bread-list li:last-child:after{content:none;}


/* メインビジュアル */
/*-------------------------------------------*/
/*TOPページ*/
body.home{overflow: hidden;}
div#mv{position: relative;z-index: 3;}
.home div#mv{background:url("../img/main/sp-main01.jpg") no-repeat center top #fff;height: 133.33vw;background-size: cover;}


.mv-text01 {width: 33.33vw;position: absolute;color: #fff;font-size: 8vw;font-weight: 700;text-shadow: 0 3px 6px #3A2B14;top: 16.16vw;right: 36vw;display: flex;flex-wrap: wrap;flex-direction: row-reverse;justify-content: space-between;}
.mv-text01 > p > span{display: block;}
.mv-text01 > p {line-height: 1.2;}
.mv-text01 > p.line03 {font-weight: 800;font-size:9.33vw;}

.mv-text02 {width:15.2vw;display: flex;flex-wrap: wrap;flex-direction: row-reverse;color: #fff;text-shadow: 0 3px 6px #3A2B14;position: absolute;top: 20vw;right:77.33vw;font-size: 4.26vw;justify-content: space-between;align-items: flex-start;}
.mv-text02 > p > span{display: block;}
.mv-text02 > p {line-height: 1.45;border-right: solid 1px;padding-right:1.33vw;}

.puripuri-cont {width: 58.66vw;height: 36vw;position: absolute;bottom: -20.33vw;right: 0;left: 0;text-align: center;
box-sizing: border-box;background: url(../img/common/puripuri-bg-sp.svg) no-repeat center bottom;background-size: contain;padding-top:5.33vw;z-index: 2;margin: 0 auto;}
.puripuri-cont:before {content: "";background: url(../img/main/ico-t.svg) no-repeat;width: 16.3vw;height: 15.2vw;position: absolute;right: 2.53vw;top: 0;background-size: contain;}
.puripuri-cont img{width: 45.33vw;}


.egg-btn {background: url(../img/common/egg-btn01.svg) no-repeat center top;width: 21.33vw;height: 22.66vw;display: table;position: absolute;right: -15vw;bottom: 0;z-index: 2;animation: rotateZ01 5s ease-out 0s infinite;transform-origin: center bottom;background-size: contain;}

@keyframes rotateZ01 {
	0% {transform:rotateZ(0) ;}
	10%{transform:rotateZ(3deg);}
	15%{transform:rotateZ(-3deg);}
	26% {transform:rotateZ(3deg);}
	30% {transform:rotateZ(0);}
	100% {transform:rotateZ(0);}
}


.egg-btn a {display: table-cell;text-align: center;vertical-align: bottom;padding-bottom: 3.6vw;position: relative;
letter-spacing: -0.1em;color: #fff;font-size: 3.46vw;font-weight: 700;}
.egg-btn a:before{content:"";z-index: 1;width: 100%;height: 100%;background: url("../img/common/egg-btn02.svg") no-repeat center top;transition: 0.3s;left: 0;top:0;opacity: 0;position: absolute;}
.egg-btn a > span{display: inline-block;position: relative;z-index: 2;padding-bottom: 6.0vw;background: url("../img/common/btn-arrow04.svg") no-repeat center bottom 1px;background-size: 5.06vw;}

.egg-btn:before{content:"";background: url("../img/common/yure01.svg") no-repeat;width: 2.93vw;height: 2.66vw;position: absolute;top:0;left: -1.33vw;background-size: contain;}
.egg-btn:after{content:"";background: url("../img/common/yure02.svg") no-repeat;width: 2.93vw;height: 2.66vw;position: absolute;top:1.29vw;right:0;background-size: contain;}


/*下層ページ*/
div#mv.under-mv{background:url("../img/main/sp-mv06.jpg") no-repeat center #fff;position: relative;background-size: cover;}
div#mv.under-mv:before{content:"";background: url("../img/main/sp-main-wave01.png") repeat-x center top;width: 100%;height: 10px;z-index: 2;position: absolute;left: 0;bottom:0;background-size: auto 10px;}
div#mv.under-mv > .wrap{height: 50vw;display: table;width: 100%;}
div#mv.under-mv > .wrap .tit{display: table-cell;text-align: center;vertical-align: middle;font-size: 6.66vw;font-weight: 800;color: #fff;}
div#mv.under-mv > .wrap .tit .komoji {display: block;font-size: 4.53vw;}



.page-quality div#mv.under-mv{background-image:url("../img/main/sp-mv02.jpg");}
.page-quality div#mv.under-mv:before{background-image:url("../img/main/sp-main-wave02.png");}
.page-company div#mv.under-mv{background-image:url("../img/main/sp-mv03.jpg");}
.page-usces-cart div#mv.under-mv,
.single-post div#mv.under-mv,
.page-store div#mv.under-mv{background-image:url("../img/main/sp-mv04.jpg");}

.page-taste div#mv.under-mv{background-image:url("../img/main/sp-mv05.jpg");}
.page-inquiry div#mv.under-mv,
.page-thanks div#mv.under-mv{background-image:url("../img/main/sp-mv07.jpg");}


/* footer */
/*-------------------------------------------*/
div#ft-detail{}
div#ft-detail .cont{background:url("../img/top/pp.svg") repeat-x left top #fff;box-sizing: border-box;padding: 55px 5% 30px;position: relative;z-index: 2;background-size: auto 25px;}
div#ft-detail .cont > h2{margin-bottom: 15px;color: #4E2500;font-size:18px;letter-spacing: 0;text-align: center;}
div#ft-detail .ft-map{height: 100vw;}
div#ft-detail .ft-map iframe{width:100%;height:100%;}

div#ft-slider{display: flex;flex-wrap: wrap;height: 40vw;overflow: hidden;margin-bottom: 0;}
.ft-slide{width: 53.3vw;margin-right: 0.7vw;}

div#footer{background:#fff;position: relative;}

div#ftBox01:before{content:"";width: 100%;height: 2.66vw;background: url("../img/top/wave04-sp.png") no-repeat center top;position: absolute;left: 0;bottom:calc(100% - 1px);z-index: 2;background-size: cover;}

div#ftBox01{padding:50px 6.66vw 40px;position: relative;}
div#ftBox01 .wrap{position: relative;z-index: 2;}

div#ft-info{margin-top: 10px;}
div#ft-info .address01{display: flex;flex-wrap: wrap;font-size: 15px;margin: 10px 0 20px;justify-content: center;}
div#ft-info .address01 > p:first-child{margin-right: 10px;}
div#ft-info .telBox{margin-bottom: 20px;}

.ft-logo {position: relative;z-index: 2;width: 140px;margin: 0 auto;}
.tel-set{text-align: center;}
.tel-num a{line-height: 1;font-size: 32px;font-weight: 700;color: #4E2500;font-family: 'rub';letter-spacing: 0;}
.tel-num a > span{padding-left: 22px;background: url("../img/common/ico-tel.svg") no-repeat left top 2px;display: inline-block;line-height: 32px;}
.tel-num.fax-num a > span{background-image: url("../img/common/ico-fax.svg");}
.tel-bh {line-height: 1.2;letter-spacing: 0;text-align: center;padding-left: 10px;}

.ft-btns.flex{justify-content: space-between;}
.ft-btns.flex > div{margin-bottom: 10px;width: calc(50% - 7px);}
.ft-btns.flex > div:last-child{margin-bottom: 0;}
.ft-btns.flex > .btn02{height: 50px;}
.ft-btns.flex > .btn01{height: 50px;}

.ft-btns.flex > .btn02 a{font-size: 16px;}
.ft-btns.flex > .btn01 a{font-size: 16px;}
.ft-btns.flex > .btn02 a > span,
.ft-btns.flex > .btn01 a > span{padding-left: 15px;display: block;background-size: 20px;background-position: left 10px center;}


div#fnav{letter-spacing: 0;padding: 0 6.66vw;}
div#fnav a{}
div#fnav{display: flex;flex-wrap: wrap;justify-content: space-between;}
div#fnav > div{width: calc(50% - 12px);margin-bottom: 30px; }
div#fnav > div.fnav04{}
ul.fs{}
ul.fs > li{margin-bottom: 15px;position: relative;line-height: 1.2;font-size: 15px;font-weight: 700;}
ul.fs > li:last-child{margin-bottom:0;}

div.fnav04 ul.fs{}
div.fnav04 ul.fs > li{}


.f-tit {font-size: 18px;font-weight: 700;color: #4E2500;border-bottom: solid 2px;margin-bottom: 15px;padding-bottom: 2px;}

#ft-bottom{position: relative;z-index: 2;}
#ft-bottom .wrap {box-sizing: border-box;padding: 1px 5% 50px;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}

.copyright{font-size: 12px;width: 100%;margin-top: 25px;}

ul.pp-list{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
ul.pp-list > li{font-size: 14px;margin-right: 20px;}
ul.pp-list > li:last-child{margin-right: 0;}
ul.pp-list > li a{}


/* TOPへ戻る */
/*-------------------------------------------*/
div#top-link {position: absolute;left: 0;top: 0;opacity: 0;z-index: -20;}
div#page-top {position: fixed;right: 5px;bottom:5px;opacity: 0;z-index: -3;transition: opacity 0.3s;}
.fixed div#page-top{opacity: 1;z-index: 20;}
div#page-top a{display: block;text-align: center;width: 40px;height: 40px;border-radius: 100%;box-shadow: 0 0 3px 0 rgba(255,255,255,0.3);background:  url("../img/common/page-top.svg") no-repeat center #0A5B2F;}


/* iOSでのデフォルトスタイルをリセット */
input[type="password"],
textarea,
input[type="text"],
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  
  box-sizing: border-box;
  cursor: pointer;
}
input[type="password"]::-webkit-search-decoration,
textarea::-webkit-search-decoration,
select::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="password"]::focus,
textarea::focus,
select::focus,
input[type="text"]::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

select{color: #333;padding: 5px;box-sizing: border-box;}

/* TOP
------------------------------------*/

/*TOPアニメーション*/
section#news-top.anima-t h2#news-tit { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#news-top.anima-t .top-news-list { opacity: 0; transition: 0.3s; transform: translateY(20px); }

section#news-top.anima-t.anima h2#news-tit { animation: shu 0.3s linear 0.4s 1 forwards; }
section#news-top.anima-t.anima .top-news-list { animation: shu 0.3s linear 0.6s 1 forwards; }

.top-cont01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
.top-cont01.anima-t .ilu01 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
.top-cont01.anima-t .ilu02 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
.top-cont01.anima-t .ilu03 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
.top-cont01.anima-t h2.titles01.top-tit01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
.top-cont01.anima-t .text01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
.top-cont01.anima-t .top-conts.flex > div.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
.top-cont01.anima-t .btn01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
.top-cont01.anima-t .top-cont01-2.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }

.top-cont01.anima-t.anima { animation: shu 0.3s linear 0.1s 1 forwards; }
.top-cont01.anima-t.anima .ilu01 { animation: shu 0.3s linear 0.3s 1 forwards; }
.top-cont01.anima-t.anima .ilu02 { animation: shu 0.3s linear 0.5s 1 forwards; }
.top-cont01.anima-t.anima .ilu03 { animation: shu 0.3s linear 0.7s 1 forwards; }
.top-cont01.anima-t.anima h2.titles01.top-tit01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
.top-cont01.anima-t.anima .text01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
.top-cont01.anima-t.anima .top-conts.flex > div.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
.top-cont01.anima-t.anima .btn01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
.top-cont01.anima-t.anima .top-cont01-2.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }

section#topBox02.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox02.anima-t .ilu06 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox02.anima-t .ilu07 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox02.anima-t h2.titles01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox02.anima-t .text01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox02.anima-t .store-features.flex .box.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox02.anima-t article.itemBox01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox02.anima-t .btn01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox02.anima-t .ban01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox02.anima-t .ban02.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }

section#topBox02.anima-t.anima { animation: shu 0.3s linear 0.1s 1 forwards; }
section#topBox02.anima-t.anima .ilu06 { animation: shu 0.3s linear 0.3s 1 forwards; }
section#topBox02.anima-t.anima .ilu07 { animation: shu 0.3s linear 0.5s 1 forwards; }
section#topBox02.anima-t.anima h2.titles01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox02.anima-t.anima .text01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox02.anima-t.anima .store-features.flex .box.anima-t { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox02.anima-t.anima article.itemBox01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox02.anima-t.anima .btn01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox02.anima-t.anima .ban01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox02.anima-t.anima .ban02.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }

section#topBox03.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox03.anima-t .tit-head.flex.anima-t h2.titles01 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox03.anima-t .tit-head.flex.anima-t .text-box { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox03.anima-t article.store-art.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox03.anima-t .store-cont02.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox03.anima-t .store-cont02.anima-t .ilu09 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox03.anima-t h2.titles01.top-tit03.anima-t, section#topBox03.anima-t .text01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox03.anima-t .store-list02.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#topBox03.anima-t .btn01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }

section#topBox03.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox03.anima-t.anima .tit-head.flex.anima-t.anima h2.titles01 { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox03.anima-t.anima .tit-head.flex.anima-t.anima .text-box { animation: shu 0.3s linear 0.4s 1 forwards; }
section#topBox03.anima-t.anima article.store-art.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox03.anima-t.anima .store-cont02.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox03.anima-t.anima .store-cont02.anima-t.anima .ilu09 { animation: shu 0.3s linear 0.4s 1 forwards; }
section#topBox03.anima-t.anima h2.titles01.top-tit03.anima-t.anima, section#topBox03.anima-t.anima .text01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox03.anima-t.anima .store-list02.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox03.anima-t.anima .btn01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }

section#voice-sec.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#voice-sec.anima-t .ilu10 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#voice-sec.anima-t .ilu11 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#voice-sec.anima-t .ilu12 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#voice-sec.anima-t h2.titles01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#voice-sec.anima-t .text01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#voice-sec.anima-t article.tri-art.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#voice-sec.anima-t .btn01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }

section#voice-sec.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#voice-sec.anima-t.anima .ilu10 { animation: shu 0.3s linear 0.2s 1 forwards; }
section#voice-sec.anima-t.anima .ilu11 { animation: shu 0.3s linear 0.4s 1 forwards; }
section#voice-sec.anima-t.anima .ilu12 { animation: shu 0.3s linear 0.6s 1 forwards; }
section#voice-sec.anima-t.anima h2.titles01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#voice-sec.anima-t.anima .text01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#voice-sec.anima-t.anima article.tri-art.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#voice-sec.anima-t.anima .btn01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }

section#eat-sec.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#eat-sec.anima-t h2.titles01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#eat-sec.anima-t .text01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#eat-sec.anima-t article.tri-art.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
section#eat-sec.anima-t .btn01.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }

section#eat-sec.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#eat-sec.anima-t.anima h2.titles01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#eat-sec.anima-t.anima .text01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#eat-sec.anima-t.anima article.tri-art.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
section#eat-sec.anima-t.anima .btn01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }

div#recBox.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }
div#recBox.anima-t .ilu13 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
div#recBox.anima-t .ilu14 { opacity: 0; transition: 0.3s; transform: translateY(20px); }
div#recBox.anima-t .rec-ban.anima-t { opacity: 0; transition: 0.3s; transform: translateY(20px); }

div#recBox.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
div#recBox.anima-t.anima .ilu13 { animation: shu 0.3s linear 0.2s 1 forwards; }
div#recBox.anima-t.anima .ilu14 { animation: shu 0.3s linear 0.4s 1 forwards; }
div#recBox.anima-t.anima .rec-ban.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }

@keyframes shu { 0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); } }
@keyframes shu01 { 0% { opacity: 0; transform: translateY(-46%); }
  100% { opacity: 1; transform: translateY(-50%); } }
@keyframes right-in { 0% { opacity: 0; transform: translateX(20px); }
  100% { opacity: 1; transform: translateX(0); } }
@keyframes opc { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes slide01 { 0% { left: -300%; }
  40% { left: -160%; }
  50% { left: -160%; }
  100% { left: 100%; } }
/*TOPアニメーション終わり*/




section#news-top {padding: 28vw 5% 70px;}

div.news-area { position: relative;}

h2#news-tit { font-weight: 800; color: #4E2500; font-size: 20px;position: absolute;left: 0;top:0;}

.top-news-list { }

article.news-art {  }
article.news-art .news-date { font-size: 15px; font-weight: 400; color: #505050; width: 95px;padding-left: 100px; }
article.news-art > h3 {  }
article.news-art > h3 a { text-decoration: underline; display: block; }

section#topBox01 { padding: 1px 5% calc(60px + 6.66vw); }

.top-cont01 { background: #F8F2E5; border-radius: 40px; position: relative; padding: 45px 25px 40px; }
.top-cont01 .ilu01 {position: absolute;right: calc(50% + 57px);top: -25px;width: 75px;}
.top-cont01 .ilu02 {position: absolute;left: calc(50% + 70px);top: -35px;width: 85px;}
.top-cont01 .ilu03 { position: absolute; left: 118px; top: 66px; display: none;}
.top-cont01 .text01 { margin-bottom: 20px; position: relative; z-index: 2; }

.top-cont01:before { content: ""; width: 150px; height: 90px; background: #F8F2E5; border-radius: 100%; position: absolute; left: 0; right: 0; top: -20px; margin: 0 auto; }

.titles01.top-tit01 { position: relative; z-index: 3; }
.titles01.top-tit01 .big { padding-bottom: 0; background: none; }
.titles01.top-tit01 > span:before {content: "";background: url(../img/common/tit-ico01.svg) no-repeat;width: 20px;
height: 30px;position: absolute;left: 10px;bottom: 0;background-size: contain;}

.titles01.top-tit01 > span:after {content: "";background: url(../img/common/tit-ico02.svg) no-repeat;width: 20px;height: 30px;position: absolute;right: 10px;bottom: 0;background-size: contain;}

.text01 { text-align: center; }
.text01 .big { font-size: 18px; font-weight: 800; color: #4E2500; }

.top-conts.flex { justify-content: space-between; margin-bottom:30px; }
.top-conts.flex > div {margin-bottom: 25px; }
.top-conts.flex > div:last-child {margin-bottom:0; }
.top-conts.flex > div h3.tit01 { margin: 15px 0 10px; }
.top-conts.flex .tit01 > span{font-size: 5vw;}
.top-conts.flex .tit01 > span .orange{font-size: 6vw;}

.tit01 { width: 100%;  text-align: center; }
.tit01 > span {  font-weight: 700; font-size: 4.8vw; line-height: 1.5; display: block;}
.tit01 > span .orange { font-weight: 800; font-size: 6.13vw; }

.top-cont01-2 {position: relative;height: 75.33vw;background: url(../img/top/top-bg01-sp.svg) no-repeat center bottom;box-sizing: border-box;padding: 15.6vw 5.86vw 9.33vw;margin-top: 22vw;background-size: contain;width: 80.66vw;margin-left: -10px;}

.top-cont01-2 .ilu04 {position: absolute;right: 6vw;top: -9.06vw;width: 24vw;}
.top-cont01-2 .ilu05 {position: absolute;left: -5.33vw;top: -11.33vw;width: 30.66vw;}


.top-cont01-2 > .cont { text-align: center;}
.top-cont01-2 > .cont .tit01 { margin-bottom: 4vw; }
.top-cont01-2 > .cont .tit01 > span { font-size: 4.53vw; }
.top-cont01-2 > .cont .tit01 > span .orange { font-size: 6.13vw;}
.top-cont01-2 > .cont .text{font-size: 4vw;}
.top-cont01-2 > .cont .text .links01{margin-top: 4vw;text-align: center;}
.top-cont01-2 > .cont .text .links01 a{font-weight: 700;text-decoration: underline;}
.top-cont01-2 > .img{display: none;}

.top-cont01-2:before { content: ""; background: url("../img/top/yure01.svg") no-repeat center;width: 5.46vw;height: 4.66vw; position: absolute; left: 0; bottom: 5.06vw;background-size: contain;}

.top-cont01-2:after {content: "";background: url(../img/top/yure02.svg) no-repeat center;width: 5.46vw;height: 4.66vw;position: absolute;right: 0;top: 2.66vw;background-size: contain;}

section#topBox02:before { content: ""; background: url("../img/top/wave01-sp.png") no-repeat center top; width: 100%; height:6.66vw; position: absolute; left: 0; top: -6.66vw;background-size: cover; }

section#topBox02:after { content: ""; background: url("../img/top/wave02-sp.png") no-repeat center bottom; width: 100%; height:6.66vw; position: absolute; left: 0; bottom: -6.66vw;background-size: cover; }

section#topBox02 { position: relative; background: #FCF7F3; }
section#topBox02 .wrap{ position: relative; padding: 75px 5% 60px; background: #FCF7F3; }
section#topBox02 .ilu06 { position: absolute; top: -25px; z-index: 2; right: calc(50% - 42px); width:205px;}
section#topBox02 .ilu07 { position: absolute; top:-15px; z-index: 2; left: calc(50% + 45px); width: 117px;}

div.ovv{overflow: hidden;}

.store-features.flex { justify-content: space-between; margin: 0 0 40px; }
.store-features.flex .box { text-align: center; border-radius: 25px; background: #F3E9E0; padding: 1px 2vw 5.3vw; box-sizing: border-box; width: calc(50% - 5px);margin-top: 11.6vw;}
.store-features.flex .box .ico { text-align: center; margin: -7.6vw auto -5.86vw;width: 53.96%;}
.store-features.flex .box .tit01 > span{font-size: 4vw;}
.store-features.flex .box .tit01 > span .orange{font-size: 4.53vw;}

.ranks.flex { margin-bottom: 30px!important;padding-bottom: 75px; position: relative;}
.ranks.flex .slick-list{overflow: visible;}
.ranks.flex article.itemBox01 { margin-right: 6.66vw; width: 73.33vw;border-radius: 4vw;}
.ranks.flex article.itemBox01 .img .in-img { border-radius: 4vw 4vw 0 0; }
.ranks.flex article.itemBox01  .cont { padding: 2.66vw 5.33vw 5.33vw; }
.ranks.flex article.itemBox01:nth-child(3n) { margin-right: 0; }
.ranks.flex article.itemBox01 h3.item-name {
    font-size: 4.26vw;
    padding-bottom: 1.86vw;
    margin-bottom: 3.2vw;
    border-bottom: dashed 1px #DBD4CD;
}
.ranks.flex .TBL01 th,
.ranks.flex .TBL01 td { box-sizing: border-box; padding: 5px 0;line-height: 1.2;font-size: 4vw; }
.ranks.flex .TBL01 th { font-weight: 700; width: 15.33vw; }
.ranks.flex .TBL01 td .orange { font-weight: 800; font-family: 'rub'; font-size: 5.6vw; }
.ranks.flex .item-btns.flex > div {height: 11.2vw;}
.ranks.flex .item-btns.flex > div a > span {font-size: 3.73vw;padding-left: 5.86vw;background-size: 4vw;}
.ranks.flex .item-btns.flex .btn02.buy a > span {padding-left: 6.92vw;background-size: 5.06vw;}



button.slick-arrow { opacity: 1; z-index: 2; transition: 0.3s; width:45px; height: 45px; box-sizing: border-box; border-radius: 100%; border: solid 1px #7D4A1C;top: auto;transform: translateY(0);bottom:0;}
button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center #7D4A1C; left: calc(50% - 65px);background-size: 10px; }
button.slick-next.slick-arrow { background: url("../img/common/slide-arrow02.svg") no-repeat center #7D4A1C; right: calc(50% - 65px);background-size: 10px; }
button.slick-arrow:before { content: none; }
button.slick-arrow.slick-disabled{display: none!important;}

article.itemBox01 { width: 100%; background: #fff; border-radius: 30px; box-shadow: 0 0 40px rgba(47, 47, 47, 0.1); position: relative; }
article.itemBox01 .medal {width: 16vw;position: absolute;z-index: 2;left: 2.66vw;top: -4vw;}
article.itemBox01 .img .in-img { padding-top: 67.64%; border-radius: 30px 30px 0 0; }
article.itemBox01 .cont { padding: 20px; }

.item-btns.flex { margin-top: 20px; justify-content: space-between; }
.item-btns.flex > div { width: calc(50% - 5px); height:11.2vw; }
.item-btns.flex > div a { font-size: 16px; }
.item-btns.flex > div a > span { padding-left: 28px; background-size: 20px; }
.item-btns.flex .btn02.buy a > span { padding-left: 30px; background-image: url("../img/common/ico-cart03.svg"); background-size: 22px; }

h3.item-name { font-size: 20px; padding-bottom: 8px; margin-bottom: 15px; border-bottom: dashed 1px #DBD4CD; }

.TBL01 th, .TBL01 td { box-sizing: border-box; padding: 5px 0;line-height: 1.2; }
.TBL01 th { font-weight: 700; width: 70px; }
.TBL01 td .orange { font-weight: 800; font-family: 'rub'; font-size: 24px; }

.ban-list01 { margin-top: 50px; }
.ban-list01 > div { margin-bottom: 30px; }
.ban-list01 > div a { border-radius: 10px; box-shadow: 0 0 40px rgba(47, 47, 47, 0.1); }
.ban-list01 > div:last-child { margin-bottom: 0; }

section#topBox03 { padding:calc(60px + 6.66vw) 5%; position: relative; }
section#topBox03 .ilu08 {position: absolute;top: -20px;z-index: 8;left: 5%;width: 74px;}
section#topBox03:before {content: "";background: url(../img/top/footprint01.svg) no-repeat;width: 395px;
height: 215px;position: absolute;left: 50%;top: -100px;background-size: contain;z-index: 2;}
.tit-head.flex { margin-bottom: 30px;display: block;}
.tit-head.flex .titles01 {  }
.tit-head.flex .text-box { text-align: center;}
.text-box > p {
    display: inline;
}
.store-list01 { position: relative; margin-bottom:50px; }



article.store-art { position: relative; z-index: 2; margin-bottom: 15px; background: #F8F2E5; border-radius: 15px; padding: 15px; box-sizing: border-box;  }
article.store-art .store-head.flex { margin-bottom: 5px;justify-content: space-between;align-items: center;}
article.store-art .store-head.flex .img { width: 30.66vw;  }
article.store-art .store-head.flex .img .in-img { padding-top: 66.45%; border-radius: 10px; }
article.store-art .store-head.flex .store-tit { font-size: 4.26vw; font-weight: 700; color: #4E2500; width: calc(100% - 34.66vw);}
article.store-art .store-head.flex .store-tit a { text-decoration: underline;font-size: 4.26vw; font-weight: 700; color: #4E2500; }
article.store-art .store-head.flex .store-tit.blank a{padding-right: 4.53vw;background-size: 2.66vw;}
article.store-art:last-child { margin-bottom: 0; }

.blank a { display: inline-block; background: url("../img/common/ico-blank01.svg") no-repeat right center; padding-right: 28px; }

.store-data.flex { justify-content: space-between; }
.store-data.flex > div { width:100%; padding: 7px 0; border-bottom: dashed 1px #DBD4CD; display: flex; flex-wrap: wrap; align-items: center; }
.store-data.flex > div .th { width: 85px; font-weight: 700; }
.store-data.flex > div .td { width: calc(100% - 85px); }
.store-data.flex > div:last-child{ border-bottom: none; padding-bottom: 0; }
.store-data.flex > div.data-address { width: 100%; padding-bottom: 20px; display: block; }
.store-data.flex > div.data-address > span { margin-right: 15px;display: inline-block;}
.store-data.flex > div.data-address > span:nth-child(2),
.store-data.flex > div.data-address > span:last-child { margin-right: 0; }

.map-link { display: block; }
.map-link a { font-size: 15px; color: #7D4A1C; text-decoration: none;border: solid 1px; border-radius: 20px; display: inline-block; padding: 0 13px; line-height: 26px; }
.map-link a > span { background: url("../img/common/ico-map01.svg") no-repeat left center; padding-left: 15px; }

.store-cont02 {padding: 40px 25px 50px;background: #F8F2E5;border-radius: 40px;position: relative;}
.store-cont02 .ilu09 {position: absolute;right: 0;top: -30px;width: 110px;}
.store-cont02 .btn01 { margin-top: 30px; }

h2.titles01.top-tit03 > span { position: relative; display: inline-block; }
h2.titles01.top-tit03 > span:before {content: "";background: url(../img/common/tit-ico03.svg) no-repeat;width: 28px;
height: 50px;position: absolute;left: -35px;top: 7px;background-size: contain;}
h2.titles01.top-tit03 > span:after {content: "";background: url(../img/common/tit-ico04.svg) no-repeat;width: 24px;height: 48px;position: absolute;right: -40px;top: 8px;background-size: contain;}

.store-list02 { margin-top: 30px; }

.TBL02 { background: #fff; }
.TBL02 th, .TBL02 td { box-sizing: border-box; padding: 20px; vertical-align: middle; }
.TBL02 thead{ display: none; }
.TBL02 thead th { color: #fff; background: #4E2500; border-right: dashed 1px #fff; }
.TBL02 thead th:last-child { border-right: none; }
.TBL02 tbody tr:first-child td { padding-top: 20px; }
.TBL02 tbody tr:last-child td { padding-bottom: 20px; }
.TBL02 tbody td { border-bottom: dashed 1px #DBD4CD; }
.TBL02 tbody tr:last-child td { border-bottom: none; }
.TBL02 tbody td a { text-decoration: underline; }
.TBL02 tbody td:last-child { border-right: none; }
.TBL02 tbody td.col02,
.TBL02 tbody td.col03{display: none;}
.TBL02 tbody td.col01{display: flex;flex-wrap: wrap;width: 100%;}
.TBL02 tbody td.col01 .st03.sp{width: 100%;margin-top: 10px;}
.TBL02 tbody td.col01 .st01{background: #4E2500;color: #fff;padding: 2px 10px;border-radius: 20px;margin-right: 10px;font-size: 14px;font-weight: 700;}
.TBL02 tbody td.col01 .st02{background:#F2E9D8;color: #4E2500;padding: 2px 10px;border-radius: 20px;font-size: 14px;font-weight: 700;}



section#voice-sec { position: relative; padding:60px 5%; background: #FCF7F3; }
section#voice-sec .ilu10 { position: absolute; top: -68px; right: calc(50% + 283px); }
section#voice-sec .ilu11 { position: absolute; top: 0; left: calc(50% + 402px); }
section#voice-sec .ilu12 { position: absolute; bottom: -80px; left: calc(50% + 389px); z-index: 2; }

section#voice-sec:before { content: ""; background: url("../img/top/wave01-sp.png") no-repeat center top; width: 100%; height:6.66vw; position: absolute; left: 0; top: -6.66vw;background-size: cover; }

section#voice-sec:after { content: ""; background: url("../img/top/wave02-sp.png") no-repeat center bottom; width: 100%; height:6.66vw; position: absolute; left: 0; bottom: -6.66vw;background-size: cover;  }

.tri-list01.flex { margin: 30px 0;display: block;}
.tri-list01.flex article.tri-art { padding-bottom: 15px;margin-bottom: 15px;border-bottom:dashed 1px #DBD4CD;}
.tri-list01.flex article.tri-art:last-child { margin-bottom: 0;padding-bottom: 0;border-bottom: none; }

article.tri-art {  }
article.tri-art a { display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
article.tri-art a .img { border-radius: 4vw; overflow: hidden; width: 30.66vw; }
article.tri-art a .img .in-img { padding-top: 65.71%; transition: 0.3s; }
article.tri-art a .cont { width: calc(100% - 33.32vw); }
article.tri-art a .cont > h3 { font-size: 4vw; line-height: 1.5; }

section#eat-sec { padding:calc(60px + 6.66vw) 5%; }

div#recBox { padding:65px 5% 60px ; position: relative; background: #F8F2E5; }
div#recBox .ilu13 { position: absolute; top: -18px; right: calc(50% + 46px);width: 102px; }
div#recBox .ilu14 { position: absolute; top: -45px; left: calc(50% + 64px);width: 73px; }

div#recBox:before {content: ""; background: url("../img/top/wave03-sp.png") no-repeat center top; width: 100%; height:6.66vw; position: absolute; left: 0; top: -6.66vw;background-size: cover; }

.rec-ban a { background: url("../img/top/ban-bg03-sp.png") no-repeat center top; display: block; position: relative; border-radius: 10px; box-shadow: 0 0 40px rgba(47, 47, 47, 0.1); text-decoration: none; padding: 1.33vw 1.33vw 4vw; height: 66.66vw;box-sizing: border-box;background-size: cover;}

.rec-ban a .cont{background: #fff;border-radius: 2.66vw;padding:0.4vw 2.67vw 2.67vw;}

.rec-ban-head {  font-weight: 700; margin-bottom: 1.73vw; text-align: center;font-size: 3.46vw;}
.rec-ban-head > h2 { font-size: 5.33vw; font-weight: 800; }

ul.rec-feats.flex { margin-bottom: 1.33vw;padding: 0.4vw 4vw; border-radius: 2.13vw; background: #F2E9D8;  }
ul.rec-feats.flex > li { font-weight: 700; color: #4E2500;font-size: 3.73vw; line-height: 1.35;}
ul.rec-feats.flex > li:after { content:"/";display: inline-block;}
ul.rec-feats.flex > li:last-child:after { content:none; }
.rec-ban a .text{text-align: center;line-height: 1.35;font-size: 3.73vw;}

/*ページャー*/
div#pager00 { text-align: center; }

div#pager00 .wp-pagenavi { margin-top: 50px; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 5px; text-decoration: none; width: 40px; height: 40px; text-align: center; line-height: 38px; font-size: 16px; font-weight: 700; background: none; border: solid 1px #3D352F; border-radius: 100%; }

.wp-pagenavi a.page { position: relative; }

.wp-pagenavi span.extend { background: none; color: #000; border: none; }

.wp-pagenavi a.previouspostslink { color: transparent; background: url("../img/p06/arrow02.svg") no-repeat center; margin-right: 15px; margin-left: 0; }

.wp-pagenavi a.nextpostslink { color: transparent; background: url("../img/p06/arrow03.svg") no-repeat center; margin-left: 15px; margin-right: 0; }

.wp-pagenavi span.current { color: #fff; background-color: #3D352F; }

.wp-pagenavi a.first { color: transparent; background: url("../img/p06/arrow01.svg") no-repeat center; }

.wp-pagenavi a.last { color: transparent; background: url("../img/p06/arrow04.svg") no-repeat center; }


.wp-pagenavi span.pages { display: none; }

/*詳細*/
.blog-text iframe { max-width: 100%; }

.blog-text div { max-width: 100%; }

.blog-text img[class*="wp-image-"] { margin: 15px 0; }

.blog-text p:first-child img[class*="wp-image-"] { margin-top: 0; }


.blog-text p:first-child img[class*="wp-image-"] { margin-top: 0; }

.blog-text img[class*="wp-image-"] { margin: 10px 0; }


/*ポップアップ*/
div#overlay {position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: -1;opacity: 0;transition: opacity 0.3s;}

div#m-cont {position: fixed;z-index: -1;width: calc(100vw - 10px);top: 5px;background: #fff;padding: 40px 25px;box-sizing: border-box;left: 5px;height: calc(100% - 10px);opacity: 0;transition: opacity 0.3s;border-radius: 20px;overflow: hidden;}
div#m-cont h3.tit01{margin-bottom: 20px;}
div#m-cont .img{margin-top: 20px;}
div#m-cont > .inner {max-height: calc(100vh - 90px);overflow: auto;}
div#m-close{position: absolute;right: 5px;top: 5px;z-index: 2;width: 40px;height: 40px;background: url("../img/top/m-batsu.svg") no-repeat center;background-size: contain;}

div#overlay.on{z-index: 210;opacity: 1;}
div#m-cont.on{opacity: 1;z-index: 215;}

span#m-open {text-decoration: underline;display: inline-block;}

/* 02　こだわり・品質
--------------------------------*/
.bg01 { background: #F8F2E5; }

section#p02Box01 { padding: 40px 0 50vw;}
section#p02Box01 .text01 { text-align: left; padding: 0 5%;}

.p02-feat-list { margin-top: 40vw;}

section.feat-sec { margin-bottom: 80vw; position: relative;}
section.feat-sec > .inner { background-color: #fff; padding: 65vw 5% 0; }
section.feat-sec > .inner .text-box > .text { margin-bottom: 20px; }
section.feat-sec > .inner .text-box > .text:last-child { margin-bottom: 0; }
section.feat-sec > .inner > .img { position: absolute; right: 30px; top: -50px; width: 60vw; }
section.feat-sec > .inner .tit01 { height: auto; margin-bottom: 20px; }
section.feat-sec > .inner .tit01 > span .orange { font-size: 7vw; }
section.feat-sec > .inner .graph { margin-top: 40px;}
section.feat-sec > .inner .ilu01 { position: absolute; left: 40px; bottom: -32vw; width: 23.5vw; z-index: 1; }
section.feat-sec > .inner .ilu02 { position: absolute; right: 100px; bottom: -40vw; width: 32vw; z-index: 1; }
section.feat-sec > .inner .ilu03 { position: absolute; right: 70px; bottom: -38vw; width: 120px; z-index: 1; }
section.feat-sec > .inner .ilu04 { position: absolute; left: 100px; bottom: -37vw; width: 35vw; z-index: 1; }
section.feat-sec > .inner .ilu05 {position: absolute; left: 40px; bottom: -33vw; width: 60vw; z-index: 1; }

h3.feat-tit { position: absolute; top: -25vw; left: 12vw; width: 16vw; }

section.feat-sec:before { content: ""; background: url(../img/p02/wave01-sp.png) no-repeat; width: 100%; height: 24vw; position: absolute; left: 0; top: -24vw; background-size: cover; }
section.feat-sec:after { content: ""; background: url(../img/p02/wave02-sp.png) no-repeat; width: 100%; height: 34vw; position: absolute; left: 0; bottom: -34vw; background-size: cover; }
section.feat-sec:nth-child(2n):before { transform: scaleX(-1); }

section.feat-sec:nth-child(2n) > .inner > .img { left: 12vw; }
section.feat-sec:nth-child(2n) > .inner .tit01 { padding-right: 84px; }
section.feat-sec:nth-child(2n) h3.feat-tit { left: 70vw; }

section.feat-sec:last-child { margin-bottom: 0; }

.subBox { background: #fff; border-radius: 30px; border: solid 5px #F1E7D4; padding: 15px;margin-top: 25px; }
.subBox > .img { width: 100%; }
.subBox > .img img { border-radius: 25px; }
.subBox > .cont { letter-spacing: 0; }
.subBox > .cont > h4 { font-size: 24px; margin: 10px; }

.subBox.subBox02 { box-sizing: border-box; width: 100%; padding: 0 0 0; display: block; position: relative; }
.subBox.subBox02 > h4 { font-weight: 700; color: #fff; font-size: 20px; width: 220px; background: #C4AF86; line-height: 40px; border-radius: 20px; position: absolute; left: 0; right: 0; top: -23px; margin: 0 auto; letter-spacing: 0; text-align: center; }
.subBox.subBox02 .sub-in { display: flex; flex-wrap: wrap; }
.subBox.subBox02 .sub-in > div { box-sizing: border-box; width: 100%; border-top: dashed 1px #C4AF86; padding: 30px 20px; display: flex; flex-wrap: wrap; letter-spacing: 0; }
.subBox.subBox02 .sub-in > div > .img { width: 30%; margin-right: 16px; }
.subBox.subBox02 .sub-in > div > .right { width: 64%; }
.subBox.subBox02 .sub-in > div > .right > h5 { font-size: 17px; font-weight: 700; margin-bottom: 5px; }
.subBox.subBox02 .sub-in > div > .right .text { line-height: 1.5; }
.subBox.subBox02 .sub-in > div:first-child { border-top: none; padding-top: 40px; }
.subBox.subBox02 .sub-in > div:last-child { padding-top: 20px; }

.subBox.subBox03 { position: relative; letter-spacing: 0; display: block; padding: 35px 20px 30px 20px; box-sizing: border-box; width: 100%;}
.subBox.subBox03 > h4 { position: absolute; left: 0; right: 0; margin: 0 auto; top: -20px; text-align: center; color: #fff; background: #E56B00; border-radius: 20px; width: 126px; line-height: 35px; }

ul.check-list > li { margin-bottom: 10px; line-height: 1.625; font-weight: 700; padding-left: 30px; background: url("../img/p02/check.svg") no-repeat left top; background-size: 24px; }
ul.check-list > li:last-child { margin-bottom: 0; }

section#p02Box02 { background: #fff; padding: 60px 5%; }
section#p02Box02 .text01 { text-align: left; }

.tri-list01.tri-list02.flex > div.box { margin-bottom: 40px; }
.tri-list01.tri-list02.flex > div.box .img { margin-bottom: 10px; }
.tri-list01.tri-list02.flex > div.box .tit01 { margin-bottom: 12px; }
.tri-list01.tri-list02.flex > div.box .tit01 > span .orange { font-size: 26px; }
.tri-list01.tri-list02.flex > div.box p.bikou { margin-top: 7px; font-weight: 400; padding-left: 16px; text-indent: -16px; }
.tri-list01.tri-list02.flex > div.box:nth-child(3n) { margin-bottom: 0; }

section#p02Box03 { background: #FCF7F3; padding: 60px 5%; }
section#p02Box03 .ilu06 { position: absolute; top: -50px; left: 20px; width: 180px; }
section#p02Box03 .ilu07 { position: absolute; top: 0; right: 20px; width: 100px; }
section#p02Box03 .p05-ban { margin-top: 100px; }

/* 03　菅野養鶏場について
--------------------------------*/
section#p03Box01 { padding: 40px 5% 80px;}

article.manu-art.flex { margin-bottom: 60px; justify-content: center; }
article.manu-art.flex .img { width: 85%; letter-spacing: 0; text-align: center; margin-bottom: 20px;}
article.manu-art.flex .img .img01 { margin-bottom: 20px; position: relative; z-index: 2; }

article.manu-art.flex:first-child .img:before { content: none; }

article.manu-art.flex:last-child { margin-bottom: 0; flex-direction: row; }
article.manu-art.flex:last-child .img:before { content: none; }

.sub01 { font-size: 22px; font-weight: 700; margin-bottom: 20px; letter-spacing: 0; }

.manu-name { font-size: 18px; }

dl.fav-cook { display: flex; flex-wrap: wrap; justify-content: center; }
dl.fav-cook dt { margin-right: 15px; padding-left: 30px; background: url("../img/p03/ico-cook.svg") no-repeat left center; background-size: 24px; }

section#p03Box02 { padding: 80px 5%; }
section#p03Box02 .ilu07 { position: absolute; top: -60px; right: 7vw; width: 41vw; }

.p03-cont02.flex .left { width: 100%; margin-bottom: 40px; }
.p03-cont02.flex .right { width: 100%; }

.TBL03 tr { border-top: dashed 1px #DBD4CD; }
.TBL03 tr:first-child { border-top: none; }
.TBL03 tr:first-child th, .TBL03 tr:first-child td { padding-top: 0; }
.TBL03 tr:last-child th, .TBL03 tr:last-child td { padding-bottom: 0; }
.TBL03 th, section#p03Box02 .TBL03 td { box-sizing: border-box; padding: 20px 0; vertical-align: top; }
section#p03Box02 .TBL03 th { color: #4E2500; font-size: 16px; font-weight: 700; width: 30%; }

section#p03Box03 { padding: 100px 5% 80px; position: relative; }
section#p03Box03 .ilu08 { position: absolute; top: -10px; right: 10vw; width: 17.6vw; z-index: 2; }

.p03-cont03.flex > div { width: 100%; margin-bottom: 40px; }
.p03-cont03.flex > div p.bikou { font-weight: 400; }

.sub02 { font-size: 18px; font-weight: 700; color: #4E2500; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #DBD4CD; letter-spacing: 0; }

.p03map { height: 100vw; width: 100%; }
.p03map iframe { width: 100%; height: 100%; }

.p03-cont03-2 { margin-top: 60px; }
.p03-cont03-2 .sub02 { margin-bottom: 30px; }

.p03-list01.flex > div { width: 100%; margin-bottom: 40px; }
.p03-list01.flex > div h4 { letter-spacing: 0; font-size: 18px; color: #4E2500; }
.p03-list01.flex > div .img { margin-bottom: 5px; }
.p03-list01.flex > div .text01 { text-align: left; }
.p03-list01.flex > div:last-child { margin-right: 0; }

section#p03Box04 { padding: 80px 5%; }
section#p03Box04 .ilu08 { position: absolute; top: -30px; left: 14vw; width: 14.6vw; transform: scaleX(-1);}

article.rec-art { padding: 40px 10%; background: #fff; border-radius: 40px; letter-spacing: 0; }

.rec-imgs.flex { justify-content: space-between; margin-bottom: 20px; margin-top: -23px; }
.rec-imgs.flex > div { width: 100%; margin-top: 15px; }
.rec-imgs.flex > div .in-img{ padding-top: 70.36%;border-radius: 4vw; }

.rec-head.flex { margin-bottom:25px; align-items: center; }
.rec-head.flex .rec-status { background: #F2E9D8; padding: 0 10px; font-size: 15px; font-weight: 700; line-height: 28px; border-radius: 20px; margin-bottom: 10px; }
.rec-head.flex h3.rec-tit { font-size: 20px; font-weight: 700; color: #4E2500; }

section#p03Box04 .TBL03 tr:first-child th, section#p03Box04 .TBL03 tr:first-child td { padding-top: 0;
}
section#p03Box04 .TBL03 th { display: block; padding: 20px 0 0 0; color: #4E2500;}
section#p03Box04 .TBL03 td { display: block; padding: 0 0 20px 0; }

.p03-cont04 { margin-bottom: 40px; }

/* 04　オンラインストア
--------------------------------*/
div#p04Box01 { padding: 40px 5% calc(60px + 6.66vw); }

div.itemlist { }
div.itemlist article.itemBox01 { width: 100%;margin-bottom: 45px;}
div.itemlist article.itemBox01:last-child { margin-bottom: 0;}

section#p04Box02 { padding:60px 5%; }
section#p04Box02 .titles01 {}

section#p04Box03 { padding: calc(60px + 6.66vw) 5% 60px; }

.faqBox { margin-bottom: 15px; }

.faqBox .q-text { margin-bottom: 10px; padding: 1px; border-radius: 8px; background-color: #7D4A1C; color: #fff; }

.faqBox .q-text > h3 { position: relative; cursor: pointer; padding: 13px 30px 13px 40px; background: url("../img/p04/ico-open.svg") no-repeat center right 10px;background-size: 14px; }

.faqBox .q-text.on > h3 { background-image: url("../img/p04/ico-close.svg"); }

.faqBox .q-text > h3:before { content: ""; width: 22px; height: 22px; border-radius: 100%; background: url("../img/p04/ico-q.svg") no-repeat center #fff; position: absolute; left: 10px; top: 16px;background-size: contain; }

.faqBox .a-text { position: relative; cursor: pointer; padding: 0 0 0 40px; }

.faqBox .a-text:before { content: ""; width: 22px; height: 22px; border-radius: 100%; background: url("../img/p04/ico-a.svg") no-repeat center #008476; position: absolute; left: 10px; top: 3px;background-size: contain;}

article.faqBox { position: relative; }

article.faqBox:last-child { margin-bottom: 0; }

.a-text { display: none; }
.scroll-hint-text{font-size: 0!important;}
.scroll-hint-text:before{content:"スクロールできます";font-size: 12px!important;}
.scroll-hint-icon{height: 90px!important;width: 150px!important;}

.scrTBL { width: 100%; letter-spacing: 0; }
.scrTBL table { table-layout: fixed; background: #fff;width: 1000px; }
.scrTBL table th, .scrTBL table td { box-sizing: border-box; font-size: 16px; font-weight: 500; }
.scrTBL table th { text-align: center; vertical-align: middle; background: #EEEEEE; padding: 10px; }
.scrTBL table td { padding: 20px; }
.scrTBL table .col01 { width: 103px; }
.scrTBL table thead th { border-right: solid 2px #fff; }
.scrTBL table thead th:last-child { border-right-color: #EEEEEE; }
.scrTBL table tbody th { border-top: solid 2px #fff; border-right: solid 2px #fff; }
.scrTBL table tbody td { border-top: solid 2px #fff; border-right: solid 2px #EEEEEE; }
.scrTBL table tbody tr:last-child th, .scrTBL table tbody tr:last-child td { border-bottom: solid 2px #EEEEEE; }
.scrTBL table tbody td { text-align: center; }
.scrTBL table tbody tr.pr-tr td { border-top-color: #EEEEEE; text-align: right; }
.scrTBL table tbody tr.pr-tr:last-child th { border-top: dashed 1px #fff; }
.scrTBL table tbody tr.pr-tr:last-child td { border-top: dashed 1px #eeeeee; }

.scrTBL.scrTBL01 table{width: 680px; }
.scrTBL.scrTBL01 .col02 { width: 257px; }
.scrTBL.scrTBL01 tbody td { text-align: left; padding: 20px 10px 20px 20px; }

.scrTBL.scrTBL02 tbody td { text-align: center; }
.scrTBL.scrTBL02 tbody tr:first-child th { border-top-color: #eeeeee; padding-bottom: 23px; }

.TBL-list { margin-top: 30px; }
.TBL-list > div { margin-bottom: 50px; }
.TBL-list > div:last-child { margin-bottom: 0; }

.tel-guide.flex { align-items: center; margin-top: 25px;display: block;}
.tel-guide.flex .tel-set { margin-bottom: 20px; }
.tel-guide.flex .tel-set .tel-bh {width: 250px;text-align: left;padding-left: 20px;margin-left: auto;margin-right: auto; }

.tel-guide.flex .tel-num a { font-size: 35px; }
.tel-guide.flex .tel-num a span {padding-left: 20px;background-size: 18px;line-height: 40px;background-position: left top 7px;}
.tel-guide.flex .tel-num.fax-num a span {padding-left: 30px;background-size: 22px;}


.tel-guide.flex .text { width: 100%; }
.tel-guide.flex .text p:last-child { padding-left: 16px; }

.tel-guide.fax-guide.flex { align-items: center;display: block; }
.tel-guide.fax-guide.flex .tel-set { margin-bottom: 20px; }
.tel-guide.fax-guide.flex .btn01.dl-btn { margin: 0; }

.guide-imgs.flex { margin-top: 15px; }
.guide-imgs.flex > div { width: 100%;margin-bottom: 10px; }
.guide-imgs.flex > div:last-child {margin-bottom: 0; }

.tab-head.flex { justify-content: space-between;display: none; }

.tab-btn { width: 152px; height: 80px; display: table; }
.tab-btn label { display: table-cell; cursor: pointer; transition: 0.3s; border: solid 1px #7D4A1C; border-bottom: none; border-radius: 15px 15px 0 0; background: #7D4A1C; color: #fff; text-align: center; vertical-align: middle; font-weight: 700; }

/*タブ*/
div#tabArea01 input[type="radio"] { display: none; }

 div#tabArea01 input#tab1:checked ~ .tab-head.flex .tab-btn1 label, div#tabArea01 input#tab2:checked ~ .tab-head.flex .tab-btn2 label, div#tabArea01 input#tab3:checked ~ .tab-head.flex .tab-btn3 label, div#tabArea01 input#tab4:checked ~ .tab-head.flex .tab-btn4 label, div#tabArea01 input#tab5:checked ~ .tab-head.flex .tab-btn5 label, div#tabArea01 input#tab6:checked ~ .tab-head.flex .tab-btn6 label, div#tabArea01 input#tab7:checked ~ .tab-head.flex .tab-btn7 label, div#tabArea01 input#tab8:checked ~ .tab-head.flex .tab-btn8 label, div#tabArea01 input#tab9:checked ~ .tab-head.flex .tab-btn9 label, div#tabArea01 input#tab10:checked ~ .tab-head.flex .tab-btn10 label, div#tabArea01 input#tab11:checked ~ .tab-head.flex .tab-btn11 label, div#tabArea01 input#tab12:checked ~ .tab-head.flex .tab-btn12 label { background: #fff; color: #7D4A1C; }

/*選択されていないタブのコンテンツ非表示*/
/*
.recBox { box-sizing: border-box; height: 0; opacity: 0; -webkit-transition: opacity 600ms; transition: opacity 600ms; overflow-y: hidden; }
*/
/*選択されたタブのコンテンツ表示*/
/*
#tab1:checked ~ .recBox1 { height: auto; opacity: 1; overflow: initial; }

#tab2:checked ~ .recBox2 { height: auto; opacity: 1; overflow: initial; }

#tab3:checked ~ .recBox3 { height: auto; opacity: 1; overflow: initial; }

#tab4:checked ~ .recBox4 { height: auto; opacity: 1; overflow: initial; }

#tab5:checked ~ .recBox5 { height: auto; opacity: 1; overflow: initial; }

#tab6:checked ~ .recBox6 { height: auto; opacity: 1; overflow: initial; }

#tab7:checked ~ .recBox7 { height: auto; opacity: 1; overflow: initial; }

#tab8:checked ~ .recBox8 { height: auto; opacity: 1; overflow: initial; }

#tab9:checked ~ .recBox9 { height: auto; opacity: 1; overflow: initial; }

#tab10:checked ~ .recBox10 { height: auto; opacity: 1; overflow: initial; }

#tab11:checked ~ .recBox11 { height: auto; opacity: 1; overflow: initial; }

#tab12:checked ~ .recBox12 { height: auto; opacity: 1; overflow: initial; }
*/
.recBox > div { padding: 25px 20px; background: #fff; border: solid 1px #7D4A1C; border-radius: 0 0 30px 30px; border-top: none; }

article.guide-art { margin-bottom: 30px; letter-spacing: 0; }

article.guide-art:last-child { margin-bottom: 0; }

.recBox{display: none; }
.sp-acd-tit{position: relative;cursor: pointer;padding: 13px 30px 13px 20px;background: url(../img/p04/ico-open.svg) no-repeat center right 10px #7D4A1C;background-size: 14px;border-radius: 8px;font-weight: 700;color: #fff;margin-top: 10px;}

.sp-acd-tit.on{border-radius: 8px 8px 0 0 ;background-image: url(../img/p04/ico-close.svg);margin-bottom: 0;}

/*タブ設定終わり*/
div#p04sBox01 { padding: 40px 5% calc(60px + 6.66vw) }

.item-single-cont.flex { display: block;}
.item-single-cont.flex > .img {margin-bottom: 30px;}
.item-single-cont.flex > .cont { }

.item-mains { margin-bottom: 20px !important; }

.item-mains button.slick-arrow { opacity: 1; z-index: 2; transition: 0.3s; width: 32px; height: 61px; box-sizing: border-box; display: none !important; }

.item-mains button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center; left: 20px; }

.item-mains button.slick-next.slick-arrow { background: url("../img/common/slide-arrow02.svg") no-repeat center; right: 20px; }

.item-mains button.slick-arrow:before { content: none; }

.item-thumbs { margin-bottom: 0 !important; margin-top: 10px; }

.item-thumbs .item-thumb { width: calc(30vw - 4px); margin-right: 6px; margin-top: 6px; }

.item-thumbs .item-thumb .item-img { padding-top: 66.66%; position: relative; cursor: pointer; }

.item-thumbs .item-thumb .item-img:before { content: ""; width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; z-index: 2; transition: 0.3s; opacity: 0; }

.item-thumbs .item-thumb.slick-current .item-img:before { opacity: 0.5; }

.item-thumbs .item-thumb:nth-child(3n) { margin-right: 0; }

.item-thumbs .slick-track { width: 100% !important; left: 0 !important; }

.item-slide .item-photo { padding-top: 66.66%; }

.d-text { font-weight: 500; }
.d-text .bikou { font-weight: 400; }

.item-cont01 { margin: 20px 0 25px; padding-top: 20px; border-top: dashed 1px #EBE5DC; }

h1.item-single-name { font-size: 18px; }

.items-price { font-size: 30px; line-height: 1.5; }
.items-price em.tax { font-size: 16px; font-weight: 500; }

.item-datas { background: #F8F2E5; padding: 22px 20px; border-radius: 15px; letter-spacing: 0; }
.item-datas table.item_option th, .item-datas table.item_option td { font-weight: 500; font-size: 16px; padding-bottom: 20px; }
.item-datas table.item_option th .iopt_radio_label, .item-datas table.item_option td .iopt_radio_label { margin-right: 25px; cursor: pointer; }
.item-datas table.item_option th .iopt_radio_label:last-child, .item-datas table.item_option td .iopt_radio_label:last-child { margin-right: 0; }
.item-datas table.item_option th { width: 65px; }
.item-datas table.item_option input.iopt_radio { margin-right: 10px; transform: scale(1.5); }

.item-num-box { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; }
.item-num-box .left { font-weight: 700; margin-right: 15px; }
.item-num-box .bikou { font-size: 14px; font-weight: 400;display: none; }

input.skuquantity { width: 80px; height: 40px; border-radius: 5px; box-sizing: border-box; text-align: center; font-size: 16px; border: solid 1px #CCCCCC; font-weight: 500; }

.item-submit input.skubutton { height: 60px; width: 100%; padding-left: 30px; background-image: url("../img/common/ico-cart03.svg"); background-size: 22px; background-position: center left calc(50% - 68px); background-repeat: no-repeat; background-color: #F27405; border-radius: 35px; border: solid 1px #F27405; color: #fff; transition: 0.3s; font-weight: 700; font-size: 16px; }


.itemTBL01 { margin-top: 60px; }
.itemTBL01 th, .itemTBL01 td { box-sizing: border-box; vertical-align: top; padding: 15px 10px; }
.itemTBL01 th { width: 100px; background: #EEEEEE; border-bottom: solid 1px #fff; }
.itemTBL01 td { border: solid 1px #EEEEEE; }
.itemTBL01 tr:last-child th { border-bottom-color: #EEEEEE; }

.hassou-cont { background: #F8F2E5; padding: 40px 25px; border-radius: 40px; margin-top: 50px; }
.hassou-cont .tri-list01.tri-list02.flex { margin-top: 30px; margin-bottom: 0; }
.hassou-cont .tri-list01.tri-list02.flex > div.box {}

div#p04sBox02 { padding: 60px 5%; }
div#p04sBox02 .ilu06 { position: absolute; top: -68px; right: calc(50% + 282px); }
div#p04sBox02 .ilu01 { position: absolute; bottom: -83px; left: calc(50% + 390px); z-index: 2; }

div#other-items { padding: calc(60px + 6.66vw) 5%;overflow: hidden;}
div#other-items h2.titles01 { }
div#other-items .other-list.flex article.itemBox01 {margin-right: 6.66vw;width: 73.33vw;border-radius: 4vw;}
div#other-items .wrap > .btn01 { margin-top: 3px; }

.other-list.flex {
    margin-bottom: 30px!important;
    padding-bottom: 75px;
    position: relative;
}
.other-list.flex .slick-list{overflow: visible;}
.other-list.flex .item-btns.flex > div{height: 11.2vw;}
.other-list.flex .item-btns.flex > div a > span {
font-size: 3.73vw;padding-left: 5.86vw;background-size: 4vw;}

.item-btns.flex .btn02.buy input.skubutton {height: 11.2vw;width: 100%;padding-left: 6.92vw;background-image: url(../img/common/ico-cart03.svg); background-size: 5.06vw;background-position: center left calc(50% - 35px);
background-repeat: no-repeat;background-color: #F27405;border-radius: 10vw;border: solid 1px #F27405;
color: #fff;transition: 0.3s;font-weight: 700;font-size: 3.73vw;
}


div#cartBox.fixed { position: fixed; right: 0; bottom:0; background: #F8F2E5; padding: 15px; border-radius:10px 10px 0 0; z-index: 20; box-shadow: 0 0 40px rgba(47, 47, 47, 0.1); width: 100%; border: solid 1px #DED6C6; border-right: none; box-sizing: border-box;display: flex;flex-wrap: wrap;}
div#cartBox.fixed .d-text { display: none; }
div#cartBox.fixed .item-cont01 { display: none; }
div#cartBox.fixed .item-datas { padding: 0; background: none; margin-top: 0; }
div#cartBox.fixed h1.item-single-name { font-size: 15px;width: 48%; }
div#cartBox.fixed > .exp.clearfix { width: 48%; }
div#cartBox.fixed > form { width:100%;margin-top: 10px; }
div#cartBox.fixed h1.item-single-name br { display: none;}
div#cartBox.fixed .items-price { font-size: 24px; text-align: right; }
div#cartBox.fixed .items-price em.tax { font-size: 13px; }
div#cartBox.fixed .item-datas table.item_option th, div#cartBox.fixed .item-datas table.item_option td { font-size: 14px; padding-bottom: 10px;}
div#cartBox.fixed .item-datas table.item_option input.iopt_radio { margin-right: 5px; transform: scale(1.2); }
div#cartBox.fixed .item-datas table.item_option th .iopt_radio_label, div#cartBox.fixed .item-datas table.item_option td .iopt_radio_label { margin-right: 10px; }
div#cartBox.fixed .item-datas table.item_option th .iopt_radio_label:last-child, div#cartBox.fixed .item-datas table.item_option td .iopt_radio_label:last-child { margin-right: 0; }
div#cartBox.fixed .item-num-box { font-size: 14px; margin-bottom: 25px; position: relative;display: none; }
div#cartBox.fixed .item-num-box:before { content: ""; width: 245px; left: -20px; bottom: -12px; position: absolute; border-top: dashed 1px #CEC5AF; }
div#cartBox.fixed .item-num-box .left { margin-right: 0; margin-left: auto; }
div#cartBox.fixed .item-num-box .bikou { display: none; }
div#cartBox.fixed .item-submit input.skubutton { height: 50px; }
div#cartBox.fixed .op-area{display: none!important;}

.item-count.flex { width: auto; align-items: center; padding-top: 13px; }

.item-count.flex .num-text { display: flex; flex-wrap: wrap; align-items: center; }

.item-count.flex .tit { font-weight: 700; margin-right: 10px; }

.item-count.flex input.skuquantity { width: 36px !important; box-sizing: border-box; height: 30px; border: solid 1px #BBBBBB; padding: 5px; background: #fff; text-align: center !important; color: #222222; font-size: 16px !important; border-radius: 0 !important; border-left: none; border-right: none; }

.item-count.flex input#minus1 { box-sizing: border-box; width: 30px; height: 30px; font-size: 39px; vertical-align: middle; line-height: 20px; border: solid 1px #BBBBBB; background: #EEEEEE; transition: 0.3s; padding-bottom: 10px; color: #EB6300; border-radius: 3px 0 0 3px; }

.item-count.flex input#add1 { box-sizing: border-box; width: 30px; height: 30px; font-size: 27px; vertical-align: middle; line-height: 20px; border: solid 1px #BBBBBB; background: #EEEEEE; transition: 0.3s; color: #EB6300; border-radius: 0 3px 3px 0; margin-right: 8px; }

.item-count.flex input#minus1:hover { opacity: 0.7; }

.item-count.flex input#add1:hover { opacity: 0.7; }



.single.single-post div#footer{padding-bottom: 140px;}

/* 04-2　カート　会員
--------------------------------*/
.item_wc { padding: 40px 5% 60px; }
tr#zipcode_row td,
tr#address1_row td,
tr#address2_row td,
tr#address3_row td,
tr#tel_row td,
tr#fax_row td{color: #dcdcdc!important;}

/*ペイパルボタン*/
div#checkout_paypal_cp {max-width: 750px;margin: 0 auto;}
.send input#back_button{width: calc(100% - 10px);height: 50px;font-size: 16px;font-weight: 500;color: #fff;border: solid 1px #f27405;background: #f27405;margin: 0 5px;transition: 0.3s;display: block;margin: 0 auto;}

/*ペイパルボタン終わり*/


/*カート*/
.cart_navi ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cart_navi ul > li { width: calc(50% - 1px); color: #000; background: #eee; text-align: center; padding: 5px; font-weight: 500; font-size: 16px; box-sizing: border-box;margin-top: 2px; }
.cart_navi ul > li.current { background: #f27405; color: #fff; }

.cart-btns.flex, form#purchase_form .send { justify-content: center; display: flex; flex-wrap: wrap; box-sizing: border-box; width: 100%; }
.cart-btns.flex input[type="button"], .cart-btns.flex input[type="submit"], form#purchase_form .send input[type="button"], form#purchase_form .send input[type="submit"] { width: calc(100% - 10px); height: 50px; font-size: 16px; font-weight: 500; color: #fff; border: solid 1px #f27405; background: #f27405; margin: 5px; transition: 0.3s; }


.upbutton input[type="submit"] { width: 150px; height: 35px; text-align: center; border: solid 1px #f27405; background: #f27405; color: #fff; font-size: 16px; font-weight: 500; transition: 0.3s; }

.item_wc #cart .upbutton { padding-right: 0; margin-bottom: 10px; }

.item_wc div#delivery-info table th, .item_wc div#delivery-info table td, .item_wc div#customer-info table th, .item_wc div#customer-info table td { font-size: 16px; vertical-align: top; padding: 10px; }
.item_wc div#delivery-info table th, .item_wc div#customer-info table th { color: #000; }
.item_wc div#delivery-info table td, .item_wc div#customer-info table td { font-size: 16px; color: #222222; }
.item_wc div#delivery-info table select, .item_wc div#customer-info table select { padding: 0 5px; height: 30px; -webkit-appearance: auto; appearance: auto; background: #fff; }
.item_wc #info-confirm table#confirm_table th, .item_wc #info-confirm table#confirm_table td { font-size: 16px; vertical-align: top; padding: 10px; color: #222222; }
.item_wc #info-confirm table#confirm_table tr.ttl td { background: #f27405; }
.item_wc #info-confirm table#confirm_table tr.ttl td h3 { color: #fff; }
.item_wc #delivery-info .customer_form dt, .item_wc #delivery-info .customer_form dd { color: #222222; }

.send.cart-btns.flex.mb50 { margin-bottom: 50px; }

#customer-info .customer_form input { height: 30px; padding: 0 5px; box-sizing: border-box; }

input#search_zipcode { margin-left: 10px; padding: 0 8px !important; height: 30px; color: #fff; font-weight: 500; background: #f27405; transition: 0.3s; }


tfoot.pc-tfoot {display: none;}
.scrtbl {overflow: auto;}
.scrtbl-inner {width: 900px;}

.send.cart-btns.flex.cart-page01 input:first-child {
    margin-bottom: -25px;
}

/*会員*/
#memberinfo .history-area table{width: 880px;}
div.item_wc #memberinfo .history-area {
    height: auto;
}

#memberpages #memberinfo ul.btns02.flex { justify-content: center; padding: 0; margin-top: 30px; }
#memberpages #memberinfo ul.btns02.flex > li { margin: 5px; width: calc(100% - 10px); }
#memberpages #memberinfo ul.btns02.flex > li a { display: block; text-align: center; text-decoration: none; color: #fff; font-weight: 500; background: #f27405; line-height: 50px; font-size: 16px;}

div.item_wc #delivery-info #delivery_table input { height: 30px; }
div.item_wc #newmember .customer_form input { width: 50%; margin-right: 10px; }
div.item_wc #newmember .customer_form tr#name_row input, div.item_wc #newmember .customer_form tr#furikana_row input { margin-left: 5px; }
div.item_wc #newmember th { width: 220px; }
div.item_wc #memberinfo th, div.item_wc #memberinfo td, div.item_wc #newmember th, div.item_wc #newmember td { padding: 10px; font-size: 16px; font-weight: 500; }
div.item_wc #memberinfo table.memTBL th, div.item_wc #memberinfo table.memTBL td{ display: block;}

/*インプットフィールド長さ*/


div.item_wc div#primary table.customer_form th{display: block;box-sizing: border-box;width: 100%!important;}
div.item_wc div#primary table.customer_form td{display: block;box-sizing: border-box;width: 100%!important; }
div.item_wc div#primary table.customer_form .name_td .member_name{padding-left: 0;}
div.item_wc div#primary table.customer_form td input{border: solid 1px #e6e6e6;font-size: 16px;}

div.item_wc div#customer-info table.customer_form th{display: block;box-sizing: border-box;width: 100%!important;}
div.item_wc div#customer-info table.customer_form td{display: block;box-sizing: border-box;width: 100%!important; }
div.item_wc div#customer-info table.customer_form .name_td .member_name{padding-left: 0;}
div.item_wc div#customer-info table.customer_form td input{border: solid 1px #e6e6e6;font-size: 16px;}

div.item_wc #memberinfo table.customer_form th{display: block;box-sizing: border-box;width: 100%!important;}
div.item_wc #memberinfo table.customer_form td{display: block;box-sizing: border-box;width: 100%!important; }
div.item_wc #memberinfo table.customer_form .name_td .member_name{padding-left: 0;}
div.item_wc #memberinfo table.customer_form td input{border: solid 1px #e6e6e6;font-size: 16px;}


div.item_wc div#primary table.customer_form td input#loginmail{width: 100%!important;}
div.item_wc div#primary table.customer_form td input#name1 ,
div.item_wc div#primary table.customer_form td input#name2 {width: calc(100% - 25px)!important;margin-right: 0!important;}
div.item_wc div#primary table.customer_form td input#name3 ,
div.item_wc div#primary table.customer_form td input#name4 {width: calc(100% - 42px)!important;margin-right: 0!important;}
div.item_wc div#primary table.customer_form td select#member_pref {width: 100%!important;border: solid 1px #e6e6e6;font-size: 16px;height: 30px;box-sizing: border-box;}
div.item_wc div#primary table.customer_form td input#zipcode{width: 100%!important;margin-right: 0!important;margin-bottom: 5px!important;}
div.item_wc div#primary table.customer_form td input#search_zipcode{margin-left: 0!important;}
div.item_wc div#primary table.customer_form td input#address1{width: 100%!important;margin-right: 0!important;}
div.item_wc div#primary table.customer_form td input#address2{width: 100%!important;margin-right: 0!important;}
div.item_wc div#primary table.customer_form td input#address3{width: 100%!important;margin-right: 0!important;}
div.item_wc div#primary table.customer_form td input#tel{width: 100%!important;margin-right: 0!important;}
div.item_wc div#primary table.customer_form td input#fax{width: 100%!important;margin-right: 0!important;}
div.item_wc div#primary table.customer_form td input#mailaddress1{width: 100%!important;margin-right: 0!important;}
div.item_wc div#primary table.customer_form td input#mailaddress2{width: 100%!important;margin-right: 0!important;}
div.item_wc div#primary table.customer_form td input[type="password"]{width: 100%!important;margin-right: 0!important;}


div.item_wc div#customer-info table.customer_form td input#loginmail{width: 100%!important;}
div.item_wc div#customer-info table.customer_form td input#name1 ,
div.item_wc div#customer-info table.customer_form td input#name2 {width: calc(100% - 25px)!important;margin-right: 0!important;}
div.item_wc div#customer-info table.customer_form td input#name3 ,
div.item_wc div#customer-info table.customer_form td input#name4 {width: calc(100% - 42px)!important;margin-right: 0!important;}
div.item_wc div#customer-info table.customer_form td select#customer_pref {width: 100%!important;border: solid 1px #e6e6e6;font-size: 16px;height: 30px;box-sizing: border-box;}
div.item_wc div#customer-info table.customer_form td input#zipcode{width: 100%!important;margin-right: 0!important;margin-bottom: 5px!important;}
div.item_wc div#customer-info table.customer_form td input#search_zipcode{margin-left: 0!important;}
div.item_wc div#customer-info table.customer_form td input#address1{width: 100%!important;margin-right: 0!important;}
div.item_wc div#customer-info table.customer_form td input#address2{width: 100%!important;margin-right: 0!important;}
div.item_wc div#customer-info table.customer_form td input#address3{width: 100%!important;margin-right: 0!important;}
div.item_wc div#customer-info table.customer_form td input#tel{width: 100%!important;margin-right: 0!important;}
div.item_wc div#customer-info table.customer_form td input#fax{width: 100%!important;margin-right: 0!important;}
div.item_wc div#customer-info table.customer_form td input#mailaddress1{width: 100%!important;margin-right: 0!important;}
div.item_wc div#customer-info table.customer_form td input#mailaddress2{width: 100%!important;margin-right: 0!important;}
div.item_wc div#customer-info table.customer_form td input[type="password"]{width: 100%!important;margin-right: 0!important;}



div.item_wc #memberinfo table.customer_form td input#name1 ,
div.item_wc #memberinfo table.customer_form td input#name2 {width: calc(100% - 25px)!important;margin-right: 0!important;}
div.item_wc #memberinfo table.customer_form td input#name3 ,
div.item_wc #memberinfo table.customer_form td input#name4 {width: calc(100% - 42px)!important;margin-right: 0!important;}
div.item_wc #memberinfo table.customer_form td select#member_pref {width: 100%!important;border: solid 1px #e6e6e6;font-size: 16px;height: 30px;box-sizing: border-box;}
div.item_wc #memberinfo table.customer_form td input#zipcode{width: 100%!important;margin-right: 0!important;margin-bottom: 5px!important;}
iv.item_wc #memberinfo table.customer_form td input#search_zipcode{margin-left: 0!important;}
div.item_wc #memberinfo table.customer_form td input#address1{width: 100%!important;margin-right: 0!important;}
div.item_wc #memberinfo table.customer_form td input#address2{width: 100%!important;margin-right: 0!important;}
div.item_wc #memberinfo table.customer_form td input#address3{width: 100%!important;margin-right: 0!important;}
div.item_wc #memberinfo table.customer_form td input#tel{width: 100%!important;margin-right: 0!important;}
div.item_wc #memberinfo table.customer_form td input#fax{width: 100%!important;margin-right: 0!important;}
div.item_wc #memberinfo table.customer_form td input#mailaddress1{width: 100%!important;margin-right: 0!important;}
div.item_wc #memberinfo table.customer_form td input#password1{width: 100%!important;margin-right: 0!important;}
div.item_wc #memberinfo table.customer_form td input#password2{width: 100%!important;margin-right: 0!important;}

/*インプットフィールド長さ終わり*/


div.item_wc #memberinfo td, div.item_wc #newmember td { color: #222; }
div.item_wc #memberinfo h3, div.item_wc #newmember h3 { padding: 10px; font-size: 18px; background: #f27405; }
div.item_wc #memberinfo table.customer_form input, div.item_wc #newmember table.customer_form input { height: 30px; padding: 0 5px; box-sizing: border-box; width: 50%; margin-right: 10px; }
div.item_wc #memberinfo table.customer_form tr#name_row input, div.item_wc #memberinfo table.customer_form tr#furikana_row input, div.item_wc #newmember table.customer_form tr#name_row input, div.item_wc #newmember table.customer_form tr#furikana_row input { margin-left: 5px; }
div.item_wc #memberinfo select, div.item_wc #newmember select { padding: 0 5px; height: 30px; -webkit-appearance: auto; appearance: auto; background: #fff; }
div.item_wc #memberpages div.loginbox { box-sizing: border-box; background: none; border: none; margin-top: 20px; }
div.item_wc #memberpages span.titl { display: inline-block; color: #222; font-size: 16px; width: 140px; font-weight: 500; }
div.item_wc #memberpages span.fol input { width: 100%; height: 30px; padding: 0 5px; box-sizing: border-box; }
div.item_wc #memberpages .loginbox p.forgetmenot { color: #222; font-size: 15px;  }
div.item_wc #memberpages .loginbox p.submit { ; }
div.item_wc #memberpages .loginbox p.submit input#member_login { width: 100%; height: 50px; background: #f27405; border: #f27405; color: #fff; font-weight: 500; font-size: 16px; transition: 0.3s; }
div.item_wc #memberpages .loginbox p.nav {  font-size: 16px; }
div.item_wc #memberpages .loginbox p.nav a { text-decoration: underline; }
div.item_wc .new-entry { margin-top: 50px; }
div.item_wc .new-entry h2 { font-size: 18px; margin-bottom: 20px; }
div.item_wc p.submit.cart-btns.flex { justify-content: flex-start; }
div.item_wc #memberinfo .history-area { height: auto; }

.lp-bikou {  }

#memberpages .loginbox p#nav { font-size: 16px; }
#memberpages .loginbox p#nav a { text-decoration: underline; }

.logbtn { width:100%; margin: 5px 0; }
.logbtn a { text-align: center; color: #fff; font-weight: 500; text-decoration: none; display: block; line-height: 50px; background: #f27405; }

.logbtn:last-child { margin-right: 0; }

#memberpages div.loginbox{width: 100%!important;}




input#member_login{width: 100%;height: 50px;background: #f27405;border: #f27405;color: #fff;font-weight: 500;font-size: 16px;transition: 0.3s;}



/* 05　直売所・味わえる店
--------------------------------*/
section#p05Box01 { padding: 40px 5% calc(60px + 6.66vw); }

.my-map { margin: 30px 0 40px; height:90vw; }
.my-map iframe { width: 100%; height: 100%; }

.wave01 { position: relative; background: #FCF7F3; }

.wave01:before {  content: ""; background: url("../img/top/wave01-sp.png") no-repeat center top; width: 100%; height:6.66vw; position: absolute; left: 0; top: -6.66vw;background-size: cover;}

.wave02 { position: relative; background: #FCF7F3; }

.wave02:after {  content: ""; background: url("../img/top/wave02-sp.png") no-repeat center top; width: 100%; height:6.66vw; position: absolute; left: 0; bottom: -6.66vw;background-size: cover; }

section#p05Box02 { padding: 60px 5%; position: relative; background: #FCF7F3; }
section#p05Box02 .store-list01 {margin-bottom: 0; }
section#p05Box02 .ilu09 { position: absolute; top: -19px; right:5vw;width: 110px; }

.wave04 { position: relative; background: #F8F2E5; }

.wave04:after {  content: ""; background: url("../img/top/wave05-sp.png") no-repeat center top; width: 100%; height:6.66vw; position: absolute; left: 0; bottom: -6.66vw;background-size: cover;}

.my-map.my-map02{margin-bottom: 30px;}
article.store-art.store-art02 { background: #fff; }
article.store-art.store-art02 span.b-cate { display: block; line-height: 28px; margin-bottom: 5px; }
article.store-art.store-art02 span.b-cate > span { display: inline-block; padding: 0 10px; border-radius: 20px; background: #F2E9D8; font-size: 15px; color: #4E2500; font-weight: 700; }

.store-data.flex > div.datas02 { width: 100%; align-items: flex-start;display: block;}
.store-data.flex > div.datas02 .th {width: 100%;}
.store-data.flex > div.datas02 .td {width: 100%; }

/* 06　ブログ
--------------------------------*/
.wrap.twin { display: flex; flex-wrap: wrap;  }

div#two-main { width: 100%; order: 2;}

div#two-side { width:calc(100% - 24px);margin-bottom: 40px;order: 1;margin-left: auto;margin-right: auto;}
.single div#two-side { margin-bottom:0;margin-top: 40px;order: 2; }
.single div#two-main {order: 1;}

ul.blog-side > li { border-radius: 8px; border-top: solid 5px #4E2500; background: #FCF7F3; padding: 20px; margin-bottom: 20px; }
ul.blog-side > li > ul > li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: dashed 1px #DBD4CD; }
ul.blog-side > li > ul > li a { color: #4E2500; font-size: 15px; font-weight: 700; }
ul.blog-side > li > ul > li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
ul.blog-side > li:last-child { margin-bottom: 0; }

div#p06Box01 { padding: 40px 5% 70px; }



article.tri-art {  }
article.tri-art a { display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
article.tri-art a .img { border-radius: 4vw; overflow: hidden; width: 30.66vw; }
article.tri-art a .img .in-img { padding-top: 65.71%; transition: 0.3s; }
article.tri-art a .cont { width: calc(100% - 33.32vw); }
article.tri-art a .cont > h3 { font-size: 4vw; line-height: 1.5; }


article.blog-art { padding-bottom: 25px; margin-bottom: 25px; border-bottom: solid 1px #EBEBEB;letter-spacing: 0; }
article.blog-art a { text-decoration: none; justify-content: space-between; align-items: center; }
article.blog-art a .img { border-radius: 4vw; overflow: hidden; width: 30.66vw;}
article.blog-art a .img .in-img { padding-top: 65.71%; transition: 0.3s; }
article.blog-art a .cont {  width: calc(100% - 33.32vw); }
article.blog-art a .cont > h3 { font-size: 4vw; line-height: 1.5;font-weight: 700; }
article.blog-art a .infos.flex .b-date{order: 2;font-size: 3.46vw;}
article.blog-art a .infos.flex .b-cate{order: 1;font-size: 3.46vw;}
article.blog-art a .infos.flex > div{line-height: 6.66vw;margin-left: 2.13vw;margin-top: 1.33vw;}
article.blog-art a .infos.flex {width: calc(100% + 2.13vw);margin-left: -2.13vw;margin-top: -1.33vw;margin-bottom: 1.33vw;}

article.blog-art:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.infos.flex { margin-top: -10px; margin-bottom: 10px; width: calc(100% + 10px); margin-left: -10px; }
.infos.flex > div { margin: 10px 0 0 10px; line-height: 28px; }
.infos.flex .b-date { font-size: 16px; font-weight: 400; }
.infos.flex .b-cate { font-size: 15px; font-weight: 700; color: #4E2500; border-radius: 16px; background: #F2E9D8; padding: 0 10px; }

h3.blog-tit { font-size: 18px; font-weight: 500; line-height: 1.55; }

/*ページャー*/
div#pager00 { text-align: center; }

div#pager00 .wp-pagenavi { margin-top: 50px; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 5px; text-decoration: none; width: 40px; height: 40px; text-align: center; line-height: 38px; font-size: 18px; font-weight: 700; background: none; border-radius: 100%; color: #7D4A1C; }

.wp-pagenavi a.page { position: relative; }

.wp-pagenavi span.extend { background: none; color: #DCDCDC; border: none; }

.wp-pagenavi a.previouspostslink { color: transparent; background: url("../img/common/slide-arrow01.svg") no-repeat center #7D4A1C; margin-right: 25px; margin-left: 0; background-size: 10px; }

.wp-pagenavi a.nextpostslink { color: transparent; background: url("../img/common/slide-arrow02.svg") no-repeat center #7D4A1C; margin-left: 25px; margin-right: 0; background-size: 10px; }

.wp-pagenavi span.current { color: #DCDCDC; }


.wp-pagenavi span.pages { display: none; }

/*詳細*/
.blog-tit-box { margin-bottom: 15px; }
.blog-tit-box > h1 { font-size: 18px; margin-bottom: 15px; }

.blog-txt iframe { max-width: 100%; }

.blog-txt div { max-width: 100%; }

.blog-txt img[class*="wp-image-"] { margin: 15px 0; }

.blog-txt p:first-child img[class*="wp-image-"] { margin-top: 0; }

.post-navigation ul { justify-content: space-between; align-items: center; margin-top: 50px; }

.post-navigation ul > li { margin-right: 10px !important; }

.post-navigation ul > li a { text-decoration: none; font-weight: 700; width: 120px; line-height: 40px; display: block; text-align: center; box-sizing: border-box; border-radius: 45px; background-color: #7D4A1C; color: #fff; background-repeat: no-repeat; background-position: center; }

.post-navigation ul > li.prev a { width: auto; color: #4E2500; background-color: transparent; }
.post-navigation ul > li.prev a .arrow { display: inline-block; width: 40px; height: 40px; border-radius: 100%; background: url("../img/common/slide-arrow01.svg") no-repeat center #7D4A1C; background-size: 10px; margin-right: 10px; vertical-align: middle; }

.post-navigation ul > li.next a { width: auto; color: #4E2500; background-color: transparent; }
.post-navigation ul > li.next a .arrow { display: inline-block; width: 40px; height: 40px; border-radius: 100%; background: url("../img/common/slide-arrow02.svg") no-repeat center #7D4A1C; background-size: 10px; margin-left: 10px; vertical-align: middle; }

.post-navigation ul > li.blog-back { position: relative; transition: 0.3s; box-sizing: border-box; }

.post-navigation ul > li.blog-back a { display: block; text-decoration: none; text-align: center; font-size: 16px; font-weight: 700; }

.post-navigation ul > li.kara {
    opacity: 0 !important;width: 84px;
}


.post-navigation ul > li:last-child { margin-right: 0; }

.blog-text p:first-child img[class*="wp-image-"] { margin-top: 0; }

.blog-text img[class*="wp-image-"] { margin: 25px 0; }

/* 07　お問い合わせ
--------------------------------*/
div#page-link { position: fixed; left: 0; bottom: 20px; z-index: 20; background: #FCF7F3; padding: 20px 40px 20px 20px; border-radius: 0 10px 10px 0; box-shadow: 0 0 40px rgba(47, 47, 47, 0.1); transition: 0.3s; display: none;}
div#page-link > ul { width: 110px; }
div#page-link > ul > li { margin-bottom: 15px; }
div#page-link > ul > li a { font-weight: 700; color: #4E2500; text-decoration: underline; }
div#page-link > ul > li:last-child { margin-bottom: 0; }

div.pgl-opcl { content: ""; width: 20px; height: 100%; z-index: 1; border-radius: 0 10px 10px 0; position: absolute; right: 0; top: 0; background: url("../img/p07/scr-nav.svg") no-repeat center #7D4A1C; transition: 0.3s; cursor: pointer; }


div#page-link.on > div.pgl-opcl { background-image: url("../img/p07/scr-nav01.svg"); }

div#page-link.on { left: -150px; }

section#p07Box01 { padding:40px 5% calc(60px + 6.66vw); position: relative; }
section#p07Box01 .ilu01 { position: absolute; right: calc(5vw + 36px); bottom: -5px; z-index: 3;width: 55px; }

ul.tel-state > li{margin-bottom: 3px;font-weight: 700;font-size: 14px;border: solid 1px ;width: 78px;height: 25px;text-align: center;line-height: 23px;color: #4E2500;}
ul.tel-state > li:last-child{margin-bottom: 0;}

section#p07Box02 { padding: 60px 5%; }
section#p07Box02 .ilu07 { position: absolute; top: -18px; right: calc(50% + 475px); }
section#p07Box02 .text01{text-align: left;}

section#p07Box03 { padding: calc(60px + 6.66vw) 5% 60px; }
section#p07Box03 .text01{ text-align: left;}
section#p07Box03 .text01 p{ display: inline;}

.p07-cont.flex {margin-top: 30px;background: #F8F2E5;border-radius: 40px;align-items: center;justify-content: center;
box-sizing: border-box;padding: 30px 25px;display: block;}
.p07-cont.flex .telBox {  letter-spacing: 0; margin-bottom: 20px;}
.p07-cont.flex .telBox ul.tel-state {display: flex;flex-wrap: wrap;margin-bottom: 5px;padding-left: 20px;width: 250px;margin-left: auto;margin-right: auto;}
.p07-cont.flex .telBox ul.tel-state > li { margin-right: 5px; }
.p07-cont.flex .telBox .tel-num a { font-size: 35px; }
.p07-cont.flex .telBox .tel-num a span {padding-left: 20px;background-size: 18px;line-height: 40px;background-position: left top 7px;}
.p07-cont.flex .telBox .tel-bh {width: 265px;text-align: left;padding-left: 20px;margin-left: auto;margin-right: auto;}

.fax-cont.flex { margin-top: 30px; justify-content: space-between;display: block;}
.fax-cont.flex > div { width: 100%; background: #F8F2E5;padding: 30px 25px;margin-bottom: 4px;box-sizing: border-box;}
.fax-cont.flex > div:last-child {margin-bottom: 0;}
.fax-cont.flex .telBox {letter-spacing: 0; }
.fax-cont.flex .telBox ul.tel-state { display: flex; flex-wrap: wrap; margin-bottom: 5px; padding-left: 27px; }
.fax-cont.flex .telBox ul.tel-state > li { font-size: 14px; margin-right: 5px; }
.fax-cont.flex .telBox .tel-num a { font-size: 35px; }
.fax-cont.flex .telBox .tel-num a span {padding-left: 27px; background-size: 22px; line-height: 40px;background-position: left top 7px;}
.fax-cont.flex .telBox .tel-bh {width: 250px;text-align: left;padding-left: 20px;margin-left: auto;margin-right: auto;}
.fax-cont.flex > div.left { border-radius: 40px 40px 0 0; }
.fax-cont.flex > div.right { border-radius: 0 0 40px 40px; }

.btn01.dl-btn a > span { background-image: url("../img/p07/ico-dl01.svg"); background-size: auto; }


/*フォーム*/
span.form-bikou{font-weight: 400;font-size: 15px;margin-left: 5px;}
.form-wrap { background: #FFFFFF; padding: 40px 25px 10px; margin-top: 40px; border-radius: 40px; }

::placeholder { color: #C4C6CE; }

.contactTBL th, .contactTBL td { box-sizing: border-box; padding:15px 0; font-size: 16px; vertical-align: middle; display: block; letter-spacing: 0; }

.contactTBL th { line-height: 24px; font-weight: 700; position: relative; padding-bottom: 7px; }

.contactTBL td { padding-top: 0; }

.contactTBL td .midashi { font-weight: 700; margin-bottom: 5px; }

.contactTBL tr.pp-tr td { text-align: center; }

.pp-box { border: solid 1px #DDDDDD; border-radius: 10px; padding: 30px; box-sizing: border-box; height: 140px; font-weight: 400; margin: 15px 0; }
.pp-box > div { overflow: auto; height: 80px; }

span.gaku02, span.sai { display: inline-block; }
span.gaku02 span.wpcf7-form-control-wrap, span.sai span.wpcf7-form-control-wrap { display: inline-block; }

input.wpcf7-text { box-sizing: border-box; padding: 5px 8px; height: 50px; width: 100%; font-size: 16px; font-weight: 500; background: #F5F5F5; border: solid 1px #F5F5F5; border-radius: 8px; }

input.wpcf7-text.gaku02 { width: 80px; margin-right: 20px; }

ul.address-list { padding-top: 3px; }

ul.address-list > li { margin-bottom: 20px; }

ul.address-list > li:last-child { margin-bottom: 0; }

.koumoku span.wpcf7-list-item, .method span.wpcf7-list-item { margin-right: 30px; }

input::-webkit-file-upload-button { background: #000; color: #fff; width: 144px; height: 34px; cursor: pointer; transition: 0.3s; }


select.wpcf7-form-control.wpcf7-select { box-sizing: border-box; padding: 5px 18px; height: 50px; font-size: 16px; font-weight: 400; background: #F5F5F5; border: solid 1px #F5F5F5; border-radius: 8px; -webkit-appearance: auto; appearance: auto; }

span.gaku01 { display: inline-block; margin-right: 30px; }

textarea.wpcf7-form-control.wpcf7-textarea { box-sizing: border-box; padding: 5px 18px; height: 160px; width: 100%; font-size: 16px; font-weight: 400; background: #F5F5F5; border: solid 1px #F5F5F5; border-radius: 8px; }

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date.date01 { width: 170px; height: 46px; padding: 5px 15px; background: #F5F5F5; border: solid 1px #F5F5F5; border-radius: 8px; font-size: 16px; box-sizing: border-box; margin-right: 25px; }

span.wpcf7-list-item { margin-left: 0 !important; margin-right: 10px; }

.form-time span.wpcf7-list-item { width: 100px; }

.sagyou span.wpcf7-list-item, .koumoku span.wpcf7-list-item { margin-right: 30px; }

span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item { display: block; margin-bottom: 10px; }
span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item:last-child { margin-bottom: 0; }

.koumoku span.wpcf7-list-item { display: block; margin-bottom: 5px; }

.koumoku span.wpcf7-list-item:last-child { margin-bottom: 0; }

.hissu { margin-right: 8px; color: #fff; font-weight: 700; display: inline-block; font-size: 14px; background: #F27405; line-height: 24px; padding: 0 10px; border: solid 1px #F27405; border-radius: 20px; }

.nini { margin-right: 8px; color: #F27405; font-weight: 700; display: inline-block; font-size: 14px; background: #fff; line-height: 24px; padding: 0 10px; border: solid 1px #F27405; border-radius: 20px; }

.link01 a { color: #F27405; font-weight: 700; text-decoration: underline; }


.contact-submit.flex { margin-top: 30px; justify-content: center; flex-direction: row-reverse; position: relative; }

.contact-submit.flex > p { width: 100%; margin-top: 30px; text-align: center; }

.form-btn { width: 100%; position: relative; height: 50px; transition: 0.3s; box-sizing: border-box; }

.form-btn input[type="submit"], .form-btn input[type="button"] { transition: 0.3s; border: solid 2px #7D4A1C; font-weight: 700; color: #fff; background: url("../img/common/btn-arrow04.svg") no-repeat center left calc(50% - 50px) #7D4A1C; width: 100%; height: 50px; font-size: 16px; border-radius: 45px; background-size: 20px; padding-left:20px; }

.form-btn.form-btn02 { margin-top: 10px;  }

.form-btn.form-btn02 input[type="submit"], .form-btn.form-btn02 input[type="button"] { color: #7D4A1C; background: #fff; }

.form-btn.form-btn03 { }





.doui-check label { display: inline-block; margin-top: 10px; font-weight: 700; }

.doui-check input[type="checkbox"] { transform: scale(1.8); margin-right: 8px; }

.form-btn.form-btn02:before { content: none; }

.wpcf7-spinner { position: absolute !important; top: -10px !important; }

.contactArea { position: relative; }

ul.contact-state { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 15px; position: relative; width:80%; }

ul.contact-state > li{font-weight: 500;position: relative;padding-top: 28px;text-align: center;min-width: 30px;
z-index: 2;font-size: 14px;}

ul.contact-state > li:before { content: ""; width: 30px; height: 30px; border-radius: 100%; border: solid 1px transparent; background: transparent; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; box-sizing: border-box; }

ul.contact-state > li:after { content: ""; width: 14px; height: 14px; border-radius: 100%; border: solid 1px #DCDCDC; background: #DCDCDC; position: absolute; left: 0; right: 0; top: 8px; margin: 0 auto; box-sizing: border-box; }

ul.contact-state > li.state01:after { background: #F27405; border: solid 1px #F27405; }

ul.contact-state > li.state01:before { background: #fff; border-color: #F27405; }

ul.contact-state:before {content: "";background: #DCDCDC;width: calc(100% - 20px);height: 2px;left: 0;
top: 14px;position: absolute;margin: 0 auto;}

ul.contact-state.contact-state02:after { content: ""; background: #F27405; width: 50%; height: 3px; left: 0; top: 14px; position: absolute; margin: 0 auto; }

ul.contact-state.contact-state02 > li.state02:after { background: #F27405; border: solid 1px #F27405; }

ul.contact-state.contact-state02 > li.state02:before { background: #fff; border-color: #F27405; }

span.hosoku { display: block; }

input#zip01 { width: 92px; margin: 0 10px; }

/*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/
form.wpcf7-form { padding-top: 185px; margin-top: -185px; }

.wpcf7c-conf { background-color: #e8f0fe !important; }

input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #e8f0fe inset !important; box-shadow: 0 0 0px 1000px #e8f0fe inset !important; }


/* 10　特定商取引法に基づく表記
--------------------------------*/
section.tra-sec {  padding-bottom: 30px; }
section.tra-sec h2.pp-title02 {margin-bottom: 10px;}
section.tra-sec > .text {  }

section.tra-sec:last-child { padding-bottom: 0; }


/* 30　サンクスページ・その他
--------------------------------*/
div#p100Box01 { padding:40px 5%; }
div#p100Box01 .btn01 { margin: 50px auto 0;text-align: center;}

.pp-title01 { font-size: 22px; border-bottom: solid 2px; margin-bottom: 25px; padding-bottom: 10px; }

.pp-title02 { font-size: 18px; padding-left: 15px; position: relative; color:#4E2500; }

.pp-title02:before { content: ""; width: 5px; height: 65%; background:#4E2500; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }

.pp-list h3 { margin: 30px 0 20px; }

.pp-list ul { padding-left: 15px; }

.pp-list ul li { position: relative; padding-left: 15px; }

.pp-list ul li:before { content: "・"; position: absolute; left: 0; top: 0; }




/*デバイス幅ごとの調整（必要な幅があれば追加して調整）*/
@media screen and (min-width: 0px) and (max-width: 700px) {
}

@media screen and (min-width: 0px) and (max-width: 480px) {
}

@media screen and (min-width: 0px) and (max-width: 430px) {
	.ft-btns.flex > .btn02 a > span{padding-left: 15px;}
}

@media screen and (min-width: 0px) and (max-width: 410px) {
	.ft-btns.flex > .btn01 a,
	.ft-btns.flex > .btn02 a{font-size: 14px;}
}
@media screen and (min-width: 0px) and (max-width: 385px) {
	div.fnav04 ul.fs > li{width: auto;}
}
@media screen and (min-width: 0px) and (max-width: 370px){
	.ft-btns.flex > .btn01 a,
	.ft-btns.flex > .btn02 a{font-size: 12px;}
	
}