img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

@media (max-width: 900px) {
  img {
    width: 100%;
  }
}

.for-pc {
  display: block !important;
}

@media (max-width: 900px) {
  .for-pc {
    display: none !important;
  }
}

.for-sp {
  display: none !important;
}

@media (max-width: 900px) {
  .for-sp {
    display: block !important;
  }
}

img.for-pc, span.for-pc, br.for-pc {
  display: inline !important;
}

@media (max-width: 900px) {
  img.for-pc, span.for-pc, br.for-pc {
    display: none !important;
  }
}

img.for-sp, span.for-sp, br.for-sp {
  display: none !important;
}

@media (max-width: 900px) {
  img.for-sp, span.for-sp, br.for-sp {
    display: inline !important;
  }
}

.cool {
  width: 1170px;
  margin: 0 auto;
  color: #373b3e;
}

@media (max-width: 900px) {
  .cool {
    width: 100%;
  }
}

.cool-content {
  position: relative;
  padding: 0 85px 100px;
  background: #ebf9ff url(/img/freepage/feature_cool_20210701/images/content_bg_0701.png) center 0 no-repeat;
}

@media (max-width: 900px) {
  .cool-content {
    padding: 0 0 18.6vw;
    background: #ebf9ff url(/img/freepage/feature_cool_20210701/images/content_bg_sp_0701.png) center 0 no-repeat;
    background-size: 100%;
  }
}

.cool-content__ttl {
  margin-bottom: 40px;
  padding: 28px 0 0 40px;
  text-align: center;
}

@media (max-width: 900px) {
  .cool-content__ttl {
    margin-bottom: 10vw;
    padding: 1vw 0 0 2vw;
  }
  .cool-content__ttl img {
    width: 84vw;
  }
}

.cool-product {
  position: relative;
  padding: 60px;
  background: #fff;
}

@media (max-width: 900px) {
  .cool-product {
    padding: 0;
    background: none;
  }
}

.cool-product + .cool-product {
  margin-top: 70px;
}

@media (max-width: 900px) {
  .cool-product + .cool-product {
    margin-top: 20vw;
  }
}

@media (max-width: 900px) {
  .cool-product__inner {
    padding-bottom: 8vw;
    background: #fff;
  }
}

.cool-product__primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media (max-width: 900px) {
  .cool-product__primary {
    display: block;
    padding: 7.7vw 6.4vw 0;
  }
  .cool-product__primary::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13.3vw 50vw 0 50vw;
    border-color: #ebf9ff transparent transparent transparent;
  }
}

.cool-product__secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  padding: 50px 0 20px;
  border-top: 1px solid #c5c5c5;
}

@media (max-width: 900px) {
  .cool-product__secondary {
    display: block;
    margin-top: 0;
    padding: 10vw 6.4vw 0;
    border-top: none;
  }
}

.cool-product__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 50%;
}

@media (max-width: 900px) {
  .cool-product__img {
    width: 100%;
  }
  .cool-product__primary .cool-product__img {
    margin-top: -15vw;
  }
}

.cool-product__img.WMWC {
  padding: 20px 0 20px 20px;
}

@media (max-width: 900px) {
  .cool-product__img.WMWC {
    padding: 12vw 0 0;
  }
}

.cool-product__img.MTKG {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 900px) {
  .cool-product__img.MTKG {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.cool-product__img a {
  display: block;
  width: 100%;
  text-align: center;
  -webkit-transition: .5s;
  transition: .5s;
}

.cool-product__img a:hover {
  opacity: 0.7;
}

.cool-product__img a img {
  width: auto;
  max-height: 100%;
}

.cool-product__img .MLGQ {
  height: 420px;
}

@media (max-width: 900px) {
  .cool-product__img .MLGQ {
    height: 75vw;
  }
}

.cool-product__img .MLDQ {
  height: 348px;
}

@media (max-width: 900px) {
  .cool-product__img .MLDQ {
    height: 67.7vw;
  }
}

.cool-product__img .MLHQ {
  height: 411px;
}

@media (max-width: 900px) {
  .cool-product__img .MLHQ {
    height: 75.46vw;
  }
}

.cool-product__img .MLIQ {
  height: 348px;
}

@media (max-width: 900px) {
  .cool-product__img .MLIQ {
    height: 68vw;
  }
}

.cool-product__img .MLSI {
  height: 428px;
}

@media (max-width: 900px) {
  .cool-product__img .MLSI {
    height: 77vw;
  }
}

.cool-product__img .MLSV {
  height: 336px;
}

@media (max-width: 900px) {
  .cool-product__img .MLSV {
    height: 66vw;
  }
}

.cool-product__img .BASB {
  height: 440px;
}

@media (max-width: 900px) {
  .cool-product__img .BASB {
    height: 80vw;
  }
}

.cool-product__img .MTKG {
  height: 468px;
}

@media (max-width: 900px) {
  .cool-product__img .MTKG {
    height: 71vw;
  }
}

.cool-product__img .WMWC {
  height: 496px;
}

@media (max-width: 900px) {
  .cool-product__img .WMWC {
    height: 110vw;
  }
}

.cool-product__img .DLFX {
  height: 426px;
}

@media (max-width: 900px) {
  .cool-product__img .DLFX {
    height: 81.6vw;
  }
}

.cool-product__batch {
  position: absolute;
  top: 0;
  left: 0;
  width: 116px;
  pointer-events: none;
}

@media (max-width: 900px) {
  .cool-product__batch {
    top: 19vw;
    left: 5vw;
    width: 21.3vw;
  }
  .WMWC .cool-product__batch {
    top: 16vw;
    left: 0;
    bottom: auto;
  }
}

.cool-product__batch__img + .cool-product__batch__img {
  margin-top: 20px;
}

@media (max-width: 900px) {
  .cool-product__batch__img + .cool-product__batch__img {
    margin-top: 3.73vw;
  }
}

.cool-product__tama {
  display: block;
  position: absolute;
  width: 132px;
  left: 0;
  bottom: 16px;
}

@media (max-width: 900px) {
  .cool-product__tama {
    width: 30vw;
    left: auto;
    right: 0;
    bottom: 5.3vw;
  }
}

.cool-product__detail {
  width: 50%;
}

.cool-product__detail p {
  letter-spacing: 0.05em;
}

@media (max-width: 900px) {
  .cool-product__detail {
    width: 100%;
  }
}

.cool-product__ttl {
  position: relative;
  font-size: 24px;
}

@media (max-width: 900px) {
  .cool-product__ttl {
    margin-bottom: 14vw;
    font-size: 4.8vw;
    text-align: center;
  }
}

.cool-product__description {
  margin-top: 1em;
  font-size: 16px;
}

@media (max-width: 900px) {
  .cool-product__description {
    padding-bottom: 8vw;
    font-size: 4.26vw;
    text-align: center;
  }
  .cool-product__secondary .cool-product__description {
    margin-top: 0;
    font-size: 4.8vw;
  }
}

.is--color__blue01 .cool-product__description {
  color: #6e99b3;
}

.is--color__blue02 .cool-product__description {
  color: #1f6bbf;
}

.is--color__blue03 .cool-product__description {
  color: #2743cf;
}

@media (max-width: 900px) {
  .is--color__blue03 .cool-product__description {
    letter-spacing: -.036em;
  }
}

.is--color__blue04 .cool-product__description {
  color: #092876;
}

.is--color__blue05 .cool-product__description {
  color: #57b3ca;
}

.is--color__pink .cool-product__description {
  color: #ca97a3;
}

.is--color__beige .cool-product__description {
  color: #daa18a;
}

.cool-product__description sup {
  font-size: 0.5em;
}

.cool-product__thumb {
  width: 240px;
  margin-top: 20px;
}

@media (max-width: 900px) {
  .cool-product__thumb {
    width: 100%;
    margin-top: 18vw;
  }
}

.cool-product__brand {
  margin-top: 1em;
  font-size: 18px;
}

@media (max-width: 900px) {
  .cool-product__brand {
    margin-top: 0;
    padding-top: 1em;
    font-size: 4vw;
    text-align: center;
    border-top: 1px solid #c5c5c5;
  }
  .cool-product__secondary .cool-product__brand {
    border-top: none;
  }
}

.cool-product__name {
  font-size: 22px;
}

@media (max-width: 900px) {
  .cool-product__name {
    font-size: 4.8vw;
    text-align: center;
    letter-spacing: -0.01em !important;
  }
}

.cool-product__spec {
  text-align: left;
  font-size: 14px;
}

@media (max-width: 900px) {
  .cool-product__spec {
    font-size: 3.46vw;
    text-align: center;
  }
}

.cool-product__price {
  margin: 0 0 0 .5em;
  font-size: 27px;
}

@media (max-width: 900px) {
  .cool-product__price {
    font-size: 6vw;
  }
}

.cool-product__cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  max-width: 320px;
  min-height: 60px;
  background-image: url(/img/freepage/feature_cool_20210701/images/type_cart_icon.png);
  background-position: 40px center;
  background-size: 21px;
  background-repeat: no-repeat;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 8px 0 0 #dcdcdc;
  box-shadow: 0 8px 0 0 #dcdcdc;
  -webkit-transition: .2s;
  transition: .2s;
}

@media (max-width: 900px) {
  .cool-product__cart {
    max-width: 100%;
    min-height: 16.2vw;
    -webkit-box-shadow: 0 1vw 0 0 #dcdcdc;
    box-shadow: 0 1vw 0 0 #dcdcdc;
  }
}

.cool-product__cart:hover {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.cool-product__cart__box .cool-product__cart {
  width: 220px;
  padding-left: 2%;
  background-position: 25px center;
}

@media (max-width: 900px) {
  .cool-product__cart__box .cool-product__cart {
    width: 52vw;
    padding-left: 1%;
    background-position: 8% center;
  }
  .cool-product__cart__box .cool-product__cart span {
    font-size: 4vw;
  }
}

.cool-product__cart span {
  font-size: 16px;
  letter-spacing: 0.1em;
}

@media (max-width: 900px) {
  .cool-product__cart span {
    font-size: 4.6vw;
  }
}

.cool-product__cart::after {
  display: block;
  content: '';
  position: absolute;
  right: 15px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.is--color__blue01 .cool-product__cart {
  background-color: #84abc3;
}

.is--color__blue02 .cool-product__cart {
  background-color: #5d86ca;
}

.is--color__blue03 .cool-product__cart {
  background-color: #2743cf;
}

.is--color__blue04 .cool-product__cart {
  background-color: #092876;
}

.is--color__blue05 .cool-product__cart {
  background-color: #67c6dc;
}

.is--color__pink .cool-product__cart {
  background-color: #d5aab4;
}

.is--color__beige .cool-product__cart {
  background-color: #e8b6a1;
}

.cool-product__cart__wrap {
  margin-top: 20px;
}

.cool-product__cart__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 14px 0 20px;
  border-top: 1px solid #c5c5c5;
}

@media (max-width: 900px) {
  .cool-product__cart__box:first-of-type {
    border-top: none;
  }
}

.cool-product__cart__color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 900px) {
  .cool-product__cart__color {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 33vw;
  }
}

.cool-product__cart__color__txt {
  margin-right: 10px;
  font-size: 14px;
}

@media (max-width: 900px) {
  .cool-product__cart__color__txt {
    margin-right: 0;
    font-size: 3.73vw;
  }
}

.cool-product__cart__color__txt.is--color01 {
  color: #f0ad79;
}

.cool-product__cart__color__txt.is--color02 {
  color: #de996e;
}

.cool-product__cart__color__tama {
  width: 77px;
}

@media (max-width: 900px) {
  .cool-product__cart__color__tama {
    width: 19.6vw;
  }
}

.cool-product__caution {
  text-align: right;
  font-size: 12px;
  color: #858585;
}

@media (max-width: 900px) {
  .cool-product__caution {
    margin-top: 2.5em;
    padding: 0 6.4vw;
    text-align: left;
    font-size: 2.93vw;
  }
}

.cool-product__info {
  display: block;
  width: 19em;
  margin: 2.5em 0 0 auto;
  padding: 0 0 0 .7em;
  border: 1px solid #ff449c;
  font-size: 14px;
  color: #ff449c;
  line-height: 2.1;
  text-align: center;
}

@media (max-width: 900px) {
  .cool-product__info {
    width: 86.8vw;
    margin: 2.1em auto 0;
    padding: 0;
    font-size: 3.2vw;
  }
}

.cool-product__point {
  margin-top: 50px;
}

@media (max-width: 900px) {
  .cool-product__point {
    margin-top: 9.3vw;
    padding: 0 6.4vw;
  }
}

.cool-product__point + .cool-product__point {
  margin: 18px 0 30px;
}

@media (max-width: 900px) {
  .cool-product__point + .cool-product__point {
    margin: 2.6vw 0 0;
  }
}

.cool-bnr {
  margin: 100px auto;
  text-align: center;
}

@media (max-width: 900px) {
  .cool-bnr {
    margin: 16vw 0;
    padding: 0 6.4vw;
  }
}

.cool-bnr a {
  -webkit-transition: .5s;
  transition: .5s;
}

.cool-bnr a:hover {
  opacity: 0.7;
}