/*週刊ランキング*/

.weeklyrank {}
.weeklyrank ul.ranking-list {padding: 20px;margin: 1em;background-color: #a8d8e3;border-radius: 15px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);display: grid;}
.weeklyrank ul.ranking-list li.ranking-item {padding: 10px !important;margin: .5em .5em .2em !important;background-color: #ffffff !important;border-radius: 15px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);display: flex !important;flex-wrap: wrap;}
.weeklyrank ul.ranking-list li.ranking-item span.rank {color: #666;font-weight: bold;font-size: 1.8rem;width: 15%;height: auto;display: flex;justify-content: center;align-content: center;flex-wrap: wrap;}
.weeklyrank ul.ranking-list li.ranking-item span.rank-change {width: 20px;display: flex;justify-content: center;align-items: center;padding: 3px 5px 0 0;}
.weeklyrank ul.ranking-list li.ranking-item span.name {color: #666;display: flex;align-items: center;margin: 0 0 0 20px;font-size: 1.6rem;}
.weeklyrank ul.ranking-list ul.lower-ranking-container {display: grid;grid-template-columns: 1fr;}
.weeklyrank ul.ranking-list ul.lower-ranking-container li.ranking-item {padding: 10px;margin: .5rem .5rem .2rem;background-color: #ffffff;border-radius: 15px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);display: flex;flex-wrap: wrap;}
.weeklyrank-body{}
.weeklyrank-body p{line-height: 2.2rem;color: #444;}
ul.weeklyrank_ul {
    padding: 5px 20px 20px;
    color: #444;
    line-height: 2.2rem;
}
ul.weeklyrank_ul li {
    padding: 5px 10px;
}

@media screen and (min-width: 913px) {
.weeklyrank ul.ranking-list {padding: 20px;margin: 1em;background-color: #a8d8e3;border-radius: 15px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);display: grid;}
.weeklyrank ul.ranking-list li.ranking-item {padding: 15px !important;margin: .5rem !important;background-color: #ffffff;border-radius: 15px;display: flex;}
.weeklyrank ul.ranking-list li.ranking-item span.rank {font-weight: bold;font-size: 1.8em;width: 10%;}
.weeklyrank ul.ranking-list li.ranking-item span.rank-change {width: 28px;display: flex;justify-content: center;align-items: center;padding: 0px 20px 0 0;}
.weeklyrank ul.ranking-list li.ranking-item span.rank-change img{margin: 0px auto;}	
.weeklyrank ul.ranking-list li.ranking-item span.name {display: flex;align-items: center;margin: 0 0 0 20px;font-size: 1.8rem;color: #666;}
.weeklyrank ul.ranking-list ul.lower-ranking-container {grid-template-columns: 1fr 1fr;padding: initial;}
.weeklyrank ul.ranking-list ul.lower-ranking-container li.ranking-item .rank {font-size: 1.8rem;}
.weeklyrank ul.ranking-list ul.lower-ranking-container li.ranking-item .rank-change {padding: 4px 10px 0 5px;}
.weeklyrank ul.ranking-list ul.lower-ranking-container li.ranking-item .name {font-size: 1.6rem;margin: 0 0 0 15px;}
.weeklyrank-body p{}
ul.weeklyrank_ul{}
}