./@charset "utf-8";

/***********************************************************
  CMSKIT(HTML5)用基本スタイルシート
  2015-06-10 eXPA Inc.
  cf) normalize.css
      html5doctor.com Reset Stylesheet
      YUI Fonts CSS
************************************************************/



/*-----------------------------------------------------------
 HONEYMOON NAVI
-----------------------------------------------------------*/
/* ハネムーンランキング
-----------------------------------------------------------*/
#rank_mainttl_wrapper{}

#rank_mainttl{
margin-bottom:60px;
}

@media screen and (max-width:360px) {
  #rank_mainttl{
  margin-bottom:25px;
  }
}

#rank_mainttl h2{}


#rankp_lead_wrapper{
margin-bottom:60px;
}

#rankp_lead{}

#rankp_lead h3{
margin-bottom:35px;
}

#rankp_lead p{
letter-spacing:-0.05em;
}

@media screen and (max-width:360px) {
  #rankp_lead p{
  text-align:left!important;
  }
}

/* タブメニュー ------------------------------------*/
#rank_tab{}

@media screen and (max-width:360px) {
  #rank_tab{}
}

#rank_tab ul{}

#rank_tab li{
width:50%;
font-size:143%;
font-family:"Gothic MB101 Medium", "ゴシックMB101 M", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体","YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-text-size-adjust:100%;
text-align:center;
color:#ffffff;
background-repeat:no-repeat;
background-position:left top;
}

#rank_tab li.dispOn{
height:74px;
line-height:74px;
background-image:url(./images/general/rankp/bg_tab_on.png);
}

#rank_tab li.dispOff a{
display:block;
height:74px;
line-height:74px;
color:#ffffff;
background-image:url(./images/general/rankp/bg_tab_off.png);
}

#rank_tab li.dispOff a:hover{
text-decoration:none;
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}


@media screen and (max-width:360px) {
  #rank_tab li.dispOn{
  padding-top:15px!important;
  height:30px!important;
  font-size:117%!important;
  line-height:1.0!important;
  letter-spacing:-0.1em;
  background-position:left bottom!important;
  }

  #rank_tab li.dispOff{
  font-size:117%!important;
  }
  #rank_tab li.dispOff a{
  display:block;
  padding-top:15px!important;
  height:30px!important;
  line-height:1.0!important;
  letter-spacing:-0.1em;
  background-position:left bottom!important;
  }
}



/* ランキングボックス ------------------------------------*/
.rank_unit_wrapper{
margin:0 auto 40px;
padding-top:9px;
width:960px;
}

#rankp_01.rank_unit_wrapper{
background-color:#cf090c;
}

@media screen and (max-width:360px) {
  .rank_unit_wrapper{
  margin:0 auto 40px;
  padding-top:5px;
  width:300px;
  }

  #rankp_01.rank_unit_wrapper{
  padding-top:0px;
  background-color:#ffffff;
  border-top:5px solid #cf090c;
  }
}


.rank_unit{
position:relative;
width:auto;
overflow:visible;
background-color:#ffffff;
border:1px solid #e26b6d;
}

@media screen and (max-width:360px) {
  .rank_unit{
  margin:0;
  padding:0;
  border:0px solid #ffffff;!important;
  }
}



/* フラッグ ---------------------------*/
.rnk_flag{
position:absolute;
top:-10px;
left:10px;
width:82px;
z-index:20;
}

.rnk_flag img{
width:100%;
height:auto;
}

@media screen and (max-width:360px) {
  .rnk_flag{
  position:absolute;
  top:-5px;
  left:5px;
  width:41px;
  width:50px;
  z-index:20;
  }
}

/* 第4位～第10位 ---------------------------*/
#rnk_4to10 .rnk_flag{
width:66px;
}

@media screen and (max-width:360px) {
  #rnk_4to10 .rnk_flag{
  width:41px;
  width:50px;
  }
}









/* 国名 ---------------------------*/
.rnk_ttl{
background-image:url(./images/general/rankp/bg_ttl_pc.png);
background-repeat:no-repeat;
background-position:left top;
}

@media screen and (max-width:360px) {
  .rnk_ttl{
  background-image:url(./images/general/rankp/bg_ttl_sp.png);
  background-size:100% auto;
  }
}

.rnk_ttl h4{
height:70px;
height:69px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-repeat:no-repeat;
}

@media screen and (max-width:360px) {
  .rnk_ttl h4{
  height:42px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:59px 16px;
  }
}

/* トップ3 */
.rnk_top3 .rnk_ttl h4{
background-position:110px 20px;
}

@media screen and (max-width:360px) {
  .rnk_top3 .rnk_ttl h4{
  background-position:59px 16px;
  }
}

/* 4～10位 */
#rnk_4to10_wrapper .rnk_ttl h4{
background-position:85px 22px;
}

@media screen and (max-width:360px) {
  #rnk_4to10_wrapper .rnk_ttl h4{
  background-position:59px 16px;
  }
}




/* 国別 */
#rankp_01 .rnk_ttl h4{
background-image:url(./images/general/rankp/ttl_1st_pc.png);
}
#rankp_02 .rnk_ttl h4{
background-image:url(./images/general/rankp/ttl_2nd_pc.png);
}
#rankp_03 .rnk_ttl h4{
background-image:url(./images/general/rankp/ttl_3rd_pc.png);
}
#rankp_04 .rnk_ttl h4{
background-image:url(./images/general/rankp/ttl_4th_pc.png);
}
#rankp_05 .rnk_ttl h4{
background-image:url(./images/general/rankp/ttl_5th_pc.png);
}
#rankp_06 .rnk_ttl h4{
background-image:url(./images/general/rankp/ttl_6th_pc.png);
}
#rankp_07 .rnk_ttl h4{
background-image:url(./images/general/rankp/ttl_7th_pc.png);
}
#rankp_08 .rnk_ttl h4{
background-image:url(./images/general/rankp/ttl_8th_pc.png);
}
#rankp_09 .rnk_ttl h4{
background-image:url(./images/general/rankp/ttl_9th_pc.png);
}
#rankp_10 .rnk_ttl h4{
background-image:url(./images/general/rankp/ttl_10th_pc.png);
}

#rankp_other .rnk_ttl h4{
background-image:url(./images/general/rankp/ttl_other_pc.png);
}

@media screen and (max-width:360px) {
  #rankp_01 .rnk_ttl h4{
  background-image:url(./images/general/rankp/ttl_1st_sp.png);
  background-size:auto 21px;
  }
  #rankp_02 .rnk_ttl h4{
  background-image:url(./images/general/rankp/ttl_2nd_sp.png);
  background-size:auto 24px;
  }
  #rankp_03 .rnk_ttl h4{
  background-image:url(./images/general/rankp/ttl_3rd_sp.png);
  background-size:auto 21px;
  }
  #rankp_04 .rnk_ttl h4{
  background-image:url(./images/general/rankp/ttl_4th_sp.png);
  background-size:auto 21px;
  }
  #rankp_05 .rnk_ttl h4{
  background-image:url(./images/general/rankp/ttl_5th_sp.png);
  background-size:auto 24px;
  }
  #rankp_06 .rnk_ttl h4{
  background-image:url(./images/general/rankp/ttl_6th_sp.png);
  background-position:59px 12px;
  background-size:auto 24px;
  }
  #rankp_07 .rnk_ttl h4{
  background-image:url(./images/general/rankp/ttl_7th_sp.png);
  background-size:auto 21px;
  }
  #rankp_08 .rnk_ttl h4{
  background-image:url(./images/general/rankp/ttl_8th_sp.png);
  background-size:auto 21px;
  }
  #rankp_09 .rnk_ttl h4{
  background-image:url(./images/general/rankp/ttl_9th_sp.png);
  background-size:auto 24px;
  }
  #rankp_10 .rnk_ttl h4{
  background-image:url(./images/general/rankp/ttl_10th_sp.png);
  background-size:auto 21px;
  }
  #rankp_other .rnk_ttl h4{
  background-size:auto 24px;
  }
}


/* 写真 ---------------------------*/
.rnk_ph{
/*
outline:1px solid #0000f0;
*/
}

.rnk_ph img{
width:100%;
height:auto;
}


/* キャッチ ---------------------------*/
.rnk_catch{

/*
outline:1px solid #0000f0;
*/
}

.rnk_catch h5{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-repeat:no-repeat;
background-position:left top;

/*
outline:1px solid #00f000;
*/
}

/* 国別 */
#rankp_01 .rnk_catch h5{
background-image:url(./images/general/rankp/catch_1st_pc.png);
}
#rankp_02 .rnk_catch h5{
background-image:url(./images/general/rankp/catch_2nd_pc.png);
}
#rankp_03 .rnk_catch h5{
background-image:url(./images/general/rankp/catch_3rd_pc.png);
}
#rankp_04 .rnk_catch h5{
background-image:url(./images/general/rankp/catch_4th_pc.png);
}
#rankp_05 .rnk_catch h5{
background-image:url(./images/general/rankp/catch_5th_pc.png);
}
#rankp_06 .rnk_catch h5{
background-image:url(./images/general/rankp/catch_6th_pc.png);
}
#rankp_07 .rnk_catch h5{
background-image:url(./images/general/rankp/catch_7th_pc.png);
}
#rankp_08 .rnk_catch h5{
background-image:url(./images/general/rankp/catch_8th_pc.png);
}
#rankp_09 .rnk_catch h5{
background-image:url(./images/general/rankp/catch_9th_pc.png);
}
#rankp_10 .rnk_catch h5{
background-image:url(./images/general/rankp/catch_10th_pc.png);
}

@media screen and (max-width:360px) {
  #rankp_01 .rnk_catch h5{
  background-image:url(./images/general/rankp/catch_1st_sp.png);
  background-size:auto 50px;
  background-size:auto 45px;
  }
  #rankp_02 .rnk_catch h5{
  background-image:url(./images/general/rankp/catch_2nd_sp.png);
  background-size:auto 50px;
  background-size:auto 45px;
  }
  #rankp_03 .rnk_catch h5{
  background-image:url(./images/general/rankp/catch_3rd_sp.png);
  background-size:auto 50px;
  background-size:auto 45px;
  }


  #rankp_04 .rnk_catch h5{
  background-image:url(./images/general/rankp/catch_4th_sp.png);
  background-size:auto 45px;
  }
  #rankp_05 .rnk_catch h5{
  background-image:url(./images/general/rankp/catch_5th_sp.png);
  background-size:auto 45px;
  }
  #rankp_06 .rnk_catch h5{
  background-image:url(./images/general/rankp/catch_6th_sp.png);
  background-size:auto 45px;
  }
  #rankp_07 .rnk_catch h5{
  background-image:url(./images/general/rankp/catch_7th_sp.png);
  background-size:auto 45px;
  }
  #rankp_08 .rnk_catch h5{
  background-image:url(./images/general/rankp/catch_8th_sp.png);
  background-size:auto 45px;
  }
  #rankp_09 .rnk_catch h5{
  background-image:url(./images/general/rankp/catch_9th_sp.png);
  background-size:auto 45px;
  }
  #rankp_10 .rnk_catch h5{
  background-image:url(./images/general/rankp/catch_10th_sp.png);
  background-size:auto 45px;
  }



}


/* 円グラフ ---------------------------*/
.rnk_piechart_wrapper{}

.rnk_piechart{
}

.rnk_piechart img{
width:100%;
height:auto;
}


/* 紹介文 ---------------------------*/
.rnk_body{}



/* キーワード ---------------------------*/
.rnk_keywords{
background-color:#f2f2f2;
background-image:url(./images/general/rankp/bg_keyword_pc.png);
background-repeat:no-repeat;
background-position:25px 15px;
border-radius:5px;
}

@media screen and (max-width:360px) {
  .rnk_keywords{
  background-position:17px 13px;
  background-size:10px auto;
  }
}


/* Read More ---------------------------*/
.rnk_readmore{}

.rnk_readmore a{
display:block;
height:25px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-image:url(./images/general/rankp/bg_readmore_pc.png);
background-repeat:no-repeat;
background-position:right top;
border-top:1px solid #e26b6d;
}

@media screen and (max-width:360px) {
  .rnk_readmore a{
  margin:0 auto;
  width:158px;
  height:33px;
  background-image:url(./images/general/rankp/bg_readmore_sp.png);
  background-position:right bottom;
  background-size:auto 33px;
  border:1px solid #e26b6d;
  }
}


/* 第1位～第3位 ---------------------------*/
.rnk_top3{}

.rnkdetail_box{
position:relative;
}

/* PCで静的写真を非表示 */
.rnk_top3 .rnk_ph{
display:none;
}
@media screen and (max-width:360px) {
  .rnk_top3 .rnk_ph{
  display:block;
  }
}

/* スライダー: スマホで非表示 */
.rnk_slider_wrapper{
border-bottom:2px solid #e26b6d;
}
@media screen and (max-width:360px) {
  .rnk_slider_wrapper{
  display:none;
  }
}

.rnk_slider{
float:right;
}

/* 円グラフ */
.rnk_top3 .rnk_piechart_wrapper{
position:absolute;
top:0px;
left:1px;
width:358px;
height:349px;
background-image:url(./images/general/rankp/bg_piechart.gif);
background-repeat:repeat;
background-position:left top;
}

.rnk_top3 .rnk_piechart{
margin:0 auto;
padding-top:66px;
width:290px;
}

@media screen and (max-width:360px) {
  .rnk_top3 .rnk_piechart_wrapper{
  position:relative;
  top:0px;
  left:0px;
  width:auto;
  height:auto;
  background-image:none;
  }

  .rnk_top3 .rnk_piechart{
  margin:0 auto 20px;
  padding-top:0;
  width:208px;
  }
}


/* キャッチ ---------------------------*/
.rnk_top3 .rnk_catch{}

.rnk_top3 .rnk_catch h5{
height:70px;
background-position:40px 24px;
}

@media screen and (max-width:360px) {
  .rnk_top3 .rnk_catch h5{
  height:75px;
  background-position:left 11px;
  }
}


/* 紹介文 ---------------------------*/
.rnk_top3 .rnk_body{
margin:0 40px 20px;
}

@media screen and (max-width:360px) {
  .rnk_top3 .rnk_body{
  margin:0 0 20px;
  }
}


/* キーワード ---------------------------*/
.rnk_top3 .rnk_keywords{
margin:0 40px 20px;
padding:12px 15px 12px 50px;
font-size:86%;
}

@media screen and (max-width:360px) {
  .rnk_top3 .rnk_keywords{
  margin:0 0 20px;
  padding:10px 10px 10px 35px;
  font-size:84%;
  }
}




/* 第4位～第10位 ---------------------------*/
#rnk_4to10_wrapper{
margin:0 auto 50px;
width:960px;
}

#rnk_4to10{
margin-right:-20px;
}

@media screen and (max-width:360px) {
  #rnk_4to10_wrapper{
  width:100%;
  }

  #rnk_4to10{
  margin-right:0px;
  }
}

#rnk_4to10_wrapper .rank_unit_wrapper{
float:left;
margin-right:20px;
width:470px;
}

#rnk_4to10_wrapper .rank_unit{
width:auto;
}

@media screen and (max-width:360px) {
  #rnk_4to10_wrapper .rank_unit_wrapper{
  float:none;
  margin:0 auto 40px;
  padding-top:5px;
  width:300px;
  }

  #rnk_4to10_wrapper .rank_unit{
  margin:0;
  padding:0;
  border:0px;
  }
}


/* 国名 ---------------------------*/
#rnk_4to10_wrapper .rnk_ttl{
background-image:url(./images/general/rankp/bg_ttl_sp.png);
background-repeat:no-repeat;
background-position:left top;
background-size:100% auto;
}

/* 円グラフ */
#rnk_4to10_wrapper .rnk_piechart_wrapper{
float:left;
margin-bottom:30px;
width:298px;
}

#rnk_4to10_wrapper .rnk_piechart{
margin:0 auto;
padding-top:20px;
width:250px;
}

@media screen and (max-width:360px) {
  #rnk_4to10_wrapper .rnk_piechart_wrapper{
  float:none;
  width:auto;
  }

  #rnk_4to10_wrapper .rnk_piechart{
  margin:0 auto 20px;
  padding-top:0;
  width:208px;
  }
}



/* キャッチ ---------------------------*/
#rnk_4to10_wrapper .rnk_catch{
float:right;
margin:0 10px 0 auto;
padding-top:20px;
width:160px;
height:65px;
}

#rnk_4to10_wrapper .rnk_catch h5{
height:41px;
}

@media screen and (max-width:360px) {
  #rnk_4to10_wrapper .rnk_catch{
  float:none;
  margin:0;
  padding:0;
  width:100%;
  height:auto;
  height:75px;
  }

  #rnk_4to10_wrapper .rnk_catch h5{
  height:75px;
  background-position:left 11px;
  }
}





/* 紹介文 ---------------------------*/
#rnk_4to10_wrapper .rnk_body{
float:right;
margin:0 10px 30px auto;
width:160px;
font-size:86%;
}

@media screen and (max-width:360px) {
  #rnk_4to10_wrapper .rnk_body{
  float:none;
  margin:0 0 20px;
  width:auto;
  font-size:100%;
  }
}

@media screen and (max-width:360px) {
  .rnk_top3 .rnk_body{
  margin:0 0 20px;
  }
}


/* キーワード ---------------------------*/
#rnk_4to10_wrapper .rnk_keywords{
clear:both;
margin:0 10px 10px;
padding:12px 15px 12px 50px;
font-size:79%;
}

@media screen and (max-width:360px) {
  #rnk_4to10_wrapper .rnk_keywords{
  margin:0 0 20px;
  padding:10px 10px 10px 35px;
  font-size:84%;
  }
}


/* その他のエリア ---------------------------*/
#rankp_other{}

#rankp_other .rnk_ttl h4{
background-position:22px 20px;
}

@media screen and (max-width:360px) {
  #rankp_other .rnk_ttl h4{
  background-position:20px 12px;
  }
}

.rnk_other_unit{
border-bottom:1px solid #e26b6d;
}
.rnk_other_unit:last-child{
border-bottom:0px;
}

@media screen and (max-width:360px) {
  .rnk_other_unit:last-child{
  border-bottom:1px solid #e26b6d;
  }
}

.rnk_other_ph{
float:left;
width:257px;
height:217px;
}

.rnk_other_ph img{
width:100%;
height:auto;
}

@media screen and (max-width:360px) {
  .rnk_other_ph{
  width:55%;
  height:139px;
  }
}

.rnk_other_detail{
position:relative;
float:right;
width:211px;
height:217px;
}

@media screen and (max-width:360px) {
  .rnk_other_detail{
  position:relative;
  float:right;
  width:45%;
  height:139px;
  }
}


#rnk_other03 .rnk_other_ph,
#rnk_other03 .rnk_other_detail{
height:216px;
}

@media screen and (max-width:360px) {
  #rnk_other03 .rnk_other_ph,
  #rnk_other03 .rnk_other_detail{
  height:138px;
  }
}

.rnk_other_detail .ttl_rnk_other_detail{}

.rnk_other_detail .ttl_rnk_other_detail h5{
padding:25px 0 12px 35px;
}

.rnk_other_body{
padding:0 10px 0 35px;
font-size:86%;
}

@media screen and (max-width:360px) {
  .rnk_other_detail .ttl_rnk_other_detail h5{
  padding:8px 0 0 8px;
  
  }

  .rnk_other_detail .ttl_rnk_other_detail h5 img{
  width:auto;
  height:18px;
  }

  .rnk_other_body{
  padding:5px 5px 0 8px;
  font-size:84%;
  }
}



.rnk_other_unit .rnk_readmore{
position:absolute;
bottom:0px;
left:0px;
width:100%;
}

@media screen and (max-width:360px) {
  .rnk_other_unit .rnk_readmore{
  position:absolute;
  bottom:0px;
  left:0px;
  width:auto;
  }
  .rnk_other_unit .rnk_readmore a{
  width:134px;
  border-left:0px;
  border-bottom:0px;
  }
}




























/* テーマ別ランキング
-----------------------------------------------------------*/
/* ランキングユニット */
.rankt_unit_wrapper{
margin-bottom:50px;
}

.rankt_unit{
margin:0 auto;
width:960px;
}

#rankt_01 .rankt_unit{
border-top:10px solid #cf090c;
}

@media screen and (max-width:360px) {
  .rankt_unit{
  margin:0 auto;
  width:100%;
  width:300px;
  }
}


.rankt_unit h4{
padding:18px 0;
text-align:center;
background-color:#e26b6d;
}

@media screen and (max-width:360px) {
  .rankt_unit h4{
  padding:12px 0;
  text-align:center;
  background-color:#e26b6d;
  }

  .rankt_unit h4 img{
  width:auto;
  height:16px;
  }
}


/* ランキングボックス -------------------*/
.rankt_box_wide{
position:relative;
margin-bottom:26px;
border-bottom:2px solid #e26b6d;
}

.rankt_box_harf_wrapper{
margin-right:-20px;
}
.rankt_box_harf{
position:relative;
float:left;
margin-right:20px;
width:470px;
border-bottom:2px solid #e26b6d;
}

@media screen and (max-width:360px) {
  .rankt_box_wide{
  margin-bottom:30px;
  border-bottom:0px;
  }

  .rankt_box_harf_wrapper{
  margin-right:0;
  }
  .rankt_box_harf{
  float:none;
  margin-right:0;
  margin-bottom:30px;
  width:300px;
  border-bottom:0px;
  }
}


/* フラッグ */
.rankt_box_wide .flag_rankt{
position:absolute;
top:-10px;
left:10px;
}

.rankt_box_harf .flag_rankt{
position:absolute;
top:-8px;
left:10px;
}

@media screen and (max-width:360px) {
  .rankt_box_wide .flag_rankt{
  position:absolute;
  top:-5px;
  left:5px;
  width:46px;
  height:auto;
  }

  .rankt_box_harf .flag_rankt{
  position:absolute;
  top:-5px;
  left:5px;
  width:46px;
  height:auto;
  }
}


/* 国名 */
.rankt_box_wide h5{
padding:20px 0 0 115px;
padding:18px 0 0 113px;
height:50px;
background-image:url(./images/general/rankt/bg_ttl_rankt.png);
background-repeat:no-repeat;
background-position:right top;
}

.rankt_box_harf h5{
padding:20px 0 0 85px;
padding:18px 0 0 82px;
height:50px;
background-image:url(./images/general/rankt/bg_ttl_rankt.png);
background-repeat:no-repeat;
background-position:right top;
}

@media screen and (max-width:360px) {
  .rankt_box_wide h5{
  padding:15px 0 0 55px;
  height:35px;
  background-size:auto 100%;
  }
  .rankt_box_wide h5 img{
  width:auto;
  height:20px;
  height:24px;
  }

  .rankt_box_harf h5{
  padding:15px 0 0 55px;
  height:35px;
  background-size:auto 100%;
  }
  .rankt_box_harf h5 img{
  width:auto;
  height:20px;
  height:24px;
  }
}


/* ボディ */
.body_rankt_wrapper{
display:table;
}

@media screen and (max-width:360px) {
  .body_rankt_wrapper{
  display:block;
  }
}


/* 写真 */
.ph_rankt{
display:table-cell;
}

.rankt_box_harf .ph_rankt{
border-bottom:1px solid #e26b6d;
}

@media screen and (max-width:360px) {
  .ph_rankt{
  display:block;
  margin-bottom:10px;
  text-align:center;
  }

  .rankt_box_harf .ph_rankt{
  border-bottom:0px;
  }
}


/* 写真幅 */
.rankt_box_wide .ph_rankt img{
width:570px;
height:auto;
}

.rankt_box_harf .ph_rankt img{
width:280px;
height:auto;
}

@media screen and (max-width:360px) {
  .rankt_box_wide .ph_rankt img{
  width:100%;
  width:auto;
  height:auto;
  }

  .rankt_box_harf .ph_rankt{
  height:184px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:left top;
  background-size:100% auto;
  }

  /* 個別 */
  #rankt_01_02 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt01_02sp.jpg);
  }
  #rankt_01_03 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt01_03sp.jpg);
  }
  #rankt_02_02 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt02_02sp.jpg);
  }
  #rankt_02_03 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt02_03sp.jpg);
  }
  #rankt_03_02 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt03_02sp.jpg);
  }
  #rankt_03_03 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt03_03sp.jpg);
  }
  #rankt_04_02 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt04_02sp.jpg);
  }
  #rankt_04_03 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt04_03sp.jpg);
  }
  #rankt_05_02 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt05_02sp.jpg);
  }
  #rankt_05_03 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt05_03sp.jpg);
  }
  #rankt_06_02 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt06_02sp.jpg);
  }
  #rankt_06_03 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt06_03sp.jpg);
  }
  #rankt_07_02 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt07_02sp.jpg);
  }
  #rankt_07_03 .ph_rankt{
  background-image:url(./images/general/rankt/ph_rankt07_03sp.jpg);
  }
}


/* 解説 */
.body_rankt{
position:relative;
display:table-cell;
vertical-align:middle;
}

@media screen and (max-width:360px) {
  .body_rankt{
  display:block;
  }
}


/* 解説枠パディング */
.rankt_box_wide .body_rankt_inner{
padding:0 40px;
}

.rankt_box_harf .body_rankt_inner{
padding:0 0 0 16px;
}

@media screen and (max-width:360px) {
  .rankt_box_wide .body_rankt_inner{
  padding:0 40px;
  padding:0;
  }

  .rankt_box_harf .body_rankt_inner{
  padding:0 0 0 16px;
  padding:0;
  }
}


/* 解説見出し */
.rankt_box_wide .body_rankt h6{
margin-bottom:20px;
}

.rankt_box_harf .body_rankt h6{
margin-bottom:20px;
}

@media screen and (max-width:360px) {
  .rankt_box_wide .body_rankt h6{
  margin-bottom:10px;
  }

  .rankt_box_harf .body_rankt h6{
  margin-bottom:10px;
  }

  .rankt_box_wide .body_rankt h6,
  .rankt_box_harf .body_rankt h6{
  height:20px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:left top;
  background-size:auto 18px;
  }

  /* 個別 */
  #rankt_01_01 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt01_01sp.png);
  }
  #rankt_01_02 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt01_02sp.png);
  }
  #rankt_01_03 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt01_03sp.png);
  }
  #rankt_02_01 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt02_01sp.png);
  }
  #rankt_02_02 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt02_02sp.png);
  }
  #rankt_02_03 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt02_03sp.png);
  }
  #rankt_03_01 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt03_01sp.png);
  }
  #rankt_03_02 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt03_02sp.png);
  }
  #rankt_03_03 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt03_03sp.png);
  }
  #rankt_04_01 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt04_01sp.png);
  }
  #rankt_04_02 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt04_02sp.png);
  }
  #rankt_04_03 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt04_03sp.png);
  }
  #rankt_05_01 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt05_01sp.png);
  }
  #rankt_05_02 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt05_02sp.png);
  }
  #rankt_05_03 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt05_03sp.png);
  }
  #rankt_06_01 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt06_01sp.png);
  }
  #rankt_06_02 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt06_02sp.png);
  }
  #rankt_06_03 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt06_03sp.png);
  }
  #rankt_07_01 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt07_01sp.png);
  }
  #rankt_07_02 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt07_02sp.png);
  }
  #rankt_07_03 .body_rankt h6{
  background-image:url(./images/general/rankt/subttl_rankt07_03sp.png);
  }
}


/* 解説本文サイズ */
.rankt_box_wide .body_rankt p{
}

.rankt_box_harf .body_rankt p{
font-size:86%;
}

@media screen and (max-width:360px) {
  .rankt_box_wide .body_rankt p{
  margin-bottom:10px;
  }

  .rankt_box_harf .body_rankt p{
  margin-bottom:10px;
  font-size:100%;
  }
}

/* Read More */
.rnkt_readmore{
position:absolute;
bottom:0px;
left:0px;
width:100%;
}

@media screen and (max-width:360px) {
  .rnkt_readmore{
  position:relative;
  bottom:0px;
  left:0px;
  width:100%;
  }
}


.rnkt_readmore a{
display:block;
text-align:right;
border-top:1px solid #e26b6d;
}

@media screen and (max-width:360px) {
  .rnkt_readmore a{
  margin:0 auto;
  width:150px;
  height:33px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background-image:url(./images/general/rankt/bg_readmore_sp.png);
  background-repeat:no-repeat;
  background-position:right top;
  background-size:auto 33px;
  border:1px solid #e26b6d;
  }
}