@charset "utf-8";

/* -----------------------------------------------------
- ロゴステッカープレゼント( STICKERS_distr)
- LINEテクニカルサポート  ( LINE_technical-support ）

(Slider)
- 翌日発送               （ ND-shipping )
- LINE友だち登録          ( LINE_add-friend )
- メンバー割引サポート    ( MD-Support )
- 工場在庫注文           （ Factory_Stock_Order )
- 追加購入される方へ     （ for_add-items )

----------------------------------------------------- */

/* -----------------------------------------------------
- ロゴステッカープレゼント( STICKERS_distr)
----------------------------------------------------- */

/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#distr #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;
}

.distr {
  margin: auto;
  padding: 15% 0 20%;
  width: 100%;
}

/* --- TOP --- */
.distr_TOP {
  margin: auto auto 10%;
  width: 100%;
}

/* --- INS_img --- */
.distr_ins-img {
  margin: auto auto 15%;
  width: 90%;
}

/* --- TXT --- */
.distr_TXT {
  margin: auto auto 15%;
  width: 90%;
}

.distr_TXT h1 {
  margin-bottom: 4%;
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_15);
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
}

.distr_TXT h1 span.f1 {
  letter-spacing: 0.3em;
}

.distr_TXT h2 {
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 900;
  font-size: min(45px, max(6vw, 21.6px));
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
}

.distr_TXT h2 span.f2 {
  letter-spacing: 0.3em;
}

.distr_TXT .divider-line {
  margin: 10% auto auto;
  width: 90%;
  height: 1px;
  background-color: var(--black);
  transform: scale(1,0.5);
}

/* --- NOTICE --- */
.distr_NOTICE {
  margin: auto;
  width: 90%;
}



/* -----------------------------------------------------
- LINEテクニカルサポート（ LINE_technical-support ）
----------------------------------------------------- */

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

/* PC(750px以上) */
@media screen and (min-width:751px) {
  #LINE-tech-support::before {
    background-position: 5% 50%;
  }

}

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

.LINE-tech-support {
  padding: 25% 0 15%;
  color: var(--white);
}

/* --- TOP --- */
.LINE-tech-support-TOP {
  position: relative;
  z-index: 1;
}

.LINE-tech-support-TOP h1 {
  margin: auto;
  width: 56%;  
}

.LINE-tech-support-TOP p {
  margin: 20% auto 25%;
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_18);
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
}

/* --- TEXT --- */
.LINE-tech-support-TXT {
  margin: auto;
  padding-left: 4%;
  width: 85%;
  color: var(--white);
}

.LINE-tech-support-TXT__inbox {
  margin: 5% auto 10%;
}

.LINE-tech-support-TXT__inbox:last-child {
  margin: 25% auto auto;
}

.LINE-tech-support-TXT__inbox h2 {
  margin: auto auto 1.5% -4%;
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 500;
  font-size: var(--fs_17);
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
}

.LINE-tech-support-TXT__inbox p {
  margin-bottom: 1.5%;
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 500;
  font-size: var(--fs_14);
  letter-spacing: 0.0em;
  line-height: 1.6;
  text-align: justify;
  text-indent: -5.5%;
}

.LINE-tech-support-TXT__inbox p:last-child {
  margin-bottom: 0;
}

.LINE-tech-support-TXT__inbox p span.f1 {
  display: inline-block;
  transform: translate(-0.2em,0) scale(0.7);
}

.LINE-tech-support-TXT__inbox p.shrink {
  margin: 3% auto;
  padding: 2% 0;
  width: 90%;
  font-size: var(--fs_12);
  position: relative;
}

.LINE-tech-support-TXT__inbox p.shrink::before {
  content: "";
  display: inline-block;
  width: 107%;
  height: 1px;
  background-color: var(--white);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-52%,-50%) scale(1,0.5);
}

.LINE-tech-support-TXT__inbox p.shrink::after {
  content: "";
  display: inline-block;
  width: 107%;
  height: 1px;
  background-color: var(--white);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-52%,-50%) scale(1,0.5);
}

/* --- 友だち登録 --- */
.LINE-tech-support .entry {
  margin: 35% auto 5%;
  width: 80%;
}

/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .LINE-tech-support .entry a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .LINE-tech-support .entry a:active {
    opacity: 0.6;
  }

}


/* -----------------------------------------------------
(Slider)
- 翌日発送               （ ND-shipping )
----------------------------------------------------- */

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

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

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


/* --- TOP --- */
.nds_TOP {
  margin: 12% auto auto;
  width: 76%;
}

/* --- TEXT --- */
.nds_TXT {
  margin: 15% auto 25%;
  padding-left: 4%;
  width: 85%;
}

.nds_TXT h2 {
  margin: auto auto 3% -4%;
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 500;
  font-size: var(--fs_17);
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
}

.nds_TXT p {
  margin-bottom: 1.5%;
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 500;
  font-size: var(--fs_14);
  letter-spacing: 0.0em;
  line-height: 1.6;
  text-align: justify;
  text-indent: -5.5%;
}

.nds_TXT p span.f1 {
  display: inline-block;
  transform: translate(-0.2em, 0) scale(0.7);
}

.nds_TXT p a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .nds_TXT p a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .nds_TXT p a:active {
    opacity: 0.6;
  }

}



/* -----------------------------------------------------
(Slider)
- LINE友だち登録          ( LINE_add-friend )
----------------------------------------------------- */

/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#LINE_add-friend #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;
}

.LINE-friends {
  margin: auto;
  padding-bottom: 15%;
}


/* --- TOP --- */
.LINE-friends-TOP {
  margin: auto;
  width: 100%;
}

/* --- 区切り線 --- */
.LINE-friends__divider-line {
  margin: 9% auto 6.5%;
  width: 70%;
  height: min(4px, max(0.533333vw, 1.92px));
  background-color: var(--black);
  transform: scale(1,0.5);
}

/* --- TITLE --- */
.LINE-friends-TTL {
  margin: 15% auto;
  width: fit-content;
}

.LINE-friends-TTL p {
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 900;
  font-size: min(52.5px, max(7vw, 25.2px));
  letter-spacing: 0.05em;
  line-height: 1;
  white-space: nowrap;
}

/* --- TEXT --- */
.LINE-friends-TXT {
  margin: auto;
  width: 90%;
}

.LINE-friends-TXT__inr {
  margin: auto auto 5%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

/* icon */
.LINE-friends-TXT__inr--block1 {
  width: 15%;
}

.LINE-friends-TXT__inr--block1 h2 {
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 500;
  font-size: var(--fs_13);
  letter-spacing: 0em;
  line-height: 1;
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  position: relative;
  z-index: 0;
  transform: translate(0,-120%);
}

.LINE-friends-TXT__inr--block1 h2::before {
  content: "●";
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(3.75);
  color: #bbb;
  z-index: -1;
}

/* 吹き出し */
.LINE-friends-TXT__inr--block2 {
  width: 82%;
  background-color: #639c33;
  border-radius: min(3vw,22.5px);
  position: relative;
  z-index: 0;
}

.LINE-friends-TXT__inr--block2::before {
  content: "";
  width: min(1vw,7.5px);
  height: min(1vw,7.5px);
  border-top: min(3vw,22.5px) solid transparent;
  border-bottom: min(1vw,7.5px) solid transparent;
  border-right: min(5vw,37.5px) solid #639c33;
  position: absolute;
  bottom: 0%;
  left: -4.7%;
  z-index: 0;
  transform: rotate(-20deg);
}

.LINE-friends-TXT__inr--block2 p {
  padding: 0.75em 1em 0;
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_14);
  letter-spacing: 0.03em;
  line-height: 1.2;
  color: var(--white);
  text-align: justify;
}

.LINE-friends-TXT__inr--block2 p:nth-of-type(2) {
  margin-top: 2%;
  padding: 0 1em 0.75em 1em;
}

.LINE-friends-TXT__inr--block2 p span.f1 {
  display: inline-block;
  transform: scale(0.6);
}

/* --- BOTTOM --- */
.LINE-friends-BOT {
  margin: 10% auto;
  padding: 2% 0;
  width: 100%;
  position: relative;
}

.LINE-friends-BOT p {
  margin: auto;
  width: 80%;
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_14);
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: justify;
}

.LINE-friends-BOT::before,
.LINE-friends-BOT::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: min(4px, max(0.533333vw, 1.92px));
  background-color: var(--black);
  transform: scale(1,0.25);
  position: absolute;
}

.LINE-friends-BOT::before {
  top: 0;
}

.LINE-friends-BOT::after {
  bottom: 0;  
}

/* --- 友だち登録 --- */
.LINE-friends .entry {
  margin: 35% auto 5%;
  width: 80%;
}

/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .LINE-friends .entry a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .LINE-friends .entry a:active {
    opacity: 0.6;
  }

}



/* -----------------------------------------------------
(Slider)
- メンバー割引サポート    ( MD-Support )
----------------------------------------------------- */

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

.MDS {
  padding-bottom: 15%;
  --bgcolor_MDS: #f0e0e6;
}



/* --- TOP --- */
.MDS_TOP {
  margin: auto auto 10%;
  padding: 10%;
  width: 100%;
  background-color: var(--bgcolor_MDS);
}

/* --- TEXT --- */
.MDS_TXT {
  margin: auto auto 7.5%;
  width: 100%;
  padding: 3% 7% 5%;
  background-color: var(--bgcolor_MDS);
}

.MDS_TXT .inbox {
  display: flex;
  align-items: center;
}

.MDS_TXT .inbox img {
  margin-right: 4%;
  width: 15%;
}

.MDS_TXT .inbox p {
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 900;
  font-size: min(54px, max(7.2vw, 25.92px));
  letter-spacing: 0.0em;
  line-height: 1;
  text-align: left;
}

.MDS_TXT .inbox p span.ls1 {
  letter-spacing: -0.05em;
}

.MDS_TXT > p {
  margin: 3% auto;
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_18);
  letter-spacing: 0.0em;
  line-height: 1.5;
  text-align: center;
}

.MDS_TXT > p:nth-of-type(2) {
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 600;
  font-size: var(--fs_12);
  letter-spacing: 0.0em;
  line-height: 1;
  text-align: center;
  color: #b31900;
}

.MDS_TXT:nth-of-type(5) {
  padding-top: 4%;
}

.MDS_TXT:nth-of-type(5) p span.lh1 {
  display: inline-block;
  margin-bottom: 3%;
}



/* --- 会員登録 --- */
.MDS .entry {
  margin: 35% auto 5%;
  width: 80%;
}

.MDS .entry a p {
  margin: 5% auto auto;
  width: 100%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 500;
  font-size: var(--fs_14);
  color: var(--black);
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
}

/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .MDS .entry a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .MDS .entry a:active {
    opacity: 0.6;
  }

}



/* -----------------------------------------------------
(Slider)
- 工場在庫注文           （ Factory_Stock_Order )
----------------------------------------------------- */

/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#FACTORY_SO #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;
}

.FACTORY_SO {
  margin: auto;
  position: relative;
}


/* --- TOP --- */
.FSO_TOP {
  margin: 18% auto auto;
  width: 100%;
}

/* --- TEXT --- */
.FSO_TXT1 {
  margin: 18% auto;
  width: 90%;
  position: relative;
}

.FSO_TXT1 .ins-img {
  width: 36%;
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(0,-50%);
  z-index: 0;
}

.FSO_TXT1 p {
  margin: auto;
  width: 100%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 700;
  font-size: min(43.75px, max(5.833333vw, 10px));
  letter-spacing: 0.0em;
  line-height: 1.4;
  text-align: left;
  position: relative;
  z-index: 1;
}

.FSO_TXT2 {
  margin: auto;
  width: 100%;
}

.FSO_TXT3 {
  margin: 15% auto auto;
}

.FSO_TXT4 {
  margin: 5% auto 25%;
  width: 90%;
}


.FSO_TXT2 h2,
.FSO_TXT3 h2 {
  margin: auto auto 4%;
  width: 90%;
  padding-left: 0.25em;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_17);
  letter-spacing: 0.0em;
  line-height: 3;
  text-align: left;
  border: solid 1px var(--black);
  border-left: none;
  border-right: none;
}

.FSO_TXT2 p,
.FSO_TXT3 p {
  width: 100%;
  padding: 5%;
  background-color: #eee;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 500;
  font-size: var(--fs_14);
  letter-spacing: 0.0em;
  line-height: 1.6;
  text-align: justify;
}

.FSO_TXT3 p.ttl {
  margin: 12% auto 4%;
  padding: 0 0 0 1em;
  width: 90%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_17);
  letter-spacing: 0.0em;
  line-height: 1.5;
  text-align: left;
  background-color: transparent;
  position: relative;
}

.FSO_TXT3 p.ttl.first {
  margin: 8% auto 4%;
}

.FSO_TXT3 p.ttl::before {
  content: "●";
  width: 1em;
  height: 1em;
  font-size: var(--fs_14);
  position: absolute;
  top: 0.7em;
  left: 0.2em;
  transform: translate(0%,-50%) scale(0.8);
}

.FSO_TXT3 p.ttl.second::before {
  content: "●";
  width: 1em;
  height: 1em;
  font-size: var(--fs_14);
  position: absolute;
  top: 0.6em;
  left: 0.2em;
  transform: translate(0%,-50%) scale(0.8);
}

.FSO_TXT4 p {
  width: 100%;
  font-family: "GenjyuGLP", sans-serif;
  font-weight: 500;
  font-size: var(--fs_12);
  letter-spacing: 0.0em;
  line-height: 1.6;
  text-align: justify;
  color: #b31900;
}

.FSO_TXT4 p span.f1 {
  display: inline-block;
  position: relative;
  transform: translate(0%,0%) scale(0.6);
}




/* お問合せ */
.FACTORY_SO .button {
  margin: 35% auto 20%;
  width: 80%;
} 


/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .FACTORY_SO .button a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .FACTORY_SO .button a:active {
    opacity: 0.6;
  }

}



/* -----------------------------------------------------
(Slider)
- 追加購入される方へ     （ for_add-items )
----------------------------------------------------- */

/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */
#for_add-items #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;
  
}

.for_add-items {
  margin: auto;
  padding-bottom: 25%;
  width: 100%;
  color: var(--black);
  z-index: 0;
}

/* --- TOP --- */
.add-items-TOP {
  margin: auto auto 15%;
  width: 100%;
}

/* --- BG-wrap --- */
.for_add-items .BG-wrap {
  margin: auto;
  padding: 10% 0;
  width: 100%;
  background-color: #9ad1e1;
  
}

/* --- TITLE --- */
.add-items-TITLE {
  margin: auto auto 6%;
  width: 90%;
  background-color: #008ab3;
  border: solid min(6.375px, max(0.85vw, 3.06px)) var(--white);
  border-radius: var(--fs_18);
  position: relative;
}

/* 吹出口 */
.add-items-TITLE::before {
  content: "";
  width: 0;
  height: 0;
  border: solid min(52.5px, max(7vw, 25.2px)) var(--white);
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  bottom: -51.2%;
  right: 10%;
  z-index: -1;
}

.add-items-TITLE::after {
  content: "";
  width: 0;
  height: 0;
  border: solid min(52.5px, max(7vw, 25.2px)) #008ab3;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: auto;
  bottom: -47%;
  right: 10%;
  z-index: 1;
}

.add-items-TITLE .text {
  margin: auto;
  padding: 7% 0;
  width: fit-content;
  color: var(--white);
}

.add-items-TITLE .text p {
  margin-bottom: 3%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 900;
  font-size: min(40px, max(5.333333vw, 19.2px));
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}

.add-items-TITLE .text h2 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 900;
  font-size: min(58px, max(7.733333vw, 27.84px));
  line-height: 1;
  letter-spacing: 0.1em;
  position: relative;
}

.add-items-TITLE .text h2::before {
  content: "｜";
  width: 1em;
  height: 1em;
  display: inline-block;
  position: absolute;
  top: 10%;
  left: -10%;
  transform: rotate(-20deg) scale(1, 1.5);
  transform-origin: 0% 100%;
}

.add-items-TITLE .text h2::after {
  content: "｜";
  width: 1em;
  height: 1em;
  display: inline-block;
  position: absolute;
  top: 0%;
  right: -15%;
  transform: rotate(20deg) scale(1, 1.5);
  transform-origin: 0% 100%;
}

/* --- TEXT --- */
.add-items__TXT {
  margin: auto;
  width: 90%;
}

.add-items__TXT .text-frame {
  margin-bottom: 6%;
  padding: 5% 6%;
  background-color: #008ab3;
  border: solid min(6.375px, max(0.85vw, 3.06px)) var(--white);
  border-radius: var(--fs_18);
  position: relative;
}

.add-items__TXT .text-frame.end {
  margin-bottom: 0;
}

.add-items__TXT .text-frame p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 500;
  font-size: var(--fs_15);
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: justify;
  color: var(--white);
}

.add-items__TXT .text-frame p span.f1 {
  display: inline-block;
  transform: scale(0.8);
  transform-origin: 50% 50%;
}

.add-items__TXT .text-frame p a {
  display: inline-block;
  margin-left: -0.05em;
  position: relative;
}

.add-items__TXT .text-frame p a::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--white);
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0.8;
}

/* text-frame info */
.add-items__TXT .text-frame.info {
  margin: auto;
  padding: 5% 6%;
  background-color: transparent;
  border: none;
  position: relative;
}

.add-items__TXT .text-frame.info h2 {
  margin-bottom: 1em;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_16);
  letter-spacing: 0.05em;
  line-height: 2;
  text-align: center;
  border: solid 1px var(--black);
  border-left: none;
  border-right: none;
  color: var(--black);
}

.add-items__TXT .text-frame.info p {
  padding: 0 0.5em 0 1.5em;
  text-indent: -5.5%;
  font-size: var(--fs_13);
  color: var(--black);
}

.add-items__TXT .text-frame.info p span.f1 {
  transform: scale(1);
}



/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .add-items__TXT .text-frame p a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .add-items__TXT .text-frame p a:active {
    opacity: 0.6;
  }

}

/* 矢印 */
.add-items__TXT .text-frame.arrow::before { 
  content: "";
  width: min(75px, max(10vw, 36px));
  height: min(37.5px, max(5vw, 18px));
  background: url( ../site_images/useful/add-items/arrow.svg) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: max(-67.5px, min(-9vw, -32.4px));
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;  
}






