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



body{
	background-color:rgba(147,207,237,0.3);
}

/************************************
****　紹介文言
************************************/
/*
div.tagline{
				font-family: "zen-maru-gothic", sans-serif;
font-weight: 400;
font-style: normal;
	font-size:16px;
	margin-bottom:-40px;
}*/

/************************************
****　ヘッダーロゴ
************************************/
img.header-site-logo-image{
	max-width:60%;
}
/*834px以下*/
@media screen and (max-width: 834px){
	img.header-site-logo-image{
		max-width:85%;
	margin:0;
	}
	.logo-image{
		padding:0;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	img.header-site-logo-image{
		max-width:85%;
	margin:0;
	}
}
/***********************************/
	
	
h1.search-page{
font-size:23px;	
}
h1#archive-title{
	display:none;
}
h1.entry-title{
	font-size:20px;
}

/************************************
****　検索窓
************************************/
#search-2{
	padding:20px 30px;
	clear:left;
}

/* ①ボックス部分 */
.search-edit, .search-box input[type="text"] {
	border-color: #93CFED;
	border-radius: 50px;
	outline: none;
	padding-left: 20px;
}
/*480px以下*/
@media screen and (max-width: 480px){
	#search-2{
	padding:0 16px;
	clear:left;
}
}

/* ②検索ボタン */
[type=submit].search-submit {
	top: 0;
	right: 0;
	height: 100%;
	padding: 8px 15px;
	background: #93CFED; 
	color: #fff; 
	font-size: 16px;
	font-weight: bold;
	border-color: #93CFED;
	border-radius: 0 50px 50px 0;
	transition:0.3s;
}

/* ③検索ボタン(hover) */
@media screen and (min-width: 980px) {
	[type=submit].search-submit:hover {
		color: #fff;
		background: #aaa;
	}
}

/*投稿のアイキャッチを消す*/
div.eye-catch-wrap{
	visibility:   hidden;
	position:absolute;
}
div.related-entry-card-snippet{
		visibility:   hidden;
	position:absolute;
}

/* 検索結果の設定 */
.ect-3-columns .entry-card-wrap{
	width:22%;
}
/*834px以下*/
@media screen and (max-width: 834px){
.ect-3-columns .entry-card-wrap{
	width:;
}
}



/* 新着記事表示 */

.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;

}

.new-entry-cards.large-thumb a {
width: 20%;
margin:1em .4em;
}
.new-entry-card-thumb img{
border-radius:10px!important;
}

.new-entry-cards.large-thumb a:hover{
	background-color:#fff;
	opacity:70%;
}

/*834px以下*/
@media screen and (max-width: 834px){
.new-entry-cards.large-thumb a {
width: 33.3%;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 45%;
	font-size:12px;
}
}

/************************************
****　おすすめカード
************************************/
div#recommended-in.recommended-in.wrap.cf{
margin-top: 20px;
}
@media screen and (min-width: 1024px){
div#recommended-in.recommended-in.wrap.cf{
padding:0 2em;
}

}
.widget-entry-cards .a-wrap{
transition: all .2s;
}
.widget-entry-cards .a-wrap:hover {
transform: translateY(-1px);
transition: all .2s;		
	}
	a.navi-entry-card-link{
width:18%;
		
}
}

.recommended.rcs-center-white-title .a-wrap:hover .card-content {
transition: all .1s;
opacity: 1;
}
.widget-entry-cards.large-thumb-on .card-content{
background: rgba(151, 151, 151, 0);
}
a.navi-entry-card-link.widget-entry-card-link.a-wrap{
border-radius:10px!important;
margin:1em .4em;
background-color:#FFFFFF;/*Cocoon設定「全体」の「サイト背景色」に合わせてください*/
}

div.navi-entry-card-title.widget-entry-card-title.card-title{
color:#333333;
font-weight:bold;
font-size:.8em;
background-color: rgba(255, 255, 255, 0.8);
/*padding: .6em .5em;*/
border-radius:30px;
}
@media (max-width:834px){
			.recommended .navi-entry-cards a{
width:25%;

}
@media (max-width:834px){
div.navi-entry-card-title.widget-entry-card-title.card-title{
font-size:.6em;
padding: .5em;
}
div#recommended-in.recommended-in.wrap.cf{
margin: .7em .2em .3em;
}
.widget-entry-cards.large-thumb-on .card-content{
background: rgba(151, 151, 151, 0.2);
}
			.recommended .navi-entry-cards a{
width:40%;
	}
}
	
	
	
main#main.main{
margin:0;
}

.pt-cv-content-item {
overflow: visible !important;
}
	
	/************************************
** footer部分
************************************/
	
	.footer-bottom-logo {
  float: none;
  position: static;
}

.footer-bottom-content {
  float: none;
  text-align: center;
}


@media screen and (max-width: 834px) {
  .header-container-in {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }
}
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
	/*1024px以上*/
	
/*1023px以下*/
/*@media screen and (max-width: 1023px){
}*/

/*834px以下*/

	
/* ▼ スマホでnavi非表示用（834px以下） */

	
/*480px以下*/
/*@media screen and (max-width: 480px){
}*/