/* CSS Document */

@media (min-width:751px){
	#prefMenu { width: 100%; height: 49px; background: url(../images/pref/bg_pref.jpg) repeat-x;
		position: relative; z-index: 10; }
	#prefMenu ul {  }
	#prefMenu li { width: 183px; width: -webkit-calc( 100% / 6 ); position: relative;
		width: calc( 100% / 6 ); height: 49px; line-height: 49px; font-size: 18px; }
	#prefMenu li:after { content: ""; background: #cccccc; width: 1px; height: 20px; position: absolute;
		right: 0; top:50%; margin-top: -10px; }
	#prefMenu li:first-child:before { content: ""; background: #cccccc; width: 1px; height: 20px; 
		position: absolute; left: 0; top:50%; margin-top: -10px; }
	#prefMenu li a { display: block; width: 100%; height: 49px; text-align: center; color: #16181c;
		position: relative; }
	#prefMenu li a:hover,#prefMenu li a.active { background: #003080; color: #ffffff; opacity: 1; }
	#prefMenu li a:after { content: ""; width: 22px; height: 26px; position: absolute; 
		bottom: -10px; left: 50%; margin-left: -11px; opacity: 0; transition:0.3s;
		background: url(../images/fukidashi.svg) center bottom no-repeat; }
	#prefMenu li a:hover:after,#prefMenu li a.active:after { opacity: 1; }

	#fv .slide_i { width: 100%; height: 660px; position: absolute; top:0; left:0; margin: 0; 
		z-index: 1; }
	#fv .bx-wrapper .bx-viewport { left: 0; }
	#fv .slide_i li { width: 100% !important; text-align: center; position: relative; }
	#fv .bx-controls { width: 1200px; position: absolute; bottom: 30px; right: 50%; margin-right: -600px;
		z-index: 200; }
	#fv .bx-wrapper .bx-pager { text-align: right; padding-top: 0; bottom: 0; display: flex;
		justify-content: center; align-items:center;  }
	#fv .bx-wrapper .bx-pager .bx-pager-item { width: 35px; }
	#fv .bx-wrapper .bx-pager.bx-default-pager a { background: none; border: #FFFFFF 1px solid; 
		margin: 0 10px; text-indent: 10000px; background-color: #FFFFFF;
		width: 10px; height: 10px; border-radius: 5px; }
	#fv .bx-wrapper .bx-pager.bx-default-pager a:hover, 
	#fv .bx-wrapper .bx-pager.bx-default-pager a.active { width: 14px; height: 14px; 
		border-radius: 7px; }
	#fv .mainWidth { position: absolute; z-index: 20; padding-top: 35px; top:0; left: 50%;
		margin-left: -550px; }
	#fv .map { position: absolute; top:80px; right: 20px; }
	#fv .spot { position: absolute; top:180px; left: 65px; }
	#fv .spot .fukidashi { width: 380px; height: 310px; background: #ffffff; padding: 10px; 
		position: relative; margin-bottom: 15px; }
	#fv .spot .fukidashi:after { content: ""; width: 31px; height: 51px; position: absolute;
		right: -30px; top:50%; margin-top: -25px; 
		background: url(../images/pref/fukidashi_map.svg) left center no-repeat; }
	#fv .spot .fukidashi p { text-align: center; font-size: 16px; line-height: 35px; }
	#fv .spot p.note { font-size: 14px; line-height: 22px; color: #ffffff; }
	#spotlist li a { display: block; position: absolute; /*width: 90px; height: 30px; */
		 }
	#arealist li a { display: block; position: absolute; width: 150px; height: 30px; 
		/*background: rgba(255,255,255,0.4); */}
	#arealist li a:hover { background: rgba(255,255,255,0.4); }

	#maincontents #areaMenu {  margin-top: 40px; height: 30px;
		justify-content:center; }
	#areaMenu li { width: 16%; width: -webkit-calc( 100% / 6 ); position: relative;
		width: calc( 100% / 6 ); border-right: #d8d8d8 1px solid; }
	#areaMenu li:first-child { border-left: #d8d8d8 1px solid; }
	#areaMenu li a { display: block; width: 100%; height: 30px; text-align: center;
		 font-size: 16px; position: relative;
		color: #16181c; }
	#areaMenu li a:after { content: ""; width: 9px; height: 6px; position: absolute; bottom: 0;
		background: url(../images/icon_menu.svg) center bottom no-repeat;
		left: 50%; margin-left: -4px; transition:0.3s; }
	#areaMenu li a:hover:after { bottom: -5px; }

	.areaUnit { padding-top: 110px; justify-content:space-between; align-items:center; }
	.areaUnit.rightImg { flex-direction:row-reverse; }
	.areaUnit .img { position: relative; }
	.areaUnit .img ul { flex-wrap:wrap; width: 650px; justify-content:space-between; 
		 }
	.areaUnit .img li { width: 320px; }
	.areaUnit .img li:first-child { width: 100%; margin-bottom: 10px; }
	.areaUnit .txt { width: 400px; position: relative; }
	.areaUnit .txt.long { padding-top: 120px; }
	.areaUnit p.areaNo { position: absolute;  width: 130px; height: 130px;
		top:-45px; right: -110px;
		border-radius: 65px; font-family: "Questrial"; text-align: center; font-size: 38px;	
		border: #94a6c9 1px dashed; color: #003080; padding-top: 40px; }
	.areaUnit p.areaNo.long { top:-100px; right: -45px; }
	.areaUnit.rightImg p.areaNo { left: -110px; }
	.areaUnit.rightImg p.areaNo.long { top:-100px; left:-45px; }
	.areaUnit p.areaNo span { font-size: 16px; }
	.areaUnit h3 { font-size: 32px; margin:0 0 35px 0; }
	.areaUnit .cc { color: #003080; font-size: 18px; line-height: 30px; margin-bottom: 25px; }
	.areaUnit p { font-size: 14px; line-height: 28px; margin-bottom: 20px; }
	.areaUnit .spotInfo { border: #d8d8d8 1px solid; padding: 20px; }
	.areaUnit h4 { font-size: 18px; margin:0 0 15px 0; }
	.areaUnit .spotInfo ul{ flex-wrap:wrap; }
	.areaUnit .spotInfo li { font-size: 15px; line-height: 26px; width: 33%; }
	.areaUnit .spotInfo li:before { content: "・"; color: #003080; }
	.areaUnit .bt_area { display: block; width: 300px; height: 40px; line-height: 40px; 
		color: #ffffff; text-align: center; margin-top: 30px;
		background: url(../images/icon_bt_on.svg) right 13px center no-repeat #003080;
		background-size: 5px auto; }
	#maincontents .areaUnit .bt_area, #maincontents .areaUnit .bt_area:visited { color: #ffffff; }
	.areaUnit .bt_area:hover { background-position: right 8px center; }


}
@media (min-width:751px) and (max-width:1420px) {
}
@media (max-width:750px){
	#prefMenu { width: 100%; height: 13vw; background: #ededed; position: relative; z-index: 10; }
	#prefMenu ul.mainWidth { display: flex; width: 100%; }
	#prefMenu li { width: 16vw; width: -webkit-calc( 100% / 6 ); position: relative;
		width: calc( 100% / 6 ); height: 13vw; line-height: 13vw; font-size: 4.4vw; }
	#prefMenu li:after { content: ""; background: #cccccc; width: 1px; height: 10vw; position: absolute;
		right: 0; top:50%; margin-top: -5vw; }
	#prefMenu li:first-child:before { content: ""; background: #cccccc; width: 1px; height: 10vw; 
		position: absolute; left: 0; top:50%; margin-top: -5vw; }
	#prefMenu li a { display: block; width: 100%; height: 13vw; text-align: center; color: #16181c;
		position: relative; }
	#prefMenu li a.active { background: #003080; color: #ffffff; opacity: 1; }
	#prefMenu li a:after { content: ""; width: 2.6vw; height: 3.4vw; position: absolute; 
		bottom: -1.6vw; left: 50%; margin-left: -1.3vw; opacity: 0; transition:0.3s;
		background: url(../images/fukidashi.svg) center bottom no-repeat;
		background-size: contain; }
	#prefMenu li a.active:after { opacity: 1; }

	#fv .slide_i { width: 100%; height: 133vw; position: absolute; top:0; left:0; margin: 0; 
		z-index: 1; }
	#fv .bx-wrapper .bx-viewport { left: 0; }
	#fv .slide_i li { width: 100% !important; text-align: center; position: relative; }
	#fv .bx-controls { width: 100%; position: absolute; bottom: 2vw; right: 0;
		z-index: 200; }
	#fv .bx-wrapper .bx-pager { text-align: right; padding-top: 0; bottom: 0; display: flex;
		justify-content: center; align-items:center;  }
	#fv .bx-wrapper .bx-pager .bx-pager-item { width: 9vw; }
	#fv .bx-wrapper .bx-pager.bx-default-pager a { background: none; border: #FFFFFF 1px solid; 
		margin: 0 2vw; text-indent: 10000px; background-color: #FFFFFF;
		width: 3vw; height: 3vw; border-radius: 1.5vw; }
	#fv .bx-wrapper .bx-pager.bx-default-pager a:hover, 
	#fv .bx-wrapper .bx-pager.bx-default-pager a.active { width: 4vw; height: 4vw; 
		border-radius: 2vw; }
	#fv .mainWidth { position: absolute; top:0; left: 50%; margin-left: -44vw; 
		padding-top: 6vw; text-align: center; z-index: 20; }
	#fv .map { width: 88vw; margin: 6vw auto; }
	
	#maincontents #areaMenu { border-top: #d8d8d8 1px solid; margin-top: 10vw; }
	#areaMenu li { width: 100%; border-bottom: #d8d8d8 1px solid; }
	#areaMenu li a { display: block; width: 100%; height: 13vw; text-align: center;
		 font-size: 3.7vw; position: relative; line-height: 13vw;
		color: #16181c; background: url(../images/icon_menu.svg) right 1vw center no-repeat;
		background-size: 2vw auto; }
	
	.areaUnit { padding-top: 18vw; }
	.areaUnit .img { position: relative; margin-bottom: 8vw; }
	.areaUnit .img ul { flex-wrap:wrap; width: 100%; justify-content:space-between;
		display: flex; }
	.areaUnit .img li { width: 49%; }
	.areaUnit .img li img { width: 100%; height: auto; }
	.areaUnit .img li:first-child { width: 100%; margin-bottom: 1vw; }
	.areaUnit .txt { width: 100%; position: relative; }
	#maincontents .areaUnit p.areaNo { position: absolute; bottom:-27vw; left: -2vw; width: 26vw; 
		height: 26vw; background: url(../images/pref/areaNo.svg) center center no-repeat;
		border-radius: 13vw; font-family: "Questrial"; text-align: center; font-size: 6vw;	
		/*border: #94a6c9 1px dashed;*/ color: #003080; padding-top: 7vw;
		background-size: contain; }
	.areaUnit p.areaNo span { font-size: 3.4vw; }
	.areaUnit h3 { font-size: 6vw; line-height: 9vw; margin:0 0 8vw 30vw; }
	#maincontents .areaUnit .cc { color: #003080; font-size: 4.4vw; line-height: 6vw; 
		margin-bottom: 4vw; }
	#maincontents .areaUnit p { font-size: 4vw; line-height: 6vw; margin-bottom: 4vw; }
	.areaUnit .spotInfo { border: #d8d8d8 1px solid; padding: 6vw; }
	.areaUnit h4 { font-size: 4.2vw; margin:0 0 2vw 0; }
	.areaUnit .spotInfo ul{ display: flex; flex-wrap:wrap; }
	.areaUnit .spotInfo li { font-size: 4vw; line-height: 6vw; width: 50%; }
	.areaUnit .spotInfo li:before { content: "・"; color: #003080; }
	.areaUnit .bt_area { display: block; width: 100%; height: 13vw; line-height: 13vw; 
		color: #ffffff; text-align: center; margin-top: 4vw; font-size: 3.7vw;
		background: url(../images/icon_bt_on.svg) right 4vw center no-repeat #003080;
		background-size: 2vw auto; }
	#maincontents .areaUnit .bt_area, #maincontents .areaUnit .bt_area:visited { color: #ffffff; }

}