@charset "UTF-8";
@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; }
} 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; }
} @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; }
} @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; }
} @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; }
} @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;
} #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%); }
} @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; }
}  #page_404_header .content { padding:150px 30px; }
#page_404_header { min-height:calc(100vh - 120px); min-height:calc(100dvh - 120px); }
#page_404_header .desc { width: auto;}
@media screen and (max-width:850px) {
#page_404_header { min-height:calc(100vh - 160px); min-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; }
}
 @font-face {
font-family: 'footer_bar';
src: url(//arche.la/wp/wp-content/themes/ships_tcd098/fonts/footer_bar.woff?v=1.1) format('woff');
font-weight: normal;
font-style: normal;
}
@media not all and (max-width: 767px) {
.p-footer-bar { display:none; }
} .p-footer-bar { opacity:0; transition: opacity 0.5s ease; position: fixed; bottom:-2px; z-index:999999; width:100%; pointer-events: none; }
.p-footer-bar.is-active { opacity:1; }
.p-footer-bar__inner { overflow: hidden; }
.p-footer-bar__list { width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; }
.p-footer-bar__item { -webkit-box-flex:1; -ms-flex:1 1 0%; flex:1 1 0%; }
.p-footer-bar__item-link {
display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
-webkit-box-align: center; -ms-flex-align: center; align-items: center;
-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
height:50px; padding-bottom:8px; color:inherit; transition:opacity 0.3s ease;
} html:not(.show-drawer) .p-footer-bar.is-active { pointer-events: auto; }
.p-footer-bar__list { }
html:not(.show-drawer) .p-footer-bar.is-active .p-footer-bar__list {  } .p-footer-bar--type2 { color:#fff; font-size:10px; background:#000; }
.p-footer-bar--type2 .p-footer-bar__item:not(:first-of-type) { border-left:1px solid rgba(255,255,255,0.3); } .p-footer-bar--type3 { color:#000; font-size:10px; background:#fafafa; border-top:1px solid #ddd; }
.p-footer-bar--type3 .p-footer-bar__item:not(:first-of-type) { border-left:1px solid #ddd; } .p-footer-bar--type4 { color:#fff; font-size:12px; background:#000; }
.p-footer-bar--type4 .p-footer-bar__item-link { padding-bottom:0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (hover: hover) and (pointer: fine) {
.p-footer-bar__item-link:hover { opacity:0.7; }
} .p-footer-bar__icon:before {
display:block; font-family:"footer_bar"; font-size:1.6em; margin-bottom:5px;
}
.p-footer-bar__icon--twitter:before { font-family: 'tiktok_x_icon'; content: "\e901"; }
.p-footer-bar__icon--facebook:before { content: "\e944"; font-family: 'design_plus'; font-size:22px; }
.p-footer-bar__icon--instagram:before { content: "\ea92"; }
.p-footer-bar__icon--youtube:before { content: "\ea9d"; }
.p-footer-bar__icon--line:before { content: "\e90f"; font-size:18px; }
.p-footer-bar__icon--spotify:before { content: "\ea94"; }
.p-footer-bar__icon--heart:before { content: "\e9da"; }
.p-footer-bar__icon--star1:before { content: "\e9d9"; }
.p-footer-bar__icon--star2:before { content: "\e9d7"; }
.p-footer-bar__icon--list1:before { content: "\e9bb"; }
.p-footer-bar__icon--list2:before { content: "\e907"; }
.p-footer-bar__icon--fire:before { content: "\e9a9"; }
.p-footer-bar__icon--bubble:before { content: "\e96c"; }
.p-footer-bar__icon--cart:before { content: "\e93a"; }
.p-footer-bar__icon--bell:before { content: "\e951"; }
.p-footer-bar__icon--profile:before { content: "\e923"; }
.p-footer-bar__icon--user:before { content: "\e90a"; font-size:16px; }
.p-footer-bar__icon--map:before { content: "\e909"; }
.p-footer-bar__icon--film:before { content: "\e913"; }
.p-footer-bar__icon--camera:before { content: "\e905"; font-size:14px; }
.p-footer-bar__icon--news:before { content: "\e904"; }
.p-footer-bar__icon--office:before { content: "\e903"; }
.p-footer-bar__icon--home:before { content: "\e900"; }
.p-footer-bar__icon--help:before { content: "\e901"; font-size:19px; }
.p-footer-bar__icon--light:before { content: "\e902"; font-size:20px; }
.p-footer-bar__icon--menu:before { content: "\e90e"; font-size:13px; }
.p-footer-bar__icon--grid:before { content: "\e90d"; font-size:14px; }
.p-footer-bar__icon--search:before { content: "\e90c"; }
.p-footer-bar__icon--tel:before { content: "\e90b"; }
.p-footer-bar__icon--calendar:before { content: "\e908"; }
.p-footer-bar__icon--mail:before { content: "\e906"; font-size:12px; }
.p-footer-bar__icon--pdf:before { content: "\e910"; }
.p-footer-bar__icon--pencil:before { content: "\e911"; }
.p-footer-bar__icon--clock:before { content: "\e912"; }
.p-footer-bar__icon--tiktok:before { content: "\e94d"; font-family: 'design_plus'; }
.p-footer-bar__icon--crown:before { content: "\e940"; font-family: 'design_plus'; font-size: 21px; }
.p-footer-bar__icon--share:before { content: "\e917"; font-family: 'design_plus'; }
.p-footer-bar__icon--user2:before { content: "\e921"; font-family: 'design_plus'; font-size: 14px; }
.p-footer-bar__icon--heart2:before { content: "\e93f"; font-family: 'design_plus'; font-size: 16px; }
.p-footer-bar__icon--login:before { content: "\e924"; font-family: 'design_plus'; font-size: 13px; }
.p-footer-bar__icon--logout:before { content: "\e922"; font-family: 'design_plus'; font-size: 13px; } .p-footer-bar__modal {
position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999;
display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;
}
.p-footer-bar__modal:not(.is-active) { display:none; }
.p-footer-bar__modal-share { position:relative; z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; padding-bottom:150px; }
.p-footer-bar__modal-share-item { width:50px; }
.p-footer-bar__modal-share-item a { display:block; }
.p-footer-bar__modal-share-item + .p-footer-bar__modal-share-item { margin-left:5px; }
.p-footer-bar__modal-overlay { position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.p-footer-bar__modal-share-item img:not(.c-logo__image) { max-width:100%; height:auto; vertical-align: bottom; }