@charset "UTF-8";
/*
Theme Name: priprionline
Theme URI:
Author: 
Author URI:
Description:
Version: 1.0
License:
License URI:
Tags:
Text Domain: 
*/
@import url("./assets/css/style.css");
.mypage-form__wrap {
  display: block;
}
.mypage-form__wrap label {
  color: #707070;
  font-size: 1.6rem;
}
.mypage-form__wrap input {
  width: 100%;
  padding: 5px 10px;
  font-size: 1.6rem;
  border-radius: 3px;
  margin: 5px 0 0;
  border: 1px solid #707070;
}
.mypage-form__wrap .log-in-btn {
  background: inherit;
  height: auto;
}
.mypage-form__wrap .log-in-btn span {
  font-size: inherit;
}
.mypage-form__wrap .spiral-secure-session-manager p {
  display: block;
}
.mypage-form__wrap .spiral-secure-session-manager p input[name=login_id],
.mypage-form__wrap .spiral-secure-session-manager p input[name=password] {
  width: 100%;
  margin-left: 0;
  border-radius: 3px;
}
.mypage-form__wrap .spiral-secure-session-manager p input[name=login_id]:focus,
.mypage-form__wrap .spiral-secure-session-manager p input[name=password]:focus {
  outline: none;
  border-color: #e5016a;
}
.mypage-form__wrap .spiral-secure-session-manager .spiral-s-user-links .spiral-s-action-links-lostpassword {
  font-size: 0;
  text-align: center;
}
.mypage-form__wrap .spiral-secure-session-manager .spiral-s-user-links .spiral-s-action-links-lostpassword a {
  font-size: 0;
  display: inline-flex;
  align-items: center;
  margin-top: 30px;
  column-gap: 10px;
}
.mypage-form__wrap .spiral-secure-session-manager .spiral-s-user-links .spiral-s-action-links-lostpassword a::before {
  font-size: 1.4rem;
  color: #e5016a;
  content: "パスワードを忘れた方はこちら";
  margin: 0 auto;
  display: inline-block;
}
.mypage-form__wrap .spiral-secure-session-manager .spiral-s-user-links .spiral-s-action-links-lostpassword a::after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #e5016a;
  border-right: 1px solid #e5016a;
  transform: rotate(45deg);
  margin: 0;
}

.lower-search-event__content label p {
  word-break: keep-all;
  width: min-content;
}
.lower-search-float button:disabled {
  cursor: not-allowed;
}
.lower-search-float-tags p {
  word-break: keep-all;
  width: min-content;
}

.contents-show .yarpp-related {
  margin: 0;
}
.contents-show__content-main-area .mv-area {
  display: flex;
  justify-content: center;
}
.contents-show__content-main-area .txt-area p > * {
  font-size: inherit;
}
.contents-show__content-main-area .txt-area + .mv-area {
  margin-top: 30px;
}
.contents-show__content-recommend-items__content a img {
  border: 1px solid #bebebe;
}

.search-result__content-card .img-area img {
  border: 1px solid #bebebe;
}

.news-show .thumb-area {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 600px;
}
.news-show .thumb-area .swiper-main {
  padding: relative;
}
.news-show .thumb-area .swiper-main img {
  object-fit: contain;
  width: 300px;
  height: 170px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .news-show .thumb-area .swiper-main img {
    width: 600px;
    height: 340px;
  }
}
.news-show .thumb-area .swiper-thumb {
  margin: 15px auto 0;
}
.news-show .thumb-area .swiper-thumb img {
  object-fit: contain;
  width: 95px;
  height: 54px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .news-show .thumb-area .swiper-thumb img {
    width: 190px;
    height: 108px;
  }
}
.news-show .thumb-area .swiper-slide {
  text-align: center;
}
.news-show .thumb-area .swiper-controls {
  width: 100%;
  position: absolute;
  top: 90px;
}
@media (min-width: 768px) {
  .news-show .thumb-area .swiper-controls {
    top: 180px;
  }
}
.news-show .thumb-area .swiper-button-next,
.news-show .thumb-area .swiper-button-prev {
  background-image: url(./assets/img/icons/btn_scroll.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 37.5px;
  height: 35.5px;
  z-index: 2;
}
.news-show .thumb-area .swiper-button-next::after,
.news-show .thumb-area .swiper-button-prev::after {
  content: "";
}
.news-show .thumb-area .swiper-button-next {
  right: -18px;
}
.news-show .thumb-area .swiper-button-prev {
  transform: rotate(180deg);
  left: -18px;
}

.subscribe-page__item .books-item.blur img {
  filter: blur(4px);
  will-change: filter;
}
.subscribe-page__item .books-item.new::before {
  z-index: 1;
}