/*
Theme Name: Flatmagazinews Child
Template: flatmagazinews
*/
functions.php

/* もともと子テーマに書かれていたもの */

/* 画像の幅を固定し、センタリング */
body.home .featured-thumbnail {
    width: 300px !important; /* ここに !important を追加 */
    height: auto;
    margin: 0 auto;
    display: block;
}

/* 記事タイトルをセンタリング */
body.home .entry-header {
    text-align: center;
}

/* 画像の幅を固定 */
body.home .featured-thumbnail img {
    width: 300px !important;
}

/*記事下部のカテゴリー表示*/
.entry-categories{
	font-size: 14px;
	color: #2346c4;
	text-align: right
}
.entry-categories a{
	text-decoration: none;
	color: #2346c4
}
.entry-categories a:hover{
	color: #d42a2a;
}

/*関連記事のタイトル*/
.related-posts-title h3{
	font-size: 19px;
	color: #424242
}
/* カテゴリー一覧の統一レイアウト */
#secondary .widget_categories ul li {
    padding: 0;
    margin: 0;
    list-style: none; /* リストの点や記号を消す */
}

/* 子カテゴリーの入れ子リストの余白をリセット */
#secondary .widget_categories ul.children {
    margin: 0;
    padding: 0 0 0 20px; /* 子カテゴリーの字下げを調整 */
}

/* カテゴリー項目の間隔と横棒の追加 */
#secondary .widget_categories li a {
    display: block; /* リンク全体をクリック可能にする */
    padding: 10px 0; /* 項目ごとの上下余白を調整 */
    border-bottom: 1px solid #ddd; /* 横棒を追加 */
}

/* 最後の項目には横棒を表示しない */
#secondary .widget_categories li:last-child a,
#secondary .widget_categories li ul.children li:last-child a {
    border-bottom: none;
}

#secondary .widget_categories li a {
    display: inline-block; /* リンクをブロック要素ではなく、インラインブロック要素にする */
    padding: 10px 0; /* 項目ごとの上下余白を調整 */
    border-bottom: 1px solid #ddd; /* 横棒を追加 */
}

/*もともと親テーマの方にあったコード*/

body {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.625;
	margin: 0;
	background-color: #f3f3f3/*変更#eee*/
}

.site-branding .site-title {
	font-size: 36px;/*48変更*/
	line-height: 150%;
	padding: 0;
	margin: 0;
	font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
}

.site-description {
	font-size: 20px;/*14変更*/
	color: #000222;
	padding: 0;
	margin: 0
}

.site-footer {
	width: 100%;
	float: left;
	background: #616161/*フッターの黒000変更*/
}

.site-info {
	float: left;
	font-size: 14px
}

h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
	font-family: Merriweather;
	font-weight: 400;
	color: #000;
	font-size: 21px;/*30変更24*/
	text-align: center;
	line-height: 150%;
	margin-top: 0px;
}

article .entry-content {
	font-family:  "メイリオ", Meiryo, Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;/*変更*/
	line-height: 180%;/*150変更*/
	color: #656565;
	font-size: 16px;
}

.blogpost-button {
	padding: 15px 25px;
	background: #2346c4;/*000変更*/
	border-radius: 4px;/*追加*/
	font-weight: 700 !important;
	font-size: 15px;
	color: #fff;
	margin: auto;
	display:inline-block;
	text-decoration: none;
}

.blogpost-button:hover {
	background: #d42a2a;
}/*追加*/

.page-numbers li a{
	background: #2346c4;/*000000黄色だったところ*/
	padding: 10px 17px;
	transition: all 0.4s;
	font-size: 14px;
	color: #fff;
	margin: 0 5px;
	text-decoration: none;
	border: 1px solid #2346c4;/*000黄色だったところ*/
	font-weight:600;
	display: inline-block;
	float: left;
}

.page-numbers li a:hover {
	background: #d42a2a;
	color: #fff;/*000黄色だったところ*/
	border: 1px solid #d42a2a;
}

.page-numbers.current {
	background: rgba(0,0,0,0);
	padding: 10px 17px;
	transition: all 0.4s;
	font-weight:600;
	font-size: 14px;
	color: #000;
	margin: 0 5px;
	text-decoration: none;
	border: 1px solid #2346c4;/*000黄色だったところ*/
	display: inline-block;
	float: left;
}

.search-results h1.page-title {
	text-align: center;
	font-size: 24px;/*35変更*/
	border-top: 4px double #000;
	border-bottom: 4px double #000;
	font-weight: 400;
	line-height: 150%;
	padding: 10px 0 15px;
	font-family: Merriweather, lato, 'helvetica neue', helvetica, arial;
}

span.page-numbers.dots {
	padding: 10px 17px;
	transition: all 0.4s;
	font-size: 14px;
	color: #000;
	margin: 0 5px;
	text-decoration: none;
	border: 1px solid #616161;/*000黄色だったところ*/
	font-weight: 600;
	display: inline-block;
	float: left;
}

	.site-branding .site-description {
		font-size:20px;/*14変更*/
	}

#box {
  padding-left: 0;
}

#box li {
  list-style: none;
}

#box li a{
  text-decoration: none;
  color: #2346c4;
}

#box li a:hover{
  color: #d42a2a;
}

#box {
  background-color: #eee;
  padding: 1em;
  /* 以下を追加 */
  max-width: 300px; /* 例: ここに適切な最大幅を指定（512pxより少し大きめなど） */
  margin-left: auto; /* 左マージンを自動調整 */
  margin-right: auto; /* 右マージンを自動調整 */
}

#box p {
  text-align: center;
  color: #2346c4;
}

/* 言語切り替えコンテナをFlexboxにして右寄せ */
.language-switcher-container {
  display: flex; /* Flexコンテナにする */
  justify-content: flex-end; /* Flexアイテム（ここではリンク）を右端に寄せる */  
/* 必要であれば、このコンテナの最大幅を設定し、中央寄せにする */
  /* max-width: 512px; /* 記事本文の幅など */
  /* margin-left: auto; */
  /* margin-right: auto; */
}

.language-switch { /* 言語切り替えリンク用のクラス名 */
  font-size: 0.7em; /* 文字サイズは小さめ */
  padding: 5px 10px; !important; /* 上下左右に余白を追加してタップ領域を広げる */
  display: inline-block; /* paddingが適用されるようにブロック要素化 */
  border: 1px solid #8880ad; /* 視認性向上のために薄い枠線を入れるなど */
  text-decoration: none; /* 下線を表示しないなど */
  color: #8880ad !important; /* ここに !important を追加 */
  border-radius: 5px; /* 角丸にするなど */
}

.return-to-index-link {
    display: inline-block; /* パディングを適用するために必要 */
    padding: 10px 15px; /* タップ領域を確保するためのパディング */
    color: #555555 !important; /* 落ち着いたグレー系の色など */
    text-decoration: none; /* 下線をなくす */
    font-size: 0.9em; /* 少し大きめの文字サイズ */
    font-weight: bold; /* 太字 */
    border: 1px solid #919191; /* 視認性向上のために薄い枠線を入れるなど */
    border-radius: 5px; /* 角丸にするなど */
    background: #eee;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.return-to-index-link:hover {
    color: #d42a2a !important; /* ホバーでテーマカラーにする */
    border-color: #d42a2a; /* ホバーで枠線の色を変える */
    cursor: pointer;
}

#dl-contents li {
  padding-left: 0;
}

#dl-contents li {
  list-style: none;
}

/* 一番外側のリスト項目（クラヴィーア曲、オルガン曲）の下に余白を追加 */
#dl-contents > li {
  margin-bottom: 2em;
}

/* 子リストの項目の下に余白を追加する（必要であれば） */
#dl-contents ul li {
  margin-bottom: 1em;
}

/* 楽譜無料ダウンロードのページ、ロゴを中央に */
.logo_layout {
    text-align: center; /* 中央に配置したい場合 */
}

/* 楽譜無料ダウンロードのページ、©を中央に */
.copyright_layout {
    text-align: center; /* 中央に配置したい場合 */
    margin-bottom: 1em;
}

/* 楽譜ダウンロード目次のリンク色をグレーに統一 */
#dl-contents a:link,
#dl-contents a:visited {
  color: #444444 !important;
  text-decoration: none;
}

h2 {
	font-size:20px;
	}

body.single-post .featured-thumbnail {
    display: none;/* 単独の記事ページから画像を非表示にする */
}

.post-navigation .nav-links a {
	text-decoration: none;
	text-align: left
}
.post-navigation .nav-links .nav-next {
	text-align: left
}

/* 記事一覧*/
/*リストアイテムのスタイルを調整 */
.lcp_catlist li {
  display: flex;
  flex-direction: column;
  padding: 5px; /* 各記事の間に余白を追加 */
  border-bottom: 1px solid #ddd; /* 記事を区切る線を追加 */
}

/* タイトルのスタイルを調整 */
.lcp_catlist a {
  font-size: 1em; /* フォントサイズを少し大きく */
  font-weight: 400; /* タイトルを太字に */
  text-decoration: none;
  color: #2346c4;
}

/* 日付のスタイルを調整 */
.lcp_catlist li span {
  font-size: 0.8em;
  color: #bf5268;
  margin-top: 2px; /* 日付とタイトルの間に余白を追加 */
}

/*固定ページのアイキャッチ画像を非表示*/
body.page .featured-thumbnail {
    display: none;
}
/* シリーズ記事リストの全体設定 */
.series-list {
    /* リストマーカー（点など）を非表示にする */
    list-style: none;
    /* 外側の余白をリセット */
    padding-left: 0;
}

/* シリーズ記事リストのリストアイテム全体の文字設定 */
.series-list li {
    /* FC2ブログの色を再現: rgb(128, 100, 162) */
    color: rgb(128, 100, 162);
    /* FC2ブログのフォントサイズを再現 */
    font-size: 11pt;
    /* 各行の下に少しスペースを作る */
    margin-bottom: 2px;
}

/* シリーズ記事リストのリスト内のリンクの設定 */
.series-list li a {
    /* リンクの下線を削除 */
    text-decoration: none;
    /* リンクの色を親要素と同じ色にする */
    color: inherit;
}

/* シリーズ記事リストのリスト内のリンクのホバー設定 */
.series-list li a:hover {
    color: #d42a2a;
}

/* シリーズ記事リストのタイトル行（最初の子要素）の設定 */
.series-list li:first-child {
    /* タイトル行のみフォントを少し太くする */
    font-weight: bold;
    text-align: center
    /* 他の行と区別するために少し大きめにしても良いかもしれません */
    /* font-size: 12pt; */
}
/*シリーズ記事リストの外枠*/
.series-list {
    /* リストマーカー（点など）を非表示にする */
    list-style: none;
    /* 外側の余白をリセット */
    padding-left: 0;
	
    /* --- 新たに追加する枠線の設定 --- */
    
    /* 1. 枠線の設定: 線種 実線, 太さ 1px, 色 好きな色 */
    border: 1px solid rgb(128, 100, 162); 
    
    /* 2. 枠と内容の間に余白を作る */
    padding: 15px; /* 上下左右に15ピクセルの余白 */
    
    /* 3. 枠線の外側に余白を作る（本文との区別） */
    margin-top: 20px;
    margin-bottom: 40px; 
}
/* 脚注の文字設定 */
.footnote {
    color: rgb(127, 127, 127);
    font-size: 11pt;
}

/* 脚注のリンクの設定 */
.footnote a {
    /* リンクの下線を削除 */
    text-decoration: none;
    /* リンクの色を親要素と同じ色にする */
    color: inherit;
}
.footnote a:hover {
    color: #d42a2a;
}
/* 過去記事リンクの全体設定 */
.past-post-link {
    /* 外側の余白をリセット */
    padding-left: 0;
}

/* 過去記事リンクのアイテム全体の文字設定 */
.past-post-link {
    /* FC2ブログの色を再現: rgb(128, 100, 162) */
    color: rgb(128, 100, 162);
    /* FC2ブログのフォントサイズを再現 */
    font-size: 11pt;
    /* 各行の下に少しスペースを作る */
    margin-bottom: 2px;
}

/* 過去記事リンクの設定 */
.past-post-link a {
    /* リンクの下線を削除 */
    text-decoration: none;
    /* リンクの色を親要素と同じ色にする */
    color: inherit;
}

/* 過去記事リンクのホバー設定 */
.past-post-link a:hover {
    color: #d42a2a;
}

/*過去記事リンクの外枠*/
.past-post-link {
    /* 外側の余白をリセット */
    padding-left: 0;

    /* --- 新たに追加する枠線の設定 --- */
    
    /* 1. 枠線の設定: 線種 実線, 太さ 1px, 色 好きな色 */
    border: 1px solid rgb(128, 100, 162); 
    
    /* 2. 枠と内容の間に余白を作る */
    padding: 15px; /* 上下左右に15ピクセルの余白 */
    
    /* 3. 枠線の外側に余白を作る（本文との区別） */
    margin-top: 20px;
    margin-bottom: 40px; 
}
/* リード文の全体設定 */
.lead-sentence {
    /* 外側の余白をリセット */
    padding-left: 0;
}

/* リード文のアイテム全体の文字設定 */
.lead-sentence {
    /* FC2ブログの色を再現: rgb(128, 100, 162) */
    color: rgb(128, 100, 162);
    /* FC2ブログのフォントサイズを再現 */
    font-size: 11pt;
    /* 各行の下に少しスペースを作る */
    margin-bottom: 2px;
}

/* リード文のリンクの設定 */
.lead-sentence a {
    /* リンクの下線を削除 */
    text-decoration: none;
    /* リンクの色を親要素と同じ色にする */
    color: inherit;
}

/* リード文のリンクのホバー設定 */
.lead-sentence a:hover {
    color: #d42a2a;
}

/*リード文の外枠*/
.lead-sentence {
    /* 外側の余白をリセット */
    padding-left: 0;

    /* --- 新たに追加する枠線の設定 --- */
    
    /* 1. 枠線の設定: 線種 実線, 太さ 1px, 色 好きな色 */
    border: 1px solid rgb(128, 100, 162); 
    
    /* 2. 枠と内容の間に余白を作る */
    padding: 15px; /* 上下左右に15ピクセルの余白 */
    
    /* 3. 枠線の外側に余白を作る（本文との区別） */
    margin-top: 20px;
    margin-bottom: 40px; 
}
#number-list li {
    color: rgb(128, 100, 162)
}

/* 子リストの項目の下に余白を追加する（必要であれば） */
#number-list li {
  margin-bottom: 1em;
}

/* 外部リンクへの誘導の全体設定 */
.external-link {
    /* 外側の余白をリセット */
    padding-left: 0;
    margin-bottom: 20px; 
}

/* 外部リンクへの誘導のアイテム全体の文字設定 */
.external-link {
    color: rgb(128, 100, 162);
    /* 各行の下に少しスペースを作る */
    margin-bottom: 2px;
}

/* 外部リンクへの誘導のリンクの設定 */
.external-link a {
    /* リンクの下線を削除 */
    text-decoration: none;
    /* リンクの色を親要素と同じ色にする */
    color: inherit;
}

/* 外部リンクへの誘導のリンクのホバー設定 */
.external-link a:hover {
    color: #d42a2a;
}
/* 」CT-X3000をハート音源に！」のリード文の全体設定 */
.lead-sentence-2 {
    /* リストマーカー（点など）を非表示にする */
    list-style: none;
    /* 外側の余白をリセット */
    padding-left: 0;
}

/* リストアイテム全体の文字設定 */
.lead-sentence-2 li {
    /* FC2ブログの色を再現: rgb(128, 100, 162) */
    color: rgb(128, 100, 162);
    /* FC2ブログのフォントサイズを再現 */
    font-size: 11pt;
    /* 各行の下に少しスペースを作る */
    margin-bottom: 5px;
}

/* リスト内のリンクの設定 */
.lead-sentence-2 li a {
    /* リンクの色を親要素と同じ色にする */
    color: inherit;
}

/* リスト内のリンクのホバー設定 */
.lead-sentence-2 li a:hover {
    color: #d42a2a;
}

.lead-sentence-2 {
    /* リストマーカー（点など）を非表示にする */
    list-style: none;
    /* 外側の余白をリセット */
    padding-left: 0;

    /* --- 新たに追加する枠線の設定 --- */
    
    /* 1. 枠線の設定: 線種 実線, 太さ 1px, 色 好きな色 */
    border: 1px solid rgb(128, 100, 162); 
    
    /* 2. 枠と内容の間に余白を作る */
    padding: 15px; /* 上下左右に15ピクセルの余白 */
    
    /* 3. 枠線の外側に余白を作る（本文との区別） */
    margin-top: 20px;
    margin-bottom: 20px; 
}
/* 箇条書きリストの全体設定 */
.bulleted-list {
    /* リストマーカー（点など）を非表示にする */
    list-style: none;
    /* 外側の余白をリセット */
    padding-left: 0;
}

/* 箇条書きリストリストのリストアイテム全体の文字設定 */
.bulleted-list li {
    /* FC2ブログの色を再現: rgb(128, 100, 162) */
    color: rgb(128, 100, 162);
    /* 各行の下に少しスペースを作る */
    margin-bottom: 2px;
}

/* 箇条書きリストのリンクの設定 */
.bulleted-list li a {
    /* リンクの下線を削除 */
    text-decoration: none;
    /* リンクの色を親要素と同じ色にする */
    color: inherit;
}

/*  箇条書きリストのリンクのホバー設定 */
.bulleted-list li a:hover {
    color: #d42a2a;
}
body.page .entry-categories {
    display: none;
}