@charset "UTF-8";
/*=== product page CSS ===*/
/*--- front page ---*/
.products-top {display:flex;position:relative;width:100%;height:100vh;align-items:center;justify-content:center;background-position:center center;background-size:cover;}
.products-top::before {content:'';position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.16);z-index:100;}
.products-top p,
.products-top h1 {position:absolute;display:inline-block;z-index:101;margin:0;padding:0;filter:drop-shadow(0px 0px 4px #000);}
.products-top_catch {width:auto;height:auto;top:65%;left:50%;transform:translate(-50%,-65%);color:#fff;font-family:eb-garamond,serif;font-weight:400;font-size:1.75em;letter-spacing:1.5px;}
.products-top_title {top:80%;left:50%;transform:translate(-50%,-80%);}
.products-top_title img {max-width:100%;width:auto;height:100%;}
@media screen and (max-width:590px) {
.products-top_title {top:70%;width:90%;}
.products-top_title img {width:100%;}
.products-top_catch {top:50%;width:80%;text-align:center;font-size:1.25em;}
}
/*-- scroll --*/
.scroll {position:absolute;bottom:12%;left:50%;transform:translate(-50%,-50%);width:auto;height:1em;margin:auto;cursor:pointer;text-decoration:none;animation:fadeIn 12s ease 0s 1 normal;-webkit-animation:fadeIn 12s ease 0s 1 normal;z-index:101;filter:drop-shadow(0px 0px 6px #222);}
.scroll span {font-weight:600;font-style:normal;font-size:.875em;color:#fff;text-align:center;letter-spacing:2px;}
.line-container {width:1px;height:0;position:relative;margin-bottom:100px;margin-top:20%;}
.line {width:2px;height:0px;background-color:#fff;position:absolute;top:2em;left:2em;bottom:initial;animation:line-animation 2.5s ease-in-out 0s infinite normal; display:flex;flex-direction:column;justify-content:center;align-items:center;}
.line::before {content:'';width:0;height:15px;border-right:2px solid #fff;border-bottom:8px solid #fff;transform:rotate(35deg);display:block;position:absolute;bottom:0;right:-5px;background-color:#fff;animation:arrow-animation 2.5s ease-in-out 0s infinite normal;}
@keyframes line-animation {
0%{height:0px;top:0px;opacity:0;}
50%{height:44px;top:0px;opacity:1;}
100%{height:0px;top:44px;opacity:0;}
}
@keyframes arrow-animation {
0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
@media screen and (max-width:590px) {
.scroll {bottom:20%;}
}
/*--- content ---*/
.products-main {background-color:#fff;margin:2.5% 0;}
.section {padding:8.3335% 0;}
.section h2 {max-width:340px;margin:0 auto 20px;padding-bottom:10px;font-family:din-condensed, sans-serif;font-weight:400;font-size:3em;border-bottom:1px solid;line-height:1;letter-spacing:2px;}
.section h3 {display:flex;align-items:center;max-width:100%;margin-bottom:20px;padding-bottom:20px;font-family:eb-garamond,serif;font-weight:400;font-size:1.5em;letter-spacing:1.5px;}
.section h3:before, .section h3:after {content:"";flex-grow:1;border-top:1px solid;}
.section h3:before {margin-right:1rem;}
.section h3:after {margin-left:1rem;}
.section .section-ttl {display:inline-block;max-width:560px;width:100%;margin:0 auto 3.3335%;}
.section .section-ttl > p {font-size:1em;font-weight:600;}
@media screen and (max-width:1200px) {
.section {padding:3.3335% 3%;}
.section .section-ttl > h2 {font-size:2.4em;}
}
@media screen and (max-width:1080px) {
.section {padding:3.3335% 5.33335%;}	
}
@media screen and (max-width:590px) {
.section h2 {margin:60px auto 20px;}
}
/*-- concept --*/
#concept ol, #concept ul {padding:0}
#concept ol.flex {display:flex;justify-content:space-between;align-items:flex-start;}
#concept ol.flex > li {width:calc(33.3333% - 20px);display:flex;justify-content:space-between;flex-direction:column;align-items:center;}
#concept ol.flex > li h4 {font-size:24px;margin:12px auto 0;border-bottom:1px solid;padding-bottom:12px;width:100%;text-align:center;}
#concept ol.flex > li div.flex {display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:100%;text-align:left;}
#concept ol.flex > li p {margin:12px auto;font-size:1em;line-height:1.6;}
#concept ul.number {list-style:none;counter-reset:li;}
#concept ul.number li {text-align:left;line-height:1.6;}
#concept ul.number li:before {color:#036e4f;font-weight:bold;counter-increment:li;content:counter(li) ". ";}
@media screen and (max-width:590px) {
#concept ol.flex {justify-content:center;flex-wrap:wrap;}
#concept ol.flex > li {width:calc(100% - 0px);justify-content:center;flex-direction:column;margin-bottom:36px;}
}
/*-- products --*/
/*-- variation --*/
#variation h2 {color:#fff;filter:drop-shadow(0px 0px 6px black);}
#variation .flex {display:flex;justify-content:space-between;align-items:center;position:relative;}
#variation .imgAria {width:calc(65% - 20px);}
#variation .txtAria {width:calc(35% - 20px);color:#fff;}
#variation .txtAria > p {margin-bottom:10%;text-align:left;font-size:1.125em;line-height:1.5;letter-spacing:1.5px;filter:drop-shadow(0px 0px 6px black);}
#variation .txtAria .btn {}
#variation.section-bg {position:relative;z-index:1}
#variation.section-bg::after {content:'';display:inline-block;background-repeat:no-repeat;background-position:center center;background-size:cover;width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;filter:brightness(.45);}
.eb #variation.section-bg::after {background-image:url(/wp-content/uploads/2021/10/eb_variation_bg.jpg);}
.eaw #variation.section-bg::after {background-image:url(/wp-content/uploads/2021/10/eaw_variation_bg.jpg);}
.eab #variation.section-bg::after {background-image:url(/wp-content/uploads/2021/10/eab_variation_bg.jpg);}
@media screen and (max-width:590px) {
#variation .flex {flex-wrap:wrap;}
#variation .flex > div {width:100%;margin-bottom:20px;} 
}
/*-- works  --*/
#works ul {padding:0;cursor:pointer;}
#works ul li {position:relative;}
#works ul li > img {width:100%;height:auto;}
#works ul li .name {position:absolute;bottom:0;left:0;transform:translate(0,0);width:100%;height:auto;padding:14px;background-color:rgba(0,0,0,.7);}
#works ul li .name > p {color:#fff;font-size:1em;font-weight:600;letter-spacing:.5px;}
.slick-prev.slick-arrow, 
.slick-next.slick-arrow {top:50%;z-index:105;width:36px;height:36px;margin:0 10px;background-color:rgba(255,255,255,.8)!important;border-radius:100%!important;}
.slick-prev.slick-arrow {left:0%;}
.slick-next.slick-arrow {right:0%;}
.slick-prev.slick-arrow:hover, 
.slick-next.slick-arrow:hover {opacity:1;}
.slick-prev:before,
.slick-next:before {content:"";display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:12px;color:rgba(0,0,0,.5);font-weight:bold;font-size:1.2em;border-bottom:3px solid;border-right:3px solid;}
.slick-prev:before {transform:translate(-50%, -50%) rotate(135deg);}
.slick-next:before {transform:translate(-50%, -50%) rotate(-45deg);}
.slick-dots {display:none!important;}
/*-- enter other --*/
.other.section {padding-top:2%;}
.eab .eab_other, .eaw .eaw_other, .eb .eb_other {display:none;}
.other img {max-width:100%!important;}
.other ol {display:flex;justify-content:space-between;padding:0!important;flex-wrap:wrap;}
.other li {width:calc(50% - 20px);transition:.3s ease;position:relative;}
.other li .caption {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:130%;padding-top:0;color:#fff;font-weight:bold;}
.other li .mask {width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,0.8);transition:all .4s ease;}
.other li:hover .mask {opacity:1;}
@media screen and (max-width:590px) {
.other li {width:calc(100% - 0px);margin-bottom:20px;}
.other li .caption {font-size:110%;}
.other h3 {font-size:1.2em;}
}
/*--- end content ---*/
/*--- variation page ---*/
.variation .section .section-ttl {display:inline-block;max-width:100%;width:100%;text-align:left;margin-bottom:20px;}
.variation .section .section-ttl > h2 {max-width:100%;border-bottom:0px;display:flex;align-items:center;padding:0;margin-bottom:10px;}
.variation .section .section-ttl > h2:after {margin-left:1rem;}
.variation .section .section-ttl > h2:after {content:"";flex-grow:1;border-top:1px solid;}
.fg-item.fg-type-image {width:calc(20% - 5px);margin:2.5px;}
@media screen and (max-width:590px) {
.fg-default .fg-item {display:inline-block;vertical-align:top;max-width:100%;width:calc(50% - 10px);margin:5px;}
}
/*-- eaw parts links --*/
#parts > .flex {display:flex;justify-content:space-between;align-items:center;padding:0;}
#parts > .flex li {width:calc(33.3333% - 36px);margin-top:38px;}
#parts > .flex li > h4 {padding:24px 0;color:#9d8f80;font-size:20px;font-weight:bold;}
#parts > .flex li span {display:block;max-width:280px;margin:0 auto;padding:8px 0;font-size:14px;color:#fff;border:solid 1px #ccc;background-color:#ccc;}
#parts > .flex li a.button {display:block;max-width:280px;margin:0 auto;font-size:14px;padding:8px 0;color:#f26660;border:solid 1px;}
#parts > .flex li a.button:hover {background-color:#f26660;color:#fff;}
@media screen and (max-width:590px) {
#parts > .flex {flex-wrap:wrap;}
#parts > .flex li {width:calc(100% - 16px);}
#parts > .flex li > h4 {padding:16px 0;font-size:16px;}
}