@charset "utf-8";

/* CSS Document */

/* -------------------------------------------------

detailBox

------------------------------------------------- */

#detailBox {
  margin-top: 10px;
}

#detailBox #space {
  line-height: 1.8em;
  margin-top:20px;
}

#detailBox #space img {
  margin-left: 5px;
  margin-bottom: 5px;
  float: right;
}

#detailBox #image {
  width:100%;
}

#backBtn {
  width: 270px;
  margin: 15px auto;
  text-align: center;
  border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  background: #00a0e9;/*#89bede*/
}

#backBtn a {
  width: 100%;
  padding: 10px 0;
  color: #FFFFFF;
  display: block;
}

.backBtn {
  width: 270px;
  margin: 30px auto 0;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  border: 2px solid #00a0e9;
}

.backBtn a {
  width: 100%;
  padding: 10px 0;
  color: #00a0e9;
  display: block;
}

/* PC */
@media screen and (min-width:769px) {

    #detailBox #space img {
      width: 410px;
      height: auto;
    }
    
    .topicsBox .image {
      width:168px;
    }
    
    .topicsBox .title b {
      font-size: 1.3em;
      font-weight: bold;
    }

}

/* Tablet */
@media screen and (max-width:768px) {

    .topicsBox .image {
      width:30%;
    }
    #detailBox #image img {
      width:100%;
    }
    
    .topicsBox .title b {
      font-size: 1.3em;
      font-weight: bold;
    }

}

.breadcrumb li {
  max-width: 400px;
  align-content: center;
}