/*====================================
  レスポンシブ
====================================*/

@media screen and (max-width: 1540px)  {

}

@media screen and (max-width: 1230px)  {

}

@media screen and (max-width: 860px)  {
  .sp_none {
    display: none;
  }
  .introduction .main_img {
    max-width: 560px;
  }
  .readers .voice {
    max-width: 560px;
  }
  .follow .follow_img {
    max-width: 560px;
  }


  .sasshi_content .book_outline:nth-of-type(2n) .book {
    margin-left: 20px;
    }
    .sasshi_content .book_outline:nth-of-type(2n) .book .text {
      padding-left: 0;
    }
    .sasshi_content .book_outline:nth-of-type(2n) .book .text .comment, 
    .sasshi_content .book_outline:nth-of-type(2n) .book .text p {
      width: 95%;
    }
    .sasshi_content .book_outline:nth-of-type(2n) .title_shiori {
      left: 20%;
    }
  .sasshi_content .book {
    background: #fff8ed;
    border-radius: 10px;
    padding: 50px 0;
    margin: 10px 20px 50px;
  }
  
  .sasshi_content .book .title_imgs {
    width: 100%;
  }
  .sasshi_content .book .text {
    width: 100%;
    padding-left: 0;
  }
  .sasshi_content .book_outline:nth-of-type(2n) .book .text .comment,
  .sasshi_content .book_outline:nth-of-type(2n) .book .text p,
  .sasshi_content .book_outline:nth-of-type(2n) .book .text {
    width: 98%;
    padding-left: 5px;
    padding-right: 10px;
  }
  .sasshi_content .book .title_imgs img {
    padding-left: 0;
  }
  .sasshi_content .book .title_imgs img {
    width: 95%;
  }
  .sasshi_content .book_outline .title_shiori {
    left: 20%;
    top: -3%;
  }
  .sasshi_content .book .text .comment,
  .sasshi_content .book .text p {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 15px;
  }
  .book .text .comment .space {
    height: 2.5em;
  }
  .sasshi_content .book_outline:nth-of-type(4) .book .space {
    height: 6.5em;
  }
  .sasshi_content .book .text {
    margin-top: 5px;
  }
  .book .text .comment>h4 {
    margin: 10px 0;
  }
  .sasshi_content .book_outline:nth-of-type(2n) .book {
    margin-left: 20px;
  }
  .kuma {
    position: absolute;
    bottom: -170px;
    left: 20px;
  }
  .kuma_right {
    position: absolute;
    bottom: -170px;
    right: 20px;
  }
  .sasshi_content .book_outline:nth-of-type(2n) .book {
      margin-bottom: 210px;
    }
    .sasshi_content .book_outline:nth-of-type(6) .book {
      margin-bottom: 40px;
      }
  .sasshi_content .book_outline:nth-of-type(2n) .title_shiori {
    left: 20%;
  }
  .sasshi_content .book_outline:nth-of-type(3n) .book .space {
    height: 3.5em;
  }
  .sashi_wrapper {
    padding-bottom: 200px;
  }
  
  .furoku .block {
    width: 90%;
    margin: 40px 20px;
    clear: both;
    font-size: 13px;
  }
  .furoku .block .detail {
    font-size: 13px;
  }
  .furoku .block h3+img {
    width: 90%;
  }
  .furoku .block h3 {
    font-size: 20px;
    padding: 32px 10px;
  }
  .furoku .block:nth-of-type(2) h3 {
    padding: 22px 10px;
  }
  .footer .footer_space table tr th {
    width: 100%;
  }

  .footer .footer_space table tr td:first-of-type {
    width: 100%;
  }

  .footer .footer_space table tr td:nth-of-type(2) {
    width: 100%;
  }
  .pc_none {
    display: block;
  }
  #logo img {
    width: 80%;
    padding: 5%;
  }
  .sasshi_content .book .text {
    padding: 0;
  }
  .sasshi_content .book_outline:nth-of-type(2n) .book .text {
    width: 100%;
  }
    .sasshi_content .book_outline .title_shiori img,
  .sasshi_content .book_outline:nth-of-type(2n) .title_shiori img{
    width: 90%;
  }
  .sasshi_content .book_outline .title_shiori,
  .sasshi_content .book_outline:nth-of-type(2n) .title_shiori {
    position: absolute;
    top: -5%;
    left: 5%;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .sasshi_content .book_outline .book .title_imgs img {
    margin-top: 5%;
  }
}


@media screen and (max-width: 560px)  {
  .menu_sp_none {
    display: none;
  }
  .sasshi_content .book {
    padding: 20px 0;
  }
  .sasshi_content .book .title_imgs img {
    padding: 40px 0 0 0;
  }
  .sasshi_content .book .text .comment,
  .sasshi_content .book .text p {
    width: 95%;
    margin: 0 auto;
  }
  .sasshi_content .book .text {
    font-size: 13px;
  }
  .book .text .comment .space {
    height: 1.8em;
  }
  
  .furoku .block {
    margin: 30px 20px;
  }
  .footer .space {
    height: 9.4em;
  }
  .footer .heading_title {
    font-size: 18px;
    padding: 0 0 5px 0;
  }
  .footer .footer_text {
    font-size: 14px;
  }
  .footer .footer_space {
    margin-top: 20px;
    font-size: 13px;
  }
  .footer .footer_space .branch {
    font-weight: bold;
  }
  #logo img {
    width: 95%;
    padding: 10% 5%;
  }
  /*====================================
    ヘッダー・ナビ共通
  ====================================*/
  nav ul li {
    width: 33%;
    margin-left: 0;
    margin-right: 0;
    font-size: 13px;
    box-sizing: border-box;
    border-right: 1px dashed #ffc98d;
  }
  nav ul li:last-of-type {
    border-right: 0;
  }
  nav {
    padding: 10px 0;
    margin: 0 auto;
  }
  nav ul li img {
    margin-right: 3px;
  }
  li {
    padding: 0;
    margin: 0;
  }
    /*====================================
    導入部（メイン）共通
  ====================================*/
  .introduction {
    padding: 20px 0;
  }
  
  .introduction .main_img {
    margin-bottom: 20px;
    width: 90%;
  }

  .introduction .description {
    font-size: 14px;
    line-height: 1.8em;
    font-weight: normal;
    margin: 10px 0 20px;
  }
  
  .introduction .description .sp_style,
  .introduction .description .sp_style .marker {
    font-size: 16px;
  }
  .heading_title {
    padding: 20px 0;
  }
  .sasshi_content .book .text {
    padding: 0;
  }
  .book .text .comment>h4 {
    margin: 3px 0;
  }
  .sasshi_content .book_outline:nth-of-type(2n) .book .text {
    width: 100%;
    padding: 0 10px;
  }
  .sasshi_content .book_outline:nth-of-type(4) .book .space {
    height: 4.3em;
  }
  .sasshi_content .book_outline .kuma {
    position: absolute;
    bottom: -90px;
    left: 20px;
  }
  .sasshi_content .book_outline:nth-of-type(4) .kuma {
    position: absolute;
    bottom: -110px;
    left: 20px;
  }
  .kuma_right {
    position: absolute;
    bottom: -100px;
    right: 20px;
  }
  .sasshi_content .book_outline:nth-of-type(3) .book .space {
    height: 3.5em;
  }
  .sasshi_content .book_outline:nth-of-type(5) .book .space,
  .sasshi_content .book_outline:nth-of-type(6) .book .space {
    height: 0;
  }
  .sasshi_content .book_outline:nth-of-type(2n) .book {
    margin-bottom: 120px;
  }
  .sasshi_content .book_outline:nth-of-type(6) .book {
    margin-bottom: 40px;
  }
  .sashi_wrapper {
    padding-bottom: 120px;
  }
  /*====================================
    付録共通
  ====================================*/
  .furoku .block:first-of-type {
    margin-top: 10px;
  }
  .follow .bikou {
    width: 80%;
  }
  .readers_wrapper {
    padding-bottom: 10px;
  }
  .readers .voice {
    width: 90%;
  }
  .footer .space {
    height: 6.5em;
  }
  .follow .follow_img {
    width: 90%;
  }
  
/*
  .sasshi_content .book_outline .title_shiori img {
    width: 100%;
  }
*/

}