@charset "UTF-8";

/* --------------------------------------------------------
	common within page
-------------------------------------------------------- */
h2 {
    font-size: 190%;
    text-align: center;
    font-weight: 500;
    color: #333;
}
h2::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    border-bottom: 2px solid #808080;
    margin: 0.25em auto 1em;
}

/* --------------------------------------------------------
	search
-------------------------------------------------------- */
.sec_search {
	margin-top: 64px;
}
.sec_search ul{
	display: flex;
	justify-content: center;
}
.sec_search ul li{
	margin: 0;
	padding: 0 1em;
	border-right: 1px solid #ccc;
}
.sec_search ul li:last-child{
	border-right: none;
}

/* --------------------------------------------------------
	table
-------------------------------------------------------- */
.sec-com-his div {
	max-width: 960px;
	margin: auto;
	position: relative;
}

.sec-com-his div ul {
	border-top: 1px solid #ccc;
	padding: 0.5em 0;
	display: flex;
	justify-content: flex-start;
}

.sec-com-his div ul li:nth-child(1) {
	color: #3ca062;
	font-weight: 600;
	padding-right: 1em;
}

.sec-com-his div ul li:nth-child(2) {
	color: #727171;
	padding-right: 1em;
}

.sec-com-his div ul:last-child {
	border-bottom: 1px solid #ccc;
}

.m-shirushi::before {
	content: url(/common/img/compinfo_M_shirushi.png);
	vertical-align: middle;
}


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

	.product-title{
		height: 78px;
	}
	h1 {
		font-size: 1.5em;
		position: relative;
	}	
	.sec-com-his div ul {
		display: block;
	}
	.sec-com-his div ul li:nth-child(1) {
		float: left;
	}
    .sec-com-his div ul li:nth-child(1),
    .sec-com-his div ul li:nth-child(2) {
        padding-bottom: 0.5em;
    }
}