@charset "utf-8";


/*//////////////////////////////////////////////////
全体
//////////////////////////////////////////////////*/

::selection {color: #fff; background-color: #212121;}
::-moz-selection {color: #fff; background-color: #212121;}
@font-face {font-family: ShipporiMincho-M; src: url('font/ShipporiMincho-Medium.ttf') format("truetype");}

html {width: 100%; height: 100%; font-size: 62.5%;}
body {width: 100%; height: 100%; min-width: 375px; position: relative; z-index: 1; left: 0; top: 0; background-color: #fff;}
header, main, footer, #loading_cover, #modal_menu, #header_fix, #humb_wrap, #humb_wrap_fix, #pagetop, input, textarea, select, button, #pets_txt {
	font-size: 1.4rem; line-height: 2.0; color: #212121; font-weight: 500; letter-spacing: .1rem; -webkit-text-size-adjust: 100%; word-wrap: break-word; overflow-wrap: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; -webkit-font-smoothing: antialiased;
	font-family: 'ShipporiMincho-M', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
}
header, main, footer {width: 100%; overflow: hidden;}
main, img, video {display: block;}
img {flex-shrink: 0;}
input, textarea, select, button {outline: none;}
input[type="submit"], input[type="button"], input[type="radio"], input[type="checkbox"], select, button {cursor: pointer;}
:-ms-input-placeholder {color: #757575;}
::-moz-placeholder {color: #757575;}
::-webkit-input-placeholder {color: #757575;}
a {text-decoration: none; }
a:link, a:visited, a:hover {color: #212121;}
pre {white-space: pre-wrap;}

.gothic {font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif!important; font-weight: 400!important;}
.min {font-family: 'ShipporiMincho-M', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif!important; font-weight: 500!important;}

.underline {text-decoration: underline;}
.l-space-n {letter-spacing: normal;}
.l-space-1 {letter-spacing: .1rem;}
.l-space-2 {letter-spacing: .2rem;}
.l-space-4 {letter-spacing: .4rem;}
.l-space-8 {letter-spacing: .8rem;}
.cf:after {content: ''; display: block; clear: both;}
.fit-img img {width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;';}
.scroll-style {overflow: scroll; -ms-overflow-style: none; scrollbar-width: none;}
.scroll-style::-webkit-scrollbar {display: none;}
.vertical-txt {-ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; text-orientation: upright;}
.keep-txt {word-break: keep-all; white-space: nowrap;}
.margin-0 {margin: 0!important;}
.marker {background: linear-gradient(transparent 75%, #ffff00 75%); color: #212121;}
.gra-1 {background: linear-gradient(-45deg, #212121, #757575);}

.color-white {color: #fff!important;}
.color-font {color: #212121!important;}
.color-subfont {color: #757575!important;}
.color-line {color: #e0e0e0!important;}
.color-red {color: #dc4b22!important;}

.title-lg {font-size: 2.4rem!important;}
.x-lg {font-size: 2.0rem!important;}
.x-lg-2 {font-size: 1.8rem!important;}
.lg {font-size: 1.6rem!important;}
.md {font-size: 1.4rem!important;}
.sm {font-size: 1.2rem!important;}
.x-sm {font-size: 1.0rem!important;}

@media only screen and (min-width: 640px) {
	header, main, footer, #loading_cover, #modal_menu, #header_fix, #humb_wrap, #humb_wrap_fix, #pagetop, input, textarea, select, button, #pets_txt {
		font-size: 1.5rem;
	}
	.title-lg {font-size: 3.0rem!important;}
    .x-lg {font-size: 2.4rem!important;}
	.x-lg-2 {font-size: 2.1rem!important;}
	.lg {font-size: 1.8rem!important;}
	.md {font-size: 1.5rem!important;}
	.sm {font-size: 1.3rem!important;}
	.x-sm {font-size: 1.1rem!important;}
}

@media only screen and (min-width: 960px) {
	header, main, footer, #loading_cover, #modal_menu, #header_fix, #humb_wrap, #humb_wrap_fix, #pagetop, input, textarea, select, button, #pets_txt {
		font-size: 1.6rem;
	}
    .title-lg {font-size: 3.6rem!important;}
	.x-lg {font-size: 2.8rem!important;}
	.x-lg-2 {font-size: 2.4rem!important;}
	.lg {font-size: 2.0rem!important;}
	.md {font-size: 1.6rem!important;}
	.sm {font-size: 1.4rem!important;}
	.x-sm {font-size: 1.2rem!important;}
}

@media (hover: hover) {
	.hover-48 {transition: opacity .4s;}
	.hover-48:hover {opacity: .48;}
	.hover-64 {transition: opacity .4s;}
	.hover-64:hover {opacity: .64;}
}


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

.ol-1 {
	line-height: 1.7; display: inline-block; text-align: left;
}
.ol-1 li {
	list-style: none; counter-increment: cnt; position: relative; z-index: 1; left: 0; top: 0; padding: 0 0 0 24px; margin: 8px 0 0;
}
.ol-1 li:first-of-type {
	margin: 0;
}
.ol-1 li::before {
	content: counter(cnt)"． "; display: inline-block; position: absolute; z-index: 1; left: 0; top: 0;
}

.ul-1 {
	line-height: 1.7; display: inline-block; text-align: left;
}
.ul-1 li {
	list-style: none; position: relative; z-index: 1; left: 0; top: 0; padding: 0 0 0 14px; margin: 8px 0 0;
}
.ul-1.attention li {
	padding: 0 0 0 16px;
}
.ul-1 li:first-of-type {
	margin: 0;
}
.ul-1 li::before {
	content: ''; display: inline-block; background-color: #dc4b22; width: 8px; height: 8px; border-radius: 50%; position: absolute; z-index: 1; left: 0; top: 7px;
}
.ul-1.color-white li::before {
	background-color: #fff;
}
.ul-1.md li::before {
    top: 8px;
}
.ul-1.attention li::before {
	content: '※'; background: none; width: auto; height: auto; border-radius: 0; top: 0!important;
}
.ul-1 span {
	display: inline-block;
}

.table-1 {
	line-height: 1.7; width: 100%;
}
.table-1 tr {
	border-bottom: solid 1px #e0e0e0;
}
.table-1 tr.border-dashed {
	border-bottom: dashed 1px #e0e0e0;
}
.table-1 tr:first-of-type {
	border-top: solid 1px #e0e0e0;
}
.table-1 th {
	text-align: left; padding: 12px; word-break: keep-all; white-space: nowrap;
}
.table-1.md th {
	padding: 16px;
}
.table-1 th span {
	display: inline-block;
}
.table-1 td {
	padding: 12px;
}
.table-1.md td {
	padding: 16px;
}
.table-1 td.center {
	text-align: center;
}
.table-1 td span {
	display: inline-block;
}

#pagetop {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 2px 0 0 0; position: fixed; z-index: 10; right: 0; bottom: -40px; cursor: pointer; opacity: 0; transition: all .4s; background-color: #212121;
}
#pagetop .arrow {
	display: block; background-image: url("../img/common/common_arrow-white.svg"); background-size: cover; width: 4px; height: 4px; transform: rotate(-90deg);
}

#lang_fix {
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 128px; height: 28px; border-radius: 2px; background-color: #dc4b22; position: fixed; z-index: 10; left: 6vw; bottom: 32px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .16);
}
#lang_fix .g-translate-wrap {
    width: 100%!important; height: 100%!important; position: absolute; z-index: 2; left: 0; top: 0;
}
#lang_fix  .gtranslate_wrapper {
    width: 100%!important; height: 100%!important;
}
#lang_fix select {
    font-family: 'ShipporiMincho-M', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif!important; font-weight: 500!important;
    font-size: 1.6rem; cursor: pointer; transform: scale(0.8);
}
#lang_fix option {
    color: #212121!important;
}

#pets_txt {
    line-height: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 88%; max-width: 600px; height: 28px; border-radius: 2px; background-color: #dc4b22; position: fixed; z-index: 10; left: 50%; bottom: 92px; transform: translate(-50%, 0); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .16);
}
#pets_txt::before {
    content: ''; display: block; background-image: url("../img/common/common_pdf-white.svg"); background-size: cover; width: 12px; height: 12px; position: absolute; z-index: 1; left: 8px; top: 8px;
}
#pets_txt .txt {
    position: relative; z-index: 1; left: 0; top: -1px;
}

.title-layout-1 {
    line-height: 1.7; text-align: center;
}
.title-layout-1 img {
    width: auto; height: 12px; margin: 0 auto;
}
.title-layout-1 .txt {
    display: inline-block; margin: 16px 0 0;
}

.btn-1 {
    line-height: 1; display: inline-block; padding: 0 8px 8px 0; position: relative; z-index: 1; left: 0; top: 0;
}
.btn-1::before {
    content: ''; display: block; background-image: url("../img/common/common_arrow.svg"); background-size: cover; width: 4px; height: 4px; position: absolute; z-index: 1; right: 0; top: calc(50% - 4px); transform: translate(0, -50%);
}
.btn-1::after {
    content: ''; display: block; width: 100%; height: 1px; background-color: #757575; position: absolute; z-index: 1; left: 0; bottom: 0;
}

.section-devider {
   width: 88%; margin: 0 auto; padding: 60px 0; position: relative; z-index: 1; left: 0; top: 0;
}
.section-devider .deco {
    display: block; background-image: url("../img/common/common_deco-3.png"); background-size: cover; width: 24px; height: 6px; position: absolute; z-index: 1; left: 50%; top: 48%; transform: translate(-50%, -50%);
}
.section-devider .line {
    display: block; width: calc(50% - 20px); height: 1px; background-color: #e0e0e0; position: absolute; z-index: 1; top: 50%; transform: translate(0, -50%);
}
.section-devider .line-1 {
    left: 0;
}
.section-devider .line-2 {
    right: 0;
}

.header-under {
    height: 320px; position: relative; z-index: 1; left: 0; bottom: 0;
}
.header-under h1 {
    line-height: 1; display: inline-block; background-color: #fff; padding: 32px 40px 32px 6%; position: absolute; z-index: 2; left: 0; bottom: 0;
}
.header-under h1 img {
    width: auto; height: 21px;
}
.header-under h1 .txt {
    display: inline-block; margin: 16px 0 0;
}
.header-under .img {
    height: 100%; position: relative; z-index: 1; left: 0; bottom: 0;
}

.section-layout-1 {
    padding: 80px 0 0; position: relative; z-index: 1; left: 0; top: 0;
}
.section-layout-1::after {
    content: ''; display: block; background-image: url("../img/common/common_tex-1.jpg"); background-size: cover; width: 100%; height: calc(140vw + 120px); position: absolute; z-index: 1; left: 0; bottom: 30px;
}
.section-layout-1.pets::after {
    height: calc(66vw + 120px);
}
.section-layout-1 .wrap-1 {
    width: 88%; margin: 0 auto; position: relative; z-index: 2; left: 0; top: 0;
}
.section-layout-1 .txt-wrap {
    max-width: 600px; margin: 0 auto;
}
.section-layout-1 .txt-wrap h2 {
    line-height: 1.7; text-align: center;
}
.section-layout-1 .txt-wrap p {
    margin: 32px 0 0;
}
.section-layout-1 .txt-wrap .ul-1 {
    margin: 20px 0 0;
}
.section-layout-1 .wrap-1 .img {
    border-radius: 6px; overflow: hidden; margin: 60px 0 0;
}
.section-layout-1 .wrap-1 .img.img-sp {
    max-width: 600px; margin: 0 auto 60px;
}
.section-layout-1 .wrap-1 .img.img-pc {
    display: none;
}
.section-layout-1 .imgs {
    margin: 60px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: relative; z-index: 2; left: 0; top: 0;
}
.section-layout-1 .imgs .img {
    border-radius: 6px; overflow: hidden;
}
.section-layout-1 .imgs .img:first-of-type {
    width: 88%; margin: 0 0 0 6%;
}
.section-layout-1 .imgs .img:nth-of-type(2) {
    width: 44%; margin: 120px 0 0 6%;
}
.section-layout-1 .imgs .img:nth-of-type(3) {
    width: 44%; position: absolute; z-index: 1; left: calc(50% + 60px); bottom: 60px;
}

.section-layout-2 {
    padding: 60px 0 0;
}
.section-layout-2 .inner {
    width: 88%; margin: 0 auto;
}
.section-layout-2 h2 {
    line-height: 1.7; text-align: center;
}
.section-layout-2 .intro-txt {
    max-width: 600px; margin: 32px auto 0;
}
.section-layout-2 .intro-txt .subtitle {
    line-height: 1.7; margin: 0 0 12px;
}
.section-layout-2 .intro-txt .subtitle .txt {
    display: inline-block; position: relative; z-index: 1; left: 0; top: 0; padding: 0 0 0 24px;
}
.section-layout-2 .intro-txt .subtitle .txt::before {
    content: ''; display: block; background-size: cover; width: 16px; height: 16px; position: absolute; z-index: 1; left: 0; top: 50%; transform: translate(0, -50%);
}
.section-layout-2 .intro-txt.enmusubi .subtitle .txt::before {
    background-image: url("../img/common/common_enmusubi.svg");
}
.section-layout-2 .intro-txt.active .subtitle .txt::before {
    background-image: url("../img/common/common_active.svg");
}
.section-layout-2 .item-wrap {
    max-width: 360px; margin: 40px auto 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 40px;
}
.section-layout-2 .item {
    width: 100%;
}
.section-layout-2 .item .img {
    display: block; border-radius: 6px; overflow: hidden; position: relative; z-index: 1; left: 0; top: 0;
}
.section-layout-2 .item .img::before {
    content: ''; display: block; width: 28px; height: 28px; background-color: rgba(255, 255, 255, .88); position: absolute; z-index: 2; right: 0; top: 0;
}
.section-layout-2 .item .img::after {
    content: ''; display: block; background-image: url("../img/common/common_exlink.svg"); width: 12px; height: 12px; position: absolute; z-index: 2; right: 8px; top: 8px;
}
.section-layout-2 .item .img img {
    position: relative; z-index: 1; left: 0; top: 0;
}
.section-layout-2 .item .txt-wrap {
    line-height: 1.7; padding: 26px 0 0; position: relative; z-index: 2; left: 0; top: 0;
}
.section-layout-2 .item .txt-wrap .time {
    line-height: 1; width: 50%; height: 28px; border-radius: 14px; background-color: #212121; position: absolute; z-index: 1; left: 50%; top: 0; transform: translate(-50%, -50%); display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
.section-layout-2 .item .txt-wrap h3 {
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
.section-layout-2 .item .txt-wrap p {
    margin: 12px 0 0;
}

.img.inview {
    opacity: 0; transition: opacity 1.6s;
}
.img.inview.active {
    opacity: 1;
}

@media only screen and (min-width: 640px) {
	.ol-1 li {
		padding: 0 0 0 26px;
	}
	
	.ul-1 li {
		padding: 0 0 0 16px;
	}
	.ul-1.attention li {
		padding: 0 0 0 18px;
	}
	.ul-1 li::before {
		top: 7.5px;
	}
    .ul-1.md li::before {
        top: 9px;
    }
	
	.table-1 th {
		padding: 14px;
	}
	.table-1.md th {
		padding: 20px;
	}
	.table-1 td {
		padding: 14px;
	}
	.table-1.md td {
		padding: 20px;
	}
	
	#pagetop {
		width: 44px; height: 44px; bottom: -44px;
	}
    #pagetop .arrow {
	    width: 5px; height: 5px;
    }
    
    #lang_fix {
        width: 129px; height: 30px; left: 5vw; bottom: 40px;
    }
    
    #pets_txt {
        width: 90%; height: 30px; bottom: 110px;
    }
    #pets_txt::before {
        width: 14px; height: 14px;
    }
    
    .title-layout-1 img {
        height: 14px;
    }
    .title-layout-1 .txt {
        margin: 20px 0 0;
    }
    
    .btn-1 {
        padding: 0 10px 10px 0;
    }
    .btn-1::before {
        width: 5px; height: 5px; top: calc(50% - 5px);
    }
    
    .section-devider {
       width: 90%; padding: 90px 0;
    }
    .section-devider .deco {
        width: 36px; height: 9px;
    }
    .section-devider .line {
        width: calc(50% - 28px);
    }
    
    .header-under {
        height: 480px;
    }
    .header-under h1 {
        padding: 40px 52px 40px 5%;
    }
    .header-under h1 img {
        height: 23px;
    }
    .header-under h1 .txt {
        margin: 20px 0 0;
    }
    
    .section-layout-1 {
        padding: 120px 0 0;
    }
    .section-layout-1::after {
        height: calc(143vw + 180px); bottom: 45px;
    }
    .section-layout-1.pets::after {
        height: calc(70vw + 180px);
    }
    .section-layout-1 .wrap-1 {
        width: 90%;
    }
    .section-layout-1 .txt-wrap p {
        margin: 40px 0 0;
    }
    .section-layout-1 .txt-wrap .ul-1 {
        margin: 26px 0 0;
    }
    .section-layout-1 .wrap-1 .img {
        border-radius: 7px; margin: 90px 0 0;
    }
    .section-layout-1 .wrap-1 .img.img-sp {
        margin: 0 auto 90px;
    }
    .section-layout-1 .imgs {
        margin: 90px 0 0;
    }
    .section-layout-1 .imgs .img {
        border-radius: 7px;
    }
    .section-layout-1 .imgs .img:first-of-type {
        width: 90%; margin: 0 0 0 5%;
    }
    .section-layout-1 .imgs .img:nth-of-type(2) {
        width: 45%; margin: 180px 0 0 5%;
    }
    .section-layout-1 .imgs .img:nth-of-type(3) {
        width: 45%; left: calc(50% + 90px); bottom: 90px;
    }
    
    .section-layout-2 {
        padding: 90px 0 0;
    }
    .section-layout-2 .inner {
        width: 90%;
    }
    .section-layout-2 .intro-txt {
        margin: 40px auto 0;
    }
    .section-layout-2 .intro-txt .subtitle {
        margin: 0 0 14px;
    }
    .section-layout-2 .intro-txt .subtitle .txt {
        padding: 0 0 0 26px;
    }
    .section-layout-2 .intro-txt .subtitle .txt::before {
        width: 18px; height: 18px;
    }
    .section-layout-2 .item-wrap {
        max-width: 770px; margin: 52px auto 0; gap: 50px;
    }
    .section-layout-2 .item {
        width: calc(50% - 25px);
    }
    .section-layout-2 .item .img {
        border-radius: 7px;
    }
    .section-layout-2 .item .img::before {
        width: 30px; height: 30px;
    }
    .section-layout-2 .item .img::after {
        width: 14px; height: 14px;
    }
    .section-layout-2 .item .txt-wrap {
        padding: 29px 0 0;
    }
    .section-layout-2 .item .txt-wrap .time {
        height: 30px; border-radius: 15px;
    }
    .section-layout-2 .item .txt-wrap p {
        margin: 14px 0 0;
    }
}

@media only screen and (min-width: 960px) {
	.ol-1 li {
		padding: 0 0 0 28px;
	}
	
	.ul-1 li {
		padding: 0 0 0 18px;
	}
	.ul-1.attention li {
		padding: 0 0 0 20px;
	}
	.ul-1 li::before {
		top: 8px;
	}
    .ul-1.md li::before {
        top: 10px;
    }
	
	.table-1 th {
		padding: 16px;
	}
	.table-1.md th {
		padding: 24px;
	}
	.table-1 td {
		padding: 16px;
	}
	.table-1.md td {
		padding: 24px;
	}
    
	#pagetop {
		width: 48px; height: 48px; bottom: -48px;
	}
    #pagetop .arrow {
	    width: 6px; height: 6px;
    }
    
    #lang_fix {
        width: 130px; height: 32px; left: 4vw; bottom: 48px;
    }
    
    #pets_txt {
        width: 92%; height: 32px; bottom: 48px;
    }
    #pets_txt::before {
        width: 16px; height: 16px;
    }
    
    .title-layout-1:not(.center) {
        text-align: left;
    }
    .title-layout-1 img {
        height: 16px;
    }
    .title-layout-1:not(.center) img {
        margin: 0;
    }
    .title-layout-1 .txt {
        margin: 24px 0 0;
    }
    
    .btn-1 {
        padding: 0 12px 12px 0;
    }
    .btn-1::before {
        width: 6px; height: 6px; top: calc(50% - 6px);
    }
    
    .section-devider {
       width: 92%; padding: 120px 0;
    }
    .section-devider .deco {
        width: 48px; height: 12px;
    }
    .section-devider .line {
        width: calc(50% - 36px);
    }
    
    .header-under {
        height: 640px;
    }
    .header-under::before {
        content: ''; display: block; width: 100%; height: 154px; background-color: rgba(0, 0, 0, .32); position: absolute; z-index: 2; left: 0; top: 0;
    }
    .header-under::after {
        content: ''; display: block; width: 100%; height: 77px; background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .32)); position: absolute; z-index: 2; left: 0; top: 154px;
    }
    .header-under h1 {
        padding: 48px 64px 48px 4%;
    }
    .header-under h1 img {
        height: 25px;
    }
    .header-under h1 .txt {
        margin: 24px 0 0;
    }
    
    .section-layout-1 {
        padding: 160px 0 0;
    }
    .section-layout-1::after {
        width: calc(50% + 120px); height: 44.5%; left: auto; right: 0; bottom: 120px;
    }
    .section-layout-1.pets::after {
        height: 44.5%;
    }
    .section-layout-1 .wrap-1 {
        width: 92%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
    }
    .section-layout-1 .txt-wrap {
        width: 40%;
    }
    .section-layout-1 .txt-wrap h2 {
        text-align: left;
    }
    .section-layout-1 .txt-wrap p {
        margin: 48px 0 0;
    }
    .section-layout-1 .txt-wrap .ul-1 {
        margin: 32px 0 0;
    }
    .section-layout-1 .wrap-1 .img {
        border-radius: 8px; margin: 0; width: 50%;
    }
    .section-layout-1 .wrap-1 .img.img-sp {
        display: none;
    }
    .section-layout-1 .wrap-1 .img.img-pc {
        display: block;
    }
    .section-layout-1 .imgs {
        margin: 120px 0 0;
    }
    .section-layout-1 .imgs .img {
        border-radius: 8px;
    }
    .section-layout-1 .imgs .img:first-of-type {
        width: 50%; margin: 0 0 0 4%;
    }
    .section-layout-1 .imgs .img:nth-of-type(2) {
        width: 25%; margin: 160px 0 0 8%;
    }
    .section-layout-1 .imgs .img:nth-of-type(3) {
        width: 25%; left: 95%; bottom: 160px;
    }
    
    .section-layout-2 {
        padding: 120px 0 0;
    }
    .section-layout-2 .inner {
        width: 92%;
    }
    .section-layout-2 .intro-txt {
        margin: 48px auto 0;
    }
    .section-layout-2 .intro-txt .subtitle {
        margin: 0 0 16px;
    }
    .section-layout-2 .intro-txt .subtitle .txt {
        padding: 0 0 0 28px;
    }
    .section-layout-2 .intro-txt .subtitle .txt::before {
        width: 20px; height: 20px;
    }
    .section-layout-2 .item-wrap {
        max-width: 1200px; margin: 64px auto 0; gap: 60px;
    }
    .section-layout-2 .item {
        width: calc(33.3% - 40px);
    }
    .section-layout-2 .item .img {
        border-radius: 8px;
    }
    .section-layout-2 .item .img::before {
        width: 32px; height: 32px;
    }
    .section-layout-2 .item .img::after {
        width: 16px; height: 16px;
    }
    .section-layout-2 .item .txt-wrap {
        padding: 32px 0 0;
    }
    .section-layout-2 .item .txt-wrap .time {
        height: 32px; border-radius: 16px;
    }
    .section-layout-2 .item .txt-wrap p {
        margin: 16px 0 0;
    }
}

@media only screen and (min-width: 1280px) {
    .section-devider {
       width: 1200px;
    }
    
    .header-under h1 {
        padding: 48px 64px 48px calc(50% - 600px);
    }
    
    .section-layout-1 .wrap-1 {
        width: 1200px;
    }
    .section-layout-1 .imgs .img:first-of-type {
        width: 600px; margin: 0 0 0 calc(50% - 600px);
    }
    .section-layout-1 .imgs .img:nth-of-type(2) {
        width: 300px; margin: 160px 0 0 160px;
    }
    .section-layout-1 .imgs .img:nth-of-type(3) {
        width: 300px; left: calc(50% + 620px);
    }
    
    .section-layout-2 .inner {
        width: 1200px;
    }
}

@media (hover: hover) {
	#pagetop .arrow {
		transition: opacity .4s;
	}
	#pagetop:hover .arrow {
		opacity: .48;
	}
    
    #pets_txt:hover {
        box-shadow: none;
    }
    #pets_txt::before {
        transition: opacity .4s;
    }
    #pets_txt:hover::before {
        opacity: .48;
    }
    #pets_txt .txt {
        transition: opacity .4s;
    }
    #pets_txt:hover .txt {
        opacity: .48;
    }
    
    .btn-1 {
		transition: opacity .4s;
    }
    .btn-1:hover {
		opacity: .48;
    }
    
    .section-layout-2 .item .img img {
        transition: opacity .4s;
    }
    .section-layout-2 .item .img:hover img {
        opacity: .64;
    }
}


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

#loading_cover {
	line-height: 1; width: 100%; min-width: 375px; height: 100vh; position: fixed; z-index: 100; left: 0; top: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #fff;
}
.loading-logo {
	display: none; width: 120px;
}
.loading-logo img {
	width: 100%; height: auto;
}

@media only screen and (min-width: 640px) {
    .loading-logo {
	    width: 140px;
    }
}

@media only screen and (min-width: 960px) {
    .loading-logo {
	    width: 160px;
    }
}


/*//////////////////////////////////////////////////
ハンバーガーメニュー
//////////////////////////////////////////////////*/

#humb_wrap_fix {
    width: 40px; height: 40px; position: fixed; z-index: 20; right: 6vw; top: 34px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; cursor: pointer;
}
#humb_wrap_fix .humb {
    width: 100%; height: 12px; position: relative; z-index: 1; left: 0; top: 0;
}
#humb_wrap_fix span {
	display: block; width: 100%; height: 1px; background-color: #212121; position: absolute; z-index: 1; left: 0;
}
#humb_wrap_fix span:nth-of-type(1) {
	top: 0;
}
#humb_wrap_fix span:nth-of-type(2) {
	bottom: 0;
}
#humb_wrap_fix.active span {
    background-color: #fff;
}

@media only screen and (min-width: 640px) {
    #humb_wrap_fix {
        width: 44px; height: 44px; right: 5vw; top: 43.5px;
    }
    #humb_wrap_fix .humb {
        height: 14px;
    }
}

@media only screen and (min-width: 960px) {
    #humb_wrap_fix {
        width: 48px; height: 48px; right: 4vw; top: 53px;
    }
    #humb_wrap_fix .humb {
        height: 16px;
    }
}

@media (hover: hover) {	
	#humb_wrap_fix span {
		transition: all .4s;
	}
	#humb_wrap_fix:hover span:nth-of-type(1) {
		top: 50%; transform: translate(0, -50%);
	}
	#humb_wrap_fix:hover span:nth-of-type(2) {
		bottom: 50%; transform: translate(0, 50%);
	}
}


/*//////////////////////////////////////////////////
モーダルメニュー
//////////////////////////////////////////////////*/

#modal_cover {
	display: none; width: 100%; min-width: 375px; height: 100vh; background-color: rgba(255, 255, 255, 0); position: fixed; z-index: 80; left: 0; top: 0;
}
#modal_menu {
	line-height: 1; height: 100vh; background-color: #fff; position: fixed; z-index: 90; right: 0; top: 0; transform: translate(100%, 0); transition: transform .4s;
}
#modal_menu::before, #modal_menu::after {
    content: ''; display: block; width: 100%; height: 40px; position: absolute; z-index: 2; left: 0; top: 0; background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
#modal_menu::after {
    top: auto; bottom: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
#menu_close {
    position: absolute; z-index: 3; right: 6vw; top: 34px; cursor: pointer;
}
#menu_close .close {
    width: 25px; height: 25px; position: relative; z-index: 1; left: 0; top: 0;
}
#menu_close span {
    display: block; width: 100%; height: 1px; background-color: #212121; position: absolute; z-index: 1; left: 0;
}
#menu_close span:nth-of-type(1) {
    top: 0; transform: translateY(12px) rotate(-45deg);
}
#menu_close span:nth-of-type(2) {
    bottom: 0; transform: translateY(-12px) rotate(45deg);
}
#modal_menu .inner {
    height: 100%; position: relative; z-index: 1; left: 0; top: 0;
}
#modal_menu .wrap {
    padding: 80px 40px 270px; min-height: 100vh; box-sizing: border-box; position: relative; z-index: 1; left: 0; top: 0;
}
#modal_menu .logo {
    width: 120px; margin: 0 auto;
}
#modal_menu .logo a {
    display: inline-block; width: 100%;
}
#modal_menu .logo img {
    width: 100%; height: auto;
}
#modal_menu nav {
    padding: 16px 0 0px;
}
#modal_menu nav li {
    margin: 16px 0 0;
}
#modal_menu nav a {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 280px; position: relative; z-index: 1; left: 0; top: 0; padding: 8px 0;
}
#modal_menu nav a::after {
    content: ''; display: block; width: 100%; height: 1px; background-color: #e0e0e0; position: absolute; z-index: 1; left: 0; top: 50%; transform: translate(0, -50%);
}
#modal_menu nav a .txt {
    display: inline-block; position: relative; z-index: 2; left: 0; top: 0; padding: 0 8px 0 0; background-color: #fff;
}
#modal_menu nav a .img {
    display: inline-block; height: 19px; position: relative; z-index: 2; left: 0; top: 0; padding: 0 0 0 8px; background-color: #fff;
}
#modal_menu nav a .img img {
    width: auto; height: 100%;
}
#modal_menu .rsv {
    text-align: center; width: 100%; height: 198px; padding: 0 0 40px; background-image: url("../img/common/common_tex-1.jpg"); background-size: cover; background-position: center center; position: absolute; z-index: 2; left: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
#modal_menu .rsv a {
    text-align: center; display: inline-block;
}
#modal_menu .rsv a img {
    width: 92px; height: auto;
}
#modal_menu .rsv .txt {
    display: inline-block; margin: 12px 0 0; position: relative; z-index: 1; left: 0; top: 0; padding: 0 12px 8px 0;
}
#modal_menu .rsv .txt::before {
    content: ''; display: block; background-image: url("../img/common/common_exlink.svg"); background-size: cover; width: 8px; height: 8px; position: absolute; z-index: 1; right: 0; top: calc(50% - 4px); transform: translate(0, -45%);
}
#modal_menu .rsv .txt::after {
    content: ''; display: block; width: 100%; height: 1px; background-color: #212121; position: absolute; z-index: 1; left: 0; bottom: 0;
}
#modal_menu .rsv .addr-tel {
    text-align: center; margin: 32px 0 0;
}
#modal_menu .rsv .addr-tel .addr {
    display: inline-block;
}
#modal_menu .rsv .addr-tel .tel {
    display: inline-block; margin: 16px 0 0;
}

@media only screen and (min-width: 640px) {
    #modal_menu::before, #modal_menu::after {
        height: 52px;
    }
    #menu_close {
        right: 5vw; top: 43.5px;
    }
    #menu_close .close {
        width: 29px; height: 29px;
    }
    #menu_close span:nth-of-type(1) {
        transform: translateY(14px) rotate(-45deg);
    }
    #menu_close span:nth-of-type(2) {
        transform: translateY(-14px) rotate(45deg);
    }
    #modal_menu .wrap {
        padding: 104px 52px 334px;
    }
    #modal_menu .logo {
        width: 140px;
    }
    #modal_menu nav {
        padding: 22px 0 0px;
    }
    #modal_menu nav li {
        margin: 20px 0 0;
    }
    #modal_menu nav a {
        width: 340px; padding: 10px 0;
    }
    #modal_menu nav a .txt {
        padding: 0 10px 0 0;
    }
    #modal_menu nav a .img {
        height: 22px; padding: 0 0 0 10px;
    }
    #modal_menu .rsv {
        height: 242px; padding: 0 0 52px;
    }
    #modal_menu .rsv a img {
        width: 112px;
    }
    #modal_menu .rsv .txt {
        margin: 14px 0 0; padding: 0 13.5px 10px 0;
    }
    #modal_menu .rsv .txt::before {
        width: 9px; height: 9px; top: calc(50% - 5px);
    }
    #modal_menu .rsv .addr-tel {
        margin: 40px 0 0;
    }
    #modal_menu .rsv .addr-tel .tel {
        margin: 20px 0 0;
    }
}

@media only screen and (min-width: 960px) {
    #modal_menu::before, #modal_menu::after {
        height: 64px;
    }
    #menu_close {
        right: 4vw; top: 53px;
    }
    #menu_close .close {
        width: 33px; height: 33px;
    }
    #menu_close span:nth-of-type(1) {
        transform: translateY(16px) rotate(-45deg);
    }
    #menu_close span:nth-of-type(2) {
        transform: translateY(-16px) rotate(45deg);
    }
    #modal_menu .wrap {
        padding: 128px 64px 398px;
    }
    #modal_menu .logo {
        width: 160px;
    }
    #modal_menu nav {
        padding: 28px 0 0px;
    }
    #modal_menu nav li {
        margin: 24px 0 0;
    }
    #modal_menu nav a {
        width: 400px; padding: 12px 0;
    }
    #modal_menu nav a .txt {
        padding: 0 12px 0 0;
    }
    #modal_menu nav a .img {
        height: 25px; padding: 0 0 0 12px;
    }
    #modal_menu .rsv {
        height: 286px; padding: 0 0 64px;
    }
    #modal_menu .rsv a img {
        width: 132px;
    }
    #modal_menu .rsv .txt {
        margin: 16px 0 0; padding: 0 15px 12px 0;
    }
    #modal_menu .rsv .txt::before {
        width: 10px; height: 10px; top: calc(50% - 6px);
    }
    #modal_menu .rsv .addr-tel {
        margin: 48px 0 0;
    }
    #modal_menu .rsv .addr-tel .tel {
        margin: 24px 0 0;
    }
}

@media (hover: hover) {
    #menu_close .close {
        transition: opacity .4s;
    }
    #menu_close:hover .close {
        opacity: .48;
    }
	#modal_menu nav a {
        transition: opacity .4s;
	}
	#modal_menu nav a:hover {
        opacity: .48;
	}
    #modal_menu .rsv a {
        transition: opacity .4s;
    }
    #modal_menu .rsv a:hover {
        opacity: .48;
    }
}


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

header {
	line-height: 1; padding: 32px 0;
}
header .inner {
	width: 88%; margin: 0 auto;
}
header .logo {
    width: 120px; margin: 0 auto;
}
header .logo a {
	display: inline-block; width: 100%;
}
header .logo img {
	width: 100%; height: auto;
}
header nav {
	display: none;
}

@media only screen and (min-width: 640px) {
    header {
	    padding: 40px 0;
    }
    header .inner {
	    width: 90%;
    }
    header .logo {
        width: 140px;
    }
}

@media only screen and (min-width: 960px) {
    header {
	    padding: 48px 0; position: absolute; z-index: 10; left: 0; top: 0; width: 100%;
    }
    header .inner {
	    width: 92%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
    }
    header .logo {
        width: 160px; margin: 0;
    }
    header nav {
        display: block; width: calc(100% - 160px - 96px); margin: 0 96px 0 0;
    }
    header nav ul {
	    width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 3.4%;
    }
    header nav li {
	    display: inline-block;
    }
    header nav .active, header nav a {
	    display: inline-block; padding: 12px 0; position: relative; z-index: 1; left: 0; top: 0;
    }
    header nav .active::after {
        content: ''; display: block; width: 32px; height: 1px; background-color: rgba(255, 255, 255, .88); position: absolute; z-index: 1; left: 50%; bottom: 0; transform: translate(-50%, 0);
    }
    header nav .active img, header nav a img {
	    width: auto; height: 25px;
    }
}

@media only screen and (min-width: 1280px) {
    header nav ul {
        gap: 32px;
    }
}

@media (hover: hover) {
    header nav a {
        transition: opacity .4s;
    }
    header nav a:hover {
        opacity: .48;
    }
}


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

footer {
	line-height: 1; padding: 60px 0 92px;
}
footer .bnr-plan {
	line-height: 1; height: 240px; position: relative; z-index: 1; left: 0; top: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
footer .bnr-plan .img {
	width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0;
}
footer .bnr-plan::after {
	content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .32); position: absolute; z-index: 2; left: 0; top: 0;
}
footer .bnr-plan a {
    text-align: center; display: inline-block; position: relative; z-index: 3; left: 0; top: 0;
}
footer .bnr-plan a img {
    width: 173.25px; height: auto;
}
footer .bnr-plan a .txt {
    display: inline-block; margin: 16px 0 0; position: relative; z-index: 1; left: 0; top: 0; padding: 0 15px 8px 0;
}
footer .bnr-plan a .txt::before {
    content: ''; display: block; background-image: url("../img/common/common_exlink-white.svg"); background-size: cover; width: 10px; height: 10px; position: absolute; z-index: 1; right: 0; top: calc(50% - 4px); transform: translate(0, -40%);
}
footer .bnr-plan a .txt::after {
    content: ''; display: block; width: 100%; height: 1px; background-color: rgba(255, 255, 255, .88); position: absolute; z-index: 1; left: 0; bottom: 0;
}
footer .inner {
    width: 88%; margin: 0 auto;
}
footer .yado-info {
    text-align: center; margin: 44px 0 0;
}
footer .logo {
    width: 120px; margin: 0 auto;
}
footer .logo a {
	display: inline-block;
}
footer .logo img {
	width: 100%; height: auto;
}
footer .yado-name {
    margin: 16px 0 0;
}
footer .addr {
    margin: 16px 0 0;
}
footer .tel {
    margin: 16px 0 0;
}
footer .tel a {
    display: inline-block;
}
footer .check-in-out {
    margin: 18px 0 0;
}
footer .check-in-out p {
    display: inline-block;
}
footer .check-in-out .check-out {
    margin: 12px 0 0;
}
footer .check-in-out .devider {
    display: none;
}
footer .section-devider {
    width: 100%; padding: 40px 0;
}
footer .sitemap ul {
    display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 20px;
}
footer .sitemap li {
    display: inline-block;
}
footer .sitemap li a {
    display: inline-block;
}
footer .copy {
	width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 44px 0 0;
}
footer .copy a {
	display: inline-block; width: 44px; height: 13px;
}
footer .copy p {
	display: inline-block;
}

@media only screen and (min-width: 640px) {
    footer {
	    padding: 90px 0 40px;
    }
    footer .bnr-plan {
        height: 280px;
    }
    footer .bnr-plan a img {
        width: 202.125px;
    }
    footer .bnr-plan a .txt {
        margin: 20px 0 0; padding: 0 16.5px 10px 0;
    }
    footer .bnr-plan a .txt::before {
        width: 11px; height: 11px; top: calc(50% - 5px);
    }
    footer .inner {
        width: 90%;
    }
    footer .yado-info {
        margin: 66px 0 0;
    }
    footer .logo {
        width: 140px;
    }
    footer .yado-name {
        margin: 20px 0 0;
    }
    footer .addr {
        margin: 20px 0 0;
    }
    footer .tel {
        margin: 20px 0 0;
    }
    footer .check-in-out {
        margin: 23px 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px;
    }
    footer .check-in-out .check-out {
        margin: 0;
    }
    footer .check-in-out br {
        display: none;
    }
    footer .check-in-out .devider {
        display: block; width: 1px; height: 13px; background-color: #e0e0e0;
    }
    footer .section-devider {
        padding: 52px 0;
    }
    footer .sitemap ul {
        gap: 26px;
    }
    footer .copy {
	    margin: 66px 0 0;
    }
}

@media only screen and (min-width: 960px) {
    footer {
	    padding: 120px 0 48px;
    }
    footer .bnr-plan {
        height: 320px;
    }
    footer .bnr-plan a img {
        width: 231px;
    }
    footer .bnr-plan a .txt {
        margin: 24px 0 0; padding: 0 18px 12px 0;
    }
    footer .bnr-plan a .txt::before {
        width: 12px; height: 12px; top: calc(50% - 6px);
    }
    footer .inner {
        width: 92%;
    }
    footer .yado-info {
        margin: 88px 0 0;
    }
    footer .logo {
        width: 160px;
    }
    footer .yado-name {
        margin: 24px 0 0;
    }
    footer .addr {
        margin: 24px 0 0;
    }
    footer .tel {
        margin: 24px 0 0;
    }
    footer .check-in-out {
        margin: 28px 0 0; gap: 16px;
    }
    footer .check-in-out .devider {
        height: 14px;
    }
    footer .section-devider {
        padding: 64px 0;
    }
    footer .sitemap ul {
        gap: 32px;
    }
    footer .copy {
	    margin: 88px 0 0;
    }
}

@media only screen and (min-width: 1280px) {
    footer .inner {
        width: 1200px;
    }
}

@media (hover: hover) {    
    footer .sitemap li a {
        transition: opacity .4s;
    }
    footer .sitemap li a:hover {
        opacity: .48;
    }
}


/*//////////////////////////////////////////////////
01.フロントページ
//////////////////////////////////////////////////*/

#main_visual {
	width: 100%; height: auto; background-image: url("../movie/top.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 1; left: 0; top: 0; overflow: hidden;
}
#main_visual::before {
	content: ''; display: block; padding: 56.25% 0 0;
}
#main_movie {
	width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0;
}
#main_movie video {
	width: 101%; height: 101%; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%);
}

.front-page .intro {
    padding: 160px 0 60px; position: relative; z-index: 1; left: 0; top: 0;
}
.front-page .intro::before {
    content: ''; display: block; background-image: url("../img/common/common_deco-1.png"); background-size: cover; width: 240px; height: 105px; position: absolute; z-index: 1; left: 50%; top: 55px; transform: translate(-215px, 0);
}
.front-page .intro::after {
    content: ''; display: block; background-image: url("../img/common/common_deco-2.png"); background-size: cover; width: 800px; height: 250px; position: absolute; z-index: 1; left: 50%; bottom: 100px; transform: translate(-225px, 0);
}
.front-page .intro .txt-wrap {
    width: 88%; margin: 0 auto; position: relative; z-index: 2; left: 0; top: 0;
}
.front-page .intro .txt-wrap p {
    margin: 40px 0 0;
}
.front-page .intro .txt-wrap p .only-pc {
    display: none;
}
.front-page .intro .imgs {
    margin: 80px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: relative; z-index: 2; left: 0; top: 0;
}
.front-page .intro .imgs .img {
    border-radius: 6px; overflow: hidden;
}
.front-page .intro .imgs .img:first-of-type {
    width: 88%; margin: 0 0 0 6%;
}
.front-page .intro .imgs .img:nth-of-type(2) {
    width: 44%; margin: 160px 0 0 6%;
}
.front-page .intro .imgs .img:nth-of-type(3) {
    width: 44%; position: absolute; z-index: 1; left: calc(50% + 80px); bottom: 80px;
}

.front-page .service {
    padding: 60px 0; background-image: url("../img/common/common_tex-2.jpg"); background-size: cover; background-position: center center;
}
.front-page .service .inner {
    width: 88%; margin: 0 auto;
}
.front-page .service .txt-wrap {
    text-align: center;
}
.front-page .service .txt-wrap p {
    margin: 32px 0 0;
}
.front-page .service .txt-wrap .links {
    margin: 40px 0 0;
}
.front-page .service .txt-wrap .links .btn-1 {
    margin: 20px 0 0;
}
.front-page .service .txt-wrap .links .btn-1:first-of-type {
    margin: 0;
}
.front-page .service .img {
    max-width: 600px; margin: 60px auto 0;
}

.front-page .clink {
    padding: 100px 0 0; position: relative; z-index: 1; left: 0; top: 0;
}
.front-page .clink.room {
    padding: 60px 0 0;
}
.front-page .clink::after {
    content: ''; display: block; background-image: url("../img/common/common_tex-1.jpg"); background-size: cover; width: 100%; height: calc(100% - 80px); position: absolute; z-index: 1; left: 0; bottom: 40px;
}
.front-page .clink.room::after {
    height: calc(100% - 40px);
}
.front-page .clink .txt-wrap {
    width: 88%; margin: 0 auto; position: relative; z-index: 2; left: 0; top: 0;
}
.front-page .clink .txt-wrap p {
    text-align: center; margin: 32px 0 0;
}
.front-page .clink .txt-wrap .link {
    text-align: center; margin: 32px 0 0;
}
.front-page .clink .imgs {
    width: 88%; max-width: 600px; margin: 60px auto 0; position: relative; z-index: 2; left: 0; top: 0; border-radius: 6px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2px;
}
.front-page .clink .imgs .img {
    width: 100%; height: 320px;
}

.front-page .news .inner {
    width: 88%; max-width: 900px; margin: 0 auto;
}
.front-page .news .news-wrap {
    margin: 32px 0 0;
}
.front-page #newsList {
    line-height: 1.7;
}
.front-page #newsList li {
    border-bottom: solid 1px #e0e0e0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center;
}
.front-page #newsList li:first-of-type {
    border-top: solid 1px #e0e0e0;
}
.front-page #newsList .up_ymd {
    display: inline-block; width: 128px; padding: 12px 0;
}
.front-page #newsList h3 {
    display: inline-block; width: calc(100% - 128px);
}
.front-page #newsList h3 a {
    display: inline-block; width: 100%; padding: 12px 0;
}
.front-page .news .link {
    text-align: center; margin: 32px 0 0;
}
.front-page .news .instagram {
    display: block; max-width: 450px; margin: 44px auto 0;
}
.front-page .news .instagram img {
    width: 100%; height: auto;
}

@media only screen and (min-width: 640px) {
    .front-page .intro {
        padding: 240px 0 90px;
    }
    .front-page .intro::before {
        width: 360px; height: 157.5px; top: 82.5px; transform: translate(-280px, 0);
    }
    .front-page .intro::after {
        width: 1200px; height: 375px; bottom: 150px; transform: translate(-335px, 0);
    }
    .front-page .intro .txt-wrap {
        width: 90%;
    }
    .front-page .intro .txt-wrap p {
        margin: 52px 0 0;
    }
    .front-page .intro .imgs {
        margin: 120px 0 0;
    }
    .front-page .intro .imgs .img {
        border-radius: 7px;
    }
    .front-page .intro .imgs .img:first-of-type {
        width: 90%; margin: 0 0 0 5%;
    }
    .front-page .intro .imgs .img:nth-of-type(2) {
        width: 45%; margin: 240px 0 0 5%;
    }
    .front-page .intro .imgs .img:nth-of-type(3) {
        width: 45%; left: calc(50% + 120px); bottom: 120px;
    }
    
    .front-page .service {
        padding: 90px 0;
    }
    .front-page .service .inner {
        width: 90%;
    }
    .front-page .service .txt-wrap p {
        margin: 40px 0 0;
    }
    .front-page .service .img {
        margin: 90px auto 0;
    }
    .front-page .service .txt-wrap .links {
        margin: 52px 0 0;
    }
    .front-page .service .txt-wrap .links .btn-1 {
        margin: 26px 0 0;
    }
    
    .front-page .clink {
        padding: 150px 0 0;
    }
    .front-page .clink.room {
        padding: 90px 0 0;
    }
    .front-page .clink::after {
        height: calc(100% - 120px); bottom: 60px;
    }
    .front-page .clink.room::after {
        height: calc(100% - 60px);
    }
    .front-page .clink .txt-wrap {
        width: 90%;
    }
    .front-page .clink .txt-wrap p {
        margin: 40px 0 0;
    }
    .front-page .clink .txt-wrap .link {
        margin: 40px 0 0;
    }
    .front-page .clink .imgs {
        max-width: 100%; width: 90%; height: 480px; margin: 90px auto 0; border-radius: 7px; flex-direction: row-reverse;
    }
    .front-page .clink.reverse .imgs {
        flex-direction: row;
    }
    .front-page .clink .imgs .img {
        width: calc(50% - 1px); height: 100%;
    }
    
    .front-page .news .inner {
        width: 90%;
    }
    .front-page .news .news-wrap {
        margin: 40px 0 0;
    }
    .front-page #newsList .up_ymd {
        width: 148px; padding: 14px 0;
    }
    .front-page #newsList h3 {
        width: calc(100% - 148px);
    }
    .front-page #newsList h3 a {
        padding: 14px 0;
    }
    .front-page .news .link {
        margin: 40px 0 0;
    }
    .front-page .news .instagram {
        margin: 66px auto 0;
    }
}

@media only screen and (min-width: 960px) {
    .front-page .intro {
        padding: 320px 0 120px;
    }
    .front-page .intro::before {
        width: 480px; height: 210px; left: 4%; top: 110px; transform: translate(-160px, 0);
    }
    .front-page .intro::after {
        width: 1600px; height: 500px; left: 4%; bottom: 240px; transform: translate(-170px, 0);
    }
    .front-page .intro .txt-wrap {
        width: 92%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;
    }
    .front-page .intro .txt-wrap .title-layout-1 {
        margin: 8px 0 0;
    }
    .front-page .intro .txt-wrap p {
        margin: 0; width: calc(87% - 370px);
    }
    .front-page .intro .imgs {
        margin: 160px 0 0;
    }
    .front-page .intro .imgs .img {
        border-radius: 8px;
    }
    .front-page .intro .imgs .img:first-of-type {
        width: 50%; margin: 0 0 0 4%;
    }
    .front-page .intro .imgs .img:nth-of-type(2) {
        width: 25%; margin: 160px 0 0 8%;
    }
    .front-page .intro .imgs .img:nth-of-type(3) {
        width: 25%; left: 95%; bottom: 160px;
    }
    
    .front-page .service {
        padding: 120px 0;
    }
    .front-page .service .inner {
        width: 92%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: row-reverse; gap: 13.3%;
    }
    .front-page .service .txt-wrap {
        text-align: left; width: 300px;
    }
    .front-page .service .txt-wrap p {
        margin: 48px 0 0;
    }
    .front-page .service .img {
        margin: 0; width: 50%;
    }
    .front-page .service .txt-wrap .links {
        margin: 64px 0 0;
    }
    .front-page .service .txt-wrap .links .btn-1 {
        margin: 32px 0 0;
    }
    
    .front-page .clink {
        padding: 160px 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: row-reverse;
    }
    .front-page .clink.room {
        padding: 120px 0 0;
    }
    .front-page .clink.reverse {
        flex-direction: row;
    }
    .front-page .clink::after {
        height: calc(100% - 160px); bottom: -80px;
    }
    .front-page .clink.room::after {
        height: calc(100% - 120px);
    }
    .front-page .clink .txt-wrap {
        width: 40%; margin: 80px 0 0; padding: 0 4% 0 10%; box-sizing: border-box;
    }
    .front-page .clink.reverse .txt-wrap {
        padding: 0 10% 0 4%;
    }
    .front-page .clink .txt-wrap p {
        text-align: left; margin: 48px 0 0; word-break: keep-all; white-space: nowrap;
    }
    .front-page .clink .txt-wrap .link {
        text-align: left; margin: 48px 0 0;
    }
    .front-page .clink .imgs {
        width: 60%; height: 640px; margin: 0; border-radius: 0 8px 8px 0;
    }
    .front-page .clink.reverse .imgs {
        border-radius: 8px 0 0 8px;
    }
    
    .front-page .news .inner {
        width: 92%; position: relative; z-index: 1; left: 0; top: 0;
    }
    .front-page .news .news-wrap {
        margin: 48px 0 0;
    }
    .front-page #newsList .up_ymd {
        width: 168px; padding: 16px 0;
    }
    .front-page #newsList h3 {
        width: calc(100% - 168px);
    }
    .front-page #newsList h3 a {
        padding: 16px 0;
    }
    .front-page .news .link {
        margin: 0; position: absolute; z-index: 1; right: 0; top: 42px;
    }
    .front-page .news .instagram {
        margin: 88px 0 0;
    }
}

@media only screen and (min-width: 1280px) {
    .front-page .intro::before {
        left: calc(50% - 600px);
    }
    .front-page .intro::after {
        left: calc(50% - 600px);
    }
    .front-page .intro .txt-wrap {
        width: 1200px;
    }
    .front-page .intro .txt-wrap p .only-pc {
        display: block;
    }
    .front-page .intro .imgs .img:first-of-type {
        width: 600px; margin: 0 0 0 calc(50% - 600px);
    }
    .front-page .intro .imgs .img:nth-of-type(2) {
        width: 300px; margin: 160px 0 0 160px;
    }
    .front-page .intro .imgs .img:nth-of-type(3) {
        width: 300px; left: calc(50% + 620px);
    }
    
    .front-page .service .inner {
        width: 1200px;
    }
    
    .front-page .clink .txt-wrap {
        width: calc(50% - 120px); padding: 0 calc(50% - 600px) 0 120px;
    }
    .front-page .clink.reverse .txt-wrap {
        padding: 0 120px 0 calc(50% - 600px);
    }
    .front-page .clink .imgs {
        width: calc(50% + 120px);
    }
}

@media (hover: hover) {
    .front-page #newsList h3 a {
        transition: opacity .4s;
    }
    .front-page #newsList h3 a:hover {
        opacity: .48;
    }
}


/*//////////////////////////////////////////////////
02.お部屋のご紹介
//////////////////////////////////////////////////*/

.page-room .intro {
    padding: 60px 0; background-image: url("../img/common/common_tex-2.jpg"); background-size: cover; background-position: center center;
}
.page-room .intro .inner {
    width: 88%; margin: 0 auto;
}
.page-room .intro p {
    text-align: center;
}
.page-room .intro .img {
    max-width: 600px; margin: 60px auto 0;
}

.page-room .section-layout-1 {
    padding: 60px 0 0;
}

.page-room .room-layout-1 {
    padding: 100px 0 0; position: relative; z-index: 1; left: 0; top: 0;
}
.page-room .room-layout-1.living {
    padding: 80px 0 0;
}
.page-room .room-layout-1::after {
    content: ''; display: block; background-image: url("../img/common/common_tex-1.jpg"); background-size: cover; width: 100%; height: 66vw; max-height: 450px; position: absolute; z-index: 1; left: 0; bottom: -40px;
}
.page-room .room-layout-1 .inner {
    width: 88%; max-width: 600px; margin: 0 auto; position: relative; z-index: 2; left: 0; top: 0;
}
.page-room .room-layout-1 h2 {
    line-height: 1.7; text-align: center;
}
.page-room .room-layout-1 p {
    margin: 32px 0 0;
}
.page-room .room-layout-1 .img {
    margin: 44px 0 0; border-radius: 6px; overflow: hidden;
}

.page-room .plan-img {
    padding: 100px 0 0;
}
.page-room .plan-img h2 {
    line-height: 1.7; text-align: center;
}
.page-room .plan-img .img {
    width: 88%; margin: 0 auto;
}

.page-room .amenity .inner {
    width: 88%; max-width: 900px; margin: 0 auto;
}
.page-room .amenity h2 {
    line-height: 1.7;
}
.page-room .amenity p {
    margin: 16px 0 0;
}
.page-room .amenity p span {
    display: inline-block;
}
.page-room .amenity .devider {
    display: block; width: 100%; height: 1px; background-color: #e0e0e0; margin: 32px 0;
}

@media only screen and (min-width: 640px) {
    .page-room .intro {
        padding: 90px 0;
    }
    .page-room .intro .inner {
        width: 90%;
    }
    .page-room .intro .img {
        margin: 90px auto 0;
    }
    
    .page-room .section-layout-1 {
        padding: 90px 0 0;
    }
    
    .page-room .room-layout-1 {
        padding: 150px 0 0;
    }
    .page-room .room-layout-1.living {
        padding: 120px 0 0;
    }
    .page-room .room-layout-1::after {
        height: 67.5vw; bottom: -60px;
    }
    .page-room .room-layout-1 .inner {
        width: 90%;
    }
    .page-room .room-layout-1 p {
        margin: 40px 0 0;
    }
    .page-room .room-layout-1 .img {
        margin: 66px 0 0; border-radius: 7px;
    }
    
    .page-room .plan-img {
        padding: 150px 0 0;
    }
    .page-room .plan-img .img {
        width: 90%;
    }
    
    .page-room .amenity .inner {
        width: 90%;
    }
    .page-room .amenity p {
        margin: 20px 0 0;
    }
    .page-room .amenity .devider {
        margin: 40px 0;
    }
}

@media only screen and (min-width: 960px) {
    .page-room .intro {
        padding: 120px 0;
    }
    .page-room .intro .inner {
        width: 92%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: row-reverse; gap: 10.6%;
    }
    .page-room .intro p {
        text-align: left; width: 380px;
    }
    .page-room .intro .img {
        margin: 0; width: 46.3%;
    }
    
    .page-room .section-layout-1 {
        padding: 120px 0 0;
    }
    
    .page-room .room-layout-1 {
        padding: 160px 0 0;
    }
    .page-room .room-layout-1.living {
        padding: 160px 0 0;
    }
    .page-room .room-layout-1::after {
        width: calc(50% - 80px); height: 450px; left: auto; right: 0; bottom: -80px;
    }
    .page-room .room-layout-1.reverse::after {
        left: 0; right: auto;
    }
    .page-room .room-layout-1 .inner {
        width: 92%; max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
    }
    .page-room .room-layout-1.reverse .inner {
        flex-direction: row-reverse;
    }
    .page-room .room-layout-1 .txt-wrap {
        width: 40%;
    }
    .page-room .room-layout-1 h2 {
        text-align: left;
    }
    .page-room .room-layout-1 p {
        margin: 48px 0 0;
    }
    .page-room .room-layout-1 .img {
        margin: 0; border-radius: 8px; width: 50%; height: 450px;
    }
    
    .page-room .plan-img {
        padding: 200px 0 0;
    }
    .page-room .plan-img .img {
        width: 92%;
    }
    
    .page-room .amenity .inner {
        width: 92%;
    }
    .page-room .amenity p {
        margin: 24px 0 0;
    }
    .page-room .amenity .devider {
        margin: 48px 0;
    }
}

@media only screen and (min-width: 1280px) {
    .page-room .intro .inner {
        width: 1200px;
    }
    .page-room .intro .img {
        width: 50%;
    }
    
    .page-room .room-layout-1 .inner {
        width: 1200px;
    }
    
    .page-room .plan-img .img {
        width: 1200px;
    }
}


/*//////////////////////////////////////////////////
03.サービス
//////////////////////////////////////////////////*/

.page-service .intro {
    height: 160px;
}

@media only screen and (min-width: 640px) {
    .page-service .intro {
        height: 240px;
    }
}

@media only screen and (min-width: 640px) {
    .page-service .intro {
        height: 320px;
    }
}


/*//////////////////////////////////////////////////
04.ワンちゃん連れのお客様へ
//////////////////////////////////////////////////*/

.page-pets .manners {
    padding: 60px 0 0;
}
.page-pets .manners .inner {
    width: 88%; max-width: 900px; margin: 0 auto; border-radius: 6px; overflow: hidden; background-image: url("../img/common/common_tex-2.jpg"); background-size: cover; background-position: center center; padding: 32px; box-sizing: border-box;
}
.page-pets .manners h2 {
    line-height: 1.7; text-align: center;
}
.page-pets .manners p {
    margin: 20px 0 0;
}
.page-pets .manners .ol-1 {
    margin: 20px 0 0;
}

@media only screen and (min-width: 640px) {
    .page-pets .manners {
        padding: 90px 0 0;
    }
    .page-pets .manners .inner {
        width: 90%; border-radius: 7px; padding: 48px;
    }
    .page-pets .manners p {
        margin: 26px 0 0;
    }
    .page-pets .manners .ol-1 {
        margin: 26px 0 0;
    }
}

@media only screen and (min-width: 960px) {
    .page-pets .manners {
        padding: 120px 0 0;
    }
    .page-pets .manners .inner {
        width: 92%; border-radius: 8px; padding: 64px;
    }
    .page-pets .manners p {
        margin: 32px 0 0;
    }
    .page-pets .manners .ol-1 {
        margin: 32px 0 0;
    }
}


/*//////////////////////////////////////////////////
05.アクセス＆周辺観光
//////////////////////////////////////////////////*/

.page-access-sightseeing .map .yado-info {
    line-height: 1; text-align: center; margin: 0 auto; padding: 60px 0; background-image: url("../img/common/common_tex-2.jpg"); background-size: cover; background-position: center center;
}
.page-access-sightseeing .map .yado-info .logo {
    width: 120px; margin: 0 auto;
}
.page-access-sightseeing .map .yado-info .logo a {
	display: inline-block;
}
.page-access-sightseeing .map .yado-info .logo img {
	width: 100%; height: auto;
}
.page-access-sightseeing .map .yado-info .yado-name {
    margin: 16px 0 0;
}
.page-access-sightseeing .map .yado-info .addr {
    margin: 16px 0 0;
}
.page-access-sightseeing .map .yado-info .tel {
    margin: 16px 0 0;
}
.page-access-sightseeing .map .yado-info .tel a {
    display: inline-block;
}
.page-access-sightseeing .map .yado-info .check-in-out {
    margin: 18px 0 0;
}
.page-access-sightseeing .map .yado-info .check-in-out p {
    display: inline-block;
}
.page-access-sightseeing .map .yado-info .check-in-out .check-out {
    margin: 12px 0 0;
}
.page-access-sightseeing .map .yado-info .check-in-out .devider {
    display: none;
}
.page-access-sightseeing .map .gmap {
    height: 240px;
}

.page-access-sightseeing .route {
    padding: 60px 0 0;
}
.page-access-sightseeing .route .inner {
    width: 88%; margin: 0 auto;
}
.page-access-sightseeing .route h2 {
    line-height: 1.7; text-align: center;
}
.page-access-sightseeing .route .item-wrap {
    line-height: 1.7; margin: 32px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 40px;
}
.page-access-sightseeing .route .item {
    width: 100%;
}
.page-access-sightseeing .route .item h3 {
    text-align: center; margin: 0 0 20px;
}
.page-access-sightseeing .route .item h3 .txt {
    display: inline-block; position: relative; z-index: 1; left: 0; top: 0; padding: 0 0 0 24px;
}
.page-access-sightseeing .route .item h3 .txt::before {
    content: ''; display: block; background-size: cover; width: 16px; height: 16px; position: absolute; z-index: 1; left: 0; top: 50%; transform: translate(0, -50%);
}
.page-access-sightseeing .route .item h3.train .txt::before {
    background-image: url("../img/common/common_train.svg");
}
.page-access-sightseeing .route .item h3.car .txt::before {
    background-image: url("../img/common/common_car.svg"); top: 54%;
}
.page-access-sightseeing .route .item h3.plain .txt::before {
    background-image: url("../img/common/common_plain.svg"); top: 58%;
}
.page-access-sightseeing .route .item .point {
    height: 40px; border: solid 1px #757575; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
.page-access-sightseeing .route .item .point-2 {
    text-align: center; position: relative; z-index: 1; left: 0; top: 0;
}
.page-access-sightseeing .route .item .point-2::before, .page-access-sightseeing .route .item .point-2::after {
    content: ''; display: block; width: 1px; height: 20px; background-color: #757575; margin: 0 auto 6px;
}
.page-access-sightseeing .route .item .point-2::after {
    margin: 6px auto 0;
}
.page-access-sightseeing .route .item .point-3 {
    height: 60px; background-color: #212121; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
.page-access-sightseeing .route .item .point-3 img {
    width: 80px; height: auto;
}

.page-access-sightseeing .store {
    padding: 44px 0 0;
}
.page-access-sightseeing .store a {
    line-height: 1.7; display: block; width: 88%; max-width: 600px; margin: 0 auto; padding: 24px; border: solid 1px #757575; box-sizing: border-box; position: relative; z-index: 1; left: 0; top: 0;
}
.page-access-sightseeing .store a::after {
    content: ''; display: block; background-image: url("../img/common/common_exlink.svg"); width: 12px; height: 12px; position: absolute; z-index: 1; right: 8px; top: 8px;
}
.page-access-sightseeing .store a h2 {
    text-align: center;
}
.page-access-sightseeing .store a p {
    margin: 12px 0 0;
}

.page-access-sightseeing .section-layout-2 .intro-txt.active {
    margin: 44px auto 0;
}

@media only screen and (min-width: 640px) {
    .page-access-sightseeing .map .yado-info {
        padding: 90px 0;
    }
    .page-access-sightseeing .map .yado-info .logo {
        width: 140px;
    }
    .page-access-sightseeing .map .yado-info .yado-name {
        margin: 20px 0 0;
    }
    .page-access-sightseeing .map .yado-info .addr {
        margin: 20px 0 0;
    }
    .page-access-sightseeing .map .yado-info .tel {
        margin: 20px 0 0;
    }
    .page-access-sightseeing .map .yado-info .check-in-out {
        margin: 23px 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px;
    }
    .page-access-sightseeing .map .yado-info .check-in-out .check-out {
        margin: 0;
    }
    .page-access-sightseeing .map .yado-info .check-in-out br {
        display: none;
    }
    .page-access-sightseeing .map .yado-info .check-in-out .devider {
        display: block; width: 1px; height: 13px; background-color: #e0e0e0;
    }
    .page-access-sightseeing .map .gmap {
        height: 360px;
    }
    
    .page-access-sightseeing .route {
        padding: 90px 0 0;
    }
    .page-access-sightseeing .route .inner {
        width: 90%;
    }
    .page-access-sightseeing .route .item-wrap {
        margin: 40px 0 0; gap: 50px;
    }
    .page-access-sightseeing .route .item {
        width: calc(50% - 25px);
    }
    .page-access-sightseeing .route .item h3 {
        margin: 0 0 26px;
    }
    .page-access-sightseeing .route .item h3 .txt {
        padding: 0 0 0 26px;
    }
    .page-access-sightseeing .route .item h3 .txt::before {
        width: 18px; height: 18px;
    }
    .page-access-sightseeing .route .item .point {
        height: 50px;
    }
    .page-access-sightseeing .route .item .point-2::before, .page-access-sightseeing .route .item .point-2::after {
        margin: 0 auto 9px;
    }
    .page-access-sightseeing .route .item .point-2::after {
        margin: 9px auto 0;
    }
    .page-access-sightseeing .route .item .point-3 {
        height: 75px;
    }
    .page-access-sightseeing .route .item .point-3 img {
        width: 100px;
    }
    
    .page-access-sightseeing .store {
        padding: 66px 0 0;
    }
    .page-access-sightseeing .store a {
        width: 90%; padding: 36px;
    }
    .page-access-sightseeing .store a::after {
        width: 14px; height: 14px;
    }
    .page-access-sightseeing .store a p {
        margin: 14px 0 0;
    }
    
    .page-access-sightseeing .section-layout-2 .intro-txt.active {
        margin: 66px auto 0;
    }
}

@media only screen and (min-width: 960px) {
    .page-access-sightseeing .map {
        display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; flex-direction: row-reverse;
    }
    .page-access-sightseeing .map .yado-info {
        width: 50%; padding: 120px 0;
    }
    .page-access-sightseeing .map .yado-info .logo {
        width: 160px;
    }
    .page-access-sightseeing .map .yado-info .yado-name {
        margin: 24px 0 0;
    }
    .page-access-sightseeing .map .yado-info .addr {
        margin: 24px 0 0;
    }
    .page-access-sightseeing .map .yado-info .tel {
        margin: 24px 0 0;
    }
    .page-access-sightseeing .map .yado-info .check-in-out {
        margin: 28px 0 0; display: block;
    }
    .page-access-sightseeing .map .yado-info .check-in-out .check-out {
        margin: 16px 0 0;
    }
    .page-access-sightseeing .map .yado-info .check-in-out br {
        display: block;
    }
    .page-access-sightseeing .map .yado-info .check-in-out .devider {
        display: none;
    }
    .page-access-sightseeing .map .gmap {
        width: 50%; height: auto;
    }
    
    .page-access-sightseeing .route {
        padding: 120px 0 0;
    }
    .page-access-sightseeing .route .inner {
        width: 92%;
    }
    .page-access-sightseeing .route .item-wrap {
        margin: 48px 0 0; gap: 60px;
    }
    .page-access-sightseeing .route .item {
        width: calc(33.3% - 40px);
    }
    .page-access-sightseeing .route .item h3 {
        margin: 0 0 32px;
    }
    .page-access-sightseeing .route .item h3 .txt {
        padding: 0 0 0 28px;
    }
    .page-access-sightseeing .route .item h3 .txt::before {
        width: 20px; height: 20px;
    }
    .page-access-sightseeing .route .item .point {
        height: 60px;
    }
    .page-access-sightseeing .route .item .point-2::before, .page-access-sightseeing .route .item .point-2::after {
        margin: 0 auto 12px;
    }
    .page-access-sightseeing .route .item .point-2::after {
        margin: 12px auto 0;
    }
    .page-access-sightseeing .route .item .point-3 {
        height: 90px;
    }
    .page-access-sightseeing .route .item .point-3 img {
        width: 120px;
    }
    
    .page-access-sightseeing .store {
        padding: 88px 0 0;
    }
    .page-access-sightseeing .store a {
        width: 92%; padding: 48px;
    }
    .page-access-sightseeing .store a::after {
        width: 16px; height: 16px;
    }
    .page-access-sightseeing .store a p {
        margin: 16px 0 0;
    }
    
    .page-access-sightseeing .section-layout-2 .intro-txt.active {
        margin: 88px auto 0;
    }
}

@media only screen and (min-width: 1280px) {
    .page-access-sightseeing .map .yado-info .check-in-out {
        display: flex; gap: 16px;
    }
    .page-access-sightseeing .map .yado-info .check-in-out .check-out {
        margin: 0;
    }
    .page-access-sightseeing .map .yado-info .check-in-out br {
        display: none;
    }
    .page-access-sightseeing .map .yado-info .check-in-out .devider {
        display: block; height: 14px;
    }
    
    .page-access-sightseeing .route .inner {
        width: 1200px;
    }
}

@media (hover: hover) {
    .page-access-sightseeing .store a::after {
        transition: opacity .4s;
    }
    .page-access-sightseeing .store a h2 {
        transition: opacity .4s;
    }
    .page-access-sightseeing .store a p {
        transition: opacity .4s;
    }
    .page-access-sightseeing .store a:hover::after {
        opacity: .48;
    }
    .page-access-sightseeing .store a:hover h2 {
        opacity: .48;
    }
    .page-access-sightseeing .store a:hover p {
        opacity: .48;
    }
}


/*//////////////////////////////////////////////////
06-1.新着情報 - 一覧
//////////////////////////////////////////////////*/

.page-news .news {
    padding: 60px 0 0;
}
.page-news .news .inner {
    width: 88%; max-width: 900px; margin: 0 auto;
}
.page-news .news #newsList {
    line-height: 1.7;
}
.page-news .news #newsList li {
    border-bottom: solid 1px #e0e0e0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center;
}
.page-news .news #newsList li:first-of-type {
    border-top: solid 1px #e0e0e0;
}
.page-news .news #newsList .up_ymd {
    display: inline-block; width: 128px; padding: 12px 0;
}
.page-news .news #newsList h3 {
    display: inline-block; width: calc(100% - 128px);
}
.page-news .news #newsList h3 a {
    display: inline-block; width: 100%; padding: 12px 0;
}
.page-news .news .pager {
	line-height: 1; width: 100%; margin: 32px 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
.page-news .news .pager a {
	font-size: 1.4rem; margin: 8px; height: 32px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #212121;
}
.page-news .news .pager a.current {
	width: 32px; border-radius: 50%; background-color: #212121; color: #fff; padding: 0 0 2px 2px; box-sizing: border-box;
}

@media only screen and (min-width: 640px) {
    .page-news .news {
        padding: 90px 0 0;
    }
    .page-news .news .inner {
        width: 90%;
    }
    .page-news .news #newsList .up_ymd {
        width: 148px; padding: 14px 0;
    }
    .page-news .news #newsList h3 {
        width: calc(100% - 148px);
    }
    .page-news .news #newsList h3 a {
        padding: 14px 0;
    }
    .page-news .news .pager {
	    margin: 40px 0 0;
    }
    .page-news .news .pager a {
	    font-size: 1.5rem; margin: 10px; height: 36px;
    }
    .page-news .news .pager a.current {
	    width: 36px;
    }
}

@media only screen and (min-width: 960px) {
    .page-news .news {
        padding: 120px 0 0;
    }
    .page-news .news .inner {
        width: 92%;
    }
    .page-news .news #newsList .up_ymd {
        width: 168px; padding: 16px 0;
    }
    .page-news .news #newsList h3 {
        width: calc(100% - 168px);
    }
    .page-news .news #newsList h3 a {
        padding: 16px 0;
    }
    .page-news .news .pager {
	    margin: 48px 0 0;
    }
    .page-news .news .pager a {
	    font-size: 1.6rem; margin: 12px; height: 40px;
    }
    .page-news .news .pager a.current {
	    width: 40px;
    }
}

@media (hover: hover) {
    .page-news .news #newsList h3 a {
        transition: all .4s;
    }
    .page-news .news #newsList h3 a:hover {
        opacity: .48;
    }	
	.page-news .news .pager a:not(.current) {
		transition: opacity .4s;
	}
	.page-news .news .pager a:not(.current):hover {
		opacity: .48;
	}
}


/*//////////////////////////////////////////////////
06-2.新着情報 - 詳細
//////////////////////////////////////////////////*/

.page-news-detail .inner {
	width: 88%; max-width: 900px; margin: 0 auto; padding: 60px 0 0;
}
.page-news-detail h2 {
	line-height: 1.7; margin: 20px 0 12px; padding: 0 0 12px; border-bottom: solid 1px #e0e0e0;
}
.page-news-detail #up_ymd {
	text-align: right; margin: 0 0 20px;
}
.page-news-detail .backORcloseBtn {
	text-align: center; margin: 40px 0 20px;
}
.page-news-detail .detailUpfile {
	margin: 32px auto 0; 
}
.page-news-detail .detailUpfile img {
	width: 100%; height: auto;
}

@media only screen and (min-width: 640px) {
	.page-news-detail .inner {
		width: 90%; padding: 90px 0 0;
	}
	.page-news-detail h2 {
		margin: 26px 0 14px; padding: 0 0 14px;
	}
	.page-news-detail #up_ymd {
		margin: 0 0 26px;
	}
	.page-news-detail .backORcloseBtn {
		margin: 52px 0 26px;
	}
	.page-news-detail .detailUpfile {
		margin: 40px auto 0;
	}
}

@media only screen and (min-width: 960px) {
	.page-news-detail .inner {
		width: 92%; padding: 120px 0 0;
	}
	.page-news-detail h2 {
		margin: 32px 0 16px; padding: 0 0 16px;
	}
	.page-news-detail #up_ymd {
		margin: 0 0 32px;
	}
	.page-news-detail .backORcloseBtn {
		margin: 64px 0 32px;
	}
	.page-news-detail .detailUpfile {
		margin: 48px auto 0;
	}
}


/*//////////////////////////////////////////////////
宿泊プラン
//////////////////////////////////////////////////*/

#ui-datepicker-div {
	z-index: 100!important;
}

.rss-contents {
	padding: 80px 0 0;
}
.rss-contents .plan_rss {
	width: 88%; margin: 40px auto 0; padding: 0;
}
.rss-contents .plan_rss .mini {
	margin: 0 0 16px; padding: 0; background-color: #fff; border: solid 1px #757575; box-sizing: border-box;
}
.rss-contents .plan_rss .mini .plan_text {
	padding: 12px 24px 24px; box-sizing: border-box;
}
.rss-contents .plan_rss .mini .plan_text h4 a {
	line-height: 1.7!important; font-size: 1.4rem!important; color: #212121; display: inline-block;
	font-family: 'ShipporiMincho-M', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif!important; font-weight: 500!important;
}
.rss-contents .plan_rss .mini .plan_text p {
	line-height: 1.7!important; font-size: 1.2rem!important; color: #212121;
	font-family: 'ShipporiMincho-M', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif!important; font-weight: 500!important;
}

.search-contents input, .search-contents select {
	-moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none;
}
.search-contents {
	width: 88%; margin: 0 auto; border: solid 1px #757575; box-sizing: border-box;
}
.search-contents .inner {
	width: 100%; border: solid 8px #fff; box-sizing: border-box; background-color: #fff;
}
.search-contents h2 {
	line-height: 1; width: 100%; padding: 40px 0; box-sizing: border-box; text-align: center; background-image: url("../rss/search_title-back.jpg"); background-size: cover; background-position: center center;
}
.search-contents .plan_form {
	width: 100%; padding: 34px 24px 12px; box-sizing: border-box; color: #212121;
}
.search-contents .plan_form .title, .search-contents .plan_form input, .search-contents .plan_form select {
	line-height: 1.7!important; font-size: 1.6rem!important; transform: scale(.8); color: #212121;
	font-family: 'ShipporiMincho-M', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif!important; font-weight: 500!important;
}
.search-contents .plan_form input[type="submit"] {
	transform: scale(.9);
}
.search-contents input[type="text"] {
	width: 100%; padding: 0 6px; border: solid 1px #212121; box-sizing: border-box; background-color: #fff;
}
.search-contents input[type="checkbox"] {
	background-image: url("../rss/search_check.svg"); width: 16px; height: 16px; background-size: cover; transition: none;
}
.search-contents input[type="checkbox"]:checked {
	background-image: url("../rss/search_check-active.svg");
}
.search-contents select {
	width: 100%!important; padding: 0 6px; border: solid 1px #212121; box-sizing: border-box; background-color: #fff;
}
.search-contents .price_wrap {
	width: calc(100% - 2px); position: relative; z-index: 1; left: 1px; top: 0;
}
.search-contents .search_btn {
	margin: 16px 0 0;
}
.search-contents input[type="submit"] {
	width: 100%!important; height: 48px!important; border-radius: 2px; background-color: #dc4b22!important; color: #fff!important;
	font-family: 'ShipporiMincho-M', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif!important; font-weight: 500!important;
}

@media only screen and (min-width: 375px) {
	.search-contents input[type="text"] {
		padding: 0 8px;
	}
	.search-contents input[type="checkbox"] {
		position: relative; z-index: 1; left: 0; top: 7px;
	}
	.search-contents select {
		padding: 0 8px;
	}
	.search-contents .price_wrap {
		display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;
	}
	.search-contents .price_wrap select {
		width: 33vw!important;
	}
}

@media only screen and (min-width: 640px) {
	.rss-contents {
		padding: 120px 0 0;
	}
    .rss-contents .section-devider {
        margin: 0 auto 90px;
    }
	.rss-contents .plan_rss {
		width: 90%; margin: 52px auto 0;
	}
	.rss-contents .plan_rss .mini {
		margin: 0 0 20px;
	}
	.rss-contents .plan_rss .mini .plan_text h4 a {
		font-size: 1.5rem!important;
	}
	.rss-contents .plan_rss .mini .plan_text p {
		font-size: 1.3rem!important;
	}

	.search-contents {
		width: 90%;
	}
	.search-contents .price_wrap select {
		width: 38vw!important;
	}
}

@media only screen and (min-width: 768px) {
	.rss-contents .plan_rss {
		min-width: 768px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;
	}
	.rss-contents .plan_rss .mini {
		width: calc(33.3% - 16px); margin: 0 0 24px;
	}
    
	.search-contents {
		min-width: 768px;
	}
	.search-contents .plan_form {
		padding: 34px 8px 12px;
	}
	.search-contents input[type="text"] {
		padding: 8px;
	}
	.search-contents select {
		padding: 8px;
	}
	.search-contents .check_in {
		width: 18%;
	}
	.search-contents .undecided {
		width: 10%;
	}
	.search-contents .guests {
		width: 14%;
	}
	.search-contents .type {
		width: 14%;
	}
	.search-contents .price {
		width: 44%;
	}
	.search-contents .price_wrap select {
		width: 17vw!important;
	}
	.search-contents .price_wrap span {
		display: inline-block; margin: 0 14px;
	}
	.search-contents .search_btn {
		width: 44vw; min-width: 384px; margin: 16px auto 0;
	}
}

@media only screen and (min-width: 960px) {
	.rss-contents {
		padding: 200px 0 0;
	}
    .rss-contents .section-devider {
        margin: 0 auto 120px;
    }
	.rss-contents .plan_rss {
		width: 92%; margin: 64px auto 0;
	}
	.rss-contents .rss-contents .plan_rss .mini .plan_text h4 a {
		font-size: 1.6rem!important;
	}
	.rss-contents .plan_rss .mini .plan_text p {
		font-size: 1.4rem!important;
	}

	.search-contents {
		width: 92%;
	}
	.search-contents .price_wrap span {
		margin: 0 16px;
	}
}

@media only screen and (min-width: 1280px) {
	.rss-contents .plan_rss {
		width: 1200px;
	}

	.search-contents {
		width: 1200px; height: 160px;
	}
    .search-contents .inner {
		height: 100%;
	}
	.search-contents h2 {
		float: left; width: 184px; height: 100%; z-index: 1; position: relative; left: 0; top: 0;
	}
	.search-contents h2 span {
		width: 100%; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);
	}
	.search-contents .plan_form {
		float: left; width: 998px; height: 100%; padding: 31px 24px;
	}
	.search-contents .check_in {
		width: 130px;
	}
	.search-contents .undecided {
		width: 80px;
	}
	.search-contents .guests {
		width: 100px;
	}
	.search-contents .type {
		width: 100px;
	}
	.search-contents .price {
		width: 330px;
	}
	.search-contents .price_wrap select {
		width: 140px!important;
	}
	.search-contents .search_btn {
		width: 120px; min-width: auto; margin: 0; position: relative; left: 0; top: -3px;
	}
}

@media (hover: hover) {
	.rss-contents .plan_rss .mini a img {
		transition: opacity .4s;
	}
	.rss-contents .plan_rss .mini a:hover img {
		opacity: .64;
	}
	.rss-contents .plan_rss .mini .plan_text h4 a {
		transition: opacity .4s;
	}
	.rss-contents .plan_rss .mini .plan_text h4 a:hover {
		opacity: .48;
	}
	
	.search-contents input[type="submit"] {
		transition: opacity .4s;
	}
	.search-contents input[type="submit"]:hover {
		opacity: .48;
	}
}


/*//////////////////////////////////////////////////
gtranslate
//////////////////////////////////////////////////*/

.gt_switcher_wrapper {
	position: static!important;
	width: 100%!important;
    height: 100%!important;
}
.g-translate-wrap .gtranslate_wrapper {
	position: relative;
	line-height: 1;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 2;
	width: 100%!important;
    height: 100%!important;
}
.gtranslate_wrapper select {
	writing-mode: horizontal-tb!important;
	text-rendering: auto;
	color: #fff;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 1!important;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
    -moz-appearance: none; -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    outline: none;
	box-sizing: border-box;
	align-items: center;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	cursor: default;
	margin: 0;
	border-radius: 0;
	padding: 0 0 2px 12px!important;
	width: 160px!important;
    height: 36px!important;
    position: relative;
    z-index: 1; 
    left: -16px!important;
    top: -4px!important;
}

@media only screen and (min-width: 640px) {
    .gtranslate_wrapper select {
	    width: 161px!important;
        height: 38px!important;
    }
}

@media only screen and (min-width: 960px) {
    .gtranslate_wrapper select {
	    width: 162px!important;
        height: 40px!important;
    }
}

.click_off{
  pointer-events: none;
}