section.tegalog {
    max-width: 700px;
    margin: 40px auto 0;
}
iframe {
    max-width: 100%;
}

/* ============== */
/* ■全体共通装飾 */
/* ============== */

body{
    font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
	margin: 0;
	padding: 0;
    background-color: #85aac2;
    font-size: 12pt;
}

@media screen and (max-width: 1680px) {

    body{
        font-size: 10pt;
    }

}

@media screen and (max-width: 736px) {

    body {
        font-size: 10pt;
    }

}

@media screen and (max-width: 360px) {

    body {
        font-size: 10pt;
    }

}

.postarea form {
    background: #f6f6f6;
    padding: 10px;
}
.postarea textarea.tegalogpost {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px;
    font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    line-height: 1.6em;
}
.postarea p.line-textarea {
    margin: 0;
}
.postarea p.line-control {
    margin: 10px 0 0;
}
.postarea input.postbutton {
    background: #93b3c7;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 6px 20px;
    cursor: pointer;
    transition: .3s;
}
.postarea input.postbutton:hover {
    background: #7cc8ff;
}
.decoBtns input[type=button] {
    border-radius: 3px;
    border: 1px solid #cccccc;
    background: white;
    margin: 0 2px 10px;
}
span.catChecks label {
    margin-right: 5px;
    font-size: 90%;
}
ul.cattree {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    border: 1px solid #d6d6d6;
    background: #f0f0f0;
    padding: 15px;
    border-radius: 2px;
    position: relative;
}
ul.cattree li {
	font-size: 90%;
	margin-right: 10px;
    padding: 0;
    position: relative;
    z-index: 2;
}
ul.hashtaglist {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    background: #f0f0f0;
    padding: 15px;
    border-radius: 2px;
}
ul.hashtaglist li {
	font-size: 85%;
	margin-right: 10px;
    padding: 0;
    position: relative;
    z-index: 2;
}
ul.cattree li:before, ul.cattree li:after,
ul.hashtaglist li:before, ul.hashtaglist li:after {
    display: none;
}
div.onelogbox {
    max-width: 700px;
    margin: 40px auto;
    border: 2px solid #04080f;
    padding: 18px 0;
    border-radius: 10px;
    background-color: #fffafa;
}
p.oneloginfo {
    text-align: right;
    font-size: 85%;
    color: #979797;
    padding: 13px 20px 0;
    margin: 20px 0 0;
    border-top: 1px solid #e5e5e5;
}
p.oneloginfo a.categorylink {
    display: inline-block;
    text-decoration: none;
    color: #979797;
    border: 1px solid;
    padding: 1px 6px;
    border-radius: 2px;
    margin: 0 8px;
    background: #f0f0f0;
}
p.oneloginfo a.categorylink:hover {
    border-color: #ba8f95;
	background: #ba8f95;
	color: white;
}
p.situation {
    font-size: 90%;
    color: #ccc;
}
span.situation-postno {
    border: 1px solid;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
    line-height: 1.6em;
}
p.dateseparator {
    display: none;
    font-size: 90%;
    color: white;
    background: #ccc;
    width: fit-content;
    padding: 3px 5px;
    line-height: 1.6em;
    margin: 0 auto -20px 0;
}
p.dateseparator.fixedseparator {
    display: block;
}
p.pagenums {
    text-align: center;
    color: white;
}
.pagenums a.pagenumlink {
    display: inline-block;
    text-decoration: none;
    background: #ba8f95;
    color: white;
    width: 25px;
    height: 25px;
    line-height: 25px;
}
a.pagenumlink.pagenumhere {
    color: white;	
    background: #982639;
}

.pagelinks a {
    color: white;
}

div.comment a.readmorebutton {
    margin: 0 3px;
    border: 1px solid;
    text-decoration: none;
    color: #93b3c7;
    text-align: center;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 2em;
    background: #ffffff00;
    width: 90%;
    justify-content: center;
    align-items: center;
}
div.comment a.readmorebutton.readmoreclose {
    padding: 1px 8px;
    margin-left: 5px;
    background: transparent;
    font-size: 10px;
    width: 90%;
    line-height: 2em;
}
p.poweredby {
    text-align: right;
    color: #929292;
    font-size: 12px;
}
q.decorationQ {
    position: relative;
    z-index: 1;
    display: block;
    padding: 15px;
    background: rgb(186, 143, 149, 0.6);
    border: 1px solid #ba8f95;
    border-left: 4px solid #982639;
}

.decorationQ::before,
	.decorationQ::after {
		content: '';			/* 標準で付加されてしまう引用符を無効にする */
	}
	.decorationQ + br {
		display: none;	/* 引用直後の改行を無効化する */
    }

.comment {
    line-height: 1.8em;
    padding: 0 20px;
    word-break: break-word;
}
body:not(.home) .categoryarea,
body:not(.home) .hashtaglistarea {
    display: none;
  }
.la, .lab, .lad, .lal, .lar, .las {
    font-size: 17px;
    vertical-align: middle;
}

header{
    text-align: center;
}

img { max-width: 100%;
       height: auto; }

::selection {
        background: rgb(252, 231, 99, 0.3);
    }

/* -------------- */
	/* ▼埋め込み動画 */
	/* -------------- */
	@media all and (max-width: 600px) {
		.embeddedmovie {
			display: inline-block;
			max-width: 100%;	/* はみ出ないようにする */
			width: 100%;
            height: auto;
            aspect-ratio: 16 / 9;
		}
	}

	/* -------------- */
	/* ▼リンクの装飾 */
	/* -------------- */
	a:link { color: #982639; }		/* 未訪問リンク */
	a:visited { color: #ba8f95;  }	/* 既訪問リンク */
	a:hover { color: #fce763; }	/* マウスが載ったとき */

	