@charset "UTF-8";

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

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

@font-face {
  font-family: 'top1';
  src: url('https://dl.dropboxusercontent.com/scl/fi/i7qb8tnn2tdk7txcqp8jg/wef_____.ttf?rlkey=fjdddbmyi28pf0keur7j4wiwh&st=zv39ne8i&dl=0') format('truetype');
}

@font-face {
  font-family: 'top2';
  src: url('https://dl.dropboxusercontent.com/scl/fi/mtqojb0di9q6j581iq7il/Flowering.ttf?rlkey=e9z5l6ins22wgldivyc6iy0n2&st=qqaz8w1b&dl=0') format('truetype');
}

@font-face {
  font-family: 'top3';
  src: url('https://dl.dropboxusercontent.com/scl/fi/55l4kf9dj93gm61ywxanc/kitty-cats-tfb.ttf?rlkey=w1l8mccljkqliaynqmhw4u1vc&st=4k4u6e5f&dl=0') format('truetype');
}

@font-face {
  font-family: 'top4';
  src: url('https://dl.dropboxusercontent.com/scl/fi/b3wiv8227gngr7yvymeyc/Miny-Weather.otf?rlkey=kijcea2yznttsopoi1cmpa6p8&st=b8y1phpr&dl=0') format('opentype');
}

@font-face {
  font-family: 'top5';
  src: url('https://dl.dropboxusercontent.com/scl/fi/u6veg704eio4f5rwsatbp/Paper-Snowflakes.otf?rlkey=bo6xox0qiyj9uqfuq98vz22ht&st=daadjwzr&dl=0') format('opentype');
}

@font-face {
  font-family: 'top6';
  src: url('https://dl.dropboxusercontent.com/scl/fi/plmja0anzqcovcvamtytz/Ghosties-Regular.ttf?rlkey=3haet5sqy3wjriad2da2sswsu&st=qo34qz05&dl=0') format('truetype');
}

@font-face {
  font-family: 'top7';
  src: url('https://dl.dropboxusercontent.com/scl/fi/55l4kf9dj93gm61ywxanc/kitty-cats-tfb.ttf?rlkey=w1l8mccljkqliaynqmhw4u1vc&st=b4hghjhb&dl=0') format('truetype');
}



* {
  font-family: 'Kiwi Maru', serif;
  color: #6f5436;
}


/*背景*/
body {
  background-image: linear-gradient(#fafdff, #2ca9e1);
}


/*記事内中央寄せ*/
.ct {
  margin: 0 auto;
  text-align: center;
}


/*表紙*/
.snow {
  color: #ffffff;
  font-size: 10px;
  position: fixed;
  top: -5%;
  text-shadow:
  5vw   -100px 2px,
  10vw  -400px 3px,
  20vw  -500px 4px,
  30vw  -580px 1px,
  39vw  -250px 2px,
  42vw  -340px 5px,
  56vw  -150px 2px,
  63vw  -180px 0,
  78vw  -220px 4px,
  86vw  -320px 9px,
  94vw  -170px 7px;
  animation: roll 5s linear infinite;
}

.snow2nd {
  animation: anim 8s linear infinite;
}

@keyframes roll {
    0% {transform:rotate(0deg);}
   90% {opacity:1;}
   100% {transform:rotate(20deg);top:100%;opacity:0;}
}

@keyframes anim {
  100% {color:transparent;top:150%;}
}


cloud {
  font-family: "top1";
  font-size: 70px;
  color: #a0d8ef;
}

flower {
  font-family: "top2";
  font-size: 80px;
  color: #94adda;
}

cat {
  font-family: "top3";
  font-size: 50px;
  color: #a4a8d4;
}

top {
  font-size: 1.25em;
  color: #6f5436;
}


/*枠 宇佐美*/
.box {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 90%;
  max-width: 800px;
  text-align: left;
  margin: 2em auto;
  padding: 2em 2em 3em;
  background-color:#fffaf0;
  box-shadow: 0 0 12px 2px #f7b977, 0 0 12px 2px #f7b977 inset;
  border-radius: 20px;
}

.deco {
  font-family: "top1";
  position: absolute;
  font-size: 50px;
  bottom: -45px;
  right: -20px;
  color: #ffdf82;
}

/*枠 椎名*/
.box2 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 90%;
  max-width: 800px;
  text-align: left;
  margin: 2em auto;
  padding: 2em 2em 3em;
  background-color:#fff0fb;
  box-shadow: 0 0 12px 2px #f794ce, 0 0 12px 2px #f794ce inset;
  border-radius: 20px;
}

.deco2 {
  font-family: "top6";
  position: absolute;
  font-size: 50px;
  bottom: -45px;
  right: -20px;
  color: #f1c8de;
}

/*枠 佐伯*/
.box3 {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 90%;
  max-width: 800px;
  text-align: left;
  margin: 2em auto;
  padding: 2em 2em 3em;
  background-color:#fff0f1;
  box-shadow: 0 0 12px 2px #c985c9, 0 0 12px 2px #c985c9 inset;
  border-radius: 20px;
}

.deco3 {
  font-family: "top7";
  position: absolute;
  font-size: 50px;
  bottom: -45px;
  right: -20px;
  color: #8c4664;
}


/*本文*/
.tx {
  width: 100%;
  position: relative;
  display: inline-block;
  font-size: 0.8em;
}


/*折り畳み*/
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

summary::before {
  font-family: "top5";
  content: 'R';
  color: #ffdf82;
  font-size: 1.2em;
}

details[open] summary::before {
  font-family: "top5";
  content: 'R';
  color: #a4a8d4;
  font-size : 1.2em;
}


/*ぼかし*/
.bks {
  font-family: "Sawarabi Mincho";
  -ms-filter: blur(4px);
  filter: blur(4px);
}


/*マーカー*/
rtmk {
  background: linear-gradient(transparent 80%, #fac31e 80%);
}

ttmk {
  background: linear-gradient(transparent 80%, #8c4664 80%);
}


/*罫線消し*/
hr {
   border: none; 
}


/*リンク色消し*/
a {
  text-decoration: none;
}

a,a:hover,a:visited {
  color: inherit;
}