@charset "UTF-8";
@charset "utf-8";

  #main_contents { width:auto; margin:0; padding:0 100px; border:none !important; }
#main_contents:before { left:49px; }
#main_contents:after { right:48px; }
body.home.no_index_header_content #main_contents { padding-top:100px; }
body.single #main_contents { padding-top:0; padding-bottom:50px; }
#main_col { width:auto; padding:0 0 100px 0; }
body.single-news #main_col { padding:0 0 50px 0; }
body.single.use_header_fix #header { margin-bottom:-61px; }
@media screen and (max-width:950px) {
#main_contents { padding:0 40px; }
#main_contents:before { left:79px; }
#main_contents:after { right:78px; }
#main_col { width:auto; padding:0 0 50px 0; }
body.single #main_contents { padding-bottom:20px; }
}
@media screen and (max-width:750px) {
body.single #main_contents { padding-bottom:0; }
}
@media screen and (max-width:550px) {
#main_contents { padding:0 20px; }
#main_contents:before { left:39px; }
#main_contents:after { right:38px; }
#main_col { padding:0 0 40px 0; }
} #side_headline {
line-height:1.5; position:relative; top:0px; margin:0 0 0 5px; padding-top:100px;
left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
body.single #side_headline { top:0px; }
@media screen and (max-width:950px) {
#side_headline { padding-top:70px; }
}
@media screen and (max-width:750px) {
#side_headline { padding-top:50px; margin:0 0 0 3px; }
}
@media screen and (max-width:550px) {
#side_headline { padding-top:40px; }
body.single #side_headline { display:none; }
} body.admin-bar { padding-top:32px; }
body.admin-bar.header_fix_mobile #header { margin-top:32px; }
body.admin-bar #drawer_menu { padding-top:32px; }
.mobile body.admin-bar.header_fix_mobile { padding-top:102px; }
@media screen and (max-width:781px) {
body.admin-bar { padding-top:46px; }
body.admin-bar.header_fix_mobile #header { margin-top:46px; }
body.admin-bar #drawer_menu { padding-top:46px;}
body.admin-bar.fixed_find_menu #find_menu_wrap { top:46px; }
body.admin-bar.fixed_find_menu { padding-top:106px; }
.mobile body.admin-bar.header_fix_mobile { padding-top:126px; }
} #page_content { width:auto; max-width:860px; padding:100px 0 100px; }
@media screen and (max-width:750px) {
#page_content { padding:70px 0 70px; }
.lp_top_headline { font-size:24px !important; }
.lp_top_desc { margin:0 0 60px 0; }
.lp_top_image { margin:0 0 60px 0; }
.lp_image_list { margin:60px 0 25px 0; }
.lp_image_list .desc { padding:0 30px 20px; }
.lp_list_headline { margin:0 0 62px 0; }
.lp_list_headline h3 { font-size:24px !important; }
.lp_list_headline p { font-size:12px; }
.lp_list_area { padding:40px; margin:0 0 70px 0; }
.lp_list_area .item { margin:0 0 35px 0; }
.lp_list_area .item:last-of-type { margin-bottom:0; }
.lp_list_area h4 { margin:0 0 5px 0 !important; font-size:16px !important; }
.lp_address .link_button { margin:40px 0 0 0; }
.lp_address .link_button a { min-width:220px; height:50px; line-height:50px; font-size:14px; }
}
@media screen and (max-width:550px) {
#page_content { padding:40px 0 40px; }
.lp_top_headline { font-size:20px !important; }
.lp_top_desc { margin:0 0 30px 0; }
.lp_top_image { margin:0 -20px 30px -20px; }
.lp_image_list { margin:30px -20px 2px -20px; }
.lp_image_list .desc { padding:0 20px 20px; }
.lp_list_area { margin:0 0 40px 0; }
.lp_list_headline { margin:0 0 32px 0; }
.lp_list_area h4 { margin:0 0 5px 0 !important; font-size:14px !important; }
.lp_address img { margin:0 auto 28px; width:80px; height:auto; }
.lp_address .link_button { margin:30px 0 0 0; }
#lp_header #header_logo { top:20px; }
body.display_only_logo.page_header_logo_position_type1 #header_logo { left:20px; }
body.display_only_logo.page_header_logo_position_type3 #header_logo { right:20px; }
} #access_page { width:auto; max-width:860px; padding:100px 0 50px; }
@media screen and (max-width:750px) {
#access_page { padding:70px 0 20px; }
}
@media screen and (max-width:550px) {
#access_page { padding:40px 0 10px; }
} .access_content1 .cb_side_headline { position:relative; top:0px; margin:0 0 95px 4px; right:auto; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.access_content1 .image { height:500px; }
@media screen and (max-width:950px) {
.access_content1 { padding:0 39px 0 40px; }
.access_content1 .desc { padding:0 30px; }
}
@media screen and (max-width:750px) {
.access_content1 { margin:0 0 60px 0; }
.access_content1 .cb_side_headline { margin:0 0 70px 3px !important; }
.access_content1 .image { height:350px; }
.access_content1 .desc { margin-top:60px; }
}
@media screen and (max-width:550px) {
.access_content1 { margin:0 0 30px 0; padding:0 19px 0 20px; }
.access_content1 .cb_side_headline { margin:0 0 40px 3px !important; }
.access_content1 .image { height:200px; }
.access_content1 .desc { margin-top:30px; }
} @media screen and (max-width:950px) {
.access_content2 { margin:0 -40px 70px -40px; }
}
@media screen and (max-width:750px) {
.access_content2 { margin:0 -40px 40px -40px; }
.access_content2 .desc { padding:18px 25px; }
}
@media screen and (max-width:550px) {
.access_content2 { margin:0 -20px 10px -20px; }
.access_content2 .desc { padding:16px 20px; font-size:12px !important; line-height:2; }
} .access_google_map { height:500px; margin:0; width:100%; margin:0; }
.access_google_map .pb_googlemap_embed { height:500px; }
@media screen and (max-width:750px) {
.access_content3 { position:relative; margin:0 0 45px 0; }
.access_content3 .headline { margin:0 0 60px 0; }
.access_google_map { height:400px; }
.access_google_map .pb_googlemap_embed { height:400px; }
.access_content3 .link_button { margin:40px 0 0 0; }
.access_content3 .link_button a { min-width:220px; height:50px; line-height:50px; font-size:14px; }
.access_content3 .desc_area { padding:0 70px; }
.access_content3 .logo_image { margin:70px 0 0 0; }
}
@media screen and (max-width:550px) {
.access_content3 { margin:0 0 30px 0; }
.access_content3 .headline { margin:0 0 30px 0; }
.access_google_map { height:316px; width:-webkit-calc(100% - 4px); width:calc(100% - 4px); border:2px solid #ddd; }
.access_google_map .pb_googlemap_embed { height:316px; }
.access_content3 .logo_image { margin:40px 0 0 0; }
.access_content3 .desc_area { padding:0 40px; }
.access_content3 .desc { margin-top:30px; }
.access_content3 .tel_area { margin-top:30px; }
.access_content3 .number { margin:12px 0 0 0; }
} #design_content2 { width:auto; max-width:860px; padding:100px 0 50px; }
@media screen and (max-width:750px) {
#design_content2 { padding:70px 0 10px; }
}
@media screen and (max-width:550px) {
#design_content2 { padding:40px 0 10px; }
} .design2_content1 .cb_side_headline, .design2_content1.layout_type2 .cb_side_headline, .design2_content1.no_headline .cb_side_headline { position:relative; top:0px; margin:0 0 95px 4px; right:auto; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media screen and (max-width:950px) {
.design2_content1 { margin:0 39px 50px 39px; }
.design2_content1 .desc { padding:0 30px; }
}
@media screen and (max-width:750px) {
.design2_content1 .cb_side_headline, .design2_content1.layout_type2 .cb_side_headline, .design2_content1.no_headline .cb_side_headline { margin:0 0 69px 4px !important; }
.design2_content1 .headline { margin:0 0 60px 0; }
.design2_content1 { margin:0 39px 50px 39px; }
.design2_content1 .desc { margin-top:60px; }
.design2_content1 .tel_number { margin-top:60px; }
}
@media screen and (max-width:550px) {
.design2_content1 .cb_side_headline, .design2_content1.layout_type2 .cb_side_headline, .design2_content1.no_headline .cb_side_headline { margin:0 0 39px 3px !important; }
.design2_content1 { margin:0 19px 20px 20px; }
.design2_content1 .headline { margin:-10px 0 40px 0; }
.design2_content1 .desc { margin-top:35px; padding:0 20px; }
.design2_content1 .tel_number { margin-top:33px; }
} .design2_content2 { margin:0 -147px 90px -147px; width:auto; height:460px; }
.design2_content2_inner { width:100%; height:460px; position:relative; }
.design2_content2 .catch { padding:0 50px; left:0; }
@media screen and (max-width:950px) {
.design2_content2 { margin:0 -40px 90px -40px; height:300px; }
.design2_content2_inner { height:300px; }
}
@media screen and (max-width:750px) {
.design2_content2 { margin:0 -40px 70px -40px; height:250px; }
.design2_content2_inner { height:250px; }
}
@media screen and (max-width:550px) {
.design2_content2 { margin:0 0px 40px -20px; height:160px; width: calc(100% + 40px);}
.design2_content2_inner { height:160px; }
} .design2_content3 .list_area { margin:95px 38px 0 39px; }
.design2_content3 .list_area.list_num3 { margin:95px 0 0 -51px; width:calc(100% + 105px); }
.design2_content3 .list_num2 .item { width:calc(50% - 25px); }
.design2_content3 .list_num2 .item:nth-child(1) { margin-right:50px; }
.design2_content3 .list_num3 .item { width:calc(100% / 3 - 14px); }
.design2_content3 .list_num3 .item:nth-child(1), .design2_content3 .list_num3 .item:nth-child(2) { margin-right:20px; }
@media screen and (max-width:950px) {
.design2_content3 .list_area.list_num3 { margin:60px 38px 0 39px; width:auto; display:block; }
.design2_content3 .list_num3 .item { width:100%; }
.design2_content3 .list_num3 .item:nth-child(1), .design2_content3 .list_num3 .item:nth-child(2) { margin:0 0 40px 0; }
}
@media screen and (max-width:750px) {
.design2_content3 { position:relative; margin:0 0 70px 0; }
.design2_content3 .desc { margin:50px 70px 0; }
.design2_content3 .list_area { margin:60px 38px 0 39px; display:block; }
.design2_content3 .list_num2 .item { width:100%; }
.design2_content3 .list_num2 .item:nth-child(1) { margin:0 0 20px 0; }
.design2_content3 .list_num3 .item:nth-child(1), .design2_content3 .list_num3 .item:nth-child(2) { margin:0 0 20px 0; }
}
@media screen and (max-width:550px) {
.design2_content3 { margin:0 0 40px 0; }
.design2_content3 .headline { margin-top:-10px; }
.design2_content3 .desc { margin:20px 0 0 0; padding:0 40px; }
.design2_content3 .list_area { margin:30px 0 0 0; }
.design2_content3 .list_area.list_num3 { margin:30px 0 0 0; }
.design2_content3 .list_headline { height:50px; line-height:50px; }
.design2_content3 .content { padding:25px 30px; }
} @media screen and (max-width: 550px){
body.page-template-page-design1 #main_contents{
padding: 0 40px;
}
}
#design_content1 { width:auto; max-width:860px; padding:100px 0 50px; }
.design1_content1 .cb_side_headline { position:relative; top:0px; margin:0 0 95px 4px; right:auto !important; left:50% !important; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.design1_content1 .image { width:50%; height:50%; }
.design1_content1 .catch_area { padding:40px 40px; }
@media screen and (max-width:750px) {
#design_content1 { padding:70px 0 20px; }
.design1_content1 .cb_side_headline, .design1_content1:nth-child(2n) .cb_side_headline { margin:0 0 65px 4px !important; }
.design1_content1 { margin:0 -40px 20px; }
.design1_content1:last-of-type { margin:0 -40px 0; }
.design1_content1 .catch_area { padding:30px 30px; }
.design1_content1 .catch_area .desc { margin-top:22px; }
}
@media screen and (max-width:550px) {
#design_content1 { padding:40px 0 20px; }
.design1_content1 .cb_side_headline, .design1_content1:nth-child(2n) .cb_side_headline { margin:0 0 38px 4px !important; }
.design1_content1 .image2 { margin-bottom:0%; }
.design1_content1.layout_type2 .image1 { margin-bottom:0%; }
.design1_content1 .catch_area { width:100%; padding:30px 75px 10px; }
.design1_content1.layout_type2 .catch_area { float:none; }
}  #index_slider .caption { padding:0 50px; width:auto; max-width:860px; }
@media screen and (max-width:750px) {
#index_slider .caption { padding:0 70px; }
#index_slider .button { font-size:14px; min-width:220px; height:50px; line-height:50px; padding:0 30px; }
}
@media screen and (max-width:550px) {
#index_slider .desc { margin-top:18px; }
#index_slider .item .image.pc { display:none; }
#index_slider .item .image.mobile { display:block; }
#index_slider .catch_image img.pc { display:none; }
#index_slider .catch_image img.mobile { display:inline-block; }
#index_slider .catch_image.use_catch_bg { width:130px; height:130px; }
#index_slider .button { margin-top:18px; }
} body.home #main_contents_link { display:none !important; } #index_news { opacity:0; display:block; height:59px; width:100%; position:absolute; left:0px; bottom:0px; overflow:hidden; border-top:1px solid rgba(255,255,255,0.3); z-index: 999; }
#index_news_slider { height:35px; overflow:hidden; top:12px; }
#index_news a {
display:block; color:#fff; padding:0 20px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#index_news a .date { font-size:10px; margin:0 0 9px 0; color:#fff !important; }
#index_news a .title {
font-size:12px; font-weight:500;
overflow:hidden; white-space:nowrap; text-overflow:ellipsis; visibility:visible;
}
#index_news.animate {
-webkit-animation: opacityAnimation 1.0s ease forwards 2.0s;
animation: opacityAnimation 1.0s ease forwards 2.0s;
}
#index_news.first_animate {
-webkit-animation: opacityAnimation 1.0s ease forwards 3.0s !important;
animation: opacityAnimation 1.0s ease forwards 3.0s !important;
}  .cb_contents_inner { width:auto; }
.index_free_space.type1 .cb_contents_inner, .index_free_space.type3 .cb_contents_inner { width:auto; padding:0; }
.cb_side_headline, .index_design_content.layout_type1 .cb_side_headline, .index_post_list .cb_side_headline { position:relative; top:0px; margin:0 0 95px 4px; right:auto; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media screen and (max-width:750px) {
.cb_side_headline { margin:0 0 35px 3px !important; }
.cb_contents .link_button a { min-width:220px; height:50px; line-height:50px; font-size:14px; }
} .index_free_space.type3 { margin-left: 39px; margin-right: 39px; padding:0 30px; }
@media screen and (max-width:750px) {
.index_free_space { padding:0; }
.index_free_space.type3 { padding:0 35px; margin:auto; }
} .index_design_content.cb_contents:nth-last-of-type(2) { padding-bottom:100px; }
.index_design_content .image_wrap { height:500px; margin-bottom:-150px; }
.index_design_content .image { width:100%; left:auto; right:-100px; }
.index_design_content .content_area { width:calc(50% + 100px); padding:61px 50px 57px; left:-100px; top:0; }
.index_design_content .link_button { margin-top:100px; }
.index_design_content.layout_type1 .content_area { left:auto; right:-50%; }
.index_design_content.layout_type1 .image { left:-100px; right:auto; }
@media screen and (max-width:950px) {
.index_design_content .image { right:-40px; }
.index_design_content .content_area { width:calc(50% + 50px); left:-50px; }
.index_design_content.layout_type1 .content_area { right:-48%; }
}
@media screen and (max-width:750px) {
.index_design_content { padding:40px 0 !important; }
.index_design_content .image_wrap { height:400px; margin-bottom:-100px; }
.index_design_content .image { left:40px; right:auto; }
.index_design_content .content_area { width:100%; padding:61px 50px 57px; left:-40px; top:0; }
.index_design_content .content_area .desc { margin:20px 0 0 0; }
.index_design_content .link_button { margin-top:40px; }
.index_design_content.layout_type1 .content_area { left:40px; right:auto; }
.index_design_content.layout_type1 .image { width:calc(100% + 1px); left:-40px; }
}
@media screen and (max-width:550px) {
.index_design_content .image_wrap { height:240px; margin-bottom:-40px; }
.index_design_content .image { left:20px; }
.index_design_content .content_area { width:100%; padding:23px 30px 23px; left:-20px; top:0; }
.index_design_content .content_area .desc { margin-top:10px;}
.index_design_content.layout_type1 .content_area { left:20px; right:auto; }
}  .index_message .cb_contents_inner { width:auto; }
.index_message .cb_contents_inner .catch { width:auto; padding:0; display:table; margin:0 auto; }
.index_message.layout_type2 .catch { float:none; }
@media screen and (max-width:550px) {
.index_message .cb_contents_inner { width:auto; margin:0 14px; }
.index_message .cb_contents_inner .catch { display:block; padding:0 20px; margin:0; line-height:2; }
} .cb_image_slider { width:auto; margin:0 -51px; position:relative; }
.index_image_slider .content_area { width:auto; }
@media screen and (max-width:950px) {
.cb_image_slider { width:auto; margin:0 39px; height:450px; }
.cb_image_slider .animate_background { height:450px; }
.cb_image_slider .image_wrap { height:450px; }
.index_image_slider .content_area { padding:40px 70px; margin:0; }
.index_image_slider .content_area .catch { float:none; width:auto; padding:0; }
.index_image_slider .content_area .desc { float:none; width:auto; padding:0; margin-top:20px; }
}
@media screen and (max-width:750px) {
.index_image_slider { padding:40px 0; }
.cb_image_slider { width:auto; height:350px; margin:0 39px 0 40px; }
.cb_image_slider .animate_background { height:350px; }
.cb_image_slider .image_wrap { height:350px; }
}
@media screen and (max-width:550px) {
.cb_image_slider { width:auto; height:220px; margin:0; }
.cb_image_slider .animate_background { height:220px; }
.cb_image_slider .image_wrap { height:220px; }
.index_image_slider .content_area { padding:35px 40px; margin:0; }
} .index_post_list .post_list_area { max-width:860px; width:auto; margin:0 auto; }
.index_post_list .post_list { width:auto; margin:0 auto; }
@media screen and (max-width:750px) {
.index_post_list { padding:40px 0; }
.index_post_list .headline { margin:-10px 0 30px 0; }
.index_post_list .post_list_area { margin:0 19px; padding:0 0 70px 0; }
.index_post_list .post_list .item { margin:0 20px; }
.index_post_list .image_link { height:160px; }
.index_post_list .title_area { height:105px; padding:15px 20px; }
.index_post_list .date_area .month { font-size:20px; }
.index_post_list .date_area .date1 { font-size:20px; }
.index_post_list .date_area .date2 { font-size:10px; color:#999; }
.index_post_list .slick-dots { bottom:-42px; }
}
@media screen and (max-width:550px) {
.index_post_list .post_list_area { margin:0 -12px; }
.index_post_list .post_list .item { margin:0 14px; }
.index_post_list .image_link { height:95px; }
.index_post_list .title_area { height:118px; padding:15px 15px; }
.index_post_list .title { line-height:1.6; max-height:4.8em; }
.index_post_list .title span { -webkit-line-clamp:3; }
.index_post_list .date_area { margin-bottom:13px; }
.index_post_list .date_area .date { padding:0 0 0 10px; margin:0 0 0 10px; }
} #menu_single { width:auto; max-width:860px; margin:0 auto; padding:100px 0; }
.menu_content1 { position:relative; margin:0 0 100px 0; }
.menu_content1:last-of-type { margin-bottom:0; }
.menu_content3 { margin:0 auto 100px; }
@media screen and (max-width:950px) {
.menu_content3 { width:auto; }
}
@media screen and (max-width:750px) {
#menu_single { padding:70px 0; }
.menu_content1 { margin:0 0 60px 0; }
.menu_content3 { margin:0 0 60px 0; }
.menu_content3 a { display:block; padding:40px; }
.menu_content3 img { margin:0 auto 25px; display:block; max-width:100px; height:auto; }
.menu_content3 .catch { text-align:center; }
}
@media screen and (max-width:550px) {
#menu_single { padding:40px 0; }
.menu_content1 { margin:0 0 40px 0; }
.menu_content3 { margin:0 0 40px 0; }
.menu_content3 a { padding:30px 30px 25px; }
} #top_desc { margin:-12px 0 90px; }
@media screen and (max-width:750px) {
#top_desc { margin:-12px 70px 50px; }
}
@media screen and (max-width:550px) {
#top_desc { margin:-10px 40px 20px; }
} .menu_content1 .top_headline { margin:0 0 85px 0; }
.menu_content1 .cb_side_headline, .menu_content1.side_headline_type2 .cb_side_headline { position:relative; top:0px; margin:0 0 95px 4px; right:auto; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.menu_content1.image_layout_type2 .item:nth-child(even){ margin-top:16%; }
.menu_content1.image_layout_type3 .item:nth-child(odd){ margin-top:16%; }
#menu_single .cb_side_headline.menu_animate_item { position:relative; }
@media screen and (max-width:750px) {
.menu_content1 .top_headline { margin:0 0 55px 0; }
.menu_content1 .cb_side_headline { margin:0 0 65px 4px !important; }
.menu_content1 .image_area { margin:0 -40px; }
.menu_content1 .image_area .desc { font-size:14px; padding:30px 30px; }
}
@media screen and (max-width:550px) {
.menu_content1 .top_headline { margin:0 0 27px 0; }
.menu_content1 .cb_side_headline { margin:0 0 35px 4px !important; }
.menu_content1 .image_area { margin:0 -20px; }
.menu_content1 .image_area .desc { font-size:12px; padding:15px 18px 10px; line-height:2; }
} .menu_content1 .data_list { margin:70px 38px 0; }
.menu_content1 .data_list .headline { margin:0 0 53px 0; }
.menu_content1 .data_list dt { width:calc(100% - 120px); }
.menu_content1 .data_list dd { -webkit-width:120px; width:120px; }
@media screen and (max-width:750px) {
.menu_content1 .data_list { padding:35px 40px 40px; margin:40px 0 0; }
.menu_content1 .data_list .headline { margin:0 0 33px 0; }
}
@media screen and (max-width:550px) {
.menu_content1 .data_list { padding:25px 27px 30px; margin:15px 0 0; }
.menu_content1 .data_list .headline { margin:0 0 23px 0; }
.menu_content1 .data_list dl { font-size:12px; }
.menu_content1 .data_list dd, .menu_content1 .data_list dt { line-height:2; padding:9px 0 6px; }
}  #menu_archive_button ol { width:auto; margin:0 auto; }
#menu_archive_button ol li a { border-left:none; }
#menu_archive_button ol.type1 li:nth-child(3n) a { border-right:none; }
#menu_archive_button ol.type2 li:nth-child(4n) a { border-right:none; }
@media screen and (max-width:950px) {
#menu_archive_button ol { border:none; }
#menu_archive_button a { height:50px; }
#menu_archive_button ol li { width:calc(100% / 3) !important; }
#menu_archive_button ol.type2 li:nth-child(4n) a { border-right:1px solid #ddd; }
#menu_archive_button ol.type2 li:nth-child(3n) a { border-right:none; }
#menu_archive_button .sub { display:none; }
} #menu_archive { width:auto; padding:100px 0; }
#menu_list .cb_side_headline, #menu_list .item:nth-child(2n) .cb_side_headline { position:relative; top:0px; margin:0 0 95px 4px; right:auto; left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#menu_list .large_image { width:calc(100% + 80px); height:500px; left:80px; }
#menu_list .large_image {width: calc(100% + 20px);height: 500px;left: 80px;}
#menu_list .small_image { width:calc(50% + 161px); height:350px; left:-161px; margin-top:-175px; }
#menu_list .item:nth-child(2n) .small_image { left:auto; right:-42%; }
#menu_list .item:nth-child(2n) .large_image { right:161px; }
#menu_list .catch {
display:inline-block; width:auto; padding:0; position:relative; margin:100px 0 0 0; float:none;
left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
#menu_list .cb_side_headline.menu_animate_item { position:relative; top:70px !important; }
#menu_list .cb_side_headline.menu_animate_item.active { top:0px !important; }
@media screen and (max-width:950px) {
#menu_list .image_area{ overflow: hidden;     width: calc(100% + 80px); margin-left: -40px;}
#menu_list .large_image { width:100%; height:400px; left:40px; }
#menu_list .small_image { width:calc(50% + 40px); left:-40px; height:300px; margin-top:-150px; }
#menu_list .item:nth-child(2n) .small_image { left:auto; right:-46%; }
#menu_list .desc { margin:-12px 100px 100px; }
}
@media screen and (max-width:750px) {
#menu_list .image_area{ width: calc( 100% + 80px ); margin-left: -40px;}
#menu_archive { width:auto; padding:70px 0; }
#menu_list .item { position:relative; margin-bottom:100px; }
#menu_list .desc { margin:-12px 70px 60px; }
#menu_list .cb_side_headline, #menu_list .item:nth-child(2n) .cb_side_headline { margin:0 0 65px 4px; }
#menu_list .catch { margin-top:65px; padding:0 70px; }
#menu_list .link_button { margin-top:70px; }
#menu_list .link_button a { min-width:220px; height:50px; line-height:50px; font-size:14px; }
}
@media screen and (max-width:550px) {
#menu_list .image_area{ width: calc( 100% + 40px ); margin-left: -20px;}
#menu_archive { padding:40px 0; }
#menu_list .item { position:relative; margin-bottom:40px; }
#menu_list .title { margin:0 0 5px 0; }
#menu_list .desc { margin:-12px 40px 30px; }
#menu_list .cb_side_headline, #menu_list .item:nth-child(2n) .cb_side_headline { margin:0 0 35px 4px; }
#menu_list .large_image { width:100%; height:210px; left:20px; }
#menu_list .item:nth-child(2n) .large_image { right:20px; width:calc(100% + 1px); }
#menu_list .small_image { width:calc(72%); left:-65px; height:135px; margin-top:-67px; }
#menu_list .catch { margin-top:32px; padding:0 40px; }
#menu_list .link_button { margin-top:30px; }
} #page_header { }
#page_header_inner { width:auto; }
#page_header .catch_area { padding:0 30px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#page_header .headline { width:170px; height:170px; }
@media screen and (max-width:550px) {
#page_header .headline { width:130px; height:130px; }
#page_header .desc { margin-top:20px;}
#page_header .desc.pc { display:none; }
#page_header .desc.mobile { display:block; }
#page_header .image.pc { display:none; }
#page_header .image.mobile { display:block; }
#page_header .catch { margin-bottom:-15px; }
} #sub_page_header { height:300px; }
#sub_page_header_inner { width:auto; height:240px; margin-top:60px; }
@media screen and (max-width:750px) {
#sub_page_header { height:260px; }
#sub_page_header_inner { height:200px; }
}
@media screen and (max-width:550px) {
#sub_page_header { height:220px; }
#sub_page_header_inner { height:160px; }
} #news_archive { max-width:760px; width:auto; padding:100px 0 70px; }
#news_list .image_wrap { width:45%; height:200px; }
#news_list .title_area { width:55%; height:200px; }
@media screen and (max-width:950px) {
#news_archive { padding:70px 0 70px; }
#news_list .title { padding:0 40px; line-height:1.8; max-height:5.4em; }
#news_list .title span { -webkit-line-clamp:3; }
}
@media screen and (max-width:750px) {
#news_archive { padding:50px 0 50px; }
#news_list .image_wrap { width:45%; height:160px; }
#news_list .title_area { width:55%; height:160px; }
}
@media screen and (max-width:550px) {
#news_archive { padding:40px 0 40px; }
#news_list .item { margin:0 0 25px 0; position:relative; padding:50px 0 0 0; }
#news_list .image_wrap { width:50%; height:96px; }
#news_list .title_area { width:50%; height:96px; }
#news_list .title { padding:1px 20px 0; }
#news_list .date_area .month { font-size:20px; }
#news_list .date_area .date { padding:0 0 0 10px; margin:0 0 0 10px; }
#news_list .date_area .date1 { font-size:20px; }
#news_list .date_area .date2 { margin:5px 0 0 0; font-size:9px; }
#news_list .date_area .date3 { left:1px; }
} #blog_archive { max-width:760px; width:auto; padding:100px 0 70px; }
@media screen and (max-width:950px) {
#blog_archive { width:auto; padding:70px 0 70px; }
}
@media screen and (max-width:750px) {
#blog_list .item { width:calc(50% - 15px); float:left; margin:0 30px 50px 0; }
#blog_list .image_link { height:170px; }
}
@media screen and (max-width:550px) {
#blog_archive { padding:40px 0 40px; }
#blog_list .item { margin:0 30px 25px 0; }
#blog_list .image_link { height:96px; }
#blog_list .title_area { height:112px; padding:10px 15px; }
#blog_list .title { line-height:1.6; max-height:5.4em; }
#blog_list .title span { -webkit-line-clamp:3; }
#blog_list .date_area { margin:0 0 15px 0; }
#blog_list .date_area .month { font-size:20px; }
#blog_list .date_area .date { padding:0 0 0 10px; margin:0 0 0 10px; }
#blog_list .date_area .date1 { font-size:20px; }
#blog_list .date_area .date2 { margin:5px 0 0 0; font-size:9px; }
#blog_list .category { margin-top:5px; }
} .page_navi { margin:50px 0 30px 0; }
body.post-type-archive-news .page_navi { margin-top:100px; }
@media screen and (max-width:950px) {
.page_navi { margin:20px 0 0 0; }
body.post-type-archive-news .page_navi { margin-top:70px; }
}
@media screen and (max-width:750px) {
body.post-type-archive-news .page_navi { margin-top:50px; }
}
@media screen and (max-width:550px) {
body.post-type-archive-news .page_navi { margin-top:40px; }
} #header { height:60px; }
#header.active { border-bottom:1px solid #ddd; }
body.single #header { position:absolute; }
body.use_mobile_header_fix #header { position:sticky; }
.header_fix_mobile #header {
position:sticky !important; top:0px; left:0px; z-index:500; width:100%; box-shadow:0 0 15px 5px rgba(0,0,0,0.1);
}
#header.start:after { height:0px; }
body.use_header_fix #header { margin-bottom:-61px; }
body.header_fix_mobile #header:after { height:100%; }
body.single.use_header_fix { padding-top:0px; }
body.single.use_mobile_header_fix { padding-top:0px; } #header_logo { height:60px; width:100%; border:none; text-align:center; }
#header_logo .logo { width:100%; line-height:1; margin:0; padding:0; font-weight:500; display:block; }
#header_logo .pc_logo_image { display:none; }
#header_logo .pc_logo_text { display:none; }
#header.active #header_logo .pc_logo_image.type1 { display:none; }
#header.active #header_logo .pc_logo_image.type2 { display:none; }
#header_logo .mobile_logo_image { display:block; }
#header_logo .mobile_logo_text { display:block; line-height:60px; }
#header_logo .mobile_logo_image.type2 { display:none; }
#header.active #header_logo .mobile_logo_image.type1 { display:none; }
#header.active #header_logo .mobile_logo_image.type2 { display:block; }
.header_fix_mobile #header_logo .mobile_logo_image.type1 { display:none; }
.header_fix_mobile #header_logo .mobile_logo_image.type2 { display:block; }
#header_logo img{ max-height: 50px; } .global_menu { display:none; } #header_news { display:none; } #site_description { display:none; } #header_right_top { height:60px; width:auto; display:block; z-index:30; }
#header_button { display:none; }
#header_sns { display:none; }
#lang_button { display:none; }
#menu_button { width:60px; height:60px; line-height:60px; z-index:200; border:none; } #bread_crumb { height:auto; padding:0 40px; }
#bread_crumb ul { width:auto; }
#bread_crumb li { font-size:12px; }
#bread_crumb li a { height:48px; line-height:48px; }
#bread_crumb li:after { height:48px; line-height:48px; margin:0 5px; }
#bread_crumb li.home a:before { font-size:12px; }
@media screen and (max-width:550px) {
#bread_crumb { padding:2px 20px 0; }
}  #drawer_menu .lang_button { display:block; }
#drawer_menu .lang_button li { margin:0 8px; }
@media screen and (max-width:550px) {
#drawer_menu .pc_logo_image { display:none; }
#drawer_menu .mobile_logo_image { display:block; }
#drawer_menu .mobile_logo_image.type2 { display:none; }
#drawer_menu .bg_image.pc { display:none; }
#drawer_menu .bg_image.mobile { display:block; }
#drawer_menu .menu { margin-top:15px; }
#drawer_menu .menu a { padding:13px 0; }
#drawer_menu .header_sns { margin:-7px 0 0 0; }
#drawer_menu .lang_button { margin:4px 0 0 0; }
} #article { max-width:760px; width:auto; margin:100px auto 0; padding:50px; }
@media screen and (max-width:950px) {
#article { margin:70px auto 0; padding:50px; }
}
@media screen and (max-width:750px) {
#article { margin:50px auto 0; padding:30px; }
}
@media screen and (max-width:550px) {
#article { margin:0 -20px 0; padding:30px 20px 40px; }
} @media screen and (max-width:750px) {
#post_title_area { margin:0 0 40px 0; }
#post_title_area .date_area { position:relative; margin:0 0 30px; }
#post_title_area .image { height:300px; margin-top:40px; }
}
@media screen and (max-width:550px) {
#post_title_area .date_area { margin:0 0 25px; }
#post_title_area .date_area .month { font-size:20px; }
#post_title_area .date_area .date { padding:0 0 0 10px; margin:0 0 0 10px; }
#post_title_area .date_area .date1 { font-size:20px; }
#post_title_area .date_area .date2 { font-size:9px; }
#post_title_area .post_update { margin: 10px 0px 0px 0px; }
#post_title_area .category { margin:0px 0 0 0; }
#post_title_area .image { height:212px; margin-top:20px; }
} #single_share_top { margin:0 0 45px; }
#single_share_bottom { margin:50px 0 0; }
@media screen and (max-width:750px) {
#single_share_top { margin:0 0 40px 0; padding:0 0 0 0; }
#single_share_top .share-top { }
#single_share_bottom { margin:40px 0 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; }
} #single_copy_title_url_top { margin:0 0 40px; }
#single_copy_title_url_bottom { margin:45px 0 0; }
@media screen and (max-width:750px) {
#single_copy_title_url_bottom { margin:40px 0 0; }
#single_copy_title_url_top { margin:0 0 33px; }
.single_copy_title_url_btn { border-width:2px; font-size:12px; line-height:46px; min-width:250px; }
} #post_meta_bottom { padding:15px 20px 13px; margin:45px 30px 0; }
#post_meta_bottom li { display:block; margin:0 0 5px 0; padding:0 0 0 20px; border-right:none; }
#post_meta_bottom li:last-child { border:none; margin:0; }
@media screen and (max-width:750px) {
#post_meta_bottom { margin:40px 20px 0; }
} @media screen and (max-width:1100px) {
#next_prev_post { margin:50px 0 0; }
#next_prev_post .item { height:50px; }
#next_prev_post a { background:#fff; color:#000; border:1px solid #ddd; }
#next_prev_post .title_area { font-size:12px; margin:0; text-align:center; width:100%; height:50px; }
#next_prev_post .title { display:none; }
#next_prev_post .nav { display:block; position:relative; height:50px; line-height:50px; text-align:center; }
#next_prev_post .image_wrap { display:none; }
#next_prev_post a:before {
content:''; font-family:'design_plus'; color:#111; font-size:12px; display:block;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
content:'\e90f'; position:absolute; left:18px; margin-top:2px;
top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#next_prev_post .next_post a:before { content:'\e910'; left:auto; right:15px; }
#next_prev_post .next_post { float:right; margin:0; width:50%; position:relative; left:-1px; }
#next_prev_post .next_post .title_area { margin:0; }
#next_prev_post .register_link:after { top:16px; right:20px; }
#next_prev_post .next_post .register_link:after { right:auto; left:20px; }
body.single-news #next_prev_post .item:last-of-type a { border-left:1px solid #ddd; }
}
@media screen and (max-width:750px) {
#next_prev_post { margin-top:40px; }
} @media screen and (max-width:750px) {
#post_pagination { padding:5px 0 0 0; }
#p_readmore { padding:5px 0 0 0; margin:0; }
} @media screen and (max-width:750px) {
.author_profile { margin:40px 0 0; height:140px; padding:15px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.author_profile a.avatar { width:110px; height:110px; margin:0; }
.author_profile .info { padding:10px 0px 10px 20px; -webkit-width:calc(100% - 110px); width:calc(100% - 110px); }
.author_profile .name { font-size:14px; margin:0 0 13px 0; }
.author_profile .desc { margin:0 0 10px 0; font-size:12px; line-height:1.6; max-height:3.2em; overflow:hidden; white-space:normal; text-overflow:clip; }
.author_profile .desc span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
} #single_banner_top { width:auto; padding-top:20px; }
#single_banner_bottom { width:auto; margin:50px auto; }
#single_banner_shortcode { width:auto; }
@media screen and (max-width:750px) {
#single_banner_top { padding:10px 0 30px; width:auto; }
#single_banner_bottom { margin:40px 0 0; width:auto; }
#single_banner_shortcode { padding:0 0 20px; }
} #related_post { margin:100px auto 0; max-width:760px; }
body.single-news #related_post { margin-bottom:0px; }
#related_post .cb_side_headline { display:none; }
@media screen and (max-width:950px) {
#related_post { margin:70px auto 0; }
#related_post .link_button { margin-top:50px; }
}
@media screen and (max-width:750px) {
#related_post { margin:50px auto 0; }
#related_post .item { width:-webkit-calc(50% - 15px); width:calc(50% - 15px); height:256px; margin:25px 30px 0 0; }
#related_post .item:nth-child(3n) { margin-right:30px; }
#related_post .item:nth-child(2n) { margin-right:0px; }
#related_post .image_wrap { height:136px; }
#related_post .title_area { padding:10px 15px; }
#related_post .title { font-weight:600; max-height:5.4em; }
#related_post .title span { -webkit-line-clamp:3; }
#related_post .link_button { margin-top:25px; }
#related_post .link_button a { min-width:220px; height:50px; line-height:50px; font-size:14px; }
}
@media screen and (max-width:550px) {
#related_post { margin:40px auto 0; }
#related_post .headline { margin:0 auto 15px; }
#related_post .item { height:215px; }
#related_post .image_wrap { height:96px; }
} #side_col { padding:0; width:auto; max-width:760px; }
@media screen and (max-width:950px) {
#side_col { margin:20px auto 0; }
}
@media screen and (max-width:750px) {
#side_col { margin:0 0 50px 0; padding:0; display:block; border:none; }
.widget_content { width:auto; margin:0 0 50px 0; }
.widget_content:last-of-type { margin:0; }
}
@media screen and (max-width:550px) {
.widget_content { margin:0 0 40px 0; }
.widget_content:last-of-type { margin:0; }
} @media screen and (max-width:550px) {
.styled_post_list1 li { margin:0 0 20px 0; }
.styled_post_list1 li:last-child { margin:0; }
.styled_post_list1 .title_area_inner { padding:0 20px; }
} @media screen and (max-width:750px) {
.tcdw_search_box_widget { padding:0; }
.tcdw_search_box_widget .p-dropdown { margin:0 0 20px 0; }
} @media screen and (max-width:950px) {
#footer { padding:110px 0; }
}
@media screen and (max-width:550px) {
.footer_bg_image.pc { display:none; }
.footer_bg_image.mobile { display:block; }
} @media screen and (max-width:750px) {
#footer_logo .pc_logo_image { display:none; }
#footer_logo .pc_logo_text { display:none; }
#footer_logo .mobile_logo_image { display:block; }
#footer_logo .mobile_logo_text { display:block; }
#footer_logo .mobile_logo_image { margin:0 auto; }
} @media screen and (max-width:750px) {
.footer_info { margin:20px 110px 0; }
}
@media screen and (max-width:550px) {
.footer_info { margin:20px 60px 0; }
.footer_info.pc { display:none; }
.footer_info.mobile { display:block; }
} @media screen and (max-width:750px) {
#footer_sns { margin-top:5px; }
#footer_sns li { margin:0 6px; }
} @media screen and (max-width:750px) {
#footer_button { margin-top:25px; }
#footer_button a { font-size:12px; padding:0 20px; height:50px; line-height:50px; min-width:240px; }
} #footer_menu ul { width:100%; }
#footer_menu li:first-of-type { border:none; }
@media screen and (max-width:950px) {
#footer_menu { display:none; position:relative; height:auto; bottom:auto; border:none; padding:30px 0 10px; }
#footer_menu ul { display:block; }
#footer_menu li { font-size:14px; line-height:1; border:none !important; display:block; margin:0 0 10px 0; flex:inherit; flex:initial; flex:unset; }
#footer_menu li a { height:auto; line-height:2; }
} @media screen and (max-width:750px) {
#copyright { line-height:50px; height:50px; }
} @media screen and (max-width:750px) {
#return_top a { height:50px; line-height:50px; width:50px; }
} #dp-footer-bar {
position:fixed; right:0px; bottom:0px; z-index:999; width:100%;
}
.open_menu #dp-footer-bar { display:none; }
.dp-footer-bar-type1 #dp-footer-bar {
opacity:0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
pointer-events: none;
}
.dp-footer-bar-type1 #dp-footer-bar.active {
opacity:1;
pointer-events: visible;
}
.dp-footer-bar-type2 #dp-footer-bar {
-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
.dp-footer-bar-type2 #dp-footer-bar.active {
-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
} body.show_footer_bar { padding-bottom:0px; }
body.show_footer_bar #return_top.active { -webkit-transform: translate3d(0,-55px,0); transform: translate3d(0,-55px,0); }
body.home.show_footer_bar #container { padding-bottom:0px; }
@media screen and (max-width:950px) {
body.show_footer_bar #footer_button.active { -webkit-transform: translate3d(0,-55px,0); transform: translate3d(0,-55px,0); }
}  #comments { margin:100px auto 0; max-width:750px; }
#comments .headline { margin:0 auto 50px; }
@media screen and (max-width:950px) {
#comments { margin:70px auto 0; }
#comments .headline { margin:0 auto 45px; }
}
@media screen and (max-width:750px) {
#comments { margin:50px auto 0; }
}
@media screen and (max-width:550px) {
#comments { margin:37px auto 0; }
#comments .headline { margin:0 auto 37px; }
} #comment_tab li a, #comment_tab li p { padding:15px 15px; }  @media screen and (max-width:750px) {
.post_content p { line-height:2.2; }
.post_content li, .post_content dt, .post_content dd { line-height:2.2; }
.post_content td, .post_content th { line-height:2.2; }
} .c-pw__box { padding:20px; margin:0 0 20px 0; }
.c-pw__box-label { display:block; margin:0 0 15px 0; text-align:center; }
.c-pw__box-input { width:calc(100% - 160px); margin:0 10px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
.c-pw__btn--submit { width:150px; min-width:inherit; -webkit-box-sizing:border-box; box-sizing:border-box; }
@media screen and (max-width:750px) {
.c-pw__box { padding:15px; }
.c-pw__box-input { width:calc(100% - 105px); margin-right:5px; }
.c-pw__btn--submit { width:100px; }
} .cardlink { margin:30px 0 35px !important; padding:15px;  }
 @font-face {
font-family: 'design_plus';
src: url(//sole-sensibility.com/wp-content/themes/tree_tcd081/fonts/design_plus.eot?v=1.6);
src: url(//sole-sensibility.com/wp-content/themes/tree_tcd081/fonts/design_plus.eot?v=1.6#iefix) format('embedded-opentype'),
url(//sole-sensibility.com/wp-content/themes/tree_tcd081/fonts/design_plus.woff?v=1.6) format('woff'),
url(//sole-sensibility.com/wp-content/themes/tree_tcd081/fonts/design_plus.ttf?v=1.6) format('truetype'),
url(//sole-sensibility.com/wp-content/themes/tree_tcd081/fonts/design_plus.svg?v=1.6#design_plus) format('svg');
font-weight: normal;
font-style: normal;
}
.icon-file-text:before { content: "\f15c"; }
.icon-share-alt:before { content: "\f1e0"; }
.icon-phone:before { content: "\f095"; }
.icon-envelope:before { content: "\f0e0"; }
.icon-tag:before { content: "\f02b"; }
.icon-pencil:before { content: "\f040"; }
.icon-close:before { content: "\e91a"; }
.dp-footer-bar {
background: #ffffff;
border-top: 1px solid #ddd;
display: flex;
flex-wrap: wrap;
font-size: 10px; table-layout: fixed;
text-align: center;
width: 100%;
z-index: 9998;
}
.dp-footer-bar a {
display: block;
padding: 10px 0;
}
.dp-footer-bar-item {
flex: 1;
}
.dp-footer-bar-item + .dp-footer-bar-item {
border-left: 1px solid #ddd;
}
.dp-footer-bar-item:only-child .dp-footer-bar-icon {
display: block;
position: relative;
}
.dp-footer-bar-item:only-child .dp-footer-bar-icon:before {
position: absolute;
right: 15px;
}
.dp-footer-bar-icon:before {
display: block;
font-family: "design_plus";
font-size: 16px;
margin-bottom: .5em;
}
.modal-overlay {
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.modal-content {
margin: auto;
position: fixed;
bottom: 20%;
left: 0;
right: 0;
width: 209px;
z-index: 9999;
}
.modal-close:before {
color: #fff;
font-size: 32px;
position: absolute;
bottom: 20%;
right: 0;
text-align: center;
width: 50px;
}
.share { text-align: center; }
.share-button {
float: left;
vertical-align: center;
width: 50px;
height: 50px;
}
.share-button--rounded-square { 
border-radius: 2px;
overflow: hidden;
}
.share-button + .share-button { margin-left: 3px; }
.share-button a {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.share-button a img { width:100%; height:auto; } .google_material_icon {
font-family: 'Material Symbols Rounded'; font-weight: 400; font-style: normal;
font-size: 22px; line-height: 1; letter-spacing: normal; text-transform: none; display:block; margin:-3px 0 5px 0;
white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;
font-variation-settings: 'FILL' 0, 'GRAD' 0, 'opsz' 48;
}