@charset "utf-8";


/* --- 海上釣堀 情報局  --------------------------------------------
 - 目次（インデックス index）
 - 青物釣果に差をつける トゥイッチング（twiching）
 - 意外と知らない！ つけエサの大きさ定義（size-definition）
 - 初めての海上釣堀 コレで安心テッパン知識（初心者入門編 first-step）
 - 釣りの基本は最強！（basic_strongest)
 - 釣りの基本は最強！part2（basic_strongest-part2)
    - 魚釣り「基本11箇条」(fishing_11-basic-rules)
 - ダンゴエサを深掘り（deep-digging）
-------------------------------------------------------------------- */

/* 共通 */

#info-bureau {
  color: var(--black);
}

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



/* ------------------------------ 
 目次（インデックス index）
------------------------------ */
.info-bureau {
  margin: auto auto 25%;
}

/* --- TOP --- */
.info-bureau-TOP {
  margin: auto;
  width: 100%;
}

/* --- TEXT --- */
.info-bureau-TXT {
  margin: 25% auto 25% 5%;
  width: fit-content;
  text-align: left;
}

.info-bureau-TXT p {
  margin-bottom: 3%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 500;
  font-size: min(40px, max(5.3333vw, 19.1919px));
  line-height: 1;
  letter-spacing: 0.05em;
}

/* --- item --- */
.info-bureau-item {
  margin: auto;
  padding: 0 0 20%;
}

/* TITLE-menu */
.info-bureau-item .TTL-menu {
  margin: auto;
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transform: scale(125%);
}

.info-bureau-item .TTL-menu img {
  display: inline-block;
  margin-right: 3%;
  width: 18%;
}

.info-bureau-item .TTL-menu h2 {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 700;
  font-size: var(--fs_18);
  line-height: 1;
  letter-spacing: 0;
}

.info-bureau-item .TTL-menu::before {
  content: "";
  display: inline-block;
  width: 2.5em;
  height: 1em;
  background-color: var(--black);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0,-50%) scale(1,0.1);
}

.info-bureau-item .TTL-menu::after {
  content: "";
  display: inline-block;
  width: 2.5em;
  height: 1em;
  background-color: var(--black);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0,-50%) scale(1,0.1);
}

/* TITLE-list */
.info-bureau-item .TTL-list {
  margin: auto;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}


.info-bureau-item-list {
  margin: 10% auto;
  width: 50%;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
  position: relative;
}

.info-bureau-item-list:nth-of-type(1),
.info-bureau-item-list:nth-of-type(2) {
  margin-top: 25%;
}

.info-bureau-item-list h2 {
  margin: auto;
  width: 100%;  
}

/* --- part1 --- */
.info-bureau-item-list h2.part1 {
  width: 100%;  
}

/* --- part2 --- */
.info-bureau-item-list h2.part2 {
  transform: translate(10%,0%) scale(1);
}

.info-bureau-item-list h2.part2 a img.adj2 {
  margin: auto;
  width: 55%; 
}

.info-bureau-item-list h2.part2 a span {
  display: inline-block;
	margin: 0.3em auto 0.1em;
  font-weight: 400;
  font-size: var(--fs_13);
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0.0em;
  position: relative;
}

.info-bureau-item-list h2.part2 a span::before {
  content: "「";
  display: inline-block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 5%;
  left: -20%;
  transform: scale(1,1.1);  
}

.info-bureau-item-list h2.part2 a span::after {
  content: "」";
  display: inline-block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 53%;
  right: -23%;
  transform: scale(1,1);  
}

/* --- part3 --- */

/* --- part4 --- */
.info-bureau-item-list h2.part4 {
  width: fit-content;
} 

.info-bureau-item-list h2.part4 a h3 {
  margin: auto auto 5%;
  width: fit-content;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: var(--fs_12);
  letter-spacing: 0.04em;
  line-height: 1;
  white-space: nowrap;
  color: var(--black);
} 

.info-bureau-item-list h2.part4 a h3 span.f1 {
  display: inline-block;
  margin-top: 0%;
  padding-left: 0.6em;
  font-weight: 400;
  font-size: 220%;
  letter-spacing: 0.12em;
} 

.info-bureau-item-list h2.part4 a h3 span.f1-2 {
  display: inline-block;
  letter-spacing: -0.1em;
} 

.info-bureau-item-list h2.part4 a h3 span.f1-3 {
  display: inline-block;
  letter-spacing: -0.15em;
} 

.info-bureau-item-list h2.part4 a h4 {
  margin: 5% auto auto;
  width: fit-content;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_12);
  letter-spacing: 0.05em;
  line-height: 1.3;
  white-space: nowrap;
  color: var(--black);
} 

/* --- part5 --- */
.info-bureau-item-list h2.part5 {
  width: 85%;
  transform: translate(0,0);
}

/* --- part6 --- */
.info-bureau-item-list h2.part6 {
  width: 85%;
  transform: translate(2%,0);
}

/* Newマーク */
.info-bureau-item-list h2.new::before {
  content: "";
  display: block;
  width: 30%;
  height: 100%;
  background-image: url(../site_images/parts/icon_img/new-2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -30%;
  left: 0%;
}

.info-bureau-item-list h2 a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  position: relative;
}

.info-bureau-item-list:last-child.fuwatto {
  transform: translate(5%,40px);
  transition: transform 1s ease, opacity 1s ease;
  opacity: 0;
  visibility: hidden;
}

.info-bureau-item-list:last-child.fuwatto.act {
  transform: translate(5%,0);
  opacity: 1;
  visibility: visible;
}


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

}

/* for SP */
@media (hover: none) {
  .info-bureau-item-list h2 a:active {
    opacity: 0.6;
  }

}



/* 準備中 */
.info-bureau-item-list h2.prepare {
  margin: auto;
  width: 60%;
  position: relative;
  opacity: 0.6;
}  

.info-bureau-item-list h2.prepare::before {
  content: "";
  width: 2px;
  height: 80%;
  background-color: var(--black);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: inherit;
}  

.info-bureau-item-list h2.prepare::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--black);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: inherit;
}  

.info-bureau-item-list h2.prepare p {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: var(--fs_15);
  line-height: 3;
  letter-spacing: 0.5em;
  text-align: center;
  color: var(--black);
  opacity: inherit;
}  



/* ------------------------------
 青物釣果に差をつける
 トゥイッチング（twiching）
------------------------------ */
.twitching {
  margin: auto;
  padding: 20% 0;
  position: relative;
  overflow: hidden;
}
 
@media screen and (min-width: 751px) {
	.twitching {
    overflow: visible;
	}

}

/* --- TOP --- */
.twitching-TOP {
  margin: auto auto 15%;
  width: 60%;
}

/* --- TEXT --- */
.twitching-TXT {
  margin: auto;
	width: 86%;
}

.twitching-TXT .text p {
  margin-bottom: 1em;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 300;
	font-size: var(--fs_13);
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: justify;
}

.twitching-TXT .text:last-child {
  margin-bottom: 0;
	padding: 0 1em;
	color: #b55;
  text-indent: -1em;
}

/* --- INSERT-image --- */
/* img-fish */
.twiching-INSERT__fish {
  width: 26%;
  position: absolute;
  top: 7%;
  right: 13%;
  z-index: -1;
  opacity: 0.2;
}

/* img-ripples */
.twiching-INSERT__ripples {
  width: 115%;
  position: absolute;
  bottom: -1%;
  left: -40%;
  z-index: -1;
  opacity: 0.1;
}

/* CSS上書 */
#info-bureau .twitching .twiching-INSERT__fish.fuwatto.act {
  opacity: 0.6 !important; 
}

#info-bureau .twitching .twiching-INSERT__ripples.fuwatto.act {
  opacity: 0.2 !important; 
}




/* ---------------------------------------
 意外と知らない！
 つけエサの大きさ定義（size-definition）
--------------------------------------- */

.size-def {
  padding: 20% 0;
  position: relative;
}

/* --- TOP --- */
.size-def-TOP {
  margin: auto;
  width: 45%;
}

/* --- TEXT --- */
.size-def-TXT {
	margin: auto;
	width: 86%;
}

.size-def-TXT h1 {
	margin: 10% auto 10%;
  font-size: var(--fs_15);
  text-align: center;
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.size-def-TXT .text p {
  margin-bottom: 1em;
	font-weight: 300;
	font-size: var(--fs_13);
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: justify;
}

.size-def-TXT .text p.f1 {
  font-weight: 400;
}

/* img-fish */
.size-def-INSERT__fish {
  width: 70%;
  position: absolute;
  bottom: 2%;
  left: -10%;
  z-index: -1;
  opacity: 0;
}

/* CSS上書 */
.size-def-INSERT__fish.fuwatto.act {
  opacity: 0.2; 
  transition: 5s;
}



/* ------------------------------------------------- 
 初めての海上釣堀
 コレで安心テッパン知識（初心者入門編 first-step）
------------------------------------------------- */
.first-step {
  margin: auto;
  padding: 15% 0 15%;
  overflow: hidden;
}

/* --- TOP --- */
.first-step-TOP h1 {
	margin: auto;
  width: 70%;
}

.first-step-TOP h2 {
  margin: 15% auto 10%;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 500;
	font-size: var(--fs_17);
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1em;
}

.first-step-TOP h2 span.f1 {
  display: inline-block;
  margin-top: 3%;
	font-size: 80%;
}


/* --- TEXT --- */
.first-step-TXT {
  margin: 15% auto 10%;
  width: 80%;
}

.first-step-TXT h2 {
  margin-bottom: 2%;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 500;
	font-size: var(--fs_13);
	text-align: left;
	line-height: 1;
	letter-spacing: 0.05em;
	position: relative;
}

.first-step-TXT h2::before {
  content: "1";
  width: 1em;
  height: 1em;
	font-family: "Ronde-B", sans-serif;
	font-size: 300%;
  position: absolute;
  top: -175%;
  left: -6%;
  transform: scale(1,1);
}

.first-step-TXT:nth-of-type(3) h2::before {
  content: "2";
}

.first-step-TXT:nth-of-type(4) h2::before {
  content: "3";
  top: -170%;
  left: -7%;
}

.first-step-TXT:nth-of-type(5) h2::before {
  content: "4";
  left: -8%;
}

.first-step-TXT:nth-of-type(6) h2::before {
  content: "";
}

.first-step-TXT:nth-of-type(6) h2 {
  text-indent: -1em;
}

.first-step-TXT p {
  margin: auto auto 5%;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 300;
	font-size: var(--fs_13);
	text-align: justify;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

.first-step-TXT p span.f1 {
  display: inline-block;
  padding-left: 2em;
  text-indent: -1em;
}

/* --- イメージ背景 --- */
.first-step__INSERT {
  width: 100%;
  position: absolute;
  bottom: 2%;
  left: 0%;
  z-index: -1;
}

/* CSS上書 */
.first-step__INSERT.fuwatto.act {
  opacity: 0.2; 
}



/* ------------------------------------------------- 
 釣りの基本は最強！（basic_strongest)
------------------------------------------------- */
.basic_strongest {
  margin: auto;
  padding: 15% 0;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width:751px) {
  .basic_strongest {
    overflow: visible;
  }

}

/* --- TOP --- */
.strongest-TOP {
  margin: auto;
  width: 50%;
}

/* --- TITLE --- */
.strongest-TTL {
  margin: auto;
  width: 82%;
}

.strongest-TTL h2 {
  margin: 25% auto 20%;
  width: fit-content;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 400;
	font-size: var(--fs_18);
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1em;
  white-space: nowrap;
}

.strongest-TTL p {
  margin: auto;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 300;
	font-size: var(--fs_13);
	text-align: justify;
	line-height: 1.6;
	letter-spacing: 0.06em;
}

/* --- TEXT-LINK --- */
.strongest-TXT {
  margin: auto;
  padding: 15% 0;
  width: 82%;
  position: relative;
}

.strongest-TXT a {
  display: block;
  text-decoration: none;
}

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

}

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

}

.strongest-TXT a p {
  margin: auto;
  padding: 1em 1.5em;
  width: fit-content;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 300;
	font-size: var(--fs_13);
	text-align: center;
	line-height: 1;
	letter-spacing: 0.15em;
  border: solid 1px var(--black);
  position: relative;
}

.strongest-TXT a p::before {
  content: "";
  display: inline-block;
  width: 40%;
  height: min(0.2vw,1.5px);
  transform: scale(1,0.5);
  background-color: var(--black);
  opacity: 0.7;
  position: absolute;
  top: 50%;
  right: -35%; 
}

.strongest-TXT a p::after {
  content: "";
  display: inline-block;
  width: 5%;
  height: min(0.2vw,1.5px);
  background-color: var(--black);
  opacity: 0.7;
  position: absolute;
  top: 50%;
  right: -35%; 
  transform: rotate(25deg) scale(1,0.5);
  transform-origin: 100% 0%;
}

/* --- TEXT2 --- */
.strongest-TXT2 {
  margin: auto;
  padding: 5% 0;
  width: 82%;
  position: relative;
}

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

/* --- TEXT3 --- */
.strongest-TXT3 {
  margin: auto;
  width: 83%;
}

.strongest-TXT3 h2 {
  margin: 12% auto 5%;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 300;
	font-size: var(--fs_13);
	text-align: center;
	line-height: 1;
	letter-spacing: 0.15em;
}

.strongest-TXT3 p {
  margin: auto;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 300;
	font-size: var(--fs_13);
	text-align: justify;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

/* --- TEXT4 --- */
.strongest-TXT4 {
  margin: auto;
  padding: 15% 0 0;
  width: 86%;
  position: relative;
}

.strongest-TXT4 a {
  display: block;
  text-decoration: none;
}

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

}

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

}



.strongest-TXT4 a p {
  margin: auto;
  padding: 1em 1.5em;
  width: fit-content;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 300;
	font-size: var(--fs_13);
	text-align: center;
	line-height: 1;
	letter-spacing: 0.15em;
  border: solid 1px var(--black);
  position: relative;
}

.strongest-TXT4 a p::before {
  content: "";
  width: 30%;
  height: min(0.2vw,1.5px);
  transform: scale(1,0.5);
  background-color: var(--black);
  opacity: 0.7;
  position: absolute;
  top: 50%;
  right: -25%; 
}

.strongest-TXT4 a p::after {
  content: "";
  width: 5%;
  height: min(0.2vw,1.5px);
  background-color: var(--black);
  opacity: 0.7;
  position: absolute;
  top: 50%;
  right: -25%; 
  transform: rotate(25deg) scale(1,0.5);
  transform-origin: 100% 0%;
}

.strongest-TXT4 a p span.f1 {
  display: inline-block;
  margin-top: 3%;
}

/* --- イメージ背景 --- */
.strongest-INSERT {
  width: 40%;
  position: absolute;
  bottom: 13%;
  left: 66%;
  z-index: -1;
  opacity: 0.1;
  transform: rotate(25deg);
}

.strongest-INSERT.fuwatto.act {
  opacity: 0.2;
}


/* --- 区切り線 --- */
.strongest-LINE__dashed {
	margin: auto;
  width: 85%;
  height: 1px;
  border-top: dashed var(--fs_10) rgba(51,51,51,0.5);
  transform: scale(1,0.2);
}



/* ------------------------------------------------------- 
 釣りの基本は最強！part2（basic_strongest-part2)
------------------------------------------------------- */
.basic_strongest-part2 {
  margin: auto;
  padding: 14% 0 15%;
  overflow: hidden;
  position: relative;
}

/* --- TOP --- */
.strongest-part2-TOP {
  margin: auto;
  width: 50%;
}

/* --- TITLE --- */
.strongest-part2-TTL {
  margin: auto auto 6%;
  width: 86%;
}

.strongest-part2-TTL h2 {
  margin: 25% auto 20%;
  width: fit-content;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 400;
	font-size: var(--fs_18);
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1em;
  white-space: nowrap;
}

.strongest-part2-TTL p {
  margin: auto;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 300;
	font-size: var(--fs_13);
	text-align: justify;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

/* --- TEXT --- */
.strongest-part2-TXT {
  margin: auto;
  width: 86%;
}

.strongest-part2-TXT__inbox {
  margin: auto auto 10%;
}

.strongest-part2-TXT__inbox:last-child {
  margin: auto auto 0;
}

.strongest-part2-TXT__inbox h2 {
  margin-bottom: 0.3em;
  width: fit-content;
  padding: 0 0 0.2em;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 400;
	font-size: var(--fs_14);
	text-align: left;
	line-height: 1;
	letter-spacing: 0.05em;
  border-bottom: solid min(0.266667vw,2px) #333;
  position: relative;
}

.strongest-part2-TXT__inbox h2 span.f1 {
	font-weight: 300;
	font-size: 90%;
}

.strongest-part2-TXT__inbox p {
  margin: auto;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 300;
	font-size: var(--fs_13);
	text-align: justify;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

.strongest-part2-TXT__inbox--text {
  margin: auto 5%;
}

.strongest-part2-TXT__inbox--text h3 {
  margin: 1em auto 0.5em 0;
  width: fit-content;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 400;
	font-size: var(--fs_14);
	text-align: left;
	line-height: 1;
	letter-spacing: 0.15em;
  position: relative;
}

.strongest-part2-TXT__inbox--text p.point {
  margin-top: 5%;
}

.strongest-part2-TXT__inbox:last-child p:last-child {
  margin-top: 1em;
  text-align: right;
}

/* --- TEXT2 --- */
.strongest-part2-TXT2 {
  margin: 8% auto auto;
  width: 86%;
}

.strongest-part2-TXT2 p {
  margin: auto;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 300;
	font-size: var(--fs_13);
	text-align: justify;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

/* --- 区切り線 --- */
.strongest-LINE__solid {
  margin: 8% auto 10%;
  width: 86%;
  height: min(0.2vw,1.5px);
  background-color: var(--black);
}



/* -------------------------------------------------
 魚釣り「基本11箇条」(fishing_11-basic-rules)
------------------------------------------------- */
.basic_strongest-rules {
  margin: auto;
  padding: 15% 0;
  overflow: hidden;
  position: relative;
}


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

.rules-TOP h1 {
  margin: 5% auto 20%;
  width: fit-content;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 400;
	font-size: var(--fs_18);
	text-align: center;
	line-height: 1;
	letter-spacing: 0.15em;
  white-space: nowrap;
}

/* --- TEXT --- */
.rules-TXT {
  margin: auto;
  width: 86%;
}

.rules-TXT__inbox {
  margin: auto auto 10%;
}

.rules-TXT__inbox:last-child {
  margin: auto auto 0;
}

.rules-TXT__inbox h2 {
  margin-bottom: 0.3em;
  width: fit-content;
  padding: 0 0 0.2em;
	font-family: "GenjyuuGLP", sans-serif;
	font-weight: 400;
	font-size: var(--fs_14);
	text-align: left;
	line-height: 1;
	letter-spacing: 0.05em;
  position: relative;
}

.rules-TXT__inbox h2::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: min(0.266667vw,2px);
  background-color: var(--black);
  position: absolute;
  top: 105%;
  left: 0;
  transform: scale(1,0.5);
}

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



/* ---------------------------------- 
 ダンゴエサを深掘り（deep-digging）
---------------------------------- */
.deep-digging {
  margin: auto;
  width: 100%;
} 

/* --- TOP --- */
.deep_TOP {
  margin: auto auto 22%;
  width: 100%;
}

/* --- TITLE --- */
.deep_TTL {
  margin: auto auto auto 9%;
	width: fit-content;
} 

.deep_TTL h1 {
  margin-bottom: 10%;
  font-family: "ShipporiMin", serif;
  font-weight: 400;
  font-size: min(48px, max(6.4vw, 23.04px));
  letter-spacing: 0.05em;
  line-height: 1;
  white-space: nowrap;
} 

.deep_TTL h1 span.f1 {
  display: inline-block;
  margin: 3% auto auto -0.5%;
  font-size: min(126.45px, max(16.86vw, 60.696px));
  letter-spacing: 0.1em;
} 

.deep_TTL h1 span.f1-2 {
  display: inline-block;
  letter-spacing: -0.15em;
} 

.deep_TTL h1 span.f1-3 {
  display: inline-block;
  letter-spacing: -0.15em;
} 

.deep_TTL h1 span.f1-4 {
  display: inline-block;
  letter-spacing: -0.15em;
} 

.deep_TTL h2 {
  width: fit-content;
  font-family: "ShipporiMin", serif;
  font-weight: 400;
  font-size: min(48px, max(6.4vw, 23.04px));
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-align: left;
} 


/* --- TEXT --- */
.deep_TXT {
  margin: 15% auto 25%;
  width: 82%;
}

.deep_TXT p {
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_14);
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: justify;
} 

/* --- REFERENCE --- */
.digging-REFERENCE {
  padding: 0 0 20%;
	width: 100%;
  position: relative;
  z-index: 1;
} 

.digging-REFERENCE h2 {
  margin-bottom: 10%;
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-size: var(--fs_14);
  letter-spacing: 0.1em;
  line-height: 1;
  white-space: nowrap;
  color: var(--black);
  text-align: center;
} 

.digging-REFERENCE__inbox {
  margin: auto;
  width: 72%;
} 

.digging-REFERENCE__inbox a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-decoration: none;
} 

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

}

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

}



.digging-REFERENCE__inbox a p {
  margin-bottom: 10%;
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-size: var(--fs_14);
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  color: var(--black);
  position: relative;
} 

.digging-REFERENCE__inbox a:last-child p {
  margin-bottom: 0;
} 

.digging-REFERENCE__inbox a p::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--black);
  transform: scale(1,0.5);
  position: absolute;
  top: auto;
  bottom: -20%;
  left: 0;
} 

.digging-REFERENCE__inbox a p::after {
  content: "（練餌）";
  width: fit-content;
  height: 1em;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
} 

.digging-REFERENCE__inbox a:last-child p::after {
  content: "（バラケダンゴ）";
  width: fit-content;
  height: 1em;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}