@charset "utf-8";

* {
    color: #141414;
}

/*佐伯フォント*/
@font-face {
    font-family: 'aosagi';
    src: url('https://dl.dropboxusercontent.com/scl/fi/mubk36fuliazhtq2gikml/YDWaosagi.woff2?rlkey=80id4whcvcwrvk805qep3ha94&dl=0') format('woff2'),
         }

/*小柳フォント*/
@font-face {
    font-family: 'bijin';
    src: url('https://dl.dropboxusercontent.com/scl/fi/dvk3eha8lt3ocg7cz6891/beautiful-font.ttf?rlkey=9417tpa36ovosfal3pi8gh3pw&dl=0') format('woff2'),
         }

/*伊波フォント*/
@font-face {
    font-family: 'kikai';
    src: url('https://dl.dropboxusercontent.com/scl/fi/r4x8uzh1euo2qtubtrjc1/KikaiChokokuJIS-Md.otf?rlkey=k9zxrcly1y1gk2bnfdtyetmva&dl=0') format('woff2'),
        }

/*強調フォント*/ 
@font-face {
    font-family: 'tuyoi';
    src: url('https://dl.dropboxusercontent.com/scl/fi/2zcl0pachcmzbd4y34t2l/851CHIKARA-DZUYOKU_kanaA_004.ttf?rlkey=fr1w2nkfvibkyjz7o6xfzbu19&dl=0') format('woff2'),
        }

/*犬 NQJ*/
@font-face {
    font-family: 'wan';
    src: url('https://dl.dropboxusercontent.com/scl/fi/8jcu5udgy7cbgzxvn7s85/CatsandDogs.ttf?rlkey=d252py74k7onzqkng2zzyrbde&dl=0') format('woff2'),
        }


/*トップの犬たち*/
.wan {
  position: relative;
  width: 100%;
  max-width: 330px;
  padding: 25px;
  margin: 0 auto;
}

.wan p {
  font-family: wan, serif;
  font-size: 45px;
  text-align: center;
  margin: 0;
}


/*佐伯ボックス*/
.sikbox {
  position: relative;
  z-index: 0;
  width: 90%;
  max-width: 220px;
  padding: 25px;
  margin: 20px auto; 
  background-color: #fff;
  border: 1.5px solid #141414;
}

.sikbox::after {
  content: '';
  position: absolute;
  z-index: -1;
  right: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  border-right: 2px solid #8C4664;
  border-bottom: 2px solid #8C4664;
}

.sikbox p {
  font-family: aosagi, serif;
  font-size: 11px; 
  line-height: 1.8; 
}


/*小柳ボックス*/
.kyngbox {
  position: relative;
  z-index: 0;
  width: 90%;
  max-width: 220px;
  padding: 25px;
  margin: 20px auto; 
  background-color: #fff;
  border: 1.5px solid #141414;
}

.kyngbox::after {
  content: '';
  position: absolute;
  z-index: -1;
  right: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  border-right: 1.5px solid #5A5FAA;
  border-bottom: 1.5px solid #5A5FAA;
}

.kyngbox p {
  font-family: bijin, serif;
  font-size: 12px; 
  line-height: 1.8;
  letter-spacing: -0.07em;
}


/*伊波ボックス*/
.inmbox {
  position: relative;
  z-index: 0;
  width: 90%;
  max-width: 220px;
  padding: 25px;
  margin: 20px auto; 
  background-color: #fff;
  border: 1.5px solid #141414;
}

.inmbox::after {
  content: '';
  position: absolute;
  z-index: -1;
  right: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  border-right: 1.5px solid #DCFF50;
  border-bottom: 1.5px solid #DCFF50;
}

.inmbox p {
  font-family: kikai, serif;
  font-size: 10px; 
  line-height: 1.8; 
  letter-spacing: 0.05em;
}


/*共用ボックス*/
.kurobox {
  position: relative;
  width: 90%;
  max-width: 220px;
  padding: 25px;
  margin: 20px auto; 
  background-color: #fff;
  border: 1.5px solid #141414;
}

.kurobox::after {
  content: '';
  position: absolute;
  z-index: -1;
  right: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  border-right: 1.5px solid #141414;
  border-bottom: 1.5px solid #141414;
}

.kurobox p {
  font-family: serif;
  font-size: 10px; 
  line-height: 1.8; 
}


/*不破さんマーカー*/
.fw {
  font-family: serif;
  background: linear-gradient(transparent 35%, #BF69F4 0%);
}

/*佐伯マーカー*/
.sik {
  font-family: aosagi, serif;
  background: linear-gradient(transparent 35%, #8C4664 0%);
}

/*小柳マーカー*/
.kyng {
  font-family: bijin, serif;
  background: linear-gradient(transparent 35%, #5A5FAA 0%);
}

/*伊波マーカー*/
.inm {
  font-family: kikai, serif;
  background: linear-gradient(transparent 35%, #DCFF50 0%);
}


/*強調*/
tuyoi {
  font-family: tuyoi, serif;
  font-weight: normal;
}


/*リンクの色変えない、下線消す*/
a,
a:visited,
a:hover,
a:active {
  color: #141414;   
  text-decoration: none; 
}

/*背景のデザイン*/
.bg_pattern {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: -1;
}
.Paper_v2 {
  background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),
  
    repeating-linear-gradient(to right,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);
}