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

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

/*全体
===================================*/
.icon-youtube-logo:before {
    content: "\e91f";
}

/*タイル表示
===================================*/
.card-thumb img {
    max-width:300px;
    max-height: 150px;
    object-fit: contain;
}
.eye-catch img {
  max-height: 150px;
  max-width:300px;
  object-fit: contain; 
}
.eye-catch-wrap {
    
    text-align: center;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb {
    width: 100%;
    float: none;
    display: block;
    text-align: center;
}

/*表
===================================*/
table tr:nth-of-type(2n+1){
	background-color:#fff;
}


/*見出し
===================================*/

.article h2 {
	margin-top:60px;
}

.article h3 {
  position:relative;
    padding:5px 25px;
	margin-top:60px;
    border-bottom:3px solid #81d8d0;
    border-left: none;
    border-right: none;
    border-top: none;
}
.article h3:before,
.article h3:after{
  content:"";
  display:block;
  width:10px;
  height:10px;
  border:2px solid #81d8d0;
  position:absolute;
  top:11px;
  left:3px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.article h3:after{
  top:12px;
  left:10px;
  height:12px;
  width:12px;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  border:none;
  background:rgba(167,198,116,0.3);
}


/*送信ボタン
===================================*/
input[type=submit] {
    -webkit-appearance: none;
    border: 1px solid #ddd;
    background-color: #81d8d0;
    color: #fff;
}

/*top画像
===================================*/
.appeal {
    background-position: 50% 50%;
}

/*スマホトップメッセージ
===================================*/
.content-top {
    margin: 0;
}
#mobile_text-4{
	margin-bottom: 0;
}

.text-mobile .cta-box{
    padding: 35px 20px;
}


.cta-message {
    margin-top: 1em 0;
	font-size: 14px;
}

/*シェアボタン
===================================*/
.sns-share-message,.sns-follow-message{
	font-weight: bold;
    color: #81d8d0;
}
.sns-share-buttons {
    justify-content: center;
}

.button-caption{
	display:none;
}
.blogcard-wrap {
    width: 100%;
}



/*文字リンク
===================================*/
p a,td a{
	font-weight:bold;
}
  

/*フォローボタン
===================================*/
.sns-follow-message{
	font-weight: bold;
    color: #81d8d0;
}
.sns-follow-buttons {
    justify-content: center;
}
.sns-follow-buttons a {
    width: 40px;
	height: 40px;
	border-radius: 50%;
    margin: 8px;
	font-size: 23px;
}

.instagram-button{
	background: -webkit-linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;
    background: linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;	
}


/*ブログカード
===================================*/
.article .blogcard-type{
	margin: 3.8em auto 3.8em auto;
}
.blogcard{
    padding: 1.6% 2.2%;
	border: 2px solid #81d8d0;
	border-radius:0px 4px 4px 4px;
}

.blogcard-label {
    top: -26px;
    left: -2px;
	border-radius: 3px 3px 0px 0px;
}

.blogcard-snippet{
	display:none;
}
.blogcard-footer{
	float: right;
	margin-top: -28px;
}
.blogcard-title {
    margin: 0.4em auto;
}

/*ボックス
===================================*/



/*画像・表キャプション
===================================*/

.wp-block-image figcaption{
    text-align: center;
}

.wp-block-table figcaption{
    text-align: center;
	margin-top: .5em;
    margin-bottom: 1em;
}


/* プロフィール
===================================*/
.author-content a{
    text-decoration: none;
}
.nwa .author-box .author-content{
   padding: 0.3em;
}
.author-description p{
    font-size:16px;
}

.author-thumb {
    width: 90px;
}
.author-content {
    margin-left: 0px;
}

.author-box {
    padding: 2%;
}

.author-thumb img{
	border-radius: 50%;
}
.nwa .author-box .sns-follow-buttons a{
	display: inline-flex;
}


.author-follows .sns-follow .sns-follow-buttons .twitter-button{
	background-color: #000000;
    border-radius: 50%;
    border: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    margin-right: .5em;
    text-decoration: none;
}
.author-follows .sns-follow .sns-follow-buttons .twitter-button:hover{
	background-color: #4c4c4c;
}


.author-follows .sns-follow .sns-follow-buttons .line-button{
	background-color: #50b435;
    border-radius: 50%;
    border: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    margin-right: .5em;
    text-decoration: none;
}
.author-follows .sns-follow .sns-follow-buttons .line-button:hover{
	background-color: #50b435;
}

.author-follows .sns-follow .sns-follow-buttons .note-button{
	background-color: #41c9b4;
    border-radius: 50%;
    border: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    margin-right: .5em;
    text-decoration: none;
}
.author-follows .sns-follow .sns-follow-buttons .note-button:hover{
	background-color: #41c9b4;
}

.author-follows .sns-follow .sns-follow-buttons .youtube-button{
	background-color: #ff0101;
    border-radius: 50%;
    border: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    margin-right: .5em;
    text-decoration: none;
}
.author-follows .sns-follow .sns-follow-buttons .youtube-button:hover{
	background-color: #ff0101;
}

.author-follows .sns-follow .sns-follow-buttons .pinterest-button{
	background-color: #bd081c;
    border-radius: 50%;
    border: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    margin-right: .5em;
    text-decoration: none;
}
.author-follows .sns-follow .sns-follow-buttons .pinterest-button:hover{
	background-color: #bd081c;
}

.author-follows .sns-follow .sns-follow-buttons .instagram-button{
	background: -webkit-linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;
    background: linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;
    border-radius: 50%;
    border: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    margin-right: .5em;
    text-decoration: none;
}
.author-follows .sns-follow .sns-follow-buttons .feedly-button{
	background-color: #6cc655;
    border-radius: 50%;
    border: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    margin-right: .5em;
    text-decoration: none;
}
.author-follows .sns-follow .sns-follow-buttons .feedly-button:hover{
	background-color: #6cc655;
}
.author-follows .sns-follow .sns-follow-buttons .rss-button{
	background-color: #ff8c00;
    border-radius: 50%;
    border: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    margin-right: .5em;
    text-decoration: none;
}
.author-follows .sns-follow .sns-follow-buttons .rss-button:hover{
	background-color: #ff8c00;
}

.author-box {
  display: flex;
  flex-direction: column;
}
.author-thumb{
  order: -1;
}
.author-widget-name{
	font-weight:bold;
}
.author-box .author-name {
    font-size: 1.3em;
}

/*カテゴリー
===================================*/
.widget_categories ul .cat-item a::before{
	line-height: 1!important;
    content: "\f0da"; 
	color: #81d8d0;
    padding-right: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    animation: horizontal 3s ease infinite;
    -webkit-animation: horizontal 3s ease infinite;
}

.widget_categories ul{
	display: flex;
    flex-direction: column;
}
.widget_categories ul .cat-item-3{
    order: 1;
}
.widget_categories ul .cat-item-4{
    order: 2;
}
.widget_categories ul .cat-item-7{
    order: 3;
}
.widget_categories ul .cat-item-5{
    order: 4;
}
.widget_categories ul .cat-item-6{
    order: 5;
}

.widget_categories ul .cat-item{
    border-top: 1px dotted #e1e1e1;
}

.widget_categories ul .cat-item:nth-of-type(5){
	border-bottom: 1px dotted #e1e1e1;
}

/*ページナビゲーション
===================================*/

.pagination-next{
	display:none;
}

/*モバイルボタン
===================================*/
.mobile-menu-buttons {
    min-height: 55px;
    padding: 3px;
}

/*アドミンバー
===================================*/


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


/*1300px以下*/
@media screen and (max-width: 1300px){
  /*必要ならばここにコードを書く*/
.appeal div.appeal-in {
    min-height:700px; 
}
	
}


/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.header {
        display: none;
    }
	.mobile-header-menu-buttons{
		background-color: #0ababa;

	}
	.sidebar-menu-button span , .search-menu-button span , .navi-menu-button span{
		color:#fff;
	}
	.sidebar-menu-close-button span , .navi-menu-close-button span{
		color:#81d8d0;
	}
	.mobile-menu-buttons .menu-button > a {
        color:#fff;
	}
	.search-menu-content form button span{
		color: #ddd;
	}
	
	.appeal div.appeal-in {
    min-height:500px; 
}
}

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

.appeal div.appeal-in {
    min-height:200px; 
}
	

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	/* モバイルトップメニュー */
	ul.menu-mobile{
		overflow-x: auto;
		overflow-y: hidden;
		display: flex !important;
		flex-wrap: nowrap;
		font-size: 14px;
		justify-content: flex-start;
		padding: 0 1em;
		-webkit-overflow-scrolling: touch;
		position: relative;
	}

	ul.menu-mobile > li{
		padding-right: 1em;
		white-space: nowrap;
	}
	ul.menu-mobile　.item-label{
		white-space: nowrap;
		font-size: 14px;
	}
	.navi-footer-in>.menu-footer li.menu-item {
    width: 100%;
}
	
#sns_follow_buttons-3 .sns-follow {
    margin: 5px 0;
}
	#sns_follow_buttons-3 {
    margin-bottom: 1em;
}	
	
/* top
===================================*/
	.entry-card-title, .related-entry-card-title {
    font-size: 13px;
    margin: 0 0 5px 0;
    line-height: 1.6;
}
	
	#content #content-in #sidebar #search-2{
		display:none;
	}
	
}

}