@charset "utf-8";

/* ----------------------------------------------------- */
/* body                                                  */
/* ----------------------------------------------------- */
img { vertical-align: top; }

.mincho { font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; }

// 824px + (5px + 5px)margin
.tip_w { width: 834px; }

.king_tw { width: var(--tip_width) !important; }

blockquote {
	margin: 0;
	padding: 10px;
	background-color: #EEE;
	border-radius: 4px;
}

#cts_view {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 0;
	width: 80%;
	height: 50px;
	z-index:2;
	background-color: #FFFF00;
	color: #FF0000;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	opacity: 0.7; filter: alpha(opacity=70); ms-filter: "alpha(opacity=70)";
}

/* ----------------------------------------------------- */
/* MCE style                                             */
/* ----------------------------------------------------- */
.king-text { }
.king-text p { margin: 0; line-height: 1.4; font-size: 12pt; }
.king-text p span { padding: 0; }
.king-text img { width: 100%; }
.king-text .blh { height: 12px; }

.marker_p { background: linear-gradient(transparent 50%, #ffc1e0 25%); display: inline; }
.marker_b { background: linear-gradient(transparent 50%, #c1e0ff 25%); display: inline; }
.marker_g { background: linear-gradient(transparent 50%, #7fff7f 25%); display: inline; }
.marker_y { background: linear-gradient(transparent 50%, #FFFF65 25%); display: inline; }

.youtube {
	width: 100%;
	margin: 0 auto;
	aspect-ratio: 16 / 9;
}
.youtube iframe, .youtube span {
	width: 100%;
	height: 100%;
}

/* ----------------------------------------------------- */
/* modal box                                             */
/* ----------------------------------------------------- */
.box_modal {
	position: absolute;
	visibility: collapse;
	left: -3000px;
	top: -3000px;
	min-width: 320px;
	background-color: #FFF;
	overflow: hidden;
	border:1px solid #999;
}

.box_modal .modal_title {
	display: flex;
	align-items: center;
	width: 100%;
	height: 32px;
	padding: 0 10px;
	font-size: 1.4rem;
	color: #FFF;
	background-color: var(--base-color);
	cursor: grab;
}
.box_modal .modal_title:active { cursor: grabbing; }

.box_modal .modal_title .title_txt {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: left;
	vertical-align: middle;
}

.box_modal .modal_title .modal_close {
	margin-left: auto;
	padding-left: 0 0 2px 10px;
	cursor: pointer;
}

.box_modal .modal_con_stat {
	padding: 10px;
	overflow: auto;
	height: 458px;
}

.box_modal #modal_confirm_msg { line-height: 160%; }

#modal_post {
	width: 640px !important;
	border-radius: 8px;
	margin: 50px 5px;
	padding: 15px 20px;
}

#modal_post #modal_post_msg {
	margin: 10px 5px 10px 5px;
}

#modal_post #modal_post_txt {
	max-height: 320px;
	overflow: auto;
	scrollbar-width: auto;
	scrollbar-color: #AAA #DDD;
	border-top: 1px solid #CCC;
	white-space: nowrap;
}

#modal_post #modal_post_txt .post_item {
	padding: 5px;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}
#modal_post #modal_post_txt .post_item:hover { background-color: #DDFFDD; }

/* ----------------------------------------------------- */
/* 0px ～ 621px(640-19)
/* ----------------------------------------------------- */
@media screen and (max-width: 621px) {
	#modal_post {
		width: 92% !important;
		margin: 0;
	}
}