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

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

/*画像RSSコテリンの画像表示異常の対策(autoは効かない) 2019.11.22*/
.gazorss-image img {
  max-width: initial;
}

/*reCAPTCHA バッジを隠す 2021.10.20*/
.grecaptcha-badge { visibility: hidden; }

/*アフィリエイト広告の使用表示 2024.2.12*/
.affiliate_ad_specify p{
  text-align: right;
/*  margin:-15px;*/
  margin:-15px 10px -15px 0px;  /* 上下-15px 右10px */
  border: none;
}

/*アフィリエイト広告のレイアウトシフト対策 2024.3.4*/
.ad_reserve250 {
  min-height: 250px;
  max-width: 100%;
  height: auto;
}

.ad_reserve320 {
  min-height: 320px;
  max-width: 100%;
  height: auto;
}

.ad_reserve400 {
  min-height: 400px;
  max-width: 100%;
  height: auto;
}

.ad_reserve500 {
  min-height: 500px;
  max-width: 100%;
  height: auto;
}

.ad_reserve700 {
  min-height: 700px;
  max-width: 100%;
  height: auto;
}

/*ランキング表示上部の隙間対策 2024.3.28*/
.ranking_oga {
  margin-top: -30px;
}

/*忍者画像RSSのレイアウトシフト対策 2024.3.30*/
.ninja-recommend-block {
  min-height: 588px;
  max-width: 100%;
  height: auto;
}


/* 他サイト情報(pickup_pc)の設定 2024.4.5*/
.pickup2{
  width:980px;
  height:580px;
  overflow:hidden;
  padding: 10px 10px;
  margin: -40px 0 -20px;		/* 上下の余白を詰める */
}

.pickup2_box{
  margin:0 10px 10px 0;
  float:left;
  position:relative;
}

.pickup2_box a{
  overflow:hidden;
  display:block;
  text-decoration:none;
  transition: all  0.3s ease;
}

.pickup2_box a,.pickup2_box img{
  width:180px;
  height:180px;
  border:none;
  border-radius:5px;
}

.pickup2_text{
  position:absolute;
  display:block;
  bottom:0;
  left:0;
/*  width: 100%;*/
/*  height:auto;*/
  width:180px;
  height:70px;
  padding: 0 5px; /* 左右の余白を追加 */
/*  padding-top:0px;*/

  font-size:14px;
  line-height:1.2;
  text-align:left;
  font-weight:bold;
  color:#fff;
  background:#222;
  text-shadow:1px 1px #333,1px -1px #333,-1px 1px #333,-1px -1px #333!important;

  background:-moz-linear-gradient(top,transparent,#222);
  background:-webkit-linear-gradient(top,transparent,#222);
  background:linear-gradient(to bottom,transparent,#222);

  z-index:2
  overflow:hidden;
  transition: all  0.3s ease;
}

/*.pickup2_box:hover div.pickup2_text{background:#1842a1;}*/
.pickup2_box a:hover {
/*background-color:#1842a1;*/
transform: scale(1.1);
}

.pickup2_text a:link    { color:#ffffff; text-decoration:none; }	/*通常  */
.pickup2_text a:active  { color:#ffffff; text-decoration:none; }	/*実行中*/
.pickup2_text a:visited { color:#ffffff; text-decoration:none; }	/*訪問済*/
.pickup2_text a:hover   { color:#ffffff; text-decoration:none; }	/*マウス*/


/********************/
/*	News Topic用	*/
/********************/

.newstopic {
	border-radius: 0 0 5px 5px;
	box-shadow: 0 1px 0 white;
	margin: 0 10px 10px 10px;
	text-align: left;
}

.newstopic ul {
	-webkit-padding-start: 0;
	-webkit-margin-before: 0;
	-webkit-padding-after: 0;
	-webkit-margin-after: 0;
	margin: 0;
	padding: 0;
}

.newstopic li {
	background-color: #f7fdfa;
	display: inline-block;
}

.newstopic a {
	padding: 5px 10px 5px 5px;
	display: block;
	line-height: 30px;

	font-size: 16px;
	margin: 0;
	line-height: 1.2;
	font-weight: bold;
	overflow: hidden;
	text-decoration: none;
}

.newstopic img {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 5px;
}

/* ----- 境界線 ----- */
.newstopic ul li {
	border-bottom: 1px solid #e0ece7;
	transition-duration: 0.2s;
	box-shadow: 0px 2px 0px #fbfffd;
}

.newstopic ul li:hover {
	background-color: #e4f5ec;
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.25), 0 6px 8px rgba(0,0,0,0.22);
}



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

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

 /* モバイルでフッター中・右のウェジェットが表示されてしまう対策 2024.02.20*/
/*
  .footer-widgets {
    display: none;
  }
*/

  .footer-left,
  .footer-center,
  .footer-right  {
    display: none;
  }


}

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