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

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

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

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

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


/* タイル4列 */
.ect-3-columns {
  /*justify-content: flex-start;*/
	justify-content: space-around;
}
.ect-3-columns .entry-card-wrap {
width: 12%;
}
.ect-3-columns .entry-card-snippet {
  max-height: 4em;
  overflow: hidden;
}

.ect-3-columns .ad-area {
  width:18%;
}
.entry-card-title {
    display: none;
}

/* サムネイルのカテゴリーを隠す */
.cat-label {
 display: none;
}
.wp-block-image > img{
  border-radius: 8px;
}

.beatnix img {
	border-radius: 8px;
	margin-top: 20px;
}

/* me */
.me {
  float: left;
  margin: 0 0 0px 0px;
  width: 30%;
}
.float_none {
  clear: both;
}


/* BOGOの設定 */

.bogo-language-switcher {
  display: flex;
  flex-direction: row-reverse;
}

.bogo-language-switcher a {
  padding: 0.5em;
  color: var(--color_text);
  font-weight: 700;
}

.bogo-language-switcher .current a {
  color: darkgray;
}

.bogo-language-switcher .en-US {
  position: relative;
}

.bogo-language-switcher .en-US::before {
  content: "";
  width: 1px;
  height: 65%;
  background-color: var(--color_text);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}


/* ダウンロードボタン */
.download0 {
	background-color: #fff;
	clear:both;
}
.download {
	display: block;
	margin: 0 auto;
	text-align:center;
	width: 330px;
	background-color: #fff;
}
.dlimg {
	width:100px;
	margin-right:20px;
	float: left;
}
.dlbtn img{
	width: 200px;
	margin-right:10px;
}
a.dlbtn:hover {
  opacity: .7; 
  transition: .3s ease-in-out;
}

.term0 {
	margin-top: 0px;
}

a.terms {
  clear:both;
  display: block;
  width: 400px;
  margin: 0 auto;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #e8ad31;
  color: #fff;
  font-weight: 700;
  font-size: 1.15em;
  text-decoration: none;
  text-align: center;  
}
a.terms:hover {
  opacity: .7; 
  transition: .3s ease-in-out;
}
.clear {
	clear:both;
}

/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f07b"; /* FontAwesomeのユニコード */
  color: #5FB3F5; /* アイコンの色 */
  padding-right: 6px;
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}

/*---------------------------------
子カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li ul li a::before{
  font-family: FontAwesome;
  content: "\f114"; /* FontAwesomeのユニコード */
  color: #5FB3F5; /* アイコンの色 */
  padding-right: 6px;
}


/* そのた */
.article h2 {
	border-radius: 10px;
}
.sidebar h3 {
	border-radius: 10px;
}
.sidebar h2 {
	border-radius: 10px;
}

/* indexのアイコンの行の間隔（せまくした） */
.list {
	row-gap: 5px;
}