@charset "UTF-8";
/* line 11, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
body {
font-family: a-otf-gothic-bbb-pr6n, sans-serif;
font-weight: 400;
font-style: normal;
overflow-x: hidden; }
/* line 18, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.hamburger {
display: none; }
/* line 22, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.globalMenuSp {
display: none; }
/* line 26, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
li {
list-style: none; }
/* line 32, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
a {
color: #000;
text-decoration: none;
font-style: none; }
/* line 41, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main {
width: 100%; }
/* line 44, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section {
overflow: hidden;
margin: 10% 0; }
/* line 48, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer {
max-width: 1100px;
margin: 0 auto; }
/* line 52, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .con-title {
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-weight: 600;
font-style: normal;
position: absolute;
top: 0;
z-index: 5;
font-size: 20px;
color: #fff;
padding: 40px 25px;
writing-mode: vertical-rl;
text-align: center; }
/* line 65, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .con-title img {
margin-bottom: 10px;
width: 100%;
max-width: 35px; }
/* line 72, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .con-img {
max-height: 400px;
overflow: hidden; }
/* line 76, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .con-img img {
width: 100%; }
/* line 81, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer h4 {
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-weight: 600;
font-style: normal;
text-align: center;
color: #786041;
font-size: 24px;
line-height: 50px;
margin: 40px 0;
letter-spacing: 1px; }
/* line 95, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .info {
display: flex;
justify-content: center;
letter-spacing: 2px;
align-items: center; }
/* line 101, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .info li {
align-items: center;
border: 2px #000 solid;
width: 100%;
margin: 0 2%; }
/* line 107, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .info li dl {
display: flex;
justify-content: flex-start;
font-size: 14px;
align-items: center; }
/* line 113, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .info li dl dt {
margin: 0 12%;
padding: 30px 0; }
/* line 124, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .svg-content {
position: absolute;
top: 0;
left: 0;
z-index: 0;
top: -2px;
height: 300px;
overflow: hidden;
width: 100%;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-repeat: no-repeat; }
/* line 140, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .c-b:before {
display: block;
content: "";
background-size: contain;
opacity: 0.5;
width: 100%;
height: 400px;
z-index: -1; }
/* line 150, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .c-b:after {
display: block;
left: 0;
bottom: 25%;
content: "";
background-size: contain;
opacity: 0.5;
width: 100%;
height: 400px;
z-index: -1; }
/* line 167, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.frame-area {
width: 100%;
position: relative;
z-index: 9; }
/* line 172, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.frame-area iframe {
width: 100%;
height: 550px; }
/* line 179, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content {
width: 100%;
max-width: 1100px;
height: auto;
position: relative;
margin: 10px auto 0 auto;
clear: both;
text-align: center; }
/* line 188, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabmenu {
width: 150px;
border-bottom: 2px #397179 solid;
list-style: none;
padding: 20px 0 20px 2%;
text-align: center;
display: inline-block;
cursor: pointer;
margin: 0 auto;
transition: .2s ease-in-out; }
/* line 200, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .t-a {
background: url(https://e-gaiya-chikusa.com/blog/wp-content/uploads/2022/02/news-icon1.png) no-repeat;
background-size: 30px;
background-position: 15% center; }
/* line 206, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .t-n {
background: url(https://e-gaiya-chikusa.com/blog/wp-content/uploads/2022/02/news-icon2.png) no-repeat;
background-size: 30px;
background-position: 10% center; }
/* line 212, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .t-b {
background: url(https://e-gaiya-chikusa.com/blog/wp-content/uploads/2022/02/news-icon3.png) no-repeat;
background-size: 30px;
background-position: 10% center; }
/* line 218, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .active,
.full_content .hover {
border-bottom: 2px #e6d06a solid; }
/* line 223, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabmenu img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )"; }
/* line 229, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .mr01 {
margin: 0 2%; }
/* line 233, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent {
width: 100%;
margin-top: 10px;
left: 0;
position: absolute; }
/* line 239, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl {
margin: 0 auto;
text-align: left; }
/* line 243, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt {
position: relative;
padding: 20px 5px;
border-bottom: solid 1px #e2e2e2;
margin-bottom: 10px;
font-size: 14px; }
/* line 250, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt span {
margin-right: 4%;
padding: 10px 0 10px 50px; }
/* line 255, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt .news-icon {
background: url(https://e-gaiya-chikusa.com/blog/wp-content/uploads/2022/02/news-icon-b.png) no-repeat;
background-size: contain;
background-position: left center; }
/* line 261, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt .blog-icon {
background: url(https://e-gaiya-chikusa.com/blog/wp-content/uploads/2022/02/news-icon-y.png) no-repeat;
background-size: contain;
background-position: left center; }
/* line 267, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt a {
max-width: 70%;
display: inline-block;
vertical-align: middle; }
/* line 268, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt a:before {
position: absolute;
top: calc(50% - 2px);
right: 4%;
content: "";
display: block;
background: #000;
height: 1px;
width: 6px;
transform: rotate(45deg) translate(0, 50%); }
/* line 284, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt a:after {
position: absolute;
top: 50%;
right: 4%;
content: "";
display: block;
background: #000;
height: 1px;
width: 20px;
transform: translate(0, 50%); }
/* line 296, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt a:before, .full_content .tabcontent dl dt a:after {
transition: .2s ease-in-out; }
/* line 303, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt a:hover:before, .full_content .tabcontent dl dt a:hover:after {
right: 2%; }
/* line 313, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tab_title {
font-size: 20px;
margin: 20px 0 10px 0;
padding: 5px 20px 5px;
text-align: center; }
@media screen and (max-width: 800px) {
/* line 324, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.frame-area iframe {
height: 700px; }
/* line 330, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent {
padding: 0 4%; } }
@media screen and (max-width: 600px) {
/* line 339, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.frame-area iframe {
height: 950px; }
/* line 347, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabmenu {
width: 100px;
padding: 20px 0 20px 2%;
font-size: 16px; }
/* line 353, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .t-a {
background-size: 20px;
background-position: 10% center; }
/* line 358, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .t-n {
background-size: 20px;
background-position: 2% center; }
/* line 363, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .t-b {
background-size: 20px;
background-position: 2% center; }
/* line 368, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent {
padding: 0 4%; }
/* line 375, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt span {
display: block;
margin: 0 0 10px 0;
padding: 10px 0 10px 45px; }
/* line 381, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt .news-icon {
background-size: 35px; }
/* line 385, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt .blog-icon {
background-size: 35px; }
/* line 389, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt a {
max-width: 85%;
display: inline-block;
vertical-align: middle; }
/* line 390, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt a:before {
position: absolute;
top: calc(50% - 2px);
right: 4%;
content: "";
display: block;
background: #000;
height: 1px;
width: 6px;
transform: rotate(45deg) translate(0, 50%); }
/* line 406, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt a:after {
position: absolute;
top: 50%;
right: 4%;
content: "";
display: block;
background: #000;
height: 1px;
width: 20px;
transform: translate(0, 50%); }
/* line 418, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt a:before, .full_content .tabcontent dl dt a:after {
transition: .2s ease-in-out; }
/* line 425, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tabcontent dl dt a:hover:before, .full_content .tabcontent dl dt a:hover:after {
right: 2%; }
/* line 435, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.full_content .tab_title {
font-size: 20px;
margin: 20px 0 10px 0;
padding: 5px 20px 5px;
text-align: center; } }
/* line 450, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#navArea {
display: none; }
/* line 455, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
header {
width: 100%;
position: relative;
z-index: 1; }
/* line 460, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
header nav {
padding: 35px 0 0 0;
max-width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-around;
align-items: center; }
/* line 468, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
header nav .h-logo {
width: 100%;
max-width: 230px;
height: 100%; }
/* line 474, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
header nav ul {
width: 100%;
display: flex;
justify-content: flex-end;
font-size: 12px; }
/* line 483, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
header nav ul img {
display: block;
margin: 0 auto;
padding-bottom: 10px;
height: 40px; }
/* line 490, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
header nav ul li {
margin: 0 2%; }
/* line 499, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#svg-top2 {
position: absolute;
top: 0;
left: 0;
z-index: 0;
top: -2px;
height: 550px;
overflow: hidden;
width: 100%;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-repeat: no-repeat;
transform: rotate(5deg); }
/* line 514, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#svg-top {
position: absolute;
top: 0;
left: 0;
z-index: 0;
top: -20px;
height: 800px;
overflow: hidden;
width: 100%;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-repeat: no-repeat; }
@media (max-width: 1427px) {
/* line 535, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.div {
background-size: contain; } }
/* line 543, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv {
position: relative;
width: 100%;
height: 800px;
background: #000;
overflow: hidden; }
/* line 550, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv .mv-social {
display: flex;
position: absolute;
top: 120px;
right: 12%;
z-index: 1; }
/* line 557, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv .mv-social li {
margin: 0 20%; }
/* line 560, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv .mv-social li img {
max-width: 20px; }
/* line 566, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv dl {
width: 100%;
position: absolute;
top: 40%;
left: 0;
right: 0;
bottom: 45%;
z-index: 1;
text-align: center; }
/* line 576, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv dl dt {
margin-bottom: 20px; }
/* line 580, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv dl dd {
color: #fff;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-weight: 600;
font-style: normal; }
/* line 586, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv dl dd h1 {
font-size: 20px !important; }
/* line 596, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv video {
display: block; }
/* line 601, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv #bg-video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
min-width: 50%;
min-height: 50%;
width: auto;
height: auto;
z-index: 0;
opacity: 0.6; }
/* line 617, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article {
max-width: 1100px;
margin: 0 auto;
display: flex;
/*slick setting*/ }
/* line 622, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl {
display: flex;
align-items: center;
width: 100%; }
/* line 627, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dt {
font-size: 14px;
background: #57969f;
padding: 30px 10px;
min-width: 180px;
color: #fff;
text-align: center; }
/* line 636, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dd {
width: 100%;
padding: 0 4%;
font-size: 14px; }
/* line 641, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dd ul {
margin-top: 20px; }
/* line 644, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dd ul li {
display: flex;
min-width: 100%; }
/* line 648, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dd ul li span {
display: block; }
/* line 656, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article .slider {
width: 100%; }
/* line 661, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article .slick-prev:before,
article .slick-next:before {
color: #000; }
/* line 666, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article .slick-num {
margin-top: 30px;
font-size: 12px; }
/* line 673, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about {
text-align: center;
position: relative; }
/* line 678, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about #insta {
display: block;
height: 260px; }
/* line 682, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about #insta iframe {
width: 100%; }
/* line 687, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about .button-a {
background: #e6d06a;
color: #fff;
padding: 20px 5%;
margin: 40px 0;
display: inline-block; }
/* line 695, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about h2 {
margin: 40px 0; }
/* line 698, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about h2 img {
max-width: 27px;
margin-right: 10px; }
/* line 704, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about h3 {
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-weight: 600;
font-style: normal;
font-size: 28px;
color: #397179;
margin: 20px 0; }
/* line 713, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about p {
line-height: 45px;
font-size: 18px;
letter-spacing: 1px; }
/* line 721, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about .c-b:before {
position: absolute;
left: 0;
top: 0;
content: "";
background: url("../img/back1.png") no-repeat;
background-size: 500px;
height: 600px;
z-index: -1; }
/* line 732, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about .c-b:after {
position: absolute;
right: 0;
bottom: 50px;
background: url("../img/back2.png") no-repeat;
background-position: right;
background-size: 500px;
height: 650px;
z-index: -1; }
/* line 746, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant {
position: relative; }
/* line 750, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer h3 {
position: absolute;
left: 10%;
background: #9f8057; }
/* line 756, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer .con-img {
margin-right: -200px; }
/* line 759, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer .con-img img {
margin-top: -300px; }
/* line 764, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area {
display: flex;
justify-content: space-between;
width: 100%;
margin: 40px 0; }
/* line 770, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area div {
width: 100%;
margin: 0; }
/* line 775, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-for {
width: 100%;
max-width: 650px; }
/* line 779, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-for li {
width: 100%; }
/* line 782, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-for li img {
width: 100%; }
/* line 788, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-nav {
width: 100%; }
/* line 791, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-nav li {
margin: 10px 2%;
width: 100px; }
/* line 795, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-nav li img {
width: 100%; }
/* line 801, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area p {
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-weight: 600;
font-style: normal;
text-align: center;
margin-bottom: 40px; }
/* line 809, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area #menu {
margin: 0 0 0 10%;
max-width: 350px; }
/* line 813, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area #menu li {
margin: 10px 0;
font-size: 14px !important;
width: 100%; }
/* line 827, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .c-b:before {
position: absolute;
left: 0;
top: 30%;
background: url("../img/back3.png") no-repeat;
height: 400px;
z-index: -2; }
/* line 836, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .c-b:after {
position: absolute;
right: 0;
bottom: 25%;
background: url("../img/back4.png") no-repeat;
background-position: right;
height: 400px;
z-index: -2; }
/* line 852, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath {
position: relative; }
/* line 856, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer h3 {
position: absolute;
right: 10%;
background: #465e63; }
/* line 862, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer .con-img {
margin-left: -200px; }
/* line 865, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer .con-img img {
margin-top: -100px; }
/* line 870, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area {
margin: 60px 0; }
/* line 873, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co {
display: flex;
justify-content: center; }
/* line 877, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co .b-imgarea {
position: relative;
z-index: 0;
width: 48%;
overflow: hidden; }
/* line 883, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co .b-imgarea h5 {
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-weight: 600;
font-style: normal;
text-align: center;
background: #465e63;
color: #fff;
font-size: 20px;
padding: 40px 25px;
writing-mode: vertical-rl; }
/* line 895, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co .b-imgarea img {
width: 100%;
min-width: 500px; }
/* line 902, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co p {
position: relative;
z-index: 0;
font-size: 18px;
line-height: 30px;
display: inline-block;
height: 100px;
width: 40%; }
/* line 913, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-1 {
display: flex;
margin-left: -7%;
margin-right: 3%; }
/* line 918, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-1 .b-imgarea {
position: relative; }
/* line 921, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-1 .b-imgarea h5 {
position: absolute;
top: -20px;
left: 15px; }
/* line 927, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-1 .b-imgarea:after {
display: block;
position: absolute;
right: 0;
top: 0;
content: "";
height: 120px;
width: 15%;
background: #fff; }
/* line 939, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-1 p {
margin-left: -5%;
margin-right: 5%;
padding: 2% 0 0 4%; }
/* line 946, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-2 {
margin-top: -230px;
margin-right: -7%;
margin-left: 3%;
display: flex;
align-items: flex-end; }
/* line 954, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-2 .b-imgarea h5 {
position: absolute;
top: -20px;
right: 15px; }
/* line 960, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-2 .b-imgarea:after {
display: block;
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 120px;
width: 15%;
background: #fff; }
/* line 972, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-2 p {
text-align: right;
margin-right: -5%;
margin-left: 5%;
padding: 2% 4% 0 0;
z-index: 1; }
/* line 989, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .c-b:before {
position: absolute;
right: 0;
top: 30%;
background: url("../img/back5.png") no-repeat;
background-position: right;
height: 400px;
z-index: -1; }
/* line 999, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .c-b:after {
position: absolute;
left: 0;
bottom: 25%;
background: url("../img/back6.png") no-repeat;
background-position: left;
height: 400px;
z-index: -1; }
/* line 1017, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit {
position: relative; }
/* line 1021, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer h3 {
position: absolute;
left: 10%;
background: #5e5971; }
/* line 1027, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer .con-img {
margin-right: -200px; }
/* line 1030, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer .con-img img {
margin-top: -100px; }
/* line 1035, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer #fit-area {
margin: 60px 0;
display: flex;
justify-content: center; }
/* line 1040, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer #fit-area li {
margin: 0 4%;
text-align: center; }
/* line 1044, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer #fit-area li img {
display: block;
padding-bottom: 20px;
width: 110px; }
/* line 1058, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .c-b:before {
position: absolute;
left: 0;
bottom: 30%;
background: url("../img/back7.png") no-repeat;
background-position: left;
height: 400px;
z-index: -1; }
/* line 1068, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .c-b:after {
position: absolute;
right: 0;
top: 40%;
background: url("../img/back8.png") no-repeat;
background-position: right;
height: 400px;
z-index: -1; }
/* line 1082, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info {
position: relative; }
/* line 1086, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer h3 {
position: absolute;
right: 10%;
background: #8b5858; }
/* line 1092, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer .con-img {
margin-left: -200px; }
/* line 1095, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer .con-img img {
margin-top: -170px; }
/* line 1100, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area {
margin-top: 60px;
display: flex;
justify-content: center; }
/* line 1105, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info1 {
margin-right: 8%; }
/* line 1108, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info1 img {
width: 100%; }
/* line 1113, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 {
width: 100%; }
/* line 1116, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul {
font-size: 18px; }
/* line 1119, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li {
margin-bottom: 20px; }
/* line 1122, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li dl {
display: flex;
align-items: center; }
/* line 1126, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li dl dt {
margin-right: 8%; }
/* line 1129, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li dl dt img {
width: 90px; }
/* line 1145, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .c-b:before {
position: absolute !important;
left: 0;
top: 20%;
background: url("../img/back9.png") no-repeat;
background-position: left;
height: 400px;
z-index: -1; }
/* line 1155, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .c-b:after {
display: none; }
/* line 1163, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq {
position: relative;
margin: 0 0 400px 0;
overflow: inherit !important;
clear: both;
height: 400px; }
/* line 1170, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer {
position: relative; }
/* line 1173, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer h3 {
background: #397179;
display: block;
width: 80px;
margin-left: 40px;
position: relative;
margin-top: -100px; }
/* line 1183, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area {
margin: 60px 0;
/* アクティブなタブ */
/* ラジオボタン非表示 */ }
/* line 1187, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab *,
.faq .continer #faq-area .cp_tab *:before,
.faq .continer #faq-area .cp_tab *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/* line 1194, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab {
margin: 1em auto;
position: relative; }
/* line 1199, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none; }
/* line 1211, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanel {
background: #f3f3f3;
display: none; }
/* line 1216, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanel ul li {
background: #fff;
margin: 20px 0;
padding: 20px 3% 20px 60px;
border-radius: 10px;
position: relative; }
/* line 1223, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanel ul li .q {
position: absolute;
left: 20px;
top: 20px;
background: #57969f;
color: #fff;
border-radius: 50%;
height: 25px;
width: 25px;
text-align: center;
font-size: 14px; }
/* line 1236, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanel ul li .a {
background: #8f3d3d;
position: absolute;
left: 20px;
top: 20px;
color: #fff;
border-radius: 50%;
height: 25px;
width: 25px;
text-align: center;
font-size: 14px; }
/* line 1253, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.faq .continer #faq-area .cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.faq .continer #faq-area .cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.faq .continer #faq-area .cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.faq .continer #faq-area .cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.faq .continer #faq-area .cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
display: block; }
/* line 1262, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanels {
position: absolute;
top: 0;
left: 10em;
display: block;
overflow-y: auto;
height: 600px; }
/* line 1271, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab > input + label {
position: relative;
z-index: 100;
top: 170px;
left: 1px;
display: block;
width: 10em;
margin-bottom: -20px;
padding: 15px;
cursor: pointer;
border: 1px solid #000;
border-right: 0;
margin: 10px 0 10px 0;
border-radius: 6px 0 0 6px; }
/* line 1289, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab > label:hover,
.faq .continer #faq-area .cp_tab > input:focus + label {
color: #0066cc;
background: #f3f3f3; }
/* line 1295, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab > input:checked + label {
border-color: #cccccc;
border-right: 1px solid #f3f3f3;
/*背景色と同じ*/
background: #f3f3f3; }
/* line 1302, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanel {
padding: 0.5em 1em;
border-left: 1px solid #cccccc; }
@media (max-width: 480px) {
/* line 1308, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab {
width: 100%; }
/* line 1312, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab > input + label {
font-size: 0.7em; }
/* line 1316, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanels {
left: 7em;
min-width: 7em; } }
/* line 1326, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .tab-switch:checked + .tab-label {
color: Gray;
background: White;
border-right-color: White; }
/* line 1332, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .tab-switch:checked + .tab-label + .tab-content {
float: left;
height: 100%;
padding: 15px;
border-left: 1px solid Gray;
display: block; }
/* line 1341, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .tab-switch {
display: none; }
/* line 1345, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-btn {
/*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ。*/
text-align: center;
width: 100%;
display: block;
background: #397179;
color: #fff;
padding: 10px 0; }
/* line 1355, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-btn::before {
content: "続きを読む"; }
/* line 1359, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-item {
display: block;
overflow: hidden;
height: 0;
/*隠した状態の高さ*/ }
/* line 1366, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-item::before {
display: block;
width: 100%;
height: 0;
/*グラデーションで隠す高さ*/
background: -webkit-linear-gradient(top, rgba(233, 233, 233, 0) 0%, rgba(233, 233, 233, 0.9) 50%, rgba(233, 233, 233, 0.9) 50%, #e9e9e9 100%);
background: linear-gradient(top, rgba(233, 233, 233, 0) 0%, rgba(233, 233, 233, 0.9) 50%, rgba(233, 233, 233, 0.9) 50%, #e9e9e9 100%);
content: ""; }
/* line 1377, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-trigger {
display: none;
/*チェックボックスは常に非表示*/ }
/* line 1382, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-trigger:checked ~ .grad-btn::before {
content: "閉じる"; }
/* line 1387, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-trigger:checked ~ .grad-item {
height: auto;
/*チェックされていたら、高さを戻す*/ }
/* line 1392, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-trigger:checked ~ .grad-item::before {
display: none;
/*チェックされていたら、grad-itemのbeforeを非表示にする*/ }
/* line 1405, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access {
margin-top: 40px; }
/* line 1409, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info {
justify-content: flex-start !important; }
/* line 1412, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info li {
width: 100%;
margin: 10px 2%; }
/* line 1419, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(1) li:nth-child(1) {
width: 45%; }
/* line 1423, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(1) li:nth-child(2) {
width: 20%; }
/* line 1433, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(2) li:nth-child(1) {
width: 69%; }
/* line 1444, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(3) li:nth-child(1) {
width: 50%; }
/* line 1449, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(3) li:nth-child(1) dl dd {
width: 50%; }
/* line 1452, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(3) li:nth-child(1) dl dd a {
color: #fff;
background: #397179;
padding: 20px;
display: block;
text-align: center;
margin: 0 4%; }
/* line 1472, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b {
margin-top: 0;
background: #d5ba3d;
padding-top: 130px;
position: relative; }
/* line 1478, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b .svg-content {
position: absolute;
top: 0;
left: 0;
z-index: 0;
top: -10px;
height: 120px;
overflow: hidden;
width: 110%;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-repeat: no-repeat; }
/* line 1493, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer {
max-width: 1100px;
margin: 0 auto;
color: #fff; }
/* line 1500, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer hr {
border: 1px #fff solid;
margin: 10px 0; }
/* line 1505, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav {
display: flex;
justify-content: space-between;
align-items: center; }
/* line 1510, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav img {
max-width: 200px; }
/* line 1514, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav ul {
display: flex;
justify-content: flex-end;
width: 100%; }
/* line 1519, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav ul li {
margin: 0 1%; }
/* line 1520, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav ul li a {
color: #fff !important; }
/* line 1531, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end; }
/* line 1537, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl {
display: flex;
align-items: center;
margin: 20px 0; }
/* line 1542, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl dt {
width: 60%; }
/* line 1546, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl dd {
width: 100%; }
/* line 1549, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl dd img {
max-width: 20px;
margin: 0 6%; }
/* line 1557, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co p {
line-height: 30px; }
/* line 1561, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co small {
display: block;
margin: 40px 0; }
/* line 1565, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co small a {
color: #fff;
margin-right: 2%; }
/* line 1571, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul {
margin: 0;
display: flex; }
/* line 1575, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div {
position: relative;
top: -60px;
margin-left: 4%; }
/* line 1580, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div p {
margin: 0;
padding: 0;
max-width: 330px; }
/* line 1585, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div p small {
margin: 10px 0;
padding: 0;
line-height: 20px; }
/* line 1592, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div li {
border: 2px #fff solid;
margin: 10px 0 20px 0;
font-size: 16px;
max-width: 330px; }
/* line 1598, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div li a {
padding: 20px 25px;
color: #fff;
display: block;
width: 250px;
text-align: center; }
/* line 1611, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul .mail {
background: url("../img/f-1.png") no-repeat;
background-position: 20px center;
padding-left: 25px;
background-size: 30px; }
/* line 1618, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul .phone {
background: url("../img/f-2.png") no-repeat;
background-position: 20px center;
padding-left: 20px;
background-size: 30px; }
/* line 1629, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer #copy-pc a {
color: #fff; }
/* line 1634, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer #copy-sp {
display: none; }
@media screen and (max-width: 800px) {
/* line 1643, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.hamburger {
display: block;
position: fixed;
z-index: 9999;
right: 13px;
top: 12px;
width: 42px;
height: 42px;
cursor: pointer;
text-align: center; }
/* line 1655, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.hamburger span {
display: block;
position: absolute;
width: 30px;
height: 2px;
left: 6px;
background: #555;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out; }
/* line 1667, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.hamburger span:nth-child(1) {
top: 10px; }
/* line 1671, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.hamburger span:nth-child(2) {
top: 20px; }
/* line 1675, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.hamburger span:nth-child(3) {
top: 30px; }
/* ナビ開いてる時のボタン */
/* line 1680, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.hamburger.active span {
background: #fff; }
/* line 1684, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.hamburger.active span:nth-child(1) {
-webkit-transform: translateY(6px);
-moz-transform: translateY(6px);
transform: translateY(6px); }
/* line 1690, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.hamburger.active span:nth-child(2) {
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
transform: translateY(-4px); }
/* line 1696, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.hamburger.active span:nth-child(3) {
-webkit-transform: translateY(-14px);
-moz-transform: translateY(-14px);
transform: translateY(-14px); }
/* line 1702, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
nav.globalMenuSp {
display: block;
position: fixed;
z-index: 9998;
top: -400px;
left: 0;
color: #fff;
background: #d5ba3d;
text-align: center;
width: 100%;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease; }
/* line 1716, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.globalMenuSp ul {
margin: 0 auto;
padding: 0;
width: 100%; }
/* line 1722, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.globalMenuSp ul li {
list-style-type: none;
padding: 0;
width: 100%;
transition: .4s all; }
/* line 1730, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.globalMenuSp ul li:last-child {
padding-bottom: 0; }
/* line 1734, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.globalMenuSp ul li:hover {
background: #ddd; }
/* line 1738, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.globalMenuSp ul li a {
display: block;
color: #fff;
padding: 1em 0;
text-decoration: none; }
/* このクラスを、jQueryで付与・削除する */
/* line 1746, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.globalMenuSp.active {
opacity: 100;
top: 0;
transition: opacity .6s ease, visibility .6s ease; }
/* line 1754, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
header {
margin: 0 0; }
/* line 1759, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
header nav .h-logo {
max-width: 200px; }
/* line 1763, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
header nav ul {
display: none; }
/* line 1770, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#svg-top2 {
transform: rotate(0deg); }
/* line 1774, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv {
height: 600px; }
/* line 1786, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer h4 {
font-size: 20px;
line-height: 40px;
margin: 30px 0; }
/* line 1793, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .info {
letter-spacing: 1px; }
/* line 1798, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .info li dl {
display: flex;
justify-content: flex-start;
font-size: 12px;
align-items: center; }
/* line 1804, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .info li dl dt {
margin: 0 10%;
padding: 30px 0; }
/* line 1818, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article {
margin-right: 4%; }
/* line 1823, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dt {
font-size: 12px;
padding: 20px 10px;
min-width: 140px; }
/* line 1829, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dd {
width: 75%;
padding: 0 4%;
font-size: 12px; }
/* line 1834, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dd ul {
margin-top: 20px; }
/* line 1837, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dd ul li {
margin: 5px 0; }
/* line 1845, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article .slick-num {
font-size: 11px; }
/* line 1852, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about #insta {
height: 200px;
width: 100%; }
/* line 1856, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about #insta img {
width: 100%; }
/* line 1863, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about .c-b:before {
top: 150px;
background-size: 300px;
height: 600px; }
/* line 1869, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about .c-b:after {
bottom: 50px;
background-size: 300px;
height: 650px; }
/* line 1882, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer h3 {
position: absolute;
left: 10%; }
/* line 1887, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer .con-img {
margin-right: -300px; }
/* line 1890, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer .con-img img {
margin-top: -300px; }
/* line 1895, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area {
display: block;
width: 100%;
margin: 40px 0; }
/* line 1900, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area div {
width: 100%;
margin: 0 auto; }
/* line 1905, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-for {
max-width: 650px;
max-height: 300px;
overflow: hidden;
margin: 0 auto; }
/* line 1911, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-for li {
width: 100%; }
/* line 1914, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-for li img {
width: 100%; }
/* line 1920, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-nav {
width: 100%; }
/* line 1923, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-nav li {
margin: 10px 2%;
width: 100px; }
/* line 1927, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-nav li img {
width: 100%; }
/* line 1934, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area #menu {
margin: 0 auto;
max-width: 300px; }
/* line 1951, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co {
display: flex;
justify-content: center; }
/* line 1955, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co .b-imgarea {
position: relative;
z-index: 0;
width: 60%;
overflow: hidden; }
/* line 1964, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co p {
font-size: 16px;
height: 100px;
width: 60%; }
/* line 1971, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-1 {
margin-left: 0%; }
/* line 1975, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-1 p {
margin-left: -5%;
margin-right: 5%;
padding: 2% 0 0 4%; }
/* line 1982, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-2 {
margin-top: -230px;
margin-right: 0;
margin-left: 3%; }
/* line 1997, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .c-b:before {
top: 20%;
background-size: 200px; }
/* line 2002, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .c-b:after {
bottom: 35%;
background-size: 200px; }
/* line 2014, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit {
position: relative; }
/* line 2018, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer h3 {
position: absolute;
left: 10%;
background: #5e5971; }
/* line 2024, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer .con-img {
margin-right: -200px; }
/* line 2027, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer .con-img img {
margin-top: -100px; }
/* line 2032, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer #fit-area {
margin: 60px 4%;
display: flex;
justify-content: center; }
/* line 2037, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer #fit-area li {
margin: 0 4%;
text-align: center;
max-width: 120px;
font-size: 14px; }
/* line 2043, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer #fit-area li img {
display: block;
padding-bottom: 20px;
width: 100%; }
/* line 2057, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .c-b:before {
bottom: 30%;
background-size: 200px; }
/* line 2062, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .c-b:after {
top: 40%;
background-size: 200px; }
/* line 2075, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer .con-img {
margin-left: -200px; }
/* line 2078, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer .con-img img {
margin-top: -170px; }
/* line 2083, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area {
margin-top: 60px; }
/* line 2086, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info1 {
margin-right: 8%; }
/* line 2089, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info1 img {
width: 100%; }
/* line 2094, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 {
width: 70%; }
/* line 2097, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul {
font-size: 14px; }
/* line 2100, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li {
margin-bottom: 20px; }
/* line 2103, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li dl {
display: flex;
align-items: center; }
/* line 2107, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li dl dt {
margin-right: 8%; }
/* line 2110, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li dl dt img {
width: 80px; }
/* line 2125, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .c-b:before {
background-size: 200px; }
/* line 2139, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info li {
width: 100%;
margin: 10px 2%; }
/* line 2146, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(1) li:nth-child(1) {
width: 55%; }
/* line 2150, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(1) li:nth-child(2) {
width: 25%; }
/* line 2160, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(2) li:nth-child(1) {
width: 84%; }
/* line 2171, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(3) li:nth-child(1) {
width: 50%; }
/* line 2176, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(3) li:nth-child(1) dl dd {
width: 50%; }
/* line 2190, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b {
margin-top: 0;
padding: 90px 4% 40px 4%;
overflow: hidden; }
/* line 2195, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b .svg-content {
width: 100% !important; }
/* line 2201, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer {
font-size: 14px; }
/* line 2204, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-desc {
position: relative;
top: -30px; }
/* line 2209, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav {
display: block; }
/* line 2212, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav img {
margin-bottom: 20px; }
/* line 2216, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav ul {
justify-content: flex-start; }
/* line 2219, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav ul li {
margin: 0 2% 0 0; }
/* line 2220, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav ul li a {
color: #fff !important; }
/* line 2231, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end; }
/* line 2237, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl {
display: flex;
align-items: center;
margin: 20px 0; }
/* line 2242, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl dt {
width: 60%; }
/* line 2246, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl dd {
width: 100%; }
/* line 2249, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl dd img {
max-width: 20px;
margin: 0 6%; }
/* line 2257, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co p {
line-height: 30px; }
/* line 2261, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co small {
display: block;
margin: 40px 0; }
/* line 2265, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co small a {
color: #fff;
margin-right: 2%; }
/* line 2271, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul {
position: relative;
top: 100px;
margin: 0;
display: block; }
/* line 2277, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div {
position: relative;
top: -80px;
margin-left: 4%; }
/* line 2282, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div p {
max-width: 300px; }
/* line 2286, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div li {
max-width: 300px; }
/* line 2289, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div li a {
width: 250px; } }
@media screen and (max-width: 600px) {
/* line 2316, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .con-title {
top: 0;
font-size: 14px;
padding: 25px 20px; }
/* line 2321, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .con-title img {
max-width: 25px; }
/* line 2326, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer h4 {
font-size: 15px;
line-height: 30px; }
/* line 2333, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .info {
display: block;
letter-spacing: 1px;
margin: 0 4%; }
/* line 2338, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .info li {
margin: 20px 0; }
/* line 2341, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .info li dl {
font-size: 12px; }
/* line 2344, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
main section .continer .info li dl dt {
margin: 0 6% !important;
padding: 25px 0; }
/* line 2362, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
header nav .h-logo {
max-width: 180px; }
/* line 2368, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#svg-top2 {
top: 80px;
height: 450px;
transform: rotate(0deg); }
/* line 2377, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv .mv-social {
top: 90px; }
/* line 2381, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv dl {
width: 100%;
top: 45%;
bottom: 45%; }
/* line 2387, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv dl dt img {
width: 250px; }
/* line 2394, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#mv dl dd h1 {
font-size: 16px !important; }
/* line 2405, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article {
/*slick setting*/ }
/* line 2406, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl {
align-items: flex-start;
margin: 0;
overflow: hidden;
padding: 0; }
/* line 2412, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dt {
font-size: 13px;
padding: 20px 10px;
min-width: 90px; }
/* line 2418, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dd {
padding: 10px 4%;
font-size: 12px;
margin: 0; }
/* line 2423, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article dl dd ul {
margin-top: -10px; }
/* line 2429, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article .slider {
width: 100%; }
/* line 2436, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article .slick-prev:before,
article .slick-next:before {
color: #000; }
/* line 2441, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
article .slick-num {
margin-top: 10px;
font-size: 11px; }
/* line 2450, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about #insta {
padding: 0 4%;
height: 100%; }
/* line 2456, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about .button-a {
padding: 20px 4%;
margin: 40px 0 20px 0; }
/* line 2463, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about h3 {
font-size: 22px;
margin: 20px 0; }
/* line 2468, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about p {
line-height: 30px;
font-size: 14px; }
/* line 2474, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about .c-b:before {
left: -40%;
top: 0;
background-size: 300px;
height: 600px; }
/* line 2481, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.about .c-b:after {
right: -30%;
bottom: 0;
background-size: 300px;
height: 650px; }
/* line 2496, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer h3 {
position: absolute;
left: 20px;
background: #9f8057; }
/* line 2502, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer .con-img {
margin-right: -100px; }
/* line 2505, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer .con-img img {
margin-top: 0; }
/* line 2510, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area {
margin: 40px 0; }
/* line 2513, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area div {
margin: 0; }
/* line 2517, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-for {
max-width: 100%;
padding: 0 4%; }
/* line 2522, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-nav {
width: 100%; }
/* line 2525, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area .slider-nav li {
margin: 10px 2%;
width: 100px; }
/* line 2531, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area p {
margin-bottom: 40px; }
/* line 2535, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .continer #res-area #menu {
margin: 0 14%; }
/* line 2544, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .c-b:before {
background-size: 200px;
top: 350px; }
/* line 2549, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.restaurant .c-b:after {
background-size: 150px;
bottom: 200px; }
/* line 2563, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer h3 {
right: 20px; }
/* line 2567, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer .con-img {
margin-left: -100px; }
/* line 2570, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer .con-img img {
margin-top: 0; }
/* line 2575, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area {
margin: 40px 0; }
/* line 2578, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co {
display: flex; }
/* line 2581, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co .b-imgarea {
z-index: 0;
width: 60%; }
/* line 2585, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co .b-imgarea h5 {
font-size: 14px;
padding: 40px 15px 30px 15px; }
/* line 2591, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co .b-imgarea img {
min-width: 450px; }
/* line 2597, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co p {
font-size: 14px;
line-height: 22px;
height: 100px;
width: 65%; }
/* line 2603, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .bath-co p br {
display: none; }
/* line 2609, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-1 {
display: flex;
margin-left: 0;
margin-right: 2%; }
/* line 2616, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-1 .b-imgarea h5 {
position: absolute;
top: -20px;
left: 0; }
/* line 2622, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-1 .b-imgarea:after {
right: -1px;
top: 0;
height: 130px;
width: 25%; }
/* line 2631, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-1 p {
margin-left: -10%;
margin-right: 5%;
padding: 2% 0 0 4%; }
/* line 2638, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-2 {
margin-top: -150px;
margin-right: -7%;
margin-left: 2%; }
/* line 2644, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-2 .b-imgarea h5 {
position: absolute;
top: -20px;
right: 80px; }
/* line 2650, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-2 .b-imgarea img {
margin-left: -150px; }
/* line 2654, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-2 .b-imgarea:after {
left: 0;
bottom: 0;
height: 130px;
width: 25%; }
/* line 2662, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .continer #bath-area .b-2 p {
margin-right: -10%;
margin-left: 5%;
padding: 2% 4% 0 0; }
/* line 2677, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .c-b:before {
top: 330px;
background-size: 100px; }
/* line 2682, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.bath .c-b:after {
opacity: 0.3;
background-size: 90px;
top: 100px; }
/* line 2697, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer h3 {
left: 20px; }
/* line 2701, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer .con-img {
margin-right: -150px; }
/* line 2704, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer .con-img img {
margin-top: 0; }
/* line 2709, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer #fit-area {
margin: 40px 4%; }
/* line 2712, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer #fit-area li {
margin: 0 2%;
font-size: 12px; }
/* line 2716, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .continer #fit-area li img {
padding-bottom: 10px; }
/* line 2728, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .c-b:before {
bottom: 10px !important;
background-size: 100px;
height: 300px;
opacity: 0.3; }
/* line 2735, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.fit .c-b:after {
background-size: 100px;
top: 230px; }
/* line 2746, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info {
margin: 0 !important; }
/* line 2749, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer {
margin: 0 !important; }
/* line 2752, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer h3 {
right: 20px; }
/* line 2756, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer .con-img {
margin-right: -100px; }
/* line 2759, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer .con-img img {
margin-top: -30px; }
/* line 2764, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area {
margin-top: 40px 4%;
display: block; }
/* line 2768, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info1 {
margin: 4%; }
/* line 2771, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info1 img {
width: 100%; }
/* line 2776, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 {
width: 100%; }
/* line 2779, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul {
font-size: 14px;
margin: 0 auto; }
/* line 2783, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px #f5f5f5 solid; }
/* line 2788, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li dl {
display: flex;
align-items: center; }
/* line 2792, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li dl dt {
margin: 0 8% 0 8%; }
/* line 2795, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .continer #e-info-area .e-info2 ul li dl dt img {
width: 60px; }
/* line 2810, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.e-info .c-b:before {
background-size: 200px; }
/* line 2818, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq {
margin: 0 0 600px 0 !important;
height: 400px; }
/* line 2823, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer h3 {
background: #397179;
display: block;
width: 60px;
margin-left: 20px;
position: relative !important;
top: 0 !important;
margin-top: -20px;
height: 170px; }
/* line 2835, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area {
margin: 60px 0;
/* アクティブなタブ */
/* ラジオボタン非表示 */ }
/* line 2839, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab *,
.faq .continer #faq-area .cp_tab *:before,
.faq .continer #faq-area .cp_tab *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/* line 2846, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab {
margin: 1em auto;
position: relative;
width: 100%; }
/* line 2852, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab input[type='radio'] {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
-webkit-appearance: none;
appearance: none;
display: none; }
/* line 2864, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanel {
background: #f3f3f3;
display: none; }
/* line 2868, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanel ul {
width: 100%; }
/* line 2871, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanel ul li {
background: #fff;
margin: 20px 0;
padding: 20px 3% 20px 60px;
border-radius: 10px;
position: relative;
font-size: 12px; }
/* line 2879, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanel ul li .q {
position: absolute;
left: 20px;
top: 20px;
background: #57969f;
color: #fff;
border-radius: 50%;
height: 25px;
width: 25px;
text-align: center;
font-size: 14px; }
/* line 2892, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanel ul li .a {
background: #8f3d3d;
position: absolute;
left: 20px;
top: 20px;
color: #fff;
border-radius: 50%;
height: 25px;
width: 25px;
text-align: center;
font-size: 14px; }
/* line 2909, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.faq .continer #faq-area .cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.faq .continer #faq-area .cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.faq .continer #faq-area .cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.faq .continer #faq-area .cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.faq .continer #faq-area .cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
display: block; }
/* line 2918, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanels {
position: absolute;
top: 160px;
left: 0 !important;
display: block;
overflow-y: auto;
height: 540px; }
/* line 2927, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab > input + label {
position: relative;
z-index: 100;
top: -180px;
left: 100px;
display: block;
width: 70%;
margin-bottom: -20px;
padding: 15px;
cursor: pointer;
border: 1px solid #000;
border-right: 1px solid #000;
margin: 10px 0 10px 0;
border-radius: 6px; }
/* line 2945, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab > label:hover,
.faq .continer #faq-area .cp_tab > input:focus + label {
color: #0066cc;
background: #f3f3f3; }
/* line 2951, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab > input:checked + label {
border-color: #cccccc;
border-right: 1px solid #cccccc;
/*背景色と同じ*/
background: #f3f3f3; }
/* line 2958, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanel {
padding: 0.5em 1em;
border-left: 1px solid #cccccc; } }
@media screen and (max-width: 600px) and (max-width: 480px) {
/* line 2964, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab {
width: 100%; }
/* line 2968, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab > input + label {
font-size: 0.7em; }
/* line 2972, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .cp_tab .cp_tabpanels {
left: 7em;
min-width: 7em; } }
@media screen and (max-width: 600px) {
/* line 2982, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .tab-switch:checked + .tab-label {
color: Gray;
background: White;
border-right-color: White; }
/* line 2988, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .tab-switch:checked + .tab-label + .tab-content {
float: left;
height: 100%;
padding: 15px;
border-left: 1px solid Gray;
display: block; }
/* line 2997, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .tab-switch {
display: none; }
/* line 3001, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-btn {
/*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ。*/
text-align: center;
width: 100%;
display: block;
background: #397179;
color: #fff;
padding: 10px 0; }
/* line 3011, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-btn::before {
content: "続きを読む"; }
/* line 3015, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-item {
display: block;
overflow: hidden;
height: 0;
/*隠した状態の高さ*/ }
/* line 3022, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-item::before {
display: block;
width: 100%;
height: 0;
/*グラデーションで隠す高さ*/
background: -webkit-linear-gradient(top, rgba(233, 233, 233, 0) 0%, rgba(233, 233, 233, 0.9) 50%, rgba(233, 233, 233, 0.9) 50%, #e9e9e9 100%);
background: linear-gradient(top, rgba(233, 233, 233, 0) 0%, rgba(233, 233, 233, 0.9) 50%, rgba(233, 233, 233, 0.9) 50%, #e9e9e9 100%);
content: ""; }
/* line 3033, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-trigger {
display: none;
/*チェックボックスは常に非表示*/ }
/* line 3038, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-trigger:checked ~ .grad-btn::before {
content: "閉じる"; }
/* line 3043, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-trigger:checked ~ .grad-item {
height: auto;
/*チェックされていたら、高さを戻す*/ }
/* line 3048, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.faq .continer #faq-area .grad-trigger:checked ~ .grad-item::before {
display: none;
/*チェックされていたら、grad-itemのbeforeを非表示にする*/ }
/* line 3069, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info li {
width: 100%;
margin: 10px 0; }
/* line 3076, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(1) li:nth-child(1) {
width: 100%; }
/* line 3080, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(1) li:nth-child(2) {
width: 55%; }
/* line 3090, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(2) li:nth-child(1) {
width: 100%; }
/* line 3101, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(3) li:nth-child(1) {
width: 100%; }
/* line 3106, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.access .continer .info:nth-child(3) li:nth-child(1) dl dd {
width: 100%; }
/* line 3119, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b {
margin-top: 40px;
padding: 90px 4% 0 4%; }
/* line 3123, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer {
font-size: 14px; }
/* line 3126, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-desc {
position: relative;
top: 0; }
/* line 3131, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav {
text-align: center;
margin-bottom: 40px; }
/* line 3135, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav img {
margin-bottom: 20px; }
/* line 3140, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav ul {
display: block; }
/* line 3143, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav ul li {
width: 100%;
text-align: center;
margin: 0 0 0 0; }
/* line 3147, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer nav ul li a {
display: block;
width: 100%;
color: #fff !important;
padding: 20px 0;
border-bottom: 1px #b49f4a solid; }
/* line 3162, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co {
display: block;
margin: 0 auto; }
/* line 3166, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl {
margin: 20px 0;
width: 100%; }
/* line 3170, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl dt {
width: 40%; }
/* line 3174, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl dd {
width: 100%; }
/* line 3177, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co dl dd img {
max-width: 20px;
margin: 0 3%; }
/* line 3185, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co p {
line-height: 26px;
font-size: 12px; }
/* line 3190, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co small {
display: none;
margin: 40px 0; }
/* line 3194, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co small a {
color: #fff;
margin-right: 2%; }
/* line 3200, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul {
margin-bottom: 40px; }
/* line 3203, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div {
margin-left: 0; }
/* line 3207, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div p {
max-width: 100%; }
/* line 3210, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div p br {
display: none; }
/* line 3215, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div small {
display: block;
font-size: 12px; }
/* line 3220, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div li {
border: 2px #fff solid;
margin: 20px 0;
font-size: 16px;
max-width: 100%; }
/* line 3226, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer .f-co ul div li a {
padding: 20px 25px;
color: #fff;
display: block;
width: 250px;
text-align: center; }
/* line 3239, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer #copy-sp {
display: block;
margin: 40px 0; }
/* line 3243, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
.footer-b footer #copy-sp a {
color: #fff; } }
/* line 3256, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta {
margin: 0 auto 80px auto;
max-width: 1100px; }
/* line 3260, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box {
display: flex;
justify-content: center;
flex-wrap: wrap; }
/* line 3265, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li {
border: 2px #000 solid;
width: 100%;
margin: 1%;
max-width: 450px;
position: relative; }
/* line 3272, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4 {
font-size: 18px;
text-align: center;
padding: 40px 0 10px 0; }
/* line 3277, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4:before {
width: 10px;
height: 10px;
display: inline-block;
background: #d5ba3d;
content: "";
margin-right: 10px; }
/* line 3287, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta {
margin: 20px auto;
width: 80%; }
/* line 3291, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta b {
color: brown; }
/* line 3295, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta li {
list-style: disc;
border: none;
max-width: 100%;
height: 100%;
font-size: 15px; }
/* line 3305, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta .ctn-deta {
opacity: 0.8; }
/* line 3308, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta .ctn-deta small {
font-size: 14px; }
/* line 3317, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box .child-wide {
height: 100%;
max-width: 900px !important; }
/* line 3325, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li {
background: #f6f6f6;
max-width: 900px;
position: relative;
height: 100% !important; }
/* line 3331, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li p {
display: block;
position: static;
margin: 5px 0; }
/* line 3347, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv {
display: flex;
justify-content: center;
background: none;
max-height: 520px; }
/* line 3353, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-tetarea {
width: 100%;
color: #fff;
text-align: center;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
padding-top: 200px;
background: url(../img/c-icon1w.png) no-repeat;
background-position: center 120px;
background-size: 60px;
margin: 0 8%; }
/* line 3364, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-tetarea h1 {
font-size: 32px;
margin: 10px 0; }
/* line 3369, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-tetarea p {
font-size: 16px;
line-height: 34px; }
/* line 3375, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-img-area {
margin-top: 0; }
/* line 3378, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-img-area img {
max-width: 100%;
min-width: 900px; }
/* line 3384, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv:after {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
content: "";
background: #9f8057 !important;
width: 100%;
height: 100%;
z-index: -1; }
/* line 3398, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #svg-top2 {
position: absolute;
top: 0;
left: 0;
z-index: 0;
top: -2px;
height: 550px;
overflow: hidden;
width: 100%;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-repeat: no-repeat;
transform: rotate(5deg); }
/* line 3413, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #svg-top {
position: absolute;
top: 0;
left: 0;
z-index: 0;
top: -20px;
height: 800px;
overflow: hidden;
width: 100%;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-repeat: no-repeat; }
/* line 3429, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant h2 {
text-align: center;
font-size: 20px;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
line-height: 40px;
color: #584a37;
margin: 60px 0; }
/* line 3438, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co {
margin: 0;
padding: 200px 0 0 0;
position: relative;
z-index: 0; }
/* line 3444, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .res-inner {
max-width: 1100px;
margin: 0 auto;
padding: 0; }
/* line 3449, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .res-inner h3 {
position: relative;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
writing-mode: vertical-rl;
text-align: center !important;
margin: 0 auto !important;
padding: 0 !important;
display: block !important;
color: #fff;
font-size: 22px; }
/* line 3462, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li {
display: flex;
justify-content: center; }
/* line 3466, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li {
position: relative;
margin: 0 2%;
width: 100%; }
/* line 3471, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li dl {
margin: 0 auto; }
/* line 3474, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li dl dt {
max-width: 300px;
max-height: 300px;
overflow: hidden;
margin: 0 auto; }
/* line 3480, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li dl dt img {
text-align: center;
width: 150%; }
/* line 3486, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li dl dd {
width: 100%;
font-size: 16px;
text-align: center;
margin-top: 20px; }
/* line 3492, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li dl dd p {
margin: 10px 0; }
/* line 3498, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li:nth-child(1) {
top: 0; }
/* line 3502, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li:nth-child(2) {
top: 40px; }
/* line 3506, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li:nth-child(3) {
top: 80px; }
/* line 3511, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li:nth-child(2) {
padding-top: 10px; }
/* line 3515, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li:nth-child(3) {
padding-top: 100px; }
/* line 3519, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li:nth-child(4) {
padding-top: 100px; }
/* line 3524, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co:before {
position: absolute;
left: 0;
top: 100px;
content: "";
background: #584a37;
height: 360px;
width: 80%;
display: block;
z-index: -1; }
/* line 3536, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co:after {
position: absolute;
right: 0;
top: 450px;
content: "";
background: #f6f6f6;
height: 60%;
width: 80%;
display: block;
z-index: -99999; }
/* line 3550, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #menu-data {
background: #f6f6f6;
padding: 60px 0; }
/* line 3554, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #menu-data .menu-data-flex {
display: flex;
justify-content: center;
margin: 20px 0; }
/* line 3559, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #menu-data .menu-data-flex ul {
max-height: 300px;
overflow-y: auto;
margin: 0 2%;
border-top: 4px #e6d06a solid;
width: 400px; }
/* line 3563, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #menu-data .menu-data-flex ul h4 {
margin: 20px 0; }
/* line 3571, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #menu-data .menu-data-flex ul li {
font-size: 14px;
margin: 10px 0;
opacity: 0.7; }
/* line 3580, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant:before {
position: absolute;
left: 0;
top: 80%;
content: "";
background: url(../img/back3.png) no-repeat;
background-size: cover;
width: 400px;
height: 500px;
display: block;
z-index: -2; }
/* line 3593, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant:after {
position: absolute;
right: 0;
top: 140%;
content: "";
background: url(../img/back4.png) no-repeat;
background-size: cover;
width: 300px;
height: 500px;
display: block;
z-index: -2; }
@media screen and (max-width: 800px) {
/* line 3614, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta {
margin: 0 auto 80px auto; }
/* line 3619, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li {
max-width: 100%;
height: auto;
margin: 4%; }
/* line 3624, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4 {
font-size: 16px;
padding-top: 40px; }
/* line 3628, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4:before {
width: 8px;
height: 8px;
margin-right: 10px; }
/* line 3635, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta {
margin: 10px auto 0 auto;
width: 70%; }
/* line 3639, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta li {
font-size: 14px; }
/* line 3648, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li {
max-width: 70%; }
/* line 3651, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li p {
margin-top: 10px;
font-size: 14px;
line-height: 26px; }
/* line 3664, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv {
background: none;
max-height: 500px; }
/* line 3668, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-tetarea {
width: 60%;
padding-top: 230px;
background-position: center 170px;
background-size: 50px;
margin: 0 8%; }
/* line 3675, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-tetarea h1 {
font-size: 22px; }
/* line 3679, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-tetarea p {
font-size: 14px;
line-height: 30px; }
/* line 3683, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-tetarea p br {
display: none; }
/* line 3689, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-img-area {
max-width: 450px;
width: 100%;
overflow: hidden; }
/* line 3694, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-img-area img {
position: relative;
min-width: 950px;
max-width: auto;
right: 200px; }
/* line 3703, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant h2 {
font-size: 22px;
line-height: 40px;
margin: 40px 0;
padding: 0 4%; }
/* line 3710, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co {
margin: 0;
padding: 120px 0; }
/* line 3716, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .res-inner h3 {
font-size: 18px; }
/* line 3729, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li dl dd {
width: 100%;
font-size: 16px;
text-align: center;
margin-top: 20px; }
/* line 3735, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li dl dd p {
margin: 10px 0; }
/* line 3741, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li:nth-child(1) {
top: 0; }
/* line 3745, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li:nth-child(2) {
top: 40px; }
/* line 3749, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li:nth-child(3) {
top: 80px; }
/* line 3754, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li:nth-child(3) {
padding-top: 100px; }
/* line 3760, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co:before {
top: 40px;
height: 340px;
width: 80%; }
/* line 3766, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co:after {
top: 280px;
height: 60%;
width: 80%; }
/* line 3774, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant:before {
top: 80%;
width: 200px;
height: 250px; }
/* line 3780, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant:after {
top: 120%;
width: 150px;
height: 300px; } }
@media screen and (max-width: 600px) {
/* line 3794, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta {
margin: 0 auto 80px auto; }
/* line 3799, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li {
max-width: 100%;
height: 100%; }
/* line 3803, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4 {
font-size: 15px;
padding-top: 40px; }
/* line 3807, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4:before {
margin-right: 10px; }
/* line 3812, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta {
margin: 10px auto 0 auto;
width: 80%;
padding-bottom: 20px !important; }
/* line 3822, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li {
max-width: 100%;
height: 240px; }
/* line 3826, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li p {
margin-top: 20px;
font-size: 14px;
line-height: 26px; }
/* line 3839, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv {
background: none;
max-height: 550px; }
/* line 3844, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-tetarea {
width: 70%;
padding-top: 200px;
background-position: center 140px;
background-size: 50px;
margin: 0 8%; }
/* line 3851, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-tetarea h1 {
font-size: 22px; }
/* line 3855, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-tetarea p {
font-size: 13px;
line-height: 28px; }
/* line 3859, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-tetarea p br {
display: none; }
/* line 3865, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-img-area {
max-width: 450px;
width: 100%;
overflow: hidden; }
/* line 3870, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv #mv-img-area img {
position: absolute;
min-width: 1000px;
max-width: auto;
left: 0;
z-index: -1; }
/* line 3879, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #mv:after {
width: 50%;
height: 450px; }
/* line 3885, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant h2 {
font-size: 16px;
line-height: 36px;
margin: 40px 0; }
/* line 3891, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co {
margin: 0;
padding: 120px 0; }
/* line 3897, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .res-inner h3 {
font-size: 18px; }
/* line 3906, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li dl {
max-width: 120px; }
/* line 3911, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li dl dd {
width: 100%;
font-size: 14px;
text-align: center;
margin-top: 15px; }
/* line 3917, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li dl dd p {
margin: 10px 0; }
/* line 3923, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li:nth-child(1) {
top: 0; }
/* line 3927, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li:nth-child(2) {
top: 40px; }
/* line 3931, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li li:nth-child(3) {
top: 80px; }
/* line 3936, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co .menu-li:nth-child(3) {
padding-top: 50px; }
/* line 3943, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co:before {
top: 40px;
height: 280px;
width: 80%; }
/* line 3949, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #restaurant-co:after {
top: 200px;
height: 60%;
width: 80%; }
/* line 3957, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant:before {
top: 92%;
width: 150px;
height: 200px; }
/* line 3963, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant:after {
top: 140%;
width: 80px;
height: 250px; }
/* line 3969, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #menu-data {
position: relative;
top: -100px;
padding: 40px 0; }
/* line 3974, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #menu-data .menu-data-flex {
display: block; }
/* line 3977, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #menu-data .menu-data-flex ul {
margin: 4%;
width: 100%; }
/* line 3978, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#restaurant #menu-data .menu-data-flex ul h4 {
margin: 20px 0; } }
/* line 3999, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv {
display: flex;
justify-content: center;
background: none;
max-height: 520px; }
/* line 4005, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-tetarea {
width: 100%;
color: #fff;
text-align: center;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
padding-top: 200px;
background: url(../img/c-icon2w.png) no-repeat;
background-position: center 120px;
background-size: 60px;
margin: 0 8%; }
/* line 4016, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-tetarea h1 {
font-size: 32px;
margin: 10px 0; }
/* line 4021, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-tetarea p {
font-size: 16px;
line-height: 34px; }
/* line 4027, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-img-area {
margin-top: 0; }
/* line 4030, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-img-area img {
max-width: 100%; }
/* line 4035, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv:after {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
content: "";
background: #465e63 !important;
width: 100%;
height: 100%;
z-index: -1; }
/* line 4051, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #svg-top2 {
position: absolute;
top: 0;
left: 0;
z-index: 0;
top: -2px;
height: 550px;
overflow: hidden;
width: 100%;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-repeat: no-repeat;
transform: rotate(5deg); }
/* line 4066, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #svg-top {
position: absolute;
top: 0;
left: 0;
z-index: 0;
top: -20px;
height: 800px;
overflow: hidden;
width: 100%;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-repeat: no-repeat; }
/* line 4082, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath h2 {
text-align: center;
font-size: 22px;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
line-height: 40px;
color: #584a37;
margin: 100px 0 0 0; }
/* line 4091, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co {
margin: 100px 0 0 0;
padding: 100px 0 100px 0;
position: relative;
z-index: 0; }
/* line 4097, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .res-inner {
max-width: 1100px;
margin: 0 auto;
padding: 0; }
/* line 4102, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .res-inner h3 {
position: relative;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
writing-mode: vertical-rl;
text-align: center !important;
margin: 0 auto !important;
padding: 0 !important;
display: block !important;
color: #fff;
font-size: 28px; }
/* line 4115, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area {
position: relative;
margin-top: 100px; }
/* line 4119, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area .slider-for {
position: relative;
left: -200px; }
/* line 4123, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area .slider-for li {
margin: 0 0.2%; }
/* line 4126, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area .slider-for li img {
width: 100%; }
/* line 4132, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area #slide-area-text {
position: absolute;
bottom: 0;
right: 0;
background: #fff;
padding: 4% 4% 0 4%;
width: 50%; }
/* line 4140, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area #slide-area-text h4 {
font-size: 20px;
color: #584a37;
font-family: a-otf-midashi-mi-ma31-pr6n, serif; }
/* line 4146, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area #slide-area-text p {
font-size: 14px;
margin: 20px 0; }
/* line 4154, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .bath-menu {
margin-top: 60px; }
/* line 4157, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .bath-menu li {
position: relative; }
/* line 4160, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .bath-menu li span {
position: absolute;
left: 10px;
top: -20px;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
writing-mode: vertical-rl;
background: #fff;
padding: 20px; }
/* line 4171, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .bath-menu li img {
width: 100%; }
/* line 4177, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li {
display: flex;
justify-content: center; }
/* line 4181, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li li {
position: relative;
margin: 0 2%;
width: 100%;
max-width: 300px; }
/* line 4187, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li li:nth-child(1) {
top: 0; }
/* line 4191, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li li:nth-child(2) {
top: 40px; }
/* line 4195, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li li:nth-child(3) {
top: 80px; }
/* line 4200, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li:nth-child(3) {
padding-top: 100px; }
/* line 4206, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co:before {
position: absolute;
left: 0;
top: 0;
content: "";
background: #465e63;
height: 360px;
width: 80%;
display: block;
z-index: -1; }
/* line 4218, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co:after {
position: absolute;
right: 0;
top: 950px;
content: "";
background: #465e63;
height: 40%;
width: 70%;
display: block;
z-index: -99999; }
/* line 4232, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath:before {
position: absolute;
left: 0;
top: 80%;
content: "";
background: url(../img/back6.png) no-repeat;
background-size: cover;
width: 300px;
height: 400px;
display: block;
z-index: -2; }
/* line 4245, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath:after {
position: absolute;
right: 0;
top: 120%;
content: "";
background: url(../img/back5.png) no-repeat;
background-size: cover;
width: 300px;
height: 500px;
display: block;
z-index: -2; }
@media screen and (max-width: 800px) {
/* line 4267, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta {
margin: 0 auto 80px auto; }
/* line 4272, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li {
max-width: 100%;
height: auto;
margin: 2% 4%; }
/* line 4277, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4 {
font-size: 16px;
padding-top: 30px; }
/* line 4281, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4:before {
width: 8px;
height: 8px;
margin-right: 10px; }
/* line 4288, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta {
margin: 10px auto 0 auto;
width: 70%; }
/* line 4292, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta li {
font-size: 14px;
margin: 2%; }
/* line 4303, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li {
max-width: 100%; }
/* line 4306, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li p {
margin: 10px 0;
font-size: 14px;
line-height: 26px; }
/* line 4319, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv {
background: none;
max-height: 500px; }
/* line 4323, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-tetarea {
width: 60%;
padding-top: 230px;
background-position: center 170px;
background-size: 50px;
margin: 0 8%; }
/* line 4330, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-tetarea h1 {
font-size: 22px; }
/* line 4334, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-tetarea p {
font-size: 14px;
line-height: 30px; }
/* line 4338, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-tetarea p br {
display: none; }
/* line 4344, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-img-area {
max-width: 450px;
width: 100%;
overflow: hidden; }
/* line 4349, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-img-area img {
position: relative;
min-width: 950px;
max-width: auto;
right: 200px; }
/* line 4358, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath h2 {
font-size: 22px;
line-height: 40px;
margin: 100px 0 0 0;
padding: 0 4%; }
/* line 4365, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co {
padding: 40px 0 120px 0; }
/* line 4371, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .res-inner h3 {
font-size: 18px; }
/* line 4376, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area {
position: relative;
margin: 100px 0; }
/* line 4380, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area .slider-for {
position: relative;
left: -100px; }
/* line 4384, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area .slider-for li {
margin: 0 0.2%; }
/* line 4387, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area .slider-for li img {
width: 100%; }
/* line 4393, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area #slide-area-text {
position: absolute;
bottom: -150px;
right: 0;
background: #fff;
padding: 4% 4% 0 4%;
width: 70%; }
/* line 4401, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area #slide-area-text h4 {
font-size: 20px;
color: #584a37;
font-family: a-otf-midashi-mi-ma31-pr6n, serif; }
/* line 4407, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area #slide-area-text p {
font-size: 14px;
margin: 20px 0; }
/* line 4417, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li li {
max-width: 200px; }
/* line 4420, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li li:nth-child(1) {
top: 0; }
/* line 4424, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li li:nth-child(2) {
top: 40px; }
/* line 4428, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li li:nth-child(3) {
top: 80px; }
/* line 4433, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li:nth-child(3) {
padding-top: 100px; }
/* line 4439, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co:before {
top: 0;
height: 340px;
width: 80%; }
/* line 4445, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co:after {
top: 280px;
height: 60%;
width: 80%; }
/* line 4453, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath:before {
top: 80%;
width: 200px;
height: 250px; }
/* line 4459, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath:after {
top: 120%;
width: 150px;
height: 300px; } }
@media screen and (max-width: 600px) {
/* line 4475, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta {
margin: 0 auto 80px auto; }
/* line 4480, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li {
max-width: 100%;
height: 100%; }
/* line 4484, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4 {
font-size: 15px;
padding-top: 40px; }
/* line 4488, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4:before {
margin-right: 10px; }
/* line 4493, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta {
margin: 10px auto 0 auto;
width: 80%;
padding-bottom: 20px !important; }
/* line 4503, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li {
max-width: 100%;
height: 240px; }
/* line 4507, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li p {
margin-top: 20px;
font-size: 14px;
line-height: 26px; }
/* line 4520, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv {
background: none;
max-height: 550px; }
/* line 4524, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-tetarea {
width: 70%;
padding-top: 200px;
background-position: center 140px;
background-size: 50px;
margin: 0 8%; }
/* line 4531, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-tetarea h1 {
font-size: 22px; }
/* line 4535, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-tetarea p {
font-size: 13px;
line-height: 28px; }
/* line 4539, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-tetarea p br {
display: none; }
/* line 4545, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-img-area {
max-width: 450px;
width: 100%;
overflow: hidden; }
/* line 4550, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv #mv-img-area img {
position: absolute;
min-width: 1000px;
max-width: auto;
left: -100px;
z-index: -1; }
/* line 4559, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #mv:after {
width: 50%;
height: 450px; }
/* line 4565, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath h2 {
font-size: 16px;
line-height: 36px;
margin: 40px 0 0 0; }
/* line 4572, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co {
margin: 0 0 0 0;
padding: 80px 0 20px 0; }
/* line 4578, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .res-inner h3 {
font-size: 18px; }
/* line 4583, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area {
position: relative;
margin: 40px 0 0 0; }
/* line 4587, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area .slider-for {
position: relative;
left: 0; }
/* line 4591, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area .slider-for li {
margin: 0 0.2%; }
/* line 4594, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area .slider-for li img {
width: 100%; }
/* line 4600, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area #slide-area-text {
position: relative;
bottom: inherit;
background: #fff;
padding: 10%;
width: 100%; }
/* line 4607, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area #slide-area-text h4 {
font-size: 16px; }
/* line 4611, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co #slide-area #slide-area-text p {
font-size: 14px;
margin: 20px 0; }
/* line 4619, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .bath-menu {
position: relative;
top: -40px;
margin-top: 0; }
/* line 4624, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .bath-menu li {
position: relative;
max-width: 120px; }
/* line 4628, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .bath-menu li span {
font-size: 14px;
position: absolute;
left: 10px;
top: -20px;
background: #fff;
padding: 10px 5px; }
/* line 4637, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .bath-menu li img {
width: 100%; }
/* line 4647, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li li:nth-child(1) {
top: 0; }
/* line 4651, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li li:nth-child(2) {
top: 40px;
margin-bottom: 40px; }
/* line 4656, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li li:nth-child(3) {
top: 80px;
margin-bottom: 80px; }
/* line 4662, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co .menu-li:nth-child(3) {
padding-top: 100px; }
/* line 4668, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co:before {
top: 40px;
height: 340px;
width: 80%; }
/* line 4674, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath #bath-co:after {
top: 150px;
height: 60%;
width: 60%; }
/* line 4682, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath:before {
top: 90%;
width: 120px;
height: 180px; }
/* line 4688, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#bath:after {
top: 100%;
width: 120px;
height: 220px; } }
/* line 4705, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv {
display: flex;
justify-content: center;
background: none;
max-height: 520px; }
/* line 4711, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-tetarea {
width: 100%;
color: #fff;
text-align: center;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
padding-top: 200px;
background: url(../img/c-icon3w.png) no-repeat;
background-position: center 120px;
background-size: 60px;
margin: 0 8%; }
/* line 4722, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-tetarea h1 {
font-size: 32px;
margin: 10px 0; }
/* line 4727, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-tetarea p {
font-size: 16px;
line-height: 34px; }
/* line 4733, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-img-area {
margin-top: 0; }
/* line 4736, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-img-area img {
max-width: 100%; }
/* line 4741, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv:after {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
content: "";
background: #5e5971 !important;
width: 100%;
height: 100%;
z-index: -1; }
/* line 4757, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #svg-top2 {
position: absolute;
top: 0;
left: 0;
z-index: 0;
top: -2px;
height: 550px;
overflow: hidden;
width: 100%;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-repeat: no-repeat;
transform: rotate(5deg); }
/* line 4772, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #svg-top {
position: absolute;
top: 0;
left: 0;
z-index: 0;
top: -20px;
height: 800px;
overflow: hidden;
width: 100%;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-repeat: no-repeat; }
/* line 4789, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness h2 {
text-align: center;
font-size: 22px;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
line-height: 40px;
color: #584a37;
margin: 100px 0 0 0; }
/* line 4798, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co {
margin: 100px 0 0 0;
padding: 100px 0 100px 0;
position: relative;
z-index: 0; }
/* line 4804, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co h3 {
position: relative;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
writing-mode: vertical-rl;
text-align: center !important;
margin: 0 auto !important;
padding: 0 !important;
display: block !important;
color: #fff;
font-size: 28px; }
/* line 4816, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co .res-inner {
max-width: 1100px;
margin: 0 auto;
padding: 0; }
/* line 4823, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area h2 {
text-align: center;
font-size: 26px;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
line-height: 40px;
color: #584a37;
margin: 40px 0;
padding: 15px 0; }
/* line 4833, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback {
position: relative;
padding: 40px 0 100px 0; }
/* line 4837, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback:after {
position: absolute;
left: 0;
top: 0;
content: "";
background: #6f6983;
height: 100%;
width: 30%;
display: block;
z-index: -99999; }
/* line 4850, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback:nth-child(even):after {
position: absolute;
left: inherit;
right: 0;
top: 0;
content: "";
background: #6f6983;
height: 100%;
width: 30%;
display: block;
z-index: -99999; }
/* line 4867, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback:nth-child(1) .fit-item .fit-text h2 {
background: url(../img/fit-1.png) no-repeat;
background-position: left center;
background-size: contain;
padding-left: 90px; }
/* line 4880, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback:nth-child(2) .fit-item .fit-text h2 {
background: url(../img/fit-2.png) no-repeat;
background-position: left center;
background-size: contain;
padding-left: 90px; }
/* line 4893, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback:nth-child(3) .fit-item .fit-text h2 {
background: url(../img/fit-4.png) no-repeat;
background-position: left center;
background-size: contain;
padding-left: 90px; }
/* line 4906, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback:nth-child(4) .fit-item .fit-text h2 {
background: url(../img/fit-3.png) no-repeat;
background-position: left center;
background-size: contain;
padding-left: 90px; }
/* line 4916, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item {
max-width: 1100px;
margin: 100px auto 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%; }
/* line 4924, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item .fit-img {
width: 100%; }
/* line 4927, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item .fit-img img {
width: 100%; }
/* line 4933, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item .fit-text {
width: 100%;
padding: 0 4%; }
/* line 4937, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item .fit-text h2 {
text-align: left;
margin: 20px 0;
padding: 15px 0; }
/* line 4944, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item p {
margin: 60px 0;
line-height: 30px; }
/* line 4949, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item dl {
border: 1px #000 solid;
font-size: 14px;
line-height: 26px;
padding: 20px;
display: flex;
align-items: center; }
/* line 4957, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item dl dt {
margin-right: 20px; }
/* line 4964, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item dl dd ul li:before {
position: relative;
top: -2px;
display: inline-block;
content: "";
width: 5px;
height: 5px;
background: #5e5971;
margin-right: 10px; }
/* line 4985, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area #fit-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 100%;
max-width: 1100px;
margin: 0 auto; }
/* line 4993, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area #fit-list li {
background: #5e5971;
color: #fff;
padding: 20px;
text-align: center;
margin: 10px 15px;
font-size: 14px; }
/* line 5001, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area #fit-list li span {
margin-left: 10px;
background: rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 2px;
text-align: center;
width: 50px;
display: inline-block;
font-size: 12px; }
/* line 5017, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co:before {
position: absolute;
left: 0;
top: 0;
content: "";
background: #5e5971;
height: 360px;
width: 80%;
display: block;
z-index: -1; }
/* line 5032, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness:before {
position: absolute;
left: 0;
top: 80%;
content: "";
background: url(../img/back7.png) no-repeat;
background-size: cover;
width: 300px;
height: 400px;
display: block;
z-index: -2; }
/* line 5045, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness:after {
position: absolute;
right: 0;
top: 120%;
content: "";
background: url(../img/back8.png) no-repeat;
background-size: cover;
width: 300px;
height: 500px;
display: block;
z-index: -2; }
@media screen and (max-width: 800px) {
/* line 5064, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta {
margin: 0 auto 80px auto; }
/* line 5069, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li {
max-width: 100%;
height: auto;
margin: 2% 4%; }
/* line 5074, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4 {
font-size: 16px;
padding-top: 30px; }
/* line 5078, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4:before {
width: 8px;
height: 8px;
margin-right: 10px; }
/* line 5085, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta {
margin: 10px auto 0 auto;
width: 70%; }
/* line 5089, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta li {
font-size: 14px;
margin: 2%; }
/* line 5094, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta p {
margin-bottom: 20px; }
/* line 5103, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li {
max-width: 100%; }
/* line 5106, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li p {
margin: 10px 0 20px 0;
font-size: 14px;
line-height: 26px; }
/* line 5119, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv {
background: none;
max-height: 500px; }
/* line 5123, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-tetarea {
width: 60%;
padding-top: 230px;
background-position: center 170px;
background-size: 50px;
margin: 0 8%; }
/* line 5130, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-tetarea h1 {
font-size: 22px; }
/* line 5134, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-tetarea p {
font-size: 14px;
line-height: 30px; }
/* line 5138, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-tetarea p br {
display: none; }
/* line 5144, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-img-area {
max-width: 450px;
width: 100%;
overflow: hidden; }
/* line 5149, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-img-area img {
position: relative;
min-width: 950px;
max-width: auto;
right: 200px; }
/* line 5160, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co {
margin: 60px 0 0 0;
padding: 110px 0 80px 0; }
/* line 5164, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co h2 {
font-size: 22px;
line-height: 40px;
margin: 40px 0;
padding: 0 4%; }
/* line 5173, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co .res-inner h3 {
font-size: 18px; }
/* line 5179, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area h2 {
font-size: 24px;
line-height: 36px;
margin: 80px 0 40px 0;
padding: 15px 0; }
/* line 5186, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback {
position: relative;
padding: 0 0 20px 0; }
/* line 5192, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item .fit-text {
position: relative;
top: 40px;
width: 100%;
padding: 0 4%; }
/* line 5199, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item p {
margin: 40px 0;
line-height: 28px;
font-size: 14px; }
/* line 5212, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area #fit-list li {
margin: 5px 5px; }
/* line 5220, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co:before {
top: 40px;
height: 340px;
width: 80%; }
/* line 5226, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co:after {
top: 280px;
height: 60%;
width: 80%; }
/* line 5234, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness:before {
top: 85%;
width: 200px;
height: 250px; }
/* line 5240, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness:after {
top: 100%;
width: 150px;
height: 350px; } }
@media screen and (max-width: 600px) {
/* line 5255, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta {
margin: 0 auto 80px auto; }
/* line 5260, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li {
max-width: 100%;
height: 100%; }
/* line 5264, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4 {
font-size: 15px;
padding-top: 40px; }
/* line 5268, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li h4:before {
margin-right: 10px; }
/* line 5273, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .child-box li .child-deta {
margin: 10px auto 0 auto;
width: 80%;
padding-bottom: 20px !important; }
/* line 5283, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li {
max-width: 100%;
height: 240px; }
/* line 5287, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#co-deta .ctn li p {
margin-top: 20px;
font-size: 14px;
line-height: 26px; }
/* line 5300, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv {
background: none;
max-height: 550px; }
/* line 5304, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-tetarea {
width: 70%;
padding-top: 200px;
background-position: center 140px;
background-size: 50px;
margin: 0 8%; }
/* line 5311, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-tetarea h1 {
font-size: 20px; }
/* line 5315, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-tetarea p {
font-size: 13px;
line-height: 28px; }
/* line 5319, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-tetarea p br {
display: none; }
/* line 5325, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-img-area {
max-width: 450px;
width: 100%;
overflow: hidden; }
/* line 5330, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv #mv-img-area img {
position: absolute;
min-width: 1000px;
max-width: auto;
left: -100px;
z-index: -1; }
/* line 5339, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #mv:after {
width: 50%;
height: 450px; }
/* line 5345, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness h2 {
font-size: 16px;
line-height: 36px;
margin: 40px 0 0 0; }
/* line 5354, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co {
margin: 0 0 0 0;
padding: 80px 0 20px 0; }
/* line 5360, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co .res-inner h3 {
font-size: 18px; }
/* line 5366, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area h2 {
font-size: 22px;
line-height: 36px;
margin: 20px 0 20px 0;
padding: 15px 0; }
/* line 5373, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback {
margin-top: 10px;
position: relative;
padding: 10px 0; }
/* line 5378, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback:after {
height: 40%; }
/* line 5382, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item {
flex-wrap: wrap; }
/* line 5385, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item .fit-img {
padding: 0 4%; }
/* line 5389, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item .fit-text {
position: relative;
top: 0;
width: 100%;
padding: 0 4%; }
/* line 5396, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback .fit-item p {
margin: 40px 0;
line-height: 28px;
font-size: 14px; }
/* line 5408, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback:nth-child(even) .fit-item {
flex-wrap: wrap-reverse; }
/* line 5412, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area .fitback:nth-child(even):after {
height: 40%; }
/* line 5421, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area #fit-list {
justify-content: flex-start;
margin-bottom: 40px; }
/* line 5425, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co #fit-area #fit-list li {
font-size: 12px;
padding: 10px;
margin: 5px 5px; }
/* line 5435, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co:before {
top: 40px;
height: 250px;
width: 80%; }
/* line 5441, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness #fit-co:after {
top: 150px;
height: 60%;
width: 60%; }
/* line 5449, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness:before {
top: 105%;
width: 120px;
height: 180px; }
/* line 5455, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#fitness:after {
top: 120%;
width: 120px;
height: 220px; } }
/* line 5468, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy #mv {
position: relative;
background: none;
max-height: 200px;
background: #e6d06a; }
/* line 5474, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy #mv h1 {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
color: #fff; }
/* line 5487, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy h2 {
text-align: center;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-size: 18px;
margin: 60px 4% 20px 4%;
line-height: 35px; }
/* line 5495, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy #privacy-co {
max-width: 1100px;
margin: 0 auto 80px auto;
padding: 0 4%; }
/* line 5501, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy #privacy-co ul .pri-text {
border-bottom: 1px #f0f0f0 solid;
padding: 20px 0; }
/* line 5506, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy #privacy-co ul .pri-text dl dt {
font-size: 18px;
margin: 20px 0; }
/* line 5510, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy #privacy-co ul .pri-text dl dt:before {
position: relative;
bottom: 2px;
margin-right: 10px;
width: 10px;
height: 10px;
background: #e6d06a;
content: "";
display: inline-block; }
/* line 5522, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy #privacy-co ul .pri-text dl dd {
font-size: 14px;
opacity: 0.7; }
/* line 5526, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy #privacy-co ul .pri-text dl dd ul {
margin: 20px 0; }
/* line 5529, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy #privacy-co ul .pri-text dl dd ul li {
margin: 10px 0; }
/* line 5532, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy #privacy-co ul .pri-text dl dd ul li .li-child {
margin-left: 20px; }
@media screen and (max-width: 600px) {
/* line 5549, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy #mv h1 {
font-size: 20px;
top: 70%;
width: 100%; }
/* line 5560, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy h2 {
text-align: center;
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-size: 14px;
margin: 40px 4% 10px 4%;
line-height: 26px; }
/* line 5568, /Applications/MAMP/htdocs/e-gaiya/common/css/style.scss */
#privacy br {
display: none; } }
/*# sourceMappingURL=style.css.map */