@charset "UTF-8";
/*
Theme Name: mecalgarden
Theme URI: http://
Description: メカルガーデンのテーマファイルです。
Version: 1.0
Author:
Author URI: http://
*/


/*		[Reset(html5)]
-----------------------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body { line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul,ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
select {
    text-transform: none;
}
button {
    overflow: visible;
}
button,
input,
select,
textarea {
    max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
    opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0.4375em;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #d1d1d1;
    margin: 0 0 1.75em;
    padding: 0.875em;
}
fieldset > :last-child {
    margin-bottom: 0;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
optgroup {
    font-weight: bold;
}
address{
    font-style: normal;
}

/*		[ General Setting]
-----------------------------------------------*/
body{
    font-family:'Noto Sans JP',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", meiryo, sans-serif;
    word-break: break-all;
    font-weight: 400;
    line-height: 1.5em;
}
a{
  overflow:hidden;
  outline:none;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:active {
	color: #000;
	text-decoration: underline;
}
a:hover img{
    opacity:0.8;
}
img{
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
}
.fadein{
  opacity: 0;
  transform: translate(0,50px);
  -webkit-transform: translate(0,50px);
  transition: .6s;
}
.in{
  opacity: 1.0;
  transform: translate(0,0);
  -webkit-transform: translate(0,0);
}
/*		[Header]
-----------------------------------------------*/
#header{
    padding: 10px 20px;
    border-bottom: solid 20px #5f7e00;
    margin-bottom: 35px;
    transition: .5s;
    position: fixed;
    z-index: 10;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}
#header.change-color{
    border-bottom: solid 5px #5f7e00 !important;
}
#main{
    padding-top: 141px;
}
.home #main,
.headline-wrap{
    padding-top: 86px;
}
#header .inner{
    display: flex;
    align-items: center;
}
.home #header{
    border-bottom: none;
    margin-bottom: 0;
}
#header nav{
    margin-left: auto;
}
#gnav{
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 45px;
    transition: .5s;
}
#gnav li{
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    margin-left: 30px;
    transition: .5s;
}
#gnav li span{
    font-size: 11px;
    font-weight: 300;
    display: block;
    margin-top: 3px;
}
#gnav li a:hover{
    text-decoration: none;
    color: #5f7e00;
}
.sns-nav{
    display: flex;
    align-items: center;
}
.sns-nav li:nth-child(1),
.sns-nav li:nth-child(2){
    margin-right: 10px;
}
.sns-nav li:hover svg path,
.sns-nav li:hover svg circle{
    fill: #5f7e00 !important;
}
.menubtn{
    display: none;
    margin-left: 20px;
}
.drawer .menubtn{
    display: block;
    margin-left: 0;
    text-align: right;
}
#logo{
    max-width: 257.5px;
}
.drawer {
    width:260px;
    height: 100%;
    box-sizing: border-box;
    background:#5f7e00;
    color: #000;
    margin: 0;
    padding: 30px 30px 50px;
    list-style: none;
    position: fixed;
    right:-260px;
    top: 0;
    z-index: 15;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    transition: .4s ease;
}
.drawer a{
    color: #fff;
}
.drawer.active {
    right: 0;
    opacity:1;
}
#gnav2 li{
    margin-bottom: 10px;
}


/*		[Main-visual]
-----------------------------------------------*/
#mv{
    border-bottom: solid 20px #5f7e00;
}
#mv .swiper-slide{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 541px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#mv .logo{
    padding-right: 60px;
    transition: .5s;
}
#mv .logo img{
    max-width: 325px;
    transition: .5s;
}
.swiper-pagination-bullet{
    background: #fff !important;
    opacity: 1 !important;
    margin: 0 7px !important;
}
.swiper-pagination-bullet-active{
    background: #5f7e00 !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 30px !important;
}
.swiper-button-next,
.swiper-button-prev{
    color: #fff !important;
}
#mv .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;top: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
/*      [Index page]
-----------------------------------------------*/
#about .wrap{
    display: flex;
    justify-content: space-between;
    max-width: 940px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
#about .inner{
    padding: 60px 70px 0;
}
#about .wrap1 .txts{
    color: #5f7e00;
    margin-right: 40px;
    padding-left: 20px;
}
#about .txts h2{
    font-size: 34px;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: 20px;
}
#about .txts h2 span,
#about .txts p span,
#about .aikata p span{
    display: inline-block;
}
#about .txts p{
    line-height:2em;
    font-weight: bold;
    font-size: 16px;
}
#about .aikata{
    width: 240px;
    font-size: 10px;
    line-height: 1.6em;
    text-align: justify;
    position: relative;
    z-index: 2;
}
#about .aikata img{
    border: solid 1px #979797;
    margin-bottom: 10px;
}
#about .pics{
    max-width: 1000px;
    margin: 0 auto 65px;
    padding-top: 148px;
    background: url(img/deco3.png) no-repeat center top;
    background-size: auto 148px;
}
#about .pics ul{
    display: flex;
    justify-content: center;
}
#about .pics li{
    margin-left: 1px;
}
#about .pics li:first-child{
    margin-left: 0;
}
#about .pics img{
    width: 100%;
    height: 182px;
    object-fit: cover;
}
#about .wrap1::before{
    content: "";
    display: block;
    width: 338px;
    height: 169px;
    background: url(img/deco-1.png) no-repeat left top;
    background-size: 100% auto;
    position: absolute;
    right: 2px;
    top: -190px;
}
#about .wrap1::after{
    content: "";
    display: block;
    width: 513px;
    height: 154px;
    background: url(img/deco-2.png) no-repeat left top;
    background-size: auto 100%;
    position: absolute;
    left: -40px;top: -128px;
}
#about .floor img{
    width: 100%;
    max-width: 532px;
}
#about .wrap2{
    padding: 0 30px;
}
#about .wrap2 .floor{
    width: 56.59%;
}
#about .wrap2 .txts{
    width: 37.76%;
    color: #5f7e00;
}
#about .wrap2 .btn{
    margin-top: 60px;
}
#about .wrap2 .btn a{
    display: inline-block;
    padding: 8px 45px;
    border: solid 2px #5f7e00;
    color: #5f7e00;
    font-weight: 500;
}
#about .wrap2 .btn a:hover{
    background: #5f7e00;
    color: #fff;
    text-decoration: none;
}
#service{
    padding-top: 90px;
    margin-bottom: 30px;
}
#service .inner{
    padding: 0 30px;
}
#service h2 a{
    max-width: 490px;
    display: block;
    background: #000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    font-size: 21px;
    font-weight: 500;
    border-radius: 30px;
    margin: 0 auto 30px;
}
#service h2 a:hover{
    background: #5f7e00;
    color: #fff;
}
#service ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
#service ul li{
    margin: 0 30px 20px;
    text-align: center;
    font-weight: 500;
}
#service ul li span{
    display: block;
}
#service ul li a:hover{
    color: #5f7e00;
    text-decoration: none;
}
#service ul li a:hover path{
    fill: #5f7e00 !important;
}
#news{
    background: #5f7e00;
    color: #fff;
}
#news h2{
    text-align: center;
    margin-bottom: 24px;
}
#news h2 img,
#access h2 img,
.headline .title img,
.page .post .title img,
.page .en-title img{
    transition: .5s;
}
.headline .title{
    position: relative;
}
.headline .title::before{
    content: "";
    display: block;
    width: 47px;
    height: 57px;
    background: url(img/title-deco1.png) no-repeat left top;
    background-size: 100% auto;
    position: absolute;
    left: calc(50% - 400px);
    top: -5px;
    transition: .5s;
}
.headline .title::after{
    content: "";
    display: block;
    width: 42px;
    height: 46px;
    background: url(img/title-deco2.png) no-repeat left top;
    background-size: 100% auto;
    position: absolute;
    right: calc(50% - 300px);
    top: -14px;
    transition: .5s;
}
#news .inner{
    max-width: 1000px;
    margin: 0 auto;
    padding: 38px 30px 30px;
    position: relative;
}
#news .post{
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 2px #fff;
}
#news .inner > div:nth-child(3){
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
#news .post .pic{
    width: 265px;
}
#news .post .txts{
    width: calc(100% - 300px);
}
#news .post .info{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
#news .post .date{
    font-size: 17px;
    font-weight: 500;
}
#news .post .info ul{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
#news .post .info ul li{
    font-size: 10px;
    line-height: 1em;
    text-align: center;
    border: solid 1px #fff;
    padding:3px 5px;
}
#news .post .info .big-cat{
    min-width: 54px;
}
#news .post .info .small-cat{
    min-width: 104px;
    background: #fff;
    color: #5f7e00;
}
#news .post h3{
    font-size: 17px;
    margin-bottom: 5px;
}
#news .post .txt{
    font-size: 15px;
    line-height: 2em;
}
#news .post a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;top: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#news .pagelink{
    text-align: right;
    position: relative;
    right: -40px;
}
#access .inner{
    max-width: 1000px;
    margin: 0 auto;
    padding:40px 30px 0;
}
#access h2{
    text-align: center;
    margin-bottom: 10px;
}
.gmap{
    margin-top: 15px;
}
.gmap iframe{
    width: 100%;
}
/*      [Sub page]
-----------------------------------------------*/
.page-inner{
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 30px;
    transition: .5s;
}
.en-title{
    text-align: center;
    margin-bottom: 20px;
}
.page-id-3 .post,
.page-id-6 .post{
    border: solid 1px #000;
    padding: 30px;
    margin-bottom: 80px;
}
.page-id-3 .post h1,
.page-id-6 .post h1{
    margin-bottom: 1em;
    font-weight: 500;
}
.page-id-3 .post p,
.page-id-6 .post p{
    font-size: 14px;
    text-align: justify;
    line-height: 1.9em;
    margin-bottom: 2em;
}
.page-id-6 .post p{
    margin-bottom: 0;
}
.page-id-6 .post h1{
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom:solid 1px #000;
}
.page-id-6 .post h2{
    font-weight: 500;
    padding-bottom: 1em;
    margin-bottom: 1em;
    margin-top: 2em;
    border-bottom:solid 1px #000;
}

/*      [会員サービスページ]
-----------------------------------------------*/
.page-id-8 .post{
    margin-bottom: 80px;
    position: relative;
}
.page-id-8 .post h1{
    text-align: center;
    margin-bottom: 20px;
    transition: .5s;
}
.page-id-8 .lead{
    text-align: center;
    font-size: 18px;
    font-weight:bold ;
    line-height: 1.5em;
    color: #5f7e00;
    margin-bottom: 20px;
    transition: .5s;
}
.page-id-8 .post h2{
    font-size: 15px;
    color: #5f7e00;
    margin-bottom: 10px;
}
.page-id-8 table{
    width: 100%;
    border: solid 2px #000;
    font-size: 15px;
    line-height: 1.4em;
}
.page-id-8 tr th{
    width: 20%;
    box-sizing: border-box;
    font-weight: 500;
    text-align: left;
    vertical-align: middle;
    border: solid 1px #000;
    padding: 14px 20px;
}
.page-id-8 td{
    width: 20%;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #000;
    padding: 5px 20px;
}
.page-id-8 tr td:nth-child(2){
    background: #e4dde7;
}
.page-id-8 tr td:nth-child(3){
    background: #ede3d3;
}
.page-id-8 tr td:nth-child(4){
    background: #c3e4e5;
}
.page-id-8 tr td:nth-child(5){
    background: #dfe5cc;
}
.page-id-8 .row1 th{
    color: #fff;
    text-align: center;
    padding: 5px 20px;
}
.page-id-8 .row1 th:nth-child(2){
    background: #775686;
}
.page-id-8 .row1 th:nth-child(3){
    background: #a47323;
}
.page-id-8 .row1 th:nth-child(4){
    background: #4094a8;
}
.page-id-8 .row1 th:nth-child(5){
    background: #5f7e00;
}
.page-id-8 .post th span,
.page-id-8 .post td span,
.page-id-8 .lead span{
    display: inline-block;
}
.page-id-8 .post .note{
    text-align: right;
    margin-top: 10px;
}
.page-id-8 .post::before{
    content: url(img/deco4.png);
    display: inline-block;
    transform: scale(0.5);
    position: absolute;
    left: 38px;top: -34px;
    transition: .5s;
}
.page-id-8 .post::after{
    content: url(img/deco5.png);
    display: inline-block;
    transform: scale(0.5);
    position: absolute;
    right: 60px;top: -40px;
    transition: .5s;
}


/*      [7サービスページ]
-----------------------------------------------*/
.page-id-13 .post h1{
    text-align: center;
    color: #fff;
    font-size: 21px;
    background: #000;
    border-radius: 30px;
    padding: 10px 0;
    max-width: 510px;
    margin: 0 auto 35px;
}
.page-id-13 .post{
    position: relative;
}
.page-id-13 .post::before{
    content: "";
    display: block;
    width: 61px;
    height: 66px;
    background: url(img/service/deco1.png) no-repeat left top;
    background-size: 100% auto;
    position: absolute;
    left: 43px;
    top: 14px;
    transition: .5s;
}
.page-id-13 .post::after{
    content: "";
    display: block;
    width: 66.5px;
    height: 80.5px;
    background: url(img/service/deco2.png) no-repeat left top;
    background-size: auto 100%;
    position: absolute;
    right:2px;top: -10px;
    transition: .5s;
}
.page-id-13 .lead,
.page-id-13 .lead2{
    text-align: center;
    color: #5f7e00;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 35px;
    transition: .5s;
}
.page-id-13 .lead span,
.page-id-13 .lead2 span{
    display: inline-block;
}
.page-id-13 .post .wrap{
    display: flex;
    margin-bottom: 32px;
}
.page-id-13 .post .wrap > div{
    width: calc(100% / 3);
    box-sizing: border-box;
    border-left: dashed 1px #000;
    padding: 0 26px;
}
.page-id-13 .post .wrap > div:nth-child(1){
    border-left: none;
    padding-left: 0;
}
.page-id-13 .post .wrap > div > p,
.page-id-13 .post .wrap2 h2 + p,
.page-id-13 .wrap3 h2 + p,
.page-id-13 .wrap4 h2 + p,
.page-id-13 .wrap5 h2 + p{
    font-size: 13px;
    line-height: 1.7em;
}
.page-id-13 .post .wrap > div > p{
    font-size: 13px;
}
.page-id-13 .post .wrap > div:nth-child(1) .case{
    margin-top: 60px;
}
.page-id-13 .post .wrap > div:nth-child(2) .case{
    margin-top: 10px;
}
.page-id-13 .post .wrap > div:nth-child(3) .case{
    margin-top: 40px;
}
.page-id-13 .post .wrap > div:nth-child(3) .case p,
.page-id-13 .post .wrap2 .txts > div:nth-child(1) p,
.page-id-13 .post .wrap5 > div:nth-child(2) ul{
    text-indent: -1em;
    padding-left: 1em;
}
.page-id-13 .post .wrap .case{
    font-size: 12px;
}
.page-id-13 .post .bk{
    background: #000;
    color: #fff;
    font-size: 11px;
    line-height: 1.3em;
    text-align: center;
    border-radius: 20px;
    padding:6px 5px;
    margin-bottom: 10px;
}
.page-id-13 .post .bk span{
    display: inline-block;
}
.page-id-13 .post .wrap h2{
    margin-bottom: 10px;
}
.page-id-13 .post .wrap2{
    border-top: dashed 1px #000;
    padding: 14px 0 35px;
    display: flex;
    justify-content: space-between;
}
.page-id-13 .post .wrap2 > div:nth-child(1),
.page-id-13 .post .wrap3 > div:nth-child(1),
.page-id-13 .post .wrap4 > div:nth-child(1),
.page-id-13 .post .wrap5 > div:nth-child(1){
    width: 29.1%;
    margin-right: 5%;
}
.page-id-13 .post .wrap2 > div:nth-child(2),
.page-id-13 .post .wrap3 > div:nth-child(2),
.page-id-13 .post .wrap4 > div:nth-child(2),
.page-id-13 .post .wrap5 > div:nth-child(2){
    width: calc(100% - 34.1%);
}
.page-id-13 .post .wrap2 .txts{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.page-id-13 .post .wrap2 .txts > div{
    width: calc(50% - 10px);
}
.page-id-13 .post .wrap2 h2{
    margin-bottom: 20px;
    padding-top: 49px;
}
.page-id-13 .post .wrap2 .txts p{
    font-size: 11px;
    line-height: 1.7em;
}
.page-id-13 .lead2{
    border-top: solid 3px #779b06;
    padding: 47px 170px 0 150px;
    margin-bottom: 45px;
    position: relative;
    line-height: 1.5em;
}
.page-id-13 .lead2::after{
    content: "";
    display: block;
    width: 63px;
    height: 52.5px;
    background: url(img/service/deco3.png) no-repeat left top;
    background-size: auto 100%;
    position: absolute;
    right:91px;top: 33px;
    transition: .5s;
}
.page-id-13 .post .wrap2 .mb{
    display: none;
}
.page-id-13 .wrap3{
    display: flex;
    border-bottom: dashed 1px #000;
    padding-bottom: 50px;
}
.page-id-13 .wrap3 h3{
    background: #5f7e00;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 30px;
    padding: 4px;
    margin-bottom: 15px;
}
.page-id-13 .wrap3 h2,
.page-id-13 .wrap4 h2{
    margin-bottom: 15px;
}
.page-id-13 .points{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.page-id-13 .points > div{
    width: 30%;
}
.page-id-13 .points h4{
    font-size: 13px;
    line-height: 1.6em;
    margin-bottom: 2px;
}
.page-id-13 .points p{
    font-size: 11px;
    line-height: 1.7em;
}
.page-id-13 .wrap3 .price{
    border: solid 2px #5f7e00;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
}
.page-id-13 .wrap4{
    display: flex;
    padding: 35px 0 40px;
    border-bottom: dashed 1px #000;
}
.page-id-13 .wrap4 ul{
    display: flex;
    justify-content: space-between;
}
.page-id-13 .wrap4 li{
    width: calc(50% - 6px);
}
.page-id-13 .wrap4 h3{
    color: #5f7e00;
    font-size: 13px;
    margin-bottom: 18px;
    padding-top: 10px;
}
.page-id-13 .wrap5{
    display: flex;
    padding-top: 35px;
    margin-bottom: 10px;
}
.page-id-13 .wrap5 h2{
    margin-bottom: 25px;
}
.page-id-13 .post .wrap5 > div:nth-child(2){
    display: flex;
    justify-content: space-between;
}
.page-id-13 .post .wrap5 > div:nth-child(2) ul{
    font-size: 11px;
    line-height: 1.7em;
    margin-right: 20px;
}
.page-id-13 .post .wrap5 > div:nth-child(2) div{
    width: 390px;
}
.page-id-13 .post .wrap5 > div:nth-child(2) div p:nth-child(1){
    color: #5f7e00;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 7px;
}
.page-id-13 .wrap5 h2 + p::after{
    content: "";
    display: block;
    width: 54px;
    height: 44.5px;
    background: url(img/service/deco4.png) no-repeat left top;
    background-size: auto 100%;
    margin: 12px 0 0 29%;
}
.page-id-13 .wrap6{
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.page-id-13 .list{
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
}
.page-id-13 .wrap6 table{
    width: calc(50% - 11px);
}
.page-id-13 .wrap6 th{
    border: solid 1px #000;
    background: #5f7e00;
    color: #fff;
    font-size: 11px;
}
.page-id-13 .wrap6 td{
    border: solid 1px #000;
    font-size: 10px;
    line-height: 1.6em;
    padding: 0 8px;
}
.page-id-13 .wrap6 tr th{
    border: solid 1px #000;
    background: #5f7e00;
    color: #fff;
    font-size: 11px;
}
.page-id-13 .wrap6 tr th:nth-child(1){
    width: 13em;
}
.page-id-13 .wrap6 tr th:nth-child(3){
    width: 3em;
}
.page-id-13 .wrap6 tr td:nth-child(3){
    text-align: center;
}

/*      [お問い合わせページ]
-----------------------------------------------*/
.page-id-11 .post{
    margin-bottom: 100px;
    margin-top: 50px;
}
.page-id-11 .post h1{
    text-indent: -9999px;
    height: 0;
}
.page-id-11 .post .txt{
    margin-bottom: 10px;
}
.page-id-11 table,
.page-id-15 table{
    width: 100%;
    margin-bottom: 25px;
    border-top: solid 1px #979797;
}
.page-id-11 tr,
.page-id-15 tr{
    border-bottom: solid 1px #979797;
}
.page-id-11 th,
.page-id-15 th{
    width: 200px;
    background: #eaeaea;
    padding: 25px 15px;
    font-weight: 400;
    text-align: left;
}
.page-id-11 td,
.page-id-15 td{
    padding: 20px;
    vertical-align: middle;
}
.page-id-11 td textarea,
.page-id-15 td textarea{
    max-width: 700px;
    width: 100%;
    box-sizing: border-box;
}
.page-id-11 td input,
.page-id-15 td input{
    max-width: 400px;
    width: 100%;
    box-sizing: border-box;
}
.page-id-15 td input.room{
    width: auto;
}
.page-id-15 table tr:first-child td span{
    font-size: 18px;
    font-weight: bold;
    color: #5f7e00 ;
}
.page-id-15 table tr:first-child td > span:first-child{
    margin-right: 20px;
}
.page-id-11 .submit-btn,
.page-id-15 .submit-btn{
    display: flex;
    justify-content: center;
}
.page-id-11 .submit-btn input,
.page-id-15 .submit-btn input{
    background: #000;
    color: #fff;
    padding: 10px;
    border: none;
    width: 200px;
    margin: 0 10px 15px;
}
.mw_wp_form_complete{
    text-align: center;
}
.mw_wp_form_complete h3{
    font-size: 26px;
    margin-bottom: 1em;
    color: #5f7e00;
}
.mw_wp_form_complete h3 + p{
    font-size: 16px;
    font-weight: 400;
    font-family: 'Noto Sans JP',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", meiryo, sans-serif;
}

/*      [予約ページ]
-----------------------------------------------*/
.page-id-15 .post h1 {
    text-align: center;
    margin-bottom: 20px;
}
.page-id-15 .mw_wp_form{
    margin-top: 40px;
}
.mw_wp_form table th,
.mw_wp_form h2 + p,
.mw_wp_form .txt{
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px;
}
.mw_wp_form table th span{
    display: inline-block;
}
.mw_wp_form h2 + p,
.mw_wp_form .txt{
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}
.mw_wp_form th{
    font-weight: bold;
}
.mw_wp_form td{
    font-size: 15px;
    font-weight: 300;
}
.page-id-15 .mw_wp_form h2{
    max-width: 260px;
    margin: 0 auto 10px;
}
.page-id-15 .post .wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.page-id-15 .cal-area{
    width: calc(100% - 265px);
    margin-right: 40px;
    transition: .5s;
}
.page-id-15 .table{
    display: flex;
    border: solid 1px #827d7c;
}
.page-id-15 .timeline{
    width: 45px;
    box-sizing: border-box;
    position: relative;
    border: solid 1px #827d7c;
    font-size: 13px;
    font-weight: 500;
    color: #827d7c;
}
.page-id-15 .timeline li{
    position: absolute;
    right: 3px;
}
.page-id-15 .timeline li:nth-child(1){ top: 4%;}
.page-id-15 .timeline li:nth-child(2){ top: 11.5%;}
.page-id-15 .timeline li:nth-child(3){ top: 19.7%;}
.page-id-15 .timeline li:nth-child(4){ top: 27.4%;}
.page-id-15 .timeline li:nth-child(5){ top: 35.5%;}
.page-id-15 .timeline li:nth-child(6){ top: 43.4%;}
.page-id-15 .timeline li:nth-child(7){ top: 51.2%;}
.page-id-15 .timeline li:nth-child(8){ top: 59%;}
.page-id-15 .timeline li:nth-child(9){ top: 67%;}
.page-id-15 .timeline li:nth-child(10){ top: 74.8%;}
.page-id-15 .timeline li:nth-child(11){ top: 82.7%;}
.page-id-15 .timeline li:nth-child(12){ top: 90.7%;}
.page-id-15 .swiper{
    width: calc(100% - 45px);
}
.caption-area{
    display: flex;
    align-items: flex-end;
    margin: 15px 0 7px;
}
.caption-area h2{
    color: #827d7c;
    font-size: 17px;
    margin-right: 30px;
}
.caption-area p{
    color: #5f7e00;
    font-size: 13px;
    font-weight: bold;
}
.page-id-15 .rooms{
    width: 215px;
    transition: .5s;
}
.page-id-15 .rooms h2{
    border-bottom: solid 1px #000;
    margin-bottom: 13px;
    padding-bottom: 5px;
    font-size: 13px;
}
.page-id-15 .rooms > div{
    margin-bottom: 17px;
    padding: 10px;
    border: solid 1px #000;
}
.page-id-15 .rooms h3{
    color: #5f7e00;
    font-size: 14px;
    line-height: 1.6em;
    margin: 5px 0 15px;
}
.page-id-15 .rooms h3 span{
    display: inline-block;
}
.cal-area .swiper-slide span{
    display: flex;
    align-items: center;
    font-size: 10px;
    line-height: 1;
    font-weight: bold;
    color: #5f7e00;
    padding: 0 10px;
    height: 15px;
    border-left: solid 1px #827d7c;
    border-right: solid 1px #827d7c;
}
.cal-area .swiper-slide span:nth-child(2n){
    border-top: solid 1px #827d7c;
}
.cal-area .swiper-slide span:nth-child(4n){
    border-top: dashed 1px #827d7c;
}
.cal-area .swiper-slide span:first-child{
    padding: 14px 0 14px 3px;
    font-size: 13px;
    letter-spacing: 1px;
    justify-content: center;
    text-align: center;
    color: #827d7c;
    border: solid 1px #827d7c;
}
.cal-area .swiper-slide span:first-child br{
    display: none;
}
.cal-area .swiper-slide span:last-child{
    border-bottom: solid 1px #827d7c;
}
.cal-area .swiper-slide.empty:nth-child(n + 6){
    display: none;
}
.cal-area .swiper-slide.sun span:first-child,
.cal-area .swiper-slide.holiday span:first-child{
    color: #e61f19;
    background: #f4b5b5;
}
.cal-area .swiper-slide.sat span:first-child{
    color: #359ad6;
    background: #b6d6f0;
}
.swiper-slide.studio0900.cafe0900 span:nth-child(2),
.swiper-slide.studio0900.cafe0900 span:nth-child(3),
.swiper-slide.studio0930.cafe0930 span:nth-child(4),
.swiper-slide.studio0930.cafe0930 span:nth-child(5),
.swiper-slide.studio1000.cafe1000 span:nth-child(6),
.swiper-slide.studio1000.cafe1000 span:nth-child(7),
.swiper-slide.studio1030.cafe1030 span:nth-child(8),
.swiper-slide.studio1030.cafe1030 span:nth-child(9),
.swiper-slide.studio1100.cafe1100 span:nth-child(10),
.swiper-slide.studio1100.cafe1100 span:nth-child(11),
.swiper-slide.studio1130.cafe1130 span:nth-child(12),
.swiper-slide.studio1130.cafe1130 span:nth-child(13),
.swiper-slide.studio1200.cafe1200 span:nth-child(14),
.swiper-slide.studio1200.cafe1200 span:nth-child(15),
.swiper-slide.studio1230.cafe1230 span:nth-child(16),
.swiper-slide.studio1230.cafe1230 span:nth-child(17),
.swiper-slide.studio1300.cafe1300 span:nth-child(18),
.swiper-slide.studio1300.cafe1300 span:nth-child(19),
.swiper-slide.studio1330.cafe1330 span:nth-child(20),
.swiper-slide.studio1330.cafe1330 span:nth-child(21),
.swiper-slide.studio1400.cafe1400 span:nth-child(22),
.swiper-slide.studio1400.cafe1400 span:nth-child(23),
.swiper-slide.studio1430.cafe1430 span:nth-child(24),
.swiper-slide.studio1430.cafe1430 span:nth-child(25),
.swiper-slide.studio1500.cafe1500 span:nth-child(26),
.swiper-slide.studio1500.cafe1500 span:nth-child(27),
.swiper-slide.studio1530.cafe1530 span:nth-child(28),
.swiper-slide.studio1530.cafe1530 span:nth-child(29),
.swiper-slide.studio1600.cafe1600 span:nth-child(30),
.swiper-slide.studio1600.cafe1600 span:nth-child(31),
.swiper-slide.studio1630.cafe1630 span:nth-child(32),
.swiper-slide.studio1630.cafe1630 span:nth-child(33),
.swiper-slide.studio1700.cafe1700 span:nth-child(34),
.swiper-slide.studio1700.cafe1700 span:nth-child(35),
.swiper-slide.studio1730.cafe1730 span:nth-child(36),
.swiper-slide.studio1730.cafe1730 span:nth-child(37),
.swiper-slide.studio1800.cafe1800 span:nth-child(38),
.swiper-slide.studio1800.cafe1800 span:nth-child(39),
.swiper-slide.studio1830.cafe1830 span:nth-child(40),
.swiper-slide.studio1830.cafe1830 span:nth-child(41),
.swiper-slide.studio1900.cafe1900 span:nth-child(42),
.swiper-slide.studio1900.cafe1900 span:nth-child(43),
.swiper-slide.studio1930.cafe1930 span:nth-child(44),
.swiper-slide.studio1930.cafe1930 span:nth-child(45),
.swiper-slide.studio2000.cafe2000 span:nth-child(46),
.swiper-slide.studio2000.cafe2000 span:nth-child(47),
.swiper-slide.studio2030.cafe2030 span:nth-child(48),
.swiper-slide.studio2030.cafe2030 span:nth-child(49){
    background: #f0eb52;
}
.swiper-slide.studio0900 span:nth-child(2)::before,
.swiper-slide.studio0930 span:nth-child(4)::before,
.swiper-slide.studio1000 span:nth-child(6)::before,
.swiper-slide.studio1030 span:nth-child(8)::before,
.swiper-slide.studio1100 span:nth-child(10)::before,
.swiper-slide.studio1130 span:nth-child(12)::before,
.swiper-slide.studio1200 span:nth-child(14)::before,
.swiper-slide.studio1230 span:nth-child(16)::before,
.swiper-slide.studio1300 span:nth-child(18)::before,
.swiper-slide.studio1330 span:nth-child(20)::before,
.swiper-slide.studio1400 span:nth-child(22)::before,
.swiper-slide.studio1430 span:nth-child(24)::before,
.swiper-slide.studio1500 span:nth-child(26)::before,
.swiper-slide.studio1530 span:nth-child(28)::before,
.swiper-slide.studio1600 span:nth-child(30)::before,
.swiper-slide.studio1630 span:nth-child(32)::before,
.swiper-slide.studio1700 span:nth-child(34)::before,
.swiper-slide.studio1730 span:nth-child(36)::before,
.swiper-slide.studio1800 span:nth-child(38)::before,
.swiper-slide.studio1830 span:nth-child(40)::before,
.swiper-slide.studio1900 span:nth-child(42)::before,
.swiper-slide.studio1930 span:nth-child(44)::before,
.swiper-slide.studio2000 span:nth-child(46)::before,
.swiper-slide.studio2030 span:nth-child(48)::before{
    content: "×会議室";
}
.swiper-slide.cafe0900 span:nth-child(3)::before,
.swiper-slide.cafe0930 span:nth-child(5)::before,
.swiper-slide.cafe1000 span:nth-child(7)::before,
.swiper-slide.cafe1030 span:nth-child(9)::before,
.swiper-slide.cafe1100 span:nth-child(11)::before,
.swiper-slide.cafe1130 span:nth-child(13)::before,
.swiper-slide.cafe1200 span:nth-child(15)::before,
.swiper-slide.cafe1230 span:nth-child(17)::before,
.swiper-slide.cafe1300 span:nth-child(19)::before,
.swiper-slide.cafe1330 span:nth-child(21)::before,
.swiper-slide.cafe1400 span:nth-child(23)::before,
.swiper-slide.cafe1430 span:nth-child(25)::before,
.swiper-slide.cafe1500 span:nth-child(27)::before,
.swiper-slide.cafe1530 span:nth-child(29)::before,
.swiper-slide.cafe1600 span:nth-child(31)::before,
.swiper-slide.cafe1630 span:nth-child(33)::before,
.swiper-slide.cafe1700 span:nth-child(35)::before,
.swiper-slide.cafe1730 span:nth-child(37)::before,
.swiper-slide.cafe1800 span:nth-child(39)::before,
.swiper-slide.cafe1830 span:nth-child(41)::before,
.swiper-slide.cafe1900 span:nth-child(43)::before,
.swiper-slide.cafe1930 span:nth-child(45)::before,
.swiper-slide.cafe2000 span:nth-child(47)::before,
.swiper-slide.cafe2030 span:nth-child(49)::before{
    content: "×GARDEN貸切";
}
.page-id-15 .btns{
    display: flex;
}
.page-id-15 .swiper-button-next,
.page-id-15 .swiper-button-prev{
    position: static !important;
    color: #827d7c !important;
    display: flex;
    border: solid 1px #827d7c;
    border-radius: 4px;
    width:30px;
    height: 30px;
    margin-top: 0;
}
.page-id-15 .swiper-button-prev{
    margin-right: 20px;
}
.page-id-15 .swiper-button-next::after,
.page-id-15 .swiper-button-prev::after{
    font-size: 15px;
    font-weight: bold;
}
.page-id-15 .btns li:hover{
    background: #827d7c;
}
.page-id-15 .btns li:hover::after{
    color:#fff;
}
.page-id-15 .pricelist{
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    line-height: 1.9em;
}
.page-id-15 .pricelist h3{
    color: #607E00;
    font-weight: bold;
    width: 300px;
}
.page-id-15 .pricelist h3 span{
    color: #000;
    font-weight: normal;
}
.page-id-15 .pricelist ul{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.page-id-15 .pricelist ul li:nth-child(1){
    margin-right: 1em;
}
.page-id-15 .notes{
    margin-top: 15px;
}
.page-id-15 .notes p{
    text-indent: -1em;
    padding-left: 1em;
}
.page-id-15 .notes span{
    color: #e61f19;
}

/*      [NEWS一覧ページ]
-----------------------------------------------*/
.page-id-17 #header,
.archive #header,
.single #header{
    border-bottom: none;
    margin-bottom: 0;
}
.headline{
    background: #5f7e00;
    color: #fff;
    text-align: center;
    padding: 27px 30px 30px;
    margin-bottom: 20px;
}
.headline .title{
    margin-bottom: 15px;
}
.headline .lead{
    font-size: 18px;
    line-height: 1.5em;
    font-weight: bold;
    transition: .5s;
}
.headline .lead span{
    display: inline-block;
}
#wrapper{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 30px;
}
#wrapper #main{
    width: calc(100% - 245px);
    transition: .5s;
    padding-top: 0;
}
#wrapper #side{
    width: 215px;
    transition: .5s;
}
#wrapper .lists{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#wrapper .lists article{
    width: calc(50% - 8px);
    margin-bottom: 16px;
}
#wrapper .lists .post{
    color: #5f7e00;
    background: #dae1c7;
    position: relative;
    display: flex;
    padding: 15px;
    box-shadow: 4px 4px 17px -5px #9e9e9e;
}
#wrapper .lists .post .img{
    width: 140px;
    margin-bottom: 5px;
}
#wrapper .lists .post .img img{
    width: 140px;
    height: 140px;
    object-fit: cover;
}
#wrapper .lists .pics{
    margin-right: 15px;
}
#wrapper .lists .txts{
    display: flex;
    flex-direction: column;
}
#wrapper .lists .txts div{
    margin-top: auto;
    position: relative;
    left: 15px;top: 15px;
}
.page .pagenation_page{
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.page .pagenation_page .page-numbers{
    padding: 5px;
    border: solid 1px #860028;
    margin: 0 3px;
    line-height: 1;
    min-width: 16px;
    text-align: center;
}
.page .pagenation_page .page-numbers.current,
.page .pagenation_page .page-numbers:hover{
    text-decoration: none;
    background: #860028;
    color: #fff;
}
.nav-links ul{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}
.nav-links li a,
.nav-links li span{
    padding: 5px;
    border: solid 1px #860028;
    margin: 0 3px;
    line-height: 1;
    min-width: 16px;
    text-align: center;
    display: block;
}
.nav-links li span.current,
.nav-links li a:hover{
    text-decoration: none;
    background: #860028;
    color: #fff;
}


#wrapper .txts .dates{
    width: 65px;
    margin-left: auto;
    border-left: solid 1px #5f7e00;
    text-align: center;
    font-size: 10px;
    line-height: 1.4em;
    font-weight: bold;
    letter-spacing: 0.1em;
    box-sizing: border-box;
    height: 55px;
    padding-top: 2px;
}
#wrapper .txts div::before{
    content: url(img/post-arrow.svg);
    display: block;
    text-align: right;
    padding:0 10px 4px 0;
}
#wrapper .txts .dates span:nth-child(1),
#wrapper .txts .dates span:nth-child(4){
    display: block;
}
#wrapper .txts .dates span:nth-child(2),
#wrapper .txts .dates span:nth-child(3){
    font-size: 16px;
}
#wrapper .txts .dates span:nth-child(3)::before{
    content:".";
}
#wrapper .lists h2{
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 5px;
}
#wrapper .lists .post h2 + p{
    font-size: 11px;
    font-weight: bold;
    line-height: 1.6em;
}
.cats{
    width: 100%;
    display: flex;
    font-size: 9px;
    align-items: center;
    background: #5f7e00;
}
.cats li{
line-height: 1em;
text-align: center;
border: solid 1px #5f7e00;
padding: 3px 1px;
}
.cats li:nth-child(1){
    min-width: 54px;
    color: #fff;
}
.cats li:nth-child(2){
    width: calc(100% - 54px);
background: #dae1c7;
color: #5f7e00;
}
#wrapper .lists .post a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;top: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#wrapper .lists .post:hover h2,
#wrapper .lists .post:hover h2 + p{
    text-decoration: underline;
}
.sf-field-search input,
.sf-field-tag input{
    width: 100%;
    box-sizing: border-box;
}
.sf-field-category ul li,
.sf-field-tag ul li{
    font-size: 12px;
    line-height: 1em;
    color: #5f7e00;
    border: solid 1px #5f7e00;
    border-radius: 3px;
    display: inline-block !important;
    margin: 0 5px 5px 0 !important;
}
.sf-field-category ul li label:hover,
.sf-field-tag ul li label:hover{
    cursor: pointer;
}
.sf-field-category ul li input,
.sf-field-tag ul li input{
    display: none;
}
.sf-field-category ul li:hover,
.sf-field-tag ul li:hover,
.sf-field-category ul li.sf-option-active,
.sf-field-tag ul li.sf-option-active{
    background: #5f7e00;
    color: #fff;
}
.sf-field-category ul li label,
.sf-field-tag ul li label{
    padding: 0 10px;
}
#side h4{
    font-size: 13px;
    border-bottom: solid 1px #000;
    padding-bottom: 5px;
    margin-bottom: 12px;
}

/*      [post page]
-----------------------------------------------*/
.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
    float: right;
    margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}

.single main .post{
    border: solid 1px #000;
    padding: 20px 30px;
    color: #5f7e00;
    font-weight: 500;
}
.single main .post h1{
    font-size: 22px;
    line-height: 1.6em;
    margin-bottom: 10px;
}
.single .post .sub{
    font-size: 18px;
    line-height: 1.6em;
    margin-bottom: 5px;
}

.single .post .date{
    font-size: 19px;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-bottom: 20px;
}
.single .post img{
    margin: 15px 0;
}
.single .post .mv img{
    margin: 15px 0 0;
}
.single .post p{
    text-align: justify;
    line-height: 1.9em;
}
.single .form-link a{
    width: 210px;
    text-align: center;
    background: #5f7e00;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin: 20px auto 0;
    padding: 5px;
}
.single .form-link a:hover{
    text-decoration: none;
    background: #000;
}
.single .post .list-page{
    text-align: center;
    margin: 15px 0;
}
.single .post .list-page a{
    font-weight: bold;
    font-size: 14px;
}
.single .post .list-page a:hover{
    color: #5f7e00;
}
.single .post .list-page a::before{
    content: url(img/arrow2.svg);
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-right: 5px;
}
.single .cats{
    width: auto;
    justify-content: flex-end;
    background: transparent;
    margin-bottom: 13px;
    font-size: 10px;
    font-weight: bold;
    display: none;
}
.single .cats li:nth-child(1){
    width: auto;
    background: #5f7e00;
    padding: 3px 5px;
}
.single .cats li:nth-child(2){
    width: auto;
    background: #fff;
    padding: 3px 10px;
}
.share{
    position: relative;
    display: none;
}
.facebooklink{
    width: 75px;
    position: absolute;
    right: 0;top: 0;
}
.facebooklink a{
    color: #fff;
    font-size: 10px;
    line-height: 1;
    background: #7d7876;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
    border-radius: 4px;
}
.single .post .facebooklink img{
    width: 15px;
    margin: 0 5px 0 0;
}
.facebooklink a:hover{
    text-decoration: none;
}
/*		[Footer]
-----------------------------------------------*/

#footer{
    background: #5f7e00;
    color: #fff;
    padding: 30px 30px 20px;
    margin-top: 45px;
    letter-spacing: 1px;
}
#footer .inner{
    max-width: 1060px;
    margin: 0 auto;
    position: relative;
}
#footer .pagetop{
    width: 110.5px;
    position: absolute;
    right: 0;
    top: -64px;
}
#footer a{
    color: #fff;
}
#footer .wrap{
    display: flex;
    align-items: center;
}
#footer .f-nav{
    display: flex;
    align-items: flex-start;
    margin-right: 45px;
}
#footer .f-nav li{
    padding: 0 10px;
    font-size: 14px;
    line-height: 1em;
    border-left: solid 1px #fff;
}
#footer .f-nav li:first-child{
    border-left: none;
    padding-left: 0;
}
#footer .sns{
    display: flex;
}
#footer .sns li:nth-child(1),
#footer .sns li:nth-child(2){
    margin-right: 25px;
}
#footer .wrap2{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 14px;
}
.footer-logo{
    width: 257.5px;
}
#access .txts .tel-note{
    font-size: .8em;
    display: inline-block;
}
#footer .wrap2 .tel-note{
    font-size: .9em;
    display: inline-block;
}

/*		[Clearfix]
-----------------------------------------------*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */
.clear{clear:both;}

.txt-hidden{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

/*      [ PC small ]
-----------------------------------------------*/
@media screen and (max-width: 1090px) {
#gnav{
    margin-right: 30px;
}
#gnav li{
    font-size: 13px;
    margin-left: 20px;
}
#gnav li span{
    font-size: 10px;
}
#news .pagelink{
    right: 0;
    bottom: -10px;
}
.page-id-15 .notes p:nth-child(2) br{
    display: none;
}
}
@media screen and (max-width: 960px) {
.sns-nav svg path,
.sns-nav svg circle{
    fill: #5f7e00 !important;
}
#gnav{
    display: none;
}
.menubtn{
    display: block;
}
.menubtn:hover{
    cursor: pointer;
}
#header{
    border-bottom: solid 8px #5f7e00;
    padding: 5px 15px 5px;
}
#main{
    padding-top: 108px;
}
.home #main,
.headline-wrap{
    padding-top: 65px;
}
#logo{
    width: 213px;
    margin-right: 20px;
}
#about .inner {
    padding: 60px 30px 0;
}
#wrapper .lists article{
    width: 100%;
}
.page-id-13 .post::before{
    content: "";
    width: 45px;
    left: 0;
    top: 14px;
}
.page-id-13 .post::after{
    content: "";
    width: 50.5px;
    background-size:100% auto;
    right:0;
    top: -10px;
}
.page-id-13 .lead2::after{
    content: "";
    width: 47px;
    background-size: 100% auto;
    right:10px;
    top: 38px;
}
.page-id-13 .lead2{
    padding: 47px 60px 0 60px;
}
.page-id-13 .wrap5 h2 + p::after{
    content: "";
    width: 40px;
    background-size: 100% auto;
}
}
/*      [ Tablet large]
-----------------------------------------------*/
@media screen and (max-width: 900px) {
.footer-logo{
    display: none;
}
.page-id-8 .post::before{
    content: url(img/deco4.png);
    transform: scale(0.5);
    position: absolute;
    left: 0;
    top: -34px;
}
.page-id-8 .post::after{
    content: url(img/deco5.png);
    transform: scale(0.5);
    position: absolute;
    right: 0;
    top: -40px;
}
.page-id-15 .cal-area{
    width: calc(100% - 195px);
    margin-right: 30px;
}
.page-id-15 .rooms{
    width: 160px;
}
}
@media screen and (max-width: 810px) {
.page-id-15 .cal-area{
    width: calc(100% - 175px);
    margin-right: 30px;
}
.page-id-15 .rooms{
    width: 140px;
}
.page-id-15 .rooms h3{
    font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#about .inner{
    padding: 60px 30px 0;
}
#mv .logo{
    padding-right: 0;
    text-align: center;
}
#about .wrap2{
    display: block;
}
#about .pics{
    margin-bottom: 45px;
}
#about .wrap2 .floor{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
#about .floor img{
    max-width: 480px;
}
#about .wrap2 .txts{
    width: 100%;
    text-align: center;
}
#about .wrap2 .btn{
    text-align: center;
    margin-top: 25px;
}
#service{
    padding-top: 40px;
}
#news .post{
    display: block;
    border-bottom: none;
}
#news .post .pic{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
#news .post .txts{
    width: 100%;
}
.headline .title::before {
    content: "";
    width: 42px;
    left: 0;
    top: -11px;
}
.headline .title::after {
    content: "";
    width: 37px;
    right: 0;
    top: -3px;
}
.headline .lead{
    font-size: 16px;
}
.single #wrapper{
    flex-direction: column;
}
.single #wrapper #main {
    width: 100%;
}
.single #wrapper #side{
    width: 100%;
}
.single main .post{
    border: none;
    padding: 0;
}
.page-id-8 .lead{
    font-size: 16px;
}
.page-id-15 .rooms{
    display: none;
}
.page-id-15 .cal-area{
    width: 100%;
    margin-right: 0;
}
.page-id-11 th,
.page-id-15 th{
    width: 130px;
}
.page-id-15 .btns,
.caption-area{
    padding: 0 20px;
}
.page-id-13 .post::before,
.page-id-13 .post::after{
    content: none;
}
}
/*      [ Tablet small]
-----------------------------------------------*/
@media screen and (max-width: 700px) {
#wrapper #main {
    width: calc(100% - 200px);
}
#wrapper #side{
    width: 170px;
}
.page-id-8 .post::before{
    content: url(img/deco4.png);
    transform: scale(0.4);
    position: absolute;
    left: -10px;
    top: -34px;
}
.page-id-8 .post::after{
    content: url(img/deco5.png);
    transform: scale(0.4);
    position: absolute;
    right: -10px;
    top: -40px;
}
.cal-area .swiper-slide span{
    padding: 0 5px;
}
.page-id-13 .wrap6{
    flex-direction: column;
}
.page-id-13 .wrap6 table{
    width: 100%;
}
.page-id-13 .wrap6 table:nth-child(2) tr:first-child{
    display: none;
}
.page-id-13 .wrap6 table:nth-child(2) tr:nth-child(2) td{
    border-top: none;
}
}
@media screen and (max-width: 600px) {
#header{
    padding: 5px 15px 0;
}
#main{
    padding-top: 88px;
}
.home #main{
    padding-top: 65px;
}
#mv .logo img {
    max-width:240px;
}
.home .swiper-button-next,
.home .swiper-button-prev,
.home .swiper-pagination{
    display: none;
}
#mv .swiper-slide{
    min-height: 450px;
}
#about .inner{
    padding-top: 30px;
}
#about .wrap1::before{
    content: "";
    width: 77px;
    height: 131px;
    background-image: url(img/deco1-mb.png);
    background-size: 100% auto;
    position: absolute;
    right: -15px;
    top: -102px;
}
#about .wrap1::after{
    content: "";
    width: 159px;
    height: 75px;
    left: -15px;
    top: -86px;
}
#about .wrap1 .txts{
    margin:0 0 25px ;
    padding: 0;
}
#about .txts h2,
#about .wrap1 .txts p{
    text-align: center;
}
#about .txts p{
    font-size: 15px;
}
#about .txts h2{
    font-size: 26px;
    margin-bottom: 15px;
}
#about .aikata{
    width: 100%;
    text-align: center;
    font-size: 13px;
}
#about .aikata img{
    max-width: 190px;
}
#about .wrap{
    display: block;
}
#about .pics li:first-child{
    margin-left: 1px;
}
#about .pics li:nth-child(2){
    display: none;
}
#about .pics li:nth-child(3){
    margin-left: 0;
}
#about .pics ul{
    flex-direction: row-reverse;
}
#news h2 img,
#access h2 img,
.headline .title img,
.page .post .title img,
.page .en-title img{
    height: 33px;
}
.headline .title::before {
    content: "";
    width: 37px;
    left: 0;
    top: -11px;
}
.headline .title::after {
    content: "";
    width: 32px;
    right: 0;
    top: -3px;
}
#footer .sns{
    display: none;
}
#footer .f-nav{
    margin-right: 0;
    flex-wrap: wrap;
}
#footer .f-nav li{
    margin-bottom: 10px;
}
#wrapper{
    flex-direction: column;
}
#wrapper #main {
    width: 100%;
}
#wrapper #side{
    width: 100%;
}
.single main .post h1{
    font-size: 18px;
}
.single .post .sub{
    font-size: 16px;
    line-height: 1.8em;
}
.single .post .date{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.share{
    display: block;
}
.single .post .mv img {
    margin: 10px 0 0;
}
.single .post p{
    font-size: 15px;
}
.page-id-8 .post::before{
    content: none;
}
.page-id-8 .post::after{
    content: none;
}
.page-id-8 .lead{
    font-size: 15px;
}
.page-id-8 .post h1{
    margin-bottom: 10px;
}
.page-id-8 #header,
.page-id-13 #header,
.page-id-15 #header,
.page-id-3 #header,
.page-id-6 #header{
    margin-bottom: 20px;
}
.page-id-8 .page-inner{
    padding: 0 20px;
}
.page-id-8 table{
    font-size: 12px;
}
.page-id-8 tr th{
    padding:10px 5px;
}
.page-id-8 tr td{
    padding:10px 0;
    font-size: 12px;
}
.page-id-8 .row1 th{
    padding: 5px;
}
.page-id-8 .post .note{
    font-size: 13px;
}
.page-id-15 .page-inner{
    padding: 0;
}
.page-id-15 .mw_wp_form{
    padding: 0 20px;
}
.page-id-11 th,
.page-id-15 th{
    width: 100px;
    padding: 10px;
    font-size: 13px;
}
.mw_wp_form td{
    padding: 10px 0 10px 10px;
}
.page-id-13 .lead,
.page-id-13 .lead2,
.page-id-13 .wrap4 h3{
    display: none;
}
.page-id-13 .post .wrap{
    flex-direction: column;
}
.page-id-13 .post .wrap > div{
    width: 100%;
    padding: 0 0 25px;
    margin-bottom: 15px;
    border-bottom: solid 1px #5f7e00;
    border-left: none;
}
.page-id-13 .post .wrap > div:nth-child(1) .case,
.page-id-13 .post .wrap > div:nth-child(3) .case{
    margin-top: 10px;
}
.page-id-13 .post .wrap h2,
.page-id-13 .post .wrap2 h2,
.page-id-13 .wrap3 h2,
.page-id-13 .wrap4 h2,
.page-id-13 .wrap5 h2{
    text-align: center;
}
.page-id-13 .post h1{
    margin-bottom: 10px;
    padding: 8px 0;
    font-size: 20px;
}
.page-id-13 .post .bk{
    background: #5f7e00;
    font-size: 14px;
    padding: 7px 5px;
}
.page-id-13 .post .wrap > div > p,
.page-id-13 .post .wrap .case,
.page-id-13 .post .wrap2 h2 + p,
.page-id-13 .wrap3 h2 + p,
.page-id-13 .wrap4 h2 + p,
.page-id-13 .wrap5 h2 + p,
.page-id-13 .post .wrap2 .txts p,
.page-id-13 .points h4,
.page-id-13 .points p,
.page-id-13 .post .wrap5 > div:nth-child(2) ul,
.page-id-13 .list{
    font-size: 14px;
}

.page-id-13 .post .wrap2,
.page-id-13 .wrap3,
.page-id-13 .wrap4,
.page-id-13 .wrap5,
.page-id-13 .points,
.page-id-13 .post .wrap5 > div:nth-child(2){
    flex-direction: column;
}
.page-id-13 .post .wrap2 > div:nth-child(1),
.page-id-13 .post .wrap3 > div:nth-child(1),
.page-id-13 .post .wrap4 > div:nth-child(1),
.page-id-13 .post .wrap5 > div:nth-child(1){
    width: 100%;
    margin-right: 0;
}
.page-id-13 .post .wrap2 > div:nth-child(2),
.page-id-13 .post .wrap3 > div:nth-child(2),
.page-id-13 .post .wrap4 > div:nth-child(2),
.page-id-13 .post .wrap5 > div:nth-child(2),
.page-id-13 .post .wrap2 .txts > div,
.page-id-13 .points > div{
    width: 100%;
}
.page-id-13 .post .wrap2 .txts{
    flex-direction: column-reverse;
}
.page-id-13 .wrap5 h2 + p::after{
    content: none;
}
.page-id-13 .post .wrap{
    margin-bottom: 0;
}
.page-id-13 .post .wrap2{
    border-top: none;
    padding-top: 0;
    border-bottom: solid 1px #5f7e00;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
.page-id-13 .post .wrap2 h2{
    padding-top: 20px;
}
.page-id-13 .post .wrap > div{
    margin-bottom: 15px;
}
.page-id-13 .post .wrap2 .pc{
    display: none;
}
.page-id-13 .post .wrap2 .mb{
    display: block;
    margin:15px 0;
}
.page-id-13 .points > div{
    margin-bottom: 15px;
}
.page-id-13 .points{
    margin-bottom: 0;
}
.page-id-13 .wrap3 h3{
    margin-top: 10px;
}
.page-id-13 .wrap3{
    border-bottom: solid 1px #5f7e00;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
.page-id-13 .wrap4{
    padding: 10px 0 25px;
    border-bottom: solid 1px #5f7e00;
}
.page-id-13 .wrap5{
    padding: 10px 0 0;
}
.page-id-13 .post .wrap5 > div:nth-child(2) ul{
    margin: 5px 0 15px 0;
}
.page-id-13 .post .wrap5 > div:nth-child(2) div{
    width: 100%;
}
.page-id-13 .wrap5{
    margin-bottom: 5px;
}
.page-id-13 .list span{
    display: block;
    line-height: 1.4em;
    font-size: 13px;
}
.page-id-13 .wrap6 table tr th:nth-child(1),
.page-id-13 .wrap6 table tr td:nth-child(1){
    width: 8em;
}
.page-id-13 .wrap6 table tr th:nth-child(3),
.page-id-13 .wrap6 table tr td:nth-child(3){
    width: 2em;
}
.page-id-3 .post,
.page-id-6 .post{
    padding: 0;
    border: none;
}
.page-id-3 .post h1,
.page-id-6 .post h1{
    margin-bottom: 0;
}
.page-id-6 .post h1{
    border-bottom: none;
    padding-bottom: 5px;
}
.page-id-6 .post h2{
    border-bottom: none;
    border-top: solid 1px #000;
    margin-top: 1em;
    padding:10px 0 0;
    margin-bottom: 5px;
}
.page-id-6 .mt{
    margin-top: 1em;
}
.single .cats{
    display: flex;
}
.page-id-15 .pricelist{
    padding: 20px 20px 0;
}
.page-id-15 .notes{
    padding: 0 20px;
}
}
/*      [ Smartphone ]
-----------------------------------------------*/
@media screen and (max-width: 480px) {
#about .pics img{
    height: 130px;
}
#about .pics{
    padding-top: 0;
    background: none;
}
#about .inner{
    background: url(img/deco2-mb.png) repeat-x center bottom;
    background-size:auto 191.5px ;
    padding-bottom: 60px;
}
#about .wrap2 .txts{
    text-align: left;
}
#about .wrap2 .txts p:first-child span{
    display: block;
}
#about .floor img{
    margin-bottom: -110px;
}
#about .pics{
    margin-bottom: 25px;
}
#service{
    padding-top: 30px;
    margin-bottom: 10px;
}
#service h2 a{
    padding: 6px;
    font-size: 18px;
}
#service ul li{
    width: 33.3%;
    margin: 0 0 25px;
    font-size: 14px;
    line-height: 1.5em;
}
#service h2 a{
    margin-bottom: 25px;
}
#news h2 img,
#access h2 img,
.headline .title img,
.page .post .title img,
.page .en-title img{
    height: 26px;
}
.headline .title::before {
    content: "";
    width: 30px;
    left: 5px;
    top: -9px;
}
.headline .title::after {
    content: "";
    width: 25px;
    right: 5px;
    top: 0;
}
#news .inner{
    padding-top: 25px;
}
#news h2{
    margin-bottom: 15px;
}
#news .post .info{
    flex-direction: column-reverse;
    margin-bottom: 5px;
}
#news .post .info ul{
    width: 100%;
    margin-bottom: 10px;
}
#news .post .info li{
    width: 50%;
}
#news .post .pic{
    margin-bottom: 10px;
}
#news .post .date{
    font-size: 16px;
}
#news .post .txt {
    font-size: 14px;
    line-height: 1.8em;
}
#access .txts,
#access  ul{
    font-size: 14px;
}
.gmap iframe{
    height: 300px;
}
#footer .pagetop{
    width: 90px;
}
#footer .f-nav li{
    font-size: 13px;
}
#footer .f-nav li:nth-child(3){
    border-left: none;
    padding-left: 0;
}
#footer .wrap2{
    font-size: 11px;
    line-height: 1.5em;
}
#footer .wrap2 span{
    display: inline-block;
}
#footer{
    padding-top: 25px;
}
#wrapper{
    padding: 0 20px;
}
.single #wrapper{
    padding: 0 25px;
}
#wrapper .lists .post h2 + p{
    max-height: 5em;
    overflow: hidden;
}
.headline{
    padding: 17px 10px;
}
.headline .lead{
    font-size: 13px;
}
.headline .title{
    margin-bottom: 10px;
}
.page-id-8 .lead{
    font-size: 14px;
}
.page-id-15 .table{
    border-right: 0;
    border-left: 0;
}
.page-id-15 .swiper {
    width: calc(100% - 35px);
}
.page-id-15 .timeline{
    border: none;
    font-size: 11px;
    width: 35px;
}
.cal-area .swiper-slide span:first-child{
    border: none;
    border-left: solid 1px #827d7c;
    font-size: 12px;
    line-height: 1.2em;
}
.cal-area .swiper-slide span{
    border-right: none;
    padding: 0;
}
.cal-area .swiper-slide span:last-child{
    border-bottom: none;
}
.cal-area .swiper-slide span{
    font-size: 9px;
    letter-spacing: -1px;
}
.cal-area .swiper-slide span:first-child br{
    display: inline-block;
}
.page-id-15 .btns{
    justify-content: center;
}
#header.change-color{
    border-bottom: solid 2px #5f7e00 !important;
}
.page-id-15 .mwform-checkbox-field{
    display: inline-block;
    margin-left: 0;
}
.page-id-15 .mw_wp_form .horizontal-item + .horizontal-item{
    margin-left: 0;
}

}