@charset "UTF-8";

/* ---------------------------個別デザイン *ここから*--------------------------- */



/* ---------------------------個別デザイン *ここまで*--------------------------- */

/* ---------------------------デザイン変更 *ここから*--------------------------- */
/*背景・フォント指定*/
body{
  background-size: auto auto; /*https://css-stripe-generator.firebaseapp.com/など使用する際はここから3行変更*/
  background-color: rgba(255, 255, 255, 1); /*単色にする場合は上下削除の上ここを編集*/
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 247, 202, 1) 5px, rgba(255, 247, 202, 1) 8px );
  font-family: "M PLUS Rounded 1c"; /*フォント読み込みはhtml側で対応*/
  font-weight: 400;
}

/*試読ボタン*/
summary{
  display: block;
  list-style: none;
  margin: 10px auto;
  width: 96%;
  border-radius: 15px;
  outline: dotted 2px #fff;
  outline-offset: -8px;
  background: url(https://promolp.com/comicfesta/common/img/button_icon.png) no-repeat #ff5974;
  background-size: 10%;
  background-position: right 20px center;
  font-size: min(2em,5.3vw);
  font-weight: 800;
  letter-spacing: 0.2em;
  padding: 3% 0 3% 2em;
  color: #fff;
  cursor: pointer;
}

/*会員登録ボタン*/
.kaiin_button{
  display: block;
  list-style: none;
  margin: 0 auto 2em;
  width: 96%;
  border-radius: 15px;
  outline: dotted 2px #fff;
  outline-offset: -8px;
  background:#6341c5;
  font-size: min(2em,5.3vw);
  font-weight: 800;
  padding: 3% 0;
  text-align: center;
  letter-spacing: 0.5em;
  color: #fff;
  box-shadow: 4px 4px 3px rgba(50,50,50,0.5);
}

/*作品詳細ページへ*/
.title_button{
  display: block;
  list-style: none;
  margin: 10px auto 20px;
  width: 96%;
  border-radius: 15px;
  outline: dotted 2px #fff;
  outline-offset: -8px;
  background: url(https://promolp.com/comicfesta/common/img/syousai_icon.png) no-repeat #f54f42;
  background-size: 7.5%;
  background-position: right 30px center;
  font-size: min(2em,5.3vw);
  font-weight: 800;
  padding: 3% 0 3% 2em;
  letter-spacing: 0.2em;
  color: #fff;
}

/*追従ボタン*/
.scroll_button{
  position: fixed;
  font-weight: 800;
  display: block;
  bottom: 80px;
  right: -7px;
  width: 25%;
  max-width: 150px;
  text-align: center;
  padding: 10px;
  background: #f54f42;
  border-radius: 10px 0 0 10px;
  border: 2px solid #fff;
  outline: 1px solid #fff;
  outline-offset: -5px;
  box-shadow: -4px 4px 3px rgba(50,50,50,0.5);
  z-index: 500;
}
.scroll_button img{
  display: inline-block;
  width: 30%;
  height: auto;
  padding: 3% 0;
}

/*以下消さないでください*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, summary,.kaiin_button,.title_button,.scroll_button{
    outline: 0px;
    box-shadow: 4px 4px 3px rgba(50,50,50,0.5);
  }
}
_:-ms-input-placeholder, :root summary,.kaiin_button,.title_button,.scroll_button {
  outline: 0px;
  box-shadow: 4px 4px 3px rgba(50,50,50,0.5);
}