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

}
@media screen and (max-width: 1130px){

#gnavi li {
    font-size: 1em;
}
#gnavi li span {
    font-size: 0.8em;
}
.top03::before {
    width: 40%;
}
.top03_l {
    width: 58%;
}
ul.list_top_menu li p {
    font-size: 1.42em;
}
.route_att p {
    font-size: 1.14em;
}
.article {
    padding: 60px 30px;
}

}
@media screen and (max-width: 767px){
/*
Base
------------------------------------------------------------
*/
img {
  vertical-align: middle;
  max-width: 100%;
}
.sp {
  display: block;
}
.pc {
  display: none;
}
#topcontrol {
  display: none;
}
#container_wrap {

}
#main {
    width: 100%;
    float: none;
    margin: 0 0 4em;
}
#sub {
    width: 100%;
    float: none;
}
.main_img {
}
.calendar {
    position: relative;
    width: 100%;
    max-width: 800px; /* 最大幅 */
    margin: 2.0833% auto 30px;
    overflow: hidden;
}
.calendar::before {
    content: none;
}
.calendar iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 420px;
}
#list_breadcrumb{

}

/*
h_tag
------------------------------------------------------------
*/





/*
Header
------------------------------------------------------------
*/
header {
}
.header_ttl {

}
.header_box {
    padding: 10px 15px;
}
.logo {
    margin: 0;
}
header {
    position: relative;
    //overflow: inherit;
}
#header_left {
    float: none;
    width: auto;
    width: 160px;
}
#header_right {
    float: none;
    padding: 0;
    position: absolute;
    top: 430px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all 0.3s;
    box-sizing: border-box;
}
.menu-trigger {
    position: fixed;
    top: 13px;
    right: 10px;
    width: 41px;
    height: 45px;
    z-index: 100;
    background: url(../images/menu.png)no-repeat center/contain;
    color: #000;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.menu-trigger.active {
    background: url(../images/close.png)no-repeat center/contain;
}
#overlay{
    width: 100%;
    height: 0;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgba(250,250,247,0.95);
    box-sizing: border-box;
    overflow-y: scroll;
    opacity: 0;
    transition: 0.5s;
}
#overlay.active {
    height: 100%;
    opacity: 1;
    visibility: visible;
}

#gnavi {
    margin: 50px 0 180px;
    padding: 0 15px;
}
#gnavi ul {
    display: block;
    text-align: left;
}
#gnavi li {
    display: inline-block;
    width: 50%;
    margin: 0 0 1.5em;
    font-size: 1.21em;
}
#gnavi li span {
    font-size: 0.7em;
}
#gnavi li a {
    padding: 33px 0 0;
    background-size: 28px auto !important;
}
#gnavi li.nav06 a {
    background: url(../images/icon_navi_06.png)no-repeat top right 48%/28px;
}
#gnavi li.nav06.current a,
#gnavi li.nav06 a:hover {
    background-position: right 48% top 3px;
}
#gnavi li a::before {
    width: 25px;
    height: 15px;
    top: -8px;
}

ul.list_bottom_btn {
    justify-content: flex-end;
}
ul.list_bottom_btn li {
    width: 33%;
}

/*
top
------------------------------------------------------------
*/
.main_img_ttl {
    font-size: 2em;
}
.il01 {
    top: 3%;
    left: 3%;
    width: 26%;
}
.il02 {
    top: 20%;
    left: 5%;
    width: 14%;
}
.il03 {
    bottom: 30%;
    left: 1.5%;
    width: 14%;
}
.il04 {
    bottom: 43%;
    left: 12%;
    width: 4%;
}
.il05 {
    bottom: 18%;
    /* bottom: 14%; */
    left: 5%;
    width: 16%;
}
.il06 {
    bottom: 6%;
    left: 10%;
    width: 9%;
}
.il07 {
    bottom: 5%;
    left: 22%;
    width: 6%;
}
.il08 {
    top: 3%;
    right: 3%;
    width: 26%;
}
.il09 {
    top: 22%;
    right: 14%;
    width: 7%;
}
.il10 {
    top: 40%;
    right: 4%;
    width: 12%;
}
.il11 {
    bottom: 18%;
    right: 18%;
    width: 12%;
}
.il12 {
    bottom: 15%;
    right: 7%;
    width: 9%;
}
.il13 {
    bottom: 6%;
    right: 10%;
    width: 9%;
}
.il14 {
    bottom: 5%;
    right: 22%;
    width: 6%;
}

.news_wrap {
    display: block;
    margin: 2em 0 0;
}
.info_ttl {
    font-size: 1.57em;
    display: block;
    width: auto;
    float: none;
    margin: 0 0 1em;
    text-align: center;
}
ul.list_news_top {
    float: none;
    width: 100%;
    margin: 0;
}
ul.list_news_top dt {
    width: auto;
    float: none;
}
ul.list_news_top dd {
    margin: 0;
}
a.btn_news_more {
    position: relative;
    float: right;
}
.top01 {
    background-size: 33% auto;
}
.center_ttl {
    font-size: 1.5em;
}
ul.list_point_top {
    margin: 0 -2% 0 0;
}
ul.list_point_top li {
    width: 48%;
    margin: 0 2% 5% 0;
    position: relative;
    z-index: 1;
}
p.list_point_top_num {
    font-size: 1.5em;
}
p.list_point_top_txt {
    font-size: 0.9em;
}
.il15 {
    bottom: 2.5em;
    left: 2%;
    width: 9%;
}
.il16 {
    bottom: 1.5em;
    left: 15%;
    width: 6%;
}
.il17 {
    bottom: 2.5em;
    right: 2%;
    width: 9%;
}
.il18 {
    bottom: 1.5em;
    right: 15%;
    width: 6%;
}
a.button {
    font-size: 0.8em;
}
a.cosbon_button {
    margin: 1.5em auto 1em;
}
.top02 {
    background-size: 25% auto;
}
.leaf_ttl {
    font-size: 2em;
    margin: 0 0 1em;
}
.leaf_ttl > span {
    padding: 0 50px;
    background-size: 40px auto;
}
ul.list_top_cottage {
    margin: 0 -3px 0 0;
}
ul.list_top_cottage li {
    margin: 0 3px 1.5em 0;
    width: calc(50% - 3px);
}
ul.list_top_cottage li img {
    margin: 0 0 5px;
}
ul.list_top_cottage li p {
    font-size: 1em;
}
.top03 {
    background-size: 40% auto;
    background-position: top -60px right -50px,bottom -60px left -50px;
}
.top03::before {
    content: '';
    width: calc(100% - 15px);
    height: 350px;
    position: absolute;
    top: 60px;
    right: 0;
    border-radius: 60px 0 0 60px;
}
.top03_l {
    width: 100%;
    float: none;
    margin: 360px 0 0;
}
.top03_l p {
    font-size: 1em;
    margin: 0 0 2em;
}
.left_ttl {
    font-size: 2em;
}
ul.list_top_menu {
    margin: 0 -3% 0 0;
    text-align: right;
}
ul.list_top_menu li {
    width: 30.33%;
    margin: 0 3% 0% 0;
}
/* ul.list_top_menu li:first-child,
ul.list_top_menu li:nth-child(2) {
    float: left;
} */
ul.list_top_menu li p {
    font-size: 1.4em;
}
.top04 {
    background-size: 20% auto;
    background-position: top 1.5em left 1em,top 1.5em right 1em,center left,center right;
}
.circle_ttl {
    font-size: 2em;
    background: url(../images/dotted_circle.png)no-repeat center/140px;
    padding: 1.1em 0;
}
ul.list_season {
    margin: 0 -3% 4em 0;
}
ul.list_season li {
    width: 47%;
    margin: 0 3% 5% 0;
    padding: 0;
}
ul.list_season li p {
    font-size: 1.8em;
    padding: 0.4em 0;
    margin: 0 auto -30px;
}
.spring p {
    background: url(../images/icon_spring.png)no-repeat center/44px;
}
.summer p {
    background: url(../images/icon_summer.png)no-repeat center/44px;
}
.autumn p {
    background: url(../images/icon_autumn.png)no-repeat center/44px;
}
.winter p {
    background: url(../images/icon_winter.png)no-repeat center/44px;
}
ul.list_top_photo {
    letter-spacing: -0.4em;
    margin: 0;
}
ul.list_top_photo li {
    width: 33.33%;
    margin: 0 0 2% 0;
}
ul.list_top_photo li:nth-child(odd) {
    padding: 0;
}
ul.list_top_photo li:nth-child(2) {
    padding: 25% 0 0;
}
ul.list_top_photo li:nth-child(4) {
    margin: -12.5% 0 0 0;
}
ul.list_top_photo li:last-child {
    float: right;
    margin: -12.5% 0 0 0;
}
.il19 {
    position: absolute;
    top: 60%;
    left: 5%;
    width: 10%;
}
.il20 {
    position: absolute;
    width: 10%;
    top: 61%;
    right: 5%;
}
.blog_wrap .info_ttl {
    text-align: left;
}
.list_blog {
    margin: 0 -3% -5% 0;
}
.list_blog li,
.list_blog.col_3 li {
    width: 47%;
    margin: 0 3% 5% 0;
}
.blog_ttl {
    line-height: 1.5;
    font-size: 0.92em;
}


/*
side
------------------------------------------------------------
*/


/*
footer
------------------------------------------------------------
*/
#footer_wrap {
    padding: 4em 0 5em;
    background-position: left 10px bottom 25%,center;
    background-size: 12% auto,cover;
}
.footer_logo img {
    width: 220px;
}
.footer_txt_01 {
    font-size: 0.78em;
    margin: 0 0 1em;
}
.footer_txt_02 {
    line-height: 1.5;
    margin: 0 0 0.2em;
}
.footer_txt_05 {
    font-size: 0.78em;
    line-height: 1.5;
}
.copy {
    line-height: 1.5;
    font-size: 1em;
}
#page-top {
    width: 52px;
    height: 50px;
    top: auto;
    right: auto;
    bottom: 15px;
    left: 15px;
}


/*
wordpress
------------------------------------------------------------
*/
.form_wrap .content-form th {
    width: 100%;
    display: block;
    text-align: left;
    border: none;
}
.form_wrap .content-form td {
    width: 100%;
    display: block;
    border-right: none;
}


/*
other
------------------------------------------------------------
*/
.section_wrap{
    padding: 3em 0;
}
.section_wrap_l {
    padding: 4em 0 5em;
}
.low_wrap {
    background-size: 33% auto;
}
.top_ttl_wrap {
    padding: 5em 0 0;
}
.top_ttl {
    font-size: 2em;
    padding: 40px 0 0;
    background-size: 28px auto !important;
}
.bg_cloud_top {
    background: url(../images/bg_cloud_b_sp.png)repeat-y top/100%;
}
.bg_cloud_b {
    background: url(../images/bg_cloud_b_sp.png)repeat-y center top 50px/100%;
}
.bg_cloud_w {
    background: #fafaf7 url(../images/bg_cloud_w_sp.png)repeat-y center top 50px/100%;
}
ul.list_btn {
   margin: 1em -2% 2px 0;
}
.list_mutual {
    overflow: hidden;
    margin: 0 0 -3em;
}
.list_mutual li {
    margin: 0 0 3em;
}
.list_mutual li:nth-child(odd) {
    float: right;
}
.mutual_img {
    width: 100%;
}
.mutual_desc {
    width: 100%;
    margin: 1.5em 0 0;
}
.list_mutual li:nth-child(odd) .mutual_img,
.list_mutual li:nth-child(even) .mutual_img,
.list_mutual li:nth-child(odd) .mutual_desc,
.list_mutual li:nth-child(even) .mutual_desc{
    float: none;
}
.mutual_ttl {
    font-size: 1.5em;
    margin: 0 0 0.5em;
}
.mutual_txt {
    font-size: 1em;
    line-height: 1.8;
}
.mutual_sub_ttl {
    font-size: 1.21em;
    margin: 1.5em 0 0;
}
.center_txt {
    text-align: left;
}
#breadcrumbList {
    margin: 0;
    padding: 2em 15px 0;
    font-size: 0.85em;
}
a.magnify::after {
    //width: 27px;
    //height: 30px;
    bottom: 5px;
    right: 5px;
}
.common_table th {
    padding: 0;
    width: 100%;
    display: block;
}
.common_table td {
    padding: 0 0 0.5em;
    width: 100%;
    display: block;
}
.box_w_l {
    padding: 1.5em 1em;
}
.box_b_l {
    padding: 1.5em 1em;
}
table.contact_form  {
    margin: 0 0 1em;
}
table.contact_form th {
    padding: 1em 0 0.5em;
    display: block;
    width: 100%;
    font-size: 1.07em;
}
table.contact_form td {
    padding: 0 0 1em;
    display: block;
    width: 100%;
}
.submit_box {
    margin: 0 0 1em;
}
.submit,
.back {
    font-size: 0.82em;
    margin: 0;
}
.tel {
    font-size: 1.5em;
}
.tel span {
    font-size: 1.28em;
}
.mw_wp_form .vertical-item {
    margin: 0 0 1em;
    line-height: 1.5;
}
.ck_note {
    margin: 2em 0 1em;
}


/*about
------------------------------------------------*/
.list_child-friendly {
    letter-spacing: -0.4em;
    margin: 3em 0 0 0;
}
.list_child-friendly li {
    display: inline-block;
    width: 50%;
    margin: 0 0 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(4),
.list_child-friendly li:nth-child(6) {
    padding: 4em 0 0;
}
.list_child-friendly li:nth-child(5) {
    padding: 0;
}
.list_child-friendly li img {
    margin: 0 auto 5px;
    width: 85%;
}
.list_child-friendly li p {
    font-size: 0.92em;
}
/*cottage
------------------------------------------------*/
.map_img {
    width: 60%;
    margin: 0 auto;
}
.list_col_02 {
    margin: 0 0 -1.5em 0;
}
.list_col_02 li,
.list_col_02 li.one {
    width: 100%;
    margin: 0 0 1.5em 0;
}
.list_col_02_img {
    margin: 0 0 10px;
}
.list_col_02_ttl {
    font-size: 1.28em;
}
.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;
}
.sub_ttl {
    font-size: 1.21em;
    margin: -2em 0 2em;
}
.sub_ttl.mt_none {
    margin: 0 0 2em;
}
.sub_ttl_s {
    font-size: 1.21em;
}
.cottage_box {
    padding: 2em 1em;
    margin: 0 0 5em;
}
.cottage_box_l {
    width: 100%;
    float: none;
}
.cottage_box_r {
    width: 50%;
    float: none;
    margin: 0 auto 1.5em;
}
.cottage_box_txt {
    line-height: 1.8;
}
.list_col_02_note {
    margin: 2em 0;
    text-align: left;
}
.dot_ttl {
    padding: 0 0 0.2em;
    margin: 0 0 1em;
}
.list_cottage_det .list_col_02 {
    margin: 0 0 -1.5em;
}
.list_cottage_det .list_col_02 li {
    margin: 0 0 1.5em;
}
.dlist_facility_det dt {
    width: 100%;
    float: none;
    margin: 0;
}
.dlist_facility_det dd {
    margin: 0 0 1.5em 0;
}
.dlist_facility_det dd p {
    font-size: 0.92em;
    line-height: 1.6;
}
.cottage_att {
    padding: 1em;
    margin: 2em 0;
}
.log_box {
    padding: 1.5em 1em;
    margin: 0 0 15px;
}
.log_box p {
    text-align: left;
    font-size: 0.92em;
}
.log_box .log_box_note {
    font-size: 1.14em;
}
.classic_note {
    font-size: 1em;
    padding: 1.5em 1em;
    margin: 0 0 2em;
}
/*BBQ tennis
------------------------------------------------*/
.list_anc {
    margin: 0 -2% 0 0;
}
.list_anc li {
    width: 48%;
    margin: 0 2% 2% 0;
}
.list_anc li a {
    padding: 0.5em 0.5em 1.5em;
}
.list_anc li span {
    font-size: 1.07em;
}
.photo_txt {
    font-size: 1em;
    margin: 0 0 1em;
    line-height: 1.8;
}
.photo {
    margin: 0 0 30px;
}
.rental_box {
    padding: 1.5em 1em;
}
.rental_box dl {
    overflow: hidden;
    font-size: 1.07em;
    position: relative;
    margin: 0 0 1em;
}
.rental_box dt {
    float: none;
    display: block;
    padding: 0 0 0.2em;
    margin: 0 0 0.5em;
    line-height: 1.6;
    border-bottom: 1px solid #5c9c36;
}
.rental_box dl::before {
    content: none;
}
.rental_box dd {
    float: right;
    padding: 0;
}
.rental_box p {
    font-size: 0.92em;
    text-align: center;
}
.box {
    padding: 1.5em 1em;
    margin: 0 0 4em;
}
.box_w {
    font-size: 0.92em;
}
.bbq_txt_01 {
    font-size: 1.07em;
}
.tennis_txt_01 {
    font-size: 1em;
}
.tennis_txt_02 {
    font-size: 1em;
}
.bonfire_txt_01 {
    font-size: 1em;
}
/*price
------------------------------------------------*/
.list_calendar {
    margin: 0 0 4em 0;
    display: block;
}
.list_calendar li {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 1em;
}
.scroll_table {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
.table_price {
    min-width: 800px;
}
.table_price th {
    font-size: 1em;
    line-height: 1.5;
    padding: 0.5em 0.2em;
}
.other_box {
    padding: 80px 1em 1.5em;
}
.other_box_ttl {
    width: 280px;
    font-size: 1.14em;
    padding: 0.8em 0.5em;
    border-radius: 0 0 50px 50px;
}
.list_sup {
    margin: 0 0 -2em;
}
.list_sup>li {
    margin: 0 0 2em;
}
.box_g {
    margin: 0 0 1.5em;
}
.sup_txt_01 {
    font-size: 0.92em;
    margin: 0 0 1em;
}
.sup_txt_02,
.sup_txt_03 {
    font-size: 0.92em;
}
.sup_txt_04,
.sup_txt_06,
.sup_txt_07 {
    font-size: 0.85em;
}
.sup_txt_05 {
    font-size: 0.92em;
    line-height: 1.8;
}

/*faq
------------------------------------------------*/
.faq_ttl {
    font-size: 1.28em;
    line-height: 1.5;
    margin: 0;
}
.dlist_faq dt {
    font-size: 1.07em;
    line-height: 1.6;
    padding: 1em 15px 1em 0;
}
.dlist_faq dt::after {
    font-size: 1.4em;
}
.dlist_faq dd {
    font-size: 1em;
    line-height: 1.6;
}

/*access
------------------------------------------------*/
.route_l {
    width: 100%;
    float: none;
    margin: 0 0 1em;
}
.route_r {
    width: 100%;
    float: none;
    margin: 0 0 5em;
}
.route_att {
    background: #c40000 url(../images/icon_navi_07.png)no-repeat center bottom 1.5em/40px;
    padding: 2em 0.5em 4em;
    margin: 0 0 1em;
}
.route_att p {
    font-size: 1.07em;
}
.zoom_a {
    margin: 0 0 1em;
}

/*article
------------------------------------------------*/
.article {
    padding: 1.5em 1em;
    line-height: 1.8;
}
.article_top_txt {
    margin: 0 0 0.2em;
}
.article_top_txt .day {
    font-size: 1.28em;
}
.article_ttl {
    font-size: 1.28em;
    margin: 0 0 0.5em;
}

/*notice
------------------------------------------------*/
.rule_wrap{
  display: block;
}
.rule_txt{
  width: 100%;
}
.rule_img{
  width: 40%;
  padding: 0;
  margin: 1em auto 0;
}

.list_rule{
  display: block;
  margin: 0;
}
.list_rule li{
  width: 100%;
  margin: 0 0 2em;
  display: flex;
  justify-content: space-between;
}
.list_rule li.list_rule_box{
  display: block;
  width: 100%;
  padding: 1em;
  background: #fafaf7;
  font-size: 0.92em;
}
.list_rule_img{
  width: 25%;
  margin: 0;
}.list_rule_desc{
  width: 70%;
}
.list_rule_ttl{
  font-size: 1.28em;
  text-align: left;
  margin: 0 0 0.2em;
}
.list_rule_txt{
  line-height: 1.6;
}

}

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

.sup_table {
    font-size: 0.92em;
}

}