@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model and set borders */
/* ============================================ */

*,
::before,
::after{
box-sizing:border-box;
border-style:solid;
border-width:0;
}

/* Document */
/* ============================================ */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
* 3. Remove gray overlay on links for iOS.
*/

html{
line-height:1.15;/* 1 */
-webkit-text-size-adjust:100%;/* 2 */
-webkit-tap-highlight-color:transparent;/* 3*/
}

/* Sections */
/* ============================================ */

/**
* Remove the margin in all browsers.
*/

body{
margin:0;
}

/**
* Render the `main` element consistently in IE.
*/

main{
display:block;
}

/* Vertical rhythm */
/* ============================================ */

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl{
margin:0;
}

/* Headings */
/* ============================================ */

h1,
h2,
h3,
h4,
h5,
h6{
font-size:inherit;
font-weight:inherit;
margin:0;
}

/* Lists (enumeration) */
/* ============================================ */

ul,
ol{
margin:0;
padding:0;
list-style:none;
}

/* Lists (definition) */
/* ============================================ */

dt{
font-weight:bold;
}

dd{
margin-left:0;
}

/* Grouping content */
/* ============================================ */

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr{
box-sizing:content-box;/* 1 */
height:0;/* 1 */
overflow:visible;/* 2 */
border-top-width:1px;
margin:0;
clear:both;
color:inherit;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre{
font-family:monospace, monospace;/* 1 */
font-size:inherit;/* 2 */
}

address{
font-style:inherit;
}

/* Text-level semantics */
/* ============================================ */

/**
* Remove the gray background on active links in IE 10.
*/

a{
background-color:transparent;
text-decoration:none;
color:inherit;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title]{
text-decoration:underline dotted;/* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong{
font-weight:bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp{
font-family:monospace, monospace;/* 1 */
font-size:inherit;/* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small{
font-size:80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}

sub{
bottom:-0.25em;
}

sup{
top:-0.5em;
}

/* Replaced content */
/* ============================================ */

/**
* Prevent vertical alignment issues.
*/

svg,
img,
embed,
object,
iframe{
vertical-align:bottom;
}

/* Forms */
/* ============================================ */

/**
* Reset form fields to make them styleable.
* 1. Make form elements stylable across systems iOS especially.
* 2. Inherit text-transform from parent.
*/

button,
input,
optgroup,
select,
textarea{
-webkit-appearance:none;/* 1 */
appearance:none;
vertical-align:middle;
color:inherit;
font:inherit;
background:transparent;
padding:0;
margin:0;
border-radius:0;
text-align:inherit;
text-transform:inherit;/* 2 */
}

/**
* Correct cursors for clickable elements.
*/

button,
[type="button"],
[type="reset"],
[type="submit"]{
cursor:pointer;
}

button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled{
cursor:default;
}

/**
* Improve outlines for Firefox and unify style with input elements & buttons.
*/

:-moz-focusring{
outline:auto;
}

select:disabled{
opacity:inherit;
}

/**
* Remove padding
*/

option{
padding:0;
}

/**
* Reset to invisible
*/

fieldset{
margin:0;
padding:0;
min-width:0;
}

legend{
padding:0;
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress{
vertical-align:baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea{
overflow:auto;
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
height:auto;
}

/**
* Correct the outline style in Safari.
*/

[type="search"]{
outline-offset:-2px;/* 1 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Fix font inheritance.
*/

::-webkit-file-upload-button{
-webkit-appearance:button;/* 1 */
font:inherit;/* 2 */
}

/**
* Fix appearance for Firefox
*/
[type="number"]{
-moz-appearance:textfield;
}

/**
* Clickable labels
*/

label[for]{
cursor:pointer;
}

/* Interactive */
/* ============================================ */

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details{
display:block;
}

/*
* Add the correct display in all browsers.
*/

summary{
display:list-item;
}

/*
* Remove outline for editable content.
*/

[contenteditable]:focus{
outline:auto;
}

/* Tables */
/* ============================================ */

/**
1. Correct table border color inheritance in all Chrome and Safari.
*/

table{
border-color:inherit;/* 1 */
border-collapse:collapse;
}

caption{
text-align:left;
}

td,
th{
vertical-align:top;
padding:0;
}

th{
text-align:left;
font-weight:bold;
}


html{ 
font-size:62.5%;
scroll-behavior:smooth;
scroll-padding-top:150px;
}

body{
inline-size:100%;
-webkit-text-size-adjust:100%;
color:#333333;
font-family:'Noto Sans JP', Arial, sans-serif;
font-size:16px;
font-weight:400;
line-height:1.5;
background:#fff;
}

a{
color:#333;
transition:all 0.3s ease;
}

a:hover{
color:#397E13;
text-decoration:underline;
}

img{max-width:100%;}


/*PC用*/
@media print,screen {
.pc{display:block !important }
.sp{display:none !important }



/*----------------------------------------
.inner
----------------------------------------*/
.inner{
width:100%;
max-width:1000px;
margin:0 auto;
}

/*----------------------------------------
header
----------------------------------------*/
header{
position:fixed;
top:0;
left:0;
z-index:9998;
width:100%;
min-height:100px;
background:#fff;
}

header .inner{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
max-width:1280px;
padding:15px 30px;
}

header nav{
display:flex;
flex-wrap:wrap;
align-items:center;
}

header nav menu{
display:flex;
flex-wrap:wrap;
list-style:none;
margin:0;
padding:0;
}

header nav menu a{
margin-right:calc(40px - 1em);
font-size:112.5%;
}

header nav menu a span{
position:relative;
z-index:1;
display:inline-block;
}

header nav menu a span:after{
content:"";
position:absolute;
left:0;
bottom:-0.75em;
width:0%;
height:2px;
background:#89B96E;
z-index:-1;
transition:all 0.4s;
}

header nav menu a:hover span:after{
width:100%;
}

header nav menu a:hover{
text-decoration:none;
}

header nav .btn_cart{
position:relative;
overflow:hidden;
background:#89B96E;
border-radius:10px;
}

header nav .btn_cart span{
position:relative;
z-index:3;
display:inline-block;
padding:10px 38px 10px 58px;
color:#fff;
font-size:125%;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aWNvbl9jYXJ0X29mZg.png?cmsp_timestamp=20240115011406") no-repeat left 15px center;
border:2px solid #89B96E;
border-radius:10px;
}

header nav .btn_cart span:hover{
color:#89B96E;
text-decoration:none;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aWNvbl9jYXJ0X29u.png?cmsp_timestamp=20240115011406") no-repeat left 15px center;
}

header nav .btn_cart::before{
content:"";
position:absolute;
top:0;
left:0;
z-index:2;
background:#fff;
width:100%;
height:100%;
border-radius:10px;
transition:transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform:scale(0, 1);
transform-origin:right top;
}

header nav .btn_cart:hover::before{
transform-origin:left top;
transform:scale(1, 1);
}

header nav .btn_portal a{
position:relative;
display:block;
margin-left:40px;
padding:5px 70px 10px 80px;
color:#fff;
line-height:1.25;
background:#89B96E;
border:2px solid #89B96E;
border-radius:30px;
}

header nav .btn_portal a:hover{
text-decoration:none;
color:#89B96E;
background:#fff;
}

header nav .btn_portal a .icon{
content:"";
position:absolute;
top:-10px;
left:5px;
display:block;
width:70px;
height:57px;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aW1nX2NoaWxkX3M.png?cmsp_timestamp=20240115011406") no-repeat center center / 100% auto;
}

header nav .btn_portal a::before{
content:"";
position:absolute;
top:0;
bottom:0;
right:20px;
margin:auto;
display:block;
width:16px;
height:16px;
background:#fff;
border-radius:50%;
}

header nav .btn_portal a:hover::before{
content:"";
position:absolute;
top:0;
bottom:0;
right:10px;
margin:auto;
display:block;
width:40px;
height:40px;
background:#89B96E;
border-radius:50%;
}

header nav .btn_portal a:hover::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:25px;
margin:auto;
display:block;
width:12px;
height:12px;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
transform:rotate(45deg);
}

header nav .btn_guide{
position:absolute;
top:150px;
right:0;
}

header nav .btn_guide a{
position:relative;
display:block;
width:60px;
height:260px;
padding:15px 8px 0 0;
color:#fff;
text-align:left;
line-height:1.25;
letter-spacing:0.2em;
writing-mode:vertical-rl;
text-orientation:upright;
background:#EB6EA5;
border:2px solid #EB6EA5;
border-right:none;
border-radius:20px 0 0 20px;
}

header nav .btn_guide a:hover{
text-decoration:none;
color:#EB6EA5;
background:#fff;
}

header nav .btn_guide a::before{
content:"";
position:absolute;
bottom:15px;
right:0;
left:0;
margin:auto;
display:block;
width:16px;
height:16px;
background:#fff;
border-radius:50%;
}

header nav .btn_guide a:hover::before{
content:"";
position:absolute;
bottom:5px;
right:0;
left:0;
margin:auto;
display:block;
width:40px;
height:40px;
background:#EB6EA5;
border-radius:50%;
}

header nav .btn_guide a:hover{
text-decoration:none;
color:#EB6EA5;
background:#fff;
}

header nav .btn_guide a:hover::after{
content:"";
position:absolute;
bottom:18px;
right:25px;
margin:auto;
display:block;
width:12px;
height:12px;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
transform:rotate(45deg);
}

header nav .btn_guide a span{
display:inline;
}

header nav .btn_guide a .br{
display:block;
}


/*----------------------------------------
header.top
----------------------------------------*/
header.top .inner{
justify-content:center;
}

header.top .inner h1{
display:none;
}

header.top nav .btn_portal{
position:absolute;
top:140px;
right:0;
width:286px;
height:190px;
padding:95px 25px 0 45px;
background:#89B96E;
border-top-left-radius:120px;
border-bottom-left-radius:120px;
}

header.top nav .btn_portal a{
position:relative;
display:block;
margin-left:0;
padding:5px 50px 10px 20px;
color:#fff;
line-height:1.25;
background:#89B96E;
border:2px solid #fff;
border-radius:30px;
}

header.top nav .btn_portal a:hover{
text-decoration:none;
color:#89B96E;
background:#fff;
}

header.top nav .btn_portal a .icon{
content:"";
position:absolute;
top:-170px;
left:0;
display:block;
width:188px;
height:153px;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aW1nX2NoaWxkX2w.png?cmsp_timestamp=20240115011406") no-repeat center center / 100% auto;
}

header.top nav .btn_portal a::before{
content:"";
position:absolute;
top:0;
bottom:0;
right:20px;
margin:auto;
display:block;
width:16px;
height:16px;
background:#fff;
border-radius:50%;
}

header.top nav .btn_portal a:hover::before{
content:"";
position:absolute;
top:0;
bottom:0;
right:10px;
margin:auto;
display:block;
width:40px;
height:40px;
background:#89B96E;
border-radius:50%;
}

header.top nav .btn_portal a:hover::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:25px;
margin:auto;
display:block;
width:12px;
height:12px;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
transform:rotate(45deg);
}

header.top nav .btn_guide{
position:absolute;
top:70vh;
right:30px;
}

header.top nav .btn_guide a{
position:relative;
display:block;
width:160px;
height:160px;
padding:15px 0 0 0;
color:#fff;
text-align:center;
line-height:1.5;
letter-spacing:normal;
writing-mode:horizontal-tb;
text-orientation:upright;
background:#EB6EA5;
border:2px solid #EB6EA5;
border-radius:50%;
}

header.top nav .btn_guide a:hover{
text-decoration:none;
color:#EB6EA5;
background:#fff;
}

header.top nav .btn_guide a::before{
content:"";
position:absolute;
bottom:15px;
right:0;
left:0;
margin:auto;
display:block;
width:16px;
height:16px;
background:#fff;
border-radius:50%;
}

header.top nav .btn_guide a:hover::before{
content:"";
position:absolute;
bottom:5px;
right:0;
left:0;
margin:auto;
display:block;
width:40px;
height:40px;
background:#EB6EA5;
border-radius:50%;
}

header.top nav .btn_guide a:hover::after{
content:"";
position:absolute;
bottom:18px;
right:75px;
margin:auto;
display:block;
width:12px;
height:12px;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
transform:rotate(45deg);
}

header.top nav .btn_guide a span{
display:block;
}


header.top nav .btn_guide a .br{
display:none;
}

/*----------------------------------------
header.top.fixed
----------------------------------------*/
header.top.fixed .inner{
justify-content:space-between;
}

header.top.fixed .inner h1{
display:block;
}

header.top.fixed nav .btn_portal{
position:static;
width:auto;
height:auto;
padding:0;
background:none;
border-top-left-radius:0;
border-bottom-left-radius:0;
}

header.top.fixed nav .btn_portal a{
position:relative;
display:block;
margin-left:40px;
padding:5px 70px 10px 80px;
color:#fff;
line-height:1.25;
background:#89B96E;
border:2px solid #89B96E;
border-radius:30px;
}

header.top.fixed nav .btn_portal a:hover{
text-decoration:none;
color:#89B96E;
background:#fff;
}

header.top.fixed nav .btn_portal a .icon{
content:"";
position:absolute;
top:-10px;
left:5px;
display:block;
width:70px;
height:57px;
background:url(https://img21.shop-pro.jp/PA01505/307/etc_base64/aW1nX2NoaWxkX3M.png?cmsp_timestamp=20240115011406) no-repeat center center / 100% auto;
}

header.top.fixed nav .btn_guide{
position:absolute;
top:150px;
right:0;
}

header.top.fixed nav .btn_guide a{
position:relative;
display:block;
width:60px;
height:260px;
padding-right:8px;
color:#fff;
text-align:left;
line-height:1.25;
letter-spacing:0.2em;
writing-mode:vertical-rl;
text-orientation:upright;
background:#EB6EA5;
border:2px solid #EB6EA5;
border-right:none;
border-radius:20px 0 0 20px;
}

header.top.fixed nav .btn_guide a:hover{
text-decoration:none;
color:#EB6EA5;
background:#fff;
}

header.top.fixed nav .btn_guide a:hover::after{
content:"";
position:absolute;
bottom:18px;
right:25px;
margin:auto;
display:block;
width:12px;
height:12px;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
transform:rotate(45deg);
}

header.top.fixed nav .btn_guide a span{
display:inline;
}

header.top.fixed nav .btn_guide a .br{
display:block;
}


/*----------------------------------------
.page_header
----------------------------------------*/
.page_header{
padding:100px 5vw 20px;
background:#F2F2E9;
}

.page_header.top{
display:none;
}

/*----------------------------------------
.breadcrumb
----------------------------------------*/
.breadcrumb{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
width:100%;
max-width:1000px;
margin:0 auto;
padding:30px;
}

.breadcrumb a{
position:relative;
display:inline-block;
margin-right:30px;
}

.breadcrumb a::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:-1em;
width:7px;
height:7px;
margin:auto;
border-top:solid 1.5px #2C2C2C;
border-right:solid 1.5px #2C2C2C;
transform:rotate(45deg);
}

/*----------------------------------------
.page_tit
----------------------------------------*/
.page_tit{
width:100%;
max-width:1000px;
margin:0 auto;
padding-top:30px;
text-align:center;
}

.page_tit h2{
position:relative;
display:inline-block;
max-width:900px;
margin:0 auto 15px;
padding:25px 20px 55px 80px;
font-size:212.5%;
font-weight:700;
text-align:left;
word-break:auto-phrase;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/bWFya18wMQ.png?cmsp_timestamp=20240115011406") no-repeat left 20px top 20px, #fff;
border-radius:10px;
}

.page_tit h2::after{
content:"";
position:absolute;
left:20px;
bottom:20px;
width:calc(100% - 40px);
height:6px;
background:#89B96E;
border-radius:3px;
}

.page_tit p{
color:#397E13;
font-size:112.5%;
font-weight:700;
word-break:auto-phrase;
}

/*----------------------------------------
.headline_01
----------------------------------------*/
.headline_01{
position:relative;
display:inline-block;
margin:0 auto 15px;
padding:25px 20px 55px 80px;
font-size:212.5%;
font-weight:700;
text-align:left;
word-break:auto-phrase;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/bWFya18wMQ.png?cmsp_timestamp=20240115011406") no-repeat left 20px top 20px;
border-radius:10px;
}

.headline_01::after{
content:"";
position:absolute;
left:20px;
bottom:20px;
width:calc(100% - 40px);
height:6px;
background:#89B96E;
border-radius:3px;
}

/*----------------------------------------
.headline_02
----------------------------------------*/
.headline_02{
margin:0 auto 1em;
font-size:212.5%;
font-weight:700;
word-break:auto-phrase;
}

/*----------------------------------------
.headline_03
----------------------------------------*/
.headline_03{
margin:0 auto 1em;
font-size:125%;
font-weight:700;
word-break:auto-phrase;
}

/*----------------------------------------
.headline_04
----------------------------------------*/
.headline_04{
width:100%;
margin:2em auto 1em;
padding:0.3em 0.3em 0.3em 40px;
color:#fff;
font-size:150%;
font-weight:700;
line-height:1.4;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/bWFya18wMg.png?cmsp_timestamp=20240629071204") no-repeat left center, #B879B1;
}

/*----------------------------------------
.headline_05
----------------------------------------*/
.headline_05{
width:100%;
margin:2em auto 1em;
padding:0.3em 0.3em 0.3em 40px;
color:#fff;
font-size:150%;
font-weight:700;
line-height:1.4;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/bWFya18wMg.png?cmsp_timestamp=20240629071204") no-repeat left center, #4FC1D0;
}

/*----------------------------------------
.headline_06
----------------------------------------*/
.headline_06{
width:100%;
margin:2em auto 1em;
padding:0.3em 0.3em 0.3em 40px;
color:#fff;
font-size:150%;
font-weight:700;
line-height:1.4;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/bWFya18wMg.png?cmsp_timestamp=20240629071204") no-repeat left center, #E5747B;
}

/*----------------------------------------
.list_decimal
----------------------------------------*/
.list_decimal{
padding-left:1em;
list-style:decimal;
line-height:2;
}

/*----------------------------------------
.note
----------------------------------------*/
ul.note{
margin-bottom:0.5em;
padding:0 40px;
font-size:87.5%;
line-height:2;
}

ul.note li::before{content:"\203B";}

/*----------------------------------------
.btn_c
----------------------------------------*/
.btn_c{text-align:center;}

/*----------------------------------------
.btn_01
----------------------------------------*/
.btn_01{
position:relative;
display:inline-block;
margin-top:35px;
padding:20px 70px;
color:#fff;
font-size:125%;
font-weight:700;
line-height:1;
background:#89B96E;
border:2px solid #fff;
border-radius:30px;
}

.btn_01:hover{
text-decoration:none;
color:#89B96E;
background:#fff;
border:2px solid #89B96E;
}

.btn_01::before{
content:"";
position:absolute;
top:0;
bottom:0;
right:20px;
margin:auto;
display:block;
width:16px;
height:16px;
background:#fff;
border-radius:50%;
}

.btn_01:hover::before{
content:"";
position:absolute;
top:0;
bottom:0;
right:10px;
margin:auto;
display:block;
width:40px;
height:40px;
background:#89B96E;
border-radius:50%;
}

.btn_01:hover::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:25px;
margin:auto;
display:block;
width:12px;
height:12px;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
transform:rotate(45deg);
}

/*----------------------------------------
.mv
----------------------------------------*/
.mv{
position:relative;
width:100%;
margin:0 auto 60px;
}

.mv .img{width:100%;}

.mv .text{
position:absolute;
top:170px;
left:115px;
width:574px;
text-align:center;
}

.mv .text h1 img{margin-bottom:15px;}

.mv .text p{
padding:0 40px;
font-size:112.5%;
line-height:1.78;
text-align:left;
word-break:auto-phrase;
}

/*----------------------------------------
.page_link
----------------------------------------*/
.page_link{padding:0 5vw;}

.page_link ul{
display:flex;
flex-wrap:wrap;
justify-content:space-around;
width:100%;
max-width:880px;
margin:0 auto 60px;
padding:0;
list-style:none;
border:2px solid #89B96E;
border-radius:10px;
}

.page_link a{
position:relative;
display:block;
padding:20px 42px;
}

.page_link li:not(:first-child) a::after{
content:"";
position:absolute;
left:0;
top:25px;
display:block;
width:2px;
height:1em;
background:#707070;
}

.page_link a:hover{
color:#B7B7B7;
text-decoration:none;
}

/*----------------------------------------
#anc_about
----------------------------------------*/
#anc_about{
margin-bottom:130px;
padding:100px 5vw 60px;
background:#F2F2E9;
}

#anc_about .inner{
position:relative;
padding:120px 450px 60px 50px;
background:#fff;
border-radius:10px;
}

#anc_about .inner .tit{
position:absolute;
left:0;
top:-40px;
background:#fff;
border-radius:10px;
}

#anc_about .inner p{line-height:2;}

#anc_about .inner a{
color:#397E13;
font-weight:700;
line-height:2;
text-decoration:underline;
}

#anc_about .inner a:hover{text-decoration:none;}

#anc_about .inner a span{position:relative;}

#anc_about .inner a span::after{
content:"";
position:absolute;
right:-24px;
bottom:1px;
display:inline-block;
width:22px;
height:22px;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aWNvbl9leHRlcm5hbF9saW5r.png?cmsp_timestamp=20240115030432") no-repeat center center / 100% auto;
}

#anc_about .inner figure{
position:absolute;
right:-95px;
bottom:-140px;
}

/*----------------------------------------
#anc_img
----------------------------------------*/
#anc_img{
margin-bottom:130px;
padding:0 5vw;
}

#anc_img .inner{
position:relative;
width:100%;
max-width:1000px;
margin:0 auto;
}

#anc_img h2{
position:absolute;
top:-40px;
left:0;
}

#anc_img .img{
margin-bottom:30px;
text-align:right;
}

#anc_img .box{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
background:#F2F2E9;
border-radius:10px;
}

#anc_img .box figure{
width:48%;
padding:15px 0 15px 40px;
}

#anc_img .box .text{
width:49%;
padding:70px 40px 40px 0;
line-height:2;
}

/*----------------------------------------
#anc_notes
----------------------------------------*/
#anc_notes{
margin-bottom:130px;
padding:100px 5vw 60px;
background:#F2F2E9;
}

#anc_notes .inner{
position:relative;
padding:120px 55px 60px;
background:#fff;
border-radius:10px;
}

#anc_notes .inner .tit{
position:absolute;
left:0;
top:-40px;
background:#fff;
border-radius:10px;
}

#anc_notes .inner b{color:#397E13;}

/*----------------------------------------
#anc_sponsor
----------------------------------------*/
#anc_sponsor{
margin-bottom:130px;
padding:0 5vw;
}

#anc_sponsor .inner{
width:100%;
max-width:1000px;
margin:0 auto;
padding:40px;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aW1nX3RvcF8wNA.png?cmsp_timestamp=20240115030432") no-repeat top 40px right 40px, #F2F2E9;
border:6px solid #89B96E;
border-radius:10px;
}

#anc_sponsor .inner p{
margin-bottom:0.5em;
padding-right:250px;
line-height:2;
}

/*----------------------------------------
#anc_list
----------------------------------------*/
#anc_list{
width:100%;
margin-bottom:0;
}

#anc_list .inner{position:relative;}

#anc_list .inner p{
margin-bottom:0.5em;
padding:0 40px;
line-height:2;
}

#anc_list .inner ul {
margin-bottom:0.5em;
padding:0 40px;
line-height:2;
}

#anc_list .page_link{
margin:3em 0;
}

#anc_list .page_link ul{
max-width:100%;
padding:0;
}

#anc_list .page_link li{
width:calc(100% / 3);
}

#anc_list .page_link a{
padding:20px;
text-align:center;
}

#anc_list .list_name,
#anc_list .list_price{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
max-width:880px;
margin:2em auto 0 !important;
padding:0 !important;
}

#anc_list .list_name li,
#anc_list .list_price li{
width:48%;
margin-bottom:2em;
}

#anc_list .list_name li a,
#anc_list .list_price li a{
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
height:100%;
padding:20px 60px 20px 30px;
line-height:1.4;
text-decoration:none;
background:#fff;
border:4px solid #B879B1;
border-radius:100px;
}

#anc_list .list_price li a{
border:4px solid #4FC1D0;
}

#anc_list .list_name li a::before,
#anc_list .list_price li a::before{
content:"";
position:absolute;
top:0;
bottom:0;
right:25px;
margin:auto;
display:block;
width:16px;
height:16px;
background:#B879B1;
border-radius:50%;
}

#anc_list .list_price li a::before{
background:#4FC1D0;
}

#anc_list .list_name li a:hover,
#anc_list .list_price li a:hover{
color:#fff;
background:#B879B1;
}

#anc_list .list_price li a:hover{
background:#4FC1D0;
}

#anc_list .list_name li a:hover::before,
#anc_list .list_price li a:hover::before{
content:"";
position:absolute;
top:0;
bottom:0;
right:15px;
margin:auto;
display:block;
width:40px;
height:40px;
background:#fff;
border-radius:50%;
}

#anc_list .list_name li a:hover::after,
#anc_list .list_price li a:hover::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:30px;
margin:auto;
display:block;
width:12px;
height:12px;
border-top:solid 2px #B879B1;
border-right:solid 2px #B879B1;
transform:rotate(45deg);
}

#anc_list .list_price li a:hover::after{
border-top:solid 2px #4FC1D0;
border-right:solid 2px #4FC1D0;
}

/*----------------------------------------
.sort
----------------------------------------*/
.sort{
width:100%;
margin:0 auto 50px;
}

.sort.top{
display:none;
}

.sort ul{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
list-style:none;
}

.sort li{padding-left:20px;}

.sort a{
display:block;
font-size:75%;
padding:10px 20px;
background:#fff;
border:1px solid #707070;
border-radius:20px;
}

.sort a:hover{
color:#fff;
text-decoration:none;
background:#89B96E;
border:1px solid #89B96E;
}

.sort span{
display:block;
font-size:75%;
padding:10px 20px;
color:#fff;
background:#89B96E;
border:1px solid #89B96E;
border-radius:20px;
}

/*----------------------------------------
.container
----------------------------------------*/
.container{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
max-width:calc(1000px + 10vw);
margin:30px auto 150px;
padding:0 5vw;
}

/*----------------------------------------
side
----------------------------------------*/
side{
width:220px;
margin:100px 40px 0 0;
}

side.top{
margin-top:0;
}

side.product{
margin-top:0;
}

side.sk{
display:none;
}

side h3{
padding:0 15px 15px;
font-weight:700;
}

side ul{
list-style:none;
margin:0;
padding:0;
}

side li{border-bottom:1px solid #CECECE;}

side li a{
display:block;
padding:10px 15px;
}

side li a:hover{
background:rgba(137,185,110,0.2);
text-decoration:none;
}

/*----------------------------------------
.accordion
----------------------------------------*/
.ac_wrap{
max-width:100%;
margin:0 auto;
}

.ac_heading{
position:relative;
z-index:1;
padding:10px 45px 10px 15px;
cursor:pointer;
transition-duration:0.2s;
background:#F2F2E9;
border-bottom:1px solid #CECECE;
}

.ac_heading:hover{
color:#fff;
background:#89B96E;
}

.ac_heading p{margin:0;}

.ac_icon_box{
display:flex;
justify-content:center;
align-items:center;
position:absolute;
top:50%;
right:5%;
width:24px;
height:24px;
transform:translateY(-50%);
transform-origin:center center;
transition-duration:0.2s;
background:#fff;
border-radius:50%;
}

.ac_icon{
position:relative;
display:block;
width:100%;
height:100%;
transform-origin:center center;
transition-duration:0.2s;
}

.ac_icon::before, .ac_icon::after{
content:"";
display:flex;
position:absolute;
top:50%;
left:50%;
background:#89B96E;
transform:translate(-50%, -50%);
transform-origin:center center;
}

.ac_icon::before{
width:14px;
height:2px;
}

.ac_icon::after{
width:2px;
height:14px;
}

.ac_content{
display:none;
box-sizing:border-box;
}

.ac_heading.open .ac_icon_box{transform:translateY(-50%) rotate(-180deg);}

.ac_heading.open .ac_icon::after{content:none;}

.ac_heading.open .ac_content{display:block;}

/*----------------------------------------
.pager
----------------------------------------*/
.pager{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}

.pager:before, 
.pager:after{
content:none;
}

.pager .current,
.pager .num,
.pager .back_btn,
.pager .next_btn{
margin:10px;
}

.pager .num a,
.pager .back_btn a,
.pager .next_btn a{
display:block;
width:100%;
height:100%;
text-decoration:none;
}

.pager .num a{
color:#89B96E;
}

.pager .num a:hover{
display:block;
color:#1EADE5;
text-decoration:none;
}

.pager .back_btn,
.pager .next_btn{
position:relative;
width:48px;
height:48px;
background:#fff;
border:1px solid #89B96E;
border-radius:50%;
transition:all  0.3s ease;
}

.pager .back_btn:hover,
.pager .next_btn:hover{
cursor:pointer;
background:#1EADE5;
border:1px solid #707070;
}

.pager .back_btn::after,
.pager .next_btn::after{
content:"";
position:absolute;
top:0;
bottom:0;
margin:auto;
display:block;
width:12px;
height:12px;
border-top:solid 2px #89B96E;
border-right:solid 2px #89B96E;
}

.pager .back_btn::after{
left:20px;
transform:rotate(-135deg);
}

.pager .next_btn::after{
left:15px;
transform:rotate(45deg);
}

.pager .back_btn:hover::after,
.pager .next_btn:hover::after{
border-top:solid 2px #fff;
border-right:solid 2px #fff;
}

/*----------------------------------------
main
----------------------------------------*/
main{
width:100%;
max-width:calc(100% - 220px - 40px);
}

main.sk{
max-width:80%;
margin:auto;
}

/*----------------------------------------
.list
----------------------------------------*/
.list{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:0;
padding:0;
list-style:none;
}

.list::after{
content:"";
display:block;
width:30%;/* 子要素と同じ幅 */
}

.list li{
width:30%;
margin-bottom:45px;
}

.list li a{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:100%;
transition:all  0.3s ease;
}

.list li a:hover{
text-decoration:none !important;
}

.list li a .name{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
width:100%;
margin-bottom:0.3em;
padding:0.5em;
line-height:1;
text-align:center;
background:#F7C9DD;
}

.list li a:hover .name{
color:#fff;
}

.list li a .name span{
display:block;
margin-inline:auto;
max-inline-size:max-content;
}

.list li a .img{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
width:100%;
min-height:0;
aspect-ratio:1 / 1;
margin-bottom:15px;
}

.list li a .img img{
width:auto;
max-height:100%;
transition:all  0.3s ease;
}

.list li a:hover .img img{
opacity:0.5;
}

.list li a .tit{
width:100%;
margin-bottom:1em;
line-height:1.5;
transition:all  0.3s ease;
}

.list li a .price{
width:100%;
margin-top:auto;
text-align:right;
transition:all  0.3s ease;
}

.list li a:hover .tit,
.list li a:hover .price{
text-decoration:underline;
}

.list li a .price span{font-size:75%;}

.list .txt{
width:100%;
margin:100px 0;
text-align:center;
}

/*----------------------------------------
.detail
----------------------------------------*/
.detail{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.detail .tit{
width:100%;
margin-bottom:0.5em;
font-size:125%;
font-weight:700;
line-height:1.5;
}


/*----------------------------------------
.img_slider
----------------------------------------*/
.detail .img_slider{width:47.3%;}

#slider{
width:100%;
min-height:0;
aspect-ratio:1 / 1;
margin-bottom:40px;
}

#slider .slick-prev,
#slider .slick-next{
z-index:2;
width:50px;
height:50px;
opacity:1;
background:rgba(255,255,255,0.5);
border:1px solid #89B96E;
border-radius:50%;
transition:all 0.3s ease;
}

#slider .slick-prev:hover{
background:#1EADE5;
border:1px solid #707070;
}

#slider .slick-next:hover{
background:#1EADE5;
border:1px solid #707070;
}

#slider .slick-prev:focus,
#slider .slick-next:focus{
opacity:1;
background:rgba(255,255,255,0.5);
border:1px solid #89B96E;	
}

#slider .slick-prev:focus:hover,
#slider .slick-next:focus:hover{
background:#1EADE5;
border:1px solid #707070;
}

#slider .slick-prev{left:5px !important;}

#slider .slick-next{right:5px !important;}

#slider .slick-prev::before, 
#slider .slick-next::before{
content:"";
position:absolute;
top:0;
bottom:0;
margin:auto;
display:block;
width:15px;
height:15px;
border-top:solid 2px #89B96E;
border-right:solid 2px #89B96E;
transition:all 0.3s ease;
}

#slider .slick-prev::before{
right:13px;
transform:rotate(-135deg);
}

#slider .slick-next::before{
left:13px;
transform:rotate(45deg);
}

#slider .slick-prev:hover::before, 
#slider .slick-next:hover::before{
border-top:solid 2px #fff;
border-right:solid 2px #fff;
}

#slider .slick-slide{
width:100%;
min-height:0;
aspect-ratio:1 / 1;
}

.slick-initialized .slick-slide{
display:flex !important;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}

#thumbs{width:100%;}

#thumbs .slick-track{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100% !important;
margin:0;
transform:unset !important;
}

#thumbs .slick-track:before,
#thumbs .slick-track:after{content:none;}

#thumbs .slick-slide{
width:100% !important;
height:auto !important;
max-width:30% !important;
min-height:auto !important;
aspect-ratio:1 / 1;
margin-bottom:20px;
float:none;
overflow:hidden;
border:1px solid #707070;
transition:all 0.3s ease;
}

#thumbs .slick-slide:hover{
opacity:0.6;
cursor:pointer;
}

#thumbs .slick-current{border:1px solid #CECECE;}

#slider .slick-slide img,
#thumbs .slick-slide img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}

/*----------------------------------------
#data
----------------------------------------*/
#data{width:47.3%;}

#data .price{
margin-bottom:30px;
font-size:87.5%;
line-height:1.5;
text-align:right;
}

#data .price span{
font-size:171.4%;
font-weight:700;
}

#data .stock{
display:flex;
flex-wrap:wrap;
justify-content:center;
margin-bottom:30px;
}

#data .stock .box{
width:48%;
padding:10px;
text-align:center;
background:#F3F5F7;
border:1px solid #CECECE;
}
  
#data .stock .box:first-child{margin-right:1%;}
#data .stock .box:last-child{margin-left:1%;}  

#data .stock .box .number{
display:inline-flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
height:38px;
margin-top:10px;
padding:5px 10px;
font-size:112.5%;
line-height:1;
background:#fff;
border:1px solid #707070;
}

#data .stock .box .purchase{
display:flex;
justify-content:center;
margin-top:10px;
user-select:none;
-ms-user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-webkit-touch-callout:none;
}

#data .stock .box .purchase .spinner{
display:inline-block;
width:60px;
height:38px;
margin:0;
padding:5px;
font-size:112.5%;
line-height:1;
background:#fff;
border:1px solid #707070;
pointer-events:none;
}

#data .stock .box .purchase .spinner::-webkit-inner-spin-button,
#data .stock .box .purchase .spinner::-webkit-outer-spin-button{-webkit-appearance:none;}

#data .stock .box .purchase .spinner-sub,
#data .stock .box .purchase .spinner-add{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
height:38px;
padding:5px;
text-align:center;
text-decoration:none;
background:#fff;
border:2px solid #89B96E;
border-radius:6px;
cursor:pointer;
line-height:1;
}

#data .stock .box .purchase .spinner-sub{margin-right:5px;}

#data .stock .box .purchase .spinner-add{margin-left:5px;}

#data .stock .box .purchase .spinner-sub:hover,
#data .stock .box .purchase .spinner-add:hover{
color:#fff;
background:#89B96E;
}

#data .stock .box .purchase .disabled{
opacity:0.3;
cursor:inherit;
}

#data .btn_cart{
position:relative;
overflow:hidden;
z-index:3;
margin-bottom:30px;
background:#89B96E;
border-radius:10px;
}

#data .btn_cart span{
position:relative;
z-index:3;
display:block;
color:#fff;
font-size:125%;
text-align:center;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aWNvbl9jYXJ0X29mZg.png?cmsp_timestamp=20240115011406") no-repeat left 15px center;
border:2px solid #89B96E;
border-radius:10px;
transition:all 0.3s ease;
}

#data .btn_cart span:hover{
color:#89B96E;
text-decoration:none;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aWNvbl9jYXJ0X29u.png?cmsp_timestamp=20240115011406") no-repeat left 15px center;
}

#data .btn_cart::before{
content:"";
position:absolute;
top:0;
left:0;
z-index:2;
background:#fff;
width:100%;
height:100%;
border-radius:10px;
transition:transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform:scale(0, 1);
transform-origin:right top;
}

#data .btn_cart:hover::before{
transform-origin:left top;
transform:scale(1, 1);
}

#data .btn_cart button{
display:block;
width:100%;
padding:10px 38px 10px 58px;
}

#data .btn_cart button:hover span{
color:#89B96E;
}

#data .reason{
margin-bottom:30px;
padding:10px;
background:#F3F5F7;
border:1px solid #CECECE;
}

#data .product_info{margin-bottom:30px;}

#data .data_top{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
margin-bottom:30px;
}

#data .data_top a{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
width:80px;
height:80px;
color:#fff;
text-align:center;
background:#89B96E;
border:1px solid #89B96E;
border-radius:50%;
}

#data .data_top a:hover{
color:#89B96E;
text-decoration:none;
background:#fff;
border:1px solid #89B96E;
}

/*----------------------------------------
#delivery
#payment
#info
----------------------------------------*/
#delivery,
#payment,
#info{
margin-bottom:2em;
padding:20px;
background:#F3F5F7;
border:1px solid #CECECE;
}

#delivery p,
#payment p,
#info p{
padding:0.5em;
background:#fff;
}

#delivery dl,
#payment dl,
#info dl{
padding:0.5em;
background:#fff;
}

#delivery dt,
#payment dt,
#info dt{
padding:0.5em;
font-size:110%;
font-weight:normal;
border-bottom:2px dotted #89B96E;
}

#delivery dd,
#payment dd,
#info dd{
margin-bottom:1em;
padding:0.5em;
}


/*----------------------------------------
.privacy
----------------------------------------*/
.privacy a{
color:#89B96E;
}

.privacy p{
margin-bottom:3em;
}

/*----------------------------------------
footer
----------------------------------------*/
footer{background:#F2F2E9;}

footer .inner{
display:flex;
flex-wrap:wrap;
width:100%;
max-width:calc(1000px + 10vw);
padding:40px 5vw;
}

footer .logo{margin-right:70px;}

footer .menu{margin-left:100px;}

footer .menu ul{
margin-left:0.5em;
font-size:87.5%;
}

footer .menu a:hover{
color:#B7B7B7;
text-decoration:none;
}

footer .menu li{margin-bottom:1.5em;}

footer .menu ul li{
position:relative;
margin-bottom:1.5em;
padding-left:1em;
}

footer .menu ul li::before{
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
width:0.5em;
height:0.5em;
border-top:solid 2px #89B96E;
border-right:solid 2px #89B96E;
transform:rotate(45deg);
}

footer .copy{
color:#fff;
background:#333333;
}

footer .copy .inner{justify-content:flex-end;}

footer .copy a{color:#fff;}

footer .copy ul{
display:flex;
flex-wrap:wrap;
font-size:75%;
}

footer .copy li{margin:0 2em;}

footer .copy small{margin-left:20em;}

}


@media screen and (min-width:1281px){

.mv .text{
top:13.28125vw;
left:8.984375vw;
}

}

@media screen and (min-width:641px) and (max-width:1280px){

body{font-size:1.25vw;}

header{min-height:7.8125vw;}

header .inner{padding:15px 3vw;}

header .inner h1{width:13.6vw;}

header nav menu a{
margin-right:2vw;
font-size:1.40625vw;
}

header nav .btn_cart span{
padding:10px 2.96875vw 10px 4.53125vw;
font-size:1.5625vw;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aWNvbl9jYXJ0X29mZg.png?cmsp_timestamp=20240115011406") no-repeat left 0.9375vw center / 2.8125vw auto;
}

header nav .btn_cart span:hover{background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aWNvbl9jYXJ0X29u.png?cmsp_timestamp=20240115011406") no-repeat left 0.9375vw center / 2.8125vw auto;}

header nav .btn_portal a{
margin-left:2vw;
padding:5px 5.46875vw 10px 6.25vw;
}

header nav .btn_portal a .icon{
top:-10px;
left:0.390625vw;
width:5.46875vw;
height:4.453125vw;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aW1nX2NoaWxkX3M.png?cmsp_timestamp=20240115011406") no-repeat center center / 100% auto;
}

header nav .btn_portal a::before{
right:1.5625vw;
width:1.25vw;
height:1.25vw;
}

header nav .btn_portal a:hover::before{
right:0.78125vw;
width:3.125vw;
height:3.125vw;
}

header nav .btn_portal a:hover::after{
right:1.953125vw;
width:0.9375vw;
height:0.9375vw;
}

header.top nav .btn_portal{
top:10.9375vw;
width:22.34375vw;
height:14.84375vw;
padding:7.421875vw 1.953125vw 0 3.515625vw;
border-top-left-radius:9.375vw;
border-bottom-left-radius:9.375vw;
}

header.top nav .btn_portal a{
padding:0.390625vw 3.90625vw 0.78125vw 1.5625vw;
border-radius:2.34375vw;
}

header.top nav .btn_portal a .icon{
top:-13.28125vw;
width:14.6875vw;
height:11.953125vw;
}

header.top nav .btn_portal a::before{
right:1.5625vw;
width:1.25vw;
height:1.25vw;
}

header.top nav .btn_portal a:hover::before{
right:0.78125vw;
width:3.125vw;
height:3.125vw;
}

header.top nav .btn_portal a:hover::after{
right:1.953125vw;
width:0.9375vw;
height:0.9375vw;
}

header.top.fixed nav .btn_portal a{
margin-left:2vw;
padding:5px 5.46875vw 10px 6.25vw;
}

header.top.fixed nav .btn_portal a .icon{
top:-10px;
left:0.390625vw;
width:5.46875vw;
height:4.453125vw;
background:url(https://img21.shop-pro.jp/PA01505/307/etc_base64/aW1nX2NoaWxkX3M.png?cmsp_timestamp=20240115011406) no-repeat center center / 100% auto;
}

header nav .btn_guide{
top:11.71875vw;
}

header nav .btn_guide a{
width:4.6875vw;
height:20.3125vw;
padding:1.171875vw 0.625vw 0 0;
border-radius:1.5625vw 0 0 1.5625vw;
}

header nav .btn_guide a::before{
bottom:1.171875vw;
width:1.25vw;
height:1.25vw;
}

header nav .btn_guide a:hover::before{
bottom:0.390625vw;
width:3.125vw;
height:3.125vw;
}

header nav .btn_guide a:hover::after{
bottom:1.40625vw;
right:1.953125vw;
width:0.9375vw;
height:0.9375vw;
}

header.top nav .btn_guide{
top:40vw;
right:2.34375vw;
}

header.top nav .btn_guide a{
width:12.5vw;
height:12.5vw;
padding:1.171875vw 0 0 0;
}

header.top nav .btn_guide a::before{
bottom:1.171875vw;
width:1.25vw;
height:1.25vw;
}

header.top nav .btn_guide a:hover::before{
bottom:0.390625vw;
width:3.125vw;
height:3.125vw;
}

header.top nav .btn_guide a:hover::after{
bottom:1.40625vw;
right:5.859375vw;
width:0.9375vw;
height:0.9375vw;
}

header.top.fixed nav .btn_guide{
top:11.71875vw;
}

header.top.fixed nav .btn_guide a{
width:4.6875vw;
height:20.3125vw;
padding-right:0.625vw;
border-radius:1.5625vw 0 0 1.5625vw;
}

header.top.fixed nav .btn_guide a:hover::after{
bottom:1.40625vw;
right:1.953125vw;
width:0.9375vw;
height:0.9375vw;
}

.page_header{
padding:calc(7.8125vw + 30px) 5vw 1.5625vw;
}

.breadcrumb{
padding:2.34375vw;
}

.breadcrumb a{
margin-right:2.34375vw;
}

.breadcrumb a::after{
width:0.546875vw;
height:0.546875vw;
}

.page_tit{
padding-top:2.34375vw;
}

.page_tit h2{
margin:0 auto 1.171875vw;
padding:1.953125vw 1.5625vw 4.296875vw 6.25vw;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/bWFya18wMQ.png?cmsp_timestamp=20240115011406") no-repeat left 1.5625vw top 1.5625vw / 3.125vw auto, #fff;
border-radius:0.78125vw;
}

.page_tit h2::after{
left:1.5625vw;
bottom:1.5625vw;
width:calc(100% - 3.125vw);
height:0.46875vw;
border-radius:0.234375vw;
}

.btn_01{
margin-top:2.734375vw;
padding:1.5625vw 5.46875vw;
border-radius:2.34375vw;
}

.btn_01::before{
right:1.5625vw;
width:1.25vw;
height:1.25vw;
}

.btn_01:hover::before{
right:0.78125vw;
width:3.125vw;
height:3.125vw;
}

.btn_01:hover::after{
right:1.953125vw;
width:0.9375vw;
height:0.9375vw;
}

.mv{margin:0 auto 4.6875vw;}

.mv .text{
position:absolute;
top:13.28125vw;
left:8.984375vw;
width:44.84375vw;
}

.mv .text h1 img{margin-bottom:1.171875vw;}

.mv .text p{padding:0 3.125vw;}

.page_link ul{
margin:0 auto 4.6875vw;
border-radius:0.78125vw;
}

#anc_about{
margin-bottom:10.15625vw;
padding:100px 5vw 4.6875vw;
}

#anc_about .inner{
padding:120px 38vw 4.6875vw 3.90625vw;
border-radius:0.78125vw;
}

#anc_about .inner figure{
position:absolute;
right:-5vw;
bottom:-10.9375vw;
width:39.0625vw;
}

#anc_about .inner a span::after{
right:-1.875vw;
bottom:0.078125vw;
width:1.71875vw;
height:1.71875vw;
}

#anc_img{margin-bottom:10.15625vw;}

#anc_notes{
margin-bottom:10.15625vw;
padding:100px 5vw 4.6875vw;
}

#anc_notes .inner{
padding:120px 4.296875vw 4.6875vw;
border-radius:0.78125vw;
}

#anc_sponsor{margin-bottom:10.15625vw;}

#anc_list{margin-bottom:0;}

main{
width:100%;
max-width:calc(100% - 17.1875vw - 3.125vw);
}

side{
width:17.1875vw;
margin:7.8125vw 3.125vw 0 0;
}

.ac_heading{padding:0.78125vw 3.515625vw 0.78125vw 1.171875vw;}

.ac_icon_box{
width:1.875vw;
height:1.875vw;
}

.ac_icon::before{
width:1.09375vw;
height:0.15625vw;
}

.ac_icon::after{
width:0.15625vw;
height:1.09375vw;
}

side li a{padding:0.78125vw 1.171875vw;}

.sort{margin:0 auto 3.90625vw;}

footer .logo{
width:17.1875vw;
margin-right:5.46875vw;
}

footer .menu{margin-left:7.8125vw;}

#slider{margin-bottom:3.125vw;}

#slider .slick-prev,
#slider .slick-next{
width:3.90625vw;
height:3.90625vw;
}

#slider .slick-prev::before, 
#slider .slick-next::before{
width:1.171875vw;
height:1.171875vw;
}

#slider .slick-prev::before{right:1.015625vw;}

#slider .slick-next::before{left:1.015625vw;}

#thumbs .slick-slide{margin-bottom:1.5625vw;}

#data .data_top a{
width:6.25vw;
height:6.25vw;
}

#data .stock .box .purchase .spinner{
width:4.6875vw;
padding:0.390625vw;
}


}

@media screen and (min-width:641px) and (max-width:880px){

.page_link a{padding:20px 4.545454545454546vw;}

}

/*SP用*/
@media screen and (max-width:640px){
.pc{display:none !important }
.sp{display:block !important }
img{max-width:100%;height:auto;width:auto;}
body{min-width:auto !important;font-size:4vw;line-height:2;}
.sp_tac{text-align:center !important;}
.sp_tar{text-align:right !important;}


#overlay-button{
position:fixed;
top:4vw;
right:4vw;
z-index:9999;
padding:18px 0;
cursor:pointer;
user-select:none;
}
#overlay-button span{
position:relative;
display:block;
height:4px;
width:40px;
border-radius:2px;
cursor:pointer;
background:#89B96E;
transition:all .2s ease-in-out;
}
#overlay-button span:before{
top:-10px;
visibility:visible;
}
#overlay-button span:after{
top:10px;
}
#overlay-button span:before, 
#overlay-button span:after{
content:"";
position:absolute;
height:4px;
width:40px;
border-radius:2px;
cursor:pointer;
background:#89B96E;
transition:all .2s ease-in-out;
}
#overlay-button:hover span, 
#overlay-button:hover span:before,
#overlay-button:hover span:after{
background:#89B96E;
}

input[type=checkbox]#overlay-input{
display:none;
}

input[type=checkbox]#overlay-input:checked ~ #overlay{
display:block;
}

input[type=checkbox]#overlay-input:checked ~ #overlay-button:hover span, 
input[type=checkbox]#overlay-input:checked ~ #overlay-button span{
background:transparent;
}

input[type=checkbox]#overlay-input:checked ~ #overlay-button span:before{
transform:rotate(45deg) translate(7px, 7px);
}

input[type=checkbox]#overlay-input:checked ~ #overlay-button span:after{
transform:rotate(-45deg) translate(7px, -7px);
}

#overlay{
position:fixed;
z-index:9997;
display:none;
height:100vh;
width:100vw;
padding-top:100px;
background:#89B96E;
}

#overlay.active{
}

#overlay ul{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:100vh;
padding-left:0;
list-style-type:none;
}

#overlay ul li{
width:100%;
text-align:center;
}

#overlay ul li a{
display:block;
margin:0;
padding:2.5vw 1vw;
color:#fff;
border-bottom:1px dashed #fff;
}

#overlay ul li a:hover{
color:#ff0!important;
text-decoration:none;
}

header nav menu{
display:none;
}

header{
min-height:auto;
}

header .inner{padding:15px 3vw;}

header.top .inner,
header.top.fixed .inner{justify-content:space-between;}

header.top .inner h1,
header.top.fixed .inner h1{display:block;}

header .inner h1 img,
header.top .inner h1 img,
header.top.fixed .inner h1 img{height:40px;}

header nav .btn_cart{
position:fixed;
top:4vw;
right:calc(40px + 8vw);
z-index:1000;
width:40px;
height:40px;
margin:0;
padding:0;
background:url(https://img21.shop-pro.jp/PA01505/307/etc_base64/aWNvbl9jYXJ0X29mZg.png?cmsp_timestamp=20240115011406) no-repeat center center / 60% auto, #89B96E;
border:2px solid #89B96E;
border-radius:1.5625vw;
}

header nav .btn_cart:hover{background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aWNvbl9jYXJ0X29u.png?cmsp_timestamp=20240115011406") no-repeat center center / 60% auto, #fff;}

header nav .btn_cart span{display:none;}

header nav .btn_cart::before{content:none;}

header nav .btn_portal,
header.top nav .btn_portal,
header.top.fixed nav .btn_portal{
position:fixed;
top:auto;
bottom:0;
left:0;
z-index:2000;
width:100%;
height:auto;
padding:0;
background:none;
border-top-left-radius:0;
border-bottom-left-radius:0;
}

header nav .btn_portal a,
header.top nav .btn_portal a,
header.top.fixed nav .btn_portal a{
position:relative;
display:block;
margin:0;
padding:2vw 8vw 2vw 15vw;
color:#fff;
text-align:center;
line-height:1.25;
background:#89B96E;
border:2px solid #89B96E;
border-radius:0;
}

header nav .btn_portal a:hover,
header.top nav .btn_portal a:hover,
header.top.fixed nav .btn_portal a:hover{
text-decoration:none;
color:#89B96E;
background:#fff;
}

header nav .btn_portal a .icon,
header.top nav .btn_portal a .icon,
header.top.fixed nav .btn_portal a .icon{
content:"";
position:absolute;
top:-3vw;
left:0.78125vw;
display:block;
width:15vw;
height:15vw;
background:url(https://img21.shop-pro.jp/PA01505/307/etc_base64/aW1nX2NoaWxkX3M.png?cmsp_timestamp=20240115011406) no-repeat top center / 100% auto;
}

header nav .btn_portal a::before,
header.top nav .btn_portal a::before,
header.top.fixed nav .btn_portal a::before{
content:"";
position:absolute;
top:0;
bottom:0;
right:3.125vw;
margin:auto;
display:block;
width:2.5vw;
height:2.5vw;
background:#fff;
border-radius:50%;
}

header nav .btn_portal a:hover::before,
header.top nav .btn_portal a:hover::before,
header.top.fixed nav .btn_portal a:hover::before{
content:"";
position:absolute;
top:0;
bottom:0;
right:1.5625vw;
margin:auto;
display:block;
width:6.25vw;
height:6.25vw;
background:#89B96E;
border-radius:50%;
}

header nav .btn_portal a:hover::after,
header.top nav .btn_portal a:hover::after,
header.top.fixed nav .btn_portal a:hover::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:3.90625vw;
margin:auto;
display:block;
width:1.875vw;
height:1.875vw;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
transform:rotate(45deg);
}

header nav .btn_guide,
header.top nav .btn_guide,
header.top.fixed nav .btn_guide{
position:absolute;
top:70px;
left:0;
right:0;
}

header nav .btn_guide a .br,
header.top nav .btn_guide a .br,
header.top.fixed nav .btn_guide a .br{
display:none;
}

header nav .btn_guide a,
header.top nav .btn_guide a,
header.top.fixed nav .btn_guide a{
width:100%;
height:8vw;
padding:1vw;
text-align:center;
line-height:1;
letter-spacing:normal;
writing-mode:horizontal-tb;
text-orientation:upright;
border-left:none;
border-radius:0;
}

header nav .btn_guide a:hover,
header.top nav .btn_guide a:hover,
header.top.fixed nav .btn_guide a:hover{
text-decoration:none;
color:#EB6EA5;
background:#fff;
border-right:none;
}

header nav .btn_guide a::before,
header.top nav .btn_guide a::before,
header.top.fixed nav .btn_guide a::before{
content:"";
position:absolute;
top:0;
bottom:0;
left:auto;
right:3.125vw;
margin:auto;
display:block;
width:2.5vw;
height:2.5vw;
background:#fff;
border-radius:50%;
}

header nav .btn_guide a:hover::before,
header.top nav .btn_guide a:hover::before,
header.top.fixed nav .btn_guide a:hover::before{
content:"";
position:absolute;
top:0;
bottom:0;
left:auto;
right:1.5625vw;
margin:auto;
display:block;
width:6.25vw;
height:6.25vw;
background:#EB6EA5;
border-radius:50%;
}

header nav .btn_guide a:hover::after,
header.top nav .btn_guide a:hover::after,
header.top.fixed nav .btn_guide a:hover::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:3.90625vw;
margin:auto;
display:block;
width:1.875vw;
height:1.875vw;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
transform:rotate(45deg);
}

header.top nav .btn_guide a span{
display:inline;
}

.page_header{padding:100px 5vw 3.125vw;}

.breadcrumb{display:none;}

.page_tit{padding-top:4.6875vw;}

.page_tit h2{
max-width:90vw;
margin:0 auto 2.34375vw;
padding:3.90625vw 3.125vw 8.59375vw 12.5vw;
font-size:5.3125vw;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/bWFya18wMQ.png?cmsp_timestamp=20240115011406") no-repeat left 3.125vw top 6.25vw / 6.25vw auto, #fff;
border-radius:1.5625vw;
}

.page_tit h2::after{
left:3.125vw;
bottom:3.125vw;
width:calc(100% - 6.25vw);
height:0.9375vw;
border-radius:0.46875vw;
}

.page_tit p{
text-align:left;
}

.headline_01{
margin:0 auto 2.34375vw;
padding:3.90625vw 3.125vw 8.59375vw 12.5vw;
font-size:5.3125vw;
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/bWFya18wMQ.png?cmsp_timestamp=20240115011406") no-repeat left 3.125vw top 5.75vw / 6.25vw auto, #fff;
border-radius:1.5625vw;
}

.headline_01::after{
left:3.125vw;
bottom:3.125vw;
width:calc(100% - 6.25vw);
height:0.9375vw;
border-radius:0.46875vw;
}

.headline_02{font-size:5.3125vw;}

.headline_03{font-size:5vw;}

.btn_01{
margin-top:5.46875vw;
padding:3.125vw 9vw;
border-radius:4.6875vw;
}

.btn_01::before{
right:3.125vw;
width:2.5vw;
height:2.5vw;
}

.btn_01:hover::before{
right:1.5625vw;
width:6.25vw;
height:6.25vw;
}

.btn_01:hover::after{
right:3.90625vw;
width:1.875vw;
height:1.875vw;
}

.mv{margin:100px 0 12vw;}

.mv .text{
top:18vw;
left:0;
width:100%;
}

.mv .text h1{
width:50vw;
margin-bottom:20vw;
padding-left:5vw;
}

.mv .sp_txt{
padding:0 5vw;
line-height:1.8;
}

.mv .sp_txt a{width:100%;}

.page_link ul{
margin:0 auto 9.375vw;
border-radius:1.5625vw;
}

.page_link li{width:100%;}

.page_link li:not(:last-child){border-bottom:1px dashed #89B96E;}

.page_link a{
padding:2vw 1vw;
text-align:center;
}

.page_link li:not(:first-child) a::after{content:none;}

#anc_about{
margin-bottom:9.375vw;
padding:15.625vw 5vw 9.375vw;
}

#anc_about .inner{
padding:18.75vw 7.8125vw 9.375vw;
border-radius:1.5625vw;
}

#anc_about .inner .tit{
top:-6.25vw;
border-radius:1.5625vw;
}

#anc_about .inner a::after{
right:-3.75vw;
top:0.3125vw;
width:3.4375vw;
height:3.4375vw;
}

#anc_about .inner figure{
position:static;
margin-top:5vw;
}

#anc_about .inner a span::after{
right:-5.5vw;
bottom:0.15625vw;
width:5vw;
height:5vw;
}

#anc_img{margin-bottom:9.375vw;}

#anc_img h2{top:-6.25vw;}

#anc_img .img{
margin-bottom:4.6875vw;
padding-top:25vw;
text-align:center;
}

#anc_img .box{
flex-direction:column-reverse;
border-radius:10px;
}

#anc_img .box figure{
width:100%;
padding:2vw 7.8125vw 7.8125vw;
text-align:center;
}

#anc_img .box .text{
width:100%;
padding:7.8125vw 7.8125vw 2vw;
}

#anc_notes{
margin-bottom:9.375vw;
padding:15.625vw 5vw 9.375vw;
}

#anc_notes .inner{
padding:18.75vw 7.8125vw 9.375vw;
border-radius:1.5625vw;
}

#anc_notes .inner .tit{
top:-6.25vw;
border-radius:1.5625vw;
}

#anc_sponsor{
margin-bottom:9.375vw;
}

#anc_sponsor .inner{
padding:6.25vw 6.25vw calc(6.25vw + 29.375vw);
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aW1nX3RvcF8wNA.png?cmsp_timestamp=20240115030432") no-repeat bottom center / auto 29.375vw, #F2F2E9;
border-radius:1.5625vw;
}

#anc_sponsor .inner p{padding-right:0;}

#anc_list{
margin-bottom:5vw;
order:1;
}

#anc_list .inner p{padding:0 6.25vw;}

#anc_list .inner ul{padding:0 6.25vw;}

#anc_list .page_link{
margin:3em 0;
padding:0;
}

#anc_list .page_link ul{
max-width:100%;
padding:0;
}

#anc_list .page_link li{width:100%;}

#anc_list .page_link a{padding:2vw 1vw;}

#anc_list .list_name li,
#anc_list .list_price li{
width:100%;
margin-bottom:1em;
}

.sort{margin:0 auto 7.8125vw;}

.sort li{padding-left:3.125vw;}

.sort a{
padding:1.5625vw 3.125vw;
border-radius:3.125vw;
}

.sort span{
padding:1.5625vw 3.125vw;
border-radius:3.125vw;
}

.container{
flex-direction:column;
margin:4.6875vw auto 10vw;
}

side{
order:3;
width:100%;
margin-right:0;
}

side h3{padding:0 2.34375vw 2.34375vw;}

side li a{padding:1.5625vw 2.34375vw;}

.ac_heading{padding:1.5625vw 7.03125vw 1.5625vw 2.34375vw;}

.ac_icon_box{
width:3.75vw;
height:3.75vw;
right:2.34375vw;
}

.ac_icon::before{
width:2.1875vw;
height:0.3125vw;
}

.ac_icon::after{
width:0.3125vw;
height:2.1875vw;
}

.pager .back_btn,
.pager .next_btn{
width:7.5vw;
height:7.5vw;
}

.pager .back_btn::after,
.pager .next_btn::after{
width:1.875vw;
height:1.875vw;
}

.pager .back_btn::after{left:3.125vw;}

.pager .next_btn::after{left:2.34375vw;}

main{
width:100%;
max-width:100%;
margin-bottom:5vw;
order:2;
}

main.sk{
max-width:100%;
}

.list::after{content:none;}

.list li{
width:46%;
margin-bottom:7.03125vw;
}

.list li a .img{
margin-bottom:1.5vw;
}


.detail{width:100%;}

.detail .img_slider{
width:100%;
padding:0 5vw;
}

.detail .tit{margin-bottom:1em;}

#slider{margin-bottom:6.25vw;}

#slider .slick-prev,
#slider .slick-next{
width:7.8125vw;
height:7.8125vw;
}

#slider .slick-prev{left:2vw !important;}

#slider .slick-next{right:2vw !important;}

#slider .slick-prev::before, 
#slider .slick-next::before{
width:2.34375vw;
height:2.34375vw;
}

#slider .slick-prev::before{right:2.03125vw;}

#slider .slick-next::before{left:2.03125vw;}

#thumbs{margin-bottom:6.25vw;}

#thumbs .slick-slide{margin-bottom:3.125vw;}

#data{width:100%;}

#data .stock{margin-bottom:4.6875vw;}

#data .stock .box{padding:1.5625vw;}

#data .btn_cart{
margin-bottom:4.6875vw;
border-radius:1.5625vw;
}
#data .btn_cart span{
background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aWNvbl9jYXJ0X29mZg.png?cmsp_timestamp=20240115011406") no-repeat left 2.34375vw center / 5.625vw auto;}

#data .btn_cart span:hover{background:url("https://img21.shop-pro.jp/PA01505/307/etc_base64/aWNvbl9jYXJ0X29u.png?cmsp_timestamp=20240115011406") no-repeat left 2.34375vw center / 5.625vw auto;}

#data .btn_cart::before{border-radius:1.5625vw;}


#data .btn_cart button{padding:1.5625vw 5.9375vw 1.5625vw 9.0625vw;}

#data .reason{
margin-bottom:4.6875vw;
padding:1.5625vw;
}

#data .product_info{margin-bottom:4.6875vw;}

#data .data_top{margin-bottom:4.6875vw;}

#data .data_top a{
width:18vw;
height:18vw;
}

footer .inner{
justify-content:space-around;
padding:6.25vw 3vw;
}

footer .logo{
width:100%;
margin:0 0 5vw;
text-align:center;
}

footer .menu{margin-left:0;}

footer .copy{padding-bottom:10vw;}

footer .copy .inner{
display:block;
text-align:center;
}

footer .copy ul{
justify-content:space-around;
}

footer .copy li{
margin:0;
}

footer .copy a{
display:block;
padding:1em 0.5em;
}

footer .copy small{
display:block;
margin:2em 0 0 0;
}

}