@charset "UTF-8";
header {
    width: 100%;
    height: 0;
    padding-bottom: 16%;
	background-color: aquamarine;
	background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
    position: relative;
}

header h1 {
	/* text-align: center; */
	font-size: 38px;
	color: #fff;
	text-shadow: 2px 2px 2px darkslateblue, -2px 2px 2px darkslateblue, 2px -2px 2px darkslateblue, -2px -2px 2px darkslateblue;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* position:relative; */
    /* top: 50%; */
}

.contents{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
main{
    max-width: 700px;
    width: calc(960px - 250px);
}
p.waka{
    color: red;
    font-family:"HG行書体" ;
}
ol li ul{
    list-style-type: none;
}
nav{
    width: 240px;
    min-width: 200px;
    /* background-color: #fbfbfb; */
}
nav ul{
    margin: 20px 0;
    padding: 0;
    list-style-type: none;
    border-left: 10px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;  border-bottom: 1px solid #d4d4d4;
}
nav li{
    /* margin-bottom: 15px; */
    border-top: 1px solid #d4d4d4;
    background-image: linear-gradient(#fbfbfb, #e1e1e1);
}
.current a{
    background-color: #696969;
    color: #fff;
}

nav li a{
    padding: 15px 10px;
    text-decoration: none;
    display: block;
       /* background-color: #DDFFFF; */
}

nav li a:hover{
    background-color: #dcdcdc;
}
nav ul li ul {
    padding-left: 30px;
    margin: 0;
    border: none;
 }

 nav li ul li a {
    padding: 5px;
  }
.right{
    text-align: right;
}
.mobile{
    display: none;
}

@media screen and (max-width:640px){
    .contents{
        max-width: 960px;
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    main{
        width: 100%;
    }
    .pc{
        display: none;
    }
    .mobile{
       display: block;
        width: 100%;
    }
    .mobile li{
        display: inline-block;
        width: calc(100%/4 - 10px);
    }
    .mobile nav ul{
        margin: 20px 0;
        padding: 0;
        list-style-type: none;
        border: none;
    }
    .mobile nav li{
        /* margin-bottom: 15px; */
        border-top: none;
        background-color:#000;
    }
}