/* ================================================================== */

/* about KIZUNA

===================================================================== */

.a-site_contents             { background-color: #f0f0f0; }
.a-site_contents .site_frame { color: #000; }

/* ------------------------------------------------------------------ */
/* about KIZUNA 本文
--------------------------------------------------------------------- */

.about_kizuna_box1,
.about_kizuna_box2 { font-family: georgia, "times new roman", times, serif; }
.about_kizuna_box2 { background-color: #fff; }

@media(min-width:642px) {
  .about_kizuna_box1     { display: flex; gap: 5%; margin-bottom: 35px; font-size: 16px; line-height: 1.8; }
  .about_kizuna_box1 > div:nth-of-type(1){ width: 30%; }
  .about_kizuna_box1 > div:nth-of-type(2){ width: 65%; }
  .about_kizuna_box2     { display: flex; gap: 5%; padding: 40px; font-size: 15px; line-height: 1.5; }
  .about_kizuna_box2 > div:nth-of-type(1){ width: 23%; }
  .about_kizuna_box2 > div:nth-of-type(2){ width: 72%; }
}
@media(max-width:641px) {
  .about_kizuna_box1     { margin-bottom: 24px; font-size: 14px; line-height: 1.7; }
  .about_kizuna_box1 img { display: block; width: 210px; margin: 0 auto 32px; }
  .about_kizuna_box2     { padding: 20px; font-size: 15px; line-height: 1.8; }
  .about_kizuna_box2 img { display: block; width: 230px; margin: 0 auto 24px; }
}

/* ------------------------------------------------------------------ */
/* PDF 一覧
--------------------------------------------------------------------- */

.magaBox { width: 100%; }
@media(min-width:642px) {
  .magaBox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  .magaBoxImage { width: 24%; }
  .magaBoxText  { width: 72%; }
  .c-hr { margin-bottom: 40px; }
}
@media(max-width:641px) {
  .magaBox { margin-bottom: 20px; }
  .magaBoxImage { padding: 0 24% 24px; }
  .c-hr { margin-bottom: 20px; }
}

/* ボタン回り */
.otherContentsArea { margin-bottom: 28px; }
.otherContentsArea ul { display: flex; }
.otherContentsArea li:not(:first-child) img { margin-left: 10px; }
@media(min-width:642px) {
  .otherContentsArea li img { width: 130px; }
}
@media(max-width:641px) {
  .otherContentsArea li img { max-width: 100px; }
}

/* Kindle 概要分 .magaDescription */

.magaDescription { margin-bottom: 2em; }

.magaDescription > p {
	position: relative;
	overflow: hidden;
	height: 8em;
	max-height: 8em;
    transition: .4s linear;
}

.magaDescription > p::after {
	display: block;
    content: '';
    position: absolute;
    top: 5.6em;
    background: linear-gradient(transparent -300%, #F0F0F0);
    width: 100%;
    height: 2em;
}

.magaDescription.is-open > p        { height: auto; padding-bottom: 2em; transition: .4s linear; max-height: 100em; }
.magaDescription.is-open > p::after { top: auto; }

.magaDescription .magaDescription-btn {
	display: flex;
	justify-content: flex-end;
	margin-top: -1.6em;
}
.magaDescription .magaDescription-btn .btn-01 {
	padding: 0.6em 2em 0.6em 1.4em;
    min-width: 160px;
    cursor: pointer;
}
.magaDescription .magaDescription-btn .btn-01:before         { transform: translateY(-50%) rotate(90deg); }
.magaDescription.is-open .magaDescription-btn .btn-01:before { transform: translateY(-50%) rotate(-90deg); }


/* ------------------------------------------------------------------ */
/* module
--------------------------------------------------------------------- */

.c-large_headline  { margin-bottom: .5em; }

@media(min-width:642px) {
  .c-small_headline  { margin-bottom: 1em; }
}
@media(max-width:641px) {
  .c-large_headline { font-size: 18px; }
  .c-small_headline { font-size: 16px; margin-bottom: .5em; }
}