@charest "UTF-8";
html{
    font-size:62.5%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3""ヒラギノ丸ゴ ProN W4",Hiragino Kaku Gothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif, "ＭＳ Ｐ明朝", MS PMincho;
	color: #000;
	background-color:#EECFA5;
}
a:link {color: deepskyblue; text-decoration:none;} transition; 3s;
a:visited {color: purple; text-decoration:none;}
a:hover {color: peru; text-decoration:underline;}
a:active {color: red; text-decoration:none;}

a img{ opacity:1; transition:0.5s;}
a img:hover{ opacity:0.5;}

#container{
    margin:0 auto;
    width:1000px;
}
header {
    display:flex;
	width: 100%;
	height: 160px;
	padding-top: 10px;
    color:darkblue;
    position:fixed;
	background-color:#EECFA5;       
	}
nav{
    float:right;    
    width:100%;
    writing-mode:tb-lr;
    writing-mode:vertical-lr;
    padding-top:10px;
}
nav ul{
    list-style:none;
}
nav li{
    width:30px;
    font-size:1.5rem;
    font-family:ＭＳ Ｐ明朝;
    color:skyblue;
}
nav li a{
    font-weight: bold;
    color:dodgerblue;
}
main{
    padding-top:180px;      
}

#contents {
    width:102%;
    font-size:1.4rem;
    margin-left:10px;
}
.clearfix:after {
    clear: both;
    display: block;
}
#contents h1{
    font-size:3.2rem;
    font-weight:bold;
    text-align:center;
    padding-bottom:10px;
}
#contents img{
    margin-left:3px;
}
section{
    padding-left:10px;
}
#kuroyu{
    margin-left:-10px;
}
#contents section{
    margin:20px 0;
    line-height:1.2;
}
#contents h2{
    font-size:2rem;
    font-weight:bold;
    margin-top:30px;
    padding-bottom:10px;
}
#onsen{
    margin-bottom:-20px;
}
#contents h3{
    font-size:1.6rem;
    font-weight:bold;
    margin-top:30px;
    padding-bottom:10px;
}
#contents a{
    color:#000;    
}
#info{
    width:60%;
    margin-top:10px;
}
table{
    width:66%;
    border-collapse:collapse;
    margin-left:30px;
}
.title{
    font-size:1.4rem;
    text-align:center;
}
td,th{
    border:1px solid darkblue;
    padding:3px;
    font-size:1.1rem;
}
th{
    background:#c1e4e9;
}
td{
    background:#f7fcfe;
    width:10%;
    text-align:center;
}
#gNavi{
	width:90%;
    margin-left:30px;
}
#gNavi iframe{
	width:90%;
    padding-top:50px;
}
#gMap{
	margin-top:0 auto;
	width:100%;
	padding-top:46.25%;
}
#gMap iframe{
	width:100% !important;
	height:100% !important;
}
#address{
    padding-bottom:30px;
}
footer{
    width:100%;
    font-family:ＭＳ Ｐ明朝;
    font-weight:bold;
    font-size:1.6rem;
    margin:50px 0 30px 20px;    
    color:#000; 
}
footer ul{
    list-style:none;
}
footer p{
    text-align:right;
}
a.mail:link{
    color:#000;
}



/*Responsive======================================*/

@media screen and (max-width:1040px)
#container {
    width:96%;   
}    
    
@media screen and (max-width:780px) 
#container {
    width:100%;
    font-size:1.5rem;
}
    
@media screen and (max-width:520px) 
#container {
    width:100%;
    font-size:1.4rem;
}