@charset "utf-8";
/* CSS Document */
.pt_10{padding-top: 10px;}
.pt_20{padding-top: 20px;}
.pt_30{padding-top: 30px;}
.pt_40{padding-top: 40px;}
.pt_50{padding-top: 50px;}
.pt_60{padding-top: 60px;}
.pt_70{padding-top: 70px;}
.pt_80{padding-top: 80px;}
.pt_90{padding-top: 90px;}
.pt_100{padding-top: 100px;}
.pt_110{padding-top: 110px;}
.pt_120{padding-top: 120px;}
.pt_130{padding-top: 130px;}
.pt_140{padding-top: 140px;}
.pt_150{padding-top: 150px;}

.pb_10{padding-bottom: 10px;}
.pb_20{padding-bottom: 20px;}
.pb_30{padding-bottom: 30px;}
.pb_40{padding-bottom: 40px;}
.pb_50{padding-bottom: 50px;}
.pb_60{padding-bottom: 60px;}
.pb_70{padding-bottom: 70px;}
.pb_80{padding-bottom: 80px;}
.pb_90{padding-bottom: 90px;}
.pb_100{padding-bottom: 100px;}

.mt_10{margin-top: 10px;}
.mt_20{margin-top: 20px;}
.mt_30{margin-top: 30px;}
.mt_40{margin-top: 40px;}
.mt_50{margin-top: 50px;}
.mt_60{margin-top: 60px;}
.mt_70{margin-top: 70px;}
.mt_80{margin-top: 80px;}
.mt_90{margin-top: 90px;}
.mt_100{margin-top: 100px;}


.all_bg{
	background: url(../img/bg01.jpg)repeat;
	width:100%;
  	overflow:hidden;
}
.box1280{
	width:1280px;
	margin: 0 auto;
	position: relative;
}
/*ナビ*/
.box_nav{
	width:220px;
	/*background-color:hsla(0,0%,100%,0.80);*/
	background-color: hsla(0,0%,100%,1.00);
	height: 100%;
	position: fixed;
	top:0;
	left: 0; 
	z-index: 1;
	border-right: 1px dotted #42210b;
}

.nav_box{
	width:200px;
	margin-left:5px;
	margin-top: 10px;
	display: table;
}
.top_nav{
	display:inline-block;
	float:left;
	border-bottom:  dotted 1px #42210B;
	padding-top: 3px;
	padding-left: 3px;
	width:200px;
}
.top_nav:nth-child(1){ 
	display:table;
	float:left;
	border-top:  dotted 1px #42210B;
	padding-top: 3px;
	padding-left: 3px;
	width:200px;
}
.top_nav:nth-child(7) {
	border-bottom:   dotted 1px #42210B;
}
.top_nav a{
    display:block;
    height:35px;
}
.plan_btn{
	margin: 15px auto 0;
	display:table;
}
.plan_btn a:hover{
	opacity:0.6;
}
.t_btn{
	margin: 5px auto 0;
	display:table;
}
.t_btn a:hover{
	opacity:0.6;
}

.box_main{
	width:1000px;
	padding-left: 250px;
}
header{
	margin-left: auto;
	margin-right: auto;
}
.txt{
	line-height: 1.8em;
	color:#000000;
	z-index: 3;
	position: relative;
	text-align: center;
}
/**********共通***************/
.wrap {
	width:1000px;
	height:600px;
	clear: both;
}
.wrap p {
	height:500px;
	margin: 0 auto;
}
.wrap ul {
	display:table;
	overflow:hidden;
	margin: 0 auto;
}
.wrap li {
	display:block;
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:140px;
	height:70px;
}
.wrap li:nth-child(1) {
	margin-left: 0;
}
.wrap li img {
	cursor:pointer;
	height:100%;
}
.wrap li img:hover {
	opacity:0.6;
}
.co_table{
	margin-top:30px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;	
}
.co_table tr th {
    border: 1px solid #412106;
    background-color: hsla(27, 83%, 14%, 0.8) ;
    color: #FFFFFF;
    padding: 10px 20px;
    letter-spacing: 2px;
    width: 250px;
	line-height: 1.8em;
	vertical-align: middle;
}
.co_table tr td {
    border: 1px solid #412106;
    padding: 10px 20px;
	line-height: 1.8em;
	width: 500px;
	text-align: left;
}
.u_f_cosplayer{
  background: url( ../img/top/cosplayer.png) no-repeat;
  width: 140px;
  height: 169px;
  animation: cos 15s steps(35) infinite;
  position: absolute;
  left:250px;
  top:15px;
  z-index: 2;
}

/**********温泉***************/
.h_bg_spa{
	background:url( ../img/spa/h_bg.png)repeat-x;
}
.header_img_spa{
	width:1060px;
	height:400px;
	padding-left: 220px;
	margin: 0 auto;
	position: relative;
}
.h_title_spa{
	position: absolute;
	top:120px;
	left:660px;
}
.spa_g_box{
	background: url(../img/spa/g_bg.png) no-repeat;
	background-position: center bottom;
	height:320px;	
}
.spa_box01{
	position: relative;
}
.spa_img{
	display: inline-block;
}
.spa_img li{
	display: table;
	float:left;
}
.spa_img li:first-child{
	margin-right: 18px;
}
.spa_e01{
	position:absolute;
	top:0px;
}
.spa_e02{
	position:absolute;
	right:330px;
	bottom:-20px;
}
.day_trip_tel{
	background: url(../img/spa/tel_bg.png)no-repeat;
	background-position: center;
	height:63px;
	padding-top: 30px;
	font-weight: bold;
}
.day_trip{
	margin-top: 50px;
}
.loading {
	display: table;
	margin: 0 auto 30px;
	font-size: 1.35em;
	font-weight: bold;
	padding: 0px 10px 30px 70px;
	color:#412106;
}
.loading span {
  color:#412106;
  padding-right: 3px;
  display: inline-block;
  margin: 0 -.1em;
  animation: loading 1.1s infinite alternate;
}
.loading span:nth-child(2) {
  animation-delay: .1s;
}
.loading span:nth-child(3) {
  animation-delay: .2s;
}
.loading span:nth-child(4) {
  animation-delay: .3s;
}
.loading span:nth-child(5) {
  animation-delay: .4s;
}
.loading span:nth-child(6) {
  animation-delay: .5s;
}
.loading span:nth-child(7) {
  animation-delay: .6s;
}
.loading span:nth-child(8) {
  animation-delay: .7s;
}
.loading span:nth-child(9) {
  animation-delay: .8s;
}
.loading span:nth-child(10) {
  animation-delay: .9s;
}
.loading span:nth-child(11) {
  animation-delay: 1.0s;
}
.loading span:nth-child(12) {
  animation-delay: 1.1s;
}
.loading span:nth-child(13) {
  animation-delay: 1.2s;
}

@keyframes loading {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
/**********ご宿泊***************/
.h_bg_lo{
	background:url( ../img/lodging/h_bg.png)repeat-x;
}
.header_img_lo{
	width:1060px;
	height:400px;
	padding-left: 220px;
	margin: 0 auto;
	position: relative;
}
.h_title_lo{
	position: absolute;
	top:120px;
	left:630px;
}
.g_box{
	background: url( ../img/lodging/g_bg.png) no-repeat;
	background-position: center bottom;
	height:350px;
}
.room_box{
	position: relative;
}

.kskr_title{
	padding-left: 120px;
}
.k_bg{
	background: url(../img/lodging/k_bg.png) no-repeat;
	background-position: center bottom;
}

/**********コスプレ***************/
.h_bg_cos{
	background:url( ../img/cosplay/h_bg.png)repeat-x;
}
.header_img_cos{
	width:1060px;
	height:400px;
	padding-left: 220px;
	margin: 0 auto;
	position: relative;
}
.h_title_cos{
	position: absolute;
	top:120px;
	left:620px;
}
.cos_g_box{
	background: url( ../img/cosplay/g_bg.png) no-repeat;
	background-position: center bottom;
	height:300px;
}
.cos_img_box{
	position: relative;
	height:900px;
}
.cos_img_box a img{
	box-shadow: 10px 10px #42210b;
}
.cos_img{
	background: url(../img/cosplay/cos_bg.png) no-repeat;
	height:900px;
	background-position: center;
	margin-top: 60px;
}
.cos01{
	position: absolute;
	top:0;
	left:250px;
}
.cos02{
	position: absolute;
	top:300px;
	right:15px;
}
.cos03{
	position: absolute;
	bottom:0;
	left:250px;
}
.cos_txt01{
	line-height: 1.8em;
	text-align: left;
	position: absolute;
	top:150px;
	right:50px;
}
.cos_txt02{
	line-height: 1.8em;
	text-align: left;
	position: absolute;
	top:450px;
	left:270px;
}
.bf01{
	position:absolute;
	right:120px;
}
.bf02{
	position:absolute;
	left:300px;
	top:350px;
}
.cos_e{
	position: absolute;
	right:100px;
	bottom:0px;
}

.cos_info{
	display: flex;
	justify-content: space-between;
}

.cos_f{
	position: absolute;
	right:250px;
	bottom:120px;
	animation: img_box_9955 3s linear infinite;
}
@keyframes img_box_9955 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}
.kome{
	position:absolute;
	bottom:50px;
	right:300px;
}
.sr_txt{
	line-height: 1.7em;
	margin-left: 450px;
	position: absolute;
	bottom: 25px;
}
.rr_img{
	display:table;
}
.rr_img li{
	display:table;
	float:left;
	margin-right: 25px;
}
.rr_img li:nth-child(2){
	margin-right: 0;
}
.co_tel_box{
	float:right;
	width:400px;
	margin-right: 80px;
}
.cos_tel{
	background: url(../img/cosplay/tel_bg.png)no-repeat;
	background-position: center;
	height:75px;
	padding-top: 45px;
	font-weight: bold;
}

/**********お料理***************/
.h_bg_cu{
	background:url( ../img/cuisine/h_bg.png)repeat-x;
}
.header_img_cu{
	width:1060px;
	height:400px;
	padding-left: 220px;
	margin: 0 auto;
	position: relative;
}
.h_title_cu{
	position: absolute;
	top:120px;
	left:630px;
}
.cu_g_box{
	background:url( ../img/cuisine/g_bg.png)no-repeat;
	background-position: center bottom;
	height:400px;
	margin-left: auto;
    margin-right: auto;
}
.cu_box{
	position: relative;
}
.cu_title{
	position: absolute;
	bottom:-20px;
	left: 30px;
}
.cu_txt{
	line-height: 1.5em;
	text-align:left;
	margin-left: 350px;
    display: table;
}
.dinner_img{
	position: relative;
}
.wrap .dinner_m{
	margin: 0;
}
.d_txt{
	line-height: 1.7em;
	margin-left: 350px;
	position: absolute;
	bottom: 10px;
}
.kobachi_box{
	background: url(../img/cuisine/kobachi_bg.png) no-repeat;
	height:570px;
	margin-top: 100px;
	position: relative;
}
.kobachi_title{
	position: absolute;
	top:70px;
	left:420px;
}
.kobachi_img{
	position: absolute;
	top:200px;
	left:50px;
}
.kobachi_img li{
	display: table;
	float: left;
	margin-right:20px; 
}
.kobachi_img li img{
	box-shadow: 5px 5px 5px -3px #42210b;
}
.pin01{
	position: absolute;
	top:185px;
	left:200px;
}
.pin02{
	position: absolute;
	top:185px;
	left:500px;
}
.pin03{
	position: absolute;
	top:185px;
	right:160px;
}
.kobachi_txt{
	position: absolute;
	bottom:50px;
	left:340px;
	background-color: #e6bd87;
	padding: 3px 10px;
	text-align: center;
}

.sun{
	position: absolute;
	top: 8px;
	left:70px;
	z-index: 1;
}


/**********アクセス・周辺観光***************/

.h_bg_ac{
	background:url( ../img/access/h_bg.png)repeat-x;
}
.header_img_ac{
	width:1060px;
	height:400px;
	padding-left: 220px;
	margin: 0 auto;
	position: relative;
}
.h_title_ac{
	position: absolute;
	top:120px;
	left:480px;
}
.b_dot{
	border-bottom: 1px dotted #42210b;
	padding-bottom: 30px;
}
.ss_box{
	position: relative;
	display: inline-block;
	margin-top: 40px;
}
.ss_img{
	display:table;
	float:left;
	margin-right: 20px;
}
.ss_img img{
	box-shadow: 5px 5px 5px -3px grey;
}
.ss_img a:hover{
	opacity: 0.7;
}
.tape{
	position: absolute;
	top:-35px;
	left:140px;
	z-index: 2;
}
.ss_txtbox{
	display: table;
	width:630px;
}
.ss_title{
	color: #42210b;
	font-weight: bold;
	border-bottom:#42210b 2.2px solid;
	font-size: 1.2em;
}
.ss_title a{
	color: #42210b;
	text-decoration: none;
}
.ss_title a:hover{
	color: #E02C87;
}

.ss_title span{
	float:right;
}
.ss_txt{
	margin-top: 20px;
	line-height: 1.7em;
}


/**********ご予約***************/
.re_h_bg{
	background:url( ../img/reservation/h_bg.png)repeat-x;
}
.header_img{
	width:1060px;
	height:400px;
	padding-left: 220px;
	margin: 0 auto;
	position:relative;
}
.h_title_re{
	position: absolute;
	top:120px;
	left:450px;
}
.re_box{
	background: url(../img/reservation/re_bg.png) no-repeat;
	background-position: center bottom;
	position: relative;
	height:450px;
}
.daruma01{
	position: absolute;
	left:0px;
	bottom:0;
}
.daruma02{
	position: absolute;
	right:0px;
	bottom:0;
}
/*to_top*/
.to_top{
	margin: 0;
	display:table;
	z-index: 99;
	position: fixed;
	overflow-y: scroll; 
	right:0;
	bottom:210px;
}
.to_top:hover{
	opacity: 0.6;
}
/*footer*/
.f_bg02{
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/f_bg01.png) no-repeat;
	background-position: right;
	height:250px;
	padding-left: 220px;
	position: relative;
}
.u_f_cosplayer{
  background: url( ../img/top/cosplayer.png) no-repeat;
  width: 140px;
  height: 169px;
  animation: cos 15s steps(35) infinite;
  position: absolute;
  left:370px;
  top:15px;
  z-index: 2;
}
/*プラン*/
#re_plan{
	margin: 0 auto;
	margin-bottom: 50px;
}
.re_plan_box{
	width:800px;
	display:table;
	padding-top:50px;
	margin: 0 auto;
}
.re_plan_booth{
	width:800px;
	height:160px;
	margin-bottom:30px;
}
.re_plan_booth:nth-child(3){
	margin-bottom: 30px;
}
.re_plan_p{
	display:inline-block;
	float:left;
}
.re_plan_p{
	display:inline-block;
	float:left;
	width:220px;
	height:150px;
	overflow: hidden;
}
.plan_p a{
	display:inline-block;
	width:220px;
	height:150px;
}

.re_plan_p:hover{
	opacity: 0.6;
}
.re_plan_text{
	width:580px;
	display:table;
	line-height: 1.5em;
}
.re_plan_t{
	font-weight:bold;
	margin-left:10px;
	text-align: left;
	border-bottom: dotted 2px #42210b; 
	color: #42210B;
}
.re_plan_t a{
	color:#42210b;
	text-decoration: none;
}
.re_plan_t a:hover{
	color: #E02C87;
}
.re_plan_d{
	display:table;
	margin-top: 10px;
	margin-left:10px;
	line-height: 1.5em;
	word-break: break-all;
	text-align: left;
}
.tel_bold{
	font-weight:bold;
	color: #42210b;
}
/*ここから検索窓css*/
.p_top{
	width:550px;
	height:25px;
	padding-left: 30px;
}
.p_bottom{
	display: table;
	height:35px;
	padding-left: 30px;
	margin-top: 5px;
}
#s_title{
	margin: 10px auto 12px;
	padding: 8px 0 5px;
	border-bottom: 1.5px dotted hsla(0,0%,100%,0.50);
}
.form{
	width:550px;
	float: left;
}
.plan_form{
	background-color:#412106;
	width:800px;
	height:130px;
	text-align: center;
	border-color: hsla(359,78%,54%,1.00);
	margin:0 auto;
	color:#FFFFFF;
}
.plan_form p{
	margin:0;
	padding:0;
}
.plan_form img{
	vertical-align: middle;
	margin-right:10px;
}
.plan_form .check_in{
	float:left;
	text-align: left;
}
.plan_form .text_r{
	text-align: left;
	padding-top: 8px;
	padding-right: 100px;
}
.plan_form .guests{
	padding-left: 20px;
	margin-right: 20px;
	float:left;
}
.plan_form .type{
	float:left;
	vertical-align: middle;
	padding-left: 5px;
}
.plan_form .price{
	display:table;
	text-align: left;
	margin-top: 8px;
}
.plan_form .search_btn{
	display:table;
	float: right;
	padding-right: 30px;
}
.plan_form .search_btn:hover{
	opacity: 0.6;
}
.plan_form hr{
	clear:both;
	width:0;
	height:0;
}
.br::before {
	content: "\A" ;
	white-space: pre ;
}
/*ここまで検索窓css*/


.banner{
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 100px;
}
.banner img{
	box-shadow: 5px 5px 5px -3px grey;
}