.KVTopBox{ width: 100%; height: 514px; background:url("images/gifu/bg-kv-top.png") no-repeat; background-position: center; background-size: cover; display: flex; justify-content: center; align-items: center; }
.KVTopBox .InnerBox{ text-align: center; }
.KVText3Box{ display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; gap: 10px; }
.KVText3Box img.item3box{ width: 100%!important; height: auto!important; max-width: 100px!important; border: 0!important; }
.KVText3Box img.itemclose{ width: 100%!important; height: auto!important; max-width: 25px!important; }
.KVText{ font-size: 17px; display: inline-block; font-weight: 400; color: #222222; /*text-decoration: underline dashed; text-decoration-color: #3c5a7a; padding-bottom: 2px; text-decoration-thickness: 2px;*/ text-decoration-line: underline; text-decoration-style: dashed; line-height: 35px; text-underline-offset: 10px; text-decoration-thickness: 1px; }
.SelfDrivingTour{ text-align: center; margin: 30px 0!important; }
.SelfDrivingTour img{ width: 100%; height: auto; max-width: 175px; margin: auto; }
.KVTopBox p{ margin: 0; padding: 0; text-align: center;}

.Link3Box{ margin: 40px 0 100px 0; }
.Link3Box ul{ display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: nowrap; }
.Link3Box ul li{ width: 33.33%; border-radius: 5px; overflow: hidden; }
.Link3Box ul li a{ display: block; padding: 20px; font-weight: 500; color: #fff; text-align: center; position: relative; font-size: 16px; }
.Link3Box ul li a:hover{ background-color: #ea5533!important; }
.Link3Box ul li a:after{ position: absolute; right: 30px; width: 11px; height: 15px; top: 30px; content: ''; background:url("images/gifu/icon-arr-r.svg") no-repeat; background-position: center; background-size:contain; }
.Link3Box ul li:nth-child(1) a{ background-color: #00678f;}
.Link3Box ul li:nth-child(2) a{ background-color: #8e0000;}
.Link3Box ul li:nth-child(3) a{ background-color: #3e8e00;}

.GifuHeaderNav{ margin: 0px 0 0 0; }
.GifuHeaderNav ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; }
.GifuHeaderNav ul li{ width: 15%; overflow: hidden; border-left: 2px solid #00678f; }
.GifuHeaderNav ul li:first-child{ border-left: 0px solid #00678f; }
.GifuHeaderNav ul li a{ display: block; padding: 10px 10px; font-weight: 600; color: #00678f; text-align: center; position: relative; font-size: 17px; }
.GifuHeaderNav ul li a span{ display: block; font-size: 16px; font-weight: 400; margin-top: -3px; }
.MarGinBBT0{ margin-bottom: -50px!important;}
.MarGinTop0{ margin-top: 0px!important;}

.GifuClass .post .title h2{ bottom: -2px!important; border: solid 2px #ea5533; border-bottom: solid 2px #fff!important; }
.GifuClass .post .title{ border: solid 2px #ea5533; }

.GifuAreaList{ padding: 120px 0; }
.GifuAreaList ul{ margin: 0; padding: 0;}
.GifuAreaList ul li{ margin: 0; padding: 0; display: flex; justify-content: space-between; gap: 4%; margin-bottom: 120px; }
.GifuAreaList ul li .GifuAreaListLeft{ width: 34%; order: 2; }
.GifuAreaList ul li .GifuAreaListLeft p img{ width: 100%; height: auto; max-width: 100%; }
.GifuAreaList ul li .GifuAreaListLeft p{ margin: 0;}
.GifuAreaList ul li .GifuAreaListLeft p.MapIMG{ margin-top: 30px;}
.GifuAreaList ul li .GifuAreaListLeft p.MapIMG img{ width: 100%; height: auto; max-width: 300px; }
.GifuAreaList ul li .GifuAreaListLeft .GifuText{ margin: auto; margin-top: 10px; margin-bottom: 20px; font-size: 16px; text-decoration-color: #8e0000; text-decoration-line: underline; text-decoration-style: dashed; line-height: 35px; text-underline-offset: 7px; text-decoration-thickness: 1px; text-align: justify;}
.GifuAreaList ul li .GifuAreaListRight{ width: 60%; order: 1; }
.GifuAreaList ul li .GifuAreaListRight img{ width: 100%; height: auto; max-width: 100%; }
.GifuAreaList ul li:last-child{ margin-bottom: 0;}
.GifuAreaList ul li:nth-child(1) .GifuAreaListLeft .GifuText{ max-width: 270px;}
.GifuAreaList ul li:nth-child(2) .GifuAreaListLeft .GifuText{ max-width: 290px;}
.GifuAreaList ul li:nth-child(3) .GifuAreaListLeft .GifuText{ max-width: 270px;}
.GifuAreaList ul li:nth-child(odd) .GifuAreaListLeft{ order: 1;}
.GifuAreaList ul li:nth-child(odd) .GifuAreaListRight{ order: 2;}
.GifuAreaList ul li:nth-child(odd) .GifuAreaListLeft .GifuText{ text-decoration-color: #00678f;}

.ArticlesBoxList{ padding: 0 0 120px 0; }
.ArticlesList{ margin: 40px 0 0 0;}
.ArticlesList ul{ display: flex; justify-content: left; flex-wrap: wrap; gap: 3%;}
.ArticlesList ul li{ width: 31.3%; height: auto; margin-bottom: 40px; }
.ArticlesList ul li a{ color: #222; }
.ArticlesList ul li .Picture{ width: 100%; height: 265px; border-radius: 20px; overflow: hidden; }
.ArticlesList ul li .Picture img{ display: block; width: 100%; max-width: 100%; height: 100%; max-height: 100%; object-fit: cover; }
.ArticlesList ul li .Category{ display: inline-block; margin-top: 16px; font-weight: 500; border: 1px solid #222; padding: 5px 10px; }
.ArticlesList ul li .Title{ font-size: 16px; font-weight: 500; margin-top: 15px; }
.ArticlesList ul li .Description{ border-top: 1px solid #222; font-size: 15px; margin-top: 15px; padding-top: 15px; }


.VideoIGEmbed{ margin-bottom: 120px; padding: 50px 30px!important; border-radius: 20px; background:url("images/gifu/bg-ig.png") no-repeat; background-position: center; background-size: cover!important; }
.VideoIGEmbed .HeaderIG{ font-size: 34px; font-weight: 500; color: #fff; text-align: center; }
.VideoIGEmbed .InnerBox{ margin-top: 40px;}
.VideoIGEmbed .InnerBox ul{ display: flex; justify-content: center; gap: 4%; }
.VideoIGEmbed .InnerBox ul li{ width: 100%; max-width: 320px; height: auto; padding: 0; color: #fff; }
.VideoIGEmbed .InnerBox ul li p{ display: block; }
.VideoIGEmbed .InnerBox ul li .TaglistIG{ margin-top: 10px; }
.VideoIGEmbed .InnerBox ul li .TaglistIG a{ display: inline-block; padding: 3px 15px; border-radius: 100px; background-color: #000; color: #fff; font-size: 14px;}

.SPDB{ display: none;}


@media (max-width: 1200px) {
    .KVTopBox{ background-size: cover;}

    .ArticlesList ul li .Picture{ height: 240px; }
}

@media (max-width: 1023px) {
    .MarGinBBT0{ margin-bottom: -65px!important;}
    .GifuHeaderNav ul li a{ font-size: 16px; padding: 10px 5px; }
    .GifuHeaderNav ul li a span{ font-size: 12px; }

    .ArticlesList ul li{ width: 48.3%; height: auto; margin-bottom: 40px; }
    
}

@media (max-width: 767px) {
    .Link3Box{ margin: 20px 0 20px 0; }
    .Link3Box ul{ display: block; }
    .Link3Box ul li{ width: 100%; margin-top: 15px; }

    .GifuHeaderNav{ margin-top: 20px!important; margin-bottom: 0px!important;}
    .GifuHeaderNav ul{ flex-wrap: wrap; }
    .GifuHeaderNav ul li:first-child{ border-left: 2px solid #00678f; }
    .GifuHeaderNav ul li{ height: 62px; margin-top: -2px; width: 50%; border: 2px solid #00678f; }
    .GifuHeaderNav ul li:nth-last-child(){ border-bottom: 2px solid #00678f;}
    .GifuHeaderNav ul li:nth-child(1){ width: 100%; height: 50px;}
    .GifuHeaderNav ul li:nth-child(3){ border-left: 0px solid #00678f; }
    .GifuHeaderNav ul li:nth-child(5){ border-left: 0px solid #00678f; }
    .GifuHeaderNav ul li:nth-child(7){ border-left: 0px solid #00678f; }
    .MarGinBBT0{ margin-bottom: -50px!important;}

    .GifuAreaList{ padding: 100px 0; }
    .GifuAreaList ul{ margin: 0; padding: 0;}
    .GifuAreaList ul li{ display: block; margin-bottom: 80px; }
    .GifuAreaList ul li .GifuAreaListLeft{ width: 100%; }
    .GifuAreaList ul li .GifuAreaListRight{ width: 100%; margin-top: 30px; }

    .ArticlesList ul li .Picture{ height: 220px; }

    .VideoIGEmbed .InnerBox ul{ display: block; }
    .VideoIGEmbed .InnerBox ul li{  margin-bottom: 20px; }
    .VideoIGEmbed{ padding: 30px 5px!important; }

    .HalfSP{ display: none;}
    .SPDB{ display: block;}
}

@media (max-width: 600px) {
    .KVTopBox{ height: 420px; }
    .KVText{ font-size: 15px; }

    .ArticlesList ul{ display: block;}
    .ArticlesList ul li{ width: 100%; margin-bottom: 40px; }

    .KVText3Box img.item3box{ max-width: 75px!important;}
    .SelfDrivingTour{ margin: 20px 0 !important;}
    .SelfDrivingTour img{ max-width: 160px;}
}


@media (max-width: 480px) {
    .KVTopBox{ height: 300px; }
    .KVText{ font-size: 15px; line-height: 28px; }
    .KVText3Box img.item3box{ max-width: 55px!important;}
    .KVText3Box img.itemclose{ max-width: 14px!important;}
    .SelfDrivingTour{ margin: 10px 0 !important;}
    .SelfDrivingTour img{ max-width: 110px;}
    /*.KVTopBox .InnerBox{ padding-top: 105px;}*/
    .VideoIGEmbed .InnerBox ul li{ margin: auto!important; margin-bottom: 40px!important;}
    .VideoIGEmbed .InnerBox ul li:nth-last-child{ margin-bottom: 0!important; }
}