@charset "utf-8";

#header h1 img{ background:url("img/title.png") no-repeat center/cover; }
#p1_7 #header h1 img{ background:url("img/local/title.png") no-repeat center/cover; }

/* PC */
/*@media screen and (min-width: 0px) {*/
@media screen and (min-width: 750px) {
	#main .maps_box{ margin:-285px 0 0 95px; padding-bottom:285px; }
}

/* スマホ */
@media screen and (max-width: 749px) {
	body{ padding-bottom:80px; }
}

/***************************************************************************************************************
#list
***************************************************************************************************************/

h2.title{ background-color:#0D3F74; }
h2.title.sumicoco{ background-color:#0D3F74; }
h2.title::after{ background-image:url("./img/ttl_icon.svg"); }

#list table{ background:#0D3F74; }

#list table tr td{ background:#E4F1F8; border-color:#0D3F74; }
#list .more{ background:#A3D1EB; }
#list .more a{ background-image:url("./img/more.svg"); color:#013467; }

.comment h3{ font-family:"Rounded Mplus 1c"; border-right-color:#0D3F74; color:#0D3F74; }

/*#list table tr.bold>*{ color:#C19600; }
  #list table tr.bold>*{ color:#93B421; }
  #list table tr.bold>*{ color:#0D3F74; }*/
#list table tr.bold>*{ color:#013467; }

/* PC */
/*@media screen and (min-width: 0px) {*/
@media screen and (min-width: 750px) {
	h2.title::before,
	h2.title::after{
		display:inline-block;
		width:54px; height:56px;
		position:static; right:auto; top:auto;
		margin: -14px 0 0 15px;
	}
}

/* スマホ */
@media screen and (max-width: 749px) {
	h2.title::before,
	h2.title::after{
		display:inline-block;
		width:27px; height:28px;
		position:static; right:auto; top:auto;

	}
	h2.title::before{ margin:-7px 10px 0 -27px; }
	h2.title::after{ margin:-7px -27px 0 10px; }
}

/***************************************************************************************************************
.btns
***************************************************************************************************************/
.btns a{ border-color:#0D3F74; background-color:#0D3F74; }

.btns h3{ color:#0D3F74; }

#side p.b a{ background-color:#0D3F74; }
#p1_1 #side p.b a.b1_1,
#p1_2 #side p.b a.b1_2,
#p1_3 #side p.b a.b1_3,
#p1_7 #side p.b a.b1_7,
#p2 #side p.b a.b1_4,
#side p.b a:hover{ border-color:#0D3F74; }

.btns{ background:#F5F7F8; }
.btns a:hover{ text-decoration:none; }

.btns p.b a{
	display:inline-block; vertical-align:top; font-size:0; line-height:0;
	border-style:solid; background-repeat:no-repeat; background-position:center top;
}

.btns .b2_0{
	display:block; border-color:#F1E466; border-style:solid;
	text-align:center;
}

.btns a.b2_1{ border-color:#157E91; background-color:#D0E9EE; background-image:url("./img/btn/2_1.png"); }
.btns a.b2_2{ border-color:#AC581F; background-color:#F0E1D9; background-image:url("./img/btn/2_2.png"); }
.btns a.b2_3{ border-color:#58460A; background-color:#EEE6C4; background-image:url("./img/btn/2_3.png"); }
.btns a.b2_4{ border-color:#4781C0; background-color:#E6EEF7; background-image:url("./img/btn/2_4.png"); }
.btns a.b2_5{ border-color:#444187; background-color:#DFDEEF; background-image:url("./img/btn/2_5.png"); }
.btns a.b2_6{ border-color:#447002; background-color:#DEECCA; background-image:url("./img/btn/2_6.png"); }
.btns a.b2_7{ border-color:#C72C2C; background-color:#FCE0E9; background-image:url("./img/btn/2_7.png"); }
.btns a.b2_8{ border-color:#3A9A57; background-color:#DAF1E0; background-image:url("./img/btn/2_8.png"); }

#p2_1 .btns a.b2_1, .btns a.b2_1:hover,
#p2_2 .btns a.b2_2, .btns a.b2_2:hover,
#p2_3 .btns a.b2_3, .btns a.b2_3:hover,
#p2_4 .btns a.b2_4, .btns a.b2_4:hover,
#p2_5 .btns a.b2_5, .btns a.b2_5:hover,
#p2_6 .btns a.b2_6, .btns a.b2_6:hover,
#p2_7 .btns a.b2_7, .btns a.b2_7:hover,
#p2_8 .btns a.b2_8, .btns a.b2_8:hover{ background-color:#F5F7F8; }

/* PC */
/*@media screen and (min-width: 0px) {*/
@media screen and (min-width: 750px) {
	.btns .inner{ padding:20px 0; }
	.btns p.b span{ display:inline-block; vertical-align:top; }
	.btns a.b2_1{ background-image:url("./img/btn/2_1.png"); }
	.btns a.b2_2{ background-image:url("./img/btn/2_2.png"); }
	.btns a.b2_3{ background-image:url("./img/btn/2_3.png"); }
	.btns a.b2_4{ background-image:url("./img/btn/2_4.png"); }
	.btns a.b2_5{ background-image:url("./img/btn/2_5.png"); }
	.btns a.b2_6{ background-image:url("./img/btn/2_6.png"); }
	.btns a.b2_7{ background-image:url("./img/btn/2_7.png"); }
	.btns a.b2_8{ background-image:url("./img/btn/2_8.png"); }


	.btns .btn2{ padding-top:20px; }
	.btns .btn2 p.b a{
		width:127px; height:173px;
		margin:0 9px 18px; border-width:0px; border-top-width:4px;
	}
	.btns .btn2 .b2_0{ padding:5px 0; border-width:0px; max-width:852px; margin:0 auto 20px; }
	.btns .btn2 .b2_0 h4{ font-size:21px; line-height:1.6; }
	.btns .btn2 .b2_0 h4 strong{ font-size:26px; line-height:1.6; }
	.btns .btn2 .b2_0 p{ font-size:14px; line-height:1.6; }

	#p2_1 .btns .btn2 p a.b2_1,
	#p2_2 .btns .btn2 p a.b2_2,
	#p2_3 .btns .btn2 p a.b2_3,
	#p2_4 .btns .btn2 p a.b2_4,
	#p2_5 .btns .btn2 p a.b2_5,
	#p2_6 .btns .btn2 p a.b2_6,
	#p2_7 .btns .btn2 p a.b2_7,
	#p2_8 .btns .btn2 p a.b2_8,
	.btns .btn2 p a:hover{ border-width:2px; border-top-width:4px; }
}

/* スマホ */
@media screen and (max-width: 749px) {
	.btns .inner{ padding:25px 0 30px; }
	.btns p.b span{ display:block; }
	.btns a.b2_1{ background-image:url("./img/btn/sp/2_1.png"); }
	.btns a.b2_2{ background-image:url("./img/btn/sp/2_2.png"); }
	.btns a.b2_3{ background-image:url("./img/btn/sp/2_3.png"); }
	.btns a.b2_4{ background-image:url("./img/btn/sp/2_4.png"); }
	.btns a.b2_5{ background-image:url("./img/btn/sp/2_5.png"); }
	.btns a.b2_6{ background-image:url("./img/btn/sp/2_6.png"); }
	.btns a.b2_7{ background-image:url("./img/btn/sp/2_7.png"); }
	.btns a.b2_8{ background-image:url("./img/btn/sp/2_8.png"); }

	.btns .btn2{ padding-top:20px; }

	.btns .btn2 p.b a{
		width:28%; height:140px;
		margin:0 2% 4%; border-width:0px; border-top-width:4px;
		background-size:100px auto;
	}
	.btns .btn2 .b2_0{ padding:5px 0 10px; border-width:0px; margin:0 4% 4%; }
	.btns .btn2 .b2_0 h4{ font-size:1.9rem; line-height:1.6; }
	.btns .btn2 .b2_0 h4 strong{ font-size:2.5rem; line-height:1.6; }
	.btns .btn2 .b2_0 p{ font-size:1.2rem; line-height:1.5; }

	#p2_1 .btns .btn2 p a.b2_1,
	#p2_2 .btns .btn2 p a.b2_2,
	#p2_3 .btns .btn2 p a.b2_3,
	#p2_4 .btns .btn2 p a.b2_4,
	#p2_5 .btns .btn2 p a.b2_5,
	#p2_6 .btns .btn2 p a.b2_6,
	#p2_7 .btns .btn2 p a.b2_7,
	#p2_8 .btns .btn2 p a.b2_8,
	.btns .btn2 p a:hover{ border-width:2px; border-top-width:4px; }
}

/***************************************************************************************************************
#top
***************************************************************************************************************/

#top ul li div .map a{ background-image:url("./img/map.svg"); color:#C19600; }
#top .t0{ width:auto; text-align:center; }

/* PC */
/*@media screen and (min-width: 0px) {*/
@media screen and (min-width: 750px) {
	#top .area{
		background:url("./img/top/map.svg") no-repeat 80px 25px/700px 600px;
		width:980px; height:680px;
		position:relative;
		margin:0 auto;
	}
	#top .area::before{
		display:block; content:"";
		position:absolute; left:0; top:0; right:0; bottom:0;
		opacity:0;
		transition: opacity 300ms 0s ease;
	}

	#top .area .a{ position:absolute; width:207px; }
	#top .area .a a{ display:block; position:relative; }
	#top .area .a img.photo{ width:100%; height:auto; }


	#top .area.s_1::before{ background:url("./img/top/01_boder.svg") no-repeat 80px 25px/700px 600px; opacity:1; }
	#top .area.s_2::before{ background:url("./img/top/02_boder.svg") no-repeat 80px 25px/700px 600px; opacity:1; }
	#top .area.s_3::before{ background:url("./img/top/03_boder.svg") no-repeat 80px 25px/700px 600px; opacity:1; }
	#top .area.s_4::before{ background:url("./img/top/04_boder.svg") no-repeat 80px 25px/700px 600px; opacity:1; }
	#top .area.s_5::before{ background:url("./img/top/05_boder.svg") no-repeat 80px 25px/700px 600px; opacity:1; }

	#top .area .a_1{ left:0px; top:0px; width:408px; }
	#top .area .a_2{ left:773px; top:0px; }
	#top .area .a_3{ left:773px; top:161px; }
	#top .area .a_4{ left:773px; top:323px; }
	#top .area .a_5{ left:773px; top:485px; }

	#top .area .a a i{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; transition: all 300ms 0s ease; }
	#top .area .a a:hover i{ opacity:1; }
	#top .area .a_1 i{ background:url("img/top/01_over.png"); }
	#top .area .a_2 i{ background:url("img/top/02_over.png"); }
	#top .area .a_3 i{ background:url("img/top/03_over.png"); }
	#top .area .a_4 i{ background:url("img/top/04_over.png"); }
	#top .area .a_5 i{ background:url("img/top/05_over.png"); }

	#top .area .a a::after{ display:block; content:""; width:64px; height:64px; position:absolute; bottom:-14px; left:-31px; }
	#top .area .a_1 a::after{ background:url("img/top/no1.png"); bottom:-35px; right:-43px; left:auto; width:127px; height:127px; }
	#top .area .a_2 a::after{ background:url("img/top/no2.png"); }
	#top .area .a_3 a::after{ background:url("img/top/no3.png"); }
	#top .area .a_4 a::after{ background:url("img/top/no4.png"); }
	#top .area .a_5 a::after{ background:url("img/top/no5.png"); }

	#top .area .a a img.pin{
		width:20px; height:31px; margin:0 -3px;
		position:absolute; z-index:1;
		/*transition: all 300ms 0s ease;*/
	}
	#top .area.select a img.pin{ width:14px; height:22px; margin:0; z-index:0; }
	#top .area .a a:hover img.pin{ width:28px; height:43px; margin:0 -7px; z-index:2; }
	#top .area .a_1 a img.pin{ left: 158px; bottom:-234px; }
	#top .area .a_2 a img.pin{ left:-276px; bottom:-296px; }
	#top .area .a_3 a img.pin{ left:-407px; bottom:-177px; }
	#top .area .a_4 a img.pin{ left:-437px; bottom:-15px; }
	#top .area .a_5 a img.pin{ left:-365px; bottom:158px; }

	#top .gide {max-width: 60%; margin: 0 auto 60px; text-align: justify;}
	#top .gide h3 {width: auto;}

	#p1_7 #top .area.s_1::before{ background:url("./img/local/01_boder.svg") no-repeat 0 0/408px 397px; }
	#p1_7 #top .area.s_2::before{ background:url("./img/local/02_boder.svg") no-repeat 0 0/777px 524px; }
	#p1_7 #top .area.s_3::before{ background:url("./img/local/03_boder.svg") no-repeat 0 0/777px 504px; }
	#p1_7 #top .area.s_4::before{ background:url("./img/local/04_boder.svg") no-repeat 0 0/777px 440px; }
	#p1_7 #top .area.s_5::before{ background:url("./img/local/05_boder.svg") no-repeat 0 0/777px 604px; }

	#p1_7 #top .area .a_1 i{ background:url("img/local/01_over.png"); }
	#p1_7 #top .area .a_2 i{ background:url("img/local/02_over.png"); }
	#p1_7 #top .area .a_3 i{ background:url("img/local/03_over.png"); }
	#p1_7 #top .area .a_4 i{ background:url("img/local/04_over.png"); }
	#p1_7 #top .area .a_5 i{ background:url("img/local/05_over.png"); }

	#p1_7 #top .area .a_1{ left:0px; top:0px; width:408px; }
	#p1_7 #top .area .a_2{ left:773px; top:0px; }
	#p1_7 #top .area .a_3{ left:773px; top:161px; }
	#p1_7 #top .area .a_4{ left:773px; top:323px; }
	#p1_7 #top .area .a_5{ left:773px; top:485px; }

	#p1_7 #top .area .a_1 a img.pin{ left: 387px; bottom:-114px; }
	#p1_7 #top .area .a_2 a img.pin{ left:-536px; bottom:-388px; }
	#p1_7 #top .area .a_3 a img.pin{ left:-556px; bottom:-207px; }
	#p1_7 #top .area .a_4 a img.pin{ left:-686px; bottom:  55px; }
	#p1_7 #top .area .a_5 a img.pin{ left:-476px; bottom:  98px; }
}

/* スマホ */
@media screen and (max-width: 749px) {
	#top .area{ display:none; }
}

/***************************************************************************************************************
#syn
***************************************************************************************************************/

/* PC */
/*@media screen and (min-width: 0px) {*/
@media screen and (min-width: 750px) {
}

/* スマホ */
@media screen and (max-width: 749px) {
	#side .c4 span { width:calc(100% / 3); }
}

/***************************************************************************************************************
#list
***************************************************************************************************************/

#p2 #list .more a{ color:#FFFFFF; }

#list #p2_1 table,
#list #p2_1 .more{ background:#8DC9D6; }
#list #p2_1 table tr td{ background:#D0E9EE; border-color:#8DC9D6; }
#list #p2_1 .more a{ background-image:url("./img/list/more2_1.svg"); }
#list #p2_1 .comment h3{ border-color:#157E91; }
#list #p2_1 .comment h3,
#list #p2_1 table tr.bold>*{ color:#157E91; }

#list #p2_2 table,
#list #p2_2 .more{ background:#DEAD8F; }
#list #p2_2 table tr td{ background:#F0E1D9; border-color:#DEAD8F; }
#list #p2_2 .more a{ background-image:url("./img/list/more2_2.svg"); }
#list #p2_2 .comment h3{ border-color:#AC581F; }
#list #p2_2 .comment h3,
#list #p2_2 table tr.bold>*{ color:#AC581F; }

#list #p2_3 table,
#list #p2_3 .more{ background:#CCAE60; }
#list #p2_3 table tr td{ background:#EEE6C4; border-color:#CCAE60; }
#list #p2_3 .more a{ background-image:url("./img/list/more2_3.svg"); }
#list #p2_3 .comment h3{ border-color:#58470A; }
#list #p2_3 .comment h3,
#list #p2_3 table tr.bold>*{ color:#58470A; }

#list #p2_4 table,
#list #p2_4 .more{ background:#91B3D9; }
#list #p2_4 table tr td{ background:#E1E2F2; border-color:#91B3D9; }
#list #p2_4 .more a{ background-image:url("./img/list/more2_4.svg"); }
#list #p2_4 .comment h3{ border-color:#4781C0; }
#list #p2_4 .comment h3,
#list #p2_4 table tr.bold>*{ color:#4781C0; }

#list #p2_5 table,
#list #p2_5 .more{ background:#9392BD; }
#list #p2_5 table tr td{ background:#E1E2F2; border-color:#9392BD; }
#list #p2_5 .more a{ background-image:url("./img/list/more2_5.svg"); }
#list #p2_5 .comment h3{ border-color:0; }
#list #p2_5 .comment h3,
#list #p2_5 table tr.bold>*{ color:#444288; }

#list #p2_6 table{ background:#8FBD4A; }
#list #p2_6 table tr td{ background:#D5EDC5; border-color:#8FBD4A; }
#list #p2_6 .more{ background:#8FBD4A; }
#list #p2_6 .more a{ background-image:url("./img/list/more2_6.svg"); }
#list #p2_6 .comment h3{ border-color:#447003; }
#list #p2_6 .comment h3,
#list #p2_6 table tr.bold>*{ color:#447003; }

#list #p2_7 table,
#list #p2_7 .more{ background:#EBA5A5; }
#list #p2_7 table tr td{ background:#F9E3E6; border-color:#EBA5A5; }
#list #p2_7 .more a{ background-image:url("./img/list/more2_7.svg"); }
#list #p2_7 .comment h3{ border-color:#C72C2C; }
#list #p2_7 .comment h3,
#list #p2_7 table tr.bold>*{ color:#C72C2C; }

#list #p2_8 table,
#list #p2_8 .more{ background:#7DCE96; }
#list #p2_8 table tr td{ background:#E5F5EA; border-color:#7DCE96; }
#list #p2_8 .more a{ background-image:url("./img/list/more2_8.svg"); }
#list #p2_8 .comment h3{ border-color:#3A9A57; }
#list #p2_8 .comment h3,
#list #p2_8 table tr.bold>*{ color:#3A9A57; }

/* PC */
/*@media screen and (min-width: 0px) {*/
@media screen and (min-width: 750px) {
	#list .anc li{ width:calc(100% * 230 / 980); margin:0 calc(100% * 9 / 980) 15px !important; }
	#list .anc li:nth-child(4n+1) { margin-left:0 !important; }
	#list .anc li:nth-child(4n+0) { margin-right:0 !important; }
}

/* スマホ */
@media screen and (max-width: 749px) {
}

/* end */