@charset "utf-8";

@import "page.css";
@import "page2.css";

/*--------------------------------
 *initialize
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
.sp{
	display:none;
}
.pc{
	display:block;
}
body {
  line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}
nav ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}
/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}
input, select {
  vertical-align:middle;
}
img {
  vertical-align: top;
}
ul, ol {
  list-style: none;
}
a:link, a:visited {
  color: #333;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a:hover img.op {
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
}

.clearfix { min-height: 1px; }
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  zoom:1;
}


.m0{margin-bottom:0px!important;}
.m5{margin-bottom:5px!important;}
.m10{margin-bottom:10px!important;}
.m15{margin-bottom:15px!important;}
.m20{margin-bottom:20px!important;}
.m25{margin-bottom:25px!important;}
.m30{margin-bottom:30px!important;}


.t-left{text-align:left!important;}
.t-right{text-align:right!important;}
.t-center{text-align:center!important;}


/*-------------------------------------------
 *layout
 */

body {
  background: #fcfcfc;
  color: #333;
  font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
  font-size: 87.5%;
  line-height: 1.857;
}

.frame{
	width:960px;
	position:relative;
	margin:0 auto;
}
.frame:after{content: ""; display: block; clear: both;height: 0;}

.l-wrapper {
  position: relative;
  min-width: 980px;
  overflow: hidden;
}


.l-header {
  padding: 13px 0 16px;
  background: url(../img/common/l-contents.jpg) center top repeat;
	background-size:cover;

}

.l-header header {
  width: 960px;
  margin: 0 auto;
  position:relative;
	overflow:hidden;
}

.l-header header .logo {
  float: left;
  margin: 0;
}

.l-header header p.logo {
	margin-left: 27px;
	margin-top: 38px;
}
.l-header header .logo a{
	font-size: 1.3em;
}
/*.l-header header .logo a.h_english{
	font-size: 1.5em;
}*/
.l-header .ks{
	position:absolute;
	right:0px;
	top:4px;
	color:#fff;
	font-size:12px;
}
.l-header .ks a{
	color:#fff;
}

#h-lead{
	position:absolute;
	top:-18px;
	right:0;
	font-size:80%;
	color:#999;
}

.l-header #h-menu {
  float: right;
  padding: 11px 0 0;
  font-size: 0;
}

form#headBtnReserve {
	display: inline-block;
	margin-left: 15px;
}

	form#headBtnReserve input[type=image]:hover {
		opacity: 0.8;
	}

.l-header #h-menu a {
  margin: 0 0 0 14px;
}

.l-header #h-menu img {
  vertical-align: middle;
}


.l-navi{
	background: url(../img/common/nav-bg.png) repeat-x;
}

.l-navi nav {
  font-size: 0;
  line-height: 0;
  clear:both;
}

.l-navi nav ul {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

.l-navi nav ul li {
  float: left;
}
.l-navi nav ul li a{
	width:120px;
	background:url(img/common/nav-line.png) right no-repeat;
	display:block;
	padding:0;
	text-align:center;
}
.l-navi nav ul li:last-child a{
	background:none;
}


.l-mainvisual {
  position: relative;
  background: url(../img/home/bg-mainvisual.jpg) center no-repeat        ;
	background-size:cover;
  text-align: center;
}

.l-mainvisual .top_slide img{
  margin: 0 auto;
}

.l-mainvisual > .flexslider > .palm_l{
	position:absolute;
	left:-300px;
	top:0;
	z-index:10;
	display:block;
}

.l-mainvisual > .flexslider > .palm_r{
	position:absolute;
	right:-300px;
	top:0;
	z-index:10;
	display:block;
}

.l-mainvisual > .palm_l, .l-mainvisual > .palm_r{
	display:none;
}

@media screen and (min-width:1560px){
.l-mainvisual > .palm_l{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	display:block;
}

.l-mainvisual > .palm_r{
	position:absolute;
	right:0;
	top:0;
	z-index:10;
	display:block;
}

.l-mainvisual > .flexslider > .palm_l, .l-mainvisual > .flexslider > .palm_r{
	display:none;
}
}

.l-mainvisual .flexslider{
	width:960px;
	margin:0 auto;
}

.l-contents {
  background: url(../img/common/l-contents.jpg) center top repeat;
	padding-bottom:30px;
    padding-top: 60px;
}
#concept .l-contents,
#campaign .l-contents{
	padding-bottom:0;
}

.l-contents.bg2{
	background:	url(img/concept/scene/2/bg-left.png) left top no-repeat,
url(img/concept/scene/2/bg-right.png) right top no-repeat,
url(img/concept/scene/2/bg-bottom.png) right bottom no-repeat,
url(img/concept/scene/2/bg2.png) top repeat-x #fff;

}
.l-contents.bg-none{
	background:#fff;
}


.l-contents .main-sect {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

.l-contents .main-sect img {
	max-width:100%;
}


.l-contents .sect-recommended-plan {
  position: relative;
  background: url(img/common/bg-recommended01.png) repeat-x #DDDDDD;
  overflow: hidden;
}

.l-contents .sect-recommended-plan:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
  height: 323px;
  background: url(img/common/bg-recommended02.png) no-repeat;
}

.l-contents .sect-recommended-plan:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 650px;
  height: 323px;
  background: url(img/common/bg-recommended03.png) no-repeat right bottom;
}

.l-contents .sect-recommended-plan .main-sect {
  position: relative;
  padding: 29px 0 0;
  z-index: 2;
}

.l-contents .sect-recommended-plan .sect-title {
  margin: 0 0 17px;
}

.l-contents .sect-recommended-plan .banner-list {
  position: relative;
  width: 901px;
  margin: 0 auto 39px;
  overflow: hidden;
}

.l-contents .sect-recommended-plan .banner-list ul {
  position: relative;
  left: 50%;
  float: left;
}

.l-contents .sect-recommended-plan .banner-list ul li {
  position: relative;
  left: -50%;
  float: left;
  margin: 0 15px;
}


.l-contents .bottom-banner{
	position: relative;
	overflow: hidden;
	width:960px;
	margin-top: 23px;
	margin-right: auto;
	padding-bottom:37px;

}
.l-contents .bottom-banner ul{
	padding:0;
	margin:0;
	width:960px;
}
.l-contents .anti_v{
	margin-top: 35px;
}
.l-contents .bottom-banner li{
	float:left;
	margin:0 20px 0 0;
	padding:0;
	list-style:none;
}

.l-contents .bottom-banner li:last-child{
	margin-right:0;
}

.l-contents .facility{
	text-align: center;
    background-color: rgba(255,255,255,0.7);
    line-height: 1.5;
    padding: 60px 0 30px;
}

.l-contents .facility-ttl{
    color: #3E5728;
    font-size: 16px;
}

.l-contents .facility-ttl p{
	font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.l-contents .facility-ttl .mt10{
	margin-top: 7px;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
}

.l-contents .facility .facility-main{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
}

.l-contents .facility .facility-main li{
	width: 360px;
    padding-bottom: 30px;
}

.l-contents .facility .facility-main li:nth-child(odd){
    padding-right: 25px;
}

.l-contents .facility .facility-main li:nth-child(even){
    padding-left: 25px;
}

.l-contents .facility .facility-main p{
	text-align: left;
    margin-top: 10px;
}

#hotels-link {
	padding-bottom:  18px;
	padding-top:28px;
	text-align:center;
	background: url(../img/common/hotels-link.jpg) left no-repeat #BEBCBD;
	background-size:auto 100%;
	position:relative;
	z-index:10;
}

#hotels-link ul{
	width:960px;
	margin:0 auto;
}
#hotels-link li {
	display: inline-block;
	padding: 0 57px;
	margin-bottom:10px;
	border-left: 1px solid #959595;
}
#hotels-link li a {
	color: #666666;
	font-size: 8px;
	text-decoration: none;
}
#hotels-link li span {
	display: block;
	padding-top: 4px;
	line-height:1.6;
}
#hotels-link li:first-child {
	border-left: none;
}
#hotels-link li.noborder{
	border:0;
}

#hotels-link li:hover {
  opacity: 0.7;
}



.pagetop{
	position:relative;
	z-index:10;
}

.pagetop img{
	position:absolute;
	right:0px;
	top:-43px;
	cursor:pointer;
}

.l-footer {
  padding: 20px 0 15px 0;
  background: #313031;
	border-top:5px solid #737447;
}

.l-footer .inner-top {
  width: 930px;
  margin: 0 auto 13px;
  position:relative;
}

.l-footer .inner-top .logo,
.l-footer .inner-top .tel {
  float: left;
}

form#footBtnReserve {
	display: inline-block;
	position: absolute;
	top: 30px;
	/*left: 425px;*/
	left: 500px;
}

	form#footBtnReserve input[type=image]:hover {
		opacity: 0.8;
	}

.l-footer .inner-top .logo, #concept .l-footer .inner-top h2.logo{
  margin: 0 23px 0 0;
	padding:0
}

.l-footer .inner-top .tel {
  color: #fff;
}

.l-footer .inner-top .tel a {
  margin: 0 0 0 56px;
}

.l-footer .inner-top .tel img {
  margin: 0 0 13px;
}

.l-footer .inner-top .contact {
  float: right;
  color: #666;
  font-size: 85.714%;
  line-height: 1.6;
  text-align: right;
}

.l-footer .inner-top .contact img {
  margin: 8px 0 0;
}


.l-footer .f-bottom{
  width: 930px;
  margin: 0 auto;
  position:relative;
  clear:both;
  zoom: 1;
}
.l-footer .f-bottom:after{content: ""; display: block; clear: both;height: 0;}


.l-footer .lang{
  color: #999;
  font-size: 85.714%;
  position:absolute;
  top:0;
  right:0;
}
.l-footer .lang .label{
	float:left;
	margin-right:5px;
  line-height: 2.5;
}
.l-footer .lang ul{
	float:left;
}
.l-footer .lang li{
	margin-left:8px;
	float:left;
}

.l-footer .lang li a{
  color: #999;
	display:block;
	text-decoration:none;
  line-height: 2.5;
}
.l-footer .lang li a:hover{
	text-decoration:underline;
}


.l-footer .inner-foot {
  color: #999;
  font-size: 85.714%;
  line-height: 2.5;
  text-align: center;
  clear:both;
	background:#313031;
}

.l-footer .inner-foot a:link,
.l-footer .inner-foot a:visited {
  color: #999;
  text-decoration: none;
}

.l-footer .inner-foot a:hover {
  text-decoration: underline;
}


.empr {
  margin: 40px auto 40px ;
  width: 580px;
}