@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Lato|Roboto+Slab:300,400,700);

html { font-size: 90%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}

body {margin: 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;}
.plancen{width: 94%;margin: 0px auto 0px auto;text-align:center; padding: 30px 3% 30px 3%;}
.plannavi{display: inline-block;
    width: 100%;
	height:80px;
    margin: 20px auto 0px auto;
    padding: 0px 10px 0px 10px;
    color: #fff;
    font-size:3rem;
	line-height: 80px;
    text-align: center;
  text-decoration: none;
outline: none;-webkit-transition: all .3s;transition: all .3s;background-color: #254d82;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;outline: 1px solid #fff; outline-offset: -5px;cursor:pointer}
.plannavi a{text-decoration: none;color: #fff;}
.plannavi:hover {color: #fff;background-color: #5077a0; }

.plannavi {
  position: relative; /* static以外を指定 */
  z-index: 0; /* グラデーションよりも上に配置 */
  display: inline-block; /* inline以外にする */
  width: 100%; /* 横幅 */
  height: 80px; /* 縦幅 */
  line-height: 80px; /* 行の高さ(heightと同じにする) */
  background: transparent; /* 背景を透明にする */
  border-radius: 5px; /* 角の丸み */
  overflow: hidden; /* はみ出した部分を非表示(角丸を付ける場合は必須) */
  cursor: pointer; /* カーソルをポインターにする */
  /* 以下ボタンのテキスト装飾(自由にカスタマイズしてください) */
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}

.locationq{
	clear:both;
	width: 96%;
	padding: 0px 0px 0px 0px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;
	margin: 0px auto 0px auto;
	}
.locationq_left{
	width: 80%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 20px 0% 0px 0px;
	font-size:90%;
	line-height: 120%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;
}	

.locationq_right{
	width: 80%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 20px 0px 0px 0%;
	font-size:90%;
	line-height: 120%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;
}	



.cl{
position: absolute;
right: 20px;
bottom: -15px;  font-size: 1rem;
font-weight: 400;}

/* ::before, ::afterで2種類のグラデーションを用意 */
.plannavi::before,
.plannavi::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* グラデーション1 */
.plannavi::before {
  transition: all 0.6s; /* アニメーション実行時間 */
  z-index: -1;
  background: linear-gradient(135deg, #82c1ea 0%, #254d82 100%);
}

/* グラデーション2 */
.plannavi::after {
  z-index: -2;
  background: linear-gradient(135deg, #FBD786 0%, #f7797d 100%);
}

/* ホバー時にグラデーション1を透明にする */
.plannavi:hover::before {
  opacity: 0;
}

.fontplan{font-size:65%;line-height: 140%;color:#fff ;letter-spacing: 0px;font-weight: 700;margin: 20px auto 0px auto;
}


.plannavi2 {
  position: relative; /* static以外を指定 */
  z-index: 0; /* グラデーションよりも上に配置 */
  display: inline-block; /* inline以外にする */
  width: 100%; /* 横幅 */
  height: auto; /* 縦幅 */
  line-height:140%; /* 行の高さ(heightと同じにする) */
  margin: 20px 0 20px 0;
    padding: 23px 10px 30px 10px;
  background: transparent; /* 背景を透明にする */
  border-radius: 5px; /* 角の丸み */
  overflow: hidden; /* はみ出した部分を非表示(角丸を付ける場合は必須) */
  cursor: pointer; /* カーソルをポインターにする */
  /* 以下ボタンのテキスト装飾(自由にカスタマイズしてください) */
  color: #fff;
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
text-decoration: none;outline: none;-webkit-transition: all .3s;transition: all .3s;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;outline: 1px solid #fff; 
outline-offset: -5px;cursor:pointer;background-image: linear-gradient(to bottom, #82c1ea, #254d82);
}

.plannavi2 a{text-decoration: none;color: #fff;}
.plannavi2:hover {color: #fff;background-color: #5077a0; color: #fff}
.plannavi2 ul{text-align: right;}
.plannavi2 li { display:inline-block;}

.plannavi2::before,
.plannavi2::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* グラデーション1 */
.plannavi2::before {
  transition: all 0.6s; /* アニメーション実行時間 */
  z-index: -1;
  background: linear-gradient(135deg, #82c1ea 0%, #254d82 100%);
}

/* グラデーション2 */
.plannavi2::after {
  z-index: -2;
  background: linear-gradient(135deg, #FBD786 0%, #f7797d 100%);
}

/* ホバー時にグラデーション1を透明にする */
.plannavi2:hover::before {
  opacity: 0;
}

.cl2{
position: absolute;
right: 20px;
bottom: 0px;  font-size: 1.0rem;
font-weight: 400;}





.yoyaku{text-align:center;margin: 0px auto 18px auto;background-color:#f75666;padding:5px 0px 5px 0px; width: 100%;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-size: 110%
}
.w48{width: 49%;margin:10px 0.5% 10px 0.5%;}
.w60{width: 60%;margin:10px 0.5% 10px 0.5%;}
.w80{width: 80%;margin:10px 0.5% 10px 0.5%;}
.w90{width: 80%;margin:0px auto 10px auto;text-align:center; padding: 40px 0% 30px 0%;}
.best5{width: 94%;margin: 0px auto 0px auto;text-align:center; padding: 30px 3% 30px 3%;}
.best5_text{text-align:left;padding: 20px 0% 0px 0%;line-height: 170%;font-size: 100%;color:#000;}
.best5_cap{text-align:left;padding: 20px 0% 0px 0%;line-height: 150%;font-size: 70%;}
.best5_text1{color:#d41160;font-weight:700;font-size: 115%;}
.best5_text2{color:#006bd6;font-weight:700;font-size: 115%;}


.price{width: 94%;margin: 0px auto 0px auto;text-align:center; padding: 30px 3% 30px 3%;}
.pricebg{width: 100%;margin: 0px auto 10px auto;text-align:center; padding: 0px 0% 0px 0%;line-height: 150%;font-size: 80%;background-color:#fbe27a;}
.pricefontcap{width: 100%;margin: 0px auto 0px auto;text-align:left; padding: 0px 0% 0px 0%;line-height: 150%;font-size: 80%;}
.pricefont {text-align:center;margin: 15px auto 35px auto;bpadding:0px 0px 0px 0px; 
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-size: 180%; border-bottom:3px solid;width: 70%;padding-bottom:15px;}


.price2{width: 96%;margin: 0px auto 0px auto;text-align:center; padding: 30px 3% 30px 3%;}

.hobby_pink{background: linear-gradient(#fff 50%, #fbe5e4 50%);}
.hobby {font-size:110%;background-color:#fbe5e4;background: linear-gradient(180deg, #fbe5e4 0%, #fbe5e4 50%, #fff 50%, #fff 100%)}
.hobby1 {width:100%;margin: 15px auto 0px auto;text-align:center;padding:20px 0px 20px 0px;font-size:120%;line-height: 190%;}

.hobby2 {width:100%;margin: 15px auto 35px auto;text-align:center;padding:40px 0px 0px 0px;line-height: 150%;background-repeat: repeat-x;background-image: url("../img/hobby/hobbybg1.jpg");}
.hobby3 {width:100%;margin: 15px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;line-height: 150%;}
.hobby_title1 {font-weight:500;width:100%;margin: 35px auto 35px auto;text-align:center;padding:20px 0px 20px 0px;font-size:120%;line-height: 150%;border-top:2px solid #e06b63;border-bottom:2px solid #e06b63;}

.hobby_title2 {font-weight:700;line-height: 150%;font-size:130%;color:#e06b63;}
.hobby_font1 {line-height: 150%;text-align:left;color:#000;}
.hobby4 {width:100%;margin: 15px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;line-height: 150%;}

.hobby4_1{width: 100%;margin: 0px auto 30px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;}
.hobby4_2{width: 100%;margin: 0px auto 30px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;}
.hobby4_3{width: 100%;margin: 0px auto 30px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;}


.hobby5bg {width:100%;margin: 70px auto 35px auto;text-align:center;padding:40px 0px 0px 0px;line-height: 150%;background-repeat: repeat-x;background-image: url("../img/hobby/hobbybg2.jpg");}
.hobby5 {width:100%;margin: 15px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;line-height: 150%;}
.hobby5_title2 {width:100%;margin: 35px auto 35px auto;text-align:center;padding:20px 0px 20px 0px;font-size:130%;line-height: 150%;border-top:2px solid #48a86d;border-bottom:2px solid #48a86d;}

.hobby5_left{width:100%;margin: 0px 0px 40px 0px;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:95%;}
.hobby5_right{width:100%;margin:  0px 0px 40px 0px;;height:auto;text-align:left;padding: 0px 0px 0px 0px; font-size:95%}

.hobby5_title3 {margin: 10px auto 10px auto;padding:0px 0px 0px 0px;font-size:130%;line-height: 150%;color:#48a86d;font-weight:700;}
.hobby6_title6 {margin: 10px auto 10px auto;padding:0px 0px 0px 0px;font-size:130%;line-height: 150%;color:#005ab4;font-weight:700;}
.hobby6_title7 {margin: 10px auto 10px auto;padding:0px 0px 0px 0px;font-size:130%;line-height: 150%;color:#ea5504;font-weight:700;}


.hobby6 {width:100%;margin: 70px auto 0px auto;text-align:center;padding:0px 0px 0px 0px;line-height: 150%;}
.hobby6_1{margin: 0px auto 50px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;}
.hobby6_2{margin: 0px auto 50px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;}
.hobby6_3{margin: 0px auto 50px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;}
.hobby6_4{margin: 0px auto 50px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;}
.hobby6_5{margin: 0px auto 50px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;}
.hobby6_6{margin: 0px auto 50px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;}
.hobby6_7{margin: 0px auto 50px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;}
.hobby6_8{margin: 0px auto 50px auto;text-align: center;padding: 0px 0px 0px 0px;line-height: 150%;}

.hobby7bg {width:100%; margin: 0px auto 35px auto;text-align:center;padding:40px 0px 20px 0px;line-height: 150%;
background-position: bottom;background-image : url("../img/hobby/hobbybg3.jpg");background-repeat  : repeat-x;}


.hobby7 {width:100%; margin: 15px auto 0px auto;text-align:left;padding:0px 0px 20px 0px;line-height: 150%;border:10px solid #8dc21f;height:auto;}

.hobby7_1{width: 100%;margin: 0px auto 0px auto;text-align: left; padding: 10px 0px 20px 0px;line-height: 150%;font-size: 130%;color: #fff;font-weight:700;background-color:#8dc21f;}
.hobby7_2{width: 96%;margin: 0px auto 0px auto;text-align: left;padding: 15px 2% 0px 2%;line-height: 150%;height:auto;font-size: 110%;}


 .hobbycap{width:96%;
	margin: 0px auto 50px auto;
	font-size:10px;
	line-height: 150%;
    text-align: left;
}
    

.yoyakub {width: 96%;
margin: 20px auto 20px auto;line-height: 150%;
}


.yoyaku > a{
    display: block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center; 
    text-decoration: none; 
    font-weight: bold; 
    color: #fff; 
}

/* 比較*/
.hikaku3_bg{width:100%;clear:both ;margin: 0px auto 40px auto;height:auto;text-align:center;padding: 0px 0px 0px 0px; background-color:#ffd800}
.hikaku3_bg2{width:100%;clear:both ;margin: 0px auto 10px auto;height:auto;text-align:center;padding: 0px 0% 0px 0%; ; background: linear-gradient(white 50%, #ffd800 50%);}
.hikaku3_left{float:left;width:30%;margin: 0px auto ;height:auto;text-align:left;padding: 0px 0px 20px 0px; background-color:#ffd800}
.hikaku3_right{float:right;;width:68%;margin: 0px auto ;height:auto;text-align:left;padding: 20px 2% 20px 0%; background-color:#ffd800;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;color:#000;letter-spacing: 0px;font-weight:700;line-height: 170%;font-size:95%;}

.hikaku3 {
  width:98%;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  height:auto;
  font-size:17px;
  line-height: 170%;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;color:#000;
}


.hikaku3-2 {
  clear:both;
  width:98%;
  margin: 20px auto 0px auto;
  padding: 0px 0px 20px 0px;
  height:auto;
  font-size:17px;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;color:#000;
  
}

.line1 {font-weight:700;font-size:110%;
  background:url("../img/hikaku3/red.png") bottom repeat-x; 
  background-size: 20px;
}

.line2 {font-weight:700;font-size:110%;
  background:url("../img/hikaku3/blue.png") bottom repeat-x; 
  background-size: 20px;
}


.hikaku3-2_left {float: left;width:49%;text-align:left;margin: 0px 0px 10px auto; padding: 0px 0px 10px 0px;line-height: 150%;font-weight:500;font-size:90%;}
.hikaku3-2_right {float: right;width:49%;text-align:left;margin: 0px 0px 10px auto; padding: 0px 0px 10px 0px;line-height: 150%;font-weight:500;font-size:90%;}


.hikaku3cap {width:96%;margin: 0px auto 70px auto;padding: 0px 0px 0px 0px;height:auto;font-size:11px;line-height: 170%;text-align:left;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;color:#000;}




.vera7{width:98%;margin: 10px auto 0px auto;clear:both;text-align:left;font-size:70%;line-height: 140%;}
.vera1{width:98%;margin: 70px auto 0px auto;padding: 0px 1% 15px 1%;}
.vera2{width:100%;margin: 10px auto 0px auto;padding: 0px 0% 0px 0%;background-color:#00101d}
.vera3{width:100%;margin: 10px auto 0px auto;padding: 0px 0% 20px 0%;background-color:#ebf5ec}


.balcony{width:96%;font-size:100%;padding: 0px 2% 20px 2%;margin: 0px auto 0px auto;}
.balcony_left{width:100%;text-align:center;font-size:100%;padding: 0px 0px 20px 0px;}
.balcony_right{width:100%;text-align:center;font-size:100%;padding: 0px 10px 20px 0px;}
.balcony_right2{width:100%;text-align:center;font-size:100%;padding: 0px 10px 20px 0px;}
.balcony2{width:96%;padding: 20px 2% 20px 2%;margin: 20px auto 0px auto;background-color:#00101d;}
.balcony3{width:96%;padding: 20px 2% 20px 2%;margin: 0px auto 0px auto;background-color:#ebf5ec;}
.balcony4{width:96%;font-size:100%;padding: 0px 2% 20px 2%;margin: 0px auto 0px auto;text-align:left;}
.balcony5{width:96%;font-size:100%;padding: 0px 2% 20px 2%;margin: 0px auto 20px auto;}
.balconyfont{width:96%; padding: 0px 0px 20px 0px;margin: 0px auto 0px auto; color:#000;font-size:120%;font-weight:700;line-height: 140%;letter-spacing: 5px;}
.balconyfont_g{color:#009944;}
.balconyfont_b{color:#004ea2;}
.balconyfont_bb{color:#000;font-size:110%;font-weight:700;line-height: 120%;}
.balconyfont_bbb{color:#000000;font-size:110%;font-weight:500;line-height: 120%;}
.balconyfont_y{color:#ffff82;font-size:110%;font-weight:700;line-height: 120%;}
.balconyfont_w{color:#fff;font-size:110%;font-weight:500;line-height: 120%;}


.w25{width:30%;height:auto;margin: 40px auto 20px auto;}

.pointtite{font-size:120%;font-weight:700;}
.pink{color:#e85382;font-size:120%;font-weight:700;}

.pink2{
  background: linear-gradient(#ffffff 50%, #f7b7ce 50%);
  font-size:110%;font-weight:900;
}
.loca3 {width:96%;height:auto;margin: 50px auto 0px auto;text-align:left;font-size:100%;padding: 0px 2% 20px 2%;line-height: 160%;}

 .loca3_font {margin: 0px auto 20px auto;text-align:left;color:#A50036;font-size:135%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;font-weight: 700;line-height: 160%;}

.red{color:#CA0915;font-weight: 700;}


.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

a:active,a:hover {outline: 0; }
.pet_left{float:left;width:49%;text-align:left;font-size:80%;padding: 0px 0px 20px 0px;line-height: 100%;}
.pet_right{float:right;width:49%;text-align:left;font-size:80%;padding: 0px 10px 20px 0px;line-height: 100%;}

.ldk {
  width:96%;
  height:auto;
  margin: 0px auto 0px auto;
  padding: 0px 2% 30px 2%;
  font-size:22px;
  line-height: 150%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
  background-color:#EBF5F6;
   text-align:center
}

.ldk_text {
  width:100%;
  height:auto;
  margin: 0px auto 0px auto;
  padding: 10px 0px 10px 0px;
  font-size:14px;
  line-height: 140%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
  text-align:left
  
}


.ldk_text2 {
  width:100%;
  height:auto;
  margin: 0px auto 0px auto;
  padding: 10px 0px 10px 0px;
  font-size:10px;
  line-height: 130%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
  text-align:left
  
}



.red{color:#ff0000}

h1 {
  font-size: 2em;
  margin: 0 0; }

h2 {
  font-size: 1.5em;
  margin: 0; }

h3{margin: 20px auto 0px auto;padding: 0px 0px 0px 0px;font-weight:inherit;font-style:inherit;font-size:100%;}
h4{margin: 0 auto;}

b,strong {
  font-weight: bold; }

hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; }


mark {background: #ff0;color: #000; }

p,pre {margin: 1em 0; }

small {
  font-size: 80%; }

dl,menu,ol,ul {margin: 1em 0; }

dd {margin: 0 0 0 40px; }

menu,ol,ul {padding: 0 0 0 0px; }

nav ul,nav ol {list-style: none;list-style-image: none; }

img {border: 0;-ms-interpolation-mode: bicubic;}


input[type="checkbox"],input[type="radio"] { box-sizing: border-box;padding: 0;*height: 13px;*width: 13px;}

/* 文字間*/
.moji {letter-spacing:-0.2em;}

.table {
width:100%;
margin:0px auto;
padding:0px;
border-collapse:separate;
border-spacing:1px;
text-align: left;
}

.table th {
padding:10px 2px 10px 10px;
text-align:left;
vertical-align:top;
font-size:14px;
color:#fff;
background-color:#0E6EB8;
}

.table td {
padding:5px 2px 5px 10px;
font-size:12px;
color:#333
}



.table2 {
width:96%;margin:0px auto;padding:15px 1% 15px 1%;
border-collapse:separate;
border-spacing:1px;
font-size:12px;
text-align: left;
}
.table2 th {
width:30%;padding:5px 0px 3px 3px;
text-align:left;vertical-align:top;color:#fff;
background-color:#0E6EB8 ;
border:1px solid #BBBBBB;
}
.table2 td {
padding:3px 0px 3px 5px;
border:1px solid #999999;
background-color:#FFF;
}

.header {padding: 0 0 0 0; z-index:1;display: block;width: 100%;height: 55px; position: fixed;top: 0px;left:0;
text-align:center;
background-color:#fff;box-shadow: 0px 2px 2px #999;
}


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }



body {
	height: 100%;
    font-size: 100%; 
	background: #fff;
	color: #666;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	position: relative;
	cursor: default;
	
}

a:hover {cursor: pointer; }

img {max-width: 100%;height: auto; }


.left {float: left !important; }

.right {float: right !important; }

.clearfix:before, .clearfix:after { content: " ";display: table; }

.clearfix:after {clear: both; }

.hide {display: none; }

img {display: inline-block;vertical-align: middle; }


.visuallyhidden, input[type=radio] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.slider{margin:0 auto 0 auto; padding:0;text-align:left;}

.anime1{width: 100%; margin:0 auto 0 auto; display: block; -webkit-animation: inout 8s; animation: inout 8s;}

@-webkit-keyframes inout {0%{-webkit-transform: scale(1.1); }100% { -webkit-transform: scale(1); }}

@keyframes inout { 0%{ transform: scale(1.1); }100% { transform: scale(1); }}


#concept{margin: 0px auto 0px auto;width:100%;text-align:center;padding:30px 0px 30px 0px;
background-color:#142b67;
background-image:url(../img/concept/bg.jpg);background-repeat: no-repeat;
	background-position: top center;}

.font23{font-size:110%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;color:#fff ;letter-spacing: 0px;font-weight: 500;
text-align:center;
width:90%;margin: 20px auto 0px auto;}

.font55{font-size:140%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;color:#CCAD5C ;letter-spacing: 0px;font-weight: 500;
}
.font555{font-size:230%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;color:#CCAD5C ;letter-spacing: 0px;font-weight: 500;margin: 50px auto 0px auto;
}
.font7{font-size:100%; font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height: 120%;color:#ff4800 ;letter-spacing: 0px;font-weight: 700;margin: 20px auto 0px auto;
}

/* オンライン*/
.online{width:100%;text-align:center;}



.gw{
	clear:both;
	height: auto;
	margin: 0px auto 20px auto;
	padding: 20px 0px 30px 0px;
	text-align:center;
 }

.yell2{
  background: linear-gradient(#ffffff 50%, #FFF352 50%);
}

.oreng{color:#ea7700;font-weight:700}

.workation {
  width:96%;
  margin: 0px auto 0px auto;
  padding: 20px 2% 0px 2%;
  text-align:center;
  height:auto;
  line-height: 180%;
}

.workation_left {
  width:96%;
  margin: 0px auto 0px auto;
  padding: 0px 2% 0px 2%;
  text-align:left;
  height:auto;
  line-height: 180%;
}

.workation_right {
  width:96%;
  margin: 0px auto 0px auto;
  padding: 0px 2% 0px 2%;
  text-align:left;
  height:auto;
}


.workation_font1 {
  font-size:160%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;font-weight: 700;
  line-height: 130%;
  color:#0075C2
}

.workation_font2 {
  font-size:130%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;font-weight: 700;
  line-height: 170%;
  color:#0075C2
}

.workation_font3 {
  font-size:130%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;font-weight: 700;
  line-height: 170%;
  color:#0075C2;
  text-align:center;
}

.workation_font4 {
 font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;letter-spacing: 0px;font-weight: 700;
  line-height: 170%;
  text-align:center;
}

.workation_font5{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;color:#000;letter-spacing: 0px;font-weight: 700;
  line-height: 170%;
  text-align:center;
}

.workation_font6{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;color:#948049;letter-spacing: -1px;font-weight:900;
  line-height: 200%;
   font-size:130%;text-align:center;
}
.workation_font7{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;color:#000;letter-spacing: -1px;font-weight:900;
  line-height: 80%;
 
}

.workation2 {
  width:96%;
  margin: 30px auto 30px auto;
  background-color:#DFF2FC;
  padding: 30px 2% 30px 2%;
  text-align:left;
  height:auto;
  line-height: 180%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;color:#000;letter-spacing: 0px;font-weight: 700;
}


.workation3 {
  clear:both;
  width:96%;
  margin: 0px auto 0px auto;
  padding: 10px 2% 30px 2%;
  text-align:center;
  height:auto;
}


.workation3_left {
  width:96%;
  margin: 0px auto 0px auto;
  padding: 0px 2% 40px 2%;

}

.workation3_right {
  width:96%;
  margin: 0px auto 0px auto;
  padding: 0px 2% 40px 2%;

}


.workation_blue {color:#0075C2;}


/* telwork*/

.telwork{
  width:100%;
  margin: 60px auto 0px auto;
  padding: 0px 0% 0px 0%;
  text-align:left;
  height:auto;
  font-size:16px;
  line-height: 150%;
}

.telwork2{
  width:96%;
  margin: 0px auto 50px auto;
  padding: 0px 2% 0px 2%;
  text-align:left;
  height:auto;
  font-size:16px;
  line-height: 150%;
}

/* ネットスーパー*/

.aeon{
  width:96%;
  margin: 60px auto 0px auto;
  padding: 0px 2% 0px 2%;
  text-align:center;
  height:auto;
  font-size:16px;
  line-height: 150%;
}


/* ペット*/

.font22{font-size:170%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 140%;color:#002063;letter-spacing: 0px;font-weight: 700;
text-align:center}

.pet_content{clear:both ;width:96%;margin: 0px auto ;height:auto;text-align:center;padding: 0px 2% 0px 2%; background-image:url(../img/pet/bg.gif)}

.pettitle {
  clear:both;
  width:100%;
  margin: 0px auto 20px auto;
  padding: 10px 0px 10px 0px;
  height:auto;
  font-size:17px;
  background-color:#f5f3f2;
  text-align:center
}


.pet {
  width:100%;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  height:auto;
  font-size:17px;
  line-height: 170%;
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
}


.pet2 {
  clear:both;
  width:100%;
  margin: 0px auto 0px auto;
  padding: 0px 0px 20px 0px;
  height:auto;
  font-size:17px;
  
}

.pet2_left {float: left; width: 100%;text-align:left;margin: 0px 0px 10px auto; padding: 0px 0px 10px 0px;line-height: 150%;}
.pet2_right {float: right; width: 100%;text-align:left;margin: 0px 0px 10px auto; padding: 0px 0px 10px 0px;line-height: 150%;}


.pet3 {
  clear:both;
  width:100%;
  margin: 0px auto 30px auto;
  padding: 10px 10px 10px 10px;
  height:auto;
  font-size:17px;
  line-height: 170%;
  background-color:#FFFFFF;
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  
}

.pet3_left {float: left;width:96%;text-align:left;margin: 10px 0px 10px auto; padding: 0px 2% 10px 2%;}
.pet3_right {float: right;width: 100%;text-align:left;margin: 20px 0px 10px auto; padding: 0px 0px 10px 0px;}


.pet3_left dl {
	margin: 30px 0px 0px 0px;
	padding: 20px 20px 10px 0px;
	text-align:left;
	color:#000;
	border-top: 1px solid #666;
	
}
.pet3_left dl dt {
	float: left;
	width: 100%;
	padding: 6px 0px ;
	font-weight: bold;
	line-height: 100%;
	color:#3d62ad;
}
.pet3_left dl dd {
	width: 100%;
	padding: 6px 0px 0px 0px;
	text-align:left;
	color:#000;line-height: 170%;
}

.pet4{
  clear:both;
  width:100%;
  margin: 0px auto 0px auto;
  padding: 0px 0px 30px 0px;
  text-align:left;
  font-size:100%
}

.pet4red{
	color:#ba0045;font-weight:700}






.sumikae {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 0px 0% 50px 0%;
  height:auto;
   font-size:18px;
  line-height: 160%;
  text-align:center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
}

#point{
    width: 96%;
	height: auto;
	margin: 5px auto 0px auto;
	text-align:left;
	padding: 20px 2% 5px 2%;
	font-size:18px;
	font-weight:700;
}
.point1-1{
	width: 96%;
	height: auto;
	margin: 10px auto 0px 0px;
	padding: 20px 2% 5px 2%;

 }

.point {
  width: 96%;
  margin: 0px auto 0px auto;
  padding: 0px 2% 50px 2%;
  height:auto;
   font-size:18px;
  line-height: 160%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;
}

.point1 {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 0px 0% 50px 0%;
  height:auto;
  font-size:16px;
  line-height: 160%;font-weight:700;
  text-align:left
}
.point2 {
  width: 96%;
  margin: 0px auto 0px auto;
  padding: 0px 2% 50px 2%;
  height:auto;
  font-size:18px;
  line-height: 160%;font-weight:700;
}

.point3 {
  width: 96%;
  margin: 0px auto 0px auto;
  padding: 0px 2% 10px 2%;
  height:auto;
  font-size:18px;
  line-height: 160%;font-weight:700;
  text-align:left
}

.point_left3 {float: left;width: 100%;text-align:center; margin: 10px 15px 0px auto; padding: 0px 0px 10px 0px;line-height: 150%;}
.point_right3 {float: right;width: 100%;text-align:center; margin: 10px 0px 0px auto; padding: 0px 0px 0px 0px;line-height: 150%;}

.yell{
  background: linear-gradient(#ffffff 50%, #FFF352 50%);
  font-size:110%;font-weight:900;
}

.title2{
	clear: both;
	width:90%;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 20px 0px 10px 0px;font-size:90%;
}

.switch {
  width:100%;
  text-align:center;
  background-image:url(../img/switch/bg1.gif);
  background-repeat: repeat-x;
  margin: 0px auto 0px auto;
  padding: 40px 7% 0px 7%;
  height:auto;
  font-size:16px;
  line-height: 170%;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#000000;

}

.switch1 {
  width:100%;
  text-align:center;
  margin: 50px auto 0px auto;
  padding: 0px 7% 50px 7%;
  background-image:url(../img/switch/bg2.gif);
  background-repeat: repeat-x;
  background-color:#E5E0E4;
  height:auto;
  font-size:16px;
  line-height: 170%;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}

.switch2 {
  width:100%;
  text-align:center;
  margin: 50px auto 0px auto;
  padding: 0px 2% 70px 2%;
  height:auto;
  font-size:16px;
  line-height: 170%;
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}

.switchfont1 {
font-size:18px;line-height: 160%;letter-spacing: 0px;font-weight:900;color:#000000;
}

.switchtext { margin: 0px auto 0px auto;width:100%;
font-size:16px;line-height: 150%;letter-spacing: 0px;font-weight:400;text-align:left;color:#000000;
}





.report { width:100%;text-align:left; font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;line-height: 150%;font-size:115%}
.report2 { width:96%;text-align:left; font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;line-height: 150%;font-size:115%}
.text{ width:96%;margin: 10px auto 10px auto;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;}

/*キャプション*/

#cap{
	clear: both;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 5px 0px 5px;
	font-size:11px;
	line-height: 120%;
}	

.blue{color:#0E6EB8;font-weight:700;}

.blue2{
	clear: both;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:12px;
	line-height: 120%;
	color:#0E6EB8
}	

.qcap{
	clear: both;
	width:90%;
	margin: 0px auto 0px auto;
	text-align:left ;
	padding: 0px 0px 20px 0px;
	font-size:11px;
	line-height: 100% !important;
}	


.cap{
	clear: both;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:left ;
	padding: 20px 0px 20px 0px;
	font-size:11px;
	line-height: 150% !important;
}	
.cap2{
	width:100%;
	margin: 0px auto 0px auto;
	font-size:11px;
	line-height: 120% !important;
}


.cap4{
	clear: both;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:left ;
	padding: 0px 0px 20px 0px;
	font-size:11px;
	line-height: 130% !important;
}	

.outcap{
	clear: both;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:left ;
	padding: 20px 0% 20px 0%;
	font-size:70% !important;
	line-height: 150% !important;
}	


/*ロケーション・設備仕様*/

.location{
	clear:both;
	width: 100%;
	padding: 0px 0px 20px 0px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;
	
	}
.location_left{
	float:left;
	width: 49%;
	height: auto;
	margin: 10px 1% 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	line-height: 120%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;
}	

.location_right{
	float:right;
	width: 45%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;
}	


.location1_left{
	float:left;
	width: 50%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;
}	

.location2_left{
	float:left;
	width: 50%;
	height: auto;
	margin: 0px 10px 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;
}	


.location1_right{
	float:right;
	width: 50%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;
}	


.location3_left{
	float:left;
	width: 50%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;
}	

.location3_right{
	float:right;
	width: 50%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:right;
	padding: 0px 10px 0px 0px;
	font-size:90%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;letter-spacing: 0px;
}	


.circle1 {
color: #fff;
background-color:#E60012;
padding: 0;
margin: 0;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
border-radius: 50%;
}

.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:25px; }
.t45 { margin-top:45px; }


.anjindai1{
	clear:both;
    width: 95%;
	height: auto;
	margin: 10px auto 0px auto;
	padding: 10px 0px 10px 0px;
	text-align:left;
	line-height: 150%;
 }
 

.anjindai2{
	clear:both;
    width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 20px 0px 10px 0px;
	text-align:center;
	background-image:url(../img/top/topbg.jpg);
	
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 150%;
	
	 }
 
.anjindai3{
	clear:both;
    width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 20px 0px 10px 0px;
	text-align:center;
background-image:url(../img/top/topbg2.jpg);
line-height: 150%;
 }
 
.anjindai4{
	clear:both;
    width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 20px 0px 10px 0px;
	text-align:center;

	background-image:url(../img/top/topbg.jpg);
	
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 150%;
 }


.anjindai5{margin: 10px auto 10px auto; width:100%; text-align:center; padding: 5px 0px 5px 0px; }

.anjindai5:after {content: "";clear: both;display: block;}
.anjindai5 a {display: block;text-decoration: none;color: #CCAD5C;}
.anjindai5 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.anjindai5 li {float: left;text-align: center;list-style: none;width: 100%;line-height: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:110%;  margin: 0px 0px 0px 0px;padding: 10px 0px 10px 0px}



/* ホーバー*/

.hvr-fade2 {
  display: inline-block;
   height: 38px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  background: #101E3B;
}

.hvr-fade2:hover, .hvr-fade:focus, .hvr-fade:active {
color: #CCAD5C;
background: #0C6293;}


/*全体*/

/**************
## Container ##
**************/
.pure-container {
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch;
    }

/*右側本文*/
/*********************
## Pusher Container ##
*********************/
.pure-pusher-container {
	position: relative;
	height: 100%;
	padding: 60px 0 0 0;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	background-image: url(%E5%A4%A9%E7%A9%BA%E5%BA%AD%E5%9C%92);
  
  }

.topbanner {
text-align:center;
padding: 15px 0 0px 0;
}


#animation {
margin: 50px 0;
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.font2{font-size:110%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 160%;color:#0E6EB8;letter-spacing: 0px;font-weight: 500;}

.font{font-size:100%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 125%;color:#000;letter-spacing: 0px;}

.renova_title{
	width: 98%;
	height: auto;
	margin: 0px auto 0px auto;
	text-align:left;
	padding: 10px 0px 10px 2%;
	background-color:#0E6EB8;
	color:#fff;
}	
.renova{font-size:100%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;color:#000;letter-spacing: 0px;
	
}	

.renova1_right{font-size:100%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;color:#000;letter-spacing: 0px;
	
}	
.renova2_left{font-size:100%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝","ＭＳ 明朝", serif;line-height: 130%;color:#000;letter-spacing: 0px;
	
}	
/*右側本文*/


/***********
## Pusher ##
***********/
.pure-pusher {
  position: relative;
  height: 100%;
  overflow-y: auto;
  left: 0;
  background-color: #fff;
  transition-property: transform;
  transition-duration: 500ms;
  transition-timing-function: ease-out; }

.content {width: 96%; margin: 20px auto 20px auto;	line-height: 150%;text-align:left;}

#box{
	color:#000;
	width:auto;
	height:auto;
	overflow:auto;
	font-size:16px;
	text-align:left;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 0px;
	
}

#box dl {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#000;
	
}
#box dl dt {
	float: left;
	width: 100%;
	padding: 6px 0px ;
	font-weight: bold;
	line-height: 100%;
	color:#000;
}
#box dl dd {
	padding: 0px 0px 0px 0px;
	line-height: 150%;
	text-align:left;
	color:#000;
}
ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}
dt{list-style: none;margin: 0;padding: 0;}
dd{list-style: none;margin: 0;padding: 0;}

.footer {
  background-color: rgba(55, 76, 93, 0.85);
  color: #fff;
  text-align: center;
  padding: 20px 10px 10px 10px;
  font-size: 1.25rem; }
  .footer a {
    color: #1fc08e; }

.content5{margin: 10px auto 0px auto; width:100%; text-align:center; padding: 15px 0px 15px 0px; }
.content5:after {content: "";clear: both;display: block;}
.content5 a {display: block;text-decoration: none;color: #fff;}
.content5 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.content5 li {float: left;text-align: center;list-style: none;width: 100%;line-height: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:110%;  margin: 0px 0px 0px 0px;}



.content4{margin: 0px auto 30px auto;width:100%;text-align:center;padding:0px 0px 20px 0px; }
.content4:after {content: "";clear: both;display: block;}
.content4 a {display: block;text-decoration: none;color: #fff;}
.content4 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.content4 li {text-align: center;list-style: none;width: 100%;line-height: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:110%;  margin: 0px auto 0px auto }



.content3{margin: 0px auto 10px auto;width:100%;;text-align:center;padding:10px 0px 20px 0px; }
.content3:after {content: "";clear: both;display: block;}
.content3 a {display: block;text-decoration: none;color: #fff;}
.content3 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.content3 li {text-align: center;list-style: none;width: 97%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:110%;  margin: 10px auto 0px auto }

/* ------------------------------
 フッターナビ
------------------------------ */

.submenu {margin: 0 0 10px;padding: 0;border-top: 1px solid #aaa;font-size: 13px;list-style-type: none;}
.submenu:after {content: "";clear: both;display: block;}
.submenu li {float: left;width: 50%;background: #BCE8E6;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: #000;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.submenu li:nth-child(odd) {border-right: 1px solid #aaa;}
.submenu li:nth-child(1) {border-top: 1px solid #aaa;}
.submenu li:nth-child(2) {border-top: 1px solid #aaa;}
.submenu a {display: block;color: #000;text-decoration: none;background: #e6e6e6;}
.submenu a:hover {color: #000;background:#BCE8E6;}


#footer {width:90%; margin: 0px auto;margin-bottom:120px}
.footer2{ display:flex;flex-direction: column;}
.footer2 p{ padding: 0px 0px 5px 0px;margin: 0px ;}
.footer2 .p1 { order: 3; } 

#copy{margin: 0 auto;font-size:70%;padding: 5px 0px 5px 0px;color:#E4E4E4;text-align:center;border-top: 1px solid #aaa;}

.cen img {display:block;margin: 0 auto;text-align: center;}
.cen{display: block;margin-left: auto;margin-right: auto;text-align: center;}



.banner {margin: 0px auto 10px auto;width:100%;padding: 0px 0px 0px 0px;text-align:center;}


.list-opa{
	opacity: 0;
}

.opa{
	opacity: 1.0;
}

.list{
	width:100%;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	overflow: hidden;
}

.list li{
	width:100%;
	margin: 0px 0px 0px 0px;
	float: left;
	transition: .8s;
}



.hvr-shutter11 {
  display: inline-block;
  width:100%;
  height: 50px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #25AAB9;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter11:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
    background: #D8427E;
  -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.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter11:hover, .hvr-shutter11:focus, .hvr-shutter11:active {
  color: white;
}
.hvr-shutter11:hover:before, .hvr-shutter11:focus:before, .hvr-shutter11:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}


.hvr-shutter0 {
  display: inline-block;
  width:100%;
  height: 50px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
   background: #D8427E;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter0:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
   
	background: #25AAB9;
  -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.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter0:hover, .hvr-shutter0:focus, .hvr-shutter0:active {
  color: white;
}
.hvr-shutter0:hover:before, .hvr-shutter0:focus:before, .hvr-shutter0:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}



.hvr-shutter3 {
  display: inline-block;
  width:100%;
  height: 50px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
   background: #D8427E;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0E6EB8;
  -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.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter3:hover, .hvr-shutter0:focus, .hvr-shutter0:active {
  color: white;
}
.hvr-shutter3:hover:before, .hvr-shutter0:focus:before, .hvr-shutter0:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}



.line{margin: 10px auto ;height:auto;text-align:center;padding: 2px 0px 2px 0px;
background-color:#000000
}


/* ------------------------------
 floatBanner 
------------------------------ */


#floatBanner {
	z-index:100;
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: auto;
	
}

#floatBody {
	z-index:100;
	display: block;
	width: 100%;
	height: auto;
	position:absolute;
	cursor: move;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../images/common/bannerbg.jpg);
	bottom: 0px;
}

#close {
	padding-top: 0px;
	padding-left: 0px;
}

/*ギャラリーサムネイル*/

a img.opacity,.hoverimg a img{-webkit-transition: all .3s;transition: all .3s;}
.hoverimg a:hover img{ opacity:0.7;}
a img.opacity:hover{opacity:0.3;}

.bx-pager a img {  opacity: 0.5;  filter: alpha(opacity=50); }  
.bx-pager a img {  width: 100%;}  
.bx-pager a.active img { opacity: 1;  filter: alpha(opacity=80);  }  

.bx-pager  {width:100%;position: relative;top:5px;left:0px;z-index:100;}  
.bx-pager a {width:33.3%;display: inline-block;top:5px;left:0px;margin: 0px;padding: 0px; }

.bx-pager a img.opacity:hover{opacity:0;}
.bx-pager a img {  opacity: 0.4;  filter: alpha(opacity=50);  }  
.bx-pager a.active img { opacity: 1;  filter: alpha(opacity=80);  }  

#cap3{
width: 96%;
	margin: 20px auto 10px auto;
	font-size:11px;
	line-height: 150%;
	color:#ccc;
	text-align: left;
}

/* scroll */
#page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99}
#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;}