@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */



/* 文字指定 */
body {
font-family : "Helvetica neue", "メイリオ", "Meiryo", "sans-serif";
color:#586365 !important;
}

/******************************
 * Googleカスタム検索
 *****************************/

/* カスタム検索 入力欄 */
form.gsc-search-box-tools table.gsc-search-box td.gsc-input {
  padding-right: 0;
}

table.gsc-search-box td.gsib_a {
  padding-bottom: 4px;
}

table.gsc-search-box input.gsc-input {
  box-shadow: none;
}

table.gsc-search-box .gsc-input-box {
  border-radius: 4px 0 0 4px / 4px 0 0 4px;
}

/* カスタム検索 検索ボタン */
table.gsc-search-box button.gsc-search-button {
  margin: 0;
  padding: 5px 0;
  width: 48px;
  border-radius: 0 4px 4px 0 / 0 4px 4px 0;
}

table.gsc-search-box button.gsc-search-button:hover {
  opacity: .7;
}

table.gsc-search-box button.gsc-search-button svg {
  width: 20px;
  height: 20px;
}

/* ************************************* */
/* カエレバ、ヨメレバ、トマレバ */
/* ************************************* */
/* 基本style */
.kaerebalink-box,
.booklink-box,
.tomarebalink-box{
border: none;
background: #FFF9EF;
padding: 3%;
margin: 1em 0 1em;
overflow: hidden;
font-size: small;
}
.kaerebalink-box a,
.booklink-box a,
.tomarebalink-box a{
text-decoration: none;
color: initial;
}
.kaerebalink-box a[target="_blank"]::after,
.booklink-box a[target="_blank"]::after,
.tomarebalink-box a[target="_blank"]::after{
content: none;
}
.kaerebalink-image,
.booklink-image,
.tomarebalink-image{
max-width: 200px;
max-height: 200px;
text-align: center;
margin: 10px auto!important;
float: none!important;
}
.kaerebalink-name,
.booklink-name,
.tomarebalink-name{
font-weight: bold;
font-size: 120%;
line-height: 1.8!important;
margin-bottom: 10px!important;
}
.kaerebalink-name p:empty,
.booklink-name p:empty,
.tomarebalink-name p:empty{
display: inline-block;
}
.kaerebalink-powered-date,
.booklink-powered-date,
.tomarebalink-powered-date,
.kaerebalink-detail,
.booklink-detail,
.tomarebalink-address{
font-size: 10px!important;
font-weight: normal;
}
.kaerebalink-link1,
.booklink-link2,
.tomarebalink-link1{
overflow: hidden;
}
.kaerebalink-link1 div,
.booklink-link2 div,
.tomarebalink-link1 div{
background-image: none!important;
margin: 0.5em!important;
padding: 0.2em!important;
display: inline-block!important;
width: 48.5%;
}
.kaerebalink-link1 div a,
.booklink-link2 div a,
.tomarebalink-link1 div a{
border-width: 2px;
border-style: solid;
font-size: 90%;
font-weight: bold;
border-radius: 5px;
position: relative;
padding: 1em 0.3em;
width: 100%;
text-align: center;
display: block;
}
.kaerebalink-link1 div a:hover,
.booklink-link2 div a:hover,
.tomarebalink-link1 div a:hover{
color: #fff;
transform:translate(-1px, -2px);
}
.kaerebalink-link1 div a:active,
.booklink-link2 div a:active,
.tomarebalink-link1 div a:active{
transform:translate(0, 1px);
}
.kaerebalink-link1 div img,
.booklink-link2 div img,
.tomarebalink-link1 div img{
display: none;
}

/* 画面幅768px以上の場合のstyle */
@media only screen and (min-width: 768px) {
.kaerebalink-image,
.booklink-image,
.tomarebalink-image{
float: left!important;
margin: 0 1.5em 0.5em 0!important;
}
.kaerebalink-link1 div,
.booklink-link2 div,
.tomarebalink-link1 div{
width: 11em;
}
}


/* ▼ボタンカラーここから▼ */
.shoplinkamazon a{
color: orange;
}
.shoplinkrakuten a{
color: red;
}
.shoplinkyahoo a{
color: green;
}
.shoplinkjalan a{
color: #ed5016;
}
.shoplinkjtb a{
color: #e10b0b;
}
.shoplinkknt a{
color: #0f75c2;
}
.shoplinkikyu a{
color: #18b412;
}
.shoplinkrurubu a{
color: #0f32a3;
}
.shoplinkamazon a:hover{
background-color: orange;
border-color: orange;
color: white!important;
}
.shoplinkrakuten a:hover{
background-color: red;
border-color: red;
color: white!important;
}
.shoplinkyahoo a:hover{
background-color: green;
border-color: green;
color: white!important;
}
.shoplinkjalan a:hover{
background-color: #ed5016;
border-color: #ed5016;
}
.shoplinkjtb a:hover{
background-color: #e10b0b;
border-color: #e10b0b;
}
.shoplinkknt a:hover{
background-color: #0f75c2;
border-color: #0f75c2;
}
.shoplinkikyu a:hover{
background-color: #18b412;
border-color: #18b412;
}
.shoplinkrurubu a:hover{
background-color: #0f32a3;
border-color: #0f32a3;
}
/* ▲ボタンカラーここまで▲ */

/******************
 * ぱんくず
******************/

/**ぱんくず非表示**/

#breadcrumb {
	display:none;
}

/**ぱんくず非表示終了**/

/*********************
 * Search&Filter
*********************/

/** Search & Filter 開始 **/
body
{
    display:block;
}
.searchandfilter p
{
    display:block;
}
.searchandfilter ul
{
    display:block;
}
.searchandfilter li
{
    list-style: none;
    display:block;
    margin-bottom: 1em;
}
 
.widget-area .searchandfilter li, .widget-area .searchandfilter p
{
    display:block;
}
.searchandfilter
{
    text-align: center;
}
 
 
.searchandfilter label
{
    display:block;
}
.searchandfilter h4
{
    margin-top:0px;   
    margin-bottom:0px;
    font-size:14px;
}
 
.searchandfilter ul > li > ul:not(.children)
{
    margin-left: auto;
    margin-right: auto;
}
 
.searchandfilter input[type="text"]
{
    width: 100%;
    height: 40px;
}
.postform
{
	width: 220px;
	height: 40px;
	margin: auto;
	border:solid #EFEFEF;
}
/** Search & Filter 終了 **/

/**********************
 * 記事一覧
**********************/

/* メタ情報のフォントサイズ変更 */
.post-meta,.entry .post-meta a  {
 font-size: 13px;
 line-height: 160%;
}
/* メタ情報のフォントサイズ変更 終了 */

/* 記事一覧のメタ情報を右寄せ */
.entry .post-meta {
 text-align: right !important;
}
/* 記事一覧のメタ情報を右寄せ 終了 */

/* 記事一覧のタイトルサイズを変更 */
.entry h2 a{
 font-weight: 700;
 font-size: 1.4rem !important;
 line-height: 1.4;
}
/* 記事一覧のタイトルサイズを変更 終了 */

/* 記事間に線を引く */
#main .entry {
 border-bottom: 1px solid #FFC042;
 padding-bottom: 15px;
}
/* 記事間に線を引く 終了 */

/* 記事一覧サムネイル */
.entry-card:hover {
	transform: scale(1.05);
	opacity: 0.8;
  	transition-duration: 0.3s;
}
/* 記事一覧サムネイル 終了 */

/*************************
 * 関連記事
*************************/

/* 関連記事のテキストを左揃え */
.related-entry-content {
 text-align: left;
}
/* 関連記事のテキストを左揃え 終了 */

/* 関連記事タイトルの行間を変更 */
.related-entry-title{
 	line-height: 1.1;
}
/* 関連記事タイトルの行間を変更 終了 */

/* 関連記事サムネイル */
.related-entry-thumbnail img{
	width: 240px;
	height: 135px;
	object-fit: cover;
}
.related-entry-thumbnail{
	margin-bottom: -60px;
}
.related-entry-thumbnail:hover {
	transform: scale(1.08);
	opacity: 0.8;
  	transition-duration: 0.3s;
}
/* 関連記事サムネイル 終了 */

/**************************
 * ウィジェット
 ***************************/
/* ウィジェットタイトルを編集 */
.widget_title {
    padding: 0.5em 1em;
    margin: 2em 0;
    border-left: solid 3px #FFC042;
    border-bottom: dotted 1px #FFC042;
    font-size: 110% !important;
    color: #586365;
}

/* ブロックウィジェットのタイトルに .widget_title スタイルを適用 */
.widget_block .wp-block-heading {
    padding: 0.5em 1em !important;
    margin: 2em 0 !important;
    border-left: solid 3px #FFC042 !important;
    border-bottom: dotted 1px #FFC042 !important;
    font-size: 110% !important;
    color: #586365 !important;
}

/* サイドバーの人気記事一覧レイアウト */
.widget_popular_ranking ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_popular_ranking ul li {
    border-bottom: 1px solid #FFC042;
    counter-increment: wpp-count;
    position: relative;
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.widget_popular_ranking ul li:hover {
    transform: scale(1.05);
    opacity: 0.8;
    transition-duration: 0.3s;
}

/* ランキング番号のデザインと位置 */
.widget_popular_ranking ul li:before {
    display: block;
    padding: 4px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: #586365;
    content: counter(wpp-count);
    position: absolute;
    opacity: 1;
    z-index: 10000;
    border-radius: 50%;
    /* 位置調整 */
    top: 5px;
    left: 0;
}

.widget_popular_ranking ul li:last-child {
    border-bottom: none;
}

.widget_popular_ranking ul li:nth-child(1):before {
    background-color: #FBCC54;
}

.widget_popular_ranking ul li:nth-child(2):before {
    background-color: #B7BFC1;
}

.widget_popular_ranking ul li:nth-child(3):before {
    background-color: #D47B16;
}

/* サムネイル画像の修正 */
.widget_popular_ranking ul li img {
    width: 120px;
    height: 67.5px; /* 120px * 9/16 = 67.5px */
    object-fit: cover;
}

.widget_popular_ranking ul li a {
    display: block;
    font-size: 15px;
    padding: 10px 0;
    text-decoration: none;
    color: #586365;
    flex: 1;
}

/* テーマの干渉防止 */
.widget_popular_ranking ul li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/*************************
 * グローバルナビ
*************************/

/* グローバルナビの上下にラインを入れる */
#navi {
 border-top:solid 1px #ffc042;
 border-bottom:solid 1px #ffc042;
}
/* グローバルナビの上下にラインを入れる 終了 */

/* ホバー時の色を変更する */
#navi ul li a{
	font-size: 105%;
}
#navi ul li a:hover{
  color: #ffc042 !important;
}
#navi ul li a:before{
  background:#586365 !important;
}
#navi ul,#navi{
  background-color:white;
}
/* ホバー時の色を変更する 終了 */

/**********************
 * 見出しのカスタマイズ
**********************/

/* 見出しのデザインを変更 */
.article h1{
	color: #586365;
}
.article h2{
	border-left: solid 2px #ffc042;
	color: #586365;

}
.article h3{
	border-bottom: solid 3px #ffc042;
	color: #586365;
}
.article h4{
	border-bottom: dashed 4px #ffc042;
	color: #586365;
}
/* 見出しのデザインを変更 終了 */


/**************************
 * 目次
**************************/
/* 全体 */
#ez-toc-container {
    margin: 2em auto; /* 上下マージンを維持、中央揃え */
    width: 97% !important;
    border: none;
    padding: 15px; /* 余白を増やしてレイアウトを整える */
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* タイトル */
div#ez-toc-container p.ez-toc-title {
    font-weight: bold !important;
    width: 100%;
    text-align: center; /* 水平中央揃え */
    color: white !important;
    margin: 0 auto; /* マージンをリセット、中央揃え */
    padding: 0; /* パディングをリセット */
    line-height: 44px; /* 親コンテナの高さに合わせる */
    position: relative; /* 親コンテナ内での位置を明確化 */
}

/* タイトル全体 */
.ez-toc-title-container {
    background: #ffc042;
    position: relative;
    height: 44px;
    display: flex; /* フレックスボックスで中央揃え */
    align-items: center; /* 垂直中央揃え */
    justify-content: center; /* 水平中央揃え */
    padding: 0 15px; /* 左右に余白を追加 */
    box-sizing: border-box; /* パディングを幅に含める */
}

/* 表示・非表示ボタン */
a.ez-toc-pull-right.ez-toc-btn.ez-toc-btn-xs.ez-toc-btn-default.ez-toc-toggle {
    border: none;
    box-shadow: none;
    border-radius: 50%;
    padding: 0.8em; /* ボタンサイズを微調整 */
}

/* トグルボタンの位置 */
span.ez-toc-title-toggle {
    position: absolute;
    right: 10px; /* 右端から離す */
    top: 50%; /* 垂直中央 */
    transform: translateY(-50%); /* 中央揃え */
}

/* 見出しリスト全体 */
#ez-toc-container ul.ez-toc-list {
    margin-left: 1em;
}

/* 固定ページの日付を非表示 */
.page .post-meta {
    display: none;
}