﻿/*--------------------------------------------------------------------
メイン
--------------------------------------------------------------------*/

#mainContainer {
	margin-top: 40px;
}

#mainContainer .inner {
}

/*--------------------------------------------------------------------
製品情報
--------------------------------------------------------------------*/

.productIntroArea {
	width: 478px;
	float: left;
	margin-bottom: 20px;
    padding: 20px;
}

.productIntroArea h3 {
	font-size: 24px;
	border-bottom: 1px solid #333333;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.productIntroArea p {
	font-size: 16px;
}

.productIntroArea p.proNumber {
	font-size: 20px;
	margin-bottom: 1em;
	line-height: 1.3;
}

/*--------------------------------------------------------------------
画像　
--------------------------------------------------------------------*/

.productRightArea {
	width: 390px;
	float: right;
	margin-bottom: 20px;
	margin-left: 12px;
	/*padding-right:4px;*/
}

.productPhotoArea .bx-wrapper {
	margin-bottom: 20px !important;
}

#slider div {
	text-align: center;
}

.bx-wrapper img {
	margin: 0 auto;
}

.bx-wrapper .bx-viewport {
    background: #fff none repeat scroll 0 0;
    border: none;
    box-shadow: none;
    left: 0;
}

.productPhotoArea .thumbs {
	margin: 0 -8px 0 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
}

.productPhotoArea .thumbs a {
	width: 70px;
	margin: 0 4px 8px 0;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.productPhotoArea .thumbs a span {
	word-wrap: break-word;
	text-align: left;
	display: block;
	line-height: 1.2;
	margin-top: 3px;
}

.productPhotoArea .thumbs a:hover {
	text-decoration: none;
}

.productPhotoArea .thumbs a img {
	max-width: 70px;
	max-height: 60px;
	/*border: 1px solid #2D3C50;*/
	border: 1px solid #ccc;
}

/*--------------------------------------------------------------------
説明
--------------------------------------------------------------------*/

.productDescriptionArea {
	padding: 8px;
}

.productDescriptionArea p,
.productDescriptionArea ul {
	font-size: 14px;
	line-height: 1.7;
}

.productDescriptionArea ul li {
	list-style: disc outside;
	margin-left: 1em;
}

.productExtra {
	padding-top: 35px;
}

.productExtra p,
.productExtra ul {
	font-size: 14px;
	line-height: 1.7;
}

.productExtra ul li {
	list-style: disc outside;
	margin-left: 1em;
}


/*--------------------------------------------------------------------
カタログ
--------------------------------------------------------------------*/

.productCatalogArea ul {
	margin: 0 0 15px;
	padding: 0 10px 15px;
}

.productCatalogArea ul li {
	width: 75px;
	float: left;
	margin: 15px 0 0 0;
}

.productCatalogArea ul.wireless li {
	width: auto;
	float: left;
	margin: 5px 5px 0 0;
}

.productCatalogArea ul li a {
	color: #00489a;
	font-size: 14px;
	text-decoration: none;
}

.productCatalogArea ul li a:hover {
	color: #999;
}

.productCatalogArea ul li a span {
	color:#333;
}

.productCatalogArea ul li span,
.productCatalogArea ul li span small {
	display:block;
	text-align:center;
}

.productCatalogArea ul li span small {
	font-family: 'NotoSansCJKjp-Thin';
	color:#666;
	letter-spacing:-0.03em;
	margin-top:-2px;
}

.productCatalogArea ul li a:hover {
	text-decoration:none;
	opacity: 0.65;
}

.productCatalogArea ul li a:hover span {
	color:#333;
}

.productCatalogArea div {
	float: left;
	display: table;
	margin: 0 10px 10px 0;
}

ul.element,
ul.wireless {
	border-bottom: 1px solid #ddd;
}



/*--------------------------------------------------------------------
スペック
--------------------------------------------------------------------*/

.productSpec {
	clear: both;
	padding-top: 35px;
}

.productSpec table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin-top: 20px;
}

.productSpec th,
.productSpec td {
	padding: .6em;
    background: #fff;
    border-collapse: collapse;
    text-align: left;
    /*line-height: 1.4px;*/
    vertical-align: middle !important;
    font-size: 12px;
    border: 1px solid #b2b2b2;
}
/*#mainContainer > div > div.productSpec > table > tbody > tr:nth-child(1) > td:nth-child(1){background-color: #6db6da !important;}
#mainContainer > div > div.productSpec > table > tbody > tr:nth-child(1) > td:nth-child(2) {background-color: #6db6da !important;}
#mainContainer > div > div.productSpec > table > tbody > tr:nth-child(1) > td:nth-child(3){background-color: #6db6da !important;}*/
.productSpec table th {
	background: #f7f8f8;
	text-align: left;
}

.productSpec table.type4 th {
	width: 19%;
}

.productSpec table.type4 td {
	width: 27%;
}

.tablepress tfoot th,
.tablepress thead th {
	background-color: #6db6da !important;
}

.productSpec h2 {
	font-size: 14px;
}

.sub_table {
	table-layout: fixed;
}

.sub_table thead th,
.sub_table tbody td,
.technicaldata_1 tbody td,
.technicaldata_2 tbody td,
.technicaldata_3 tbody td,
.technicaldata_4 tbody td {
	padding: 5px;
	text-align: center;
	vertical-align: middle !important;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.4;
	border: 1px solid #ccc;
}

.sub_table thead th {
	background: #f7f7f7 !important;
}

.technicaldata_1 tbody td.column-1,
.technicaldata_2 tbody td.column-1,
.technicaldata_2 tbody td.column-2,
.technicaldata_3 tbody td.column-1,
.technicaldata_3 tbody td.column-2,
.technicaldata_3 tbody td.column-3,
.technicaldata_4 tbody td.column-1,
.technicaldata_4 tbody td.column-2,
.technicaldata_4 tbody td.column-3,
.technicaldata_4 tbody td.column-4 {
	text-align: left;
}

/*--------------------------------------------------------------------
資料請求
--------------------------------------------------------------------*/

.productContact {
	margin-top: 35px;
}

.productContact h4 {
	margin-bottom: 20px;
}

.productContact h4 span {
	background: #666666;
	padding: 10px;
	font-size: 16px;
	display: inline-block;
	color: #fff;
}

.productContact h5 {
	background: #efefef;
	padding: 5px 10px;
	margin: 20px 0 10px;
	font-size: 14px;
}

.productContact h5 span {
	display: inline-block;
	background: #989898;
	padding: 2px 3px;
	color: #fff;
	margin-left: 5px;
	font-weight: normal;
	font-size: 12px;
}

.productContact input[type="checkbox"] {
	margin-right: 5px;
	vertical-align: middle;
}

.productContact label {
	margin-right: 20px;
}

.inp01 {
	width: 98%;
	margin: 0 auto;
	display: block;
}

/*--------------------------------------------------------------------
おすすめ
--------------------------------------------------------------------*/

.productRecommend {
	margin: 33px 0 110px;
}

.productRecommend .wp_rp_wrap h3.related_post_title {
	margin-bottom: 40px !important;
	font-size:130%;
	font-weight:normal;
	background: #fff url("img/line03.gif") repeat-x left bottom !important;
	padding: 0 0 2px !important;
	border: none !important;
	background:#6db6da !important;
	color: #fff;
}

.productRecommend ul.related_post.wp_rp li {
	display: inline-block;
	width: 25%;
	border: none !important;
}

ul.related_post li a.wp_rp_thumbnail {
	display: inline-block;
	width: 75px;
	margin: 0 !important;
	float: none !important;
}

.productRecommend .wp_rp_thumbnail img {
	width: 73px;
	height: 73px;
	border: 1px solid #ddd;
}

.productRecommend .wp_rp_title {
	display: inline-block;
	width: 140px;
	vertical-align: top;
	padding-left: 5px;
}




@media screen and (max-width: 479px) {
#mainContainer {
	margin-top: 0;
}
.productIntroArea {
	width: 100%;
	float: none;
	line-height: 1.4;
}
.productRightArea {
	width: 100%;
	float: none;
	margin-left: 0;
}
.productPhotoArea .thumbs a {
	width: 53px;
	margin-right: 2px;
}
.productPhotoArea .thumbs a img {
	max-width: 53px;
}
.bx-wrapper img {
	width: 100%;
	max-width: 460px;
	min-width: 320px;
}
.productCatalogArea ul {
	padding: 0 0 15px;
}
.productCatalogArea ul li {
	width: 67px;
}
.productCatalogArea ul li a {
	font-size: 13px;
}
.productCatalogArea ul li a img {
	width: 67px;
	height: auto;
}
.productCatalogArea div {
	margin: 0 2px 2px;
}
/*.productCatalogArea:after {
content: "\aより詳しい製品情報をご覧になりたい方は\aPC版デルタオーム社公式サイトをご覧下さい。";
white-space: pre;
line-height: 1.6;
text-align: center;
display:block;
padding-top: 20px;
}*/
.productDescriptionArea {
	width: 100%;
}
.productDescriptionArea img {
	width: 100%;
	height: auto;
}
.productSpec,
.productRecommend {
	display: none;
}
}