@charset "UTF-8";

/* ---------------------------------
 ALL
--------------------------------- */
body { width: 100%; overflow-x: hidden;text-align: center;-webkit-text-size-adjust: 100%;line-height:1.6; }
img { max-width: 100%;height: auto;width: auto; }
a { text-decoration: none; }
#inner a { text-decoration: underline; }
#inner a:hover { text-decoration: none; }
/* 回り込み解除 */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.clearfix { display: inline-table;min-height: 1px; }
/* Hides from Mac IE \*/
* html .clearfix{ height: 1px; }
.clearfix { display: block; }
a,
.tran { -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
.dur { transition-property:opacity,height;transition-duration: 0.5s;transition-timing-function: ease;transition-delay: 0s; }
.spDesc { display: block; }
.pcDesc { display: none !important; }
.blockW { padding: 0 30px; }
.blockS { padding: 0 15px; }
.ft_it { font-style: italic !important; }
@media screen and (min-width: 768px) {
.spDesc { display: none !important; }
.pcDesc { display: block; }
.wide { margin-right: -500% !important;padding-right: 500% !important;margin-left: -500% !important;padding-left: 500% !important; }
.blockW,
.blockS { padding: 0; }
#inner a:hover { opacity: 0.7;filter: alpha(opacity=70);text-decoration: none !important; }
#inner a:hover img.nofilter, #inner a:hover img.imgover { opacity: 1; filter: none; }
}


/* --------------------------------
common
-------------------------------- */
.txt_center { text-align: center !important; }
.txt_right { text-align: right !important; }
.txt_left { text-align: left !important; }

.parallax { position: static !important; }
@media screen and (min-width: 768px) {
.parallax { position: relative !important;z-index: 1; }
}

/* --------------------------------
font
-------------------------------- */
/*
@font-face {
font-family: "Noto Serif Japanese";
font-style: normal;
font-weight: 400;
src: url("/asset/fonts/NotoSerifJP/NotoSerifJP-Regular.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: "Noto Serif Japanese Bold";
font-style: normal;
font-weight: 700;
src: url("/asset/fonts/NotoSerifJP/NotoSerifJP-Bold.woff") format("woff");
font-display: swap;
}
body {
font-family: 'Noto Serif Japanese', serif, sans-serif;
letter-spacing: 0.05em;
}
*/
body {
font-family: 'Noto Serif', serif;
/* letter-spacing: 0.05em; */
}
body .jp {
font-family: 'Noto Serif JP', serif;
font-style: normal !important;
}


/* ---------------------------------
header
--------------------------------- */
#header { position: fixed;background: rgba(255,255,255, 0.2);height: 56px;width: 100%;z-index: 100;top: 0; }
#header #headLogo { text-align: left; }
#header #headLogo a { padding: 13px 20px;display: inline-block; }
#header #headLogo a img { height: 30px; }
#spNavi { width: 54px;height: 56px;top: 0px;position: relative;cursor: pointer;right: 0; }
.menu1,.menu2,.menu3 { width: 24px;height: 3px;background-color: #fff;position:absolute;transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;left: 16px; }
.menu1 { top:18px; } 
.menu2 { top:27px; } 
.menu3 { top:36px;width: 15px; } 

#header #headSub { position: absolute;top: 0;right: 0;display: flex; }
#shopLink { margin-right: 2px; }
#shopLink a { line-height: 56px; display: inline-block;font-style: italic; color: #fff;font-size: 80%;background: url("/asset/images/icon_cart.png") no-repeat right center;background-size: 20px auto;padding-right: 20px; }

#header #naviMenu #naviMenuInner .pageList li.pl_order { display: none; }

@media screen and (min-width: 768px) {
#header { height: 60px;display: flex;justify-content: space-between; }
#header #headLogo a img { height: 32px; }
#header #headSub { position: static; }
#shopLink a { line-height: 60px;padding-right: 24px;font-size: 100%;margin-right: 20px; }


}
@media screen and (max-width: 767px) {
#header.on { background: #666; }
#spNavi.on .menu1,
#spNavi.on .menu3 { top:27px;background-color:#FFF !important; }
#spNavi.on .menu1 {
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#spNavi.on .menu2 { opacity:0; }
#spNavi.on .menu3 {
width: 24px;
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}



/* ---------------------------------
menu
--------------------------------- */
#naviMenu { position: absolute;top: 56px;display: block;z-index: 100;width: 100%;background: #666;display: none; }
#naviMenu #naviMenuInner { display: block;border-top: 1px solid #444444; }

#header #headShop { width: 100%; }
#header #headShop a { display: block;margin: 20px;text-align: center;border: 1px solid #444;line-height: 1;padding: 20px 0;color: #C2B5A6;font-size: 120%;font-style: italic;letter-spacing: 0.05em;border-radius: 5px; }
#header .pageList li a {font-family: 'Noto Serif JP', serif; font-weight: 200;}

/* page List */
.pageList { display: flex;flex-wrap: wrap; }
.pageList li { width: 50%; text-align: center; }
.pageList li a { display: block; line-height: 1;border-bottom: 1px solid #444444;padding: 25px 0;color: #C2B5A6;font-style: italic;font-size: 115%; position: relative; }
.pageList li:nth-child(2n+1) a { border-right: 1px solid #444444; }
/* sns */
.sns { display: flex; justify-content: center;margin: 30px auto; }
.sns li {}
.sns li a { padding: 0 12px; }
.sns li a img { height: 16px; }

#naviFoot { margin: 0 20px;display: flex; flex-wrap: wrap;justify-content: space-between;padding-bottom: 25px; }
#naviFoot li {}
#naviFoot li a { font-size: 95%; color: #fff; }

@media screen and (min-width: 768px) {
#naviMenu { width: auto;position: static; background: none; display: block !important; }
#naviMenu #naviMenuInner { border: none; }
#naviMenu #naviMenuInner .pageList li { width: auto;margin: 0 10px; }
#naviMenu #naviMenuInner .pageList li:nth-child(2n+1) a { border: none; }
#naviMenu #naviMenuInner .pageList li a { line-height: 60px;border: none;font-size: 100%;padding: 0 10px;color: #fff; }
#naviMenu #naviMenuInner .pageList li a::after { content: "";display: block;width: 50px;height: 1px;background: #BBAC9B;position: absolute;left: 0;right: 0;margin: auto;bottom: 15px; }


}


/* ---------------------------------
title
--------------------------------- */
.pageTitle { margin: 50px auto;font-size: 240%;font-style: italic;color: #C2B5A6;line-height: 1; }
.subTitle { color: #C2B5A6;font-size: 160%;margin-bottom: 10px; }
.subTitle.bt { border-top: 1px solid #707070;padding-top: 20px; }
.subTitle.bb { border-bottom: 1px solid #707070;padding-bottom: 10px; }
.minTitle { color: #333333; margin-bottom: 10px; font-size: 160%; }



/* ---------------------------------
slide Style
--------------------------------- */
.infiniteslide_wrap { margin: 50px auto; }
.infiniteslide { display: none; }
/*
.infiniteslide li { display: flex !important; flex-wrap: wrap; }
*/
.infiniteslide li a,
.infiniteslide li > span { display: block;position: relative; }
.infiniteslide li a span.outer { position: absolute;top: 0;left: 0;display: flex;width: 100%;height: 100%;vertical-align: middle;justify-content: center;align-items: center;background: rgba(0,0,0, 0.5); opacity: 0; }
.infiniteslide li a span.outer .inner { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; }
.infiniteslide li a span.outer .inner > i { display: block;line-height: 1; }
.infiniteslide li a span.outer .inner i.btn > i { line-height: 1;padding: 7px 20px 7px 35px;display: inline-block;border: 1px solid #fff;border-radius: 20px;margin-top: 15px;font-size: 85%;background: url("/asset/images/icon_cart.png") no-repeat 15px center;background-size: 14px auto; }
.infiniteslide li a span i.txt { font-size: 125%; }
.infiniteslide li img { height: auto; }
.infiniteslide li a:hover { opacity: 1 !important; }
.infiniteslide li:not(.layout) { margin-right: 8px; }
.infiniteslide li:not(.layout) a img { height: 452px; }
.infiniteslide li.layout { width: 403px; }
.infiniteslide li.layout .ot { float: left; }
.infiniteslide li.layout a,
.infiniteslide li.layout span { margin-right: 8px; }
.infiniteslide li.layout .top { margin-bottom: 8px; }
.infiniteslide li.layout a:not(.top) span i.txt,
.infiniteslide li.layout span:not(.top) span i.txt { font-size: 110%; }
.infiniteslide li.layout a:not(.top) img,
.infiniteslide li.layout span:not(.top) img { height: auto;width: 193px; }
/* staircaseMode */
.infiniteslide.staircaseMode { padding-top: 50px; }
.infiniteslide.staircaseMode li.f01 { margin-top: -100px; }
.infiniteslide.staircaseMode li.f02 { margin-top: -90px; }
@media screen and (min-width: 768px) {
.infiniteslide li a:hover span.outer { opacity: 1; }
.infiniteslide li img { width: 395px; }
}
@media screen and (max-width: 768px) {
.infiniteslide li:not(.layout) a img { height: 226px; }
.infiniteslide li.layout { width: 197px; }
.infiniteslide li.layout a:not(.top) img,
.infiniteslide li.layout span:not(.top) img { width: 90px; }
.infiniteslide li.layout a.top img,
.infiniteslide li.layout span.top img { width: 197px; }
}


/* ---------------------------------
box
--------------------------------- */
#wrap { overflow: hidden; }
#wrap:not(.not_fl) #inner { padding-top: 56px; }
.boxOuter {}
.boxOuter.wide { padding: 60px 0;margin: 60px auto 0; background: #3F483B; }
.boxOuter .box {}
.boxOuter .box .boxInner { position: relative; }
@media screen and (min-width: 768px) {
#wrap:not(.not_fl) #inner { padding-top: 60px; }
.boxOuter .box .boxInner.normal { width: 700px; margin: 0 auto; }
.boxOuter .box .boxInner.big { width: 800px; margin: 0 auto; }
}


/* ---------------------------------
form
--------------------------------- */
#wrap.form form { text-align: left; }
#wrap.form form tr { background: none !important; }
#wrap.form div#mfp_buttons { padding: 0px;text-align: center;margin-top: 30px; }

div.mfp_buttons,
#mfp_buttons ul { display: flex;justify-content: center; flex-wrap: wrap; }
.buttons input,
div.mfp_buttons button,
#mfp_buttons ul li input,
#mfp_buttons ul li button { background-position: 0px 0px;padding: 15px 35px 15px 50px;line-height: 1;border: none;border-radius: 50px;margin: 0 10px;cursor: pointer;color: #fff !important;min-width: 230px; }
.buttons input#button_mfp_reset,
div.mfp_buttons button#mfp_button_cancel,
#mfp_buttons ul li input#button_mfp_reset,
#mfp_buttons ul li button#button_mfp_reset { background: #202557 url("/asset/images/icon_close.png") no-repeat 55px center;background-size: 12px auto; }
.buttons input#button_mfp_goconfirm,
div.mfp_buttons button#mfp_button_send,
#mfp_buttons ul li input#button_mfp_goconfirm,
#mfp_buttons ul li button#button_mfp_goconfirm { background: #476539 url("/asset/images/icon_arrow.png") no-repeat 55px center;background-size: 12px auto; }
/*
.buttons input { padding: 15px 25px 15px 90px;min-width: 110px; }
*/
div.mfp_buttons { margin-top: 15px; }
div.mfp_buttons button { font-size: 100%; }




@media screen and (max-width: 767px) {
#wrap.form table.mailform { padding: 0;table-layout: fixed;word-wrap: break-word;text-align: center; }
#wrap.form table.mailform tbody { word-wrap: break-word;text-align: center; }
#wrap.form table.mailform tr th { border-top: 1px solid #707070;padding: 15px 0 5px;display: block;width: 100%;text-align: center;border-bottom: none;width: auto; }
#wrap.form table.mailform img.must { float: none;text-align: center;margin: 0px 7px 0 0px;display: inline-block; }
#wrap.form table.mailform tr td { padding: 0 0 15px;border-bottom: solid 1px #2C304A;display: block; }
#wrap.form table.mailform tr td ul li { float: none; }
#wrap.form table.mailform textarea { width: 100% !important;padding: 0; }
/*
#wrap.form div#mfp_buttons ul li,
#wrap.form input#button_mfp_reset,
#wrap.form #button_mfp_goconfirm { width: 155px;height: 44px;background-size: 100% auto;background-position:0 0 !important; }
*/
#wrap.form div#mfp_buttons ul { display: flex; flex-wrap: wrap;width: auto;height: auto;justify-content: center; }
#wrap.form div#mfp_buttons ul li { float: none;margin-bottom: 20px; }
}
@media screen and (min-width: 768px) {
#mfp_buttons ul li input:hover { opacity: 0.7; }
}


/* ---------------------------------
parts
--------------------------------- */
/* btn */
.btnNormalOuter { display: flex;flex-wrap: wrap;justify-content: center;margin: 10px auto;align-items: center; }
.btnNormalOuter .btnNormal { padding: 10px; }
.btnNormalOuter .btnNormal a { width: 200px;line-height: 1;background: #476539;padding: 0 15px;display: inline-block;border-radius: 30px;text-align: center; }
.btnNormalOuter .btnNormal a:hover { text-decoration: none; }
.btnNormalOuter .btnNormal a span { padding: 15px 0px;display: inline-block; }
.btnNormalOuter .btnNormal.shop a span { background: url("/asset/images/icon_cart.png") no-repeat left center;background-size: 15px auto;padding-left: 20px;margin-left: -5px; }
.btnNormalOuter .btnNormal.dtl a span { background: url("/asset/images/icon_arrow.png") no-repeat left center;background-size: 12px auto;padding-left: 25px;margin-left: -10px;font-weight: bolder; }
.btnNormalOuter .btnNormal.shop a span:not(.jp) { font-style: italic; }
/* txt List */
dl.list {}
dl.list dt,
dl.list dd { line-height: 1.8; }
dl.list dt { font-size: 130%;font-weight: bolder;margin: 30px 0 5px; }
dl.list dd {}
/* google map */
.gmap { height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative;margin: 60px auto 30px; }
.gmap iframe { position: absolute;left: 0;top: 0;height: 100%;width: 100%; }
@media screen and (min-width: 768px) {
.gmap { width: 700px;padding-bottom: 0;height: 420px; }
}
/* TELL */
.tel {}
.tel p { color: #C2B5A6;font-size: 140%;letter-spacing: 0.05em; }
.tel p a { color: #C2B5A6;text-decoration: none !important; }
@media screen and (min-width: 768px) {
.tel { margin: 5px auto;display: flex;flex-wrap: wrap;justify-content: center; }
.tel p { padding: 0 10px; }
}


/* ---------------------------------
footer
--------------------------------- */
#footer { padding-top: 35px;text-align: center;width: 100%;padding-bottom:10px;position: relative;border-top: 5px solid #C2B5A6;background: #191D4D; }
#footer .pageList { justify-content: space-around;padding: 5px 30px; }
#footer .pageList li { width: 28%; }
#footer .pageList li a { border: none !important;padding: 0; margin-bottom: 30px;font-size: 100%;color: #fff; }
#footer .pageList li a::after { content: "";display: block;width: 50px;height: 1px;background: #707070;position: absolute;left: 0;right: 0;margin: auto;bottom: -8px; }
#footer .ftPagelist { margin-bottom: 30px;border-bottom: 1px solid #707070;padding-bottom: 10px; }
#footer .ftTel { margin-top: 15px; }
#footer .ftTel p { margin-top: 10px;line-height: 1;font-size: 80%; color: #C2B5A6; }
#footer .ftTel p a { font-size: 120%;margin-left: 2px; color: #C2B5A6; }
#footer .ftLink { display: flex;flex-wrap: wrap;justify-content: space-around;padding: 0 30px;margin-top: 30px; }
#footer .ftLink a { font-size: 90%; }
#footer #ft-logo { margin: 0 auto;width: 50%; }
#footer #ft-logo img { width:150px; }
#footer #copyright p { font-size: 80%;padding: 20px 0 10px; }



@media screen and (min-width: 768px) {
#footer .pageList { margin-top: 40px;justify-content: center; }
#footer .pageList li { width: auto;margin: 0 15px; }
#footer .pageList li a { padding: 0 15px; }
#footer .ftLink { position: absolute;bottom: 10px;right: 0;padding: 0; }
#footer .ftLink a { margin-right: 30px; }
#footer #copyright p { padding: 20px 0 0; }

}