<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style type="text/css">

@charset "UTF-8";

@font-face {
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');
body {
font-family: 'Hina Mincho', serif;
    font-weight: normal;
    letter-spacing: 2px;
    max-width: 100%;
    text-align: justify;
    word-break: break-all;
color: #000;
background:blue;
height:100%;
}
@media screen and (min-width:1024px) {
body {
font-size: 15px;
    line-height: 180%;
}
}
@media screen and (max-width:1024px) {
body {
font-size: 13px;
line-height: 200%;
}
}


* {
font-family: 'Hina Mincho', serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.box a{
text-decoration: none;
text-align: center;
}
center a {
    color: rgb(230 197 108 / 69%);
    font-weight:bold;
}
center a:hover{
    color: rgb(0 0 0 / 69%);
}
ce a{
    bottom: 1em;
    position: absolute;
    right: 0;
    left: 0;
}
footer, footer2{
    display: block;
    text-align: right;
    bottom: 2em;
    position: relative;
color: rgb(242 242 242 / 69%);
z-index: 2;
}
footer2{
    position: absolute;
    bottom: 2em;
    right: 1em;
}
center{
z-index: 1;
    background: rgba(0, 0, 0, 0.69);
    display: block;
    text-align: center;
    bottom: 0;
    padding: 0 1em;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    height: 10%;
}



daimei {
font-family: 'Niconne', cursive;
font-size: 30px;
display: block;
margin: 0 auto;
color: rgba(255, 255, 255, 0.684);
padding: 1em;
z-index: 100;
position: relative;
background: rgba(0, 0, 0, 0.69);
height: 10%;
}
@media screen and (max-width:1024px) {
daimei {
    font-size: 28px;
    text-align: center;
}
}


/* メインページボックス */
.box{
    height:100vh;
width:100%;
    display:block;
 text-align:left;
margin: 0 auto;
position: absolute;
}
.box2{
border:solid 3px rgba(0, 0, 0, 0.69);
    position: relative;
    height:100vh;
}



.flex{
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    height: 80%;
align-items: stretch;
}
sec{
    display: block;
    width: 100%;
}
sec a{
    color: rgba(255, 255, 255);
}
sec a:hover{
color:rgb(0, 0, 0);
}
tex{
    text-align:center;
    color: #fff;
    right:0;
    left:0;
    line-height:80px;
position:relative;
display:block;
}




/* 子ページ */
m1 {
background-color: pink;
    display: block;
    padding: 2em 0;
}
h1 {
background-color: #fff;
font-weight: normal;
color: #000;
font-size: 16px;
padding: 3em;
line-height: 180%;
width: 100%;
}
@media screen and (max-width:1024px) {
h1 {
    font-size: 13px;
    padding: 2em 1.5em;
    line-height: 200%;
    margin: 0 0 2em 0;
}
}






#bgz6 {
    background: url(aqua.jpg) 15%/cover;
}
#bgz6 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -100;
}

/* Templated by Shicknecks. Forbidden to use for other anyone. */
</style>