/*週刊ランキング*/

.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;margin: .5em .5em .2em;background-color: #ffffff;border-radius: 15px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);display: flex;flex-wrap: wrap;}
.weeklyrank ul.ranking-list li.ranking-item span.rank {color: #666;font-weight: bold;font-size: 1.4rem;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;}
.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;margin: .5rem;background-color: #ffffff;border-radius: 15px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);display: flex;}
.weeklyrank ul.ranking-list li.ranking-item span.rank-change {width: 24px;display: flex;justify-content: center;align-items: center;padding: 4px 20px 0 0;}
.weeklyrank ul.ranking-list li.ranking-item span.name {display: flex;align-items: center;margin: 0 0 0 20px;font-size: 1.6rem;color: #666;}
.weeklyrank ul.ranking-list ul.lower-ranking-container {grid-template-columns: 1fr 1fr;}
.weeklyrank ul.ranking-list ul.lower-ranking-container li.ranking-item .rank {font-size: 1.4rem;}
.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.2rem;margin: 0 0 0 15px;}
.weeklyrank-body p{}
ul.weeklyrank_ul{}
}