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

#pageContents.rankCnt{width:950px!important;background:#fff;float:none;margin: 0 auto;overflow:hidden;_zoom:1;padding-bottom: 50px;}
#pageContents.rankCnt p{font-size:16px}
#pageContents.rankCnt a{text-decoration:none; width:100%;}
#pageContents.rankCnt a:hover{color:#333;}
/*.overflow{overflow:hidden; _zoom:1;}*/

#pageContents p {
    line-height: 1.7em; padding:20px 30px;}

#ttlCnt h1{margin: 0 auto; text-align:center; font-size:40px; line-height:1.5em; font-weight:bold;}
#ttlCnt h1 small{font-size:0.7em; display:block;}
#pageContents #ttlCnt p br{display:block}


/*会員特典*/
#rank_benefits{width:94%; margin:80px auto;}
#pageContents.rankCnt h2{font-size:30px; border-bottom:1px solid #333; text-align:center; margin-bottom:10px; font-weight:bold;}
#rank_benefits img{width:80%; margin:0 auto; display:block;}
#rank_benefits ul{padding:10px; width:640px; margin:20px auto; font-size:1.4em;}
#rank_benefits ul li{ position: relative; padding: 0 10px 25px 25px;}
#rank_benefits ul li:before {
    content: "";
    position: absolute;
    top: .35em;
    left: 6px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 3px;
    height: 7px;
    border-right: 2px solid #8b6b4e;
    border-bottom: 2px solid #8b6b4e;
  }
 
#rank_benefits ul li:after {
    content: "";
    position: absolute;
    top: .2em;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #8b6b4e;
    border-radius: 2px;
  }
  
  
/*いいなの日・誕生日*/
#pageContents.rankCnt h3{font-size:30px; background:#333; color:#fff; text-align:center; padding:15px 0; font-weight:bold;}
.rank_ttlimg{width:25% !important; margin:70px auto 5px auto; display:block;}
.rank-cts{background:#f4f4f4; width:94%; margin:0 auto; overflow:hidden; _zoom:1;}
.rank-cts ul{margin:0 4% 6% 4%; padding-bottom:10px; font-size:1.4em; overflow:hidden; _zoom:1;}
.rank-cts ul li{padding:3px 10px;margin:10px 0 0 0;  float:left; width:100%; box-sizing:border-box;}
span.col01{background-image: linear-gradient(transparent 70%, #e5d7c2 0%); padding:none;}
span.col02{background-image: linear-gradient(transparent 70%, #e2e2e1 0%); padding:none;}
span.col03{background-image: linear-gradient(transparent 70%, #e5d9b5 0%); padding:none;}
span.col04{background-image: linear-gradient(transparent 70%, #d4d2d0 0%); padding:none;}
span.col05{background-image: linear-gradient(transparent 70%, #b5c0d2 0%); padding:none;}
.rank_btn{display:inline-block; background-color:#d4d2d0; padding:10px 50px; border-radius:30px; margin:0 4% 4% 4%;}
.rank-cts a{display:flex !important;  justify-content: space-between;  align-items: center; position:relative; color:#333;}
.rank-cts a::after{content: ''; width: 5px; height: 5px; border-top: 2px solid #333333; border-right: 2px solid #333333; transform: rotate(45deg); right:-15px; position:absolute;}

/*会員条件*/
#pageContents.rankCnt h4{font-size:18px; border-bottom:1px solid #333; width:94%; margin:15% auto 2% auto; padding:10px; font-weight:bold;}
#pageContents.rankCnt h5{font-size:15px; font-weight:bold; padding:10px 0 0 30px;}
#rank_page{margin-bottom:50px;}
#rank_condition a{display:flex !important;  justify-content: space-between;  align-items: center; position:relative; color:#333;}
#rank_condition a::after{content: ''; width: 5px; height: 5px; border-top: 2px solid #333333; border-right: 2px solid #333333; transform: rotate(45deg); right:-15px; position:absolute;}