@charset "utf-8";
/* CSS Document */


#container { width: 950px; margin: auto!important; height: auto; zoom: 100%; }
#container:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
.contents_detail{ overflow:hidden; text-align:left; margin-bottom:10px;}
.contents_detail p{ font-size:15px; line-height:160%; color:#000; margin-bottom:15px;}


/* リンクのボタン化 */
.broslink a{ border:1px solid #F90; display:block; padding:8px 12px; text-align:center; font-size:13px; color:#111 !important; font-weight:bold;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #feae31), color-stop(0.00, #efe457)); background: -webkit-linear-gradient(top, #efe457 0%, #feae31 100%); background: -moz-linear-gradient(top, #efe457 0%, #feae31 100%); background: -o-linear-gradient(top, #efe457 0%, #feae31 100%); background: -ms-linear-gradient(top, #efe457 0%, #feae31 100%); background: linear-gradient(top, #efe457 0%, #feae31 100%); text-decoration:none;}

.infolink{ background-image:url(https://www.bikebros.co.jp/vb_img/bbcommon/img/sp/new_window.png); background-repeat:no-repeat; padding-left:20px; margin-top:10px; font-size:13px;}
.infolink a{ font-size:13px; color:#1685CC; text-decoration:underline; padding-top:0; display:inline;}






/* イントロダクション部の カラム分割 */
.introbox{display:block; width:100%;}
.introbox .intro2box {display:block;}
.introbox .intro2box img{width:100%; height:auto; }

.introbox:after {content: "";clear: both;height: 0;display: block;visibility: hidden;}

.introbox01l{float: left;width: 580px;}
.introbox01r{float: right;width: 350px;}

.introbox02l{float:left ; width:350px;}
.introbox02r{float:right; width:580px;}

.introbox03l{float:left ; width:580px;}
.introbox03r{float:right; width:350px;}



/* 共通クレジット */
#credit { font-size: 12px; color: #333333; margin-bottom: 5px; margin-top: 5px; }

#credit:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*\*/
* html #credit{ height: 1em; overflow: visible; }

/**/
#credit .left { width: 720px; float: left; text-align:left; } 
#credit .right{ width:200px; float:right; text-align:right; }
.clear{ clear:both; }




/* メインカット */
#mainimg950 { width: 950px; }

/* 導入部分 */
.leadbox { background-color: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); color: rgb(0, 0, 0); font-size: 14px; line-height: 155%; margin-bottom: 30px; padding: 18px; }


/*見出し */
.contents_detail h2.midashi { border-left: 6px solid #C60000 ; color: rgb(0, 0, 0); font-size: 16px !important;
font-weight: bold; line-height: 140%; margin-bottom: 15px; padding: 5px 10px; }

.boxmidashi { text-align: left; font-size: 18px; font-weight: bold; color: #FFF; padding: 10px; margin: 0px 0px 10px; background: #45484d; /* Old browsers */ background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border-top-left-radius: 3px;border-top-right-radius: 3px;position: relative;}



/* キャプション */
.leadintro { font-size:12px !important; color:#900 !important; line-height:150% !important; }
.intro2box .leadintro { margin-top: 5px; }

.photo_cap{ color:#C20000 !important;}





.contents_detail img { vertical-align: middle; }


/* ショップ情報枠 */

.brandbox_midashi{ background-color: #000; color: #fff; padding: 7px 7px 5px 17px; width: 926px; text-align: left; font-weight: bold;  font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; }

.brandbox{ width: 918px; padding: 15px 15px 10px 15px; border: 1px solid #000; text-align: left; margin-top: -10px; overflow: hidden; margin-bottom: 20px; display: table; }
.brandbox01{ width:260px; padding-right:20px; display:table-cell; vertical-align:middle;}
.brandbox01 img{ width:100%; height:auto; }

.brandbox02{ width: 200px; font-size: 12px; line-height: 160%; color: #000; display:table-cell; vertical-align:middle; padding-right: 20px; }
.brandbox03{ width: 418px; font-size: 13px; display:table-cell; vertical-align:middle; }
.brandbox03 .profile_intro{font-size: 13px !important;}

.profile_name { color: #000; font-size: 16px; font-weight: bold; padding: 0; margin-bottom: 10px; }
.profile_intro{font-size: 12px; color: #333;line-height: 145%;margin-bottom: 8px;}




/* フォトトピスライド */


#photo_topicsbox{ width: 950px; margin-bottom: 20px; clear: both; height: 721px; background-color: #000; }
#photo_topicsbox #photo_topicsbox_l{width:950px;float:left;background-color:#000;margin-right:10px; height: 717px;}
.panel img{ width:948px; border-right:1px solid #000;}
.photog-cap{color:#FFF !important; padding-top:10px;font-size:12px !important;font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;line-height:150%;padding-left: 2.4em;text-indent: -2.4em;}
.topics_cap{color:#FFF !important; padding-top:10px;font-size:12px !important;font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;line-height:150%;padding-left: 2.4em;text-indent: -2.4em;}
.photo_number{background-color:#CC0000;color:#FFFFFF;padding:2px 5px 2px 5px;margin-right:5px;}
.number{background-color:#CC0000;color:#FFFFFF;padding:2px 5px 2px 5px;margin-right:5px;}

.filmstrip{display:block !important;}


/* facebook 950px */

.fblikebox{ text-align: center; background-color: #EEE; padding: 10px; }






/* ********************* 記事の個別設定 ********************* */

/* ショップ情報の横幅 (合計 878px) */
.brandbox01{ width: 42%; }
.brandbox02{ width: 54%;text-align: left;box-sizing: padding-box;padding-left: 0px !important; }
.brandbox03{ width: 378px; }

.boxmargin{display: block; margin-left:auto;margin-right:auto; height:228px;background-color:#FFF;padding: 10px;}


/* 左右分割の幅変更 */
.introbox01l{ width: 480px !important; }
.introbox01r{ width: 450px !important; }


/* 右カラムの分割 */
.introbox01r_l{ float: left; width: 31.5%; }
.introbox01r_r{ float: right; width: 67%; }
.introbox01r_lr{ margin-bottom: 10px; }
.introbox01r_lr:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }







/* 導入部分 */
.leadbox { background-color: #F2F2F2; }

/*見出し */
.contents_detail h2.midashi { border-left: 6px solid #C60000 ; color: rgb(0, 0, 0); font-size: 16px !important;
font-weight: bold; line-height: 140%; margin-bottom: 15px; padding: 5px 10px; }

/* プロフィール */
.backgroundbox{
	background-color:#F2F2F2;
	padding:10px;
	font-size:12px;
	margin-bottom:20px;
}
/*見出しのオビ色 */
.introbox01r h2.midashi { font-size:18px !important ;border-left: 0px solid #C60000  !important; padding:2px 0  !important;margin:3px 0  !important;}

/* 動画 */


.moviebox {
text-align: center;
background-color: #FFF;
padding: 0px;
}

.moviebox .moviebox_l{
text-align: center;
float: left;
background-color: #EEE;
padding: 10px;
width: 440px;
}

.moviebox .moviebox_r{
text-align: center;
float: right;
background-color: #EEE;
padding: 10px;
width: 440px;
}