@charset "utf-8";
/* CSS Document */

#Contents{width:100% !important;}
#pageContents.ranking2019 img{width:100%;}
#pageContents.ranking2019 a{color:#333;}
#pageContents.ranking2019 a:hover{text-decoration:none; color:#333333;}

#page{width:100% !important;}
#pageContents.ranking2019{width:100% !important;  margin:0 0 100px 0;}
ul.single-item li img{width:100%;}
#main_img{position:absolute; top:50%; left:50%;   transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%); margin:auto; z-index:1; width:30%;}
#main_img img{width:100%; display:block;}
.slidebox{position:relative;}

.main_txt{text-align:center; width:950px; margin:20px auto; font-size:1.1em; line-height:2.0em;}

/*menu*/
#menu_wrap{width:950px; margin:30px auto; overflow:hidden; _zoom:1;}
#menu_wrap ul#menu01,#menu_wrap ul#menu02{overflow:hidden; _zoom:1; width:100%;}
#menu_wrap ul#menu01 li{float:left; width:calc(100%/5); padding:10px; box-sizing:border-box;}
#menu_wrap ul#menu02{display:none;}

/*共通*/
.rank_wrap{width:100%; overflow:hidden; _zoom:1; padding-bottom:50px; margin-bottom:100px;}
.ranking2019 h2{margin:0 auto -150px auto; text-align:center; display:block; width:300px;}
.rank_wrap p.cts_txt{text-align:center; width:90%; padding:200px 0 50px 0; margin:0 auto; font-size:1.1em; line-height:2.0em;}

/*背景カラー*/
#ctg_back01{background:#eee886;}
#ctg_back02{background:#cce6d4;}
#ctg_back03{background:#f3d9d4;}
#ctg_back04{background:#e0e5e9;}
#ctg_back05{background:#dcf0fd;}


/*新人賞*/
ul.rank_itembox{overflow:hidden; _zoom:1; width:950px; margin:0 auto;}
ul.rank_itembox li{width:calc(100%/2); padding:50px; box-sizing:border-box; float:left;}
ul.rank_itembox li:nth-child(3),ul.rank_itembox li:nth-child(4),ul.rank_itembox li:nth-child(5){width:100%; padding:50px 70px 0 70px; box-sizing:border-box;}
ul.rank_itembox li:nth-child(3) img.big_img,ul.rank_itembox li:nth-child(4) img.big_img,ul.rank_itembox li:nth-child(5) img.big_img{display:block; margin:0 auto;}
ul.rank_itembox .item_info .rank01{width:20%; float:left; background:none;}
ul.rank_itembox .item_info h3{width:80%; float:right; padding-left:10px; box-sizing:border-box; font-size:1.6em; font-weight:bold; line-height:1.4em;}
ul.rank_itembox li:nth-child(3)  .item_info h3,ul.rank_itembox li:nth-child(4)  .item_info h3,ul.rank_itembox li:nth-child(5)  .item_info h3{padding:40px 0 0 30px; font-size:2.3em;}
ul.rank_itembox .item_info h4{border-top:1px solid #333; border-bottom:1px solid #333; padding:1% 2%; font-size:0.8em; width:96%; clear:left;}
ul.rank_itembox .item_info p{width:96%; padding:10px 10px 20px 10px;}


/*コラム*/
ul.rank_columbox{overflow:hidden; _zoom:1; width:950px; margin:0 auto;}
ul.rank_columbox li{width:100%; overflow:hidden; _zoom:1; border-bottom:1px dashed #82b692; padding-bottom:20px;}
ul.rank_columbox .item_info{float:left; width:60%; padding:20px 50px 0 0; box-sizing:border-box;}
ul.rank_columbox .colum_img{float:left; width:40% !important; margin-top:20px;}
ul.rank_columbox .item_info .rank01{width:100%; float:left; background:none;}
ul.rank_columbox .item_info .rank01 img{width:20% !important;}
ul.rank_columbox .item_info h3{width:100%; float:right; padding-left:15px; box-sizing:border-box; font-size:1.4em; font-weight:bold; line-height:1.4em; border-left:5px solid #333;}
ul.rank_columbox .item_info p{width:100%; padding:10px; clear:both;}
ul.rank_columbox .colum_btn{width:100%; text-align:right;}



/*インスタ*/
ul.rank_instabox{overflow:hidden; _zoom:1; width:950px; margin:0 auto;}
ul.rank_instabox li{width:100%; overflow:hidden; _zoom:1; border-bottom:1px dashed #be8e85; padding-bottom:20px;}
ul.rank_instabox .item_info{float:right; width:60%; padding:100px 50px 0 50px; box-sizing:border-box;}
ul.rank_instabox .insta_img{float:left; width:40% !important; margin-top:20px;}
ul.rank_instabox .item_info .rank01{width:20%; float:left; background:none;}
ul.rank_instabox .item_info h3{width:80%; float:right; padding-left:30px; box-sizing:border-box; font-size:1.6em; font-weight:bold; line-height:1.4em; padding-top:10px;}
ul.rank_instabox .item_info h4{border-top:1px solid #333; border-bottom:1px solid #333; padding:5px; font-size:0.8em; width:100%; clear:left;}
ul.rank_instabox .item_info p{width:100%; padding:10px;}


/*カテゴリー*/
.rank_ctg_wrap{width:950px; margin:0 auto;}
.rank_ctgbox{width:450px; margin:10px; overflow:hidden; _zoom:1; background:#FFFFFF; border-radius:5px; float:left;}
.rank_ctgttl{width:70%; display:block; margin:20px auto;}
.rank_ctgbox li{width:95%; padding:15px; box-sizing:border-box; float:left; position:relative;}
.rank_ctgbox .item_info .rank01{width:30%; float:left; background:none; position:absolute; top:10px; left:20px; z-index:1;}
.rank_ctgbox .item_info img{width:40% !important; float:left;}
.rank_ctgbox .item_info h3{font-size:1.2em; font-weight:bold; padding:5px 0;}
.rank_ctgbox .item_info h4{padding-bottom:10px; font-size:0.8em;}
.rank_ctgbox .item_info .ctg_catch{float:right; width:60%; padding-left:20px; box-sizing:border-box;}