/* detail  ///////////////////////*/
.detail {
  padding: 60px 0;
}
.detail main {
  width: 680px;
  float: left;
}
.detail header {
  border-bottom: 1px #4B4B4A dotted;
  margin-bottom: 40px;
}
.detail header h2 {
  font-size: 12pt;
  padding: 0 0 10px 0;
  line-height: 120%;
}
.detail .date,.detail .cat {
  font-size: 9pt;
  padding: 0;
}
.detail .cat {
  margin-bottom:5px;
}
.detail .text {
  padding-bottom: 20px;
}
.detail .text img{
  max-width: 100%;
}
.detail .text iframe{
  max-width: 100%;
}
.detail .image img {
  padding-bottom: 20px;
  max-width: 100%;
}
.detail aside {
  width: 220px;
  float: right;
}
.detail aside h3 {
  font-size: 16pt;
  padding: 0 0 5px 0;
  margin-bottom: 25px;
  border-bottom: 1px #4B4B4A dotted;
}
.detail ul {
  margin: 0 0 40px 0;
}
.detail li {
  font-size: 10pt;
  padding: 10px 0 10px 0;
  border-bottom: 1px #4B4B4A dotted;
}
.detail li a {
  display: block;
}
@media (max-width: 800px) {
  .detail {
    padding: 40px 0;
  }
  .detail main {
    width: 100%;
    float: none;
  }
  .detail aside {
    width: 100%;
    float: none;
    margin: 0 auto;
    margin-top: 60px;
    /* ベージュ2 */
    background-color: #EAE5DD;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .detail aside nav {
    padding: 20px;
  }
  .detail ul {
    margin: 0 0 40px 0;
  }
  .detail aside h3 {
    border-bottom: 1px #4B4B4A dotted;
  }
  .detail li {
    border-bottom: 1px #4B4B4A dotted;
  }
}
@media (max-width: 500px) {
  .detail {
    padding: 30px 0;
  }
  .detail header {
    margin-bottom: 20px;
  }
  .detail header h2 {
    font-size: 12pt;
  }
  .detail aside h3 {
    font-size: 12pt;
  }
}
/* .news ///////////////////////*/
.news {
  padding: 80px 0 20px 0;
}
.news header {
  text-align: center;
  padding-bottom: 50px;
}
.news header p{
  text-align: center;
  padding:20px 0 0 0;
}
.news dl {
  display: table;
  width: 100%;
}
.news dd {
  display: block;
  vertical-align: top;
  width: 33%;
  float: left;
  padding-bottom: 30px;
}
.news .wrap {
  width: 95%;
}
.news .image {
  overflow: hidden;
}
.news .image img {
  width: 100%;
}
.news h3 {
  font-size: 11pt;
  padding: 5px 0;
}
.news .date {
  margin-top: 10px;
  font-size: 9pt;
}
.news p {
  line-height: 160%;
}
.news .a1 {
  margin-top: 40px;
}
.news .pager {
  padding: 20px;
  text-align: center;
}
@media (min-width: 500px) and (max-width: 800px) {
  .news {
    padding: 60px 0 40px 0;
  }
  .news dd {
    display: block;
    clear: both;
    width: 100%;
  }
  .news .wrap {
    width: 100%;
    text-align: left;
  }
  .news .image {
    float: left;
    width: 45%;
    margin: 0 15px 0  0;
  }
  .news .image img {
    width: 100%;
  }
  .news h3 {
    font-weight: bold;
    font-size: 12pt;
    padding: 0 0 15px 0;
  }
}
@media (max-width: 500px) {
  .news {
    padding: 40px 0 30px 0;
  }
  .news dd {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .news .wrap {
    width: 100%;
  }
  .news .image img {
    width: 100%;
  }
  .news .a1 {
    margin: 20px auto;
  }
}