@charset "utf-8";
/* --------------------------------------------------
	reset
-------------------------------------------------- */
* { margin: 0; padding: 0; box-sizing: border-box;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

img{ vertical-align: bottom;}
ul{ list-style: none;}
ul li{ list-style-type: none;}
figure { margin: 0;}


/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0;}
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline;}
button,
input { line-height: normal;}
button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top;}
input[type="search"]:focus { outline: none;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {}


/*	Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;

-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
  	  touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after { display: table; content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block; outline: none;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto;}
.slick-arrow.slick-hidden { display: none;}




/** Dots */
.slick-dotted.slick-slider{ margin-bottom: 30px;}
.slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; text-align: center;}
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer;
 color: transparent; border: 0; outline: none; background: transparent; 
}
.slick-dots li button:hover,
.slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1;}
.slick-dots li button:before { content: ''; position: absolute; text-align: center;}
.slick-dots li.slick-active button:before { opacity: .75; color: black;}


/** Dots */
.slick-dotted.slick-slider{ margin-bottom: 30px;}
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; text-align: center;}
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; cursor: pointer;
 color: transparent; border: 0; outline: none; background: transparent; 
}
.slick-dots li button:hover,
.slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1;}
.slick-dots li button:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center;}
.slick-dots li.slick-active button:before { opacity: .75; color: black;}
@media (max-width: 481px) {
}


/*		font-style
-------------------------------------------------- */
body { color: #8f5838;
/*	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;*/
	font-family: "Noto Sans JP","游ゴシック","Yu Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ","Meiryo",sans-serif;
	font-size: 16px;
	*font-size:small;
	*font:x-small;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.min { font-family: "Noto Serif JP","游明朝", "Yu Mincho", "YuMincho", serif;}
.eng { font-family: Futura, "Trebuchet MS", Arial, sans-serif;}

::selection{ background: #feffaf; color: #000;}
::-moz-selection{ background: #feffaf; color: #000;}


a { color:#002159; text-decoration: underline;}
a:link   { color:#002159;}
a:visited{ color:#002159;}
a:hover  { color:#002159;}
a:active { color:#002159;}

em{ font-style: normal;}


/*		utility
-------------------------------------------------- */
.cf{ clear: both;}
.cf:after{ content: ''; display: block; clear: both;}

@media (max-width: 641px) {
}


.menu-btn { position: fixed; right: 0; top: 0; width: 100%; z-index: 102; transition: 0.4s linear; opacity: 1;}
.menu-btn.show { opacity: 1;}
.menu-btn .inner { position: relative; width: 100%; max-width: 1280px; height: 100%; margin: 0 auto;}

.menu-trig { position: absolute; top: 30px; right: 30px; width: 50px; height: 21px; cursor: pointer;}
.menu-trig div { position: relative; width: 100%; height: 100%;}
.menu-trig div span { position: absolute; left: 50%; display: block; width: 100%; height: 2px; background: #42220f; opacity: 1; transition: 0.4s linear;}
.menu-trig div span:nth-of-type(1) { top: 4px; transform: translate(-50%,0px);}
.menu-trig div span:nth-of-type(2) { top: 15px; transform: translate(-50%,0px);}
.menu-trig.active { top: 30px; right: 30px;}
.menu-trig.active div span:nth-of-type(1) { width: 72%; transform: translate(-50%,6px) rotate(45deg); background: #621a14;}
.menu-trig.active div span:nth-of-type(2) { width: 72%; transform: translate(-50%,-5px) rotate(-45deg); background: #621a14;}
.menu-cart { position: absolute; top: 80px; right: 32px; width: 50px; padding-left: 8px;}
.menu-cart.hide { display: none;}
.menu-cart a { display: block; width: 100%; max-width: 30px; margin: 0 auto;}
.menu-cart a svg { width: 100%; fill: #42220f; vertical-align: bottom;}
@media (max-width: 481px) {
	.menu-btn { width: 70px;}
	.menu-btn { height: 90px;}
	.menu-trig { top: 20px; right: 18px; width: 28px;}
	.menu-trig.active { top: 15px; right: 15px;}
	.menu-cart { top: 55px; right: 18px; width: 30px; padding-left: 3px;}
}


#hd { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; height: 100svh; z-index: -1;}
#hd:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; z-index: 10; background: rgba(0,0,0,0.8);
 transition: 0.2s linear;
}
#hd .inner-hd { position: relative; width: 100%; max-width: 1280px; height: 100%; margin: 0 auto; overflow: hidden;}
#hd .menu { position: absolute; right: -500px; top: 0; width: 100%; z-index: 100; max-width: 350px; height: 100%; padding: 40px 0 20px; background: #fdf6d2; transition: 0.4s linear 0.2s;}
#hd .menu .scroll { width: 100%; height: 100%; padding: 20px 0; overflow-y: scroll; }
#hd .menu ul.nav { width: 90%; max-width: 300px; margin: 0 auto 20px;}
#hd .menu ul.nav li { padding: 10px 0; font-size: 16px;}
#hd .menu ul.nav li a { color: #621a14; font-weight: 700; letter-spacing: 0.3rem; text-decoration: none;}
#hd .menu ul.nav li ul.sns { width: 100%;}
#hd .menu ul.nav li ul.sns li { display: inline-block; width: 40px; padding: 0; vertical-align: middle;}
#hd .menu ul.nav li ul.sns li a { display: block; width: 20px;}
#hd .menu ul.nav li ul.sns li a img { width: 100%;}
#hd .menu ul.nav li ul.sns li a svg { width: 100%; vertical-align: bottom;}

#hd .menu ul.brand { width: 90%; max-width: 300px; margin: 0 auto 20px; font-size: 0;}
#hd .menu ul.brand li { position: relative; border-bottom: solid 1px #5c322f; font-size: 14px;}
#hd .menu ul.brand li.top { padding: 0; border-bottom: none; font-size: 12px;}
#hd .menu ul.brand li.top:after { content: ''; display: block; width: 0px; height: 0px;
 border: solid 25px transparent; border-right: solid 15px #fdf6d2;
 position: absolute; right: 0; top: 50%; transform: translateY(-50%);
}
#hd .menu ul.brand li.top a { position: relative; display: block; padding: 12px; padding-left: 50px; background: #fcd767; color: #5c322f;letter-spacing: 0.05rem; text-decoration: none;}

#hd .menu ul.brand li.top a:before { content: ''; display: block; width: 18px; height: 100%;
 position: absolute; left: 12px; top: 50%; transform: translate(0,-50%);
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42"><path d="M587.92,8214.28a12,12,0,0,0-2.78-2c-.13-.08-.27-.12-.4-.19a26.2,26.2,0,0,0,1.92-2.48,18,18,0,0,0,1.56-3.14,2.37,2.37,0,0,0,.13-1.38c-.1-.47-.35-.83-.79-.88a1.11,1.11,0,0,0-1.1.63,2.65,2.65,0,0,0-.3,1.18,14.33,14.33,0,0,1-.55,3.15,6.38,6.38,0,0,1-1.69,2.54,8.46,8.46,0,0,0-4.21-.61,5.83,5.83,0,0,0-3.39,1.61,1.2,1.2,0,0,0-.35,1.36.48.48,0,0,0,.57.26,1.48,1.48,0,0,0,.8-.46,4.52,4.52,0,0,1,2.49-1.64,6.4,6.4,0,0,1,3,.44c-.12.1-.23.2-.36.29a34.24,34.24,0,0,1-5.89,3.14c-1.86.81-3.87,1.6-6,2.37-.89-.63-2.44-1.82-3.69-2.81a22,22,0,0,0-4.2-2.85,10.28,10.28,0,0,0-5.22-1.13,6.34,6.34,0,0,0-4.92,2.61,6.12,6.12,0,0,0-1,5.86,6.68,6.68,0,0,0,3.9,3.81,10.7,10.7,0,0,0,5.9.26c2.44-.47,9.4-3.66,9.81-3.85a29.26,29.26,0,0,0,7.38,3.48,10.89,10.89,0,0,0,7.16-.43c2.17-.87,4.06-2.86,4.09-5.16A5.58,5.58,0,0,0,587.92,8214.28ZM565,8220.34a27.5,27.5,0,0,1-4.21,1.14,15.74,15.74,0,0,1-4-.17,4.69,4.69,0,0,1-2.76-2.2,3.92,3.92,0,0,1,.23-3.58,4.36,4.36,0,0,1,3.34-2.15,8.24,8.24,0,0,1,4.42.71,20.22,20.22,0,0,1,4,2.56c1,.8,2,1.57,3,2.32Zm21.22,0a9.12,9.12,0,0,1-4.93,1.41,18.74,18.74,0,0,1-8.64-2.06c1.61-.76,3.14-1.52,4.56-2.3,2.21-1.21,6.31-4.07,6.55-4.28,1.15.48,4.13,2.68,4.07,4.94A3.07,3.07,0,0,1,586.19,8220.32Zm-16.38-5.47a27.18,27.18,0,0,1-3.94-4.65,9.27,9.27,0,0,1-1.62-5.15,5.8,5.8,0,0,1,1.91-3.95,6.62,6.62,0,0,1,8.79,0,5.89,5.89,0,0,1,1.91,3.95,9.27,9.27,0,0,1-1.62,5.15,28.15,28.15,0,0,1-3.94,4.65,1.44,1.44,0,0,1-.75.35A1.42,1.42,0,0,1,569.81,8214.85Zm.74-.64c.27,0,1.86-2.15,2.8-3.77a11.49,11.49,0,0,0,1.46-4,3.81,3.81,0,0,0-1.06-3.23,4.63,4.63,0,0,0-6.39,0,3.78,3.78,0,0,0-1.06,3.23,11.49,11.49,0,0,0,1.46,4C568.7,8212.06,570.28,8214.21,570.55,8214.21ZM565.71,8232c0-.13.06-.29.1-.45h9.49c0,.16.07.32.1.45a3.75,3.75,0,0,1,0,1.14h-9.61A3.21,3.21,0,0,1,565.71,8232Zm8.24-3.64c.32.57.58,1.11.79,1.59h-8.37a15.32,15.32,0,0,1,.78-1.59Zm-3.4-4.51a11.66,11.66,0,0,1,2.42,2.91h-4.84A12.13,12.13,0,0,1,570.55,8223.87Zm0,12.89a5.54,5.54,0,0,1-3.55-1.38,3.67,3.67,0,0,1-.56-.63h8.22a3.6,3.6,0,0,1-.55.63A5.54,5.54,0,0,1,570.55,8236.76Zm-1.59,1.15.84,1.27a.88.88,0,0,0,1.5,0c.26-.4.65-1,.84-1.27a6.68,6.68,0,0,0,2.9-1.32,5.08,5.08,0,0,0,1.84-4,11.67,11.67,0,0,0-1.87-4.92,31.6,31.6,0,0,0-3.72-4.69,1.45,1.45,0,0,0-.74-.36,1.43,1.43,0,0,0-.73.36,30.94,30.94,0,0,0-3.72,4.69,11.53,11.53,0,0,0-1.87,4.92,5.1,5.1,0,0,0,1.83,4A6.73,6.73,0,0,0,569,8237.91Z" transform="translate(-551.15 -8199.43)" fill="%235c322f" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; 
}

#hd .menu ul.brand li span.topLv { position: relative; display: block; width: 100%; padding: 10px 5px;letter-spacing: 0.05rem;
	cursor: pointer;
}
#hd .menu ul.brand li span.topLv:before,
#hd .menu ul.brand li span.topLv:after { content: ''; display: block; width: 10px; height: 2px; background: #5c322f;
 position: absolute; right: 10px; top: 50%;
}
#hd .menu ul.brand li span.topLv:before{ transform: translateY(-50%)}
#hd .menu ul.brand li span.topLv:after { transform: translateY(-50%) rotate(90deg);}
#hd .menu ul.brand li span.topLv.open:after { transform: translateY(-50%) rotate(0deg);}
#hd .menu ul.brand li ul { font-size: 0;}
#hd .menu ul.brand li ul li { border-bottom: none; font-size: 12px;}
#hd .menu ul.brand li ul li a { position: relative; padding: 5px 0px; padding-left: 32px; background: #fff; border: solid #5c322f; color: #5c322f; border-radius: 50px; text-decoration: none;}
#hd .menu ul.brand li ul li a:before,
#hd .menu ul.brand li ul li a:after { content: ''; display: block;}
#hd .menu ul.brand li ul li a:before{ width: 12px; height: 100%;
 position: absolute; left: 9px; top: 50%; transform: translate(0,-50%);
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42"><path d="M587.92,8214.28a12,12,0,0,0-2.78-2c-.13-.08-.27-.12-.4-.19a26.2,26.2,0,0,0,1.92-2.48,18,18,0,0,0,1.56-3.14,2.37,2.37,0,0,0,.13-1.38c-.1-.47-.35-.83-.79-.88a1.11,1.11,0,0,0-1.1.63,2.65,2.65,0,0,0-.3,1.18,14.33,14.33,0,0,1-.55,3.15,6.38,6.38,0,0,1-1.69,2.54,8.46,8.46,0,0,0-4.21-.61,5.83,5.83,0,0,0-3.39,1.61,1.2,1.2,0,0,0-.35,1.36.48.48,0,0,0,.57.26,1.48,1.48,0,0,0,.8-.46,4.52,4.52,0,0,1,2.49-1.64,6.4,6.4,0,0,1,3,.44c-.12.1-.23.2-.36.29a34.24,34.24,0,0,1-5.89,3.14c-1.86.81-3.87,1.6-6,2.37-.89-.63-2.44-1.82-3.69-2.81a22,22,0,0,0-4.2-2.85,10.28,10.28,0,0,0-5.22-1.13,6.34,6.34,0,0,0-4.92,2.61,6.12,6.12,0,0,0-1,5.86,6.68,6.68,0,0,0,3.9,3.81,10.7,10.7,0,0,0,5.9.26c2.44-.47,9.4-3.66,9.81-3.85a29.26,29.26,0,0,0,7.38,3.48,10.89,10.89,0,0,0,7.16-.43c2.17-.87,4.06-2.86,4.09-5.16A5.58,5.58,0,0,0,587.92,8214.28ZM565,8220.34a27.5,27.5,0,0,1-4.21,1.14,15.74,15.74,0,0,1-4-.17,4.69,4.69,0,0,1-2.76-2.2,3.92,3.92,0,0,1,.23-3.58,4.36,4.36,0,0,1,3.34-2.15,8.24,8.24,0,0,1,4.42.71,20.22,20.22,0,0,1,4,2.56c1,.8,2,1.57,3,2.32Zm21.22,0a9.12,9.12,0,0,1-4.93,1.41,18.74,18.74,0,0,1-8.64-2.06c1.61-.76,3.14-1.52,4.56-2.3,2.21-1.21,6.31-4.07,6.55-4.28,1.15.48,4.13,2.68,4.07,4.94A3.07,3.07,0,0,1,586.19,8220.32Zm-16.38-5.47a27.18,27.18,0,0,1-3.94-4.65,9.27,9.27,0,0,1-1.62-5.15,5.8,5.8,0,0,1,1.91-3.95,6.62,6.62,0,0,1,8.79,0,5.89,5.89,0,0,1,1.91,3.95,9.27,9.27,0,0,1-1.62,5.15,28.15,28.15,0,0,1-3.94,4.65,1.44,1.44,0,0,1-.75.35A1.42,1.42,0,0,1,569.81,8214.85Zm.74-.64c.27,0,1.86-2.15,2.8-3.77a11.49,11.49,0,0,0,1.46-4,3.81,3.81,0,0,0-1.06-3.23,4.63,4.63,0,0,0-6.39,0,3.78,3.78,0,0,0-1.06,3.23,11.49,11.49,0,0,0,1.46,4C568.7,8212.06,570.28,8214.21,570.55,8214.21ZM565.71,8232c0-.13.06-.29.1-.45h9.49c0,.16.07.32.1.45a3.75,3.75,0,0,1,0,1.14h-9.61A3.21,3.21,0,0,1,565.71,8232Zm8.24-3.64c.32.57.58,1.11.79,1.59h-8.37a15.32,15.32,0,0,1,.78-1.59Zm-3.4-4.51a11.66,11.66,0,0,1,2.42,2.91h-4.84A12.13,12.13,0,0,1,570.55,8223.87Zm0,12.89a5.54,5.54,0,0,1-3.55-1.38,3.67,3.67,0,0,1-.56-.63h8.22a3.6,3.6,0,0,1-.55.63A5.54,5.54,0,0,1,570.55,8236.76Zm-1.59,1.15.84,1.27a.88.88,0,0,0,1.5,0c.26-.4.65-1,.84-1.27a6.68,6.68,0,0,0,2.9-1.32,5.08,5.08,0,0,0,1.84-4,11.67,11.67,0,0,0-1.87-4.92,31.6,31.6,0,0,0-3.72-4.69,1.45,1.45,0,0,0-.74-.36,1.43,1.43,0,0,0-.73.36,30.94,30.94,0,0,0-3.72,4.69,11.53,11.53,0,0,0-1.87,4.92,5.1,5.1,0,0,0,1.83,4A6.73,6.73,0,0,0,569,8237.91Z" transform="translate(-551.15 -8199.43)" fill="%235c322f" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; 
}
#hd .menu ul.brand li ul li a:after { width: 4px; height: 4px;
 border-top: solid 1px #5c322f; border-right: solid 1px #5c322f;
 position: absolute; right: 8px; top: 50%; transform: translateY(-50%) rotate(45deg);
}
#hd .menu ul.brand li ul.col { display: none; padding-bottom: 10px;}
#hd .menu ul.brand li ul.col li a span em { font-size: 9px;}
#hd .menu ul.brand li ul.col li { display: inline-block; width: 50%; padding: 5px; border-bottom: none;}
#hd .menu ul.brand li ul.col li a { display: block; padding: 4px 0px; padding-left: 24px; }

#hd .menu ul.brand li ul.row { display: none; padding-bottom: 10px;}
#hd .menu ul.brand li ul.row li a span em { font-size: 10px;}
#hd .menu ul.brand li ul.row li { display: inline-block; padding: 5px; border-bottom: none;}
#hd .menu ul.brand li ul.row li a { display: block; padding: 4px 0px; padding-left: 30px; padding-right: 40px; }


#hd .menu ul.aside { width: 92%; margin: 0 auto; font-size: 0; text-align: center;}
#hd .menu ul.aside li { display: inline-block; width: 50%; padding: 6px; font-size: 10px;}
#hd .menu ul.aside li a { display: block; padding: 5px 0; border: solid 1px #53341c; border-radius: 50px; color: #53341c; text-decoration: none;}

#hd.open { z-index: 101;}
#hd.open:after { opacity: 1;}
#hd.open .menu { right: 0; z-index: 11;}

@media (max-width: 481px) {
	#hd .menu { padding-top: 30px; }
	#hd .menu ul.nav li { padding: 8px 0;}
}



#ft { background: #fff;}
#ft .inner-ft { padding: 40px 0px 30px;}
#ft h3 { margin-bottom: 30px; text-align: center;}
#ft h3 img { width: 40%; max-width: 160px;}
#ft ul { font-size: 0; text-align: center;}
#ft ul li { position: relative; display: inline-block; padding: 0 30px; font-size: 14px; vertical-align: middle;}
#ft ul li a { color: #000; text-decoration: none;}
#ft ul li a span { display: block; font-size: 12px;}
#ft .copyright { padding: 10px 0; background: #000;}
#ft .copyright p { color: #fff; font-size: 12px; text-align: center;}
@media (max-width: 1001px) {
	#ft ul li { padding: 0 18px;}
}
@media (max-width: 801px) {
	#ft .inner-ft { padding: 30px 0;}
	#ft ul li { padding: 0 12px; font-size: 12px;}
	#ft ul li a span { font-size: 10px;}
}
@media (max-width: 641px) {
	#ft .inner-ft { padding: 50px 0;}
	#ft h3 { margin-bottom: 20px;}
	#ft ul { width: 92%; margin: 0 auto;}
	#ft ul li { display: block; width: 100%; margin: 0; font-size: 13px; letter-spacing: 0.2rem;}
	#ft ul li a { display: block; margin: 0 auto; padding: 10px 0;}
	#ft ul li a span { display: inline-block; font-size: 11px; letter-spacing: 0.05rem;}
}
@media (max-width: 481px) {
	#ft .inner-ft { padding: 40px 0 30px;}
	#ft h3 { margin-bottom: 20px;}
	#ft ul li a { padding: 8px 0;}
	#ft .copyright p { font-size: 10px;}
}






.tips div { position: relative; width: 88%; max-width: 880px; margin: 0 auto; padding: 20px; background: url('./img/bg/ttl.png') no-repeat 50% 100% / 100% 100%; z-index: 2;}
.tips h3 {line-height: 1; text-align: center;}
.tips h3 img { width: 66%; max-width: 240px;}
@media (max-width: 801px) {
	.tips div { width: 86%; padding: 12px; background: url('./img/bg/ttl@sp.png') no-repeat 50% 100% / 100% auto;}
	.tips h3 img { max-width: 66%}
}
@media (max-width: 641px) {
}



#kv { position: relative; width: 100%;}
#kv .inner-kv { position: relative; width: 100%; margin: 0 auto; background: url('./img/bg/1.jpg') no-repeat 50% 0 / cover;}
#kv .headline { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; padding: 10px 0; text-align: center;}
#kv .headline:after { content: ''; width: 100%; height: 130px; position: absolute; left: 0; top: 0;
	 background: url('./img/bg/hd.png') no-repeat 50% 100%;
}
#kv .headline img { position: relative; width: 20%; max-width: 100px; z-index: 2;}

#kv .ctn { position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
#kv .ctn .txt { position: absolute; left: 0; top: 20%; z-index: 2; width: 100%; transition: 0.4s linear; opacity: 0;}
#kv .ctn .txt h1 { text-align: center;}
#kv .ctn .txt h1 img { width: 80%; max-width: 630px;}
#kv .ctn picture { position: relative; display: block; width: 100%; z-index: 1;}
#kv .ctn picture img { width: 100%;}
#kv.show .ctn .txt { opacity: 1;}
@media (min-width: 2001px) {
	#kv .headline:after { background-size: 100% 100%;}
}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#kv .headline:after { height: 24vw; background: url('./img/bg/ttl-4@sp.png') no-repeat 50% 100% / 100% auto;}
	#kv .ctn .txt { top: 21%;}
}


#award { background: #fff;}
#award .award-tit { position: relative; width: 100%; margin: 0 auto; padding: 6px 0; cursor: pointer;
 background: linear-gradient(90deg,#f096aa,#f5d291,#b487dc);}
#award .award-tit:after { content: ''; display: block; width: 12px; height: 12px; border-top: solid 2px #8f5838; border-right: solid 2px #8f5838;
 position: absolute; left: 50%; top: 50%; transform: translate(50%,-50%) rotate(135deg); margin-left: 380px;
}
#award .award-tit.open:after { transform: translate(50%,-35%) rotate(-45deg);}
#award .award-tit h2 { padding: 8px 0; font-size: 23px; font-weight: 700; letter-spacing: 0.1rem; text-align: center;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42"><path d="M587.92,8214.28a12,12,0,0,0-2.78-2c-.13-.08-.27-.12-.4-.19a26.2,26.2,0,0,0,1.92-2.48,18,18,0,0,0,1.56-3.14,2.37,2.37,0,0,0,.13-1.38c-.1-.47-.35-.83-.79-.88a1.11,1.11,0,0,0-1.1.63,2.65,2.65,0,0,0-.3,1.18,14.33,14.33,0,0,1-.55,3.15,6.38,6.38,0,0,1-1.69,2.54,8.46,8.46,0,0,0-4.21-.61,5.83,5.83,0,0,0-3.39,1.61,1.2,1.2,0,0,0-.35,1.36.48.48,0,0,0,.57.26,1.48,1.48,0,0,0,.8-.46,4.52,4.52,0,0,1,2.49-1.64,6.4,6.4,0,0,1,3,.44c-.12.1-.23.2-.36.29a34.24,34.24,0,0,1-5.89,3.14c-1.86.81-3.87,1.6-6,2.37-.89-.63-2.44-1.82-3.69-2.81a22,22,0,0,0-4.2-2.85,10.28,10.28,0,0,0-5.22-1.13,6.34,6.34,0,0,0-4.92,2.61,6.12,6.12,0,0,0-1,5.86,6.68,6.68,0,0,0,3.9,3.81,10.7,10.7,0,0,0,5.9.26c2.44-.47,9.4-3.66,9.81-3.85a29.26,29.26,0,0,0,7.38,3.48,10.89,10.89,0,0,0,7.16-.43c2.17-.87,4.06-2.86,4.09-5.16A5.58,5.58,0,0,0,587.92,8214.28ZM565,8220.34a27.5,27.5,0,0,1-4.21,1.14,15.74,15.74,0,0,1-4-.17,4.69,4.69,0,0,1-2.76-2.2,3.92,3.92,0,0,1,.23-3.58,4.36,4.36,0,0,1,3.34-2.15,8.24,8.24,0,0,1,4.42.71,20.22,20.22,0,0,1,4,2.56c1,.8,2,1.57,3,2.32Zm21.22,0a9.12,9.12,0,0,1-4.93,1.41,18.74,18.74,0,0,1-8.64-2.06c1.61-.76,3.14-1.52,4.56-2.3,2.21-1.21,6.31-4.07,6.55-4.28,1.15.48,4.13,2.68,4.07,4.94A3.07,3.07,0,0,1,586.19,8220.32Zm-16.38-5.47a27.18,27.18,0,0,1-3.94-4.65,9.27,9.27,0,0,1-1.62-5.15,5.8,5.8,0,0,1,1.91-3.95,6.62,6.62,0,0,1,8.79,0,5.89,5.89,0,0,1,1.91,3.95,9.27,9.27,0,0,1-1.62,5.15,28.15,28.15,0,0,1-3.94,4.65,1.44,1.44,0,0,1-.75.35A1.42,1.42,0,0,1,569.81,8214.85Zm.74-.64c.27,0,1.86-2.15,2.8-3.77a11.49,11.49,0,0,0,1.46-4,3.81,3.81,0,0,0-1.06-3.23,4.63,4.63,0,0,0-6.39,0,3.78,3.78,0,0,0-1.06,3.23,11.49,11.49,0,0,0,1.46,4C568.7,8212.06,570.28,8214.21,570.55,8214.21ZM565.71,8232c0-.13.06-.29.1-.45h9.49c0,.16.07.32.1.45a3.75,3.75,0,0,1,0,1.14h-9.61A3.21,3.21,0,0,1,565.71,8232Zm8.24-3.64c.32.57.58,1.11.79,1.59h-8.37a15.32,15.32,0,0,1,.78-1.59Zm-3.4-4.51a11.66,11.66,0,0,1,2.42,2.91h-4.84A12.13,12.13,0,0,1,570.55,8223.87Zm0,12.89a5.54,5.54,0,0,1-3.55-1.38,3.67,3.67,0,0,1-.56-.63h8.22a3.6,3.6,0,0,1-.55.63A5.54,5.54,0,0,1,570.55,8236.76Zm-1.59,1.15.84,1.27a.88.88,0,0,0,1.5,0c.26-.4.65-1,.84-1.27a6.68,6.68,0,0,0,2.9-1.32,5.08,5.08,0,0,0,1.84-4,11.67,11.67,0,0,0-1.87-4.92,31.6,31.6,0,0,0-3.72-4.69,1.45,1.45,0,0,0-.74-.36,1.43,1.43,0,0,0-.73.36,30.94,30.94,0,0,0-3.72,4.69,11.53,11.53,0,0,0-1.87,4.92,5.1,5.1,0,0,0,1.83,4A6.73,6.73,0,0,0,569,8237.91Z" transform="translate(-551.15 -8199.43)" fill="%23fae9c8" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%;
}
#award .award-tit h2:before,
#award .award-tit h2:after { content: ''; display: inline-block; width: 56px; height: 42px;
 background: url('/img/awards/icn.png') no-repeat 50% 50% / 100% auto; vertical-align: middle;
}
#award .award-tit h2 span { display: inline-block; margin: 0 30px; vertical-align: middle;}

#award .ctn { display: none; width: 100%; max-width: 1280px; margin: 0 auto;}
#award .ctn .inner { padding: 40px 0;}
@media (max-width: 1281px) {
	#award .award-tit:after { width: 9px; height: 9px; left: auto; right: 8%; margin-left: 0px; transform: translate(0%,-50%) rotate(135deg);}
	#award .award-tit.open:after { transform: translate(0%,-35%) rotate(-45deg);}
}
@media (max-width: 481px) {
	#award .award-tit h2 { padding: 4px 0; font-size: 18px;}
	#award .award-tit h2:before,
	#award .award-tit h2:after { width: 32px; height: 28px;}
	#award .award-tit h2 span { margin: 0 20px;}
	#award .ctn .inner { padding: 20px 0;}
}


#message { background: #fff;}
#message .inner { padding: 80px 0 100px;}
#message picture { display: block; width: 80%; max-width: 860px; margin: 0 auto; transition: 0.4s linear; opacity: 0;}
#message picture img { width: 100%;}
#message.show picture { opacity: 1;}
@media (max-width: 801px) {
	#message .inner { padding: 40px 0px;}
}
@media (max-width: 481px) {
	#message .inner { padding: 20px 0px;}
	#message picture { width: 94%;}
}



#concept {}
#concept .inner-sct { width: 100%; margin: 0 auto; padding: 120px 0 240px; background: url('./img/bg/1.jpg') no-repeat 50% 0 / cover}
#concept .tips { margin-bottom: 12px; transition: 0.4s linear; opacity: 0;}
#concept .ctn { width: 88%; margin: 0 auto 120px; transition: 0.4s linear; opacity: 0;}
#concept .movie-box { width: 100%; max-width: 680px; margin: 0 auto; padding: 1px; background: linear-gradient(90deg,#f096aa,#f5d291,#b487dc);}
#concept .movie-box .inner { position: relative; width: 100%; padding-top: 56.25%; background: linear-gradient(90deg,#fceaee,#fdf6e9,#f0e7f8);}
#concept .movie-box video { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%);}

#concept .movie-box p { position: absolute; left: 0; top: 45%; width: 100%;
 color: #be9b8c; font-size: 30px; font-weight: 700; letter-spacing: 0.1rem; line-height: 1; text-align: center;
}
#concept .box { width: 95%; max-width: 860px; margin: 0 auto; transition: 0.4s linear; opacity: 0;}
#concept .box .inner { padding: 80px 0; background: url('./img/bg/box.png') no-repeat 50% 50% / 100% 100%;}
#concept .box p { margin-bottom: 30px; font-size: 18px; font-weight: 700; text-align: center;}
#concept .box ul { font-size: 0px; text-align: center;}
#concept .box ul li { display: inline-block; width: 32%; max-width: 220px;}
#concept .box ul li a { display: inline-block;}
#concept .box ul li a dl dt { margin-bottom: 12px; position: relative;}
#concept .box ul li a dl dt img { position: relative; width: 92%; max-width: 128px; transition: 0.3s ease;}
#concept .box ul li a dl dd span { display: block; width: 100%; max-width: 128px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
#concept .box ul li a dl dd span img { width: 100%;}
#concept .box ul li:nth-child(1) a dl dd span { border: solid 1px #d00068;}
#concept .box ul li:nth-child(2) a dl dd span { border: solid 1px #b57149;}
#concept .box ul li:nth-child(3) a dl dd span { border: solid 1px #873085;}

#concept .box ul li a:hover dl dd span { opacity: 0.6}

#concept .tips.show { opacity: 1;}
#concept .ctn.show { opacity: 1;}
#concept .box.show { opacity: 1;}
@media (min-width: 641px) {
	#concept .box ul li a:hover dl dt img { transform: translateY(-12px);}
}
@media (max-width: 801px) {
	#concept .inner-sct { padding: 60px 0 120px;}
}
@media (max-width: 641px) {
	#concept .ctn { margin: 0 auto 12vw;}

	#concept .box .inner { padding: 10vw 0 12vw; background: url('./img/bg/box@sp.png') no-repeat 50% 50% / 100% 100%;}
	#concept .box p br { display: none;}
	#concept .box p span { display: block;}
	#concept .box ul li { max-width: 180px;}
}
@media (max-width: 481px) {
	#concept .inner-sct { padding: 40px 0 30vw;background: url('./img/bg/1@sp.jpg') no-repeat 50% 50% / 100% auto;}
	#concept .movie-box p { font-size: 20px;}
	#concept .box p { font-size: 14px;}
	#concept .box ul li { max-width: 100px; padding: 0 10px;}
	#concept .box ul li a dl dt { margin-bottom: 6px;}
}


#product .inner-sct { width: 100%; margin: 0 auto;}
#product .bloc { position: relative;}
#product .bloc.ptn-1 { background: url('./img/bg/2.jpg') no-repeat 50% 50% / cover;}
#product .bloc.ptn-2 { background: url('./img/bg/3.jpg') no-repeat 50% 50% / cover;}
#product .bloc.ptn-3 { background: url('./img/bg/4.jpg') no-repeat 50% 50% / cover;}
#product .bloc:before { content: ''; display: block; width: 100%; height: 300px; position: absolute; left: 0; top: -150px;}
#product .bloc.ptn-1:before { background: url('./img/bg/ttl-1.png') no-repeat 50% 50% / auto 100%;}
#product .bloc.ptn-2:before { background: url('./img/bg/ttl-2.png') no-repeat 50% 50% / auto 100%;}
#product .bloc.ptn-3:before { background: url('./img/bg/ttl-3.png') no-repeat 50% 50% / auto 100%;}
#product .bloc .inner-bloc { width: 92%; max-width: 880px; margin: 0 auto; padding: 250px 0; transition: 0.4s linear; opacity: 0;}
#product .type { margin-bottom: 80px; padding: 12px 0 18px; border-radius: 50px;}
#product .type.type-1 { background: linear-gradient(90deg,#d00068,#e0599d,#d00068);}
#product .type.type-2 { background: linear-gradient(90deg,#b57149,#cfa389,#b57149);}
#product .type.type-3 { background: linear-gradient(90deg,#873085,#b178b0,#873085);}
#product .type h2 { color: #fff; font-size: 28px; font-weight: 700; letter-spacing: 0.1rem; line-height: 1; text-align: center;}
#product .ctn-flex { display: flex; justify-content: space-between; width: 100%; margin: 0 auto 100px;}
#product .tit { width: 45%;}
#product .fig { width: 54%;}
#product .tit h3 { text-align: center;}
#product .tit h3 picture { display: block; width: 90%; max-width: 360px; margin: 0 auto;}
#product .tit h3 picture img { width: 100%;}
#product .fig figure { text-align: center;}
#product .fig figure img { width: 100%;}
#product .fig p { padding-right: 8px; color: #be9b8c; font-size: 10px; text-align: right;}
#product .item-flex { position: relative; display: flex; justify-content: space-between;}
#product .img { width: 48%;}
#product .txt { width: 52%;}
#product .img figure { text-align: center;}
#product .img figure img { width: 80%; max-width: 220px;}
#product .txt .inner { margin-bottom: 30px;}
#product .txt h4 { margin-bottom: 12px; font-size: clamp(13px,3.0vw,24px); font-weight: 700; line-height: 1.4;}
#product .txt p { margin-bottom: 18px; font-size: clamp(11px,2.0vw,18px); font-weight: 700;}
#product .txt dl { display: table; width: 100%; max-width: 380px;}
#product .txt dl dt,
#product .txt dl dd { display: table-cell; vertical-align: middle;}
#product .txt dl dt { width: 100px; }
#product .txt dl dt img { width: 90%;}
#product .txt dl dd { width: auto; font-size: clamp(10px,2.0vw,18px); font-weight: 700;}
#product .txt dl dd span { display: block; font-size: clamp(13px,3.0vw,24px);}
#product .txt .cart { width: 88%; max-width: 400px;}
#product .txt .cart form { position: relative; width: 100%; border-radius: 8px; overflow: hidden;}
#product .txt .cart.cart-1 form { background: linear-gradient(-30deg,#d00068,#e0599d,#d00068); box-shadow: 2px 2px 5px #e0599d;}
#product .txt .cart.cart-2 form { background: linear-gradient(-30deg,#b57149,#cfa389,#b57149); box-shadow: 2px 2px 5px #cfa389;}
#product .txt .cart.cart-3 form { background: linear-gradient(-30deg,#873085,#b178b0,#873085); box-shadow: 2px 2px 5px #b178b0;}
#product .txt .cart form svg { position: absolute; left: 50%; top: 50%; transform: translate(-80px,-50%); width: 22px; fill: #fff; z-index: 2;}

#product .txt .cart form:after { content: ''; display: block; width: 24px; height: 9px;
 position: absolute; right: 20px; top: 50%; transform: translateY(-55%); z-index: 1;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 18"><path  d="M49.06,16.71H0v-1.89h46.74L32.91,1.35l1.32-1.35,15.49,15.09c.28.27.36.68.22,1.03-.14.35-.49.59-.87.59Z" fill="%23fff" /></svg>');
}
#product .txt .cart form input[type="submit"]{ display: block; position: relative; z-index: 3; width: 100%; padding: 18px 0;
 background: rgba(255,255,255,0);
 border: solid 1px #fff; border-radius: 8px; color: #fff; font-size: 18px; font-weight: 700; text-indent: 40px;
}
#product .txt .cart form input[type="submit"]:hover { background: rgba(255,255,255,0.2);}


#product .txt .cart span { position: relative; display: block; width: 100%; border-radius: 8px; overflow: hidden;
 background: linear-gradient(-30deg,#8c8c8c,#c8c8c8,#8c8c8c); box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}
#product .txt .cart span svg { position: absolute; left: 50%; top: 50%; transform: translate(-80px,-50%); width: 22px; fill: #fff; z-index: 2;}
#product .txt .cart span em{ display: block; position: relative; z-index: 3; width: 100%; padding: 18px 0;
 background: rgba(255,255,255,0);
 border: solid 1px #fff; border-radius: 8px; color: #fff; font-size: 18px; font-weight: 700; text-align: center; text-indent: 40px;
}
#product .bloc.show .inner-bloc { opacity: 1;}
@media (min-width: 2001px) {
	#product .bloc.ptn-1:before { background-size: 100% 100%;}
	#product .bloc.ptn-2:before { background-size: 100% 100%;}
	#product .bloc.ptn-3:before { background-size: 100% 100%;}
}
@media (max-width: 641px) {
	#product .bloc:before { height: 36vw; top: -24vw;}
	#product .bloc.ptn-1:before { background: url('./img/bg/ttl-1@sp.png') no-repeat 50% 50% / 100% auto;}
	#product .bloc.ptn-2:before { background: url('./img/bg/ttl-2@sp.png') no-repeat 50% 50% / 100% auto;}
	#product .bloc.ptn-3:before { background: url('./img/bg/ttl-3@sp.png') no-repeat 50% 50% / 100% auto;}
	#product .bloc .inner-bloc { padding: 20vw 0 32vw;}
	#product .type { width: 62%; margin: 0 auto 40px; padding: 8px 0 12px;}
	#product .ctn-flex { display: block;}
	#product .tit { width: 100%; margin-bottom: 20px;}
	#product .fig { width: 100%;}
	#product .tit h3 picture { width: 100%;}
	#product .item-flex { display: block; }
	#product .img { width: 26%; position: absolute; left: 0; top: 0;}
	#product .txt { width: 100%;}
	#product .img figure { text-align: left;}
	#product .txt .inner { margin-bottom: 40px; padding-left: 28%; }
	#product .txt .cart { margin: 0 auto;}
}
@media (max-width: 481px) {
	#product .tips { margin-bottom: 12px;}
	#product .type { margin-bottom: 24px;}
	#product .type h2 { font-size: 18px;}
	#product .ctn-flex { margin-bottom: 30px;}
	#product .fig p { padding-right: 5px; font-size: 9px;}
	#product .txt .inner { margin-bottom: 30px;}
	#product .txt h4 { margin-bottom: 8px;}
	#product .txt p { margin-bottom: 12px;}
	#product .txt dl dt { width: 50px;}
	
	#product .txt .cart form svg { width: 18px; transform: translate(-72px,-50%);}
	#product .txt .cart form input[type="submit"]{ padding: 10px 0; font-size: 14px; text-indent: 20px;}
	#product .txt .cart span svg { width: 18px; transform: translate(-72px,-50%);}
	#product .txt .cart span em { padding: 10px 0; font-size: 14px; text-indent: 20px;}
}




.bg { width: 100%; margin: 0 auto; background: url('./img/bg/1.jpg') no-repeat 50% 0;}
@media (min-width: 2001px) {
	.bg { background-size: cover;}
}
@media (max-width: 481px) {
	.bg { background: url('./img/bg/1@sp.jpg') no-repeat 50% 0 / 100% auto;}
}

#point { transition: 0.4s linear; opacity: 0;}
#point .inner-sct { padding: 140px 0 80px;}
#point .ctn { width: 100%;}
#point .slider { padding-bottom: 45px;}
#point .slick-arrow { width: 50px; height: 50px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); border: none; z-index: 100;
 text-indent: -9999em; outline: none; box-shadow: 2px 2px 8px rgba(250,220,230,0.8); border-radius: 50%;
}
#point .slick-prev { margin-left: -40px; background: url('./img/icn/prev.png') no-repeat 50% 50% / 100% 100%;}
#point .slick-next { margin-left: 40px; background: url('./img/icn/next.png') no-repeat 50% 50% / 100% 100%;}
#point .slick-arrow:hover { opacity: 0.6;}
#point .ctn picture { display: block; width: 98%; max-width: 860px; margin: 0 auto;}
#point .ctn picture img { width: 100%;}
#point.show { opacity: 1;}
@media (max-width: 481px) {
	#point .inner-sct { padding: 60px 0 40px;}
	#point .slider { padding-bottom: 45px;}
	#point .slick-arrow { width: 40px; height: 40px;}
	#point .slick-prev { margin-left: -30px;}
	#point .slick-next { margin-left: 30px;}
}



#howto { transition: 0.4s linear; opacity: 0;}
#howto .inner-sct { padding: 80px 0;}
#howto .ctn { width: 94%; max-width: 860px; margin: 0 auto 120px;}
#howto .ctn picture { display: block; width: 100%;}
#howto .ctn picture img { width: 100%;}
#howto .separate { width: 100%; height: 40px; margin-bottom: 90px; background: url('./img/separate.png') no-repeat 50% 50% / auto 100%;}
#howto .caution { width: 90%; max-width: 840px; margin: 0 auto;}
#howto .caution .box { padding: 40px 50px; background: #fff; box-shadow: 2px 2px 8px rgba(250,220,230,0.8);}
#howto .caution h3 { margin-bottom: 20px; font-size: clamp(16px,3.0vw,24px); font-weight: 700; text-align: center;}
#howto .caution h3:after { content: ''; display: block; width: 100%; height: 2px; margin: 8px 0 0;
 background: linear-gradient(90deg,#f096aa,#f5d291,#b487dc);
}
#howto .caution ul { }
#howto .caution ul li { position: relative; margin-bottom: 30px; padding-left: 1.25em; font-size: 14px;}
#howto .caution ul li:last-child { margin-bottom: 0px;}
#howto .caution ul li:before { content: ''; display: block; width: 12px; height: 12px; background: #8f5838; border-radius: 50%;
 position: absolute; left: 0; top: 0.45em;
}
#howto.show { opacity: 1;}
@media (max-width: 641px) {
	#howto .ctn { margin-bottom: 80px;}
	#howto .separate { margin-bottom: 60px;}
	#howto .caution .box { padding: 20px 30px 30px;}
	#howto .caution ul li { margin-bottom: 20px;}
}
@media (max-width: 481px) {
	#howto .inner-sct { padding: 40px 0;}
	#howto .tips { margin-bottom: 12px;}
	#howto .ctn { margin-bottom: 40px;}
	#howto .separate { height: 30px; margin-bottom: 40px;}
	#howto .caution .box { padding: 20px 20px 20px;}
	#howto .caution h3 { margin-bottom: 12px;}
	#howto .caution h3:after { height: 1px;}
	#howto .caution ul li { margin-bottom: 12px; font-size: 10px;}
	#howto .caution ul li:before { width: 8px; height: 8px;}
}



#faq { transition: 0.4s linear; opacity: 0;}
#faq .inner-sct { padding: 90px 0 260px;}
#faq .tips {}
#faq .ctn { width: 94%; max-width: 840px; margin: 0 auto;}
#faq .ctn ul { }
#faq .ctn ul li { padding: 8px 0;}
#faq .ctn ul li dl {}
#faq .ctn ul li dl dt { position: relative; padding: 20px 45px; padding-left: 100px;
 background: #fff; box-shadow: 2px 2px 8px rgba(250,220,230,0.8);
 font-size: 20px; font-weight: 700; letter-spacing: 0.08rem; line-height: 1.4; cursor: pointer;
}
#faq .ctn ul li dl dt:before,
#faq .ctn ul li dl dt:after { content: ''; display: block; width: 24px; height: 1px; background: #8f5838;
 position: absolute; right: 20px; top: 50%; transition: 0.3s linear;
}
#faq .ctn ul li dl dt:before{ transform: translateY(-50%);}
#faq .ctn ul li dl dt:after { transform: translateY(-50%) rotate(90deg);}
#faq .ctn ul li dl dt.open:after { transform: translateY(-50%) rotate(180deg);}
#faq .ctn ul li dl dt i { display: block; width: 65px; position: absolute; left: 20px; top: 9px;}
#faq .ctn ul li dl dt i img { width: 100%;}
#faq .ctn ul li dl dt br { display: none;}
#faq .ctn ul li dl dd { display: none; position: relative; padding: 20px 20px 40px; padding-left: 110px; font-size: 16px; font-weight: 700;}
#faq .ctn ul li dl dd i { display: block; width: 65px; position: absolute; left: 20px; top: 16px;}
#faq .ctn ul li dl dd i img { width: 100%;}
#faq.show { opacity: 1;}
@media (max-width: 641px) {
	#faq .inner-sct { padding: 60px 0 120px;}
	#faq .ctn ul li dl dt { font-size: 3.0vw;}
	#faq .ctn ul li dl dt br { display: block;}
}
@media (max-width: 481px) {
	#faq .inner-sct { padding: 40px 0 60px;}
	#faq .ctn ul li dl dt { padding: 12px 30px; padding-left: 60px; font-size: 13px;}
	#faq .ctn ul li dl dt:before,
	#faq .ctn ul li dl dt:after { width: 18px; right: 12px;}
	#faq .ctn ul li dl dt i { width: 42px; left: 8px; top: 8px;}
	#faq .ctn ul li dl dd { padding: 12px 20px; padding-left: 60px; font-size: 12px;}
	#faq .ctn ul li dl dd i { width: 42px; left: 8px; top: 8px;}
}


#shop .inner-sct { position: relative; width: 100%; margin: 0 auto; padding: 230px 0 180px;
 background: url('./img/bg/1.jpg') no-repeat 50% 0 / cover;
}
#shop .ttl { position: absolute; left: 0; top: 0; width: 100%;}
#shop .ttl:after { content: ''; display: block; width: 100%; height: 160px; position: absolute; left: 0; top: 0; z-index: 1;
 background: url('./img/bg/ttl-4.png') no-repeat 50% 100%;
}
#shop .ttl div { position: relative; padding-top: 30px; z-index: 2;}
#shop .ttl h2 { color: #fff; font-size: 30px; font-weight: 700; letter-spacing: 0.1rem; line-height: 1; text-align: center;}
#shop .ctn { width: 92%; max-width: 920px; margin: 0 auto; transition: 0.4s linear; opacity: 0;}
#shop .ctn h3 { margin-bottom: 30px; text-align: center;}
#shop .ctn h3 picture { display: block; width: 80%; max-width: 520px; margin: 0 auto;}
#shop .ctn h3 picture img { width: 100%;}
#shop .ctn p { margin-bottom: 70px; color: #8f5838; font-size: 12px; text-align: center;}
#shop .ctn ul { font-size: 0px;}
#shop .ctn ul li { display: inline-block; width: 33.33334%; padding: 9px; font-size: 16px; font-weight: 700;}
#shop .ctn ul li a { position: relative; display: block; padding: 2px; background: #fff; border-radius: 12px; border: solid 4px #fff;
background: linear-gradient(90deg,#f096aa,#f5d291,#b487dc); box-shadow: 2px 2px 8px rgba(250,220,230,0.8); color: #8f5838; text-decoration: none;
}
#shop .ctn ul li a:before,
#shop .ctn ul li a:after { content: ''; display: block; position: absolute; }
#shop .ctn ul li a:before{ width: 26px; height: 100%; left: 20px; top: 0; background: url('./img/icn/bee.png') no-repeat 50% 50% / 100% auto;
}
#shop .ctn ul li a:after { width: 10px; height: 10px; border-top: solid 1px #b487dc; border-right: solid 1px #b487dc;
 position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(45deg);
}
#shop .ctn ul li a span { display: block; padding: 20px 0; padding-left: 54px; background: #fff; border-radius: 6px;}
#shop .ctn ul li a:hover { opacity: 0.8;}
#shop.show .ctn { opacity: 1;}
@media (min-width: 2001px) {
	#shop .ttl:after { background-size: 100% 100%;}
}
@media (max-width: 641px) {
	#shop .inner-sct { padding: 30vw 0 80px;}
	#shop .ttl:after { height: 20vw; background: url('./img/bg/ttl-4@sp.png') no-repeat 50% 100% / 100% auto;}
	#shop .ctn h3 { margin-bottom: 20px;}
	#shop .ctn p { margin-bottom: 40px;}
	#shop .ctn ul li { width: 50%; padding: 6px; font-size: 14px;}
	#shop .ctn ul li a { padding: 1px; border-radius: 8px; border-width: 4px;}
	#shop .ctn ul li a:before { width: 24px; left: 12px;}
	#shop .ctn ul li a span { padding: 12px 0; padding-left: 45px; border-radius: 4px;}
}
@media (max-width: 481px) {
	#shop .inner-sct { padding: 30vw 0 60px; background: url('./img/bg/1@sp.jpg') no-repeat 50% 50% / 100% auto;}
	#shop .ttl:after { height: 21vw;}
	#shop .ttl div { padding-top: 18px;}
	#shop .ttl h2 { font-size: 24px;}
	#shop .ctn ul li { padding: 4px; font-size: 12px;}
	#shop .ctn ul li a { border-width: 2px;}
	#shop .ctn ul li a:before { width: 18px; left: 8px;}
	#shop .ctn ul li a:after { width: 7px; height: 7px; right: 10px;}
	#shop .ctn ul li a span { padding: 8px 0; padding-left: 30px;}
}


#series { position: relative;}
#series .inner-sct { position: relative; width: 100%; margin: 0 auto; padding: 280px 0 180px;
 background: url('./img/bg/1.jpg') no-repeat 50% 0 / cover;
}
#series .ttl { position: absolute; left: 0; top: 0; width: 100%;}
#series .ttl:after { content: ''; display: block; width: 100%; height: 220px; position: absolute; left: 0; top: 0; z-index: 1;
 background: url('./img/bg/ttl-4.png') no-repeat 50% 100%;
}
#series .ttl div { position: relative; padding-top: 50px; z-index: 2;}
#series .ttl h3 { text-align: center;}
#series .ttl h3 img { width: 80%; max-width: 560px;}
#series .ctn { width: 90%; max-width: 1100px; margin: 0 auto; transition: 0.4s linear; opacity: 0;}
#series .ctn ul { font-size: 0; text-align: center;}
#series .ctn ul li { display: inline-block; width: 20%;}
#series .ctn ul li.blank { display: none;}
#series .ctn ul li a { display: block; width: 92%; max-width: 180px; margin: 0 auto; text-decoration: none;}
#series .ctn ul li dl dt { margin-bottom: 20px; text-align: center;}
#series .ctn ul li dl dt img { width: 35%; max-width: 92px;}
#series .ctn ul li dl dd { position: relative; font-size: 15px; font-weight: 700;}
#series .ctn ul li dl dd:after { content: ''; display: block; width: 100%; height: 100%;
 position: absolute; left: 0; top: 0;
 clip-path: polygon(0 0, 100% 0, 94% 50%, 100% 100%, 0 100%, 6% 50%);
}
#series .ctn ul li:nth-child(1) dl dd:after { background: #e5864b;}
#series .ctn ul li:nth-child(2) dl dd:after { background: #e78c8f;}
#series .ctn ul li:nth-child(3) dl dd:after { background: #ffcf26;}
#series .ctn ul li:nth-child(4) dl dd:after { background: #e06b51;}
#series .ctn ul li:nth-child(5) dl dd:after { background: #a0aab9;}
#series .ctn ul li dl dd span { position: relative; z-index: 2; display: block; padding: 12px 0; color: #fff;}
#series .ctn ul li dl dd span:after { content: ''; display: block; width: 8px; height: 8px; border-top: solid 2px #fff; border-right: solid 2px #fff;
 position: absolute; top: 50%; right: 12%; transform: translateY(-50%) rotate(45deg);
}
#series .ctn ul li a:hover { opacity: 0.8;}
#series.show .ctn { opacity: 1;}
@media (min-width: 2001px) {
	#series .ttl:after { background-size: 100% 100%;}
}
@media (max-width: 641px) {
	#series .inner-sct { padding: 30vw 0 80px;}
	#series .ttl:after { height: 24vw; background: url('./img/bg/ttl-4@sp.png') no-repeat 50% 100% / 100% auto;}
	#series .ttl div { padding-top: 5vw;}
	#series .ctn ul li { width: 50%; padding: 12px 0;}
	#series .ctn ul li.blank { display: inline-block;}
	#series .ctn ul li a { width: 80%;}
	#series .ctn ul li dl dt { margin-bottom: 12px;}
	#series .ctn ul li dl dd span { padding: 8px 0;}
	#series .ctn ul li dl dd span:after { width: 6px; height: 6px;}
}
@media (max-width: 481px) {
	#series .inner-sct { padding: 30vw 0 60px; background: url('./img/bg/1@sp.jpg') no-repeat 50% 50% / 100% auto;}
	#series .ctn ul li dl dd { font-size: 13px;}
}