/* フォント */

@import url('https://fonts.googleapis.com/css2?family=Stick&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=Jaro:opsz@6..72&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap');

/* 全体 */

body{
background:#ABD3D8; / 背景色*/
animation: fadeIn 3s ease 0s 1 normal;
-webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

*{
font-family: "Yusei Magic", serif;
font-weight: 400;
font-style: normal;
color:#ffffff;
border:none;
text-decoration: none;
}

/* たいとる */

.title{
font-family: "Cherry Bomb One", 
system-ui;
font-weight: 400;
font-style: normal; 
width:90%;
max-width:300px;
position:relative;
margin: 20px auto;
padding: 30px 15px;
text-align:center;
font-size: 30px;
}

/* ふぇーどいん */

.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{ from { opacity: 0; } to { opacity: 1; } }

/* テンプレート */

.temp{
position: relative;
margin: 0 auto;
padding: 65px 30px 65px 30px; 
width: 65%;
background-color:#ffffff;
font-family: "Yusei Magic", serif;
color:#778899;
text-decoration: none;
font-size:10.2px;
border: solid 0.5px white;
border-radius: 15px;
text-align:center;
text-shadow: 0 0 3px #ffffff;
box-shadow: 0px 0px 10px 10px #ffffff;
}

/* リンク */

a{
color: #778899;
}

/* かなえ */

.kne{
position: relative;
width: 100%;
margin: 40px auto; 
width: 65%;
padding: 65px 30px 65px 30px;
background-color:#ffffff;
font-family: "Yusei Magic", serif;
color:#778899;
font-size:10.5px;
border-radius: 7px;
text-align:center;
text-shadow: 0 0 3px #fff;
box-shadow: 0px 0px 10px 10px #ffffff;
}

/* かなえ おりたたみ */

.kne summary {
font-family: 'Yusei Magic', sans-serif;
display: block;
color: #778899;
font-size: 10.5px;
}

.kne summary::-webkit-details-marker {
display: none;
}

.kne details {
font-family: 'Yusei Magic', sans-serif;
border: none;
font-size: 10.5px;
color: #778899;
margin: 0px;
transition: 1.3s;
}

/* くずは */

.kzh{
position: relative;
width: 100%;
margin: 40px auto; 
width: 65%;
padding: 65px 30px 65px 30px;
background-color:#ffffff;
font-family: "Yusei Magic", serif;
color:#9ea1a3;
font-size:10.5px;
border-radius: 7px;
text-align:center;
text-shadow: 0 0 3px #fff;
box-shadow: 0px 0px 10px 10px #ffffff;
}

/* くずは おりたたみ */

.kzh summary {
font-family: 'Yusei Magic', sans-serif;
display: block;
color: #9ea1a3;
font-size: 10.5px;
}

.kzh summary::-webkit-details-marker {
display: none;
}

.kzh details {
font-family: 'Yusei Magic', sans-serif;
border: none;
font-size: 10.5px;
color: #9ea1a3;
margin: 0px;
transition: 1.3s;
}