@charset "shift_jis";

/* reset
------------------------------------------------------- */
html,
body,
div,
spanl-textLeft
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
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: 1; }

blockquote,
q { quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

div,
p,
dl,
dt,
dd,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
textarea,
table,
tr,
th,
td,
article,
aside,
header,
footer,
section,
nav {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

th,
td { word-break: break-all; }
ol,ul,li,nav ul {
    margin:0;
	padding:0;
	list-style:none;
}
/* CLEAR FIX*/
.clearfix:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



/*
   [SP] 一括 boxsizing / clearfix / image hover / contents width
------------------------------------------------------- */
/* boxsizing */
*,
*:before,item001
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* clearfix */
.clearfix::after {
    content: "";
    clear: both;
    display: block;
}

/* image hover */
.class:hover,
.toggleButton:hover {
    opacity: 0.7;
    text-decoration: none;
}

/* contents width */
.class {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

/* link block */
.block { display: block; }

/* list reset */
.ul ul,
.infoList,
.blockContents__imageLinks ul,
.listLinks001,
.listLinks002,
.navigation__slave ul,
.siteBookingLinks,
.itemContents ul
.linkAnchorDouble,
.guideTel,
.listGuideCaption,
.listGuideTel,
.blockInfoBanner ul {
    margin: 0;
    padding: 0;
}

.li,
.infoList,
.blockContents__imageLinks ul,
.listLinks001,
.listLinks002,
.navigation__slave ul,
.siteBookingLinks,
.itemContents ul,
.linkAnchorDouble,
.guideTel,
.listGuideCaption,
.listGuideTel,
.blockInfoBanner ul { list-style: none; }

/*
  helper
------------------------------------------------------- */
#hotel img{max-width:100%;height:auto;}
#hotel a img{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
#hotel a:hover img{
    opacity: 0.5;
}

/* margin */
.mg0  {margin: 0px!important;}
.mg5  {margin: 5px!important;}
.mg10 {margin:10px!important;}
.mg15 {margin:15px!important;}
.mg20 {margin:20px!important;}
.mg25 {margin:25px!important;}
.mg30 {margin:30px!important;}
.mg40 {margin:40px!important;}
.mg50 {margin:50px!important;}
.mg60 {margin:60px!important;}
.mg70 {margin:70px!important;}
.mg80 {margin:80px!important;}
.mg90 {margin:90px!important;}
.mg100{margin:100px!important;}

.mt0  {margin-top:0px!important;}
.mt5  {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:70px!important;}
.mt80 {margin-top:80px!important;}
.mt90 {margin-top:90px!important;}
.mt100{margin-top:100px!important;}

.mb0  {margin-bottom:0px!important;}
.mb5  {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb60 {margin-bottom:60px!important;}
.mb70 {margin-bottom:70px!important;}
.mb80 {margin-bottom:80px!important;}
.mb90 {margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}

.mr0  {margin-right:0px!important;}
.mr5  {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}
.mr40 {margin-right:40px!important;}
.mr50 {margin-right:50px!important;}

.ml0  {margin-left:0px!important;}
.ml5  {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml25 {margin-left:25px!important;}
.ml30 {margin-left:30px!important;}
.ml40 {margin-left:40px!important;}
.ml50 {margin-left:50px!important;}

/* padding */
.pd0  {padding: 0px!important;}
.pd5  {padding: 5px!important;}
.pd10 {padding:10px!important;}
.pd15 {padding:15px!important;}
.pd20 {padding:20px!important;}
.pd25 {padding:25px!important;}
.pd30 {padding:30px!important;}
.pd40 {padding:40px!important;}
.pd50 {padding:50px!important;}

.pt0  {padding-top:0px!important;}
.pt5  {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}
.pt40 {padding-top:40px!important;}
.pt50 {padding-top:50px!important;}

.pb0  {padding-bottom:0px!important;}
.pb5  {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb25 {padding-bottom:25px!important;}
.pb30 {padding-bottom:30px!important;}
.pb40 {padding-bottom:40px!important;}
.pb50 {padding-bottom:50px!important;}

.pr0  {padding-right:0px!important;}
.pr5  {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr25 {padding-right:25px!important;}
.pr30 {padding-right:30px!important;}
.pr40 {padding-right:40px!important;}
.pr50 {padding-right:50px!important;}

.pl0  {padding-left:0px!important;}
.pl5  {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}
.pl40 {padding-left:40px!important;}
.pl50 {padding-left:50px!important;}

.fs10{font-size:10px!important;}
.fs12{font-size:12px!important;}
.fs14{font-size:14px!important;}
.fs16{font-size:16px!important;}
.fs18{font-size:18px!important;}
.fs20{font-size:20px!important;}
.fs22{font-size:22px!important;}
.fs24{font-size:24px!important;}
.fs26{font-size:25px!important;}
.fs28{font-size:28px!important;}
.fs30{font-size:30px!important;}
.fs36{font-size:36px!important;}
.fs48{font-size:48px!important;}

#hotel .fb{font-weight: bold!important;}

#hotel .red{color: #ff0000!important;}
#hotel .glay{color: #646464!important;}

#hotel .tL{text-align:left!important;}
#hotel .tR{text-align:right!important;}
#hotel .tC{text-align:center!important;}

#hotel .vat{vertical-align: top!important;}
#hotel .vam{vertical-align: middle!important;}
#hotel .vab{vertical-align: bottom!important;}

#hotel .clear{clear:both!important;}
#hotel .wrap{overflow:hidden;zoom:1;}
#hotel .bdn{border: none!important;}
#hotel .db{display: block;}
#hotel .dib{letter-spacing: -0.5em;}
#hotel .dib li{display: inline-block;letter-spacing: normal;vertical-align: top;}
#hotel .fR{float:right!important;}
#hotel .fL{float:left!important;}

#hotel .sp{display: none;}
/*
 HOTEL
------------------------------------------------------- */
#hotel {
	margin: 0;
	padding: 0;
	font-size: 16;
	font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;
	line-height: 1.8;
	color: #333;
	vertical-align: top;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}
#hotel a{
    text-decoration: none;
}
#hotel .c-main{
    color: #6C4F4F;
}
#hotel .min{
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
#hotel .inner{
    position: relative;
    width: 900px;
    margin: 0 auto;
}
#index #hotel .inner{
    z-index: 10;
}
#hotel .btn-wrap{
    margin: 30px 0 0;
    text-align: center;
}
#hotel .btn{
    display: inline-block;
    min-width: 235px;
    padding: 10px;
    color: #6C4F4F;
    font-size: 14px;
    text-align: center;
    border: 1px solid #6C4F4F;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #fff;
}
#hotel .btn-block{
    display: block;
    min-width: inherit;
}
#hotel .btn:hover{
    color: #fff;
    background: #6C4F4F;
}
#hotel .btn:before{
    content: ">";
    margin-right: 5px;
}
#hotel .list-img{
    margin: 0 0 50px;
}
#hotel .list-caption{
    margin: 0 0 50px;
    text-align: center;
}
#hotel .list-caption span{
    font-size: 50%;
	vertical-align: top;
}
#hotel .list-txt{
    margin: -20px 0 50px;
    font-size: 14px;
    text-align: center;
}
#hotel .gap{
    margin-top: 120px;
}

#hotel .caution{
    margin: 0 0 30px;
    padding: 20px;
    font-size: 14px;
    border: 1px solid #f00;
}
#hotel .caution h3{
    font-weight: bold;
}
#hotel .toggle{
    position: relative;
}
#hotel .toggle:after{
    content: "+";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #6C4F4F;
}
#hotel .toggle.open:after{
    content: "‐";
}
#hotel .toggle-contents{
    display: none;
}
#hotel .btn.toggle:after{
    position: absolute;
    top: 15px;
    right: 15px;
}
#hotel .btn.toggle:hover:after{
    color: #6C4F4F;
    background: #fff;
}
/*
  layout common
------------------------------------------------------- */
/*
 #c29f84
 #585858
 #B50003
*/

.Container { position: relative; }

.siteTitle {
    text-align: center;
    font-size: 1.3rem;
    background: #dac5b5;
    color: #fff;
    height: 40px;
    line-height: 40px;
    position: absolute;
    width: 100%;
    z-index: 55;
    border-bottom: 1px solid #baa493;
}

.siteTitle.isScrollActive {
    position: fixed;
    top: 0;
}

.blockContents,
.blockContents--blank,
.blockBooking {
    padding: 40px 10px;
    text-align: center;
}

.blockContents--center {
    padding: 0 10px 40px;
    text-align: center;
}

.itemContents { text-align: left; }

.blockContentsCaption {
    background: #f7f7f7;
    padding: 20px;
    font-size: 1.3rem;
}

.blockContents::after {
    content: "";
    width: 100px;
    margin-top: 40px;
    border-top: 1px solid #c29f84;
    display: block;
    margin: 40px auto 0;
}

.blockContents__image { margin: 0 -10px; }

.blockBooking {
    background: #dac5b5;
    color: #fff;
    margin-top: 60px;
}

/* footer */
.footerLinks {
    margin: 30px 0;
    font-weight: bold;
}

a.footerLinksTel { color: #fff; }

.footerLinksContact { margin-top: 40px; }

.aroundLinks li {
    display: block;
    margin: 20px auto 0;
}

/* loading */
.loaderBg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 1000;
}

.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    z-index: 2000;
    color: #ccc;
    background: url(../images/loading.gif) no-repeat center top;
}

/* navigation */
.navigation {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 50;
    width: 100%;
    color: #fff;
    border-top: 1px solid #baa493;
    background: #dac5b5;
    height: 100%;
    margin-top: -1px;
}

.navigation.isScrollActive {
     position: fixed;
     overflow: auto;
}

.navigation a {
    color: #fff;
    display: block;
}

.navigation a:hover,
.navigation a:active,
.navigation a:focus { text-decoration: none; }

.navigation__master li {
    display: block;
    border-bottom: 1px solid #baa493;
}

.navigation__master li a {
    padding: 10px;
    opacity: 1;
}

.navigation__master > ul > li.isActive { font-weight: bold; }

.navigation__master li.isActive a::before {
    content: "v ";
    font-weight: normal;
}

.navigation li ul li { border: none; }

.navigation li ul li a,
.navigation__slaveNoLink {
    padding: 10px 20px;
    font-weight: normal;
    border: none;
}

.navigation__master li.isActive ul li a::before { content: "- "; }

.navigation__master ul li ul { padding-bottom: 10px; }

.navigationButton {
    display: inline-block;
    height: 24px;
    cursor: pointer;
    z-index: 60;
    position: absolute;
    top: 7px;
    left: 6px;
}

.navigationButton.isScrollActive { position: fixed; }

.navigationButton span {
    display: block;
    height: 3px;
    width: 20px;
    background-color: #fff;
    margin: 4px 6px;
    border-radius: 2px;
    transition: all 300ms 0s ease;
}

.navigationButton.isActive span:nth-of-type(1) {
    -webkit-transform: translateY(4px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}

.navigationButton.isActive span:nth-of-type(2) { opacity: 0; }

.navigationButton.isActive span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
}

.navigation__slave ul { display: none; }

/* page main image */
.mainImage {
    position: relative;
    padding-top: 40px;
}

.mainImage img {  width: 100%; }

.mainMovie { display: none; }

.mainMovie video { width: 100%; }

/* -------------------------------------------------------
  [PC]
------------------------------------------------------- */
img { max-width: initial; }

.listPlan::after,
.activityPresent::after,
.blockGalleryMovie::after,
.activityStarry::after,
.activityStarryContent::after {
    content: "";
    clear: both;
    display: block;
}

.block {
    background: #fff;
    position: relative;
}

.mainImage {
    width: 100%;
    padding-top: 0;
}

.mainMovie {
    display: block;
    width: 100%;
}

.mainImage.home { display: none; }

.mainMovie video {
    margin: 0 auto;
    width: 100%;
}

.mainImage.stay { background-image: url(../stay/images/stay-main.png); }

.mainImage.bbq { background-image: url(../bbq/images/bbq-main.png); }

.mainImage.activity {
    background-image: url(../activity/images/activity-main.png);
    background-position: center top;
}

.mainImage.gallery,
.mainImage.movie { background-image: url(../gallery/images/gallery-main.png); }

.table001 th,
.table001 td { letter-spacing: 0.2em; }

.blockTable001.priceList .table001 th,
.blockTable001.priceList .table001 td {
    font-size: 1.6rem;
    padding: 10px;
}

.siteTitle,
.navigationButton { display: none; }

/*
  [PC] navigation
------------------------------------------------------- */
.navigation {
    width: 100%;
    height: auto;
    background: none;
    top: 0;
}

.navigation.isScrollActive { overflow: hidden; }

.navigation a {
    display: block;
    width: 100%;
}

.navigation__master,
.navigation__slave { width: 100%; }
.navigation__slave{
    background: rgba(255,255,255,0.7);
}
.navigation__master ul {
    width: 980px;
    margin: 0 auto;
}

.navigation__master {
    background: rgba(255, 255, 255, 0.7);
}

.navigation__master ul {
    position: relative;
    text-align: center;
}
 @keyframes isActive {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}

.navigation__master a { padding: 10px 0; }

.navigation,
.navigation__master li { border: none; }

.navigation__master li a {
    padding: 15px 0;
    color: #333;
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}

.navigation__master li a:after {
    content: "";
    width: 0;
    margin-top: 40px;
    border-top: 1px solid #333;
    display: block;
    margin: 0px auto 0;
    transition: all 0.3s ease;
}

.navigation__master li a:hover:after,
#index .navigation__master li.item000 a:after,
#reservation-info .navigation__master li.item001 a:after,
#guide .navigation__master li.item002 a:after,
#restaurant .navigation__master li.item003 a:after,
#nozominoyu .navigation__master li.item004 a:after,
#activity .navigation__master li.item005 a:after,
#price .navigation__master li.item006 a:after,
#info .navigation__master li.item007 a:after{
    content: "";
    width: 40px;
    margin-top: 40px;
    border-top: 1px solid #585858;
    display: block;
    margin: 0px auto 0;
    transition: all 0.3s ease;
}

.navigation__slave.isScrollActive { position: fixed; }

.navigation__slave a,
.navigation__slaveNoLink {
    color: #fff;
    padding: 5px 0;
}

.navigation__slave.isActive {
    display: block;
    animation: isActive .5s linear 0s;
}

.navigation__slave ul {
    display: none;
    width: 980px;
    margin: 0 auto;
    padding: 32px 0 0;
    letter-spacing: -0.5em;
}
.navigation__slave ul li{
    display: inline-block;
    width: 221px;
    margin: 0 32px 32px 0;
    letter-spacing: normal;
    vertical-align: top;
}
.navigation__slave ul li:nth-child(4n){
    margin: 0 0 32px;
}
.navigation__slave ul li a{
    display: block;
    padding: 0;
    background: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.navigation__slave ul li a:hover{
    opacity: 0.7;
}
.navigation__slave ul li a .title{
    display: block;
    padding: 10px 10px 7px;
    color: #6C4F4F;
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
    font-size: 14px;
    line-height: 1.4;
}
.navigation__slave ul li a .title span{
    font-size: 12px;
}
.navigation__slave ul li a .txt{
    display: block;
    padding: 0 10px 10px;
    color: #333;
    font-size: 12px;
}
.navigation__slave ul li.list a{
    padding: 10px;
}
.navigation__slave ul li.list a > span{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    height: 210px;
    color: #6C4F4F;
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #E2DDDD;
}
.navigation__slave ul.isActive {
    display: block;
    animation: isActive .5s linear 0s;
}
.navigation__master ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.navigation__master li {  }

.navigation > li a { display: block; }

.navigation__slave li {  }

.navigation__slave li + li { }

.navigation li:hover .navigation__slave {
    visibility: visible;
    opacity: 1;
}

.blockContents,
.blockContents--blank {
    width: 980px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

.aroundLinks { text-align: center; }

.aroundLinks li { display: inline-block; }

.aroundLinks li a { margin: 20px 20px 0; }

.listHorizon001 dt { width: 120px; }

.listHorizon001 dd { width: 740px; }

/*
 hotel-footer
------------------------------------------------------- */
#index #hotel-footer{
    position: relative;
}
#index #hotel-footer:before{
    position: absolute;
    content: "";
}
#index #hotel-footer:before{
    top: -473px;
    right: 0;
    width: 300px;
    height: 473px;
    background: url("../images/bg04.png") 0 0 no-repeat;
}
#hotel .btn-reservation{
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
}
#reservation-info #hotel .btn-reservation,
#index #hotel .btn-reservation{
    display: none;
}
#hotel .btn-reservation span{
    display: block;
    width: 900px;
    margin: 0 auto;
    text-align: right;
}
#hotel .fixed .btn-reservation{
    position: relative;
    width: 900px;
    margin: 0 auto;
}
#hotel .fixed .btn-reservation span{
    position: absolute;
    top: -160px;
    right: 0;
}
#hotel #footer-navi{
    margin: 100px -10px 0;
    overflow: hidden;
}
#hotel #footer-navi li{
    float: left;
    width: 33.3%;
    padding: 0 10px;
}
#hotel-footer{
    margin: 120px 0 0;
    padding: 80px 0;
    background: #FAF2F2;
}
#hotel-footer .left{
    float: left;
    width: 340px;
}
#hotel-footer .left .logo{
    margin: 0 0 30px;
}
#hotel-footer .left address{
    font-size: 14px;
}
#hotel-footer .right{
    float: right;
    width: 540px;
}
#hotel-footer .right .btn{
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: bold;
}
#hotel-footer .right .title{
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: bold;
}
#hotel-footer .right .txt{
    font-size: 12px;
}

/*
 mv
------------------------------------------------------- */
#hotel #mv{
    min-width: 980px;
}
#hotel #mv img{
    width: 100%;
    height: auto;
}
/*
 title
------------------------------------------------------- */
#hotel .pttl{
    margin: 80px 0 50px;
    text-align: center;
}
#hotel .pttl span{
    color: #6C4F4F;
    font-size: 26px;
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
    line-height: 1;
}
#hotel .pttl span:before{
    display: inline-block;
    content: "";
    margin: -5px 35px 0 0;
    width: 50px;
    height: 1px;
    vertical-align: middle;
    background: #6C4F4F;
}
#hotel .pttl span:after{
    display: inline-block;
    content: "";
    margin: -5px 0 0 35px;
    width: 50px;
    height: 1px;
    vertical-align: middle;
    background: #6C4F4F;
}
#hotel .sbttl{
    margin: 130px 0 35px;
    text-align: center;
}
#hotel .sbttl span{
    color: #6C4F4F;
    font-size: 24px;
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
    line-height: 1;
}
#hotel .sbttl span:before{
    display: inline-block;
    content: "";
    margin: -6px 35px 0 0;
    width: 1px;
    height: 38px;
    vertical-align: middle;
    background: #6C4F4F;
}
#hotel .sbttl span:after{
    display: inline-block;
    content: "";
    margin: -6px 0 0 35px;
    width: 1px;
    height: 38px;
    vertical-align: middle;
    background: #6C4F4F;
}
#hotel .plan-ttl{
    margin: 80px 0 15px;
    color: #6C4F4F;
    font-size: 18px;
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
    font-weight: bold;
}

/*
 index
------------------------------------------------------- */
#hotel #top-main{
    padding: 50px 0 0;
}
#hotel .top-logo{
    text-align: center;
}
#hotel .top-copy{
    margin: 80px 0 0;
    font-size: 24px;
    letter-spacing: 0.5em;
    text-align: center;
}
#hotel .top-copy a{
    color: #919F59;
    text-decoration: underline;
}
#hotel .top-copy a:hover{
    text-decoration: none;
}
#index #hotel #hotel-contents{
    position: relative;
    min-width: 1000px;
    background: url("../images/bg.png") center top no-repeat;
    -webkit-background-size: 100% auto!important;
    background-size: 100% auto!important;
}
#index #hotel #hotel-contents:before,
#index #hotel #hotel-contents:after{
    position: absolute;
    content: "";
}
#index #hotel #hotel-contents:before{
    top: 20px;
    left: 0;
    width: 435px;
    height: 155px;
    background: url("../images/bg01.png") 0 0 no-repeat;
}
#index #hotel #hotel-contents:after{
    top: 265px;
    right: 0;
    width: 435px;
    height: 140px;
    background: url("../images/bg02.png") 0 0 no-repeat;
}
#hotel #btn-info{
    padding: 80px 0;
}
#hotel #btn-info a{
    display: block;
    width: 480px;
    margin: 0 auto;
    padding: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
    line-height: 1;
    text-align: center;
    border: 1px solid #6C4F4F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #6C4F4F;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#hotel #btn-info a:hover{
    color: #6C4F4F;
    background: #fff;
}
#hotel #top-information{
    padding: 80px 0;
    background: #FAF2F2;
}
#index #hotel #top-information{
    background: none;
}
#hotel #top-information .pttl{
    margin-top: 0;
}
#hotel #top-information .info-list{
    font-size: 14px;
    overflow: hidden;
}
#hotel #top-information .info-list dt{
    float: left;
    width: 10em;
    padding: 15px 0 0;
}
#hotel #top-information .info-list dd{
    padding: 15px 0 15px 10em;
    border-bottom: 1px solid #999;
}
#hotel #top-information .info-list dd a{
    color: #333;
    text-decoration: underline;
}
#hotel #top-information .info-list dd a:hover{
    text-decoration: none;
}
#hotel #top-restaurant{
    position: relative;
    margin: 130px 0 0;
    padding: 85px 0;
    /*background: url(../../images/restaurant.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;*/
}
#hotel #top-restaurant:before,
#hotel #top-restaurant:after{
    position: absolute;
    content: "";
}
#hotel #top-restaurant:before{
    top: -260px;
    left: 0;
    width: 517px;
    height: 336px;
    background: url("../images/bg03.png") 0 0 no-repeat;
}
#hotel #top-restaurant:after{
    top: 550px;
    right: 0;
    width: 435px;
    height: 140px;
    background: url("../images/bg02.png") 0 0 no-repeat;
}
#hotel #top-restaurant .pttl{
    margin-top: 0;
}
#hotel #top-restaurant ul{
    margin: 70px -15px 0;
    overflow: hidden;
}
#hotel #top-restaurant ul li{
    float: left;
    width: 50%;
    padding: 0 15px;
}
#hotel #top-restaurant ul li .pttl{
    margin-bottom: 20px;
}
#hotel #top-restaurant ul li .pttl span:before{
    margin-right: 10px;
}
#hotel #top-restaurant ul li .pttl span:after{
    margin-left: 10px;
}
#hotel #top-activity{
    position: relative;
}
#hotel #top-activity:before{
    position: absolute;
    content: "";
    top: -140px;
    left: -180px;
    width: 435px;
    height: 155px;
    background: url("../images/bg01.png") 0 0 no-repeat;
}
#hotel #top-activity .activity{
    overflow: hidden;
}
#hotel #top-activity .activity li{
    float: left;
    width: 33.3%;
    margin: 0 0 20px;
}
#hotel #top-activity .activity li span{
    display: block;
    color: #6C4F4F;
    font-size: 18px;
    text-align: center;
}

/*
 second
------------------------------------------------------- */
#hotel .slideshow{
    margin: 120px 0 0;
}
#hotel .slideshow li span{
    display: block;
    margin: 10px 0 0;
    font-size: 14px;
    text-align: center;
}
#hotel table{
    width: 100%;
    margin: 0 0 10px;
    border-top: 1px solid #E3D3D3;
    border-left: 1px solid #E3D3D3;
}
#hotel table th,
#hotel table td{
    padding: 15px 10px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #E3D3D3;
    border-right: 1px solid #E3D3D3;
}
#hotel table th{
    color: #6C4F4F;
    font-weight: bold;
    background: #FAF2F2;
}
#hotel table .c{
    color: #6C4F4F;
}
#hotel table.col5 th,
#hotel table.col5 td{width: 20%;}
#hotel table.col4 th,
#hotel table.col4 td{width: 25%;}
#hotel table.col3 th,
#hotel table.col3 td{width: 33.3%;}
#hotel table.col2 th,
#hotel table.col2 td{width: 50%;}

/*
 guest
------------------------------------------------------- */
#hotel .layout{
    text-align: center;
}
#hotel .layout li{
    padding: 0 10px;
}
#hotel .layout li span{
    display: block;
    margin: 10px 0 0;
    font-size: 14px;
    text-align: center;
}
#hotel .modelplan{
    padding: 35px;
    border: 1px solid #E3D3D3;
}
#hotel .modelplan p{
    text-align: center;
}
#hotel .modelplan .price{
    margin: 20px 0;
    color: #6C4F4F;
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
    font-weight: bold;
}
#hotel .modelplan .price span{
    margin-left: 2em;
    font-size: 18px;
    line-height: 1;
}
#hotel .modelplan .price span span{
    margin: 0 0.2em;
    font-size: 30px;
}
#hotel .service {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
}
#hotel .service dt{
    width: 7em;
    margin: 0 0 20px;
    padding: 10px;
    text-align: center;
    background: #E3E3E3;
}
#hotel .service dd{
    width: calc(100% - 7em);
    margin: 0 0 20px;
    padding-left: 10px;
}

/*
 restaurant
------------------------------------------------------- */
#hotel .shop{
    margin: 0 -15px;
    overflow: hidden;
}
#hotel .shop li{
    float: left;
    width: 50%;
    padding: 0 15px;
}
#hotel .shop li a{
    display: block;
    padding: 20px;
    color: #333;
    border: 1px solid #6C4F4F;
    overflow: hidden;
}
#hotel .shop li span{
    display: block;
}
#hotel .shop li img{
    float: left;
    margin-right: 15px;
}
#hotel .shop li .wrap{
    overflow: hidden;
}
#hotel .shop li .title{
    margin: 0 0 15px;
    color: #6C4F4F;
    font-size: 18px;
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
    font-weight: bold;
}
#hotel .shop li .txt{
    font-size: 14px;
}

/*
 nozominoyu
------------------------------------------------------- */
#nozominoyu #hotel .info{
    margin: 30px 0;
    padding: 20px;
    font-size: 14px;
    border: 1px solid #f00;
}
#nozominoyu #hotel .info h4{
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

/*
 faq
------------------------------------------------------- */
#hotel #faq-tab{
    margin: 0 -5px;
    overflow: hidden;
}
#hotel #faq-tab li{
    width: 20%;
    margin: 0 0 10px;
    padding: 0 5px;
}
#hotel #faq-tab li a{
    display: block;
    padding: 10px;
    color: #6C4F4F;
    font-size: 14px;
    text-align: center;
    border: 1px solid #6C4F4F;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#hotel #faq-tab li.select a,
#hotel #faq-tab li a:hover{
    color: #fff;
    background: #6C4F4F;
}

#hotel .faq{
    display: none;
}
#hotel .faq dl{
    padding: 40px 0;
    border-bottom: 1px dashed #999;
}
#hotel .faq dl dt{
    margin: 0 0 20px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
#hotel .faq dl .icon{
    float: left;
    width: 2em;
    color: #6C4F4F;
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}
#hotel .faq dl p{
    overflow: hidden;
}
#hotel .faq dl p a{
    color: #6C4F4F;
    text-decoration: underline;
}
#hotel .faq dl p a:hover{
    text-decoration: none;
}

/*
 contact
------------------------------------------------------- */
#hotel .logo-contact{
    margin: 0 0 80px;
    text-align: center;
}
#hotel .contact{
    margin: 0 -15px;
    overflow: hidden;
}
#hotel .contact .title{
    margin: 0 0 20px;
    font-size: 18px;
    font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
    font-weight: bold;
}
#hotel .contact .mail,
#hotel .contact .tel{
    width: 420px;
    min-height: 315px;
    padding: 30px;
    border: 10px solid #E0DADA;
    overflow: hidden;
}
#hotel .contact .mail{float: left;}
#hotel .contact .tel{float: right;}
#hotel .contact .tel .c-main{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#hotel .contact .tel .c-main span{
    font-size: 30px;
}

/*
 rule
------------------------------------------------------- */
#hotel .rule{
    margin: 100px 0 0;
}
#hotel .rule dt{
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: bold;
}
#hotel .rule dd{
    margin: 0 0 50px;
    font-size: 14px;
}

/*
 plan
------------------------------------------------------- */
#plan #marcherant,
#plan #toya,
#plan #chef,
#plan #drink{
    padding-top: 80px;
}
#plan #hotel .sbttl{
    margin: 60px 0 20px;
}
#plan .sbttl span .price{
    margin-left: 10px;
    font-size: 18px;
}
#plan .sbttl span .price:before,
#plan .sbttl span .price:after{
    display: none;
}
#plan #marcherant .btn-wrap,
#plan #toya .btn-wrap,
#plan #chef .btn-wrap{
    margin: 0 0 50px;
}
#plan .slider .caption{
    display: block;
    color: #6C4F4F;
    font-size: 18px;
    text-align: center;
}
#plan .slider-for, #plan .slider-nav{
    width: 720px;
    margin: 20px auto 0;
}
#plan .slider-nav div{
    margin: 10px;
}
#plan .slider-nav div img{
    width: 140px;
    height: auto;
}
#plan .slick-prev::before{
    content: "＜";
}
#plan .slick-next::before{
    content: "＞";
}
#plan .slick-prev::before, #plan .slick-next::before {
    color: #666;
}
#plan #hotel #top-activity:before{
	display: none;
}
#plan #hotel #top-activity .activity{
	margin: 0 -5px;
	overflow: hidden;
}
#plan #hotel #top-activity .activity li{
	padding: 0 5px;
}
#plan .plan-detail{
	max-width: 600px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px dotted #ccc;
}
#plan .plan-detail dt,
#plan .plan-detail dd{
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
#plan .plan-detail dt{
	width: 8em;
}
#plan .plan-detail dd{
	width: calc(100% - 8em);
	padding-left: 20px;
}
#plan .plan-detail + .note{
	max-width: 600px;
	margin: 0 auto;
}

/*
 reservation-info
------------------------------------------------------- */
#reservation-info .table-wrap{
    padding: 20px;
    background: #f7f7f7;
}
#reservation-info .table-wrap table{
    width: 100%;
}
#reservation-info .table-wrap table td{
    vertical-align: top;
}
#reservation-info .plandate{
    margin: 20px 0 0;
}
#reservation-info .plandate dt{
	font-weight: bold;
	padding: 0 5px;
	background: #baa493;
	color: #fff;
}
#reservation-info .plandate dd{
	background: #fff;
	padding: 5px;
}

/*
 tourism
------------------------------------------------------- */
#hotel #KANKO,
#hotel #KANKO *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
 	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0 ;
	line-height: 1.0;
}

#hotel #KANKO outline{ border: 0}

#hotel #KANKO{
	width:980px;
	margin: 80px auto 40px;
	padding: 0 !important;
    font: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: 100%;
}


/*	フォント	*/
#hotel #KANKO .fontJA {font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
#hotel #KANKO .fontEN {font-family:"Times New Roman", serif !important;}


#hotel #KANKO img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}


/*	メイン画像	*/
#hotel #KANKO h1{
	margin-bottom: 30px;
}





/*	メインキャッチ	*/

#hotel #m-catch{
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
}

#hotel #m-catch dt{
    color: rgb(0, 0, 0);
    font-size: 2.0em;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
	margin-bottom: 40px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", YuMincho, 游明朝, "ＭＳ Ｐ明朝", "MS PMincho", HGS明朝E, serif;
}

#hotel #m-catch dd{
	font-size: 1.25em;
	line-height: 1.4;
}


/*	マップ	*/

#hotel #MAP{
	text-align: center;
	margin-bottom: 30px;
}

#hotel #MAP area{
  border:none;
  outline:none;
}

/*	町名 h2	*/
#hotel #KANKO h2{
	color: #333;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", YuMincho, 游明朝, "ＭＳ Ｐ明朝", "MS PMincho", HGS明朝E, serif;
    margin-bottom: 50px;
    padding:16px 0 16px 32px;
	border-left: 4px solid #999;
    border-bottom: 1px dotted #ccc;
	text-align: left;
	font-size: 1.8em;
}

/*	施設名 h3	*/
#hotel #KANKO .Place{
	width: 48%;
	margin:0 auto 40px;
	text-align: center;
	clear: both;
}
#hotel #KANKO .Place .point{
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #333;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", YuMincho, 游明朝, "ＭＳ Ｐ明朝", "MS PMincho", HGS明朝E, serif;
    border-bottom: 3px double #ccc;
	text-align: center;
	font-size: 2.0em;
	letter-spacing: 0.15em;
}

#hotel #KANKO .Place .add{
	/*font-size: 1.2em;*/
	font-size: 15px;
	color: #555;
	/*font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
}

/*	リード文	*/
#hotel #KANKO .Lead{
	color: rgb(51, 51, 51);
    letter-spacing: 0.065em;
    -webkit-font-smoothing: antialiased;
	clear: both;
	margin-bottom: 30px;
	text-align: left;
	/*font-size: 1.2em;*/
	font-size: 14px;
	line-height: 1.8;
}
#hotel #KANKO .Lead strong{
	color: #9E2E2F;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.8;
}



/*	施設が2つの場合	*/
#hotel #KANKO .col1{
	width: 980px;
	margin-bottom: 80px;
	overflow: hidden;
}

#hotel #KANKO .col1 .entry{
	width: 980px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, 游ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	overflow: hidden;
}

#hotel #KANKO .col1 .entry dl{
	text-align: left;
	color: #444;
}


/*	施設が2つの場合	*/
#hotel #KANKO .col2{
	width: 980px;
	margin-bottom: 80px;
	overflow: hidden;
}

#hotel #KANKO .col2 .entry{
	width: 1000px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, 游ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	overflow: hidden;
}

#hotel #KANKO .col2 .entry dl{
	width: 480px;
	float: left;
	text-align: left;
	color: #444;
	margin-right: 20px;
}

/*	施設が3つの場合	*/
#hotel #KANKO .col3{
	width: 980px;
	margin-bottom: 80px;
	overflow: hidden;
}

#hotel #KANKO .col3 .entry{
	width: 990px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, 游ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	overflow: hidden;
}

#hotel #KANKO .col3 .entry:last-child{
	padding-top: 20px;
}

#hotel #KANKO .col3 .entry dl{
	width: 320px;
	float: left;

	margin-right: 10px;
	color: #444;
	text-align: left;
}

/*	施設共通設定	*/

#hotel #KANKO .col1 .entry dl dt,
#hotel #KANKO .col2 .entry dl dt,
#hotel #KANKO .col3 .entry dl dt{
	margin-bottom: 20px;
}

#hotel #KANKO .col2 .entry dl dd.ttl,
#hotel #KANKO .col3 .entry dl dd.ttl{
    font-size: 15px;
    font-weight: bold;
	margin-bottom: 15px;
}

#hotel #KANKO .col3 .entry dl dd{
	margin-left: 5px;
	margin-right: 5px;
}

#hotel #KANKO .col2 .entry dl dd.txt,
#hotel #KANKO .col3 .entry dl dd.txt{
    font-size: 14px;
	line-height: 1.5;
	color: #454545;
	text-align: justify;
	text-justify: inter-ideograph;
}

#hotel #KANKO .col1 .entry dl dd.txt strong,
#hotel #KANKO .col2 .entry dl dd.txt strong,
#hotel #KANKO .col3 .entry dl dd.txt strong{
	color: #9E2E2F;
	font-weight: bold;
	display: block;
	padding-bottom: .25em;
}


#hotel #KANKO .col2 .entry dl dd.add,
#hotel #KANKO .col3 .entry dl dd.add{
    font-size: 14px;
	line-height: 1.4;
	margin-bottom: 15px;
	padding: .5em 0;
	color: #454545;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}




#hotel #KANKO #Local{
	width: 100%;
	overflow: hidden;
}

#hotel #KANKO #Local .culture{ width: 480px; float: left;}
#hotel #KANKO #Local .suite{ width: 480px; float: right;}
#hotel #KANKO #Local .Place{ width:70%;}
#hotel #KANKO #Local dl{margin-bottom: 20px;}
#hotel #KANKO #Local p{
	margin-left: 5px;
	margin-right: 5px;
}

/*
 renewal
------------------------------------------------------- */
#renewal #hotel{
	background: #F2F4EC;
}
#renewal .bg01{
	padding: 100px 0;
	background: url("../../renewal/images/bg01.png") center center no-repeat;
}
#renewal .bg02{
	padding: 30px 0;
	background: url("../../renewal/images/bg02.png") center center no-repeat;
}
#renewal h2.ttl{
	font-size: 34px;
	text-align: center;
	line-height: 1.4;
}
#renewal h4.sbttl{
	margin: 100px 0 30px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
#renewal .catch{
	font-size: 20px;
	text-align: center;
}
#renewal .renewal-sec .sec-header{
	margin: 170px 0 0;
	height: 750px;
	-webkit-background-size: cover!important;
	background-size: cover!important;
}
#renewal #familyroom .sec-header{background: url("../../renewal/images/familyroom.jpg") center center no-repeat;margin: 100px 0;}
#renewal #lobby .sec-header{background: url("../../renewal/images/lobby.jpg") center center no-repeat;}
#renewal #familyroom .concept{
	margin: 0 0 50px;
}
#renewal .renewal-sec .ttl{
	text-align: center;
}
#renewal .renewal-sec .ttl img{
	margin: -70px 0 0;
}
#renewal .point{
	margin: 0 -10px 0;
	text-align: center;
	overflow: hidden;
}
#renewal #familyroom .point{
	margin: 60px -10px 0;
}
#renewal .point li{
	width: 33.333%;
	padding: 0 10px;
}
#renewal .point li:nth-child(4),
#renewal .point li:nth-child(5){
	margin: -16px 0 0;
}
#renewal #hotel .renewal-sec table{
	border: none;
}
#renewal #hotel .renewal-sec table th,
#renewal #hotel .renewal-sec table td{
	padding: 20px;
	color: #333;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	border-right: none;
	border-bottom: 1px solid #707070;
	background: #fff;
}
#renewal #hotel .renewal-sec .style01 tr:last-child th,
#renewal #hotel .renewal-sec .style01 tr:last-child td{
	border-bottom: none;
}
#renewal #hotel .renewal-sec .style01 th{
	width: 30%;
}
#renewal #hotel .renewal-sec .style02 th,
#renewal #hotel .renewal-sec .style02 td{
	width: 20%;
	text-align: center;
	border-right: 1px solid #707070;
}
#renewal #hotel .renewal-sec .style02 th:last-child,
#renewal #hotel .renewal-sec .style02 td:last-child{
	border-right: none;
}
#renewal #hotel .renewal-sec .style02 tbody td{
	border-bottom: none;
}
#renewal #more{
	margin: 100px 0 0;
}
#renewal #more .pttl span{
	color: #333;
}
#renewal #more .activity{
	margin: 0 -5px;
	overflow: hidden;
}
#renewal #more .activity li{
	width: 50%;
	padding: 0 5px;
	margin: 0 0 10px;
}
#renewal #more .activity li figure{
	position: relative;
	line-height: 1;
}
#renewal #more .activity.col3 li{
	width: 33.333%;
}
#renewal #more .activity li figcaption{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px 10px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 1.4;
	background: rgba(0,0,0,0.6);
}
#renewal #more .activity li figcaption strong{
	display: block;
	font-size: 16px;
	font-weight: bold;
}
#renewal #more .activity li figure a{
	display: block;
	overflow: hidden;
}
#renewal #more .activity li figure a img{
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#renewal #more .activity li figure a:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
#renewal .plan-ex{
	margin: 30px 0 0;
	padding: 20px;
	text-align: center;
	background: #fff;
}
#renewal .plan-ex .plan{
	margin: 0 0 20px;
	padding: 15px;
	color: #333;
	font-size: 18px;
    font-weight: bold;
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    background: #f5f5f5;
}
#renewal .plan-ex strong{
	font-size: 22px;
    font-weight: bold;
}
#renewal .plan-ex .btn{
	margin-left: 60px;
}

/*
 root style override
------------------------------------------------------- */
#trmContentWrap2016 {
    width: 100%!important;
    font-size: 100%!important;
}

#trmFooterWrap2016 { letter-spacing: 0; }

#trmHeaderWrap2016,
#emergencynews { letter-spacing: 0; }

#trmContentWrap2016 #emergencynews {
  max-width: 980px;
  color: #000;
}

#trmContentWrap2016 #emergencynews a { text-decoration: underline; }

#trmHeaderWrap2016 div,
#emergencynews div { box-sizing: content-box; }

#trmHeaderWrap2016 strong,
#emergencynews strong { font-weight: bold; }