@charset "utf-8";

/*audiタイアップ 2020.12*/

.category-single .article-top-01 .detail-title h2 {
  font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 235%;
  font-weight: bold;
}
.single-detail-column {
  background: url("/mwimgs/d/d/1054/img_ddd493028f71774bd4767968bbafabf79725.png") top left repeat;
}
.explanation {
  margin:20px 0 50px;
}
.explanation p {
  margin:10px 0;
}
.category h4 {
  color:#237147;
  font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  border-left:none;
  padding:0;
  margin: 40px 0 20px;
}
.category ul {
  font-size:90%;
  margin:0 0 0 20px;
}
.category li {
  text-indent:-1em;
  margin:5px 0 0 1em;
}
.category li span {
  font-size:115%;
}
.category dl {
  font-size:90%;
  margin:0 0 0 20px;
}
.category dt {
  font-weight:bold;
  font-size:120%;
  margin:18px 0 8px 0;
}
.category dd {
  text-indent:-1em;
  margin:5px 0 0 2em;
}
.category p {
  font-size:90%;
  margin:0 0 0 20px;
}
h4.headline {
  font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  border-left:none;
  padding:0;
  margin: 20px 0 30px;
  font-size: 172%;
  line-height:1.4;
  font-weight:bold;
  text-align:center;
}
h4.headline span {
  font-size: 110%;
  color:#237147;
}
.single-detail-column .figure-center {
  margin: 45px auto 20px;
}
.single-detail-column .figure-center span {
  background-color:transparent;
}
span.cap-name {
  display:block;
  font-weight:bold;
  font-size: 110%;
  margin:-55px 0 5px;
}
span.cap-explanation {
  display:block;
  font-size:90%;
  line-height:1.6;
  padding-right:80px;
}
.photo-btn a {
  display:none;
}
.audi-philosophy {
  border-top:1px solid #237147;
  border-bottom:1px solid #237147;
  padding:15px 0;
  margin:50px 0;
}
.audi-button {
  display: inline-block;
  width: 500px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 63px;
  outline: none;
  position: relative;
  background-color: #3884da;
  border-radius: 5px;
  color: #fff!important;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 1px 0 #0f427a;
  margin: 30px 15px 30px 15px;
  font-size: 20px;
  font-weight: bold;
}
.audi-button::before,
.audi-button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.audi-button,
.audi-button::before,
.audi-button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.audi-button:hover {
  background-color: #5199eb;
  box-shadow: 0 1px 0 #286fbe;
  color: #fff;
  text-decoration: none;
}
.audi-button:active {
  top: 2px;
  box-shadow: none;
  color: #fff;
}

@media screen and (max-width:640px){

    .category-single .article-top-01 .detail-title h2 {
      font-size: 130%;
      line-height: 1.3;
    }
    .explanation {
      margin:25px 0 30px;
    }
    .explanation p {
      margin:15px 0;
    }
    .category h4 {
      margin: 40px 0 15px;
      font-size:135%;
    }
    .category ul {
      font-size:90%;
      margin:0 5px 0;
    }
    .category li {
      text-indent:-1em;
      margin:5px 0 0 1em;
    }
    .category li span {
      font-size:115%;
    }
    .category dl {
      font-size:90%;
      margin:0 5px 0;
    }
    .category dt {
      font-size:120%;
      margin:18px 0 8px 0;
    }
    .category dd {
      text-indent:-1em;
      margin:5px 0 0 2em;
    }
    .category p {
      font-size:90%;
      margin:0 5px 0;
    }
    h4.headline {
      margin: 25px 0 30px;
      font-size: 140%;
      line-height:1.4;
    }
    h4.headline span {
      font-size: 110%;
    }
    .single-detail-column .figure-center {
      margin: 45px auto 20px;
    }
    span.cap-name {
      font-size: 110%;
      margin:-35px 0 5px;
    }
    span.cap-explanation {
      font-size:90%;
      line-height:1.6;
      padding-right:10px;
    }
    .audi-philosophy {
      padding:0;
      margin:50px 0;
    }
    .audi-button {
      width: 80%;
      height: 50px;
      line-height: 53px;
      font-size: 16px;
      color: #fff !important;
      margin: 10px 15px 10px 15px;
    }
}