@charset "UTF-8";
/* CSS Document */
/* シェアボタン */
.con_under_sharebox{
  width: 100%;
  text-align: center;
}
.con_under_sharebox a {
  width: 67px;
  margin: 5px 10px;
  display: inline-block;
}
.con_under_sharebox a img{
  width: 100%;
}

/* メール購読 */
.con_under_mailbox{
  width: 1000px;
  margin: 10px auto 50px;
  padding: 30px 0;
  text-align: center;
}
.con_under_mailbox ul{
  padding: 0;
  margin: 0 auto;

}
.con_under_mailbox ul li{
  padding: 30px;
  margin: 0 1% 10px;
  display: inline-block;
  width: 250px;
  border: solid 1px #d1c0a5;
  background-color: #fff;
  box-shadow: 0 5px 3px rgba(0,0,0,0.22);
}
.con_under_mailbox ul li .small-ttl {
  margin: 0 auto 10px;
  font-size: 15px;
}

.con_under_mailbox ul li img{
  width: 100%;
  margin: 0 0 20px;
}
.con_under_mailbox ul li p img{
  width: auto;
}
.con_under_mailbox span{
  font-size: 12px;
}
.con_under_mailbox span a{
  display: inline-block;
  text-decoration: underline;
}
@media screen and (min-width: 640px) {

  /* シェアボタン */
  .con_under_sharebox a:hover{
    opacity: 0.7;
  }
  .con_under_mailbox ul li:hover{
    opacity: 0.7;
  }

}

@media screen and (max-width: 640px) {
  /* 表示領域が640px未満の場合に適用するスタイル */

  /*シェアボタン*/
  .con_under_sharebox a{
    width: 45px;
  }
  /*メール購読*/
  .con_under_mailbox{
    width: 95%;
  }
  .con_under_mailbox ul li{
    width: auto;
  }

}