/*
 Theme Name:   GPSLogiwate
 Template:     twentyseventeen
*/
/* パンくずリスト*/
div.breadcrumbs {
 margin-left: 1px;
 color: #ffffff;
/* text-decoration: underline; アンダーラインは削除*/
 text-align:center;
}
/* グローバルナビメニューの背景色 */
.navigation-top,
.navigation-top .sub-menu,
.navigation-top .toggled-on .menu {
	background-color:#e1efee;
}
/* グローバルナビメニューの文字色*/
.navigation-top a,
.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle,
.site-header .navigation-top .menu-scroll-down {
	color: #000000 !important ;
}

/* コンテンツ部分の背景色 */
.site-content {
	background-color:#808080;
}

/* コンテンツ中身の背景色 */
.site-content .wrap {
	background-color:#202020;  
}

/* フッター */
.site-footer {
	background-color:#0000ff; /* 背景色*/
    color: #ffffff; /* 区切りの線*/
}
/*固定ページのタイトル文字色を白に*/
h1.entry-title {
padding: 20px 0 0 1px !important;
line-height:30px;
color: #e1efee!important;
}
/*投稿ページのタイトル文字色を白に*/
h2.entry-title {
padding: 0 0 0 1px ;
line-height: 38px;
color: #e1efee !important;
}

/*固定ページのリンクの文字色とhover*/
a {
	color:#e1efee !important;
}
a:hover,
a:active {
	color: #a0a0a0 !important;
}
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #e1efee ;
	-webkit-box-shadow: inset 0 0 0 rgba(32, 32, 32, 1), 0 0.5px 0 rgba(32, 32, 32,1);
	box-shadow: inset 0 0 0 rgba(32, 32, 32, 1), 0 0.5px 0 rgba(32, 32, 32,1);
}
/*記事本文の文字*/
body,
button,
input,
select,
textarea {
	color: #fff!important;/*色*/
	font-size: 15px;/*大きさ*/
	font-size: 0.9375rem;/*大きさ*/
	font-weight: 400;/*太さ*/
	line-height: 1.66;/*行高*/
}



/*ボタンの領域*/
#re-top {
	position:fixed; /*画面に固定*/
	bottom:10%; /*画面下へ*/
	right:5%; /*画面右へ*/
	z-index:10; /*レイヤー順序を上に*/
	background-color:transparent; /*領域の背景色（透明）*/
}
/*丸ボタン*/
.re-topB {
	position:relative;
	display:block; 
	background-color:rgba(0,0,0,0.7); /*丸ボタンの色*/
	color:rgb(255,255,255); /*三角と文字色*/
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	width:60px;
	height:60px;
	text-align:center;
	line-height:24px;
	border-radius:30px;
	padding-top:30px;
	box-sizing:border-box;
}
/*三角部分*/
.re-topB:before {
	content:'\25B2';
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	text-align:center;
	font-size:20px;
}
/*マウスオーバーで回転*/
.re-topB {
	transition: .85s ;
	-webkit-transform: rotateY( 0deg ) ;
	transform: rotateY( 0deg ) ;
}
#re-top:hover .re-topB {
	-webkit-transform: rotateY( 360deg ) ;
	transform: rotateY( 360deg ) ;
}

/*マウスオーバーで色を変更*/
#re-top:hover .re-topB {
	transition: .85s ;
	color:rgb(0,195,0); /*三角と文字色*/
	background-color:rgba(0,0,0,0.9); /*丸ボタンの色*/
	box-shadow: 0px 0px 50px rgb(0,255,255); /*丸ボタンの影*/
}
/* bbPress フォーラム投稿欄の背景・文字色 調整 */
.bbp-topic-form input,
.bbp-topic-form textarea,
.bbp-reply-form input,
.bbp-reply-form textarea,
.bbp-topic-form select,
.bbp-reply-form select {
  background-color: #303030 !important;
  color: #ffffff !important;
  border: 1px solid #666 !important;
}

/* プレースホルダー（入力前の薄文字）も見えるように */
.bbp-topic-form ::placeholder,
.bbp-reply-form ::placeholder {
  color: #ccc !important;
}
.page-id-14563 .bbp-topic-form input,
.page-id-14563 .bbp-reply-form textarea {
  /* 上記と同じ設定 */
}
/* 固定ページのパスワード入力欄を見やすく調整 */
.post-password-form input[type="password"],
.post-password-form input[type="submit"] {
  background-color: #444 !important;  /* 背景は濃いグレー */
  color: #fff !important;             /* 文字は白 */
  border: 1px solid #666 !important;  /* 枠線も見やすく */
}

/* placeholder（パスワードを入れてください…）の色もきれいに */
.post-password-form ::placeholder {
  color: #ccc !important;
}
/* パスワード入力フォームのラベル文字色を白にする */
.post-password-form label {
  color: #ffffff !important;
}
/* bbPress ログインフォームのラベル文字色を白に */
.bbp-login-form label {
  color: #ffffff !important;
}

/* ログインフォームの入力欄 */
.bbp-login-form input[type="text"],
.bbp-login-form input[type="password"],
.bbp-login-form input[type="submit"] {
  background-color: #303030 !important;
  color: #ffffff !important;
  border: 1px solid #666 !important;
}

/* チェックボックスのラベル（ログイン状態を保持する）も白 */
.bbp-login-form .bbp-remember-me label {
  color: #ffffff !important;
}
/* bbPress の通知メッセージの背景色・文字色調整 */
.bbp-template-notice,
.bbp-template-notice.info {
  background-color: #303030 !important;  /* ダーク背景に */
  color: #ffffff !important;             /* 文字を白に */
  border: 1px solid #666;                /* 枠線も暗めに */
}

/* 通知メッセージのリンク色も調整 */
.bbp-template-notice a {
  color: #00ffff !important;             /* 水色とか目立つ色に */
}

.bbp-template-notice a:hover {
  color: #00ccaa !important;
}
/* フォーラムの表ヘッダー（th）の文字色 */
.bbp-forums thead th {
  color: #ffffff !important;
}

/* フォーラムの中の文字全体を白めに */
.bbp-forums,
.bbp-topics {
  color: #dddddd !important;
}
/* 表のヘッダー行（th）の背景色・文字色 */
.bbp-forums thead th,
.bbp-topics thead th {
  background-color: #303030 !important;
  color: #ffffff !important;
}

/* 表の中身（td）の背景色と文字色 */
.bbp-forums tbody td,
.bbp-topics tbody td {
  background-color: #202020 !important;
  color: #ffffff !important;
}

/* トピックタイトルのリンク */
.bbp-topic-title a {
  color: #00ffff !important;
}

.bbp-topic-title a:hover {
  color: #00ccaa !important;
}
/* 表ヘッダーの背景と文字色 */
.bbp-forums thead th,
.bbp-topics thead th {
  background-color: #333 !important;
  color: #fff !important;
}

/* 表の中身の背景と文字色 */
.bbp-forums tbody td,
.bbp-topics tbody td {
  background-color: #1a1a1a !important;
  color: #000 !important;
}

/* トピックタイトル（リンク） */
.bbp-topic-title a,
.bbp-topic-title a:visited {
  color: #00ffff !important;
}

/* ホバー時に文字が消えないように */
.bbp-topic-title a:hover,
.bbp-topic-title a:focus {
  color: #00ccff !important;
  text-decoration: underline;
}

/* 投稿者名（リンク） */
.bbp-author-name a,
.bbp-author-name {
  color: #00ffff !important;
}

/* 投稿者ホバー時 */
.bbp-author-name a:hover,
.bbp-author-name a:focus {
  color: #00ccff !important;
}

/* 投稿時間・参加者数・返信数など */
.bbp-topic-voice-count,
.bbp-topic-reply-count,
.bbp-topic-freshness,
.bbp-topic-freshness a,
.bbp-topic-freshness .bbp-topic-meta {
  color: #ccc !important;
}

/* ホバー時の投稿時間など */
.bbp-topic-freshness a:hover {
  color: #00ccff !important;
}

/* 投稿リスト（個別トピック内の投稿）背景と文字色 */
.bbp-replies .bbp-reply-header,
.bbp-replies .bbp-reply-content,
.bbp-reply-author,
.bbp-reply-post-date,
.bbp-reply-content p,
.bbp-reply-content a,
.bbp-topic-meta,
.bbp-reply-header,
.bbp-reply-header a {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

/* 投稿者情報エリア（アイコンや名前など） */
.bbp-author-role,
.bbp-author-name,
.bbp-author-avatar {
  color: #ccc !important;
}

/* 投稿時間の文字 */
.bbp-reply-post-date,
.bbp-topic-meta time {
  color: #aaa !important;
}

/* ボーダーも調整（見えやすく） */
.bbp-reply-header,
.bbp-reply-content {
  border-color: #444 !important;
}

/* 投稿フォームのラベル文字（ユーザー名・パスワードなど） */
.bbp-login-form label {
  color: #fff !important;
}
/* bbPress フォーラム・トピック・返信の枠線を明るい灰色に */
.bbp-forum,
.bbp-topic,
.bbp-reply,
.bbp-forum-header,
.bbp-topic-header,
.bbp-reply-header,
.bbp-body,
.bbp-footer {
  border-color: #888 !important;
}

/* 表全体のボーダー線の太さも調整（オプション） */
.bbp-forum,
.bbp-topic,
.bbp-reply {
  border-width: 1px;
  border-style: solid;
}
/* bbPress トピック一覧テーブルを黒背景に調整 */
.bbp-topic-header,
.bbp-forum-header,
.bbp-reply-header,
.bbp-body,
.bbp-footer,
.bbp-topic,
.bbp-forum,
.bbp-reply {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #444 !important;
}

/* テーブル内のリンクも明るく */
.bbp-topic-title a,
.bbp-forum-title a,
.bbp-reply-title a {
  color: #33ccff !important;
}
.bbp-topic-title a:hover,
.bbp-forum-title a:hover,
.bbp-reply-title a:hover {
  color: #66ffff !important;
}

/* テーブルのヘッダー文字色も白く */
.bbp-header,
.bbp-forum-header,
.bbp-topic-header {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}

/* テーブルの行のボーダーを明るめにして見えやすく */
.bbp-body div,
.bbp-footer div {
  border-bottom: 1px solid #555 !important;
}
/* 表の中のセルの背景も黒系に！ */
.bbp-topic div,
.bbp-reply div,
.bbp-forum div {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

/* テーブルのボーダー（枠線）をもっと見やすくする */
.bbp-topic,
.bbp-reply,
.bbp-forum {
  border-bottom: 1px solid #444 !important;
}
/* bbPress のトピック・フォーラム・リプライの中身の背景と文字 */
.bbp-topic .bbp-topic-title,
.bbp-forum .bbp-forum-title,
.bbp-reply .bbp-reply-content,
.bbp-topic .bbp-topic-meta,
.bbp-forum .bbp-forum-meta,
.bbp-reply .bbp-reply-header,
.bbp-reply .bbp-reply-author,
.bbp-reply .bbp-reply-post-date,
.bbp-body .bbp-topic-title,
.bbp-body .bbp-topic-freshness,
.bbp-body .bbp-topic-voice-count,
.bbp-body .bbp-topic-reply-count,
.bbp-body .bbp-forum-info,
.bbp-body .bbp-forum-topic-count,
.bbp-body .bbp-forum-reply-count,
.bbp-body .bbp-forum-freshness {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #444 !important;
}
/* bbp-body（フォーラムの本体）全体の背景を黒に */
.bbp-body {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

/* ついでに各トピックやフォーラムのラッパーも黒くする */
.bbp-topic,
.bbp-forum,
.bbp-reply {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #444 !important;
}

/* 表全体のパディング部分（謎に白く残ってるとこ）を黒く */
.bbp-topic,
.bbp-forum,
.bbp-reply,
.bbp-body > div {
  background-color: #1a1a1a !important;
}
/* bbPress 表の奇数行の背景を黒系に */
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
    background-color: #1a1a1a !important;
}

/* 偶数行も一応合わせて黒系に */
#bbpress-forums div.even,
#bbpress-forums ul.even {
    background-color: #121212 !important;
}
/* bbPressのフォームラベルの文字色を白に上書き */
#bbpress-forums fieldset.bbp-form label {
    color: #fff !important;
}
/* bbPress 投稿フォーム上のツールバー背景を黒くする */
.quicktags-toolbar {
    background-color: #222 !important; /* 濃いグレー/黒 */
    border-bottom: 1px solid #555 !important; /* 枠線も暗めに */
}
/* bbPress 検索ボックス 調整 */
#bbpress-forums #bbp-search-form #bbp_search {
    padding: 0.0em !important;  /* ボックス内の余白を小さく */
    font-size: 14px !important; /* フォントサイズ調整（好みで） */
    color: #000 !important;     /* 入力文字を黒に */
    background-color: #eee !important; /* 背景を少しグレーに */
    border: 1px solid #888 !important; /* 枠線を濃く */
}
/* bbPress の見出し h3 を白にする */
#bbpress-forums h3 {
    color: #fff !important;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    background-color: #222 !important; /* 背景：黒っぽく */
    color: #fff !important;            /* アイコン（+ / -）の色：白に */
    border: 1px solid #555 !important; /* 枠線：濃いグレー */
}

.leaflet-bar a:hover {
    background-color: #444 !important; /* ホバー時もう少し明るく */
}
/* bbPress 匿名投稿時の メールアドレス入力欄を消す */
.bbp-form-anonymous .bbp-anonymous-email {
    display: none;
}

/* 「名前」→「ニックネーム」 にラベルを書き換える */
.bbp-form-anonymous label[for="bbp_anonymous_name"]::before {
    content: 'ニックネーム';
}
.bbp-form-anonymous label[for="bbp_anonymous_name"] {
    color: #e1efee; /* ラベルの文字色（お好みで） */
}
.bbp-form-anonymous label[for="bbp_anonymous_name"] span.description {
    display: none; /* 補足テキストを消す場合 */
}
/* bbPress 匿名投稿のメール欄を完全に非表示に */
.bbp-form-anonymous .bbp-anonymous-email {
    display: none !important;
}

/* 名前のラベルを「ニックネーム」に見せる */
.bbp-form-anonymous label[for="bbp_anonymous_name"]::before {
    content: 'ニックネーム';
    color: #e1efee;
}
.bbp-form-anonymous label[for="bbp_anonymous_name"] span.description {
    display: none;
}
#bbp_stick_topic_select,
#bbp_stick_topic_select option {
    font-size: 13px !important;  /* お好みのサイズで調整してけろ */
}
#bbp_topic_status_select,
#bbp_topic_status_select option {
    font-size: 13px !important; /* サイズは前と揃えても良いし、好みに合わせてけろ */
}