@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:980px;
}
header {
    display:flex;
	width: 100%;
	height: 160px;
	padding-top: 10px;
    color:darkblue;
    position:fixed;
	background-color:#EECFA5;       
	}
header h1{
    font-size:3.2rem;
}
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;
    font-size:1.6rem;
    line-height:1.5;
}
main h1{
    font-size:2.5rem;
    font-weight:bold;
    color:blue;
    margin:10px 0 30px 20px;
    text-decoration-line: underline;
    text-decoration-style:double;
    text-decoration-color:blue;
    text-underline-offset:10px;
}
main h2{
    font-size:2rem;
    font-weight:bold;
    margin-top:20px;
}
.flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:flex-start;
    width:100%;
    margin:10px 0 0 5px;
    }
section{
    padding:5px;
}
.flex h3{
    font-weight:bold;
    font-size:1.4rem;
    margin-bottom:20px;
    color:darkblue;
}
.onsen{
    width:100%;
    padding:0 0 0 10px;
    line-height:1.8;
    margin-bottom:50px;
}
.onsen h2{
    padding: 15px;
    margin-left:100px;
}
.onsen p{
    width:95%;
}
.onsen li{
    margin-left:30px;
}
table{
    width:100%;
    border-collapse:collapse;
    margin:20px 0 50px 10px;
}
.title{
    font-size:1.4rem;
    text-align:center;
}
td,th{
    border:1px solid darkblue;
    padding:3px;
    font-size:1.4rem;
}
h5{
    font-weight:bold;
}
th{
    background:#c1e4e9;
    color:darkblue;
}
td{
    background:#f7fcfe;
//    width:10%;
//    text-align:center;
}
footer{
    width:96%;
    font-family:ＭＳ Ｐ明朝;
    font-weight:bold;
    font-size:1.6rem;
    margin:200px 20px 30px 20px;    
    color:#000; 
}
footer ul{
    list-style:none;
}
footer p{
    text-align:right;
}
a.mail:link{
    color:#000;
}


@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;
}