/* CSS Document */
/*▼common▼*/
* {
  font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", "Osaka", sans-serif, Helvetica, Helvetica Neue, Arial, Verdana;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}
section{ margin: 0; padding: 0;}
div.key_in, div.fishing_pages_in, div.info_in, div.profile_in, div.knowhow_in, div.trust_us_in, div.result_in, div.tackle_in, div.links_in {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
picture{ line-height: 0;		vertical-align: bottom;}
img {
  width: 100%;
}
div.assesment_link {
  margin: 0 auto;
  max-width: 1110px;
  padding: 4% 0% 4% 0%;
}
@media screen and (max-width:768px) {
  div.assesment_links_in div.assesment_link {
    padding: 4% 0% 0% 0%;
  }
}
div.assesment_link a, div.salesite_link a {
  display: block;
  width: 50%;
  margin: 0% auto;
}
@media screen and (max-width:768px) {
  div.assesment_link a, div.salesite_link a {
    width: 80%;
  }
}
/* header */

@media screen and (max-width:768px) {
header {
min-width: auto;
}
}
.header-img {
    width: 100%;
    background-color: #16203E;
    height: 46px;
    text-align: center;
}
.header-svg {
    width: 150px;
    height: 40px;
    padding: 1px 0px 0px 0px;
}

/* menu　Topリンク */
section#fishing_pages {
  background-color: #f8b551;
  margin: 0% 0% 0% 0%;
}
div.fishing_pages_in {
  width: 98%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -ms-align-items: center;
  padding: 0.3% 0%;
}
@media screen and (max-width:768px) {
  div.fishing_pages_in {
    width: 100%;
    padding: 2% 0% 2% 0%;
  }
}
div.pages_in_link {
  width: 24%;
  border: solid 2px #000;
}
@media screen and (max-width:768px) {
  div.pages_in_link {
    width: 50%;
  }
}
div.pages_in_link a {
  height: 100%;
  display: block;
  color: #fff;
  text-align: center;
  background-color: #0b489a;
  border: solid 2px #fff;
  line-height: 1.2;
  padding: 3% 0% 0% 0%;
}
/*div.pages_in_link p.hover {
  display: none;
}
div.pages_in_link:hover a.not_hover {
  display: none;
}
div.pages_in_link:hover p.hover {
  height: 100%;
  font-size: min(2.2vw, 28px);
  display: block;
  color: #fff;
  text-align: center;
  background-color: #f72a09;
  border: solid 2px #fff;
  line-height: 1.2;
  padding: 3% 0% 0% 0%;
}*/
@media screen and (max-width:768px) {
  div.fishing_pages_in div.pages_in_link:nth-child(n+3) a {
   padding: 3% 0% 3% 0%;
  }
/*  div.pages_in_link:hover p.hover {
    font-size: 5vw;
  }*/
}
div.pages_in_link a span {
    display: block;
    width: 88%;
    font-size: min(2.2vw, 28px);
    font-weight: bold;
    margin: 0 auto;
}
div.pages_in_link a span.txtS {
    display: block;
    width: 88%;
    font-size: min(2vw, 24px);
    font-weight: bold;
    margin: 0 auto;
}
@media screen and (max-width:768px) {
  div.pages_in_link a span {
    font-size: 5vw;
  }
	  div.pages_in_link a span.txtS {
    font-size: 4.4vw;
  }
}
div.pages_in_link a span:first-child{
	padding-bottom:1%;
	border-bottom: 1px solid #fff;
}
div.pages_in_link a span:nth-child(2) {
	padding-top:2%;
  font-size: min(2vw, 22px);
}

@media screen and (max-width:768px) {
	div.pages_in_link a span:nth-child(2) {
		font-size:4vw;
	}
}

div.pages_in_link a span.active {
  font-size: min(2vw, 22px);
}
@media screen and (max-width:768px) {
  div.pages_in_link a span.active {
    font-size: 4vw;
  }
}

/* リンクなし*/
div.noLink{
	color:#fff;
  background-color: #525252;
}
div.noLink div{
		height: 100%;
    display: block;
    color: #fff;
    text-align: center;
   border: solid 2px #fff;
    line-height: 1.2;
    padding: 3% 0% 0% 0%;
}
div.noLink span {
    display: block;
    width: 88%;
    font-size: min(2.2vw, 28px);
    font-weight: bold;
    margin: 0 auto;

}
@media screen and (max-width:768px) {
  div.noLink span {
    font-size: 5vw;
  }
}
div.noLink span:first-child{
	padding-bottom:1%;
	border-bottom: 1px solid #fff;
}
div.noLink span {
    display: block;
    width: 88%;
    font-size: min(2.2vw, 28px);
    font-weight: bold;
    margin: 0 auto;

}
@media screen and (max-width: 768px){
		div.pages_in_link span {
				font-size: 5vw;
		}
}

div.noLink span:nth-child(2) {
	padding-top:2%;
  font-size: min(2vw, 22px);
}

@media screen and (max-width:768px) {
	div.noLink span:nth-child(2) {
		font-size:4vw;
	}
}
/*▲common▲*/
/*=========
202309/15
=========*/
/* kv */
#kv  {
  background-color: #004986;
}
#kv  picture{
  display:block;
	 max-width: 1180px;
	 width: 95%;
	margin: 0 auto;
}
#kv  picture img{width:100%;}

@media screen and (max-width:768px) {
	#kv  picture{
		width: 100%;
		border: 1px solid;
	}
}


/* highPriceListArea */
section#highPriceListArea{
  background-color: #ffd65a;
}
div.highPriceListArea_in{
	/*  background-color: #fed590;*/
	 max-width: 1100px;
	 width: 95%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
@media screen and (max-width:768px) {
  div.highPriceListArea_in {
    width: 98%;
  }
}
  div.highPriceListArea_in h2{
	 max-width: 1180px;
	 width: 90%;
		margin: 0 auto;
}

.brandItemList{
	color:#000;
	 position: relative;
	 max-width: 1180px;
   margin: 0 auto 2% auto;
	 aspect-ratio: 1498 /946;
   background-image: url("../img_fishing/pc/bg_purchase.png");
	 background-size: contain;
}
@media screen and (max-width:768px) {
.brandItemList{
		width: 98%;
    background-image: url("../img_fishing/sp/bg_purchase.png");
		aspect-ratio: 698 /929;
  }
}

.brandItemList ul{
width: 95%;
    display: flex;
    justify-content: space-around;
    position: absolute;
    margin: 0 4%;
    /* left: calc((300 / 1100) * 100%); */
    left: 0;
    top: calc((340 / 694) * 100%);
}

@media screen and (max-width:768px) {
.brandItemList ul{
		width: 95%;
		display: flex;
		justify-content: space-around;
		position: absolute;
		margin: 0 4%;
		/* left: calc((300 / 1100) * 100%); */
		left: 0;
		top: calc((510 / 946) * 100%);
		flex-flow: column;
		}
}


.brandItemList ul li{
    width: calc(100%/3);
    margin: 0 3% 0 0;
    background-color: rgba(235,235,235,0.7);
}
@media screen and (max-width:768px) {
	.brandItemList ul li{
			width: 98%;
			margin: 3% 3% 0 0;
			display:flex;
	}
}

.brandItemList ul li .mkList{margin: 4% 2%; font-weight: bold;}


@media screen and (max-width:768px) {
.brandItemList ul li .mkList{ width: 98%;  display: flex; flex-wrap: wrap;}
}

.brandItemList ul li dl dt {
	font-size:2.5vw;
  text-align: center;
	border-bottom: 1px solid #000; 
}
@media screen and (max-width:768px) {
	.brandItemList ul li dl dt{
		width:calc((216 / 704) * 100%);
		border-right: 1px solid #000; 
		border-bottom: none;
		margin-right: 3%;
	}
	.brandItemList ul li dl dd{display: inline; height: fit-content;}
	.brandItemList ul li dl dd:after{content: "/";}
	.brandItemList ul li dl dd:last-child:after{content: "";}
}



.brandItemList ul li dl dt span{
	display: block;
	font-size: 1vw;
	color: #000;
}

.brandItemList ul li:nth-child(1) dl .maker{
	color:#3a489d;
}
.brandItemList ul li:nth-child(2) dl .maker{
	color:#00a1f4;
}
.brandItemList ul li:nth-child(3) dl .maker{
	color:#dc1616;
}

.brandItemList ul li dl dd{
	font-size: 1.5vw;
}

/* reelPriceList */
.updateDate{ text-align: right;}

table.reelPriceList { 
	width:100%;
  border-spacing: 0;
}
.reelPriceList h4{  
	font-size:1.5vw;
	color:#fff;
	background: #333;
	padding:1% 2%;
}
.reelPriceList tr th{  
	font-size:1.2vw;
	color:#333;
	background: #dcdcdc;
	padding:1% 2%;
}
.reelPriceList tr th:nth-of-type(1){
	border-right: 1px solid #b3b3b3;
	padding-right:5%;
	text-align: left;
}
.reelPriceList tr th:nth-of-type(1) span{
	border-left: 0.5vw #333 solid;
	padding-left:1vw;
}
.reelPriceList tr td{ padding:1% 2%;}
.reelPriceList tr td{ background: #fff;}
.reelPriceList tr td:nth-of-type(1){
	border-right: 1px solid #b3b3b3;
}
.reelPriceList tr td:nth-of-type(1) p{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left; 
}

.reelPriceList tr td:nth-of-type(2){ width:20%; color:#ff0101;	font-size:1.2vw; font-weight: bold; text-align: center;}

.reelPriceList tr.tdCnt2{ background: #f5f5f5;}

/* aboutStore */

section#aboutStore {
  background-color: #004986;
}
div.aboutStore_in {
	/*  background-color: #fed590;*/
	 max-width: 1100px;
	 width: 95%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
@media screen and (max-width:768px) {
  div.aboutStore_in {
    width: 100%;
  }
}
div.aboutStore_in h2 {
  color: #fff;
  background-image: url("../img_fishing/pc/bg_h2_about.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  font-size: min(4.4vw, 52px);
  font-weight: bold;
  line-height: 1;
  padding: 2% 0% 3%;
  text-shadow: 4px 4px 4px rgb(0 0 0 / 20%);
}
@media screen and (max-width:768px) {
  div.aboutStore_in h2 {
    background-image: url("../img_fishing/sp/bg_h2_about.png");
    padding: 5% 0% 2%;
  }
  div.aboutStore_in h2 span {
    display: block;
    font-size: 6.5vw;
    line-height: 1.1;
    font-weight: bold;
  }
}
div.aboutStore_in p {color:#fff; font-size:clamp(16px, 1.2vw, 26px); font-weight: 500; margin: 1.5vw 0;}
div.aboutStore_in picture {display:block;}
div.aboutStore_in picture img{width:100%;}

/* antiqueReel */
section#antiqueReel {
  background-color: #c6b394;
	padding:2% 0 0 0;
}
.antiqueReel_in{
	 position: relative;
	 max-width: 1180px;
	 width: 90%;
   margin: 0 auto 2% auto;
	 aspect-ratio: 1500 / 991;
   background-image: url("../img_fishing/pc/bg_antique.png");
	 background-size: contain;
}
@media screen and (max-width:768px) {
  .antiqueReel_in{
    background-image: url("../img_fishing/sp/bg_antique.png");
    aspect-ratio: 690 / 620;
  }
}
.antiqueReel_in img{width:100%;}


.antiqueReel_in h2{
	position: absolute;
	left: calc((192 / 1500) * 100%);
	top: calc((106 / 990) * 100%);
	width: 70% ;
}
@media screen and (max-width:768px) {
.antiqueReel_in h2{
		position: absolute;
    left: calc((45 / 690) * 100%);
    top: calc((55 / 620) * 100%);
    width: 85%;
  }
}

.antiqueReel_in .imgConTxt{
	position: absolute;
	left: calc((192 / 1500) * 100%);
	top: calc((340 / 990) * 100%);
	width: 70% ;
}
@media screen and (max-width:768px) {
.antiqueReel_in .imgConTxt{
    position: absolute;
    left: calc((100 / 690) * 100%);
    top: calc((270 / 620) * 100%);
    width: 70%;
  }
}



/* strengths */
section#strengths {
  background-color: #133675;
}
div.strengths_in {
	/*  background-color: #fed590;*/
	 max-width: 1100px;
	 width: 95%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
@media screen and (max-width:768px) {
  div.strengths_in {
    width: 100%;
  }
}
.strengths_in  h2{
	 width: 70%;
	margin: 2% auto 4% auto;
}
@media screen and (max-width:768px) {
	.strengths_in  h2{
		 width: 98%;
		margin: 2% auto 4% auto;
	}
}

.strengths_in ul{
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
	margin-bottom: 4%;
}

@media screen and (max-width:768px) {
	.strengths_in ul{
		width: 98%;
		display: grid;
		grid-template-rows: 1fr;
		grid-template-columns: repeat(1, 1fr);
		gap: 8px;
		margin-bottom: 4%;
		border-radius: 24px;
	}
}

.strengths_in ul li{
	color: #fff;
	background-color: #00479d;
	padding-bottom: 5%;
}

@media screen and (max-width:768px) {
	.strengths_in ul li{
		display:flex;
		align-items: center;
    justify-content: center;
		padding: 2% 4%;
	}
	.strengths_in ul li h3{
		width:25%;
	}
	.strengths_in ul li h3 img{
		width:100%;
	}
}
.strengths_in ul p{
	padding: 2% 4% 4% 4%;
	text-align: left;
}
@media screen and (max-width:768px) {
	.strengths_in ul p{
		width:75%;
	}
}
/* flowStep */
section#flowStep {
  background-color: #cce4ef;
}
.flowStep_in{
	 width: 90%;
  	margin: 0 auto;
		padding-bottom: 2%;
	  background-color: #8ac3f4;
}
@media screen and (max-width:768px) {
		.flowStep_in{
			 width: 100%;
				margin: 0 auto;
				padding-bottom: 2%;
				background-color: #8ac3f4;
		}
}

.flowStep_in h2{
	padding-top: 2%;
}
.flowStep_in div.inside_flow_top {
	background-color: #4c9ce0;
	    margin: 2% 2% 2% 2%;
}
.flowStep_in div.inside_flow_top  h3{
	color: #fff;
	font-size:46px;
	margin-top: 2%;
	padding-top: 2%;
}
.flowStep_in div.inside_flow_top  h3 span{
	font-size:72px;
}
.flowStep_in div.inside_flow_top .stepList {
	width: 90%;
	margin: 5% auto;
	display: flex;
	overflow: visible;
  position: relative;
}
@media screen and (max-width:768px) {
	.flowStep_in div.inside_flow_top .stepList {
		width: 92%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow: visible;
    position: relative;
    margin-bottom: 13%;
	}
}
.flowStep_in div.inside_flow_top .stepList:after {
    content: "";
    margin: auto;
    position: absolute;
    bottom: -5vh;
    left: 1.3vw;
    border: solid transparent;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2vw 4vw 0 4vw;
    border-color: #ffffff transparent transparent transparent;
    margin-left: 30px;
}
.flowStep_in div.inside_flow_top div.stepList:nth-child(5)::after {
  border: none;
}
@media screen and (max-width:768px) {
	.flowStep_in div.inside_flow_top .stepList:after {
			content: "";
			margin: auto;
			position: absolute;
			bottom: -6vh;
			left: 21vw;
			border: solid transparent;
			content: " ";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 8vw 16vw 0 16vw;
			border-color: #ffffff transparent transparent transparent;
			margin-left: 30px;
	}
}


.flowStep_in div.inside_flow_top div div:first-child {
  display: flex;
  overflow: visible;
  align-content: center;
  width: 18%;
	min-width: 160px;
  padding: 30px 0;
  text-align: left;
  color: #fff;
  background-color: #0361b8;
  border-radius: 18px 0 0 18px;
  flex-flow: wrap;
  }

@media screen and (max-width:768px) {
		.flowStep_in div.inside_flow_top div div:first-child {
				width: 100%;
				display: flex;
				overflow: visible;
				align-content: center;
				padding: 2% 0;
				text-align: left;
				color: #fff;
				background-color: #0361b8;
				border-radius: 18px 18px 0 0;
				flex-flow: row;
				align-items: center;
		}
}

.flowStep_in div.inside_flow_top div div:first-child p:first-child {
  font-size: 30px;
	font-weight: bolder;
  display: block;
  width: 240px;
}
.flowStep_in div.inside_flow_top div div:first-child p:first-child span {
  font-size: 46px;
  padding: 5px;
}
.flowStep_in div.inside_flow_top div div:first-child p:nth-child(2) {
  font-size: 20px;
  width: 240px;
  font-weight: bold;
}

@media screen and (max-width:768px) {
	.flowStep_in div.inside_flow_top div div:first-child p:nth-child(2) {
			text-align: left;
	}
}
.flowStep_in div.inside_flow_top div div:nth-child(2) {
  display: flex;
  width: 82%;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 0 18px 18px 0;
	align-content: center;
}

@media screen and (max-width:768px) {
		.flowStep_in div.inside_flow_top div div:nth-child(2) {
			display: flex;
			width: 100%;
			background-color: #fff;
			border: 2px solid #fff;
			border-radius: 0 0 18px 18px;
			flex-direction: row;
		}
}
.flowStep_in div.inside_flow_top div div:nth-child(2) img {
  width: 204px;
  height: 157px;
  margin: 15px;
}
@media screen and (max-width:768px) {
	.flowStep_in div.inside_flow_top div div:nth-child(2) img {
		width: 124px;
		height: 78px;
		margin: 2%;
	}
}

.flowStep_in div.inside_flow_top div div:nth-child(2) p {
  width: 85%;
	color: #0361b8;
  font-weight: bold;
  padding: 30px 10px 30px 5px;
  font-size: 22px;
  letter-spacing: 2px;
	text-align: left;
}
@media screen and (max-width:768px) {
		.flowStep_in div.inside_flow_top div div:nth-child(2) p {
				width:auto;
				padding: 2%;
		}
}


.flowStep_in div.inside_flow_top div div:nth-child(2) p span {
  font-weight: normal;
  font-size: 18px;
	color: #000;
}

.flowStep_in div.inside_flow_top div.flowStepBnr{
	width:60%;
	margin: 7% auto 10% auto;
}


/* campaignバナー */
#assesment_campain_links{
  background-color: #686868;
	padding: 3vh 0 2vh 0;
	margin :0;
}
.assesment_campain_links_in  picture{
  display:block;
	 max-width: 1180px;
	 width: 95%;
	margin: 0 auto;
}
.assesment_campain_links_in picture img{width:100%;}

/*----------------------------------------------
fishingIndex
----------------------------------------------*/
/* info */
#fishingIndex #info{
	background-color: #f3f1df;
  padding-top: 2%;
}
#fishingIndex .info_in{
    margin: 0 auto;
    max-width: 1110px;
    padding: 0 0 2% 0;
}
#fishingIndex .conTopLink{
	width: 80%;
	max-width: 800px;
	margin: 2% auto 4% auto;		
  display: grid;
  grid-auto-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 0% 4%;
}
@media screen and (max-width:768px) {
	#fishingIndex .conTopLink{ width: 96%;}
}

#fishingIndex .info_in h2{
	color:#004986;
	font-size: min(4.2vw, 42px);
	text-align: center;
	margin-bottom: 2%;
}
@media screen and (max-width:768px) {
	#fishingIndex .info_in h2{
	font-size: clamp(21px ,4.2vw ,32px);
  }
}
#fishingIndex .info_in .infoTxt{
  margin-bottom: 2%;
  font-size: min(2.1vw, 24px);
}
@media screen and (max-width:768px) {
     #fishingIndex .info_in .infoTxt{
        margin-bottom: 2%;
        font-size: 3.3vw;
      }
    #fishingIndex .info_in .infoTxt span{
        display:  none;
    }
}
#fishingIndex .info_in .infoTxt  a,
#fishingIndex .info_in .infoTxt  a:visited {
    color: #a91b1b;
    font-weight: bold;
    text-decoration: underline;
}

#fishingIndex .info_in .infoTxt  a:hover {
    color: #ec3838;
    font-weight: bold;
    text-decoration: underline;
}

#fishingIndex div.rss-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-around;
}
#fishingIndex div.rss-box-mini {
  width: 18%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width:768px) {
  #fishingIndex div.rss-box-mini {
    width: 24%;
  }
  #fishingIndex div.rss-box-mini:last-child {
    display: none;
  }
}
#fishingIndex div.rss-box:nth-child(2) {
  display: block;
}
#fishingIndex div.rss-box-mini a {
  width: 100%;
}
#fishingIndex div.rss-box-mini a:nth-child(2) {
  color: #484848;
  text-align: left;
  font-size: min(3vw, 14px);
}
@media screen and (max-width:768px) {
  #fishingIndex div.rss-box-mini a:nth-child(2) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
}
#fishingIndex div.rss-box-mini a img {
  height: 150px;
  object-fit: cover;
}
@media screen and (max-width:768px) {
  #fishingIndex div.rss-box-mini a img {
    height: 70px;
  }
}
#fishingIndex div.mostwacth {
  text-align: right;
}
#fishingIndex div.mostwacth a {
  color: #004986;
  font-size: min(3vw, 18px);
	font-weight: bold;
}
@media screen and (max-width:768px) {
 #fishingIndex  div.mostwacth a {
    font-size: 3.5vw;
  }
}
#fishingIndex div.assesment_links div.assesment_link {
  margin: 0;
  width: 35%;
  padding: 0%;
}
#fishingIndex div.assesment_links div.salesite_link {
  width: 35%;
}
@media screen and (max-width:768px) {
		#fishingIndex div.assesment_links div.assesment_link {
			margin: 0;
			width: 49%;
			padding: 0%;
		}
		#fishingIndex div.assesment_links div.salesite_link {
			width: 49%;
		}
	}
	/* buyer_profile */
	
	#fishingIndex #buyer_profile {
  background-color: #043e6d;
  padding: 0% 0% 0% 0%;
}
#fishingIndex div.profile_in {
  max-width: 1110px;
  width: 95%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 4% 0% 4% 0%;
  margin: 0 auto;
}
#fishingIndex section#buyer_profile div.for_sp {
  display: none;
}
@media screen and (max-width:768px) {
  #fishingIndex section#buyer_profile div.for_pc {
    display: none;
  }
  #fishingIndex section#buyer_profile div.for_sp {
    display: block;
    padding: 4% 0% 5% 0%;
  }
}
#fishingIndex div.profile_images {
  width: 34%;
}
#fishingIndex div.image2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
}
#fishingIndex div.image2 img {
  width: 49%;
  margin: 0% 0% 2% 0%;
}
#fishingIndex div.profile_text {
  width: 63%;
  text-align: left;
}
#fishingIndex div.profile_text p {
  text-align: left;
  color: #fff;
}
#fishingIndex div.profile_text p:nth-child(2) {
  border-bottom: solid 2px #ff9f00;
  font-size: min(2.2vw, 28px);
  letter-spacing: 3px;
  line-height: 1.2;
  margin: 0% 0% 5% 0%;
}
#fishingIndex div.profile_text p:nth-child(3) {
  font-size: min(2vw, 23px);
  line-height: 1.8;
  margin: 0% 0% 5% 0%;
}
#fishingIndex div.profile_text p:nth-child(3) span {
  display: block;
  text-align: left;
}
#fishingIndex div.profile_text p:nth-child(4) {
  font-size: min(2vw, 24px);
  line-height: 1.8;
}
#fishingIndex div.profile_text p:nth-child(4) span {
  display: block;
  text-align: left;
}
#fishingIndex div.profile_text p:nth-child(5) {
  font-size: min(2vw, 24px);
  line-height: 1.8;
}
#fishingIndex div.profile_text p:nth-child(5) span {
  display: block;
  text-align: left;
}
#fishingIndex div.profile_text h2 {
  margin: 0% 0% 5% 0%;
}
#fishingIndex div.profile_text h2 span {
  display: block;
  text-align: left;
  color: #ff9f00;
  line-height: 1;
}
#fishingIndex div.profile_text h2 span:nth-child(1) {
  font-family: Impact;
  font-size: min(5vw, 60px);
}
#fishingIndex div.profile_text h2 span:nth-child(2) {
  font-size: min(2.5vw, 28px);
}
@media screen and (max-width:768px) {
  div.profile_in h2 {
    margin: 0% 0% 5% 0%;
  }
  #fishingIndex div.profile_in h2 span {
    display: block;
    text-align: left;
    color: #ff9f00;
  }
  #fishingIndex div.profile_in h2 span:nth-child(1) {
    font-family: Impact;
    font-size: 8.6vw;
    font-weight: 100;
    line-height: 1;
  }
  #fishingIndex div.profile_in h2 span:nth-child(2) {
    font-size: 4.5vw;
    line-height: 1.2;
  }
  #fishingIndex div.profile_in > p:nth-child(2) {
    text-align: left;
    color: #fff;
    border-bottom: solid 2px #ff9f00;
    font-size: 4vw;
    line-height: 1.2;
    margin: 0% 5% 3% 0%;
  }
 #fishingIndex  div.profile_first_content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0% 0% 2% 0%;
  }
  #fishingIndex div.profile_first_content img {
    width: 42%;
  }
  #fishingIndex div.profile_first_content p {
    width: 56%;
    font-size: 3.2vw;
  }
  #fishingIndex div.profile_first_content p span {
    display: block;
    text-align: left;
    color: #fff;
    line-height: 1.8;
  }
  #fishingIndex div.profile_in > p:nth-child(4) {
    margin: 0% 0% 5% 0%;
  }
  #fishingIndex div.profile_in > p:nth-child(4) span {
    font-size: 3.2vw;
    display: block;
    color: #fff;
    text-align: left;
    line-height: 1.8;
  }
  div.profile_img {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
  }
 #fishingIndex div.profile_img img {
    width: 24%;
  }
}
 #fishingIndex section#knowhow {
  background-color: #f8b551;
}
 #fishingIndex div.knowhow_in {
  background-color: #fed590;
  width: 98%;
}
@media screen and (max-width:768px) {
   #fishingIndex div.knowhow_in {
    width: 100%;
  }
}
#fishingIndex div.knowhow_in h2 {
  color: #fff;
  background-image: url("../img/pc/knowhow_titlebase.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  font-size: min(4.4vw, 52px);
  font-weight: bold;
  line-height: 1;
  padding: 4% 0% 3%;
  text-shadow: 4px 4px 4px rgb(0 0 0 / 20%);
}
@media screen and (max-width:768px) {
   #fishingIndex div.knowhow_in h2 {
     background-image: url("../img/sp/knowhow_titlebar.png");
    padding: 1% 0% 1%;
  }
#fishingIndex div.knowhow_in h2 span {
    display: block;
    font-size: 6.5vw;
    line-height: 1.1;
    font-weight: bold;
  }
}
#fishingIndex div.knowhow_in div.points {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 3% 0% 0% 0%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.knowhow_in div.points {
	width: 98%;
	display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  gap: 2%;
	margin: 0 auto;
  padding: 3% 0% 4% 0%;
	
  }
}
#fishingIndex div.points div.point {
    width: 46%;
    background-image: url(../img/pc/point_base.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: 0% 0% 2% 0%;
}
@media screen and (max-width:768px) {
 #fishingIndex div.points div.point {
		width: auto;
    background-image: url("../img/sp/knowhow_point_bg.png");
		background-color: #ffedd0;
    background-repeat: no-repeat;
    background-position: center 70%;
    margin: 0% 0% 2% 0%;
    border-radius: 5px;
    background-size: 75%;
		border-radius: 6px; 
  }
}
#fishingIndex div.points div.point:nth-child(1), div.points div.point:nth-child(2) {
  padding: 0% 0% 2% 0%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.points div.point:nth-child(1), div.points div.point:nth-child(2) {
    padding: 0% 0% 9% 0%;
  }
}
#fishingIndex div.points div.point:nth-child(3), div.points div.point:nth-child(4) {
  padding: 0% 0% 9% 0%;
}

#fishingIndex div.point p {
  text-align: left;
  width: 92%;
  margin: 0 auto;
}
#fishingIndex div.point p:nth-child(1) {
  color: #1044d6;
  font-weight: bold;
  font-size: min(3vw, 32px);
  padding: 3% 0% 0% 0%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.point p:nth-child(1) {
    font-size: 3.5vw;
  }
}
#fishingIndex div.point p:nth-child(2) {
  color: #1e3a89;
  font-weight: bold;
  font-size: min(4vw, 55px);
  line-height: 1;
  padding: 0% 0% 3% 0%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.point p:nth-child(2) {
    font-size: 4.5vw;
    margin: 0% auto 3%;
		border-bottom: 1px solid #ff0000;
  }
}
#fishingIndex div.point p:nth-child(3) {
  color: #333;
  font-weight: bold;
  font-size: min(1.5vw, 18px);
  line-height: 2;
}
@media screen and (max-width:768px) {
 #fishingIndex div.point p:nth-child(3) {
/*
    font-size: 2.6vw;
    line-height: 1.5;
*/
		font-size: 2.8vw;
    line-height: 1.8;
  }
}
#fishingIndex div.point p:nth-child(3) span.red_text {
  color: #e60505;
}
#fishingIndex div.point p:nth-child(3) span.indention {
  display: block;
  text-align: left;
}
#fishingIndex section#knowhow div.assesment_link {
  max-width: 1180px;
  width: 98%;
  background-color: #fed590;
}
@media screen and (max-width:768px) {
  #fishingIndex section#knowhow div.assesment_link {
    width: 100%;
  }
}
/* trust_us */
#fishingIndex section#trust_us {
  background-color: #cce4ef;
  margin: 0% 0% 3% 0%;
}
@media screen and (max-width:768px) {
	#fishingIndex section#trust_us {
		margin-bottom: 0;
	}
}

#fishingIndex div.trust_us_in {
  background-color: #b9dced;
  padding: 2% 0% 0% 0%;
  width: 98%;
}
#fishingIndex div.trust_us_in h2 {
  color: #14436a;
   background-image: url("../img/pc/collection.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  font-size: min(4vw, 47px);
  line-height: 1.1;
  padding: 2% 0% 2%;
  margin: 0% auto 2%;
  width: 90%;
}
  }
@media screen and (max-width:768px) {
	#fishingIndex div.trust_us_in h2 {
     background-image: url("../img/sp/Collection.png");
    font-size: 6vw;
    border-bottom: solid 2px #ff9f00;
  }
}
#fishingIndex div.trust_us_in h2.for_sp{ display: none;}

#fishingIndex div.trust_us_in h2 span {
  display: block;
  letter-spacing: 2px;
}
@media screen and (max-width:768px) {
  	#fishingIndex div.trust_us_in h2 span {
    text-align: center;
  }
		#fishingIndex div.trust_us_in h2.for_pc{ display: none;}
		#fishingIndex div.trust_us_in h2.for_sp{ display: block;}
}
#fishingIndex div.for_you {
  width: 90%;
  margin: 0% auto 3%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  background-color: rgba(255, 255, 255, 0.8);
  justify-content: space-between;
}
@media screen and (max-width:768px) {
  	#fishingIndex div.for_you {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
}
div.for_you_img {
  width: 35%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
@media screen and (max-width:768px) {
  	#fishingIndex div.for_you_img {
    order: 2;
    width: 100%;
  }
}
#fishingIndex div.for_you_img img {
  width: 50%;
  border: solid 1px #fff;
}
@media screen and (max-width:768px) {
		#fishingIndex div.for_you_img img {
			width: 25%;
		}
}
#fishingIndex div.for_you ul {
  width: 64%;
   background-image: url("../img/pc/collection_buthbg.png");
  background-repeat: no-repeat;
  -webkit-background-size: 45% auto;
  background-size: 45% auto;
  background-position: center;
  padding: 4% 0% 0% 0%;
}
@media screen and (max-width:768px) {
  	#fishingIndex div.for_you ul {
    order: 1;
    width: 100%;
  }
}
#fishingIndex div.for_you ul li {
  text-align: left;
  color: #14436a;
  font-weight: bold;
  font-size: min(1.9vw, 23px);
  margin: 0% 0% 3% 0%;
}
@media screen and (max-width:768px) {
  	#fishingIndex div.for_you ul li {
    font-size: 3.5vw;
  }
}
#fishingIndex div.promise {
  width: 90%;
  margin: 0 auto;
   background-image: url("../img/pc/collection_bg2.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
@media screen and (max-width:768px) {
 	#fishingIndex  div.promise {
     background-image: url("../img/sp/collection_bg2.png");
  }
}
#fishingIndex div.promise h3 {
  color: #fff;
  padding: 3% 32% 0% 0%;
  font-size: min(3vw, 35px);
}
@media screen and (max-width:768px) {
  div.promise h3 {
    padding: 3% 0% 0% 0%;
    font-size: 5.5vw;
  }
}
#fishingIndex div.promise p {
  color: #fff;
  padding: 1% 33% 4% 0%;
  font-size: min(2vw, 24px);
  line-height: 1.8;
}
#fishingIndex div.promise .for_sp {
    display: none;
}
@media screen and (max-width:768px) {
				#fishingIndex div.promise p {
				padding: 6% 40% 4% 0%;
				font-size: 2.8vw;
				line-height: 2.1;
			}
			#fishingIndex div.promise .for_pc {
				display: none;
		}	
			#fishingIndex div.promise .for_sp {
				display: block;
		}
}
div.promise p span {
  display: block;
}
#fishingIndex section#trust_us div.assesment_link {
  max-width: 1180px;
  background-color: #b9dced;
}
/* result */
#fishingIndex section#result{
  margin: 0% 0% 3% 0%;
}
@media screen and (max-width:768px) {
#fishingIndex section#result{
		margin-bottom: 0;
	}
}

#fishingIndex .result_in{
  padding: 0;
  width: 98%;
}
#fishingIndex .result_in h2{ padding-bottom: 2%}
#fishingIndex .result_in h2 picture{
	display: block;
	width: 30%;
	margin: 0 auto;
}
#fishingIndex .result_in h2 picture img{
width: 100%;
}
@media screen and (max-width:768px) {
		#fishingIndex .result_in h2 picture{
		width: 40%;
    padding: 4% 0 2% 0;
		}
}
#fishingIndex .result_in .resultItemList{
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  gap: 2%;
	margin-bottom: 3%;
}
#fishingIndex .result_in .resultItemList .resultItem{
	background-color:#e5e5e5 ;
	display: flex;
	flex-direction: row-reverse;
	 justify-content: space-between;
	padding: 2%;
}
@media screen and (max-width:768px) {
		#fishingIndex .result_in .resultItemList .resultItem{
				flex-direction: column-reverse;
				justify-content: start;

		}
}

#fishingIndex .result_in .resultItemList .itemTxt{
	width:55%;
	text-align: left;
}
@media screen and (max-width:768px) {
	#fishingIndex .result_in .resultItemList .itemTxt{ 
		width:auto;
		display: flex;
		flex-direction: column;
	}
}

#fishingIndex .result_in .resultItemList .itemTxt h3{
	font-size: min(2.2vw, 28px);
	text-align: left;
	font-weight: normal;
}
@media screen and (max-width:768px) {
#fishingIndex .result_in .resultItemList .itemTxt h3{
    font-size: min(3.6vw, 36px);
    text-align: left;
    font-weight: normal;
		min-height: 2.2em;
		flex-grow:1;
		}
}

#fishingIndex .result_in .resultItemList .itemTxt p{
	   text-align: left;
}
#fishingIndex .result_in .resultItemList .itemTxt .priceTxt{
	border-bottom: 1px solid #000;
	font-size: min(1.5vw, 18px);
	margin: 0.5rem 0;
	line-height: 1.2;
}
@media screen and (max-width:768px) {
#fishingIndex .result_in .resultItemList .itemTxt .priceTxt{
    font-size: min(3vw, 32px);
		flex-glow:1;
		}
}
#fishingIndex .result_in .resultItemList .itemTxt .priceTxt strong{
	display: block;
	text-align: left;
	color: #f00;
	font-size: min(4vw, 52px);
}
@media screen and (max-width:768px) {
#fishingIndex .result_in .resultItemList .itemTxt .priceTxt strong{
    font-size: min(10vw, 72px);
		flex-glow:1;
		}
}

#fishingIndex .result_in .resultItemList .itemTxt .priceTxt strong span{
	font-size: min(2.4vw, 32px);
}
@media screen and (max-width:768px) {
		#fishingIndex .result_in .resultItemList .itemTxt .priceTxt strong span{
			font-size: min(4vw, 48px);
		}
}

#fishingIndex .result_in .resultItemList .itemTxt .commentTxt{
	   font-size: min(1.5vw, 18px);
}
@media screen and (max-width:768px) {
		#fishingIndex .result_in .resultItemList .itemTxt .commentTxt{
						font-size: 3.2vw;
						flex-grow: 1;
				}
}

#fishingIndex .result_in .resultItemList .itemTxt .attTxt{
	font-size: min(1.2vw, 12px);
	padding-left:1em;
	text-indent:-1em;	
}
@media screen and (max-width:768px) {
	#fishingIndex .result_in .resultItemList .itemTxt .attTxt{
		font-size: min(2.6vw, 18px);
	}
}
#fishingIndex .result_in .resultItemList .itemTxt .attTxt::before{
	content: '※';
}

#fishingIndex .result_in .resultItemList .resultItem picture{
	display: flex;
	width:41%;
	background-color: #fff;
	align-items:center;
	justify-content:center;
}
@media screen and (max-width:768px) {
		#fishingIndex .result_in .resultItemList .resultItem picture{
			width:100%;
			aspect-ratio: 1 /1; 
		}
}


#fishingIndex .result_in .resultItemList .resultItem picture img{
	width:100%;
}



/* tackle */
#fishingIndex section#tackle {
  background-color: #f8b551;
  margin: 0%;
}
#fishingIndex div.tackle_in {
   background-image: url("../img/pc/tackle_bg.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
	max-width: 1100px;
    width: 95%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.tackle_in {
     background-image: url("../img/sp/tackle_bg.png");
    width: 100%;
  }
}
#fishingIndex div.tackle_in h2 {
  color: #464646;
  display: inline-block;
  padding: 2% 0% 2% 0%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.tackle_in h2 {
    padding: 2% 0% 6% 0%;
  }
}
#fishingIndex div.tackle_in h2 span {
  display: block;
}
#fishingIndex div.tackle_in h2 span:nth-child(1) {
  font-family: Impact;
  font-size: min(6vw, 70px);
  line-height: 1.1;
}
@media screen and (max-width:768px) {
  #fishingIndex div.tackle_in h2 span:nth-child(1) {
    font-size: 13vw;
  }
}
#fishingIndex div.tackle_in h2 span:nth-child(2) {
  color: #fff;
  background-color: #464646;
  font-size: min(3vw, 38px);
  line-height: 1;
  padding: 1.5% 0% 0% 0%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.tackle_in h2 span:nth-child(2) {
    font-size: 6vw;
    padding: 1.5% 0% 1% 0%;
  }
}

#fishingIndex div.tackle_product {
  padding: 0%;
}

#fishingIndex div.tackle_kind {
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  margin: 0% 0% 1.5% 0%;
}
#fishingIndex div.tackle_kind:nth-child(1) {
   background-image: url("../img/pc/tackle1.png");
}
#fishingIndex div.tackle_kind:nth-child(2) {
   background-image: url("../img/pc/tackle2.png");
}
#fishingIndex div.tackle_kind:nth-child(3) {
   background-image: url("../img/pc/tackle3.png");
}
#fishingIndex div.tackle_kind:nth-child(4) {
   background-image: url("../img/pc/tackle4.png");
		margin-bottom: 0;
}
@media screen and (max-width:768px) {
  #fishingIndex div.tackle_kind:nth-child(1) {
     background-image: url("../img/sp/tackle1.png");
  }
  #fishingIndex div.tackle_kind:nth-child(2) {
     background-image: url("../img/sp/tackle2.png");
  }
  #fishingIndex div.tackle_kind:nth-child(3) {
     background-image: url("../img/sp/tackle3.png");
  }
  #fishingIndex div.tackle_kind:nth-child(4) {
     background-image: url("../img/sp/tackle4.png");
  }
}
#fishingIndex div.tackle_kind h3 {
  text-align: left;
  font-family: Impact;
  color: #fff;
  font-size: min(4vw, 50px);
  font-weight: 100;
  padding: 1% 0% 0% 2%;
  line-height: 1;
}
@media screen and (max-width:768px) {
  #fishingIndex div.tackle_kind h3 {
    font-size: 8vw;
  }
	div.tackle_kind:nth-child(4) h3{ padding: 1% 0% 0% 2%;}
}
#fishingIndex div.tackle_kind p {
  color: #fff;
  padding: 0% 0% 12.5% 2%;
}

#fishingIndex div.tackle_kind:nth-child(2n) p{
  padding-left:56%;
}


@media screen and (max-width:768px) {
  #fishingIndex div.tackle_product div.tackle_kind p {
    padding: 0% 0% 21% 2%;
  }
}
#fishingIndex div.tackle_kind:nth-child(2) h3, #fishingIndex div.tackle_kind:nth-child(2) p,#fishingIndex  div.tackle_kind:nth-child(4) h3, #fishingIndex div.tackle_kind:nth-child(4) p {
  padding-left: 56%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.tackle_kind:nth-child(2) h3, div.tackle_kind:nth-child(2) p, div.tackle_kind:nth-child(4) h3, div.tackle_kind:nth-child(4) p {
    padding: 1% 0% 0% 2%;
  }
	#fishingIndex div.tackle_kind:nth-child(4) h3{ padding-left: 2%;}
	#fishingIndex div.tackle_product div.tackle_kind:nth-child(4) p{ padding-bottom:11%;}
}
#fishingIndex div.tackle_kind p span {
  display: block;
  text-align: left;
  font-size: min(1vw, 16px);
}
@media screen and (max-width:768px) {
  #fishingIndex div.tackle_kind p span {
    font-size: 2.8vw;
  }
}
#fishingIndex div.tackle_in div.assesment_link{ padding: 2% 0% 4% 0%;}
@media screen and (max-width:768px) {
  #fishingIndex div.tackle_in div.assesment_link{ padding: 4% 0%;}
}
/*▼page_links▼*/
section#page_links {
  margin: 0;
  background-color: #006cb8;
}
#fishingIndex div.links_in {
  width: 98%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.links_in {
    width: 100%;
  }
}
#fishingIndex div.h2_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: center;
  padding: 3% 0% 2% 0%;
}
#fishingIndex div.h2_box img {
  width: 6%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.h2_box img {
    width: 12%;
  }
}
#fishingIndex div.h2_box h2 {
  width: 41%;
  margin: 0% 0% 0% 1%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.h2_box h2 {
    width: 83%;
  }
}
#fishingIndex div.h2_box h2 span {
  display: block;
  text-align: left;
  color: #fff;
}
#fishingIndex div.h2_box h2 span:nth-child(1) {
  font-family: Impact;
  font-weight: 100;
  letter-spacing: 2px;
  font-size: min(2.3vw, 30px);
}
@media screen and (max-width:768px) {
  #fishingIndex div.h2_box h2 span:nth-child(1) {
    font-size: 4.7vw;
  }
}
#fishingIndex div.h2_box h2 span:nth-child(2) {
  font-size: min(3.5vw, 43px);
  line-height: 1;
}
@media screen and (max-width:768px) {
  #fishingIndex div.h2_box h2 span:nth-child(2) {
    font-size: 7vw;
  }
}
#fishingIndex div.links {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-evenly;
  -ms-align-items: center;
  padding: 0% 0% 2% 0%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.links {
    padding: 0% 0% 2% 0%;
  }
}
#fishingIndex div.links div.link {
  border: solid 2px #000;
  width: 24%;
}
@media screen and (max-width:768px) {
  #fishingIndex div.links div.link {
    width: 50%;
  }
}
#fishingIndex div.links div.link a {
  height: 100%;
  background-color: #0b489a;
  display: block;
  border: solid 2px #fff;
  padding: 9% 0% 4% 0%;
}
#fishingIndex div.links div.link:hover a.not_hover {
  display: none;
}
#fishingIndex div.links div.link p.hover {
  display: none;
}
#fishingIndex div.links div.link:hover p.hover {
  height: 100%;
  background-color: #f72a09;
  display: block;
  border: solid 2px #fff;
  padding: 9% 0% 4% 0%;
  font-weight: bold;
  font-size: min(2vw, 25px);
  color: #fff;
  line-height: 1;
}
@media screen and (max-width:768px) {
  #fishingIndex div.links div.link:hover p.hover {
    font-size: 5vw;
  }
}
#fishingIndex div.links div.link a span {
  font-weight: bold;
  font-size: min(2vw, 25px);
  color: #fff;
  display: block;
  line-height: 1;
}
@media screen and (max-width:768px) {
  #fishingIndex div.links div.link a span {
    font-size: 5vw;
  }
}
#fishingIndex div.links div.link a span:nth-child(2) {
  font-size: min(1vw, 13px);
}
div.links div.link a span.active {
  font-size: min(2vw, 25px);
}
@media screen and (max-width:768px) {
  #fishingIndex div.links div.link a span:nth-child(2) {
    font-size: clamp(12px,2vw,16px)
  }
  #fishingIndex div.links div.link a span.active {
    font-size: 5vw;
  }
  #fishingIndex div.links div.link:nth-child(n+3) a {
    padding: 9% 0% 8% 0%;
  }
}
/*▲page_links▲*/
/* map */
section#map {
  background-color: #f4f4f4;
}
.map_in{
		max-width: 1100px;
    width: 95%;
		margin: 0 auto;
		padding-top:2%;
    background-image: url(../img/pc/bg_map.png);
		background-repeat: repeat;
		background-size: unset;
		padding-bottom: 0.1%;
}
@media screen and (max-width:768px) {
		.map_in{
			 width: 100%;
				margin: 0 auto;
				padding-bottom: 2%;
				background-color: #f4f4f4;
			 background-image: url(../img/sp/bg_map.png);
		}
}
.map_in h2{
    color: #fff;
    background-image: url(../img/pc/bg_h2_map.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: cover;
    background-position-x: center;
    font-size: min(4.4vw, 52px);
    font-weight: bold;
    padding: 2% 0% 2%;
    text-shadow: 6px 6px 6px rgb(0 0 0 / 45%);
}
.map_in h2 span{ position: relative; vertical-align: middle; line-height: 1;} 
.map_in h2 span::before{
		position: absolute;
    content: '';
    display: inline-block;
    min-width: 50px;
    background-image: url(../img/pc/mapicon.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 0.5rem;
    width: 100%;
    height: 68%;
    top: 6%;
    left: -10%;
}

@media screen and (max-width:768px) {
			.map_in h2{
					font-size: 7.2vw;
					line-height: 1;
					padding: 3.5%;
					background-image: url(../img/sp/bg_h2_map.png);
					background-position-y: center;
			}
		.map_in h2 span::before{
    width: 1rem;
    height: 75%;
    top: 10%;
    left: -10%;
    background-image: url(../img/sp/mapicon.png);
		}
	}

.map_in iframe{
	width: 98%;
	height:600px;		
}
@media screen and (max-width:768px) {
		.map_in iframe{
			width: 96%;
			height:400px;
			margin: 2% 2% 0 2%;
		}
}

  div.shops .shop iframe {
  width: 100%;
  height: 600px;
}
.map_in p{ width: 82%; margin: 4% auto;}
@media screen and (max-width:768px) {
	.map_in p{ width: 96%;}
}
.map_in p.attTxt{
	width:98%;
	font-size: min(1vw, 16px);
	margin: 0 auto 4% auto;
	text-align: right;	
}
@media screen and (max-width:768px) {
		.map_in p.attTxt{
			width:96%;
			font-size: min(2.6vw, 18px);
		}
}

.map_in p.btnLink{
		width: 48%;
    margin: 0 auto 4% auto;
}
@media screen and (max-width:768px) {
		.map_in p.btnLink{
				width: 76%;
		}
}

.map_in p.btnLink a{
		display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 100%;
    padding: 1rem 4rem 0.8rem 4rem;
    font-weight: bold;
    background: #ea8c1d;
    border: 6px outset #F17816;
    color: #fff;
    font-size: min(3vw, 38px);
    line-height: 1;
    transition: 0.3s;
}
@media screen and (max-width:768px) {
.map_in p.btnLink a{
    border: 3px outset #F17816;
    color: #fff;
   font-size: min(5.6vw, 42px);
	 padding: 1rem 1.2rem 0.8rem 1.2rem;
		}
}


.map_in p.btnLink a:hover {
	background: #F9A638;
	border: 6px outset #ea8c1d;
	color: #fff;
}

@media screen and (max-width:768px) {
.map_in p.btnLink a:hover {
    border: 3px outset #F17816;
		}
}

.map_in p.btnLink a,.map_in p.btnLink a:visited{
	color: #fff;
}


/* footer */
footer { background-color: #16203E;}
.footer-flex {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}
@media screen and (max-width:768px) {
		.footer-flex {
				flex-flow: column;
			 	align-items: center;
				width: 98%;
				margin: 0% auto;
				padding:4% 0;
	}
}


#footer_in { width: 120px; padding-right: 3%;}
@media screen and (max-width:768px) {
	#footer_in {
			width: 30%;
			/* padding-right: 3%; */
			padding: 2%;
	}
}
.ul-flex {  width: 280px;}
@media screen and (max-width:768px) {
		.ul-flex {
						width:100%;
						font-size: 3.2vw;
			}
}
.ul-flex li{
		list-style: none;
    text-align: left;
    padding: 2% 4%;	
}
.ul-flex li a,
.ul-flex li a:visited {
		color:#fff;	
}
.relevance {
    border-left: solid 1px #ccc;
    width: 1px;
		margin-right: 2%;
}
@media screen and (max-width:768px) {
	.relevance { display: none;}
}
.secondhand {
    background: #ccc;
    color: dimgrey;
    padding: 5px 0;
    min-width: 1180px;
    margin-bottom: 20px;
    font-size: 14px;
}
@media screen and (max-width:768px) {
.secondhand { min-width: auto;}
}

.copy p{
	  text-align: center;
    color: #fff;
    padding-bottom: 20px;
    font-size: 14px;
	
}