@charset "utf-8";

hr.line {opacity:.3;}

.in-tbl {display:table; width:100%; table-layout:fixed;}
.in-tbl > * {display:table-cell; vertical-align:middle;}
.in-tbl strong {width:80px; text-align:center;}
.in-tbl + .in-tbl {margin-top:5px;}

.theme-form td .guide {padding:5px 10px;}
.theme-form td .toggle-content:not(.active) {display:none;}
.theme-form th select {border:none !important; color:inherit!important; padding:0 !important; background:inherit !important; cursor:pointer;}


.diaryWrap {display:block; position:relative;}
.diaryWrap > * {display:block; position:relative;}
.diaryWrap .calendar {display:table; width:100%; table-layout:fixed;}
.diaryWrap .calendar > * {display:table-cell; vertical-align:middle; position:relative;}
.diaryWrap .calendar .monBox {text-align:center; width:10em;}
.diaryWrap .calendar .monBox .top {display:block; position:relative; margin-bottom:10px;}
.diaryWrap .calendar .monBox .top > a,
.diaryWrap .calendar .monBox .top > p {display:inline-block; vertical-align:bottom; text-align:center;}
.diaryWrap .calendar .monBox .top > a {width:25px; }
.diaryWrap .calendar .monBox .top p > * {display:block; line-height:1.3;}
.diaryWrap .calendar .monBox .top p > * + * {font-size:1.5em;}

.diaryWrap .calendar .date-list {display:block; position:relative; padding:10px 10px;}
.diaryWrap .calendar .date-list li {display:inline-block; vertical-align:middle; margin:5px 0;}
.diaryWrap .calendar .date-list a {display:block; position:relative; color:inherit; text-align:center; width:3em;}
.diaryWrap .calendar .date-list a strong {display:inline-block; position:relative; width:2em; vertical-align:middle; text-align:center;}
.diaryWrap .calendar .date-list a strong:before {content:""; display:block; position:absolute; width:3em; height:3em; top:50%; left:50%; margin:-1.5em 0 0 -1.5em; border-radius:100%; z-index:-1;}
.diaryWrap .calendar .date-list a span {display:block; position:relative; height:10px;}
.diaryWrap .calendar .date-list a span i {display:block; position:relative; margin:0 auto; width:7px; height:7px; border-radius:100%; background:#fff;}
.diaryWrap .calendar .date-list .week0 a strong {color:#f98a8a;}

.diaryWrap .diartContentList .list-top {height:8em; box-sizing:border-box; padding-top:4em;}
.diaryWrap .diartContentList .list-top strong span {font-size:1em; vertical-align:middle;}
.diaryWrap .diartContentList .list-top strong {font-size:1.5em;}

@media all and (max-width:640px) {
	.diaryWrap .calendar,
	.diaryWrap .calendar > * {display:block;}
	.diaryWrap .calendar .monBox {width:auto; margin-bottom:10px;}
	.diaryWrap .calendar .monBox .top,
	.diaryWrap .calendar .monBox .today {display:inline-block; vertical-align:middle;}
	.diaryWrap .calendar .monBox .today {position:absolute; bottom:5px; right:0;}
	.diaryWrap .calendar .monBox .top p > * {display:inline; font-size:1.5em;}
	.diaryWrap .calendar .monBox .top p > * + * {margin-left:.5em;}

	.diaryWrap .diartContentList .list-top {text-align:center;}
	.diaryWrap .diartContentList .list-top strong {font-size:1.5em;}
}

.diary-view-box {margin-bottom:15px;}
.diary-view-box > .in {display:table; width:100%; table-layout:fixed;}
.diary-view-box > .in > * {display:table-cell; vertical-align:top; position:relative; z-index:0; padding:10px;}
.diary-view-box .vis {width:35%;}
.diary-view-box .thumb {position:relative;}
.diary-view-box .thumb .ratio {display:block; position:relative; z-index:-1;}
.diary-view-box .thumb .frame {display:block; position:absolute; top:10px; left:10px; right:10px; bottom:10px; overflow:hidden;}
.diary-view-box .thumb .pic {display:block; position:relative; width:100%; height:100%; overflow:hidden; background:no-repeat 50% 50%; background-size:cover;}
.diary-view-box .thumb .pic img {display:none;}
.diary-view-box .con .txt {margin-top:2em;}
.diary-view-box .con .tit {font-size:1.1em;}
.diary-view-box .con .tit span {margin-left:1em; font-size:.9em; opacity:.9;}
.diary-view-box .con .tit i {font-size:1.5em; vertical-align:middle; margin-right:.5em;}
.diary-view-box .lock {display:table; width:100%; height:15em; text-align:center;}
.diary-view-box .lock > * {display:table-cell; vertical-align:middle; font-size:4em; opacity:.5;}

.diaryPopWrap {display:block; position:fixed; background:rgba(0,0,0,.7); top:0; left:0; right:0; bottom:0; overflow:auto; opacity:0; z-index:-99; transition:.3s all; -webkit-transition:.3s all;}
.diaryPopupAopen {height:100%; overflow:hidden;}
.diaryPopupAopen .diaryPopWrap {opacity:1; z-index:99999999; visibility:visible;}

.diaryPopWrap .close {position:absolute; top:1em; right:1em; width:4em; height:4em; line-height:4em; z-index:99;}
.diaryPopWrap .close i {display:block; position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:2em;}
.diaryPopWrap .scroll {display:block; position:relative; width:100%; height:100%; overflow:auto;}
.diaryPopWrap .inner {display:table; width:100%; height:100%;}
.diaryPopWrap .inner > .frame {display:table-cell; text-align:center; vertical-align:middle; padding:10px;}
.diaryPopWrap .inner > .frame img {max-width:1000000000000000000000000000000%;}