/* reset */
html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{background-repeat:no-repeat;padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none1}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none;max-width: 100%;    height: auto;vertical-align: bottom;}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;text-shadow:none}::selection{background-color:#b3d4fc;text-shadow:n296ne}

/* Images */
.game-menu-nav li a:before, .footer-social-items li span, .title-thumb, nav li a span.icon, .card-title::after, .footer-items li, .language-select li a, .game-item .game-status > .icn, .icn.icn-game-icon, .icn.icn-game-icon-list, .icn.icn-game-list, .icn.icn-star-big, .icn.icn-star-empty-small, .icn.icn-star-filled-small, .icn.icn-game-hot, .icn.icn-game-new, .icn.icn-game-tournament, .icn.icn-game-favourite, .icn.icn-game-maintenance, .icn.icn-arrow-select, .icn.rate, .icn.rate.rate-checked, .helpdesk-image, .ui-dialog .ui-dialog-titlebar-close, .user-menu .balance-area .btn:before, .user-menu .btn.btn-signup:before, .user-menu .btn.btn-deposit:before, .game-sidebar .btn:before, .game-sidebar .btn:before, .card-title::after, .navbar-narrow .navbar-nav.navbar-left>li>a:before, .footer-top h6.license-msg:before, .deposit-brand-logo, .support_top_icon, #lhc_status_container .status-icon, .icn.icn-zoom-ou, .icn.icn-zoom-in, .tournament.details .prizepool:before, body #lhc_status_container .status-icon:before, .form-checkbox input[type="checkbox"]:checked, .game-sidebar .jackpot-ticker .title, .article-main .share li a i, .lang-item a:before {
    background-image: url("./spritesheet_3.png");
    background-size: 800px 353px;
    background-repeat: no-repeat;
}


/* Custom */
@import url('https://fonts.googleapis.com/css?family=Roboto|Montserrat|Noto+Sans+JP');

/* ::selection { background: #dd078c; color: #fff;} */
body {background-color: #f5f5f5; color: #424242; height: 100%; overflow: hidden;-webkit-font-smoothing: antialiased;/* font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif; */

font: 400 100%/1.4 "Montserrat","Roboto","Noto Sans Japanese",Helvetica,Arial,sans-serif;
margin: 0;-webkit-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}

.item a {color: #424242;}
.item a:hover {color: #dd078c;}
.date { color: #999;}
.ban_img {text-align: center; max-width: 300px; margin: 0 auto; display: block}
.article-container.container {}
.l-generalContent {
    width: 100%;
    padding: 0 0px;
    margin: 0 auto;
    margin-top: 72px;
    display: block;
}
#breadcrumb, .footer-top, .footer-bottom {margin: 0 auto;}

h3 {font-weight: 600;font-size: 15px;-webkit-font-smoothing: antialiased;}
p {font-size: 14px;}

.date {font-size: 15px;font-weight: 600;}

.winners .thumb {position: relative;vertical-align: middle;}


/*
.seemore {display: block; margin-top: 1.5em;}
.seemore a, .pager a {display: inline-block;border-radius: 50px;padding: 10px 24px;font-size: 13px; font-weight: 900; text-transform: uppercase;
background: rgb(120,43,144);
background-image: -moz-linear-gradient(left, rgba(120,43,144,1) 0%, rgba(221,7,140,1) 100%);
background-image: -webkit-linear-gradient(left, rgba(120,43,144,1) 0%,rgba(221,7,140,1) 100%);
background-image: linear-gradient(to right, rgba(120,43,144,1) 0%,rgba(221,7,140,1) 100%);
text-decoration: none;
color: #FFF;
}
.seemore a:hover, .pager a:hover {background: #782b90; background-image: none; color: #FFF; }
*/

/* Header */
.navbar {
    border: 0;
    border-radius: 0;
    position: fixed;
    width: 100%;
    height: 72px;
    top: 0;
    z-index: 100;
}

.navbar .navbar-primary {
    background-color: #FFF;
    border-bottom: 1px solid rgba(0,0,0,.13);
/*
    box-shadow: inset 0 -1px 0px 0px rgba(255,255,255,.1);
    background: rgb(120,43,144);
    background-image: -moz-linear-gradient(left, rgba(120,43,144,1) 0%, rgba(221,7,140,1) 100%);
    background-image: -webkit-linear-gradient(left, rgba(120,43,144,1) 0%,rgba(221,7,140,1) 100%);
    background-image: linear-gradient(to right, rgba(120,43,144,1) 0%,rgba(221,7,140,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#782b90', endColorstr='#dd078c',GradientType=1 );
*/
    height: 72px;
    line-height: 72px;
}

.site-header #logo a {
    width: 147px;
    height: 72px;
    background-image: url("./head-logo.svg");
    background-position: center center;
    text-indent: -9999em;
    background-repeat: no-repeat;
    display: inline-block;
}

.site-header #logo .st0, .site-header #logo svg{ display: block; width: 147px;
    height: 64px;}


.site-header #logo a {
    position: absolute;
    width: 230px;
    height: 72px;
    line-height: 64px;
    margin-left: -115px;
    background-size: 100%;
    left: 50%;
    top: -2px;
    float: left;
}
.navbar-nav {
    margin: 0;
    line-height: inherit;
    height: inherit;
    list-style: none;
    padding: 0;
}
.navbar .navbar-right {float: right;}
.navbar .navbar-right li {padding-right: 30px;}
.navbar .navbar-right .btn {
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: -.1pt;
    color: #FFF;
    border-color: #FFF;
    border-radius: 2px;
    border: 1px solid #FFF;;
    background: transparent;
    font-size: 13px;
    height: 35px;
    line-height: 34px;
    padding: 0 12px;
    display: inline-block;
    text-decoration: none;
}


/* Breadcrumb */
#breadcrumb { margin: 64px auto 0; padding: 10px 8px;color: #333;font-size: 13px;}
#breadcrumb div {display: inline-block;color: #333;}
#breadcrumb div a {color: #333;text-decoration: none;}
#breadcrumb div a:hover {text-decoration: underline;}
#breadcrumb div .material-icons {font-size: 12px; padding: 0 6px;}
#breadcrumb span i.material-icons {font-size: 16px; padding: 0 0px;}

aside#polylang-2 {
	position: absolute;
    bottom: 3px;
    right: 3%;
    padding: 0 0;
}
aside#polylang-2 ul {margin: 0; list-style: none; padding: 0; line-height: 28px;}

li.lang-item {display: inline-block;}
.lang-item a { display: block;text-decoration: none;color: #999;width: 28px; height: 28px; overflow: hidden;}
.lang-item a:before {width: 28px; height: 28px;vertical-align: middle;content: ' ';top: 0%;margin: 0px auto;display: block;}

.lang-item.lang-item-ja a:before { background-position:-184px -40px;}
.lang-item.lang-item-en a:before { background-position:-223px -40px;}
.lang-item.lang-item-th a:before { background-position:-297px -40px;}

aside.widget_text .widget-title { text-align: center; margin: 0.25em 1em 0.25em; font-size: 1.25rem; padding: 0; letter-spacing: -.25pt; line-height: 1.2; text-transform: uppercase; font-weight: 900;}


/* Footer */
.site-footer {
    padding: 2.0em 0 4em;
    text-align: center;
    margin: 0px auto 0px;
    font-size: 12px;
    clear: both;
    color: #999;
    position: relative;
	border-top: 1px solid #dddddd;
    background-color: #e6e6e6;
}
.site-footer .container { margin-top: 0; position: relative; }
.footer-legal {
    margin-top: 15px;
    font-weight: 600;
    font-size: 12px;
    margin-top: 0px;
    padding-top: 0px;
}



.footer-legal i { font-size: 12px; vertical-align: text-top;}
.footer-bottom {
    padding: 8px 0 20px;
    margin: 0 auto;
}
.site-footer .footer-legal p, .footer-items, .footer-links {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    list-style: none;
}
.footer-items {
    margin-bottom: 0;
}

.footer-items li {
    margin: 0px 8px; display: inline-block;
    width: 70px;
    height: 38px;
    overflow: hidden;
    text-indent: -9999em;
}

.footer-items .l_fc {
    background-position: -60px -130px;
    width: 108px;
    margin-left: 24px;
}
.footer-items .l_gc {
    background-position: -180px -130px;
    width: 23px;
}
.footer-items .a_bcs {
    background-position: -220px -130px;
    width: 26px;
}
.footer-links li {
    display: inline-block;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    line-height: 1.2;
    font-size: 12px;
}
.footer-links li:first-child {
    border-left: 0;
}
.footer-links li>a {
    color: #999;
    padding-left: 12px;
    padding-right: 8px;
    line-height: 12px;
    font-weight: 600;
    text-decoration: none;
}
.footer-links li>a:hover {text-decoration: underline;}
.footer-legal .copyright {font-size: 11px; font-weight: 400; display: block;letter-spacing: -.1pt; line-height: 1.1}
.footer-top h6.follow-msg {font-size: 1.5em; line-height: 1.2;}

h6.license-msg {margin-bottom: 8px; font-size: 11px; padding: 0 2em;}
h6.license-msg br {display: block;}


ul.footer-social-items {
    padding: 0;
    border-bottom: 1px solid #d6d6d6; padding-bottom:16px; margin-bottom: 20px;max-width: 768px;
}
.footer-social-items {
    margin: 12px auto 16px;
    padding: 0;
    list-style: none;
}
.footer-social-items li {
    display: inline-block;
}

.footer-social-items li span {
    list-style: none;
    position: relative;
    text-indent: -999em;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    display: block;
    opacity: .35;
    margin: 0 12px;
    -moz-transition: margin 1s ease-in-out,scale 1s ease-in-out;
    -o-transition: margin 1s ease-in-out,scale 1s ease-in-out;
    -webkit-transition: margin 1s ease-in-out,scale 1s ease-in-out;
    transition: margin 1s ease-in-out,scale 1s ease-in-out;
}
.footer-social-items li.social-icon a:hover span {
    opacity: .7;
}
.footer-social-items li span.facebook.facebook {width: 28px;}
.footer-social-items li span.facebook { background-position: -245px -297px;}
.footer-social-items li span.twitter { background-position: -148px -297px;}
.footer-social-items li span.telegram { background-position: -39px -297px;}
.footer-social-items li span.instagram { background-position: -97px -297px;}
.footer-social-items li span.line { background-position: -199px -297px;}
.footer-social-items li span.youtube { background-position: -325px -297px; width: 42px;}
.footer-social-items li span.tiktok { background-position: -748px -297px; width: 42px;}


/** Pager **/
	.pager {margin: 0; padding: 0; margin-top: 2.75em; list-style: none;}
/* 共通 */
.pagination {
    text-align: center;
    width: 100%;
    display: block;
    margin: 1.25em 0;
}
.pagination .inner { margin-bottom: 1.5em;}
.pagination a {
    background: #f6f6f6;
    color: #424242;
    text-decoration: none
}
.pagination a i {vertical-align: middle;}
.pagination .pn-prev .txt {margin-left: .25em;}
.pagination .pn-next .txt {margin-right: .25em;}

/* スマホ　*/
@media only screen and (max-width: 667px) {
    .pagination .inner {
        width: 90%;
        margin: 0 5%;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        height: 48px
    }
    .pagination .page-of {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        position: absolute;
        left: 37%;
        width: 26%;
        font-weight: bold;
        color: #424242;
/*         background: #2C2D2F; */
        height: 48px;
        line-height: 48px;
        font-size: 0.85rem
    }
    .pagination .m-prev {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        width: 15%;
        position: absolute;
        left: 0%
    }
    .pagination .pn-prev {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 22%;
        position: absolute;
        left: 15%;
		margin: 0 1% 0 1%;
    }
    .pagination .pn-next {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        width: 22%;
        position: absolute;
		left: 61%;
		margin: 0 1% 0 1%;
    }
    .pagination .m-next {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
        width: 15%;
        position: absolute;
        left: 85%
    }
    .pagination .current, .pagination .pn-numbers {
        display: none
    }
    .pagination a {
        line-height: 48px;
        height: 48px;
        border-radius: 3px;
        font-weight: bold;
        font-size: 1.2rem
    }
    .pagination a .txt {display: none;}
}
/* PC */
@media only screen and (min-width: 668px) {
    .pagination .page-of {
        display: block;
        width: 100%;
        font-size: 100%;
        color: #424242;
        text-align: center;
        margin: 0.75em 0;
    }
    .pagination a, .pagination .current {
        display: inline-block;
        padding: 0 1.5em;
        font-size: 100%;
        font-weight: bold;
        line-height: 50px;
        height: 50px
    }
    .pagination .current {
        background: #424242;
        color: #fff
    }
    .pagination a:hover {
        background: #424242;
        color: #fff
    }
  }


/** Header **/
header#hero {background-size: cover;background-position:center center; background-repeat: no-repeat;position: relative;overflow: hidden; margin-bottom: 0px;}
header#hero.guide {margin-bottom: 0px;}
header#hero.guide .header-inner { background-color: rgba(72, 196, 194, 0.2);}
header#hero .bgimg {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
header .header-inner { position: relative;}

header#hero {margin-top: 72px; background-position: center center; background-size: 1500px 300px; background-color: #7d7d7d;}
.winners header#hero {background-image: url('/ban_img/banner-winners_head.jpg');    min-height: 300px; max-height: 300px;}
.winners header#hero.tournament-winners, .category-game-tournament-result .winners header#hero {background-image: url('/ban_img/tournament-winners_head.jpg'); min-height: 300px; max-height: 300px;}

header#hero, header .header-inner {/* min-height: 240px; max-height: 240px; */}
.cat-header {text-align: center;margin: 0; padding: 40px; }
.cat-header h2 {margin: 0; padding: 0px; }
.cat-header p {margin-top: 1em; }

header .header-inner {overflow: hidden;}

.nocnt {text-align: center;}
.article-main .nocnt h3 {text-align: center; padding: 5em 2em;}
.header-inner .row {margin-bottom: 0;}
header .title { padding-bottom: 0; padding-top: 0;margin-bottom: 0px;width: 100%;}

header h2 {
    color: #FFF;
    font-size: 3.75rem;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.05;
    margin: 12px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}
header p {
    color: white;
    font-size: 1.125rem;
    line-height: 1.22;
    margin: 0;
    padding: 0;
}

.error-404, .not-found {text-align: center; padding: 4em;}
#searchform input { background-color: #f5f5f5; border: 1px solid #EEEEEE; border-radius: 4px; font-size: 17px; line-height: 1; font-weight: 600; padding: 0 .75em; outline: none; height: 44px; }
#searchform input[type="submit"] { background-color: #2196f3; border: 1px solid #1e88e5; font-size: 15px; color: #FFF; line-height: 1; font-weight: 600; outline: none;height: 44px; }
#searchform .screen-reader-text {display: none;}


/* Details */
.article-main .header {
    padding: 1.5em 1.25em .35em;
}
.article-main .label {
    padding: 0 0 .5em;
}
.article-main .share {
    margin-top: 0px;
    padding: 0 1.25em 1.5em;
    color: #7b7b7b;
}
.article-main .share ul {margin: 0; padding: 0; list-style: none;}
.article-main .share li {display: inline-block;}

.article-main .share li a {display: block;color: #FFF;border-radius: 30px;text-decoration: none;padding: 11px;font-size: 12px;font-weight: 600;width: 44px;text-align: center;margin-right: 0.25rem;height: 44px;}

.article-main .share li a:hover {opacity: .8;}
.article-main .share li a i { text-indent: -999em; width: 24px; height: 24px; display: inline-block; vertical-align: middle; }
.article-main .share li.tw a {background-color: #1DA1F2;}
.article-main .share li.fb a {background-color: #3765A3;}
.article-main .share li.line a {background-color: #00b900;}
.article-main .share li.tw a i { background-position:-399px -310px;}
.article-main .share li.fb a i { background-position:-495px -310px;}
.article-main .share li.line a i { background-position:-450px -311px;}
.article-main .share li a span {display: none;}


.article-main .share li.ig a {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.article-main .share li.ig a i { background-position:-399px -310px;}
.article-main .share li.ig a i { background-position:-630px -311px;width: 26px;margin-left: -1px;}

.article-main .share li.telegram a {background-color: #52a5e0;}
.article-main .share li.telegram a i { background-position:-539px -312px;margin-left: -1px;}

.article-main .share li.yt a {background-color: #ea3424;}
.article-main .share li.yt a i { background-position:-399px -310px;}
.article-main .share li.yt a i { background-position:-586px -312px;}

.article-main .post .share {padding: 0.5em 0 1.5em;}

.article-main .post { padding: 0 1.5em; color: #424242;}
.article-main .post > h2 {
    margin: 3rem 0 1rem 0;
    font-size: 1.4rem;
    font-weight: 700;
    background: #eee;
    padding: 1.0em 0.8em 0.9em 0.8em;
    color: #424242;
    line-height: 1.3;
    border-radius: 4px;
}
.article-main .post > h3 {
    margin: 2rem 0 1rem 0;
    padding: 0 0 0 1.0rem;
    border-left: 5px solid #424242;
    font-size: 1.2rem;
    font-weight: 900;
    color: #424242;
}
.article-main .post > h4 {
    font-size: 1.1rem;
    font-weight: 900;
    color: #424242;
}
.article-main .eyecatch {margin-bottom: 30px;}
.article-main .eyecatch img {width: 100%;height: auto;vertical-align: middle;}

.article-main h1.title {
    font-size: 1.3rem;
    line-height: 1.25;
    font-weight: bold;
    margin: 0 auto .25rem;

}
.article-main .title a {color: #424242; text-decoration: none;}
.article-main p { margin: 0 auto 2.5em; line-height: 1.55; font-size: 16px;}

.article-main p.meta {margin-bottom: 0; font-size: .85em; line-height: 1.2; color: #7b7b7b; font-weight: 400; display: inline-block;}
.article-main p.meta i {font-size: 15px; vertical-align: middle;margin-right: 3px; margin-top: -1px;}

.single .post .post-tags a {color: #1976d2; font-size: 14px; text-decoration: none; padding: 0px 0px 0px 8px; display: block;  font-weight: 600; text-decoration: none; vertical-align: middle; line-height: 1.5;}
.post-tags .chip {display: inline-block; margin-right: 6px; margin-top: 6px; }

/* Popular Post */
.wpp-no-data {text-align: center; padding: 3em 0; color: #aaa;}

/* Pager */

.prev_next_inner {
width: calc( 100% - 34px );
height: auto;
box-sizing: border-box;
padding: 1em 1.25em;
overflow: hidden;
}
.prev_next .pagethumb {
width: calc(40% - 24px);
max-width: 100px;
height: auto;
}
.pagethumb img, .timeline-card1Image img, .ban_img img { border-radius: 2px;}

.prev_next .title {
color: #424242; font-size: 16px; font-weight: 900;line-height: 1.3;width: calc(60% - 0px);}

.prev_next .title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.prev_next .title strong {display: block; font-size: .7em; color: #aaa; margin-bottom: .5em;}
.next .prev_next_arrow {
float: left;
}
.next .prev_next_inner {
float: left;width: 100%;min-height: 120px;
}
.prev .prev_next_arrow {
float: right;
}
.prev .prev_next_inner {
float: right;width: 100%;min-height: 120px;
}

.next .pagethumb {float: left;margin-right: 20px;}

.next .title {
width: 60%; float: left;
}
.prev .pagethumb {
float: right;
}
.prev .title {
width: 60%; float: left;
}
.no_post .prev_next_arrow {
background: #e6e6e6;
color: #fefefe;
}
.prev_next {border-top: 1px solid #e6e6e6;}

@media (min-width: 768px) {
.prev_next {margin-top: 1.5em;}
.prev_next .next,
.prev_next .prev {
width: 50%;
float: left;
}
.prev_next_inner {
/*
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
*/
}
.prev .prev_next_inner {
border-left: 1px solid #e6e6e6;
}
}
@media (min-width: 481px) and (max-width: 767px) {

}
@media (max-width: 480px) {
.prev_next {
/* margin-bottom: 24px; */
}
.prev_next .next,
.prev_next .prev {
width: 100%;
}
.prev_next_inner {
}
.next .prev_next_inner {
	width: 100%;
}
.prev .prev_next_inner {
	width: 100%;
}
.prev_next .title {
}
.prev_next .no_post {
display: none !important;
}
}




/* Sidebar Content */
.timeline-card1 {
    border-top: 1px solid #dedede;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: 13px 12px 0;
    padding-top: 13px;
    position: relative;
}

#ranking .timeline-container {
    counter-reset: rank;
}
#ranking .timeline-card1Container:before {
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1;
    content: counter(rank);
    counter-increment: rank;
    position: absolute;
    z-index: 2;
	width: 20px;
    text-align: center;
    color: #aaa;
    left: 0;
}
#ranking .timeline-card1:nth-child(1) .timeline-card1Container:before {color: #fe3498;}
#ranking .timeline-card1:nth-child(2) .timeline-card1Container:before {color: #ff9c00;}
#ranking .timeline-card1:nth-child(3) .timeline-card1Container:before {color: #ffd200;}

#ranking .timeline-card1 {display: block; float: inherit;}
#ranking .timeline-card1Image {float: right;margin:0 0 0 10px;
    -webkit-order: 2;
    order: 2;
    width: calc(40%);}

#ranking .timeline-card1Container { padding-left: 28px; position: relative; width: 100%;}
#ranking .timeline-card1Image {display: none; margin: 0 0 10px 0; float: inherit; width: calc(100%); overflow: hidden;border-radius: 3px;}





#ranking .timeline-card1:first-child .timeline-card1Image {display: block; width: 100%;}
#ranking .timeline-card1:first-child .timeline-card1Image img {max-width: inherit;}








.timeline-container>:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
.timeline-card1Container {
    -webkit-order: 2;
    order: 2;
    width: 60%;
}

.timeline-card1Image {
    position: relative;
    margin-right: 15px;
    -webkit-order: 1;
    order: 1;
    width: calc(40% - 15px);
}

.article-main .timeline-card1 {margin: 0px 1.25em 0; padding-top: 0px;border-top: 0px solid #dedede; padding: 12px 0;}
.article-main .timeline-card1:first-child {padding-top: 1.25em;}

.article-main .timeline-card1Container { padding-left: .75em; padding-top: 0;}
.article-main .timeline-card1Image {width: calc(38%);margin: 0 auto;}

.article-main .timeline-card1Title a { font-size: 1rem;line-height: 1.3;}

.article-main .timeline-card1AssistTime, .article-main .timeline-card1Container .stats_date, .article-main .timeline-card1AssistTime i.material-icons, .article-main .timeline-card1Container .stats_date i.material-icons { font-size: .85rem; }

.timeline-container {
    margin-top: 13px;
}
.timeline>:first-child {
    margin-top: 0;
}
.timeline {
    display: block;
    margin-top: 0px;
    padding: 0px 0 12px;
}
.timeline-card1Title {
    text-align: left;
}

.timeline-card1Title a {
	color: #424242;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: .95rem;
    font-weight: bold;
    line-height: 1.4;
    display: block;
    text-decoration: none;
}

.timeline-card1Assist {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    list-style: none;
}
.timeline-card1AssistTime, .timeline-card1Container .stats_date {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: .8rem;
    line-height: 1;
    color: #aaa;
    margin: 5px 10px 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}
.timeline-card1AssistTime i.material-icons, .timeline-card1Container .stats_date i.material-icons {font-size: .8rem; margin-right: .25em;}
.timeline-card1Image img {
    width: 100%;
    height: auto;
}

.related {padding: 0}
.related ul {list-style: none; margin: 0; padding: 0;}

.related ul { width: 100%; }
.related li {width: 33.333%; display: inline-block; float: left;}
.related li a {display:block; padding: 1.25em; color: #424242; font-size: .875rem; font-weight: 900; line-height: 1.3; text-decoration: none;}
.related li .related-thumb {width:100%; display: block; vertical-align: middle;}
.related a img { width:100%; object-fit:cover; border-radius: 3px;}
.related li .related-title {margin: .25em 0;
  overflow: hidden;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  text-overflow: ellipsis;
  box-orient: vertical;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -moz-box-orient: vertical;
  -moz-line-clamp: 2;
  -o-box-orient: vertical;
  -o-line-clamp: 1;
  -ms-box-orient: vertical;
  -ms-line-clamp: 2;
  height: 38px;
  position: relative;
  align-items: center;
  box-shadow: none;
  line-height: 1.3;
  
}


/* layout */
.l-generalContent-primary {
    width: 100%;
    -webkit-order: 0;
    order: 0;
    position: relative;
}

.l-generalContent-primary.-withSecondary {
}

.l-generalContent-secondary {
    width: 100%;
    -webkit-order: 2;
    order: 2;
}
.l-generalContent-primary.-main { margin-bottom: 16px;}




/* Main Carousel */
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item br {display: none;}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  border-radius: 3px;
  margin: 0 8px;
}
.home .owl-carousel .owl-item img {margin: 0 0px;}
.home .slider-container { padding: 0px 0px;}
.home .owl-carousel .owl-item img {border-radius: 0px;}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

.customNavigation a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 10%;
opacity: .5;
filter: alpha(opacity=50);
font-size: 20px;
color: #FFF;
text-align: center;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
cursor: pointer;

}
.customNavigation a:hover {opacity: 1;}
.customNavigation a.prev {
background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));
background-image: linear-gradient(to right,rgba(0, 0, 0, 0.5) 0,rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.customNavigation a.next {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));
background-image: linear-gradient(to right,rgba(0, 0, 0, 0.0001) 0,rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.customNavigation a span {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
width: 30px;
height: 50px;
margin-top: -25px;
margin-left: -15px;
font-size: 13px;
text-indent: -999em;
}
.customNavigation a.prev span {background-position: 1px -172px;}
.customNavigation a.next span {background-position: -49px -172px;}



.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}


.main-carousel .owl-dots {
    text-align: center;
    padding-top: 10px;
}
.main-carousel .owl-controls .owl-dot{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.main-carousel .owl-controls .owl-dot span{
	display: block;
	width: 8px;
	height: 8px;
    margin: 0px 6px;
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: transparent;
	border: 1px solid #b4b4b4;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.main-carousel .owl-controls .owl-dot:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.main-carousel .owl-controls .owl-dot.active span {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background: #b4b4b4;
}

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-item.loading{
	min-height: 150px;
	background: url("../images/AjaxLoader.gif") no-repeat center center
}




@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
    visibility: visible;
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: .5;
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}


/* Sidebar */
.side-item {
    margin-bottom: 16px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-width: 0px 0px 1px 0px;
    color: #424242;
}

.side-item .inner {
    height: auto;
    padding: 0px 0px;
    position: relative;
    width: auto;
}

	.side-item .inner:after {
	    background: -webkit-gradient(left, rgba(253,44,83,1) 0%,rgba(254,52,152,1) 100%);
	    background: -webkit-linear-gradient(left, rgba(253,44,83,1) 0%,rgba(254,52,152,1) 100%);
	    background: -moz-linear-gradient(left, rgba(253,44,83,1) 0%, rgba(254,52,152,1) 100%);
	    background: linear-gradient(to right, rgba(253,44,83,1) 0%,rgba(254,52,152,1) 100%);
	    content: "";
	    height: 5px;
	    left: 0;
	    position: absolute;
	    top: 0px;
	    width: 100%;
	}


.side-item .title {
    margin-bottom: 0px;
    padding: 0 8px;
    text-align: center;
}

.side-item .title .main-title {
    font-size: 1.25rem;
    padding: 0.75em 0 0;
    line-height: 1.1
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}


.side-item .title h4 {
	font-size: .8em;
    font-weight: 900;
    line-height: 1.1;
	padding-bottom: .5em;
    position: relative;
}

.side-item .title h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    border-bottom: 2px solid #424242;
    width: 70px;
    margin-left: -35px;
}

.l-generalContent-primary .side-item .title h4:after { width: 82px; margin-left: -40px; }

.side-item .title .main-title, .side-item .title h4 {
/*
background: -webkit-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
background: -moz-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
background: linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
-moz-background-clip: text;
-moz-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
*/
}



.side-item .list ul {
	margin: 0; padding: 0; list-style: none;
}
.side-item .list .list-item {
    border-bottom: solid 1px #dddddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 0px 0px 14px 0px;
    padding: 0px 0px 14px 0px;
    position: relative;
}
.side-item .list .list-item:last-child {
    border-bottom: none;
}
.side-item .list .list-item a {color: #333;}
.side-item .list .list-item a:after, .pager:after, .prev_next:before, .prev_next:after, .related ul:after {
    content: "";
    display: table;
    clear: both;
}
.side-item .list .list-item:first-child .item-image {
    width: 100%;
}

.article-side .widget {margin-bottom: 16px;overflow: hidden;}


@media (min-width:320px) and (max-width:767px) {
	.side-item .list .list-item:first-child .item-image { max-height: 180px; overflow: hidden; }
}
.prev_next {
/* margin-bottom: 24px; */
}
.prev_next .next,
.prev_next .prev {
width: 100%;
margin-bottom: 0px;
border-top: 1px solid #e6e6e6;
}
.prev_next {
    border-top: 0px;
}
.prev_next_inner {
    float: inherit !important;
}
.prev_next .title {
font-size: 100%;
}
.prev_next .no_post {
display: none !important;
}
.side-item .list .list-item:first-child a .item-image:before {
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.side-item .list .list-item:first-child a .item-image:after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6), transparent);
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
    bottom: 0px;
    content: "";
    display: block;
    height: 60%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.side-item .list .list-item:nth-child(n+2) a .item-image:before {
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.side-item .list .list-item:nth-child(n+2) a:hover .item-image:before {
    opacity: 0.2;
}
.side-item .list .item-image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: auto;
    position: relative;
    width: 50%;
}
.side-item .list .item-image img {
    height: 100%;
    width: 100%;
	display: flex;
}
.side-item .list .list-item .item-image .imageborder {
/*
    border: 1px solid #fff;
    bottom: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    left: 4px;
    position: absolute;
    right: 4px;
    top: 0;
    top: 4px;
    width: auto;
    z-index: 2;
*/
}

.side-item .list .list-item .item-title {
    font-size: 13px;
    font-size: 1.3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.5;
    padding: 6px 0px 0px 8px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 47%;
}
.side-item .list .list-item:first-child .item-title {
    font-size: 14px;
    font-size: 1.4rem;
    bottom: 30px;
    color: #fff;
    left: 12px;
    position: absolute;
    right: 12px;
    width: auto;
    z-index: 3;
}
.side-item .list .list-item:nth-child(n+2) a:hover .item-title {
    color: #dd078c
}

.side-item .list-more {
    font-size: 13px;
    margin-bottom: 9px;
    margin-top: 18px;
    text-align: right;
}
.side-item .list-more a {
    color: #999;
}
.side-item .list-more a:hover {
    text-decoration: underline;
}


.owl-dots { text-align: center; }

@media (min-width:320px) and (max-width:767px) {

.timeline-card1 {
    margin: 13px 1.25em 0;
}
.timeline-card1Container {
    width: 100%;
}

.timeline-card1Image { margin-right: 10px; width: calc(38% - 0px);}
#ranking .timeline-card1Image { }

}


.single .post a {font-weight: 600; text-decoration: underline; color: #1976d2;}
.article-main strong {/*  font-size: 120%;  margin: 10px 0; display: inline-block; */}
.article-main a strong {/* text-decoration: underline; */}

.article-main img { }
.article-main .post img { max-width: 100%;
    margin-bottom: 1em;
    border-radius: 3px;
}

.single .article-main .post a.btn {
    display: block;
    text-align: center;
    text-decoration: none;
    background-color: #ff2976;
    padding: 1.25em;
    line-height: 1.1;
    border-radius: 6px;
    max-width: 500px;
    margin: 1em auto 1em;
    color: #ffffff;
    font-weight: 900;
}

.qc-foot-logo {width: 120px;height: 90px;margin: 0 auto; display: block; opacity: 1;}
.article-main iframe{ width:100%;}
iframe{ max-width:100%; }

.article-main .post-categories, .article-main .post-categories li {margin: 0; padding: 0; list-style: none; display: inline-block;}
.article-main .post-categories li:nth-child(n+2) {display: none;}
.article-main .post-categories {display: block; margin-top: -3px;}
.single .label .post-categories {margin-left: 1em;}
.single .label .post-categories li {display: inline-block;}

.article-main .post-categories li a {font-weight: bold; text-decoration: none;
    display: inline-block;
    background: #b4b4b4;
    color: #fff;
    line-height: 1.65;
    border-radius:2rem;
    font-size: 0.8rem;
    padding: 0.15em 1em;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.article-main .timeline-card1 .post-categories li a {font-size: 0.65rem;padding: 1px 1em;}
.winners .article-main .post-categories li a {background: #f44336;}

#hero.cat-id9, .article-main .cat-id9 .post-categories li a {background: #9C27B0;}
#hero.cat-id29, .article-main .cat-id29 .post-categories li a {background: #FF9800;}
#hero.cat-id31, .article-main .cat-id31 .post-categories li a {background: #2196F3;}
#hero.cat-id540, .article-main .cat-id540 .post-categories li a {background: #db000c;}
#hero.cat-id569, .article-main .cat-id569 .post-categories li a {background: #f44336;}
#hero.cat-id605, .article-main .cat-id605 .post-categories li a {background: #18c429;}
#hero.cat-id606, .article-main .cat-id606 .post-categories li a {background: #1500ff;}



/** Ads **/
.dfad a { text-align: center; margin: 0 auto 24px; display: block; overflow: hidden;}
.dfad a img {border-radius: 4px; max-width: 300px;}

/** winners page **/
.text-center {text-align: center;}
.text-right {text-align: right;}


.col-full {width: 100%;}
.article-main {padding: 20px 0px 0;1 margin-bottom: 16px; background-color: #fff;border: 1px solid #e6e6e6; border-width: 0px 0px 1px 0px;}

.article-main {padding: 0px 0px 0;}


.article-main .eye-img {height: 170px; background-color: #e6e6e6; display: block; margin-bottom: 0; background-position: center center; background-size: cover; overflow: hidden; box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.1);}

.winners .border { position: relative; display: block; background-color: #ad0006; background-image: linear-gradient(180deg, #ad0006, #d6161e, #ad0006); text-align: center; font-size: 36px; color: #fbea2c; padding:0.7em 0.2em; border-bottom: 1px solid #d8b00c; border-top: 2px solid #fee478; text-shadow: 0 3px 5px rgba(0,0,0,.25);font-weight: bold; letter-spacing: -1.2pt;}

.winners .border:before, .winners .border:after {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 12px;
    top: 0px;
    left: 0px;
    display: block;
    background-image: url('../img/jackpot-total-frame-anime.gif');
    background-size: 100px 10px;
    background-repeat: repeat-x;
    background-position: left top;
    border-color: #deb50a;
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.winners .border:after {
    top: inherit;
    bottom: 0;
    border-width: 2px 0px 2px 0px;
    height: 14px;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.x-scroll {
overflow: auto;
}
.x-scroll table{
width:100%;
}
.x-scroll::-webkit-scrollbar{
height: 5px; /* スクロールバーの高さ */
}
.x-scroll::-webkit-scrollbar-track{
background: #F1F1F1; /* スクロールバーの背景色 */
}
.x-scroll::-webkit-scrollbar-thumb {
background: #d6d6d6; /* スクロールバーの色 */
}
.x-scroll td, .x-scroll th{
white-space: nowrap;　/* 文字の折返しを禁止 */
}

.winners .tablepress tfoot th, .winners .tablepress thead th {background-color: #ffd106;}

.winners .winners-table { max-width: 640px;  margin: 0 auto;}

.winners .post h3 {font-size: 18px; margin: 0.5em 0; font-weight: bold;}

.winners .dataTables_wrapper .tablepress {border: 2px solid #dddddd; margin: 0 0 1.5em !important !important;}
.winners .dataTables_length, .winners .dataTables_filter, .winners .dataTables_info, .winners .dataTables_paginate.paging_simple  {display: none; }

.winners .tablepress .sorting:hover, .winners .tablepress .sorting_asc, .winners .tablepress .sorting_desc {
        background-color: #ffd106;
}



.winners .navbar .navbar-primary {}
.site-header .navbar .navbar-right .btn {
	background: #fe3498;
    background: -webkit-gradient(left, rgba(253,44,83,1) 0%,rgba(254,52,152,1) 100%);
    background: -webkit-linear-gradient(left, rgba(253,44,83,1) 0%,rgba(254,52,152,1) 100%);
    background: -moz-linear-gradient(left, rgba(253,44,83,1) 0%, rgba(254,52,152,1) 100%);
    background: linear-gradient(to right, rgba(253,44,83,1) 0%,rgba(254,52,152,1) 100%);	color: #FFF;border-radius: 4px; border: 0px; font-weight: 900;}

/*
body, body .site-content {
    background: #1a0432;
}
*/
.site-content .content h2 {
    color: #efeef1;
    margin: 0.5em 0;1
    font-size: 18px;
}

.vip .site-content .content .about.row p {}

.winners .about.row p { color: #BDBDBD;}
.winners .divider {padding: 1em; display: inline-block;}
.winner-prof .col-sm-6 { width: 50%;/*  padding: 0 15px; */ }

.winner-prof { margin-top: 0em; padding: 1.25em 0 1.25em; font-size: 14px;}
.winner-prof .label, .winner-prof .prize, .winner-prof .name, .winner-prof .date {color: #7b7b7b; font-weight: 600; line-height: 1.15; margin: 0;font-size: 17px;}

.winner-prof .label { display: inline-block;font-size: .85em; line-height: 1; border: 0px solid #7b7b7b; margin: .75em 0 0; padding: .0 0; border-radius: 4px;}
.winner-prof .prize {font-size: 2.5em; font-weight: 900; margin: 0px;color: #4CAF50;letter-spacing: -2.0pt;}

.winner-prof .prize sup { font-size: 57.5%; margin-top: -10px; font-weight: 900;margin-right: .1em;}


.winner-prof .title {
	color: #424242;
	padding-top: 2px;
	font-size: 1.2em;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
    line-height: 1.25;
}
.winner-prof .title a {color: #424242; text-decoration: none;}

.winner-prof .game {font-size: 1.2em;}

.winner-prof .title span {display: inline-block; padding-right: .25em;}

.winner-prof .date, .winner-prof .name { color: #7b7b7b; font-size: .85em; text-transform: uppercase; margin: 0 0 .1em; display: inline-block;}
.winner-prof .material-icons { font-size: 15px; vertical-align: bottom; padding-right: 2px;}
.winner-prof a { color: #1976D2; }

.winners .thumb img { border-radius: 3px; width: 100%; height: auto; vertical-align: bottom; border-radius: 3px;margin: 0 0;}

.cnt-box {background-color: #FFF; margin-top: 1.75em; border: 1px solid #e6e6e6; border-width: 1px 0px 1px 0px; padding-top: 15px;}
.cnt-box:first-child {margin-top: 0em; border-top: 0;}
.cnt-box:last-child {margin-bottom: 1.75em;}

.slider-container {margin-top: 54px; padding: 8px 0px;}


.ai1ec-single-event .ai1ec-event-details {}
.ai1ec-categories, .ai1ec-allday-badge {display: none !important;}


a.bold { font-weight:bold; }

a.button-link, .single .post a.button-link {
	display: block;
	margin: 0 auto;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    padding: 15px;
    background: #fff;
    border-radius: 60px;
    color: #F44336;
    font-size: 120%;
    max-width: 600px;
    border: 3px solid #F44336;
}    

img.ban_img {
width: 100%; height: auto;
border: 1px solid #e1e8ed;
}



@media (min-width:321px) and (max-width:375px) and (orientation: portrait) {
.article-main .eye-img { height: 200px; }
}

@media (min-width:376px) and (max-width:420px) and (orientation: portrait) {
.article-main .eye-img { height: 215px; }
}

@media (min-width:421px) and (max-width:768px) and (orientation: portrait) {
.article-main .eye-img { height: 400px; }
}





@media (max-width: 575px) {
	.winners .thumb {padding: 0 0;}
	.winner-prof {padding: 0.75em 0 1.25em;}
    .winners .border { font-size: 24px; padding: 1.2em 0.1em; }
}


@media (min-width: 576px) {
	.cnt-box {border-width: 1px 1px 1px 1px; border-radius: 4px; padding-top: 0;}
	.cnt-box:first-child {margin-top: 1.75em; border-top: 1px solid #e6e6e6;}
	.winners .thumb {padding: 1em 0 1.15em;}
/*
	.lang-item a { width: inherit; text-indent: inherit;}
	.lang-item a:before { margin-right: 4px;}
*/

}

@media (min-width:374px) and (max-width:767px) and (orientation: portrait) {
/* 	.container {padding: 0 20px 0;} */
}


@media screen and (min-width: 576px) {
}

@media screen and (min-width:768px) { 
header#hero { background-size: 1500px 300px; }
header#hero, header .header-inner {/* min-height: 240px; max-height: 240px; */}
.winner-prof { font-size: 15px; }
.winner-prof .prize { font-size: 3.0em; }
.winner-prof .title { font-size: 1.3em; margin: .25em 0 .3em;-webkit-line-clamp: 3;}
.side-item .title {/* border-bottom:1px solid #f5f5f5; padding-bottom: 8px; */}
aside.widget_text .widget-title {display: none;}

.slider-container {margin-top: 72px;background-color: #e6e6e6;padding: 16px 0px;border-bottom: 1px solid #dcdcdc;}
.home .slider-container { padding: 8px 0px;}
.home .owl-carousel .owl-item img {border-radius: 3px;}
.article-main .post-categories {display: block; margin-top: 0px;}
h6.license-msg {font-size: 12px;}

}

@media screen and (min-width: 992px) {
.winner-prof .title { font-size: 1.55em; margin: .25em 0 .3em;-webkit-line-clamp: 3;}
.article-main, .side-item { border-width: 0px;border-radius: 6px; box-shadow: 0 0 0 1px inset rgba(0,0,0,.1); overflow: hidden;}
.article-main, .side-item, .article-side .widget { margin-bottom: 24px;}
.article-side .widget { background-color: #e6e6e6;border-radius: 3px;}
}

@media screen and (min-width: 1120px) {
.winner-prof .prize { font-size: 3.5em; }
.winner-prof .title { font-size: 1.85em; }
.winner-prof .date, .winner-prof .name { font-size: 1em; }
.winner-prof .material-icons { font-size: 17px; }
.winner-prof .game { font-size: 1.5em; }
}
@media screen and (min-width: 1200px) {
.next .prev_next_inner, .prev .prev_next_inner { min-height: 135px;}
}



@media (max-width:768px) {
	.winners header#hero { background-size: 768px 200px;background-image: url('/ban_img/banner-winners_head_sp.jpg');min-height: 200px; max-height: 200px;}
	.winners header#hero.tournament-winners, .category-game-tournament-result .winners header#hero {background-size: 768px 200px; background-image: url('/ban_img/tournament-winners_head_sp.jpg');min-height: 200px; max-height: 200px; }
/* 	header#hero, header .header-inner {min-height: 200px; max-height: 200px;} */

}

@media (max-width:374px) and (orientation: portrait) {
	.article-main .share li { width: 31%;text-align: center;}
}

@media (max-width:767px) and (orientation: portrait) {
	h3, p, .article-main p.meta, .date {font-size: 13px;}
	.article-main p {font-size: 16px;}
}
@media (min-width:320px) and (max-width:767px) and (orientation: portrait) {}
@media (min-width:768px) and (max-width:1024px) and (orientation: landscape) {
	h3 {font-size: 15px;}
	p {font-size: 15px;line-height: 1.4;}
	.date {font-size: 15px;}
}

@media (min-width:767px) {
/* 	.article-main .share li a span{display: inline-block;margin: 0 0 0 .25em;line-height: 1;} */
	.navbar .navbar-right .btn {display: inline-block;}.article-main .share li a i{ margin-top: 0;}
	}


@media (min-width:767px) and (max-width:980px) {
.site-header #logo a { width: 240px; margin-left: -120px;}
#breadcrumb {padding: 10px 30px;}
}


@media screen and (max-width: 767px) {
	.home .slider-container { background-color: #FFF;padding-top: 10px;}
	.main-carousel .owl-dots { padding: 0px 0 2px;}
	.article-main .timeline-card1Title a { font-size: 17px;}
	.home .owl-carousel .owl-item img {border-radius: 4px;}
	.article-main img {height: auto;}
	.post-tags a {font-size: 13px;}
	.article-main iframe{ height: auto;}	

	.site-header #logo a { width: 175px; margin-left: .3em; float: inherit; background-size: 100%;left: 0; top:0;}
	.navbar .navbar-right li {padding-right: .75em;}
	.navbar .navbar-right .btn {font-size: 11px;height: 30px; line-height: 30px; padding: 0 9px;}
	.cat-header h2 { font-size: 1.75rem;}
	.side-item .title .main-title {padding: 1.25em 0 0;}
	.side-item .title {padding-bottom: 1em;}

	.navbar .navbar-primary {height: 54px;line-height: 54px;}
	.navbar, .site-header #logo a {height: 54px;line-height: 54px;}
	.l-generalContent, header#hero  { margin-top: 54px;}

	aside#polylang-2 {
	    padding: 0 0;
	}
	#breadcrumb { padding: 10px 16px;}
	.article-main .item h3 {font-size: 17px;}
	.article-main .item p {font-size: 13px;}

	.article-main {
	    float: none;
	    padding: 0;
	    width: 100%;
        margin-bottom: 16px;
	}
	.article-side {
	    float: none;
	    padding: 0;
	    width: 100%;
		margin-bottom: 16px;
	}
	.article-main h1.title {font-size: 1.3em; }
	.post-tags {font-size: 14px;}
	
	.pager {}
	.pager strong {display: inline-block;font-size: .8em;color: #aaa;}

	.pager .prev, .pager .next {width: 100%;float: inherit;padding: .5em 1.25em;}
	.pager li a {display: block; font-size: .875rem; line-height: 1.25;}
	.footer-bottom, .footer-top.sitemap {display: none;}
	.footer-top h6 {margin-left: 0; font-size: 11px; padding: 0 0.5em;}
	h6.license-msg br {display: none;}
	.related li {width: 50%;}

}

@media screen and (max-width: 1119px) and (min-width: 768px) {}
@media screen and (min-width: 1120px) {}

@media screen and (min-width: 992px) {

.article-main .eye-img {height: 310px;}
.article-main .timeline-card1Title a { font-size: 1.15em;}
.article-main .timeline-card1AssistTime, .article-main .timeline-card1Container .stats_date, .article-main .timeline-card1AssistTime i.material-icons, .article-main .timeline-card1Container .stats_date i.material-icons { font-size: .8rem; }
.article-main .timeline-card1 .post-categories li a { font-size: .75rem; }
.article-main .timeline-card1 {margin: 0px 24px 0; padding: 12px 0;}
.article-main .timeline-card1:first-child {padding-top: 24px;;}

.article-main .timeline-card1Container { padding-left: 1.5em;}

	.side-item .inner:after {
	    background: transparent;
	    display: none;
	}

.article-main .post { padding: 0 1.75em;}
.article-main .share {padding: 0 1.75em 1.5em;}
.article-main .header {padding: 1.5em 1.75em .5em;}
.article-main h1.title {font-size: 1.75rem;}
.timeline-card1 {border-color: #f5f5f5; }
.l-generalContent {
    width: 980px; margin-top: 72px; display: -webkit-flex; display: flex;padding: 24px 30px;}
.l-generalContent-primary { max-width: 980px;}
.l-generalContent-primary.-withSecondary { width: 616px;}
.l-generalContent-secondary {
	width: 300px;
	min-width: 300px;
	margin-left: 24px;
    position: -webkit-sticky;
    position: sticky;
    min-height: calc(100vh - 0px);
    -webkit-align-self: flex-start;
    align-self: flex-start;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.l-generalContent-primary.-main {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    min-height: calc(100vh - 0px);
    -webkit-align-self: flex-start;
    align-self: flex-start;
}

.prev_next_inner {padding: 1.0em 1.0em;}
.timeline-card1Title a {font-size: .875rem;}


}

@media screen and (min-width: 1200px) {

.article-main .eye-img {height: 416px;}
.article-main .timeline-card1Title a { font-size: 1.5em;}
.article-main .timeline-card1AssistTime, .article-main .timeline-card1Container .stats_date, .article-main .timeline-card1AssistTime i.material-icons, .article-main .timeline-card1Container .stats_date i.material-icons { font-size: 1rem; }

.article-main h1.title {font-size: 2rem;}
.l-generalContent { width: 1184px;}
.l-generalContent-primary { max-width: 1184px;}
.l-generalContent-primary.-withSecondary { width: 820px; min-height: calc(100vh - 48px); }
.l-generalContent-secondary { min-height: calc(100vh - 48px); }

}