@charset "utf-8";
header{
    text-align: center;
    padding-top: 10px;
    margin-top: 50px;
}


body{
    width: 900px;
    margin: auto;
    padding:0;
    background-color: white;
}

#contents {
    width: 900px;
    margin: auto;
    text-align: center;
}

footer p{
    text-align: center;

}


footer a{
    text-decoration: none;
    color: dimgray;
}



h1{
    color: dimgray;
    width: 900x;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

h1 a{
    margin: 0px;
    padding: 0px;
}

h2{
    font-family: serif;
    font-size: 30px;
    margin-bottom: 0px;
    margin-top: 20px;
    padding-bottom: 0px;
    padding-top: 0px;
}

p{
    font-family: serif;
    font-size: 25px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
}



ul{
    margin:0px;
    padding: 0px;
}

.containerA{
    width: 600px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    display: grid;
    grid-template-columns: repeat(3,0fr);
    grid-template-rows: 200px;

}


.containerA li{
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}



.containerB{
    width: 600px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3,0fr);
    grid-template-rows: 200px 200px;

}

.containerB li{
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.containerC{
    width: 800px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 0px;

}

.containerC li{
    list-style: none;
    margin-top:20px;
    margin-bottom: 0px;
    padding:0px;
    display:inline-block;
    width: 120px;
    border: 3px solid grey;
}

.containerC p{
    font-size: 25px;
}

.containerC a{
    text-decoration-line: none;
    color: darkslategray;
}

.waku101{
    width: 200px;
    height: 200px;
    background-color:  #ffe0e0;
    border-radius: 30px;
    align-items: center;
}

.waku101 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;
    margin: 0px;
}

.waku101 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku101 .aka{
    color: red;
    margin-top: 55px;
}

.waku101 .aka_close{
    color: red;
    margin-top: 15px;
}

.waku101 .hiduke{
    font-size: 15px;
}

.waku102{
    width: 200px;
    height: 200px;
    background-color: #ffe0ef;
    border-radius: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.waku102 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku102 a{
    text-decoration-line: none;
    color:darkslategray;
}



.waku103{
    width: 200px;
    height: 200px;
    background-color: #efe0ff;
    border-radius: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.waku103 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku103 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku104{
    width: 200px;
    height: 200px;
    background-color: #e0efff;
    border-radius: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.waku104 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku104 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku105{
    width: 200px;
    height: 200px;
    background-color: #e0ffff;
    border-radius: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.waku105 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku105 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku106{
    width: 200px;
    height: 200px;
    background-color: #e0ffef;
    border-radius: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.waku106 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku106 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku107{
    width: 200px;
    height: 200px;
    background-color: #efffe0;
    border-radius: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.waku107 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku107 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku108{
    width: 200px;
    height: 200px;
    background-color: #ffffe0;
    border-radius: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.waku108 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku108 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku109{
    width: 200px;
    height: 200px;
    background-color: #ffefe0;
    border-radius: 30px;
    align-items: center;
}

.waku109 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;
}

.waku109 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku109 .aka{
    color: red;
    margin-top: 60px;
}

.waku101:hover{
    width: 200px;
    height: 200px;
    background-color:white;
    border-radius: 30px;
    border: 5px solid #ffe0e0;
    align-items: center;
    cursor:pointer;
}

.waku101:hover p{
    color:#ffe0e0;
    font-size: 18px;
    text-align: center;
    font-family:cursive;
}

.waku101:hover .aka {
    color: red;
    margin-top: 50px;
}


.waku102:hover{
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #ffe0ef;
  align-items: center;
  display: flex;
  justify-content: center;
    cursor:pointer;
}

.waku102:hover p{
    color:#ffe0ef;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku103:hover{
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #efe0ff;
  align-items: center;
  display: flex;
  justify-content: center;
    cursor:pointer;
}

.waku103:hover p{
    color:#efe0ff;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku104:hover{
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #e0efff;
  align-items: center;
  display: flex;
  justify-content: center;
    cursor:pointer;
}

.waku104:hover p{
    color:#e0efff;
    font-size: 18px;
    text-align: center;
    font-family:cursive;
}

.waku105:hover{
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #e0ffff;
  align-items: center;
  display: flex;
  justify-content: center;
    cursor:pointer;
}

.waku105:hover p{
    color:#e0ffff;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku106:hover{
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #e0ffef;
  align-items: center;
  display: flex;
  justify-content: center;
    cursor:pointer;
}

.waku106:hover p{
    color:#e0ffef;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku107:hover{
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #efffe0;
  align-items: center;
  display: flex;
  justify-content: center;
    cursor:pointer;
}

.waku107:hover p{
    color:#efffe0;
    font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku108:hover{
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #ffffe0;
    align-items: center;
    cursor:pointer;
}

.waku108:hover p{
    color:#ffffe0;
     font-size: 18px;
    text-align: center;
    font-family:cursive;

}

.waku109:hover{
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #ffefe0;
    align-items: center;
    cursor:pointer;
}

.waku109:hover p{
    color:#ffefe0;
    font-size: 18px;
    font-family:cursive;
    text-align: center;
}


.waku109:hover a{
    text-decoration-line: none;
    color:darkslategray;
}


.waku109:hover .aka{
    color: red;
    margin-top: 60px;
}

.waku201{
    width: 200px;
    height: 200px;
    background-color: #e0ffff;
    border-radius: 30px;
    align-items: center;

}

.waku201 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;
    text-decoration-line: none;
}

.waku201 .aka{
    color: red;
    margin-top: 30px;
}

.waku201 .aka_close{
    color: red;
    margin-top: 5px;
}

.waku201 .hiduke{
    font-size: 15px;
}



.waku202{
    width: 200px;
    height: 200px;
    background-color: #ffe0ef;
    border-radius: 30px;
    align-items: center;
}

.waku202 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;
}

.waku202 .aka{
    color: red;
    margin-top: 30px;
}

.waku202 .aka_close{
    color: red;
    margin-top: 25px;
}

.waku202 .hiduke{
    font-size: 15px;
}


.waku203{
    width: 200px;
    height: 200px;
    background-color: #efffe0;
    border-radius: 30px;
    align-items: center;
}

.waku203 p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;
}

.waku203 .aka{
    color: red;
    margin-top: 30px;
}

.waku203 .aka_close{
    color: red;
    margin-top: 15px;
}

.waku203 .hiduke{
    font-size: 15px;
}

.waku201:hover{
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #e0ffff;
    align-items: center;
    cursor:pointer;
}

.waku201:hover p{
    color:darkslategray;
    font-size: 18px;
    text-align: center;
    font-family:cursive;
}

.waku201:hover .aka{
    color: red;
}

.waku201:hover .aka_close{
    color: red;
    margin-top: 5px;
}

.waku202:hover{
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #ffe0ef;
    align-items: center;
    cursor:pointer;
}

.waku202:hover p{
    color:#ffe0ef;
    font-size: 18px;
    text-align: center;
    font-family:cursive;
}

.waku202:hover .aka{
    color:red;
}

.waku202:hover .aka_close{
    color: red;
    margin-top: 25px;
}

.waku203:hover{
    width: 200px;
    height: 200px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #efffe0;
    align-items: center;
    cursor:pointer;
}

.waku203:hover p{
    color:#efffe0;
    font-size: 18px;
    text-align: center;
    font-family:cursive;
}

.waku203:hover .aka{
    color:red;
}

.waku203:hover .aka_close{
    color: red;
    margin-top: 15px;
}

.naiyou a{
    text-decoration-line: none;
}

.hiduke a{
    text-decoration-line: none;
}

.small{
    font-size: 30px;
    margin: 0px;
}

@media screen and (max-width:1300px){
    /*　画面サイズが1300px以下の場合に適用*/

header{
    text-align: center;
    padding-top: 10px;
    margin-top: 50px;
}


body{
    width: 1000px;
    margin: auto;
    padding:0;
    background-color: white;
}

#contents {
    width: 1000px;
    margin: auto;
    text-align: center;
}

footer p{
    text-align: center;

}
    
footer a{
    text-decoration: none;
    color: dimgray;
}


h1{
    color: dimgray;
    width: 1000px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}
    
h2{
    font-family: serif;
    font-size: 50px;
    margin-bottom: 5px;
    margin-top: 10px;
}

p{
    font-family: serif;
    font-size: 50px;
    margin-top: 5px;
}


h1 a{
    margin: 0px;
    padding: 0px;
}


ul{
    margin:0;
    padding: 0;
}

.containerA{
    width: 900px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    display: grid;
    grid-template-columns: repeat(3,0fr);
    grid-template-rows: 300px;
}


.containerA li{
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}



.containerB{
    width: 900px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3,0fr);
    grid-template-rows: 300px 300px;
}

.containerB li{
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}


footer p{
    text-align: center;
    text-decoration: none;
    color: dimgray;
}


.waku101{
    width: 300px;
    height: 300px;
    background-color: #ffe0e0;
    border-radius: 30px;
    align-items: center;
}

.waku101 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    margin: 0;
}

.waku101 a{
    text-decoration-line: none;
    color:darkslategray;
}
    
.waku101 .aka{
    color: red;
    margin-top: 75px;
}

    
.waku102{
    width: 300px;
    height: 300px;
    background-color: #ffe0ef;
    border-radius: 30px;
}

.waku102 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku102 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku103{
    width: 300px;
    height: 300px;
    background-color: #efe0ff;
    border-radius: 30px;
}

.waku103 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku103 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku104{
    width: 300px;
    height: 300px;
    background-color: #e0efff;
    border-radius: 30px;
}

.waku104 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku104 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku105{
    width: 300px;
    height: 300px;
    background-color: #e0ffff;
    border-radius: 30px;
}

.waku105 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku105 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku106{
    width: 300px;
    height: 300px;
    background-color: #e0ffef;
    border-radius: 30px;
}

.waku106 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku106 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku107{
    width: 300px;
    height: 300px;
    background-color: #efffe0;
    border-radius: 30px;
}

.waku107 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku107 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku108{
    width: 300px;
    height: 300px;
    background-color: #ffffe0;
    border-radius: 30px;
}

.waku108 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku108 a{
    text-decoration-line: none;
    color:darkslategray;
}

.waku109{
    width: 300px;
    height: 300px;
    background-color: #ffefe0;
    border-radius: 30px;
    align-items: center;
}

.waku109 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    margin: 0;
}

.waku109 a{
    text-decoration-line: none;
    color:darkslategray;
}
    
.waku109 .aka{
    color: red;
    margin-top: 75px;
}

.waku101:hover{
    width: 300px;
    height: 300px;
    background-color:white;
    border-radius: 30px;
    border: 5px solid #ffe0e0;
    align-items: center;
    cursor:pointer;
}

.waku101:hover p{
    color:#ffe0e0;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
}
    
.waku101:hover .aka{
    color: red;
    margin-top: 75px;
}

.waku102:hover{
    width: 300px;
    height: 300px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #ffe0ef;
    cursor:pointer;
}

.waku102:hover p{
    color:#ffe0ef;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku103:hover{
    width: 300px;
    height: 300px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #efe0ff;
    cursor:pointer;
}

.waku103:hover p{
    color:#efe0ff;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku104:hover{
    width: 300px;
    height: 300px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #e0efff;
    cursor:pointer;
}

.waku104:hover p{
    color:#e0efff;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku105:hover{
    width: 300px;
    height: 300px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #e0ffff;
    cursor:pointer;
}

.waku105:hover p{
    color:#e0ffff;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku106:hover{
    width: 300px;
    height: 300px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #e0ffef;
    cursor:pointer;
}

.waku106:hover p{
    color:#e0ffef;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku107:hover{
    width: 300px;
    height: 300px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #efffe0;
    cursor:pointer;
}

.waku107:hover p{
    color:#efffe0;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}

.waku108:hover{
    width: 300px;
    height: 300px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #ffffe0;
    cursor:pointer;
}

.waku108:hover p{
    color:#ffffe0;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    line-height: 300px;
    margin: 0;
}
    
.waku109:hover{
    width: 300px;
    height: 300px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #ffefe0;
    align-items: center;
    cursor:pointer;
}

.waku109:hover p{
    color:#ffefe0;
    font-size: 30px;
    font-family:cursive;
}


.waku109:hover a{
    text-decoration-line: none;
    color:darkslategray;
}


.waku109:hover .aka{
    color: red;
    margin-top: 75px;
}



.waku201{
    width: 300px;
    height: 300px;
    background-color: #e0ffff;
    border-radius: 30px;
    align-items: center;

}

.waku201 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
    text-decoration-line: none;
}

.waku201 .aka{
    color: red;
}

.waku201 .aka_close{
    color: red;
    margin-top: 5px;
}

.waku201 .hiduke{
    font-size: 25px;
}



.waku202{
    width: 300px;
    height: 300px;
    background-color: #ffe0ef;
    border-radius: 30px;
    align-items: center;
}

.waku202 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
}

.waku202 .aka{
    color: red;

    padding-top: 0px;
}
    
.waku202 .aka_close{
    color: red;
    margin-top: 5px;

    padding-top: 0px;
}

.waku202 .hiduke{
    font-size: 25px;
}


.waku203{
    width: 300px;
    height: 300px;
    background-color: #efffe0;
    border-radius: 30px;
    align-items: center;
}

.waku203 p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
}

.waku203 .aka{
    color: red;

    padding-top: 0px;
}
    
.waku203 .aka_close{
    color: red;
    margin-top: 5px;

    padding-top: 0px;
}


.waku203 .hiduke{
    font-size: 25px;
}

.waku201:hover{
    width: 300px;
    height: 300px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #e0ffff;
    align-items: center;
    cursor:pointer;
}

.waku201:hover p{
    color:darkslategray;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
}

.waku201:hover .aka{
    color: red;
}

.waku202:hover{
    width: 300px;
    height: 300px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #ffe0ef;
    align-items: center;
    cursor:pointer;
}

.waku202:hover p{
    color:#ffe0ef;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
}
    
.waku202:hover .aka_close{
    color: red;
    margin-top: 25px;
}

.waku203:hover{
    width: 300px;
    height: 300px;
    background-color: white;
    border-radius: 30px;
    border: 5px solid #efffe0;
    align-items: center;
    cursor:pointer;
}

.waku203:hover p{
    color:#efffe0;
    font-size: 30px;
    text-align: center;
    font-family:cursive;
}

.naiyou a{
    text-decoration-line: none;
}

.hiduke a{
    text-decoration-line: none;
}

.small{
    font-size: 30px;
    margin: 0px;
}