@charset "utf-8";
/* CSS Document */

/************************************************************
					max1500px
************************************************************/
@media screen and (min-width: 769px){
.br-pc {
       display: block;
}
.br-sp {
        display: none;
    }	
}

@media screen and (max-width: 768px){
.br-pc {
        display: none;
    }
.br-sp {
       display: block;
}	
	
.w1000{
width: 100%;
margin: 0 auto;
}
h5{
font-size: 125%;
}
h3{
margin-bottom: 20px;
}	
/*--------------------pankuzu */
#pankuzu{
display: none;
}
/*--------------------contact */
#contact{
width: 100%;
margin: 0 auto;
padding: 20px 0 50px;
}
.contacts{
width: 98%;
font-size: 1.2em
}
.contact_tyo ul{
display: block;
margin: 0 auto;
}
.contact_tyo ul li{
width: 90%;
}
.contact_tyo ul li.left-sp{
padding-left: 7px;
}
.contact_tyo ul li p{
font-size:2rem;
}
.contact_tyo dl dd.migizoroe{
padding: 0;
}
.contact_tyo dl dd span{
display: block;
padding: 0;
margin-bottom: 10px;
}
/*--------------------top */
#top{
display: none;
}
#top_sp{
display: block;
width: 100%;
background-image:url("../img/topbg_sp.jpg");
background-repeat: no-repeat;
background-size: cover;
height: 640px;
text-align: center;
color: #fff;
}
#top_sp p{
        width: 85%;
        margin: 0 auto;
        font-weight: 500;
        font-size:100%;
        text-align: left;
    }	
#top_sp img{
width: 95%;
margin: 70px 0px 80px;	
}	
	
#top_sp .w800{
width: 92%;
margin: 0 auto;
padding:10px 2px;
font-weight: 500;
font-size: 85%;		
color: white;
text-align: center;
text-shadow: #000 1px 2px 2px;	
background-color: rgba(0, 0, 0, 0.3);	
}	
	
/*--------------------map */
#map .w1000{
width: 95%;
margin: 0 auto;
}
#map img{
width: 100%;
}	
#map{
background-position:center -20px;
background-size: 120%;	
padding: 50px 0 40px;	
}	
	
/*--------------------#gourmet*/		
#gourmet ul{
display: block;
}

#gourmet ul li{
width: 90%;
margin: 0 auto ;	
}	
	

#gourmet .card{
margin-top: 20px;
}	
/*--------------------info */
#info{
}
#info h3{
font-size: 170%;
padding-left: 10px;
margin-top: 20px;
}
#info h3 span.pt_1{
font-size: 100%;
}
#info h3 span.pt_2{
font-size: 100%;
}
#info h3 span.kaigyo{
display: block;
}
#info p{
width: 95%;
margin: 0 auto 15px;
}
#info ul{
display: block;
}
#info ul.btn_three li{
width: 90%;
margin: 8px auto 0;
}
	
#info ul li a{
border: 2px solid white;	
font-size: 100%;
padding: 6px 0;
}	
	
/*--------------------history*/
#history p{
width: 85%;
margin: 0 auto;
font-weight: 500;
font-size: 85%;	
text-align: left;	
}	
		
#history ul {
margin: 0 auto;	
display: block;
width: 80%;	
justify-content: center;	
}		
	
#history  ul li {
    width: calc(100% / 1);
}	
/*--------------------gourmet */
	
.carousel-slide img {
    width: 100%; 
    height: auto;
}	
	
#gourmet dl dd.upper_2{
height: 170px;
}	
#gourmet {
   padding: 0px;	
	}
	
.carousel-slide {
    flex-shrink: 1;
}	
/*--------------------sightseeing */
#sightseeing{	
padding: 40px 0 10px;	
background-size: 120%,contain;
}	
	
#sightseeing p{
width: 95%;
margin: 0 auto;
}
#sightseeing ul{
display: block;
padding: 0px 0px;	
}
#sightseeing ul li{
width: 90%;
margin: 0px auto 0px;
}
#sightseeing dl dd p{
width: 100%;
}
#sightseeing dl dd.upper_2{
padding: 10px;
height: 120px;
font-size: 95%;
}

/*--------------------hotel */
#hotel ul{
display: block;
}
#hotel ul li{
width: 95%;
margin: 0 auto 10px;
}

.btn{
width: 90%;	
}
#hotel p{
margin: 0px 12px 30px;
}	
#hotel ul li img{
width: 100%;
padding:5px 0px;	
}	
#hotel{
padding: 70px 0 40px;
background-position:center 0px;
background-size: 200%, cover;	
}	
/*--------------------tour */	
#tour h3{
 font-size: 160%;	
	}	
#tour ul li p{
font-size: 115%;

}	
	
#other{
padding: 30px 0 50px;
}
#other h5{
font-size: 145%;
}
#other ul{
display: block;
}
#other ul li{
width: 95%;
margin: 0 auto;
}
#other dl dt{
font-size: 120%;
}
dd.detail{
margin-top: 25px;
}


}