#header-open {
font-size:20px;
}

.type{
left: 50px;
top: 15px;
}

.mensrec_insta{
font-size:1.125rem;
text-align:center;
margin:5px;
background:linear-gradient(180deg, rgba(210,249,234,1) 0%, rgba(255,255,255,1) 50%, rgba(235,250,248,1) 100%);
}
.accimg{
margin-top:10px;
padding-top:20px;
clear: both;
}
.accimg img{
max-width:100%;
}

#wrap {
    background: rgba(255,255,255,0.6);
}
/* 新着情報2 */
#news .topiclist li{
display:flex;
}
#news .topiclist li a{
display:block;
width:100%;
margin-right:2%;
}
#news .topiclist li .ph{
width:100%;
margin:0;
}
#news .topiclist li article{
width:100%;
}
@media screen and (max-width: 480px) {
#news .topiclist li{
flex-wrap:wrap;
}
#news .topiclist li a{
padding:0 2%;
margin:0 0 10px;
}
#news .topiclist li article{
float:none;
width:100%;
}
}
/* ランキング */
.ranking_wrap{
border:5px solid #bfebe5;
box-sizing:border-box;
font-family:Meiryo,"メイリオ",Helvetica,Arial,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3",sans-serif;
}
.ranking_wrap h1{
font-size:28px;
background:#18d9d8;
color:#fff;
padding:15px 0 10px;
margin:0;
letter-spacing:1px;
text-align:center;
line-height:1;
}
.ranking_wrap h1 span{
color:#ff0;
}
.ranking_wrap h2{
color:#18d9d8;
font-size:24px;
font-weight:bold;
margin:20px 0 15px;
text-align:center;
}
.rankbox{
display:flex;
flex-wrap:wrap;
}
.rankbox > div a{
display:block;
width:100%;
height:100%;
color:#fff;
text-decoration:none;
}
.rankbox > div:not(:first-child){
position:relative;
width:50%;
aspect-ratio: 1;
box-sizing:border-box;
}
.rankbox > div:first-child{
position:relative;
width:100%;
aspect-ratio: 1;
}
.rankbox > div.rank1{
background:url(https://mizuiroribbon.tokyo/upload/cast/409_16736786751.jpg?1673678676) 0 0 / cover no-repeat;
}
.rankbox > div.rank2{
background:url(https://mizuiroribbon.tokyo/upload/cast/340_16804972131.jpg?1680497213) 0 0 / cover no-repeat;
}
.rankbox > div.rank3{
background:url(https://mizuiroribbon.tokyo/upload/cast/458_16829209601.jpg?1682920960) 0 0 / cover no-repeat;
}
.rankbox > div.rank4{
background:url(https://mizuiroribbon.tokyo/upload/cast/185_16729887324.jpg?1672988733) 0 0 / cover no-repeat;
}
.rankbox > div.rank5{
background:url(https://mizuiroribbon.tokyo/upload/cast/226_16281624471.jpg?1628162447) 0 0 / cover no-repeat;
}
.rankbox > div.rank01{
background:url(https://mizuiroribbon.tokyo/upload/cast/472_16830876632.jpg?1683087663) 0 0 / cover no-repeat;
}
.rankbox > div.rank02{
background:url(https://mizuiroribbon.tokyo/upload/cast/30_16410960901.jpg?1641096090) 0 0 / cover no-repeat;
}
.rankbox > div.rank03{
background:url(https://mizuiroribbon.tokyo/upload/cast/300_16831000981.jpg?1683100098) 0 0 / cover no-repeat;
}
.rankbox > div.rank04{
background:url(https://mizuiroribbon.tokyo/upload/cast/24_16013699511.jpg?1601369951) 0 0 / cover no-repeat;
}
.rankbox > div.rank05{
background:url(https://mizuiroribbon.tokyo/upload/cast/471_16838066481.jpg?1683806649) 0 0 / cover no-repeat;
}
.rankbox > div .namebox{
position:absolute;
bottom:0;
left:0;
display:flex;
align-items:center;
width:100%;
background:rgba(51,51,51,.5);
color:#fff;
font-weight:bold;
text-align:left;
text-shadow:0 0 5px #666;
}
.rankbox > div .namebox > div{
padding:10px;
background:#18d9d8;
margin-right:16px;
}
.rankbox > div .namebox > div img{
width:100px;
vertical-align:bottom;
}
.rankbox > div:first-of-type .namebox > div{
background:linear-gradient(to bottom,#c59d00,#faca11 50%,#c59d00);
text-shadow:0 0 5px #9b7c02;
}
.rankbox > div:nth-of-type(2) .namebox > div{
background:linear-gradient(to bottom,#aaa6a5,#d3cfcf 50%,#aaa6a5);
text-shadow:0 0 5px #827f7e;
}
.rankbox > div:nth-of-type(3) .namebox > div{
background:linear-gradient(to bottom,#d18466,#eea98e 50%,#d18466);
text-shadow:0 0 5px #a8674e;
}
.rankbox > div .namebox dl{
margin:0;
font-size:16px;
}
.rankbox > div .namebox dt em{
font-style:normal;
font-weight:bold;
}
.rankbox > div .namebox dt em.heart::before,
.rankbox > div .namebox dt em.heart2::before,
.rankbox > div .namebox dt em.heart2::after{
content:"";
display:inline-block;
width:19px;
height:19px;
background:url(/upload/pub/ribbon.png) 0 0 / cover no-repeat;
position:relative;
top:4px;
}
.rankbox > div .namebox dt em.heart::before,
.rankbox > div .namebox dt em.heart2::before{
margin-right:2px;
}
.rankbox > div .namebox dt em.heart2::after{
margin-left:2px;
}
.rankbox > div .namebox dd{
margin:0;
}
@media screen and (max-width:640px) {
.rankbox > div .namebox > div img{
width:45px;
}
.rankbox > div .namebox dl{
line-height:1.3;
}
.rankbox > div .namebox dt{
font-size:14px;
white-space:nowrap;
}
.rankbox > div .namebox dt em.heart::before,
.rankbox > div .namebox dt em.heart2::before,
.rankbox > div .namebox dt em.heart2::after{
width:16px;
height:16px;
top:3px;
}
.rankbox > div .namebox dt span{
margin-left:-5px;
}
.rankbox > div .namebox dd{
font-size:10px;
white-space:nowrap;
}
.rankbox > div .namebox > div{
padding:10px 5px;
margin-right:8px;
}
}