@charset "utf-8";
/* CSS Document */

#category_search_box_2018{
    margin: 0 auto 25px;
    position: relative;
    z-index: 100;
    width: 100%;
    display: block;
    background: #eaeaea !important;
    padding:15px;
				box-sizing: border-box;
				font-size: 14px;
}



.category_clearfix_2018::after {
    content: "";
    clear: both;
    display: block;
}

.category_search_wrap_2018{
    margin-bottom: 1em;
}
#category_search_box_2018 .category_search_item_2018,
#category_search_box_2018 .category_search_period_2018 {
      border: solid 1px #ddd;
    background-color: #ffffff;
    width: 49.5%;
    padding:15px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
#category_search_box_2018 .category_search_item_2018{
    float: left;
}

.category_search_period_2018 {
    float: right;
}

.category_search_word_2018{
/*    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
    /*left: auto;
    float: right;*/
    width: 100%;
    height: 42px;
				display: inline-table;
				margin: 1em 0 0 0;
				white-space: nowrap;
    /*bottom: 15px;*/

}


.category_search_label_2018{
    background: transparent !important;
    position: relative;
    display: block;
    margin-right: 3%;
				
}

.item_period_label_2018{
    position: relative;
}

.category_search_label_2018 span{
    z-index: 1;
    font-family: "Hiragino Maru Gothic ProN", Meiryo, sans-serif;
    font-size: 15px;
    font-weight: bold;
				width: 100px;
}

.pbLightUi_iconBookmark:before { color: #909090; content: "\e909";}
.pbLightUi_iconBookmark { position: relative; top: 1px; z-index: 1; padding-right: 8px;}

.pbLightUi_iconClock:before { color: #909090; content: "\e90a";}
.pbLightUi_iconClock { position: relative; top: 1px; z-index: 1; padding-right: 8px;}

.item_category_label_2018 span{

}

.item_period_label_2018 span{
}


#category_search_box_2018 .category_search_link_2018{
    position: relative;
    
    color: #858585;
    display: inline-block;
				box-sizing: border-box;
}

#category_search_box_2018 .category_search_selected_2018{
    margin-right: .5em;
    text-decoration: underline;
    font-weight: bold;
    font-style: normal;
    color: #323232;
				
}


#category_search_box_2018 .category_search_link_2018 a{
    color: #909090;
    text-decoration: none;
    outline: none;
    line-height: 13px;
}

.category_search_filter_wrap_2018{
    width: 100%;
    /*float: left;*/
    border: solid 1px #ddd;
    background-color: #ffffff;
    font-size: 0;
				line-height: 0;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 0 15px;
    position: relative;
}

.category_search_filter_2018{
    display: inline-block;
    font-size: 100%;
				margin: 0 18px 0 0;
}

.category_search_filter_2018:last-child {
    display: inline-block;
    font-size: 100%;
				margin: 0 0 0 0;
}

/*絞り込む*/
.category_search_labelimg_2018{
    display: inline-block;
    position: relative;
    float: left;
    padding: 15px 0 15px;
}

.category_search_labelimg_2018{
    padding-right: 8px;
}

img.category_search_labelimg_2018{
    max-width: 100%;
    vertical-align: bottom;
}

/*アコーディオン*/
.category_search_accordion_2018{
    position: absolute;
    width: 100%;
    background: #FFF;
    top: 100%;
    left: 0;
    font-size: 0;
				line-height: 18px;
    border: 5px solid #dcdcdc;
    z-index: 1000;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
#category_search_label_price_2018{
    padding-left: 10px;
}

#category_search_label_shop_2018{
    padding-left: 28px;
}

#category_search_label_genre_2018{
    padding-left: 28px;
}

#category_search_label_sale_2018{
    padding-left: 28px;
}
*/
.category_search_btnimg_2018{
    display: inline-block;
    position: relative;
    float: left;
    top: 7px;
    padding: 5px 12px 5px 0px;
}

.category_search_border_2018{
    border-right: none;
}
.category_search_btn_price_2018{
    padding-right: 0;
}

.category_search_btn_shop_2018{
    padding-right: 0;
}

.category_search_btn_genre_2018{
    padding-right: 0;
}

.category_search_btn_sale_2018{
    padding-right: 0;
}

/*アコーディオン内リンク*/
.category_search_accordion_col_2018{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
				line-height: 18px;
    width: 48%;
    margin-right: 1%;
}

.category_search_accordion_col_2018 li { line-height: 22px;}

.category_search_accordion_col_2018:nth-of-type(4n){
    margin-right: 0;
}

.category_search_accordion_col_2018 >*{
    margin-bottom: .5em;
}

.category_search_accordion_col_2018 >*:last-child{
    margin-bottom: 0;
}

.category_search_accordion_col_2018_cancel{
    text-align: right;
}

.category_search_accordion_2018 a{
    color: #909090 !important;
    text-decoration: none !important;
}
.category_search_current_2018 span,
.category_search_accordion_2018 a > span{
    color: #6666ff;
    font-weight: bold;
}

.category_search_current_2018 span{
    vertical-align: baseline;
}

.category_search_current_btn_2018{
    margin:0 0 0 5px;
    vertical-align: middle;
				line-height: 0;
				padding: 0;
}
.category_search_current_btn_2018 img{
    height:16px;
    width:auto;
				vertical-align: bottom;
}


/*アコーディオンinアコーディオン*/
.category_search_current_list_2018{
    display: none;
    list-style: none;
				
    border-top:1px solid #ddd;
    padding:.5em 0;
				margin: .5em 0 0 0;
}

.category_search_current_list_2018 li{
    /*padding:;*/
				
}

.category_search_current_list_2018 li:before{
    content:'●';font-size: .7em; vertical-align: middle; margin-right:.5em; color: #ddd;
}

.category_search_input_2018{
    display: table-cell;
				vertical-align: middle;
    position: relative;
   /* float: left;*/
    /*max-width: 850px;*/
				width: 100%;
    padding: 5px;
    font-size: 1.3em;
    color: #aaa;
    border: solid 1px #ccc;
			
}
.category_search_input_2018{
/*    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;*/
    height: 43px;
    margin: 0 0 0 0;
    padding-left: 15px;
    border-color: #ddd;
    border-radius: 3px 0 0 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
				box-sizing: border-box;
				
    
}
.category_search_word_btn_2018{
    position: relative;
    z-index: 1;
    height: 43px;
    width: 8%;
				min-width: 80px;
    margin-top: 0;
				margin-right: 7px;
    padding: 0;
    background-color: #535353;
    border: 1px solid #ddd;
    border-left: none;
    border-radius: 0 3px 3px 0;
    display: table-cell;
				vertical-align: middle;
    /*float: left;*/
				box-sizing: border-box;
}

.category_search_word_btn_2018 img{
    opacity: 0 !important;
				width: auto;
				height: 41px;

}

.category_search_word_btn_2018:after{
    content: "絞込む";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 16px;
    letter-spacing: .08em;
    display: block;
    visibility: inherit;
    height: auto;
    width: 100%;
    text-align: center;
}



.category_search_cencel_2018{
    padding-top: 0;
    
    position: relative;
    /*float: left;*/
				display: table-cell;
				vertical-align: middle;
				width: 11%;
				
   box-sizing: border-box;
				 height: auto;
}

.category_search_cencel_2018 img{
    
    
				max-width: 111px;
				margin: 0 0 0 10px;
    height: auto;
				box-sizing: border-box;
}




/*検索結果表示エリア
-----------------------------------*/
#category_result_box_2018 {}

/*表示件数
-----------------------------------*/
.category_result_box_totalNum { margin: 0 0 20px 0; padding: 0; width: 100%;}
.category_result_box_totalNum ul { margin: 0; padding: 0;}
.category_result_box_totalNum ul li { display: inline-block; vertical-align: middle; width: 49%;}
.category_result_box_totalNum ul li:nth-child(2) { text-align: right; width: 50%;}
.category_result_box_totalNum select { margin-left: 10px; }

#category_result_box_2018 ul { list-style: none;}

#std_item_list_201811{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    width: auto;
    margin-right: -5px;
    margin-left: -5px;
    padding-right: 3px;
    padding-bottom: 10px;
    padding-left: 3px;
}

#std_item_list_201811 > *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}

.std_item_card_201811,
.std_item_empty_201811{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 2px 20px;
    position: relative;
    width: 186px;
    padding: 14px 16px 6px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
}

.std_item_card_201811 a{
    text-decoration: none !important;
    color: #504e4e !important;
}

.std_item_thum_201811{
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #aba9a7;
}

.std_item_thum_201811 >*{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.std_item_thum_201811:before{
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}

.std_item_thum_201811 a{
    display: block;
}

.std_item_thum_201811 img{
height: auto;
    width: 100%;
}

.std_item_label_201811{
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 4px;
    font-size: 10px;
    line-height: 1;
}
.std_item_label_201811 img{
    display: inline-block;
    margin-top: 3px;
    vertical-align: bottom;
    max-width: 100%;
    z-index: 1;
    margin: 0 3px 2px 0;
    padding: 0px;
}

.std_item_name_201811{
    overflow: hidden;
    height: 40px;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.667;
}

.std_item_tooltip_201811{
    display: block;
    position: absolute;
    top: 170px;
    left: 50%;
    z-index: 10;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    width: 98%;
    padding-top: 5px;
}

.std_item_tooltip_dtl_201811{
    display: block;
    width: 100%;
    margin-left: -5px;
    padding: 3px;
    background-color: #fff;
    border: 2px solid;
    border-radius: 3px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 11px;
    line-height: 1.455;
}

.std_item_tooltip_dtl_201811:before,
.std_item_tooltip_dtl_201811:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
}

.std_item_tooltip_dtl_201811:before{
    z-index: 2;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.std_item_tooltip_dtl_201811:after{
    z-index: 1;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent currentColor transparent;
}

.std_item_card_201811:hover .std_item_tooltip_201811{
    opacity: 1;
}

.std_item_price{
    text-align: center;
    color: #808080;
}

.std_item_empty_201811{
    height: 0;
    margin: 0 2px;
    padding: 0;
    border: none;
}

/*---------------------------------------------------------------------
【ページネーション】
-----------------------------------------------------------------------*/
#category_result_pageNav { margin: 0 0 20px 0; padding: 0; text-align: center; width: 100%;}
#category_result_pageNav ul { font-size: 0; line-height: 0; margin: 0 !important; padding: 0 !important; text-align: center;}

/*基本のリスト*/
#category_result_pageNav ul li {  display: inline-block; height:36px; min-height: 25px; margin:0 1% 2% 0 !important; padding:0; vertical-align: top; max-width:36px; min-width: 27px;  width: 6%; }
#category_result_pageNav ul li:last-child { margin: 0 0 2% 0;}

/*リストの装飾
--------------------------------------------*/
#category_result_pageNav ul li { border: 1px solid #dcdcdc; font-size:12px; line-height:12px; padding:0; text-decoration:none; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
#category_result_pageNav ul li:last-child { margin-right: 0 !important;}

/*幅があるボタン*/
#category_result_pageNav ul li.longcell {  display: inline-block; height:36px; vertical-align: top; max-width:113px; min-width: 60px; width: 15%; }

/*テキスト*/
#category_result_pageNav ul li span {display:block; font-size:12px; line-height:36px; margin:0; padding: 0; text-align:center;  -webkit-box-sizing:border-box; box-sizing:border-box;}

/*リンクの挙動
--------------------------------------------*/
/*クリック範囲を拡げる*/
#category_result_pageNav ul li a { color: #4d4d4d; display:block; height:100%; position:relative; top:0; left:0; padding:0; text-decoration:none; width:100%;}

/*該当ページとhover時の挙動*/
#category_result_pageNav ul li.active a,
#category_result_pageNav ul li a:hover { color: #4d4d4d; text-decoration: none;}

.category_search_current_2018,
.category_search_accordion_2018,
#category_search_box_2018  p { font-family: "Hiragino Kaku Gothic ProN", Meiryo, MS-PGothic, sans-serif !important; }
#category_search_box_2018 span { font-family: "Hiragino Kaku Gothic ProN", Meiryo, MS-PGothic, sans-serif !important;}

/*---------------------------------------------------------------------
【キーワード検索結果】
-----------------------------------------------------------------------*/
/*おすすめリンク*/
#search_recommend_box {
  margin-bottom: 20px;
}
#search_recommend_box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 3px solid #f2e6b4;
}
#search_recommend_box dl dt {
  width: 140px;
  text-align: center;
  font-weight: bold;
  color: #987c12;
}
#search_recommend_box dl dd {
  padding: 7px 7px 7px 0;
  overflow: hidden;
}
#search_recommend_box a {
  display: table;
}
#search_recommend_box a:hover > * {
  opacity: 0.8;
}
#search_recommend_box a > * {
  float: left;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#search_recommend_box a p {
  margin-left: 20px;
  font-size: 12px;
  line-height: 1.4;
}
#search_recommend_box a p em {
  display: inline-block;
  padding-bottom: 3px;
  font-style: normal;
  font-size: 14px;
  font-weight: bold;
  color: #2184e0;
}