@charset "utf-8";
/* ==================================================================
CSS information
style info :「news」ページ用
================================================================== */


/* --------------------------------------------------------
#contents-lb
-------------------------------------------------------- */
#contents-lb { color:#dfdfdf; background:#000; /*float:left; margin-left:231px; min-height:600px;*/ position:relative; padding:1px; border:1px solid #3f3f3f; }


/* --------------------------------------------------------
#productsBox
-------------------------------------------------------- */
#productsBox { position:relative; width:100%; }


.picSet { }
.picSet .picBox { float:left; }
.picSet .thumbBox { background:#282828; padding-top:5px; }
.picSet .thumbBox li { padding-bottom:6px; text-align:center; }
.picSet .thumbBox li a { display:block; outline:none; }
.picSet .thumbBox li a img { border:1px solid #3b3b3b; }

.picSet .thumbBox li .none { display:block; }
.picSet .thumbBox li .none img { border:1px solid #1f1f1f; }

.picSet .thumbBox li.pc { display:block;}
.picSet .thumbBox li.sp { display:none;}


.detailBox { padding:19px 19px 5px 19px; }
.detailBox .name { margin-bottom:15px;}
.detailBox .name2 { margin-bottom:5px;}
.detailBox .name3 { margin-bottom:0px;}
.detailBox .ver { margin-bottom:15px;}

.detailBox .copy_text { font-size:93%; margin-bottom:15px; line-height: 1.41;}

.detailBox .spec { margin-bottom:5px; font-size:93%;}
.detailBox .spec .circle { color:#878787; }
.detailBox .spec li { text-indent:-1em; padding-left:1em; line-height:1.41;}


.detailBox .btn { text-align:left; display:inline-block; line-height:1; margin-top:10px; margin-bottom:14px; }
.detailBox .btn2 { text-align:left; display:inline-block; line-height:1; margin-top:0px; margin-bottom:4px; }

.detailBox .quiet , .detailBox .skullface { text-indent:10000px; overflow:hidden; line-height:1; margin-top:0px; margin-bottom:24px; }

.detailBox #kstyle a { display:block; height:33px; overflow:hidden; margin-right:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

background: #990014; /* Old browsers */
background: -moz-linear-gradient(top,  #b90101 0%, #700101 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b90101), color-stop(100%,#700101)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b90101 0%,#700101 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #b90101 0%,#700101 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b90101 0%,#700101 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90101', endColorstr='#700101',GradientType=0 ); /* IE6-9 */
}

.detailBox .puma a { display:block; height:41px; overflow:hidden; margin-right:5px; padding-top:0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

background: #5a5a5a; /* Old browsers */
background: -moz-linear-gradient(top,  #5a5a5a 0%, #292929 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5a5a), color-stop(100%,#292929)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5a5a5a 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #5a5a5a 0%,#292929 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5a5a5a 0%,#292929 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#292929',GradientType=0 ); /* IE6-9 */
}



.detailBox #kstyle a { min-nwidth:186px; text-align:center; }
.detailBox .puma a { min-nwidth:186px; text-align:center; }

.detailBox .btn_etc { padding: 3px 0 6px; }
.detailBox .btn_etc a { display: inline-block; text-align: center; color: #fff; font-size: 85%; padding: 7px 30px 7px 10px; background: #666 url(../_img/icon_arrow.png) no-repeat center right; background-size:auto 100%; }
.detailBox .btn_etc a:hover { text-decoration: none;}


.attentionText { color:#737373; font-size:88%; margin-left:11px; }



@media screen and (max-width: 730px) { /* 768px以下の記述 */
/*#productsBox { padding:1px; border:1px solid #3f3f3f; width:auto; margin:5px; }
*/
.picSet .picBox { float:none; padding:0px; }
.picBox img { width:100%; height:auto; margin:0 auto; }

.picSet .thumbBox { text-align:center; }
.picSet .thumbBox ul { text-align:center; font-size:0; width:100%;}
.picSet .thumbBox li { display:inline-block;}
.picSet .thumbBox li.pc { display:none;}
.picSet .thumbBox li.sp { display:inline-block;}

.detailBox { padding:10px 10px 5px 10px; }
.detailBox img { max-width:100%; height:auto; }
.detailBox .spec { margin-bottom:5px; }


.detailBox .btn_etc a { font-size: 77%; }

.newsttl {
 width:auto;
 height:100px;
 background: url(../_img/detail/20150525_ttlsp.png) no-repeat left;
 background-size:contain;
}
.newsttl img {
  display: none;
}

/*.detailBox .btn { display:block; margin-bottom:10px; margin-top:10px; }

.detailBox #kstyle a { min-nwidth:186px; text-align:center; margin:0; }
.detailBox .puma a { min-nwidth:186px; text-align:center; margin:0; }
*/
}