/*! Luxeritas Child CSS */
/* Luxeritas WordPress Theme - free/libre wordpress platform
 *
 * @copyright Copyright (C) 2015 Thought is free.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 * @author LunaNuko
 * @link http://thk.kanzae.net/
 * @translators rakeem( http://rakeem.jp/ )
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 *   Theme Name: Luxeritas Child Theme
 *   Template: luxeritas
 *   Text Domain: luxech
 *   Theme URI: http://thk.kanzae.net/wp/
 *   Description: SEO optimized, Responsive layout, Super Fast, Multi Feature, Bootstrap
 *   Author: LunaNuko
 *   Author URI: http://thk.kanzae.net/
 *   License: GNU General Public License v2 or later
 *   License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *   Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-colors, custom-menu, theme-options, featured-image-header, editor-style, sticky-post, threaded-comments, translation-ready
 *   Since: 20151206
 *   Modify: 20200401
 *   Version: 3.0.3
 *   Template Version: 3
 *
 * ここから上を消すと正しく動作しなくなることがあります。
 * ( Erasing the elements above here might cause system issues. )
 */

/* 以下、好みに応じて子テーマ用のスタイルをお書きください。
 * ( Below here, please write down your own styles for the child theme. )
 */


/* タイトル（H1） */
.entry-title {
	background-image: url(https://piano.icho.com/wp-content/uploads/2018/01/leaf.jpg);
	background-repeat: no-repeat;
	width: 500px;
	font-size: 18px;
	color: #000000;
	padding-left: 50px;
	text-indent: 0;
	letter-spacing: 2px;
	background-position: 0px 0px;
	line-height: 40px;
	margin-top: 10px;
	margin-bottom: 10px
	clear: both;
}

/* 記事内の見出し H2 */

.post h2 {
  background-image: url(https://piano.icho.com/wp-content/uploads/2018/01/backgrounnd-of-h4_title-4.gif);
  background-repeat: no-repeat;
  background-position: 5px 8px;
  padding-left: 40px;
  height: 35px;
  line-height: 16px;
  margin: 30px 0 10px 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  border: none;
}

.post h3 {
  background-image: url(https://piano.icho.com/wp-content/uploads/2018/02/blog_title.gif);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  padding-left: 30px;
  height: 35px;
  line-height: 20px;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  margin: 30px 0 10px 20px;
  border: none;
}


.post h4 {
  background-image: url(https://piano.icho.com/wp-content/uploads/2020/07/ecalic033_015.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding-left: 30px;
  text-indent: 0;
  height: 35px;
  line-height: 22px;
  margin: 30px 0 10px 20px;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  border: none;
}

.post h5 {
  font-size: 16px;
  margin: 10px 0 10px 25px;
  padding-top: 0;
  height: 35px;
  line-height: 35px; /* ← 中央揃えのため追加 */
  border: none;
  text-indent: 0;
}
.post h5::before {
  content: "・";
  display: inline;
  margin-right: 4px; /* ← 点の後にちょっとスペースを入れると自然！ */
}

/* 以下、RSS and Feedly button */
#thk-rss-feedly {
	width: 50%;
}
#thk-rss-feedly li a {
	font-size: 1.2rem;
	line-height: 14px;
	padding: 4px 0;
}
#thk-rss-feedly i {
	margin: 0 5px 0 0;
}

/* RSS and Feedly button ここまで*/

/* 緑の点線で枠*/
.green_tensen_waku{
  border: dotted 1px #13ab05;
  border-radius: 8px;
  padding: 20px;
  margin: 30px;
}

/* 上マージンの調整、遊びにいらっしゃいませんかページなど？で使用*/
.topmargin-akeru{
margin-top: 50px !important;
}

/* 白枠を使ってインデントの調整、在庫状況ページなど？で使用*/
.indent-tyousei{
	border:dotted 1px #ffffff;
    padding:10px;
	margin: 20px !important;
}
/* 白枠を使ってインデントの調整、ピアノコレクション用*/
.indent-tyousei2{
	border:dotted 1px #ffffff;
    padding:10px;
	margin: 0px !important;
}

/* 画像を右側に置いて文字を回り込むようにする。
 * インライン画像を挿入し、
 * html編集にして既存のclassに続いて半角空けて・・・ img class="wp-image-1975 float_r" ・・・のようにする */
.float_r {
	float: right;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}
/* スマホなど狭い画面用（追加） */
@media screen and (max-width: 600px) {
  .float_r {
    float: none;
    display: block;
    margin: 0 auto 20px;
  }
}


/* 整音の実際：見出しのインデントと文字の大きさの調整 */
/*
body.page-id-3633 p {
padding-left: 0px !important;
padding-top: 0px !important;
margin-top: 10px !important;
margin-bottom: 25px !important;
}

body.page-id-3633 img {
float: right !important;
}
*/

/* 整音の実際：「ディスカッション」というタイトルを消す (ディスカッションは受けつかないことにしたのでここは不要だが残しておこう。)*/
body.page-id-3633 .discussion {
display:none !important;
}

/* 整音の実際：「コメント一覧」の上のラインを消す (ディスカッションは受けつかないことにしたのでここは不要だが残しておこう。)*/
body.page-id-3633 .pbhr {
display:none !important;
}

/* TOPページ下方の新着情報の行間。（SEO対策。狭すぎると評価がダウンしたので。・・・本当か？） */
div#recent-posts-4 {
    line-height: 2.5;
}
/* TOPの新着情報の上下のスペースを狭く*/
.posts-under-1 {
    padding: 0px 0;
}