@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

:root {
	--vh: 0!important;
	--rem: 10px!important
}
@media screen and (max-width:1280px){
    :root{
        --rem:calc(10vw/1280*100)!important
    }
}
@media screen and (max-width:767px) {
	:root {
		--rem: calc(10vw/750*100)!important
	}
}

@media screen and (max-width:767px) {
	.display-pc {
		display: none!important;
	}
}
@media screen and (min-width:768px) {
	.display-sp {
		display: none!important;
	}
}

/* ECbeingのwrapper_上のマージン調整 */
body .wrapper_ {
	padding: 0;
}
#wrapper:before,
.wrapper:before {
	display: none!important
}
/* ECbeingの自動出力パンくず非表示 */
.contents_ .navitopicpath_ {
    display: none;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .breadcrumb {
        padding-top: 15px !important;
    }
}
.coolmain .video-wrap {
    outline: 5px solid #fff;
    outline-offset: -5px;
}
.coolmain {
    color: #1a312d;
}
.coolmain em {
    font-style: normal;
}
.coolmain a {
    text-decoration: auto;
}
.coolmain button {
    border: none;
}
body img {
    height: auto;
}
#wrapper {
    min-width: inherit!important;
}

.coolmain .section {

}
.coolmain .section .section__inner{
	padding: 0 calc(10*var(--rem));
    margin-left:auto;
    margin-right:auto
}
@media screen and (min-width:768px) {
    .coolmain .section .section__inner{
        max-width:calc(130*var(--rem));
    }
}
@media screen and (max-width:767px){
    .coolmain .section .section__inner{
        padding-right:calc(6*var(--rem));
        padding-left:calc(6*var(--rem));
        box-sizing:border-box
    }
}
.coolmain [data-anim] {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.coolmain [data-anim=top] {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}
.section.special {
    margin-top: 0;
}

/* overlay at start */
.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-wrap .mfp-content,
.mfp-wrap .mfp-arrow {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-wrap.mfp-ready .mfp-content,
.mfp-wrap.mfp-ready .mfp-arrow {
  opacity: 1;
}
/* content animate out */
.mfp-wrap.mfp-removing .mfp-content,
.mfp-wrap.mfp-removing .mfp-arrow {
  opacity: 0;
}
.mfp-arrow {
    width: 70px;
    height: 90px;
}
.mfp-arrow:before,
.mfp-arrow:after {
    border-width: 0px;
}
.mfp-container .mfp-arrow {
    background-size: contain;
}
.mfp-container .mfp-arrow.mfp-arrow-left {
    background-image: url(../img/ic-mfp-arrow-left.png);
}
.mfp-container .mfp-arrow.mfp-arrow-right {
    background-image: url(../img/ic-mfp-arrow-right.png);
}

.cool-h2 {
    text-align: center;
    color: #005ab7;
}
.cool-h2:not(:first-child) {
    margin-top: calc(9*var(--rem));
}
.cool-h2__eng {
    line-height: 1;
    font-size: calc(4.6*var(--rem));
    font-family: "helvetica-lt-pro", sans-serif;
    font-weight: 300;
    letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
    .cool-h2__eng {
        font-size: calc(7.2*var(--rem));
    }
}
.cool-h2__eng small {
    font-size: calc(4*var(--rem));
}
@media screen and (max-width: 767px) {
    .cool-h2__eng small {
        font-size: calc(6*var(--rem));
    }
}
.cool-h2__ja {
    margin-top: calc(1*var(--rem));
    font-size: calc(1.6*var(--rem));
}
@media screen and (max-width: 767px) {
    .cool-h2__ja {
        margin-top: calc(1.5*var(--rem));
        font-size: calc(3*var(--rem));
    }
}
.cool-h2__lead {
    text-align: center;
    margin-top: calc(4*var(--rem));
    font-size: calc(2.4*var(--rem));
}
@media screen and (max-width: 767px) {
    .cool-h2__lead {
        margin-top: calc(3*var(--rem));
        font-size: calc(3.6*var(--rem));
    }
}

/*========================================
  KV
========================================*/

.coolmain .kv {
    position: relative;
}
.coolmain .kv.coolmain .kv--mall {
    margin-top: calc(7*var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .kv.kv--mall {
        margin-top: calc(12.2*var(--rem));
    }
}
.coolmain .kv .kv__img img {
    width: 100%;
}

/*========================================
  リード
========================================*/
.coolmain .lead {
    padding: calc(15 * var(--rem)) 0;
    background-size: cover;
    background-position: center bottom;
}
@media screen and (max-width: 767px) {
    .coolmain .lead {
        padding: calc(8.5 * var(--rem)) 0;
    }
}
.coolmain .lead.lead--poncho {
    background-image: url(../img/bg-lead-poncho_pc.jpg);
}
@media screen and (max-width: 767px) {
    .coolmain .lead.lead--poncho {
        background-image: url(../img/bg-lead-poncho_sp.jpg);
    }
}
.coolmain .lead.lead--towel {
    background-image: url(../img/bg-lead-towel_pc.jpg);
}
@media screen and (max-width: 767px) {
    .coolmain .lead.lead--towel {
        background-image: url(../img/bg-lead-towel_sp.jpg);
    }
}
.coolmain .lead.lead--armcover {
    background-image: url(../img/bg-lead-armcover_pc.jpg);
}
@media screen and (max-width: 767px) {
    .coolmain .lead.lead--armcover {
        background-image: url(../img/bg-lead-armcover_sp.jpg);
    }
}
.coolmain .lead .lead__box {
    width: calc(61 * var(--rem));
    color: #ffffff;
}
@media screen and (max-width: 767px) {
    .coolmain .lead .lead__box {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .lead__box__logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: calc(56 * var(--rem));
    }
}
.coolmain .lead .lead__box .lead__box__head {
    margin-top: calc(5 * var(--rem));
    line-height: 1;
    font-size: calc(4.4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .lead .lead__box .lead__box__head {
        margin-top: calc(8 * var(--rem));
        line-height: calc(91/62);
        font-size: calc(6.2 * var(--rem));
    }
}
.coolmain .lead .lead__box .lead__box__lead {
    margin-top: calc(2 * var(--rem));
    line-height: 1.5;
    font-size: calc(2.4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .lead .lead__box .lead__box__lead {
        margin-top: calc(3 * var(--rem));
        line-height: 1.5;
        font-size: calc(3.4 * var(--rem));
    }
}
.coolmain .lead .lead__box .lead__box__lead em {
    font-size: calc(3.4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .lead .lead__box .lead__box__lead em {
        font-size: calc(5 * var(--rem));
    }
}
.coolmain .lead .lead__box .lead__box__icons {
    margin-top: calc(3.5 * var(--rem));
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
@media screen and (max-width: 767px) {
    .coolmain .lead .lead__box .lead__box__icons {
        margin-top: calc(6 * var(--rem));
    }
}
.coolmain .lead .lead__box .lead__box__icons .lead__box__icons__item {
    width: calc(9 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .lead .lead__box .lead__box__icons .lead__box__icons__item {
        width: calc(13 * var(--rem));
    }
}
.coolmain .lead .lead__box .lead__box__icons .lead__box__icons__item:nth-child(n+2) {
    margin-left: calc(2 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .lead .lead__box .lead__box__icons .lead__box__icons__item:nth-child(n+2) {
        margin-left: calc(2 * var(--rem));
    }
}

/*========================================
  シーン
========================================*/
.coolmain .scene {
    padding: calc(11 * var(--rem)) 0;
}
@media screen and (max-width: 767px) {
    .coolmain .scene {
        padding: calc(12 * var(--rem)) 0;
    }
}
.coolmain .scene .scene__lead {
    margin-top:  calc(3.5 * var(--rem));
    text-align: center;
    font-size: calc(3 * var(--rem));
    letter-spacing: 0.014em;
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__lead {
        margin-top:  calc(5 * var(--rem));
        font-size: calc(4.4 * var(--rem));
    }
}
.coolmain .scene .scene__lead em {
    color: #005ab7;
    border-bottom: 1px solid #005ab7;
    padding-bottom: 0.2em;
}
.coolmain .scene .scenelists-wrap {
    margin-top: calc(5.5 * var(--rem));
}
@media screen and (min-width: 768px) {
    .coolmain .scene .scene__lists {
        padding-left: calc((100% - 110 * var(--rem)) / 2);
        padding-bottom: calc(4 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__lists {
        padding-bottom: calc(5.5 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__lists {
        padding-left: calc(6 * var(--rem));
    }
}
@media screen and (min-width: 768px) {
    .coolmain .scenelists-wrap.scene-min .scene__lists {
        display: flex;
        justify-content: center;
        padding-left: 0;
    }
}
.coolmain .scene .scene__lists__item {
    width: calc(42 * var(--rem))!important;
    margin: 0 calc(1 * var(--rem));
    overflow: hidden;
    position: relative;
    border-radius: calc(1 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__lists__item {
        width: calc(60 * var(--rem))!important;
        margin: 0 calc(1.5 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .coolmain .scenelists-wrap.scene-min .scene__lists__item {
        width: calc(50 * var(--rem)) !important;
    }
}
.coolmain .scene .scene__lists__item .scene__lists__item__purpose {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #005ab7;
    color: #ffffff;
    line-height: 1;
    padding: calc(1 * var(--rem)) calc(1.5 * var(--rem));
    font-size: calc(1.6 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__lists__item .scene__lists__item__purpose {
        padding: calc(1.4 * var(--rem)) calc(2.5 * var(--rem));
        font-size: calc(2.2 * var(--rem));
    }
}
.coolmain .scene .scene__lists .slick-arrow {
    font-size: 0;
    position: absolute;
    bottom: calc(-0.5 * var(--rem));
    width: calc(1 * var(--rem));
    height: calc(1.867 * var(--rem));
    background-color: transparent;
    background-image: url(/assets/wellness/sixpad/cool/img/ic-slick-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__lists .slick-arrow {
        bottom: calc(-0.7 * var(--rem));
        width: calc(1.6 * var(--rem));
        height: calc(2.8 * var(--rem));
    }
}
.coolmain .scene .scene__lists .slick-arrow.slick-prev {
    transform: scale(-1,1);
    left: calc(50% - 7 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__lists .slick-arrow.slick-prev {
        left: calc(50% - 12 * var(--rem));
    }
}
.coolmain .scene .scene__lists .slick-arrow.slick-next {
    right: calc(50% - 7 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__lists .slick-arrow.slick-next {
        right: calc(50% - 12 * var(--rem));
    }
}
.coolmain .scene .scene__lists .slick-dots {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: max-content;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.coolmain .scene .scene__lists .slick-dots button {
    font-size: 0;
    width: calc(0.8 * var(--rem));
    height: calc(0.8 * var(--rem));
    border: 1px solid #005ab7;
    background-color: #fff;
    border-radius: calc(0.8 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__lists .slick-dots button {
        width: calc(1.6 * var(--rem));
        height: calc(1.6 * var(--rem));
        border-radius: calc(1.6 * var(--rem));
    }
}
.coolmain .scene .scene__lists .slick-dots li {
    line-height: 0;
    height: calc(0.8 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__lists .slick-dots li {
        height: calc(1.6 * var(--rem));
    }
}
.coolmain .scene .scene__lists .slick-dots li:not(:first-child) button {
    margin-left: calc(0.8 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__lists .slick-dots li:not(:first-child) button {
        margin-left: calc(1.6 * var(--rem));
    }
}
.coolmain .scene .scene__lists .slick-dots li.slick-active button {
   background-color: #005ab7;
}

.coolmain .scene .scene__txt {
    margin-top:  calc(5 * var(--rem));
    text-align: center;
    font-size: calc(2 * var(--rem));
    letter-spacing: 0.014em;
}
@media screen and (max-width: 767px) {
    .coolmain .scene .scene__txt {
        text-align: left;
        margin-top:  calc(6 * var(--rem));
        font-size: calc(3 * var(--rem));
    }
}

/*========================================
  アンカーリスト
========================================*/
.coolmain .info {
    position: relative;
    z-index: 2;
    padding-top: calc(12 * var(--rem));
    padding-bottom: calc(14 * var(--rem));
    background-color: #eaf6f9;
}
@media screen and (max-width: 767px) {
    .coolmain .info {
        padding-top: calc(11 * var(--rem));
        padding-bottom: calc(12 * var(--rem));
    }
}

.coolmain .info .info__lists {
    display: flex;
    gap: calc(2 * var(--rem));
    justify-content: center;
    margin-top: calc(5.5*var(--rem));
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 767px) {
    .coolmain .info .info__lists {
        flex-wrap: wrap;
        gap: calc(3 * var(--rem));
        margin-top: calc(6*var(--rem));
    }
}
.coolmain .info .info__lists__item {
    width: calc(26*var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .info .info__lists__item {
        width: calc(30*var(--rem));
    }
}
.coolmain .info .info__lists__item__anchor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    position: relative;
    padding-bottom: calc(4*var(--rem));
    height: calc(19*var(--rem));
    color: #0076c1;
    font-weight: 600;
    background-color: #ffffff;
    transition: opacity .5s;
}
@media screen and (max-width: 767px) {
    .coolmain .info .info__lists__item__anchor {
        width: 100%;
        padding-bottom: calc(5*var(--rem));
        height: calc(22*var(--rem));
    }
}
.coolmain .info .info__lists__item__anchor:hover {
    opacity: .7;
}
.coolmain .info .info__lists__item__anchor:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(4 * var(--rem));
    background: linear-gradient(180deg,rgba(0, 155, 232, 1) 0%, rgba(0, 44, 130, 1) 100%);
}
@media screen and (max-width: 767px) {
    .coolmain .info .info__lists__item__anchor:before {
        height: calc(5 * var(--rem));
    }
}
.coolmain .info .info__lists__item__name {
    position: absolute;
    width: 100%;
    bottom: calc(1.2 * var(--rem));
    left: 0;
    padding-left: calc(2 * var(--rem));
    color: #ffffff;
    font-size: calc(1.8*var(--rem));
    line-height: 1;
    z-index: 3;
}
@media screen and (max-width: 767px) {
    .coolmain .info .info__lists__item__name {
        bottom: calc(1.4 * var(--rem));
        padding-left: calc(3 * var(--rem));
        font-size: calc(2.4*var(--rem));
    }
}
.coolmain .info .info__lists__item__anchor .info__lists__item__name:before {
    content: "";
    display: block;
    position: absolute;
    right: calc(2.2 * var(--rem));
    top: 50%;
    transform: translateY(-50%);
    width: calc(2.2 * var(--rem));
    height: calc(2.2 * var(--rem));
    border-radius: calc(2.2 * var(--rem));
    background: #ffffff;
}
@media screen and (max-width: 767px) {
    .coolmain .info .info__lists__item__anchor .info__lists__item__name:before {
        right: calc(3 * var(--rem));
        width: calc(3 * var(--rem));
        height: calc(3 * var(--rem));
        border-radius: calc(3 * var(--rem));
    }
}
.coolmain .info .info__lists__item__anchor .info__lists__item__name:after {
    content: '';
    width: calc(0.6*var(--rem));
    height: calc(0.6*var(--rem));
    border-top: solid 2px #005ab7;
    border-right: solid 2px #005ab7;
    position: absolute;
    right: calc(2.9 * var(--rem));
    bottom: calc(0.6 * var(--rem));
    transform: rotate(135deg);
}
@media screen and (max-width: 767px) {
    .coolmain .info .info__lists__item__anchor .info__lists__item__name:after {
        width: calc(0.8*var(--rem));
        height: calc(0.8*var(--rem));
        right: calc(3.9 * var(--rem));
        bottom: calc(0.7 * var(--rem));
        border-width: 1px;
    }
}
@media screen and (max-width: 767px) {
    .coolmain .info .info__lists__item__name sup {
        font-size: calc(1.4*var(--rem));
    }
}
.coolmain .info .info__att {
    margin-top: calc(2*var(--rem));
    text-align: center;
    font-size: calc(1.4 * var(--rem));
    line-height: calc(18 / 15);
}
@media screen and (max-width: 767px) {
    .coolmain .info .info__att {
        margin-top: calc(3*var(--rem));
        font-size: calc(1.8 * var(--rem));
    }
}

/*========================================
  機能
========================================*/
.coolmain .function {
    position: relative;
    z-index: 2;
    padding-top: calc(11 * var(--rem));
    padding-bottom: calc(10 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .function {
        padding-top: calc(12 * var(--rem));
        padding-bottom: calc(10 * var(--rem));
    }
}
.coolmain .function .function-columns-wrap {
    margin-top: calc(7 * var(--rem));
    position: relative;
}
@media screen and (max-width: 767px) {
    .coolmain .function .function-columns-wrap {
        margin-top: calc(8 * var(--rem));
    }
}
.coolmain .function .function-columns-wrap + .function-columns-wrap {
    padding-top: calc(7 * var(--rem));
    border-top: 1px solid #b2d2e7;
}
@media screen and (max-width: 767px) {
    .coolmain .function .function-columns-wrap + .function-columns-wrap {
        padding-top: calc(8 * var(--rem));
    }
}
.coolmain .function .function-columns-wrap + .function-columns-wrap:before,
.coolmain .function .function-columns-wrap + .function-columns-wrap:after {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/assets/wellness/sixpad/cool/img/ic-function-line.jpg);
    display: block;
    width: calc(2 * var(--rem));
    height: calc(2 * var(--rem));
    position: absolute;
    top: calc(-1 * var(--rem));
}
.coolmain .function .function-columns-wrap + .function-columns-wrap:before {
    left: calc(-1 * var(--rem));
}
.coolmain .function .function-columns-wrap + .function-columns-wrap:after {
    right: calc(-1 * var(--rem));
}
.coolmain .function .cooling-effect__icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: calc(9 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .function .cooling-effect__icon {
        width: calc(11 * var(--rem));
    }
}
@media screen and (min-width: 768px) {
    .coolmain .function .cooling-effect-columns {
        margin-top: calc(4.5 * var(--rem));
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        gap: calc(6 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .coolmain .function .cooling-effect-columns {
        margin-top: calc(3.5 * var(--rem));
    }
}
.coolmain .function .cooling-effect-columns__column {
    overflow: hidden;
}
@media screen and (min-width: 768px) {
     .coolmain .function .cooling-effect-columns__column {
        width: 50%;
     }
}
.coolmain .function .cooling-effect__mainimg {
    width: 100%;
    height: auto;
}
@media screen and (min-width: 768px) {
    .coolmain .function .cooling-effect__mainimg {
        display: block;
        text-align: center;
    }
    .coolmain .function .cooling-effect__mainimg img {
        width: calc(46 * var(--rem));
    }
}
.coolmain .function .cooling-effect__h3 {
    font-size: calc(3 * var(--rem));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    .coolmain .function .cooling-effect__h3 {
        text-align: center;
        font-size: calc(5.2 * var(--rem));
    }
}
.coolmain .function .cooling-effect__h3 em {
    color: #005ab7;
    font-size: calc(4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .function .cooling-effect__h3 em {
        font-size: calc(7 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .coolmain .function .cooling-effect__mainimg {
        display: block;
        margin-top: calc(4 * var(--rem));
    }
}
.coolmain .function .cooling-effect__h4 {
    margin-top: calc(3 * var(--rem));
    font-size: calc(2 * var(--rem));
    text-align: center;
    background-color: #005ab7;
    color: #fff;
    line-height: 2;
}
@media screen and (max-width: 767px) {
    .coolmain .function .cooling-effect__h4 {
        margin-top: calc(7 * var(--rem));
        font-size: calc(2.8 * var(--rem));
    }
}
.coolmain .function .cooling-effect__txt {
    margin-top: calc(2 * var(--rem));
    font-size: calc(2 * var(--rem));
    line-height: calc(35/20);
}
@media screen and (max-width: 767px) {
    .coolmain .function .cooling-effect__txt {
        margin-top: calc(4 * var(--rem));
        font-size: calc(3 * var(--rem));
        line-height: calc(57/30);
    }
}

.coolmain .function .uvcut__icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: calc(9 * var(--rem));
}
@media screen and (min-width: 768px) {
    .coolmain .function .uvcut-columns {
        margin-top: calc(4.5 * var(--rem));
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        gap: calc(6 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .coolmain .function .uvcut-columns {
        margin-top: calc(3.5 * var(--rem));
    }
}
@media screen and (min-width: 768px) {
     .coolmain .function .uvcut-columns__column {
        width: calc(52 * var(--rem));
     }
}
@media screen and (max-width: 767px) {
    .coolmain .function .uvcut__mainimg {
        display: block;
        margin-top: calc(7 * var(--rem));
        margin-left: calc(-6 * var(--rem));
        margin-right: calc(-6 * var(--rem));
    }
}
.coolmain .function .uvcut__h3 {
    font-size: calc(3 * var(--rem));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    .coolmain .function .uvcut__h3 {
        text-align: center;
        font-size: calc(5.2 * var(--rem));
    }
}
.coolmain .function .uvcut__h3 em {
    color: #ff6c00;
    font-size: calc(4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .function .uvcut__h3 em {
        font-size: calc(7 * var(--rem));
    }
}
.coolmain .function .uvcut__h3 sup {
    font-size: calc(1.6 * var(--rem));
    position: relative;
    top: -1.4em;
    right: -0.2em;
}
@media screen and (max-width: 767px) {
    .coolmain .function .uvcut__h3 sup {
        font-size: calc(2.4 * var(--rem));
    }
}
.coolmain .function .uvcut__att {
    font-size: calc(1.5 * var(--rem));
    line-height: 2;
}
@media screen and (max-width: 767px) {
    .coolmain .function .uvcut__att {
        text-align: center;
        font-size: calc(2.2 * var(--rem));
        line-height: 1.6;
    }
}
.coolmain .function .uvcut__txt {
    margin-top: calc(2 * var(--rem));
    font-size: calc(2 * var(--rem));
    line-height: calc(35/20);
}
@media screen and (max-width: 767px) {
    .coolmain .function .uvcut__txt {
        margin-top: calc(4 * var(--rem));
        font-size: calc(3 * var(--rem));
        line-height: calc(57/30);
    }
}

.coolmain .function .function__h3 {
    text-align: center;
    font-size: calc(3 * var(--rem));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    .coolmain .function .function__h3 {
        text-align: center;
        font-size: calc(5.2 * var(--rem));
    }
}
.coolmain .function .function__h3 em {
    color: #005ab7;
    font-size: calc(4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .function .function__h3 em {
        font-size: calc(7 * var(--rem));
    }
}

.coolmain .function .function-columns {
    margin-top: calc(5 * var(--rem));
    display: flex;
    flex-wrap: nowrap;
    gap: calc(2 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .function .function-columns {
        flex-wrap: wrap;
        gap: calc(3 * var(--rem));
    }
}
.coolmain .function .function-columns__column {
    width: calc(26 * var(--rem));
    border: 1px solid #7facdb;
    padding: calc(3 * var(--rem)) calc(2.5 * var(--rem));
    min-height: calc(34 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .function .function-columns__column {
        width: calc(30 * var(--rem));
        min-height: calc(41 * var(--rem));
    }
}
.coolmain .function .function__h4 {
    margin-top: calc(1 * var(--rem));
    text-align: center;
    color: #005ab7;
    font-size: calc(2.6 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .function .function__h4 {
        margin-top: calc(1 * var(--rem));
        font-size: calc(3.3 * var(--rem));
    }
}
.coolmain .function .function__h4 sup {
    font-size: calc(1.4 * var(--rem));
    position: relative;
    top: -0.7em;
    right: -0.2em;
}
@media screen and (max-width: 767px) {
    .coolmain .function .function__h4 sup {
    font-size: calc(1.8 * var(--rem));
    }
}
.coolmain .function .function__txt {
    margin-top: calc(1 * var(--rem));
    font-size: calc(1.8 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .function .function__txt {
        margin-top: calc(1.5 * var(--rem));
        font-size: calc(2.4 * var(--rem));
    }
}
.coolmain .function .function__att {
    margin-top: calc(2 * var(--rem));
    text-align: center;
    font-size: calc(1.6 * var(--rem));
    line-height: 2;
}
@media screen and (max-width: 767px) {
    .coolmain .function .function__att {
        text-align: left;
        margin-top: calc(2 * var(--rem));
        font-size: calc(2 * var(--rem));
    }
}

/*========================================
  特徴
========================================*/
.coolmain .feature {
    position: relative;
    z-index: 2;
    padding-top: calc(11 * var(--rem));
    padding-bottom: calc(11 * var(--rem));
    background-color: #eaf6f9;
}
@media screen and (max-width: 767px) {
    .coolmain .feature {
        padding-top: calc(12 * var(--rem));
        padding-bottom: calc(12 * var(--rem));
    }
}
.coolmain .feature .feature-columns-wrap {
    margin-top: calc(5.5 * var(--rem));
}
.coolmain .feature .feature-columns {
    border-top: 2px solid #005ab7;
    background-color: #ffffff;
    padding: calc(4 * var(--rem));
}
@media screen and (min-width: 768px) {
    .coolmain .feature .feature-columns {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        min-height: calc(38.5 * var(--rem));
    }
    .coolmain .feature .feature-columns__column:nth-child(1) {
        order: 2;
        width: calc(55 * var(--rem));
    }
    .coolmain .feature .feature-columns__column:nth-child(2) {
        order: 1;
        width: calc(43 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature-columns__column:nth-child(2) {
        position: relative;
        margin-top: calc(4 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature-columns {
        padding: calc(2 * var(--rem)) calc(4 * var(--rem)) calc(4 * var(--rem)) calc(4 * var(--rem));
    }
}
.coolmain .feature .feature-columns + .feature-columns {
    margin-top: calc(3 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature-columns + .feature-columns {
        margin-top: calc(4.5 * var(--rem));
    }
}

.coolmain .feature .feature__img {
    display: block;
    border-radius: calc(1 * var(--rem));
    overflow: hidden;
}
.coolmain .feature .feature__num {
    line-height: 1;
    font-size: calc(2 * var(--rem));
    font-family: "helvetica-lt-pro", sans-serif;
    font-weight: 300;
    letter-spacing: -0.05em;
    color: #005ab7;
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__num {
        position: relative;
        margin-left: calc(-1.5 * var(--rem));
        margin-right: calc(-1.5 * var(--rem));
        font-size: calc(2.6 * var(--rem));
    }
}
.coolmain .feature .feature__num span {
    padding-left: calc(1.5 * var(--rem));
    font-size: calc(3.6 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__num span {
        position: absolute;
        top: 0;
        right: 0;
        padding-left: 0;
        font-size: calc(4 * var(--rem));
    }
}
.coolmain .feature .feature__h3 {
    margin-top: calc(2 * var(--rem));
    line-height: 1;
    font-size: calc(3 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__h3 {
        text-align: center;
        margin-top: calc(5 * var(--rem));
        font-size: calc(4.2 * var(--rem));
    }
}
.coolmain .feature .feature__txt {
    margin-top: calc(1.5 * var(--rem));
    font-size: calc(2 * var(--rem));
    line-height: calc(35/20);
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__txt {
        font-size: calc(3 * var(--rem));
        line-height: calc(57/30);
    }
}
/* .coolmain .feature .feature__model {
    font-size: calc(1.6 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__model {
        position: absolute;
        left: 0;
        bottom: calc(5 * var(--rem));
        text-align: center;
        width: 100%;
        font-size: calc(2.2 * var(--rem));
    }
} */

.coolmain .feature .feature__slick__item figcaption {
    font-size: calc(1.6 * var(--rem));
    line-height: 1;
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__slick__item figcaption {
        margin-top: calc(6 * var(--rem));
        font-size: calc(2.2 * var(--rem));
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__slick__item figcaption.towel01 {
       position: relative;
        top: calc(-12 * var(--rem));
    }
}
.coolmain .feature .feature__model-list {
    margin-top: calc(1 * var(--rem));
}
.coolmain .feature .feature__model-list__item {
    font-size: calc(1.6 * var(--rem));
    line-height: 1;
}

.coolmain .feature .feature__slick {
    padding-bottom: calc(4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__slick {
        margin-bottom: calc(3 * var(--rem));
        padding-bottom: calc(5.5 * var(--rem));
    }
}
.coolmain .feature .feature__slick .slick-arrow {
    font-size: 0;
    position: absolute;
    top: calc(50% - 2 * var(--rem));
    width: calc(2 * var(--rem));
    height: calc(4 * var(--rem));
    background-color: transparent;
    background-image: url(/assets/wellness/sixpad/cool/img/ic-slick-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
        z-index: 1;
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__slick .slick-arrow {
        top: calc(50% - 10 * var(--rem));
        width: calc(3 * var(--rem));
        height: calc(5.6 * var(--rem));
    }
}
.coolmain .feature .feature__slick .slick-arrow.slick-prev {
    transform: scale(-1,1);
    left: 0;
}
.coolmain .feature .feature__slick .slick-arrow.slick-next {
    right: 0;
}

.coolmain .feature .feature__slick .slick-dots {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: max-content;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.coolmain .feature .feature__slick .slick-dots button {
    font-size: 0;
    width: calc(0.8 * var(--rem));
    height: calc(0.8 * var(--rem));
    border: 1px solid #005ab7;
    background-color: #fff;
    border-radius: calc(0.8 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__slick .slick-dots button {
        width: calc(1.6 * var(--rem));
        height: calc(1.6 * var(--rem));
        border-radius: calc(1.6 * var(--rem));
    }
}
.coolmain .feature .feature__slick .slick-dots li {
    line-height: 0;
    height: calc(0.8 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__slick .slick-dots li {
        height: calc(1.6 * var(--rem));
    }
}
.coolmain .feature .feature__slick .slick-dots li:not(:first-child) button {
    margin-left: calc(0.8 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .feature .feature__slick .slick-dots li:not(:first-child) button {
        margin-left: calc(1.6 * var(--rem));
    }
}
.coolmain .feature .feature__slick .slick-dots li.slick-active button {
   background-color: #005ab7;
}

/*========================================
  使い方
========================================*/
.coolmain .howtouse {
    position: relative;
    z-index: 2;
    padding-top: calc(11 * var(--rem));
    padding-bottom: calc(11 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .howtouse {
        padding-top: calc(12 * var(--rem));
        padding-bottom: calc(12 * var(--rem));
    }
}
.coolmain .howtouse .howtouse-columns {
    margin-top: calc(6 * var(--rem));
}
@media screen and (min-width: 768px) {
    .coolmain .howtouse .howtouse-columns {
        display: flex;
        gap: calc(7 * var(--rem));
        flex-wrap: nowrap;
    }
}
.coolmain .howtouse .howtouse-columns__column {
    position: relative;
    border: 1px solid #cccccc;
    padding: calc(2 * var(--rem)) calc(2.5 * var(--rem)) calc(4 * var(--rem)) calc(2.5 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .howtouse .howtouse-columns__column {
        padding: calc(3 * var(--rem)) calc(3.5 * var(--rem)) calc(4.5 * var(--rem)) calc(3.5 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .coolmain .howtouse .howtouse-columns__column + .howtouse-columns__column {
        margin-top: calc(10 * var(--rem));
    }
}
.coolmain .howtouse .howtouse-columns__column + .howtouse-columns__column:before {
    content: "";
    position: absolute;
    display: block;
    width: calc(2.2 * var(--rem));
    height: calc(6 * var(--rem));
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/ic-howtouse_pc.png);
}
@media screen and (min-width: 768px) {
    .coolmain .howtouse .howtouse-columns__column + .howtouse-columns__column:before {
        top: 50%;
        left: calc(-4.5 * var(--rem));
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 767px) {
    .coolmain .howtouse .howtouse-columns__column + .howtouse-columns__column:before {
        top: calc(-7 * var(--rem));
        left: 50%;
        transform: translateX(-50%);
        width: calc(13.2 * var(--rem));
        height: calc(3.9 * var(--rem));
        background-image: url(../img/ic-howtouse_sp.png);
    }
}
.coolmain .howtouse .howtouse__num {
    display: inline-block;
    color: #005ab7;
    background-color: #eaf6f9;
    padding: calc(0.9 * var(--rem)) calc(2 * var(--rem));
    line-height: 1;
    font-family: "helvetica-lt-pro", sans-serif;
    font-weight: 300;
    font-size: calc(2 * var(--rem));
    border-radius: calc(2 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .howtouse .howtouse__num {
        padding: calc(0.9 * var(--rem)) calc(4.5 * var(--rem));
        font-size: calc(2.6 * var(--rem));
    }
}
.coolmain .howtouse .howtouse__img {
    display: block;
    margin-top: calc(5 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .howtouse .howtouse__img {
        margin-top: calc(2 * var(--rem));
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}
.coolmain .howtouse .howtouse__txt {
    position: relative;
    margin-top: calc(2.5 * var(--rem));
    text-align: center;
    font-size: calc(2 * var(--rem));
    line-height: calc(35 / 20);
}
@media screen and (max-width: 767px) {
    .coolmain .howtouse .howtouse__txt {
        margin-top: calc(2 * var(--rem));
        font-size: calc(3 * var(--rem));
    }
}
.coolmain .howtouse .howtouse__txt sup {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    font-size: calc(1.4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .howtouse .howtouse__txt sup {
        position: relative;
        top: -1em;
        right: 1em;
        font-size: calc(1.8 * var(--rem));
    }
}
.coolmain .howtouse .howtouse__att {
    margin-top: calc(1 * var(--rem));
    font-size: calc(1.4 * var(--rem));
    line-height: 1.5;
}
@media screen and (max-width: 767px) {
    .coolmain .howtouse .howtouse__att {
        text-align: center;
        margin-top: calc(1.8 * var(--rem));
        font-size: calc(2.2 * var(--rem));
    }
}
@media screen and (min-width: 768px) {
    .coolmain .result-columns {
        margin-top: calc(6 * var(--rem));
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: calc(6 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .coolmain .result-columns {
        margin-top: calc(3.5 * var(--rem));
    }
}
@media screen and (min-width: 768px) {
     .coolmain .result-columns__column {
        width: 50%;
     }
}
.coolmain .result__head {
    margin-top: calc(6 * var(--rem));
    font-size: calc(3 * var(--rem));
    letter-spacing: 0.014em;
}
@media screen and (max-width: 767px) {
    .coolmain .result__head {
        position: relative;
        margin-top:  calc(12 * var(--rem));
        text-align: center;
        font-size: calc(4.4 * var(--rem));
    }
    .coolmain .result__head:before {
        content: "";
        position: absolute;
        display: block;
        top: calc(-7 * var(--rem));
        left: 50%;
        transform: translateX(-50%);
        width: calc(13.2 * var(--rem));
        height: calc(3.9 * var(--rem));
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../img/ic-howtouse_sp.png);
    }
}
.coolmain .result__head em {
    color: #005ab7;
    border-bottom: 1px solid #005ab7;
    padding-bottom: 0.2em;
}
.coolmain .result__mainimg {
    display: block;
}
@media screen and (max-width: 767px) {
    .coolmain .result__mainimg {
        margin-top:  calc(4 * var(--rem));
    }
}
.coolmain .result__txt {
    margin-top: calc(2.5 * var(--rem));
    font-size: calc(2 * var(--rem));
    line-height: calc(35/20);
}
@media screen and (max-width: 767px) {
    .coolmain .result__txt {
        font-size: calc(3 * var(--rem));
        line-height: calc(57/30);
    }
}
.coolmain .result__att {
    margin-top: calc(1.5 * var(--rem));
    font-size: calc(1.6 * var(--rem));
    line-height: calc(23/16);
}
@media screen and (max-width: 767px) {
    .coolmain .result__att {
        font-size: calc(2.2 * var(--rem));
        line-height: calc(32/22);
    }
}
.coolmain .yoridori {
    margin-top: calc(8 * var(--rem));
    margin-left: auto;
    margin-right: auto;
    max-width: calc(84 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .yoridori {
        margin-top: calc(9 * var(--rem));
    }
}
.coolmain .yoridori .yoridori__anchor {
    display: block;
    position: relative;
}

/*========================================
  LINE UP
========================================*/
.coolmain .lineup {
    position: relative;
    z-index: 2;
    padding-top: calc(11 * var(--rem));
    padding-bottom: calc(11 * var(--rem));
    background-color: #eaf6f9;
}
@media screen and (max-width: 767px) {
    .coolmain .lineup {
        padding-top: calc(12 * var(--rem));
        padding-bottom: calc(12 * var(--rem));
    }
}
@media screen and (min-width: 768px) {
    .coolmain .lineup .lineup-columns {
        margin-top: calc(6 * var(--rem));
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: calc(3 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .coolmain .lineup .lineup-columns {
        margin-top: calc(6 * var(--rem));
    }
}
.coolmain .lineup .lineup-columns__column {
    text-align: center;
    background-color: #ffffff;
    padding: calc(6 * var(--rem)) calc(3 * var(--rem));
    background-image: url(../img/bg-lineup-wave.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 calc(16 * var(--rem));
}
@media screen and (min-width: 768px) {
    .coolmain .lineup .lineup-columns__column {
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
    .coolmain .lineup .lineup-columns__column + .lineup-columns__column {
       margin-top: calc(3 * var(--rem));
       padding: calc(7 * var(--rem)) calc(3 * var(--rem)) calc(8 * var(--rem)) calc(3 * var(--rem));
       background-position: 0 calc(16 * var(--rem));
    }
}
.coolmain .lineup .lineup__h3 {
    font-size: calc(2.8 * var(--rem));
    letter-spacing: 0.014em;
    line-height: 1.5;
}
@media screen and (max-width: 767px) {
    .coolmain .lineup .lineup__h3 {
        font-size: calc(3.4 * var(--rem));
    }
}
.coolmain .lineup .lineup__h3 em {
    color: #005ab7;
    font-size: calc(4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .lineup .lineup__h3 em {
        font-size: calc(5.2 * var(--rem));
    }
}
.coolmain .lineup .list-product {
    margin-top:  calc(6 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .lineup .list-product {
        margin-top:  calc(1 * var(--rem));
    }
}
.coolmain .lineup .list-product.list-product--poncho {
    margin-top:  calc(1.4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .lineup .list-product.list-product--poncho {
        margin-top:  calc(4 * var(--rem));
    }
}

.coolmain .lineup .list-product__image{
	position: relative;
    aspect-ratio: 21 / 11;
}
.coolmain .lineup .list-product.list-product--poncho .list-product__image{
    aspect-ratio: 7 / 5;
}
.coolmain .lineup .list-product__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: none;
}
.coolmain .lineup .list-product__image img.is-active {
    display: block;
}
.coolmain .list-product .list-color {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(3*var(--rem));
    position: relative;
    z-index: 10;
    margin-top: calc(5*var(--rem))
}

@media screen and (max-width: 767px) {
    .coolmain .list-product .list-color {
        gap:calc(2.5*var(--rem));
        margin-top: calc(4.5*var(--rem))
    }
}
.coolmain .list-product.list-product--poncho .list-color {
    margin-top: calc(1 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .list-product.list-product--poncho .list-color {
        margin-top: calc(4.5 * var(--rem));
    }
}
.coolmain .list-product .list-color__item {
    width: calc(2.4*var(--rem));
    height: calc(2.4*var(--rem));
    border-radius: 100%;
    border: calc(.1*var(--rem)) solid #24292d;
    cursor: pointer
}
@media screen and (max-width: 767px) {
    .coolmain .list-product .list-color__item {
        width:calc(3*var(--rem));
        height: calc(3*var(--rem))
    }
}
@media(hover: hover) {
    .coolmain .list-product .list-color__item:hover:after {
        scale:.5
    }
}
@media(hover: none) {
    .coolmain .list-product .list-color__item:active:after {
        scale:.5
    }
}
.coolmain .list-product .list-color__item:after {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 50%;
    background-color: #24292d;
    transition: scale .2s cubic-bezier(.165,.84,.44,1)
}
.coolmain .list-product .list-color__item.is-active {
    pointer-events: none
}
.coolmain .list-product .list-color__item.is-active:after {
    scale: .5
}

.coolmain .list-product .list-color--poncho li:nth-child(1) {
    border-color: #0d4a95
}
.coolmain .list-product .list-color--poncho li:nth-child(1):after {
    background-color: #0d4a95
}
.coolmain .list-product .list-color--poncho li:nth-child(2) {
    border-color: #c9c9ca
}
.coolmain .list-product .list-color--poncho li:nth-child(2):after {
    background-color: #c9c9ca
}
.coolmain .list-product .list-color--poncho li:nth-child(3) {
    border-color: #0f69a5
}
.coolmain .list-product .list-color--poncho li:nth-child(3):after {
    background-color: #0f69a5
}

.coolmain .list-product .list-color--towel li:nth-child(1) {
    border-color: #0d4a95
}
.coolmain .list-product .list-color--towel li:nth-child(1):after {
    background-color: #0d4a95
}
.coolmain .list-product .list-color--towel li:nth-child(2) {
    border-color: #c9c9ca
}
.coolmain .list-product .list-color--towel li:nth-child(2):after {
    background-color: #c9c9ca
}
.coolmain .list-product .list-color--towel li:nth-child(3) {
    border-color: #0f69a5
}
.coolmain .list-product .list-color--towel li:nth-child(3):after {
    background-color: #0f69a5
}

.coolmain .list-product .list-color--armcover li:nth-child(1) {
    border-color: #231815
}
.coolmain .list-product .list-color--armcover li:nth-child(1):after {
    background-color: #231815
}

.coolmain .lineup__txt {
    margin-top: calc(2.5 * var(--rem));
    font-size: calc(2.2 * var(--rem));
    line-height: calc(33 / 22);
}
@media screen and (max-width: 767px) {
    .coolmain .lineup__txt {
        margin-top: calc(3 * var(--rem));
        font-size: calc(3 * var(--rem));
        line-height: calc(47 / 30);
    }
}
.coolmain .lineup__button {
    margin-top: calc(3.5 * var(--rem));
}
@media screen and (max-width: 767px) {
    .coolmain .lineup__button {
        margin-top: calc(2.5 * var(--rem));
    }
}
.coolmain .lineup__button .lineup__button__anchor {
    position: relative;
    display: inline-block;
    font-size: calc(2.2 * var(--rem));
    line-height: 1;
    color: #ffffff;
    padding: calc(2.4 * var(--rem)) calc(8.8 * var(--rem));
    background: linear-gradient(180deg, rgba(0, 155, 232, 1) 0%, rgba(0, 44, 130, 1) 100%);
    border-radius: calc(5 * var(--rem));
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .coolmain .lineup__button .lineup__button__anchor {
        font-size: calc(2.6 * var(--rem));
        padding: calc(2.7 * var(--rem)) calc(13.8 * var(--rem));
    }
}
.coolmain .lineup__button .lineup__button__anchor:after {
    content: '';
    width: calc(0.8 * var(--rem));
    height: calc(0.8 * var(--rem));
    border-top: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    position: absolute;
    right: calc(2.9 * var(--rem));
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
    .coolmain .lineup__button .lineup__button__anchor:after {
        width: calc(1.1 * var(--rem));
        height: calc(1.1 * var(--rem));
        right: calc(4 * var(--rem));
    }
}

/*============================
  FAQ
============================*/
.coolmain .faq {
    padding-top: calc(11 * var(--rem));
}
.coolmain .faq .faq-list {
	width: 100%;
	max-width: calc(84*var(--rem));
	margin-left: auto;
	margin-right: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(1*var(--rem));
	margin-top: calc(6*var(--rem));
	font-size: calc(1.6*var(--rem));
	line-height: calc(24/16)
}
@media screen and (max-width:767px) {
	.coolmain .faq .faq-list {
		margin-top: calc(6*var(--rem))
	}
}
.coolmain .faq .faq-list__heading button {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: calc(8*var(--rem));
	position: relative;
    font-size: calc(2.2*var(--rem));
	padding: 0 calc(4*var(--rem));
	border-radius: calc(1*var(--rem));
	background-color: #f5f5f5
}
@media screen and (max-width:767px) {
	.coolmain .faq .faq-list__heading button {
        text-align: left;
		height: calc(9*var(--rem));
		padding: 0 calc(7*var(--rem)) 0 calc(2.4 * var(--rem));
		border-radius: calc(1.2*var(--rem));
		font-size: calc(2.4*var(--rem))
	}
}
.coolmain .faq .faq-list__heading button:before,
.coolmain .faq .faq-list__heading button:after {
	display: block;
	width: calc(2*var(--rem));
	height: 1px;
	content: "";
	position: absolute;
	top: 50%;
	right: calc(4*var(--rem));
	background-color: #333;
	transition: rotate .3s cubic-bezier(.39, .575, .565, 1);
	will-change: rotate
}
@media screen and (max-width:767px) {
	.coolmain .faq .faq-list__heading button:before,
	.coolmain .faq .faq-list__heading button:after {
		width: calc(3.2*var(--rem));
		height: calc(.2*var(--rem));
		right: calc(3*var(--rem))
	}
}
.coolmain .faq .faq-list__heading button:after {
	rotate: -90deg
}
.coolmain .faq .faq-list__heading.is-active button:after {
	rotate: 0deg
}
.coolmain .faq .faq-list__body {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 0fr;
	grid-template-rows: 0fr;
	transition: grid-template-rows .3s cubic-bezier(.39, .575, .565, 1);
	transition: grid-template-rows .3s cubic-bezier(.39, .575, .565, 1), -ms-grid-rows .3s cubic-bezier(.39, .575, .565, 1)
}
.coolmain .faq .faq-list__body.is-active {
	-ms-grid-rows: 1fr;
	grid-template-rows: 1fr
}
.coolmain .faq .faq-list__wrapper {
	overflow: hidden
}
.coolmain .faq .faq-list__text {
	padding: calc(1.2*var(--rem)) calc(4 * var(--rem)) calc(3 * var(--rem));
    font-size: calc(1.8*var(--rem));
}
@media screen and (max-width:767px) {
	.coolmain .faq .faq-list__text {
		padding: calc(1.2*var(--rem)) calc(2 * var(--rem)) calc(3 * var(--rem));
		font-size: calc(2.4*var(--rem));
		line-height: calc(40/24)
	}
}
.coolmain .faq .faq-list__ul {
    padding: calc(1.2*var(--rem)) calc(4 * var(--rem)) calc(3 * var(--rem));
}
@media screen and (max-width:767px) {
    .coolmain .faq .faq-list__ul {
        padding: calc(1.2*var(--rem)) calc(2 * var(--rem)) calc(3 * var(--rem));
    }
}
.coolmain .faq .faq-list__ul__li {
    position: relative;
    font-size: calc(1.8*var(--rem));
    padding-left: 1em;
}
@media screen and (max-width:767px) {
	.coolmain .faq .faq-list__ul__li {
		font-size: calc(2.4*var(--rem));
	}
}
.coolmain .faq .faq-list__ul__li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
}
.coolmain .faq .faq-list__ul__li:not(:first-child) {
    margin-top: calc(0.7*var(--rem))
}

/*============================
  SPEC
============================*/
.coolmain .spec {
    padding-bottom: calc(15 * var(--rem));
}
.coolmain .spec .cool-h2 {
    position: relative;
    margin-top: calc(11 * var(--rem));
    padding-top: calc(11 * var(--rem));
    border-top: 1px solid #b2d2e7;
}
@media screen and (max-width: 767px) {
    .coolmain .spec .cool-h2 {
        margin-top: calc(12 * var(--rem));
        padding-top: calc(12 * var(--rem));
    }
}
.coolmain .spec .cool-h2:before,
.coolmain .spec .cool-h2:after {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/assets/wellness/sixpad/cool/img/ic-function-line.jpg);
    display: block;
    width: calc(2 * var(--rem));
    height: calc(2 * var(--rem));
    position: absolute;
    top: calc(-1 * var(--rem));
}
.coolmain .spec .cool-h2:before {
    left: calc(-1 * var(--rem));
}
.coolmain .spec .cool-h2:after {
    right: calc(-1 * var(--rem));
}
.coolmain .spec .spec-contents-list {
	margin-top: calc(5*var(--rem));
    max-width: calc(84*var(--rem));
    margin-left: auto;
    margin-right: auto;
	font-size: calc(2*var(--rem));
	line-height: calc(24/20)
}
@media screen and (max-width:767px) {
	.coolmain .spec .spec-contents-list {
		margin-top: calc(6*var(--rem));
		font-size: calc(2.4*var(--rem));
		line-height: calc(30/24)
	}
}
 .coolmain .spec .spec-contents-list__item {
	display: -ms-flexbox;
	display: flex;
    border-top: 1px solid #0074b6;
}
 .coolmain .spec .spec-contents-list__item:last-child {
    border-bottom: 1px solid #0074b6;
 }
.coolmain .spec .spec-contents-list__heading {
    display: flex;
    align-items: center;
    justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
    text-align: center;
	width: calc(22*var(--rem));
	padding: calc(2.8*var(--rem)) 0;
    background-color: #f4fafc;
}
@media screen and (max-width:767px) {
	.coolmain .spec .spec-contents-list__heading{
		width: calc(23.4*var(--rem));
		padding: calc(2.8*var(--rem)) 0
	}
}
.coolmain .spec .spec-contents-list__text {
	width: 100%;
	padding: calc(2.8*var(--rem)) calc(4.5 * var(--rem));
}
@media screen and (max-width:767px) {
	.coolmain .spec .spec-contents-list__text {
		padding: calc(2.8*var(--rem)) 0 calc(2.8 * var(--rem)) calc(2.4 * var(--rem));
	}
}
@media screen and (min-width:768px) {
	.coolmain .spec .spec-contents-list__text--center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}
}

/*============================
  summary
============================*/
.coolmain .summary .summary__img img {
    display: block;
    width: 100%;
    height: auto;
}