@charset "UTF-8";

html {
  font-size: 62.5%;
}
a {text-decoration:none; }
/*スマホ*/
@media screen and (max-width:768px){
    
h3{font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color:#595757;font-weight: 700; }
#wrap{overflow: hidden; }
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}
.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
    
.infobg {width:100%; background:rgba(0,0,0,0.1);padding: 10px 0px 10px 0px;text-align:center;margin: 30px auto 0px auto;}
.text {max-width:1200px;width:90%;margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;line-height: 150%;font-size:90%;text-align:left;}
.text2 {max-width:1200px;width:100%;margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;line-height: 150%;font-size:100%;text-align:left;}

.infofont2{height: auto;margin: 0px auto 0px auto;padding: 10px 0px 0px 0px;color:#000;letter-spacing:0px;line-height: 150%;font-weight: 700;font-size:80%;}
.infofont5 {margin:10px auto 0px;color:#000;padding:10px 0 0px 0;font-size: clamp(1.6rem, 2.0vw, 2.2rem);font-weight:400;line-height:160% ;letter-spacing:1px;font-weight: 700;}
.infofont4{height: auto;margin: 0px auto 0px auto;padding: 10px 0px 0px 0px;color:#000;text-align:center;letter-spacing:0px;line-height: 150%;font-weight: 400;font-size:1.4rem;}
    
/*form*/

.form {width:70%;height:auto;margin:35px auto 30px auto;padding: 0px 0% 0px 0%;text-align:center;}
.form a {display: block;text-decoration: none;}
.form ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.form li {float: left;list-style: none;width: 100%;text-align: center;line-height: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0px 0% 18px 1%;letter-spacing:10px;padding: 0px 0% 0px 0%;font-size: clamp(16px, 1.4vw, 24px);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}

/* info＆フォーム*/
.maintop3 {width:100%;margin: 0px auto 0px auto; padding: 50px 0px 50px 0px;
  background-image: linear-gradient(-45deg, #727171 25%, #9b9c9c 25%, #9b9c9c 50%, #727171 50%, #727171 75%, #9b9c9c 75%, #9b9c9c);
  background-size: 8px 8px;border-bottom: solid 30px #4c4948}
    
.main3 {width:100%;margin: 20px auto 20px auto; padding: 20px 0px 0px 0px;
  background-image: linear-gradient(-45deg, #727171 25%, #9b9c9c 25%, #9b9c9c 50%, #727171 50%, #727171 75%, #9b9c9c 75%, #9b9c9c);
  background-size: 8px 8px;}
    
.main33 {width:90%; background-color: #fff; padding: 30px 5% 20px 5%;text-align:center;}

.topfont1{height: auto;margin: 0px auto 0px auto;padding: 10px 0px 10px 0px;color:#4c4948;text-align:center;letter-spacing:0px;line-height: 150%;font-weight: 400;font-size:140%;}

    
.cap{clear: both;width:100%;margin: 0px auto 0px auto;text-align:center ;padding: 0px 0px 40px 0px;font-size:11px;line-height: 150%;color: #000}
    


    
/* info＆フォーム*/
    
html { -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}
body {font-size: 100%; width:100%;background: #fff;color: #000;padding: 0;margin: 0;font-weight: normal;font-style: normal;position: relative;cursor: default;animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;text-align: justify;text-justify: inter-ideograph;-webkit-text-size-adjust: 100%;}
.title {font-size:140%; color:#3e518c;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700 }
.under {border-bottom: solid 1px #3e518c;}

ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}
    
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

h1{margin: 0px auto 0px auto;font-size:10px;padding: 0px 0px 0px 0px;color:#333;font-weight:normal;}
h2{font-size:100% ;font-weight:normal;margin: 0px}
h3{color:#666; margin: 10px auto 10px auto;font-size:110% }
h4{color:#00418F; margin: 20px auto 0px auto; font-size:100% }

img {max-width: 100%;height: auto;border: 0;-ms-interpolation-mode: bicubic;vertical-align: bottom;}

.image-resize {width: 60%; margin:0px auto 0px auto ;}
.image2-resize {width: 80%; margin:0px auto 0px auto ;}
    
 /*NEWマーク*/
 [data-ruby] {position: relative;}
[data-ruby]::before {content: attr(data-ruby);position: absolute;top: -2.0em;right: -5em;margin: auto;font-size: 0.7em;color:#FF0000;text-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 1px 0 #fff,-1px 0 0 #fff,-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff;letter-spacing: 2px;
}
.cen{display: block;margin-left: auto;margin-right: auto;}
.mainbg {width:100%;background:linear-gradient(#071c24, #10333c); margin: 0px auto 0px auto;padding: 10px 0px 15px 0px;color:#fff;}
.topmain {width:96%;height:auto; margin: 0px auto 0px auto;padding: 20px 2% 10px 2%;}
.topmain ul {margin: 0 auto;width: auto;text-align:center;}
.topmain ul li {margin: 5px auto 0px auto;width: auto;text-align: center;color: #FFFFFF;font-size: 100%}
.topmain li:nth-child(3) {  margin: 15px auto 0px auto;}
.topmain li:nth-child(5) {  margin: 20px auto 0px auto;}
.topmain li:nth-child(7) {  margin: 20px auto 0px auto;}

    
.main {width: 100%;margin: 70px auto 0px auto; padding:0px 0px 0px;}
  /*ロゴテキスト*/
 
.logotop {padding: 0px 0px 0px 10px;width:100%;height:30px;}
.logotop {width:70%;padding: 0px 1% 0px 1%;}
.logotop .txt {width:100%;padding: 0px 0px 0px 0px;display: flex;align-items:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;}
 
 /*NEWマーク*/
[data-ruby] {position: relative;}
[data-ruby]::before {content: attr(data-ruby);position: absolute;top: -2.0em;right: -5em;margin: auto;font-size: 0.7em;color:#FF0000;text-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 1px 0 #fff,-1px 0 0 #fff,-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff;letter-spacing: 2px;}

.topmain ul:after {content: ".";height: 0;clear: both;display: block;visibility: hidden;}
.topmain ul {display: inline-block;overflow: hidden;}


/*ヘッダー*/

.headertop {height:auto;margin:0px auto; width:100%; padding:0px 0px 35px 0px;background-color: #fff;position: fixed; top:0;z-index:10;border-bottom:solid 1px #ccc ;z-index: 100}
.hdrleft{float: left;width: 120px;height:0px;padding: 15px 0px 10px 10px;font-size:12px;text-align:left;line-height: 100%;font-weight: 700;background-color: #fff;z-index: 100}
.hdrright {float: right;width:65%;height:auto;margin: 0px 0% 0px 0px;z-index: 100}
    

sup {font-size: 70%; vertical-align: top;position: relative;top: -0.1em; }
    
/*スペース*/
.s50{width: 50%;}
.s60{width: 60%;}
.s80{width: 80%;}
.s100{width: 100%;}

.st5 { margin-top: 5px; }
.st10 { margin-top:10px; }
.st15 { margin-top:15px; }
.st20 { margin-top:20px; }
.st25 { margin-top:25px; }
.st30 { margin-top:30px;}
.st35 { margin-top:35px;}
.sb10 { margin-bottom:10px; }
.sb15 { margin-bottom:15px; }
.sb20 { margin-bottom:20px; }
.sb30 { margin-bottom:30px; }

/* コンテンツ*/
.topcontent{width:100%;margin:70px 0px 0px 0px;padding:0px 0px 0px 0px; clear:both;height:auto;text-align:center;}
.content{width:100%;margin:70px 0px 0px 0px;padding:0px 0px 0px 0px; clear:both;height:auto;text-align:center;}



.snavi3{display:block;height:60px;line-height:60px;position:relative;text-decoration:none;text-align:center;z-index:0;color: #fff;background:linear-gradient(90deg, #b5b5b6,#898989)}
.snavi3:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
	
.snavi4{display:block;height:60px;line-height:60px;position:relative;text-decoration:none;text-align:center;color:#fff;z-index:0;background:linear-gradient(90deg, #658f93,#456669);}
.snavi4:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}


.gnavi2 {width: 100%;margin: 0 0 10px;padding: 0;font-size: 15px;list-style-type: none;}
.gnavi2:after {content: "";clear: both;display: block;}
.gnavi2 li {float: left;width: 50%;background: #ccc;text-align: center;border-bottom: 1px solid #aaa;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 44px;color: #fff;}
.gnavi2 li:nth-child(odd) {border-right: 1px solid #aaa;}
.gnavi2 li:nth-child(1) {border-top: 1px solid #aaa;}
.gnavi2 li:nth-child(2) {border-top: 1px solid #aaa;}
.gnavi2 a {display: block;color: #000;text-decoration: none;background: #e6e6e6;}
.gnavi2 a:hover {color: #000;background: #ccc;}
.gnavi2 a:visited {color:#000;}
/*フッター*/

.copyright{clear:both; width: 100%;height: auto;margin: 0px auto 80px auto;text-align: center;font-size:11px;color:#fff;background-color:#B5B5B5;}

/*TEL＆ロゴ*/
.footer2{display:flex; flex-wrap: wrap;apadding: 0;list-style: none; width:100%; margin: 30px auto 30px auto; }
.footer2 li{display: flex;lign-items: center;text-align: center;margin: 10px auto 10px auto;width:70%; }
.footer2 a:hover{background:#fff;transition: background-color .8s;}
/*TEL＆ロゴ*/
.footer2 li:nth-child(1) {
   width:90%
}
.footer2 li:nth-child(2) {
   width:60%;margin: 10px auto 0px auto;
}
.footer2 li:nth-child(3) {
   width:60%;margin: 10px auto 0px auto;
}
.footer2 li:nth-child(4) {
   width:60%;margin: 10px auto 0px auto;}
 
/*スマホ固定下部ナビ*/
#floatBanner {z-index:99; display: block; position: relative; bottom:0px; width:100%; height:auto;}
#floatBody {z-index:99; display:block; width: 100%; height:auto; position:absolute; cursor:move; bottom:0px; border-top:1px solid #fff;background-color:#FFF }




/*物件埋め込み */

#slide_foot{width:100%}


/* プリント　地図＆間取り */
.subnavi1 {width:70%;margin: 40px auto 0px auto;font-weight:400;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;list-style: none;width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 35px;font-size:80%;border: 1px solid #ccc;background-color:#000210 ;color: #30A9E2;margin: 10px auto 10px auto;}
.subnavi1 a {display: block;text-decoration: none;color:#fff !important;background-color:#1a5f68;}
	
/*キャプション*/
.captop{width:80%;margin: 0px auto 0px auto;text-align:center;padding: 0px 0px 0px 0px;font-size:60%;line-height: 150%;color: #000}
.captop2{width:80%;margin: 0px auto 0px auto;text-align:center;padding: 0px 0px 0px 0px;font-size:60%;line-height: 150%;}	
.cap{clear: both;max-width:800px;width:100%;margin: 0px auto 0px auto;text-align:left ;padding: 30px 0px 30px 0px;font-size:60%;line-height: 150%;color: #000}	
.cap1{clear: both;width:100%;margin: 0px auto 0px auto;text-align:left ;padding: 30px 0px 20px 0px;font-size:12px;line-height: 150%;}	
.cap2{font-size:150%;line-height: 150%;font-weight:700}		
.cap3{clear: both;width:96%;margin: 0px auto 20px auto;text-align:left ;padding: 0px 2% 0px 2%;font-size:10px;line-height: 140%;}	
.cap4{clear: both;width:100%;margin: 0px auto 0px auto;text-align:center ;padding: 30px 0px 20px 0px;font-size:12px;line-height: 150%;}	
 

.sp { display: block !important; }
.pc { display: none !important; }



/* scroll */
#page-top {clear:both;position: fixed;bottom: 90px;right: 5px;font-size: 70%;z-index:100;cursor: pointer;}
#page-top a {background-color:#929A94;text-decoration: none;color: #fff;font-weight:bold;width: auto;padding: 0px 0;text-align: center;display: block;z-index:100}
#page-top a:hover {text-decoration: none;background-color:#929A94;}

    

/*フッター*/
.footerbg{clear: both;width: 96%;height: auto;margin: 0px auto 20px auto; padding: 0px 2% 5px 2%;background-color:#fff}
.footer{clear: both;width: 100%;height: auto;margin: 0px auto 0px auto;text-align: left;padding: 0px 0px 0px 0px;
    }

/*TEL＆ロゴ*/
.footer2{height:auto; margin:10px auto 20px auto; text-align:left;padding: 0px 0px 0px 0px;}
.footer2 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.footer2 li {float:left;text-align: center;list-style: none;margin: 0px 0px 0px 5px;}

.footer3{width:96%; height:auto;margin:10px auto 20px auto; text-align:left;padding: 10px 2% 0px 2%;font-size:80%}

    
.footer4{width:80%;height:auto;margin:20px auto 30px auto; text-align:center;padding: 0px 0px 40px 0px;}
.footer4_left{width:100%;height:auto;text-align:left;margin: 0px 0px 0px 0px;}
.footer4_right{float:right;width:42%;height:auto;text-align:right;margin: 0px 5% 0px 0px;padding: 10px 0px 50px 0px;}
.footer44_right{float:right;width:53%;height:auto;text-align:right;margin: 0px 0px 0px 0px;padding: 10px 0px 50px 0px;}
    
.hdrright ul{display:none;}
.br-sp{display:block;}
.br-sp2{display: block;}
.br-pc{display:none;}
.br-s2{display: none;}
.br-s3{display: none;}
.sp { display: block ; }
.pc { display: none ; }
}



/*PC*/
@media print, screen and (min-width:769px){
    
h3{color:#000;}
.infobg {width:100%; background:#f3f4f4;padding: 20px 0px 30px 0px;text-align:center;margin: 0px auto 50px auto;}
    
.infofont5 {margin:10px auto 0px;color:#000;padding:10px 0 0px 0;font-size: clamp(1.6rem, 2.0vw, 2.2rem);font-weight:400;line-height:160% ;letter-spacing:1px;font-weight: 700;}
.infofont4{height: auto;margin: 0px auto 0px auto;padding: 10px 0px 0px 0px;color:#000;text-align:center;letter-spacing:0px;line-height: 150%;font-weight: 400;font-size:1.4rem;}
	
#wrap{overflow: hidden; }
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.7s;
animation-fill-mode:forwards;
opacity:0;
}

.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

    
    
    
/* info＆フォーム*/
.maintop3 {width:100%;margin: 50px auto 0px auto; padding: 50px 0px 50px 0px;
  background-image: linear-gradient(-45deg, #727171 25%, #9b9c9c 25%, #9b9c9c 50%, #727171 50%, #727171 75%, #9b9c9c 75%, #9b9c9c);
  background-size: 8px 8px;border-bottom: solid 30px #4c4948}
    
.main3 {width:100%;margin: 50px auto 0px auto; padding: 50px 0px 50px 0px;
  background-image: linear-gradient(-45deg, #727171 25%, #9b9c9c 25%, #9b9c9c 50%, #727171 50%, #727171 75%, #9b9c9c 75%, #9b9c9c);
  background-size: 8px 8px;}
    
.main33 {width:100%; background-color: #fff; padding: 30px 0px 30px 0px;text-align:center;}

.infofont1{height: auto;margin: 0px auto 0px auto;padding: 10px 0px 10px 0px;color:#000;text-align:center;letter-spacing:0px;line-height: 150%;font-weight: 400;font-size:140%;}
.infofont2{height: auto;margin: 0px auto 0px auto;padding: 10px 0px 0px 0px;color:#000;letter-spacing:0px;line-height: 150%;font-weight: 400;font-size:90%;}





.form {max-width:780px;width:80%;height:auto;margin:45px auto 0px auto;padding: 0px 0% 0px 0%;text-align:center;}
.form a {display: block;text-decoration: none;}
.form ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.form li {float: left;list-style: none;width: 47%;text-align: center;line-height: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0px 1% 0px 1%;letter-spacing:10px;padding: 0px 0% 0px 0%;font-size: clamp(14px, 1.4vw, 24px);font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}

	
	
/* info＆フォーム*/
    
.btn1 {width:400px;margin: 30px auto 0px auto;display: inline-block;color: #7a6c4b;text-align: center;text-decoration: none;line-height: 40px;outline: none;background-color: #fff;-webkit-transition: all .3s;transition: all .3s;font-size: 90%;background-image: linear-gradient(to bottom, #927756,#6a5438 ) ;padding: 20px 0px 20px 0px;}
.btn1:hover {color: #fff;background-color: #7a6c4b;}
    
.btn2 {width: 400px;margin: 30px auto 0px auto;display: inline-block;color: #7a6c4b;text-align: center;text-decoration: none;line-height: 40px;outline: none;background-color: #fff;-webkit-transition: all .3s;transition: all .3s;font-size: 90%;background-image: linear-gradient(to bottom, #a16150,#6f2d30 ) ;padding: 20px 0px 20px 0px}
.btn2:hover {color: #fff;background-color: #7a6c4b;}
    
.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}
body {color: #000;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;  margin: 0;padding: 0;}
    
ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}
img {image-rendering: -webkit-optimize-contrast; max-width:100%; }
    
a img.opacity,.hoverimg a img{-webkit-transition: all .3s ease; transition: all .3s ease;}
.hoverimg a:hover img{opacity:0.7;}
a img.opacity:hover{opacity:0.3;}
    
img {max-width: 100%;height: auto;border: 0;vertical-align: bottom;}

    
 /* NEWマーク*/
 [data-ruby] {position: relative;}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.7em;
    left: 6em;
    right: 0;
    margin: auto;
    font-size: 0.5em;
	color:#FF0000;text-shadow:1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 1px 0 #fff,-1px 0 0 #fff,-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff;letter-spacing: 2px;
}
    
.center{display: block;margin-left: auto;margin-right: auto;}

.headertop {height:auto;margin:0px auto; width:100%; padding:0px 0px 50px 0px;background-color: #fff;position: fixed; top:0;z-index:99;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;}
.hdrleft{float: left;width: 180px;height:50px;padding: 0px 0px 0px 1%;font-size:16px;text-align:left;line-height: 100%;font-weight: 700;}
.hdrright {float: right;width:70%;height:50px;margin: 0px 0% 0px 0px;padding: 0px 0px 0px 0%;text-decoration: none;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;tfont-weight: 700;z-index:110}
.hdrright a {text-decoration: none;}


.hdrright ul{list-style: none;padding: 20px 100px 0px 0px;margin: 0px; }

.hdrright li {float: right;text-align: center;list-style: none;margin: 0px 0px 0px 8px; font-size:16px;}
	
.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: 10px 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: 10px 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;}
    
.hdrright li:nth-child(3) {padding: 5px 0px 0px 0px;margin: 10px 10px 0px 0px;color:#222;font-size:14px;}
.hdrright li:nth-child(3) a{padding: 0px 0px 0px 0px;margin: 5px 10px 0px 5px;color:#222;}
.hdrright li:nth-child(3) a:visited {color:#222 !important;}
.hdrright li:nth-child(3) a:hover {color:#999 !important;}
    
.hdrright li:nth-child(4) {padding: 5px 0px 0px 0px;margin: 10px 10px 0px 0px;color:#222;font-size:14px;}
.hdrright li:nth-child(4) a{padding: 0px 0px 0px 0px;margin: 5px 10px 0px 5px;color:#222;}
.hdrright li:nth-child(4) a:visited {color:#222 !important;}
.hdrright li:nth-child(4) a:hover {color:#999 !important;}
 /*上部資料請求ボタン*/
.snavi{display: block;width:10vw;height:40px;margin: 0px auto;line-height: 40px; padding: 10px 0px 10px 0px;color:#fff;text-align: center;background:linear-gradient(90deg, #b5b5b6,#898989);font-weight: 400;letter-spacing:6px;font-size: clamp(1.0rem, 1.2vw, 1.8rem);}
.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:40px;margin: 0px auto;line-height: 40px; padding: 10px 0px 10px 0px;color:#fff;text-align: center;background:linear-gradient(90deg, #658f93,#456669);font-weight: 400;letter-spacing:6px;font-size: clamp(1.0rem, 1.2vw, 1.8rem);}
.snavi2:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

	
.snavi3{display:block;height:70px;line-height:70px;position:relative;text-decoration:none;text-align:center;z-index:0;color: #fff;background:linear-gradient(90deg, #b5b5b6,#898989)}
.snavi3:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
	
.snavi4{display:block;height:70px;line-height:70px;position:relative;text-decoration:none;text-align:center;color:#fff;z-index:0;background:linear-gradient(90deg, #658f93,#456669);}
.snavi4:hover{opacity:0.7;transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

/*form*/

.form2{width:100%;padding:30px auto 50px auto ;margin: 0px auto 50px auto ;border-top: 1px solid #aaa;}


.hvr-shutter3 {
  display: inline-block;
  height: auto;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
   background:#fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.hvr-shutter3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
   
	background: #ba9363;
  -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;
}
.hvr-shutter3:hover, .hvr-shutter0:focus, .hvr-shutter0:active {
  color:#ba9363;
}
.hvr-shutter3:hover:before, .hvr-shutter0:focus:before, .hvr-shutter0:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

sup {font-size: 50%; vertical-align: top;position: relative;top: -0.4em; }

.bgstripe {width: 100%;margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;
  background-image: linear-gradient(-45deg, #bfc0c0 25%, #9b9c9c 25%, #9b9c9c 50%, #bfc0c0 50%, #bfc0c0 75%, #9b9c9c 75%, #9b9c9c);
  background-size: 8px 8px;}
    

.bgstripe2 {width: 100%;margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;
  background-image: linear-gradient(-45deg, #727171 25%, #666565 25%, #666565 50%, #727171 50%, #727171 75%, #666565 75%, #666565);
  background-size: 8px 8px;}
    
    
.formbg {width: 100%;margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;text-align: center;
  background-image: linear-gradient(-45deg, #bfc0c0 25%, #9b9c9c 25%, #9b9c9c 50%, #bfc0c0 50%, #bfc0c0 75%, #9b9c9c 75%, #9b9c9c);
  background-size: 8px 8px;}

.form-left {width: 100%;margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;text-align: center;
  background-image: linear-gradient(-45deg, #bfc0c0 25%, #9b9c9c 25%, #9b9c9c 50%, #bfc0c0 50%, #bfc0c0 75%, #9b9c9c 75%, #9b9c9c);
  background-size: 8px 8px;}

.form-right {width: 100%;margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;text-align: center;
  background-image: linear-gradient(-45deg, #bfc0c0 25%, #9b9c9c 25%, #9b9c9c 50%, #bfc0c0 50%, #bfc0c0 75%, #9b9c9c 75%, #9b9c9c);
  background-size: 8px 8px;}


    
    
.b { margin: 0px; }
.b1 { margin: 1px; }
.b2 { margin-bottom: 2px; }
.b5 { margin-bottom: 5px; }
.b8 { margin-bottom: 8px; }
.b10 { margin-bottom:10px; }
.b15 { margin-bottom:15px; }
.b20 { margin-bottom:20px; }
.b25 { margin-bottom:25px; }
.b35 { margin-bottom:35px; }

.t { margin-top: 0px; }
.t1 { margin-top: 1px; }
.t5 { margin-top: 5px; }
.t10 { margin-top:10px; }
.t15 { margin-top:15px; }
.t20 { margin-top:20px; }
.t25 { margin-top:25px; }
.t35 { margin-top:35px; }
.t40 { margin-top:40px; }
.t45 { margin-top:45px; }
.t55 { margin-top:55px; }
.t100 { margin-top:103px; }

.l { margin-left: 0px; }
.l1 { margin-left: 1px; }
.l5 { margin-left: 5px; }
.l8 { margin-left: 8px; }
.l10 { margin-left:10px; }
.l15 { margin-left:15px; }
.l20 { margin-left:20px; }
.l40 { margin-left:40px; }
.l55 { margin-left:55px; }
    
.main {width: 100%;margin: 0px auto 0px auto; padding: 60px 0px 0px 0px;text-align:center;}
    
.title {font-size:200%; color:#3e518c;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 150%;font-weight: 700 }
.under {border-bottom: solid 1px #3e518c;}
/*ホバーアクション*/
a img.opacity,.hoverimg a img{-webkit-transition: all .3s ease; transition: all .3s ease;}
.hoverimg a:hover img{opacity:0.7;}
a img.opacity:hover{opacity:0.3;}
    
.captop{clear: both;max-width:800px;width:90%;margin: 0px auto 0px auto;text-align:center;padding: 70px 0px 0px 0px;font-size:11px;line-height: 150%;color: #000}
.captop2{margin: 0px auto 0px auto;text-align:left;padding: 0px 0px 0px 0px;font-size:90%;line-height: 150%;}	
.cap1{clear: both;width:100%;margin: 0px auto 0px auto;text-align:center ;padding: 20px 0px 30px 0px;font-size:11px;line-height: 150%;}	


/*PCTEL無し */
a[href^="tel:"] {pointer-events: none;}
/*フッター*/
.footerbg{clear: both;width: 100%;height: auto;margin: 40px auto 0px auto; padding: 0px 0px 10px 0px;background-color:#fff; }
.footer{width: 100%;height: auto;margin: 0px auto 0px auto;text-align: left;padding: 0px 0px 0px 0px}

/* フッターTel＆ロゴ*/
.footer4{max-width:980px;width:90%;height:auto;margin:20px auto 30px auto; text-align:center;padding: 0px 0px 20px 0px;}
.footer4_left{float:left;width:40%;height:auto;text-align:left;margin: 0px 0px 20px 0px;}
.footer4_right{float:right;width:20%;height:auto;text-align:right;margin: 0px 20px 0px 0px;padding: 0px 0px 0px 0px;}
.footer44_right{float:right;width:25%;height:auto;text-align:right;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
/* フッターナビ*/

.gnavi2bg {width:100%;margin: 0px auto 0px auto;height:auto;background:#c9caca}
.gnavi2 {width:98%;margin: 0px auto 0px 2%;}
.gnavi2:after {content: "";clear: both;display: block;}
.gnavi2 li {float: left;width:8.3%;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 150%;margin: 15px 0px 20px auto;font-weight: 500;background:#c9caca;color:#888;font-size: clamp(12px, 1.2vw, 1.3rem);}
.gnavi2 a {display: block;text-decoration: none;font-weight: 500;color:#fff}
.gnavi2 a:hover {color:#fff;  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;} 

/*TEL＆ロゴ*/
.footer2{padding: 0;list-style: none;width:70%;margin: 30px auto 30px auto; }
.footer2 li{align-items: center;text-align: center;margin: 0px auto 0px auto; }

/*コピーライト*/
.copyright{clear:both;width: 100%;height: auto;margin: 0px auto;text-align: center;font-size:11px;color:#fff;background-color:#B5B5B5;}

.cap{clear: both;width:100%;margin: 0px auto 0px auto;text-align:center ;padding: 50px 0px 50px 0px;font-size:100%;line-height: 160%;color: #000}
/* scroll */
#page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99;cursor: pointer;}
#page-top a {background-color:#929A94;text-decoration: none;color: #fff;font-weight:bold;width: auto;padding: 0px 0;text-align: center;display: block;z-index:99}
#page-top a:hover {text-decoration: none;background-color:#929A94;}

/*スマホ固定下部ナビ*/
#floatBanner {display: none }
#floatBody {display: none }

.sp { display: none ;}
.pc { display: block ;}
.br-sp{display:none;}
.br-sp2{display: none;}
.br-pc{display:block;}
}