@charset "UTF-8";



/* ------ ランキング01　------ */
.rank01 {display: inline-block; vertical-align: top; width: 31.5%; margin: 0 0 15px 1% ;padding: 0; border-width : 2px; border-style: solid; border-color: ; 
  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; background-color: #FFF;}
.rank01-color01 {border-color: ;}
.rank01-color02 {border-color: ;}
.rank01-color03 {border-color: ;}
.rank01-color04 {border-color: ;}
.rank01-color05 {border-color: ;}
.rank01-color06 {border-color: ;}
.rank01-color07 {border-color: ;}
.rank01-color08 {border-color: ;}
.rank01-color09 {border-color: ;}
.rank01 .idx {margin: 0; padding: 5px 5px 0; background-color: ;}
.rank01 .idx-color01 {background-color: ;}
.rank01 .idx-color02 {background-color: ;}
.rank01 .idx-color03 {background-color: ;}
.rank01 .idx-color04 {background-color: ;}
.rank01 .idx-color05 {background-color: ;}
.rank01 .idx-color06 {background-color: ;}
.rank01 .idx-color07 {background-color: ;}
.rank01 .idx-color08 {background-color: ;}
.rank01 .idx-color09 {background-color: ;}
.rank01 .idx img {margin: -15px 0px 5px -10px; float: left;} 
.rank01 .idx h3 {margin: 0; padding: 5px 0; font-size: 107%; font-weight: 600; line-height: 1.2em; color:} 
.rank01 .idx-color01 h3 {color: ;}
.rank01 .idx-color02 h3 {color: ;}
.rank01 .idx-color03 h3 {color: ;}
.rank01 .idx-color04 h3 {color: ;}
.rank01 .idx-color05 h3 {color: ;}
.rank01 .idx-color06 h3 {color: ;}
.rank01 .idx-color07 h3 {color: ;}
.rank01 .idx-color08 h3 {color: ;}
.rank01 .idx-color09 h3 {color: ;}
.rank01 .inner{margin: 10px; padding: 0 ; font-size: 92%; line-height: 1.5em; text-align: justify; text-justify: inter-ideograph;}
.rank01 .inner .b_link { overflow: hidden; }
.rank01 .inner .b_link img {max-width: 100%; border: 1px solid #CCC; margin: 0 auto; display: block;}
.rank01 .inner .t_link {text-align: right;}
.rank01 .inner .exp {margin: 0; padding: 10px 0;}

/* ------ ランキング02------ */
.rank02 {margin: 0 0 1em; padding: 0; border-top: 5px solid ; border-bottom: 1px solid ; background-color: ;}
.rank02 .idx{margin: 0; padding: 0 5px; border-bottom: 1px solid ; }
.rank02 .idx img{float: left; margin-top: -8px;} 
.rank02 .idx h4 {margin: 0; padding: 8px 0 0 50px; font-size: 123%; font-weight: bold; line-height: 1.2em;}
.rank02 .rankinner{margin: 0; padding: 10px 20px ; line-height: 150%;}
.rank02 .rankinner .b_link { overflow: hidden; float: left; margin: 0 10px 10px 0; max-width: 200px;}
.rank02 .rankinner .t_link{text-align: right; font-size: 108%;}
.rank02 .exp {padding: 10px 0; color: #333;}
.rank02 .star {margin-bottom: 10px;:  vertical-align: middle; font-size: 128%; color: ;}
.rank02 .star:before {content: 'オススメ度'; font-size: 12px; color: #FFF; font-weight: 600; margin-right: 10px; padding: 5px 25px; 
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: ;}
.rank02 .c-copy1 { font-size: 12px; color: #FFF; font-weight: 600; font-style: italic; margin: 20px 0; padding: 3px 2em; background-color: ;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.rank02 .c-copy2 { font-size: 12px; color: #FFF; font-weight: 600; font-style: italic; margin: 20px 0; padding: 3px 2em; background-color: ;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
   /* ------ ランキング------ */ 
  .rank02 {margin: 0 0 1em;}
  .rank02 .c-copy1 {padding: 3px 1em;}
  .rank02 .c-copy2 {padding: 3px 1em;}
}

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
  /* ------ ランキング01　------ */  
  .rank01 {width: 100%; margin: 0 0 15px 0;}
  /* ------ ランキング02　------ */  
  .rank02 .rankinner{margin: 0; padding: 10px 5px ;}
  .rank02 .rankinner .b_link {text-align: center;}
  .rank02 .rankinner .b_link { float: none; margin: 0 0 10px; max-width: 100%;}
}

/* ------ 共通 ------ */
.bld {font-weight: bold;}
.red {color: #C00;}
.waku {border: 1px solid #CCC;}
.textleft{text-align: left;}
.textright{text-align: right;}
.textcenter{{text-align: center;}
.clr{clear: both;}