@charset "utf-8";

html{}
body{padding:0;margin:0;}
body{font-size:0px;line-height:1;}

body div>div.grecaptcha-badge{opacity:0;}
body #inquiry ~ div>div.grecaptcha-badge{opacity:1;bottom:clamp(80px,40%,40vh) !important}


/*-----------------------*/
*{margin:0;padding:0;border:none;outline:none;font-size:inherit;color:inherit;vertical-align:top;text-align:inherit;}


/* #page
------------------*/
body>.page{font-size:0;line-height:1;}
body>.page{overflow:hidden;margin:0 auto;}
.page{overflow:hidden;width:auto;display:block;position:relative;z-index:1;text-align:center;}

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

.itemBox{max-width:1280px;margin:0 auto;}

.page main{padding:0;}

.breadLIst{font:16px / 1 'Noto sans jp';padding:1em;}
.breadLIst ul{display:flex;align-items:center;justify-content:left;}
.breadLIst ul>li{display:flex;align-items:center;justify-content:left;font-size:0.875em;}

.breadLIst ul>li::before{content:'';padding:0;display:block;height:0.5em;width:0.5em;box-shadow:1px 1px;
transform:rotate(-45deg);transform-origin:center center;margin:0 0.5em}

.breadLIst ul>li:nth-of-type(1)::before{display:none;}

.breadLIst ul>li a{text-decoration:none;}
.breadLIst ul>li span{}

/*----------------------*/
header [data-position="fixed"]{height:0px;}
header [data-position="fixed"]>section {position:fixed;top:0;text-align:center;width:100%;z-index:-1;height:60px;align-items:center;
opacity:0;}
header [data-position="fixed"]>section .logo{display:block;width:180px;height:50px;}
header [data-position="fixed"]>section .logo a img{height:50px;}

.gNav{position:relative;top:0;height:0;}
.gNav>section{position:absolute;top:-4em;font:16px / 1 'Noto serif jp';z-index:98;color:#fff;width:100%;background:linear-gradient(180deg,transparent 0% ,#000 40%);padding:1em 0;}
.gNav .navBox{display:flex;align-items:center;justify-content:center;}
.gNav a{display:flex;text-decoration:unset;letter-spacing:2px;}
.gNav .mainLink{display:flex;}
.gNav .subLink{display:flex;}
.gNav li{display:block;}

.gNav .mainLink>li>div[data-id],
.gNav .mainLink>li a{padding:0.5em 1em;}

.subLink>li[data-btn="cart"] a::before{background:url(../img/icon_cart.png) no-repeat 50% 50%;background-size:contain;width:1em;
height:1em;content:"";margin-right:0.5em}


.subLink>li[data-btn="lang"]{position:relative;margin-right:1em;}
.subLink>li[data-btn="lang"]>details summary{border-radius:3em;box-shadow: 0 0 0 2px #fff;padding:0.5em 1em}

nav[role="navigation"] .subLink>li[data-btn="lang"]>details>div{position:relative;}
nav[role="navigation"] .subLink>li[data-btn="lang"]{margin:1em 0 0;}
nav[role="navigation"] .subLink>li[data-btn="lang"]>details>div ul{display:flex;flex-wrap:wrap;justify-content:space-between;}

.subLink>li[data-btn="lang"]>details>div{position:absolute;opacity:0;z-index:-99;margin-top:0.5em;}
.subLink>li[data-btn="lang"]>details[open]>div{opacity:1;z-index:99;}
.subLink>li[data-btn="lang"]>details>div ul{display:flex;color:#000;flex-wrap:wrap;width:100%;}
.subLink>li[data-btn="lang"]>details li{padding:0 0.5em;display:flex;align-items:center;justify-content:left;display:flex;border-radius:3em;background:#eee;color:#000;margin:0.2em 0;width:100%;}
.subLink>li[data-btn="lang"]>details li>span{font-size:0;display:block;width:100%;}
.subLink>li[data-btn="lang"]>details li span>a{font-size:clamp(10px,2vw,16px);}
.subLink>li[data-btn="lang"]>details li span>a{padding:0.5em;box-sizing:border-box;letter-spacing:0;}
.subLink>li[data-btn="lang"]>details li>span.bogoflags{display:none;}
.subLink li[data-btn="lang"] a{position:relative;width:100%;}
.subLink li[data-btn="lang"] a::after{position:absolute;right:0;transform:rotate(-45deg);width:0.5em;height:0.5em;right:0.2em;margin-top:0.2em;}



[data-lang="en_US"] .navBox li>*>span{text-transform:capitalize;}
/*--------------*/

@media only screen and (min-width:1000px) {
}



@media only screen and (max-width:900px) {
}



@media only screen and (max-width:800px) {
nav[role="navigation"] .subLink>li[data-btn="lang"]>details>div ul>li{width:100%;margin:0;display:block;box-sizing:border-box;
padding:0;}
nav[role="navigation"] .subLink>li[data-btn="lang"]>details>div ul>li span{padding:0.25em 0;}
nav[role="navigation"] .subLink>li[data-btn="lang"]>details>div ul>li a{display:flex;justify-content:center;background:#ccc;
padding:0.5em;text-decoration:unset;border-radius:4em;}
nav[role="navigation"] .subLink>li[data-btn="lang"]>details>div ul>li a::after{right:1em;}


nav[role="navigation"] .subLink>li[data-btn="lang"]>details>div ul>li a{font-size:clamp(10px,4vw,20px);}
nav[role="navigation"] .subLink>li[data-btn="lang"]>details>div ul>li a{margin:0.5em 0 0;}

}



@media only screen and (max-width:600px) {
header [data-position="fixed"]>section[data-device="pc"]{display:none;}
header [data-position="fixed"]>section[data-device="smp"]{display:block;}
}


@keyframes topDown {
0% {opacity: 0;transform: translateY(-100vh);}
80% {transform: translateY(0);}
100% {opacity: 1;}
}

.show .gNav>section{position:fixed;background:#000;top:0;}
.show .gNav>section{animation: 1s ease 0s 1 both;opacity:0;animation-name:topDown}

/*---------------------*/
#kv{display:flex;position:relative;justify-content:center;align-items:center;z-index:80;color:#ffffff;}
#kv .title{height:80%;width:0;position:absolute;left:50vw;top:10%;display:flex;justify-content:center;align-items:start;font:clamp(30px,4vw,60px) / 1 'Noto serif jp';overflow:visible;z-index:99;writing-mode:vertical-rl;flex-direction:column;}
#kv .title h1{height:5.5em;letter-spacing:0.1em;padding:0 5px;text-shadow:0px 0px 5px #000,2px 0px 0px #000,2px 2px 0px #000; }
#kv .title p{font:0.5em / 1.5 'Noto serif jp';text-shadow:0 0 0;height:8.8em;letter-spacing:0.1em;text-shadow:0px 0px 5px #000,2px 0px 0px #000,2px 2px 0px #000; }

#kv picture{background:no-repeat 50% 50%;background-size:cover;display:block;position:relative;z-index:1;
background-image:url(../img/bg01.jpg);width:100%;}
#kv picture>img{max-width:1200px;width:100%;}

[data-lang] #kv .title h1{background:#00000020;padding:10px 10px 10px 5px;}
[data-lang] #kv .title p{background:#00000020;padding:10px 5px 10px 10px;}

[data-lang="en_US"] #kv .title{writing-mode:lr;flex-flow:column;height:80%;width:100svw;left:0;top:0;justify-content:center;align-items:center;}
[data-lang="en_US"] #kv .title h1{height:unset;width:100%;background:#00000050;padding:1em 1em 0.5em;}
[data-lang="en_US"] #kv .title p{height:unset;width:100%;background:#00000050;padding:0 0 1em;}
[data-lang="zh_CN"] #kv .title p{height:11em;text-align:left;}



.page[data-page="404"] {display:block;box-sizing:border-box;}
[data-device="pc"] .page[data-page="404"] #kv{margin-top:64px;}
.page[data-page="404"] #kv img{height:236px;}
.page[data-page="404"] #kv .subTitle h1{color:#fff;padding:0.5em 0;width:100%;}
.page[data-page="404"] main{height:50svh;min-height:unset;}
.page[data-page="404"] .sctBox{height:50svh;}
.page[data-page="404"] .sctBox p{line-height:1.5;}

.page[data-page="404"] .sctBox p.btn{padding:3em 0 0;max-width:20em;margin:0 auto;}
.page[data-page="404"] .sctBox p.btn a{display:flex;justify-content:center;}
.page[data-page="404"] .sctBox p.btn a{padding:1em 0; line-height:1;text-decoration:none;color:unset;border-radius:3em;background:#eee;}


/*---------------------*/

main{min-height:100vh;}



/*-------------*/
footer{background:#000;}
footer>section{max-width:800px;margin:0 auto;font:20px / 1 'Noto serif jp';color:#fff;}


#ft01 {padding:2em 0;text-align:left;}
#ft01 #ftHD{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
#ft01 #ftHD h2{padding:0 1em ;font:2em / 1 'Noto serif jp';}
#ft01 #ftHD p{line-height:1.5em;font-size:0.8em;}


[lang= "EN"] #ft01 #ftHD{flex-wrap:wrap;gap:2%;}
[lang= "EN"] #ft01 #ftHD h2{width:48%;padding:0;}
[lang= "EN"] #ft01 #ftHD p{width:50%;}


#ft03 {padding:2em 0;letter-spacing:2px;}
#ft03 p{letter-spacing:2px;font-size:0.75em;}

#ft02 .navBox{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;}
#ft02 .navBox .mainLink{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;width:60%;}
#ft02 .navBox .mainLink>li{display:block;width:50%;text-align:left;}
#ft02 .navBox .mainLink>li div[data-id],
#ft02 .navBox .mainLink>li a{text-decoration:unset;line-height:2;}
#ft02 .navBox .mainLink>li div[data-id] span,
#ft02 .navBox .mainLink>li a span{font-size:0.8em;}

#ft02 .navBox .mainLink>li:nth-of-type(1){order:1;}
#ft02 .navBox .mainLink>li:nth-of-type(2){order:3;}
#ft02 .navBox .mainLink>li:nth-of-type(3){order:2;}
#ft02 .navBox .mainLink>li:nth-of-type(4){order:5;}
#ft02 .navBox .mainLink>li:nth-of-type(5){order:4;}
#ft02 .navBox .mainLink>li:nth-of-type(6){order:6;}

#ft02 .navBox .subLink{display:block;width:40%;}
#ft02 .subLink li{display:block;padding:0.5em 1em 0;font-size:0.8em;}
.subLink>li>a{display:flex;text-decoration:unset;justify-content:center;align-items:center;
border-radius:3em;background:#fff;padding:0.5em 1em;color:#000;position:relative;}
.subLink li a::after{content:'';width:0.75em;height:0.75em;box-shadow:2px 2px #000;transform:rotate(-45deg) scale(0.75)}

#ft00{display: none;align-items:center;max-width: 100%;}
#ft00 div{width: 50%;}
#ft00>div>a{display:flex;width: 100%;max-height:250px;height:40vw;flex-direction:column;justify-content:center;flex-wrap:wrap;text-decoration:none;}


#ft00 div:nth-child(1) a {background: #ddd url("../img/ft_img01.jpg"); no-repeat 50% 50% / 300;}
#ft00 div:nth-child(2) a {background: #000 url("../img/ft_img02.jpg"); no-repeat 50% 50% / 300;}
#ft00>div>a>picture{display:block;width:100%;}
#ft00>div>a>picture img{width:40%;max-width:100px;width:auto;}
#ft00>div>a>span{display:inline-block;padding:1em 0 0;}




/*-----------------------------------------------------*/


body footer [data-id="pageTop"]{display:block;width:100%;position:fixed;bottom:0;left:0;height:0px;}
body footer [data-id="pageTop"] span{height:60px;padding:0;}


[lang="zh"] body footer [data-id="pageTop"] span>b::before{content:'頂部'}
[lang="ja"] body footer [data-id="pageTop"] span>b::before{content:'Page Top'}
[lang="en"] body footer [data-id="pageTop"] span>b::before{content:'Page Top'}

footer{padding-top:60px;position:relative}
.show footer [data-id="pageTop"]{transition:1s;background:#eee;opacity:0.8;height:60px;}
.show footer [data-id="pageTop"]:hover{opacity:1;}
.show footer.on [data-id="pageTop"]{position:absolute;top:0;bottom:unset;height:60px;}



@media only screen and (max-width:1000px) {
.gNav .mainLink{justify-content:center;}
.gNav .subLink [data-btn="cart"] a>span{display:none;}
.gNav .subLink a::after{display:none;}
}



@media only screen and (max-width:800px) {
[data-page="index"] #kv .title{font-size:5svh;}
[data-page="index"] #kv picture{height:100svh;}

.gNav .navBox{align-items:start;}
.gNav .mainLink>li{padding-bottom:0.5em;}
.gNav .mainLink>li>div[data-id],
.gNav .mainLink>li>a{writing-mode:vertical-lr;white-space: pre;padding:0 0.5em;}
.gNav .mainLink>li>a span{padding:1em;}
.gNav .mainLink{padding-bottom:1em;}

.gNav .subLink{position:fixed;top:0;right:0;flex-direction:column-reverse;top:1vw;right:1vw;}
.gNav .subLink>li{margin:0 0 1vw;}
.gNav .subLink>li[data-btn="lang"] .detailOpen{width:100%;}
.gNav .subLink a>span{display:block;}
.gNav>section{top:-9em;padding: 0;height:9em;}
.show .gNav{display:none;}
header [data-position="fixed"]>section{opacity:0;}
header [data-position="fixed"]>section .logo{width:180px;margin:5px auto;height:50px}
.hide header [data-position="fixed"]>section{background:#fff;opacity:1;z-index:99;}

[data-device="smp"][data-lang="en_US"] .gNav>section{bottom:0;height:unset;top:unset;}
[data-device="smp"][data-lang="en_US"] .gNav .mainLink{height:unset;padding:1em 0;}
[data-device="smp"][data-lang="en_US"] .gNav .mainLink>li{display:block;width:50%;height:unset;argin:0;}
[data-device="smp"][data-lang="en_US"] .gNav .mainLink>li>*{writing-mode:lr !important;display:block;height:unset;padding:0;}
[data-device="smp"][data-lang="en_US"] .gNav .mainLink>li>*>span{display:block;height:unset;padding:0.25em 0;}


.gNav .mainLink{padding-bottom:0;}
.gNav .mainLink{display:flex;flex-wrap:wrap;}
.gNav .mainLink>li{width:3em;display:block;}

.gNav .mainLink>li>div[data-id],
.gNav .mainLink>li>a{padding:0;}
.gNav .mainLink>li>div[data-id] span,
.gNav .mainLink>li>a span{padding:1em;display:block;}

}


@media only screen and (max-height:600px) {
[data-page="index"] #kv picture{height:calc(100svh - 80px);}
}


@media only screen and (max-width:600px) {
[data-page="index"] #kv .title{font-size:8vw;}

.gNav .subLink{position:fixed;top:0;right:0;flex-direction:column-reverse;top:1vw;right:1vw;}


footer>section{font-size:14px;padding:0 2vw;}
#ft00 a {height: 160px;}
#ft00 div a span img{width: 60%;}
#ft00 div a span {  left: calc(50% - 50px);top: calc(50% - 30px);}
#ft00 div:nth-child(2) a span {  left: calc(50% - 60px);top: calc(50% - 50px);}

footer #ft01{padding-bottom:1em;}
#ft01 #ftHD{display:block;text-align:center;}
#ft01 #ftHD p{padding:1em;line-height:1.5;}
[lang="EN"] #ft01 #ftHD>h2{width:unset;}
[lang="EN"] #ft01 #ftHD>p{width:75%;margin:0 auto;font-size:clamp(12px,3.6vw,24px);line-height:1.8;}

footer #ft02{font-size:14px;}
#ft02 .navBox .mainLink{width:100%;}
#ft02 .navBox .mainLink>li{text-align:center;}
#ft02 .navBox .subLink{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;}
#ft02 .navBox .subLink>li{width:49%;box-sizing:border-box;padding:1em 0;}

nav[role="navigation"] input#menuNav:checked~section[data-device="smp"]{
animation: 2s ease 0s 1 both;animation-name:fadeIn;}
}

nav[role="navigation"] section[data-device="smp"] ul.mainLink{display:block;}
nav[role="navigation"] section[data-device="smp"] ul.mainLink>li{display:block;}
nav[role="navigation"] section[data-device="smp"] ul.mainLink>li div[data-id],
nav[role="navigation"] section[data-device="smp"] ul.mainLink>li a{
text-decoration:none;font-size:16px;background:#000;display:flex;color:#fff;
justify-content:center;align-items:center;padding:1em;border-radius:3em;margin:0.5em 0;}

/**/
li[data-invew]{transform:translateY(10vw);opacity:0;transition:1s;}
li.on[data-invew]{transform:translateY(0);opacity:1;}



/**/
ul[data-invew]{transform:translateY(10vw);opacity:0;transition:1s;}
ul.on[data-invew]{transform:translateY(0);opacity:1;}

/* animation
--------------------*/

[data-invew][data-animation]{animation: 1s ease 0s 1 both;opacity:0;}




@keyframes slideIn {
0% {opacity: 0;transform: translateY(100vh);}
80% {transform: translateY(0);}
100% {opacity: 1;}
}

@keyframes slideLeft {
0% {opacity: 0;transform: translateX(100vh);}
80% {transform: translateX(0);}
100% {opacity: 1;}
}

@keyframes slideRight {
0% {opacity: 0;transform: translateX(-100vh);}
80% {transform: translateX(0);}
100% {opacity: 1;}
}

@keyframes fadeIn {
0% {opacity: 0;}
60% {opacity: 0.5;}
100% {opacity: 1;}
}

*[data-animation="slideRight"].on{animation: 2s ease 0s 1 both;animation-name:slideRight;}
*[data-animation="slideLeft"].on{animation: 2s ease 0s 1 both;animation-name:slideLeft;}
*[data-animation="slideIn"].on{animation: 2s ease 0s 1 both;animation-name:slideIn;}
*[data-animation="fadeIn"].on{animation: 4s ease 0s 1 both;animation-name:fadeIn;}


*[data-animation].on{}