@charset "utf-8";

/* ---------------------------------------------
- ブレンド粉末集魚剤 ( index ) 
- チヌ起活ハイパーブレンド 
- チヌ蛹ハイパーブレンド 
- MAGIC MIX グレイン
- MAGIC MIX スパイス
--------------------------------------------- */

/* ---------------------------------------------
- ブレンド粉末集魚剤 ( index ) 
--------------------------------------------- */

#Powdered_FA.index main.main-contents {
  padding-bottom: 0;
  background-color: var(--black);
}

#Powdered_FA.index main.main-contents #breadcrumbs {
  color: var(--white);
}

/* --- TOP --- */
.Pdr_TOP {
  margin: auto;
  background-color: var(--black);
  border-top: solid 1px var(--black);
  border-bottom: solid 1px var(--black);
  position: relative;
}

/* image */
.Pdr_TOP .IMGbox {
  margin: 30% 0 30% auto;
  width: 90%;
  position: relative;
}

.Pdr_TOP .IMGbox .IMG {
  position: relative;
}

.Pdr_TOP .IMGbox .IMG::before {
  content: "";
  width: 50%;
  height: 140%;
  background-color: var(--black3);
  position: absolute;
  top: -20%;
  right: 0;
  z-index: 0;
}

/* text */
.Pdr_TOP .IMGbox .TXT {
  width: fit-content;
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translate(0,-50%);
}

.Pdr_TOP .IMGbox .TXT h2 {
  margin-top: 8%;
  font-family: "Geist", sans-serif;
  font-weight: 200;
  font-size: min(6.5vw,48.75px);
  letter-spacing: 0.05em;
  line-height: 1;
  white-space: nowrap;
}

.Pdr_TOP .IMGbox .TXT h2 span.f1 {
  display: inline-block;
  margin-top: 2.5%;
}

.Pdr_TOP .IMGbox .TXT p span.f1 {
  display: inline-block;
  margin-top: 2.5%;
}

.Pdr_TOP .IMGbox > h1 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_12);
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--white);
  white-space: nowrap;
  position: absolute;
  bottom: 5%;
  left: 15%;
}

/* TTL */
.Pdr_TOP .TTL {
  margin: 15% auto 30%;
}

.Pdr_TOP .TTL p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_16);
  letter-spacing: 0.15em;
  line-height: 1.6;
  text-align: center;
  color: var(--white);
}

.Pdr_TOP .TTL h2 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_16);
  letter-spacing: 0.15em;
  line-height: 1.6;
  text-align: center;
  color: var(--white);
}

.Pdr_TOP .TTL p {
  margin-bottom: 5%;
}



/* --- TEXT --- */
.Pdr_TXT {
  margin: auto;
  padding-top: 30%;
  background-color: var(--black3);
  color: var(--white);
}

.Pdr_TXT h2 {
  margin: auto auto 10%;
  width: fit-content;
  font-family: "Geist", sans-serif;
  font-weight: 200;
  font-size: min(6.5vw,48.75px);
  letter-spacing: 0.05em;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
}

.Pdr_TXT h3 {
  margin: auto auto 15%;
  width: fit-content;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_13);
  letter-spacing: 0.15em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.Pdr_TXT h3 span.f1 {
  display: inline-block;
  margin-bottom: 5%;
}

.Pdr_TXT .text {
  display: none;

  margin: auto auto 20%;
  width: fit-content;
}

.Pdr_TXT .text p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_15);
  letter-spacing: 0.15em;
  line-height: 1.8;
  white-space: nowrap;
}

/* logo */
.Pdr_TXT .IMG {
  margin: auto;
  width: 100%;
  position: relative;
}

.Pdr_TXT .IMG a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.Pdr_TXT .IMG a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.Pdr_TXT .IMG a .logo {
  width: 33%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}

/* TEXT second */
.Pdr_TXT.second .text {
  margin: auto auto 20%;
  width: 52%;
}

.Pdr_TXT.second .text p:nth-of-type(2) {
  text-align: right;
}

/* TEXT third */
.Pdr_TXT.third {
  border-bottom: solid 1px var(--black3);
}

.Pdr_TXT.third .SQ_IMG {
  display: flex;
  justify-content: space-evenly;
}

.Pdr_TXT.third .SQ_IMG .images {
  width: 42.5%;
  position: relative;
}

.Pdr_TXT.third .SQ_IMG .images::before {
  content: "準 備 中";
  display: inline-block;
  font-family: "GenjyuuGLP", sans-serif;
  font-size: var(--fs_13);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  color: var(--white);
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translate(-50%,0);
  z-index: 1;
}

.Pdr_TXT.third .SQ_IMG .images .logo {
  width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}



/* --- LINK --- */
.Pdr_LINK {
  margin: auto;
  padding: min(30vw,225px) 0 min(15vw,112.5px);
  background-color: var(--black3);
  position: relative;
  border-bottom: solid 1px var(--black3);
}

.Pdr_LINK .TTL {
  margin: auto auto 7%;
  padding-left: 5%;
}

.Pdr_LINK .TTL h2 {
  font-family: "Sansation", sans-serif;
  font-weight: 400;
  font-size: var(--fs_20);
  letter-spacing: 0.1em;
  line-height: 1;
  white-space: nowrap;
}

.Pdr_LINK .link {
  margin: auto auto 5%;
  padding-left: 20%;
}

.Pdr_LINK .link a p {
  font-family: "Geist", sans-serif;
  font-weight: 200;
  font-size: var(--fs_16);
  letter-spacing: 0.05em;
  line-height: 1.5;
  white-space: nowrap;
  position: relative;
}

.Pdr_LINK .link a p::before {
  content: "";
  width: 11%;
  height: 1px;
  background-color: var(--white);
  position: absolute;
  top: 50%;
  left: -16%;
  transform: translate(0,-50%);
}


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

}

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

}



/* ---------------------------------------------
- チヌ起活ハイパーブレンド 
--------------------------------------------- */
#Powdered_FA.chinu-kikatsu main.main-contents {
  background-color: var(--black);
}

#Powdered_FA.chinu-kikatsu #breadcrumbs {
  color: var(--white);
}

.CKHB {
  background-color: var(--white);
}

/* --- TOP --- */
.CKHB_TOP {
  margin: auto;
  padding-bottom: 8%;
  background-color: var(--black);
  position: relative;
}

.CKHB_TOP h2 {
  margin: 18% auto 14% 13%;
  width: fit-content;
  font-family: "Geist", sans-serif;
  font-weight: 200;
  font-size: min(6.5vw, 48.75px);
  letter-spacing: 0.05em;
  line-height: 1.3;
  text-align: left;
  white-space: nowrap;
  color: var(--white);
}

.CKHB_TOP .IMG {
  margin: auto;
  width: 84%;
  position: relative;
}

.CKHB_TOP .INS_LOGO {
  width: 40%;
  position: absolute;
  top: 28.8%;
  left: 13%;
}

/* --- TITLE --- */
.CKHB_TTL {
  padding: 30% 8% 0;
}

.CKHB_TTL h2 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_16);
  letter-spacing: 0.15em;
  line-height: 1.6;
  color: var(--black3);
}

.CKHB_TTL .text {
  margin: 19% 0 auto auto;
  width: fit-content;
  text-align: right;
  font-family: "Geist", sans-serif;
  font-weight: 200;
  color: var(--black3);
}

.CKHB_TTL .text h3 {
  font-size: var(--fs_20);
  letter-spacing: 0.05em;
  line-height: 1;
  color: var(--black3);
}

.CKHB_TTL .text p:nth-of-type(1) {
  margin-top: -2%;
  margin-left: -0.06em;
  font-size: var(--fs_20);
  letter-spacing: 0.05em;
  line-height: 1;
  transform: scale(-1,-1);  
  color: #aaa;
}

.CKHB_TTL .text p:nth-of-type(2) {
  margin-top: 5%;
  font-size: var(--fs_16);
  letter-spacing: 0.05em;
  line-height: 1;
}

/* --- TEXT --- */
.CKHB_TXT {
  margin: 30% auto 30%;
  width: 85%;
  color: var(--black3);
}

.CKHB_TXT p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_13);
  letter-spacing: 0.08em;
  line-height: 2.2;
  text-align: justify;
}

.CKHB_TXT p span.f1 {
  display: inline-block;
  transform: scale(0.6);
}

/* --- INSERT --- */
.CKHB_INSERT {
  margin: auto auto 18%;
  padding: 6% 8%;
  position: relative;
}

.CKHB_INSERT::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
}

.CKHB_INSERT .INS {
  width: 100%;
}

/* --- INSERT2 --- */
.CKHB_INSERT2 {
  margin: auto;
  padding: 0 8% 20%;
}

.CKHB_INSERT2 .INS2 {
  padding: 5% 0 15%;
  width: 100%;
  border-top: solid 1px var(--black3);
  border-bottom: solid 1px var(--black3);
}

/* text */
.CKHB_INSERT2 .text {
  margin: 5% auto auto;
}

.CKHB_INSERT2 .text p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_10);
  letter-spacing: 0.05em;
  line-height: 1.6;
}



/* ---------------------------------------------
- チヌ蛹ハイパーブレンド 
--------------------------------------------- */
#Powdered_FA.chinu-sanagi main.main-contents {
  background-color: #785700;
}

#Powdered_FA.chinu-sanagi #breadcrumbs {
  color: var(--white);
}

.CSHB {
  background-color: var(--white);
}

/* --- TOP --- */
.CSHB_TOP {
  margin: -2px auto auto;
  width: 100%;
  height: calc(min(100svh) - calc(var(--head_padding) + min(7vw,52.5px)));
  padding-top: 2px;
  background-color: #785700;
  border-top: 1px solid #785700;
  position: relative;
  z-index: 1;
}

.CSHB_TOP h2 {
  width: fit-content;
  font-family: "Geist", sans-serif;
  font-weight: 200;
  font-size: min(6.5vw, 48.75px);
  letter-spacing: 0.05em;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  color: var(--white);
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%,0);
}

/* logo */
.CSHB_TOP .logo {
  width: 55%;
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/* --- BNR --- */
.CSHB_BNR {
  margin: -1% auto auto;
  padding: 8% 0;
  background-color: #785700;
}

/* --- TITLE --- */
.CSHB_TTL {
  margin: auto;
  border-top: solid 1px var(--white);
  border-bottom: solid 1px var(--white);
  color: var(--black3);
}

.CSHB_TTL h2 {
  margin: 30% auto 30% 7.5%;
  width: 60%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_16);
  letter-spacing: 0.15em;
  line-height: 1.6;
}

/* img */
.CSHB_TTL .INS_img {
  padding: 8%;
  position: relative;
}

.CSHB_TTL .INS_img::before {
  content: "";
  width: 50%;
  height: 100%;
  background-color: #785700;
  position: absolute;
  top: 0;
  right: 0;
}


/* --- TEXT --- */
.CSHB_TXT {
  margin: 30% auto 30% 7.5%;
  width: 60%;
}

.CSHB_TXT p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 200;
  font-size: var(--fs_13);
  letter-spacing: 0.08em;
  line-height: 2.2;
  text-align: justify;
  color: var(--black3);
}

.CSHB_TXT p span.f1 {
  display: inline-block;
  transform: scale(0.6);
}

/* --- INSERT --- */
.CSHB_INSERT {
  margin: auto;
  padding: 0 8% 20%;
}

.CSHB_INSERT .INS {
  padding: 5% 0 15%;
  width: 100%;
  border-top: solid 1px var(--black3);
  border-bottom: solid 1px var(--black3);
}

/* text */
.CSHB_INSERT .text {
  margin: 5% auto auto;
}

.CSHB_INSERT .text p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_10);
  letter-spacing: 0.05em;
  line-height: 1.6;
}


/* --- --- CART --- --- */
#Powdered_FA .cart_wrap {
  margin: auto;
}

#Powdered_FA .cart_wrap .cart-SPEC h2 ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  top: -1em;
  left: -0.6em;
  right: 0;
  margin: auto;
  font-size: 0.5em;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  white-space: nowrap;
}



/* ---------------------------------------------
- MAGIC MIX グレイン
--------------------------------------------- */

/* --- TOP --- */
.MMG_TOP {
  position: relative;
}

.MMG_TOP h1 {
  width: 53%;
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translate(-50%,0);
  
}

.MMG_TOP p {
  width: fit-content;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_14);
  letter-spacing: 0.05em;
  line-height: 1;
  color: #777;
  position: absolute;
  top: 76%;
  left: 50%;
  transform: translate(-50%,0);
  white-space: nowrap;
}

/* --- TITLE --- */
.MMG_TTL {
  margin: 15% auto;
}

.MMG_TTL h2 {
  width: 100%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_16);
  letter-spacing: 0.05em;
  line-height: 2;
  text-align: center;
  white-space: nowrap;
}

/* --- TEXT --- */
.MMG_TEXT {
  margin: auto auto 12%;
}

.MMG_TEXT p {
  margin: auto;
  width: 90%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_14);
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: justify;
}

/* --- INSERT（PACK写真） --- */
.MMG_INS {
  margin: auto auto 15%;
}



/* ---------------------------------------------
- MAGIC MIX スパイス
--------------------------------------------- */

/* --- TOP --- */
.MMS_TOP {
  position: relative;
}

.MMS_TOP h1 {
  width: 53%;
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translate(-50%,0);
  
}

.MMS_TOP p {
  width: fit-content;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_14);
  letter-spacing: 0.05em;
  line-height: 1;
  color: #777;
  position: absolute;
  top: 76%;
  left: 50%;
  transform: translate(-50%,0);
  white-space: nowrap;
}

/* --- TITLE --- */
.MMS_TTL {
  margin: 15% auto;
}

.MMS_TTL h2 {
  width: 100%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_16);
  letter-spacing: 0.05em;
  line-height: 2;
  text-align: center;
  white-space: nowrap;
}

/* --- TEXT --- */
.MMS_TEXT {
  margin: auto auto 12%;
}

.MMS_TEXT p {
  margin: auto;
  width: 90%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 300;
  font-size: var(--fs_14);
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: justify;
}

/* --- INSERT（PACK写真） --- */
.MMS_INS {
  margin: auto auto 15%;
}