@charset "Shift_JIS";

/* --------------------------------------------------------------------
    common　ヘッドライン
-------------------------------------------------------------------- */
h1.optimaizedH1{
    display: none;
}
h1.event_name_ {
    font-size: 15px;
    font-weight: bold;
    color: #cd0000;
    padding: 22px 10px 0;
}
h1.event_name_img_ {
    margin: 10px 0;
    text-align: center;
}
h2.goods_name_ {
    font-size: 17px;
    color: #333;
    line-height: 1.176;
}
/*h2.category_name_ {
    margin: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #00377F;
}
*/
h2.category_name_img_ {
    margin: 10px 0;
    text-align: center;
}
h2.genre_name_ {
    margin: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #00377F;
}
h2.genre_name_img_ {
    margin: 10px 0;
    text-align: center;
}
h2.event_name_ {
    font-size: 15px;
    font-weight: bold;
    color: #cd0000;
    padding: 22px 10px 0;
}
h2.event_name_img_ {
    margin: 10px 0;
    text-align: center;
}
.top_comment_ {
    margin: 0 10px 10px;
}

.app_view .wrapper_ {
    margin-top: 0px;
    padding-bottom: 10px;
}

/* --------------------------------------------------------------------
    common　ナビゲーション
-------------------------------------------------------------------- */
body {
  -webkit-overflow-scrolling: touch;
}
body.app_view {
  height: 100vh !important;
  box-sizing: border-box;
}
body.page-search.app_view .pagination { padding-bottom: 0;}
body.page-search.app_view .contents_  { padding-bottom: 65px;}

/* パンくず */
.navitopicpath_ {
    margin: 0 0 20px;
    background: #F0F0F0;
    overflow-x: auto;
}
.navitopicpath_ a {
    display: inline-block;
    padding: 8px 10px 8px 5px;
    white-space: nowrap;
}
.navitopicpath_ li:first-child a {
    padding-left: 10px;
}
.navitopicpath_ span {
    font-size: 12px;
}
.navitopicpath_ span.current_ {
    margin: 0 0.5em;
    white-space: nowrap;
    font-size: 12px;
}

.navitopicpath_ div.block {
    float:left;
}
.navitopicpath_ div {
    float:right;
}

.navitopicpath_ ul {
    display: flex;
}
.navitopicpath_ li {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.navitopicpath_ .bread-crumb-list-wrapper {
    float: none;
    display: inline-block;
}

/* ページジャンプ */
.navipage_ {
    margin: 0 10px;
    text-align: center;
}
.navipage_ p {
    font-size: 11px;
    color: #333;
}
.navipage_.top_ {        /* ページジャンプ上部 */
    margin-bottom: 10px;
}
.navipage_.bottom_ {    /* ページジャンプ下部 */
    margin-top: 10px;
}
.navipage_ .navipage_sum_ {
}
.navipage_ nav a,
.navipage_ nav span {
    margin: 0 1px;
}
.navipage_ a {
    white-space: nowrap;
    padding: 3px 6px;
    display: inline-block;
    background-color: #F6FEFF;
    border: 1px solid #BFCDDF;
}
.navipage_now_ {
    padding: 3px 6px;
    display: inline-block;
    color:#C00;
    font-weight:bold;
    text-decoration:none;
    background: #FEE;
    border: 1px solid #F99;
}
.navipage_ .navipage_reverse_ {
}
.navipage_ .navipage_forward_ {
}
/* 並び替え */
.navisort_ {
    margin: 2px 0;
    overflow: hidden;
    border-bottom: 2px solid #FFCCCC;
}
.navisort_ dt {
    float: left;
    text-align: right;
    font-weight: bold;
    width: 8em;
}
.navisort_ dd {
    margin-left: 8em;
}
.navisort_now_ {
    color:#CC0000;
    text-decoration:none;
    margin:2px 5px;
    white-space: nowrap;
}
.navisort_ a {
    margin:2px 5px;
    white-space: nowrap;
}
/* 表示切替 */
.navistyle_ {
	display: none;
	z-index: 101;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	transition: all .3s;
}
.navistyle_ .inner_ {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	z-index: 1;
}
.navistyle_ .headline_ {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f3f3f3;
	padding: 15px 10px 14px;
}
.navistyle_ .headline_ p {
	font-weight: bold;
	background: url(../img/usr/sb/common/icon_sort.png) no-repeat left center / 20px;
	padding: 0 0 0 35px;
}
.navistyle_ .select_ label {
	display: block;
	border-top: 1px solid #ddd;
	padding: 14px 10px 12px;
	font-size: 12px;
}
.navistyle_ .select_ input {
	-webkit-appearance: none;
	margin: 0 10px 0 0;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	border: 1px solid #ddd;
	background: #f3f3f3;
	box-sizing: border-box;
}
.navistyle_ .select_ input:checked {
	background: #fff;
	border: 7px solid #c00;
}

/* 件数表示 */
.navipagenum_ {
	display: block;
	width: 100%;
	text-align: center;
}

/* ブランド絞込 */
.brand_name_ {
}
.brand_name_now_ {
    color:#CC3300;
    text-decoration:none;
    padding: 5px;
    display: inline-block;
    white-space: nowrap;
    font-weight: bold;
}
.brand_name_ a {
    padding: 5px;
    display: inline-block;
}
/* メーカー絞込 */
.maker_name_ {
}
.maker_name_now_ {
    color:#CC3300;
    text-decoration:none;
    padding: 5px;
    display: inline-block;
    white-space: nowrap;
    font-weight: bold;
}
.maker_name_ a {
    padding: 5px;
    display: inline-block;
    white-space: nowrap;
}
/* 商品分類絞込 */
#goods_class_filter_ {
    padding-bottom: 3px;
}
#goods_class_filter_ dd {
}
#goods_class_filter_ .class_filter_ {
    margin-right: 10px;
}
#goods_class_filter_ .class_filter_ .selected_ {
    background-color: #ffeeff;
}

/* --------------------------------------------------------------------
    Ajax　Zip
-------------------------------------------------------------------- */
#suggestZipArea {
    background-color: #ffffff;
    border: 1px solid #999999;
    display: none;
    padding: 2px 0;
    position: absolute;
    z-index: 9999;
}
#suggestZipArea .itemNotFound {
    padding: 0 4px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #999999;
    font-style: italic;
}
#suggestZipArea .itemLine {
    padding: 0 4px;
    height: 20px;
    line-height: 20px;
    list-style:none;
    white-space:nowrap;
    color: #000000;
}
#suggestZipArea .selected {
    background-color: #ffdddd;
    color: #c00000;
}
#suggestZipArea .itemLine .itemCode {
    float: left;
    font-weight: bold;
    margin-right: 4px;
}
#suggestZipArea .itemLine .itemName {
}


/* --------------------------------------------------------------------
    トピックス
-------------------------------------------------------------------- */
/* トピック詳細 */
.topiclist_body_ {
}
.topiclist_body_ .topic_title_  img{
    vertical-align: text-bottom;
}
.topiclist_body_ figure {
    padding: 0 10px 10px;
}
.topiclist_body_ article {
    padding: 5px 10px 15px;
}
/* トピック一覧 */
div.topiclist_ {
/*    margin: 0 10px 10px;
    background: #F6F6F6;
    border: 1px solid #E0E0E0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: #999 0 3px 3px -2px;*/
}
div.topiclist_ .topiclist_head_ {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

div.topiclist_ .topiclist_body_ {
/*    margin: 0 5px 5px;
    padding: 0 10px;
    background: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
}
div.topiclist_ .topiclist_body_ li {
    padding: 13px 10px;
    min-height: 64px;
    border-bottom: 1px dotted #CCC;
    font-size: 15px;
    color: #333;
    line-height: 1.333;
}
div.topiclist_ .topiclist_body_ li a,
div.topiclist_ .topiclist_body_ li span.nolink_ {
    display: block;
    padding: 5px 0;
}
div.topiclist_ .topiclist_body_ li a {
    color: #333;
    text-decoration: none;
}
div.topiclist_ .topiclist_body_ .icon_ {
    display: inline-block;
    height: 20px;
}
div.topiclist_ .topiclist_body_ .icon_ img {
    height: 100%;
}
div.topiclist_ .topiclist_body_ .date_ {
    display: inline-block;
    font-size: 15px;
    color: #C00;
    vertical-align: top;
}
.wrapper_.bg_gray #buy .more_txt{
    margin-top: 20px;
    border-top: 1px solid #eee;
    text-align: center;
}
.wrapper_.bg_gray #buy .more_txt a{
    display: block;
    padding: 10px 0 0 10px;
    color: #1d3994;
    background: url(/img/usr/sp/menu_arrow2.png) no-repeat right 70%;
    background-size: 8px 14px;
}
.topic-list .top_{
    padding-top: 10px;
}

.topic-list ul li {
    margin: 20px 10px 0;
}

.topic-list ul li a {
    color: #404040;
    text-decoration: none;
}

.topic-list ul li p {
    word-break: break-all;
}

.topic-list ul li .icon_ {
  color: #fff;
  font-size: 10px;
  letter-spacing: 1px;
  background: #c00;
  margin: 0 0 0 7px;
  padding: 1px 5px 0;
  border-radius: 10px;
  transform: scale(0.9);
}

/* --------------------------------------------------------------------
    商品詳細
--------------------------------------------------------------------- */
div.goods_ {
    clear: both;
}
.icons {
    line-height: 0;
    margin-bottom: 10px;
}
.icons img {
    height: 18px;
    margin: 0 2px 5px 0;
}
#spec_goods_comment {
    margin: 0 15px;
}
div.goodsproductdetail_ {
    width:100%;
    overflow: hidden;
}
table.goodsproductdetail_ {
    width: 100%;
}
table.goodsproductdetail_ td {
    vertical-align: top;
}

/* 商品画像 */
div.goodsimg_ {
}
div.goodsimg_ .img_L_ {
    margin-bottom: 10px;
    text-align:center;
}
div.goodsimg_ .img_L_ img {
    max-width: 200px;
}
div.goodsimg_ .img_L_ .comment_ {
    text-align:left;
    margin-top: 5px;
}
div.goodsimg_ .img_c_{
    margin-bottom: 10px;
    text-align: center;
}
div.goodsimg_ .img_c_ img {
    max-width: 200px;
}
div.goodsimg_ .img_c_ .comment_ {
    margin-top: 5px;
}
/**/

/* 商品画像バリエーション */
div.etc_goodsimg_ {
    overflow: hidden;
}
div.etc_goodsimg_line_ {
}
div.etc_goodsimg_item_ {
    text-align: center;
    position:relative;
    max-width:250px;
    max-height: 250px;
    margin: 0 auto;
}
div.etc_goodsimg_item_ img {
    max-width: 250px;
    max-height: 250px;
}

div.etc_goodsimg_item_ img.new_img_ {
position: absolute;
top:0;
left:0;
}

/**/

/* 商品スペック */
div.goodsspec_ {
    background: #FFFEF4;
}
dl.goodsspec_ dt {
    clear: left;
    float: left;
    padding: 10px 0 10px 15px;
    min-height: 19px;
    font-size: 13px;
    color: #333;
    line-height: 1.462;
}
dl.goodsspec_ dd {
    padding: 10px 15px 10px 15px;
    min-height: 19px;
    border-bottom: 1px solid #CCC;
    font-size: 13px;
    color: #333;
    line-height: 1.462;
}
dl.goodsspec_ dd .price_box_ small {
    display: block;
}
dl.goodsspec_ #spec_price {
    line-height: 1;
}
dl.goodsspec_ #spec_price .small_ {
    font-size: 9px;
    color: #777777;
}
dl.goodsspec_ #spec_price .point_ {
    margin-top: 7px;
}

dl.goodsspec_ #spec_price .point_ img {
    width:180px;
    height:26px;
}
dl.goodsspec_ dd .details_link {
    margin-top: 5px;
    text-align: right;
}
dl.goodsspec_ dd .details_link img {
    height: 20px;
}
.to_detaillink_ {
    margin: 0 10px 0 0;
    text-align: right;

}
.to_detaillink_ a {
    padding-left: 20px;
    display: inline-block;
    background: url(../img/usr/blank.png) left center no-repeat;
}

/* 入荷案内申込関係 */
div.backorder_variation_unit_ {
    margin: 0 10px 20px;
    padding: 10px;
    vertical-align:middle;
    background: #F0F0F0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.goods_spec span.shipping_ {
    font-size: 13px;
    font-weight:bold;
    padding: 0;
    line-height: 1.5;
    margin: 10px 0 10px;
    width: auto;
    color: #333333;
}

/**/
/* カートボタン関係 */
div.cartbox_ {
    padding: 0 15px 10px;
    vertical-align:middle;
}
div.cartbox_ span.variationlist_ {
    padding-right:4px;
    vertical-align:top;
}
.icon_cart {
    height: 55px;
    background-image: url(../img/usr/sp/icon_cart.png);
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    font-size: 18px;
    font-weight: bold;
}

div.trepeat_goods_course_ .icon_cart {
    height: 55px;
    background-image: url(../img/usr/sp/icon_r_cart.png);
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    font-size: 18px;
    font-weight: bold;
}

div.cartbox_ .js-cart-frame {
    display: none;
    position: fixed;
    top: 20%;
    left: 10%;
    right: 10%;
    width: 80%;
    background: #FFF;
    opacity: 0.0;
    text-align: left;
    transition: all 0.3s;
    z-index: 9999;
}
div.cartbox_ .js-cart-frame.disp {
    display: block;
    opacity: 1.0;
}
div.cartbox_ .js-cart-frame .cart_frame_ {
    border: 1px solid #DEDEDE;
}
div.cartbox_ .js-cart-frame .cart_frame_title_ {
    font-size: 18px;
    line-height: 1.5;
    padding: 9px 15px;
    background: #DEDEDE;
}
div.cartbox_ .js-cart-frame .cart_item_ {
    margin: 30px 19px 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #DEDEDE;
    overflow: hidden;
}
div.cartbox_ .js-cart-frame .cart_item_ .cart_item_img_ {
    width: 70px;
    margin-right: 10px;
    float: left;
}
div.cartbox_ .js-cart-frame .cart_item_ .cart_item_img_ img {
    width: 100%;
}
div.cartbox_ .js-cart-frame .cart_item_ .cart_item_desc_ {
    width: calc(100% - 80px);
    float: left;
    font-size: 14px;
    line-height: 1.5;
}
div.cartbox_ .js-cart-frame .cart_item_ .cart_item_desc_ .cart_item_price_ .cart_item_hidden_price_ {
    display: none;
}
div.cartbox_ .js-cart-frame .cart_item_ .cart_item_desc_ .cart_item_price_ .tax_ {
    padding-left: 1.0em;
    font-size: 10px;
    line-height: 1.5;
}
div.cartbox_ .js-cart-frame .cart_item_ .cart_item_desc_ .cart_item_qty_ span {
    padding-left: 0.5em;
}
div.cartbox_ .js-cart-frame .cart_item_amt_ {
    margin: 24px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
div.cartbox_ .js-cart-frame .cart_item_amt_ span {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.5;
    color: #D10000;
    padding-left: 20px;
}
div.cartbox_ .js-cart-frame .cart_item_btn_ {
    text-align: center;
}
div.cartbox_ .js-cart-frame a.cart_item_cart_ {
    display: block;
    width: 86.66%;
    padding: 18px 0;
    margin: 0 auto;
    border: 1px solid #F2AF19;
    border-radius: 4px;
    background: -moz-linear-gradient(top, #FFDA3C 0%, #FFCB3C 100%);
    background: -webkit-linear-gradient(top, #FFDA3C 0%,#FFCB3C 100%);
    background: linear-gradient(to bottom, #FFDA3C 0%,#FFCB3C 100%);
    text-align: center;
    color: #222;
    font-size: 15px;
    cursor: pointer;
    -webkit-appearance: none;
}
div.cartbox_ .js-cart-frame a.cart_item_continue_ {
    display: inline-block;
    margin: 24px 0;
    color: #0083D5;
    font-size: 15px;
}
div.cartbox_ .js-cart-frame a.cart_frame_close_ {
    position: absolute;
    top: 13px;
    right: 13px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.0;
    color: #FFF;
}
div.cartbox_ .js-cart-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.55);
    opacity: 0.0;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 9998;
}
div.cartbox_ .js-cart-bg.disp {
    display: block;
    opacity: 1.0;
}

/**/
/* バリエーションプルダウン */
div.cartbox_ .variation_pulldown_ {
    margin-bottom: 10px;
}
/**/
/* バリエーションボックス */
div.cartbox_ p.guide_ {
    background: #FFF;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.cartbox_ p.message_ {
    padding-left: 5px;
}
div.cartbox_ div.colors_ {
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
}
div.cartbox_ div.colors_ div.color_ {
    display: inline-block;
    margin:2px 5px 2px 5px;
    white-space: nowrap;
    width:30px;
    height:30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.cartbox_ div.colors_ div.color2_ {
    display: inline-block;
    margin: 2px 5px 2px 5px;
    white-space: nowrap;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-align: left;
    background-position: center;
}
div.cartbox_ div.colors_ div.color_EnableStock_ {
    border:solid 2px #d0d0d0;
    background-color:#FFF;
    cursor:pointer;
}
div.cartbox_ div.colors_ div.color_DisableStock_ {
    border:dashed 2px #d0d0d0;
    background-color:#909090;
    cursor:pointer;
}
div.cartbox_ div.colors_ div.color_Selected_ {
    border:solid 2px #ffc0c0;
    background-color:#ffe0e0;
}
div.cartbox_ div.colors_ div.color_DisableSelected_ {
    border:dashed 2px #ffc0c0;
    background-color:#909090;
    color:#ffc0c0;
}
div.cartbox_ div.colors_ br,div.cartbox_ div.sizes_ br {
    clear:left;
}
div.cartbox_ div.sizes_ {
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
}
div.cartbox_ div.sizes_ div.size_ {
    display: inline-block;
    padding:5px 10px;
    margin:2px 5px 2px 5px;
    white-space: nowrap;
    text-align:center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.cartbox_ div.sizes_ div.size_EnableStock_ {
    border:solid 1px #d0d0d0;

    background-color:#FFF;
    cursor:pointer;
}
div.cartbox_ div.sizes_ div.size_DisableStock_ {
    border:solid 1px #d0d0d0;
    background-color:#909090;
    cursor:pointer;
}
div.cartbox_ div.sizes_ div.size_Selected_ {
    border:solid 1px #ffc0c0;
    background-color:#ffe0e0;
}
div.cartbox_ div.sizes_ div.size_DisableSelected_ {
    border:solid 1px #d0d0d0;
    background-color:#909090;
    color:#ffc0c0;
}
.goodsproductdetail_ .goodsimg_ div.mask_ {
    position:absolute;
    z-index:10;
    color:#ff4a4a;
    font-weight:bold;
}
/**/

/**/
/* 店舗在庫 */
div.storestock_ {
    margin-bottom:10px;
}
dl.storestock_ {
    margin:0 10px;
    border:1px solid #CCC;
    margin-bottom:10px;
}
dl.storestock_ dt
, dl.storestock_ dd {
    display: block;
}
dl.storestock_ dt {
    padding:5px 5px 5px 6px;
    background-color: #F0F0F0;
}
dl.storestock_ dd {
    font-size: 14px;
    padding:5px 5px 5px 12px;
}
span.storestock_div_ {
    font-weight: bold;
    margin-left: 10px;
}
span.storestock_item_ {
    font-size: 16px;
    padding-right: 12px;
}
div.storestock_alert_ {
    margin: 0 10px 10px;
}
/**/

div.goodscomment1_ {
    margin: 15px 15px;
    font-size: 15px;
    color: #333;
    line-height: 1.333;
}
div.goodscomment2_ {
    background: #FFFEF4;
}
.goodscomment2_ dl.goodsspec_ {
    border-top: 1px solid #CCC;
}
div.goodscomment3_ {
}
div.goodscomment4_ {
}
div.goodscomment5_ {
}
div.rulescomment_ {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
div.goods_ div.accessory_list_ {
    margin:10px 0px;
}
.option_buttons_ {
    margin: 0 10px 10px;
}
.option_buttons_ li {
}
.option_buttons_ li.social_ {
/*    text-align: center;*/
}
/*1020*/
.option_buttons_ li.social_ div.socialbutton_ {
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: text-top;
}
/*1020*/
.option_buttons_ li.social_ div.socialbutton_ {
    margin-bottom:15px;
}
.sell_limit {
    color: #CC0000;
}

/*その他の情報*/
.appendix {
}
.appendix > li {
    position: relative;
    padding: 10px 15px;
    border-top: 1px solid #CCC;
}
.appendix > li:first-child {
    border-top: none;
}
.appendix > li .headline {
    height: 30px;
    font-size: 13px;
    color: #333;
    line-height: 1.462;
}
.appendix > li .details_link {
    position: absolute;
    top: 10px;
    right: 15px;
}
.appendix > li  dd{
    margin-left: 10px;
}
.appendix > li .details_link img {
    height: 20px;
}
.appendix > li p {
    font-size: 11px;
    color: #333;
    line-height: 1.364;
}
.appendix > li p img {
    width: 100%;
}

.appendix.method {
    background: #FFFEF4;
}
.appendix.other > li {
    overflow: hidden;
}
.appendix.other > li p {
    overflow: auto;
}
.appendix.other > li img {
    float: left;
    margin-right: 8px;
    height: 60px;
}
.appendix.about {
    border-bottom: 1px solid #CCC;
    margin-bottom: 15px;
}
.appendix.about > li p {
    font-size: 13px;
    line-height: 1.538;
}
.appendix.about > li ul {
    list-style: none;
}
.appendix.about > li li {
    padding-left: 1em;
}
.appendix.about > li li:before {
    content: '●';
    float: left;
    margin-left: -1em;
}
.appendix.about .mark_{
    border: 1px solid #666;
    margin-bottom: 5px;
}
.appendix.about .mark_  th,
.appendix.about .mark_  td{
    border-bottom: 1px solid #666;
    padding: 2px;
}
.appendix.about .mark_  th{
    vertical-align: middle;
}
.appendix.about .mark_  td{
    border-right: 1px solid #666;
    font-size: 12px;
}
.appendix.about .mark_ img{
    height: 18px;
    vertical-align: middle;
}
/*1020*/
.appendix.method li table{
    width: 100%;
    border: 1px solid #666;
}
.appendix.method li table tr td{
    text-align: center;
    color: #666;
    font-size: 12px;
    border-right: 1px solid #666;
}
.appendix.method li table tr:first-of-type td{
    border-bottom: 1px solid #666;
}
.appendix.method li table tr td:first-of-type{
    background-color: #333;
    color: #fff;
}
.appendix.method li table tr td:last-of-type{
    border-right: none;
}
.appendix.method li table tr td.on{
    background-color: #ff6a00;
    color: #fff;
}

/*商品詳細 ドラッグストア*/
.drugstore_check {
    text-align: center;
    padding-bottom: 10px;
}
.drugstore_check img {
    height: 44px;
    line-height: 0;
}

/* --------------------------------------------------------------------
    商品一覧
-------------------------------------------------------------------- */
div.goods_ {
}
.goods_vertical {
    background: #FFF;
}
.goods_vertical div.goods_ {
    padding: 10px 0;
    overflow-x: scroll;
    overflow-y: auto;
    width: 100%;
    box-sizing: border-box;
}
.goods_vertical ul.goods_p_ {
    overflow: auto;
  display: flex;
  -webkit-overflow-scrolling: touch;
  padding: 0 10px 15px 10px;
  width: 100%;
  box-sizing: border-box;
}
.goods_vertical ul.goods_r_ {
    overflow: auto;
  display: flex;
  -webkit-overflow-scrolling: touch;
  padding: 0 10px 15px 10px;
  width: 100%;
  box-sizing: border-box;
}

ul.goods_p_ li {
    padding: 0;
}
ul.goods_p_ li:first-child {

}
.goods_vertical ul.goods_p_ li,
#mypagenav .goods_vertical ul.goods_p_ li  {
    padding: 0;
    border: none;
}
ul.goods_p_ li a,
#mypagenav ul.goods_p_ li a {
    overflow: hidden;
    display: block;
    padding: 15px 0;
    text-decoration: none;
}
#netshop ul.goods_p_ li a {
    background: url(../img/usr/sp/arrow_right_netshop.png) right center no-repeat;
    background-size: auto 13px;
}
#drugstore ul.goods_p_ li a {
    background: url(../img/usr/sp/arrow_right_drugstore.png) right center no-repeat;
    background-size: auto 13px;
}
.goods_vertical ul.goods_p_ li a {
    padding: 0;
    background: none;
}
.goods_vertical ul.goods_r_ li a {
    padding: 0;
    background: none;
    overflow: hidden;
    display: block;
    text-decoration: none;
}
.goods_vertical ul.goods_p_ li a .rank_{
    text-align: center;
}
.goods_vertical ul.goods_p_ li a .rank_ span{
    color: #cc0000;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 0 25px;
    text-align: center;
    background: url(../img/usr/common/rank.png) no-repeat left 2px;
}
.goods_vertical ul.goods_p_ li {
    padding-right: 10px;
    margin-right: 0;
    width: 120px;
}
ul.goods_p_ li figure.img_ {
    text-align: center;
    line-height: 0;
    position:relative;
}
#ppz_recommend14 ul.goods_p_ li figure.img_ {
    float: left;
    width: 120px;
    height: 120px;
    padding: 10px;
    box-sizing: border-box;
}
#ppz_recommend14 ul.goods_p_ li figure.img_ img {
    max-width: 110px;
}
#ppz_recommend14 .more_link {
    margin-right: 10px;
}
ul.goods_p_ li div.icon_new_{
position: absolute;
left: 0;
top: 0;
}
ul.goods_p_ li div.icon_new_ img{
    width:24px;
    height:24px;
}
.goods_vertical ul.goods_p_ li figure.img_ {
    overflow: hidden;
    padding: 0;
    margin: 0;
}
ul.goods_p_ li figure.img_ img,
#mypagenav ul.goods_p_ li figure.img_ img {
    float: left;
    max-width: 120px;
    max-height: 120px;
    height: auto;
    margin: 0 0 10px;
}
ul.goods_p_ li div.desc_ {
    padding: 138px 0 0;
    white-space: normal;
}
#jpmember ul.goods_p_ li div.desc_ {
    padding: 0;
}
main#kitte_hagakistore ul.goods_p_ li div.desc_ {
    padding: 0;
}
main#drugstore ul.goods_p_ li div.desc_ {
    margin-top: 0;
}
#ppz_recommend14 ul.goods_p_ li div.desc_ {
    padding-top: 0;
}
#block_of_top_recommend2 #ppz_recommend14 ul.goods_p_ li div.desc_ {
    padding: 132px 0 0;
}
.autopagerize_page_element_ ul.goods_p_ li div.desc_ {
    padding: 0 0 0 110px;
}
.goods_vertical ul.goods_p_ li div.desc_ {
    padding: 0;
}
.goods_vertical ul.goods_r_ li div.desc_ {
    padding: 0;
    white-space: normal;
}
ul.goods_p_ li div.desc_ .name_ {
    font-size: 12px;
    color: #333;
    line-height: 1.333;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 32px;
}
main#kitte_hagakistore ul.goods_p_ li div.desc_ .name_,
main#drugstore ul.goods_p_ li div.desc_ .name_ {
    height: auto;
    margin: 0 0 10px;
}
#ppz_recommend14 ul.goods_p_ li div.desc_ .name_ {
    display: block;
    font-size: 14px;
    font-weight: bold;
    min-height: auto;
}
#block_of_top_recommend2 #ppz_recommend14 ul.goods_p_ li div.desc_ .name_ {
    display: -webkit-box;
    font-size: 12px;
    font-weight: normal;
    min-height: 32px;
}
.autopagerize_page_element_ ul.goods_p_ li div.desc_ .name_ {
    font-size: 15px;
    margin: 0 0 25px;
}
ul.goods_p_ li div.desc_ .price_box small {
    display: block;
    font-size: 7px;
    font-weight: normal;
    color: #666;
    margin: 2px 0 0;
}
.goods_vertical ul.goods_p_ li div.desc_ .price_box small {
    display: block;
}
ul.goods_p_ li div.desc_ .point_ {
    margin-top: 5px;
}
ul.goods_p_ li div.desc_ .point_ img {
    width: 180px;
    height:26px;
}
ul.goods_p_ li div.desc_ .icon_ {
    margin-bottom: 2px;
    line-height: 0;
}
ul.goods_p_ li div.desc_ .icon_ img {
    height: 15px;
}

.liquidize_goods_item_ {
  padding:0 3px;
  margin:10px 0 0 0;
  width:100px;
  float:left;
  text-align:center;
}
.liquidize_goods_item_ img{
  width:100px;
}
.keyword_ranking ul.goods_r_ {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.keyword_ranking ul.goods_r_ li,
#mypagenav .goods_vertical ul.goods_p_ li  {
    width: 145px;
    padding: 10px;
    display: table-cell;
    margin-right: 0;
    border: none;
    vertical-align: top;
}
.keyword_ranking ul.goods_r_ li figure.img_ {
    margin: 0 0 10px 0;
    width: 145px;
    height: 145px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    line-height: 0;
    position: relative;
    box-sizing: border-box;
}
.keyword_ranking  ul.goods_r_ li .img_ img {
    max-width: 145px;
    max-height: 145px;
    margin: 0;
    float: left;
    height: auto;
}
/*スライダー用ページャー*/
.bx-pager{
    margin-top: 10px;
    text-align: center;
}
.bx-pager-item{
    display: inline-block;
}
.bx-pager-link{
    display:block;
    width: 5px;
    height: 1px;
    padding-top: 5px;
    margin-right: 10px;
    overflow: hidden;
    background: #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #ddd;
}
.bx-pager-item:last-of-type .bx-pager-link{
    margin-right: 0;
}
.bx-pager-link.active{
    background: #cd0000;
    border: 1px solid #cd0000;
}
/* --------------------------------------------------------------------
    商品検索
--------------------------------------------------------------------- */
dl.goodssearch_ {
    margin: 0 10px;
}
dl.goodssearch_ dt {
    float: left;
    line-height: 40px;
    margin-top: 4px;
    font-size: 13px;
    color: #333;
}
dl.goodssearch_ dd {
    overflow:hidden;
}
dl.goodssearch_ .tips {
    font-size: 12px;
    color: #CC0000;
    line-height: 1.333;
}
#netshop dl.goodssearch_ .tips {
    color: #E18F00;
}
dl.goodssearch_ input[name="keyword"] {
    width: 100%;
}
dl.goodssearch_ input[type="text"] {
    border: 2px solid #5F5F5F;
    border-radius: 9px;
    box-shadow: inset 1.5px 2.598px 4px 0px rgba(0, 0, 0, 0.83);
    font-size: 13px;
    color: #333;
    line-height: 1.2;
}
/*検索エリア全体*/
div.goodsgoodssearch_ {
    margin-bottom: 15px;
    padding: 15px 0;
    background: #FFFEF4;
    line-height: 1;
}
div.goodsgoodssearch_ .navistyle_ {
    border-top: 1px solid #CCC;
}
div.goodsgoodssearch_ .icon_search {
    height: 40px;
    background: url(../img/usr/sp/icon_search.png) 15px center no-repeat, -webkit-gradient(linear,left top,left bottom,from(#999),to(#000));
    background-size: auto 20px, auto auto;
    font-size: 14px;
    font-weight: bold;
}
#netshop .goodsgoodssearch_ {
    background: #FFF1B7;
}
#drugstore .goodsgoodssearch_ {
    background: #FFE1E6;
}
/*絞り込み*/
div.goodsgoodssearch_ .event_ {
    padding: 15px 10px 5px;
    border-top: 1px solid #CCC;
}
div.goodsgoodssearch_ .event_ .event_title_ {
    margin-bottom: 10px;
    font-size: 13px;
    color: #333;
}
div.goodsgoodssearch_ li {
    display: inline-block;
    height: 30px;
    margin-bottom: 10px;
    border-radius: 9px;
    background-color: #CC0000;
}
#netshop div.goodsgoodssearch_ li {
    background-color: #E18F00;
}
#drugstore div.goodsgoodssearch_ li {
    background-color: #EC6D81;
}
div.goodsgoodssearch_ li a {
    display: block;
    padding: 8px 10px 9px;
    font-size: 13px;
    color: #FFF;
    line-height: 1;
    text-decoration: none;
}


/* --------------------------------------------------------------------
    カテゴリー
-------------------------------------------------------------------- */
/* カテゴリー詳細 */
div.sub_category_ {
    margin-top: 10px;
}
/* カテゴリー一覧 */
nav.CategoryStyleG_ {
    border-top: 5px solid #6396E2;
    border-bottom: 5px solid #6396E2;
}
nav.CategoryStyleG_ ul.layer0_ {
    padding-left: 0;
    background: #F0F0F0;
}
nav.CategoryStyleG_ ul.layer1_ {
    background: #F0F0F0;
}
nav.CategoryStyleG_ ul.layer2_ {
    background: #F0F0F0;
}
nav.CategoryStyleG_ ul.layer3_ {
    background: #F0F0F0;
}
nav.CategoryStyleG_ ul li {
    border-top: 1px solid #CCC;
    width: 100%;
    word-break:break-all;
}
nav.CategoryStyleG_ ul li.nochild_ {
}
nav.CategoryStyleG_ ul.layer0_ li {
    background-color: #FFF;
}
nav.CategoryStyleG_ ul.layer1_ li,
nav.CategoryStyleG_ ul.layer2_ li,
nav.CategoryStyleG_ ul.layer3_ li {
    background-color: transparent;
}
nav.CategoryStyleG_ ul li p.parent_,
nav.CategoryStyleG_ ul li a,
nav.CategoryStyleG_ ul li span.nolink_ {
    vertical-align: top;
    display: table-cell;
}
nav.CategoryStyleG_ ul li a,
nav.CategoryStyleG_ ul li span.nolink_ {
    padding: 10px 10px 10px 0;
    text-decoration: none;
}
nav.CategoryStyleG_ ul li a .name_{
    text-decoration: underline;
}
nav.CategoryStyleG_ ul li a .comment_,
nav.CategoryStyleG_ ul li span.nolink_ .comment_ {
    font-size: 12px;
    text-decoration: none;
}
nav.CategoryStyleG_ ul li p.parent_ {
    padding: 0;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    vertical-align: top;
    overflow: hidden;
}
nav.CategoryStyleG_ ul li p.parent_ {
    background: url(../img/usr/minus.png) right top no-repeat;
}
nav.CategoryStyleG_ ul li p.parent_.img_hidden_ {
    background: url(../img/usr/plus.png) right top no-repeat;
}
nav.CategoryStyleG_ ul.layer1_ li p.parent_{
    padding-left: 30px;
}
nav.CategoryStyleG_ ul.layer2_ li p.parent_{
    padding-left: 60px;
}
nav.CategoryStyleG_ ul.layer3_ li p.parent_{
    padding-left: 90px;
}
nav.CategoryStyleG_ ul.layer0_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer0_ li.nochild_ .comment_ {
    padding-left: 40px;
}
nav.CategoryStyleG_ ul.layer1_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer1_ li.nochild_ .comment_ {
    padding-left: 70px;
}
nav.CategoryStyleG_ ul.layer2_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer2_ li.nochild_ .comment_ {
    padding-left: 100px;
}
nav.CategoryStyleG_ ul.layer3_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer3_ li.nochild_ .comment_ {
    padding-left: 130px;
}

div.CategoryStyleL_ div.name_ {
    margin: 0;
    padding: 5px 10px;
    border-top: 1px solid #eae5e3;
    border-left: 1px solid #eae5e3;
    border-right: 1px solid #eae5e3;
    background: #ffffff url(../img/usr/sb/menu_arrow2.png)  50% right no-repeat;
}
div.CategoryStyleL_ div.name_ {
    border-bottom: 1px solid #eae5e3;
    margin-bottom: 2px;
}
div.CategoryStyleL_ div.comment_ {
    padding: 2px 2px 4px 10px;
}

/* --------------------------------------------------------------------
    ジャンル
-------------------------------------------------------------------- */
/* ジャンル詳細 */
div.sub_genre_ {
    margin-top: 10px;
}
/* ジャンル一覧 */
nav.GenreStyle_ {
    border-top: 5px solid #6396E2;
    border-bottom: 5px solid #6396E2;
}
nav.GenreStyle_ ul.layer0_ {
    padding-left: 0;
    background: #F0F0F0;
}
nav.GenreStyle_ ul.layer1_ {
    background: #F0F0F0;
}
nav.GenreStyle_ ul.layer2_ {
    background: #F0F0F0;
}
nav.GenreStyle_ ul.layer3_ {
    background: #F0F0F0;
}
nav.GenreStyle_ ul li {
    border-top: 1px solid #CCC;
    width: 100%;
    word-break:break-all;
}
nav.GenreStyle_ ul li.nochild_ {
}
nav.GenreStyle_ ul.layer0_ li {
    background-color: #FFF;
}
nav.GenreStyle_ ul.layer1_ li,
nav.GenreStyle_ ul.layer2_ li,
nav.GenreStyle_ ul.layer3_ li {
    background-color: transparent;
}
nav.GenreStyle_ ul li p.parent_,
nav.GenreStyle_ ul li a,
nav.GenreStyle_ ul li span.nolink_ {
    vertical-align: top;
    display: table-cell;
}
nav.GenreStyle_ ul li a,
nav.GenreStyle_ ul li span.nolink_ {
    padding: 10px 10px 10px 0;
    text-decoration: none;
}
nav.GenreStyle_ ul li a .name_{
    text-decoration: underline;
}
nav.GenreStyle_ ul li a .comment_,
nav.GenreStyle_ ul li span.nolink_ .comment_ {
    font-size: 12px;
    text-decoration: none;
}
nav.GenreStyle_ ul li p.parent_ {
    padding: 0;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    vertical-align: top;
    overflow: hidden;
}
nav.GenreStyle_ ul li p.parent_ {
    background: url(../img/usr/minus.png) right top no-repeat;
}
nav.GenreStyle_ ul li p.parent_.img_hidden_ {
    background: url(../img/usr/plus.png) right top no-repeat;
}
nav.GenreStyle_ ul.layer1_ li p.parent_{
    padding-left: 30px;
}
nav.GenreStyle_ ul.layer2_ li p.parent_{
    padding-left: 60px;
}
nav.GenreStyle_ ul.layer3_ li p.parent_{
    padding-left: 90px;
}
nav.GenreStyle_ ul.layer0_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer0_ li.nochild_ .comment_ {
    padding-left: 40px;
}
nav.GenreStyle_ ul.layer1_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer1_ li.nochild_ .comment_ {
    padding-left: 70px;
}
nav.GenreStyle_ ul.layer2_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer2_ li.nochild_ .comment_ {
    padding-left: 100px;
}
nav.GenreStyle_ ul.layer3_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer3_ li.nochild_ .comment_ {
    padding-left: 130px;
}

/* --------------------------------------------------------------------
    イベント
-------------------------------------------------------------------- */
/* イベント詳細 */

/* イベント一覧 */
div.event_ {
    margin-bottom: 10px;
}
div.event_ h2.event_banner_ {
    width : 100% ;
    margin: 10px 0 0 0 ;
    padding : 0 ;
    text-align: center;
}

div.event_ h2.event_banner_ img{
    width : 100% ;
}

div.event_ h2.event_title_ {
    clear: both;
    text-shadow: 0 -1px 1px #999;
    font-size: 16px;
    font-weight: bold;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: #DFDFDF -moz-linear-gradient(top, #FFF, #DFDFDF);
    background: #DFDFDF -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DFDFDF));
    background: #DFDFDF linear-gradient(top, #FFF, #DFDFDF);
}

div.event_ h2.event_title_ a {
    padding: 15px 25px 15px 15px;
    display: block;
    text-decoration: none;
    background: url(../img/usr/link_event_title.png) right center no-repeat;
}
div.event_ h2.event_title_ span.nolink_ {
    padding: 15px;
    display: block;
}

/* --------------------------------------------------------------------
    カスタマーレビュー一覧
--------------------------------------------------------------------- */
/* レビュー情報 */
div.review_info_ {
    padding: 0 10px 10px;
}
div.review_count_summary_ {
    margin-bottom: 5px;
    padding: 6px;
    background: #F8F8F8;
    border: 1px solid #CCC;
}
div.review_count_summary_ dl dt
, div.review_count_summary_ dl dd {
    display: inline;
}
div.review_count_summary_ dl.review_score_ {
}
div.review_count_summary_ dl.review_score_ dt {
    font-weight: bold;
}
div.review_count_summary_ dl.review_count_ {
}
div.review_count_summary_ dl.review_count_ dt {
    font-weight: bold;
}
div.review_count_summary_ dl.review_count_ dd {
    padding-left: 4px;
}
div.review_desc_ {
}
div.review_desc_ .btn_review_ {
    text-align: right;
}
.review_pagenav_ {
    margin: 0 0 10px 0;
    clear: both;
    background: #F0F0F0;
    padding: 5px;
    border-bottom: 1px solid #CCC;
}
/**/
/* レビュー ページ切換 */
div#page_changer_top {
}
div#page_changer_top .pager_ref_ {
    margin: 2px 5px;
    color: #003780;
    text-decoration: underline;
    font-weight: bold;
    white-space: nowrap;
}
div#page_changer_top .pager_now_ {
    margin: 2px 5px;
    color:#CC0000;
    font-weight: bold;
    white-space: nowrap;
}
/**/
/* レビュー記事 */
.review_line_ {
    padding: 10px;
    border-bottom:1px solid #CCC;
}
.review_line_:first-child {
    border-top:1px solid #CCC;
}
.review_line_title_ {
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    background: #F0F0F0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    word-break:break-all;
}
.review_line_body_ {
    padding: 5px;
}

div.review_line_summary_ {
}

div.review_line_summary_ dl dt
, div.review_line_summary_ dl dd {
    display: inline;
}
div.review_line_summary_ dl.review_line_name_ {
}
div.review_line_summary_ dl.review_line_name_ dt {
    font-weight: bold;
}
div.review_line_summary_ dl.review_line_name_ dd {
    padding-left: 4px;
}
div.review_line_summary_ dl.review_line_score_ {
}
div.review_line_summary_ dl.review_line_score_ dt {
    font-weight: bold;
}
.review_line_comment_ {
    padding: 2px;
    word-break:break-all;
}
.review_line_ .moderate_vote_ {
    padding: 5px 0 0;
    border-top: 1px dotted #CCC;
}
.review_line_ .mode_lay_ {
    position:absolute;
    display:none;
    z-index:1;
    padding: 0;
    background-color:#ffffff;
    border:solid 1px #ffcc33;
}
.review_line_ .mode_lay_ .mode_select_line_top_ {
    text-align: right;
    padding: 10px;
    background-color:#ffcc33;
}
.review_line_ .mode_lay_ .mode_select_line_ {
    padding: 10px 20px;
    border-top:solid 1px #ffcc33;
}

.review_line_ .moderate_info1_ {
    margin-top: 5px;
}
.review_line_ .moderate_info2_ {
    margin-top: 5px;
}
.review_line_ .moderate_info2_ span {
    text-decoration:underline!important;
}
.review_line_ .moderate_other_ {
    display:none;
}
.review_line_ .moderate_other_ dl dt
, .review_line_ .moderate_other_ dl dd {
    display: inline;
}
.review_line_ .moderate_other_ dl{
    padding-left: 10px;
}
.review_line_ .moderate_other_ dl dd {
    padding-left: 4px;
}


#review_form {
    margin: 0 10px 20px;
}

/**/
/* --------------------------------------------------------------------
    カスタマーレビュー投稿画面
--------------------------------------------------------------------- */
/* 入力画面 */
div.review_ {
}
div.review_ div.review_header_,
div.review_ div.review_middle_,
div.review_ div.review_footer_,
div.review_ div.review_complete_ {
    margin: 0 10px 10px;
}
dl.review_list_ {
    margin:0 10px;
    border:1px solid #CCC;
    border-bottom: none;
    margin-bottom:10px;
}
dl.review_list_ dt
, dl.review_list_ dd {
    display: block;
    white-space: nowrap;
}
dl.review_list_ dt {
    padding: 5px;
    background-color: #F0F0F0;
}
dl.review_list_ dd {
    padding: 5px 10px;
    border-bottom: 1px solid #CCC;
}
div.review_ input[type=text]
, div.review_ textarea {
    display: block;
}
dl.review_list_ li .count_msg_ {
}

/**/

/* 確認画面 */
div.confirm_layer_frame_ {
    margin-top: 5px;
}
/**/

/* --------------------------------------------------------------------
    クイックオーダー
-------------------------------------------------------------------- */

div.quickorder_ {
}
div.quickorder_ div.add_order_block_ {
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    background: #F0F0F0;
}
div.quickorder_ div.add_order_block_ span {
    display: inline-block;
    padding: 5px 20px;
    cursor: pointer;
    -moz-text-shadow: 0 -1px 1px #CCC;
    -webkit-text-shadow: 0 -1px 1px #CCC;
    text-shadow: 0 -1px 1px #CCC;
    background: #DFDFDF -moz-linear-gradient(top,#FFFFFF,#DFDFDF);
    background: #DFDFDF -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#DFDFDF));
    background: #DFDFDF linear-gradient(top,#FFFFFF,#DFDFDF);
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: #333 0 1px 1px -1px;
    -webkit-box-shadow: #333 0 1px 1px -1px;
    box-shadow: #333 0 1px 1px -1px;
}
div.quickorder_ ul.quickorder_list_ {
    margin-bottom: 10px;
    border-top: 1px solid #CCC;
}
div.quickorder_ ul.quickorder_list_ li {
    padding: 10px;
    border-bottom: 1px solid #CCC;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ {
    margin-bottom: 10px;
    padding-right: 45px;
    position: relative;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ input[type="text"] {
    padding: 5px 0;
    text-indent: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ input.code_ {
    text-align: left;
    width: 96%;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ input.qty_ {
    padding-right: 5px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 35px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ {
    display: table;
    width: 100%;
}


div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure {
    padding: 10px;
    display: table-cell;
    vertical-align: top;
    width: 100px;
    background: #F0F0F0;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure img {
    max-width: 100px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure figcaption.price_box_ small {
    display: block;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ {
    padding: 0 0 0 10px;
    display: table-cell;
    vertical-align: top;
}

div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ {
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name1_ {
    font-weight: bold;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name1_ {
    color: #00377F;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name2_ {
    font-size: 12px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ {
    font-size: 12px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ dt {
    float: left;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ dd {
    padding-left: 3em;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ {
    margin-bottom: 10px;
    font-size: 12px;
    color: #C00;
    font-weight: bold;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ dt {
    float: left;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ dd {
    padding-left: 3em;
}


div.quickorder_ .onProcess_ {
    background-image: url(../img/usr/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
div.quickorder_ .selected {
    color: #00dd00;
    background-color: #FFF;
}
div.quickorder_ span.unit_ {
    margin: 5px;
}
#suggestArea {
    background-color: white;
    border: 1px solid black;
    display: none;
    padding-top: 5px;
    padding-bottom: 5px;
    position: absolute;
    top: 50px;
    left: 5px;
    color: black;
}
.itemNotFound {
    text-align: center;
    color: #777777;
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
}
.itemLine {
    padding: 0px 5px 0px 5px;
    height: 20px;
    line-height: 20px;
    list-style:none;
    white-space:nowrap;
}
.itemLine .itemCode {
    float: left;
    font-weight: bold;
    margin-right: 5px;
}
.itemLine .itemName {
}
.delButton {
}

/* --------------------------------------------------------------------
    アンケート
-------------------------------------------------------------------- */

div.questionnaire_ {
}
div.questionnaire_ div.questionnaire_name_ {
    font-weight: bold;
}
div.questionnaire_ h3 {
    font-weight: bold;
}
.questionnaire_input_ textarea {
    width: 95%;
}

/* --------------------------------------------------------------------
    マイページ　クーポン一覧
-------------------------------------------------------------------- */
div.coupon_table_ {
    margin: 0 10px;
}
table.coupon_ {
    width: 100%;
    border: 1px solid #CCCCCC;
    border-bottom: none;
    margin: 0 0 10px;
}
table.coupon_ th
, table.coupon_ td {
    padding: 1px 5px;
    border-bottom: 1px solid #CCCCCC;
    text-align:left;
}
table.coupon_ th {
    background-color: #F8F8F8;
    vertical-align: middle;
    width: 35%;
    font-weight: normal;
}

/* --------------------------------------------------------------------
    マイページ　店舗クーポン一覧
-------------------------------------------------------------------- */
div.coupon_table_ {
    margin: 0 10px;
}
div.coupon_table_ a{
    text-decoration: none;
}
table.storecoupon_ {
    width: 100%;
    border: 1px solid #CCCCCC;
    margin: 0 0 10px;
}
table.storecoupon_ td {
    padding: 1px 5px;
    text-align:left;
    color:#000;
}
table.storecoupon_ td.bonus {
    text-align:right;
    color:#FF0000;
    font-size: 400%;
}
table.storecoupon_ td.bonus2 {
    color:#FF0000;
    font-size: 180%;
}
table.storecoupon_ td.dt {
    text-align:right;
}

/* --------------------------------------------------------------------
    関連商品
--------------------------------------------------------------------- */
div.title_block_ {
    padding: 5px 5px 5px 8px;
    margin-top: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
}
div.point_table_ {
    margin: 0 10px;
}
table.point_ {
    width: 100%;
    border: 1px solid #CCCCCC;
    border-bottom: none;
    margin: 0 0 10px;
}
table.point_ th
, table.point_ td {
    padding: 1px 5px;
    border-bottom: 1px solid #CCCCCC;
    text-align:left;
}
table.point_ th {
    background-color: #F8F8F8;
    vertical-align: middle;
    width: 35%;
    font-weight: normal;
}

table.point_end_ th
    , table.point_end_ td {
    background-color: #F8F8F8;
}
table.point_lost_ td {
  color: #00F;
}
table.point_add_ td {
  color: #F00;
}
/* --------------------------------------------------------------------
    利用可能なクーポン一覧
--------------------------------------------------------------------- */
.coupon_area_ .label_ {
    display: inline-block;
}
.coupon_area_ .input_ {
    display: inline-block;
}
#available_coupon {
    padding-bottom: 20px;
    margin: 0 auto;
    background: #fff;
}
table.available_coupon_ {
    width: 95%;
    border: 1px solid #CCCCCC;
    border-bottom: none;
    margin: 0 auto 5px;
}
table.available_coupon_ th ,
table.available_coupon_ td {
    padding: 1px 5px;
    border-bottom: 1px solid #CCCCCC;
    text-align:left;
    word-break: break-all;
}
table.available_coupon_ th {
    background-color: #F8F8F8;
    vertical-align: middle;
    width: 40%;
    font-weight: normal;
}
table.available_coupon_ freespace_ {
    word-break: break-all;
}

.select_coupon_area_ {
    text-align: center;
    margin: 0 auto 10px;
}
.select_coupon_ {
    width: 95%;
}

#available_coupon .navipage_ a[href=''] {
    display: none;
}

#available_coupon .close_button_ {
    text-align: right;
}

#available_coupon .close_button_ img {
    width: 45px;
    height: 45px;
    color: #000;
}
/* --------------------------------------------------------------------
    アコーディオンメニュー
--------------------------------------------------------------------- */
.has_btm_margin {
    margin-bottom: 25px;
}
.accordion {
    position: relative;
}
.accordion dt {
    position: relative;
    padding: 15px 20px;
    background: url(../img/usr/sp/acc_bg.png) repeat-x;
    background-size: auto 100%;
    font-size: 15px;
    color: #333;
    line-height: 1;
    cursor: pointer;
}
.accordion dt:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    content: url(../img/usr/sp/acc_arrow_off.png);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    z-index: 0;
}
#netshop .accordion dt:before {
    content: url(../img/usr/sp/acc_netshop_arrow_off.png);
}
#drugstore .accordion dt:before {
    content: url(../img/usr/sp/acc_drugstore_arrow_off.png);
}
.accordion.active dt:before,
#netshop .accordion.active dt:before,
#drugstore .accordion.active dt:before {
    content: url(../img/usr/sp/acc_arrow_on.png);
}
.accordion.active dt {
    background: #AAA;
    color: #FFF;
}
.accordion dd {
    display: none;
    overflow: hidden;
    width: 100%;
    background: #AAA;
    padding-bottom: 10px;
}
.accordion.active dd {
}
.accordion dd li,
.accordion > li {
    position: relative;
    height: auto;
    margin: 0 10px;
    padding: 15px 20px;
    border-top: 1px solid #AAA;
    background: #FFF;
}
.accordion dd li:first-child,
.accordion > li:first-child {
    border-top: none;
}
.accordion dd li:before,
.accordion > li:before {
    position: absolute;
    top: 45%;
    right: 0;
    content: url(../img/usr/sp/menu_arrow.png);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}
.accordion dd li a,
.accordion > li a {
    color: #333;
    text-decoration: none;
}
.accordion dd li p,
.accordion > li p {
    font-size: 15px;
}
.acc_trigger .acc_trigger {
    cursor: pointer;
}

/* --------------------------------------------------------------------
    バナーエリア
-------------------------------------------------------------------- */
div.banner_ {
}
ul.banner_p_ {
}
ul.banner_p_ li a {
    text-decoration: none;
}
ul.banner_p_ li {
    width: 264px;
}
ul.banner_p_ li figure.img_ {
    margin-bottom: 5px;
    text-align: center;
    line-height: 0;
}
ul.banner_p_ li figure.img_ img {
    max-width: 264px;
    max-height: 98px;
}
ul.banner_p_ li div.desc_ .name_ {
    font-size: 15px;
    color: #333;
    line-height: 1.333;
}
ul.banner_p_ li div.desc_ .price_box small {
    display: block;
    font-size: 7px;
    font-weight: normal;
    color: #777;
}

/* --------------------------------------------------------------------
    カタログ番号からクイック注文
-------------------------------------------------------------------- */
.quickorder_form_ {
    width: 100%;
    background: #FFFEF4;
    text-align: center;
    padding-bottom :15px;
}
.quickorder_form_ form {
    margin: 15px auto;
}
.quickorder_form_ input[type="number"] {
    width: 136px;
    height: 26px;
    font-size: 14px;
}
.quickorder_form_ input[type="submit"] {
    width: 143px;
    height: 44px;
    background: url(../img/usr/sp/cart.png) no-repeat;
    background-size: 100% 100%;
    border: none;
    text-indent: -2000%;
}
.quickorder_form_ a img {
    height: 13px;
}
.quickorder_list_header_{
  display: flex;
  background: #eee;
  font-weight: bold;
  border-top: 1px solid #dddddd;
}
.quickorder_list_header_code_{
  display: flex;
  align-items: center;
  width: calc(100% - 56px);
  padding: 10px 10px;
  box-sizing: border-box;
}
.quickorder_list_header_qty_{
  width: 72px;
  padding: 10px 10px;
  border-left: 1px solid #dddddd;
  box-sizing: border-box;
  text-align: center;
}

/* --------------------------------------------------------------------
    ページの先頭へ
-------------------------------------------------------------------- */
.pagetop {
    display: block;
    text-align: center;
    margin: 15px 0;
    line-height: 0;
}
.pagetop img {
    height: 46px;
}

/* --------------------------------------------------------------------
    フッターメニュー
-------------------------------------------------------------------- */
.page-category footer,
.page-genre footer,
.page-search footer {
	margin-top: 70px;
}
.footer_menu {
    padding: 10px 10px 15px;
    background: #fffef4;
}
.footer_menu ul {
    margin-bottom: 15px;
    background: #FFF;
}
.footer_menu ul li {
    position: relative;
    /*height: 44px;*/
    border-bottom: 1px solid #CCC;
    font-size: 14px;
    color: #333;
    line-height: 1;
}
.footer_menu ul li:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    content: url(../img/usr/sp/menu_arrow.png);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}
.footer_menu ul li a {
    display: block;
    padding: 15px 15px;
    color: #333;
    text-decoration: none;
}
.footer_menu ul li a span {
    font-size: 12px;
}
.footer_menu ul li small {
    font-size: 12px;
}
.footer_menu .pagetop {
    margin-bottom: 0;
}
/* 20170912修正 */
.footer_menu {
  background: #eeeeee;
}
/* --------------------------------------------------------------------
    フッター内リンク
-------------------------------------------------------------------- */
.foot_nav_ ul li a {
    display: block;
    padding: 17px 20px;
    border-bottom: 1px solid #ddd;
    background: url(../img/usr/sp/menu_arrow2.png) 94% center no-repeat;
    background-size: 8px 14px;
    text-decoration: none;
    color: #333;
}
.foot_nav_ ul li:last-child a {
    border-bottom: none;
}

/* --------------------------------------------------------------------
    ページの先頭へ戻る
-------------------------------------------------------------------- */
#pagetop {
    width: 45px;
    height: 45px;
    background: url(../img/usr/common/footer/pagetop.png) no-repeat;
    background-size: contain;
    text-indent: -9999px;
    position: fixed;
    bottom: 60px;
    right: 10px;
    z-index: 100;
}

/* --------------------------------------------------------------------
    ドラッグストア
-------------------------------------------------------------------- */
#drugstore .anchor > p {
    margin-top: 15px;
    text-align: center;
}
#drugstore .anchor > p:first-child {
    margin-top: 0;
}
#drugstore .anchor > p img {
    height: 55px;
}

#drugstore .about > p {
    margin: 10px 10px;
    font-size: 13px;
    color: #333;
    line-height: 1.538;
}
#drugstore .about > p img {
    width: 100%;
}

/* --------------------------------------------------------------------
    ボタン
-------------------------------------------------------------------- */
.btn_black {
    width: 300px;
    height: 44px;
    border: 2px solid #1E1E1E;
    border-radius: 6px;
    background-image: -moz-linear-gradient( 90deg, rgb(50,50,50) 0%, rgb(30,30,30) 35%, rgb(110,110,110) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(50,50,50) 0%, rgb(30,30,30) 35%, rgb(110,110,110) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(50,50,50) 0%, rgb(30,30,30) 35%, rgb(110,110,110) 100%);
    font-size: 17px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}

/* --------------------------------------------------------------------
    のし
-------------------------------------------------------------------- */
#noshisettingfrm {
    margin: 0;
    padding: 0;
}
#noshisettingfrm .submit_.button-area_ {
    padding-top: 20px;
}

/* --------------------------------------------------------------------
    ページャー
-------------------------------------------------------------------- */
.pagination {
    margin: 10px 20px 15px;
    text-align: center;
}
.app_view .pagination {
	padding-bottom: 55px;
}
.pagination ul {
    overflow: hidden;
}
.pagination li {
    float: left;
    background: #DDDDDD;
    font-size: 12px;
    padding: 2px 5px;
    margin-left: 4px;
    line-height: 1;
}
.pagination li a {
		display: block;
    position: relative;
    color: #000;
    text-decoration: none;
		padding: 17px 18px 15px;
}
.pagination li.prev a {
	padding-left: 43px;
}
.pagination li.next a {
	padding-right: 43px;
}
.pagination li:first-child {
    margin-left: 0;
}
.pagination li.active {
    background: #000;
    color: #FFF;
}
.pagination li.first:before {
    display: inline-block;
    margin-right: -5px;
    line-height: 1;
    vertical-align: middle;
    content: url(../img/usr/sp/pagination_first.png);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}
.pagination li.last:after {
    display: inline-block;
    margin-right: -5px;
    line-height: 1;
    vertical-align: middle;
    content: url(../img/usr/sp/pagination_last.png);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}

.pagination li.prev a:before,
.pagination li.next a:before {
	content: '';
	position: absolute;
	top: 18px;
	border-style: solid;
}
.pagination li.prev a:before {
	left: 35%;
	border-width: 5px 8px 5px 0;
	border-color: transparent #111 transparent transparent;
}
.pagination li.next a:before {
	right: 35%;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #111;
}

.attention .headline {
    font-size: 14px;
    color: #FF0101;
    line-height: 1.143;
}
.attention ul {
    overflow: hidden;
    margin: 10px 0;
}
.attention ul li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 117px;
    height: 38px;
    padding-left: 24px;
    border-left-width: 5px;
    border-left-style: solid;
}
.attention ul li:first-child {
    border-left: none;
}
.attention ul li.type1 {
    background: #DE0000;
    color: #FFF;
}
.attention ul li.type1:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -11px;
    width: 22px;
    height: 24px;
    content: url(../img/usr/sp/icon_drugstore_type1.png);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
}
.attention p {
    margin-bottom: 5px;
}
.attention p > img {
    vertical-align: middle;
    height: 24px;
}
/*ナビゲーション絞り込み、並び替えリンクボタン*/
.navipage_top_ a{
    display: block;
    text-decoration: none;
    width: 95%;
    margin: 10px auto;
}
.navipage_top_ a .button_{
    font-size: 14px;
    margin: 0px;
    padding: 5px 0px;
    width: 100%;
}
.navipage_top_ a .button_ span{
    display: block;
    font-size: 14px;
}
/*ジャンル用MV設定*/

.dsgn_leadTextArea .mainbx {
width: 100%;
min-width: 320px;
margin: 0;
padding: 0;
}
.dsgn_leadTextArea h2{
width: 320px;
max-width: 640px;
text-align: center;
}
.dsgn_leadTextArea h2 img{
    width: 100%;
    height: auto;
}
/*お知らせ*/
#urgentarea{
    border-top: solid 3px #cd0000;
}
#urgentarea p {
border: 2px solid #ff0000;
color: #ff0000;
padding: 10px;
font-weight: bold;
margin: 15px 10px;
}


/* --------------------------------------------------------------------
    検索サジェストエリア
-------------------------------------------------------------------- */
div#goodssearch_sort.active_ p{
    background: url(../img/usr/sp/filter/close.png) right center no-repeat;
    background-size: 8.5px 7px;
}
#goodssearch_tab{
    display: table;
    width: 50%;
    float: right;
    clear: both;
    margin: 20px 0 0 0;
}
#goodssearch_tab span{
    display: table-cell;
    vertical-align: middle;
}
#goodssearch_tab p{
    display: table-cell;
    padding-right: 5%;
    vertical-align: middle;
    line-height: 1;
    text-align: right;
}
#goodssearch_tab span{
    display: table-cell;
    vertical-align: middle;
    width: 25%;
}
#goodssearch_tab span:first-of-type{
    padding-right: 3%;
}
#goodssearch_tab span:last-of-type{
    padding-right: 3%;
}
#goodssearch_tab span img{
    width: 100%;
    vertical-align: middle;
}
#search_goods_list{
    clear: both;
}
#goodssearch_sort_inner{
    background: #eeeeee;
    padding: 10px 10px;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
}
#goodssearch_sort_line_keyword{
    padding: 0 0 10px 0
}
#goodssearch_sort_line_keyword input{
    max-width: 96%;
    width: 96%;
    padding: 2%;
    color: #666666;
    line-height: 1;
}
#goodssearch_sort_line_price p{

}
#goodssearch_sort_line_price span{
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
}
#goodssearch_sort_line_price span input{
    width: 63%;
    margin-right: 5%;
    padding: 2% 2%;
}
#goodssearch_sort_inner #filterbtn{
  background-image: -moz-linear-gradient( 90deg, rgb(255,48,0) 0%, rgb(255,108,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,48,0) 0%, rgb(255,108,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,48,0) 0%, rgb(255,108,0) 100%);
  border-radius: none;
  border: 0;
  color: #fff;
  max-width: 100%;
  width: 100%;
  margin-top: 4%;
  padding: 4% 0 4% 0;
  border-radius: 5px;
  font-size: 110%;
  line-height: 1;
}
#goodssearch_sort_inner .navistyle_{
    padding-right: 0;
    padding-left: 0;
    margin-top: 15px;
    display: table;
    width: 100%;
    background: none;
}
#goodssearch_sort_inner .navistyle_ dt{
    margin-top: 0;
    line-height: 1;
    display: table-cell;
    width: 30%;
    text-align: left;
    float: none;
}
#goodssearch_sort_inner .navistyle_ .select_{
    background-color: none!important;
    padding: 0!important;
    background: url(../img/usr/sp/filter/bg.png) left bottom repeat;
    background-size: auto 34px;
    border: 1px solid #777777;
    border-radius: 5px;
    text-align: center;
    color: #333333;
    position: relative;
}
#goodssearch_sort_inner .navistyle_ .select_ select{
  background-color: none!important;
  background: url(../img/usr/sp/filter/open.png) 95% center no-repeat;
  background-size: 8.5px 7px;
  text-align: center;
  padding-left: 0;
  color: #333333;
  border: none!important;
}
.app_view #goodssearch_sort_inner .navistyle_ .select_ select{
  margin-left: 0;
  padding-left: 5%;
  width: 100%;
  max-width: 100%;
}
#goodssearch_sort_inner .navistyle_ dd{
    display: table-cell;
    width: 70%;
    float: none;
}
#goodssearch_sort_inner .navistyle_ .select_{
    background-color: none!important;
}
#goodssearch_sort_inner .navistyle_ .select_ option{
    padding: 10px 0;
}

div.goods_{
    background: #fff;
}
ul.goods_p_ li{
    position: relative;
}
ul.goods_r_ li{
    position: relative;
}
ul.goods_p_ li .icon_new_{
    position: absolute;
    top: 0;
    left: 0;
}
.autopagerize_page_element_ ul.goods_p_ li a{
    padding: 15px 10px;
}
ul.goods_p_ li a .price_ {
    line-height: 1;
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
}
ul.goods_r_ li a .price_ {
    line-height: 1;
    margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
}
ul.goods_p_ li a .price_ span{
    font-size: 12px;
    margin-left: 10px;
    color: #999999;
}
ul.goods_p_ li .name_{
    color: #333333;
}
ul.goods_p_ li .img_ img{
    max-width: 100%;
}

ul.goods_t_ li .icon_new_{
    position: absolute;
    top: 0;
    left: 0;
		z-index: 1;
}
ul.goods_t_ li .img_ img{
    max-width: 100%;
}
ul.goods_t_ li .icon_ {
    text-align: left;
    padding: 0 0 2px;
}
ul.goods_t_ li .icon_ img {
    height: 16px;
}
ul.goods_t_ li a{
    padding: 15px 10px;
    text-decoration: none;
}
.navipage_.bottom_{
    background: #fff;
    margin: 0;
    padding: 20px 0 20px 0;
}
.navipage_sum_{
    margin: 0 0 15px 0;
    line-height: 1;
}
.navipage_.bottom_ a{
    background: #dddddd;
    color: #212121;
    border: none;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.navipage_.bottom_ .navipage_now_{
    background: #000000;
    color: #fff;
    border: none;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}
.navipage_.bottom_ a{
    text-decoration: none;
    font-size: 12px;
}
.navipage_.bottom_ a.navipage_prev_{
    background: #dddddd url(../img/usr/sp/filter/prev.png) 10% 30% no-repeat;
    background-size: 4px 5px;
}
.navipage_.bottom_ a.navipage_first_{
    background: #dddddd url(../img/usr/sp/filter/first.png)  10% 30% no-repeat;
    background-size: 7.5px 5px;
}

.navipage_.bottom_ a.navipage_next_{
    background: #dddddd url(../img/usr/sp/filter/next.png) 90% 30% no-repeat;
    background-size: 4px 5px;
}
.navipage_.bottom_ a.navipage_last_{
    background: #dddddd url(../img/usr/sp/filter/last.png)  90% 30% no-repeat;
    background-size: 7.5px 5px;
}
.navistyle_ dt{
    margin-top: 0;
}
.navistyle_ select{
    background: #f4f4f4 url(../img/usr/sp/filter/searchshape.png) 95% center no-repeat;
    background-size: 30px 25px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    text-align: left;
    color: #5f5f5f;
    width: 95%;
    max-width: 95%;
    margin-left: 5%;
}
.navistyle_ .select_ opiton{
    padding: 10px 0;
}
.navipage_sum_ strong{
    font-weight: normal;
}


/* --------------------------------------------------------------------
    特集一覧
-------------------------------------------------------------------- */

.bg_gray .product_box{
    margin : 10px 0 10px ;
    padding : 10px 5px 10px ;
    background : #fff ;
    overflow : hidden ;
}

ul#eventList:after{
    content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

ul#eventList{
display: inline-block;
margin : 10px auto ;
}

ul#eventList li{
 width : 48% ;
 display : block ;
 float : left ;
 margin-bottom : 20px ;
}

ul#eventList li:nth-child(2n){
float : right ;
}

ul#eventList li img{
    width : 100% ;
}

ul#eventList li dl{
    padding : 10px ;
}

ul#eventList li dl dt a:link,
ul#eventList li dl dt a:active,
ul#eventList li dl dt a:hover,
ul#eventList li dl dt a:visited{
    color : #f00 ;
    font-weight : bold ;
}

/* --------------------------------------------------------------------
    検索サジェストエリア
-------------------------------------------------------------------- */
#goodssearch_keyword {
	font-size: 12px;
	text-align: center;
	margin: 0 0 10px;
}
h1 + #goodssearch_keyword {
	float: left;
	width: calc(100% - 100px);
	padding: 23px 10px 0 90px;
	box-sizing: border-box;
	text-align: left;
	margin: 0;
	text-indent: -77px;
}
h2 + #goodssearch_keyword {
	float: left;
	width: calc(100% - 100px);
	padding: 23px 10px 0 90px;
	box-sizing: border-box;
	text-align: left;
	margin: 0;
	text-indent: -77px;
}
div#goodssearch_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
div#goodssearch_{
	background: #fff;
  padding: 20px 10px;
	clear: both;
}
div#goodssearch_result{
  margin: 15px 0 10px 0;
	font-weight: bold;
	font-size: 12px;
}
div#goodssearch_result span{
  font-size: 24px;
	padding: 0 1px;
}
div#goodssearch_order {
	float: right;
	font-weight: bold;
	background: url(../img/usr/sb/common/icon_sort.png) no-repeat left center / 20px;
	padding: 0 0 0 30px;
}
.autopagerize_page_element_ {
  min-height: calc(100vh - 300px);  
}
#goodssearch_ div#goodssearch_sort{
	position: fixed;
	right: 0;
	left: 0;
	bottom: 55px;
	margin: auto;
	border: 1px solid #f2af19;
  background: #ffd83c;
	text-align: center;
	width: 140px;
	border-radius: 30px;
	z-index: 100;
	padding: 12px 0;
  transition: 0.2s;
}
div#goodssearch_sort span{
	font-size: 15px;
	font-weight: bold;
	background: url(../img/usr/sb/common/icon_sort02_b.png) no-repeat left center / 22px;
	padding: 3px 0 3px 40px;
}
#goodssearch_ div#goodssearch_sort.btn_red{
	border: 0;
	background: #c00;
}
#goodssearch_ div#goodssearch_sort.btn_red span{
	color: #fff;
	background: url(../img/usr/sb/common/icon_sort02.png) no-repeat left center / 22px;
}
#goodssearch_ div#goodssearch_sort.btn_gray{
	border: 0;
	background: #e3e3e3;
}
#goodssearch_ div#goodssearch_sort.btn_white{
	border: 1px solid #ddd;
	background: #fff;
}
#goodssearch_tab{
    display: table;
    width: 50%;
    float: right;
    clear: both;
    margin: 20px 0 0 0;
}
#goodssearch_tab span{
    display: table-cell;
    vertical-align: middle;
}
#goodssearch_tab p{
    display: table-cell;
    padding-right: 5%;
    vertical-align: middle;
    line-height: 1;
    text-align: right;
}
#goodssearch_tab span{
    display: table-cell;
    vertical-align: middle;
    width: 25%;
}
#goodssearch_tab span:first-of-type{
    padding-right: 3%;
}
#goodssearch_tab span:last-of-type{
    padding-right: 3%;
}
#goodssearch_tab span img{
    width: 100%;
    vertical-align: middle;
}
#search_goods_list{
    clear: both;
}
#goodssearch_sort_contents{
	position: relative;
	z-index: 150;
}
#goodssearch_sort_contents .bg_{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	transition: all .3s;
}
#goodssearch_sort_contents.show .bg_{
	display: block;
}
#goodssearch_sort_contents .close_{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 11%;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	padding: 12px 0;
}
#goodssearch_sort_contents.show .close_{
	display: block;
}
#goodssearch_sort_contents .close_:before,
#goodssearch_sort_contents .close_:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 25px;
	height: 2px;
	background: #fff;
	transform: rotate(45deg);
}
#goodssearch_sort_contents .close_:after{
	transform: rotate(-45deg);
}
#goodssearch_sort_contents form{
	position: fixed;
	top: 0;
	right: -89%;
	width: 89%;
	background: #fff;
	max-height: 100vh;
	overflow-y: scroll;
	transition: all .3s;
}
#goodssearch_sort_contents.show form{
	right: 0;
}
#goodssearch_sort_contents .head_{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f3f3f3;
	padding: 15px 20px 14px;
}
#goodssearch_sort_contents .head_ p{
	font-weight: bold;
	background: url(../img/usr/sb/common/icon_sort03.png) no-repeat left center / 22px;
	padding: 1px 0 1px 35px;
}
#goodssearch_sort_contents .sort_box .ttl {
	background: #e3e3e3;
	font-weight: bold;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 13px 18px 10px;
}
#goodssearch_sort_contents .sort_box.sort_stock .ttl {
	margin-top: -1px;
}
#goodssearch_sort_contents .sort_box.sort_endsales .ttl {
	margin-top: -1px;
}
#goodssearch_sort_contents input {
	-webkit-appearance: none;
}
#goodssearch_sort_contents input[type="checkbox"] {
	position: relative;
	border: 2px solid #ddd;
	border-radius: 5px;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	margin: 0 15px 0 0;
}
#goodssearch_sort_contents input[type="checkbox"]:checked:before,
#goodssearch_sort_contents input[type="checkbox"]:checked:after {
	content: '';
	position: absolute;
	height: 4px;
}
#goodssearch_sort_contents input[type="checkbox"]:checked:before {
	background: #c00;
	width: 11px;
	top: 15px;
	left: 4px;
	transform: rotate(45deg);
}
#goodssearch_sort_contents input[type="checkbox"]:checked:after {
	background: #c00;
	width: 18px;
	top: 12px;
	left: 8px;
	transform: rotate(-50deg);
}
#goodssearch_sort_contents .sort_keyword .sort_contents {
	position: relative;
	padding: 10px 20px;
}
#goodssearch_sort_contents .sort_keyword .sort_contents #searched_word {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	height: 40px;
}
#goodssearch_sort_contents .sort_category li a {
	position: relative;
	display: block;
	color: #404040;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	padding: 14px 18px 12px;
	font-size: 12px;
}
#goodssearch_sort_contents .sort_category .sort_contents > ul > li > ul > li > a {
	padding-left: 30px;
}
#goodssearch_sort_contents .sort_category .sort_contents > ul > li > ul > li > ul > li a {
	padding-left: 42px;
}
#goodssearch_sort_contents .sort_category .sort_contents > ul > li > ul > li > ul > li > ul > li a {
	padding-left: 54px;
}
#goodssearch_sort_contents .sort_category .sort_contents > ul > li > ul > li > ul > li > ul > li > ul > li a {
	padding-left: 66px;
}
#goodssearch_sort_contents .sort_category li a.current {
	font-weight: bold;
}
#goodssearch_sort_contents .sort_stock .sort_contents {
	padding: 10px 20px;
}
#goodssearch_sort_contents .sort_endsales .sort_contents {
	padding: 10px 20px;
}
#goodssearch_sort_contents .sort_price .sort_contents {
	padding: 25px 20px 15px;
}
#goodssearch_sort_contents .sort_price .noUi-handle {
	top: -12px;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	box-sizing: border-box;
	border: 1px solid #eee;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
}
#goodssearch_sort_contents .sort_price .noUi-handle:before,
#goodssearch_sort_contents .sort_price .noUi-handle:after {
	display: none;
}
#goodssearch_sort_contents .sort_price #sort_slider {
	background: #e3e3e3;
	border: 0;
	box-shadow: none;
	height: 10px;
	margin: 25px 0 10px;
	padding: 0 10px;
}
#goodssearch_sort_contents .sort_price .noUi-connect {
	background: #c00;
}
#goodssearch_sort_contents .sort_price .price_input_area {
	display: flex;
	align-items: center;
}
#goodssearch_sort_contents .sort_price .price_input_area input {
	width: calc((100% - 70px) / 2);
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 5px 10px;
	margin: 0;
	height: 35px;
	text-align: center;
}
#goodssearch_sort_contents .sort_price .price_input_area input[name="min_price"] + p {
	width: 50px;
	font-size: 12px;
	text-align: center;
}
#goodssearch_sort_contents .sort_price .price_input_area input[name="max_price"] + p {
	width: 20px;
	font-size: 12px;
	text-align: right;
}
#goodssearch_sort_contents .sort_service {
	padding: 0 0 120px;
}
.app_view #goodssearch_sort_contents .sort_service {
	padding: 0 0 63px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  _::-webkit-full-page-media, _:future, :root #goodssearch_sort_contents .sort_service {
    padding: 0 0 140px;
  }
	_::-webkit-full-page-media, _:future, :root .app_view #goodssearch_sort_contents .sort_service {
    padding: 0 0 63px;
  }
}
#goodssearch_sort_contents .sort_service li {
	padding: 10px 20px;
	border-bottom: 1px solid #ddd;
}
#goodssearch_sort_contents .btn_wrapper {
	position: fixed;
	right: -89%;
	bottom: 0;
	width: 89%;
	display: flex;
	justify-content: space-between;
	padding: 0 20px 10px;
	box-sizing: border-box;
	transition: all .3s;
	z-index: 1;
}
#goodssearch_sort_contents.show .btn_wrapper {
	right: 0;
}
#goodssearch_sort_contents .btn_clear {
	width: 36%;
	background: #e3e3e3;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	border-radius: 30px;
	padding: 11px 0 8px;
}
#goodssearch_sort_contents #filterbtn {
	-webkit-appearance: none;
	display: block;
	width: 60%;
	text-align: center;
	border: 1px solid #f2af19;
	background: #ffd83c;
	color: #404040;
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold;
	border-radius: 30px;
	padding: 11px 0 8px;
}
#goodssearch_sort_contents #filterbtn.btn_red {
	color: #fff;
	border: 0;
	background: #c00;
}
#goodssearch_sort_contents #filterbtn.btn_gray {
	border: 0;
	background: #e3e3e3;
}
#goodssearch_sort_contents #filterbtn.btn_white {
	border: 1px solid #ddd;
	background: #fff;
}

div.goods_{
    background: #fff;
    overflow-x: scroll;
    margin-right: -20px;
    padding: 0 0 12px;
}
#sports_outdoor div.goods_{
    overflow: unset;
}
.autopagerize_page_element_ div.goods_,
.page-search div.goods_{
    margin-right: 0;
}
ul.goods_p_{
    display: inline-block;
    white-space: nowrap;
}
.autopagerize_page_element_ ul.goods_p_{
    display: block;
    white-space: normal;
    border-top: 1px solid #eee;
    padding: 10px 0 0;
}
#ppz_recommend14 ul.goods_p_{
    display: block;
}
ul.goods_p_ li{
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin: 0 15px 0 0;
}
#valentine_wrapper ul.goods_p_ li{
    width: auto;
}
.autopagerize_page_element_ ul.goods_p_ li{
    display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
}
main#kitte_hagakistore ul.goods_p_ li,
main#drugstore ul.goods_p_ li{
    width: auto;
}
ul.goods_p_ li .img_{
    text-align: center;
    /*padding: 0 10px;*/
    margin: 0 10px 0 0;
    box-sizing: border-box;
}
.autopagerize_page_element_ ul.goods_p_ li .img_{
    float: left;
    width: 110px;
    height: 110px;
    text-align: center;
    padding: 0 10px;
    margin: 0 10px 0 0;
    box-sizing: border-box;
}
.autopagerize_page_element_ ul.goods_p_ li .img_ img {
    float: left;
    max-width: 90px;
    max-height: 90px;
    height: auto;
}
ul.goods_p_ li.no_stock .img_,ul.goods_p_ li.before_sales .img_,ul.goods_p_ li.after_sales .img_{
	position: relative;
}
ul.goods_p_ li.before_sales .img_:after{
	content: '販売開始前';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
ul.goods_p_ li.after_sales .img_:after{
	content: '販売終了';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
ul.goods_p_ li.no_stock .img_:after{
	content: '在庫なし';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
ul.goods_p_ li a{
    padding: 0;
}
#sports_outdoor ul.goods_p_ li {
	width: auto;
}
ul.goods_p_ li a .price_{
    line-height: 1;
    margin-top: 10px;
    text-align: right;
}
.autopagerize_page_element_ ul.goods_p_ li a .price_{
    text-align: left;
    font-weight: normal;
    color: #505050;
}
ul.goods_p_ li a .price_ span{
    font-size: 12px;
    margin-left: 10px;
    color: #999999;
}
ul.goods_p_ li .name_{
    color: #333333;
}
ul.goods_p_ li .img_ img{
    max-width: 100%;
}

ul.goods_t_ li{
    position: relative;
    border-bottom: 1px solid #eee;
}
.page-search ul.goods_t_ li:first-child{
    border-top: 1px solid #eee;
}
ul.goods_t_ li .img_{
    float: left;
    width: 120px;
    height: 120px;
    text-align: center;
    padding: 0 10px;
    margin: 0 10px 0 0;
    box-sizing: border-box;
}
ul.goods_t_ li.no_stock .img_,ul.goods_t_ li.before_sales .img_,ul.goods_t_ li.after_sales .img_{
	position: relative;
}
ul.goods_t_ li.before_sales .img_:after{
	content: '販売開始前';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
ul.goods_t_ li.after_sales .img_:after{
	content: '販売終了';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
ul.goods_t_ li.no_stock .img_:after{
	content: '在庫なし';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
ul.goods_t_ li .name_{
    color: #333333;
    font-weight: bold;
}
ul.goods_t_ li .img_ img{
    max-width: 100%;
}
ul.goods_t_ li .desc_{
    padding: 0 5px;
    width: calc(100% - 130px);
}
ul.goods_t_ li a{
    display: flex;
    align-items: flex-start;
    padding: 15px 10px;
    text-decoration: none;
}
ul.goods_t_ li a .price_{
    line-height: 1;
    margin-top: 10px;
    font-size: 14px;
}
ul.goods_t_ li a .price_ span{
    font-size: 10px;
    margin-top: 5px;
    color: #999999;
    padding-left: 3px;
}
ul.goods_t_ li a .price_text_{
	color: #c00;
}
ul.goods_t_ li a .default_price_{
	color: #c00;
	font-size: 12px;
	text-decoration: line-through;
}
ul.goods_t_ li a .price_text_ + .price_{
	display: inline-block;
	margin-top: 3px
}
ul.goods_t_ li a .default_price_ + .price_{
	display: inline-block;
	margin-top: 3px;
}
ul.goods_t_ li a .default_price_ + .price_:before{
	content: '→';
	font-size: 12px;
	margin-right: 5px;
}

/* 一覧 ポイント表記 */
.pointbox_ {
	margin: 3px 0 0;
}
.pointbox_ span {
	color: #333;
	font-size: 12px;
}
.pointbox_ .points_ .plus_ {
	color: #c00;
	padding-right: 3px;
}

.navipage_.bottom_{
    background: #fff;
    margin: 0;
    padding: 20px 0 20px 0;
}
.navipage_sum_{
    margin: 0 0 15px 0;
    line-height: 1;
}
.navipage_.bottom_ a{
    background: #dddddd;
    color: #212121;
    border: none;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.navipage_.bottom_ .navipage_now_{
    background: #000000;
    color: #fff;
    border: none;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}
.navipage_.bottom_ a{
    text-decoration: none;
    font-size: 12px;
}
.navipage_.bottom_ a.navipage_prev_{
    background: #dddddd url(../img/usr/sp/filter/prev.png) 10% 30% no-repeat;
    background-size: 4px 5px;
}
.navipage_.bottom_ a.navipage_first_{
    background: #dddddd url(../img/usr/sp/filter/first.png)  10% 30% no-repeat;
    background-size: 7.5px 5px;
}

.navipage_.bottom_ a.navipage_next_{
    background: #dddddd url(../img/usr/sp/filter/next.png) 90% 30% no-repeat;
    background-size: 4px 5px;
}
.navipage_.bottom_ a.navipage_last_{
    background: #dddddd url(../img/usr/sp/filter/last.png)  90% 30% no-repeat;
    background-size: 7.5px 5px;
}
.navistyle_ dt{
    margin-top: 0;
}
.navistyle_ select{
    background: #f4f4f4 url(../img/usr/sp/filter/searchshape.png) 95% center no-repeat;
    background-size: 30px 25px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    text-align: left;
    color: #5f5f5f;
    width: 95%;
    max-width: 95%;
    margin-left: 5%;
}
.navistyle_ .select_ opiton{
    padding: 10px 0;
}
.navipage_sum_ strong{
    font-weight: normal;
}
/* --------------------------------------------------------------------
    トピックス
-------------------------------------------------------------------- */
.login_box_inner.jp-limited_ {
    background: #cc0000;
    margin: 20px 0;
    padding: 15px;
    color: #fff;
    text-align: center;
    border: 7px double #fff;
}
.login_box_inner.jp-limited_ h2 {
    color: #fff;
    font-size: 18px;
    padding: 0;
    margin-bottom: 10px;
    background: none;
}
.login_box_inner.jp-limited_ p {
    margin: 20px 0 10px;
    font-size: 14px;
}
.login_box_inner.jp-limited_ .login02 {
    padding: 5px;
    text-align: center;
    background: #fff;
    color: #c00;
    font-size: 14px;
    border-radius: 5px;
    font-weight: bold;
    margin: 15px auto 0;
    text-decoration: none;
}
.login_box_inner.jp-limited_ .login02:hover {
    opacity: 0.8;
    text-decoration: none;
}

#block_of_topic {
  padding: 17px 20px 0;
}
#block_of_topic .topic_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
}
#block_of_topic .topiclist_link {
  position: relative;
  color: #333;
  font-size: 12px;
  text-decoration: none;
  padding: 0 11px 0 0;
}
#block_of_topic .topiclist_link:after {
  content: '';
  position: absolute;
  top: 6px;
  right: 1px;
  width: 5px;
  height: 5px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(-45deg);
}
/* トピック詳細 */
.topiclist_body_ li {
    font-size: 12px;
  margin: 0 0 10px;
  width: 100%;
}
.topiclist_body_ li .date_ {
  display: flex;
  align-items: center;
  color: #BBB;
  font-size: 12px;
  margin: 0 0 2px;
}
.topiclist_body_ li .date_ .icon_ {
  color: #fff;
  font-size: 10px;
  transform: scale(0.9);
  background: #c00;
  border-radius: 20px;
  padding: 0 6px;
  margin: 0 0 0 8px;
}
.topiclist_body_ li p {
    color: #333;
    font-size: 12px;
    word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.topiclist_body_ li .date_ > img {
    float: right;
        height: 15px;
}
.topiclist_body_ li .title_ {
    margin: 5px 0;
    word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
    color: #333;
    font-size: 12px;
    overflow: hidden;
}
.topiclist_body_ .topic_title_ {
    padding: 10px 10px;
    margin-bottom: 10px;
    color: #333;
    font-weight: bold;
    line-height: 1.6;
    background: #cc0000;
    text-align: left;
    color: #fff;
    word-break: break-all;
}
.topiclist_body_ .topic_title_  img{
    vertical-align: text-bottom;
}
.topiclist_body_ figure {
    padding: 0 10px 10px;
}
.topiclist_body_ article {
    padding: 5px 10px 15px;
    word-break: break-all;
}
/* トピック一覧 */
div.topiclist_ {
/*    margin: 0 10px 10px;
    background: #F6F6F6;
    border: 1px solid #E0E0E0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: #999 0 3px 3px -2px;*/
}
div.topiclist_ .topiclist_head_ {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

div.topiclist_ .topiclist_body_ {
/*    margin: 0 5px 5px;
    padding: 0 10px;
    background: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
}
div.topiclist_ .topiclist_body_ li {
    padding: 13px 10px;
    min-height: 64px;
    border-bottom: 1px dotted #CCC;
    font-size: 15px;
    color: #333;
    line-height: 1.333;
}
div.topiclist_ .topiclist_body_ li a,
div.topiclist_ .topiclist_body_ li span.nolink_ {
    display: block;
    padding: 5px 0;
}
div.topiclist_ .topiclist_body_ li a {
    color: #333;
    text-decoration: none;
}
div.topiclist_ .topiclist_body_ .icon_ {
    display: inline-block;
    height: 20px;
}
div.topiclist_ .topiclist_body_ .icon_ img {
    height: 100%;
}
div.topiclist_ .topiclist_body_ .date_ {
    display: inline-block;
    font-size: 15px;
    color: #C00;
    vertical-align: top;
}
.topiclist_body_ li a {
    display: block;
    color: #000000;
    text-decoration: none;
}
#block_of_topic .more_txt {
    text-align: center;
}
#block_of_topic .more_txt span{
    background: url(../img/usr/sp/menu_bottom_arrow.png) no-repeat 30% center;
    background-size: 10px 6.5px;
    padding-right: 22px;
}
#block_of_topic .more_txt span.open{
    background: url(../img/usr/sp/menu_top_arrow.png) no-repeat 30% center;
    background-size: 10px 6.5px;
    padding-right: 22px;
}
#float_window {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #000;
    z-index: 1000;
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
    width: 300px;
    text-align: left;
}
#float_window .float_window_msg_ > a{
    display: block;
    width: calc(100% - 22px - 42px);
    height: calc(100% - 8px - 7px);
    color: #FFF;
    padding: 8px 42px 7px 22px;
    background: url(../img/usr/floatwindow_arrow.png) calc(100% - 18px) center no-repeat;
    text-decoration: none;
}
#float_window .float_window_msg_ > div{
    width: calc(100% - 22px - 22px);
    height: calc(100% - 8px - 7px);
    color: #FFF;
    padding: 8px 22px 7px 22px;
}
#float_window #windowCloseBtn{
    width: 23px;
    height: 23px;
    position:absolute;
    top: -9px;
    left: -9px;
    z-index: 1001;
    background: url(../img/usr/close_btn.png) left top no-repeat;
}
#float_window .float_window_msg_{
    color: #FFF;
}

/* --------------------------------------------------------------------
    【app】QR
-------------------------------------------------------------------- */
#app_qr {
    position: relative;
}
#app_qr .cart_block_ h2 {
    padding: 7px 10px;
    text-align: center;
}
#app_qr .cart_block_ .not_in_cart_ {
    padding: 35px 0 50px;
    text-align: center;
}
#app_qr .cart_block_ #item_slider {
    margin: 0 10px 15px;
}
#app_qr .cart_block_ #item_slider div {
    padding: 0 5px 0 0;
    text-decoration: none;
    color: #333;
    position: relative;
}
#app_qr .cart_block_ #item_slider .num_ {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #cc0100;
    text-align: center;
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}
#app_qr .cart_block_ #item_slider figure img {
    width: 100%;
    vertical-align: bottom;
}
#app_qr .cart_block_ #item_slider .name_ {
    visibility: hidden;
    margin-top: 5px;
    font-size: 10px;
}
#app_qr .btn_block_ {
    padding: 0 10px 10px;
    border: none;
}
#app_qr .btn_block_ .reading_ {
    padding: 14px 10px;
    border-radius: 5px;
    background: #e6e6e6;
    text-align: center;
    color: #999;
    font-weight: bold;
}
#app_qr .btn_block_ .in_cart_ a {
    display: block;
    padding: 14px 10px;
    border-radius: 5px;
    background: #f60;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
#app_qr .btn_block_ .in_cart_ a {
    display: block;
    padding: 14px 10px;
    border-radius: 5px;
    background: #f60;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
#app_qr .overray_ {
    background: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100001;
}
#app_qr .detail_block_ {
    margin: 15px;
    padding: 15px;
    border-radius: 8px;
    background: #fff;
    position: relative;
    z-index: 100002;
}
#app_qr .detail_block_ .head_sec_ {
    margin-bottom: 15px;
    overflow: hidden;
}
#app_qr .detail_block_ .head_sec_ figure {
    width: 90px;
    float: left;
}
#app_qr .detail_block_ .head_sec_ figure img {
    width: 100%;
    vertical-align: bottom;
}
#app_qr .detail_block_ .head_sec_ .info_area_ {
    margin-left: 100px;
}
#app_qr .detail_block_ .head_sec_ .info_area_ h2 {
    margin-bottom: 8px;
    line-height: 1.2;
}
#app_qr .detail_block_ .head_sec_ .info_area_ .price_ {
    font-size: 16px;
    font-weight: bold;
}
#app_qr .detail_block_ .head_sec_ .info_area_ .price_ span {
    margin-left: 5px;
    font-size: 11px;
    font-weight: normal;
    color: #777;
}
#app_qr .detail_block_ .text_sec_ {
    height: 240px;
    margin-bottom: 20px;
    overflow: scroll;
}
#app_qr .detail_block_ .cart_sec_ {
    padding: 15px 0 5px;
    border-top: 1px solid #333;
}
#app_qr .detail_block_ .cart_sec_ .num_box_ {
    margin-bottom: 20px;
    overflow: hidden;
}
#app_qr .detail_block_ .cart_sec_ .num_box_ p {
    width: calc(100% - 174px);
    padding-top: 5px;
    text-align: right;
    float: left;
}
#app_qr .detail_block_ .cart_sec_ .num_box_ .num_ctrl_ {
    overflow: hidden;
    float: right;
}
#app_qr .detail_block_ .cart_sec_ .num_box_ .num_ctrl_ .btn_minus_,
#app_qr .detail_block_ .cart_sec_ .num_box_ .num_ctrl_ .btn_plus_ {
    width: 32px;
    margin-left: 10px;
    font-size: 0;
    float: left;
}
#app_qr .detail_block_ .cart_sec_ .num_box_ .num_ctrl_ img {
    width: 100%;
}
#app_qr .detail_block_ .cart_sec_ .num_box_ .num_ctrl_ input {
    height: 32px;
    width: 80px;
    margin: 0;
    box-sizing: border-box;
    background: #e6e6e6;
    text-align: center;
    float: left;
}
#app_qr .detail_block_ .cart_sec_ .btn_box_ {
    overflow: hidden;
}
#app_qr .detail_block_ .cart_sec_ .btn_box_ input[type="button"],
#app_qr .detail_block_ .cart_sec_ .btn_box_ input[type="submit"] {
    width: 49%;
    height: 38px;
    box-sizing: border-box;
    border-radius: 5px;
    border: none;
}
#app_qr .detail_block_ .cart_sec_ .btn_box_ input[type="button"] {
    border: 1px solid #999;
    background: #dadada;
    float: left;
}
#app_qr .detail_block_ .cart_sec_ .btn_box_ input[type="submit"] {
    background: #f60;
    float: right;
    color: #fff;
}

/* --------------------------------------------------------------------
    【app】局所コード
-------------------------------------------------------------------- */
.app_view #PostOfficeSearch {
    width: 100%;
    max-width: initial;
    height: 38px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #999;
}
.app_view .about_introduced {
    margin-bottom: 10px;
    padding-left: 26px;
    background: url(../img/sys/icon_question.png) no-repeat left;
    background-size: 20px;
    text-decoration: underline;
}
.app_view #otherPostOffice {
    display: none;
}
.app_view .SearchPostBox {
    margin-top: 5px;
    overflow: hidden;
}
.app_view .SearchPostBox #btnSearchPost {
    width: 24.25%;
    height: 38px;
    margin-left: 1%;
    border-radius: 3px;
    border: 1px solid #999;
    background: #fff;
    font-size: 11px;
    float: left;
}
.app_view .SearchPostBox #btnSearchPost.active {
    border: 1px solid #f60;
    background: #f60;
    color: #fff;
}
.app_view .SearchPostBox #btnSearchPost:first-child {
    margin-left: 0;
}
.app_view #search_postoffice_line {
    margin-top: 10px;
}
.app_view .PostOfficeInfoBox {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}
.app_view .PostOfficeInfoBox #search_postoffice,
.app_view .PostOfficeInfoBox .btn_search {
    height: 38px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #999;
    float: left;
}
.app_view .PostOfficeInfoBox #post_stop_list {
    margin: 13px 0 10px;
    color: #222;
    font-size: 12px;
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 10px 15px;
    position: relative;
    max-width: 100%;
    height: 40px;
    background-color: #fff;
}
.app_view .PostOfficeInfoBox #post_office_map {
    float: right;
    color: #0083D5;
    text-decoration: none;
}
.app_view .PostOfficeInfoBox #search_postoffice {
    width: 70%;
    margin: 0;
}
.app_view .PostOfficeInfoBox #search_postoffice {
    width: 60%;
}
.app_view .PostOfficeInfoBox .btn_search {
    width: 28%;
    margin-left: 2%;
    padding-top: 9px;
    background: #dadada;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: #333;
    position: absolute;
    top: 0;
    right: 0;
}
.app_view .PostOfficeInfoBox .btn_reset {
    font-size: 12px;
}
.method_box_content_ dl dd input[name="employee_remarks1"] {
    width: 44%;
    padding: 11px 8px;
}
.method_box_content_ dl dd input[name="employee_remarks2"] {
    width: 39%;
    padding: 11px 8px;
}
.introduced_modal {
    display: none;
}
.introduced_modal .introduced_overray {
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}
.introduced_modal .modal_box {
    padding-bottom: 20px;
    border-radius: 6px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 10px;
    right: 10px;
    z-index: 1001;
}
.introduced_modal .modal_box .title_area {
    padding: 10px 0;
    border-radius: 6px 6px 0 0;
    background: #ddd;
    position: relative;
}
.introduced_modal .modal_box .title_area .close {
    width: 16px;
    position: absolute;
    top: 11px;
    right: 15px;
}
.introduced_modal .modal_box .title_area .close img {
    width: 100%;
}
.introduced_modal .modal_box .title_area .title {
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
    color: #000;
}
.introduced_modal .modal_box .text_area {
    padding: 15px 15px 0;
}
.introduced_modal .modal_box .text_area p {
    margin-bottom: 15px;
    line-height: 1.8;
    font-size: 12px;
}
.introduced_modal .modal_box .text_area p span {
    font-size: 12px;
}
.introduced_modal .modal_box .text_area p .bold {
    font-weight: bold;
}
.introduced_modal .modal_box .text_area p .red {
    color: #f00;
}
.introduced_modal .modal_box > .close {
    width: 160px;
    margin: 0 auto;
    padding: 6px 0;
    border-radius: 4px;
    border: 1px solid #999;
    background: #ddd;
    text-align: center;
    font-size: 12px;
    color: #000;
}

/* --------------------------------------------------------------------
    【app】ログイン
-------------------------------------------------------------------- */
.app_view div.login_#loginon{
  padding-bottom: 25px;
}
.app_view div.login_#loginon div#loginformmember {
    border: none;
}
.app_view div.login_#loginon div.loginform_ .box_ .loginform_ input {
    height: 35px;
}
.app_view div.login_#loginon div.loginform_ .c_mrgn_tb10_ {
    margin: 10px 0 15px;
}
.app_view div.login_#loginon div.loginform_ .c_mrgn_tb10_.social_{
    width: 320px;
    margin: 15px auto 20px auto;
    text-align: left;
}
.app_view div.login_#loginon #loginformfirst {
    padding: 20px 10px 25px;
    margin-bottom: 25px;
}
.app_view div.login_#loginon #loginformid {
    padding: 5px 10px;
    margin-bottom: 0;
    border-bottom: none;
}
.app_view div.login_#loginon #loginformid input {
    height: auto;
    background: url(../img/usr/sp/icon_blank.png) no-repeat right 10px center;
    background: url(../img/usr/sp/icon_blank.png) no-repeat calc(50% + 94px) center;
    background-size: 16px;
    line-height: normal;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}



.app_view .content_dest_ .SearchPostBox input.active,
.app_view .content_select_ .delivery_detail_ #method_post .SearchPostBox input[type="button"].active {
    border: 1px solid #222;
    background: #222 !important;
    color: #fff;
}
.app_view .content_dest_ .PostOfficeInfoBox,
.app_view .content_select_ .PostOfficeInfoBox {
    margin-top: 0;
}
.app_view .content_dest_ .PostOfficeInfoBox #search_postoffice,
.app_view .content_select_ .PostOfficeInfoBox #search_postoffice {
    width: 53%;
    height: 1.0em;
    box-sizing: unset;
    margin-right: 10px;
    border: 1px solid #aaa;
    border-radius: 5px;
}
.app_view .content_dest_ .PostOfficeInfoBox a,
.app_view .content_select_ .PostOfficeInfoBox a {
    font-size: 14px;
    position: static;
    height: auto;
    margin-left: 0;
}
.app_view .content_select_ #search_postoffice_line {
    margin: 0;
}
.app_view .content_select_ #search_postoffice_line .dest_search {
    color: #757575;
    font-size: 12px;
    margin: 0 0 10px;
}
.app_view .content_select_ #search_postoffice_err {
    margin: 0;
}

/* --------------------------------------------------------------------
	のし一括設定対応
-------------------------------------------------------------------- */
.content_dest_ .btns_edit_customerinfo_ {
	margin: 20px 0 7px;
}
.content_dest_ .btns_edit_customerinfo_ a {
	display: block;
	width: 315px;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	color: #222;
	padding: 11px 0 10px;
}
.content_dest_ form > .dest_list_ .address_book_list_ {
	border: 0;
	border-radius: 0;
	margin: 0;
}
.content_option_ .noshi_area_ {
	margin: 45px 0 25px;
	padding: 0 30px;
}
.content_option_ .noshi_area_ .about_ {
	text-align: right;
	margin: 20px 0 0;
}
.content_option_ .noshi_area_ .about_ p {
	display: inline-block;
	color: #0072B9;
	font-size: 14px;
	padding: 0 0 0 25px;
	background: url(../img/icon/icon_info.png) no-repeat left center / 18px;
}
.content_option_ .noshi_area_ a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #222;
	padding: 13px 0 9px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
	font-size: 14px;
	width: 315px;
	max-width: 100%;
	margin: 0 auto;
}
.content_noshi_ #noshisettingfrm > div:first-of-type > p:first-child {
	padding: 0 10px 15px;
}
.content_option_ .address_item_ + .noshi_area_ {
	padding: 0 20px;
	margin-top: 10px;
}
.content_option_ .address_item_ + .noshi_area_ input {
	display: block;
	width: 100%;
	height: 45px;
	padding: 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
	color: #222;
	font-size: 14px;
	margin: 0 auto 20px;
}

/* modal */
.noshi_area_ .modal_wrapper_ {
	display: none;
}
.noshi_area_ .noshi_modal_ {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}
.noshi_area_ .bg_modal_ {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	/*background: rgba(117, 117, 117, 0.9);*/
	background: rgba(0, 0, 0, 0.5);
}
.noshi_area_ .contents_ {
	position: relative;
	width: 310px;
	background: #fff;
}
.noshi_area_ .contents_ .ttl_ {
	position: relative;
	background: #DEDEDE;
	font-size: 18px;
	padding: 15px 15px 11px;
	font-weight: bold;
}
.noshi_area_ .contents_ .close_ {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	width: 46px;
	height: 46px;
	cursor: pointer;
}
.noshi_area_ .contents_ .close_:before,
.noshi_area_ .contents_ .close_:after {
	content: '';
	position: absolute;
	top: 5px;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 15px;
	height: 2px;
	background: #fff;
}
.noshi_area_ .contents_ .close_:before {
	transform: rotate(45deg);
}
.noshi_area_ .contents_ .close_:after {
	transform: rotate(-45deg);
}
.noshi_area_ .contents_ .inner_ {
	padding: 30px 20px;
	border: 0;
	margin: 0;
}
.noshi_area_ .contents_ .inner_ p {
	margin: 0 0 5px;
}
.noshi_area_ .contents_ .inner_ .caution_ {
	font-size: 12px;
}

/* --------------------------------------------------------------------
	絞り込み結果 ヒットなし
-------------------------------------------------------------------- */
.page-search .no_item_,
.page-category .no_item_,
.page-genre .no_item_ {
	margin-top: 15px;
	padding-top: 20px;
	padding-bottom: 15px;
	text-align: center;
	clear: both;
}
.page-search .no_item_ strong,
.page-category .no_item_ strong,
.page-genre .no_item_ strong {
	font-size: 12px;
}
.page-search .search_suggest_,
.page-category .search_suggest_,
.page-genre .search_suggest_ {
	display: flex;
	justify-content: center;
	padding: 0 10px;
	margin: 0 0 20px;
}
.page-search .search_suggest_ ul,
.page-category .search_suggest_ ul,
.page-genre .search_suggest_ ul {
	display: flex;
}
.page-search .search_suggest_ li,
.page-category .search_suggest_ li,
.page-genre .search_suggest_ li {
	margin-left: 5px;
}
.page-search .search_suggest_ li a,
.page-category .search_suggest_ li a,
.page-genre .search_suggest_ li a {
  color: #1a0dab;
}
.page-search .suggest_btn_,
.page-category .suggest_btn_,
.page-genre .suggest_btn_ {
	margin: 0 35px 50px;
}
.page-search .suggest_btn_ #btn_change_keyword,
.page-search .suggest_btn_ #goodssearch_sort,
.page-category .suggest_btn_ #btn_change_keyword,
.page-category .suggest_btn_ #goodssearch_sort,
.page-genre .suggest_btn_ #btn_change_keyword,
.page-genre .suggest_btn_ #goodssearch_sort {
	display: block;
	border: 1px solid #ddd;
	text-align: center;
	border-radius: 30px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 13px 0;
	text-decoration: none;
}
.page-search .suggest_btn_ #goodssearch_sort,
.page-category .suggest_btn_ #goodssearch_sort,
.page-genre .suggest_btn_ #goodssearch_sort {
	margin: 0;
}

.page-category .suggest_btn_ input,
.page-genre .suggest_btn_ input {
	outline: none;
}

/* --------------------------------------------------------------------
	詳細検索 カテゴリ・ジャンル
-------------------------------------------------------------------- */
.page-category,
.page-genre,
.page-search {
	position: relative;
}
.page-category h1.category_name_ {
	color: #cd0000;
	font-weight: bold;
	background: transparent;
	padding-top: 22px;
	padding-bottom: 0;
}
.page-category .subcategory_ {
	padding: 25px 8px 15px;
	margin: 20px 0 0;
	border-top: 1px solid #ddd;
	border-bottom: 5px solid #f3f3f3;
}
.page-category .subcategory_ h3 {
	font-size: 18px;
	margin: 0 0 15px;
}
.page-category .subcategory_ ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.page-category .subcategory_ li {
	width: calc((100% - 40px) / 3);
	margin: 0 20px 10px 0;
	text-align: center;
}
.page-category .subcategory_ li:nth-child(3n) {
	margin-right: 0;
}
.page-category .subcategory_ li a {
	color: #333;
	text-decoration: none;
}
.page-category .subcategory_ li img {
	width: 100%;
	margin: 0 0 10px;
}
.page-genre .subcategory_ li .comment_ {
	font-size: 12px;
}

/* 画像がない場合 */
.page-category .subcategory_ li.no_img_ {
	text-align: left;
	box-sizing: border-box;
}
.page-category .subcategory_ li.no_img_ a {
	display: flex;
	align-items: center;
	background: #fffef4;
	padding: 10px 10px 9px;
	margin: 0 0 8px;
	height: 100%;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ddd;
}
.page-category .subcategory_ li.no_img_ a p {
	color: #1d3994;
	font-size: 12px;
	padding: 0 0 0 12px;
	background: url(../img/usr/common/arrow3.png) no-repeat left center;
}

/* --------------------------------------------------------------------
	一覧
-------------------------------------------------------------------- */


div#goodssearch_order {
	float: right;
	font-weight: bold;
  background: none;
  /* padding: 0 calc(10 * (100vw / 375)) 0; */
  padding: 0;
  border: calc(1 * (100vw / 375)) solid #404040;
  border-radius:  calc(2 * (100vw / 375));
  display: flex;
  align-items: center;
  width: calc(123 * (100vw / 375));
  height: calc(30 * (100vw / 375));
  font-size: calc(13 * (100vw / 375));
  position: relative;
  box-sizing: border-box;
}
div#goodssearch_order::before{
  content: '';
  display: block;
  width: calc(14 * (100vw / 375));
  height: calc(12 * (100vw / 375));
  background: url(../img/usr/sb/common/icon_sort.png) no-repeat left center / contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(10* (100vw / 375));
  z-index: 2;
}
div#goodssearch_order > *{
  display: block;
  height: 100%;
  width: 100%;
}
div#goodssearch_order > * select{
  display: flex;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0 calc(35 * (100vw / 375)) 0 calc(10 * (100vw / 375));
  border: none;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif;
  font-size: calc(13 * (100vw / 375));
  background: #fff;
  color: #404040;
  font-weight: bold;
}

.page-search .goods_t_ {
  display: flex;
  flex-wrap: wrap;
  padding: 0 calc(17 * (100vw / 375)) 0;
  box-sizing: border-box;
}
.page-search .goods_t_ > li{
  width: calc(156 * (100vw / 375));
  border: none;
  box-sizing: border-box;
  margin-right: calc(29 * (100vw / 375));
}
.page-search ul.goods_t_ > li:nth-of-type(2n){
  margin-right: 0;
}
.page-search ul.goods_t_ > li:nth-of-type(n+3){
  margin-top: calc(40 * (100vw / 375));
}
.page-search ul.goods_t_ > li:first-child{
  border: none;
}
.page-search .goods_t_ > li a{
  padding: 0;
  flex-direction: column;
}
.page-search .goods_t_ > li .img_{
  float: none;
  width: 100%;
  height: calc(156 * (100vw / 375));
  padding: 0;
  margin: 0;
}
.page-search .goods_t_ > li .desc_{
  width: 100%;
  padding: 0;
  margin-top: calc(10 * (100vw / 375));
}
.page-search .goods_t_ > li .desc_ .icon_{
  padding: 0 0 calc(2 * (100vw / 375));
}
.page-search .goods_t_ > li .desc_ .icon_ img{
  height: calc(16 * (100vw / 375));
}
.page-search .goods_t_ > li .desc_ .name_{
  font-size: calc(14 * (100vw / 375));
}
.page-search .goods_t_ > li .desc_ .pointbox_{
  margin-top: calc(3 * (100vw / 375));
}
.page-search .goods_t_ > li .desc_ .pointbox_ span{
  font-size: calc(12 * (100vw / 375));
}
.page-search .goods_t_ > li .desc_ .price_{
  font-size: calc(14 * (100vw / 375));
}
.page-search .goods_t_ > li .desc_ .price_ span{
  padding-left: calc(3 * (100vw / 375));
  margin-top: calc(5 * (100vw / 375));
  font-size: calc(10 * (100vw / 375));
}

/* --------------------------------------------------------------------
	Google reCAPTCHA
--------------------------------------------------------------------- */
.g-recaptcha_ {
  margin-right:auto;
  margin-left:auto;
  margin-bottom:30px;
  text-align: center;
  width:300px;
}

div.g-recaptcha_ .error_ {
    background: url(../img/usr/icon/attention.png) no-repeat left center;
    padding-left: 27px;
    background-size: 18px;
    margin: 5px 0;
    color: #CC0000;
    font-weight: bold;
    text-align: left;
}

/* 
.grecaptcha-badge{
    margin-bottom: 5px;
}
 */

div.shipping_{
    color: #333;
    line-height: 1;
    margin-top: 5px;
}
div.shipping_ p{
    padding-top: 10px;
}

.checktype_pwd,
.checktype_cpwd{
  display: inline-block;
  position: relative;
  margin: 0;
}
.formdetail_.passchange_ dd:nth-of-type(3),
.formdetail_.passchange_ dd:nth-of-type(4){
  position: relative;
}

.customer_.col1_ dd .checktype_pwd > input,
.customer_.col1_ dd .checktype_cpwd > input{
  margin: 0;
  width: calc(100% - 60px);
}
.formdetail_.passchange_ dd{
  position: relative;
}
.formdetail_.passchange_ dd input{
  margin: 0 0 5px;
}
.password__toggle,
.password__toggle02{
  width: 20px;
  height: 20px;
  background: url(../img/usr/mypage/icon_pass_visible.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 48px;
}
.formdetail_.passchange_ #npwd1 ~ .password__toggle,
.formdetail_.passchange_ #npwd2 ~ .password__toggle02{
  top: 22px;
  right: 20px;
}

.formdetail_.passchange_ dd.is-show #npwd1 ~ .password__toggle,
.formdetail_.passchange_ dd.is-show #npwd2 ~ .password__toggle02,
.checktype_pwd.is-show .password__toggle,
.checktype_cpwd.is-show .password__toggle02{
  background-image: url(../img/usr/mypage/icon_pass_hide.png);
}

.formdetail_.customer_ #pwd::-ms-reveal,
.formdetail_.customer_ #cpwd::-ms-reveal,
.formdetail_.passchange_ #npwd1::-ms-reveal,
.formdetail_.passchange_ #npwd2::-ms-reveal{
  display: none;
}

table.point_add_ td{
	color: #404040;
	font-weight: normal;
}

#goodssearch_sort_contents .sort_category .sort_contents .inner-left-wrap > ul > li > ul > li > a {
	padding-left: 30px;
}
#goodssearch_sort_contents .sort_category .sort_contents .inner-left-wrap > ul > li > ul > li > ul > li a {
	padding-left: 42px;
}
#goodssearch_sort_contents .sort_category .sort_contents .inner-left-wrap > ul > li > ul > li > ul > li > ul > li a {
	padding-left: 54px;
}
#goodssearch_sort_contents .sort_category .sort_contents .inner-left-wrap > ul > li > ul > li > ul > li > ul > li > ul > li a {
	padding-left: 66px;
}