@charset "utf-8";

@media only screen and (max-width: 767px) {
  body {
    min-width: 0;
  }
}

/* レイアウト */
@media only screen and (max-width: 991px) {
  #header {
    height: 56px;
    width: 100%;
    min-width: 0;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 100;
    margin: 0;
  }

  #header_inner {
    height: auto;
    width: 100%;
    height: 56px;
    margin: 0;
    position: relative;
  }

  .home #header_inner {
    height: 56px;
  }

  .mobile .mobile_header_fix #header {
    position: fixed;
  }

  .home #header {
    position: absolute;
    background: #262e31;
  }

  #left_col {
    width: auto;
    float: none;
    padding: 0 0 30px 0;
  }

  #side_col {
    width: auto;
    float: none;
    padding: 0 0 10px 0;
  }
}

@media only screen and (max-width: 767px) {
  #main_contents {
    width: auto;
    margin: 0 auto;
    padding: 0;
  }

  .mobile_header_fix #main_contents {
    padding-top: 56px;
  }

  .home.mobile_header_fix #main_contents {
    padding-top: 0px;
  }

  #main_col {
    width: auto;
    margin: 20px auto 20px;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .page-template-page-noside #main_col,
  .page-template-page-noside-notitle #main_col,
  .error404 #main_col {
    width: auto;
    float: none;
    margin: 0 auto;
  }

  .page #main_col {
    margin-top: 15px;
    padding-top: 15px;
  }
}



/* ----------------------------------------------------------------------
トップページ
---------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .home #top {
    min-width: 0;
  }
}

/* スライダー */
@media only screen and (max-width: 767px) {
  #header_slider {
    min-width: 0;
  }

  #header_slider .image {
    display: none;
  }

  #header_slider {
    min-width: 0;
    height: 550px;
  }

  #header_slider .item {
    height: 550px;
  }

  #header_slider .item img {
    display: none;
  }

  #header_slider .owl-dots {
    bottom: 20px;
  }
}

@media screen and (max-width:767px) {
  #header_slider {
    height: 450px;
  }

  #header_slider .item {
    height: 450px;
  }

  #header_slider .item img {
    display: none;
  }
}

/* スライダーのキャッチコピー */
@media only screen and (max-width:767px) {

  #header_slider .caption,
  #header_video .caption,
  #header_youtube .caption {
    width: 100%;
    padding: 0 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #header_slider .caption .title,
  #header_video .caption .title,
  #header_youtube .caption .title {
    font-size: 30px !important;
    line-height: 1.13;
    margin-bottom: 10.3px;
  }

  #header_slider .caption .desc,
  #header_video .caption .desc,
  #header_youtube .caption .desc {
    font-size: 16px !important;
    line-height: 1.5;
  }

  #header_slider .caption .button,
  #header_video .caption .button,
  #header_youtube .caption .button {
    margin-top: 5px;
    padding: 0 30px;
    height: 45px;
    line-height: 45px;
  }
}


/* 動画 */
@media only screen and (max-width: 767px) {
  #header_video {
    min-width: 0;
  }
}


/* Youtube 動画 */
@media only screen and (max-width: 767px) {
  #header_youtube {
    min-width: 0;
  }
}


/* コンテンツビルダー */
@media screen and (max-width:767px) {
  .box-sizer {
    width: 100%;
  }

  .box_list .box {
    width: 100%;
  }

  .box_list .box2 {
    width: 100%;
  }

  .box_list .box:before {
    display: none;
  }

  .box_list .box2:before {
    display: none;
  }

  .box_list .box_inner {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .box_list .box_inner .content {
    padding: 30px;
    position: relative;
    top: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  .index_recent_post .box_inner .content {
    padding: 100px 30px 80px;
  }

  .content_box .box_inner .content {
    padding: 50px 30px;
  }

  .box_list .image_box a,
  .box_list .image_box .image_content {
    height: 500px;
    background: none;
  }

  .box_list .headline {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 12px;
  }

  .box_list .link_button a {
    font-size: 12px;
  }

  .box_list .catch {
    line-height: 1.4;
    margin-bottom: 13px;
  }
}

@media screen and (max-width:767px) {

  .box_list .image_box a,
  .box_list .image_box .image_content {
    height: 350px;
  }
}

/* ----------------------------------------------------------------------
 制作実績一覧
---------------------------------------------------------------------- */
.work_list {
  background-color: #fff;
}

.work_list .box {
  border: 1px solid #fff;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .work_list .box {
    width: 50%;
  }

  /*.work_list .title { -webkit-transform: translate3d(0,1px,0); transform: translate3d(0,1px,0); }*/
  .work_list .title,
  .work_list .content:hover .title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .work_list .box {
    margin-top: 0;
  }

  .work_list .title a {
    background: rgba(0, 0, 0, 0.5);
    padding: 10.8px;
  }

  .work_list .image img {
    opacity: 1;
  }

  .work_list .category a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
  }
}

@media screen and (max-width:550px) {
  .work_list .box {
    width: 50%;
  }
}

/* ソートボタン */
@media only screen and (max-width: 767px) {
  #work_sort_list {
    min-width: 0;
    height: auto;
    padding: 15px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #work_catgory_sort {
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }

  #work_catgory_sort li {
    display: inline;
    margin: 0 15px;
  }

  #work_catgory_sort li a {
    font-size: 12px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    height: 30px;
    line-height: 30px;
  }
}

/* ----------------------------------------------------------------------
 製作実績ページ
---------------------------------------------------------------------- */
/* 詳細ページ　右側 */
@media only screen and (max-width: 767px) {
  #work_side_content {
    margin: 0 0 30px 0;
  }

  #work_button {
    text-align: center;
  }
}


/* 詳細ページ　ナビゲーション */
@media only screen and (max-width: 767px) {
  #work_navigation a {
    width: calc(100% * 133 / 360);
    height: 40px;
    line-height: 40px;
    font-size: 11px;
  }

  #work_navigation a.archive_link {
    width: 35px;
    overflow: hidden;
  }

  #work_navigation a.archive_link:before {
    top: 1px;
    left: 6px;
    font-size: 24px;
  }

  #work_navigation a.prev {
    margin: 0 5px 0 0;
  }

  #work_navigation a.next {
    margin: 0 0 0 5px;
  }

  #work_navigation a.prev:before {
    top: 1px;
    left: 10px;
  }

  #work_navigation a.next:before {
    top: 1px;
    right: 10px;
  }
}

/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */
/* 見出し */
@media only screen and (max-width: 767px) {
  #page_header {
    text-align: center;
    margin: 0 0 30px 0;
    margin-bottom: 22px;
  }

  /* #page_header .headline {
    font-size: 40px !important;
  } */

  #page_header .desc {
    margin-bottom: 0;
  }
}

/* キャッチフレーズ */
@media only screen and (max-width: 767px) {
  #page_header .catch_headline {
    font-size: 20px !important;
    line-height: 1.5;
    margin-bottom: 16.6px;
    margin-top: 15.9px;
  }

  #page_header .catch_desc {
    font-size: 14px !important;
    text-align: left;
    line-height: 2.2;
  }
}


/* ブログ記事一覧 */
@media only screen and (max-width: 767px) {
  #blog_list {
    margin: 0 0 50px 0;
  }

  #blog_list li {
    width: 50%;
    margin-top: -1px;
  }

  #blog_list .title {
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }

  #blog_list .category {
    top: -1px;
  }

  #blog_list .title h4 {
    font-size: 12px;
  }

  #blog_list .title .date {
    color: #bbb;
    font-size: 11px;
  }

  #blog_list .image img {
    opacity: 1;
  }
}

@media screen and (max-width:550px) {
  #blog_list li {
    width: 100%;
  }
}


/* ページング */
@media only screen and (max-width: 767px) {
  .page_navi {
    margin: 0 0 10px 0;
  }

  .archive.category .page_navi {
    margin: 0 0 50px 0;
  }
}




/* ----------------------------------------------------------------------
 お知らせ
---------------------------------------------------------------------- */
/* アーカイブページ */
@media only screen and (max-width: 767px) {
  #news_list {
    font-size: 0;
    margin: 0 0 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #news_list li {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ddd;
    margin: 0 10px 20px 0;
    font-size: 12px;
    width: 50%;
    width: -webkit-calc(100% / 2 - 10px);
    width: -moz-calc(100% / 2 - 10px);
    width: calc(100% / 2 - 10px);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #news_list li .image {
    width: 100%;
    height: auto;
    float: none;
    background: none;
  }

  #news_list li .image img {
    opacity: 1;
  }

  #news_list li .title {
    height: auto;
    padding: 20px;
    margin: 0;
    width: 100%;
    display: block;
  }

  #news_list li .title time {
    font-size: 11px;
  }

  #news_list li .title span {
    font-size: 14px;
  }

  #news_list .title-inner {
    display: block;
  }
}

@media screen and (max-width:550px) {
  #news_list li {
    width: 100%;
    margin-right: 0;
  }
}


/* 詳細ページ */
@media only screen and (max-width: 767px) {
  #archive_news_list {
    position: relative;
  }

  #archive_news_list .headline {
    background: #000;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    margin: 40px 0 25px 0;
  }

  #archive_news_list .archive_link {
    position: absolute;
    top: 19px;
    right: 25px;
    color: #fff;
    padding: 0 25px 0 0;
  }

  #archive_news_list .archive_link:before {
    content: '';
    width: 15px;
    height: 20px;
    font-family: 'design_plus';
    color: #fff;
    font-size: 16px;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e910';
    position: absolute;
    top: 0px;
    right: 0px;
  }

  #archive_news_list li {
    border: 1px solid #ccc;
    margin: 0 0 -1px 0;
  }

  #archive_news_list li a {
    display: block;
    padding: 25px;
    text-decoration: none;
    color: #333;
  }

  #archive_news_list li a .entry-date {
    display: block;
    margin: 0 0 10px 0;
    font-size: 12px;
    color: #aaa;
  }

  #archive_news_list li a:hover {
    background-color: #f6f6f6;
  }
}



/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
/* PCのスタイルをリセット　iPadの回転対策 */
@media only screen and (max-width: 991px) {

  .pc #header_logo #logo_text,
  .pc #header_logo #logo_image {
    width: auto;
  }
}


/* メニューボタン */
@media only screen and (max-width: 991px) {
  a.menu_button {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 9;
    display: inline-block;
    font-size: 11px;
    color: #333;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-decoration: none;
  }

  a.menu_button span {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
  }

  a.menu_button:before {
    font-family: 'design_plus';
    color: #fff;
    display: block;
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 18px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  a.menu_button:before {
    content: '\f0c9';
  }

  a.menu_button:hover,
  a.menu_button.active {
    background: #333;
  }

  a.menu_button:hover:before,
  a.menu_button.active:before {
    color: #fff;
  }
}

/* グローバルメニュー */
@media only screen and (max-width: 991px) {
  #global_menu {
    display: none;
    clear: both;
    width: 100%;
    margin: 0;
    top: 56px;
    position: absolute;
    z-index: 9;
    box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1);
  }

  #global_menu ul {
    margin: 0;
  }

  #global_menu ul ul {
    display: none;
  }

  #global_menu a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0px 15px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background: #333;
    font-size: 13px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #global_menu a:hover {
    color: #fff;
  }

  #global_menu ul ul a {
    padding-left: 28px;
    background: #222;
  }

  #global_menu ul ul ul a {
    padding-left: 42px;
    background: #111;
  }

  #global_menu ul ul ul ul a {
    padding-left: 55px;
    background: #000;
  }

  #global_menu li.menu-item-has-children {
    position: relative;
  }

  #global_menu .child_menu_button {
    display: block;
    position: absolute;
    text-align: center;
    width: 60px;
    height: 49px;
    right: 0px;
    top: 1px;
    z-index: 9;
    cursor: pointer;
  }

  #global_menu .child_menu_button .icon:before {
    content: '+';
    font-size: 13px;
    color: #aaa;
    text-align: center;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #555;
    border-radius: 100%;
    position: absolute;
    left: 20px;
    top: 15px;
  }

  #global_menu .child_menu_button.active .icon:before,
  #global_menu .child_menu_button:hover .icon:before {
    color: #fff;
    border-color: #fff;
  }

  #global_menu li.menu-item-has-children.open>.child_menu_button .icon:before {
    content: '-';
  }

  #global_menu li.menu-item-has-children.open>ul {
    display: block;
  }
}

/* ロゴ */
@media only screen and (max-width: 991px) {
  #logo_text {
    margin: 0 0 0 15px;
    z-index: 10;
    float: left;
    text-align: left;
    width: -webkit-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: calc(100% - 90px);
    overflow: hidden;
  }

  #logo_text h1 {
    font-weight: normal;
    height: 56px;
    line-height: 56px;
  }

  #logo_text a {
    text-decoration: none;
    display: block;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
  }

  #logo_text a:hover {
    text-decoration: underline;
  }

  #logo_image {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #logo_image img.pc_logo_image {
    display: none;
  }

  #logo_image img.mobile_logo_image {
    display: block;
  }

  #logo_text_fixed,
  #logo_image_fixed {
    display: none;
  }
}

/* パンくずリンク */
@media only screen and (max-width: 767px) {
  #bread_crumb {
    background: #f6f6f6;
    margin: 0;
    height: auto;
    line-height: 180%;
    min-width: 0px;
    padding: 10px 20px;
  }

  #bread_crumb ul {
    width: auto;
    margin: 0 auto;
    line-height: 1.4;
  }

  #bread_crumb li {
    line-height: inherit;
  }

  #bread_crumb li.home a:before {
    top: 2px;
    left: 0px;
    height: inherit;
    line-height: inherit;
  }
}




/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */
/* 記事タイトル */
@media only screen and (max-width: 767px) {
  #post_title {
    font-size: 20px !important;
    margin-bottom: 16.7px;
  }

  #post_image {
    margin: 0 -20px 25.8px;
  }
}


/*  記事本文*/
@media only screen and (max-width: 767px) {
  .post_content {
    margin: 0;
  }

  .post_content p {
    line-height: 2.2;
  }

  .post_content td,
  .post_content th {
    padding-top: 0;
    padding-bottom: 0;
  }
}


/* SNSボタン */
@media only screen and (max-width: 767px) {
  #single_share_top {
    margin: -5px 0 10px;
  }

  #single_share_top #share_top1 {
    padding-top: 0;
  }
}


/* メタ情報 */
@media only screen and (max-width: 767px) {
  #post_meta_bottom {
    margin: 0 0 20px 0;
    background: #fafafa;
    padding: 15px;
  }

  #post_meta_bottom li {
    display: block;
    margin: 0 0 10px 0;
    border: none;
    font-size: 12px;
    line-height: 160%;
  }

  #post_meta_bottom li:last-child {
    border: none;
    margin: 0;
  }

  #post_meta_bottom li.post_category:before {
    top: 0px;
    left: 0px;
  }

  #post_meta_bottom li.post_tag:before {
    top: 2px;
    left: 0px;
  }

  #post_meta_bottom li.post_author:before {
    top: 0px;
    left: 0px;
  }

  #post_meta_bottom li.post_comment:before {
    top: 0px;
    left: 0px;
  }
}

/* 次の記事、前の記事 */
@media only screen and (max-width: 767px) {
  #previous_next_post {
    margin: 0 0 30px 0;
  }

  #previous_next_post .prev_post a {
    padding-right: 0;
    padding-left: 12.5%;
    padding-left: 10px;
  }

  #previous_next_post .next_post a {
    padding-left: 0;
    padding-right: 12.5px;
    padding-right: 10px;
  }

  #previous_next_post a {
    display: block;
    height: 52px;
    line-height: 50px;
    font-size: 12px;
  }

  #previous_next_post a {
    text-align: center;
  }

  #previous_next_post .prev_post a:before {
    left: 12.5%;
    left: 10px;
  }

  #previous_next_post .next_post a:before {
    right: 12.5%;
    right: 10px;
  }

  #previous_next_post .prev_post a:before,
  #previous_next_post .next_post a:before {
    height: 50px;
    line-height: 50px;
  }
}

/* 広告 */
@media only screen and (max-width: 767px) {
  #single_banner_area {
    margin: 0 0 15px 0;
    text-align: center;
  }

  #single_banner_area .single_banner_left {
    float: none;
    padding: 0 0 15px 0;
    margin: 0 auto;
  }

  #single_banner_area .single_banner_right {
    float: none;
    padding: 0 0 15px 0;
    margin: 0 auto;
  }

  #single_banner_area img {
    max-width: 100%;
    height: auto;
    display: inline;
  }
}

/* 広告2 */
@media only screen and (max-width: 767px) {
  #single_banner_area_bottom {
    margin: -20px 0 0;
    text-align: center;
  }

  #single_banner_area_bottom .single_banner_left {
    float: none;
    padding: 0 0 15px 0;
    margin: 0 auto;
  }

  #single_banner_area_bottom .single_banner_right {
    float: none;
    padding: 0;
    margin: 0 auto;
  }

  #single_banner_area_bottom img {
    max-width: 100%;
    height: auto;
    display: inline;
  }
}

/* 広告（ショートコードver） */
@media only screen and (max-width: 767px) {
  #single_banner_area2 {
    margin: 0 0 15px 0;
    text-align: center;
  }

  #single_banner_area2 .single_banner_left {
    float: none;
    padding: 0 0 15px 0;
    margin: 0 auto;
  }

  #single_banner_area2 .single_banner_right {
    float: none;
    padding: 0 0 5px 0;
    margin: 0 auto;
  }

  #single_banner_area2 img {
    max-width: 100%;
    height: auto;
    display: inline;
  }
}

/* 関連記事 */
@media only screen and (max-width: 767px) {
  #related_post {
    overflow: hidden;
  }

  #related_post li {
    margin-right: calc(100% * 16 / 316);
    width: calc(100% * 150 / 316);
  }

  #related_post li:nth-child(even) {
    margin-right: 0;
  }

  #related_post li .image {
    margin: 0 0 15px 0;
    display: block;
    width: 100%;
    height: auto;
  }

  #related_post li .image img {
    /* スマホではhoverが効かないためアニメーションは無効にして、height:auto;が有効になるように以下を設定する */
    width: 100% !important;
    height: auto !important;
    -webkit-transform: none !important;
    -webkit-transition-property: none !important;
    -webkit-transition: 0 !important;
    -moz-transform: none !important;
    -moz-transition-property: none !important;
    -moz-transition: 0 !important;
    -ms-transform: none !important;
    -ms-transition-property: none !important;
    -ms-transition: 0 !important;
    -o-transform: none !important;
    -o-transition-property: none !important;
    -o-transition: 0 !important;
    transform: none !important;
    transition-property: none !important;
    transition: 0 !important;
  }
}



/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  #comment_headline {
    margin: 0 0 15px 0;
  }

  #comment_area,
  #trackback_area {
    margin: 15px 0px 0;
  }
}


/* コメント・トラックバックのタブ */
@media only screen and (max-width: 767px) {
  #comment_header {
    position: relative;
    margin: 0 0 15px;
  }

  #comment_header ul {
    margin: 0;
  }

  #comment_header ul li.comment_switch_active a:after,
  #comment_header #comment_closed p:after {
    display: none;
  }
}

@media screen and (max-width:500px) {
  #comment_header ul li {
    float: none;
    text-align: center;
    margin: 0;
    width: 100%;
  }
}


/*  コメントの基本部分 */
@media only screen and (max-width: 767px) {
  .comment {
    padding: 10px 10px 0;
  }
}


/* コメントの情報部分 */
@media only screen and (max-width: 767px) {
  .comment-meta-left {
    float: left;
    width: 100%;
  }
}


/* フォーム部分 */
@media only screen and (max-width: 767px) {
  .comment_form_wrapper {
    border: 1px solid #ccc;
    margin: 0 0 25px;
    padding: 15px;
    background: #fff;
  }
}




/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
  #footer_top {
    min-width: 0;
    background: #f9f9f9;
  }

  #footer_top_inner {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  #footer_menu_widget_area,
  .no_footer_menu #footer_menu_widget_area {
    float: none;
    width: 100%;
    padding: 30px 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 767px) {
  #footer_menu_widget_area {
    display: block;
  }
}

/* 住所 */
@media only screen and (max-width: 991px) {
  #footer_address .logo img {
    margin: 0 auto;
  }

  #footer_address,
  .no_footer_menu #footer_address {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 30px 20px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/* SNSボタン */
@media only screen and (max-width: 991px) {
  #footer_social_link {
    text-align: center;
    height: 50px;
  }

  #footer_social_link li {
    display: inline-block;
    float: none;
    margin: 0 5px 0 0;
    position: relative;
  }

  #footer_social_link li:before {
    color: #333;
  }
}

/* メニュー */
@media only screen and (max-width: 991px) {
  #footer_menu {
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
    float: none;
    width: 100%;
    font-size: 0;
  }

  #footer_menu.has_two_menu .footer_menu {
    width: 45%;
    margin: 0 20px 0 0;
  }

  #footer_menu.has_two_menu .footer_menu:last-child {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  #footer_menu {
    border-bottom: 1px solid #ccc;
  }
}


/* ウィジェット */
@media only screen and (max-width: 991px) {
  #footer_left_widget {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
  }

  #footer_right_widget {
    float: none;
    width: 100%;
  }

  .no_footer_menu #footer_left_widget {
    float: none;
    width: 100%;
  }

  .footer_headline {
    font-size: 16px;
    margin-bottom: 14px;
  }
}

/* フッター下部 */
@media only screen and (max-width: 991px) {
  #footer_bottom {
    width: 100%;
    min-width: 0;
    height: auto;
  }

  #footer_bottom_inner {
    width: 100%;
    margin: 0 auto;
    height: auto;
    position: relative;
    background: #f9f9f9;
  }
}


/* フッター下部のメニュー */
@media only screen and (max-width: 767px) {
  #footer_menu_bottom {
    float: none;
    margin: 0;
    text-align: center;
  }

  #footer_menu_bottom li {
    float: none;
    display: inline;
    font-size: 12px;
    margin: 0;
    padding: 0;
    border-right: 1px solid #ccc;
  }

  #footer_menu_bottom li:last-child {
    border: none;
    margin: 0;
  }

  #footer_menu_bottom li a {
    display: inline-block;
    color: #333;
    padding: 10px;
  }
}

/* コピーライト */
@media only screen and (max-width: 991px) {
  #copyright {
    background: #262e31;
    height: 60px;
    line-height: 60px;
    font-size: 10px !important;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #copyright a {
    color: #fff;
  }
}

/* ページ上部へ戻るボタン */
@media only screen and (max-width: 991px) {
  #return_top {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 999;
    -webkit-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, 120%, 0);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
  }

  #return_top.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  #return_top a {
    position: relative;
    display: block;
    height: 60px;
    width: 60px;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.5);
  }

  #return_top span {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
  }

  #return_top a:before {
    font-family: 'design_plus';
    color: #fff;
    font-size: 18px;
    display: block;
    position: absolute;
    width: 23px;
    height: 23px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #return_top a:before {
    content: '\e911';
    top: 22px;
    left: 21px;
  }
}

/* 固定フッターが有効時、モバイルデバイス調整用 */
@media only screen and (max-width: 767px) {
  body.mobile_device {
    padding-bottom: 65px;
  }

  body.mobile_device #return_top.active {
    -webkit-transform: translate3d(0, -65px, 0);
    transform: translate3d(0, -65px, 0);
  }
}



/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 基本設定 */
@media only screen and (max-width: 767px) {
  .side_widget {
    margin: 0 0 30px 0;
    font-size: 12px;
    position: relative;
  }

  .side_widget:last-child,
  .side_widget:only-child {
    margin: 0;
  }

  .side_widget .styled_post_list1 li {
    border-bottom: none;
    margin-bottom: 16px;
    padding-bottom: 0;
  }

  .side_widget .styled_post_list1 li:last-child {
    margin-bottom: 0;
  }

  .side_widget .styled_post_list1 .date {
    font-size: 10px;
    margin-bottom: 8.4px;
  }

  .side_widget .styled_post_list1 .title {
    font-size: 12px;
    line-height: 1.6;
  }
}


/* search */
@media only screen and (max-width: 767px) {

  .widget_search #search-box,
  .widget_search #s,
  .side_widget.google_search #s {
    width: 75%;
    height: 40px;
    margin: 0 0 5px 0;
  }

  .widget_search #search-btn input,
  .widget_search #searchsubmit,
  .side_widget.google_search #searchsubmit {
    width: 25%;
  }
}


/* プロジェクト */
@media only screen and (max-width: 991px) {
  .work_list_widget li {
    width: 80px;
    height: 80px;
    margin: 0 5px 5px 0;
  }
}

@media only screen and (max-width: 767px) {
  #work_title {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 19.2px;
  }

  #work_side_content .category a {
    margin-bottom: 27.4px;
  }

  .work_list_widget li,
  .footer_widget .work_list_widget li {
    margin: 0 2% 2% 0;
    width: 32%;
    height: 32%;
  }

  .work_list_widget .image {
    width: 100% !important;
    height: auto !important;
  }

  .work_list_widget .image img {
    /* スマホではhoverが効かないためアニメーションは無効にして、height:auto;が有効になるように以下を設定する */
    width: 100% !important;
    height: auto !important;
    -webkit-transform: none !important;
    -webkit-transition-property: none !important;
    -webkit-transition: 0 !important;
    -moz-transform: none !important;
    -moz-transition-property: none !important;
    -moz-transition: 0 !important;
    -ms-transform: none !important;
    -ms-transition-property: none !important;
    -ms-transition: 0 !important;
    -o-transform: none !important;
    -o-transition-property: none !important;
    -o-transition: 0 !important;
    transform: none !important;
    transition-property: none !important;
    transition: 0 !important;
  }
}