
.inner {
	max-width: none;
}
.secMain {
	background: url(../img/main/links.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.anchor_area {
	width : -webkit-calc(100% - 250px) ;
	margin : 0vw 0vw 3vw 1vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	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;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.banner_box {
	padding-left: 2vw;
	width : -webkit-calc(100% - 250px) ;
	margin : 0vw 0vw 3vw 1vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.kana_Anchor {
	display: inline-block;
}

.kana_Anchor a{
	display: block;
	padding: 1vw 2vw;
	border: solid 1px var(--dark-color);
	max-width: 80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
バナー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#banner_area {
	/*width : -webkit-calc(100vw - 250px);*/
}

.banner_wap {
	padding-left: 2vw;
	/*width: 100%;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width : -webkit-calc(100vw - 250px);
	display: box;
	display: -webkit-box;
	display: -moz-box;
	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;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
/*
.banner_wap::before{
  content:"";
  display: block;
  width:24%;
  max-width: 230px;
  order:1;
}
.banner_wap::after{
  content:"";
  display: block;
  width:24%;
  max-width: 230px;
}
*/
.banner_div {
	width:24%;
	max-width: 230px;
	margin-bottom: 3vw;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

/*	-webkit-box-flex: 1;
	box-flex: 1;
	-webkit-flex-grow:1;
    flex-grow:1;*/
	/*background-color: #fff;*/
}

.banner_div img{
	width: 100%;
}


#links {
	margin-bottom: 4vw;
	padding: 2vw 0px;
}

#links h3 {
	font-size: 3.5vw;
	padding-left: 2vw;
	width : -webkit-calc(100% - 250px) ;
	margin : 0vw 0vw 3vw 1vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.link_line {
	padding-left: 2vw;
	width : -webkit-calc(100% - 250px) ;
}


.links {
	width: 100vw;
	padding: 0px 1vw;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*fix アイコン*/
.fix_iconBox {
	margin: 0vw;
	padding: 1vw;
	width: 230px;
	position: fixed;
	background-color: #fff;
	top: 50%;
	right: 0;
	z-index: 1;
/*	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-timing-function:ease-in-out;
	-o-transition-timing-function:ease-in-out;
	-ms-transition-timing-function:ease-in-out;
}

#links .fix_center {
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

.fi_line {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 1vw;
	margin-right: 0vw;
}

.fi_line img{
	vertical-align: bottom;
	margin-right: 10px;
}

/*各施設*/

.link_line {
	width : -webkit-calc(100% - 250px) ;
	margin : 0vw 0vw 3vw 1vw;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-align: top;
	-ms-flex-align: top;
	align-items: top;
	margin-bottom: 3vw;
}

/*施設画像*/
.link_img_wap {
	width: 150px;
	margin-right: 2vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.link_img_wap a{
	display: block;
	width: 150px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.link_info_wap {
	width : 100%;
}

.link_icon_wap {
	text-align: right;
	margin-bottom: 1vw;
}

.link_icon {
	width: 40px;
	height: 40px;
	text-align: center;
	padding-top: 5px;
	display: inline-block;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
	.link_icon img {
		width: 30px;
		height: 30px;
	}

.link_title {
	font-size: 2.0rem;
	margin-bottom: 1vw;
}

.link_txt {
	font-size: 1.6rem;
}



/*　　スマホ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media handheld, only screen and (max-width: 767px) {
/*スマホ*/


	.secMain {
		background: url(../img/main/sp_links.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		position: relative;
	}

	.secTitle{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
		background: rgba(0,0,0,0.5);
	}

	.anchor_area {
		width : 100vw;
		margin : 0vw 0vw 3vw;
		text-align: center;
	}

	.kana_Anchor {
		/*display: inline-block;*/
	}

	.kana_Anchor a{
		/*display: block;*/
		padding: 1vw 2vw;
		/*border: solid 1px var(--dark-color);*/
	}

	#links {
		margin-bottom: 2vw;
	}

	.banner_box {
			width : 100vw;
			margin : 0vw 0vw 3vw;
			text-align: center;
	}

/*fix アイコン*/
	.fix_iconBox {
		padding: 1vw 2vw;
		width: 96vw;
		margin: 1vw auto 3vw;
		text-align: left;
		position: relative;
/*		position: fixed;
		left: 0vw;
		top: 80px;*/
		background-color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		-moz-transition-duration:0.5s;
		-webkit-transition-duration:0.5s;
		-o-transition-duration:0.5s;
		-ms-transition-duration:0.5s;
		-moz-transition-timing-function:ease-in-out;
		-webkit-transition-timing-function:ease-in-out;
		-o-transition-timing-function:ease-in-out;
		-ms-transition-timing-function:ease-in-out;
	}

	#links .fix_center {
		transform: translateY(0%);
		-webkit- transform: translateY(0%);
	}

	.fi_line {
		width: 46%;
		font-size: 12px;
		display: inline-block;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 1vw;
		margin-right: 2vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

	.fi_line img{
		vertical-align: bottom;
		margin-right: 10px;
	}

	#links h3 {
		font-size: 5vw;
		padding-left: 2vw;
		width : 96vw;
		margin : 0vw auto 3vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}


/*スクロールTOP*/
	.linkTop {
		display: none;
		position: fixed;
		bottom: 0px;
		right: 0px;
		width: 60px;
		height: 60px;
		background-color: var(--dark-color);
		color: #fff;

	}

	.display {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		cursor: pointer;
		z-index: 2;
			-moz-transition-duration: 1s;
			-webkit-transition-duration: 1s;
			-o-transition-duration: 1s;
			-ms-transition-duration: 1s;
			-moz-transition-timing-function:ease-in-out;
			-webkit-transition-timing-function:ease-in-out;
			-o-transition-timing-function:ease-in-out;
			-ms-transition-timing-function:ease-in-out;
	}

	a.anc {
	    display: block;
	    padding-top: 94px;
	    margin-top: -94px;
	}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
バナー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#banner_area {
/*	width : 96vw;
	margin: 2vw 2vw;
	padding-left: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;*/
}

	.banner_wap {
		width : 96vw;
		margin: 2vw 2vw;
		padding-left: 0px;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
	}

	.banner_wap::before{
	  content:"";
	  display: block;
	  width: 48%;
	  max-width: 230px;
	  order:1;
	}
	.banner_wap::after{
	  content:"";
	  display: block;
	  width: 48%;
	  max-width: 230px;
	}

	.banner_div {
		width: 48%;
		max-width: 230px;
		margin-bottom: 3vw;
		padding-left: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}




/*各施設*/
	.link_line {
		width : 96vw ;
		margin : 0vw auto 2vw;
		display: box;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-align: top;
		-ms-flex-align: top;
		align-items: top;
		margin-bottom: 5vw;
	}

	/*施設画像*/
	.link_img_wap {
		width: 25vw;
		margin-right: 2vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.link_img_wap a{
		display: block;
		width: 25vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}


	.link_info_wap {
		width : 100%;
	}

	.link_icon_wap {
		text-align: right;
		margin-bottom: 1vw;
	}

	.link_icon {
		width: 30px;
		height: 30px;
		text-align: center;
		padding-top: 5px;
		display: inline-block;
		background-color: #FFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.link_icon img {
		width: 20px;
		height: 20px;
	}

	.link_title {
		font-size: 1.6rem;
		margin-bottom: 1vw;
	}

	.link_txt {
		font-size: 1.4rem;
	}
}


@media handheld, only screen and (max-width: 400px) {
/*5s*/
	.fi_line {
		width: 46%;
		font-size: 9px;
		display: inline-block;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 1vw;
		margin-right: 1px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.fi_line img{
		vertical-align: bottom;
		width: 15px;
		height: 15px;
	}

}


