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

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


/*記事一覧のタイトル*/
.entry-card-title.card-title.e-card-title {
  color: #555;
  font-weight: bolder;
  padding-top: 3px;
  padding-right: 13px;
  padding-bottom: 25px;
  padding-left: 13px;
  margin: 0px;
  font-size: 1px;
  opacity: 0;
  position: absolute;
  bottom: 61px;
  left: 10px;
}

/*記事一覧の日付*/
.entry-date {
  border-top: 0px;
  padding-top: 2px;
  padding-right: 13px;
  padding-bottom: 0px;
  padding-left: 13px;
  color: transparent;
  font-weight: bolder;
  top: 16px;
  position: absolute;
  left: -132px;
}
.entry-card-info.e-card-info {
  color: transparent;
}

/*記事一覧ボックス背景*/
.entry-card-wrap.a-wrap.border-element.cf {
 background: transparent;
border-radius: 20px;
height: 100%;
}
/*余白部分*/
ect-vertical-card .entry-card-wrap .entry-card-content {
  margin: 0px;
}
.entry-card-content.card-content.e-card-content {
  height: 0;
}
.entry-card-info.e-card-info {
  top: 10px;
  position: absolute;
}
.entry-card-meta.card-meta.e-card-meta {
  top: 36px;
  position: absolute;
}
/*サムネイル*/
.card-thumb img {
  object-fit: cover;
  border-radius: 20px;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb {
  margin: 0;
}
.ect-vertical-card .entry-card-wrap {
max-width: none;
margin-bottom:0;
}
.ect-vertical-card .entry-card-wrap .entry-card {
  display: flex;
  flex-direction: unset;
}

/*ヘッダー下　凰鈴*/
.h-orin-img.alignleft {
  position: absolute;
  top: -35px;
  width: 126px;
  float: left;
  left: 1px;
}
/*ヘッダー下　はねずん*/
.h-hanezu-img.alignright {
  position: relative;
  top: -34px;
  width: 126px;
  right: -46px;
margin: 3px;
}

/*初見さんへウェルカムメッセ*/
#text-2 > div:nth-child(1){
margin-top:10px;
  background-color:white;
border-top-left-radius:15px;
border-top-right-radius:15px;
/*border-top:solid 2px #ffddbc;
border-left:solid 2px #ffddbc;
border-right:solid 2px #ffddbc;*/
	top: 20px;
    position: relative;
padding: 50px;
padding-bottom: 70px;
line-height: 31px;
background-image:  radial-gradient( white 50%, #ffd6e6 90% );
font-weight: bold;
color: #949494;
border-radius: 15px;
margin-bottom: 56px;
margin-left: 5px;
  margin-right: 5px;
}

/*描写による制限について*/
#text-3 > div:nth-child(1) {
  background-color: white;
  border-left: solid 2px #ffd6e6;
  border-right: solid 2px #ffd6e6;
  padding: 10px;
  background-image: repeating-linear-gradient(-45deg,#ffc, #ffc 7px,#efefef 0, #efefef 14px);
  border: solid 2px #333;
  border-radius: 15px;
  margin-bottom: 44px;
  margin-left: 5px;
  margin-right: 5px;
}



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

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

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