@charset "UTF-8";

/* totsuteki2019.cssを上書き */
.header__logo {
  background-color: transparent;
}
.header__lead {
  font-size: 16px;
  margin: 11px auto;
  color: #021D49;
}

a.btn {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
  transition: all .3s;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  border-radius: 6px;
  outline: none;
  background-color: #021D49;
}
a:not(.btn):link {
  text-decoration: none;
  color: #021d49;
}
.post-share li a {
  color: white !important;
  background-color: #021d49;
}
.footer-share h3 {
  color: #021D49;
}
.footer-share li a {
  color: #021d49;
}
.footer-contact__home a {
  color: #021d49;
  background-color: transparent;
}
.footer .copyright {
  background-color: transparent;
}

.navi {
  background-image: none;
}

  .header__lead > div {
    display: inline-block;
    text-align: center;
  }

/*----------------------------------------
 
 PC用のスタイル 

 ----------------------------------------*/
#head_sp{
	display: none;
}

/* 全体 
---------------------------------------- */
.live {
  width: 535px;
  margin: 40px auto;
  border: 1px solid #021D49;
  background: white;
}

/* 日付部分 
---------------------------------------- */
.day {
  text-align: center;
  border-bottom: 1px solid #021D49;
  background-color: #FFFFE5;
}
.day img {
  width: 410px;
  margin: 8px auto;
}

/* アコーディオン上部 
---------------------------------------- */
.waku {
  padding: 18px 0 0;
  text-align: center;
}
.waku img {
  width: 491px;
}

/* アコーディオンのコンテンツ 
---------------------------------------- */
.sub {
  font-family: bokutoh-rera, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 0 0 18px 0;
  text-align: center;
  color: #021D49;
}
/* 似顔絵部分 */
.sub > img {
  width: 239px;
}
/* 書店のリンク部分 */
.sub a img {
  width: 395px;
}

/* アコーディオンのボタン
---------------------------------------- */
.button {
  line-height: 1;
  padding: 11px 0;
  cursor: pointer;
  text-align: center;
  background-color: #fff;
}
.button img {
  width: 30px;
  vertical-align: top;
}
.button.open {
  padding: 0;
}
.button.open img {
  width: 535px;
}

#hon {
  text-align: center;
  border: 0 none;
  background-color: transparent;
}
#hon a img {
  width: 436px;
}

.hidden {
  visibility: hidden;
}

@media (hover:hover) {
  .button,
  .hover {
    transition: opacity 0.3s;
    opacity: 1;
  }
  .button:hover,
  .hover:hover {
    opacity: 0.4;
  }
}
.button[target="_blank"]::after,
.hover[target="_blank"]::after {
  content: none;
}





/*----------------------------------------
 
 SP用のスタイル 
 
----------------------------------------*/

@media (max-width:601px) {
	#head_sp{
		display: block;
	}
	#head_pc{
		display: none;
	}
  .live {
    width: 100%;
    margin: 20px auto;
  }

  .day {
    padding: 0 18px;
  }
  .day img {
    width: 100%;
  }

  .waku img {
    width: 100%;
  }

  .sub {
    padding: 0 18px 18px;
  }
  .sub p {
    text-align: left;
  }
  .sub a img {
    width: 100%;
  }

  .button img {
    /* 30px / 536px = 5.59701493% */
    width: 5.59701493%;
  }

  .button.open img {
    width: 100%;
  }

  #hon a img {
    width: 100%;
  }
}