@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:hover {
	color:#F27405;text-decoration: underline;
	
}
a:active {
	color:#222222;text-decoration: underline;
	
}
a {
	outline: none;transition: 0.3s;color:#222222;text-decoration: none;
}

a img{transition: 0.3s;}
a:hover img {opacity:0.7;}


:focus{outline: none;}
/* 共通設定
=========================================== */
html.showPage,
html.showPage body{min-width: 1200px;}
html.showPage body{}
html.showPage body:not(.home){}

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;font-weight: 500;color:#222222;}
select{-webkit-appearance: auto;appearance:auto;}
.wrap{width: 1100px; margin:0 auto;	position:relative;}

table{width:100%;}
img{max-width:100%;height:auto;}

.no-pc{display: inline-block;pointer-events: none;text-decoration: none!important;}

div#f-trigger {opacity: 0;position: absolute;left: 0;top: 90px;z-index: -20;}

/*共通見出し設定*/

.titles01{text-align: center;font-weight: 700;margin-bottom: 30px;color: #4E2500;}
.titles01 > span{display: inline-block;position: relative;}
.titles01 .komoji{line-height: 1.35;display: block;margin-bottom: 5px;font-size: 18px;letter-spacing: 0;}
.titles01 .big{font-size: 36px;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{max-width: 420px;height: 80px;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: 18px;position: relative;border:solid 1px #7D4A1C;}
.btn01 a > span{display: inline-block;padding-left: 50px;background: url("../img/common/btn-arrow04.svg") no-repeat left center;background-size: 30px;transition: 0.1s;line-height: 34px;}
.btn01 a:hover{background-color: #fff;color: #7D4A1C;}
.btn01 a:hover > span{background-image: url("../img/common/btn-arrow03.svg");}

.btn02{max-width: 420px;height: 80px;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: 18px;position: relative;border:solid 1px #F27405;}
.btn02 a > span{display: inline-block;padding-left: 50px;background: url("../img/common/btn-arrow01.svg") no-repeat left center;background-size: 30px;transition: 0.1s;line-height: 34px;}
.btn02 a:hover{background-color: #fff;color: #F27405;}
.btn02 a:hover > span{background-image: url("../img/common/btn-arrow02.svg");}




/*スライダー　ふわっ*/
div.slider01,div.service-gallery{opacity: 0;transition: opacity .3s linear;}
div.slider01.slick-initialized,div.service-gallery.slick-initialized{opacity: 1;}

.service-gallery{height: 400px;}


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

/* header */
/*-------------------------------------------*/

#header {width:100%;z-index:100;height: 93px;letter-spacing: 0;}
#header {position:relative;box-sizing: border-box;left: 0;top:0;z-index: 100;min-width: 1180px;align-items: center;}

a.blank{display: inline-block;padding-right: 30px;background:url("../img/common/ico-blank.svg") no-repeat right 1px top calc(50% + 2px); }

.head-inner.flex{box-sizing: border-box;position: relative;z-index: 3;width: 1100px;margin: 0 auto;align-items: center;justify-content: space-between;height: 93px;}
.head-inner.flex > .left{width: 380px;display: flex;flex-wrap: wrap;align-items: center;}
.head-inner.flex > .btn02{width: 170px;height: 60px;}
.head-inner.flex > .btn02 a > span{padding-left: 28px;font-size: 16px;background-size: 20px;}
.logo{margin-right: 14px;}
.head-text{font-size: 12px;width: 100%;margin-bottom: 10px;}
.address01{font-size: 13px;line-height: 1.53;letter-spacing: 0;}

#header .telBox{min-width: 348px;display: flex;flex-wrap: wrap;align-items: center;}
#header ul.tel-state{margin-right: 10px;}
ul.tel-state > li{margin-bottom: 3px;font-weight: 700;font-size: 15px;border: solid 1px ;width: 70px;height: 30px;text-align: center;line-height: 28px;color: #4E2500;}
ul.tel-state > li:last-child{margin-bottom: 0;}

.cart-maypages {width: 168px;display: flex;flex-wrap: wrap;align-items: center;}
.cart-maypages > div {width:84px;height: 93px;display: table;}
.cart-maypages > div > a{display: table-cell;text-decoration: none;text-align: center;vertical-align:bottom;font-size: 14px;color: #4E2500;font-weight: 700;padding-bottom: 15px;}
.cart-maypages > div > a:hover{color: #F27405;}

.cart-btn01 > a{background: url("../img/common/ico-cart01.svg") no-repeat center top 18px;position: relative;}
.mypage-btn01 > a{background: url("../img/common/ico-mypage.svg") no-repeat center top 18px;}

.cart-btn01 > a:hover{background-image: url("../img/common/ico-cart02.svg");}
.mypage-btn01 > a:hover{background-image: url("../img/common/ico-mypage02.svg");}

.cart-count03 {width: 26px;height: 26px;display: table;position: absolute;right: 10px;top:10px;}
.cart-count03 > span {display: table-cell;text-align: center;vertical-align: middle;color: #fff;font-size: 14px;border-radius: 100%;background: #4E2500;}
.cart-btn01 > a:hover .cart-count03 > span {background: #F27405;}

div#gnav {background: #F8F2E5;position: relative;z-index: 100;letter-spacing: 0;}
div#gnav > ul{justify-content: space-between;align-items: center;height: 44px;width: 1100px;margin: 0 auto;}
div#gnav > ul > li{box-sizing: border-box;text-align: center;position: relative;margin-right: 30px;}
div#gnav > ul > li:last-child{margin-right: 0;}

.home div#gnav > ul > li a{}
div#gnav > ul > li > a,
div#gnav > ul > li .dr-tit{text-decoration: none;color: #4E2500;font-weight: 700;cursor: pointer;}
div#gnav > ul > li > a,
div#gnav > ul > li > .dr-tit{display: block;line-height: 44px;}
div#gnav > ul > li > .dr-tit > span{transition: 0.3s;}
div#gnav > ul > li:hover > .dr-tit > span{color: #F27405;}

div#gnav > ul > li:last-child{background: none;text-align: right;}
div#gnav > ul > li:first-child{text-align: left;}

div#gnav > ul > li a{position: relative;}
div#gnav > ul > li > a:hover{color: #F27405;}
div#gnav > ul > li > a:hover:before{opacity: 1;}
div#gnav > ul > li > a:before{content:"";transition: 0.3s;background: url("../img/common/nav-ico.svg") no-repeat center;width: 35px;height: 24px;position: absolute;left: 0;right: 0;top:-31px;margin: 0 auto;opacity: 0;}

li:hover .dr-tit:before {content: "";position: absolute;left: -100px;top: calc(100% - 1px);height: 61px;width: calc(100% + 200px);}

.dr-tit:after {content: "";border-bottom: solid 16px #F27405;border-left: solid 13px transparent;border-right: solid 13px transparent;width: 0;height: 0;position: absolute;z-index: 2;left: 0;right: 0;top: 100%;margin: 0 auto;opacity: 0;transition: 0.3s;}

li:hover .dr-tit:after{opacity: 1;}



li.drop02 .drop-wrap02 {padding: 0 25px;background: #fff;position: absolute;left:50%;transform: translateX(-50%);top: calc(100% + 16px);
height: 0;overflow: hidden;transition: 0.3s;box-sizing: border-box;width: 190px;border-radius: 10px;}



li.drop02:hover .drop-wrap02{height: auto;padding-top: 25px;padding-bottom: 25px;}


.drop-wrap02 ul li{border-bottom:dashed 1px #EBE5DC;padding-bottom: 15px;margin-bottom: 15px;text-align: left;}
.drop-wrap02 ul li a{display: inline-block;font-size: 16px;font-weight: 700;padding-left:28px;background: url("../img/common/btn-arrow02.svg") no-repeat left center;background-size: 20px;text-decoration: none; }
.drop-wrap02 ul li a:hover{color: #F27405;}
.drop-wrap02 ul li:last-child{border-bottom:none;padding-bottom: 0;margin-bottom: 0;}



/*スクロール追従*/
.fixed div#gnav {width: 1180px;border-radius: 40px;position: fixed;left: 0;right: 0;margin: 0 auto;top: 10px;z-index: 100;}
.fixed div#gnav > ul{height: 80px;}
.fixed div#gnav > ul > li > .dr-tit{line-height: 80px;}

.fixed div#header{margin-bottom: 44px;}

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

div#bread {z-index: 2;position: relative;padding: 5px 0;}
#bread ul li {display: inline-block;font-size:14px;font-weight: 400;color:#333333;}
ul.bread-list li a{font-size:14px;text-decoration:underline;color: #333333;}
ul.bread-list li a:hover{text-decoration:none;}
ul.bread-list li:after{content:"/";margin-left:10px;margin-right: 5px;display: inline-block;position: relative;color: #333333;}
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/main01.jpg") no-repeat center top #fff;height: 720px;}


.mv-text01 {width: 220px;position: absolute;color: #fff;font-size: 50px;font-weight: 700;text-shadow: 0 3px 6px #3A2B14;top: 90px;right: calc(50% + 170px);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: 60px;}

.mv-text02 {width: 90px;display: flex;flex-wrap: wrap;flex-direction: row-reverse;color: #fff;text-shadow: 0 3px 6px #3A2B14;position: absolute;top: 174px;right: calc(50% + 460px);font-size: 22px;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: 8px;}

.puripuri-cont {width: 250px;height: 210px;position: absolute;top: 282px;right: 20px;text-align: center;box-sizing: border-box;background: url("../img/common/puripuri-bg.svg") no-repeat center bottom;padding-top: 57px;z-index: 2;}
.puripuri-cont:before{content:"";background: url("../img/main/ico-t.svg") no-repeat;width: 80px;height: 70px;position: absolute;right: 69px;top:0;}

.egg-btn {background: url(../img/common/egg-btn01.svg) no-repeat center top;width: 85px;height: 100px;display: table;
position: absolute;left: 0;right: 0;bottom: -72px;z-index: 2;margin: 0 auto;
	animation:rotateZ01 5s ease-out 0s infinite;transform-origin: center bottom;
}

@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: 10px;position: relative;letter-spacing: -0.1em;color: #fff;font-size: 15px;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: 34px;background: url("../img/common/btn-arrow04.svg") no-repeat center bottom;}
.egg-btn a:hover{color: #7D4A1C;}
.egg-btn a:hover:before{opacity: 1;}
.egg-btn a:hover > span{background-image:url("../img/common/btn-arrow03.svg");}

.egg-btn:before{content:"";background: url("../img/common/yure01.svg") no-repeat;width: 15px;height: 13px;position: absolute;top:0;left: -6px;}
.egg-btn:after{content:"";background: url("../img/common/yure02.svg") no-repeat;width: 15px;height: 13px;position: absolute;top:6px;right: -7px;}


/*下層ページ*/

div#mv.under-mv{background:url("../img/main/mv06.jpg") #fff;position: relative;}
div#mv.under-mv:before{content:"";background: url("../img/main/mv-wave.png") no-repeat center top;width: 100%;height: 20px;z-index: 2;position: absolute;left: 0;bottom:0;}
div#mv.under-mv > .wrap{height: 250px;display: table;}
div#mv.under-mv > .wrap .tit{display: table-cell;text-align: center;vertical-align: middle;font-size: 36px;font-weight: 800;color: #fff;}
div#mv.under-mv > .wrap .tit .komoji {display: block;font-size: 24px;}



.page-quality div#mv.under-mv{background-image:url("../img/main/mv02.jpg");}
.page-quality div#mv.under-mv:before{background-image:url("../img/main/mv-wave02.png");}
.page-company div#mv.under-mv{background-image:url("../img/main/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/mv04.jpg");}

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


/* contents */
/*-------------------------------------------*/
.bg-blue{background: #F5F9FF;}


/* footer */
/*-------------------------------------------*/

div#ft-detail{display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
div#ft-detail .cont{width: 500px;background:url("../img/top/pp.svg") no-repeat left top #fff;box-sizing: border-box;padding: 110px 70px 60px;position: relative;z-index: 2;border-radius: 0 20px 20px 0 / 0 50% 50% 0;}
div#ft-detail .cont > h2{margin-bottom: 20px;color: #4E2500;font-size: 24px;letter-spacing: 0;}
div#ft-detail .ft-map{width:calc(100% - 480px);min-height: 450px;margin-left: -20px;}
div#ft-detail .ft-map iframe{width:100%;height:100%;}

div#ft-slider{display: flex;flex-wrap: wrap;height: 300px;overflow: hidden;margin-bottom: 0;}

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

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

div#ftBox01{padding:120px 0 50px;position: relative;}
div#ftBox01 .wrap{position: relative;z-index: 2;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;}

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

h2.ft-logo{position: relative;z-index: 2;}
h2.ft-logo img{width: 230px;}
.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: right;}

div#ft-info .tel-bh{white-space: nowrap;}

.ft-btns.flex{}
.ft-btns.flex > div{margin-bottom: 10px;width: 248px;}
.ft-btns.flex > div:last-child{margin-bottom: 0;}
.ft-btns.flex > .btn02{height: 40px;}
.ft-btns.flex > .btn01{height: 40px;}

.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: 0;display: block;background-size: 20px;background-position: left 15px center;}


div#fnav{letter-spacing: 0;}
div#fnav a{}
div#fnav{display: flex;flex-wrap: wrap;justify-content: space-between;}
div#fnav > div{min-width: 150px;margin-left: 60px;}
div#fnav > div:first-child{margin-left: 0;}
div#fnav > div.fnav04{min-width: 0;}
ul.fs{}
ul.fs > li{margin-bottom: 15px;position: relative;line-height: 1.2;font-size: 15px;}
ul.fs > li:last-child{margin-bottom:0;}

div.fnav04 ul.fs > li{margin-bottom: 20px;}
div.fnav04 ul.fs > li:last-child{margin-bottom:0;}


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

#ft-bottom{position: relative;z-index: 2;}
#ft-bottom .wrap {box-sizing: border-box;padding:30px 0;text-align: center;display: flex;flex-wrap: wrap;justify-content: space-between;align-items:center;}

.copyright{font-size: 12px;}

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: 50px;bottom: 20px;opacity: 0;z-index: -3;transition: opacity 0.3s;}
div#page-top a{display: block;text-align: center;width: 50px;height: 50px;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;}
.fixed div#page-top{opacity: 1;z-index: 105;}

.fixed div#scr{opacity: 1;z-index: 20;}
div#scr.on{right: -300px;}
div#scr {width: 320px;box-sizing: border-box;background: #F8F2E5;border-radius: 10px 0 0 0;padding: 30px 20px 30px 40px;position: fixed;right: 0;bottom: 10px;letter-spacing: 0;transition: 0.3s;box-shadow: 0 0 40px rgba(47, 47, 47, 0.1);opacity: 0;z-index: -1;}
div.scr-opcl {content: "";width: 20px;height: 100%;z-index: 1;border-radius: 10px 0 0 10px;
position: absolute;left: 0;top: 0;background: url(../img/p07/scr-nav01.svg) no-repeat center #7D4A1C;
transition: 0.3s;cursor: pointer;}
div#scr.on div.scr-opcl{background-image: url(../img/p07/scr-nav.svg);}

.page-quality div#scr{background: #fff;}


div#scr ul.tel-state{display: flex;flex-wrap: wrap;padding-left: 28px; margin-bottom: 10px;}
div#scr ul.tel-state > li{margin-bottom: 0;margin-right: 5px;height: 26px;line-height: 26px;}
div#scr .ft-btns.flex {width: 240px;margin: 15px auto 0;}

/* OTHER
=========================================== */
.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;}



.sp{display:none!important;}