@charset "utf-8";
/* CSS Document */

/* ウィッグコラム */
#free_area {margin-top: 5%!important;}
div.page_title h1 {border: none!important;}
.ttl_no span {background-color: #c6b78e; color: #fff; padding: 1%; font-weight: bold;}
.page_box h2  {border: none!important; background-color: #f8efe6!important; border-radius: 0!important;}
#free_area h2 {text-align: left!important;}
.common_btn a {text-decoration: none!important;}
.Pic_tx_fl {margin: 11% 0%; border: 1px solid #ccc; padding: 3% 2%;}
.Pic_tx_fl dl dt {float: left; width: 24%; padding-right: 1%;}
.Pic_tx_fl dl dt figure {text-align: center;}
.Pic_tx_fl dl dt img {vertical-align: text-top;}
.Pic_tx_fl dl dd {float: right; width: 74%; line-height: 2em; text-align: left;}
#WigCol_sublist {margin-bottom: 8%;}
#free_area p {margin-bottom: 2em;}
.contents_box h3 {border: none!important; border-radius: 0!important; border-left: 8px solid #faaeae!important; text-align: left!important;}
#free_area .section_title h4 {border-color: #fde4df!important; background-color: #fde4df!important; text-align: left!important;} 
.listmk {text-align: left; padding-left: 1em;}
.listmk_dia {color: #faaeae;}

.column_TableArea {margin-bottom: 10%; margin-top: 5%;}
.column_TableArea table {width: 100%; margin-bottom: 10px;}
.column_TableArea table th {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	width: 16%;
	border: 1px solid #cdcdcd;
	background-color: #fde4df;
	color: #333333;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}
.column_TableArea table td {
	text-align: left;
	padding: 10px;
	border: 1px solid #cdcdcd;
	font-weight: normal;
}

/*================================================
 *  PC向けデザイン
 ================================================*/
@media print, screen and (min-width:1121px) {
	div.page_title h1 { font-size: 26px!important;}
	#free_area p {font-size: 16px!important;}
	.ttl_no span {font-size: 14px;}
	.common_btn a {max-width: 500px!important;}
	.Pic_tx_fl dl dd {font-size: 14px;}
	.listmk li {font-size: 16px;}
	.column_TableArea table {font-size: 15px;}
}
/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (min-width:768px) and ( max-width:1120px) {
	div.page_title h1 { font-size: 22px!important;}
	#free_area p {font-size: 14px!important;}
	.ttl_no span {font-size: 12px;}
	.Pic_tx_fl {width: 92%; margin: 10% auto;}
	.Pic_tx_fl dl dd {font-size: 12px;}
	#free_area .section_title h4 {padding: 0.5em!important;}
	.listmk li {font-size: 14px;}
	.column_TableArea table {font-size: 15px;}
}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	div.page_title h1 { font-size: 16px!important;}
	#free_area p {font-size: 14px!important;}
	.ttl_no span {font-size: 10px;}
	.Pic_tx_fl {width: 92%; margin: 10% auto;}
	.Pic_tx_fl dl dd {font-size: 11px;}
	#free_area .section_title h4 {padding: 0.5em!important;}
	.listmk li {font-size: 14px;}
	.column_TableArea {margin-bottom: 12%;}
	.column_TableArea table td {font-size: 11px;}
	br.Mb_none {display: none!important;}
	.Mb_fts {font-size: 14px!important;}
}

/*================================================
 *  汎用
 ================================================*/