@charset "UTF-8";

a.huroku_btn img:hover {
  opacity: 1;
}
/*------------------表紙*/
.hyoshi {
  max-width: 350px;
  width: 60%;
  margin: 3rem auto;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.hyoshi img {
  width: 100%;
}
/*------------------次号予告*/
.next {
  max-width: 400px;
  width: 60%;
  margin: 20px auto;
}
/*------------------購入ボタン*/
.by_btn {
  margin: 2rem auto;
  text-align: center;
}
.by_btn a {
  padding: 1rem 0;
  display: block;
  color: #333;
  border: 1px solid #000;
  border-radius: 100px;
  font-size: 1.4rem;
  transition: all 0.5s;
}
.by_btn a:hover {
  color: #c41111;
  border: 1px solid #c41111;
}
.sakuhin_btn {
  margin: 1rem auto;
  text-align: center;
}
.sakuhin_btn a {
  padding: 0.5rem 0;
  display: block;
  color: #333;
  border: 1px solid #000;
  border-radius: 100px;
  font-size: 1.4rem;
  transition: all 0.5s;
}
.sakuhin_btn a:hover {
  color: #c41111;
  border: 1px solid #c41111;
}
.sakuhin_btn_norink {
  padding: 0.5rem 0;
  color: #ccc;
  display: block;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 100px;
  font-size: 1.4rem;
  margin: 1rem auto;
}
/*------------------付録*/
.huroku {
  max-width: 450px;
  width: 93%;
  text-align: center;
  padding: 1rem;
  margin: 0 auto 4rem;
  line-height: 2;
}
.huroku p {
  padding: 0.5rem 0;
}
.huroku_txt {
  padding-top: 1rem;
  text-align: left;
  font-size: 12px;
  line-height: 1.4;
}

/*------------------リスト*/
ul.riseList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
ul.riseList li {
  font-size: 1.4rem;
  width: 50%;
  padding: 2rem;
  box-sizing: border-box;
  list-style: none;
}
ul.riseList2 li {
  width: 33.333%;
  padding: 3rem 1rem 1rem;
}
ul.riseList2 li .ttl {
  font-size: 1.4rem;
}

ul.riseList li img {
  border: 1px solid #333;
}
.riseList_txt {
  padding-top: 1rem;
}
/*------------------テキスト*/
.riseList_txt span {
  line-height: 1.6;
  display: block;
}
.riseList a {
  color: #000;
}
.riseList .ttl {
  font-size: 2rem;
  color: #f00;
}
.rise_read {
  padding: 0 5px 10px;
  text-align: center;
}

/*-----------------------------------------------------------------*/
/*------------------------------------------------スマホ用ページ用設定*/
@media screen and (max-width: 767px) {
  /*-----------------------------------------------------------------*/
  /*スマホ用 767px以下の場合*/
  /*-----------------------------------------------------------------*/
  .rise_read {
    padding: 0 0 10px 0;
    text-align: center;
  }

  .rise_read img {
    max-width: 100%;
    display: block;
    margin: 0 auto 30px;
    -moz-box-shadow: 0px 5px 28px -5px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 5px 28px -5px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0px 5px 28px -5px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 5px 28px -5px rgba(0, 0, 0, 0.7);
  }
  /*-------------------------------------------------------end@media*/
}

/*-----------------------------------------------------------------*/
/*---------------------------------------------------PC用ページ用設定*/
@media screen and (min-width: 768px) {
  /*-----------------------------------------------------------------*/
  /*PC用 768px以上の場合*/
  /*-----------------------------------------------------------------*/
  /*メイン*/
  .rise {
  }
  .rise .comment {
    text-align: center;
  }

  .rise_read img {
    max-width: 100%;
    display: block;
    margin: 0 auto 30px;
    -moz-box-shadow: 0px 5px 28px -5px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 5px 28px -5px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0px 5px 28px -5px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 5px 28px -5px rgba(0, 0, 0, 0.7);
  }

  .rise_rensaisakka {
    font-size: 0;
    margin-bottom: 30px;
  }
  .rise_rensaisakka_icon {
    display: inline-block;
    width: 200px;
  }
  .rise_rensaisakka_txt {
    display: inline-block;
    width: 480px;
    font-size: 16px;
    padding: 10px;
    vertical-align: top;
  }

  /*-------------------------------------------------------end@media*/
}