@charset "utf-8";
/*====================================================
/ec/assetsから流用
====================================================*/


img {
	height:auto;
}
ul,li {
	margin:0;
	padding:0;
}
li {
	text-align:center;
	list-style-type:none;
}
#item_page {
	width:750px;
	margin:0 auto;
	font-size:14px;
}
#item_page h3 {
    padding: 11px 0 9px 30px;
    color: #fff;
    margin: 30px 0 0 0;
    background-repeat: no-repeat;
    font-size: 120%;
}
#item_page .spec_cont h3 {
  position: relative;
    height: 50px;
    background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit1.jpg);
    text-indent: -9999px;
	    background-position: center center;
}

#item_page .feature_cont h3 {
  position: relative;
    height: 50px;
    background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit2.jpg);
    text-indent: -9999px;
}

#item_page .detail_cont h3 {
  position: relative;
    height: 50px;
    background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit3.jpg);
    text-indent: -9999px;
}

#item_page .color_cont h3 {
  position: relative;
    height: 50px;
    background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit4.jpg);
    text-indent: -9999px;
}

#item_page .series_cont h3 {
  position: relative;
    height: 50px;
    background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit5.jpg);
    text-indent: -9999px;
}
#item_page .size_cont h3 {
  position: relative;
    height: 50px;
    background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit6.jpg);
    text-indent: -9999px;
}
#item_page .feature_num {
    font-size: 35px;
    float: left;
    width: 20%;
    height: 60px;
    background-color: #000;
    text-align: right;
    color: #fff;
    margin-top: 1%;
    padding: 3% 2% 2%;
}
#item_page .feature_num:before {
    content: "____"
}
#item_page .feature_text {
    padding: 10px 10px 15px 0;
    clear: both;
    margin: 1% 0 2% 0;
    background-color: #efefef;
}
#item_page .feature_text .discription {
    width: 70%;
    margin-left: 25%;
    font-size: 120%;
    margin-bottom: 0%;
	min-height: 4em;
}
#item_page .feature_text .discription h5 {
    font-size: 120%;
    margin: 0;
    padding-top: 0.65em;
    font-weight: bold;
	line-height:1.3em;
	text-align: left;
}







.spec_cont ul {
	padding: 0.2%;
	margin:0;
	background-color:#eee;
}
.spec_cont ul li{
width: 19.6%;
    /* vertical-align: middle; */
    float: left;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4em;
    list-style-type: none;
    text-align: center;
    margin: 0.2%;
    padding: 1.5% 0%;
    background-color: #fff;
    font-size: 80%;
}
.spec_cont ul li.on{
	font-weight:bold;
    color: #fff;
	background-color:#000;
}
.feature_cont ,.series_cont{
	/*background-image:url(gray_bg.png); */
}
/*
.feature_textarea {
    width: 65%;
    float: left;
}
*/

.feature_text {
    padding: 5% 0 0 5%;
}
.feature_text .discription {
	width: 75%;
    margin-left: 0%;
    font-size: 120%;
}
.discription h5 {
	    font-size: 150%;
    margin: 0;
    padding-top: 0.4em;
}

.feature_num {
	font-size:80px;
	float:left;
	width:25%;
}
.feature_img {
	width:33%;
	float:right;
}
#item_page .detail_cont h3 {
	margin:0 0 20px 0;
}
ul.detail_main li {
	list-style-type:none;
	width:48%;
	float:left;
}
ul.detail_sub li {
	list-style-type:none;
	width:30.3333333%;
	float:left;
	margin:1.5%;
}
ul.detail_sub li:nth-of-type(3n+1),ul.color_varietion li:nth-of-type(3n+1),ul.series_list li:nth-of-type(3n+1) {
clear: both;
}

.color_varietion li,.series_list li {
	width:31.3333%;
	margin:1%;
	float:left;
}
dl.size_table  {
	background-color: ccc;
    padding: 0.1% 0 0.2% 0;
}
.size_table dt{
	background-color:#ddd;
	text-align:center;
}
.size_table dd{
background-color:#fff;
	text-align:center;
}

dl.col5 dt {
width:17.6%;
padding:1%;
float:left;
margin:0.2%;
}
dl.col5 dt:nth-of-type(6) {
	clear:both;
}
dl.col5 dd {
width:17.6%;
padding:1%;
float:left;
margin:0.2%;
}

dl.col4 dt {
width:22.6%;
padding:1%;
float:left;
margin:0.2%;
}
dl.col4 dd {
width:22.6%;
padding:1%;
float:left;
margin:0.2%;
}

dl.col3 dt {
width:30.6%;
padding:1%;
float:left;
margin:0.2%;
}
dl.col3 dd {
width:30.6%;
padding:1%;
float:left;
margin:0.2%;
}
#item_page dl.size_table{
    padding: 0.1% 0 0.2% 0;
}
#item_page .size_table dt{
    background-color:#ddd;
    text-align:center;
}
#item_page .size_table dd{
    background-color:#fff;
    text-align:center;
}

#item_page dl.col6 dt {
    width:16.26666%;
    padding:1%;
    float:left;
    margin:0.2%;
}
#item_page dl.col6 dt:nth-of-type(7) {
    clear:both;
}
#item_page dl.col6 dd {
    width:16.26666%;
    padding:1%;
    float:left;
    margin:0.2%;
}

#item_page dl.col5 dt {
    width:19.6%;
    padding:1%;
    float:left;
    margin:0.2%;
}
#item_page dl.col5 dt:nth-of-type(6) {
    clear:both;
}
#item_page dl.col5 dd {
    width:19.6%;
    padding:1%;
    float:left;
    margin:0.2%;
}
#item_page dl.col4 dt {
    width:24.6%;
    padding:1%;
    float:left;
    margin:0.2%;
}
#item_page dl.col4 dd {
    width:24.6%;
    padding:1%;
    float:left;
    margin:0.2%;
}

#item_page dl.col3 dt {
    width:32.9%;
    padding:1%;
    float:left;
    margin:0.2%;
}
#item_page dl.col3 dd {
    width:32.9%;
    padding:1%;
    float:left;
    margin:0.2%;
}




	.size_cont .sc-x{
		overflow-x: scroll;
		width: 98vw;
	}
	

.size_cont table th {
	    background-color: #ddd;
    text-align: center;
	border: 1px solid #fff;
}
	
.size_cont .table-wrap {
  overflow-x: scroll;
}
.size_cont table {
    width: 100%;
    border-collapse: collapse;
    white-space: normal;
    text-align: left;
}
.size_cont table th,
.size_cont table td {
  padding: 0.7em 0.5em;
}
.size_cont table th {
	font-weight: 600;
}
.size_cont h4 ,.detail_cont h4,.color_cont h4{
	padding: 1em;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}
.size_cont h4::before,.size_cont h4::after ,.detail_cont h4::before,.detail_cont h4::after,.color_cont h4::before,.color_cont h4::after {
	content: "ー";
}


.spec_cont ul::after {
  content: "";
  display: block;
  clear: both;
}




















.clearfix {
	clear:both;
}













@media screen and (max-width: 640px) {
	body {
		margin:0;
	}
#item_page {
	width:98%;
}
#item_page h3 {
    padding: 11px 0 9px 30px;
	font-size:100%;
}
.spec_cont ul li:nth-of-type(3n+1) {
	clear:both;
 }
 .spec_cont ul li {
	 width:32.8%;
 }
 .feature_textarea {
	 width:100%;
	 float:none;
 }
 .feature_num {
	     font-size: 10vw;
    width: 15%;
 }
 .feature_text .discription {
    width: 80%;
    margin-left: 16%;
    font-size: 100%;
}
 .discription h5 {
    font-size: 130%;
    margin: 0;
    padding-top: 0.2em;
}
.feature_img {
    width: 100%;
}
.feature_img img{
    width: 48%;
	padding:1% 1% 5% 1%;
	float:left;
}
 ul.detail_sub li {
    width: 46%;
    float: left;
    margin: 2%;
}
	ul.detail_sub li:nth-of-type(3n+1),ul.color_varietion li:nth-of-type(3n+1),ul.series_list li:nth-of-type(3n+1) {
clear: none;
}
 ul.detail_sub li:nth-of-type(2n+1),ul.color_varietion li:nth-of-type(2n+1),ul.series_list li:nth-of-type(2n+1){
clear:both;
}
dl.col5 dt,dl.col5 dd {
	font-size:70%;
}
.color_varietion li, .series_list li {
	width:46%;
	margin:2%;
}
ul.detail_sub li:nth-of-type(3n+1) {
clear: none;
}
ul.detail_sub li:nth-of-type(2n+1) {
clear: both;
}
#item_page .spec_cont h3 {
background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit1sp.jpg);
    background-size: contain;
    height: auto;
}
#item_page .feature_cont h3 {
background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit2sp.jpg);
    background-size: contain;
    height: auto;
}
#item_page .detail_cont h3 {
background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit3sp.jpg);
    background-size: contain;
    height: auto;
}
#item_page .color_cont h3 {
background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit4sp.jpg);
    background-size: contain;
    height: auto;
}
#item_page .series_cont h3 {
background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit5sp.jpg);
    background-size: contain;
    height: auto;
}
#item_page .size_cont h3 {
background-image: url(https://daimatsunet.itembox.cloud/item/product/common/tit6sp.jpg);
    background-size: contain;
    height: auto;
}
 body#item_page .spec_cont ul li {
     width: 31.333333%;
    padding: 5% 0;
    line-height: 1.3em;
    margin: 1%;
    }
#item_page .feature_cont .feature_text .feature_num {
    font-size: 4vw;
    padding-top: 5vw;
    padding: 5% 4%;
}    
#item_page .feature_text .discription h5 {
    font-size: 110%;
    margin: 0;
    padding-top: 0.3em;
    font-weight: bold;
}    
   
	


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


 }