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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info,
.cat-label,
.author-info,
.post-date,
.post-update{
  display: none;
}
.topcat{
	display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.video-container{
	max-width: 100%;
}
.cta-box {
    border: solid 1px #999;
    background: #fff;
	color: #333;
}
.widget-above-single-content-title .widget-above-single-content-title-title{
    font-size: 24px;
    padding: 25px;
    background-color: white; /* #f5f6f7; */
    border-radius: 2px;
    line-height: 1.25;
    font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.widget-single-content-bottom .widget-single-content-bottom-title{
    border-left: 7px solid #888;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 22px;
    padding: 12px 20px;
	line-height: 1.25;
    font-weight: bold;
}

/*-- 商用リンクボタン --*/
  #text-12 ul, #text-13 ul{
   display: flex;
   justify-content: flex-end;
  }
  #text-12 li, #text-13 li{list-style: none;}
  #text-12 a, #text-13 a{
   padding: 3px 20px;
   display: inline-block;
   border-radius: 5px;
   background: #333;
   color: #fff;
   text-decoration: none;
  }
  #text-12 a:hover, #text-13 a:hover{background: #999;}
  
  

/*-- フッター --*/
 #text-11 ul{
  display: flex;
  justify-content: center;
  align-items: center;
	 padding-left:0;
 }
 #text-11 li{
  list-style: none;
 }
 
 #text-11 li a{
  color: #333;
  text-decoration: none;
 }
 #text-11 li:first-of-type::before,
 #text-11 li:last-of-type::before{
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: no-repeat;
  background-size: contain;
  vertical-align: middle;
 }
 #text-11 li:first-of-type::before{
  background-image: url(https://content.trendy.co.jp/wp-content/uploads/2020/12/icon_tel.png);
 }
 #text-11 li:first-of-type{
  margin-right: 20px;
 }
 #text-11 li:last-of-type::before{
  background-image: url(https://content.trendy.co.jp/wp-content/uploads/2020/12/icon_mail.png);
 }
 #text-11 li:last-of-type{
  margin-left: 20px;
 }




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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
/*-- フッター --*/
 #text-11 ul{
	 display:block;
	 text-align:center;
 }
	#text-11 li:first-of-type{
		margin-right:0;
	}
	#text-11 li:last-of-type{
		margin-left:0;
	}
}