@charset "utf-8";

body { min-width:0; }

/* レイアウト */
#global_menu_wrap {
  height:auto; min-width:0; width:100%; background:none; border-bottom:none;
}
#header { display: table; height:55px; padding:0; min-width:0; width:100%; background:#fff; position:relative; left:0px; top:0px; z-index:1; margin:0; }
#header {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}
#main_contents { width:auto; margin:0 auto; padding:0; }
#main_contents #main_col { width:auto!important; float:none!important; margin:0; padding:0 20px; overflow: hidden; }
#side_col { width:auto; float:none; padding:25px 20px; }
#side_col2 { width:auto; float:none; padding:25px 20px; }

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




/* ----------------------------------------------------------------------
 固定ページ
---------------------------------------------------------------------- */
#page_title { background:#222; color:#fff; padding:18px 15px; margin:0 -20px 15px; }
.page #article { padding-bottom:0; }
.page_content { padding-top:30px; }
.page_image img { max-width:100%; height:auto; display:block; margin:0 auto; }
.page_image2 { margin:-15px 0 0 -20px; position:relative; }
.page_image2 img { max-width:none; width: calc(100% + 20px); height:auto; display:block; margin:0 auto; }
.page_image_box { margin:0 0; padding:0px 0 0 0; }
.page_image_box .page_image { width:100%; float:none; }
.page_image_box .page_image.right { float:none; margin-top:15px; }
.page_image_box2 { margin-top:15px; }

/* ユーザープロフィール */
#profile_page_top { margin:0 0 10px; padding:15px 0 0; }
#profile_page_top .user_avatar img { display:block; border-radius:100%; margin:0 auto 45px; }
#profile_page_top .user_name { font-size:20px; text-align:center; margin:0 0 25px 0; }




/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */

/* メニューボタン */
a.menu_button {
   position:absolute; right:0px; top:0px; z-index:9;
   display:inline-block; font-size:11px; color:#333; width:55px; height:55px; 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:15px; left:15px;
  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'; text-align: center; }
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:99; 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); overflow-y: scroll; -webkit-overflow-scrolling: touch; height: 100%; /* for scroll */}
#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 { z-index:10; float:left; text-align:left; width:-webkit-calc(100% - 90px); width:-moz-calc(100% - 90px); width:calc(100% - 90px); overflow:hidden; display: flex;align-items: center;height: 100%; padding-inline: 20px;}
#logo_text h1 { font-size:18px; font-weight:normal; }
#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:19px 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 { top:0px !important; left:0px !important; font-weight:normal; margin:0; padding:0; line-height:100%; font-size:18px; }
#logo_image h1 img { display:none; }
#logo_image h1 a:before { content:attr(data-label); }
#logo_image_mobile { display: table-cell; text-align: center; vertical-align: middle; float:none; margin:0; font-size:0; font-weight:normal; }
#logo_image_mobile a { display:inline-block; height:20px; margin:0; }
#logo_image_mobile img { height:100%; width:auto; }

#site_description { display:none; }



/* パンくずリンク */
#main_contents #bread_crumb { padding:0; margin:15px 15px; width:auto; }




/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
/* 記事一覧 */
.post_list { padding:0 0 0 0; }
.post_list li { padding:0; margin:0 0 30px 0; border:none; }
.post_list .image { }
.post_list .type1 .desc { padding:30px 0 0; }
.post_list .type2 .image { width:180px; height:auto; margin:0 15px 15px 0; }
.post_list .type2 .image.image_type2 { width:180px; height:auto; }
.post_list .type2 .desc { float:none; width:auto; padding:0 0 0 15px; }
@media screen and (max-width:500px) {
  .post_list .type2 .image { float:none; width:100% !important; height:auto; margin:0 0 10px 0; }
  .post_list .type2 .desc { float:none; width:auto; padding:0; }
  .post_list .date{ margin: 0 0 10px; }
  .post_list .title a{ font-size: 16px; line-height: 160%; margin: 0 0 5px; }
}

#index_post_list li:first-child .image{ overflow: visible; margin-left: -20px; }
#index_post_list li:first-child .image img{ width: calc(100% + 20px);}
#index_post_list li:first-child .category a{ left: -20px; }

.page_navi { margin:30px 0 0 0; padding:20px 0 20px 0; text-align: center; }
.page_navi a, .page_navi a:hover, .page_navi span
 { padding:15px 17px; }
.page_navi ul{ font-size: 0; }
.page_navi li{ float: none; display: inline-block; }

/* アーカイブページの見出し、カテゴリーの説明文 */
.archive_headline { padding:13px 20px; margin:0 -20px 25px; text-align: center; font-size: 14px; }
#category_desc { padding:15px 0px 30px; margin:0; }




/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */
/* アイキャッチ画像 */
#post_image { margin:0 0 30px -20px; padding:0; /*width: calc(100% + 40px)*/; }
#post_image img { width: calc(100% + 20px); }


/* カテゴリー */
#post_meta_top .category a { top:0; left: -20px; }
#post_meta_top .date { margin:0; font-size: 13px; color: #666; }
#post_meta_top.no_image { margin:0; padding:15px 0 0 0; }


/* 記事タイトル */
#post_title { margin:10px 0; font-size: 16px; }


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


/* SNSボタン */
#single_share { margin:0 0 0px; }


/* メタ情報 */
#post_meta_bottom { margin:0 0 20px 0; background:#fff; padding:15px 0; }
#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; height:auto; }
#previous_next_post a { width:100%; height:120px; }
#previous_next_post .prev_post { float:left; border:none; padding:0 15px 0 40px; }
#previous_next_post .next_post { float:right; border-top:1px solid #eee; padding:0 40px 0 15px; }
#previous_next_post p { display:block; height:90px; overflow:hidden; font-size:12px; margin:15px 0 0 0; }
#previous_next_post img { width:90px; height:90px; float:left; margin:0 20px 0 0; }
#previous_next_post .next_post img { float:right; margin:0 0 0 20px;}
#previous_next_post .title { display:block; font-size:11px;  margin:15px 0 0 0; height:60px; overflow:hidden; }
#previous_next_post .prev_post:before { top:52px; left:5px; }
#previous_next_post .next_post:before { top:52px; right:5px; }*/
/* 次の記事、前の記事リンク */
/*#previous_next_post { display: flex; margin: 0 auto 30px; border: none; height:60px; }
#previous_next_post .prev_post:before, #previous_next_post .next_post:before { content: none; }
#previous_next_post .prev_post { float:none; width:50%; margin:0 -1px 5px 0; line-height:100%; padding: 0; border-right: none; height: 50px; }
#previous_next_post .next_post { float:none; width:50%; margin:0; line-height:100%; padding: 0; height: 50px; }
#previous_next_post a {
  display:block; font-size:12px; width:100%; height:50px; position:relative; background:#fff; overflow:hidden; border: solid 1px #ddd;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#previous_next_post img {
  display: none;
  display:block; opacity:0.6; position:absolute; top:0px; left:0px; z-index:5;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
}

@media screen and (max-width:420px) {
  #previous_next_post img { width:375px; height:auto; }
}
#previous_next_post .title {
  font-size: 12px; margin: 0;
  display:block; width:100%; height:50px; line-height:50px; overflow:hidden; padding:0 10px; position:relative; top:0px; left:0px; text-align:center; z-index:10; color:#666;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}

#previous_next_post a:hover {text-decoration: none;}
#previous_next_post a:hover:before { color:#aaa; }
#previous_next_post a:before {
  font-family:'design_plus'; color:#aaa; font-size:14px; display:inline; position:absolute;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#previous_next_post .prev_post a:before { content:'\e90f'; top:18px; left:10px; }
#previous_next_post .next_post a:before { content:'\e910'; top:18px; right:10px; }

#previous_next_post .prev_post .title:before{display: none;}
#previous_next_post .next_post .title:before{display: none;}*/

#previous_next_post { margin:0 auto 30px; height:auto; border: none; }
#previous_next_post p a{ height: 50px; padding: 0 !important; justify-content: center; border: 1px solid #ddd; }
#previous_next_post p.prev_post{ width: 50%; border-right: none; margin-right: -1px; }

#previous_next_post a:before {
  font-size:14px;
}
#previous_next_post .prev_post a:before { content:'\e90f'; top:20px; left:10px; }
#previous_next_post .next_post a:before { content:'\e910'; top:20px; right:10px; }

#previous_next_post .title{ display: none; }
#previous_next_post img{ display: none; }
#previous_next_post .alt_title{ display: block; }



/* 広告 */
#single_banner_area { margin:0 0 15px 0; text-align:center; }
#single_banner_area .single_banner_left { float:none; padding:0 0 15px 0; }
#single_banner_area .single_banner_right { float:none; padding:0 0 15px 0; }
#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; }
#single_banner_area_bottom .single_banner_right { float:none; padding:0; }
#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; }
#single_banner_area2 .single_banner_right { float:none; padding:0 0 5px 0; }
#single_banner_area2 img { max-width:100%; height:auto; display:inline; }


/* ピックアップ記事 */
#pickup_post .headline { padding:0 15px; font-weight:400; }
#pickup_post ol { margin:0 0 20px; }
#pickup_post ol li .title { font-size:13px; margin:0; line-height:160%; }
#pickup_post ol li a { padding:10px 0 10px 15px; background:url(img/common/arrow2.gif) no-repeat left 15px; }


/* 関連記事 */
#related_post { margin:0; }
#related_post .headline { padding:0 15px; margin:0 0 15px 0; font-weight:400; }
#related_post ol { margin:0 0 30px 0; position:relative; }
#related_post li { margin:0 0 15px 0; padding:0; border:none; }
#related_post li .image { margin:0 15px 0 0; display:block; width:100px; height:100px; float:left; }
#related_post li .desc { width:auto; float:none; }
#related_post li .title { font-size:13px; margin:0; line-height:160%; font-weight:normal; }
#related_post li .title a { display:block; max-height:60px; overflow:hidden; }
#related_post .category a { padding:6px 10px; margin:0 0 10px 0; }
#related_post .excerpt { display:none; }




/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
#comment_headline { padding:0 15px; margin:0 0 15px 0; font-weight:400; }
#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 { float:none; text-align:center; margin:0; width:100%; }
#comment_header ul li.comment_switch_active a:after, #comment_header #comment_closed p:after { display:none; }

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

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

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





/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */

/* フッター記事一覧 */
#footer_post_list { min-width:0; margin:0 20px; }
#footer_post_list li { float:left; position:relative; width:50%; height:auto; overflow:hidden; margin:0 0 2px 0; }
#footer_post_list .category a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#footer_post_list .title { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
@media screen and (max-width:500px) {
  #footer_post_list li { float:none; width:100%; }
}

/* フッター上部 */
#footer { width:auto; min-width:0; background:#f8f8f8; }
#footer_inner { width:auto; margin:0 auto; padding:15px 20px 0; }

/* ウィジェット */
.footer_headline { font-size:16px; line-height:160%; margin:0 0 15px 0; padding:12px 15px; background:#222; color:#fff; }
#footer_widget_left { float:none; width:auto; margin:0 0 30px 0; }
#footer_widget_right { float:none; width:auto; margin:0 0 30px 0; }

/* メニュー */
#footer_menu_area { width:auto; float:none; margin:0 0 30px; display: flex; flex-wrap: wrap; }
#footer_menu_area li { font-size:12px; line-height:200%; margin:0; border: none; }
#footer_menu_area li a {  display:block; padding:0; }
#footer_menu_left { width:50%; float:none; margin:0; }
#footer_menu_right { width:50%; float:none; }
#footer_menu_area .headline { font-size:14px; line-height:160%; margin:0 0 5px 0; padding:0; }

/* SNSボタン */
#footer_social_link { margin:0 auto 30px; text-align:center; }
#footer_social_link li { display:inline-block; margin:0; position:relative; }
#footer_social_link li a {
  display:block; text-indent:-200px; overflow:hidden; width:30px; height:30px; position:relative;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none;
}
#footer_social_link li:before {
  font-family:'design_plus'; color:#ccc; font-size:17px; display:block; position:absolute; top:10px; left:9px;
  width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#footer_social_link li.twitter:before { font-family:'tiktok_x_icon'; content:'\e901'; }
#footer_social_link li.facebook:before { content:'\e902'; }
#footer_social_link li.insta:before { content:'\ea92'; top:11px; }
#footer_social_link li.pint:before { content:'\e905'; top:11px; }
#footer_social_link li.flickr:before { content:'\eaa4'; top:11px; }
#footer_social_link li.tumblr:before { content:'\eab9'; top:11px; }
#footer_social_link li.rss:before { content:'\e90b'; }
#footer_social_link li.tiktok:before { content: "\e900"; font-family:'tiktok_x_icon'; }
#footer_social_link li.line:before { content: "\e909"; }
#footer_social_link li.note:before { content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  transition: color 0.3s ease;
}

#footer_social_link li.twitter:hover:before { color:#000; }
#footer_social_link li.facebook:hover:before { color:#3B5998; }
#footer_social_link li.insta:hover:before { color:#8a3ab9; }
#footer_social_link li.rss:hover:before { color:#ffcc00; }
#footer_social_link li.pint:hover:before { color:#cb2027; }
#footer_social_link li.flickr:hover:before { color:#ff0084; }
#footer_social_link li.tumblr:hover:before { color:#34526f; }
#footer_social_link li.tiktok:hover:before { color: #000; }
#footer_social_link li.line:hover:before { color: #00B900; }
#footer_social_link li.note:hover:before { color: #000; }

/* mobile footer menu */
.mobile_menu_home{ position: relative; border-bottom: solid 1px #ccc; padding: 15px 20px; margin: 0; display: block; }
.mobile_menu_home span{
  display:block; text-indent:-200px; overflow:hidden; position:relative; font-size: 12px;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none;
}
.mobile_menu_home:before{
  font-family:'design_plus'; color:#000; font-size:14px; display:block; position:absolute; top:15px; left:20px;
  width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:'\e90c';
}
.mobile_menu_home:after{
  font-family:'design_plus'; color:#000; font-size:14px; display:block; position:absolute; top:13px; right:0;
  width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:'\f105';
}

#mobile_footer_menu{
  border: solid 1px #ccc;
  background: #fff;
  margin: 30px 0;
}
#mobile_footer_menu ul{}
#mobile_footer_menu ul ul{ display: none; }
#mobile_footer_menu ul li{ border-bottom: solid 1px #ccc; font-size: 12px; }
#mobile_footer_menu ul li:last-child{ border: none; }
#mobile_footer_menu ul li a{ display: block; padding: 15px 20px; position: relative; }
#mobile_footer_menu ul li a:after, #mobile_footer_menu ul li.menu-item-has-children a:after{
  font-family:'design_plus'; color:#000; font-size:14px; display:block; position:absolute; top:13px; right:0;
  width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:'\f105';
}
#mobile_footer_menu ul li>ul{ border-top: solid 1px #ccc;}
#mobile_footer_menu ul li>ul>li{}

#mobile_footer_menu ul ul a { padding-left:28px; background:#fff; }
#mobile_footer_menu ul ul ul a { padding-left:42px; background:#fff; }
#mobile_footer_menu ul ul ul ul a { padding-left:55px; background:#fff; }
#mobile_footer_menu li.menu-item-has-children { position:relative; }
#mobile_footer_menu li.menu-item-has-children a:after { content: none; }

#mobile_footer_menu .child_menu_button { display:block; position:absolute; text-align:center; width:60px; height:49px; right:0px; top:1px; z-index:9; cursor:pointer;  }
#mobile_footer_menu .child_menu_button .icon:before {
  content:'+'; font-size:13px; color:#000; text-align:center;
  display:block; width:20px; height:20px; line-height:20px; border:1px solid #000; border-radius:100%;
  position:absolute; left:33px; top:8px;
  background: #fff;
}
#mobile_footer_menu .child_menu_button.active .icon:before, #mobile_footer_menu .child_menu_button:hover .icon:before { color:#000; border-color:#000; }
#mobile_footer_menu li.menu-item-has-children.open > .child_menu_button .icon:before { content:'-'; }
#mobile_footer_menu li.menu-item-has-children.open > ul { display:block; }



/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 基本設定 */
.side_widget { margin:0 0 25px 0; font-size:12px; position:relative; }
.side_widget:last-child, .side_widget:only-child  { margin:0; }
.side_headline, .widget_block .wp-block-heading { font-size:16px; margin:0 0 15px 0; padding:12px 15px; font-weight:400; }


/* デザインされた記事一覧２ */
.styled_post_list2 a { display:block; padding:10px 0 10px 14px; background:url(img/common/arrow2.gif) no-repeat left 15px; }


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


/* ユーザープロフィール */
.user_sns li { line-height:180%; }

.tcdw_user_profile_widget .user_desc{ line-height: 180%; }






/* ----------------------------------------------------------------------
 固定フッターバー
---------------------------------------------------------------------- */
/**
* スマホ用固定フッターバーの設定
*/
.icon-file-text:before {
  content: "\f15c";
}

.icon-share-alt:before {
  content: "\f1e0";
}

.icon-phone:before {
  content: "\f095";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-close:before {
  content: "\e91a";
}

.dp-footer-bar {
  background: #ffffff;
  border-top: 1px solid #ddd;
  display: table;
  font-size: 12px;
  position: fixed;
  bottom: 0;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  z-index: 9998;
}
.dp-footer-bar a {
  display: block;
  padding: 15px 0;
}

.dp-footer-bar-item {
  display: table-cell;
  vertical-align: middle;
}
.dp-footer-bar-item + .dp-footer-bar-item {
  border-left: 1px solid #ddd;
}
.dp-footer-bar-item:only-child .dp-footer-bar-icon {
  display: block;
  position: relative;
}
.dp-footer-bar-item:only-child .dp-footer-bar-icon:before {
  position: absolute;
  right: 15px;
}

.dp-footer-bar-icon:before {
  display: block;
  font-family: "design_plus";
  font-size: 16px;
  margin-bottom: .5em;
}

.modal-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.modal-content {
  margin: auto;
  position: fixed;
  bottom: 20%;
  left: 0;
  right: 0;
  width: 209px;
  z-index: 9999;
}

.modal-close:before {
  color: #fff;
  font-size: 32px;
  position: absolute;
  bottom: 20%;
  right: 0;
  text-align: center;
  width: 50px;
}

.share {
  text-align: center;
}

.share-button {
  background: #fff;
  float: left;
  vertical-align: center;
  width: 50px;
  height: 50px;
}
.share-button + .share-button {
  margin-left: 3px;
}
.share-button a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.share-button a:before {
  font-size: 24px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 24px;
  height: 24px;
}





@media only screen and (max-width:767px) {
body.single-post .flex_layout {
  display: block;
}

body.home .flex_layout {
  display: block;
}

body.page-template-default .flex_layout {
  display: block
}

body.page-template-page-notitle #main_col {
  display: block
}

body.single-news .flex_layout {
display: block;
}

}