@charset "UTF-8";
.page-entry {
  min-width: 1200px;
  overflow: hidden
}

.page-entry .hidden {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px)
}

.page-entry .text-indent {
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em
}

.page-entry .text-center {
  text-align: center
}

.page-entry .font-mincho {
  font-family: "游明朝", Yu Mincho, Times New Roman, Hiragino Mincho ProN, MS PMincho, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  font-weight: 400!important
}

.page-entry .font-mincho * {
  font-weight: 400!important
}

.page-entry .relative {
  position: relative
}

.page-entry {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", Yu Gothic Medium, Yu Gothic, "游ゴシック", Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  -webkit-text-size-adjust: none;
  color: #333;
  text-align: justify;
  line-height: 1.5;
  font-size: 1.1428571424rem
}

.page-entry h1 {
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  font-weight: 400
}

.page-entry h2 {
  color: #333;
  margin: 0;
  padding: 0;
  border-bottom: 0;
  font-weight: 400
}

.page-entry h3 {
  background: transparent;
  margin: 0;
  padding: 0;
  font-weight: 400
}

.page-entry sup {
  font-size: .5em
}

.page-entry a {
  color: #333
}

.page-entry em {
  font-style: normal
}

.page-entry strong, .page-entry em {
  font-weight: 700
}

.page-entry ol {
  list-style: none
}

.page-entry .a-fukidashi {
  display: block;
  width: 220px;
  height: 51px;
  margin: 0 auto;
  padding: .5em;
  text-align: center;
  letter-spacing: .1em;
  color: #fff;
  background: url(../images/img-fukidashi.svg) 0 0/220px 51px no-repeat
}

.page-entry .a-btn {
  display: inline-block;
  padding: .714285714rem 2.142857142rem;
  color: #fff;
  border-radius: 9999px;
  background-color: #567371;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .2)
}

.page-entry .mv {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 450px;
  background: #fafffc url(../images/img-mv.jpg) 50% 0 no-repeat
}

.page-entry .mv__copy-a {
  font-size: .7857142854rem;
  font-weight: 700;
  margin-bottom: .714285714rem;
  letter-spacing: .3em
}

.page-entry .mv__copy-b {
  font-size: 1.2142857138rem;
  font-weight: 700;
  width: 504px;
  height: 62px;
  margin-bottom: .714285714rem;
  padding-top: .75em;
  text-align: center;
  letter-spacing: .3em;
  background: url(../images/img-mv-ribbon.svg) 0 0 no-repeat
}

.page-entry .mv__copy-b em {
  color: #ed536d
}

.page-entry .mv__ttl {
  font-size: 6.1428571404rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  letter-spacing: .2em;
  text-shadow: 0 0 2px #fff
}

.page-entry .mv__ttl em {
  color: #ed536d
}

.page-entry .nav {
  padding: 3.214285713rem 0;
  background: #cce8e1
}

.page-entry .nav__list {
  display: flex;
  justify-content: center
}

.page-entry .nav__list-item {
  width: 340px
}

.page-entry .nav__list-item+* a {
  border-left: 1px solid
}

.page-entry .nav__list-item a {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center
}

.page-entry .nav__list-item-label {
  font-size: .7857142854rem;
  margin-bottom: .5357142855rem;
  letter-spacing: .3em
}

.page-entry .nav__list-item-title {
  font-size: 1.7142857136rem;
  font-weight: 700;
  margin-bottom: .5357142855rem;
  letter-spacing: .1em
}

.page-entry .nav__list-item-ico {
  width: 29px;
  height: 29px;
  background: url(../images/btn-nav-arrow.svg) 0 0 no-repeat
}

.page-entry .point {
  padding: 6.428571426rem 0 4.285714284rem;
  background: url(../images/bg-img-features.jpg) 50% 0 no-repeat, url(../images/bg-features.png) 0 0 repeat-x
}

.page-entry .point__ttl {
  font-size: 2.5714285704rem;
  font-weight: 700;
  margin: 1.071428571rem 0;
  text-align: center;
  letter-spacing: .2em
}

.page-entry .point__ttl em {
  font-size: 3.4285714272rem
}

.page-entry .point__ttl span {
  font-size: 3.4285714272rem;
  background: linear-gradient(to top, #fafa94 0, #fafa94 45%, rgba(250, 250, 148, 0) 45%, rgba(250, 250, 148, 0))
}

.page-entry .point__ttl span em {
  font-size: 4.4285714268rem
}

.page-entry .point__copy {
  margin-bottom: 2.142857142rem;
  text-align: center;
  letter-spacing: .1em
}

.page-entry .point__copy em {
  padding-bottom: .5em;
  background: url(../images/line-wave.svg) 50% 100% no-repeat
}

.page-entry .point__lead {
  font-size: 1.7142857136rem;
  font-weight: 700;
  margin-bottom: 2.142857142rem;
  text-align: center;
  letter-spacing: .1em;
  color: #ed536d
}

.page-entry .point__fig {
  max-width: 1140px;
  margin: 0 auto
}

.page-entry .feature {
  padding-bottom: 8.571428568rem;
  background: #e7f3ee url(../images/bg-recommend.jpg) 50% 0 no-repeat
}

.page-entry .feature__fukidashi {
  display: block;
  width: 223px;
  height: 44px;
  margin: 0 auto 4.285714284rem;
  background: url(../images/bg-fukidashi.svg) 0 0 no-repeat
}

.page-entry .feature__ttl {
  font-size: 3.4285714272rem;
  margin-bottom: 2.142857142rem;
  text-align: center;
  letter-spacing: .1em
}

.page-entry .feature__box {
  width: 390px;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, .7)
}

.page-entry .feature__box--mini {
  width: 360px
}

.page-entry .feature__box--mini+* {
  margin-left: 40px!important
}

.page-entry .feature__box--mini .feature__box-header {
  padding: 2.142857142rem 0
}

.page-entry .feature__box--mini .feature__box-ttl em {
  background: none
}

.page-entry .feature__box-wrapper {
  display: flex;
  justify-content: center
}

.page-entry .feature__box-wrapper:not(:last-child) {
  margin-bottom: 1.071428571rem
}

.page-entry .feature__box-wrapper>*+* {
  margin-left: 15px
}

.page-entry .feature__box-header {
  padding: 3.214285713rem 0
}

.page-entry .feature__box-label {
  font-size: .9999999996rem;
  text-align: center;
  letter-spacing: .02em
}

.page-entry .feature__box-label span {
  font-size: 3.4285714272rem;
  display: block
}

.page-entry .feature__box-ttl {
  font-size: 1.428571428rem;
  text-align: center
}

.page-entry .feature__box-ttl em {
  font-size: 2.4rem;
  background: linear-gradient(to top, #fafa94 0, #fafa94 35%, rgba(250, 250, 148, 0) 35%, rgba(250, 250, 148, 0))
}

.page-entry .feature__box-ttl sup {
  font-size: .4em
}

.page-entry .feature__box-note {
  font-size: .8571428568rem;
  position: absolute;
  bottom: -4em;
  left: 0;
  text-indent: -1em;
  padding-left: 1em
}

.page-entry .feature__ico {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 1.071428571rem;
  background: url(../images/ico-plus.svg) 0 0 no-repeat
}

.page-entry .feature__txt {
  font-size: 2.142857142rem;
  font-weight: 700;
  margin-bottom: 1.071428571rem;
  text-align: center;
  letter-spacing: .01em
}

.page-entry .recommend {
  padding: 6.428571426rem 0
}

.page-entry .recommend__ttl {
  font-size: 1.428571428rem;
  margin-bottom: 1.071428571rem;
  text-align: center;
  letter-spacing: .01em
}

.page-entry .recommend__ttl span {
  font-size: 2.5714285704rem
}

.page-entry .recommend__ttl span em {
  font-size: 3.4285714272rem;
  letter-spacing: .2em
}

.page-entry .recommend__box {
  font-size: 1.2857142852rem;
  padding: 0 0 5.357142855rem
}

.page-entry .recommend__box-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto
}

.page-entry .recommend__box-wrapper>:not(:nth-child(3n+1)) {
  margin-left: 89px
}

.page-entry .recommend__box-wrapper>:nth-child(n+4) {
  margin-top: -2.142857142rem
}

.page-entry .recommend__box em {
  color: #ed536d
}

.page-entry .recommend__box--fukidashi-a {
  width: 342px;
  background: url(../images/img-recommend-fukidashi1.svg) 50% 100% no-repeat
}

.page-entry .recommend__box--fukidashi-b {
  width: 340px;
  background: url(../images/img-recommend-fukidashi2.svg) 50% 100% no-repeat
}

.page-entry .recommend__box>div {
  width: 13em;
  margin: 0 auto
}

.page-entry .recommend__box-img {
  display: block;
  width: 60px;
  margin: 0 auto .714285714rem
}

.page-entry .goods {
  position: relative;
  height: 700px;
  padding: 4.285714284rem 0;
  background: #cbe2dd url(../images/bg-item-mv.png) 50% 0 no-repeat
}

.page-entry .goods__inner {
  filter: blur(2px)
}

.page-entry .goods__ttl {
  font-size: 2.5714285704rem;
  text-align: center;
  letter-spacing: .1em
}

.page-entry .goods__ttl em {
  font-size: 3.4285714272rem
}

.page-entry .goods__lead {
  font-size: .9999999996rem;
  margin-bottom: 3.214285713rem;
  text-align: center
}

.page-entry .goods__item-list {
  position: relative;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto
}

.page-entry .goods__item-list-item a {
  position: absolute;
  display: block;
  transition: transform .2s
}

.page-entry .goods__item-list-item a:hover, .page-entry .goods__item-list-item a:focus, .page-entry .goods__item-list-item a:active {
  z-index: 1;
  transform: scale(1.1);
  opacity: 1
}

.page-entry .goods__item-list-item--1 a {
  top: 17px;
  left: 85px
}

.page-entry .goods__item-list-item--2 a {
  top: 115px;
  left: -1px
}

.page-entry .goods__item-list-item--3 a {
  top: 300px;
  left: 90px
}

.page-entry .goods__item-list-item--4 a {
  top: 20px;
  left: 290px
}

.page-entry .goods__item-list-item--5 a {
  top: 196px;
  left: 245px
}

.page-entry .goods__item-list-item--6 a {
  top: 334px;
  left: 250px
}

.page-entry .goods__item-list-item--7 a {
  top: 258px;
  left: 404px
}

.page-entry .goods__item-list-item--8 a {
  top: 0;
  left: 480px
}

.page-entry .goods__item-list-item--9 a {
  top: 180px;
  left: 560px
}

.page-entry .goods__item-list-item--10 a {
  top: 80px;
  right: 320px
}

.page-entry .goods__item-list-item--11 a {
  top: 225px;
  right: 312px
}

.page-entry .goods__item-list-item--12 a {
  top: 21px;
  right: 174px
}

.page-entry .goods__item-list-item--13 a {
  top: 151px;
  right: 177px
}

.page-entry .goods__item-list-item--14 a {
  top: 294px;
  right: 153px
}

.page-entry .goods__item-list-item--15 a {
  top: 53px;
  right: 43px
}

.page-entry .goods__item-list-item--16 a {
  top: 170px;
  right: 0
}

.page-entry .goods__cover {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: rgba(209, 232, 225, .35)
}

.page-entry .goods__cover-ico {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  width: 232px;
  height: 232px;
  transition: opacity .2s ease-out, transform .2s ease-out;
  transform: translateY(10px);
  opacity: 0;
  background: url(../images/ico-click.svg) 50% 50% no-repeat
}

.page-entry .goods.is-active .goods__cover {
  animation: goods__cover .2s ease-out 2.2s forwards, goods__cover-disable 0s linear 2.4s forwards
}

.page-entry .goods.is-active .goods__cover-ico {
  transform: translateY(0);
  animation: goods__cover-ico .2s ease-out 2.2s forwards;
  opacity: 1
}

.page-entry .goods.is-active .goods__inner {
  animation: goods__inner .2s ease-out 2.2s forwards
}

@keyframes goods__inner {
  0% {
    filter: blur(2px)
  }
  100% {
    filter: blur(0)
  }
}

@keyframes goods__cover {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes goods__cover-disable {
  0% {
    width: 100%
  }
  100% {
    width: 0
  }
}

@keyframes goods__cover-ico {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

.page-entry .item {
  padding-bottom: 8.571428568rem;
  background-color: #edf5f1
}

.page-entry .item .a-fukidashi {
  position: relative;
  top: -20px;
  margin-bottom: 2.142857142rem
}

.page-entry .item__ttl {
  font-size: 2.5714285704rem;
  margin-bottom: 4.285714284rem;
  text-align: center;
  letter-spacing: .1em
}

.page-entry .item__ttl span {
  font-size: 1.5428571422rem;
  display: block;
  letter-spacing: 0
}

.page-entry .item__box {
  max-width: 280px;
  margin-bottom: 8.571428568rem;
  text-align: center
}

.page-entry .item__box a {
  display: block
}

.page-entry .item__box a>p {
  font-size: .9999999996rem
}

.page-entry .item__box-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto
}

.page-entry .item__box-img {
  margin-bottom: 1.071428571rem;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .2)
}

.page-entry .item__box-img-wrapper {
  position: relative
}

.page-entry .item__box-img-ico {
  position: absolute;
  z-index: 1;
  top: -12px;
  left: 12px;
  display: block;
  width: 56px;
  height: 56px;
  background: url(../images/ico-hot.png) 0 0 no-repeat
}

.page-entry .item__box-brand {
  font-size: .8571428568rem
}

.page-entry .item__box-item-name {
  font-weight: 700
}

.page-entry .item__box .cms-Ctrl_ItemPrice_Normal {
  font-weight: 700;
  margin-bottom: 1.071428571rem
}

.page-entry .item__bnr {
  padding-bottom: .714285714rem;
  text-align: center;
  background-color: #fff;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .2)
}

.page-entry .item__bnr-name {
  font-weight: 700;
  display: inline-block;
  margin-bottom: .714285714rem
}

.page-entry .item__bnr-name span {
  font-size: .9999999996rem
}

.page-entry .item__bnr-ico {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(../images/ico-arrow-right.svg) 0 0/29px 29px no-repeat
}

.page-entry .type {
  background: #d5e8e2
}

.page-entry .type__bnr-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin-right: auto;
  margin-bottom: 5.357142855rem;
  margin-left: auto;
  padding-top: 2.142857142rem;
  padding-right: 30px;
  padding-left: 30px;
  border-top: 1px solid #9a9a9a
}

.page-entry .type__bnr-wrapper-ttl {
  font-size: 2.142857142rem;
  width: 100%;
  margin-bottom: 2.142857142rem;
  text-align: center;
  letter-spacing: .2em
}

.page-entry .type__bnr-wrapper-ttl-label {
  font-size: .7857142854rem;
  letter-spacing: .02em
}

.page-entry .type__bnr-wrapper-ttl span {
  display: block
}

.page-entry .type__bnr-wrapper--type-aw .type__bnr-label {
  background-color: #f2eae6
}

.page-entry .type__bnr-wrapper--type-ss .type__bnr-label {
  background-color: #fcfbe3
}

.page-entry .type__bnr {
  position: relative;
  display: flex;
  align-items: center;
  width: 550px;
  height: 160px;
  background-color: #fff;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .2)
}

.page-entry .type__bnr:nth-last-child(n+3) {
  margin-bottom: 2.142857142rem
}

.page-entry .type__bnr-box {
  padding-left: 2.142857142rem
}

.page-entry .type__bnr-label {
  font-size: .9999999996rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: .714285714rem;
  padding: .357142857rem 1.071428571rem;
  text-align: center;
  letter-spacing: .2em;
  background-color: #ebf2f1
}

.page-entry .type__bnr-ttl {
  font-size: 1.2857142852rem
}

.page-entry .type__bnr-ttl em {
  font-size: 1.7142857136rem;
  letter-spacing: .1em
}

.page-entry .type__bnr-ttl em span {
  font-size: .8571428568rem;
  font-weight: 400
}

.page-entry .type__bnr-arrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  width: 11px;
  height: 20px;
  margin-right: 2.142857142rem;
  background: url(../images/ico-type-arrow.svg) 0 0/11px 20px no-repeat
}

.page-entry .type .a-btn {
  font-size: 1.7142857136rem;
  display: block;
  width: 600px;
  margin: 0 auto;
  padding: 1.071428571rem 2.142857142rem;
  text-align: center
}

.ua-firefox .page-entry .goods__cover-ico {
  transition: transform .2s ease-out
}

@media print, screen and (min-width:768px) {
  .page-entry .sp {
    display: none
  }
}

@media screen and (max-width:767px) {
  .page-entry .pc {
    display: none
  }
}