@charset "UTF-8";
/*   汎用class  */
.font-face-serif, .con-fix-onehormony .box-oneharmony .box-detail, .con-fix-information .box-information .box-detail, .con-fix-cookiepolicy .box-cookiepolicy .box-detail { font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'Times New Roman', serif; }

.font-face-gothic { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Arial, Helvetica, clean, sans-serif; }

.link-color-white:link { color: #FFF; }
.link-color-white:visited { color: #FFF; }

.PIE { behavior: url("//www.okuratokyobay.net/common/htc/PIE.htc"); }

.box-sizing-border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.bg-brown-base { margin: 0 0 10px; padding: 20px; background: #f6f2ea; }

/* module base */
.mod-box-base { margin-bottom: 10px; background-color: #ffffff; border: solid 1px #d9cfc4; }
.mod-box-base p { margin-bottom: 10px; line-height: 1.5; }
.mod-box-base p a { font-weight: bold; }
.mod-box-base p:last-child { margin-bottom: 0; }
.mod-box-base h4 { margin-bottom: 5px; font-size: 14px !important; font-size: 0.88rem !important; color: #bf4646; line-height: 1.4; }
.mod-box-base .img { float: left; }
.mod-box-base .img img { width: 100%; }
.mod-box-base .desp { float: right; }
.mod-box-base li dt { float: left; width: 17%; font-weight: bold; line-height: 1.3; }
.mod-box-base li dd { float: right; width: 83%; line-height: 1.4; }

.mod-box-base-inner { padding: 5px; }
.mod-box-base-inner .img { width: 270px; padding-right: 20px; }
.mod-box-base-inner .desp { width: 643px; padding: 15px 15px 15px 0; }
.mod-box-base-inner .desp ul { width: 320px; float: left; }
.mod-box-base-inner .btn-box { float: right; }
.mod-box-base-inner .btn-box a { float: left; margin-right: 10px; }
.mod-box-base-inner .btn-box a:last-child { margin-right: 0; }

/*-----------------------------------------------------------------------------------------------
	～ 599px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) { .bg-brown-base { padding: 0; } }
/*-----------------------------------------------------------------------------------------------
	共通
------------------------------------------------------------------------------------------------*/
#header { margin-bottom: 0; }

#content-head-top { position: relative; width: 100%; height: 560px; overflow: hidden; /*padding-bottom:10px;*/ margin-bottom: 20px; text-align: center; background-image: url(/common/img/default/top/main_img_top01.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; /*background-size:1420px;*/ -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.4); }
#content-head-top #top-view { width: 100%; display: none; }
#content-head-top #top-view #set-img { width: 100%; background-size: 100% auto; /*background-size:1420px;*/ background-repeat: no-repeat; background-position: bottom center; }

/* banner */
#content-head-banner { position: relative; width: 960px; margin: 0 auto; }
#content-head-banner img { position: absolute; right: 1px; bottom: 40px; width: 150px; }
#content-head-banner img.addB { bottom: 150px; }
#content-head-banner .pc-view { display: block; }

#TA_tchotel22, #TA_tchotel976, #TA_certificateOfExcellence596, #TA_tchotel567, #TA_tchotel799 { position: absolute; right: 0; bottom: 0px; padding-bottom: 38px; width: auto; }
#TA_tchotel22 ul, #TA_tchotel976 ul, #TA_certificateOfExcellence596 ul, #TA_tchotel567 ul, #TA_tchotel799 ul { list-style: none; }
#TA_tchotel22 li, #TA_tchotel976 li, #TA_certificateOfExcellence596 li, #TA_tchotel567 li, #TA_tchotel799 li { list-style: none; }

#JpOKYtZWJ { position: absolute; right: 0; bottom: 0; }

#hxZZaixr { position: absolute; right: 0; bottom: 0; }

/* column */
.icon img { height: auto; width: 120px; }

.wedding-box .read { color: #3E92D0; }

.restaurants-box .read { color: #B68E53; }

.party-box .read { color: #7D7632; }

.stay-box .read { color: #8B403A; }

.information-box .read { color: #39AEAE; }

.event-box .read { color: #BF4646; }

.top-box-base p, .top-box-a p, .aniv.top-box-a p, .top-box-b > div p, .top-box-c p, .top-box-d p, .top-box-e p, .top-box-f > div p, .top-box-h > div p, .top-box-news p, .top-box-fb p, .top-box-twiiter p { color: #5F4C44; line-height: 1.5; overflow: hidden; }

.top-box-base, .top-box-a, .aniv.top-box-a, .top-box-b > div, .top-box-c, .top-box-d, .top-box-e, .top-box-f > div, .top-box-h > div, .top-box-news, .top-box-fb, .top-box-twiiter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d9cfc4; background-color: #FFF; overflow: hidden; }
.top-box-base .desp, .top-box-a .desp, .top-box-b > div .desp, .top-box-c .desp, .top-box-d .desp, .top-box-e .desp, .top-box-f > div .desp, .top-box-h > div .desp, .top-box-news .desp, .top-box-fb .desp, .top-box-twiiter .desp { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 20px; }
.top-box-base .desp .icon, .top-box-a .desp .icon, .top-box-b > div .desp .icon, .top-box-c .desp .icon, .top-box-d .desp .icon, .top-box-e .desp .icon, .top-box-f > div .desp .icon, .top-box-h > div .desp .icon, .top-box-news .desp .icon, .top-box-fb .desp .icon, .top-box-twiiter .desp .icon { margin-bottom: 15px; }
.top-box-base .desp .read, .top-box-a .desp .read, .top-box-b > div .desp .read, .top-box-c .desp .read, .top-box-d .desp .read, .top-box-e .desp .read, .top-box-f > div .desp .read, .top-box-h > div .desp .read, .top-box-news .desp .read, .top-box-fb .desp .read, .top-box-twiiter .desp .read { font-size: 13px !important; font-size: 0.81rem !important; font-weight: bold; margin-bottom: 6px; line-height: 1.4; }
.top-box-base .img, .top-box-a .img, .top-box-b > div .img, .top-box-c .img, .top-box-d .img, .top-box-e .img, .top-box-f > div .img, .top-box-h > div .img, .top-box-news .img, .top-box-fb .img, .top-box-twiiter .img { position: relative; overflow: hidden; }
.top-box-base .img > img, .top-box-a .img > img, .top-box-b > div .img > img, .top-box-c .img > img, .top-box-d .img > img, .top-box-e .img > img, .top-box-f > div .img > img, .top-box-h > div .img > img, .top-box-news .img > img, .top-box-fb .img > img, .top-box-twiiter .img > img { width: 100%; height: auto; }
.top-box-base .img span, .top-box-a .img span, .top-box-b > div .img span, .top-box-c .img span, .top-box-d .img span, .top-box-e .img span, .top-box-f > div .img span, .top-box-h > div .img span, .top-box-news .img span, .top-box-fb .img span, .top-box-twiiter .img span { position: absolute; }

.top-box-a { width: 59.6%; height: 377px; }
.top-box-a .desp { float: left; width: 33.8%; height: 100%; }
.top-box-a .img { float: right; width: 66.2%; height: 100%; }
.top-box-a .img span { top: 44.1%; }

.aniv.top-box-a { width: 59.6%; }
.aniv.top-box-a .desp { float: left; width: 33.8%; height: 100%; }
.aniv.top-box-a .img { position: relative !important; float: right; width: 48.0%; height: 100%; }
.aniv.top-box-a .img img { position: static !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto !important; height: 100%; }
.aniv.top-box-a .img > span { display: none; }

.top-box-b { width: 39.3%; height: 377px; }
.top-box-b > div { height: 48.86%; }
.top-box-b > div .desp { float: left; width: 51%; height: 100%; }
.top-box-b > div .img { float: right; width: 49%; height: 100%; }
.top-box-b > div .img span { top: 35%; left: -1px; }

.top-box-c { width: 39.3%; height: 377px; }
.top-box-c .desp { height: 100%; }
.top-box-c .img { height: 49.1%; }
.top-box-c span { left: 47%; bottom: 0; position: absolute; }

.top-box-d { width: 19.1%; height: 377px; }
.top-box-d .desp { height: 100%; }
.top-box-d .img { height: 49.1%; }
.top-box-d .img span { left: 38.5%; bottom: 0; }
.top-box-d .view-mb { display: none; }

#trip-add-bnr { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 19.16%; height: 184px; border: 1px solid #d9cfc4; background-color: #FFF; margin-right: 1.04%; text-align: center; vertical-align: bottom; }
#trip-add-bnr a { display: block; width: 150px; height: auto; margin: 26% 11%; }
#trip-add-bnr a img { width: 100%; height: auto; }

#eco-bnr { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 19.16%; height: 184px; border: 1px solid #d9cfc4; background-color: #FFF; margin-right: 1.04%; text-align: center; vertical-align: bottom; }
#eco-bnr a { display: block; width: auto; height: auto; margin: 9%; }
#eco-bnr a img { width: 100%; height: auto; }

.top-box-e { width: 19.16%; height: 184px; overflow: hidden; margin-right: 1.04% !important; }
.top-box-e.mr-00 { margin-right: 0% !important; }
.top-box-e img { width: 100%; height: auto; }
.top-box-e iframe { width: 100%; height: 110px; margin-top: 5%; }
.top-box-e iframe img { width: 100%; height: auto; }
.top-box-e .tripcomment { font-size: 9px; margin: 0 10px; color: #7f7f7f; }
.top-box-e .tripcomment a:hover { text-decoration: underline !important; }

.top-box-f { width: 19.16%; height: 184px; }
.top-box-f > div { height: 45.8%; margin-bottom: 8.2%; overflow: hidden; }
.top-box-f > div img { width: 100%; height: 100%; }

.top-box-g { float: left; width: 39.36%; height: 184px; margin-right: 1.04%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d9cfc4; margin-bottom: 1.6%; }
.top-box-g img { width: 100%; height: 100%; }
.top-box-g.sizeL { height: 218px; }

.top-box-h { /*height:$box-height-3;*/ }
.top-box-h > div { width: 19.16%; height: 45.8%; margin-bottom: 1.6%; overflow: hidden; float: left !important; }
.top-box-h > div img { width: 100%; height: 100%; }
.top-box-h > div:nth-child(even) { margin-right: 1.04%; }
.top-box-h > div:nth-child(odd) { margin-right: 1.04%; }
.top-box-h > div:last-child { margin-right: 0%; }

.top-box-youtube { position: relative; float: left; width: 59.56%; height: 320px; margin-right: 1.04%; margin-bottom: 1.6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.top-box-youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0 auto 0; }

.top-box-news { width: 39.3%; height: 370px; }
.top-box-news .ttl-news { padding: 10px 20px; border: dotted #D3BDA9; margin-top: 1px; border-width: 1px 0; }
.top-box-news .inner { margin: 5px 5px 5px 10px; padding-right: 10px; height: 315px; overflow-y: scroll; }
.top-box-news dl { background: url(/common/img/default/icon/icon_arrow_2.png) no-repeat left 0.4em; background-size: 10px 10px; padding-left: 15px; margin: 10px; }
.top-box-news dl dd a:hover { text-decoration: underline !important; }
.top-box-news dl, .top-box-news .btn-more { display: none; }

#trip-add-bnr:hover, .top-box-g:hover, #eco-bnr:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }

.top-box-fb { width: 29.16%; height: 370px; }
.top-box-fb iframe { border: none; width: 100%; height: 100%; }

.top-box-twiiter { width: 29.16%; height: 370px; }
.top-box-twiiter .timeline { border: none; }

.tripcomments-900 { display: none; font-size: 9px; margin: 0 10px; color: #7f7f7f; }
.tripcomments-900 a:hover { text-decoration: underline !important; }

/* レイアウト用 */
.top-content-col-2 { margin-bottom: 20px; }
.top-content-col-2 .top-box-a { float: left; }
.top-content-col-2 .top-box-b { float: right; }
.top-content-col-2 > .top-box-b div:nth-child(1) { margin-bottom: 2.65%; }

.top-content-col-3 { margin-bottom: 20px; }
.top-content-col-3 .top-box-b { float: left; margin-right: 1.15%; }
.top-content-col-3 .top-box-c { float: left; margin-right: 1.15%; }
.top-content-col-3 .top-box-d { float: right; }
.top-content-col-3 > .top-box-b div:nth-child(1) { margin-bottom: 2%; }
.top-content-col-3 .top-box-news { float: left; margin-right: 1.15%; }
.top-content-col-3 .top-box-fb { float: left; margin-right: 1.15%; }
.top-content-col-3 .top-box-twiiter { float: left; border: none; background-color: none; }

.top-content-col-5 { margin-bottom: 20px; }
.top-content-col-5 .top-box-e { float: left; margin-right: 1.04%; margin-bottom: 1.04%; }
.top-content-col-5 .top-box-e:nth-child(4) { margin-right: 0; }
.top-content-col-5 .top-box-f { float: left; margin-right: 1.04%; }
.top-content-col-5 > div:last-child { margin-right: 0; }

#img-layer { /*One Harmony バナー*/ }
#img-layer .inner { top: 15px; }
#img-layer .inner .twitter img, #img-layer .inner .facebook img { width: 22px; height: 22px; }
#img-layer .popup_bnr { position: absolute; top: 20px; left: 0; width: 200px; }
#img-layer .popup_bnr img.addClose { position: absolute; top: -10px; right: -10px; width: 27px; z-index: 100; }
#img-layer .popup_bnr img.addClose:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 8 */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ }

#trip-widget { position: relative; }

#TA_certificateOfExcellence220 { position: absolute; top: 50%; left: 50%; margin-top: -73px; margin-left: -86px; }

/* btn-wrap */
.btn-wrap, .top-content-5 { display: none; }

/*緊急表示エリア*/
#urgency-information { display: none; }

/*One Harmony バナー*/
#ohnMod { /*display:none;*/ }

.lt-ie9 #content-head-top { background-image: none; }
.lt-ie9 #content-head-top img { width: 100%; }
.lt-ie9 .top-box-news dl { background: url(/common/img/default/icon/icon_arrow_2_pc.png) no-repeat left 0.5em; }

.info-2col-layout { width: 100%; margin: 0 0 20px; }
.info-2col-layout li { margin-bottom: 5px; }
.info-2col-layout li:nth-child(odd) { float: left; width: 50%; }
.info-2col-layout li:nth-child(even) { float: right; width: 50%; }
.info-2col-layout li.full { clear: both; float: none !important; width: 100% !important; }

#top_page_ads .sp-view { display: none; }

/* -----------------------------------------------------------
	One Harmony 会員登録案内
----------------------------------------------------------- */
.con-fix-onehormony { /*background: -moz-linear-gradient(top, rgba(64, 24, 0, 0.7), rgba(0, 0, 0, 0.9));
background: -webkit-linear-gradient(top, rgba(64, 24, 0, 0.7), rgba(0, 0, 0, 0.9));
background: linear-gradient(to bottom, rgba(64, 24, 0, 0.7), rgba(0, 0, 0, 0.9));*/ background: -moz-linear-gradient(top left, rgba(0, 0, 0, 0.9), rgba(64, 24, 0, 0.9)); background: -webkit-linear-gradient(top left, rgba(0, 0, 0, 0.9), rgba(64, 24, 0, 0.9)); background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.9), rgba(64, 24, 0, 0.9)); width: 100%; position: fixed; bottom: 0; left: 0; z-index: 150; }
.con-fix-onehormony .box-oneharmony { width: 90%; margin: auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 0 0 2em; }
.con-fix-onehormony .box-oneharmony .img { width: 20%; text-align: center; }
.con-fix-onehormony .box-oneharmony .img img { width: 100%; }
.con-fix-onehormony .box-oneharmony .box-detail { padding-top: 2em; width: 78%; color: #fff; }
.con-fix-onehormony .box-oneharmony .box-detail .txt-catch { font-size: 20px !important; font-size: 1.25rem !important; }
.con-fix-onehormony .box-oneharmony .box-detail .txt { font-size: 14px !important; font-size: 0.88rem !important; padding-bottom: 0.5em; }
.con-fix-onehormony #btn-close-info { top: 10px; right: 10px; width: 26px; z-index: 190; position: absolute; }
.con-fix-onehormony #btn-close-info img { width: 100%; }

/* -----------------------------------------------------------
	ホテル営業に関するお知らせ
----------------------------------------------------------- */
.con-fix-information { background: -moz-linear-gradient(top, white, rgba(255, 255, 255, 0.9)); background: -webkit-linear-gradient(top, white, rgba(255, 255, 255, 0.9)); background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0.9)); width: 100%; height: 87%; position: fixed; bottom: 0; left: 0; z-index: 10000; /*overflow-y:scroll;*/ overflow: auto; display: none; }
.con-fix-information .box-information { width: 960px; margin: auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 0 0 2em; }
.con-fix-information .box-information .box-detail { padding-top: 2em; width: 100%; color: #5F4C44; font-size: 14px !important; font-size: 0.88rem !important; }
.con-fix-information .box-information .box-detail .txt-catch { font-size: 20px !important; font-size: 1.25rem !important; text-align: center; line-height: 1.1; }
.con-fix-information .box-information .box-detail .txt { padding-top: 1em; padding-bottom: 0.5em; }
.con-fix-information #btn-close-info { top: 10px; right: 20px; width: 26px; z-index: 190; position: absolute; }
.con-fix-information #btn-close-info img { width: 100%; }

/* -----------------------------------------------------------
	Cookie Policy
----------------------------------------------------------- */
.con-fix-cookiepolicy { background: -moz-linear-gradient(top, rgba(64, 24, 0, 0.7), rgba(0, 0, 0, 0.9)); background: -webkit-linear-gradient(top, rgba(64, 24, 0, 0.7), rgba(0, 0, 0, 0.9)); background: linear-gradient(to bottom, rgba(64, 24, 0, 0.7), rgba(0, 0, 0, 0.9)); width: 100%; position: fixed; bottom: 0; left: 0; z-index: 150; display: none; }
.con-fix-cookiepolicy .box-cookiepolicy { width: 65%; text-align: center; margin: auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 1em 0 2em; }
.con-fix-cookiepolicy .box-cookiepolicy .box-detail { width: 100%; color: #fff; }
.con-fix-cookiepolicy .box-cookiepolicy .box-detail .txt { font-size: 16px !important; font-size: 1.00rem !important; padding-bottom: 0.5em; text-align: left; }
.con-fix-cookiepolicy #btn-close-info { float: right; }

/*-----------------------------------------------------------------------------------------------
	～ €€1200px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) { #content-head-top { background-size: 100% auto; height: 450px; }
  #content-head-top #top-view #set-img { background-size: 100% auto; }
  /*30th banner*/
  #img-layer .inner { top: 8px; } }
/*-----------------------------------------------------------------------------------------------
	～ €€970px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 970px) { #content-head-top { background-size: 100% auto; height: 400px; }
  #content-head-top #top-view #set-img { background-size: 100% auto; } }
/*-----------------------------------------------------------------------------------------------
	～ €€899px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 899px) { #content-head-top { background-size: 100% auto; height: 370px; }
  #content-head-top #top-view #set-img { background-size: 100% auto; }
  /* banner */
  #content-head-banner { width: auto; margin: 0 10px; /*.pc-view{
	display:none;
}*/ /*30th banner
img {
	width: 100px;
}*/ }
  #content-head-banner img.addB { bottom: 115px; }
  /*  column  */
  .top-box-base .desp, .top-box-a .desp, .top-box-b > div .desp, .top-box-c .desp, .top-box-d .desp, .top-box-e .desp, .top-box-f > div .desp, .top-box-h > div .desp, .top-box-news .desp, .top-box-fb .desp, .top-box-twiiter .desp { padding: 15px 15px 13px 15px; }
  .top-box-base .desp .icon, .top-box-a .desp .icon, .top-box-b > div .desp .icon, .top-box-c .desp .icon, .top-box-d .desp .icon, .top-box-e .desp .icon, .top-box-f > div .desp .icon, .top-box-h > div .desp .icon, .top-box-news .desp .icon, .top-box-fb .desp .icon, .top-box-twiiter .desp .icon { margin-bottom: 8px; }
  .top-box-base .desp .read, .top-box-a .desp .read, .top-box-b > div .desp .read, .top-box-c .desp .read, .top-box-d .desp .read, .top-box-e .desp .read, .top-box-f > div .desp .read, .top-box-h > div .desp .read, .top-box-news .desp .read, .top-box-fb .desp .read, .top-box-twiiter .desp .read { margin-bottom: 3px; }
  .icon img { height: auto; width: 104px; }
  .top-box-a, .top-box-b { height: 297px; }
  .top-box-a .img, .top-box-b .img { height: 100%; }
  .top-box-a .img span, .top-box-b .img span { top: 35%; }
  .top-box-d, .top-box-c { height: 297px; }
  .top-box-e, .top-box-f, .top-box-g, .top-box-h, #trip-add-bnr, #eco-bnr { height: 150px; }
  .top-box-g.sizeL { height: 169px; }
  #trip-add-bnr a { width: 80%; height: auto; margin: 22% 8%; }
  #eco-bnr a { width: 90%; height: auto; margin: 8% 5%; }
  #tripadviser { font-size: 10px !important; }
  .top-content-col-3 > .top-box-b div:nth-child(1) { margin-bottom: 2.56%; }
  /* btn-wrap */
  .btn-wrap { display: block; padding-bottom: 12px; }
  .btn-wrap img { width: 100%; }
  .btn-wrap .btn-tel { float: left; width: 39%; margin-right: 1.6%; /*margin-bottom:10px;*/ }
  .btn-wrap .btn-tel:link span { color: #664626; }
  .btn-wrap .btn-tel:visited span { color: #664626; }
  .btn-wrap .btn.navy { float: left; width: 28.9% !important; margin-right: 1.6%; /*margin-bottom:10px;*/ }
  .btn-wrap .btn.white { float: right; width: 28.9% !important; /*margin-bottom:10px;*/ /*&:link span{
	color:#664626;
}
&:visited span{
	color:#664626;
}*/ }
  .top-content-5 { display: block; }
  .top-content-5 .btn.navy { float: left; width: 49.5% !important; margin-right: 1%; margin-bottom: 10px; }
  .top-content-5 .btn.white { float: right; width: 49.5% !important; margin-bottom: 10px; }
  /*ボタンエリアFIX*/
  .fixed { position: fixed; top: 58px; left: 0; width: 95%; z-index: 999; padding: 10px 2.5%; margin-bottom: 15px; background: url(/common/img/default/base/bg_base_head.png) repeat-x left bottom; -webkit-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 4px rgba(0, 0, 0, 0.4); }
  .noShadow { -webkit-box-shadow: none !important; box-shadow: none !important; }
  #img-layer .inner .twitter { right: 40px; }
  #img-layer .inner .twitter img, #img-layer .inner .facebook img { width: 30px; height: 30px; }
  #img-layer .popup_bnr { left: 10px; }
  .top-box-e iframe { height: auto; margin-top: 0; }
  .tripcomments-900 { display: block; margin: -10px 0 0; }
  #TA_certificateOfExcellence169 { position: relative; top: 5%; left: 0; margin-top: 0; margin-left: 0; margin: 10px; }
  #TA_certificateOfExcellence169 #CDSWIDCOE { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; }
  #TA_certificateOfExcellence169 #CDSWIDCOE .widCOETitle, #TA_certificateOfExcellence169 #CDSWIDCOE .widCOELink a { font-size: 10px; }
  /* ----------------------------------------------------------- 	ホテル営業に関するお知らせ ----------------------------------------------------------- */
  .con-fix-information { height: 93%; }
  .con-fix-information .box-information { width: 90%; } }
/*-----------------------------------------------------------------------------------------------
	～ 810px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 810px) { #content-head-top { background-size: 810px auto; height: 310px; }
  #content-head-top #top-view #set-img { background-size: 810px auto; }
  .top-box-youtube { height: 250px; } }
/*-----------------------------------------------------------------------------------------------
	～ 767px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) { #content-head-top { background-size: 767px auto; height: 300px; display: block; }
  #content-head-top #top-view #set-img { background-size: 767px auto; }
  /* banner */
  #content-head-banner .pc-view { display: none; }
  #img-layer { display: block; }
  #img-layer .popup_bnr { display: none; }
  /*  column  */
  .top-box-base, .top-box-a, .aniv.top-box-a, .top-box-b > div, .top-box-c, .top-box-d, .top-box-e, .top-box-f > div, .top-box-h > div, .top-box-news, .top-box-fb, .top-box-twiiter, .top-box-b { clear: left; width: 100%; margin: 0 0 2% 0; height: auto; overflow: hidden; }
  .top-box-b { height: auto !important; margin-bottom: 0 !important; }
  .top-content-col-2 { margin-bottom: 0; }
  .top-content-col-2 > .top-box-b div:nth-child(1) { margin-bottom: 10; }
  .top-content-col-3 { margin-bottom: 0; height: 100%; }
  .top-content-col-3 .inner { height: 100%; overflow-y: visible; }
  .top-content-col-5 { margin-bottom: 0; }
  .top-box-a, .top-box-b > div, .top-box-d { height: 222px; overflow: hidden; }
  .top-box-a .desp, .top-box-b > div .desp, .top-box-d .desp { width: 300px !important; float: left; }
  .top-box-a .desp .read, .top-box-b > div .desp .read, .top-box-d .desp .read { font-size: 12px !important; font-size: 0.75rem !important; }
  .top-box-a .img, .top-box-b > div .img, .top-box-d .img { width: 220px !important; height: auto; float: right; overflow: hidden; }
  .top-box-a .img span, .top-box-b > div .img span, .top-box-d .img span { top: 35%; left: -1px; }
  .aniv.top-box-a { height: 300px; }
  .aniv.top-box-a .desp { width: 50.0%; }
  .aniv.top-box-a .img { height: 100%; }
  .aniv.top-box-a .img img { width: auto !important; height: 100%; }
  .top-box-c { height: auto !important; }
  .top-box-d .img .view-pc { display: none; }
  .top-box-d .img .view-mb { display: block; }
  .top-box-e { width: 49.00%; clear: none; margin-right: 2.0% !important; margin-bottom: 2.0% !important; height: auto; }
  .top-box-e iframe { height: 110px; }
  .top-box-e:nth-child(even) { margin-right: 2% !important; margin-left: 0 !important; }
  .top-box-e:nth-child(odd) { margin-right: 0% !important; }
  .top-box-e:first-child { margin-right: 2% !important; }
  #trip-add-bnr { width: 49%; height: 175px; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 2.00%; }
  #trip-add-bnr a { width: 70%; height: auto; margin: 24% 45%; }
  #trip-add-bnr a img { width: auto; height: 100%; }
  #eco-bnr { width: 49%; height: 175px; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 2.00%; }
  #eco-bnr a { width: 70%; height: auto; margin: 0 16%; }
  #eco-bnr a img { width: auto; height: 170px; }
  #trip-widget { width: 49%; height: 100%; }
  .tripcomments-900 { display: none; }
  .top-box-e:nth-child(even).box-tripadviser { height: 275px; margin-left: 0 !important; }
  .top-box-f { width: 49.00%; height: auto; }
  .top-box-f img { height: auto !important; }
  .top-box-f:nth-child(even) { margin-right: 2.0% !important; }
  .top-box-f:nth-child(odd) { margin-right: 0% !important; }
  .top-box-g { width: 100%; height: 52%; margin-bottom: 2.00%; margin-right: 0; }
  .top-box-g img { height: auto; }
  .top-box-g.sizeL { height: 57.86%; }
  .top-box-youtube { width: 100%; height: 200px; margin-bottom: 2.00%; margin-right: 0; }
  .box-tripadviser { height: 46.17vw; }
  .top-box-h > div { width: 49.00% !important; height: auto; clear: none !important; margin-bottom: 2.00%; }
  .top-box-h > div:nth-child(even) { margin-right: 0%; }
  .top-box-h > div:nth-child(odd) { margin-right: 2.0%; }
  .top-box-fb, .top-box-twiiter { height: 200px; display: none; }
  /* btn-wrap */
  .btn-wrap .btn-tel, .top-content-5 .btn-tel { font-size: 11px !important; font-size: 0.69rem !important; }
  .btn-wrap .btn-tel span, .top-content-5 .btn-tel span { font-size: 16px !important; font-size: 1.00rem !important; }
  /*  配置順逆転 */
  #content-app .top-content-5 { -webkit-box-ordinal-group: 7; }
  /*One Harmony バナー*/
  #ohnMod { width: 100%; height: auto; position: fixed; bottom: 0; z-index: 1001; display: none; }
  #ohnMod img { width: 100%; height: auto; margin: 0 auto; }
  #ohnMod #ohnModClose { width: 4.2%; position: absolute; top: 0; right: 0; }
  .con-fix-onehormony { display: none; }
  #top_page_ads .pc-view { display: none; }
  #top_page_ads .sp-view { display: block; }
  /*Cookie Policy*/
  .con-fix-cookiepolicy .box-cookiepolicy { width: 90%; } }
/*-----------------------------------------------------------------------------------------------
	～ 590px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 590px) { #content-head-top { background-size: 650px auto; max-width: 590px; height: 300px; }
  #content-head-top #top-view #set-img { background-size: 650px auto; }
  /* banner */
  #content-head-banner img { width: 120px; bottom: 30px; }
  #content-head-banner img.addB { right: 130px; }
  #TA_tchotel799 { padding-bottom: 29px; }
  /*  配置順逆転 */
  #content-app { display: -webkit-box; -webkit-box-orient: vertical; margin-bottom: 0; }
  #content-app .btn-wrap { -webkit-box-ordinal-group: 1; }
  #content-app .top-info { -webkit-box-ordinal-group: 2; height: 100%; }
  #content-app .top-content-col-3 .inner { height: 100% !important; overflow-y: visible; }
  #content-app .top-content-1 { -webkit-box-ordinal-group: 3; }
  #content-app .top-box-news { float: none; margin-right: 1.15%; }
  #content-app .top-content-2 { -webkit-box-ordinal-group: 4; height: 100%; }
  #content-app .top-content-3.top-content-col-5 { -webkit-box-ordinal-group: 5; margin-bottom: 0; }
  #content-app .top-content-4 { -webkit-box-ordinal-group: 6; }
  #content-app .top-content-5 { -webkit-box-ordinal-group: 7; }
  .info-2col-layout { width: 100%; margin: 0 0 20px; }
  .info-2col-layout li:nth-child(even), .info-2col-layout li:nth-child(odd) { float: none; width: 100%; }
  .top-box-e:nth-child(even).box-tripadviser { height: 175px; } }
/*-----------------------------------------------------------------------------------------------
	～ 545px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 545px) { #img-layer { display: block; }
  /*  column  */
  .top-box-base, .top-box-a, .aniv.top-box-a, .top-box-b > div, .top-box-c, .top-box-d, .top-box-e, .top-box-f > div, .top-box-h > div, .top-box-news, .top-box-fb, .top-box-twiiter, .top-box-b { clear: left; width: 100%; margin: 0 0 10px 0; height: auto; overflow: hidden; }
  .top-box-b { height: auto !important; margin-bottom: 0 !important; }
  .top-content-col-2 { margin-bottom: 0; }
  .top-content-col-2 > .top-box-b div:nth-child(1) { margin-bottom: 10; }
  .top-content-col-3 { margin-bottom: 0; height: 200px; }
  .top-content-col-3 .inner { height: 230px; overflow-y: scroll; }
  .top-box-a, .top-box-b > div, .top-box-d { height: 152px; overflow: hidden; }
  .top-box-a .desp, .top-box-b > div .desp, .top-box-d .desp { width: 145px !important; float: left; }
  .top-box-a .desp .read, .top-box-b > div .desp .read, .top-box-d .desp .read { font-size: 12px !important; font-size: 0.75rem !important; }
  .top-box-a .img, .top-box-b > div .img, .top-box-d .img { width: 150px !important; height: auto; float: right; overflow: hidden; }
  .top-box-a .img span, .top-box-b > div .img span, .top-box-d .img span { top: 35%; left: -1px; }
  .top-box-a.aniv { height: 200px; }
  .top-box-a.aniv .img { width: 150px !important; height: auto; float: right; overflow: hidden; }
  .top-box-a.aniv .img img { width: 100% !important; padding: 0; }
  .top-box-c { height: auto !important; }
  .top-box-d .img .view-pc { display: none; }
  .top-box-d .img .view-mb { display: block; }
  .top-box-e { width: 49.0%; clear: none; height: auto; margin-left: 0 !important; margin-right: 2% !important; }
  .top-content-col-5 .top-box-e, .top-box-g { margin-bottom: 2.00%; }
  .box-tripadviser { margin-left: 0 !important; padding: 0; /*height: 175px;*/ height: 46.17vw; overflow: hidden; }
  .box-tripadviser iframe { display: block; width: 100%; padding: 0; margin: 0; }
  .box-tripadviser .tripcomment { margin-bottom: 10px; }
  .top-box-f { width: 49.0%; height: auto; margin-right: 0 !important; }
  .top-box-f > div { margin-bottom: 4.4%; }
  .top-box-f.event-box { margin-right: 2% !important; }
  .top-box-f:nth-child(even) { margin-right: 3%; }
  .top-box-fb, .top-box-twiiter { height: 200px; display: none; }
  /* btn-wrap */
  .btn-wrap { display: block; }
  .btn-wrap .btn-tel { float: none; width: 100%; margin-bottom: 10px; }
  .btn-wrap .btn.navy { float: left; width: 49.5% !important; margin-right: 1%; margin-bottom: 10px; }
  .btn-wrap .btn.white { float: right; width: 49.5% !important; margin-bottom: 10px; } }
/*-----------------------------------------------------------------------------------------------
～479px ※イレギュラーな Media Queries です。for iPhone Vertical View
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 479px) { .top-box-d .img span { top: 35%; }
  #trip-add-bnr a, #trip-widjet a { width: 74%; margin: 10% 13% 20%; }
  #trip-add-bnr a img, #trip-widjet a img { width: 100%; height: auto; }
  #eco-bnr a { width: 74%; margin: 5% 13%; }
  #eco-bnr a img { width: 100%; height: auto; } }
@media screen and (max-width: 439px) { #trip-add-bnr a, #trip-widjet a { width: 74%; margin: 30% 12%; }
  #trip-add-bnr a img, #trip-widjet a img { width: 100%; height: auto; }
  #eco-bnr a { width: 74%; margin: 10% 12%; }
  #eco-bnr a img { width: 100%; height: auto; } }
@media screen and (max-width: 375px) { /* ----------------------------------------------------------- 	ホテル営業に関するお知らせ ----------------------------------------------------------- */
  .con-fix-information { height: 96%; }
  .con-fix-information .box-information { width: 95%; }
  .con-fix-information .box-information .box-detail { font-size: 13px !important; font-size: 0.81rem !important; } }
/*-----------------------------------------------------------------------------------------------
	767px ～ お知らせ案内PC用スタイル
------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 767px) { .top-box-news dl { display: block !important; } }