@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 999px){
#map .map_point img.mapimage,
p.coordinates{
display: none;
}
#map .map_point img.mapimage_sp{
display: block;
width: 100%;
border: none;
}
}
@media only screen and (max-width: 768px){

.w1000{
width: 100%;
margin: 0 auto;
}
h5.lines{
width: 95%;
margin: 0 auto;
font-size: 185%;
}
/*--------------------pankuzu */
#pankuzu{
display: none;
}
/*--------------------top */
#top{
display: none;
}
#top_sp{
width: 100%;
height: 700px;
display: block;
background: url("../img/bg_sp.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
text-align: center;
color: #fff;
text-shadow: #000 1px 0 10px;
}
#top_sp h3{
padding-top: 60px;
font-family: "RocknRoll One", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 380%;
line-height: 1em;
}
#top_sp h3 span{
display: block;
font-size: 55%;
}
#top_sp p{
width: 95%;
margin: 0 auto;
padding-top: 60px;
font-weight: 500;
font-size: 95%;
}
/*--------------------intro */
#intro{
padding: 20px 0;
}
ul.j_nav{
display: block;
padding: 20px 0 0;
}
ul.j_nav li{
width: 95%;
margin: 0 auto 15px;
}
ul.tickets{
display: block;
}
ul.tickets li{
width: 95%;
margin: 0 auto 15px;
}
/*--------------------hotels */
#hotels{
padding: 10px 0 30px;
}
#hotels p.dtl_hotel{
display: none;
}
#hotels p.dtl_hotel_sp{
display: block;
text-align: left;
width: 95%;
margin: 0 auto;
}
#hotels ul{
display: block;
}
#hotels ul li{
width: 95%;
margin: 0 auto 30px;
}
#hotels dl dt.mgn{
margin-bottom: 20px;
}
/*--------------------map*/
#map p{
width: 95%;
margin: 0 auto;
text-align: left;
padding: 30px 0;
}
#map ul{
display: block;
}
#map ul li{
width: 95%;
margin: 0 auto 30px;
}
#map a{
width: 95%;
margin: 0 auto;
font-size: 110%;
}
#map ul li img{
height: 256px;
}
/*--------------------question*/
.Label,
.content p{
font-size: 90%;
}
.accordion{
width: 95%;
margin: 30px auto 0;
}
/*--------------------other*/
#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,
#other dl dd a{
margin-top: 25px;
}
#other dl dd a{
font-size: 100%;
padding: 7px 0;
}
/*--------------------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-top: 0;
padding-left: 7px;
}
.contact_tyo ul li p{
font-size:2rem;
}
.contact_tyo dl dd.migizoroe{
padding: 0;
font-size: 85%;
}
.contact_tyo dl dd.adress{
padding: 0 0 0 7px;
font-size: 85%;
}
.contact_tyo dl dd span{
display: block;
padding: 0;
margin-bottom: 10px;
}
}