<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.cat-label {display:none}
.entry-card-wrap:hover {
  background: #f8f4e6;
 &nbsp;transform: translateY(-3px);
 &nbsp;box-shadow: 0px 10px 20px #316745;
}
.pagination-next-link {
	border-radius: 10px;
	font-size: 20px;
	letter-spacing: 10px;
	font-weight: bold;
	color: #f8f4e6;
	background: #316745;
	padding: 6px;
	border: none;
} 
.pagination-next-link:hover {
	background-color: #316745;
	color: #f8f4e6;
}
/*PC表示時のグローバルメニュー非表示*/
#navi {
    display: none;
}
/*スライドインメニューをカスタマイズ*/
.navi-menu-content{
	background-color: #f8f4e6;
}

.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	color: #316745;/*文字の色*/
	height: 3em;/*行の高さ*/
}
/*ホーム画面をカスタマイズ*/
.home #main .large-thumb a{
    width: 100%;
 &nbsp; &nbsp;padding: 10px;
	margin: 0px;
}
/* サムネイル画像のレスポンシブ対応 */
.home .large-thumb img {
    width: 100% !important;    /* 画像の幅を親要素に合わせる */
    height: auto !important;   /* 高さは自動で調整 */
    object-fit: cover;         /* 画像のアスペクト比を保ったまま、親要素に合わせる */
}

/* モバイル横向き（ランドスケープモード）時の調整 */
@media (max-width: 768px) and (orientation: landscape) {
    .home .large-thumb img {
        max-width: 100%;       /* 画像の最大幅を100%に */
        height: auto !important; /* 高さを自動調整 */
        object-fit: contain;     /* 画像が切れないようにフィット */
    }
}
/* ブログカードのラベルの文字色 */
.blogcard-label {
	color: #316745;
}
/* === 景品表示法対応 === */
/* Cocoon設定メインカラム左上のPR表記 */
.pr-label-s {
  display: inline-block;
  position: absolute;
  top: -6px; /* メインカラム上端からの位置調整 */
  left: 27px; /* メインカラム左端からの位置調整 */
  margin: 0;
  padding: 6px 0 5px 0;
  width: 60px;
  text-align: center;
  color: 316745; /* 文字の色 */
  font-size: 12px;
  background: #f8f4e6; /* ラベルの色 */
  border-radius: 3px 0 0 0;
  border: none;
  }
.pr-label-s:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #316745;
 &nbsp;border-right: solid 6px transparent;
}
/* === 景品表示法対応 === */
/* Cocoon設定本文上のPR表記 */
.pr-label-l {
    border-top: 1px dotted #316745; /* 上の点線 */
    border-bottom: 1px dotted #316745; /* テキスト下の点線 */
    border-left: none;
    border-right: none;
    border-radius: 0;
    font-size: 13px; /* 文字サイズ */
    color: #316745; /* 文字の色 */
    text-align: center; /* テキスト中央揃え */
    background: #f8f4e6;
    padding: 3px 0;
    margin-bottom: 2em;
}

a:hover.easyLink-info-btn-yahoo {
    opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */
    background: #fff !important; /* 背景色 */
    color: #51a7e8 !important; /* 文字色 */
}

/* --- PC以外の時の設定 --- */
@media screen and (max-width: 703px) {
div.easyLink-box div.easyLink-img,
div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht {
    max-height: 180px !important;
}
	
/* --- もしも --- */	
/* --- 商品タイトル --- */
p.easyLink-info-name a {
font-size: 16px !important;
font-weight:bold;
}

.easyLink-info-maker {
 display: none;
 }
.easyLink-info-model {
 display: none;
}

/* --- ボタンサイズ --- */
div.easyLink-box div.easyLink-info p.easyLink-info-btn a{
padding:1px !important;
}
@media screen and (min-width: 704px) { div.easyLink-box div.easyLink-info p.easyLink-info-btn a{
margin-bottom:10px !important;
}}
/* --- ボタン下空白を削除 --- */
div.easyLink-box{padding:10px;}
div.easyLink-box div.easyLink-info p.easyLink-info-btn a:last-child {
margin-bottom: 0 !important;
}
/* --- ボタン色 --- */
a.easyLink-info-btn-amazon, a.easyLink-info-btn-rakuten,a.easyLink-info-btn-yahoo {
color:#333333 !important; 
background:#f8f4e6 !important;
border: 1.2px solid #808080 !important;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
	
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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