/*
 * n01_chat.css
 *
 * Copyright (C) 1996-2016 by Ohno Tomoaki. All rights reserved.
 */

#chat_button {
	width: 60%;
	margin: 10px 0 0 0;
}

#chat_window {
	z-index: 30;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	margin-top: env(safe-area-inset-top);
}

#chat_contents {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

#return_area {
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
}

#chat_return_button {
	width: 99%;
	-webkit-appearance: none;
	padding: 10px;
	
	border: 0px solid #2a2b2e;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	background-color: #0084ff;
	color: #fff;
	outline:none;
}

#chat_return_button:hover, #chat_return_button:focus {
	background-color: #0069f1;
}

#chat_return_button:active {
	background-color: #00377d;
}

#chat_area {
	z-index: 3;
	color: #fff;
	font-size: 20px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.chat_msg {
	width: 100%;
	word-break: break-word;
}

.chat_msg_name {
	color: #a8d5ff;
	font-weight: bold;
}

.chat_msg_content a:link {
	color: #fff;
}
.chat_msg_content a:visited {
	color: #eee;
}
.chat_msg_content a:hover {
	color: #fff;
}
.chat_msg_content a:active {
	color: #00f;
}

.chat_date {
	width: 100%;
	word-break: break-word;
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin: 25px 0 10px 0;
}

.chat_date_area {
	display: inline-block;
	position: absolute;
	top: -17px;
	width: 100%;
	text-align: center;
}

.chat_date_msg {
	font-size: 20px;
}

#input_area {
	text-align: center;
	padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
}

.c_input_table {
	width: 100%;
}

.c_input_td {
	vertical-align: middle;
	width: 100%;
}

.c_button_td {
	vertical-align: middle;
	text-align: left;
}

#c_send_button {
	width: 99%;
	-webkit-appearance: none;
	padding: 10px;
	
	border: 0px solid #2a2b2e;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	background-color: #fff;
	color: #000;
	outline:none;
}

#c_send_button:hover, #c_send_button:focus {
	background-color: #e0e0e0;
}

#c_send_button:active {
	background-color: #a0a0a0;
}

#chat_msg_input {
	width: 90%;
	background-color: #fff;
	color: #000;
}

.chat_tw, .chat_fb, .chat_g {
	height: 10px;
	vertical-align: top;
}

.chat_count {
	display: inline-block;
	position: absolute;
	background-color: #ff0000;
	color: #fff;
	width: max-content;
	font-weight: bold;
	cursor: default;
}

.cflag {
	vertical-align: middle;
}