/* -----------------------------------------------------------------------


　　声援メッセージ 追加CSS【投稿説明ページ】


----------------------------------------------------------------------- */

.bb-message-dict-image{
border-top:2px solid #30A6DF;
border-bottom:2px solid #30A6DF;
height:70px;
}

.bb-message-dict{
margin:12px auto;
width:95%;
color:#333333;
line-height:1.4;
font-size:100%;
}

.bb-message-dict p{
margin-bottom:10px;
}


.bb-message-dict span{
font-size:135%;
color:#006837;
}

.bp-lightbox-panel-left-button{
text-align:center;
margin:10px;
}

.bb-message-dict-alart{
background-color:#FBDFD8;
width:90%;
padding:10px;
color:#EE4035;
}

.bb-message-dict-alart li{
margin-bottom:10px;
}

.bb-message-dict-alart li a{
color:#EE4035;
text-decoration:underline;
}

.bp-kouya-post-button{
background-color:#efefef;
border:1px solid #666666;
padding:5px;
border-radius:5px;	
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#333333;
width:210px;
margin:15px auto;
text-align:center;
}



/* -----------------------------------------------------------------------


　　声援メッセージ 追加CSS【本体ページ】


----------------------------------------------------------------------- */

.bb-message-imagecenter{
margin:0px auto 12px auto;
height:65px;
width:290px;
}


.bb-message-header{
margin:20px 10px;
}

.bb-message-material-area{
background-color:#D3EDF9;
overflow:hidden;
}

.bb-message-material-area-explain-twitter{
background-image:url(/common/sp/img/bb-newlyicon-twitter.png);
background-position:top left;
background-repeat:no-repeat;
background-size:150px 70px;
padding:30px 10px 10px 70px;
color:#333333;
font-size:15px;
line-height:1.25;
overflow:hidden;
}

.bb-message-material-area-timeline{
margin:10px auto 25px auto;
width:95%;
height:500px;
overflow:hidden;
}


/* 
メール部分　------------------------------------------------------------  
*/


.bb-message-material-area-explain-mail{
background-image:url(/common/sp/img/bb-newlyicon-mail.png);
background-position:top left;
background-repeat:no-repeat;
background-size:150px 70px;
padding:30px 10px 10px 70px;
color:#333333;
font-size:15px;
line-height:1.25;
overflow:hidden;
}


.bbbm-timeline{
width:95%;
margin:10px auto 20px auto;
overflow-x:hidden;
overflow-y:hidden;
}

.bbbm-stream{
background-color:#ffffff;
}

.bbbm-ol{

}


.bbbm-tweet{
padding:5px 8px 6px 8px;
border-bottom:1px solid #ebebeb;
}

.bbbm-permalink{
font-size:11px;
float:right;
margin-top:2px;
color:#707070;
}

.bbbm-header{
float:left;
padding:0 0 4px 36px;
font-size:14px;
min-height:32px;
width:160px;
font-weight:bold;
line-height:16px;
background-image:url(/common/web/img/bbbm-mail-avator.png);
background-repeat:no-repeat;
backgrond-position:2px 0px;
overflow:hidden;
}

.bbbm-e-entry{
font-size:14px;
line-height:18px;
padding:5px 5px 0 0;
overflow:hidden;
clear:both;
word-wrap:break-word;
margin-bottom:20px;
}





/* -------------------------------------
　　成績表示
-------------------------------------- */

/* 
ユニット部 
*/

.bb-score-unit{
}

.bb-score-unit-left{
font-size:16px;
font-weight:bold;
float:left;
}

.bb-score-unit-right{
font-size:16px;
font-weight:bold;
text-align:right;
}

.bb-score-box{
margin:3px 0px 22px 0px;
padding:6px 10px;
overflow:hidden;
border:1px solid #BBBDBF;
-moz-border-radius:10px;    /* Firefox */
-webkit-border-radius:10px; /* Safari,Chrome */
border-radius:10px;         /* CSS3 */
/* ▼背景色 */
background: rgb(237,237,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(237,237,237) 0%, rgb(217,217,217) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,237,237)), color-stop(99%,rgb(217,217,217))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(237,237,237) 0%,rgb(217,217,217) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(237,237,237) 0%,rgb(217,217,217) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(237,237,237) 0%,rgb(217,217,217) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(237,237,237) 0%,rgb(217,217,217) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}

.bb-score-box p{
font-size:20px;
font-weight:bold;
text-align:center;
line-height:1.6;
}

.bb-score-box p a{
color:#000000;
}

/* 
詳細表示 
*/

.bb-score-inning{
font-size:20px;
line-height:1.2;
font-family:monospace;
margin:0px 10px 30px 10px;
}

.bb-interpretation-link{
font-size:20px;
padding:10px;
border:1px solid #BBBDBF;
-moz-border-radius:10px;    /* Firefox */
-webkit-border-radius:10px; /* Safari,Chrome */
border-radius:10px;         /* CSS3 */
background-color:#D6E9C2;
text-align:center;
font-weight:bold;
margin-bottom:20px;
}

.plusadjust{
margin-bottom:2px;
}

.bb-interpretation-link a{
color:#000000;
}

.bb-interpretation{
margin:0px 10px 30px 10px;
font-size:18px;
line-height:1.5;
}

.bb-score-arrow-area{
margin:0px 10px 10px 10px;
}

.bb-score-arrow-left{
float:left;
}

.bb-score-arrow-right{
float:right;
}

/* -------------------------------------
　　全体　　ニュース　など
-------------------------------------- */

/* 
サイトタイトル部 
*/

.bb-sitetitle{
height:27px;
padding-top:8px;
padding-left:8px;
/* ▼背景色 */
background: rgb(0,97,46); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(0,97,46) 0%, rgb(0,76,32) 25%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,97,46)), color-stop(25%,rgb(0,76,32))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(0,97,46) 0%,rgb(0,76,32) 25%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(0,97,46) 0%,rgb(0,76,32) 25%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(0,97,46) 0%,rgb(0,76,32) 25%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(0,97,46) 0%,rgb(0,76,32) 25%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00612e', endColorstr='#004c20',GradientType=0 ); /* IE6-9 */
}

/* 
速報告知領域 
*/

.bb-grayout{
width:100%:
height:90px;
overflow:hidden;
/* ▼背景色 */
background: rgb(237,237,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(237,237,237) 0%, rgb(217,217,217) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,237,237)), color-stop(99%,rgb(217,217,217))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(237,237,237) 0%,rgb(217,217,217) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(237,237,237) 0%,rgb(217,217,217) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(237,237,237) 0%,rgb(217,217,217) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(237,237,237) 0%,rgb(217,217,217) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}

.bb-sokuho-kokuchi{
margin:6px auto;
width:300px;
height:78px;
/* ▼角丸 */
-moz-border-radius:10px;    /* Firefox */
-webkit-border-radius:10px; /* Safari,Chrome */
border-radius:10px;         /* CSS3 */
/* ▼背景色 */
background: rgb(90,90,90); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(90,90,90) 0%, rgb(40,40,40) 7%, rgb(30,30,30) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(90,90,90)), color-stop(7%,rgb(40,40,40)), color-stop(100%,rgb(30,30,30))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(90,90,90) 0%,rgb(40,40,40) 7%,rgb(30,30,30) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(90,90,90) 0%,rgb(40,40,40) 7%,rgb(30,30,30) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(90,90,90) 0%,rgb(40,40,40) 7%,rgb(30,30,30) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(90,90,90) 0%,rgb(40,40,40) 7%,rgb(30,30,30) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}

.bb-sokuho-kokuchi-left{
float:left;
overflow:hidden;
margin-top:6px;
margin-left:6px;
height:35px;
}

.bb-sokuho-kokuchi-right{
float:right;
overflow:hidden;
margin-top:9px;
margin-right:6px;
height:32px;
}

/* 
カテゴリ選択 
*/

.bb-iconarea{
background-image:url(/common/sp/img/bb-icon-background.png);
background-repeat:repeat-x;
height:85px;
width:100%;
}

.bb-iconarea ul{
width:95%;
margin:0 auto;
text-align:center;
}

.bb-iconarea li{
width:20%;
text-align:center;
padding-top:6px;
float:left;
}

/* 
セクション部分 
*/

.bb-section-name{
height:40px;
line-height:40px;
/* ▼背景色 */
background: rgb(237,237,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(237,237,237) 0%, rgb(217,217,217) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,237,237)), color-stop(100%,rgb(217,217,217))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(237,237,237) 0%,rgb(217,217,217) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(237,237,237) 0%,rgb(217,217,217) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(237,237,237) 0%,rgb(217,217,217) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(237,237,237) 0%,rgb(217,217,217) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}

.bb-section-name p{
font-size:18px;
text-align:center;
font-weight:bold;
}

/* 
ボーダー表示 
*/

.bb-border-gray{
border-top:1px solid #264300;
border-bottom:1px solid #ffffff;
position:relative;
z-index:10;
overflow: hidden;
}

.bb-border-gray:before{
border-top:1px solid #ffffff;
border-bottom:1px solid #a6a8ab;
top:0px; right:0px; bottom:0px; left:0px;
content:"";
display:block;
position:absolute;
z-index:-1;
min-height:100%;
}

.bb-border-green{
border-top:1px solid #264300;
border-bottom:1px solid #ffffff;
position:relative;
z-index:10;
}

.bb-border-green:before{
border-top:1px solid #ffffff;
border-bottom:1px solid #264300;
top:0px; right:0px; bottom:0px; left:0px;
content:"";
display:block;
position:absolute;
z-index:-1;
min-height:100%;
}

.bb-border-green-simple{
border-bottom:1px solid #ffffff;
position:relative;
z-index:10;
}

.bb-border-green-simple:before{
border-bottom:1px solid #264300;
top:0px; right:0px; bottom:0px; left:0px;
content:"";
display:block;
position:absolute;
z-index:-1;
min-height:100%;
}

/* -------------------------------------
　そのほか
-------------------------------------- */

/* 
細かいもの  
*/

.bb-checkright{
text-align:right;
}

.pageList{
width:95%;
}

/* 
フォント指定  
*/

body{
font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
}

/* 
ClearFix  
*/

.bb-clearfix:after{
content: "";
display: block;
clear: both;
}

/* -------------------------------------
 ソーシャルプラグイン　更新ボタン
-------------------------------------- */

.bb-pluginBtn {
text-align: center;
margin: 0 auto 20px auto ;
border-bottom: #CCCCCC 1px solid;
padding: 0 0 10px 0;
overflow: hidden;
}
.bb-pluginBtn li {
	margin: 0 0;
	line-height: 14px;
}
.iconList li {
	overflow: hidden;
}
.bb-pluginBtn li img {
	vertical-align: middle;
}

.bb-sp-reload{
margin-bottom:20px;
overflow:hidden;
height:34px;
}

.bb-sp-reload img{
float: right;
overflow:hidden;
}

/* -------------------------------------
　　写真集
-------------------------------------- */

.bb-photo-appendix{
background-color:#929496;
color:#ffffff;
font-size:105%;
padding:10px 20px;
line-height:1.4;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.bb-photolist-appendix{
background-color:#bfbfbf;
color:#333333;
margin:15px auto;
padding:10px;
width:90%;
line-height:1.3;
-moz-border-radius:10px;    /* Firefox */
-webkit-border-radius:10px; /* Safari,Chrome */
border-radius:10px;         /* CSS3 */
font-size:95%;
}

.bb-photolist-appendix-orange{
background-color:#F39800;
color:#ffffff;
margin:15px auto;
padding:10px;
width:90%;
line-height:1.4;
-moz-border-radius:10px;    /* Firefox */
-webkit-border-radius:10px; /* Safari,Chrome */
border-radius:10px;         /* CSS3 */
font-size:120%;
overflow:hidden;
}

.bb-photolist-appendix-orange span{
display:block;
width:9em;
float:right;
margin-top:10px;
background-color:#ffffff;
color:#F39800;
font-size:85%;
padding:3px 10px;
line-height:1.4;-moz-border-radius:10px;    /* Firefox */
-webkit-border-radius:10px; /* Safari,Chrome */
border-radius:10px;         /* CSS3 */
}

.bb-photolist-appendix-orange span a{
color:#EA5614;
}