@charset "utf-8";

/* ---------------------------------------------
- 縞鯵五目（ index ）
- CSパワーコーン（ cs-power_corn ）
- 桃色餌薬（ momoiro-eyaku ）
- 練生まんじゅう（ neri-nama-manjyu )
- 練生まんじゅう/4色覚（ nerinama-manjyu-attr )
- 誘拡散（ yukakusan )
----------------------------------------------------- */

/* ---------------------------------------------
- 縞鯵五目（ index ） 
--------------------------------------------- */

/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#shimaaji #wrap::before {
	content: "";
  display: block;
	margin: auto calc(50% - 50vw);
	width: 100vw;
	height: 100vh;
  background: url( ../site_images/prodCAT/shimaaji/category_shima-aji_BG.jpg);
  background: image-set( url( ../site_images/prodCAT/shimaaji/category_shima-aji_BG.webp));
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

#shimaaji #wrap::after {
	content: "";
  display: block;
	margin: auto calc(50% - 50vw);
	width: 100vw;
	height: 100vh;
  background-color: rgba(0,0,0,0.4);
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.shimaaji {
  color: var(--white);
}


/* --- TOP --- */
.shimaaji_TOP {
  margin: 8% auto auto;
  width: 84%;
}

/* --- TITLE --- */
.shimaaji_TTL {
  margin: 15% auto 15%;
  width: 80%;
}

.shimaaji_TTL h2 {
  width: fit-content;
  font-family: "ShipporiMin", serif;
	font-weight: 400;
  font-size: var(--fs_18);
	line-height: 1;
  letter-spacing: 0.05em;
  text-align: left;
  position: relative;
}

.shimaaji_TTL h2::after {
  content: "";
  width: 2.5em;
  height: 1px;
  position: absolute;
  top: 60%;
  right: -3.5em;
  background-color: var(--white);
  opacity: 0.75;
}

/* --- TEXT --- */
.shimaaji_TXT {
  margin: -2% auto;
  width: 80%;
}

.shimaaji_TXT p {
  width: fit-content;
  font-family: "ShipporiMin", serif;
	font-weight: 400;
  font-size: var(--fs_17);
	line-height: 2;
  letter-spacing: 0.1em;
  text-align: left;
  position: relative;
}

/* --- LIST --- */
.shimaaji_LST {
  margin: 15% auto 30%;
  padding-top: 10%;
  width: 70%;
}

.shimaaji_LST h2 {
  margin: auto auto 25%;
  width: fit-content;
  font-family: "CrSC", serif;
  font-weight: 500;
  font-size: var(--fs_20);
	line-height: 1;
  letter-spacing: 0.05em;
}

.shimaaji_LST li {
  margin-bottom: 25%;
}

.shimaaji_LST li a:active,
.shimaaji_LST li a:hover {
  opacity: 0.6;
}

.shimaaji_LST li a .link-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shimaaji_LST li a .link-logo h3 {
  width: 33%;
  margin: auto;
  margin-left: 0;
}

.shimaaji_LST li a .link-logo h3.one {
  width: 32%;
  margin: auto;
  margin-left: -4%;
}

.shimaaji_LST li a .link-logo h3.two {
  width: 33%;
  margin: auto;
  margin-left: 0;
}

.shimaaji_LST li a .link-logo h3.three {
  width: 33%;
  margin: auto;
  margin-left: 0;
}

.shimaaji_LST li a .link-logo h3.four {
  width: 28%;
  margin: auto;
  margin-left: -2%;
}

.shimaaji_LST li .link-logo p {
  padding-left: 2em;
  width: 60%;
  font-family: "ShipporiMin", serif;
	font-weight: 400;
  font-size: var(--fs_13);
	line-height: 1;
  letter-spacing: 0.05em;
  text-align: left;
  white-space: nowrap;
}



/* ---------------------------------------------
- CSパワーコーン（ cs-power_corn ）
--------------------------------------------- */

/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#CSpower-corn #wrap::before {
	content: "";
  display: block;
	margin: auto calc(50% - 50vw);
	width: 100vw;
	height: 100vh;
  background-color: var(--white);
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.CSpower-corn {
  margin: auto;
  padding-top: 1%;
}

/* --- TOP --- */
.csp-corn-TOP {
  margin-bottom: 0;
  position: relative;
}

.csp-corn-TOP p {
  color: var(--white);
}

.csp-corn-TOP p:nth-of-type(1) {
  width: 100%;
  font-family: "ShipporiMin",serif;
  font-weight: 400;
  font-size: min(6.4vw,48px);
  text-align: center;
  position: absolute;
  top: 7.7%;
  left: 0;
}

.csp-corn-TOP p:nth-of-type(2) {
  width: 100%;
  font-family: "ShipporiMin",serif;
  font-weight: 600;
  font-size: min(10vw,75px);
  text-align: center;
  position: absolute;
  top: 15%;
  left: 0;
}

.csp-corn-TOP p:nth-of-type(3) {
  width: 100%;
  font-family: "ShipporiMin",serif;
  font-weight: 400;
  font-size: min(6vw,45px);
  text-align: center;
  
  position: absolute;
  top: 25%;
  left: 0;
}

.csp-corn-TOP h1 {
  width: 100%;
  font-family: "MGo2",sans-serif;
  font-weight: 400;
  font-size: var(--fs_18);
  text-align: right;
  color: var(--white);
  position: absolute;
  bottom: 3%;
  right: 5%;
}

/* icon */
.csp-corn-TOP__icon {
  width: 15%;
  position: absolute;
  top: 2%;
  left: 3%;
  z-index: 1;
}

/* --- TEXT --- */
.csp-corn-TXT {
  margin: 5% auto;
  padding: 5% 0;
  width: 85%;
  border-top: solid min(0.2vw,1.5px) var(--black);
  border-bottom: solid min(0.2vw,1.5px) var(--black);
} 

.csp-corn-TXT p {
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
} 

.csp-corn-TXT p:nth-of-type(1) {
  font-size: var(--fs_15);
} 

.csp-corn-TXT p:nth-of-type(2) {
  font-size: var(--fs_18);
} 


/* --- BG-TXT --- */
.csp-corn-BG-TXT {
  margin: auto;
  padding: 5% 0;
  width: 90%;
  background: url( ../site_images/prodCAT/shimaaji/cs-power-corn/cs-power-corn_03.jpg) no-repeat;
  background-size: cover;
  position: relative;
}

.csp-corn-BG-TXT p:nth-of-type(1) {
  margin: auto auto 5%;
  width: 100%;
  text-align: center;
  font-family: "ShipporiMin", serif;
  font-weight: 600;
  font-size: min(6.666667vw,50px);
  line-height: 1;
} 

.csp-corn-BG-TXT p:nth-of-type(2) {
  margin: auto;
  width: 80%;
  text-align: justify;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);
  line-height: 1.3;
} 

/* --- INSERT --- */
.csp-corn-INSERT {
  margin: auto;
  padding: 5%;
  width: 100%;
  position: relative;
  z-index: 0;
} 

.csp-corn-INSERT__text {
  padding: 5% 0;
  width: 67.049808%;
  background-color: #ebe1a9;
  z-index: 0;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.45);
} 

.csp-corn-INSERT__text h2 {
  width: 100%;
  text-align: center;
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  font-size: var(--fs_18);
  line-height: 1;
  position: relative;
  z-index: 0;
  transform: translate(-5%, 0);
} 

.csp-corn-INSERT__text h2::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 65%;
  left: 50%;
  width: 85%;
  height: 100%;
  background: url( ../site_images/parts/other/paint10.png) no-repeat;
  background-size: contain;
  transform: translate(-50%,0) rotate(0deg) scale(1,0.75);
  z-index: -1;  
}

.csp-corn-INSERT__text p {
  margin: 4% auto 0;
  margin-left: 10%;
  width: 68%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_13);
  line-height: 1.2;
  text-align: justify;
} 

.csp-corn-INSERT__photo {
  width: 40%;
  position: absolute;
  top: auto;
  bottom: 13%;
  left: auto;
  right: 5%;  
  box-shadow: 5px 5px 10px rgba(0,0,0,0.45);
} 

/* --- BG-TEXT2 --- */
.csp-corn-BG-TXT2 {
  margin: auto;
  padding: 5% 0;
  width: 90%;
  background: url( ../site_images/prodCAT/shimaaji/cs-power-corn/cs-power-corn_05.jpg) no-repeat;
  background-size: cover;
} 

.csp-corn-BG-TXT2 p:nth-of-type(1) {
  margin: auto auto 5%;
  width: 100%;
  text-align: center;
  font-family: "ShipporiMin", serif;
  font-weight: 600;
  font-size: min(6.8vw,51px);
  line-height: 1;
} 

.csp-corn-BG-TXT2 p:nth-of-type(2) {
  margin: auto;
  width: 80%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);
  line-height: 1.3;
  text-align: justify;
} 

/* --- USAGE --- */
.csp-corn-USAGE {
  margin: auto;
  padding: 15% 0 17%;
}

.csp-corn-USAGE__text {
  margin: auto auto 15%;
  position: relative;
}

.csp-corn-USAGE__text p:nth-of-type(1) {
  margin-bottom: 0.5em;
  font-family: "ShipporiMin", serif;
  font-weight: 600;
  font-size: var(--fs_18);
  line-height: 1;
  text-align: center;
}

.csp-corn-USAGE__text p:nth-of-type(2) {
  margin-bottom: 6%;
  font-family: "ShipporiMin", serif;
  font-weight: 600;
  font-size: min(6.667vw,50px);
  line-height: 1;
  text-align: center;
}

.csp-corn-USAGE__text p:nth-of-type(3),
.csp-corn-USAGE__text p:nth-of-type(4),
.csp-corn-USAGE__text p:nth-of-type(5) {
  margin-bottom: 1em;
  font-family: "ShipporiMin", serif;
  font-weight: 400;
  font-size: var(--fs_13);
  line-height: 1.3;
  text-align: center;
}

.csp-corn-USAGE__text p:last-child {
  margin-bottom: 0;
}

/* --- USAGE --- */
.csp-corn-USAGE__photo {
  margin: auto;
  width: 80%;
  display: flex;
  justify-content: space-between;
}

/* 1 */
.csp-corn-USAGE__photo--1 {
  width: 33.334vw;
  height: 33.334vw;
  box-shadow: 4.167vw 4.167vw 5.834vw #555;
}

/* 2 */
.csp-corn-USAGE__photo--2 {
  width: 33.334vw;
  height: 33.334vw;
  box-shadow: 4.167vw 4.167vw 5.834vw #555;
  transform: translate(0%,50%);
}

/* --- BOT --- */
.csp-corn-BOT {
  margin: 18% auto auto;
  width: 100%;
}



/* -----------------------------------
- 桃色餌薬（ momoiro-eyaku ）
----------------------------------- */

/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#momoiro-eyaku #wrap::before {
	content: "";
  display: block;
	margin: auto calc(50% - 50vw);
	width: 100vw;
	height: 100vh;
  background-color: var(--white);
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.momoiro-eyaku {
  margin: auto;
  padding-top: 1%;
}

/* --- top --- */
.momoiro-TOP {
  margin-bottom: 0;
  padding: 11% 0 3% 3% ;
  position: relative;
  z-index: 0;
}

.momoiro-TOP__PHOTO,
.momoiro-TOP__PHOTO2 {
  width: 67.667%;
  z-index: 0; 
}

.momoiro-TOP__PHOTO2 {
  position: absolute;
  top: 3%;
  left: auto;
  right: 3%;
}

.momoiro-TOP__TXT {
  position: absolute;
  top: 25%;
  left: 2.9%;
  padding: 5% 0;
  width: 63.334%;
  background-color: var(--white);
  z-index: 0;
}

.momoiro-TOP__TXT p:nth-of-type(1) {
  margin-bottom: 0.6em;
  width: 100%;
  font-family: "ShipporiMin",serif;
  font-weight: 600;
  font-size: var(--fs_13);
  text-align: center;
  line-height: 1;
}

.momoiro-TOP__TXT p:nth-of-type(2) {
  width: 100%;
  font-family: "ShipporiMin",serif;
  font-weight: 600;
  font-size: min(5.667vw,42.5px);
  text-align: center;
  line-height: 1;
}


/* --- TITLE --- */
.momoiro-TTL {
  padding: 7.5% 0;
  width: 100%;
  text-align: center;
} 

.momoiro-TTL p:nth-of-type(1) {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: var(--fs_18);
  line-height: 1.5;
  white-space: nowrap;
  position: relative;
  z-index: 0;
}

.momoiro-TTL p:nth-of-type(1).f1::before {
  content: "";
  position: absolute;
  top: 49%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: url( ../site_images/parts/other/paint10.png) no-repeat;
  background-size: contain;
  transform: scale(0.9,0.7);
  z-index: -1;
}

.momoiro-TTL p:nth-of-type(2) {
  margin-top: 8.6206896%;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: var(--fs_16); 
  line-height: 1.5;
  white-space: nowrap;
}

.momoiro-TTL p:nth-of-type(2) span {
  letter-spacing: -3px;
}

.momoiro-TTL p:nth-of-type(3) {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: min(11vw,82.5px);
  line-height: 1.2;
  white-space: nowrap;
}

/* --- TEXT --- */
.momoiro-TXT {
	margin: auto;
  padding: 5% 0 5%;
  position: relative;
} 

.momoiro-TXT__text {
	margin: auto 3% auto auto;
	padding: 12% 3% 5% 19%;
	width: 75%;
	background-color: var(--gray);
	border: solid 1px var(--gray);
	position: relative;
}

.momoiro-TXT__text p:nth-of-type(1) {
  padding: 0.75em 1.5em;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_16);  
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  background-color: var(--white);
	position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
}

.momoiro-TXT__text p:nth-of-type(2) {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);  
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: justify;
}

/* INSERT-photo */
.momoiro-TXT-INSERT {
  width: 35%;
  position: absolute;
  top: 16%;
  left: 3%;
  z-index: 1;  
}

.momoiro-TXT-INSERT__photo:nth-of-type(1) {
  margin-bottom: 9%;
}

/* --- BOT(bottom) --- */
.momoiro-BOT {
  margin: 5% auto auto;
  padding: 5% 0 5%;
  position: relative;
  z-index: 0;
} 

/* BG */
.momoiro-BOT__BG {
  position: absolute;
  top: 0;
  left: 3%;
  width: 94%;
  height: min(26.666667vw,200px);
  background-color: var(--gray);
  z-index: 0;
} 

.momoiro-BOT__BG2 {
  position: absolute;
  bottom: 0;
  left: 3%;
  width: 94%;
  height: min(26.666667vw,200px);
  background-color: var(--gray);
  z-index: -1;
} 

.momoiro-BOT img {
  margin: auto;
  width: 75%;
  position: relative;
  z-index: 0;
} 


.momoiro-BOT__TXT {
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translate(-50%,0);
  padding: 4% 0;
  width: 75%;
  text-align: center;
  z-index: 0;
}

.momoiro-BOT__TXT p:nth-of-type(1) {
  margin: 0 auto 2%;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: min(8vw,60px);  
  line-height: 1;
  white-space: nowrap;
}

.momoiro-BOT__TXT p:nth-of-type(2) {
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: min(5.6vw,42px);  
  line-height: 1;
  white-space: nowrap;
}



/* ---------------------------------------------
- 練生まんじゅう（ neri-nama-manjyu )
--------------------------------------------- */

/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#neri-nama-manjyu #wrap::before {
	content: "";
  display: block;
	margin: auto calc(50% - 50vw);
	width: 100vw;
	height: 100vh;
  background-color: var(--white);
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.neri-nama-manjyu {
  margin: auto;
  padding-top: 10%;
  width: 100%;
 
}


/* --- --- TOP --- --- */
.neri-nama-manjyu .TOP {
  margin: auto;

    position: relative;
}

.neri-nama-manjyu .TOP .text {
  margin: auto auto 11.6667% 5%;
  width: 64%;
}

.neri-nama-manjyu .TOP .image {
  position: relative;
}

/* icon */
.neri-nama-manjyu .TOP .FULLtemp {
  width: 12%;
  position: absolute;
  top: 2%;
  right: 2%;
}

/*
.neri-nama-manjyu .TOP .NEW {
  width: 14%;
  position: absolute;
  top: 2%;
  right: 16%;
}
*/

/* --- --- TEXT --- --- */
/* TITLE */
.neri-nama-manjyu .TITLE {
  margin: 15% auto 12%;
  width: 90%;
}

.neri-nama-manjyu .TITLE p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 500;
  font-size: min(41.25px, max(5.5vw, 19.8px));
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: left;
}

.neri-nama-manjyu .TITLE p:nth-of-type(1) {
  margin-bottom: 5%;
}

/* TITLE-sub */
.neri-nama-manjyu .TITLE-sub {
  margin: auto auto 12%;
  width: 90%;
}

.neri-nama-manjyu .TITLE-sub p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_14-4);
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: left;
}

.neri-nama-manjyu .TITLE-sub p:nth-of-type(1) {
  margin-bottom: 2.5%;
}

/* TEXT */
.neri-nama-manjyu .TEXT {
  margin: auto;
  width: 90%;
}

.neri-nama-manjyu .TEXT p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: justify;
  
}

/* --- --- BOTTOM --- --- */
.neri-nama-manjyu .BOTTOM {
  margin: auto;
}

/* photo */
.neri-nama-manjyu .BOTTOM .photo {
  margin: 12% auto;
}

/* text */
.neri-nama-manjyu .BOTTOM .text {
  margin: auto;
  width: 89%;
}

.neri-nama-manjyu .BOTTOM .text p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: justify;
}



/* -----------------------------------------------------
- 練生まんじゅう/4色覚（ nerinama-manjyu-attr )
----------------------------------------------------- */
/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#neri-nama-manjyu-attr #wrap::before {
	content: "";
  display: block;
	margin: auto calc(50% - 50vw);
	width: 100vw;
	height: 100vh;
  background-color: var(--white);
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.neri-nama-manjyu-attr {
  margin: auto;
  padding-top: 1%;
}


/* ------ TOP  ------ */
.manjyu-attr-TOP {
  margin: auto;
  width: 90%;
}

.manjyu-attr-TOP p {
  margin: 20% auto;
  width: 95%;
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-size: min( 6.3vw, 47.25px);
  letter-spacing: 0.3em;
  line-height: 1.6;
  text-align: left;
}

.manjyu-attr-TOP p::after {
  content: "";
  display: inline-block;
  margin-right: -0.3em;
}

/* ------ INSERT  ------ */
.manjyu-attr-INSERT {
  margin: auto;
  width: 90%;
}

/* ------ TITLE  ------ */
.manjyu-attr-TTL {
  margin: 20% auto 20%;
  width: 90%;
}

.manjyu-attr-TTL p {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_18);
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}

.manjyu-attr-TTL p {
}

.manjyu-attr-TTL p:nth-of-type(2) {
  margin: 5% auto 5%;
  font-size: var(--fs_18);
}

/* --- TEXT --- */
.manjyu-attr-TXT {
  margin: auto auto 20%;
  width: 90%;
}

.manjyu-attr-TXT p {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);
  letter-spacing: 0.05em;
  line-height: 2;
  text-align: left;
  white-space: nowrap;
}

/* --- BOT --- */
.manjyu-attr-BOT {
  margin: 18% auto auto;
  width: 100%;
}



/* ----------------------------------------
- 誘拡散（ yukakusan )
---------------------------------------- */

/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#itaneri-capture #wrap::before {
	content: "";
  display: block;
	margin: auto calc(50% - 50vw);
	width: 100vw;
	height: 100vh;
  background-color: var(--white);
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

.yukakusan {
  margin: auto;
}

/* --- TOP --- */
.yukakusan-TOP {
  margin: auto;
  padding: 15% 0 0;
}

/* IMG */
.yukakusan-TOP__IMG {
  margin: auto;
  width: 20%;
}

/* IMG2 */
.yukakusan-TOP__IMG2 {
  margin: 15% auto auto;
  width: 55%;
}

/* --- PHOTO --- */
.yukakusan-PHOTO {
  margin: 25% auto 25%;
  width: 80%;
  position: relative;
}

.yukakusan-PHOTO h1 {
  width: fit-content;
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-size: var(--fs_13);
  line-height: 1;
  letter-spacing: 0.1em;
  white-space: nowrap;
  position: absolute;
  top: -1.5em;
  right: 0;
}

.yukakusan-PHOTO__inbox {
  width: 100%;
}

/* 背景画像(SVG) */
.yukakusan-PHOTO__BG {
	width: 126%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, 0);
}

/* --- TEXT --- */
.yukakusan-TXT {
  margin: 20% auto 20%;
  width: 80%;
}

.yukakusan-TXT h2 {
  width: fit-content;
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-size: min(5.333333vw,40px);
  line-height: 1;
  letter-spacing: 0.5em;
  text-align: left;
  white-space: nowrap;
}

.yukakusan-TXT h2 span.f1 {
  display: inline-block;
  margin-top: 0.4em;
  font-weight: 400;
  font-size: 250%;
  line-height: 1;
  letter-spacing: 0em;
}

.yukakusan-TXT p {
  margin-top: 10%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);
  line-height: 1.8;
  letter-spacing: 0.16em;
  text-align: justify;
}

/* --- PHOTO2 --- */
.yukakusan-PHOTO2 {
  margin: auto auto auto;
  width: 100%;
}

/* --- TEXT2 --- */
.yukakusan-TXT2 {
  margin: 35% auto 20%;
  width: 80%;
}

.yukakusan-TXT2 h2 {
  font-family: "CrInfant", serif;
  font-weight: 500;
  font-size: min(75px, max(10vw, 36px));
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: left;
  white-space: nowrap;
}

.yukakusan-TXT2 h2 span.f1 {
  display: inline-block;
  font-size: 200%;
}

.yukakusan-TXT2 h2 span.f2 {
  letter-spacing: 0.35em;
}

.yukakusan-TXT2 p {
  margin-top: 2%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: min(40px, max(5.333333vw, 19.1999px));
  line-height: 1.6;
  letter-spacing: 0.15em;
  text-align: left;
  white-space: nowrap;
  
}

/* --- sample-cart ---- */
#yukakusan .cart_wrap .img-area .photo {
  width: 50%;
}