@charset "utf-8";

.m0a img{
	margin: 0 auto;
}

strong.custom-blue {
	padding: 10px 20px;
}

strong.custom-blue:not(.bg-gray) { background-color: #daecff; }

span[class^='c-0'] {
	display: block;
	width: 100%;
	padding-top: 36%;
}

span.c-01 { background-color: #004099; }
span.c-02 { background-color: #ca4321; }
span.c-03 { background-color: #fff; border: solid 1px #999; }
span.c-04 { background-color: #234422; }
span.c-05 { background-color: #a07728; }



.color150 span.c-01 { background-color: #004386; }
.color150 span.c-02 { background-color: #072061; }
.color150 span.c-03 { background-color: #cc687a; }
.color150 span.c-04 { background-color: #004435; }
.color150 span.c-05 { background-color: #ffffff; }

.color_border{
	border: 1px solid rgb(51, 51, 51);
}
.thumbnail-anchor{
	margin-top: -20px!important;
}
.sub-menu{
	font-size: 15px;
	display: flex;
	justify-content: center;
}
/* ------------------------------
 *  Media Query Property
 * ------------------------------ */

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 992px) {
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {

	span[class^='c-0'] {
		padding-top: 70%;
	}
	.thumbnail-anchor .thumbnail-label {
    padding: 7px 7px!important;
	}
	.thumbnail-label strong{
		font-size: 14px!important;
		margin-left: -3px!important;
	}


}

@media only screen and (max-width: 414px) {

.thumbnail-label strong{
	font-size: 9px!important;
}

@media print {
}