@charset "UTF-8";
@font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-search:before {
  content: "\f002"
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-navicon:before,.fa-reorder:before,.fa-bars:before {
  content: "\f0c9"
}

.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-star:before {
    content: "\f005";
}
.fa-file-text:before {
    content: "\f15c";
}

/*---------------------------------------
共通
----------------------------------------*/
.header_block{
    background: #fff;
}
header .logo {
    display: inline-block;
    margin: 7px 0 0 7px;
    vertical-align: top;
    position: relative;
}
header .menu_btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 12px;
    text-align: center;
    width: 64px;
    height: 54px;
}
header .menu_btn i {
    font-size: 22rem;
    position: relative;
    width: 19px;
    height: 22px;
}
header .menu_btn i:after {
    content: "\30E1\30CB\30E5\30FC";
    font-family: "メイリオ", Meiryo, Osaka, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 10rem;
    display: block;
    font-weight: bold;
    transform: scale(0.85);
    margin: -2px 0 0;
    position: absolute;
    top: 22px;
    left: -11px;
    width: 40px;
}
.shopping_logo{
    display: inline;
}
/*ロゴ横アイコンメニュー*/
.header_top_icon_block {
    width: calc(100% - (117px + 64px));
    display: inline-block;
    margin: 7px auto;
}

.g_header_info_close {
    border: 1px solid #e61e25;
    color: #e61e25;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0;
    width: 90%;
}

.g_header_info .g_header_account_inner {
    top: 100vh;
    background: #fff;
    color: #000;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100001;
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding-left: 0;
    transform: translateY(100%);
    transition: .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    padding: 10px;
}

.g_header_account_inner.open ul {
    margin: 20px 0;
}

.g_header_account_inner.open {
    transform: translateY(0);
    top: 0;
    overflow: scroll;
}
.header_top_icon_list {
    max-width: 40px;
    margin: 0 5px;
}
.g_header_account_heading {
    background: #efefef;
    padding: 4px;
    text-align: center;
    color: #333;
    font-size: 24px;
}
.g_header_info_list {
    font-size: 12px;
    margin: 0 auto;
}
.g_header_info_list .title {
    font-weight: bold;
}
.g_header_info_list .text {
    display: block;
    padding: 3px 0 0 23px;
}
.g_header_info_list:before {
    content: "";
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    background-size: contain;
    margin: 0 2px 0 0;
}
.g_header_info_list.-news:before {
    background-image: url(https://img.webike.net/img/icon_megaphone_color_x150.png);
}
.g_header_info_list.-alert:before {
    background-image: url(https://img.webike.net/img/icon_alert_color_x150.png);
}

li.header_top_icon_list .g_header_account_inner a{
    padding: 5px 5px 5px 0;
    display: inline;
}


.header_top_icon_inner {
    display: flex;
    justify-content: flex-end;
}
li.header_top_icon_list a {
    padding-top: 100%;
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
}
.header_top_icon_list .icon_img {
    max-width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    border-radius: 25px;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
}
.header_top_icon_number {
    position: absolute;
    top: -2px;
    right: -6px;
    background: #f00;
    color: #fff;
    border-radius: 11px;
    line-height: 10px;
    font-size: 10px;
    padding: 2px;
    width: 21px;
    height: 10px;
    text-align: center;
}
/*アカウント情報*/
.header_account_block {
    display: flex;
    align-items: center;
    padding: 10px;
    border-top: 1px solid #ccc;
    position: relative;
    background: #fff;
}
.header_account_inner_icon {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    border: #ddd 1px solid;
    box-sizing: border-box;
}
.header_account_icon_img {
    object-fit: cover;
    width: 30px;
    height: 30px;
}
.header_account_name{
font-size: 12px;
line-height: 14px;
margin-bottom: 2px;

}
.header_account_block .icon_circle,
.header_account_block .icon_square{
width: 40px;
height: 40px;
min-width: 40px;
margin: 0 0 0 5px;
border-radius: 0;
border: 1px solid #ccc;
overflow: hidden;
}
/*名前とポイント*/
.name_info_inner{
    display: flex;
    width: calc(100% - 45px);
    align-items: center;
}
.header_account_inner_detail {
    max-width: 150px;
    display: inline-table;
}
.header_account_point{
    min-width: max-content;
}
.header_account_point_img {
    width: 18px;
    display: inline-block;
    vertical-align: middle;
}
.header_account_point_number {
    margin: 0 4px 0 0;
}
/*テキスト部分*/
.header_account_inner_text {
  font-size: 11px;
  position: relative;
  display: inline-block;
  padding: 2px 6px;
  max-width: 100%;
  color: #555;
  background: #FFF;
  border: solid 1px #555;
  box-sizing: border-box;
  margin: 0 0 0 10px;
  line-height: 1.3;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.header_account_inner_text:before {
      content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 10px solid #FFF;
    z-index: 2;
}
.header_account_inner_text:after {
   content: "";
    position: absolute;
    top: 50%;
    left: -14px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 9px solid #555;
    z-index: 1;
}
/*alert*/
.header_account_inner_text.-alert {
    color: #f00;
    border: solid 1px #f00;
}
.header_account_inner_text.-alert a{
    color: #f00;
}
.header_account_inner_text.-alert:after {
    border-right: 9px solid #f00;
}
.header_account_inner_text.-appeal {
    color: #318acc;
    border: solid 1px #318acc;
}
.header_account_inner_text.-appeal a{
    color: #318acc;
}
.header_account_inner_text.-appeal:after {
    border-right: 9px solid #318acc;
}
.header_account_block .icon_square{
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin: 0 0 0 5px;
    border: 1px solid #ccc;
    overflow: hidden;
}
.header_account_block .icon_circle{
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin: 0 0 0 5px;
    border-radius: 20px;
    border: 1px solid #ccc;
    overflow: hidden;
}
.header_account_block .icon_square .my_bike_open, 
.header_account_block .icon_circle .my_bike_open{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.header_account_block .icon_square .my_bike_link_list, 
.header_account_block .icon_circle .my_bike_link_list{
    top: 100vh;
    background: #fff;
    display: block;
    color: #000;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100001;
    flex-direction: column;
    justify-content: start;
    transform: translateY(100%);
    max-height: 100%;
    transition: .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    padding: 10px;
}
.my_bike_link_list.open ul {
    margin: 20px 0;
    max-height: 23em;
    overflow: scroll;
}
.icon_circle .my_bike_link_list.open ul {
    max-height: 23em;
    overflow: scroll;
}
.header_account_block .icon_square .my_bike_link_list.open, 
.header_account_block .icon_circle .my_bike_link_list.open {
    transform: translateY(0);
    top: 0;
    overflow: scroll;
}
.header_account_block .icon_square .my_bike_link_list li, 
.header_account_block .icon_circle .my_bike_link_list li{
    margin: 5px 0 0;
    display: flex;
    align-items: center;
}
.header_account_block .icon_square .my_bike_link_list li span, 
.header_account_block .icon_circle .my_bike_link_list li span{
    display: flex;
    align-items: center;
    width: calc(100% - 43px);
    white-space: nowrap;
    overflow: hidden;
    text-decoration: underline;
}
.header_account_block .icon_square .my_bike_link_list li span a,
.header_account_block .icon_circle .my_bike_link_list li span a{
    color: #333;
    display: flex;
    align-items: center;
}
.header_account_block .icon_square .my_bike_link_list img,
.header_account_block .icon_circle .my_bike_link_list img{
    width: 40px;
    height: 40px;
    min-width: 40px;
    object-fit: contain;
    margin: 0 5px 0 0 ;
}
.header_account_block .icon_square .my_bike_link_list .my_bike_editing,
.header_account_block .icon_circle .my_bike_link_list .my_bike_editing {
    border: 1px solid #416090;
    padding: 3px;
    color: #416090;
    margin: 0 0 0 5px;
    display: block;
    width: 40px;
    text-align: center;
    line-height: 1.3em;
}
.my_bike_link_list .my_bike_registration {
    padding: 10px 0;
    border-top: 1px solid #ddd;
}
.my_bike_link_list .my_bike_registration a {
    display: flex;
    color: #333;
    align-items: center;
}
.header_account_block .icon_square .my_bike_link_list .my_bike_registration span,
.header_account_block .icon_circle .my_bike_link_list .my_bike_registration span {
    margin: 0 5px 0 0;
    border: 1px solid #ddd;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff url(https://img.webike.net/img/icon_add_mybike_x64.png) no-repeat;
    background-size: cover;
}
/*ログアウト状態*/
.header_account_block.-logout {
    justify-content: space-between;
}
.header_account_block.-logout button {
    font-size: 14px;
    width: calc(50% - 10px);
    height: 41px;
    border: none;
    border-radius: 50px;
    padding: 10px 0;
}
.header_account_block.-logout .log_in {
    background: #e61e25;
    color: #fff;
}
.header_account_block.-logout .sign_up {
    background: #ffcc00;
}

/*並列ナビ*/
.common_nav_block {
    position: relative;
    overflow-x: scroll;
}
.common_nav_inner {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.common_nav_list {
    background: #fff;
    width: 22vw;
}
.common_nav_list_link {
    display: block;
    color: #000;
    font-size: 11rem;
    font-weight: normal;
    padding: 0 0 10px;
}
.common_nav_list_img {
    display: block;
    width: 100%;
    max-width: 50px;
    height: auto;
    margin: 0 auto;
}
/*ハンバーガーメニュー*/
.sp_slide_menu .menu_btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 12px;
    text-align: center;
}
.sp_slide_menu .menu_btn i:after {
    content: "\30E1\30CB\30E5\30FC";
    font-family: "メイリオ", Meiryo, Osaka, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 10rem;
    display: block;
    font-weight: bold;
    transform: scale(0.85);
    margin: -2px 0 0;
}
.sp_slide_menu .menu_btn i {
    font-size: 22rem;
}
.sp_slide_menu .menu_btn.active {
    background: #333;
}
.sp_slide_menu .menu_btn.active span, .sp_slide_menu .menu_btn.active i {
    color: #fff;
}
.sp_slide_menu .close_btn {
    display: none;
    color: #fff;
    font-size: 35rem;
    z-index: 1000000;
    position: absolute;
    right: 83%;
    top: 8px;
}
 @keyframes m_slide_in {
 from {
 -webkit-transform: translateX(80%);
}
to {
    -webkit-transform: translateX(0);
}
}
 @keyframes m_slide_out {
 from {
 -webkit-transform: translateX(0);
 right: 0;
}
to {
    -webkit-transform: translateX(80%);
    right: -100%;
}
}
.sp_slide_menu .menu_items {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1000000;
    width: 80%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;/*box-shadow: -2px 0 15px 2px rgba(0,0,0,0.2);*/
}
.sp_slide_menu .menu_items.show {
    display: block;
    right: 0;
    animation: m_slide_in 0.2s ease-in-out;
}
.sp_slide_menu .menu_items.hide {
    display: block;
    right: -100%;
    animation: m_slide_out 0.2s ease-in-out;
}
.sp_slide_menu .menu_items .no_login {
    text-align: center;
    padding: 15px 0 0;
}
.sp_slide_menu .menu_items .no_login li {
    margin: 0 0 10px;
}
.sp_slide_menu .menu_items .no_login li a {
    color: #318acc;
}
.sp_slide_menu .menu_items .no_login li.btn a {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eee));
    background: -moz-linear-gradient(#fff, #eee);
    background: -webkit-linear-gradient(#fff, #eee);
    background: -o-linear-gradient(#fff, #eee);
    background: linear-gradient(#ffffff, #eeeeee);
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    padding: 12px 10px;
 color: #333!;
    font-weight: bold;
    line-height: 1;
    width: 150px;
}
.sp_slide_menu .menu_items .no_login li.btn.entry a {
    background: #ffa442;
    background: -webkit-linear-gradient(bottom, #ffa442, #ff7401);
    background: -moz-linear-gradient(bottom, #ffa442, #ff7401);
    background: -webkit-linear-gradient(#ffa442, #ff7401);
    background: -o-linear-gradient(bottom, #ffa442, #ff7401);
    background: -ms-linear-gradient(bottom, #ffa442, #ff7401);
    border: 1px solid #ff7401;
    color: #fff;
}
.sp_slide_menu .menu_items .no_login .y_btn {
    border-top: 1px solid #eee;
    padding: 15px 0 0;
    margin: 10px auto 0;
    max-width: 200px;
}
.sp_slide_menu .menu_items .no_login .y_btn div span {
    font-size: 12rem;
    margin: 0 0 3px;
    display: inline-block;
}
.sp_slide_menu .menu_items .no_login .y_btn div a img {
    max-width: 200px;
}
.sp_slide_menu .menu_items .no_login .y_btn p a {
    font-size: 12rem;
    margin: 10px 0 0;
    display: inline-block;
}
.sp_slide_menu .menu_items dl {
    font-size: 14rem;
    border-top: 1px solid #eee;
    border-bottom: 10px solid #aaa;
}
.sp_slide_menu .menu_items dl dt {
    color: #555;
    background: #efefef;
    font-weight: bold;
    padding: 10px;
    border-left: 3px solid #e61e25;
    margin: -1px 0 0;
}
.sp_slide_menu .menu_items dl dd {
    border-bottom: 1px solid #eee;
    font-size: 16rem;
}
.sp_slide_menu .menu_items dl dd:last-child {
    border-bottom: none;
}
.sp_slide_menu .menu_items dl dd > a {
    display: block;
    position: relative;
}
.sp_slide_menu .menu_items .with_icon dd > a {
    padding: 10px 30px 10px 10px;
    color: #333;
    font-weight: normal;
}
.sp_slide_menu .menu_items .without_icon dd > a {
    padding: 15px;
    color: #333;
    font-weight: normal;
}
.sp_slide_menu .menu_items dl dd.ex > a {
    padding: 8px 15px;
}
.sp_slide_menu .menu_items dl dd a:after {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    color: #ddd;
    font-size: 20rem;
}
.sp_slide_menu .menu_items dl dd a[target="_blank"]:after {
    content: '\f24d';
    font-size: 15rem;
    margin-top: -7px;
    right: 18px;
}
.sp_slide_menu .menu_items dl dd a.toggle:after {
    content: '\f067';
    color: #555;
    font-size: 16rem;
    font-family: FontAwesome;
    font-weight: bold;
    right: 17px;
}
.sp_slide_menu .menu_items dl dd a.toggle.open:after {
    content: '\f068';
}
.sp_slide_menu .menu_items dl dd span {
    font-size: 10rem;
    color: #aaa;
    display: block;
    margin: 4px 0 0;
}
.sp_slide_menu .menu_items dl dd ul {
    border: 1px solid #ddd;
    border-bottom: none;
    margin: 0 15px 15px;
}
.sp_slide_menu .menu_items dl dd ul li {
    border-bottom: 1px solid #ddd;
    font-size: 14rem;
    line-height: 1.2;
}
.sp_slide_menu .menu_items dl dd ul li a {
    position: relative;
    padding: 12px 27px 12px 12px;
    display: block;
    color: #333;
}
.sp_slide_menu .menu_items dl dd ul li a:after {
    right: 15px;
    top: 50%;
    margin-top: -10px;
    font-size: 16rem;
}
.sp_slide_menu .overlay,.sp_header .overlay,header .overlay {
    background: rgba(42, 49, 60, 0.5);
    opacity: 0.65;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 999999;
}
header .logo h1, header .logo p {
    font-size: 8rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 117px;
}
.sp_slide_menu .menu_items dl img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 10px;
    border: 1px solid #efefef;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
}
header {
    height: 50px;
    position: relative;
}
header .logo {
    display: inline-block;
    margin: 7px 0 0 7px;
    vertical-align: top;
    position: relative;
}
header .close_btn {
    display: none;
    color: #fff;
    font-size: 35rem;
    z-index: 100;
    position: absolute;
    right: 83%;
    top: 8px;
}

/*名前・ポイント部分*/
p.rank_level_text{
    display: grid;
}
.sp_slide_menu .rank_detail_inner {
    display: flex;
    display: none;
    justify-content: space-between;
    align-items: center;
}
.sp_slide_menu .point_block {
    margin:0 auto 26px;
}
.sp_slide_menu .point_name_block {
    text-align: center;
    padding: 14px 0px;
    background: #efefef;
    font-size: 18rem;
    font-weight: bold;
}
.sp_slide_menu .point_detail_block {
    margin: 20px 10px;
}
.sp_slide_menu .point_detail_inner {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.sp_slide_menu .point_detail_title {
    width: 130px;
}
.sp_slide_menu .point_detail_text {
    align-items: center;
}
.sp_slide_menu .point_detail_text .point_icon {
    max-width: 18px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 4px 0 0;
}
.sp_slide_menu .point_detail_inner.point_lost {
    font-size: 12rem;
    color: #767676;
    margin: 6px auto 0;
}
.sp_slide_menu .point_check {
    display: block;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #e61e25;
    padding: 6px 2px;
    border-radius: 5px;
    color: #e61e25;
}


/*ハンバーガー内グローバルメニュー*/
.sp_slide_menu .menu_items .grobal_menu_inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.sp_slide_menu .grobal_menu_list {
    width: 25%;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.sp_slide_menu .grobal_menu_list a{
    color: #333;
    display: block;
    padding: 3px;
}
li.grobal_menu_list:nth-child(4n) {
    border-right: none;
}
.sp_slide_menu .grobal_menu_list_icon {
    display: block;
    margin: 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    vertical-align: middle;
}
.sp_slide_menu .grobal_menu_list a:after{
    content: none !important;
}
.slide_menu_portal_logo {
    padding: 40px 0;
    text-align: center;
}
/*ログアウト時*/
.sp_slide_menu .login_block_name {
    text-align: center;
    padding: 14px 0px;
    font-size: 18rem;
    font-weight: bold;
    border-bottom: 2px solid #efefef;
}
.sp_slide_menu .login_block_button {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}
.sp_slide_menu .login_block_button .log_in {
    background: #e61e25;
    color: #fff;
}
.sp_slide_menu .login_block_button button {
    font-size: 14px;
    width: calc(50% - 10px);
    border: none;
    border-radius: 50px;
    padding: 10px 0;
}
.sp_slide_menu .login_block_button .log_in {
    background: #e61e25;
    color: #fff;
}
.sp_slide_menu .login_block_button .sign_up {
    background: #ffcc00;
}
.sp_slide_menu .y_btn {
    padding: 10px;
    background: #efefef;
    font-size: 12rem;
    text-align: center;
    line-height: 1.5em;
}
.sp_slide_menu .y_btn a{
    color: #015ba7;
    display: block;
}
.sp_slide_menu .y_btn a#yahooLoginCh{
    margin: 5px auto 20px;
}
.sp_slide_menu .y_btn_img {
    max-width: 200px;
    width: 90%;
    vertical-align: bottom;
}

/*キーワード検索*/
#search_box {
    background: #efefef;
    margin: 0 auto 10px;
}
.item_search {
    margin: 10px auto 0;
}
#search_box form {
    border: 1px solid #333;
    display: flex;
}
#search_box select {
    border: none;
    font-size: 14px;
    height: 30px;
    background: #fff;
    width: 100%;
}
#search_box .key_box_list input[type=submit] {
    width: 30px;
    height: 30px;
    background: url(https://img.webike.net/img/w_spng_sp_search_submit.png) #318acc no-repeat center;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    border: none;
    text-indent: -9999pt;
}
#search_box .key_box_list input[type=search] {
    border-top: none;
    border-right: none;
    border-bottom: none;
    height: 30px;
    width: calc(100% - 30px);
}
.search_box_inner {
    padding: 10px;
    margin: 0 auto 10px;
}
#search_box .submit {
    width: 30px;
    position: absolute;
    top: 0;
    right:0;
}
.item_serect {
    width: 40%;
}
.key_box {
    width: 60%;
    position: relative;
}
.bike_model {
    text-align: center;
    display: block;
    padding: 8px 4px;
    background: #fff;
    border: 1px solid #333;
    border-radius: 20px;
}
/* 検索
=========================*/

#search .left {
    display: table-cell;
    background: #eee;
    padding: 10px;
    margin: 0 86px 0 0;
    width: 100%;
}
#search .left div select {
    font-size: 14rem;
    width: 100%;
    height: 30px;
    padding: 0 0 0 5px;
    margin: 0 0 5px;
    border: 1px solid #aaa;
    background: url(//img.webike.net/img/w_spng_sp_search_arrow.png) #fff no-repeat right center;
    -moz-background-size: 20px 10px;
    -o-background-size: 20px 10px;
    -webkit-background-size: 20px 10px;
    background-size: 20px 10px;
}
#search .left ul {
    display: table;
    width: 100%;
}
#search .left ul li {
    display: table-cell;
    vertical-align: middle;
}
#search .left ul li input[type=search] {
    font-size: 14rem;
    width: 100%;
    height: 30px;
    padding: 0 0 0 5px;
    border: 1px solid #aaa;
    border-right: 0;
}
 #search .left ul li input[type=search]::-webkit-input-placeholder {
 color: #aaa;
}
#search .left ul li input[type=submit], #search .left ul li input[type=button] {
    width: 30px;
    height: 30px;
    background: url(//img.webike.net/img/w_spng_sp_search_submit.png) #318acc no-repeat center;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    border: none;
    text-indent: -9999pt;
}
#search .left ul li.submit {
    width: 30px;
}
#search .right {
    display: table-cell;
    background: #eee;
    padding: 10px;
    vertical-align: middle;
}
#search .right a {
    background: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eee));
    background: -moz-linear-gradient(#fff, #eee);
    background: -webkit-linear-gradient(#fff, #eee);
    background: -o-linear-gradient(#fff, #eee);
    background: linear-gradient(#ffffff, #eeeeee);
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    font-size: 12rem;
    width: 65px;
    height: 65px;
    border: 1px solid #ccc;
    vertical-align: middle;
    padding: 18px 0 0;
    line-height: 1.2;
}

/*---------------------------------------
shopping
----------------------------------------*/
/*ロゴ横アイコンメニュー*/
.header_top_icon_list_shopping {
    width: calc(100%/3 - 5px);
}
/*---------------------------------------
moto_search
----------------------------------------*/
main#panel {
    z-index: 99999;
}
.my_bike_link_list ul li span a {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.sp_slide_menu .point_detail_text .rank_icon {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    background-size: contain;
    vertical-align: middle;
}
.grobal_menu div {
    color: #555;
    background: #efefef;
    font-weight: bold;
    padding: 10px;
    border-left: 3px solid #e61e25;
    margin: -1px 0 0;
}
/*---------------------------------------
shopping 20201117
----------------------------------------*/
#search.shopping_search .left{
    background: #fff;
    height: 60px;
}
#search.shopping_search .left ul li input[type=search]{
    height: 40px;
}
#search.shopping_search .left ul li input[type=submit], #search .left ul li input[type=button]{
    height: 40px;
    width: 40px;
    background: url(https://img.webike.net/img/w_spng_sp_search_submit.png) #e61e25 no-repeat center;
    background-size: 20px 20px;
}
#search.shopping_search .right{
    background: #fff;
    height: 60px;
}
#search.shopping_search .right .model_search{
    background: #e61e25;
    color: #fff;
    width: 80px;
    height: 40px;
    line-height: 20px;
    padding: 0;
    border: none;
}
.shopping_nav .shopping_nav_inner{
    background: #efefef;
    display: flex !important;
    border-top: 9px #efefef solid;
    border-bottom: 9px #efefef solid;
    margin-top: 5px;
    min-width: 846px;
}
.shopping_nav{
    overflow: scroll;
}
.shopping_nav .shopping_nav_inner .shopping_nav_list_link{
    color: #333;
    background: #efefef;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: normal;
}

.shopping_nav .shopping_nav_inner .shopping_nav_list{
    border-left: 1px solid #cecece;
    background: #fff;
    display: block;
    min-width: max-content;
}
.shopping_nav .shopping_nav_inner .shopping_nav_list:first-child{
    border-left: none;
}

.g_header_bike_search,
.g_header_bike_search.modal,
.g_header_category_search.modal{
    top: 100vh;
    background: #fff;
    color: #000;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100001;
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding-left: 0;
    transform: translateY(100%);
    transition: .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    padding: 10px;
}
.g_header_bike_search.open,
.g_header_category_search.open{
    transform: translateY(0);
    top: 0;
    overflow: scroll;
}
.g_header_bike_search.modal .inner,
.g_header_category_search.modal .inner{
    position: relative;
}
.g_header_bike_search.modal .inner .form_ui,
.g_header_category_search.modal .inner .form_ui{
    margin: 20px 0;
}
.g_header_bike_search.modal .inner .title,
.g_header_category_search.modal .inner .title{
    margin: 0;
    border: none;
    background: #efefef;
    font-size: 24px;
    font-weight: normal;
    padding: 4px;
    text-align: center;
}
.g_header_bike_search_close,.g_header_category_search_close{
    border: 1px solid #e61e25;
    color: #e61e25;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 5px 0;
    width: 90%;
}
/*カテゴリーから探す*/
.g_header_category_search table {
    margin: 20px auto;
}
.g_header_category_search table td{
    border: 1px dashed #ccc;
    width: 50%;
}
.g_header_category_search td[class*="cat_"] a {
    background: url(https://img.webike.net/sys_images/shoppingtop/icon_category_2020rn.png) no-repeat;
    width: 100%;
    min-height: 60px;
    background-size: 60px;
    padding: 10px 10px 10px 60px;
    margin: 0;
    display: flex;
    align-items: center;
}
.g_header_category_search td.cat_all a{
    background: none;
    padding: 10px;
    justify-content: center;
}
.g_header_category_search td.cat_2 a {
    background-position: 0 -60px;
}
.g_header_category_search td.cat_3 a {
    background-position: 0 -120px;
}
.g_header_category_search td.cat_4 a {
    background-position: 0 -180px;
}
.g_header_category_search td.cat_5 a {
    background-position: 0 -240px;
}
.g_header_category_search td.cat_6 a {
    background-position: 0 -300px;
}
.g_header_category_search td.cat_7 a {
    background-position: 0 -360px;
}
.g_header_category_search td.cat_8 a {
    background-position: 0 -420px;
}
.g_header_category_search td.cat_9 a {
    background-position: 0 -480px;
}
.g_header_category_search td.cat_10 a {
    background-position: 0 -540px;
}
.g_header_category_search td.cat_11 a {
    background-position: 0 -600px;
}
.g_header_category_search td.cat_12 a{
    background-position: 0 -660px;
}
nav .sale_pop {
font-size: 12rem;
font-weight: bold;
color: #fff;
background-color: #e61e25;
width: 60px;
text-align: center;
border-radius: 20px;
position: absolute;
bottom: 27px;
left: 8px;
}

/* 検索サジェスト
=========================*/

#search_suggest {
    display: none;
    position: relative;
    z-index: 98;
}
#search_suggest .words {
    width: 100%;
}
#search_suggest .words ul {
    background: #fff;
    border-bottom: #ccc 2px solid;
}
#search_suggest .words ul li {
    border-bottom: #eee 1px solid;
}
#search_suggest .words ul li a {
    text-decoration: none;
    display: block;
    padding: 12px;
    color: #333;
}
#search_suggest .words ul li a span {
    font-size: 11rem;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px 4px;
}
#search_suggest .words ul li a span.ss_brand {
    background: #47b8b3;
}
#search_suggest .words ul li a span.ss_category {
    background: #f85f79;
}
#search_suggest .words ul li a span.ss_bike {
    background: #2c7eda;
}
#search_suggest .words ul li:last-child {
    border: none;
}
#search_suggest li.more {
    padding: 3px;
    color: #c71444;
}

/* 検索サジェスト - 純正見積もり
=========================*/
.search_suggest_genuine li {
    border-bottom: solid;
    border-bottom-color: darkkhaki;
    border-bottom-width: 1px;
    text-align-last : left;
}

.search_suggest_genuine .genuine_suggest_list {
    padding: 10px;
}

.search_suggest_genuine {
    background-color: #FFF;
}

#search_moto_suggest {
    display: none;
    position: relative;
    z-index: 98;
}
#search_moto_suggest .words {
    width: 100%;
}
#search_moto_suggest .words ul {
    background: #fff;
    border-bottom: #ccc 2px solid;
}
#search_moto_suggest .words ul li {
    border-bottom: #eee 1px solid;
}
#search_moto_suggest .words ul li a {
    text-decoration: none;
    display: block;
    padding: 12px;
    color: #333;
}
#search_moto_suggest .words ul li a span {
    font-size: 11rem;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px 4px;
}
#search_moto_suggest .words ul li a span.ss_brand {
    background: #47b8b3;
}
#search_moto_suggest .words ul li a span.ss_category {
    background: #f85f79;
}
#search_moto_suggest .words ul li a span.ss_bike {
    background: #2c7eda;
}
#search_moto_suggest .words ul li:last-child {
    border: none;
}
#search_moto_suggest li.more {
    padding: 3px;
    color: #c71444;
}

/*webike plus header logo*/
#w_plus header {
    height: auto;
    position: relative;
}
.wplus_logo_block {
    margin: 10px auto 0;
}
.wplus_logo {
    width: 50%;
    margin: 0 auto;
}
.wplus_logo img {
    max-width: 100%;
    display: block;
}
/*問屋用旧header_css*/
nav.biz_header_nav ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
    border-top: 4px solid #2A313C;
    border-bottom: 4px solid #2A313C;
}
nav.biz_header_nav ul li{
    background:#2A313C;
    display: table-cell;
    border-left: 1px solid #fff;
}
nav.biz_header_nav ul li a{
    padding:10px 0;
    display: block;
    color: #fff;
    font-size: 12rem;
    font-weight: bold;
}
nav.biz_header_nav ul li:first-child{
    border:none;
}
nav.biz_header_nav .Genuine_Parts{
    position: relative;
}
nav.biz_header_nav ul img{
    height: 12px;
    width: 12px;
    position: relative;
    top: 1px;
}
/*問屋用旧header_css*/
.katasiki_nensiki .katasiki_btn img {
    width: 120px;
}

.katasiki_nensiki .katasiki_btn div {
    margin: 0 10px 0 5px;
}

.katasiki_nensiki .katasiki_btn div p {
    margin: 0 0 0 10px;
}

.katasiki_nensiki .katasiki_btn div span {
    background: #ffcc00;
    padding: 0px 5px;
    border-radius: 10px;
    margin: 5px 0 0 10px;
    width: 80px;
    display: block;
    text-align: center;
}

.katasiki_nensiki .katasiki_btn i.fa-chevron-right {
    position: absolute;
    right: 10px;
    width: 10px;
    height: 21px;
}
nav ul li a i {
    margin: 0 4px 0 0;
    font-size: 14rem;
}

/*---------------------------------------------
グローバルメニューver2
----------------------------------------------*/
.global_menu_title_ver2 {
    color: #555;
    background: #efefef;
    font-weight: bold;
    padding: 10px;
    border-left: 3px solid #e61e25;
    margin: -1px 0 0;
}
.global_menu_list_ver2 {
    border-bottom: 1px solid #eee;
}
.global_menu_list_ver2 .global_menu_list_text_block {
    font-size: 16px;
    line-height: 1.3;
}
.global_menu_list_ver2 a {
    position: relative;
    color: #333;
    padding: 10px 30px 10px 10px;
    display: flex;
    align-items: center;
}
.global_menu_list_ver2 a:after {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: calc(50% - 15px);
    color: #ddd;
    font-size: 20px;
}
.global_menu_list_inner_ver2 {
    border-bottom: 1px solid #eee;
}
.global_menu_list_inner_ver2 a {
    padding: 10px 30px 10px 30px;;
}
.global_menu_list_inner_ver2:last-child {
    border-bottom: none;
}
.global_menu_ver2 .h-child .global_menu_list_link_ver2{
    border-bottom: 1px solid #eee;
}
.global_menu_list_text_ver2 {
    font-size: 12px;
}
.global_menu_list_ver2 img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 10px;
}