@charset "utf-8";
/* CSS Document */

/* section
----------------------------------- */
#category {
  width:95%;
  margin:0px auto 0px auto;
  padding-bottom:10px;
}
.category_box {
  position: relative;
  margin-top:10px;
  padding:0px 10px 10px 10px;
  border:1px solid #cccccc;
  border-radius: 3px;        /* CSS3草案 */  
  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 3px;   /* Firefox用 */
  background:#ffffff;
}
.category_box .logo img {
  width:100%;
}
.category_box .img img {
  width:100%;
}
.category_box .point1 img {
  width:100%;
  margin-top:5px;
}
.category_box .point2 img {
  width:100%;
  margin-top:5px;
}
.category_box .txt {
  width:100%;
  font-size:90%;
}
.category_box .btn {
  width:100%;
  margin-top:5px;
  padding:10px 0px;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
  background: linear-gradient(#257dbf, #0c64a6);
}
.category_box .btn a {
  width:100%;
  color:#ffffff;
  display:block;
  text-decoration:none;
}

.category_box .comingsoon {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 10;
}
.category_box .comingsoon > p {
  color: #fff;
  font-size: 2em;
  position: relative;
  text-shadow: 0 0 2px #000;
  top: 47%;
}