@charset "UTF-8";
:root {
  --rem: 1.10378118641;
  --ratio: 1.5;
  --s-3: calc(var(--s-2)/var(--ratio));
  --s-2: calc(var(--s-1)/var(--ratio));
  --s-1: calc(var(--s0)/var(--ratio));
  --s0: calc(1rem*var(--rem));
  --s1: calc(var(--s0)*var(--ratio));
  --s2: calc(var(--s1)*var(--ratio));
  --s3: calc(var(--s2)*var(--ratio));
  --s4: calc(var(--s3)*var(--ratio));
  --s5: calc(var(--s4)*var(--ratio));
  --s6: calc(var(--s5)*var(--ratio));
  --s7: calc(var(--s6)*var(--ratio));
  --s8: calc(var(--s7)*var(--ratio));
  --s9: calc(var(--s8)*var(--ratio));
  --s10: calc(var(--s9)*var(--ratio))
}
:root {
  --rem: .714285714;
  --ratio: 1.5;
  --s-2: calc(var(--s-1)/var(--ratio));
  --s-1: calc(var(--s0)/var(--ratio));
  --s0: calc(1rem*var(--rem));
  --s1: calc(var(--s0)*var(--ratio));
  --s2: calc(var(--s1)*var(--ratio));
  --s3: calc(var(--s2)*var(--ratio));
  --s4: calc(var(--s3)*var(--ratio));
  --s5: calc(var(--s4)*var(--ratio));
  --s6: calc(var(--s5)*var(--ratio));
  --s7: calc(var(--s6)*var(--ratio));
  --s8: calc(var(--s7)*var(--ratio));
  --s9: calc(var(--s8)*var(--ratio));
  --s10: calc(var(--s9)*var(--ratio))
}
.page-entry {
  overflow: hidden;
  min-width: 1200px;
  margin-bottom: 126px
}
.page-entry .hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  width: 1px;
  height: 1px
}
.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;
  letter-spacing: .05em
}
.page-entry .font-josefin-slab {
  font-family: Josefin Slab, serif;
  font-weight: 600;
  letter-spacing: .02em
}
.page-entry .font-bold {
  font-weight: 700
}
.page-entry .font-large {
  font-size: 1.286em
}
.page-entry .font-small {
  font-size: .929em
}
.page-entry .text-center {
  text-align: center
}
.page-entry .tracking-wide {
  letter-spacing: .1em
}
.page-entry .leading-relaxed {
  line-height: 1.6
}
.page-entry .font-small {
  font-size: .8em
}
.page-entry {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", Yu Gothic Medium, Yu Gothic, "游ゴシック", Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  font-size: 1.071428571rem;
  line-height: 1.5;
  color: #333;
  -webkit-text-size-adjust: none
}
.page-entry .c-link {
  color: #fff;
  background-color: #333;
  font-size: 1.2857142852rem;
  padding: 1em 0;
  border-radius: 9999px;
  box-shadow: 0 5px 4.75px .25px rgba(57, 56, 54, .2);
  font-weight: 600
}
.page-entry .c-arrow {
  border-width: 2px 2px 0 0;
  border-style: solid;
  display: inline-block;
  width: .4999999998rem;
  height: .4999999998rem;
  rotate: 45deg
}
.page-entry .mv {
  padding-top: 71.5px;
  background: #f2eae6 url(/lp/mensinner/images/2026ss/bg-mv.jpg) 50% 50%/1400px 335px no-repeat;
  min-height: 335px
}
.page-entry .mv__ttl {
  width: 415px;
  margin-right: auto;
  margin-left: auto
}
.page-entry .nav__list {
  display: flex;
  justify-content: center;
  margin-top: var(--s2);
  gap: var(--s2)
}
.page-entry .nav__list-item {
  width: 146px
}
.page-entry .sec {
  padding-bottom: var(--s5);
  background: linear-gradient(to bottom, #fff 60px, var(--bg-color) 60px)
}
.page-entry .sec__wrapper {
  margin-top: var(--s4)
}
.page-entry .sec__wrapper > * + * {
  margin-top: var(--s4)
}
.page-entry .sec__ttl {
  width: 250px;
  margin-right: auto;
  margin-left: auto
}
.page-entry .sec__ttl + * {
  margin-top: var(--s3)
}
.page-entry .osusume {
  --bg-color: #edf5e6
}
.page-entry .item {
  display: flex;
  justify-content: center;
  align-items: center
}
.page-entry .item__wrapper {
  width: 1200px;
  margin-right: auto;
  margin-left: auto
}
.page-entry .item__wrapper > * + * {
  margin-top: var(--s4)
}
.page-entry .item__img {
  width: 550px
}
.page-entry .item__block {
  width: 400px
}
.page-entry .item__copy {
  font-size: 1.7142857136rem;
  font-weight: 700;
  text-align: center
}
.page-entry .item__copy + .item__desc {
  margin-top: var(--s2);
  padding-top: var(--s2);
  border-top: 1px solid
}
.page-entry .item__copy small {
  font-size: .8571428568rem;
  font-weight: 400;
  display: block;
  margin-top: var(--s-2)
}
.page-entry .item__desc {
  text-align: center
}
.page-entry .item__color {
  width: 400px;
  margin-right: auto;
  margin-left: auto
}
.page-entry .item__color + * {
  margin-top: var(--s0)
}
.page-entry .item__name {
  font-size: 1.2857142852rem;
  font-weight: 700
}
.page-entry .item__spec {
  font-size: 1.071428571rem
}
.page-entry .item .page-Campaign_PriceNormal {
  font-size: 1.7142857136rem;
  font-weight: 700
}
.page-entry .item * + .c-link {
  margin-top: var(--s1)
}
.page-entry .item .c-link {
  width: 320px;
  margin-right: auto;
  margin-left: auto
}
.page-entry .konomi {
  --bg-color: #fdfaed
}
.page-entry .konomi-subsec__wrapper {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 71px
}
.page-entry .konomi-subsec > * + * {
  margin-top: var(--s2)
}
.page-entry .konomi-katachi__block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 10px
}
.page-entry .konomi-katachi__block-wrapper {
  display: flex;
  gap: 0 50px
}
.page-entry .konomi-katachi__ttl {
  width: 51px
}
.page-entry .konomi-katachi__item {
  width: 102px
}
.page-entry .konomi-katachi__box {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}
.page-entry .konomi-nayami {
  width: 352.5px
}
.page-entry .konomi-nayami__list {
  font-size: 1.071428571rem;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--s0)
}
.page-entry .konomi-nayami__list a {
  display: flex;
  align-items: center;
  padding: .5em 1em;
  border: 2px solid;
  border-radius: 9999px;
  background-color: #fff
}
.page-entry .konomi-nayami__list a .c-arrow {
  margin-left: .25em
}
.page-entry .konomi-sozai {
  width: 352.5px
}
.page-entry .konomi-sozai__list {
  justify-content: center;
  display: flex;
  gap: 11.5px
}
.page-entry .konomi-sozai__list-item {
  width: 75px
}
.page-entry .konomi-color {
  width: 352.5px
}
.page-entry .konomi-color__list {
  display: flex;
  justify-content: center;
  gap: 17.5px
}
.page-entry .konomi-color__list-item {
  width: 90px
}
.page-entry .scene {
  --bg-color: #e6ecf2
}
.page-entry .scene__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
.page-entry .scene__list > * + * {
  border-left: 1px solid
}
.page-entry .scene__list-item {
  width: 375px
}
.page-entry .others {
  margin-top: var(--s5)
}
.page-entry .others__ttl {
  font-size: 1.1428571424rem;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
  -webkit-text-decoration-color: #fff799;
  text-decoration-color: #fff799;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: .5em;
  text-underline-offset: -.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--s1)
}
.page-entry .others__ttl-copy span {
  font-size: 1.7142857136rem
}
.page-entry .others__ttl:before, .page-entry .others__ttl:after {
  display: inline-block;
  width: 37px;
  height: 62px;
  content: "";
  background: url(/lp/mensinner/images/2023aw/ttl-line-left.png) 0 0/cover no-repeat
}
.page-entry .others__ttl:after {
  background-image: url(/lp/mensinner/images/2023aw/ttl-line-right.png)
}
.page-entry .others__list {
  display: flex;
  justify-content: center;
  margin-top: var(--s2)
}
.page-entry .others__list > * + * {
  border-left: 1px solid
}
.page-entry .others__list-item {
  width: 335px
}
.page-entry h1, .page-entry h2, .page-entry h3, .page-entry h4, .page-entry h5, .page-entry h6 {
  line-height: 1.4;
  color: #333
}
.page-entry h1 {
  font-weight: 400;
  max-width: none;
  margin: 0;
  padding: 0;
  text-align: left;
  border: 0
}
.page-entry h2 {
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: #333;
  border-bottom: 0
}
.page-entry h3 {
  font-weight: 400;
  margin: 0;
  padding: 0;
  background: transparent
}
.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 img {
  width: auto;
  max-width: 100%;
  height: auto
}
.page-entry button {
  border: 0;
  outline: 0;
  background: transparent
}
@media print, screen and (min-width:768px) {
  .page-entry .sp {
    display: none
  }
}
@media screen and (max-width:767px) {
  .page-entry .pc {
    display: none
  }
}