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

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

#site-title {
    display: block; /* ブロック要素にして、利用可能な幅いっぱいに広がるようにする */
    white-space: normal; /* 通常の空白処理（改行を許可） */
    word-break: break-all; /* 長い単語でも強制的に改行 */
    /* もしタイトルが非常に長い場合は、max-widthなどを設定して強制改行を促すことも可能 */
    /* max-width: 300px; */
}

/* タイトルがリンクになっている場合は、リンク要素自体を調整 */
#site-title a {
    display: block;
    white-space: normal;
    word-break: break-all;
}

/* レスポンシブ対応の例：特定の画面幅以下で改行を促す */
@media screen and (max-width: 768px) { /* スマホやタブレットなどのブレイクポイント */
    #site-title a {
        font-size: 2em; /* 必要に応じてフォントサイズ調整 */
        line-height: 1.2;
        word-wrap: break-word;
    }
}

.btn{
	padding:18px;
	background:#778893;
	font-size:16px;
}
.banner {
	position: fixed;
	bottom: 0;
	right: -300px; /* 初期状態は画面外 */
	width: 250px;
	background: #ff9800;
	color: #fff;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	transition: right 0.5s;
}
.banner.visible {
	right: 20px; /* 表示時の位置 */
}

#scroll-banner {
  position: fixed;
  right: -200px; /* 初期は画面外 */
  bottom: 100px;
  background: #ff6f61;
  padding: 10px 20px;
  border-radius: 30px 0 0 30px;
  color: white;
  font-weight: bold;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: right 0.4s ease;
  z-index: 9999;
}

#scroll-banner a {
  color: white;
  text-decoration: none;
}

#scroll-banner.show {
  right: 0; /* スライドイン */
}

div.tagline{
	font-size:15px;
	line-height: 2.4em;
	margin:0 auto;
}

.entry-card-title{
	font-size:20px;
	font-weight:500;
}
.new-entry-card-title{
	font-size:18px;
}
/* フッターロゴの非表示 */
.footer-bottom-logo{
	display:none;
}


/* カスタムRSSシングル記事ウィジェットのスタイル */
.custom-rss-single-post-list {
    list-style: none; /* リストの黒丸を削除 */
    margin: 0;
    padding: 0;
}

.custom-rss-single-post-list li {
    margin-bottom: 1.2em; /* 各記事の間にスペース */
    line-height: 1.4;
}

.custom-rss-single-post-list li a {
    text-decoration: none; /* リンクの下線を削除 (任意) */
    color: #333; /* リンクの色 (任意) */
}

.custom-rss-single-post-list li a:hover {
    text-decoration: underline; /* ホバーで下線 (任意) */
}

.custom-rss-single-post-list .site-info {
    font-size: 0.8em; /* サイト名と日付のフォントサイズを小さく */
    color: #777; /* サイト名と日付の色 */
}


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

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

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