@charset "utf-8";

/* ………………………………………………………………………………………… */
/* てがろぐ -Fumy Otegaru Memo Logger- 標準スタイルシート for Ver 3.1.0 */
/* ………………………………………………………………………………………… */

/* ============== */
/* ■全体共通装飾 */
/* ============== */
body {
	font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 15px;
	margin: 0;
	padding: 0;
    background: #dffda2;
    }
        @media (min-width: 768px){
            body{    
                    font-size: 16px;
                    background: white;
                }
        }

	/* -------------- */
	/* ▼リンクの装飾 */
	/* -------------- */
	a:link { color: #83b127; }		/* 未訪問リンク */
    a:visited { color: #83b127; }
	a:hover { opacity: 0.6; }	/* マウスが載ったとき */

	/* ------------------------- */
	/* ▼URLが書かれた場合の装飾 */
	/* ------------------------- */
	.url {
		display:inline-block;
		word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */
	}

	/* ---------------------------------------------------- */
	/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：文字 */
	/* ---------------------------------------------------- */
	/* B:太字(Bold) */
	.decorationB {
		font-weight: bold;		/* 太字 */
	}
	/* D:削除(Delete) */
	.decorationD {
		color: #888;	/* 文字色 */
		text-decoration-line: line-through;	/* 取り消し線 */
		text-decoration-color: red;			/* 線の色 */
	}
	/* E:強調(Emphasis) */
	.decorationE {
		font-style: normal;
		font-weight: bold;
        font-size: 20px;
	}
	/* I:斜体(Italic) */
	.decorationI {
		font-style: italic;		/* 斜体 */
	}
	/* Q:引用(Quote) */
	.decorationQ {
		margin: 1em 0.3em 1em 1em;		/* 外側の余白(上→右→下→左) */
		padding: 0.75em 0.5em;			/* 内側の余白(上下→左右) */
		border-left: 5px double #5c5;	/* 左端の枠線 */
		background-color: #efe;			/* 背景色 */
		font-size: 0.95em;				/* 文字サイズ */
		display: block;					/* ※Ver 2.2.0以降必須の記述 */
	}
	.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: double;		/* 線種類 */
		text-decoration-color: lime;		/* 線配色 */
	}

	/* ---------------------------------------------------- */
	/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)：画像 */	/* この部分は、文字装飾領域内に含まれた画像を装飾するための記述です。 */
	/* ---------------------------------------------------- */
	/* B:太字(Bold)に含まれる画像に対する装飾 */
	.decorationB img {
		box-shadow: 5px 5px 5px yellowgreen;		/* 右下に黄緑色の影を付ける */
	}
	/* D:削除(Delete)に含まれる画像に対する装飾 */
	.decorationD img {
		opacity: 0.5;	/* 半透明にする */
	}
	/* E:強調(Emphasis)に含まれる画像に対する装飾 */
	.decorationE img {
		outline: 8px ridge rgba(50, 236, 70, 0.6);		/* 浮き上がる淡緑色の枠線を付加 */
	}
	/* I:斜体(Italic)に含まれる画像に対する装飾 */
	.decorationI img {
		box-shadow: -5px 5px 5px pink;	/* 左下に黄緑色の影を付ける */
	}
	/* 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 skyblue;	/* 右下に空色の影を付ける */
	}

	/* -------------- */
	/* ▼埋め込み画像 */
	/* -------------- */
	.embeddedimage {
        display: inline-block;
        text-align: center;
		max-width: 100%;	/* 横方向にはみ出ないようにする */
		height: auto;	/* 高さを固定したい場合を除いて、ここは auto のままにするのがお勧め */
	}

	/* -------------- */
	/* ▼埋め込み動画 */
	/* -------------- */
	@media all and (max-width: 600px) {
		.embeddedmovie {
			display: inline-block;
			max-width: 100%;	/* はみ出ないようにする */
			width: auto;
			height: auto;
		}
	}

	/* --------------- */
	/* ▼埋め込みTweet */	/* これはツイートが埋め込まれる処理「前」用の装飾です。実際に埋め込まれるツイートはTwitter側のiframeで装飾されますので、ここでは指定できません。 */
	/* --------------- */
	blockquote.twitter-tweet {
		background-color: #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;
	}

/* ========================== */
/* ■ページ最上部(ヘッダ)領域 */
/* ========================== */
header {
    text-align: center;
	background-color: #83b127;	/* 背景色 */
	width: 100%;				/* 横幅 */
    height: 50px;
}
@media all and (min-width :768px){
    header{
        height: 60px;
    }
}

	/* -------------- */
	/* ▼タイトル区画 */
	/* -------------- */
	.headtitle {      /* 外側の余白量 */
		color: #e9ffbe;			/* 文字色 */
	}

		/* ▽メインタイトル */
		.maintitle {
			margin: 0;			/* 外側の余白量 */
		}
		/* ▽メインタイトルのリンク */
		.maintitle a {
			color: #e9ffbe;			/* 文字色 */
			text-decoration: none;	/* 下線を消す */
            font-weight: normal;
            font-size: 26px;
		}
/* ================================================= */
/* ■段組構成	/* ※段組(2カラム構成)にしたくない場合は、この区画を全削除して下さい。 */
/* ================================================= */

.contents{
    margin: 0;					/* 外側の余白量 */
    background: #dffda2;
    }   

/* ■段組構成（画面の幅が800px以上ある広い場合限定） */

@media all and (min-width: 768px) {

	/* -------------- */
	/* ▼大外枠の装飾 */
	/* -------------- */
	.contents {
		display: table;				/* 段組準備 */
		margin: 0;					/* 外側の余白量 */
		padding: 0;					/* 内側の余白量 */
		width: 100%;				/* 横幅 */
	}
    
    body{    
        width: 930px;
        margin-left: auto;
        margin-right: auto;
        }
	/* ---------------- */
	/* ▼メイン段の装飾 */
	/* ---------------- */
	.contents .mainarea {
		display: table-cell;	/* 段組 */
		width: 77%;				/* 横幅 */
		vertical-align: top;	/* 上に寄せる */
	}
	/* -------------- */
	/* ▼サブ段の装飾 */
	/* -------------- */
	.contents .subarea {
		display: table-cell;	/* 段組 */
		width: 23%;				/* 横幅 */
		vertical-align: top;	/* 上に寄せる */
	}
}


/* ====================== */
/* ■メイン(ログ掲載)領域 */
/* ====================== */
.mainarea {
	margin: 1.5em 0 0 0;	/* 外側の余白量 */
	padding: 0;		/* 内側の余白量 */
}
	/* ------------------------------------------ */
	/* ▼表示対象の限定時などの「限定条件」表示行 */
	/* ------------------------------------------ */
	.situation {
		margin: 0 0 1em 0.5em;	/* 外側の余白量 */
		font-weight: bold;	/* 太字 */
		color: #225307;		/* 文字色 */
	}
	.situation:empty { display: none; }	/* 限定表示がない場合は存在自体を消す */

/* ================================ */
/* ■投稿ボックス(一発言)ごとの表示 */	/* ※この領域は、内側スキンで生成しているHTMLに対する装飾です。 */
/* ================================ */
.onelogbox {
    border-radius: 0.5em;
	width: 94%;	    	/* 横幅 */
    background: white;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-left: auto;		/* 外側の余白量 */
    margin-right: auto;
}
@media all and (min-width: 768px) {
    .onelogbox{
        margin-top: 1em;
    }
}

	/* ---------------- */
	/* ▼投稿本文カラム */
	/* ---------------- */
	.onelogbody {
        margin-left: 1em;
        margin-right: 1em;
	}

		/* …………… */
		/* ▼投稿本文 */
		/* …………… */
		.comment {
			line-height: 1.55;		/* 行の高さ */
			min-height: 4em;		/* 最低限確保する高さ */
		}

			/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			/* ▼続きを読むリンク（ボタン） */		/* ※注：「続きを読む」機能は、JavaScriptが無効な閲覧環境では機能せず、その場合はボタンも表示されません。 */
			/* ‥‥‥‥‥‥‥‥‥‥‥‥‥‥ */
			/* ▽ボタン枠の装飾(共通) */
			.readmorebutton {
				display: inline-block;	/* インラインブロック化 */
				padding: 1px 0.5em;		/* 内側の余白 */
				margin: 0 1px;			/* 外側の余白 */
				border: none;	/* 枠線の装飾 */
			}
			/* ▽ボタン表面の装飾(共通) */
			.readmorebutton:link,
			.readmorebutton:visited {
				text-decoration: none;	/* リンク装飾を消す */
			}

			/* ▽開く（続きを読む）ボタン専用の装飾 */
			.readmorebutton.readmoreopen {
				font-size: 0.95em;		/* 文字サイズ */
			}

			/* ▽閉じる（畳む）ボタン専用の装飾 */
			.readmorebutton.readmoreclose {
				font-size: 0.75em;		/* 文字サイズ */
			}

		/* ……………………………………………… */
		/* ▼投稿日時やカテゴリ名などの情報表示 */
		/* ……………………………………………… */
		.oneloginfo {
			margin: 0.75em 0 0 0;	/* 外側の余白量 */
			font-size: 0.9em;		/* 文字サイズ */
			text-align: right;		/* 右寄せ */
		}

			/* ‥‥‥‥‥‥‥‥‥ */
			/* ▼投稿日時のリンク */
			/* ‥‥‥‥‥‥‥‥‥ */
			.postdate a {
				display: inline-block;		/* インラインブロック化 */
				padding: 0 0.25em;			/* 内側の余白量 */
				color: gray;			/* 文字色 */
				text-decoration: none;		/* 下線を消す */
			}

			/* ‥‥‥‥‥‥ */
			/* ▼カテゴリ名 */
			/* ‥‥‥‥‥‥ */
			.categories {
			}
				/* ▽カテゴリリンク1つ */
				.categorylink {
					display: inline-block;
					text-decoration: none;		/* リンクの下線を消す */
				}
				/* ▽カテゴリリンクにマウスが載ったとき */
				.categorylink:hover {
					text-decoration: underline;	/* 下線を表示 */
				}
				/* ▽カテゴリ間のセパレータ */
				.catseparator {
					display: inline-block;
					margin: 0 1px;			/* 左右に1pxの余白 */
					color: gray;			/* 文字色 */
				}

	/* ------------------------------ */
	/* ▼画面幅が狭い場合の上書き装飾 */
	/* ------------------------------ */
	@media all and (max-width: 480px) {
		/* ▼投稿情報カラム */
		.onelogside {
			width: 64px;		/* 横幅 */
		}
		/* ▼投稿本文 */
		.comment {
			margin-left: 0.3em;	/* 外側左の余白量 */
			line-height: 1.45;	/* 行の高さ */
		}
	}


/* ========================== */
/* ■ページナビゲーション領域 */
/* ========================== */
.pagenavi {
	margin: 2.5em 0px;			/* 外側の余白 */
	padding: 0.5em 0px;			/* 内側の余白 */
	text-align: center;			/* 中央寄せ */
	border-width: 3px 0px;		/* 枠線の太さ */
	text-align: center;			/* センタリング */
}

	/* ------------------------------------ */
	/* ▼ページ前後移動リンク群ボックス全体 */
	/* ------------------------------------ */
	.pagelinks {
		margin: 0.15em;		/* 外側の余白 */
	}

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

	/* -------------------------------- */
	/* ▼ページ番号リンク群ボックス全体 */
	/* -------------------------------- */
	p.pagenums {
		margin: 0.5em;		/* 外側の余白 */
	}

	/* ▼ページ番号リンクの数字 */
	.pagenums a.pagenumlink {
		margin: 0px 2px 0px 2px;	/* 外側の余白 */
		padding: 0.2em 0.5em;		/* 内側の余白 */
		font-size: 1em;				/* 文字サイズ */
		font-weight: bold;			/* 太字 */
	}
	/* ▽現在のページ番号の装飾 */
	a.pagenumhere {
		text-decoration: none;		/* リンク装飾を消す */
		background-color: green;	/* 背景色 */
		color: white;				/* 文字色 */
		border-radius: 1em;			/* 角丸 */
	}
	/* ▽ページ番号リンクにマウスが載った際の装飾 */
	a.pagenumlink:hover {
		text-decoration: none;		/* リンク装飾を消す */
		background-color: #77a813;	/* 背景色 */
		color: white;				/* 文字色 */
		border-radius: 1em;		/* 角丸 */
	}

	/* ------------------------------------ */
	/* ▼限定解除リンク(＝HOMEに戻るリンク) */
	/* ------------------------------------ */
	.pagehome {
		margin: 0.15em;		/* 外側の余白 */
		font-weight: bold;	/* 太字 */
	}


/* ========== */
/* ■サブ領域 */
/* ========== */
.subarea {
	margin: 1em 0 0 0;				/* 外側の余白量 */
	padding: 0 1em;					/* 内側の余白量 */
	background-color: #cdf085;			/* 背景色 */
}

	/* ------------------------------ */
	/* ▼日付一覧リスト・日付検索区画 */
	/* ------------------------------ */
	.datelistarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
	}
	/* ▼見出し */
	.datelistarea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
        color: #225307;
	}

		/* …………………………… */
		/* ▼日付リンクリスト区画 */
		/* …………………………… */
    .datelimitlist {
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0 0 0 20px;	/* 内側の余白量 */
			padding: 0.5em 0.5em 0.5em 1.5em;		/* 内側の余白量 */
			background-color: #fffcbb;	/* 背景色 */
			border-radius: 0.5em;	/* 角丸 */
		}
    .datelimitlist a{
            text-decoration: none;
    }
    .datelimitlist ul{    
            list-style-type: none;
    }
    .datelimitlist li{
            display: inline-block;
            margin-right: 1em;
    }
		/* ▽日付リスト(月単位) */
		.datelimitsublist {
			margin: 0;				/* 外側の余白量 */
			padding: 0 0 0 5px;		/* 内側の余白量 */
		}
  
		/* ▽日付リスト内の該当件数 */
		.datelimitlist .num {
			font-size: 0.85em;		/* 文字サイズ */
			color: #66a;			/* 文字色 */
			margin-left: 0.3em;		/* 外側左の余白量 */
		}

	/* -------------------- */
	/* ▼カテゴリツリー区画 */
	/* -------------------- */
	.categoryarea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 1em 0 1em 0;					/* 内側の余白量 */
	}
	/* ▼見出し */
	.categoryarea .cornertitle {
		margin-top: 0;							/* 外側の余白量 */
		font-weight: bold;					/* 太字 */
        color: #225307;
	}
	.categoryTree {
		background-color: #fffcbb;	/* 背景色 */
		border-radius: 0.5em;	/* 角丸 */
		margin: 0.5em 0;
		padding: 0.25em;
	}
		/* ▽カテゴリツリー */
		.categoryTree ul {
			padding-left: 30px;
			list-style-type: none;
		}
    @media all and (max-width: 767px){
            .categoryTree li {
                display: inline-block;
                margin-right: 1em;
		  }
    }
        .categoryTree a {
            text-decoration: none;
		}
		/* ▽カテゴリツリー内の該当件数 */
		.categoryTree .num {
			display: inline-block;
			margin-left: 0.4em;
			font-size: 0.9em;
			color: #aaa;
		}

	/* プルダウンメニュー版カテゴリ一覧の装飾 */
	.catpull {
	    max-width: 200px;
	}

	/* -------------------- */
	/* ▼フリースペース区画 */
	/* -------------------- */
	.freespacearea {
		margin: 0 0 1em 0;					/* 外側の余白量 */
		padding: 0 0 1em 0;					/* 内側の余白量 */
	}
	/* ▼見出し */
	.freespacearea .cornertitle {
		margin: 0;							/* 外側の余白量 */
		font-weight: bold;/* 太字 */
        color: #225307;
	}

		/* ▽フリースペースの本文 */
		.freespacebody {
			margin: 0.5em 0;		/* 外側の余白量 */
			padding: 0.3em;		/* 内側の余白量 */
			background-color: #fffcbb;	/* 背景色 */
			border-radius: 0.5em;	/* 角丸 */
			line-height: 1.5;		/* 行の高さ */
		}
        .freespacearea a{
            text-decoration: none;
        }
        .freespacearea ul{
            list-style-type: none;
        }
    @media all and (max-width: 767px){
        .freespacearea li{
            display: inline-block;
            margin-right: 1em;
        }
    }
/* ジャンプボタン(PC) */
        .back-to-top-pc {
            position: fixed;
            bottom: 30px;
            padding: 5px 16px;
            font-size: 30px;
            background: #ff7d94;
            font-weight: bold;
            text-decoration: none;
            border-radius: 17px;
        }
        .back-to-top-pc:link {color: white;}
        .back-to-top-pc:visited {color: white;}

    @media all and (max-width: 767px){
        .back-to-top-pc{
            display: none;
        }
    }
/* ========================== */
/* ■ページ最下部(フッタ)領域 */
/* ========================== */
footer {	
	padding: 0.5em 0px;			/* 内側の余白 */
	background-color: #8cbc2b;	/* 背景色 */
}

	/* ▼管理操作リンク群 */
	footer .control-links {
        text-align: left;
		margin-left: 1em;		
        font-size: 0.8em;
	}

	/* ▼戻るリンク */
	.backlink {
		text-align: center;		/* 中央寄せ */
		margin: 0.5em;/* 外側の余白量 */
	}

	/* ▼フッタ内リンクの装飾 */
	footer a:link    { color: white; }  	/* 未訪問 */
	footer a:visited { color: white; }  	/* 訪問済み */
	footer a:hover   { color: yellow; } 	/* マウスが乗ったとき */
	footer a:active  { color: #ccffcc; }	/* アクティブ時 */

	/* Powered-by表記のデザイン */
	.poweredby {
        text-align: center;
        font-size: 0.8em;
        color: white;
    }
    /* ジャンプボタン */
    .back-to-top {
        position: fixed;
        bottom: 0;
        right: 0;
        padding: 5px 12px;
        font-size: 20px;
        background: #ff7d94;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        border-radius: 10px;
    }
    .back-to-top:link {color: white;}
    .back-to-top:visited {color: white;}

@media all and (min-width: 768px){
    .back-to-top{
        display: none;
    }
}
/* End of file */