@charset "UTF-8";
/* 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.cont01.anima-t.anima { animation: shu 0.3s linear 0.2s 1 forwards; }
.top-cont01.anima-t.anima .top-conts.flex > div.cont02.anima-t.anima { animation: shu 0.3s linear 0.4s 1 forwards; }
.top-cont01.anima-t.anima .top-conts.flex > div.cont03.anima-t.anima { animation: shu 0.3s linear 0.6s 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:first-child { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox02.anima-t.anima .store-features.flex .box.anima-t:nth-child(2) { animation: shu 0.3s linear 0.3s 1 forwards; }
section#topBox02.anima-t.anima .store-features.flex .box.anima-t:nth-child(3) { animation: shu 0.3s linear 0.4s 1 forwards; }
section#topBox02.anima-t.anima .store-features.flex .box.anima-t:nth-child(4) { animation: shu 0.3s linear 0.5s 1 forwards; }
section#topBox02.anima-t.anima article.itemBox01.anima-t.anima:first-child { animation: shu 0.3s linear 0.2s 1 forwards; }
section#topBox02.anima-t.anima article.itemBox01.anima-t.anima:nth-child(2) { animation: shu 0.3s linear 0.3s 1 forwards; }
section#topBox02.anima-t.anima article.itemBox01.anima-t.anima:nth-child(3) { animation: shu 0.3s linear 0.4s 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 article.tri-art.anima-t.anima:nth-child(2) { animation: shu 0.3s linear 0.3s 1 forwards; }
section#voice-sec.anima-t.anima article.tri-art.anima-t.anima:nth-child(3) { animation: shu 0.3s linear 0.4s 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 article.tri-art.anima-t.anima:nth-child(2) { animation: shu 0.3s linear 0.3s 1 forwards; }
section#eat-sec.anima-t.anima article.tri-art.anima-t.anima:nth-child(3) { animation: shu 0.3s linear 0.4s 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: 60px 0 135px; }

div.news-area { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

h2#news-tit { font-weight: 800; color: #4E2500; font-size: 24px; }

.top-news-list { width: calc(100% - 135px); }

article.news-art { display: flex; flex-wrap: wrap; align-items: center; letter-spacing: 0; }
article.news-art .news-date { font-size: 15px; font-weight: 400; color: #505050; width: 95px; }
article.news-art > h3 { width: calc(100% - 95px); }
article.news-art > h3 a { text-decoration: underline; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
article.news-art > h3 a:hover { text-decoration: none; }

section#topBox01 { padding: 1px 0 230px; }

.top-cont01 { background: #F8F2E5; border-radius: 200px; position: relative; padding: 20px 120px 100px; width: 1100px; margin-left: -120px; }
.top-cont01 .ilu01 { position: absolute; left: 208px; top: -41px; }
.top-cont01 .ilu02 { position: absolute; right: 120px; top: -31px; }
.top-cont01 .ilu03 { position: absolute; left: 118px; top: 66px; }
.top-cont01 .text01 { margin-bottom: 18px; position: relative; z-index: 2; }

.top-cont01:before { content: ""; width: 500px; height: 300px; background: #F8F2E5; border-radius: 100%; position: absolute; left: 0; right: 0; top: -71px; 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: 40px; height: 60px; position: absolute; left: -70px; bottom: 0; }
.titles01.top-tit01 > span:after { content: ""; background: url("../img/common/tit-ico02.svg") no-repeat; width: 40px; height: 60px; position: absolute; right: -70px; bottom: 0; }

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

.top-conts.flex { justify-content: space-between; margin-bottom: 60px; }
.top-conts.flex > div { width: 338px; }
.top-conts.flex > div h3.tit01 { margin: 18px 0; }

.tit01 { width: 100%; display: table; height: 72px; }
.tit01 > span { display: table-cell; text-align: center; vertical-align: middle; font-weight: 700; font-size: 24px; line-height: 1.5; }
.tit01 > span .orange { font-weight: 800; font-size: 28px; }

.top-cont01-2 { position: relative; height: 600px; background: url("../img/top/top-bg01.svg") no-repeat center bottom; box-sizing: border-box; padding: 100px 60px 50px 100px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 70px; }
.top-cont01-2 .ilu04 { position: absolute; right: 0; top: -70px; }
.top-cont01-2 .ilu05 { position: absolute; left: -30px; top: -90px; }
.top-cont01-2 > .cont { width: 450px; text-align: center; padding-top: 47px; }
.top-cont01-2 > .cont .tit01 { margin-bottom: 20px; }

.top-cont01-2:before { content: ""; background: url("../img/top/yure01.svg") no-repeat center; width: 45px; height: 39px; position: absolute; left: -13px; bottom: 0; }

.top-cont01-2:after { content: ""; background: url("../img/top/yure02.svg") no-repeat center; width: 46px; height: 41px; position: absolute; right: 60px; top: 65px; }

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

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

section#topBox02 { position: relative; padding: 120px 0; background: #FCF7F3; }
section#topBox02 .ilu06 { position: absolute; top: -12px; z-index: 2; right: calc(50% + 347px); }
section#topBox02 .ilu07 { position: absolute; top: 0; z-index: 2; left: calc(50% + 462px); }

.store-features.flex { justify-content: center; margin: 80px 0; }
.store-features.flex .box { text-align: center; border-radius: 25px; background: #F3E9E0; padding: 1px 10px 30px; margin-right: 15px; box-sizing: border-box; width: 220px; }
.store-features.flex .box .ico { text-align: center; margin: -41px auto -25px; }
.store-features.flex .box .tit01 { font-size: 20px; }
.store-features.flex .box .tit01 .orange { font-size: 24px; }
.store-features.flex .box:last-child { margin-right: 0; }

.ranks.flex { margin-bottom: 60px; }
.ranks.flex article.itemBox01 { margin-right: 40px; }
.ranks.flex article.itemBox01:nth-child(3n) { margin-right: 0; }

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

.item-btns.flex { margin-top: 20px; justify-content: space-between; }
.item-btns.flex > div { width: calc(50% - 5px); height: 50px; }
.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 { display: block; }
.item-btns.flex .btn02.buy input.skubutton { height: 50px; width: 100%; padding-left: 30px; background-image: url("../img/common/ico-cart03.svg"); background-size: 22px; background-position: center left calc(50% - 35px); background-repeat: no-repeat; background-color: #F27405; border-radius: 25px; border: solid 1px #F27405; color: #fff; transition: 0.3s; font-weight: 700; font-size: 16px; }
.item-btns.flex .btn02.buy input.skubutton:hover { background-image: url("../img/common/ico-cart04.svg"); color: #F27405; background-color: #fff; }
.item-btns.flex .btn02.buy a > span { padding-left: 30px; background-image: url("../img/common/ico-cart03.svg"); background-size: 22px; }
.item-btns.flex .btn02.buy a:hover > span { background-image: url("../img/common/ico-cart04.svg"); }

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.55; }
.TBL01 th { font-weight: 700; width: 70px; }
.TBL01 td .orange { font-weight: 800; font-family: 'rub'; font-size: 24px; }

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

section#topBox03 { padding: 200px 0; position: relative; }
section#topBox03 .ilu08 { position: absolute; top: -20px; z-index: 8; left: calc(50% + 350px); }

.tit-head.flex { margin-bottom: 60px; }
.tit-head.flex .titles01 { text-align: left; width: 225px; margin-bottom: 0; }
.tit-head.flex .text-box { width: calc(100% - 225px); }

.store-list01 { position: relative; margin-bottom: 100px; }

.store-list01:before { content: ""; background: url("../img/top/footprint01.svg") no-repeat; width: 494px; height: 432px; position: absolute; right: -399px; top: -314px; }

.store-list01:after { content: ""; background: url("../img/top/footprint02.svg") no-repeat; width: 458px; height: 475px; position: absolute; left: -427px; bottom: -317px; }

article.store-art { position: relative; z-index: 2; margin-bottom: 20px; background: #F8F2E5; border-radius: 30px; padding: 30px 30px 30px 370px; box-sizing: border-box; min-height: 266px; letter-spacing: 0; line-height: 1.55; }
article.store-art .store-head.flex { margin-bottom: 5px; }
article.store-art .store-head.flex .img { width: 310px; position: absolute; left: 30px; top: 30px; }
article.store-art .store-head.flex .img .in-img { padding-top: 66.45%; border-radius: 20px; }
article.store-art .store-head.flex .store-tit { font-size: 26px; font-weight: 700; color: #4E2500; }
article.store-art .store-head.flex .store-tit a { text-decoration: underline; font-size: 26px; font-weight: 700; color: #4E2500; }
article.store-art .store-head.flex .store-tit a:hover { color: #F27405; }

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; }
.blank a:hover { background-image: url("../img/common/ico-blank02.svg"); }

.store-data.flex { justify-content: space-between; }
.store-data.flex > div { width: calc(50% - 15px); padding: 15px 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:nth-child(4), .store-data.flex > div:nth-child(5) { 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; }
.store-data.flex > div.data-address > span:last-child { margin-right: 0; }

.map-link { display: inline-block; }
.map-link a { font-size: 15px; color: #7D4A1C; text-decoration: none; display: inline-block; 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; }
.map-link a:hover { opacity: 0.7; }

.store-cont02 { padding: 80px 150px 100px; width: 1100px; background: #F8F2E5; border-radius: 200px; margin-left: -150px; position: relative; }
.store-cont02 .ilu09 { position: absolute; right: 90px; top: 12px; }
.store-cont02 .btn01 { margin-top: 40px; }

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: 39px; height: 82px; position: absolute; left: -70px; top: 5px; }
h2.titles01.top-tit03 > span:after { content: ""; background: url("../img/common/tit-ico04.svg") no-repeat; width: 24px; height: 81px; position: absolute; right: -62px; top: 4px; }

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

.TBL02 { background: #fff; }
.TBL02 th, .TBL02 td { box-sizing: border-box; padding: 10px 30px; text-align: center; vertical-align: middle; line-height: 1.55; }
.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-right: dashed 1px #DBD4CD; }
.TBL02 tbody td a { text-decoration: underline; }
.TBL02 tbody td a:hover { color: #F27405; }
.TBL02 tbody td:last-child { border-right: none; text-align: left; }

section#voice-sec { position: relative; padding: 120px 0; 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.png") no-repeat center top; width: 100%; height: 80px; position: absolute; left: 0; top: -80px; }

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

.tri-list01.flex { margin: 60px 0; }
.tri-list01.flex article.tri-art { margin-right: 25px; }
.tri-list01.flex article.tri-art:last-child { margin-right: 0; }

article.tri-art { width: 350px; }
article.tri-art a { display: block; }
article.tri-art a .img { border-radius: 30px; overflow: hidden; margin-bottom: 15px; }
article.tri-art a .img .in-img { padding-top: 65.71%; transition: 0.3s; border-radius: 30px; }
article.tri-art a .cont > h3 { font-size: 18px; line-height: 1.5; }
article.tri-art a:hover .img .in-img { transform: scale(1.05); }

section#eat-sec { padding: 200px 0; }

div#recBox { padding: 120px 0; position: relative; background: #F8F2E5; }
div#recBox .ilu13 { position: absolute; top: -68px; right: calc(50% + 379px); }
div#recBox .ilu14 { position: absolute; top: -118px; left: calc(50% + 462px); }

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

.rec-ban { margin-bottom: 20px; }
.rec-ban a { background: url("../img/top/ban-bg03.png") no-repeat center right #fff; display: block; position: relative; border-radius: 10px; box-shadow: 0 0 40px rgba(47, 47, 47, 0.1); text-decoration: none; padding: 20px 30px; }
.rec-ban a:hover { opacity: 0.7; box-shadow: 0 0 0 rgba(47, 47, 47, 0.1); }

.rec-ban:last-child { margin-bottom: 0; }

.rec-ban-head { display: flex; flex-wrap: wrap; align-items: center; font-weight: 700; margin-bottom: 5px; }
.rec-ban-head > h2 { font-size: 32px; font-weight: 800; }

ul.rec-feats.flex { margin-bottom: 15px; }
ul.rec-feats.flex > li { font-weight: 700; color: #4E2500; padding: 2px 10px; border-radius: 20px; background: #F2E9D8; margin-right: 5px; }
ul.rec-feats.flex > li:last-child { margin-right: 0; }

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

section#p02Box01 { padding: 80px 0 120px; }

.p02-feat-list { margin-top: 80px; }

section.feat-sec { margin-bottom: 100px; position: relative; min-height: 600px; }
section.feat-sec > .inner { position: relative; z-index: 2; padding: 128px 0 0 54px; }
section.feat-sec > .inner .text-box { padding-right: 426px; padding-left: 120px; }
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: 0; top: 128px; }
section.feat-sec > .inner .tit01 { height: auto; margin-bottom: 30px; padding-right: 426px; padding-left: 120px; }
section.feat-sec > .inner .tit01 > span { text-align: left; }
section.feat-sec > .inner .tit01 > span .orange { font-size: 34px; }
section.feat-sec > .inner .graph { margin-top: 95px; padding-left: 22px; }
section.feat-sec > .inner .ilu01 { position: absolute; left: -33px; top: 478px; }
section.feat-sec > .inner .ilu02 { position: absolute; left: 41px; top: 618px; }
section.feat-sec > .inner .ilu03 { position: absolute; left: -166px; top: 495px; }
section.feat-sec > .inner .ilu04 { position: absolute; left: 82px; top: 632px; }
section.feat-sec > .inner .ilu05 { position: absolute; left: -190px; top: 482px; }

h3.feat-tit { position: absolute; top: 128px; left: 54px; }

section.feat-sec:before { content: ""; background: url("../img/p02/bg01.svg") no-repeat; width: 952px; height: 728px; position: absolute; left: -100px; top: 0; }

section.feat-sec:nth-child(2n) > .inner { padding-left: 405px; }
section.feat-sec:nth-child(2n) > .inner .text-box { padding-right: 84px; }
section.feat-sec:nth-child(2n) > .inner > .img { right: auto; top: 128px; left: 0; }
section.feat-sec:nth-child(2n) > .inner .tit01 { padding-right: 84px; }
section.feat-sec:nth-child(2n) h3.feat-tit { left: 405px; }

section.feat-sec:nth-child(2n):before { content: ""; background: url("../img/p02/bg02.svg") no-repeat; width: 952px; height: 728px; position: absolute; left: auto; top: 0; right: -94px; }

section.feat-sec:last-child:before { content: ""; background: url("../img/p02/bg03.svg") no-repeat; width: 830px; height: 599px; position: absolute; left: -50px; }

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

.subBox { background: #fff; border-radius: 30px; border: solid 5px #F1E7D4; padding: 10px 5px 10px 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 60px; margin-left: -12px; }
.subBox > .img { width: 200px; }
.subBox > .img img { border-radius: 25px; }
.subBox > .cont { width: calc(100% - 225px); letter-spacing: 0; }
.subBox > .cont > h4 { font-size: 24px; margin-bottom: 8px; }

.subBox.subBox02 { margin-left: -14px; box-sizing: border-box; width: 1020px; padding: 0 0 0; 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: 50%; border-top: dashed 1px #C4AF86; border-right: dashed 1px #C4AF86; padding: 35px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; letter-spacing: 0; }
.subBox.subBox02 .sub-in > div > .img { width: 100px; }
.subBox.subBox02 .sub-in > div > .right { width: calc(100% - 120px); }
.subBox.subBox02 .sub-in > div > .right > h5 { font-size: 20px; font-weight: 700; margin-bottom: 5px; }
.subBox.subBox02 .sub-in > div:nth-child(2n) { border-right: none; }
.subBox.subBox02 .sub-in > div:first-child, .subBox.subBox02 .sub-in > div:nth-child(2) { border-top: none; padding-bottom: 20px; }
.subBox.subBox02 .sub-in > div:last-child, .subBox.subBox02 .sub-in > div:nth-child(3) { padding-top: 20px; }

.subBox.subBox03 { position: relative; letter-spacing: 0; display: block; padding: 33px 5px 33px 25px; box-sizing: border-box; width: 535px; margin-left: 90px; }
.subBox.subBox03 > h4 { position: absolute; top: -20px; left: 25px; 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: 200px 0; }

.tri-list01.tri-list02.flex > div.box { width: 340px; margin-right: 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-right: 0; }

section#p02Box03 { background: #FCF7F3; padding: 120px 0; }
section#p02Box03 .ilu06 { position: absolute; top: -68px; right: calc(50% + 283px); }
section#p02Box03 .ilu07 { position: absolute; top: 0; left: calc(50% + 402px); }
section#p02Box03 .p05-ban { margin-top: 100px; }

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

article.manu-art.flex { margin-bottom: 60px; justify-content: space-between; flex-direction: row-reverse; }
article.manu-art.flex .img { width: 428px; letter-spacing: 0; position: relative; }
article.manu-art.flex .img .img01 { margin-bottom: 10px; position: relative; z-index: 2; }
article.manu-art.flex .cont { width: 622px; }
article.manu-art.flex .cont .text { line-height: 2; }

article.manu-art.flex:first-child .img:before { content: ""; background: url(../img/top/footprint01.svg) no-repeat; width: 494px; height: 432px; position: absolute; right: -410px; top: -203px; }

article.manu-art.flex:last-child { margin-bottom: 0; flex-direction: row; }
article.manu-art.flex:last-child .img:before { content: ""; background: url(../img/top/footprint01.svg) no-repeat; width: 494px; height: 432px; position: absolute; left: -446px; top: 152px; }

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

.manu-name { font-size: 24px; margin-bottom: 10px; }

dl.fav-cook { display: flex; flex-wrap: wrap; }
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: 120px 0; }
section#p03Box02 .ilu07 { position: absolute; top: -150px; left: calc(50% + 193px); }

.p03-cont02.flex { justify-content: space-between; }
.p03-cont02.flex .left { width: 530px; }
.p03-cont02.flex .right { width: 510px; }

.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, .TBL03 td { box-sizing: border-box; padding: 20px 0; vertical-align: top; line-height: 1.55; }
.TBL03 th { color: #4E2500; font-size: 16px; font-weight: 700; width: 110px; }

section#p03Box03 { padding: 200px 0; position: relative; }
section#p03Box03 .ilu08 { top: -52px; z-index: 2; left: calc(50% + 326px); position: absolute; }

.p03-cont03.flex { margin-bottom: 60px; justify-content: space-between; }
.p03-cont03.flex > div { width: 520px; }
.p03-cont03.flex > div p.bikou { font-weight: 400; margin-top: 6px; }

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

.p03map { height: 550px; 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: 346px; margin-right: 31px; }
.p03-list01.flex > div h4 { letter-spacing: 0; font-size: 18px; color: #4E2500; margin-bottom: 5px; }
.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: 120px 0; }
section#p03Box04 .ilu08 { position: absolute; top: -160px; right: calc(50% + 346px); }

article.rec-art { padding: 45px 50px 50px; background: #fff; border-radius: 40px; letter-spacing: 0; margin-bottom: 40px; }

.rec-imgs.flex { justify-content: space-between; margin-bottom: 40px; margin-top: -28px; }
.rec-imgs.flex > div { width: 486px; margin-top: 28px; }
.rec-imgs.flex > div .in-img { border-radius: 20px; padding-top: 70.37%; border-radius: 20px; }

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

.rec-head.flex { margin-bottom: 30px; 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-right: 15px; }
.rec-head.flex h3.rec-tit { font-size: 26px; font-weight: 700; color: #4E2500; }

.TBL03.recTBL tr:not(.rec-t) th {  }

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

/* 04　オンラインストア
--------------------------------*/
.page-store div#page-link.on { left: -163px; }
.page-store div#page-link > ul { width: 123px; }

div#p04Box01 { padding: 80px 0 200px; }

div.itemlist { margin-top: -60px; }
div.itemlist article.itemBox01 { margin: 60px 40px 0 0; }
div.itemlist article.itemBox01:nth-child(3n) { margin-right: 0; }

section#p04Box02 { padding: 120px 0; }
section#p04Box02 .titles01 { margin-bottom: 70px; }

section#p04Box03 { padding: 200px 0 120px; }

.faqBox { margin-bottom: 40px; }

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

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

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

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

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

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

article.faqBox { position: relative; }

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

.a-text { display: none; }

.scrTBL { width: 100%; letter-spacing: 0; }
.scrTBL table { table-layout: fixed; background: #fff; }
.scrTBL table th, .scrTBL table td { box-sizing: border-box; font-size: 16px; font-weight: 500; line-height: 1.55; }
.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 { 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; }
.tel-guide.flex .tel-set { margin-right: 15px; }
.tel-guide.flex .tel-set .tel-bh { text-align: left; padding-left: 20px; }
.tel-guide.flex .tel-num a { font-size: 40px; }
.tel-guide.flex .tel-num a > span { padding-left: 24px; background-size: 22px; line-height: 35px; }
.tel-guide.flex .tel-num.fax-num a > span { padding-left: 30px; background-size: 25px; }
.tel-guide.flex .text { width: calc(100% - 330px); }
.tel-guide.flex .text p:last-child { padding-left: 16px; }

.tel-guide.fax-guide.flex { align-items: center; }
.tel-guide.fax-guide.flex .tel-set { margin-right: 30px; }
.tel-guide.fax-guide.flex .btn01.dl-btn { width: 360px; height: 60px; margin: 0; }

.guide-imgs.flex { margin-top: 15px; }
.guide-imgs.flex > div { max-width: 485px; margin-right: 30px; margin-top: 30px; }
.guide-imgs.flex > div:nth-child(2n) { margin-right: 0; }

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

.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; }

.tab-btn label:hover, 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: 50px 48px; background: #fff; border: solid 1px #7D4A1C; border-radius: 0 0 40px 40px; border-top: none; }

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

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

/*タブ設定終わり*/
div#p04sBox01 { padding: 80px 0 200px; }

.item-single-cont.flex { justify-content: space-between; }
.item-single-cont.flex > .img { width: 540px; }
.item-single-cont.flex > .cont { width: 500px; }

.item-mains { margin-bottom: 20px !important; max-height: 360px; overflow: hidden; }

.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; max-height: 260px; overflow: hidden; }

.item-thumbs .item-thumb { width: 174px; margin-right: 9px; margin-top: 10px; }

.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 .item-img:hover:before, .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: 24px; }

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

.item-datas { background: #F8F2E5; padding: 30px 40px 40px; border-radius: 20px; 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; }

.item-submit input.skubutton:hover { background-image: url("../img/common/ico-cart04.svg"); color: #F27405; background-color: #fff; }

.itemTBL01 { margin-top: 60px; }
.itemTBL01 th, .itemTBL01 td { box-sizing: border-box; vertical-align: top; padding: 20px 28px; line-height: 1.55; }
.itemTBL01 th { width: 124px; 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: 60px 80px; border-radius: 60px; margin-top: 80px; }
.hassou-cont .tri-list01.tri-list02.flex { margin-top: 45px; margin-bottom: 0; }
.hassou-cont .tri-list01.tri-list02.flex > div.box { width: 280px; margin-right: 50px; }
.hassou-cont .tri-list01.tri-list02.flex > div.box:last-child { margin-right: 0; }

div#p04sBox02 { padding: 120px 0; }
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: 200px 0; }
div#other-items h2.titles01 { margin-bottom: 80px; }
div#other-items .other-list.flex article.itemBox01 { margin-right: 40px; }
div#other-items .other-list.flex article.itemBox01:last-child { margin-right: 0; }
div#other-items .wrap > .btn01 { margin-top: 60px; }

div#cartBox.fixed { position: fixed; right: 0; bottom: 20px; background: #F8F2E5; padding: 20px; border-radius: 20px 0 0 20px; z-index: 20; box-shadow: 0 0 40px rgba(47, 47, 47, 0.1); width: 245px; border: solid 1px #DED6C6; border-right: none; box-sizing: border-box; }
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; }
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; display: block; width: 100%; }
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; }
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; }

.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; }

/* 04-2　カート　会員
--------------------------------*/
.item_wc { padding: 80px 0 120px; }

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: 280px;height: 60px;font-size: 18px;font-weight: 500;color: #fff;border: solid 1px #f27405;background: #f27405;margin: 0 5px;transition: 0.3s;}
.send input#back_button:hover{opacity: 0.7;}
/*ペイパルボタン終わり*/

/*カート*/
.cart_navi ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cart_navi ul > li { width: calc(25% - 1px); color: #000; background: #eee; text-align: center; padding: 5px; font-weight: 500; font-size: 16px; box-sizing: border-box; }
.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: 280px; height: 60px; font-size: 18px; font-weight: 500; color: #fff; border: solid 1px #f27405; background: #f27405; margin: 0 5px; transition: 0.3s; }
.cart-btns.flex input[type="button"]:hover, .cart-btns.flex input[type="submit"]:hover, form#purchase_form .send input[type="button"]:hover, form#purchase_form .send input[type="submit"]:hover { opacity: 0.7; }

.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; }
.upbutton input[type="submit"]:hover { opacity: 0.7; }

.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; border: solid 1px #e6e6e6; }
.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; border: solid 1px #e6e6e6; }

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

input#search_zipcode:hover { opacity: 0.7; }

/*会員*/
#memberpages #memberinfo ul.btns02.flex { justify-content: center; padding: 0; margin-top: 30px; }
#memberpages #memberinfo ul.btns02.flex > li { margin-right: 10px; width: 230px; }
#memberpages #memberinfo ul.btns02.flex > li a { display: block; text-align: center; text-decoration: none; color: #fff; font-weight: 500; background: #f27405; line-height: 60px; font-size: 16px; }
#memberpages #memberinfo ul.btns02.flex > li a:hover { opacity: 0.7; }
#memberpages #memberinfo ul.btns02.flex > li:last-child { margin-right: 0; }

div.item_wc #delivery-info #delivery_table input { height: 30px; border: solid 1px #e6e6e6; }
div.item_wc #newmember .customer_form input { width: 50%; margin-right: 10px; border: solid 1px #e6e6e6; }
div.item_wc #newmember .customer_form tr#name_row input, div.item_wc #newmember .customer_form tr#furikana_row input { margin-left: 5px; border: solid 1px #e6e6e6; }
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 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; border: solid 1px #e6e6e6; }
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; border: solid 1px #e6e6e6; }
div.item_wc #memberinfo select, div.item_wc #newmember select { padding: 0 5px; height: 30px; -webkit-appearance: auto; appearance: auto; background: #fff; border: solid 1px #e6e6e6; }
div.item_wc #memberpages div.loginbox { width: 1100px; 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: 500px; height: 30px; padding: 0 5px; box-sizing: border-box; border: solid 1px #e6e6e6; }
div.item_wc #memberpages .loginbox p.forgetmenot { color: #222; font-size: 15px; padding-left: 140px; }
div.item_wc #memberpages .loginbox p.submit { padding-left: 140px; }
div.item_wc #memberpages .loginbox p.submit input#member_login { width: 300px; height: 50px; background: #f27405; border: #f27405; color: #fff; font-weight: 500; font-size: 16px; transition: 0.3s; }
div.item_wc #memberpages .loginbox p.submit input#member_login:hover { opacity: 0.7; }
div.item_wc #memberpages .loginbox p.nav { padding-left: 140px; font-size: 16px; }
div.item_wc #memberpages .loginbox p.nav a { text-decoration: underline; }
div.item_wc #memberpages .loginbox p.nav a:hover { text-decoration: none; }
div.item_wc .new-entry { padding-left: 140px; 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; }

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

input#member_login:hover { opacity: 0.7; }

.lp-bikou { padding-left: 140px; }

#memberpages .loginbox p#nav { padding-left: 140px; font-size: 16px; }
#memberpages .loginbox p#nav a { text-decoration: underline; }
#memberpages .loginbox p#nav a:hover { text-decoration: none; }

.logbtn { width: 300px; margin-right: 10px; }
.logbtn a { text-align: center; color: #fff; font-weight: 500; text-decoration: none; display: block; line-height: 50px; background: #f27405; }
.logbtn a:hover { opacity: 0.7; }

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

/* 05　直売所・味わえる店
--------------------------------*/
section#p05Box01 { padding: 80px 0 200px; }

.my-map { margin: 50px 0 80px; height: 400px; }
.my-map iframe { width: 100%; height: 100%; }

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

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

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

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

section#p05Box02 { padding: 120px 0; position: relative; background: #FCF7F3; }
section#p05Box02 .store-list01 { margin-top: 110px; margin-bottom: 0; }
section#p05Box02 .ilu09 { position: absolute; top: -28px; left: calc(50% + 250px); }

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

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

section#p05Box02 { padding: 120px 0; position: relative; background: #FCF7F3; }
section#p05Box02 .store-list01 { margin-top: 110px; margin-bottom: 0; }
section#p05Box02 .ilu09 { position: absolute; top: -28px; left: calc(50% + 250px); }

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; }
.store-data.flex > div.datas02 .th { width: 210px; }
.store-data.flex > div.datas02 .td { width: calc(100% - 210px); }

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

div#two-main { width: 810px; }

div#two-side { width: 230px; }

ul.blog-side > li { border-radius: 8px; border-top: solid 8px #4E2500; background: #FCF7F3; padding: 20px; margin-bottom: 20px; }
ul.blog-side > li > ul > li { padding-bottom: 15px; margin-bottom: 15px; 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 a:hover { color: #F27405; }
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: 80px 0; }

article.blog-art { padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px #EBEBEB; }
article.blog-art a { text-decoration: none; justify-content: space-between; align-items: center; }
article.blog-art a .img { width: 200px; overflow: hidden; border-radius: 20px; }
article.blog-art a .img .in-img { padding-top: 65%; border-radius: 20px; transition: 0.3s; }
article.blog-art a .cont { width: calc(100% - 225px); }
article.blog-art a:hover .img .in-img { transform: scale(1.05); }

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: 100px; }

.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 a:hover, .wp-pagenavi span.current { color: #DCDCDC; }

.wp-pagenavi a.previouspostslink:hover { opacity: 0.7; color: transparent; }

.wp-pagenavi a.nextpostslink:hover { opacity: 0.7; color: transparent; }

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

/*詳細*/
.blog-tit-box { margin-bottom: 15px; }
.blog-tit-box > h1 { font-size: 28px; 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: center; align-items: center; margin-top: 60px; }

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

.post-navigation ul > li a { text-decoration: none; font-weight: 700; width: 160px; 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 a:hover { opacity: 0.7; }

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

.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; }
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.pgl-opcl:hover { opacity: 0.7; }

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

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

section#p07Box01 { padding: 80px 0 200px; position: relative; }
section#p07Box01 .ilu01 { position: absolute; left: calc(50% + 371px); bottom: 70px; z-index: 3; }

section#p07Box02 { padding: 120px 0; }
section#p07Box02 .ilu07 { position: absolute; top: -18px; right: calc(50% + 475px); }

section#p07Box03 { padding: 200px 0 120px; }

.p07-cont.flex { margin-top: 50px; background: #F8F2E5; border-radius: 50px; align-items: center; justify-content: center; box-sizing: border-box; padding: 50px 75px; }
.p07-cont.flex .telBox { margin-right: 40px; letter-spacing: 0; }
.p07-cont.flex .telBox ul.tel-state { display: flex; flex-wrap: wrap; margin-bottom: 5px; padding-left: 30px; }
.p07-cont.flex .telBox ul.tel-state > li { font-size: 16px; margin-right: 5px; }
.p07-cont.flex .telBox .tel-num a { font-size: 54px; }
.p07-cont.flex .telBox .tel-num a span { padding-left: 30px; background-size: 30px; line-height: 48px; }
.p07-cont.flex .telBox .tel-bh { text-align: left; padding-left: 30px; font-size: 18px; }

.fax-cont.flex { margin-top: 55px; justify-content: space-between; }
.fax-cont.flex > div { width: calc(50% - 2px); height: 228px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #F8F2E5; }
.fax-cont.flex .telBox { margin-right: 40px; letter-spacing: 0; }
.fax-cont.flex .telBox ul.tel-state { display: flex; flex-wrap: wrap; margin-bottom: 5px; padding-left: 45px; }
.fax-cont.flex .telBox ul.tel-state > li { font-size: 16px; margin-right: 5px; }
.fax-cont.flex .telBox .tel-num a { font-size: 54px; }
.fax-cont.flex .telBox .tel-num a span { padding-left: 45px; background-size: 36px; line-height: 48px; }
.fax-cont.flex .telBox .tel-bh { text-align: left; padding-left: 45px; font-size: 18px; }
.fax-cont.flex > div.left { border-radius: 50px 0 0 50px; }
.fax-cont.flex > div.right { border-radius: 0 50px 50px 0; }

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

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

/*フォーム*/
span.form-bikou { font-weight: 400; font-size: 15px; margin-left: 8px; }

.form-wrap { background: #FFFFFF; padding: 80px; margin-top: 75px; border-radius: 80px; }

::placeholder { color: #C4C6CE; }

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

.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 18px; 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; }

input::-webkit-file-upload-button:hover { opacity: 0.7; }

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; }

.link01 a:hover { text-decoration: none; }

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

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

.form-btn { width: 420px; position: relative; height: 80px; 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: 80px; font-size: 18px; border-radius: 45px; background-size: 30px; padding-left: 50px; }

.form-btn.form-btn02 { margin-right: 10px; width: 380px; }

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

.form-btn.form-btn03 { width: 380px; }

.form-btn:hover input[type="submit"], .form-btn:hover input[type="button"] { background-color: #fff; background-image: url("../img/common/btn-arrow03.svg"); color: #7D4A1C; }

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

.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 40px; position: relative; width: 538px; }

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

ul.contact-state > li:before { content: ""; width: 44px; height: 44px; 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: 20px; height: 20px; border-radius: 100%; border: solid 1px #DCDCDC; background: #DCDCDC; position: absolute; left: 0; right: 0; top: 13px; 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: 3px; left: 0; top: 20px; position: absolute; margin: 0 auto; }

ul.contact-state.contact-state02:after { content: ""; background: #F27405; width: 50%; height: 3px; left: 0; top: 20px; 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: 120px; 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 { display: flex; flex-wrap: wrap; align-items: flex-start; padding-bottom: 50px; }
section.tra-sec h2.pp-title02 { width: 300px; box-sizing: border-box; margin-bottom: 0; padding-right: 10px; }
section.tra-sec > .text { width: calc(100% - 300px); }

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

/* 30　サンクスページ・その他
--------------------------------*/
div#p100Box01 { padding: 75px 0 100px; }

div#p100Box01 .btn01 { margin: 50px auto 0; text-align: center; }

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

.pp-title02 { font-size: 20px; 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: 60px 0 30px; }

.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; }

/*ブラウザごと
----------------------------------*/
.tokushu div#ftBox01:before { top: -19px; }

.tokushu div#ft-info { width: 270px; }

.tokushu .rec-ban .text { font-size: 13px; }

.tokushu select { border-radius: 0 !important; }

/*デバイス幅
----------------------------------*/
@media screen and (min-width: 0px) and (max-width: 1500px) { div#page-link { display: none; } }