@charset "UTF-8";

/*えびはらフォント*/
@import url('https://dl.dropboxusercontent.com/scl/fi/kmql8t7mytgnba0ct7f0m/ebihara.css?rlkey=in55b0w14gqlnqjnta72pgpxj&st=hv1h1tm1');

/*速記アルファベット*/
@import url('https://dl.dropboxusercontent.com/scl/fi/akq3z9uekfngrm8aodri5/af.css?rlkey=8xofgiww7tul8owz1l3chja7g&st=r0813tgt');


/*ハートの絵文字たち*/
@import url('https://dl.dropboxusercontent.com/scl/fi/bnlqlyhxcsp7jxeh3pbzi/EXheart.css?rlkey=4wrmddkmtb5r18r89w4wpn8h1&st=su6cb6l8');

/*アルファベット*/
@import url('https://dl.dropboxusercontent.com/scl/fi/z79lkoyaw3f6a5j4uvwwx/KLeigo.css?rlkey=y2wr5o5df34ht9lt0yptmytjv&st=q0qiiri0');

/*お花の絵文字たち*/
@import url('https://dl.dropboxusercontent.com/scl/fi/3r7i6y90q7jp7c4elkr4g/Flower.css?rlkey=t21h8pkeq89anvky52adnm6aq&st=2wj3tp7b');

/*コーヒーの絵文字*/
@import url('https://dl.dropboxusercontent.com/scl/fi/878kp4g875o372b7av1ft/coffee.css?rlkey=gik20kh2mudz7cqxjx0pfhaxz&st=v8l83qvn');

/*数字に使ってるやつ*/
@import url('https://dl.dropboxusercontent.com/scl/fi/btsk4g9b2oe0zardch1as/suuji.css?rlkey=vjbe8fag4yzov6s6nfl72pcwl&st=eqj7wla8');





*{
  font-family:'ebihara';
color: #875C44;
}


body { 
margin: auto;
font-family:'ebihara';
background-color: #FFFFFF;
font-size: 10px;
text-align: center
}


.show-more {
  display: block;
  margin-bottom: 8px;
  position: static !important;
}

#hidden-content-3 {
  display: none;
}

hr { border: none; }

/*タイトル絵文字1*/
.tl1{
  font-size: 80px;
  font-family: Flower;
color: #edce56;
}

/*英語*/
.eigo{
  font-size: 15px;
  font-family: KLeigo;
}

/*横並び*/
.field { display: flex; justify-content: space-around; }

/*横並び2*/
.field2 { display: flex; justify-content: center;}

textarea { background-color: #ffffff; color: #875C44; resize: none; width:300px; height:50px; }

.box2 .show-more {
  position: static !important;
  display: block;
  margin-top: 10px;
}

/*魁星の基本のボックス*/
.box1 { padding: 30px 30px 50px 30px; margin-left: 35px; margin-right: 35px; margin-top: 0; margin-bottom: 0; position: relative; font-size: 10px;  border: dashed 3px rgb(12 111 114 / .8);/*線*/border-radius: 25px; }


.box1::after { font-family:'af'; content:"Kaisei"; position: absolute; /* （これでその位置から動かなくなる） */ right: 10px; top: -30px;/* （位置） */ font-size: 30px; color: #0C6F72; 
}


/*レオスの基本のボックス*/
.box2 { padding: 30px 30px 50px 30px; margin-left: 35px; margin-right: 35px; margin-top: 0; margin-bottom: 0; position: relative; font-size: 10px; border: dashed 3px rgb(35 74 135 / .8);/*線*/border-radius: 25px; }

.box2::after { font-family:'af'; content:"Leos"; position: absolute; /* （これでその位置から動かなくなる） */ right: 10px; top: -30px;/* （位置） */ font-size: 30px; color: #234A87; 
}

/*遊征の基本のボックス（恋人用）*/
.box3 { padding: 30px 30px 50px 30px; margin-left: 35px; margin-right: 35px; margin-top: 0; margin-bottom: 0; position: relative; font-size: 10px;  border: dashed 3px rgba( 255, 110, 30, 0.8 );/*線*/border-radius: 25px; }

.box3::after { font-family:'af'; content:"Yusei"; position: absolute; /* （これでその位置から動かなくなる） */ left: 10px; top: -30px;/* （位置） */ font-size: 30px; color: #FF6E1E; 
}

/*むらくもの基本のボックス*/
.box4 { padding: 30px 30px 50px 30px; margin-left: 35px; margin-right: 35px; margin-top: 0; margin-bottom: 0; position: relative; font-size: 10px; border: dashed 3px rgb(110 180 135 / .8);/*線*/border-radius: 25px; }

.box4::after { font-family:'af'; content:"Kagestu"; position: absolute; /* （これでその位置から動かなくなる） */ right: 10px; top: -30px;/* （位置） */ font-size: 30px; color: #6EB487; 
}

/*ラスティカ（まほやく）の基本のボックス*/
.box5 { padding: 30px 30px 50px 30px; margin-left: 35px; margin-right: 35px; margin-top: 0; margin-bottom: 0; position: relative; font-size: 10px; border: dashed 3px rgb(147 119 97 / .8);/*線*/border-radius: 25px; }

.box5::after { font-family:'af'; content:"Rustica"; position: absolute; /* （これでその位置から動かなくなる） */ right: 10px; top: -30px;/* （位置） */ font-size: 30px; color: #937761; 
}

/*フィガロ（まほやく）の基本のボックス*/
.box6 { padding: 30px 30px 50px 30px; margin-left: 35px; margin-right: 35px; margin-top: 0; margin-bottom: 0; position: relative; font-size: 10px; border: dashed 3px rgb(89 97 132 / .8);/*線*/border-radius: 25px; }

.box6::after { font-family:'af'; content:"Figaro"; position: absolute; /* （これでその位置から動かなくなる） */ right: 10px; top: -30px;/* （位置） */ font-size: 30px; color: #596184; 
}



/*魁星と遊征のマーク*/
.kisigradation {
font-size: 50px;
font-family:'EXheart';
  background: #FF6E1E;
background: linear-gradient(90deg, rgba(255, 110, 30, 1) 0%, rgba(12, 111, 114, 1) 100%);
-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*レオスのマーク*/
.losgradation {
font-size: 50px;
font-family:'EXheart';
background: #BCC37E;
background: linear-gradient(90deg, rgba(188, 195, 126, 1) 0%, rgba(35, 74, 135, 1) 100%);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*むらくものマーク*/
.mrkmgradation {
font-size: 50px;
font-family:'EXheart';
color: #6EB487;
}

/*ラスティカ（まほやく）のマーク*/
.rusticagradation {
font-size: 50px;
font-family:'EXheart';
color: #937761;
}


/*フィガロ（まほやく）のマーク*/
.figarogradation {
font-size: 50px;
font-family:'EXheart';
color: #596184;
}

/*リアルタイム大枠*/
.boxReal {
margin: 2em auto;
	padding: 10px;/*内側余白*/
width: 350px; /* 横幅指定 */ 
height: 200px; /* 縦幅指定 */ 
display: flex;
text-align: left;
flex-direction: column;
  gap: 10px;
	border: none;
background-color: none;
overflow-y: scroll;
	position: relative;
	z-index: 0;
}

/* スクロールバー全体 */
::-webkit-scrollbar {
  width: 8px;
}

/* つまみ */
::-webkit-scrollbar-thumb {
  background: #edce56;
  border-radius: 10px;
}

/* ホバー時 */
::-webkit-scrollbar-thumb:hover {
  background: #edce56;
}

/*魁星のリアルタイム*/
.kisireal {
   position: relative; /* タイトル配置の基準 */
margin-left: 45px;
margin-right: 45px; /* 外側余白 */
padding-left: 30px;
padding-right: 30px;
   background-color: #eeeeee; /* ボックス背景色 */
   max-width: 800px; /* 最大幅 */
z-index: 0;
}

/* タイトル（セロテープ風） */
.kisireal .box-title {
   background-color: rgb(12 111 114 / .5); /* 透過背景色 */
   border-left: 2px dotted rgb(0 0 0 / .1); /* 左端のギザギザ */
   border-right: 2px dotted rgb(0 0 0 / .1); /* 右端のギザギザ */
   box-shadow: 0 0 5px rgb(0 0 0 / .12); /* 影 */
   transform: rotate(-2deg); /* 傾き */
font-family:'suuji';
   color: #ffffff;
   padding: 10px 20px; /* 内側余白 */
   line-height: 1; /* 行の高さ */
   position: absolute; /* 親の左上に固定 */
   top: -1em; /* 上位置 */
   left: 1em; /* 左位置 */
   display: inline-block; /* 内容幅に合わせる */
   font-size: 12px; /* フォントサイズ */
   width: auto; /* 幅自動調整 */
   max-width: calc(100% - 2em); /* 最大幅調整 */
   white-space: nowrap; /* 折り返さない */
   overflow: hidden; /* はみ出し非表示 */
   text-overflow: ellipsis; /* 省略記号表示 */
}

/* コンテンツの余白 */
.kisireal .box-content {
   padding: 5px;
}

/* 段落の余白リセット */
.kisireal p { margin: 0; }

.kisireal:before { font-family:'coffee'; content:"O"; display: block;
	position: absolute;
	bottom: -20px;
	right: -10px;
font-size: 60px; color: #0C6F72; z-index: 1;
transform: rotateZ(-60deg);
}

/*レオスのリアルタイム*/
.losreal {
   position: relative; /* タイトル配置の基準 */
   margin-left: 45px;
margin-right: 45px; /* 外側余白 */
padding-left: 30px;
padding-right: 30px;
   background-color: #eeeeee; /* ボックス背景色 */
   max-width: 800px; /* 最大幅 */
z-index: 0;
}

/* タイトル（セロテープ風） */
.losreal .box-title {
   background-color: rgb(35 74 135 / .5); /* 透過背景色 */
   border-left: 2px dotted rgb(0 0 0 / .1); /* 左端のギザギザ */
   border-right: 2px dotted rgb(0 0 0 / .1); /* 右端のギザギザ */
   box-shadow: 0 0 5px rgb(0 0 0 / .12); /* 影 */
   transform: rotate(-2deg); /* 傾き */
font-family:'suuji';
   color: #ffffff;
   padding: 10px 20px; /* 内側余白 */
   line-height: 1; /* 行の高さ */
   position: absolute; /* 親の左上に固定 */
   top: -1em; /* 上位置 */
   left: 1em; /* 左位置 */
   display: inline-block; /* 内容幅に合わせる */
   font-size: 12px; /* フォントサイズ */
   width: auto; /* 幅自動調整 */
   max-width: calc(100% - 2em); /* 最大幅調整 */
   white-space: nowrap; /* 折り返さない */
   overflow: hidden; /* はみ出し非表示 */
   text-overflow: ellipsis; /* 省略記号表示 */
}

/* コンテンツの余白 */
.losreal .box-content {
   padding: 5px;
}

/* 段落の余白リセット */
.losreal p { margin: 0; }

.losreal:before { font-family:'coffee'; content:"O"; display: block;
	position: absolute;
	bottom: -20px;
	right: -10px;
font-size: 60px; color: #234A87; z-index: 1;
transform: rotateZ(-60deg);
}


/*叢雲のリアルタイム*/
.mrkmreal {
   position: relative; /* タイトル配置の基準 */
   margin-left: 45px;
margin-right: 45px; /* 外側余白 */
padding-left: 30px;
padding-right: 30px;
   background-color: #eeeeee; /* ボックス背景色 */
   max-width: 800px; /* 最大幅 */
z-index: 0;
}

/* タイトル（セロテープ風） */
.mrkmreal .box-title {
   background-color: rgb(110 180 135 / .5); /* 透過背景色 */
   border-left: 2px dotted rgb(0 0 0 / .1); /* 左端のギザギザ */
   border-right: 2px dotted rgb(0 0 0 / .1); /* 右端のギザギザ */
   box-shadow: 0 0 5px rgb(0 0 0 / .12); /* 影 */
   transform: rotate(-2deg); /* 傾き */
font-family:'suuji';
   color: #ffffff;
   padding: 10px 20px; /* 内側余白 */
   line-height: 1; /* 行の高さ */
   position: absolute; /* 親の左上に固定 */
   top: -1em; /* 上位置 */
   left: 1em; /* 左位置 */
   display: inline-block; /* 内容幅に合わせる */
   font-size: 12px; /* フォントサイズ */
   width: auto; /* 幅自動調整 */
   max-width: calc(100% - 2em); /* 最大幅調整 */
   white-space: nowrap; /* 折り返さない */
   overflow: hidden; /* はみ出し非表示 */
   text-overflow: ellipsis; /* 省略記号表示 */
}

/* コンテンツの余白 */
.mrkmreal .box-content {
   padding: 5px;
}

/* 段落の余白リセット */
.mrkmreal p { margin: 0; }

.mrkmreal:before { font-family:'coffee'; content:"O"; display: block;
	position: absolute;
	bottom: -20px;
	right: -10px;
font-size: 60px; color: #6EB487; z-index: 1;
transform: rotateZ(-60deg);
}



/*魁星吹き出し*/
.fukidashikisi { 
display: flex;
margin-left: auto;
  align-items: center;
  position: relative;
  width: fit-content;
 padding: 12px 16px; border: 2px solid #0C6F72; background-color: #ffffff; 
} .fukidashikisi::before { content: ""; position: absolute; top: 8px; left: 8px; z-index: -2; width: 100%; height: 100%; box-sizing: border-box; border: 2px solid #0C6F72; background-color: #ffffff; } .fukidashikisi::after { content: ""; position: absolute; top: calc(100% + 10px); left: 50%; z-index: -1; width: 20px; height: 2px; transform: rotate(50deg); box-sizing: border-box; background-color: #0C6F72; box-shadow: 0 2px 0 #ffffff, 0 -2px 0 #ffffff; /* 背景色と同じ色を指定 */ }

/*遊征吹き出し*/
.fukidashiktm { display: flex; justify-content: center; align-items: center;
top: 0; /* 位置指定 */ bottom: 0; /* 位置指定 */ left: 0; /* 位置指定 */ right: 0; /* 位置指定 */ 
 /* 中央寄せ */
float: left;
 position: relative; width: fit-content; padding: 12px 16px; border: 2px solid #FF6E1E; background-color: #ffffff; } .fukidashiktm::before { content: ""; position: absolute; top: 8px; left: 8px; z-index: -2; width: 100%; height: 100%; box-sizing: border-box; border: 2px solid #FF6E1E; background-color: #ffffff; } .fukidashiktm::after { content: ""; position: absolute; top: calc(100% + 10px); left: 50%; z-index: -1; width: 20px; height: 2px; transform: rotate(-50deg); box-sizing: border-box; background-color: #FF6E1E; box-shadow: 0 2px 0 #ffffff, 0 -2px 0 #ffffff; /* 背景色と同じ色を指定 */ }

/*レオス吹き出し*/
.fukidashilos { display: flex;
margin-left: auto;
  align-items: center;
  position: relative;
  width: fit-content;
  padding: 12px 16px;
  border: 2px solid #234A87;
  background-color: #ffffff;
}
.fukidashilos::before { content: ""; position: absolute; top: 8px; left: 8px; z-index: -2; width: 100%; height: 100%; box-sizing: border-box; border: 2px solid #234A87; background-color: #ffffff; } .fukidashilos::after { content: ""; position: absolute; top: calc(100% + 10px); left: 50%; z-index: -1; width: 20px; height: 2px; transform: rotate(50deg); box-sizing: border-box; background-color: #234A87; box-shadow: 0 2px 0 #ffffff, 0 -2px 0 #ffffff; /* 背景色と同じ色を指定 */ }

/*オリバー吹き出し*/
.fukidashiolv { display: flex; justify-content: center; align-items: center;
top: 0; /* 位置指定 */ bottom: 0; /* 位置指定 */ left: 0; /* 位置指定 */ right: 0; /* 位置指定 */ float: left;
 position: relative; width: fit-content; padding: 12px 16px; border: 2px solid #BCC37E; background-color: #ffffff; } .fukidashiolv::before { content: ""; position: absolute; top: 8px; left: 8px; z-index: -2; width: 100%; height: 100%; box-sizing: border-box; border: 2px solid #BCC37E; background-color: #ffffff; } .fukidashiolv::after { content: ""; position: absolute; top: calc(100% + 10px); left: 50%; z-index: -1; width: 20px; height: 2px; transform: rotate(-50deg); box-sizing: border-box; background-color: #BCC37E; box-shadow: 0 2px 0 #ffffff, 0 -2px 0 #ffffff; /* 背景色と同じ色を指定 */ }




/*音楽用*/
.text,
.animation {
  display: inline-block;
  vertical-align: middle; /* 上下も揃えたい場合 */
}

.animation {
  width: 10px;
  height: 10px; /* 必要に応じて設定 */
  animation: anim_s 2s ease-in-out infinite alternate;
}

@keyframes anim_s {
  0% { transform: rotate(30deg); }
  50% { transform: rotate(-30deg); }
  100% { transform: rotate(30deg); }
}



/*折りたたみ*/
.arak summary { font-family: 'ebihara', sans-serif; display: block; font-size: 10px; color: #875C44; } .arak summary::-webkit-details-marker { display: none; } .arak details { font-family: 'ebihara', sans-serif; border: none; color: #875C44; font-size: 10px; margin: 0px; transition: all 1.0s; } .arak summary::before { font-family:"EXheart"; content: "P"; font-size:20px; color: #875C44; padding:10px 10px 10px 10px; transition: all 0.5s; } .arak details[open] { color: #875C44; background-color:  none; border-radius: 10px; color: #875C44; font-size :10px; transition: all 1.0s; } .arak details[open] summary::before { font-family:"EXheart"; content:"P"; color: #edce56; font-size: 20px; transition: all 1.0s; }
/*リアルタイム*/
.box3-6 {
    margin: 2em auto;
    padding:2em;/*内側余白*/
    position: relative;
    border: 8px solid #ffffff;/* 線の太さ・種類・色 */
    z-index: 0;
color: #FFFFFF;
}
.box3-6:before {
    background-color:#FBF16E;/* ワインポイントの色 */
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: -8px;
    width: 8px;
    height: 8px;
    z-index: 1;
}


/*ゆうせいのマーカー*/
.ktmmk { background-image: repeating-linear-gradient(
    -45deg, /* ストライプの角度 */
    rgba( 255, 110, 30, 0.5 ) 0, /* 1色目の開始位置と色 */
    rgba( 255, 110, 30, 0.5 ) 2px, /* 1色目の終了位置 */
    transparent 2px, /* 2色目の開始位置（透明色） */
    transparent 4px /* 2色目の終了位置 */
  );
background-repeat: no-repeat; background-position: left bottom;
  background-size: 100% .50em; /* 要素全体に背景を広げる */ }

/*かいせいのマーカー*/
.kisimk { background-image: repeating-linear-gradient(
    -45deg, /* ストライプの角度 */
    rgba( 12, 111, 114, 0.5 ) 0, /* 1色目の開始位置と色 */
    rgba( 12, 111, 114, 0.5 ) 2px, /* 1色目の終了位置 */
    transparent 2px, /* 2色目の開始位置（透明色） */
    transparent 4px /* 2色目の終了位置 */
  );
background-repeat: no-repeat; background-position: left bottom;
  background-size: 100% .50em; /* 要素全体に背景を広げる */
}

/*オリバーのマーカー*/
.olvmk { background-image: repeating-linear-gradient(
    -45deg, /* ストライプの角度 */
    rgba( 188, 195, 126, 0.5 ) 0, /* 1色目の開始位置と色 */
    rgba( 188, 195, 126, 0.5 ) 2px, /* 1色目の終了位置 */
    transparent 2px, /* 2色目の開始位置（透明色） */
    transparent 4px /* 2色目の終了位置 */
  );
background-repeat: no-repeat; background-position: left bottom;
  background-size: 100% .50em; /* 要素全体に背景を広げる */ }

/*レオスのマーカー*/
.losmk { background-image: repeating-linear-gradient(
    -45deg, /* ストライプの角度 */
    rgba( 35, 74, 135, 0.5 ) 0, /* 1色目の開始位置と色 */
    rgba( 35, 74, 135, 0.5 ) 2px, /* 1色目の終了位置 */
    transparent 2px, /* 2色目の開始位置（透明色） */
    transparent 4px /* 2色目の終了位置 */
  );
background-repeat: no-repeat; background-position: left bottom;
  background-size: 100% .50em; /* 要素全体に背景を広げる */ }


/*それの本棚*/
.book1{
  font-size: 50px;
  font-family: EXheart;
color: #ffed83;
}

/*るねの本棚*/
.book2{
  font-size: 50px;
  font-family: EXheart;
color: #231816;
}


/*てらの本棚*/
.book3{
  font-size: 50px;
  font-family: EXheart;
color: #009999;
}

/*クリームの本棚*/
.book4{
  font-size: 50px;
  font-family: EXheart;
color: #d3d3d3;
}


/*話題区切るやつ*/
.wadai{
  font-size: 35px;
  font-family: EXheart;
color: #edce56;
}

/*リンク*/ 
a {  color: #875C44;text-decoration:none; }

/*ぼかし文字*/
.blur-text {
  color: transparent; /* 文字色を透明にする */
  text-shadow: 0 0 5px #909090; /* ぼかしの量と色を指定 */
}



/*スレ削除*/ a[href*="delete"] { font-size: 0; } a[href*="delete"]::before{ content:'A'; font-family: 'Flower'; font-size: 40px; color: #edce56; font-weight: normal; text-decoration: none; } /*記事削除*/ a[href*="/dm?"] { font-size: 0; } a[href*="/dm?"]::before{ content:'U'; font-family: 'Flower'; font-size: 40px; color: #edce56; font-weight: normal; text-decoration: none; } /*編集*/ a[href*="edit"] { font-size: 0; } a[href*="edit"]::before { content:'j'; font-family: 'Flower'; font-size: 40px; color: #edce56; font-weight: normal; text-decoration: none; } /*管理*/ a[href*="https://starry01.nieru.net/79/thread-setting"] { font-size: 0; } a[href*="https://starry01.nieru.net/79/thread-setting"]::before { content:'R'; font-family: 'Flower'; font-size: 40px; color: #edce56; font-weight: normal; text-decoration: none; } /*戻る*/ a[href*="https://nanos.jp/starry0eyed/"] { font-size: 0; } a[href*="https://nanos.jp/starry0eyed/"]::before { content:'b'; font-family: 'Flower'; font-size: 40px; color: #edce56; font-weight: normal; text-decoration: none; color: #7D0000; } a.delete + a[href="https://starry01.nieru.net/"] { font-size: 0; } a.delete + a[href="https://starry01.nieru.net/"]::after { font-family: 'Flower'; content: "s"; color: #edce56; font-size: 40px; font-weight: normal; } a { text-decoration: none; } a[href*="https://starry01.nieru.net/79/write"]{ color: #7D0000; } } a[href*="https://starry01.nieru.net/79/search"]{ color: #7D0000; } a[href*="/15"]{ color: #7D0000; }

/*折り畳みの解除*/ a.show-more { display: none !important; } a.show-more, #hidden-content-1 { display: none !important; } span[id^="hidden-content"] { display: inline !important; }