/*
 * 
  * 2018.05.16
 * nagamira_css2 20180517_Ver2_05_3
 * 
 * 著作権 長岡京健康みらい研究所
 * 【重要】nagamira_css1の後に読み込むこと
 * スマホ時のナビ「MENU」ボタンアイコンなどの修正。
 * 先にWEBフォント fontawesomeを呼んでおくこと。
 * <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous"> 
 2018.05.16
 不明だった部分を修正、追加。
 */

/* ===============
 qblogブログ投稿リスト
2018.05.02
===============*/
#qblog h2.qblog_title a {
    color: #337ab7;
    font-weight: 700;
    font-size: 20px }
@media (min-width: 767px){
#qblog h2.qblog_title a {
    font-size: 22px }
}
@media (min-width: 1200px){
#qblog h2.qblog_title a {
    font-size: 24px }
}

#qblog .qblog-list-line h2 {
    font-size: 20px;
    line-height: 1.7em;
    border-bottom: none }
@media (min-width: 767px){
#qblog .qblog-list-line h2 {
    font-size: 22px }
}
@media (min-width: 1200px){
#qblog .qblog-list-line h2 {
    font-size: 24px }
}

.qblog-list-line {
    border: none;
    padding: 10px 0;
    height: auto;
    overflow-y: scroll;
    margin-top: 0px;
    margin: 12px;
}

.qblog-list-line .qblog_date {
    padding: 7px;
    font-size: 20px;
    margin-right: 8px }
@media (min-width: 767px){
.qblog-list-line .qblog_date {
    font-size: 22px }
}
@media (min-width: 1200px){
.qblog-list-line .qblog_date {
    font-size: 24px }
}

/* ブログ投稿日付 */
.qblog_post_date {
    font-size: 24px;
    color: #777;
    float: left }
@media (min-width: 767px){
.qblog_post_date  {
    font-size: 26px }
}
@media (min-width: 1200px){
.qblog_post_date  {
    font-size: 28px }
}

/* ブログバッジ類 */
a.badge {
    color: white;
    background-color: indianred;
    font-size: 20px;
    margin: 1px 1px;
    padding: 5px 10px;
    border-radius: 3px }
@media (min-width: 767px){
a.badge {
    font-size: 22px }
}
@media (min-width: 1200px){
a.badge {
    font-size: 24px }
}

/* ブログタイトル・日付など */
.title {
    padding-top: 0px;
    margin-bottom: 0;
    text-align: right;
    display: block;
    line-height: 30px;
}

/* 8色毎に設定しておく、他にも色があるかもしれない */
.haik-palette-cyan .qblog-item h3.qblog_title,
.haik-palette-green .qblog-item h3.qblog_title,
.haik-palette-brown .qblog-item h3.qblog_title,
.haik-palette-red .qblog-item h3.qblog_title,
.haik-palette-purple .qblog-item h3.qblog_title,
.haik-palette-blue .qblog-item h3.qblog_title,
.haik-palette-gray .qblog-item h3.qblog_title,
.haik-palette-orange .qblog-item h3.qblog_title {
    font-size: 18px!important;
    height: 58px;
}

.haik-palette-cyan .qblog-list .qblog_date, 
.haik-palette-green .qblog-list .qblog_date, 
.haik-palette-brown .qblog-list .qblog_date, 
.haik-palette-red .qblog-list .qblog_date, 
.haik-palette-purple .qblog-list .qblog_date, 
.haik-palette-blue .qblog-list .qblog_date, 
.haik-palette-gray .qblog-list .qblog_date, 
.haik-palette-orange .qblog-list .qblog_date{
    line-height: 1em;
}


/* =================
ブログリスト時のキャプション画像
ブログリストのキャプション画像に出る日付の位置を連動させること
=================*/
.qblog-list-table .qblog_thumbnail_box {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    float: left;
    margin-right: 1.2em }
@media (min-width: 767px){
.qblog-list-table .qblog_thumbnail_box {
    width: 150px;
    height: 150px;
    margin-right: 20px }
}
@media (min-width: 1200px){
.qblog-list-table .qblog_thumbnail_box {
    width: 180px;
    height: 180px;
    margin-right: 24px }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ブログリストのキャプション画像に出る日付
ブログリスト時のキャプション画像の大きさと連動して位置が変わる
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.qblog_date{
    background: rgba(90, 90, 0, 0.5);
    top: 100px;
    height: 20px;
    width: 120px;
    font-size: 16px }
@media (min-width: 767px){
.qblog_date {
    top: 126px;
    height: 24px;
    width: 150px;
    font-size: 18px }
}
@media (min-width: 1200px){
.qblog_date {
    top: 154px;
    height: 26px;
    width: 180px;
    font-size: 20px }
}

/* =================
ブログリスト時概要 
画像つきのリストで概要を出す。
ブログリストのキャプション画像と見出しの高さの合計を概要エリアとする。
overflow:hidden でテキストの回り込みを回避、あふれたものを隠す。
2018.05.01
=================*/
.qblog_abstract {
    font-size: 20px ;
    margin: 0.5em 0 ;
    height: 120px;
/* テキストの回り込み回避 */
    overflow:hidden }
@media (min-width: 767px){
.qblog_abstract {
    height: 130px;
    font-size: 22px }
}
@media (min-width: 1200px){
.qblog_abstract {
    height: 150px;
    font-size: 24px }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ブログ　
 qblog_recent時のブログリストとqblog_title aは違う
最新の投稿リスト、カテゴリリスト、最新のコメントリスト、ブログアーカイブリスト qblog.cssで最低限のスタイルしか書かれていない書式をここでそろえる。
2018.05.05 
.qblog_categories, .qblog_recent_comments, .qblog_archives
を追加
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ブログ　
 qblog_recent時のブログリストとqblog_title aは違う
最新の投稿リスト、カテゴリリスト、最新のコメントリスト、ブログアーカイブリスト qblog.cssで最低限のスタイルしか書かれていない書式をここでそろえる。
2018.05.07 
.qblog_categories, .qblog_recent_comments, .qblog_archives
を追加
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.qblog_recent,
.qblog_categories,
.qblog_recent_comments,
.qblog_archives {
    list-style: none;
    padding: 12px;
    margin: 12px;
    height: auto;
/*    overflow-y: scroll; */
    line-height: 26px;
    padding-bottom: 12px;
    font-size: 20px }
@media (min-width: 767px){
.qblog_recent,
.qblog_categories,
.qblog_recent_comments,
.qblog_archives {
    font-size: 22px }
}
@media (min-width: 1200px){
.qblog_recent,
.qblog_categories,
.qblog_recent_comments,
.qblog_archives {
    font-size: 24px }
}


/* ブログページ移動ボタン */
.pager li>a, .pager li>span {
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 20px }
@media (min-width: 767px){
.pager li>a, .pager li>span  {
    font-size: 22px }
}
@media (min-width: 1200px){
.pager li>a, .pager li>span {
    font-size: 24px }
}


/* ラベル左右マージン */
.label {
    margin: 0px 5px;
}

/* ================ 
ブログ
ブログフォーム
要素 入力項目の幅など不明な点も多いので注意
2018.05.06
================*/
.qblog_edit_form .input-group .form-control, .qblog_edit_form .input-group .btn {
    height: 50px;
    font-size: 20px;
}

/* ================ 
ブログ
日付 
================*/
.qblog_edit_form input[name=qblog_date] {
    padding: 5px 10px;
    font-size: 16pt;
}

/* ================ 
ブログ
タイトル
================*/
.qblog_edit_form input[name=title] {
    font-size: 18pt;
}

/* ================ 
ブログ カテゴリ 
================*/
.qblog_edit_form ul.qblog_categories li {
    font-size: 20px;
}
/* ===============
ブログ記事編集
テキスト入力エリア
ブログ
ヘッダーの編集
フッターの編集
お問い合わせ画面でも使われている。
===============*/
#msg {
    line-height: 1.8em;
    font-size: 16pt;
    height: 490px;
}

/* ======
ブログ投稿・編集画面などラベル類
2018.05.05
検討　他の「label」を打ち消していることがある
いったん保留
====== */
/*=====
.control-label {
    font-size: 20px;
}
=====*/


/*=================
画面幅最大設定
ページの一覧
バックアップ
アップデート
他の画面などもあるので調整中
=================*/
#wrapper {
    width: 750px }
@media (min-width: 767px){
#wrapper  {
    width: 820px }
}
@media (min-width: 1200px){
#wrapper {
    width: 950px }
}

/*=================
 「ページの複製」
「新規ページの作成」
画面など
select,input, textarea要素
レイアウト崩れがあるのでテスト中
2018.05.03　
=================*/
select {
    width: 100% }
@media (min-width: 767px){
select {
    font-size: 18px;
    margin: 10px }
}
@media (min-width: 1200px){
select {
    font-size: 20px;
    margin: 10px }
}

input {
    font-size: 16px;
    line-height: 2em
 }
@media (min-width: 767px){
input {
    font-size: 18px
    }
}
@media (min-width: 1200px){
input {
    font-size: 20px
    }
}

/*============
ページの一覧画面
インデックス
冒頭見出し｜検索｜最終更新日｜ラベル類
ページ名
2018.05.03
============*/
/* 冒頭インデックス */
/* リスト内ページ名 */
thead td,
#plugin_list_index,
.plugin_list_pagename a {
    font-size: 20px;
    line-height: 2em }
@media (min-width: 767px){
thead td,
#plugin_list_index,
.plugin_list_pagename a {
    font-size: 22px }
}
@media (min-width: 1200px){
thead td,
#plugin_list_index,
.plugin_list_pagename a {
    font-size: 24px }
}

/* リスト内のインデックス頭文字・日本語文字ナビ */
tr.plugin_list_navi {
    line-height: 2em ;
    font-size: 18px }
@media (min-width: 767px){
tr.plugin_list_navi {
    font-size: 20px }
}
@media (min-width: 1200px){
tr.plugin_list_navi {
    font-size: 22px }
}

/*============
ページの一覧画面
コマンド類
2018.05.03
============*/
.plugin_list_commands {
    font-size: 16px;
    line-height: 2em }
@media (min-width: 767px){
.plugin_list_commands {
    font-size: 18px
    }
}
@media (min-width: 1200px){
.plugin_list_commands {
    font-size: 20px
    }
}

/*============
ページの一覧画面
ファイル名
2018.05.03
============*/
.plugin_list_filename {
    font-size: 18px;
    line-height: 2em }
@media (min-width: 767px){
.plugin_list_filename {
    font-size: 20px
    }
}
@media (min-width: 1200px){
.plugin_list_filename {
    font-size: 22px
    }
}


/*============
ページの一覧画面
最終更新日
2018.05.03
============*/
.plugin_list_mtime {
}
@media (min-width: 767px){
.plugin_list_mtime {
    font-size: 16px
    }
}
@media (min-width: 1200px){
.plugin_list_mtime {
    font-size: 20px
    }
}

/*============
ページの一覧画面
テーブル幅
2018.05.03
============*/
.plugin_list table {
    width: 100%;
}


/*============
ブログ投稿画面のラベル類
2018.05.03　
============*/
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 18px ;
    font-weight: 700
}
@media (min-width: 767px){
label {
    font-size: 20px }
}
@media (min-width: 1200px){
label {
    font-size: 22px }
}


/*=================
編集
ブログ記事追加・編集
画面のボタン類
2018.05.03
=================*/

/* テキスト入力枠の下にある編集機能ボタン */
.qhm-btn-sm {
    font-size: 16px }
@media (min-width: 767px){
.qhm-btn-sm {
    font-size: 18px }
}
@media (min-width: 1200px){
.qhm-btn-sm {
    font-size: 20px }
}

/* ======
リンク式ボタン 
「キャンセル」など
======*/
.btn-link, .btn-link.active, 
.btn-link:active, 
.btn-link[disabled], 
fieldset[disabled] .btn-link {
    padding-top: 0px }
@media (min-width: 767px){
.btn-link, .btn-link.active, 
.btn-link:active, 
.btn-link[disabled], 
fieldset[disabled] .btn-link {
    padding-top: 0px;
    font-size: 18px }
}
@media (min-width: 1200px){
.btn-link, .btn-link.active, 
.btn-link:active, 
.btn-link[disabled], 
fieldset[disabled] .btn-link {
    padding-top: 0px;
    font-size: 20px }
}

/* ======
ボタンデフォルト 
「プレビュー」など
======*/
.qhm-btn-default {
    }
@media (min-width: 767px){
.qhm-btn-default {
    font-size: 18px }
}
@media (min-width: 1200px){
.qhm-btn-default {
    font-size: 20px }
}

/* ======
青ボタン 
「ページの更新」など
======*/
.qhm-btn-primary {
    }
@media (min-width: 767px){
.qhm-btn-primary {
    font-size: 18px }
}
@media (min-width: 1200px){
.qhm-btn-primary {
    font-size: 20px }
}

/* カテゴリの選択 */
.qblog_edit_form ul.qblog_categories li {
    font-size: 20px;
    border-radius: 3px;
    padding: 5px;
}

/*==================
 問い合わせフォーム画面
 オブジェクトの属性
==================*/
.form-control {
    height: 2.2em;
    font-size: 20px;
    border-radius: 5px }
@media (min-width: 767px){
.form-control  {
    font-size: 22px }
}
@media (min-width: 1200px){
.form-control  {
    font-size: 24px }
}

/* 問い合わせ画面 ラベル*/
.alert-info {
    padding-top: 9px;
    font-size: 20px}
@media (min-width: 767px){
.alert-info {
    font-size: 22px }
}
@media (min-width: 1200px){
.alert-info {
    font-size: 24px }
}

/* ==============
2018/05/10
チェックボックスなど ブラウザによってはオブジェクトが文字と重なるので相対サイズになるよう空間を調整。 position: relativeを指定すると、スタイル編集パネルで
ラジオボタンが出てしまうので position: inherit; としてみる。
 ============== */
input[type=checkbox], input[type=radio],
.checkbox input[type=checkbox], 
.checkbox-inline input[type=checkbox], 
.radio input[type=radio], .radio-inline input[type=radio] {
    /* position: relative !important; */
    margin-left: 0.1em !important;
    margin-right: 0.2em !important;
    margin-top: 0.2em !important;
    margin-bottom: 0.2em !important;
    transform: scale(1.4);
    position: inherit;
}

/* ================ 
テーマカスタマイズメニュー
透明度 幅 など
2018/05/03
767px以上は画面幅のパーセントに変更
================ */
#preview_bar .qhm-skin-customizer-menu {
    background-color: rgba(0,0,0,0.5)
}
@media (min-width: 767px){
#preview_bar .qhm-skin-customizer-menu {
   width: 700px }
}
@media (min-width: 1200px){
#preview_bar .qhm-skin-customizer-menu {
   width: 820px }
}


/* ================ 
テーマカスタマイズメニュー
下のバーの
「カスタマイズ」トグル
2018/05/03
================ */

#preview_bar .qhm-skin-customizer-menu-toggle {
    font-size: 16px }
@media (min-width: 767px){
#preview_bar .qhm-skin-customizer-menu-toggle {
    font-size: 18px }
}
@media (min-width: 1200px){
#preview_bar .qhm-skin-customizer-menu-toggle {
    font-size: 20px }
}


/* カスタマイズメニューのセレクタの高さ */
select.input-sm {
    height: 40px;
}

/* カスタマイズメニュー プレビューバー透明度 */
#preview_bar_overlay {
    opacity: 0.5;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
編集メニュー
2018/05/03
変える時はバックアップをとってから行う。
1つ1つ確認しながら行うとよい
レイアウト崩れに注意すること
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* ＝＝＝＝＝＝＝
編集メニュー左側に出る
子メニューなどのフォントサイズはここが親になる
＝＝＝＝＝＝＝＝*/
.toolbar_upper {
    opacity: 0.9;
}
@media (min-width: 767px){
.toolbar_upper  {
    font-size: 18px }
}
@media (min-width: 1200px){
.toolbar_upper  {
    font-size: 20px }
}

/* ＝＝＝＝＝＝＝
編集メニュー折りたたみで上に出る
＝＝＝＝＝＝＝＝*/
#toolbar_upper_min {
}
@media (min-width: 767px){
#toolbar_upper_min  {
    font-size: 16px }
}
@media (min-width: 1200px){
#toolbar_upper_min {
    font-size: 20px }
}

/*メインメニュー幅*/
#toolbar_upper_max {
    }
@media (min-width: 767px){
#toolbar_upper_max {
   width:180px
   }
}
@media (min-width: 1200px){
#toolbar_upper_max {
   width:200px
   }
}

/*==========
サブメニュー幅とメインから出す位置
メインメニュー幅に合わせる
2018.05.03
==========*/
ul.toolbar_submenu{
 }
@media (min-width: 767px){
ul.toolbar_submenu {
	width:180px;
	left:180px }
}
@media (min-width: 1200px){
ul.toolbar_submenu {
	width:200px;
	left:200px }
}

/*＝＝＝＝＝
メインメニューの項目高さ
＝＝＝＝＝*/
ul.toolbar_menu li {
     }
@media (min-width: 767px){
ul.toolbar_menu li {
    height: 27px;
    line-height: 27px }
}
@media (min-width: 1200px){
ul.toolbar_menu li {
    height: 30px;
    line-height: 30px }
}

/*============
上メニューの高さ
ここは慎重に作業が必要
2018/05/03
============*/
ul.toolbar_menu_min li{
     }
@media (min-width: 767px){
ul.toolbar_menu_min li {
	padding:0 5px 0 15px;
    font-size: 18px;
    height: 25px;
    line-height: 30px }
}
@media (min-width: 1200px){
ul.toolbar_menu_min li {
	padding:0 8px 0 15px;
    font-size: 20px;
    height: 30px;
    line-height: 30px }
}

/*サブメニューの選択・反転項目の幅*/
ul.toolbar_submenu li{
     }
@media (min-width: 767px){
ul.toolbar_submenu li {
	width:179px }
}
@media (min-width: 1200px){
ul.toolbar_submenu li {
	width:199px }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 scrollup 透明度 
 2018.04.28 
pluginフォルダにある
scrollup.inc.php
の同じ部分を書き換えてもＯＫ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.qhm-plugin-scrollup {
    opacity: 0.5;
}

/*=================
箇条書き、番号つき箇条書き
他の li要素と干渉することがあるので
頭の黒ポチ、番号を変えるのは注意を。
2018.04.28
=================*/
.haik-container ul.list1, .haik-container ol.list1 {
    
    margin-bottom: 1.5em;
    line-height: 1.7em;
    font-size: 20px }
@media (min-width: 767px){
.haik-container ul.list1, .haik-container ol.list1 {
    font-size: 22px }
}
@media (min-width: 1200px){
.haik-container ul.list1, .haik-container ol.list1 {
    font-size: 24px }
}

.haik-container ul>li, .haik-container ol>li {
    padding: 5px 0;
    font-size: 20px }
@media (min-width: 767px){
.haik-container ul>li, .haik-container ol>li {
    font-size: 22px }
}
@media (min-width: 1200px){
.haik-container ul>li, .haik-container ol>li {
    font-size: 24px }
}

/* ========
検索結果ページ
2018.05.03 
========*/
/*検索に一致したページのタイトル*/
.list-group-item-heading {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 20px;
}
@media (min-width: 767px){
.list-group-item-heading {
    font-size: 22px;
    }
}
@media (min-width: 1200px){
.list-group-item-heading {
    font-size: 24px;
    }
}


/* ========
/* 2018.05.03 */
/* ========
このページの共有
画面の調整
768px以上で可変させる
2018.05.03 
========*/
.modal-dialog {
    margin: 30px auto }
@media (min-width: 768px){
.modal-dialog {
    width: 95% }
}
@media (min-width: 1200px){
.modal-dialog {
    width: 80% }
}

/* ========
このページの共有
画面の文字の大きさ
2018.05.03 
========*/
#shareQHMPage {
    line-height: 1.5em;
    font-size: 16px
    }
@media (min-width: 768px){
#shareQHMPage {
    font-size: 18px
    }
}
@media (min-width: 1200px){
#shareQHMPage {
    font-size: 20px
    }
}


/* =================
ブログ
オプション表示
下部のコメントフッター
バッジ　の属性
2018/05/05 最低限のみ
=================*/
.qblog_comment_footer .badge,
.qblog_comment_footer {
    font-size: 18px
    }
@media (min-width: 767px){
.qblog_comment_footer .badge,
.qblog_comment_footer {
    font-size: 20px }
}
@media (min-width: 1200px){
.qblog_comment_footer .badge,
.qblog_comment_footer {
    font-size: 22px }
}

/* =================
ブログ
下部のコメントタイトル
2018/05/05 最低限のみ
=================*/
.qblog_comment_title{
    font-size: 20px
    }
@media (min-width: 767px){
.qblog_comment_title{
    font-size: 22px }
}
@media (min-width: 1200px){
.qblog_comment_title{
    font-size: 24px }
}

/* =================
ブログ
コメント 認証コードメッセージ
2018/05/05 最低限のみ
=================*/

#qblog_comment_auth_msg {
    font-size: 18px
    }
@media (min-width: 767px){
#qblog_comment_auth_msg {
    font-size: 20px }
}
@media (min-width: 1200px){
#qblog_comment_auth_msg {
    font-size: 22px }
}

/* =================
ブログ
コメント 認証コード
2018/05/05 最低限のみ
=================*/
.qblog_comment_auth_code {
    font-size: 18px
    }
@media (min-width: 767px){
.qblog_comment_auth_code {
    font-size: 20px }
}
@media (min-width: 1200px){
.qblog_comment_auth_code {
    font-size: 22px }
}


/* =================
ブログ
アーカイブ一覧　年アコーディオン背景
2018/05/07 視覚的な調整のみ
=================*/
.plugin-qblog-archives-year {
    border: 1px solid lightgray;
}

/* =================
ブログ
アーカイブ一覧　年ラベルアイコン
2018/05/08　展開時 アイコン（－）
アイコンを変更
=================*/
.plugin-qblog-archives-year::after {
    display: block;
    position: absolute;
    font-family: FontAwesome;
    content: "\f068";
    right: 15px;
    top: 10px;
    color: darkgray;
}

/* =================
ブログ
アーカイブ一覧　年ラベルアイコン
Collapse　折りたたみ時 アイコン（＋）
2018/05/08
アイコンを変更
=================*/
.plugin-qblog-archives-year.collapsed::after {
    content: "\f067";
}

/* =================
 * 2018.05.09　前川修寛
 * ナビ　モバイル時メニュー修正
 * 「MENU」文字をWEBアイコン「ハンバーガー」に置き換える。
 * 2018/05/09 調整
=================*/
/* 標準の「MENU」文字を消す */
.icon-bar-menu {
    display: none;
}

/* =============
 * ナビ　モバイル時メニュー修正
 * 2018.05.09　前川修寛
 * 初期値（三本線 ハンバーガー）
 * 閉じている時（三本線 ハンバーガー）
 * 開いている時（－）を出す
============= */
/* 初期値（三本線） */
.navbar-toggle::before {
    font-family: FontAwesome;
    content: "\f0c9";
    font-size: 22px;
    color: white;
    transition: transform .2s ease;
}

/* メニューが開いている時（－） */
.navbar-toggle[aria-expanded="true"]::before {
    content: "\f068";
}

/* メニューが閉じている時（三本線） */
.navbar-toggle.collapsed[aria-expanded="false"]::before {
    content: "\f0c9";
}

/* メニューの外観調整 */
/* main.cssで書き換えているので優先を変えられないようにする*/
.navbar-toggle {
    margin: 4px 15px 0px;
    padding: 8px 9px 5px 10px !important;
    border-radius: 3px !important;
    width: 50px;
    height: 42px;
    transition: 0.3s;
}

/* クリックされてメニューが開いている時、外見を凹ませる */
.navbar-toggle[aria-expanded="true"] {
    width: 60px;
    border-color: lightgray !important;
    box-shadow: 0px 3px 3px inset;
    transition: .3s;
}

/* カーソルが上にあるときクリックしやすいよう大きくする */
.navbar-toggle:hover {
    width: 60px;
    border-color: lightgray !important;
    transition: .3s;
}


/* チェックボックス上でカーソルがオンにならない場合があるので修正 */
input[type=checkbox]:hover {
    cursor: pointer;
}

/* ======
 * 以下2018/05/11追加分
/* ======

/* ======
 * 2018/05/11
 * 検索結果画面の検索ボタンのサイズが変わってしまうエラーを修正 
 * ボタンの書体のサイズの影響なので端末毎に変わってしまう短所がある。
 * フッターの検索欄の属性とは別に独立させている。
 ====== */

main.haik-container.haik-nomenu-container input.btn.btn-default {
    padding-top: 5px;
    padding-bottom: 5px
    }
@media (min-width: 767px){
main.haik-container.haik-nomenu-container input.btn.btn-default {
    padding-top: 3px;
    padding-bottom: 4px
    }
}
@media (min-width: 1200px){
main.haik-container.haik-nomenu-container input.btn.btn-default {
    padding-top: 2px;
    padding-bottom: 3px
    }
}

/* ======
 * 2018/05/11
 * 検索結果の見出しメッセージ 
 * 「これらのキーワードがハイライトされています：～」
 ====== */

main.haik-container.haik-nomenu-container div.small {
    font-size: 22px
    }
@media (min-width: 767px){
main.haik-container.haik-nomenu-container div.small {
    font-size: 26px
    }
}
@media (min-width: 1200px){
main.haik-container.haik-nomenu-container div.small {
    font-size: 28px
    }
}


/* ======
 * 2018/05/11
 * リンク切れ　未作成ページ一覧の見出しメッセージ 
 * 「未作成のページはありません」
 * 編集メニュー　[ツール]-[単語検索]見出しメッセージ
 * 「全てのページから単語を検索します。大文字小文字の区別はありません。」
 * 編集画面で全てを削除した時の見出しメッセージ
 * 編集メニュー　[このページの]-[マップ]-[被リンクページは、こちら]
 * など編集時メッセージの見出しに使われる書式の修正
 ====== */
main.haik-container.haik-nomenu-container {
    font-size: 20px; 
    line-height: 1.6em
    }
@media (min-width: 767px){
main.haik-container.haik-nomenu-container {
    font-size: 22px
    }
}
@media (min-width: 1200px){
main.haik-container.haik-nomenu-container {
    font-size: 24px
    }
}

/* ======
 * 2018/05/11
 * ナビ編集の[差分][バックアップ]表示の時の文字を大きくする
 * 「～の差分を削除しました」などのメッセージを大きくする
 ====== */
div#wrapper div#body,
div#wrapper li {
    font-size: 20px; 
    line-height: 1.6em
    }
@media (min-width: 767px){
div#wrapper div#body,
div#wrapper li {
    font-size: 22px
    }
}
@media (min-width: 1200px){
div#wrapper div#body,
div#wrapper li {
    font-size: 24px
    }
}


/*=================
blockquote 左側つき版　再定義
2018.05.13　前川修寛
スマホで文字の大きさが変わるため、対策
引用符がFontAwesomeの書体バージョン。
あえて全部再定義した。
=================*/
/* 2018.05.13 スマホに合わせる */
blockquote {
    position: relative;
    padding: 30px 30px 30px 30px;
    box-sizing: border-box;
    color: #464646;
    border: solid 3px lightpink;
    border-radius: 15px
}
/* 2018.05.13 従来の大きさ */
@media (min-width: 767px){
blockquote {
    border: solid 5px lightpink;
    padding: 30px 40px 30px 40px
    }
}
/* 2018.05.13 大サイズ */
@media (min-width: 1200px){
blockquote {
    border: solid 7px lightpink;
    padding: 40px 50px 40px 50px
    }
}


/* 2018.05.13 Android端末で文字の大きさが変わる対策を追加 */
blockquote:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    border-radius: 12px 0 60px;
    vertical-align: middle;
    content: "”";
    font-family: FontAwesome;
    background: lightpink;
    color: #FFF;
    font-size: 65px;
    line-height: 1em
}
/* 2018.05.13 従来の大きさ */
@media (min-width: 767px){
blockquote:before {
    line-height: 0.9em;
    font-size: 80px
    }
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.8;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #555;
    font-size: 20px;
}