@charset "utf-8";


/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
/* レイアウト */
body { touch-action:manipulation; padding-top:60px; }
body.hide_page_side_bar { padding-top:0; }
#container { display:block; min-height:inherit; }
#main_content { width:auto; left:auto !important; overflow:hidden; }
@media only screen and (max-width: 850px) {
  #main_col { width:auto; margin:0 50px; }
	#article { width:auto; margin:0 50px; padding:50px 0; }
}
@media only screen and (max-width: 600px) {
  #main_col { margin:0 20px; }
	#article { margin:0 20px; padding:0 0 40px; }
	body.single_paged #article { padding-top:40px; }
}


/* admin bar利用時 */
body.admin-bar { padding-top:90px; }
@media screen and (max-width:782px) {
  body.admin-bar { padding-top:105px; }
}
@media screen and (max-width:600px){
  #wpadminbar { position:fixed !important; }
}


/* 会員限定記事アイコン */
@media only screen and (max-width: 850px) {
  .member_only_icon { height:30px; line-height:28px; border-radius:30px; }
}




/* ----------------------------------------------------------------------
 トップページ ヘッダースライダー
---------------------------------------------------------------------- */
@media only screen and (max-width: 1100px) {
  #header_slider_wrap { height:500px; }
  #header_slider { height:500px; }
  #header_slider .item { height:500px; }
}
@media only screen and (max-width: 850px) {
  #header_slider_wrap { height:450px; }
  #header_slider { height:450px; }
  #header_slider .item { height:450px; }
	#header_slider .slick-arrow { display:none !important; }
	#header_slider .slick-dots { display:none !important; }
	#header_slider .content { padding:0 20px; }
}
@media only screen and (max-width: 600px) {
  #header_slider_wrap { height:400px; }
  #header_slider { height:400px; }
  #header_slider .item { height:400px; }
}




/* ----------------------------------------------------------------------
 コンテンツビルダー
---------------------------------------------------------------------- */

/* タブ記事 */
@media only screen and (max-width: 850px) {
  .cb_tab_post_inner { width:auto; margin:0 50px; padding:50px 0; }
	.index_tab_post_wrap.one_post_list { margin-top:40px; }
	.index_tab_post_headline { margin-top:40px; font-size:14px; }
	.index_tab_post_headline > div { height:50px; padding:3px 10px 0; }
	.cb_tab_post .splide__arrow.splide__arrow--prev { display:none; }
	.cb_tab_post .splide__arrow.splide__arrow--next { display:none; }
	.index_tab_post { height:auto; padding:20px; }
	.index_tab_post .item { width:100%; height:auto; margin-right:0px; aspect-ratio:565/323; }
	.index_tab_post .title { font-size:18px; }
	.index_tab_post .member_only_icon { margin-bottom:10px; }
	.index_tab_post .image_wrap:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); }
	.cb_tab_post .link_button { margin-top:50px; }
}
@media only screen and (max-width: 600px) {
  .cb_tab_post_inner { margin:0; padding:40px 0; }
	.cb_tab_post .header_catch { padding:0 20px; }
  .cb_tab_post .header_desc { margin:25px 20px 0; line-height:2; }
  .cb_tab_post .header_desc.pc { display:none; }
  .cb_tab_post .header_desc.mobile { display:block; }
	.index_tab_post_wrap.one_post_list { margin-top:30px; }
	.index_tab_post_headline { margin-top:30px; }
	.index_tab_post_headline > div:last-of-type { border-right:none; }
	.index_tab_post_headline > div:first-of-type { border-left:none; }
	.index_tab_post .content { padding:20px; }
	.index_tab_post .title { font-size:16px; }
	.cb_tab_post .link_button { margin-top:40px; }
}


/* 声 */
@media only screen and (max-width: 850px) {
  .cb_voice_list { padding:50px 0; }
  .cb_voice_list:last-of-type { padding-bottom:100px; }
  .cb_voice_list .header_desc { width:auto; margin:25px 50px 0; }
  .cb_voice_list .voice_list { margin-top:40px; }
  .cb_voice_list .link_button { margin-top:50px; }
}
@media only screen and (max-width: 600px) {
  .cb_voice_list { padding:40px 0; }
  .cb_voice_list:last-of-type { padding-bottom:40px; }
  .cb_voice_list .header_desc { margin:23px 20px 0; line-height:2; }
  .cb_voice_list .header_desc.pc { display:none; }
  .cb_voice_list .header_desc.mobile { display:block; }
  .cb_voice_list .voice_list { margin-top:30px; }
  .cb_voice_list .link_button { margin-top:40px; }
}


/* ブログ */
@media only screen and (max-width: 850px) {
  .cb_post_list { padding:50px 0; }
  .cb_post_list:last-of-type { padding-bottom:100px; }
  .cb_post_list .header_desc { width:auto; margin:25px 50px 0; }
  .cb_post_list .blog_list { margin:40px 50px 0; width:auto; }
  .cb_post_list .news_list { width:auto; margin:40px 50px 0; }
  .cb_post_list .link_button { margin-top:50px; }
  .cb_post_list .free_space { width:auto; margin:50px 50px 0; }
}
@media only screen and (max-width: 600px) {
  .cb_post_list { padding:40px 0; }
  .cb_post_list:last-of-type { padding-bottom:40px; }
  .cb_post_list .header_desc { margin:23px 20px 0; line-height:2; }
  .cb_post_list .header_desc.pc { display:none; }
  .cb_post_list .header_desc.mobile { display:block; }
  .cb_post_list .blog_list { margin:30px 20px 0; }
  .cb_post_list .news_list { margin:30px 20px 0; }
  .cb_post_list .link_button { margin-top:40px; }
  .cb_post_list .free_space { margin:40px 20px 0; }
}


/* FAQ */
@media only screen and (max-width: 850px) {
  .cb_faq_list { padding:50px 0; }
  .cb_faq_list:last-of-type { padding-bottom:100px; }
  .cb_faq_list .header_desc { width:auto; margin:25px 50px 0; }
  .cb_faq_list .faq_list { margin:40px 50px 0; width:auto; }
  .cb_faq_list .link_button { margin-top:50px; }
}
@media only screen and (max-width: 600px) {
  .cb_faq_list { padding:40px 0; }
  .cb_faq_list:last-of-type { padding-bottom:40px; }
  .cb_faq_list .header_desc { margin:23px 20px 0; line-height:2; }
  .cb_faq_list .header_desc.pc { display:none; }
  .cb_faq_list .header_desc.mobile { display:block; }
  .cb_faq_list .faq_list { margin:30px 20px 0; }
  .cb_faq_list .link_button { margin-top:40px; }
}


/* フリースペース */
@media only screen and (max-width: 850px) {
  .cb_free_space { padding:50px 0; }
  .cb_free_space .post_content { width:auto; margin:0 50px; }
	.demo_index_about_button { margin-top:45px !important; }
	.demo_index_chart { margin-top:45px; margin-bottom:40px; }
	.demo_index_chart_button { margin-top:45px !important; }
	.demo_cb_content_banner { margin-top:50px !important; }
}
@media only screen and (max-width: 600px) {
  .cb_free_space { padding:40px 0; }
  .cb_free_space .post_content { margin:0 20px; }
	.demo_index_about_button { margin-top:35px !important; }
	.demo_index_chart { margin-top:30px; margin-bottom:30px; }
  .demo_index_chart_button { margin-top:35px !important; }
	.demo_cb_content_banner { margin-top:40px !important; }
}




/* ----------------------------------------------------------------------
 固定ページ
---------------------------------------------------------------------- */
@media only screen and (max-width: 1100px) {
  body.page_width_large #page_contents .post_content { width:auto; margin:0 50px; }
}
@media only screen and (max-width: 850px) {
  #page_contents { padding:50px 0 100px; width:auto !important; }
  #page_contents .post_content { width:auto; margin:0 50px; }
  body.hide_page_side_bar #page_contents .post_content { width:auto; }
}
@media only screen and (max-width: 600px) {
  #page_contents { padding:35px 0 40px; }
  #page_contents .post_content { margin:0 20px; }
  body.page_width_large #page_contents .post_content { margin:0 20px; }
}


/* LP1 */
@media only screen and (max-width: 850px) {
  #lp1 h2 { font-size:24px; margin:40px 0 20px 0; }
}
@media only screen and (max-width: 600px) {
  #lp1 h2 { font-size:22px; margin:30px 0 17px 0; }
	#lp1 .tcd_chart { margin:32px 0; }
	#lp1 .tcd_chart .chart_headline { margin:-2px 0 25px 0; line-height:1.4; }
	#lp1 .q_custom_button { margin-top:8px; }
	#lp1_chart2 .tcd_chart { margin-bottom:15px; }
  #lp1_chart2 .tcd_chart .chart_headline { margin:25px 0 7px 0; line-height:1.4; }
	#lp1_chart2 { margin-bottom:8px; }
}

/* LP1 */
@media only screen and (max-width: 850px) {
  #lp2 h2 { font-size:24px; margin:40px 0 20px 0; }
}
@media only screen and (max-width: 600px) {
  #lp2 h2 { font-size:22px; margin:30px 0 17px 0; }
}


/* アバウトページ */
@media only screen and (max-width: 850px) {
  #about_page h2 { font-size:24px; }
	#about_page .wide_content { padding:50px 0 50px; margin:50px 0 50px; }
	#about_page .content1 h2 { font-size:22px; }
	#about_career { margin-bottom:50px; }
}
@media only screen and (max-width: 600px) {
  #about_page h2 { font-size:22px; }
	#about_page_chart { margin:35px 0 30px; }
	#about_page .wide_content { padding:40px 0 40px; margin:40px 0 40px; }
	#about_page .content1 .headline { font-size:16px; height:50px; line-height:50px; }
	#about_page .content1 .name_area { padding:0 0 18px; margin:-7px 0 30px 0; }
	#about_page .content1 .name_area p { font-size:12px; margin:0 0 10px 0; }
  #about_page .content1 .name_area h3 { font-size:18px; }
	#about_page .content1 h2 { font-size:18px; margin:0 0 15px 0; }
  #about_page .content1 .desc { padding:0 30px; }
	#about_page .content1 .button_area { padding:20px 0 30px; }
	#about_career { margin-bottom:40px; }
  #about_career h3 { text-align:center; font-size:16px; height:50px; line-height:50px; }
	#about_career ul li { border-bottom:1px solid #ddd; padding:12px 20px; }
	#about_book h3 { font-size:16px; height:50px; line-height:50px; }
  #about_book .item { padding:30px 30px 25px; margin-bottom:40px; display:block; position:relative; }
	#about_book img { width:100px; }
	#about_book .content { width:auto; padding-left:0px; }
  #about_book .content h4 { font-size:16px; margin:0; position:absolute; top:30px; left:160px; width:calc(100% - 190px ); height:100px; display:flex; flex-wrap:wrap; align-items:center; }
  #about_book .content p { font-size:14px; margin:-5px 0 0 0; }
}


/* 会員限定ページのサンプル */
@media only screen and (max-width: 850px) {
  #membership_test_page .content1 .headline { font-size:18px; }
	#membership_test_page .content1 .catch_area h3 { font-size:18px; }
	#membership_test_page .content1 .button_area h4 { font-size:16px; }
	#membership_test_page .content1_banner { margin-top:50px !important; }
	#membership_test_page .wide_content { padding:50px 0 100px; margin:50px 0 -100px; }
	#membership_test_page .content2 { margin-top:50px; }
	#membership_test_page .content2 .headline { font-size:16px; height:50px; line-height:50px; }
	#membership_test_page .content2 .content { display:block; }
	#membership_test_page .content2 .title { text-align:center; }
	#membership_test_page .content2 .image { margin:0 auto; width:auto; }
  #membership_test_page .content2 .image img { margin:7px auto 30px; display:block; }
  #membership_test_page .content2 .content p { width:auto; padding-left:0px; }
	#membership_test_page .button_bottom { padding-top:50px; }
}
@media only screen and (max-width: 600px) {
  #membership_test_page .content1 { margin-top:32px; }
  #membership_test_page .content1:first-child { margin-top:0; }
  #membership_test_page .content1 .headline { font-size:16px; height:50px; line-height:50px; }
	#membership_test_page .content1 .desc { padding:0px 30px 20px; margin-top:-5px; }
	#membership_test_page .content1 .button_area { padding:25px 30px 30px; }
	#membership_test_page .content1_banner { margin-top:40px !important; }
	#membership_test_page .wide_content { padding:40px 0 40px; margin:40px 0 -40px; }
	#membership_test_page .content1 .catch_area { padding:0 30px 25px; margin:0 0 32px 0; }
	#membership_test_page .content1 .catch_area h3 { font-size:16px; }
	#membership_test_page .content2 { margin-top:40px; }
	#membership_test_page .content2 .item { padding:25px 30px 25px; }
	#membership_test_page .content2 .title { text-align:left; line-height:1.6; margin-bottom:25px; }
  #membership_test_page .content2 .image img { margin:7px auto 25px; }
	#membership_test_page .button_bottom { padding-top:40px; }
}




/* ----------------------------------------------------------------------
 声
---------------------------------------------------------------------- */
@media only screen and (max-width: 850px) {
  #archive_voice { width:auto; padding:50px 0 100px; }
	.voice_list { width:auto; margin:0 50px; }
	.voice_list .item { padding:30px 30px 18px; }
	.voice_list .item .image { width:70px; height:70px; }
  .voice_list .item .post_content { width:calc(100% - 100px); }
	.voice_list .date { margin-top:18px; }
}
@media only screen and (max-width: 600px) {
  #archive_voice { padding:40px 0 40px; }
	.voice_list { margin:0 20px; }
	.voice_list .item { display:block; position:relative; }
	.voice_list .item .title { position:absolute; top:30px; left:120px; height:70px; width:calc(100% - 150px); margin:0; font-size:14px; display:flex; flex-wrap:wrap; align-items:center;}
	.voice_list.no_image .item .title { position:relative; top:auto; left:auto; height:auto; width:auto; display:block; }
	.voice_list .item .post_content { width:auto; }
	.voice_list .item .desc { margin-top:20px; }
}




/* ----------------------------------------------------------------------
 FAQ
---------------------------------------------------------------------- */
@media only screen and (max-width: 850px) {
  #archive_faq { width:auto; padding:50px 0 100px; }
	.faq_list { margin:0 50px; }
	.faq_list .item { margin-bottom:15px; }
	.faq_list .title { font-size:14px; }
	.faq_list .title span { padding:24px 50px 20px 60px; }
  .faq_list .title span:before { left:20px; top:50%; transform: translateY(-50%); }
	.faq_list .title span:after { left:26.5px; }
	.faq_list .title:after { right:20px; }
	.faq_list .desc { font-size:14px; line-height:2; padding:15px 0px 0px; }
}
@media only screen and (max-width: 600px) {
  #archive_faq { padding:40px 0; }
	.faq_list { margin:0 20px; }
	#archive_faq .page_navi { margin-top:12px; }
	.page_navi .next, .page_navi .prev { display:none; }
	.page_navi span.dots { width:25px; }
}
@media only screen and (max-width: 400px) {
  .page_navi a, .page_navi a:hover, .page_navi span { font-size:12px; width:45px; }
}




/* ----------------------------------------------------------------------
 お知らせ
---------------------------------------------------------------------- */
@media only screen and (max-width: 850px) {
  .news_category_button_wrap { margin:0 0 40px; }
  .news_category_button_wrap.use_scroll { margin:0 0 25px 0; overflow-x:auto; padding-bottom:15px; }
  .news_category_button { flex-wrap:nowrap; justify-content:center; }
  .news_category_button_wrap.use_scroll .news_category_button { justify-content:start; }
  .news_category_button li { font-size:14px; min-width:130px; flex: 1 0 auto; }
  .news_category_button li a { height:50px; white-space:nowrap; padding:0 20px; }
  .news_category_button_wrap.use_scroll .news_category_button li:last-of-type { padding-right:50px; min-width:150px; }
  .news_category_button_wrap.use_scroll .news_category_button li:first-of-type { padding-left:50px; min-width:150px; }

  #archive_news { width:auto; padding:50px 0px 100px; }
	.news_list { margin:0 50px; }
	.news_list .item { height:auto; }
	.news_list .animate_background { height:auto !important; width:50% !important; aspect-ratio:350/200; }
	.news_list .content { width:50%; }
	.news_list .content a { padding:0 30px; }	
	.news_list .title { font-size:16px; }
	.news_list .category { padding:0 20px; font-size:12px; min-width:100px; height:35px; line-height:35px; }
	.news_list .date { margin-bottom:15px; }
}
@media only screen and (max-width: 600px) {
  #archive_news { padding:40px 0px 40px; }
	.news_list { margin:0 20px; }
  .news_category_button_wrap.use_scroll .news_category_button li:last-of-type { padding-right:20px; }
  .news_category_button_wrap.use_scroll .news_category_button li:first-of-type { padding-left:20px; }
}
@media only screen and (max-width: 500px) {
	.news_list { display:block; }
	.news_list .item { height:auto; }
	.news_list .animate_background { height:auto !important; width:100% !important; aspect-ratio:350/200; }
	.news_list .content { width:100%; }
	.news_list .content a { padding:25px 25px; border:1px solid #ddd; border-top:none; }
	.news_list .list_like_button { left:auto; top:-40px; bottom:auto; }
}




/* ----------------------------------------------------------------------
 ブログアーカイブページ
---------------------------------------------------------------------- */
@media only screen and (max-width: 850px) {
  #category_carousel { width:calc(100% - 100px); }
	#category_carousel .item { height:50px; }
  #category_carousel .item a { height:50px; line-height:50px; font-size:14px; }
  #category_carousel_wrap .splide__arrow:before { font-size:14px; }
  #category_carousel_wrap .splide__arrow.splide__arrow--prev { left:-50px; }
  #category_carousel_wrap .splide__arrow.splide__arrow--next { right:-50px; }

	#category_carousel.cat_static { width:calc(100% - 40px) }

	#archive_blog { padding:50px 50px 100px; width:auto; }
	.blog_list .category { padding:0 20px; font-size:12px; min-width:100px; height:35px; line-height:35px; }
  .blog_list .content a { display:block; padding:22px 20px; height:190px; }
	.blog_list .title { font-size:16px; line-height:1.6; display:block; height:3.2em; }
	.blog_list .date { bottom:28px; }
	.blog_list .member_only_icon { left:20px; }
}
@media only screen and (max-width: 600px) {
	#archive_blog { padding:40px 20px 40px; }
  .blog_list .content a { display:block; padding:28px 20px; height:138px; }
	.blog_list .desc { display:none; }
	.blog_list .date { bottom:30px; }
}
@media only screen and (max-width: 500px) {
	.blog_list { display:block; }
	.blog_list .item { width:auto; }
	.blog_list .content { border-right:1px solid #ddd; }
}



/* ----------------------------------------------------------------------
 ページヘッダー
---------------------------------------------------------------------- */
#page_header { height:400px; width:100%; margin:0; }
@media only screen and (max-width: 1000px) {
  #page_header { height:320px; }
}
@media only screen and (max-width: 850px) {
  #page_header { height:270px; }
	#page_header .content { width:100%; padding:0 50px; }
	#page_header .desc { line-height:2; font-size:14px; }
	#page_header .desc.pc { display:none; }
	#page_header .desc.mobile { display:block; }
	#page_header.no_image { padding:38px 0 0; }
}
@media only screen and (max-width: 600px) {
  #page_header { height:220px; }
	#page_header.small { height:130px; }
	#page_header .content { padding:0 20px; }
	#page_header.small .content { top:calc(50% - 25px); }
  .page_navi { margin:12px 0 0 0; }
}




/* ----------------------------------------------------------------------
 ドロワーメニュー
---------------------------------------------------------------------- */
#drawer_menu {
	display:block; position:fixed; top:0px; right:0; width:100%; height:100vh; height:100dvh; background:#f8f8f8; overflow:auto; z-index:99999;
	opacity:0; transition: opacity 0.7s ease; -webkit-overflow-scrolling: touch; pointer-events:none;
}
.open_menu #drawer_menu { opacity:1; pointer-events:auto; }
.open_menu #js-footer-bar { display:none; }
body.admin-bar #drawer_menu { top:32px; }
@media only screen and (max-width: 782px) {
  body.admin-bar #drawer_menu { top:48px; }
}


/* ドロワーメニューのスクロールバー */
#drawer_menu .simplebar-scrollbar:before { background:#000 !important; }


/* ロゴ */
#drawer_menu .header { position:relative; width:100%; height:60px; background:#fff; }
#drawer_logo { position:absolute; left:20px; top:50%; transform: translateY(-50%); }
#drawer_logo img { max-width:100%; display:block; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; max-height: 50px; height: auto;}
#drawer_logo a:hover img { opacity:0.5; }
#drawer_logo a .logo_text { font-weight:500; }


/* 閉じるボタン */
#drawer_menu .close_button { cursor:pointer; display:block; width:60px; height:60px; position:absolute; top:0px; right:0px; z-index:10; }
#drawer_menu .close_button:before {
  color:#000; font-family:'design_plus'; content:'\e91a'; font-size:20px; display:block; top:21px; left:19px; position:absolute;
  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#drawer_menu .close_button:hover:before { }


/* ログインボタン */
#mobile_login_button { display:flex; flex-wrap:wrap; }
#mobile_login_button a { display:block; background:#000; color:#fff; height:50px; line-height:50px; text-align:center; flex: 1 1 0%; font-size:14px; }
#mobile_login_button a:last-of-type { border-left:1px solid #444; }
#mobile_login_button a:only-of-type { border:none; }
#mobile_login_button span { padding-left:20px; }
#mobile_login_button .my_page:before { content:'\e921'; font-family:'design_plus'; font-size:14px; position:absolute; }
#mobile_login_button .open_register_modal:before, #mobile_login_button .external_link:before { content:'\e911'; font-family:'footer_bar'; font-size:14px; position:absolute; }
#mobile_login_button .logout:before { content:'\e922'; font-family:'design_plus'; font-size:14px; position:absolute; }
#mobile_login_button .open_login_modal:before { content:'\e924'; font-family:'design_plus'; font-size:14px; position:absolute; }


/* グローバルメニュー */
#header #global_menu { display:none; }
#mobile_menu { width:100%; margin:-1px 0 0; border-top:1px solid #ddd; }
#mobile_menu ul { margin:0; }
#mobile_menu li ul { display:none; }
#mobile_menu a {
  position:relative; display:block;  margin:0; padding:0 50px 0 20px; height:50px; line-height:50px; overflow:hidden; text-decoration:none;
  color:#fff; font-size:14px; background:#003040;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; visibility:visible;
}
#mobile_menu li li a { border:none; height:50px; line-height:50px; }
#mobile_menu a:hover { color:#fff; }


/* グローバルメニュー（子メニュー） */
#mobile_menu li { position:relative; }
#mobile_menu .child_menu_button { display:block; position:absolute; text-align:center; width:50px; height:50px; right:0px; top:-5px; z-index:9; cursor:pointer; }
#mobile_menu .child_menu_button:after {
  background:#fff; content:''; height:2px; width:12px; display:block;
  position:absolute; right:25px; top:30px; transition: background-color 0.25s ease;
}
#mobile_menu .child_menu_button:before {
  background:#fff; content:''; height:12px; width:2px; display:block;
  position:absolute; right:30px; top:25px; transition: background-color 0.25s ease;
}
#mobile_menu li.open > .child_menu_button:before {  display:none; }
#mobile_menu li.open > a { border-bottom:none; }
#mobile_menu li li a { background:#000; }
#mobile_menu li ul { background:#000; }


/* フッターメニュー */
#mobile_footer_menu { display:flex; flex-wrap:wrap; padding:28px 0; }
#mobile_footer_menu .footer_menu { width:auto; flex: 1 1 0%; }
#mobile_footer_menu .footer_menu li { margin:0; font-size:14px; }
#mobile_footer_menu .footer_menu li a:hover { color:#000 !important; }
#mobile_footer_menu a {
  position:relative; display:block;  margin:0; padding:8px 20px; line-height:1.6; overflow:hidden; text-decoration:none;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; visibility:visible;
}


/* SNS */
#mobile_sns { text-align:left; padding-left:12px; margin-bottom:40px; }




/* ----------------------------------------------------------------------
 ページ上部　ヘッダー
---------------------------------------------------------------------- */
#header { width:100%; min-height:inherit !important; padding-bottom:0px; background:#fff; z-index:9999; position:fixed; left:0; top:0; height:auto !important; overflow:visible; }
body.admin-bar #header { top:30px; }
@media screen and (max-width:782px) {
  body.admin-bar #header { top:48px; }
}
body.show_header_message #header { position:sticky; }
#header:after { content:''; display:block; width:100%; height:60px; background:#fff; }
body.header_fixed #header:before { content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; left:0; bottom:0; }
body.header_fixed.active_header_search #header:before { display:none; }
#header .simplebar-content-wrapper { position: static !important; overflow: visible !important; }
#header .simplebar-mask { position: static !important; overflow: visible !important; }


/* ロゴ */
#header_logo { padding:0; height:auto; border:none; display:block; position:absolute; top:50%; transform: translateY(-50%); left:20px; min-height: unset;}
#header_logo .logo_image.mobile { display:block;  max-height: 50px;}
#header_logo .logo_image.pc { display:none; }


/* 非表示にする要素 */
#global_menu { display:none; }
#site_desc { display:none; }
#side_widget { display:none; }
#header_sns { display:none; }


/* メニューボタン */
#drawer_menu_button {
  position:absolute; z-index:2; right:0px; bottom:0px; transition:opacity 1.4s ease 0.5s;
  display:inline-block; font-size:11px; width:60px; height:60px; line-height:60px; text-decoration:none; text-align:center;
}
#drawer_menu_button span {
  width:22px; height:2px; background:#000; display:block; position:absolute; left:28px;
  -webkit-transition-property:background-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  transition-property:background-color; transition-duration:0.2s; transition-timing-function:ease;
	-webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
#drawer_menu_button:hover span { opacity:0.5; }
#drawer_menu_button span { left:19px; }
#drawer_menu_button span:nth-child(1) { top:24px; }
#drawer_menu_button span:nth-child(2) { top:30px; }
#drawer_menu_button span:nth-child(3) { top:36px; }


/* メッセージ */
#header_message { padding:10px 0; z-index:99999; left:0; width:100%; }
#header_message .post_content { width:auto !important; margin:0 20px !important; }
#header_message.show_close_button .post_content { margin:0 40px !important; }
@media screen and (max-width:750px) {
  #header_message .post_content { line-height:1.8; }
  #header_message.show_close_button .post_content { margin:0 35px !important; }
}


/* パンくずリンク */
@media screen and (max-width:850px) {
  #bread_crumb { padding:0 20px !important; height:50px; background:#fff; border:none; }
	#bread_crumb ul { height:50px !important; line-height:50px !important; width:auto !important; }
	#bread_crumb li { font-size:12px; margin-right:6px; padding-right:18px; }
	#bread_crumb li.home { padding-right:15px; }
	#bread_crumb li:after { font-size:9px; top:1px; color:#000; }
	#bread_crumb li a { color:#000; }
	#bread_crumb li.home a:before { color:#000; }
	#bread_crumb, #bread_crumb li.last { color:#999; }
}


/* 検索フォーム */
#mobile_header_search_button { width:60px; height:60px; position:absolute; cursor:pointer; right:60px; top:0; z-index:100; }
#mobile_header_search_button:before {
  display:block; font-family:'design_plus'; color:#000; font-size:16px; content:'\e94c';
  top:25px; right:1px; position:absolute;
}
body.active_header_search #mobile_header_search_button:before { content:'\e91a'; font-size:20px; top:22px; right:0; }
#mobile_header_search_button:hover:before { color:#aaa; }

#header_search { display:block; position:absolute; top:0px; left:0; width:100%; height:70px; z-index:-1; transition: transform 0.3s ease; transform: translate3d(0,-10px,0); }
#header_searchform { height:70px; width:100%; position:relative; z-index:100; background:#000; }
body.active_header_search #header_search { transform: translate3d(0,60px,0); }
#header_search .input_area { width:calc(100% - 20px); height:45px; position:absolute; left:10px; top:12px; }
#header_search .input_area input { width:100%; height:100%; border:none; background:#f3f3f3; border-radius:45px; padding:20px; }
#header_search .button { position:absolute; right:10px; top:12px; width:45px; height:45px; }
#header_search .button input { width:45px; height:45px; background:none; border:none; position:relative; }
#header_search .button label { width:45px; height:45px; cursor:pointer; pointer-events:initial; position:absolute; top:0px; left:0px; z-index:10; }
#header_search .button label:before { font-family:'design_plus'; color:#000; font-size:16px; content:'\e94c'; position:absolute; top:16px; left:12px; }
#header_search .button label:hover:before { color:#999; }


/* ニュースティッカー */
#main_content_header { height:50px; }
#main_content_header.no_header_news { display:none; }
#news_ticker { width:100%; height:30px; padding-top:1px; }
#news_ticker a { padding:0 20px; font-size:14px; }
#news_ticker .date { width:115px; }
#news_ticker .title { width:calc(100% - 90px); }
#main_content_header .archive_link { display:none; }
@media screen and (max-width:850px) {
  body.single #main_content_header { display:none; }
}


/* ログアウトボタン */
#header_logout_button { display:none; }




/* ----------------------------------------------------------------------
 ブログ詳細ページ
---------------------------------------------------------------------- */
/* タイトルエリア */
@media screen and (max-width:850px) {
  #single_post_header .category { font-size:12px; height:35px; line-height:35px; min-width:100px; padding:0 20px; }
	#single_post_header .content { padding:25px 30px; }
	#single_post_header .meta { margin-top:10px; }
	body.single-news #single_post_header .meta { margin-top:0px; margin-bottom:15px; }
	#single_post_header .date { font-size:14px; padding-left:18px; }
  #single_post_header .date:before { font-size:14px; }
  #single_post_header .update { font-size:14px; padding-left:18px; }
  #single_post_header .update:before { font-size:13px; }
	#single_post_header .meta_category { font-size:12px; padding-left:10px; margin-left:10px; }
	#single_post_header .like_button { width:35px; padding:0; }
	#single_post_header .like_button .like_label { display:none; }
	#single_post_header .like_button .like_message { display:none !important; }
	#single_post_header .like_button:before { left:10px; }
	.like_message { display:none; }
}
@media screen and (max-width:600px) {
  #single_post_header { width:calc(100% + 40px); margin:0 -20px 40px; }
	#single_post_header .content { border-left:none; border-right:none; padding:25px 20px; }
}
@media screen and (max-width:400px) {
	#single_post_header.no_image .meta { margin-bottom:-10px; }
	#single_post_header.no_image .date { margin-bottom:10px; }
}


/* 会員限定 */
@media screen and (max-width:850px) {
	#single_post_header .member_only_icon { left:20px; }
  #single_register { padding:30px; }
	#single_register .open_register_modal, #single_register .external_link { margin-top:0px; width:240px; height:50px; line-height:50px; font-size:14px; }
	#single_register .open_login_modal { margin-bottom:15px; }
}
@media screen and (max-width:600px) {
  #single_register { margin-top:30px; font-size:14px; }
	#single_not_login_user .short_content { max-height:10em; }
	#single_not_login_user .short_content:after, #original_excerpt.original_excerpt_gradation:after { background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,rgba(248,248,248,1) 100%); }
  body.hide_page_side_bar #single_not_login_user .short_content:after { background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,rgba(255,255,255,1) 100%); }
}


/* SNSボタン */
@media screen and (max-width:850px) {
  #single_share_top { margin:0 0 40px 0; }
  #single_share_top .share-top { }
  #single_share_bottom { margin:40px 0 0; }
  #single_share_bottom .share-btm { margin-bottom:0 !important; padding:0; }
  #single_share_top .mt10, #single_share_top .mt10 { margin:0 !important; }
  #single_share_bottom .mb45, #single_share_bottom .mb45 { margin:0 !important; }
  .share-type1 ul { text-align:center; margin-bottom:-5px !important; }
  .share-type3 ul { text-align:center; margin-bottom:-5px !important; }
  .share-type2 ul.type2 { text-align:center; margin-bottom:-5px !important; }
  .share-type4 ul.type4 { text-align:center; margin-bottom:-5px !important; }
  .sns_default_top  { text-align:center; margin-bottom:-5px !important; }
}


/* コピーボタン */
@media screen and (max-width:850px) {
  #single_copy_title_url_top { margin:0 0 35px; }
  #single_copy_title_url_btm { margin:35px 0 0; }
  .single_copy_title_url_btn { border-width:2px; font-size:12px; line-height:46px; min-width:250px; }
}


/* ページ分割 */
@media screen and (max-width:800px) {
}


/* 広告 */
@media screen and (max-width:850px) {
  .single_banner { line-height:2; }
  #single_banner_top { width:auto; padding:0; margin:0 0 40px 0; }
  #single_banner_bottom { width:auto; margin:40px 0 0; }
  #single_banner_shortcode { padding:0 0 20px; }
}


/* デモサイト用 */
@media screen and (max-width:850px) {
  #demo_blog_banner { display:block; }
	#demo_blog_banner img { display:block; margin:0 auto; }	
	#demo_blog_banner a:first-of-type img { margin-bottom:20px; }
}


/* いいねボタン */
@media screen and (max-width:850px) {
  .p-single-like { padding:30px; margin-top:40px; }
	.p-single-like__desc { line-height:1.6; font-size:14px; }
	.p-single-like__button { width:auto; height:40px; border-radius:40px; padding:0 20px; }
}


/* ナビゲーション */
@media screen and (max-width:850px) {
	#next_prev_post { margin:40px 0 0; }
	#next_prev_post .item { height:50px; }
  #next_prev_post .nav { display:block; }
  #next_prev_post .title { display:none; }
  #next_prev_post .nav {
		position:relative; text-align:center; width:100%; font-weight:500; font-size:12px; line-height:1;
    -webkit-box-sizing:border-box; box-sizing:border-box;
    -webkit-transition: color 0.2s ease; transition: color 0.2s ease;
  }
	#next_prev_post .nav:after {
    z-index:10; position:absolute; margin-top:2px; left:15px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
    font-family:'design_plus'; color:#000; font-size:12px; font-weight:500; display:block;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
  }
	#next_prev_post .prev_post .nav:after { content:'\e90f'; }
  #next_prev_post .next_post .nav:after { content:'\e910'; left:auto; right:15px; }
}


/* メタ情報 */
@media screen and (max-width:850px) {
  #post_tag_list { margin:40px 0 -5px; }
  #post_tag_list a { font-size:12px; }
}


/* プロフィール */
@media screen and (max-width:850px) {
  .author_profile { padding:20px 20px 15px; margin-top:40px; }
  .author_profile .avatar_area { width:90px; height:90px; }
  .author_profile .info { -webkit-width:calc(100% - 90px); width:calc(100% - 90px); }
  .author_profile .info_inner { padding:0 0 0 20px; }
  .author_profile .name { font-size:18px; margin:0 0 10px 0; }
	.author_profile .author_link { margin-top:5px; }
  .author_profile .desc { font-size:14px !important; }
	body.single .author_profile .desc { line-height:2; }
	#author_sns { margin-bottom:-5px; }
	#author_sns li { margin:0 10px 5px 0; }
  #archive_blog .author_profile { width:auto; margin:0 70px 80px; }
	body.author #archive_blog .author_profile { margin:0 0 50px; }
  body.author .author_profile .desc { font-size:14px !important; line-height:2; }
}
@media screen and (max-width:600px) {
	body.author #archive_blog { padding-top:40px; }
	body.author #archive_blog .author_profile { margin:0 0 40px; padding:30px; }
	body.author #archive_blog .avatar_area { margin-bottom:30px; }
	body.author #archive_blog .name { margin-bottom:25px; }
	body.author #archive_blog #author_sns { margin-top:23px; }
}


/* 関連記事 */
@media screen and (max-width:850px) {
  #single_bottom_content { padding:50px 0 0; }
  #single_bottom_content_inner { width:100%; }
	#single_related_post_slider { margin-bottom:50px; }
  #single_related_post_slider:after { height:97px; background:#fff; }
  #single_related_post_slider:before { height:97px; background:#fff; }
	#related_post .headline { font-size:22px; margin-bottom:50px; }
	#related_post .splide__arrow { display:none; }
	#related_post .animate_background { height:auto !important; }
	#related_post .content { height:97px; padding:15px 20px; }
	#related_post .category { padding:0 20px; font-size:12px; min-width:100px; height:35px; line-height:35px; }
	#related_post .title { font-size:14px; max-height:4.8em; }
}
@media screen and (max-width:600px) {
	#single_bottom_content:not(:has(#bottom_tab_post)) { padding:40px 0 1px; }
  #single_bottom_content { padding:40px 0 0; }
	#single_related_post_slider { margin-bottom:40px; }
	#related_post .headline { margin-bottom:40px; }
}


/* カテゴリー一覧 */
@media screen and (max-width:850px) {
  #bottom_category_list { margin:0 50px 50px; }
	#bottom_category_list .headline { height:50px; line-height:50px; font-size:16px; }
	#bottom_category_list li { width:50%; }
	#bottom_category_list li a { height:50px; line-height:50px; }
}
@media screen and (max-width:600px) {
  #bottom_category_list { margin:0 20px 40px; }
}


/* アーカイブ・検索 */
@media screen and (max-width:850px) {
  #bottom_search_box { display:block; margin:0 50px 50px; }
  #bottom_search_box .box_item { width:100%; }
	#bottom_search_box .box_item:first-of-type { margin-bottom:50px; }
	#bottom_search_box .box_item:only-of-type { margin-bottom:0px; }
	#bottom_search_box .search_area form { height:50px; }
  #bottom_search_box .search_area .search_input { width:calc(100% - 50px); }
  #bottom_search_box .search_area .search_input input { height:50px; }
  #bottom_search_box .search_area .search_button { width:50px; height:50px; }
  #bottom_search_box .search_area .search_button:before { width:50px; height:50px; line-height:50px; font-size:14px; }
	#bottom_search_box .search_area .search_button input { width:50px; height:50px; }
  #bottom_search_box .design_select_box label { width:50px; height:50px; }
  #bottom_search_box .design_select_box label:after { font-size:12px; top:23px; }
  #bottom_search_box .design_select_box select { height:50px; line-height:50px; font-size:14px; }
}
@media screen and (max-width:600px) {
  #bottom_search_box { margin:0 20px 40px; }
	#bottom_search_box .box_item:first-of-type { margin-bottom:40px; }
	#bottom_search_box .box_item:only-of-type { margin-bottom:0px; }
}


/* タブ記事 */
@media screen and (max-width:850px) {
  #bottom_tab_post { margin-bottom:0px; }
  #bottom_tab_post_headline { margin-top:50px; font-size:14px; }
	#bottom_tab_post_headline > div { height:50px; line-height:50px; }
  #bottom_tab_post_headline > div:last-of-type { border-right:none; }
	.bottom_tab_post { height:240px; padding:20px; }
	.bottom_tab_post .item { height:90px; margin:0 0 20px 0; }
	.bottom_tab_post .animate_background { height:90px !important; }
  .bottom_tab_post .image_wrap { width:90px !important; height:90px !important; }
  .bottom_tab_post .content { width:calc(100% - 90px); }
	.bottom_tab_post .title { color:#fff; font-size:14px; }
}
@media screen and (max-width:600px) {
  #bottom_tab_post_headline { margin-top:40px; }
	.bottom_tab_post { height:auto; padding:20px; }
	.bottom_tab_post .item { height:90px; margin:0 0 20px 0; width:100%; }
	.bottom_tab_post .item:last-of-type { margin-bottom:0; }
  .bottom_tab_post .content { padding-left:20px; }
}



/* ----------------------------------------------------------------------
 その他のページ
---------------------------------------------------------------------- */
/* 404ページ*/
#page_404_header .content { padding:0 30px; }
#page_404_header { height:calc(100vh - 120px); height:calc(100dvh - 120px); }
@media screen and (max-width:850px) {
  #page_404_header { height:calc(100vh - 160px); height:calc(100dvh - 160px); }
}




/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer_nav { display:none; }
#footer_sns { display:block; padding:15px 20px; }
#footer_sns.sns_button_list.color_type1 li a::before { color:#fff; }
@media screen and (max-width:850px) {
  #footer { position:relative; top:auto; }
	#footer_site_desc { font-size:14px; padding:15px 50px; }
	#footer_free .post_content { width:auto; margin:0 auto; padding:0 50px; }
	#footer_nav { width:auto; padding:60px 50px; }
  #copyright { height:50px; line-height:50px; }
}
@media screen and (max-width:600px) {
	#footer_site_desc { padding:15px 20px; }
	#footer_free { padding:40px 0; }
	#footer_free .post_content { padding:0 20px; }
	#footer_nav { display:none; }
}


/* デモサイト用 */
@media screen and (max-width:800px) {
  #demo_footer_free_space { display:block; }
	#demo_footer_free_space a { margin:0 auto; }
  #demo_footer_free_space img { margin:0 auto; }
	#demo_footer_free_space a:first-of-type img { margin-bottom:20px; }
}
@media screen and (max-width:600px) {
	#demo_footer_free_space a { width:auto; }
}


/* ログインボタン */
@media screen and (max-width:1000px) {
  #side_button { position:relative; top:auto; transform:none; right:auto; display:flex; flex-wrap:wrap; z-index:1; }
  #side_button a { flex: 1 1 0%; font-size:14px; color:#fff; background:#000; width:auto; height:50px; line-height:50px; min-height:inherit; writing-mode: horizontal-tb; border-radius:0 !important; margin:0; }
  #side_button a:last-of-type { border-left:1px solid #444; }
  #side_button a:only-of-type { border:none; }
  #side_button.footer_login_button { display:flex; }
  body.show_footer_bar #side_button { padding-bottom:48px; }
  body.show_footer_bar #side_button a { border-bottom:1px solid #444 !important; }
	#side_button.hide_button { display:flex; }
	#side_button span { padding-left:20px; }
  #side_button .my_page:before { content:'\e921'; font-family:'design_plus'; font-size:14px; position:absolute; }	
  #side_button .open_register_modal:before, #side_button .external_link:before { content:'\e911'; font-family:'footer_bar'; font-size:14px; position:absolute; }
  #side_button .logout:before { content:'\e922'; font-family:'design_plus'; font-size:14px; position:absolute; }
  #side_button .open_login_modal:before { content:'\e924'; font-family:'design_plus'; font-size:14px; position:absolute; }
}


/* ページ上部へ戻るボタン */
body.show_footer_bar #return_top { bottom:65px; }
#return_top { right:15px; bottom:25px; }
body.sidebar_right #return_top a { right:15px; }
#return_top a { width:50px; height:50px; line-height:50px; }
#return_top a:before { left:17px; }
@media screen and (max-width:850px) {
	#return_top { display:none; }
	.p-footer-bar + #return_top { bottom:0px; }
	.p-footer-bar + #return_top.active { bottom:68px; }
}




/* ----------------------------------------------------------------------
 ウィジェット
---------------------------------------------------------------------- */


/* アーカイブ　ドロップダウン */
@media screen and (max-width:800px) {
  .p-dropdown__title { height:50px; line-height:50px; }
	.widget_archive select, .widget_categories select { padding:0 20px; }
}


/* デフォルトのカテゴリー */
@media screen and (max-width:800px) {
  .widget_categories li a { padding:0 20px; height:50px; line-height:50px; }
	.widget_categories li li a { padding-left:calc(20px + 1em); }
  .widget_categories li li li a { padding-left:calc(20px + 2em); }
	.widget_categories li .post-count { right:12px; top:12px; }
}


/* デフォルトのアーカイブ */
@media screen and (max-width:800px) {
  .widget_archive li a { padding:0 20px; height:50px; line-height:50px; }
  .widget_archive li li a { padding-left:calc(20px + 1em); }
  .widget_archive li li li a { padding-left:calc(20px + 2em);; }
  .widget_archive li .post-count { right:12px; top:12px; }
}


/* デフォルトのナビ　*/
@media screen and (max-width:800px) {
  .widget_nav_menu li a { padding:0 20px; height:50px; line-height:50px; }
  .widget_nav_menu li li a { padding-left:calc(20px + 1em); }
  .widget_nav_menu li li li a { padding-left:calc(20px + 2em); }
}


/* 検索 */
@media screen and (max-width:800px) {
	#searchform { height:50px; }
  #searchform #s { padding:0 20px; height:50px; }
  #searchform #searchsubmit { width:50px; height:50px; }
  #searchform .submit_button  { width:50px; height:50px; top:0px; }
  #searchform .submit_button:before { width:50px; height:50px; line-height:50px; font-size:14px; right:-2px; top:3px; }
}


/* デフォルトの最近の記事 */
@media screen and (max-width:800px) {
  .widget_recent_entries li { padding:0 0 10px 0; margin-bottom:10px; }
  .widget_recent_entries li:last-child { padding:0; margin:0; }
  .widget_recent_entries .post-date { font-size:12px; }
}


/* デフォルトのブロック */
@media screen and (max-width:800px) {
  .widget_block { font-size:14px; }	
}


/* デフォルトのテキストウィジェット */
@media screen and (max-width:800px) {
  .widget_text .textwidget { font-size:14px; }
}


/* デフォルトのアーカイブとカテゴリー　ドロップダウンメニュー */
@media screen and (max-width:800px) {
  .widget_archive select, .widget_categories select { height:50px; font-size:14px; }
  .widget_archive .screen-reader-text, .widget_categories .screen-reader-text  { height:50px; }
  .widget_archive .screen-reader-text:before, .widget_categories .screen-reader-text:before { top:22px; }
}




/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
#comments { margin:50px auto 0; padding:0 0 0 0; }
@media screen and (max-width:750px) {
  #comments { margin:40px 0 0 0; }
	#comments .headline { font-size:20px !important; margin:0 0 30px 0 !important; }
}


/* コメント・トラックバックのタブ */
#comment_tab li a, #comment_tab li p { padding:14px 15px; font-size:12px; }
@media screen and (max-width:750px) {
  body.mobile_device #comment_tab li a:hover { background:#fff; color:#000; }
}




/* ----------------------------------------------------------------------
 その他
---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 アカウントページ
---------------------------------------------------------------------- */
@media screen and (max-width:850px) {
  #account_content_wrap { margin:50px 0 100px; }
	body.membership-mypage #account_content_wrap { margin:0 -50px; }	
}
@media screen and (max-width:600px) {
  #account_content_wrap { margin:40px 0 40px; }
	body.membership-mypage #account_content_wrap { margin:0 -20px; }
	#account_content_wrap .account_content { padding:40px 20px; }
	#account_content_wrap .account_headline { font-size:18px; margin:0 0 40px 0; }
  #account_content_wrap .no_post { line-height:2; }
}


/* タブ */
@media screen and (max-width:850px) {
  #account_content_tab a { height:50px; line-height:1.2; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:0 10px; }
	#account_content_tab li.icon_type_icon { flex: 0 0 50px; }
}
@media screen and (max-width:600px) {
  #account_content_tab a { font-size:14px; }
}


/* お知らせ */
@media screen and (max-width:850px) {
}


/* 会員コンテンツ */
@media screen and (max-width:850px) {
  #account_member_only .blog_list .content a { height:130px; padding:22px 20px; }
	#account_member_only .blog_list .title { font-size:16px; line-height:1.6; display:block; height:3.2em; }
	#account_member_only .blog_list .title span { -webkit-line-clamp:2; }
	#account_member_only .blog_list .date { bottom:28px; }
}
@media screen and (max-width:600px) {
  #account_content_wrap #account_member_only { padding:40px 20px; }
}


/* お気に入り */
@media screen and (max-width:850px) {
  #like_list .image_wrap { width:50% !important; height:auto !important; }
  #like_list .content { width:50%; padding:0 30px; }
	#like_list .title { font-size:16px; }
}
@media screen and (max-width:600px) {
  #like_list .animate_background { display:block; }
  #like_list .image_wrap { width:100% !important; margin-bottom:15px; }
  #like_list .content { width:100%; padding:0; border:none; }
}


/* アカウント */
@media screen and (max-width:850px) {
	#account_edit dl { display:block; }
  #account_edit dt { width:auto; text-align:left; margin-bottom:18px; height:auto; line-height:1; display:block; }
  #account_edit dd { width:auto; margin-bottom:30px; }
	#account_edit .receive_email { margin-top:25px; }
	#account_edit .submit button { width:240px; height:50px; line-height:50px; font-size:14px; margin-top:10px; }
}
@media screen and (max-width:600px) {
  #account_edit .desc { line-height:2; margin:-10px -20px 40px; padding:0 20px 30px; }
	#delete_account_wrap { margin:40px -20px 0; padding:40px 20px 0; }
	#account_edit #delete_account_wrap .desc { margin:-10px 0 25px 0; }
}


/* 会員登録（ショートコード用） */
@media screen and (max-width:850px) {
	#sc_register_form { margin:50px 0; }
  #sc_register_form #registration-form { padding:40px 20px; }
  #sc_register_form #registration-form .headline { margin:0 0 35px 0; font-size:18px; }
	#sc_register_form #registration-form .input_field { margin:0 0 20px 0; width:100%; max-width:450px; padding:0 20px; }
	#sc_register_form #registration-form .receive_email { width:100%; max-width:450px; margin-bottom:13px; }
  #sc_register_form #registration-form .privacy_policy { margin:0 auto 30px; width:100%; max-width:450px; }
	#sc_register_form #registration-form .submit button { width:240px; height:50px; line-height:50px; font-size:14px; }
}
@media screen and (max-width:600px) {
	#sc_register_form { margin:35px 0; }
}




/* ----------------------------------------------------------------------
 ログイン・会員登録関連
---------------------------------------------------------------------- */
@media screen and (max-width:850px) {
  #modal_overlay { padding:50px 20px; }
  #modal_overlay .form_wrap .submit button { width:240px; height:50px; line-height:50px; font-size:14px; margin:10px 0 30px 0; }
  body.membership-login #modal_overlay .form_wrap .submit button { margin-bottom:0; }
	#modal_overlay .form_wrap .headline { font-size:16px; height:50px; line-height:50px; margin:-30px -30px 30px; }
  #modal_overlay .form_wrap .input_field { margin:0 0 20px 0; }
	#modal_overlay #register_modal_wrap .desc { line-height:2; font-size:14px; margin: 5px 0 22px 0; }
	#modal_overlay #register_modal_wrap .input_field { width:100%; max-width:400px; }	
	#modal_overlay #register_modal_wrap .receive_email { width:100%; max-width:400px; }
  #modal_overlay #register_modal_wrap .privacy_policy { width:100%; max-width:400px; }
	#modal_overlay #register_modal_wrap .submit button { margin:25px 0 0 0; }

	/* ログインフォーム */
 .login_form_wrap .login_form_area { padding:30px; }

	/* パスワードフォーム */
  .password_form_wrap .password_form_area { padding:30px 30px; }

	/* 会員登録 */
  #register_modal_wrap { display:none; width:auto; }
  #modal_overlay #register_modal_wrap .register_form_area { padding:30px 30px 30px; }
	
	/* ログインページ用　ログインフォーム */
  body.membership-login #account_content_wrap .login_form_wrap .headline { margin:-30px -30px 30px; height:50px; line-height:50px; font-size:18px; }
  body.membership-login #account_content_wrap .form_wrap .input_field { margin:0 0 30px 0; }
	body.membership-login #account_content_wrap .form_wrap .submit button { width:240px; height:50px; line-height:50px; font-size:14px; margin-top:0px; }
}
@media screen and (max-width:600px) {
  #modal_overlay #register_modal_wrap .register_form_header { height:130px; }
}



/* ships モバイル用スタイルシート */