@charset "utf-8";

/*↓フォント↓*/
@font-face {
font-family: 'title' ;
src: url('https://dl.dropboxusercontent.com/scl/fi/cx041gdy8w31gg7ik8p4x/crayon_1-1.woff?rlkey=2ivyxbjyzb10nj0dwflvtg889&st=tkhs8blv&dl')
format('woff');
}

@font-face {
font-family: 'body' ;
src: url('https://dl.dropboxusercontent.com/scl/fi/7wv3aupymqj29wjeuug6n/TekitouPoem.woff?rlkey=iqys67nxa5bgglb9jkqrw8zua&st=jbqsko94&dl')
format('woff');
}

@font-face {
font-family: 'hato-title' ;
src: url('https://dl.dropboxusercontent.com/scl/fi/kyth7l5jvp9zj4dcncjme/HeartFull-Regular.woff?rlkey=ahaogcsoou2movo52ict8m1sb&st=sl3tjnlj&dl')
format('woff');
}


/*↑フォントの読み込みはここまで↑*/

.title {
     font-family: 'title';
     font-size: 250%;
     color: #D2691E;
}


.honbun {
     font-family: 'body';
     color: #98514B;
     font-size: 13px;
}


.blur{
	-ms-filter: blur(6px);
	filter: blur(6px);
}
.hato-title {
     font-family: 'hato-title';
     font-size: 500%;
     color: #FFB6C1; 
}

/*全体の設定*/

body{
  margin: auto;
  font-family: 'body';
  color: #98514B;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 2.0em;
box-sizing: border-box;
padding: 0;
margin: 0;
list-style-type: none;
text-decoration:none;
/* ドット斜め */
  background-color: #fff;
  background-image:
    radial-gradient(#FFFFE0 20%, transparent 20%),
    radial-gradient(#FFFFE0 20%, transparent 20%);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;}


a,
a:link,
a:visited,
a:hover,
a:active {
    color: #A52A2A; !important;
    text-decoration: none;
    font-size: 11.5px;
  font-family: 'body';
}

hr {
    border: none;
}

/*トップ記事用*/
.topbox {
  background: #FFF5EE;
  border: 3px solid #FFA07A;
  padding: auto;
  max-width: auto;
  margin: auto;
  text-align: center;
  padding: 30px;
  max-width: 300px;
  margin: 50px auto;
     font-family: 'body';
font-size: 13px;
}



/*小見出し*/




/*ボックス*/
.box {
position: relative;
 display: block;
  margin: 0 auto;
  width: 350px;
  font-size: 13px;
  background: #FFF5EE;
  box-sizing: border-box;
    border-top: solid 20px #FFA07A;
    text-align: left;
  padding: 10px;
  padding-top: 0px;
overflow: visible;
     font-family: 'body';
  font-color: #98514B;
}


/*伊波の日記ボックス*/

.raibox {
position: relative;
 display: block;
  margin: 0 auto;
  width: 350px;
  color: #384B5A;
  font-size: 13px;
  background: #F5FFFA;
  box-sizing: border-box;
    border-top: solid 20px #DCFF50;
    text-align: left;
  padding: 10px;
  padding-top: 0px;
overflow: visible;
  font-family: 'body';
  font-color: #98514B;
}
    .raibox:before {
  font-family: "title";
  font-weight: 300;
  content: "らい";
  position: absolute;
  bottom: 0; /* 調整 */
  right: 0;
  font-size: 45px;
  text-align: right;
  color: #DCFF50;
  z-index: 1;
  text-shadow: 2px 2px 5px #808080; /* 横2px, 縦2px, ぼかし5px, 灰色の影 */
    }




/*-----なうぷれ-----*/

.nowplaying {
  display: flex;
  justify-content: center;    /* 横中央揃え */
  align-items: center;        /* 縦中央揃え */
  gap: 8px;                   /* ♪と曲名の間隔 */
  height: 20px;               /* 親の高さを固定して横並び安定 */
     font-family: 'body';
     color: #383c3c;
     font-size: 13px;
}

.nowplaying i {
  display: block;
  font-size: 16px;
  width: 16px;
  height: 16px;
  color: var(--accent);
  transform-origin: center center;
     font-family: 'body';
     color:#98514B;
     font-size: 13px;
}

.now-title-wrap {
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  max-width: 250px;          /* 必要に応じて調整 */
  display: flex;              /* テキストを縦中央に揃える */
  align-items: center;
  height: 100%;
     font-family: 'body';
     color: #98514B;
     font-size: 13px;
}

.now-title {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 10s linear infinite;
  color: var(--text);
  transform: translateY(0);   /* 高さ微調整する場合はここで */
     font-family: 'body';
     color:#98514B;
     font-size: 13px;
}

/* アニメーション */

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}


/* --------------------------------
   置き換え
-------------------------------- */

a[href*="/delete?"] {
    font-size: 0;
}

a[href*="/delete?"]::after {
    content: "さくじょ";
    font-weight: 400;
    font-size: 11.5px;
    color: #A52A2A;
}

a[href*="/edit?"] {
    font-size: 0;
}

a[href*="/edit?"]::after {
    content: "へんしゅう";
    font-weight: 400;
    font-size: 11.5px;
    color: #A52A2A;
}

a[href*="thread-setting"] {
    font-size: 0;
}

a[href*="thread-setting"]::after {
    content: "せってい";
    font-weight: 900;
    font-size: 11.5px;
    color: #A52A2A;
}

a[href*="https://nanos.jp/starry0eyed/"] {
    font-size: 0;
    color: #A52A2A;
    font-weight: 900;
    font-size: 11.5px;
}

a[href*="https://nanos.jp/starry0eyed/"]::after {
     content: "ほーむ";
    font-weight: 900;
    font-size: 11.5px;
    color: #A52A2A; 
}

.btn-spacing {
    font-size: 0;
}

.btn-spacing a {
    font-size: 11.5px;
    color: #A52A2A !important;
}

.btn-spacing a::after {
    content: "｜";
    color: #A52A2A;
    margin: 0 2px;
}

.btn-spacing a:last-child::after {
    content: "";
}

.name {
    color: #A52A2A;
}

.name a {
    color: inherit;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #A52A2A;
}

body > u:first-of-type {
    color: #A52A2A;
    margin-left: -9.5ch;
}

body > u:first-of-type::before {
    content: "Diary ： ";
    color: #A52A2A;
}

center::before {
    content: "";
    display: block;
    height: 1em;
}

nav::before {
    content: "";
    display: block;
    height: 1em;
}