@charset "utf-8";

/* レイアウト */
#header { height:56px; width:100%; min-width:0; left:0px; top:0px; z-index:100; margin:0; }
#header_inner { height:56px; width:100%; min-width:0; margin:0; padding:0; background:#fff; border-bottom:1px solid #ddd; }

#main_contents { width:auto; margin:0 auto; padding:0; }
#main_col { width:auto; min-width:0; margin:30px auto 50px; padding:0 20px; }
#left_col { width:70%; width:-webkit-calc(100% - 330px); width:-moz-calc(100% - 330px); width:calc(100% - 330px); }
#side_col { width:30%; width:-webkit-calc(300px); width:-moz-calc(300px); width:calc(300px); }

@media screen and (max-width:770px) {
  #left_col { width:auto; float:none; padding:0; margin:0 0 40px 0; }
	.layout2 #left_col { float: none; }
    .layout2 #side_col { float: none; }
  #side_col { width:auto; float:none; padding:0; }
  #main_contents { width:auto; margin:0 auto; }
}

.mobile_header_fix #header { position:fixed; }
.home.mobile_header_fix { padding-top:78px; }
.mobile_header_fix { padding-top:58px; }

@media screen and (max-width:550px) {
  .home.mobile_header_fix { padding-top:55px; }
}



/* ----------------------------------------------------------------------
 共通パーツ
---------------------------------------------------------------------- */
/* 黒いボタン（共通パーツ トップページ以外でも使用） */
.bridge_design_button { font-size:12px; padding:0 15px; height:40px; line-height:40px; min-width:150px; }
@media screen and (max-width:550px) {
  .bridge_design_button:after { right:10px; }
}
/* 下線のある見出し（共通パーツ） */
.bridge_design_headline { margin:0 0 20px 0 !important; padding:0 0 8px 0 !important; border-bottom-width:2px; line-height:1.6 !important; font-size:18px !important;}


/* 青色背景見出し */
@media screen and (max-width: 550px) {
  .bridge_design_headline2 { height:40px; line-height:40px !important; margin-top:0 !important; margin-bottom:17px !important; padding:10px 0 8px; line-height:1.6; font-size:16px !important; }
}

/* 番号見出し */
@media screen and (max-width: 550px) {
  .bridge_design_headline3 { height:56px; font-size:16px; margin:0 0 20px 0; padding:0; font-weight:400; color:#00475f; border-bottom:none; }
  .bridge_design_headline3 span.num {
  font-size:18px; width:56px; height:56px; line-height:1; text-align:center; color:#fff; background:#014760; padding:12px 0 0 0; float:left; position:relative;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  }
  .bridge_design_headline3 span.num:before { content:'POINT'; font-size:9px; display:block; margin:0 0 5px 0; }
  .bridge_design_headline3 span.title { display:block; position:relative; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); line-height:1.2; margin:0; padding:0 0 0 66px; font-size:16px; text-align:left;  }
}
@media screen and (min-width:551px) and (max-width:991px) {
  .bridge_design_headline3 span.title { padding:0 0 0 86px; font-size:22px; text-align:left; }
}


/* ----------------------------------------------------------------------
トップページ
---------------------------------------------------------------------- */

/* スライダー */
#header_slider {
  padding:20px; min-width:inherit; overflow:hidden;
  -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_inner { width:auto; }


.slider_main { width:-webkit-calc(100% - 300px); width:-moz-calc(100% - 300px); width:calc(100% - 300px); }
.slider_main .swiper-slide { width:100%; }
.slider_main .caption .title { font-size:16px !important; }
.slider_main .caption .button { font-size:12px; padding:0 15px; height:40px; line-height:40px; min-width:150px; }
.slider_nav .caption .title { font-size:12px; }

@media screen and (max-width:770px) {
  .slider_main { width:-webkit-calc(100% - 220px); width:-moz-calc(100% - 220px); width:calc(100% - 220px); }
  .slider_nav, .slider_nav .swiper-slide { width:200px; }
  .slider_nav .caption .title { font-size:11px; }
}

@media screen and (max-width:650px) {
  #header_slider { padding:0; }
  #header_slider_inner { height:500px; border-bottom:1px solid #ddd; }
  .slider_main{ width:100%; height:500px; }
  .slider_main .swiper-slide { height:500px; }
  .slider_main .swiper-slide .item { background:none !important; }
  .slider_main .swiper-slide .image { display:block; width:100%; height:400px; }
  .slider_main .caption .title a { max-height:100px; overflow:hidden; }
  .slider_main .swiper-slide-active .caption { -webkit-animation: none; animation: none; }
  .slider_main .first_active .caption { -webkit-animation: none !important; animation: none !important; }
  .slider_main .swiper-slide-active .caption .title { -webkit-animation: none; animation: none; }
  .slider_main .first_active .caption .title { -webkit-animation: none !important; animation: none !important; }
  .slider_main .swiper-slide-active .caption .button { -webkit-animation: none; animation: none; }
  .slider_main .first_active .caption .button { -webkit-animation: none !important; animation: none !important; }
  .slider_main .swiper-slide-active .caption .meta { -webkit-animation: none; animation: none; }
  .slider_main .first_active .caption .meta { -webkit-animation: none !important; animation: none !important; }
  .slider_main .caption { opacity:1; left:0; }
  .slider_main .caption .title { opacity:1; top:0; font-size:14px !important; max-height:45px; overflow:hidden; }
  .slider_main .caption .button { opacity:1; bottom:0; display:none; }
  .slider_main .caption .meta { opacity:1; }
  .slider_main .caption_area  { height:100px; position:absolute; bottom:0; }
  .slider_main .caption {
    text-align:left; background:#fff !important; padding:15px; position:relative !important;
    top:auto; height:100px; -webkit-transform: none; -ms-transform: none; transform: none;
  }
  .slider_main .caption .title a { color:#333 !important; }
  .slider_main .meta { color:#333 !important; text-align:left; margin:10px 0 0 0; }
  #header_slider .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 120px; }
}
@media screen and (max-width:500px) {
  #header_slider_inner { height:400px; }
  .slider_main{ width:100%; height:400px; }
  .slider_main .swiper-slide { height:400px; }
  .slider_main .swiper-slide .image { height:300px; }
}


/* 注目のランキング */
#index_featured_ranking { margin:10px 0 30px; }
#index_featured_ranking .bridge_design_headline { font-size:18px !important; margin:0 0 30px 0; }
#index_featured_ranking .item { margin:0 30px 0 0; width:360px; width:-webkit-calc(100% / 3 - 20px); width:-moz-calc(100% / 3 -20px); width:calc(100% / 3 - 20px); }
#index_featured_ranking .image { width:100%; height:auto; }
#index_featured_ranking .data { padding:20px; }
#index_featured_ranking .title { font-size:16px; min-height:49px; }
#index_featured_ranking .catch { font-size:14px; line-height:2.2; max-height: none; }
#index_featured_ranking .bridge_design_button { float:right; margin:20px -21px -24px 0; }
@media screen and (min-width:550px) and (max-width:770px) {
  #index_featured_ranking .item { float:none; padding:15px; margin:0 0 20px 0; width:100%; border:1px solid #ddd; background:#f6f6f6; -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_featured_ranking .image { float:left; height:auto; width:-webkit-calc(40% - 10px); width:-moz-calc(40% -10px); width:calc(40% - 10px); }
  #index_featured_ranking .data { float:left; padding:5px 20px; border:none; width:-webkit-calc(60% - 10px); width:-moz-calc(60% -10px); width:calc(60% - 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; }
  #index_featured_ranking .title { min-height:auto; margin:0 0 15px 0; text-align:left; }
  #index_featured_ranking .bridge_design_button { float:right; margin:20px -55px -20px 0; }
  #index_featured_ranking .rank_list_number { left:15px; top:15px; }
}
@media screen and (max-width:550px) {
  #index_featured_ranking .item { float:none; width:100%; margin:0 0 20px 0; width:-webkit-calc(100%); width:-moz-calc(100%); width:calc(100%); }
  #index_featured_ranking .title { min-height:auto; }
    #index_featured_ranking .bridge_design_button { float:right; margin-bottom:-21px; }
}


/* イントロ */
#index_intro { margin:0 0 30px 0; }
#index_intro .bottom_image { width:100%; height:320px; }


/* 比較ポイント */
#index_point { margin:0 0 30px 0; }
#index_point .point { width:60px; height:60px; padding:12px 0 0 0; }
#index_point .point span { font-size:10px; }
#index_point .content { clear:both; width:auto; float:none; margin:0 20px 20px; padding:20px 0 0 0; }
#index_point .title { font-size:16px; }
#index_point .desc { font-size:14px; }


/* お知らせ一覧 */
#index_news { margin:0 0 30px 0; }
#news_list .item { padding:20px; }
#news_list .date { float:none; width:80px; margin:0 0 5px 0; }
#news_list .title { width:auto; float:none; }
#index_news .bridge_design_button, #archive_news .bridge_design_button { float:none; }
#index_news .button, #archive_news .button { text-align:center; }
@media screen and (max-width:550px) {
  #index_news .bridge_design_headline, #archive_news .bridge_design_headline { margin:0; }
  .post-type-archive-news #left_col > .bridge_design_headline { margin:0; }
  #news_list .item { padding:15px 0; border:none; border-bottom:1px solid #ddd; margin:0; }
  #news_list .item:nth-child(even) { background:none; }
  #news_list .item:first-child { }
}


/* おすすめのランキング（アーカイブページでも利用） */
#index_recommend_ranking { margin:0 0 30px 0; }
#ranking_list .item { padding:20px; }
#ranking_list .image { height:auto; width:-webkit-calc(40% - 10px); width:-moz-calc(40% -10px); width:calc(40% - 10px); }
#ranking_list .data { width:-webkit-calc(60% - 10px); width:-moz-calc(60% -10px); width:calc(60% - 10px); }
#ranking_list .title { font-size:16px; }
#index_recommend_ranking .archive_button .bridge_design_button { float:none; }
#index_recommend_ranking .archive_button { text-align:center; }
#ranking_list .rank_list_number { left:20px; top:20px; }
@media (max-width: 767px) {
.pb_spec_table_wrap .s_table{
  white-space: unset;
}
}
@media screen and (max-width:550px) {
  #ranking_list .item { padding:0 0 20px; border-top:none; }
  #ranking_list .image { float:none; width:100%; width:-webkit-calc(100% - 2px); width:-moz-calc(100% -2px); width:calc(100% + 2px); margin:0 -1px 20px; }
  #ranking_list .rank_list_number { left:-1px; top:0px; }
  #ranking_list .data { float:none; width:auto; margin:20px 20px 0; }
  #ranking_list .title { margin:0 0 10px 0; text-align:center; }
  #ranking_list .pb_spec_table_wrap { overflow:hidden; margin:20px 20px 0; }
  #ranking_list .pb_spec_table { margin:0; }
  #ranking_list ul { font-size:0; text-align:center; }
  #ranking_list ul li { float:none; display:inline-block; }
}


/* ブログ一覧（アーカイブページでも利用） */
#blog_list .item { margin:0 0 30px 0; padding:0 0 20px 0; }
#blog_list .item:last-child { margin:0; padding:0; border:none; }
#blog_list .image { height:auto; width:-webkit-calc(40% - 10px); width:-moz-calc(40% -10px); width:calc(40% - 10px); }
#blog_list .data { width:-webkit-calc(60% - 10px); width:-moz-calc(60% -10px); width:calc(60% - 10px); }
#blog_list .meta { margin:5px 0; }
#blog_list .title { font-size:16px; margin:0 0 10px 0; }
@media screen and (max-width:550px) {
	#blog_list .meta { margin-bottom:0; }
  #blog_list .meta li{ font-size: 12px; }
	#blog_list .title { font-size:16px; margin:0 0 1px 0; }
  #blog_list .item { border:none; padding:0; }
  #blog_list .image { float:none; height:auto; width:100%; margin:0 0 20px 0; }
  #blog_list .data { float:none; width:100%; }
}



/* ----------------------------------------------------------------------
 ランキングのアーカイブページ
---------------------------------------------------------------------- */
#ranking_archive_headline { font-size:14px !important; height:40px; line-height:40px !important; }
#ranking_catgory_sort { margin:0 0 30px 0; }
#ranking_catgory_sort li a { font-size:14px; padding: 0 5px; }
@media screen and (max-width:650px) {
  #ranking_catgory_sort li { width:50%; width:-webkit-calc(50% + 1px); width:-moz-calc(50% + 1px); width:calc(50% + 1px); }
}




/* ----------------------------------------------------------------------
 ランキングの詳細ページ
---------------------------------------------------------------------- */
#ranking_header { margin:0 0 30px 0; }
#ranking_header .catch { font-size:16px !important; }
@media screen and (max-width:650px) {
	#ranking_header .desc { padding-left: 20px; padding-right:20px; }
	#ranking_header .bridge_design_headline { margin-bottom: 13px!important; }
  #single_ranking_slider { height:400px; }
  #single_ranking_slider .item { height:400px; }
  #single_ranking_slider .slick-dots { bottom:15px; right:auto; left:20px; }
}


/* 関連ランキング */
#related_ranking ol { padding:20px 0 0 15px; }
#related_ranking li {
  margin:0 15px 20px 0;
  width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px);
}
#related_ranking .image { height:auto; }
@media screen and (max-width:550px) {
  #related_ranking ol { padding:20px 15px 0; }
  #related_ranking li { margin:0 0 30px 0; width:100%; }
}




/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
.pc #header_logo #logo_text, .pc #header_logo #logo_image { width:auto; text-align:center; }


/* メニューボタン */
a.menu_button {
  position:absolute; z-index:9; top:0px; right:0;
  display:inline-block; font-size:11px; color:#333; width:56px; height:56px; line-height:56px; text-decoration:none; text-align:center;
}
a.menu_button span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
a.menu_button:before {
  font-family:'design_plus'; color:#333; display:block; position:absolute; top:19px; left:19px; margin:auto;
  font-size:18px; width:18px; height:18px; line-height:18px;
  -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 { z-index:8; }
#logo_text h1 { font-weight:normal; height:56px; line-height:56px; margin:0 0 0 20px; }
#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; top:50%; left:20px;
  -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%);
}
#logo_image img.pc_logo_image { display:none; }
#logo_image img.mobile_logo_image { display:block; margin:0 auto; }
#logo_text_fixed, #logo_image_fixed { display:none; }
#tagline { display:none; }


/* 右上のメニュー */
#header_menu { display:none; }


/* SNSボタン */
#header_social_link { display:none; }
#header_banner { display:none; }


/* パンくずリンク */
#bread_crumb { min-width:inherit; height:auto; margin-top:-1px; }
#bread_crumb ul { width:auto; padding:17px 20px; }
@media only screen and (max-width: 767px) {
#bread_crumb li:before { vertical-align: 1px; }
}




/* ----------------------------------------------------------------------
 記事ページ
---------------------------------------------------------------------- */
#article { margin:0; }
@media only screen and (max-width: 767px) {
	#post_header { margin-bottom: 21px; }
}


/* 記事タイトル */
#post_title_area { padding:60px 20px 20px; }
#post_image + #post_title_area, body.single-news #post_title_area   { padding:20px 20px 20px; }
#post_title_area #post_title + .meta{
  margin-bottom: 5px;
}
#post_title { font-size: 18px!important; }
body.page #post_title { margin:25px 0 30px; }


/* SNSボタン */
#single_share_top { margin:20px 0 0; }
#single_share_bottom .mb45 { margin-bottom:25px !important; }


/* メタ情報 */
#post_meta_bottom { margin:0 0 20px 0; background:#fff; padding:0; }
#post_meta_bottom li { display:block; margin:0 0 10px 0; border:none; font-size:12px; line-height:1.6; }
#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 40px 0; border-top:none; }
#previous_next_post .prev_post, #previous_next_post .next_post { width:50%; }
#previous_next_post a { border:1px solid #ddd; height:auto; text-align:center; height:50px; line-height:50px; font-size:12px; }
#previous_next_post .next_post a { border:1px solid #ddd; margin-left:-1px; position:relative; }
#previous_next_post .prev_post a::before { line-height:50px; height:50px; }
#previous_next_post .next_post a::before { line-height:50px; height:50px; }
#previous_next_post a span { height:auto; }
#previous_next_post span.nav { display:block; }
#previous_next_post span.title { display:none; }
#previous_next_post .prev_post span.nav { margin-left:-35px; }
#previous_next_post .next_post span.nav { margin-right:-35px; }
#previous_next_post .prev_post a:before { top:3px; }
#previous_next_post .next_post a:before { top:3px; }


/* 広告 */
#single_banner_top { margin:0 0 10px 0; }
#single_banner_bottom { margin:0 0 20px 0; }
#single_banner_shortcode { margin:0 0 20px 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; }
#single_banner_area.one_banner { width:100%; margin:0 0 30px 0; text-align:center; }


/* 関連記事 */
#related_post .headline { font-size:16px; margin:-1px -1px 20px -1px; height:40px; line-height:40px; }
#related_post ol { margin:0 0 0 15px; }
#related_post li {
  margin:0 15px 20px 0;
  width:-webkit-calc(100% / 3 - 15px); width:-moz-calc(100% / 3 - 15px); width:calc(100% / 3 - 15px);
}
#related_post li:nth-child(3n) { margin-right:0; }
#related_post .image { width:100%; height:auto; }
#related_post .title { font-size:12px; }
@media screen and (max-width:550px) {
  #related_post li {
    margin:0 15px 20px 0;
    width:-webkit-calc(100% / 2 -15px); width:-moz-calc(100% / 2 - 15px); width:calc(100% / 2 - 15px);
  }
  #related_post li:nth-child(3n) { margin-right:15px; }
  #related_post li:nth-child(even) { margin-right:0; }
}




/* ----------------------------------------------------------------------
 固定ページ
---------------------------------------------------------------------- */
/* プロフィールページ */
#profile_page_top { margin-top:20px; }


/* 404ページ */
#header_image_for_404 { margin:-30px auto 20px; }


/* 広告 */
#page_banner { margin:30px 0; }
#page_banner .page_banner { display:block; padding:20px; width:100%; width:-webkit-calc(1-0%); width:-moz-calc(100%); width:calc(100%); }
#page_banner .banner_left { margin:0 0 20px 0; }
#page_banner .banner_right { margin:0; }
@media screen and (max-width:550px) {
  #page_banner .page_banner { display:block; padding:0; border:none; }
}


/* 記事一覧 */
@media screen and (max-width:950px) {
  .page_post_list li { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px); }
  .page_post_list li:nth-child(4n) { margin-right:20px; }
  .page_post_list li:nth-child(2n) { margin-right:0px; }
}
@media screen and (max-width:770px) {
  .page_post_list .headline { text-align:center; }
  .page_post_list li { width:25%; width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:calc(25% - 20px); }
  .page_post_list li:nth-child(4n) { margin-right:0px; }
  .page_post_list li:nth-child(2n) { margin-right:20px; }
}
@media screen and (max-width:550px) {
  .page_post_list li { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px); }
  .page_post_list li:nth-child(4n) { margin-right:20px; }
  .page_post_list li:nth-child(2n) { margin-right:0px; }
}

/* ページャー */
@media screen and (max-width:550px) {
  #previous_next_page { margin-bottom:0; }
  #previous_next_page a { font-size:12px; min-width:136px; margin:0 2px; }
  #previous_next_page .prev:after { left:10px; }
  #previous_next_page .next:after { right:10px; }
}


/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
#comment_headline { margin:40px 0 20px 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_header ul li:first-child { margin-bottom:-1px; }
}
@media screen and (max-width:550px) {
  #comment_headline { text-align:center; }
}


/*  コメントの基本部分 */
.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_post_list { min-width:inherit; overflow:hidden; }
#footer_post_list .item { width:33.3333%; width:-webkit-calc(100% / 3); width:-moz-calc(100% / 3); width:calc(100% / 3); }
@media screen and (max-width:770px) {
  #footer_post_list .item { width:50%; }
}
@media screen and (max-width:550px) {
  #footer_post_list .item { width:100%; }
}


/* スライダー */
#footer_slider_wrap { min-width:inherit; overflow:hidden; }
#footer_slider_wrap { height:auto; padding:20px 0; }
#footer_slider { width:auto; }
#footer_slider .title span { padding:15px; }
#footer_slider .rank_list_number { font-size:15px; width:40px; height:40px; }
#footer_slider .rank_list_number:before {
  width:15px; height:10px; margin:7px auto 3px;
  background:url(../img/common/icon_crown2.png) no-repeat left top;
  -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; background-size:15px;
}

@media screen and (max-width:550px) {
  #footer_slider_wrap { padding:0; }
  #footer_slider .item { margin:20px 40px; width:100%; }
  #footer_slider .title { width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 110px); width:calc(100% - 110px); }
  #footer_slider .slick-arrow { display:block !important; }
  #footer_slider .slick-prev { top:68px; left:10px; z-index:9; }
  #footer_slider .slick-next { top:68px; right:0px; z-index:9; }
}


/* フッター上部（ウィジェット表示エリア） */
#footer_top { width:auto; min-width:0; padding:20px 20px 0; }
#footer_top_inner { width:auto; padding:10px 0 0; margin:0 auto; overflow:hidden; border-bottom:1px dotted #aaa; }
#footer_left_widget, #footer_center_widget, #footer_right_widget {
  margin:0; float:left;
  width:50%; margin:0 50px 50px 0; padding:0; 
  width:-webkit-calc(50% - 25px); width:-moz-calc(50% - 25px); width:calc(50% - 25px);
}
#footer_center_widget { margin-right:0; }
.footer_headline, .footer_widget .widget_block .wp-block-heading { display:block; }
@media screen and (max-width:770px) {
  #footer_left_widget, #footer_center_widget, #footer_right_widget { width:100%; float:none; padding:0; margin:0 0 50px 0; }
  #footer_right_widget { margin:0; }
  .footer_headline, .footer_widget .widget_block .wp-block-heading { text-align:center; font-size:18px; }
  #footer_top .side_widget { margin-bottom:20px; }
  #footer_top .tcdw_menu_widget { margin-bottom:15px; }
}


/* フッター下部 */
#footer_bottom { width:auto; min-width:0; height:auto; position:relative; margin:0; padding:0; background:#f6f6f6; }
#footer_bottom_inner { width:auto; height:auto; border:none; }
#footer_bottom a { color:#333; }


/* メニュー */
#footer_menu { /*float:none;*/ margin:0 0 30px 0; position:static; -webkit-transform: none; transform: none; }
#footer_menu ul { text-align:center; font-size:0; }
#footer_menu li { float:none; display:inline-block; vertical-align:top; margin-bottom:10px;}


/* SNS */
#footer_social_link { display:block; text-align:center; padding:15px 10px 10px; background:#f6f6f6; }
.social_link li { float:none; display:inline-block; margin:0; }
.social_link li a { border:none; }


/* コピーライト */
#copyright { float:none; margin:0; padding:0; text-align:center; color:#fff; background:#222; width:100%; height:50px; line-height:50px; }
#copyright a { color:#fff; height:50px; line-height:50px; }


/* ページ上部へ戻るボタン */
#return_top { display:none; }
#return_top_mobile { display:block; }
#return_top_mobile a { display:block; height:60px; width:60px; text-decoration:none; background:#ccc; border-radius:60px; z-index:100; }
#return_top_mobile span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#return_top_mobile a:before {
  font-family:'design_plus'; color:#fff; font-size:18px; display:block; position:absolute; width:18px; height:18px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#return_top_mobile a:before { content:'\e911'; top:0; bottom:0; left:0; right:0; margin:auto; }
#return_top_mobile {
  position:fixed; right:0px; bottom:0px; z-index:999;
  -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
  -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
#return_top_mobile.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#return_top_mobile a { border-radius:0; height:50px; width:50px; }


/* フッターバー */
#dp-footer-bar {
  position:fixed; right:0px; bottom:0px; z-index:999; width:100%;
}
.dp-footer-bar-type1 #dp-footer-bar {
  opacity:0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  pointer-events: none;
}
.dp-footer-bar-type1 #dp-footer-bar.active {
  opacity:1;
  pointer-events: visible;
}
.dp-footer-bar-type2 #dp-footer-bar {
  -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
  -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
.dp-footer-bar-type2 #dp-footer-bar.active {
  -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
}


/* 固定フッターが有効時、モバイルデバイス調整用 */
body.show_footer_bar { padding-bottom:55px; }
body.show_footer_bar #return_top.active { -webkit-transform: translate3d(0,-55px,0); transform: translate3d(0,-55px,0); }


/* 固定コンテンツ */
@media screen and (max-width:1170px) {
  #fixed_footer_content .content_left { width:-webkit-calc(100% - 400px); width:-moz-calc(100% - 400px); width:calc(100% - 400px); }
  #fixed_footer_content .button { min-width:200px; padding:0 20px; font-size:14px; }
  #fixed_footer_content .button:after { display:none; }
  #fixed_footer_content .has_image .content_left { width:40px; text-align:center; left:0; }
  #fixed_footer_content .has_image .catch { display:none; }
  #fixed_footer_content .has_image .desc { display:none; }
  #fixed_footer_content .has_image .image { max-width:100%; display:block; right:40px; left:40px; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); }
  #fixed_footer_content .has_image .image img { width:auto; max-width:100%; height:auto; margin:0 auto; }
  #fixed_footer_content .has_image .pr2 { display:none; }
  #fixed_footer_content .has_image .pr1 { display:block; background:none; color:#fff; float:none; padding:0; margin:0; width:40px; text-align:center; position:absolute; left:0; top:50px; }
}
@media screen and (max-width:870px) {
  #fixed_footer_content .content_left { width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); left:20px; }
  #fixed_footer_content .catch { font-size:18px; }
  #fixed_footer_content .desc { font-size:13px; } 
  #fixed_footer_content .button { display:none; }
  #fixed_footer_content .close { right:0px; top:0; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); width:40px; height:120px; border-radius:0; }
  #fixed_footer_content .close:before { top:50px; }
  #fixed_footer_content .image { max-width:100%; display:block; right:40px; left:40px; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); }
  #fixed_footer_content .image img { width:auto; max-width:100%; height:auto; margin:0 auto; }
  #fixed_footer_content .pr2 { display:none; }
  #fixed_footer_content .pr1 { display:block; background:none; color:#fff; float:none; padding:0; margin:0; width:40px; text-align:center; position:absolute; left:0; top:50px; }
  #fixed_footer_content .has_pr .content_left { left:40px; }  
}
@media screen and (max-width:550px) {
  #fixed_footer_content { height:80px; }
  #fixed_footer_content .content_left { padding:0 20px 0 0; }
  #fixed_footer_content .catch { font-size:14px; }
  #fixed_footer_content .desc { display:none; }
  #fixed_footer_content .close { height:80px; }
  #fixed_footer_content .close:before { top:30px; }
  #fixed_footer_content .free { padding:0 85px 0 5px; }
  #fixed_footer_content .pr1 { top:30px !important; }
}




/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 基本設定 */
.side_widget { margin:0 0 40px 0; font-size:12px; position:relative; }
.side_widget:last-child, .side_widget:only-child  { margin:0; }
.tcd_user_profile_widget .user_sns { margin-bottom:19px; }
.tab_post_list_widget .styled_post_list1 li { padding:15px 20px; }
@media screen and (max-width:770px) {
  .side_headline, .widget_block .wp-block-heading { text-align:center; font-size:18px; font-weight:700; border-bottom-width: 2px; }
}


/* カスタムメニュー（ドロップダウンver）*/
.tcdw_custom_drop_menu_widget .side_headline { margin:0px; padding:0 20px; border:none; background:#0194c7; color:#fff; height:40px; line-height:40px; text-align:left; }


/* デザインされた記事一覧３ */
.styled_post_list3 .image { height:auto; }
@media screen and (max-width:770px) {
  .styled_post_list3_widget { overflow:hidden; }
  .styled_post_list3 { margin:0 -30px 0 0; font-size:0; }
  .styled_post_list3 li {
    margin:0 30px 20px 0; display:inline-block; vertical-align:top; 
    width:50%; width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px);
  }
  .styled_post_list3 .meta li { font-size:12px; }
}
@media screen and (max-width:500px) {
  .styled_post_list3 { margin:0; }
  .styled_post_list3 li { margin:0 0 20px 0; display:block; width:100%; }
}


/* ランキング */
.ranking_list_widget .rank_list_number { font-size:15px; width:40px; height:40px; }
.ranking_list_widget .rank_list_number:before {
  width:15px; height:10px; margin:7px auto 3px;
  background:url(../img/common/icon_crown2.png) no-repeat left top;
  -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; background-size:15px;
}


/* search */
.widget_search #search-box, .widget_search #s, .side_widget.google_search #s {
  box-shadow:inset 1px 1px 3px 0px rgba(0,0,0,0.2);
}
.widget_search #search-btn input, .widget_search #searchsubmit /*, .side_widget.google_search #searchsubmit*/ {
  background:#222 url(../img/common/icon_search.png) no-repeat center;
}


/* プロフィール */
.tcd_user_profile_widget { border:none; border-top:1px solid #ddd;  border-bottom:1px solid #ddd; padding:30px 0; }




/* ----------------------------------------------------------------------
 LP
---------------------------------------------------------------------- */
@media screen and (max-width:770px) {
  .lpb_content { margin:0 0 40px; line-height:2.5; }
  .lpb_content .lpb_content_headline { line-height:40px; font-size:16px; }
  .lpb_content .post_row { line-height:2.5 !important; }
  .lpb_content table.lbp_table th, .lpb_content table.lbp_table td { padding:5px 15px; line-height:2; }
  .lpb_content table.lbp_table th { vertical-align:middle; }
  .lpb_content table.lbp_table th { padding:5px 10px; text-align:center; font-weight:normal; white-space:nowrap; }

  .lpb_content-catch_and_desc { margin-bottom:28px; }
  .lpb_content-catch_and_desc h2 { font-size:24px !important; }
  .lpb_content-catch_and_desc p { font-size:14px !important; }
  .lpb_content-link_button .lpb_link_button { padding:10px; min-width:200px; max-width:100%; color:#fff; font-size:16px; }
  .lpb_content-wysiwyg { margin-bottom:28px; }
  .lpb_content-border_box { padding:18px 20px; }
  .lpb_content-border_box .lpb_content_headline { margin:-19px -21px 18px; }
  .lpb_content-border_box .post_col-2 + .post_col-2 { margin-top:2.5em !important; }
  .lpb_content-voice .lpb_content_headline { margin:0 0 18px; }
  .lpb_content-voice ul { }
  .lpb_content-voice ul li { display:block; width:initial; margin:0 20px 2.5em; padding:0; font-size:14px; line-height:2.5; }
  .lpb_content-voice ul li:after { content:" "; display:table; clear:both; }
  .lpb_content-voice ul li:last-child { margin-bottom:1.25em; }
  .lpb_content-voice .voice_user { margin:0; width:33%; float:left; }
  .lpb_content-voice .voice_comment { margin:0 0 0 36% !important; }
}
@media screen and (max-width:500px) {
  .lpb_content-voice .voice_user { width:100%; }
  .lpb_content-voice .voice_comment { margin:0 !important; }
}



/* パスワード保護 */
@media only screen and (max-width:991px) {
.c-pw__box { width: 100%; padding: 20px; display:block; text-align: center; }
.c-pw__box-label { display:block; margin-bottom: 1em; margin-right:0; }
.c-pw__box-input { display:block; width:100%; margin-bottom:1em; margin-right: 0;}
}

@media only screen and (max-width:767px) {
	.pb-widget-headline h3 { font-size:20px!important; }
}