/*	fadein */
.fadein {-webkit-animation: fadeIn 2s ease 0s 1 normal;animation: fadeIn 2s ease 0s 1 normal;}
@keyframes fadeIn {0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {0% {opacity: 0}
100% {opacity: 1}
}


/*	common */
.area_products a:hover{text-decoration: none!important;opacity:0.8;}
._new{position: absolute;padding: 4px 8px;background: red;color: #fff;}
.mt300{margin-top:300px!important;}
.mb200{margin-bottom:200px!important;}

/* --------------------------------------
#title_area
------------------------------------------- */
.contents{ width:960px; margin: 0 auto!important; line-height:1.3; }
.contents img {width: 100%;height: auto;transition:0.2s;}
* html #contents div.headerArea{ margin:5px 0 2px 0; }
#contents div.headerArea{ margin:5px 0 5px 0; margin-top:5px; }
#contents img{vertical-align:top;}
#contents h2 span{font-weight:bold;color:#7c7b7b;}
#contents_0903new #contents a:hover{opacity:0.8;}

/* header */
#header_{position:relative;}

/* リード文 */
.sub_mainttl{margin:45px 0 240px;position:relative;}
.sub_mainttl::after{content: '';background: url(https://img.e87.com/selection/moomin/2023images/bg_lead_end.png) no-repeat;position: absolute;width: 960px;height: 14px;bottom: -90px;left: 50%;transform: translateX(-50%);background-size: 100%;}
.sub_mainttl_wrap{position:relative;}
.sub_mainttl_wrap::after{content: '';background: url(https://img.e87.com/selection/moomin/2023images/bg_lead.png);position: absolute;width: 302px;height: 182px;bottom: -50px;right: 64px;background-size: 100%;}
.sub_mainttl dl dt{font-family: "heisei-maru-gothic-std", sans-serif;font-size:26px;color:#53320a;line-height: 1.46;width: 620px;margin:0 auto;}
.sub_mainttl dl dd{font-size:16px;color:#3c3c3c;line-height: 1.7;width: 620px;margin: 12px auto;}
.sub_mainttl dl dd div{width: 450px;}

/* 商品 */
.area_products{position:relative;padding-bottom: 16px;margin-bottom:120px;}
.area_products::after{content:'';background: url(https://img.e87.com/selection/moomin/2023images/bg_hr01.png) no-repeat;position:absolute;bottom:0;left:50%;transform: translateX(-50%);background-size:100%;width:920px;height:158px;}
#contents_main section:last-of-type{margin-bottom:0px;}
#contents_main .area_products:last-of-type::after{content:unset;}
/* .area_products .area_products_wrap{position:relative;z-index: 0;padding: 0 20px 180px;} */
.area_products .area_products_wrap{position:relative;z-index: 0;padding: 0 20px;}
.area_products .area_products_wrap{position:relative;z-index: 0;padding: 0 20px;}
.area_products .area_products_wrap._onwards{margin-top:0;}
.area_products .area_products_wrap::before{content: '';background: url(https://img.e87.com/selection/moomin/2023images/bg_product.png) no-repeat;position: absolute;top: -140px;left: 50%;transform: translateX(-50%);background-size: 100%;width: 1150px;height: 682px;z-index: -1;}
.area_products .area_products_heading{font-family: "heisei-maru-gothic-std", sans-serif;font-size:22px;color:#53320a;text-align: center;height: 104px;position: relative;z-index: 1;}
.area_products .area_products_heading ._heading_wrap{display:inline-block;position:relative;}
.area_products .area_products_heading ._heading_wrap::before{content:'';background: url(https://img.e87.com/selection/moomin/2023images/bg_heading.png);position:absolute;top:-18px;left:50%;transform: translateX(-50%);background-size:100%;width:443px;height:115px;}
.area_products .area_products_lead_txt{width: 600px;margin: 8px auto 24px;font-size: 16px;line-height: 1.7;color:#0b1651;position: relative;z-index: 1;height:3em;}
/* .area_products .products_wrap{display:flex;padding:0 15px;align-items: center;margin-top: 64px;position:relative;justify-content: center;height:430px;margin:64px 0 240px;} */
.area_products .products_wrap{display:flex;padding:0 15px;align-items: center;margin-top: 64px;position:relative;justify-content: center;height:430px;margin:16px 0 290px;}
.area_products .products_wrap:last-child{}
.area_products.products_option .products_wrap{justify-content: space-between;align-items: flex-end;align-items: end;}
/* .area_products .products._first::before{content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_product_moomin_01.png) no-repeat;position: absolute;top: -138px;left: 8px;background-size: 100%;width: 115px;height: 137px;} */
.area_products_wrap._onwards .products_wrap::before{content: unset;}
/* #Arrangement.area_products .products_wrap::before{content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_product_snafkin.png) no-repeat;position: absolute;top: -167px;left: 30px;background-size: 100%;width: 77px;height: 167px;} */
#Arrangement.area_products .area_products_wrap._onwards .products_wrap::before{content: unset;}
#Potted.area_products .products_wrap::before{content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_product_moomin_02.png) no-repeat;position: absolute;top: -142px;left: 30px;background-size: 100%;width: 139px;height: 142px;}

/* onwards */
.area_products .area_products_wrap._onwards::before{content: '';background: url(https://img.e87.com/selection/moomin/2023images/bg_product.png) no-repeat;top: -145px;}
/* .area_products .products_sub::after{content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_product_flower.png) no-repeat;position: absolute;top: -110px;right: 0;background-size: 100%;width: 188px;height: 118px;} */
.area_products_wrap._onwards .products_wrap::after{content: unset;}
/* .area_products .products_wrap._option::after{content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_product_flower.png) no-repeat;position: absolute;top: -30px;right: 0;background-size: 100%;width: 188px;height: 118px;} */
.area_products .products_sub{display:flex;position:relative;}
.area_products .products{padding: 15px 0 10px;background:#fff;width:250px;margin-left:20px;}
.area_products .products._first{width:350px;margin-left:0;position:relative;}
.area_products .products._first .products_img{width: 300px;margin: 0 auto;}
.area_products .products .products_img{width: 220px;margin: 0 auto;position:relative}
.area_products .products .products_info{padding:0 25px;}
.area_products .products .products_info ._name{color:#0b1651;font-size:14px;padding-top: 8px;}
.area_products .products .products_info ._price{color:#0b1651;font-size:13px;padding-top: 4px;}
.area_products .products .products_submit{padding:0 25px;}
.area_products .products .products_submit ._submit{color: #53320a;padding: 4px 0 3px;font-weight: bold;background:#fce7c7;text-align: center;font-size: 14px;margin-top: 12px;border-radius:5px;border:1px solid #fce7c7;box-sizing: border-box;transition:0.2s;}
.area_products a:hover .products_submit ._submit{color:#53320a;border:1px solid #53320a;background:none;}
.area_products .products_wrap._option{align-items: end;align-items: flex-end;justify-content: space-between;margin-bottom:160px;}
.area_products .products_option{width:400px;background:#fff;padding:25px 0 20px;position:relative;}
.area_products .products_option::after{content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_product_moominpapa.png) no-repeat;position: absolute;bottom: 80px;left: -125px;background-size: 100%;width: 103px;height: 176px;}
.area_products .products_option .option_img{width:190px;margin:0 auto;}
.area_products .products_option .option_txt{padding: 20px 50px 0;}
.area_products .products_option .option_txt ._txt{font-size:14px;line-height: 1.7;}
#contents_main .contents_main_footer{position:relative;text-align: center;padding-bottom: 480px;}
#contents_main .contents_main_footer::before{content: '';background: url(https://img.e87.com/selection/moomin/2023images/bg_footer_heading.png) no-repeat;position: absolute;top: -100px;left: 50%;transform: translateX(-50%);background-size: 100%;width: 180px;height: 39px;}
#contents_main .contents_main_footer::after{content: '';background: url(https://img.e87.com/selection/moomin/2023images/bg_footer_sets.png) no-repeat;position: absolute;top: 70px;left: 50%;transform: translateX(-50%);background-size: 100%;width: 1064px;height: 347px;}
#contents_main .contents_main_footer_txt{font-size: 18px;color: #0b1651;font-family: "heisei-maru-gothic-std", sans-serif;text-align: center;display: inline-block;position:relative;}
#contents_main .contents_main_footer_txt::after{content: '';background: url(https://img.e87.com/selection/moomin/2023images/icon_footer.png) no-repeat;position: absolute;top: 20%;right: -3em;transform: translateY(-50%);background-size: 100%;width: 53px;height: 46px;}

.area_products .column_4 .products{margin-left:16px;}
.area_products .column_4 .products .products_img{width:200px;}
.area_products .column_4 .products:first-child{margin:0;}

.area_products .area_products_wrap._column2 .products{width:350px;}
.area_products .area_products_wrap._column2 .products .products_img{width:300px;}

.area_products .area_products_wrap._onwards .products_sub::after{content:unset;}
.area_products .area_products_wrap._onwards .products:first-child{margin:0;}

/* TO TOP */#to-top {position: fixed;bottom: 50px;right: 24px;width: 60px;height: 60px;text-decoration: none;background-color: #0b1651;display: block;text-align: center;opacity: 0;transition: 0.2s;color: #fff;line-height: 59px;font-size: 16px;z-index: 10;border-radius: 50%;border:1px solid #0b1651;transition:0.2s;}
#to-top:hover {color:#0b1651;border:1px solid #0b1651;background:#fff;}
#to-top.fade {opacity: 1;transition:0.2s;}
.wrap-top{position:relative;text-align: center;font-weight: bold;padding-top: 4px;}
.wrap-top::before {content:  '';width: 8px;height: 8px;display:  block;border-top: solid 2px;border-right: solid 2px;transform: rotate(-45deg);position:  absolute;top: 8px;left:  0;right:  0;margin:  auto;}

/* ----------------------------------------------------------- 
FAQ
----------------------------------------------------------- */
.e87-lower-layout {margin-top:40px;margin-bottom:60px;}
.e87-lower-section {margin-top:80px;}
.e87-lower-text {margin:0;line-height:1.8;font-size:1.1em;}
.e87-lower-text + .e87-lower-text {margin-top:2em;}
.e87-lower-anchor__item .e87-link-box--anchor {height:100%;display:flex;align-items:center;}
.e87-lower-anchor__item .e87-link-box--anchor::after {right:9px;top:calc(50% - 13px);transform:rotate(90deg) translateY(-50%);}
.e87-faq-lists {margin-top:60px;}
.e87-faq-accordion {border:1px solid #d00056;border-radius:5px;margin-bottom:10px;overflow:hidden;}
.e87-faq-accordion:last-of-type {margin-bottom:0;}
.e87-faq-accordion__head {padding:20px 60px 20px 63px;background-image:url("https://img.e87.com/corp/faq/img/icon_q.png");background-repeat:no-repeat;background-position:left 18px top 15px;background-size:30px;cursor:pointer;transition:background-color .2s;}
.e87-faq-accordion__head:hover {background-color:#eec9cd;}
.e87-js-toggle-accordion__trigger--active:hover {background-color:transparent;}
.e87-faq-accordion__body__inner {background-image:url(https://img.e87.com/corp/faq/img/icon_a.png);background-repeat:no-repeat;background-size:30px;padding:12px 60px 30px 63px;background-position:left 18px top 7px;}
.e87-faq-accordion__body[data-status="closed"] {display:none;}
.e87-js-toggle-accordion__trigger {position:relative;}
.e87-js-toggle-accordion__trigger::before, .e87-js-toggle-accordion__trigger::after {content:"";position:absolute;width:16px;height:1px;background:#000;right:20px;top:0;bottom:0;margin:auto;transition:transform .3s;}
.e87-js-toggle-accordion__trigger::after {transform:rotate(90deg);}
.e87-js-toggle-accordion__trigger--active::after {transform:rotate(0);}
.e87-faq-accordion__head__text {font-weight:bold;margin:0;font-size:1.3em;}
.e87-faq-accordion__text {margin:0;}
.e87-faq-accordion__btn__wrap {margin:30px auto 0;width:85%;}
@media all and (min-width:769px) {.e87-faq-accordion__btn__wrap {width:344px;}
}

/* アコーディオン */
section.area_obsession{overflow: unset;}
.area_obsession .area_obsession_inner{padding: 8px 0;font-weight: 500;position:relative;width: 100%;margin: 24px auto;box-sizing: border-box;}
.area_obsession .area_obsession_inner label._heading{color: #d00056;font-size: 18px;margin-bottom: 16px;position:relative;font-weight: 600;padding-left:1em;padding-bottom:16px;margin:0 8px 0px;border-bottom: 1px dotted #d9d9d9;}
.area_obsession .area_obsession_inner label._heading:hover{cursor:pointer;color: #ff90a9;}
.area_obsession .area_obsession_inner .toggle {display: none;}
.area_obsession .area_obsession_inner ._heading {font-family: 'Noto Serif JP', serif;padding: 0.5em;display: block;color: #fff;}
.area_obsession .area_obsession_inner ._heading::after{content:"";width: 6px;height: 6px;border-top: 2px solid #401f1f;border-right: 2px solid #401f1f;-webkit-transform: rotate(45deg);position: absolute;top:calc( 50% - 3px );right: 20px;transform: rotate(135deg);}
.area_obsession .area_obsession_inner ._heading,
.area_obsession .area_obsession_inner .txt_wrap {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.area_obsession .area_obsession_inner .txt_wrap {height: 0;margin-bottom:10px;padding: 0 2em 0px 2.5em;overflow: hidden;}
.toggle:checked + ._heading + .txt_wrap {	/*開閉時*/height: auto;transition: all .3s;}
.toggle:checked + ._heading::after {transform: rotate(-45deg) !important;}
.area_obsession .area_obsession_inner p.obsession_txt{font-size:15px;line-height: 1.8;margin-bottom: 18px;font-weight: 400;}
.area_obsession .area_obsession_inner p.obsession_txt._lead{margin-bottom: 24px;padding:0 8px 0;}
.area_obsession .area_obsession_inner p.ja_txt{width:74%;color: #487c0c;font-weight: 500;}
.area_obsession .area_obsession_inner p.ja_img{width:23%;margin: 0 auto;}
.area_obsession .area_obsession_inner p.ja_img img{width:100%;}
.area_obsession .area_obsession_inner .wrap_ja{display:flex;}

/*---------------------------------
CTA??? btn
-----------------------------------*/
.common_btn {margin: 40px 0 120px;}
.cta_link {width: 600px;display: block;margin:0 auto 180px;text-align: center;background: #F8BEC4;border: 1px solid #E0ACB2;border-radius: 7px;font-size: 18px;font-weight: bold;padding: 15px 0;font-family: sans-serif;text-decoration: none;color: var(--black);}
.cta_link {background: #0b1651;color: #fff!important;border: 1px solid #0b1651;transition: 0.2s;position: relative;}
.cta_link:hover {background: #fff;color: #0b1651!important;}
.cta_link::before {content: '';width: 6px;height: 6px;border: 0;border-top: solid 2px #fff;border-right: solid 2px #fff;position: absolute;top: 50%;right: 16px;margin-top: -4px;transform: rotate(45deg);}
.cta_link:hover::before {border-top: solid 2px #0b1651;border-right: solid 2px #0b1651;}