@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
}

.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 .highlight {
  text-decoration: underline;
  text-decoration-thickness: .5em;
  -webkit-text-decoration-color: rgba(230, 230, 92, .5);
  text-decoration-color: rgba(230, 230, 92, .5);
  text-underline-offset: -.3em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

.page-entry .stack>*+* {
  margin-block-start: var(--s0)
}

.page-entry {
  font-family: Yu Gothic, "游ゴシック", YuGothic, "游ゴシック体", Yu Gothic Medium, "游ゴシック Medium", Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
  font-size: .9999999996rem;
  color: #807473;
  font-weight: 500;
  letter-spacing: .05em;
  -webkit-text-size-adjust: none
}

.page-entry .c-sec {
  background-color: #dde7e8;
  padding-block-end: 90px
}

.page-entry .c-sec--color-2 {
  background-color: #f0e8df
}

.page-entry .c-sec__wrapper>*+* {
  margin-block-start: 80px
}

.page-entry .c-sec__header {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 30px;
  padding-inline: 20px
}

.page-entry .c-sec__header--rev {
  flex-direction: row-reverse
}

.page-entry .c-sec__header--rev .c-sec__label {
  left: initial;
  right: 20px
}

.page-entry .c-sec__header-container {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
  width: 1100px;
  gap: 0 var(--s3);
  margin-inline: auto;
  padding-inline-start: 90px
}

.page-entry .c-sec__header-image {
  height: 100px;
  background: 50% 50%/cover no-repeat
}

.page-entry .c-sec__label {
  position: absolute;
  top: 30px;
  left: 20px;
  width: 10px;
  height: 159px;
  background: url(/lp/lovecotton/images/2024ss/txt-cotton100inner.png) 0 0/10px 159px no-repeat
}

.page-entry .c-sec__label--2 {
  left: initial;
  height: 142.5px;
  background: url(/lp/lovecotton/images/2024ss/txt-welovecotton.png) 0 0/10px 142.5px no-repeat
}

.page-entry .c-sec__lead {
  --font-size: 2.4rem;
  font-size: 1.7142857136rem;
  flex: 1 0 0;
  padding-block-end: .5em
}

.page-entry .c-sec__lead strong {
  font-size: calc(var(--font-size)*var(--rem))
}

.page-entry .c-sec__lead small {
  font-size: .8571428568rem;
  line-height: 1.36;
  display: inline-block
}

.page-entry .c-sec__mark {
  position: relative;
  top: -80px;
  width: 261px;
  margin-bottom: -80px
}

.page-entry .c-item {
  width: 520px
}

.page-entry .c-item>*+* {
  margin-block-start: var(--s0)
}

.page-entry .c-item>a {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--s2) 0
}

.page-entry .c-item>a+.c-link {
  margin-block-start: var(--s3)
}

.page-entry .c-item__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1100px;
  margin-block-start: var(--s4);
  margin-inline: auto;
  gap: var(--s3) 0
}

.page-entry .c-item__spec strong {
  font-size: 1.2857142852rem
}

.page-entry .c-item .c-link {
  font-size: 1.1428571424rem;
  width: 200px;
  margin-inline: initial
}

.page-entry .c-item .cms-Ctrl_ItemPrice_Normal {
  margin-block-start: var(--s-2)
}

.page-entry .c-link {
  line-height: 1.3;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
  color: #fff;
  border-radius: 100vmax;
  background-color: #807473;
  margin-inline: auto;
  gap: 0 .5em;
  padding-block: 1.25em
}

.page-entry .c-link [class^=c-ico] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  margin-right: var(--s1)
}

.page-entry .c-link--full.c-link--full {
  --font-size: 1.8rem;
  font-size: calc(var(--font-size)*var(--rem));
  width: 100%;
  justify-content: center
}

.page-entry .c-link--full.c-link--full [class^=c-ico] {
  margin-right: var(--s2)
}

.page-entry .c-ico-arw-white {
  width: 8px;
  height: 15px;
  background: url(/lp/lovecotton/images/2024ss/ico-arw-white.png) 0 0/cover no-repeat
}

.page-entry .c-ico-arw {
  width: 8px;
  height: 15px;
  background: url(/lp/lovecotton/images/2024ss/sp/ico-arw.png) 0 0/cover no-repeat
}

.page-entry .mv {
  display: -ms-grid;
  display: grid;
  height: 330px;
  background: #dde7e8 url(/lp/lovecotton/images/2024ss/bg-mv.png) 50% 0/2000px 330px no-repeat;
  place-content: center
}

.page-entry .mv__ttl {
  width: 506px
}

.page-entry .intro {
  background: #f0e8df url(/lp/lovecotton/images/2024ss/bg-intro-kumo.png) 50% 152px/1150px 156.5px no-repeat;
  padding-block-end: 71px
}

.page-entry .intro__ttl {
  position: relative;
  top: -35px;
  width: 900px;
  margin-bottom: -35px;
  margin-inline: auto
}

.page-entry .intro__lead {
  font-size: 1.4999999994rem;
  line-height: 2;
  text-align: center;
  margin-block-start: var(--s1)
}

.page-entry .intro__nav {
  margin-block-start: var(--s3)
}

.page-entry .intro__nav-ttl {
  width: 47px;
  margin-inline: auto
}

.page-entry .intro__nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 1000px;
  gap: 11px 7px;
  margin-block-start: var(--s0);
  margin-inline: auto
}

.page-entry .intro__nav-list-item {
  width: 190px
}

.page-entry .nav__header {
  height: 200px;
  background: url(/lp/lovecotton/images/2024ss/bar-inner.jpg) 50% 50%/cover no-repeat
}

.page-entry .nav__ttl {
  position: relative;
  top: -25px;
  left: -94px;
  width: 547px;
  margin-inline: auto
}

.page-entry .nav__tabs {
  border: 1px solid #807473;
  border-width: 1px 0;
  padding-block-end: 70px
}

.page-entry .nav__tabs.nav-tab1-tab {
  background-color: #f0e8df
}

.page-entry .nav__tabs.nav-tab2-tab {
  background-color: #dde7e8
}

.page-entry .nav__tab-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -53px;
  gap: 15px
}

.page-entry .nav__tab-button {
  overflow: hidden;
  width: 170px;
  padding: 0;
  cursor: pointer;
  border: 1px solid #807473;
  border-radius: 5px 5px 0 0
}

.page-entry .nav__tab-button[aria-selected=true] {
  border-bottom-color: #f0e8df
}

.page-entry .nav__tab-button#nav-tab2-tab[aria-selected=true] {
  border-bottom-color: #dde7e8
}

.page-entry .nav__tab-contents {
  width: 1100px;
  margin-block-start: var(--s3);
  margin-inline: auto
}

.page-entry .nav__tab-content-table {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-image: url(/lp/lovecotton/images/2024ss/img-navi-dottline.png), url(/lp/lovecotton/images/2024ss/img-navi-dottline.png);
  background-repeat: no-repeat;
  background-position: 0 50%, 100% 50%;
  background-size: 521px 2px;
  gap: 55px 0
}

.page-entry .nav__tab-content-table .tr {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 520px;
  gap: 0 20px
}

.page-entry .nav__tab-content-table .th img {
  width: 23px
}

.page-entry .nav__tab-content-table .td a {
  width: 145px
}

.page-entry .ninki {
  margin-block-start: 95px
}

.page-entry .ninki__image {
  width: 800px;
  margin-block-start: var(--s4);
  margin-inline: auto
}

.page-entry .ninki__fukidashi {
  margin-block-start: var(--s2)
}

.page-entry .ninki__fukidashi>*+* {
  margin-block-start: var(--s0)
}

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

.page-entry .ninki__fukidashi * {
  --font-size: 1.6;
  font-size: calc(var(--font-size)*1rem*.714285714)
}

.page-entry .ninki__fukidashi sup {
  font-size: .75em
}

.page-entry .ninki__fukidashi>div:last-child {
  width: 800px;
  height: 67px;
  background: url(/lp/lovecotton/images/2024ss/img-ninki-fukidasi.png) 0 0/cover no-repeat;
  margin-inline: auto
}

.page-entry .ninki__bnr {
  display: block;
  width: 440px
}

.page-entry .ninki__bnr-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 900px;
  gap: var(--s1) 0;
  margin-block-start: var(--s4);
  margin-inline: auto
}

.page-entry .ninki__bnr-wrapper>p {
  font-size: 1.2857142852rem;
  font-weight: 700;
  width: 100%;
  text-align: center
}

.page-entry .allseason .c-sec__header-image {
  background-image: url(/lp/lovecotton/images/2024ss/bar-cotton.jpg)
}

.page-entry .ss .c-sec__header-image {
  background-image: url(/lp/lovecotton/images/2024ss/bar-ss.jpg)
}

.page-entry .aw .c-sec__header-image {
  background-image: url(/lp/lovecotton/images/2024ss/bar-aw.jpg)
}

.page-entry .brands {
  position: relative;
  background: url(/lp/lovecotton/images/2024ss/bg-brand.png) 50% 70%/1250px 333px no-repeat;
  padding-block-end: 150px
}

.page-entry .brands .c-sec__label {
  position: absolute;
  top: 30px;
  left: 20px
}

.page-entry .brands__ttl {
  position: relative;
  top: 80px;
  width: 298px;
  margin-block-end: 80px;
  margin-inline: auto
}

.page-entry .brand {
  width: 465px
}

.page-entry .brand>*+* {
  margin-block-start: var(--s1)
}

.page-entry .brand__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 122px;
  margin-block-start: var(--s6)
}

.page-entry .brand__ttl {
  width: calc(var(--w)*.5);
  margin-inline: auto;
  --w: 154px
}

.page-entry .brand__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px
}

.page-entry .brand__list-item {
  width: 220px
}

.page-entry .colums {
  background-color: #f0e8df
}

.page-entry .colums .c-sec__header-image {
  background-image: url(/lp/lovecotton/images/2024ss/bar-cotton.jpg)
}

.page-entry .colums .c-sec__header {
  align-items: flex-start
}

.page-entry .colums__ttl {
  position: relative;
  top: -100px;
  width: 383px;
  margin-block-end: -100px;
  margin-inline: auto
}

.page-entry .colums__footer-image {
  height: 100px;
  background: url(/lp/lovecotton/images/2024ss/bar-cotton.jpg) 50% 50%/cover no-repeat;
  margin-block-start: var(--s5)
}

.page-entry .colum__wrapper {
  width: 1100px;
  margin-block-start: var(--s4);
  margin-inline: auto
}

.page-entry .colum__wrapper>*+* {
  margin-block-start: var(--s5)
}

.page-entry .colum__wrapper p {
  --font-size: 1.8rem;
  font-size: calc(var(--font-size)*var(--rem))
}

.page-entry .colum__ttl {
  font-size: 2.142857142rem;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  text-align: center;
  background-color: #e6e65c;
  padding-block: .675em
}

.page-entry .colum__ttl:before {
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%)
}

.page-entry .colum__ttl:after {
  right: 0;
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
  clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.page-entry .colum__ttl:before,
.page-entry .colum__ttl:after {
  position: absolute;
  top: 0;
  display: block;
  width: 20px;
  height: 100%;
  content: "";
  background-color: #f0e8df
}

.page-entry .colum__ttl+* {
  margin-block-start: var(--s2)
}

.page-entry .colum__fukidashi {
  font-size: 1.2857142852rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 800px;
  gap: 0 var(--s1);
  margin-inline: auto
}

.page-entry .colum__fukidashi--rev {
  flex-direction: row-reverse
}

.page-entry .colum__fukidashi+* {
  margin-block-start: var(--s3)
}

.page-entry .colum__fukidashi-icon {
  width: 80px;
  height: 66px;
  background: url(/lp/lovecotton/images/2024ss/img-study1.png) 0 0/cover no-repeat
}

.page-entry .colum__fukidashi-icon+p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(100% - 203px)
}

.page-entry .colum__fukidashi-icon--2 {
  height: 66.5px;
  background-image: url(/lp/lovecotton/images/2024ss/img-study2.png)
}

.page-entry .colum__fukidashi-icon--3 {
  height: 86.5px;
  background-image: url(/lp/lovecotton/images/2024ss/img-study3.png)
}

.page-entry .colum__body {
  width: 600px;
  margin-inline: auto
}

.page-entry .colum__body>*+* {
  margin-block-start: var(--s3)
}

.page-entry .colum__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--s0)
}

.page-entry .colum__item-wrapper {
  display: -ms-grid;
  display: grid;
  align-items: start;
  gap: var(--s2) var(--s4);
  -ms-grid-columns: 1fr var(--s4) 1fr var(--s4) 1fr;
  grid-template-columns: repeat(3, 1fr)
}

.page-entry .colum__item-wrapper p {
  --font-size: 1.6rem
}

.page-entry .colum__item-ttl {
  font-size: 1.5714285708rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 0 var(--s-1)
}

.page-entry .colum__item-ttl>span:first-child:not(:last-child) {
  width: 35px
}

.page-entry .colum__item-img {
  width: 150px
}

.page-entry .colum__item-img--2 {
  width: 150px
}

.page-entry .colum__item-txt {
  flex: 1 0 0
}

.page-entry .colum__item-txt small {
  font-size: .8571428568rem
}

.page-entry .colum__item .c-link {
  font-size: 1.1428571424rem;
  width: 100% !important;
  text-align: center;
  color: #807473;
  border: 1px solid #b4a9a8;
  background-color: white;
  padding-block: .75em
}

.page-entry .colum__item .c-link [class^=c-ico] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  margin-right: var(--s1)
}

.page-entry .colum__item-link-wrapper {
  width: 100%;
  margin-block-start: var(--s0)
}

.page-entry .colum__item-link-wrapper>*+* {
  margin-block-start: var(--s1)
}

.page-entry .colum__table {
  font-size: 1.071428571rem;
  width: 600px;
  border: 1px solid #807473;
  margin-inline: auto
}

.page-entry .colum__table thead {
  font-size: 1.7142857136rem;
  background: #b4a9a8
}

.page-entry .colum__table thead tr th+th {
  width: 28.5%;
  border-left: 1px solid #807473
}

.page-entry .colum__table thead th {
  padding: .25em .5em;
  text-align: center;
  color: #fff
}

.page-entry .colum__table tbody th,
.page-entry .colum__table tbody td {
  padding: .5em
}

.page-entry .colum__table tbody tr+tr th,
.page-entry .colum__table tbody tr+tr td {
  border-top: 1px solid #807473
}

.page-entry .colum__table tbody th {
  font-weight: 700;
  text-align: center
}

.page-entry .colum__table tbody td {
  vertical-align: top;
  border-left: 1px solid #807473;
  background-color: #fff
}

.page-entry .colum__oteire {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2)
}

.page-entry .colum__oteire p {
  font-size: 1.1428571424rem
}

.page-entry .colum__oteire-ttl {
  width: 23px
}

.page-entry .colum__oteire-body {
  display: -ms-grid;
  display: grid;
  align-items: start;
  width: 1000px;
  padding: 64px 77px;
  border: 3px solid #807473;
  background-color: #dde7e8;
  gap: var(--s4);
  -ms-grid-columns: 1fr var(--s4) 1fr;
  grid-template-columns: repeat(2, 1fr)
}

.page-entry .colum__oteire-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--s0)
}

.page-entry .colum__oteire-item-ttl {
  font-size: 1.7142857136rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 0 var(--s1)
}

.page-entry .colum__oteire-item-ttl span:first-child {
  width: 64px
}

.page-entry .colum__oteire-item-ttl span:first-child+* {
  flex: 1 0 0
}

.page-entry .colum__oteire-item-img {
  width: 100px
}

.page-entry .colum__oteire-item p {
  flex: 1 0 0
}

.page-entry .colum__oteire-item p small {
  font-size: .8571428568rem
}

.page-entry .colum__img {
  width: 208px;
  margin-block-start: var(--s2);
  margin-inline: auto
}

.page-entry .colum__img2 {
  width: 333px;
  margin-block-start: var(--s3);
  margin-inline: auto
}

.page-entry .colum__link-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 75px;
  margin-block-start: var(--s5)
}

.page-entry .colum__link-wrapper>a {
  font-size: 1.7142857136rem !important
}

.page-entry h1,
.page-entry h2,
.page-entry h3,
.page-entry h4,
.page-entry h5,
.page-entry h6 {
  color: #807473
}

.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: #807473;
  border-bottom: 0
}

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

.page-entry sup {
  font-size: .75em;
  vertical-align: top
}

.page-entry a {
  color: #807473
}

.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
}

.page-entry .ss__note {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
}

.page-entry .cms-Ctrl_ItemPrice_Normal {
  font-weight: 700
}

.page-entry .cms-Ctrl_ItemPrice_Normal .page-Campaign_Price {
  font-size: 1.4999999994rem
}

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

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

@media(any-hover:hover) {
  .page-entry .nav__tab-button:hover {
    transition: opacity .2s;
    opacity: .8
  }
}