/* CSS Document */

@media screen and (max-width:768px) {
	#pagetop h1 img {
		width:100%;
		max-width:364px;
	}
}
.comingsoon{
    /*color:#A8A8A8;*/
    opacity:0.4;
}
/*------------------------------------
	products top
------------------------------------*/

#products_lineup {
	padding:30px 0;
}

#products_lineup > ul {
	margin-bottom:30px;
}

#products_lineup > ul > li {
	background-color: #fff;
	box-sizing: border-box;
	float: left;
	margin-left: 30px;
	padding: 30px 30px 30px;
	width: 455px;
	position: relative;
}

#products_lineup > ul > li:nth-child(2n + 1) {
	margin-left: 0;
}

#products_lineup > ul > li:nth-child(n + 3) {
	margin-top: 30px;
}

#products_lineup > ul > li figure img {
	vertical-align: top;
	width: 100%;
}

#products_lineup > ul > li h2 {
	font-size: 24px;
	margin-top: 30px;
}

#products_lineup > ul > li p {
	font-size: 15px;
	line-height: 1.6;
	margin-top: 24px;
}

#products_lineup > ul > li ul.icon {
	margin-top: 25px;
	margin-bottom: 60px;
	overflow: hidden;
	text-align: center;
	letter-spacing: -1em;
}

#products_lineup > ul > li ul.icon li {
	display: inline-block;
	letter-spacing: 0;
}

#products_lineup > ul > li ul.icon li:nth-child(even) {
	margin-left: 15px;
}

#products_lineup > ul > li ul.icon li:nth-child(n+3) {
	margin-top: 15px;
}

#products_lineup > ul > li ul.icon li img {
	vertical-align: top;
}

#products_lineup > ul > li ul.link {
	padding: 0 8px;
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: 379px;	
}

#products_lineup > ul > li ul.link li + li {
	margin-top: 15px;
}

#products_lineup > ul > li ul.icon + ul.link {
	margin-top: 30px;
}

#products_lineup .buttonRectArrow {
	width: 100%;
	box-sizing: border-box;
}

@media screen and (max-width:768px) {
	#products_lineup {
	}

	#products_lineup > ul > li {
		float: none;
		margin: 0;
		width: auto;
		padding-bottom: 30px;
	}

	#products_lineup > ul > li:nth-child(n + 3) {
		margin-top: 20px;
	}

	#products_lineup > ul > li + li {
		margin-top: 20px;
	}

	#products_lineup > ul > li ul.icon li {
		width: calc(50% - 10px);
	}

	#products_lineup > ul > li ul.icon li:nth-child(even) {
		margin-left: 20px;
	}

	#products_lineup > ul > li ul.icon li img {
		width: 100%;
	}

	#products_lineup > ul > li ul.link {
		width: auto;
		position: relative;
		left: auto;
		bottom: auto;
		margin-top: 30px;
	}
}
/*------------------------------------
	Coloring sample
------------------------------------*/

#products_lineup2 {
	padding:30px 0;
}

#products_lineup2 > ul {
	margin-bottom:30px;
}

#products_lineup2 > ul > li {
	background-color: #fff;
	box-sizing: border-box;
	float: left;
	margin-left: 30px;
	padding: 30px 30px 30px;
	width: 455px;
	position: relative;
}

#products_lineup2 > ul > li:nth-child(2n + 1) {
	margin-left: 0;
}

#products_lineup2 > ul > li:nth-child(n + 3) {
	margin-top: 30px;
}

#products_lineup2 > ul > li figure img {
	vertical-align: top;
	width: 100%;
}

#products_lineup2 > ul > li h2 {
	font-size: 18px;
	margin-top: 30px;
}

#products_lineup2 > ul > li p {
	font-size: 15px;
	line-height: 1.6;
	margin-top: 24px;
}

#products_lineup2 > ul > li ul.icon {
	margin-top: 25px;
	margin-bottom: 60px;
	overflow: hidden;
	text-align: center;
	letter-spacing: -1em;
}

#products_lineup2 > ul > li ul.icon li {
	display: inline-block;
	letter-spacing: 0;
}

#products_lineup2 > ul > li ul.icon li:nth-child(even) {
	margin-left: 15px;
}

#products_lineup2 > ul > li ul.icon li:nth-child(n+3) {
	margin-top: 15px;
}

#products_lineup2 > ul > li ul.icon li img {
	vertical-align: top;
}

#products_lineup2 > ul > li ul.link {
	padding: 0 8px;
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: 379px;	
}

#products_lineup2 > ul > li ul.link li + li {
	margin-top: 15px;
}

#products_lineup2 > ul > li ul.icon + ul.link {
	margin-top: 30px;
}

#products_lineup2 .buttonRectArrow {
	width: 100%;
	box-sizing: border-box;
}

@media screen and (max-width:768px) {
	#products_lineup2 {
	}

	#products_lineup2 > ul > li {
		float: none;
		margin: 0;
		width: auto;
		padding-bottom: 30px;
	}

	#products_lineup2 > ul > li:nth-child(n + 3) {
		margin-top: 20px;
	}

	#products_lineup2 > ul > li + li {
		margin-top: 20px;
	}

	#products_lineup2 > ul > li ul.icon li {
		width: calc(50% - 10px);
	}

	#products_lineup2 > ul > li ul.icon li:nth-child(even) {
		margin-left: 20px;
	}

	#products_lineup2 > ul > li ul.icon li img {
		width: 100%;
	}

	#products_lineup2 > ul > li ul.link {
		width: auto;
		position: relative;
		left: auto;
		bottom: auto;
		margin-top: 30px;
	}
}

/*------------------------------------
	陬ｽ蜩∫ｴｹ莉九€€莉墓ｧ・
------------------------------------*/

#product_main {
	position:relative;
	margin-bottom:15px;
}

.product_photo {
	text-align:left;
}

.product_mark {
	position:absolute;
	left:0px;
	top:0px;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #FF0000;
}
.product_mark .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FF0000;;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.product_mark p {
    margin: 0; 
    padding: 0;
}

.product_time {
	position: absolute;
	left: 0px;
	top: 180px;
}

.product_notice {
	position:absolute;
	left:0px;
	bottom:0px;
}

.product_feature {
	padding-bottom:40px;
}

.product_feature table {
	width:100%;
	border-top:1px solid #9b9b9a;
}

.product_feature table th {
	width:20%;
}

.product_feature table td {
	padding-left:10px;
}

.product_feature table th div {
	padding:10px;
	border-bottom:1px solid #9b9b9a;
	text-align:center;

}

.product_feature table td div {
	padding:10px;
	border-bottom:1px solid #9b9b9a;
}


#other_products {
	padding:40px 0 30px 0;
	background:#ebebeb;
}

#other_products_inner {
	width:968px;
	margin:0 auto;
}

#other_products_inner li {
	float: left;
	width: 130px;
	margin-right: 8px;
}

#other_products_inner li a {
	display:block;
	text-align:center;
	font-size:80%;
}

/*------------------------------------
	陬ｽ蜩∫ｴｹ莉九€€菴ｿ逕ｨ萓・
------------------------------------*/

.product_ex_box {
	padding:30px 0;
	background:#fff;
}

.product_ex_box_sepr {
	border-bottom:1px solid #9a9a9b;
}

.product_ex_title {
	float: left;
	width: 230px;
}

.product_ex_title h3 {
	margin-top:120px;
	text-align:center;
}

.product_ex_data {
	float: right;
	width: 707px;
}

.product_ex_box table {
	width:100%;
	border-collapse:separate;
	border-spacing:5px;
}

.product_ex_box table th {
	width:20%;
	padding:10px;
	border-bottom:1px solid #9b9b9a;
	text-align:center;
}

.product_ex_box table td {
	padding:10px;
	border-bottom:1px solid #9b9b9a;
}

/*------------------------------------
	陬ｽ蜩∫ｴｹ莉九€€謚€陦薙ョ繝ｼ繧ｿ
------------------------------------*/

.product_data_box {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #9b9b9a;
}

.product_data_box_lastChild {
	margin-bottom:50px;
}

.product_data_box table,
.product_data_box_lastChild table {
	width:100%;
}

.product_data_box table th,
.product_data_box_lastChild table th {
	width:15%;
	padding:6px;
}

.product_data_box table td.data_name,
.product_data_box_lastChild table td.data_name {
	width:55%;
	padding:6px;
}

.product_data_box table td.data_date,
.product_data_box_lastChild table td.data_date {
	width:30%;
}