@charset "utf-8";
/* CSS Document */
@media
only screen and (max-width : 750px){
#wrap{ padding-top: 58px; }
#wrap h2{/*background: url(../img/icon/icon-type-on.png) no-repeat center left;background-position: 3.5%;background-color: #FFAE00;color: #FFF;padding-left: 45px;border-bottom: 3px solid #bf8301;font-size: 16px;margin-bottom: 0;*/line-height: 1.4;padding: 12px 20px 12px 20px;}

/* #head
--------------------------------------------------------------------------------*/
　
#head{border-bottom: 1px solid #CCC;}
#head_in{padding:0;}

/* #visual　看板画像
--------------------------------------------------------------------------------*/

#visual{padding:0; }

/* #navi
--------------------------------------------------------------------------------*/
header{ position: fixed; z-index: 5; width: 66.666666%; }
header li.anken{ }
header li.anken a{ color:#038; font-size: 13px; line-height: 56px; text-decoration: none; }
header li.anken a:hover{ background: #fff; }
#menu{border-top: 5px solid #003388; margin-bottom: 2%; border-bottom:1px solid #DDD; z-index: 1000; display: flex; background: #fff; }
#logo{width: 50%; line-height: 56px; padding: 0; border-right: 1px solid #038; }
#logo img{width: 85%; display: inline-block; vertical-align: middle; }
.navi{ height: 54px; }

/**
.g_nav {display: table; font-size: 0;width: 70%;height: 52px;table-layout: fixed; }
.g_nav li {
    display: table-cell;
    width: 19%;
    height: 50px;
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -os-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #DDD;
    background-size: 16px;
    font: 9px/16px "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1;
}
.g_nav li:hover {
  background: #038;
}
.g_nav li:hover a{ color: #fff; }
.g_nav a{display: block;color: #333;text-decoration: none;line-height: 1; font-size: 12px; }
.g_nav a .fa{ padding-right: 5px; }
.g_nav .logo a{padding: 0;}
.navi01{background-position: center 4px;}
  .navi02{background-position: center 4px;}
    .navi03{background-position: center 4px;}
      .navi04{background-position: center 4px;}
.navi01 a:hover{background:none;}
.navi02 a:hover{background:none;}
.navi03 a:hover{background:none;}
.navi04 a:hover{background:none;}
**/
#menu{ display:none; }
#menu a{ color: #038; }
.slicknav_menu { display:block; }
ul#menu li{ width: 80%; font-size: 13px; line-height: 1em; }
ul.sub-menu li{ background: #038; }




article .detail_top{ text-align: center; }
article .detail_top img{ float: none; }
article .detail_top p.text_top{ padding: 15px; margin: 10px; width: auto; }
article .detail_top .main-rank_button img{width: 100%; }

.main-txt article{ margin-bottom: 0; }
.main-txt article img{ float: none; }

.main-spec{ margin-bottom: 20px; }
.main-spec table{ width:90%; margin: 0 auto; }


/* #main
--------------------------------------------------------------------------------*/

/* main_inner */
.main_inner{padding:0;}

/* main-txt */
.main-txt p{font-size:15px; margin-bottom: 5%; }
.main-txt h3{padding: 12px 8px;font-size: 16px;}

/* main-box */
.main-box{}
.main-box_in{}
.main-box h4{width:68%;float:right;}
.main-box_catch{width:100%;}
.main-box_point{width:100%;}
.main-box_spec{width:68%;float:right;}

/*　ランキング */
.main-rank{padding-top: 0;min-height: auto;}
.main-rank h3 img{width: 46px;left: 5px;position: absolute;top: -2px;}
.main-rank_banner{width: 100%;margin-bottom: 0;}
.main-rank h3{padding: 10px 8px 10px 60px;font-size: 20px; margin-bottom: 10px; }
.rank-1 h3{background: #fdfee6;}

.main-rank_catch h4{border-bottom: 0;display: inline-block;border-right: 2px solid #0e7ac4;margin-right: 5px;padding: 0 6px;float: left;}
.main-rank_catch p{display: inline-block;margin-bottom: 0;clear: both;font-size: 11px;}
.box-point li{font-size: 12px;line-height: 1.5;}
.main-rank_in .fl-l{width: 32%;}
.top-rank .main-rank_in .fl-r{width: 62%;margin-bottom: 10px;}
.main-rank_in .fl-r td{font-size: 11px;line-height: 1;padding: 5px 3px;}
.main-rank_button{margin-top: 10px; }
.main-rank_button .detail_btn{
  background: #0e7ac4; border-top: 1px solid #1251b9; border-left: 1px solid #1251b9; border-right: 1px solid #1251b9;
  color: #fff; border-radius: 4px; font-size: 16px; line-height: 2.6em; font-weight: normal; height: 46px;  border-bottom: 4px solid #045892; text-decoration: none; width: 32%;
}
.main-rank_button .official_btn{
  background: #ff3828; border-top: 1px solid #ff3828; border-left: 1px solid #ff3828; border-right: 1px solid #ff3828;
  color: #fff; border-radius: 4px; font-size: 16px; line-height: 2.6em; font-weight: normal; height: 46px;  border-bottom: 4px solid #ae0000; text-decoration: none; text-align: center;
}
.main-rank_button img{ width: 100%; }
.box-point .fa{font-size: 15px;}
.main-rank_in .fl-r th{font-size: 10px;padding: 5px 0;font-weight: bold;width: 48%;}

.main-rank-1_in,.main-rank_in {padding: 2.5% 2.5% 1.5% 2.5%; margin-bottom: 15px; }
.rank-1{
}
.rank-1 .box-point{border: 1px solid #DDD;padding: 10px;}
.rank-2{padding-top: 0;}
.rank-3{padding-top: 0;}
.rank-2 .box-point, .rank-3 .box-point ,.box-point{border: 1px solid #DDD;padding: 10px;}
.rank-2 h3, .rank-3 h3 {}

.main-rank_research{padding: 4% 2% 2% 2%;}
.rank-description{font-size:11px;}


/* main-rank-star */
.main-rank-star{
    width: 95%;
    margin: 5px auto 0;
}
.main-rank-star dt{width: 23%;float: left;font-weight: bold;font-size: 12px;padding-top: 8px;color: #fff;padding: 2px;background-color: #0e7ac4;/* border: 1px solid #90C31F; */}
.main-rank-star span{color: #009944;font-size: 25px;float: left;width: 10%;}
.main-rank-star dd{width: 59%;float: left;margin-left: 1%;}
.main-rank-star img{width: auto;}




/* タイムカウンター */
#sokuzitu-cate .sokuzitu-time{}
#sokuzitu-cate .sokuzitu-time-count{float: none;width: 100%;font-size: 13px;padding: 5px 0;}
#sokuzitu-cate .sokuzitu-time h2{width: 100%;float: none;font-size: 13px;padding: 0 0 3px 0;}
#sokuzitu-cate .sokuzitu-time-count span{font-size: 16px;}
/* 調査結果 */
.research-section{width: 100%;float: none;margin-bottom: 15px;}
.research-section h3{margin-bottom: 5px;}
.research-box{padding: 2%;}
.research-box-back{padding: 15px 15px 0 0;}

/* main-card */
.main-card{width: 96%;margin:8px 2%;padding:3% 2%;border: 1px solid #CCC;border-bottom: #BBB 4px solid;border-radius: 3px;background: url(../img/btn/btn-top-sp01.gif) no-repeat #FFF;background-size:10%;background-position:100% 50%;}
.main-card h3{font-size:16px;margin: 0 0 6px 0;color:#2B91C8;}
.main-card h4{padding:4px;line-height: 1.4;margin: 0 0 4px 0;}
.main-card_in{width:88%;}
.main-card_in{color:#222;}
.main-card img{width:28%;float:left;}
.main-card table{width:70%;float:right;border-left:none;}
.main-card th{padding:2% 4px;width:38%;text-align: left;font-size:10px;border-right:none;}
.main-card td{padding:2% 4px;font-size:10px;border-right:none;}
.main-card .syoumei_back th{background: #ddd;}
.main-card .syoumei_back td{background: #FFF2D5; }

.main-table{padding-bottom: 15px;margin-bottom: 0;}

/*.main-search　検索関連のものに使うクラス*/
#cate-rank-kanban{margin-bottom: 5px;}
.main-search{background: #FFF;margin: 0;}
.main-search_in{padding:2%;}
.main-search_button{}
.main-search_button ul{background: #FFF;margin:0 0 10px 0;border-top: 1px solid #CCC;border-left:1px solid #CCC;padding:0;}
.main-search_button li{float:left;width:50%;line-height: 2.2;border-right: 1px solid #CCC;border-bottom:1px solid #CCC; /* padding:2%; */}
.main-search_table{}
.main-search_table h3{font-size:13px;margin: 0 0 5px 0;}
.main-search_table ul{}
.main-search_table ul{background: #FFF;margin:0 0 10px 0;padding:2%;}
.main-search_table li{float:left;width:50%;line-height: 2.2;}
.main-search_table dt{background: #FFF;padding: 2%;border:1px solid #aaa;border-radius: 5px;margin:0 0 15px 0;text-align: center;}

.main-search-list{border:1px solid #CCC;}
.main-search-list_in{padding: 4% 2.5%;}
.main-search-list h3{width:68%;float:right;margin:0 0 5px 0;}
.main-search-list_catch{width:68%;float:right;background:#EEE;margin:0 0 10px 0;}
.main-search-list_catch p{padding:10px;font-size: 12px;line-height: 1.4;}
.main-search-list_banner{width:30%;float:left;margin:0 0 5px 0;line-height: 1;}
.main-search-list_point{}
.main-search-list_spec{width:100%;margin:0 0 5px 0;}


.main-search_button ul li label{max-height: 45px;min-height: 35px;font-size: 12px;text-indent: -9999px;}
.main-search_button ul li .click{padding: 4% 2% 7% 20%;}
.main-w .main-search_button li{background: #FFF;line-height: 1.2;text-indent: -99999px;}

.check1{background: url(../img/bg/bg-search-nensyu-off.png) no-repeat;}
.list1 .click{background: url(../img/bg/bg-search-nensyu-on.png) no-repeat;}
  .check2{background: url(../img/bg/bg-search-gaishi-off.png) no-repeat;}
  .list2 .click{background: url(../img/bg/bg-search-gaishi-on.png) no-repeat;}
    .check3{background: url(../img/bg/bg-search-woman-off.png) no-repeat;}
    .list3 .click{background: url(../img/bg/bg-search-woman-on.png) no-repeat;}
      .check4{background: url(../img/bg/bg-search-it-off.png) no-repeat;}
      .list4 .click{background: url(../img/bg/bg-search-it-on.png) no-repeat;}
        .check5{background: url(../img/bg/bg-search-first-off.png) no-repeat;}
        .list5 .click{background: url(../img/bg/bg-search-first-on.png) no-repeat;}
          .check6{background: url(../img/bg/bg-search-matome-off.png) no-repeat;}
          .list6 .click{background: url(../img/bg/bg-search-matome-on.png) no-repeat;}


#test_aaa{width: 280px; height: 54px; }

/*　検索 */
.main-search_in{/* margin: 2%; */padding: 10px;background: #e3e5e4;}
.main-w .main-search_button{background: none;padding: 0;border: none;}
.main-w .main-search_button ul{margin: 0;}
.main-search h3{background: url(../img/icon/icon-search.png) no-repeat center left;background-color: #038;color: #FFF;background-position: 2.5%;padding-left: 45px;margin-bottom: 0;line-height: 48px;}
.main-search .sum_search{}
.main-search .sum-size_mid{font-size: 18px; }
.search-sub-box{overflow: hidden;background-color: #fff;padding: 10px;border: 1px solid #CCC;border-bottom: 2px solid #ccc;margin-bottom: 10px;}
.search-sub-box p{background: none;margin: 0;padding:0;}
.search-sub-txt{clear: both;float: left;width: 30%;font-size: 14px;font-weight: bold;line-height: 1.3;color: #003388;margin-top: 6px;}
.search-sub-txt span{font-size: 10px;color: #999;font-weight: normal;}
.search-sub-select{float: right;width: 70%;}
.search-sub-select select{width:100%;padding: 5px;font-size: 13px;margin-bottom: 5px;}

.main-search .accordion dt{height: auto;cursor: pointer;display: block;position: relative;font-size: 14px;background: #FFF;margin-top: 2%;padding:12px 0;text-align: center;color: #033;margin-bottom:12px;border: 2px solid #FFAE00;}
.main-search .accordion dt img{width: 20px;vertical-align: middle;}
.main-search .accordion dd{background: #FFF;border: 1px solid #CCC;padding: 8px;margin-bottom: 12px;}
.main-search .accordion li{width: 50%;float: left;}
.main-search .accordion ul{margin-bottom: 10px;}
.main-search .accordion p{color: #1BA321;font-weight: bold;font-size: 13px;background: #E8F9E9;padding:4px 8px;}

.main-search .send{background: none;padding: 0;}


/*　検索結果 */
#wrap .search-kekka h2{background: url(../img/icon/icon-search.png) no-repeat center left;background-color: #038;border-bottom: 3px solid #0e6712;color: #FFF;background-position:2.5%;padding: 16px 16px 16px 48px;margin: 0 0 8px 0;}

   .search-kekka  {background: #e3e5e4;}
   .search-kekka th{background:#F3F3F3;color: #333;}
   .search-kekka  .main-rank{padding: 3% 3% 2% 3%;border-radius: 2px;background: #FFF;border-bottom: 3px solid #9f9b8d;border-top: 4px solid #003388;}
  .search-kekka .main-rank .fl-l{width: 32%;}
  .search-kekka .main-rank .fl-r{width: 62%;}
  .search-kekka .main-rank_point{clear: both;}
  .search-kekka .main-rank h3{padding: 0;line-height: 1.2;margin-bottom: 5px;background: none;margin-top: 0;overflow: hidden;}
  .search-kekka .main-rank h3 a{text-decoration: none;}
  .search-kekka .main-rank .fl-r th{padding: 5px 0;font-size: 11px;font-weight: bold;width: 48%;font-size: 10px;}
  .search-kekka .main-rank .fl-r td{padding: 3px 0;font-size: 11px;}
  .search-kekka .main-rank .fl-r .main-rank_in{padding: 0;margin-bottom: 5px;}
  .search-kekka .main-rank_catch{padding: 0;}
  .search-kekka .main-rank_catch{width: 100%;margin: 2% 0;}
  .search-kekka .main-rank_banner{margin-bottom: 0;}
  .search-kekka .main-rank_catch p{margin-bottom: 3px;background-position:0;}

  .search-kekka .main-rank h3 img{position: static;width: auto;}
.search-kekka .main-rank h3 a{float: left;display: inline-block;}
.search-kekka .main-rank h3 .main-rank-star dt{
    width: 32%;
    margin-right: 0;
}
  .search-kekka .main-rank h3 .main-rank-star dd{
    width: 59%;
}
.search-kekka .main-rank h3 .main-rank-star{width: 100%;}


.comp-table-sp-selectbox {overflow: hidden;padding: 2%;}
.comp-table-sp-selectbox p {width: 20%;float: left;margin-top: 5px;margin: 0;margin-right: 5px;}
.comp-table-sp-selectbox select {width: 47%;float: left;height: 25px;}
.comp-table-sp-selectbox button {width: 30%;float: right;height: 25px;}


.kensuu{
    background: #FFF;
    color: #333;
    padding: 1px 6px 2px 6px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    }


/*.main-txt*/
.main-txt{margin: 0 0 2% 0;border-bottom: 1px solid #DDD;background:#FFF;}
.main-txt_in{border:none; background:#FFF; padding: 20px; }
.tit-orange{padding: 3% 3% 2% 13%;}
.main-txt .tit-orange span{font-size: 22px;}


/* 会社テーブル(銀行案件と消費者金融を含む全案件の表) */

.comp-table h2{    background: url(../img/icon/icon-search-on.png) no-repeat center left;
    background-color: #1ba321;
    border-bottom: 3px solid #0e6712;
    color: #FFF;
    background-position:2.5%;
    padding-left: 45px;}

  .comp-table {background:#f5eed8;padding: 3% 0 2%;}
  .comp-table .main-rank{padding: 3% 3% 2% 3%;border-radius: 2px;background: #FFF;border: 1px solid #bebebe;border-bottom: 3px solid #9f9b8d;border-top: 4px solid #bebebe;}
  .comp-table .main-rank .fl-l{width: 36%;}
  .comp-table .main-rank .fl-r{width: 61%;}
  .comp-table .main-rank_point{clear: both;}
  .comp-table .main-rank h3{padding: 8px !important;margin: 0 0 8px 0;}
  .comp-table .main-rank h3 a{text-decoration: none;}

  .comp-table .main-rank .fl-r th{padding: 7px 5px;font-size: 11px;font-weight: bold;background: #f3f3f3;color: #333;text-align: center;width: 40%;text-align: left;}
  .comp-table .main-rank .fl-r td{padding: 5px;font-size: 11px;text-align: left;}
  .comp-table .main-rank .fl-r .main-rank_in{padding: 0;margin-bottom: 5px;}
  .comp-table .main-rank_catch{padding: 0;}
  .comp-table .main-rank_banner{margin-bottom: 0;}
  .syoumei .comp-table .main-rank_catch p{margin-bottom: 3px;background-position: 0;padding-left: 65px;}

.comp-table-sp-selectbox {overflow: hidden;padding: 2%;}
.comp-table-sp-selectbox p {width: 20%;float: left;margin-top: 5px;margin: 0;margin-right: 5px;padding-top: 9px;font-weight: bold;}
.comp-table-sp-selectbox select {width: 47%;float: left;height: 35px;border: 1px solid #CCC;}
.comp-table-sp-selectbox button {width: 30%;float: right;height: 35px;background: #FFF;font-weight: bold;border: 1px solid #CCC;}

.main-cont-table{margin-bottom: 0;}

/* main-list */
.main-list{background: #f1f1f1;}
.main-list h3{background: url(../img/icon/icon-type-on.png) no-repeat center left;background-position:3.5%;background-color: #FFAE00;color: #FFF;padding-left: 45px;border-bottom: 3px solid #bf8301;font-size: 16px;}
.main-list .title-green{margin-bottom: 0;}
.main-list-inner{padding: 0;}
.main-list .col-4{width: 100%;float: none;padding: 3% 2% 1% 2%;background: #FFF;margin-bottom: 0;border-bottom: 1px solid #DDD;}
.main-list-sum{}
.main-list-txt{width: 82%;background: url(../img/icon/icon-arow.gif) no-repeat right center;/* background-color: #FFF; */background-position: 98%;background-size: 10px;padding-right: 7%;}

/* box */
.main-list_box{border-bottom:3px solid #F1F1F1;}
.main-list_box_in{padding:0;}
.main-list_box a{text-decoration: none;}
.main-list_box ul{padding:0 0 0 0;}
.main-list_box li{float:none;width:100%;margin:0px 16px 0px 0;border:0px solid #CCC;border-bottom: 1px solid #CCC;border-radius:0px;background: url(../img/icon/icon-arow.gif) no-repeat 95% center #FFF;}
.main-list_box li:last-child{margin-right: 0;}
.main-list_box li:hover{border-bottom: 0px solid #CCC;border-top:0px solid #B1B1B1;border-left:0px solid #B1B1B1;background:#EDDAB4;color:#2B96CC;}
.main-list_box dl{padding: 5px;width: 90%;}
.main-list_box dt{margin:0;width: 28%;float:left;}
.main-list_box dd{margin:0;width: 70%;font-size:14px;float:right;}
.main-list_box dd h4{padding:4px 0 0px 0;color:#2B96CC;line-height: 12px;}
.main-list_box dd h4:hover{color:#2B96CC;}
.main-list_box dd h5{padding:0 0 12px 0;color:#666;font-size:12px;display:none;}
.main-list_box dd p{font-size:11px;color:#666;line-height: 16px;}

/* .main-time */
.main-time{border:none;}
.main-time h2{font-size:12px;text-align: center;background:#1BA321;color:#FFF;padding:4px 0;margin:0 0 8px 0;}
.main-time ul{margin:0 0 8px 0;}
.main-time li{padding:8px 0;}
.main-time .col1 p{font-size:12px;padding:0;margin:0;}
.main-time .col1 li{margin:0;}
.main-time h3{font-size:12px;line-height:1.2;margin:0 0 8px 0;}
.main-time_count {font-size: 10px;background: #000;color: #FFF;border-radius: 3px;padding: 4px 12px 4px 12px;}
.main-time_count-time{font-size:14px;}
.main-time_button {padding: 8px;background: #F1F1F1;text-align: center;font-size: 12px;border-radius:3px;border:1px solid #CCC;}

.col1 .main-time_count {padding:4px;}

.main-card_in .main-time_box{ background: #555; color: #FFF;}


/* 転職会社一覧ページ */
#wrap .tensyoku-all h2{ text-align: center; padding:12px 0;}
.tensyoku-all .anken{ background: #fff; padding: 10px; margin-bottom: 10px; }
.tensyoku-all .anken h3{ font-size: 18px; margin-bottom: 10px; background: #e1f2fd; padding: 10px; }
.tensyoku-all .anken .main-rank_banner{ float: left; width: 40%; }
.tensyoku-all .anken .main-rank-catch{ float: left; width:56%; margin-left: 10px; }
.tensyoku-all .anken .main-rank-catch a{ text-decoration:none; }
.tensyoku-all .anken .main-rank-catch p{ font-size: 14px; color: #333; }
.tensyoku-all .anken .main-rank-catch p:first-child{ margin-bottom: 10px; color: #038; font-weight: bold; }
.tensyoku-all .anken .main-rank-catch p:first-child .fa{ margin-right: 5px; }
.tensyoku-all .anken .main-rank-star{ float: left; width:56%; margin-left: 10px; margin-bottom: 10px; }
.tensyoku-all .anken .main-rank-star dt{ width: 40%; }
.tensyoku-all .anken .main-rank-star img{ width: 100%; }




/* タイプ別 */

#cate-type {background:#f5eed8;padding: 3% 0 3% 0;}
#cate-type h3{
    font-size: 16px;
    background: url(../img/icon/icon-maru-green.png) no-repeat left center;
    background-color: #f0f0f0;
    border-bottom: 5px solid #dedede;
    padding: 15px 35px;
    background-size: 20px;
    background-position: 2%;
    margin:0;
    }
#cate-type .main-rank{padding: 3% 3% 2% 3%;border-radius: 2px;background: #FFF;border: 1px solid #bebebe;border-bottom: 3px solid #9f9b8d;border-top: 4px solid #bebebe;}
#cate-type .main-rank .fl-l{width: 35%;}
#cate-type .main-rank .fl-r{width: 62%;}
#cate-type .main-rank_point{clear: both;}
#cate-type .main-rank h3{padding: 0;border: none;margin-bottom: 5px;}
#cate-type .main-rank h3 a{text-decoration: none;}
#cate-type .main-rank .fl-r th{padding: 5px;font-size: 11px;width: 39%;text-align: left;}
#cate-type .main-rank .fl-r td{padding: 5px 4px;font-size: 11px;text-align: left;line-height: 1;}
#cate-type .main-rank .fl-r .main-rank_in{padding: 0;margin-bottom: 5px;}
#cate-type .main-rank_catch{padding: 0;}
#cate-type .main-rank_banner{margin-bottom: 0;}
#cate-type .main-rank_catch p{margin-bottom: 3px;background-position: 0;padding-left: 70px;}


.cate-description{margin: 0 0 16px 0;background:#FFF;}
.cate-description_in{padding: 4%;}
.cate-description p{padding:0 0 16px 0;font-size: 13px;line-height: 1.6;background: #FFF;border: none;}

.cate-description h3{font-size: 16px;background: url(../img/icon/icon-maru-green.png) no-repeat left center;background-color: #f0f0f0;border-bottom: 5px solid #dedede;padding: 15px 35px;background-size: 20px;background-position: 2%;}

/* reページ */
#main-w-re{padding: 0;}
#main-w-re-title h2{font-size: 18px;line-height: 1.3;}
#main-w-re-time{width: 100%;}



/* #sub
--------------------------------------------------------------------------------*/
#sub{background: #f1f1f1;}
#sub .sub-article .sub-txt{width: 82%;background: url(../img/icon/icon-arow.gif) no-repeat right center;background-color: #FFF;background-position: 100%;background-size: 10px;padding-right: 7%;}
#sub .sub-article{float: none;padding: 3% 2% 1% 2%;background: #FFF;margin-bottom: 0;border-bottom: 1px solid #DDD;}
#sub h3{background: url(../img/icon/icon-rank.png) no-repeat center left;background-color: #038;color: #FFF;background-position: 2.5%;padding: 0 0 0 48px;margin-bottom: 0;line-height: 48px;font-size: 18px;}

#sub h4{margin-bottom: 0;}



/* 記事途中のランキングバナー */
.bnr-rank{margin-bottom: 10px;width: 100%;}
.bnr-today{width:94%;}
.bnr-today p{padding: 24% 20px 16px 30px;
text-align: right;
width: 56%;font-size:24px;}

/* カウントダウン */
#countdown{
    font-weight: bold;
    font-size: 20px;
}
.count-down{margin-bottom: 5px;padding: 0;background: #DBCA7C;overflow: hidden;}
.count-down .fa{
    padding-right: 5px;
    font-size: 20px;
}
.count-down .count-down-l {float: left;width: 100%;padding: 1%;margin: 1% 1% 0 1%;}
.count-down p {line-height: 1;margin: 1% 0px;text-align: center;font-size: 14px;font-weight: bold;}
.count-down .count-down-r {background: #555;width: 100%;float: right;padding: 1%;color: #FFF;}

/*タイトルのCSS*/
.tit-tokei{background-position: 10px;background-size: 25px;}

.tit-under {
    border-bottom: 3px solid #012c75;
    background-color: #FFF;
    border-left: 0px solid #DDD;
    border-right: 0px solid #DDD;
    border-top: 1px solid #DDD;
    /* margin:0 0 16px 0; */
    line-height: 1;
}

/*　ページトップ */
.pagetop{right:0;}

/*　テキストのボタン
--------------------------------------------------------------------------*/
.txt-button a{background:#F1F1F1;border-radius: 3px;display: block;text-align: center;padding: 12px;font-size: 14px;text-decoration: none;border:1px solid #DDD;margin:0 2% 2% 2%;}


/* 各タイプ別ランキング */
.main-type-rank .col-3{
    width: 100%;
    overflow: hidden;
    margin: 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #DDD;
    padding: 3% 2% 3% 2%;
}
  .main-type-rank .col-3 img{
    width: auto;
    float: left;
    margin-right: 5px;
}
.main-type-rank .col-3 h3{
    text-align: left;
}

#footer{margin-top: 0;}


#left-box{float: none; }
.top-search .main-search{width: 100%; }
#content{width: 100%;}

.main-rank_catch{width: 95%;margin: 3%;padding: 1%;}
.main-rank .fl-r{width: 62%;float: right;margin-left: 0px; }
#sub .sub-inner{padding-bottom: 3%;}

.form dt, .form dd{width: 100%;padding-bottom: 3%;}
.form dd{border-bottom: 1px solid #eee;}
.form dd textarea{border: 1px solid #a6a6a6;width: 100%;}
.form .submit{text-align: center;background: #038;}
.form .submit input{font-size: 15px;color: #fff;}



}




}