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



.sec-contents-area {
	display: flex;
	padding: 0 15px;
}

.sec-contents-area .sec-con-desc {
	padding: 10px 15px;
	width:60%;
}

.sec-contents-area .sec-con-img {
	width:40%;
	text-align: center;
}


.tbl2MOBILE{
	display: none;
}

.tvcTbl1,
.tvcTbl2{
	width: 90%;
	border-collapse: collapse;
	border-left: 1px solid #6fbc1e;
	box-sizing: border-box;
	margin: 0px auto;
}

.tvcTbl2 thead{
	border-top: 1px solid #6FBC1B;
}

.tvcTbl1 thead th,
.tvcTbl2 thead th{
	background-color: #6FBC1B;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.tvcTbl1 thead td,
.tvcTbl2 thead td{
	border-right: 1px solid #6FBC1B;
	border-bottom: 1px solid #6FBC1B;
}

.tvcTbl2 thead th,
.tvcTbl2 thead td{
	vertical-align: top;
	padding: 0.3em;
	padding-left: 0.5em;
}

.tvcTbl1 thead th{
	border-right: 1px solid #ffffff;
	padding: 0.3em;
	padding-left: 0.5em;
}

.tvcTbl1 tbody td{
	text-align: left;
	border-bottom: 1px solid #6FBC1B;
	border-right: 1px solid #6FBC1B;
	padding: 0.3em;
	padding-left: 0.5em;
	color: #6FBC1B;
	vertical-align: middle;
}

.tvcTbl1 tbody th,
.tvcTbl1 tbody td{
	text-align: left;
	border-bottom: 1px solid #6FBC1B;
	border-right: 1px solid #6FBC1B;
	padding: 0.3em;
	padding-left: 0.5em;
	color: #6FBC1B;
	vertical-align: middle;
}

.tvcTbl1 tbody th{
	background-color: #ECF0F3;
    font-weight: bold;
}

.tvcTbl1 tbody td{
	color: #333;
}

.tvcTbl1 .apper{
	display: none;
}


#priceTbl .spCell{
	display: none;
}

.spHead > table{
	display: none;
}


/*example.htmlのテーブルのレイアウト*/
.exampleTbl{
	position: relative;
}

.exampleTbl span,
.exampleTbl article,
.exampleTbl img{
	position: absolute;
	right: 0;
	left: 0;
	top: 10%;
	margin: auto;
}

.exampleTbl span{
	font-size: 1.2em;
}

.exampleTbl article{
	top: 20%;
	width: 80%;
}

.exampleTbl img{
	top: 50%;
	width: 80%;
}

.subTitle{
	font-size: 1.2em;
    line-height: 2em;
	font-weight: bold;
	color: #6FBC1B;
	border-bottom: 2px;
	width: 100%;
	margin-bottom: 20px;
}

.subTitle > span{
	border-bottom: 4px solid;
}

@media screen and (max-width: 800px) {
	.tbl2PC{
		display: none;
	}
	
	.tbl2MOBILE{
		display: table;
	}
	
	.mobileTitle{
		background-color: #6FBC1B !important; 
		color: #ffffff !important;
		text-align: center !important;
		border-bottom: 1px solid #fff !important;
	}
	
	
}

@media screen and (max-width: 400px) {
	.sec-contents-area {
		display: block;
		width:100%;
        padding: 0 15px;
    }

    .sec-contents-area .sec-con-desc {
        padding: 10px 15px;
        width:100%;
    }

    .sec-contents-area .sec-con-img {
        width:100%;
        text-align: center;
    }
	
	.tbl2MOBILE{
		display: table;
	}
	
	#priceTbl .spCell{
		display: table-row-group;
	}
	
	.empty{
		display: none;
	}
	
	.spHead {
		padding: 1% 0 0 0!important;
	}
	
	.spHead table{
		display: table;
		width: 100%;
	}
	
	.spHead > table td{
		text-align: center;
		font-weight: normal;
		padding: 0 !important;
		font-size: 0.5em;
		color: #fff !important;
	}
	
}