@charset "UTF-8";

/*!
Theme Name: 特典視聴サイト用Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: WEB
Author URI: https://good-appeal.net/tokuten/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
a {
  color: #666;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
  text-decoration-color: rgba(0,0,0,.3);
  text-decoration-thickness: 1px;
}
a:hover {
  color: #1e73be;
  text-decoration: none;
}
.mb0 {
  margin-bottom: 0 !important;
}
.pc_br {
  display: block;
}
#header-container {
  width: 100%;
  box-shadow: 0 1px 3px rgb(0 0 0 / 5%);
  position: absolute;
  top: 0;
  left: 0;
}
.logged-in #header-container {
  top: 32px;
}
.header .header-in {
  min-height: 93px;
}
.logo {
  pointer-events: none;
  text-align: left;
}
#post-8 .entry-title,
.breadcrumb,
.content-only .entry-categories-tags,
.not-found {
  content-visibility: hidden;
  display: none;
}
#post-8 .wp-block-spacer {
  height: 0 !important;
  margin-bottom: 0;
}
#content {
  padding-top: 93px;
}
.content-only #content {
  padding-top: 0;
}
.wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 1010px;
}
.entry-title {
  margin: 0 0 1em;
  padding: 0;
  font-size: 2rem;
}
.cat-link {
  pointer-events: none;
  background-color: transparent;
  color: #000000;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 0;
  padding: 0;
  margin: 0;
}
.cat-link span:before {
  content: none;
}
.entry-categories-tags {
  margin-bottom: 0;
}
.article h2 {
  padding: 0;
  background-color: transparent;
}
.article h3 {
  margin: 0;
  padding: 0;
  border: 0;
}
figure.wp-block-table table {
  width: 100%;
  margin: 1em auto;
}
table th, table td {
  font-size: .9em;
}
.time-table td:first-child {
  width: 7em;
}
/* audioPlayer */
.h5ap_standard_player {
  width: 80% !important;
}
.plyr__control svg {
  height: 30px !important;
  width: 30px !important;
}
.plyr__volume {
  padding: 0 5px !important;
  min-width: 30px !important;
  width: auto !important;
}
a.plyr__control, .plyr__controls .plyr__controls__item.plyr__time {
  display: none !important;
}
.site-body p.has-large-font-size {
  font-size: 1.4em;
}
/*投稿記事一覧*/
.wp-block-latest-posts__list.wp-block-latest-posts li {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px dotted rgba(0,0,0,.3);
}
.wp-block-latest-posts__list.wp-block-latest-posts li a:hover {
  color: #333;
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 2px;
  text-decoration-color: #333;
  text-decoration-thickness: 1px;
}
.wp-block-latest-posts__post-excerpt {
  margin: 0 !important;
}
/*投稿記事内リンクボタン*/
.link-btn, .download-btn {
  padding: .5em 0 1em;
}
.link-btn a, .download-btn a {
  display: block;
  height: 60px;
  margin-top: 0;
  padding: 0 0 0 70px;
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 60px;
  text-decoration: none;
  border-radius: .5em;
  position: relative;
  transition: .5s;
  box-sizing: content-box;
}
.link-btn a {
  padding: .5em 0;
  text-align: center;
}
.link-btn.red a, .download-btn.red a {
  background-color: #FF0000;
  box-shadow: 0 7px 0 0 #CC0000;
}
.link-btn.blue a, .download-btn.blue a {
  background-color: #00A0E9;
  box-shadow: 0 7px 0 0 #006C9D;
}
.link-btn.green a, .download-btn.green a {
  background-color: #68AD21;
  box-shadow: 0 7px 0 0 #3F7B00;
}
.link-btn.orange a, .download-btn.orange a {
  background-color: #FF6000;
  box-shadow: 0 7px 0 0 #D74C00;
}
.link-btn a:active, .download-btn a:active,
.link-btn a:hover, .download-btn a:hover {
  transform: translateY(7px);
  box-shadow: 0 0 0 0 #333;
}
.download-btn a::before {
  content: "\f019";
  font-family: FontAwesome;
  display: block;
  width: 30px;
  height: 30px;
  font-size: 30px;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  left: 20px;
  top: calc(50% - 15px);
}
.download-btn + p {
  line-height: 1.2;
}
/* VimeoPlayer */
.wp-embed-aspect-16-9.wp-has-aspect-ratio {
  width: 100% !important;
  max-width: 640px !important;
  margin-top: 0 !important;
  margin-bottom: .5em !important;
  aspect-ratio: 16 / 9;
  background-color: #000000;
  position: relative;
}
.wp-embed-aspect-16-9.wp-has-aspect-ratio .video-container {
  margin: 0 !important;
}
.wp-embed-aspect-16-9.wp-has-aspect-ratio iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
/* audioPlayer */
.wp-block-embed {
	width:70% !important;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
body {
  font-size: 18px !important;
}
.pc_br {
  display: none;
}
.smp_br {
  display: inline-block;
}
.logo.logo-image {
  padding: .2em 2vw !important;
  width: 70vw;
}
#content {
  padding-top: 70px;
}
.cat-link {
  font-size: 5vw;
}
.entry-title {
  font-size: 7vw;
}	
.content-bottom-in {
  margin: 0 1em;
}
figure.wp-block-table table {
  margin: 0 auto;
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 0 !important;
}
/* audioPlayer */
.h5ap_standard_player {
	width:100% !important;
}
.plyr__volume input:last-of-type {
	display:none !important;
}
/* VimeoPlayer */
.wp-embed-aspect-16-9.wp-has-aspect-ratio {
  max-width: 100% !important;
}
/*投稿記事内リンクボタン*/
.link-btn a, .download-btn a {
  height: 80px;
  line-height: 80px;
}
}