@charset "utf-8";

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

Copyright (C) apricot-design All Rights Reserved.
------------------------------------------------------------
CSS information
 file name  :  layout.css
 style info :  レイアウトファイル
 admin info :  apricot-design

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


/*
0:セット
------------------------------------------------------------
*/
@font-face {
    font-family: 'Shirokuma';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/001Shirokuma-Regular.otf') format('opentype'),
    url('../fonts/001Shirokuma-Regular.woff') format('woff');
}
@font-face {
    font-family: 'M PLUS Rounded 1p';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/rounded-mplus-1p-bold.eot');
    src: url('../fonts/rounded-mplus-1p-bold.woff') format('woff');
}
html, body {
    width: 100%;
}
body {
    font-family: 'M PLUS Rounded 1p','M PLUS Rounded 1c',"メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
    color: #4f3d34;
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
    letter-spacing: 1px;
    -webkit-text-size-adjust: 100%;
}
.win body {
    font-family: 'Noto Sans JP',"メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
}
a, a:link, a:active, a:visited {
    text-decoration: none;
    color: #4f3d34;
    transition:0.3s;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    -ms-transition:0.3s;
}
a:hover {
    color: #4f3d34;
}
a:focus {
    outline: none;
}
a:hover, a:active {
    outline: 0;
}
.opacity:hover {
    filter:alpha(opacity=80); /* IE 6,7*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
    -moz-opacity:0.8; /* FF , Netscape */
    -khtml-opacity: 0.8; /* Safari 1.x */
    opacity:0.8;
    zoom:1; /*IE*/
}
img {
    max-width: 100%;
    height: auto;
}
img[src$=".svg"] {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.sp {
    display: none;
}
.pc {
    display: block;
}

/*
//ベース
------------------------------------------------------------
*/
#container_wrap {
    overflow: hidden;
}
#container {

}
#content {

}
#main {
    float: right;
    width: 72%;
}
#sub {
    float: left;
    width: 23%;
    background: rgba(255,255,255,0.8);
}
#top_main {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 50px 0;
    clear: both;
    overflow: hidden;
}
#top_left{
    width: 50%;
    float: left;
    overflow: hidden;
}
#top_right{
    width: 50%;
    float:right;
    overflow:hidden;
}
#secound {
    clear: both;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    height: 90px;
    background: url(../images/secoundBg.png) no-repeat 0 0;
    padding-bottom: 25px;
}
.section_wrap{
    padding: 5em 0;
}
.section_wrap_l {
    padding: 8em 0;
    position: relative;
}
.section {
    margin: 0 0 5em;
    clear: both;
    overflow: hidden;
}
.low_wrap {
    background: url(../images/bg_wood_l.png)no-repeat left top,url(../images/bg_wood_r.png)no-repeat right top;
}
.inner{
    max-width: 1030px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}
.inner::after {
    content: '';
    display: block;
    clear: both;
}
.inner_lv1 {
    max-width: 830px;
    margin: 0 auto;
}
.inner_lv2 {
    max-width: 1230px;
}
.article img{
    max-height: 600px;
    height: auto;
    width: auto;
    margin: 1em 0;
}



/*
//ヘッダー
------------------------------------------------------------
*/
header {
    clear:both;
    margin:0 auto;
    background: #fafaf7;
    position: relative;
}
header::after {
    content: '';
    width: 100%;
    height: 9%;
    background: url(../images/arc_bottom.png)no-repeat center/cover;
    position: absolute;
    bottom: -9%;
    left: 0;
    z-index: 1;
}
.header_box {
    width: 100%;
    max-width: 1230px;
    padding: 30px 15px 0;
    margin: 0 auto 0;
    overflow: hidden;
    clear:both;
}
#header_left {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 50%;
}
#header_right {
    float: right;
    padding: 15px 0 0 0;
    margin: 0 0 0 0;
    width: 50%;
    text-align: right;
}
.logo {
    margin: 0 0 1.8em;
}
a.btn_vacant{
    position: relative;
    display: inline-block;
}
a.btn_vacant:hover{
    padding: 3px 0 0;
}
#gnavi {
    letter-spacing: -0.4em;
    clear: both;
    margin: 0 0 1em;
}
#gnavi ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
#gnavi li {
    display: inline-block;
    letter-spacing: -0.15em;
    vertical-align: top;
    font-family: 'Shirokuma';
    font-size: 1.5em;
    line-height: 1.3;
    text-align: center;
}
#gnavi li span {
    font-family: 'Patrick Hand SC', cursive;
    font-size: 0.7em;
    letter-spacing: 0.1em;
    color: #5c9c36;
    display: block;
}
#gnavi li a {
    display: block;
    padding: 60px 10px 0;
    position: relative;
}
#gnavi li.nav01 a {
    background: url(../images/icon_navi_01.png)no-repeat top/57px;
}
#gnavi li.nav02 a {
    background: url(../images/icon_navi_02.png)no-repeat top/57px;
}
#gnavi li.nav03 a {
    background: url(../images/icon_navi_03-02.png)no-repeat top/57px;
}
#gnavi li.nav04 a {
    background: url(../images/icon_navi_04.png)no-repeat top/57px;
}
#gnavi li.nav05 a {
    background: url(../images/icon_navi_05.png)no-repeat top/57px;
}
#gnavi li.nav06 a {
    background: url(../images/icon_navi_06.png)no-repeat top right 40%/57px;
}
#gnavi li.nav07 a {
    background: url(../images/icon_navi_07.png)no-repeat top/57px;
}
#gnavi li.current a,
#gnavi li a:hover {
    background-position: center top 5px;
}
#gnavi li.nav06.current a,
#gnavi li.nav06 a:hover {
    background-position: right 40% top 5px;
}
#gnavi li a::before {
    content: '';
    width: 50px;
    height: 23px;
    background: url(../images/icon_star.png)no-repeat center/contain;
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: 0.3s;
    transform: rotateY(90deg);
}
#gnavi li.current a::before,
#gnavi li a:hover::before {
    opacity: 1;
    transform: rotateY(0);
}
.logo {
    text-align:left;
}
.header_navi {
    float: right;
    margin-top: 10px;
}
.header_navi li {
    display: inline;
    padding-right: 5px;
    padding-left: 5px;
    font-size:85%;
}
.header_ttl{
    padding: 0;
}

ul.list_bottom_btn {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10;
    display: flex;
}
ul.list_bottom_btn li {
    position: relative;
}
ul.list_bottom_btn li a {
    display: block;
    padding: 0 0 3px;
}
ul.list_bottom_btn li a:hover {
    padding: 3px 0 0;
}



/*
//フッター
------------------------------------------------------------
*/
footer {
    position: relative;
}
#footer_wrap {
    clear: both;
    width: 100%;
    overflow: hidden;
    background: url(../images/bg_tree.png)no-repeat bottom 2em  left 3%,url(../images/bg_dotted.png)no-repeat center/cover;
    padding: 5em 0 0;
}
#footer {
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    clear:both;
    padding: 0 15px;
    text-align: center;
}
.footer_logo {
    margin: 0 0 20px;
}
.footer_txt_01 {
    color: #5c9c36;
    font-size: 1.07em;
    transform: rotate(0.001deg);
    margin: 0 0 0.5em;
}
.footer_txt_02 {
    font-size: 0.92em;
    transform: rotate(0.001deg);
}
.footer_txt_03 {
    color: #5c9c36;
    font-size: 1.35em;
    line-height: 1.2;
}
.footer_txt_03 span {
    font-size: 1.5em;
}
.footer_txt_03 a {
    color: #5c9c36;
}
.footer_txt_04 {
    color: #5c9c36;
    font-size: 0.92em;
    transform: rotate(0.001deg);
}
.footer_txt_05 {
    font-size: 0.92em;
    transform: rotate(0.001deg);
    margin: 0 0 1.5em;
}
.footer_txt_06 {
    color: #795f49;
    font-size: 0.92em;
    line-height: 1.6;
    transform: rotate(0.001deg);
    margin: 0 0 1em;
}
.copy {
    clear: both;
    font-size: 1.14em;
    font-family: 'Patrick Hand SC', cursive;
    text-align: center;
    padding: 2em 0;
}

/*
5:div
------------------------------------------------------------
*/
.left_col {
    float:left;
    width: 48%;
}
.right_col {
    float:right;
    width: 48%;
}
.left_box {
    float: left;
}
.right_box {
    float: right;
}
.box {
    padding: 2em;
    margin: 0 0 2em;
}
.box::after {
    content: '';
    display: block;
    clear: both;
}
.main_img {
    position: relative;
    background: #fafaf7;
    line-height: 0;
}
.main_img_ttl {
    font-family: "Shirokuma";
    position: absolute;
    z-index: 1;
    top: 33%;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    text-align: center;
    font-size: 3.64em;
    line-height: 1.45;
    letter-spacing: -0.08em;
    text-shadow: 0 0 10px #000,0 0 25px #000,0 0 40px #000;
}
.main_img::after {
    content: '';
    width: 100%;
    height: 2.8%;
    background: url(../images/arc_top.png)no-repeat center/cover;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.main_slider.slick-slider li {
    position: relative;
}
.main_slider.slick-slider li::before {
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(255,255,255,0) 0, rgba(0,0,0,0.2) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.main_slider.slick-slider .slick-dots li::before {
    content: none;
}
.kv_illust {
    position: absolute;
    z-index: 1;
}
@keyframes ani01 {
    to {
        transform: scale(1.1);
    }
}
@keyframes ani02 {
    to {
        transform: rotate(-15deg);
    }
}
@keyframes ani03 {
    to {
        transform: translate(100%,-200%);
    }
}
@keyframes ani04 {
    to {
        transform: rotate(10deg);
    }
}
@keyframes ani05 {
    to {
        transform: rotateY(360deg);
    }
}
@keyframes ani06 {
    to {
        transform: translate(-200%,-100%);
    }
}
@keyframes ani07 {
    to {
        transform: rotate(-10deg);
    }
}
.il01 {
    top: 5%;
    left: 5%;
    width: 13%;
}
.il02 {
    top: 23%;
    left: 12%;
    width: 8%;
}
.il02 img {
    animation: ani01 2s steps(2) infinite;
}
.il03 {
    bottom: 30%;
    left: 3%;
    width: 8%;
}
.il03 img {
    animation: ani02 2s steps(2) infinite;
}
.il04 {
    bottom: 45%;
    left: 9%;
    width: 2.5%;
}
.il04 img {
    animation: ani03 2s steps(2) infinite;
}
.il05 {
    bottom: 20%;
    /* bottom: 12%; */
    left: 8%;
    width: 8%;
}
.il05 img {
    animation: ani04 2s steps(2) infinite;
}
.il06 {
    bottom: 8%;
    left: 22%;
    width: 4.5%;
}
.il06 img {
    animation: ani05 2s steps(2) infinite;
}
.il07 {
    bottom: 9%;
    left: 30%;
    width: 3%;
}
.il07 img {
    animation: ani05 2s steps(2) infinite;
}
.il08 {
    top: 5%;
    right: 5%;
    width: 13%;
}
.il09 {
    top: 30%;
    right: 14%;
    width: 3.6%;
}
.il09 img {
    animation: ani06 2s steps(2) infinite;
}
.il10 {
    top: 40%;
    right: 4%;
    width: 7.5%;
}
.il10 img {
    animation: ani01 2s steps(2) infinite;
}
.il11 {
    bottom: 15%;
    right: 13%;
    width: 7%;
}
.il11 img {
    animation: ani04 2s steps(2) infinite;
}
.il12 {
    bottom: 13%;
    right: 7.5%;
    width: 5%;
}
.il12 img {
    animation: ani07 2s steps(2) infinite;
}
.il13 {
    bottom: 8%;
    right: 22%;
    width: 4.5%;
}
.il13 img {
    animation: ani05 2s steps(2) infinite;
}
.il14 {
    bottom: 9%;
    right: 30%;
    width: 3%;
}
.il14 img {
    animation: ani05 2s steps(2) infinite;
}

.map {
    position: relative;
    margin: 0 0 15px;
}
.map::before{
    content: '';
    display: block;
    padding: 44% 0 0;
}
.map > iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.calendar {
    position: relative;
    width: 100%;
    max-width: 800px; /* 最大幅 */
    margin: 2.0833% auto 50px;
    overflow: hidden;
}
.calendar::before {
    content: '';
    display: block;
    padding: 75% 0 0;
    height: 0;
}
.calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.center {
    text-align: center;
    margin: 0 auto;
}

/*
6:ul
------------------------------------------------------------
*/
.blog_wrap {
    position: relative;
}
@keyframes hop {
    50% {
        transform: translateY(-2px);
    }
}
.list_blog {
    clear: both;
    margin: 0 -3% -5% 0;
    letter-spacing: -.5em;
}
.list_blog li {
    margin: 0 3% 5% 0;
    width: 22%;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    position: relative;
    z-index: 1;
    background: rgba(255,255,255,0.8);
}
.list_blog.col_3 li {
    width: 30.33%;
}
.list_blog li a {
    display: block;
}
.list_blog li a:hover dt {
    animation: hop 0.4s;
}
.list_blog dt {
    margin: 0 0 5px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.list_blog dt::before {
    content: '';
    display: block;
    padding: 66% 0 0;
}
.list_blog dt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
}
.list_blog dd {
    text-align: center;
}
.blog_day {
    color: #5c9c36;
    font-family: 'Patrick Hand SC', cursive;
    font-size: 1.14em;
    letter-spacing: 0.05em;
}
.blog_ttl {
    line-height: 1.7;
    transform: rotate(0.001deg);
}
.list_works {
    margin: 0 -2% 0 0;
    letter-spacing: -.5em;
}
.list_works li{
    margin: 0 2% 2em 0;
    width: 30%;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}
.list_works li img{
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}
.list_info {
    border-top: #000 3px solid;
    border-bottom: #000 3px solid;
    padding: 16px 0 8px;
    margin-bottom: 25px;
}
ul.list_info li {
    background-size: 10px;
    padding: 0 0 30px;
}
ul.list_photo {
    margin: 0 -2% 0 0;
    letter-spacing: -.5em;
}
ul.list_photo li {
    margin: 0 2% 2em 0;
    width: 30%;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    text-align: center;
    text-align: right;
}
.list_two li {
    width: 48%;
    margin-right: 4%;
}
.list_two li:last-child {
    margin-right: 0;
}
.list_three li {
    width: 30%;
    margin-right: 5%;
}
.list_three li:last-child {
    margin-right: 0;
}
.list_four li {
    width: 22%;
    margin-right: 4%;
}
.list_four li:last-child {
    margin-right: 0;
}
.list_five li {
    width: 18%;
    margin-right: 2.5%;
}
.list_five li:last-child {
    margin-right: 0;
}

.list_category {
    margin: 0 0 2em;
}
.list_category li {
    font-size: 1.14em;
    line-height: 1.5;
    margin: 0 0 0.8em;
    transform: rotate(0.001deg);
}
.list_category li a {
    display: inline-block;
    padding: 0 0 0 1em;
    text-indent: -1em;
}
.list_category li a:hover {
    opacity: 0.7;
}
.list_category li a::before {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #5c9c36;
    margin: 0 0.5em 0 0;
}
.side_hr {
    margin: 1em 0;
    height: 2px;
    background: url(../images/dot.png)repeat-x left/6px;
}
ul.list_blog_side {
    margin: 0 0 2em;
}
ul.list_blog_side li {
    font-size: 0.92em;
    line-height: 1.5;
    transform: rotate(0.001deg);
    margin: 0 0 1em;
}
ul.list_blog_side li a {
    display: inline-block;
}
ul.list_blog_side li a:hover {
    opacity: 0.7;
}
ul.list_blog_side li span {
    color: #5c9c36;
    font-family: 'Patrick Hand SC', cursive;
    font-size: 1.07em;
    display: block;
}

ul.list_year li a {
    color: #5c9c36;
    font-family: 'Patrick Hand SC', cursive;
    font-size: 1.35em;
}
ul.list_year li a:hover {
    opacity: 0.7;
}
ul.list_year li a::before {
    content: '- ';
}

ul.list_news {
    background: url(../images/dot_b.png)repeat-x left top/6px;
}
ul.list_news li {
    overflow: hidden;
    background: url(../images/dot_b.png)repeat-x left bottom/6px;
}
ul.list_news li a {
    display: block;
    padding: 1.2em 0;
}
ul.list_news li a:hover {
    color: #5c9c36;
}
ul.list_news li dt {
    float: left;
    width: 100px;
    color: #5c9c36;
    font-family: 'Patrick Hand SC', cursive;
    font-size: 1.21em;
    line-height: 1.2;
}
ul.list_news li dd {
    line-height: 1.5;
    margin: 0 0 0 100px;
}


/*
7:dl
------------------------------------------------------------
*/
.dlist_about {
    margin: 0 5% 0 0;
    letter-spacing: -1em;
}
.dlist_about dt {
    float: left;
    width: 48%;
}
.dlist_about dd {
    float: right;
    width: 48%;
}


/*
8:table
------------------------------------------------------------
*/
.common_table {
    width: 100%;
}
.common_table th {
    vertical-align: top;
    text-align: left;
    color: #5c9c36;
    font-size: 1.07em;
    transform: rotate(0.001deg);
    padding: 0 1em 0.5em 0;
    width: 8em;
}
.common_table td {
    vertical-align: top;
    padding: 0 0 0.5em;
}
.common_table tr:last-child th,
.common_table tr:last-child td {
    padding-bottom: 0;
}



/*
9:タイトル
------------------------------------------------------------
*/
.top_ttl_wrap {
    padding: 8em 0 0;
}
.top_ttl {
    font-family: "Shirokuma";
    font-size: 3em;
    letter-spacing: -0.05em;
    line-height: 1.1;
    padding: 70px 0 0;
    text-align: center;
}
.top_ttl span {
    font-family: 'Patrick Hand SC', cursive;
    font-size: 0.78em;
    letter-spacing: 0.1em;
    color: #5c9c36;
    display: block;
}
.top_ttl.about {
    background: url(../images/icon_navi_01.png)no-repeat top/57px;
}
.top_ttl.cottage {
    background: url(../images/icon_navi_02.png)no-repeat top/57px;
}
.top_ttl.bbq-tennis {
    background: url(../images/icon_navi_03-02.png)no-repeat top/57px;
}
.top_ttl.activity {
    background: url(../images/icon_navi_04.png)no-repeat top/57px;
}
.top_ttl.price {
    background: url(../images/icon_navi_05.png)no-repeat top/57px;
}
.top_ttl.access {
    background: url(../images/icon_navi_07.png)no-repeat top/57px;
}
.top_ttl.contact {
    background: url(../images/icon_navi_08.png)no-repeat top/56px;
}
.top_ttl.reservation {
    background: url(../images/icon_navi_09.png)no-repeat top/56px;
}
.top_ttl.vacancy {
    background: url(../images/icon_navi_10.png)no-repeat top/56px;
}
.low_main_ttl {
    font-size: 2em;
    font-weight: bold;
    padding: 1em;
}
.main_ttl {
    font-size: 1.6em;
    font-weight: bold;
    margin: 0 0 1em;
    padding: 0 0 0.8em;
    position: relative;
}
.main_ttl::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: #000;
}
.sub_ttl {
    font-size: 2em;
    text-align: center;
    margin: -1em 0 2em;
}
.sub_ttl.mt_none {
    margin: 0 0 2em;
}
.sub_ttl_s {
    font-size: 1.42em;
    text-align: center;
    margin: 0 0 2em;
}

.center_ttl {
    font-family: "Shirokuma";
    font-size: 2.71em;
    letter-spacing: -0.05em;
    line-height: 1.7;
    text-align: center;
    margin: 0 0 1em;
}
span.shirokuma {
    letter-spacing: -0.45em;
    margin: 0 0.4em 0 0;
}

.dot_ttl {
    color: #5c9c36;
    font-size: 1.28em;
    padding: 0 0 0.5em;
    margin: 0 0 1.5em;
    background: url(../images/dot.png)repeat-x left bottom/6px;
    transform: rotate(0.001deg);
}
.dot_ttl.red {
    color: #c03d34;
    background: url(../images/dot_r.png)repeat-x left bottom/6px;
}
.dot_ttl span {
    color: #4f3d34;
    font-size: 0.92em;
}
.dot_ttl span.txt_clr_red {
    color: #c03d34;
    font-size: 1em;
}
.dot_ttl span.circle {
    background: #5c9c36;
    color: #fff;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 1.5;
    border-radius: 50%;
    margin: 0 0 0 5px;
    text-align: center;
}

.side_ttl {
    color: #5c9c36;
    font-family: 'Patrick Hand SC', cursive;
    font-size: 1.85em;
    line-height: 1.2;
    letter-spacing: 0.06em;
    margin: 0 0 0.5em;
}


/*
10：装飾
------------------------------------------------------------
*/
.bg_beige {
    background: #fafaf7;
}
.bg_cloud_top {
    background: url(../images/bg_cloud_b.png)repeat-y top/100%;
}
.bg_cloud_b {
    background: url(../images/bg_cloud_b.png)repeat-y center top 100px/100%;
}
.bg_cloud_w {
    background: #fafaf7 url(../images/bg_cloud_w.png)repeat-y center top 100px/100%;
}

.txt_clr_gray {
    color: #ccc;
}
.txt_clr_white  {
    color: #fff;
}
.txt_clr_black {
    color: #000;
}
.txt_clr_red {
    color: #c63d34;
}

.txt15 {
    font-size: 1.07em;
    transform: rotate(0.001deg);
}




/*
11:ボタン系
------------------------------------------------------------
*/
#page-top {
  position: absolute;
  top: 30px;
  right: 20px;
  z-index: 2;
  width: 60px;
  height: 58px;
  background: url(../images/page_top.png) no-repeat center/cover;
  }
ul.list_btn {
    letter-spacing: -0.4em;
    margin: 3em -2% 3px 0;
    text-align: center;
}
ul.list_btn li {
    display: inline-block;
    max-width: 240px;
    width: 48%;
    margin: 0 2% 0 0;
    letter-spacing: 0.01em;
    vertical-align: middle;
}
a.button {
    background: #4f3d34 url(../images/arrow_g.png)no-repeat center right 1em/8px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 1.5;
    max-width: 240px;
    padding: 1.2em;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}
a.button:hover {
    background: #4f3d34 url(../images/arrow_w.png)no-repeat center right 1em/8px;
    box-shadow: 2px 3px 0 0 rgba(0,0,0,0.2);
}
a.button span {
    transform: rotate(0.001deg);
    display: block;
    padding: 0 0.5em 0 0;
}
a.button_back {
    background: #4f3d34 url(../images/arrow_left_g.png)no-repeat center left 1em/8px;
}
a.button_back:hover {
    background: #4f3d34 url(../images/arrow_left_w.png)no-repeat center left 1em/8px;
}
a.button_back span {
    padding: 0 0 0 0.5em;
}
a.button_b {
    margin: 0 auto;
    background: #795f49 url(../images/arrow_w.png)no-repeat center right 1em/8px;
}
a.button_b:hover {
    background: #795f49 url(../images/arrow_g.png)no-repeat center right 1em/8px;
}
a.magnify {
    display: block;
    position: relative;
}
a.magnify::after {
    content: '';
    width: 36px;
    height: 40px;
    background: url(../images/icon_plus.png)no-repeat center/contain;
    position: absolute;
    bottom: 10px;
    right: 10px;
    transform: scale(1);
    transition: 0.1s;
}
a.magnify:hover::after {
    transform: scale(1.1);
}
a.cosbon_button {
    background: #fff;
    display: block;
    text-align: center;
    line-height: 1.5;
    max-width: 260px;
    padding: 1.2em;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    margin: 2em auto 0;
}
a.cosbon_button:hover {
    box-shadow: 2px 3px 0 0 rgba(0,0,0,0.1);
}


/*
12:その他パーツ
------------------------------------------------------------
*/
.fit {
  object-fit: cover;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;'; }
#breadcrumbList {
    margin: 0;
    font-size: 0.92em;
    padding: 3em 15px 0;
}
#breadcrumbList span span {
    transform: rotate(0.001deg);
}
.alignleft {
    float: left;
    padding: 0 15px 15px 0;
}
.alignright {
    float: right;
    padding: 0 0 15px 15px;
}
.aligncenter {
    display: block;
    margin:0 auto 20px;
}
.photoL {
    float: left;
    padding: 0 15px 15px 0;
}
.photoL p {
    overflow: auto;
}
.photoR {
    float: right;
    padding: 0 0 15px 15px;
}
.photoR p {
    overflow: auto;
}
.center_txt {
    text-align: center;
    font-size: 1.07em;
    transform: rotate(0.001deg);
}
.tel {
    color: #5c9c36;
    text-align: center;
    font-size: 1.71em;
    line-height: 1.2;
    margin: -1em 0 0;
    transform: rotate(0.001deg);
}
.tel span {
    font-size: 1.5em;
}
.tel a {
    color: #5c9c36;
}
.tel_note_01 {
    color: #5c9c36;
    text-align: center;
    transform: rotate(0.001deg);
}
.tel_note_02 {
    text-align: center;
    transform: rotate(0.001deg);
}


/*
13:コンタクトフォーム
------------------------------------------------------------
*/
.form_wrap {
    transform: rotate(0.001deg);
}
table.contact_form {
    margin: 0 0 2em;
    width: 100%;
}
table.contact_form th {
    width: 220px;
    padding: 1em 1em 1em 0;
    text-align: left;
    vertical-align: top;
    color: #5c9c36;
    transform: rotate(0.001deg);
}
table.contact_form td {
    padding: 1em 0;
    vertical-align: top;
    transform: rotate(0.001deg);
}
table.contact_form td p{
    line-height: 1.5;
    font-size: 0.92em;
}
input, textarea, select{
    padding:8px;
    line-height: 1.5;
    border-radius:5px;
    border:solid 1px #f6f5f5;
    background: #f6f5f5;
    margin: 0 0 5px;
}
input[type="text"] {
    width: 100%;
}
input.input_s {
    max-width: 15em;
}
input.input_xs {
    max-width: 3em;
}
input[type="email"] {
    width: 100%;
    margin: 0 0 0.5em;
}
textarea {
    width: 100%;
    height: 12em;
}
textarea.text_s {
    height: 5em;
}
.ck_note {
    margin: 1em 0;
}
.ck_box {
    margin: 0 0 2em;
}

/*------------------------
    MWフォーム用
--------------------------*/
.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] {
    max-width: 5em;
}

.mw_wp_form table.contact_form .error {
    display: inline-block;
}

.mw_wp_form_confirm .form_note {
    display: none;
}

.check_txt {
    display: none;
}
.mw_wp_form_confirm .check_txt {
    display: block;
    text-align: center;
    font-size: 1.07em;
    transform: rotate(0.001deg);
    margin: 0 0 2em;
}

.submit_box{
    width: 100%;
    text-align: center;
}
.submit,
.back {
    font-weight: 600;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 1.5;
    max-width: 240px;
    width: 48%;
    padding: 1.2em 0.5em;
    border: none;
    border-radius: 50px;
    margin: 0 5px;
    transition: 0.3s;
}
.submit:hover {
    background: #4f3d34 url(../images/arrow_w.png)no-repeat center right 1em/8px;
    box-shadow: 2px 3px 0 0 rgba(0,0,0,0.2);
}
.back:hover{
    background: #4f3d34 url(../images/arrow_left_w.png)no-repeat center left 1em/8px;
    box-shadow: 2px 3px 0 0 rgba(0,0,0,0.2);
}
.submit {
    background: #4f3d34 url(../images/arrow_g.png)no-repeat center right 1em/8px;
}
.back{
    background: #4f3d34 url(../images/arrow_left_g.png)no-repeat center left 1em/8px;
}
#datepicker {
    width: 40%;
}
.required {
    font-size: 0.92em;
    display: inline-block;
    line-height: 1.5;
    background: #C63D34;
    color: #fff;
    border-radius: 3px;
    padding: 0 0.2em;
    margin: 0 0 0 0.2em;
}


/*
14:ワードプレス
------------------------------------------------------------
*/
.wp-pagenavi {
  padding: 0 !important;
  display:block !important;
  clear:both !important;
    text-align: center;
    margin: 3em 0 0;
    font-size: 1.14em;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
    display: inline-block;
    color:#4f3d34 !important;
    padding:4px 8px !important;
    border:none !important;
    background:transparent !important;
    margin-right:5px !important;
    text-decoration:none !important;
}
.wp-pagenavi a:hover {
    display: inline-block;
    background:transparent !important;
    opacity: 0.7;
}
 .wp-pagenavi span.current{
    display: inline-block;
    padding:4px 8px !important;
    border-color: transparent !important;
    border-bottom: 1px solid #4f3d34 !important;
    margin-right:5px !important;
    background:transparent !important;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
    color: #5c9c36 !important;
    font-size: 1.3em;
}


.content-form select {
    width: 100%;
}
.monthly-calendar .day-box {
    background: #fff;
}
.monthly-calendar .day-box.no-day {
    background: #fafaf7;
}
.monthly-calendar table {
    margin: 0 0 1em;
}
.monthly-prev a::before {
    content: '\f0d9';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin: 0 0.5em 0 0;
}
.monthly-next a::after {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin: 0 0 0 0.5em;
}
#action-button button {
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 1.5;
    max-width: 240px;
    width: 48%;
    padding: 1.2em 0.5em;
    border: none;
    border-radius: 50px;
    margin: 0 5px;
    transition: 0.3s;
    background: #4f3d34 url(../images/arrow_g.png)no-repeat center right 1em/8px;
}
#action-button button:hover {
    background: #4f3d34 url(../images/arrow_w.png)no-repeat center right 1em/8px;
    box-shadow: 2px 3px 0 0 rgba(0,0,0,0.2);
}

/*
15:マージン・パディング
------------------------------------------------------------
*/
.m0 {
    margin-bottom: 0;
}
.m05 {
    margin-bottom: 5px;
}
.m10 {
    margin-bottom: 10px;
}
.m12 {
    margin-bottom: 12px;
}
.m15 {
    margin-bottom: 15px;
}
.m20 {
    margin-bottom: 20px;
}
.m30 {
    margin-bottom: 30px;
}
.pm05 {
    margin: 0 0 0.5em;
}
.pm10 {
    margin: 0 0 1em;
}
.pm15 {
    margin: 0 0 1.5em;
}
.pm20 {
    margin: 0 0 2em;
}


/*
16:Pagination
------------------------------------------------------------
*/
.list_pagination {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: space-between;
    font-family: 'Patrick Hand SC', cursive;
    font-size: 1.28em;
}
.list_pagination li a:hover {
    color: #5c9c36;
}
.list_pagination li.prev a i {
    color: #5c9c36;
    margin: 0 0.5em 0 0;
}
.list_pagination li.next a i {
    color: #5c9c36;
    margin: 0 0 0 0.5em;
}

/*top
------------------------------------------------*/
.news_wrap {
    display: flex;
    position: relative;
}
.info_ttl {
    font-family: "Shirokuma";
    font-size: 2em;
    letter-spacing: -0.05em;
    line-height: 1.2;
    display: inline-block;
    width: 140px;
    float: left;
    margin: 0 0 1em;
}
.info_ttl span {
    font-family: 'Patrick Hand SC', cursive;
    font-size: 0.78em;
    letter-spacing: 0.1em;
    color: #5c9c36;
    display: block;
}
ul.list_news_top {
    float: left;
    width: calc(100% - 240px);
    margin: 0 0 -0.5em;
}
ul.list_news_top li {
    overflow: hidden;
    line-height: 1.5;
    margin: 0 0 0.5em;
}
ul.list_news_top li a {
    display: block;
}
ul.list_news_top li a:hover {
    opacity: 0.7;
}
ul.list_news_top dt {
    font-family: 'Patrick Hand SC', cursive;
    font-size: 1.14em;
    color: #5c9c36;
    width: 90px;
    float: left;
}
ul.list_news_top dd {
    margin: 0 0 0 90px;
    transform: rotate(0.001deg);
}
a.btn_news_more {
    font-family: 'Patrick Hand SC', cursive;
    font-size: 1.57em;
    line-height: 1.2;
    letter-spacing: 0.08em;
    color: #5c9c36;
    padding: 0 15px 0 0;
    background: url(../images/arrow_g.png)no-repeat right/8px;
    height: 1.2em;
    display: inline-flex;
    position: absolute;
    right: 0;
    bottom: 0;
}
a.btn_blog_more {
    font-family: 'Patrick Hand SC', cursive;
    font-size: 1.57em;
    line-height: 1.2;
    letter-spacing: 0.08em;
    color: #5c9c36;
    padding: 0 15px 0 0;
    background: url(../images/arrow_g.png)no-repeat right/8px;
    height: 1.2em;
    display: inline-flex;
    position: absolute;
    right: 0;
    top: 1em;
}
a.btn_news_more::after,
a.btn_blog_more::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #5c9c36;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.5s;
}
a.btn_news_more:hover::after,
a.btn_blog_more:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
}
.top01 {
    background: url(../images/bg_wood_l.png)no-repeat left top,url(../images/bg_wood_r.png)no-repeat right top;
    position: relative;
}
.grass {
    position: absolute;
}
.grass img {
    animation: ani05 2s steps(2) infinite;
}
.il15 {
    bottom: 6em;
    left: 2%;
}
.il16 {
    bottom: 4em;
    left: 8%;
}
.il17 {
    bottom: 6em;
    right: 2%;
}
.il18 {
    bottom: 4em;
    right: 8%;
}
ul.list_point_top {
    letter-spacing: -0.4em;
    margin: 0 -2% 3em 0;
}
ul.list_point_top li {
    display: inline-block;
    width: 23%;
    margin: 0 2% 0 0;
    text-align: center;
    letter-spacing: 0.01em;
    vertical-align: top;
}
p.list_point_top_num {
    background: #e6c349;
    display: inline-block;
    padding: 0.2em 1em;
    color: #fff;
    font-family: 'Patrick Hand SC', cursive;
    font-size: 1.71em;
    letter-spacing: 0.06em;
    line-height: 1;
    border-radius: 5px;
    margin: 0 0 10px;
    position: relative;
    z-index: 1;
}
p.list_point_top_num span {
    margin: 0 0 0 0.1em;
}
p.list_point_top_txt {
    font-size: 1.14em;
    line-height: 1.62;
    transform: rotate(0.001deg);
}
.top_pointframe_img {
    margin: 0 0 -20px;
    overflow: hidden;
    position: relative;
    padding: 4%;
    background: url(../images/top_point_frame.png)no-repeat center/contain;
}
.top_pointframe_img::before {
    content: '';
    display: block;
    padding: 100% 0 0;
}
.top_pointframe_img img {
    position: absolute;
    top: 4%;
    left: 4%;
    border-radius: 400px;
    width: calc(100% - 8%);
    height: calc(100% - 8%);
}

.top02 {
    position: relative;
    background: url(../images/bg_cloud_l.png)no-repeat left top 60px,url(../images/bg_cloud_r.png)no-repeat right top 60px #fafaf7;
}
.leaf_ttl {
    font-family: "Shirokuma";
    font-size: 2.71em;
    line-height: 1;
    letter-spacing: -0.06em;
    text-align: center;
    margin: 0 0 1.2em;
    position: relative;
    z-index: 1;
}
.leaf_ttl.mb_none {
    margin: 0;
}
.leaf_ttl > span {
    padding: 0 74px;
    display: inline-block;
    background: url(../images/leaf_l.png)no-repeat top 0.3em left,url(../images/leaf_r.png)no-repeat top 0.3em right;
    background-size: 62px auto;
}
.leaf_ttl span span {
    font-family: 'Patrick Hand SC', cursive;
    font-size: 0.63em;
    letter-spacing: 0.1em;
    color: #5c9c36;
}
ul.list_top_cottage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -5px 4em 0;
}
ul.list_top_cottage li {
    margin: 0 5px 0 0;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    width: calc(25% - 5px);
}
ul.list_top_cottage li a {
    display: block;
}
ul.list_top_cottage li a:hover {
    opacity: 0.8;
}
ul.list_top_cottage li img {
    margin: 0 0 10px;
}
ul.list_top_cottage li p {
    font-size: 1.14em;
    transform: rotate(0.001deg);
}
.top03 {
    position: relative;
    background: url(../images/bg_dotted_mark.png)no-repeat top -90px right -45px,url(../images/bg_dotted_mark.png)no-repeat bottom -90px left -45px;
}
.top03::before {
    content: '';
    width: 45%;
    height: calc(100% - 200px);
    position: absolute;
    top: 100px;
    right: 0;
    border-radius: 80px 0 0 80px;
}
.top03_l {
    width: 53%;
    float: left;
}
.top03_l p {
    font-size: 1.07em;
    transform: rotate(0.001deg);
    margin: 0 0 3em;
}
.left_ttl {
    font-family: "Shirokuma";
    font-size: 2.71em;
    letter-spacing: -0.05em;
    line-height: 1.6;
    margin: 0 0 0.5em;
}
.left_ttl span {
    letter-spacing: -0.45em;
}
ul.list_top_menu {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4% 0 0;
    letter-spacing: -0.4em;
}
ul.list_top_menu li {
    width: 29.33%;
    margin: 0 4% 0 0;
    vertical-align: top;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}
ul.list_top_menu li:hover {
    animation: hop 0.4s;
}
ul.list_top_menu li a {
    display: block;
}
ul.list_top_menu li a::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(79,61,52,0.2);
    position: absolute;
    top: 0;
    left: 0;
}
ul.list_top_menu img {
    width: 100%;
}
ul.list_top_menu li p {
    margin: 0;
    font-family: "Shirokuma";
    font-size: 1.64em;
    line-height: 1.1;
    text-align: center;
    position: absolute;
    color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 8px #000, 0 0 20px #000;
    border-radius: 50%;
    overflow: hidden;
    transition: 0.3s;
}

.circle_ttl {
    font-family: "Shirokuma";
    font-size: 3.14em;
    line-height: 1.4;
    letter-spacing: -0.05em;
    text-align: center;
    background: url(../images/dotted_circle.png)no-repeat center;
    padding: 1.3em 0;
}
.circle_ttl span {
    letter-spacing: -0.2em;
}
.top04 {
    background: url(../images/bg_flag_l.png)no-repeat left 50px top 50px, url(../images/bg_flag_r.png)no-repeat right 50px top 50px, url(../images/bg_cloud_l.png)no-repeat left bottom 45%,url(../images/bg_cloud_r.png)no-repeat right top 45% #fafaf7;
}
.top04 .inner {
    position: relative;
}
ul.list_season {
    letter-spacing: -0.4em;
    margin: 0 -2% 5% 0;
}
ul.list_season li {
    display: inline-block;
    width: 23%;
    margin: 0 2% 0 0;
    padding: 5% 0 0 0;
    letter-spacing: 0;
    vertical-align: top;
}
ul.list_season li:first-child,
ul.list_season li:last-child {
    padding: 0;
}
ul.list_season li p {
    font-family: 'Shirokuma';
    font-size: 3em;
    line-height: 1;
    padding: 0.4em 0;
    color: #fff;
    margin: 0 auto -50px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.spring p {
    background: url(../images/icon_spring.png)no-repeat center/76px;
}
.summer p {
    background: url(../images/icon_summer.png)no-repeat center/76px;
}
.autumn p {
    background: url(../images/icon_autumn.png)no-repeat center/76px;
}
.winter p {
    background: url(../images/icon_winter.png)no-repeat center/76px;
}
.list_season_frame {
    margin: 0;
    overflow: hidden;
    position: relative;
}
.spring .list_season_frame {
    background: url(../images/top_spring_frame.png)no-repeat center/contain;
}
.summer .list_season_frame {
    background: url(../images/top_summer_frame.png)no-repeat center/contain;
}
.autumn .list_season_frame {
    background: url(../images/top_autumn_frame.png)no-repeat center/contain;
}
.winter .list_season_frame {
    background: url(../images/top_winter_frame.png)no-repeat center/contain;
}
.list_season_frame::before {
    content: '';
    display: block;
    padding: 100% 0 0;
}
.list_season_frame img {
    position: absolute;
    top: 5%;
    left: 5%;
    border-radius: 400px;
    width: calc(100% - 10%);
    height: calc(100% - 10%);
}
ul.list_top_photo {
    letter-spacing: -0.4em;
    margin: 0 -2% 0 0;
}
ul.list_top_photo li {
    display: inline-block;
    width: 18%;
    margin: 0 2% 0 0;
    vertical-align: top;
}
ul.list_top_photo li:nth-child(odd) {
    padding: 5% 0 0 0;
}
.list_top_photo_frame {
    margin: 0;
    overflow: hidden;
    position: relative;
    background: url(../images/top_img_frame.png)no-repeat center/contain;
}
.list_top_photo_frame::before {
    content: '';
    display: block;
    padding: 100% 0 0;
}
.list_top_photo_frame img {
    position: absolute;
    top: 4%;
    left: 4%;
    border-radius: 400px;
    width: calc(100% - 8%);
    height: calc(100% - 8%);
}
.il19 {
    position: absolute;
    top: 59%;
    left: 15%;
    width: 7%;
}
.il19 img {
    animation: ani07 2s steps(2) infinite;
}
.il20 {
    position: absolute;
    width: 6%;
    top: 62%;
    right: 15%;
}
.il20 img {
    animation: ani04 2s steps(2) infinite;
}
.top05 {
    position: relative;
}

/*下層
------------------------------------------------*/
.list_mutual {
    overflow: hidden;
    margin: 0 0 -6em;
}
.list_mutual li {
    max-width: 1100px;
    overflow: hidden;
    clear: both;
    margin: 0 0 6em;
}
.list_mutual li:nth-child(odd) {
    float: right;
}
.mutual_img {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}
.mutual_desc {
    width: 55%;
    margin: 1.5em 0 0;
}
.list_mutual li:nth-child(odd) .mutual_img {
    float: right;
}
.list_mutual li:nth-child(even) .mutual_img {
    float: left;
}
.list_mutual li:nth-child(odd) .mutual_desc {
    float: left;
}
.list_mutual li:nth-child(even) .mutual_desc {
    float: right;
}
.mutual_ttl {
    font-size: 2em;
    line-height: 1.7;
    margin: 0 0 1em;
}
.mutual_txt {
    font-size: 1.07em;
    line-height: 2;
    transform: rotate(0.001deg);
}
.mutual_note {
    font-size: 0.92em;
    margin: 1em 0 0;
}
.mutual_sub_ttl {
    font-size: 1.42em;
    margin: 1em 0 0;
}
a.link {
    color: #5c9c36;
    text-decoration: underline;
}
.box_w_l {
    background: #fff;
    padding: 80px;
    border-radius: 10px;
}
.box_b {
    background: #fafaf7;
    padding: 1em;
    border-radius: 5px;
}
.box_b_l {
    background: #fafaf7;
    padding: 80px;
    border-radius: 10px;
}

/*about
------------------------------------------------*/
.list_child-friendly {
    letter-spacing: -0.4em;
    margin: 5em -1.33% 0 0;
}
.list_child-friendly li {
    display: inline-block;
    width: 32%;
    margin: 0 1.33% 0 0;
    vertical-align: top;
    letter-spacing: 0.01em;
    text-align: center;
}
.list_child-friendly li:nth-child(2),
.list_child-friendly li:nth-child(5) {
    padding: 4em 0 0;
}
.list_child-friendly li img {
    margin: 0 0 10px;
}
.list_child-friendly li p {
    font-size: 1.14em;
}

/*cottage
------------------------------------------------*/
.list_col_02 {
    letter-spacing: -0.4em;
    margin: 0 -3.8% -3.8% 0;
    clear: both;
}
.list_col_02 li {
    display: inline-block;
    width: 46.2%;
    margin: 0 3.8% 3.8% 0;
    letter-spacing: 0.01em;
    vertical-align: top;
}
.list_col_02 li.one {
    margin: 0 53.8% 3.8% 0;
}
.list_col_02_img {
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 15px;
}
.list_col_02_ttl {
    text-align: center;
    font-size: 1.28em;
    margin: 0 0 0.3em;
    transform: rotate(0.001deg);
}
.list_col_02_ttl.green,
.list_col_02_ttl.green a {
    color: #5c9c36;
}
.list_col_02_ttl.green a:hover {
    text-decoration: underline;
}
.list_col_02_ttl.green i {
    margin: 0 0 0 0.2em;
}
.list_col_02_ttl span {
    background: #4f3d34;
    color: #fff;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 1.5;
    border-radius: 50%;
    margin: 0 0 0 5px;
}
.list_col_02_txt {
    text-align: center;
    font-size: 1.07em;
    transform: rotate(0.001deg);
}
.list_col_02_txt a {
    color: #5c9c36;
    text-decoration: underline;
}
.list_col_02 a.button {
    margin: 1.5em auto 0;
}
.list_cottage_wrap {
    max-width: 800px;
    margin: 0 auto;
}
.list_col_02_note {
    font-size: 1.07em;
    text-align: center;
    margin: 3em 0;
    transform: rotate(0.001deg);
}
.cottage_box {
    background: #fafaf7;
    padding: 80px;
    margin: 0 0 8em;
    border-radius: 10px;
    overflow: hidden;
}
.cottage_box_l {
    float: left;
    width: 67%;
    margin: 0 0 3em;
}
.cottage_box_r {
    float: right;
    width: 28%;
    margin: 0 0 3em;
}
.cottage_box_txt {
    font-size: 1.07em;
    line-height: 2;
    margin: 0 0 1em;
    transform: rotate(0.001deg);
}
.cottage_box_note {
    font-size: 0.92em;
    margin: 0 0 1em;
    transform: rotate(0.001deg);
}
.cottage_box_note a {
    text-decoration: underline;
}
.cottage_box_att {
    padding: 1em;
    background: #fff;
    font-size: 0.92em;
    border-radius: 5px;
    transform: rotate(0.001deg);
}
.number {
    margin: 0 0 1em;
}
.number span {
    font-size: 1.07em;
    background: #e6c349;
    display: inline-block;
    padding: 0.2em 0.5em;
    border-radius: 4px;
    transform: rotate(0.001deg);
}
.list_cottage_det {
    margin: 0 0 -3em;
}
.list_cottage_det > li {
    margin: 0 0 3em;
}
.dlist_facility_det dt {
    color: #5c9c36;
    font-size: 1.07em;
    line-height: 1.6;
    transform: rotate(0.001deg);
    width: 110px;
    float: left;
    clear: left;
    margin: 0 0 1.5em;
}
.dlist_facility_det dd {
    margin: 0 0 1.5em 110px;
    line-height: 1.6;
}
.dlist_facility_det dd p {
    transform: rotate(0.001deg);
}
.cottage_att {
    background: #fcf9ed;
    padding: 1.5em 3em;
    margin: 3em 0 4em;
    border-radius: 5px;
}
.cottage_att p {
    font-size: 0.85em;
    line-height: 1.6;
    transform: rotate(0.001deg);
}
.cottage_att p a {
    color: #5c9c36;
    text-decoration: underline;
}
.log_box {
    background: #fcf9ed;
    padding: 30px 80px;
    margin: 0 0 20px;
    border-radius: 10px;
}
.log_box p {
    transform: rotate(0.001deg);
    text-align: center;
    line-height: 1.7;
}
.log_box_note {
    font-size: 1.14em;
    margin: 1em 0;
}
.classic_note {
    background: #fcf9ed;
    font-size: 1.07em;
    text-align: center;
    padding: 22.5% 1em;
    border-radius: 10px;
    transform: rotate(0.001deg);
}

/*BBQ tennis
------------------------------------------------*/
.list_anc {
    letter-spacing: -0.4em;
    margin: 0 -2% 2em 0;
    text-align: center;
}
.list_anc li {
    display: inline-block;
    width: 23%;
    margin: 0 2% 0 0;
    letter-spacing: 0.01em;
    vertical-align: top;
    text-align: center;
    border: 2px solid #4f3d34;
    border-radius: 10px;
}
.list_anc li a {
    display: block;
    padding: 1em 0.5em 2em;
    background: url(../images/arrow_down_g.png)no-repeat center bottom 10px/10px;
}
.list_anc li a:hover {
    background: #4f3d34 url(../images/arrow_down_g.png)no-repeat center bottom 10px/10px;
    color: #fff;
}
.list_anc li span {
    display: inline-block;
    line-height: 1.3;
    font-size: 1.28em;
    transform: rotate(0.001deg);
}
.photo_txt {
    font-size: 1.07em;
    line-height: 2;
    text-align: center;
    margin: 0 0 2em;
    transform: rotate(0.001deg);
}
.photo {
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 50px;
}
.rental_box {
    padding: 30px 80px;
    background: #fff;
    overflow: hidden;
}
.rental_box dl {
    overflow: hidden;
    font-size: 1.07em;
    position: relative;
}
.rental_box dt {
    float: left;
    color: #5c9c36;
    background: #fff;
    display: inline-block;
    position: relative;
    padding: 0 0.5em 0 0;
}
.rental_box dl::before {
    content: '';
    width: 100%;
    height: 2px;
    background: url(../images/dot.png)repeat-x left/6px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.rental_box dd {
    float: right;
    background: #fff;
    display: inline-block;
    position: relative;
    padding: 0 0 0 0.5em;
}
.rental_box p {
    margin: 1em 0 0;
}

.box {
    background: #fafaf7;
    padding: 80px;
    margin: 0 0 8em;
    border-radius: 10px;
    overflow: hidden;
}
.box.box_bottom {
    margin: 0;
}
.box_w {
    background: #fff;
    padding: 1em;
    border-radius: 5px;
    transform: rotate(0.001deg);
}
.txt_green {
    color: #5c9c36;
    font-size: 1.07em;
}
.bbq_txt_01 {
    font-size: 1.07em;
    margin: 0 0 1.5em;
    transform: rotate(0.001deg);
}
.tennis_txt_01 {
    font-size: 1.07em;
    margin: 0 0 3em;
    transform: rotate(0.001deg);
}
.tennis_txt_02 {
    font-size: 1.07em;
    padding: 0 0 0 1em;
    text-indent: -1.2em;
    transform: rotate(0.001deg);
}
.tennis_txt_02 span {
    color: #5c9c36;
    margin: 0 0.5em 0 0;
}
.bonfire_txt_01 {
    font-size: 1.07em;
    margin: 0 0 1.5em;
    transform: rotate(0.001deg);
}

/*price
------------------------------------------------*/
.list_calendar {
    margin: 0 -2.33% 5em 0;
    letter-spacing: -0.4em;
    display: flex;
    flex-wrap: wrap;
}
.list_calendar li {
    display: inline-block;
    width: 31%;
    margin: 0 2.33% 2.33% 0;
    letter-spacing: 0.01em;
    vertical-align: top;
    background: #fafaf7;
    border-radius: 10px;
    padding: 10px;
    position: relative;
}
.table_year {
    position: absolute;
    top: 24px;
    left: 18px;
    transform: rotate(0.001deg);
}
.table_calendar {
    width: 100%;
    transform: rotate(0.001deg);
}
.table_calendar th {
    padding: 0.2em 0.5em;
    font-size: 1.5em;
    text-align: center;
}
.table_calendar td {
    text-align: center;
    padding: 0.2em;
    width: 14%;
}
.table_calendar td:first-child {
    color: #cf3436;
}
.table_calendar td:nth-child(7) {
    color: #3b81c9;
}
.table_calendar .holiday {
    color: #cf3436;
}
.table_calendar td.top {
    color: #fff;
    background: #df7478;
}
.table_calendar td.a {
    //color: #fff;
    color: #4f3d34;
    background: #e6c349;
}
.table_calendar td.b {
    color: #fff;
    background: #5c9c36;
}
.scroll_txt {
    background: #edeceb;
    padding: 0.5em;
    margin: 0 0 1.5em;
    text-align: center;
    border-radius: 10px;
    position: relative;
    transform: rotate(0.001deg);
}
.scroll_txt::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid #edeceb;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}
.table_note {
    font-size: 0.92em;
    transform: rotate(0.001deg);
}
.table_price {
    width: 100%;
    text-align: center;
    margin: 0 0 1em;
    transform: rotate(0.001deg);
}
.table_price th {
    border-right: 2px solid #fff;
    font-size: 1.07em;
    line-height: 1.5;
    padding: 1em 0.5em;
    font-weight: normal;
}
.table_price th:last-child {
    border-right: none;
}
.table_price th.price_number {
    color: #fff;
    background: #4f3d34;
}
.table_price th.price_top {
    color: #fff;
    background: #e27478;
}
.table_price th.price_a {
    background: #e6c349;
}
.table_price th.price_b {
    color: #fff;
    background: #5c9c36;
}
.table_price th.price_c {
    background: #fafaf7;
}
.table_price td {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    padding: 0.5em 0;
}
.table_price td:last-child {
    border-right: none;
}
.table_price tbody tr:nth-child(odd) td {
    background: #edeceb;
}
.table_price tbody tr:nth-child(even) td {
    background: #fafaf7;
}
.other_box {
    padding: 140px 80px 80px;
    background: #fff;
    border-radius: 10px;
    position: relative;
}
.other_box_ttl {
    background: #4f3d34;
    display: inline-block;
    width: 420px;
    color: #fff;
    font-size: 1.42em;
    text-align: center;
    padding: 1em;
    border-radius: 0 0 80px 80px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.list_sup {
    margin: 0 0 -3em;
}
.list_sup li {
    margin: 0 0 3em;
}
.box_g {
    background: #fcf9ed;
    padding: 1em;
    margin: 0 0 2em;
    border-radius: 5px;
}
.sup_txt_01 {
    font-size: 1.07em;
    margin: 0 0 1.5em;
    transform: rotate(0.001deg);
}
.sup_txt_02 {
    line-height: 1.7;
    transform: rotate(0.001deg);
}
.sup_txt_03 {
    font-size: 1.07em;
    padding: 0 0 0 1em;
    text-indent: -1em;
    transform: rotate(0.001deg);
}
.sup_txt_03 span {
    color: #5c9c36;
    margin: 0 0.5em 0 0;
}
.sup_txt_03 span.txt_clr_red {
    color: #c63d34;
}
.sup_txt_04 {
    font-size: 0.92em;
    margin: 1.5em 0 0;
    transform: rotate(0.001deg);
}
.sup_txt_05 {
    line-height: 2;
    transform: rotate(0.001deg);
}
.sup_txt_06 {
    font-size: 0.92em;
    margin: 0 0 1.5em;
    transform: rotate(0.001deg);
}
.sup_txt_07 {
    font-size: 0.92em;
    margin: 0 0 1.5em;
    padding: 0 0 0 1.2em;
    transform: rotate(0.001deg);
}
.sup_txt_08 {
    margin: 0 0 1em;
    text-indent: -1em;
    padding: 0 0 0 1.2em;
    transform: rotate(0.001deg);
}
.sup_txt_08::before {
    content: '●';
}
.sup_txt_08 span {
    font-size: 0.92em;
    line-height: 1.6;
    display: inline-block;
}
.sup_txt_09 {
    margin: 0 0 1em;
    text-indent: -1em;
    padding: 0 0 0 1.2em;
    transform: rotate(0.001deg);
}
.sup_txt_09:last-child{
    margin: 0;
}
.sup_txt_09::before {
    content: '●';
    color: #c63d34;
}
.sup_txt_10 {
    font-size: 0.92em;
    margin: 0 0 1em;
    padding: 0 0 0 2.5em;
    transform: rotate(0.001deg);
    position: relative;
}
.sup_txt_10 .num{
    position: absolute;
    left: 0;
    top: 0;
}
.sup_table {
    transform: rotate(0.001deg);
}
.sup_table th {
    padding: 0 0.5em 0 0;
    text-align: left;
    font-weight: normal;
}

/*faq
------------------------------------------------*/
.faq_ttl {
    font-size: 1.71em;
    padding: 0 0 0.5em;
    margin: 0 0 0.5em;
    background: url(../images/dot_b.png)repeat-x bottom left/6px;
}
.faq_ttl i {
    margin: 0 0.2em 0 0;
}
.dlist_faq {
    background: url(../images/dot.png)repeat-x bottom left/6px;
}
.dlist_faq dt {
    display: block;
    color: #5c9c36;
    font-size: 1.28em;
    transform: rotate(0.001deg);
    padding: 1em 20px 1em 0;
    cursor: pointer;
    position: relative;
    transition: 0.3s;
}
.dlist_faq dt::after {
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.5em;
    position: absolute;
    right: 0;
    top: 0.5em;
    transition: 0.3s;
}
.dlist_faq dt:hover {
    color: #538930;
}
.dlist_faq dt.dropdown_toggle::after {
    transform: rotate(180deg);
}
.dlist_faq dd {
    display: none;
    font-size: 1.07em;
    padding: 0 0 1.5em;
    transform: rotate(0.001deg);
}
.dlist_faq dd a {
    color: #5c9c36;
    text-decoration: underline;
}
.faq_note {
    font-size: 0.92em;
    padding: 0 0 0 1em;
    text-indent: -1em;
}
.faq_note::before {
    content: '※';
}
.faq_tel {
    font-size: 1.14em;
}

/*access
------------------------------------------------*/
.transport_ttl {
    margin: 0 0 0.5em;
    transform: rotate(0.001deg);
}
.transport_ttl .large {
    color: #5c9c36;
    font-size: 2em;
    margin: 0 0.3em 0 0;
}
.transport_ttl .small {
    color: #5c9c36;
    margin: 0 1em;
}
.transport_txt {
    text-indent: -1em;
    padding: 0 0 0 1em;
    margin: 0 0 0.5em;
    transform: rotate(0.001deg);
}
.transport_txt::before {
    content: '●';
    color: #5c9c36;
}
.route_l {
    width: 60%;
    float: left;
    margin: 0 0 5em;
}
.route_r {
    width: 37.5%;
    float: right;
    margin: 0 0 5em;
}
.route_att {
    background: #c40000 url(../images/icon_navi_07.png)no-repeat center bottom 24%/57px;
    border-radius: 5px;
    padding: 15% 5% 30%;
    margin: 0 0 10%;
}
.route_att p {
    color: #fff;
    font-size: 1.42em;
    line-height: 1.4;
    text-align: center;
    transform: rotate(0.001deg);
}
.zoom_a {
    margin: 0 0 10%;
}

/*article
------------------------------------------------*/
.article {
    background: #fafaf7;
    padding: 80px;
    margin: 0 0 1em;
    border-radius: 10px;
    line-height: 2;
    transform: rotate(0.001deg);
}
.article_top_txt {
    color: #5c9c36;
    line-height: 1.5;
    margin: 0 0 0.5em;
}
.article_top_txt .day {
    font-family: 'Patrick Hand SC', cursive;
    font-size: 1.42em;
    margin: 0 0.2em 0 0;
}
.article_top_txt .cat::before {
    content: '-';
}
.article_ttl {
    font-size: 1.42em;
    line-height: 1.5;
    margin: 0 0 1em;
}
.article img {
    margin: 10px 0;
}
.article a {
    color: #5c9c36;
    text-decoration: underline;
}

/*notice
------------------------------------------------*/
.rule_wrap{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.rule_txt{
  width: calc(100% - 220px);
}
.rule_img{
  width: 200px;
  padding: 0 0 1em;
}

.list_rule{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -5% 0 0;
}
.list_rule li{
  width: 28.33%;
  margin: 0 5% 3em 0;
}
.list_rule li.list_rule_box{
  width: 61.66%;
  padding: 2em;
  background: #fafaf7;
  font-size: 0.92em;
}
.list_rule_img{
  width: 80%;
  margin: 0 auto 1em;
}
.list_rule_ttl{
  color: #c63d34;
  font-size: 1.42em;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 0.5em;
}