* {margin:0;padding:0;box-sizing:border-box;} .clr {clear:both;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:#c60 !important;} /* ======================================================= */ @media (max-width:559px) { * {font-family:ten-mincho-text, serif;font-weight:400;font-style: normal;} *:lang(zh_TW) {font-family:'Noto Sans TC', sans-serif;} *:lang(zh_CN) {font-family:'Noto Sans SC', sans-serif;} *:lang(ko) {font-family:'Noto Sans KR', sans-serif;} body {color:#333;text-align:center;position:relative;} a {color:#af7a44;text-decoration:underline;transition:0.2s ease-in-out;} a:hover {color:#a04e05;text-decoration:none;} img {width:100%;height:auto;border:0px;vertical-align:bottom;} #gmap img {max-width:none;} button {cursor:pointer;transition:0.2s ease-in-out;} #nav_opener {display:none;} #bulletin {background:#000;color:#fff;} #bulletin > div {margin:0 auto;display:flex;justify-content:flex-start;align-items:center;font-size:0.813rem;line-height:1.5;padding:10px 20px;} #bulletin .button {padding:0 15px 0 0;white-space:nowrap;} #bulletin .button a {} #bulletin .txt {white-space:nowrap;overflow:hidden;text-overflow:clip;display:none;} #bulletin .texts {list-style:none;} #index_header {position:absolute;z-index:10;width:100%;padding:30px 25px;} #index_header > div {height:100vh;margin:0 auto;position:relative;} #index_header #logo {position:absolute;left:50%;top:50%;width:70%;filter:drop-shadow(0 0 10px rgba(0,0,0,1));transform:translate(-50%, -150%);} #index_header .inquire {position:absolute;right:0;top:0;} #index_header .inquire a {display:inline-block;padding:8px 30px;text-decoration:none;color:#fff;background:#af7a44;border-radius:5px;font-size:1rem;line-height:1.5;} #index_header .inquire a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} #header {padding:30px 25px;} #header > div {margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;} #header #logo {width:100%;margin:0 0 30px 0;} #header #logo a {display:block;width:70%;margin:0 auto;} #header .inquire {width:100%;} #header .inquire a {display:inline-block;padding:8px 30px;text-decoration:none;color:#fff;background:#af7a44;border-radius:5px;font-size:1rem;line-height:1.5;} #header .inquire a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} #global_nav {} article {padding:0;text-align:left;margin:50px auto 50px auto;} article:after {content:'';display:block;clear:both;} .scroll-up{opacity:0;transform:translateY(100px);transition:all 0.5s;} .scroll-up.done {opacity:1;transform:translate(0,0);} article section {} article h1 {font-size:2.0rem;line-height:1;margin:0 0 50px 0;padding:0 0 50px 0;text-align:center;position:relative;} article h1:after {content:"";display:block;position:absolute;width:80px;height:3px;background:#333;left:calc(50% - 40px);bottom:0px;} article h2 {font-size:2rem;line-height:1.3;margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid #ddd;} article h2 br {display:none;} article h3 {font-size:1.125rem;line-height:1.5;margin:0 0 15px 0;} article h4 {font-size:1rem;line-height:1.5;margin:0 0 10px 0;} article p {font-size:0.875rem;line-height:1.8;margin:0 0 30px 0;letter-spacing:-0.02rem;} #index_page article {width:100%;padding:0;margin:0 auto;} #index_page article .video {position:relative;width:100%;padding-top:56.25%;} #index_page article .video iframe {position: absolute;top:0;right:0;width:100% !important;height: 100% !important;} #index_page article .title {font-size:1rem;line-height:1;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #af7a44;color:#af7a44;} #index_page article .relative {list-style:none;font-size:0.875rem;line-height:1.5;margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #ddd;} #index_page article .relative li:not(:last-child) {margin:0 0 10px 0;} #index_page article .relative a {display:inline-block;text-decoration:none;position:relative;padding:5px 5px;background:rgba(255,226,0,1);color:#333;} #index_page article .relative a:after {content:"";display:block;position:absolute;bottom:0;left:0;transition:all .3s ease;width:0;height:100%;background:rgba(0,0,0,1);z-index:-1;opacity:0;} #index_page article .relative a:hover {background:none;color:#fff;} #index_page article .relative a:hover:after {width:100%;opacity:1;} #index_page article .title_video {font-size:1rem;line-height:1;margin:20px 0 15px 0;padding:20px 0 0 0;border-top:1px solid #ddd;} #index_page article #onsen {height:150vh;background:url(/img/onsen.jpg) no-repeat bottom center;background-size:cover;color:#fff;} #index_page article #onsen > div {height:100%;margin:0 auto;padding:30px 25px;display:flex;justify-content:flex-end;align-items:flex-end;} #index_page article #onsen > div > div {} #index_page article #onsen h2 {font-size:2rem;margin:0 0 20px 0;text-shadow:0 0 10px rgba(0,0,0,1);} #index_page article #onsen h2 br {display:none;} #index_page article #onsen p {text-shadow:0 0 10px rgba(0,0,0,1);} #index_page article #onsen .relative {border-color:rgba(255,255,255,0.3);} #index_page article #namahage {background:rgba(0,0,0,0.2) url(/img/taiko.jpg) no-repeat bottom left;background-size:cover;color:#fff;background-blend-mode:multiply;} #index_page article #namahage > div {} #index_page article #namahage > div > div:nth-of-type(1) {display:none;} #index_page article #namahage > div > div:nth-of-type(2) {padding:0 25px 30px 25px;} #index_page article #namahage > div > div:nth-of-type(2) > div {padding:50px 0;} #index_page article #namahage h2 {font-size:2rem;margin:0 0 20px 0;} #index_page article #namahage p {text-shadow:0 0 10px rgba(0,0,0,1);} #index_page article #namahage .relative {border-color:rgba(255,255,255,0.3);} #index_page article #namahage .relative a:after {background:#fff;} #index_page article #namahage .relative a:hover {color:#333;} #index_page article #namahage .title_video {border-color:rgba(255,255,255,0.3);} #index_page article #ishiyaki {} #index_page article #ishiyaki > div {} #index_page article #ishiyaki > div > div:nth-of-type(1) {overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start;} #index_page article #ishiyaki > div > div:nth-of-type(1) img {width:90%;} #index_page article #ishiyaki > div > div:nth-of-type(2) {padding:30px 25px;} #index_page article #ishiyaki > div > div:nth-of-type(2) > div {} #index_page article #ishiyaki h2 {font-size:2rem;margin:0 0 20px 0;} #index_page article #tourism {background:#77C3EC;color:#fff;} #index_page article #tourism > div {margin:0 auto;padding:0 0;} #index_page article #tourism > div > div:nth-of-type(1) {} #index_page article #tourism > div > div:nth-of-type(1) ul {list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;} #index_page article #tourism > div > div:nth-of-type(1) ul li {width:calc(100% / 3);margin:0;} #index_page article #tourism > div > div:nth-of-type(1) ul li a {display:block;} #index_page article #tourism > div > div:nth-of-type(1) ul li a:hover {opacity:0.5;} #index_page article #tourism > div > div:nth-of-type(2) {padding:30px 25px;} #index_page article #tourism .title {color:#0071ba;border-color:#0071ba;} #index_page article #tourism h2 {font-size:2rem;margin:0 0 20px 0;} #index_page article #tourism .relative {border-color:rgba(255,255,255,0.3);} #index_page article #banners {margin:0 auto;padding:50px 0 0 0;} #index_page article #banners ul {list-style:none;} #index_page article #news {padding:30px 25px;} #index_page article #news > div:nth-of-type(1) {} #index_page article #news h2 {} #index_page article #news > div:nth-of-type(2) {} #index_page article #news ul {list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;} #index_page article #news ul li {width:calc(50% - 10px);margin:0 0 30px 0;} #index_page article #news ul li a {text-decoration:none;} #index_page article #news ul li a:hover {text-decoration:underline;} #index_page article #news ul li > div {display:flex;justify-content:space-between;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #ddd;font-size:0.75rem;line-height:1.5;} #index_page article #news ul li h3 {font-size:1rem;line-height:1.5;margin:0 0 10px 0;} #index_page article #news ul li p {font-size:0.813rem;line-height:1.6;margin:0 0 10px 0;} #index_page article #news .all a {display:inline-block;padding:8px 30px;text-decoration:none;color:#fff;background:#af7a44;border-radius:5px;font-size:0.875rem;line-height:1.5;} #index_page article #news .all a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} #index_page article #accommodations {padding:30px 25px;} #index_page article #accommodations > div:nth-of-type(1) {} #index_page article #accommodations h2 {} #index_page article #accommodations > div:nth-of-type(2) {} #index_page article #accommodations #hotels {list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 0 30px 0;} #index_page article #accommodations #hotels li {width:calc(100% / 2 - 5px);margin:0 0 30px 0;text-align:center;} #index_page article #accommodations #hotels li:last-child {margin:0;} #index_page article #accommodations #hotels li a {text-decoration:none;color:#333;display:block;} #index_page article #accommodations #hotels li a:hover {opacity:0.5;} #index_page article #accommodations #hotels li h3 {margin:10px 0 0 0;} #index_page article #accommodations #hotels li div.address {font-size:0.875rem;line-height:1.5;margin:0 0 5px 0;} #index_page article #accommodations #hotels li div.tel {font-size:1.0rem;line-height:1.5;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri {background:#fff4e1;padding:20px 20px;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div:nth-of-type(1) {} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div:nth-of-type(1) div:nth-of-type(1) {margin:0 0 15px 0;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div:nth-of-type(1) div:nth-of-type(2) {} #index_page article #accommodations > div:nth-of-type(2) #yumeguri h3 {margin:0 0 5px 0;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri h4 {margin:0 0 15px 0;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri p {line-height:1.6;margin:0 0 15px 0;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri ul {margin:0 0 0 25px;font-size:0.875rem;line-height:1.5;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div.caution {color:#c00;font-size:0.875rem;line-height:1.5;margin:15px 0 0 0;padding:15px 0 0 0;border-top:1px solid #c00;} #index_page article #access {padding:30px 25px;} #index_page article #access > div:nth-of-type(1) {} #index_page article #access h2 {} #index_page article #access > div:nth-of-type(2) {} #index_page article #access > div:nth-of-type(2) img {margin:0 0 20px 0;} #index_page article #access > div:nth-of-type(2) .link {margin:0 0 20px 25px;} #index_page article #access > div:nth-of-type(2) .link li {font-size:0.875rem;line-height:1.6;margin:0 0 5px 0;} #index_page article #access > div:nth-of-type(2) .time {margin:0 0 20px 25px;} #index_page article #access > div:nth-of-type(2) .time li {font-size:0.875rem;line-height:1.6;margin:0 0 5px 0;} #index_page article #access > div:nth-of-type(2) .sunset_bus {border-top:1px solid #ddd;padding:30px 0 0 0;margin:30px 0 0 0;} #index_page article #access > div:nth-of-type(2) .sunset_bus ul {margin:0 0 30px 25px;} #index_page article #access > div:nth-of-type(2) .sunset_bus ul li {font-size:0.875rem;line-height:1.6;margin:0 0 5px 0;} #gmap {width:100%;margin:0 0 30px 0;} #gmap iframe {width:100%;height:360px;vertical-align:bottom;border:0;background-color:transparent;overflow:hidden;} #gmap iframe, #gmap object, #gmap embed {filter:grayscale(100%);transition:all 0.7s ease;} #gmap iframe:hover, #gmap object:hover, #gmap embed:hover {filter:grayscale(0%);} #index_page article #history {padding:30px 25px;} #index_page article #history > div:nth-of-type(1) {} #index_page article #history h2 {} #index_page article #history > div:nth-of-type(2) {} #index_page article #outline {padding:30px 25px;} #index_page article #outline > div:nth-of-type(1) {} #index_page article #outline h2 {} #index_page article #outline > div:nth-of-type(2) {} #index_page article #outline dl {} #index_page article #outline dl dt {font-size:1.0rem;line-height:1.8;padding:0 0 10px 0;} #index_page article #outline dl dd {font-size:1.0rem;line-height:1.8;padding:0 0 30px 0;} #news_page article {padding:0 30px;} #news_page article #news_index {} #news_page article #news_index > ul {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;} #news_page article #news_index > ul li {margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #ddd;width:calc(50% - 10px);} #news_page article #news_index > ul li div {font-size:0.875rem;line-height:1.5;margin:0 0 5px 0;} #news_page article #news_index > ul li h3 {font-size:1.0rem;line-height:1.5;margin:0 0 5px 0;} #news_page article #news_index > ul li p {font-size:0.813rem;line-height:1.5;} #news_page article #layout {} #news_page article #news_detail {margin:0 0 50px 0;padding:0 0 50px 0;border-bottom:1px solid #ddd;} #news_page article #news_detail .date {font-size:0.875rem;line-height:1.6;margin:0 0 30px 0;} #news_page article #news_detail h2 {font-size:1.25rem;line-height:1.5;margin:0 0 30px 0;} #news_page article #news_detail p {font-size:0.875rem;line-height:1.8;margin:0 0 30px 0;} #news_page article #archives {} #news_page article #archives ul {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;} #news_page article #archives ul li {margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px solid #ddd;width:calc(50% - 10px);} #news_page article #archives ul li > div {font-size:0.875rem;line-height:1.5;margin:0 0 5px 0;} #news_page article #archives ul li h3 {font-size:1.0rem;line-height:1.5;margin:0 0 5px 0;} #news_page article #archives ul li h3 a {text-decoration:none;} #news_page article #archives ul li h3 a:hover {text-decoration:underline;} #news_page article #archives ul li p {font-size:0.813rem;line-height:1.5;margin:0;} #inquiry_page article {padding:0 30px;} #inquiry_page article #inquiry {} #inquiry_page article #inquiry h2 {font-size:1.5rem;margin:0 0 30px 0;} #inquiry_page article #inquiry p {margin:0 0 30px 0;font-size:0.875rem;line-height:1.5;} #inquiry_page article #inquiry ul.error {padding:20px 20px 10px 50px;margin:0 0 30px 0;text-align:left;border:1px solid #c00;border-radius:5px;color:#c00;} #inquiry_page article #inquiry ul.error li {font-size:1.0rem;line-height:1.6;margin:0px 0px 5px 0px;} #inquiry_page article #inquiry dl {text-align:left;margin:0 0 30px 0;} #inquiry_page article #inquiry dl dt {font-size:0.875rem;line-height:1.4;margin:0px 0px 10px 0px;} #inquiry_page article #inquiry dl.preview dt {border-bottom:1px solid #eee;padding:0 0 10px 0;} #inquiry_page article #inquiry dl dt span {display:inline-block;font-size:0.75rem;line-height:1;margin:0 0 0 5px;padding:2px 2px;background:#c00;color:#fff;} #inquiry_page article #inquiry dl dd {font-size:1.0rem;line-height:1.4;padding:0 0 20px 0px;} #inquiry_page article #inquiry dl.preview dd {margin:0 0 15px 0;} #inquiry_page article #inquiry dl dd input:not([type="checkbox"]), #inquiry_page article #inquiry dl dd select {font-size:1.0rem;padding:10px 10px;width:100%;} #inquiry_page article #inquiry dl dd textarea {font-size:1.0rem;padding:10px 10px;width:100%;height:10rem;} #inquiry_page article #inquiry dl dd #postal-code {width:40%;margin:0 5px 0 0;} #inquiry_page article #inquiry dl dd #date {width:40%;margin:0 5px 0 0;} #inquiry_page article #inquiry dl dd #days {width:20%;margin:0 5px 0 5px;} #inquiry_page article #inquiry dl dd #persons {width:20%;margin:0 5px 0 0;} #inquiry_page article #inquiry dl dd #persons_children {width:20%;margin:0 5px 0 5px;} #inquiry_page article #inquiry dl dd button {display:inline-block;font-size:0.875rem;line-height:1;background:#eee;border:1px solid #999;padding:15px 20px;color:#333;text-decoration:none;border-radius:2px;} #inquiry_page article #inquiry dl dd button:hover {background:#ddd;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.2);} #inquiry_page article #inquiry dl dd ul {list-style:none;} #inquiry_page article dl dd ul li {font-size:0.875rem;line-height:1.3;margin:0 0 10px 0;} #inquiry_page article #inquiry .buttons {text-align:center;} #inquiry_page article #inquiry .buttons button {width:100%;display:block;font-size:1rem;line-height:1;background:#c60;border:0;padding:25px 15px;color:#fff;text-decoration:none;border-radius:5px;} #inquiry_page article #inquiry .buttons button.button_back {background:#ccc;} #inquiry_page article #inquiry .buttons button:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} #inquiry_page article #inquiry .buttons button.button_back:hover {color:#ddd;background:#999;} footer {width:100%;text-align:center;padding:30px 0;} footer nav {} footer nav ul:nth-of-type(1) {list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto 30px auto;padding:0 20px;} footer nav ul:nth-of-type(1) li {font-size:1rem;color:#c60;width:calc(100% / 2 - 10px);margin:0 0 15px 0;} footer nav ul:nth-of-type(1) li a {display:block;color:#333;text-decoration:none;padding:0 0 15px 0;position:relative;} footer nav ul:nth-of-type(1) li a:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ccc;transition:0.2s;} footer nav ul:nth-of-type(1) li a:hover {color:#c60;} footer nav ul:nth-of-type(1) li a:hover:after {bottom:-4px;height:4px;background:#c60;} footer nav ul:nth-of-type(2) {padding:0 0 30px 0;list-style:none;margin:0 auto;display:flex;justify-content:center;} footer nav ul:nth-of-type(2) li {margin:0 0 10px 0;font-size:1.0rem;line-height:1.5;padding:0 15px;} footer nav ul:nth-of-type(2) li a {display:block;width:20rem;padding:15px 0;text-decoration:none;color:#fff;background:#c60;border-radius:5px;} footer nav ul:nth-of-type(2) li a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} footer #address {} footer #address address {font-style:normal;} footer #address address .address {font-size:0.875rem;line-height:1.5;} footer #address address .address br {display:none;} footer #address address .tel {font-size:2rem;line-height:1.5;margin:0;} footer #address address .time {font-size:1rem;line-height:1.5;} #copyright {background:#333;color:#fff;font-size:0.75rem;padding:15px 15px;} #goto_pagetop {position:fixed;bottom:15px;right:-50px;text-indent:-9999px;z-index:500;} #goto_pagetop a {width:50px;height:50px;display:block;background:rgba(204,102,0,0.3);position:relative;transition:0.2s ease-in-out;} #goto_pagetop a:after {content:"";display:block;position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:-7px;width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(45deg);} #goto_pagetop a:hover {background:rgba(204,102,0,0.9);position:relative;} #goto_pagetop a:hover:after {content:"";display:block;position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:-7px;width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(45deg);} #drawer {display:none;} } /* ======================================================= */ @media (min-width:560px) and (max-width:1023px) { * {font-family:ten-mincho-text, serif;font-weight:400;font-style: normal;} *:lang(zh_TW) {font-family:'Noto Sans TC', sans-serif;} *:lang(zh_CN) {font-family:'Noto Sans SC', sans-serif;} *:lang(ko) {font-family:'Noto Sans KR', sans-serif;} body {color:#333;text-align:center;position:relative;} a {color:#af7a44;text-decoration:underline;transition:0.2s ease-in-out;} a:hover {color:#a04e05;text-decoration:none;} img {width:100%;height:auto;border:0px;vertical-align:bottom;} #gmap img {max-width:none;} button {cursor:pointer;transition:0.2s ease-in-out;} #nav_opener {display:none;} #bulletin {background:#000;color:#fff;} #bulletin > div {margin:0 auto;display:flex;justify-content:flex-start;align-items:center;font-size:0.875rem;line-height:1.5;padding:10px 30px;} #bulletin .button {padding:0 15px 0 0;white-space:nowrap;} #bulletin .button a {} #bulletin .txt {white-space:nowrap;overflow:hidden;text-overflow:clip;display:none;} #bulletin .texts {list-style:none;} #index_header {position:absolute;z-index:10;width:100%;padding:30px 30px;} #index_header > div {height:100vh;margin:0 auto;position:relative;} #index_header #logo {position:absolute;left:50%;top:50%;width:50%;filter:drop-shadow(0 0 10px rgba(0,0,0,1));transform:translate(-50%, -50%);} #index_header .inquire {position:absolute;right:0;top:0;} #index_header .inquire a {display:inline-block;padding:8px 30px;text-decoration:none;color:#fff;background:#af7a44;border-radius:5px;font-size:1rem;line-height:1.5;} #index_header .inquire a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} header {padding:30px 30px;} header > div {margin:0 auto;display:flex;justify-content:space-between;} header #logo {width:300px;} header .inquire {} header .inquire a {display:inline-block;padding:8px 30px;text-decoration:none;color:#fff;background:#af7a44;border-radius:5px;font-size:1rem;line-height:1.5;} header .inquire a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} #global_nav {} article {padding:0;text-align:left;margin:50px auto 50px auto;} article:after {content:'';display:block;clear:both;} .scroll-up{opacity:0;transform:translateY(100px);transition:all 0.5s;} .scroll-up.done {opacity:1;transform:translate(0,0);} article section {} article h1 {font-size:2.0rem;line-height:1;margin:0 0 50px 0;padding:0 0 50px 0;text-align:center;position:relative;} article h1:after {content:"";display:block;position:absolute;width:80px;height:3px;background:#333;left:calc(50% - 40px);bottom:0px;} article h2 {font-size:4rem;line-height:1.3;} article h2 br {display:none;} article h3 {font-size:1.125rem;line-height:1.5;margin:0 0 15px 0;} article h4 {font-size:1rem;line-height:1.5;margin:0 0 10px 0;} article p {font-size:0.875rem;line-height:1.8;margin:0 0 30px 0;letter-spacing:-0.02rem;} #index_page article {width:100%;padding:0;margin:0 auto;} #index_page article .video {position:relative;width:100%;padding-top:56.25%;} #index_page article .video iframe {position: absolute;top:0;right:0;width:100% !important;height: 100% !important;} #index_page article .title {font-size:1rem;line-height:1;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #af7a44;color:#af7a44;} #index_page article .relative {list-style:none;font-size:0.875rem;line-height:1.5;margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #ddd;} #index_page article .relative li:not(:last-child) {margin:0 0 10px 0;} #index_page article .relative a {display:inline-block;text-decoration:none;position:relative;padding:5px 5px;background:rgba(255,226,0,1);color:#333;} #index_page article .relative a:after {content:"";display:block;position:absolute;bottom:0;left:0;transition:all .3s ease;width:0;height:100%;background:rgba(0,0,0,1);z-index:-1;opacity:0;} #index_page article .relative a:hover {background:none;color:#fff;} #index_page article .relative a:hover:after {width:100%;opacity:1;} #index_page article .title_video {font-size:1rem;line-height:1;margin:20px 0 15px 0;padding:20px 0 0 0;border-top:1px solid #ddd;} #index_page article #onsen {height:150vh;background:url(/img/onsen.jpg) no-repeat bottom center;background-size:cover;color:#fff;} #index_page article #onsen > div {height:100%;margin:0 auto;padding:50px 30px;display:flex;justify-content:flex-end;align-items:flex-end;} #index_page article #onsen > div > div {width:50%;} #index_page article #onsen h2 {font-size:2.5rem;margin:0 0 20px 0;text-shadow:0 0 10px rgba(0,0,0,1);} #index_page article #onsen h2 br {display:none;} #index_page article #onsen p {text-shadow:0 0 10px rgba(0,0,0,1);} #index_page article #onsen .relative {border-color:rgba(255,255,255,0.3);} #index_page article #namahage {background:#000;color:#fff;} #index_page article #namahage > div {display:flex;justify-content:space-between;flex-direction:row-reverse;} #index_page article #namahage > div > div:nth-of-type(1) {width:50%;overflow:hidden;display:flex;align-items:flex-end;} #index_page article #namahage > div > div:nth-of-type(1) img {width:auto;max-height:100%;} #index_page article #namahage > div > div:nth-of-type(2) {width:50%;display:flex;justify-content:flex-end;padding:0 0 0 30px;} #index_page article #namahage > div > div:nth-of-type(2) > div {padding:50px 0;} #index_page article #namahage h2 {font-size:2.5rem;margin:0 0 20px 0;} #index_page article #namahage .relative {border-color:rgba(255,255,255,0.3);} #index_page article #namahage .relative a:after {background:#fff;} #index_page article #namahage .relative a:hover {color:#333;} #index_page article #namahage .title_video {border-color:rgba(255,255,255,0.3);} #index_page article #ishiyaki {} #index_page article #ishiyaki > div {display:flex;justify-content:space-between;padding:50px 0;} #index_page article #ishiyaki > div > div:nth-of-type(1) {width:50%;overflow:hidden;display:flex;justify-content:flex-end;} #index_page article #ishiyaki > div > div:nth-of-type(1) img {width:auto;height:100%;max-height:800px;} #index_page article #ishiyaki > div > div:nth-of-type(2) {width:50%;padding:0 30px 0 0;} #index_page article #ishiyaki > div > div:nth-of-type(2) > div {} #index_page article #ishiyaki h2 {font-size:2.5rem;margin:0 0 20px 0;} #index_page article #tourism {background:#77C3EC;color:#fff;} #index_page article #tourism > div {margin:0 auto;padding:50px 0;display:flex;justify-content:space-between;flex-direction:row-reverse;} #index_page article #tourism > div > div:nth-of-type(1) {width:calc(60% - 30px);} #index_page article #tourism > div > div:nth-of-type(1) ul {list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;} #index_page article #tourism > div > div:nth-of-type(1) ul li {width:calc(50% - 2.5px);margin:0 0 5px 0;} #index_page article #tourism > div > div:nth-of-type(1) ul li a {display:block;} #index_page article #tourism > div > div:nth-of-type(1) ul li a:hover {opacity:0.5;} #index_page article #tourism > div > div:nth-of-type(2) {width:40%;padding:0 0 0 30px;} #index_page article #tourism .title {color:#0071ba;border-color:#0071ba;} #index_page article #tourism h2 {font-size:2.5rem;margin:0 0 20px 0;} #index_page article #tourism .relative {border-color:rgba(255,255,255,0.3);} #index_page article #banners {margin:0 auto;padding:50px 0 0 0;} #index_page article #banners ul {list-style:none;} #index_page article #news {display:flex;justify-content:space-between;margin:0 auto;padding:50px 30px;} #index_page article #news > div:nth-of-type(1) {width:calc(4rem + 50px);border-right:1px solid #ddd;} #index_page article #news h2 {writing-mode:vertical-rl;} #index_page article #news > div:nth-of-type(2) {width:calc(100% - 4rem - 80px);;} #index_page article #news ul {list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;} #index_page article #news ul li {width:calc(50% - 10px);margin:0 0 30px 0;} #index_page article #news ul li a {text-decoration:none;} #index_page article #news ul li a:hover {text-decoration:underline;} #index_page article #news ul li > div {display:flex;justify-content:space-between;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #ddd;font-size:0.75rem;line-height:1.5;} #index_page article #news ul li h3 {font-size:1rem;line-height:1.5;margin:0 0 10px 0;} #index_page article #news ul li p {font-size:0.813rem;line-height:1.6;margin:0 0 10px 0;} #index_page article #news .all a {display:inline-block;padding:8px 30px;text-decoration:none;color:#fff;background:#af7a44;border-radius:5px;font-size:0.875rem;line-height:1.5;} #index_page article #news .all a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} #index_page article #accommodations {display:flex;justify-content:space-between;margin:0 auto;flex-direction:row-reverse;padding:50px 30px;} #index_page article #accommodations > div:nth-of-type(1) {width:calc(4rem + 50px);border-left:1px solid #ddd;padding:0 0 0 30px;} #index_page article #accommodations h2 {writing-mode:vertical-rl;} #index_page article #accommodations > div:nth-of-type(2) {width:calc(100% - 4rem - 80px);} #index_page article #accommodations #hotels {list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 0 30px 0;} #index_page article #accommodations #hotels li {width:calc(100% / 2 - 5px);margin:0 0 30px 0;text-align:center;} #index_page article #accommodations #hotels li:last-child {margin:0;} #index_page article #accommodations #hotels li a {text-decoration:none;color:#333;display:block;} #index_page article #accommodations #hotels li a:hover {opacity:0.5;} #index_page article #accommodations #hotels li h3 {margin:10px 0 0 0;} #index_page article #accommodations #hotels li div.address {font-size:0.875rem;line-height:1.5;margin:0 0 5px 0;} #index_page article #accommodations #hotels li div.tel {font-size:1.0rem;line-height:1.5;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri {background:#fff4e1;padding:20px 20px;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div:nth-of-type(1) {display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row-reverse;align-items:flex-start;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div:nth-of-type(1) div:nth-of-type(1) {width:40%;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div:nth-of-type(1) div:nth-of-type(2) {width:calc(60% - 20px);} #index_page article #accommodations > div:nth-of-type(2) #yumeguri h3 {margin:0 0 5px 0;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri h4 {margin:0 0 15px 0;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri p {line-height:1.6;margin:0 0 15px 0;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri ul {margin:0 0 0 25px;font-size:0.875rem;line-height:1.5;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div.caution {color:#c00;font-size:0.875rem;line-height:1.6;margin:30px 0 0 0;padding:15px 0 0 0;border-top:1px solid #c00;} #index_page article #access {display:flex;justify-content:space-between;margin:0 auto;padding:50px 30px;} #index_page article #access > div:nth-of-type(1) {width:calc(4rem + 50px);border-right:1px solid #ddd;} #index_page article #access h2 {writing-mode:vertical-rl;} #index_page article #access > div:nth-of-type(2) {width:calc(100% - 4rem - 80px);} #index_page article #access > div:nth-of-type(2) img {margin:0 0 30px 0;} #index_page article #access > div:nth-of-type(2) .link {margin:0 0 30px 25px;} #index_page article #access > div:nth-of-type(2) .link li {font-size:0.875rem;line-height:1.6;margin:0 0 5px 0;} #index_page article #access > div:nth-of-type(2) .time {margin:0 0 30px 25px;} #index_page article #access > div:nth-of-type(2) .time li {font-size:0.875rem;line-height:1.6;margin:0 0 5px 0;} #index_page article #access > div:nth-of-type(2) .sunset_bus {border-top:1px solid #ddd;padding:30px 0 0 0;margin:30px 0 0 0;} #index_page article #access > div:nth-of-type(2) .sunset_bus ul {margin:0 0 30px 25px;} #index_page article #access > div:nth-of-type(2) .sunset_bus ul li {font-size:0.875rem;line-height:1.6;margin:0 0 5px 0;} #gmap {width:100%;margin:0 0 30px 0;} #gmap iframe {width:100%;height:360px;vertical-align:bottom;border:0;background-color:transparent;overflow:hidden;} #gmap iframe, #gmap object, #gmap embed {filter:grayscale(100%);transition:all 0.7s ease;} #gmap iframe:hover, #gmap object:hover, #gmap embed:hover {filter:grayscale(0%);} #index_page article #history {display:flex;justify-content:space-between;margin:0 auto;flex-direction:row-reverse;padding:50px 30px;} #index_page article #history > div:nth-of-type(1) {width:calc(4rem + 50px);border-left:1px solid #ddd;padding:0 0 0 30px;} #index_page article #history h2 {writing-mode:vertical-rl;} #index_page article #history > div:nth-of-type(2) {width:calc(100% - 4rem - 80px);} #index_page article #outline {display:flex;justify-content:space-between;margin:0 auto;padding:50px 30px;} #index_page article #outline > div:nth-of-type(1) {width:calc(4rem + 50px);border-right:1px solid #ddd;} #index_page article #outline h2 {writing-mode:vertical-rl;} #index_page article #outline > div:nth-of-type(2) {width:calc(100% - 4rem - 80px);} #index_page article #outline dl {} #index_page article #outline dl dt {font-size:0.875rem;line-height:1.6;padding:0 0 10px 0;} #index_page article #outline dl dd {font-size:0.875rem;line-height:1.6;padding:0 0 30px 0;} #news_page article {padding:0 30px;} #news_page article #news_index {} #news_page article #news_index > ul {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;} #news_page article #news_index > ul li {margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #ddd;width:calc(50% - 10px);} #news_page article #news_index > ul li div {font-size:0.875rem;line-height:1.5;margin:0 0 5px 0;} #news_page article #news_index > ul li h3 {font-size:1.0rem;line-height:1.5;margin:0 0 5px 0;} #news_page article #news_index > ul li p {font-size:0.813rem;line-height:1.5;} #news_page article #layout {} #news_page article #news_detail {margin:0 0 50px 0;padding:0 0 50px 0;border-bottom:1px solid #ddd;} #news_page article #news_detail .date {font-size:0.875rem;line-height:1.6;margin:0 0 30px 0;} #news_page article #news_detail h2 {font-size:1.25rem;line-height:1.5;margin:0 0 30px 0;} #news_page article #news_detail p {font-size:0.875rem;line-height:1.8;margin:0 0 30px 0;} #news_page article #archives {} #news_page article #archives ul {list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;} #news_page article #archives ul li {margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px solid #ddd;width:calc(50% - 10px);} #news_page article #archives ul li > div {font-size:0.875rem;line-height:1.5;margin:0 0 5px 0;} #news_page article #archives ul li h3 {font-size:1.0rem;line-height:1.5;margin:0 0 5px 0;} #news_page article #archives ul li h3 a {text-decoration:none;} #news_page article #archives ul li h3 a:hover {text-decoration:underline;} #news_page article #archives ul li p {font-size:0.813rem;line-height:1.5;margin:0;} #inquiry_page article {padding:0 30px;} #inquiry_page article #inquiry {} #inquiry_page article #inquiry h2 {font-size:1.5rem;margin:0 0 30px 0;} #inquiry_page article #inquiry p {margin:0 0 30px 0;font-size:0.875rem;line-height:1.5;} #inquiry_page article #inquiry ul.error {padding:20px 20px 10px 50px;margin:0 0 30px 0;text-align:left;border:1px solid #c00;border-radius:5px;color:#c00;} #inquiry_page article #inquiry ul.error li {font-size:1.0rem;line-height:1.6;margin:0px 0px 5px 0px;} #inquiry_page article #inquiry dl {text-align:left;margin:0 0 30px 0;} #inquiry_page article #inquiry dl dt {font-size:0.875rem;line-height:1.4;margin:0px 0px 10px 0px;} #inquiry_page article #inquiry dl.preview dt {border-bottom:1px solid #eee;padding:0 0 10px 0;} #inquiry_page article #inquiry dl dt span {display:inline-block;font-size:0.75rem;line-height:1;margin:0 0 0 5px;padding:2px 2px;background:#c00;color:#fff;} #inquiry_page article #inquiry dl dd {font-size:1.0rem;line-height:1.4;padding:0 0 20px 0px;} #inquiry_page article #inquiry dl.preview dd {margin:0 0 15px 0;} #inquiry_page article #inquiry dl dd input:not([type="checkbox"]), #inquiry_page article #inquiry dl dd select {font-size:1.0rem;padding:10px 10px;width:100%;} #inquiry_page article #inquiry dl dd textarea {font-size:1.0rem;padding:10px 10px;width:100%;height:10rem;} #inquiry_page article #inquiry dl dd #postal-code {width:40%;margin:0 5px 0 0;} #inquiry_page article #inquiry dl dd #date {width:40%;margin:0 5px 0 0;} #inquiry_page article #inquiry dl dd #days {width:20%;margin:0 5px 0 5px;} #inquiry_page article #inquiry dl dd #persons {width:20%;margin:0 5px 0 0;} #inquiry_page article #inquiry dl dd #persons_children {width:20%;margin:0 5px 0 5px;} #inquiry_page article #inquiry dl dd button {display:inline-block;font-size:0.875rem;line-height:1;background:#eee;border:1px solid #999;padding:15px 20px;color:#333;text-decoration:none;border-radius:2px;} #inquiry_page article #inquiry dl dd button:hover {background:#ddd;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.2);} #inquiry_page article #inquiry dl dd ul {list-style:none;} #inquiry_page article dl dd ul li {font-size:0.875rem;line-height:1.3;margin:0 0 10px 0;} #inquiry_page article #inquiry .buttons {text-align:center;} #inquiry_page article #inquiry .buttons button {display:inline-block;font-size:1.25rem;line-height:1;background:#c60;border:0;padding:25px 100px;color:#fff;text-decoration:none;border-radius:5px;} #inquiry_page article #inquiry .buttons button.button_back {background:#ccc;} #inquiry_page article #inquiry .buttons button:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} #inquiry_page article #inquiry .buttons button.button_back:hover {color:#ddd;background:#999;} footer {width:100%;text-align:center;padding:30px 0;} footer nav {} footer nav ul:nth-of-type(1) {list-style:none;display:flex;justify-content:space-between;margin:0 auto 50px auto;padding:0 30px;} footer nav ul:nth-of-type(1) li {width:calc(100% / 5 - 10px);font-size:1rem;color:#c60;} footer nav ul:nth-of-type(1) li a {display:block;color:#333;text-decoration:none;padding:0 0 20px 0;position:relative;} footer nav ul:nth-of-type(1) li a:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ccc;transition:0.2s;} footer nav ul:nth-of-type(1) li a:hover {color:#c60;} footer nav ul:nth-of-type(1) li a:hover:after {bottom:-4px;height:4px;background:#c60;} footer nav ul:nth-of-type(2) {padding:0 0 30px 0;list-style:none;margin:0 auto;display:flex;justify-content:center;} footer nav ul:nth-of-type(2) li {margin:0 0 10px 0;font-size:1.0rem;line-height:1.5;padding:0 15px;} footer nav ul:nth-of-type(2) li a {display:block;width:20rem;padding:15px 0;text-decoration:none;color:#fff;background:#c60;border-radius:5px;} footer nav ul:nth-of-type(2) li a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} footer #address {} footer #address address {font-style:normal;} footer #address address .address {font-size:1.0rem;line-height:1.5;} footer #address address .address br {display:none;} footer #address address .tel {font-size:2rem;line-height:1.5;margin:0;} footer #address address .time {font-size:1rem;line-height:1.5;} #copyright {background:#333;color:#fff;font-size:0.813rem;padding:15px 0;} #goto_pagetop {position:fixed;bottom:15px;right:-50px;text-indent:-9999px;z-index:500;} #goto_pagetop a {width:50px;height:50px;display:block;background:rgba(204,102,0,0.3);position:relative;transition:0.2s ease-in-out;} #goto_pagetop a:after {content:"";display:block;position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:-7px;width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(45deg);} #goto_pagetop a:hover {background:rgba(204,102,0,0.9);position:relative;} #goto_pagetop a:hover:after {content:"";display:block;position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:-7px;width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(45deg);} #drawer {display:none;} } /* ======================================================= */ @media (min-width:1024px) { * {font-family:ten-mincho-text, serif;font-weight:400;font-style: normal;} *:lang(zh_TW) {font-family:'Noto Sans TC', sans-serif;} *:lang(zh_CN) {font-family:'Noto Sans SC', sans-serif;} *:lang(ko) {font-family:'Noto Sans KR', sans-serif;} body {color:#333;text-align:center;position:relative;} a {color:#af7a44;text-decoration:underline;transition:0.2s ease-in-out;} a:hover {color:#a04e05;text-decoration:none;} img {width:100%;height:auto;border:0px;vertical-align:bottom;} #gmap img {max-width:none;} button {cursor:pointer;transition:0.2s ease-in-out;} #nav_opener {display:none;} #bulletin {background:#000;color:#fff;} #bulletin > div {width:1000px;margin:0 auto;display:flex;justify-content:flex-start;align-items:center;font-size:1.0rem;line-height:1.5;padding:10px 0;} #bulletin .button {padding:0 15px 0 0;white-space:nowrap;} #bulletin .button a {} #bulletin .txt {white-space:nowrap;overflow:hidden;text-overflow:clip;display:none;} #bulletin .texts {list-style:none;} #index_header {position:absolute;z-index:10;width:100%;padding:30px 0;} #index_header > div {width:1000px;height:100vh;margin:0 auto;position:relative;} #index_header #logo {position:absolute;left:50%;top:50%;width:500px;filter:drop-shadow(0 0 10px rgba(0,0,0,1));transform:translate(-50%, -50%);} #index_header .inquire {position:absolute;right:0;top:0;} #index_header .inquire a {display:inline-block;padding:8px 30px;text-decoration:none;color:#fff;background:#af7a44;border-radius:5px;font-size:1rem;line-height:1.5;} #index_header .inquire a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} #header {padding:30px 0;} #header > div {width:1000px;margin:0 auto;display:flex;justify-content:space-between;} #header #logo {width:300px;} #header .inquire {} #header .inquire a {display:inline-block;padding:8px 30px;text-decoration:none;color:#fff;background:#af7a44;border-radius:5px;font-size:1rem;line-height:1.5;} #header .inquire a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} #global_nav {} article {padding:0;text-align:left;width:1000px;margin:50px auto 50px auto;} article:after {content:'';display:block;clear:both;} .scroll-up{opacity:0;transform:translateY(100px);transition:all 0.5s;} .scroll-up.done {opacity:1;transform:translate(0,0);} article section {} article h1 {font-size:3.0rem;line-height:1;margin:0 0 50px 0;padding:0 0 50px 0;text-align:center;position:relative;} article h1:after {content:"";display:block;position:absolute;width:80px;height:3px;background:#333;left:calc(50% - 40px);bottom:0px;} article h2 {font-size:5rem;line-height:1.3;margin-top:-20px;} article h3 {font-size:1.5rem;line-height:1.5;margin:0 0 15px 0;} article h4 {font-size:1.25rem;line-height:1.5;margin:0 0 10px 0;} article p {font-size:1rem;line-height:2;margin:0 0 30px 0;letter-spacing:-0.02rem;} #index_page article {width:100%;padding:0;margin:0 auto;} #index_page article .video {position:relative;width:100%;padding-top:56.25%;} #index_page article .video iframe {position: absolute;top:0;right:0;width:100% !important;height: 100% !important;} #index_page article .title {font-size:1.5rem;line-height:1;margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid #af7a44;color:#af7a44;} #index_page article .relative {list-style:none;font-size:1rem;line-height:1.5;margin:30px 0 0 0;padding:30px 0 0 0;border-top:1px solid #ddd;} #index_page article .relative li:not(:last-child) {margin:0 0 10px 0;} #index_page article .relative a {display:inline-block;text-decoration:none;position:relative;padding:5px 5px;background:rgba(255,226,0,1);color:#333;} #index_page article .relative a:after {content:"";display:block;position:absolute;bottom:0;left:0;transition:all .3s ease;width:0;height:100%;background:rgba(0,0,0,1);z-index:-1;opacity:0;} #index_page article .relative a:hover {background:none;color:#fff;} #index_page article .relative a:hover:after {width:100%;opacity:1;} #index_page article .title_video {font-size:1.125rem;line-height:1;margin:30px 0 15px 0;padding:30px 0 0 0;border-top:1px solid #ddd;} #index_page article #onsen {height:150vh;background:url(/img/visual/1.jpg) no-repeat bottom center;background-size:cover;color:#fff;} #index_page article #onsen > div {width:1000px;height:100%;margin:0 auto;padding:50px 0;display:flex;justify-content:flex-end;align-items:flex-end;} #index_page article #onsen > div > div {width:480px;} #index_page article #onsen h2 {font-size:3.5rem;margin:0 0 20px 0;text-shadow:0 0 10px rgba(0,0,0,1);} #index_page article #onsen h2 br {display:none;} #index_page article #onsen p {text-shadow:0 0 10px rgba(0,0,0,1);} #index_page article #onsen .relative {border-color:rgba(255,255,255,0.3);} #index_page article #namahage {background:#000;color:#fff;} #index_page article #namahage > div {display:flex;justify-content:space-between;flex-direction:row-reverse;} #index_page article #namahage > div > div:nth-of-type(1) {width:50%;overflow:hidden;} #index_page article #namahage > div > div:nth-of-type(1) img {width:auto;height:100%;} #index_page article #namahage > div > div:nth-of-type(2) {width:calc(50% - 20px);display:flex;justify-content:flex-end;} #index_page article #namahage > div > div:nth-of-type(2) > div {width:480px;padding:50px 0;} #index_page article #namahage h2 {font-size:3.5rem;margin:0 0 20px 0;} #index_page article #namahage .relative {border-color:rgba(255,255,255,0.3);} #index_page article #namahage .relative a:after {background:#fff;} #index_page article #namahage .relative a:hover {color:#333;} #index_page article #namahage .title_video {border-color:rgba(255,255,255,0.3);} #index_page article #ishiyaki {} #index_page article #ishiyaki > div {display:flex;justify-content:space-between;padding:50px 0;} #index_page article #ishiyaki > div > div:nth-of-type(1) {width:50%;overflow:hidden;display:flex;justify-content:flex-end;} #index_page article #ishiyaki > div > div:nth-of-type(1) img {width:auto;height:100%;max-height:800px;} #index_page article #ishiyaki > div > div:nth-of-type(2) {width:calc(50% - 20px);} #index_page article #ishiyaki > div > div:nth-of-type(2) > div {width:480px;} #index_page article #ishiyaki h2 {font-size:3.5rem;margin:0 0 20px 0;} #index_page article #tourism {background:#77C3EC;color:#fff;} #index_page article #tourism > div {width:1000px;margin:0 auto;padding:50px 0;display:flex;justify-content:space-between;flex-direction:row-reverse;} #index_page article #tourism > div > div:nth-of-type(1) {width:calc(50% - 30px);} #index_page article #tourism > div > div:nth-of-type(1) ul {list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;} #index_page article #tourism > div > div:nth-of-type(1) ul li {width:calc(50% - 2.5px);margin:0 0 5px 0;} #index_page article #tourism > div > div:nth-of-type(1) ul li a {display:block;} #index_page article #tourism > div > div:nth-of-type(1) ul li a:hover {opacity:0.5;} #index_page article #tourism > div > div:nth-of-type(2) {width:50%;} #index_page article #tourism .title {color:#0071ba;border-color:#0071ba;} #index_page article #tourism h2 {font-size:3.5rem;margin:0 0 20px 0;} #index_page article #tourism .relative {border-color:rgba(255,255,255,0.3);} #index_page article #banners {margin:0 auto;padding:50px 0 0 0;} #index_page article #banners ul {list-style:none;} #index_page article #banners ul li a {display:block;} #index_page article #banners ul li a:hover {opacity:0.5;} #index_page article #news {display:flex;justify-content:space-between;width:1000px;margin:0 auto;padding:50px 0;} #index_page article #news > div:nth-of-type(1) {width:calc(30% - 70px);border-right:1px solid #ddd;} #index_page article #news h2 {margin:0 0 30px 0;} #index_page article #news > div:nth-of-type(2) {width:70%;} #index_page article #news ul {list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;} #index_page article #news ul li {width:calc(50% - 20px);margin:0 0 30px 0;} #index_page article #news ul li a {text-decoration:none;} #index_page article #news ul li a:hover {text-decoration:underline;} #index_page article #news ul li > div {display:flex;justify-content:space-between;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #ddd;} #index_page article #news ul li h3 {font-size:1rem;line-height:1.5;margin:0 0 10px 0;} #index_page article #news ul li p {font-size:0.875rem;line-height:1.6;margin:0 0 10px 0;} #index_page article #news .all a {display:inline-block;padding:8px 30px;text-decoration:none;color:#fff;background:#af7a44;border-radius:5px;font-size:1.0rem;line-height:1.5;} #index_page article #news .all a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} #index_page article #accommodations {display:flex;justify-content:space-between;width:1000px;margin:0 auto;flex-direction:row-reverse;padding:50px 0;} #index_page article #accommodations > div:nth-of-type(1) {width:calc(30% - 70px);border-left:1px solid #ddd;text-align:right;} #index_page article #accommodations > div:nth-of-type(2) {width:70%;} #index_page article #accommodations #hotels {list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 0 30px 0;} #index_page article #accommodations #hotels li {width:calc(100% / 2 - 5px);margin:0 0 30px 0;text-align:center;} #index_page article #accommodations #hotels li:last-child {margin:0;} #index_page article #accommodations #hotels li a {text-decoration:none;color:#333;display:block;} #index_page article #accommodations #hotels li a:hover {opacity:0.5;} #index_page article #accommodations #hotels li h3 {margin:10px 0 0 0;} #index_page article #accommodations #hotels li div.address {font-size:0.875rem;line-height:1.5;margin:0 0 5px 0;} #index_page article #accommodations #hotels li div.tel {font-size:1.0rem;line-height:1.5;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri {background:#fff4e1;padding:30px 30px;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div:nth-of-type(1) {display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row-reverse;align-items:flex-start;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div:nth-of-type(1) div:nth-of-type(1) {width:40%;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div:nth-of-type(1) div:nth-of-type(2) {width:calc(60% - 20px);} #index_page article #accommodations > div:nth-of-type(2) #yumeguri h3 {margin:0 0 5px 0;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri h4 {margin:0 0 15px 0;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri p {line-height:1.6;margin:0 0 15px 0;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri ul {margin:0 0 0 25px;font-size:0.875rem;line-height:1.5;} #index_page article #accommodations > div:nth-of-type(2) #yumeguri > div.caution {color:#c00;font-size:1rem;line-height:1.6;margin:30px 0 0 0;padding:15px 0 0 0;border-top:1px solid #c00;} #index_page article #access {display:flex;justify-content:space-between;width:1000px;margin:0 auto;padding:50px 0;} #index_page article #access > div:nth-of-type(1) {width:calc(30% - 70px);border-right:1px solid #ddd;} #index_page article #access > div:nth-of-type(2) {width:70%;} #index_page article #access > div:nth-of-type(2) img {margin:0 0 30px 0;} #index_page article #access > div:nth-of-type(2) .link {margin:0 0 30px 25px;} #index_page article #access > div:nth-of-type(2) .link li {font-size:0.875rem;line-height:1.6;margin:0 0 5px 0;} #index_page article #access > div:nth-of-type(2) .time {margin:0 0 30px 25px;} #index_page article #access > div:nth-of-type(2) .time li {font-size:0.875rem;line-height:1.6;margin:0 0 5px 0;} #index_page article #access > div:nth-of-type(2) .sunset_bus {border-top:1px solid #ddd;padding:30px 0 0 0;margin:30px 0 0 0;} #index_page article #access > div:nth-of-type(2) .sunset_bus ul {margin:0 0 30px 25px;} #index_page article #access > div:nth-of-type(2) .sunset_bus ul li {font-size:0.875rem;line-height:1.6;margin:0 0 5px 0;} #gmap {width:100%;margin:0 0 30px 0;} #gmap iframe {width:100%;height:360px;vertical-align:bottom;border:0;background-color:transparent;overflow:hidden;} #gmap iframe, #gmap object, #gmap embed {filter:grayscale(100%);transition:all 0.7s ease;} #gmap iframe:hover, #gmap object:hover, #gmap embed:hover {filter:grayscale(0%);} #index_page article #history {display:flex;justify-content:space-between;width:1000px;margin:0 auto;flex-direction:row-reverse;padding:50px 0;} #index_page article #history > div:nth-of-type(1) {width:calc(30% - 70px);border-left:1px solid #ddd;text-align:right;} #index_page article #history > div:nth-of-type(2) {width:70%;} #index_page article #outline {display:flex;justify-content:space-between;width:1000px;margin:0 auto;padding:50px 0;} #index_page article #outline > div:nth-of-type(1) {width:calc(30% - 70px);border-right:1px solid #ddd;} #index_page article #outline h2 {} #index_page article #outline > div:nth-of-type(2) {width:70%;} #index_page article #outline dl {} #index_page article #outline dl dt {width:100px;float:left;clear:left;font-size:1.0rem;line-height:1.6;padding:0 0 20px 0;} #index_page article #outline dl dd {margin-left:150px;font-size:1.0rem;line-height:1.6;padding:0 0 20px 0;} #news_page article {} #news_page article #news_index {} #news_page article #news_index > ul {list-style:none;} #news_page article #news_index > ul li {margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #ddd;} #news_page article #news_index > ul li div {font-size:0.875rem;line-height:1.6;margin:0 0 5px 0;} #news_page article #news_index > ul li h3 {font-size:1.0rem;line-height:1.6;margin:0 0 5px 0;} #news_page article #news_index > ul li p {font-size:0.875rem;line-height:1.8;} #news_page article #layout {display:flex;justify-content:space-between;} #news_page article #news_detail {width:640px;} #news_page article #news_detail .date {font-size:1.0rem;line-height:1.6;margin:0 0 30px 0;} #news_page article #news_detail h2 {font-size:1.5rem;line-height:1.5;margin:0 0 30px 0;} #news_page article #news_detail p {font-size:1.0rem;line-height:1.8;margin:0 0 30px 0;} #news_page article #archives {width:300px;} #news_page article #archives ul {list-style:none;} #news_page article #archives ul li {margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px solid #ddd;} #news_page article #archives ul li > div {font-size:0.875rem;line-height:1.5;margin:0 0 5px 0;} #news_page article #archives ul li h3 {font-size:1.0rem;line-height:1.5;margin:0 0 5px 0;} #news_page article #archives ul li h3 a {text-decoration:none;} #news_page article #archives ul li h3 a:hover {text-decoration:underline;} #news_page article #archives ul li p {font-size:0.813rem;line-height:1.5;margin:0;} #inquiry_page article {} #inquiry_page article #inquiry {} #inquiry_page article #inquiry h2 {font-size:1.5rem;margin:0 0 30px 0;} #inquiry_page article #inquiry p {margin:0 0 30px 0;} #inquiry_page article #inquiry ul.error {padding:30px 30px 20px 60px;margin:0 0 50px 0;text-align:left;border:1px solid #c00;border-radius:5px;color:#c00;} #inquiry_page article #inquiry ul.error li {font-size:1.0rem;line-height:1.6;margin:0px 0px 10px 0px;} #inquiry_page article #inquiry dl {text-align:left;margin:40px 50px 30px 50px;} #inquiry_page article #inquiry dl:after {content:'';clear:both;display:block;} #inquiry_page article #inquiry dl dt {font-size:1.0rem;line-height:1.4;margin:0px 0px 10px 0px;padding:10px 0px 20px 0px;float:left;clear:left;width:200px;} #inquiry_page article #inquiry dl.preview dt {border-bottom:1px solid #eee;} #inquiry_page article #inquiry dl dt span {display:inline-block;font-size:0.75rem;line-height:1;margin:0 0 0 5px;padding:2px 2px;background:#c00;color:#fff;} #inquiry_page article #inquiry dl dd {font-size:1.0rem;line-height:1.4;padding:0 0 20px 0px;margin-left:200px;} #inquiry_page article #inquiry dl.preview dd {border-bottom:1px solid #eee;padding:10px 0 20px 0px;margin:0px 0px 10px 0px;} #inquiry_page article #inquiry dl dd input:not([type="checkbox"]), #inquiry_page article #inquiry dl dd select {font-size:1.0rem;padding:10px 10px;width:100%;} #inquiry_page article #inquiry dl dd textarea {font-size:1.0rem;padding:10px 10px;width:100%;height:10rem;} #inquiry_page article #inquiry dl dd #postal-code {width:40%;margin:0 5px 0 0;} #inquiry_page article #inquiry dl dd #date {width:40%;margin:0 5px 0 0;} #inquiry_page article #inquiry dl dd #days {width:20%;margin:0 5px 0 5px;} #inquiry_page article #inquiry dl dd #persons {width:20%;margin:0 5px 0 0;} #inquiry_page article #inquiry dl dd #persons_children {width:20%;margin:0 5px 0 5px;} #inquiry_page article #inquiry dl dd button {display:inline-block;font-size:0.875rem;line-height:1;background:#eee;border:1px solid #999;padding:15px 20px;color:#333;text-decoration:none;border-radius:2px;} #inquiry_page article #inquiry dl dd button:hover {background:#ddd;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.2);} #inquiry_page article #inquiry dl dd ul {list-style:none;} #inquiry_page article dl dd ul li {font-size:0.875rem;line-height:1.3;margin:0 0 10px 0;} #inquiry_page article #inquiry .buttons {text-align:center;} #inquiry_page article #inquiry .buttons button {display:inline-block;font-size:1.25rem;line-height:1;background:#c60;border:0;padding:25px 100px;color:#fff;text-decoration:none;border-radius:5px;} #inquiry_page article #inquiry .buttons button.button_back {background:#ccc;} #inquiry_page article #inquiry .buttons button:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} #inquiry_page article #inquiry .buttons button.button_back:hover {color:#ddd;background:#999;} footer {width:100%;text-align:center;padding:30px 0;} footer nav {} footer nav ul:nth-of-type(1) {list-style:none;display:flex;justify-content:space-between;width:1000px;margin:0 auto 50px auto;} footer nav ul:nth-of-type(1) li {width:calc(100% / 5 - 10px);font-size:1.125rem;color:#c60;} footer nav ul:nth-of-type(1) li a {display:block;color:#333;text-decoration:none;padding:0 0 20px 0;position:relative;} footer nav ul:nth-of-type(1) li a:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ccc;transition:0.2s;} footer nav ul:nth-of-type(1) li a:hover {color:#c60;} footer nav ul:nth-of-type(1) li a:hover:after {bottom:-4px;height:4px;background:#c60;} footer nav ul:nth-of-type(2) {padding:0 0 30px 0;list-style:none;width:1000px;margin:0 auto;display:flex;justify-content:center;} footer nav ul:nth-of-type(2) li {margin:0 0 10px 0;font-size:1.0rem;line-height:1.5;padding:0 15px;} footer nav ul:nth-of-type(2) li a {display:block;width:20rem;padding:15px 0;text-decoration:none;color:#fff;background:#c60;border-radius:5px;} footer nav ul:nth-of-type(2) li a:hover {background:#a04e05;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1);} footer #address {} footer #address address {font-style:normal;} footer #address address .address {font-size:1.0rem;line-height:1.5;} footer #address address .address br {display:none;} footer #address address .tel {font-size:2rem;line-height:1.5;margin:0;} footer #address address .time {font-size:1rem;line-height:1.5;} #copyright {background:#333;color:#fff;font-size:0.813rem;padding:15px 0;} #goto_pagetop {position:fixed;bottom:15px;right:-50px;text-indent:-9999px;z-index:500;} #goto_pagetop a {width:50px;height:50px;display:block;background:rgba(204,102,0,0.3);position:relative;transition:0.2s ease-in-out;} #goto_pagetop a:after {content:"";display:block;position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:-7px;width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(45deg);} #goto_pagetop a:hover {background:rgba(204,102,0,0.9);position:relative;} #goto_pagetop a:hover:after {content:"";display:block;position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:-7px;width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(45deg);} #drawer {display:none;} } /* ======================================================= */ @media (max-width:560px){ [off-canvas*=left] {width:calc(100% - 60px);height:100%;top:0;left:0;} } @media screen and (min-width:561px) and (max-width:1023px) { [off-canvas*=left] {width:50%;height:100%;top:0;left:0;} } @media screen and (max-width:1024px) { /*! * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars * Version:2.0.2 * Url:http://www.adchsm.com/slidebars/ * Author:Adam Charles Smith * Author url:http://www.adchsm.com/ * License:MIT * License url:http://www.adchsm.com/slidebars/license/ */ /* Box Model, Html & Body */ html, body, [canvas=container], [off-canvas] {margin:0;padding:0;box-sizing:border-box;} /*html, body {width:100%;height:100%;overflow:hidden;}*/ [canvas] {z-index:1;} [canvas=container] {width:100%;height:100%;overflow-y:auto;position:relative;background-color:white;-webkit-overflow-scrolling:touch;} [canvas=container]:before, [canvas=container]:after {clear:both;content:'';display:table;} /* Off-Canavs */ [off-canvas] {display:none;position:fixed;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch; /* Basic background color, overwrite this in your own css. */ background:#fff; color:#222; } [off-canvas] a {color:#fff;} [off-canvas*=top] {width:100%;height:255px;top:0;} [off-canvas*=right] {width:255px; height:100%;top:0;right:0;} [off-canvas*=bottom] {width:100%;height:255px;bottom:0;} [off-canvas*=reveal] {z-index:0;} [off-canvas*=push] {z-index:1;} [off-canvas*=overlay] {z-index:9999;} [off-canvas*=shift] {z-index:0;} /* Animation */ [canvas], [off-canvas] {/*transform:translate( 0px, 0px );*/transition:transform 300ms;-webkit-backface-visibility:hidden;} [off-canvas*=shift][off-canvas*=top] {transform:translate( 0px, 50% );} [off-canvas*=shift][off-canvas*=right] {transform:translate( -50%, 0px );} [off-canvas*=shift][off-canvas*=bottom] {transform:translate( 0px, -50% );} [off-canvas*=shift][off-canvas*=left] {transform:translate( 50%, 0px );} } @media print { [canvas] {transform:translate( 0px, 0px ) !important;} [off-canvas] {display:none !important;} } /* ======================================================= */ #imagelightbox{ cursor:pointer;position:fixed;z-index:10000; -ms-touch-action:none;touch-action:none; -webkit-box-shadow:0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */ box-shadow:0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */ } #imagelightbox-loading, #imagelightbox-loading div {border-radius:50%;} #imagelightbox-loading{ width:2.5em; /* 40 */ height:2.5em; /* 40 */ background-color:#444;background-color:rgba( 0, 0, 0, .5 );position:fixed;z-index:10003;top:50%;left:50%;padding:0.625em; /* 10 */ margin:-1.25em 0 0 -1.25em; /* 20 */ -webkit-box-shadow:0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ box-shadow:0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ } #imagelightbox-loading div {width:1.25em; /* 20 */ height:1.25em; /* 20 */ background-color:#fff;-webkit-animation:imagelightbox-loading .5s ease infinite;animation:imagelightbox-loading .5s ease infinite;} @-webkit-keyframes imagelightbox-loading { from { opacity:.5;-webkit-transform:scale( .75 ); } 50% { opacity:1;-webkit-transform:scale( 1 ); } to { opacity:.5;-webkit-transform:scale( .75 ); } } @keyframes imagelightbox-loading { from { opacity:.5;transform:scale( .75 ); } 50% { opacity:1;transform:scale( 1 ); } to { opacity:.5;transform:scale( .75 ); } } #imagelightbox-loading { -webkit-animation:fade-in .25s linear; animation:fade-in .25s linear; } @-webkit-keyframes fade-in { from { opacity:0; } to { opacity:1; } } @keyframes fade-in { from { opacity:0; } to { opacity:1; } } #imagelightbox-overlay {background:rgba(0,0,0,0.5);position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;}