@charset 'utf-8';
/*----------------------------------

　　　　　共通

------------------------------------*/
.pc-none{display: none !important;}
.w634{width: 634px;margin: auto;position: relative;}
.w712{width: 712px;margin: auto;position: relative;}
.w775{width: 775px;margin: auto;position: relative;}
.w848{width: 848px;margin: auto;position: relative;}
.w914{width: 914px;margin: auto;position: relative;}
.w963{width: 963px;margin: auto;position: relative;}
.w994{width: 994px;margin: auto;position: relative;}
.w1084{width: 1084px;margin: auto;position: relative;}
a{transition: 0.3s;}
a:hover{opacity: 0.7;}
body{
	background-image: url(../img/_common/bg_img1.png),url(../img/_common/bg_img2.png);
	background-size: 249px auto,296px auto;
	background-repeat: no-repeat;
	background-position: top 730px left,top 1576px right;}
.buttonarea{text-align: center;}
.buttonarea a{display: inline-block;width: 188px;line-height: 40px;border-radius: 20px;background: #B3D7B2;position: relative;
    color: #0F3B4B;font-size: 14px;letter-spacing: 0.15em;font-weight: 700;text-decoration: none;}
.buttonarea a:before{content: "";width: 56px;height: 10px;background: url(../img/_common/btn_arrow.png)no-repeat center;background-size: contain;
	position: absolute;top: 12px;right: -20px;transition: 0.3s;}
.buttonarea a:hover:before{right: -30px;}
.buttonarea.buttonDown a:before{ width: 32px;background-position: center right;background-size: auto 100%;top: unset;bottom: -15px;right: 74px;transform: rotate(90deg);}
.buttonarea.buttonDown a:hover:before{right: 74px;bottom: -18px;}
.buttonarea a img{vertical-align: middle;margin-top: -3px;}
.buttonarea .submit{display: inline-block;width: 188px;position: relative;}
.buttonarea .submit:before{content: "";width: 56px;height: 10px;background: url(../img/_common/btn_arrow.png)no-repeat center;background-size: contain;
    position: absolute;top: 12px;right: -20px;transition: 0.3s;z-index: 1;}
.buttonarea .submit:hover:before{right: -30px;}
.buttonarea input[type="submit"]{width: 100%;height: 40px;border-radius: 20px;background: #B3D7B2;position: relative;
    color: #0F3B4B;font-size: 14px;letter-spacing: 0.15em;font-weight: 700;text-decoration: none;transition: 0.3s;}
.buttonarea input[type="submit"]:hover{cursor: pointer;opacity: 0.7;}
.buttonarea input[type="submit"] img{vertical-align: middle;margin-top: -3px;}
.buttonarea .submit.disabled{opacity: 0.5;}
.buttonarea .submit.disabled:hover:before{right: -20px;}
.buttonarea .submit.disabled input[type="submit"]{background: #ddd;color: #222;}
.buttonarea .submit.disabled:hover,
.buttonarea .submit.disabled input[type="submit"]:hover{cursor: not-allowed;}
.buttonarea .submit.disabled input[type="submit"]:hover{opacity: 1;}
img.thumbnailImg{position: absolute;top: 0;left: 0;width: calc(100%);height: calc(100%);object-fit: cover;}
#main img.thumbnailImg{position: absolute;top: 2px;left: 2px;width: calc(100% - 4px);height: calc(100% - 4px);object-fit: cover;}
.instagram__img{
    aspect-ratio: 4 / 5;
    width: 100%;
    height: auto;
    object-fit: cover;
}


/*----------------------------------

　　　　　header

------------------------------------*/
header{padding: 71px 0 0;text-align: center;
	background: url(../img/_common/h_img.png)no-repeat center top;background-size: 1600px auto;}
@media screen and (min-width: 1600px){
	header{background-size: 100% auto;}
}
header h1{display: inline-block;padding: 0 0 12px;}
header ul.nav{position: absolute;bottom: 0;left: -2px;font-size: 0;}
header ul.nav li{display: inline-block;margin-right: 16px;vertical-align: middle;}
header ul.nav li a{display: block;position: relative;opacity: 1;}
header ul.nav li a:before{content: "";aspect-ratio: 1/1;width: 100%;height: auto;position: absolute;top: 0;left: 0;transition: 0.3s;}
header ul.nav li.nav3{margin-right: 32px;}
header ul.nav li.nav4{position: relative;}
header ul.nav li.nav1 a:before{background: url(../img/_common/ico_1.png)no-repeat center top;background-size: 44px auto;}
header ul.nav li.nav2 a:before{background: url(../img/_common/ico_2.png)no-repeat center top;background-size: 44px auto;}
header ul.nav li.nav3 a:before{background: url(../img/_common/ico_3.png)no-repeat center top;background-size: 44px auto;}
header ul.nav li a:hover::before{background-size: 48px auto;}
header ul.subnav{position: absolute;top: 11px;right: 0;font-size: 0;}
header ul.subnav li{display: inline-block;margin-left: 16px;line-height: 18px;vertical-align: middle;}
header ul.subnav li a{padding-left: 21px;display: block;}
header ul.subnav li a img{vertical-align: middle;}
header ul.subnav li.sub1 a{background: url(../img/_common/subico_1.png)no-repeat center left;background-size: auto 100%;}
header ul.subnav li.sub2 a{background: url(../img/_common/subico_2.png)no-repeat center left;background-size: auto 100%;}
header ul.subnav li.sub3 a{background: url(../img/_common/subico_3.png)no-repeat center left;background-size: auto 100%;}
header ul.subnav li.sub4 a{background: url(../img/_common/subico_4.png)no-repeat center left;background-size: auto 100%;}
header ul.subnav li.sub_ig{margin-left: 20px;}
header ul.subnav li.sub_ig a{padding-left: 0;}
header ul.subnav li.sub_lang{position: relative;transition: 0.3s;}
header ul.subnav li.sub_lang:hover{opacity: 0.7;cursor: pointer;}
header ul.subnav li.sub_lang ul{position: absolute;right: 0;margin-top: 8px;width: 80px;background: #fff;padding: 8px;box-sizing: border-box;display: none;z-index: 10;border: 1px solid #061729;}
header ul.subnav li.sub_lang ul li{display: block;margin: 0;font-size: 12px;}
header ul.subnav li.sub_lang ul li a {padding: 0;color: #061729;font-weight: 600;text-decoration: none;}
body.under header{margin-bottom: 64px;}


/*----------------------------------

　　　　　footer

------------------------------------*/
/*footer{margin-top: 56px;}*/
footer .bnrArea{font-size: 0;margin-top: 32px;}
footer .bnrArea li{display: inline-block;vertical-align: top;margin-right: 14px;}
footer .bnrArea li:last-of-type{margin-right: 0;}
footer #f_logo{width: 207px;display: table-cell;vertical-align: middle;}
footer .nav_wrapper{width: 707px;display: table-cell;vertical-align: middle;text-align: right;font-size: 0;}
footer .nav_wrapper li{display: inline-block;vertical-align: middle;padding-left: 16px;}
footer .nav_wrapper li a{text-decoration: underline;color: #333;font-size: 13px;}
footer .nav1{font-size: 0;margin-bottom: 8px;}
footer .nav1 li{width: 85px;line-height: 30px;border-radius: 4px;background: #fff;display: inline-block;margin-left: 8px;
    font-size: 13px;text-align: center;}
footer .nav1 li a{text-decoration: none;color: inherit;display: block;}
footer .nav2{font-size: 0;}
footer .nav2 li{line-height: 30px;border-radius: 4px;background: #fff;display: inline-block;margin-left: 8px;
    font-size: 13px;text-align: center;}
footer .nav2 li a{text-decoration: none;color: inherit;display: block;padding: 0 20px;}
footer #footer{background: #E9E6CF;margin-top: -7px;padding: 40px 0;}
footer #copy{color: #fff;background: #64554E;text-align: center;line-height: 60px;font-size: 11px;font-weight: 500;letter-spacing: 0.04em;}
footer #f_illust{position: relative;width: 100%;height: 376px;overflow: hidden;text-align: center;padding-bottom: 7px;}
footer #f_illust .cloud1{position: absolute;top: 0;left: 50%;margin-left: -708px;animation: cloud 8s infinite;}
footer #f_illust .cloud2{position: absolute;top: 99px;right: 50%;margin-right: -692px;animation: cloud 8s infinite;}
footer #f_illust .bg1{position: absolute;bottom: 7px;left: 0;width: 100%;height: 376px;background: url(../img/_common/footer/bg1.png)no-repeat center bottom;background-size: 2400px auto;}
footer #f_illust .bg2{position: absolute;bottom: 7px;left: 0;width: 100%;height: 376px;background: url(../img/_common/footer/bg2.png)no-repeat center bottom;background-size: 2400px auto;z-index: 2;}
@media screen and (min-width: 2400px){
    footer #f_illust .bg1{background-size: 100% auto;}
    footer #f_illust .bg2{background-size: 100% auto;}
}
footer #f_illust .tree1{position: absolute;bottom: 65px;left: 50%;margin-left: -583px;z-index: 1;}
footer #f_illust .tree2{position: absolute;bottom: 55px;left: 50%;margin-left: -323px;z-index: 1;}
footer #f_illust .tree3{position: absolute;bottom: 50px;left: 50%;margin-left: -56px;z-index: 1;}
footer #f_illust .tree4{position: absolute;bottom: 52px;left: 50%;margin-left: 165px;z-index: 1;}
footer #f_illust .house1{position: absolute;bottom: 59px;left: 50%;margin-left: -518px;z-index: 1;}
footer #f_illust .house2{position: absolute;bottom: 55px;left: 50%;margin-left: -404px;z-index: 1;}
footer #f_illust .house3{position: absolute;bottom: 53px;left: 50%;margin-left: -280px;z-index: 1;}
footer #f_illust .house4{position: absolute;bottom: 50px;left: 50%;margin-left: -153px;z-index: 1;}
footer #f_illust .house5{position: absolute;bottom: 52px;left: 50%;margin-left: -8px;z-index: 1;}
footer #f_illust .train{position: absolute;bottom: 0;right: -570px;z-index: 4;/*animation: train linear 35s infinite;*/}
footer #f_illust .bus{position: absolute;bottom: 7px;left: -154px;z-index: 3;/*animation: bus linear 60s infinite;*/}
@keyframes cloud {
    0% {
        transform:translateX(0);
    }
    50% {
        transform:translateX(10%);
    }
    100% {
        transform:translateX(0);
    }
}
/*@keyframes train {
    0% {
        transform:translateX(0);
    }
    70% {
        transform:translateX(-600%);
    }
    100% {
        transform:translateX(-600%);
    }
}
@keyframes bus {
    0% {
        transform:translateX(0);
    }
    70% {
        transform:translateX(2000%);
    }
    100% {
        transform:translateX(2000%);
    }
}*/

#pagetop{
    position: fixed;
    right: 32px;
    bottom: 32px;
    z-index: 9999;
    transition: 0.3s;
}
#pagetop:hover{
    bottom: 36px;
}

/*----------------------------------

　　　　　全ページ共通見出し

------------------------------------*/
.ttlBox{text-align: center;margin-bottom: 40px;width: 290px;background: #fff;box-sizing: border-box;
    border-top: 2px solid #0F3B4B;border-bottom: 2px solid #0F3B4B;position: relative;padding: 9px 0 13px;margin: 0 auto 40px;}
.ttlBox:before,
.ttlBox:after{content: "";width: 2px;height: calc(100% - 16px);background: #0F3B4B;position: absolute;top: 8px;}
.ttlBox:before{left: -2px;}
.ttlBox:after{right: -2px;}
.ttlBox h4{line-height: 0em;}
.ttlBox p{font-size: 14px;color: #0F3B4B;letter-spacing: 0.04em;font-weight: 700;line-height: 0em;margin-top: 7px;}
.ttlBox.small{margin-bottom: 0;width: 162px;padding: 7px 0 9px;}
.ttlBox.small h4{margin-bottom: 4px;}
body.under .ttlBox{margin-bottom: 64px;}
body.under .ttlBox.small{margin-bottom: 32px;}


/*----------------------------------

　　　　　ページネーション

------------------------------------*/
.pager{font-size: 0;}
.pager span,
.pager a{width: 36px;line-height: 36px;font-size: 16px;font-weight: 500;display: inline-block;margin-right: 16px;text-align: center;}
.pager span{background: #B3D7B2;border-radius: 50%;color: #fff;}
.pager a{background: #0F3B4B;border-radius: 50%;color: #fff;text-decoration: none;}
.pager a.prev,
.pager a.next{display: none;}


/*----------------------------------

　　　　　タグ

------------------------------------*/
.tags{font-size: 0;margin-bottom: 6px;}
.tags li{line-height: 20px;border-radius: 4px;background: #F2F0E7;display: inline-block;margin-right: 4px;margin-bottom: 4px;}
.tags li a{font-size: 11px;color: #222;padding: 0 8px;display: block;text-decoration: none;letter-spacing: 0.04em;font-weight: 700;}


/*----------------------------------

　　　　　TOPページ

------------------------------------*/
/*　　スライド　　*/
#main{margin-top: 31px;position: relative;}
#main .slick-slide{padding: 0 10px;position: relative;}
#main .slick-slide:before,
#main .slick-slide:after{content: "";width: 47px;height: 19px;position: absolute;top: 50%;z-index: 10;margin-top: -3px;}
#main .slick-slide:before{background: url(../img/top/t_ring_r.png)no-repeat center;background-size: contain;right: 0;}
#main .slick-slide:after{background: url(../img/top/t_ring_l.png)no-repeat center;background-size: contain;left: 0;}
#main .slick-list li{position: relative;}
#main .slick-list li:before,
#main .slick-list li:after{content: "";width: 47px;height: 7px;position: absolute;top: 50%;z-index: -1;margin-top: -10px;}
#main .slick-list li:before{background: url(../img/top/b_ring_r.png)no-repeat center;background-size: contain;right: -10px;}
#main .slick-list li:after{background: url(../img/top/b_ring_l.png)no-repeat center;background-size: contain;left: -10px;}
#main > ul:not(.slick-initialized){height: 569px;overflow: hidden;}
#main li a{position: relative;display: block;color: #222;}
#main li a:before{content: "";width: 100%;height: 100%;background: url(../img/top/cover.png)no-repeat center;background-size: cover;
	position: absolute;top: 0;left: 0;z-index: 1;}
#main li img{vertical-align: middle;}
#main li .wrapper{padding: 1px;}
#main li .inner{position: relative;}
#main li .inner .cover{position: relative;}
#main li .txtBox{position: absolute;bottom: 32px;left: 173px;z-index: 10;max-width: 526px;overflow: hidden;}
#main li .txtBox .date{font-size: 13px;letter-spacing: 0.05em;line-height: 16px;padding-left: 51px;margin-bottom: 4px;}
#main li .txtBox h6{font-size: 24px;font-weight: 700;letter-spacing: 0.04em;line-height: 41px;padding-left: 51px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#main li .txtBox h6.eat{background: url(../img/top/ico_1.png)no-repeat center left;background-size: 41px;}
#main li .txtBox h6.goout{background: url(../img/top/ico_2.png)no-repeat center left;background-size: 41px;}
#main li .txtBox h6.life{background: url(../img/top/ico_3.png)no-repeat center left;background-size: 41px;}

#top #cont1{margin-bottom: 48px;}

/*　　新着記事　　*/
#top #cont1 .entry{width: 634px;float: left;color: #222;}
#top #cont1 .entry .ttlBox{margin-bottom: 0;}
#top #cont1 .entry .list{font-size: 0;background: #fff;padding: 86px 40px 48px 42px;border-radius: 8px;margin-top: -38px;}
#top #cont1 .entry .item{width: 260px;display: inline-block;vertical-align: top;margin-right: 32px;margin-bottom: 32px;}
#top #cont1 .entry .item:nth-of-type(2n){margin-right: 0;}
#top #cont1 .entry .item:last-of-type{margin-bottom: 40px;}
#top #cont1 .entry .item a{display: block;position: relative;text-decoration: none;color: inherit;}
#top #cont1 .entry .item .img a:before{content: "";width: 40px;height: 40px;position: absolute;top: -11px;left: -11px;z-index: 1;}
#top #cont1 .entry .item.eat .img a:before{background: url(../img/top/e_ico1.png)no-repeat center;background-size: contain;}
#top #cont1 .entry .item.goout .img a:before{background: url(../img/top/e_ico2.png)no-repeat center;background-size: contain;}
#top #cont1 .entry .item.life .img a:before{background: url(../img/top/e_ico3.png)no-repeat center;background-size: contain;}
#top #cont1 .entry .item .img{margin-bottom: 20px;}
#top #cont1 .entry .item .txtBox ul{margin-bottom: 16px;font-size: 0;}
#top #cont1 .entry .item .txtBox ul li{display: inline-block;vertical-align: middle;}
#top #cont1 .entry .item .txtBox ul li.label{line-height: 16px;width: 86px;border-left: 1px solid #222;border-right: 1px solid #222;text-align: center;font-size: 10px;font-weight: 500;letter-spacing: 0.1em;}
#top #cont1 .entry .item .txtBox ul li.date{font-size: 12px;font-weight: 500;letter-spacing: 0.05em;padding-left: 12px;}
#top #cont1 .entry .item .txtBox h6{font-size: 16px;letter-spacing: 0.02em;font-weight: 700;line-height: 28px;}

/*　　お知らせ　　*/
#top #cont2{margin-bottom: 17px;}
#top #cont2 .item a{text-decoration: none;color: #222;}
#top #cont2 .item dl{font-size: 0;padding-bottom: 24px;margin-bottom: 24px;
    background-image: linear-gradient(to right, #222, #222 2px, transparent 2px, transparent 6px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;}
#top #cont2 .item:last-of-type dl{margin-bottom: 38px;}
#top #cont2 .item dt{display: inline-block;vertical-align: top;font-size: 12px;letter-spacing: 0.05em;width: 142px;padding-left: 15px;
	background: url(../img/_common/ico_arrow.png)no-repeat center left;background-size: 5px auto;line-height: 1.8em;box-sizing: border-box;}
#top #cont2 .item dd{display: inline-block;vertical-align: top;font-size: 14px;letter-spacing: 0.04em;width: 570px;
	line-height: 24px;font-weight: 700;}
#top #cont2 .item dd .ico_new{display: inline-block;vertical-align: middle;margin-top: -3px;margin-left: 18px;line-height: 0em;}
#top #cont2 .item dd .ico_new img{vertical-align: middle;}

/*　　スポット　　*/
#top #cont3{padding: 124px 0 105px;position: relative;margin-bottom: 64px;background: url(../img/top/bg.png)repeat center;background-size: 337px 637px;}
#top #cont3:before{content: "";width: 228px;height: 360px;position: absolute;top: -17px;right: 50%;margin-right: -571px;
    background: url(../img/top/img_spot1.png)no-repeat center;background-size: contain;z-index: 2;}
#top #cont3:after{content: "";width: 297px;height: 306px;position: absolute;bottom: -109px;left: 50%;margin-left: -689px;
    background: url(../img/top/img_spot2.png)no-repeat center;background-size: contain;z-index: 2;}
#top #cont3 .w848{z-index: 10;}
#top #cont3 .bg1{width: 100%;height: 134px;position: absolute;top: 0;left: 0;background: url(../img/top/bg1.png)no-repeat center;background-size: 2400px auto;}
#top #cont3 .bg2{width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;background: url(../img/top/bg2.png)no-repeat center;background-size: 2400px auto;}
@media screen and (min-width: 2400px){
    #top #cont3 .bg1{background-size: 100% 134px;}
    #top #cont3 .bg2{background-size: 100% 49px;}
}
#top #cont3 .list{font-size: 0;margin-bottom: 32px;}
#top #cont3 .item{width: 197px;display: inline-block;vertical-align: top;margin-right: 20px;}
#top #cont3 .item a{color: #222;display: block;}
#top #cont3 .item:last-of-type{margin-right: 0;}
#top #cont3 .item .img{border-radius: 4px 4px 0 0;overflow: hidden;box-sizing: border-box;position: relative;}
#top #cont3 .item .txtBox{background: #fff;padding: 16px 16px 28px;border-radius: 0 0 4px 4px;}
#top #cont3 .item h6 a{font-size: 14px;text-decoration: none;letter-spacing: 0.04em;line-height: 20px;}
#top #cont3 .buttonarea a{background: #fff;}

/*　　インスタグラム　　*/
#top #cont4 .list{font-size: 0;}
#top #cont4 li{width: 154px;display: inline-block;vertical-align: top;margin: 0 14px 14px 0;position: relative;}
#top #cont4 li:nth-of-type(6n){margin-right: 0;}
#top #cont4 li:last-of-type{margin-bottom: 32px;}
#top #cont4 li a{display: block;}


/*----------------------------------

　　　　　編集部おすすめ

------------------------------------*/
#pickup{width: 320px;float: right;color: #222;}
#pickup .list{background: #fff;padding: 60px 32px 32px;box-sizing: border-box;border-radius: 8px;margin-top: -18px;margin-bottom: 32px;}
#pickup .item{padding-bottom: 20px;margin-bottom: 20px;
    background-image: linear-gradient(to right, #222, #222 2px, transparent 2px, transparent 6px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;}
#pickup .item:last-of-type{margin-bottom: 0;padding-bottom: 0;background: none;}
#pickup .item a{display: block;position: relative;text-decoration: none;color: inherit;}
#pickup .item a:before{content: "";width: 35px;height: 35px;position: absolute;top: -11px;left: -11px;z-index: 1;}
#pickup .item.eat a:before{background: url(../img/top/p_ico1.png)no-repeat center;background-size: contain;}
#pickup .item.goout a:before{background: url(../img/top/p_ico3.png)no-repeat center;background-size: contain;}
#pickup .item.life a:before{background: url(../img/top/p_ico2.png)no-repeat center;background-size: contain;}
#pickup .item .img{margin-bottom: 14px;width: 90px;display: table-cell;vertical-align: top;position: relative;}
#pickup .item .txtBox{display: table-cell;vertical-align: top;padding-left: 12px;}
#pickup .item .txtBox .date{font-size: 12px;letter-spacing: 0.05em;margin-bottom: 12px;font-weight: 500;}
#pickup .item .txtBox h6{font-size: 13px;letter-spacing: 0.04em;font-weight: 500;line-height: 22px;}
#pickup .pickup_bnr li{margin-bottom: 12px;}
#pickup .pickup_bnr li:last-of-type{margin-bottom: 0;}
.under #pickup .list{margin-top: -60px;}


/*----------------------------------

　　　　　特集記事 一覧ページ

------------------------------------*/
#entry.list .navBtns{text-align: center;font-size: 0;margin-bottom: 64px;}
#entry.list .navBtns li{display: inline-block;margin-right: 40px;}
#entry.list .navBtns li:last-of-type{margin-right: 0;}
#entry.list .navBtns li a{display: block;position: relative;}
#entry.list .navBtns li a:before{content: "";width: 43px;height: 10px;position: absolute;top: 10px;left: -16px;
    background: url(../img/entry/arrow.png)no-repeat center;background-size: contain;transition: 0.3s;}
#entry.list .navBtns li a:hover:before{left: -10px;}
#entry.list .entry {width: 634px;float: left;}
#entry.list .entry .item{margin-bottom: 24px;}
#entry.list .entry .item:last-of-type{margin-bottom: 40px;}
#entry.list .entry .item .img{display: table-cell;vertical-align: top;position: relative;width: 253px;}
#entry.list .entry .item .img a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#entry.list .entry .item .txtBox{display: table-cell;vertical-align: top;background: #fff;width: 320px;box-sizing: border-box;padding: 32px 24px 32px 32px;
    color: #222;border-radius: 0 8px 8px 0;width: 381px;}
#entry.list .entry .item .txtBox ul{margin-bottom: 20px;font-size: 0;}
#entry.list .entry .item .txtBox ul li{display: inline-block;vertical-align: middle;}
#entry.list .entry .item .txtBox ul li.label{line-height: 16px;width: 86px;border-left: 1px solid #222;border-right: 1px solid #222;text-align: center;font-size: 10px;font-weight: 500;letter-spacing: 0.1em;}
#entry.list .entry .item .txtBox ul li.date{font-size: 12px;font-weight: 500;letter-spacing: 0.05em;padding-left: 12px;}
#entry.list .entry .item .txtBox h6{font-weight: 700;font-size: 18px;letter-spacing: 0.02em;line-height: 30px;margin-bottom: 16px;/*height: 3em;*/}
#entry.list .entry .item .txtBox p{font-size: 14px;letter-spacing: 0.1em;line-height: 28px;height: 5.8em;overflow: hidden;}
#entry.list .entry .item a{text-decoration: none;display: block;position: relative;color: inherit;}
#entry.list .entry .item .img a:before{content: "";width: 40px;height: 40px;position: absolute;top: -11px;left: -11px;z-index: 1;}
#entry.list .entry .item.eat .img a:before{background: url(../img/top/e_ico1.png)no-repeat center;background-size: contain;}
#entry.list .entry .item.goout .img a:before{background: url(../img/top/e_ico2.png)no-repeat center;background-size: contain;}
#entry.list .entry .item.life .img a:before{background: url(../img/top/e_ico3.png)no-repeat center;background-size: contain;}


/*----------------------------------

　　　　　各詳細ページ自由入力エリア

------------------------------------*/
#detailCont{word-break: break-all;}
#detailCont p{font-size: 14px;letter-spacing: 0.1em;line-height: 28px;margin-bottom: 32px;}
#detailCont img{max-width: 100%;height: auto;}
#detailCont h1{font-size: 22px;font-weight: 700;line-height: 36px;letter-spacing: 0.04em;margin-bottom: 16px;}
#detailCont h2{font-size: 22px;font-weight: 500;line-height: 36px;letter-spacing: 0.04em;margin-bottom: 16px;}
#detailCont h3{font-size: 20px;font-weight: 700;line-height: 34px;letter-spacing: 0.04em;margin-bottom: 16px;}
#detailCont h4{font-size: 20px;font-weight: 500;line-height: 34px;letter-spacing: 0.04em;margin-bottom: 16px;}
#detailCont h5{font-size: 18px;font-weight: 700;line-height: 28px;letter-spacing: 0.04em;margin-bottom: 32px;}
#detailCont h6{font-size: 18px;font-weight: 500;line-height: 28px;letter-spacing: 0.04em;margin-bottom: 32px;}
#detailCont a{color: inherit;font-weight: inherit;text-decoration: underline;}
#detailCont strong{font-size: inherit;font-weight: 700;}
#detailCont ul,
#detailCont ol{padding-left: 20px;margin-bottom: 32px;}
#detailCont ul li,
#detailCont ol li{font-size: 14px;letter-spacing: 0.1em;line-height: 28px;}
#detailCont ul li{list-style-type: disc;}
#detailCont ol li{list-style-type: decimal;}
#detailCont iframe{max-width: 100%;}
#detailCont blockquote,
#detailCont blockquote *{font-size: 12px;}
#detailCont .attention{font-size: 13px;line-height: 24px;margin-bottom: 80px;}
#detailCont .youtubeWrap{position:relative;width:100%;height:0;padding-top:56.25%;}
#detailCont .youtubeWrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


/*----------------------------------

　　　　　各詳細ページシェアボタン

------------------------------------*/
#snsBox{font-size: 0;text-align: center;margin-bottom: 32px;}
#snsBox p{font-size: 10px;letter-spacing: 0.05em;line-height: 17px;font-weight: 700;margin-bottom: 10px;}
#snsBox li{display: inline-block;vertical-align: top;margin: 0 6px;}

.buttonarea2{text-align: center;margin-bottom: 24px;}
.buttonarea2 a{width: 320px;line-height: 56px;text-decoration: none !important;color: #080808;letter-spacing: 0.04em;
    display: inline-block;border: 1px solid #080808;box-sizing: border-box;padding: 4px;background: #feffe6;}
.buttonarea2 a:hover{background: #EAEBC4;}
.buttonarea2 a span{display: block;line-height: 48px;border: 1px solid #080808;box-sizing: border-box;background: #fff;
    position: relative;font-weight: 700;font-size: 14px;}
.buttonarea2 a span:before{content: "";width: 13px;height: 11px;position: absolute;top: 50%;left: 39px;margin-top: -6px;
    background: url(../img/_common/btn_arrow2.png)no-repeat center;background-size: contain;}






/*----------------------------------

　　　　　特集記事・News 詳細ページ

------------------------------------*/
.under.detail .entry .cont_cover{position: relative;}
.under.detail .entry .cont_cover img{max-width: 634px;width: 100%;height: auto;}
.under.detail .entry .inner{background: #fff;padding: 40px 40px 48px;border-radius: 0 0 8px 8px;}
.under.detail .entry .txtBox{padding-bottom: 24px;border-bottom: double 4px #222;margin-bottom: 32px;}
.under.detail .entry .txtBox .date{font-size: 13px;letter-spacing: 0.05em;margin-bottom: 16px;font-weight: 500;line-height: 16px;}
.under.detail .entry .txtBox h6{font-size: 24px;letter-spacing: 0.04em;font-weight: 700;line-height: 41px;}



/*----------------------------------

　　　　　特集記事 詳細ページ

------------------------------------*/
/*　　メイン　　*/
body.under.detail #cont1{margin-bottom: 48px;}
#entry.detail #cont1 .txtBox ul{margin-bottom: 16px;font-size: 0;}
#entry.detail #cont1 .txtBox ul li{display: inline-block;vertical-align: middle;}
#entry.detail #cont1 .txtBox ul li.label{line-height: 16px;width: 86px;border-left: 1px solid #222;border-right: 1px solid #222;text-align: center;font-size: 10px;font-weight: 500;letter-spacing: 0.1em;}
#entry.detail #cont1 .txtBox ul li.label a{display: block;text-decoration: none;color: inherit;}
#entry.detail #cont1 .txtBox ul li.date{font-size: 12px;font-weight: 500;letter-spacing: 0.05em;padding-left: 12px;margin-bottom: 0;}
#entry.detail .entry .cont_cover{position: relative;}
#news.detail .entry,
#event.detail .entry,
#entry.detail .entry{width: 634px;float: left;box-sizing: border-box;color: #222;}
#entry.detail .entry .inner .tags{margin-bottom: 16px;}
#entry.detail #detailCont p.lead{margin-bottom: 48px;}
#entry.detail #detailCont .box{margin-bottom: 80px;}
#entry.detail #detailCont .box p,
#entry.detail #detailCont .box ul,
#entry.detail #detailCont .box ol{margin-bottom: 16px;}
#entry.detail #detailCont .box blockquote p{color: #333;font-size: 12px;}
#entry.detail #detailCont .box h4.entry_name{font-weight: 700;margin-bottom: 12px;}
#entry.detail #detailCont .box h5.entry_title{font-weight: 700;margin-bottom: 16px;}
#entry.detail #detailCont .box .entry_spot{margin-top: 32px;margin-bottom: 32px;}
#entry.detail #detailCont .box .entry_spot h6.entry_spot_name{margin-bottom: 12px;font-weight: 700;}

/*　　こちらもチェック！　　*/
body.under.detail #cont2 .item{float: left;width: 223px;margin-right: 34px;color: #222;}
body.under.detail #cont2 .item:last-of-type{margin-right: 0;}
body.under.detail #cont2 .item a{display: block;text-decoration: none;color: inherit;}
body.under.detail #cont2 .item .img{position: relative;}
body.under.detail #cont2 .item .img:before{content: "";width: 40px;height: 40px;position: absolute;top: -11px;left: -11px;z-index: 10;}
body.under.detail #cont2 .item.eat .img:before{background: url(../img/top/e_ico1.png)no-repeat center;background-size: contain;}
body.under.detail #cont2 .item.goout .img:before{background: url(../img/top/e_ico2.png)no-repeat center;background-size: contain;}
body.under.detail #cont2 .item.life .img:before{background: url(../img/top/e_ico3.png)no-repeat center;background-size: contain;}
body.under.detail #cont2 .txtBox{background: #fff;padding: 16px 16px 24px;border-radius: 0 0 4px 4px;}
body.under.detail #cont2 .txtBox ul{margin-bottom: 10px;font-size: 0;}
body.under.detail #cont2 .txtBox ul li{display: inline-block;vertical-align: middle;}
body.under.detail #cont2 .txtBox ul li.label{line-height: 16px;width: 64px;border-left: 1px solid #222;border-right: 1px solid #222;text-align: center;font-size: 10px;font-weight: 500;letter-spacing: 0.1em;margin-right: 12px;}
body.under.detail #cont2 .txtBox ul li.label.life{width: 78px;letter-spacing: 0em;margin-right: 6px;}
body.under.detail #cont2 .txtBox ul li.date{font-size: 12px;font-weight: 500;letter-spacing: 0.05em;}
body.under.detail #cont2 .txtBox h6{font-size: 14px;letter-spacing: 0.04em;font-weight: 700;line-height: 26px;}

body.under.detail #pickup{position: sticky;top: 24px;}
body.under.detail #pickup .list{margin-bottom: 0;}
/*----------------------------------

　　　　　News 一覧ページ

------------------------------------*/
#news.list .entry .list{font-size: 0;}
#news.list .entry .item{margin-bottom: 31px;width: 466px;display: inline-block;vertical-align: top;margin-right: 31px;}
#news.list .entry .item:nth-of-type(2n){margin-right: 0;}
#news.list .entry .item:last-of-type{margin-bottom: 40px;}
#news.list .entry .item .img{display: table-cell;vertical-align: top;position: relative;}
#news.list .entry .item .txtBox{display: table-cell;vertical-align: top;background: #fff;width: 320px;box-sizing: border-box;padding: 24px;
    color: #222;border-radius: 0 8px 8px 0;width: 100%;}
#news.list .entry .item .txtBox .date{font-size: 13px;font-weight: 500;letter-spacing: 0.02em;padding-right: 48px;display: inline-block;
    line-height: 10px;margin-bottom: 24px;}
#news.list .entry .item.new .txtBox .date{background: url(../img/_common/ico_new.png)no-repeat center right;background-size: 33px auto;}
#news.list .entry .item .txtBox h6{font-weight: 700;font-size: 15px;letter-spacing: 0.04em;line-height: 28px;}
#news.list .entry .item a{text-decoration: none;display: block;}


/*----------------------------------

　　　　　スポット一覧

------------------------------------*/
#spot.list form{margin-bottom: 40px;}
#spot.list form.tax{margin-bottom: 16px;}
#spot.list p.selectedArea{margin-bottom: 12px;font-size: 12px;line-height: 12px;letter-spacing: 0.04em;font-weight: 500;}
#spot.list .entry{width: 631px;float: left;}
#spot.list .entry .list{font-size: 0;}
#spot.list .entry .item{width: 197px;display: inline-block;vertical-align: top;margin-right: 20px;margin-bottom: 32px;}
#spot.list .entry .item a{color: #222;display: block;}
#spot.list .entry .item:nth-of-type(3n){margin-right: 0;}
#spot.list .entry .item:last-of-type{margin-bottom: 48px;}
#spot.list .entry .item .img{border-radius: 4px 4px 0 0;overflow: hidden;box-sizing: border-box;position: relative;}
#spot.list .entry .item .txtBox{background: #fff;padding: 16px 16px 28px;border-radius: 0 0 4px 4px;}
#spot.list .entry .item h6 a{font-size: 14px;text-decoration: none;letter-spacing: 0.04em;line-height: 20px;}
#spot.list .entry .buttonarea a{background: #fff;}


/*----------------------------------

　　　　　スポット詳細

------------------------------------*/
#spot.detail #cont1{margin-bottom: 48px;}
#spot.detail #spotDetail{margin-bottom: 40px;}
#spot.detail .entry{width: 634px;float: left;box-sizing: border-box;color: #222;}
#spot.detail .entry .tags{margin-bottom: 16px;}
#spot.detail .entry .cont_cover{position: relative;overflow: hidden;}
#spot.detail .entry .cont_cover img{max-width: 634px;width: 100%;height: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#spot.detail .entry .inner{background: #fff;padding: 40px 40px 48px;border-radius: 0 0 8px 8px;}
#spot.detail .entry .inner .mainImg{margin-bottom: 32px;}
#spot.detail .entry .inner .lead{font-size: 14px;letter-spacing: 0.1em;line-height: 28px;margin-bottom: 40px;}
#spot.detail .entry .inner .data{font-size: 0;}
#spot.detail .entry .inner dl{width: 265px;display: inline-block;vertical-align: top;margin-right: 24px;padding-bottom: 20px;margin-bottom: 20px;
    background-image: linear-gradient(to right, #222, #222 2px, transparent 2px, transparent 6px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;}
#spot.detail .entry .inner dl:nth-of-type(2n){margin-right: 0;}
#spot.detail .entry .inner dl:last-of-type{margin-bottom: 40px;}
#spot.detail .entry .inner dl dt{font-size: 12px;font-weight: 700;padding-left: 30px;line-height: 22px;margin-bottom: 12px;}
#spot.detail .entry .inner dl.name dt{background: url(../img/spot/ico_name.png)no-repeat center left;background-size: 22px;}
#spot.detail .entry .inner dl.add dt{background: url(../img/spot/ico_add.png)no-repeat center left;background-size: 22px;}
#spot.detail .entry .inner dl.tel dt{background: url(../img/spot/ico_tel.png)no-repeat center left;background-size: 22px;}
#spot.detail .entry .inner dl.time dt{background: url(../img/spot/ico_time.png)no-repeat center left;background-size: 22px;}
#spot.detail .entry .inner dl.holiday dt{background: url(../img/spot/ico_holiday.png)no-repeat center left;background-size: 22px;}
#spot.detail .entry .inner dl.seat dt{background: url(../img/spot/ico_seat.png)no-repeat center left;background-size: 22px;}
#spot.detail .entry .inner dl.price dt{background: url(../img/spot/ico_price.png)no-repeat center left;background-size: 22px;}
#spot.detail .entry .inner dl.web dt{background: url(../img/spot/ico_web.png)no-repeat center left;background-size: 22px;}
#spot.detail .entry .inner dl.ig dt{background: url(../img/spot/ico_ig.png)no-repeat center left;background-size: 22px;}
#spot.detail .entry .inner dl.access dt{background: url(../img/spot/ico_access.png)no-repeat center left;background-size: 22px;}
#spot.detail .entry .inner dl.other dt{background: url(../img/spot/ico_other.png)no-repeat center left;background-size: 22px;}
#spot.detail .entry .inner dl dd{font-size: 13px;letter-spacing: 0.04em;line-height: 23px;}
#spot.detail .entry .inner dl dd a{font-size: inherit;color: inherit;text-decoration: underline;}
#spot.detail .entry .inner .map{margin-bottom: 40px;}
#spot.detail .entry .inner .map iframe{width: 100%;height: 362px;}
#spot.detail .entry .inner .attention{font-size: 12px;line-height: 22px;letter-spacing: 0.04em;margin-bottom: 40px;}
#spot.detail .entry .txtBox{padding-bottom: 24px;border-bottom: double 4px #222;margin-bottom: 32px;}
#spot.detail .entry .txtBox .date{font-size: 13px;letter-spacing: 0.05em;margin-bottom: 16px;font-weight: 500;line-height: 16px;}
#spot.detail .entry .txtBox h6{font-size: 24px;letter-spacing: 0.04em;font-weight: 700;line-height: 41px;}

/*　　その他のスポット　　*/
#spot.detail #cont2{font-size: 0;}
#spot.detail #cont2 .item{width: 197px;display: inline-block;vertical-align: top;margin-right: 20px;}
#spot.detail #cont2 .item a{color: #222;display: block;}
#spot.detail #cont2 .item:last-of-type{margin-right: 0;}
#spot.detail #cont2 .item .img{border-radius: 4px 4px 0 0;overflow: hidden;box-sizing: border-box;position: relative;}
#spot.detail #cont2 .item .txtBox{background: #fff;padding: 16px 16px 28px;border-radius: 0 0 4px 4px;}
#spot.detail #cont2 .item h6 a{font-size: 14px;text-decoration: none;letter-spacing: 0.04em;line-height: 20px;}


/*----------------------------------

　　　　　にしてつニュースについて

------------------------------------*/
#about #cont1{color: #222;}
#about #cont1 .inner{background: #fff;padding: 48px 40px;border-radius: 8px;}
#about #cont1 .inner .img{margin-bottom: 32px;}
#about #cont1 .inner h6{margin-bottom: 28px;font-size: 16px;font-weight: 700;letter-spacing: 0.04em;line-height: 21px;}
#about #cont1 .inner p{font-size: 14px;letter-spacing: 0.04em;line-height: 24px;}
#about #cont1 .inner p strong{font-weight: 700;}
#about #cont1 .inner p .eat{background: #F4E3A9;}
#about #cont1 .inner p .goout{background: #B4D6DB;}
#about #cont1 .inner p .life{background: #EECECE;}
#about #cont1 .inner .about_btn{font-size: 0;margin-top: 40px;}
#about #cont1 .inner .about_btn .buttonarea2{margin-bottom: 0;display: inline-block;vertical-align: top;}
#about #cont1 .inner .about_btn .buttonarea2:first-of-type{margin-right: 31px;}
#about #cont1 .inner .about_btn .buttonarea2 a{width: 261px;}
#about #cont1 .inner .about_btn .buttonarea2 a span:before{left: 20px;}
#about #cont1 .inner .backnumber{background: #f6f6f6;padding: 24px;margin-top: 32px;}
#about #cont1 .inner .backnumber .buttonarea2{margin-bottom: 0;margin-top: 12px;}
#about #cont1 .inner .backnumber .buttonarea2 a{width:  375px;}


/*----------------------------------

　　　　　お問い合わせ

------------------------------------*/
#contact #cont1{color: #222;}
#contact #cont1 form dl{margin-bottom: 24px;}
#contact #cont1 form dl:last-of-type{margin-bottom: 32px;}
#contact #cont1 form dl dt{display: table-cell;vertical-align: middle;width: 154px;font-size: 14px;font-weight: 700;letter-spacing: 0.04em;}
#contact #cont1 form dl dt span.required {background: #DC3232;color: #fff;font-size: 10px;font-weight: 700;line-height: 13px;display: inline-block;vertical-align: top;
    padding: 1px 4px;border-radius: 4px;margin-left: 8px;}
#contact #cont1 form dl dd{display: table-cell;vertical-align: middle;width: 400px;font-size: 14px;letter-spacing: 0.04em;}
#contact #cont1 form dl dd textarea{max-width: 400px;width: 400px;height: 200px;}
#contact #cont1 form dl dd a{color: inherit;text-decoration: underline;}
#contact #cont1 .inner{background: #fff;padding: 48px 40px;border-radius: 8px;margin-bottom: 48px;}
#contact #cont1 .inner:last-of-type{margin-bottom: 0;}
#contact #cont1 .inner h6{font-size: 16px;font-weight: 700;letter-spacing: 0.04em;line-height: 21px;margin-bottom: 28px;}
#contact #cont1 .inner p{font-size: 14px;letter-spacing: 0.04em;line-height: 24px;}
#contact #cont1 .inner .lead{padding-bottom: 32px;margin-bottom: 36px;border-bottom: 1px solid #2E2E2E;}
#contact #cont1 .inner .lead p:last-of-type{margin-top: 24px;}
#contact #cont1 .inner .telBox{margin: 24px 0 20px;padding: 12px 0 14px;border-top: 1px solid #2E2E2E;border-bottom: 1px solid #2E2E2E;font-size: 0;}
#contact #cont1 .inner .telBox p{display: inline-block;line-height: 1em;}
#contact #cont1 .inner .telBox .tel{margin-right: 3px;}
#contact #cont1 .inner .telBox .tel a{font-weight: 700;text-decoration: none;font-size: 24px;letter-spacing: 0.1em;padding-left: 32px;
    background: url(../img/contact/ico_tel.png)no-repeat center left;background-size: 24px;line-height: 29px;color: inherit;}
#contact #cont1 .inner .telBox .tel span{font-size: 10px;font-weight: 700;letter-spacing: 0.04em;}
#contact #cont1 .inner .telBox .time{font-size: 14px;font-weight: 700;letter-spacing: 0.04em;}
#contact #cont1 .inner .telBox .f_barlow{font-family: 'Barlow', san-serif;}
#contact #cont1 .inner ul.attention{margin-bottom: 32px;}
#contact #cont1 .inner ul.attention li{font-size: 10px;letter-spacing: 0.04em;line-height: 21px;}
#contact #cont1 .inner ul.attention li a{color: inherit;text-decoration: underline;font-weight: 700;}
#contact #cont1 .inner .buttonarea2{margin-bottom: 0;}
#contact #cont1 .inner .buttonarea2 a span:before{left: 17px;}


/*----------------------------------

　　　　　イベント情報

------------------------------------*/
#event .indexs{border: 1px solid #E0E0E0;padding: 24px;margin-bottom: 32px;}
#event .indexs ul{padding-left: 20px;}
#event .indexs li{list-style-type: disc;margin-bottom: 18px;color: #222;font-size: 14px;letter-spacing: 0.1em;font-weight: 700;line-height: 1.5em;}
#event .indexs li:last-of-type{margin-bottom: 0;}
#event .indexs li a{color: #222;font-size: 14px;letter-spacing: 0.1em;font-weight: 700;}
#event .lead{font-size: 14px;letter-spacing: 0.1em;margin-bottom: 40px;line-height: 28px;}
#event #detailCont h6.event_date{margin-bottom: 8px;font-weight: 700;}
#event #detailCont h4.event_name{font-weight: 700;}
#event #detailCont img{margin-bottom: 8px;}
#event #detailCont h5{margin-bottom: 16px;}
#event #detailCont .box{margin-bottom: 48px;border-bottom: 1px solid #E0E0E0;}
#event #detailCont .box:last-of-type{padding-bottom: 13px;border-bottom: none;margin-bottom: 0;}
#event_bnr{margin-bottom: 32px;background: #fff;padding: 42px 32px 24px;box-sizing: border-box;border-radius: 8px;margin-top: -18px;}
#event_bnr .item .img{width: 80px;}
.under #pickup #event_bnr{margin-top: -50px;}






#backto_top{
    width: 280px;
    margin: 64px auto 0;
	transition:0.3s;
}
#backto_top a{
    display: block;
    line-height: 58px;
    position: relative;
    color: #fff;
    background: #DF6780;
    border: 1px solid #fff;
    box-sizing: border-box;
    padding-left: 80px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    text-align: left;
    border-radius: 29px;
    letter-spacing: 0.04em;
    opacity: 1;
}
#backto_top a:hover{
    padding-left: 75px;
    letter-spacing: 0.1em;
}
#backto_top a:hover:before{
    left: 42px;
}
#backto_top a:before{
    content: "";
    width: 22px;
    height: 23px;
    background: url(../img/backto_top.png)no-repeat center;
    background-size: contain;
    position: absolute;
    top: 16px;
    left: 46px;
	transition:0.3s;
}
#backto_top a:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 4px;
    left: 0;
    background: #C3BCA1;
    z-index: -1;
    border-radius: 29px;
}


/*----------------------------------

　　　　　インバウンドページ

------------------------------------*/
#top.inbound{
    background-image: url(../img/_common/bg_img1.png),url(../img/_common/bg_img2.png);
    background-size: 249px auto,296px auto;
    background-repeat: no-repeat;
    background-position: top 730px left,top 3175px right;
}
#top.inbound #cont5{
    margin-top: 104px;
    padding: 28px 73px 40px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin-bottom: 100px;
}
#top.inbound #cont5:before,
#top.inbound #cont5:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 4px;
    z-index: -1;
}
#top.inbound #cont5:before{
    background: #DEDDCF;
    top: 3px;
    left: 3px;
}
#top.inbound #cont5:after{
    background: #fff;
    top: 0;
    left: 0;
}
#top.inbound #cont5 .dots span{
    width: 15px;
    height: 15px;
    background: url(../img/inbound/dots.png)no-repeat center;
    background-size: cover;
    border-radius: 50%;
    position: absolute;
}
#top.inbound #cont5 .dots span:nth-of-type(1){
    top: 20px;
    left: 20px;
}
#top.inbound #cont5 .dots span:nth-of-type(2){
    top: 20px;
    right: 20px;
}
#top.inbound #cont5 .dots span:nth-of-type(3){
    bottom: 20px;
    left: 20px;
}
#top.inbound #cont5 .dots span:nth-of-type(4){
    bottom: 20px;
    right: 20px;
}
#top.inbound #cont5 h3{
    text-align: center;
    margin-bottom: 20px;
}
#top.inbound #cont5 p{
    font-size: 18px;
    letter-spacing: 0.06em;
    line-height: 42px;
    font-family: "Noto Sans JP", sans-serif;
    background: url(../img/inbound/line.png)repeat-x left top 10px;
    background-size: 6px auto;
}
#top.inbound #cont4{
    margin-bottom: 100px;
}
#top.inbound #cont3 .category_list{
    position: relative;
    z-index: 10;
}
#top.inbound #cont3 .category_list li{
    width: 312px;
    float: left;
    margin-right: 29px;
}
#top.inbound #cont3 .category_list li:last-of-type{
    margin-right: 0;
}
#top.inbound #cont3 .category_list li .img{
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}
#top.inbound #cont3 .category_list li .img img{
    transition: 0.3s;
}
#top.inbound #cont3 .category_list li a:hover .img img{
    transform: scale(1.1);
}
#top.inbound #cont3 .category_list li .text{
    background: #fff;
    padding: 20px 20px 32px;
    border-radius: 0 0 4px 4px;
}
#top.inbound #cont3 .category_list li h6{
    margin-bottom: 16px;
}
#top.inbound #cont3 .category_list li p{
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 24px;
    font-family: "Noto Sans JP", sans-serif;
    color: #111;
}
#top.inbound #cont3 .category_list li a{
    text-decoration: none;
}
#top.inbound #cont3 .category_list li a:hover{
    opacity: 1;
}

/* エリアマップ */
#top.inbound #map .ttlBox{
	margin-bottom: 68px;
}
#top.inbound #map .map_ill{
    position: absolute;
    z-index: 1;
    transform: scale(0);
}
#top.inbound #map #ill_unagi{
    top: 68.2%;
    left: 19.5%;
}
#top.inbound #map #ill_ume{
    top: 47.4%;
    left: 35%;
}
#top.inbound #map #ill_tower{
    top: 20.7%;
    left: 20.7%;
}
#top.inbound #map #ill_ship{
    top: 71.9%;
    left: 29.5%;
}
#top.inbound #map #ill_ramen{
    top: 20.7%;
    left: 35.4%;
}
#top.inbound #map #ill_ohori{
    top: 32.8%;
    left: 28.8%;
}
#top.inbound #map #ill_dazaifu{
    top: 49%;
    left: 43%;
}
#top.inbound #map #ill_coffee{
    top: 40.8%;
    left: 65.5%;
}
#top.inbound #map #ill_castle{
    top: -4.4%;
    left: 63.8%;
}
#top.inbound #map #ill_bridge{
    top: -8.4%;
    left: 81.8%;
}
#top.inbound #map #ill_airplane{
    top: 4.5%;
    left: 11.1%;
}
#top.inbound #map  a.map_btn{
    display: inline-block;
    line-height: 52px;
    background: url(../img/inbound/btn_bg.png)no-repeat center;
    background-size: cover;
    padding: 0 32px 0 12px;
    border-radius: 4px;
    border: 2px solid #fff;
    position: absolute;
    z-index: 1;
    opacity: 0;
}
#top.inbound #map  a.map_btn:before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: url(../img/inbound/btn_arrow.png)no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    transition: 0.3s;
}
#top.inbound #map  a.map_btn:hover{
    opacity: 1;
    filter: grayscale(0.2);
}
#top.inbound #map  a.map_btn:hover::before{
    right: 10px;
}
#top.inbound #map #btn_fukuoka{
    top: 140px;
    left: -12px;
}
#top.inbound #map #btn_kitakyushu{
    top: 95px;
    left: 545px;
}
#top.inbound #map #btn_chikuhou{
    top: 263px;
    left: 479px;
}
#top.inbound #map #btn_chikugo{
    top: 675px;
    left: 197px;
}
#top.inbound #map  a.map_btn img{
    vertical-align: middle;
}
#top.inbound #map .map_arrow{
    position: absolute;
}
#top.inbound #map .map_arrow:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}
#top.inbound #map #arrow_kitakyushu{
    top: 108px;
    left: 177px;
    width: 366px;
    aspect-ratio: 366 / 59;
}
#top.inbound #map #arrow_kitakyushu:before{
    height: 100%;
    width: 0;
    background: url(../img/inbound/arrow_kitakyushu.png)no-repeat left top;
    background-size: auto 100%;
}
#top.inbound #map #arrow_chikuhou{
    top: 168px;
    left: 177px;
    width: 415px;
    aspect-ratio: 415 / 93;
}
#top.inbound #map #arrow_chikuhou:before{
    height: 100%;
    width: 0;
    background: url(../img/inbound/arrow_chikuhou.png)no-repeat left top;
    background-size: auto 100%;
}
#top.inbound #map #arrow_chikugo{
    top: 197px;
    left: 56px;
    width: 163px;
    aspect-ratio: 163 / 484;
}
#top.inbound #map #arrow_chikugo:before{
    height: 0;
    width: 100%;
    background: url(../img/inbound/arrow_chikugo.png)no-repeat left top;
    background-size: 100% auto;
}
#top.inbound #map .buttonarea{
    margin-top: 32px;
}
#top.inbound #map .buttonarea a{
    font-size: 18px;
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0;
    font-weight: 500;
    color: #111;
    width: auto;
    padding: 0 50px 0 30px;
}

/* エリアマップ アニメーション */
@keyframes map_ill{
    0%{transform: scale(0);}
    60%{transform: scale(1.08);}
    100%{transform: scale(1);}
}
@keyframes map_btn{
      0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes arrow_kitakyushu{
      0%{width: 0;}
    100%{width: 100%;}
}
@keyframes arrow_chikuhou{
      0%{width: 0;}
    100%{width: 100%;}
}
@keyframes arrow_chikugo{
      0%{height: 0;}
    100%{height: 100%;}
}
#top.inbound #map.anim .map_ill{
    animation-name: map_ill;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
#top.inbound #map.anim #btn_fukuoka{
    animation-name: map_btn;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
#top.inbound #map.anim .ill_fukuoka{
    animation-delay: 0.5s;
}
#top.inbound #map.anim #btn_kitakyushu{
    animation-name: map_btn;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
#top.inbound #map.anim .ill_kitakyushu{
    animation-delay: 0.5s;
}
#top.inbound #map.anim #arrow_kitakyushu:before{
    animation-name: arrow_kitakyushu;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
#top.inbound #map.anim #btn_chikuhou{
    animation-name: map_btn;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
#top.inbound #map.anim .ill_chikuhou{
    animation-delay: 0.5s;
}
#top.inbound #map.anim #arrow_chikuhou:before{
    animation-name: arrow_chikuhou;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
#top.inbound #map.anim #btn_chikugo{
    animation-name: map_btn;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
#top.inbound #map.anim .ill_chikugo{
    animation-delay: 0.5s;
}
#top.inbound #map.anim #arrow_chikugo:before{
    animation-name: arrow_chikugo;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}


/*----------------------------------

　　　　　検索窓

------------------------------------*/
.searchBox{
    width: 160px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.searchBox input[type="text"]{
    width: 100%;
    height: 32px;
    padding: 8px;
    background: #fff;
    font-size: 14px;
    font-weight: normal;
    font-family: "Quicksand", "Noto Sans JP", Helvetica , Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
}
.searchBox input[type="text"]::placeholder{
    color: #AAA;
    font-size: 10px;
}
.searchBox button{
    width: 32px;
    height: 32px;
    text-indent: -99999px;
    background: url(../img/search.svg)no-repeat center #B3D7B2;
    background-size: 15px auto;
    border-radius: 0 4px 4px 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    transition: 0.3s;
}
.searchBox button:hover{
    opacity: 0.8;
}
#search_title{
    margin-bottom: 20px;
}


/*----------------------------------

　　　　　検索キーワード

------------------------------------*/
#pc_SearchKeywords{
    background: #fff;
    border-radius: 4px;
    padding: 12px;
    position: absolute;
    left: 0;
    min-width: 258px;
    max-width: 280px;
    box-sizing: border-box;
    z-index: 9999;
    margin-top: 12px;
    visibility: hidden;
    transition: 0.3s;
    opacity: 0;
}
header ul.nav li.nav4:focus-within:not(:has(.searchBox button:focus)) #pc_SearchKeywords{
    visibility: visible;
    opacity: 1;
}
#pc_SearchKeywords:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 24px;
    top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-top: 0;
}
.search-keywords{
    font-size: 12px;
    text-align: left;
}
.search-keywords-title{
    margin-bottom: 8px;
}
.search-keywords ul{
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.search-keywords li{
    margin: 0 !important;
}
.search-keywords li a{
    min-width: 52px;
    padding: 0 8px;
    line-height: 22px;
    border-radius: 52px;
    background: #B3D7B2;
    color: #0F3B4B !important;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
}
.search-keywords li a:hover{
    background: #92C990;
}