@charset "utf-8";
/* Copyright 2026 design hack. */

/* ------------------------------------------------------------

RANKING

------------------------------------------------------------ */
/* CONTENT
---------------------------------------------- */
div#wrap_area_list{background: #F5F3EC;border-top:1px solid #CECBC6;border-bottom:1px solid #CECBC6;text-align: center;padding:30px 20px;margin-bottom: 140px;}
div#wrap_area_list h2{margin-bottom: 21px;}
div#wrap_area_list ul li{color: #827D79;font-weight: 500;letter-spacing: 0.1em;display: inline-block;margin-right: 34px;}
div#wrap_area_list ul li a {display: inline-flex;align-items: center;}
div#wrap_area_list ul li a:hover{color: #AFAAA5;transition: 0.3s;}
div#wrap_area_list ul li span{border: 1px solid #AFAAA5;background: #FFFFFF;width: 26px;height: 26px;border-radius: 25px;display: inline-block;position: relative;margin-right:10px;} 
div#wrap_area_list ul li img{position: absolute;top: 8px;left:9px; width: 8px;height: auto;}

div.rank_detail dl.detail_star{background: #F5F3EC;}

@media print, screen and (max-width: 1220px){
}

@media print, screen and (max-width: 767px){
div#wrap_area_list{padding:20px 10px;margin-bottom: 70px;}
div#wrap_area_list h2{margin-bottom: 16px;}
div#wrap_area_list ul li{margin-right: 25px;}
}

/*---------------------- CATE /*----------------------*/
h2#area_name {font-size: 34px;font-weight: 700;padding: 0 0 20px 0;margin:-19px 0 40px 0;border-bottom: 1px solid #CECBC6;}




/*---------------------- SINGLE /*----------------------*/
div#rank_single_wrap h2#rank_name{font-size: 34px;font-weight: 700;color: #333333;margin: -19px 0 13px 0;}
div#rank_single_wrap p#rank_catch{border-bottom: 1px solid #CECBC6;padding-bottom: 52px; margin: 0 0 60px 0;}
div#rank_single_wrap div.rank_detail{margin: -9px 0 0 0;}
div#rank_single_wrap div.rank_detail dl.detail_star{margin: 0 0 40px 0;}
div#rank_single_wrap table.detail_access{margin: 0 0 0 0;}
div#rank_single_wrap div.rank_wrap{margin: 0 0 50px 0;}

h2.rank_single_ttl{font-size: 50px;text-align: center;font-weight: 700;font-family: "Libre Baskerville", serif;letter-spacing: 0.1em;margin:-25px 0 53px 0;}
h2.rank_single_ttl span{font-size: 16px;display: block;letter-spacing: 0.05em;font-family: "Zen Kaku Gothic New", sans-serif;margin-top: -8px;}

div#rank_free img,div#rank_reviews img{max-width: 100%;height: auto;}
div#rank_reviews{margin-bottom: 133px;}

/* gallery */
ul#gallery_list{overflow: hidden;width: 100%;}
ul#gallery_list li{width: 19.333%;height: 162px; margin:0 0.833% 0.833% 0;float: left;}
ul#gallery_list li:nth-child(5n){margin-right: 0;}
ul#gallery_list li p{width: 100%;height: 162px;overflow: hidden;position: relative;}
ul#gallery_list li p img{width: 250px;height: 180px;object-fit: cover;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

div#rank_single_wrap div#wrap_area_list{margin: 140px 0 0 0;}

@media print, screen and (max-width: 1220px){

}

@media print, screen and (max-width: 767px){
div#rank_single_wrap h2#rank_name{font-size: 22px;margin: -14px 0 12px 0;}
div#rank_single_wrap p#rank_catch{padding-bottom: 32px; margin: 0 0 40px 0;}
div#rank_single_wrap div.rank_img{margin: 0 0 21px 0;}
div#rank_single_wrap div.rank_detail dl.detail_star{margin: 0 0 25px 0;}
div#rank_single_wrap table.detail_access{margin: 0 0 0 0;}
div#rank_single_wrap div.rank_wrap{margin: 0 0 32px 0;}
    
/* gallery */
ul#gallery_list li{width: 23.881%;height: 100px; margin:0 1.493% 1.493% 0;}
ul#gallery_list li:nth-child(5n){margin-right: 1.493%;}
ul#gallery_list li:nth-child(4n){margin-right: 0;}
ul#gallery_list li p{width: 100%;height: 100px;}
ul#gallery_list li p img{width: 100%;height: 110px;}

    
div#rank_reviews{margin-bottom: 61px;}
div#rank_single_wrap div#wrap_area_list{margin: 70px 0 0 0;}
    
    
}