/* レイアウト
==================================================*/

body {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
  font-size: 12px !important;
  color: #555;
}
#wrapper {
  width: 100%;
}
#container {
  width: 100%;
  max-width:1280px;
  margin: 0 auto;
  box-sizing:border-box;
  padding:0 30px 0 0;
}

/* モーダルウィンドウ
==================================================*/

#lean_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background: #000;
  display: none;
}

.modal {
  background: none repeat scroll 0 0 #fff;
  display: none;
  height: 600px;
  overflow: auto;
  padding: 20px;
  position: absolute;
  width: 90%;
  min-width:1000px;
  z-index: 1001;
}
.overlay {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.modal .btn_close{
  margin: 10px 0;
  text-align: right;
  cursor: pointer;
  float: none;
  display: block;
}

#modal_photo .photo {
  float: left;
  width:100%;
  margin-right:-220px;
}
#modal_photo .photo .main {
  text-align:center;
  margin: 0 220px 0 0;
  min-height:500px;
}
#modal_photo .photo img{
  filter:alpha(opacity=100) !important;
  -moz-opacity:1 !important;
  opacity:1 !important;
  max-width: 100%;
}
#modal_photo ul {
  width:186px;
  float:right;
  position:relative;
  z-index:100;
}
#modal_photo ul li {
  float: left;
  width:80px;
  height:80px;
  text-align:center;
  margin:3px;
  border: #ccc 3px solid;
}
#modal_photo ul li a{
  display:block;
  width:80px;
  height:80px;
}
#modal_photo ul li.current{
  border: #2ba7ee 3px solid;
}
#modal_photo ul li img {
  max-width: 80px;
  width: auto !important;
  width: 80px;
  max-height: 80px;
  height: auto !important;
  height: 80px;
}

/* 共通
==================================================*/
#container .large {
  font-size: 14px;
}
#container .fl_left {
  float: left;
}
#container .fl_right {
  float: right;
}
#container input {
  border: #ccc 1px solid;
  padding: 3px;
}
.point_color{
  color: #ff7200;
}
.en_color{
  color: #d40708;
}
.limit {
  color:#09c;
  font-weight: bold;
}
/*バルーン共通*/
#item .balloon {
  position: relative;
  display: inline-block;
}
#item .balloon a.balloon-open{
   overflow: hidden;
  display: block;
  color: #333;
  text-decoration: none;
}
#item .balloon a.balloon-open::after {
  font-family: FontAwesome;
  content: "\f0da";
  display: inline-block;
  padding: 10px;
  transform: rotate(90deg);
    float: right;
}
#item .balloon .balloon-content {
  display: none;
  position: absolute;
  z-index: 10;
  background: #fff;
  box-shadow: 0 0 10px 0px #555;
  overflow: visible;
}
#item .balloon .balloon-content a.close {
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 11;
  text-decoration: none;
}
/*
@media screen and (max-width:1200px){
  #item .balloon .balloon-content{
  left: -250px
  }
}*/
/*   endバルーン共通*/

/* ボタンクリックで出現するウインドウ
==================================================*/
#btn_message{
  position:absolute;
  border:#ccc 3px solid;
  padding:50px 100px;
  background:#fff;z-index:1000;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.75);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.75);
  box-shadow: 1px 1px 5px rgba(0,0,0,.75);
  display:none;
}
#btn_message .btn_close{
  display:block;
  width:30px;
  height:30px;
  border:#ccc 1px solid;
  text-align:center;
  line-height:30px;
  position:absolute;
  top:-15px;
  right:-15px;
  background:#fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color:#000;
}
#btn_message .btn_close:hover{
  background:#333;
  color:#fff;
}
#btn_message a.to_cart{
  background:#F30;
  color:#fff;
  padding:10px;
  display:block;
  text-align:center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* 商品写真
==================================================*/
#item{
  margin-top: 20px;
}
#item .photo {
  width: 504px;
  float: left;
}
#item .photo .main {
  height: 460px;
  width: 504px;
  position:relative;
  border: #ccc 1px solid;
}
#item .photo .sd_caption{
  font-size: 12px;
  color: #4a4a4a;
  margin: 5px 0 0;
  text-align: center;
  min-height: 18px;
}
#item .main_image{
  filter:alpha(opacity=100) !important;
  -moz-opacity:1 !important;
  opacity:1 !important;
  max-width: 460px;
  width: auto !important;
  width: 460px;
  max-height: 460px;
  height: auto !important;
  height: 460px;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:auto;
}
#item .photo ul {
  margin: 10px 0 0 0;
}
#item .photo ul li {
  float: left;
  width:68px;
  height:68px;
  text-align:center;
  margin:2px;
  position:relative;
}
#item .photo ul li a{
  display:block;
  width:62px;
  height:62px;
  border: #ccc 3px solid;
}
#item .photo ul li a.current{
  border: #2ba7ee 3px solid;
}
#item .photo ul li img {
  max-width: 59px;
  width: auto !important;
  width: 62px;
  max-height: 62px;
  height: auto !important;
  height: 62px;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:auto;
}
#item .support_icon{
  position: relative;
}

#item .support_icon_new{
  position: sticky;
  top: 100px;
  float: left;
  z-index: 1;
}

#item .support_icon_position{
  position: absolute;
  top: 400px;
  left: 385px;
  z-index: 20;
}
#item .support_icon_position img{
  width: 50px;
  height: 50px;
}

/* SHOEI 保障アイコン */
#item .photo .main .shoei_warranty_icon {
  position: absolute;
  width: 252px;
  height:43px;
  background:url(https://img.webike.net/sys_images/saimg/shoei_label.jpg) no-repeat;
  background-size: cover;
  bottom: 0;
  right: 0;
  display: flex;
}

/* アパレルプロモーションアイコン */
#item .photo .main .apparel_promotion_icon {
  position: absolute;
  width: 252px;
  height:43px;
  background:url(https://img.webike.net/sys_images/saimg/2020ss_lowprice_label.gif) no-repeat;
  background-size: cover;
  bottom: 0;
  right: 0;
  display: flex;
}


/* 商品写真右側
==================================================*/

#item .detail {
  width: -webkit-calc(100% - 520px);
  width: -moz-calc(100% - 520px);
  width: calc(100% - 520px);
  float: right;
  box-sizing:border-box;
}
#item .detail .icons{
  margin:5px 0;
  position: relative;
}
#item .detail .sale_info{
  padding:5px 10px;
  background:#ff0000;
  color:#fff;
  margin:0 0 10px 0;
}
#item .detail .catch_copy {
  color: #e43562;
  margin: 5px 0;
}
#item .detail span.model {
  border: 1px solid #318ACC;
  margin: 5px 0px;
  display: inline-block;
  padding: 2px 6px;
  color: #318ACC;
}
#item .detail h1 {
  font-size: 18px;
}
#item .detail h2 {
    font-size: 14px;
    font-weight: normal;
}
#item .detail .banner {
  margin: 10px 0 0;
}

/* インプレッション */
#item .impre {
  margin: 10px 0;
}
#item .impre .write{
  float:right;
  padding:0 0 0 8px;
  background:url(https://img.webike.net/sys_images/common/ws_common_icon.png) no-repeat 0 -307px;
}

/* カテゴリランキング */
#item .category_rank{
  background:#ddd;
  padding:4px;
  margin:5px 0;
  position:relative;
  -webkit-border-radius: 3p;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#item .rank{
  background:url(https://img.webike.net/sys_images/shopping/icon_ranking.png) no-repeat 0 -1622px;
  width:26px;
  height:26px;
  display:block;
  margin:0 5px 0 0;
}
#item .rank2{
  background-position: 0 -1722px;
}
#item .rank3{
  background-position: 0 -1822px;
}
#item .rank_time{
  display:block;
  font-size:11px;
  line-height:1;
  position:absolute;
  top:5px;
  left:35px;
}
#item .rank_num{
  display:block;
  font-weight:bold;
  position:absolute;
  top:15px;
  left:35px;
}
#item .rank_cat{
  display:block;
  background:#fff;
  font-size:11px;
  line-height:1.2;
  padding:3px;
  width: -webkit-calc(100% - 168px);
  width: -moz-calc(100% - 168px);
  width: calc(100% - 168px);
  height:19px;
  line-height:19px;
  position:absolute;
  top:4px;
  left:157px;
  overflow:hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#item .rank_cat a{
  color:#416090;
  text-decoration:underline;
}

/* 金額 */
#item .detail .point_description_title{
    border-bottom: 2px solid #333;
    margin:20px 0 0;
    font-size: 14px;
}
#item .detail .price {
  padding: 5px;
}
#item .detail .price span.reference {
  text-decoration: line-through;
}
#item .detail .price span.selling {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  color: #e22c2c;
}
#item .detail .price span.selling_jisshitu {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  color: #e22c2c;
}
.tax_red{
    color: #e22c2c;
}
#item .detail .price span.selling span {
  font-size: 26px;
}
#item .detail .price span.selling_jisshitu span {
  font-size: 26px;
}
#item .detail .price_other {
  padding: 0 0 5px 0;
  overflow: hidden;
}
#item .detail .price_other::before {
  content: "";
  background: url(https://img.webike.net/sys_images/sd/sd_point_coin.png)no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
  float: left;
  margin: 7px 8px 0 0;
}
#item .detail .price_other .main_point{
  font-size: 18px;
  font-weight: bold;
}
/* 2〜4% */
#item .detail .price_other .level2{
  color:#e22c2c;
}
/* 5%〜 */
#item .detail .price_other .level3{
  color:#e22c2c;
  font-weight:bold;
  font-size:14px;
}
#item .detail .real_price_block{
    background:#fff000;
    position: relative;
    padding: 5px 90px 5px 5px;
}
#item .detail .real_price_block.price a.real_price_btn{
    position: absolute;
    right: 5px;
    top:calc(50% - 14px);
    padding: 5px;
    display: block;
    background: #fff;
    border-radius: 5px;
    border: none;
}
#item .detail .real_price_block.price a.real_price_btn::after{
    font-family: FontAwesome;
    content: "\f0d7";
    display: inline-block;
    padding:0 0 0 5px;
}
/*webikecard*/
#item .webike_card img{
  width: 50px;
  float: left;
  border-radius: 2px;
}
#item .webike_card .webike_card_text{
  float: left;
  margin-left: 10px;
}
/*20191001変更*/
#item .webike_card a.webike_card_title{
  margin: 10px 0;
  vertical-align:bottom;
}
#item .webike_card .webike_card_cont {
    border-radius: 5px;
    padding: 15px;
    width: 550px;
    left:calc(50% - 290px);
    top : 5%;
    -ms-transform:translate(-50%, -50%);
    position: fixed;
    z-index: 999;
}
#item .webike_card .webike_card_cont .point_list_title {
  padding: 10px 0 5px;
  font-weight: bold;
}
#item .webike_card .webike_card_cont .sbu_title{
 font-weight: 700;
  display: block;
  margin: 5px 0;
}
#item .webike_card .webike_card_cont .member_title_h{
  font-weight:bold;
  display: inline-block;
  font-size: 16px
}
.webike_card .webike_card_cont .title img {
  width: 50px;
  height: 50px;
}
#item .webike_card .webike_card_cont .member_title_h span{
  font-size: 19px;
}
#item .webike_card .webike_card_cont a.description{
  display: block;
  text-align: center;
  padding: 10px 0;
  width: 80%;
  border-radius: 5px;
  margin: 0 auto;
  background: #416090;
  border: 1px solid #416090;
  color: #fff;
  text-decoration: none;
}
#item .webike_card .webike_card_cont a.description:hover{
  border: 1px solid #416090;
  background: #fff;
  color: #416090;
  text-decoration: none;
}
#item .webike_card .webike_card_cont .card_over{
  overflow: hidden;
}
#item .webike_card .webike_card_cont .card_over .title_card{
  height:auto;
  width: 80px;
  margin-right: 10px;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #c0c0c0;
}
#item .webike_card .webike_card_cont .card_1{

}
#item .webike_card .webike_card_cont .card_1 .left_text{
  margin-top: 15px
}
#item .webike_card .webike_card_cont .card_1 .otoku_table{
  margin: 15px auto 5px;
  border: none;
}
#item .webike_card .webike_card_cont .card_1 .otoku_table .member_icon p{
  font-size: 16px;
  margin-top: 5px;
  float: left;

}
#item .webike_card .webike_card_cont .card_1 .otoku_table .member_icon img{
  width: 55px;
  margin-right: 20px;
}
#item .webike_card .webike_card_cont .card_1 tr.left_icon{
  margin: 10px 0;
  display: block;
}
#item .webike_card .webike_card_cont .card_1 .otoku_table tr img{
  width: 20%;
  margin-right: 10px;
  border-radius: 30px;
  box-shadow: 1px 1px 5px #999
}
#item .webike_card .webike_card_cont .card_2{
  margin-top: 10px;
}
#item .webike_card .webike_card_cont .card_2 .point_list{
  display: inline-table;
  border: 1px solid #ccc;
  width: 100%;
  border-collapse: collapse;
}
#item .webike_card .webike_card_cont .card_2 .point_list tr:first-child{
  border-bottom: 1px solid #ccc;
}
#item .webike_card .webike_card_cont .card_2 .point_list td{
  padding: 7px;
}
#item .webike_card .webike_card_cont .card_2 .point_list td:last-child{
  text-align: right;
}
#item .webike_card .webike_card_cont .card_2 .earn{
  text-align: right;
  margin-top: 10px;
}
#item .webike_card .webike_card_cont .card_2 .earn p{
  font-size: 10px;
}
#item .webike_card .webike_card_cont .card_2 .earn span{
  font-size: 16px;
  font-weight: bold;
}
#item .webike_card .webike_card_cont a.card_close{
  top: 10px;
  right: 15px;
  background: #fff;
  height: 20px;
  width: 20px;
  padding: 0;
  margin: 0;
  border-radius: 15px;
  line-height: 20px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #e61e25;

}

.webike_card_camp_title {
    text-align: center !important;
    font-size: 18px;
    font-weight: bold;
}

/*会員*/
#item .webike_card .webike_card_cont .member_title{
 font-size:18px;
  line-height: 2.5;
}
/* 金額(問屋) */
#item .detail .price_biz table{
  width:100%;
}
#item .detail .price_biz table th{
  background:#efefef;
  padding:5px 15px;
  font-weight:normal;
  width:50px;
}
#item .detail .price_biz table .icon_sale{
  background:#E20000;
  color:#fff;
  padding:1px 5px;
  border-radius:3px;
  display:inline-block;
  font-size:11px;
  margin:0 0 3px;
  -webkit-animation:blink .5s ease-in-out infinite alternate;
  -moz-animation:blink .5s ease-in-out infinite alternate;
  animation:blink .5s ease-in-out infinite alternate;
  -webkit-animation-iteration-count: 10;
  -moz-animation-iteration-count: 10;
  animation-iteration-count: 10;

}
@-webkit-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}

#item .detail .price_biz table td{
  padding:5px;
}
#item .detail .price_biz .substantially{
  color: #e22c2c;
}
#item .detail .price_biz .substantially span{
  font-weight:bold;
  display:block;
}
#item .detail .price_biz dl{
  overflow:hidden;
}
#item .detail .price_biz dl dt{
  float:left;
  width:200px;
}
#item .detail .price_biz dl dt:after{
  content:"：";
}
#item .detail .price_biz dl dd{
  padding:2px 0;
}

/* 在庫、納期エリア */
#item .sl_box {
  padding: 5px 0;
}
#item #change-stock{
  border: #09C 1px solid;
  padding: 10px
}
#item .stock {
  color: #09C;
  font-weight: bold;
  font-size:14px;
  margin:0 0 5px 0;
  border-bottom: 1px dotted #ccc;
}

#item .address{
  width:100%;
}
#item .address::before{
  content: "";
  background: url(https://img.webike.net/sys_images/sd/sd_shipping_box.png)no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
  float: left;
  margin: 7px 0 0 7px;border-style:
}
#item .address dt{
  border:#ccc 1px solid;
  padding:5px;
  position:relative;
  margin:5px 0;
}
#item .address dt:hover{
  cursor:pointer;
}
#item .address dt:after {
  font-family:FontAwesome;
  content:"\304A\5C4A\3051\5148\5909\66F4\f13a";
  position:absolute;
  right:10px;
  top:7px;
}
#item .address dt.open:after{
  content:"\304A\5C4A\3051\5148\5909\66F4\f139";
}
#item .address input[type=text]{
  padding: 7px 10px;
  border:#ccc 1px solid;
}
#item .address input[type=button]{
  background: #eee;
  padding:5px 15px 4px;
  text-align: center;
  border: 1px solid #ccc;
  font-weight: bold;
  display: inline-block;
}
#item .address p{
  margin:10px 0 0;
}
#item .lead_time {
  margin: 5px 0 0 0;
}
#item .lead_time span {
  font-size: 16px;
  font-weight: bold;
}
#item .lead_time .reach {
  font-weight: bold;
}
#item .lead_time dl {
  margin: 10px 0;
  width:100%;
}
#item .lead_time dl dt {
  float: left;
  width: 15%;
}
#item .lead_time dl dd {
  float: left;
  width: 85%;
}
/* 納期を確認するボタン */
a.nouki_btn {
  display:block;
  margin:5px 0 0 0;
  width:122px;
  height:28px;
  text-indent:-9999px;
  background:url(https://img.webike.net/sys_images/sd/button.png) -210px -182px no-repeat;
}
a.nouki_btn:hover {
  background-position:-210px -210px;
}

/* 適合車種 */
#item .adaptation{
  padding:10px 0;
}
#item .adaptation table{
  border-collapse:collapse;
}
#item .adaptation table caption{
  text-align:left;
  font-weight:bold;
}
#item .adaptation dl dt{
  font-weight:bold;
  margin:0 0 5px 0;
}
#item .adaptation table{
  width:100%;
  border-collapse:collapse;
}
#item .adaptation table th{
  border:#ccc 1px solid;
  font-weight:normal;
  width:12%;
  vertical-align:top;
  padding:3px;
}
#item .adaptation table th img{
  width:60px;
}
#item .adaptation table td{
  padding:3px;
  border:#ccc 1px solid;
  vertical-align:top;
}
#item .detail .adaptation{
  padding:0;
}

/* 注意事項 */
#item .attention {
  color: #F00;
  margin: 10px 0;
}

/* 選択肢部分 */
#item .choice {
  background: #efefef;
  padding: 15px 30px;
}
#item .choice select {
  padding: 3px;
  width: 100%;
  margin: 0 0 10px 0;
  border:#ccc 3px solid;
}
#item .choice select.ng-invalid-required{
  border: #ffbbcc 3px solid;
}

/* まとめ買い */
dl.collect {
  padding: 1px;
  margin: 5px auto 10px auto;
  border: #95ceff 1px solid;
}
dl.collect dt {
  font-weight: bold;
  float: left;
  color: #555555;
  width: 129px;
  height: 40px;
}
dl.collect dd {
  float: left;
  padding: 1px 0 0 5px;
  width: 280px;
}
dl.collect dd.price {
  color: #e22c2c;
  font-family: Verdana, Geneva, sans-serif;
}
dl.collect dd.price b {
  font-size: 15px;
}

/* まとめ買いBIZ向け */
div.collect_biz {
    border-top:#ccc 1px dotted;
    padding: 5px 0 0 0;
}
div.collect_biz table {
    width: 100%;
    margin: 5px auto 10px auto;
    border: #95ceff 1px solid;
    border-collapse: collapse;
}

div.collect_biz table th {
    font-weight: bold;
    color: #555555;
    width: 160px;
    background: #008aff;
    padding: 0 4px;
}
div.collect_biz table.matomegai th{
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 4px;
}
div.collect_biz table td {
  padding: 1px 0 0 5px;
}
div.collect_biz table td ul {
  overflow: hidden;
}
div.collect_biz table td ul li {
  border-top: #cccccc 1px dotted;
  margin: -1px 0 0 0;
  padding: 3px;
}
div.collect_biz span {
  color: #e22c2c;
  font-weight: bold;
  font-family: Verdana, Geneva, sans-serif;
}
div.collect_biz span.price b {
  font-size: 15px;
}

/* 個数 */
#item .changer {
  margin: 0 0 10px 0;
}
#item .changer table {
  background: #fff;
  border-collapse: collapse;
  border:#ccc 1px solid;
  margin:0 0 5px 0;
}
#item .changer td {
  padding: 2px 8px;
}
#item .changer td.btn {
  font-size: 10px;
}
#item .changer td.btn a {
  color: #333;
  display: block;
}
#item .changer td.btn a{
  background: url(https://img.webike.net/sys_images/sd/button.png) no-repeat;
  width:15px;
  height:12px;
  text-indent:-9999pt;
  display:block;
}
#item .changer td.btn a.btn_up{
  background-position: -312px -84px;
}
#item .changer td.btn a:hover.btn_up{
  background-position: -312px -96px;
}
#item .changer td.btn a.btn_down{
  background-position: -327px -84px;
}
#item .changer td.btn a:hover.btn_down{
  background-position: -327px -96px;
}

/* カートに入れるボタン */
#item .btn{
  text-align:center;
}
#item .btn_cart {
  background: #ee2769;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 15px;
  width:100%;
  border:none;
  cursor:pointer;
  margin:0 0 5px 0;
}
#item .btn_cart:hover {
  background:#f55288;
}
#item .btn_cart[disabled=disabled]{
  background:#999;
}
#item .btn_cart:hover[disabled=disabled]{
  cursor:default;
}

/* 欲しい物リストに入れるボタン */
#item .btn_favorite {
  text-align: center;
  display: block;
  background:#fff;
  padding:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:#ccc 1px solid;
  margin:0 auto;
  text-decoration:none;
  width:49%;
  float:left;
  box-sizing:border-box;
}
#item .btn_favorite.disabled {
  color: #555;
  border: #ccc 1px solid;
  -webkit-border-radius: 5px;
  background: #ccc;
}
#item .btn_favorite:hover{
  background:#D1EEFC;
}
#item .btn_favorite.disabled:hover{
  background:#ccc;
  cursor: auto;
}
/* 在庫・納期問い合わせボタン */
#item div.btn_stock{
  width:49%;
  float:right;
  padding:5px;
  border:#ccc 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background:#ccc;
  box-sizing:border-box;
}
#item a.btn_stock {
  text-align: center;
  display: block;
  background:#2fbbea;
  color:#fff;
  padding:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:#2fbbea 1px solid;
  margin:0 auto;
  text-decoration:none;
  width:49%;
  float:right;
  box-sizing:border-box;
}
#item a.btn_stock:hover{
  background:#2f87ea;
  border:#2f87ea 1px solid;
}
#item .btn_other > li {
  float: left;
  width:148px;
  border-right:#ccc 1px solid;
  text-align:center;
  position:relative;
}
#item .btn_other li a {
  color:#333;
}
#item .btn_other > li:last-child{
  border:none;
}
#item .btn_other > li > ul{
  display:none;
  position:absolute;
  text-align:left;
  width:240px;
  box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
  -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
  -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
  border:1px solid #ccc;
  z-index:1;
}
#item .btn_other > li:hover > ul{
  display:block;
  background:#fff;
  box-shadow: 0 0 5px #ccc;
}
#item .btn_other > li > ul li a{
  display:block;
  padding:10px;
  text-decoration:none;
}
#item .btn_other > li > ul li a:hover{
  background:#333;
  color:#fff;
}

/*保証サービス*/
#item .webike_service{
  display: flex;
  margin: 10px 0;
}
#item .webike_service .webike_service_title{
  margin-right: 15px;
  font-size: 14px;
  font-weight: bold;
  display: block;
}
#item .webike_service .webike_service_title{
  font-size: 14px;
  border: none;
  width: auto;
  text-align: left;
  padding: 5px 0;
  border-right:1px solid #ffb3b3;
  padding: 5px 15px;
  margin: 0;
  color: #ff7a7a;
}
#item .webike_service .warranty img{
  vertical-align: text-bottom;
  margin-right: 10px;
}
#item .webike_service .warranty{
  margin:0 10px;
}
#item .webike_service .warranty .warranty_content{
  padding: 15px;
  width: 260px;
  top: 33px;
}
#item .webike_service .warranty .warranty_content span{
  font-size: 16px;
  font-weight: bold;
}
#item .webike_service .warranty .warranty_content img{
  float: left;
  width: 50px;
}
#item .webike_service .warranty .warranty_content .warranty_content_title{
  margin-top: 15px;
}
#item .webike_service .warranty .warranty_content p{
  margin: 15px 0;
}
#item .webike_service .warranty .warranty_content a{
  text-align: right;
  display: block;
}
#item .webike_service .warranty .warranty_content a.warranty_close{
    font-size: 25px;
    font-weight: bold;
    bottom: 10px;
    height: 20px;
    width: 21px;
    top: 10px;
    right: 10px;
  text-align: center;
  line-height: 20px;
}
#item .webike_service a.balloon-open{
    display: flex;
    align-items: center;
}
/* セット販売
==================================================*/
#set{
  border:#ccc 3px solid;
  padding:15px;
  position:relative;
  margin:15px 0 0;
}
#set .piece{
  background:none !important;
}
#set h3{
  margin:0 0 10px 0;
  font-size:16px;
}
#set h3 span{
  float:right;
  font-weight:normal;
  font-size:14px;
}
#set a.prev{
  background: url(https://img.webike.net/sys_images/top-index/portal_button.gif) no-repeat -504px -59px;
  display: block;
  height: 59px;
  position: absolute;
  text-indent: -9999pt;
  top: 65px;
  left:10px;
  width: 22px;
}
#set a.next{
  background: url(https://img.webike.net/sys_images/top-index/portal_button.gif) no-repeat -526px -59px;
  display: block;
  height: 59px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: -9999pt;
  top: 65px;
  right:10px;
  width: 22px;
}
#set .photo{
  margin:0 10px 0 30px;
  display:inline-block;
  float:left;
  overflow:hidden;
}
#set .photo li{
  float:left;
  padding:0 20px 0 0;
  background:url(https://img.webike.net/sys_images/sd/plus.png) no-repeat right;
  position:relative;
}
#set .photo li:last-child{
  padding:0;
}
#set .photo li p.number{
  position:absolute;
  background:#333;
  color:#fff;
  padding:2px 5px;
  font-size:11px;
}
#set .photo li img{
  width:88px;
  border:#ccc 1px solid;
}
#set .price{
  font-size:14px;
}
#set .price span.red{
  color:#e22c2c;
  font-weight:bold;
}
#set .btn_cart{
  background: #ee2769;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 10px 15px;
  border:none;
  cursor:pointer;
  margin:5px 0;
}
#set .btn_cart:hover{
  background: #f06392;
}
#set .name{
  clear:both;
  margin:0 0 0 50px;
}
#set .name li{
  list-style:decimal;
}
#set .name li select{
  padding:3px 5px;
  border:#ccc 1px solid;
  margin:0 5px 0 0;
  max-width:100px;
}
#set .name span{
  color:#e22c2c;
}
#set .set_nouki{
  display:none;
}
#set .attention{
  width:841px;
  margin:10px auto 0;
  color:#F00;
  padding:10px 0 0 0;
  border-top:#ccc 1px solid;
}

/* タブメニュー
==================================================*/

#sd_tab {
  background: #efefef;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 15px 0 50px;
}
#sd_tab > ul {
  border-bottom: #0072b3 5px solid;
}
#sd_tab > ul li {
  float: left;
  margin: 0 5px 0 0;
  position:relative;
}
#sd_tab > ul li a {
  display: block;
  width: 135px;
  height: 47px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  background-color: #d5dcdd;
  border-top: solid 1px #d4dcdd;
  border-right: solid 1px #d4dcdd;
  border-left: solid 1px #d4dcdd;
  background-image: -webkit-linear-gradient(bottom, #d5dcdd, #e8ebec);
  background-image: -moz-linear-gradient(bottom, #d5dcdd, #e8ebec);
  background-image: -o-linear-gradient(bottom, #d5dcdd, #e8ebec);
  background-image: linear-gradient(to top, #d5dcdd, #e8ebec);
  line-height: 47px;
  text-align: center;
}
#sd_tab > ul li a:hover, #sd_tab > ul li.current a, #sd_tab > ul li.current a h3  {
  color: #fff;
  font-weight: bold;
  border-color: #0072b3;
  background-color: #0072b3;
  background-image: -webkit-linear-gradient(bottom, #0072b3, #35b3fb);
  background-image: -moz-linear-gradient(bottom, #0072b3, #35b3fb);
  background-image: -o-linear-gradient(bottom, #0072b3, #35b3fb);
  background-image: linear-gradient(to top, #0072b3, #35b3fb);
  cursor: pointer;
}
#sd_tab > ul li span{
  position:absolute;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border:#ccc 1px solid;
  background:#FC0;
  color:#333;
  display:block;
  right:3px;
  top:-15px;
  padding:3px;
  min-width:20px;
  width: auto !important;
  width: 20px;
  text-align:center;
}
#sd_tab > div > div {
  padding: 15px;
  background: #fff;
}
/* ブランド紹介 */
#sd_tab .brand_intro{
  padding:10px;
  border-top:#ccc 1px solid;
  border-bottom:#ccc 1px solid;
  margin:10px 0;
}
#sd_tab .brand_intro img{
  float:left;
  margin:0 10px 0 0;
}
#sd_tab .brand_intro dl dt{
  font-weight:bold;
  font-size:14px;
  margin:0 0 5px 0;
}
#sd_tab .brand_intro dl dd{

}

/* スペック用テーブル */
#sd_tab table.spec {
  border-collapse: collapse;
  margin:0 0 15px 0;
  width:100%;
}
#sd_tab table.spec th {
  padding: 5px;
  background: #efefef;
  border: #ccc 1px solid;
  width: 150px;
}
#sd_tab table.spec td {
  padding: 5px;
  border: #ccc 1px solid;
}

#sd_tab table.spec td div.stock{
  font-size: 14px;
}

#st_contents .content {
  display: none;
  font-size:14px;
}

/* 在庫状況用テーブル */
#sd_tab table.spec button.add_cart {
  display: block;
  font-size: small;
  color: #fff;
  background: #ee2769;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  text-decoration:none;
  border:none;
  cursor:pointer;
}
#sd_tab table.spec button.add_cart:hover{
  background:#f55288;
}
#sd_tab table.spec button.add_cart[disabled=disabled] {
  background:#999;
}
#sd_tab table.spec button.add_cart:hover[disabled=disabled]{
  cursor:default;
}

/* タブメニュー(インプレ用)
==================================================*/

#sd_tab_imp {
  background: #efefef;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 15px 0 50px;
}
#sd_tab_imp > ul {
  border-bottom: #0072b3 5px solid;
}
#sd_tab_imp > ul li {
  float: left;
  margin: 0 5px 0 0;
  position:relative;
}
#sd_tab_imp > ul li a {
  display: block;
  width: 135px;
  height: 47px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  background-color: #d5dcdd;
  border-top: solid 1px #d4dcdd;
  border-right: solid 1px #d4dcdd;
  border-left: solid 1px #d4dcdd;
  background-image: -webkit-linear-gradient(bottom, #d5dcdd, #e8ebec);
  background-image: -moz-linear-gradient(bottom, #d5dcdd, #e8ebec);
  background-image: -o-linear-gradient(bottom, #d5dcdd, #e8ebec);
  background-image: linear-gradient(to top, #d5dcdd, #e8ebec);
  line-height: 47px;
  text-align: center;
}
#sd_tab_imp > ul li a:hover, #sd_tab_imp > ul li.current a {
  color: #fff;
  font-weight: bold;
  border-color: #0072b3;
  background-color: #0072b3;
  background-image: -webkit-linear-gradient(bottom, #0072b3, #35b3fb);
  background-image: -moz-linear-gradient(bottom, #0072b3, #35b3fb);
  background-image: -o-linear-gradient(bottom, #0072b3, #35b3fb);
  background-image: linear-gradient(to top, #0072b3, #35b3fb);
}
#sd_tab_imp > ul li span{
  position:absolute;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border:#ccc 1px solid;
  background:#FC0;
  color:#333;
  display:block;
  right:3px;
  top:-15px;
  padding:3px;
  min-width:20px;
  width: auto !important;
  width: 20px;
  text-align:center;
}
#sd_tab_imp > div > div {
  padding: 15px;
  background: #fff;
}

#st_contents_imp .content {
  font-size:14px;
}

/* スタッフコメント
==========================================================================*/
.staff_comment{
  border: #ccc 3px solid;
  border-radius: 3px;
  margin: 30px 0 10px;
}
.staff_comment dt {
  position: relative;
  background: #fff;
  top: -15px;
  width: 350px;
  margin: 0 0 -15px;
  padding:0 15px;
  box-sizing: border-box;
  left:10px;
}
.staff_comment dt img{
  width:100%;
  -webkit-backface-visibility: hidden;
}
.staff_comment dd {
  padding:0 10px 10px;
}

/* 適合車種
==========================================================================*/
#sd_tab .adaptation .ad_left {
  float: left;
  width: 49%;
}
#sd_tab .adaptation .ad_right {
  float: right;
  width: 49%;
}
#sd_tab .adaptation dl{
  margin:0 0 15px 0;
}
#sd_tab .adaptation dl dt {
  font-weight: bold;
  font-size: 14px;
  padding: 5px;
  margin: 0 0 5px 0;
  background-color: #a59f91;
  background-image: -webkit-linear-gradient(bottom, #dfdfdf, #eee);
  background-image: -moz-linear-gradient(bottom, #dfdfdf, #eee);
  background-image: -o-linear-gradient(bottom, #dfdfdf, #eee);
  background-image: linear-gradient(to top, #dfdfdf, #eee);
}
#sd_tab .adaptation dt img {
  width: 75px;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
#sd_tab .adaptation dd ul li {
  border-bottom: #ccc 1px solid;
  padding: 3px;
}

/* よくある質問
==========================================================================*/
#faq h3{
  text-indent:-9999pt;
  background:url(https://img.webike.net/sys_images/sd/sd_faq.gif) no-repeat;
  height:67px;
  position:relative;
}
#faq h3 span{
  display:block;
  text-indent:0;
  color:#fff;
  position:absolute;
  right:10px;
  top:0;
  font-size:30px;
  cursor:pointer;
}
#faq > p{
  padding:10px 15px;
}
#faq ul{
  padding:10px 15px;
}
#faq ul li{
  background:url(https://img.webike.net/sys_images/sd/sd_faq.gif) 0 -67px no-repeat;
  min-height:30px;
  height: auto !important;
  height: 30px;
  padding:7px 0 0 40px;
}
#faq div{
  padding:3px 0 0 0;
}
#faq dl{
  padding:0 15px 15px;
  line-height:12px;
  overflow:auto;
  line-height:1.5;
  border:#ccc 3px solid;
  margin:-3px auto 0;
}

#faq dl dt{
  background:url(https://img.webike.net/sys_images/sd/sd_faq.gif) 0 -67px no-repeat;
  min-height:30px;
  padding:7px 0 0 40px;
  margin:15px 0 0 0;
}

#faq dl dd{
  background:url(https://img.webike.net/sys_images/sd/sd_faq.gif) -870px -67px no-repeat;
  min-height:30px;
  height: auto !important;
  height: 30px;
  padding:7px 0 15px 40px;
}

/* 動画
==========================================================================*/
#movie iframe{
  margin:0 0 15px 0;
}

/* サイズ対応表
==========================================================================*/
#size_table img{
  max-width:900px;
  width: auto !important;
  width: 900px;
}

/* インプレッション
==========================================================================*/
/* 0件の場合 */
#impression .no_impression .impre_post {
  padding: 20px 0;
  text-align: center;
}
#impression .no_impression .impre_post img{
  margin:10px 0;
}
#impression .no_impression .connection{
  margin:15px 0;
  text-align:center;
}
#impression .no_impression .connection a{
  padding:0 0 0 8px;
  background:url(https://img.webike.net/sys_images/common/ws_common_icon.png) no-repeat 0 -307px;
}

/* 平均評価 */
#impression #overall {
  width: 437px;
  float: left;
  border-right: #ccc 1px solid;
  padding: 0 0 10px 0;
}
#impression #overall table {
  margin: 0 auto;
}
#impression #overall table thead {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
#impression #overall table thead td {
  padding: 0 0 5px 0;
  border-bottom: #ccc 1px dotted;
}
#impression #overall table td.graph {
  background: #ccc;
  width: 250px;
}
#impression #overall table td.graph p {
  background: #ffc106;
  height: 21px !important;
}
#impression #overall dl {
  float: left;
}
#impression #overall dl dt {
  display: none;
}
#impression #overall dl dd {
  display: block;
}
/* インプレッション投稿ボタン */
#impression #impreheader .impre_post {
  width: 416px;
  float: right;
  padding: 20px 0;
  text-align: center;
}
#impression #impreheader .impre_post img{
  margin:10px 0;
}

#impression #all {
  background: url(https://img.webike.net/sys_images/garage_img/bg_impre_graph.gif) no-repeat -110px 0;
  width: 90px;
  height: 129px;
  float: left;
  margin-right: 4px;
}
/* 良い点・悪い点 */
#impression #dashboard {
  clear: both;
  padding: 0 10px;
  overflow: hidden;
  border-top: #ccc 1px solid;
}
#impression #dashboard dl {
  float: left;
  width: 390px;
  padding: 10px;
  margin: 0 0 0 10px;
}
#impression #dashboard dl dt {
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #4f79a5;
  padding: 0 0 0 20px;
}
#impression #dashboard dl.good dt {
  background: url(https://img.webike.net/sys_images/sd/icon.gif) no-repeat 0 -292px;
}
#impression #dashboard dl.bad dt {
  background: url(https://img.webike.net/sys_images/sd/icon.gif) no-repeat 0 -359px;
}
#impression #dashboard ul li {
  list-style: circle;
  margin: 0 0 0 15px;
}
/* 並び順 */
#impression #order {
  background: #ccc;
  padding: 8px;
  margin: 10px 0 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#impression #order dt {
  float: left;
  font-weight: bold;
  background: #fff;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#impression #order dd {
  float: left;
  border-right: #fff 1px solid;
  padding: 5px;
}
/* インプレッションリクエスト */
#impression .request {
  margin: 10px 0 0 0;
}
#impression .request .title {
  position: relative;
}
#impression .request .title h4 {
  background: url(https://img.webike.net/sys_images/sd/request.gif) no-repeat;
  height: 30px;
  text-indent: -9999pt;
}
#impression .request .title span {
  position: absolute;
  right: 16px;
  top: 6px;
}
#impression .request .detail {
  border-right: #9dc5ef 3px solid;
  border-bottom: #9dc5ef 3px solid;
  border-left: #9dc5ef 3px solid;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  padding: 10px 20px;
}
#impression .request .detail dl {
  margin: 0 0 5px 0;
}
#impression .request .detail dl dt {
  float: left;
}
#impression .request .detail dl dd {
  float: left;
  margin: 0 10px 0 0;
}
#impression .request .detail img {
  width: 50px;
  height: 50px;
  float: left;
}
#impression .request .detail p {
  background: url(https://img.webike.net/sys_images/sd/request.gif) no-repeat 0 -60px;
  height: 34px;
  width: 782px;
  float: right;
  padding: 8px 5px 8px 15px;
}
#impression .request .valid {
  margin: 5px 0 0 0;
  text-align: right;
}
#impression .request > h4 {
  background: #ccc;
  padding: 10px;
  font-weight: normal;
  margin: 10px 0 0 0;
}
/* インプレッション単体 */
#impression .piece {
  padding: 0 0 10px 0;
  margin: 10px 0;
  border-bottom: #ccc 1px solid;
}
/* 投稿者情報
info :一般会員
info2:BIZ会員
info3:メーカー
*/
#impression .piece .ui_info {
  width: 205px;
  float: left;
  border: #ccc 1px solid;
  background: #f4f4f4;
}
#impression .piece .ui_info div {
  background: #ccc;
  text-align: center;
  padding: 3px 0;
}
#impression .piece .ui_info .ui_photo {
  background: #f4f4f4;
  padding: 10px;
  border-bottom: #ccc 1px solid;
  text-align: left;
}
#impression .piece .ui_info .ui_photo img {
  float: left;
  width: 60px;
  margin: 0 5px 0 0;
}
#impression .piece .ui_info dl {
  padding: 10px 10px 5px 10px;
  border-top: #fff 1px solid;
}
#impression .piece .ui_info dd {
  margin: 0 0 5px 0;
}
#impression .piece .ui_info2 {
  width: 205px;
  float: left;
  border: #fc8403 1px solid;
  background: #fff0e0;
}
#impression .piece .ui_info2 div {
  color: #fff;
  background: #fc8403;
  text-align: center;
  padding: 3px 0;
}
#impression .piece .ui_info2 .ui_photo {
  color: inherit;
  background: #fff0e0;
  padding: 10px;
  border-bottom: #efdbc7 1px solid;
  text-align: left;
}
#impression .piece .ui_info2 .ui_photo img {
  width: 185px;
  margin: 0 0 5px 0;
}
#impression .piece .ui_info2 span a {
  font-weight: bold;
}
#impression .piece .ui_info2 dl {
  padding: 10px 10px 5px 10px;
  border-top: #fff 1px solid;
}
#impression .piece .ui_info2 dd {
  margin: 0 0 5px 0;
}
#impression .piece .ui_info2 .shop_contact {
  color: inherit;
  background: #fff;
  margin: 0 auto 5px auto;
  padding: 10px;
  text-align: left;
  border-left: #fff0e0 5px solid;
  border-right: #fff0e0 5px solid;
}
#impression .piece .ui_info3 {
  width: 205px;
  float: left;
  border: #2B4D82 1px solid;
  background: #E8EAFF;
}
#impression .piece .ui_info3 div {
  color: #fff;
  background: #2B4D82;
  text-align: center;
  padding: 3px 0;
}
#impression .piece .ui_info3 .ui_photo {
  color: inherit;
  background: #E8EAFF;
  padding: 10px;
  border-bottom: #C8C8EF 1px solid;
}
#impression .piece .ui_info3 .ui_photo img {
  margin: 0 0 5px 0;
  border: #ccc 5px solid;
}
#impression .piece .ui_info3 .ui_photo p {
  font-weight: bold;
}
#impression .piece .ui_info3 span a {
  font-weight: bold;
}
#impression .piece .ui_info3 dl {
  padding: 10px 10px 5px 10px;
  border-top: #fff 1px solid;
}
#impression .piece .ui_info3 dd {
  margin: 0 0 5px 0;
}
#impression .piece .ui_info3 .shop_contact {
  color: inherit;
  background: #fff;
  margin: 0 auto 5px auto;
  padding: 10px;
  text-align: left;
  border-left: #E8EAFF 5px solid;
  border-right: #E8EAFF 5px solid;
}
#impression .piece .user_impression {
  width: 683px;
  float: right;
}
/* 投稿日や評価 */
#impression .piece .ui_date dl {
  margin: 0 0 5px 0;
}
#impression .piece .ui_date dl dt {
  float: left;
}
#impression .piece .ui_date dl dd {
  float: left;
  margin: 0 10px 0 5px;
}
/* 良い点・悪い点 */
#impression .piece .ui_appraisal {
  padding: 10px;
  border: #ccc 1px dotted;
}
#impression .piece .ui_appraisal li {
  display: inline;
  margin: 0 10px 0 0;
}
#impression .piece .ui_appraisal ul {
  padding: 0 0 0 30px;
  min-height: 20px;
  height: auto !important;
  height: 20px;
}
#impression .piece .ui_appraisal ul.good {
  background: url(https://img.webike.net/sys_images/sd/icon.gif) no-repeat 0 -292px;
  margin: 0 0 15px 0;
}
#impression .piece .ui_appraisal ul.bad {
  background: url(https://img.webike.net/sys_images/sd/icon.gif) no-repeat 0 -359px;
}
/* インプレテキスト */
#impression .piece .ui_text {
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
  border-bottom: #ccc 2px solid;
}
#impression .piece .ui_text dd {
  margin: 0 0 10px 0;
}
#impression .piece .ui_text dt {
  background: url(https://img.webike.net/sys_images/sd/icon.gif) no-repeat 0 -240px;
  padding: 0 0 5px 30px;
  font-weight: bold;
  margin: 0 0 5px 0;
  font-size: 14px;
}
#impression .piece .ui_text p {
  margin: 0 0 10px 0;
}
#impression .piece .ui_text dd img {
  float: left;
  padding: 0 10px 10px 0;
}
/* インプレコメント */
#impression .piece .ui_comment {
  padding: 10px;
}
#impression .piece .ui_comment div {
  font-weight: bold;
  font-size: 14px;
}
#impression .piece .ui_comment div.al_right {
  width: 420px;
  float: left;
}
#impression .piece .ui_comment div span {
  font-weight: normal;
}
#impression .piece .ui_comment dt {
}
#impression .piece .ui_comment dd {
  border-bottom: #ccc 1px dotted;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
}
#impression .piece .reference {
  padding: 7px 7px 5px 5px;
  background: #efefef;
  font-size: 10px;
  text-align: right;
}
#impression .piece .reference a {
  vertical-align: middle;
}
#impression .piece .reference span {
  font-weight: bold;
}
/* はい・いいえボタン */
#impression .piece a.evaluation-y {
  background: url(https://img.webike.net/sys_images/sd/button.png) no-repeat 0 -182px;
  display: inline-block;
  overflow: hidden;
  width: 62px;
  height: 24px;
  text-indent: -9999pt;
  margin: 0 auto;
  text-align: left;
}
#impression .piece a:hover.evaluation-y {
  background-position: 0 -206px;
}
#impression .piece a.evaluation-n {
  background: url(https://img.webike.net/sys_images/sd/button.png) no-repeat -62px -182px;
  display: inline-block;
  overflow: hidden;
  width: 62px;
  height: 24px;
  text-indent: -9999pt;
  margin: 0 auto;
  text-align: left;
}
#impression .piece a:hover.evaluation-n {
  background-position: -62px -206px;
}
#impression .piece .agree {
  color: #ff0000;
  background: #f1d7d8;
  padding: 5px;
}
#impression div.al_comment {
  background: none repeat scroll 0 0 #F5FAFF;
  border: 1px solid #A2BED7;
  height: auto;
  margin: 10px 0 3px;
  padding: 7px;
  vertical-align: bottom;
}
#impression div.al_comment h4 {
  margin: 0 0 3px;
}
#impression h4 {
  font-weight: bold;
}
#impression div.al_input_comment textarea {
  border: 1px solid #B3C3D2;
  height: 14px;
  margin: 0 0 4px;
  overflow: hidden;
  padding: 3px;
  resize: none;
  vertical-align: bottom;
  width: 495px;
}
#impression .underlink a:link {
  margin: 0 0 0 10px;
}

/*-- pagenation ----------------------------------*/
.pagination {
  color: #535353;
  text-align: center;
  margin: 30px auto 20px;
  font-size: 11pt;
  line-height: 24pt
}
.pagination A {
  color: #2E3377;
  padding: 4px
}
.pagination ul {
  display: block;
  margin: 0 auto;
  padding: 0
}
.pagination li {
  display: inline;
  margin: 0;
  padding: 0
}
.pagination li.firstPage, .pagination li.lastPage, .pagination li.pageLink, .pagination li.nowPage {
  padding: 4px;
  margin-right: 0;
  font-weight: bold
}
.pagination li.firstPage A, .pagination li.lastPage A, .pagination li.pageLink A {
  border: 1px solid #cacaca;
  background-color: #F5EFEF;
  text-decoration: none
}
.pagination li.firstPage A:HOVER, .pagination li.lastPage A:HOVER, .pagination li.pageLink A:HOVER {
  border: 1px solid #FFaa3B;
  background-color: #F3983B;
  color: #fff
}
.pagination li.nowPage {
  border: 1px solid #cacaca;
  background-color: #2E3279;
  color: #fff
}
.pagination li.nextPage A:HOVER, .pagination li.beforePage A:HOVER {
  color: #c00
}

/* サイドナビゲーション
==========================================================================*/
#side_nav{
  width:20px;
  position:absolute;
  right:0;
  top:220px;
  margin:10px 0 0 0;
  overflow: hidden;
  z-index:150;
}
#side_nav > div{
  width:150px;
  background:#666;
  padding:5px 5px 2px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
#side_nav:after {
  height: 0;
  visibility: hidden;
}
#side_nav .sn1{
  border:#ccc 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow:hidden;
  background:#fff;
}
#side_nav .sn1 li{
  border-top:#ccc 1px dotted;
  padding:10px;
  margin:-1px 0 0 0;
}
#side_nav .sn1 li a{
  display:block;
  color:#555;
}
#side_nav .sn1 li.action{
  background:#efefef;
}
#side_nav .sn2{
  margin:5px 0 0 0;
}
#side_nav .sn2 li a{
  background:#222;
  color:#fff;
  text-align:center;
  display:block;
  padding:5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin:0 0 3px 0;
}

/* 他導線
==========================================================================*/
#other_lead{
  margin:0 0 50px 0;
}

.leftcol{
  float:left;
  width:234px;
}
.rightcol{
  float:right;
  width:749px;
  width: -webkit-calc(100% - 249px);
  width: -moz-calc(100% - 249px);
  width: calc(100% - 249px);
}

/* カテゴリメニュー */
.leftcol h4 {
  background: #4c5462;
  padding: 5px;
  color: #fff;
  position: relative;
  margin: 1px 1px 10px 1px;
  font-size: 13px;
}
.leftcol h4:after {
  content: ' ';
  position: absolute;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #4c5462;
  top: 100%;
  left: 20px;
}
.leftcol h4 span {
  margin: 2px 0 0 3px;
  padding: 0 0 0 15px;
  font-size: 10px;
  font-weight: normal;
  float: right;
}
.leftcol h4 span a{
  color:#fff;
}
.leftcol .lc_menu {
  border: #ccc 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 10px 0;
}
.leftcol ul {
  margin: 0 auto;
}
.leftcol ul li {
  text-align: left;
  position: relative;
  border-bottom: #ccc 1px dotted;
  z-index:100;
}
.leftcol ul li:last-child {
  border-bottom: none;
}
.leftcol ul li span {
  padding: 5px 0 5px 5px;
  margin: 0;
}
.leftcol ul li span.number {
  padding: 0 0 0 10px;
  margin: 0;
  background: none;
}
.leftcol ul li img.star {
  margin: 3px 0 3px 10px;
}
.leftcol ul li a {
  display: block;
  padding: 5px;
}
.leftcol .form-menu > li:hover > a,
.leftcol .form-menu > li:hover ul > li:hover > a {
  color: #fff;
  background: #1c69bb;
  text-decoration: none;
}
.leftcol .form-menu ul {
  background-color: #ffffff;
  min-width: 240px;
  max-width: 276px;
  text-align: left;
  white-space: normal;
  border: #ccc 3px solid;
}
.leftcol .form-menu div {
  display: none;
  left: 0;
  min-width: 240px;
  max-width: 276px;
  top: 0;
  white-space: normal;
  height: auto !important;
  padding:0 0 0 176px;
  position:absolute;
  min-height:100px;
  z-index:-1;
}

/* 関連ジャンル
==========================================================================*/
#genre{
  margin:0 0 50px 0;
}

/* 売れ筋商品
==========================================================================*/
#ranking h3{
  color:#fff;
  padding:15px;
  background:#2A313C;
  position:relative;
  margin:0 0 15px;
}
#ranking h3 span{
  font-size:18px;
}
#ranking h3 select{
  position:absolute;
  right:20px;
  top:17px;
  padding:3px;
}


/* 最近チェックした商品
==========================================================================*/
/* チェック */
#check_item .check {
  position: relative;
  margin: 0 0 30px 0;
}
#check_item .check h3 {
  border-bottom: #bbbbbb 3px solid;
  padding: 0 0 0 5px;
}
#check_item .check .pager {
  text-align: right;
  font-size: 10px;
  padding: 3px;
}
#check_item .check .list a.prev {
  background: url(https://img.webike.net/sys_images/sd/button.png) no-repeat -312px -44px;
  text-indent: -9999pt;
  width: 19px;
  height: 19px;
  display: block;
  position: absolute;
  top: 85px;
}
#check_item .check .list a.prev: hover {
  background-position: -312px -63px;
}
#check_item .check .list a.next {
  background: url(https://img.webike.net/sys_images/sd/button.png) no-repeat -331px -44px;
  text-indent: -9999pt;
  width: 19px;
  height: 19px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 85px;
  right: 0;
}
#check_item .check .list a.next: hover {
  background-position: -331px -63px;
}
#check_item .check .list ul {
  margin: 0 30px 0 45px;
  overflow: hidden;
}
#check_item .check .list ul li {
  float: left;
  width: 110px;
  width: -webkit-calc(100% / 7);
  width: -moz-calc(100% / 7);
  width: calc(100% / 7);
  padding:0 10px;
  box-sizing:border-box;
}
#check_item .check .list ul li a:nth-child(1) {
  border: #ccc 1px solid;
  width: 108px;
  height: 108px;
  display: block;
  position: relative;
}
#check_item .check .list ul li a img {
  margin: 0 0 5px 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#check_item .check span {
  color: #e22c2c;
  font-family: Verdana, Geneva, sans-serif;
  display: block;
}
/* 在庫あり */
#check_item .stock {
  background: #DBEAFD;
}
#check_item .stock h3, #check_item .stock h2 {
  padding:10px 20px;
  font-size:20px;
  background: #1C68B9;
  border: none;
  color:#fff;
  position:relative;
}
#check_item .stock h3 select, #check_item .stock h2 select{
  position:absolute;
  top:10px;
  right:10px;
  padding:3px;
}
#check_item .stock h3.seo_h3_item_stock {
  padding: 0px;
  font-size: inherit;
  background: inherit;
  border: none;
  color: inherit;
  position: inherit;
  font-weight: inherit;
  display: inline;
}
#check_item .stock .pager {
  padding: 3px 10px 3px 3px;
}
#check_item .stock .list {
  padding: 0 0 10px 0;
}
#check_item .stock .list a.next {
  top: 100px;
  right: 10px;
}
#check_item .stock .list a.prev {
  top: 100px;
  left: 10px;
}
h2.fc_red.seo_h2_change_stock {
    display: inline;
    font-size: 14px !important;
}
#check_item .loader {
  background: url("https://img.webike.net/sys_images/top-index/loader.gif") no-repeat scroll center center transparent;
  height: 24px;
  margin: 20px;
  text-align: center;
}


/* ご利用案内
==========================================================================*/
#btminfo {
  border: 1px solid #CCCCCC;
  clear: both;
  margin: 20px auto;
  overflow: hidden;
  padding: 20px 0 10px;
  text-align: left;
  width: 950px;
}
#btminfo dl {
  float: left;
  margin: 0 0 0 15px;
  padding: 0;
  width: 214px;
}
#btminfo dl dt {
  font-weight: bold;
  margin: 0 0 5px 0;
}
#btminfo dl dd {
  margin: 0 0 2px;
  padding: 0 0 3px;
}

#div-gpt-ad-1367479444382-54{
  text-align:center;
}

#MotoSearchLink .motologo {
  margin-left: 15px;
  margin-bottom: 10px;
}
#MotoSearchLink {
  border: 1px solid #CCCCCC;
  clear: both;
  margin: 20px auto;
  overflow: hidden;
  padding: 20px 0 10px;
  text-align: left;
  width: 950px;
}
#MotoSearchLink a {
  color: #416090;
  font-size: 12px;
}
#MotoSearchLink dl {
  margin: 0;
  padding: 0;
}
#MotoSearchLink dl dt {
  padding: 0 0 3px;
  margin: 0 0 5px;
}
#MotoSearchLink dl dd {
  padding: 0 0 3px;
  margin: 0 0 5px;
}
#MotoSearchLink .MotoSearchLink_list{display: inline-flex;
  justify-content: flex-start;
  width:calc(100% - 20px);
  margin: 0 10px;
}
#MotoSearchLink .MotoSearchLink_list dl{
  width: calc(100% / 3);
}
#MotoSearchLink .MotoSearchLink_list a{padding: 0.1em 0.3em 0 0.3em;
  color: #2196f4;
  font-size: 14px;
}
#MotoSearchLink .MotoSearchLink_list a:hover{color: #fff;
  background: #2196f4;
}
#MotoSearchLink .MotoSearchLink_list a::before{
  font-family:'FontAwesome';
  content:"\f0c6";
  color: #333;
}

/* 追従ボトム
==========================================================================*/
#bottom{
  display:none;
  background:#fff;
  border-top:#ccc 3px solid;
  position:fixed;
  z-index:199;
  bottom:0;
  width:100%;
  text-align:center;
}
#bottom h2{
  margin:0 0 5px 0;
}
#bottom > div{
  margin:0 auto;
  padding:5px;
  background:#fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display:inline-block;
  text-align:left;
  max-width:920px;
  width: auto !important;
  width: 920px;
}
#bottom .thum{
  width:100px;
  float:left;
  margin:0 15px 0 0;
}
#bottom .thum img{
  border:#ccc 1px solid;
  max-width: 100px;
  width: auto !important;
  width: 100px;
  max-height: 100px;
  height: auto !important;
  height: 100px;
}
#bottom .choice {
  width:400px;
  float:left;
  margin:0 15px 0 0;
}
#bottom .changer{
  float:left;
}
#bottom .price{
  padding:0 0 5px 0;
  margin:0 0 5px 0;
  border-bottom:#ccc 1px dotted;
}
#bottom .price span.reference {
  text-decoration: line-through;
}
#bottom .price span.selling {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  color: #e22c2c;
}
#bottom .price span.selling span {
  font-size: 22px;
}
#bottom .price_other {
  padding: 0 0 10px 0;
}
#bottom .free_shipping {
  display: inline-block;
  padding: 3px 5px;
  border: #e22c2c 1px solid;
  margin: 0 0 0 10px;
  color: #e22c2c;
}
#bottom .btn_cart {
  background: #ee2769;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 15px;
  text-align: center;
  border:none;
  cursor:pointer;
  margin:0 0 5px 0;
  width:100%;
}
#bottom .btn_cart:hover {
  background:#f55288;
}
#bottom .btn_cart[disabled=disabled]{
  background:#999;
}
#bottom .btn_cart:hover[disabled=disabled]{
  cursor:default;
}
#bottom .choice select {
  padding: 3px;
  width: 47%;
  margin: 0 5px 5px;
  border:#ccc 3px solid;
  float:left;
}
#bottom .changer table{
  border:#ccc 1px solid;
  margin:0 0 5px 0;
}
#bottom .changer td {
  padding: 2px 8px;
}
#bottom .changer td.btn {
  font-size: 10px;
}
#bottom .changer td.btn a {
  color: #333;
  display: block;
}
#bottom .changer td.btn a{
  background: url(https://img.webike.net/sys_images/sd/button.png) no-repeat;
  width:15px;
  height:12px;
  text-indent:-9999pt;
  display:block;
}
#bottom .changer td.btn a.btn_up{
  background-position: -312px -84px;
}
#bottom .changer td.btn a:hover.btn_up{
  background-position: -312px -96px;
}
#bottom .changer td.btn a.btn_down{
  background-position: -327px -84px;
}
#bottom .changer td.btn a:hover.btn_down{
  background-position: -327px -96px;
}

/* ページトップへ
==========================================================================*/
#pagetop {
  bottom: 110px;
  font-size: 10px;
  position: fixed;
  right: 5px;
  z-index:250;
}
#pagetop a {

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  display: block;
  opacity: 0.8;
  padding: 15px;
  text-align: center;
  text-decoration: none;
}

#btn_message2 {
  position: absolute;
  border: #ccc 3px solid;
  padding: 50px 100px;
  background: #fff;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.75);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.75);
  box-shadow: 1px 1px 5px rgba(0,0,0,.75);
  display: none;
  top : -120px;
}
#btm_close_area {
  bottom: 155px;
  font-size: 10px;
  position: fixed;
  right: 5px;
  z-index: 252;
}
#btm_close_area .btn_close {
  display: block;
  width: 30px;
  height: 30px;
  border: #ccc 1px solid;
  text-align: center;
  line-height: 30px;
  position: absolute;
  top: -15px;
  right: -15px;
  background: #fff;
  border-radius: 15px;
  color: #000;
}
#btm_close_area .btn_close:hover {
  background: #333;
  color: #fff;
}
#set .btn_cart[disabled="disabled"] {
  background: none repeat scroll 0 0 #999;
}
#set .btn_cart:hover[disabled=disabled] {
  cursor: default;
}
#item .detail .price span.selling2 {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
}
#item .detail .price span.selling2 span {
  font-size: 20px;
}
.loadingSearchBox {
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 950px;
  height: 270px;
  z-index: 1000000;
}
.loadingUriageSearchBox {
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 750px;
  height: 750px;
  z-index: 1000000;
}
.model_link {
  background: #f5f5f5;
  padding: 20px;
}
.model_link .head {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px;
}
.model_link .list {
  margin: 0 0 0 -20px;
}
.model_link .list dl {
  float: left;
  width: 420px;
  margin: 0 0 0 20px;
}
.model_link .list dl dt {
  font-weight: bold;
  font-size: 14px;
  margin: 10px 0 5px;
  border-bottom: 1px solid #ccc;
}
.model_link .list dl dd {
  margin: 0 0 5px;
}

/* アイコン上書き
==========================================================================*/
.icons .common_icon_new {
  float: left;
  background: url(https://img.webike.net/sys_images/common/ws_common_icon_b.png) no-repeat;
  width: 40px;
  height: 20px;
  text-indent: -9999pt;
  vertical-align: middle;
  margin: 1px 1px 0 0;
  overflow: hidden;
}
.icons .common_icon_sale {
  float: left;
  background: url(https://img.webike.net/sys_images/common/ws_common_icon_b.png) no-repeat 0 -50px;
  width: 40px;
  height: 20px;
  text-indent: -9999pt;
  vertical-align: middle;
  margin: 1px 1px 0 0;
  overflow: hidden;
}
.icons .common_icon_stock {
  float: left;
  background: url(https://img.webike.net/sys_images/common/ws_common_icon_b.png) no-repeat 0 -100px;
  width: 60px;
  height: 20px;
  text-indent: -9999pt;
  vertical-align: middle;
  margin: 1px 1px 0 0;
  overflow: hidden;
}
.icons .common_icon_stock2_b {
  float: left;
  background: url(https://img.webike.net/sys_images/common/ws_common_icon_b.png) no-repeat 0 -150px;
  width: 100px;
  height: 20px;
  text-indent: -9999pt;
  vertical-align: middle;
  margin: 0 1px 0 0;
  overflow: hidden;
}
.icons .common_icon_free_shipping {
  float: left;
  background: url(https://img.webike.net/sys_images/common/ws_common_icon_b.png) no-repeat 0 -200px;
  width: 90px;
  height: 20px;
  text-indent: -9999pt;
  vertical-align: middle;
  margin: 0 1px 0 0;
  overflow: hidden;
}
.icons .common_icon_free_shipping_a {
  float: left;
  background: url(https://img.webike.net/sys_images/common/ws_common_icon_b.png) no-repeat -200px -200p;
  width: 66px;
  height: 20px;
  text-indent: -9999pt;
  vertical-align: middle;
  margin: 0 1px 0 0;
  overflow: hidden;
}
div#product_series_link{
  padding: 0;
  margin: 10px 0;
}
.point_detail_body {
  margin: 10px auto;
}
.point_detail_body table {
  width: 100%;
  border-collapse: collapse;
}
.point_detail_body .point_icon {
  width: 20px;
  vertical-align: middle;
  padding: 0 4px 0 0;
}
.point_detail_body table .point_detail_title {
  color:#fff;
  text-align: center;
  width: 160px;
}
.point_detail_body table .point_detail_inner {
  padding: 0 6px;
}
.barcode_bonus_block table .point_detail_title{
    background: #4aa5e2;
}
.point_chashless table .point_detail_title {
  border: 1px solid #e61e25;
  background: #e61e25;
}
.point_chashless table .point_detail_title span#goukeiPointRate{
    display: block;
}
.point_detail_body table .point_detail_title .total {
  font-size: 14px;
}
.point_detail_body table .point_detail_title .number {
  font-size: 20px;
  color: #ffd660;
}
.point_detail_body table .point_detail_title .percent {
  color: #ffd660;
}
.point_chashless table .point_detail_inner {
  border: 1px solid #e61e25;
}
.point_detail_body table .point_detail_inner .point {
  color: #e61e25;
  font-size: 14px;
  font-weight: bold;
  padding: 0 6px 0 0;
}

.point_campaign table {
  border: 1px solid #055aa2;
  margin: 20px 0 0;
}
.point_campaign table:first-child{
  margin: 0;
}
.point_campaign table .point_detail_title {
  border: 1px solid #055aa2;
  background: #055aa2;
}
.point_campaign .campaign_description {
  border: 1px solid #055aa2;
  border-radius: 11px;
  padding: 0 8px;
  font-size: 11px;
　　display: inline-block;
}
.point_campaign .campaign_description:hover {
  text-decoration: none;
  background: #055aa2;
  color: #fff;
}
.point_campaign .entry_body {
  padding: 0 20px;
  text-align: center;
}
.point_campaign a.entry_button {
  color: #ffd660;
  font-weight: bold;
  background: #055aa2;
  padding: 6px 20px;
  border-radius: 20px;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3);
}
.point_campaign .entry_button{
  display: block;
}
.point_campaign p.entry_button::before{
  font-family: FontAwesome;
  content: "\f00c";
  margin: 0 5px 0 0;
}
.point_campaign .entry_button:hover {
  box-shadow: none;
  transform: translate3d(0, 3px, 0);
  text-decoration: none;
}
.point_campaign p.entry_button:hover{
    transform: none;
}
.point_campaign .point_campaign_attention{
  margin: 6px auto 12px;
}
.point_w_card{
margin: 20px auto 10px;
}
.point_w_card table.wcard_rcmnd {
  background-color: #ff7200;
  border-collapse: separate!important;
  border-spacing: 1px;
}
.point_w_card table.wcard_rcmnd td {
  background-color: #fff;
}
.point_w_card img {
  width: 50px;
}
.point_w_card .balloon {
  width: 100%;
}
#item .affiliate {
  margin: 20px auto 0;
}
#item .affiliate a {
  border: 1px solid #e61e25;
  padding: 4px;
  border-radius: 5px;
  color: #e61e25;
}
#item .affiliate a:hover {
  text-decoration: none;
}
.point_w_card_approach {
    background: #ffecdd;
    padding: 0 5px;
    font-weight: bold;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    z-index: 0;
    min-width: max-content;
    width: auto;
}
.point_w_card_approach p{
    color: #333;
    font-size: 14px;
    font-weight: normal;
}
.point_w_card_approach p span{
    color: #ff7200;
    font-size: 24px;
    font-weight: bold;
}
.font_b{
    font-weight: bold;
}
#item .detail .price.price_space{padding: 5px;}
/*2020401_バーコードポイント変倍改修*/
.barcode_point_block{
    border: 1px solid #4aa5e2;
    position: relative;
    margin: 30px auto 0;
}
.barcode_point_block .barcode_point_title img{position:absolute;
top: -18px;
left: 0px;
width:400px;}
.barcode_point_inner{
    padding:8px;
    font-size: 16px;
    overflow: hidden;
}
.barcode_point_title{
    background: #4aa5e2;
    width: 100%;
    height:34px;
}
.barcode_point_inner dl {
    display: flex;
}
.barcode_point_deadline {
    display: block;
    float: right;
    color: #999;
}
/*2020413_バーコードポイント変倍_通常時_jan有無*/
/*jan_exist*/
.jan_exist .barcode_point_deadline{
    float: none;
}
.jan_exist .jan_code_img {
    width: 380px;
    object-fit: cover;
    height: 45px;
    object-position: top;
}
.jan_exist .barcode_point_inner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.barcode_point_inner_bottom{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    margin: 20px 0 0;
    border-top: 1px solid;
    padding: 10px 0 0;
}
.jan_none .barcode_point_inner_bottom{
    border-top: none;
    margin: 10px 0;
    padding: 0;
}
.barcode_app_block ul{
    display: flex;
    justify-content: space-between;
    margin:0;
    text-align: center;
    min-width: 270px;
}

.barcode_app_block img{
    height: 90px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}
.jan_exist .barcode_point_inner .title{
    width: 100%;
    margin: 0 auto 10px;
}
.barcode_app_block .store{
    height: 40px;
    display: block;
}
.barcode_app_block .store img{
    display: block;
    height: 100%;
    object-fit: contain;
}
@media screen and (max-width:1244px){
    .barcode_app_block{
        order: 2;
        margin: 20px 0 0;
        width: 100%;
        max-width: 300px;
    }
}
/*20200422_yuasa_SD対応*/
.user_input_text{
    margin: 10px 0 0;
}
.user_input_text span{
    display: inline-block;
    min-width: 65px;
}
.user_input_text span:first-child{
    margin: 0 0 10px;
}
.user_input_text input[type=text]{
padding: 3px;
}
.user_input_text input[type=text]:placeholder-shown{
    border: 2px solid #e61e25!important;
}
.user_input_text input[type=text]:not(:placeholder-shown){
    border: 2px solid #333!important;
}
.user_input_text input[type=text]::placeholder{
    color: #e61e25;
}
/*20200520_バーコードボーナス対応*/
.barcode_bonus_block{border: 1px solid #4aa5e2;}

.barcode_point_icon_title{
    color: #ffd660;
}
.barcode_bonus_block .point_detail_title img{
    width: 50px;
    display: block;
    margin: 0 auto;
}
.barcode_bonus_app_block{
    clear: both;
}
.barcode_bonus_app_block ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.barcode_bonus_app_block ul li a img{
    width: auto;
}
.barcode_bonus_app_block ul li img{
    width: 120px;
}
.barcode_bonus_app_block ul li{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.barcode_bonus_flex_block .title{
    background: #ffcdd2;
    padding: 5px;
    font-size:14px;
    font-weight: bold;
}
.barcode_bonus_flex_block p{
    margin: 5px;
}
.barcode_bonus_flex_block dl dt{
    float: left ;
    clear: left ;
    width: 20px ;}
.barcode_bonus_flex_block dl dd{
    float: left ;
    margin-left: 1em ;
}
.barcode_bonus_flex_block dl dd a{
    margin: 0 0 0 5px;
    text-decoration: underline;
}
.barcode_bonus_flex_block dl dd a:hover{
    opacity: 0.7;
}
/* syouhinQA */
#qa_comment{
    padding-top: 70px;
}

/*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
タブ切り替え*/

.qa_tab_inner {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    background: #efefef;
    border-radius: 5px;
    padding: 10px;
}

.qa_tab_radio {
    width: 135px;
    height: 47px;
   background-image: linear-gradient(to top, #d5dcdd, #e8ebec);
    text-align: center;
    color: #565656;
    text-align: center;
    padding: 0;
    font-size: 12px;
    line-height: 47px;
    border-radius: 5px 5px 0 0;
        border-top: solid 1px #d4dcdd;
    border-right: solid 1px #d4dcdd;
    border-left: solid 1px #d4dcdd;
}
.qa_teb_r{
    margin-left: 5px;
}
.qa_tab_radio:hover {
    opacity: 0.75;
}

input[name="qa_tab_radio"] {
    display: none;
}

.qa_tab_content {
    display: none;
    border-top: none;
    background: #fff;
    border-radius: 5px;
    width: 100%;
}
.qa_tab_box{
    padding: 20px;
     border-top: #0072b3 5px solid;
    
}
#qa_specification:checked ~ #qa_specification_content,
#qa_conform:checked ~ #qa_conform_content {
    display: block;
}

.qa_tab_inner input:checked + .qa_tab_radio {
    background-image: linear-gradient(to top, #0072b3, #35b3fb);
    border-color: #0072b3;
    color: #fff;
}

/*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
テーブル*/
.qa_table_box{
    font-size: 14px;
}
.qa_question_title{
    font-size: 16px;
    font-weight: bold;
}
.qa_table_box tr{
    padding: 3px 0;
    display: block;
}
.qa_table_box th{
    width: 70px;
    vertical-align: top;
}
.qa_answer_icon{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.qa_answer_icon img {
    width: 25px;
    margin-right: 5px;
    border-radius: 40px;
}
.qa_answer_diary{
    color: #adadad;
    margin-left: 10px;
    display: block;
}
/*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
参考になったボタン*/
.qa_reference_btn{
    text-align: right;
}
.qa_reference_btn_link {
display: inline-block;
    background: #efefef;
    width: 120px;
    padding: 5px;
    text-align: center;
    text-decoration: none!important;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    color: #000;
    font-family: Font Awesome\ 5 Free;
    border: none;
}
.qa_reference_btn_link:hover{
    opacity: 0.5;
}
/*ご協力ありがとうございましたボタン*/
.qa_reference_btn_thx{
    color: #e61e25;
    width: 250px;
}
/*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
表示するボタン*/

.qa_tab_box li {
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.qa_tab_box li.is-hidden{
    opacity: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
}

.qa_more {
    text-align: center;
    margin-top: 20px;

}
.qa_more button {
background-color: #fff;
    cursor: pointer;
    outline: none;
    padding: 15px 0;
    width: 50%;
    border-radius: 30px;
    border: 1px solid #000;
    font-size: 16px;
}

/*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
質問ボタン*/
.qa_question_foam{
    display: block;
    width: 30%;
    text-align: center;
    padding: 15px 0;
    margin: 30px auto;
    font-size: 16px;
    color: #fff!important;
    border-radius: 10px;
    text-decoration: none!important;
}
.qa_question_specification{
    background: #29a4eb;
    border:1px solid #29a4ed;
}
.qa_question_specification:hover{
    background: #fff;
    border:1px solid #29a4ed;
    color: #29a4ed!important;
}
.qa_question_conform{
    background: #087bbd;
    border:1px solid #087bbd;
}
.qa_question_conform:hover{
    background: #fff;
    border:1px solid #087bbd;
    color:#087bbd!important;
}
/*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
投稿が0件だった場合*/
.qa_post_all_zero{
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin: 80px 0 40px;
    font-weight: bold;
}
.qa_tab_content_allzero{
width: 100%;
    display: none;
    background: #fff;
}

/*20200708_SD_UI改善*/
div[id*="div-gpt-ad-"]{
  text-align: center;
}
.zoomContainer{
  z-index: 2;
}
.barcode_bonus_inner .campaign_description{
    border: 1px solid #4aa5e2;
    border-radius: 11px;
    padding: 0 8px;
    font-size: 11px;
    display: inline-block;
    text-decoration: none;
    color: #4aa5e2;
}
.barcode_bonus_inner .campaign_description:hover{
    background: #4aa5e2;
    color: #fff;
    opacity: 1;
}
.item_select_description{
    margin:-50px 0 0;
    padding:50px 0 0;
}

.sd_advertisement_baner{
    text-align: center;
    margin-top: 10px;
}
/*SDページインプレ改修*/
#impression .piece .ui_info{
  display: flex;
  align-items:center;
}
#impression .piece .ui_info a img{
  width:60px;
  height:60px;
  overflow: hidden;
  border-radius: 30px;
  margin:0 5px 0 0;
}
.impression_target{
  display: table;
  border: 2px solid #dddddd;
  padding:3px 5px;
  font-size:12px;
  margin: 0 0 5px;
  background: #fff;
}
.impression_target.applicable_item{
  border-color: #e61e25;
  color:#e61e25;
}
.ib{
  display: inline-block;
}
.tekigo_impre{
  position: absolute;
  top:-5px;
  right:5px;
  background: #e61e25;
  color:#fff;
  border-radius: 10px;
  padding: 3px 10px;
  display: block;
  font-size:12px;
}
 #impression #viewImpression #overall_top,#impression #viewImpression #overall{
  display: block;
  padding:0 20px 0 0;
}
#impression #viewImpression #overall_top{
  border-right:none;
}
#impression .total_point_block{
  width:100%;
}
#impression .user_impression_point_block.new > .total_point_block{
  width:50%;
  display: flex;
}
#impression .user_impression_point_block.new > .impre_des_graph {
  width: calc(50% - 168px);
}
#impression .user_impression_point_block.new > .total_point_block .chart-box{
  margin:0 20px 20px 0;
}
#impression .user_impression_point_block.new .text_c{
  margin: 0 0 10px;
}
#impression .impre_detail_rate_block{
  width:100%;
}
.impre_detail_rate_list{
  display: inline-block;
}
.total_point_block .total_point span.total_impre_kensu{
  font-size:14px;
  margin:0 0 5px;
  display: block;
}

.chart-box{
	margin: 0 auto 30px;
	max-width: 240px;
	min-width: 200px;
}

/* ここから円グラフ */
.simple-pie-chart{
	padding: 50%;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	background:linear-gradient(90deg,#e5e5e5 0%,#e5e5e5 50%,#f1b611 50%,#f1b611 100%);
}
.simple-pie-chart .chart-meter{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: rotate(0deg);
	padding-left: 50%;
	box-sizing: border-box;
	background: linear-gradient(90deg,transparent 0%,transparent 50%,#e5e5e5 50%,#e5e5e5 100%);
}
.simple-pie-chart .chart-meter.inversion{
	background: linear-gradient(90deg,#f1b611 0%,#f1b611 50%,transparent 50%,transparent 100%);
}
.simple-pie-chart .chart-value{
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
}
/*202106入荷お知らせ*/
#item .btn_instock {
  background: #ff7200;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 15px;
  width: 100%;
  height: 50px;
  border: none;
  cursor: pointer;
  margin: 0 0 5px 0;
}
#item .btn_instock[disabled=disabled]{
  background:#999;
  cursor: auto;
}
.instock_block {
  position: relative;
}
.instock_description {
  display: none;
  position: absolute;
  padding: 10px;
  font-size: 12px;
  line-height: 1.6em;
  color: #000;
  background: #FFF7D1;
  width: 100%;
  box-sizing: border-box;
}
.instock_detail_q {
  background: #fff;
  height: 14px;
  width: 18px;
  display: inline-block;
  color: #ff7200;
  margin: 0 0 0 8px;
  padding: 3px 0 0;
  font-size: 12px;
}
.instock_detail_q:hover + .instock_description,
.instock_description:hover {
  display: inline-block;
  top: 33px;
  right: 0;
  z-index: 1;
  text-align: left;
}