@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
#timesale { padding: 0px; margin: 0px; }
#timesale h1 { padding: 0px; margin: 0px; }
#timesale p { padding: 0px; margin: 0px; }
.color-red{ color: #c90027; }
#goods button{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
#goods a { text-decoration: none; }
#goods a img:hover { opacity:0.5; }
#goods-end .color { color: #3c1d0e; }
/*===============================================
●SP 画面の横幅が640pxまで
===============================================*/
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
#contents { margin-bottom:20px; }
.title-opp { margin-bottom:40px; position: relative; }
/* -------------------------------------------------------------------- 
終了
-------------------------------------------------------------------- */
#goods-end { padding: 0px; margin: 20px 8px 0px; text-align: center; }
#goods-end h2 { margin: 20px 0px 0px; }
.fontSize24 { font-size: 100%; line-height: 1.5; }
#goods-end .box { width: 100%; }
#goods-end .banner { width: 100%; }
/* -------------------------------------------------------------------- 
商品
-------------------------------------------------------------------- */
#goods{ padding: 0px; margin: 0px 10px; overflow: hidden; }
#goods .topics_item_group { overflow: hidden;}
#goods .topics_item_group_ul_left { overflow: hidden; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ccc; }
#goods .topics_item_group_ul_right { overflow: hidden; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ccc; }
#goods .topics_item_group_li_left { width: 47%; float: left; margin: 0px 8px 0px 0px; }
#goods .topics_item_group_li_right { width: 47%; float: left; margin: 0px 0px 0px 8px; }
#goods .topics_item_group_li img { padding:0px; margin:0px; width:100%; }
#goods .infoicon { margin:auto; padding: 8px 0px; }
/*#goods .off { background: #c90027; color: #ffffff; font-size: 18px; padding: 0px 6px; text-align: center; }*/
/*#goods .poff { color: #ffffff; font-size: 15px;}*/
#goods .copy { color: #333; font-size: 12px; line-height: 1.2; padding-top: 8px; }
#goods .type { background: #eee; color: #000; font-size: 12px; padding: 0px 6px; }
#goods .name_a { color: #333; font-size: 14px; line-height: 1.5; }
#goods .kakakubox { padding:0px 0px 8px; margin: 0px; }
#goods .kakaku_a { color: #A0A0A0; font-size: 12px; text-align: left; }
#goods .kakaku_b { color: #c90027; font-size: 12px; text-align: left; font-weight: bold; line-height: 1.2; }
#goods .kakaku_c { color: #333; font-size: 12px; text-align: left; font-weight: bold; line-height: 1.2; }
#goods .count_area { padding-bottom: 12px; }
#goods .count_area1 { font-size: 12px; }
#goods .count_area2 { border: 1px solid #ccc; font-size: 14px; padding: 8px 0px; }
.fontSize36 { font-size:24px; }
#goods .topics_button { margin: auto; padding: 8px 18px; font-size: 14px; line-height: 1.5; text-align: center; border: 1px solid #ccc; background-color: #fff; width: 100%; }
/* -------------------------------------------------------------------- 
カウンター
-------------------------------------------------------------------- */
#timesale .counter {
position: absolute;
width: 100%;
top: 0;
}
#timesale .cdt_wrapper {
background-color: #0a277f;
width: 100%;
margin: auto;
font-size: 16px;
line-height: 1.2;
text-align: center;
padding: 0px 0px 4px;
}
.cdt_txt { font-size: 14px; }
.cdt_wrapper small { padding: 0 .4em; }
span#cdt_txt span { color: #fff; }
span#cdt_date span { color: #fff; }
span#cdt_date small { color: #fff; }

/* -------------------------------------------------------------------- 
カウンター シークレット
-------------------------------------------------------------------- */
#timesale .counter_c {
position: absolute;
width: 100%;
bottom: 11%;
}
#timesale .cdt_wrapper_c {
background-color: #ab892e;
width: 75%;
margin: auto;
font-size: 16px;
line-height: 1.2;
text-align: center;
padding: 0px 0px 4px;
}
.cdt_txt { font-size: 14px; }
.cdt_wrapper_c small { padding: 0 .4em; }
span#cdt_txt span { color: #fff; }
span#cdt_date span { color: #fff; }
span#cdt_date small { color: #fff; }
}
/*===============================================
●PC 画面の横幅が640px
===============================================*/
@media only screen and (min-width: 768px) {
.pc { display: block !important; }
.sp { display: none !important; }
#contents { margin-bottom:20px; }
.br-pc { display:none; }
.title-opp { margin-bottom:80px; position: relative; }
/* -------------------------------------------------------------------- 
終了
-------------------------------------------------------------------- */
#goods-end { padding: 0px; margin: 50px 0px 0px; width: 1024px; text-align: center; }
#goods-end h2 { margin: 50px 0px 0px; }
.fontSize24 { font-size: 24px; line-height: 1.5; }
#goods-end .box { width: 100%; display: flex; }
#goods-end .banner { width: 98%; }
/* -------------------------------------------------------------------- 
商品
-------------------------------------------------------------------- */
#goods{ width: 800px; padding: 0px; margin: 0px auto; overflow: hidden; }
#goods .topics_item_group { overflow: hidden; margin-bottom: 80px; }
#goods .topics_item_group_ul_left { float: left; width: 374px; padding: 0px; margin: 0px; text-align: left; color: #333; }
#goods .topics_item_group_ul_right { float: right; width: 374px; padding: 0px; margin: 0px; text-align: left; color: #333; }
#goods .topics_item_group_li_left { width: 47%; float: left; margin: 0px 8px 0px 0px; }
#goods .topics_item_group_li_right { width: 47%; float: left; margin: 0px 0px 0px 8px; }
#goods .topics_item_group_li img { padding:0px; margin:0px; width:100%; }
#goods .infoicon { margin:auto; padding: 8px 0px; }
/*#goods .off { background: #c90027; color: #ffffff; font-size: 18px; padding: 0px 6px; text-align: center; }*/
/*#goods .poff { color: #ffffff; font-size: 15px;}*/
#goods .copy { color: #333; font-size: 12px; line-height: 1.2; padding-top: 8px; }
#goods .type { background: #eee; color: #000; font-size: 12px; padding: 0px 6px; }
#goods .name_a { color: #333; font-size: 14px; line-height: 1.5; }
#goods .kakakubox { padding:0px 0px 8px; margin: 0px; }
#goods .kakaku_a { color: #A0A0A0; font-size: 12px; text-align: left; }
#goods .kakaku_b { color: #c90027; font-size: 12px; text-align: left; font-weight: bold; line-height: 1.2; }
#goods .kakaku_c { color: #333; font-size: 12px; text-align: left; font-weight: bold; line-height: 1.2; }
#goods .count_area { padding-bottom: 12px; }
#goods .count_area1 { font-size: 14px; }
#goods .count_area2 { border: 1px solid #ccc; font-size: 14px; padding: 8px 2px; }
.fontSize36 { font-size:26px; }
#goods .topics_button { margin: auto; padding: 8px 18px; font-size: 14px; line-height: 1.5; text-align: center; border: 1px solid #ccc; background-color: #fff; width: 100%; }
#goods .topics_button a { display: block; color: #000; }
#goods .topics_button:hover { color: #000; background: #eee; text-decoration:none; }
/* -------------------------------------------------------------------- 
カウンター
-------------------------------------------------------------------- */
#timesale .counter {
position: absolute;
width: 1024px;
top: 0;
}
#timesale .cdt_wrapper {
background-color: #0a277f;
width: 100%;
margin: auto;
font-size: 18px;
line-height: 1.2;
text-align: center;
padding: 0px 0px 4px;
}
.cdt_txt { font-size: 14px; }
.cdt_wrapper small { padding: 0 .4em; }
span#cdt_txt span { color: #fff; }
span#cdt_date span { color: #fff; }
span#cdt_date small { color: #fff; }

/* -------------------------------------------------------------------- 
カウンター シークレット
-------------------------------------------------------------------- */
#timesale .counter_c {
position: absolute;
width: 1024px;
bottom: 11%;
}
#timesale .cdt_wrapper_c {
background-color: #ab892e;
width: 490px;
margin: auto;
font-size: 18px;
line-height: 1.2;
text-align: center;
padding: 0px 0px 4px;
}
.cdt_txt { font-size: 14px; }
.cdt_wrapper_c small { padding: 0 .4em; }
span#cdt_txt span { color: #fff; }
span#cdt_date span { color: #fff; }
span#cdt_date small { color: #fff; }
}
