.THFont{ font-family: "Prompt", sans-serif; }
.ENFont{ font-family: 'Barlow Condensed', sans-serif; }

.AllMeiji{ font-family: "Prompt", sans-serif; font-size: 20px; font-weight: 400; background-color: #fff; color: #54493D; }

.HeaderSection{ width: auto; height: auto; display: block; margin: auto; position: relative; text-align: center; clear: both; }
.HeaderSection h2{ text-align: center; letter-spacing: 1px; font-size: 45px; font-weight: 600; color: #AD8B4E; margin: 0; padding: 0; margin-bottom: 80px; position: relative; }
.HeaderSection h2 span{ display: block; }
.HeaderSection h2:after{ width: 120px; height: 10px; position: absolute; left: 0; right: 0; margin: auto; bottom: -30px; content: ''; background: url(../images/meiji-amino-collagen/line-title.svg) no-repeat center; background-size: contain;  }
.HeaderSection h3{ font-size: 24px; max-width: 600px; font-weight: 400; margin: auto; margin-top: 10px;  }

/* MeijiBanner */
.MeijiBanner{ width: auto; height: auto; margin: auto; }
.MeijiBanner img{ width: 100%; max-width: 100%; height: auto;}
.MeijiBanner .PC{ display: block;}
.MeijiBanner .SP{ display: none;}

/* SectionNavBox */
.SectionNavBox{ max-width: 1160px; margin: auto; height: auto; padding: 60px 0; text-align: left; position: relative; }
.SectionNavBox ul{ display: flex; flex-wrap: nowrap; justify-content: space-between;}
.SectionNavBox ul li{ width: 20%; max-width: 197px; height: 137px; font-size: 26px; padding-top: 35px; margin: 1% 1%; text-align: center; }
.SectionNavBox ul li a{ display: block; padding: 20px 0; color: #fff;}
.SectionNavBox ul li.RecommendLink{ background: url(../images/meiji-rakuraku-cube/icon-menu-01.svg) no-repeat center; background-size: contain;}
.SectionNavBox ul li.FeaturesLink{ background: url(../images/meiji-rakuraku-cube/icon-menu-01.svg) no-repeat center; background-size: contain;}
.SectionNavBox ul li.HowtoLink{ background: url(../images/meiji-rakuraku-cube/icon-menu-02.svg) no-repeat center; background-size: contain;}
.SectionNavBox ul li.ProductLink{ background: url(../images/meiji-rakuraku-cube/icon-menu-03.svg) no-repeat center; background-size: contain;}
.SectionNavBox ul li.StoreLink{ background: url(../images/meiji-rakuraku-cube/icon-menu-04.svg) no-repeat center; background-size: contain;}

/* SectionIntro */
.SectionIntro{ margin: 0; padding: 0px 0 70px 0; height: auto; position: relative; }
.SectionIntro:before{ width: 210px; height: 438px; position: absolute; content: ''; left: 0; top: 5%; z-index: 1; background: url(../images/meiji-rakuraku-cube/recc-left.png) no-repeat center; background-size: contain;}
.SectionIntro:after{ width: 160px; height: 298px; position: absolute; content: ''; right: 0; top: 40%; z-index: 1; background: url(../images/meiji-rakuraku-cube/recc-right.png) no-repeat center; background-size: contain;}
.SectionIntroBox{ max-width: 1160px; margin: auto; height: auto; text-align: center; position: relative; z-index: 2;}
.SectionIntroBox h1{ display: inline-block; margin: 0 0 0 0; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; font-size: 45px; font-weight: 600; line-height: 80px; text-align: center; color: #fe8582; background: url(../images/meiji-rakuraku-cube/bg-h1.svg) no-repeat center; background-size: contain; background-position-y: 80px; }
.SectionIntroBox h1 span{ display: block; }
.SectionIntroBox .Coupon{ display: block; padding: 20px; color: #fff; font-size: 34px; background: url(../images/meiji-rakuraku-cube/bg-coupon.svg) no-repeat center; background-size: contain;}
.SectionIntroBox .Captions{ max-width: 800px; margin: auto; margin-top: 40px; font-size: 20px; font-weight: 300; line-height: 35px; }

/* Reccommend */
.Reccommend{ margin: 0; margin-top: 40px; padding: 100px 0; height: auto; position: relative; background-color: #fff0d2; }
.Reccommend:before{ width: 100%; height: 50px; position: absolute; left: 0; top: -40px; content: ''; background: url(../images/meiji-rakuraku-cube/bg-top.png) no-repeat center; background-size: cover; }
.Reccommend:after{ width: 100%; height: 40px; position: absolute; left: 0; bottom: -30px; content: ''; background: url(../images/meiji-rakuraku-cube/bg-bottom.png) no-repeat center; background-size: cover; }
.Reccommend h2{ margin: 0; padding: 0px; text-align: center; font-weight: 600; font-size: 45px; color: #fe8582; }
.ReccommendBox{ max-width: 1200px; margin: auto; height: auto; position: relative; }
.ReccommendBox .Inner{ display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
.ReccommendBox .Inner .Picture{ width: 50%; display: block; text-align: center; }
.ReccommendBox .Inner .Picture img{ width: 100%; max-width: 100%; height: auto; }
.ReccommendBox .Inner .RightDetail{ width: 45%; margin-top: 40px; text-align: left; line-height: 35px; font-size: 20px; font-weight: 300; background-color: #fff; border-radius: 20px; padding: 70px 40px; position: relative; }
.ReccommendBox .Inner .RightDetail:before{ width: 100%; height: 30px; position: absolute; left: 0; top: 20px; content: ''; background: url(../images/meiji-rakuraku-cube/line-recc.svg) no-repeat center; background-size: contain; }
.ReccommendBox .Inner .RightDetail:after{ width: 100%; height: 30px; position: absolute; left: 0; bottom: 20px; content: ''; background: url(../images/meiji-rakuraku-cube/line-recc.svg) no-repeat center; background-size: contain; }

/* Features */
.Features{ margin: 0; margin-top: 40px; padding: 100px 0; height: auto; position: relative; }
.Features .IconBTT{ width: 85px; height: 95px; position: absolute; top: 125px; left: 25%; content: ''; z-index: 9; background: url(../images/meiji-rakuraku-cube/icon-bttn.svg) no-repeat center; background-size: contain; }
.Features:after{ width: 419px; height: 392px; position: absolute; content: ''; right: 0; top: 40%; z-index: 0; background: url(../images/meiji-rakuraku-cube/icon-right-bg.png) no-repeat center; background-size: contain;}
.FeaturesBox{ max-width: 1160px; margin: auto; text-align: center; position: relative;  z-index: 1; }
.FeaturesBox h2{ margin: 0; padding: 0px; text-align: center; display: inline-block; font-weight: 600; font-size: 45px; color: #fe8582; position: relative; }
.FeaturesBox h2 span{ display: block;}
.FeaturesBox h2:before{ width: 30px; height: 47px; position: absolute; left: 60px; top: 0; content: '';  background: url(../images/meiji-rakuraku-cube/line-left.svg) no-repeat center; background-size: contain;  }
.FeaturesBox h2:after{ width: 30px; height: 47px; position: absolute; right: 60px; top: 0; content: '';  background: url(../images/meiji-rakuraku-cube/line-right.svg) no-repeat center; background-size: contain;  }
.FeaturesLR{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top: 50px; }
.FeaturesLeft{ width: 68%;}
.FeaturesLeft ul{ margin: 0;}
.FeaturesLeft ul li{ margin: 40px 0; clear: both; color: #fe8582; padding: 30px 20px 30px 160px; border-radius: 40px 40px 0 0; min-height: 140px; position: relative; text-align: left; font-size: 35px; line-height: 40px; background-color: #fff4df; border: 7px solid #fe8582; border-bottom: 0; display: flex; align-items: center; }
.FeaturesLeft ul li span{ position: absolute; left: 40px; font-size: 45px; top: -30px; content: ''; color: #fff; width: 110px; height: 110px; display: block; text-align: center; line-height: 110px; background: url(../images/meiji-rakuraku-cube/icon-bg-number.svg) no-repeat center; background-size: contain; }
.FeaturesLeft ul li:last-child{ margin-bottom: 0;}
.FeaturesRight{ width: 30%; text-align: right; position: relative; }
.FeaturesRight img{ width: 100%; max-width: 80%; height: auto; max-height: 600px; }

/* VideoBox */
.Video{ margin: 0; margin-top: 40px; padding: 100px 0; height: auto; position: relative; }
.VideoBox{ max-width: 1160px; margin: auto; text-align: center; position: relative; z-index: 1; }
.VideoBG{ background: url(../images/meiji-rakuraku-cube/video-bg.svg) no-repeat center; background-size: contain; height: 150px; line-height: 85px; color: #fff; font-size: 45px; padding: 10px 20px; }
.TextCenter{ color: #fe8582; font-size: 35px; font-weight: 400; margin-top: 30px;}
.VideoIframe { overflow: hidden; padding-bottom:0%; position: relative; height: 400px; border-radius: 20px; max-width: 750px; margin: auto; margin-top: 40px; }
.VideoIframe iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute;}
.LeftIcon{ width: 222px; height: 276px; position: absolute; content: ''; left: 0; top: 10%; z-index: 1; background: url(../images/meiji-rakuraku-cube/Video-Left.png) no-repeat center; background-size: contain; }
.RightIcon{ width: 200px; height: 311px; position: absolute; content: ''; right: 0; top: 45%; z-index: 1; background: url(../images/meiji-rakuraku-cube/Video-Right.png) no-repeat center; background-size: contain; }


/* CouponSection */
.CouponSection{ padding: 80px 0; position: relative; background-color: #fff0d2; }
.CouponSection .CPLeft{ width: 383px; height: 351px; position: absolute; content: ''; left: 0; top: 3%; z-index: 1; background: url(../images/meiji-rakuraku-cube/coupon-left.png) no-repeat center; background-size: contain;}
.CouponSection .CPRight{ width: 384px; height: 416px; position: absolute; content: ''; right: 0%; top: 20%; z-index: 1; background: url(../images/meiji-rakuraku-cube/coupon-right.png) no-repeat center; background-size: contain;}
.CouponSection:before{ width: 100%; height: 50px; position: absolute; left: 0; top: -40px; content: ''; background: url(../images/meiji-rakuraku-cube/bg-top.png) no-repeat center; background-size: cover; }
.CouponSection:after{ width: 100%; height: 40px; position: absolute; left: 0; bottom: -30px; content: ''; background: url(../images/meiji-rakuraku-cube/bg-bottom.png) no-repeat center; background-size: cover; }
.CouponPageBox{ max-width: 1160px; margin: auto; text-align: center; position: relative; z-index: 2; }
.CouponPageBox h2{ margin: 0; padding: 0px; text-align: center; display: inline-block; font-weight: 600; font-size: 45px; color: #fe8582; position: relative; }
.CouponPageBox h2:after{ width: 80px; height: 64px; position: absolute; right: -120px; top: 0px; content: ''; background: url(../images/meiji-rakuraku-cube/icon-flag-jp.svg) no-repeat center; background-size: contain;}
.CouponPageBox h2 span{ display: block;}
.CouponPageBox .Captions{ max-width: 1000px; font-weight: 300; margin: auto; margin-top: 50px; line-height: 33px; text-align: left; }
.CouponPageBox ul li{ width: 30.6%; margin: 2% 2% 3% 2%; position: relative;}
.CouponPageBox ul li:nth-child(3n+0){ margin-right: 0;}
.CouponPageBox ul li:nth-child(3n+1) { margin-left: 0;}

/* StoreSection */
.StoreSection{ padding: 100px 0; position: relative; }
.StoreSectionBox{ max-width: 1160px; margin: auto; text-align: center; }
.StoreSectionBox h2{ margin: 0; padding: 0px; text-align: center; display: inline-block; font-weight: 600; font-size: 45px; color: #fe8582; position: relative; }
.StoreSectionBox h2 span{ display: block;}
.StoreSectionBox .Captions{ max-width: 900px; text-align: left; font-weight: 300; font-size: 20px; margin: auto; margin-top: 20px; line-height: 33px; }
.StoreSectionBox .StoreList{ max-width: 900px; margin: auto; text-align: left; font-size: 20px; margin-top: 40px; color: #000;}
.StoreSectionBox .StoreList .StoreIcon{ margin: 0; padding: 5px 5px 5px 40px; position: relative; }
.StoreSectionBox .StoreList .StoreIcon span{ color: #fe8582;}
.StoreSectionBox .StoreList .StoreIcon:before{ width: 30px; height: 30px; position: absolute; left: 0; top: 5px; content: ''; background: url(../images/meiji-rakuraku-cube/icon-store.svg) no-repeat center; background-size: contain; }
.StoreSectionBox .StoreList .SNSIcon{ margin: 0; padding: 5px 5px 5px 40px; position: relative; }
.StoreSectionBox .StoreList .SNSIcon span{ color: #fe8582;}
.StoreSectionBox .StoreList .SNSIcon:before{ width: 30px; height: 30px; position: absolute; left: 0; top: 5px; content: ''; background: url(../images/meiji-rakuraku-cube/icon-sns.svg) no-repeat center; background-size: contain; }
.StoreSectionBox .StoreList a{ color: #000;}

/* BannerLink */
.BannerLink{ text-align: center; padding: 140px 0 100px 0;}
.BannerLink img{ width: 100%; max-width: 900px; height: auto; border: 10px solid #ccc; border-radius: 25px; }

.ProductsSectionGay{ padding: 0 0 100px 0; position: relative; background-image: linear-gradient(180deg, #fdeee1 0%, #ffffff 100%)!important; }

/* ProductsSection */
.TopPink{ width: auto; height: auto;}
.TopPink img{ width: 100%; height: auto; max-width: 100%;}
.ProductsSection{ padding: 0 0 100px 0; position: relative; background-image: linear-gradient(180deg, #feedf4 0%, #ffffff 100%); }
.ProductsSectionBox{ max-width: 1160px; margin: auto; text-align: center; position: relative; z-index: 2; }
.ProductsSectionBox h2{ margin: 0; padding: 0px; margin-bottom: 60px; text-align: center; display: inline-block; font-weight: 600; font-size: 70px; color: #f983ad; position: relative; }
.ProductsSectionBox h2 span{ display: block;}
.ProductsSectionBox h2:after{ position: absolute; width: 138px; height: 129px; right: -30%; top: 50px; content: ''; background: url(../images/meiji-rakuraku-cube/icon-prd-cart.svg) no-repeat center; background-size: contain;  }
.ProductsSectionBox .Captions{ max-width: 900px; text-align: center; font-weight: 300; font-size: 20px; margin: auto; margin-top: 20px; line-height: 33px; }
.ProductsSectionBox .PRDPicture{ width: 100%; max-width: 750px; text-align: center; margin: auto; margin-top: 60px; margin-bottom: 60px; position: relative;}
.ProductsSectionBox .PRDPicture img{ width: 100%; height: auto; max-width: 750px; }
.ProductsSectionBox .PRDPicture .For13Years{ position: absolute; top: -90px; left: -170px; width: 100%; max-width: 290px; height: auto; }
.ProductsSectionBox .ProductStep{ position: relative; margin-top: 100px;}
.ProductsSectionBox .ProductStep h3{ color: #f983ad; font-size: 55px; position: relative; font-weight: 600; display: inline-block; }
.ProductsSectionBox .ProductStep h3:before{ position: absolute; content: ''; top: 0; left: -150px; width: 46px; height: 167px; background: url(../images/meiji-rakuraku-cube/line-prd-left.svg) no-repeat center; background-size: contain; }
.ProductsSectionBox .ProductStep h3:after{ position: absolute; content: ''; top: 0; right: -150px; width: 46px; height: 167px; background: url(../images/meiji-rakuraku-cube/line-prd-right.svg) no-repeat center; background-size: contain; }
.ProductsSectionBox .ProductStep h3 span{ display: block; }
.ProductsSectionBox .ProductsSectionList{ margin: 40px 0; padding-top: 60px;}
.ProductsSectionBox .ProductsSectionList ul{ display: flex; flex-wrap: nowrap; justify-content: space-between; }
.ProductsSectionBox .ProductsSectionList ul li{ width: 30%; height: auto; }
.ProductsSectionBox .ProductsSectionList ul li .Title{ font-size: 33px; font-weight: 700; line-height: 45px; min-height: 70px; margin-top: 30px; margin-bottom: 20px; position: relative; text-align: center; }
.ProductsSectionBox .ProductsSectionList ul li .Title span{ display: block;}
.ProductsSectionBox .ProductsSectionList ul li .Title:after{ width: 23px; height: 23px; position: absolute; right: 0px; top: -20px; content: ''; border-radius: 100px; background-color: #fff; }
.ProductsSectionBox .ProductsSectionList ul li p{ margin: 0; line-height: 33px; font-size: 20px; text-align: left;}
.ProductsSectionBox .ProductsSectionList ul li .Picture{ width: 100%; padding: 0 20px; height: 340px; display: flex; justify-content: center; align-items: flex-end; }
.ProductsSectionBox .ProductsSectionList ul li .Picture img{ width: auto; height: auto; max-width: 100%; max-height: 340px; }
.ProductsSectionBox .ProductsSectionList ul li .Infos{ border-radius: 60px; padding: 30px 35px; min-height: 400px; margin-top: 60px; }
.ProductsSectionBox .ProductsSectionList ul li:nth-child(1) .Infos{ background-color: #fdcede; }
.ProductsSectionBox .ProductsSectionList ul li:nth-child(2) .Infos{ background-color: #fec8cf; }
.ProductsSectionBox .ProductsSectionList ul li:nth-child(3) .Infos{ background-color: #ffd4ca; }
.ProductsSection .PRDIconLeft{ width: 187px; height: 420px; position: absolute; content: ''; left: 0; top: -5%; z-index: 1; background: url(../images/meiji-rakuraku-cube/icon-prd-left.png) no-repeat center; background-size: contain;}
.ProductsSection .PRDIconRight{ width: 248px; height: 367px; position: absolute; content: ''; right: 0; top: 5%; z-index: 1; background: url(../images/meiji-rakuraku-cube/icon-prd-right.png) no-repeat center; background-size: contain;}
.ProductsSection .PRDIconLeftTop1{ width: 80px; height: 80px; position: absolute; content: ''; left: 5%; top: -30px; z-index: 1; background: url(../images/meiji-rakuraku-cube/prd-left-icon.svg) no-repeat center; background-size: contain;}
.ProductsSection .PRDIconRightTop2{ width: 127px; height: 96px; position: absolute; content: ''; right: 0%; top: 100%; z-index: 1; background: url(../images/meiji-rakuraku-cube/prd-right-icon.svg) no-repeat center; background-size: contain;}
.ProductsSection .IconCubeLeft01{ width: 284px; height: 258px; position: absolute; content: ''; left: 15%; top: 25%; z-index: 1; background: url(../images/meiji-rakuraku-cube/icon-cube-left.png) no-repeat center; background-size: contain;}
.ProductsSection .IconCubeRight02{ width: 328px; height: 433px; position: absolute; content: ''; right: 0%; top: 35%; z-index: 1; background: url(../images/meiji-rakuraku-cube/icon-cube-right.png) no-repeat center; background-size: contain;}

.ProductsSectionGay .ProductsSectionList ul li:nth-child(1) .Infos{ background-color: #f8c494; }
.ProductsSectionGay .ProductsSectionList ul li:nth-child(2) .Infos{ background-color: #fecaa2; }
.ProductsSectionGay .ProductsSectionList ul li:nth-child(3) .Infos{ background-color: #ffd79d; }
.ProductsSectionGay .ProductsSectionBox .ProductsSectionList ul li .Infos{ min-height: 430px;}
.ProductsSectionGay .ProductsSectionBox .ProductStep h3{ color: #f2892a;}
.ProductsSectionGay .ProductsSectionBox h2{ color: #f2892a;}
.ProductsSectionGay .ProductsSectionBox h2:after{ position: absolute; width: 142px; height: 183px; right: -45%; top: 10px; content: ''; background: url(../images/meiji-rakuraku-cube/icon-mh.svg) no-repeat center; background-size: contain;  }
.ProductsSectionGay .ProductsSectionBox .ProductStep h3:before{ position: absolute; content: ''; top: 0; left: -150px; width: 46px; height: 167px; background: url(../images/meiji-rakuraku-cube/line-prd-left1.svg) no-repeat center; background-size: contain; }
.ProductsSectionGay .ProductsSectionBox .ProductStep h3:after{ position: absolute; content: ''; top: 0; right: -150px; width: 46px; height: 167px; background: url(../images/meiji-rakuraku-cube/line-prd-right1.svg) no-repeat center; background-size: contain; }
.ProductsSectionGay .PRDIconRightTop3{ width: 127px; height: 96px; position: absolute; content: ''; right: 0%; top: 100%; z-index: 1; background: url(../images/meiji-rakuraku-cube/icon-milk.svg) no-repeat center!important; background-size: contain;}
.ProductsSectionGay .IconCubeRight02{ top: 15%; width: 250px; height: 325px; }
.ProductsSectionGay .IconCubeLeft01{ left: 0; top: 40%; width: 338px; height: 392px; background: url(../images/meiji-rakuraku-cube/icon-mh-left.png) no-repeat center!important; background-size: contain!important;}
.ProductsSectionGay .ProductListBox{ text-align: center; margin-top: 100px; }
.ProductsSectionGay .ProductsSectionBox .ProductListBox h3{ display: inline-block; position: relative;}
.ProductsSectionGay .ProductsSectionBox .ProductListBox h3{ width: 100%; margin-bottom: 0; background: url(../images/meiji-rakuraku-cube/bg-prd-list.svg) no-repeat center; background-size: contain; height: 150px!important; line-height: 85px; color: #fff!important; font-size: 45px; padding: 10px 20px; }
.ProductsSectionGay .ProductsSectionBox .ProductListBox h3.ProductListBoxH2:after{ position: absolute; width: 142px; height: 183px; right: 0%!important; top: 10px; content: ''; background: url(../images/meiji-rakuraku-cube/icon-horse.svg) no-repeat center; background-size: contain;  }
.ProductListBoxH2Text{ font-size: 35px;}

/* Howto */
.Howto{ margin: 0; margin-top: 40px; padding: 100px 0; height: auto; position: relative; /*background-color: #fff0d2;*/ background: #fff0d2 url(../images/meiji-rakuraku-cube/howto-all-bg.svg) no-repeat top center; background-size: 95%;background-position-y: 50px; }
.Howto:before{ width: 100%; height: 50px; position: absolute; left: 0; top: -40px; content: ''; background: url(../images/meiji-rakuraku-cube/bg-top.png) no-repeat center; background-size: cover; }
.Howto:after{ width: 100%; height: 40px; position: absolute; left: 0; bottom: -30px; content: ''; background: url(../images/meiji-rakuraku-cube/bg-bottom.png) no-repeat center; background-size: cover; }
.HowtoBox{ max-width: 1160px; margin: auto; height: auto; position: relative; text-align: center; }
.HowtoBox h2{ margin: 0; padding: 0px; text-align: center; display: inline-block; font-weight: 600; font-size: 45px; color: #fe8582; position: relative; }
.HowtoBox h2 span{ display: block;}
.HowtoBox h2:before{ width: 30px; height: 47px; position: absolute; left: 130px; top: 0; content: '';  background: url(../images/meiji-rakuraku-cube/line-left.svg) no-repeat center; background-size: contain;  }
.HowtoBox h2:after{ width: 30px; height: 47px; position: absolute; right: 130px; top: 0; content: '';  background: url(../images/meiji-rakuraku-cube/line-right.svg) no-repeat center; background-size: contain;  }
.HowtoBox .Inner{ display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
.HowtoBox .Inner ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.HowtoBox .Inner ul li{ width: 47%; min-height: 665px; font-size: 26px; color: #fff; font-size: 20px; margin: 1% 1%; text-align: center; background: url(../images/meiji-rakuraku-cube/bg-howto-list.svg) no-repeat top center; background-size: contain; }
.HowtoBox .Inner ul li a{ display: block; padding: 20px 0; color: #fff;}
.HowtoBox .Inner ul li .Step{ text-align: center; margin-top: 100px; }
.HowtoBox .Inner ul li .Step img{ width: auto; max-width: 100px; height: auto; }
.HowtoBox .Inner ul li .Picture{ text-align: center; margin-top: 70px; }
.HowtoBox .Inner ul li .Picture img{ width: auto; max-width: 280px; height: auto; }
.HowtoBox .Inner ul li .Captions{ max-width: 70%; margin: auto;}




/* -------------------------------------  1280px  ------------------------------------- */
@media(max-width:1280px)
{
    /* SectionNavBox */
    .SectionNavBox{ max-width: auto; margin-left: 60px; margin-right: 60px; }

    /* SectionIntro */
    .SectionIntroBox{ max-width: auto; margin-left: 60px; margin-right: 60px; }
    .SectionIntro:before {  width: 150px; height: 320px; }
    .SectionIntro:after {  width: 110px; height: 210px; }
    .SectionIntroBox h1{ font-size: 35px; background-position-y: 85px; }

    /* Reccommend */
    .ReccommendBox{ max-width: auto; margin-left: 40px; margin-right: 40px; }
    .ReccommendBox h2{ font-size: 35px; }

    /* Features */
    .FeaturesBox h2{ font-size: 35px; }
    .FeaturesBox{ max-width: auto; margin-left: 40px; margin-right: 40px; }
    .FeaturesLeft ul li{ font-size: 23px; }

    /* CouponPage */
    .CouponPageBox{ max-width: auto; margin-left: 60px; margin-right: 60px;}
    .CouponPageBox h2{ font-size: 35px; }

    /* StoreSection */
    .StoreSectionBox{ max-width: auto; margin-left: 60px; margin-right: 60px; }
    .StoreSectionBox h2{ font-size: 35px; }

    /* ProductsSection */
    .ProductsSectionBox{  max-width: auto; margin-left: 60px; margin-right: 60px; }
    .ProductsSectionBox .Captions{ max-width: 500px;}
    .ProductsSectionBox .ProductsSectionList ul li{ width: 32%; padding: 30px 30px; }
    .ProductsSectionBox .ProductsSectionList ul li .Title{ font-size: 28px; }
    .ProductsSectionBox .ProductsSectionList ul li p{ line-height: 33px;}

    /* CouponPage */
    .HowtoBox{ max-width: auto; margin-left: 60px; margin-right: 60px;}
    .HowtoBox h2{ font-size: 35px; }
    .HowtoBox h2:before{ left: 100px; }
    .HowtoBox h2:after{ right: 100px; }

    .Features .IconBTT{ top: 125px; left: 22%; }

    .ProductsSectionBox .PRDPicture .For13Years{ left: -120px; max-width: 230px; }
    .ProductsSectionBox .ProductsSectionList{ padding-top: 0;}
    .ProductsSectionBox .ProductsSectionList ul li{ padding: 30px 0;}
    .ProductsSectionBox .ProductsSectionList ul li .Infos{ padding: 20px 35px; min-height: 420px;}
    .ProductsSectionBox .ProductsSectionList ul li .Title{ font-size: 27px;}

    .ProductsSectionGay .IconCubeLeft01{ width: 250px; height: 280px; }

}

/* -------------------------------------  1023px  ------------------------------------- */
@media(max-width:1023px)
{
    /* SectionNavBox */
    .SectionNavBox{ width: 90%; margin: auto; }
    .SectionNavBox ul li{ font-size: 16px; padding-top: 42px; }

    /* SectionIntro */
    .SectionIntro{ padding: 0px 0 50px 0;}
    .SectionIntroBox{ width: 90%; margin: auto; }
    .SectionIntroBox h1{ margin-top: 0; font-size: 30px; line-height: 60px; background-position-y: 60px; }

    /* Reccommend */
    .ReccommendBox{ width: 90%; margin: auto; }
    .ReccommendBox h2{ font-size: 30px;}
    .ReccommendBox .Inner{ display: block; }
    .ReccommendBox .Inner .Picture{ width: 100%; }
    .ReccommendBox .Inner .RightDetail{ width: 100%; }

    /* Features */
    .FeaturesBox{ width: 90%; margin: auto; }
    .FeaturesBox h2{ font-size: 30px; }
    .FeaturesBox h2:before{ width: 20px; height: 37px; position: absolute; left: 50px;  }
    .FeaturesBox h2:after{ width: 20px; height: 37px; position: absolute; right: 50px;  }
    .FeaturesLR{ margin-top: 30px;}
    .FeaturesLeft ul li{ padding: 20px 20px 20px 110px; min-height: 100px; line-height: 30px;}
    .FeaturesLeft ul li span{ width: 80px; height: 80px; line-height: 80px; left: 20px; top: -20px;}

    /* CouponPage */
    .CouponPageBox{ width: 90%; margin: auto; }
    .CouponPageBox h2{ font-size: 30px; }
    .CouponPageBox h2:after{ right: -60px;}
    .CouponSection ul li{ width: 48%; margin: 2% 0 3% 0; position: relative;}
    .CouponSection ul li:nth-child(3n+0){ margin-right: auto;}
    .CouponSection ul li:nth-child(3n+1) { margin-left: auto;}
    .CouponSection ul li:nth-child(odd){ margin-left: 0; margin-right: 4%;}

    /* StoreSection */
    .StoreSectionBox{ width: 90%; margin: auto; }
    .StoreSectionBox h2{ font-size: 30px; }
    .StoreSectionBox .StoreList{ font-size: 18px; }

    /* BannerLink */
    .BannerLink{ width: 90%; margin: auto; }

    /* ProductsSection */
    .ProductsSectionBox{ width: 90%; margin: auto; }
    .ProductsSectionBox .ProductsSectionList ul li{ padding: 20px 20px; }
    .ProductsSectionBox .ProductsSectionList ul li .Title{ font-size: 22px; }
    .ProductsSection .PRDIconLeft{ width: 130px; height: 420px; top: -5%; z-index: 1; }
    .ProductsSection .PRDIconRight{ width: 150px; height: 367px; top: 5%; z-index: 1; }

    /* HowtoBox */
    .HowtoBox{ width: 90%; margin: auto; }
    .HowtoBox h2{ font-size: 30px; }
    .HowtoBox h2:before{ left: 100px; }
    .HowtoBox h2:after{ right: 100px; }
    .HowtoBox .Inner ul li{ width: 47%; min-height: 550px; font-size: 16px; }
    .HowtoBox .Inner ul li .Step{ text-align: center; margin-top: 70px; }
    .HowtoBox .Inner ul li .Step img{ width: auto; max-width: 100px; height: auto; }
    .HowtoBox .Inner ul li .Picture{ text-align: center; margin-top: 40px; }
    .HowtoBox .Inner ul li .Picture img{ width: auto; max-width: 200px; height: auto; }
    .HowtoBox .Inner ul li .Captions{ max-width: 70%; margin: auto;}

    .Features:after{ width: 250px; height: 250px; }

    .Features .IconBTT{ width: 50px; height: 55px; top: 125px; left: 20%; }

    /* VideoBox */
    .VideoBox{ max-width: 90%; margin: auto; }
    .VideoBG { height: 120px; line-height: 65px; font-size: 35px; padding: 10px 20px; }
    .TextCenter{ font-size: 25px; }
    .VideoIframe { height: 400px; max-width: 750px; }

    .ProductsSectionBox h2{ font-size: 50px;}
    .ProductsSectionBox h2:after{ width: 100px; height: 100px; right: -30%;}
    .ProductsSectionBox .ProductsSectionList ul li{ padding: 0;}
    .ProductsSectionBox .ProductsSectionList ul li .Picture{ height: 200px;}
    .ProductsSectionBox .ProductsSectionList ul li .Picture img{ max-height: 200px;}
    .ProductsSectionBox .ProductsSectionList ul li:last-child .Picture img{ max-height: 80%;}
    .ProductsSectionBox .PRDPicture img{ max-width: 80%;}
    .ProductsSectionBox .PRDPicture .For13Years{ left: 0;}
    .ProductsSectionBox .ProductStep h3{ font-size: 45px;}
    .ProductsSectionBox .ProductsSectionList{ margin-top: 100px;}
    .ProductsSectionBox .ProductsSectionList ul li .Infos{ margin-top: 40px;}

    .ProductsSectionGay .ProductsSectionBox .ProductListBox h3{ height: 120px!important; line-height: 65px; font-size: 35px; padding: 10px 20px;}
    .ProductListBoxH2Text{ font-size: 28px;}
    .ProductsSectionGay .IconCubeLeft01{ width: 200px;}


}

/* -------------------------------------  767px  ------------------------------------- */
@media(max-width:767px)
{
    /* ProductsSection */
    .ProductsSectionBox .ProductsSectionList ul{ display: block;}
    .ProductsSectionBox .ProductsSectionList ul li{ width: 100%; padding: 30px 30px; margin: 30px 0; }
    .ProductsSectionBox .ProductsSectionList ul li .Title{ font-size: 33px; min-height: auto; }
    .ProductsSectionBox .ProductsSectionList ul li p{ line-height: 33px;}

    /* HowtoBox */
    .HowtoBox .Inner ul li{ width: 47%; min-height: 460px; font-size: 16px; }
    .HowtoBox .Inner ul li .Step{ text-align: center; margin-top: 60px; }
    .HowtoBox .Inner ul li .Step img{ width: auto; max-width: 80px; height: auto; }
    .HowtoBox .Inner ul li .Picture{ text-align: center; margin-top: 30px; }
    .HowtoBox .Inner ul li .Picture img{ width: auto; max-width: 180px; height: auto; }
    .HowtoBox .Inner ul li .Captions{ max-width: 80%; line-height: 21px; margin: auto;}

    .ProductsSectionGay .ProductsSectionBox h2:after{ right: -30%; width: 70px; height: 70px; top: 40px;}
}

/* -------------------------------------  640px  ------------------------------------- */
@media(max-width:640px)
{
    /* AllMeiji */
    .AllMeiji{ font-size: 18px;}

    .MeijiBanner .PC{ display: none;}
    .MeijiBanner .SP{ display: block;}

    /* SectionNavBox */
    .SectionNavBox{ padding: 40px 0;}
    .SectionNavBox ul{ flex-wrap: wrap; justify-content: center;}
    .SectionNavBox ul li{ width: 30%; height: auto; margin: 0 1.5%; font-size: 16px; padding-top: 30px; }
    .SectionNavBox ul li a{ padding: 0 0 20px 0;}

    /* SectionIntro */
    .SectionIntroBox h1{ margin-top: 0; font-size: 26px; line-height: 56px; background-position-y: 60px; }
    .SectionIntroBox .Coupon{ padding: 15px; font-size: 23px; }
    .SectionIntroBox .Captions{ font-size: 16px; line-height: 25px; }
    .SectionIntro:before {  width: 110px; height: 220px; top: 33%; }
    .SectionIntro:after {  width: 60px; height: 110px; top: 75%; }

    /* ReccommendBox */
    .ReccommendBox .Inner .RightDetail{ width: 100%; font-size: 16px; line-height: 25px; padding: 60px 30px; }
    .ReccommendBox h2{ font-size: 26px; }
    .ReccommendBox .IconBTT{ right: 50px; }

    /* Features */
    .FeaturesBox h2{ font-size: 26px; }
    .FeaturesBox h2 span{ font-size: 22px;}
    .FeaturesBox h2:before{ width: 20px; height: 37px; position: absolute; left: 20px;  }
    .FeaturesBox h2:after{ width: 20px; height: 37px; position: absolute; right: 20px;  }
    .FeaturesLR{ display: block;}
    .FeaturesLeft{ width: 100%;}
    .FeaturesLeft ul li{ padding: 15px 15px 15px 70px; font-size: 20px;}
    .FeaturesLeft ul li span{ width: 50px; height: 50px; line-height: 50px; left: 20px; top: -20px; font-size: 30px;}
    .FeaturesRight{ width: 100%; text-align: center;}
    .FeaturesRight img{ max-width: 150px;}

    /* CouponSection */
    .CouponSection .CPLeft{ width: 200px; top: 3%; }
    .CouponSection .CPRight{ width: 527px; height: 416px; right: 5%; top: 50%; }
    .CouponPageBox h2{ font-size: 26px; }
    .CouponPageBox h2 span{ display: block; }
    .CouponPageBox h2:after{ width: 60px; height: 40px; right: -50px; top: -30px;}
    .CouponSection ul li{ width: 100%; margin: 1% 0% 40px 0%; }
    .CouponSection ul li:nth-child(odd){ margin-right: 0; }
    .CouponPageBox .Captions{ margin-top: 30px; font-size: 16px; line-height: 25px; }

    /* StoreSection */
    .StoreSectionBox h2{ font-size: 26px; }
    .StoreSectionBox .Captions{ font-size: 16px; line-height: 25px; }
    .ProductsSection .PRDIconLeft{ width: 110px; height: 250px; top: -6%; z-index: 1; }
    .ProductsSection .PRDIconRight{ width: 110px; height: 165px; top: -3%; z-index: 1; }
    .ProductsSectionBox .PRDPicture{ margin: 40px 0 50px 0;}


    /* CouponPage */
    .HowtoBox h2{ font-size: 26px; }
    .HowtoBox h2:before{ width: 20px; height: 37px; left: 70px; }
    .HowtoBox h2:after{ width: 20px; height: 37px; right: 70px; }
    .HowtoBox h2 span{ font-size: 22px;}

    .HowtoBox .Inner ul{ display: block;}
    .HowtoBox .Inner ul li{ width: 90%; min-height: 430px; font-size: 16px; margin: auto; margin-top: 30px; margin-bottom: 30px; clear: both; padding-top: 50px; }
    .HowtoBox .Inner ul li .Step{ text-align: center; margin-top: 15px; }
    .HowtoBox .Inner ul li .Step img{ width: auto; max-width: 80px; height: auto; }
    .HowtoBox .Inner ul li .Picture{ text-align: center; margin-top: 25px; }
    .HowtoBox .Inner ul li .Picture img{ width: auto; max-width: 180px; height: auto; }
    .HowtoBox .Inner ul li .Captions{ max-width: 70%; line-height: 21px; margin: auto;}

    .Features .IconBTT{ width: 50px; height: 55px; top: 37px; left: 13%; }

     /* VideoBox */
     .VideoBox{ max-width: 90%; margin: auto; }
     .VideoBG { line-height: 75px; font-size: 30px; }
     .TextCenter{ font-size: 23px; }
     .VideoIframe { height: 300px; }

     

}

/* -------------------------------------  480px  ------------------------------------- */
@media(max-width:480px)
{
    /* SectionIntro */
    .SectionIntroBox h1{ margin-top: 0; font-size: 20px; line-height: 40px; background-position-y: 40px; }
    .SectionNavBox ul li{ font-size: 13px;}

    .FeaturesLeft ul li{ font-size: 18px; line-height: 25px;}
    .FeaturesRight{ margin-top: 40px;}
    .Features:after{ top: 65%;}

    .CouponPageBox h2:after{ right: 0;}

    .ProductsSection .PRDIconLeftTop1{ top: -100px;}
    .ProductsSection .PRDIconRightTop2{ top: 110%; width: 90px;}
    .ProductsSection .IconCubeRight02{ width: 200px; top: 13%;}
    .ProductsSection .IconCubeLeft01{ top: 4%;}
    .ProductsSectionBox h2:after{ width: 60px; height: 60px; top: 10px; right: -50px;}
    .ProductsSectionBox h2{ font-size: 28px;}
    .ProductsSectionBox .ProductsSectionList ul li{ padding: 0; }
    .ProductsSectionBox .ProductStep{ margin-bottom: 60px; margin-top: 140px; }
    .ProductsSectionBox .PRDPicture .For13Years{ max-width: 120px; top: -65px; }
    .ProductsSectionBox .ProductStep h3{ font-size: 30px;}
    .ProductsSectionBox .ProductStep h3:before{ width: 35px; height: 90px; left: -65px;}
    .ProductsSectionBox .ProductStep h3:after{ width: 35px; height: 90px; right: -65px;}
    .ProductsSectionBox .ProductsSectionList ul li .Picture{ height: auto;}
    .ProductsSectionBox .ProductsSectionList ul li .Picture img{ max-height: 200px; }
    .ProductsSectionBox .ProductsSectionList ul li:last-child .Picture img{ max-height: 200px;}
    .ProductsSectionBox .ProductsSectionList ul li .Infos{ top: 20px; margin-top: 20px; margin-bottom: 80px;}

    .ProductsSectionGay .ProductsSectionBox .ProductStep h3:before{ width: 35px; height: 90px; left: -65px;}
    .ProductsSectionGay .ProductsSectionBox .ProductStep h3:after{ width: 35px; height: 90px; right: -65px;}

    .ProductsSectionBox .Captions{ font-size: 16px; line-height: 28px;}
    .ProductsSectionBox .Captions br{ display: none; }

    .ProductsSectionGay .ProductsSectionBox .ProductListBox h3{ line-height: 75px; font-size: 30px;}
    .ProductListBoxH2Text { font-size: 20px; }
    .ProductsSectionGay .ProductsSectionBox .ProductListBox h3.ProductListBoxH2:after{ width: 90px; height: 100px; top: 200px; }

    .ProductsSectionBox .ProductsSectionList ul li .Title{ font-size: 30px;}

    .ProductsSectionGay .ProductsSectionBox .ProductsSectionList ul li .Infos{ min-height: auto;}
    .ProductsSectionBox .ProductsSectionList ul li .Infos{ min-height: auto;}

    .CouponSection .CPRight { width: 230px; height: 384px; right: 0%; top: 50%;  }
}

/* -------------------------------------  320px  ------------------------------------- */
@media(max-width:320px)
{

}