@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: "�q���M�m�p�SPro W3","Hiragino Kaku Gothic Pro","���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "HG����E", "�l�r �o����", 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: "�q���M�m�p�S ProN W3", "Hiragino Kaku Gothic ProN", ���C���I, Meiryo, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: 100%;
}


/*	�t�H���g	*/
#hotel #KANKO .fontJA {font-family: Georgia,������,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS����E,���C���I,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;
	}


/*	���C���摜	*/
#hotel #KANKO h1{
	margin-bottom: 30px;
}





/*	���C���L���b�`	*/

#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: "�q���M�m���� Pro W3", "Hiragino Mincho Pro", YuMincho, ������, "�l�r �o����", "MS PMincho", HGS����E, serif;
}

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


/*	�}�b�v	*/

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

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

/*	���� h2	*/
#hotel #KANKO h2{
	color: #333;
	font-family: "�q���M�m���� Pro W3", "Hiragino Mincho Pro", YuMincho, ������, "�l�r �o����", "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: "�q���M�m���� Pro W3", "Hiragino Mincho Pro", YuMincho, ������, "�l�r �o����", "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,���C���I,Meiryo,serif;*/
}

/*	���[�h��	*/
#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", "�q���M�m�p�S Pro W3", YuGothic, ���S�V�b�N, ���C���I, Meiryo, "�l�r �o�S�V�b�N", 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", "�q���M�m�p�S Pro W3", YuGothic, ���S�V�b�N, ���C���I, Meiryo, "�l�r �o�S�V�b�N", 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", "�q���M�m�p�S Pro W3", YuGothic, ���S�V�b�N, ���C���I, Meiryo, "�l�r �o�S�V�b�N", 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; }