@charset "utf-8";



/*スマホ*/
@media screen and (max-width:768px){
	
.title {margin: 7% auto 5% auto;font-size: clamp(0.8rem, 1.2vw, 1.2em); color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 400; text-align:center;}
.designfont2 {width:100%;margin:0px auto 0px auto;padding: 0px 0px 4% 0px;text-align:left;line-height:160%;font-size: clamp(0.9rem, 1.1vw, 1.1rem); letter-spacing: 0px; font-weight: 400; letter-spacing:1px;}
.designtext{margin: 0px auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:160%;;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}
.accesscap{width:100%;height:auto;margin:9% auto 6% auto;padding: 0px 0px 0px 0px;text-align:left;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;}
	
.designfont22 {width:100%;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left!important;line-height:150%;font-size: clamp(1.0rem, 1.2vw, 1.2rem); font-weight: 400; letter-spacing:0px;}
.designtext2{margin: 3% auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:150%;;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}
.designtext1{margin: 3% auto 0px auto; text-align:left; padding: 1% 0px 1% 0px;line-height:160%;;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}
.designtext11{margin: 0% auto 3% auto; text-align:left; padding: 1% 0px 1% 0px;line-height:160%;;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}
.designfont23 {width:100%;margin:0px auto 0px auto;padding: 0px 0px 2% 0px;text-align:left!important;line-height:160%;font-size: clamp(0.85rem, 0.9vw, 0.9rem); font-weight: 400; letter-spacing:0px;}
	
.locafont1{font-size:110%; color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 400 ;padding: 0px 0px 20px 0px;text-align:center}
.locafont2{font-size: clamp(0.9rem, 1.0vw, 1.0rem);  color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 400 ;padding: 0px 0px 0px 0px;text-align:left}
.locatext{padding: 10px 0px 20px 0px;font-size: clamp(0.7rem, 0.8vw, 0.8rem);line-height: 150%;text-align:left;}
	
	
	
.floca1{max-width:1200px;height: auto;width:90%;padding:4% 3% 4% 3%;margin:3% auto 5% auto;text-align:left;border: 1px solid #000; /* The inner border */
  box-shadow: 0 0 0 4px white, /* The gap (same color as background) */
              0 0 0 5px #000; /* The outer border (1px wider than gap) */font-size: clamp(0.8rem, 1.0vw, 1.0rem);}
	
.floca3{width:100%;padding:3% 0%;margin: 0px auto 0px auto;height:auto;text-align:left;}
.floca3-left{float:left;width: 50%;height: auto;margin: 0px 0% 0px 0%;text-align:left;padding: 0px 4% 6px 0px;border-right: dotted 1px #000}	
.floca3-right{float:right;width: 47%;height: auto;margin: 0px auto 0px auto;text-align:left;padding: 0px 0px 6px 1%;}	
	
.flocaobi{width:90%;
    min-height: 60px;
    background: linear-gradient(to right, #658f93, #456669);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(12px, 1.2vw, 14px); /* 中心14px前後で可変 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin:4% auto 0% auto;}
	
.map{width:90%;padding:3% 0% 7% 0%;margin: 0px auto 0px auto;height:auto;text-align:center}
.ranking{width:90%;padding:0px 0% 30px 0%;margin: 0px auto 0px auto;height:auto;text-align:center}
.top3 {max-width:980px;width:100%;padding:0px 0% 0px 0%;margin: 10px auto 0px auto;height:auto;}
.top33 {width:100%;padding:0px 0% 0px 0%;margin: 0px auto 30px auto;height:auto;}
.top3_left{float:left;width: 100%;height: auto;margin: 10px 0% 0px 0%;text-align:left;padding: 0px 0% 0px 0px;}	
.top3_right{float:right;width: 100%;height: auto;margin: 10px 0 0px 0;text-align:left;padding: 0px 0px 0px 0%;}	
.top33_left{float:left;width: 49%;height: auto;margin: 0px 0% 0px 0%;text-align:left;padding: 0px 0% 0px 0px;}	
.top33_right{float:right;width: 49%;height: auto;margin: 0px auto 0px auto;text-align:left;padding: 0px 0px 0px 0%;}
.text4 {width:100%;line-height: 160%;font-size: clamp(0.8rem, 1.0vw, 1.0rem); color:#000;font-weight: 400;text-align:left;margin: 0px auto 0px auto;padding: 0px 0px 20px 0px;}
.text1 {line-height: 160%;font-size: clamp(0.8rem, 1.0vw, 1.0rem); color:#000;font-weight: 400;text-align:left;margin: 0px auto 0px auto;padding: 0px 0px 20px 0px;}

.headertable tr:nth-child(1) td {border-bottom:solid 1px #000;}
.outfont{text-align: center;color:#fff;font-weight:700;font-size:150%; }
.topcontent1{width: 100%;height:auto;margin:40px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;}

.locacan1{font-size:70%; color:#000;line-height: 150%;font-weight: 400 ;padding: 10px 0px 0px 0px;text-align:left}
.floca4{width:90%;padding:0%;margin:0% auto 0% auto;height:auto;text-align:left;}
.floca4-left{width:100%;height: auto;margin: 3% 0.5% 0px 0%;text-align:left;padding: 0px 0% 0px 0px;}	
.floca4-right{width: 100%;height: auto;margin: 3% auto 0px auto;text-align:left;padding: 0px 0px 0px 0%;}	
    /*ロケーション*/
 .circle1 {
color: #fff;
background-color:#000;
padding: 2px 1px 0 0;
margin: 0 0 0 2px;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
display: inline-block;

font-size:80%;
font-family:"メイリオ",Meiryo,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
letter-spacing: -1px;
}

.loca3 {width:100%;height:auto;margin:30px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.loca4 {;max-width:980px;width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.loca4-left {float:left;width:72%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca4-right {float:right;width:26%;height:auto;margin:0px auto 0px auto;padding: 15px 0px 0px 0px;text-align:right;}
	
.loca44 {max-width:840px;width:90%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.loca555 {width:90%;height:auto;margin:6% auto 0% auto;padding: 0px 0px 2% 0px;text-align:center;}
.loca5 {width:90%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 60px 0px;text-align:center;}
.loca55 {width:90%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.locared {max-width:980px;width:100%;height:auto;margin:20px auto 20px auto;padding: 10px 0px 10px 0px;text-align:center;border:solid 1px #770b11;}
.locafontred{font-size:150%; color:#770b11;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700 ;padding: 20px 0px 20px 0px;}
    
.loca55 {width:90%;height:auto;margin:0% auto 0% auto;padding: 0px 0px 2% 0px;text-align:center;}
.loca55 img {padding: 0px 0px 15px 0px;text-align:center;}
.floca5{width:100%;padding:0%;margin:0% auto 0% auto;height:auto;text-align:left;}
.floca5-left{width: 100%;height: auto;margin: 0% 0% 0px 0%;text-align:left;padding: 0px 0% 0px 0px;}	
.floca5-right{width: 100%;height: auto;margin: 3% auto 0px auto;text-align:left;padding: 0px 0px 0px 0%;}
.floca55{width:90%;padding:0%;margin:0% auto 0% auto;height:auto;text-align:left;}
.floca55-left{width: 100%;height: auto;margin: 0% 0 0px 0%;text-align:left;padding: 0px 0% 0px 0px;}	
.floca55-right{width: 100%;height: auto;margin: 0% auto 0px auto;text-align:left;padding: 0px 0px 0px 0%;}
.floca13 {width:100%;height:auto;margin:0% auto 5% auto;padding: 2% 0%; border-bottom: #000 solid 1px;border-top: #000 solid 1px;font-size: clamp(1.0rem, 1.4vw, 1.4rem);text-align:left;}
	
.loca6 {width:90%;height:auto;margin:20px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.loca6bg {width:90%;height:auto;margin:0px auto 0px auto;padding: 20px 5% 30px 5%;text-align:center;background-color:#EAEAE2}
.loca6 img {padding: 0px 0px 15px 0px;text-align:center;}
.loca6-left {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca6-right {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca66-left {float:left;width:47%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca66-right {float:right;width:47%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}
.loca666-left {float:left;width:32%;height:auto;margin:0px 2% 0px 0%;padding: 0px 0px 20px 0px;text-align:left;}
.loca666-right {float:right;width:32%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:left;}

	
.loca7bg {width:100%;height:auto;margin:2% auto 7% auto;padding: 2.5% 2%;text-align:center;background-color:#f3f4f4 }
.loca7 {width:90%;height:auto;margin:0% auto 0% auto;padding: 3% 3%;text-align:center; }
.loca7-left {float:left;width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 0px 0%;text-align:left;}
.loca7-right {float:right;width:100%;height:auto;margin:0px auto 0px auto;padding: 15px 0px 0px 0%;text-align:left;}
	

.loca8 {width:90%;height:auto;margin:0% auto 0% auto;padding: 0% 0% 7%;text-align:center;}
.loca8-left {idth:10%;height:auto;margin:0px auto 0px auto;padding: 0% 0% 3% 0%;text-align:left;}
.loca8-right {width:100%;height:auto;margin:0px auto 0px auto;padding: 5% 0px 0px 0%;text-align:left;}

.loca10bg {width:100%;height:auto;margin:0% auto 3% auto;padding: 5% 0%;text-align:center;background-color:#f3f4f4 }
.loca10 {width:90%;height:auto;margin:3% auto 0% auto;padding: 0% 0%; }
.loca10-left {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 0px 0%;text-align:left;}
.loca10-right {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0%;text-align:left;}
	
.loca11 {width:90%;height:auto;margin:0% auto 5% auto;padding: 0% 0%; }
.loca11-left {float:left;width:100%;height:auto;margin:0% auto 0px auto;padding: 0px 0% 0px 0%;text-align:left;}
.loca11-right {float:right;width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0%;text-align:left;}
	
.floca12 {max-width:1200px;width:90%;height:auto;margin:1% auto 0% auto;padding: 1% 0%; border-bottom: #000 solid 1px;border-top: #000 solid 1px;font-size: clamp(1.0rem, 2.0vw, 2.0rem);text-align:left;}

.floca122 {max-width:1200px;width:90%;height:auto;margin:7% auto 3% auto;padding: 1% 0%; border-bottom: #000 solid 1px;border-top: #000 solid 1px;font-size: clamp(1.0rem, 2.0vw, 2.0rem);text-align:left;}	
	
.locafont1-1{font-size:180%; color:#000;line-height: 100%;font-weight: 400 ;padding: 0px 0px 0px 0px;}
.locafont2-1{font-size:100%; color:#000;line-height: 150%;font-weight: 400 ;padding: 0px 0px 0px 0px;}
	
.lifeinfo_bg{text-align:left;background: linear-gradient(to right, #658f93, #456669);color: #FFF;margin: 0px 0 0px 0; padding: 3px 0% 0px 10px;}	
.locafont22{font-size:100%; color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;font-weight: 400 ;padding: 0px 0px 0px 0px;text-align:left;margin: 0px auto 20px auto;}

.locafont3{max-width:980px;width:100%;font-size:90%; color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight:400 ;padding: 0px 0px 0px 0px;margin:0px auto 0px auto;text-align:left;}
    
.fbg {width:100%;padding: 5px 0px 5px 0px;text-align:center;background-color:#EAEAE2;color:#000}
	
.fbg2 {width:99%;padding: 5px 0px 5px 1%;text-align:center;background-color:#EAEAE2;color:#000;line-height: 150%;font-size: clamp(1.0rem, 1.3vw, 1.3rem);font-weight: 400;text-align:left;margin: 20px auto 20px auto;}


.locafont4{font-size:160%;padding: 0px 0px 0px 0px;}
.locafont5{font-size:150%;padding: 0px 0px 0px 0px;}
.locafont6{font-size:270%;padding: 0px 0px 0px 0px;}
.locafont7{font-size:90%;padding: 10px 0px 5px 0px;font-weight:400;line-height: 150%;}
.locafont8{font-size:100%;padding: 0px 0px 0px 0px;font-weight:400 }
.locafont9{font-size:85%;padding: 5px 0px 5px 0px;font-weight:700; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
	
.locafont9r{font-size:70%;padding: 5px 0px 5px 0px;font-weight:700; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
	
	
.locafont10{font-size:80%;padding: 0px 0px 0px 0px;font-weight:700; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.locafont11{font-size:80%;padding: 5px 0px 5px 0px;font-weight:700; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.locafont12{font-size:220%;padding: 0px 0px 0px 0px;font-weight:700 }
.locacap{width: 90%;height:auto;margin:0px auto 0px auto;padding: 20px 0px 30px 0px;text-align:left;font-size: 70%;line-height:150%;}
.locacan{font-size:70%; color:#000;line-height: 150%;font-weight: 400 ;padding: 10px 0px 30px 0px;text-align:left}
.locacan2{font-size:70%; padding: 30px 0px 30px 0px;}
.locacan3{font-size:90%; color:#000;line-height: 150%;font-weight: 400 ;padding: 50px 0px 30px 0px;text-align:center}
.locacan5{font-size:80%; color:#000;line-height: 150%;font-weight: 400 ;padding: 0px 0px 10px 0px;text-align:right}
.lifeinfo_bg{text-align:left;background: #95a59f;color: #FFF;margin: 0px 0 0px 0; padding: 3px 0% 0px 10px;}
	

 .lifeinfo_left{float:left;width:100%;font-size:60%;text-align:left;}
 .lifeinfo_right{float:right;width:100%;font-size:60%;text-align:left;}
    
.locacan4{font-size:130%; }
    
.under {border-bottom: solid 1px #3e518c;}

.f-container {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;margin: 0px auto 20px auto } 
.f-item {max-width:311px;width: 23%;margin-right: 1%;margin-left: 1%;margin-top: 20px;}
.f-item img{ width: 100%;}

.f-container2 {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 80%;margin: 0px auto 20px auto } 
.f-item2 {max-width:311px;width: 32%;margin-right: 0.5%;margin-left: 0.5%;margin-top: 20px; text-align:left;font-size: 90%; }
.f-item2 img{ width: 100%;margin-bottom: 8px; }
    
.locanavi{width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0;text-align:center;}
.locanavi a {display: block;text-decoration: none;color:#000;}
.locanavi ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.locanavi li {float: left;list-style: none;width: 100%;text-align: center;line-height: 120%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 0px 1% 0px 1%;letter-spacing:0px;padding: 20px 0% 15px 0%;}

.hvr4 {
display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#9fa0a0;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;color:#fff!important;}

.hvr4:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #9fa0a0;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}

.hvr4:hover, .hvr4:focus, .hvr4:active {color:#fff;}
.hvr4:hover:before, .hvr4:focus:before, .hvr4:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}
    

.hvr5 {
display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#ccc;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
    
.hvr5:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #fff;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
    

.hvr5:hover:before, .hvr5:focus:before, .hvr5:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}


#page-link{display: flex;justify-content: center;padding: 10px;}

#page-link li{list-style: none;border: 1px solid #ccc}

#page-link li a{padding:0 20px;text-decoration: none;}

#page-link li a::before{content:'▼';font-size:0.8rem;padding:0 10px 0 0;}

section{padding: 70px 0px 0px 0px; }
    

.btnList {
    margin: 5rem auto 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.btnList li{
	width: 49%;
    margin-bottom: 15px;
}

.btnList li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #59607c;
    letter-spacing: 0.1rem;
    line-height: 3;
    text-decoration:none; 
    transition: .3s all;
}

.btnList li a:hover {opacity: 0.8;}

}


/*PC*/
@media print, screen and (min-width:769px){
	
.hdrleft{float: left;width: 190px;height:50px;padding: 20px 0px 0px 1%;margin: 0px 0px 10px 0px;font-size:16px;text-align:left;line-height: 100%;font-weight: 700;}
.hdrright li:nth-child(1) {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;font-size:14px;}
.hdrright li:nth-child(1) a{padding: 0px 10px 10px 10px;margin: 5px 0px 0px 5px;color:#fff;background-color:#4c4948}
.hdrright li:nth-child(1) a:visited {color:#fff !important;}
.hdrright li:nth-child(1) a:hover {color:#fff !important;}
	
.hdrright li:nth-child(2) {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;font-size:14px;}
.hdrright li:nth-child(2) a{padding: 0px 10px 10px 10px;margin: 5px 0px 0px 5px;color:#fff;background-color:#727171}
.hdrright li:nth-child(2) a:visited {color:#fff!important;}
.hdrright li:nth-child(2) a:hover {color:#fff !important;}
	
	
	
 /*上部資料請求ボタン*/
.snavi{display: block;width:10vw;height:60px;margin: 0px auto;line-height: 60px; padding: 0px 0px 0px 0px;color:#fff;text-align: center;background:linear-gradient(90deg, #b5b5b6,#898989);font-weight: 400;letter-spacing:6px;font-size: clamp(0.8rem, 0.9vw, 1.2rem);}
.snavi:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}


/*上部来場予約ボタン*/
.snavi2{display: block;width: 10vw;height:60px;margin: 0px auto;line-height: 60px; padding: 0px 0px 0px 0px;color:#fff;text-align: center;background:linear-gradient(90deg, #658f93,#456669);font-weight: 400;letter-spacing:6px;font-size: clamp(0.8rem, 0.9vw, 1.2rem);}
.snavi2:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
	
.title {margin: 4% auto 3% auto;font-size: clamp(1.2rem, 1.4vw, 1.4em); color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 400; text-align:center;}
.designfont2 {width:100%;margin:0px auto 0px auto;padding: 0px 0px 30px 0px;text-align:center;line-height:160%;font-size: clamp(1.2rem, 1.4vw, 1.4rem); letter-spacing: 0px; font-weight: 400; letter-spacing:1px;}
.designtext{margin: 0px auto 0px auto; text-align:center; padding: 0px 0px 10px 0px;line-height:160%;font-size: clamp(0.8rem, 1.0vw, 1.0rem);color:#000;}
.accesscap{width:80%;height:auto;margin:9% auto 3% auto;padding: 0px 0px 0px 0px;text-align:center;font-size: clamp(0.7rem, 0.8vw, 0.8rem);font-weight: 400;line-height:140%;}
	
.designfont22 {width:100%;margin:0px auto 0px auto;padding: 0px 0px 5% 0px;text-align:left!important;line-height:160%;font-size: clamp(1.2rem, 1.4vw, 1.4rem); font-weight: 400; letter-spacing:0px;}
.designtext2{margin: 3% auto 0px auto; text-align:left; padding: 0px 0px 10px 0px;line-height:160%;font-size: clamp(1.0rem, 1.2vw, 1.2rem);color:#000;}
.designtext1{margin: 0px auto 0px auto; text-align:left; padding: 1% 0px 3% 0px;line-height:140%;font-size: clamp(0.8rem, 0.7vw, 1.0rem);color:#000;}
.designtext11{margin: 0px auto 0px auto; text-align:left; padding: 1% 0px 3% 0px;line-height:140%;font-size: clamp(0.8rem, 0.7vw, 1.0rem);color:#000;}
.designfont23 {width:100%;margin:0px auto 0px auto;padding: 0px 0px 5% 0px;text-align:left!important;line-height:160%;font-size: clamp(1.0rem, 1.1vw, 1.1rem); font-weight: 400; letter-spacing:0px;}
	
.locafont1{font-size: clamp(1.6rem, 2.4vw, 2.4rem); color:#000;line-height: 150%;font-weight: 400 ;padding: 3% 0px 3% 0px;}
.locafont2{font-size: clamp(1.2rem, 1.4vw, 1.4rem); color:#000;line-height: 150%;font-weight: 400 ;padding: 0px 0px 2% 0px;}
.locatext{padding: 10px 0px 0px 0px;font-size: clamp(0.8rem, 1.0vw, 1.0rem);line-height: 160%;}
	
	
.floca1{max-width:1200px;height: auto;width:90%;padding:2% 0% 2% 0%;margin:3% auto 0% auto;text-align:center;border: 1px solid #000; /* The inner border */
  box-shadow: 0 0 0 4px white, /* The gap (same color as background) */
              0 0 0 5px #000;position: relative /* The outer border (1px wider than gap) */}
.hanare{
	max-width: 500px;
    width: 40vw;
    height: auto;
    padding: 0%;
    margin: 0px auto 0px auto;
    top: -30px;
    left: 20px;
    position: absolute
}
.floca2{width:94%;height: auto; padding:0%;margin: 0px auto 0px auto;text-align:left;}
.floca2-left{float:left;width: 59%;height: auto;margin: 0px 0% 0px 0%;text-align:left;padding: 0px 0% 0px 0px;}	
.floca2-right{float:right;width: 39%;height: auto;margin: 0px auto 0px auto;text-align:right;padding: 0px 0px 0px 0%;}	
	
.floca3{width:100%;padding:3% 0%;margin: 0px auto 0px auto;height:auto;text-align:left;}
.floca3-left{float:left;width: 50%;height: auto;margin: 0px 0% 0px 0%;text-align:left;padding: 0px 4% 0px 0px;border-right: dotted 1px #000}	
.floca3-right{float:right;width: 47%;height: auto;margin: 0px auto 0px auto;text-align:left;padding: 0px 0px 0px 1%;}	
	
.flocaobi{max-width:1200px;width:90%;
    height: 60px;
    background: linear-gradient(to right, #658f93, #456669);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(16px, 1.8vw, 24px); /* 中心14px前後で可変 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin:4% auto 0% auto;}
	
.floca4{max-width:1200px;width:90%;padding:0%;margin:0% auto 0% auto;height:auto;text-align:left;}
.floca4-left{float:left;width: 33%;height: auto;margin: 3% 0.5% 0px 0%;text-align:left;padding: 0px 0% 0px 0px;}	
.floca4-right{float:right;width: 33%;height: auto;margin: 3% auto 0px auto;text-align:left;padding: 0px 0px 0px 0%;}	
.ranking{max-width:980px;width:90%;padding:30px 0% 30px 0%;margin: 0px auto 0px auto;height:auto;text-align:center}
.loca555 {max-width:1200px;width:90%;height:auto;margin:0% auto 0% auto;padding: 0px 0px 2% 0px;text-align:center;}
.loca666 {max-width:1200px;width:90%;height:auto;margin:0% auto 0% auto;padding: 5% 0px 6% 0px;text-align:center;}
.loca55 {max-width:1200px;width:90%;height:auto;margin:0% auto 0% auto;padding: 0px 0px 2% 0px;text-align:center;}
.loca55 img {padding: 0px 0px 15px 0px;text-align:center;}
.floca5{max-width:1200px;width:90%;padding:0%;margin:0% auto 0% auto;height:auto;text-align:left;}
.floca5-left{float:left;width: 50%;height: auto;margin: 3% 0% 0px 0%;text-align:left;padding: 0px 0% 0px 0px;}	
.floca5-right{float:right;width: 50%;height: auto;margin: 3% auto 0px auto;text-align:left;padding: 0px 0px 0px 0%;}
.floca55{width:100%;padding:0%;margin:0% auto 0% auto;height:auto;text-align:left;}
.floca55-left{float:left;width: 58%;height: auto;margin: 0% 0 0px 0%;text-align:left;padding: 0px 0% 0px 0px;}	
.floca55-right{float:right;width: 40%;height: auto;margin: 0% auto 0px auto;text-align:left;padding: 0px 0px 0px 0%;}
	
.floca12 {max-width:1200px;width:90%;height:auto;margin:0% auto 2% auto;padding: 1% 0%; border-bottom: #000 solid 1px;border-top: #000 solid 1px;font-size: clamp(1.0rem, 2.0vw, 2.0rem);text-align:left;}

.floca122 {max-width:1200px;width:90%;height:auto;margin:3% auto 3% auto;padding: 1% 0%; border-bottom: #000 solid 1px;border-top: #000 solid 1px;font-size: clamp(1.0rem, 2.0vw, 2.0rem);text-align:left;}
	
	
.floca13 {width:100%;height:auto;margin:0% auto 5% auto;padding: 2% 0%; border-bottom: #000 solid 1px;border-top: #000 solid 1px;font-size: clamp(1.0rem, 1.4vw, 1.4rem);text-align:left;}
	
	
.loca6 {max-width:1200px;width:90%;height:auto;margin:40px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.loca6-left {float:left;width:34.0%;height:auto;margin:0px auto 0px auto;padding: 0px 2% 0px 0%;text-align:left;}
.loca6-right {float:right;width:32.0%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0%;text-align:left;}
	
.loca7bg {max-width:1200px;width:90%;height:auto;margin:2% auto 3% auto;padding: 2.5% 2%;text-align:center;background-color:#f3f4f4 }
.loca7 {width:100%;height:auto;margin:0% auto 0% auto;padding: 3% 3%;text-align:center; }
.loca7-left {float:left;width:49%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 0px 0%;text-align:left;}
.loca7-right {float:right;width:49%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0%;text-align:left;}

.loca8 {max-width:1200px;width:90%;height:auto;margin:0% auto 0% auto;padding: 0% 0% 7%;text-align:center;}
.loca8-left {float:left;width:46%;height:auto;margin:0px auto 0px auto;padding: 0% 0% 3% 0%;text-align:left;}
.loca8-right {float:right;width:50%;height:auto;margin:0px auto 0px auto;padding: 5% 0px 0px 0%;text-align:left;}

.loca9bg {max-width:1200px;width:100%;height:auto;margin:3% auto 10% auto;padding: 5% 3%;text-align:center;background-color:#f3f4f4 }
.loca9 {max-width:1200px;width:90%;height:auto;margin:3% auto 10% auto;padding: 5% 3%;text-align:center; }
.loca9-left {float:left;width:46%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 0px 0%;text-align:left;}
.loca9-right {float:right;width:50%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0%;text-align:left;}
	
.loca10bg {width:100%;height:auto;margin:3% auto 3% auto;padding: 3% 0%;text-align:center;background-color:#f3f4f4 }
.loca10 {max-width:1200px;width:90%;height:auto;margin:3% auto 0% auto;padding: 0% 0%; }
.loca10-left {float:left;width:65%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 0px 0%;text-align:left;}
.loca10-right {float:right;width:35%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0%;text-align:left;}
	
.loca11 {max-width:1200px;width:90%;height:auto;margin:0% auto 5% auto;padding: 0% 0%; }
.loca11-left {float:left;width:48%;height:auto;margin:4.5% auto 0px auto;padding: 0px 0% 0px 0%;text-align:left;}
.loca11-right {float:right;width:48%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0%;text-align:left;}
	
.locafont9{font-size: clamp(0.7rem, 0.9vw, 1.0em);padding: 5px 0px 5px 0px;font-weight:700; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
	
.locafont9r{font-size: clamp(0.7rem, 0.9vw, 1.0em);padding: 5px 0px 5px 0px;font-weight:700; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;text-align:right; }
	
.locafont11{font-size: clamp(0.6rem, 0.7vw, 0.8rem);padding: 5px 0px 5px 0px;font-weight:700; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
	
	
.circle1 {
color: #fff;
background-color:#000;
padding: 2px 1px 0 0;
margin: 0 0 0 2px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
font-size:80%;
font-family:"メイリオ",Meiryo,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
letter-spacing: -1px;
}
	
	

.map{width:90%;padding:30px 0% 3% 0%;margin: 0px auto 0px auto;height:auto;text-align:center}



.headertable tr:nth-child(1) td {border-bottom:solid 1px #000;}
.outfont{text-align: center;color:#fff;font-weight:700;font-size:150%; }
.topcontent1{width: 100%;height:auto;margin:100px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;}

    /*ロケーション*/

.locared {max-width:980px;width:90%;height:auto;margin:50px auto 30px auto;padding: 10px 0px 10px 0px;text-align:center;border:solid 1px #770b11;}
.locafontred{font-size:150%; color:#770b11;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700 ;padding: 20px 0px 20px 0px;}
    


.locafont1-1{font-size:180%; color:#000;line-height: 100%;font-weight: 400 ;padding: 0px 0px 0px 0px;}
.locafont2-1{font-size:130%; color:#000;line-height: 150%;font-weight: 400 ;padding: 0px 0px 0px 0px;}
	
	
.locafont22{font-size:130%; color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;font-weight: 400 ;padding: 0px 0px 0px 0px;text-align:left;margin: 0px auto 20px auto;}

.locafont3{max-width:980px;width:100%;font-size:90%; color:#000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight:400 ;padding: 0px 0px 0px 0px;margin:0px auto 0px auto;text-align:left;}
    
.fbg {width:100%;padding: 5px 0px 5px 0px;text-align:center;background-color:#EAEAE2;color:#000}
	
.fbg2 {width:99%;padding: 0px 0px 0px 1%;text-align:center;background-color:#EAEAE2;color:#000;line-height: 200%;font-size: clamp(1.0rem, 1.3vw, 1.3rem);font-weight: 400;text-align:left;margin: 20px auto 20px auto;}
	

.locafont4{font-size:160%;padding: 0px 0px 0px 0px;}
.locafont5{font-size:150%;padding: 0px 0px 0px 0px;}
.locafont6{font-size:270%;padding: 0px 0px 0px 0px;}
.locafont7{font-size:100%;padding: 0px 0px 0px 0px;font-weight:700 }
.locafont8{font-size:100%;padding: 0px 0px 0px 0px;font-weight:700 }

.locafont10{font-size:80%;padding: 0px 0px 0px 0px;font-weight:700; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
	

	
.locafont12{font-size:220%;padding: 0px 0px 0px 0px;font-weight:700 }
.locacap{clear: both;height:auto;margin:0px auto 0px auto;padding: 20px 0px 30px 0px;text-align:center;font-size: 70%;line-height:150%;}
.locacan{font-size:80%; color:#000;line-height: 150%;font-weight: 400 ;padding: 30px 0px 30px 0px;text-align:center}
.locacan1{font-size:80%; color:#000;line-height: 150%;font-weight: 400 ;padding: 0vh 0 30px 10px;text-align:left}
.locacan2{font-size:70%; padding: 30px 0px 30px 0px;}
.locacan3{font-size:90%; color:#000;line-height: 150%;font-weight: 400 ;padding: 50px 0px 30px 0px;text-align:center}
.locacan5{font-size:80%; color:#000;line-height: 150%;font-weight: 400 ;padding: 0px 0px 10px 0px;text-align:right}
.lifeinfo_bg{text-align:left;background: linear-gradient(to right, #658f93, #456669);color: #FFF;margin: 0px 0 0px 0; padding: 3px 0% 0px 10px;}
	

 .lifeinfo_left{float:left;width:49%;font-size:80%;text-align:left;}
 .lifeinfo_right{float:right;width:49%;font-size:80%;text-align:left;}
    
.locacan4{font-size:130%; }
    
.under {border-bottom: solid 1px #3e518c;}

.f-container {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;margin: 0px auto 20px auto } 
.f-item {max-width:311px;width: 23%;margin-right: 1%;margin-left: 1%;margin-top: 20px;}
.f-item img{ width: 100%;}

.f-container2 {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 80%;margin: 0px auto 20px auto } 
.f-item2 {max-width:311px;width: 32%;margin-right: 0.5%;margin-left: 0.5%;margin-top: 20px; text-align:left;font-size: 90%; }
.f-item2 img{ width: 100%;margin-bottom: 8px; }
    
.locanavi{max-width:980px;width:80%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0;text-align:center;}
.locanavi a {display: block;text-decoration: none;color:#000;}
.locanavi ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.locanavi li {float: left;list-style: none;width: 100%;text-align: center;line-height: 120%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:120%;  margin: 0px 1% 0px 1%;letter-spacing:0px;padding: 20px 0% 15px 0%;}

.hvr4 {
display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#9fa0a0;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;color:#fff;}

.hvr4:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #9fa0a0;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;color:#fff;}

.hvr4:hover, .hvr4:focus, .hvr4:active {color:#fff;}
.hvr4:hover:before, .hvr4:focus:before, .hvr4:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}
    

.hvr5 {
display: inline-block;height: auto;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);padding: 20px 0px 20px 0px;box-shadow: 0 0 1px transparent;position: relative;background:#ccc;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;transition-duration: 0.7s;}
    
.hvr5:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #fff;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
    

.hvr5:hover:before, .hvr5:focus:before, .hvr5:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}


#page-link{display: flex;justify-content: center;padding: 20px;}

#page-link li{list-style: none;border: 1px solid #ccc}

#page-link li a{padding:0 20px;text-decoration: none;}

#page-link li a::before{content:'▼';font-size:0.8rem;padding:0 10px 0 0;}

section{padding: 80px 0px 50px 0px; }
    

.btnList {
    max-width: 730px;
    margin: 5rem auto 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 91%;
}

.btnList li{
	width: 49%;
    margin-bottom: 15px;
}

.btnList li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #59607c;
    letter-spacing: 0.1rem;
    line-height: 3;
    text-decoration:none; 
    transition: .3s all;
}

.btnList li a:hover {opacity: 0.8;}

}

@media only screen and (min-width:751px) and (max-width:1200px) {
    
.out1 {width:100%;height:auto;margin:0px auto 0px auto;padding: 30px 0px 0px 0px;text-align:center;}
.out11 {width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;}
.locanavi{width:80%;height:auto;margin:0px auto 30px auto;padding: 0px 0px 0px 0px;text-align:center;}
.locanavi a {display: block;text-decoration: none;color:#444;}
.locanavi ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.locanavi li {float: left;list-style: none;width: 46%;text-align: center;line-height: 120%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:120%;  margin: 0px 1% 0px 1%;letter-spacing:0px;padding: 20px 0% 15px 0%;}

}
@media print{
.f-container {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;margin: 0px auto 20px auto } 
.f-item {width: 23%;margin-right: 1%;margin-left: 1%;margin-top: 20px;}
.f-item img{ width: 100%;}

.f-container2 {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 80%;margin: 0px auto 20px auto } 
.f-item2 {width: 32%;margin-right: 0.5%;margin-left: 0.5%;margin-top: 20px; text-align:left;font-size: 90%; }
.f-item2 img{ width: 100%;margin-bottom: 8px; }
.fadeIn_up {
  opacity: 1;
}
.fadeIn_up.is-show {
  opacity: 1;
}

}