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

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

.w1000{
width: 100%;
margin: 0 auto;
}
/*--------------------pankuzu */
#pankuzu{
display: none;
}
/*--------------------top */
#top{
display: none;
}
#top_sp{
display: block;
background-image: url("../img/bg_top_smart.jpg");
background-size: cover;
background-repeat: no-repeat;
height: 480px;
text-align: center;
}
#top_sp img{
width: 90%;
margin: 0 auto;
margin-top: 100px;
}
#intro{
width: 90%;
margin: 0 auto;
padding: 30px 0 50px;
}
p.sentence{
font-size: 115%;
text-align: left;
}
p.snowflake{
padding-bottom: 10px;
}
/*--------------------access */
#access{
padding: 20px 0;
}
#access ul{
display: block;
width: 95%;
margin: 0 auto;
}
#access ul li{
width: 100%;
margin: 0 auto;
}
#access ul li img{ 
width: 100%;
height: auto;
border: 0;
}
#access p.sub{
font-size: 120%;
margin-top: 10px;
text-align: center;
}
#access p.sub span{
display: block;
}
#access dl{
font-size: 110%;
display: block;
text-align: center;
}
#access dl dt{
width: 100%;
padding-bottom: 0;
}
#access dl dd{
padding: 0 0 10px;
font-size: 115%;
}
#access ul li img.yellow{
display: none;
}
p.arrow::before{
width: 20px;
}
#access p.gala{
font-size: 90%;
font-weight: normal;
margin-bottom: 20px;
}
/*--------------------points */
#points h5,
#tour h5,
#around h5{
font-size: 150%;
}
#points h5 span,
#tour h5 span,
#around h5 span{
font-size: 70%;
}
#points{
background-image: none;
}
#points h5{
padding-bottom: 0;
}
#points ul{
display: block;
width: 95%;
margin: 0 auto;
}
#points ul li,
#points ul li.point_dtl{
width: 100%;
margin: 0 auto;
}
#points ul li.circle{
margin-bottom: 20px;
width: 75px;
height: 75px;
}
#points ul li.circle p{
font-size: 100%;
}
#points dl{
margin: 0 auto 50px;
}
#points dl dt{
font-size: 115%;
text-align: center;
}
#points dl dd{
font-size: 100%;
width: 95%;
margin: 0 auto;
}
#points dl dd span{
display: block;
}
#points ul li.point_dtl dl dd span.kaigyo{
display: inline;
}
#points dl dd span.train{
display: block;
}
/*--------------------tour */
#tour,
#around{
padding: 50px 0;
}
#tour h5{
width: 90%;
margin: 0 auto;
font-size: 145%;
padding-bottom: 20px;
}
#tour ul,
#around ul,
#other ul{
display: block;
}
#tour ul li,
#around ul li,
#other ul li{
width: 100%;
margin: 0 auto;
}
#tour dl,
#around dl{
width: 95%;
margin: 0 auto 50px;
}
#tour dl dt{
font-size: 115%;
}
#tour ul li img,
#around ul li img{
width: 100%;
height: auto;
}
p.ribbon1{
font-size: 135%;
width: 190px;
}
.btn a{
width: 95%;
margin: 0 auto;
}
#tour dl dd,
#around dl dd{
padding-right: 0;
}
/*--------------------other */
#other{
padding: 50px 0 20px;
}
#other ul li{
margin:0 auto 30px;
text-align: center;
}
#other ul li img{
width: 90%;
margin: 0 auto;
}
/*--------------------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;
}
}