@charset "utf-8";


/*//////////////////////////////////////////////////
共通
//////////////////////////////////////////////////*/

::selection {
	color: #fafafa; background-color: #ca7a2c;
}
::-moz-selection {
	color: #fafafa; background-color: #ca7a2c;
}
@font-face {
    font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100;
}
@font-face {
    font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200;
}
@font-face {
    font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100;
}
@font-face {
    font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200;
}
@font-face {
    font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300;
}
@font-face {
    font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400;
}
@font-face {
    font-family: "Yu Gothic";src: local("Yu Gothic Bold"); font-weight: bold;
}
html {
	width: 100%; height: 100%; font-size: 62.5%;
}
body {
	width: 100%; height: 100%; min-width: 1280px;
}
body, input, textarea, select, button {
	font-size: 1.5rem; line-height: 2.0; color: #313131; font-weight: 400; letter-spacing: normal; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; word-break: word-break; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: unset; font-family: "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", Verdana, sans-serif;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    body, input, textarea, select, button {
        -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    }
}
main, img {
	display: block;
}
input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="button"], select, button {
    cursor: pointer;
}
input, textarea, select, button {
	-webkit-transition: all .4s; transition: all .4s; outline: 0;
}
::-webkit-input-placeholder {
    color: #757575;
}
:-ms-input-placeholder {
    color: #757575;
}
::-moz-placeholder {
    color: #757575;
}
a {
	text-decoration: none; -webkit-transition: all .4s; transition: all .4s;
}
a:link, a:visited, a:hover {
	color: #313131;
}
.min {
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", serif;
}
.x-lg {
    font-size: 2.4rem;
}
.lg {
    font-size: 1.8rem;
}
.sm {
    font-size: 1.4rem;
}
.x-sm {
    font-size: 1.2rem;
}
.b {
    font-weight: bold;
}
.it {
    font-style: italic;
}
.cf:after {
	content: " "; display: block; clear: both;
}
.color-orange {
    color: #ca7a2c!important;
}

@media only screen and (min-width: 960px) {
    .hover-1 {
        -webkit-transition: all .4s; transition: all .4s;
    }
    .hover-1:hover {
        opacity: .8;
    }
}
main{
	 padding-top: 130px;
}

/*//////////////////////////////
ローディング
//////////////////////////////*/

.loader {
    width: 100%; height: 100vh; background-color: #fff; position: fixed; z-index: 20;
}
.loader .loader-inner {
    position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.loader .loader-inner div {
    background-color: #ca7a2c;
}


/*//////////////////////////////////////////////////
Fix背景（Fade）
//////////////////////////////////////////////////*/

.fade-back {padding-top: 150px;
    width: 100%; height: 100vh; position: fixed; z-index: 1; background-image: url("../img/common/common_fade-back-1.jpg"); background-size: cover; background-position: top center; /*opacity: .4;*/
}
.fade-back-2 {
    background-image: url("../img/common/common_fade-back-2.jpg"); display: none;
}
.fade-back-3 {
    background-image: url("../img/common/common_fade-back-3.jpg"); display: none;
}
.fade-back-4 {
    background-image: url("../img/common/common_fade-back-4.jpg"); display: none;
}
.fade-back-5 {
    background-image: url("../img/common/common_fade-back-5.jpg"); display: none;
}
.fade-back-1-guestroom {
    background-image: url("../img/guestroom/guestroom_fade-back-1.jpg");
}
.fade-back-2-guestroom {
    background-image: url("../img/guestroom/guestroom_fade-back-2.jpg"); display: none;
}
.fade-back-3-guestroom {
    background-image: url("../img/guestroom/guestroom_fade-back-3.jpg"); display: none;
}
.fade-back-4-guestroom {
    background-image: url("../img/guestroom/guestroom_fade-back-4.jpg"); display: none;
}
.fade-back-1-facilities {
    background-image: url("../img/facilities/facilities_fade-back-1.jpg");
}
.fade-back-2-facilities {
    background-image: url("../img/facilities/facilities_fade-back-2.jpg"); display: none;
}
.fade-back-3-facilities {
    background-image: url("../img/facilities/facilities_fade-back-3.jpg"); display: none;
}
.fade-back-1-cuisine {
    background-image: url("../img/cuisine/cuisine_fade-back-1.jpg");
}
.fade-back-2-cuisine {
    background-image: url("../img/cuisine/cuisine_fade-back-2.jpg"); display: none;
}
.fade-back-3-cuisine {
    background-image: url("../img/cuisine/cuisine_fade-back-3.jpg"); display: none;
}
.fade-back-4-cuisine {
    background-image: url("../img/cuisine/cuisine_fade-back-4.jpg"); display: none;
}
.fade-back::before{
	position: absolute;
	background-color: hsla(0,0%,0%,0.40);
	content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}


/*//////////////////////////////////////////////////
ヘッダー
//////////////////////////////////////////////////*/

header {
    position: fixed; z-index: 10; width: 100%; padding: 30px 0 22px; background-image: url("../img/common/common_tex-1.jpg"); background-position: center; box-shadow: 0 10px 6px hsla(0,0%,0%,0.30);
}
header .tex-bottom {
    position: absolute; bottom: -8px; width: 100%; height: 8px; background-image: url("../img/common/common_tex-1-bottom.png");
}
header .inner {
    width: 1200px; margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .inner::after {
   content: none;
}

header h1 {
    float: left; position: relative;
}
header h1 .deco {
    position: absolute; z-index: 1; top: -32px; left: -64px; width: 150px; height: 132px; background-image: url("../img/common/common_deco-1.png");
}
header h1 a {
    display: block; position: relative; z-index: 2;
}
header nav {
   margin: 0;
}

header nav ul{
	width: 570px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header nav li {
     margin: 0;
}
header nav .active, header nav a {
    display: block; height: 80px; overflow: hidden;
}
header nav .active img, header nav a img {
    position: relative; top: 0;
}
header .bnr-wrap::after {
   content: none;
}
/*header .bnr-wrap a:nth-of-type(1) {
    display: block; margin: 0 0 8px;
}*/
header .wifi {
    background-color: #1322b3;
	padding: 10px 5px;
	width: 205px;
}
header .wifi img{
	display: table;
	margin: 0 auto;
}
.gnav_tel{
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.5em;
	display: flex;
	align-items: center;
}
.gnav_tel::before{
	content:"";
	background: url("../img/common/icon_tel.svg")no-repeat;
	display: inline-block;
	height: 30px;
	width: 30px;
	margin-right: 8px;
}



@media only screen and (min-width: 960px) {
    header nav .active img, header nav a:hover img {
        top: -80px;
    }
    header .bnr-wrap a img {
        -webkit-transition: all .4s; transition: all .4s;
    }
    header .bnr-wrap a:hover img {
        opacity: .64;
    }
	    article a img {
        -webkit-transition: all .4s; transition: all .4s;
    }
	    article a:hover img {
        opacity: .64;
    }
}


/*//////////////////////////////////////////////////
フッター
//////////////////////////////////////////////////*/

footer {
    padding: 80px 0 0; position: relative; z-index: 2;
}
footer .plan-bnr {
    display: block; width: 960px; margin: 0 auto;
}
footer .sitemap {
    margin: 80px 0 0;
}
footer .sitemap .inner {
    background-image: url("../img/common/common_tex-2.jpg"); padding: 0 0 48px;
}
footer .sitemap .deco {
    width: 100%; height: 126px; background-image: url("../img/common/common_footer-deco.png"); background-position: center;
}
footer .sitemap nav {
    text-align: center;
}
footer .sitemap nav li {
    display: inline-block; margin: 0 20px;
}
footer .sitemap nav .arrow {
    display: inline-block; width: 16px; height: 16px; background-image: url("../img/common/common_arrow.png"); margin: 0 8px 0 0; position: relative; top: 1px;
}
footer .sitemap nav a {
    color: #fafafa; display: inline-block;
}
footer .sitemap .info {
    text-align: center; color: #fafafa;
}
footer .sitemap .info h4 {
    width: 220px; margin: 32px auto 16px;
}
footer .copy {
    background-image: url("../img/common/common_tex-1.jpg"); position: relative; text-align: center; padding: 8px 0 12px;
}
footer .copy .tex-top {
    position: absolute; top: -8px; width: 100%; height: 8px; background-image: url("../img/common/common_tex-1-top.png");
}
footer .copy a {
    display: inline-block; margin: 0 4px 0 0; vertical-align: text-top;
}
footer .pagetop {
    display: none; background-image: url("../img/common/common_pagetop.png"); width: 48px; height: 48px; border-radius: 100%; box-shadow: 0 0 4px 4px rgba(0,0,0,.08); position: fixed; z-index: 10; right: 80px; bottom: 80px; cursor: pointer; -webkit-transition: all .4s; transition: all .4s;
}

@media only screen and (min-width: 960px) {
    footer .sitemap nav a:hover {
        opacity: .64;
    }
    footer .pagetop:hover {
        box-shadow: none; opacity: .64;
    }
}


/*//////////////////////////////////////////////////
01.トップ
//////////////////////////////////////////////////*/

#index{background: #e7d2b0;}
.slider {
    width: 100%; height: 480px; position: relative; z-index: 2; overflow: hidden;
}
.slider .swiper-container {
    width: 3600px; height: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.swiper-slide {
    overflow: hidden;
}
.swiper-pagination-bullet {
    background-color: #fff; opacity: 1; outline: none; width: 8px; height: 8px; position: relative; bottom: 4px;
}
.swiper-pagination-bullet-active {
    background-color: #ca7a2c;
}

.common-spacer-1 {
    width: 100%; position: relative; z-index: 3; bottom: 8px;
}
.common-spacer-1 .top {
    height: 8px; background-image: url("../img/common/common_tex-1-top.png"); 
}
.common-spacer-1 .middle {
    height: 16px; background-image: url("../img/common/common_tex-1.jpg");
}
.common-spacer-1 .bottom {
    height: 8px; background-image: url("../img/common/common_tex-1-bottom.png");
}

.top-intro {
    padding: 64px 0 30px; text-align: center;
}
.top-intro article {
    position: relative; z-index: 2; width: 960px; margin: 0 auto; padding: 64px 0; background-image: url("../img/common/common_tex-1.jpg");
}
.common-tex-top {
    position: absolute; top: -8px; left: 0; width: 100%; height: 8px; background-image: url("../img/common/common_tex-1-top.png");
}
.common-tex-right {
    position: absolute; top: 0; right: -8px; width: 8px; height: 100%; background-image: url("../img/common/common_tex-1-right.png");
}
.common-tex-left {
    position: absolute; top: 0; left: -8px; width: 8px; height: 100%; background-image: url("../img/common/common_tex-1-left.png");
}
.common-tex-bottom {
    position: absolute; bottom: -8px; left: 0; width: 100%; height: 8px; background-image: url("../img/common/common_tex-1-bottom.png");
}
.content-title-1 {
    width: 100%; position: relative; margin: 0 0 24px; text-align: center;
}
.content-title-1 img:nth-of-type(1) {
    display: inline-block; position: relative; z-index: 2;
}
.content-title-1 .deco {
    position: absolute; z-index: 1; top: -56px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
}

.top-icons {
    position: relative; z-index: 2; width: 1200px; margin: 0 auto; padding: 0 0 70px;
}
.top-icons img {
    float: left; margin: 10px;
}
.top-icons .info {
    float: left; margin: 70px 10px 10px; position: relative; background-image: url("../img/common/common_tex-1.jpg");
    padding: 48px 32px; box-sizing: border-box; width: 280px; height: 200px; line-height: 1.5;
}

.plans {
    position: relative; z-index: 2; background-image: url("../img/common/common_tex-1.jpg"); padding: 80px 0;
}
.plans .tex-top {
    position: absolute; top: -8px; width: 100%; height: 8px; background-image: url("../img/common/common_tex-1-top.png");
}
.plans .tex-bottom {
    position: absolute; bottom: -8px; width: 100%; height: 8px; background-image: url("../img/common/common_tex-1-bottom.png");
}
.plans .plans-wrap {
    width:100%; max-width: 1200px; margin: 40px auto 0;
	display: flex; justify-content: space-between; align-items: center;
}
.plans .plans-wrap .plan_box{
	height: 580px;
}
.plans .plans-wrap article {
    width: 31%; background-color: #fff; padding: 10px 10px 20px; line-height: 1.5; margin: 0 10px; box-sizing: border-box; border-radius: 10px; box-shadow: 0 0 6px hsla(0,0%,0%,0.30);
}
.plans .plans-wrap article .img {
    width: 100%; height: auto; overflow: hidden;
}
.plans .plans-wrap article .img img {
    width: 100%; height: auto; border-radius: 10px;
}
.plans .plans-wrap article .txt {
    width: 96%; min-height: 160px; margin: 0 auto;
}
.plans .plans-wrap article .txt h3 {
    margin: 16px 0 8px; font-weight: bold; font-size: 1.3em; border-bottom: 3px solid #e3e3e3; padding: 10px 0;
}
.plans .plans-wrap article .txt h3 a{
	color: #c56c15;
}
.plans .plans-wrap article .txt p{
	margin-top: 15px; 
}
.plans .plans-wrap article .plan_link_box a {
    display: block; background-image: url("../img/common/common_tex-2.png"); margin: 16px auto 0; padding: 12px 0; width: 200px; border-radius: 10px; color: #fafafa; font-weight: bold; font-size: 1.8rem; text-align: center; box-shadow: 0 0 4px 4px rgba(0,0,0,.08);
}
.plans .plans-wrap article .plan_link_box a .arrow {
    display: inline-block; width: 16px; height: 16px; background-image: url("../img/common/common_arrow.png"); margin: 0 0 0 8px; position: relative; top: 1px;
}

/* todo:宿泊プラン検索 */
.form-area {
    width: 1180px; margin: 40px auto 0; padding: 1px; box-sizing: border-box; background-color: #fff;
}
.form-area h3 {
    float: left;
}
.form-area .plan_form {
    float: left; width: 940px; padding: 28px 0 0 25px; box-sizing: border-box; line-height: 3; position: relative;
}
.form-area .check_in, .form-area .guests, .form-area .type, .form-area .price {
    display: inline-block;
}
.form-area .check_in p, .form-area .guests p, .form-area .type p, .form-area .price p {
    display: inline-block;
}
.form-area .check_in img, .form-area .guests img, .form-area .type img, .form-area .price img {
    display: inline-block; margin: 0 8px 0 0;
}
.form-area input, .form-area select {
    margin: 0 16px 0 0; position: relative; top: -4px;
}
.form-area .select-tanka1 {
    margin: 0;
}
.form-area .search_btn {
    position: absolute; top: 35px; right: 25px; width: 140px; height: 70px; border-radius: 4px; box-shadow: 0 0 4px 4px rgba(0,0,0,.08); display: block; -webkit-transition: all .4s; transition: all .4s; background-image: url("../img/common/common_tex-2.png"); box-sizing: border-box; padding: 4px 4px 0 0;
}
/* end:宿泊プラン検索 */

@media only screen and (min-width: 960px) {
    .plans .plans-wrap article .plan_link_box a:hover {
        background-color: #ca7a2c; box-shadow: none;
    }
    .form-area .search_btn:hover {
        background-color: #ca7a2c; box-shadow: none;
    }
}


/*//////////////////////////////////////////////////
02.客室
//////////////////////////////////////////////////*/

.main-wrap {
    background-image: url("../img/common/common_tex-1.jpg"); position: relative; z-index: 2; padding: 80px 0;
}
.common-spacer-2 {
    width: 100%; position: relative; z-index: 3; bottom: 0;
}
.common-spacer-2 .top {
    height: 8px; background-image: url("../img/common/common_tex-1-top.png"); 
}
.common-spacer-3 {
    width: 100%; position: relative; z-index: 3; bottom: 0;
}
.common-spacer-3 .bottom {
    height: 8px; background-image: url("../img/common/common_tex-1-bottom.png"); 
}
.common-tex-top-2 {
    position: absolute; top: -8px; left: 0; width: 100%; height: 8px; background-image: url("../img/common/common_tex-1-top-white.png");
}
.common-tex-right-2 {
    position: absolute; top: 0; right: -8px; width: 8px; height: 100%; background-image: url("../img/common/common_tex-1-right-white.png");
}
.common-tex-left-2 {
    position: absolute; top: 0; left: -8px; width: 8px; height: 100%; background-image: url("../img/common/common_tex-1-left-white.png");
}
.common-tex-bottom-2 {
    position: absolute; bottom: -8px; left: 0; width: 100%; height: 8px; background-image: url("../img/common/common_tex-1-bottom-white.png");
}

.guestroom-header {
    position: relative; z-index: 2; background-image: url("../img/guestroom/guestroom_header.jpg"); background-size: cover; background-position: center; width: 100%; height: 360px; background: none;
}
.page-title-under {
    position: absolute; z-index: 2; background-image: url("../img/common/common_tex-1.jpg"); padding: 24px 40px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}

.guestroom-intro {
    text-align: center;
}
.guestroom-intro article {
    position: relative; z-index: 2; width: 960px; margin: 0 auto; padding: 40px 0; background-color: #fff;
}
.guestroom-intro article .inner {
    display: flex; justify-content: center; align-items: center; text-align: left;
}
.guestroom-intro article p {
    float: left; width: 500px;
}
.guestroom-intro article hr {
    border: none; height: 126px; border-left: solid 1px #faf1e0; float: left; margin: 24px 40px 0;
}
.guestroom-intro article img {
    float: left; margin: 0;
}
.marker {
    position: relative;
}
.marker::after {
    display: block; position: absolute; z-index: 1; left: 0; bottom: 0; content: ""; width: 100%; height: 100%; background-color: #f9eb91;
}
.marker .txt {
    position: relative; z-index: 2;
}

.guestroom-rooms {
    position: relative; z-index: 2; padding: 80px 0 0;
}
.guestroom-rooms .inner {
    width: 1200px; margin: 0 auto;
}
.guestroom-rooms .inner article {
    margin: 0 0 80px; position: relative; z-index: 2;
}
.guestroom-rooms .inner h4 {
    float: left;
}
.guestroom-rooms .inner .img-1 {
    float: left;
}
.guestroom-rooms .inner .img-2 {
    width: 390px; float: right; line-height: 1.5;
}
.guestroom-rooms .inner .img-2 .min {
    display: inline-block; margin: 24px 0 16px; font-weight: bold;
}

.guestroom-amenity {
    position: relative; z-index: 2; width: 960px; margin: 80px auto 0; padding: 40px 0; background-color: #fff;
}
.guestroom-amenity article {
    position: relative; padding: 40px 40px 24px; box-sizing: border-box; float: left; /*background-image: url("../img/common/common_tex-1.jpg");*/ width: 880px; margin: 0 20px 0 40px; line-height: 1.5; border-radius: 8px;
}
.guestroom-amenity article h3 {
    width: 100%; text-align: center; position: absolute; top: -28px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.guestroom-amenity article h3 .icon-1 {
    display: inline-block; background-image: url("../img/guestroom/guestroom_deco-1.png"); width: 37px; height: 38px; background-size: cover; position: relative; top: 8px; margin: 0 16px 0 0;
}
.guestroom-amenity article h3 .icon-2 {
    display: inline-block; background-image: url("../img/guestroom/guestroom_deco-2.png"); width: 38px; height: 36px; background-size: cover; position: relative; top: 8px; margin: 0 0 0 16px;
}
.guestroom-amenity article p {
    margin: 25px 0 16px;
}
.guestroom-amenity article:nth-of-type(2) {
    margin: 0 40px 0 20px;
}
.guestroom-amenity article .icon {
    display: inline-block; width: 16px; height: 16px; background-color: #ca7a2c; margin: 0 8px 0 0; border-radius: 8px; position: relative; top: 1px;
}


/*//////////////////////////////////////////////////
03.館内施設
//////////////////////////////////////////////////*/

.facilities-header {
    position: relative; z-index: 2; background-image: url("../img/facilities/facilities_header.jpg"); background-size: cover; background-position: center; width: 100%; height: 360px; background: none;
}

.facilities-intro {
    text-align: center;
}
.facilities-intro article {
    position: relative; z-index: 2; width: 960px; margin: 0 auto; padding: 40px 0; background-color: #fff;
}

.facilities-items {
    position: relative; z-index: 2; padding: 80px 0 0;
}
.facilities-items .inner {
    width: 1200px; margin: 0 auto;
}
.facilities-items .inner article {
    margin: 0 0 30px; position: relative; z-index: 2;
}
.facilities-items .inner h4 {
    float: left;
}
.facilities-items .inner .img {
    float: left;
}
.facilities-items .inner .txt {
    width: 340px; height: 440px; float: right; background-color: #fff; position: relative; padding: 0 40px; 
}
.facilities-items .inner .txt p {
    position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}

.facilities-bath {
    padding: 50px 0 0; text-align: center; position: relative; z-index: 2;
}
.facilities-bath article {
    position: relative; width: 960px; margin: 0 auto; padding: 64px 0; background-color: #fff;
}
.facilities-bath article .icon {
    display: inline-block; width: 16px; height: 16px; background-color: #ca7a2c; margin: 0 8px 0 0; border-radius: 8px; position: relative; top: 1px;
}
.facilities-bath .imgs {
    display: flex; justify-content: center; margin: 40px auto 0;
}
.facilities-bath .imgs img:first-child {
    margin-right: 10px;
}


/*//////////////////////////////////////////////////
04.料理
//////////////////////////////////////////////////*/

.cuisine-header {
    position: relative; z-index: 2; width: 100%; height: 360px;
}

.cuisine-intro {
    text-align: center;
}
.cuisine-intro h3 {
    width: 622px; margin: 0 auto 24px;
}
.cuisine-intro article {
    position: relative; z-index: 2; width: 960px; margin: 0 auto; padding: 40px 0; background-color: #fff;
}

.cuisine-menu {
    position: relative; z-index: 2; padding: 80px 0 0;
}
.cuisine-menu .inner {
    width: 1200px; margin: 0 auto;
}
.cuisine-menu .inner article {
    width: 1200px; margin: 0 auto 30px; background-color: #fff;
}
.cuisine-menu .inner article .txt {
    position: relative; height: 170px;
}
.cuisine-menu .inner article h3 {
    float: left; margin: 0 0 0 120px;
}
.cuisine-menu .inner article p {
    float: left; margin: 0 0 0 120px; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.cuisine-menu .inner article .imgs img {
    float: left; margin: 1px;
}
.cuisine-menu .movie {
    float: right; width: 598px; height: 398px; margin: 1px;
}

.cuisine-bento {
    padding: 50px 0 0; text-align: center; position: relative; z-index: 2;
}
.cuisine-bento article {
    position: relative; width: 960px; margin: 0 auto; padding: 64px 0 24px; background-color: #fff;
}
.cuisine-bento article p {
    margin: 0 0 24px;
}
.cuisine-bento article .icon {
    display: inline-block; width: 16px; height: 16px; background-color: #ca7a2c; margin: 0 8px 0 0; border-radius: 8px; position: relative; top: 1px;
}
.cuisine-bento .lightbox-items {
    width: 1200px; margin: 40px auto;
}
.cuisine-bento .lightbox-items a {
    display: block; width: 300px; height: 200px; float: left;
}
.cuisine-bento .lightbox-items a p {
    margin: 8px 0 0;
}
.cuisine-bento .lightbox-items a p .icon {
    display: inline-block; background-image: url("../img/guestroom/guestroom_deco-2.png"); width: 37px; height: 38px; background-size: cover; position: relative; top: 12px; margin: 0 16px 0 0;
}

@media only screen and (min-width: 960px) {
    .cuisine-bento article a:hover {
        background-color: #ca7a2c; box-shadow: none;
    }
    .cuisine-bento .lightbox-items a:hover {
        opacity: .64;
    }
}


/*//////////////////////////////////////////////////
05.ご予約
//////////////////////////////////////////////////*/

.reservation-header {
    position: relative; z-index: 2; background-image: url("../img/reservation/reservation_header.jpg"); background-size: cover; background-position: center; width: 100%; height: 360px;background: none;
}

.reservation-price {
    text-align: center;
}
.reservation-price article {
    position: relative; z-index: 2; width: 960px; margin: 0 auto; padding: 64px 0; background-color: #fff;
}
.reservation-price table {
    width: 640px; margin: 24px auto 0; border-top: solid 1px #ca7a2c; background-color: rgba(255,255,255,.4); position: relative; z-index: 2;
}
.reservation-price table tr {
    border-bottom: solid 1px #ca7a2c;
}
.reservation-price table th {
    width: 200px;
	vertical-align: middle;
}
.reservation-price table td {
    width: 320px;
	letter-spacing: 0.1em;
	padding: 10px;
}
.reservation-price table .price {
    font-size: 3.2rem; color: #ca7a2c;
}
.reservation-price .add {
    display: inline-block; text-align: left; margin: 24px 0 0;
} 
.reservation-price .icon {
    display: inline-block; width: 16px; height: 16px; background-color: #ca7a2c; margin: 0 8px 0 0; border-radius: 8px; position: relative; top: 1px;
}

.reservation-bento {
    position: relative; z-index: 2; padding: 80px 0 0;
}
.reservation-bento .wrapper {
    width: 1200px; margin: 40px auto 0;
}
.reservation-bento .inner-1 {
    float: left; width: 480px; margin: 0 60px;
}
.reservation-bento .inner-1 p {
    background-color: #fff; border-radius: 8px; margin: 40px 0; padding: 24px 40px;
}
.reservation-bento .inner-2 {
    float: left; width: 600px;
}
.reservation-bento .inner-2 img {
    margin: 0 0 40px;
}
.reservation-bento .icon {
    display: inline-block; width: 16px; height: 16px; background-color: #ca7a2c; margin: 0 8px 0 0; border-radius: 8px; position: relative; top: 1px;
}


/*//////////////////////////////////////////////////
06.アクセス・周辺施設
//////////////////////////////////////////////////*/

.access-header {
    position: relative; z-index: 2; background-image: url("../img/access/access_header.jpg"); background-size: cover; background-position: center; width: 100%; height: 360px; background: none;
}

.access-map {
    position: relative; z-index: 2; width: 1120px; margin: 0 auto; padding: 40px; background-color: #fff;
}
.access-map .info {
    float: left; width: 432px; margin: 0 0 0 8px; padding: 64px 0 0;
}
.access-map .info p {
    margin: 24px 0 0;
}
.access-map .info .icon {
    display: inline-block; width: 16px; height: 16px; background-color: #ca7a2c; margin: 0 8px 0 0; border-radius: 8px; position: relative; top: 1px;
}
.access-map .gmap {
    float: right; width: 680px; height: 400px; background-color: #fff; border-radius: 8px; overflow: hidden;
}
.access-map .route {
    float: left; background-image: url("../img/common/common_tex-1.jpg"); width: 540px; height: 210px; padding: 40px; line-height: 1.7; box-sizing: border-box; border-radius: 8px; position: relative;
}
.access-map .route h3 {
    position: absolute; top: -18px; left: 40px;
}
.access-map .route-1 {
    margin: 48px 20px 0 0;
}
.access-map .route-2 {
    margin: 48px 0 0 20px;
}
.access-map .route-1 .icon {
    display: inline-block; width: 32px; height: 24px; background-image: url("../img/access/access_icon-1.png"); margin: 0 8px 0 0; position: relative; top: 1px;
}
.access-map .route-2 .icon {
    display: inline-block; width: 18px; height: 24px; background-image: url("../img/access/access_icon-2.png"); margin: 0 8px 0 0; position: relative; top: 1px;
}

.access-sightseeing {
    position: relative; z-index: 2; padding: 80px 0 0;
}
.access-sightseeing .item-wrapper {
    width: 1200px; height: 720px; margin: 40px auto 0; position: relative;
}
.access-sightseeing .item-wrapper a {
    display: inline-block; position: absolute;
}
.access-sightseeing .item-wrapper a:nth-of-type(1) {
    top: 0; left: 0;
}
.access-sightseeing .item-wrapper a:nth-of-type(2) {
    top: 0; left: 480PX;
}
.access-sightseeing .item-wrapper a:nth-of-type(3) {
    top: 0; left: 960PX;
}
.access-sightseeing .item-wrapper a:nth-of-type(4) {
    top: 220px; left: 240PX;
}
.access-sightseeing .item-wrapper a:nth-of-type(5) {
    top: 220px; left: 720px;
}
.access-sightseeing .item-wrapper a:nth-of-type(6) {
    top: 440px; left: 0;
}
.access-sightseeing .item-wrapper a:nth-of-type(7) {
    top: 440px; left: 480PX;
}
.access-sightseeing .item-wrapper a:nth-of-type(8) {
    top: 440px; left: 960PX;
}

@media only screen and (min-width: 960px) {
    .access-sightseeing .item-wrapper a:hover {
        -webkit-transform: translateY(-8px); transform: translateY(-8px); opacity: .64;
    }
}