@charset "UTF-8";
/**　color **/
:root {
  --font-noto : "Noto Sans JP", system-ui;
  --color-font: #E46A6A;
  --color-black: #000;
  --color-black-01: #151515;
  --color-white: #FFF;
  --color-yellow: #FFD600;
  --color-salmon-pink: #E46A6A;
  --color-salmon-pink2: #F18080;
  --color-pale-pink: #FCEBE9;
  --page-padding-inline: 3.5%;
  --com-text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
  --com-grad-cathBg: rgba(255, 231, 240, 1), rgba(237, 192, 192, 1);
  --com-bg-grad02: rgba(255, 166, 138, 1), rgba(255, 163, 163, 1);
  --com-bg-grad03: rgba(240, 170, 152, 1), rgba(244, 182, 193, 1);
  --com-border-gold: rgba(255, 243, 225, 1) 0%, rgba(133, 97, 7, 1) 77%, rgba(255, 243, 225, 1) 100%;
  --com-bg-grad-point: rgba(254, 176, 210, 1), rgba(252, 166, 176, 1);
  --com-grad-btn: rgba(246, 114, 169, 1) 0%, rgba(217, 90, 90, 1) 100%;
  --com-grad-neon: rgba(217, 90, 90, 1) 0%, rgba(246, 114, 169, 1) 100%;
  --filter-white: invert(100%);
  --font-size-note: min(11px, 3vw);
  --font-size12: min(12px, 3.5vw);
  --font-size14: min(14px, 4.5vw);
  --font-size18: min(18px, 4.8vw);
  --font-size21: min(21px, 5.5vw);
  --font-size23: min(23px, 6.5vw);
  --font-size25: min(25px, 6.5vw);
  --font-size26: min(26px, 6.5vw);
  --font-size27: min(27px, 6.5vw);
  --font-size28: min(28px, 7.5vw);
  --font-size30: min(30px, 10vw);
  --font-size32: min(32px, 11vw);
  --font-size36: min(36px, 12vw);
  --font-size40: min(40px, 16vw);
  --font-size50: min(50px, 20vw);
  --font-size60: min(60px, 28vw);
  --font-weight-bold: 600;
}

/**　構造・整形 **/
html {
  font-size: 62.5%;
}
body {
  color: var(--color-font);
  font-size: 1.6rem;
  font-family: "Shippori Mincho", system-ui;
  font-weight: 400;
  font-style: normal;
}
main {
  width: 100%;
}
.contentsWrapper {
  overflow: hidden;
  position: relative;
}
.mainContents {
  position: relative;
  width: min(430px, 100%);
  min-height: 100svh;
  z-index: 3;
  margin: auto;
}
.mainContents > section {
  position: relative;
}
.pc-only {
  display: none;
}
.sp-only {
  display: block;
}

img {
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.sup {
	font-size: 0.6em;
	vertical-align: top;
}
.sub {
	font-size: 0.6em;
	vertical-align: bottom;
}
.note {
  font-size: var(--font-size-note)!important;
}
.note.--right {
  text-align: right!important;
}
.border {
  border-bottom: 2px solid var(--color-white)
}
.yellow {
  color: var(--color-yellow);
}

/** 購入ボタン **/
.com-purchaseBtn {
  width: 95%;
  margin: 10% auto 12%;
  position: relative;
}
.com-purchaseBtn .addCart {
  color: #fff;
  font-size: min(18px, 4vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  background: linear-gradient(90deg, var(--com-grad-btn));
  box-shadow: inset 0px 5px 8px 0px rgba(255, 255, 255, 0.4), 1px 5px 7px 0px rgba(0, 0, 0, 0.2);
  border-radius: 200px;
  padding: 7% 3%;
}
.com-purchaseBtn button span {
  display: block;
}
.com-purchaseBtn button span + span {
  margin-block-start: 2%;
}
.com-purchaseBtn button .btn-txt-01 {
  font-size: min(32px, 9vw);
}
.com-purchaseBtn button .btn-txt-02 {
  color: var(--color-yellow);
  font-size: min(20px, 5vw);
}
.com-purchaseBtn button .btn-txt-03 {
  font-size: min(23px, 5vw);
}
.pekopeko {
  animation: .7s ease-out 0s infinite alternate pekopeko;
}
@keyframes pekopeko {
  to {
    transform:translateY(4px);
    }
}

/* その他共通 */
.titleBox {
  color: var(--color-white);
  font-size: var(--font-size27);
  text-align: center;
  line-height: 1.4;
  letter-spacing: 1px;
  text-shadow: var(--com-text-shadow);
  padding: 8% var(--page-padding-inline) 1%;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.38.png) center top no-repeat ,var(--color-font);
  background-size: contain;
  position: relative;
}
.titleBox::after {
  display: block;
  content: "";
  width: 100%;
  height: auto;
  aspect-ratio: 786/100;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.39.png) center top no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 98%;
  margin: auto;
  z-index: 2;
}
.titleBox .inner {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.titleBox .inner p > span {
  padding-block-end: 5px;
  margin-block-end: 5%;
  border-bottom: 2px solid var(--color-white);
}

.borderbox {
  padding: 7% 2%;
  margin-block: 8% 6%;
  border-left: 1px solid rgba(221, 221, 221, 1);
  border-right: 1px solid rgba(205, 183, 136, 1);
  box-shadow: var(--com-text-shadow);
  position: relative;
}
.borderbox::before,
.borderbox::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(221, 221, 221, 1) 10%, rgba(131, 96, 5, 1) 70%, rgba(205, 183, 136, 1) 100%);
  position: absolute;
  left: 0;
  right: 0;
}
.borderbox::before {
  top: 0;
}
.borderbox::after {
  bottom: 0;
}
.borderbox.--white {
  border: 1px solid var(--color-white);
  box-shadow: none;
}
.borderbox.--white::before,
.borderbox.--white::after {
  display: none;
}

.hooray {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1.5rem;
}
.hooray::before,
.hooray.hooray::after {
  display: block;
  content: "";
  width: 2px;
  height: 1.2em;
  background: var(--color-white);
}
.hooray::before {
  transform: rotate(-30deg);
}
.hooray::after {
  transform: rotate(24deg);
}

/** Header **/
.header {
  padding: min(3.5%, 15px) min(2.5%, 15px);
  margin-inline: auto;
  display: flex;  
  justify-content: space-between;
  width: 100%;
  max-width: 430px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.no-button .header {
  position: absolute;
  z-index: 1;
}
.header .description {
  width: min(140px, 30vw);
  flex-shrink: 0;
}
.header .description img {
  aspect-ratio: 768/251;
}
.header .description span {
  color: var(--color-black);
  font-family: var(--font-noto);
  display: block;
  margin-block-start: .2em;
  font-size: min(8px, 2vw);
}
.header .purchaseBtn {
  width: fit-content;
  flex-shrink: 0;
}
.header .purchaseBtn .addCart {
  color: #fff;
  text-align: center;
  cursor: pointer; 
  width: 100%;
  height: auto;
  background: linear-gradient(90deg, rgba(203, 64, 117,0.7) 0%, rgba(201, 94, 121,0.7) 100%);
  border-radius: 40px;
  position: relative;
  font-size: min(18px, 4vw);
  width: min(163px, 40vw);
  aspect-ratio: 163/46;
}
.header .purchaseBtn .addCart::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, rgba(203, 64, 117,1) 0%, rgba(201, 94, 121,1) 100%);
  border-radius: 100px;
  width: 95%;
  height: 85%;
}
.header .purchaseBtn button {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
}

/** intro **/
.intro .mainCatch {
  color: var(--color-white);
  text-shadow: var(--com-text-shadow);
  padding: 12% 0 30%;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.11.png) center top no-repeat, linear-gradient(180deg, var(--com-bg-grad02));
  background-size: cover;
  background-blend-mode: overlay;
}
.intro .mainCatch p {
  font-size: min(36px, 7.5vw);
  letter-spacing: 0;
  width: 100%;
  aspect-ratio: 393/189;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.12.png) center top no-repeat;
  background-size: contain;
  position: relative;
}
.intro .mainCatch p .f-m {
  font-size: min(44px, 10vw);
}
.intro .mainCatch p .f-l {
  font-size: min(46px, 11vw);
}
.intro .mainCatch p span {
  position: absolute;
}
.intro .mainCatch p span:nth-child(1){
  bottom: 53%;
  right: 84%;
}
.intro .mainCatch p span:nth-child(2){
  bottom: 51%;
  left: 16.2%;
}
.intro .mainCatch p span:nth-child(3){
  bottom: 51.4%;
  left: 24%;
}
.intro .mainCatch p span:nth-child(4){
  bottom: 54%;
  right: 56%;
}
.intro .mainCatch p span:nth-child(5){
  bottom: 55%;
  left: 43.5%;
}
.intro .mainCatch p span:nth-child(6){
  bottom:58%;
  left: 50.6%;
}
.intro .mainCatch p span:nth-child(7){
  bottom: 59%;
  left: 57%;
}
.intro .mainCatch p span:nth-child(8){
  bottom: 25%;
  right: 85%;
}
.intro .mainCatch p span:nth-child(9){
  bottom: 23.5%;
  right: 74.5%;
}
.intro .mainCatch p span:nth-child(10){
  bottom: 23.5%;
  left: 26.5%;
}
.intro .mainCatch p span:nth-child(11){
  bottom: 26.5%;
  right: 55%;
}
.intro .mainCatch p span:nth-child(12){
  bottom: 28.5%;
  left: 45.5%;
}
.intro .mainCatch p span:nth-child(13){
  bottom: 31.5%;
  right: 36%;
}
.intro .mainCatch p span:nth-child(14){
  bottom: 33.5%;
  left: 64%;
}
.intro .mainCatch p span:nth-child(15){
  bottom: 33.5%;
  left: 70.3%;
}
.intro .mainCatch p span:nth-child(16){
  bottom: 34.5%;
  left: 76.7%;
}
.intro .mainCatch p span:nth-child(17){
  bottom: 33.5%;
  left: 83.5%;
}

.intro .mv {
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.2.png) center bottom no-repeat; 
  background-size: cover;
  aspect-ratio: 786/1098;
  position: relative;
  z-index: 1;
  margin-block-start: -32%;
}

.intro .mv .subCatch {
  font-size: var(--font-size21);
}
.intro .mv .catchBg {
  font-weight: var(--font-weight-bold);
  letter-spacing: .2em;
  display: inline-block;
  margin-block: 5px;
  background: linear-gradient(180deg, var(--com-grad-cathBg)) 50% 50% / calc(100% - 2px) calc(100% - 2px) no-repeat, linear-gradient(180deg, var(--com-border-gold));
  padding: 10px 6px;
  /* position: relative; */
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: initial;
}
.intro .mv .catchBg .f-l {
  font-size: var(--font-size27);
}
.intro .mv .catchBg.--catch01 {
  position: absolute;
  bottom: 35%;
  right: 4.5%;
}
.intro .mv .catchBg.--catch02 {
  position: absolute;
  bottom: 36%;
  left: 4.5%;
}

.intro .mv .subCatch + .note {
  text-align: right;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-feature-settings: initial;
  position: absolute;
  bottom: 36%;
  right: 2%;

}

.intro .mv h1 {
  text-align: center;
  padding-inline: var(--page-padding-inline);
  position: absolute;
  bottom: 0;
  padding-block: 9% 10%;
}
.intro .mv h1 span {
  color: var(--color-black);
  font-family: var(--font-noto);
  font-size: var(--font-size12);
  font-weight: var(--font-weight-bold);
}

.outline {
  position: relative;
}
.--solution {
  padding: 10% 0 52% 11%;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.6.jpg) center top no-repeat;
  background-size: cover;
}
.--solution .catch {
  font-size: min(26px, 6vw);
  line-height: 1.5;
  padding-inline-end: var(--page-padding-inline);
  margin-block-end: 6%;
}
.--solution .catch span {
  display: block;
  width: max(74px, 4vw);
  filter: var(--filter-white);
  mix-blend-mode: overlay;
  margin-block-end: 16px;
}
.--solution figure {
  position: relative;
}
.--solution figure figcaption {
  font-size: var(--font-size12);
  writing-mode: vertical-rl;
  position: absolute;
  bottom: 0;
  left: -1.6em;
}

.--occur {
  padding-block-start: 4%;
  margin-block-start: -22%;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.13.png) center center no-repeat, linear-gradient(180deg, var(--com-bg-grad03));
  background-size: 160% auto;
  position: relative;
  background-blend-mode: overlay;
}
.--occur::before {
  content: "";
  width: 100%;
  aspect-ratio: 411/90;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.14.png) center top no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
}
.--occur .secTitle {
  color: var(--color-white);
  font-size: var(--font-size28);
  text-align: center;
  line-height: 1.4;
  letter-spacing: 2px;
  text-shadow: var(--com-text-shadow);
  position: relative;
  z-index: 2;
  margin-block-end: 10%;
}
.--occur .secTitle strong {
  font-weight: normal;
  background-image: radial-gradient(circle at center, var(--color-white) 18%, transparent 18%); /* 点の色とサイズ調整 */
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1.08em 0.3em;
  padding-top: .2em;
}
.--occur .secTitle .f-l {
  font-size: var(--font-size36);
}
.--occur .secTitle + figure {
 padding-inline: var(--page-padding-inline);
}
 *:has(.decoCatch) {
  position:relative;
  z-index: 1;
 }
.decoCatch {
  padding: 14% var(--page-padding-inline) 17%;
  margin-block-start: -8%;
  position: relative;
  overflow: hidden;
}
.decoCatch::before {
  display: block;
  content: "";
  width: 100%;
  height: auto;
  aspect-ratio:576/786;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.11.png) center top no-repeat;
  background-size: 180% auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  mix-blend-mode: lighten;
}
.decoCatch .--catch01 {
  font-size: var(--font-size28);
  color: var(--color-white);
  text-align: center;
  text-shadow: var(--com-text-shadow);
  letter-spacing: .4rem;
  line-height: 1.5;
}
.decoCatch .--catch01 .num {
  font-size: var(--font-size36);
}
.decoCatch .deco {
  display: block;
  position: relative;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.98.png) center bottom no-repeat;
  width: 100%;
  background-size: contain;
  aspect-ratio: 714/41;
  padding-block-start: 18%;
  margin-block-end: 8%;
}
.decoCatch .deco span {
  font-size: var(--font-size40);
  position: absolute;
}
.decoCatch .deco span:nth-child(1){
  bottom: 0%;
  left: 4%;
}
.decoCatch .deco span:nth-child(2) {
  bottom: -2%;
  left: 13.5%;
}
.decoCatch .deco span:nth-child(3) {
  bottom: -2%;
  left: 23%;
}
.decoCatch .deco span:nth-child(4) {
  bottom: 0%;
  left: 33.5%;
}
.decoCatch .deco span:nth-child(5) {
  bottom: 0%;
  left: 41%;
}
.decoCatch .deco span:nth-child(6) {
  bottom: 11%;
  left: 49%;
}
.decoCatch .deco span:nth-child(7) {
  bottom: 18%;
  left: 58%;
}
.decoCatch .deco span:nth-child(8) {
  bottom: 22%;
  left: 67%;
}
.decoCatch .deco span:nth-child(9) {
  bottom: 23%;
  left: 76%;
}
.decoCatch .deco span:nth-child(10) {
  bottom: 17.5%;
  left: 86%;
}

.decoCatch .--catch02 {
  font-size: var(--font-size28);
  color: var(--color-white);
  text-align: center;
  text-shadow: var(--com-text-shadow);
  letter-spacing: .1rem;
  line-height: 1.6;
  margin-block-start: 8%;
}
.decoCatch .--catch02 strong {
  font-weight: normal;
  background-image: radial-gradient(circle at center, var(--color-white) 18%, transparent 18%);
  background-position: top center;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: .2em;
}
.decoCatch .--catch02 .border {
  line-height: 1.3;
}
.decoCatch .--catch02 .border .f-l {
  font-size: var(--font-size36);
}

.salesVolume {
  color: var(--color-white);
  text-align: center;
  padding: 15% var(--page-padding-inline);
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.10.jpg) center top no-repeat;
  background-size: cover;
}
.salesVolume .sv-01 {
  font-size: min(18px, 5vw);
  text-shadow: var(--com-text-shadow);
  margin-block-end: 4%;
}
.salesVolume .sv-01 span {
  display: inline-block;
  position: relative;
  padding-inline: 5%;
}
.salesVolume .sv-01 span::before,
.salesVolume .sv-01 span::after {
  display: block;
  content: "";
  width: 1px;
  height: 2em;
  background: var(--color-white);
  filter: drop-shadow(var(--com-text-shadow));
  position: absolute;
  top: 0;
  bottom: 2px;
  margin: auto;
}
.salesVolume .sv-01 span::before {
  left: 0;
  transform: rotate(-25deg);
}
.salesVolume .sv-01 span::after {
  right: 0;
  transform: rotate(25deg);
}

.salesVolume .sv-02 {
  color: var(--color-font);
  font-size: min(24px, 6vw);
  font-weight: var(--font-weight-bold);
  display: inline-block;
  padding: 5px 15px;
  background: var(--color-white);
  border-radius: 4px;
}
.salesVolume .saleWrap {
  font-size: min(36px, 10vw);
  position: relative;
  font-style: italic;
  text-shadow: var(--com-text-shadow);
}
.salesVolume .saleWrap .hit {
  color: var(--color-yellow);
  font-size: min(26px, 7vw);
  position: absolute;
  top: 16%;
  left: 50%;
}
.salesVolume .saleWrap .num {
  font-size: min(130px, 32vw);
  font-style: italic;
  letter-spacing: -6px;
  display: inline-block;
  margin-inline-end: 1%;
  line-height: 1;
}
.salesVolume .saleWrap .fs-l {
  font-size: min(68px, 16vw);
  font-style: italic;
  display: inline-block;
}
.salesVolume .saleWrap .underbar {
  letter-spacing: -1px;
  position: relative;
  padding-block-end: 10px;
  border-bottom: 2px solid var(--color-white);
  margin-block-end: 6%;
}
.salesVolume .sv-03 {
  font-size: min(24px, 6vw);
  line-height: 1.5;
  text-shadow: var(--com-text-shadow);
  margin-block-end: 1%;
}
.salesVolume .sv-04 {
  font-size: min(80px, 18vw);
  text-shadow: var(--com-text-shadow);
  font-style: italic;
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-block-end: 5%;
}
.salesVolume .sv-04 span {
  font-size: min(32px, 10vw);
  font-style: italic;
  text-shadow: var(--com-text-shadow);
}
.salesVolume .sv-04::after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--com-border-gold));
  position: absolute;
  bottom: 1px;
  z-index: -1;
}
.salesVolume .sv-05 {
  font-size: min(12px, 3vw);
  text-shadow: var(--com-text-shadow);
}
.salesVolume .bnr {
  margin-block-start: 8%;
}

.ranking {
  color: var(--color-black);
  padding: 8% var(--page-padding-inline);
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.15.jpg) center top no-repeat;
  background-size: cover;
  aspect-ratio: 393/521;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.ranking p {
  font-size: min(23px, 5.5vw);
  font-weight: var(--font-weight-bold);
  text-align: center;
  line-height: 1;
  letter-spacing: -1px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  text-shadow: var(--com-text-shadow);
}
.ranking p::before,
.ranking p::after {
  display: block;
  content: "";
  width: min(29px, 8vw);
  aspect-ratio: 29/58;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.16.svg) center center no-repeat;
  background-size: contain;
}
.ranking p::after {
  transform: scaleX(-1);
}
.ranking p .wrap {
  margin-block-end: .6em;
}
.ranking p .wrap > span {
  font-size: min(36px, 7vw);
  font-style: italic;
  letter-spacing: 0;
}
.ranking p .wrap .f-l {
  font-size: min(66px, 12vw);
}
.ranking .qoo10 {
  width: min(135px, 24vw);
  margin-inline: auto;
}

.eyecatch02 {
  padding: 4% var(--page-padding-inline);
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.20.jpg)center center no-repeat;
  background-size: cover;
  aspect-ratio: 786/1022;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.eyecatch02 p > span.catchBg {
  font-size: var(--font-size32);
  padding: 0 4px;
  background: rgba(255, 255, 255, .8);
  display: inline-block;
}
.eyecatch02 p > span.catchBg + span {
  margin-block-start:.76rem;
}
.eyecatch02 p:last-child > span.catchBg {
  font-size: var(--font-size28);
  padding: 2px 4px;
}
.eyecatch02 p:last-child > span.catchBg:last-child {
  font-size: min(32px, 7.6vw);
}
.eyecatch02 p span.fs-s {
  font-size: var(--font-size21);
}

.purchase.--main {
  color: var(--color-white);
  font-size: min(32px, 9vw);
  padding: 10% var(--page-padding-inline);
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.13.png) center center no-repeat, linear-gradient(160deg, var(--com-bg-grad03));
  background-size: 170% auto;
  background-position: center 28%;
  background-blend-mode: hard-light;
}
.purchase.--main .catch {
  font-size: min(18px, 5vw);
  text-align: center;
  line-height: 1.4;
  position: relative;
  margin-block: 11% 8%;
}
.purchase.--main .catch::before {
  display: block;
  content: "";
  width: auto;
  height: 10px;
  aspect-ratio: 34/6;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.22.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100px;
  margin: auto;
}
.movieArea {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 2%;
  margin-block-end: 6%;
}
.movieArea > li {
  width: 49%;
}
.movie {
  width: 100%;
}
.movie video {
  vertical-align: bottom;
  margin-bottom: -1px;
}
.purchase.--main .movieArea + .itemName {
  font-size: min(13px, 3.5vw);
  text-align: center;
  margin-block-start: 1em;
}
.purchase.--main .movieArea + .itemName p {
  font-family: var(--font-noto);
  line-height: 1.6;
  margin-block-start: 1em;
}
.purchase.--main .price {
  text-align: center;
  margin-block: 2%;
  position: relative;
}
.purchase.--main .price p {
  border-bottom: 1px solid var(--color-white);
  position: relative;
}
.purchase.--main .price p::before,
.purchase.--main .price p::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: var(--color-white);
  transform: rotate(45deg);
  position: absolute;
  bottom: -2.5px;
  margin: auto;
}
.purchase.--main .price p::after {
  right: 0;
}
.purchase.--main .price p .ital {
  font-size: min(100px, 23vw);
  font-weight: 400;
  letter-spacing: -.05em;
}
.purchase.--main .price .tax {
  font-size: min(18px, 5vw);
  writing-mode: vertical-rl;
  display: inline-block;
  padding: 6px 3px;
  margin-block-start: 2px;
  border: 1px solid #fff;
  border-radius: 4px
}
.purchase.--main .price .unit {
  font-size: min(40px, 9vw);
  display: inline-block;
  margin-inline-start: .3em;
}
.purchase.--main .point {
  display: flex;
  justify-content: space-between;
  margin-block: 10%;
}
.purchase.--main .point li {
  font-size: min(23px, 5vw);
  text-align: center;
  padding: 2% 3% 3.5%;
  width: 31%;
  background: linear-gradient(90deg, var(--com-bg-grad-point));
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space:pre
}
.purchase.--main .point li span {
  font-size: min(32px, 9vw);
}

.purchase.--main .guarantee {
  color: var(--color-yellow);
  font-size: min(32px, 7vw);
  text-align: center;
  margin-block-end: 1rem;
}

.purchase.--main .shipping {
  font-size: min(22px, 5vw);
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5%;
  margin-block-end: 1rem;
}
.purchase.--main .shipping::before, 
.purchase.--main .shipping::after {
  display: block;
  content: "";
  width: 1px;
  height: 1.4em;
  background: var(--color-white);
}
.purchase.--main .shipping::before {
  transform: rotate(-25deg);
}
.purchase.--main .shipping::after {
  transform: rotate(25deg);
}
.purchase.--main .schedule {
  font-size: var(--font-size14);
  text-align: center;
}
.purchase.--main .payment p {
  font-family: var(--font-noto);
  font-size: min(16px, 4.5vw);
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}
.purchase.--main .payment ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem 2%;
  margin-block-start: 2rem;
}
.purchase.--main .payment ul li {
  width: 22%;
}
.purchase.--main .payment ul li:nth-child(5){
  margin-left: 11%;
}
.purchase.--main .payment ul li:nth-child(7){
  margin-right: 11%;
}

.purchase.--guarantee {
  color: var(--color-white);
  font-size: min(23px, 5.5vw);
  text-align: center;
}
.purchase.--guarantee .eyecatch-02 {
  padding: 10% var(--page-padding-inline);
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.27.jpg) center top no-repeat;
  background-size: cover;
}
.purchase.--guarantee .eyecatch-02 .now {
  font-size: min(28px, 8.5vw);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5%;
  margin-block-end: 1rem;
}
.purchase.--guarantee .now::before,
.purchase.--guarantee .now::after {
  display: block;
  content: "";
  width: 2px;
  height: 1.2em;
  background: var(--color-white);
}
.purchase.--guarantee .eyecatch-02 .now::before {
  transform: rotate(-25deg);
}
.purchase.--guarantee .eyecatch-02 .now::after {
  transform: rotate(25deg);
}
.purchase.--guarantee .eyecatch-02 .now + p {
  line-height: 1.4;
  margin-block-start: 2rem;
} 
.purchase.--guarantee .eyecatch-02 .now + p span {
  color: var(--color-yellow);
  font-size: min(30px, 9vw);
}

.purchase.--guarantee .repayment {
  padding: 5% var(--page-padding-inline);
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.13.png) center center no-repeat, linear-gradient(180deg, var(--com-bg-grad03));
  background-size: 120% auto;
  background-position: center center;
  background-blend-mode: overlay;
}
.purchase.--guarantee .repayment ul {
  --bg-gradient: linear-gradient(#fff 0 100%);
  padding: 10% 3%;
  margin-block-end: 44px;
  background-image:
      var(--bg-gradient),
      var(--bg-gradient),
      var(--bg-gradient),
      var(--bg-gradient);
  background-repeat: no-repeat;
  background-size: 70px 1px, 1px 70px, 70px 1px, 1px 70px;
  background-position: left top 6px, right 6px bottom, right bottom 6px, left 6px top;
  position: relative;
}
.purchase.--guarantee .repayment ul li + li {
  margin-block-start: 1rem;
}
.purchase.--guarantee .repayment ul::before {
  content: "";
  display: block;
  width: 4px;
  height: 24px;
  position: absolute;
  bottom: -30px;
  right: 0;
  left: 0;
  margin: auto;
  background-image: radial-gradient(circle at center, var(--color-white) 2px, transparent 2px);
  background-size: 4px 8px;
  background-repeat: repeat-y;
}
.purchase.--guarantee .repayment ul + p {
  font-size: min(15px, 4vw);
  line-height: 1.5;
  text-shadow: var(--com-text-shadow);
}

.what-kind .innerWrap {
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.43.jpg) center top no-repeat;
  background-size: cover;
  padding-block-end: 22%;
}
.what-kind .innerWrap .catch {
  padding: 20% 0 0 11%;
  font-size: min(26px, 6vw);
  line-height: 1.5;
}
.what-kind .innerWrap .catch > span {
  display: block;
  mix-blend-mode: soft-light;
  padding-inline-end: 11%;
  margin-block-end: 16px;
}
.what-kind .innerWrap .catch figure {
  position: relative;
  margin-block-start: 5%;
}
.what-kind .innerWrap .catch figure figcaption {
  font-size: var(--font-size12);
  writing-mode: vertical-rl;
  position: absolute;
  bottom: 0;
  left: -1.6em;
}

.what-kind .innerWrap .--catch02 {
  font-size: var(--font-size28);
  text-align: center;
  letter-spacing: .1rem;
  line-height: 1.6;
  margin-block-start: 8%;
}
.what-kind .innerWrap .--catch02 strong {
  font-weight: normal;
  background-image: radial-gradient(circle at center, var(--color-font) 18%, transparent 18%);
  background-position: top center;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: .2em;
}
.what-kind .innerWrap .--catch02 .ls {
  padding-block-start: .2rem;
}
.what-kind .innerWrap .--catch02 .border {
  line-height: 1.3;
  border-bottom: 2px solid var(--color-font);
}
.what-kind .innerWrap .--catch02 .border .f-l {
  font-size: var(--font-size36);
}
.what-kind .innerWrap .--catch02 + figure {
  padding: 5% var(--page-padding-inline) 10%;
}
.what-kind .first-ever {
  position: relative;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.13.png) center center no-repeat, linear-gradient(160deg, var(--com-bg-grad03));
  background-size: 170% auto;
  background-position: center 28%;
  background-blend-mode: hard-light;
  padding-block-end: 10%;
}
.what-kind .first-ever::before {
  content: "";
  width: 100%;
  aspect-ratio: 411 / 90;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.14.png) center top no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
}
.what-kind .first-ever .inner {
  padding-inline: var(--page-padding-inline);
}
.what-kind .first-ever h3 {
  line-height: 1;
  color: var(--color-white);
  font-size: var(--font-size28);
  background: linear-gradient(90deg, #E46A6A, #E46A6A) 50% 50% / calc(100% - 4px) calc(100% - 4px) no-repeat, linear-gradient(90deg, var(--com-border-gold));
  padding: 12px 18px;
  width: fit-content;
  margin: 0 auto 5%;
}
.what-kind p.border {
  text-align: center;
  border-bottom: none;
}
.what-kind .first-ever .border span {
  font-size: var(--font-size23);
  display: inline-block;
  border-bottom: 2px solid var(--color-white);
  padding-block-end: .1em;
  margin-block-end: 1.2rem;
  letter-spacing: -.1rem;
}
.what-kind .first-ever .movie {
  margin-block: 5%;
}
.what-kind .first-ever p {
  color: var(--color-white);
}
.what-kind .first-ever .thermal-outline {
  font-family: var(--font-noto);
  text-align: center;
  line-height: 1.6;
  position: relative;
  padding-block-start: 1em;
  margin-block: 15% 18%;
}
.what-kind .first-ever .thermal-outline::before,
.what-kind .first-ever .thermal-outline::after {
  content: "";
  display: block;
  width: 4px;
  height: 24px;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  background-image: radial-gradient(circle at center, var(--color-white) 2px, transparent 2px);
  background-size: 4px 8px;
  background-repeat: repeat-y;
}
.what-kind .first-ever .thermal-outline::before {
  top: -30px;
}
.what-kind .first-ever .thermal-outline::after {
  background-origin: -30px;
}
.what-kind .first-ever .thermal-outline ul {
  display: flex;
  justify-content: center;
  margin-block: 2rem;
}
.what-kind .first-ever .thermal-outline ul li {
  color: var(--color-white);
  text-align: center;
  line-height: 1.2;
  width: 34%;
  border: 1px solid var(--color-white);
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.what-kind .first-ever .thermal-outline ul li:nth-child(2){
  margin-inline: -1.5%;
}
.what-kind .first-ever .thermal-outline ul li span {
  display: block;
  font-size: var(--font-size12);
  margin-block-start: .3rem;
}
.what-kind .thermal-ene + .thermal-ene {
  margin-block-start: 2em;
}
.what-kind .thermal-ene h4 {
  font-size: var(--font-size28);
  text-align: center;
  font-weight: 600;
  letter-spacing: .05em;
  padding-block: 1.4rem;
  margin-block-end: 2rem;
  background: linear-gradient(180deg, var(--com-grad-cathBg)) 50% 50% / calc(100% - 4px) calc(100% - 4px) no-repeat, linear-gradient(90deg, var(--com-border-gold));
  position: relative;
}
.what-kind .thermal-ene p {
  font-family: var(--font-noto);
  text-align: center;
  line-height: 1.8;
}
.what-kind .thermal-ene figure {
  margin-block: 5%;
}
.what-kind .thermal-summary {
  position: relative;
  border-top: 1px solid var(--color-font);
  border-bottom: 1px solid var(--color-font);
  margin-block: 9% 5%;
}
.what-kind .thermal-summary p {
  font-size: var(--font-size28);
  text-align: center;
  line-height: 1.4;
  padding-block: 2rem;
  position: relative;
}
.what-kind .thermal-summary::before, 
.what-kind .thermal-summary::after,
.what-kind .thermal-summary p::before, 
.what-kind .thermal-summary p::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: var(--color-font);
    transform: rotate(45deg);
    position: absolute;
    top: -3px;
    margin: auto;
}
.what-kind .thermal-summary::after {
  right: 0;
}
.what-kind .thermal-summary p::before {
  top: inherit;
  bottom: -3px;
}
.what-kind .thermal-summary p::after {
  right: 0;
  top: inherit;
  bottom: -3px;
}
.what-kind .thermal-summary p {
  color: var(--color-font);
}

.advantage .innerWrap.--sec01 {
  text-align: center;
  padding: 20% var(--page-padding-inline) 7%;
  background: linear-gradient(180deg, var(--com-grad-cathBg));
}
.advantage .innerWrap p {
  line-height: 1.4;
}
.advantage .innerWrap p .border {
  display: inline-block;
  letter-spacing: .1rem;
  border-bottom-color: var(--color-font);
  margin-block-end: 2rem;
}
.advantage .innerWrap p .f-m {
  font-size: var(--font-size25);
}
.advantage .innerWrap p .f-l {
  font-size: var(--font-size36);
}
.advantage .innerWrap .movie {
  margin-block: 3rem;
}
.advantage .innerWrap .boxWrap {
  font-size: var(--font-size18);
  text-align: center;
  line-height: 1.3;
  padding: 6% 4%;
  margin: 2% auto 7%;
  width: 90%;
  background: linear-gradient(180deg, var(--com-grad-cathBg)) 50% 50% / calc(100% - 2px) calc(100% - 2px) no-repeat, linear-gradient(90deg, var(--com-border-gold));
}
.advantage figure {
  margin-block: 8%;
}
.advantage .innerWrap p .f-ml {
  font-size: var(--font-size30);
  margin-block-end: 0;
}
.advantage .innerWrap p:has(.f-ml) + figure {
  margin-block: 8% 5%;
}

.reassurance .--summary {
  background: var(--color-salmon-pink);
}.reassurance .decoCatch {
  padding: 8% var(--page-padding-inline);
}
.reassurance .--summary p {
  font-size: var(--font-size23);
  text-align: center;
  line-height: 1.2;
  width: 96%;
  padding: 8% var(--page-padding-inline);
  background: linear-gradient(90deg, var(--color-pale-pink), var(--color-pale-pink)) 50% 50% / calc(100% - 4px) calc(100% - 4px) no-repeat, linear-gradient(90deg, var(--com-border-gold));
  border-radius: 20px;
  margin-inline: auto;
}
.reassurance .--summary p .f-l {
  font-size: var(--font-size30);
}
.reassurance .--summary p .border {
  line-height: 1.7;
  display: block;
  width: fit-content;
  margin: 0 auto;
  border-bottom-color: var(--color-font);
}

.feature {
  color: var(--color-white);
  background: var(--color-black-01);
}
.feature h2 {
  font-size: var(--font-size23);
  text-align: center;
  line-height: 1.3;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.27.jpg) center top no-repeat;
  background-size: cover;
  aspect-ratio: 786/462;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .9rem;
}
.feature h2 span {
  width: fit-content;
  margin: 0 auto;
}
.feature h2 span.f-l {
  font-size: var(--font-size40);
  margin-block-start: -.8rem;
}
.feature .featurelist ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
  width: fit-content;
  padding-inline: var(--page-padding-inline);
  margin: 10% auto 2%;
}
.feature .featurelist li {
  max-width: 25%;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  overflow: hidden; 
}
.feature .featurelist li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.feature .innerWrap {
  padding: 8% var(--page-padding-inline);
}
.feature .innerWrap p {
  text-align: center;
  line-height: 1.6;
}
.feature .innerWrap figure {
  margin-block: 10% 0;
}
.feature .neon_pink {
  font-size: var(--font-size40);
  text-align: center;
  line-height: 1.4;
  width: fit-content;
  min-width: 84%;
  padding: 3% 1.4rem;
  margin: 0 auto 7%;
  position: relative;
}
.feature .neon_pink::before,
.feature .neon_pink::after,
.feature p.sub .border::after {
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  background: linear-gradient(-90deg, var(--com-grad-neon));
  box-shadow: 0px 0px 10px 2px rgba(246, 114, 169, 0.5);
  position: absolute;
  left: 0;
  right: 0;
}
.feature .neon_pink::before {
  top: 0;
}
.feature .neon_pink::after {
  bottom: 0;
}
.feature .innerWrap.--sec01 > p:not(.sub) {
  font-family: var(--font-noto);
  margin-block: 10%;
}
.feature p.sub {
  font-size: var(--font-size21);
  text-align: center;
  line-height: 1.5;
  margin-block: 10% 5%;
}
.feature p.sub .num {
  font-size: var(--font-size28);
}
.feature p.sub .f-l {
  font-size: var(--font-size25);
}
.feature p.sub .border {
  display: block;
  position: relative;
  border-bottom: none;
  width: fit-content;
  margin-inline: auto;
}
.feature .innerWrap p.sub + .note {
  margin-block: 0 6%;
}
.feature .innerWrap.--sec02 {
  padding-block: 0 12%;
}
.feature .innerWrap.--sec02 p:not(.sub) {
  font-family: var(--font-noto);
  margin-block: 8% 5%;
}
.feature .innerWrap.--sec02 p.sub {
  margin-block: 0 5%;
}
.feature .innerWrap.--sec02 p.sub.-multiple {
  font-size: var(--font-size28);
  position: relative;
  margin-block-end: 20%;
}
.feature .innerWrap.--sec02 p.sub.-multiple::before,
.feature .innerWrap.--sec02 p.sub.-multiple::after {
  display: block;
  content: "";
  width: 50px;
  height: 2px;
  background: linear-gradient(-90deg, var(--com-grad-neon));
  position: absolute;
  top: 0;
  bottom: -154px;
  left: 0;
  right: 0;
  margin: auto;
  box-shadow: 0px 0px 6px 2px rgba(246, 114, 169, 0.5);
}
.feature .innerWrap.--sec02 p.sub.-multiple::before {
  transform: rotate(45deg);
}
.feature .innerWrap.--sec02 p.sub.-multiple::after {
  transform: rotate(135deg);
}
.feature .innerWrap.--sec02 p.sub .border + .border {
  padding-block-start: 1rem;
}
.feature .innerWrap.--sec02 p.sub .f-l {
  font-size: var(--font-size28);
}

.howtoUse {
  text-align: center;
}
.howtoUse h2 {
  font-size: var(--font-size28);
  letter-spacing: .2rem;
}
.howtoUse h2 span {
  display: block;
  filter: var(--filter-white);
  mix-blend-mode: overlay;
  margin-block-end: .3rem;
}

.howtoUse .innerWrap.--sec01 {
  padding: 28% var(--page-padding-inline) 10%;
  background: linear-gradient(180deg, var(--com-grad-cathBg));
  background: #fbdfe5;
  background: linear-gradient(180deg, rgba(253,226,233,1) 52%, rgba(245,209,213,1) 100%);
}
.howtoUse .contentBox {
  position: relative;
  border: 1px solid #CB4075;
}
.howtoUse .contentBox .secTitle {
  position: relative;
}
.howtoUse .contentBox .secTitle > span {
  display: inline-block;
  width: min(200px, 42vw);
  aspect-ratio: 190 / 49;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fde2e9;
}
.howtoUse .contentBox .secTitle .dia {
  display: block;
  width: 100%;
  padding: 0 8%;
  position: relative;
}
.howtoUse .secTitle .dia::before,
.howtoUse .secTitle .dia::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #CB4075;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.howtoUse .contentBox .secTitle .dia::before {
  left: 0;
}
.howtoUse .contentBox .secTitle .dia::after {
  right: 0;
}
.howtoUse .contentBox .secTitle img {
  width: min(123px, 29vw);
  aspect-ratio: 123 / 49;
  mix-blend-mode: soft-light;
  margin-block-end: 7%;
}
.howtoUse .contentBox .catchTxt {
  font-size: var(--font-size21);
  line-height: 1.6;
  margin-block: 15% 10%;
  padding-inline: var(--page-padding-inline);
}
.howtoUse .contentBox .catchTxt .f-m {
  font-size: var(--font-size27);
}
.howtoUse .contentBox .catchTxt .f-l {
  font-size: var(--font-size36);
}
.howtoUse .innerWrap.--sec02 {
  color: var(--color-white);
  padding: 10% var(--page-padding-inline);
  background: var(--color-font);
}
.howtoUse .--sec02 .useInfo {
  padding-block-end: 10%;
}
.howtoUse .--sec02 .useInfo:last-child {
  padding-block-end: 0;
}
.howtoUse .--sec02 .useInfo h3 {
  font-size: var(--font-size23);
  text-shadow: var(--com-text-shadow);
  line-height: 1.3;
  padding: 1rem;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.67.jpg) center top no-repeat;
  background-size: cover;
  aspect-ratio: 724/326;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.3rem;
  margin-block-end: 7%;
}
.howtoUse .--sec02 .useInfo h3 img {
  width: min(130px, 30vw);
  mix-blend-mode: soft-light;
}
.howtoUse .--sec02 .useInfo ul li {
  display: flex;
  justify-content: space-between;
  gap: 7%;
}
.howtoUse .--sec02 .useInfo ul li + li {
  margin-block-start: 5%;
}
.howtoUse .--sec02 .useInfo ul li div {
  font-family: var(--font-noto);
  line-height: 1.4;
  text-align: left;
  width: 48%;
}
.howtoUse .--sec02 .useInfo ul li .temp {
  font-family: "Shippori Mincho", system-ui;
  font-size: var(--font-size26);
  text-align: center;
  padding-block-end: 1rem;
  width: 45%;
  border: 1px solid var(--color-white);
  border-radius: 50%;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.71.png) center center no-repeat;
  background-size: 80% 90%;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: .3rem;
}
.howtoUse .--sec02 .useInfo ul li .temp .f-l {
  font-size: var(--font-size60);
}
.howtoUse .--sec02 .useInfo ul li .-for {
  font-family: "Shippori Mincho", system-ui;
  font-size: var(--font-size23);
  display: block;
  padding-block-end: .5rem;
  margin-block-end: .8rem;
  border-bottom: 1px solid var(--color-white);
}
.howtoUse .--sec02 .useInfo.--02 .requiredTime {
  font-size: var(--font-size28);
  margin-block-start: 8%;
  position: relative;
}
.howtoUse .--sec02 .useInfo.--02 .requiredTime::before,
.howtoUse .--sec02 .useInfo.--02 .requiredTime::After {
  display: block;
  content: "";
  width: 69px;
  aspect-ratio: 69/48;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.70.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
}
.howtoUse .--sec02 .useInfo.--02 .requiredTime::before {
  top: 0;
  right: 0;
}
.howtoUse .--sec02 .useInfo.--02 .requiredTime::after {
  bottom: 0;
  left: 0;
  transform: rotate(180deg);
}
.howtoUse .--sec02 .useInfo.--02 .requiredTime p {
  display: flex;
  align-items: center;
  gap: .8rem;
}
.howtoUse .--sec02 .useInfo.--02 .requiredTime p:last-child {
  justify-content: flex-end;
}
.howtoUse .--sec02 .useInfo.--02 .requiredTime span {
  font-size: var(--font-size60);
  text-align: center;
  display: block;
  position: relative;
  z-index: 1;
  margin-block-start: -1rem;
}
.howtoUse .--sec02 .useInfo.--02 .requiredTime span::before,
.howtoUse .--sec02 .useInfo.--02 .summary-1::before {
  display: block;
  content: "";
  width: 70px;
  aspect-ratio: 1/1;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.71.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.howtoUse .--sec02 .useInfo.--02 .summary-1 {
  font-size: var(--font-size23);
  margin-block: 2rem;
  text-shadow: 0px 0px 10px rgba(168,59,59,1), 0px 0px 10px rgba(168,59,59,1), 0px 0px 30px rgba(168,59,59,1);
  display: block;
  position: relative;
  z-index: 1;
}
.howtoUse .--sec02 .useInfo.--02 .summary-1::before {
  width: 170px;
  aspect-ratio: 1/1;
}
.howtoUse .--sec02 .useInfo.--02 .summary-2 {
  color: var(--color-font);
  font-size: var(--font-size23);
  text-align: center;
  font-weight: var(--font-weight-bold);
  line-height: 1.3;
  width: 96%;
  padding: 8% 2%;
  margin-block-start: 8%;
  background: linear-gradient(90deg, var(--color-pale-pink), var(--color-pale-pink)) 50% 50% / calc(100% - 4px) calc(100% - 4px) no-repeat, linear-gradient(90deg, var(--com-border-gold));
  border-radius: 20px;
  margin-inline: auto;
}
.howtoUse .--sec02 .useInfo.--02 .summary-2 .f-l {
  font-size: var(--font-size28);
}
.howtoUse .--sec02 .useInfo.--02 .summary-2 .note.--right {
  display: block;
  text-align: right;
  padding: .2rem 1.5rem 0 0;
}

.utilities {
  color: var(--color-white);
  background: var(--color-black-01);
  padding-block-start: 10%;
}
.utilities ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
  padding-inline: var(--page-padding-inline);
}
.utilities ul li {
  width: 40%;
}
.utilities .ut_catch {
  font-size: var(--font-size23);
  text-align: center;
  margin-block: 10%;
  line-height: 1.5;
}
.utilities .ut_catch .border {
  font-size: var(--font-size30);
  border-bottom: none;
  position: relative;
  display: block;
  width: fit-content;
  margin-inline: auto;
}
.utilities .ut_catch .border::after {
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  background: linear-gradient(-90deg, var(--com-grad-neon));
  box-shadow: 0px 0px 10px 2px rgba(246, 114, 169, 0.5);
  position: absolute;
  left: 0;
  right: 0;
}
.utilities .movie {
  padding-inline: var(--page-padding-inline);
  margin-block-end: 60%;
}

.utilities .--occur {
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.13.png) center center no-repeat, linear-gradient(180deg, var(--com-bg-grad03));
  background-size: 180% 260%;
  background-position: 50% 0%;
  background-blend-mode: darken;
}
.utilities .--occur .decoCatch {
  padding: 4% var(--page-padding-inline) 13%;
}
.utilities .--occur .decoCatch::before {
  display: none;
}

.--com-icelady {
  font-size: min(23px, 6vw);
  text-align: center;
  background: linear-gradient(180deg, var(--com-grad-cathBg));
  padding: 0 0 12%;
}
.--com-icelady .titleBox {
  letter-spacing: 0;
  padding-block: 4% 0;
  margin: 0 0 16%;
}
.--com-icelady .titleBox .inner p {
  margin-block-start: 3%;
}
.--com-icelady .titleBox img {
  margin-inline: auto;
  filter: var(--filter-white);
  mix-blend-mode: soft-light;
}
.--com-icelady .titleBox + p {
  line-height: 1.4;
}
.--com-icelady .inner {
  padding-inline: var(--page-padding-inline);
}

.about.--com-icelady .titleBox {
  font-size: min(28px, 9vw);
}
.about.--com-icelady .titleBox .inner span {
  width: min(56px, 20vw);
  mix-blend-mode: soft-light;
}
.about > .inner {
  padding-block-start: 5%;
}
.about > .inner > p {
  line-height: 1.5;
}
.about.--com-icelady .imgBox {
  padding-inline: var(--page-padding-inline);
  margin-block: 7%;
}
.about.--com-icelady .imgBox img + img {
  margin-block-start: 3%;
}
.about.--com-icelady .txtBox {
  line-height: 1.4;
}
.about.--com-icelady .num-unit {
  font-size: min(80px, 18vw);
  font-style: italic;
  line-height: 1;
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-block-end: 5%;
}
.about.--com-icelady .num-unit span {
  font-size: min(32px, 10vw);
  font-style: italic;
  text-shadow: var(--com-text-shadow);
}
.about.--com-icelady .num-unit::after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(255, 243, 225, 1) 0%, rgba(131, 96, 5, 1) 50%, rgba(255, 243, 225, 1) 100%);
  position: absolute;
  bottom: -3px;
  z-index: -1;
}
.about.--com-icelady .bnr {
  margin-block-start: 8%;
}

.feature.--com-icelady {
  padding: 0;
  background: var(--color-salmon-pink2);
}
.feature.--com-icelady .titleBox {
  font-size: min(24px, 8vw);
  letter-spacing: -1px;
  padding-block: 6% 0;
}
.feature.--com-icelady .titleBox img {
  width: min(80px, 30vw);
  aspect-ratio: 168 / 60;
}
.feature.--com-icelady .titleBox + figure {
  margin-block-start: -15%;
}
.feature.--com-icelady .innerTxt {
  line-height: 1.4;
  color: var(--color-white);
  position: relative;
  overflow: hidden;
  text-shadow: var(--com-text-shadow);
}
.feature.--com-icelady .innerTxt .decoCatch {
  padding: 10% var(--page-padding-inline);
  margin-block-start: 0;
}
.feature.--com-icelady .innerTxt .decoCatch::before {
  background-size: 100% auto;
  mix-blend-mode: luminosity;
  opacity: .5;
}
.feature.--com-icelady .innerTxt .border {
  display: inline-block;
  letter-spacing: 1px;
}

.feature.--com-icelady .innerTxt .f-l {
  font-size: min(30px, 9vw);
}
.feature.--com-icelady .innerTxt p:last-of-type {
  margin-block-start: 1.3em;
} 

.products.--com-icelady {
  padding-block:  0 15%;
}
.products.--com-icelady .titleBox {
  font-size: min(24px, 8vw);
  letter-spacing: -1px;
  padding-block: 6% 0;
  margin-block-end: 18%;
}
.products.--com-icelady .titleBox img {
  width: min(127px, 38vw);
  aspect-ratio: 127 / 25;
}
.products.--com-icelady dl {
  padding-inline: var(--page-padding-inline);
}
.products.--com-icelady dl div + div {
  margin-block-start: 12%;
}
.products.--com-icelady dl dt {
  position: relative;
  display: flex;
  align-items: center;
  margin-block-end: 5%;
}
.products.--com-icelady dl dt span {
  font-size: min(18px, 5vw);
  letter-spacing: 0;
  flex-shrink: 0;
  padding-inline: 7%;
  position: relative;
}
.products.--com-icelady dl dt::before,
.products.--com-icelady dl dt::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-font);
}
.products.--com-icelady dl dt span::before,
.products.--com-icelady dl dt span::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: var(--color-font);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.products.--com-icelady dl dt span::before {
  left: 0;
} 
.products.--com-icelady dl dt span::after {
  right: 0;
}

.company.--com-icelady {
  color: var(--color-white);
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.97.png), var(--color-salmon-pink2);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-blend-mode: screen;
  position: relative;
  z-index: 0;
}
.company.--com-icelady::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.13.png) center center no-repeat;
  background-size: 130% 84%;
  background-position: center center;
  opacity: .5;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}
.company.--com-icelady .titleBox {
  font-size: min(18px, 8vw);
  letter-spacing: -1px;
  padding-block: 6% 1%;
  margin-block-end: 20%;
}
.company.--com-icelady .titleBox img {
  width: min(224px, 48vw);
  aspect-ratio: 224 / 64;
}
.company.--com-icelady .borderbox p {
  text-shadow: var(--com-text-shadow);
}
.company.--com-icelady .innerWrap {
  width: 86%;
  margin-inline: auto;
}
.company.--com-icelady .innerWrap p {
  font-size: min(14px, 4vw);
  line-height: 1.6;
  text-align: left;
  text-shadow: var(--com-text-shadow);
}
.company.--com-icelady .innerWrap ul {
  margin-block: 11% 17%
}
.company.--com-icelady .innerWrap ul li span {
  display: flex;
  align-items: center;
  gap: 5%;
  margin-block-end: 7%;
}
.company.--com-icelady .innerWrap ul li span.filter img {
  filter: var(--filter-white);
  mix-blend-mode: overlay;
}
.company.--com-icelady .innerWrap ul li span::after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,.3);
}
.company.--com-icelady .innerWrap ul li span img {
  width: auto;
  height: min(40px, 10vw);
}
.company.--com-icelady .innerWrap ul li + li {
  margin-block-start: 12%;
}

.company.--com-icelady .support {
  text-align: left;
}
.company.--com-icelady .support figure {
  margin-block-end: 8%;
}
.company.--com-icelady .support p + p {
  margin-block-start: 1em
}
.company.--com-icelady .support .name {
  font-size: min(25px, 7vw);
  margin-block-start: 0;
}
.company.--com-icelady .support .name span {
  font-size: min(16px, 4.5vw);
}

.brand.--com-icelady .titleBox {
  font-size: min(22px, 9vw);
  letter-spacing: -1px;
  line-height: 1.3;
  padding-block: 6% 0;
  margin-block-end: 17%;
}
.brand.--com-icelady .titleBox img {
  width: min(200px, 80vw);
  aspect-ratio: 118 / 15;
}
.brand.--com-icelady ul li p {
  font-size: min(18px, 5vw);
  margin-block-end: 2%;
}
.brand.--com-icelady ul li + li {
  margin-block-start: 5%;
}

.bottom-info {
  font-family: var(--font-noto);
  color: var(--color-white);
  text-align: center;
  padding: 18% var(--page-padding-inline) 8%;
  background: var(--color-font);
}
.bottom-info ul li a {
  display: inline-block;
  padding: 10px;
}
.bottom-info .borderbox {
  width: 80%;
  margin-inline: auto;
}
.bottom-info .--list-circle li {
  font-size: min(18px, 5vw);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1%;
  padding: 3% 0;
}
.bottom-info .detailLink {
  padding: 4%;
}
.bottom-info .detailLink a {
  font-size: min(18px, 5vw);
  text-decoration: underline;
}
.bottom-info .bottom-info-logo {
  width: min(120px, 35vw);
  margin: 14% auto 0;
}

.repayBtn {
  background: rgba(253,230,241,.6);
  border-radius: 100px;
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 230/70;
  margin: 10% auto 0;
  box-shadow: var(--com-text-shadow); 
}
.repayBtn a {
  color: var(--color-font);
  font-size: min(18px, 5vw);
  line-height: 1.4;
  font-weight: var(--font-weight-bold);
  background: var(--color-pale-pink);
  border-radius: 100px;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 94%;
  height: 82%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer {
  font-family: var(--font-noto);
  color: var(--color-white);
  text-align: center;
  padding: 1% var(--page-padding-inline);
  background: var(--color-font);
}
.footer .wordList {
  font-size: min(8px, 2vw);
  display: flex;
  flex-wrap: wrap; 
}
.footer .wordList li {
  width: fit-content;
  text-align: left;
  padding: .5% 2% .5% 0;
}
.footer .itemName {
  width: 70%;
  margin: 8% auto;
 }


/** PC **/
@media screen and (min-width: 721px) {
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
  a {
    transition: opacity 0.3s ease;
  }

  /** ロゴ **/
  .pc-logo {
    color: var(--color-black);
    font-family: var(--font-noto);
    width: calc(((100vw - 430px)/2) * 0.6);
    min-width: 180px;
    max-width: 360px;
    position: fixed;
    top: 3%;
    left: 3%;
  }
  .pc-logo img {
    max-width: 320px;
  }
  .pc-logo span {
    display: block;
    font-size: clamp(0.75rem, 0.67rem + 0.4vw, 1.625rem);
    line-height: 1.3;
    margin-block-start: 1em;
  }
  
  /** 購入ボタン **/
  .com-purchaseBtn.--pc {
    width: calc((100vw - 430px)/2);
    width: 300px;
    position: fixed;
    top: 3%;
    right: 3%;
    margin: 0;
    z-index: 1;
  }
  .com-purchaseBtn.--pc .addCart {
    border-radius: 10px;
    transition: opacity .3s ease;
  }
  .com-purchaseBtn.--pc .addCart:hover {
    opacity: .8;
  }
  .com-purchaseBtn.--pc .addCart .btn-txt-01 {
    font-size: min(24px, 5vw);
  }
  .com-purchaseBtn.--pc .addCart .btn-txt-02 {
    font-size: min(18px, 3vw);
  }
  .com-purchaseBtn.--pc .addCart .btn-txt-03 {
    font-size: min(20px, 3vw);
  }

  /** スクロール **/
  .pcContents {
    position: fixed;
    width: 100dvw;
    height: 100dvh;
    top: 0;
    left: 0;
    right: 0;
    background: url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.96.png) 92% 46% no-repeat,
    url(https://gigaplus.makeshop.jp/Fachant/【3.4】icelady-hairiron/【3.4BF】icelady-hairiron_Used_Creative_Design/【3.4BF】icelady-hairiron_Used_Creative_Design7.95.jpg) left top no-repeat;
    background-size: 300px, cover;
    background-blend-mode: normal, normal;
  }
  .scrollWrap {
    position: fixed;
    top: 90%;
  }
  .scrollWrap.--left {
    right: calc(50% + 245px);
  }
  .scrollWrap.--right {
    left: calc(50% + 245px);
  }
  .scroll-mark {
    font-weight: var(--font-weight-bold);
    position: relative;
  }
  .scroll-mark::before {
    content: "";
    width: 2px;
    height: 90px;
    background: var(--color-font);
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
    margin: auto;
  }
  .scroll-mark::after {
    content: "";
    width: 12px;
    height: 12px;
    border-top: 2px solid var(--color-font);
    position: absolute;
    border-right: 2px solid var(--color-font);
    transform: rotate(135deg);
    position: absolute;
    left: 0;
    right: 0;
    top: -21px;
    margin: auto;
  }

}