@charset "utf-8";
/* CSS Document */

/*
------------------------------------------------------------------------------*/
.zerobreak {
	clear: both;
	font-size: 0;
}
br.pcbr {display: none;}
br.mobr {display: inline;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ 折り返し設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.jus {
	text-align: justify;
	text-justify: inter-ideograph;
}

/*============================================================================*/

main > .pageTitle {
	margin-bottom: 6rem;
	margin-top: 6rem;
}
main > .pageTitle > .inner > .d1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}
main > .pageTitle > .inner > .d1 .d1BackToTop {
	position: relative;
}
body.fishingMap-select-shopList main > .pageTitle > .inner > .d1 .d1BackToTop {
	display: none;
}
main > .pageTitle > .inner > .d1 .d1BackToTop a {
	display: block;
}
main > .pageTitle > .inner > .d1 .d1BackToTop .d1BackToTop-body {
	margin-right: 3.62rem;
}
main > .pageTitle > .inner > .d1 .d1BackToTop .arrow_bg {
	position: absolute;
	right: 0;
	font-size: max(10px, .875vw);
	width: 1.3em;
	top: 50%;
	transform: translateY(-50%);
}
main > .pageTitle > .inner > .d1 .d1BackToTop a:hover .arrow_bg .arrow {
	animation: arrow_run_s .2s 1 forwards linear;
}


main > .upperMenu .upperMenuList > a,
main > .upperMenu .upperMenuList > .noLink {
	position: relative;
	display: block;
}
main > .upperMenu .upperMenuList > a::before,
main > .upperMenu .upperMenuList > .noLink::before {
	content: "";
	display: block;
	width: 4rem;
	height: 4rem;
	background-color: #5a5d60;
	position: absolute;
	left: 1.8rem;
}
main > .upperMenu .upperMenuList > .shop::before {mask: url(/-/media/Project/globeride/daiwa_com_jp/partner/fishingmap/image/common/bbicon1.svg) center / contain no-repeat;}
main > .upperMenu .upperMenuList > .facility::before {mask: url(/-/media/Project/globeride/daiwa_com_jp/partner/fishingmap/image/common/bbicon2.svg) center / contain no-repeat;}
main > .upperMenu .upperMenuList > .boat::before {mask: url(/-/media/Project/globeride/daiwa_com_jp/partner/fishingmap/image/common/bbicon3.svg) center / contain no-repeat;}


/*============================================================================*/






/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ // Mobile // */
@media screen and (max-width: 767px) {
/*============================================================================*/
	.onlyMO {display: block;}
	br.pcbr {display: none;}
	br.mobr {display: inline;}
	.jusMO {text-align: justify;text-justify: inter-ideograph;}
	/*============================================================================*/
		body, html {
		}
		main.main {
			margin-top: 5rem;
			margin-bottom: 14rem;
		}


		main > .pageTitle > .inner > .d1 .d1BackToTop {
			display: none;/* タイトルが長くなって入らないため、モバイル時 削除 */
			font-size: 1rem;
		}
		main > .pageTitle > .inner > .d1 .d1BackToTop .d1BackToTop-body {
			margin-right: 3rem;
		}
		main > .pageTitle > .inner > .d1 .d1BackToTop .arrow_bg {
			width: 2rem;
		}


		.beTitle{
			margin-bottom: 2rem;
			padding-top: 3rem;
		}
		.beTitle h1 span{
			font-size: 1.4rem;
			margin-bottom: 0.5rem;
		}
		.beTitle h1{
			font-size: 3rem; 
		}


		main > .upperMenu {
			padding: 0;
			position: relative;
		}
		main > .upperMenu > #menu_list {
			background-color: #5a5d60;
			padding: 0 2rem;
			height: 5.8rem;
			display: flex;
			align-items: center;
			color: white;
		}


		main > .upperMenu .plusIcon {
			width: 1.3rem;
			height: 1.3rem;
			display: block;
			position: absolute;
			top: 2.25rem;
			right: 2rem;
		}
		main > .upperMenu .plusIcon::before,
		main > .upperMenu .plusIcon::after {
			width: 100%;
			height: 1px;
			display: block;
			position: absolute;
			top: 50%;
			left: 0px;
			content: "";
			background-color: white;
			margin-top: -0.5px;
		}
		main > .upperMenu .plusIcon::after {
			transform: rotate(90deg);
			transition: 0.3s all;
		}
		main > .upperMenu.active .plusIcon::after {
			transform: rotate(0deg);
			transition: 0.3s all;
		}

		main > .upperMenu #uMenuToggle {
			display: none;
			cursor: pointer;
		}
		main > .upperMenu .upperMenuList {
			/*display: none;*/
			transform: scaleY(0);
			transform-origin: center top;
			transition: 0.3s all;
			height: 0;
		}
		main > .upperMenu.active .upperMenuList {
			display: block;
			transform: scaleY(1);
			transition: 0.3s all;
			height: auto;
		}
		main > .upperMenu .upperMenuList > a,
		main > .upperMenu .upperMenuList > .noLink {
			border-bottom: solid 1px #5a5d60;
			height: 5.8rem;
			display: flex;
			align-items: center;
			padding-left: 7.5rem;
		}
		main > .upperMenu .upperMenuList > a::before,
		main > .upperMenu .upperMenuList > .noLink::before {
			width: 3.5rem;
			height: 3.5rem;
			left: 2rem;
		}


	/*============================================================================*/
	.onlyPC {display: none;}
/*============================================================================*/
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ // PC // */
@media screen and (min-width: 768px) {
/*============================================================================*/
	.onlyPC {display: block;}
	br.mobr {display: none;}
	br.pcbr {display: inline;}
	.jusPC {text-align: justify;text-justify: inter-ideograph;}
	/*============================================================================*/
		body, html {
		}
		main.main {
			margin-top: 15.3rem;
			margin-bottom: 19.7rem;
		}


		.beTitle{
			margin-bottom: 8rem;
			margin-top: 23rem;
		}
		.beTitle h1 span{
			font-size: min(3rem,30px);
			margin-bottom: 1.7rem;
		}
		.beTitle h1{
			font-size: min(8rem,64px);
		}


		main > .upperMenu {}
		main > .upperMenu > #menu_list { display: none; }
		main > .upperMenu label {
			display: none;
		}
		main > .upperMenu #uMenuToggle {
			display: none;
		}
		main > .upperMenu .upperMenuList {
			display: flex;
			gap: 2.1rem;
			height: 7.5rem;
		}
		main > .upperMenu .upperMenuList > a,
		main > .upperMenu .upperMenuList > .noLink {
			width: calc( calc( 100% - 2.1rem * 2 ) / 3 );
			border: solid 0.1rem #5a5d60;
			color: #5a5d60;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		main > .upperMenu .upperMenuList > a.selected,
		main > .upperMenu .upperMenuList > .noLink.selected {
			background-color: #5a5d60;
			color: white;
		}
		main > .upperMenu .upperMenuList > a.selected::before,
		main > .upperMenu .upperMenuList > .noLink.selected::before {
			background-color: white;
		}

	/*============================================================================*/
	.onlyMO {display: none;}

/*============================================================================*/
}


/* - - - - - - - - - - - - - - - - - - -
/-/media/Project/globeride/daiwa_com_jp/partner/fishingmap/css/fmap_css
{E0F0FD3C-9A43-46FA-ABA9-A229441D44A6}
- - - - - - - - - - - - - - - - - - - */