@charset "utf-8";

body {
    min-width: 0;
}

/* レイアウト */
#header {
    height: 55px;
    width: 100%;
    min-width: 0;
    background: #fff;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 100;
    border-bottom: 1px solid #ccc;
    /* box-shadow:0 1px 4px 0 rgba(0,0,0,0.2); */
    margin: 0;
}

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

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

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

.mobile .mobile_header_fix #header_slider {
    margin-top: 56px;
}

.mobile .home.mobile_header_fix #main_contents {
    margin-top: 0;
}

#main_contents {
    width: auto;
    margin: 0 auto;
    padding: 0;
}

#main_col {
    width: auto;
    margin: 0;
    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;
}

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

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

.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;
}




/* ----------------------------------------------------------------------
トップページ
---------------------------------------------------------------------- */
/* スライダー */
#header_slider {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 0;
    margin: 0 0 0 0;
}

#header_slider .item {
    width: 100%;
    height: auto;
    min-width: 0;
    overflow: hidden;
}

#header_slider .item img {
    width: 100%;
    height: auto;
}

#header_slider .caption {
    width: 100%;
    padding: 0 20px;
    top: 50%;
}

#header_slider .caption .title {
    line-height: 150%;
    font-size: 20px !important;
}

#header_slider .caption .button {
    font-size: 14px;
    text-decoration: none;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin: 20px 0 0 0;
}

@media screen and (max-width:500px) {
    #header_slider .item img {
        width: 100%;
        height: auto;
    }
}

@media screen and (orientation: landscape) {
    #header_slider .caption .title {
        font-size: 24px !important;
    }

    #header_slider .caption .button {
        font-size: 16px;
    }
}


/* ヘッダーコンテンツ */
#header_content {
    width: 100%;
    margin: 0;
    padding: 0;
}

.mobile_header_fix #header_content {
    margin: 55px 0 30px;
}

#header_content .item {
    float: left;
    width: 50%;
    height: 400px;
}

#header_content img {
    width: 100%;
}

#header_content .image:before {
    width: 100%;
    height: 400px;
}

#header_content .catch {
    width: 100%;
    padding: 0 20px;
    bottom: auto;
    bottom: 50px;
}

#header_content .desc {
    width: 100%;
    padding: 0 20px;
    font-size: 13px !important;
}

@media screen and (max-width:400px) {
    #header_content .item {
        height: 300px;
    }

    #header_content .catch {
        padding: 0 15px;
        bottom: auto;
        bottom: 23px;
        font-size: 15px !important;
    }

    #header_content .desc {
        padding: 0 15px;
        font-size: 11px !important;
    }
}


/* プロジェクト　コンテンツ */
#index_project {
    width: 100%;
    margin: 0;
    padding: 30px 20px 0;
}

#index_project .catchphrase {
    margin: 0 0 20px 0;
}

#index_project .catchphrase .headline {
    font-size: 28px !important;
    line-height: 1.5;
    margin: 0 0 20px 0;
}

#index_project .catchphrase .desc {
    font-size: 14px !important;
    text-align: left;
    margin-bottom: 0;
}


/* プロジェクトリスト */
#project_list li {
    width: 33%;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
    height: auto;
}

#project_list img {
    width: 100%;
    height: auto;
}

#project_list .image:before {
    width: 100%;
    height: auto;
}

@media screen and (max-width:600px) {
    #project_list li {
        width: 50%;
        height: auto;
    }
}

/* News　コンテンツ */
#index_news {
    width: 100%;
    margin: 0;
    padding: 30px 20px 0;
}

#index_news .catchphrase {
    margin: 0 0 22px 0;
}

#index_news .catchphrase .headline {
    font-size: 26px !important;
    margin-right: 0;
    margin-bottom: 14px;
    display: block;
    vertical-align: top;
    text-align: center;
    line-height: 1.5;
}

#index_news .catchphrase .desc {
    font-size: 14px !important;
    display: block;
    vertical-align: top;
}

.index_news_list .headline {
    width: 50%;
    padding: 0;
    text-align: center;
}

.index_news_list .archive_link {
    width: 50%;
    padding: 0;
    text-align: center;
}

.index_news_list {
    width: 100%;
    margin: 0 0 30px 0;
}

.index_news_list ol a {
    display: block;
    border: 1px solid #ddd;
    padding: 12px 15px;
    height: auto;
    line-height: 160%;
}

.index_news_list ol a .entry-date {
    float: none;
    display: block;
    margin: 0;
    font-size: 12px;
}

#index_event_list {
    float: none;
}

#index_info_list {
    float: none;
}


/* ボックス　コンテンツ */
#index_box {
    min-width: 0;
}

#index_box_inner {
    width: 100%;
    margin: 0;
    padding: 0 0 30px;
}

.index_box_list li {
    float: none;
    width: 100%;
    margin: 0;
    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;
}

.index_box_list .headline {
    margin: 0 auto 21px;
}

.index_box_list .desc {
    margin: 0 0 30px 0;
    height: auto;
    overflow: auto;
}

.index_box_list .image {
    margin: 0 auto;
    text-align: center;
}

.index_box_list .image img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}


/* Blog　コンテンツ */
#index_blog .catchphrase {
    margin-bottom: 22px;
}

#index_blog_image,
.bnr-chara {
    width: 100%;
    margin: 0;
    padding: 30px 20px 0;
}

#index_blog_image img,
.bnr-chara img {
    max-width: 100%;
    height: auto;
}

#index_blog {
    width: 100%;
    margin: 0;
    padding: 30px 20px 10px;
}

#index_blog .catchphrase .headline {
    font-size: 26px !important;
    margin-right: 0;
    margin-bottom: 16px;
    display: block;
    vertical-align: top;
    text-align: center;
    line-height: 1.5;
}

#index_blog .catchphrase .desc {
    font-size: 14px !important;
    margin: 0;
    display: block;
    vertical-align: top;
}

#index_blog .index_blog_link {
    margin: 20px auto 0;
    position: relative;
    right: 0;
    top: 0;
}

#blog_list li,
#blog_list li:nth-child(3n) {
    width: 50%;
    margin: 0 0 10px 0;
}

#blog_list .image {
    width: 100%;
    height: auto;
}

#blog_list .image img {
    width: 100%;
    height: auto;
}

#blog_list .info {
    padding: 15px;
}

#blog_list .title {
    min-height: 0;
    font-size: 13px;
}

#blog_list .category {
    margin-top: 0;
}

#blog_list .category a {
    font-size: 11px;
    padding: 0 15px;
    margin: 13px 0 0 0;
    height: 27px;
    line-height: 27px;
    font-size: 10px;
}

#blog_list .date {
    font-size: 11px;
    width: 100px;
    height: 25px;
    line-height: 25px;
}

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

    #blog_list li,
    #blog_list li:nth-child(3n) {
        width: 100%;
        margin: 0 0 10px 0;
    }
}


/* ページナビ */
.page_navi {
    margin: 30px 0 0 0;
}




/* ----------------------------------------------------------------------
 プロジェクトページ
---------------------------------------------------------------------- */
/* アーカイブページ */
#archive_catchphrase {
    margin: 0 0 30px 0;
}

#archive_catchphrase .headline {
    font-size: 28px !important;
    line-height: 1.5;
    margin: 0 0 20px 0;
}

#archive_catchphrase .desc {
    font-size: 14px !important;
    margin: 0 0 20px 0;
    text-align: left;
}


/* ソートボタンと記事一覧 */
#project_catgory_sort {
    margin: 0 0 40px 0;
}

#project_catgory_sort li {
    float: left;
    width: 33%;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
}

/* #project_catgory_sort li:nth-child(3n), #project_catgory_sort li:last-child { border-right:1px solid #ccc; } */
@media screen and (max-width:600px) {
    #project_catgory_sort li {
        width: 50%;
        width: -webkit-calc(50%);
        width: -moz-calc(50%);
        width: calc(50%);
    }

    /*   #project_catgory_sort li:nth-child(2n), #project_catgory_sort li:last-child { border-right:1px solid #ccc; } */
}



/* 詳細ページ */
#project_side_content {
    margin-top: 56px;
    padding: 10px 20px 0;
}

#project_side_content h3 {
    margin: -35px -20px 26px;
}

#project_side_content h4 {
    font-size: 16px;
    line-height: 1.4;
}

#project_catch {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 3px;
}

#project_side_content .post_content table {
    margin-bottom: 27px;
}

#project_side_content .post_content {
    margin-top: 20px;
}

#project_side_content .post_content p {
    font-size: 12px;
    line-height: 2.2;
    margin-bottom: 15px;
}

#project_side_content .post_content td {
    font-size: 12px;
}

#project_related {
    padding: 30px 0 0 0;
    margin: 0 0 10px 0;
}

#project_related .headline {
    padding: 0 20px;
}




/* ----------------------------------------------------------------------
 イベント・インフォメーション
---------------------------------------------------------------------- */
#archive_news_list .headline {
    padding: 0 15px;
}

#archive_news_list li a {
    padding: 15px 55px 15px 15px;
    background: #fff;
}

#archive_news_list li a:after {
    font-size: 16px;
    right: 13px;
    width: 16px;
    height: 16px;
}

#archive_news_list li a .title {
    line-height: 180%;
    font-size: 13px;
}

.archive #archive_news_list {
    margin: 0 0 30px 0;
}




/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */
/* ヘッダーのキャッチフレーズ */
#archive_header {
    margin: 0 0 30px;
}

#archive_headline {
    font-size: 28px !important;
    line-height: 1.5;
    margin: 10px 0;

    /* 2020.01.20 削除 */
    /* font-weight: 200;
    font-weight: 200; */
}

#category_desc {
    font-size: 14px !important;
    line-height: 2.2;
    margin: 10px 0 0 0;
}




/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
/* PCのスタイルをリセット　iPadの回転対策 */
.pc #header_logo #logo_text,
.pc #header_logo #logo_image {
    width: auto;
}


/* メニューボタン */
a.menu_button {
    position: absolute;
    right: 0px;
    z-index: 9;
    border-left: 1px solid #ddd;
    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: #888;
    display: block;
    position: absolute;
    top: 17px;
    left: 19px;
    font-size: 18px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    -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;
}


/* グローバルメニュー */
#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;
}


/* ロゴ */
#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: 55px;
    line-height: 56px;
}

#logo_text a,
#logo_image h1 a {
    color: #333;
    text-decoration: none;
    display: block;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}

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

#logo_image {
    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_image h1 {
    font-weight: normal;
    height: 55px;
    line-height: 56px;
}

#logo_image h1 img {
    display: none;
}

#logo_image h1 a:before {
    content: attr(data-label);
}

#logo_image_mobile {
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#logo_image_mobile a {
    display: block;
}

#logo_image_mobile a img {
    vertical-align: bottom;
}

#logo_text_fixed,
#logo_image_fixed {
    display: none;
}


/* パンくずリンク */
#bread_crumb {
    background: #f5f5f5;
    margin: 0;
    height: auto;
    line-height: 180%;
    min-width: 0px;
    padding: 10px 20px;
}

#bread_crumb ul {
    width: auto;
    margin: 0 auto;
}

#bread_crumb li.home a:before {
    top: 5px;
    left: 0px;
}




/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */
/* 記事タイトル */
#post_title {
    font-size: 21px !important;
    line-height: 1.5;
}

/* アイキャッチ画像 */
#post_image {
    margin-bottom: 30px;
}

/*  記事本文*/
.post_content {
    margin: 0;
}

.post_content p {
    line-height: 2.2;
}


/* SNSボタン */
#single_share_top {
    margin: -5px 0 10px;
}

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


/* メタ情報 */
#post_meta_top li {
    font-size: 10px;
    width: 100px;
}

#post_meta_top .date {
    height: 25px;
    line-height: 25px;
}

#post_meta_top .category {
    width: auto;
    min-width: 100px;
}

#post_meta_top .category a {
    height: 25px;
    line-height: 25px;
}

#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;
}


/* 次の記事、前の記事 */
#previous_next_post {
    margin: 0 0 30px 0;
}

#previous_next_post .prev_post,
#previous_next_post .next_post {
    float: none;
    width: 100%;
    margin-right: 0;
}


/* 広告 */
#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 */
#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） */
#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;
}


/* 関連記事 */
#related_post {
    margin: 0 -20px 30px;
}

#related_post .headline {
    padding: 0 20px;
}

#related_post ol {
    margin: 0 0 0 20px;
}

#related_post li,
#related_post li:nth-child(3n) {
    width: 50%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin: 0 20px 20px 0;
    display: inline-block;
}

#related_post li .image {
    width: 100%;
    height: auto;
}

#related_post li .title {
    font-size: 13px;
}

@media screen and (max-width:480px) {
    #related_post ol {
        margin: 0 20px;
    }

    #related_post li,
    #related_post li:nth-child(3n) {
        width: 100%;
        width: -webkit-calc(100%);
        width: -moz-calc(100%);
        width: calc(100%);
        margin: 0 0 20px 0;
        display: block;
    }
}




/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
#comment_headline {
    margin: 0 0 15px 0;
}

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


/* コメント・トラックバックのタブ */
#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%;
    }
}


/*  コメントの基本部分 */
.comment {
    padding: 10px 10px 0;
}


/* コメントの情報部分 */
.comment-meta-left {
    float: left;
    width: 100%;
}


/* フォーム部分 */
.comment_form_wrapper {
    border: 1px solid #ccc;
    margin: 0 0 25px;
    padding: 15px;
    background: #fff;
}




/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer_top {
    min-width: 0;
    margin-top: 25px;
}

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

#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;
}


/* 住所 */
#footer_address {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center;
    background: #fff;
    padding: 30px 20px 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;
}

#footer_address .image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

#footer_address .logo img {
    display: inline;
}

/* menu list */
#footer_menu {
    margin: 0;
    float: none;
    width: auto;
    font-size: 0;
}

#footer_menu.footer_menu_num2 .footer_menu,
#footer_menu.footer_menu_num2 .footer_menu:last-child,
#footer_menu.footer_menu_num3 .footer_menu,
#footer_menu.footer_menu_num3 .footer_menu:last-child,
#footer_menu.footer_menu_num4 .footer_menu,
#footer_menu.footer_menu_num4 .footer_menu:last-child {
    margin: 0 0 20px 0;
    width: 50%;
}

#footer_menu .footer_menu:nth-child(odd) {
    padding-right: 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;
}


/* ウィジェット */
#footer_widget {
    float: none;
    width: 100%;
    margin: 20px 0 10px;
}


/* メニューとコピーライトエリア */
#footer_bottom {
    background: none;
    width: 100%;
    min-width: 0;
    height: auto;
}

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


/* SNSボタン */
#footer_social_link {
    position: relative;
    top: auto;
    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;
}


/* コピーライト */
#copyright {
    background: #000;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    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;
    position: relative;
}

#copyright a {
    color: #fff;
}


/* 固定フッターが有効時、モバイルデバイス調整用 */
/*body.mobile_device { padding-bottom:125px; }
body.mobile_device #return_top { bottom:65px; }*/




/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 基本設定 */
.side_widget {
    margin: 0 0 25px 0;
    font-size: 12px;
    position: relative;
}

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


/* search */
.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%;
}


/* プロジェクト */
.project_list_widget li,
#footer_widget .project_list_widget li {
    margin: 0 5px 5px 0 !important;
    width: auto;
    height: auto;
    width: -webkit-calc(100% / 3 - 5px);
    width: -moz-calc(100% / 3 - 5px);
    width: calc(100% / 3 - 5px);
}

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

/* スマホではhoverが効かないためアニメーションは無効にして、width:100%;が有効になるように設定する */
.project_list_widget .image img {
    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;
}

/* デザインされた記事一覧１ */
.styled_post_list1 .info {
    padding-right: 10px;
}

/* MONOLITH用の pagebuilder のスタイル */
.post_content .pb_catchcopy {
    font-size: 21px !important;
    line-height: 1.5;
}

.post_content .pb-widget-editor {
    line-height: 2.2;
}