@charset "EUC-JP";

/* 共通 */

body {
	background-color: #ffffff;
	font-family:ArialMT, "Hiragino Kaku Gothic ProN", "qMmpS ProN W3";
	color: #000000;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
	-webkit-text-size-adjust:none;
}

* {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
}
ul, li, dl, dt, dd {
    list-style: none outside none;
}
img {
    vertical-align: top;
}
a img {
    border: medium none;
}
a {
    text-decoration: none;
}

a:link {
    color: #004AB8;
}
a:visited {
    color: #9900CC;
}
a:hover {
    color: #0000FF;
}
a:active {
    color: #0000FF;
}
body {
    background-color: #FFFFFF;
    color: #000000;
    font-family: ArialMT,"Hiragino Kaku Gothic ProN","qMmpS ProN W3";
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}
/*#1520 Start by liujb 20140819 GooBikeSPトップページのリニューアル*/
/*
p {
    margin: 0 0 1em;
}
*/
/*#1520 End  by liujb 20140819 GooBikeSPトップページのリニューアル*/
select option {
    padding: 0 5px;
}
input {
    margin-right: 2px;
    vertical-align: middle;
}
th, td {
    padding: 3px;
}
th {
    /*background-color: #F3F3F3;*/ /*#3337 Modified by zxy 20150423 販売店リニューアル*/
}


/* header */
#header {
    width: 100%;
}

#header table{
    position: relative;

}

#header table td.logo {
    width: 50%;
    text-align: right;
}



#header table td.used_count {
		background: url("https://img.goo-net.com/goobike/smp/top/ttl_bg.gif")  repeat scroll left center;/* #17206 MODIFY BY xa_luoys 20180102 Goobike全体のHTTPS化 */
		font-size: 11px;
		right: 0;
		top: 0;
		color: #FFFFFF;
		width: 50%;
		padding: 2 0 14px 0;
		background-size: 1px 43px;
		font-weight: bold;
		line-height:130%; 
}

#header table td.used_count span.countred {
	color: #ff9966;
	font-size: 16px;
	font-weight: bold;
}

#header table{
	width: 100%;
}

#header table.favorite_bg_box td{
	width: 33%; /*modify  by liujb 20130718 :お知らせポップアップの作成 */
	text-align: center;
	background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #e1e1e1 51%, #f1f1f1 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(50%,#eeeeee), color-stop(51%,#e1e1e1), color-stop(100%,#f1f1f1)); 
	border: 1px solid #9f9f9f;
} 

/* #17206 START BY xa_luoys 20180102 Goobike全体のHTTPS化 */
#header table.favorite_bg_box td.favorite span.icon02{
	background: url("https://img.goo-net.com/goobike/smp/top/icon_star.gif") no-repeat scroll left center;
	background-size: 13px 12px;
}

#header table.favorite_bg_box td.background span.icon02{
	background: url("https://img.goo-net.com/goobike/smp/top/icon_clock.gif") no-repeat scroll left center;
	background-size: 13px 12px;
}
/* #17206 END BY xa_luoys 20180102 Goobike全体のHTTPS化 */
/*add by liujb 20130718 start:お知らせポップアップの作成*/
#header table.favorite_bg_box td.news span.icon02{
		  background: url("../img/icon_news.gif") no-repeat scroll left center;
		  background-size: 13px 12px;
}

#header .favorite_bg_box tr .news a img{
        vertical-align: baseline;
}
/*add by liujb 20130718 end:お知らせポップアップの作成*/
#header table.favorite_bg_box td span.icon02{
	padding-left: 17px;
	color: #404040;
	font-size: 13px;
}

#header table.favorite_bg_box td.favorite{
	border-right: 1px solid #9f9f9f; /*modify  by liujb 20130718 end:お知らせポップアップの作成*/
	padding: 3px 0;
}

#header table.favorite_bg_box td.background{
	border-left: 0;
	padding: 3px 0;
}

#header table.favorite_bg_box td a{
	color: #404040;
	font-weight: bold;
	display: block;
}

/* content */

/*add by liujb 20130718 start:お知らせポップアップの作成*/
#content{
       position:relative;
}
/*add by liujb 20130718 end:お知らせポップアップの作成*/

div#content ul li.arrow {
    padding: 0 7px;
    position: relative;
    text-align: left;
}

div#content ul.campang li.arrow.bdr{
	border-bottom: 1px solid #c5c5c5;
}

div#content ul li.arrow a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    text-decoration: none;
}

div#content ul li.arrow span.icon img {
    margin: 2px 3px 0 0;
}

/* #17206 START BY xa_luoys 20180102 Goobike全体のHTTPS化 */
div#content ul li#campLi.arrow a {
    background-image: url("https://img.goo-net.com/goobike/smp/top/arrow01.gif");
    background-position: right 50%;
    background-repeat: no-repeat;
    background-size: 8px 10px;
    padding:5px 0;
}

div#content ul li#campLi.arrow a span.icon {
    display: block;
    padding: 0 0 0 50px;
    color: #000000;
    line-height: 1.3;
    font-weight: normal;
}

div#content ul li#campLi.arrow a span.type01{
    background-image: url("https://img.goo-net.com/goobike/smp/top/gooBike_icon.gif");
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    -moz-background-size: 38px 38px;
    -webkit-background-size: 38px 38px;
}

div#content ul li#campLi.arrow a span.type02{
    background-image: url("/smp/img/bros_icon.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    -moz-background-size: 38px 38px;
    -webkit-background-size: 38px 38px;
}

div#content ul li#campLi.arrow a span.type03{
    background-image: url("https://img.goo-net.com/goobike/smp/top/goo_kaitori_icon.gif");
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    -moz-background-size: 38px 38px;
    -webkit-background-size: 38px 38px;
}
/* #17206 END BY xa_luoys 20180102 Goobike全体のHTTPS化 */
/*add by zxy 20140221 start*/
div#content ul li#campLi.arrow a span.type04{
    background-image: url("/common/img/campaign_icon.gif");
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    -moz-background-size: 38px 38px;
    -webkit-background-size: 38px 38px;
}
/*add by zxy 20140221 end */

div#content ul li.arrow span.chevron {
    position: absolute;
    right: 5px;
    top: 14px;
}

div#content ul li#campLi.arrow a span.icon span.sp {
    color: #E50011;
    font-weight: bold;
}

#content h2 {
    border:1px #9f9f9f solid;
	background: -moz-linear-gradient(bottom, #d6d5d5 0%, #fefefe 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d6d5d5), color-stop(1, #fefefe));
	background: linear-gradient(bottom, #d6d5d5 0%, #fefefe 100%);
	color:#FFF;
	font-weight:bold;  
	line-height:1.6em;
	padding: 4px 0;
	color: #404040;
	font-size: 14px;
	clear: both;
}  

#content h2 span.icon{
	background: url("https://img.goo-net.com/goobike/smp/top/icon_titlebar.gif") no-repeat scroll left center;/* #17206 MODIFY BY xa_luoys 20180102 Goobike全体のHTTPS化 */
	background-size: 13px 10px;
	padding-left: 25px;
}

#content .brandList{
	width: 310px;
	margin: 0 auto 15px auto;
}

#content .brandList li {
    float: left;
    text-align: center;
    width: 77px;

}

#content .brandList li a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #000000;
    letter-spacing: -0.1em;
}

#content .brandList li.last{
	margin: 0 ;
}

#content .brandList li span.space{
	display: block;
	font-size: 14px;
	line-height: 1.2;
	margin-top: 5px;
	width: 76px;
	font-weight: bold;
}

#content p a {
/* #1520 START by MaoYX 20140820 SPリニューアル */
/*    background: url("http://img.goo-net.com/goobike/smp/top/iconArrow.gif") no-repeat scroll 98% center transparent; */
/* #1520 END by MaoYX 20140820 SPリニューアル */
    background-size: 28px 28px;
    border: 1px solid #CCCCCC;
    display: block;
    font-size: 16px;
    font-weight: bold;
/* #1520 START by MaoYX 20140820 SPリニューアル */
    line-height: 28px;
/* #1520 END by MaoYX 20140820 SPリニューアル */
    padding: 0 0 0 6px;
    color: #000000;
    letter-spacing: -0.1em;
}

div#content ul.ninkiList {
    overflow: hidden;
    margin-bottom: 15px;
}

div#content ul.ninkiList li {
    float: left;
    width: 50%;
}

div#content ul.ninkiList li a {
    border-bottom: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    color: #000000;
    display: block;
    margin: 0;
    padding: 5px;
    overflow: hidden;
}

div#content ul.ninkiList li img {
    float: left;
    margin-right: 5px;
}

div#content ul.option li {
    border-top: 1px solid #D0D0D0;
    margin: -1px 5px 0;
    text-align: left;
}

div#content ul.option li a {
    padding:10px 5px;
}

/* footer */

div#footer {
    margin: 0 0 10px;
    overflow: hidden;
    text-align: center;
}

div#footer .bold {
    font-weight: bold;
}

div#footer p.footer_logo {
    margin: 5px 0 0;
}

#footLink{
	width: 100%;
}

#footLink td {
    border: 1px solid #C2C2C2;
    line-height: 25px;
    text-align: center;
    width: 50%;
}

/* #17206 START BY xa_luoys 20180102 Goobike全体のHTTPS化 */
#footLink td a {
    background: url("https://img.goo-net.com/goobike/smp/top/arrow02.gif") no-repeat scroll 98% center transparent;
    display: block;
    background-size: 6px 7px;
    color: #363636;
}

footer p {
    padding: 8px 0 5px;
    text-align: center;
}

.mb10{
	margin-bottom: 10px;
}

.mb15{
	margin-bottom: 15px;
}

.mb20{
	margin-bottom: 20px;
}

/* 20130207追加 */

div#content ul.typemsg li{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	border-top: 0;
}

div#content ul.typemsg a{
	color: #004AB8;
	display: block;
	padding: 5px 0px;
}

div#content ul.lifestyle li{
	background: url("https://img.goo-net.com/goobike/smp/top/iconArrow.gif") no-repeat scroll 98% center transparent;
	background-size: 28px 28px;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	border-top: 0;
}

div#content ul.lifestyle a{
	display: block;
	padding: 8px 25px 8px 7px;
	color: #000000;

}

/* 20120801追加 */


div#content ul.brandList01 li{
	background: url("https://img.goo-net.com/goobike/smp/top/iconArrow.gif") no-repeat scroll 98% center transparent;
	background-size: 28px 28px;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	border-top: 0;
}

div#content ul.brandList01 a{
	display: block;
	padding:15px 25px 15px 7px;
	color: #000000;

}

div#content ul.brandList01 li img{
	padding-top: 5px;
	padding: 0 14px 0 0;
	vertical-align: -1px;
	
}

div#content ul.brandList01 li.last{
	border: 0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/* 20121213追加 */

div#content ul.brandList02 li{
	background: url("https://img.goo-net.com/goobike/smp/top/iconArrow.gif") no-repeat scroll 98% center transparent;
	background-size: 28px 28px;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	border-top: 0;
}
/* #17206 END BY xa_luoys 20180102 Goobike全体のHTTPS化 */

div#content ul.brandList02 a{
	display: block;
	padding: 8px 0 8px 7px;
	color: #000000;

}

div#content ul.brandList02 li span.text_box{
	display: inline-block;
	width: 170px;
}

div#content ul.brandList02 li img{
	padding-top: 5px;
	padding: 0 14px 0 0;
	
}

div#content ul.brandList02 li.last{
	border: 0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

div#content table.content_box{
	background: url("../img/arrow01.gif") no-repeat scroll right center transparent;
	background-size: 10px 14px;
	-moz-background-size: 10px 14px;
	-webkit-background-size: 10px 14px;
}


div#content table td.content_area{
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 10px 8px 0;
}



div#content table.content_box td.rank_type1{
	vertical-align: top;
	width: 42px;
	text-align: center;
	padding-top: 8px;
}

div#content table.content_box td.rank_type2{
	vertical-align: middle;
	width: 42px;
	text-align: center;
}

div#content table.content_box td.bike_imgarea{
	vertical-align: middle;
	width: 68px;
	text-align: center;
	padding-right: 2px;
}

div#content table.content_box td.text_area{
	font-size: 14px;
	font-weight: bold;
	padding-right: 8px;
	
}

/* //20121213追加 */

/* 20121025追加 */
div#bn1 a{
	margin-bottom: 8px;
	float: left;
	width: 50%;
	text-align: center;
}
div#bn2 a{
	margin-bottom: 8px;
	float: left;
	width: 50%;
	text-align: center;
}

.mb8{
	margin-bottom: 8px;
}

.DarkBrown{
	color: #e50011;
}

.fs16{
	font-size: 16px !important;
}

/* modify by proto 20130515追加 start :車種検索 */

.search_area{
	padding: 8px 11px 12px 11px;
	background-color: #f1f1f1;
	margin-bottom: 10px;
}

.search_area p.p_ttl{
	font-size: 14px;
	color: #004cbd;
	background: url(https://img.goo-net.com/goobike/smp/top/icon_sarch.gif) no-repeat left top;/* #17206 MODIFY BY xa_luoys 20180102 Goobike全体のHTTPS化 */
	background-size: 20px 20px;
	padding-left: 20px;
	font-weight: bold;
}


.dform{width: 100%;}

.dform .p_fL{
	background-color: #fff;
	width: 75%;
	float: left;
	border: 1px solid #b2afaf;
	border-radius:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 1px 1px 5px 1px #e6e6e6 inset;
	-moz-box-shadow: 1px 1px 5px 1px #e6e6e6 inset;
	-webkit-box-shadow: 1px 1px 5px 1px #e6e6e6 inset;
	height: 18px;
	padding: 9px 0 11px 0px;
	text-indent: 5px;
	color: #ccc;
	font-size: 16px;
}

.dform .p_fR{
	width: 22%;
	float: right;
	text-align: center;
	padding: 9px 0 6px;
	border: 1px solid #0028ce;
	border-radius:7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	height: 22px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	font-family: font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: -webkit-gradient(linear, left top,left bottom, from(#5278f8),color-stop(0.3, #103ad9),color-stop(0.7, #001aa9),to(#5278f8));
	background: -moz-linear-gradient(top, #5278f8 30%,#103ad9 49%,#001aa9 55%,#5278f8);
	
}





.search_area form{
	overflow: hidden;
	width: 100%;
}


.search_area form .searchF{
	width: 75%;
	float: left;
}

.search_area form .searchF img{padding-top: 2px;}


.search_area form .searchF input{
	width: 100%;
	border: 1px solid #b2afaf;
	border-radius:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 1px 1px 5px 1px #e6e6e6 inset;
	-moz-box-shadow: 1px 1px 5px 1px #e6e6e6 inset;
	-webkit-box-shadow: 1px 1px 5px 1px #e6e6e6 inset;
	height: 24px;
	padding: 7px 0 7px 0px;
	text-indent: 5px;
	background-color: #fff;
	font-size: 16px;
	line-height: 1.2;
}

.search_area form .searchB{
	width: 23%;
	float: right;
}

.search_area form .searchB input{
	width: 100%;
	border: 1px solid #0028ce;
	border-radius:7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	font-family: font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: -webkit-gradient(linear, left top,left bottom, from(#5278f8),color-stop(0.3, #103ad9),color-stop(0.7, #001aa9),to(#5278f8));
	background: -moz-linear-gradient(top, #5278f8 30%,#103ad9 49%,#001aa9 55%,#5278f8);
	padding-bottom: 1px;
}



.searchList_area .search_area{
	background: none !important;
	margin-bottom: 0 !important;
}

.searchList_area .cancel_btnArea{
 	border-top: 1px solid #b5bac3;
	border-bottom: 1px solid #7e91b5;
	padding: 6px 7px 5px 0;
 	background:-moz-linear-gradient(top, #d9dfec, #b5c1d8);
 	background:-webkit-gradient(linear, left top, left bottom, from(#d9dfec), to(#b5c1d8));
}

.searchList_area .cancel_btn{
	width: 87px;
	float: right;
}

.searchList_area .cancel_btn p{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#7593ec),
            color-stop(0.5, #3468f6  ),
            color-stop(0.6, #2157e4  ),
            to(#285ed5));
	background: -moz-linear-gradient(top, #7593ec,
            #3468f6 49%,
            #2157e4 50%,
            #285ed5);
            border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 3px 4px 0 #e8ebf2;
	-moz-box-shadow:0 3px 4px 0 #e8ebf2;
	-webkit-box-shadow:0 3px 4px 0 #e8ebf2;
}

.searchList_area .cancel_btn p a{
	display: inline-block;
	text-decoration: none;
	padding: 8px 4px 7px 5px;
	border: 1px solid #2c426d;
	color: #fff;
	width: 76px;
	line-height: 1.0;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: 0 3px 2px 0 #6d88d7 inset;
	-moz-box-shadow: 0 3px 2px 0 #6d88d7 inset;
	-webkit-box-shadow: 0 3px 2px 0 #6d88d7 inset;
	
	text-shadow: -1px -1px #294793;
	-moz-text-shadow: -1px -1px #294793;
	-webkit-text-shadow: -1px -1px #294793;
}


.searchList_area ul li{
	border-top: 1px solid #D0D0D0;
    margin: -1px 0 0;
    text-align: left;
}

.searchList_area ul li.arrow{
	padding: 0 5px;
    position: relative;
}

.searchList_area ul li a{
	padding: 10px 5px;
	font-size: 16px !important;
    background: url(https://img.goo-net.com/goobike/smp/arrow01.gif) no-repeat right center;/* #17206 MODIFY BY xa_luoys 20180102 Goobike全体のHTTPS化 */
    background-size: 10px 14px;
}

.searchList_area ul li.arrow a{
	display: block;
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

.searchList_area ul li.arrow .chevron{
	position: absolute;
    right: 9px;
    top: 14px;
}

.over {
   background:#E8E8E8;
 }

/* add by proto  20130515追加 end:車種検索 */
/* add by zhaoyukai 20130402 begin*/
.gFooterBtn .onBtn {
    text-align:center;
    line-height:28px;
    height:28px;
    width:50%;
    background: -moz-linear-gradient(
        top,
        #898989 0%,
        #000000);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#898989),
        to(#000000));
    -moz-border-radius:0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    border: 1px solid #000000;
    -moz-box-shadow:
        -1px 1px 1px rgba(255,255,255,0.8),
        inset -1px 1px 2px rgba(000,000,000,0.4);
    -webkit-box-shadow:
        -1px 1px 1px rgba(255,255,255,0.8),
        inset -1px 1px 2px rgba(000,000,000,0.4);
    box-shadow:
        -1px 1px 1px rgba(255,255,255,0.8),
        inset -1px 1px 2px rgba(000,000,000,0.4);
}
.gFooterBtn .onBtn a {
    color: #FFFFFF;
    display: block;
    text-shadow: 0 -1px 0 #000000, 0 1px 1px rgba(255, 255, 255, 0.8);
}
.gFooterBtn .offBtn {
    text-align:center;
    line-height:30px;
    height:30px;
    width:50%;
    color:#999999;
    background:#dfdfdf;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    -moz-box-shadow:
        -1px 1px 1px rgba(255,255,255,0.8),
        inset -1px 1px 2px rgba(000,000,000,0.4);
    -webkit-box-shadow:
        -1px 1px 1px rgba(255,255,255,0.8),
        inset -1px 1px 2px rgba(000,000,000,0.4);
    box-shadow:
        -1px 1px 1px rgba(255,255,255,0.8),
        inset -1px 1px 2px rgba(000,000,000,0.4);
    text-shadow:
        0px 1px 1px rgba(255,255,255,1),
        0px -1px 0px rgba(153,153,153,1);
}
.gFooterBtn span {
    display: table-cell;
}
.gFBtnOuter {
    padding: 10px;
}

.gFooterBtn {
    display: table;
    width: 100%;
}

/* add by zhaoyukai 20130402 end */

/* add by PDC  20140228 start :消費税増税 */
div#content ul li#campLi.arrow a span.type20140228{
    background-image: url("/smp/img/new02_icon.gif");
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 38px 16px;
    -moz-background-size: 38px 16px;
    -webkit-background-size: 38px 16px;
}
/* add by PDC  20140228 end :消費税増税 */

/* add by PDC  20140423 start */
#content p.top_btn_area {
  text-align: center;
  margin-bottom: 10px;
  display: block;
}

#content p.top_btn_area a {
  padding: 0;
  border: 0;
  background: none;
  display: inline;
}
/* add by PDC  20140423 end */


/* add by PDC  20140617 start :バイクパーツ直書き対応 */
#content h2.bikebross img{
	vertical-align:baseline;
}
#content h2.bikebross {
   display: table;
   width: 100%;
   box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
}
#content h2.bikebross span.icon {
    display: table-cell;
    width: 100%;
}
#content h2.bikebross.bikebross img {
    display: table-cell;
    padding-right: 5px;
}
div#content ul.shoppingList {
    overflow: hidden;
    margin-bottom: 15px;
}
div#content ul.shoppingList li {
    float: left;
    width: 50%;
}
div#content ul.shoppingList li a {
    border-bottom: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    color: #000000;
    display: block;
    margin: 0;
    padding: 5px;
    overflow: hidden;
		font-size:16px;
		font-weight:bold;
		position: relative;
}
div#content ul.shoppingList li a::after{
	content:"";
	display: block;
	width:10px;
	height:10px;
	border-top:1px solid #333;
	border-right:1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right:10px;
	top:50%;
	margin-top:-7px;
	}
div#content ul.shoppingList li:last-child a::after{
	content:"";
	display: block;
	width:10px;
	height:10px;
	border: none;
	-webkit-transform: none;
	transform: none;
	margin-top:0;
}
div#content ul.shoppingList li a span{
	display:block;
	margin-top:3px;
}
div#content ul.shoppingList li img {
    float: left;
    margin-right: 5px;
}
div#content ul.shoppingList li.category{
	background: url("https://img.goo-net.com/goobike/smp/top/iconArrow.gif") no-repeat scroll 98% center transparent;/* #17206 MODIFY BY xa_luoys 20180102 Goobike全体のHTTPS化 */
	-moz-background-size: 28px 28px;
  -webkit-background-size: 28px 28px;
	background-size: 28px 28px;
	font-size: 16px;
	font-weight: bold;
	width:100% !important;
}
div#content ul.shoppingList li.category a{
	padding:9px 5px;
}
/* add by PDC  20140617 end */
/* GOOBIKE_DESIGN-272 20150526 */
/* TOP */
.appBox{
	width: 100%;
	margin: 0 auto 10px;
}
.appBox .appInfo{
	display: table;
	padding: 0px 10px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #c9c9c9;
	margin-bottom: 10px;
}
.appBox .appInfo .img{
	display: table-cell;
	width: 65px;
	padding-top: 4px;
}
.appBox .appInfo dl{
	display: table-cell;
	vertical-align: top;
	width: 100%;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.appBox .appInfo dl dt{
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	margin: 8px 0 4px;
}
.appBox .appInfo dl dt span{float: left;}
.appBox .appInfo dl dt span.ttl{width: 80%;}
.appBox .appInfo dl dt span.free{
	float: right;
	display: block;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	width: 32px;
	background-color: #f4a63e;
	text-align: center;
	padding: 3px 0;
}
.appBox .appInfo dl dd{font-size: 11px;}
.appBox .appInfo dl dd p{margin-bottom: 13px;}
.appBox .appInfo dl dd div.dlBtn{
	display: block;
	background-image: linear-gradient(top, rgb(255,255,255) 50%, rgb(242,242,242) 100%);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 50%, rgb(242,242,242) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 50%, rgb(242,242,242) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 50%, rgb(242,242,242) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 50%, rgb(242,242,242) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.5, rgb(255,255,255)),
		color-stop(1, rgb(242,242,242))
	);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cccccc;
	text-align: center;
	margin-bottom: 15px;
}
/* #17206 START BY xa_luoys 20180102 Goobike全体のHTTPS化 */
.appBox .appInfo dl dd div.dlBtn a{
	display: block;
	color: #333333;
	background:url("https://img.goo-net.com/goobike/smp/img/icon_arrow_btm.png") 5% center no-repeat;
	background-size: 16px 16px;
	width: 100%;
	padding: 8px 0px 5px;
}
.appBox div.otherLink{
	font-size: 11px;
	padding-right: 10px;
}
.appBox div.otherLink a{
	display: block;
	background:url("https://img.goo-net.com/goobike/smp/img/icon_triangle.png") right center no-repeat;
	background-size: 8px 9px;
	text-align: right;
	padding: 0 12px 0 0;
	width: 116px;
	float: right;
}
/* #17206 END BY xa_luoys 20180102 Goobike全体のHTTPS化 */
.appBox div.otherLink a:visited{color: #004ab8;}
/* menu部分 */
#menu_list .appBox{
	color: #ffffff;
	margin: 10px 0 0;
}
#menu_list .appBox .appInfo{
	border: none;
	margin-bottom: 0;
}
#menu_list ul li .appBox .appInfo a{
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	padding: 8px 0px 5px;
}
#menu_list .appBox .appInfo dl dt{margin: 0 0 4px;}
#menu_list .appBox .appInfo a::after{
	border-right: hidden;
	border-top: hidden;
}
#menu_list .appBox .appInfo dl dd div.dlBtn{margin-bottom: 10px;}

/* GOOBIKE_DESIGN-383 160125 add */
.footBnrArea {
    padding: 12px 8px 0;
}
.footBnrArea ul li {
    margin-bottom: 10px;
    text-align: center;
}
/* // GOOBIKE_DESIGN-383 160125 add */
/* 20200306_追記 */
.employment {
  padding: 10px 0;
}
.employment img {
  display: block;
  width: 100%;
}
/* //20200306_追記 */

/* #34910 START 202309 ps add bike_renewal */
.mv_slider {
    min-height: 140px;
    overflow: hidden;
    background: #fff;
    opacity: 0;
    transition: opacity .3s linear;
}
.mv_slider.slick-initialized{
    opacity: 1;
}
.mv_slider img {
    width: auto;
    height: 140px;
}
.mv_slider .slide_bar {
    text-align: center;
    padding: 0;
    margin: 8px 0 4px;
}
.mv_slider .slide_bar li {
    display: inline-block;
    margin: 0 3px;
}
.mv_slider .slide_bar li button {
    position: relative;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 21px;
    height: 2px;
    background: #000;
    opacity: .2;
    transform: skew(-45deg);
}
.mv_slider .slide_bar li.slick-active button {
	background: #dc0000;
    opacity: 1;
}

/* service */
.service_content {
    background: #f4f6f8;
    padding: 12px 16px 28px;
}
.service_content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 8px;
}
.service_content .service_box {
    width: calc(100% / 2 - 4px);
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 12px 10px 8px;
    box-sizing: border-box;
}
.service_content ul.-under .service_box {
    width: calc(100% / 3 - 4px);
}
.service_content .service_box > a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.service_content .service_box > span {
    display: block;
    margin-bottom: 16px;
}
.service_content .service_box .logo_goobike img {
    width: 90px;
    height: auto;
}
.service_content .service_box .logo_goobike_kaitori img {
    width: 86px;
    height: auto;
}
.service_content ul.-under .service_box .logo_goobike img {
    width: 62px;
	height: auto;
}
.service_content .service_box .logo_motocle img {
    width: 54px;
    height: auto;
}
@media screen and (max-width:320px) {
    .mv_slider img {
        height: 121px;
    }
}
/* #34910 END //202309 ps add bike_renewal */

/*#37024 START by xa_huangt 20250617 GOOBIKE_DESIGN-1581*/
.mv_top {
  width: 100%;
  position: relative;
}
.mv_top::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 225px;
  height: 32px;
  background: url('/common/img/sp_mv_subtitle.png') no-repeat;
  background-size: 100%;
}
.mv_title img {
  width: 100%;
}
.mv_btn {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  bottom: 4%;
  width: 95%;
  left: 50%;
  transform: translateX(-50%);
}
.mv_search,
.mv_sell {
  background: #fff;
  border-radius: 8px;
  width: 50%;
}
.mv_search a,
.mv_sell a {
  display: block;
  width: 100%;
  height: auto;
  font-size: 17px;
  padding: 8px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: rgb(232, 15, 15);
  background: linear-gradient(90deg, rgba(232, 15, 15, 1) 0%, rgba(255, 126, 78, 1) 100%);
  box-sizing: border-box;
  border-radius: 8px;
  border-bottom: 4px solid #AF3131;
  position: relative;
  transition: .4s;
  line-height: 1.4;
}
.mv_sell a {
  background: rgb(18, 49, 177);
  background: linear-gradient(90deg, rgba(18, 49, 177, 1) 0%, rgba(102, 141, 230, 1) 100%);
  border-bottom: 4px solid #0F256E;
}
.mv_search a::after,
.mv_sell a::after {
  content: "";
  position: absolute;
  top: 22px;
  left: 16px;
  width: 22px;
  height: 22px;
  background: url('/common/img/icon-search.png') no-repeat;
  background-size: 100%;
}
.mv_search a::after {
  top: 25px;
}
.mv_sell a::after {
  background: url('/common/img/icon-sell.png') no-repeat;
  background-size: 100%;
  width: 27px;
  height: 26px;
}
.mv_search a::before,
.mv_sell a::before {
  content: "";
  position: absolute;
  top: 25px;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url('/common/img/icon-arrow.png') no-repeat;
  background-size: 100%;
}
.mv_search a span,
.mv_sell a span {
  font-size: 22px;
  display: block;
}
/*#37024 START by xa_huangt 20250617 GOOBIKE_DESIGN-1581*/