@charset "UTF-8";

/*-------------------------------------------------------
 * main block
 *-------------------------------------------------------*/
div.main_block{
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: none;
	text-align: center;
}

/*-------------------------------------------------------
 * main table
 *-------------------------------------------------------*/
table.main{
	border: 2px #888 solid;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}
table.main th,
table.main td {
	line-height: 1.1;
	padding: 0.2rem;
	border: 1px #888 solid;
	text-align:center;
	vertical-align:middle;
}
table.main th{
	background-color: #eee;
}
table.main td{
}
@media (min-width: 768px) {
	table.main{
		margin: 1rem;
		width: 736px;
	}
	table.main th,
	table.main td {
		padding: 1rem;
	}
} /* media */
@media (min-width: 800px) {
	table.main{
		width: 785px;
	}
} /* media */
@media (max-width: 767px) {
	table.main{
		width: 100%;
		margin: 1rem 0;
	}
	table.main th,
	table.main td{
		padding: 0.3rem;
	}
} /* media */

/*-------------------------------------------------------
 * blog table
 *-------------------------------------------------------*/
table.main_blog{
	border: 2px #888 solid;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	width: 100%;
}
table.main_blog th{
	border: 1px #888 solid;
	background-color: #eee;
	text-align:center;
}
table.main_blog td{
	padding: 0.2rem;
	text-align:left;
}
@media (min-width: 768px) {
	table.main_blog{
		margin: 1rem;
	}
	table.main_blog th{
		padding: 0.5rem;
	}
} /* media */
@media (min-width: 1210px) {
	table.main_blog{
		width: 360px;
		margin-left: 0 !important;
	}
} /* media */
@media (max-width: 767px) {
	table.main_blog{
		margin: 1rem 0;
	}
	table.main_blog th{
		padding: 0.3rem;
	}
} /* media */

/*-------------------------------------------------------
 * information
 *-------------------------------------------------------*/
div.inform{
	border: 2px #ff1493 solid;
	border-radius: 4px;
	padding: 0.5rem;
	font-size: 1.2rem;
}
@media (min-width: 768px) {
	div.inform{
		margin: 1rem 1rem 1rem 1rem;
	}
} /* media */
@media (max-width: 767px) {
	div.inform{
		margin: 1rem 0;
	}
} /* media */
div.inform table th,
div.inform table td{
	font-size: 1.2rem;
}
div.inform table td{
	padding-left:1rem;
}