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

@media only screen and (max-width: 1024px) {
	[class*="checklotto"] input[type="submit"]
	{ background-image: url(../di/header-news.png); background-repeat: no-repeat;}
   
    section>[class*="_child"][class*="-grid-4-4x"] li, 
    [class*="_child"][class*="-grid-4-4x"]>section>ul>li,
	[class*="_child"][class*="-grid-4-4x"]>li, 
    [class*="sidebar"] li, 
    [class*="main-page"] [class*="webboard"] li
	{ background-image: url(../di/bullet01-01.png); background-repeat: no-repeat; background-position: 0 50% !important;}

    [id="content"] section h2>a,
    [class*="sidebar"] h2>a,
    [class*="news-update"] section+section>h2>a,
    [class*="checklotto"] h2>a,
    [class*="checklotto"] h3>a,
    [class*="category-page"] div h2>a,
    [class*="main-page"] [class*="webboard"]>header>p
    { background-image: url(../di/arrow-r-01.png); background-repeat: no-repeat; background-position: 100% 50% !important;} 
}
@media only screen and (max-width: 959px), (max-device-width: 1024px) {
    /*background-image*/
    body>[class*="logo-channel"] a { background-image: url(../di/logo_bullet_01.png); background-repeat: no-repeat;}
    /*background-position*/
    body>[class*="logo-channel"] a { background-position: 0 -77px !important;}
}
@media only screen and (max-width: 767px) {
    [class*="hot-news"]>div>div>article:nth-last-child(-n+2)>h3,
    [class*="hot-news"]>div+[class*="_child"][class*="-grid-2-2-2-2x"]>article>h3,
	[class*="sidebar"] [class*="related-box"] li
	{ background-image: url(../di/bullet01-01.png); background-repeat: no-repeat; background-position: 0 50% !important;}
}
@media only screen and (max-width: 767px) and  (-webkit-min-device-pixel-ratio: 2), (max-device-width: 1024px) and  (-webkit-min-device-pixel-ratio: 2), (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 767px) and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
    [class*="hot-news"]>div>div>article:nth-last-child(-n+2)>h3,
    [class*="hot-news"]>div+[class*="_child"][class*="-grid-2-2-2-2x"]>article>h3,
    [class*="_child"][class*="-grid-4-4x"]>section>ul>li,
	[class*="sidebar"] [class*="related-box"] li,
    section>div>[class*="_child"][class*="-grid-4-4x"]>li,
    [class*="sidebar"] li
    { background-image: url(../di/bullet01-01.png); background-repeat: no-repeat; background-position: 0 50% !important;}
}
/*image high resolution*/
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1024px) and (-ms-high-contrast: active), (max-width: 1024px) and (-ms-high-contrast: none) {
    /*body>[class*="logo-channel"] a,*/
	[class*="btn-mainnav"] { background-image: url(../di/logo_bullet_01@2x.png); background-repeat: no-repeat;  -webkit-background-size: 300px 200px; background-size: 300px 200px;}
    
    section>[class*="_child"][class*="-grid-4-4x"] li, 
    [class*="_child"][class*="-grid-4-4x"]>section>ul>li,
	[class*="_child"][class*="-grid-4-4x"]>li, 
    [class*="sidebar"] li, 
    [class*="main-page"] [class*="webboard"] li,
    [class*="main-page"] [class*="webboard"]>header>p
    { background-image: url(../di/bullet01-01@2x.png); -webkit-background-size: 8px 8px; background-size: 8px 8px;}

    [id="content"] section h2>a,
    [class*="sidebar"] h2>a,
    [class*="news-update"] section+section>h2>a,
    [class*="category-page"] div h2>a  
    { background-image: url(../di/arrow-r-01@2x.png); -webkit-background-size: 16px 16px; background-size: 16px 16px;} 
}
/*image high resolution*/
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 959px) and (-ms-high-contrast: active), (max-width: 959px) and (-ms-high-contrast: none) {
    body>[class*="logo-channel"] a
    { background-image: url(../di/logo_bullet_01@2x.png); background-repeat: no-repeat; -webkit-background-size: 300px 200px; background-size: 300px 200px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

}