/* @font-face {     font-family: MingW6;     src: url(HiraMinProN-W6.otf);     font-weight: bold; } */ @font-face {     font-family: MingW6;     src: local(HiraMinProN-W6), url(h06.ttf);     font-weight: bold; } @font-face {font-family: Kai;src: url("fonts/kai.ttf");}
@font-face {font-family: Kai;src: local("Times New Roman");unicode-range: U+21-36F;}	    
   a:link, a:visited {color: #6493bf;text-decoration: none;} a:hover {text-decoration: underline;} body {position: relative;min-width: 320px;background-image: url(images/background_top.jpg), url(images/background-basic3.jpg);background-repeat: repeat-x, repeat;font-family: "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;font-size: 24px;letter-spacing: 3px;color: rgba(0,0,0,0.41);-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}  /** Nav bar **/ #nav-right a:link, #nav a:visited {color: white;text-decoration: none;} #nav-right ul li a {position: absolute;width: 0;height: 38px;top: 0;left: 0;white-space: nowrap;background: url(images/nav_item_back_active.png) no-repeat;background-size: 120px 38px;-webkit-transition: width 0.3s ease-out;transition: width 0.3s ease-out;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;} #nav-right ul li a:hover {width: 130px;} #nav {height: 135px;} #nav-left {position: absolute;top: 22px;left: 49px;width: 300px;height: 48px;opacity: 0.95;} #nav-left img {width: 235px;} #nav-right {position: absolute;top: 38px;right: 28px;min-width: 235px;height: 38px;opacity: 0.9;} #nav-right ul br {display: none;} #nav-right li {display: inline-block;width: 100px;height: 20px;color: white;font-size: 24px;-webkit-transform: scaleY(0.9);transform: scaleY(0.9);-webkit-transform-origin: top;transform-origin: top;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;padding: 3px 13px 10px 13px;letter-spacing: 1px;cursor: pointer;} #nav-right ul li a.active {width: 130px;} #nav-left #menu-icon {position: absolute;right: 15px;top: 5px;width: 30px;height: 30px;background-image: url(images/menu_icon.svg);background-repeat: no-repeat;display: none;}  /** Sections **/ #hero-container {position: relative;width :100%;height: 564px;background: url(images/mountains-h.jpg);background-repeat: no-repeat;background-size: cover 100%;background-position: center bottom;margin: auto;overflow: hidden;} .section {max-width: 480px;margin: auto;font-size: 22px;font-weight: bold;text-align: left;margin-top: 40px;padding-left: 50px;padding-right: 50px;} .section h2 {font-size: 28px;color: rgba(0,0,0,0.58);} .section p {color: rgba(0,0,0,0.41);} .section h2, .section p {line-height: 41px;-webkit-transform: scaleY(0.9);transform: scaleY(0.9);-webkit-transform-origin: top;transform-origin: top;} .section-left {margin-left: 0;} .section-intro {margin-top: 15px;} .section-roadway-restrictions {margin-top: 60px;} .section ul {list-style-type: square;} .section-roadway-restrictions ul, .section-roadway-restrictions ol {font-size: 21px;line-height: 148%;-webkit-transform: scaleY(0.9);transform: scaleY(0.9);-webkit-transform-origin: top;transform-origin: top;} .section.wide {max-width: 900px;} .section.wide h2 {text-align: center;font-size: 38px;} .section.wide h3 {margin-top: 15px;text-align: center;font-size: 23px;line-height: 200%;-webkit-transform: scaleY(0.9);transform: scaleY(0.9);-webkit-transform-origin: top;transform-origin: top;} .section.wide h4 {margin-top: 15px;margin-bottom: 15px;color: rgba(152,63,63,0.58);text-align: left;font-size: 23px;line-height: 150%;-webkit-transform: scaleY(0.9);transform: scaleY(0.9);-webkit-transform-origin: top;transform-origin: top;} .section.wide ol {margin-left: 60px;list-style-type: decimal;} .section.wide ul {margin-left: 30px;} .section-two-columns {text-align: center;letter-spacing: 40px;padding-left: 15px;padding-right: 15px;} .section-two-columns div {letter-spacing: 3px;} .section-two-columns .section {display: inline-block;vertical-align: top;} .section-two-columns .section:nth-child(2n-1) {padding-left: 33px;padding-right: 20px;} .section-two-columns .section:nth-child(2n) {padding-left: 33px;padding-right: 20px;} .section-two-columns.section-more-info {margin-top: -25px;} .section.wide p {margin-top: 40px;margin-bottom: 80px;padding-left: 35px;padding-right: 35px;}  /** Real list **/ .section ul.regular-list {list-style-type: none;} .section ol.regular-list p {margin: 20px 0 20px 0;padding: 0;-webkit-transform: none;transform: none;}  /** Sections for room informtion **/ .section.rooms {width: 906px;max-width: 100%;height: auto;min-height: 1090px;position: relative;padding-bottom: 30px;padding-left: 0;padding-right: 0;}  /** Block with trees background **/ #trees {width: 100%;height: auto;min-height: 1090px;position: relative;padding-bottom: 60px;} #tree-background {position: absolute;top: 110px;left: 0;width: 100%;height: 800px;background: url(images/trees.png);background-repeat: repeat no-repeat;background-position: center top;opacity: 0.8;} #tree-big-left {position: absolute;left: 0;top: 315px;width: 216px;max-width: 30%;height: 900px;background-image: url(images/tree_big_left_light.png);background-repeat: no-repeat;background-size: cover;background-position: right bottom;opacity: 1;} #tree-big-right {position: absolute;right: 0;top: 366px;width: 167px;max-width: 25%;height: 700px;background-image: url(images/tree_big_right_light.png);background-repeat: no-repeat;background-size: cover;background-position: left bottom;opacity: 1;}  /** Illustrations **/ .illustration {background-repeat: no-repeat;margin-top: 35px;margin-bottom: 0;} .illustration.centered {width: 379px;max-width: 100%;height: 258px;margin-left: auto;margin-right: auto;} .illustration.tribe {background-image: url(images/tribe.jpg);} .illustration.bottom {position: relative;bottom: 0;left: 0;width: 100%;margin: 0;padding: 0;} .illustration.plants {position: absolute;height: 230px;overflow: visible;} .illustration.flying-leaves {width: 100%;height: 160px;margin-left: auto;margin-right: auto;background-image: url(images/flying_leaves.png);background-repeat: no-repeat;background-size: 570px;background-position: center;}  /** Headlines **/ #headline-container {min-width: 320px;max-width: 890px;height: 265px;margin: 73px auto auto auto;text-align: center;} #headline-container div {display: block;vertical-align: top;} #headline-container br {display: none;} #headline div {display: block;vertical-align: top;} #headline br {display: none;} #headline-center {max-width: 433px;color: rgba(0,0,0,0.50);font-size: 70px;margin-top: 30px;margin-left: auto;margin-right: auto;float: none;text-align: center;line-height: 128%;font-weight: bold;} #headline {min-width: 320px;max-width: 890px;height: 265px;margin: 73px auto auto auto;text-align: center;} #headline-left {max-width: 420px;min-width: 320px;color: rgba(0,0,0,0.50);font-size: 70px;text-align: right;line-height: 128%;font-weight: bold;letter-spacing: 3px;padding-left: 17px;padding-right: 17px;-webkit-transform: scaleY(0.9);transform: scaleY(0.9);-webkit-transform-origin: top;transform-origin: top;float: left;} #headline-right {width: 392px;max-width: 100%;color: rgba(0,0,0,0.32);font-size: 25px;text-align: left;font-weight: bold;line-height: 170%;padding-top: 8px;padding-left: 17px;padding-right: 17px;-webkit-transform: scaleY(0.93);transform: scaleY(0.9);-webkit-transform-origin: top;transform-origin: top;float: right;} #headline-right li {list-style-type: none;list-style-position: inside;margin: 0;padding: 0;}  /** For dark background **/ body.dark-theme { 	background-image:      	linear-gradient( 		    to bottom, 			    hsla(178.7, 100%, 90.98%, 0.18) 0%, 			    hsla(178.7, 100%, 90.98%, 0.178) 8.1%, 			    hsla(178.7, 100%, 90.98%, 0.171) 15.5%, 			    hsla(178.7, 100%, 90.98%, 0.161) 22.5%, 			    hsla(178.7, 100%, 90.98%, 0.148) 29%, 			    hsla(178.7, 100%, 90.98%, 0.133) 35.3%, 			    hsla(178.7, 100%, 90.98%, 0.117) 41.2%, 			    hsla(178.7, 100%, 90.98%, 0.099) 47.1%, 			    hsla(178.7, 100%, 90.98%, 0.081) 52.9%, 			    hsla(178.7, 100%, 90.98%, 0.063) 58.8%, 			    hsla(178.7, 100%, 90.98%, 0.047) 64.7%, 			    hsla(178.7, 100%, 90.98%, 0.032) 71%, 			    hsla(178.7, 100%, 90.98%, 0.019) 77.5%, 			    hsla(178.7, 100%, 90.98%, 0.009) 84.5%, 			    hsla(178.7, 100%, 90.98%, 0.002) 91.9%, 			    hsla(178.7, 100%, 90.98%, 0) 100% 		  ) 		, url(images/background_dark_blue.jpg);     background-repeat: no-repeat, repeat;     background-size: 100% 185px, auto;     background-attachment: fixed, fixed; } .dark-theme #headline-center, .dark-theme #headline, .dark-theme p {color: rgba(255,255,255,0.7);} .dark-theme h2 {color: rgba(255,255,255,0.8);} .dark-theme #nav #nav-right a:link, .dark-theme #nav #nav-right a:visited {color: rgba(255,255,255,0.7);} .dark-theme #nav-left {opacity: 0.65;} .dark-theme #nav-right ul li a {background-image: url(images/nav_item_back_active_light.png);} .dark-theme #footer-text {color: rgba(255,255,255,0.5);}   /** Text styles **/ .dark-text {color: rgba(0,0,0,0.55) !important;} .black-text {color: rgba(0,0,0,0.62);} .white-text {color: rgba(255,255,255,0.80);} .teal-text {color: rgba(53, 120, 128, 0.77);} .brown-text {color: rgba(169, 64, 64, 0.61);} .red-text {color: rgba(180,50,50,0.6);} .roman-text {font-family: TimesNewRoman, 'Times New Roman', Times, serif;font-weight: normal;letter-spacing: normal;font-size: 115%;line-height: 50%;} .roman-text::before {font-size: 10px;content:" ";} .roman-text::after {font-size: 10px;content:" ";} .roman-text.no-space-before::before {content:"";} .roman-text.no-space-after::after {content:" ";} .bold {font-weight: bold;} .small-print {font-size: 16px;} .gray-text {color: rgba(0,0,0,0.41);} .centered {text-align: center;} .condensed {letter-spacing: 1px;transform: scaleX(0.9);transform-origin: left;} .yuanti {font-family: "ヒラギノ丸ゴ W3 JIS2004", "Hiragino Maru Gothic W3 JIS2004";} .outi {font-family: "Kai", "欧体楷書", "Outai Kaisho", Biaukai, serif;}  /** Vertical shrinked element **/ .vse {-webkit-transform: scaleY(0.9);transform: scaleY(0.9);-webkit-transform-origin: top;transform-origin: top;}  /** For messages and news **/ .message-box {width: 870px;max-width: 95%;margin: 15px auto 20px auto;line-height: 150%;font-size: 18px;opacity: 0.8;} .message-box-top {width: 100%;height: 22px;background-image: url(images/message-box-top.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: bottom;} .message-box-middle {width: 100%;background-image: url(images/message-box-middle.png);background-repeat: repeat-y;background-size: 100%;box-sizing: border-box;padding: 5px 40px 18px 53px;color: rgba(0,0,0,0.68);} .message-box-bottom {width: 100%;height: 22px;background-image: url(images/message-box-top.png);background-repeat: no-repeat;background-size: 100%;background-position: bottom;-webkit-transform: scale(-1);transform: scale(-1);} .message-box .message-content {-webkit-transform: scaleY(0.9);transform: scaleY(0.9);-webkit-transform-origin: top;transform-origin: top;} .message-box ul {margin-left: 35px;} .message-box ul {list-style-type: square;} .message-box ol {list-style-type: decimal;margin-left: 55px;} .message-box ol p {margin-left: -7px;} .message-box ul, .message-box ol {margin-top: 15px;margin-bottom: 15px;} .message-box ul:last-child, .message-box ol:last-child {margin-top: 15px;margin-bottom: 0;} .message-box h2 {margin-bottom: 20px;font-size: 20px;} .message-box h2.post-info {font-size: 16px;margin-top: 6px;text-align: right; padding-right: 10px;} #message-container-scl {margin-top: 320px;}  /** For fixed page background. Used in news. **/ /** background-attachment fixed is disabled on iOS. Use #mountains_tree_background for mobile. **/ body.fixed-back {height: 100%;padding-bottom: 0;background-image: url(images/background_top.jpg), url(images/mountains_tree_background.jpg), url(images/background-basic3.jpg);background-repeat: repeat-x, repeat, repeat;background-position: top, top center, left;background-attachment: fixed, fixed, scroll;} #mountains-tree-background {position: fixed;top: 270px;left: 0;width: 100%;height: 100%;background-image: url(images/mountains_tree_background.jpg);background-position: center -300px;}  /** Page navitation **/ .pagelink.conl {text-align: center;font-size: 18px;padding-top: 15px;padding-bottom: 15px;-webkit-transform: scale(1);transform: scale(1);}  /** Footer **/ #footer {padding-top: 70px;padding-bottom: 30px;letter-spacing: 2px;} #footer.lower {padding-top: 120px;} #footer-text {color: rgba(0,0,0,0.31);text-align: center;font-size: 18px;font-weight: bold;line-height: 190%;} #footer-text .gray-line {font-size: 18px;} #footer-text .bible {max-width: 100%;transform: scaleY(1.11);color: rgba(0,0,0,0.4);font-weight: normal;font-size: 20px;letter-spacing: 1px;line-height: 126%;padding-left: 15px;padding-right: 15px;box-sizing: border-box;} #footer-text .bible .lb-mobile {display: none;} body.black #footer-text {color: rgba(153, 183, 208, 0.76);} #footer .white-text {color: rgba(255,255,255,0.8);}  /** Footer background **/ .plants-background {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: url(images/foreground_grass.png);background-repeat: repeat no-repeat;background-position: bottom;background-size: auto;}  /** These BRs shows only when necessary **/ .genie-br {display: none;}  .separator {     width: 80%;     height: 1px;     margin: 30px auto 30px auto;     opacity: 0.2;     line-height: normal;     background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 6%, rgba(0,0,0,1) 19%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 94%, rgba(0,0,0,0) 100%); /* FF3.6-15 */     background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 6%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 94%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */     background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 6%,rgba(0,0,0,1) 19%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 94%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ } .separator.upper {margin-top: 7px;}  /** Notes, disclaimer, etc. **/ .notes {color: rgba(0,0,0,0.45);font-size: 15px;line-height: 160%;margin: 10px 20px 10px 20px;} .notes.left {margin-left: 0;}   /** Show popup bubbles **/ .bubble {position: absolute;min-width: 120px;width: auto; height: auto;background-color: white;border-radius: 5px;box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);box-sizing: border-box;padding: 7px 10px 6px 10px;letter-spacing: 1px;pointer-events: fill;opacity: 0;-webkit-transform: scale(0.3);transform: scale(0.3);-webkit-transform-origin: bottom;transform-origin: bottom;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s;} .bubble.bottom {-webkit-transform-origin: top;transform-origin: top;} .bubble.shown {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .bubble::before {     bottom: -5px;     top: auto;     left: 50%;     margin-left: -5px;     background: #fff;     position: absolute;     content: '';     width: 10px;     height: 10px;     background: #fff;     -webkit-transform: rotate(45deg);     transform: rotate(45deg);     z-index: 2;--     -webkit-box-shadow: 1px 1px 0 0 #bababa;     box-shadow: 1px 1px 0 0 #bababa; } .bubble.left::before {     left: 15%; } .bubble.bottom::before {     bottom: auto;     top: -5px;     box-shadow: -1px -1px 0 0 #bababa; } .bubble .title {font-size: 16px;text-align: center;color: rgba(0,0,0,0.58);} .bubble .content {font-size: 14px;text-align: left;margin-top: 14px;} .bubble .content.link {text-align: center;}  /** Info icon **/ .info-icon {width: 20px;height: 20px;display: inline-block;vertical-align: -28%;margin-left: 5px;cursor: pointer;opacity: 0.86;} .info-icon.within-info-block {vertical-align: -12%;-webkit-filter: grayscale(90%);filter: grayscale(90%);}  /** Table for forms **/ .form-table {font-size: 18px;letter-spacing: 1px;color: rgba(0,0,0,0.58);margin-left: auto;margin-right: auto;} .form-table td {padding-top: 8px;padding-bottom: 8px;} .form-table input, .form-table textarea {border-radius: 3px;border: 1px solid #ccc;font-size: 16px;} .form-table .notes {margin: 0;} .form-table tr td:first-child {min-width: 105px;vertical-align: top;text-align: right;} .form-table tr td:nth-child(2) {vertical-align: top;text-align: left;} .form-table input {max-width: 100%;} .general-form {text-align: center;} .general-form input[type="submit"] {border-radius: 3px;border: 1px solid rgba(0,0,0,0.25);background-color: white;padding: 5px 15px 4px 15px;font-size: 18px;color: rgba(0,0,0,0.4);font-family: HiraMinProN-W6, "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;letter-spacing: 2px;box-shadow: 1px 1px 1px rgba(0,0,0,0.06);-webkit-transform: scaleY(0.93);transform: scaleY(0.93);cursor: pointer;}   .cloud-2-top {width: 100%;height: 240px;background-image: url(images/cloud2_narrow.png);background-repeat: no-repeat;background-position: 108px bottom;position: absolute;top: 0;left: 0;opacity: 0.65;}  /** Header that doesn't scroll. Used in news **/ #fixed-header {position: fixed;top: 0;width: 100%; background-image: url(images/background_top.jpg), url(images/background-basic3.jpg); background-repeat: repeat-x, repeat; z-index: 9999; padding-bottom: 50px; -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);}  /** Room detail page's options **/ .chooser-container {max-width: 500px;margin-left: auto;margin-right: auto;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}  /** Warning/error message **/ #warning-msg {height: auto;width: 100%;padding-top: 9px;padding-bottom: 8px;background-color: #eee;color: #bd3737;font-size: 16px;text-align: center;display: none;cursor: pointer;} #warning-msg.shown {display: block;}  /** L2 menu that shows on main pages **/ .menu-l2 {display: block; text-align: center;width: 900px;;max-width: 95%;margin: 60px auto 40px auto;letter-spacing: 56px;} .menu-l2 li {display: inline-block;width: 94px;font-size: 20px;font-weight: bold;-webkit-transform: scaleY(0.9);transform: scaleY(0.9);padding-top: 6px;padding-bottom: 6px;letter-spacing: 3px;} .menu-l2 a {text-decoration: none;color: black;opacity: 1;color: rgba(0,0,0,0.3);-webkit-transition: color 0.4s;transition: color 0.4s;} .menu-l2 a:hover {color: #6493bf;} .menu-l2 br {display: none;} .menu-border {height: 5px;width: 100%;background-image: url(images/horizontal_line.png);background-repeat: no-repeat;background-size: 100%;opacity: 0.05;} .menu-border:first-child {margin-bottom: -20px;} .menu-border:last-child {margin-top: 2px;}  /** Notification badge/indicator **/ .notification-indicator {display: block;position: relative;width: 30px;height: 30px;background-image: url(images/indicator-red-background.png);background-size: 30px;background-position: right;background-repeat: no-repeat;margin: -39px auto 0 auto;z-index: 10000;text-decoration: none;color: white;font-weight: bold;font-size: 19px;text-align: right;padding-right: 6px;padding-top: 11px;font-family: sans-serif;-webkit-transition: opacity 1s;transition: opacity 1s;opacity: 0;-webkit-transform: translateX(84px) scale(0.8);} .notification-indicator.shown { 	opacity: 1; } .notification-link, .notification-link:hover { 	text-decoration: none; } .notification-indicator.mobile { 	-webkit-transform: translateX(114px) scale(1); 	transform: translateX(114px) scale(1); }  /** Layout adjustment **/ .hide-by-default { 	display: none; }  /** For missing Traditional Chinese characters in Hiragino **/ @font-face { 	font-family: MingW6; 	src: url(MinchoTC-Bold.otf); 	unicode-range: U+57E1,U+555F,U+67E5,U+7172,U+9109; 	font-weight: bold; } /** An alternative to above approach. Not as good because adding a class name to every element is required.  **/ /* @font-face {     font-family: MingTCBold;     src: url(MinchoTC-Bold.otf); } .tc-char { 	font-family: MingTCBold; 	font-weight: normal; } */