@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width: 750px) {
  #wrap h2 {
    background-size: contain;
    font-size: 20px;
    margin-bottom: 1rem;
    padding: 6px 8px 10px 12px; }

  #head {
    border-bottom: 4px solid #54b0bc;
    background: #fff; }

  #head_in {
    padding: 0;
    position: relative; }

  #logo {
    float: left;
    width: 40%;
    padding: 0 2%;
    padding-top: 5px; }

  #navi {
    float: left;
    width: 52%;
    margin: 0;
    background: none;
    border-bottom: none; }

  #navi_in {
    width: 100%; }

  #navi ul {
    border-right: 1px solid #DDD;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#EEE)); }
  #navi li {
    width: 33.3%; }
    #navi li a {
      font-size: 9px;
      line-height: 1.5;
      padding: 5px 0 2px;
      height: auto; }
  #navi i {
    font-size: 18px;
    padding: 0; }

  .text-pr {
    width: 8%; }

  /* ランキング */
  .main-rank-1_in, .main-rank_in {
    padding: 2.5%;
    background: #fff1e8; }

  .rank-description p {
    font-size: 13px;
    text-align: left;
    line-height: 1.4;
    margin: 0 2% 2% 2%; }

  .rank-1 h3 {
    background: #ED6000;
    color: #FFF; }

  .main-rank {
    margin-bottom: 20px; }
    .main-rank h3 {
      font-size: 16px;
      padding: 10px 0 10px 80px;
      background: #54b0bc;
      color: #fff; }

  .main-rank-1 h3 img, .main-rank h3 img {
    top: -15px;
    left: 2%;
    width: 60px; }

  .main-rank_catch {
    margin: 0; }
    .main-rank_catch p {
      padding: 5px 2%;
      font-size: 14px;
      line-height: 1.4em;
      font-weight: bold; }

  .main-rank_banner {
    margin-bottom: 0;
    width: 35%; }

  .main-rank_spec {
    width: 62%; }
    .main-rank_spec th {
      text-align: left;
      width: 45%;
      font-size: 12px; }
    .main-rank_spec td {
      text-align: left;
      background: #fff; }

  .main-rank_point {
    background: #fff; }

  .box-point {
    padding: 2%;
    line-height: 1.4em; }
    .box-point a {
      text-align: right;
      display: block; }
    .box-point li {
      line-height: 1.4em;
      font-size: 14px;
      background: url(../img/icon/icon-check.png) left top no-repeat;
      padding-left: 23px;
      background-size: 18px;
      margin-bottom: 8px; }

  .main-rank_button {
    margin-bottom: 0; }

  /* main-cont */
  .main-cont p {
    font-size: 13px; }
  .main-cont h3 {
    background: none;
    padding: 0 0 2% 0; }

  /* main-txt */
  .main-txt h3 {
    font-size: 18px;
    line-height: 1.5;
    padding: 3% 2% 3% 3%;
    margin-bottom: 15px; }
  .main-txt h4 {
    font-size: 16px;
    padding: 2%; }

  /* main-box */
  .main-box {
    margin-bottom: 24px;
    border-top: 3px solid #FF0000;
    background: #fff;
    box-shadow: 1px 1px #ddd; }
    .main-box h3 {
      margin-bottom: 0;
      font-size: 18px;
      border-bottom: 0;
      border: 0;
      padding: 2.5%; }
    .main-box h4 {
      width: 68%;
      float: right; }

  .main-box_button {
    width: 100%;
    margin-bottom: 6%; }
    .main-box_button .button a {
      font-size: 16px; }

  .main-box_in {
    overflow: hidden;
    padding: 0 2% 2%; }

  .main-box_catch, .main-box_point {
    width: 100%; }

  .main-box_banner {
    width: 35%;
    margin-bottom: 0; }

  .main-box_spec {
    width: 63%;
    float: right;
    margin-bottom: 2%; }
    .main-box_spec th {
      width: 40%;
      text-align: left;
      font-size: 12px; }
    .main-box_spec td {
      text-align: left;
      font-size: 13px; }

  /* main-lidt */
  .main-list-type .col_2 li {
    width: 100%;
    float: none;
    display: block;
    height: 91px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    padding: 2% 0;
    position: relative; }
    .main-list-type .col_2 li img {
      width: 40%;
      float: left; }
    .main-list-type .col_2 li p {
      width: 56%;
      float: left;
      font-size: 14px;
      padding-left: 2%;
      line-height: 1.5em; }

  /*.main-search　検索関連のものに使うクラス*/
  .main-table {
    padding: 2%;
    margin: 0;
    background: #efefef; }

  .main-list-type li:after {
    content: url(../img/btn/arrow.png);
    display: block;
    position: absolute;
    top: 35%;
    right: -2%; }

  .top_cate, .main-list-type .main-list_in, .rank_box {
    padding: 2%; }

  .top_cate a:first-child img {
    margin-right: 1%; }
  .top_cate a:nth-child(2) img {
    float: right; }
  .top_cate a img {
    width: 49%;
    float: left; }

  #main .main-search {
    margin-top: 4%; }

  #footer {
    margin-top: 0;
    border-top: 2px dotted #54B0BC;
    padding-top: 4%; }

  /* reページ
  --------------------------------------------------------------------------------*/
  #main-w-re {
    padding: 10px; }

  #main-w-re-title {
    padding-bottom: 0; }

  #main-w-re h2 {
    line-height: 1.2;
    font-size: 14px; }

  #re52-select-in {
    width: 100%; }

  .re52-select .re52-select-in {
    display: block; }
  .re52-select .re52-select-promisewoman, .re52-select .re52-select-promise {
    width: 100%;
    float: none;
    padding: 2px 0 5px; } }

/*# sourceMappingURL=design-m.css.map */