@charset "utf-8";


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

::selection {
	color: #ece4da; background-color: #3b2710;
}
::-moz-selection {
	color: #ece4da; background-color: #3b2710;
}
@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; background-image: url("../img/common/common_tex-1.jpg");
}
body, textarea, button {
	font-size: 1.5rem; line-height: 2.0; /*color: #ece4da;*/ 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: #3b2710;
}
:-ms-input-placeholder {
    color: #3b2710;
}
::-moz-placeholder {
    color: #3b2710;
}
a {
	text-decoration: none; -webkit-transition: all .4s; transition: all .4s;
}
a:link, a:visited, a:hover {
	/*color: #3b2710;*/
	color: #FFFFFF;
}
.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-brown {
    color: #3b2710;
}
.color-white {
    color: #FFFFFF;
}
.icon-1 {
    display: inline-block; width: 16px; height: 16px; background-image: url("../img/common/common_icon-1.png"); background-size: cover; margin: 0 8px 0 0; position: relative; top: 2px;
}
.bg_green{
	background: url("../img/common/common_tex-2.jpg")repeat;
	padding: 3% 0;
}

/* セクション区切り */
.section-devider-1, .section-devider-2 {
    width: 100%; height: 60px; background-image: url("../img/common/common_section-devider-1.png"); background-repeat: repeat-x; background-position: top center;
}
.section-devider-2 {
    background-image: url("../img/common/common_section-devider-2.png");
}

/* マウスオーバー */
.hover-1 {
    -webkit-transition: all .4s; transition: all .4s;
}

@media only screen and (min-width: 960px) {
    .hover-1:hover {
        opacity: .64;
    }
}


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

header {
    width: 1120px; margin: 40px auto 0; height: 188px;
}
.header-top {
    margin: 30px auto 0;
}
header .inner {
    float: left; width: 382px; height: 188px;
}
header h1 a {
    display: block; width: 382px; height: 96px; margin: 0 0 16px;
}
header .tel {
    display: block; width: 306px; height: 30px; margin: 0 0 16px;
}
header .bnr {
    display: block; width: 382px; height: 30px; margin: 0 0 16px;
}
header ul {
    float: right; width: 634px; font-size: 0;
}
header li {
    float: left;
}
header li a, header .active {
    display: inline-block; width: 86px; height: 188px; position: relative;
}
header li img {
    position: relative; z-index: 2;
}
header li a::after, header .active::after {
    content: ''; width: 16px; height: 0; background-color:hsla(123,18%,41%,0.4) ;position: absolute; z-index: 1; top: 0; left: 50%; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
header .active::after {
    height: 100%;
}
header .devider {
    display: inline-block; width: 4px; height: 188px; background-image: url("../img/common/header_devider.png"); background-size: cover;
}

/* 下層ページメイン */
.under-main {
    width: 1120px; height: 240px; border-radius: 24px; margin: 40px auto 80px; background-size: cover; position: relative;
}
.page2 .under-main {
    background-image: url("../img/page2/page2_main.jpg");
}
.page3 .under-main {
    background-image: url("../img/page3/page3_main.jpg");
}
.page4 .under-main {
    background-image: url("../img/page4/page4_main.jpg");
}
.page5 .under-main {
    background-image: url("../img/page5/page5_main.jpg");
}
.page6 .under-main {
    background-image: url("../img/page6/page6_main.jpg");
}
.page7 .under-main {
    background-image: url("../img/page7/page7_main.jpg");
}
.under-main h2 {
    width: 180px; height: 180px; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

@media only screen and (min-width: 960px) {
    header li a:hover::after{
        height: 100%;
    }
}


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

footer {
    background-image: url("../img/common/common_tex-2.jpg"); padding: 40px 0 0; position: relative;
}
footer .bnr {
    display: block; width: 720px; height: 160px; margin: 0 auto;
}
footer .info {
    text-align: center; width: 760px; margin: 40px auto 0; position: relative;
}
footer h4 {
    float: left; position: relative; top: 14px;
}
footer .info p {
    float: right; display: block; width: 380px; height: 110px; padding: 10px 24px; line-height: 1.5; background: url("../img/common/footer_waku.png")no-repeat;background-size: contain; text-align: left; 
}
footer .info p small{
    font-size: 0.8em;
    line-height: 1.5;
    display: block;
}
footer ul {
    text-align: center; line-height: 1; margin: 40px 0 0;
}
footer li {
    display: inline-block; margin: 0 12px;
}
footer .arrow {
    display: inline-block; width: 6px; height: 8px; margin: 0 8px 0 0; background-image: url("../img/common/footer_arrow.png"); background-size: cover; position: relative; top: -1px;
}
footer .copy {
    margin: 40px 0; padding: 24px 0; background-image: url("../img/common/common_tex-2.jpg"); line-height: 1; text-align: center; color: #FFFFFF;
}
footer .copy a {
    display: inline-block; margin: 0 4px 0 0; vertical-align: text-top;
}
footer .pagetop {
    width: 66px; height: 66px; background-image: url("../img/common/footer_pagetop.png"); background-size: cover; position: absolute; bottom: 157px; left: 50%; -webkit-transform: translateX(494px); transform: translateX(494px); cursor: pointer;
}

@media only screen and (min-width: 960px) {
    footer li a:hover {
        opacity: .6;
    }
}


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

.hero {
    width: 100%; height: 620px; position: relative; overflow: hidden;
}
.hero .cover {
    position: absolute; z-index: 2; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.hero .bnr {
    display: block; width: 382px; height: 30px; position: absolute; z-index: 3; top: 110px; left: 50%; -webkit-transform: translateX(176px); transform: translateX(176px);
}
.page1 {
    width: 100%; margin: 0 0 80px;
}
.page1-1 {
    width: 1200px; margin: 80px auto 0; position: relative;
}
.page1-1 .inner-1 {
    width: 600px; padding: 40px 0 0 0;
}
.page1-1 h2 img {
    margin: 0 auto;
}
.page1-1 .inner-1 p {
    margin: 35px 0 0;
}
.page1-1 .inner-1 .note {
    margin: 30px 0 0; text-align:left;
}
.page1-1 .inner-1 .img {
    position: absolute; top: 0; right: 0; width: 550px; height: 700px; border-radius: 24px; overflow: hidden;box-shadow: 20px 20px 0 #537555;
}
.page1-1 .inner-2 {
    width: 600px; padding: 40px 0 0 0; margin: 250px 0 0 610px;
}
.page1-1 .inner-2 p {
    margin: 35px 0 0;
}
.page1-1 .inner-2 .img-1 {
    margin: 0 auto 100px;
}
.page1-1 .inner-2 .img-2 {
    position: absolute; top: 600px; left: 0; width: 550px; height: 700px; border-radius: 24px; overflow: hidden; box-shadow: -20px 20px 0 #537555;
}
.page1-1 .inner-2 .img-3 {
	position: absolute; bottom: 0px; left: 0px; 
}
.txt-3{position: absolute; bottom: 10px; left: 60px; }

.page1-2 {
    width: 100%; padding: 40px 0; background-image: url("../img/common/common_tex-2.jpg");
}
.page1-2 h2 img {
    margin: 0 auto;
}
.page1-2 .wrapper {
    width: 1080px; margin: 40px auto 0;
}
.page1-2 .link {
    float: left; width: 320px; margin: 0 20px;
}
.page1-2 .img {
    display: block; width: 320px; height: 320px; border-radius: 100%; overflow: hidden;
}
.page1-2 .title {
    margin: 24px auto 0;
}
.page1-2 .link .more {
    display: block; width: 104px; height: 30px; margin: 24px auto 0;
}

@media only screen and (min-width: 960px) {
    .page1-2 .img:hover {
        opacity: .64;
    }
}


.su_btn{
	display: table;
	margin: 80px auto 0;
}
.su_btn img:hover{
	opacity: 0.7;
}

/*//////////////////////////////////////////////////
01.宿泊プラン・ブログ
//////////////////////////////////////////////////*/

/* 宿泊プラン */
.common-plan {
    width: 1120px; margin: 80px auto 0;
}
.common-plan h2 img {
    margin: 0 auto;
}
.common-plan .wrapper {
    margin: 40px auto 0;
}
.common-plan .plans {
    float: left; width: 812px;
}
.common-plan .plans article {
    width: 812px; height: 200px; margin: 0 0 24px; border-radius: 12px; overflow: hidden; /*background-image: url("../img/common/common_tex-2.jpg");*/
	background: #FFFFFF; box-shadow: 0 0 5px #beac97;
 }
.common-plan .plans article a {
    display: inline-block; width: 812px; height: 200px; border-radius: 12px; overflow: hidden;
}
.common-plan .plans article:last-child {
    margin: 0;
}
.common-plan .plans .img {
    float: left; width: 300px; height: 200px; overflow: hidden;
}
.common-plan .plans .img img {
    width: 100%; height: auto;
}
.common-plan .plans h3{color:#3b2710;}
.common-plan .plans .txt {
    float: left; width: 488px; height: 176px; overflow: hidden; line-height: 1.5; padding: 12px; color:#3b2710;
}
.common-plan .plans .txt .devider {
    display: inline-block; width: 100%; height: 1px; border-bottom: dotted 1px #3b2710; margin: 8px 0;   
}
.side_bn{
    float: right;
    margin-top: 25px;
}
/* 検索フォーム */
.common-plan .form-area {
    float: right; width: 284px; height: 424px; border-radius: 12px; background-image: url("../img/common/search_back.jpg"); overflow: hidden; color: #3b2710;
}
.common-plan .plan_form img {
    display: inline-block; vertical-align: middle; margin: 0 4px 0 0;
}
.common-plan .price img {
    display: block;
}
.common-plan .check_in, .common-plan .guests, .common-plan .type, .common-plan .price {
    width: 250px; margin: 0 auto 8px; padding: 0 0 8px; border-bottom: dotted 1px #3b2710;
}
.common-plan .search_btn {
    width: 160px; margin: 24px auto 0; -webkit-transition: all .4s; transition: all .4s;
}

/* ブログ */
.common-blog {
    width: 1120px; margin: 80px auto 0;
}
.common-blog h2 img {
    margin: 0 auto;
}
.common-blog .wrapper {
    margin: 40px auto 0;
}
.common-blog .items {
    float: left; width: 812px; height: 200px;
}
.common-blog .items article {
    width: 764px; padding: 0 24px; height: 60px; border-radius: 12px; overflow: hidden; /*background-image: url("../img/common/common_tex-2.jpg");*/ margin: 0 0 10px; display: table;
	background: #e0951b;
}
.common-blog .items article:nth-of-type(3) {
    margin: 0;
}
.common-blog .items article a {
    display: table-cell; vertical-align: middle;
}
.common-blog .items article .txt {
    width: 764px; /*overflow: scroll;*/ white-space: nowrap; color: #FFFFFF;
}
.common-blog .items .date {
    display: inline-block; margin: 0 1.5em 0 0;
}
.common-blog .items h3 {
    display: inline-block;
}
.common-blog .bnr {
    display: block; float: right; width: 284px; height: 200px;
}

@media only screen and (min-width: 960px) {
    .common-plan .plans a:hover, .common-blog .items a:hover, .common-plan .search_btn:hover {
        opacity: .64;
    }
}

/*休館日のお知らせここから*/
#closed_box{
	width: 100%;
	max-width: 932px;
	margin: 30px auto;
	background: #FFFFFF;
	padding: 2% 3%;
	box-sizing: border-box;
	line-height: 1.8em;
	border: 5px solid #DCDCDC;
}
#closed_box h3{
	display:table;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 auto 20px;
	color: #FFFFFF;
	background-color: #E11C1F;
	padding: 6px 30px 5px;
	border-radius: 30px;
}
#closed_box p{
	text-align: center;
}
.closed_days{
	border-top: 2px dashed #979797;
	border-bottom: 2px dashed #979797;
	display: table;
	margin: 2% auto;
	padding: 2%;
}
.day::before{
	content:"◆";
	display: inline-block;
	margin-right: 5px;
}
.closed_days span{
	color: #E11C1F;
	font-weight: bold;
	font-size: 1.1em;
}
#closed_box .host{
	margin: 10px auto 0;
	font-size: 1.1em;
	background-color: #E8E8E8;
	display: table;
	padding: 3px 10px;
	border-radius: 4px;
}
/*休館日のお知らせここまで*/

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

.page2 {
    width: 100%; margin: 0 0 80px;
}
.page2 .layout-1 {
    width: 1120px; margin: 70px auto 0; display:flex; justify-content: space-between; align-items: center;
}
.page2 .layout-1 article {
   /*width: 510px; height: 400px; margin: 0 40px 0 0; display: table;*/
	display: flex; justify-content: center; align-items: center;  width: 510px;
}
.page2 .layout-1 .inner {
}
.page2 .layout-1 .text {
	width: 450px; margin: 0 auto;
}
.page2 .layout-1 .text ul {
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: outside;
}
.page2 .layout-1 .text ul li{
	list-style:disc;
	text-indent: inherit;
}
.page2 .layout-1 h3 img {
    margin: 0 auto;
}
.page2 .layout-1 p {
    margin: 20px 0 0;
}
.page2 .layout-1 .subtitle {
    margin:0 auto 30px; display: table;
}
.page2 .layout-1 .note {
    margin: 25px 0 0; text-align: center; 
}
.page2 .layout-1 .img {
    width: 550px; height: 400px; border-radius: 24px; overflow: hidden;
}
.page2 .layout-1 a {
    display: block; width: 314px; height: 30px; margin: 30px auto 0;
}
.page2 .layout-2 {
    width: 1080px; margin: 80px auto 0; display: flex; justify-content: space-between;
}
.page2 .layout-2 article {
    width: 23%; /*margin: 0 20px; float: left;*/
}
.page2 .layout-2 .img {
    /*width: 320px; height: 320px;*/ border-radius: 100%; overflow: hidden;
}
.page2 .layout-2 .img img{
	width: 100%; height: auto;
}
.menu_t{
	text-align: center;
	font-size: 1.4em;
	font-weight: 500;
	border-bottom: 4px dotted hsla(0,0%,100%,0.40);
	padding: 5px 0 3px;
}
.page2 .layout-2 h3 img {
    margin: 40px auto 0;
}
.page2 .layout-2 p {
    margin: 10px 10px 0;
}
.page2 .layout-2 .note {
    margin: 15px 0 0;
}
.page2 .layout-3 {
    width: 1080px; margin: 80px auto 0;
}
.page2 .layout-3 article {
    width: 500px; margin: 0 20px; float: left;
}
.page2 .layout-3 .img {
    width: 320px; height: 320px; border-radius: 100%; overflow: hidden;
}
.page2 .layout-3 h3 img {
    margin: 40px auto 0;
}
.page2 .layout-3 p {
    margin: 30px 0 0;
}
.page2 .layout-3 .note {
    margin: 15px 0 0;
}
.page2-3 .layout-1 p {
    margin: 40px 0 0;
}
.page2 .layout-4 {
    width: 1080px; margin: 0 auto ;
}
.page2 .layout-4 article {
    display: flex;
	justify-content: space-between;
	margin: 20px 0 40px;
	border-bottom: 4px dotted #527555;
	padding-bottom: 50px;
}
.new{
	border-bottom:none!important;
}
.pt_80{
	padding-top: 80px;
}
.page2 .layout-4 .img {
    width: 320px; height: 320px; border-radius: 100%; overflow: hidden;
	box-shadow: 15px 15px 0 #527555;
}
.page2 .layout-4 .txt {
	width: 720px;
	height: 320px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page2 .layout-4 h3 {
	margin-bottom: 20px;
}
.right{
	flex-direction: row-reverse;
}
.right h3 {
	display: table;
    float: right;
}
.right p {
	clear: both;
}
/*//////////////////////////////////////////////////
03.館内施設
//////////////////////////////////////////////////*/

.page3 {
    width: 100%; margin: 0 auto 80px;
}
.page3-1 {
    width: 1120px; margin: 0 auto 80px;
}
.page3-1 h3 img {
    margin: 0 auto;
}
.page3-1 .wrapper {
    margin: 40px 0 0;
}
.page3-1 article {
    float: left; width: 540px; height: 510px;
}
.page3-1 article:nth-of-type(1) {
    margin: 0 40px 40px 0;
}
.page3-1 article:nth-of-type(2) {
    margin: 0 0 40px 0;
}
.page3-1 article:nth-of-type(3) {
    margin: 0 40px 0 0;
}
.page3-1 article .img {
    width: 540px; height: 320px; border-radius: 24px; overflow: hidden;
}
.page3-1 h4 img {
    margin: 24px auto 0;
}
.page3-1 p {
    margin: 15px 0 0; text-align: center;
}
.page3-1 .note {
    margin: 10px 0 0;
}
.page3-2 {
    width: 100%; padding: 40px 0; background-image: url("../img/common/common_tex-2.jpg"); position: relative;
}
.page3-2 .inner-1 {
    height: 720px;
}
.page3-2 .inner-1 h3 img {
    margin: 0 auto;
}
.page3-2 .inner-1 .intro {
    width: 700px; padding: 40px 48px; margin: 40px auto 0; /*background-color: #fff;*/ border-radius: 24px; position: relative; z-index: 1;
	background: url("../img/common/common_tex-1.jpg")repeat;
}
.page3-2 .inner-1 .deco-1 {
    position: absolute; z-index: 2; top: 100px; left: 50%; -webkit-transform: translateX(300px); transform: translateX(300px);
}
.page3-2 .inner-1 .deco-2 {
    position: absolute; z-index: 2; top: 560px; left: 50%; -webkit-transform: translateX(-500px); transform: translateX(-500px);
}
.page3-2 .inner-1 .deco-3 {
    position: absolute; z-index: 2; top: 530px; left: 50%; -webkit-transform: translateX(130px); transform: translateX(130px);
}
.page3-2 .inner-2 {
    width: 1200px; margin: 40px auto 0;
}
.page3-2 .inner-2 .wrap {
    float: left; width: 510px; margin: 0 0 0 40px;
}
.page3-2 .inner-2 h3 img {
    margin: 0 0 40px;
}
.page3-2 .inner-2 .img {
    float: right; width: 590px; height: 600px; border-radius: 24px; overflow: hidden;
}
.page3-3 {
    width: 1200px; margin: 80px auto 0; position: relative;
}
.page3-3 article {
    float: left; width: 510px; height: 400px; margin: 0 40px; display: table;
}
.page3-3 .inner {
    display: table-cell;
}
.page3-3 h3 img {
    margin: 0 auto;
}
.page3-3 p {
    text-align: center; margin: 20px 0 0;
}
.page3-3 .subtitle {
    margin: 25px 0 0;
}
.page3-3 .deco {
    position: absolute; bottom: -10px; left: 90px;
}
.page3-3 .swiper-container {
    float: right; width: 590px; height: 400px; border-radius: 24px; overflow: hidden;
}

.page3-4 {
    width: 1200px; margin: 80px auto 0; position: relative;
}
.page3-4 article {
    float: right; width: 510px; height: 400px; margin: 0 40px; display: table;
}
.page3-4 .inner {
    display: table-cell;
	vertical-align: middle;
}
.page3-4 h3 img {
    margin: 0 auto;
}
.page3-4 p {
    text-align: center; margin: 20px 0 0;
}
.page3-4 .subtitle {
    margin: 25px 0 0;
}
.page3-4 .deco {
    position: absolute; bottom: -10px; left: 90px;
}
.page3-4 .swiper-container {
    float: right; width: 590px; height: 400px; border-radius: 24px; 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: #e6002d;
}


/*//////////////////////////////////////////////////
04.滝の湯ブランド
//////////////////////////////////////////////////*/

.page4 {
    width: 100%; margin: 0 0 80px; overflow: hidden;
}
.page4-1 {
    width: 1200px; margin: 0 auto; position: relative;
}
.page4-1 h3 img {
    margin: 0 auto 40px;
}
.page4-1 .devider-long {
    display: block; width: 100%; height: 1px; background-color: #978876;
}
.page4-1 ul {
    width: 800px; position: relative; z-index: 2;
}
.page4-1 .devider {
    width: 800px; height: 1px; background-color: #978876; padding: 0!important;
}
.page4-1 li {
    padding: 12px 0; display: table;
}
.page4-1 .title {
    display: table-cell; width: 200px; text-align: center; vertical-align: middle; font-size: 1.8rem; font-weight: bold;
}
.page4-1 .item {
    display: table-cell; width: 519px; vertical-align: middle; padding: 0 40px; border-left: solid 1px #978876;
}
.page4-2 {
    margin: 80px auto 0;
}
.page4-2 ul {
    margin: 0 0 0 400px;
}
.page4-1 .deco-1, .page4-1 .deco-2, .page4-1 .deco-3, .page4-1 .deco-4 {
    position: absolute; z-index: 2;
}
.page4-1 .deco-1 {
    top: 120px; left: 50%; -webkit-transform: translateX(200px); transform: translateX(200px);
}
.page4-1 .deco-2 {
    top: 324px; left: 50%; -webkit-transform: translateX(200px); transform: translateX(200px);
}
.page4-1 .deco-3 {
    top: 470px; left: 50%; -webkit-transform: translateX(200px); transform: translateX(200px);
}
.page4-1 .deco-4 {
    top: 0; left: 50%; z-index: 1;
}
.page4-2 .deco-1 {
    top: 140px; left: 50%; -webkit-transform: translateX(-600px); transform: translateX(-600px);
}
.page4-2 .deco-2 {
    top: 540px; left: 50%; -webkit-transform: translateX(-600px); transform: translateX(-600px);
}
.page4-2 .deco-3 {
    top: 720px; left: 50%; -webkit-transform: translateX(-600px); transform: translateX(-600px);
}

/*//////////////////////////////////////////////////
05.料金案内
//////////////////////////////////////////////////*/

.page5 {
    width: 100%; margin: 0 0 80px;
}
.page5-1 {
    position: relative; overflow: hidden;
}
.page5-1 .back {
    position: absolute; z-index: 1; top: 80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: .4;
}
.page5-1 h3 img {
    margin: 0 auto;
}
.page5-1 table {
    width: 960px; margin: 40px auto 0; border: solid 1px #978876; font-size: 1.8rem; line-height: 1.5; position: relative; z-index: 2;
}
.page5-1 th {
    padding: 24px 0; border: solid 1px #978876; background:url("../img/common/common_tex-2.jpg")repeat; color: #FFFFFF; font-weight: bold; vertical-align: middle;
}
.page5-1 td {
    width: 190px; padding: 24px 0; border: solid 1px #978876; text-align: center; vertical-align: middle;
}
.w960{
	max-width: 960px;
	width: 100%;
	margin: 0 auto 30px;
	display: table;
}
.page5-1 .zei_txt {
   margin: 20px auto 0; text-align: left; float: right;
}
.red_txt{
	color: #c40000;
}
.pri_txt{
	text-align: center;
	display: table;
	margin: 20px auto;
}
.card{
	margin-bottom: 70px;
}
.price_info{
	background-color: #FFFFFF;
	padding: 30px 30px 5px;
	box-sizing: border-box;
	border-radius: 10px;
}
.price_info li{
	line-height: 1.6em;
	margin-bottom: 20px;
	text-indent: -1.5em;
	padding-left: 1em;
}
.price_info li:before{
	content: "●";
	margin-right: 5px;
	color: #d70000;
}
.price_info li img{
	margin-top: 10px;
}

.betu_t{
	display: table;
	margin: 50px auto 0;
	clear: both;
}
.betu_table td{
	text-align: left;
	padding: 2%;
	line-height: 1.7em;
	font-size: 0.95em;
}
.betu_table td a{
	color:#CF282B;
	text-decoration: underline;
}
.betu_table td a:hover{
	color:#128322;
	text-decoration: none;
}

/*//////////////////////////////////////////////////
06.周辺観光
//////////////////////////////////////////////////*/

.page6 {
    width: 1200px; margin: 0 auto 80px;
}
.page6-1 {
    margin: 80px 0 0;
}
.page6-1 article {
    float: left; width: 510px; height: 400px; margin: 0 40px; display: table;
}
.page6-1 .inner {
    display: table-cell; vertical-align: middle; position: relative;
}
.page6-1 h3 img {
    margin: 0 auto;
}
.page6-1 p {
    width: 320px; margin: 35px auto 0;
}
.page6-1 .note {
    width: 100%; margin: 10px auto 0; display: inline-block; text-align: center;
}
.page6-1 a {
    display: block; width: 150px; height: 30px; margin: 20px auto 0;
}
.page6-1 .bnr {
    width: 304px; height: 64px; margin: 30px auto 0;
}
.page6-1 .imgs {
    float: left; width: 610px; height: 400px; position: relative;
}
.page6-1 .imgs .img {
    position: absolute; border-radius: 24px; overflow: hidden;
}
.page6-2 article, .page6-4 article {
    float: right;
}
.page6-2 p {
    width: 330px;
}
.page6-3 p {
    width: 500px;
}
.page6-4 p {
    width: 500px;
}
.page6-1 .imgs .img:nth-of-type(1) {
    top: 0; left: 0; width: 190px; height: 190px;
}
.page6-1 .imgs .img:nth-of-type(2) {
    top: 210px; left: 0; width: 190px; height: 190px;
}
.page6-1 .imgs .img:nth-of-type(3) {
    top: 0; left: 210px; width: 400px; height: 400px;
}
.page6-2 .imgs .img:nth-of-type(1) {
    top: 0; left: 0; width: 230px; height: 173px;
}
.page6-2 .imgs .img:nth-of-type(2) {
    top: 0; left: 305px; width: 230px; height: 173px;
}
.page6-2 .imgs .img:nth-of-type(3) {
    top: 227px; left: 75px; width: 230px; height: 173px;
}
.page6-2 .imgs .img:nth-of-type(4) {
    top: 227px; left: 380px; width: 230px; height: 173px;
}
.page6-3 .imgs .img:nth-of-type(1), .page6-4 .imgs .img:nth-of-type(1) {
    top: 0; left: 0; width: 610px; height: 400px;
}
.page6-1 .deco {
    position: absolute; bottom: 0; left: -80px;
}
.page6-2 .deco {
    position: absolute; bottom: 0; left: 380px;
}
.page6-1 .inner {
    left: 40px;
}
.page6-2 .inner {
    left: 0; right: 40px;
}
.page6-3 .inner, .page6-4 .inner {
    left: 0; right: 0;
}
.golf h3 {
    margin: 0 auto 25px;
}
.golf ul{
    margin-bottom: 40px;
}

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

.page7 {
    width: 1120px; margin: 0 auto 80px;
}
.page7 .gmap {
    width: 100%; height: 560px; border-radius: 24px; overflow: hidden; background-color: #ece4da;
}
.page7-2 {
    margin: 80px 0 0;
}
.page7-2 article {
    width: 50%; float: left;
    margin-bottom: 60px;
}
.page7-2 h3 {
    text-align: center;
}
.page7-2 h3 img {
    margin: 0 auto;
}
.page7-2 ul li:before{
    content: '> ';
    padding-left: 5px;
    display: inline-block;
    font-size: 0.8em;
    padding-right: 1em;
}
.page7-2 ul li{
    padding-bottom: 3px;
    border-bottom: solid 1px #ece4da;
    line-height: 2.5;
    margin-top: 15px;
}
.page7-2 ul li a{
    color: #000000;
    display: inline-block;
    width: 15em;
}
.page7-2 ul li a.bt_link{
    float: right;
    width: auto;
}
.page7-2 ul,
.page7-2 p {
    width: 470px; margin: 35px auto 0;
}
.page7-2 .note {
    width: 100%; margin: 15px auto 0; display: inline-block; text-align: center;
}



/*****************
#loopslider
******************/
#loopslider {
    margin: 60px auto 0;
    width: 1120px;
    height: 200px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 200px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 236px;
    height: 200px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}