@charset "UTF-8";

/*メニュー*/
.content_wrapper.menulist .wrapper_item,
.content_wrapper.sitelist .wrapper_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.content_wrapper.menulist .wrapper_item .inner_item,
.content_wrapper.sitelist .wrapper_item .inner_item {
    width: calc(25% - 10px);
    text-align: center;
}
.content_wrapper.menulist .wrapper_item .inner_item_img  a {
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto 10px;
}
.content_wrapper.menulist .wrapper_item .inner_item_img  img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 100%;
    border: solid 4px #F6AFD9;
    box-sizing:border-box;
}
.content_wrapper.sitelist .wrapper_item .inner_item {
    width: 25%;
    margin-bottom: 20px;
    font-size: .8em;
}
.content_wrapper.sitelist .wrapper_item .inner_item .inner_item_img {
    width: 128px;
    height: 128px;
    padding: 22px;
    border-radius: 100%;
    border: solid 3px #F6AFD9;
    box-sizing: border-box;
    margin: 0 auto;
    background: #FFF;
}
.content_wrapper.sitelist .wrapper_item .inner_item .inner_item_img:hover {
    background: #ffeff9;
}
.content_wrapper.sitelist .wrapper_item .inner_item .inner_item_img a:hover img {
    opacity: 1;
}
.menulist .menu_ttl {
    font-size: 0.9em;
    line-height: 1.3em;
    margin-bottom: 20px;
}
.content_wrapper.menulist .wrapper_item.col2 .inner_item {
    width: 50%;
    max-width: 439px;
}
.content_wrapper.menulist .wrapper_item.col2 {
    justify-content: space-evenly;
}
.content_wrapper.menulist {
    padding: 40px;
}
.content_wrapper.menulist a:hover img {
    opacity: .7;
}


@media only screen and (max-width: 600px) {
.ranking .wrapper_item {
    margin: 0 20px;
    box-sizing: border-box;
}
.content_wrapper.menulist .wrapper_item .inner_item, .content_wrapper.sitelist .wrapper_item .inner_item {
    width: 50%;
}
.content_wrapper.menulist .wrapper_item .inner_item .inner_item_img a,.content_wrapper.menulist .wrapper_item .inner_item .inner_item_img img {
    width: 120px;
    height: 120px;
    border-width: 4px;
}

.menulist .menu_ttl {
    font-feature-settings: 'palt';
}
.content_wrapper.menulist {
    padding: 20px;
}
}