/* ページのカラーテーマ ======================================================================== */

/* 黒ベースのとき */
.dark { /* bodyにつけるclass */
	background-color: rgba(24,24,24,1);
}
.dark .headerblur{
	background-color: rgba(0,0,0,0);
}
.dark header {
	background-color: rgba(24,24,24,0.7);
	border-bottom: solid 0px rgba(0,0,0,0);
	color: rgba(255,255,255,0.9);
}
.dark header a:link,
.dark header a:visited{
	color: rgba(255,255,255,0.9);
}
.dark #menu-switch:checked ~ #menublur{ /* メニューボタンクリック後、メニューの縦幅を広くする */
	background-color: rgba(0,0,0,0);
}

.dark .button-box { 
	background-color: rgba(0,0,0,0);
}
.dark #menu-switch:checked ~ .globalbutton .button-box{ /* メニューボタンクリック後、メニューの縦幅を広くする */
	background-color: rgba(24,24,24,0.7);
}
.no-js .dark .button-box { /* JS無効時 */
	background-color: rgba(24,24,24,0.7);
}

.dark .switch-block {
	color: rgba(255,255,255,0.9);
}
.dark #menu-switch:checked ~ .globalbutton .switch-block {
	background-color: rgba(150,150,150,0.7);
}

.dark .m-line01 { /*アイコン上側の棒*/
	background-color: rgba(255,255,255,0.9);
} 
.dark .m-line02a { /*アイコン中央の棒*/
	background-color: rgba(255,255,255,0.9);
} 
.dark .m-line03 { /*アイコン下側の棒*/
	background-color: rgba(255,255,255,0.9);
} 

.dark .v-globalmenu li a{
	border-top: solid 1px rgba(170,180,180,0.3);
}
.dark .v-globalmenu li a:hover{
	background-color: rgba(170,180,180,0.2);
	border-top: solid 1px rgba(170,180,180,0);
}

.dark #main {
	color: #eeeeee;
}