/*	lower h1
============================== */
.talk h1 {
   background-image: url(../img/talk_h1.jpg);
}
.talk p.talk_read {
   background-repeat: no-repeat;
   white-space: nowrap; text-indent: 110%; overflow: hidden;
}
.aru h1 {
   background-image: url(../img/aru_h1.jpg);
}
.aru p.talk_read {
   background-repeat: no-repeat;
   white-space: nowrap; text-indent: 110%; overflow: hidden;
}
.secret h1 {
   background-image: url(../img/secret_h1.jpg);
}
.secret p.talk_read {
   background-repeat: no-repeat;
   white-space: nowrap; text-indent: 110%; overflow: hidden;
}
@media all and (min-width: 768px) {
   .talk h1,.aru h1,.secret h1 {
      background-repeat: no-repeat;
      white-space: nowrap; text-indent: 110%; overflow: hidden;
      width: 956px;
      height: 207px;
   }
   .talk div.atcl_inner {
      background-color: hsla(0, 0%, 100%, 0.8);
      padding: 0;
      margin-bottom: 0;
   }
   .talk article.outer {
      padding: 0;
   }
   .talk p.talk_read {
      background-image: url(../img/talk_read.jpg);
      width: 956px;
      height: 905px;
   }
}
/*	lower h1 (00px ÷ 782) */
@media all and (max-width: 767px) {
   .talk h1 {
		background-position: left 27.175448%;
   }
   .talk p.talk_read {
      background-size: cover;
      height: 100%;
   }
   .talk p.talk_read {
      background-image: url(../img/talk_read_smp.jpg);
      display: block;
      padding-top: 170.397489539749%;
      position: relative;
      background-position: top center;
   }
   .talk p.talk_read span {
      position: absolute;
      left:  0;
      top: 0;
      width:  100%;
   }
   .talk div.atcl_inner {
      padding: 0;
   }
   div.atcl_inner {
      margin-top: 0!important;
   }
   article.outer {
      margin-bottom: 20px;
   }

}


/* button */
.button,.button2{
   display:block;
   text-align:center;
}
.button a{
   display:block;
   margin:0 auto;
}
.button2 a{
   display:block;
   margin:0 auto;
}
.button a {
  display: block;
  cursor: pointer;
  margin: 0 auto;
  padding: 30px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #b9001a;
  border-radius: 10px;
  box-shadow: 0 6px 0 #9a0218, 0 12px 0 rgba(0,0,0,0.1);
  -webkit-transition: color 0.3s,
  background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.button a:hover {
   background-color: #b9001a;
   box-shadow: 0 3px 0 #9a0218, 0 6px 0px rgba(0,0,0,0.1);
   -webkit-transform: translateY(3px);transform: translateY(3px);
}
.button a:active {
   color: #ddd;
   background-color: #b9001a;
   box-shadow: 0 0 0 #000, 0 0 0px rgba(0,0,0,0.1);
   -webkit-transform: translateY(6px);
   transform: translateY(6px);transition-duration: 0.1s;
}

.button2 a {
   display: block;
   cursor: pointer;
   margin: 0 auto;
   padding: 30px; color: #fff;
   font-size:160%;
   text-align: center;
   text-decoration: none;
   background-color: #b9001a;
   border-radius: 10px;
   box-shadow: 0 6px 0 #9a0218, 0 12px 0 rgba(0,0,0,0.1);
   -webkit-transition: color 0.3s,
   background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.button2 a:hover {
   background-color: #b9001a;
   box-shadow: 0 3px 0 #9a0218, 0 6px 0px rgba(0,0,0,0.1);
   -webkit-transform: translateY(3px);
   transform: translateY(3px);
}
.button2 a:active {
   color: #ddd;
   background-color: #b9001a;
   box-shadow: 0 0 0 #000, 0 0 0px rgba(0,0,0,0.1);
   -webkit-transform: translateY(6px);
   transform: translateY(6px);transition-duration: 0.1s;
}


@media all and (min-width: 768px) {
div.talk_btnarea {
   width: 530px;
   margin: 0 auto;
}
div.talk_btnarea p.button {
   float: left;
}
div.talk_btnarea p.button:first-child {
   margin-right: 30px;
}
.button a{
   display:block;
   width: 250px;
   padding: 20px 0;
   font-size: 110%;
   line-height:100%;
   margin: 25px auto 40px;
}
.button2 a{
   display:block;
   width:600px;
   padding: 15px 0;
   font-size: 130%;
   letter-spacing: 0.13em;
   line-height:100%;
   margin:30px auto 40px;
}
}
@media all and (max-width: 767px) {
.button a{
   display:block;
   padding: 0em 0;
   padding: 1em 0;
   font-size: 120%;
   line-height:100%;
   margin: 0 auto 1em;
   font-weight:bold;
   width:  80%;
}
.button2 a{
   display:block;
   width:90%;
   padding:1em;
   font-size:100%;
   line-height:100%;
   margin:0 auto 30px;
   font-weight:bold;
}
}