/*

追加用CSS　SP表示

*/
@media screen and (max-width: 770px) {

dl.topics.clearfix {width: 100%;}
dl.topics dd a {display: block;}
.formatt-child {
    width: calc(90%/2);
    padding: 15px;
    margin: 5px auto;}
ul#menu-menu-2 li {
    width: calc(95%/2);
    padding: 15px 5px;
    margin: 5px auto;}
.footer-info,.footer-map {width: 100%;}
footer#footer .content {width: 100%;}
ul#menu-menu-2 li a {font-size: 15px;}
.sub-header {height: 150px;}
.sub-header h2 {
    font-size: 2em!important;
    width: fit-content;}
section.blog {width: 100%;}
.blog-content {width: 100%;}
.side-content {
    width: 100%;
    padding: 15px;}
.blog-img-box a {
    width: calc(95%/3);
    margin: 5px auto;}
.pager li {font-size: 14px;}
dl.recruit-box.category01,
dl.recruit-box.category02,
dl.recruit-box.category03 {
    width: 90%;
    margin: 5px auto;}
.entry-btn {width: 100%;}
/*------------------------------------------
 * 新着情報アーカイブ シングル
 * ---------------------------------------*/

  section.blog {
    width: 100%;
  }

  .blog-content {
    width: 100%;
  }

  .side-content {
    width: 100%;
    padding: 15px;
  }

  .sidebar h3 {
    font-size: 16px;
  }

  .single .content.padded.blog {
    padding-top: 0px;
  }

  #blog-category,
  .content.padded.blog {
    padding-top: 0px;
    padding-bottom: 0;
  }

  .blog-content .post {
    padding: 20px 0;
  }

  .post-title h2,
  .post-title h2 a {
    font-size: 18px;
    margin-bottom: 0;
    padding-top: 0px;
  }

  .post-meta h6,
  .post-meta a {
    font-size: 13px;
  }

  .widget_search {
    margin-top: 0;
  }

  .pager li {
    font-size: 14px;
  }

  .search .grid-4 {
    width: 100%;
    padding: 50px 15px 0 15px;
  }




}