@charset "UTF-8";
/* ------------------------------
    slide_block
------------------------------ */
.slide_block{
    margin-bottom: 10%;
    overflow: hidden;
}
.slide_block .slick-list{
    margin-bottom: 5.5%;
}
.slide_block .slick-dots{
    display: flex;
    justify-content: center;
}
.slide_block .slick-dots li{
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 1.5%;
}
.slide_block .slick-dots li button{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    background-color: #b4b2b2;
    border: none;
    border-radius: 10px;
}
.slide_block .slick-dots .slick-active button{
    background-color: #393334;
}

/* ------------------------------
    megumi_block
------------------------------ */
.megumi_block {
    margin-bottom: 7.8%;
}
.megumi_block .ttl_sec{
    margin-bottom: 6.25%;
    padding-top: 6.7%;
    background-image: url(../img/index/ttl_megumi.png);
}
.megumi_block .img{
    margin-bottom: 4.6%;
}
.megumi_block .ttl{
    margin-bottom: 4.6%;
}
.megumi_block .ttl span{
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    color: #A47A23;
}
.megumi_block .ttl span + span:before{
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1px;
    margin: 0 0.3em;
    vertical-align: middle;
    border-top: 1px dotted #A47A23;
}
.megumi_block .txt{
    font-size: 1.6rem;
    line-height: 2;
}

/* ------------------------------
    bnr_block
------------------------------ */
.bnr_block {
    margin-bottom: 12.5%;
}
.bnr_block a{
    display: block;
    margin-bottom: 3%;
}

/* ------------------------------
    cate_block
------------------------------ */
.cate_block{
    margin-bottom: 10%;
}
.cate_block .ttl_sec{
    margin-bottom: 6.25%;
    padding-top: 8.28%;
    background-image: url(../img/index/ttl_cate.png);
}
.cate_block .link_list{
    flex-wrap: wrap;
    border-top: 1px solid #cacaca;
}
.cate_block .link_list li{
    width: 32.99%;
    padding: 1.8% 0;
    border-bottom: 1px solid #cacaca;
}
.cate_block .link_list .link01,
.cate_block .link_list .link02{
    width: 49.99%;
}
.cate_block .link_list li a{
    display: block;
}
.cate_block .link_list .link02 a,
.cate_block .link_list .link04 a,
.cate_block .link_list .link05 a,
.cate_block .link_list .link07 a,
.cate_block .link_list .link08 a,
.cate_block .link_list .link10 a,
.cate_block .link_list .link11 a,
.cate_block .link_list .link12 a,
.cate_block .link_list .link13 a,
.cate_block .link_list .link14 a{
    border-left: 1px solid #cacaca;
}
.cate_block .link_list li a i{
    display: block;
    width: 1.8em;
    height: 1.8em;
    margin: 0 auto 5%;
    background: 50% 50% no-repeat;
    background-size: contain;
}
.cate_block .link_list .link01 i{
    background-image: url(../img/index/ico_cate01.png);
}
.cate_block .link_list .link02 i{
    background-image: url(../img/index/ico_cate02.png);
}
.cate_block .link_list .link03 i{
    background-image: url(../img/index/ico_cate03.png);
}
.cate_block .link_list .link04 i{
    background-image: url(../img/index/ico_cate04.png);
}
.cate_block .link_list .link05 i{
    background-image: url(../img/index/ico_cate05.png);
}
.cate_block .link_list .link06 i{
    background-image: url(../img/index/ico_cate06.png);
}
.cate_block .link_list .link07 i{
    background-image: url(../img/index/ico_cate07.png);
}
.cate_block .link_list .link08 i{
    background-image: url(../img/index/ico_cate08.png);
}
.cate_block .link_list .link09 i{
    background-image: url(../img/index/ico_cate09.png);
}
.cate_block .link_list .link10 i{
    background-image: url(../img/index/ico_cate10.png);
}
.cate_block .link_list .link11 i{
    background-image: url(../img/index/ico_cate112.png);
}
.cate_block .link_list .link12 i{
    background-image: url(../img/index/ico_cate11.png);
}
.cate_block .link_list .link13 i{
    background-image: url(../img/index/ico_cate12.png);
}
.cate_block .link_list .link14 i{
    background-image: url(../img/index/ico_cate13.png);
}
.cate_block .link_list li span{
    display: block;
    font-size: 2.4rem;
}

/* ------------------------------
    rank_block
------------------------------ */
.rank_block{
    margin-bottom: 17.6%;
}
.rank_block .ttl_sec{
    margin-bottom: 6.25%;
    padding-top: 8.28%;
    background-image: url(../img/index/ttl_rank.png);
}
.rank_block .rank_list{
    position: relative;
    padding-top: 7.8%;
}
.rank_block .rank_tab{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: -1px;
}
.rank_block .rank_tab li{
    position: relative;
    width: 18.75%;
    padding-top: 7.8%;
    opacity: 0.5;
}
.rank_block .rank_tab li.slick-active {
    opacity: 1;
}
.rank_block .rank_tab li button{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    background: 50% 50% no-repeat;
    background-color: #AC637A;
    background-size: auto 50%;
    border-radius: 3px 3px 0 0 / 3px 3px 0 0;
    border: none;
}
.rank_block .rank_tab li:nth-of-type(1) button{
    background-image: url(../img/index/txt_rank01.png);
}
.rank_block .rank_tab li:nth-of-type(2) button{
    background-image: url(../img/index/txt_rank02.png);
}
.rank_block .rank_tab li:nth-of-type(3) button{
    background-image: url(../img/index/txt_rank03.png);
}
.rank_block .rank_tab li:nth-of-type(4) button{
    background-image: url(../img/index/txt_rank04.png);
}
.rank_block .rank_tab li:nth-of-type(5) button{
    background-image: url(../img/index/txt_rank05.png);
}
.rank_block .rank_list .slick-list{
    padding: 4.5% 4.5% 7%;
    background-color: #E6E6E6;
}
.rank_block .rank_list div .txt{
    margin-bottom: 2%;
    line-height: 1.5;
    font-size: 2.6rem;
}
.rank_block .rank_list div .ttl{
    margin-bottom: 4%;
    font-size: 2.6rem;
    color: #AC637A;
}
.rank_block .rank_list div .ttl:before{
    content: "\003010";
}
.rank_block .rank_list div .ttl:after{
    content: "\003011";
}
.rank_block .rank_list div .img{
    margin-bottom: 6.8%;
}
.rank_block .rank_list div div.img p{
    float: left;
    width: 31.9%;
    font-size: 1.9rem;
}
.rank_block .rank_list div div.img p:first-child{
    width: 66.5%;
}
.rank_block .rank_list div div.img p:last-child{
    margin: 3.5% 0 0 1%;
    line-height: 1.5;
}
.rank_block .rank_list .rank05 .img{
    width: 79.2%;
    margin: 0 auto 6.8%;
}

/* ------------------------------
    media_block
------------------------------ */
.media_block{
    margin-bottom: 18.75%;
}
.media_block .ttl_sec{
    margin-bottom: 6.25%;
    padding-top: 8.28%;
    background-image: url(../img/index/ttl_media.png);
}
.media_block .media_list{
    margin-bottom: 5%;
}
.media_block .media_box{
    float: left;
    width: 48.2%;
    margin-bottom: 3%;
}
.media_block .media_box:nth-of-type(even){
    float: right;
}
.media_block .media_box .img{
    height: 120px;
    margin-bottom: 5%;
    overflow: hidden;
    border: 1px solid #B3B3B3;
}
.media_block .media_box .img img{
    width: auto;
    height: 100%;
}
.media_block .media_box .txt{
    line-height: 1.3;
    font-size: 1.6rem;
}