@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.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
  color: #fff;
  background-color: #122b87;
}

.page .entry-title,
.single .entry-title {
	text-align: center;
}

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}
/*フロント固定ページのタイトルを非表示終わり*/


/*——————-見出し———————-*/
.head_test {
    margin:  0;             /* デフォルトCSS打ち消し */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    margin-bottom: 35px;    /* 周りの余白指定 */
    font-size: 25px;        /* 文字サイズ指定 */
    text-align:  center;    /* 文字位置指定 */
}
p {
    margin:  0;             /* デフォルトCSS打ち消し */
    line-height: 2;         /* 行間調整 */
}
.head_test-point {
    display:  block;        /* ブロック要素にする */
    font-size:  14px;       /* 文字サイズ指定 */
    margin-top:  5px;      /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
    width: 140px;           /* 幅指定 */
    margin: 5px auto 0;    /* 周りの余白指定 */
    background-color:  #fff;/* 背景色指定 */
}
 
.head_test-point:before {
    content: '';            /* 空の要素を作る */
    height:  1px;           /* 高さ指定 */
    background-color:  #000;/* 背景色指定 */
    position:  absolute;    /* 位置調整 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */
    z-index: -1;            /* 重なり調整 */
    width: 200px;           /* 幅指定 */
    left:  -30px;           /* 位置調整 */
}

.ttl_center2 {
  font-weight: bold;
  padding-bottom: 0.5em;
  text-align: center;
  position: relative;
}
.ttl_center2::before, .ttl_center2::after {
  content: '';
  position: absolute;
  margin:auto;
  left: 0;
  bottom: 0;
  width: 2em;
  background-color: #e3e3e3;
  height: 5px;
  right: 2em; 
}
.ttl_center2::before { 
  background-color:#4c9ac0;
  left:2em;
  width:4em;
}

.ttl_center4 {
  font-weight: bold;
  padding: 0 3em;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.ttl_center4::before, .ttl_center4::after {
  content: '';
  background: #122b87;
  width: 2em;
  height: 3px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.ttl_center4::before {
  left: 0;
}
.ttl_center4::after {
  right: 0;
}

/*——————-見出し終わり———————-*/

/*——————-新着情報———————-*/
ul.msr_newslist04 {
  border-top: 5px solid #000000;
  width: 90%;
  margin: 0px;
	list-style: none;
	padding: 0px;
}
ul.msr_newslist04 li {
  border-bottom: 1px solid #000000;
  font-size: 14px;
}
ul.msr_newslist04 li a {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #000000;
  display: table;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  width: 100%;
	padding-bottom: 10px;
}
ul.msr_newslist04 li a:hover {
  text-decoration: none;
  background: #EEEEEE;
}
ul.msr_newslist04 li div {
  padding-bottom: 10px;
  width: 144px;
}
ul.msr_newslist04 li p {
  vertical-align: middle;
}
/* 時間の設定 */
ul.msr_newslist04 li time {
  display: table-cell;
  vertical-align: top;
  width: 90px;
	float: left;
}
/* カテゴリの設定 */
ul.msr_newslist04 li .cat01, .msr_newslist04 li .cat02 {
  background-color: #000000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: table-cell;
  color: #FFFFFF;
  font-size: 10px;
  padding: 0 2px;
  text-align: center;
  width: 50px;
	margin-top:10px;
}
ul.msr_newslist04 li .cat02 {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  box-sizing: border-box;
  color: #000000;
}
/*——————-新着情報終わり———————-*/


/*——————-おすすめカード———————-*/
div.navi-entry-card-title.widget-entry-card-title.card-title{/*おすすめカード上の文字*/
display: none;
}
.widget-entry-cards.large-thumb-on .card-content{/*写真の上に若干黒かかってる部分*/
background: none;
}
/*——————-おすすめカード終わり———————-*/

.box{
    display: table;
    text-align: center;
    width: 100%;
	padding:0 5px;
}

/*——————-ブログカード———————-*/
.blogcard{
	border:none;
        background: #f5f5f5; 
	transition: all .5s ease; 

	box-shadow: 0px 4px 15px -5px rgba(85,85,85,0.75); 
		position: relative
}

.blogcard-title{
	font-size: 22px;
}

.blogcard-wrap:hover{
	opacity:1;
    background:#dddddd;
    transform:translateY(-6px); 
    box-shadow: 0px 8px 18px -5px rgba(85,85,85,0.75); 
}

.internal-blogcard-footer{
	display: none
}
/*——————-ブログカード終わり———————-*/



/*——————-タレント紹介———————-*/
#container1 {
    max-width: 800px;
    margin: auto;
	text-align : center;
}
 
figure {
    display: inline-block;
    text-align: center;
	margin: 7px 10px 7px 10px; /* 外側に余白を加える(右に7px・下に7px) */
	color: #000;
	border: solid 1px #ddd;
	background-image:url('https://www.plandas.co.jp/wp-content/uploads/rookie.png');
}

 
figure img {
    display: block;
    margin: auto;
    width: 100%;
}


 
figcaption {
    display: inline-block;
  padding-top: .4em;
}

figcaption span {
  display: block;
  margin-bottom: .2em;
  color: #aaa;
  font-size: 12px;
}
  
figure:hover {
  opacity: 0.6;
	transition: all 0.3s ease 0s;
	transform: scaleX(1);
    transform-origin: left;
  }


/*——————-タレント紹介終わり———————-*/

/*——————-区切り線———————-*/
.cp_hr06 {
	position: relative;
	height: 1px;
	border-width: 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%,#283593 50%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#283593 50%,transparent 100%);
	
}
.cp_hr04 {
	border-width: 3px 0 0 0;
	border-style: double;
	border-color: #283593;
}
/*——————-区切り線終わり———————-*/

/*——————-タレント見出し———————-*/
.demo {
  font-size: 25px;
	font-weight: bold; 
}
.heading {
  margin: 10px 0
}
.demo0 .heading {
  position: relative;
  padding-left: 30px;
}
.demo0 .heading:before,
.demo0 .heading:after{
  content: "□";
  position: absolute;
  width:4px;
  height: 4px;
}
.demo0 .heading:before {
  left:0;
  top:-3px;
}
.demo0 .heading:after {
  left: 5.5px;
  top: 3.5px;
}
/*——————-タレント見出し終わり———————-*/

/*——————-タレントボタン———————-*/
.fuwauki_btn_red{
  display: inline-block;
  background-image:url('/uploads/woman2.png');
  color: #3a3a3a;
  width: 180px;
  padding: 0.5em;
	text-align: center;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .2s ease-out;
	margin-right: .2em;
	margin-bottom: .5em;
	border:1px solid #d9d9d9;
}
.fuwauki_btn_red:hover{
	 cursor: pointer;
	 text-decoration: none;
	 transform: translateY(-4px);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 3px 10px 0 rgba(0,0,0,0.12), 0 4px 7px -2px rgba(0,0,0,0.2);
	color: #e1416c;
}

.fuwauki_btn_bul{
  display: inline-block;
  background-image:url('/uploads/man.png');
  color: #3a3a3a;
  width: 180px;
  padding: 0.5em;
	text-align: center;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .2s ease-out;
	margin-right: .2em;
	margin-bottom: .5em;
	border:1px solid #d9d9d9;
}
.fuwauki_btn_bul:hover{
	 cursor: pointer;
	 text-decoration: none;
	 transform: translateY(-4px);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 3px 10px 0 rgba(0,0,0,0.12), 0 4px 7px -2px rgba(0,0,0,0.2);
	color: #4176e1;
}

.fuwauki_btn_yell{
  display: inline-block;
  background-image:url('/uploads/rookie.png');
  color: #3a3a3a;
  width: 180px;
  padding: 0.5em;
	text-align: center;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .2s ease-out;
	margin-right: .2em;
	margin-bottom: .5em;
	border:1px solid #d9d9d9;
}
.fuwauki_btn_yell:hover{
	 cursor: pointer;
	 text-decoration: none;
	 transform: translateY(-4px);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 3px 10px 0 rgba(0,0,0,0.12), 0 4px 7px -2px rgba(0,0,0,0.2);
	color: #e1c441;
	}

.fuwauki_btn_gre{
  display: inline-block;
  background-image:url('/uploads/director.png');
  color: #3a3a3a;
  width: 180px;
  padding: 0.5em;
	text-align: center;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .2s ease-out;
	margin-right: .2em;
	margin-bottom: .5em;
	border:1px solid #d9d9d9;
}
.fuwauki_btn_gre:hover{
	 cursor: pointer;
	 text-decoration: none;
	 transform: translateY(-4px);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 3px 10px 0 rgba(0,0,0,0.12), 0 4px 7px -2px rgba(0,0,0,0.2);
	color: #52c451;
	}
/*——————-タレントボタン終わり———————-*/

/*——————-ボイスサンプル———————-*/
.head_est{
    padding: 5px 15px 5px 40px;
    background-image: url(/uploads/voice.png);
    background-repeat: no-repeat;
    background-position: left center;
	border-bottom: 1px dotted #000;
	font-size:  25px;
	font-weight: bold;
}
/*——————-ボイスサンプル終わり———————-*/

.test{
  padding: .15em 0 .15em .75em;
  border-left: 4px solid #12223c;
	font-size:  20px;
	font-weight: bold;
}

.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
	
}

 /************************************
** ■リンクテキスト カスタマイズ
************************************/
a{ /*リンクテキスト装飾無し*/
  text-decoration: none;
	color: #000000;
}

.conA .container{
    display: flex;
}

@media (min-width: 768px){
    .conA .container{
        display: flex;
    }
    .conA .text{
        flex: 1;
    }
}


 /************************************
** ■カラムの配置を指定
************************************/

.wp-block-columns {
  &[class*="is-style-justify"] {
    justify-content: space-between;
  }
  &[class*="is-style-center"] {
    justify-content: center;
  }
}


/* ボタンデザイン　solid013 */
.button_solid013 a {
    background: #ff6b6b;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 450px;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    border-radius: 5px;
    border-bottom: 4px solid #de1d1d;
    overflow: hidden;
}
.button_solid013 a:active {
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
.button_solid013 a: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.3) 50%, rgba(255, 255, 255, 0) 55%);
  animation: shine 3s infinite;
}
@keyframes shine {
  33% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
.button_solid013 a:after {
  content: '»';
  display: inline-block;
  color: #fff;
  padding-left: 10px;
  font-size: 20px;
}



 .cp_navi02 ul {
  display: flex;
  flex-flow: row;
  list-style-type: none;
  margin: 0px;
  padding: 0;
  overflow: hidden;
	  text-decoration: none;
	  display: flex;
 /* これで、ロゴの高さにメニューをあわせる */
 align-items: center;
}
.cp_navi02 li {
  border-right: 1px solid #bbbbbb;
}

.cp_navi02 li a {
  display: block;
  text-align: center;
  padding: 14px 30px;
  text-decoration: none;
  transition: all .3s;
}
.cp_navi02 li a:hover:not(.active) {
  background-color: #fae6e6;
	
}

.cp_navi02 .active {
	 padding: 0px 50px;
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

	
	 .cp_navi02 ul {
  display: flex;
  flex-flow: row;
  list-style-type: none;
  margin: 0px;
  padding: 0;
  overflow: hidden;
	  text-decoration: none;
	  display: flex;
 /* これで、ロゴの高さにメニューをあわせる */
 align-items: center;
}
.cp_navi02 li {
  border-right: 1px solid #bbbbbb;
}

.cp_navi02 li a {
  display: block;
  text-align: center;
  padding: 14px 30px;
  text-decoration: none;
  transition: all .3s;
}
.cp_navi02 li a:hover:not(.active) {
  background-color: #fae6e6;
	
}

.cp_navi02 .active {
    display: none;
}
}