@charset "utf-8"; /*------------------------------------------------------
全体共通のスタイル
------------------------------------------------------*/

#sp_fgs { font-size: 12px; line-height: 1.4; }
#sp_fgs img { width: 100%; }
#sp_fgs #breadcrumbs { padding: 0 10px 10px 10px; }
#sp_fgs .visual_ { margin: 10px 10px 5px 10px; }
#sp_fgs .top_comment_ { margin: 0px 10px 10px 10px; }
#sp_fgs .style_select_ select { width: 100%; padding: 10px; }
#sp_fgs .link_quickorder_ { margin: 20px 10px; }
#sp_fgs h2 { color: #fff; font-size: 14px; font-weight: bold; padding: 9px 0 8px 18px; background: #f39d4d url(../img/h2_bg.png) no-repeat left bottom; background-size: 48px 35px; -moz-background-size: 48px 35px; -webkit-background-size: 48px 35px; clear: both; border-bottom: solid 1px #fff; margin-top:20px; }
#sp_fgs .contents_box_ { padding: 10px 10px 20px 10px; }
#sp_fgs .clear_line{ clear:both; }
/*------------------------------------------------------
.sp_section1のスタイル
------------------------------------------------------*/

#sp_fgs .sp_section1 { background-color: #fdf5ed; padding: 10px 10px 5px 10px; }
#sp_fgs .sp_section1 ul { width: 102%; }
#sp_fgs .sp_section1 li { width: 47%; padding-left:10px; /* max-width: 290px; */
float: left; }

/*------------------------------------------------------
#rank_list_box_l1のスタイル
------------------------------------------------------*/


/* ranking
------------------------------ */
.area_rank{margin: 8% 0 6%;position:relative;}
.rank_box dl dt {font-size: 36px;color: #fff;line-height: 42px;text-align: center;position: absolute;width: 28px;height: 28px;background: #cdcdcd;border-radius: 50%;text-align: center;top: 2px;left: 2px;z-index: 1;}
.rank_box dl dt span{font-family: "Times New Roman";line-height: 1;font-size: 26px;position: absolute;/* line-height: 36px; */top: 50%;left: 50%;transform: translate(-50%, -50%);color: #3c3c3c;}
.rank_box dl dd.item_img {font-size: 13px;color: #333;}
.rank_box dl dd.item_img img {border: 1px solid #F49F4D;}
section#ranking {clear:both;overflow:hidden;}
.rank_box {display: block;width: 97%;overflow-x: auto;white-space: nowrap;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;margin: 6% 0 6% 3%;}
.rank_box dl {width: 140px;margin: 0 1% 1em;display: inline-block;vertical-align: top;position:relative;}
.rank_box dl dd.item_name {font-weight: bold;color: #333333;padding-top: 5px;padding-bottom:0;white-space: break-spaces;font-size: 97%;line-height: 1.6;display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.rank_box dl dd.price {color: #333333;font-size: 11px;font-family: 'M PLUS Rounded 1c', sans-serif;}
/* .rank_box dd.price { display: none;} */
.rank_box dl dt._gold {
    background: #b09669;
}
.rank_box dl dt._gold span{
    color:#401f1f;
}
.rank_box dl dt._silver {
    background: #9f9a93;
}
.rank_box dl dt._silver span{
    color:#401f1f;
}
.rank_box dl dt._bronze {
    background: #8d5e0d;
}
.rank_box dl dt._bronze span{
    color:#401f1f;
}

.rank_box dl dd div {
    font-size: 16px;
    color: #401f1f;
    line-height: unset;
    text-align: left;
    position: static;
    width: unset;
    height: unset;
    background: none;
    border-radius: unset;
    z-index: 1;
    margin-bottom: 0;
    top:0;
    left:0;
    margin-bottom: 2px;
}

.rank_box dl dd div span{
    font-family: 'Noto Serif JP', serif;
    display: block;
    font-size: 16px;
    line-height: 1;
}

.rank_box dl dd div._gold {background:none;position:relative;padding-left:1.45em;}
.rank_box dl div._gold::before {
    content: '';
    background: url(//img.e87.com/img/icon/icon_rank_no1.gif) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.rank_box dl dd div._gold span{color:#401f1f;}
.rank_box dl dd div._silver {background:none;position:relative;padding-left:1.45em;}
.rank_box dl div._silver::before {
    content: '';
    background: url(//img.e87.com/img/icon/icon_rank_no2.gif) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.rank_box dl dd div._silver span{color:#401f1f;}
.rank_box dl dd div._bronze {background:none;position:relative;padding-left:1.45em;}
.rank_box dl div._bronze::before {
    content: '';
    background: url(//img.e87.com/img/icon/icon_rank_no3.gif) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.rank_box dl dd div._bronze span{color:#401f1f;}

.rank_box_other dl dd div span {
    font-family: 'Noto Serif JP', serif;
    display: block;
    font-size: 16px;
}
/*------------------------------------------------------
.sp_section3のスタイル
------------------------------------------------------*/

#sp_fgs .sp_section3 { background-color: #fdf5ed; padding: 10px 10px 5px 10px; }
#sp_fgs .sp_section3 .section3_block { background-color: #fff; padding: 10px; margin-bottom: 10px; }
#sp_fgs .sp_section3 .smp_img li { width: 26%; padding: 0 3%; display: inline-block; }
#sp_fgs .sp_section3 .smp_img { overflow: hidden; width: 100%; margin: 3% 0 0 0; padding: 0; }
#sp_fgs .color_text01 { color: #ff6455; font-size: 125%; font-weight: bold; margin-bottom: 10px; text-align: center; }
#sp_fgs .color_text02 { color: #a62e44; font-size: 130%; font-weight: bold; margin: 5px 0; clear: both; }
#sp_fgs .text_bgc { background-color: #fbf7f7; overflow: hidden; padding: 8px; line-height: 1.3; margin-bottom: 10px; }
#sp_fgs .price li span { font-size: 11px; }
#sp_fgs .sc3_btn { text-align: center; margin: 5px 0 0 0; background: #401f1f; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sp_fgs .sc3_btn a { display: block; color: #fff; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; padding: 12px 0; }
/*------------------------------------------------------
.sp_section4のスタイル
------------------------------------------------------*/
#sp_fgs .sp_section4 { background-color: #fdf5ed; padding: 10px 0px; }
#sp_fgs .sp_section4 li { float: left; overflow: hidden; width: 29%; margin: 1% 2.1%;/* min-height:180px;height:100%;*//*min-height: auto;*/display:inline-block;height:100%;}
#sp_fgs .sp_section4 dt { max-width: 186px;    margin: 0 auto; }
#sp_fgs .sp_section4 dd { max-width: 186px; min-height: 75px!important;    margin: 0 auto; }
#sp_fgs .sp_section4 ul { padding: 0 0;    display: flex;
    flex-wrap: wrap;justify-content: center;}
#sp_fgs .sp_section4 .section4_btn { text-align: center; background: #401f1f; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 5px 10px 0 10px; overflow: hidden; clear: both; }
#sp_fgs .sp_section4 .section4_btn a { display: block; color: #fff !important; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; padding: 12px 0; }
#sp_fgs .sp_section4 a { color: #705252 !important; text-decoration: none; display: block; }
/*------------------------------------------------------
.sp_section5のスタイル
------------------------------------------------------*/

#sp_fgs .sp_section5 { background: #fdf5ed; padding: 10px; }
#sp_fgs .sp_section5 a { color: #705252 !important; text-decoration: none; display: block; }
#sp_fgs .bland_title { background-repeat: no-repeat; background-position: left top; background-color: #f39d9d; font-size: 16px; font-weight: bold; height: 40px; line-height: 1.3; color: #ffffff; padding-left: 10px; margin: 5px 0 10px 0; }
#sp_fgs .bland_list { background-color: #fff; padding: 10px 5px 5px 5px; }
#sp_fgs .bland_list li { float: left; overflow: hidden; width: 29%; margin: 1% 2.1%; }
#sp_fgs .bland_list dt { max-width: 172px; }
#sp_fgs .bland_list dd { max-width: 172px; text-align: center; }
#sp_fgs .bland_list ul { overflow: hidden; }

/*------------------------------------------------
		スライダー
------------------------------------------------------*/
.bx-pager { width: 30%; margin: 0 auto; }
#slide-counter-main,
#slide-counter-main01,
#slide-counter-main02,
#slide-counter-main03,
#slide-counter-main04,
#slide-counter-main05{ display: none !important;}
.top_grada:after{ background: none !important;}
.top-slider{ margin: 10px 0 !important; }