@charset "utf-8";
/* 2016/12/21 update by HIC*/

/*header */
header#id_header { border-bottom:0}
header.logined { background-color:#D61518; border-bottom:1px solid rgba(0,0,0,0.1)}
header .container { position:relative;}
.head-navi .cell { height:42px; vertical-align:middle; }
.head-navi .center{ text-align:center; width:50%}
.head-navi .center img { height:34px;}
.head-navi .left { text-align:left; padding-left:10px; width:25%}
.head-navi .right { text-align:right; padding-right:10px; width:25%}
.head-navi .cell img { vertical-align:top;}
header a.btn_topmenu {position:absolute; right:0; top: 0; display:block; font-size:16px; line-height:16px; background-color:#d61518; color:#FFFFFF; padding:6px 10px;}

ul.head-login-info  {text-align:right;background:#6a6d74;font-size:12px; width:306px; position:absolute; top:0; right:0; margin-top:0; margin-bottom:0; border-radius:0 }
ul.head-login-info li {display:inline-block;padding:8px 5px 0 5px;color:#CCCCCC; max-width:132px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
ul.head-login-info li:last-child { padding:0 10px;}
ul.head-login-info li a:link, ul.head-login-info li a:visited {color:#ffffff; }
ul.head-login-info li a:hover, ul.head-login-info li a:active{color:#ffffff; text-decoration:underline;}
ul.head-login-info .btn_card img { margin-top:-3px; margin-bottom:-3px} 
ul.head-login-info li.account_name{ background:#000; padding:10px; float:left;}
ul.head-login-info li:last-child.account_name{border-radius:5px;}
ul.head-login-info li .ico { margin-right:3px; vertical-align:bottom}
.card_select .btnArea { padding-top:10px;}
.card_select li a img {display: inline-block; left: 0; margin: 2px 6px 0 0; position: absolute; vertical-align: text-bottom;}
.card_select li a { display: block; float: none; letter-spacing: 0 !important; overflow: hidden; padding: 2px 0 2px 80px; position: relative;
    text-align: left;text-overflow: ellipsis; white-space: nowrap;width: 100%;}

/* footer */
footer { clear:both; color:#CCCCCC;}
footer a:link, footer a:visited { color:#c1c1c1;}
footer a:hover { color:#CCC;}
.footer-link { background:#000000; padding:15px 0;}
.copyright { background:#000000; text-align:center; font-size:12px; color:#666666; padding-top:10px; clear:both;}
.footer-link .container { position:relative;}
.footer-link .container {max-width:550px; width: 100%; margin-right:auto; margin-left:auto}
footer .flag{width:auto; margin:0; float:left; text-align:right}
footer .flag img{ width:30px; margin-right:5px;}
footer .footer-sitemap {float: none; margin:0; text-align:center; width: 100%;}
footer .footer-logo img { height:45px;}
.global .sbj {border: medium none; cursor: pointer; display: block; float: none; font-size: 12px; font-weight: normal; height: 35px; margin: 0 auto; padding: 10px 5px; width: 125px;}
.global .sbj a {color: #999;}
footer .selectBox { background: rgba(0, 0, 0, 0.5);  border: 2px solid #000; bottom: 35px; display: none; left: 0; margin: auto; padding: 2px; position: absolute; right: 0; top: auto; width: 280px; z-index: 1001;}
footer .selectBox .bg { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 0;}
footer .selectBox strong { color: #fff; display: block; font-size: 0.93em; padding: 10px 0; text-align: center;  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);}
footer .selectBox > span { display: table; table-layout: fixed;}
footer .selectBox div { background: #383a40 none repeat scroll 0 0; border: 1px solid #57595e; display: table-cell; float: none !important; font-size: 12px; position: relative; width: 136px;}
footer.selectBox .nation { float: left;}
footer .selectBox .nation strong { background: #383a40 none repeat scroll 0 0; border: 1px solid #57595e;}
footer .selectBox .nation ul { background: #383a40 none repeat scroll 0 0;border: 0 none;}
footer .selectBox .language {float: right;}
footer .selectBox .language strong { background: #4e4e4e none repeat ; border: 1px solid #5a5a5a;}
footer .selectBox .language ul { background: #4e4e4e none repeat scroll 0 0;border: 1px solid #5a5a5a;}
footer .selectBox .language select { width: 130px;}
footer .selectBox ul li a { color: #fff; display: block; padding: 5px 10px; }
footer .selectBox ul li.active a { color: #f03033; font-size: 1.07em; font-weight: bold; }

footer .copyright p{ margin-bottom:10px;}
ul.footer-sitemap li,
ul.footer-sitemap li:nth-child(2n) {font-size:11px; line-height:15px;display:inline-block; margin:0 0 5px 0;padding:0 8px;border-right:1px solid #878787;}
ul.footer-sitemap li:nth-child(3n) ,ul.footer-sitemap li:last-child { border-right:0;}
ul.footer-sitemap li:last-child { display:block} 

/*goto top */
a.go_top { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 20px; color: #d61518; display: block; font-size: 16px; height: 40px; padding: 10px; text-align: center; width: 40px; }
a.go_top span {  margin: -6px 0 0 -2px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}


@media (max-width: 969px) { /* xs */
header {height: auto; min-height: 47px; position: relative; }
header#id_header > .container {height:47px}
header h1#logo { width:130px; height:47px; margin:0 auto; position:absolute; padding:0 !important; top:0; left:0; right:0} 
h1#logo a{
    display:block; width:130px; height:26px; position:absolute; margin:auto; top:0; bottom:0; line-height:12px;
    background-image:url(../images/v6_gnb/logo_phoenixdarts.png);
    background-position:0 0; background-repeat:no-repeat;background-size:130px auto; text-indent:110%; overflow:hidden;} 
header.logined h1#logo a{background-position:0 -20px;}
.head-menu { background:#d61518; position:relative; z-index:0}
.head-menu ul { margin-left:10px; margin-right:10px;}
.head-menu ul li a { display:block; font-size:14px; padding:10px 5px; color:#FFFFFF; border-bottom:1px solid rgba(255,255,255,0.4); position:relative;}
.head-menu ul li a img { width:15px; position:absolute; right:10px; left:auto; top:0; bottom:0; margin:auto;}
.head-menu ul li:last-child a {border-bottom:none;}
a#btn-menu{ position:absolute;left:10px; top:5px;}
a#btn-cardlist {position:absolute;right:10px; top: 5px;}
header menu a.btn_news { float: right; margin-right: 6px; position: relative;}
header menu a.btn_news .badge-red { background-color: #fcc51e; font-size: 10px; min-width: 16px;right: -5px;top: -3px; border-radius:50%;line-height: 1.7em;}
header a.btn-login {    position:absolute;right:0; top: 3px;display:block;font-size:12px;color:#FFFFFF;background:#9FA0A0;padding:5px 10px;border-radius:5px;}
header menu a.btn_setting { float: right; margin-right: 5px;}
header menu a.btn_card { float: left; margin-left: 10px;}
.card_select {left: 5px;margin-left: auto;margin-right: auto; right: auto; width: 90%;}
.card_select span {left: 0;right: auto; top: -15px; width: 0;}
}

@media (min-width: 970px) { /*sm~lg*/
header { background:none; height:auto;}
header h1#logo{margin:5px auto; padding:10px 0 !important; width:226px; float:none}
header h1#logo a{ 
    display:block; width:226px; height:38px; margin:auto; top:0; bottom:0; line-height:12px;
    background-image:url(../images/v6_gnb/logo_phoenixdarts.png);
    background-position:0 0; background-size:226px auto; text-indent:110%;overflow:hidden;}
header.logined h1#logo a{   background-position:0 39px; }
.head-menu { background:#d61518; display:none !important;}
.head-menu ul { text-align:center;}
.head-menu ul li{display:inline-block;margin-right:1px;}
.head-menu ul li a:link,.head-menu ul li a:visited {
        display:inline-block; padding:14px 20px; font-weight:bold; font-size:16px; color:#ffffff; text-align:center;
        border-bottom:3px solid #d61518; border-top:3px solid #d61518;
        }
.head-menu ul li a:hover,.head-menu ul li a.active { color:#d61518; background-color:#FFFFFF;}
header.logined .head-menu  > .container { background-color: rgba(0,0,0,0.1);}
header.logined .head-menu ul li a:link,.head-menu ul li a:visited { border-color:#C01316}
.head-menu ul li a img { display: none;}
.card_select { right: 0; top:25px}
.card_select span { left: auto; right: 5px; }
.head-login-info { display:block}
ul.head-login-info li.account_name { border-radius:0}

/* footer */
footer .flag{margin:0; width:auto;}
footer .flag img{margin:0 5px 0 0;}
footer .footer-sitemap{text-align: center; margin: 5px 5px 0 0;}
.footer-link .container {width:970px; max-width:970px;}
.footer-sitemap { width:610px; float:right;}
.footer-logo { clear:none;width:280px; margin-right:0; float:right;}

}

/* icon */
/* icon font */
@font-face {
 font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/glyphicons-halflings-regular.woff2') format('woff2'),
  url('fonts/glyphicons-halflings-regular.woff') format('woff'), 
  url('fonts/glyphicons-halflings-regular.ttf') format('truetype'),
  url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before { content: "\2a";}
.glyphicon-plus:before { content: "\2b";}
.glyphicon-euro:before,.glyphicon-eur:before { content: "\20ac";}
.glyphicon-minus:before { content: "\2212";}
.glyphicon-cloud:before { content: "\2601";}
.glyphicon-envelope:before { content: "\2709";}
.glyphicon-pencil:before { content: "\270f";}
.glyphicon-glass:before { content: "\e001";}
.glyphicon-music:before { content: "\e002";}
.glyphicon-search:before { content: "\e003";}
.glyphicon-heart:before { content: "\e005";}
.glyphicon-star:before { content: "\e006";}
.glyphicon-star-empty:before { content: "\e007";}
.glyphicon-user:before { content: "\e008";}
.glyphicon-film:before { content: "\e009";}
.glyphicon-th-large:before { content: "\e010";}
.glyphicon-th:before { content: "\e011";}
.glyphicon-th-list:before { content: "\e012";}
.glyphicon-ok:before { content: "\e013";}
.glyphicon-remove:before { content: "\e014";}
.glyphicon-zoom-in:before { content: "\e015";}
.glyphicon-zoom-out:before { content: "\e016";}
.glyphicon-off:before { content: "\e017";}
.glyphicon-signal:before { content: "\e018";}
.glyphicon-cog:before { content: "\e019";}
.glyphicon-trash:before { content: "\e020";}
.glyphicon-home:before { content: "\e021";}
.glyphicon-file:before { content: "\e022";}
.glyphicon-time:before { content: "\e023";}
.glyphicon-road:before { content: "\e024";}
.glyphicon-download-alt:before { content: "\e025";}
.glyphicon-download:before { content: "\e026";}
.glyphicon-upload:before { content: "\e027";}
.glyphicon-inbox:before { content: "\e028";}
.glyphicon-play-circle:before { content: "\e029";}
.glyphicon-repeat:before { content: "\e030";}
.glyphicon-refresh:before { content: "\e031";}
.glyphicon-list-alt:before { content: "\e032";}
.glyphicon-lock:before { content: "\e033";}
.glyphicon-flag:before { content: "\e034";}
.glyphicon-headphones:before { content: "\e035";}
.glyphicon-volume-off:before { content: "\e036";}
.glyphicon-volume-down:before { content: "\e037";}
.glyphicon-volume-up:before { content: "\e038";}
.glyphicon-qrcode:before { content: "\e039";}
.glyphicon-barcode:before { content: "\e040";}
.glyphicon-tag:before { content: "\e041";}
.glyphicon-tags:before { content: "\e042";}
.glyphicon-book:before { content: "\e043";}
.glyphicon-bookmark:before { content: "\e044";}
.glyphicon-print:before { content: "\e045";}
.glyphicon-camera:before { content: "\e046";}
.glyphicon-font:before { content: "\e047";}
.glyphicon-bold:before { content: "\e048";}
.glyphicon-italic:before { content: "\e049";}
.glyphicon-text-height:before { content: "\e050";}
.glyphicon-text-width:before { content: "\e051";}
.glyphicon-align-left:before { content: "\e052";}
.glyphicon-align-center:before { content: "\e053";}
.glyphicon-align-right:before { content: "\e054";}
.glyphicon-align-justify:before { content: "\e055";}
.glyphicon-list:before { content: "\e056";}
.glyphicon-indent-left:before { content: "\e057";}
.glyphicon-indent-right:before { content: "\e058";}
.glyphicon-facetime-video:before { content: "\e059";}
.glyphicon-picture:before { content: "\e060";}
.glyphicon-map-marker:before { content: "\e062";}
.glyphicon-adjust:before { content: "\e063";}
.glyphicon-tint:before { content: "\e064";}
.glyphicon-edit:before { content: "\e065";}
.glyphicon-share:before { content: "\e066";}
.glyphicon-check:before { content: "\e067";}
.glyphicon-move:before { content: "\e068";}
.glyphicon-step-backward:before { content: "\e069";}
.glyphicon-fast-backward:before { content: "\e070";}
.glyphicon-backward:before { content: "\e071";}
.glyphicon-play:before { content: "\e072";}
.glyphicon-pause:before { content: "\e073";}
.glyphicon-stop:before { content: "\e074";}
.glyphicon-forward:before { content: "\e075";}
.glyphicon-fast-forward:before { content: "\e076";}
.glyphicon-step-forward:before { content: "\e077";}
.glyphicon-eject:before { content: "\e078";}
.glyphicon-chevron-left:before { content: "\e079";}
.glyphicon-chevron-right:before { content: "\e080";}
.glyphicon-plus-sign:before { content: "\e081";}
.glyphicon-minus-sign:before { content: "\e082";}
.glyphicon-remove-sign:before { content: "\e083";}
.glyphicon-ok-sign:before { content: "\e084";}
.glyphicon-question-sign:before { content: "\e085";}
.glyphicon-info-sign:before { content: "\e086";}
.glyphicon-screenshot:before { content: "\e087";}
.glyphicon-remove-circle:before { content: "\e088";}
.glyphicon-ok-circle:before { content: "\e089";}
.glyphicon-ban-circle:before { content: "\e090";}
.glyphicon-arrow-left:before { content: "\e091";}
.glyphicon-arrow-right:before { content: "\e092";}
.glyphicon-arrow-up:before { content: "\e093";}
.glyphicon-arrow-down:before { content: "\e094";}
.glyphicon-share-alt:before { content: "\e095";}
.glyphicon-resize-full:before { content: "\e096";}
.glyphicon-resize-small:before { content: "\e097";}
.glyphicon-exclamation-sign:before { content: "\e101";}
.glyphicon-gift:before { content: "\e102";}
.glyphicon-leaf:before { content: "\e103";}
.glyphicon-fire:before { content: "\e104";}
.glyphicon-eye-open:before { content: "\e105";}
.glyphicon-eye-close:before { content: "\e106";}
.glyphicon-warning-sign:before { content: "\e107";}
.glyphicon-plane:before { content: "\e108";}
.glyphicon-calendar:before { content: "\e109";}
.glyphicon-random:before { content: "\e110";}
.glyphicon-comment:before { content: "\e111";}
.glyphicon-magnet:before { content: "\e112";}
.glyphicon-chevron-up:before { content: "\e113";}
.glyphicon-chevron-down:before { content: "\e114";}
.glyphicon-retweet:before { content: "\e115";}
.glyphicon-shopping-cart:before { content: "\e116";}
.glyphicon-folder-close:before { content: "\e117";}
.glyphicon-folder-open:before { content: "\e118";}
.glyphicon-resize-vertical:before { content: "\e119";}
.glyphicon-resize-horizontal:before { content: "\e120";}
.glyphicon-hdd:before { content: "\e121";}
.glyphicon-bullhorn:before { content: "\e122";}
.glyphicon-bell:before { content: "\e123";}
.glyphicon-certificate:before { content: "\e124";}
.glyphicon-thumbs-up:before { content: "\e125";}
.glyphicon-thumbs-down:before { content: "\e126";}
.glyphicon-hand-right:before { content: "\e127";}
.glyphicon-hand-left:before { content: "\e128";}
.glyphicon-hand-up:before { content: "\e129";}
.glyphicon-hand-down:before { content: "\e130";}
.glyphicon-circle-arrow-right:before { content: "\e131";}
.glyphicon-circle-arrow-left:before { content: "\e132";}
.glyphicon-circle-arrow-up:before { content: "\e133";}
.glyphicon-circle-arrow-down:before { content: "\e134";}
.glyphicon-globe:before { content: "\e135";}
.glyphicon-wrench:before { content: "\e136";}
.glyphicon-tasks:before { content: "\e137";}
.glyphicon-filter:before { content: "\e138";}
.glyphicon-briefcase:before { content: "\e139";}
.glyphicon-fullscreen:before { content: "\e140";}
.glyphicon-dashboard:before { content: "\e141";}
.glyphicon-paperclip:before { content: "\e142";}
.glyphicon-heart-empty:before { content: "\e143";}
.glyphicon-link:before { content: "\e144";}
.glyphicon-phone:before { content: "\e145";}
.glyphicon-pushpin:before { content: "\e146";}
.glyphicon-usd:before { content: "\e148";}
.glyphicon-gbp:before { content: "\e149";}
.glyphicon-sort:before { content: "\e150";}
.glyphicon-sort-by-alphabet:before { content: "\e151";}
.glyphicon-sort-by-alphabet-alt:before { content: "\e152";}
.glyphicon-sort-by-order:before { content: "\e153";}
.glyphicon-sort-by-order-alt:before { content: "\e154";}
.glyphicon-sort-by-attributes:before { content: "\e155";}
.glyphicon-sort-by-attributes-alt:before { content: "\e156";}
.glyphicon-unchecked:before { content: "\e157";}
.glyphicon-expand:before { content: "\e158";}
.glyphicon-collapse-down:before { content: "\e159";}
.glyphicon-collapse-up:before { content: "\e160";}
.glyphicon-log-in:before { content: "\e161";}
.glyphicon-flash:before { content: "\e162";}
.glyphicon-log-out:before { content: "\e163";}
.glyphicon-new-window:before { content: "\e164";}
.glyphicon-record:before { content: "\e165";}
.glyphicon-save:before { content: "\e166";}
.glyphicon-open:before { content: "\e167";}
.glyphicon-saved:before { content: "\e168";}
.glyphicon-import:before { content: "\e169";}
.glyphicon-export:before { content: "\e170";}
.glyphicon-send:before { content: "\e171";}
.glyphicon-floppy-disk:before { content: "\e172";}
.glyphicon-floppy-saved:before { content: "\e173";}
.glyphicon-floppy-remove:before { content: "\e174";}
.glyphicon-floppy-save:before { content: "\e175";}
.glyphicon-floppy-open:before { content: "\e176";}
.glyphicon-credit-card:before { content: "\e177";}
.glyphicon-transfer:before { content: "\e178";}
.glyphicon-cutlery:before { content: "\e179";}
.glyphicon-header:before { content: "\e180";}
.glyphicon-compressed:before {content: "\e181";}
.glyphicon-earphone:before { content: "\e182";}
.glyphicon-phone-alt:before { content: "\e183";}
.glyphicon-tower:before { content: "\e184";}
.glyphicon-stats:before { content: "\e185";}
.glyphicon-sd-video:before { content: "\e186";}
.glyphicon-hd-video:before { content: "\e187";}
.glyphicon-subtitles:before { content: "\e188";}
.glyphicon-sound-stereo:before { content: "\e189";}
.glyphicon-sound-dolby:before { content: "\e190";}
.glyphicon-sound-5-1:before { content: "\e191";}
.glyphicon-sound-6-1:before { content: "\e192";}
.glyphicon-sound-7-1:before { content: "\e193";}
.glyphicon-copyright-mark:before { content: "\e194";}
.glyphicon-registration-mark:before { content: "\e195";}
.glyphicon-cloud-download:before { content: "\e197";}
.glyphicon-cloud-upload:before { content: "\e198";}
.glyphicon-tree-conifer:before { content: "\e199";}
.glyphicon-tree-deciduous:before { content: "\e200";}
.glyphicon-cd:before { content: "\e201";}
.glyphicon-save-file:before { content: "\e202";}
.glyphicon-open-file:before { content: "\e203";}
.glyphicon-level-up:before { content: "\e204";}
.glyphicon-copy:before { content: "\e205";}
.glyphicon-paste:before { content: "\e206";}
.glyphicon-alert:before { content: "\e209";}
.glyphicon-equalizer:before { content: "\e210";}
.glyphicon-king:before { content: "\e211";}
.glyphicon-queen:before { content: "\e212";}
.glyphicon-pawn:before { content: "\e213";}
.glyphicon-bishop:before { content: "\e214";}
.glyphicon-knight:before { content: "\e215";}
.glyphicon-baby-formula:before { content: "\e216";}
.glyphicon-tent:before { content: "\26fa";}
.glyphicon-blackboard:before { content: "\e218";}
.glyphicon-bed:before { content: "\e219";}
.glyphicon-apple:before { content: "\f8ff";}
.glyphicon-erase:before { content: "\e221";}
.glyphicon-hourglass:before { content: "\231b";}
.glyphicon-lamp:before { content: "\e223";}
.glyphicon-duplicate:before { content: "\e224";}
.glyphicon-piggy-bank:before { content: "\e225";}
.glyphicon-scissors:before { content: "\e226";}
.glyphicon-bitcoin:before { content: "\e227";}
.glyphicon-yen:before { content: "\00a5";}
.glyphicon-ruble:before { content: "\20bd";}
.glyphicon-scale:before { content: "\e230";}
.glyphicon-ice-lolly:before { content: "\e231";}
.glyphicon-ice-lolly-tasted:before { content: "\e232";}
.glyphicon-education:before { content: "\e233";}
.glyphicon-option-horizontal:before { content: "\e234";}
.glyphicon-option-vertical:before { content: "\e235";}
.glyphicon-menu-hamburger:before { content: "\e236";}
.glyphicon-modal-window:before { content: "\e237";}
.glyphicon-oil:before { content: "\e238";}
.glyphicon-grain:before { content: "\e239";}
.glyphicon-sunglasses:before { content: "\e240";}
.glyphicon-text-size:before { content: "\e241";}
.glyphicon-text-color:before { content: "\e242";}
.glyphicon-text-background:before { content: "\e243";}
.glyphicon-object-align-top:before { content: "\e244";}
.glyphicon-object-align-bottom:before { content: "\e245";}
.glyphicon-object-align-horizontal:before { content: "\e246";}
.glyphicon-object-align-left:before { content: "\e247";}
.glyphicon-object-align-vertical:before { content: "\e248";}
.glyphicon-object-align-right:before { content: "\e249";}
.glyphicon-triangle-right:before { content: "\e250";}
.glyphicon-triangle-left:before { content: "\e251";}
.glyphicon-triangle-bottom:before { content: "\e252";}
.glyphicon-triangle-top:before { content: "\e253";}
.glyphicon-console:before { content: "\e254";}
.glyphicon-superscript:before { content: "\e255";}
.glyphicon-subscript:before { content: "\e256";}
.glyphicon-menu-left:before { content: "\e257";}
.glyphicon-menu-right:before { content: "\e258";}
.glyphicon-menu-down:before { content: "\e259";}
.glyphicon-menu-up:before { content: "\e260";}
.clearfix:before,.clearfix:after,.container:before,.container:after { display: table;  content: " "; }
.clearfix:after,.container:after  {  clear: both; }

.iconb { background: url(../images/v6_gnb/icon_2016.png) no-repeat; width:25px; height:25px; display:inline-block; background-size:250px auto; vertical-align:middle; margin-right:5px;}
.iconb.iconb-arrow1 {background-position:0px 0px }
.iconb.iconb-arrow2 {background-position:-25px 0px }
.iconb.iconb-arrow3 {background-position:-50px 0px }
.iconb.iconb-key {background-position:-75px 0px }
.iconb.iconb-beginner {background-position:-100px 0px }
.iconb.iconb-shopsearch {background-position:-125px 0px }
.iconb.iconb-arrow4 {background-position:-150px 0px }
.iconb.iconb-arrow5 {background-position:-175px 0px }
.iconb.iconb-guide {background-position:-200px 0px }
.iconb.iconb-hatena {background-position:-225px 0px }


/* 2016/12/22 add */
.listSt04 .area .txt .price { margin-top:0;width:auto; clear:both;}
.listSt04 .area .txt .tit { margin-bottom:0}  
.listSt04 .area .txt .gold_pc { float:right;}
.listSt02 .data { clear:both;}
.data span.newicon {
    background-color:#e62828;
    border-radius:0.3em;
    color: #fff; display: inline-block;
    font-size: 0.737em; padding: 0 0.4em;
    text-align: center;
} 

.listSt05 .img, .listSt04 .img{ overflow:hidden}
.img div.new {
    background-color:#e62828;
    color: #fff; display:block;
    font-size: 0.737em; text-align: center; position:absolute;
    -webkit-transform:rotate(45deg); padding:0.2em 0 0;
    transform:rotate(45deg);
    font-family:Arial, Helvetica, sans-serif;
    }
.listSt05 .img div.new {
    font-size: 0.9em; width:100px; 
    top:10px; right:-32px;
    }

.listSt04 .img div.new {
    font-size: 0.6em; width:80px;
    top:7px; right:-28px;
    }
.listSt02 .img div.new {
    font-size: 0.6em; width:80px;
    top:8px; right:-24px;
}
@media (max-width: 969px) { /* xs */
.listSt05 {padding-top:20px;}
.listSt05 li .img { width:300px; margin-left:auto; margin-right:auto}
.listSt05 li .img img{ width:auto;}
.listSt04 .img div.new { font-size: 10px; width:80px; top:7px; right:-28px;}
.listSt02 .img div.new { font-size: 8px; width:80px; top:7px; right:-25px;}

}