@charset "UTF-8";
/* ----------------------------------
BASE CSS
---------------------------------- */
body {
	background-color: #E6E0DB;
	background-image: linear-gradient(90deg, transparent 50%, #EDE7E2 50%);
	background-size: 30px 30px;
	font-size: 12px;color:#222;font-family: 'Roboto Condensed', Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
	"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
.site_color {color:#fff;background: #CC0000;}
.color {color: #CC0000;}
a {text-decoration: none;color: #CC0000;}
a:hover {color: #666;text-decoration:underline;}
a:hover img{
	opacity:0.5;filter: alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";
	text-decoration: overline;background: #fff;background-size: cover;
	background-repeat: no-repeat; background-position: center top;}
a:hover .img{
	opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";
	transition: -ms-filter 0.2s; background: #fff;text-decoration: overline;
	background-size: cover;background-repeat: no-repeat; background-position: center top;}
* {-webkit-appearance: none;} 

/* ----------------------------------
HEADER DESIGN
---------------------------------- */
header {
	float: left;height:70px; width: 100%; margin: -10px auto 5px auto;
	top: 0; bottom: 0;position: relative;border-radius: 0 0 5px 5px;
	background: #CC0000;}
#logo { 
	font-size: 0em; background-image: url("/img/bmlogo.png");
	background-size: contain; background-repeat:no-repeat;
	width:170px; height:40px; position: absolute; 
	top: 0; bottom: 0; margin: auto auto 13px 10px;}
.search {
	margin: auto 10px 23px auto; position: absolute; 
	top: 0; right: 0; bottom: 0;}			
.search input {
	padding:6px; border: 1px solid #ccc;
	border-radius: 3px 0px 0px 3px;}
.search input[type="text"] {
	background: #fff; border:none;
	-webkit-appearance:none;}
.search input:focus {outline: 0;}
.search button{
	border: 0px solid #ccc; border-radius: 0px 3px 3px 0px;
	padding: 2px 8px 2px 8px; margin-top: 3px; margin-left: -7px;
	overflow:visible; line-height:2.1; position:relative;
	cursor: pointer; background: #000; color: #fff;}	
#icons a{color:#E6E0DB;}
#icons a:hover {color: black;}
#icons {
	font-size:1.75em;position: absolute;
	width:75px;height:25px;top: 0;right: 0;bottom: 0;}
nav {float: left;}
nav .home,.menu,.about,.favo,.block,.post,.contact {
	font-size: x-small;color:#666;background:#fff;border-radius: 3px;
	padding: 8px;white-space: nowrap;}
nav .tag {
	font-size: x-small;color:#fff;background:#222;border-radius: 3px;
	padding: 8px;white-space: nowrap;}
nav .tag:before {
	content: "\f02b";font-family:"FontAwesome";padding-right:0.2em;}
nav .home:before {
	content: "\f015";font-family:"FontAwesome";padding-right:0.2em;}
nav .about:before {
	content: "\f05a";font-family:"FontAwesome";padding-right:0.2em;}
nav .favo:before {
	content: "\f005";font-family:"FontAwesome";padding-right:0.2em;}  
nav .block:before {
	content: "\f06e";font-family:"FontAwesome";padding-right:0.2em;}  	
nav .post:before {
	content: "\f040";font-family:"FontAwesome";padding-right:0.2em;}
nav .contact:before {
	content: "\f0e0";font-family:"FontAwesome";padding-right:0.2em;}
nav .tag small {font-size: xx-small;}	
nav a:hover{
	color:#fff;background: #CC0000;text-decoration: none;
	transition: background-color 0.2s ;}
.move {margin-top:-20px; margin-bottom:10px; text-align:right;}
.move a{
	color: #222;font-size: x-small;padding: 5px;
	border-radius: 2px; border: 1px solid #222;
	text-decoration:none; margin-left:5px;}
.move a:hover{transition: color 1.0s;background: #fff;text-decoration:none;}	


/* ----------------------------------
MAIN CSS
---------------------------------- */	
article h2 {
	color: #fff;
	font-family: 'Oswald', sans-serif;font-size: 15px;
	font-weight: normal;margin-top:0;margin-bottom:10px;
	padding: 10px;background:#CC0000;}
article h3 {
	color: #CC0000;
	font-size:16px;font-weight:bold;
	padding:5px 0; margin:5px 0; 
	border-top: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;}
article h3:before{
	margin-right:5px;
	content:"\f06a"; font-family: FontAwesome;}
article h4 {
	font-size: 20px;font-weight: normal;
	margin-top: -5px;margin-bottom: -5px;}
article .base a {color: #CC0000;}
article .button {
	display: block; cursor: pointer;text-align:center; margin: 10px 10px;}
article .button a{
	color: #fff; width: 320px;border-radius: 5px;
	padding: 8px 25px 8px 25px;text-align: center;background:#222;}
article .button a:hover{
	color: #fff;background: #CC0000;text-decoration: none;}
article .line{margin:10px 0;}
article p{margin-bottom:10px;}
	
/* ----------------------------------
FORM CSS
---------------------------------- */
input,textarea{font-size:1.0em;}
button {
	cursor: pointer;margin:0; padding: 8px 15px;
	border: 0; border-radius: 6px;}
button:hover {color:#fff;background: #17bcdf;}
.select {
	width:140px; overflow:hidden; position:relative;
	display:block; border-radius: 2px; margin-top:5px;}
.select:after {
    content:"\f0dc"; font-family: FontAwesome;
    color: #000; padding: 8px 4px; position: absolute; 
    right: 0; top: 0; z-index: 1; text-align: center;
    width: 13%; height: 100%; pointer-events: none;
    box-sizing: border-box;}
select{
	width: 140px; height: 25px; appearance: none;
    padding: 2px 6px; background: #fff;
    border: 1px solid #999; border-radius: 3px;
	-webkit-appearance: none;
    -moz-appearance: none;}
textarea {
	width:90%; height:120px; padding: 6px; margin-top:2px;
	border: 1px solid #999; border-radius: 4px;}	
input[type="text"],input[type="email"] {
	border: 1px solid #999; border-radius: 4px;
	margin-left: 0; margin-bottom: 3px; padding: 6px;}
input[type="submit"],input[type="reset"]{
	color:#fff; background: #CC0000;
	cursor:pointer; width: 120px; padding: 8px;
	border: 0; border-radius: 4px;}
input[type="submit"]:hover,input[type="reset"]:hover {
	transition: background-color 0.2s ;
	cursor:pointer;
    background:#222;}
.radiobox {
	display: none;}
	.radiobox + .radio-icon:before {
	content: "\f192"; font-family: "FontAwesome";
	color: #ccc; padding-right: 2px; font-size: 15px;}
	.radiobox:checked + .radio-icon:before {
	content: "\f058";color: #17bcdf;}
.checkbox {
	display: none;}
	.checkbox + .checkbox-icon {
	position: relative;vertical-align: middle;}
	.checkbox + .checkbox-icon:before {
	content: "\f0c8";font-family: "FontAwesome";
	color: #ccc; padding-right: 2px;font-size: 15px;}
	.checkbox:checked + .checkbox-icon:before {
	content: "\f14a";color: #17bcdf; padding-right: 2px;}  
		
/* ----------------------------------
SIDE CSS
---------------------------------- */
aside .box_b {width: 200px;color: #fff;background: #222;padding: 10px;margin-bottom: 5px;}
aside .box_w {width: 200px;color: #222;background: #fff;padding: 10px;margin-bottom: 5px;}
aside .box_t {width: 200px;color: #fff;background: #CC0000;padding: 10px;margin-bottom: 5px;}
aside .box_t a{color:#fff;}
aside .box_b a{color: #CC0000;}
aside a{color: #CC0000;}
aside a:hover {color: #CC0000;}
aside h4 {
	font-family: 'Oswald', sans-serif; font-size: 20px;
	font-weight: normal; margin: -5px 0px 0px 0px;
	border-bottom: 1px solid #ccc;}
aside .list {overflow: hidden;margin: 0px 0px -5px 0px;}
aside .list li {
	list-style: none;float: left;  padding: 5px 0px;
    margin-left: -40px;border-bottom: 1px dashed #999;}
aside .list li:last-child{border: 0;}
aside .list li span {
    float:right;width:178px;padding-left:5px;text-decoration:none;}
aside .button{
	color: #fff;display: block;margin-top: 5px;padding: 5px;
    border-radius: 3px;cursor: pointer;text-align: center;}	
aside .button:hover{color: #fff;background:#222;text-decoration: none;}
aside .amazon .img {
	width:90px;height:90px;float: left;margin-right:5px;
	background-size: cover; background-repeat: no-repeat;
	background-position:center top;background-color: #fff;}
aside .amazon {
	padding: 10px 0px;
	border-bottom: 1px dashed #999;
	font-size: 0.8em;line-height: 1.5em;overflow: auto;}
aside .amazon:last-child{border: 0;}

/* スケジュール */
aside .tour{
	margin-top:5px;
	color:#333;background:#fff;padding:5px 8px;border-radius:6px;
	word-wrap:break-all;overflow:auto;}
aside .tour span {
    float:right;width:165px;padding-left:5px;}
    	
/* ランキング */
#rank .pv {
	font-family: Oswald; text-align: center;
	width:30px; padding: 2px; float: right;
	position:relative; margin: 0px 0px 10px 2px
	right: 0; bottom:0; border: 1px solid #797979;}
#rank{
	z-index: 1; margin: 0px 0px 0px 0px;
	list-style-type: none; padding: 0;}
#rank li{
	line-height: 16px; position: relative;
	margin: 20; padding:8px 0px 8px 20px;
	border-bottom: 1px dashed #999;}
#rank li:last-child {border:0;}		
#rank li::before{
	position: absolute;top:7px; left:1px;
	color:#222000;content: "★";font-size: 12px;}
#rank li:first-child::before,
#rank li:nth-child(2)::before,
#rank li:nth-child(3)::before{
	position: absolute;top: 1px; left: 0; width: 0;
	height: 0; content: "";border: 6px solid transparent;
	border-bottom: 10px solid #fb0;}
#rank li:first-child::after,
#rank li:nth-child(2)::after,
#rank li:nth-child(3)::after{
	position: absolute; top: 9px; left: 0; width: 0; 
	height: 0;border: 6px solid #fb0; content: "";
	border-top: 3px solid transparent;}
#rank li:nth-child(2)::before{
	border-bottom: 10px solid #ccc;}
#rank li:nth-child(2)::after{
	border: 6px solid #ccc;
	border-top: 3px solid transparent;}
#rank li:nth-child(3)::before{
	border-bottom: 10px solid #d98;}
#rank li:nth-child(3)::after{
	border: 6px solid #d98; border-top: 3px solid transparent;}	


/* ----------------------------------
● カテゴリー色分け
---------------------------------- */
.tag_1 h4 {font-weight:bold;color:#CC0000}
.tag_1 .boxftr{border-top: 2px solid #CC0000}
.tag_1 .bar{background: #CC0000}
.tag_1 .tag{color:#CC0000;border: 1px solid #CC0000;}

.tag_2 h4 {font-weight:bold;color:#FF80AE}
.tag_2 .boxftr{border-top: 2px solid #FF80AE}
.tag_2 .bar{background: #FF80AE}
.tag_2 .tag{color:#FF80AE;border: 1px solid #FF80AE;}

.tag_3 h4 {font-weight:bold;color:#D6245A}	
.tag_3 .boxftr{border-top: 2px solid #D6245A}
.tag_3 .bar{background: #D6245A}
.tag_3 .tag{color:#D6245A;border: 1px solid #D6245A;}
	
.tag_4 h4 {font-weight:bold;color:#D19E13}	
.tag_4 .boxftr{border-top: 2px solid #D19E13}
.tag_4 .bar{background: #D19E13}
.tag_4 .tag{color:#D19E13;border: 1px solid #D19E13;}

.tag_5 h4 {font-weight:bold;color:#8252F2}
.tag_5 .boxftr{border-top: 2px solid #8252F2}
.tag_5 .bar{background: #8252F2}
.tag_5 .tag{color:#8252F2;border: 1px solid #8252F2;}

.tag_6 h4 {font-weight:bold;color:#3599AB}	
.tag_6 .boxftr{border-top: 2px solid #3599AB}
.tag_6 .bar{background: #3599AB}
.tag_6 .tag{color:#3599AB;border: 1px solid #3599AB;}

.tag_7 h4 {font-weight:bold;color:#1972D1}	
.tag_7 .boxftr{border-top: 2px solid #1972D1}
.tag_7 .bar{background: #1972D1}
.tag_7 .tag{color:#1972D1;border: 1px solid #1972D1;}

.tag_8 h4 {font-weight:bold;color:#0FA4D6}	
.tag_8 .boxftr{border-top: 2px solid #0FA4D6}
.tag_8 .bar{background:#0FA4D6}
.tag_8 .tag{color:#0FA4D6;border: 1px solid #0FA4D6;}

.tag_9 h4 {font-weight:bold;color:#D47822}	
.tag_9 .boxftr{border-top: 2px solid #D47822}
.tag_9 .bar{background: #D47822}
.tag_9 .tag{color:#D47822;border: 1px solid #D47822;}

.tag_10 h4 {font-weight:bold;color:#AD3261}	
.tag_10 .boxftr{border-top: 2px solid #AD3261}
.tag_10 .bar{background:#AD3261}
.tag_10 .tag{color:#AD3261;border: 1px solid #AD3261;}

.tag_11 h4 {font-weight:bold;color:#538C65}	
.tag_11 .boxftr{border-top: 2px solid #538C65}
.tag_11 .bar{background:#538C65}
.tag_11 .tag{color:#538C65;border: 1px solid #538C65;}

.tag_12 h4 {font-weight:bold;color:#CC0000}	
.tag_12 .boxftr{border-top: 2px solid #CC0000}
.tag_12 .bar{background:#CC0000}
.tag_12 .tag{color:#CC0000;border: 1px solid #CC0000;}

.tag_13 h4 {font-weight:bold;color:#328A17}	
.tag_13 .boxftr{border-top: 2px solid #328A17}
.tag_13 .bar{background:#328A17}
.tag_13 .tag{color:#328A17;border: 1px solid #328A17;}

.tag_14 h4 {font-weight:bold;color:#FF550D}	
.tag_14 .boxftr{border-top: 2px solid #FF550D}
.tag_14 .bar{background:#FF550D}
.tag_14 .tag{color:#FF550D;border: 1px solid #FF550D;}

.tag_15 h4 {font-weight:bold;color:#FF2626}	
.tag_15 .boxftr{border-top: 2px solid #FF2626}
.tag_15 .bar{background:#FF2626}
.tag_15 .tag{color:#FF2626;border: 1px solid #FF2626;}