@charset "UTF-8";

/* -----------------------------------
 Books
----------------------------------- */
#books {
	margin: 40px auto;
}
	#books h2 {
		position: relative;
		text-align: center;
		font-size: 220%;
		font-style: italic;
		z-index: 1;
		color: #000;
	}
	#books h2::before {
		content: "";
		display: inlinn-block;
		position: absolute;
		top: 20px;
		left: 0;
		background: #fff;
		border-top: 3px solid #f7c4c1;
		border-bottom: 1px solid #f7c4c1;
		height: 2px;
		width: 100%;
		z-index: -1;
  }
  #books h2::after {
		content: "著書のご紹介";
    display: block;
    font-family: serif;
    font-size: 40%;
    font-style: normal;
    text-align: center;
    width: 100%;
  }

		#books h2 span {
			background: #fff;
			padding: 0 30px;
		}

	#books > div {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

  /* -----------------------------------
   Carousel
  ----------------------------------- */
  #books .slick-carousel {
    background: #f3f3f3;
    margin: 40px auto;
    width: 100%;
  }
    .show_index_book {
      padding: 58px 112px 90px;
      width: 100%;
    }
				/* Slick Carousel のボタン */
				#books button {
					outline: none;
					border: none;
				}
				#books button.slick-prev,
				#books button.slick-next {
					position: absolute;
          top: 50%;
          margin-top: -29px;
				}
				#books button.slick-prev {
					left: 10px;
				}
				#books button.slick-next {
					right: 10px;
				}
					#books .slick-prev,
					#books .slick-next {
						position: relative;
						width: 58px;
            height: 58px;
            background: none;
						opacity: 1;
						padding: 0;
						transition: all 0.1s ease;
					}
					#books .slick-prev:hover,
					#books .slick-next:hover {
						opacity: .6;
					}
					#books .slick-prev {
						background: url(../images/common/arw_prev.png) no-repeat center center;
					}
					#books .slick-next {
						background: url(../images/common/arw_next.png) no-repeat center center;
					}
				
				/* slick-carousel のdotナビゲーション */
				#books .slick-dots {
					width: 100%;
          text-align: center;
          position: absolute;
          bottom: 28px;
				}
					#books .slick-dots li {
						width: 7px;
						height: 7px;
            display: inline-block;
            margin: 0 6px;
					}
					#books .slick-dots li button {
						color: transparent;
						display: block;
						font-size: 0;
						padding: 0;
						line-height: 7px;
						width: 7px;
						height: 7px;
						cursor: pointer;
						outline: none;
						background: #fff;
						border-radius: 10px;
						behavior: url(./js/PIE.htc);
					}
						#books .slick-dots li button:hover {
							background: #ccc;
						}
					#books .slick-dots li.slick-active button {
						background-color: #ec544b;
					}



  /* -----------------------------------
   一 覧
  ----------------------------------- */
  #books .list {
    margin: 20px;
  }
    #books .list {
      padding: 29px 35px 10px;
    }
      #books .list ul {
        align-items: flex-start;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin: -24px 0 0 -29px;
        overflow: hidden;
      }
        #books .list li {
          width: 420px;
          margin: 0 0 -1px 29px;
          border-top: 1px dotted #bfbdb8;
        }
        #books .list li:first-child,
        #books .list li:nth-child(2) {
            border-top: none;
        }
          #books .list .book {
            padding: 24px 24px 24px 0;
          }
            #books .thumb {
              float: left;
              line-height: 0em;
              max-height: 256px;
              width: 200px;
            }
            #books .list .thumb {
              max-height: 127px;
              width: 110px;
            }
              #books .thumb img {
                max-height: 256px;
                width: 180px;
              }
              #books .show_index_book .thumb img {
                box-shadow: 12px 12px 0px 0px rgba(217,217,217,1);
              }
              #books .list .thumb img {
                max-height: 127px;
                max-width: 90px;
              }
              #books .show_index_book .information {
                font-size: 120%;
                margin: 0 0 0 230px;
              }
              #books .list .information {
                margin: 0 0 0 110px;
              }
              #books h4 {
                color: #ec544b;
                font-size: 130%;
                font-weight: bold;
              }
              #books .show_index_book h4 {
                margin-bottom: 8px;
              }
              #books .list h4 {
                color: #df756f;
                font-size: 100%;
                font-weight: normal;
              }
            #books .btn {
              background-color: #64b69f;
              border-radius: 42px;
              color: #fff;
              display: inline-block;
              font-family: serif;
              font-size: 110%;
              line-height: 42px;
              margin: 15px 0 0 30px;
              text-align: center;
              height: 42px;
              width: 220px;
            }
            #books .list .btn {
              font-size: 100%;
              line-height: 28px;
              margin: 8px 0 0;
              height: 28px;
              width: 140px;
              font-size: 80%;
            }
            #books .button--left-to-right:before {
              background: #2C997B;
            }