html{scroll-behavior:smooth;}
body{background-color:#949495;
/*背景ドット*/
  background-image: radial-gradient(circle, #7b7c7d 0.8px, transparent 0.8px);
  background-position: 0 0;
  background-size: 8px 8px;}
/*本文*/
.main-content{color:white;}
/*リンク*/
.main-content a:link {color:#6b705c;text-decoration:underline;font-weight:bold;}
.main-content a:visited{color:#5a4632;text-decoration:none;}
.main-content a:hover {color:#4f553f;text-decoration:underline}
.main-content a:active {color:#4f553f;text-decoration:underline}
/*navのリンク色*/
a.navlink-scrapbook{background-color:#e6b422;font-weight:bold}


/*▼▼トップへ戻る▼▼*/
#page-top {display:none;z-index:10;position:fixed;bottom:20px;left:4px;background:#238efe;padding:5px 0;border-radius:50px;text-align:center}
#page-top a{color:white;display:block;width:100%;text-decoration:none;-webkit-tap-highlight-color: transparent;}
/*pc*/
@media (min-width:768px){
  #page-top{
    width: 15em;
    left: calc(25% + (75% / 2));
  }
}
/*スマホ*/
@media only screen and (max-width:767px){#page-top{width:50%;left:50%}}
/*▲▲トップへ戻る▲▲*/



:root {
	--color-header: #e83929;
	--color-mainbox-bg:#1f3134;
}

.main-content .title{
  border-bottom:1.5px solid #000;
  font-weight:bold;
  font-size:2em;
  margin:10px auto 30px auto;
  padding:0 4%;
  color:#000;
}

/*▼▼版ズレ▼▼*/
.hanzure{
  position:relative;
  left:5px;
  display:inline-grid;
  background:#dddcd6;
  padding:0px 5px 3px 5px;
  transform:rotate(-3deg) skew(-4deg);
  filter:drop-shadow(2px 3px 2px rgba(0,0,0,0.25));
  clip-path: polygon(
    0% 8%,
    6% 0%,
    12% 8%,
    18% 0%,
    24% 8%,
    30% 0%,
    36% 8%,
    42% 0%,
    48% 8%,
    54% 0%,
    60% 8%,
    66% 0%,
    72% 8%,
    78% 0%,
    84% 8%,
    90% 0%,
    100% 8%,

    100% 92%,

    94% 100%,
    88% 92%,
    82% 100%,
    76% 92%,
    70% 100%,
    64% 92%,
    58% 100%,
    52% 92%,
    46% 100%,
    40% 92%,
    34% 100%,
    28% 92%,
    22% 100%,
    16% 92%,
    10% 100%,
    4% 92%,

    0% 92%
  );
}
.hanzure > span{
  grid-area: 1 / 1;
}
.hanzure .front{
  transform: translate(1px,1px);
  color: #c62828;
  mix-blend-mode: multiply;
}
.hanzure .back{
  color: #fff;
}
/*▲▲版ズレ▲▲*/


.scraps{margin:0 4%;}

/*▼▼付箋▼▼*/
.fusen {
  margin-bottom:18px;width:100%;
  padding: 0.5em 7px;
  width: auto;
  box-sizing: border-box;
  color: #232323;
  background: #dcd3b2;
  border-bottom:2px solid #5b6356;
  border-left: solid 10px #c39143;
}
.fusen-last-of-type {margin-bottom:0}
/*▲▲付箋▲▲*/

.fusen-letters.open {
  display:block;
  -webkit-line-clamp: unset;
}

.fusen-letters {
   -webkit-tap-highlight-color: transparent;/*クリック時の青色ハイライト消す*/
  cursor: pointer;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10; /* ←表示したい行数 */
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.fusen .date{color:#6b7c93;text-align:right}

@media only screen and (max-width:767px){
  .fusen-img{grid-template-columns: repeat(4, 1fr);}
}
@media (min-width:768px){
  .fusen-img{grid-template-columns: repeat(6, 1fr);}
}
.fusen-img{
  width:100%;
  margin-top:10px;
  display: grid;
  gap: 8px;
  box-sizing: border-box;
}
.fusen-img a{-webkit-tap-highlight-color: transparent;}
.fusen-img img{
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
  border-radius: 10px;
  object-fit: cover;
}











/*▲▲bottom▲▲*/