/*! --------------------------------------------------------------
　　このCSSファイルは .scssファイルからコンパイルされたものです。
　　修正する際は.scssファイルを編集してください。
　　.cssファイルを直接編集しないように注意してください。
--------------------------------------------------------------- */
/* Theme Name: sp */
@font-face {
  font-family: 'noto_sans_jp_regularregular';
  font-weight: 400;
  font-style: normal;
  src: local("Noto Sans CJK JP Regular"), local("Noto Sans JP"), url(/wp-content/themes/sp/fonts/notosansjp-regular-webfont.woff2) format("woff2"), url(/wp-content/themes/sp/fonts/notosansjp-regular-webfont.woff) format("woff"), url(/wp-content/themes/sp/fonts/notosansjp-regular-webfont.eot) format("embedded-opentype"), url(/wp-content/themes/sp/fonts/notosansjp-regular-webfont.ttf) format("truetype");
  font-display: swap; }
@font-face {
  font-family: 'noto_sans_jp_boldregular';
  font-weight: 700;
  font-style: normal;
  src: local("Noto Sans CJK JP Regular"), local("Noto Sans JP"), url(/wp-content/themes/sp/fonts/notosansjp-bold-webfont.woff2) format("woff2"), url(/wp-content/themes/sp/fonts/notosansjp-bold-webfont.woff) format("woff"), url(/wp-content/themes/sp/fonts/notosansjp-bold-webfont.eot) format("embedded-opentype"), url(/wp-content/themes/sp/fonts/notosansjp-bold-webfont.ttf) format("truetype");
  font-display: swap; }
@font-face {
  font-family: 'latoregular';
  font-weight: 400;
  font-style: normal;
  src: local("Lato"), url(/wp-content/themes/sp/fonts/lato-regular-webfont.woff2) format("woff2"), url(/wp-content/themes/sp/fonts/lato-regular-webfont.woff) format("woff"), url(/wp-content/themes/sp/fonts/lato-regular-webfont.eot) format("embedded-opentype"), url(/wp-content/themes/sp/fonts/lato-regular-webfont.ttf) format("truetype");
  font-display: swap; }
@font-face {
  font-family: 'latobold';
  font-weight: 700;
  font-style: normal;
  src: local("Lato"), url(/wp-content/themes/sp/fonts/lato-bold-webfont.woff2) format("woff2"), url(/wp-content/themes/sp/fonts/lato-bold-webfont.woff) format("woff"), url(/wp-content/themes/sp/fonts/lato-bold-webfont.eot) format("embedded-opentype"), url(/wp-content/themes/sp/fonts/lato-bold-webfont.ttf) format("truetype");
  font-display: swap; }
/* 共通部分
============================================================================ */
.clearfix:after {
  content: "";
  display: block;
  clear: both; }

li {
  list-style: none; }

a:hover img {
  -webkit-transition: all .7s;
  transition: all .7s;
  opacity: 0.6; }

img {
  max-width: 100%;
  height: auto; }

a {
  color: inherit;
  /* ress.cssだとunderlineがつくのを阻止 */
  text-decoration: none; }

.min {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400; }

table {
  table-layout: fixed;
  /* ress.css用 */
  border-collapse: collapse;
  border-spacing: 0; }

td input {
  max-width: 100%; }

i, em {
  font-style: normal; }

/* フォントサイズをremに変換するmixin */
/* ルートのフォントサイズを変更したい場合ここから変更する
:root { font-size: 14px !important;}
-------------------------------------------------------- */
html, body {
  font-size: 1rem;
  line-height: 1.9;
  color: #000;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em; }

.inner {
  padding: 0 3.2%; }

.pc-only {
  display: none; }

/* フレックスボックス */
/* 基本色一覧 */
/* header部分　.headは下層と共通
============================================================================== */
.ninja_onebutton_output_overlay.top.show {
  display: none; }

header {
  margin-bottom: calc(60/750*100vw); }

.head {
  height: calc(130/750*100vw);
  position: relative;
  z-index: 2; }
  .head .inner h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

/* トップページのみのパーツ */
.home header .main_img {
  height: calc(1885/750*100vw);
  background: url(/wp-content/themes/sp/images/index/main01.jpg) center top no-repeat;
  background-size: cover;
  margin-bottom: calc(95/750*100vw); }

.fix {
  width: 100%;
  background: #f1f1f1;
  padding: calc(20/750*100vw) 0;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 11; }
  .fix .inner .fix_ttl {
    text-align: center;
    margin-bottom: calc(20/750*100vw); }
    .fix .inner .fix_ttl img {
      width: calc(613/750*100vw); }
  .fix .inner ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center; }
    .fix .inner ul .fix_amazon {
      width: calc(466/750*100vw); }
    .fix .inner ul .fix_kindle {
      width: calc(225/750*100vw); }

/* #content
======================================================================================== */
/* .greeting_index　著者出版に寄せてのご挨拶
============================================================================== */
.greeting_index h2 {
  text-align: center;
  margin-bottom: calc(-40/750*100vw); }
.greeting_index .content_greeting {
  padding: calc(100/750*100vw) 0 calc(125/750*100vw); }
  .greeting_index .content_greeting .ninja_onebutton {
    margin-bottom: 1em; }
  .greeting_index .content_greeting p {
    margin-bottom: calc(65/750*100vw); }
  .greeting_index .content_greeting .name_greeting {
    font-size: 1.125rem;
    line-height: 1.3;
    font-weight: 700;
    text-align: center; }
    .greeting_index .content_greeting .name_greeting em {
      font-size: 2.25rem;
      margin-left: 5px; }

/* .book_index　本著のご紹介
============================================================================== */
.book_index {
  margin-bottom: calc(60/750*100vw); }
  .book_index h2 {
    text-align: center;
    margin-bottom: calc(130/750*100vw); }
  .book_index .content_book .img_book {
    text-align: center; }

/* .amazon_index　アマゾンレビュー＋ボタン群
============================================================================== */
.amazon_index {
  padding-bottom: calc(130/750*100vw); }

/*  review  */
.review-total-point-star {
  width: 25vw;
  float: left; }

.review-total-point-text {
  float: left;
  margin-left: 10px; }

.review-wrap {
  border: .1rem #ddd solid;
  border-radius: .4rem .4rem 0 0;
  margin: 10px 10px; }

.review-total-title p {
  font-size: 1.1rem !important;
  line-height: 1.25 !important;
  font-family: "Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-weight: bold;
  margin: 5px 0px; }

.review-total {
  padding: 1.3rem 1.2rem 1.2rem;
  border-bottom: .1rem #ddd solid; }

.review-content-star {
  width: 16vw;
  font-size: 0.875rem;
  float: left; }

.review-content-wrap {
  margin: 25px 10px; }

.review-content p {
  line-height: 1.35em; }

span.review-contributer-text {
  color: #0066c0; }

.review-contributor p {
  font-size: 0.875rem;
  color: #555;
  margin: 0px; }

.review-content-text p {
  font-weight: bold; }

.review-content-text {
  margin-left: 10px;
  float: left; }

.review-content-point.clearfix {
  margin: 10px 0px; }

.review-contributor {
  margin: 10px 0px; }

.greeting-sign {
  text-align: right; }

.greeting-content-wrap {
  margin-top: 31px; }

a.book_link {
  font-weight: bold; }

a.txt_link {
  text-decoration: none; }

/* .intr_index　著者のご紹介
============================================================================== */
.intr_index h2 {
  text-align: center;
  margin-bottom: calc(-40/750*100vw); }
.intr_index .content_intr {
  padding-top: calc(110/750*100vw);
  padding-bottom: calc(222/750*100vw);
  margin-bottom: calc(-78/750*100vw); }
  .intr_index .content_intr .bg_intr {
    text-align: center;
    margin-bottom: 1em; }
  .intr_index .content_intr .txt_intr {
    font-weight: 700;
    line-height: 1.9;
    margin-bottom: 10vw; }
  .intr_index .content_intr .name_intr_index {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 12vw; }
    .intr_index .content_intr .name_intr_index span {
      display: block;
      font-size: 0.875rem;
      line-height: 2.0;
      margin-bottom: 15px; }
    .intr_index .content_intr .name_intr_index em {
      font-size: 2rem;
      line-height: 1.3;
      letter-spacing: 0.1em;
      margin-right: 0.2em; }
  .intr_index .content_intr .box_history {
    text-align: center;
    margin-bottom: calc(70/750*100vw); }
  .intr_index .content_intr ul li {
    text-align: center; }
    .intr_index .content_intr ul li:not(:last-child) {
      margin-bottom: calc(40/750*100vw); }

/* .act_index　著者の活動のご紹介
============================================================================== */
.act_index {
  background: url(/wp-content/themes/sp/images/index/bg_act.png) center top no-repeat;
  background-size: cover;
  padding: calc(165/750*100vw) 0 calc(100/750*100vw); }
  .act_index h2 {
    font-size: 1.75rem;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: 700;
    margin-bottom: calc(60/750*100vw); }
    .act_index h2 span {
      font-size: 1.375rem; }
  .act_index .wrap_col {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    margin-bottom: calc(60/750*100vw); }
    .act_index .wrap_col .col_l {
      width: calc(330/750*100vw); }
    .act_index .wrap_col .col_r {
      width: calc(330/750*100vw); }
  .act_index .movie {
    position: relative;
    width: 100%;
    padding-top: calc(490/750*100vw); }
    .act_index .movie iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }

/* ._index　
============================================================================== */
/* フッター総合 
============================================================================================================ */
/* copyright　コピーライト
================================================================================================== */
.copyright {
  background: #000;
  padding: 2vw 0 calc(2vw + 250/750*100vw);
  text-align: center; }
  .copyright small {
    font-size: 0.625rem;
    color: #fff;
    line-height: 1.5; }