@charset "utf-8";


/* -------------------------------------------
 * 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, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 100%;
  vertical-align: baseline;
  background: url(../../img/common/space.gif) repeat;
}

html,body {
  color: #111111;
  font-size: 16px;
  /*line-height: 30px;*/
  font-family: serif;
  -webkit-text-size-adjust: 100%;
}

.a2{
	text-decoration:underline;
	color:#111;
}
.a2:hover{
	text-decoration:none!important;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block;
}

ul li,ol li {
  list-style: none;
}

input, select {
  vertical-align: middle;
}

img {
  vertical-align: middle;
}

.hide {
  display: none;
}

.clear {
  clear: both;
}

.float-left {
  float: left;
  display: inline;
}

.float-right {
  float: right !important;
  display: inline;
}

.hover,
.hover-src {
  cursor: pointer;
}

.caption {
}

.pc .tellink{
	pointer-events: none;
	cursor: default;
	text-decoration:none;
	color:#111111;
}


.clearfix:before, .clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

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

/* -------------------------------------------
 * basic
 */

.wrap {
  margin: 0 auto;
  width: 768px;
}


header {
  left: 0;
  z-index: 50;
  min-width: 768px;
}


header .inner{
	position:relative;
	width: 100%;
  min-width: 768px;
}

header .h-lang{
	background:url(../../img/common/h-lang.jpg) repeat-x;
	height:28px;
}
header.ver2 .h-lang{
	background:#000;
}
header.ver3 .h-lang{
	background:#072323;
}


header .h-lang ul{
	width:768px;
	margin:0 auto;
	padding:0;
	text-align:right;
}
header .h-lang li{
	list-style:none;
	margin:0 0px 0 0;
	padding:0;
	display:inline;
}
header .h-lang li a{
	padding:0 5px;
}
header .h-lang li img{
	vertical-align:top;
}


header .navs {
  background: url(../../img/common/h-bg.png) repeat-x;
  width: 100%;
  height: 60px;
  line-height: 60px;
}
header.ver2 .navs{
	background:url(../../img/common/header/bg.jpg) repeat-x;
	height:93px;
	line-height:inherit;
}


header .header-reserve {
  background: #000;
  height: 38px;
  line-height: 38px;
}
.tablet header .header-reserve{
	position:relative;
	top:-1px;
}

header .header-reserve .cond1 {
  padding-left: 27px;
  white-space:nowrap;
}

header .header-reserve .cond1 img,header .header-reserve .cond1 input,header .header-reserve .cond1 select  {
  float: left;
  outline: none;
  margin: 0;
  vertical-align: middle;
}

header .header-reserve .cond1 input,header .header-reserve .cond1 select {
  margin-top: 9px;
}

header .header-reserve .cond1 .submit img {
  margin-top: 7px;
  margin-right: 16px;
}

header .header-reserve .air {
  margin-top: 13px;
  display:inline-block;
}

header .wrap {
  width: 729px;
  height: auto;
  position:relative;
}
header.ver2 .wrap{
	height:93px;
}

header .logo {
  padding-right: 45px;
  float: left;
  line-height: 0;
}
header.ver2 .logo{
	padding-right:0;
	float:none;
}
header.ver3 .logo{
	position:relative;
}

header .logo img {
  vertical-align: top;
}

header .tel {
  position: relative;
}

header .tel img {
  position: absolute;
  top: 0;
  right: -28px;
}

header.ver2 .search{
	position:absolute;
	right:0;
	top:13px;
}
header.ver2 .search li{
	float:left;
	margin-left:10px;
}

header.ver2 .tel2{
	position:absolute;
	right:0;
	bottom:10px;
}

#h-faq{
	position:absolute;
	left:270px;
	top:20px;
}


header.ver3 .reserve{
	position:absolute;
	top:13px;
	right:0;
	background:#fff;
}

header.ver3 .tel3{
	position:absolute;
	right:160px;
	top:22px;
}


.globalnavi {
  float: left;
  position:relative;
  top:5px;
}
header.ver2 .globalnavi{
	float:none;
	top:15px;
}



.globalnavi li {
  display: inline-block;
  float: left;
  margin-left: 0px;
}

.globalnavi li:nth-of-type(n+2){
  margin-left: 30px;
}

.globalnavi .cond1 {
  margin-right: 22px;
}

.globalnavi .cond2 {
  margin-right: 22px;
}

.globalnavi .cond3 {
  margin-right: 20px;
}

.globalnavi .cond4 {
  margin-right: 20px;
}

.globalnavi .cond5 {
  margin-right: 22px;
}


/* SP */

.header-sp{
  position: fixed;
  top: 0;
  background: #072222;
  width: 100%;
  height: 150px;
  z-index: 99;
  display: none;
}

.header-sp img{
    width: 100%;
}

.header-sp .inner{
    padding: 0 30px;
    height: 150px;
    background: #072222;
}

.header-sp .logo{
    height: 150px;
    display: inline-block;
}

.header-sp .logo a img{
    position: relative;
    top: 35px;
    width: 275px;
}

.header-sp .right{
    float: right;
    height: 100%;
}

.header-sp .right .reserve{
  display: inline-block;
}

.header-sp .right .reserve-btn{
    display: inline-block;
    position: relative;
    top: 40px;
    right: 50px;
    width: 300px;
}

.header-sp .right .toggle{
    display: inline-block;
    position: relative;
    top: 40px;
    right: 10px;
    width: 60px;
    cursor: pointer;
}

.header-sp .right .toggle img{
    cursor: pointer;
}

.header-sp .globalnavi{
    background-color: #113838;
    width: 100%;
}

.header-sp .globalnavi ul{
    overflow: hidden;
}

.header-sp .globalnavi li{
    display: inline-block;
    width: 50%;
    font-size: 40px;
    margin-left: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #295a5a;
    background-image: url(/img/common/header/sp/arrow.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}

.header-sp .globalnavi li a{
    display: block;
    padding: 50px;
}

.header-sp .globalnavi .li1,
.header-sp .globalnavi .li3,
.header-sp .globalnavi .li5,
.header-sp .globalnavi .li7{
    border-right: 1px solid #295a5a;
}

.header-sp .globalnavi li a:link,
.header-sp .globalnavi li a:visited{
    color: #d0ceb8;
    text-decoration: none;
}

.header-sp .etc-area{
    padding: 80px 100px;
}

.header-sp .etc-area .link{
    margin-bottom: 80px;
}

.header-sp .etc-area .link a{
    display: block;
    margin-bottom: 50px;
}

.header-sp .etc-area .language a{
    display: block;
    margin: auto;
    width: 23%;
    margin-bottom: 60px;
}

.header-sp .etc-area .language .item2{
    width: 15.5%;
}

.header-sp .etc-area .language .item3{
    width: 19%;
}

.globalnavi-sp{
    position: fixed;
    top: -1800px;
    transition: .5s;
    z-index: -1;
}

.globalnavi-sp.open{
    top: 150px;
    transition: .5s;
}

.sp{
  margin-top: 150px;
}

.sp header.ver3{
  display: none !important;
}

.sp .header-sp{
  display: block;
}

.wide .header-sp{
  display: none;
}

.pc .header-sp{
  display: none;
}

.sp header.ver2 .navs {
    height: 110px;
}

.sp header.ver2 .wrap{
  height: 110px;
}

.sp header .inner {
    top: 0;
}

.sp header .inner .navs .wrap .logo a img{
    width: 300px;
}




.slideshow {
  margin-bottom: 88px;
  position: relative;
  width: 100%;
  height: 640px;
  overflow: hidden;
  text-align: center;
  min-width: 768px;
}

.mainvisual {
  position: relative;
  width: 100%;
  height: 450px;
  overflow: hidden;
  text-align: center;
  min-width: 768px;
}

.slideshow li {
  width: 100%;
  height: 100%;
}

.slideshow .text {
  position: absolute;
  z-index: 2;
}

.slideshow .bg {
  position: absolute;
  top: 0;
  left: 0;
}

.scene1 .text {
  margin: -245px 0 0 -71px;
  left: 50%;
  top: 50%;
}

.scene2 .text {
  margin: -245px 0 0 -71px;
  left: 50%;
  top: 50%;
}

.scene1,.scene2,.scene3 {
  position: absolute;
  top: 0;
  left: 0;

}

.scene1 {
  z-index: 2;
}

.side {
  display: inline-block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 90;

}

.sp .side{
  top: 80px
}


.side div {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}

.side .address a {
  display: inline-block;
  margin-left: 15px;
  margin-top: -2px;
  padding-top: 2px;
  padding-bottom: 0;
  padding-left: 9px;
  background: url(../../img/common/arrow-2.png) no-repeat left center;
  color: #fff;
  font-size: 13px;
  line-height: 13px;
  text-decoration: none;
  vertical-align: middle;
}

.side .address a:hover {
  text-decoration: underline;
}

.side input[type=checkbox] {
  position: absolute;
  left: -9999em;
}

.side input[type=checkbox]+label {
  padding-left: 16px;
  background: url(../../img/common/side-reserve-check-bg.png) no-repeat;
  vertical-align: middle;
}
.side input[type=checkbox]+label.checked {
  background: url(../../img/common/side-reserve-check-bg2.png) no-repeat;
}

.side input[type=text] {
  -webkit-appearance: none;
  width: 38px;
  height: 22px;
  border: none;
  background: url(../../img/common/side-reserve-input.png) repeat-x 0 0;
  line-height: 22px;
  vertical-align: middle;
}

.tab-reserve {
  position: absolute;
  top: 0;
  right: -260px;
  padding-left: 3px;
  background: url(../../img/common/side-reserve-bg.png) repeat-y;
  z-index: 90;
}

.tab-close {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 1;
  width:100px;
  display:none;
}


.tab-reserve .tab {
  position: absolute;
  top: 100px;
  left: -50px;
  cursor: pointer;
}

.tab-reserve .tab .button{
	width:84px;
	height:174px;
	background:url(../../img/common/space.gif);
	position:absolute;
	left:0;
	top:0;

}

.tab-reserve .tab .start{z-index:30;}
.tab-reserve .tab .open{z-index:20;}
.tab-reserve .tab .close{z-index:10;}


.tab-reserve .inner {
  margin: 0 auto;
  padding-top: 66px;
  width: 260px;
  overflow:hidden;
}
.tab-reserve .inner2{
	width:220px;
	margin:0 auto;
}


.tab-reserve .check-in {
  padding-bottom: 25px;
}

.tab-reserve .air {
  padding-bottom: 30px;
  text-align: center;
}

.tab-reserve .info {
  padding-bottom: 15px;
}

.tab-reserve .address {
  padding-top: 18px;
    padding-bottom: 56px;
}

.tab-reserve .info a {
}

.tab-reserve .check-in .text {
  padding-bottom: 20px;
}

.tab-reserve .cond1 {
  padding-bottom: 16px;
}

.tab-reserve .cond2 {
  padding-bottom: 20px;
}
.tab-reserve .cond3 {
  padding-bottom: 20px;
}

.tab-reserve .cond1 input[type=text]{
	text-align:center;
}


.tab-reserve .text label img {
  vertical-align: top;
}

.tab-reserve .text1 {
  margin: 0;
  padding-left: 2px;
  padding-right: 3px;
}
.tab-reserve .easy-select-0{
  width:46px!important;
}
.tab-reserve .easy-select-1,
.tab-reserve .easy-select-2{
	width:46px!important;
}

.tab-reserve .text2 {
  margin: 0;
  padding-left: 3px;
  padding-right: 3px;
}

.tab-reserve .text3 {
  margin: 0;
  padding-left: 3px;
}

.tab-reserve .text4 {
  margin: 0;
  padding-right: 4px;
  *display: block;
  *float: left;
}

.tab-reserve .text5 {
  margin: 0;
  padding-left: 6px;
  padding-right: 8px;
  *display: block;
  *float: left;
}

.tab-reserve .text6 {
  margin: 0;
  padding-left: 6px;
  *display: block;
  *float: left;
}

.tab-reserve .check-in label {
  float: right;
}

.tab-reserve .check-in .text img {
  *float: left;
}

.tab-faq {
  position: absolute;
  top: 295px;
  right: -266px;
}

.tab-faq .tab {
  position: absolute;
  left: -53px;
  background: url(../../img/common/side-faq-bg.png) repeat-x ;
  cursor: pointer;
}
.tab-faq .tab img{
	position:relative;
	left:-3px;
}

.tab-faq .tab .button{
	width:84px;
	height:46px;
	background:url(../../img/common/space.gif);
	position:absolute;
	left:0;
	top:0;

}

.tab-faq .tab .start{z-index:30;}
.tab-faq .tab .open{z-index:20;}
.tab-faq .tab .close{z-index:10;}

.tab-faq .inner{
  margin-left: 3px;
	width:260px;
	position:relative;
  background: url(../../img/common/side-faq-bg.png) repeat-x 3px 0;
	left:-3px;
}

.tab-fb {
  position: absolute;
  top: 346px;
  height: 46px;
  line-height: 46px;
  right: -266px;/*right: -143px;*/
}
.side2 .tab-fb{
  top: 295px;
}

.tab-fb img {
  padding-top: 3px;
  vertical-align: middle;
}

.tab-fb .tab {
  position: absolute;
  left: -54px;
  background: url(../../img/common/side-fb-bg.png) repeat-x ;
  cursor: pointer;
}
.tab-fb .tab img{
  position:relative;
  left:-3px;
}

.tab-fb .tab .button{
  width:84px;
  height:46px;
  background:url(../../img/common/space.gif);
  position:absolute;
  left:0;
  top:0;

}

.tab-fb .tab .start{z-index:30;}
.tab-fb .tab .open{z-index:20;}
.tab-fb .tab .close{z-index:10;}

.tab-fb .inner{
  margin-left: 2px;
  width:260px;
  position:relative;
  background: url(../../img/common/side-fb-bg.png) repeat-x top;
	left:-3px;
}





.tab-photoblog {
  position: absolute;
  top: 348px;
  height: 45px;
  line-height: 45px;
  right: -266px;/*right: -143px;*/
}

.tab-photoblog img {
  vertical-align: middle;
}

.tab-photoblog .tab {
  position: absolute;
  left: -54px;
  background: url(../../img/common/side-photoblog-bg.png) center repeat-x ;
  cursor: pointer;
}
.tab-photoblog .tab img{
  position:relative;
  left:0px;
}

.tab-photoblog .tab .button{
  width:84px;
  height:46px;
  background:url(../../img/common/space.gif);
  position:absolute;
  left:0;
  top:0;

}

.tab-photoblog .tab .start{z-index:30;}
.tab-photoblog .tab .open{z-index:20;}
.tab-photoblog .tab .close{z-index:10;}

.tab-photoblog .inner{
  margin-left: 2px;
  width:260px;
  height: 74px;
  padding-top: 9px;
  position:relative;
  background: url(../../img/common/side-insta-bg.png) repeat-x top;
	left:-3px;
}



.tab-link {
  position: absolute;
  top: 398px;
  right: -29px;

}
.side2 .tab-link{
	top:350px;
}
.side3 .tab-link{
	top:400px;
}

.tab-link a{
	display:block;
}

.tab-link .tab {
  position: absolute;
  left: -53px;
  cursor: pointer;
}
.tab-link .tab img{
	position:relative;
	left:-0px;
}

.tab-link .tab .button{
	width:54px;
	height:91px;
	background:url(../../img/common/space.gif);
	position:absolute;
	left:0;
	top:0;

}

.tab-link .tab .start{z-index:30;}
.tab-link .tab .open{z-index:20;}
.tab-link .tab .close{z-index:10;}

.tab-link .inner{
	width:29px;
	position:relative;
/*  background: url(../../img/common/side-link-bg.png) repeat-x 3px 0;*/
	left:-0px;
}





.tab-gallery {
  position: absolute;
  top: 448px;
  right: -29px;

}
.side3 .tab-gallery{
	top:500px;
}

.tab-gallery a{
	display:block;
}

.tab-gallery .tab {
  position: absolute;
  left: -53px;
  cursor: pointer;
}
.tab-gallery .tab img{
	position:relative;
	left:-0px;
}

.tab-gallery .tab .button{
	width:54px;
	height:91px;
	background:url(../../img/common/space.gif);
	position:absolute;
	left:0;
	top:0;

}

.tab-gallery .tab .start{z-index:30;}
.tab-gallery .tab .open{z-index:20;}
.tab-gallery .tab .close{z-index:10;}

.tab-gallery .inner{
	width:29px;
	position:relative;
	left:-0px;
}




.side .price{
	margin:0 0 0px 0;
	border-bottom:1px solid #444;
}
.side .price .head{
}

.side .price ul{
	margin:0;
	padding:0;
	height:0;
	overflow:hidden;
}
.sp .side .price ul,
.tablet .side .price ul{
	display:none;
	height:inherit;
	overflow:auto;
}

.side .price li{
	margin:0;
	padding:0;
	list-style:none;
}
.side .price li a{
	border-top:1px solid #444;
	display:block;
	text-align:center;
}



.content {
}

.main {
  background: url(../../img/common/content-bg.png) no-repeat right bottom;
}

.content-address {
  padding-bottom: 44px;
  text-align: center;
}

.content-address .logo {
  padding-bottom: 20px;
}

.content-address .name {
  padding-bottom: 14px;
}

.content-address .text {
  font-size: 16px;
}

.content-address .text a {
  display: inline-block;
  margin-left: 21px;
  padding-left: 11px;
  background: url(../../img/common/arrow-1.png) no-repeat left center;
  color: #111111;
  font-size: 16px;
  text-decoration: none;
}

.content-address .text a:hover {
  text-decoration: underline;
}



.bottom-reserve{
	text-align:center;
	padding-bottom:55px;
}


.bottom-banner{
	text-align:center;
	padding-bottom:70px;
}

.bottom-banner li{
	display:inline-block;
	margin:0 25px;
}



.other-link{
	border-top:1px solid #C5C5C5;
	background:url(../../img/common/other/bg.png) center no-repeat #EFF0F0;
}

.other-link ul{
	text-align:center;
}
.other-link li{
	display:inline-block;
	margin:0 55px;
	padding:20px 0;
}




.pagetop {
  display: none;
  position: fixed;
  bottom: 0;
    right: 176px;
  height: 44px;
  line-height: 0;
}


.main {
  position: relative;
}

.ft-list-area {
  padding-top: 19px;
  padding-bottom: 27px;
  background: #042a19;
  min-width: 768px;
}

.ft-list-area .wrap {
  width: 729px;
}

.ft-link {
  position: relative;
  height: 39px;
}

.ft-link ul {
  position: absolute;
  right: 0;
}

.ft-link li {
  float: left;
  border-right: 1px solid #fff;
}

.ft-link li.last {
  border-right: none;
}

.ft-navi .cond1 {
  margin-right: 20px;
  float: left;
  width: 182px;
  border-right: 1px solid #40584c;
}

.ft-navi .cond2 {
  margin-right: 20px;
  float: left;
  width: 161px;
  border-right: 1px solid #40584c;
}

.ft-navi .cond3 {
  margin-right: 20px;
  float: left;
  width: 161px;
  border-right: 1px solid #40584c;
}

.ft-navi .cond4 {
  float: left;
  width: 161px;
}

.ft-navi li {
  padding-bottom: 14px;
}

.ft-navi li.last {
  padding-bottom: 0px;
}

.ft-copy {
  margin: 0 auto;
  width: 729px;
  position:relative;
}


.ft-copy .copyright {
  float: left;
  line-height: 0;
}
.ft-copy2 .copyright{
	float:none;
	padding-bottom:20px;
}

.copyright2 {
  margin-top: 110px;
}

.f-slh{
	position:absolute;
	left:324px;
	top:12px;
}
.f-slh2{
	position:absolute;
	right:0;
	top:12px;
}
.f-tabi{
	position:absolute;
	right:216px;
	top:12px;
}
.f-eccolo{
	position:absolute;
	right:432px;
	top:12px;
}


.ft-copy .logo {
  float: right;
  line-height: 0;
}

.copyright {
  background: #fff;
}

.mark {
  margin-left: 20px;
}

.mark li {
  list-style: disc outside;
}




/*--------------------------------------------------
 * -reserve-selectbox
 */

.easy-select-box{
  display:inline-block;
  position:relative;

}

.easy-select-box .esb-dropdown{
  position:absolute;
  top:100%;
  left:0;
  z-index:99;
  display:none;
}

.side .easy-select-box{
  width:69px;
  text-align:left;
  font-size:14px;
  color:#003e24;
  vertical-align: middle;
  *float: left;
}

.side .cond2 .easy-select-box{
  width: 40px;
  text-align:left;
  font-size:14px;
  line-height: 18px;
  color:#003e24;
}

.easy-select-box .esb-displayer{
  background: url(../../img/common/side-reserve-select-2.png) no-repeat left ;
  padding: 0 3px 0 5px;
  width:40px;
  height:22px;
   color:#003e24;
  line-height:25px;
  cursor: default;
  vertical-align: middle;
}

.cond2 .easy-select-box .esb-displayer{
}

.easy-select-box:hover .esb-displayer{
  text-decoration:none;
}

.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer{
}

.easy-select-box .esb-dropdown{
  border:1px solid #cccccc;
  width:116px;
  max-height:200px;
  overflow:auto;
  background:#FFFFFF;
}

.easy-select-box .esb-dropdown .esb-item{
  padding:3px;
  background:#FFFFFF;
  color:#0c2245;
  cursor:default;
}


/*--------------------------------------------------
 * lower
 */

.lower header {
  position: absolute;
  top: 0;
  width: 100%;
    min-width: 768px;
	z-index:80;
}
.lower header .h-lang{
	position:fixed;
	width:100%;
}
.lower header .inner{
	width:100%;
	position:absolute;
	top:28px;
	left:0;
}
.lower header .inner.fixed{
	position:fixed;
	top:0;
}




/*--------------------------------------------------
 * sp - spacing
 */

/*--------------- common ---------------*/

.sp .wrap{
  width: 900px !important;
}

.sp .ft-copy {
    width: 900px;
    text-align: center;
}

.sp .ft-copy .f-slh2,
.sp .ft-copy .f-tabi,
.sp .ft-copy .f-eccolo{
  position: static;
  display: inline-block;
  padding-top: 30px;
  margin: 0 20px;
}

.sp .copyright2 {
  margin-top: 0;
  padding: 30px;
}

.sp .page-lead{
  padding-top: 100px !important;
}

.sp.activity .page-lead{
  padding-top: 0px !important;
}

.sp .block-inner{
  width: 900px !important;
}






/*--------------- top ---------------*/

.sp.top ul.top-menu li{
	display: inline-block;
	width: 285px;
	padding-right: 22px;
}

.sp.top ul.top-menu li:nth-of-type(3n){
	padding-right: 0px;
}

.sp.top ul.top-menu li a{
	display: block;
}

.sp.top ul.top-menu li a img{
	width: 100%;
}


/*--------------- about ---------------*/
.sp.s-about .main-box{
  width: 900px;
}

.sp.s-about .main-box p{
  word-break: break-all;
}

.sp.s-about .main-box{
  background: none;
  background-color: #FBFBFB;
  box-shadow: 0 0 0 1px #DDDDDD inset,
              0 0 0 5px #FFFFFF inset;
  padding: 40px;
  box-sizing: border-box;
}


.sp.s-about .block-inner .block-ttl dt{vertical-align: middle;}

.sp.s-about .block-inner .block-ttl dd{
  position: relative;
  width: 644px;
  height: 256px;
  overflow:hidden;
}

.sp.s-about .block-inner .block-ttl dd img{
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sp.s-about #s-block02 .block-box p{
  left: 356px;
}

.sp.s-about .block-inner ul.block-box2 li{
  width: 408px;
}

.sp.s-about .block-inner ul.block-box2 li>img{
  width: 100%;
}

.sp.s-about #s-block06 .block-inner{
  padding-top: 0;
}

.sp.s-about #s-block06 .forthe-yakushima{
  background-size: cover;
}

.sp.s-about #s-block06 .yakushima h3,
.s-about #s-block06 .fund h3{
  background-size: cover !important;
}






/*--------------- rooms ---------------*/
.sp.rooms .page-lead ul{
  text-align: center;
}

.sp.rooms .page-lead li{
  float: none;
  display: inline-block;
}

.sp.restaurant .message{
  width: 900px;
}

.sp.restaurant .seasons{
  width: 900px;
}

.sp.restaurant .seasons .spring, 
.sp.restaurant .seasons .summer, 
.sp.restaurant .seasons .autumn,
.sp.restaurant .seasons .winter {
  width: 428px;
}

.sp.restaurant .two-restaurants{
  width: 900px;
  margin-right: 0;
}

.sp.restaurant .two-restaurants li{
  width: 420px;
}

.sp.restaurant .two-restaurants li .iamge{
  width: 100%;
}

.sp.rooms .equipment p,
.sp.rooms .information li{
  width: 900px;
}




/*--------------- spa ---------------*/
.sp.spa .sana-being ul li:first-child{
  margin-left: 90px;
}

.sp.spa .room .image,
.sp.spa .suite .image{
  width: 500px;
  height: auto;
}

.sp.spa .room .text,
.sp.spa .suite .text{
  margin-top: 20px;
  width: 372px;
}

.sp.spa .suite .text{
  margin-top: 70px;
}




/*--------------- activity ---------------*/
.sp.activity .activity-about .activity-content .activity-img{ 
  width: 410px; 
}

.sp.activity .activity-about .activity-content .activity-img img{
  width: 100%;
  height: auto;
}

.sp.activity .activity-content .activity-txt-wrapper{
  width: 410px;
}

.sp.activity .activity-about{
  margin-bottom: 30px;
}

.sp.activity .activity-area .activity-content .activity-img-wrapper{
  width: 410px;
}

.sp.activity .activity-area .activity-content .activity-img-wrapper img{
  width: 100%;
}

.sp.activity .activity-content-guide{
  margin-bottom: 50px;
}





/*--------------- access ---------------*/
.sp.access .airline{
  width: 900px;
}

.sp.access .airline .way img{
  width: 100%;
  height: auto;
}

.sp.access .airline .contact{
  background-size: cover;
  padding: 68px 20px 68px 31px;
}

.sp.access .from-kagosima{
  width: 900px;
}

.sp.access .from-kagosima .image{
  width: 100%;
  height: auto;
}

.sp.access .from-kagosima .text{
  width: 472px;
}

.sp.access .spot{
  width: 900px;
}

.sp.access .spot h3 img{
  width: 100%;
  height: auto;
}

.sp.access .spot li{
  width: 216px;
}

.sp.access .spot li img{
  width: 100%;
  height: auto;
}

.sp.access .rental{
  width: 900px;
}

.sp.access .rental .image,
.sp.access .rental .text{
  width: 430px;
}

.sp.access .rental .image img{
  width: 100%;
  height: auto;
}





/*--------------- yakushima ---------------*/
.sp.yakushima ul.menu li{
  width: 296px;
}

.sp.yakushima ul.menu li img{
  width: 100%;
  height: auto;
}




/*--------------- plan ---------------*/

.sp.plan .plan-group{
  width: 900px;
  background: none;
}

.sp.plan .plan-group .inner,
.sp.plan .plan-group .button{
  background: none;
}

.sp.plan .plan-group .inner{
  border: 3px solid #000;
}

.sp.plan .plan-group .photo{
  width: 390px;
  margin-bottom: 45px;
}

.sp.plan .plan-group .main-plan .discriptions{
  width: 476px;
}

.sp.plan .plan-group .photo img{
  max-width: inherit;
  width: 100%;
  height: auto;
}




/*--------------- faq ---------------*/
.sp.faq .page-lead ul{
  width: 900px !important;
}

.sp.faq .page-lead ul li{
  width: 294px;
}

.sp.faq .page-lead ul li img{
  width: 100%;
  height: auto;
}

.sp.faq .page-lead .cond4{
  width: 352px;
  padding-left: 101px;
}

.sp.faq .content .inner{
  width: 825px !important;
}

.sp.faq .content .accodions dt{
    background: url(../../img/faq/icon-open.png) no-repeat 775px center #f5f5f5 !important;
}

.sp.faq .attention{
  width: 820px !important;
}




/*--------------- sitemap ---------------*/
.sp.sitemap {
}

.sp.sitemap .page-list > div{
  width: 430px !important;
}




/*--------------- activity ---------------*/
.sp.products .main-img img{
  width: 100%;
}

.sp.products .seasons-inner{
  width: 900px;
}

.sp.products .season .image{
  width: 600px;
  margin: auto;
}

.sp.products .season .image img{
  width: 100%;
}

.sp.products .season .recommend .photo,
.sp.products .season .recommend .discriptions{
  width: 410px;
}




/*--------------- facilities ---------------*/
.sp.facilities .flexslider .slides img{
  width: 100%;
  height: auto;
}

.sp.facilities .rental .image-wrap img{
  width: 100%;
  height: auto;
}




/*--------------- gallery ---------------*/
.sp.gallery .wrap{
  width: 900px;
}
.sp.gallery .content section ul{
  width: 100%;
}

.sp.gallery .content section ul li{
  width: 150px;
}

.sp.gallery .content section ul li img{
  width: 100%;
  height: auto;
}





/*--------------- news ---------------*/
.sp.news .content{
  width: 900px;
}

.sp.news .news-list ul{
  width: 100%;
}

.sp.news .news-list li{
  width: 274px;
}

.sp.news .news-list li a,
.sp.news .news-list li a img{
  width: 100%;
  height: auto;
}




/*--------------- recruit ---------------*/
.sp.recruit .page-buttons ul{
  padding-left: 0;
  text-align: center;
}

.sp.recruit .page-buttons li{
  float: none;
  display: inline-block;
}

.sp.recruit .message .person{
  width: 100%;
}




/*--------------- travel ---------------*/
.sp.travel .main{
  padding-top: 0;
}




/*--------------- contact ---------------*/
.sp.contact .page-lead p{
  width: 730px !important;
}

.sp.contact .main .form-area{
  width: 900px;
}

.sp.contact .main .privercy{
  width: 900px;
}