@charset "UTF-8";



body {
    position: relative;
    overflow-x: hidden;
}

header {
	z-index:10;
}

header #button{
	width:40px;
	height:40px;
	border:none;
	position:absolute;
	right:0px;
	top:0px;
	padding:10px;
}


div.parallax{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
	}
.box{
	max-width: 960px;
    margin: 0 auto;

	}
.parallax_img_1{
	background:url(../img/plan_bg.png);
	}
.parallax_img_2{
	background:url(../img/food_bg01.png);
	}
.parallax_img_3{
	background:url(../img/food_bg02.png);
	}

.parallax_img_4{
	background:url(../img/map_bg.png);
	}

.parallax_img_5{
	background:url(../img/access_bg.png);
	}

.parallax_img_6{
	background:url(../img/bottom_bg.png);
	}


#main_area {
	/*margin-top:40px;hedaer復活時に表示*/
	height:500px;
	z-index:-1;
	position:relative;
}

#main_area h1{
	position:absolute;
	width:674px;
	top:40%;
	left:50%;
	margin-left:-337px;
	text-indent:5;
}

#main_area h1 {
    animation: anim-header 8s 0s ease;
    animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 1;
}

@keyframes anim-header{
    0% {opacity: 0; margin-top: -25px;}
	10% {opacity: 1; margin-top: 0px;}
	90% {opacity: 1;}
	100% {opacity: 1;}
}

#main_area .main_inner{
	z-index:-1;
}

.btn_scroll {
	display:block;
	width:36px;
	height:30px;
	position:absolute;
	left:50%;
	top:-50px;
	margin-left:-18px;
	z-index:99;
}

.btn_scroll a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:10000;
}

#concept {

	position:relative;
}

#concept .box {
	padding:55px 25px 75px;
	text-align:center;
	letter-spacing:0.1em;
}

#concept .box h1 {
}

#plan h1 {
	margin:0 auto 1.5em;
	width:157px;
	height:30px;
	background:url(../img/plan_h_sp.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
}


#plan .box{
	text-align:center;
	color:#FFF;
	padding:45px 20px 34px;
	letter-spacing:0.25em;
}
.plan_detail figure {
  margin: 1em 0px;
}

.plan_detail figure img{
	max-width:100%;
	height:auto;
}

.plan_detail .p_img figure{
	margin:0;
}

.plan_detail figcaption{
	font-size:1.2rem;
	margin-top:1em;
}

.col-f,.col-r {
	width:100%;
}

.gentei {
	margin:0 auto;
	display:inline-block;
	padding:0 6%;
	border:1px solid #FFF;
	border-top:none;
	border-bottom:none;
	position:relative;
	margin-bottom:1em;
}
.gentei h2{
	margin-top:1em;
	letter-spacing:0.25em;
}

.gentei:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:8px;
	height:100%;
	margin-top:-1px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
.gentei:after {
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:8px;
	height:100%;
	margin-top:-1px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

#plan .plan_name {
	position:relative;
	overflow:hidden;
}


#plan .plan_title{
	padding:35px;
}

.plan_title h2 {
	letter-spacing:0.2em;
}

.plan_title h2 span{
	letter-spacing:normal;
	font-size:0.88em;
	display:inline-block;
	margin-right:1em;
	font-style:italic;
	border-bottom:4px solid #000;
	font-family: "Times New Roman", Times, serif;
}

.plan_detail {
	margin:0;
	padding:30px;
	background:#EFEAE6;
	text-align: justify;
}
.plan_detail table {
	width:100%;
	border-collapse:collapse;
}

.plan_detail table th,.plan_detail table td{
	text-align: left;
	border: none;
	vertical-align: top;
	padding: .7em 0;
}

.plan_detail > table {
	border-bottom:1px solid #000;
}

.plan_detail table th {
	width:9em;

	font-weight:normal;
}

.plan_detail table td table th {
	width:6em;
	font-weight:normal;
}

.btn_open {
	cursor:pointer;
}

.btn_open {
	position: absolute;
	right:36px;
	bottom:0;
	padding:0 45px 0 0;
}


.btn_open span{
	display:inline-block;
	line-height:36px;
	border-bottom:1px dashed #000;
	position:relative;
}


.btn_open span:before{
	text-indent:0;
	content:"詳細を見る";
}

.btn_open span:after{
	content:"";
	text-indent:0;
	width:36px;
	height:36px;
	position:absolute;
	right:-45px;
	top:0;
	background:url(../img/icon_plan.png) right center no-repeat;
	background-size: auto 36px;
}

.btn_open.d_op span:after {
	background:url(../img/icon_plan_c.png) right center no-repeat;
	background-size: auto 36px;
}

.btn_open.d_op span:before {
	content:"閉じる"
}


#plan .btn:before{
	content:"";
	display:inline-block;
	width:17px;
	height:17px;
	vertical-align:middle;
	margin-right:0.5em;
	background:url(../img/icon_cal.png) center top no-repeat;
	background-size:contain;
}


/* 2016.08.01　追加分 { */
#food h1 {
	margin:0 auto 1.5em;
	width:81px;
	height:30px;
	background:url(../img/food_h_sp.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
}

#food .box {
	text-align:center;
	color:#FFF;
	padding:45px 20px 34px;
	letter-spacing:0.2em;

}

#food .box h3 {
	font-size: 20px;
}

#food .box p {
	line-height:2em;
}



#food .box:nth-child(2) {
	color:#000;
}

#food .food_thumb img {
	float:left;
	width:50%;
}

#food div.remarks{
	padding:20px;
	background-color: #f0ebe7;
	text-align:justify;
}
#food div.remarks p{
	margin:0 0 1em 0;

}

#food div.remarks ul{
	margin: 0;
	}


#food div.remarks ul li{
	text-align: left;
	list-style: disc;
	color:#4d6e6d;
	list-style-position: inside;
	letter-spacing:.1em !important;
	text-indent:-1em;
	padding-left: 1em;
}
#food div.remarks ul li span{
	color:#000;
}


#food div.remarks ul li:last-child{
	margin-bottom: 0;
	}

#food .dinner h4{
	position: relative;
}
#food .dinner h4:before{
	content:"";
	display:block;
	width:60px;
	height:1px;
	margin:1em auto 1.5em auto;
	background-color: #000;
}

#food .dinner h4.current:before{
	display: none;
}

div.bar .inner{
	color:#000 !important;
	padding:50px 25px 50px;

}

div.bar .inner h3{
	font-size: 18px !important;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	padding: 1em 0;
	text-align: center;
}

div.bar .inner p{
	text-align: justify;
}

.staff{
	padding:50px 25px 50px;
	background-color: #f0ebe7;
}

.staff .inner:nth-child(1){
	padding-bottom: 2em;
}

.staff .txt{
	float: left;
	width:55%;
}
.staff .txt span{
	display: inline-block;
	*display:inline;
	*zoom:1;

}

.staff .txt p{
	margin-bottom: 0;
}

.staff .txt p span.line{
	padding-bottom: .2em;
	border-bottom: 1px solid #000;

}

.staff .txt span.name{
	font-size: 16px;
	padding-top: .5em;
}

.staff .txt p.description{
	padding-top: 1em;
}




.staff .inner:nth-child(1){
	border-bottom:1px dashed #000;
	margin-bottom: 2em;
}


.staff .thumb{
	float: right;
	width:40%;
}

.staff .thumb img{
	width:100%;
}

#map h1 {
	margin:0 auto 1.5em;
	width:119px;
	height:32px;
	background:url(../img/map_h_sp.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
}

#map .box{
	padding:50px 25px 50px;
	text-align: center;
}

#map div.tour .inner .txt h2{
	font-size: 18px !important;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	padding: 1em 0;
	text-align: center;
	margin-top: 2em;

}

#map div.tour .inner .txt p{
	margin: 0;
	text-align: justify;
	padding: 0 0 2em 0;
}



#weather .box{
	text-align: center;
	padding:50px 25px 25px;
}
#weather table{
	width: 100%;
	border: 1px solid #000;
	border-collapse: collapse;
	text-align: center !important;

	font-size:1.15rem;
}
#weather table thead th{
	background-color: #f0ebe7;
	border: 1px solid #000;
	vertical-align: middle;
	text-align: center !important;
	font-weight: normal;
	padding: 0.5em;
}

#weather table tbody td{
	border: 1px solid #000;
	text-align: center !important;
	padding: 0.5em;
}


#amenity{
	margin: 0;

	background:url(../img/ad_bg_pattern.png);
}
#amenity .box{
	color:#000;
	text-align:center;
	padding:100px 25px 50px !important;
}

#amenity .box h2{
	font-size:20px;
	letter-spacing:.2em;
	position:relative;
}
#amenity .box h2:after{
	content:"";
	display:block;
	width:90px;
	height:4px;
	margin:1em auto 1.5em auto;
	background-color: #000;
}
#amenity .box p{
	line-height:2em;
	text-align: left;
}

/* } 2016.08.01　追加分 */



#reservation {
	background:#4D6E6D;
}

#reservation .box {
	padding:50px 25px 25px;
	background:#4D6E6D;
	color:#FFF;
	text-align:center;
}

#reservation h1 {
	margin:0 auto 1.5em;
	width:205px;
	height:32px;
	background:url(../img/reserve_h_sp.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
}

#reservation h2 {
	letter-spacing:0.2em;
	position: relative;
	display: inline-block;
	width:100%;
	padding: 0 10px;
	height: 40px;
	line-height: 34px;
	text-align: center;
	background:#4D6E6D;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	z-index: 0;
}
#reservation h2:before {
	content: "";
	position: absolute;
	bottom: -5px; left: 50%;
	margin-left: -6px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #4D6E6D transparent transparent transparent;
	z-index: 0;
}
#reservation h2:after {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -7px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #FFF transparent transparent transparent;
	z-index: -1;
}

.txt_tel {
	font-size:23px;
	letter-spacing:0.1em;
}

.txt_tel a{
	text-decoration:none;
	color:#FFF;
}


.txt_tel span{
	font-size:1.1rem;
	padding-right:10px;
	letter-spacing:0.2em;
}

.time{
	background:#6e8686;
	display:table;
	width:100%;

}

.time span{
	display:table-cell;
	background:#FFF;
	color:#4D6E6D;
	padding:5px;
}

#reservation .note {
	font-size:9px;
	margin-top:1em;
}

#reservation .cancel h3{
	border-top: 1px solid #fff;
	padding-top: 1.5em;
}

#reservation .cancel p{
	text-align:justify;

}

#reservation .cancel table {
	width:100%;
	border: 1px solid #fff;
	border-collapse: collapse;
}

#reservation .cancel table th,td{
	text-align: center;
	font-weight: normal;
	padding: .5em;
	font-size:1.15rem;
	border: 1px solid #fff;
}


#access .box {
	text-align:center;
	padding:50px 25px 25px;
}

#access .box div {
	margin:25px 0 20px;
	border-bottom:1px dashed #000;
}

#access .box div:last-child{
	border:none;
}

#access h1 {
	margin:0 auto 1.5em;
	width:119px;
	height:32px;
	background:url(../img/access_h_sp.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
}

#access h2 {
	margin:0 0 20px;
}
#access h2 span {
	display:inline-block;
	line-height:30px;
	padding-left:45px;
	letter-spacing:0.2em;
}

#access .air h2 span {
	background:url(../img/icon_air.png) left center no-repeat;
	background-size:auto 30px;
}

#access .car h2 span {
	background:url(../img/icon_car.png) left center no-repeat;
	background-size:auto 21px;
}
#access p{
	text-align: left;
}

#access address {
	margin:25px 0;
	display:block;
	text-align:left;
}

#access address span {
	position:relative;
	display:block;
	padding:20px 20px 20px 62px;
	font-size:12px;
	background:url(../img/ad_bg_pattern.png) repeat;
}

#access address span:before {
	content:"";
	position:absolute;
	top:20px;
	left:20px;
	display:block;
	width:27px;
	height:42px;
	background:url(../img/icon_map.png) no-repeat;
	background-size:26px auto;
}

#access .remarks{
	border:1px solid #ff8000 !important;
	padding: 1.5em;
}

#access .remarks p{
	margin-bottom: .5em;
		letter-spacing:.1em !important;
}
#access .remarks ul{
	margin:0;
}
#access .remarks ul li{
	text-align: left;
	list-style: disc;
	color:#ff8000;
	list-style-position: inside;
	letter-spacing:.1em !important;
}
#access .remarks ul li span{
	color:#000;
}


/*map*/
.map {
	height: 230px;
	width: 100%;
}
#map-canvas {
	width: 100%;
	height: 100%;
}

/*photo_gallery*/
#photo_gallery h1{
	margin:2em auto;
	width:249px;
	height:32px;
	background:url(../img/photo_h_sp.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
}

#photo_gallery ul li{
	display:block;
	width:20%;
	height:auto;
	float:left;
}
#photo_gallery ul {
	overflow:hidden;
	width:100%;
	margin:0;
}

.btn_more {
	display:block;
	margin:0;
	border:1px solid #000;
	width:120px;
	height:30px;
	background:url(../img/btn_more.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;
}

.btn_more:hover {
	background:url(../img/btn_more.png) no-repeat center center #f5f5f5;
	background-size:contain;
}

#photo_gallery {
	position: relative;
	padding-bottom:75px;
}
#photo_gallery .btn_more{
	position: absolute;
	right: 50%;
	margin-right:-60px;
	bottom: 22px;
}

/*info*/
#info {
	background:#4D6E6D;
}

#info .box {
	padding:50px 25px 25px;
	background:#4D6E6D;
	color:#FFF;
	text-align:center;
}

#info h1 {
	line-height: 1.5em;
	letter-spacing: 0.2em;
}

#info h1:after {
	display: block;
	content: "";
	width: 60px;
	height: 1em;
	margin: 0 auto;
	border-bottom: 2px solid #fff;
}

#info .box p {
	letter-spacing: 0.2em;
}


footer {
	background:#efeae6;
	text-align:center;
	/*line-height:180px;*/
}


footer h2 {
	font-size: 1.2rem;
	background: #FFF;
	line-height: 3em;
	margin: 0 1em 1.5em;
	letter-spacing: 0.1em;
}
footer ul {
	margin-bottom: 1.5em;
}

footer ul li{
	
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 32px;
	text-indent: -9999em;
}
footer ul li:last-child {
	margin-right: 0;
}

footer ul li a{
	display: block;
}
footer li.link_insta{
	background:url(../img/icon_insta.png) center center no-repeat;
	background-size: 30px auto;
}
footer li.link_fb{
	background:url(../img/icon_fb.png) center center no-repeat;
	background-size: auto 30px;
}
footer li.link_youtube{
	background:url(../img/icon_youtube.png) center center no-repeat;
	background-size: 30px auto;
}

footer p a{
	font-size: 1.4rem;
	color:#000;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.1rem;
}

footer small{
	font-size:13px;
	letter-spacing:0.1em;
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}



/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Larger than phablet (also point when grid becomes active) */
/* @main-navigation
------------------------------------------------------- */
@media (max-width: 767px) {
	.sp {
		display:none;	}

header h1 { height:40px; padding:8px 0 0 22px; }
header h1 img{ width:169px; height:17px; overflow:hidden;}

	header #button{
	display:block;
	background:#4D6E6D;
	border-radius:0;
	overflow:hidden;

	z-index:10000;
}
header #button a{
	z-index:10000;
}

header .sp_apply{
	width:40px;
	height:40px;
	border:none;
	position:absolute;
	right:40px;
	top:0px;
	text-indent:-9999px;
	background:url(../img/head_reserve_icon.png) center center #ff9933 no-repeat;
	background-size: contain;
}

header .sp_apply:hover{
	background:url(../img/head_reserve_icon.png) center center #ff9900 no-repeat;
	background-size: contain;
}

header .sp_apply a{
	display:block;
	width:40px;
	height:40px;
}


header {
	width:100%;
	background:#FFF;
	position:fixed;
	top:0;
	left:0;
	height:40px;
	overflow:visible;
	z-index:100;
}

header nav{
	position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	visibility:hidden;
	background:#4D6E6D;
	 opacity: 0;
	 z-index:9999;

}
.open header nav{
    -webkit-transition: all .2s;
    transition: all .2s;
  visibility: visible;
  opacity: 1;
}

nav .nav_inner {
	width:100%;
	height:100%;
	overflow:auto;
}

header ul {
	margin-top:50px;
	padding:0 15px;
	padding-top:50px;
	background:url(../img/nav_sp_title.png) top center no-repeat;
	background-size:271px 28px;
}
header ul li{
	text-align:center;
	padding:22px 0;
	border-bottom:1px dashed #FFF;
	text-indent:-9999px;
}

header ul li a{
	display:block;
}

header ul li.gnavh{
	background:url(../img/nav_home.png) center center no-repeat;
	background-size: auto 13px;
}
header ul li.gnav01{
	background:url(../img/nav_01_sp.png) center center no-repeat;
	background-size:auto 33px;
}
header ul li.gnav02{
	background:url(../img/nav_02_sp.png) center center no-repeat;
	background-size:auto 33px;
}
header ul li.gnav03{
	background:url(../img/nav_03_sp.png) center center no-repeat;
	background-size:auto 33px;

}

header ul li.gnav04{
	background:url(../img/nav_04_sp.png) center center no-repeat;
	background-size:auto 33px;
}
header ul li.gnav05{
	background:url(../img/nav_05_sp.png) center center no-repeat;
	background-size:auto 33px;
	border:none;
}

header ul li.gnav06{
	margin:2em auto 0 auto;
	padding:0;
	width:100%;
	height:50px;
	border:none;
	background:url(../img/nav_06_sp.png) center center no-repeat #FF9933;
	background-size: auto 17px;
	border-bottom:6px solid #cc6600;
}
header ul li.gnav06 a{
	width:100%;
	height:50px;
}


.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 15px;
	height: 15px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #FFF;
	border-radius:2px;
}
.menu-trigger span:nth-of-type(1) {
	margin-top:-2px;
	top: 0px;
}
.menu-trigger span:nth-of-type(2) {
	opacity:0;
}
.menu-trigger span:nth-of-type(3) {
	top: 6px;
}

/*.menu-trigger:after {
	font-size:11px;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	margin-left:-2.5px;
	color:#000;

}*/

.open .menu-trigger span:nth-of-type(1) {
	margin-top:0;
	-webkit-transform: translateY(0px) rotate(-45deg);
	transform: translateY(0px) rotate(-45deg);
}
.open .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.open .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
}

#main_area h1{
	position:absolute;
	top:38%;
	margin-left:-135px;
}

#main_area {
	margin-top:0px;
	z-index:-1;
}

#main_area h1 img{
	width:270px;
	height:76px;
}

div.parallax{
	background-attachment:scroll;
	background-size: cover;
	}
#concept h1 {
	letter-spacing:0.2em;
}

#concept p {
	line-height:2em;
}

#concept .box {
	padding-left:10px;
	padding-right:10px;
}

.txt2 {
	line-height:2em;
	letter-spacing:0.2em;
}

.gentei {
	padding:0 11%;
}

.gentei h2{
	line-height:1.7;
	margin-top:0.5em;
	margin-bottom:0.75em;
}
.gentei p{
	letter-spacing:0.2em;
	margin-bottom:0.5em;
}

.plan_name .pc img{
	width:100%;
	height:auto;
	max-width:100%;
}

.plan_detail table {
	font-size:11px;
}

.plan_detail table table {
	margin-bottom:0;
}

.plan_detail table table th,
.plan_detail table table td{
	padding:0;
}
.plan_detail table table td{
	padding:2px 0;
}

.plan p,
.plan_detail th,
.plan_detailtd {
	letter-spacing:0.05em;
}

.plan_detail .btn {
	width:100%;
}

.btn_open {
	right:25px;
	padding:0 35px 0 0;
}

.btn_open span{
	line-height:25px;
}

.btn_open span:after{
	width:25px;
	height:25px;
	right:-35px;
	background:url(../img/icon_plan.png) right center no-repeat;
	background-size: auto 25px;
}

.btn_open.d_op span:after {
	background:url(../img/icon_plan_c.png) right center no-repeat;
	background-size: auto 25px;
}

.plan_detail figcaption {
	font-size:11px;
}

#food .food_thumb img:nth-child(3){
	display: block;
}

#food .gentei {
	padding:0 6%;
}


#food .gentei h2{
	letter-spacing: 0;
}

#food .dinner p{
	letter-spacing: 0;

}

#amenity{
	margin: 0;
	padding: 20px 0;
	background:url(../img/ad_bg_pattern.png);
}
#amenity .box{
	color:#000;
	text-align:center;
	padding:40px 20px !important;

}

#amenity .box h2{
	font-size: 16px;
	letter-spacing:.2em;
	position:relative;

}
#amenity .box h2:after{
	content:"";
	display:block;
	width:60px;
	height:2px;
	margin:1.5em auto;
	background-color: #000;
}
#amenity .box p{
	line-height:2em;
	text-align: left;
	margin:0;
	letter-spacing: 0;
}


#reservation h2 {
	letter-spacing:0.2em;
}

#reservation .time {
	margin-bottom:40px;
}

.parallax.sub_para{
	height:230px;
}


#access address span {
	padding:20px 20px 20px 45px;
}


#access address span:before {
	width:13px;
	height:21px;
	background:url(../img/icon_map.png) no-repeat;
	background-size:13px auto;
}
	
#info .box h1 {font-size: 12px;}
#info .box p {line-height: 1.83em; font-size:10px; font-weight: normal; letter-spacing: 0.1em;}

footer {
	padding: 30px 10px 30px 10px;
	font-size: 1.2rem;
}

.footer_inner{
		padding-top: 139px;
		background: url(../img/logo_footer.png) top center no-repeat;
		background-size: auto 109px;
}
	footer p {
		line-height: 1;
		margin-bottom: 3em;
	}


footer small{
	font-size:9px;
	margin: 0;
	padding: 0;
}

	.ft_fb{display: none;}

}

@media (min-width: 568px) {
	.gentei p .pc,#access .pc {
	display:none;
}
	}

@media print, screen and (min-width:768px) and ( max-width:1100px) {
	section,header,footer { min-width:1100px; }
	body {overflow-x:scroll; }
}
/* Larger than tablet */
@media print, screen and (min-width: 768px) {
	.pc {  display:none;}

header {
	height:80px;
	position:fixed;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	width:100%;
	background:#FFF;
	z-index:10;
}

.sp_apply, .gnavh {
	display:none;
}
.button {
	font-size:16px;
	margin-bottom:5rem;
	}
.red {width:50%; margin-left:auto; margin-right:auto;
}

header #button{
	display:none;
}

header h1{
	position:absolute;
	width:339px;
	height:29px;
	left:20px;
	top:20px;

}

header nav{
	width:100%;
	float:right;
}

header ul{
	height:80px;
	overflow:hidden;
	float:right;

}

header ul li{
	display:block;
	float:left;
	width:120px;
	height:80px;
	margin-right: 30px;
}

header ul li a{
	display:block;
	width:120px;
	height:80px;
	text-indent:-9999px;
}

header ul li:hover{
	opacity:0.5;
}
header ul li.gnav01 a {
	width:80px; height:80px;
}

header ul li.gnav01 {
	width:80px;
	background:url(../img/nav_01.svg) center center no-repeat;
	background-size:contain;
}
header ul li.gnav02{
	width:88px;
	background:url(../img/nav_02.svg) center center no-repeat;
	background-size:contain;
}
header ul li.gnav03{
	width:50px;
	background:url(../img/nav_03.svg) center center no-repeat;
	background-size:contain;
	border:none;
}
header ul li.gnav04{
	width:88px;
	background:url(../img/nav_04.svg) center center no-repeat;
	background-size:contain;
	border:none;
}
header ul li.gnav05{
	width:63px;
	background:url(../img/nav_05.svg) center center no-repeat;
	background-size:contain;
	border:none;
}


header ul li.gnav06{
	margin-right:0;
	height:80px;
	width:200px;
	background:url(../img/nav_06.svg) center center no-repeat #FF9933;
	background-size: 103px 36px;
	-webkit-background-size: 103px 36px;

}


header ul li.gnav06:hover{
	opacity:1;
	background:url(../img/nav_06.svg) center center no-repeat #ea8500;
	background-size: 103px 36px;
	-webkit-background-size: 103px 36px;
}

.android header ul li.gnav04{
	background:url(../img/nav_04_and.png) center center no-repeat #ea8500;
}

#main_area {
	margin-top:0px;
	width:100%;
	height:765px;
	position:relative;
}


#main_area .main_inner {
	margin-top:0px;
	width:100%;
	height:100%;
	z-index:-1;

	}
.vegas-slide-inner {
	}

#concept .box {
	padding-top:135px;
	height:680px;
}
#concept .box h1{
	margin-bottom:3em;
	letter-spacing:0.35em;
}

#concept .box p{
	font-size:16px;
	line-height:2.37em;
	letter-spacing:0.3em;
}

#plan .box {
	padding-top:185px;

}

#plan h1 {
	margin:0 auto 30px;
	width:271px;
	height:56px;
}

#plan .plan_name p,
.txt2 {
	line-height:2.37em;
}

#plan .plan_name {
	width:100%;
	display:table;
}

#plan .plan_name img{
	display:none;
}

#plan .plan_detail table table {
	width:100%;
}


#plan .plan_detail table table th,
#plan .plan_detail table table td {
	padding-left: 0;
	vertical-align: middle;
	font-size: 14px;
}


.col-f,.col-r {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.plan01 .col-f{
	background:url(../img/plan_img_01.png) no-repeat center center;
	background-size:cover;
}

.plan02 .col-r{
	background:url(../img/plan_img_02.png) no-repeat center center;
	background-size:cover;
}

.plan03 .col-f{
	background:url(../img/plan_img_03.png) no-repeat center center;
	background-size:cover;
}


.gentei p {
	font-weight:bold;
}

.txt2 {
	letter-spacing:0.2em;
}


#plan .plan_title{
	padding:95px;

}
#plan .plan_title p{
	letter-spacing:0.1em;
}

.plan_detail {
	padding: 60px 0;
	position:relative;
}

.plan_detail > table {
	max-width:960px;
	margin:0 auto;
}

.plan_detail > table th,
.plan_detail > table td{
	font-size: 14px;
}

.plan_detail > table table{
	width:50%;
	float:left;
}

.plan_detail table table th,
.plan_detail table table td{
	padding:5px 15px;
}

.plan_detail table table th{
	padding-top:10px;
}

.plan_detail .p_price {
	padding-top:0;
	padding-left:0;
	padding-right:0;
}


#plan table th{
	width:135px;
}

.plan_detail .p_img {
	padding-right:0;
	width:250px;
}


.plan_detail .btn {
	display:block;
	width:460px;
	margin:50px auto 0;
	text-align:center;
}

.col-f .btn_open {
	position: absolute;
	right:50%;
	margin-right:45px;
	bottom:0;
	padding:0 45px 0 0;
}

/* 20160801追加分 */

#food > .parallax > .box{
	padding-top: 185px !important;

}

#food .box h1 {
	margin:0 auto 30px;
	width:271px;
	height:56px;
}

#food .txt2 {
	line-height:2.4em !important;

}

#food .dinner.box{
	padding: 120px 0 60px;
}

#food .dinner h3{
	font-size: 26px;
}

#food .dinner h3 + p{
	position: relative;
	padding-bottom: 3em;
	margin-bottom: 3em;
}

#food .dinner h3 + p:before,#food .dinner h3 + p:after{
	content:"";
	width:100%;
	height: 1px;
	position: absolute;
	left:0;
	bottom:6px;
	background-color: #000;

}
#food .dinner h3 + p:after{
	left:0;
	bottom:0;

}


#food .food_thumb,#food .remarks{
	max-width:960px;
	margin: 0 auto;
}

#food .food_thumb img{
	width:33.333333333%;
}

#food .food_thumb img:nth-child(3){
	display: none;
}
#food .remarks{
	margin-top: 4em;
}

#food div.bar .inner{
	max-width:960px;
	margin: 4em auto 100px auto;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	display: table;
	padding: 0;
}

#food div.bar .inner .txt{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
#food div.bar .inner .txt h3{
	text-align: center;
	font-size: 24px !important;
	border: none;
	padding:0;
	margin-top:0;
}

#food div.bar .inner .txt p{
	margin: 0;
	padding: 0 2em 0 0;

}
#food div.bar .inner .thumb{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

#food div.staff > div{
	max-width:960px;
	margin: 0 auto;
	display: table;
}

#food div.staff > div .inner{
	display: table-cell;
	width:50%;
	border: none;
	padding: 50px 0;
}

#food div.staff > div .inner .txt{
	width:46%;
}
#food div.staff > div .inner .thumb{
	width:50%;
}

#food div.staff > div .inner .txt span.name{
	font-size: 22px;
}

#food div.staff > div .inner:nth-child(1){
	padding-right: 2em;
}
#food div.staff > div .inner:nth-child(2){
	padding-left: 2em;
}

#map .box{
	padding-top:120px;
	padding-bottom:60px;
	letter-spacing:0.1em;
}

#map h1 {
	margin:0 auto 60px;
	width:359px;
	height:62px;
}

#map div.tour .inner{
	max-width:960px;
	margin: 4em auto 100px auto;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	display: table;
}

#map div.tour .inner .txt{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
#map div.tour .inner .txt h2{
	text-align: center;
	font-size: 24px !important;
	border: none;
	padding:0;
	margin-top:0;

}

#map div.tour .inner .txt p{
	margin: 0;
	text-align: left;
	padding: 0 2em 0 0;
}
#map div.tour .inner .thumb{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}


#weather .box{
	text-align: center;
	padding:100px 0;
}
#weather table{
	width: 100%;
	margin-top:4em;
	border: 1px solid #000;
	border-collapse: collapse;
	text-align: center !important;
}

#weather table thead th{
	background-color: #f0ebe7;
	border: 1px solid #000;
	vertical-align: middle;
	text-align: center !important;
	font-weight: normal;
	padding: 1.5em 1em;
	font-size: 14px;
}

#weather table tbody td{
	border: 1px solid #000;
	text-align: center !important;
	padding: 1.5em 1em;
	font-size: 14px;
}




#reservation h1 {
	margin:0 auto 30px;
	width:359px;
	height:62px;
}

#reservation .box{
	padding-top:120px;
	padding-bottom:120px;
}


#reservation h1 {
	margin-bottom:75px;
}


#reservation .btn {
	margin-top:20px;
	width:100%;
}

.txt_tel {
	font-size:42px;
}

.txt_tel span {
	font-size:18px;
}


#reservation .box {
	padding-top:120px;
	padding-bottom:120px;
	background:#4D6E6D;
	color:#FFF;
	text-align:center;
	border-bottom: none;
}


#reservation h2{
	overflow: hidden;
	text-align: center;
	width:100% !important;
	border: none;
}



#reservation h2 span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}

#reservation h2 span::before,
#reservation h2 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #ccc;
}

#reservation h2 span::before {
	right: 100%;
}

#reservation h2 span::after {
	left: 100%;
}

#reservation .cancel h3{
	margin-bottom: 1.5em;
}

#reservation .cancel .inner p{
	float:left;
	width:50%;
	padding-right: 2em;
}

#reservation .cancel .inner table{
	float: right;
	width:50%;
}

#reservation .cancel .inner table th,
#reservation .cancel .inner table td{
	padding: 1em;
	font-size: 14px;
}


#reservation .note {
	text-align:center;
	font-size: 12px !important;
}

#reservation .btn {
	width:50%;

}



#access .box {
	padding-top:120px;
	padding-bottom:120px;

	letter-spacing:0.1em;
}

#access  h1 {
	margin:0 auto 60px;
	width:359px;
	height:62px;
}

#access .box h2{
	font-size:2.2rem;
}

#access .box div p{
	letter-spacing:0.075em;
}

#access .box div.air{
	border-bottom:none;
	border-left:1px dashed #000;
	padding: 0 2em;
}
#access .box div.car{
	border-bottom:none;
	border-left:1px dashed #000;
	border-right:1px dashed #000;
	padding: 0 2em;

}

#access address {
	text-align:center;
	background:url(../img/ad_bg_pattern.png) repeat;
}

#access address span {
	padding:0;
	line-height:80px;
	position:relative;
	display:inline-block;
	background:none;
}

#access address span:before {
	content:"";
	position:relative;
	display:inline-block;
	margin-right:20px;
	background:url(../img/icon_map.png) no-repeat;
	background-size:20px auto;
}

#photo_gallery h1 {
	margin:80px auto 85px;
	width:482px;
	height:62px;
}
#photo_gallery{
	padding-bottom:0;
}

.btn_more {
	width:240px;
	height:60px;
}
#photo_gallery .btn_more{
	position: absolute;
	right: 1em;
	top: 0;
	margin-right:0;
	bottom:auto;
}

#info .box {
	padding:105px 25px 95px;
}

#info h1 {
	font-size:22px;
	margin-bottom: 2em;
}

#info h1:after {
	width: 120px;
	border-bottom: 4px solid #fff;
}

#info .box p {
	line-height: 1.92em;
	font-size: 14px;
}

	
.footer_inner{
		width: 960px;
		margin: 0 auto;
		padding-left: 360px;
		background: url(../img/logo_footer.png) left center no-repeat;
		background-size: 250px auto;
	overflow: hidden;
}
	
footer {
	padding: 40px 0;
}

.footer_inner nav {
		width: 300px;
		padding-right: 70px;
		float: left;
		text-align: left;
	}

	footer .ft_fb {
		width: 300px;
		float: right;
	}
footer h2{
line-height: 2.25;
font-size: 1.4rem;
margin: 0 0 1.5em;
text-align: center;
}

footer h2:first-child{
	font-size: 1.6rem;
	}
footer ul li{
	display: block;
	width: 100%;
	line-height: 30px;
	margin: 0 0 30px;
	text-indent: 0;
	padding-left: 50px;
	letter-spacing: 0.2em;
}
footer li.link_insta{
	background:url(../img/icon_insta.png) left center no-repeat;
	background-size: 30px auto;
}
footer li.link_fb{
	background:url(../img/icon_fb.png) left center no-repeat;
	background-size: auto 30px;
}
footer li.link_youtube{
	background:url(../img/icon_youtube.png) left center no-repeat;
	background-size: 30px auto;
}

footer li a{
	color: #000;
	text-decoration: none;
}

footer p{
	font-size: 1.6rem;
	margin-bottom: 3em;
}

footer p a{
font-size: 1.6rem;
}

footer small{
	font-size: 10px;
}


.map {
	height: 660px;
	width: 100%;
}
#map-canvas {
	width: 100%;
	height: 100%;
}

div.parallax{
	height:680px;

	}


header {
	opacity:0;
}

.fixed_pc {
	opacity:1;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.android div.parallax{
	background-attachment:scroll;
	}

}

/* Larger than desktop */
@media (min-width: 1024px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}