@charset "UTF-8";
/*
	Theme Name: 203web
	Description: 203web
	Theme URI: 
	Author: cycleshop203
	Author URI: 
	Version: 1.0.1
	License: 
	License URI:
	Tags: 

*/

/* =============================================================================
   html5
   ========================================================================== */

/* =============================================================================
    Reset
   ========================================================================== */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, div,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, div {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}


/* =============================================================================

   1 common
   
   ========================================================================== */
html {
 overflow: scroll;
 overflow: -moz-scrollbars-vertical;
 overflow-x: scroll;
}
/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix {zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;}  
 
body{
	color:#2d2d2d;
	font-family: Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	background:#fff;
	line-height:1.4;
	font-size:14px;
	min-width:1100px;
	letter-spacing:0.08em;
}
.container{position:relative;}
table {font-size:inherit;font:100%;}
p{margin-bottom:1em;line-height:1.7;}
img{vertical-align: bottom;}
/* a
   ========================================================================== */
/*a,
a:link,
a:visited{
	color:#0071e5;
	text-decoration:none;
}
a:hover,
a:active{
	color:#0071e5;
	text-decoration:underline;
}*/
a,
a:link,
a:visited{
	color:#2581c4;
	text-decoration:none;
}
a:hover,
a:active{
	color:#e50012;
	text-decoration:none;
}


#header a:hover img,
a:hover img.ov,
.list-site li a:hover img,
.content.koneta .post a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}


/* ==================================== =========================================
	header
   ========================================================================== */
#header{
	margin:0 auto;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #cdcdcd;
}
#header .inner{
	width:1000px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#header .catch{
	text-align:center;
	padding:8px 0;
	background:#e50012;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:1;
}
#header #logo{
	float:left;
	padding:20px 10px;
	width:80px;
	height:auto;
}
#gmenu{
	float:right;
	margin:0;
	overflow:hidden;
	position:relative;
	font-size:16px;
	line-height:1;
}
#gmenu li{
	float:left;
}
#gmenu li a{
	display:block;
	padding: 35px 20px 35px 20px;
	border-bottom:5px solid #fff;
}
#gmenu a,
#gmenu a:link,
#gmenu a:visited{
	color:#000;
	text-decoration:none;
}
#gmenu a:hover,
#gmenu a:active{
	color:#e50012;
	border-bottom:5px solid #e50012;
}
#gmenu li.current-menu-item a,#gmenu li.current-menu-parent a{
	color:#e50012;
	border-bottom:5px solid #fff;
}
.tag #gmenu li.menu-item-12 a{/*タグページの自転車*/
	color:#e50012;
	border-bottom:5px solid #fff;
}
.wideslider-wrapper{
	position:relative;
	height:595px;	
}

/* ==================================== =========================================
	content 
   ========================================================================== */
#content{
	position:relative;	
}

.content {
	border-bottom:1px solid #cdcdcd;
}
.content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .content {zoom: 1;}
/* IE7 */
*:first-child+html .content {zoom: 1;} 
.content .inner{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	padding:60px 0;
}
#content .inner{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	padding:60px 0;
}

#breadcrumb{
	width:100%;
	background:#e4e4e4;
	padding:8px 0;
}
#breadcrumb ul{
	width:1000px;
	margin:0 auto;
	list-style:none;
	line-height:1;
	font-size:12px;
	color:#666;
}
#breadcrumb ul li{
	float:left;
	padding:0 3px;
}
#breadcrumb li a:link,
#breadcrumb li a:visited{
	text-decoration:none;
}

table{
	line-height:1.5;
	background:#fff;
}
th{
	padding:1em 10px;
	text-align:left;
	vertical-align:middle;
}
td{
	padding:1em 10px;	
	vertical-align:middle;
}

#main{
	width:750px;
	float:left;
	padding-right:50px;
	position:relative;
	overflow:hidden;
}
#side{
	width:200px;
	float:right;
	margin:0;	
	position:relative;
	overflow:hidden;
}

.tag #main,#content.bike #main{
	width:750px;
	float:right;
	padding:0 0 0 50px;	
}

.tag #side,#content.bike #side{
	width:200px;
	float:left;
	margin:0;	
}

/* ==================================== =========================================
	footer
   ========================================================================== */
.gotop{
	clear:both;
    position: fixed;
    right: 5%;
    bottom:0;
	z-index:9999;
}
.gotop a{
    width: 50px;
    height: 50px;
	background:#e50012;
	text-align:center;
    display: block;
	text-decoration:none;
	font-size:30px;
	color:#fff;
}
.gotop a:hover{
	background:#C00;
	color:#fff;
}

#footer{
	overflow:hidden;
	color:#fff;
	background:#e4e4e4;
}
#footer .inner{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	padding:40px 0;
}

#footer h1{
	font-size:22px;
	margin-bottom:20px;
}
#footer h1 span{
	font-size:14px;	
}

#footer .info{
	margin:0;
	color:#ffd12e;
	font-size:22px;
	line-height:1;
	font-weight:bold;
}
#footer .info span{
	color:#fff;
	background:#498101;
	font-size:12px;
	padding:6px 20px;
	display:inline-block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.bx-1_2{
	float:left;
	width:500px;
	margin:0;
	overflow:hidden;	
}

#footer a,
#footer a:link,
#footer a:visited{
}
#footer a:hover{
}

#footer nav li{
	margin:0 20px 20px 0;
	float:left;
}
#footer nav li a{
	padding-left:20px;
	background:url(img/arrow_01.png) left 50% no-repeat;
}

#copy{
	clear:both;
	color:#fff;
	text-align:center;
	padding:1em 0;
	background:#ccc;
	}
	
/* =============================================================================
    common style
   ========================================================================== */
.arrow-01{
	padding-left:20px;
	background:url(img/arrow_01.png) left 50% no-repeat;
}

.bg-grn{background:#78b529;}
.bg-org{background:#ff9a2e;}
.bg-wht{background:#fff;}

a.btn-01{
	padding:5px 20px;
	background:#666;
	color:#fff;
	line-height:1;
	text-decoration:none;
}
a.btn-01:hover{
	background:#e50012;
	color:#fff;
}


.bx-l{
	float:left;
	overflow:hidden;
	position:relative;
}
.bx-r{
	float:right;
	overflow:hidden;
	position:relative;
}
.cl-b{
	clear:both;
}
img.fl-r{
	float:right;
	margin:0 0 30px 50px;	
}
img.fl-l{
	float:left;
	margin:0 50px 30px 0	
}
.marker{
	border-bottom:5px solid #f90;	
}
	
#main .m-b-0{margin-bottom:0px;}
.m-b-10{margin-bottom:10px;}
.m-b-1{margin-bottom:1em;}
.m-b-20{margin-bottom:20px;}
.m-b-30{margin-bottom:30px;}
.m-b-40{margin-bottom:40px;}
.m-r-30{margin-right:30px;}

.ta-right{text-align:right;}
.ta-center{text-align:center;}

.ttl-01{
	font-size:30px;
	text-align:center;
	line-height:1;
	padding-bottom:50px;
	font-weight:normal;
}
.ttl-01 h1,.ttl-01 h2{
	font-weight:normal;
}
.ttl-01 span{
	font-size:18px;
	letter-spacing:0.05em;
	color:#e50012;
	border-bottom:5px solid #e50012;
}
.ttl-01.pagename{
	font-size:30px;
	text-align:center;
	line-height:1;
	padding:50px 0;
	font-weight:normal;
	background:#ebeaea;
}
.ttl-01.txt-26{
	font-size:26px;
	color:#e50012;
	padding:0 0 30px 0;
}

.ttl-02{
	padding:10px 0;
	margin:0 0 20px 0;
	overflow:hidden;
	position:relative;
	clear:both;
	border-bottom:3px solid #e50012;
}
.ttl-02 h1{
	margin:0;
	float:left;
	font-size:20px;
}
.ttl-02 h1 span{color:#e50012;}

.ttl-02 p{
	margin:0;
	float:right;
	text-align:right;
}
.ttl-03{
	font-size:18px;
	color:#e50012;
	margin:0 0 1em 0;
	overflow:hidden;
	position:relative;
	font-weight:normal;
}
.ttl-current{
	font-size:20px;
	font-weight:bold;
}
.txt-gry{color:#666;}
.txt-grn{color:#00864f;}
.txt-org{color:#F90;}
.txt-wht{color:#fff;}
.txt-b{font-size:130%;}
.txt-s{	font-size:80%;}
.txt-12{font-size:12px;}
.txt-16{font-size:16px;}
.txt-20{font-size:20px;}
.col-l{float:left;overflow:hidden;}
.col-r{float:right;overflow:hidden;}


/* =============================================================================
    WordPress Misc
   ========================================================================== */
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {
	margin: 0;
	padding-top: 4px;
	text-align: center;
}
.wp-caption.alignleft{margin: 0 20px 10px 0;}
.wp-caption.alignright{	margin: 0 0 10px 20px;}
.wp-caption.alignnone {	margin: 10px 0 30px 0;}

.wp-caption-text,.gallery-caption{font-size: 80%;}
#main p.wp-caption-text{margin-bottom:0;}


.bx-article .post-content p{
	line-height:1.8;
	margin-bottom:1.5em;
	font-size:16px;
}
.bx-article .post-content p.wp-caption-text{
	line-height:1.4;
	margin-bottom:0;
	font-size: 80%;
}




.wp-caption img {
	margin: 0 0 5px 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;}
	
img.alignright {display: inline-block;margin: 0 0 20px 20px;}
img.alignleft {display: inline-block;margin: 0 20px 20px 0;}

.post-content blockquote{
	padding:10px;
	background:#eaeaea;	
}

/* =============================================================================
   top news
   ========================================================================== */
.content.news .inner{
	padding:40px 0;
}

.content.news .bx-l{
	width:460px;
	margin-right:80px;	
}
.content.news .bx-r{
	width:460px;
}
.content.news .bx-l .shop{
		width:120px;
		text-align:center;
		color:#e50012;
		line-height:1;
}
.content.news .bx-l article{
	clear:both;
	overflow:hidden;
	margin-bottom:30px;	
}
.content.news .bx-l .sokuho{
	  width:300px;
	  padding:19px;
	  border-radius:8px;
	  -webkit-border-radius:8px;
	  -moz-border-radius:8px;
	  background:#e50012;
	  border:1px solid #e50012;
	  margin:5px 0;
}

.content.news .sokuho-tachibana .shop{float:left;}
.content.news .sokuho-tachibana .sokuho{ float:right;}


.content.news .bx-l .shop span{color:#666;font-size:10px;}
.content.news .bx-l .sokuho h1{
	font-size:16px;
	color:#fff;
	margin:0 0 10px 0;
}

.content.news .bx-l .sokuho footer{
	text-align:right;
	color:#efefef;
}

.content.news .bx-l .msg-close{
	padding:10px;
	border:1px dotted #e50012;	
}
.content.news #bx-fb h1{
margin-bottom: 1em;
    font-size: 16px;
    padding: 0 0 0 10px;
    border-left: 5px solid #e50012;
}

dl.list-news{
	line-height:1.7;
	overflow:hidden;
    zoom: 1;	
}
.list-news dt{
	width:80px;
	float:left;
	clear:both;
	margin-bottom:20px;
}
.list-news dt a{
	width:60px;
	height:60px;
	background:url(img/pic_news.png) 0 0 no-repeat;
	display:block;
}


.list-news dd a span{
	color:#666;
	text-decoration:none;
}

.list-news dd{
	padding:0 0 10px 80px;
	margin-bottom:20px;
}


/* =============================================================================
   top bike
   ========================================================================== */
.home .content.bike{
	background:url(img/pic_taxin.png) 95% 100px no-repeat;	
}
.content.bike h1 a{
	color:#000;	
}
.content.bike .ttl-01{
	padding-bottom:20px;	
}

.content.bike .post{
	width:240px;
	margin:10px 5px;
	float:left;
	overflow:hidden;
	position:relative;
}
.content.bike .post .post-wrapper{
	overflow:hidden;
	position:relative;
}
.content.bike .post a{
	display:block;
	border:1px solid #fff;
	text-decoration:none;
}
.content.bike .post a:hover{
	border:1px dotted #e50012;
}
.content.bike .post h2{
	padding:0 10px;
	color:#333;
}
.content.bike .post h2 .maker{
	font-size:16px;
	font-weight:bold;
}
.content.bike .post h2 .model{
	font-weight:normal;
}

.content.bike .post p.price{
	padding:0 10px;
	text-align:right;
	font-size:20px;
	font-weight:bold;
	color:#e50012;
}
.content.bike .post p.price span{
	font-size:14px;
	font-weight:normal;
}
.content.bike div.ta-center{
	clear:both;	
	overflow:hidden;
	position:relative;
}
.content.bike div.ta-center a.btn-01,
.content.koneta div.ta-center a.btn-01,
#content.bike div.ta-center a.btn-01{
	width:200px;
	padding:10px 0;
	text-align:center;
	font-size:20px;
	margin:30px auto 0 auto;
	display:block;
}

.bx-ranking{
	clear:both;	
	overflow:hidden;
	position:relative;
	border:5px solid #e50012;
}

.bx-ranking h2{
	text-align:center;
	color:#e50012;
	margin:0 auto;
	padding:20px 0;
	font-size:24px;
	background:url(img/pic_ranking_tachibana.jpg) 900px 50% no-repeat;
}

.bx-ranking h2 span{
	color:#000;
	font-size:18px;
}
.bx-ranking ol{
	overflow:hidden;
	position:relative;
}
.bx-ranking ol li{
	float:left;
	width:160px;
	padding:10px 19px;
	list-style:none;
	position:relative;
	border-top:3px solid #e50012;

}
.bx-ranking ol li h3{
	font-size:18px;
	z-index:20;
	line-height:1.3;
	padding:0 0 8px 0;
}
.bx-ranking ol li h3 a{
	color:#e50012;
}
.bx-ranking ol li h3 a:hover,
.bx-ranking ol li h3 a:active{
	color:#fff;
	background:#e50012;
}
.bx-ranking ol li h3 span{
font-size:12px;
}
.bx-ranking ol li h3 small{
font-size:10px;
font-weight:normal;
}
.bx-ranking ol li p{
font-size:12px;
background:#f3f3f3;border-radius:5px;
padding:7px 4px;
border-top:1px dashed #e50012;
border-bottom:1px dashed #e50012;
line-height:1.4;
margin-bottom:0;
}

.bx-ranking ol li img{
	width:160px;
	height:auto;
	margin-bottom:-25px;
}
.bx-ranking ol li div{
	display: block;
	float:left;
	width: 30px;
	height: 25px;
	font-size: 20px;
	padding-top: 5px;
	text-align:center;
	line-height: 1;
	background: #e50012;
	color: #fff;
	margin: 0;
	position:absolute;
	top:20px;
	left:20px;
	z-index:5;
	border-radius: 50%;
	letter-spacing:0;
}


/* =============================================================================
   top koneta
   ========================================================================== */
.content.koneta{
	background:#f3f3f3;
}
.content.koneta .ttl-01{
	padding-bottom:30px;
	line-height:1.4
}

.content.koneta .ttl-01 a{
	color:#000;	
}
.content.koneta ul{
	margin:30px -50px 50px 0;
	overflow:hidden;
	position:relative;
}
.content.koneta li.post{
	width:270px;
	margin:0 50px 0 0;
	float:left;
	padding:13px;
	background:#fff;
	overflow:hidden;
	position:relative;
	border: 1px solid #e7e7e7;
}
.content.koneta .post p{
	margin:0;
	padding:5px;
	background:#e50012;
	color:#fff;
	
}
.content.koneta .post .thumbnail{
	width:270px;
	height:180px;
	background:#fff;
	text-align:center;
}
.content.koneta .post .thumbnail img{
	width:270px;
	height:180px;
}

.content.koneta h2{
	font-size:16px;
	padding:.5em .5em 0 .5em;
	
}


/* =============================================================================
   top shop-data
   ========================================================================== */
.content.shop-data h1 a{
	color:#000;	
}
.content.shop-data .ttl-01{
	padding-bottom:30px;	
}
.content.shop-data .bx-l{
	width:400px;
	padding:0 50px;	
}
.content.shop-data .bx-r{
	width:400px;
	padding:0 50px;	
}
.content.shop-data .txt-20{
	text-align:center;
	margin-bottom:20px;
}

.content.shop-data table{
	margin:0 auto 20px auto;	
}
.content.shop-data th,.content.shop-data td{
	border-top:1px dotted #ccc;	
}


.shop-data p.txt-gry{
	padding:1em 3em;
	font-size:14px;
	text-align:center;
}

/* =============================================================================
   top concept
   ========================================================================== */
.content.concept{
	background:#e50012;
	color:#fff;
}

.content.concept .ttl-01 span{
	color:#fff;
	border-color:#fff;
}
.content.concept .txt-26{
	text-align:center;
	font-size:26px;
	margin-bottom:50px;
}
.content.concept h3{
	text-align:center;
	font-size:16px;
	padding:10px;
	border:3px solid #fff;
	width:40%;
	margin:0 auto 30px auto;
}
.content.concept ul{
	clear:both;
	overflow:hidden;
	position:relative;
	paddin:0;
	list-style:none;
}
.content.concept ul li{
	width:313px;
	margin:0;
	float:left;
	text-align:center;
	padding:0 10px;
}
.content.concept ul li span{
	display:block;
	width:40px;
	height:30px;
	font-size:20px;
	padding-top:10px;
	line-height:1;
	background:#fff;
	color:#e50012;
	margin:0 auto 10px auto;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.content.concept ul li h4{
	font-size:18px;
	margin-bottom:1em;
}

/* =============================================================================
   top bnr
   ========================================================================== */
 .content.bnr{  
   
 /*background: url(img/bg_about.jpg) center center / cover no-repeat fixed;
  color:#fff;*/
 }
   
.content.bnr h1{
	margin-bottom:1em;
	font-size:16px;
	padding:0 0 0 10px;
	border-left:5px solid #e50012;
}
.content.bnr .bx-l{
	width:480px;
	margin-right:40px;
}
.content.bnr .bx-r{
	width:480px;
}

.content.bnr ul{
	clear:both;
	overflow:hidden;
	display: grid;
	grid-template-columns: 220px 220px;
	margin:0 0 40px 0;
	gap:40px;
	list-style:none;
}
.content.bnr li{
	width:220px;
	height:136px;
	background:#efefef;
	}

#bx-fb{
	width:480px;
	float:right;
	margin:0;
		
}
.content.news #bx-fb{
	width:460px;
	clear:both;
	float:none;
}

/* =============================================================================
   ABOUT
   ========================================================================== */
.page-id-2 .about {
 background:#333 url(img/bg_about.jpg) center center / cover no-repeat fixed;
 color:#fff;
}

.page-id-2 .about h2{
	width:370px;
	height:175px;
	float:left;
	margin:0 60px 0 0;
	padding:20px;	
}
.page-id-2 .about .bx-txt{
	padding-top:40px;
}
.kochin p.ta-center{
	margin-bottom:30px;
}
.tbl-kochin{
	border:1px solid #ccc;	
	border-bottom:none;
	width:998px;
	margin-bottom:30px;
}
.tbl-kochin th{
	border-bottom:1px solid #ccc;
	border-left:5px solid #e50012;
	padding-right:2em;
}
.tbl-kochin td{
	border-bottom:1px solid #ccc;	
}
.tbl-kochin th .free {
padding: 3px;
background: #e60012;
color: #fff;
}
.kochin ul{
	line-height:1.7;
	margin-bottom:20px;
}

/* =============================================================================
   NEWS
   ========================================================================== */
.bx-article{
	overflow:hidden;
	position:relative;
	margin:0 0 50px 0;
	padding:0px 0 0 0;
	border:1px solid #e7e7e7;
	border-top: 5px solid #e50012;
	border-bottom:3px double #e7e7e7;
	background:#f7f7f7;
}
.bx-article .post-time{
	text-align:left;
	background:#e50012;
	padding:5px;
	color:#fff;
	display:inline;
}
.bx-article .ttl-post{
	font-size:24px;
	padding:1em .5em;
	margin:0 0 30px 0;
	text-align:center;
	border-bottom:2px solid #e7e7e7;
}
.bx-article .ttl-post a{
	text-decoration:none;
	display:block;
	color:#000;
}
.bx-article .ttl-post a:hover{
	text-decoration:none;
	color:#e50012;
	background:#fff;
}
.bx-article .post-content{
	padding:0 29px 60px 29px;	
}

.bx-article .post-content h2 {
	padding: 10px 20px;
	font-size: 20px;
	margin: 2.5em 0  1.5em 0;
	background:#fff;
	border-bottom: 3px solid #e50012;
}
.bx-article .post-content h3 {
	padding: 3px 10px 3px 15px;
	font-size: 18px;
	margin: 2.5em 0  1.5em 0;
	border-left: 5px solid #e50012;
}
.bx-article .post-content h4 {
	padding: 2px 10px 2px 0;
	font-size: 16px;
	margin: 2.5em 0  1.5em 0;
	color:#e50012;
	}
.bx-article .post-content ul,.bx-article .post-content ol{
	padding:0 0 0 30px;	
	line-height:1.7;
	margin:1em 0;
}
.bx-article .post-content ul li,.bx-article .post-content ol li{
	margin:0 0 5px 0;
}


.bx-article .post-tag{
	clear: both;
	position: relative;
	overflow: hidden;
	padding:10px 20px;
	border-top:3px double #e7e7e7;
}
.bx-article .post-cate{
	clear: both;
	position: relative;
	overflow: hidden;
	padding:10px 20px;
	border-top:1px double #e7e7e7;
}
.bx-article .post-cate h2,.bx-article .post-tag h2{
	float:left;
	margin:0 20px 0 0;
}
.bx-article .post-cate li,.bx-article .post-tag li{
	list-style:none;
	float:left;
	margin:0 20px 0 0;
}
.bx-article .yarpp-related-none.yarpp-related{
	display:none;	
}

.page-nav{
	clear:both;
	color: #333;
	background:#fff;
	margin: 40px auto 20px auto;
	line-height:2em;
	text-align:center;
	padding:20px 20px;
	letter-spacing:normal;
}
a.page-numbers, .page-nav .current {
	color:  #333;
	padding: .3em .5em;
	border:1px solid #ccc;
	font-size:20px;
	text-decoration:none;
}
a.page-numbers:hover {
	color:#e50012;
	background: #ebeaea;
}
.page-nav .current {
	color: #fff;
	background:#e50012;
	border-color:#e50012;
}
.page-nav a.next, .page-nav a.prev {
	color: #333;
	border:none;
	background:none;
	text-decoration:none;
}
.page-nav a.next:hover, .page-nav a.prev:hover {
	color: #e50012;
	text-decoration:none;
}
.navigation{
	overflow: hidden;
	margin: 40px auto 20px auto;
	font-size:18px;
	padding:20px 20px;
}
.navigation > div{
	width:45%;
}
.navigation .alignright{
	text-align: right;
}
.navigation a{
	display:block;
}

#side .ttl-02{
	border-bottom:none;
	padding:0px 0;
	margin:0 0 20px 0;
}
#side .post-list{
	margin-bottom:50px;
	list-style:none;
}
#side .post-list li{
	margin-bottom:10px;	
}
#side .cate-list{
	margin-bottom:50px;
	list-style:none;
}
#side .cate-list li{
	margin-bottom:10px;	
}
#side .cate-list ul.children{
	margin:20px 0 0 0;
	padding-left:20px;	
}

#side .cate-list li li.current-cat{
	font-weight:bold;	
}
.socialbutton { float: left; margin: 0 0 15px 10px; }
.facebook-button{ min-width:70px; max-width:115px; }
.twitter-button{ min-width:87px; max-width:90px; }
.hatena-button{ min-width:80px; max-width:125px; }
.gplus-button{ min-width:50px; max-width:80px; }

/* =============================================================================
   BIKE
   ========================================================================== */
   
/*商品情報一覧・タグページ*/

.category #content.bike .post,.tag #content.bike .post{
	width:240px;
	margin:10px 5px;
	float:left;
	overflow:hidden;
	position:relative;
}
.category #content.bike .post a.waku,.tag #content.bike .post a.waku{
	display:block;
	border:1px solid #fff;
	text-decoration:none;
	color:#333;
}
.category #content.bike .post a.waku:hover,.tag #content.bike .post a.waku:hover{
	border:1px dotted #e50012;
}
.category #content.bike .post h1,.tag #content.bike .post h1{
	padding:15px 10px 10px 10px;
}
.category #content.bike .post h1 .maker,.tag #content.bike .post h1 .maker{
	font-size:16px;
	font-weight:bold;
}
.category #content.bike .post h1 .model,.tag #content.bike .post h1 .model{
	font-weight:normal;
}
.category #content.bike .post .price,.tag #content.bike .post .price{
	padding:0 10px;
	text-align:right;
	font-size:20px!important;
	font-weight:bold!important;
	color:#e50012!important;
}
.category #content.bike .post p.price span,.tag #content.bike .post p.price span{
	font-size:14px;
	font-weight:normal;
}
.category #content.bike div.ta-center,.tag #content.bike div.ta-center{
	clear:both;	
	overflow:hidden;
	position:relative;
}
.category #content.bike div.ta-center a.btn-01,.tag #content.bike div.ta-center a.btn-01{
	width:200px;
	padding:10px 0;
	text-align:center;
	font-size:20px;
	margin:30px auto 0 auto;
	display:block;
}

.tagcloud-box{
	line-height: 1.6em;
	margin-bottom:50px;
	}
.tagcloud-box .tagcloud-inner{
}
.tagcloud-box li{
	display:block;
	float:left;
	margin:0 10px 10px 0;
	_margin:0 5px 10px 0;}

.tagcloud-box a,
.tagcloud-box a:link,
.tagcloud-box a:visited{
	color:#fff;
	text-decoration:none;
	padding:2px;
	background:#e50012;
	display:block;
	border:1px solid #e50012;
}

.tagcloud-box a:hover{
	color:#e50012;
	background:#fff;
}
.tagcloud-box div {
	line-height: 1.6em;
}


/*商品情報シングルページ*/

.single #content.bike .ttl-post{
	font-size:20px;
	margin-bottom:20px;
}

.single #content.bike .col-r{
	width:250px;
	marign-left:50px;	
}
.single #content.bike .col-l{
	width:700px;
	marign:0px;	
}
#content.bike .post-time{
	text-align:right;	
}
#content.bike .now{
	color:#fff;
	margin-bottom:0px;
	position:relative;
}
#content.bike .now ul{
	margin:0;
}

#content.bike .now li{
	display:block;
	float:right;
	margin:0 3px 0px 0;
	padding:5px;
	font-size:12px;
	background:#666;
}

#content.bike .entry-content hr{
	background-color:#fff;
}

.single #content.bike .post dl p{
	margin-bottom:0;
}
.single #content.bike .post dl dt{
	font-size:12px;
	border-top:1px solid #cacaca;
	color:#999;
	padding:8px 0 10px 0;
}
.single #content.bike .post dl dd{
	padding:0 0 10px 30px;
	margin:0 0 0 0;
}
.single #content.bike .post dl dd.price{
	font-weight:bold;
	color:#e60012;
	text-align:right;
	font-size:26px;
}
.single #content.bike .post table{
	line-height:1.3;
	font-size:12px;
	border:1px dotted #cacaca;
	border-bottom:none;
	margin-bottom:20px;
}

.single #content.bike .post th{
	font-size:11px;
	padding:8px 10px 8px 10px;
	width:35%;
	color:#393939;
	background:#fff;
	border-bottom:1px dotted #cacaca;
	border-top:none;
	vertical-align:middle;

}
.single #content.bike .post td{
	font-size:12px;
	padding:8px 10px 8px 10px;
	border-bottom:1px dotted #cacaca;
	border-top:none;
	background:#fff;
	vertical-align:middle;
}

.single #content.bike .post table.point th{
}
.single #content.bike .post table.point td{
	font-size:18px;
	text-align:center;
	vertical-align:middle;
	color:#e50012;
	font-weight:bold;
}

/* #pic-bike
--------------------------- */
#pic-bike {
	margin: 0;
	width: 700px;
	height: 450px;
	text-align: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
#pic-bike ul {
	top: 0;
	left: 0;
	height:450px;
	position: absolute;
	overflow: hidden;
}
#pic-bike ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
#pic-bike ul li img{
	width: 700px;
	height: auto;
}

#pic-bike-thumb{
	margin: 20px 0;
	width: 700px;
	height: 100px;
	text-align: center;
}
#pic-bike-thumb ul {
	width: 700px;
	height: 100px;
}
#pic-bike-thumb ul li {
	width: 100px;
	height: auto;
	float: left;
	cursor: pointer;
	display: inline;
}
#pic-bike-thumb ul li img{
	width: 100px;
	height: auto;
}

#pic-bike-thumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* ClearFixElements */
#pic-bike ul:after,
#pic-bike-thumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#pic-bike ul,
#pic-bike-thumb ul {
	display: inline-block;
	overflow: hidden;
}


/* single タグ　カテゴリ
--------------------------- */
.post-tag,.post-cate{
	clear:both;
	position:relative;
	overflow:hidden;
	margin:40px 0;
}
.post-tag h2,.post-cate h2{
	font-size:125%;
	margin:0 0 10px 0;
}


.post-tag li{
	display:block;
	float:left;
	margin:0 10px 10px 0;
}

.post-tag a,
.post-tag a:link,
.post-tag a:visited{
	color:#fff;
	text-decoration:none;
	padding:2px;
	background:#e50012;
	display:block;
	border:1px solid #e50012;
}

.post-tag a:hover{
	color:#e50012;
	background:#fff;
}
.post-tag li{
	display:block;
	float:left;
	margin:0 10px 10px 0;
}

.post-cate a,
.post-cate a:link,
.post-cate a:visited{
	color:#333;
	text-decoration:none;
	display:block;
}
.post-cate a:hover{
	color:#e50012;
}
.post-cate li{
	display:block;
	float:left;
	margin:0 10px 10px 0;
}



#similar-posts{
	font-size:11px;
	line-height:1.4;
	border:1px solid #fff;
	padding:0 0 20px 0;

	position;relative;
}
#similar-posts h3{
	font-size:16px;
	line-height:1.2;
	border-bottom:1px solid #fff;
	padding:10px 20px 5px 20px;
	font-weight:bold;
	margin:0 0 5px 0;
	color:#878787;
}

#similar-posts li{
	width:150px;
	display:block;
	float:left;
	margin-right:20px;
}
#similar-posts img{
	width:130px;
	height:130px;
	border:10px solid #fff;
}

/* =============================================================================
   CONTACT
   ========================================================================== */

.contact.content h2,
.faq.content h2{
	font-size: 26px;
	color: #e50012;
	padding: 0 0 30px 0;
	font-weight:normal;
	text-align:center;
}
.faq.content dl{
	width:800px;
	margin:0 auto;
	line-height:1.8;
}
.faq.content dt{
	font-size:18px;
}
.faq.content dd{
	padding:0 0 20px 40px;
	margin-bottom:20px;
	border-bottom:1px dotted #cacaca;
}
.contact.content table{
	width:900px;
	margin:0 auto 30px auto;	
}
.contact.content .bx-submit{
	text-align:center;
}
.bx-required{
	background:#e50012;
	padding:2px;
	font-weight:normal;
	color:#fff;	
}
/* =============================================================================
   ACCESS
   ========================================================================== */
.content.map img{
	margin-bottom:60px;
}
.content.map .bx-access{
	text-align:left;
	margin:0 0 0 50px;
	width:550px;
	float:right;
}
.content.map .bx-access .ttl-03{
	border-bottom:3px solid #e50012;
	padding:5px;
}
.content.map .bx-access dl{
	margin-bottom:30px;
}
.content.map .bx-access dt{
	padding:5px 5px 5px 15px;
	background:url(img/pic_maru_red.png) 0 50% no-repeat;
	font-weight:bold;
	color:#e50012;
}
.content.map .bx-access dd{
	padding:0 0 0 2em;
}




/* =============================================================================
   sns 
   ========================================================================== */
ul#fas_sns_icon{
	margin: 20px 0 50px 0;
	padding: 0; 
	display: -webkit-flex;
    	display: -moz-flex;
    	display: flex;
}
ul#fas_sns_icon li{
	list-style: none;
	width: calc(100% / 5);
	text-align: center;
}
ul#fas_sns_icon li a{
	text-decoration: none;
	display: inline-block;
	font-size: 0.8em;
	line-height: 1.4;
	letter-spacing:1px;
	color: #333;
}
ul#fas_sns_icon li a i{
	display: block;
	font-size: 3em;
	line-height: 1;
	margin-bottom: 2px;
}

#fas_sns_icon li.twitter a{ color:#55acee; }
#fas_sns_icon li.facebook-square a{ color:#315096; }
#fas_sns_icon li.line a{ color: #00c300; }
#fas_sns_icon li.amazon a{ color:#ff9900; }
#fas_sns_icon li.location-dot a{ color:#ea4335; }
#fas_sns_icon li.instagram a{ color:#e1306c; }



/* =============================================================================
   koneta 
   ========================================================================== */

#side.koneta .post-list{
	margin-bottom:50px;
	list-style:none;
}
#side.koneta .post-list li img.attachment-thumbnail{
	width:60px;
	height:auto;
	float:right;
	margin:0 0 5px 10px;
}

#side.koneta .post-list li{
	margin-bottom:10px;
	clear:both;
	padding:0 0 10px 0;
	border-bottom:1px solid #eeeeee;
	overflow:hidden;
	position:relative;
	font-size:12px;
}

#side.koneta .term-list{
	margin-bottom:50px;
	list-style:none;
}
#side.koneta .term-list li{
	margin-bottom:.5em;
}

#content.koneta .bx-term{
	margin:0 30px 30px 30px;
	display:flex;
}
#content.koneta .bx-term div{
	padding:.3em;
	margin-right:10px;
	background:#fff;
	
}