@charset "UTF-8";

/*PC*/
@media all and (min-width: 769px) {

/*矢印アイコン*/
.localnavi{
	max-width: 960px;
	margin: 8rem auto;
	padding: 0 4rem;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	line-height: 2;
}
.localnavi li{
	margin: 0 5rem;
}
.localnavi li::before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("/_assets/images/common/angle-right-solid.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: -3px;
}
.localnavi li a{
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.localnavi li a.select{
	border-bottom: 2px solid #4C5870;
}
.localnavi li a::after{
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #4C5870;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .1s;
}
.localnavi li a:hover::after{
	transform: scale(.3, 1);
}


/*スラッシュ/区切り*/
.localnavi2{
	max-width: 960px;
	margin: 8rem auto;
	padding: 0 4rem;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	line-height: 2;
}
.localnavi2 li{
	text-align: center;
}
.localnavi2 li::before{
	content: "/";
	margin-left: 4rem;
	margin-right: 4rem;
}
.localnavi2 li:first-child::before {
	content: none;
}
.localnavi2 li a{
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.localnavi2 li a.select{
	border-bottom: 2px solid #4C5870;
}
.localnavi2 li a::after{
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #4C5870;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .1s;
}
.localnavi2 li a:hover::after{
	transform: scale(.3, 1);
}
}


/*TB*/
@media (min-width: 768px) and (max-width: 769px) {

.localnavi2 li::before{
	content: "/";
	margin-left: 0rem;
	margin-right: 3rem;
}
}




/*SP*/
@media all and (max-width: 768px) {

.localnavi{
	max-width: 98%;
	margin: 0 auto 3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	font-size: 13px;
}
.localnavi li{
	margin-right: 1.5rem;
	line-height: 3;
	text-align: center;
}
.localnavi li::before{
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url("/_assets/images/common/angle-right-solid.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: -3px;
}
.localnavi li a{
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.localnavi li a.select{
	border-bottom: 2px solid #4C5870;
}
.localnavi li a::after{
	position: absolute;
	bottom: 5px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #4C5870;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .1s;
}
.localnavi li a:hover::after{
	transform: scale(.3, 1);
}



/*スラッシュ/区切り*/
.localnavi2{
	max-width: 96%;
	margin: 0 auto 3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	font-size: 13px;
}
.localnavi2 li{
/*	margin-right: 1.5rem;*/
	line-height: 3;
	text-align: center;
}
.localnavi2 li::before{
	content: "/";
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
.localnavi2 li:first-child::before {
	content: none;
}
.localnavi2 li:nth-child(4)::before {
	content: none;
}
.localnavi2 li a{
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.localnavi2 li a::after{
	position: absolute;
	bottom: 5px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #4C5870;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .1s;
}
.localnavi2 li a:hover::after{
	transform: scale(.3, 1);
}






}


@media all and (max-width: 374px) {
.localnavi2 li:nth-child(3)::before {
	content: none;
}
.localnavi2 li:nth-child(4)::before {
	content: "/";
}

}