@charset "UTF-8";

.product_list{position:relative;padding:100px 0 50px;background-color:#ECECEC;}
.product_list .list{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;column-gap:30px;row-gap:30px;}
.product_list .list .item{position:relative;margin:0;padding:35px;padding-bottom:100px;max-width:395px;width:calc(33.33% - 20px);flex-shrink:0;background-color:#FFFFFF;box-shadow:3px 3px 10px rgba(0,0,0,0.1);text-decoration:none;box-sizing:border-box;}
.product_list .list .item:after{content:"";display:block;position:absolute;right:25px;bottom:25px;width:30px;height:30px;background-size:100%;background-repeat:no-repeat;background-position:center center;background-image:url(../img/icon_datasheet.svg);}
.product_list .list .item .box{position:relative;max-width:260px;margin:0 auto;}
.product_list .list .item .thumbnail{position:relative;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.product_list .list .item .thumbnail:before{content:"";display:block;padding-bottom:100%;}
.product_list .list .item .info{position:relative;margin-top:25px;}
.product_list .list .item .info .title{position:relative;margin:0;padding:0;font-size:24px;font-weight:500;color:#007CAA;line-height:1.4;}
.product_list .list .item .info .meta{position:relative;margin:0;margin-top:20px;padding:0;font-size:16px;font-weight:400;color:#616161;line-height:1.5;}
.product_list .list .item .info .meta ul{position:relative;margin:0;padding:0;list-style:none;}
.product_list .list .item .info .meta ul li:before{content:'';display:inline-block;vertical-align:middle;width:3px;height:3px;margin-right:5px;background-color:#000;border-radius:50%;}
.product_list .nolist{font-size:25px;text-align:center;}
@media all and (max-width:1000px){
	.product_list{padding:80px 0 45px;font-size:18px;}
	.product_list .list{column-gap:15px;row-gap:15px;}
	.product_list .list .item{padding:15px;padding-bottom:40px;width:calc(33.33% - 10px);}
	.product_list .list .item:after{width:15px;height:15px;right:15px;bottom:15px;}
	.product_list .list .item .info{margin-top:15px;}
	.product_list .list .item .info .title{font-size:1em;}
	.product_list .list .item .info .meta{margin-top:10px;font-size:15px;}
	.product_list .nolist{font-size:1em;}
}
@media all and (max-width:800px){
	.product_list{padding:60px 0 40px;}
	.product_list .list{flex-direction:column;column-gap:15px;row-gap:20px;}
	.product_list .list .item{width:auto;max-width:100%;padding:15px;padding-right:35px;}
	.product_list .list .item .box{max-width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;}
	.product_list .list .item .thumbnail{width:100px;flex-shrink:0;}
	.product_list .list .item .info{margin-top:0;margin-left:10px;}
	.product_list .list .item .info .meta{margin-top:10px;font-size:14px;}
}
@media all and (max-width:600px){
	.product_list{padding:40px 0 35px;}
	.product_list .list .item .info .meta{margin-top:10px;font-size:13px;}
}
@media all and (max-width:400px){
	.product_list{padding:30px 0 30px;}
	.product_list .list .item .info .meta{margin-top:10px;font-size:12px;}
}


.product_list .pagination{position:relative;margin-top:50px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;column-gap:15px;}
.product_list .pagination .page{position:relative;min-width:30px;height:30px;padding:0 5px;font-size:20px;font-weight:400;color:#AAAAAA;line-height:1.2;text-align:center;text-decoration:none;box-sizing:border-box;cursor:pointer;flex-shrink:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
.product_list .pagination .page.active{color:#707070;font-weight:500;}
.product_list .pagination .page.button{width:30px;background-size:auto 15px;background-repeat:no-repeat;background-position:center center;}
.product_list .pagination .page.button.prev{background-image:url(../img/pagination_icon_arrow_prev.svg);}
.product_list .pagination .page.button.next{background-image:url(../img/pagination_icon_arrow_next.svg);}

@media all and (max-width:1000px){
	.product_list .pagination{margin-top:45px;font-size:18px;}
	.product_list .pagination .page{font-size:1em;min-width:1.5em;height:1.5em;}
}
@media all and (max-width:800px){
	.product_list .pagination{margin-top:40px;font-size:16px;}
}
@media all and (max-width:600px){
	.product_list .pagination{margin-top:35px;font-size:15px;}
}
@media all and (max-width:400px){
	.product_list .pagination{margin-top:30px;font-size:14px;}
}


.product_view{position:relative;padding:100px 0;background-color:#ECECEC;}
.product_view .view{position:relative;padding:130px 30px;background-color:#FFFFFF;box-shadow:3px 3px 10px rgba(0,0,0,0.1);}
.product_view .view .box{position:relative;margin:0 auto;max-width:1140px;}
.product_view .view .info{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;column-gap:30px;}
.product_view .view .info .title{position:relative;margin:0;padding:0;font-size:36px;font-weight:600;color:#007CAA;line-height:1.4;flex-grow:1;}
.product_view .view .info .thumbnail{position:relative;background-color:#EEEEEE;flex-shrink:0;width:345px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.product_view .view .info .thumbnail:before{content:"";display:block;padding-bottom:100%;}
.product_view .view .detail{position:relative;margin-top:120px;}
.product_view .view .detail .divider{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;column-gap:45px;}
.product_view .view .detail .divider + .divider{margin-top:60px;}
.product_view .view .detail .divider .divider_title{position:relative;margin:0;padding:0;font-size:24px;font-weight:700;color:#4A4A4A;line-height:1.4;flex-shrink:0;width:240px;}
.product_view .view .detail .divider .divider_content{position:relative;flex-grow:1;margin-top:15px;padding-top:20px;border-top:1px solid #707070;font-size:20px;font-weight:400;color:#616161;line-height:1.4;}
.product_view .view .detail .divider .divider_content ul{position:relative;margin:0;padding:0;list-style:none;}
.product_view .view .detail .divider .divider_content ul li{position:relative;padding-left:0.5em;word-break:keep-all;}
.product_view .view .detail .divider .divider_content ul li:before{content:"";display:block;position:absolute;left:0;top:calc(0.7em - 1px);width:2px;height:2px;border-radius:50%;background-color:#616161;}
.product_view .view .datasheet{position:relative;margin-top:100px;overflow-x:auto;}
.product_view .view .datasheet table{position:relative;width:100%;border-spacing:0;border-collapse:collapse;font-size:13px;line-height:1.4;font-weight:400;}
.product_view .view .datasheet table thead tr > *{position:relative;background-color:#555555;padding:10px;text-align:left;vertical-align:top;color:#FFFFFF;box-sizing:border-box;}
.product_view .view .datasheet table thead tr > *:nth-child(n+2){border-left:1px solid transparent;}
.product_view .view .datasheet table thead tr:nth-child(n+2) > *{border-top:1px solid transparent;}
.product_view .view .datasheet table tbody tr > *{position:relative;min-height:45px;background-color:#F3F3F3;padding:10px;text-align:left;vertical-align:center;color:#343434;font-weight:500;box-sizing:border-box;}
.product_view .view .datasheet table tbody tr > *:nth-child(n+2){border-left:1px solid transparent;}
.product_view .view .datasheet table tbody tr:nth-child(n+2) > *{border-top:1px solid transparent;}
.product_view .view .datasheet table tbody tr:nth-child(2n) > *{background-color:#E3E3E3;}
.product_view .view .datasheet table .button{position:relative;display:block;margin:0 auto;width:21px;border-radius:50%;background-image:url(../img/icon_datasheet.svg);background-size:100%;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.product_view .view .datasheet table .button:before{content:"";display:block;padding-bottom:100%;}
.product_view .view .datasheet table .cell_title{width:10em;}
.product_view .view .datasheet table .cell_title .button{display:none;margin-top:1em;}
.product_view .view .datasheet table .cell_datas{display:none;}
.product_view .view .datasheet table .cell_sheet{width:5em;}
.product_view .view .datasheet table tbody .cell_datas{}
.product_view .view .datasheet table tbody .cell_datas tr > *{border:0;padding:2px 0;background-color:transparent;}
.product_view .view .datasheet table tbody .cell_datas th br{display:none;}
.product_view .view .datasheet table tbody .cell_datas td{text-align:right;}

@media all and (max-width:1000px){
	.product_view{padding:80px 0;font-size:18px;}
	.product_view .view{position:relative;padding:30px 15px;}
	.product_view .view .info .thumbnail{width:250px;}
	.product_view .view .info .title{font-size:1.5em;}
	.product_view .view .detail{margin-top:80px;}
	.product_view .view .detail .divider + .divider{margin-top:55px;}
	.product_view .view .detail .divider .divider_title{font-size:1.2em;width:180px;}
	.product_view .view .detail .divider .divider_content{font-size:1em;padding-top:1em;margin-top:0.75em;}
	.product_view .view .datasheet{margin-top:80px;}
	.product_view .view .datasheet table .cell_data{display:none;}
	.product_view .view .datasheet table .cell_datas{display:table-cell;}
}
@media all and (max-width:800px){
	.product_view{padding:60px 0;font-size:16px;}
	.product_view .view .detail{margin-top:60px;}
	.product_view .view .detail .divider + .divider{margin-top:50px;}
	.product_view .view .detail .divider .divider_title{width:120px;}
	.product_view .view .datasheet{margin-top:60px;}
}
@media all and (max-width:600px){
	.product_view{padding:40px 0;font-size:14px;}
	.product_view .view .info{flex-direction:column;justify-content:normal;column-gap:0;row-gap:30px;}
	.product_view .view .info .thumbnail{width:100%;max-width:400px;margin:0 auto;}
	.product_view .view .detail{margin-top:40px;}
	.product_view .view .detail .divider{flex-direction:column;justify-content:normal;column-gap:0;}
	.product_view .view .detail .divider + .divider{margin-top:45px;}
	.product_view .view .datasheet{margin-top:40px;}
	
}
@media all and (max-width:500px){
	.product_view .view .datasheet table .cell_title{width:9em;}
	.product_view .view .datasheet table .cell_title .button{display:block;}
	.product_view .view .datasheet table .cell_sheet{display:none;}
}
@media all and (max-width:400px){
	.product_view{padding:30px 0;font-size:13px;}
	.product_view .view .detail{margin-top:30px;}
	.product_view .view .detail .divider + .divider{margin-top:40px;}
	.product_view .view .datasheet{margin-top:30px;}
}