@charset "utf-8";
@media (max-width: 768px){
	
	 body {
    margin: 0;
    padding: 0;
  }

  h1 {
    margin: 0;
    padding: 20px;
  }
  h1 img{
    width:40%;
    height:40%;
  }

 






#drawer_header {
    font-size: 20px;
    padding: 15px 25px;
    color: #fff;
    font-weight: bolder;
  }

  #drawer_menu {
    position: fixed;
    left: 0;
    display: none;
    width: 250px;
    height: 100%;
    background: #000;
    overflow: auto;
    z-index:2;
  }

  #drawer_menu ul li a{
    text-decoration: none;
    color: #fff;
  }

  #drawer_menu ul{
    width: 250px;
    padding-left: 0;
    list-style-type: none;
  }

  #drawer_menu ul li{
    padding: 15px 15px;
  }

  #drawer_btn {
    position: fixed;
    top: 15px;
    right: 10px;
    transition: 0.3s;
    width: 50px;
    height: 50px;
    z-index:2;
  }

  #drawer_btn span {
    position: absolute;
    right: 5px;
    width: 80%;
    height: 6px;
    border-radius: 3px;
    background-color: #fff;
  }

  #drawer_btn span:nth-of-type(1) {top: 5px;}
  #drawer_btn span:nth-of-type(2) {top: 20px;}
  #drawer_btn span:nth-of-type(3) {top: 35px;}




#tour #drawer_menu .g06_mashiko a{
	color:#a4a9cf;
}

/*----------- color change  -------*/
#drawer_menu ul .gnav06 :nth-child(n+10) a{
margin-left:1.0rem;

/*--color:#C1CFE3;--*/

}
/*----------- end of color -------*/

/*----------- Toggle taiou ---------*/
#drawer_menu ul li dt{
color:#fff;
}

#drawer_menu ul li dd{
padding-top:10px;
color:#fff;
}
#drawer_menu ul li dd a{
	color: #aaa;
}


#thum_01{
display:none;
}
/*----------- End of Toggle --------*/


#header div .hero_img {
	width: 100%;
	height: auto;
}


#header div .hero_img {
	
	  }
	  
h1{
	font-weight: bold;
	line-height:1.2rem;
	color: #fafafa;
	padding-top: 10px;
	padding-bottom: 10px;
	position:absolute;
	top:10px;
	
}
#header .info{
margin-left:10px;
margin-bottom:10px;
}

#header h2{
margin-top:5px;
margin-left:10px;
margin-bottom:5px;
font-weight:bold;
font-size:1.5rem;
color:#FF7C80;
}


#header h3{
width:94%;
margin-left:10px;
margin-bottom:5px;
line-height:1.25rem;
padding:5px 0;
border-radius:3px;
box-shadow:0 0 0 1px #fff inset;
background-color: rgba(255, 255, 255, 0.65);
}

#header h3 a{
font-weight:bold;
line-height:1.8rem;
}

#header h3 span{
font-weight:bold;
color:#515555;
line-height:1.8rem;
}






#pankuzu{
display:none;
}






#main-contents{
width:95%;
margin-left:10px;
}

#main-contents h2 {
	width:350px;
	padding-top:5px;
	padding-bottom: 5px;
	color: #515555;
	font-size:1.4rem;
	font-weight:bold;
}

#main-contents h3{
font-weight:bold;
margin:5px 0 8px 0;
}









main #map{
margin-bottom:15px;
}




/*---------------------------------------------*/
main p{
	
        margin-bottom:10px;
}
	

/*------------------- logo on_off ----------------*/
main #map .tour_map{
	width:100%;
	height:auto;
	}

main #map{
	position:relative;
	}
main #map .on_k{
width:7.3%;
height:auto;
position:absolute;
left:25.6%;
top:49.2%;
display:none
}
main #map .on_c{
width:6.82%;
height:auto;
position:absolute;
left:92.4%;
top:56.0%;
display:none;
}
main #map .on_m{
width:7.79%;
height:auto;
position:absolute;
left:49.2%;
top:54.0%;
display:none;
}
main #map .on_s{
width:7.79%;
height:auto;
position:absolute;
left:63.77%;
top:27.8%;
display:none;
}
main #map .on_ky{
width:7.79%;
height:auto;
position:absolute;
left:56.4%;
top:58.3%;
display:none;
}
main #map .on_mi{
width:7.79%;
height:auto;
position:absolute;
left:35.3%;
top:66.1%;
display:none;
}
main #map .on_ka{
width:7.79%;
height:auto;
position:absolute;
left:76.3%;
top:46.83%;
display:none;
}
main #map .on_t{
width:7.79%;
height:auto;
position:absolute;
left:72.6%;
top:30.5%;
display:none;
}
main #map .on_a{
width:5.84%;
height:auto;
position:absolute;
left:40.7%;
top:66.5%;
display:none;
}




#top a{
text-align:center;
}




footer{
	width:100%;
	background-color:#a4a9cf;
}
footer ul{
margin-left:10px;
}
footer a{
margin-left:30%;
}


footer p{
	text-align:center;
	color:#fff;
	padding-bottom:5px;
	font-size:12px;
}





}