@charset "utf-8";

body { position:absolute; top:0; left:0; right:0; bottom:0; }

/* レイアウト */
#header { min-width:inherit; }
#header_inner { width:auto; }
@media screen and (max-width:1000px) {
  #header { height:53px; width:100%; min-width:inherit; right:0px; top:0px; right:0; z-index:100; margin:0; }
  #header_inner { height:53px; width:100%; margin:0; padding:0; }
  #header:after { display:none; }
}

/* スライドメニュー */
#container {
  border-width:6px !important; position:relative; right:0; top:0px; z-index:9999; width:100%; background:#fff; box-shadow:0 -55px 10px 7px rgba(0,0,0,0.3);
  -webkit-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.open_menu #container { right:400px; }
#mobile_menu { position:fixed; top:0px; right:0px; width:400px; height:100%; z-index:9; background:#333; overflow:auto; }
#mobile_menu:after  {
  display:block; content:''; position:fixed; width:100%; height:100%; top:0px; right:0px; background:#fff; z-index:10;
  -webkit-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.open_menu #mobile_menu:after { right:400px; }
@media screen and (max-width:730px) {
  .open_menu #container { right:90%; }
  #mobile_menu { width:90%; }
  .open_menu #mobile_menu:after { right:90%; }
}


/* 固定ヘッダー */
.pc .header_fix #header_inner { width:auto; }
.pc .header_fix #global_menu > ul > li > a { font-size:12px; }
.mobile .mobile_header_fix { padding-top:53px; }/* #header_inner height + #header margin bottom */
.mobile .mobile_header_fix #header {
  position:fixed; top:0px; left:0px; z-index:200;
  -webkit-animation: slideDown 0.5s ease; animation: slideDown 0.5s ease;
   -webkit-transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:left 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.mobile .mobile_header_fix.open_menu #header { left:-400px; }
@media screen and (max-width:730px) {
  .mobile .mobile_header_fix.open_menu #header { left:-90%; }
}


/* アドミンバー */
@media screen and (min-width:782px) {
  body.admin-bar #container { padding:0; }
  body.admin-bar #header { top:26px; }
  body.admin-bar #mobile_menu { top:32px; } 
  .mobile .admin-bar.mobile_header_fix #header { margin-top:32px; }
}
@media screen and (max-width:781px) {
  body.admin-bar #container { padding:0; }
  body.admin-bar #header { top:40px; }
  body.admin-bar #mobile_menu { top:46px; } 
  .mobile .admin-bar.mobile_header_fix #header { margin-top:46px; }
  #wpadminbar { position: fixed !important; }
}




/* ----------------------------------------------------------------------
 ヘッダースライダー
---------------------------------------------------------------------- */
#header_slider { min-width:inherit; height:450px; margin:0 0 60px 0; }
#header_slider .item { height:450px; }
#header_slider .caption { width:auto; height:450px; margin:0 auto; position:relative; }
#header_slider .caption_inner { padding:0 35px; }
@media screen and (max-width:950px) {
  #header_slider .caption .desc { font-size:12px !important; line-height:2.0; margin:10px 0 0 0; }
  #header_slider .caption .meta li { font-size:12px !important; }
  #header_slider .caption .meta .view span:before { top:0; }
  #header_slider .caption .button { font-size:12px; min-width:180px; height:45px; line-height:45px; padding:0 10px; }
  #header_slider .caption .category { height:35px; }
  #header_slider .caption .category a { padding:0 10px; min-width:120px; height:35px; line-height:35px; }
  @-webkit-keyframes slideInAnimation {
    0% { top:-35px; }
    100% { top:0px; }
  }
  @keyframes slideInAnimation {
    0% { top:-35px; }
    100% { top:0px; }
  }
}
@media screen and (max-width:730px) {
  #header_slider { margin:0 0 40px 0; }
  #header_slider { height:350px; }
  #header_slider .item { height:350px; }
  #header_slider .caption { height:350px; }
  #header_slider .caption_inner { padding:0 30px; }
  .one_slider .slick-arrow { width:50px; height:50px; line-height:50px; }
  .one_slider .slick-arrow::before, .one_slider .slick-arrow::before { left:0; right:0; margin:auto; }
}




/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
/* 大きな記事（ブログ記事） */
#index_blog_list { padding:0; }
.post_list .item.large { border:none; margin:0 0 50px 0; padding:0; }
.post_list .item.large .item_inner{ width:100%; }
.post_list .item .title_area { margin:-100px 25px 0; }
.post_list .item.large.no_category .title_area { margin-top:-90px; }
.post_list .item .category a { padding:0 10px; min-width:120px; height:35px; line-height:35px; }
.post_list .item .view { min-width:120px; height:35px; line-height:35px; padding:0 10px; }
.post_list .view span { padding:0 0 0 11px; }
.post_list .view span:before { left:-10px; top:-9px; }
.post_list .item .title { font-size:26px; }
.post_list .item .title a { padding:45px 50px 0; }
.post_list .item .date { font-size:12px; }
.post_list .item .excerpt { margin:40px 0 0 0; line-height:2.0; font-size:14px; }
@media screen and (max-width:730px) {
  .post_list .item.large { margin:0 0 35px 0; }
  .post_list .item .title_area { margin:-70px 25px 0; }
  .post_list .item .title { font-size:18px; }
  .post_list .item .title a { padding:20px 25px 0; }
  .post_list .item .excerpt { margin:15px 0 0 0; }
}
@media screen and (max-width:420px) {
  .post_list .item .image { width:100%; height:170px; position:relative; }
  .post_list .item .image img {
    position:absolute; top:-100%; bottom:-100%; right:-100%; left:-100%; margin:auto;
    width: auto !important; height: auto; min-width:100%; min-height:100%; max-width:inherit;
  }
}


/* 小さな記事（おすすめ記事） */
#index_recommend_post_list { width:100%; padding:50px 0 0 0; }
.post_list .item.small { -webkit-width:calc(50% - 40px); width:calc(50% - 38px); display:inline-block; vertical-align:top; margin:0 0 0 25px; }
.post_list .item.small:nth-child(2n) { margin:0 0 0 25px; }
.post_list .item.small .title_area { margin:-78px 25px 56px; }
.post_list .item.small.no_category .title_area { margin-top:-35px; }
.post_list .item.small .title { font-size:18px; line-height:1.4; }
.post_list .item.small .title a { padding:24px 32px 0; }
.post_list .item.small .excerpt { margin:15px 0 0 0; line-height:2.0; font-size:14px; }
.post_list .item.small .meta_bottom { font-size:12px; color:#999; margin:10px 0 -8px 0; }
.second_post_group_inner { width:100%; margin:0 auto; padding:60px 0 0px 0; }
.no_second_post_group { height:40px; }
@media screen and (max-width:730px) {
  #index_recommend_post_list .headline { font-size:18px; margin:0 0 25px 0; }
  .post_list .item.small { width:auto; display:block; margin:0 0 45px 0; }
  .post_list .item.small:nth-child(2n) { margin:0 0 45px 0; }
  .post_list .item.small .title_area { margin:-70px 25px 0; }
  .post_list .item.small .title { font-size:18px; }
  .post_list .item.small .title a { padding:20px 25px 0; }
  .post_list .item.small .excerpt { margin:15px 0 0 0; }
  .second_post_group { border:none; }
  .second_post_group_inner { padding:0; }
  .post_list .item.small .meta_bottom li { margin-right:10px; }
}


/* CTA */
#index_cta { width:100%; min-width:inherit; height:350px; margin:0px 0 0 0; }
@media screen and (max-width:730px) {
  #index_cta .headline_area { padding:0 23px; }
  #index_cta .headline { font-size:22px !important; }
  #index_cta .desc { font-size:14px; line-height:2.0; }
  #index_cta .button { font-size:12px; height:45px; line-height:45px; padding:0 10px; margin:15px 0 0 0; min-width:220px; }
}


/* フリースペース */
.index_free_space { margin:40px auto; width:auto; }




/* ----------------------------------------------------------------------
 アーカイブ・固定ページの見出し　共通パーツ
---------------------------------------------------------------------- */
#page_header { min-width:inherit; height:50px; }
#page_header_inner {
  width:100%; padding:0 13px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#page_header .title { font-size:18px; line-height:50px; margin:0 15px 0 0; }
#page_header .sub_title { font-size:12px; line-height:1.5; margin:0; position:relative; height:50px; float:none; width:auto; }
#page_header .sub_title span { display:block; position:relative; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#page_header .avatar { margin:3px 15px 0 0; }
@media screen and (max-width:500px) {
  .archive.author #page_header { height:auto; }
  .archive.author #page_header .title { float:none; }
  .archive.author #page_header .sub_title { display:block; height:auto; padding:8px 15px; border-top:1px solid rgba(255,255,255,0.3); margin:0 -10px; }
  .archive.author #page_header .sub_title span { top:0%; -webkit-transform: translateY(0%); transform: translateY(0%); }
}


/* 画像を表示した場合 */
#page_header_image { width:100%; min-width:inherit; height:450px; }
#page_header_image .title_area { width:auto; }
#page_header_image .title { font-size:40px; line-height:1.3; word-wrap: break-word; position:relative; font-weight:500; }
#page_header_image .sub_title { font-size:16px; margin:15px 0 0 0; font-weight:normal; }
@media screen and (max-width:770px) {
  #page_header_image { height:350px; }
  #page_header_image .title_area { padding:0 30px; }
}




/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */
#archive_blog_list { padding:0; }

/* ページング */
.archive .page_navi, .home.paged .page_navi { padding:50px 0 50px; }
@media screen and (max-width:730px) {
  .page_navi { margin:0 auto 20px; padding:24px 0 0 0; }
  .archive .page_navi, .home.paged .page_navi { margin:0 auto 40px; padding:24px 0 0 0; }
}




/* ----------------------------------------------------------------------
 ランキングページ
---------------------------------------------------------------------- */
/* タブ */
#ranking_list_tab { width:100%; min-width:inherit; height:50px; margin:0 0 55px 0; }
#ranking_list_tab ol { width:auto; height:50px; }
#ranking_list_tab ol li { font-size:12px; height:50px; line-height:1.5; min-width:inherit; padding:0 10px; width:calc(100% / 3); position:relative; }
#ranking_list_tab ol li span { padding:0 10px; position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left:0; right:0; }
#ranking_list_tab ol li:first-of-type { border-left:none; }
#ranking_list_tab ol li:nth-child(3) { border-right:none; }


/* 一覧（基本的なスタイルはトップページの記事一覧を踏襲） */
.ranking_list_wrap { display:none; padding:0 0 40px 0; }
#ranking_container .ranking_list_wrap:first-of-type, #ranking_container .ranking_list_wrap:only-of-type { display:block; }
.post_list .rank_num { width:55px; height:55px; left:25px; }
.post_list .rank_num .label { font-size:10px; margin:9px 0 6px 0; }
.post_list .rank_num .num { font-size:22px; text-align:center; }
.post_list .item.small .rank_num { left:25px; }
@media screen and (max-width:730px) {
  #ranking_container .item { border-bottom:1px solid #ddd; padding:0 0 32px 0; margin:0 0 55px 0; }
  #ranking_container .item.small { padding:0 0 45px 0; }
  #ranking_container .item:last-of-type { border:none; padding:0; margin:0 0 45px 0; }
  .post_list .item.small .bottom_view span:before { top:0; }
}




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

/* メニューボタン */
#menu_button {
  position:absolute; z-index:9; top:0px; right:0; background:#fff !important;
  display:inline-block; font-size:11px; width:53px; height:53px; line-height:53px; text-decoration:none; text-align:center;
}
#menu_button span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#menu_button:before {
  font-family:'design_plus'; display:block; position:absolute; top:19px; left:15px; margin:auto;
  font-size:18px; width:18px; height:18px; line-height:18px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#menu_button:before { content:'\f0c9'; }
#menu_button:hover, a.menu_button.active { background:#333; }
#menu_button:hover:before, #menu_button.active:before { color:#fff; }


/* ヘッダーウィジェット */
#header_widget { display:none; }
#header_widget_button { display:none; }


/* グローバルメニュー */
.pc #global_menu > ul > li a { font-size:12px; }
#header #global_menu { display:none; width:100%; }
#mobile_menu #global_menu { width:100%; margin:0; z-index:9; }
#mobile_menu #global_menu ul { margin:0; }
#mobile_menu #global_menu ul ul { }
#global_menu li ul { display:none; }
#mobile_menu #global_menu a {
  position:relative; display:block;  margin:0; padding:18px 20px; line-height:1.6; overflow:hidden; text-decoration:none;
  color:#fff; font-size:13px; border-bottom:1px solid rgba(255,255,255,0.2);
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#mobile_menu #global_menu a:hover { color:#fff; }
#mobile_menu #global_menu ul ul a { padding-left:32px; }
#mobile_menu #global_menu ul ul ul a { padding-left:47px; }
#mobile_menu #global_menu ul ul ul ul a { padding-left:60px; }
#mobile_menu #global_menu .image { display:none; }


/* グローバルメニュー（子メニュー） */
#mobile_menu #global_menu li { position:relative; }
#mobile_menu #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;  }
#mobile_menu #global_menu .child_menu_button .icon:before {
  content:'+'; font-size:20px; color:#fff; text-align:center;
  display:block; width:20px; height:20px; line-height:20px; border:1px solid #fff; border-radius:100%;
  position:absolute; left:20px; top:15px;
}
#mobile_menu #global_menu .child_menu_button.active .icon:before, #mobile_menu #global_menu .child_menu_button:hover .icon:before { color:#fff; border-color:#fff; }
#mobile_menu #global_menu li.open > .child_menu_button .icon:before { content:'-'; }
#mobile_menu #global_menu li.open > ul { display:block; }


/* メガメニュー */
.header_category_menu { width:100%; }
.header_category_menu_inner { width:100%; }
.header_category_menu ul { margin:20px 0 0 20px; }
.header_category_menu li { width:calc(20% - 20px); height:auto; margin:0 20px 0 0;  }
.header_category_menu li:nth-child(5n) { margin-right:0; }
#mobile_menu #global_menu li.menu-item-type-mega-menu li { display:none; }
#mobile_menu #global_menu li.menu-item-type-mega-menu li.menu-item-type-taxonomy { display:block; }


/* 閉じるボタン */
#mobile_menu .close_button { display:block; width:100%; height:56px; position:relative; cursor:pointer; border-bottom:1px solid rgba(255,255,255,0.2); }
#mobile_menu .close_button:before {
  font-family:'design_plus'; color:#fff; font-size:24px; display:block; 
  content:'\e91a'; position:absolute; top:18px; right:18px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}


/* ロゴ */
#logo_text { z-index:8; }
#logo_text h1, #logo_text h2 { font-weight:normal; height:53px; line-height:53px; text-align:center;  }
#logo_text a { display:block; -webkit-transition-property:none; transition-property:none; }
#logo_image {
  position:absolute; top:50%; left:0; right:0; margin:auto;
  -webkit-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; }


/* カテゴリー一覧 */
#header_category_list { width:auto; }
#header_category_list li { border-bottom:none; }
#header_category_list .title { left:15px; font-size:12px; width:85px; text-align:left; }
#header_category_list .num { font-size:11px; width:34px; height:34px; line-height:34px; right:10px;  }
@media screen and (max-width: 1000px) {
  #header_category_list { width:100%; height:50px; margin:0 auto; overflow:scroll; position:relative; }
  #header_category_list ul { display:table; table-layout:fixed; text-align:center; width:-webkit-calc(100% + 5px); width:calc(100% + 5px); }
  #header_category_list::-webkit-scrollbar { display: none; }
  #header_category_list ul::-webkit-scrollbar { display: none; }
  #header_category_list ul li::-webkit-scrollbar { display: none; }
  #header_category_list li { width:155px; float:none; display:table-cell; vertical-align:top; }
  #header_category_list .col2 li, #header_category_list .col3 li, #header_category_list .col4 li, #header_category_list .col5 li { width:155px; }
  #header_category_list li a { height:50px; }
}
@media screen and (max-width: 320px) {
  #header_category_list .title { width:65px; }
  #header_category_list .col2 li, #header_category_list .col3 li, #header_category_list .col4 li, #header_category_list .col5 li { width:135px; }
}


/* パンくずリンク */
#bread_crumb { min-width:inherit; padding:15px 0; border-bottom:1px solid #ddd; margin:0 0 20px 0; }
#bread_crumb ul { width:900px; max-height:inherit; padding:0; overflow:hidden; margin:0 auto; }
#bread_crumb li { font-size:12px; }
#bread_crumb li.category a { display:none; }
#bread_crumb li.category a:first-of-type, #bread_crumb li.category a:only-of-type { display:inline-block; }
#bread_crumb li.category a:after { display:none; }
@media screen and (max-width:950px) {
  #bread_crumb ul { width:auto; padding:0 25px; } 
}
@media screen and (max-width:770px) {
  #bread_crumb ul { width:auto; padding:0 15px; } 
}




/* ----------------------------------------------------------------------
 記事ページ
---------------------------------------------------------------------- */
#article {
  width:900px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
@media screen and (max-width:950px) {
  #article { width:100%; padding:0 25px; }
}
@media screen and (max-width:770px) {
  #article { padding:0 15px; }
}

/* 記事タイトル */
#page_large_header { width:100%; min-width:inherit; height:450px; }
#page_large_header .title_area { width:100%; padding:0 30px; }
@media screen and (max-width:770px) {
  #page_large_header { height:350px; }
  #page_large_header.no_image { background:#333; height:250px; }
  #page_large_header .title_area .date { font-size:12px; margin-top:10px; }
}

/* カテゴリ― */
#post_meta_top { width:900px; }
#post_meta_top .category a { padding:0 10px; min-width:120px; height:35px; line-height:35px; }
#post_meta_top .view { min-width:120px; height:35px; line-height:35px; padding:0 10px; }
#post_meta_top .view span { padding:0 0 0 18px; }
#post_meta_top .view span:before { left:-5px; top:-8px; }
@media screen and (max-width:950px) {
  #post_meta_top { width:100%; }
}


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


/* ページ分割（続きを読むver） */
#p_readmore { padding:0; margin:0 0 -10px 0; }
#p_readmore .button { height:45px; line-height:45px; min-width:180px; }


/* メタ情報 */
#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; }


/* 次の記事、前の記事 */
#next_prev_post .title_area { margin:-46px 25px 0; display:block; z-index:2; padding:20px 53px; }
@media screen and (max-width:950px) {
  #next_prev_post div { float:left; width:50%; }
  #next_prev_post .prev_post { margin-right:-1px; }
  #next_prev_post .image { display:none; }
  #next_prev_post .title_area { margin:0 -1px 0 0; padding:20px; border:1px solid #ddd; text-align:center; }
  #next_prev_post .title { display:none; }
  #next_prev_post .nav { display:block; }
  #next_prev_post .title_area:before { top:12px; bottom:0px; left:22px; }
  #next_prev_post .next_post .title_area:before { top:12px; bottom:0px; right:22px; }
}


/* 広告 */
#single_banner_bottom { margin:40px auto 55px; }
.page #single_banner_bottom { margin:0 auto 50px; }
.single_banner_area .single_banner_left { padding:0 5px 0 0; }
.single_banner_area .single_banner_right { padding:0 0 0 5px; }
.single_banner_area.one_banner .single_banner_left { padding:0; }
#single_banner_shortcode { margin:40px 0; }
@media screen and (max-width:730px) {
  .single_banner_area .single_banner_left { padding:0; float:none; margin:0 auto; width:auto; text-align:center; }
  .single_banner_area .single_banner_right { padding:0; float:none; margin:0 auto; width:auto; text-align:center; }
  #single_banner_top { margin:15px 25px 40px; width:auto; }
  #single_banner_bottom { margin:40px 15px 40px; width:auto; }
  .page #single_banner_bottom { margin:0 15px 40px; }
  #single_banner_shortcode { margin:20px 0; }
}


/* 関連記事 */
#related_post { width:100%; min-width:inherit; margin:50px 0 0 0; }
.page #related_post { margin:0 0 50px 0;}
#related_post .headline { padding:50px 0 50px; text-align:center; }
#related_post .post_list { width:100%; margin:0 auto; }
@media screen and (max-width:730px) {
  #related_post { margin:40px 0 0 0; }
  .page #related_post { margin:0 0 0 0;}
  #related_post .headline { font-size:18px; padding:40px 0 25px; }
  #index_recommend_post_list .headline { font-size:18px; margin:0 0 25px 0; }
}


/* プロフィール */
.author_profile { padding:25px; margin:40px 0; }
.author_profile .avatar { float:none; margin:0 auto; }
.author_profile .avatar img { display:block; width:130px; height:130px; }
.author_profile .name { font-size:20px; margin:0 0 15px 0; float:none; text-align:center; }
.author_profile .info { float:none; width:auto; margin:25px 0 0 0; position:relative; }
.author_profile .author_link { float:none; margin:-7px 0 20px 0; font-size:0; text-align:center; }
.author_profile .desc { width:auto; }
.author_profile .archive_link { position:relative; float:right; padding:0 20px 0 0; margin:20px 0 0 0; }




/* ----------------------------------------------------------------------
 投稿者一覧ページ（基本的には上記のプロフィールを利用）
---------------------------------------------------------------------- */
#author_list_catch { font-size:24px; margin:-5px 0 50px 0; }
#author_list_page { font-size:0; margin:0; }
#author_list_page .author_profile { padding-bottom:130px; }
#author_list_page .title_area { margin:20px 0 0 0; position:relative; top: 0%; -webkit-transform: translateY(0%); transform: translateY(0%); }
#author_list_page .info { height:auto; }
#author_list_page .name { margin:0 0 15px 0; }
#author_list_page .author_link { margin:-10px 0 0 0; left:0px; }
#author_list_page .desc_area { clear:both; padding:20px 0 0 0; }
#author_list_page .catch { font-size:16px; line-height:1.8; margin:0 0 20px 0; }
#author_list_page .desc2 { margin:0 0 20px 0; }
@media screen and (max-width:730px) {
  #page_article { padding:40px 15px; }
  #author_list_catch { font-size:18px; margin:20px 0 40px 0; }
  #author_list_page { display:block; margin:0 0 40px 0; }
  #author_list_page .author_profile { width:100%; margin:0 0 20px 0; padding-bottom:30px;}
  #author_list_page .author_profile:last-child { margin:0; }
  #author_list_page .desc_area { clear:both; padding:10px 0 0 0; }
  #author_list_page .catch { margin:0 0 5px 0; }
  #author_list_page .archive_button { position:relative; bottom:auto; }
  #author_list_page .archive_button a { font-size:12px; width:220px; height:45px; line-height:45px; }
}



/* ----------------------------------------------------------------------
 固定ページ
---------------------------------------------------------------------- */
#page_article {
  width:100%; padding:50px 25px 20px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
@media screen and (max-width:730px) {
  #page_article { padding:20px 15px 0px; }
}

/* 404ページ */
#header_image_for_404 { margin:0 auto; }




/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
/* 基本設定 */
#comment_area_container { padding:50px 0 0 0; margin:0 0 100px 0; }
#comment_area_container_inner {
  width:100%; padding:0 25px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#comment_headline { font-size:22px; font-weight:500; text-align:center; margin:0 0 50px 0; }
#comments { font-size:12px; margin:0; }
#comment_area, #trackback_area { margin:15px 0 20px; padding:0 0 5px 0; }
#trackback_area { display:none; }
@media screen and (max-width:730px) {
  #comment_area_container { padding:40px 0 0 0; margin:0 0 40px 0; }
  #comment_area_container_inner { padding:0 25px; }
}


#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; }
  #comment_header ul li:first-child a, #comment_header ul li:first-child p { border-radius:5px 5px 0 0; }
  #comment_header ul li:last-child a, #comment_header ul li:last-child p { border-radius:0 0 5px 5px; }
}
@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_slider { min-width:inherit; width:100%; }
#footer_slider .category a {
  min-width:115px; height:35px; line-height:35px; padding:0 10px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}

#footer_slider .title { font-size:14px; padding:15px 14px; line-height:1.6; }


/* 検索エリア */
#footer_search_area_inner { width:100%; height:auto; }
@media screen and (max-width:770px) {
  #footer_search_area_inner { padding:20px 0 40px; }
  #footer_search_area_inner > div:last-of-type { margin-top:20px; }
}


/* ドロップダウンメニュー */
#footer_archive_dropdown {
  text-align:left; padding:0 0 0 25px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#footer_search_area.one #footer_archive_dropdown { float:none; padding:0 25%; }
#footer_archive_dropdown h3 { display:block; margin:0; }
#footer_archive_dropdown select { width:100%; }
@media screen and (max-width:770px) {
  #footer_archive_dropdown { float:none; padding:0 25px; width:100%; }
  #footer_search_area.one #footer_archive_dropdown { padding:0 25px; }
}


/* 検索フォーム */
#footer_search_form {
  padding:0 25px 0 0;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#footer_search_area.one #footer_search_form { float:none; padding:0 25%; }
#footer_search_form h3 { display:block; margin:0; }
#footer_search_form form { width:100%; }
@media screen and (max-width:770px) {
  #footer_search_form { float:none; padding:0 25px; width:100%; }
  #footer_search_area.one #footer_search_form { padding:0 25px; }
}


/* フッターウィジェットエリア */
#footer_bottom { width:auto; padding:40px 20px 0; display:block; }


/* ロゴ */
#footer_bottom .pc_logo_image { display:none; }
#footer_bottom .mobile_logo_image { display:inline-block; }


/* サイト情報 */
#footer_bottom .footer_logo { margin:0 0 15px 0; }
#footer_info { -webkit-flex:0 0 auto; flex:0 0 auto; border:none; padding:0; margin:0; text-align:center; }
#footer_info .info p { line-height:2.3; font-size:14px; }


/* SNSボタン */
#footer_social_link { margin:2px auto 0; text-align:center; }
#footer_social_link li { display:inline-block; float:none; margin:0; position:relative; }


/* メニュー */
#footer_menu li { margin:0 10px 10px 0; }
#footer_menu li:last-of-type { margin:0; }


/* ウィジェット */
#footer_widget {
  width:100%; padding:40px 25px 0;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#footer_widget .side_widget {
  width:50%; margin:0 40px 40px 0; padding:0; 
  width:-webkit-calc(50% - 20px); width:calc(50% - 20px);
}
#footer_widget .side_widget:nth-child(2n) { margin-right:0; }
#footer_center_widget { margin-right:0; }
@media screen and (max-width:770px) {
  #footer_widget .side_widget { width:100%; margin:0 0 40px; }
}


/* コピーライト */
#copyright { background:#333; text-align:center; width:auto; height:50px; line-height:50px; margin:50px -25px -6px; }
.no_page_border #copyright { margin:50px -20px 0; }
#copyright a { height:50px; line-height:50px; }


/* ページ上部へ戻るボタン */
#return_top { position:absolute; top:auto; bottom:0px; right:-6px; }
.no_page_border #return_top { right:0; }
#return_top a { height:50px; width:50px; line-height:50px; }
#return_top a:before { left:16px; }
.open_menu #return_top { display:none; }


/* フッターバー */
#dp-footer-bar {
  position:fixed; right:0px; bottom:0px; z-index:999; width:100%;
}
.open_menu #dp-footer-bar { display:none; }
.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;
}
.dp-footer-bar-type1 #dp-footer-bar.active {
  opacity:1;
}
.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 #container { 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: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: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: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: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; }
.side_headline { font-size:14px; padding:0 20px; height:45px; line-height:45px; }


/* デザインされた記事一覧1 */
.styled_post_list1 .image { width:120px; height:120px; }
.styled_post_list1 .info { -webkit-width:calc(100% - 140px); width:calc(100% - 140px); }
.styled_post_list1 .meta li { font-size:10px; }


/* デザインされた記事一覧2 */
.styled_post_list2 li { margin:0 0 25px 0; }
.styled_post_list2 li:last-of-type { margin:0; }
.styled_post_list2 .info { margin:-30px 30px 0; }
.styled_post_list2 .title { padding:20px 23px 10px; }





/* ----------------------------------------------------------------------
 WordPress プリセットスタイル
---------------------------------------------------------------------- */
/* text and headline */
.post_content p { line-height:2; }


/* list */
.post_content li, .post_content dt, .post_content dd { line-height:2; }


/* table */
.post_content td, .post_content th { line-height:2; }


/* パスワード保護 */
.c-pw__desc, .c-pw__desc p { line-height:2; }




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

/* pagebuilder */
@media screen and (max-width:500px) {
  .pb-widget-googlemap .p-access__map { height:auto; padding-bottom:100%; }
}



/* ----------------------------------------------------------------------
 CTA
---------------------------------------------------------------------- */
/* type1 */
.cta_type1 { width:100%; height:350px; margin:40px 0 80px; position:relative; }
@media screen and (max-width:950px) {
  .cta_type1 { width:100%; height:auto; margin:10px 0 40px; }
  .cta_type1 .image { width:100%; height:150px; float:none; }
  .cta_type1 .catch_area { width:100%; height:auto; float:none; border:1px solid #ddd; border-top:none; padding:20px 22px; text-align:center; }
  .cta_type1 .catch {
    position:relative; font-size:16px !important; text-align: left;
    left:0; top: 0%; -webkit-transform: translateY(0%); transform: translateY(0%);
  }
  .cta_type1 .button {
    position:relative; width:220px; height:45px; line-height:45px; margin:20px 0 0 0; font-size:12px; 
    left:0; top: 0%; -webkit-transform: translateY(0%); transform: translateY(0%);
  }
  .cta_type1 .button:after { right:7px; top:17px; }
}


/* type2 */
.cta_type2 { margin:40px 0 80px; }
@media screen and (max-width:950px) {
  .cta_type2 { margin:10px 0 40px; height:230px; }
  .cta_type2 .catch { font-size:16px !important; }
  .cta_type2 .button { width:220px; height:45px; line-height:45px; font-size:12px; }
  .cta_type2 .button:after { right:7px; top:17px; }
  .cta_type2 .catch_area { padding:0 25px; }
  .cta_type2 .catch { margin-bottom:22px; }
}


/* type3 */
.cta_type3 { width:100%; height:350px; margin:40px 0 80px; position:relative; }
@media screen and (max-width:950px) {
  .cta_type3 { width:100%; height:auto; margin:10px 0 40px; }
  .cta_type3 .image, .cta_type3.type2 .image { width:100%; height:150px; float:none; }
  .cta_type3 .catch_area, .cta_type3.type2 .catch_area { width:100%; height:auto; float:none; border:1px solid #ddd; border-top:none; }
  .cta_type3 .catch_area_inner {
    position:relative; padding:20px 22px; text-align:center;
    top: 0%; -webkit-transform: translateY(0%); transform: translateY(0%);
  }
  .cta_type3 .catch { font-size:16px !important; text-align: left; }
  .cta_type3 .desc { font-size:12px !important; line-height:1.6; text-align: left; margin-bottom:18px; }
  .cta_type3 .button { width:220px; height:45px; line-height:45px; font-size:12px; }
  .cta_type3 .button:after { right:7px; top:17px; }
}


/* footer cta */
@media only screen and (max-width: 1199px) {
  .p-footer-cta__catch { margin-bottom: 0; }
  .p-footer-cta__desc { display: none; }
  .p-footer-cta__btn { margin-left: 30px; }
}
@media only screen and (max-width: 991px) {
  .p-footer-cta__catch { font-size: 16px; }
}
@media only screen and (max-width: 767px) {
  .p-footer-cta__inner { height: 60px; padding-left: 10px; padding-right: 55px; }
  .p-footer-cta__inner::after { content: "\e910"; color: #fff; font-family: "design_plus"; font-size: 14px; width: 14px; height: 14px; position: absolute; top: 0; bottom: 0; right: 45px; margin: auto; }
  .p-footer-cta__catch { font-size: 11px; line-height: 1.6; margin-bottom: 0; }
  .p-footer-cta__desc { display: none; }
  .p-footer-cta__btn { display: none; }
  .p-footer-cta__close { border-radius: 0; top: 0; right: 0; width: 35px; height: 100%; background: #444; text-align: center; }
  .p-footer-cta__close::before { height: 100%; line-height: 60px; }
}