@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
/*body {
line-height: 0;
	margin: 0;
}*/
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/*header*/
header{
	margin-left: auto;
	margin-right: auto;
}
h1{}
.header_box{
		/*background: url(../img/parts/bg01.jpg)repeat;*/
	/*background-color: #c2cfed;*/
	/* background: linear-gradient(-135deg, #6687d3, #c2cfed);*/
	/*background-color: #dbe3ed;
	background: url(../img/parts/s_bg02.jpg)repeat;*/
}
.top_bg{
	position: relative;
	/*background-color:#0450ae ;*/
	height:120px;
	background: url(../img/menu/nav_bg.jpg);
	background-position: center;
}
.top_box{
	width:1200px;
	height: 120px;
	display:table;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.logo{
	display:table;
	float:left;
	padding-top: 20px;
}
.left_f{
	position: absolute;
	left:0;
	bottom:-4px;
}
.right_f{
	position: absolute;
	right:0;
	bottom:-4px;
}
.top_plan{
	margin: 0;
    display: table;
    z-index: 99;
    position: fixed;
    overflow-y: scroll;
    left: 0;
    top: 120px;
}
.top_plan:hover{
	opacity:0.6;
}
.tel{
	display:table;
	float:right;
	padding-top:30px ;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;	
}


.sw_slider{
	width: 100%;
	height:500px;
}
 body {
      background: #fff;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
    }
.swiper-container {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }
.swiper-slide {
      background-position: center;
      background-size: cover;
      width: 1200px!important;
      height: 500px!important;
    }



nav{ }
nav ul{
	margin-bottom: 20px;
	display:table;
	float:right;
	padding-right: 20px;
	padding-top: 15px;
}
nav ul li{
	display:table;
	float:left;
	padding-left: 35px;
	font-weight: bold;
}
/*
.top_nav:hover{
	opacity:0.6;
}*/
.sky{
	background: url(../img/top/top_bg.jpg);
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


#box01{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height:100%;
}
/*common*/
.inside{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height:100%;
}
.main_title{
	text-align: center;
	margin-top:50px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	display:table;
}
.sub_title{
	display:table;
	padding-top:20px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.text{
	display:table;
	padding-top:10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.side_p{
	padding:0 10px;
}

/*ごあいさつ*/
.icon_bg01{
height: 125px;
}
.icon_bg01 img{
	height:100px;
padding-top:12px;
}
#greeting{
	display:inline-block;
	width:100%;
	position:relative;
	padding-bottom:100px;
}
#greeting .side_p{
	position:relative;
}
.greeting_title{
	display:table;
	margin-left: auto;
	margin-right: auto;
	padding-top:50px;
}
.greeting_text{
	line-height: 1.7em;
	margin-top: 50px;
	margin-bottom: 20px;
	text-align: center;
	height:200px;
	margin-left: auto;
	margin-right: auto;
	background-position: center bottom;
}
.g_left{
	position:absolute;
	left:0;
	bottom:0;
	z-index: -1;
	opacity: 0.6;
}
.g_right{
	position:absolute;
	right:0;
	bottom:0;
	z-index: -1;
	opacity: 0.6;
}


/*快適滞在のご提案*/
#stay{
	background-color: #dbe3ed;
	background:url( ../img/top/stay_bg.jpg);
	display:inline-block;
	width:100%;
	height:750px;
	background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon_bg02{
	height:125px;
}
.icon_bg02 img{
	height:100px;
padding-top:12px;
}
.stay_title{
	margin-top:30px;
	margin-bottom: 50px;
}
.kaiteki_menu{
	margin-top: 30px;
}

/*プラン*/
#plan{
	display:inline-block;
	width:100%;
	background:url( ../img/top/plan_bg.jpg);
	height:1080px;
	margin-bottom: 30px;
    background-size: auto;
    background-repeat: repeat;
}
.plan_box{
	width:1200px;
	padding: 0 10px;
	margin: 0 auto;
	display:inline-block;
}
.plan_title{
	display:table;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	margin-bottom:50px;
}
.search{
	display:table;
	float:left;
}
.left{
	width:300px;
	float:right;
	margin-top:30px;
}
.plan_dummy{
	display: table;
	margin: auto;
}
.search{
	width:260px;
	height:330px;
	display:table;
	background-color:#54131f;
}
.search_t{
	font-size: 22px;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 20px;
	color:#FFFFFF;
}
.illust{
	display: table;
	padding-top: 30px;
	padding-left: 80px;
}

.right{
	width:880px;
	display:table;
	padding-top:30px;
}
.plan_booth{
	width:880px;
	height:160px;
	margin-bottom:30px;
}
.plan_booth:nth-child(3){
	margin-bottom: 30px;
}
.plan_p{
	display:inline-block;
	float:left;
}
.plan_p:hover{
	opacity: 0.6;
}
.plan_text{
	width:650px;
	display:table;
	line-height: 1.5em;
	word-break: break-all;
}
.plan_t{
	font-size: 18px;
	font-weight:bold;
	margin-left:20px;
	text-align: left;
	border-bottom: dotted 2px #0450ae; 
	
}
.plan_t a{
	color:#0450ae;
	text-decoration: none;
	
}
.plan_t a:hover{
	color: #f9a631;
}
.plan_d{
	display:table;
	margin-top: 10px;
	margin-left:20px;
	line-height: 1.5em;
	text-align: left;
	word-break: break-all;
}
.plan_booth hr
{border:none;}

.illust img{ 
height:150px;
}

.banner{
	margin-bottom: 70px;
	padding:0 10px;
}
.banner img{
	box-shadow: 5px 5px 5px -3px gray;
}
.banner:hover{
	opacity:0.6;
}
/*ここから検索窓css*/
#s_title{
	padding-top: 15px;
	padding-bottom: 15px;
}
.plan_form{
	background-color: #def5ff;
	width:300px;
	height:320px;
	text-align: center;
}
.plan_form p{
	margin:0;
	padding:0;
}
.plan_form img{
	vertical-align: middle;
	margin-right:10px;
}
.plan_form .check_in{
	width:280px;
	float:left;
	text-align: left;
	margin-bottom: 15px;
	padding-left: 15px;
}
.plan_form .text_r{
	text-align: left;
	padding-left: 5px;
	padding-top: 3px;
}
.plan_form .guests{
	padding-left: 15px;
	float:left;
	margin-bottom:10px;
	margin-right:12px;
}
.plan_form .type{
	width:280px;
	float:left;
	vertical-align: middle;
	margin-bottom: 15px;
	padding-left: 5px;
}
.plan_form .price{
	width:280px;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 20px;
}
.plan_form .search_btn{
	height: 50px;
	text-align: center;
}
.plan_form .search_btn:hover{
	opacity: 0.6;
}
.plan_form hr{
	clear:both;
	width:0;
	height:0;
}
.br::before {
	content: "\A" ;
	white-space: pre ;
}

/*to_top*/
.to_top{
	margin: 0;
	display:table;
	z-index: 3;
	position: fixed;
	overflow-y: scroll; 
	right:0;
	bottom: 300px;
}
.to_top:hover{
	opacity: 0.6;
}
.to_top a{
	display:block;
    width:100%;
}
/*footer*/
footer{
	
	width:100%;
	position: relative;
	overflow: hidden;

}

.bottom_f{
	position: absolute;
	right:0;
	bottom:-4px;
	
}
.f_blue{
	width:1200px;
	margin-left: auto;
	margin-right: auto;
}
.f_box{
	padding-top: 20px;
	padding-bottom: 20px;
/*	background-color: #0450ae;*/
	background: url(../img/menu/nav_bg.jpg);
	background-position: top;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.f_logo{
	display:table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 30px;
}

.f_address{
	text-align: center;
	line-height: 1.5em;
	color:#FFFFFF;
}
.f_logo_bg{
	position:absolute;
	bottom:-20px;
	z-index: 1;
}

.f_nav{
	background: url(../img/menu/fnav_bg.jpg)repeat;
	height:40px;
}
.bill{
	background: url(../img/menu/fnav_bg02.jpg)repeat-x;
	height:45px;
}
/*.nav_waku{
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}*/
.f_nav ul{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: table;
}
.f_nav li{
	color:#6687d3;
	display: table;
    float: left;
    padding-left: 10px;
	padding-right: 10px;
    font-weight: bold;
	padding-bottom: 10px;
}

.f_nav a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color:#0450ae;
  padding-top:10px;
  padding-bottom: 10px;
}
.f_nav li:hover{
	opacity:0.6;
}

.yado{
	display:table;
	float:left;
	padding-top: 5px;
}
.arr{
	display:table;
	text-align: center;
	line-height: 1.5em;
	padding-left: 15px;
	color: #FFFFFF;
}
.copy_text{


	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
    display: table;
}
.copy_box{	}
.box_1200{
	width:1200px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
.qr{
	position:absolute;
	right:0;
	top:10px;
}
.qr img{
clear: both;
} 
.qr a{
	float:right;
	color:#FFFFFF;
	padding-left: 10px;
	padding-top: 20px;
	border-bottom: none;
	text-decoration: none;
	line-height: 1.7em;
}
.qr a:hover{
	opacity:0.6;
	text-decoration: underline;
}
.top_box1200{
	width:65%;
	min-width:1200px;
	display: block;
	padding: 0 10px;
	position:relative;
	margin:-50px auto 0;
}

.top_img01:nth-child(1) {
	position:absolute;
	left:-15px;
	top:-120px;
	opacity: 0; 
	-webkit-animation: example 0.5s ease 0.5s 1 forwards;
  	animation: example 0.5s ease 0.5s 1 forwards;
}
.top_img01:nth-child(2) {
	position: absolute;
	right:-15px;
	top:-130px;
	opacity: 0; 
	-webkit-animation: example 0.5s ease 1s 1 forwards;
  	animation: example 0.5s ease 1s 1 forwards;
}
@-webkit-keyframes example {
  100% {
    opacity: 1;
	}
}
@keyframes example {
  100% {
    opacity: 1;
  }
}