@charset "UTF-8";

body { font-family:'Zen Kaku Gothic New', sans;font-weight:400;font-size:16px;line-height:1.6;color:#4C5256;position:relative;max-width:1680px;margin:0 auto;overflow-x:hidden;}
img {image-rendering: -webkit-optimize-contrast;}
@media screen and (max-width: 850px) {
  html{overflow-x:hidden;}
  body{overflow:hidden;}
}

.shimin {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.zen {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.cormorant-garamond {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


/*
h1{display:flex;align-items:center;}
h1 img{height:12.5px;position:relative;}
h1 img.logo{height:32px;margin-right:20px;}
.cc{position:absolute;top:50%;transform:translateY(-50%);}
h2{}
h2 img{height:96px;}
.csl .products{display:none;}
.release{display:flex;align-items:end;margin-top:50px;}
.release img.aug{height:30px;margin-right:20px;}
.release img.cs{height:16px;}
.shop{margin-top:10px;}
.shop img{height:13px;}
.products ul{display:flex;flex-wrap:wrap;}
.products ul li{width:50%;min-height:50vh;overflow:hidden;}
.products ul li:nth-child(1){background:url(../img/bg_pure.jpg) no-repeat;background-size:cover;background-position:center;}
.products ul li:nth-child(2){background:url(../img/bg_thebloom.jpg) no-repeat;background-size:cover;background-position:center;}
.products ul li:nth-child(3){background:url(../img/bg_thenoble.jpg) no-repeat;background-size:cover;background-position:center;}
.products ul li:nth-child(4){background:url(../img/bg_thefriendly.jpg) no-repeat;background-size:cover;background-position:center;}
.products ul li img{width:127px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);}
.products ul li:nth-child(3) img{filter:drop-shadow(0 4px 100px rgba(255,255,255,.5));}
.btn a{background:#30353A;display:block;width:260px;height:36px;position:relative;border-radius:20px;}
.btn a img{width:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.sns a{border:1px solid #9A938F;border-radius:20px;width:124px;height:38px;display:block;position:relative;}
.sns a img{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);vertical-align:top;}
.sns a:nth-child(1) img{width:88px;}
.sns a:nth-child(2) img{width:90px;}
@media screen and (max-width:980px){
	h1{flex-wrap:wrap;}
	h1 img{order:1;}
	h1 img.logo{margin-right:0;margin-top:20px;order:2;}
	.release{display:block;}
	.release img{display:block;}
	.release img.aug{margin-right:0;}
	.release img.cs{margin-top:20px;}
}
@media screen and (max-width:850px){
	h1{flex-direction:column-reverse;}
	h1 img{order:2;width:160px;height:auto;}
	h1 img.logo{order:1;margin-top:10px;width:160px;height:auto;}
	.cc{position:relative;top:0;transform:none;}
	h2{text-align:center;margin:50px auto;}
	h2 picture{display:block;}
	h2 picture img{width:80%;max-width:280px;height:initial;}
	.csl .products{display:block;width:100%;}
	.products ul li{min-height:50vw;}
	.products ul li img{width:35%;}
	.release{text-align:center;}
	.release img{margin:0 auto;}
	.release img.aug{max-width:80%;margin:0 auto;}
	.release img.cs{max-width:60%;}
	.shop{text-align:center;}
	.csr{display:none;}
}
*/
.wbka{word-break:keep-all;}
.brpc{display:block;}
.brsp{display:none;}
.brsp2{display:none;}
.cpc{display:block;}
.csp{display:none;}
.cpcil{display:inline-block;}
@media screen and (max-width: 850px) {
  .brpc{display:none;}
  .brsp{display:block;}
  .cpc{display:none;}
  .csp{display:block;}
  .cpcil{display:none;}
}
@media screen and (max-width: 640px) {
  .brsp2{display:block;}
}


/* ==============================================================
*  header
* ============================================================ */
.l-header {position: fixed;top: 0;left: 50%;transform:translateX(-50%);z-index: 10;width: 100%;max-width:1680px;animation:headerOP 5s ease-in-out .5s;animation-fill-mode:forwards;opacity:0;top:-80px;}
#about .l-header,
#comparison .l-header,
.l-second .l-header,
.l-topics .l-header,
.l-notfound .l-header{animation: headerOP 0s;}
#home .l-header.scr{animation: headerOP 1s ease-in-out .5s;animation-fill-mode:forwards;}
@keyframes headerOP {
  0% {
    opacity: 0;
    top:-80px;
  }
  69%{
    opacity:0;
    top:-80px;
  }
  70% {
    opacity: 0;
    top:0;
  }
  100% {
    opacity: 1;
    top:0;
  }
}
.l-header.scr{background:#fff;-webkit-box-shadow: 0 0 10px -5px #464E5B;box-shadow: 0 0 10px -5px #464E5B;}
.l-header_inner {width: 100%;height: 100%;margin: 0 auto;padding: 0 30px;}
.p-header {display: flex;justify-content: space-between;height: 80px;}
.p-header_logo {width:340px;position:relative;z-index:999;}
.p-header_logo img + img{margin-left:12px;}
.p-header_logo a {display: flex;height: 100%;justify-content: center;align-items: center;}
.p-header_logo img {width: 100%;max-width: 160px;max-height: 54px;}
.p-globalNavi .p-header_logo{display:none;}
.p-header_menu {display: flex;}
.p-Menu {width: 80px;height: 100%;display: flex;justify-content: center;align-items: center;display:none;}
.p-Menu_btn {display:none;width: 50px;height: 50px;position: relative;cursor: pointer;z-index: 3;}
.p-Menu_btn span {position:absolute;background:#30353A;height:1.5px;display:block;transition: all .5s ease-out;}
.p-Menu_btn span:nth-of-type(1) {width: 20px;top:20px;left:16px;}
.p-Menu_btn:hover span:nth-of-type(1) {/*width: 50px;*/}
.p-Menu_btn span:nth-of-type(2) {width: 20px;top:27px;left:16px;}
.p-Menu_btn:hover span:nth-of-type(2) {/*width: 40px;*/}
.p-Menu_btn span:nth-of-type(3) {width: 20px;top:34px;left:16px;transition: all .3s ease-out;}
.p-Menu_btn:hover span:nth-of-type(3) {/*width: 30px;*/}
.p-Menu_btn.is_open span:nth-of-type(1) {transform:rotate(45deg) translate(0, 0px);transform-origin:left top;left:18px;}
.p-Menu_btn.is_open span:nth-of-type(2) {width:0;}
.p-Menu_btn.is_open span:nth-of-type(3) {transform:rotate(-45deg) translate(0px,0px);transform-origin:left bottom;left:18px;}

@media screen and (max-width: 1080px) {
  .l-header_inner {padding:0 20px;}
}
@media screen and (max-width: 980px) {
  .p-header_logo {width:116px;position:relative;left:17px;}
  .p-header_logo a {flex-direction: column-reverse;}
  .p-header_logo img + img{margin-left:0;margin-bottom:5px;}
}
@media screen and (max-width: 850px) {
  .l-header_inner {padding:0;}
  .p-header{height:64px;}
  .p-Menu{display:flex;position:relative;/*right:15px;*/}
  .p-Menu_btn{display:block;}  
  .p-header_logo {width:116px;position:relative;left:17px;top:0px;}
  .p-header_logo a {flex-direction: column-reverse;}
  .p-header_logo img + img{margin-left:0;margin-bottom:5px;}
  .p-globalNavi .p-header_logo{display:block;position:absolute;top:18px;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7440%) hue-rotate(161deg) brightness(114%) contrast(114%);}
  .p-globalNavi .p-header_logo a{flex-direction:column;}
  .p-globalNavi .p-header_logo img + img{margin-left:0;margin-top:5px;}
}

/*** Navi *******************************************************/
.p-header_menu {position: relative;}
.p-globalNavi {display:flex;right: 0;transform: translateX(0);background: transparent;}
.p-globalNavi.is_open {transform: translateX(0);}
.p-globalNavi_logo {height: 10vh;}
.p-globalNavi_logo p {text-align: center;}
.p-globalNavi_logo img {width: 190px;}
.p-globalNavi_list {display:flex;justify-content:space-around;align-items: center;}
.l-header .p-globalNavi_item {text-align: center;margin-right:30px;}
.l-header .p-globalNavi_item a{display:block;position:relative;line-height:1.5;}
.l-header .p-globalNavi_item a span{display:none;}
.l-header .p-globalNavi_item a img{height:12px;position:relative;top:50%;transform:translateY(-50%);}
.l-header .p-globalNavi_item:nth-child(6) a img{height:15px;transform:translateY(calc(-50% + 4px));}

.p-globalNavi_link p {font-size: 30px;line-height: 1.3;}
.p-globalNavi_link p span {font-size: 14px;display: block;}
.p-globalNaviIcon_list {display: flex;justify-content: center;align-items: center;}
.p-globalNaviIcon_list.sns img{width:30px;}
.p-globalNaviIcon_item {width:24px;margin:0 5px;position:relative;}
.p-globalNaviIcon_item img{width:24px;position:absolute;top:50%;transform:translateY(-50%);}
.p-globalNaviIcon_link p {background: #000;border-radius: 50%;width: 50px;height: 50px;display: flex;justify-content: center;margin: 0 auto;}
.p-globalNaviIcon_link p img {width: 24px;}
@media screen and (max-width: 1120px) {
  .l-header .p-globalNavi_item{margin-right:20px;}
}
@media screen and (max-width: 1080px) {
  .l-header .p-globalNavi_item a img{height:11px;}
  .l-header .p-globalNavi_item:nth-child(6) a img{height:14px;}
  .p-globalNavi_item{margin-right:20px;}
  .p-globalNavi_item a{line-height:1.25;}
  .p-globalNavi_item a img{height:10px;}
  .p-globalNavi_item:nth-child(6) a img{height:13px;}
  .p-globalNaviIcon_item img{width:21px;}
}
@media screen and (max-width: 980px) {
  .p-globalNavi_item{margin-right:10px;}
}
@media screen and (max-width: 850px) {
  .p-globalNavi {
    width: 90vw;width:390px;max-width:100vw;height: 100vh;transform: translateX(390px);
    position: absolute;top: 0;right:0;z-index: 2;display: block;
    padding: 80px 0 0;background:url(../img/bg.jpg) no-repeat;background-size:cover;background-position:top left;;
    overflow: hidden;transition: all .5s ease;
  }

  .p-globalNavi_logo {height: 0;}
  .p-globalNavi_logo img {display:none;}
  .l-header .p-globalNaviIcon_list{height:10vh;justify-content:start;width:320px;margin:0 auto;}
  .l-header .p-globalNaviIcon_item{width:40px;margin: 0 15px 0 0;}
  .l-header .p-globalNaviIcon_item:nth-child(1) img,
  .l-header .p-globalNaviIcon_item:nth-child(2) img{width:40px;}
  .l-header .p-globalNaviIcon_item:nth-child(2) img{width:36px;left:3px;}
  /*.l-header .p-globalNaviIcon_item:nth-child(3) img{width:40px;}*/
  
  .l-header .p-header_menu .p-globalNavi_item:nth-child(3){display:block;}/*◆*/
  
  .l-header .p-globalNavi_list{width:320px;margin:30px auto;flex-wrap:wrap;/*height:60vh;flex-flow: column;*/}
  .l-header .p-globalNavi_item {width:100%;text-align:center;height:64px;margin-right:0;border-bottom:1px solid rgba(255,255,255,.15);}
  .l-header .p-globalNavi_item:last-child{border-bottom:0;}
  .l-header .p-globalNavi_item a{display:flex;height:100%;}
  .l-header .p-globalNavi_item a span{display:block;font-size:10px;color:#9A938F;line-height:64px;}
  .l-header .p-globalNavi_item a img{height:18px;/*filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7440%) hue-rotate(161deg) brightness(114%) contrast(114%);*/margin-right:15px;}
  .l-header .p-globalNavi_item:nth-child(6) a img{height:23px;transform:translateY(calc(-50% + 2px));}
}

/* ==============================================================
*  footer
* ============================================================ */

.l-footer{background:#575452;}
.l-footer a{color:#fff;letter-spacing:0.05em;font-weight:300;}
.l-footer .p-footer{display:flex;width:84%;margin:0 auto;padding:96px 0 72px;justify-content:space-between;}
.l-footer .p-footer_logo{width:256px;max-width:22%;}
.l-footer .p-footer_logo img{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7440%) hue-rotate(161deg) brightness(114%) contrast(114%);}
.l-footer .p-footer_logo img + img{margin-top:20px;}
.l-footer .p-footer_navi{width:700px;max-width:60%;display:flex;}
.l-footer .p-footer_navi > div{width:50%;}
.l-footer .p-footer_navi h4{position:relative;padding-bottom:15px;}
.l-footer .p-footer_navi h4:after{content:"";width:15px;height:1px;background:#9A938F;position:absolute;left:0;bottom:0;}
.l-footer .p-footer_navi h4 img{height:10px;}
.l-footer .p-footer_navi .fnav1,
.l-footer .p-footer_navi .fnav2{font-size:14px;margin-top:20px;}
.l-footer .p-footer_navi .fnav1 li,
.l-footer .p-footer_navi .fnav2 li{margin-bottom:1em;}
.l-footer .p-footer2{border-top:1px solid #9A938F;display:flex;justify-content:space-between;padding:24px 2%;}
.l-footer .fnav3{display:flex;color:#fff;font-size:11px;}
.l-footer .fnav3 li{margin-right:20px;}
.l-footer .fnav3 li.p-globalNaviIcon_item {width:initial;margin:0 20px 0 0;}
.l-footer .copyright{color:#fff;font-size:11px;}

@media screen and (max-width:640px){
	.l-footer .p-footer{width:92%;flex-wrap:wrap;padding:40px 0;}
	.l-footer .p-footer_logo{width:210px;max-width:70%;}
	.l-footer .p-footer2{padding:24px 4%;flex-wrap:wrap;}
	.l-footer .p-footer_navi{width:100%;max-width:initial;flex-wrap:wrap;margin-top:30px;}
	.l-footer .p-footer_navi > div{width:100%;}
	.l-footer .p-footer_navi > div > div{margin:20px auto 10px;}
	.l-footer .fnav3{margin:0 auto;width:100%;justify-content:space-between;}
	.l-footer .fnav3 li{width:initial;margin:0 auto;}
	.l-footer .copyright{width:100%;text-align:center;margin:40px auto 0;}
}


.p-topMv{position:relative;background:url(../img/bg_l.jpg) no-repeat;background-size:cover;background-position:top left;}
.p-topMv .anim1{position:absolute;width:324px;height:107px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;}
.p-topMv .anim1 h1{display:flex;flex-wrap:wrap;}
.p-topMv .anim1 h1 img{order:2;opacity:1;animation:logoOP 1s ease-in-out .5s;animation-fill-mode:forwards;}
.p-topMv .anim1 h1 img + img{margin-bottom:20px;order:1;}
.p-topMv_cont{position:relative;width:100%;max-width:1680px;height:calc(100vw / 1440 * 800);max-height:932px;opacity:0;animation:opAnim1 2s ease-in-out .5s;animation-fill-mode:forwards;overflow:hidden;}
.p-topMvArea{width:100%;height:100%;}
.p-topMvArea img{width:101%;height:auto;}
.p-topMvArea img.mvbg{width:101%;}
.p-topMvArea img.prd{position:absolute;width:15%;top:65%;left:5%;transform:translateY(-50%);}
.p-topMvArea img.copy{position:absolute;width:25%;top:15%;left:6.6%;}
.p-topMvArea#kv0 h2{position: absolute;width:100%;top:15%;left:6.6%;z-index:3;opacity:0;animation:opAnim1 2s ease-in-out 1.25s;animation-fill-mode:forwards;}
.p-topMvArea#kv0 img.copy{width:37%;top:0;left:0;}
.p-topMvArea#kv0 ul.kv_prdcts{display:flex;}
.p-topMvArea#kv0 ul.kv_prdcts li{position:relative;width:25%;height:100%;}
.p-topMvArea#kv0 ul.kv_prdcts li:nth-child(1){opacity:0;animation:opAnim1 2s ease-in-out 1.25s;animation-fill-mode:forwards;}
.p-topMvArea#kv0 ul.kv_prdcts li:nth-child(2){opacity:0;animation:opAnim1 2s ease-in-out 1.5s;animation-fill-mode:forwards;}
.p-topMvArea#kv0 ul.kv_prdcts li:nth-child(3){opacity:0;animation:opAnim1 2s ease-in-out 1.75s;animation-fill-mode:forwards;}
.p-topMvArea#kv0 ul.kv_prdcts li:nth-child(4){opacity:0;animation:opAnim1 2s ease-in-out 2s;animation-fill-mode:forwards;}
.p-topMvArea#kv0 ul.kv_prdcts li:nth-child(1) img.kv0bg{opacity:0;animation:opAnim1 2s ease-in-out 2.5s;animation-fill-mode:forwards;}
.p-topMvArea#kv0 ul.kv_prdcts li:nth-child(2) img.kv0bg{opacity:0;animation:opAnim1 2s ease-in-out 2.75s;animation-fill-mode:forwards;}
.p-topMvArea#kv0 ul.kv_prdcts li:nth-child(3) img.kv0bg{opacity:0;animation:opAnim1 2s ease-in-out 3s;animation-fill-mode:forwards;}
.p-topMvArea#kv0 ul.kv_prdcts li:nth-child(4) img.kv0bg{opacity:0;animation:opAnim1 2s ease-in-out 3.25s;animation-fill-mode:forwards;}
.p-topMvArea#kv0 ul.kv_prdcts li figure{position:absolute;top:36.5%;left:0;text-align:center;}
.p-topMvArea#kv0 ul.kv_prdcts li figure img{width:60%;height:auto;position:relative;top:initial;left:initial;transform:none;}
.p-topMv .bar{position:absolute;bottom:0;z-index:9;width:100%;height:6px;background:#fff;border-radius:0px;margin:0px auto 0;overflow:hidden;}
.p-topMv .bar span{display:inline-block;position:absolute;top:0;bottom:0;left:0;width:100%;background:#bbb;transform:scaleX(0);transform-origin:left center;transition-timing-function:linear;}
.p-topMv .bar span.s0{background:#bbb;}
.p-topMv .bar span.s1{background:#ECAAA3;}
.p-topMv .bar span.s2{background:#78A897;}
.p-topMv .bar span.s3{background:#FDB64F;}
@keyframes logoOP {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes opAnim1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-topMvArea#kv0.fini ul.kv_prdcts li:nth-child(1),
.p-topMvArea#kv0.fini ul.kv_prdcts li:nth-child(2),
.p-topMvArea#kv0.fini ul.kv_prdcts li:nth-child(3),
.p-topMvArea#kv0.fini ul.kv_prdcts li:nth-child(4),
.p-topMvArea#kv0.fini ul.kv_prdcts li:nth-child(1) img.kv0bg,
.p-topMvArea#kv0.fini ul.kv_prdcts li:nth-child(2) img.kv0bg,
.p-topMvArea#kv0.fini ul.kv_prdcts li:nth-child(3) img.kv0bg,
.p-topMvArea#kv0.fini ul.kv_prdcts li:nth-child(4) img.kv0bg{animation:none;opacity:1;}

@media screen and (max-width:850px){
  .p-topMv .anim1{max-width:70%;}
  .p-topMv_cont{height:100vh;}
  .p-topMvArea img.copy{top:85%;width:50%;}
  .p-topMvArea#kv0:before{content:"";width:100%;height:100%;background:#fff;z-index:0;display:block;position:absolute;}
  .p-topMvArea#kv0 h2{top:initial;top:80%;}
  .p-topMvArea#kv0 img.copy{width:50%;top:0;left:0;max-width:250px;}
  .p-topMvArea#kv0 ul.kv_prdcts{flex-wrap:wrap;height:78%;position:relative;}
  .p-topMvArea#kv0 ul.kv_prdcts li{width:50%;height:50%;overflow:hidden;}
  .p-topMvArea#kv0 ul.kv_prdcts li figure img{width:42%;}
  .p-topMvArea img.mvbg{width:100%;height:100%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;}
  .p-topMvArea img.prd{width:30%;top:60%;}
}


.p-topConcept{background:url(../img/top/bg.jpg) no-repeat;background-position:top left;background-size:cover;padding:80px 10%;}
.p-topConcept_content{position:relative;}
.p-topConcept h2{position:relative;padding-bottom:18px;transform:translateY(50px);opacity:0;transition: transform 1s ease,opacity .3s ease;}
.p-topConcept h2.is_view{transform:translateY(0);opacity:1;}
.p-topConcept h2:after{content: "";width:16px;height: 1px;background: #9A938F;position: absolute;left: 0;bottom: 0;}
.p-topConcept h2 img{height:14px;}
.p-topConcept h2 + p{font-size:18px;line-height:2;letter-spacing:0.04em;color:#30353A;margin:3.5em 0;transform:translateY(50px);opacity:0;transition: transform 1s ease,opacity .3s ease;}
.p-topConcept h2 + p.is_view{transform:translateY(0);opacity:1;}
.p-topConcept img.logo{width:340px;margin:40px 0 80px;}
.p-topConcept h3{font-size:16px;line-height:2;letter-spacing:0.12em;color:#30353A;margin:1.5em 0;}
.p-topConcept figure.c1,
.p-topConcept figure.c2,
.p-topConcept figure.c3{transform:translateY(50px);opacity:0;transition: transform 1s ease,opacity .3s ease;}
.p-topConcept figure.c1.is_view,
.p-topConcept figure.c2.is_view,
.p-topConcept figure.c3.is_view{transform:translateY(0);opacity:1;}
.p-topConcept figure img{width:100%;height:auto;border-radius:5px;}
.p-topConcept figure.c1{position:absolute;top:0%;right:0%;width:16%;}
.p-topConcept figure.c2{position:absolute;top:13vw;right:19%;width:15%;}
.p-topConcept figure.c3{position:absolute;top:21vw;right:-6%;width:18%;}
.p-topConcept .lineupWrapper{display:flex;justify-content:space-between;position:relative;align-items:center;}
.p-topConcept .lineupWrapper .pl{position:relative;}
.p-topConcept .lineupWrapper .pr{display:flex;justify-content:center;position:relative;background:#FBF8F4;}
.p-topConcept .lineupWrapper .pc{width:50px;}
.p-topConcept .lineupWrapper .pc img{filter: brightness(0) saturate(100%) invert(61%) sepia(17%) saturate(115%) hue-rotate(338deg) brightness(93%) contrast(88%);}
.p-topConcept .lineupWrapper .pl h4,
.p-topConcept .lineupWrapper .pr h4{position:absolute;top:8%;left:50%;transform:translateX(-50%);letter-spacing:0.12em;font-size:16px;width:100%;text-align:center;}
.p-topConcept .lineupWrapper .prdct{transform:translateY(50px);opacity:0;transition: transform 1s ease,opacity .3s ease;}
.p-topConcept .lineupWrapper .prdct.is_view{transform:translateY(0);opacity:1;}
.p-topConcept .lineup .prdct{width:256px;height:482px;text-align:center;position:relative;padding:20px;}
.p-topConcept .lineup .prdct figure{margin:90px auto 30px;}
.p-topConcept .lineup .prdct figure img{width:110px;}
.p-topConcept .lineup h4 img{height:21px;width:auto;display:block;margin:0 auto 10px;}
.p-topConcept .lineup .prdct h5{font-size:14px;}
.p-topConcept .lineup .prdct h5 img{height:13px;width:auto;display:block;margin:20px auto;}
.lineup .prdct#p_pure{background:linear-gradient(to bottom,rgba(247,246,245,1) 20%,rgba(223,216,212,1) 100%);}
.lineup .prdct#p_bloom{background:linear-gradient(to bottom,rgba(249,228,225,0) 20%,rgba(249,228,225,1) 100%);}
.lineup .prdct#p_noble{background:linear-gradient(to bottom,rgba(210,235,217,0) 20%,rgba(210,235,217,1) 100%);}
.lineup .prdct#p_friendly{background:linear-gradient(to bottom,rgba(255,238,204,0) 20%,rgba(255,238,204,1) 100%);}
@media screen and (max-width:1440px){
  .p-topConcept .lineupWrapper{}
  .p-topConcept .lineupWrapper .pl{width:24%;}
  .p-topConcept .lineupWrapper .pl .prdct{width:100%;}
  .p-topConcept .lineupWrapper .pc{width:7%;text-align:center;}
  .p-topConcept .lineupWrapper .pc img{width:70%;margin:0 auto;}
  .p-topConcept .lineupWrapper .pr{width:69%;}
  .p-topConcept .lineupWrapper .pr .prdct{width:calc(100% / 3);}
}
@media screen and (max-width:850px){
  .p-topConcept{padding: 80px 6%;}
  .p-topConcept h2 + p{font-size:16px;}
  .p-topConcept .lineupWrapper{flex-wrap:wrap;}
  .p-topConcept .lineupWrapper .pl{width:100%;}
  .p-topConcept .lineupWrapper .pl .prdct{height:initial;width:50%;margin:0 auto;}
  .p-topConcept .lineupWrapper .pc{width:100%;}
  .p-topConcept .lineupWrapper .pc img{width:50px;margin:10px auto;}
  .p-topConcept .lineupWrapper .pr{width:100%;}
  /*
  .p-topConcept .lineupWrapper .pl h4{width:40%;top:50%;transform:translateY(-50%);left:5%;}
  .p-topConcept .lineup .pl .prdct figure{margin:30px auto;}
  .p-topConcept .lineup .pl .prdct h5{position:absolute;top:40%;width:40%;right:5%;}
  .p-topConcept .lineup .pl .prdct h5 img{margin:0 auto;}
  .p-topConcept .lineup .pl .prdct h5 + p{position:absolute;top:50%;width:40%;right:5%;}
  */
}
@media screen and (max-width:640px){
  .p-topConcept img.logo{max-width:64%;}
  .p-topConcept h3{font-size:14px;}
  .p-topConcept .lineup h4 img{height:13px;}
  .p-topConcept .lineupWrapper .pl h4,
  .p-topConcept .lineupWrapper .pr h4{font-size:12px;}
  .p-topConcept .lineup .pl .prdct figure img{width:50%;}
  .p-topConcept .lineup .pr .prdct figure img{width:70%;}
  .p-topConcept .lineup h5 + p{font-size:10px;}
  .p-topConcept .lineup .prdct h5 img{height:10px;}
  .p-topConcept .lineup .prdct{padding:10px;height:initial;}
  .p-topConcept figure.c1{top:-2.5%;right:1%;width:21%;}
  .p-topConcept figure.c2{top:4vw;right:26%;width:21%;}
  .p-topConcept figure.c3{top:20vw;right:0%;width:22%;}
}


.topProductWrapper{position:relative;width:100%;height:800px;max-height:calc(100vw / 1440 * 800);}
.topProductWrapper h2.pkg{width:240px;max-width:17%;height:auto;top:60%;left:50%;transform:translate(-50%,-50%);position:absolute;z-index:2;opacity:0;transition: top 1s ease,opacity .3s ease;}
.topProductWrapper h2.pkg.is_view{top:50%;opacity:1;}
.topProductWrapper h2.pkg img{width:100%;height:auto;}
.topProductWrapper h3{transform:translateY(20px);opacity:0;transition:transform 1s ease,opacity .3s ease;}
.topProductWrapper h3.is_view{transform:translateY(0);opacity:1;}
.topProductWrapper h3 img{filter: brightness(0) saturate(100%) invert(18%) sepia(21%) saturate(275%) hue-rotate(169deg) brightness(96%) contrast(91%);height:46px;width:auto;}
.topProductWrapper .t_product{position:absolute;top:50%;left:50%;transform:translateY(-50%);width:50%;padding:0 10%;}
.topProductWrapper .t_product h2.type{position:relative;width:100%;max-width:initial;text-align:left;font-size:12px;letter-spacing:0.04em;transform:translate(0%, 20px);opacity:0;transition:transform 1s ease,opacity .3s ease;}
.topProductWrapper .t_product h2.type.is_view{transform:translate(0);opacity:1;}
.topProductWrapper .t_product h2.type img{height:9px;width:auto;margin-bottom:10px;vertical-align:text-top;display:block;}
.topProductWrapper .t_product h2.copy{font-size:22px;margin:20px auto 50px;opacity:0;transform:translate(0,20px);transition:transform 1s ease,opacity .3s ease;}
.topProductWrapper .t_product h2.copy.is_view{transform:translate(0);opacity:1;}
.topProductWrapper .t_product h2.copy img{height:15px;margin:0 10px;vertical-align:initial;}
.topProductWrapper .t_product h4{margin:1.5em auto 2em;}
.topProductWrapper .t_product .price{font-size:11px;letter-spacing:0.1em;}
.topProductWrapper .t_product .price .price{font-size:24px;letter-spacing:0.1em;}
.topProductWrapper .t_product p.exp{font-size:14px;letter-spacing:0.04em;margin-top:0.5em;}
.topProductWrapper .pdtbg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.topProductWrapper .pdtbg .bgr{position:absolute;top:0;left:50%;width:50%;height:100%;}
.topProductWrapper#top_product_pure .bgr{background: linear-gradient(134.93deg, #DFD8D4 11.19%, #FFFFFF 90.53%);}
.topProductWrapper#top_product_thebloom .bgr{background: linear-gradient(134.93deg, #F9E4E1 11.19%, #FFFFFF 90.53%);}
.topProductWrapper#top_product_thenoble .bgr{background: linear-gradient(134.93deg, #D2EBD9 11.19%, #FFFFFF 90.53%);}
.topProductWrapper#top_product_thefriendly .bgr{background: linear-gradient(134.93deg, #FFEECC 11.19%, #FFFFFF 90.53%);}
.topProductWrapper .pdtbg .bgl{position:absolute;top:0;left:0;width:50%;height:100%;}
.topProductWrapper#top_product_pure .bgl{background:url(../img/top/bg_pure.jpg) no-repeat;background-position:center;background-size:cover;}
.topProductWrapper#top_product_thebloom .bgl{background:url(../img/top/bg_bloom.jpg) no-repeat;background-position:center;background-size:cover;}
.topProductWrapper#top_product_thenoble .bgl{background:url(../img/top/bg_noble.jpg) no-repeat;background-position:center;background-size:cover;}
.topProductWrapper#top_product_thefriendly .bgl{background:url(../img/top/bg_friendly.jpg) no-repeat;background-position:center;background-size:cover;}
.topProductWrapper .more a{display:flex;align-items:center;margin-top:30px;}
.topProductWrapper .more img{height:9px;width:auto;vertical-align:text-top;}
.topProductWrapper .more .btn{width:66px;height:20px;border:1px solid #D9D9D9;border-radius:50px;position:relative;text-align:center;display:inline-block;margin-left:1em;}
.topProductWrapper .more .btn img{height:8px;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
@media screen and (max-width:1280px){
  .topProductWrapper .t_product h2.copy{font-size:20px;}
  .topProductWrapper h3 img{height:40px;}
}
@media screen and (max-width:1080px){
  .topProductWrapper{max-height:initial;}
  .topProductWrapper h3 img{height:32px;}
  .topProductWrapper .t_product{width:57%;}
  .topProductWrapper .t_product h2.copy{font-size:16px;}
}
@media screen and (max-width:850px){
  .topProductWrapper .pdtbg .bgl{width:100%;height:calc(100vw / 390 * 160);}
  .topProductWrapper .pdtbg .bgr{width:100%;left:0;top:calc(100vw / 390 * 160);}
  .topProductWrapper h2.pkg{right:10%;left:initial;transform:none;top:100px;top:calc(100vw / 390 * 200 - 220px);}
  .topProductWrapper h2.pkg.is_view{top: calc(100vw / 390 * 200 - 100px);}
  .topProductWrapper .t_product{width:100%;left:0;top:calc(100vw / 390 * 160);transform:none;padding-top:20px;}
  .topProductWrapper .t_product h2.type,
  .topProductWrapper .t_product h2.copy,{right:initial;top:0;margin-top:20px;}
  .topProductWrapper .t_product h2 img{display:block;margin-bottom:10px;}
  .topProductWrapper .t_product h2.copy img{display:inline-block;}
  .topProductWrapper#top_product_pure .bgl{background:url(../img/top/bg_pure_sp.jpg) no-repeat;background-position:center;background-size:cover;}
.topProductWrapper#top_product_thebloom .bgl{background:url(../img/top/bg_bloom_sp.jpg?v2) no-repeat;background-position:center;background-size:cover;}
.topProductWrapper#top_product_thenoble .bgl{background:url(../img/top/bg_noble_sp.jpg) no-repeat;background-position:center;background-size:cover;}
.topProductWrapper#top_product_thefriendly .bgl{background:url(../img/top/bg_friendly_sp.jpg?v2) no-repeat;background-position:center;background-size:cover;}
}
@media screen and (max-width:640px){
  .topProductWrapper .pdtbg .bgl{width:100%;height:calc(100vw / 390 * 200);}
  .topProductWrapper .pdtbg .bgr{width:100%;left:0;top:calc(100vw / 390 * 200);}
  .topProductWrapper h2.pkg{top:25vw;top:calc(100vw / 390 * 200 - 50px);max-width:25%;right:8%;}
  .topProductWrapper .t_product{top:calc(100vw / 390 * 200);}
  .topProductWrapper .t_product h2.type{font-size:10px;}
  .topProductWrapper .t_product h2.copy{font-size:14px;transform:translate(0,20px);}
  .topProductWrapper .t_product h2.copy img{height:12px;}
  .topProductWrapper h3 img{height:25px;}
  
}



.p-topMovie{background: linear-gradient(134.93deg, #ECE8E3 11.19%, #DFD6CB 90.53%);padding:100px 0;position:relative;}
.p-topMovie_wrap{display:flex;width:90%;max-width:1200px;margin:0 auto;flex-direction:row-reverse;align-items:center;}
.p-topMovie .p-topMovie_content{color:#fff;width:244px;margin-left:4%;}
.p-topMovie h2{width:100%;margin:0 auto 2em;position:relative;padding-bottom:18px;}
.p-topMovie h2:after{content: "";width:16px;height: 1px;background: #9A938F;position: absolute;left: 0;bottom: 0;}
.p-topMovie h2 img{height:18px;}
.p-topMovie_wrap iframe{width:910px;height:512px;max-width:92%;border-radius:6px;}

@media screen and (max-width: 850px) {
  .p-topMovie_wrap{flex-wrap:wrap;width:90%;flex-direction: column-reverse;}
  .p-topMovie_wrap iframe{width:90vw;max-width:100%;height:calc(90vw / 16 * 9);}
  .p-topMovie .p-topMovie_content{margin:30px auto 0;width:100%;text-align:center;}
}
@media screen and (max-width: 640px){
  .p-topMovie .p-topMovie_content{width:90%;}
  .p-topMovie h2{text-align:left;}
}

.p-topContents{position:relative;padding:96px 0;background:#FBF8F4;}
.p-topContents h2{position:relative;margin:0 auto;text-align:center;}
.p-topContents h2 img{width:60%;height:auto;box-shadow:0px 10px 31px rgba(0,0,0,.05);filter: drop-shadow(0px 4px 10px rgba(0,0,0,.25));}
@media screen and (max-width: 850px) {
  .p-topContents h2 img{width:75%;max-width:443px;}
}

.p-topFaq{background:#FBF8F4;position:relative;top:0;width:100%;min-height:100vh;padding-top:140px;padding-bottom:140px;}
.p-topFaq_wrap{width:77%;max-width:1104px;margin:0 auto;}
.p-topFaq h2{width:100%;margin:0 auto 2em 0;text-align:left;position:relative;padding-bottom:18px;}
.p-topFaq h2:after{content: "";width:16px;height: 1px;background: #9A938F;position: absolute;left: 0;bottom: 0;}
.p-topFaq h2 img{height:18px;}
.p-topFaq h3{text-align:left;font-size:32px;letter-spacing:0.12em;color:#30353A;}
.p-topFaq h3 img{height:30px;}
.p-topFaq ul.p-topFaq_list{max-width:1104px;margin:16px auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.p-topFaq ul.p-topFaq_list li{width:49%;padding:24px;border-radius:4px;background:#fff;margin-top:2%;box-shadow:0px 6px 18px -6px rgba(0,0,0,.04);opacity:0;transform:translateY(50px);transition:transform 1s ease,opacity .3s ease;}
.p-topFaq ul.p-topFaq_list li:last-child{border-bottom:0;}
.p-topFaq ul.p-topFaq_list li.is_view{opacity:1;transform:translateY(0);}
.p-topFaq ul.p-topFaq_list li .question{color:#4A3B32;font-size:16px;margin-bottom:12px;padding-left:40px;position:relative;}
.p-topFaq ul.p-topFaq_list li .answer{color:#30353A;font-size:14px;opacity:0.85;padding-left:40px;padding-top:12px;position:relative;border-top:1px solid #9A938F;}
.p-topFaq ul.p-topFaq_list li .question:after{content:"";display:block;width:32px;height:32px;position:absolute;top:50%;left:0;background:url(../img/top/faq_q.svg) no-repeat;background-size:contain;background-position:center;transform:translateY(-50%);}
.p-topFaq ul.p-topFaq_list li .answer:after{content:"";display:block;width:32px;height:32px;position:absolute;top:15px;left:0;background:url(../img/top/faq_a.svg) no-repeat;background-size:contain;background-position:center;}
@media screen and (max-width: 850px) {
  .p-topFaq{padding:80px 0;}
  .p-topFaq_wrap{width:90%;}
  .p-topFaq ul.p-topFaq_list li{width:100%;padding:20px;}
  .p-topFaq ul.p-topFaq_list li .question:after,
  .p-topFaq ul.p-topFaq_list li .answer:after{width:28px;height:28px;}
  .p-topFaq ul.p-topFaq_list li .answer{font-size:13px;}
}
@media screen and (max-width: 640px){
.p-topFaq h3{font-size:24px;}
}




.p-topShop{background:#D6D0CB;position:relative;padding:96px 0 112px;}
.p-topShop h2{position:relative;}
.p-topShop h2 img{height:16px;}
.p-topShop_wrap {width:84%;max-width:1200px;margin:0 auto;padding:0px;display:flex;justify-content:space-between;}
.p-topShop .p-topShop_content{width:49%;}
.p-topShop .p-topShop_content p{text-align:center;margin-top:20px;}
.p-topShop .p-topShop_content ul{margin:1em auto 2em;display:flex;justify-content:space-between;}
.p-topShop .p-topShop_content ul#shops{background:#fff;border-radius:2px;min-height:140px;padding:38px;justify-content:center;}
.p-topShop .p-topShop_content ul#shops li img{height:64px;}
.p-topShop .p-topShop_content ul#onlineshops li{background:#fff;border-radius:2px;width:100%;min-height:140px;position:relative;opacity:0.5;}
.p-topShop .p-topShop_content ul#onlineshops li p{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;font-size: 22px;width: 100%;display: block;letter-spacing: 0.04em;}
.p-topShop .p-topShop_content ul#onlineshops li a{display:block;width:100%;height:100%;padding:5%;}
.p-topShop .p-topShop_content ul#onlineshops li a.yet{cursor:default;}
.p-topShop .p-topShop_content ul#onlineshops li img{max-width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.p-topShop .p-topShop_content ul#onlineshops li:nth-child(1) img{width:50%;}

@media screen and (max-width: 850px) {
  .p-topShop{padding:80px 0;}
  .p-topShop_wrap{width:90%;flex-wrap:wrap;}
  .p-topShop .p-topShop_content{width:100%;}
  .p-topShop .p-topShop_content + .p-topShop_content{margin-top:40px;}
  .p-topShop .p-topShop_content ul{flex-wrap:wrap;width:100%;}
  .p-topShop .p-topShop_content ul#shops li + li{}
  .p-topShop .p-topShop_content ul#onlineshops li{margin-bottom:4%;width:100%;}
  
}



.p-topInfo {background-color:#fff;padding: 150px 0;}
.p-topInfo_wrap{width:90%;max-width:1104px;margin:0 auto;padding:0;}
.p-topInfo h2{width:100%;text-align:left;position:relative;padding-bottom:18px;}
.p-topInfo h2:after{content: "";width:16px;height: 1px;background: #9A938F;position: absolute;left: 0;bottom: 0;}
.p-topInfo h2 img{height:14px;}
.p-topInfo h3{font-size:32px;letter-spacing:0.12em;color:#30353A;margin:1em auto 2em;}
.p-topInfo_content {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin: 50px auto;
  transform: translateY(20px);
  opacity: 0;
  transition: all 2s ease 0s;
}
.p-topInfo_wrap.is_view .p-topInfo_content {transform: translateY(0);opacity: 1;}
.p-topInfo_list{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;}
.p-topInfo_item {/*display:flex;justify-content:space-between;align-items:center;*/padding:30px 0;width:calc(100% - 40px);}
.p-topInfo_item a{position:relative;width:100%;display:flex;align-items:center;top:50%;transform:translateY(-50%);}
.p-topInfo_item a:after{content:"";display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px;height:8px;background:url(/assets/img/btn_arrow_r.svg) no-repeat;background-position:center;background-size:contain;}
.p-topInfo_item img{width:30%;width:143px;}
.p-topInfo_detail{width:70%;width:calc(100% - 172px - 100px);margin-left:24px;}
.p-topInfo_date {color:#9A938F;font-size: 14px;}
.p-topInfo_text {font-size:18px;color:#30353A;margin-top:0.5em;letter-spacing:0.12em;}
.p-info_icon{font-size:12px;padding:2px 8px;color:#9A938F;border:1px solid #9A938F;border-radius:1px;display:inline-block;margin-left:10px;}
.p-topInfo_list li{width:49%;padding:16px;background:#FBF8F4;border-radius:12px;margin-bottom:2%;}
.p-topInfo_list li img{width:180px;border-radius:8px}
.p-topInfo_wrap .p-btn{text-align:center;}
.p-topInfo_wrap .p-btn a{display:inline-block;text-align:center;margin:20px auto;}
.p-topInfo_wrap .p-btn img{width:112px;}
.p-topInfo_wrap .p-btn span.btn{display:block;margin-top:12px;}
.p-topInfo_wrap .p-btn span.btn img{width:8px;height:auto;}
@media screen and (max-width: 850px) {
  .p-topInfo{padding:80px 0;}
  .p-topInfo_wrap{width:88%;}
  .p-topInfo_content{display:block;width:100%;margin-top:0;}
  .p-topInfo h2{width:100%;margin:0 auto;}
  .p-topInfo h3{font-size:24px;}
  .p-topInfo_list{width:100%;height:initial;margin:30px auto;}
  .p-topInfo_item{border-bottom:0;padding:15px 0;width:100%;width:calc(100% - 20px);}
  .p-topInfo_item img{width:100px;}
  .p-topInfo_date{font-size:12px;}
  .p-info_icon{font-size:10px;padding:2px 6px;}
  .p-topInfo_text{font-size:14px;}
  .p-topInfo_list li{width:100%;}
  .p-topInfo_list li img{width:25%;}
  .p-topInfo_detail{width:calc(75% - 60px);}
  .p-topInfo_wrap .p-btn{text-align:left;}
  .p-topInfo_wrap .p-btn img{margin-right:20px;}
  .p-topInfo_wrap .p-btn span.btn{display:inline-block;}
}
@media screen and (max-width: 640px) {
  
}


.p-topMv_contents{width:284px;height:105px;position:absolute;top:calc(100vw / 1440 * 800 - 130px);right:15px;bottom:21px;opacity:0;animation:opAnim1 1s ease-in-out 5s;animation-fill-mode:forwards;z-index:9;}
.p-topMv_contents picture{display:block;filter: drop-shadow(0px 4px 10px rgba(0,0,0,.25));}
.p-topMv_contents picture img{width:100%;height:auto;box-shadow:0px 10px 31px rgba(0,0,0,.05);}
.p-topMv_contents.off{display:none;}
.wbdr{position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;border:0 solid #fff;}

@media screen and (max-width: 850px) {
  .p-topMv_contents{width:116px;height:172px;top:calc(98vh - 190px);right:16px;}
}


/* ==============================================================
*  404 Not Found Page
* ============================================================ */
.l-notfound .l-main{padding:0;}
.l-notfound .l-header{top:0;opacity:1;}

.p-404Top{background:#fff;background:url(../img/bg_l.jpg) no-repeat;background-size:cover;background-position:top left;}
.p-404Top_wrap{min-height:80vh;padding:200px 0 150px;}
.p-404Top h2{margin:0px auto;text-align:center;}
.p-404Top h2 img{max-width:704px;width:84%;}
.p-404Top h3{text-align:center;margin:80px auto 20px;}
.p-404Top h4{text-align:center;margin:0 auto 20px;font-size:18px;color:#30353A;letter-spacing:0.1em;}
.p-404Top h3 img:nth-child(1){width:192px;margin-right:0.5em;}
.p-404Top h3 img:nth-child(2){width:172px;}
.p-404Top h4 img:nth-child(1){width:272px;margin-right:0.5em;}
.p-404Top h4 img:nth-child(2){width:264px;}
.p-404Top .backToHome{position:relative;text-align:center;margin:40px auto;}
.p-404Top .backToHome a{width:182px;display:block;margin:0 auto;}
.p-404Top .p-btn{display:flex;align-items:center;margin-top:30px;}
.p-404Top .p-btn > img{width:100px;}
.p-404Top .p-btn .btn{width:66px;height:20px;border:1px solid #D9D9D9;border-radius:50px;position:relative;text-align:center;display:inline-block;margin-left:1em;}
.p-404Top .p-btn .btn img{height:9px;width:auto;vertical-align:initial;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 850px) {
  .p-404Top_wrap{min-height:initial;padding:150px 0 100px;}
  .p-404Top h3{margin:50px auto 40px;}
  .p-404Top h3 img{display:block;margin:0 auto 0.5em;}
  .p-404Top h4 img{display:block;margin:0 auto 1em;}
  .p-404Top h3 img:nth-child(1),
  .p-404Top h4 img:nth-child(1){margin-right:auto;}
}