@charset "utf-8";

.ichimai {
	transition: all .3s ease-in-out;
}

.ichimai:hover {
	/* transform: translateY(-3px); */
	opacity: 0.8;
}

.ichiran {
    background-color: #ffffff;
    /* box-shadow: 1px 1px 3px rgb(196, 196, 196); */
        /* box-shadow: 1px 1px 3px rgb(72 77 52); */
    border-radius: 5px;
}

.ichitags .taglink {
    font-size: 0.7rem;

}

.imgtitle {
    padding: 0.5rem 0.4rem;
}

body:not(.onelog) .ichigrid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.ichicattags {
    padding: 0.5rem;
}


.ichiinfo .postdate{
    padding: 0.5rem 0.4rem;
    font-family: var(--titlefont);
    color: var(--usu-mozi-iro);
    font-size: 0.7rem;
		letter-spacing: 0.03em;
}

body{
background-color: var(--haikei-iro);
font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Segoe UI", "Meiryo", sans-serif;
}

.latestpostlist {
    span, a {
        display: inline-block;
        margin-right: 0.2rem;
        letter-spacing: 0.1em;
        font-family: var(--titlefont);
    }
}

.onelogtitle, .fstitle, .deco-midasi1 {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: var(--titlefont);
    line-height: 1.3;
    letter-spacing: 0.1rem;
    margin-bottom: 1rem;
    padding: 0.4rem 1.3rem 0.2rem 1.3rem;
        border-bottom: 1px solid var(--koi-iro);
    overflow-wrap: break-word;
    word-break: keep-all;
}

.onelogtitle, .fstitle, .deco-midasi1 {
    &::before {
        content: '';
        display: block;
        width: 0.7rem;
        height: 100%;
        background-color: var(--koi-iro);
        position: absolute;
        top: 0;
        left: 0;
        /* clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 0); */
    }
}


.pictcount {
    position: absolute;
    display: block;
    top: 0.2rem;
    left: 0.2rem;
    padding: 0.3rem;
    background-color: rgb(0, 0, 0, 0.6);
    color: var(--siro-mozi);
    font-size: 0.7rem;
    z-index: 99;
}

/* 右下投稿ボタン */
a.kanri-btn {
	position: fixed;
	z-index: 101;
	display: grid;
	place-content: center;
	width: 40px;
	height: 40px;
	bottom: 43px;
	right: 0;
	background: var(--usu-iro);
	color: var(--siro-mozi);
	font-size: 24px;
	line-height: 1;
	text-decoration: none;
  }

a.kanri-btn:hover{ background-color: var(--usu-iro);}

/* 投稿ボタン */
.postbutton {
	display: inline-block;		/* インラインブロック化 */
	background: var(--koi-iro);
	color: var(--siro-mozi);
	font-size: 0.9rem;
	text-decoration: none;
	padding: 5px 15px;
	border: none;
	border-radius: 3px;	
	cursor: pointer;
        margin-bottom: 1rem;
}

/* 投稿ボタンにマウスが載ったとき */
.postbutton:hover { background-color: var(--usu-iro);}


/* O:折り畳みボタン */
.foldswitch {
    width: stretch;
    text-align: center;
   margin: 0.2rem;
   padding: 0.4rem 1rem;
   color: var(--siro-mozi);
   background-color: var(--usu-mozi-iro);
   border-radius: 0.2rem;
   line-height: 1;
   cursor: pointer;
}
.foldswitch:hover {
background-color: var(--koi-iro);
   color: var(--siro-mozi);
}
/* O:折り畳み直後の改行を非表示 */
.decorationO + br { display: none;}

/* 名前付き1行単位フリースペース */
.ichigyou {
    font-family: var(--titlefont);
    text-align: center;
    font-size: 0.7rem;
    letter-spacing: 0.03em;
}

.editlink {
    font-size: 15px;
}

a.ue_btn ,a.kanri-btn {
    opacity: 0.8;
    transition: all .3s ease-in-out;
}

a.ue_btn ,a.kanri-btn &:hover {
background-color: var(--link-iro);
}

/* twemoji */
img.emoji {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.05em 0 0.1em;
  vertical-align: -0.1em;
}

:root {
	--haikei-iro: #15202B; /* 全体背景色 */
	--naiyou-iro: #fefefe; /* 記事内背景色(このスキンでは使いません) */
	--koi-iro: #404a51; /* 濃いアクセント色 */
	--usu-iro: #576b7f; /* 薄いアクセント色 */
	--mozi-iro: #f0f8f2; /* メイン文字色 */
	--usu-mozi-iro: #606667; /* ↑よりちょっと薄い文字色 */
	--siro-mozi: #fefefe; /* 濃い背景に乗せる白文字色 */
	--link-iro: #abad61; /* リンクの色など */
	--link-hover-iro: #74808b; /* リンクにマウス乗せたときの色と強調のマーカー色 */
	--iconfont: "remixicon"; /* アイコンフォントの名前 */
	/* --titlefont: 'Montserrat','Noto Sans JP',sans-serif; */ /* タイトルなどのフォントの名前 */
	--titlefont: "Lato","IBM Plex Sans JP", sans-serif; /* タイトルなどのフォント */

}