@charset "UTF-8";
#ncommon-ghdr-header{
    position: relative;
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
#popup-sale{
    width: 100%;
    background:#ff7d01;
    margin: 0;
    overflow: hidden;
}
#popup-sale a{
    display: block;
    width: 100%;
    padding:10px 0;
    color:#333;
    text-decoration: none !important;
}
#popup-sale a:hover{
    -webkit-filter: brightness(1.2);
    -moz-filter: brightness(1.2);
    -o-filter: brightness(1.2);
    -ms-filter: brightness(1.2);
    filter: brightness(1.2);
    background:#f88519;
}
#popup-sale .price{
    width: 920px;
    margin: 0 auto;
}
#popup-sale .price dl{
    display:table;
}
#popup-sale .price dt{
    display:table-cell;
    width: 327px;
    background:#ffff01;
    border-top:4px solid #666666;
    border-bottom:4px solid #666666;
    border-left:4px solid #666666;
    border-right:none;
    border-radius:15px 0px 0px 15px ;
    -moz-border-radius:15px 0px 0px 15px ;
    -webkit-border-radius:15px 0px 0px 15x ;
    color:#fff;
    font-size:17px;
    text-align: center; 
    padding: 5px;
    line-height: 1.5em !important;
}
#popup-sale .price dd{
    display:table-cell;
    background:#fff;
    border:4px solid #666666;
    width: 528px;
    border-radius:0px 15px 15px 0px ;
    -moz-border-radius:0px 15px 15px 0px ;
    -webkit-border-radius:0px 15px 15px 0px ;
    text-align: center; 
    vertical-align: middle;
    position: relative;
    padding-right: 70px;
    padding-bottom: 5px;
}
#popup-sale dd .notes{
    display: block;
    font-size:12px;
    line-height: 1.5em !important;
   text-align: center;  
}
#popup-sale .date{
    text-align: center;
    color: #FFF;
    font-weight: bold;
    margin:10px auto 5px;
    width: 100%;
}
#popup-sale  .price-max{
    text-decoration:line-through;
}
#popup-sale .off {
	background: #ffff01;
}
#popup-sale .off span {
    position: absolute;
    display: inline-block;
    right: 5px;
    text-align: center;
    text-transform: uppercase;
    top: 15px;
    background: #ffff01;
    width: 95px;
    padding: 5px 0;
    border-radius:15px;
    box-shadow:2px 4px 0px -2px #666;
    -moz-box-shadow:2px 4px 0px -2px #666;
    -webkit-box-shadow:2px 4px 0px -2px #666;
}
#popup-sale .fc-w{
    color:#fff;
}
#popup-sale .fc-y{
    color:#ffff01;
}
#popup-sale .fc-g{
    color:#8b8b8b;
}
#popup-sale .fc-o{
    color:#ff7e00;
}
#popup-sale .fw-b{
   font-weight: bold;
}
#popup-sale .fs-s{
    font-size:16px;
    line-height: 1em;
}
#popup-sale .fs-m{
    font-size:20px;
}
#popup-sale .fs-l{
   font-size: 26px;
   vertical-align:baseline;
}
@media screen and (max-width:920px) { 
#popup-sale .fs-s{
    font-size:10px;
    line-height: 1em;
}
#popup-sale .fs-m{
    font-size:14px;
}
#popup-sale .fs-l{
   font-size: 18px;
   vertical-align:baseline;
}
#popup-sale .price{
    width: 90%;
    margin: 0 auto;
}
#popup-sale .price dt,price dd{
    display:table;
}
#popup-sale .price dt{
    display: block;
    vertical-align: middle;
    width: 100%;
    background:#ffff01;
    border-top:4px solid #666666;
    border-bottom:4px solid #666666;
    border-right:4px solid #666666;
    border-left:4px solid #666666;
    box-sizing:border-box;
    border-radius:15px 15px 0px 0 ;
    -moz-border-radius:15px 15px 0px 0 ;
    -webkit-border-radius:15px 15px 0px 0 ;
    color:#fff;
    font-size:12px;
    text-align: center; 
    padding: 5px;
    line-height: 1.5em !important;
}
#popup-sale .price dd{
    display: block;
    background:#fff;
    border:4px solid #666666;
    border-top:none;
    border-bottom:4px solid #666666;
    border-right:4px solid #666666;
    border-left:4px solid #666666;
border-radius:0px 0px 15px 15px ;
-moz-border-radius:0px 0px 15px 15px ;
-webkit-border-radius:0px 0px 15px 15px ;
    box-sizing:border-box;
    text-align:center; 
    vertical-align: middle;
    position: relative;
    padding-bottom: 5px;
    width:100%; 
    margin-left:0;
    padding:0 2%;
}

#popup-sale .off span {
    position: absolute;
    display:block;
    right: 10%;
    text-align: center;
    text-transform: uppercase;
    top: 2%;
    background: #ffff01;
    width: 95px;
    padding: 0;
    border-radius:15px;
    box-shadow:2px 4px 0px -2px #666;
    -moz-box-shadow:2px 4px 0px -2px #666;
    -webkit-box-shadow:2px 4px 0px -2px #666;
    font-size: 10px;
}
#popup-sale .date{
    margin:0 auto
}
}
@media screen and (max-width:520px) { 
#popup-sale .off span {
    position: absolute;
    right: 2%;
    text-align: center;
    top: -15%;
    background: #ffff01;
    width: 95px;
    padding: 0;
    border-radius:3px;
    font-size: 10px;
    width: 65px;
}
#popup-sale .price dd > span:not(.notes) {
    text-align:left;
}
#popup-sale .price dd .notes {
    text-align:center;
}
#popup-sale .fc-g.fs-s.fw-b{
    display: block;
    text-align: center;
    padding-top: 5px;
}
#popup-sale .fs-s{
    font-size:9px;
}
/* CSS Document */