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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
img {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}
/* 目次の自動改行をなしにする */
.toc-content ol li {
  white-space: nowrap;           /* 改行を防ぐ */
}

/* ロゴを上部に配置 */
#header-container .logo-image {
  margin-top: -150px; /* 数値を調整してロゴを上に移動 */
}

/* フルスクリーン時、地図を画面全体に固定し、他の要素より前面に出す */
.leaflet-container.leaflet-fullscreen-on {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important; /* スマホの実際の表示領域に合わせる(対応ブラウザ優先) */
  z-index: 999999 !important;
}

.cstmreba .tomarebalink-image {
	width: 150px;
	height: 112px;
	float: left;
	margin: 0 14px 0 0;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.cstmreba .tomarebalink-image a {
	display: block;
	width: 100%;
	height: 100%;
}
.cstmreba .tomarebalink-image img:last-of-type {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* アフィリエイトの画像表示の設定 */
@media screen and (max-width:768px){
	.cstmreba .booklink-image,
	.cstmreba .kaerebalink-image,
	.cstmreba .tomarebalink-image {
		width:100% !important;
		float:none !important;
		min-height: 200px !important;
		height: 200px !important;
		position: relative !important;
		overflow: hidden !important;
		display: block !important;
	}
}

/* 気象庁JSONを取得して表示させるコード */
.hsr-weather{margin:1.5em 0}
.hsr-weather__title{font-weight:bold;margin:0 0 .6em}
.hsr-weather figure{width:100%;margin:0}
.hsr-weather table{width:100% !important;border-collapse:collapse;border:1px solid #e0e0e0;margin:0}
.hsr-weather th,.hsr-weather td{border:1px solid #e0e0e0;padding:8px 10px;vertical-align:middle;text-align:center}
.hsr-weather thead th{background:#f8f9fb;font-weight:bold;font-size:.85em;white-space:nowrap}
.hsr-weather thead th:nth-child(1){width:18%}
.hsr-weather thead th:nth-child(2){width:40%}
.hsr-weather thead th:nth-child(3){width:24%}
.hsr-weather thead th:nth-child(4){width:18%}
.hsr-weather tbody th{background:#f8f9fb;font-weight:normal;white-space:nowrap}
.hsr-weather tbody th small{display:block;color:#888;font-size:.8em}
.hsr-weather td{background:#fff}
.hsr-weather td.hsr-weather__wx{text-align:left}
.hsr-weather__max{color:#e60012}
.hsr-weather__min{color:#0a84ff}
.hsr-weather__na{color:#aaa}
.hsr-weather thead th small{display:block;font-weight:normal;color:#888;font-size:.8em}
.hsr-weather__note{font-size:.75em;color:#888;margin:.6em 0 0}
@media (max-width:600px){
	.hsr-weather th,.hsr-weather td{padding:6px 4px;font-size:.85em}
}

/* 天気のアイコン（絵文字）を大きくして中央寄せにする */
.hsr-weather td.hsr-weather__wx { text-align: center; line-height: 1.4; }
.hsr-weather__icon { display: inline-block; font-size: 2em; margin-bottom: 2px; }