@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;900&family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap');
/*リセット*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
text-decoration-line: none;
list-style: none;
}
html{scroll-behavior: smooth;}
body{
width: 100%;
line-height:220%;
letter-spacing: 0.3px;
font-family: 'Zen Maru Gothic', YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 500;
color: #3e3e3e;
margin: 0 auto;
padding:0;
background: #f9f9f9;
}
a:link{
color: #282828; 
transition:0.3s;}
a:visited{ color: #282828;}
a:hover{ opacity:0.8;}

.url{word-break:break-all;}/* 自動リンクのはみ出しを防ぐ */
.decorationB{font-weight: 900;}/* 太字 */
/* D:削除(Delete) */
.decorationD{
color: #868686;/* 文字色 */
text-decoration-line: line-through;/* 取り消し線 */
text-decoration-color: #868686;/* 線の色 */
}
/* E:強調(Emphasis) */
.decorationE{
color: #ff2b2b;/* 文字色 */
font-style: normal;
font-weight: bold;
}
/* I:斜体(Italic) */
.decorationI{font-style: italic;}/* 斜体 */
/* Q:引用(Quote) */
.decorationQ{
margin: 10px 5px;
padding: 22px 20px 20px 20px;
background: #ffeee7;
font-size: 0.95em;
border-radius: 5px;
}
.decorationQ::before, .decorationQ::after{content: '';}/* 標準で付加されてしまう引用符を無効にする */
.decorationQ + br{display: none;}/* 引用直後の改行を無効化する */
/* S:小文字(Small) */
.decorationS{font-size: 0.8em;}/* 文字サイズ */
/* T:極小文字(Tiny) */
.decorationT{font-size: 0.6em;}/* 文字サイズ */
/* U:下線(Underline) */
.decorationU{
text-decoration-line: underline;/* 線位置 */
text-decoration-style: dotted;/* 線種類 */
text-decoration-color: #ff95a9;/* 線配色 */
text-underline-offset: 6px;
padding: 0 4px 0 0;
}
.decorationR rt{
font-size: 11px;
padding: 10px 0 0 0;
}
.deco-scream{font-size: 1.67em;}/* 文字サイズ(1.67倍) */
.deco-code{
display: inline-block;/* インラインブロック化 */
background: snow;/* 背景色 */
color: black;/* 文字色 */
border: 1px solid #eee;/* 枠線 */
border-radius: 3px;/* 角丸 */
padding: 0px 3px;/* 内側の余白量 */
}
.deco-separator{
display: block;/* ブロック化 */
border-bottom: 1px dotted gray;}/* 下線 */
.decorationB img{outline: 4px ridge yellow;}/* 浮き上がる黄色の細い枠線を付加 */
/* D:削除(Delete)に含まれる画像に対する装飾 */
.decorationD img{opacity: 0.5;}/* 半透明にする */
/* E:強調(Emphasis)に含まれる画像に対する装飾 */
.decorationE img{outline: 8px ridge rgba(220, 250, 90, 0.6);}/* 浮き上がる淡緑色の枠線を付加 */
/* I:斜体(Italic)に含まれる画像に対する装飾 */
.decorationI img{box-shadow: -5px 5px 5px yellowgreen;}/* 左下に黄緑色の影を付ける */
/* Q:引用(Quote)に含まれる画像に対する装飾 */
.decorationQ img{vertical-align: middle;}/* 行の上下方向で真ん中に寄せる */
/* S:小文字(Small)に含まれる画像に対する装飾 */
.decorationS img{
border-radius: 15px;/* 半径15pxで角丸にする */
vertical-align: middle;/* 行の上下方向で真ん中に寄せる */
}
/* T:極小文字(Tiny)に含まれる画像に対する装飾 */
.decorationT img{
max-height: 75px;/* 高さを最大75pxに抑える */
width: auto;/* 横幅は縦横比を維持する */
vertical-align: middle;/* 行の上下方向で真ん中に寄せる */
}
/* U:下線(Underline)に含まれる画像に対する装飾 */
.decorationU img{box-shadow: 5px 5px 5px orange;}/* 右下に橙色の影を付ける */

/* ▽画像ボックス(FIGオプション指定時) */
.embeddedpictbox{}
/* キャプション */
.embeddedpictbox figcaption{
display: table-caption;/* キャプションが画像幅から外に出ないようにする */
caption-side: bottom;/* キャプションの位置(上にしたければtop) */
font-size: 0.8em;/* 文字サイズ */
text-align: center;/* センタリング */
background: #e0e0a3;/* 背景色 */
}

/* 画像ボックスに含まれる画像 */
.embeddedpictbox img{
vertical-align: middle;
}

/* ▽画像リンク */
.imagelink{}

/* ▽画像そのもの */
.embeddedimage{
max-width: 100%;
max-height: 240px;
width: auto;
height: auto;
}

/* ▽フラグ付き画像 */
figure.nsfw{overflow: hidden;}/* ぼかし領域がfigureのボックスからはみ出ないようにする */
img.nsfw{filter: blur(9px);}/* ぼかす */
blockquote.twitter-tweet{
background: #f8f8f8;
border: 1px dashed #ddd;
border-radius: 9px;
margin: 0.3em 0;
padding: 1em;
font-size: 0.95em;
color: #999;
text-shadow: 1px 1px 1px #fff;
}
.searchword{
font-weight: bold;
background: linear-gradient(transparent 60%, #fd9 60%);
}
.pagecover{}

.contents{
max-width: 1000px;
margin: 0 auto;
display: block;
overflow: hidden;
font-weight: 500;
}
.contents .mainarea{
margin: 0;
padding: 0 10px 0 0;
width: 70%;
float: left;
}

.contents .subarea{
margin: 0;
padding: 0;
max-width: 28%;
float: right;
}
header{
margin: 0;/* 外側の余白量 */
padding: 0;/* 内側の余白量 */
}

.controllinks{
margin: 0;/* 外側の余白量 */
padding: 0.34em;/* 内側の余白量 */
text-align: right;/* 右寄せ */
}
/* リンクボタン */
.controllinks a{
display: inline-block;
margin: 0 0.1em;
padding: 1px 1.2em;
color: #fff;
background: #282828;
border-radius: 3px;
font-size: 0.85em;
text-align: center;
text-decoration: none;
letter-spacing: 1px;
}
/* リンクボタンにマウスが載ったとき */
.controllinks a:hover{
background: #b1cfea;
}

/* ▼サイト名 */
h1{
padding: 30px 20px 20px;
line-height: 1;
width: fit-content;
margin: 0 auto;
}
h1 a{
text-decoration: none;/* リンクの下線を消す */
}
/* ▽メインタイトル */
.maintitle{
font-size: 40px;
display: inline-block;
text-align: center;
font-weight: 500;
width: 100%;
margin: 0 auto;
}
/* ▽サブタイトル */
.subtitle{
font-size: 1.2rem;/* 文字サイズ */
display: inline-block;
}

/* ▼サイト概要文 */
.descriptionbox{
margin: 0 auto 20px;
padding: 0 0 20px;
text-align: center;
width: 90%;
font-size: 23px;
}
/* 更新日時 */
.lastmodified{
color: black;
}

/* RSSフィードへのリンク(ボタン型に装飾) */
.rssfeedlink a{
display: inline-block;
margin-left: 0.5em;
border: 0px solid yellowgreen;
border-radius: 3px;
background: #ff8376;
text-decoration: none;
padding: 1px 0.5em;
color: #fff;
}
.rssfeedlink a:hover{
opacity: 0.5;
}

.postform{
background: #eee;/* 背景色 */
margin: 0;/* 外側の余白量 */
padding: 1em;/* 内側の余白量 */
}
.postform p{
margin: 0;
}

textarea.tegalogpost{
border: 2px #282828 solid;/* 枠線 */
border-radius: 3px;/* 枠の角丸 */
background: #fff;/* 背景色 */
font-size: 0.9rem;/* 文字サイズ */
padding: 0.5em;/* 内側の余白量 */
margin-bottom: 0.25em;/* 外側下の余白量 */
box-sizing: border-box;/* サイズ解釈方法 */
width: 100%;/* 横幅 */
height: 4.3em;/* 高さ */
overflow-wrap: break-word;/* 折り返し方法 */
overflow: auto;/* はみ出した場合の処理 */
}
/* ▽プレースホルダ(※入力文字数がゼロの際にだけ見える薄文字)の装飾 */
textarea.tegalogpost:placeholder-shown{ color: #777;}/* 通常時 */
textarea.tegalogpost:focus:placeholder-shown{ color: #bbb;}/* カーソルが入ったとき */
textarea.tegalogpost:-ms-input-placeholder{ color: #aaa;}/* for IE */

/* 横幅800px以下の環境の場合 */
@media all and (max-width: 800px){
textarea.tegalogpost{
font-size: 16px;/* 文字サイズ */
padding: 0.4em;/* 内側の余白量 */
}
}

.line-control{
margin: 0.25em 0;/* 外側の余白量 */
}

.postbutton{
display: inline-block;/* インラインブロック化 */
background: #282828;/* 背景色 */
color: white;/* 文字色 */
font-size: 1rem;/* 文字サイズ */
font-weight: bold;/* 太字 */
text-decoration: none;/* 下線を消す */
padding: 5px 15px 3px 15px;/* 内側の余白量 */
border: 0px solid #282828;/* 枠線 */
border-radius: 3px;/* 枠の角丸 */
}
/* ▼投稿ボタンにマウスが載ったとき */
.postbutton:hover{opacity: 0.5;
}

/* ------------------ */
/* ▼文字装飾ボタン群 *//* 注：これはボタンそのものを描画するための装飾です。文字装飾のためのスタイルではありません。 */
/* ------------------ */
/* 掲載領域全体 */ .decoBtns{ display: inline-block; margin-top: 0.5em;}
/* 全ボタン装飾 */ .decoBtns input{ min-width: 32px; min-height: 28px; margin:1px; background:#eee; border: 1px solid #aaa; cursor: pointer; border-radius: 3px; font-size: 14px; vertical-align: middle;}
/* マウス載る際 */ .decoBtns input:hover{ background:#e5f1fb; border-color: #0078d7;}
/* 太字  :B */ .decoBtnB{ font-weight: bold;}
/* 取消線:D */ .decoBtnD{ text-decoration: line-through; text-decoration-color: red; text-decoration-style: double;}
/* 強調  :E */ .decoBtnE{ font-weight: bold; color: blue;}
/* 斜体  :I */ .decoBtnI{ font-style: italic;}
/* 引用  :Q */ .decoBtnQ{  }
/* 小さめ:S */ .decoBtnS{  }
/* 極小  :T */ .decoBtnT{ font-size: 11px !important;}
/* 下線  :U */ .decoBtnU{ text-decoration: underline; text-decoration-color: red;}
/* 文字色:C */ .decoBtnC{ color: red;}
/* 背景色:M */ .decoBtnM{ color: blue;}

@media all and (min-width: 800px){
/* ▼文字装飾ボタン群 */
.decoBtns{ margin-top: 0;}
}

.catChecks{ font-size:0.9em; padding-top: 0.5em;}
.catChecks label{ display:inline-block; cursor:pointer; margin:0 0.75em 0 0;}
.catChecks label:hover{ text-decoration:underline;}
.catChecks input{ min-width:0; min-height:0; margin-right:0.2em;}

/* ▼表示限定案内枠 */
.situation{
margin: 1em 0;/* 外側の余白量 */
padding: 0.75em 1.25em;/* 内側の余白量 */
color: #fff;/* 文字色 */
background: #282828;/* 背景色 */
border-radius: 3em;/* 角丸 */
font-weight: bold;/* 太字 */
font-size: 1.1em;/* 文字サイズ */
display: none;
}
.situation::before{
content: '▼';/* 表示限定案内の先頭に加える記号（何も加えたくない場合はこの行を削除して下さい。） */
}
.situation:empty{
display: none;/* 表示限定案内が存在しない場合に、枠そのものを描画しないようにする指定。(これを消すと、限定ではない表示時に無駄な枠が描画されてしまいます。) */
}

/* ▼日付境界バー */
.dateseparator{
margin: 1em 0;/* 外側の余白量 */
padding: 0.4em 0.6em;/* 内側の余白量 */
background: #c8c2be;/* 背景色 */
}
.dateseparator::before{
content: '▼';/* 日付境界バーの先頭に加える記号（何も加えたくない場合はこの行を削除して下さい。） */
color: #282828;/* 先頭記号の配色 */
}

/* 日付境界バーの内側のリンク(ボタン型に装飾) */
.dateseparator a{
display: inline-block;
font-size: 0.7em;/* 文字サイズ */
border-radius: 1em;/* 角丸 */
margin-left: 1em;/* 左側の余白量 */
padding: 1px 0.75em;/* 内側の余白量 */
vertical-align: middle;/* 上下方向の中央寄せ */
text-decoration: none;/* リンクの下線を消す */
background: #d9d6d4;/* 背景色 */
color: #282828;/* 文字色 */
}
.dateseparator a:hover{
border-style: solid;
background: #282828;
color: white;
}
.datetitle{padding: 0 0 0 10px;}

.onelogbox{
margin: 0 0 2em 0;/* 外側の余白量 */
padding: 0;/* 内側の余白量 */
}

/* ……………… */
/* ▼投稿ヘッダ */
/* ……………… */
.logheader{
position: relative;
margin: 0;
padding: 25px 15px 5px 15px;
background: #fff;
}

/* 改造 */
.cate {
    background-color: #C0DA81;
    color: #69754F;
    border: solid 3px #C0DA81;
    padding: 0.1em;
    border-radius: 1.5em;
    text-align: left;
    float: left;
}

.logfooter2{
font-size: 0.8rem;
text-align: right;
background: #eeeeee;
line-height: 1;
padding: 0 10px;
}

.logf_r2 li{
display: inline-flex;
vertical-align: middle;
padding: 12px 0;
  text-align: right;
}
.logf_r2 li svg{
fill: #282828;
width: 24px;
height: 24px;
}

.stamparea {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 2em;
}

.stamp {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
}

.stamp li {
    padding: 0;
    margin: 0;
}


/* ▼投稿後間もないことを示すNewサイン */
.newsign{
position: absolute;
right: 5px;
top: 0;
display: block;
float: right;
padding: 3px 8px 5px 12px;
font-size: 15px;
color: #fff;
background: #f27744;
letter-spacing: 1.3px;
border-radius: 100px;
line-height: 1;
}
.newsign:empty{
display: none;/* Newサインを表示しない状況では、枠自体を描画しないようにする指定。 */
}
/* ▽カテゴリアイコン */
.categoryicon img{
height: 1.2em;
width: auto;
vertical-align: text-top;
margin: 0 1px;
}
.logbody{
margin: 0;
padding: 0 0 30px;
letter-spacing: 2.4px;
font-size: 15px;
line-height: 180%;
}
.logbody a{
transition: 0.3s;
color: #ff7d2f;
text-decoration: underline;
}
.logbody a:hover{
opacity: 0.8;
}

/* ▼ハッシュタグリンク */
.logbody .taglink{
display: inline-block;
text-decoration: none;
font-size: 11px;
font-weight: 500;
color: #fff;
background: #3598DB;
padding: 5px 8px 6px;
border-radius: 5px;
line-height: 100%;
}
.logbody .taglink a{
color: #4d4d4d;
fill: #282828;  /*内部を塗る*/
stroke: #282828;  /*枠線を塗る*/
}

.logbody .taglink a:hover{
opacity: 0.8;
fill: #282828;
stroke: #282828;
}
.logfooter{
font-size: 0.8rem;
text-align: right;
background: #eeeeee;
line-height: 1;
padding: 0 10px;
}
ul.logf_l{
position: relative;
background: #eeeeee;
}
.t_left{
position: absolute;
left: 10px;
top: 6px;
font-size: 12px;
}
.logf_r li{
display: inline-flex;
vertical-align: middle;
padding: 12px 0;
}
.logf_r li svg{
fill: #282828;
width: 24px;
height: 24px;
}
.passkeyform{
display: inline-block;
margin: 0;
padding: 0.6em;
background: #ffeee7;
border-radius: 0.25em;
}
.label{
line-height: 170%;
}
/* ▼鍵違いエラーの表示 */
.passkeyerror{
display: block;
color: white;
background: crimson;
font-weight: bold;
line-height: 1;
margin: 0 0 0.5em 0;
padding: 0.33em 0.25em;
}

/* ▼入力フォーム枠 */
.passkeybox{
display: block;
}

/* ▼入力欄前のガイド文 */
.passkeyguide{
margin-right: 0.1em;
display: block;
}
/* ▼鍵入力欄 */
.passkeyinput{
width: 10em;
margin: 0 0.25em 3px 0;
}
/* ▼送信ボタン */
.passkeysubmit{}

.utilitylinks{
margin: 2em 1em 1em 1em;/* 外側の余白量 */
padding: 0.5em;/* 内側の余白量 */
border: 1px solid #282828;/* 枠線 */
border-radius: 1em;/* 枠の角丸 */
background: #fff;/* 背景色 */
font-size: 0.9em;/* 文字サイズ */
}
/* ▼ナビのリンクリスト */
.utilitylinks ul{
color: #f27744;/* 文字色 */
}

margin: 1em 0;/* 外側の余白量 */
padding: 1em;/* 内側の余白量 */
text-align: center;/* センタリング */
}

.pagelinks{
margin: 1.25em 0;/* 外側の余白量 */
}

/* ▼ページ移動リンクの文字 */
.pagelinks a{
font-weight: bold;/* 太字 */
}

p.pagenums{}

/* ▼ページ番号リンクの数字 */
.pagenums a.pagenumlink{}

/* ▽現在のページ番号の装飾 */
.pagenums a.pagenumhere{}

.pagehome{
display: none;
}
.searcharea{
margin: 20px auto 0;
padding: 0;
}
.searchinputs{
display: block;
}
.searchinputs{
display: block;
}
.searcharea .submitcover input{
border: 0px solid #282828;
border-radius: 0 100px 100px 0;
color: #fff;
padding: 9px 15px 11px 10px;
background: #282828;
background-size: auto;
background-size: 70%;
line-height: 130%;
font-family: 'Zen Maru Gothic',serif;
font-weight: 500;
font-size: 14px;
}
.searcharea .submitcover input a:hover{
opacity: 0.6; 
}
.queryinput{
border: 1px solid #282828;
border-radius: 100px 0 0 100px;
padding: 10px 10px;
margin: 0;
width: 65%;
}
.searchbox .submitbutton{
padding: 8px 0 6px;
color: #fff;
}

.searchtarget{
margin: 0;
font-size: 0.9em;
line-height: 1.3;
}
.siwtchsearchbox{
font-size: 0.8em;
}
#complexsearch{
display: none;
}
.searchoptions{
font-size: 0.9em;
margin: 0.75em 0 1em 1em;
padding: 0 0 0 0.5em;
}
.solabel{
display: inline-block;
min-width: 5em;
}
.searchoptions select{
max-width: 175px;
}

.categoryarea{
margin: 0;
padding: 0 0 10px;
color: #7c7c7c;
}
.categoryarea h3{
padding: 0 0 5px 0;
}
.categoryarea li{
margin: 0.75em 0;
background: url( "../images/folder.svg" ) left no-repeat;
background-size:25px;
padding: 0 0 0 30px;
margin: 0 0 9px;
color: #7c7c7c;
font-size: 12px;
}
.categoryarea li a:link{
font-size: 16px;
color: #f27744;
font-weight: 600;
}
.categoryarea li a:visited{ color: #f27744;}
.cattree.depth1{
line-height: 160%;
}
.cattree.depth2{
padding: 0 0 0 20px;
margin: 0 0 5px 0;
}
.cattree.depth2 li{
list-style-type: disc;
font-size: 14px;
margin: 0 0 0 3px;
padding: 0 2px 0 0;
list-style-type: disc;
color: #f27744;
}
/* ▽カテゴリツリー内の該当件数 */
.categoryTree .num{
display: inline-block;
margin-left: 0.4em;
font-size: 0.9em;
color: #aaa;
}

/* ▽カテゴリアイコン */
.categoryTree .caticon img{
height: 1.2em;/* アイコンの高さを1.2文字分に制限する */
width: auto;/* アイコンの横幅は自動調整する */
vertical-align: text-top;/* アイコンの上端位置をテキストの上端に合わせる */
}

/* ▽カテゴリ名 */
.categoryTree .cattext{}

/* 間隔調整：カテゴリアイコンとカテゴリ名が並ぶ際には間隔を空ける */
.categoryTree .caticon + .cattext,
.categoryTree .cattext + .caticon{
margin-left: 3px;
}

/* ▽該当件数 */
.categoryTree .num{
display: inline-block;
margin-left: 0.4em;
font-size: 0.9em;
color: #aaa;
}

/* ▽カテゴリ概要文 */
.categoryTree .catdescription{
font-size: smaller;
color: #555;
}

.latestpostarea{
padding: 0 0 10px 0;
}
/* ▼見出し */
.latestpostarea .cornertitle{
color: #7c7c7c;
}
/* ▽新着投稿グリスト */
.latestpostlist{
margin: 0.5em 0 ;
border-radius: 0.5em;
line-height: 1.25;
}
/* 各項目 */
.latestpostlist li{
background: url( "../images/arrow.svg" ) left no-repeat;
background-size:25px;
padding: 0 0 0 30px;
margin: 0 0 15px;
color: #7c7c7c;
font-size: 12px;
}
.latestpostlist li a:link{
font-size: 16px;
color: #f27744;
font-weight: 600;
}
.latestpostlist li a:visited{ color: #f27744;}
.latestpostlist li a:hover{ opacity:0.8;}

/* タイトルリンク以外の項目 */
.latestpostlist span{
display: inline-block;
font-size: 12px;
}
.length{ color: #3e3e3e;}
/* ▼見出し */
.calendararea .cornertitle{
margin: 0;/* 外側の余白量 */
font-weight: bold;/* 太字 */
color: #282828;/* 文字色 */
font-size: 12px;
}

/* ▽カレンダーカバー */
.calendarplace{
margin: 0.5em 0;
padding: 30px 0 0;
border-radius: 0.5em;
line-height: 1.5;
overflow: auto;
}

/* ▽カレンダーテーブル */
.calendar{
border-collapse: collapse;/* 枠を結合 */
border: 1px solid #ccc;
width: 100%;
font-size: 14px;
}
.calendar th,
.calendar td{
border: 1px solid #3e3e3e;
font-weight: normal;
padding: 3px 0 0;
font-size: 14px;
line-height: 1;
background: #fff;
text-align: center;
}
/* 年月キャプション */
.calendar caption{}

/* 曜日行 */
.daysofweek th{
background: #3e3e3e;
font-weight: normal;
padding: 8px 0 6px;
font-size: 12px;
color: #fff;
line-height: 1;
}

/* 日付数値の装飾（リンクになる場合も、ならない場合も共通） */
.calendar a,
.calendar .nolink{
display: inline-block;/* インラインブロック化 */
border-radius: 50%;/* 角丸 */
padding: 0.4em;/* 内側の余白 */
width: 1.2em;/* 横幅 */
height: 1.1em;/* 高さ */
background: transparent;
}

/* 日付数値のリンク（※リンクになる場合だけの装飾） */
.calendarlinks{
font-size: 12px;
padding: 5px 0;}
.calendar td a{
text-decoration: underline;/* 下線を消す */
}
/* 日付数値のリンクにマウスが載った際 */
.calendar td a:hover{
opacity: 0.5;
}

/* 今日の枠（カレンダー内での「今日」のセルだけの装飾） */
.today{
background: #ffffb7;/* 背景色 */
}

.datelistarea{
margin: 0 0 1em 0;/* 外側の余白量 */
padding: 0 0 1em 0;/* 内側の余白量 */
}
/* ▼見出し */
.datelistarea .cornertitle{
margin: 0;/* 外側の余白量 */
font-weight: bold;/* 太字 */
color: #282828;/* 文字色 */
}

.datelimitlist{
margin: 0.5em 0;/* 外側の余白量 */
padding: 0 0 0 20px;/* 内側の余白量 */
padding: 0.5em 0.5em 0.5em 1.5em;/* 内側の余白量 */
background: #;/* 背景色 */
border-radius: 0.5em;/* 角丸 */
}
.datelimitsublist{
margin: 0;/* 外側の余白量 */
padding: 0 0 0 5px;/* 内側の余白量 */
list-style-type: none;/* リストの先頭記号(なし) */
font-size: 0.9em;/* 文字サイズ */
}

.datelimitlist .datelimitsublist .datelimit-month{
display: inline-block;
margin-right: 0.9em;
}

.datelimitlist .datelimitsublist .year{
display: none;
}

/* ▽日付リスト内の該当件数 */
.datelimitlist .num{
font-size: 0.85em;/* 文字サイズ */
color: #66a;/* 文字色 */
margin-left: 0.3em;/* 外側左の余白量 */
}

.datelimitbox{
margin: 0.5em 0;/* 外側の余白量 */
padding: 0.9em 0.6em;/* 内側の余白量 */
background: #fff;/* 背景色 */
border-radius: 0.5em;/* 角丸 */
}
}

/* ▽昇順/降順選択ラジオボタン区画 */
.datelimitboxoptions{
display: block;/* ブロック化 */
font-size: 0.9em;/* 文字サイズ */
}

/* ▽ラジオボタンのラベル */
.datelimitboxoptions label{
display: inline-block;/* インラインブロック化 */
margin-right: 0.5em;/* 外側右の余白量 */
}

.hashtaglistarea{}
/* ▼見出し */
.hashtaglistarea .cornertitle{
margin: 0;/* 外側の余白量 */
font-weight: bold;/* 太字 */
color: #282828;/* 文字色 */
}
.logtitle{
display: none;
}
/* ▽ハッシュタグリスト */
.hashtaglist{
list-style-type: none;
line-height: 1.5;
padding: 0 0 30px 0;
}

/* ▽ハッシュタグリストの1項目 */
.hashtaglist li{
display: inline-block;
margin: 0 0 5px;
color: #fff;
font-size: 12px;
}
.hashtaglist li a{
color: #fff;
background: #7c7c7c;
padding: 2px 10px 4px;
border-radius: 100px;
}
.hashtaglist li a:visited{
color: #fff;
}

/* ▽ハッシュタグリスト内の該当件数 */
.hashtaglist .num{
display: none;
font-size: 0.9em;
color: #fff;
margin-left: 0.25em;/* 外側左の余白量 */
}

.freespacearea{
margin: 0 0 1em 0;/* 外側の余白量 */
padding: 0 0 1em 0;/* 内側の余白量 */
}
/* ▼見出し */
.freespacearea .cornertitle{
margin: 0;/* 外側の余白量 */
font-weight: bold;/* 太字 */
color: #282828;/* 文字色 */
}

/* ▽フリースペースの本文 */
.freespacebody{
margin: 0.5em 0;/* 外側の余白量 */
padding: 0.75em;/* 内側の余白量 */
border-radius: 0.5em;/* 角丸 */
line-height: 1.5;/* 行の高さ */
}

/* ▽フリースペースの編集リンク */
.freespaceedit{
margin: 0;
text-align: right;
font-size: 0.75em;
}

.imagelistarea{}
/* ▼見出し */
.imagelistarea .cornertitle{
margin: 0;/* 外側の余白量 */
font-weight: bold;/* 太字 */
color: #282828;/* 文字色 */
}

.imagelistbox{
margin: 0;
padding: 0;
text-align: center;
}
.imagelistbox .oneimage{
width: 31%;/* 画像を横方向に少なくとも3つは並べたい(※後のmax-widthの影響で4つ以上並ぶこともある) */
height: auto;/* 画像の高さは自動調整 */
max-width: 100px;/* 画像の横幅最大値 */
max-height: 100px;/* 画像の高さ最大値 */
aspect-ratio: 1/1;/* 画像を正方形にする */
object-fit: cover;/* 縦横比が合わなければトリミング */
margin: 3px;/* 画像周囲の余白量 */
vertical-align: middle;/* 画像下部に余計な空白ができるのを防ぐ */
}

/* ▼総数・総サイズの情報 */
.imagesinfo{
margin: 0.25em 0;/* 外側の余白量(上下→左右) */
text-align: right;/* 右寄せ */
}
.totalimgfiles{
font-size: 0.9em;/* 文字サイズ */
}
.totalimgsizes{
font-size: 0.8em;/* 文字サイズ */
}

/* ▼その他の情報表示 */
.infotitle{
margin: 1em 0 0 0;
font-size: 0.95em;
}
.infobody{
margin: 0 0 1em 0;
padding-top: 0.25em;
text-align: right;
}

footer{
margin: 0;/* 外側の余白量 */
padding: 0;/* 内側の余白量 */
width: 100%;
}

.footerbox{
text-align: center;/* センタリング */
}

/* ▼フッタ内フリースペース */
.footerfreespace{
margin: 0.5em 1em;/* 外側の余白量 */
padding: 0;/* 内側の余白量 */
}

/* Powered-by表記のデザイン */
.poweredby{
font-size: 12px;
color: #fff;
background: #282828;
text-align: center;
}
.poweredby a{
color: #fff;
}

.homelink{
text-align: center;
margin: 20px auto;
}
.homelink a{
background: #282828;
border-radius: 4px;
color: #fff;
padding: 5px 86px;
}
.homelink a:hover{
opacity: 0.5;
}
.decorationL{
padding: 0 0 0 16px;
}
.decorationL li{
list-style: disc;
}
/*card
------------------------------------------------------------*/
.blogcard{
line-height: 1;
background: #ffffff;
border: 1px solid #eeeeee;
word-wrap: break-word;
margin: 40px;
box-shadow: 0 0 10px 6px rgba(0,0,0,.025);
}
.blogcard a{
text-decoration: none;
opacity: 1;
transition: all 0.2s ease;
}
.blogcard a:hover{
opacity: 0.6;
}
.blogcard_thumbnail{
float: left;
padding: 20px;
}
.blogcard_title{
font-size: 1em;
font-weight: bold;
line-height: 1.4;
padding: 17px 20px 10px;  
}
.blogcard_excerpt{
font-size: 0.85em;
line-height: 1.6;
padding: 0 17px 15px 20px;
}
/*プロフィール
------------------------------------------------------------*/
.profile{
font-size: 12px;
line-height: 160%;
padding: 30px 20px;
text-align: center;
background: #fff;
border-radius: 3px;
margin: 0 0 30px;
}
.profile img{
width: 130px;
margin: 0 auto;
display: block;
}
.picon svg{
width: 32px;
fill: #3e3e3e;
padding: 2px 0 0 0;
vertical-align: sub;
}
.profile .bold{
font-weight: bold;
}
.profil_name{
font-size: 24px;
margin: 14px auto 9px;
line-height: 86%;
text-align: center;
overflow: hidden;
display: block;
}
.profil_name span{
font-size: 16px;
display: block;
}
.profil_name svg{
padding: 0 0 4px 0;
}
.profile ul{
display: inherit;
}
.profil_name li{
display: inline-block;
vertical-align: middle;
line-height: 110%;
}
.profile_links{
overflow: hidden;
display: block;
margin: 0 0 10px;
fill: #f27744;
}
.profile_links li{
display: inline;
margin: 0 0 0 5px;
}
.profile_links li a{
color: #f27744;
line-height: 0;
font-size: 24px;
}
.profile_links li svg{
width: 24px;
height: 24px;
}
.profile_links li a:hover{
text-decoration: none;
}
.profile_links li a:hover{
text-decoration: none;
}
.logbody img{
vertical-align: bottom;
width: 260px;
height: 260px;
object-fit: cover;
display: inline;
justify-content: center;
border-radius: 10px;
margin: 4px 0 4px 0;
}
.cemoji img{
border-radius: 0;
max-width: 20px;
padding: 0 2px 6px;
}
.embeddedmovie{
max-width: 100%;
width: 100%;
display: block;
height: revert-layer;
}

/* グローバルナビ
------------------------------------------------------------*/
#gnavi{
width: 100%;
margin: 0 auto;
max-width: 1000px;
padding: 0 0 15px 0;
font-weight: bold;
}
#gnavi .gleft li{
float: left;
margin: 0 5px 0 0;
}
#gnavi ul.gleft{
display: block;
overflow: hidden;
}
#gnavi .gleft a{
color: #fff;
background: #282828;
border-radius: 3px;
padding: 5px 10px;
width: 120px;
display: block;
text-align: center;
}
#gnavi .gleft a:hover{
background: #4d4d4d;
}
/*ページトップ
--------------------*/
footer{
position: relative;
}
.topP, .topD{
position: fixed;
z-index: 9999;
cursor: pointer;
width: 35px;
height: 35px;
}
.topP{
bottom: 46px;
right: 0;
border-radius: 6px 0 0 0;
}
.topD{
bottom: 10px;
right: 0;
border-radius: 0 0 0 6px;
}
#pagetops svg{
fill: #fff;
}
#pagetops a, #pagetops a:visited{
color: #fff;
background: #4d4d4d;
}
#pagetops a:hover{opacity: 0.8;}
.pagenavi{
text-align: center;
padding: 0 0 50px 0;
}
a.readmorebutton{
background: #f27744;
padding:4px 6px 4px 10px;
border-radius: 2px;
text-decoration: none;
color: #fff;
}
a.readmoreopen{
background: #f27744;
padding:4px 6px 4px 10px;
border-radius: 2px;
text-decoration: none;
color: #fff;
}
.readmorearea{color: #282828;}


/* いいねボタン改
------------------------------------------------------------*/

li.iine button.newiine_btn{
font-family: 'Zen Maru Gothic', sans-serif;
border-radius: 800px;
padding: 1px 8px;
margin: 0 auto;
font-size: 0.9rem;
}
li.iine button.newiine_btn div.newiine_thanks{
min-width: 170px;
left: auto;
right: 0;
}
li.iine button.newiine_btn div.newiine_thanks::after{
right: 20px;
left: auto;
}
li.iine button.newiine_btn.newiine_clicked{
color: #ffffff;
background: #ed5d78;
border-color: #ed5d78;
border: 2px solid #ed5d78;
}
li.iine button.newiine_btn.newiine_clicked svg{
fill: #ffffff;
}
li.iine .newiine_count{
font-weight: 900;
display: inline-table;
}
li.iine svg{
fill: #282828;
width: 15px;
height: 15px;
}

/* icon
------------------------------------------------------------*/
.gleft li svg{
width: 20px;
fill: #fff;
vertical-align: text-bottom;
padding: 0 3px 0 0;
}
footer .material-symbols-outlined{
color: #fff;
font-size: 35px;
vertical-align: middle;
display: table-cell;
}
.poweredby svg{
font-size: 14px;
vertical-align: sub;
display: inline;
fill: #fff;
width: 16px;
}
.newiine_btn.newiine_type02 svg{
width: 15px;
height: 15px;
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
margin: 1px 2px 0 0;
}
#icon_04{
fill: #7c7c7c;
width: 32px;
fill: #3e3e3e;
padding: 2px 0 0 0;
vertical-align: sub;
}
#icon_03{
width: 32px;
fill: #3e3e3e;
padding: 2px 0 0 0;
vertical-align: sub;
}
/*
　つぶやき
---------------
基本的には投稿を見せず、限定的に表示するように設定しています
てがろぐ式のIF文を使っているのでCSSを書き換えるときは「skin-cover.html」の<!--memo-->欄をいじってください
[[IF(cat-memo):～:IF]]の中にスタイルシートが入っています
*/
ul.tubu{display: none;}/*アイコン部分を通常では非表示にする*/



/* ダークモード
------------------------------------------------------------*/
#changeMode{
position: absolute;
z-index: 9999;
top: 0;
right: 0;
cursor: pointer;
width: 35px;
height: 35px;
background: #4d4d4d;
border: 0;
border-radius: 0 0 0 6px;
text-align: center;
}
#changeMode svg{
width: 26px;
padding: 4px 0 0 0;
fill: #fff;
vertical-align: text-top;
}

html[theme="dark"]{
body{
scrollbar-color: #484848 #1c1c1c;
background: #151515;
color: #c6c6c6;
}
#changeMode{background: #486bd2;}
#changeMode svg{fill: #151515;}
.postform{background: #333;}
a:link{color: #486bd2;}
a:visited{color: #486bd2;}
.logfooter{background: #333;}
.logfooter2{background: #333;}
.logheader{background: #1f1f1f;}
#gnavi .gleft a{background: #333;}
#gnavi .gleft a:hover{background: #3c3c3c;}
.logf_r li svg{fill: #486bd2;}
a.readmoreopen{
background: #486bd2;
color: #fff;
}
.postbutton{background: #486bd2;}
.poweredby{background: #1f1f1f;}
.newsign{background: #486bd2;}
.profile{background: #1f1f1f;}
.profile_links li a{color: #6a0e12;}
.profile_links li svg{fill: #486bd2;}
a.readmorebutton{
background: #486bd2;
color: #c6c6c6;
}
.decorationQ{background: #0f0f0f;}
.decorationM{
color: #282828;
opacity: 0.8;
}
#icon_03{fill: #c6c6c6;}
.searcharea .submitcover input{
border: 0px solid #c6c6c6;
background: #c6c6c6;
color: #090909;
}
.readmorearea{color: #b5a318;}
li.iine button.newiine_btn{
border: 2px solid #486bd2;
color: #486bd2;
}
ul.logf_l{background: #333;}
.dateseparator, .logbody .taglink, .passkeyform, .hashtaglist li a{background: #333;}
.dateseparator::before{color: #c6c6c6;}
.dateseparator a, .dateseparator a:visited{
background: #486bd2;
color: #c6c6c6;
}
.latestpostlist li{
background: url( "../images/arrow2.svg" ) left no-repeat;
background-size:25px;
padding: 0 0 0 30px;
margin: 0 0 15px;
}
.queryinput{border: 1px solid #fff;}
.cattree.depth2 li{color: #486bd2;}
.picon svg{fill: #c6c6c6;}
li.iine button.newiine_btn.newiine_clicked{
  background: #486bd2;
  color: #fff !important;
}
}


/* SP対応
------------------------------------------------------------*/
@media only screen and (min-width: 1200px){}
@media only screen and (max-width: 930px){
.blogcard{
margin: 40px 0;
}
.blogcard_title{
font-size: 0.95em;
padding-bottom: 17px;
}
.blogcard_excerpt {
display: none;
}
.contents .mainarea{
float: none;
margin: 0 auto;
padding: 0;
width: 90%;
}
.contents .subarea{
float: none;
max-width: 80%;
margin: 0 auto;
}
.poweredby{font-size: 12px;}
.maintitle{
font-size: 52px;
margin: 20px 0 0;
}
h1{padding: 0px 20px 20px}
.descriptionbox{
font-size: 17px;
padding: 0;
line-height: 110%;
}
#gnavi{
width: 90%;
text-align: center;
}
#gnavi .gleft li{
display: inline-block;
float: initial;
margin: 0 2px 0 0;
}
#gnavi .gleft a{
font-size: 12px;
margin: 0 0 5px;
}
}
@media all and (max-width: 600px){
.embeddedmovie{
display: inline-block;
max-width: 100%;
width: 100%;
height: revert-layer;
}
ul.logf_l{
position: revert;
line-height: 1;
}
.t_left{
position: revert;
padding: 10px 15px;
}
.logfooter{
padding: 5px 20px 10px;
line-height: 1;
}
.logf_r li{
padding: 0 0 10px;
}
.logfooter2{
padding: 5px 20px 10px;
line-height: 1;
}
.logf_r2 li{
padding: 0 0 10px;
}
}
@media only screen and (max-width: 660px){
.logbody img{
width: 100%;
height: 100%;
}
footer{padding: 50px 0 0 0;}
.line-control{line-height: 100%;}
}

@media only screen and (max-width: 540px){
.datefunclinks{
display: block;
}
.dateseparator a{
padding: 0 10px;
}
}

@media only screen and (max-width: 430px){
.dateseparator a{
padding: 0;
width: 100%;
text-align: center;
margin: 0 auto;
}
}

@media only screen and (max-width: 415px){
#gnavi .gleft li{
margin: 0 2px 0 0;
width: 150px;
}
#gnavi .gleft a{
width: 80%;
margin: 0 0 7px;
}
.queryinput{
width: 50%;
}
}

@media only screen and (max-width: 344px){
#gnavi .gleft li{
margin: 0 2px 0 0;
width: 110px;
}
}
@media only screen and (max-width: 320px){
.loginfo{
display: list-item;
line-height: 150%;
text-align: right;
}
}