@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*--------------------------------------
全体
--------------------------------------*/
.display-none{
  display: none;
}
.entry-card-meta.card-meta{
  right: inherit;
  left: 0;
  text-align: left;
  line-height: 1.2;
}
.entry-card-info.e-card-info .post-author{
  display: block;
}
.entry-card-snippet.card-snippet.e-card-snippet{
  padding-bottom: 20px;
}

/*--------------------------------------
個別記事適用
--------------------------------------*/
#toc.toc{
  width: 100%;
}
.article h2{
  background-color: #BDCFCB;
}
.article h3{
  background-color: #EEEEEE;
  border-left-color: #F3D45C;
}
.article .marker-under{
  background: linear-gradient(transparent 60%, #F3D45C 60%);
}
.main figure.wp-block-table table tr:nth-of-type(2n+1){
  background-color: inherit;
}
.main figure.wp-block-table table thead tr:first-child{
  background-color: #BDCFCB;
}
.main figure.wp-block-table table th{
  background-color: #BDCFCB;
}
.cta-btn-wrapper{
  position: fixed;
  display: flex;
  bottom: 0px;
  left: 0px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  text-align: center;
  padding: 10px;
  z-index: 1000;
  transition: .2s;
}
.cta-btn-wrapper.deactive{
  height: 0px;
  opacity: 0;
}
.cta-txt{
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  font-size: 1.2rem;
  padding-left: 20px;
  width: 50%;
  text-align: left;
}
.cta-txt p{
  margin: 0 auto;
}
.cta-btn{
  position: relative;
  display:flex;
  flex-direction: column;
  opacity: 1;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  color: black;
  border-radius: 10px;
  background-color: #F3D45C;
  height: 100%;
  width: 50%;
  overflow: hidden;
  transition: .3s;
}
.cta-btn:hover{
  opacity: .8;
  color: black;
  cursor: pointer;
}
.cta-btn-wrapper.addAnimation .cta-btn::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
  animation: shine 4.3s infinite;
 }
.cta-btn p{
  margin: 0 auto;
  font-size: 1.2rem;
}
.pr-label span{
	font-size: .8rem;
	border: 1px solid black;
	padding: 5px;
}
.pr-label + h1{
	margin-top: 0px;
}
.author_profile_on_top::before{
  content: "監修記事";
  position: absolute;
  top: -.75rem;
  left: 0;
  background-color: black;
  color: white;
  font-size: 1rem;
  line-height: 1.5;
  padding: 5px 10px 5px 10px;
}
.author_profile_on_top.lawyer::before{
  content: "弁護士監修記事";
}
.author_profile_on_top{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  text-align: left;
  background-color: rgb(240, 240, 240);
  padding: 10px;
  padding-top: 2.2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.author_profile_on_top img{
  height: 100px;
}
.author_profile_on_top p{
  font-size: 1rem;
  margin-bottom: 0px;
  margin-left: 1rem;
  font-weight: bold;
}
.author_profile_on_top a.profile_btn{
  text-decoration: none;
  color: inherit;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 1rem;
  margin-top: 10px;
  font-size: .9rem;
  font-weight: bold;
  background-color: #F3D45C;
}
.article ol:not(#toc *),
.article ul:not(#toc *){
  background-color: #EFEFEF;
}
.tab-caption-box-label{
  background-color: #F3D45C;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transform: translateY(.81em);
}
.tab-caption-box-content{
  background-color: #EFEFEF;
  border-radius: 0;
}

.footer-meta .author-info .author-link::before{
  content: "この記事を監修した専門家";
  position: absolute;
  top: -.75rem;
  left: 0;
  background-color: black;
  color: white;
  font-size: 1rem;
  line-height: 1.5;
  padding: 5px 10px 5px 10px;
}
.footer-meta .author-info .author-link{
  position: relative;
  text-align: left;
  background-color: rgb(240, 240, 240);
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 1rem;
  margin-bottom: 20px;
}
.footer-meta .author-info .author-link .img_and_title{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.footer-meta .author-info .author-link .img_and_title .office_and_name{
  margin-left: 10px;
}
.footer-meta .author-info .author-link .img_and_title .office_and_name p{
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 10px;
}
.footer-meta .author-info .author-link .author_contact_btn a.profile_btn{
  text-decoration: none;
  color: inherit;
  display: inline-block;
  background-color: #F3D45C;
  font-size: 1rem;
  font-weight: bold;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .entry-card-content.card-content.e-card-content{
    min-height: 9rem;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .cta-txt{
    display: none;
  }
  .cta-btn{
    width: 100%;
  }
  .cta-btn p{
    font-size: 1rem;
  }
  .related-entry-card-title, .entry-card-title{
    -webkit-box-orient: unset;
  }
	
	.entry-title, .article h2{
		padding:0.6em 0.2em;
	}
}