ul.slick-dots{bottom:-30px;}
div.top_notice{margin:35px 0 15px;background:white;padding:5px 5px;vertical-align:center;}
div.top_notice h5 {margin-left:15px;}
div.top_notice h5 span{font-size:18px;}

section.top_block{margin:35px 0px;}
@media screen and (min-width: 768px) {
  section.top_block{margin:35px 15px;}
}
.top_h2{font-size:28px;background:#4ec078;color:white;padding:10px 15px;border-radius:0 26px 26px 0;margin-bottom:15px;}
.top_h2 span.btn_newbook{font-size:16px;background:white;padding:6px 7px;border:2px solid rgba(249,174,59,1);margin-left:2em;}
div.top_bookbox,section.top_bookbox{border:2px solid rgb(228,228,228);border-radius:5px;background:#f7f5ef;padding:5px 10px;margin-bottom:18px;}
div.top_bookbox_new{padding:20px 50px 0 20px;}
.slick-prev:before, .slick-next:before{font-size:28px;}

/*
section.top_em{border-color:rgb(157,162,209);background:rgb(234,240,253);padding:15px 25px 15px;margin-bottom:18px;}
section.top_rn{border-color:rgb(118,194,193);background:rgb(235,246,246);padding:15px 25px 15px;margin-bottom:18px;}
section.top_gn{border-color:rgb(239,162,76);background:rgb(253,237,228);padding:15px 25px 15px;margin-bottom:18px;}
@media screen and (min-width: 768px) {
    section.top_em{border-color:rgb(157,162,209);background:rgb(234,240,253);padding:15px 25px 15px;margin:0 -12px 18px 0;}
    section.top_rn{border-color:rgb(118,194,193);background:rgb(235,246,246);padding:15px 25px 15px;margin:0 -6px 18px -6px;}
    section.top_gn{border-color:rgb(239,162,76);background:rgb(253,237,228);padding:15px 25px 15px;margin:0 0 18px -12px;}
}
*/
section.top_em{border-color:#428bca;background:rgb(234,240,253);padding:30px 25px;margin-bottom:18px;}
section.top_rn{border-color:#4ec078;background:rgb(235,246,246);padding:30px 25px;margin-bottom:18px;}
section.top_gn{border-color:rgb(239,162,76);background:rgb(253,237,228);padding:30px 25px;margin-bottom:18px;}
@media screen and (min-width: 768px) {
    section.top_em{border-color:#428bca;background:rgb(234,240,253);padding:30px 25px;}
    section.top_rn{border-color:#4ec078;background:rgb(235,246,246);padding:30px 25px;}
	section.top_gn{border-color:rgb(239,162,76);background:rgb(253,237,228);padding:30px 25px;}
}
section.top_bookbox div div ul{margin:0px -15px 15px -15px;}

div.top_ranking{border-color:rgba(0,129,204,1);border-style:solid;border-width:1px;}


div.top_ranking_head{margin-top:5px;border-radius:5px 5px 0 0;border-bottom-width:0px;text-align:center;background-color:rgb(255,254,238);color:rgb(0,70,154);font-size: 24px;padding:10px;}
button.slick-prev{left:0px}
div.top_ranking_23rd{border-bottom:1px dotted rgb(0,129,204);}
div.top_ranking_box{margin:0 -15px;font-size:18px;height:4.25em;padding:0 35px;}
@media screen and (max-width: 440px) {
    div.top_ranking_box{margin:0 -15px;font-size:18px;height:4.25em;padding:0 10px;}
    div.top_ranking_box p.ranking_small{font-size:80%;margin:0;}
}
div.top_ranking_box table{height:4.25em;}
div.top_ranking_box table tr td{vertical-align: middle;}
div.top_ranking_box_top{text-align:center; background:rgb(240,240,240);border-bottom:1px solid rgb(0,129,204);font-size:22px;height:2em;padding:10px 0 5px;}


.top_onlinehead{font-size:18px;text-align:center;border:rgb(228,228,228) 2px solid;padding:4px;border-radius:14px;background:rgb(247,245,239);margin:-14px -17px 20px -17px;}


div.top_onlinebox{border:rgb(228,228,228) 2px solid;border-top-width:0px;padding-bottom:15px;margin-top:15px;margin-bottom:15px;}
@media screen and (min-width: 768px) {
    div.top_onlinebox:not(:first-child){border-left-width:0px;}
}

div.top-bottombtn{background:rgb(48,94,26);padding:7px;font-size:24px;border-radius:24px;color:white;margin-top:15px;text-align:center;}
div.top-bottombtn:hover{opacity:.75;}
a.a_nochange:hover{color:inherit;text-decoration:none;}
h4.update_head{background:rgb(240,240,240);color:rgb(80,118,36);padding:5px 15px;margin-bottom:0;}
.updatebox {overflow:auto;height:405px;padding:10px;border:0px solid rgb(240,240,240);padding-left:5vw;}
ul.top_update li{margin:5px;}
ul.top_update li ul li{margin:3px;}
div.updatebox::-webkit-scrollbar{width:15px;}
div.updatebox::-webkit-scrollbar-track{background: #fff;border:none;border-radius:1px;box-shadow: inset 0 0 2px #777;}
div.updatebox::-webkit-scrollbar-thumb{background:rgb(240,240,240);border:1px solid rgb(180,180,180);border-radius:2px;box-shadow: none;}

div.brandcontainer{display: flex;flex-flow:column nowrap;justify-content: space-between;}
div.brandcontainer{display: flex;flex-flow:column wrap;justify-content: space-between;}
div.brandcontainer div.fcontainer{flex: 1;}

ul.online_ul {display:flex;list-style:none;align-items:flex-start;align-items: stretch;margin:0 0 0 -15px;padding:0;}
ul.online_ul li.icon {width: calc(100% / 2.5);margin:0 8px;}
ul.online_ul li.others {width:calc(100% / 5);vertical-align: bottom;margin:0 8px;}
ul.online_ul li.logo {min-width:50%;margin:0 8px;}
ul.online_ul li.snsicon {min-width:15%;margin:0 8px;}