@charset "UTF-8";

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


/*PC設定*/

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




* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100%;
	line-height: 1.5em;
	color: #999;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	width: 100%;
}
h1, h2, h3, h4, h5 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p{font-family:"Ro-L"}

img {
	margin: 0px !important;
	padding: 0px !important;
	line-height: 0;
}
a {
	color: #06C;
	text-decoration: none;
}
a:visited {
	color: #fff !important;
	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 {
	width: 100%;
	text-align: center;
	position: relative;
	-moz-box-shadow: 0px 0px 4px #CCC;
-webkit-box-shadow: 0px 0px 4px #CCC;
box-shadow: 0px 0px 4px #CCC;
}
#header_box h1 {
	width:215px;
	display:block;
	position:absolute;
	right:10%;
	top:50px;
	z-index:100000000;
}

#header_box h1 img{width:100%;}

#header_box ul img{ width:100%;
height:auto;}


/*セカンドページヘッダー*/

#header_box2 {
	width: 100%;
	text-align: center;
	position: relative;
}
#header_box2 h1 {
	width:120px;
	position:absolute;
	top:12px;
	left:40px;
	z-index:10000;
}

#header_box2 h1 img{width:100%;}

#header_box2 ul img{ width:100%;
height:auto;}


#header_box2 .head_centerBox2{
	padding-top: 15px;
	padding-bottom: 15px;
	position: fixed;
	top: 0;
	left: 0;
	background-image: url(../../img/top/navi_bg01.png);
	background-repeat: repeat;
	z-index:10000;
	height:65px;
	text-align: right !important;
	width:100%;
}


#header_box2 ul {
padding-right:100px;
padding-top:12px

}
#header_box2 ul li {
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	padding:10px;
	}

/*#header_box ul li.lastli {
	margin-right: 0;
}*/
#header_box2 ul li a {
	color: #fff;
	display: block;
}

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

.main_img{width: 100%; margin-bottom:50px;}

.main_img img{width: 100%;}

/*プルダウン設定*/

#header_box2 ul li .la_mark{ width:18px; display:inline; padding-right:5px;}
#header_box2 ul li .la_mark img{ width:18px;}

.head_centerBox2 ul li{position: relative}

.head_centerBox2 ul li ul { display: none; }
.head_centerBox2 li:hover ul { display: block;
z-index:999999;
}

#header_box2 ul li ul{
	width:40px;
	/*background-image: url(../../img/common/bg/navi_bg.png);*/
	background-repeat: repeat;
	position: absolute;
	top:25px;
	left:20px;
	text-align:center !important
}


.head_centerBox2 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:15px;
text-indent:0 !important;
background-color: #999;
width:auto;
color: #fff;
}

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


.head_centerBox2 ul li ul li a{
	color: #fff;
	display: block;
	width:40px;
	height: auto;
	font-size: 100%;
	padding-top:0 !important;
	padding-right: 5px;
	padding-bottom: 0 !important;
	padding-left:0;
	text-align:center !important
}


/*お部屋一覧*/

.comentBox_page01{width:100%;
	margin-left:auto !important;
margin-right:auto !important;
padding-top:130px;}


.comentBox_page01 h3{ text-align:center;
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:40px;}

.comentBox_page01 p{font-size:120%; line-height:1.8em; color:#666;margin-bottom:50px;font-family:"Ro-L"}

.comentBox_page01 p.reg{font-size:100%; line-height:1.8em; color:#666;margin-bottom:50px;}


.comentBox_page01 .contBox3{
	width:100%;
background-color:#DFD9CB;
padding-top:70px;
padding-bottom:50px;
margin-bottom:70px;}

.comentBox_page01 h4{ width:22%;
height:auto;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
}

.comentBox_page01 h4 img{ width:100%}


.comentBox_page01 h5{
font-size:150%; line-height:1.8em; color:#666; margin-bottom:20px;

}

.comentBox_page01 ul{width:56%;
margin-left:auto;
margin-right:auto;}

.comentBox_page01 ul li{ width:44%;margin-left:3%; margin-right:3%; float:left;}
.comentBox_page01 ul li p{font-size:100%; line-height:2.8em; color:#666; margin-bottom:20px !important;font-family:"Ro-L"}

.comentBox_page01 ul li img{width:100%;}
.comentBox_page01 ul li a{}


.comentBox_page01 .contBox4{
	width:100%;
background-color:#fff;
padding-top:50px;
padding-bottom:50px;
margin-bottom:50px;}



/*お部屋詳細ページスライダー*/

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





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


/*施設一覧*/

.comentBox_page02{width:100%;
	margin-left:auto !important;
margin-right:auto !important;
padding-top:50px;}

.comentBox_page02 h3{ text-align:center;
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:40px;}

.comentBox_page02 p{font-size:120%; line-height:1.8em; color:#666;margin-bottom:80px;font-family:"Ro-L"}

.comentBox_page02 p.reg{font-size:100%; line-height:1.3em; color:#666;margin-bottom:50px;}


.comentBox_page02 .contBox3{
	width: 100%;
	background-color: #DDEEFF;
	padding-top: 70px;
	padding-bottom: 50px;
	margin-bottom: 70px;
}

/*.comentBox_page02 h4{ width:22%;
height:auto;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
}

.comentBox_page02 h4 img{ width:100%}*/


.comentBox_page02 h5{
font-size:150%; line-height:1.8em; color:#666; margin-bottom:20px;

}

.comentBox_page02 ul{width:76%;
margin-left:auto;
margin-right:auto;}

.comentBox_page02 ul li{ width:28%;margin-left:2%; margin-right:2%; float:left; margin-bottom:20px;}
.comentBox_page02 ul li p{font-size:120%; line-height:1.5em; color: #963; margin-bottom:10px;font-family:"Ro-L"}
.comentBox_page02 ul li p strong{color: #09C;}
.comentBox_page02 ul li p.reg{font-size:100%; line-height:1.3em; color:#666;margin-bottom:20px; text-align: center}
.comentBox_page02 .contBox4 ul li p.reg a{ color: #996}
.comentBox_page02 ul li img{width:100%; margin-bottom:10px !important}
.comentBox_page02 ul li a{}


.comentBox_page02 .contBox4{
	width:100%;
background-color:#fff;
padding-top:50px;
padding-bottom:50px;
margin-bottom:50px;}

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


/*運営会社*/
.companyList{ width:70%; margin-left:auto;
margin-right:auto;}

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

.companyList dl dt{ font-size:120%; border-bottom:1px #CCCC66 solid; font-family:"Ro-L"; color:#CCCC66; width:100%;margin-left:auto;
margin-right:auto; padding:10px; }

.companyList dl dd{margin-bottom:15px; font-size:100%;font-family:"Ro-L";color:#999;padding:10px;}

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

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



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

.companyList h4{
	font-size: 140%;
	font-family: font-family:"Ro-L";
	color: #fff !important;
	background-color:#999;
	padding:10px;
	margin-bottom:20px;
}
.companyList p{font-size:100%; font-family:"Ro-L"; color:#666; text-align:left; }

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

/********************
 FAQ アコーディオン
********************/

.menu {
	background-color: #DDD;
	font-size: 14px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}
.menu input {
  display: none; /*チェックボックスを隠す*/
}
/*バー部分*/
.menu label {
  cursor :pointer;
  display: block;
  text-decoration: none;
  position: relative;
  border-bottom:1px solid #EEE;
  border-left:1px solid #EEE;
  border-right:1px solid #EEE;
  height:50px;
  line-height:50px;
  color: #666;
  font-weight:bold;
  cursor:pointer;
  margin-bottom: 30px !important;
  width:70%;
  margin-left:auto;
margin-right:auto;
font-size:110%;
font-family:"Ro-L"

}

.menu label span{color: #990;}

.menu p strong{color: #930;}
.menu p {
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s
  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
  margin-bottom: 5px !important;
  text-align:left;
  width:68.7%;
  margin-left:auto;
margin-right:auto;
font-size:100%;
font-family:"Ro-L"
}


/*開いたときに表示される部分*/
#menu_bar01:checked ~ p.n01,
#menu_bar02:checked ~ p.n02,
#menu_bar03:checked ~ p.n03,
#menu_bar04:checked ~ p.n04,
#menu_bar05:checked ~ p.n05,
#menu_bar06:checked ~ p.n06,
#menu_bar07:checked ~ p.n07,
#menu_bar08:checked ~ p.n08,
#menu_bar09:checked ~ p.n09,
#menu_bar10:checked ~ p.n10,
#menu_bar11:checked ~ p.n11,
#menu_bar12:checked ~ p.n12,
#menu_bar13:checked ~ p.n13,
#menu_bar14:checked ~ p.n14,
#menu_bar15:checked ~ p.n15,
#menu_bar16:checked ~ p.n16,
#menu_bar17:checked ~ p.n17,
#menu_bar18:checked ~ p.n18,
#menu_bar19:checked ~ p.n19,
#menu_bar20:checked ~ p.n20
{
  height: auto; /*開いたときに表示されるliの高さ*/
  opacity: 1;
  background-color:#fff;
  padding: 10px;
  margin-top:-30px !important;
  margin-bottom:30px !important;
}
 /*開いたときの下の余白*/
#menu_bar01:checked ~ p.n01:last-child,
#menu_bar02:checked ~ p.n02:last-child, 
#menu_bar03:checked ~ p.n03:last-child, 
#menu_bar04:checked ~ p.n04:last-child, 
#menu_bar05:checked ~ p.n05:last-child, 
#menu_bar06:checked ~ p.n06:last-child, 
#menu_bar07:checked ~ p.n07:last-child, 
#menu_bar08:checked ~ p.n08:last-child, 
#menu_bar09:checked ~ p.n09:last-child, 
#menu_bar10:checked ~ p.n10:last-child, 
#menu_bar11:checked ~ p.n11:last-child,
#menu_bar12:checked ~ p.n12:last-child,
#menu_bar13:checked ~ p.n13:last-child,
#menu_bar14:checked ~ p.n14:last-child,
#menu_bar15:checked ~ p.n15:last-child,
#menu_bar16:checked ~ p.n16:last-child,
#menu_bar17:checked ~ p.n17:last-child,
#menu_bar18:checked ~ p.n18:last-child,
#menu_bar19:checked ~ p.n19:last-child,
#menu_bar20:checked ~ p.n20:last-child
{
  margin-bottom: 0px;
}
.menu label:after{
  content:"";
  display:block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  position:absolute;
  right: 2%;
  top: 35%;
  margin: auto;
}
/*開いた状態の矢印描画*/
.menu input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width: 0;
  height: 0;
  border-top: none !important;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position:absolute;
  right: 2%;
  top: 35%;
  margin: auto;
}


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

.head_centerBox{
	padding-top: 15px;
	padding-bottom: 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../../img/top/navi_bg01.png);
	background-repeat: repeat;
	z-index:100000000;
	width:100%;
}

/*.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 {
	margin-left:auto;
margin-right:auto;
text-align:center;
width:100%;
}
#header_box ul li {
	margin-left: 20px;
	margin-right: 20px;
	display: inline-block;
	padding:20px;
	}

/*#header_box ul li.lastli {
	margin-right: 0;
}*/
#header_box ul li a {
	color: #fff;
	display: block;
}


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


.head_rightBox{
	width:75px;
	position: fixed;
top:150px;
right:0;
background-image:url(../../img/top/navi_bg01.png);
background-repeat: repeat;
z-index:100000000;
}

.head_rightBox ul{text-align:center !important; padding-bottom:10px; padding-top:10px;}

.head_rightBox ul li{ font-family:"Ro-L";
font-size:100%;
color:#fff;
margin-left: 0;
margin-right: 0;
margin-left:0 !important;
margin-right:0 !important;
padding:10px !important;

}

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

.head_rightBox ul li a{ text-decoration:none;padding:0px;display:block; text-align:center ; color:#FFF !important; font-weight: bold}

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

/*プルダウン設定*/

.head_rightBox ul li ul { display: none; }
.head_rightBox li:hover ul { display: block;
z-index:999999;
}

.head_rightBox ul li ul{
	width: 80px;
	/*background-image: url(../../img/common/bg/navi_bg.png);*/
	background-repeat: repeat;
	position: absolute;
	top:100px;
	right:96px;
}


.head_rightBox 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:15px;
text-indent:0 !important;
background-color: #999;
width:80px;
color: #fff;
}

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


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



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

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



/*飛行機ボックス*/

.fryBox{ background-image:url(../../img/top/top_img01_2.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center -200px;
position:relative;
height:400px;
text-align:left;
margin-bottom:100px;
}

.fry01 {position:absolute;
top:50px;
left:8%;}

.fry01 h2{ font-size:200%;font-family:"RmP-Medium"; color:#fff;
margin-bottom:30px;}

.fry01 p{ font-size:120%;font-family:"RmP-Medium"; color:#fff;
line-height:1.8em;}

/* ふわっとアニメーション */
@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;
  }
}



.comentBox{
	width:1000px;
	margin-left:auto !important;
margin-right:auto !important;}

.comentBox h3{ text-align:center;
width:100%;
margin-left:auto;
margin-right:auto;
border-bottom:#C89F63 1px solid;
margin-bottom:40px;}

.comentBox .btn03{
margin-bottom:80px;
width:70px;
margin-left:auto;
margin-right:auto;
}

.comentBox .btn03 a{
width:70px;
}

.comentBox .btn03 img{width:100%;}



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


.news-box01  {
border-bottom:#C89F63 1px solid;

}

h3{ text-align:center;
width:100%;
margin-left:auto;
margin-right:auto;
border-bottom:#C89F63 1px solid;
margin-bottom:40px;}

.news-box01 h3 img{ width:248px;}

.news-box01 ul {width:100%; color:#666;margin-bottom:40px;}

.news-box01 ul li{
	margin:0 !important;float:left !important;font-size:100%;}
.news-box01 ul li img{ width:190px; height:auto; margin-bottom:20px !important;}
.news-box01 ul li:nth-child(1) { border-right:#C89F63 1px dotted; padding:2.5%; height:260px}
.news-box01 ul li:nth-child(2) { padding:2.4%; height:260px;border-right:#C89F63 1px dotted;}
.news-box01 ul li:nth-child(3) { padding:2.4%; height:260px;border-right:#C89F63 1px dotted;}
.news-box01 ul li:nth-child(4) { padding:2.4%; height:260px}

.news-box01 ul li span{ font-size:84%}


/*topix 一覧　====================================*/

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

.contBox5 dl{ width:18.83%; text-align:left;
float:left; margin-left:1%; margin-right:1%;
border:1px #dcdcdc solid;
padding:2%;
height:240px;
margin-bottom:20px;}

.contBox5 dl p{ height:135px;
 overflow:hidden; margin-bottom:10px !important;border:1px #dcdcdc solid;}
 
.contBox5 dl p img{width:100%; margin-bottom:10px;}
.contBox5 dl dt{ font-size:100%; color:#666 }
.contBox5 dl dd{font-size:80%;color:#666 }

/*topix 詳細　====================================*/

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

.contBox6 dl.shosai01{
	width: 100%;
	text-align: center;
	height: auto;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dcdcdc;
	border-right-color: #dcdcdc;
	border-bottom-color: #dcdcdc;
	border-left-color: #dcdcdc;
	padding-top: 50px;
	padding-right: 2%;
	padding-bottom: 50px;
	padding-left: 2%;
}

.contBox6 dl p{ height:auto;
width:55%;
margin-left:auto;
margin-right:auto;
 overflow:hidden; margin-bottom:10px !important;border:1px #dcdcdc solid;}
 
.contBox6 dl p img{width:100%; margin-bottom:10px;}
.contBox6 dl dt{ font-size:120%; color:#666; margin-bottom:15px; }
.contBox6 dl dd{font-size:100%;color:#666;border-bottom:1px #dcdcdc dotted; padding-bottom:30px; margin-bottom:30px;}

.newsBox01{width:100%;
margin-left:auto;
margin-right:auto;}

.newsBox01 p{ border:0 !important; font-size:100%}

.newsBox01 p a{ color:#666 !important}




/*コンセプト
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.contBox01{
	width:100%;
background-color:#DFD9CB;
padding-top:50px;
padding-bottom:50px;
margin-bottom:50px;}

.contBox01 h3{ text-align:center;
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}

.contBox01 .cont02{
	width:86%;
	margin-left:auto !important;
margin-right:auto !important;
}

.contBox01 .cont02 h4{ font-size:170%;font-family:"RmP-Medium"; color:#666;
margin-bottom:15px;
width:49%;
float:right;
line-height:1.7em;
text-align:left;}


.contBox01 .cont02 .imgbox01{ float:left; width:48%;}


.contBox01 .cont02 .imgbox01 img{ width:100%; margin-bottom:50px;
 margin-left:20px;}

.contBox01 .cont02 p{font-size:110%; line-height:1.8em; color:#666;margin-bottom:30px;
text-align:left;
width:49%;
float:right;
font-family:"Ro-L"}

.contBox01 p.img01{ float:left; width:23%; margin-left:3%}

.contBox01 p.img02{float:right; width:23%;}

.contBox01 p img{width:100%;}


/*施設
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.comentBox2{
	width:86%;
	margin-left:auto !important;
margin-right:auto !important;
}

.comentBox2 h3{ text-align:center;
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}
.comentBox2 .shisetsuBox01 .type01{ float:left;width:50%; padding:0; margin:0}
.comentBox2 .shisetsuBox01 .type02{ float:left;width:25%;  padding:0; margin:0}

.comentBox2 .type03{
	display: block;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	background-image: url(../../img/top/top_img04/top_img04_06.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	height: 300px;
	background-position: right -50px;
	background-color: #1ba9d7;
}

.comentBox2 .type03 p{font-size:120%;color:#fff; position:absolute;
top:50px;
left:50px;
z-index:100;
text-align:left;
line-height:2.4em;
font-family:"Ro-L"}

.comentBox2 .btn03{
margin-bottom:80px;
width:70px;
margin-left:auto;
margin-right:auto;
}

.comentBox2 .btn03 a{
width:70px;
}

.comentBox2 .btn03 img{width:100%;}






/* お部屋
======================================= */

.contBox01 .cont02_1{
	width:86%;
	margin-left:auto !important;
margin-right:auto !important;
}

.contBox01 .cont02_1 p{font-size:120%; line-height:1.8em; color:#666;margin-bottom:30px;
text-align: center;
font-family:"Ro-L"
}


/*お部屋スライダー
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#recommend-box {
	width: 900px;
	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:900px;margin-bottom:20px !important;}



/*スライダー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 15s infinite;
    animation-delay: 2s;
}
.css-carousel-slider6 .slide-wrap-main {
    width: 900px;
    z-index: 1;
    animation: css-carousel-slider-main6 15s infinite;
    animation-delay: 2s;
}
.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%)); }
}

/*お食事*/

.shisetsuBox02 { margin-bottom:50px;}

.shisetsuBox02 h3{ margin-bottom:50px;}

.shisetsuBox02 .type01{width:33.3%; padding:0; margin:0}

.cont03 p{font-size:120%; line-height:1.8em; color:#666;padding-bottom:50px;border-bottom:#C89F63 1px solid;margin-bottom:0;font-family:"Ro-L"}


/*お食事 詳細ページ */

.cuisineBox{ width:1100px;
margin-left:auto;
margin-right:auto;}

.cuisineBox01 { /*width:53%; float:left;*/}

.cuisine_h4{
	background-image: url(../../img/page/cuisine/bg_arrow_l.png),url(../../img/page/cuisine/bg_arrow_r.png);
	background-position: left center, right center;
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size:160%;
	text-align:center;
	color:#960;
}

.cuisine_h4_01{
	background-image: url(../../img/page/cuisine/bg_arrow_l.png),url(../../img/page/cuisine/bg_arrow_r.png);
	background-position: left center, right center;
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-right: 30px !important;
	padding-bottom: 10px;
	padding-left: 30px !important;
	font-size:160%;
	text-align:center;
	color:#960;
	width:360px !important;
}

.cuisineBox01 dl{text-align:left}

.cuisineBox01 dl dt{
font-size:120%;
color:#333;
margin-bottom:15px;
border-bottom:#999 1px solid;
line-height:1.5em;
padding-bottom:0.5em
}

.cuisineBox01 dl dd{
color:#666;
line-height:1.8em;
margin-bottom:50px;
float:left;
width:46%;
margin-right:2%;
margin-left:2%
}

.cuisineBox01 dl dd.reset01{margin-right:0;
margin-left:0 }

.cuisineBox .imgBox2{width:100%; padding-top:10px; margin-bottom:20px;}

.cuisineBox .imgBox2 img{width:100%;}

.cuisineBox .imgBox img:first-child { margin-right:10px !important;}

.cuisineBox .imgBox3 img{width:46%;}



/*ボタンボックス */
.btnBox03 { width:720px;
margin-left:auto;
margin-right:auto;
}


.btnBox03 ul li{display:block;}
.btnBox03 ul li a{ display:block;
}
.btnBox03 ul li a:hover {
	opacity: 0.7;
}

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

.btnBox03 ul li:nth-child(1) {float:left; width:46%;}

.btnBox03 ul li:nth-child(2) {float:right; width:46%;}


/*snsBox設定-------------------------------------------------*/


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

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

.snsBox .mark01 img{ width:100%;}



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


.footerBox{
	margin-bottom:0 !important;
	background-color:#DFD9CB;
	position:relative;
}



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



/*フッターロゴグロック設定-------------------------------------*/
.f_logoBox{ text-align:left; 
width:856px;
margin-left:auto;
margin-right:auto;
padding-top:50px;
margin-bottom:50px;
}

.f_logoBox iframe{
	width:400px;
	height:240px;
	display:block;
	float:right;
}

.logoBox_l{ float:left;
width:400px;
margin-bottom:50px;
}

.logoBox_l h4{
margin-bottom:30px;}
 
.logoBox_l h4 img{ width:100%; height:auto !important;}

.logoBox_l h5{font-size:130%;color:#666;}

.logoBox_l p{ font-size:100%;
line-height:1.8em;
margin-bottom:4px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#666;}

.logoBox_l p strong{ font-size:120%;}

.logoBox_l p strong a{ color:#666;}

.f_linkBox{width:656px;
margin-left:auto;
margin-right:auto;
margin-bottom:100px;}

.f_linkBox table td{font-size:100%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#666;
padding:10px;}

.f_linkBox table .type01{ width:43%; text-align:right}
.f_linkBox table .type02{ width:32%; text-align:right}

.f_linkBox table td a{color:#666 !important;}

/*ページトップ-----------------------------------------------*/


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


.pageTop {
	position: fixed;
	bottom: 20px;
	right: 15px;
	width: 70px;
	height: auto;
	z-index: 100001;
}
.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;
}*/




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

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

.attention{color:#0075C2;}

.w20{ width:20px}


table.formTable1 {
    margin: 15px auto 70px auto;
    width: 700px;
    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;font-size:100%; border:#999 1px solid;}
table.formTable1 input.inputbox1{ width:42.5%}
table.formTable1 input.inputbox2{ width:95%}

table.formTable1 textarea{width:100%; border:#999 1px solid;}

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:300px;
	height:48px;
	text-indent:-9999;
	margin-left:auto;
margin-right:auto;
border:none;
text-decoration:none;
background-color:transparent;
cursor :pointer;
 background-size:contain;
 background-repeat:no-repeat;}

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










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

#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: #fff !important;
	text-decoration: none;
}
h1, h2, h3, h4, h5, p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-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:#FFF;*/
}
/*.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;
}



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

a#menu{
	display: inline-block;
	position: absolute;
	width: 43px;
	height: 43px;
	/*background-color: #000;*/
	padding-left:0;
	top: 0;
  	left: 20px !important;
	}

	#menuBtn{
  	display: block;
  	position: absolute;
  	top: 40%;
  	left:0%;
  	width: 24px;
  	height: 2px;
  	/*margin: -1px 0 0 -7px;*/
	margin: 3px 0 0 0;
  	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: -2px;
		top: 45px;
		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 !important;
	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;}
	
	
	
/*FIXナビ*/
.head_rightBox{
	width:52px;
	position: fixed;
top:160px;
right:0;
background-image:url(../../img/top/navi_bg01.png);
background-repeat: repeat;
z-index:100000000;
}

.head_rightBox ul{text-align:center !important;}


.head_rightBox ul li{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:100%;
color:#fff;
margin-left: 0;
margin-right: 0;
margin-left:0 !important;
margin-right:0 !important;
padding:5px !important;

}

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

.head_rightBox ul li a{ text-decoration: none;padding:10px;display:block; text-align:center ; color:#FFF !important; font-weight: bold}

/*プルダウン設定*/

.head_rightBox ul li ul { display: none; }
.head_rightBox li:hover ul { display: block;
z-index:100000001;
}

.head_rightBox ul li ul{
	width: 52px;
	/*background-image: url(../../img/common/bg/navi_bg.png);*/
	background-repeat: repeat;
	position: absolute;
	top:150px;
	right:50px;
}


.head_rightBox 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:15px;
text-indent:0 !important;
background-color: #999;
width:80px;
color: #fff;
}

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


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








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

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


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

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

.slideBox1 img{ width:100%;
height:580px !important;
/*height:640px !important;*/}

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

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

.item2: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 sp-slide {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}

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


/*飛行機ボックス*/

.fryBox1{
	
	position: relative;
	text-align: left;
	margin-bottom: 50px;
}

.fry01 {position:absolute;
top:20px;
left:20px;}

.fry01 h2{ font-size:130%;font-family:"RmP-Medium"; color:#fff;
margin-bottom:10px;}

.fry01 p{ font-size:100%;font-family:"RmP-Medium"; color:#fff;
line-height:1.8em;}


.comentBox{
	width:100%;
	margin-left:auto !important;
margin-right:auto !important;
}

.comentBox h3{ text-align:center;
width:100%;
margin-left:auto;
margin-right:auto;
border-bottom:#C89F63 1px solid;
margin-bottom:40px;}

.comentBox h3 img{width:36%;}

.comentBox .btn03{
margin-bottom:80px;
width:56px;
margin-left:auto;
margin-right:auto;
}

.comentBox .btn03 a{
width:56px;
}

.comentBox .btn03 img{width:100%;}

.btn03{ margin-bottom:30px !important;
}

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


.news-box01  {
border-bottom:#C89F63 1px solid;
padding-bottom:15px;
}

h3{ text-align:center;
width:100%;
margin-left:auto;
margin-right:auto;
border-bottom:#C89F63 1px solid;
margin-bottom:15px !important;}

.news-box01 h3 img{ width:36%;}

.news-box01 ul {width:100%; color:#666;
}

.news-box01 ul li{ width:41%;
	margin:0 !important;float:left !important;font-size:84%;}
.news-box01 ul li img{ width:96%; height:auto; margin-bottom:20px !important;}
.news-box01 ul li:nth-child(1) { border-right:#C89F63 1px dotted;border-bottom:#C89F63 1px dotted; padding:4.6%; height:auto;}
.news-box01 ul li:nth-child(2) { padding:3.7%; height:auto; border-right:0}
.news-box01 ul li:nth-child(3) { padding:4.6%; height:auto; border-right:0}
.news-box01 ul li:nth-child(4) { border-left:#C89F63 1px dotted;border-top:#C89F63 1px dotted; padding:4.2%; padding-left:3.2%;}

.news-box01 ul li span{ font-size:74%}

.news-box01 ul li a{color:#666; text-decoration:none}


/*コンセプト
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.contBox01{
	width:100%;
background-color:#DFD9CB;
padding-top:50px;
padding-bottom:25px;
margin-bottom:25px;}

.contBox01 h3{ text-align:center;
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;
}

.contBox01 h3 img{ width:36%;}

.contBox01 .cont02{
	width:94%;
	margin-left:auto !important;
margin-right:auto !important;
}

.contBox01 .cont02 h4{ font-size:150%;font-family:"RmP-Medium"; color:#666;
margin-bottom:25px; line-height:1.8em;
width:100%;
float:none;
text-align: center;}

.contBox01 .cont02 .imgbox01{float: none;width:100%; }
.contBox01 .cont02 .imgbox01 img{ width:100%; margin-bottom:25px;}

.contBox01 .cont02 p{font-size:100%; line-height:1.8em; color:#666;margin-bottom:25px;text-align: center;width:100%;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.contBox01 p.img01{ float:left; width:47%;}

.contBox01 p.img02{float:right; width:47%;}

.contBox01 p img{width:100%;}


/*施設
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.comentBox2{
	width:100%;
	margin-left:auto !important;
margin-right:auto !important;
}

.comentBox2 h3{ text-align:center;
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;
}

.comentBox2 h3 img{width:36%;}

.comentBox2 .shisetsuBox01 .type01{ float:left; width:100%; padding:0; margin:0}
.comentBox2 .shisetsuBox01 .type02{ float:left; width:50%; padding:0; margin:0}

.comentBox2 .type03{
	display:block;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	position:relative;
	background-image:none;
	height:auto;
}

.comentBox2 .type03 p{font-size:100%;color:#fff; position:absolute;
top:20px;
left:20px;
z-index:100;
text-align:left;
line-height:1.8em;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.comentBox2 .btn03{
margin-bottom:40px;
width:56px;
margin-left:auto;
margin-right:auto;
}

.comentBox2 .btn03 a{
width:56px;
}

.comentBox2 .btn03 img{width:100%;}


/* お部屋
======================================= */

.contBox01 .cont02_1{
	width:96%;
	margin-left:auto !important;
margin-right:auto !important;
}

.contBox01 .cont02_1 p{font-size:100%; line-height:1.8em; color:#666;margin-bottom:30px;
text-align: center;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*お部屋スライダー
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#recommend-box {
	width: 94%;
	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:100%;margin-bottom:20px !important;}

/*施工事例スライダー6枚の場合
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.css-carousel-slider6 {
    width: 94%;
    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 15s infinite;
    animation-delay: 2s;
}
.css-carousel-slider6 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main6 15s infinite;
    animation-delay: 2s;
}
.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%)); }
}


.btn03 {width:56px;
margin-left:auto;
margin-right:auto;}
.btn03 a{
width:56px;
}

.btn03 img{width:100%;}


/*お食事*/

.shisetsuBox02 { margin-bottom:25px;}

.shisetsuBox02 h3{ margin-bottom:25px;}

.shisetsuBox02 h3 img{width:36%;}

.shisetsuBox02 .type01{width:100%; padding:0; margin:0}

.cont03 p{font-size:100%; line-height:1.8em; color:#666;padding-bottom:25px;border-bottom:#C89F63 1px solid;margin-bottom:0;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*お食事 詳細ページ */

.cuisineBox{ width:94%;
margin-left:auto;
margin-right:auto;}

.cuisineBox01 { width:100%; float:none;}

.cuisine_h4{
	background-image: url(../../img/page/cuisine/bg_arrow_l.png),url(../../img/page/cuisine/bg_arrow_r.png);
	background-position: left center, right center;
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size:130%;
	text-align:center;
	color:#960;
	width:50% !important;
}

.cuisine_h4_01{
	background-image: url(../../img/page/cuisine/bg_arrow_l.png),url(../../img/page/cuisine/bg_arrow_r.png);
	background-position: left center, right center;
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-right: 30px !important;
	padding-bottom: 10px;
	padding-left: 30px !important;
	font-size:130%;
	text-align:center;
	color:#960;
	width:76% !important;
}

.cuisineBox01 dl{text-align:left}

.cuisineBox01 dl dt{
font-size:110%;
color:#333;
margin-bottom:15px;
border-bottom:#999 1px solid;
line-height:1.5em;
text-align:center;
padding-bottom:10px;
}

.cuisineBox01 dl dd{
color:#666;
line-height:1.6em;
font-size:90%;
margin-bottom:20px;
float:none;
width:100%;
margin-right:0;
margin-left:0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.cuisineBox .imgBox{width:100%; float:none; padding-top:10px; margin-bottom:30px}

.cuisineBox .imgBox img{width:47%; margin-left:1%; margin-right:1%}

.cuisineBox .imgBox2{width:80%; float:none; padding-top:10px; margin-bottom:30px; margin-left:10%}

.cuisineBox .imgBox2 img{width:100%;}

.cuisineBox .imgBox3{width:80%; float:none; padding-top:10px; margin-bottom:30px; margin-left:10%}

.cuisineBox .imgBox3 img{width:100%;}



/*ボタンボックス */
.btnBox03 { width:94%;
margin-left:auto;
margin-right:auto;
}

.btnBox03 ul li{display:block;}
.btnBox03 ul li a{ display:block;
}


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

.btnBox03 ul li:nth-child(1) {float:left; width:48%;}

.btnBox03 ul li:nth-child(2) {float:right; width:48%;}


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

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

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


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: 125px;
	right: 10px;
	width: 40px;
	height: auto;
	z-index: 100001;
}
.homebk img {
	width: 100%;
}


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







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


.footerBox{
	margin-bottom:0 !important;
	background-color:#DFD9CB;
	position:relative;
}



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



/*フッターロゴグロック設定-------------------------------------*/
.f_logoBox{ text-align:left; 
width:90%;
margin-left:auto;
margin-right:auto;
padding-top:25px;
}

.f_logoBox iframe{
	width:100%;
	height:240px;
	display:block;
	float:none;
}

.logoBox_l{ float:none;
width:100%;
margin-bottom:25px;
}

.logoBox_l h4{width:none;
margin-bottom:30px;}

.logoBox_l h4{width:100% !important;
margin-bottom:30px;}
 
.logoBox_l h4 img{ width:100% !important;}

.logoBox_l h5{font-size:110%;color:#666;}

.logoBox_l p{ font-size:90%;
line-height:1.8em;
margin-bottom:4px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#666;}

.logoBox_l p strong{ font-size:120%;}

.logoBox_l p strong a{ color:#666;}



/*セカンドページヘッダー*/

.header_box_sp_top {
	width: 100%;
	text-align: center;
	position: relative !important;
}

.logoBox3{
	position: absolute;
	top:0;
	left:0;
	background-image: url(../../img/top/navi_bg01.png);
	background-repeat: repeat;
	z-index:100;
	text-align:center;
	height:auto;
	width: 100%;

}

.logoBox3 h1{width:auto;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;

}
.logoBox3 h1 img{width:70%;}


/*#header_box ul li.lastli {
	margin-right: 0;
}*/
/*.header_box_sp_top ul li a {
	color: #fff;
	display: block;
}

.header_box_sp_top ul li img{width: 100%;}
*/
.main_img{width:100%; margin-bottom:50px;
height:150px;}

.main_img img{width: 100%;}


/*お部屋一覧*/

.comentBox_page01{width:100%;
	margin-left:auto !important;
margin-right:auto !important;
padding-top:70px;
}

.comentBox_page01 h3{ text-align:center;
width:80%;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
padding-top:0;}


.comentBox_page01 img{ width:46%;}

.comentBox_page01 p{font-size:100%; line-height:1.8em; color:#666;margin-bottom:30px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.comentBox_page01 p.reg{font-size:100%; line-height:1.8em; color:#666;margin-bottom:30px; width:90%;
margin-left:auto;
margin-right:auto;}


.comentBox_page01 .contBox3{
	width:100%;
background-color:#DFD9CB;
padding-top:35px;
padding-bottom:25px;
margin-bottom:35px;}

.comentBox_page01 h4{width:70%;/* width:280px;*/
height:auto;
margin-bottom:25px;
margin-left:auto;
margin-right:auto;
}

.comentBox_page01 h4 img{ width:100%}


.comentBox_page01 h5{
font-size:130%; line-height:1.8em; color:#666; margin-bottom:20px;

}

.comentBox_page01 ul{width:94%;
margin-left:auto;
margin-right:auto;}

.comentBox_page01 ul li{ width:48%;margin-left:1%; margin-right:1%; float:left;}
.comentBox_page01 ul li p{font-size:84%; line-height:1.8em; color:#666; margin-bottom:20px !important; padding-top:5px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.comentBox_page01 ul li img{width:100%;}
.comentBox_page01 ul li a{}


.comentBox_page01 .contBox4{
	width:100%;
background-color:#fff;
padding-top:25px;
padding-bottom:25px;
margin-bottom:25px;}

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


/*お部屋詳細ページスライダー*/

/* .slideShow
------------------------- */
.slideShow {
    margin: 0 auto 10px;
    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%;
}
 
.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;}




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


/*施設一覧*/

.mainImgBox{ position:relative}

.comentBox_page02{width:100%;
	margin-left:auto !important;
margin-right:auto !important;
padding-top:0;}

.comentBox_page02 .mainImgBox .txt01{
z-index:1;
top:180px;
left:7%;
position:absolute;

}

.comentBox_page02 .mainImgBox h3{ text-align:center;
width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:40px;
}

.comentBox_page02 .mainImgBox h3 img{ width:56%;}

.comentBox_page02 .wH3{ width:46%;}

.comentBox_page02 .mainImgBox .spcl{ color:#fff;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}


.comentBox_page02 p{font-size:110%; line-height:1.8em; color:#666;margin-bottom:40px; width:100%;
margin-left:auto;
margin-right:auto;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.comentBox_page02 p.ww1{ width:92%;
}

.comentBox_page02 p.reg{font-size:100%; line-height:1.3em; color:#666;margin-bottom:30px;}


.comentBox_page02 .contBox3{
	width:100%;
background-color: #DDEEFF;
padding-top:50px;
padding-bottom:30px;
margin-bottom:30px;
}



.comentBox_page02 h4{ width:280px;
height:auto;
margin-bottom:25px;
margin-left:auto;
margin-right:auto;
}

.comentBox_page01 h4 img{ width:100%}


.comentBox_page02 h5{
font-size:130%; line-height:1.8em; color:#666; margin-bottom:20px;

}

.comentBox_page02 ul{width:94%;
margin-left:auto;
margin-right:auto;}

.comentBox_page02 ul li{ width:48%;margin-left:1%; margin-right:1%; float:left;}
.comentBox_page02 ul li p{font-size:100%; line-height:1.5em; color: #963; margin-bottom:10px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.comentBox_page02 ul li p strong{color: #09C;}
.comentBox_page02 ul li p.reg{font-size:90%; line-height:1.3em; color:#666;margin-bottom:30px; text-align:left}
.comentBox_page02 .contBox4 ul li p.reg{ text-align: center !important}
.comentBox_page02 .contBox4 ul li p.reg a{ color: #996}

.comentBox_page02 ul li img{width:100%; margin-bottom:10px !important}
.comentBox_page02 ul li a{}



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


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

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

.attention{color:#0075C2;}



table.formTable1 {
	width: 92% !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:70px !important;
	border:0 !important;
}
table.formTable1 td {
    padding: 3px;
	padding-top:5px;
	padding-bottom:15px;
	vertical-align:middle;
	display:block;
	border:0 !important;
	
}

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

table.formTable1 textarea{width:100%; border:0;border:1px #999999 solid !important;}

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

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


/*運営会社*/
.companyList{ width:90%; margin-left:auto;
margin-right:auto;}

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

.companyList dl dt{ font-size:110%; border-bottom:1px #CCCC66 solid; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#CCCC66; width:auto;margin-left:auto;
margin-right:auto; padding:10px; }

.companyList dl dd{margin-bottom:15px; font-size:100%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#999;padding:10px;}

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

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

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

.companyList h4{
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff !important;
	background-color:#999;
	padding:10px;
	margin-bottom:20px;
	width:auto !important;
}
.companyList p{font-size:100%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#666; text-align:left; }


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

/********************
 FAQ アコーディオン
********************/

.menu {
	background-color: #DDD;
	font-size: 14px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}
.menu input {
  display: none; /*チェックボックスを隠す*/
}
/*バー部分*/
.menu label {
  cursor :pointer;
  display: block;
  text-decoration: none;
  position: relative;
  border-bottom:1px solid #EEE;
  border-left:1px solid #EEE;
  border-right:1px solid #EEE;
  height:50px;
  line-height:1.3em;
  color: #666;
  font-weight:bold;
  cursor:pointer;
  margin-bottom: 30px !important;
  width:100%;
  margin-left:auto;
margin-right:auto;
font-size:90%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.menu label span{color: #990;}

.menu label .sph{ padding-top:1em;}

.menu p strong{color: #930;}

.menu p {
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s
  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
  margin-bottom: 5px !important;
  text-align:left;
  width:auto;
  margin-left:auto;
margin-right:auto;
font-size:90%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*開いたときに表示される部分*/
#menu_bar01:checked ~ p.n01,
#menu_bar02:checked ~ p.n02,
#menu_bar03:checked ~ p.n03,
#menu_bar04:checked ~ p.n04,
#menu_bar05:checked ~ p.n05,
#menu_bar06:checked ~ p.n06,
#menu_bar07:checked ~ p.n07,
#menu_bar08:checked ~ p.n08,
#menu_bar09:checked ~ p.n09,
#menu_bar10:checked ~ p.n10,
#menu_bar11:checked ~ p.n11,
#menu_bar12:checked ~ p.n12,
#menu_bar13:checked ~ p.n13,
#menu_bar14:checked ~ p.n14,
#menu_bar15:checked ~ p.n15,
#menu_bar16:checked ~ p.n16,
#menu_bar17:checked ~ p.n17,
#menu_bar18:checked ~ p.n18,
#menu_bar19:checked ~ p.n19,
#menu_bar20:checked ~ p.n20
{
  height: auto; /*開いたときに表示されるliの高さ*/
  opacity: 1;
  background-color:#fff;
  padding: 10px;
  margin-top:-30px !important;
  margin-bottom:30px !important;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
 /*開いたときの下の余白*/
#menu_bar01:checked ~ p.n01:last-child,
#menu_bar02:checked ~ p.n02:last-child, 
#menu_bar03:checked ~ p.n03:last-child, 
#menu_bar04:checked ~ p.n04:last-child, 
#menu_bar05:checked ~ p.n05:last-child, 
#menu_bar06:checked ~ p.n06:last-child, 
#menu_bar07:checked ~ p.n07:last-child, 
#menu_bar08:checked ~ p.n08:last-child, 
#menu_bar09:checked ~ p.n09:last-child, 
#menu_bar10:checked ~ p.n10:last-child, 
#menu_bar11:checked ~ p.n11:last-child,
#menu_bar12:checked ~ p.n12:last-child,
#menu_bar13:checked ~ p.n13:last-child,
#menu_bar14:checked ~ p.n14:last-child,
#menu_bar15:checked ~ p.n15:last-child,
#menu_bar16:checked ~ p.n16:last-child,
#menu_bar17:checked ~ p.n17:last-child,
#menu_bar18:checked ~ p.n18:last-child,
#menu_bar19:checked ~ p.n19:last-child,
#menu_bar20:checked ~ p.n20:last-child
{
  margin-bottom: 0px;
}
.menu label:after{
  content:"";
  display:block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  position:absolute;
  right: 2%;
  top: 35%;
  margin: auto;
}
/*開いた状態の矢印描画*/
.menu input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width: 0;
  height: 0;
  border-top: none !important;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position:absolute;
  right: 2%;
  top: 35%;
  margin: auto;
}


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

/*topix 一覧　====================================*/

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

.contBox5 dl{ width:41.4%; text-align:left;
float:left; margin-left:1%; margin-right:1%;
border:1px #dcdcdc solid;
padding:3%;
height:240px;
margin-bottom:20px;}

.contBox5 dl p{ height:80px !important;
 overflow:hidden; margin-bottom:10px !important;border:0 !important;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
 
.contBox5 dl p img{width:100%; margin-bottom:10px;}
.contBox5 dl dt{ font-size:100%; color:#666 }
.contBox5 dl dd{font-size:80%;color:#666 }

/*topix 詳細　====================================*/

.contBox6{width:92%;
margin-left:auto;
margin-right:auto;}

.contBox6 dl.shosai01{
	width: 100%;
	text-align: center;
	height: auto;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dcdcdc;
	border-right-color: #dcdcdc;
	border-bottom-color: #dcdcdc;
	border-left-color: #dcdcdc;
	padding-top: 50px;
	padding-right: 2%;
	padding-bottom: 50px;
	padding-left: 2%;
}

.contBox6 dl p{ height:auto;
width:92%;
margin-left:auto;
margin-right:auto;
 overflow:hidden; margin-bottom:10px !important;border:1px #dcdcdc solid;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
 
.contBox6 dl p img{width:100%; margin-bottom:10px;}
.contBox6 dl dt{ font-size:110%; color:#666; margin-bottom:15px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.contBox6 dl dd{font-size:100%;color:#666;border-bottom:1px #dcdcdc dotted; padding-bottom:30px; margin-bottom:30px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.newsBox01{width:100%;
margin-left:auto;
margin-right:auto;}

.newsBox01 p{ border:0 !important; font-size:100%;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.newsBox01 p a{ color:#666 !important}

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



}