/*
Theme Name: Inspiration Responsive WordPress Theme
Theme URI: http://dessign.net/inspirationtheme
Author: DessignThemes
Author URI: http://dessign.net
Description: Inspiration Responsive Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any creative, illustrator or graphic designer. Version: 1.0.1
License: GNU General Public License version v3
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: center
Tags: black, gray, dark, white, one-column, two-columns, three-columns, right-sidebar,light,theme-options,responsive-layout, custom-background, custom-menu
*/
html {
    min-height: 100%;
}

body {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 24px;
    margin: 0;
    height: 100%;
    min-width: 320px;
    padding: 0;
    position: relative;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.single,
body.page-template-default {
    padding-top: 0;
}

body.page-template-template-home-php {
    padding-top: 100vh;
}

body.menu-open {
    overflow: hidden;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a,
.button {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-decoration: none;
    outline: none !important;
}

a {
    color: #f64f06;
}

a:hover {
    text-decoration: none;
    color: #999;

}

.button {
    display: inline-block;
    background: #fff;
    color: #000;
    font-size: 15px;
    line-height: 1em;
    padding: 14px 40px;
    text-decoration: none !important;
}

.button:hover {
    background: #000;
    color: #fff;
}

input,
select,
textarea {
    border: 1px solid #c2c2c2;
    background: transparent;
    display: block;
    font-family: inherit;
    font-size: 0.8em;
    margin-bottom: 1em;
    padding: 0 6px;
    resize: none;
    width: 100%;
    outline: none !important;
}

input,
select {
    height: 48px;
    line-height: 48px;
}

textarea {
    height: 140px;
    padding: 8px 6px;
}

button {
    background: #000;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.8em;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    text-transform: uppercase;
    outline: none !important;
}

input[type="submit"] {
    background: #000;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

h1 {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.1;
}

h2 {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 0 0.3em;
}

h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 0.7em;
}

p {
    font-size: 1em;
    margin: 0 0 1em;
}

ul,
ol {
    /*font-size: 1em;
	margin: 0 0 1em;
	padding-left: 35px;*/
}

ul li,
ol li {
    padding: 0;
}

::-moz-selection {
    background-color: #000;
    color: #fff;
}

::selection {
    background-color: #000;
    color: #fff;
}

/*---------------Header------------*/
.header {
    background: transparent;
    left: 0;
    top: 0;
    padding: 15px;
    position: absolute;
    width: 100%;
    z-index: 5;
}

.header-inner {
    height: 100%;
    position: relative;
}

.logo-wrap img {
    display: inline-block;
    max-width: 380px;
}

#touch-menu {
    display: block;
    cursor: pointer;
    background: #000;
    width: 61px;
    height: 52px;
    right: 20px;
    margin: 0;
    padding: 12px;
    position: absolute;
    top: 15px;
    z-index: 999;
    transition: none;
}

#touch-menu span:after,
#touch-menu span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -9px;
}

#touch-menu span:after {
    top: 9px;
}

#touch-menu span {
    position: relative;
    display: block;
    top: 12px;
}

#touch-menu span,
#touch-menu span:after,
#touch-menu span:before {
    width: 100%;
    height: 3px;
    background-color: #fff;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 2px;
}

#touch-menu.on,
#touch-menu.on span {
    background-color: transparent;
}

#touch-menu.on span:before {
    transform: rotate(45deg) translate(5px, 5px);
    background-color: #fff;
}

#touch-menu.on span:after {
    transform: rotate(-45deg) translate(7px, -8px);
    background-color: #fff;
}

.navigation {
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    font-size: 48px;
    line-height: 1em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    position: fixed;
    width: 100%;
    overflow: auto;
    z-index: 10;
}

.navigation.visible {
    display: block;
}

.navigation>ul,
.navigation div>ul {
    display: block;
    list-style-type: none;
    margin: 60px auto;
    max-width: 400px;
    padding: 0 15px;
}

.navigation ul ul {
    display: block;
    margin: 0;
    padding: 0 0 0 20px;
    width: 100%;
}

.navigation ul li {
    background-color: transparent;
    border: none;
    display: block;
    padding: 20px 0;
}

.navigation a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.navigation .sub-menu li {
    padding: 20px 0 0 0;
    font-size: 0.75em;
    line-height: 1em;
}

.navigation a:hover {
    text-decoration: underline;
}

/*-------------Footer----------*/
.footer {
    background: #fff;
    padding: 1em 0;
    position: relative;
    text-align: center;
}

.footer .footer-copyright {
    font-size: 16px;
    margin: 0 0 0.8em;
}

.social-icons {
    overflow: hidden;
    line-height: 21px;
}

.ta-icon {
    display: inline-block;
    background: url(img/social-sprite.jpg) no-repeat;
    height: 21px;
    line-height: 21px;
    margin: 3px;
    width: 22px;
    color: #fff;
    text-indent: 110%;
    text-decoration: none;
    overflow: hidden;
    vertical-align: middle;
}

.ta-facebook {
    background-position: -31px 0;
}

.ta-google {
    background-position: -66px 0;
}

.ta-instagram {
    background-position: -99px 0;
}

.ta-pinterest {
    background-position: -130px 0;
}

.ta-vimeo {
    background-position: -163px 0;
}

.ta-youtube {
    background-position: -196px 0;
}

.ta-linkedin {
    background-position: -230px 0;
}

/*-----------Homepage------------*/
.home-slider-wrap {
    position: fixed;
    top: 0;
    z-index: 0;
}

.home-slide {
    -webkit-background-size: cover !important;
    background-size: cover !important;
    height: 100vh;
    position: relative;
}

.owl-video-overlay {
    -webkit-background-size: cover !important;
    background-size: cover !important;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
}

.home-slider-wrap .owl-next,
.home-slider-wrap .owl-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 99999;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.home-slider-wrap .owl-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    right: 20px;
    left: auto;
}

.home-slider-wrap .owl-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    right: auto;
    left: 20px;
}

.home-content-slide {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.home-content-inner {
    color: #fff;
    max-width: 1000px;
    padding: 0 75px;
}

.home-content-inner h2 {
    font-size: 3em;
    line-height: 1em;
    margin: 0;
}

.home-content-inner p {
    font-size: 1em;
    line-height: 1.25em;
    margin: 2em 0;
}

.container {
    margin: 0 auto;
    max-width: 980px;
    padding-left: 11px;
    padding-right: 11px;
}

.clearfix:before,
.clearfix:after,
.page-wrap:before,
.page-wrap:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.page-wrap:after,
.row:after {
    clear: both;
}

.row {
    margin-left: -11px;
    margin-right: -11px;
}

.col-md-4,
.col-md-6,
.col-md-8,
.col-md-12 {
    float: left;
    padding-left: 11px;
    padding-right: 11px;
}

.col-md-4 {
    width: 36.29%;
}

.col-md-6 {
    width: 50%;
}

.col-md-8 {
    width: 63.71%;
}

.col-md-12 {
    width: 100%;
    margin-bottom: 20px;
}

.page-wrap {
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.main {
    display: block;
    padding: 0;
    position: relative;
}

.homepage-main {
    background: #f2f2f2;
}

.home-featured-text {
    max-width: 700px;
}

.home-featured-text h1 {
    font-size: 40px;
    margin: 0.5em 0 0.5em;


}

.home-featured-text p {
    font-size: 24px;
    line-height: 1.2em;
    margin: 1.7em 0;
}

.feed-post-col:nth-child(odd) {
    clear: left;
}

.thumbnail-wrap:hover img {
    transform: matrix(1.05, 0, 0, 1.05, 0, 0);
}

.thumbnail-wrap {
    display: block;
    overflow: hidden;
}

.thumbnail-wrap img {
    display: block;
    height: auto;
    width: 100%;
    transition: all .3s cubic-bezier(.25, .46, .45, .94);
}

.feed-post-wrap {
    margin-bottom: 1.2em;
}

.feed-post-wrap h2 {
    font-size: 19px;
    margin: 0.9em 0 0;
    letter-spacing: 1px;
}

.feed-post-wrap h2 a {
    display: block;
    color: #000;
}

.feed-post-wrap h2 a:hover {
    display: block;
    color: #666;
}

.pagination {
    font-size: 24px;
    padding: 0 15px;
    text-align: center;
}

.pagination a {
    color: #000;
}

.pagination .page-numbers {
    border: 1px solid #000;
    display: inline-block;
    font-weight: normal;
    margin: 5px 3px;
    padding: 8px 17px;
    line-height: 1em;
}

.pagination .page-numbers:hover,
.pagination .current {
    color: #fff;
    background: #000;
    text-decoration: none;
}

/*-----------------Blog Page-----------*/
.category-title h1 {
    font-size: 31px;
    margin: 0 0 1em;
    text-align: center;
}

.feed-blog-content {
    padding-left: 70px;
    max-width: 550px;
    margin: 30px 0;
}

.feed-blog-content {
    font-size: 14px;
}

.feed-blog-content a {
    color: #000;
}

.feed-blog-content a:hover {
    color: #666;
}

.feed-blog-content h2 {
    font-size: 24px;
}

.feed-blog-content p {
    color: #817d8b;
    margin: 1em 0;
}

.read-more-wrap a {
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
}

/*---------------Single Post---------*/
.page-thumbnail-block {
    height: 100vh;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    margin-bottom: 1em;
}

.page-thumbnail img {
    display: block;
    height: auto;
    width: 100%;
}

.single-post-inner {
    /*margin-top: 1.2em;*/
}

.single-post-title {
    float: left;
    padding: 15px;
    width: 100%;
    margin: 0;
}

.single-post-title h1 {
    font-size: 28px;
    margin: 0 auto 20px;
    padding: 0 0 20px;
    font-weight: 900;
    line-height: 1.1;
    border-bottom: 1px solid #ccc;
}

.single-post-content {
    float: left;
    padding: 15px;
    width: 100%;
}

.single-post-content p {
    font-size: 13px;
    line-height: 23px;
    margin: 0 0 20px;
}

.single-post-content ul,
.single-post-content ol {
    font-size: 13px;
    line-height: 23px;
    color: #555;
    margin: 0 0 20px;
    padding: 0;
    list-style-position: inside;
}

.single-post-content ul li,
.single-post-content ol li {}

.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
    margin: 0 0 20px;
}

.comments-wrap {
    margin-top: 2.2em;
}

.comments-wrap input {
    height: 36px;
    line-height: 36px;
}

.comments ul {
    padding-left: 0px;
    list-style-type: none;
}

.comments ul ul {
    padding-left: 20px;
}

.comments .avatar {
    height: auto;
    width: 35px;
}

.comments a {
    color: #3b3839;
}

.commentmetadata a:hover {
    cursor: text;
    text-decoration: none;
}

.reply {
    margin-bottom: 30px;
    text-decoration: underline;
}

.comments p {
    margin: 0.8em 0;
}

.comments form {
    max-width: 640px;
}

.single-post-wrap {
    margin: 0 0 60px;
}


.wrapper {
    background: #f2f2f2;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    color: #555555;
}

ul,
li {
    margin: 0;
    padding: 0;
}

a {
    color: #2da3a4;
}

a:hover {
    color: #555555;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

.inner {
    max-width: 1000px;
    margin: 0 auto;
}

.blue-button {
    max-width: 220px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    margin: 0;
    padding: 0 0 0 20px;
    background: url(/img/button_off.png) no-repeat center right #2da3a4;
    background-size: 40px;
    background-position-x: 95%;
}

.blue-button span {
    font-size: 15px;
    padding: 0 0 0 8px;
}

.blue-button:hover {
    color: #2da3a4;
    background: url(/img/button_on.png) no-repeat center right #fff;
    background-size: 40px;
    background-position-x: 95%;
}


/********************************

	メニュー

********************************/

.menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1000px;
    margin: 0 auto;
}

.menu>li {
    float: left;
    width: 20%;
    /* グローバルナビ5つの場合 */
    height: 50px;
    line-height: 50px;
}

.menu>li a {
    display: block;
    color: #2da3a4;
}

.menu>li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu>li:hover {
    color: #2da3a4;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #111;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu>li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}


.main-icon a {
    padding-top: 80px;
}

.main-icon a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 2s infinite;
    animation: sdb 2s infinite;
    opacity: 0;
    box-sizing: border-box;
}

.main-icon a span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.main-icon a span:nth-of-type(2) {
    top: 16px;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

.main-icon a span:nth-of-type(3) {
    top: 32px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

@-webkit-keyframes sdb {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.dog-menu {}

.dog-menu table {
    font-size: 14px;
    border: 1px solid #ddd;
    background: #fff;
}

.dog-menu table tr td {
    text-align: left;
    vertical-align: middle;
    padding: 1% 4%;
    border: 1px solid #ddd;
}

.sp-sub-menu {}

.sp-sub-menu {
    margin: 0 auto 30px;
    padding: 0 20px;
    list-style-type: none;
}

.sp-sub-menu li {
    width: 50%;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #2da3a4;
    text-align: center;
}

.sp-sub-menu li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 35px;
}

.sp-sub-menu li a {
    position: relative;
    display: inline-block;
}

.sp-sub-menu li a::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: 50%;
    right: 10px;
    margin-top: -4px;
}


.sp-sub-menu {
    display: none;
}





.home-content-inner {
    display: none;
}

.icon-conter {
    padding: 80px 20px;
}

.icon-box {
    width: 33.33%;
    float: left;
    text-align: center;
}

.icon-box-inner {
    margin: 0;
    padding: 0 30px;
}

.icon-inner {
    max-width: 180px;
    margin: 0 auto;
}

.icon-inner h2 {
    margin: 15px 0 10px;
}

.icon-inner p {
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
}

.icon-inner img {
    display: block;
}

.icon-inner figure {
    background: #ffffff;
    border-radius: 90px;
}

figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}

figcaption {
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFF;
    opacity: 0;
    font-size: 16px;
    font-size: 1.6rem;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-top: 25%;
}

figure img {
    height: auto;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 100%;
    vertical-align: bottom;
}

a:hover>figure img {
    transform: scale(1.15, 1.15);
    -webkit-transform: scale(1.15, 1.15);
    -moz-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
}

.icon-box-inner h2 {
    font-size: 65px;
    line-height color: #2da3a4;
    margin: 0 0 10px;
}

.about-top-cont {
    max-width: 1280px;
    margin: 0 auto 100px;
    display: table;
}

.about-top-left {
    width: 40%;
    padding: 0 8% 0 5%;
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
}

.about-top-left h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 20px;
    color: #2da3a4;
}

.about-top-left p {
    font-size: 13px;
    line-height: 23px;
    margin: 0 0 30px;
}

.about-top-right {
    width: 65%;
    height: 500px;
    padding: 0 0 0 5%;
    display: table-cell;
    background: url(/img/about-img1.jpg) no-repeat right top;
    background-size: cover;
}

.about-bottom-cont {
    max-width: 1280px;
    margin: 0 auto 100px;
    display: table;
}

.about-bottom-left {
    width: 33.3%;
    height: 615px;
    display: table-cell;
    background: url(/img/about-img2.jpg) no-repeat right 115px;
    position: relative;
}

.dog1 {
    width: 180px;
    position: absolute;
    top: -75px;
    left: 25%;
}

.about-bottom-right {
    width: 33.3%;
    height: 325px;
    display: table-cell;
    background: url(/img/about-img3.jpg) no-repeat right top;
    position: relative;
}

.dog2 {
    width: 240px;
    position: absolute;
    bottom: -100px;
    right: 85px;
}

.about-bottom-center {
    width: 33.3%;
    display: table-cell;
}

.about-bottom-center h3 {
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 15px;
    color: #555555;
}

.about-bottom-center p {
    font-size: 12px;
    line-height: 21px;
    margin: 0;
}

.about-img_sp {
    display: none;
}

.step-box1 {
    margin: 0 60px 20px;
    padding: 0 0 20px 90px;
    background: url(/img/point-title1.png) no-repeat top left;
    background-size: 65px;
    border-bottom: 1px dotted #555555;
}

.step-box2 {
    margin: 0 60px 20px;
    padding: 0 0 20px 90px;
    background: url(/img/point-title2.png) no-repeat top left;
    background-size: 65px;
    border-bottom: 1px dotted #555555;
}

.step-box3 {
    margin: 0 60px 20px;
    padding: 0 0 20px 90px;
    background: url(/img/point-title3.png) no-repeat top left;
    background-size: 65px;
    border-bottom: 1px dotted #555555;
}

.top-menu-cont {
    width: 100%;
    height: 340px;
    background: url(/img/menu-back.jpg) no-repeat center;
    background-size: cover;
    display: table;
}

.top-menu-inner {
    display: table-cell;
    vertical-align: middle;
}

.top-menu-title {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
}

.top-menu-inner h4 {
    margin: 0 0 20px;
}

.top-menu-inner h4 img {
    width: 100px;
}

.top-menu-inner p {
    font-size: 13px;
    line-height: 23px;
    margin: 0 0 20px;
    color: #fff;
}

.top-news-cont {
    max-width: 1280px;
    margin: 80px auto;
    text-align: center;
}

.top-news-cont h4 {
    margin: 0 0 10px;
    height: 35px;
}

.top-news-cont h5 {
    font-size: 13px;
}

.top-news-box {
    width: 33.33%;
    float: left;
    margin: 0;
    padding: 0 3% 0;
    text-align: left;
    position: relative;
    border-right: 1px dotted #555;
}

.top-news_last {
    border-right: none !important;
}

.top-news-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
}

.top-news-inner {
    margin: 50px auto 0;
    padding: 0 20px;
}

.new-inner {}

.news-top {
    margin: 0 0 20px;
    font-size: 13px;
    font-weight: bold;
    line-height: 21px;
    color: #555555;
}

.news-top span {
    margin: 0 10px 0 0;
    padding: 3px 4px;
    font-size: 11px;
    background: #2da3a4;
    color: #fff;
}

.news-bottom {
    font-size: 12px;
    line-height: 20px;
    color: #555555;
}

.top-inst {
    overflow: hidden;
}

.top-inst img {
    max-width: 215px;
    margin: 0 20px;
}

.sns-botton1 {
    display: none;
}

.sns-botton2 {
    display: none;
}

.sns-btn {
    max-width: 1000px;
    margin: 20px auto 50px;
    padding: 0 20px;
}

.sns-btn a {
    float: right;
}

.top-access-cont {
    width: 100%;
    background: #fff;
}

.top-access-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 0;
}

.top-access-left {
    width: 50%;
    padding: 30px 0 0;
    float: left;
    text-align: center;
}

.top-access-left img {
    margin: 0 0 10px;
}

.top-access-left h5 {
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 20px;
}

.top-access-left p {
    font-size: 13px;
    line-height: 26px;
    margin: 0 0 20px;
}

.top-access-right {
    width: 50%;
    float: left;
}

.top-access-right iframe {}

.map-button {
    max-width: 150px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    background: url(/img/map-icon_off.png) no-repeat center right #2da3a4;
    background-size: 12px;
    background-position-x: 15%;
}

.map-button span {
    font-size: 15px;
    padding: 0 0 0 8px;
}

.map-button:hover {
    color: #2da3a4;
    background: url(/img/map-icon_on.png) no-repeat center right #fff;
    background-size: 12px;
    background-position-x: 15%;
}

.top-access-bottom {}

.top-access-bottom iframe {
    float: left;
}


.tokuten-cont {
    margin: 0 auto 40px;
}


div.prmenu_container {}

header {}

#touch-menu {}

.head-pc {
    width: 90%;
    padding: 0 5%;
    margin: 0 auto;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: -50%;
    right: -50%;
}

.head-pc h1 {
    max-width: 145px;
    float: left;
}

.head-pc ul {
    padding: 0;
    float: right;
}

.head-pc ul li {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    float: left;
}

.footer-cont {
    width: 100%;
    background: #2da3a4;
    margin: 0;
    padding: 60px;
    position: relative;
}

.footer-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    display: table;
}

.footer-box1,
.footer-box2,
.footer-box3 {
    width: 33.33%;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

.footer-box1 {
    text-align: left;
}

.footer-box2 h6 {
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 20px;
    color: #fff;
}

.footer-box2 p {
    font-size: 13px;
    line-height: 26px;
    margin: 0 0 20px;
    color: #fff;
}

.footer-box2 span {
    font-weight: bold;
}

.footer-box2 p a {
    color: #fff;
}

.footer-box3 p {
    font-size: 13px;
    line-height: 26px;
    color: #fff;
}

.map-button_gray {
    max-width: 150px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    color: #555;
    margin: 0;
    padding: 0 0 0 35px;
    background: url(/img/gray-icon_on.png) no-repeat center right #fff;
    background-size: 12px;
    background-position-x: 11%;
}

.map-button_gray span {
    font-size: 15px;
    padding: 0 0 0 8px;
}

.map-button_gray:hover {
    color: #fff;
    background: url(/img/map-icon_on.png) no-repeat center right #555;
    background-size: 12px;
    background-position-x: 11%;
}

.about-main {
    width: 100%;
    height: 360px;
    margin: 0 0 60px;
    background: url(/img/about-main.jpg) no-repeat center;
    background-size: cover;
}

.contact-main {
    width: 100%;
    height: 360px;
    margin: 0 0 60px;
    background: url(/img/contact-main.jpg) no-repeat center;
    background-size: cover;
}

.news-main {
    width: 100%;
    height: 360px;
    margin: 0 0 60px;
    background: url(/img/news-main.jpg) no-repeat center;
    background-size: cover;
}

.page-title {
    margin: 0 0 60px;
    padding: 0 20px;
    text-align: center;
}

.page-title h2 {
    margin: 0 0 5px;
}

.page-title p {
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    color: #555;
}

/********************************

	メニュー 　オプション

********************************/

.menu-main {
    width: 100%;
    height: 360px;
    margin: 0 0 60px;
    background: url(/img/menu-main.jpg) no-repeat center;
    background-size: cover;
}

.menu-cont {
    max-width: 1040px;
    margin: 0 auto 80px;
    padding: 0 20px;
}

.menu-cont h3 {
    font-size: 22px;
    line-height: 22px;
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #555555;
}

.menu-cont h3 span {
    font-size: 13px;
    line-height: 23px;
    margin: 0 0 0 20px;
}

.menu-inner {
    margin: 0 0 100px;
}

.menu-left {
    width: 49%;
    float: left;
}

.menu-right {
    width: 49%;
    float: right;
}

.menu-right h4 {
    font-size: 18px;
    line-height: 18px;
    margin: 20px 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #555555;
}

.menu-right h4 span {
    margin: 0 0 0 40px;
}

.menu-right p {
    font-size: 13px;
    line-height: 23px;
    margin: 0 0 20px;
}

.menu-right table tr td,
.menu-left table tr td {
    font-size: 14px;
    padding: 16px;
    color: #555;
}

.ryokin {
    font-size: 11px;
    line-height: 1;
    text-align: center;
    color: #2da3a4;
}

.cut-title {
    font-size: 18px !important;
    line-height: 18px !important;
    margin: 30px 0 30px !important;
    padding: 0 !important;
    border-bottom: none !important;
}

.reco-box {}

.reco-left {
    width: 48%;
    margin: 0 4% 0 0;
    float: left;
}

.reco-left h5 {
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 10px;
    padding: 10px;
    color: #fff;
    background: #e4b846;
    text-align: center;
}

.reco-left ul {
    list-style-type: none;
}

.reco-left ul li {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #555555;
    text-align: left;
}

.reco-left ul li span {
    margin: 0 5px 0 0px;
}

.reco-right {
    width: 48%;
    margin: 0;
    float: left;
}

.reco-right h5 {
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 10px;
    padding: 10px;
    background: #2da3a4;
    color: #ffffff;
    text-align: center;
}

.reco-right p {
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    color: #555555;
    text-align: left;
}

.option-top {
    margin: 0 0 30px;
}

.option-bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.option-box {
    width: 32%;

}

.option-box_last {
    margin: 0 !important;
}

.option-box h4 {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #555555;
    color: #555555;
}

.nedan1 {
    text-decoration: line-through;
    color: #ec3333;
}

.nedan2 {
    padding: 0 10px;
}

.option-box p {
    font-size: 12px;
    line-height: 21px;
    margin: 0 0 30px;
    color: #555555;
    text-align: left;
	height: 120px;
}

.option-reco-box1 {
    margin: 0 0 20px;
}

.option-reco-box1 h5 {
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 10px;
    padding: 10px;
    background: #e4b846;
    color: #fff;
    text-align: center;
}

.option-reco-box1 img,
.option-reco-box2 img,
.option-reco-box3 img {
    margin: 0 0 20px;
}

.option-reco-box1 ul,
.option-reco-box2 ul,
.option-reco-box3 ul {
    list-style-type: none;
}

.option-reco-box1 ul li span,
.option-reco-box2 ul li span,
.option-reco-box3 ul li span {
    margin: 0 5px 0 0;
}

.option-reco-box1 ul li {
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    color: #555555;
    text-align: left;
}

.option-reco-box2 {}

.option-reco-box2 h5 {
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 10px;
    padding: 10px;
    background: #2da3a4;
    color: #fff;
    text-align: center;
}

.option-reco-box2 p {
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    color: #555555;
    text-align: left;
}

.inu-menu {
    max-width: 230px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    margin: 0;
    padding: 0 80px 0 20px;
    background: url(/img/button_off.png) no-repeat center right #555555;
    background-size: 40px;
    background-position-x: 95%;
    float: right;
}

.inu-menu span {
    font-size: 15px;
    padding: 0 0 0 8px;
}

.inu-menu:hover {
    color: #fff;
    background: url(/img/button_off.png) no-repeat center right #2da3a4;
    background-size: 40px;
    background-position-x: 95%;
}

caption {
    display: none;
}

.tokuten-box_top {
    background: #2da3a4;
    display: table;
    margin: 0 0 30px;
    padding: 15px 0;
}

.tokuten-box_top h5 {
    width: 30%;
    font-size: 15px;
    line-height: 15px;
    display: table-cell;
    text-align: center;
    padding: 0 2%;
    vertical-align: middle;
    border-right: 1px dotted #fff;
    color: #fff;
}

.tokuten-box_top p {
    font-size: 13px;
    line-height: 21px;
    padding: 0 2%;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    color: #fff;
}

.tokuten-box {
    width: 48%;
    padding: 0 1.5%;
    float: left;
    text-align: center;
}

.tokuten-box img {
    width: 30px;
}

.tokuten-box h5 {
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 20px;
    color: #199da0;
}

.tokuten-box p {
    font-size: 13px;
    line-height: 21px;
    color: #555555;
}

.hotel_terms-box {
    margin: 0 0 20px;
    padding: 30px;
    border: 1px solid #ccc;
}

.hotel_terms-box h6 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 20px;
}

.hotel_terms-box p {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}

.spa-cont .menu-inner {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.spa-cont .menu-left img {
    width: 100%;
}

.spa-cont .menu-right p {
    margin: 0;
}

/* メニューページ */

ul#top-menu li{
	display: inline-block;
	font-size: 18px;
	padding-right: 50px;
}
ul#top-menu li ul li{
	display: inline-block;
}

#menu1{
	max-width: 1040px;
	margin: 0 auto 80px;
	padding: 0 20px;
}



/* ■■■ メディアクエリ ■■■ */


@media only screen and (max-width : 992px) {
    .col-md-4 {
        width: 36.7%;
    }

    .col-md-8 {
        width: 63.1%;
    }

    body {
        font-size: 22px;
    }

    input,
    button {
        height: 38px;
        line-height: 38px;
        font-size: 1em;
    }

    .logo-wrap img {
        max-width: 300px;
    }

    .home-content-inner p {
        font-size: 1em;
    }

    .home-featured-text h1,
    .category-title h1 {
        font-size: 30px;
        margin-bottom: 0.5em;
    }

    .home-featured-text p {
        font-size: 21px;
        margin-top: 0;
    }

    .feed-post-wrap h2 {
        font-size: 21px;
        margin-top: 14px;
    }

    .feed-blog-content {
        margin: 35px 0;
        max-width: 100%;
        padding: 0;
    }

    .single-post-title {
        float: none;
        width: 100%;
    }

    .single-post-content {
        float: none;
        padding: 0 15px;
        width: 100%;
    }



}

@media only screen and (max-width : 767px) {
    body {
        font-size: 14px;
        padding-top: 50px;
    }

    .button {
        font-size: 14px;
    }

    .header {
        padding: 10px;
    }

    .logo-wrap img {
        max-width: 220px;
    }

    #touch-menu {
        left: auto;
        right: 10px;
        margin: 0;
        top: 10px;
        position: absolute;
        padding: 6px 8px;
        height: 39px;
        width: 50px;
    }

    .navigation>ul,
    .navigation div>ul {
        margin: 30px auto;
    }

    .navigation {
        font-size: 24px;
    }

    .navigation ul li {
        padding: 8px 0;
    }

    .navigation .sub-menu li {
        padding: 15px 0 5px;
    }

    .home-content-inner {
        padding: 0 35px;
    }

    .home-content-inner h2 {
        font-size: 2em;
    }

    .home-content-inner p {
        font-size: 1.1em;
        margin: 1em 0;
    }

    .home-slider-wrap .owl-next,
    .home-slider-wrap .owl-prev {
        -moz-background-size: 16px 44px;
        -webkit-background-size: 16px 44px;
        background-size: 16px 44px;
    }

    .home-slider-wrap .owl-prev {
        left: 5px;
    }

    .home-slider-wrap .owl-next {
        right: 5px;
    }

    .home-featured-text h1,
    .category-title h1 {
        font-size: 24px;
    }

    .home-featured-text p {
        font-size: 18px;
    }

    .feed-post-wrap {
        margin-bottom: 25px;
    }

    .pagination {
        font-size: 18px;
    }

    .footer .footer-copyright {
        font-size: 14px;
    }

    .feed-blog-content {
        margin: 25px 0;
    }

    .about-top-left h3 br {
        display: none;
    }

    .about-bottom-left {
        width: 50%;
        height: 615px;
        display: table-cell;
        background: url(/img/about-img2.png) no-repeat right 115px;
        position: relative;
    }

    .about-bottom-center {
        width: 50%;
        display: table-cell;
    }

    .about-bottom-right {
        display: none;
    }

    .footer-cont {
        padding: 40px 20px;
    }

    .footer-inner {
        padding: 0;
    }

    .top-access-inner {
        padding: 50px 20px;
    }

    .footer-box1,
    .footer-box2,
    .footer-box3 {
        width: 29.33%;
        padding: 0 2%;
        display: table-cell;
        vertical-align: middle;
        color: #fff;
    }

    .footer-box2 p {
        font-size: 13px;
        line-height: 23px;
        margin: 0 0 20px;
        color: #fff;
    }

    .footer-box2 h6 {
        margin: 0 0 10px;
    }

    .footer-box2 p {
        font-size: 12px;
        line-height: 21px;
        margin: 0 0 10px;
        color: #fff;
    }

    .footer-box3 {
        vertical-align: top;
    }

    .footer-box3 p {
        font-size: 12px;
        line-height: 22px;
        color: #fff;
    }

    .option-box {
        width: 48%;
    }



}

@media only screen and (max-width : 639px) {


    body {
        background: #f2f2f2;
    }



    .col-md-4,
    .col-md-6,
    .col-md-8 {
        width: 100%;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .footer-cont {
        padding: 20px;
    }

    .footer-inner {
        padding: 0;
    }

    .footer-box1,
    .footer-box2,
    .footer-box3 {
        width: 100%;
        display: block;
        margin: 0 0 20px;
    }

    .footer-box1 img {
        width: 145px;
    }

    .top-access-bottom iframe {
        height: 200px;
    }


    .sns-botton1 {
        max-width: 140px;
        height: 30px;
        display: block;
        color: #fff;
        margin: 0;
        padding: 0;
        background: url(/img/insta-btn_off.png) no-repeat;
        background-size: 140px;
        text-indent: -9999px;
    }

    .sns-botton1:hover {
        background: url(/img/insta-btn_on.png) no-repeat;
        background-size: 140px;
        text-indent: -9999px;
    }

    .sns-botton2 {
        max-width: 140px;
        height: 30px;
        display: block;
        color: #fff;
        margin: 0;
        padding: 0;
        background: url(/img/fb-btn_on.png) no-repeat;
        background-size: 140px;
        text-indent: -9999px;
    }

    .sns-botton2:hover {
        background: url(/img/fb-btn_off.png) no-repeat;
        background-size: 140px;
        text-indent: -9999px;
    }

    .icon-inner {
        max-width: 180px;
        margin: 0 auto;
        padding: 0 5px;
    }

    .icon-inner p {
        font-size: 12px;
        line-height: 12px;
        font-weight: bold;
    }

    .top-news-cont {
        margin: 40px auto;
    }

    .top-news-box {
        width: 100%;
        float: left;
        margin: 0 0 3%;
        padding: 0 0 3%;
        text-align: left;
        position: relative;
        border-right: none;
        border-bottom: 1px dotted #555;
    }

    .news-top {
        margin: 0 0 5px;
        font-size: 13px;
        font-weight: bold;
        line-height: 21px;
        color: #555555;
    }


    .top-inst img {
        max-width: 100%;
        margin: 0;
    }

    .about-bottom-cont {
        margin: 30px auto;
        display: table;
    }

    .about-top-left {
        width: 94%;
        margin: 0 auto;
        padding: 0 6%;
        display: block;
        vertical-align: bottom;
        text-align: left;
    }

    .about-top-right {
        /*width: 100%;
    height: 300px;
    padding: 0 6%;
    display: block;
    background: url(/img/about-img1.jpg) no-repeat right top;
    background-size: cover;*/
        display: none;
    }

    .about-top-cont {
        margin: 30px auto;
    }

    .about-bottom-center h3 {
        font-size: 15px;
        line-height: 15px;
        margin: 0 0 10px;
    }

    .about-top-left h3 {
        font-size: 15px;
        line-height: 25px;
        margin: 0 0 10px;
    }

    .about-top-left p {
        font-size: 13px;
        font-weight: bold;
        line-height: 23px;
        margin: 0 0 20px;
    }

    .about-bottom-center {
        width: 88%;
        padding: 0 6%;
        display: table-cell;
    }

    .about-bottom-left {
        display: none;
    }

    .step-box1 {
        margin: 0 auto 20px;
        padding: 0 0 20px 90px;
        background: url(/img/point-title1.png) no-repeat top left;
        background-size: 65px;
        border-bottom: 1px dotted #555555;
    }

    .step-box2 {
        margin: 0 auto 20px;
        padding: 0 0 20px 90px;
        background: url(/img/point-title2.png) no-repeat top left;
        background-size: 65px;
        border-bottom: 1px dotted #555555;
    }

    .step-box3 {
        margin: 0 auto 20px;
        padding: 0 0 20px 90px;
        background: url(/img/point-title3.png) no-repeat top left;
        background-size: 65px;
        border-bottom: 1px dotted #555555;
    }


    .about-main {
        width: 100%;
        height: 130px;
        margin: 56px 0 30px;
        background: url(/img/about-main.jpg) no-repeat center;
        background-size: cover;
    }

    .contact-main {
        width: 100%;
        height: 130px;
        margin: 56px 0 30px;
        background: url(/img/contact-main.jpg) no-repeat center;
        background-size: cover;
    }

    .news-main {
        width: 100%;
        height: 130px;
        margin: 56px 0 30px;
        background: url(/img/news-main.jpg) no-repeat center;
        background-size: cover;
    }


    /********************************

	メニュー 　オプション

********************************/

    .menu-main {
        width: 100%;
        height: 130px;
        margin: 56px 0 30px;
        background: url(/img/menu-main.jpg) no-repeat center;
        background-size: cover;
    }

    .menu-left {
        width: 100%;
        margin: 0 0 30px;
        float: none;
    }

    .menu-right {
        width: 100%;
        float: none;
    }

    .reco-left {
        width: 100%;
        margin: 0 0 20px;
        float: none;
    }

    .reco-right {
        width: 100%;
        margin: 0;
        float: none;
    }

    .option-box {
        width: 100%;
        margin: 0 0 5%;
        float: left;
    }
.option-box p {
    font-size: 12px;
    line-height: 21px;
    margin: 0 0 30px;
    color: #555555;
    text-align: left;
	height: auto;
}
    .tokuten-box_top {
        display: block;
        padding: 20px;
    }

    .tokuten-box_top h5 {
        width: 100%;
        font-size: 17px;
        line-height: 17px;
        display: block;
        text-align: center;
        margin: 0 0 20px;
        padding: 0 0 20px;
        vertical-align: middle;
        border-right: none;
        border-bottom: 1px dotted #fff;
        color: #fff;
    }

    .tokuten-box_top p {
        width: 100%;
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        padding: 0;
        display: block;
        text-align: left;
        vertical-align: middle;
        color: #fff;
    }

    .tokuten-box {
        width: 100%;
        margin: 0 0 10px;
        padding: 0 0 10px;
        float: none;
        text-align: left;
        border-bottom: 1px dotted #555555;
    }

    .tokuten-box img {
        float: left;
    }

    .tokuten-box h5 {
        float: left;
        font-size: 17px;
        line-height: 35px;
        margin: 0 0 0 5px;
    }

    .tokuten-box p {
        clear: left;
        padding: 5px 0 0;
        font-weight: bold;
    }

    .tokuten-box p br {
        display: none;
    }






    header {}

    #touch-menu {
        display: block;
        background: none;
    }

    .navigation,
    .prmenu_container {
        display: none;
    }

    .head-pc {
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
        position: absolute;
        z-index: 9999;
        top: 0;
        left: 0;
        right: 0;
    }

    .head-pc h1 {
        max-width: 80px;
        float: left;
    }

    .head-pc ul {
        display: none;
    }

    .about-img_sp {
        display: block;
    }

    .top-access-right {
        display: none;
    }

    .top-access-left {
        width: 100%;
        padding: 0;
        float: none;
        text-align: center;
    }

    .sns-btn {
        max-width: 330px;
        margin: 30px auto 30px;
        padding: 0 20px;
    }

    .sns-btn a {
        float: left;
        padding: 0 10px;
    }

    .page-title {
        margin: 0 0 30px;
        padding: 0 20px;
        text-align: center;
    }

    .page-title h2 {
        max-width: 120px;
        margin: 0 auto 5px;
    }

    #global-nav ul li:after {
        display: none;
    }

    .menu-inner {
        margin: 0 0 40px;
    }

    .menu-cont h3 {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 20px;
        padding: 0 0 20px;
        border-bottom: 1px solid #555555;
    }

    .single-post-title h1 {
        font-size: 18px;
        margin: 0 auto 20px;
        padding: 0 0 20px;
        font-weight: 900;
        line-height: 26px;
        border-bottom: 1px solid #ccc;
    }

    ul#top-menu {
        display: none;
    }


    .sp-sub-menu {
        display: block;
    }


    .icon-conter {
        padding: 40px 20px;
    }

    .home-slide {
        height: 60vh;
        /*background-position-x: -30px !important;*/
    }

    body.page-template-template-home-php {
        padding-top: 60vh;
    }

    .spa-cont .menu-inner {
        flex-wrap: wrap;
    }

    .spa-cont .menu-inner:nth-child(3) {
        margin-bottom: 5px;
    }

    .spa-cont .menu-left {
        margin-bottom: 15px;
    }

    .spa-cont .menu-inner:last-child .menu-right:last-child {
        margin-bottom: 10px;
    }

}