@charset "utf-8";
/**
 * iroha Board Project
 *
 * @author        Kotaro Miura
 * @copyright     2015-2016 iroha Soft, Inc. (http://irohasoft.jp)
 * @link          http://irohaboard.irohasoft.jp
 * @license       http://www.gnu.org/licenses/gpl-3.0.en.html GPL License
 */


html, body
{
	margin				: 0px;
	padding				: 0px;
	height				: 100%;
	background-color	: #EDEFF1;
}

#contentFrame
{
	min-height			: 600px;
	border				: 1px;
}
table, td, tr
{
	margin:0px;
	padding:0px;
}

.buttons-container-title
{
	font-size			: 18px;
	font-weight			: bold;
}

.buttons-container-spn
{
	display				: none;
}

.select-message
{
	padding-bottom		: 10px;
}

.content-table
{
	width				: 100%;
	height				: 99%;
}

.top-row
{
	height				: 30px;
}

.content-movie
{
	vertical-align		: middle;
}

.content-text,
.content-html
{
	vertical-align		: top;
}

.bottom-row
{
	height				: 60px;
}

.bottom-row td
{
	text-align			: center;
}
.bottom-row button {
	font-size: 18px;
}
#youtubeWrapper {
	position: relative;
	width: 100%;
}
#youtubeWrapper:before {
	content: "";
	display: block;
	padding-top: 56.25%;
}
#youtube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#youtubeTitlebarOverlay {
	width: 100%;
	height: 70px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	background: transparent;
}

#youtubeLogoOverlay {
	width: 100%;
	height: 70px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	background: transparent;
}
.content-youtube {
	vertical-align: top;
	padding: 0 5px;
	position: relative;
}
@media only screen and (max-width:800px)
{
	button
	{
		margin			: 5px;
	}
	
	.select-message
	{
		padding			: 0px;
	}
	
	.buttons-container-pc
	{
		display			: none;
	}
	.buttons-container-spn
	{
		display			: block;
	}
	
	img,
	iframe
	{
		max-width		: 100%;
	}
}