@charset "utf-8";

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

/* style */
.only_pc{
    display: none;
}
.only_sp{
    display: block;
}
   
p,dl,ul{
    font-size: 3.74vw;
    letter-spacing: 0.01rem;
    }    
    
.box {
    flex-direction: column;
}
    
.wrapper {
    width: 85%;
    }
    
h4.title {
    padding-top: 0;
    margin-bottom: 6vw;
}
h4.title img {
    height: 22.5vw;
    margin: 0 auto;
}
    
span.square {
    font-size: 3vw;
    margin-right: 1.5vw;
}
    
.sub_text {
    font-size: 2.8vw;
    margin-top: 2vw;
}
/*====================================================
                  header
====================================================*/
logo {
    width: 33vw;
    top: 4vw;
    left: 4vw;
}    

nav .menu_content li {
    font-size: 3.74vw;
    margin-bottom: 2.5vw;
    letter-spacing: 0.07rem;
    margin-bottom: 5.5vw;
    }
    
nav .menu_content li:last-child{
    margin-bottom: 0;
    }
#nav-content a {
    padding: 0;
    text-align: left;
    }

    
nav .menu_content {
    width: 41vw;
    height: auto;
    position: absolute;
    top: 0%;
    left: 52%;
    transform: translate(-50%,145%);
    -webkit-transform: translate(-50%,145%);
    -ms-transform: translate(-50%,145%);
    padding: 3% 0 10%;
    }

.menu_content li.img {
    margin: 0 auto 7vw;
}    
    
    
.menu_content li.img img {
    width: 53vw;
    height: auto;
    position: absolute;
    top: 0%;
    left: 44%;
    transform: translate(-50%,-100%);
    -webkit-transform: translate(-50%,-100%);
    -ms-transform: translate(-50%,-100%);
    margin-bottom: 0;
}
    

    
.menu_content .bus{
    width: 73vw;
    margin: 8.7vw auto 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    }
    
    
.menu_content .bus_link img {
    width: 100%;
}
    
    
    
    
.gnavi__list {
    width: 30vw;
    height: 8vw;
    }    
    
.gnavi__list a{
    font-size: 3.74vw;
    }
    
/*====================================================
                  main
====================================================*/
.main {
    background: none;
    padding-bottom: 23.5vw;
}
    
.main .title .img01 {
    width: 67vw;
    margin-top: 19vw;
}
.main .title .img02 {
    width: 63vw;
    margin: 5vw auto 0;
}
    
.bg_01 {
    padding-bottom: 13.5vw;
    background: url(../img/sp/main_bg_sp.png);
    background-size: cover;
    background-repeat: no-repeat;
}
    
/*====================================================
                  about
====================================================*/   
.about {
    padding: 0;
}    
    
.about h5 img {
    width: 100%;
    margin: 0;
    margin-bottom: 4.6vw;
}
    
.about h6 img {
    width: 100%;
    margin: 4vw 0 5vw;
    }
.about p {
    width: 93%;
    margin: 0 auto;
    line-height: 1.8;
    text-align: justify;
}
    
.about h4.title {
    padding-top: 0;
}
    
.about h4.title img {
    height: 22.5vw;
    margin: 0 auto 6vw;
}
    
/*====================================================
                  info
====================================================*/   
.info .img {
    width: 100%;
}
    
.info .img.first img {
    height: 44vh;
}

.info .txt {
    width: 100%;
    padding: 12vw 5vw 4vw;
}    
.info .txt h4 {
    width: 80%;
    margin-bottom: 7vw;
    }
    
    
.info .txt .box{
    flex-direction: row;
    }
    
.info .txt dl {
    margin-top: 6vw;
    line-height: 1.3;
    justify-content: space-between;
    }
    
.info .txt dt {
    font-weight: normal;
    width: 20%;
    text-indent: -1rem;
    margin-left: 1rem;
}
.info .txt dd {
    width: 75%;
}
    
.info .txt dd a img {
    width: 23vw;
    margin-left: 0;
    margin-top: 2vw;
}

.info .txt .bus_link img {
    width: 93%;
    display: block;
    margin: 0 auto;
}
    
.info .txt .parking {
    margin: 6vw 0 7vw;
}
    
.info .txt .parking p {
    width: 87%;
    font-size: 3.74vw;
    margin-left: 4vw;
    line-height: 1.55;
    }

.info .parking img {
    width: 17vw;
}
    
.info .txt .text_bottom {
    font-size: 2.8vw;
    position: initial;
    width: 100%;
    margin: 11vw auto 5vw;
    line-height: 1.3;
}
    
.info ul{
    flex-direction: row;
    }
    
.info ul.img01 li img{
    height: 35vw;
    }
    
.info ul.img02 li img{
    height: 24vw;
    }
    
    
    
/*====================================================
                  about
====================================================*/    
    
about h6 img {
    width: 100%;
    }
    
/*====================================================
                  map
====================================================*/
   
.map .wrapper {
    width: 87%;
    padding-top: 13vw;
}    
    
.map img.map_img {
    width: 100%;
}
.map p {
    width: 98%;
    letter-spacing: 0;
    margin: 9vw auto 13vw;
}
    
.map ul{
    flex-direction: row;
    }
    
.map ul.img01 li img{
    height: 24vw;
    }
    
.map ul.img02 li img{
    height: 35vw;
    }
     
    
/*====================================================
                  event
====================================================*/
.event {
    margin-bottom: 20vw;
}    
    
.event .wrapper {
    width: 91%;
}    
    
.event .content {
    width: 100%;
}
    
    
.event img.number {
    height: 7.5vw;
    margin: 4vw auto 5vw;
} 
.event h4.title {
    margin-bottom: 6vw;
    padding-top: 14.5vw;
}
    
.event h5 img {
    height: 44vw;
    margin: 3vw auto 6vw;
}
    
.event p.text {
    line-height: 1.8;
    padding: 5vw 0;
    letter-spacing: 0.05rem;
}

    
  
    
.event img.day {
    height: 8.5vw;
}
    
.event .detail .img {
    margin: 2vw auto 9vw;
}    
    
.event ul.btn li {
    text-align: center;
    border: 1px solid;
    width: 70vw;
    height: 13vw;
    font-size: 3.74vw;
    }    
    
.event ul.btn li a {
    padding: 4vw;
}
    

.event dl{
    flex-direction: row;
    }

.event dt {
    width: 45%;
}
.event dt.short {
    width: 45%;
}    
    
.event dt.large {
    width: 37%;
    text-indent: -1rem;
    margin-left: 1rem;
}
.event dd {
    font-size: 3.74vw;
    line-height: 1.7;
}
    
.event .content dd.bold{
    font-size: 3.48vw;
    line-height: 1.7;
    }
    
.event .content dd .large {
    font-size: 5.35vw;
    margin-top: -0.4rem;
    margin-right: 0.2rem;
}

.event ul.box{
    align-items: center;
    margin-bottom: 0;
    }
    
.event li {
    width: 60%;
    height: 7.5vw;
    font-size: 3.74vw;
    margin-right: 0;
}   
.event li a {
    padding: 4vw 0;
}
    
.event a.ticket {
    width: 70vw;
    }
    

/* event02 */
.event02 {
    margin-top: 15vw;
}    
    
.event02 h5 img {
    width: 73vw;
}
    
.event02 p.text {
    line-height: 1.8;
    padding: 5vw 0 7vw;
    letter-spacing: 0.05rem;
    font-size: 3.74vw;
    text-align: left;
}
    
.event02 p.text.sub {
    font-size: 3.2vw;
    padding: 4vw;
    letter-spacing: 0;
}
    
.event02 .sub ul.menu {
    width: 100%;
    font-size: 3.74vw;
    margin: 0;
    }
    
.event02 .sub ul.menu li:first-child {
    margin-right: 0;
}
.event02 .sub p.title {
    font-size: 3.74vw;
    margin-bottom: 4.7vw;
}
    
.event02 .sub .small {
    font-size: 3.2vw;
    margin: 0 auto;
    text-align: left;
    line-height: 1.6;
    padding: 3vw 17vw 7.4vw;
}
    
    
/*====================================================
                  premium
====================================================*/    
    
.premium {
    margin-bottom: 0;
    padding-bottom: 8vw;
}      
   
.premium h4.title {
    margin-bottom: 6vw;
    padding-top: 14.5vw;
    width: 60vw;
}
        
    
.premium .coming_soon {
    text-align: center;
    width: 140px;
    margin: 15vw auto;
}    
    
/*====================================================
                  shuttle
====================================================*/    
    
.shuttle_bus a {
    padding: 0;
}    
    
.shuttle_bus {
    height: 44vw;
    }
    
.shuttle_bus .text_name img.text_img {
    width: 71vw;
    padding: 8.5vw 2vw 0 0;
}    
    
.shuttle_bus .text_name img.maru{
    width: 8vw;
    top: 0;
    right: 4vw;
    padding: 18vw 0;
    }
    
/*====================================================
                  notes
====================================================*/  
.notes {
    padding-bottom: 5vw;
}
 .notes .wrapper {
    width: 89%;
}
.notes ul{
    border-top: 1px solid;
    padding-top: 3.5vw;
    margin-top: 3.5vw;
    margin-bottom: 7vw;
    }    
    
.notes li {
    font-size: 3.74vw;
    line-height: 1.8;
    margin-bottom: 2vw;
}
    
.notes h5 {
    font-size: 4.3vw;
    margin-bottom: 0;
    padding-bottom: 0;
    text-indent: -1rem;
    margin-left: 1rem;
    border: 0;
}
    
.notes h4.title{
    padding-top: 13vw;
    margin-bottom: 9vw;
    }
    
.notes h4.title img {
    width: 65%;
    }

/*====================================================
                  contact
====================================================*/
    
.contact .wrapper {
    width: 89%;
}
    
.contact h4.title {
    padding-top: 14vw;
    margin-bottom: 0;
}
    
.contact .detail {
    width: 89%;
    margin: 11vw auto 7vw;
}
    
.contact .detail h5 {
    font-size: 4.3vw;
    line-height: 1.5;
}    
.contact .detail .tel {
    width: 100%;
    margin: 4vw auto;
    }
    
.contact .detail p {
font-size: 3.74vw;
    line-height: 1.6;
    text-align: left;
    letter-spacing: 0.05rem;
}
.contact .detail p span {
    font-size: 3.74vw;
    margin: 5vw 0 3.2vw;
    display: block;
}
.contact .detail p:first-child span{
    font-size: 4.3vw;
    margin-bottom: 3vw;
    text-align: center;
    }    
    
.contact .sub {
    font-size: 3.2vw;
    letter-spacing: 0.01rem;
    line-height: 1.8;
    width: 100%;
    margin: 6vw auto 0;
    }

    
/*====================================================
                  2023/12 追加
====================================================*/


.tour_btn {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
}

.tour_btn li {
	padding: 5px;
	width: 40%;
	margin-bottom: 20px;

}
	
.tour_btn li img {
		width: 100%;
	}


/*====================================================
                  fotter
====================================================*/    
footer{
        width: 100%;
        margin: 23.5vw auto 0;
    }
    
footer .title_img {
    margin: 15vw auto 11vw;
    margin-left: -0.5vw;
}    

footer .title_img img {
    width: 54vw;
}
    
    
footer .guide{
        width: 100%;
    }
    
footer .guide {
    display: flex;
    margin-bottom: 6vw;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
    
footer .guide img {
    width: 73vw;
    margin-left: -27vw;
    margin-top: 2vw;
}
    
footer .guide li {
    font-size: 3.74vw;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 7vw;
    width: 40%;
    letter-spacing: 0.03rem;
    }
    
footer .title_img {
    width: 100%;
    }
    
    
footer .copyright {
    margin: 0 auto 10vw;
}
footer .copyright p{
    font-size: 2.8vw;
    }
    

    
    
    
    
    
    
}

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

    
}