@charset "UTF-8";

/*
----------------------------------------------------------------------------------------------*/


/*PC設定*/

/*
----------------------------------------------------------------------------------------------*/




* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 87%;
	line-height: 1.5em;
	color: #000;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
body {
	width: 100%;
	/*background-color: #142500;*/
	background-color: #0B1E00;
}
h1, h2, h3, h4, h5, p {
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
img {
	margin: 0px !important;
	padding: 0px !important;
	line-height: 0;
}
a {
	color: #06C;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	opacity: 0.7;
}
.sp {
	display: none;
}


#wrapper {
	position: relative;
	width: 100%
}
/* ヘッダーBOX設定 */


body {
	/*background-image: url(../../img/top/bg01.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	background-size:100% auto;*/
}
#container {
	/*height: auto;*/
	width: 100%;
	text-align: center;
	height: 100%;
}

.header_box_sp_top{display: none;}


#header_box_sp {
	display: none;
}


#header_box {
	height: 100px;
	width: 100%;
	text-align: center;
	position: relative;
	background-color: #000;
	/*background-image: url(../../img/common/lap_bg50.png);*/
	z-index:100000;
	-moz-box-shadow: 0px 0px 4px #CCC;
-webkit-box-shadow: 0px 0px 4px #CCC;
box-shadow: 0px 0px 4px #CCC;
}
#header_box h1 {
	width:66px;
	display:block;
	position:absolute;
	left:15px;
	top:0;
	z-index:100000;
}

#header_box h1 img{ width:100px;}

.head_centerBox{
	padding-top:35px;

}

/*.head_pBox{
width:74%;
text-align:center;
padding-top:20px;
margin-left:auto;
margin-right:auto;
padding-bottom:5px;
}

.head_pBox p{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:100%;
margin-bottom:20px;
text-indent:-3em}*/

#header_box ul {	
}
#header_box ul li {
	margin-right: 20px;
	width:auto;
	height:32px;
	display: inline-block;
	}
#header_box ul .w138 {
	width:138px;
	}
#header_box ul .w138 img{width: 100%;}

#header_box ul li.lastli {
	margin-right: 0;
}
#header_box ul li a {
	color: #ccc;
	width:100%;
	display: block;
}

#header_box ul li img{width: 100%;}


.head_rightBox{
	width:135px;
	display:block;
	position: absolute;
top:-5px;
right:15px;
}

.head_rightBox p{ font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:100%;
color:#fff;
padding-top:30px;
}

/*プルダウン設定*/

#header_box ul li ul { display: none; }
#header_box li:hover ul { display: block;
z-index: 1000001;
}

#header_box ul li ul{
	width: 183px;
	/*background-image: url(../../img/common/bg/navi_bg.png);*/
	background-repeat: repeat;
	position: absolute;
	top:70px;
	left:0;
}


#header_box ul li ul li {display: block;
margin-bottom:0;
/*background-image: url(../../img/common/bg/navi_bg.png);*/
/*background-repeat: repeat;*/
text-align:left;
border-bottom:#fff dotted 1px;
border-left:#fff dotted 1px;
border-right:#fff dotted 1px;
font-size:90%;
margin-left:0%;
padding:0em;
height:40px;
text-indent:0 !important;
background-color: #999;
width:163px;
}

#header_box ul li ul li:first-child{border-top:#fff dotted 1px;}


#header_box ul li ul li a{
	color: #fff;
	display: block;
	width: 143px;
	height: 20px;
	font-size: 100%;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#header_box ul li ul li a:hover{ background-color:#000;

}

/* 日替わりプラン
------------------------------------------*/
.higawariBox{ width:400px;
margin-left:auto;
margin-right:auto;}

.higawariBox img{ width:100%;}


/* r-nav
------------------------------------------*/

#nav {
	display: none;
}

/*カミングスーンメイン
-------------------------------------------------*/

/*.mainimageBox{
padding-top:100px;
width:956px;
margin-left:auto;
margin-right:auto;}*/



/*スライダー	*/

.slideBox {
	width:100%;
  height: 900px;
  /*overflow: hidden;*/
  position: relative;
  margin-bottom:50px;
}

/* imgのみ */
.item1 {
  opacity: 0;
  width: 100%;
  height: 900px;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: anime 20s 0s infinite;
  animation: anime 20s 0s infinite;
}

.item1:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.item1:nth-of-type(3) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}

.item1:nth-of-type(4) {
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
}

/* ふわっとアニメーション */
@keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}
/*動画 ====================================*/

#player { 
 	width: 100%; 
 	height:auto;
	margin-bottom:0 ; 
 }

/*topix ====================================*/

.news-box {
	width: 88%;
	margin-bottom:150px;
	margin-left: 10%;
	padding-top:30px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:20px;
	box-shadow: 10px 10px 10px 10px #fff;
	-moz-box-shadow: 10px 10px 10px 10px #fff;
	-webkit-box-shadow: 10px 10px 10px 10px #fff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color:#fff;
}

.topix-box {
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
	padding-left: 5px;
	overflow: auto;
	height: 250px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

.topix-box dl {
	ffont-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding: 10px;
}
.topix-box dl dt {
	float: left;
	margin-right: 20px;
	padding-left: 20px;
	background-image: url(../../img/top/bg_dot01.png);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	color: #224D76;
	width:8%;
}
.topix-box dl dd{width:87%;
float:right;
color: #000;}

.topix-box dl dd a{
	text-decoration: underline
}

.topix-box dl dd a:hover {
	text-decoration: underline
}




/*施工事例スライダー
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#recommend-box {
	width: 1100px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-right: 30px;
	text-align: left;
    }
	
#recommend-box div{
padding:5px;
display:inline;
}

#recommend-box div img{width:338px;margin-bottom:20px !important;}





/*コンテンツ設定---------------------------------*/

.comentBox{ width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;}

.comentBox p{
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:2em;
font-size:140%;
}

.comentBox p.im{font-size:130%;
margin-bottom:30px;
color:#fff !important;
}

.imgBox{ width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:0;}

.comentBox h3{
margin-bottom:30px;
}

.comentBox h4{
margin-bottom:30px;}

.comentBox h3 img{width:400px;}
.comentBox h4 img{width:400px;}

.comentBox h5{
color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.5em;
font-size:170%;
margin-bottom:30px;}

.comentBox1{ width:85%;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}

.comentBox1 p{
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:2em;
position:relative;
}

.comentBox1 p.im{font-size:120%;
margin-bottom:30px;
text-align: center;
position:relative;
z-index:1;
color:#fff !important;
}

/*.comentBox1 .imimg{ position:absolute;
width:700px;
bottom:-120px;
left:500px;}*/

/*.comentBox1 .imimg img{ float:right;
width:100%;}
*/
.wh{color:#FFF !important;}

.comentBox p.im2{font-size:160%;
margin-bottom:10px;
color:#b84b4b;
font-weight:bold}

.comentBox p.im3{font-size:160%;
margin-bottom:30px;
color:#fff !important;
}

.comentBox p.im4{font-size:160%;
margin-bottom:150px;
color:#fff !important;
}

.comentBox p.im_b{font-size:400%;
color:#dcdcdc;
font-family:"Ro-L";
}

p.im_bs{font-size:160%;
color:#dcdcdc;
font-family:"Ro-L";
}

.comentBox .m100{width:900px;
margin-left:auto;
margin-right:auto;
margin-bottom:150px !important;}

.comentBox .m100_1{width:600px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px !important;}

.comentBox .m100_2{width:600px;
margin-left:auto;
margin-right:auto;
margin-bottom:100px !important;}

.comentBox .m100_3{width:600px;
margin-left:auto;
margin-right:auto;
margin-bottom:150px !important;}


.comentBox ul{ width:800px;
margin-left:auto;
margin-right:auto;
margin-bottom:150px !important;}

.comentBox ul li{ width:46%;
margin-left:2%;
margin-right:2%;
margin-bottom:20px;
float:left;}

.comentBox ul li img{ width:100%;
}


/*追加コンテンツ*/

.comentBox_L{ width:90% !important;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:2em}

.comentBox_L .hisBox1{}

.comentBox_L .hisBox1 td{ color:#fff !important; width:50%}


.comentBox_L .hisBox1 td.imgBox{}

.comentBox_L .hisBox1 td.titBox{
	padding: 20px;
	vertical-align: middle;
}

.comentBox_L .hisBox1 td.titBox2{
	padding: 20px;
	vertical-align: middle;

}

.comentBox_L .hisBox1 p{
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.comentBox_L .hisBox1 p img{width: 100%;}

	

.comentBox_gry{ background-color:#EAEAEA;
padding-top:30px;
width:100%;
}

.comentBox_gry h3{ width:400px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;}

.comentBox_gry h4{ width:400px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;}


.comentBox_gry h3 img{width:100%;}
.comentBox_gry h4 img{width:100%;}

.comentBox_gry p{
color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:2em;
font-size:120%;
}

.comentBox_s{background-color:#000; padding-top:40px; padding-bottom:40px;}

.comentBox_s h3{ font-size:400%;
color:#dcdcdc;
font-family:"Ro-L";
text-align:center;
margin-bottom:30px;}

.comentBox_s h3 img{width:100%;}

.comentBox_k{width: 90%;
margin-left: auto;
margin-right: auto;
padding:30px;}

.comentBox_k .kl{width: 68%; margin-right:2% !important;}

.comentBox_k .kr{width: 30%;}


/*花月大正館おもてなし
-------------------------------------------------*/

#secon_omotenashi{ background-color: #0B1E00 !important;}

#secon_history p{
color:#fff;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.8em;
font-size:130%;
}

#secon_omotenashi .comentBox3 h2{
	color: #CC0;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8em;
	font-size: 160%;
	background-color: #0B1E00;
}

.bod01{border-left:#CC0 2px solid;
border-right:#CC0 2px solid;
	width:45%;
	margin-left:auto;
margin-right:auto;
}

#secon_omotenashi .comentBox3 h3{
	color: #CCC;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8em;
	font-size: 140%;
	margin-bottom:15px;
}


#secon_omotenashi .hisBox{ margin-bottom:50px;
background-color: #0B1E00;
}

#secon_omotenashi .hisBox td{ color:#fff !important;border-top: #333 1px solid;}

/*.hisBox td strong{ font-size:140%; color:#C90;}*/
#secon_omotenashi .hisBox td.imgBox{ width:50%;}

#secon_omotenashi .hisBox td.titBox{
	padding: 20px;
	vertical-align: middle;
	/*background-color: #666;*/
	/*background-image: url(../../img/common/logo_mark_gl40.png);*/
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #0B1E00;
}

#secon_omotenashi .hisBox td.titBox2{
	padding: 20px;
	vertical-align: middle;
	/*background-color: #666;*/
	/*background-image: url(../../img/common/logo_mark_gl40.png);*/
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #0B1E00;

}

#secon_omotenashi .hisBox p{
	font-size: 160%;
	color: #999933 !important;
	border-bottom: #999933 1px solid;
	display: block;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#secon_omotenashi .grc{ color: #C60 !important;
font-size: 130%;}

.comentBox3{
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:100px !important;
background-color: #0B1E00 !important;
}

.comentBox3 p{
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:2em;
position:relative;
}

.comentBox3 p.im_o{font-size:120%;
/*margin-bottom:30px;*/
text-align: center;
position:relative;
z-index:1;
color:#fff !important;
margin-top:-50px;
}

p.im_o{font-size:120%;
/*margin-bottom:30px;*/
text-align: center;
position:relative;
z-index:1;
color:#fff !important;
margin-top:0;
}


.comentBox3 .imimg2{
	width:700px;
	margin-left:auto;
margin-right:auto;
}

.comentBox3 .imimg2 img.lf01{
	width:49%;
	float:left;
}

.comentBox3 .imimg2 img.rf01{
	width:49%;
	float:right;
}

.comentBox3 .imimg3{width:100%}

.comentBox3 .imimg3 img{width:100%;}

.imimg4{width:100%;}

.imimg4 img{width:100%;}


.comentBox3 .rauBox{ padding:30px;
background-color:#14341D;
margin-bottom:50px;}

.comentBox3 .rauBox p{ color:#fff !important;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.8em;
font-size:100% !important;
text-align:left;}

.comentBox3 .rauBox img{ width:25%;
margin-right:20px !important;
float:left;}

.mark01_1{ width:60px;
margin-bottom:100px;
margin-left:auto;
margin-right:auto;}

.mark01_1 img{ width:100%;}

/*スライダー3枚の場合
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.css-carousel-slider3 {
    width: 100%;
    overflow: hidden;
    position: relative;
	margin-left:auto;
margin-right:auto;
}
.css-carousel-slider3 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider3 .slide-wrap {
    width:300%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider3 15s infinite;
    animation-delay: 2s;
}
.css-carousel-slider3 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main3 15s infinite;
    animation-delay: 2s;
}
.css-carousel-slider3 .slide {
    width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider3 {
    0% { transform: translateX(0); }

    10.6%{ transform: translateX(calc(1 / 3 * -100%)); }
    16.6% { transform: translateX(calc(1 / 3 * -100%)); }
   43.8% { transform: translateX(calc(2 / 3 * -100%)); }
   49.8% { transform: translateX(calc(2 / 3 * -100%)); }
   95% { transform: translateX(calc(3 / 3 * -100%)); }
   100% { transform: translateX(calc(3 / 3 * -100%)); }
}


/*スライダー4枚の場合
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.css-carousel-slider4 {
    width: 100%;
    overflow: hidden;
    position: relative;
	margin-left:auto;
margin-right:auto;
}
.css-carousel-slider4 img {
    width: 	100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider4 .slide-wrap {
    width:400%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider4 25s infinite;
    animation-delay: 3s;
}
.css-carousel-slider4 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main4 5s infinite;
    animation-delay: 1s;
}
.css-carousel-slider4 .slide {
    width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider4 {
    0% { transform: translateX(0); }

    10.2%{ transform: translateX(calc(1 / 4 * -100%)); }
    14.2% { transform: translateX(calc(1 / 4 * -100%)); }
   30.6% { transform: translateX(calc(2 / 4 * -100%)); }
   34.6% { transform: translateX(calc(2 / 4 * -100%)); }
   51.0% { transform: translateX(calc(3 / 4 * -100%)); }
   55.0% { transform: translateX(calc(3 / 4 * -100%)); }
   71.4% { transform: translateX(calc(4 / 4 * -100%)); }
   100% { transform: translateX(calc(4 / 4 * -100%)); }
}



/*スライダー6枚の場合
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.css-carousel-slider6 {
    width: 900px;
    overflow: hidden;
    position: relative;
	margin-left:auto;
margin-right:auto;
}
.css-carousel-slider6 img {
    width: 900px;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider6 .slide-wrap {
    width:5400px;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider6 36s infinite;
    animation-delay: 5s;
}
.css-carousel-slider6 .slide-wrap-main {
    width: 900px;
    z-index: 1;
    animation: css-carousel-slider-main6 36s infinite;
    animation-delay: 5s;
}
.css-carousel-slider6 .slide {
    width: 900px;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider6 {
    0% { transform: translateX(0); }

    10.6%{ transform: translateX(calc(1 / 6 * -100%)); }
    16.6% { transform: translateX(calc(1 / 6 * -100%)); }

    27.2%{ transform: translateX(calc(2 / 6 * -100%)); }
    33.2% { transform: translateX(calc(2 / 6 * -100%)); }

   43.8% { transform: translateX(calc(3 / 6 * -100%)); }
   49.8% { transform: translateX(calc(3 / 6 * -100%)); }
   
   60.4% { transform: translateX(calc(4 / 6 * -100%)); }
   66.4% { transform: translateX(calc(4 / 6 * -100%)); }
   
   77.0% { transform: translateX(calc(5 / 6 * -100%)); }
   83.0% { transform: translateX(calc(5 / 6 * -100%)); }
   
   95% { transform: translateX(calc(6 / 6 * -100%)); }
   100% { transform: translateX(calc(6 / 6 * -100%)); }
}


/*スライダー7枚の場合
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.css-carousel-slider7 {
    width: 1000px;
    overflow: hidden;
    position: relative;
	margin-left:auto;
margin-right:auto;
}
.css-carousel-slider7 img {
    width: 	1000px;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider7 .slide-wrap {
    width:7000px;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider7 25s infinite;
    animation-delay: 3s;
}
.css-carousel-slider7 .slide-wrap-main {
    width: 1000px;
    z-index: 1;
    animation: css-carousel-slider-main7 5s infinite;
    animation-delay: 1s;
}
.css-carousel-slider7 .slide {
    width: 1000px;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider7 {
    0% { transform: translateX(0); }

    10.2%{ transform: translateX(calc(1 / 7 * -100%)); }
    14.2% { transform: translateX(calc(1 / 7 * -100%)); }

    20.4%{ transform: translateX(calc(2 / 7 * -100%)); }
    24.4% { transform: translateX(calc(2 / 7 * -100%)); }

   30.6% { transform: translateX(calc(3 / 7 * -100%)); }
   34.6% { transform: translateX(calc(3 / 7 * -100%)); }
   
   40.8% { transform: translateX(calc(4 / 7 * -100%)); }
   44.8% { transform: translateX(calc(4 / 7 * -100%)); }
   
   51.0% { transform: translateX(calc(5 / 7 * -100%)); }
   55.0% { transform: translateX(calc(5 / 7 * -100%)); }
   
   61.2% { transform: translateX(calc(6 / 7 * -100%)); }
   65.2% { transform: translateX(calc(6 / 7 * -100%)); }
   
   71.4% { transform: translateX(calc(7 / 7 * -100%)); }
   100% { transform: translateX(calc(7 / 7 * -100%)); }
}


/*お部屋詳細ページ
-------------------------------------------------*/

.comentBox3 .tit_room{color:#999900 !important;font-size:160% !important;}

.im_bsm{font-size:220%;
color:#dcdcdc;
font-family:"Ro-L";
margin-bottom:30px;
}

.typeimgBox { height:300px; background-color: #000;
text-align:center;
margin-bottom:30px;
width:860px;
margin-left:auto;
margin-right:auto;
background-image:url(../../img/common/logo_mark_gr2.png);
background-size:5px}

.typeimgBox img{height:300px; width:auto}

.comentBox3 p.im6{font-size:120%;
margin-bottom:30px;
color:#fff;
line-height:2em;
}

.lapBox01{margin-left:auto;
margin-right:auto;
padding-top:70px;
width:900px;}

.ameni{ text-align:center;
margin-left:auto;
margin-right:auto;
}

.ameni p{ margin-left:10px;
margin-right:10px;
width:280px;
display: inline-block;
margin-bottom:20px}

.ameni p img{
width:100%}


.typeTit{
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #CC9;
	font-size: 120%;
	margin-bottom: 20px;
	padding: 50px;
	/*border: 5px double #660;*/
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../../img/common/logo_mark_gr2.png);
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color: #AFA879*/
	line-height:2em
}

.typeTit img{width:100%;}

.typeTit strong{font-size:160%;}



.typeBox01{color:#fff;text-align:left;margin-bottom:15px;
border-top:1px solid #660;
width:860px;
margin-left:auto;
margin-right:auto;
}

.typeBox01 th{ width:14%;
padding:10px;
background-color:#660;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
border-bottom:1px solid #0B1E00;}

.typeBox01 td{
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
padding:10px;
border-bottom:1px solid #660;
}


p.chap{font-size:90%;
margin-bottom:50px;
color:#fff;
line-height:1.5em;
text-align:left;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
width:850px;
margin-left:auto;
margin-right:auto;
}

.yoyaku_btn04{ width:400px !important;
margin-bottom:50px;
display:block;
margin-left:auto;
margin-right:auto;}

.yoyaku_btn04{ width:100%;}


/* .slideShow
------------------------- */
.slideShow {
    margin: 0 auto 40px;
    text-align: left;
    display: none;
}

/* .mainView
------------------------- */
.slideShow .mainView {
    width: 100%;
    position: relative;
    overflow: hidden;
	margin-bottom:10px;
}
.slideShow .mainView ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slideShow .mainView ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
	padding:0px;
}
.slideShow .mainView ul li img {
    width: 100%;
	display:block;
	padding:2px;
}
 
/* .thumbNail
------------------------- */
.slideShow .thumbNail {
    width: 100%;
    overflow: hidden;
}
 
.slideShow .thumbNail ul {
    width: 110%;
	padding-left:2%;
}

.slideShow .thumbNail ul:nth-child(1){padding-left:0;}
 
.slideShow .thumbNail ul li {
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer;
	padding:4px;
	margin-bottom:20px;
	margin-right:8px;
	margin-left:9px;
}
 
.slideShow .thumbNail ul li img {
    width: 100%;
	min-height:auto;
}
 
.slideShow .thumbNail ul li.active {
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
/* sideNavi
------------------------- */
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
    top: 0;
    width: 5%;
    height: 100%;
    position: absolute;
    z-index: 100;
}
.slideShow .mainView .btnPrev {
    left: 0;
    background: #ccc url(../img/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
    right: 0;
    background: #ccc url(../img/btnNext.png) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.slideShow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.slideShow ul {
    display: inline-block;
    overflow: hidden;
}

/*////////////////////////////////////*/

.lapBox02{/*margin-left:auto;
margin-right:auto;*/
width:100%;
color:#EAE0B1;
padding-left:0.5em}

.lapBox02 dl{margin-left:auto;
margin-right:auto;
width:750px;}

.lapBox02 dl dt{-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: #C90 1px solid;
	width: 40%;
	color: #C90;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-top: 4%;
	padding-right: 7%;
	padding-bottom: 4%;
	padding-left: 7%;}


.lapBox02 dl dt strong{ font-size:150%}

.lapBox02 dl dd{
width:54%;
text-align:left;
color:#666;
margin-bottom:16px;
margin-left: auto;
	margin-right: auto;
}


.lapBox02 dl dd b{color:#C90;}



/*旅館施設
-----------------------------------------------*/


.shisetsuBox01{ width:830px;
margin-left:auto;
margin-right:auto;
background-color: #CC9;
padding:30px;
border: 3px #999900 solid;
background-image:url(../../img/common/logo_mark_gr.png);
background-size:150px auto;
background-repeat:no-repeat;
background-position:140px 50px;

}

.shisetsuBox01 h3 {color: #000 !important;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8em;
	font-size: 120% !important;
	float:left;
	width:400px;
	text-align: center;
	padding-top:46px;}


.shisetsuBox01 .frimg01{
width:400px;
float:right;
margin-bottom:30px;
border: 5px #999900 double}

.shisetsuBox01 p{
/*border: 5px #996633 solid;*/
clear:both;
-moz-box-shadow: 0px 0px 4px #333;
-webkit-box-shadow: 0px 0px 4px #333;
box-shadow: 0px 0px 4px #333;
}

.shisetsuBox01 img{width:100%;}



/*花月大正館歴史
-------------------------------------------------*/

#secon_history{ background-color:#000 !important;}

.comentBox5{width:900px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
padding-top:100px;}



#secon_history p{
color:#fff;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.8em;
font-size:130%;
}

#secon_history .comentBox5 h2{
	color: #CC0;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8em;
	font-size: 160%;
	margin-bottom:50px;
}

#secon_history .comentBox5 h2 img{width:400px;}

.bod01{border-left:#CC0 2px solid;
border-right:#CC0 2px solid;
	width:45%;
	margin-left:auto;
margin-right:auto;
}

#secon_history .comentBox5 h3{
	color: #CC0;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8em;
	font-size: 140%;
	margin-bottom:15px;
}


#secon_history .hisBox{ margin-bottom:50px;}

#secon_history .hisBox td{ color:#fff !important;border-bottom: #666 1px solid;}

/*.hisBox td strong{ font-size:140%; color:#C90;}*/
#secon_history .hisBox td.imgBox{ width:50%;}

#secon_history .hisBox td.titBox{
	padding: 20px;
	vertical-align: middle;
	/*background-color: #666;*/
	background-image: url(../../img/common/logo_mark_gl40.png);
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#secon_history .hisBox td.titBox2{
	padding: 20px;
	vertical-align: middle;
	/*background-color: #666;*/
	background-image: url(../../img/common/logo_mark_gl40.png);
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: right bottom;

}

#secon_history .hisBox p{
	font-size: 160%;
	color: #C90 !important;
	border-bottom: #C90 1px solid;
	display: block;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}



/*映像
-------------------------------------------------*/

.player{ width:42%;
margin-left:4%;
margin-right:4%;
margin-bottom:50px;
float:left;
}

.player p{ font-size:100%;
color:#999 !important;
text-align:center;
line-height:1.8em;}

.player video{width:100%;}


/*日本庭園・サウナ
-------------------------------------------------*/
.tith3{
color: #CC0 !important;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8em;
	font-size: 200% !important;
	background-color: #0B1E00;
	margin-bottom:60px !important}

.imgGbox{ width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;}

.imgGbox2{ width:40%;
margin-left:auto;
margin-right:auto;}

.imgGbox img,.imgGbox2 img{ width:100%}


/*武雄市観光
-------------------------------------------------*/

#secon_takeo{ background-color:#fff !important;}

.comentBox4{ width:900px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
padding-top:100px;}

.comentBox4 h2{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}

.comentBox4 h2 img{width:400px;}


.comentBox4 p{
color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.8em;
font-size:130%;
}

.comentBox4 dl{ width:31%;
float:left;
margin-left:1.2%;
margin-right:1%;
margin-bottom:20px;}

.comentBox4 dl dt{color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.5em;
font-size:130%;
margin-bottom:7px;
text-align:left;
font-weight:bold}

.comentBox4 dl dt span{ font-size:70%}

.comentBox4 dl dd{color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.5em;
font-size:100%;
text-align:left}

.comentBox4 dl img{width:100%}


/*フッター設定-------------------------------------------------*/




.footerBox{
	margin-bottom:0 !important;
}

/*.footerBox .mark01{ text-align:right; padding-right:100px;}
.footerBox .mark01 img{ width:209px;}
.footerBox2{width:1000px;
margin-left:auto;
margin-right:auto;
position:relative;}
footer {
	width:100%;
	background-color:#00549D;
	height: 200px;
}

.footerBox2 .leftBox{ width:180px;
padding-left:50px;
padding-top:50px;
float:left;
margin-bottom:0;
height:140px;
text-align:center;
}
.footerBox2 .leftBox img{width:100%;}
.footerBox2 .leftBox img.gm{width:98px;
}

.footerBox2 .rightBox{ position:absolute;
left:350px;
top:80px;
width:500px;
}
.footerBox2 .rightBox ul{ text-align:left;}
.footerBox2 .rightBox ul li{display:inline; margin-right:20px}
.footerBox2 .rightBox ul li a{ 
color:#fff;
}
.footerBox2 .rightBox ul li a:hover{ text-decoration:underline;}*/
footer address {
	color: #dcdcdc;
	font-size: 80%;
	text-align:center;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	
}

.snsBox{ text-align:center;padding-left:10px; margin-bottom:30px}

.snsBox .mark01{ width:45px;margin-right:10px ; display:inline;}

.snsBox .mark01 img{ width:45px;}

.jyokyo_btn{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	border: #999 1px solid;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color:#000;
}

.jyokyo_btn img{ width:100%;}

/*LANG追随タイプ
-----------------------------------------------*/


.homebk{
	position: fixed;
	bottom: 100px;
	right: 18px;
	width: 70px;
	height: auto;
	z-index: 100001;
}
.homebk ul{text-align:center !important;}

.homebk ul li{
	font-family: "Ro-L";
	font-size: 100%;
	color: #fff;
	margin-left: 0 !important;
	margin-right: 0 !important;
	background-color: #000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 7px;
}

.homebk ul li img{ width:26px !important;}

.homebk ul li a{ color:#fff;text-decoration:underline;padding:10px;display:block; text-align:center ; text-decoration:none}

.homebk ul li a:visited {
	color: #CC3 !important;
	text-decoration: none !important;
}

/*プルダウン設定*/

.homebk ul li ul { display: none; }
.homebk li:hover ul { display: block;
}

.homebk ul li ul{
	width: 80px;
	position: absolute;
	top:0;
	right:90px;
}


.homebk ul li ul li {
	display: block;
	margin-bottom: 0;
	text-align: left;
	font-size: 90%;
	margin-left: 0%;
	height: 15px;
	text-indent: 0 !important;
	background-color: #363;
	width: 80px;
	color: #fff;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 0.5em;
	margin-bottom:1px;
}

.homebk ul li ul li:first-child{/*border-top:#fff solid 1px;*/}


.homebk ul li ul li a{
	color: #fff;
	display: block;
	width:80px;
	height: 10px;
	font-size: 100%;
	padding-top:0 !important;
	padding-right: 5px;
	padding-bottom: 0 !important;
	padding-left: 5px;
}



.pageTop {
	position: fixed;
	bottom: 20px;
	right: 15px;
	width: 70px;
	height: auto;
	z-index: 1001;
}
.pageTop img {
	width: 100%;
}



/*翻訳
-----------------------------------------------*/	
.langBox{
	font-size: 100%;
	text-align:center;
	line-height:1.8em;
	margin-bottom:30px;}

.langBox li{display:inline-block;
padding-left:10px;
padding-right:10px;}


/* 家紋の設定 */

.mark01{ width:60px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;}

.mark01 img{ width:100%;}

/* 国旗の設定 */

.flag01{ width:40px;
}
.flag01 img{ width:40px;
margin-bottom:10px;
}


/*フッターロゴグロック設定-------------------------------------*/
.f_logoBox{ text-align:center;}

.f_logoBox h4{ width:300px;
margin-left:auto;
margin-right:auto;}
 
.f_logoBox h4 img{ width:100%; height:auto !important;}

.f_logoBox p{ font-size:100%;
line-height:1.5em;
margin-bottom:4px;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

.f_logoBox p strong{ font-size:130%; font-weight:bold !important}



/*フォトギャラリー
-----------------------------------------------*/

.comentBox2{
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:100px;
background-color: #fff;
}

.gal_tBox01{ /*margin-bottom:20px;*/
width:1100px;margin-left:auto;
margin-right:auto;}

.gal_tBox01 td{ padding:1%;}

.gal_tBox02{/* margin-bottom:20px;*/
width:1100px;margin-left:auto;
margin-right:auto;}

.gal_tBox02 td{ padding:1%;}

.gal_tBox02 td.wt01{ padding:1%; vertical-align:top; width:42.1%}

.gal_tBox03{ /*margin-bottom:20px;*/
width:1100px;margin-left:auto;
margin-right:auto;}

.gal_tBox03 td{ padding:1%;}

.gal_tBox04{/* margin-bottom:20px;*/
width:1100px;margin-left:auto;
margin-right:auto;}

.gal_tBox04 td{ padding:1%;}

.gal_tBox05{/* margin-bottom:20px;*/
width:1100px;margin-left:auto;
margin-right:auto;}

.gal_tBox05 td{ padding:1%;}

.gal_tBox05 td.wt01{ padding:1%; vertical-align:top; width:47.12%}


.morebtn{ width:80px;
margin-left:auto;
margin-right:auto;}

.morebtn img{ width:100%}

.morebtn1{ width:250px;
margin-left:auto;
margin-right:auto;}

.morebtn1 img{ width:100%}


/*プライバシーポリシー*/

.comentBox3{ width:900px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
padding-top:100px;
background-color:#FFF}

.comentBox3 h2{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}

.comentBox3 h2 img{width:400px;}


.comentBox3 p{
color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.8em;
font-size:130%;
}

.companyList{
background-color:#fff !important;
width:900px;
margin-left:auto;
margin-right:auto;}

.companyList dl{ margin-bottom:15px;background-color:#fff !important;}

.companyList dl dt{ font-size:120%; border-bottom:1px #CCCC66 solid; font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#663300; width:auto !important;margin-left:0 !important;
margin-right:0; padding:10px; }


.companyList dl dd{margin-bottom:15px; font-size:100%;font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;color:#999;padding:10px;}

.companyList dl dd a{ text-decoration:underline; color:#999}

.companyList h4{
	font-size: 140%;
	ffont-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #fff !important;
	background-color:#999;
	padding:10px;
	margin-bottom:20px;
}
.companyList p{font-size:100%;font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#666; text-align:left; }





/*フォーム設定-------------------------------------------------*/


.comentBox_mail{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	padding-top: 100px;
	background-color: #E0E1E0
}

.comentBox_mail h2{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}

.comentBox_mail h2 img{width:400px;}

.co_h3{ background-color:#666;
color:#fff;
font-size:140%;
padding:10px;
text-align:center;
margin-bottom:15px;}


.attention{color:#0075C2;}

.w20{ width:20px}


table.formTable1 {
    margin: 15px auto 70px auto;
    width: 100%;
    text-align: left;
}
table.formTable1 th {
	padding: 8px;
	padding-top:20px;
	padding-bottom:20px;
	font-weight: normal;
	vertical-align:middle;
	width:20%;
	
}
table.formTable1 td {
    padding: 8px;
	padding-top:20px;
	padding-bottom:20px;
	vertical-align:middle
}

table.formTable1 input { padding:10px;border:none;font-size:100%;}
table.formTable1 input.inputbox1{ width:44.2%}
table.formTable1 input.inputbox2{ width:96.6%}

table.formTable1 textarea{width:100%; border:0}

table.formTable1 select{
  position: relative;
  padding: 10px;
  width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
font-size:100%;
color:#0075C2;
}

.select-wrap {
    position: relative;
    width: 100%;
	
}

.select-wrap:after {
  content: "";
    position: absolute;
    right: 10px;
    top: 15px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #0075C2;
    border-left: 2px solid #0075C2;
    transform: translateY(-50%) rotate(-135deg);
  font-size: 20px;
  pointer-events: none;
}

table.formTable1 input[type="submit"]{
	text-indent:-9999;}
	
.formbtn1{
	background-image:url(../../img/top/form_btn01.png);
	width:462px;
	height:68px;
	text-indent:-9999;
	margin-left:auto;
margin-right:auto;
border:none;
text-decoration:none;
background-color:transparent;
cursor :pointer;}

/*.formbtn1:hover{background-image:url(../../img/top/form_btn01_2.png);}*/

.formbtn2{
	background-image:url(../../img/top/form_btn02.png);
	width:462px;
	height:68px;
	text-indent:-9999;
	margin-left:auto;
margin-right:auto;
border:none;
text-decoration:none;
background-color:transparent;
cursor :pointer;}

.formbtn1:hover{ opacity:0.7;}

.formbtn2:hover{ opacity:0.7;}


#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	background:#fff;
}
table.formTable td,table.formTable th{
	border:1px solid #F1F1F1;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background-color:#ccc;
	text-align:left;
}

table.formTable td{}
p.error_messe{
	margin:5px 0;
	color:red;
}


/* Mobile Only */

#navPanel, #titleBar {
	display: none;
}



/*SEO設定-----------------------------------------------*/
.seoBox{ display:none !important;
line-height:0;}


/* アニメーション設定1*/
.css-fade01{opacity: 0;}
.css-fade01--in{
  animation-name:fade-in01;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in01 {
  0% {opacity: 0; transform: translate3d(-1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


/* アニメーション設定1_1*/
.css-fade01_1{
	opacity: 0;
	width: 100%;
}
.css-fade01_1--in{
  animation-name:fade-in01_1;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in01_1 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定2*/

.css-fade02{opacity: 0; width:100%; padding-top:40px;}
.css-fade02--in{
  animation-name:fade-in02;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in02 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定3*/
.css-fade03{opacity: 0;}
.css-fade03--in{
  animation-name:fade-in03;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in03 {
  0% {opacity: 0; transform: translate3d(1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}



/* アニメーション設定4*/
.css-fade04{opacity: 0; width:100%; padding-top:40px; padding-bottom:10px}
.css-fade04--in{
  animation-name:fade-in04;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in04 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定5*/
.css-fade05{opacity: 0; padding-top:40px; padding-bottom:10px}
.css-fade05--in{
  animation-name:fade-in05;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in05 {
  0% {opacity: 0; transform: translate3d(-1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定6*/
.css-fade06{opacity: 0; width:100%; padding-top:40px; padding-bottom:40px}
.css-fade06--in{
  animation-name:fade-in06;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in06 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定7*/
.css-fade07{opacity: 0; padding-top:40px; padding-bottom:40px}
.css-fade07--in{
  animation-name:fade-in07;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in07 {
  0% {opacity: 0; transform: translate3d(1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定8*/
.css-fade08{opacity: 0;}
.css-fade08--in{
  animation-name:fade-in08;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in08 {
  0% {opacity: 0; transform: translate3d(-1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定9*/
.css-fade09{opacity: 0; width:100%; padding-top:40px; padding-bottom:40px}
.css-fade09--in{
  animation-name:fade-in09;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in09 {
 0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


/* アニメーション設定10*/
.css-fade10{opacity: 0; padding-top:40px; padding-bottom:40px;}
.css-fade10--in{
  animation-name:fade-in10;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in10 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定11*/
.css-fade11{opacity: 0; width:100%; padding-top:40px; padding-bottom:40px}
.css-fade11--in{
  animation-name:fade-in11;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in11 {
 0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


/* アニメーション設定12*/
.css-fade12{opacity: 0; padding-top:40px; padding-bottom:40px}
.css-fade12--in{
  animation-name:fade-in12;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in12 {
  0% {opacity: 0; transform: translate3d(1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定13*/
.css-fade13{opacity: 0; width:100%; padding-top:40px; padding-bottom:40px}
.css-fade13--in{
  animation-name:fade-in13;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in13 {
 0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


/* アニメーション設定14*/
.css-fade14{opacity: 0; padding-top:40px; padding-bottom:40px}
.css-fade14--in{
  animation-name:fade-in14;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in14 {
  0% {opacity: 0; transform: translate3d(1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定15*/
.css-fade15{opacity: 0; width:100%; padding-top:40px; padding-bottom:40px}
.css-fade15--in{
  animation-name:fade-in15;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in15 {
 0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}







@media screen and (max-width: 1123px)  {
/*
----------------------------------------------------------------------------------------------*/


/*スマホ設定 縦向きの場合のスタイル*/

/*
----------------------------------------------------------------------------------------------*/

/*SEO設定-----------------------------------------------*/
.seoBox{ display:none !important;
line-height:0;}

/*SEO設定-----------------------------------------------*/

html {
	margin: 0px;
	padding: 0px;
	width: 100% !important;
}
body {
	width: 100%;
	/*background-color: #FFF5E6;*/	/*background-image: url(../../img/Background_01.png) !important;
	background-position: left top;
	background-repeat: repeat;*/
	
	/*background-color: #142500;*/
	background-color: #0B1E00;
}

#container {
	/*height: auto;*/
	width: 100%;
	height: 100%;
	margin-bottom:0 !important;
}

.wrapper {
	width: 100%;
	padding: 0px 0px 0em 0px;
}
img {
	width: 100%;
}
.pc {
	display: none !important;
}

.sp {
	display: block !important;
}
.brsp {
	display: block !important;
}
a {
	color: #06C;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
h1, h2, h3, h4, h5, p {
	ffont-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
/*imgスペースバグ対応設定
---------------------------------------*/

img {
	line-height: 1 !important;
	font-size: 0 !important;
}
/*width設定-----------------------------------------------*/

.sw40 {
	width: 40%;
}
.sw46 {
	width: 46%;
}
.sw48 {
	width: 48%;
}
.sw60 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.sw70 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.sw80 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.sw96 {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.sw100 {
	width: 100%;
}


/* topヘッダーBOX設定 */

#header_box {
	display: none !important;
}
.header_box_sp_top {
/*	display: block !important;*/
	background-color:#000;
	-moz-box-shadow: 0px 0px 4px #CCC;
-webkit-box-shadow: 0px 0px 4px #CCC;
box-shadow: 0px 0px 4px #CCC;
position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 100001;
}
.header_box_sp_top header h1 {
	width:45%;
	float: none !important;
	padding:5px;
	background-color:#000;	
}
.header_box_sp_top header h1 img {
	width: 100%;
}



/* ヘッダーBOX設定 */


#header_box_sp {
	display: block !important;
	position: relative;
	background-color: #000;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;
	box-shadow: 0px 0px 4px #CCC;
}
#header_box_sp header h1 {
	width:45%;
	float: none !important;
	padding:5px;
	background-color:#000;	
}
#header_box_sp header h1 img {
	width: 100%;
}


.head_rightBox{
	width:80px;
	display:block;
	position: absolute;
top:-20px;
right:102px;
z-index:1000000;

}



.head_rightBox p{ font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:90%;
color:#fff;
}

.head_rightBox img{width: 100%;}

.mark02{width:130px;
display:block;
	position: absolute;
top:7px;
right:54px;
z-index:1000000;}

.mark02 img{width:40px;}



#headerWrap{
		position: relative;
		width: 100%;
		height: 70px;
		z-index: 500;
	}

a#menu{
	display: inline-block;
	position: relative;
	width: 43px;
	height: 43px;
	background-color: #000;
	padding-left:0;
	top: 5px;
  	right: 7px;
	}

	#menuBtn{
  	display: block;
  	position: absolute;
  	top: 40%;
  	left: 50%;
  	width: 24px;
  	height: 2px;
  	/*margin: -1px 0 0 -7px;*/
	margin: 3px 0 0 -12px;
  	background: #fff;
  	transition: .3s;
	}

	#menuBtn:before, #menuBtn:after{
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 24px;
  	height: 2px;
  	background: #fff;
  	transition: .3s;
	}

	#menuBtn:before{
  	margin-top: -7px;
	}

	#menuBtn:after{
  	margin-top: 5px;
	}

	a#menu .close{
  	background: transparent;
	}

	a#menu .close:before, a#menu .close:after{
  	margin-top: 0;
	}

	a#menu .close:before{
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}

	a#menu .close:after{
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}

	.panel{
		width: 100%;
		display: none;
		overflow: hidden;
		position: relative;
		left: 0;
		top: 0;
		z-index: 100;
	}

	#mainnav{
		position: absolute;
		top: 0;
		width: 100%;
		text-align: right;
		z-index:500;
	}

	#mainnav ul{
	border-bottom: 1px solid #000;
	text-align: left;
	background-color: #333;
	}

	#mainnav li a{
	position: relative;
	display: block;
	padding: 15px 25px;
	border-bottom: 1px solid #333;
	color: #CCC;
	font-weight: 400;
	}

	#mainnav li a:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #CCC;
		border-right: solid 2px #CCC;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	#mainnav ul li ul{ padding-left:20px;}

/* 日替わりプラン
------------------------------------------*/
.higawariBox{ width:88%;
margin-left:auto;
margin-right:auto;
margin-bottom:30px !important}

.higawariBox img{ width:100%;}

/*カミングスーンメイン
-------------------------------------------------*/

/*.mainimageBox{
padding-top:50px;
width:100%;
height:auto;
margin-left:auto;
margin-right:auto;}*/


/*イメージスライダー*/
/*スライダー	*/

.slideBox1 {
  height: 640px !important;
  /*overflow: hidden;*/
  position: relative;
}

.slideBox1 img{height:640px !important;}

/* imgのみ */
.item {
  opacity: 0;
  overflow:hidden;
  width:100%;
  height: auto;
  object-fit:center;
  /*position: absolute;
  left: 0;
  top: 0;*/
  -webkit-animation: anime 20s 0s infinite;
  animation: anime 20s 0s infinite;
}

.item1:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  overflow:hidden;
  width:100%;
  height: auto;
  object-fit:center;
}

.item1:nth-of-type(3) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
  overflow:hidden;
  width:100%;
  height: auto;
  object-fit:center;
}

.item1:nth-of-type(4) {
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
  overflow:hidden;
  width:100%;
  height: auto;
  object-fit:center;
}

/* ふわっとアニメーション */
@keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}


/*topix ====================================*/

.news-box {
	width: 88%;
	margin-bottom:50px;
	margin-left: 5%;
	padding-top:30px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:20px;
	box-shadow: 10px 10px 10px 10px #fff;
	-moz-box-shadow: 10px 10px 10px 10px #fff;
	-webkit-box-shadow: 10px 10px 10px 10px #fff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color:#fff;
}

.lh3m{ padding-left:3%;}

/*.news-box h2{width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;}
.news-box h2 img{ width:100%}	*/
	
.topix-box {
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-left: 5px;
	overflow: auto;
	height: 300px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.topix-box dl {
	ffont-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding: 5px;
}
.topix-box dl dt {
	float: none !important;
	margin-right: 0;
	padding-left: 0;
	background-image: url(../../img/top/bg_dot01.png);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	color: #224D76;
	width:auto;
}
.topix-box dl dd{width:auto;
float:none !important;
color: #000;}

.topix-box dl dd a{
	text-decoration: underline
}

.topix-box dl dd a:hover {
	text-decoration: underline
}




/*コンテンツ設定
------------------*/

.comentBox{ width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;
}

.comentBox img{width:100%;}

.comentBox .imgBox{ width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:0;}


.comentBox1{ width:100%;
margin-left:auto;
margin-right:auto;
padding-top:20px;}

.comentBox1 p{
color:#fff;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:2em;
font-size:110%;
width:90%;
margin-left:auto;
margin-right:auto;

}

.comentBox1 p.im{font-size:115%;
margin-bottom:0;
float:none;
text-align:center;}

.comentBox1 .imimg{ position:static;
width:100%;
margin-left:auto;
margin-right:auto;}

.comentBox1 .imimg img{ float:right;
width:100%;}


.comentBox h3{width:80%;
margin-bottom:15px;
text-align:center;
margin-left:auto;
margin-right:auto;}

.comentBox h4{width:80%;
margin-bottom:15px;
text-align:center;
margin-left:auto;
margin-right:auto;}

.comentBox h3 img,.comentBox h4 img{width:90%;}

.comentBox h5{
color:#fff;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.5em;
font-size:140%;
margin-bottom:15px;}

.comentBox p{
color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.8em;
font-size:140%;
}

.comentBox p.im{font-size:115%;
margin-bottom:30px;
width:90%;
margin-left:auto;
margin-right:auto;
}

.comentBox p.im2{font-size:130%;
margin-bottom:10px;
color:#b84b4b;
font-weight:bold}

.comentBox p.im3{font-size:100%;
margin-bottom:30px;
color:fff;
}

.comentBox p.im4{font-size:130%;
margin-bottom:150px;
color:#fff;
}

.comentBox p.im_b{font-size:200%;
line-height:2em;
color:#dcdcdc;
font-family:"Ro-L";
}

p.im_bs{font-size:140%;
color:#dcdcdc;
font-family:"Ro-L";
}

.comentBox .m100{width:95%;
margin-left:auto;
margin-right:auto;
margin-bottom:70px !important;}

.comentBox .m100_1{width:95%;
margin-left:auto;
margin-right:auto;
margin-bottom:10px !important;}

.comentBox .m100_2{width:95%;
margin-left:auto;
margin-right:auto;
margin-bottom:70px !important;}

.comentBox .m100_3{width:95%;
margin-left:auto;
margin-right:auto;
margin-bottom:70px !important;}


.comentBox ul{ width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:70px !important;}

.comentBox ul li{ width:100%;
margin-left:0;
margin-right:0;
margin-bottom:20px;
float:none;}

.comentBox ul li img{ width:100%;
}

/*追加コンテンツ*/

.comentBox_L{ width:100% !important;
margin-left:auto;
margin-right:auto;
margin-bottom:0 !important;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

.comentBox_L .hisBox1{}

.comentBox_L .hisBox1 td{ color:#fff !important; width:50%}


.comentBox_L .hisBox1 td.imgBox{}

.comentBox_L .hisBox1 td.titBox{
	padding: 20px;
	vertical-align: middle;
}

.comentBox_L .hisBox1 td.titBox2{
	padding: 20px;
	vertical-align: middle;

}

.comentBox_L .hisBox1 td.titBox2 p{width: 100%;
}

.comentBox_L .hisBox1 td.titBox2 p img{width: 100%;
}

.comentBox_L .hisBox1 p{
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.comentBox_L .hisBox1 p img{width: 100%;}

.comentBox_gry{ background-color:#EAEAEA;
padding-top:15px;}

.comentBox_gry h3{ width:80%;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;}

.comentBox_gry h4{ width:80%;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;}


.comentBox_gry h3 img{width:100%;}
.comentBox_gry h4 img{width:100%;}

.comentBox_gry p.im{
color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:2em;
font-size:100%;
width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}


.comentBox_s{background-color:#000; padding-top:20px; padding-bottom:20px;}

.comentBox_s h3{ font-size:300%;
color:#dcdcdc;
font-family:"Ro-L";
text-align:center;
margin-bottom:13px;
line-height:2em}

.comentBox_s h3 img{width:100%;}

/*花月大正館歴史
-------------------------------------------------*/

#secon_history{ background-color:#000 !important;}

.comentBox5{width:93%;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
padding-top:30px;}

#secon_history .comentBox5 p{
color:#fff;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.8em;
font-size:110%;
}

#secon_history .comentBox5 h2{
	color: #CC0;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8em;
	font-size: 160%;
	text-align:center;
}

#secon_history .comentBox5 h2 img{width:100%;}

#secon_history .comentBox5 h3{
	color: #CC0;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8em;
	font-size: 140%;
	margin-bottom:15px;
}

.bod01{border-left:#CC0 2px solid;
border-right:#CC0 2px solid;
	width:60% !important;
	margin-left:auto;
margin-right:auto;
font-size: 120% !important;
}


#secon_history .hisBox{ margin-bottom:50px;}

#secon_history .hisBox td{ color:#fff !important;border-bottom:0}

/*.hisBox td strong{ font-size:120%; color:#fff; padding:20px !important; background-color:#C90; display:block}*/
#secon_history .hisBox td.imgBox{ width:100%;}
#secon_history .hisBox td.imgBox img{
width:80%;
margin-left:auto;
margin-right:auto;
}

#secon_history .hisBox td.titBox{
	vertical-align: middle;
	background-image: url(../../img/common/logo_mark_gl40.png);
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 96%;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 40px;
	padding-left: 2%;
	border-bottom: #666 1px solid;width:100%
}

#secon_history .hisBox td.titBox2{
	vertical-align: middle;
	background-image: url(../../img/common/logo_mark_gl40.png);
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: right bottom;
	width:96%;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 40px;
	padding-left: 2%;
	border-bottom: #666 1px solid;width:100%
}

#secon_history .hiroma{ width:70%}

#secon_history .hisBox p{
	font-size: 140%;
	color: #C90 !important;
	border-bottom: #C90 1px solid;
	display: block;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

/*映像
-------------------------------------------------*/

.player{ width:100%;
margin-left:0;
margin-right:0;
margin-bottom:50px;
float:none;
}

.player p{ font-size:90%;
color:#999 !important;
text-align:center;
line-height:1.8em;}

.player video{width:100%;}


/*日本庭園・サウナ
-------------------------------------------------*/

.tith3{
color: #CC0 !important;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.5em !important;
	font-size: 160% !important;
	background-color: #0B1E00;
	width:90%;
	text-align:center !important;
	margin-left:auto;
margin-right:auto;
margin-bottom:30px !important;}

.imgGbox{ width:90% !important;
margin-left:auto;
margin-right:auto;
margin-bottom:20px !important;}

.imgGbox2{ width:96%;
margin-left:auto;
margin-right:auto;}

.imgGbox img,.imgGbox2 img{ width:100%}

/*武雄市観光
-------------------------------------------------*/

#secon_takeo{ background-color:#fff !important;}

.comentBox4{ width:92%;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;
padding-top:50px !important;}

.comentBox4 h2{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}

.comentBox4 h2 img{width:80%;}


.comentBox4 p{
color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.8em;
font-size:130%;
}

.comentBox4 dl{ width:100%;
float:none;
margin-bottom:20px;
margin-left:0 !important;}

.comentBox4 dl dt{color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.5em;
font-size:130%;
margin-bottom:7px;
text-align:left;
margin-left:0;
font-weight:bold}

.comentBox4 dl dt span{ font-size:80%}

.comentBox4 dl dd{color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.5em;
font-size:110%;
text-align:left}

.comentBox4 dl img{width:100%}


/* アニメーション設定1*/
.css-fade01{opacity: 0;}
.css-fade01--in{
  animation-name:fade-in01;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in01 {
  0% {opacity: 0; transform: translate3d(-1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定1_1*/
.css-fade01_1{
	opacity: 0;
}
.css-fade01_1--in{
  animation-name:fade-in01_1;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in01_1 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定2*/

.css-fade02{opacity: 0; width:100%; padding-top:20px; }
.css-fade02--in{
  animation-name:fade-in02;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in02 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定3*/
.css-fade03{opacity: 0;}
.css-fade03--in{
  animation-name:fade-in03;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in03 {
  0% {opacity: 0; transform: translate3d(1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}



/* アニメーション設定4*/
.css-fade04{opacity: 0; width:100%; padding-top:20px; padding-bottom:10px}
.css-fade04--in{
  animation-name:fade-in04;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in04 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定5*/
.css-fade05{opacity: 0; padding-top:20px; padding-bottom:10px}
.css-fade05--in{
  animation-name:fade-in05;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in05 {
  0% {opacity: 0; transform: translate3d(-1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定6*/
.css-fade06{opacity: 0; width:100%; padding-top:20px; padding-bottom:20px}
.css-fade06--in{
  animation-name:fade-in06;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in06 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定7*/
.css-fade07{opacity: 0; padding-top:20px; padding-bottom:20px}
.css-fade07--in{
  animation-name:fade-in07;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in07 {
  0% {opacity: 0; transform: translate3d(1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定8*/
.css-fade08{opacity: 0;}
.css-fade08--in{
  animation-name:fade-in08;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in08 {
  0% {opacity: 0; transform: translate3d(-1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定9*/
.css-fade09{opacity: 0;width:100%; padding-top:20px; padding-bottom:20px}
.css-fade09--in{
  animation-name:fade-in09;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in09 {
 0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


/* アニメーション設定10*/
.css-fade10{opacity: 0; padding-top:40px; padding-bottom:40px;}
.css-fade10--in{
  animation-name:fade-in10;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in10 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定11*/
.css-fade11{opacity: 0; width:100%; padding-top:20px; padding-bottom:20px}
.css-fade11--in{
  animation-name:fade-in11;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in11 {
 0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


/* アニメーション設定12*/
.css-fade12{opacity: 0; padding-top:20px; padding-bottom:20px}
.css-fade12--in{
  animation-name:fade-in12;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in12 {
  0% {opacity: 0; transform: translate3d(1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定13*/
.css-fade13{opacity: 0; width:100%; padding-top:20px; padding-bottom:20px}
.css-fade13--in{
  animation-name:fade-in13;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in13 {
 0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


/* アニメーション設定14*/
.css-fade14{opacity: 0; padding-top:20px; padding-bottom:20px}
.css-fade14--in{
  animation-name:fade-in14;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in14 {
  0% {opacity: 0; transform: translate3d(1000px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定13*/
.css-fade15{opacity: 0; width:100%; padding-top:20px; padding-bottom:20px}
.css-fade15--in{
  animation-name:fade-in15;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in15 {
 0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}






/*フッター設定-------------------------------------------------*/


footer {
	width:100%;
	height:auto;
	
}

footer address {
	color: #000;
	font-size: 80%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	
}

/*翻訳
-----------------------------------------------*/	
.langBox{ font-size:120%;
line-height:1.5em;}



/*フォトギャラリー
-----------------------------------------------*/

.comentBox2 h4{ width:70%;
margin-left:auto;
margin-right:auto;}

.comentBox2 h4 img{ width:100%;}

.gal_tBox01{ /*margin-bottom:20px;*/
width:94%;
margin-left:auto;
margin-right:auto;}

.gal_tBox01 td{ padding:1%;}

.gal_tBox02{/* margin-bottom:20px;*/
width:94%;
margin-left:auto;
margin-right:auto;}

.gal_tBox02 td{ padding:1%;}

.gal_tBox02 td.wt01{ padding:1%; vertical-align:top; width:42.1%}

.gal_tBox03{ /*margin-bottom:20px;*/
width:94%;
margin-left:auto;
margin-right:auto;}

.gal_tBox03 td{ padding:1%;}

.gal_tBox04{/* margin-bottom:20px;*/
width:94%;
margin-left:auto;
margin-right:auto;}

.gal_tBox04 td{ padding:1%;}

.gal_tBox05{/* margin-bottom:20px;*/
width:94%;
margin-left:auto;
margin-right:auto;}

.gal_tBox05 td{ padding:1%;}

.gal_tBox05 td.wt01{ padding:1%; vertical-align:top; width:47.12%}

.morebtn{ width:20%;
margin-left:auto;
margin-right:auto;
margin-bottom:0px !important}

.morebtn img{ width:100%}

.morebtn1{ width:50%;
margin-left:auto;
margin-right:auto;}

.morebtn1 img{ width:100%}



/*...............................*/






/*お問い合わせ*/


/*.contentsBox15{text-align: center;
	width:100%;
	padding:0;
	padding-bottom:50px;
	background-color:#E4F3FA;
	margin-bottom:20px;
}

.contentsBox15 .sendBox{
	width:90%;
	margin-left:auto;
margin-right:auto;
text-align:left;
padding:20px;
}

.contentsBox15 h3 {
	background-color:#224D76;
	text-align:center;
	padding:10px;
	color:#fff;
	font-size:110%;
	margin-bottom:20px;
	font-weight:bold
}

.contentsBox15 .sendBox h4{
color:#224D76;
font-size:130%;
text-align:center;
font-weight:bold;
text-align:center;
margin-bottom:15px;}

.contentsBox15 .sendBox p{ text-align:center;font-size:100%; line-height:1.8em}

.contentsBox15 .sendBox p strong{ font-weight:bold; font-size:140%;}

.contentsBox15 .sendBox p span{ color:#0075C2;}
*/

/*フォーム設定-------------------------------------------------*/

.comentBox_mail{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	padding-top: 50px;
	background-color: #E0E1E0
}

.comentBox_mail h2{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}

.comentBox_mail h2 img{width:80%;}

.co_h3{ background-color:#666;
color:#fff;
font-size:140%;
padding:10px;
text-align:center;
margin-bottom:15px;}

.attention{color:#0075C2;}
.w20{ width:20%}


table.formTable1 {
	width: 100% !important;
	text-align: left;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
table.formTable1 th {
	padding: 3px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight: normal;
	vertical-align:middle;
	display:block;
	width:96% !important;
}
table.formTable1 td {
    padding: 3px;
	padding-top:5px;
	padding-bottom:5px;
    border-right: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
	vertical-align:middle;
	display:block;
	width:96% !important;
}

table.formTable1 input { padding:8px;border:0 !important;font-size:100%; text-align:left}
table.formTable1 input.inputbox1{ width:100%}
table.formTable1 input.inputbox2{ width:100%}

table.formTable1 textarea{width:105%; border:0}

table.formTable1 select{
  position: relative;
  padding: 10px;
  width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
font-size:100%;
color:#0075C2;
}

.select-wrap {
    position: relative;
    width: 100%;
	background-color:#fff;
	
}

.select-wrap:after {
  content: "";
    position: absolute;
    right: 10px;
    top: 15px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #0075C2;
    border-left: 2px solid #0075C2;
    transform: translateY(-50%) rotate(
-135deg
);
  font-size: 20px;
  pointer-events: none;
}

table.formTable1 input[type="submit"]{
	text-indent:-99999 !important;
}
	
/*.formbtn1{
	background-image: url(../../img/top/form_btn01.png);
	width: 50%;
	height:auto;
	text-indent: -99999 !important;
	margin-left: auto;
	margin-right: auto;
	border: none;
	text-decoration: none;
	background-color: transparent;
	cursor : pointer;
	background-size: cover;
	background-repeat: no-repeat;
	display:block;
}*/

.submit_w{width:80%;
margin-left:auto;
margin-right:auto;}
.submit_w .fBox{width:50%;}



/*フォームエラー・確認ページ*/

#formWrap {
	width:96% !important;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
#formWrap table.formTable td,#formWrap table.formTable th{
	border:1px solid #F1F1F1;
	padding:10px;
}

#formWrap table.formTable td{background-color:#fff !important;}

#formWrap table.formTable th{
	width: 30%;
	font-weight: normal;
	text-align: left;
	background-color: #CCCCCC;
}
#formWrap p.error_messe{
	margin:5px 0;
	color:red;
}

#formWrap .formbtn2{
	background-image:url(../../img/top/form_btn02.png);
	width:80% !important;
	height:auto;
	text-indent:-99999 !important;
	margin-left:auto;
margin-right:auto;
border:none;
text-decoration:none;
background-color:transparent;
cursor :pointer;
background-size: 100% auto !important;
background-repeat: no-repeat;}


.btn_area input[type="checkbox"]{
	width:10%;
	font-size:120%;
margin-left:auto;
margin-right:auto;
}

/**/

.pageTop {
	position: fixed;
	bottom: 80px;
	right: 10px;
	width: 40px !important;
	height: auto;
	z-index: 100001;
}
.pageTop img {
	width: 100%;
}

.homebk{
	position: fixed;
	bottom: 140px;
	right: 0;
	width: 53px;
	height: auto;
}
.homebk ul{text-align:center !important;}

.homebk ul li{
	font-family: "Ro-L";
	font-size: 100%;
	color: #fff;
	margin-left: 0 !important;
	margin-right: 0 !important;
	background-color: #000;
	font-weight: bold;
	line-height:14px;
	padding-top: 8px;
	padding-right: 18px;
	padding-bottom: 12px;
	padding-left: 3px;
}

.homebk ul li img{ width:26px !important;}

.homebk ul li a{ color:#fff;text-decoration:underline;padding:10px;display:block; text-align:center ; text-decoration:none}

.homebk ul li a:visited {
	color: #CC3 !important;
	text-decoration: none !important;
}

/*プルダウン設定*/

.homebk ul li ul { display: none; }
.homebk li:hover ul { display: block;
}

.homebk ul li ul{
	width: 80px;
	position: absolute;
	top:0;
	right:58px;
}


.homebk ul li ul li {
	display: block;
	margin-bottom: 0;
	text-align: left;
	font-size: 90%;
	margin-left: 0%;
	height: 12px;
	text-indent: 0 !important;
	background-color: #363;
	width: 80px;
	color: #fff;
	padding-top: 8px;
	padding-right:0;
	padding-bottom:8px;
	padding-left: 0 ;
	margin-bottom:1px;
}

.homebk ul li ul li:first-child{}


.homebk ul li ul li a{
	color: #fff;
	display: block;
	width:80px;
	height: 10px;
	font-size: 100%;
	padding-top: 8px;
	padding-right:5px;
	padding-bottom:8px;
	padding-left: 0 ;
}



.yoyaku{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
	z-index: 100001;
	background-color:#000;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
.yoyaku img {
	width: 40%;
}



/* 家紋の設定 */

.mark01{ width:40px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;}

.mark01 img{ width:100%;}


/*言語翻訳
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.langBox{ font-size:110%;
line-height:1.8em;
}

/* 国旗の設定 */

.flag01{ width:25px;
}
.flag01 img{ width:25px;
}


/*フッターロゴグロック設定-------------------------------------*/
.f_logoBox{ text-align:center;}

.f_logoBox h4{ width:50%!important;
margin-left:auto;
margin-right:auto;
}
 
.f_logoBox h4 img{ width:100%; height:auto !important;}

.f_logoBox p{ font-size:100%;
line-height:1.5em;
margin-bottom:4px;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.f_logoBox p strong{ font-size:120%; font-weight:bold !important}


.snsBox{ text-align:center;padding-left:8px;margin-bottom:80px;}

.snsBox .mark01{ width:35px;maigin-right:10px;maigin-left:20px;}

.snsBox .mark01 img{ width:35px;}



/*////////////////////////////////////*/

/*プライバシーポリシー*/

.comentBox3{ width:92%;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;
padding-top:50px !important;}

.comentBox3 h2{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}

.comentBox3 h2 img{width:80%;}


.comentBox3 p{
color:#000;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.8em;
font-size:130%;
}

.companyList{ width:90%; margin-left:auto;
margin-right:auto;}

.companyList dl{ margin-bottom:15px;}

.companyList dl dt{
	font-size: 110%;
	border-bottom: 1px #999999 solid;
	ffont-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #663300;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

.companyList dl dd{margin-bottom:15px; font-size:100%; font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;color:#999;padding:10px;}

.companyList dl dd a{ text-decoration:underline; color:#999}

.companyList h4{
	font-size: 120%;
	ffont-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #fff !important;
	background-color:#999;
	padding:10px;
	margin-bottom:20px;
	width:auto !important;
}
.companyList p{font-size:100%; font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#666; text-align:left; }


/*////////////////////////////////////*/

.comentBox2 p{
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:2em;
position:relative;
}

.comentBox2 p.im_o{font-size:100%;
/*margin-bottom:30px;*/
text-align: center;
position:relative;
z-index:1;
color:#fff !important;
}


/*花月大正館おもてなし
-------------------------------------------------*/

#secon_omotenashi{ background-color: #0B1E00 !important;}

#secon_history p{
color:#fff;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.8em;
font-size:110%;
}

#secon_omotenashi .comentBox3 h2{
	color: #CC0;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8em;
	font-size: 130%;
	margin-bottom:0;
	
}

.bod01{border-left:#CC0 2px solid;
border-right:#CC0 2px solid;
	width:45%;
	margin-left:auto;
margin-right:auto;
}

#secon_omotenashi .comentBox3 h3{
	color: #CCC;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8em;
	font-size: 120%;
	margin-bottom:15px;
}

#secon_omotenashi .comentBox3 .mark01{ margin-top:-20px}


#secon_omotenashi .hisBox{ margin-bottom:20px;}

#secon_omotenashi .hisBox td{ color:#fff !important;border-top: 0;}

/*.hisBox td strong{ font-size:140%; color:#C90;}*/
#secon_omotenashi .hisBox td.imgBox{ width:100%;}

#secon_omotenashi .hisBox td.imgBox img{ width:80%;}

#secon_omotenashi .hisBox td.imgBox .slide img{ width:100%;}

#secon_omotenashi .hisBox td.titBox{
	padding: 20px;
	vertical-align: middle;
	/*background-color: #666;*/
	/*background-image: url(../../img/common/logo_mark_gl40.png);*/
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#secon_omotenashi .hisBox td.titBox2{
	padding: 20px;
	vertical-align: middle;
	/*background-color: #666;*/
	/*background-image: url(../../img/common/logo_mark_gl40.png);*/
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: right bottom;

}

#secon_omotenashi .hisBox p{
	font-size: 130%;
	color: #999933 !important;
	border-bottom: #999933 1px solid;
	display: block;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#secon_omotenashi .grc{ color: #C60 !important;
font-size: 120%;}

.comentBox3{
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:20px !important;}

.comentBox3 p{
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:2em;
position:relative;

}

.comentBox3 p.im_o{font-size:110%;
/*margin-bottom:30px;*/
text-align: center;
position:relative;
z-index:1;
color:#fff !important;
margin-top:-20px;
line-height:1.8em
}

p.im_o{font-size:110%;
/*margin-bottom:30px;*/
text-align: center;
position:relative;
z-index:1;
color:#fff !important;
margin-top:0;
line-height:1.8em;
margin-bottom:50px;
}


.comentBox3 .imimg2{
	width:80%;
	margin-left:auto;
margin-right:auto;
}

.comentBox3 .imimg2 img.lf01{
	width:49%;
	float:left;
}

.comentBox3 .imimg2 img.rf01{
	width:49%;
	float:right;
}

.comentBox3 .imimg3{width:80%;
margin-left:auto;
margin-right:auto;
margin-bottom:50px}

.comentBox3 .imimg3 img{width:100%;}

.imimg4{width:100%;}

.imimg4 img{width:100%;}


.comentBox3 .rauBox{ padding:30px;
background-color:#14341D;
margin-bottom:50px;}

.comentBox3 .rauBox p{ color:#fff !important;
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.7em;
font-size:90% !important;
text-align:left;}

.comentBox3 .rauBox img{ width:53%;
margin-right:20px !important;
float:left;
margin-bottom:20px !important;}

.mark01_1{ width:40px;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;}

.mark01_1 img{ width:100%;}

/*スライダー3枚の場合
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.css-carousel-slider3 {
    width: 100%;
    overflow: hidden;
    position: relative;
	margin-left:auto;
margin-right:auto;
}
.css-carousel-slider3 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider3 .slide-wrap {
    width:300%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider3 15s infinite;
    animation-delay: 2s;
}
.css-carousel-slider6 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main3 15s infinite;
    animation-delay: 2s;
}
.css-carousel-slider6 .slide {
    width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider3 {
    0% { transform: translateX(0); }

    10.6%{ transform: translateX(calc(1 / 3 * -100%)); }
    16.6% { transform: translateX(calc(1 / 3 * -100%)); }
   43.8% { transform: translateX(calc(2 / 3 * -100%)); }
   49.8% { transform: translateX(calc(2 / 3 * -100%)); }
   95% { transform: translateX(calc(3 / 3 * -100%)); }
   100% { transform: translateX(calc(3 / 3 * -100%)); }
}


/*スライダー4枚の場合
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.css-carousel-slider4 {
    width: 100%;
    overflow: hidden;
    position: relative;
	margin-left:auto;
margin-right:auto;
}
.css-carousel-slider4 img {
    width: 	100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider4 .slide-wrap {
    width:400%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider4 25s infinite;
    animation-delay: 3s;
}
.css-carousel-slider4 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main4 5s infinite;
    animation-delay: 1s;
}
.css-carousel-slider4 .slide {
    width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider4 {
    0% { transform: translateX(0); }

    10.2%{ transform: translateX(calc(1 / 4 * -100%)); }
    14.2% { transform: translateX(calc(1 / 4 * -100%)); }
   30.6% { transform: translateX(calc(2 / 4 * -100%)); }
   34.6% { transform: translateX(calc(2 / 4 * -100%)); }
   51.0% { transform: translateX(calc(3 / 4 * -100%)); }
   55.0% { transform: translateX(calc(3 / 4 * -100%)); }
   71.4% { transform: translateX(calc(4 / 4 * -100%)); }
   100% { transform: translateX(calc(4 / 4 * -100%)); }
}



/*スライダー6枚の場合
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.css-carousel-slider6 {
    width: 100%;
    overflow: hidden;
    position: relative;
	margin-left:auto;
margin-right:auto;
}
.css-carousel-slider6 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider6 .slide-wrap {
    width:600%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider6 36s infinite;
    animation-delay: 5s;
}
.css-carousel-slider6 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main6 36s infinite;
    animation-delay: 5s;
}
.css-carousel-slider6 .slide {
    width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider6 {
    0% { transform: translateX(0); }

    10.6%{ transform: translateX(calc(1 / 6 * -100%)); }
    16.6% { transform: translateX(calc(1 / 6 * -100%)); }

    27.2%{ transform: translateX(calc(2 / 6 * -100%)); }
    33.2% { transform: translateX(calc(2 / 6 * -100%)); }

   43.8% { transform: translateX(calc(3 / 6 * -100%)); }
   49.8% { transform: translateX(calc(3 / 6 * -100%)); }
   
   60.4% { transform: translateX(calc(4 / 6 * -100%)); }
   66.4% { transform: translateX(calc(4 / 6 * -100%)); }
   
   77.0% { transform: translateX(calc(5 / 6 * -100%)); }
   83.0% { transform: translateX(calc(5 / 6 * -100%)); }
   
   95% { transform: translateX(calc(6 / 6 * -100%)); }
   100% { transform: translateX(calc(6 / 6 * -100%)); }
}


/*スライダー7枚の場合
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.css-carousel-slider7 {
    width: 100%;
    overflow: hidden;
    position: relative;
	margin-left:auto;
margin-right:auto;
}
.css-carousel-slider7 img {
    width: 	100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider7 .slide-wrap {
    width:700%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider7 25s infinite;
    animation-delay: 3s;
}
.css-carousel-slider7 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main7 5s infinite;
    animation-delay: 1s;
}
.css-carousel-slider7 .slide {
    width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider7 {
    0% { transform: translateX(0); }

    10.2%{ transform: translateX(calc(1 / 7 * -100%)); }
    14.2% { transform: translateX(calc(1 / 7 * -100%)); }

    20.4%{ transform: translateX(calc(2 / 7 * -100%)); }
    24.4% { transform: translateX(calc(2 / 7 * -100%)); }

   30.6% { transform: translateX(calc(3 / 7 * -100%)); }
   34.6% { transform: translateX(calc(3 / 7 * -100%)); }
   
   40.8% { transform: translateX(calc(4 / 7 * -100%)); }
   44.8% { transform: translateX(calc(4 / 7 * -100%)); }
   
   51.0% { transform: translateX(calc(5 / 7 * -100%)); }
   55.0% { transform: translateX(calc(5 / 7 * -100%)); }
   
   61.2% { transform: translateX(calc(6 / 7 * -100%)); }
   65.2% { transform: translateX(calc(6 / 7 * -100%)); }
   
   71.4% { transform: translateX(calc(7 / 7 * -100%)); }
   100% { transform: translateX(calc(7 / 7 * -100%)); }
}


/*旅館施設
-----------------------------------------------*/


.shisetsuBox01{ width:80%;
margin-left:auto;
margin-right:auto;
background-color: #CC9;
padding:15px;
border: 3px #999900 solid;
background-image:url(../../img/common/logo_mark_gr.png);
background-size:90px auto;
background-repeat:no-repeat;
background-position:140px 30px;

}

.shisetsuBox01 h3 {color: #000 !important;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8em;
	font-size: 120% !important;
	float: none;
	width:100%;
	text-align: center;
	padding-top:15px;}


.shisetsuBox01 .frimg01{
width:auto;
float: none;
margin-bottom:30px;
border: 3px #999900 double;
margin-left:auto;
margin-right:auto;
}

.shisetsuBox01 .frimg01{width:100%;}

.shisetsuBox01 p{
/*border: 5px #996633 solid;*/
clear:both;
-moz-box-shadow: 0px 0px 4px #333;
-webkit-box-shadow: 0px 0px 4px #333;
box-shadow: 0px 0px 4px #333;
margin-bottom:20px;
}

.shisetsuBox01 img{width:100%;}



/*お部屋詳細ページ
-------------------------------------------------*/

.comentBox3 .tit_room{color:#999900 !important;
font-size:120% !important;
width:96%;
margin-left:auto;
margin-right:auto;}

.comentBox3 p.im6{font-size:100%;
margin-bottom:30px;
color:#fff;
line-height:1.8em;
width:96%;
margin-left:auto;
margin-right:auto;
font-size:100%
}

.im_bsm{font-size:160%;
color:#dcdcdc;
font-family:"Ro-L";
margin-bottom:30px;
}

.typeimgBox { height:250px; background-color: #000;
text-align:center;
margin-bottom:30px;
width:100%;
margin-left:auto;
margin-right:auto;
background-image:url(../../img/common/logo_mark_gr2.png);
background-size:5px}

.typeimgBox img{height:250px; width:auto}

.lapBox01{margin-left:auto;
margin-right:auto;
width:96%;
padding-top:30px !important}



.ameni{ text-align:center;
margin-left:auto;
margin-right:auto;
}

.ameni p{ margin-left:1%;
margin-right:1%;
width:46%;
display: inline-block;
margin-bottom:10px}

.ameni p img{
width:100%}


.typeTit{
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #CC9;
	font-size: 120%;
	margin-bottom: 0;
	/*border: 5px double #660;*/
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../../img/common/logo_mark_gr2.png);
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color: #AFA879*/
	line-height: 2em;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

.typeTit img{width:100%;}
.typeTit strong{font-size:140%;}

.typeBox01{color:#fff;text-align:left;margin-bottom:15px;
border-top:1px solid #660;
margin-left:auto !important;
margin-left:auto !important;
width:94%;
}

.typeBox01 th{ width:20%;
/*padding:7px;*/
background-color:#660;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
border-bottom:1px solid #0B1E00;}

.typeBox01 td{
font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
/*padding:7px;*/
border-bottom:1px solid #660;
}


p.chap{font-size:80%;
margin-bottom:30px;
color:#fff;
line-height:1.5em;
text-align:left;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
width: 94%;
margin-left:auto;
margin-right:auto;
}

.yoyaku_btn04{ width:280px !important;
margin-bottom:50px;
display:block;
margin-left:auto;
margin-right:auto;}

.yoyaku_btn04{ width:100%;}

/* .slideShow
------------------------- */
.slideShow {
    margin: 0 auto 10px;
    text-align: left;
    display: none;
}

/* .mainView
------------------------- */
.slideShow .mainView {
    width: auto;
    position: relative;
    overflow: hidden;
	margin-bottom:10px;
}
.slideShow .mainView ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slideShow .mainView ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
	padding:0px;
}
.slideShow .mainView ul li img {
    width: 100%;
	display:block;
	padding:2px;
}
 
/* .thumbNail
------------------------- */
.slideShow .thumbNail {
    width: 100%;
    overflow: hidden;
}
 
.slideShow .thumbNail ul {
    width: 110%;
}
 
.slideShow .thumbNail ul li {
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer;
	padding:4px;
	margin-right:0.3%;
	margin-left:0.3%;
}
 
.slideShow .thumbNail ul li img {
    width: 100%;
	min-height:auto !important;
}
 
.slideShow .thumbNail ul li.active {
    filter: alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
/* sideNavi
------------------------- */
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
    top: 0;
    width: 5%;
    height: 100%;
    position: absolute;
    z-index: 100;
}
.slideShow .mainView .btnPrev {
    left: 0;
    background: #ccc url(../img/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
    right: 0;
    background: #ccc url(../img/btnNext.png) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.slideShow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.slideShow ul {
    display: inline-block;
    overflow: hidden;
}


/*////////////////////////////////////*/

.lapBox02{/*margin-left:auto;
margin-right:auto;*/
width:100%;
color:#EAE0B1}

.lapBox02 dl{margin-left:auto;
margin-right:auto;
width:70%;}


.lapBox02 dl dt{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: #C90 1px solid;
	width: 40%;
	color: #C90;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-top: 4%;
	padding-right: 7%;
	padding-bottom: 4%;
	padding-left: 7%;
}


.lapBox02 dl dt strong{ font-size:130%}

.lapBox02 dl dd{ float: none;
width:100%;
text-align: center;
color:#666;
margin-bottom:16px;
font-size:90%;
line-height:1.8em
}

.lapBox02 dl dd b{color:#C90;}



}