/*! --------------------------------------------------------------
　　このCSSファイルは .scssファイルからコンパイルされたものです。
　　修正する際は.scssファイルを編集してください。
　　.cssファイルを直接編集しないように注意してください。
--------------------------------------------------------------- */
/* Theme Name: pc */
@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/pc/fonts/notosansjp-regular-webfont.woff2) format("woff2"), url(/wp-content/themes/pc/fonts/notosansjp-regular-webfont.woff) format("woff"), url(/wp-content/themes/pc/fonts/notosansjp-regular-webfont.eot) format("embedded-opentype"), url(/wp-content/themes/pc/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/pc/fonts/notosansjp-bold-webfont.woff2) format("woff2"), url(/wp-content/themes/pc/fonts/notosansjp-bold-webfont.woff) format("woff"), url(/wp-content/themes/pc/fonts/notosansjp-bold-webfont.eot) format("embedded-opentype"), url(/wp-content/themes/pc/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/pc/fonts/lato-regular-webfont.woff2) format("woff2"), url(/wp-content/themes/pc/fonts/lato-regular-webfont.woff) format("woff"), url(/wp-content/themes/pc/fonts/lato-regular-webfont.eot) format("embedded-opentype"), url(/wp-content/themes/pc/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/pc/fonts/lato-bold-webfont.woff2) format("woff2"), url(/wp-content/themes/pc/fonts/lato-bold-webfont.woff) format("woff"), url(/wp-content/themes/pc/fonts/lato-bold-webfont.eot) format("embedded-opentype"), url(/wp-content/themes/pc/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: "游明朝","Yu Mincho", "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: 1.125rem;
  line-height: 1.65;
  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 {
  width: 1200px;
  margin: 0 auto;
  position: relative; }

.sp-only {
  display: none; }

/* フレックスボックス */
/* 基本色一覧 */
/* header部分　.headは下層と共通
============================================================================== */
header {
  margin-bottom: 150px; }

.head {
  height: 160px;
  position: relative;
  z-index: 2; }
  .head .inner {
    height: 100%; }
    .head .inner h1 {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
      .head .inner h1 a {
        display: block; }
    .head .inner .amazon_head {
      float: right;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }

/* トップページのみのパーツ */
.home header .main_img {
  height: 1378px;
  background: url(/wp-content/themes/pc/images/index/main01.jpg) center top no-repeat;
  background-size: cover;
  margin-bottom: 65px; }

.fix {
  width: 100%;
  height: 125px;
  background: url(/wp-content/themes/pc/images/index/bg_fix.png) center top no-repeat;
  background-size: cover;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 11; }
  .fix .inner {
    height: 125px;
    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 .fix_ttl {
      padding: 0 65px; }
    .fix .inner .fix_amazon {
      padding-left: 80px; }
    .fix .inner .fix_kindle {
      padding-right: 70px; }

/* #content
======================================================================================== */
/* .greeting_index　著者出版に寄せてのご挨拶
============================================================================== */
.greeting_index h2 {
  text-align: center;
  margin-bottom: -50px; }
.greeting_index .content_greeting {
  padding: 45px 0 140px; }
  .greeting_index .content_greeting .ninja_onebutton {
    margin-bottom: 65px; }
  .greeting_index .content_greeting p {
    margin-bottom: 35px; }
  .greeting_index .content_greeting .name_greeting {
    font-weight: 700;
    text-align: right; }
    .greeting_index .content_greeting .name_greeting em {
      font-size: 2.25rem;
      margin-left: 5px; }

/* .book_index　本著のご紹介
============================================================================== */
.book_index {
  margin-bottom: 95px; }
  .book_index h2 {
    text-align: center;
    margin-bottom: -50px; }
  .book_index .content_book {
    height: 906px;
    background: url(/wp-content/themes/pc/images/index/bg_book.png) center top no-repeat; }
    .book_index .content_book .img_book {
      text-align: right;
      padding-top: 230px;
      padding-right: 32px; }

/* .amazon_index　アマゾンレビュー＋ボタン群
============================================================================== */
.amazon_index {
  padding-bottom: 150px; }

/*  review  */
.review-total-point-star {
  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.2rem !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 {
  float: left; }

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

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

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

.review-contributor p {
  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: -50px; }
.intr_index .content_intr {
  background: url(/wp-content/themes/pc/images/index/bg_intr.png) center top no-repeat;
  padding-bottom: 306px;
  margin-bottom: -205px; }
  .intr_index .content_intr .txt_intr {
    font-weight: 700;
    line-height: 2.0;
    padding-top: 145px;
    margin-bottom: 30px; }
  .intr_index .content_intr .name_intr_index {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 105px; }
    .intr_index .content_intr .name_intr_index span {
      display: block;
      font-size: 1.125rem;
      line-height: 2.0;
      margin-bottom: 15px; }
    .intr_index .content_intr .name_intr_index em {
      font-size: 3rem;
      line-height: 1.3;
      letter-spacing: 0.1em;
      margin-right: 0.5em; }
  .intr_index .content_intr .box_history {
    text-align: center;
    margin-bottom: 60px; }
  .intr_index .content_intr 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: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch; }

/* .act_index　著者の活動のご紹介
============================================================================== */
.act_index {
  background: url(/wp-content/themes/pc/images/index/bg_act.png) center top no-repeat;
  padding: 150px 0 125px; }
  .act_index h2 {
    font-size: 4.375rem;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: 700;
    margin-bottom: 60px; }
    .act_index h2 span {
      font-size: 3.4375rem; }
  .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; }
    .act_index .wrap_col .col_l {
      width: 330px; }
      .act_index .wrap_col .col_l ul li {
        text-align: center; }
        .act_index .wrap_col .col_l ul li:not(:last-child) {
          margin-bottom: 72px; }
    .act_index .wrap_col .col_r {
      width: 800px; }
      .act_index .wrap_col .col_r .movie {
        position: relative;
        width: 100%;
        padding-top: 560px; }
        .act_index .wrap_col .col_r .movie iframe {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }

/* ._index　
============================================================================== */
/* フッター総合 
============================================================================================================ */
/* copyright　コピーライト
================================================================================================== */
.copyright {
  background: #000;
  padding: 45px 0 calc(45px + 125px);
  text-align: center; }
  .copyright small {
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.5; }
.inv-recaptcha-holder{
display: none;
}