@charset "UTF-8";
/*
共通 clearfix
重要 !important
*/
#product_detail_spec #sub_content showsp{
display: none;
}


/*タブレット768 以下 ipad*/
@media screen and (max-width: 768px) {
.nosp{
display: none  !important;
}
.nopc{
display: block;
}
a:hover{
opacity:0.7;
}
#sub_content{
width: 100%;
margin: 0 auto;
}

p.spanker{
margin: 0 auto;
width: 98%;
text-align: center;
}



#lpwrap{
width: 100%;
}
.head_grid{
width:100%;
}
.head_grid .hg_box1{
width: 100%;
}
.head_grid imge{
text-align: center;
}

#header{
width:100%;
text-align: center;

}
#header ul#logo_area li {
float: none;
width: 100%;
margin: 0 auto;
}
#header ul#logo_area li:last-child {
float: none;
text-align: center;
}
#header ul#logo_area li:nth-child(2){
width: 100%;
}
#header ul#logo_area li.reminder img{
width: 90%;
}
#header ul#logo_area li {
text-align: center;
}




div#header_navi .content {
width: 100%;
}



/*注目キーワード
-----------------------------*/
#header_navi .attentionnotice ul{
margin: 0 outo;
position: static;
}

#header_navi .attentionnotice li{
width: 30%;
margin-right:0.5% ;
}
#header_navi .attentionnotice li a{
text-align: center;
margin-top: 5px;
width:100%;
background-color: #688EAF;
display: block;
border-radius:5px
}






/*ホットニュース
-----------------------------*/
#header_wrap #hot_news_index{
width: 100%;

}

#header_wrap #hot_news_index li.hot_news_item{
width: 100%;

}



.footer_grid{
width: 100%;
}
.footer_grid li img{
width:100%;

}
#footer{
width: 100%;
}

#footer_wrap {
height:auto;
}
#footer .footer_box{
float: none;
width:100%
}
#footer .footer_box h3{
text-align: center;
margin: 10px 0;
}
#footer .footer_box ul{
margin: 0 auto;
width: 96%;
}
#footer .footer_box ul li{
width: 49%;
float: left;
padding: 0;
margin-right: 1%;
}
#footer .footer_box ul li a{
color: #333 ;
width: 100%;
background-color: #aaa;
background-image: none;
display: block;
border-radius:5px;
line-height: 25px;
margin-top: 5px;
text-align: center;
font-size:100%
}
#footer #spBox{
margin: 20px 0;
}
#footer #spBox ul{
margin: 0 auto;
width: 96%;
}
#footer #spBox li{
padding: 0;
width: 100%;
}
#footer #spBox li a{
color: #333 ;
width: 100%;
background-color: #aaa;
background-image: none;
display: block;
border-radius:5px;
line-height: 25px;
margin-top: 5px;
text-align: center;
font-size:100%

}

/*TOPページHOT NEWS
---------------------------------*/
#header_wrap #hot_news_index{
width: 100%;
}

#pagetop{
width: 100%;
}

/*ボディー部
----------------------------*/
#container {
    width: 100%;
}
#leftcolumn{
display:none;
}
.right.colnum2#main_column{
float: left;
width: 100%;
}
/*header
----------------------------*/
ul#header_bignavi{
width: 98%;
}
ul#header_bignavi li{
width: 20%;
}
ul#header_bignavi li img{
width: 100%;
}

#top_content {
    width: 100%;
    margin-left: 0;
}
#main_column.colnum2 {
    min-width: 0;
}

/*TOP スライダー
-----------------------------*/
#ecslide #adv-custom-pager img{
}
/*TYPE MAKER
-----------------------------*/
#BikeMaker_area .top_bikemaker1{
width: 90%;
margin: 20px 5%;
padding: 0;

}
#BikeMaker_area .top_bikemaker2{
width: 90%;
margin: 20px 5%;
}
#BikeMaker_area .top_bikemaker2 img{
width:100%;
}
#BikeMaker_area .bikestyle{
margin: 0 auto;
width: 99%;
}

#BikeMaker_area ul.bikestyle li{
width: 32%;
height:100px;
text-align: center;
margin:0 0.5% 10px 0;


}
#BikeMaker_area ul.bikestyle li:nth-child(3n) {
margin:0 0 10px 0;
}

#BikeMaker_area ul.bikestyle li p{
width: 99%;
margin: 0;
font-size: 95%;
}

#BikeMaker_area ul.bikestyle li img{
width: 60%;
margin-right: 40%;
}
#BikeMaker_area ul.bk_popular {
margin: 0 auto;
width: 98%;
padding: 0;
}



#BikeMaker_area ul.bk_popular li{
width:19%;
margin-right: 1%;
}




#BikeMaker_area .select_bike img{
width: 100%;
}
#BikeMaker_area .top_maker img{
width: 100%;
}
#BikeMaker_area .top_carmaker1{
margin: 0 auto;
float: none;
width: 99%;
border-right: none;
padding: 0;
}

#BikeMaker_area .top_carmaker1 h3{
margin: 5px 0 ;
font-size :110%;
line-height: 30px;
text-align: center;
background-color: #D1F0D1;
color:#006600;
}


#BikeMaker_area .top_carmaker1 ul{
margin: 0 auto;
width:99%;
}
#BikeMaker_area .top_carmaker1 li{
float: left;
width: 24%;
margin: 5px 0.5% ;
}
#BikeMaker_area .top_carmaker1 li a{
display: block;
width :100%;
background-color: #66CC66;
line-height: 25px;
text-align: center;
font-size: 90%;
color: #006633;
border-radius:5px;
}
#top_content #tokusyuu h2 {
text-align: center;
}


#top_content #tokusyuu ul {
margin: 0 auto;
padding: 0;
width: 99%;
}
#top_content #tokusyuu ul li{
width: 48%;
margin-left: 1%;
}
#top_content #tokusyuu ul li img{
width: 100%;
}
#top_content #tokubetu_box div.img{
}
/*お客様の声
----------------------------------------------*/
#top_content #customervoice_area {
padding: 0;
margin: 10px 0;

}
#top_content #customervoice_area .title_image img{
width :100%;

}


#top_content #customervoice_area .voise_left img{
width: 100%;
}
#top_content #customervoice_area h4.voicedate{
padding: 0;
line-height: 30px;

}

#top_content #customervoice_area .voise_right{
}



/*top 特別情報
---------------------------------------------*/
#top_content #tokubetu_area a{
line-height: 25px;
margin-bottom: 5px;
border-radius:5px;
}
#top_content #tokubetu_area .wkeari a{
background-color: #7FA0C9;
color:#004293;
}

#top_content #tokubetu_area .otanosimi a{
background-color: #F9DCB2;
color: #EA8A00;
}
#top_content #tokubetu_area .oshiete a{
background-color: #D1D1D1;
color: #686868;
}
#top_content #tokubetu_area .otasuke a{
background-color: #E6CEDA;
color: #ad5c85;
}
#top_content #tokubetu_area .wkeari ,#top_content #tokubetu_area .otanosimi{
min-height: 150px;
}



/*選ばれる理由
-------------------------------*/


#top_content #why_choose {
text-align: center;
width: 99%;
margin: 0 auto;
}

#top_content #why_choose li {
height: 240px;
border: none;
padding: 0;
margin: 10px 0 ;
}
#top_content #why_choose ul div{
padding: 0 1%;
}

#top_content #why_choose li p.Right{
text-align: center;
margin-top: 5px;
}

#top_content #why_choose li a{
margin: 0 auto;
color: #666666;
width: 85%;
background-color: #C2EBC2;
background-image: none;
display: block;
border-radius:5px;
line-height: 25px;

}

/*トラブル
-------------------------------*/
#top_content #trouble_qanda {
font-size: 90%;
}

#top_content #trouble_qanda a{
color: #666666;
width: 98%;
background-color: #C2EBC2;
background-image: none;
display: block;
border-radius:5px;
line-height: 25px;
margin-top: 5px;
padding: 0;

}

/*左辺ブロック部
--------------------------------*/
.block_outer ul#bloc_image li{
float: left;
margin: 10px 2% ;
width: 33;
}
.block_outer ul#bloc_image li img{
width: 95%;
}
.block_outer #category_area ul{
margin: 0 auto;
width:98%;
}

.block_outer #category_area li {
text-align: center;
padding: 0;
margin: 0 1% 0 0;
width: 32%;
background-image: none;
float: left;
}
.block_outer #category_area li a{

color: #666666;
width: 100%;
background-color: #C2EBC2;
display: block;
border-radius:5px;
line-height: 25px;
margin-top: 5px;

}
#shopping_guide_area ul li{
float: left;
width: 32%;
margin-left: 1%;
margin-bottom: 5px;
}
#shopping_guide_area ul li img{
width: 100%;

}
.block_outer #wppost_postlist li {
list-style-image: none !important;
}

.block_outer #wppost_postlist li a {
color: #666666;
width: 100%;
background-color: #C2EBC2;
display: block;
border-radius:5px;
line-height: 25px;
margin-top: 5px;
text-align: center;
}

/*HOT NEWS  特別情報
---------------------------------------------*/
#hot_news_index_sp ul{
width: 98%;
margin: 0 auto;
}
#hot_news_index_sp ul li#hot_news_title{
    background-color: #285fa3;
    color: #fff;
    padding: 5px 0 5px 10px;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 30px;
}
#hot_news_index_sp ul li dt{
float: left;
margin-left: 10px;
}
#hot_news_index_sp ul li a{
display: block;
width: 100%;
line-height: 25px;
background-color: #C2EBC2;
color: #666666;
border-radius:5px;
margin-top: 5px;

}

/*商品一覧
---------------------------------------*/
.colnum2#main_column div.listrightbloc{
width: 65%;
}
.product_list div.ken{
margin: 0 auto;
text-align: center;
}
.product_list .pagenumber_area .change{
float: none;
}
.product_list div.listphoto{
width: 34%;
}
.product_list div.listphoto a img {
width: 100%;
}
.product_list ul#pagenumber {
margin: 0 auto;
width: 99%;
padding-bottom: 5px;

}
.product_list #pagenumber ul li{
width: 32.5%;
float: left;
line-height: 25px;
text-align: center;
color: #FFF;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
background: #5393c5;
background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
border-radius:5px;
border: 1px solid #ccc;

}
.product_list #pagenumber ul li a{
display: block;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-left: #FFF solid 1px;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
    background: #FDFDfD;
    background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));
    box-shadow: 1px 0px 1px 1px rgba(255,255,255,1) inset;
    -webkit-box-shadow: 1px 0px 1px 0px rgba(255,255,255,1) inset;
    -moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1) inset;

}
.product_list #pagenumber p{
text-align: center;
margin: 10px;
}
.product_list #pagenumber .navi{
text-align: center;
padding-bottom: 10px;
}
.product_list #pagenumber .navi strong{
float: left;
display: block;
width:12%;
}
{
}
.product_list #pagenumber .navi a{
margin-right: 0.1%;
display: block;
width: 12%;
float: left;
background-color:  #5393c5;
color: #fff;
border-radius:5px;
font-size: 90%;
overflow: hidden;
}
/*ブロック
-----------------------------------------*/
/*購入前*/
div.shopping_attention img{
width: 100%;
}
/*商品詳細
-------------------------------------*/
#main_column.colnum2 div#detailphotobloc{
float: none;
width: 99%;
margin: 0 auto;

}
.colnum2#main_column #detailrightbloc{
float: none;
width: 99%;
margin: 0 auto ;
}
#detailrightbloc ul{
width: 99%;
margin: 0 auto ;
padding-bottom: 20px;
}
#AdditionalFees #AddFee li{
text-align: center;
}
#SocialMedia #social_media{

width: 98%;
}
/* 商品詳細スペック
------------------*/
#product_detail_spec #sub_content .showpc{
display: none;
width: auto;

}
#product_detail_spec #sub_content .showsp{
display: block;

}

}/*750*/

/*タブレット580 以下*/
@media screen and (max-width: 580px) {
/*フッター
------------------------------------*/
#footer_wrap_top .footer_grid ul li{
width: 100%;
float: none;
text-align: center !important;
}
#footer_wrap_top .footer_grid ul li img{
width: auto;
}

#top_content #customervoice_area .voise_left{
width: 20%;
}
#top_content #customervoice_area .voise_right{
width: 80%;
margin: 0 ;
font-size:90%;
}
#top_content #customervoice_area .voise_right img{
width: 40%;
}
#top_content #customervoice_area div.floatR{
float: none;
}

}/*580*/


/*タブレット480 以下*/
@media screen and (max-width: 480px) {
h2 .title, h2.title {
font-size: 100%;
}
/*パンくず
----------------------------------------------*/
div.breadcrumb{
  font-size: 75%;
}
/*フター
---------------------------------------------*/
#footer .footer_box ul li a{
font-size: 80%;
}
ul#header_bignavi li{
width: 25%;
}
ul.hg_box3 li{
width: 19%;
max-width: 80px;
min-width: 60px;
height: 77px;
line-height: 20px;
}
#BikeMaker_area ul.bikestyle li{
width: 49%;
height: 110px;
}
#BikeMaker_area ul.bk_popular li{
width:24%;
}

#BikeMaker_area .top_carmaker1 li{
width: 32%;
}

/*選ばれる理由
-------------------------------*/
#top_content #why_choose li {
float: none;
width: 100%;
height: auto;
}
#top_content #why_choose li img{
width: auto;
}
#top_content #why_choose ul div {
height: auto;

}
/*トラブル　&　QANDA
------------------------------------------------*/
#top_content #trouble_qanda div{
float: none;
width: 100%;
}
#top_content #trouble_qanda a{
padding-left: 1%;
}
/*top 特別情報
---------------------------------------------*/
#top_content #tokubetu_area ul li{
float: none;
width: 100%;
min-height: 0 !important;
}
}/*480*/
/*SPHON 420 以下 特殊　*/
@media screen and (max-width: 420px) {
/*商品詳細
-------------------------------------*/
#main_column.colnum2 div#detailphotobloc .photo img{
width: 99%;
}
}/*420*/
/*SPHON 380 以下*/
@media screen and (max-width: 380px) {
/*フッター
------------------------------------*/
#footer_wrap_top .footer_grid ul li img{
width: 100%;
}
#BikeMaker_area .top_carmaker1 li{
width: 49%;
}
#header_navi .attentionnotice ul li {
width: 45%;
}
#BikeMaker_area ul.bikestyle li{
width: 96%;
float: none;
margin: 0 auto;
margin-bottom: 10px;
height: auto;
}

}/*380*/



/*SPHON 320 以下*/
@media screen and (max-width: 320px) {
/*ヘッター
------------------------*/
.head_grid .hg_box1 img{
width: 100%;
}


ul#header_bignavi li{
width: 33%;
}
ul.hg_box3 li{
width: 19%;
}
#BikeMaker_area ul.bk_popular li{
width:32%;
}

ul.hg_box3 li{
min-width:auto;
}
/*商品詳細
----------------------------------*/
#AdditionalFees #AddFee li img{
width: 100%;
}
}/*320*/