@charset "utf-8";


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

::selection {
	color: #fafafa; background-color: #d29c3d;
}
::-moz-selection {
	color: #fafafa; background-color: #d29c3d;
}
@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: 1360px;
    background:
        url("../img/common/common_tex-1.jpg");
}

body, textarea, select, button {
	font-size: 1.5rem; line-height: 2.0; color: #fafafa; font-weight: 400; letter-spacing: normal; -webkit-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: "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, 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: #fafafa;
}
.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;
}
.color-theme {
    color: #d29c3d;
}
.cf:after {
	content: " "; display: block; clear: both;
}
.icon-1 {
    display: inline-block; width: 16px; height: 16px; background-image: url("../img/common/common_icon.png"); background-size: cover; position: relative; top: 2px; margin: 0 6px 0 0;
}

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


/*////////////////////////////////////////
キーフレームアニメーション
////////////////////////////////////////*/

.anim-line {
    -webkit-animation: anim-line 3.0s infinite ease-in-out; animation: anim-line 3.0s infinite ease-in-out;
}
@-webkit-keyframes anim-line {
    0% {-webkit-transform: scaleX(0) translateY(20px); transform: scaleX(0) translateY(20px);}
    50% {-webkit-transform: scaleY(1.0) translateY(20px); transform: scaleY(1.0) translateY(20px);}
    100% {-webkit-transform: scaleX(0) translateY(20px); transform: scaleX(0) translateY(20px);}
}
@keyframes anim-line {
    0% {
        -webkit-transform: scaleX(0) translateY(20px); transform: scaleY(0) translateY(20px);
    } 50% {
        -webkit-transform: scaleY(1.0) translateY(20px); transform: scaleY(1.0) translateY(20px);
    } 100% {
        -webkit-transform: scaleX(0) translateY(20px); transform: scaleY(0) translateY(20px);
    }
}


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

.header-fix {
    position: fixed; z-index: 10; top: 0; width: 100%; min-width: 1280px; height: 48px; padding: 24px 0; background-color: rgba(5,3,1,.64);
}
.header-fix-top {
    top: -96px; -webkit-transition: all .4s; transition: all .4s;
}
.header-fix .inner {
    width: 1200px; margin: 0 auto;
}
.header-fix h1 {
    float: left;
}
.header-fix nav {
    float: right;
	position: relative;
}
.header-fix ul {
    padding: 8px 0; float: left;
}
.header-fix li {
    float: left;
}
.header-fix a {
    display: inline-block; position: relative;
}
.header-fix li img {
    float: left; margin: 0 14px;
}
.header-fix .separator {
    float: left; display: block; width: 1px; height: 31px; border-left: dotted 1px rgba(255,255,255,.8);
}
.header-fix .bnr {
    display: block; width: 160px; height: 48px; float: left;
}

@media only screen and (min-width: 960px) {
    .header-fix li a::after {
        content: ''; width: 100%; height: 1px; background-color: rgba(255,255,255,.64); position: absolute; bottom: -16px; left: 0; -webkit-transition: transform .8s; transition: transform .8s; -webkit-transform: scale(0, 1); -webkit-transform-origin: center top; transform: scale(0, 1); transform-origin: center top;
    }
    .header-fix li a:hover::after {
        -webkit-transform: scale(1, 1); -webkit-transform-origin: center top; transform: scale(1, 1); transform-origin: center top;
    }
}


/*//////////////////////////////////////////////////
おすすめ宿泊プラン
//////////////////////////////////////////////////*/

.content-plan {
    position: relative; width: 1200px; margin: 0 auto; padding: 80px 0 0;
}
.content-plan h2 {
    width: 404px; margin: 0 auto;
}
.content-plan .inner {
    margin: 40px 0 0;
}
.content-plan article {
    float: left; width: 282px; margin: 9px;
}
.content-plan .img {
    width: 282px; height: 188px; overflow: hidden;
}
.content-plan .img img {
    width: 100%; height: auto; -webkit-transition: all 1.2s; transition: all 1.2s;
}
.content-plan .txt {
    width: 234px; min-height: 300px; padding: 0 24px 24px; line-height: 1.5; background-image: url("../img/common/common_tex-2.jpg");
}
.content-plan h3 {
    padding: 24px 0 12px; margin: 0 0 16px; border-bottom: solid 1px #494847;
}

@media only screen and (min-width: 960px) {
    .content-plan a:hover .img img {
        -webkit-transform: scale(1.1); transform: scale(1.1);
    }
}


/*//////////////////////////////////////////////////
宿泊プラン検索
//////////////////////////////////////////////////*/

.content-search {
    position: relative; width: 1196px; height: 136px; padding: 2px; margin: 40px auto 0; background-image: url("../img/common/common_tex-3.jpg");
}
.content-search h2 {
    float: left; width: 300px; background-image: url("../img/common/common_tex-2.jpg");
}
.content-search .form {
    float: left; width: 800px;
    padding: 30px 0 0 30px;
}
.content-search .form p{
    color: #000;
}
.content-search .form p select,
.content-search .form p input{
    margin-right: 30px;
    margin-bottom: 10px;
    color: #000;
}
.content-search .form p.price select{
    margin-right: 0px;
}

.content-search .form p,
.content-search .form p img{
    float: left;
}
.content-search .form .row{
    width: 640px;
    height: 3em;
}

.content-search .search_btn {
    float: right; width: 120px; height: 60px;  border-radius: 4px; background-color: #ba8b35; box-shadow: 0 0 4px 4px rgba(0,0,0,.16); cursor: pointer; background-size: cover; -webkit-transition: all .4s; transition: all .4s; outline: 0;
}
.content-search .form .middle{
    float: left;
}

@media only screen and (min-width: 960px) {
    .content-search .submit:hover {
        background-color: #d29c3d; box-shadow: none;
    }
}


/*//////////////////////////////////////////////////
プランバナー
//////////////////////////////////////////////////*/

.content-bnr {
    position: relative;  width: 600px; margin: 0 auto; padding: 80px 0 0;
}
.content-bnr a {
    display: block;
}


/*//////////////////////////////////////////////////
フッター
//////////////////////////////////////////////////*/
.bg_footer{
    background: url(../img/common/common_back-footer.png) no-repeat;
    background-position: center bottom;
}
#to_top{
    position: fixed;
    display: table;
    z-index: 10;
    right: 20px;
    bottom: 130px;
}
#to_top a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 18px;
    background: #b98b35;
    font-size: 1.5em;
    line-height: 1.5;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #000000;
}
footer {
    position: relative; padding: 80px 0 0;
}
footer .inner {
    width: 1230px; margin: 0 auto; position: relative; z-index: 2;
}
footer .info {
    float: left;
	position: relative;
}
footer .info img {
    float: left;
}
footer .info p {
    float: left; margin: 0 0 0 40px;
}
footer .sitemap {
    float: right; width: 510px;
}
footer .sitemap li {
    float: left; margin: 8px 0 8px 24px; line-height: 1;
}
footer .instagram,
footer .mail{
    display: block; margin: 24px 0 0 10px;
}
footer .sitemap a {
    display: inline-block;
}
footer .sitemap .arrow {
    position: relative; top: -1px; display: inline-block; width: 5px; height: 8px; margin: 0 8px 0 0; background-image: url("../img/common/common_arrow.png"); background-size: cover;
}
footer .copy {
    width: 1200px; margin: 0 auto; padding: 64px 0 40px; line-height: 1; text-align: right; position: relative; 
}
footer .copy a {
    display: inline-block; vertical-align: text-top; margin: 0 4px 0 0;
}
footer .back {
    position: absolute; z-index: 1; bottom: 0; width: 100%; height: auto;
}


/*//////////////////////////////////////////////////
下層ページヘッダー
//////////////////////////////////////////////////*/

.content-head {
    position: relative; width: 100%; height: 400px; overflow: hidden;
}
.content-head h2 {
    position: absolute; z-index: 2; top: 200px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);
}
.content-head .back {
    position: absolute; z-index: 1; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);
}


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

.header-top {
    position: absolute; z-index: 10; top: 0; width: 100%; min-width: 1280px; height: 152px; padding: 40px 0 80px; background-image: url("../img/page1/page1_shadow.png");
}
.header-top .inner {
    width: 1200px; margin: 0 auto;
}
.header-top h1 {
    width: 300px; float: left;
}
.header-top nav {
    width: 757px; float: right; position: relative;
}
.header-top li {
    float: left;
}
.header-top li img {
    float: left; -webkit-transition: all .4s; transition: all .4s;
}
#lang{
	position: absolute;
	top:-25px;
	right: 0;
}
#lang .g-translate, #lang_fix .g-translate{
	color: #000000!important;
}
#lang_fix{
	position: absolute;
	top:-28px;
	right: 0;
}

.header-top .separator {
    float: left; display: block; width: 1px; height: 152px; background-image: url("../img/page1/page1_separator.png"); background-size: cover;
}

#movie .instagram {
    position: absolute; z-index: 9; bottom: 40px; left: 50%; -webkit-transform: translate(280px, 0); transform: translate(280px, 0);
}
#movie .scroll {
    position: absolute; z-index: 9; bottom: 0; left: 50%; -webkit-transform: translate(-560px, 0); transform: translate(-560px, 0); width: 10px; height: 111px; cursor: pointer;
}
#movie .scroll span {
    position: absolute; bottom: 20px; left: 4px; display: block; width: 1px; height: 40px; background-color: #fafafa;
}

.content-1-1, .content-1-2, .content-1-3 {
    position: relative; width: 1200px; margin: 0 auto; padding: 80px 0 0;
}
.content-1-1 .item {
    position: relative; float: left; width: 380px; height: 380px; margin: 0 10px; overflow: hidden;
}
.content-1-1 .item a {
    position: absolute; z-index: 2; top: 20px; left: 20px;
}
.content-1-1 .item .back {
    position: absolute; z-index: 1; top: 0; left: 0; -webkit-transition: all 1.2s; transition: all 1.2s;
}

.content-1-2 .inner-1 {
    display: table-cell; vertical-align: middle; width: 460px; height: 720px; padding: 0 0 0 40px;
}
.content-1-2 h2 {
    position: relative; margin: 0 0 56px; letter-spacing: .1rem;
}
.content-1-2 h2 .txt, .content-1-2 p {
    position: relative; z-index: 2;
}
.content-1-2 .back-head {
    position: absolute; z-index: 1; top: -40px; left: -40px;
}
.content-1-2 .back {
    position: absolute; z-index: 1; top: 80px; left: 200px;
}
.content-1-2 .inner-2 {
    position: absolute; z-index: 2; top: 80px; left: 50%; width: 50%; height: 720px; overflow: hidden;
}
.content-1-2 .inner-2 img {
    width: 100%; height: auto; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

.content-1-3 .slider {
    position: relative; float: left; width: 900px; height: 340px; padding: 35px 0; overflow: hidden; background-image: url("../img/swiper/film.png"); background-size: cover;
}
.content-1-3 .gra-l, .content-1-3 .gra-r {
    position: absolute; z-index: 2; top: 35px; left: 0; width: 80px; height: 340px; background-image: url("../img/swiper/gra-l.png"); background-size: cover;
}
.content-1-3 .gra-r {
    left: auto; right: 0; background-image: url("../img/swiper/gra-r.png");
}
.content-1-3 .swiper-container {
    width: 1570px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);
}
.content-1-3 .swiper-my-pagination {
    float: left; width: 200px; height: 290px; margin: 65px 0 0 65px;
}
.content-1-3 .swiper-pagination-bullet {
    float: left; display: block; width: 90px; height: 60px; margin: 5px; opacity: 1; outline: none;
}
.content-1-3 .swiper-my-pagination img {
    width: 100%; height: auto; filter: sepia(100%);
}
.content-1-3 .swiper-pagination-bullet-active img {
    filter: sepia(0);
}

@media only screen and (min-width: 960px) {
    .header-top li a:hover img {
        opacity: .64;
    }
}


/*//////////////////////////////////////////////////
02.料理
//////////////////////////////////////////////////*/

.content-2-title, .content-2-1, .content-2-2, .content-2-3, .content-2-4, .content-2-5 {
    position: relative; width: 1200px; margin: 0 auto; padding: 80px 0 0;
}
.content-2-1 {
    padding: 0;
}
.content-2-5 {
    padding: 40px 0 0;
}
.content-2-title h2, .content-2-2 h2, .content-2-3 h2, .content-2-4 h2 {
    text-align: center; letter-spacing: .5rem;
}
.content-2-title h2 .inner, .content-2-2 h2 .inner, .content-2-3 h2 .inner, .content-2-4 h2 .inner {
    display: inline-block; position: relative; height: 130px; margin: 0 0 40px;
}
.content-2-title h2 .txt, .content-2-2 h2 .txt, .content-2-3 h2 .txt, .content-2-4 h2 .txt {
    position: relative; z-index: 2; top: 40px;
}
.content-2-title .back-head, .content-2-2 .back-head, .content-2-3 .back-head, .content-2-4 .back-head {
    position: absolute; z-index: 1; top: 0; left: -40px;
}
.content-2-4 .back-head {
    left: -80px;
}

.content-2-1 .inner-1 {
    display: table-cell; vertical-align: middle; width: 460px; height: 600px; padding: 0 0 0 40px;
}
.content-2-1 h2 {
    position: relative; z-index: 2; margin: 0 0 32px; letter-spacing: .1rem;
}
.content-2-1 p {
    position: relative; z-index: 2;
}
.content-2-1 .back {
    position: absolute; z-index: 1; top: -120px; left: 200px;
}
.content-2-1 .inner-2 {
    position: absolute; z-index: 2; top: 0; right: 0; width: 600px; height: 600px;
}
.content-2-1 .inner-2 a {
    float: left; display: block; width: 148px; height: 148px; margin: 1px; overflow: hidden;
}
.content-2-1 .inner-2 a:nth-of-type(1) {
    width: 448px; height: 298px;
}
.content-2-1 .inner-2 a:nth-of-type(4), .content-2-1 .inner-2 a:nth-of-type(9) {
    width: 298px;
}
.content-2-1 .inner-2 a img {
    width: 100%; height: auto; -webkit-transition: all 1.2s; transition: all 1.2s;
}

.content-2-2 article {
    float: left; width: 590px; margin: 5px; text-align: center;
}
.content-2-2 .img {
    width: 590px; height: 394px;
}
.content-2-2 article .txt {
    width: 510px; padding: 0 40px 40px; background-image: url("../img/common/common_tex-2.jpg");
}
.content-2-2 h3 {
    padding: 30px 0 10px; margin: 0 0 16px; border-bottom: solid 1px #494847;
}

.content-2-3 table {
    float: left; width: 580px; margin: 10px; border-top: solid 1px #494847;
}
.content-2-3 tr {
    border-bottom: solid 1px #494847;
}
.content-2-3 th {
    width: 50%; padding: 16px 0; vertical-align: middle; background-image: url("../img/common/common_tex-2.jpg");
}
.content-2-3 td {
    padding: 16px 0; text-align: center; vertical-align: middle;
}
.content-2-3 table:nth-of-type(5) {
    width: 1180px;
}
.content-2-3 table:nth-of-type(5) th {
     width: 25%;
}
.content-2-3 table:nth-of-type(5) td {
     width: 25%; border-right: solid 1px #494847;
}
.content-2-3 table:nth-of-type(5) .t-1 {
     width: 50%; border: none;
}
.content-2-3 .wrapper-2-2 {
    width: 1110px; margin: 40px auto 0;
}
#cuisine .content-2-3 .wrapper-2-2 {
    width:min(100%, 1200px); margin: 0px auto 40px;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:20px;
}
.content-2-3 article {
    float: left; margin: 0 20px; text-align: center;
}
#cuisine .content-2-3 .wrapper-2-2 article{
	float: none;
	width: min(100%, calc(100% - 40px) / 3);
	height:auto;
	margin:0;
}
#cuisine .content-2-3 .wrapper-2-2 article img{
	width:100%;
	height:auto;
}
#cuisine .content-2-3 .wrapper-2-2 article p span{
	font-size: calc(100% * 1.5);
}
.content-2-3 article p {
    margin: 16px 0 0;
}

.content-2-4 article {
    width: 1200px;
}
.content-2-4 .img {
    width: 1200px; height: 262px;
}
.content-2-4 .img img {
    float: left;
}
.content-2-4 p {
    width: 1120px; padding: 40px; background-image: url("../img/common/common_tex-2.jpg"); text-align: center;
}

.content-2-5 .inner-1 {
    display: table-cell; vertical-align: middle; width: 300px; height: 880px; padding: 0 0 0 40px;
}
.content-2-5 h2 {
    position: relative; z-index: 2; margin: 0 0 56px; letter-spacing: .1rem;
}
.content-2-5 .back {
    position: absolute; z-index: 1; top: 120px; left: 160px;
}
.content-2-5 .inner-2 {
    position: absolute; z-index: 2; top: 40px; right: 0; width: 810px; height: 880px;
}
.content-2-5 .inner-2 img:nth-of-type(1) {
    position: absolute; z-index: 2; bottom: 0; left: 0;
}
.content-2-5 .inner-2 img:nth-of-type(2) {
    position: absolute; z-index: 2; top: 0; right: 0;
}
.content-2-5 .inner-2 img:nth-of-type(3) {
    position: absolute; z-index: 2; bottom: 0; right: 0;
}
.content-2-5 h2 .txt, .content-2-5 p {
    position: relative; z-index: 2;
}
.content-2-5 .back-head {
    position: absolute; z-index: 1; top: -40px; left: -40px;
}

@media only screen and (min-width: 960px) {
    .content-2-1 a:hover img {
        -webkit-transform: scale(1.1); transform: scale(1.1);
    }
}


/*//////////////////////////////////////////////////
03.客室
//////////////////////////////////////////////////*/

.content-3-1, .content-3-2 {
    position: relative; width: 1200px; margin: 0 auto; padding: 80px 0 0;
}
.content-3-2 {
    padding: 70px 0 0; z-index: 2;
}
.content-3-1 .inner-1 {
    display: table-cell; vertical-align: middle; width: 460px; height: 324px; padding: 0 0 0 40px;
}
.content-3-1 h2 {
    position: relative; margin: 0 0 56px; letter-spacing: .1rem;
}
.content-3-1 h2 .txt, .content-3-1 p {
    position: relative; z-index: 2;
}
.content-3-1 .back-head {
    position: absolute; z-index: 1; top: -40px; left: -40px;
}
.content-3-1 .back {
    position: absolute; z-index: 1; top: 0px; left: 200px;
}
.content-3-1 .inner-2 {
    position: absolute; z-index: 2; top: 80px; right: 0; width: 576px; height: 324px; overflow: hidden;
}

.content-3-2 article {
    float: left; width: 282px; margin: 9px;
}
.content-3-2 .img {
    width: 282px; height: 188px; overflow: hidden;
}
.content-3-2 .img img {
    -webkit-transition: all 1.2s; transition: all 1.2s;
}
.content-3-2 .txt {
    width: 234px; height: 126px; padding: 0 24px 24px; line-height: 1.5; background-image: url("../img/common/common_tex-2.jpg");
}
.content-3-2 h3 {
    padding: 24px 0 12px; margin: 0 0 16px; border-bottom: solid 1px #494847;
}
.content-3-2 .info {
    width: 818px; height: 306px; padding: 8px 32px 24px; background-image: url("../img/common/common_tex-2.jpg"); /*overflow: scroll;*/
}
.content-3-2 .info h3 {
    padding: 16px 0 4px; margin: 0; border: none;
}

@media only screen and (min-width: 960px) {
    .content-3-2 a:hover .img img {
        -webkit-transform: scale(1.1); transform: scale(1.1);
    }
}


/*//////////////////////////////////////////////////
04.温泉
//////////////////////////////////////////////////*/

.content-4-1, .content-4-2, .content-4-4, .content-4-5, .content-4-6 {
    position: relative; width: 1200px; margin: 0 auto; padding: 80px 0 0;
}
.content-4-1 .inner-1 {
    display: table-cell; vertical-align: middle; width: 520px; height: 324px; padding: 0 0 0 40px;
}
.content-4-1 h2 {
    position: relative; margin: 0 0 56px; letter-spacing: .1rem;
}
.content-4-1 h2 .txt, .content-4-1 p {
    position: relative; z-index: 2;
}
.content-4-1 .back-head {
    position: absolute; z-index: 1; top: -40px; left: -40px;
}
.content-4-1 .back {
    position: absolute; z-index: 1; top: 0px; left: 200px;
}
.content-4-1 .inner-2 {
    position: absolute; z-index: 2; top: 80px; right: 0; width: 576px; height: 324px; overflow: hidden;
}

.content-4-2 article {
    float: left; width: 590px; margin: 5px; text-align: center;
}
.content-4-2 .img {
    width: 590px; height: 394px;
}
.content-4-2 .txt {
    width: 510px; min-height: 190px; padding: 0 40px 40px; background-image: url("../img/common/common_tex-2.jpg");
}
.content-4-2 h3 {
    padding: 30px 0 10px; margin: 0 0 16px; border-bottom: solid 1px #494847;
}

.spa_howto,
.content-4-3 {
    width: 100%; background-image: url("../img/common/common_tex-3.jpg");
}
.content-4-3 img {
    margin: 80px auto 0;
}
.spa_howto .waku{
    width:1200px;
    margin: 60px auto;
}
.spa_howto h4{
    display: table;
    margin: 0 auto;
    padding: 60px 0 60px;
}
.spa_howto ul:last-child:after{
    content: ' ';
    display: block;
    clear: both;
}
.spa_howto ul li:first-child{
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    height: 170px;
}
.spa_howto ul li:nth-child(2){
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 7px;
}
.spa_howto ul li em{
    font-size: 1.2em;
    padding-right: 5px;
}
.spa_howto ul li{color: #000;line-height: 1.6;}
.spa_howto ul{
    width: 30%;
    margin-right:3%;
    float: left;
    margin-bottom: 30px;
}
.spa_howto ul.w_60{
    width: 62%;
}
.spa_howto ul.mr_0{
    margin-right:0;
}

.content-4-4 h2, .content-4-6 h2 {
    text-align: center; letter-spacing: .5rem;
}
.content-4-4 h2 .inner, .content-4-6 h2 .inner {
    display: inline-block; position: relative; height: 130px; margin: 0 0 40px;
}
.content-4-4 h2 .txt, .content-4-6 h2 .txt {
    position: relative; z-index: 2; top: 40px;
}
.content-4-4 .back-head, .content-4-6 .back-head {
    position: absolute; z-index: 1; top: 0; left: -40px;
}
.content-4-4 table {
    width: 900px; margin: 0 auto; border-top: solid 1px #494847;
}
.content-4-4 tr {
    border-bottom: solid 1px #494847;
}
.content-4-4 th {
    width: 30%; padding: 16px 0; vertical-align: middle; background-image: url("../img/common/common_tex-2.jpg"); letter-spacing: 1.0rem;
}
.content-4-4 td {
    padding: 16px 24px; text-align: left; vertical-align: middle;
}

.content-4-5 .txt {
    min-height: 220px; margin: 5px auto;
}

.content-4-6 table {
    width: 900px; margin: 0 auto; border-top: solid 1px #494847; line-height: 1.5;
}
.content-4-6 tr {
    border-bottom: solid 1px #494847;
}
.content-4-6 th {
    width: 30%; padding: 16px 0; vertical-align: middle; background-image: url("../img/common/common_tex-2.jpg");
}
.content-4-6 td {
    padding: 16px 0; text-align: center; vertical-align: middle;
}
.content-4-6 .t-1 {
    line-height: 2;
}


/*//////////////////////////////////////////////////
05.館内
//////////////////////////////////////////////////*/

.content-5-1, .content-5-2 {
    position: relative; width: 1200px; margin: 0 auto; padding: 80px 0 0;
}
.content-5-1 .type-1, .content-5-1 .type-2 {
    float: left; width: 790px; margin: 5px;
}
.content-5-1 .type-2 {
    width: 390px;
}
.content-5-1 .type-1 .img, .content-5-1 .type-2 .img {
    width: 790px; height: 300px;
}
.content-5-1 .type-2 .img {
    width: 390px;
}
.content-5-1 .type-1 .img img {
    float: left;
}
.content-5-1 .type-1 .txt, .content-5-1 .type-2 .txt {
    width: 710px; padding: 0 40px 40px; background-image: url("../img/common/common_tex-2.jpg");
}
.content-5-1 .type-2 .txt {
    width: 310px;
}
.content-5-1 article:nth-of-type(1) .txt, .content-5-1 article:nth-of-type(2) .txt {
    min-height: 250px;
}
.content-5-1 h3 {
    padding: 30px 0 10px; margin: 0 0 16px; border-bottom: solid 1px #494847;
}

.content-5-2 h2 {
    text-align: center; letter-spacing: .5rem;
}
.content-5-2 h2 .inner {
    display: inline-block; position: relative; height: 130px; margin: 0 0 40px;
}
.content-5-2 h2 .txt {
    position: relative; z-index: 2; top: 40px;
}
.content-5-2 .back-head {
    position: absolute; z-index: 1; top: 0; left: -40px;
}
.content-5-2 table {
    width: 900px; margin: 0 auto; border-top: solid 1px #494847; line-height: 1.5;
}
.content-5-2 tr {
    border-bottom: solid 1px #494847;
}
.content-5-2 th {
    width: 30%; padding: 16px 0; vertical-align: middle; background-image: url("../img/common/common_tex-2.jpg");
}
.content-5-2 td {
    padding: 16px 0; text-align: center; vertical-align: middle;
}


/*//////////////////////////////////////////////////
06.料金
//////////////////////////////////////////////////*/

.wrapper-6-1 {
    width: 1200px; margin: 0 auto;
}
.content-6-1, .content-6-2, .content-6-3 {
    position: relative; width: 1200px; margin: 0 auto; padding: 80px 0 0;
}
.content-6-1 {
    float: left; width: 600px;
}
.content-6-1 h2, .content-6-2 h2, .content-6-3 h2 {
    text-align: center; letter-spacing: .5rem;
}
.content-6-1 h2 .inner, .content-6-2 h2 .inner, .content-6-3 h2 .inner {
    display: inline-block; position: relative; height: 130px; margin: 0 0 40px;
}
.content-6-1 h2 .txt, .content-6-2 h2 .txt, .content-6-3 h2 .txt {
    position: relative; z-index: 2; top: 40px;
}
.content-6-1 .back-head, .content-6-2 .back-head, .content-6-3 .back-head {
    position: absolute; z-index: 1; top: 0; left: -40px;
}
.content-6-1 table {
    width: 580px; margin: 0 auto; border-top: solid 1px #494847; line-height: 1.5;
}
.content-6-1 tr {
    border-bottom: solid 1px #494847;
}
.content-6-1 th {
    width: 40%; padding: 16px 0; vertical-align: middle; background-image: url("../img/common/common_tex-2.jpg");
}
.content-6-1 td {
    padding: 16px 0; text-align: center; vertical-align: middle;
}

.content-6-2 table {
    width: 1200px; margin: 0 auto; line-height: 1.5;
}
.content-6-2 th {
    padding: 16px 0; vertical-align: middle; /*background-image: url("../img/common/common_tex-2.jpg");*/ border: solid 1px #494847; background-color: hsla(0,0%,100%,0.10);
}
.content-6-2 .td_bg{background-color: hsla(0,0%,100%,0.10);}
.content-6-2 td {
    padding: 16px 0; text-align: center; vertical-align: middle; border: solid 1px #494847;
}
.content-6-2 td.notes{
     text-align: left; 
}
.content-6-2 .t-1 {
    border: none;
}

.content-6-3 table {
    width: 900px; margin: 0 auto; border-top: solid 1px #494847; line-height: 1.5;
}
.content-6-3 tr {
    border-bottom: solid 1px #494847;
}
.content-6-3 th {
    width: 30%; padding: 16px 0; vertical-align: middle; background-image: url("../img/common/common_tex-2.jpg");
}
.content-6-3 td {
    padding: 16px 0; text-align: center; vertical-align: middle;
}


/*//////////////////////////////////////////////////
07.アクセス
//////////////////////////////////////////////////*/

.content-7-1 {
    position: relative; width: 1200px; margin: 0 auto; padding: 80px 0 0;
}
.content-7-1 h2 {
    text-align: center; letter-spacing: .5rem;
}
.content-7-1 h2 .inner {
    display: inline-block; position: relative; height: 130px; margin: 0 0 40px;
}
.content-7-1 h2 .txt {
    position: relative; z-index: 2; top: 40px;
}
.content-7-1 .back-head {
    position: absolute; z-index: 1; top: 0; left: -40px;
}
.content-7-1 .inner-1 {
    display: table-cell; vertical-align: middle; width: 560px; height: 800px;
}
.content-7-1 .inner-1 article {
    display: inline-block; background-image: url("../img/common/common_tex-2.jpg"); width: 100%; padding: 40px 0; margin: 20px 0;
}
.content-7-1 .inner-1 h3 {
    margin: 0 40px 8px;
}
.content-7-1 .inner-1 p {
    margin: 0 40px;
}
.content-7-1 .inner-2 {
    position: absolute; z-index: 2; top: 250px; left: 50%; width: 50%; height: 800px; overflow: hidden; background-color: #fafafa;
}


/*//////////////////////////////////////////////////
08.フォトギャラリー
//////////////////////////////////////////////////*/

.content-8-1 {
    position: relative; width: 1200px; margin: 80px auto 0;
}
#gallery_list li img{
    width: 100%;
    height: auto;
}
#gallery_list li{
    float: left;
    width: 23%;
    padding: 15px 1%;
}
#gallery_list:after{
    content: ' ';
    display: block;
    clear: both;
}
.bt_admin{
    position: relative;
    z-index: 2;
    text-align: right;
}
.bt_admin:hover a{
    text-decoration: underline;
}

.bt_admin a{
    color: #6d6d78;
    font-size: 0.9em;
    width: 100%;
    height: 100%;
    display: inline-block;
}


.bn_higaeri{
    float: left;
}
.sp_qr{
    position: absolute;
	top: 130px;
	left: 300px;
    text-align: left;
    font-size: 9px;
    line-height: 0.6;
    margin-top: 10px;
    margin-left: 10px;
	z-index: 10;
}
.bn_higaeri a{
    display: block;
    height: 100%;
    width: 100%;
}
.sp_qr a{
    display: block;
    height: 74px;
    width: 360px;
	font-size: 18px;
	line-height: 74px;
}
.sp_qr a img{
	margin-right: 10px;
}

/*
    slick スライダーの設定 改変
*/
.slider .slick-prev
{
    /* デフォルトでは-25px(= スライダーの外側) */
    left: 10px;
}
.slider .slick-next
{
    /* デフォルトでは-25px(= スライダーの外側) */
    right: 10px;
}

.slider .slick-prev,
.slider .slick-next
{
    /* スライド画像の後ろに隠れないようにする */
    z-index: 100;
}

.slider .slick-prev::before,
.slider .slick-next::before {
    /* フォントと色の設定はbefore内で行う */
    /* font-size: 28px; */
    /* color: black; */
}
.slick-dots{
	bottom:8px;
	
}
.slick-dots li button:before{
	color:#fff;
}
.slick-dots li.slick-active button:before{
	color:#fff;
}