@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;}

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

a:active,a:hover {outline: 0; }

.topcam2{text-align:center;margin: 0px 0px 30px 0px;background-color:#f5d54f;padding:0px 0px 30px 0px;}

.topcam2cap{width: 90%;text-align:left;margin: 0px auto 0px auto;padding:1px 5% 1px 5%;background-color:#f5d54f;padding:0px 0px 30px 0px;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;font-size:95%;color: #000}

.video1{
margin:0 auto 20px auto; padding:0;width:100%;
}
.yoyaku{text-align:center;margin: 0px auto 18px auto;background-color:#f75666;padding:10px 0px 5px 0px; width: 100%;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-size: 130%;font-weight: 700;line-height: 150%; color: #fff; 
}

.yoyaku a:link, a:visited, a:hover, a:active {
  color:#fff;
}

.pict { width:100%;
  margin: 0px 0% 0px 0%;
  padding: 0px 5% 0px 5%;
  height:auto;
 display: flex;flex-wrap: wrap;
}

.pict li{
width: 50%;  padding: 1% 1% 1% 1%;
}　

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

.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
}

.topmain {width: 92%;margin:0px auto 0 auto;}


/* ------------------------------
 コロナ対策
------------------------------ */

.taisaku {width:100%;margin: 20px auto 0px auto;padding: 0px 0px 0px 0px;font-weight: 700;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', sans-serif;letter-spacing: 1px;font-size:14px;text-align:center}
.taisaku:after {content: "";clear: both;display: block;}
.taisaku a {display: block;text-decoration: none;background-color: #ffebd0 ;color: #ef6413;padding: 15px 0px 15px 0px;}

.taisaku-fade {
  display: inline-block;
  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.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  background-color: #ef6413;
  color: #ffebd0;
  padding: 10px 0px 10px 0px;

}

.taisaku-fade:hover, .taisaku-fade:focus
.taisaku-fade:active {
  background-color: #ef6413;
  color: #ffebd0;
}

.taisaku-fade:active {
  background-color:#ffebd0 ;
  color: #ef6413;
}



.taisaku2 {width:100%;margin: 0px auto 20px auto;padding: 0px 0px 0px 0px;font-weight: 700;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', sans-serif;letter-spacing: 1px;font-size:16px;text-align:center}
.taisaku2:after {content: "";clear: both;display: block;}
.taisaku2 a {display: block;text-decoration: none;background-color: #fff ;color: #ef6413;padding: 15px 0px 15px 0px;border: 2px solid #ffebd0 }

.taisaku-fade2 {
  display: inline-block;
  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.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  background-color: #ef6413;
  color: #ffebd0;
  padding: 10px 0px 10px 0px;

}

.taisaku-fade2:hover, .taisaku-fade:focus
.taisaku-fade2:active {
  background-color: #ef6413;
  color: #ffebd0;
}

.taisaku-fade2:active {
  background-color:#ffebd0 ;
  color: #ef6413;
}






.table2 {
width:100%;margin:0px auto;padding:15px 0 15px 0;
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: sticky;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; }

.img30 {width: 30%;float: right;margin:8px 1% 0 auto;}

.img60 {width: 60%;margin:10px auto 10px auto !important;}

.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); }}


.topbanner33{
	color:#000;
	width:100%;
	height:auto;

}



/*キャプション*/

#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;line-height: 140% }

.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
}	
.cap{
	clear: both;
	width:96%;
	margin: 0px auto 0px auto;
	text-align:left ;
	padding: 20px 0px 20px 0px;
	font-size:11px;
	line-height: 120% !important;
}	
.cap2{
	width:100%;
	margin: 0px auto 0px auto;
	font-size:11px;
	line-height: 120% !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; }



/*全体*/

/**************
## 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: 100%;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;list-style: none;width: 100%;text-align: center;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: #000;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: #c9a138;}
.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: #c9a138;background: #000;}


#footer {width:90%; margin: 0px auto;margin-bottom:50px}
.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;}



.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: 0px auto ;height:auto;text-align:center;padding: 10px 0px 10px 0px;
background-image:url(../img/common/line.gif) }


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


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

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

#floatBody img {
  /* max-width: 100%; */
  width: 25%;
}

#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);  }  

.l5 { margin:0px 0px 0px 2% ;}

/* 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;}