@charset "UTF-8";

/* CSS Document */


#twobox680{ width:680px; float:left; margin-right:20px; padding:0;}
#rightbox250{ float:right; width:250px;}


#container {
width: 950px;
margin: auto!important;
height: auto;
zoom: 100%;
position: relative; /*　20170202　追加*/
}

#container:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


/*pcspcommon*/
.contents_detail{ width:680px; overflow:hidden; margin-bottom:30px;  color:#000;}
.contents_detail p{ margin-bottom:20px;font-size:17px; line-height:180%;}
.contents_detail .modelname{ padding:12px; font-size:20px; color:#fff; background-color:#222; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px; font-weight:bold;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.contents_detail .caption{ font-size:12px; color:#000; margin-top:5px; margin-bottom:15px; line-height:155%;}
.contents_detail .capphoto {margin-top: 10px; margin-bottom: 0px !important; }

.topics_cap {font-size: 13px;line-height: 150%;margin-bottom: 20px;margin-top: 5px;color: #000; padding-left: 2em; text-indent: -2em;}
.topics_cap span.number { padding: 4px 3px 3px 3px; color: #fff;background-color: #C00; margin-right: 6px; font-size: 11px;}

.contents_detail .boxmidashi{ font-size:24px; font-weight:bold; color:#333; padding-bottom:3px; border-bottom:4px solid #222; margin-bottom:15px; margin-top:20px;}
.contents_detail .point{ font-size:15px; font-weight:bold; color:#000; padding-bottom:8px; border-bottom:3px solid #222; margin-bottom:15px; margin-top:5px;}

#container p.credit {
    font-size: 12px;
}

/*recommendpost*/
ul.recommendpost { width:680px; overflow:hidden;}
ul.recommendpost  li { padding-bottom:8px;margin-bottom:8px; border-bottom:1px dotted #ccc;}
ul.recommendpost  li a { font-size:14px; font-weight:bold; line-height:150%; text-decoration:underline;}
ul.recommendpost  li a:hover{ text-decoration:none;}
ul.recommendpost  li a img{ width:90px; height:60px; margin-right:10px; vertical-align:middle;}
ul.recommendpost  li a:hover img{filter: alpha(opacity=80);opacity:0.8;background: #ffffff;}


.snsbox{
    width:100% !important;
}

.main-img {
    position: relative;
}

.main-icon {
    text-align: center;
    background: #C30;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 100px;
    box-sizing: border-box;
    height: 100px;
    background-image: url('https://www.bikebros.co.jp/vb_img/tieup/short/icon.png');
}
.main-pr {
    color: #CCC;
    position: absolute;
    top: 20px;
    right: 20px;
    border: 2px solid #CCC;
    background-image: url('https://www.bikebros.co.jp/vb_img/tieup/short/pr.png');
    background-color: #666;
    height: 35px;
    width: 53px;
}
.titleinfo {
    width:100% !important;
    border-top: none !important;
}
.titleinfo h2 {
    font-size: 30px !important;
}
ul.data {
    width:100% !important;
    display: -webkit-box;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

ul.data li{
    margin-right:0 !important;
}

.leadintro{
    background: #EEEEEE;
    padding: 15px;
    margin: 5px 0 0;
}


/* ==========================
 title
=============================*/
.titleinfo{ width:680px; padding:10px 0 10px 0; border-top:1px solid #333; border-bottom:1px dotted #bbb; overflow:hidden; margin-bottom:10px;}
.titleinfo h2{ font-size:22px; font-weight:bold; color:#111; line-height:140%; margin-bottom:5px;}
.titleinfo ul.data{ overflow:hidden; width:680px;}
.titleinfo ul.data li{ font-size:11px; color:#666; text-align:left; margin-right:15px;}
span.infocategory{ margin-left:10px; font-size:11px; color:#000; font-weight:bold;}


.midashi{
    color: #333 !important;
    border-bottom: 1px solid #CCC !important;
    padding: 0px 0px 10px 10px !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
    border-left: 5px solid #666 !important;
    margin-bottom: 15px;
}

.boxmidashi {
    font-size: 24px !important;
    font-weight: bold;
    color: #333;
    border-bottom: none !important;
    margin-bottom: 15px;
    line-height: 1.3;
}

.sidebar-midashi {
    margin: 0px 0px 10px;
    padding: 15px 10px;
    color: #FFF;
    background: #333;
    font: 900 15px/1 Arial, Helvetica, sans-serif;
}

.contents-thumbnail a  {
    display:block;
    margin-bottom: 5px;
}

.contents-thumbnail {
    width:100% !important;
}

.contents-thumbnail a:after {
    content: "";
    clear: both;
    display: block;
}

.thumbnail {
    float: left;
}

.thumbnail-cap {
    font-size: 12px;
    line-height: 1.5;
}

#subbox h4 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom:5px;
}
#subbox h4:nth-of-type(n+2) {
    margin-top:20px;
}

#subbox .broslink a {
    margin: 10px 0 20px;
}

.pager {
    margin-bottom: 20px !important;
    width: unset !important;
    overflow: unset !important;
    margin-bottom: unset !important;
    border: none !important;
}

.pager a {
    display: block;
    padding: 15px;
    border: 1px solid #CCC;
    font-weight: bold;
    color: #333;
}

.pager .prev {
	width: 335px;
	float: left;
}
.pager .next {
    width: 335px;
    float: right;
}

.pager .title {
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    display: block;
}

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

.fblikebox:after {
    content: "";
    clear: both;
    display: block;
}


.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:10px;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 55px;
    top: auto !important; /* 20170202　unsetから修正 */
    width: auto !important; /* 20170202　unsetから修正 */
}

.pagetop a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #333;
    text-align: center;
    color: #fff !important;
    font-size: 24px;
    text-decoration: none;
    line-height: 50px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.fixed {
    position: fixed;
    top: 10px;
    width: 250px;
}

.broslink a {
    border: 1px solid #F90;
    display: block;
    padding: 8px 12px;
    text-align: center;
    font-size: 15px;
    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;
}

.caption {
    word-wrap: break-word;
}




#sidestop{ width:250px; }

/* 20180605　藤堂追加 */

.catlist_midashi{
margin-top:20px;
font-size:16px;
font-weight:bold;
padding-top:7px;
padding-bottom:7px;
padding-left:7px;
border-left:solid #ff0000 5px;
}

ul.lcp_catlist li {
list-style:none;
font-size:13px;
border-top: 1px solid #CCCCCC;
padding-top: 10px;
padding-bottom: 10px;
}

.lcp_catlist a{
text-decoration:none;
}

.lcp_catlist a:hover{
color:
text-decoration:underline;
}

.lcp_catlist a:active{
color:
}