.top_block01{
/*background:url(../img/top-block01_bg_r.jpg) no-repeat left center,
url(../img/top-block01_bg_l.jpg) no-repeat right center;
background-size:40% auto,40% auto;*/
padding:80px 0;
}



.column_photo .box.text .twitter{
margin-bottom:30px;
text-align:right;
}
.column_photo .box.text .twitter img{
    width: 210px;
margin:0 auto;
}



.top_block02-1{
background:url(../img/top-block01_bg_r.jpg) no-repeat left center,
url(../img/top-block01_bg_l.jpg) no-repeat right center;
background-size:40% auto,40% auto;
padding:80px 0;
}

.anchor_btn{
    display: flex;
    gap: 4%;
}

.anchor_btn .box.small{
width:22%;
}
.anchor_btn .box.parking{
width:46%;
}


.anchor_btn .icon{
  background: linear-gradient(#EA3827, #CB382B);
text-align:center;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding:35px 10px;
margin-bottom:10px;
}
.anchor_btn .icon img{
max-height:75px;
max-width:100px;
}

.anchor_btn .label{
font-weight:bold;
text-align:center;
background:url(../img/top-block01_icon-arrow.svg) no-repeat center bottom 10px;
background-size:30px auto;
padding-bottom:40px;
}
.anchor_btn .label span{
display:block;
}
.anchor_btn .label span.small{
font-size:18px;
}
.anchor_btn .label span.large{
font-size:20px;
}

.anchor_btn a:hover .label{
background:url(../img/top-block01_icon-arrow.svg) no-repeat center bottom 0px;
background-size:30px auto;
}





.anchor_btn .box .label{
    background: linear-gradient(#ed7d31, #d97d30);
    padding: 15px 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    color: #fff;
}


.anchor_btn .box.parking .label{
    background: linear-gradient(#EA3827, #CB382B);
}

.anchor_btn .box.kanko .label{
    background: linear-gradient(#70ad47, #45ad48);
}



.anchor_btn .box .label .icons{
margin-right:10px;
    margin-top: -4px;
}
.anchor_btn .box .label .icons img{
max-height:40px;
}

.anchor_btn .box .btn ul{
display:flex;
flex-flow:wrap;
gap:4%;

}
.anchor_btn .box .btn ul li{
width: 48%;
    margin-bottom: 10px;
}
.anchor_btn .box .btn ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    border: 2px solid #EA3827;
    font-weight: bold;
    padding: 15px 5px;
    border-radius: 10px;
    background: #fff;
	-webkit-transition-property:background;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
}
.anchor_btn .box .btn ul li a span.i{
    background: url(../img/top-block01_icon-arrow.svg) no-repeat right center;
    background-size: 12px auto;
    padding: 0 20px 0 0px;
}
.anchor_btn .box .btn ul li a:hover{
background:#CB382B;
color:#fff;
}


.anchor_btn .box.small .btn ul{
gap:0%;

}
.anchor_btn .box.small .btn ul li{
width: 100%;
}


.page_maintitle{
    background: url(../img/page_maintitle_bg.jpg) no-repeat left center;
    background-size: 40% auto;
}
.page_maintitle h2 {
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px #777;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
}
.page_maintitle h2 span.bg{
display:block;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    background: #CCCC99;
width:90%;
    padding: 25px 0;
}


.top_block02 .bg_wrap{
background:url(../img/top-block02_bg_top.jpg) repeat-x center top,
#EFF2EB url(../img/top-block02_bg_bottom.jpg) repeat-x center bottom;
background-size:auto 350px,auto 800px;
padding:50px 0 150px 0;
}


.top_block02 .map_block01.autum{
margin:0 auto 50px auto;
max-width:800px;
}

h3.takayama_h3{
background:#CCCC99;
color:#fff;
font-size:24px;
margin-bottom:20px;
font-weight:bold;
padding:10px 20px;
    text-shadow: 1px 1px #777;
}
h3.takayama_h3.font_yellow{
color:#F7FF00;
}

.top_block02 .map_block02{

}

.bikkuri_link{
margin-bottom:50px;
}
.bikkuri_link li{
    list-style:none;
    margin: 0 0 10px 20px;
}
.bikkuri_link li a{
text-decoration:underline;
background:url(../img/common-icon_bikkuri.svg) no-repeat left top 5px;
background-size:18px auto;
padding:0 0 0 23px;
display:inline-block;
}

.top_block02 .inbox{
margin-bottom:50px;
}
.top_block02 .inbox.centerline{
text-align:center;
}


.top_block02 .map_block03{
background:#fff;
border:3px solid #CCCC99;
padding:50px 50px;
    border-radius: 10px;
}



.top_block03 {
background:url(../img/top-block03_bg.jpg) repeat-x center bottom;
background-size:auto 450px;
padding:00px 0 150px 0;
}

.top_block03 section.wrap{
padding:60px 0;
}


.top_block03 section.wrap .map_box.autum{
margin:0 auto 50px auto;
max-width:800px;
border:2px solid #CCCC99;
padding:30px;
}

.top_block03 section.wrap .btn_wrap{
margin-bottom:40px;
}
.top_block03 section.wrap .btn_wrap ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.top_block03 section.wrap .btn_wrap ul li{
margin:10px;
min-width:300px;
}
.top_block03 section.wrap .btn_wrap ul li a{
background:#EFEFEF;
border:1px solid #CCCCCC;
display:block;
text-align:center;
padding:10px;
}
.top_block03 section.wrap .btn_wrap ul li a span{
display:inline-block;
background:url(../img/common-icon_rightarrow.svg) no-repeat right center;
background-size:16px auto;
padding:0 21px 0 0;
}




.top_block04{
background:url(../img/top-block04_bg_r.jpg) no-repeat left top,
url(../img/top-block04_bg_l.jpg) no-repeat right bottom;
background-size:30% auto,100% auto;
}
.top_block04 section.wrap{
padding:50px 0 150px 0;
}

.top_block04 section.wrap p.text{
text-align:center;
}
.top_block04 section.wrap .map_box.autum{
margin:0 auto 50px auto;
max-width:800px;
}


.top_news {
/*background:#EFEFEF;*/
}

.top_news section.wrap{
padding:50px 0 50px 0;
}
.top_news section.wrap ul{
}
.top_news section.wrap ul li{
margin-bottom:20px;
}


.top_kanko {
padding:0 0 100px 0;
}

.top_kanko .title_block{
background:url(../img/top-kanko_bg.jpg) no-repeat center center;
background-size:cover;
padding:100px 0 170px 0;
color:#fff;
}

.top_kanko .title_block p.lead{
text-align:center;
}

.top_kanko .bnr_block{
}

.top_kanko .bnr_block .column3{
margin-bottom:100px;
}
.top_kanko .bnr_block .column3 .box{
background:#fff;
}
.top_kanko .bnr_block .column3 .box .img{
margin-bottom:10px;
}
.top_kanko .bnr_block .column3 .box .label{
font-weight:bold;
text-align:center;
}
.top_kanko .bnr_block .column3 .box .label span.icon{
background:url(../img/common-icon_rightarrow2.svg) no-repeat right center;
background-size:16px auto;
padding:0 21px 0 0;
}

.top_kanko .bnr_block .column3 .box a{
display:block;
}

.top_block03_1{
margin-bottom:100px;
    margin-top: -50px;
    z-index: 3;
}

.top_block03_2,
.top_block03_3{
margin-bottom:50px;
}

.top_block03_1 .page_maintitle,
.top_block03_2 .page_maintitle,
.top_block03_3 .page_maintitle{
margin-bottom:50px;
}

.top_block03_1 .bnr_link,
.top_block03_2 .bnr_link,
.top_block03_3 .bnr_link{
    display: flex;
    flex-flow: wrap;
align-items: start;
    justify-content: start;
}
.top_block03_1 .bnr_link li,
.top_block03_2 .bnr_link li,
.top_block03_3 .bnr_link li {
width: 26.5%;
    margin-right: 5%;
margin-bottom:20px;
}

.top_block03_1 .bnr_link li a span.name,
.top_block03_2 .bnr_link li a span.name,
.top_block03_3 .bnr_link li a span.name{
    text-decoration: underline;
color: #4343ed;
font-size:120%;
}


.top_block03_1 .bnr_link li:nth-child(3n),
.top_block03_2 .bnr_link li:nth-child(3n),
.top_block03_3 .bnr_link li:nth-child(3n) {
margin-right:0;
}

.top_block03_1 .bnr_link.link2 li{
width:40%;
margin-right:5%
}
.top_block03_1 .bnr_link.link2 li:nth-child(4n)｛
margin-right:0;
}


.top_block03_1 .bnr_link li a,
.top_block03_2 .bnr_link li a,
.top_block03_3 .bnr_link li a{
}

.top_block03_1 .bnr_link li .text,
.top_block03_2 .bnr_link li .text,
.top_block03_3 .bnr_link li .text{
font-size:80%;
margin-bottom:10px;
font-weight:bold;
}
.top_block03_1 .bnr_link li .text:before,
.top_block03_2 .bnr_link li .text:before,
.top_block03_3 .bnr_link li .text:before{
content:'▼';
}






.top_block01,
.top_block02,
.top_block03,
.top_block04,
.top_block03_1,
.top_block03_2,
.top_block03_3,
.top_news,
.top_kanko,
.top_kanko .title_block,
.top_kanko .bnr_block{
position:relative;
}

.top_block01{
z-index:1;
}
.top_block02{
z-index:2;
/*top: -50px;
    margin-bottom: -50px;*/
}
.top_block03{
z-index:4;
top: -50px;
    margin-bottom: -50px;
}
.top_block04{
z-index:4;
top: -50px;
    margin-bottom: -50px;
}
.top_news{
z-index:5;
top: -50px;
    margin-bottom: -50px;
}
.top_kanko{
z-index:6;
}

.top_kanko .title_block{
z-index:6;
}
.top_kanko .bnr_block{
top:-100px;
margin-bottom:-100px;
z-index:7;
}




#page_mainimg.sightseeing{
background:url(../img/sightseeing_mainbg.jpg) no-repeat center center;
background-size:cover;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
color:#fff;
}
#page_mainimg.sightseeing .title_center-underline:before {
    background-color: #fff;
}

main.sightseeing{
background:url(../img/sightseeing_bodybg.jpg) repeat-x center top;
background-size: auto 250px;
}


main.sightseeing .sightseeing_wrap{
background:url(../img/top-block03_bg.jpg) repeat-x center bottom;
background-size:auto 450px;
    padding-bottom: 150px;
position:relative;
z-index:1;
}




main.sightseeing p.lead{
text-align:center;
padding:50px 0;
}



.sightseeing_box section.wrap{
padding:60px 0;
margin-bottom:100px;
}

.sightseeing_box section.wrap .large_wrap{
position:relative;
}
.sightseeing_box section.wrap .large_wrap .photo{
z-index:1;
}
.sightseeing_box section.wrap .large_wrap .text {
    z-index: 2;
    background: #fff;
    width: 94%;
    padding: 20px;
    border-radius: 10px;
    top: -50px;
    margin-bottom: -20px;
    position: relative;
    margin: 0 auto -50px auto;
}

.sightseeing_box section.wrap .text_wrap img {
margin-bottom:20px;
}


a.btn_link.btn_color.red {
    border: 2px solid #EA3827;
    background: linear-gradient(#EA3827,#CB382B);
}
a.btn_link.btn_color.red:hover{
color:#fff;
}


.sightseeing_box section.wrap .map_wrap{
position:relative;
}

.sightseeing_box section.wrap .map_wrap h3{
font-size:24px;
font-weight:bold;
text-align:center;
position:relative;
z-index:2;
}
.sightseeing_box section.wrap .map_wrap h3 span{
background:#fff;
padding:20px;
display:inline-block;
}

.sightseeing_box section.wrap .map_wrap .border_box{
border:1px solid #ccc;
border-radius:10px;
padding:40px;
position:relative;
z-index:1;
text-align:center;
background:#fff;
    top: -35px;
    margin-bottom: -35px;
}

.sightseeing_box section.wrap .map_wrap .border_box p.info span.red{
font-size:22px;
font-weight:bold;
color:#ff0000;
}
.sightseeing_box section.wrap .map_wrap .border_box .img{
border:1px solid #ccc;
margin-bottom:30px;
}
.sightseeing_box section.wrap .map_wrap .border_box p.btn{
margin-bottom:5px;
}












.sub-box{
   /* max-width: 558px;*/
    position: relative;
    margin: 0 auto;
}
.sub-box p{
  position: absolute;
/*  font-size: 1.5vw;*/
}
#selecttitle{
  top: 2%;
  left: 3%;
  font-size: 150%;
}
#selectdate{
  top: 11%;
  left: 3%;
  font-size: 150%;
  font-weight: bold;
}

#osaka_takayama{
  top: 44.8%;
  left: 15%;
}
#takayama_osaka{
  top: 55%;
  left: 24%;
}
#nagoya_takayama{
  top: 50.5%;
  left: 31.5%;
}
#takayama_nagoya{
  top: 50.5%;
  left: 44%;
}
#tokyo_takayama{
  top: 52%;
  left: 57%;
}
#takayama_tokyo{
  top: 40.5%;
  left: 62.5%;
}
/* 高山祭り用 */
#parking_image{
  top: 28.5%;
  left: 46.5%;
  display:block;
  width: 1.2em;
  line-height: 1.2em;
 /* background-color: #ff0000;
  color:#fff;*/
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
  padding:0.2em;
  font-weight: bold;
  font-size: 150%;
}
#parking_message{
  top: 28.5%;
  left: 46.5%;
  padding-left:2.6em;
  display:block;
  /*width:10.0em;*/
  font-weight: bold;
  font-size: 100%;
  /*color:#666;*/
}

#parking_ekinishi{
  /*2019年4月*/
  /*top: 32.2%;
  left: 2.8%;*/
  /*2019年7月*/
  /* top: 32.2%;
  left: 3.0%; */
  /*2022年4月*/
    top: 25.2%;
    left: 6%;
}
#parking_tenman {
  /*top: 77.8%;
  left: 65.2%;*/
  /*2019年4月*/
  /* top: 74.0%;
  left: 62.2%; */
  /*2019年4月*/
    bottom: 1%;
    right: 27.2%;
}

#parking_hanaoka {
  /*2019年4月*/
  /*top: 8.4%;
  left: 2.8%;*/
  /*2019年7月*/
  /* top: 3.0%;
  left: 3.0%; */
  /*2022年4月*/
  top: 2.0%;
  left: 6.0%;
}
#parking_hudoubashi {
  /*2019年4月*/
  /*top: 16.3%;
  left: 75.6%;*/
   /*2019年4月*/
    top: 0%;
    left: 58.6%;
}
#parking_soramachi {
    top: 46%;
    right: 6%;
}

#parking_hirokoji {
    top: 43%;
    left: 6%;
}

#parking_chosha {
    top: 3%;
    left: 30%;
}

#parking_kaji {
    top: 21%;
    right: 14%;
}

#parking_yayoibashi {
    top: 5%;
    right: 12%;
}

#parking_betsuin {
    top: 23%;
    right: 8%;
}

#parking_ebisaka {
top: 59%;
    right: 6%;
}
#parking_shinmei01 {
    bottom: 5%;
    right: 6%;
}

#parking_shinmei02 {
    bottom: 18%;
    right: 23%;
}







@media screen and (min-width: 768px) and (max-width: 979px) {



}


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

#parking_hanaoka {
    top: 2.0%;
    left: 0%;
}

#parking_hudoubashi {
    top: -4%;
    left: 48.6%;
}
    #parking_yayoibashi {
        top: -4%;
        right: 0%;
    }
#parking_chosha {
    top: 0%;
    left: 24.5%;
}

#parking_betsuin {
    top: 22%;
    right: 0;
}

#parking_kaji {
        top: 17%;
        right: 2%;
    }

#parking_ekinishi {
    top: 23.2%;
    left: 0%;
}

#parking_soramachi {
    top: 38%;
    right: -1%;
}

#parking_ebisaka {
    top: 55%;
    right: -2%;
}

#parking_shinmei01 {
    bottom: 0%;
    right: -1%;
}

#parking_hirokoji {
    top: 48%;
    left: 6%;
}

#parking_tenman {
        bottom: -14%;
        right: 30%;
    }

    #parking_shinmei01 {
        bottom: -7%;
        right: -1%;
    }

    #parking_shinmei02 {
        bottom: 9%;
        right: 30%;
    }



}


/* 240806 */


.wrap-reserve-parking {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 30px 60px;
    box-sizing: border-box;
}

.pr-point {
    width: 96%;
    max-width: 800px; /* Optional: Max-width to prevent it from getting too wide on large screens */
    padding: 20px 60px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

h2.pr-point-marker {
    margin-top: 0;
    margin-bottom: 20px;
    color: #333;
  font-weight:bold;
  font-size: 1.2rem;
  text-align: center;
}

/* h2.pr-point-marker::before {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #000;
}


h2.pr-point-marker::after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #000;
    }
 */

 h2.pr-point-marker span {
    background: #cccc99;
    padding: 5px 30px;
    border-radius: 100px;
    color: #fff;
}

.pr-point p {
    text-align: center;
}



.pr-point ul {
    list-style-type: disc;
    padding-left: 20px;
}

.pr-point li {
    margin-bottom: 10px;
    color: #555;
}


table.reserve-parking-info {
    width: 100%;
}


.reserve-parking-info th,
.reserve-parking-info td {
    padding: 20px 10px;
}

.reserve-parking-info th {
    text-align: center;
    width: 30%;
    border-bottom: 2px solid #ccc;
}

.reserve-parking-info td {
border-bottom: 1px solid #efefef;
}

.reserve-parking-info a {
border-bottom: 1px solid #4343ed;
color: #4343ed;
}


.wrap-reserve-parking-point {
    width: 90%;
    margin: 0 auto 50px auto;
    padding: 15px 30px 30px 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
}




















p.parking_area {
  display:block;
}
p.parking_area div {
  display:block;
  line-height: 1.5vw;
  text-align: center;
  vertical-align: middle;
  background-color:#fff;
  color : #333;
  padding:1.0vw;
  min-width: 8vw;
  font-size: 1.3vw;
  border: 1px solid #333;
  border-bottom:none;
font-weight:bold;
  border-radius: 0.6vw 0.6vw 0 0;
  /* border-top-left-radius: 1.3vw 0.6vw;
  border-top-right-radius: 1.3vw 0.6vw; */

}


/*
p.parking_area#parking_ebisaka div,
p.parking_area#parking_ebisaka span{
  border: 3px solid #f7931d;
}
*/
p.parking_area#parking_ekinishi div,
p.parking_area#parking_ekinishi span,
p.parking_area#parking_tenman div,
p.parking_area#parking_tenman span,
p.parking_area#parking_hudoubashi div,
p.parking_area#parking_hudoubashi span{
  border: 3px solid #491e13;
}








p.parking_area span {
  display:block;
  line-height: 1.5vw;
  text-align: center;
  vertical-align: middle;
  padding:1.0vw; 
  font-weight: bold;
  font-size: 1.3vw;
  border: 1px solid #333;
  border-top:none;
  border-radius: 0 0 0.6vw 0.6vw;
/*   
  border-bottom-right-radius: 1.3vw 0.6vw;
  border-bottom-left-radius: 1.3vw 0.6vw; */
}
p.parking_area span.in-text
{
  display:block;
  /* line-height: 1.5vw; */
  text-align: center;
  vertical-align: middle;
  padding:0; 
  font-weight: bold;
  font-size: 8pt;
  border: none !important;
}
p.parking_area span.in-text a:link
{
  color:#fff;
  text-decoration: underline;
  
}
p.parking_area a img{
   width:75%;
  position:relative;
}


@media screen and (max-width:768px) {
  p.parking_area div{
    padding:1.4vw; 
    line-height: 2.5vw;
    font-size: 2.2vw;
    min-width: 15vw;
  }
  p.parking_area span{
    padding:1.5vw; 
    line-height: 2.0vw;
    font-size: 2.0vw;
  }
  p.parking_area a img{
    width:60%;
    position:relative;
  }


p.parking_area span.in-text {
    font-size: 6pt;
}
p.parking_area span.in-text span{
    font-size: 6pt !important;
}

}
@media screen and (min-width: 960px) {
  p.parking_area div{
    padding:10px; 
    line-height: 1.2em;
    font-size: 10pt;
    min-width: 100px;
  }
  p.parking_area span {
    padding:10px; 
    line-height: 1.2em;
    font-size: 10pt;
  }
  p.parking_area a img{
    width:60%;
    position:relative;
  }
}



/* MODAL */
.modal-content {
  display: none;
  position: fixed !important;
  z-index: 901;
  width: 100%;
  margin: 0;
/*  padding: 10px;*/
  background: #fff;
  text-align: center;
}

.modal-content p {
  margin: 0;
  padding: 0;
}

.modal-content img {
  width: 100%;
}

.modal-close {
  position: absolute;
  top: 5px;
  right:10px;
  color: #333;
  font-size:120%;
}
@media screen and (max-width:768px){
  .modal-close {
    font-size:65%;
  }
}

.modal-close a:link { color: #333; }
.modal-close a:visited { color: #333; }
.modal-close a:hover { color: #aaa; }
.modal-close a:active { color: #aaa; }


.modal-overlay {
  /*display: none;*/
  z-index: 900;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0,0,0,0.75);
}











/*過去の満空情報*/

.top_block02-2{
margin-bottom:100px;
}

.top_block02-2 section{
margin-top:50px;
}


.tab-group {
    list-style: none;
    display: flex;
    flex-flow: column;
margin-top:50px;
}

.tab-button {
    display: flex;
    flex-flow: wrap;
    gap: 10px;
    list-style: none;
    cursor: pointer;
    /* width: 20%; */
}

.tab-button .is-active {
    background: #CCCC99;
    border: 2px solid #CCCC99;
    color: #FFF;
}

li.tab span.font_small{
font-size:85%;
margin-right:5px;
}

.tab {
border: 2px solid #ccc;
    border-bottom: 0;
    padding: 10px;
font-size: 120%;
    font-weight: bold;
}
.tab:last-child {
    /*border-bottom: 2px solid #ccc;*/
}
.tab-contents {
    width: 100%;
display: flex;
    flex-flow: wrap;
}

.tab-contents .box{
text-align:center;
}
.tab-contents .box img{
    height: auto !important;
}

.content {
display: none;
    padding: 30px 15px 30px 30px;
}

.content.is-display {
    border: 2px solid #CCCC99;
    display: flex;
    flex-flow: wrap;
background:#CCCC99;
color:#fff;
}

.tab-contents .content .box{
width:48%;
margin:0 2% 30px 0;
}
.tab-contents .content .box:nth-child(2n){
margin:0 0% 30px 0;
}

.tab-contents .content .box .title{
margin-bottom: 0px;
    font-weight: bold;
    font-size: 130%;
    text-align: center;
    padding: 0 0 10px 0;
}







/*駐車場予約のご案内*/

.top_block02-1{
margin-bottom:100px;
    margin-top: -50px;
}

.top_block02-1 section{
margin-top:50px;
}




/*市街地の混雑情報*/




.tab-group2 {
    list-style: none;
    display: flex;
    flex-flow: column;
margin-top:50px;
margin-bottom:50px;
    z-index: 2;
    position: relative;
}

.tab-group2 .tab-button {
display: flex;
    flex-flow: wrap;
    list-style: none;
    cursor: pointer;
    width: 100%;
gap: 0;
    justify-content: center;
}


.tab-group2 .tab-button .is-active2 {
    background: #CCCC99;
    border: 2px solid #CCCC99;
    color: #FFF;
}

.tab-group2 .tab2 {
border-top: 2px solid #ccc;
border-left: 2px solid #ccc;
background:#fff;
    border-bottom: 0;
    padding: 10px 10px;
font-size:120%;
font-weight:bold;
}
.tab-group2 .tab2:last-child {
border-right: 2px solid #ccc;
   /* border-bottom: 2px solid #ccc;*/
}


.tab-group2 .tab-contents {
    width: 100%;
display: flex;
    flex-flow: wrap;
    justify-content: center;
margin-bottom:10px;}



.tab-group2 .tab-contents .box img{
    height: auto !important;
}

.tab-group2 .content2 {
display: none;
    position: relative;
}

.tab-group2 .content2.is-display2 {
    border: 2px solid #CCCC99;
    display: flex;
    flex-flow: wrap;
background:#fff;
padding:20px;
}

.tab-group2 .tab-contents .content2 .box{

}
.tab-group2 p.info{
text-align:right;
}


.konzatsu_koiki{
  position: relative;
padding:20px;
background:#fff;
}

.konzatsu_koiki:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 45px solid transparent;
  border-top: 45px solid #fff;
}







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

/* for TB & SP CSS   */

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








/******************/
/* TB    */
/******************/

@media only screen and (min-width: 600px) and (max-width: 1019px) {






}









/******************
SP
******************/
@media only screen and (max-width: 599px) {


.top_block01 {
    background: url(../img/top-block01_bg_r.jpg) no-repeat left top, url(../img/top-block01_bg_l.jpg) no-repeat right center;
    background-size: 100% auto,100% auto;
    padding: 40px 0 80px;
}

/*
.top_block01 .column_photo .box.photo{
display:none;
}
*/


.anchor_btn {
    gap: 0;
    flex-flow: column;
}
.anchor_btn .box.parking,
.anchor_btn .box.small{
    width: 100%;
}


.anchor_btn .box .btn ul {
    width: 94%;
    margin: 0 auto;
}
.anchor_btn .box .btn ul li a {
    font-size: 14px;
}

.anchor_btn .box.small.kanko .btn ul {
    display: flex;
    flex-flow: wrap;
    gap: 4%;
}
.anchor_btn .box.small.kanko .btn ul li{
    width: 48%;
    margin-bottom: 10px;
}



.anchor_btn .icon img {
    max-height: 50px;
    max-width: 40px;
}

.anchor_btn .icon {
    padding: 10px 10px;
}
.anchor_btn .label span.small {
    font-size: 12px;
}

.anchor_btn .label span.large {
    font-size: 17px;
}

.page_maintitle h2 {
    font-size: 24px;
}

.page_maintitle h2 span.bg {
    padding: 20px 0;
}

.top_block02 .inbox.centerline p.text{
    text-align: left;
}

.top_block02 .map_block03 {
    padding: 20px;
}


.top_block03 section.wrap .map_box.autum {
    padding: 10px;
}
.top_block03 {
    background-size: auto 210px;
    padding: 0px 0 50px 0;
}

.top_block04 section.wrap {
    padding: 50px 0 80px 0;
}


.top_news section.wrap ul {
margin-top:30px;
}
.top_kanko .title_block {
    padding: 50px 0 100px 0;
}
.top_kanko .title_block p.lead {
    text-align: left;
}




.top_block03_1 .bnr_link,
.top_block03_2 .bnr_link,
.top_block03_3 .bnr_link{
width:100%;
margin:0 auto 30px auto;
}

.top_block03_1 .bnr_link li,
.top_block03_2 .bnr_link li,
.top_block03_3 .bnr_link li {
width:45%;
margin-right:5%
}

.top_block03_1 .bnr_link.link2 li{
width:45%;
margin-right:5%
}



.top_kanko {
    padding: 0 0 0px 0;
}




main.sightseeing p.lead {
    text-align: left;
    padding: 30px 20px;
}

.sightseeing_box section.wrap .map_wrap .border_box {
    padding: 30px 20px 20px 20px;
}

.sightseeing_box section.wrap {
    padding: 30px 0;
    margin-bottom: 50px;
}


.tab-button {

    gap: 0;
}
.tab {
    width: calc(100% / 4);
    font-size: 85%;
    text-align: center;
border-right:none;
}
.tab:nth-child(4n){
border-right: 2px solid #ccc;
}

.content {
    padding: 15px;
}
.content.is-display{
    flex-flow: column;
}
.tab-contents .content .box {
    width: 100%;
    margin: 0 0 30px 0;
}

.tab-group2 .tab2 {
    width: calc(100% / 6);
}
.tab-group2 .tab2:nth-child(6n){
border-right: 2px solid #ccc;
}




.tab-group2 .content2.is-display2 {
padding:10px;
}





/* 240806 */

.pr-point {
    width: 100%;
    padding: 20px;
}

.pr-point span {
    font-size: larger;
}




.wrap-reserve-parking {
    padding: 30px;
}

.wrap-reserve-parking-point {
    border: none;
    padding: 0;
}

.reserve-parking-info th, .reserve-parking-info td {
    padding: 10px;
    display: block;
}

.reserve-parking-info th {
    text-align: left;
    width: 100%;
    border-bottom: none;
    background-color: #efefef;
}

.column_photo .box.text .twitter{
text-align:center;
}
.column_photo .box.text .twitter img{
max-width:unset;
width:auto;
}


}











/*2024-9　えび坂ON*/

/*
p.parking_area#parking_ebisaka div{
border-top:3px solid rgb(247, 147, 29);
border-left:3px solid rgb(247, 147, 29);
border-right:3px solid rgb(247, 147, 29);
border-bottom:none;
}
p.parking_area#parking_ebisaka span{
border:1px solid rgb(247, 147, 29);
}
#parking_shinmei01 {
    bottom: 3%;
}
@media only screen and (max-width: 599px) {

#parking_ebisaka {
        top: 47%;
    }
p.parking_area#parking_ebisaka span{
font-size:5pt !important;
padding:3px 1vw !important;
        line-height: 1.1em !important;
}
#parking_shinmei01 {
    bottom: -7%;
}
    #parking_soramachi {
        top: 31.5%;
        right: 0%;
    }
    #parking_kaji {
        top: 15%;
    }


}
*/




/*2024-9 予約サイト消し*/

/*
.anchor_btn .box .btn ul li.reserve-parking,
.top_block02-1#reserve-parking{
display:none
}


.anchor_btn .box .btn ul li a{
height: auto !important;
}
*/


.top_block01 {
    background: url(../img/top-block01_bg_r.jpg) no-repeat left center, url(../img/top-block01_bg_l.jpg) no-repeat right center;
    background-size: 40% auto, 40% auto;
}
.top_block02-2 {
    margin-top: -50px;
}


















/*市街地クリッカブル*/

.tab-contents .content2 .wrap{
position:relative;
}

.tab-contents .content2 .wrap .map{
position:relative;
z-index:1;
}


.tab-contents .content2 .wrap a.photo{
z-index:2;
background:#000;
width:20px;
height:20px;
display:block;
position:absolute;
display:none;
}


.tab-contents .content2 .wrap a.photo.photo01{
bottom: 13%;
    left: 56%;
background:#ff0000;
}

.tab-contents .content2 .wrap a.photo.photo02{
bottom: 54%;
    left: 62%;
background:#ffff00;
}

.tab-contents .content2 .wrap a.photo.photo03{
    bottom: 41%;
    left: 47%;
background:#fff;
}









.konzatsu_photoarea{
position:relative;
margin-bottom:70px;
border: 2px solid #CCCC99;
}

.konzatsu_photoarea .map{
position:relative;
z-index:1;
}


.konzatsu_photoarea a.photo{
    z-index: 2;
    background: none !important;
    /* width: 4%; */
    /* height: 4%; */
    display: block;
    position: absolute;
    font-size: 220%;
    color: #ff0000;
    text-shadow: 1px 1px #666;
	-webkit-transition-property:color;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
}
.konzatsu_photoarea a.photo:hover{
color:#ffd900;
opacity:1.0;
}



.konzatsu_photoarea a.photo.photo01{
    bottom: 33.2%;
    left: 53.5%;
}

.konzatsu_photoarea a.photo.photo02{
    bottom: 53%;
    left: 65.5%;
}

.konzatsu_photoarea a.photo.photo03{
    bottom: 49%;
    left: 51.5%;
}

.konzatsu_photoarea a.photo.photo04{
    bottom: 47.5%;
    left: 69.5%;
}

.konzatsu_photoarea a.photo.photo05{
bottom: 59%;
    left: 69.2%;
}

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


.konzatsu_photoarea a.photo{
    font-size: 150%;
}



.konzatsu_photoarea a.photo.photo01{
    bottom: 31.2%;
    left: 52.5%;
}

.konzatsu_photoarea a.photo.photo02{
    bottom: 52%;
    left: 64.5%;
}

.konzatsu_photoarea a.photo.photo03{
    bottom: 47%;
    left: 50.5%;
}

.konzatsu_photoarea a.photo.photo04{
    bottom: 45.5%;
    left: 67.5%;
}

.konzatsu_photoarea a.photo.photo05{
    bottom: 58%;
    left: 67.2%;
}


}



/* add 250402 NEW h4 */

h4.fringe_text {
    padding: 15px 25px;
    background-color: #343694;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: bold;
}

@media only screen and (max-width: 599px) {
    h4.fringe_text {
        font-size: 18px;
        }

}