/*
 Theme Name:   Whale Adventure
 Description:  Voyageur by DigiPress の子テーマ。親テーマを更新しても、サイト固有の変更が消えないようにする。
 Template:     dp-voyageur
 Version:      2.0.0
 Text Domain:  whale-adventure
*/

/* サイト固有の CSS は、ここに書く(親テーマの style.css のあとに読み込まれる) */

/* =====================================================================
   旧テーマ(Voyageur 1.1.2.0)の見た目に合わせる補正
   親テーマ 3.x は、フォント・文字サイズ・メニュー・本文の余白の標準値が旧版と違うため、旧版の値に戻す。
   ===================================================================== */

/* フォント */
body, button, input, select, textarea, .btn {
	font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* ヘッダー・コピーライトの文字サイズ(旧 13px、新 13.5px) */
header#header_container, .copyright {
	font-size: 13px;
	line-height: 13px;
}

/* グローバルメニュー(左サイドバー): 右寄せ・幅 220px・行の高さ 35px・下線(親テーマの指定より強くする) */
html body #global_menu_nav {
	padding: 0 40px;
	text-align: right;
}
html body #global_menu_nav ul {
	position: static;
	width: 220px;
	text-align: right;
}
html body #global_menu_nav ul#global_menu_ul li.menu-item {
	position: relative;
	width: 220px;
	height: 35px;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	border-top: 0;
	border-bottom: 0;
}
html body #global_menu_nav ul#global_menu_ul li.menu-item a.menu-link {
	width: 220px;
	height: 35px;
	padding: 11px 0;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	border-bottom: 1px solid rgba(249, 249, 249, 0.2);
}

/* ヘッダーの小さい文字(キャッチ)・ボタン */
html body header#header_container .caption {
	font-size: 11px;
	line-height: 11px;
}
html body a.btn, html body .btn {
	color: #fff;
}
html body header#header_container .btn, html body .hd_misc_div .btn {
	font-size: 13px;
}

/* 投稿情報(旧 11px)・サイトのフッター(旧 10px) */
html body .single-article .single_post_meta, html body .post_meta_sns_btn {
	font-size: 11px;
}
html body #footer {
	font-size: 10px;
	line-height: 10px;
}

/* ウィジェット・記事タイトル */
.widget-box {
	line-height: 1.68;
}
html body .single-article header .single-title, html body .entry-title {
	font-size: 22px;
}

/* 本文中のリンク: 親テーマ 3.x は inline-block。旧テーマは、通常は inline、画像のリンクは block */
.entry a {
	display: inline;
}
.entry .elementor-image a, .entry .elementor-widget-image a {
	display: block;
}

/* 本文の行間・段落の余白・見出しの大きさ(新しい親テーマは em ベース) */
.entry {
	line-height: 1.8;
}
.entry p, .dp_text_widget p, .textwidget p {
	margin: 0;
	padding: 0 0 30px;
}
/* 見出しの大きさ(旧: h1〜h6 = 24 / 22 / 20 / 18 / 16 / 14px。新テーマは % 指定) */
.entry h1, .dp_text_widget h1, .textwidget h1 { font-size: 24px; }
.entry h2, .dp_text_widget h2, .textwidget h2 { font-size: 22px; }
.entry h3, .dp_text_widget h3, .textwidget h3 { font-size: 20px; }
.entry h4, .dp_text_widget h4, .textwidget h4 { font-size: 18px; }
.entry h5, .dp_text_widget h5, .textwidget h5 { font-size: 16px; }
.entry h6, .dp_text_widget h6, .textwidget h6 { font-size: 14px; }

/* ウィジェット内の文章の行間(旧 1.8) */
.textwidget, .dp_text_widget {
	line-height: 1.8;
}


/* 本文中の表(旧: セルの余白 6px 8px、文字 16px、上下中央) */
html body .entry th, html body .entry td {
	padding: 6px 8px;
	font-size: 16px;
	line-height: 1.8;
	vertical-align: middle;
}

/* ボタン: アイコンフォント(dpicons)の高さの違いで、ボタンを含む行が高くなるのを防ぐ */
html body a.btn, html body .btn {
	vertical-align: top;
}


/* コピーライト(旧: 文字 10px・行の高さ 10px) */
html body .copyright, html body .copyright .inner, html body .copyright a, html body .copyright small {
	font-size: 10px;
	line-height: 10px;
}
html body .copyright {
	height: 10px;
}

/* サイドバーの協会の枠・区切り線・検索ボタン */
html body .flex .title {
	line-height: 14px;
}
html body .header_content hr {
	border-bottom: 0;
}
/* 親テーマ 3.x は、サイドバー下に検索ボタン(モーダル)を出す。旧テーマでは出していなかったので、隠す */
html body label.header-search, html body .search-modal-trigger, html body .search-modal-window {
	display: none;
}

/* 本文中の画像(旧: inline) */
html body .entry img {
	display: inline;
}

/* パンくず(旧: 文字 11px、区切りは dpicons の「>」) */
html body #dp_breadcrumb_nav ul li {
	font-size: 11px;
	line-height: 1.8;
}
html body #dp_breadcrumb_nav ul li a {
	font-size: 11px;
}
html body #dp_breadcrumb_nav ul li::after {
	content: "\e6b9";
	font-family: "dpicons";
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 1;
	width: auto;
	height: auto;
	margin: 0 1.5px;
	padding: 0 10px;
	opacity: 1;
	position: relative;
	display: inline;
}
html body #dp_breadcrumb_nav ul li:last-child::after {
	content: none;
}

/* 新テーマ独自の飾りを消す(旧テーマには無い): サイドバーのぼかし、リンク画像の影 */
html body header#header_container {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
html body .entry a img {
	box-shadow: none;
}

/* パンくずの背景(旧: なし) */
html body #dp_breadcrumb_nav {
	background-color: transparent;
}

/* 区切り線(旧: 上の点線のみ) */
html body .header_content hr, html body .entry hr, html body .dp-container hr {
	border-left: 0;
	border-right: 0;
}

/* トップのバナー(旧: 白い文字・影つき、タイトルは太字)と、読み込み中の画面の色(旧: 黒) */
html body div.hd_img {
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.38) 0 0 30px;
}
html body #banner_title, html body h2.loaded {
	font-weight: 700;
}
html body #fakeloader {
	background-color: #000;
}

/* メニューの「現在のページ」「ホバー」の表示(旧: 下に 1px の線。新テーマは塗りつぶし) */
html body #global_menu_ul li.menu-item a.menu-link::before {
	height: 1px;
	bottom: -1px;
	left: 220px;
	width: 0;
}
html body #global_menu_ul li.menu-item.current-menu-item a.menu-link::before,
html body #global_menu_ul li.menu-item.current_page_item a.menu-link::before,
html body #global_menu_ul li.menu-item.current-menu-ancestor a.menu-link::before,
html body #global_menu_ul li.menu-item.current-menu-parent a.menu-link::before,
html body #global_menu_ul li.menu-item a.menu-link:hover::before {
	left: 0;
	width: 220px;
}

/* リストの行間・余白(旧: 行間 1.92、上下 2px。新テーマは 2 / 3px) */
html body .entry ul li, html body .entry ol li, html body .dp_text_widget ul li, html body .dp_text_widget ol li, html body .textwidget ul li, html body .textwidget ol li {
	line-height: 1.92;
	padding: 2px 0;
}

/* フッターのウィジェット領域の行の高さ(旧 13px) */
html body .ft-widget-content {
	line-height: 13px;
}

/* メニューの下線(::before、bottom:-1px)が、新テーマの overflow:hidden で切り取られないようにする */
html body #global_menu_ul li.menu-item a.menu-link {
	overflow: visible;
}

/* =====================================================================
   スマホ用(旧テーマの見た目に近づける。B 案)
   親テーマ 3.x のスマホ用は、画面下の固定バーからメニューを開く作り。旧テーマと同じく、上部のバーのボタンで開く
   ===================================================================== */

/* 画面下の固定バー(メニュー・ホーム・先頭へ・検索)と、検索のパネルは出さない */
html body label.ftbar_btn,
html body #footer_bar,
html body .modal_wrapper.search_form {
	display: none;
}

/* 上部のバー(旧: 高さ 50px、下に薄い線。左端にメニューのボタン) */
html body header#global_menu_trigger {
	position: relative;
	height: 50px;
	border-bottom: 1px solid rgba(249, 249, 249, 0.2);
}
html body .wa-menu-trigger {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #f9f9f9;
	font-size: 16px;
	z-index: 1004;
	cursor: pointer;
}
html body .wa-menu-trigger .menu_icon {
	line-height: 50px;
	font-size: 20px;
}
/* メニューが開いたら、ボタンはパネルの右隣(旧テーマと同じ位置)へ */
html body:has(#main_menu_flag:checked) .wa-menu-trigger {
	position: fixed;
	left: max(80vw, 300px);
}

/* メニューのパネル(旧: 濃い青、白い文字、左からスライド) */
html body .modal_wrapper.main_menu {
	height: 100%;
	padding: 50px 0 0;
	background: #0c4289;
	color: #f9f9f9;
	text-align: left;
}
html body .modal_wrapper.main_menu::before {
	content: "Menu";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 51px;
	line-height: 51px;
	font-size: 10px;
	text-align: center;
	color: rgba(249, 249, 249, 0.7);
	border-bottom: 1px solid rgba(249, 249, 249, 0.22);
}
html body .modal_wrapper.main_menu .menu-item {
	position: relative;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	background: transparent;
	border: 0;
}
html body .modal_wrapper.main_menu .menu-item .menu-link {
	display: block;
	padding: 10px 10px 10px 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	color: #f9f9f9;
	background: transparent;
	border: 0;
}
html body .modal_wrapper.main_menu .menu-item::after {
	content: "";
	position: absolute;
	left: 20px;
	right: 0;
	bottom: 0;
	border-bottom: 1px solid rgba(249, 249, 249, 0.2);
}
html body .modal_wrapper.main_menu .menu-item.current-menu-item::after,
html body .modal_wrapper.main_menu .menu-item.current_page_item::after {
	border-bottom-color: #ede921;
}

/* スマホ用ページ(body.mb-theme)の文字サイズ・行間(旧テーマの値) */
html body.mb-theme .single-article header .single-title,
html body.mb-theme .entry-title {
	font-size: 16px;
	line-height: 1.4;
}
html body.mb-theme .entry,
html body.mb-theme .textwidget,
html body.mb-theme .dp_text_widget {
	line-height: 1.6;
}
html body.mb-theme .widget-box h3.inside-title,
html body.mb-theme .widget-box .inside-title {
	font-size: 15px;
	line-height: 1.4;
}
/* 画面下の固定バーを隠したので、その分の余白も要らない */
html body.mb-theme footer#footer {
	padding-bottom: 0;
}

/* スマホ用: 「先頭へ戻る」バー(旧テーマと同じ。丸い矢印のボタン)とパンくずの余白 */
html body.mb-theme #wa-gotop {
	text-align: center;
	cursor: pointer;
}
html body.mb-theme #wa-gotop i {
	display: inline-block;
	line-height: 40px;
	height: 40px;
	width: 40px;
	margin-top: 10px;
	margin-bottom: 0;
	border: 1px solid;
	border-radius: 50%;
}
html body.mb-theme #dp_breadcrumb_nav {
	margin: 0;
	padding: 0;
}
html body.mb-theme #dp_breadcrumb_nav ul {
	padding: 20px 0;
}

/* スマホ用パンくずのリンク(新テーマは、タップしやすいよう余白つきの inline-block。旧は通常の inline) */
html body.mb-theme #dp_breadcrumb_nav ul li a {
	display: inline;
	padding: 0;
	line-height: 19.8px;
}

/* スマホ用ページの最下部: 「先頭へ戻る」を、旧テーマと同じく、白い枠の外(青い背景の上)に見せる */
html body.mb-theme #container {
	padding-bottom: 0;
}
html body.mb-theme #wa-gotop {
	margin: 20px -10px 0;
	height: 50px;
	background: #2161d1;
}
html body.mb-theme #wa-gotop i {
	border-color: rgba(102, 102, 102, 0.2);
}
html body.mb-theme footer#footer {
	padding-top: 0;
}

/* スマホ用: コピーライトの上の余白(旧は 0) */
html body.mb-theme footer#footer .copyright, html body.mb-theme footer#footer .ft-widget-content {
	margin-top: 0;
}
html body.mb-theme footer#footer .ft-widget-content:empty {
	display: none;
}
html body.mb-theme .copyright .inner {
	margin: 0;
}
html body.mb-theme footer#footer div.copyright div.inner {
	margin: 0 !important;
}

/* スマホ用ページの見出しの大きさ(旧: h1〜h6 = 22 / 20 / 18 / 16 / 14 / 13px)と、表のセルの文字 */
html body.mb-theme .entry h1, html body.mb-theme .dp_text_widget h1, html body.mb-theme .textwidget h1 { font-size: 22px; }
html body.mb-theme .entry h2, html body.mb-theme .dp_text_widget h2, html body.mb-theme .textwidget h2 { font-size: 20px; }
html body.mb-theme .entry h3, html body.mb-theme .dp_text_widget h3, html body.mb-theme .textwidget h3 { font-size: 18px; }
html body.mb-theme .entry h4, html body.mb-theme .dp_text_widget h4, html body.mb-theme .textwidget h4 { font-size: 16px; }
html body.mb-theme .entry h5, html body.mb-theme .dp_text_widget h5, html body.mb-theme .textwidget h5 { font-size: 14px; }
html body.mb-theme .entry h6, html body.mb-theme .dp_text_widget h6, html body.mb-theme .textwidget h6 { font-size: 13px; }
html body.mb-theme .entry th, html body.mb-theme .entry td {
	font-size: 14px;
	line-height: 1.6;
}

/* PC 用: サイドバー下部の、新テーマで増えたボタン(虫眼鏡・×・上矢印)は出さない(旧テーマには無い) */
html body:not(.mb-theme) .header-search,
html body:not(.mb-theme) #header_container i.toggle.tgbtn.icon-cross,
html body:not(.mb-theme) #header_container #gotop {
	display: none !important;
}