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

  body { padding-top:60px; }
#main_contents { padding:0 0 100px; }
body.page-template-default #main_contents { padding-top:100px; }
#main_col { width:auto !important; margin:0 auto; max-width:960px; }
#side_col { width:auto; margin:0 auto; padding:100px 0 60px; max-width:880px; }
@media screen and (max-width:1050px) {
#main_col { margin:0 40px; padding:40px; }
}
@media screen and (max-width:1024px) {
#side_col { padding:100px 60px 60px; }
}
@media screen and (max-width:750px) {
#main_contents { padding:0 0 40px; }
body.page-template-default #main_contents { padding-top:40px; }
#main_col { margin:0 20px; padding:20px 0 0; }
#side_col { display:block; padding:40px 20px 40px; }
} body.admin-bar { padding-top:32px; }
body.admin-bar.header_fix #header { margin-top:32px; }
body.admin-bar #drawer_menu { padding-top:32px; }
.mobile body.admin-bar.header_fix { padding-top:102px; }
@media screen and (max-width:781px) {
body.admin-bar { padding-top:46px; }
body.admin-bar.header_fix #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 { padding-top:126px; }
} @media (max-width: 767px) {
.design_button { max-height:50px; font-size:14px; min-width:inherit !important; width:240px !important; }
}  #archive_header .content { padding:0 40px; }
@media screen and (max-width:1024px) {
html.hide_scroll_y {}
#wide_contents { display:block; height:auto; }
body.use_loading_screen #wide_contents { left:0px; }
#archive_header {
height:auto; min-height:420px; width:100%; padding:60px 100px; border-bottom:1px solid rgba(255,255,255,0.2);
-webkit-box-sizing:border-box; box-sizing:border-box;
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-align-items:center; align-items:center;
}
#archive_header .content { padding:0; margin:0 auto; position:relative; top:auto; -webkit-transform: translateY(0%); transform: translateY(0%); }
}
@media screen and (max-width:850px) {
#archive_header { padding:60px 60px; }
}
@media screen and (max-width:750px) {
#archive_header { padding:60px 40px; }
#archive_header .desc { line-height:2; margin-top:20px; }
}  .cb_design_content .content_inner { padding:0 60px; }
.cb_design_content.layout_type5 .content_inner { padding:0 40px; }
@media screen and (max-width:1024px) {
.cb_design_content { display:block; height:auto; width:100%; }
.cb_design_content .content {
height:auto; min-height:420px; padding:70px 0;
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-align-items:center; align-items:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.cb_design_content.layout_type1 .content1, .cb_design_content.layout_type2 .content1, .cb_design_content.layout_type3 .content1, .cb_design_content.layout_type4 .content1 { width:100%; }
.cb_design_content.layout_type1 .content2, .cb_design_content.layout_type2 .content2, .cb_design_content.layout_type3 .content2, .cb_design_content.layout_type4 .content2 { width:100%; }
.cb_design_content.layout_type3 .content1 { min-height:auto; display:block; padding:0; }
.cb_design_content.layout_type4 .content2 { min-height:auto; display:block; padding:0; }
.cb_design_content.layout_type4 .content_top {
height:auto; min-height:420px; padding:70px 0;
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-align-items:center; align-items:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.cb_design_content.layout_type5 .content { width:100%; }
.cb_design_content.layout_type6 { height: calc(100vh - 60px); }
.cb_design_content.layout_type6 .content { height: inherit; }  
.cb_design_content.layout_type1.wide_content .content1 { width:100%; }
.cb_design_content.layout_type1.wide_content .content2 { width:100%; }
.cb_design_content .content_inner { padding:0 100px; position:relative; top:0%; -webkit-transform: translateY(0%); transform: translateY(0%); }
.cb_design_content.layout_type3 .image { height:auto; padding-top:50%; position:relative; }
.cb_design_content.layout_type3 .image2 { top:420px; top:0; }
.cb_design_content.layout_type3 .image3 { top:auto; bottom:0; }
.cb_design_content .image4 { height:420px; position:relative; }
}
@media screen and (max-width:850px) {
.cb_design_content .content_inner { padding:0 60px; }
}
@media screen and (max-width:750px) {
.cb_design_content .content_inner { padding:0 40px; }
.cb_design_content .image1.mobile { display:block; }
.cb_design_content .image2.mobile { display:block; }
.cb_design_content .image3.mobile { display:block; }
.cb_design_content .image4.mobile { display:block; }
.cb_design_content .image1.pc { display:none; }
.cb_design_content .image2.pc { display:none; }
.cb_design_content .image3.pc { display:none; }
.cb_design_content .image4.pc { display:none; }
} @media screen and (max-width:750px) {
.cb_design_content .desc { line-height:2; margin-top:17px; }
.cb_design_content .link_button { margin-top:23px;}
} .cb_design_content .button { width:240px; height:50px; line-height:50px; font-size:14px; }
@media screen and (max-width:750px) {
} .cb_box .content_inner { padding:0 40px; }
.cb_box .desc { line-height:2; margin-top:30px; }
.cb_box .desc_middle { padding:12px 20px; margin-top:40px; }
.cb_box .desc_bottom { bottom:30px; padding:0 40px; font-size:12px; }
@media screen and (max-width:1024px) {
.cb_box { display:block; width:100%; }
.cb_box .content { height:auto; }
.cb_box .content_inner { padding:0; position:relative; top:0%; -webkit-transform: translateY(0%); transform: translateY(0%); }
.cb_box .mobile_content_wrap {
height:auto; min-height:420px; padding:70px 100px;
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-align-items:center; align-items:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.cb_box .desc_bottom { position:relative; bottom:0px; padding:0; margin-top:40px; }
}
@media screen and (max-width:850px) {
.cb_box .mobile_content_wrap { padding:70px 60px; }
}
@media screen and (max-width:750px) {
.cb_box .mobile_content_wrap { padding:70px 40px; }
.cb_box .desc { margin-top:13px; }
.cb_box .desc_middle { padding:12px 20px; margin-top:25px; }
.cb_box .num1 .image.mobile { display:block; }
.cb_box .num2 .image.mobile { display:block; }
.cb_box .num3 .image.mobile { display:block; }
.cb_box .num1 .image.pc { display:none; }
.cb_box .num2 .image.pc { display:none; }
.cb_box .num3 .image.pc { display:none; }
} .cb_access .qt_google_map .qt_googlemap_embed { height:calc(100vh - 60px); }
@media screen and (max-width:1024px) {
.cb_access { width:100%; display:block; }
.cb_access .map_area { height:420px; width:100%; }
.cb_access .qt_google_map { height:420px; }
.cb_access .qt_google_map .qt_googlemap_embed { height:420px; }
.qt_google_map .pb_googlemap_custom-overlay-inner {  left: -40px; width: 80px !important; height: 80px !important; font-size: 14px; }
.qt_google_map .pb_googlemap_custom-overlay-inner::after { bottom: -8px; border-width: 10px 5px 0 5px; }
.cb_access .content {
height:auto; min-height:420px; width:100%; padding:70px 0;
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-align-items:center; align-items:center;
-webkit-box-sizing:border-box; box-sizing:border-box;	
}
.cb_access .content_inner { padding:0 100px; position:relative; top:0%; -webkit-transform: translateY(0%); transform: translateY(0%); }
}
@media screen and (max-width:850px) {
.cb_access .content_inner { padding:0 60px; }
}
@media screen and (max-width:750px) {
.cb_access .content_inner { padding:0 40px; }
.cb_access .logo_image.pc { display:none; }
.cb_access .logo_image.mobile { display:block; }
.cb_access .desc { line-height:2; margin-top:23px; }
.cb_access .sns_button_list { margin-top:22px; }
} .cb_image_slider .caption { padding:0 40px; }
@media screen and (max-width:1024px) {
.cb_image_slider { height:auto; display:block; }
.cb_image_slider .cb_slider_wrap { height:calc(100vh - 60px); width:100%;  }
.cb_image_slider .desc_area {
height:auto; min-height:420px; width:100%; padding:70px 0;
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-align-items:center; align-items:center;
-webkit-box-sizing:border-box; box-sizing:border-box;		
}
.cb_image_slider .desc_area p { padding:0 100px; position:relative; top:0%; -webkit-transform: translateY(0%); transform: translateY(0%); }
}
@media screen and (max-width:850px) {
.cb_image_slider .desc_area p { padding:0 60px; }
}
@media screen and (max-width:750px) {
.cb_image_slider .bg_image.pc { display:none; }
.cb_image_slider .bg_image.mobile { display:block; }
.cb_image_slider .desc_area p { padding:0 40px; }
.slider_design_button { max-height:50px; font-size:14px; min-width:inherit !important; width:240px !important; }
.cb_image_slider .slick-dots li { width:10px; height:10px; margin:0 6px; font-size:10px; }
.cb_image_slider .slick-dots button { width:10px; height:10px; }
.cb_image_slider .slick-dots button::before { width:10px; height:10px; line-height:10px; }
.no_news_ticker .slick-dots { bottom:30px; }
} @media screen and (max-width:1024px) {
.cb_news_ticker { bottom:0; }
.cb_news_ticker .post_list { height:80px; padding:0 20px; }
.cb_news_ticker a { height:80px; line-height:1; display:block; }
.cb_news_ticker .date { margin:18px 0 10px 0; padding-left:15px; }
.cb_news_ticker .date:before { font-size:11px;top:1px; }
.cb_news_ticker .title { width:100%; line-height:1; height:80px; }
} .work_archive_desc p { padding:0 40px; }
#work_archive_header .content { padding:0 180px;  }
#work_list .item .content { left:30px; bottom:30px; width:calc(100% - 60px); }
#work_list .desc { font-size:14px; line-height:2; padding:20px; }
#work_list .item .title { height:50px; line-height:50px; font-size:18px; padding:0 40px 0 20px; }
#work_list .item .title:after { height:50px; line-height:50px; }
#work_list .item .title:before { height:50px; line-height:50px; font-size:13px; }
#work_list .item a:hover .title:before { right:10px; }
@media screen and (max-width:1150px) {
#work_archive_header .content { padding:0 120px; }
}
@media screen and (max-width:1024px) {
.work_archive_desc, #work_archive_header {
height:auto; min-height:420px; width:100%; padding:70px 100px;
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-align-items:center; align-items:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.work_archive_desc p, #work_archive_header .content { position:relative; left:0; top:0; -webkit-transform: translateY(0%); transform: translateY(0%); padding:0; }
#work_list { width:100% !important; height:auto; }
#work_list .item { height:auto; width:50%; padding-top:60%; position:relative; overflow:hidden; }
#work_list .item a { width:100.5%; height:100.5%; display:block; position:absolute; top:0px; left:0px; }
#work_list .item .content { left:0px; bottom:0px; width:100%; }
#work_list .item .title {
display:block; width:100%; height:50px; line-height:50px; font-size:18px; 
opacity:1; transform: translate3d(0,0,0);
overflow:hidden; white-space:nowrap; text-overflow:ellipsis; visibility:visible;
}
#work_list .item .title:after { width:100%; }
#work_list .item .title:before { display:none; }
#work_list .desc { display:none; }
#work_list .desc:after { display:none; }
}
@media screen and (max-width:850px) {
.work_archive_desc, #work_archive_header { padding:70px 60px; }
#work_list .item { padding-top:70%; }
}
@media screen and (max-width:750px) {
.work_archive_desc, #work_archive_header { padding:70px 40px; }
#work_archive_header .desc { line-height:2; margin-top:10px; }
#work_list .item { padding-top:88.8885%; }
}  @media screen and (max-width:1024px) {
.work_image_list { width:100%; height:auto; }
.work_image_list .item { height:auto; overflow:hidden; }
.work_image_list .item.size1 { width:100%; padding-top:75%; }
.work_image_list .item.size2 { width:50%; padding-top:75%; }
.work_image_list .item.no_image { display:none; }
.work_image_list .item a { position:absolute; top:0px; left:0px; width:100.5%; height:100.5%; }
.work_image_list .item.delay_animate a { transition-delay:0s; }
.work_image_list .item a .desc { display:none; }
.work_image_list .item.delay_animate:after { transition-delay:0s; }
#work_single_menu {
height:auto; min-height:420px; width:100%; padding:70px 40px;
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-align-items:center; align-items:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#work_single_menu ol { padding:0; }
#work_single_menu li { font-size:18px; margin:4px 0 30px 0; }
#work_single_menu li:last-child { margin:0; }
} @media screen and (max-width:1024px) {
#work_gallery_type2 { padding:100px !important; height:auto; display:block; }
#work_gallery_type2 .item { width:100% !important; height:100% !important; }
#work_gallery_type2 img { width:100%; max-width:100%; height:auto; }
#work_gallery_type2 a .desc { display:none; }
}
@media screen and (max-width:850px) {
#work_gallery_type2 { padding:60px 60px !important; }
}
@media screen and (max-width:750px) {
#work_gallery_type2 { padding:40px 40px !important; }
} @media screen and (max-width:1024px) {
#work_image_modal_box .title { top:70px; }
#work_image_modal_box .item .image { width:calc(100% - 0px); height:calc(100% - 230px); }
#work_image_modal_box .close_button { top:5px; right:5px; width:50px; height:50px; }
#work_image_modal_box .close_button:before { font-size:20px; top:16px; left:15px; }
#work_image_modal_box .slick-arrow { margin:0 0 0 -70px; bottom:14px; left:50%; top:auto; -webkit-transform:translate3d(50%,0%,0); transform:translate3d(50%,0%,0); }
#work_image_modal_box .slick-next { left:50%; right:auto; margin:0 0 0 -30px; }
#work_image_modal_box .slick-arrow:before { font-size:18px; }
#work_image_modal_box .item p { font-size:16px; bottom:70px; }
} #news_archive_bg_image { height:calc(100vh - 60px); top:60px; }
#news_archive_overlay { height:calc(100vh - 60px); top:60px; }
#news_list .item { padding:0 40px; width:calc(100vw / 3); }
#news_list .date { top:40px; }
@media screen and (max-width:1024px) {
body.post-type-archive-news .page_navi { border:none; }
body.post-type-archive-news #archive_header { border-right:none; }
#news_list { height:auto; display:block; padding:0; }
#news_list .item {
border-right:none; border-bottom:1px solid rgba(255,255,255,0.2); padding:40px 100px 30px;
position:relative; width:100%;
}
#news_list .item:last-of-type { border-bottom:1px solid rgba(255,255,255,0.2); }
#news_list .item .content { height:auto; display:block; margin:0 auto; }
#news_list .date { position:relative; top:0; margin:0 auto 15px; font-size:12px; }
#news_list .title { margin-bottom:33px; min-height:inherit; }
#news_list .desc { min-height:inherit; }
@media screen and (max-height:1000px) {
#news_list .date { top:0; }
#news_list .desc { max-height:7.2em; min-height:inherit; }
#news_list .desc span { -webkit-line-clamp:3; }
}
@media screen and (max-height:900px) {
#news_list .title { margin-bottom:33px; }
#news_list .desc { margin-top:30px; }
}
body.post-type-archive-news #copyright { border-top:none; }
}
@media screen and (max-width:850px) {
#news_list .item { padding:40px 60px 30px; }
}
@media screen and (max-width:750px) {
#news_list .date:before { margin-right:5px; font-size:11px; }
#news_list .item { padding:30px 20px 23px; }
#news_list .title { margin-bottom:15px; }
#news_list .desc { margin-top:15px; line-height:2; max-height:4; }
#news_list .desc span { -webkit-line-clamp:2; }
} @media screen and (max-width:1024px) {
#side_copyright { display:none; }
} #blog_list .top_content { padding:40px; }
#blog_list .bottom_content { padding:30px 40px; }
#blog_list .meta { margin:0; }
#blog_list .category { height:30px; line-height:30px; padding:0 15px; min-width:inherit; margin:0 10px 15px 0; }
#archive_header.archive { width:calc(100vw / 3); }
#blog_list .item { width:calc(100vw / 3); }
#featured_post { width:calc(100vw / 3); }
@media screen and (max-width:1024px) {
#archive_header.archive { width:auto; }
#blog_list { display:block; height:auto; }
#blog_list .item { width:auto; height:auto; padding:40px 100px 30px; border:none; border-bottom:1px solid #fff; }
#blog_list .item .content { display:block; height:auto; padding:0; }
#blog_list .top_content { height:auto; padding:0; position:relative; }
#blog_list .image_wrap { margin-bottom:20px; }
#blog_list .bottom_content { height:auto; padding:0; }
#blog_list .bottom_content p { min-height:inherit; }
#blog_list .title { margin-bottom:20px; }
@media screen and (max-height:1000px) {
#blog_list .item .content { padding-top:0; }
#blog_list .title { max-height:4.8em; }
#blog_list .title span { -webkit-line-clamp:3; }
#blog_list .bottom_content p { max-height:7.2em; min-height:7.2em; }
#blog_list .bottom_content span { -webkit-line-clamp:3; }
}
@media screen and (max-height:900px) {
#archive_header.archive { width:auto; }
#archive_header.archive .content { padding:0;}
#blog_list .item .content { padding-top:0; }
#blog_list .item { width:auto; }
#blog_list .top_content { padding:0; }
#blog_list .bottom_content { padding:0; }
}
#featured_post { height:auto; width:100%; }
#featured_post .headline { padding:40px 100px; }
#featured_post .post_list { padding:0 100px 40px; position:relative; top:0%; -webkit-transform: translateY(0%); transform: translateY(0%); }
#featured_post .post_list .item { margin:0 0 40px 0; }
#featured_post .post_list .content {
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-direction:column; flex-direction:column;
-webkit-justify-content:center; justify-content:center;
}
}
@media screen and (max-width:850px) {
#blog_list .item { padding:40px 60px 30px; }
#featured_post .headline { padding:40px 60px; }
#featured_post .post_list { padding:0 60px 40px; }
}
@media screen and (max-width:750px) {
#blog_list .item { padding:30px 20px 25px; }
#blog_list .meta { margin:0; }
#blog_list .date { font-size:12px; }
#blog_list .date:before { margin-right:5px; font-size:11px; }
#blog_list .title { margin-bottom:15px; }
#blog_list .image_wrap { margin-bottom:15px; }
#blog_list .bottom_content p { line-height:2; max-height:4em; min-height:inherit; }
#blog_list .bottom_content span { -webkit-line-clamp:2; }
#featured_post .headline { padding:30px 20px; font-size:20px; }
#featured_post .post_list { padding:0 20px 30px; }
#featured_post .post_list .item { margin:0 0 30px 0; }
#featured_post .title { font-size:14px; }
#featured_post .date { font-size:12px; }
#featured_post .date:before { margin-right:5px; font-size:11px; }
} .page_navi ul { padding:0 10px; }
.page_navi a, .page_navi a:hover, .page_navi span { margin:0 2px; font-size:12px; width:40px; height:40px; line-height:40px; }
.page_navi { width:calc(100vw / 3); }
@media screen and (max-width:1024px) {
.page_navi { width:100%; height:auto; }
.page_navi ul { padding:60px 55px; position:relative; left:0%; top:0%; -webkit-transform: translate(0%,0%); transform: translate(0%,0%); }
.page_navi a, .page_navi a:hover, .page_navi span { margin:0 4px;width:40px; height:40px; line-height:40px; }
}
@media screen and (max-width:750px) {
.page_navi ul { padding:40px 20px; }
} @media screen and (max-width:1024px) {
#no_post { height:420px; font-size:18px; line-height:2; }
} #page_header_inner { width:100% !important; padding:0 60px; -webkit-box-sizing:border-box; box-sizing:border-box; }
@media screen and (max-width:1050px) {
#page_header { height:350px; }
#page_header .desc { }
}
@media screen and (max-width:750px) {
#page_header { height:250px; }
#page_header.small { height:130px; }
#page_header_inner { padding:0 40px; }
#page_header .desc_area { padding:0 40px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#page_header .desc { display:none; }
#page_header.full_height .desc { display:block; }
#page_header.full_height .desc .mobile { display:block; }
#page_header.full_height .desc .pc { display:none; }
#page_header .headline_area { line-height:50px; line-height:50px; }
#page_header .bg_image.pc { display:none; }
#page_header .bg_image.mobile { display:block; }
#page_header .catch .pc { display:none; }
#page_header .catch .mobile { display:block; }
} #drawer_menu {
opacity:0; pointer-events:none; position:fixed; top:0px; left:0px; z-index:9999; width:100%; height:100%; overflow:hidden; background:#000;
-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-flex-direction:row-reverse; flex-direction:row-reverse;
}
body.open_drawer_menu #drawer_menu { opacity:1; pointer-events:auto; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
#drawer_menu_content {
width:100%; height:100%; z-index:3; position:relative; overflow:auto;
-webkit-backface-visibility: hidden; backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
#drawer_menu_content::-webkit-scrollbar { display:none; }
#drawer_menu_content_inner {
padding-bottom:30px;
position:absolute; z-index:10; text-align:center; width:100%;
left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
#drawer_menu a { color:#fff; }
#drawer_menu .simplebar-scrollbar:before { background:#fff !important; } #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:#fff; font-family:'design_plus'; content:'\e91a'; font-size:20px; display:block; top:21px; left:22px; 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 { } #drawer_menu .menu { margin:0; }
#drawer_menu .menu a { font-size:16px; display:block; pointer-events:auto; }
#drawer_menu .menu > li > a:hover { color:#fff; }
#drawer_menu .current-menu-item { }
#drawer_menu .menu li { margin:0; font-weight:500; position:relative; pointer-events:none; }
#drawer_menu .menu ul ul { background-color:#222222; margin:0; opacity:0; transition: all 0.35s ease; pointer-events:none; }
#drawer_menu .menu ul ul.active { opacity:1; pointer-events:auto; }
#drawer_menu .menu ul ul a { pointer-events:none; }
#drawer_menu .menu li.menu-item-has-children > a > span { position:relative; }
#drawer_menu .menu ul ul li { opacity:0; transition: transform opacity 0.2s ease 0s; }
#drawer_menu .menu ul ul.active li { opacity:1; }
#drawer_menu .menu ul ul.active li a { pointer-events:auto; }
#drawer_menu .menu ul ul.active li:nth-child(1) { transition: opacity 0.4s ease 0.1s; }
#drawer_menu .menu ul ul.active li:nth-child(2) { transition: opacity 0.4s ease 0.15s; }
#drawer_menu .menu ul ul.active li:nth-child(3) { transition: opacity 0.4s ease 0.2s; }
#drawer_menu .menu ul ul.active li:nth-child(4) { transition: opacity 0.4s ease 0.25s; }
#drawer_menu .menu ul ul.active li:nth-child(5) { transition: opacity 0.4s ease 0.3s; }
#drawer_menu .menu ul ul.active li:nth-child(6) { transition: opacity 0.4s ease 0.35s; }
#drawer_menu .menu ul ul.active li:nth-child(7) { transition: opacity 0.4s ease 0.4s; }
#drawer_menu .menu ul ul.active li:nth-child(8) { transition: opacity 0.4s ease 0.45s; }
#drawer_menu .menu ul ul.active li:nth-child(9) { transition: opacity 0.4s ease 0.5s; }
#drawer_menu .menu ul ul.active li:nth-child(n + 10) { transition: opacity 0.4s ease 0.55s; }
#drawer_menu .menu li.menu-item-has-children > a > span { position:relative; }
#drawer_menu .menu li.menu-item-has-children.active > a { pointer-events:none; }
#drawer_menu .menu li > a > .title {
pointer-events:auto; width:100%; display:block; padding:15px 0;
-webkit-transition: color 0.2s ease; transition: color 0.2s ease;
}
#drawer_menu .menu > li > a > .title:hover { color:green; }
#drawer_menu .menu li.menu-item-has-children > a > .button { pointer-events:auto; position:absolute; right:0; top:3px; width:50px; height:40px; }
#drawer_menu .menu li.menu-item-has-children > a > .button:after {
background:#fff; content:''; height:2px; width:12px; display:block;
position:absolute; right:23px; top:17px;
}
#drawer_menu .menu li.menu-item-has-children > a > .button:before {
background:#fff; content:''; height:12px; width:2px; display:block;
position:absolute; right:28px; top:12px;
}
#drawer_menu .menu li.active > a > .button::before { display:none; } #drawer_menu_sns { margin-top:30px; }
#drawer_menu_sns.color_type1 a:before { color:#fff; } #drawer_menu .lang_button { font-size:0; margin-top:30px; }
#drawer_menu .lang_button li { font-size:16px; font-weight:600; display:inline; margin:0 8px; font-family:'Arial'; }
#drawer_menu .lang_button li a { opacity:0.5; }
#drawer_menu .lang_button li.active a { pointer-events:none; opacity:1; } #drawer_menu_search { margin:35px auto 0; position:relative; width:280px; }
#drawer_menu_search .input_area { background:rgba(255,255,255,0.2); width:280px; height:50px; border-radius:50px; position:relative; }
#drawer_menu_search .input_area input { border:none; background:none; height:40px; width:230px; position:absolute; left:0px; top:5px; padding:0 10px 0 25px; color:#fff; }
#drawer_menu_search .button_area { width:50px; height:50px; position:absolute; right:0px; top:0px; }
#drawer_menu_search .button_area input { width:50px; height:50px; border:none; background:none; cursor:pointer; }
#drawer_menu_search .button_area:before {
display:block; text-align:center; cursor:pointer; z-index:1; pointer-events:none; font-weight:600;
position:absolute; font-family:'design_plus'; color:#fff; font-size:14px; content:'\e94c'; left:12px; top:20px;
-webkit-transition: color 0.2s ease; transition: color 0.2s ease;
}
#drawer_menu_search .button_area:hover:before { }
@media screen and (max-width:1024px) {
#drawer_menu {
opacity:1; width:calc(100% + 1px); left:-1px;
-webkit-transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
body.open_drawer_menu #drawer_menu { }
#container {
z-index:5; position:relative;
-webkit-transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s !important; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s !important;
-webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);
}
#header {
-webkit-transition: background-color 0.3s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s !important; transition: background-color 0.3s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s !important;
-webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);
}
#news_archive_bg_image, #news_archive_overlay {
-webkit-transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s !important; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s !important;
-webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);
}
#header_message {
-webkit-transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s !important; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s !important;
-webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);
}
body.open_drawer_menu #container, body.open_drawer_menu #header, body.open_drawer_menu #news_archive_bg_image, body.open_drawer_menu #news_archive_overlay, body.open_drawer_menu #header_message {
-webkit-transform: translate3d(-100%, 0, 0) !important; transform: translate3d(-100%, 0, 0) !important;
}
body.drawer_menu_fade #container, body.drawer_menu_fade #header, body.drawer_menu_fade #news_archive_bg_image, body.drawer_menu_fade #news_archive_overlay, body.drawer_menu_fade #header_message,  body.drawer_menu_fade #return_top.active {
-webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important;
-webkit-transition: none !important; transition: none !important;
}
} #header { height:60px; }
@media screen and (max-width:1024px) {
#header { border-bottom:1px solid #ddd; }
body.header_fix #header { border-bottom:none; }
html.show_scroll_y #header { border-bottom:none; }
body.post-type-archive-work #header { border-bottom:none; }
} #header_logo { left:25px; transform: translateY(-50%) scale(1); }
#header_logo a { }
#header_logo .logo_image.pc { display:none; }
#header_logo .logo_image.mobile { display:block; }
@media screen and (max-width:750px) {
#header_logo { left:20px; }
#index_header_logo .logo_image.mobile { display:block; }
#index_header_logo .logo_image.pc { display:none; }
} #global_menu { display:none; }
#header_search { display:none; }
#header_lang_button { display:none; } #drawer_menu_button {
position:absolute; z-index:2; right:0px; bottom:0px;
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:20px; }
#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:2000; }
#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; }
} #bread_crumb {
width:100%; position:relative; padding:0 25px !important;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#bread_crumb ul { height:60px; line-height:60px; }
@media screen and (max-width:1024px) {
#bread_crumb { padding:0 20px !important; }
#bread_crumb ul { height:45px !important; line-height:45px !important; width:auto !important; }
#bread_crumb li { font-size:12px; margin-right:5px; padding-right:15px; }
#bread_crumb li:after { font-size:9px; top:1px; }
} .single_post_nav { display:none; } #single_post_title { padding-top:60px; }
@media screen and (max-width:1024px) {
#single_post_title { width:calc(100% - 160px); }
}
@media screen and (max-width:750px) {
#single_post_title { padding:20px 20px 15px; width:calc(100% - 40px); }
#single_post_title .meta { margin-bottom:5px; }
#single_post_title .category { height:30px; line-height:30px; min-width:inherit; padding:0 15px; margin-right:10px; margin-bottom:10px; }
#single_post_title .date { margin:2px 10px 10px 0; font-size:12px; }
#single_post_title .update { font-size:12px; margin:2px 0 10px 0; }
#single_post_title .date:before { margin-right:5px; font-size:11px; }
#single_post_title .update:before { margin-right:5px; font-size:12px; }
} @media screen and (max-width:750px) {
#single_share_top { margin:0 0 30px 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:750px) {
#single_copy_title_url_top { margin:0 0 35px; }
#single_copy_title_url_bottom { margin:40px 0 0; }
.single_copy_title_url_btn { border-width:2px; font-size:12px; line-height:46px; min-width:250px; }
} #post_meta_bottom { padding:15px 20px 13px; }
#post_meta_bottom li { display:block; margin:0 0 5px 0; padding:0 0 0 25px; border-right:none; }
#post_meta_bottom li:last-child { border:none; margin:0; }
#post_meta_bottom li:before { line-height:1.5; }
@media screen and (max-width:750px) {
#post_meta_bottom { margin:40px 0 0; }
} @media screen and (max-width:750px) {
#post_pagination { padding:5px 0 0; }
#post_pagination a, #post_pagination p { font-size:12px; width:45px; height:45px; line-height:45px; }
#p_readmore { padding:5px 0 0; margin:0; }
} @media screen and (max-width:750px) {
#single_banner_top { width:auto; }
#single_banner_bottom { width:auto; margin:40px 0 -5px; }
#single_banner_shortcode { padding:0 0 20px; }
} #next_prev_post { margin:50px 0 0 0 ; padding-right:0px; }
@media screen and (max-width:750px) {
#next_prev_post { border:none; margin:40px 0 0; }
#next_prev_post .item { height:52px; margin:0; padding:0 !important; }
#next_prev_post a {
height:50px; line-height:50px; position:relative; background:#fff;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#next_prev_post .image_wrap { display:none; }
#next_prev_post .title_area { position:relative; bottom:auto; left:auto; color:#000; padding:0px; }
#next_prev_post .title { display:none; }
#next_prev_post .nav { display:block; text-align:center; }
#next_prev_post a:before {
content:'\e90f'; font-family:'design_plus'; font-size:11px; top:1px; left:15px; position:absolute; background:none; width:auto; height:auto;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#next_prev_post .next_post a:before { content:'\e910'; left:auto; right:15px; }
} @media screen and (max-width:750px) {
.author_profile { padding:20px 20px 15px; }
body.single .author_profile { margin:35px 0 0; }
.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:12px !important; }
body.single .author_profile .desc { line-height:2; }
#author_sns { margin-bottom:-5px; }
#author_sns li { margin:0 10px 5px 0; }
} #related_post { position:relative; padding:100px 0 95px; }
#related_post .item { width:260px; left:0; }
#related_post .meta { margin-bottom:20px; }
#related_post .category { height:30px; line-height:30px; min-width:90px; margin-right:15px; }
#related_post .image_wrap { margin-bottom:16px; }
@media screen and (max-width:1024px) {
#related_post { position:relative; padding:40px 0 35px; }
#related_post .headline { font-size:20px; margin:0 0 40px 0; }
}
@media screen and (max-width:750px) {
#related_post .meta { margin-bottom:5px; }
#related_post .category { margin-right:10px; }
#related_post .date { font-size:12px; }
#related_post .date:before { margin:2px 5px 0 0; font-size:11px; }
} @media (max-width: 767px) {
.post_content .s_table,
.post_content .wp-block-table { overflow: auto; white-space: nowrap; margin-bottom: 2em; }
.post_content .s_table table,
.post_content .wp-block-table { margin-bottom: 0; }
}  #page_404_header .content { padding:0 30px; } @media screen and (max-width:1024px) {
html.hide_scroll_y #footer { display:block; position:relative; background:#fff; }
} #copyright #footer_sns { display:none; }
@media screen and (max-width:750px) {
#copyright { height:50px; }
#copyright p { line-height:50px; height:50px; }
#copyright #footer_sns { left:15px;}
} @media screen and (max-width:1024px) {
#return_top2 { display:none; }
#return_top { display:block; -webkit-transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s; }
body.open_drawer_menu #return_top.active { -webkit-transform: translate3d(-100vw,0,0); transform: translate3d(-100vw,0,0); }
body.show_footer_bar #return_top.active { -webkit-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); }
body.show_footer_bar.hide_footer #return_top.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
body.show_footer_bar.open_drawer_menu #return_top.active { -webkit-transform: translate3d(-100vw,-50px,0); transform: translate3d(-100vw,-50px,0); }
body.show_footer_bar.open_drawer_menu.hide_footer #return_top.active { -webkit-transform: translate3d(-100vw,0,0); transform: translate3d(-100vw,0,0); }
}
@media screen and (max-width:750px) {
#return_top a { height:51px; width:51px; line-height:51px; }
#return_top a:before { font-size:10px; left:38px; top:18px; }
} body.show_footer_bar { padding-bottom:0px; }
body.home.show_footer_bar #container { padding-bottom:0px; }
@media screen and (max-width:1024px) {
.dp-footer-bar-type1 #dp-footer-bar {
-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
-webkit-transition: opacity 0.35s, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s; transition: opacity 0.35s, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;
pointer-events: none;
}
.dp-footer-bar-type1 #dp-footer-bar.active { pointer-events: visible; }
.mobile_device.dp-footer-bar-type1 #dp-footer-bar a[href^="tel:"] { pointer-events: none; }
.mobile_device.dp-footer-bar-type1 #dp-footer-bar.active a[href^="tel:"] { pointer-events: visible; }
.dp-footer-bar-type2 #dp-footer-bar { -webkit-transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s; }
body.show_footer_bar.open_drawer_menu #dp-footer-bar.active { -webkit-transform: translate3d(-100vw,0,0) !important; transform: translate3d(-100vw,0,0) !important; }	
body.show_footer_bar #footer_button.active { -webkit-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); }
}  @media screen and (max-width:750px) {
.widget_content { font-size:14px; margin-bottom:40px; width:auto; margin-right:auto !important; margin-left:auto; max-width:350px; }
.widget_content:last-of-type { margin-bottom:0px; }
.widget_headline { font-size:16px; margin:0 0 15px 0; }
}
@media screen and (max-width:550px) {
.widget_content { max-width:inherit; }
} @media screen and (max-width:750px) {
.widget_tab_post_list_button div { font-size:14px; height:50px; line-height:50px; }
.widget_tab_post_list { top:50px; }
.widget_tab_post_list .title { font-size:14px; max-height:5.4em; padding:0 20px; }
.widget_tab_post_list .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
} @media screen and (max-width:750px) {
.search_box_headline { margin:0 0 15px 0; }
.tcdw_search_box_widget .search_area form { height:50px; }
.tcdw_search_box_widget .search_area .search_input { width:-webkit-calc(100% - 50px); width:calc(100% - 50px); }
.tcdw_search_box_widget .search_area .search_input input { height:50px; }
.tcdw_search_box_widget .search_area .search_button { width:50px; height:50px; }
.tcdw_search_box_widget .search_area .search_button:before { width:50px; height:50px; line-height:50px; left:0; }
.design_select_box label { width:50px; height:50px; }
.design_select_box label:after { top:22px; }
.design_select_box select { font-size:14px; height:50px; line-height:50px; }
} @media screen and (max-width:750px) {
.p-dropdown__title { height:50px; line-height:50px; }
} @media screen and (max-width:750px) {
#searchform { height:50px; }
#searchform #s { height:50px; }
#searchform #searchsubmit { height:50px; }
#searchform .submit_button  { height:50px; }
#searchform .submit_button:before { height:50px; line-height:50px; }
} @media screen and (max-width:750px) {
.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:750px) {
.widget_block { font-size:14px; }	
} @media screen and (max-width:750px) {
.widget_text .textwidget { font-size:14px; }
} @media screen and (max-width:750px) {
.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:18px; margin:0 0 20px 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:750px) {
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { }
.post_content p { line-height:2; }
.post_content li, .post_content dt, .post_content dd { line-height:1.8; }
.post_content td, .post_content th { line-height:1.8; padding:14px 20px; }
} @media screen and (max-width: 1024px) {
html {
scroll-padding-top: 60px;
}
}
 @font-face {
font-family: 'footer_bar';
src: url(//www.kazunori-komoda.jp/wp-content/themes/horizon_tcd093/fonts/footer_bar.eot?v=1.2);
src: url(//www.kazunori-komoda.jp/wp-content/themes/horizon_tcd093/fonts/footer_bar.eot?v=1.2#iefix) format('embedded-opentype'),
url(//www.kazunori-komoda.jp/wp-content/themes/horizon_tcd093/fonts/footer_bar.woff?v=1.2) format('woff'),
url(//www.kazunori-komoda.jp/wp-content/themes/horizon_tcd093/fonts/footer_bar.ttf?v=1.2) format('truetype'),
url(//www.kazunori-komoda.jp/wp-content/themes/horizon_tcd093/fonts/footer_bar.svg?v=1.2#footer_bar) format('svg');
font-weight: normal;
font-style: normal;
}
.dp-footer-bar { display:flex; flex-wrap:wrap; font-size:10px; text-align:center; width:100%; z-index:9998; }
.dp-footer-bar-item { flex:1; margin:0 -1px 0 0; }
.dp-footer-bar a { display: block; border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); height:50px; position:relative; }
.dp-footer-bar-item:last-of-type a { border:none; }
.dp-footer-bar a:hover { position:relative; z-index:10; border:none; }
.dp-footer-bar a .label { bottom:8px; left:0; right:0; position:absolute; }
.footer_bar_icon:before { display:block; font-family:"footer_bar"; font-size:16px; position:relative; top:12px; }
.footer_bar_icon_twitter:before { content: "\ea96"; }
.footer_bar_icon_facebook:before { content: "\ea91"; }
.footer_bar_icon_instagram:before { content: "\ea92"; }
.footer_bar_icon_youtube:before { content: "\ea9d"; }
.footer_bar_icon_line:before { content: "\e90f"; font-size:18px; }
.footer_bar_icon_spotify:before { content: "\ea94"; }
.footer_bar_icon_heart:before { content: "\e9da"; }
.footer_bar_icon_star1:before { content: "\e9d9"; }
.footer_bar_icon_star2:before { content: "\e9d7"; }
.footer_bar_icon_list1:before { content: "\e9bb"; }
.footer_bar_icon_list2:before { content: "\e907"; }
.footer_bar_icon_fire:before { content: "\e9a9"; }
.footer_bar_icon_bubble:before { content: "\e96c"; }
.footer_bar_icon_cart:before { content: "\e93a"; }
.footer_bar_icon_bell:before { content: "\e951"; }
.footer_bar_icon_profile:before { content: "\e923"; }
.footer_bar_icon_user:before { content: "\e90a"; font-size:14px; }
.footer_bar_icon_map:before { content: "\e909"; }
.footer_bar_icon_film:before { content: "\e913"; }
.footer_bar_icon_camera:before { content: "\e905"; font-size:14px; }
.footer_bar_icon_news:before { content: "\e904"; }
.footer_bar_icon_office:before { content: "\e903"; }
.footer_bar_icon_home:before { content: "\e900"; }
.footer_bar_icon_help:before { content: "\e901"; font-size:19px; }
.footer_bar_icon_light:before { content: "\e902"; font-size:20px; }
.footer_bar_icon_menu:before { content: "\e90e"; font-size:13px; }
.footer_bar_icon_grid:before { content: "\e90d"; font-size:14px; }
.footer_bar_icon_search:before { content: "\e90c"; }
.footer_bar_icon_tel:before { content: "\e90b"; }
.footer_bar_icon_calendar:before { content: "\e908"; }
.footer_bar_icon_mail:before { content: "\e906"; font-size:12px; }
.footer_bar_icon_pdf:before { content: "\e910"; }
.footer_bar_icon_pencil:before { content: "\e911"; }
.footer_bar_icon_clock:before { content: "\e912"; }
.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; }