@charset "UTF-8";
/*01 HTMLリセット*/
body {
    margin: 0px;
    padding: 0px;
    font-family: "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
    color: #333333;
}

div,
form,
h1, h2, h3, h4,
ul, li,
dl, dt, dd,
p {
    margin: 0px;
    padding: 0px;
    line-height: 1.5em;
}

p, dt, dd {
    text-align: justify;
    text-justify: distribute;
}

a img, img {
    border: 0;
}

li {
    list-style-type: none;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

* {
    transition: color 200ms, background 200ms, border 200ms, opacity 300ms;
    -moz-transition: color 200ms, background 200ms, border 200ms, opacity 300ms;
    -webkit-transition: color 200ms, background 200ms, border 200ms, opacity 300ms;
    -o-transition: color 200ms, background 200ms, border 200ms, opacity 300ms
}

.f_yum {
    font-family: "游明朝", "Yu Mincho";
}

/*02 共通用基本設定*/
h1 {
}

h2 {
}

h3 {
}

h4 {
}

.clr {
    clear: both;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.alignL {
    text-align: left;
}

.alignR {
    text-align: right;
}

.alignC {
    text-align: center;
}

.ls10r{
    letter-spacing: -0.1em;
}

/*03 レーヤアウト*/
#Wrap {
}

#Contents {
    background: url(../img/common/bg02.gif) repeat left top;
}

address {
    font-size: 83.875%;
    font-style: normal;
    text-align: center;
    padding-top: 20px;
}


/*04 ヘッダー関連*/
.ttl-h2{
    display: inline-block;
    font-size: 156.222%;
    margin-bottom: 30px;
    background: url(../img/common/ico04.png) no-repeat left center;
}
.ttl-h2 span{
    display: block;
    background: url(../img/common/ico05.png) no-repeat right center;
    padding: 0 60px;
}
.ttl-h2 small{
    font-size: 56.899%;
    display: block;
    text-align: center;
    line-height: 1.5em;
}

#HomeShow {
    width: 100%;
    position: relative;
}
#HomeShow .ttl{
    position: absolute;
    width: 80%;
    top: 26%;
    left: 10%;
}
#HomeShow .ttl img{
    display: block;
    margin: 0 auto;
}

#HomeShow .alignL,
#HomeShow .alignR {
    width: 31.35%;
    float: left;
    background-repeat:no-repeat;
    background-position: center center;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"\9;
    -moz-background-size:100% 100%\9;
    background-size:100% 100%\9;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}

#HomeShow .alignC {
    width: 37.3%;
    float: left;
    background-repeat:no-repeat;
    background-position: center center;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"\9;
    -moz-background-size:100% 100%\9;
    background-size:100% 100%\9;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}
.btn-menu{
    display: none;
}
.jgt-logo{
    width: 12%;
    min-width: 100px;
    position: absolute;
    top: 20%;
    right: 0;
}
.course-top #Menu{
    width: 59.589%;
    float: right;
    padding-top: 30px;
}
.home-nav{
    max-width: 720px;
    margin: 0 auto;
    font-size: 123.75%;
}
#Navi li{
    width: 25%;
    float: left;
}
.home-nav li{
    width: 33.333%;
    float: left;
}
#Navi li a,
.home-nav li a{
    color: #333333;
    text-decoration: none;
}
#Navi li a:hover,
.home-nav li a:hover{
    filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;
}

#Navi li span,
.home-nav li span{
    display: inline-block;
    text-align: center;
    line-height: 1.5em;
}
#Navi li small,
.home-nav li small{
    font-size: 57.424%;
    display: block;
    text-align: center;
    line-height: 1.5em;
}

#Navi li.ico-home a{
    padding-left: 50px;
    display: block;
    background: url(../img/common/ico06.png) no-repeat left center;
}
#Navi li.ico-map a,
.home-nav li.ico-map a{
    padding-left: 40px;
    display: block;
    background: url(../img/common/ico01.png) no-repeat left center;
}
#Navi li.ico-news a,
.home-nav li.ico-news a{
    padding-left: 70px;
    display: block;
    background: url(../img/common/ico02.png) no-repeat left center;
}
#Navi li.ico-course a,
.home-nav li.ico-course a{
    padding-left: 60px;
    display: block;
    background: url(../img/common/ico03.png) no-repeat left center;
}
#Menu li.ico-course span{
    position: relative;
}
#Menu li.ico-course span.abso{
    position: absolute;
    top: -1em;
    right: -2em;
    color: #E73A49;
    font-weight: bold;
    font-size: 70%;
}
#Navi .sub-box{
    display: none;
}


/* 追加（更新時削除） */

.ico-coming {
    padding: 10px 0;
    background: url(../img/common/ico_comming.png) no-repeat left center;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
}


/* Home Page */

.home-logo{
    width: 429px;
    height: 309px;
    background: url(../img/common/bg04.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: -140px;
    margin-left: -215px;
}
.home-logo span{
    display: block;
    padding-top: 9%;
}
.home-logo img{
    width: 69.93%;
    height: auto;
    margin: 0 auto;
}

.home-box{
    background: url(../img/common/bg01.png) no-repeat center top;
    background-size: 100% auto;
    position: relative;
    z-index: 9;
    padding-top: 120px;
    margin-top: -11%;
}

.home-article{
    text-align: center;
    padding: 5% 0 1% 0;
}

.home-article p{
    line-height: 2em;
    padding-bottom: 15px;
    text-align: center;
}
#News .sub-box{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.home-news{
    background: url(../img/common/bg03.gif) repeat left top;
    padding: 6% 0;
}
.home-news .sub-box{
    width: 1055px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 45px 50px 50px;
}
.home-news_left{
    width: 54.976%;
    float: left;
}
.home-news_left h2{
    width: 65.635%;
    margin: 0 auto 8% auto;
}
.home-news_left li{
    border-bottom: #cdc9c9 solid 1px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.home-news_left li .date{
    float: left;
}
.home-news_left li p{
    padding-left: 80px;
}

.home-news_right{
    display: flex;
    flex-direction: column;
    align-items: center;
    float: right;
    width: 100%;
    /* margin: 100px auto 0; */
}
.home-news_right h2{
    width: 95.5%;
    margin: 0 auto 5% auto;
}
.home-news_right h2 img{
    margin: 0 auto;
}
.fb-responsive{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    width: 100%;
}
.fb-responsive .sns-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    /* width: 50%; */
    width: calc(100% / 3);
    margin-bottom: 50px;
    /* -webkit-flex:1;
    flex: 1; */
}
.fb-responsive .hp-img{
    display: block;
    max-width: 300px;
    height: 300px;
}
.fb-responsive .hp-img img{
    object-fit: cover;
    height: 300px;
}
.fb-responsive .sns-box .fb-page{
    display: block;
    width: 100%;
    text-align: center;
}
.fb-responsive .sns-box .fb-page .twitter-timeline{
    margin: 0 auto;
}
.fb-responsive .sns-box h3{
    /* width: 400px; */
    width: 300px;
    padding-bottom: .5em;
    color: #333;
    text-align: center;
    font-weight: 500;
    padding-bottom: .5em;
}
.fb-responsive .sns-box h3 span{
    width: 100%;
    display: inline-block;
    font-size: 1.3em;
    font-weight: 700;
    color: #333;
    position: relative;
    line-height: 1.4;
    padding:0.25em 0;
    top:0;
}
.fb-responsive .sns-box h3 span:before,
.fb-responsive .sns-box h3 span:after{
    position: absolute;
    top: 0;
    content:'';
    width: 8px;
    height: 100%;
    display: inline-block;
}
.fb-responsive .sns-box h3 span:before{
    border-left: solid 1px black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    left: 0;
}
.fb-responsive .sns-box h3 span:after{
    content: '';
    border-top: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    right: 0;
}
.event-text{
    position: relative;
    width: 95.5%;
    margin-bottom: 5%;
}
.event-text p{
    text-align: center;
    line-height: 2em;
}
.event-text a{
    color: #000;
    font-weight: bold;
}
.event-text a:hover{
    text-decoration: none;
    opacity: .7;
}
#gallery {
    display: flex;
    flex-wrap: wrap;
    width: 300px;
    justify-content: space-between;
    margin: 0 20px;
}
#gallery li{
    width: calc(50% - 2.5px);
    height: 150px;
}
#gallery li img{
    width: 100%;
    height: calc(150px - 2.5px);
    object-fit: cover;
}

.sns-txt{
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
.sns-txt a{
    color: #333;
    font-size: 16px;
}
.sns-txt a:hover{
    text-decoration: none;
    opacity: .7;
}

.sns-link {
    width: 100%;
    text-align: center;
}
.sns-link a{
    display: inline-block;
    padding:2%;
}
.sns-link a:hover{
    opacity: .7;
}

.fb-responsive .sns-box .snapwidget-widget{
    border:none; overflow:hidden;  width:300px; height:300px
}
.fb-responsive .sns-box .twitter-timeline{
    width:300px; height:300px
}
.home-news .btn{
    display: block;
    width: 385px;
    margin: 30px auto 0 auto;
}


.home-list{
    padding-bottom: 5%;
    background-color: #f3eee4;
}

.home-list-fx{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
}
@media (max-width: 1081px) {
    .home-list-fx{
        width: 90%;
    }
}

.home-list-fx li{
    margin: 30px 10px 0;
    min-width: 334px;
    width: 30%;
    padding: 10px;
    background-color: #fff;
}
@media (max-width: 1100px) {
    /* .home-list-fx {
        justify-content: center;
    } */
    /* .home-list-fx li{
        width: 400px;
    } */
}
@media (max-width: 400px) {
    .home-list-fx li{
        min-width: 300px;
        width: auto;
        margin: 5vw auto;
    }
}
.home-list-fx li h3{
    margin-top: 10px;
}
.home-list-fx .list-btn{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.home-list-fx .list-btn h4{
    margin-right: 10px;
}
.home-list-fx .list-btn a{
    display: block;
    text-align: center;
    padding: .5em 0;
    margin-right: 1em;
    width: 7em;
    background-color: #E73A49;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}
.home-list-fx .list-btn a:last-child{
    margin-right: 0;
}
.home-list-fx .list-btn .hp-btn{
    background-color: #A5639C;
}
.home-list-fx .list-btn .fb-btn{
    background-color: #7A96CD;
}
.home-list-fx .list-btn a:hover{
    opacity: .7;
}
.home-map{
    background: url(../img/common/bg02.gif) repeat center center;
    text-align: center;
    padding:5% 0;
}
.home-map .ttl-h2{
    display: inline-block;
    margin-bottom: 50px;
}
.home-map .map-txt{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    font-weight: bold;
}
/* .home-map .map-txt::before{
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 1em;
    content: url(/img/common/click.png);
} */

.home-map .sub-box{
    width: 1460px;
    margin: 0 auto 10%;
    padding: 11% 0 12% 0;
    position: relative;
    text-align: center;
    z-index: 1;
}
.home-map .sub-box .map{
    width: 894px;
    margin: 0 auto;
    position: relative;
}
.home-map li{
    position: absolute;
    width: 16.439%;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(1);
    transform: scale(1);
    display: block;
}
.home-map li a{
    color: #333333;
    text-decoration: none;
}
.home-map li p{
    text-align: center;
    font-size: 130%;
    padding-top: 8px;
    font-weight: bold;
}
.home-map li img{
    display: block;
    margin: 0 auto;
}
.home-map li .ico-num{
    width: 29.167%;
    height: auto;
    position: absolute;
    left: -18px;
    top: 5px;

}
.home-map li.selected,
.home-map li:hover{
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/* .home-map .no1{
    left: 21%;
    top: 6%;
}
.home-map .no2{
    left: 0%;
    top: 40%;
}
.home-map .no3{
    left: 3%;
    top: 4%;
}
.home-map .no4{
    left: 3%;
    bottom: -8%;
}
.home-map .no5{
    left: 19%;
    bottom: 8%;
}
.home-map .no6{
    left: 57%;
    bottom: -9%;
}
.home-map .no7 {
    left: 40%;
    bottom: 8%;
}

.home-map .no7 img{
    max-width: 80%;
}


.home-map .no7-2 {
    left: 30%;
    bottom: -10%;
}


.home-map .no7-2 img{
    max-width: 80%;
}
.home-map .no7- {
    left: 71%;
    bottom: 10%;
}

.home-map .no7- img{
    max-width: 80%;
}


.home-map .no7-2- {
    left: 83%;
    bottom: -1%;
}

.home-map .no7-2- img{
    max-width: 80%;
}
.home-map .no8{
    left: 40%;
    top: 0;
}
.home-map .no9{
    left: 60%;
    top: 6%;
}
.home-map .no10{
    right: 3.5%;
    top: 4%;
}
.home-map .no11{
    right: 0%;
    top: 40%;
}
.home-map .no12{
    right: 0%;
    top: 40%;
} */
.home-map .no1{
    right: 0%;
    top: 40%;
}
.home-map .no2 {
    left: 71%;
    bottom: 10%;
}
.home-map .no2 img{
    max-width: 80%;
}
.home-map .no2-2 {
    right: 0%;
    bottom: -1%;
}
.home-map .no2-2 img{
    max-width: 80%;
}
.home-map .no3{
    left: 57%;
    bottom: -9%;
}
.home-map .no4{
    right: 2%;
    top: 4%;
}
.home-map .no5{
    left: 60%;
    top: 6%;
}
.home-map .no6{
    left: 40%;
    top: 0;
}
.home-map .no7 {
    left: 40%;
    bottom: 10%;
}
.home-map .no7 img{
    max-width: 80%;
}
.home-map .no7-2 {
    left: 30%;
    bottom: -10%;
}
.home-map .no7-2 img{
    max-width: 80%;
}
.home-map .no8{
    left: 18%;
    bottom: 10%;
}
.home-map .no9{
    left: 2%;
    bottom: -8%;
}
.home-map .no10{
    left: 1.2%;
    top: 40%;
}
.home-map .no11{
    left: 2%;
    top: 4%;
}
.home-map .no12{
    left: 21%;
    top: 6%;
}


.home-map .map span{
    position: absolute;
    width: 4.474%;
}
.home-map .map span a{
    position: static;
    width: auto;
}

.home-map span.park_point_01{
    left: 89.932%;
    top: 52.941%;
}
.home-map span.park_point_02{
    left: 84.932%;
    top: 56.941%;
}
.home-map span.park_point_03{
    left: 75.695%;
    top: 69.679%;
}
.home-map span.park_point_04{
    left: 68.68%;
    top: 37.581%;
}
.home-map span.park_point_05{
    left: 65.212%;
    top: 45.588%;
}
.home-map span.park_point_06{
    left: 54.921%;
    top: 47.549%;
}
.home-map span.park_point_07{
    left: 51.23%;
    top: 59.803%;
}
.home-map span.park_point_08{
    left: 44.63%;
    top: 60.13%;
}
.home-map span.park_point_09{
    left: 47.091%;
    top: 67.973%;
}
.home-map span.park_point_10{
    left: 25.727%;
    top: 50.98%;
}
.home-map span.park_point_11{
    left: 27.54%;
    top: 41.176%;
}
.home-map span.park_point_12{
    left: 32.991%;
    top: 47.96%;
}
/* .home-map span.park_point_01{
    left: 27.54%;
    top: 41.176%;
}
.home-map span.park_point_02{
    left: 25.727%;
    top: 50.98%;
}
.home-map span.park_point_03{
    left: 32.991%;
    top: 47.96%;
}
.home-map span.park_point_03{
    left: 44.63%;
    top: 60.13%;
}
.home-map span.park_point_04{
    left: 75.695%;
    top: 69.679%;
}
.home-map span.park_point_05{
    left: 47.091%;
    top: 67.973%;
}
.home-map span.park_point_06{
    left: 44.63%;
    top: 60.13%;
}
.home-map span.park_point_07{
    left: 51.23%;
    top: 59.803%;
}
.home-map span.park_point_08{
    left: 54.921%;
    top: 47.549%;
}
.home-map span.park_point_09{
    left: 65.212%;
    top: 45.588%;
}
.home-map span.park_point_10{
    left: 68.68%;
    top: 37.581%;
}
.home-map span.park_point_11{
    left: 84.932%;
    top: 56.941%;
}
.home-map span.park_point_12{
    left: 89.932%;
    top: 52.941%;
} */
.home-map a .ico {
	padding-top:1%;

    }
.home-map a .ico span.gunma{
        background: #bdd646;
        padding: 3px 5px;
        color: #333;
        border-radius: 5px;
    }
.home-map a .ico span.tochigi{
        background: #94c74e;
        padding: 3px 5px;
        color: #333;
        border-radius: 5px;
    }
.home-map a .ico span.ibaraki{
        background: #5abb83;
        padding: 3px 5px;
        color: #333;
        border-radius: 5px;
    }	

/* Course Page */
.course-reco{
    background-color: #fffef2;
    padding: 3% 20px;
    text-align: center;
}
#CourseShow{
    position: relative;
    width:100%;
}
#CourseShow header{
    width: 100%;
    padding-top: 5px;
    position: absolute;
}
#CourseShow header .sub-box{
    max-width: 1486px;
    padding-right: 56px;
    margin: 0 auto;
}
#CourseShow header h1{
    padding-left: 6px;
    float: left;
    font-size: 78.8125%;
    color: #ffffff;
    font-weight: normal;
}
#CourseShow header a{
    float: right;
    margin: 25px 40px 0 0;
    display: block;
}
#CourseShow header a:hover{
    filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;
}

.course-top{
    width: 1460px;
    margin: 0 auto;
    position: relative;
}
.course-top .logo{
    width: 39.041%;
    top: 0;
    left: 0;
    margin-top: -23.6%;
    z-index: 9;
    position: absolute;
}
.course-box{
    padding-top: 70px;
    padding-bottom: 65px;
    width: 1184px;
    margin: 0 auto;
    text-align: center;
}
.course-box .ttl{
    text-align: center;
    font-size: 245.1875%;
    font-weight: bold;
    padding: 15px 0 35px 0;
}
.course-box .sttl{
    width: 290px;
    position: absolute;
    left: 50%;
    top: -24px;
    margin-left: -145px;
}
.course-box .sub-box{
    background-color: #fffef2;
    border-radius: 17px;
    padding: 15px 50px;
    position: relative;
}
.course-box .map{
    width: 27.306%;
    float: left;
}
.course-box .txt{
    width: 69.188%;
    float: right;
    padding-top: 70px;
}
.course-box .txt p{
    padding-bottom: 30px;
}

.course .park-info{
    width: 1372px;
    margin: 0 auto;
}
.course .park-info .num,
.course .park-info .dot{
    width: 127px;
    float: left;
    background: url(../img/common/line.png) repeat-y center top;
}
.course .park-info .num span{
    width: 127px;
    height: 127px;
    line-height: 127px;
    text-align: center;
    border-radius: 50%;
    display: block;
    font-size: 284.375%;
    color: #ffffff;
    font-family: "Microsoft YaHei UI";
    background-color: #ee86a7;
}
.course .park-info .dot{
    padding-bottom: 8%;
}
.course .park-info .dot.lastChild{
    background-image: none;
}
.course .park-info .dot span{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: block;
    background-color: #ee86a7;
    margin: 0 auto;

}

.course .park-info .sub-box{
    clear: both;
    padding-right: 30px;
}
.course .park-show{
    padding-left: 156px;
}
.course .park-show .swiper-container{
    padding-bottom: 50px;
}
.course .park-show .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    margin: 0 9px!important;
}
.course .park-show .swiper-pagination-bullet-active{
    background-color: #ee86a7;
}
.course .park-intr{
    padding-left: 156px;
    padding-bottom: 8%;
}
.course .park-intr .ttl{
    font-size: 197.3125%;
    color: #ee86a7;
    font-weight: bold;
    padding-bottom: 10px;
}
.course .park-intr .ttl small{
    font-size: 52.929%;
    padding-left: 20px;
}
.course .park-intr .sttl,
.course .park-intr .link{
    width: 50.59%;
    float: left;
}
.course .park-intr .sttl p{
    font-size: 290%;
    font-weight: bold;
    padding-bottom: 30px;
}
.course .park-intr .link .btn{
    float: left;
    margin-right: 20px;
}
.course .park-intr .link .btn:hover{
    filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;
}

.course .park-article{
    width: 46.374%;
    float: right;
}
.course .park-article p{
    line-height: 2em;
}

.course-reco .ttl-h2{
    margin-bottom: 60px;
}
.course-reco ul{
    width: 876px;
    margin: 0 auto;
}
.course-reco li{
    width: 42%;
    float: left;
    font-size: 145.0625%;
}
.course-reco li:last-child{
    float: right;
}
.course-reco li a{
    display: block;
    text-decoration: none;
    color: #333333;
}
.course-reco li a:hover{
    filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;
}
.course-reco li img{
    margin-bottom: 10px;
}

    /* footer */
footer{
    background-color: #ebe6dd;
    padding: 4% 0;
}
.foot-link{
    text-align: center;
}
.foot-link a{
    display: inline-block;
    padding: 0 1%;
}
footer #Footer{
    width: 1320px;
    margin: 4% auto 0 auto;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 1459px) {
    footer #Footer {
        width: auto;
    }
}
footer #Footer ul{
    width: 76.515%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 2%;
    /* float: right; */
}
@media (max-width: 1099px) {
    footer #Footer {
        flex-direction: column
    }
    footer #Footer ul{
        width: 100%;
    }
}
#Footer li{
    width: calc(100% / 4);
    /* float: left; */
    padding: 10px 0;
}
#Footer li a{
    display: flex;
    align-items: center;
    color: #333333;
    text-decoration: none;
}
#Footer li a:hover{
    filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;
}
#Footer li img{
    width: 56px;
    height: auto;
}
#Footer li span{
    display: block;
    padding-left: 10px;
}
.foot-logo{
    width: 19.47%;
    /* float: left; */
}
.foot-nav{
    padding-top: 2%;
    text-align: center;
    position: relative;
}
.foot-nav a{
    margin: 0 1.5%;
    color: #333333;
    text-decoration: none;
}
.foot-nav a:hover{
    text-decoration: underline;
}
.foot-nav .btn-pagetop{
    width: 64px;
    position: absolute;
    right: 50%;
    top: 20px;
    margin-right: -762px;
    display: block;
}

@media all and (max-width: 1524px) {
    .foot-nav .btn-pagetop{
        right: 15px;
        margin-right: 0;
    }
}
@media all and (max-width: 1459px) {
    .home-news{
        padding: 30px;
    }
    .course-top,
    .home-news .sub-box,
    .home-map .sub-box,
    #Footer{
        width: auto;
    }
    .home-logo{
        width: 29.4037%;
        height: auto;
        margin-left: -14.701%;
        /* top: -20%; */
    }
    .home-article{
        padding-left: 20px;
        padding-right: 20px;
    }
    .home-map a .ico-num{
        left: 5px;
    }
    .home-map a p{
        font-size: 100%;
    }
    .home-map a .ico{
        height: 15px;
        width: auto;
    }
    .home-map .map-txt {
        margin-top: 50px;
        margin: 50px 1em auto 1em;
        font-size: 14px;
    }
    .course-box,
    .course .park-info{
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }

    footer{
        padding-left: 20px;
        padding-right: 20px;
    }
    .foot-logo{
        float: none;
        margin: 0 auto;
    }
    #Footer ul{
        float: none;
        width: 100%;
        margin-top: 20px;
    }

}

@media all and (max-width: 1180px) {
    .jgt-logo{
        width: 10%;
        min-width: 100px;
        position: relative;
        margin: 20px auto 0;
        top: 0;
        right: 0;
    }
}

@media all and (max-width: 999px) {
    #HomeShow{
        overflow: hidden;
    }
    #HomeShow .alignL,
    #HomeShow .alignR,
    #HomeShow .alignC{
        height: 400px;
    }
    #HomeShow img{
        display: none;
    }
    .home-logo{
        top: -100px;
    }
    .home-box{
        margin-top: -110px;
    }
    .home-map a p{
        font-size: 80%;
    }
    .home-map .sub-box .map{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .course-reco ul{
        width: auto;
    }

    .course .park-info .num,
    .course .park-info .dot{
        width: 80px;
    }
    .course .park-info .num span{
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 200%;
    }
    .course .park-info .dot{
        padding-top: 8px;
    }
    .course .park-info .dot span{
        width: 30px;
        height: 30px;
    }
    .course .park-show,
    .course .park-intr{
        padding-left: 100px;
    }
    .course .park-info .sub-box{
        padding-right: 0;
    }
    .course .park-show .swiper-container{
        padding-bottom: 40px;
    }

    .course .park-intr .sttl,
    .course .park-article,
    .course .park-intr .link{
        width: auto;
        float: none;
    }
    .course .park-intr .sttl p{
        font-size: 200%;
        padding-bottom: 10px;
    }
    .course .park-intr .sttl p br{
        display: none;
    }
    .course .park-article p{
        line-height: 1.5em;
    }
    .course .park-intr .link{
        padding-top: 20px;
    }
    .course-reco .ttl-h2{
        margin-bottom: 30px;
    }
    .course-reco li{
        width: 48%;
    }
    #Footer li{
        width: 33.333%;
    }

}
@media all and (max-width: 569px) {
    .event-text p br{
        display: none;
    }
}

@media all and (max-width: 767px) {
    .home-logo{
        top: -80px;
    }
    .home-nav{
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    #Menu{
        position: fixed;
        top: 10px;
        width: 100%;
        z-index: 9999;
    }
    #Menu .btn-menu{
        width: 41px;
        float: right;
        margin-right: 10px;
        padding-bottom: 10px;
        display: block;
    }

    #Navi,
    .home-nav{
        background-color: #fffef2;
        width: auto;
        display: none;
        clear: both;
    }
    #Navi li,
    .home-nav li{
        width: 100%;
        float: none;
        text-align: center;
        border-bottom: #333333 dotted 1px;
    }
    .home-nav li:last-child{
        border-bottom: none;
    }
    .course-top #Menu{
        width: 100%;
        float: none;
        padding-top: 0;
    }
    #Navi li a,
    .home-nav li a{
        display: inline-block!important;
        padding: 10px 0;
    }
    #Navi li.ico-home a{
        background-size: auto 30px;
        padding-left: 40px;
    }
    #Navi li.ico-map a,
    .home-nav li.ico-map a{
        background-size: auto 30px;
        padding-left: 30px;
    }
    #Navi li.ico-news a,
    .home-nav li.ico-news a{
        background-size: auto 30px;
        padding-left: 50px;
    }
    #Navi li.ico-course a,
    .home-nav li.ico-course a{
        background-size: auto 30px;
        padding-left: 50px;
    }
    #Navi li small,
    .home-nav li small{
        display: inline;
        font-size: 80%;
        padding-left: 10px;
    }
    #Menu li.ico-course span.abso{
        top:0em;
        right: -3em;
    }
    #Navi .sub-box{
        display: block;
        padding: 10px;
        text-align: center;
    }
    #Navi .sub-box a{
        display: inline-block;
        margin: 0 10px;
    }
    #Navi .sub-box a img{
        height: 30px;
        width: auto;
    }
    .ttl-h2{
        font-size: 120%;
    }
    .home-box{
        padding-top: 10%;
    }
    .home-news .sub-box{
        padding: 20px;
    }
    .home-news h2{
        width: auto;
    }
    .home-news h2 img{
        margin: 0 auto;
    }
    .home-news_left,
    .home-news_right{
        width: 100%;
        float: none;
        padding-top: 5px;
    }
    .home-news_left{
        padding-bottom: 20px;
    }
    .home-news .btn{
        width: 290px;
    }
    .home-map a p{
        font-size: 60%;
    }

    #CourseShow header a{
        display: none;
    }

    #Footer li{
        width: 50%;
        font-size: 85.7%;
    }
    #Footer li img{
        width: 45px;
    }
    .foot-logo{
        width: 180px;
    }
    .foot-link a{
        padding: 0 10px;
    }
    .foot-link img{
        height: 30px;
        width: auto;
    }
    .foot-nav{
        padding-bottom: 50px;
    }
    .foot-nav .btn-pagetop{
        width: 42px;
        top: auto;
        bottom: 0px;
    }
    address{
        padding-top: 10px;
    }

    .course-box .ttl{
        font-size: 150%;
    }
    .course-box .sub-box{
        padding: 70px 15px 20px 15px;
    }
    .course-box .map{
        width: auto;
        float: none;
    }
    .course-box .map img{
        margin: 0 auto;
    }
    .course-box .txt{
        width: auto;
        padding-top: 30px;
    }
    .course .park-intr .link .btn{
        width: 40%;
    }
    .course .park-intr .ttl{
        font-size: 150%;
    }
    .course .park-intr .sttl p{
        font-size: 150%;
    }
    .course-reco li{
        font-size: 100%;
    }

}

@media all and (max-width: 440px) {
    .home-logo{
        top: -40px;
    }
    #Footer li{
        font-size: 75%;
        line-height: 1.2em;
    }

}


/* hack css */
#HomeShow,
#Navi ul,
.home-nav ul,
.home-news .sub-box,
#Footer,
#Footer ul,
#Footer li,
.course-top,
.course-box .sub-box,
.course .park-info .sub-box,
.course-reco ul,
.course .park-intr{
    display: inline-block;
}

#HomeShow:after,
#Navi ul:after,
.home-nav ul:after,
.home-news .sub-box:after,
#Footer:after,
#Footer ul:after,
#Footer li:after,
.course-top:after,
.course-box .sub-box:after,
.course .park-info .sub-box:after,
.course-reco ul:after,
.course .park-intr:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

/* Hide from IE-mac \*/
* html #HomeShow,
* html #Navi ul,
* html .home-nav ul,
* html .home-news .sub-box,
* html #Footer,
* html #Footer ul,
* html #Footer li,
* html .course-top,
* html .course-box .sub-box,
* html .course .park-info .sub-box,
* html .course-reco ul,
* html .course .park-intr {
    height: 1%;
}

#HomeShow,
#Navi ul,
.home-nav ul,
.home-news .sub-box,
#Footer,
#Footer ul,
#Footer li,
.course-top,
.course-box .sub-box,
.course .park-info .sub-box,
.course-reco ul,
.course .park-intr{
    display: block;
}

/* End hide fromIE-mac*/
@media screen and (max-width: 1099px) {
    .fb-responsive .sns-box {
        /* width: 100%; */
        width: 50%;
        }
}
@media screen and (max-width: 767px) {
    .fb-responsive .sns-box {
        /* width: 100%; */
        width: 100%;
        }
}

/* スマホ用（767px以下）*/

@media screen and (max-width: 767px) {
.fb-responsive {
width: 100%;
max-width: 400px;
flex-direction: column;
}
.fb-responsive .sns-box .snapwidget-widget{
    width:280px;
    height:280px;
}

/* 追加（更新時削除） */

.ico-coming {
    padding: 10px 0;
    background: url(../img/common/ico_comming_sp.png) no-repeat center;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
}

.event-text {
    margin-bottom: 10%;
}
}

/* PC用(768px以上) */
@media screen and (min-width: 768px) {
.fb-responsive {
width: 100%;
}
}

@media screen and (max-width: 500px) {
.fb-responsive .sns-box h3{
    width: 100%;
}
}
@media screen and (max-width: 400px) {
.fb-responsive .sns-box .snapwidget-widget{
    border:none; overflow:hidden;  width:300px; height:300px
}
.fb-responsive .sns-box .twitter-timeline{
    width:300px;
}}
@media screen and (max-width: 375px) {
    .home-news {
        padding: 30px 10px;
    }
}

@media screen and (max-width: 320px) {
    .home-news {
        padding: 30px 5px;
    }
}

/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
	}
    .fb-responsive .hp-img{
        height: fit-content;
        
    }
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		/* width: 500px; */
		width: 300px;
        text-align: center;
	}
}



.fb-container iframe .css-175oi2r time{
    color: #fff!important;
}