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

 #main_contents { width:800px; margin:0 auto; padding:60px 0 100px; }
@media screen and (max-width:900px) {
#main_contents { width:auto; margin:0 30px; }
body.single-post #main_contents { padding-bottom:50px; }
}
@media screen and (max-width:650px) {
#main_contents { margin:0 25px; padding:40px 0; }
body.single-post #main_contents { padding-bottom:40px; }
} #drawer_menu {
display:block; position:fixed; top:0px; right:-400px; width:400px; height:100%; background:#333; overflow:auto; z-index:9999;
-webkit-transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-backface-visibility: hidden; backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
}
.open_menu #drawer_menu { right:0; box-shadow:-5px 0 20px 0 rgba(0,0,0,0.4); }
@media screen and (max-width:500px) {
#drawer_menu { right:-80%; width:80%; }
} .open_menu #container:before {
content:''; display:block; width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.6); z-index:9999;
} _::-webkit-full-page-media, _:future, :root .open_menu #container:before { background:rgba(0,0,0,0.6); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
@supports (-ms-ime-align: auto) {
.open_menu #container:before { background:rgba(0,0,0,0.6); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
}  .simplebar-scrollbar:before { background:#fff !important; } 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; }
} @media screen and (max-width:750px) {
.has_mobile_word span { display:none; }
.has_mobile_word span.mobile { display:block; }
} @media screen and (max-width:650px) {
.design_content:last-of-type { padding-bottom:0px; }
} @media screen and (max-width:900px) {
.dc_content { width:auto; padding:50px 30px 50px; }
.dc_content .sub_title { margin:0 0 5px 0; }
}
@media screen and (max-width:650px) {
.dc_content { width:auto; padding:35px 20px 32px; }
.dc_content .post_content { margin:8px 0 0 0; }
.dc_image { padding:32px 0 7px 0;  }
.dc_content .catch.catch2 { margin-top:27px; }
} body.use_mobile_header_fix #design_content_id1, body.use_mobile_header_fix #design_content_id2,
body.use_mobile_header_fix #design_content_id3, body.use_mobile_header_fix #design_content_id4 {
padding-top:70px; margin-top:-70px;
}
@media screen and (max-width:650px) {
body.use_mobile_header_fix #design_content_id1, body.use_mobile_header_fix #design_content_id2,
body.use_mobile_header_fix #design_content_id3, body.use_mobile_header_fix #design_content_id4 {
padding-top:60px; margin-top:-60px;
}
} .dc_image_content { height:400px; }
.dc_image_content_inner { height:400px; }
@media screen and (max-width:900px) {
.dc_image_content { height:350px; }
.dc_image_content_inner { width:auto; height:350px; }
.dc_image_content .caption { left:30px; right:30px; }
.dc_image_content .tab {
left:30px; padding:0 20px;
min-width:150px; height:45px; line-height:45px; font-size:14px;
}
.dc_image_content_inner.direction_type3 .tab { left:auto; right:30px; }
}
@media screen and (max-width:650px) {
.dc_image_content { height:260px; }
.dc_image_content_inner { height:260px; }
.dc_image_content .caption { left:20px; right:20px; }
.dc_image_content .tab {
left:20px; padding:0 15px;
height:35px; line-height:35px; font-size:12px;
}
.dc_image_content_inner.direction_type3 .tab { left:auto; right:20px; }
} @media screen and (max-width:900px) {
.dc_message_list { width:auto; }
}
@media screen and (max-width:650px) {
.dc_message_list { margin:25px auto 7px; }
.dc_message_list .item { height:100px; margin:8px 0 0 0; }
} @media screen and (max-width:900px) {
.dc_data_list { width:auto; padding:55px 30px 0; margin:0 auto; }
#design_page3 .dc_data_list { padding:55px 30px 40px; }
#design_page3 .design2_content:last-of-type .dc_data_list { padding:55px 30px 40px; }
}
@media screen and (max-width:650px) {
.dc_data_list { width:auto; padding:35px 20px 0; margin:0 auto; }
#design_page3 .dc_data_list { padding:35px 20px 20px; }
#design_page3 .design2_content:last-of-type .dc_data_list { padding:35px 20px 40px; }
.dc_data_list .catch { margin:0 0 30px 0; }
.dc_data_list dl { font-size:12px; }
.dc_data_list dt { width:90px; padding:10px 15px; line-height:1.6; }
.dc_data_list dd { width:calc(100% - 90px); padding:10px 15px; line-height:1.6; }
.dc_data_list .link_button { text-align:center; margin:40px 0 0 0; }
.dc_data_list .link_button a { min-width:200px; height:45px; line-height:45px; font-size:12px; }
} @media screen and (max-width:900px) {
#access_info { padding:52px 0 0 0; }
#access_google_map { height:350px; }
#access_google_map .pb_googlemap_embed { height:350px; }
#access_data { width:auto; padding:60px 0 0; }
#access_data .desc2 { margin:52px 30px -8px; }
}
@media screen and (max-width:650px) {
#access_info { padding:32px 0 0 0; }
#access_info .catch { margin:0px 0 30px 0; }
#access_google_map { height:260px; }
#access_google_map .pb_googlemap_embed { height:260px; }
#access_data .top_area, #access_data .bottom_area { margin:0 20px 40px; }
#access_data { width:auto; padding:40px 0 0; }
#access_data .desc1 { font-size:12px; }
#access_data .desc2 { font-size:12px; margin:32px 0 -8px; }
#access_data .link_button a { min-width:200px; height:45px; line-height:45px; font-size:12px; }
}  @media screen and (max-width:900px) {
.work_list .item .image_wrap { height:auto; position:relative; margin:0 0 10px 0; }
.work_list .item .image_wrap:before { content: ""; display: block; padding-top: 100%; }
.work_list .item .image_wrap_inner { width:100%; height:100%; position:absolute; top:0px; }
}
@media screen and (max-width:500px) {
.work_list .item { width:calc(50% - 10px); margin-bottom:15px; }
.work_list .item .image_wrap { margin-bottom:10px; }
} body.use_mobile_header_fix .work_area { padding-top:100px; margin-top:-70px; }
@media screen and (max-width:900px) {
#archive_work { padding:0; width:auto; margin:0 30px; }
.work_area:last-of-type { margin-bottom:40px; }
}
@media screen and (max-width:650px) {
#archive_work { margin:0 20px; }
.work_area { padding-top:35px; }
body.use_mobile_header_fix .work_area { padding-top:90px; margin-top:-60px; }
body.use_mobile_header_fix .work_area:first-of-type { padding-top:35px; margin-top:0; }
.work_area:last-of-type { margin-bottom:30px; }
.work_area_top .desc { margin-top:5px; line-height:2.3; }
.work_area .work_list { margin:40px -10px 0 0; }
.work_area .child_category_list { margin:30px 0 0 0; }
.work_area .child_category_list .headline { font-size:12px; height:50px; line-height:50px; padding:0 20px; }
.work_area .child_category_list .headline:before { right:20px; }
.work_area .child_category_list ul { padding:20px 0 8px 20px; }
.work_area .child_category_list ul li { width:calc(50% - 15px); margin:0 10px 10px 0; }
.work_area .child_category_list ul li a { height:40px; line-height:40px; }
.work_area .post_list_area { margin:0 0 -15px; }
} @media screen and (max-width:900px) {
#category_work { padding:50px 0 110px 0; width:auto; margin:0 30px; }
#category_work .work_list { margin-top:0px; }
}
@media screen and (max-width:650px) {
#category_work { padding:30px 0 10px 0; margin:0 20px; }
#category_work .work_list { margin-top:0px; }
} @media screen and (max-width:650px) {
body.single-work #main_contents { padding:33px 0 0 0; }
} @media screen and (max-width:650px) {
#single_work_title_area .category { margin:0 0 15px 0; }
#single_work_title_area { padding:30px 0 25px; }
} @media screen and (max-width:650px) {
.work_content { margin-bottom:40px; }
.single_work_catch { margin:0 0 25px 0; }
.single_work_desc { margin:0 0 32px 0; }
.single_work_image_list { margin:0 0 35px 0; }
.single_work_image_list .large { margin:0 0 6px 0; }
.single_work_image_list .small { width:calc(50% - 3px); margin:0 6px 6px 0; }
.work_data_list dl { font-size:12px; }
.work_data_list dt { width:90px; padding:10px 15px; line-height:1.6; }
.work_data_list dd { width:calc(100% - 90px); padding:10px 15px; line-height:1.6; }
.work_data_list .link_button { margin:40px 0 0 0; }
.work_data_list .link_button a { font-size:12px; min-width:200px; height:45px; line-height:45px; }
} @media screen and (max-width:900px) {
#next_prev_post2 .title { padding:0 20px; }
}
@media screen and (max-width:600px) {
#next_prev_post2 { margin-top:40px; }
#next_prev_post2 .item { height:auto; width:calc(50% - 5px); }
#next_prev_post2 a { height:auto; border:none !important; background:none !important; }
#next_prev_post2 a:hover { background:none !important; }
#next_prev_post2 .title_area { float:none; height:auto; width:auto; text-align:center; }
#next_prev_post2 .title {
position:relative; width:auto; padding:0; font-size:14px;
top:0%; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);
}
#next_prev_post2 .image_wrap { float:none; width:auto; height:auto; position:relative; margin:0 0 10px 0; }
#next_prev_post2 .image_wrap:before { content: ""; display: block; padding-top: 100%; }
#next_prev_post2 .image_wrap_inner { width:100%; height:100%; position:absolute; top:0px; float:none; margin:0; }
#next_prev_post2 .next_post .image_wrap { float:none; }
} @media screen and (max-width:900px) {
#related_work_list { margin-top:50px; width:auto; }
#related_work_list .headline { margin:0 0 30px 0; }
}
@media screen and (max-width:650px) {
#related_work_list { margin-top:40px; width:auto; }
#related_work_list .headline { margin:0 0 35px 0; }
} #index_header_content { height:calc(100vh - 70px); }
@media screen and (max-width:650px) {
#index_header_content { height:calc(100vh - 60px); }
} #index_slider .item .slice_image { height:calc(100vh - 70px); }
@media screen and (max-width:950px) {
#index_slider .item .slice_image { width:calc(100% / 6); }
#index_slider .item .image { width:600%; }
#index_slider .item .slice_image:nth-child(7) { display:none; }
#index_slider .item .slice_image:nth-child(8) { display:none; }
}
@media screen and (max-width:650px) {
#index_slider .item .slice_image { height:calc(100vh - 60px); width:calc(100% / 4); }
#index_slider .item .image { width:400%; }
#index_slider .item .slice_image:nth-child(5) { display:none; }
#index_slider .item .slice_image:nth-child(6) { display:none; }
#index_slider .slice_image_list.pc { display:none; }
#index_slider .slice_image_list.mobile { display:block; }
} @media screen and (max-width:950px) {
#index_slider .caption { width:auto; padding:0 30px; }
#index_slider .button { min-width:200px; height:45px; line-height:45px; padding:0 20px; }
}
@media screen and (max-width:650px) {
#index_slider .caption { padding:0 20px; }
#index_slider .caption.pc { display:none; }
#index_slider .caption.mobile { display:block; }
} @media screen and (max-width:950px) {
#index_slider .search_area { width:280px; height:45px; margin:20px auto 0; }
#index_slider .search_input input { height:45px; width:235px; }
#index_slider .search_button input { width:45px; height:45px; }
#index_slider .search_button label { top:15px; }
} @media screen and (max-width:650px) {
#index_slider .caption.mobile .logo.animate2, #index_slider .caption.mobile .catch.animate2,
#index_slider .logo_desc_area.animate2, #index_slider .button.animate2, #index_slider .search_area.animate2 {
-webkit-animation: opacityAnimation 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.0s;
animation: opacityAnimation 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.0s;
}
}  #index_free_space { width:auto; margin:0 auto; padding:40px 30px 10px; }
@media screen and (max-width:950px) {
#index_free_space { padding:30px 20px 0px; }
}  @media screen and (max-width:950px) {
#index_news { width:auto; }
}
@media screen and (max-width:650px) {
#index_news { height:80px; }
#index_news a { height:80px; line-height:1.5; padding:14px 20px; font-size:12px; }
#index_news .date { width:auto; float:none; }
#index_news .title { width:auto; float:none; max-height:3.2em; overflow:hidden; white-space:normal; text-overflow:clip; }
#index_news .title span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
} @media screen and (max-width:950px) {
.cb_contents .link_button a { min-width:200px; height:45px; line-height:45px; padding:0 20px; }
.cb_contents.last { padding-bottom:60px; }
}
@media screen and (max-width:650px) {
.cb_contents.last { padding-bottom:40px; }
.cb_contents .link_button a { font-size:12px; }
} @media screen and (max-width:950px) {
.index_content1 { width:auto; padding:50px 30px 60px; }
.index_content1 .image_list { margin:0 -30px 50px; }
}
@media screen and (max-width:650px) {
.index_content1 { padding:30px 20px 40px; }
.index_content1 .catch { margin:0 0 20px 0; }
.index_content1 .desc { margin:0 0 30px 0; line-height:2.3; }
.index_content1 .image_list { margin:0 -20px 40px; }
} @media screen and (max-width:950px) {
.index_content2 { width:auto; padding:50px 30px 60px; }
}
@media screen and (max-width:650px) {
.index_content2 { padding:35px 20px 40px; }
.index_content2 .catch { margin:0 0 25px 0; }
.index_content2 .desc { margin:0 0 30px 0; line-height:2.3; }
.index_content2 .image_content { height:150px; margin:0 0 30px 0; }
.index_content2 .image_content .link_button { }
} @media screen and (max-width:950px) {
.index_parallax { width:auto; height:auto; padding:67px 0 67px; }
.index_parallax .caption {
width:auto; margin:0 auto; position:relative; padding:0 30px;
top:0%; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);
}
}
@media screen and (max-width:650px) {
.index_parallax .caption { padding:0 20px; }
.index_parallax .catch { margin-bottom:25px; }
.index_parallax .desc { line-height:2.3; }
} @media screen and (max-width:950px) {
.index_carousel { height:400px; }
.index_carousel .item { height:400px; }
}
@media screen and (max-width:650px) {
.index_carousel { height:300px; }
.index_carousel .item { height:300px; width:320px; }
.index_carousel .caption { bottom:15px; padding:0 15px; }
.index_carousel .title { margin-top:15px; }
.index_carousel .slick-arrow { display:none !important; }
} @media screen and (max-width:950px) {
.index_work_list { width:auto; padding:60px 30px; }
}
@media screen and (max-width:650px) {
.index_work_list { width:auto; padding:40px 20px; }
} @media screen and (max-width:900px) {
#archive_blog { padding:100px 30px 150px; width:auto; }
}
@media screen and (max-width:650px) {
#archive_blog { padding:40px 20px; }
#blog_list .item { margin:0 0 30px; }
#blog_list .link { height:300px; }
#blog_list .title_area { padding:16px 20px; }
#blog_list .category { top:20px; left:-10px; }
#blog_list .category:before { border-width: 0 10px 10px 0; bottom:-10px; }
#blog_list .excerpt { font-size:14px; line-height:2.3; max-height:6.9em; margin:10px 0 0 0; }
#blog_list .excerpt span { -webkit-line-clamp:3; }
}
@media screen and (max-width:450px) {
#blog_list .link { height:195px; }
#blog_list .category a { min-width:130px; }
} @media screen and (max-width:900px) {
.page_navi { padding:50px 0 0 0; margin:0 26px -4px; }
}
@media screen and (max-width:750px) {
.page_navi { padding:40px 0 0 0; margin:0 16px -4px; }
} #page_header { height:500px; }
#page_header.small { display:none; }
@media screen and (max-width:900px) {
#page_header_catch { width:auto; padding:0 30px; }
#archive_desc { margin:0 0 45px; }
}
@media screen and (max-width:650px) {
#page_header { height:260px; }
#page_header_catch { padding:0 20px; }
#page_header_catch .desc { margin-top:0px; }
#page_header .headline { min-width:150px; height:45px; line-height:45px; font-size:12px; }
#archive_catch { height:80px; }
#archive_catch h2 { font-size:20px; }
#archive_desc { margin:0 0 25px; }
#archive_desc p { line-height:2.3; }
} #tab_button_list li { width:150px; }
#tab_button_list.type2 { width:auto !important; }
#tab_button_list.type2 #tab_button_list_inner { width:auto !important; }
#tab_button_list.type2 ul {
margin:0 auto; padding:0; overflow:hidden;
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#tab_button_list.type2 li {
float:none;
-ms-flex: 1 1 0%; -webkit-flex: 1 1 0%; flex: 1 1 0%;
}
@media screen and (max-width:650px) {
#tab_button_list { height:45px; -ms-transform: translateY(45px); -webkit-transform: translateY(45px); transform: translateY(45px); }
#tab_button_list_inner { height:45px; }
body.mobile_device #tab_button_list_inner { overflow:scroll; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
#tab_button_list li a, #tab_button_list li span { font-size:12px; height:45px; line-height:45px; }
#blur_bg { -webkit-transform: translateY(-45px); transform: translateY(-45px); }
} #page_header .catch.animate2 {
-webkit-animation: opacityAnimation 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.0s;
animation: opacityAnimation 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.0s;
}
#page_header .desc.animate2 {
-webkit-animation: opacityAnimation 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.0s;
animation: opacityAnimation 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.0s;
}
#page_header .headline.animate2 {
-webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0);
-webkit-transition: -webkit-transform 0.35s 2.0s; transition: transform 0.35s 2.0s;
}
#page_header #tab_button_list.animate2 {
-ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);
-webkit-transition: -webkit-transform 0.35s 2.0s; transition: transform 0.35s 2.0s;
}
#page_header #tab_button_list.animate2 #blur_bg {
-webkit-transform: translateY(0px); transform: translateY(0px);
-webkit-transition: -webkit-transform 0.35s 2.0s; transition: transform 0.35s 2.0s;
} #header { height:70px; position:relative; }
body.header_fix_mobile { padding-top:70px; }
.header_fix_mobile #header {
position:fixed; top:0px; left:0px; z-index:200; width:100%; box-shadow:0 0 15px 5px rgba(0,0,0,0.1); border:none;
-webkit-animation: slide_down_menu 0.5s ease; animation: slide_down_menu 0.5s ease;
}
@-webkit-keyframes slide_down_menu {
0% { top:-70px; }
100% { top:0px; }
}
@keyframes slide_down_menu {
0% { top:-70px; }
100% { top:0px; }
}
@media screen and (max-width:650px) {
#header { height:60px; }
body.header_fix_mobile { padding-top:60px; }
@-webkit-keyframes slide_down_menu {
0% { top:-60px; }
100% { top:0px; }
}
@keyframes slide_down_menu {
0% { top:-60px; }
100% { top:0px; }
}
} #header_logo { left:30px; }
#header_logo .pc_logo_image { display:none; }
#header_logo .pc_logo_text { display:none; }
#header_logo .mobile_logo_image { display:block; }
#header_logo .mobile_logo_text { display:block; }
@media screen and (max-width:650px) {
#header_logo .desc { position:absolute; top:60px; left:0px; margin:0; color:#fff; width:auto; font-size:10px !important; }
body.header_fix_mobile #header_logo .desc { display:none; }
body.hide_desc_mobile #header_logo .desc { display:none; }
#header_logo { left:20px; display:block; width:calc(100% - 80px); }
} #menu_button {
position:absolute; z-index:50; right:0px;
top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
display:inline-block; font-size:11px; width:70px; height:70px; line-height:70px; text-decoration:none; text-align:center;
}
#menu_button span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#menu_button:before {
color:#fff; font-family:'design_plus'; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;
font-size:18px; width:18px; height:18px; line-height:18px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#menu_button:before { content:'\f0c9'; }
#menu_button:hover, a.menu_button.active { }
#menu_button:hover:before, #menu_button.active:before { }
@media screen and (max-width:900px) {
#menu_button { width:70px; height:70px; line-height:70px; }
}
@media screen and (max-width:650px) {
#menu_button { width:60px; height:60px; line-height:60px; }
} #header #global_menu { display:none; }
#mobile_menu { width:100%; margin:0; }
#mobile_menu ul { margin:0; }
#mobile_menu li ul { display:none; }
#mobile_menu a {
position:relative; display:block;  margin:0; padding:18px 20px; line-height:1.6; overflow:hidden; text-decoration:none;
color:#fff; font-size:13px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
#mobile_menu a:hover { color:#fff; }
#mobile_menu ul ul a { padding-left:32px; }
#mobile_menu ul ul ul a { padding-left:47px; }
#mobile_menu ul ul ul ul a { padding-left:60px; } #mobile_menu li { position:relative; }
#mobile_menu .child_menu_button { display:block; position:absolute; text-align:center; width:55px; height:55px; right:0px; top:1px; z-index:9; cursor:pointer;  }
#mobile_menu .child_menu_button .icon:before {
font-family:'design_plus'; content:'\e90e'; color:#fff; text-align:center;
display:block; font-size:12px; width:12px; height:12px; line-height:12px;
position:absolute; right:22px; top:25px;
}
#mobile_menu .child_menu_button.active .icon:before, #mobile_menu .child_menu_button:hover .icon:before { color:#fff; border-color:#fff; }
#mobile_menu li.open > .child_menu_button .icon:before { content:'\e911'; }
#mobile_menu li.open > ul {  }
#mobile_menu .child_menu_button:hover { background:rgba(0,0,0,0.2); } #drawer_menu .close_button { display:block; width:100%; height:60px; position:relative; cursor:pointer; border-bottom:1px solid rgba(255,255,255,0.2); }
#drawer_menu .close_button:before {
font-family:'design_plus'; color:#fff; font-size:18px; display:block; 
content:'\e91a'; position:absolute; top:24px; right:17px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
} #mobile_banner { }
#mobile_banner img { display:block; margin:0 auto; max-width:100%; height:auto; }
#mobile_banner .banner { margin:20px 0; } #bread_crumb { border-top:1px solid #ddd; }
#bread_crumb ul { width:auto; padding:0 30px; }
#bread_crumb li { height:50px; line-height:50px; }
@media screen and (max-width:650px) {
#bread_crumb ul { padding:0 20px; }
#bread_crumb li:before{margin-top: 4px;}
}  @media screen and (max-width:650px) {
#post_title_area { margin:0 0 35px 0; }
} @media screen and (max-width:650px) {
#post_image { margin:0 0 40px 0;}
#single_category { top:20px; left:-10px; }
#single_category:before { border-width: 0 10px 10px 0; bottom:-10px; }
} @media screen and (max-width:650px) {
#single_share_top { margin:0 0 30px 0; padding:0px 0 0 0; }
#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; }
body.single-news #single_share_bottom { margin:0 0 25px 0; }
} #post_meta_bottom { padding:15px 20px 13px; }
#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 0 0; }
} #next_prev_post { margin:60px 0 0; }
#next_prev_post .item { height:50px; }
#next_prev_post .title_area { font-size:12px; margin:0; text-align:center; width:100%; }
#next_prev_post .title { display:none; }
#next_prev_post .nav { display:block; top:1px; position:relative; }
#next_prev_post a:before { left:15px; }
#next_prev_post .next_post a:before { left:auto; right:15px; }
#next_prev_post .next_post .title_area { margin:0; }
@media screen and (max-width:750px) {
#next_prev_post { margin:40px 0 0; }
} @media screen and (max-width:650px) {
#post_pagination { padding:0; }
#p_readmore { padding:0; margin:0; }
} .author_profile { padding:30px 25px; }
.author_profile a.avatar { float:none; margin:0 auto 20px; }
.author_profile .info { float:none; width:auto; }
.author_profile .name { font-size:18px; }
.author_profile .archive_link { margin-top:2px; }
.author_profile .archive_link span:after { top:2px; }
@media screen and (max-width:750px) {
.author_profile { margin:30px 0 0; }
} #related_post .headline { margin:0 0 38px 0; }
@media screen and (max-width:650px) {
#related_post { margin:40px 0 0; }
#related_post .item { float:left; width:calc(100% / 2 - 14px); margin:0 20px 20px 0; }
#related_post .item:nth-child(3n) { margin-right:20px; }
#related_post .item:nth-child(2n) { margin-right:0px; }
#related_post .item .title { font-size:14px; max-height:4.8em; }
#related_post .item .title span { -webkit-line-clamp:3; }
}
@media screen and (max-width:500px) {
#related_post .item a { min-height:148px; }
#related_post .image_wrap { height:90px; }
#related_post .image { height:90px !important; }
} #single_banner_top { width:auto; }
#single_banner_bottom { width:auto; }
#single_banner_shortcode { width:auto; }
#mobile_banner_top { margin:40px 0 0; text-align:center; }
#mobile_banner_bottom { margin:8px 0 0; text-align:center; }
@media screen and (max-width:650px) {
#single_banner_top { padding:0 0 20px; }
#single_banner_bottom { padding:40px 0 0; }
#single_banner_shortcode { padding:0 0 20px; }
.single_banner_area .single_banner_left { float:none; width:auto; text-align:center; padding:0 0 7px 0; }
.single_banner_area .single_banner_right { float:none; width:auto; text-align:center; padding:0; }
} #left_widget { width:calc(50% - 20px); }
#right_widget { width:calc(50% - 20px); }
@media screen and (max-width:900px) {
#widget_area_inner { width:auto; margin:0 30px;}
.widget_content { margin:0 0 30px 0; }
}
@media screen and (max-width:650px) {
#widget_area_inner { padding:40px 0; margin:0 20px; }
#left_widget { width:100%; margin:0 0 30px 0; }
#right_widget { width:100%; }
} #footer { min-width:inherit; }
@media screen and (max-width:950px) {
#footer_inner { width:auto; padding:60px 0 27px; }
#footer_banner { margin:0 30px 50px; }
#footer_banner .item { width:calc(50% - 5px); height:160px; }
#footer_information { margin:0 30px 20px; }
#footer_information p { font-size:14px; }
}
@media screen and (max-width:650px) {
#footer_inner { padding:40px 0 10px; }
#footer_banner { margin:0 20px 30px; }
#footer_banner .item { height:125px; }
#footer_information { margin:0 20px 20px; }
#footer_information p { font-size:12px; }
#footer_menu { height:auto; line-height:2; }
#footer_menu ul { padding:30px 0 30px; }
#footer_menu ul li { display:block; margin:0; }
#footer_menu ul li a { display:block; padding:3px 20px; }
#footer_menu ul li:last-child a { border-bottom:none; }
}
@media screen and (max-width:500px) {
#footer_banner .item { width:100%; height:125px; }
} #footer_logo .pc_logo_text{ display: none; }
#footer_logo .pc_logo_image{ display: none; }
#footer_logo .mobile_logo_image{ display: block; }
#footer_logo .mobile_logo_text{ display: block; } #return_top a { height:60px; width:60px; line-height:60px; }
#return_top a:before { top:2px;}
@media screen and (max-width:950px) {
#return_top.active { bottom:0px; }
#return_top a { height:50px; width:50px; line-height:50px; }
} @media screen and (max-width:950px) {
#copyright { line-height:50px; height:50px; }
} #footer_button { display:none; }
@media screen and (max-width:950px) {
#footer_button {
width:100%; position:fixed; bottom:0; left:0px; z-index:100;
display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
-webkit-transition: -webkit-transform 0.35s; transition: all 0.35s;
}
#footer_button.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#footer_button .button { width:auto; -ms-flex: 1 1 0%; -webkit-flex: 1 1 0%; flex: 1 1 0%; }
#footer_button .button a { padding:0 15px; display:block; min-width:inherit; height:50px; line-height:50px; font-size:12px; text-align:center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
} #dp-footer-bar {
position:fixed; right:0px; bottom:0px; z-index:999; width:100%;
}
.open_menu #dp-footer-bar { display:none; }
.dp-footer-bar-type1 #dp-footer-bar {
opacity:0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.dp-footer-bar-type1 #dp-footer-bar.active {
opacity:1;
}
.dp-footer-bar-type2 #dp-footer-bar {
-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;
}
.dp-footer-bar-type2 #dp-footer-bar.active {
-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
} body.show_footer_bar { 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-top:60px; }
#comment_headline { margin:0 0 55px 0; }
@media screen and (max-width:650px) {
#comments { margin:10px 0 0; }
#comment_headline { margin:0 0 38px 0; }
} #comment_tab li a, #comment_tab li p { padding:15px 15px; }  @media screen and (max-width:650px) {
.post_content p { line-height:2.3; }
.post_content li, .post_content dt, .post_content dd { line-height:2.3; }
.post_content td, .post_content th { line-height:2.3; }
} .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:650px) {
.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(//daikikougyou561.com/wp-content/themes/fake_tcd074/fonts/design_plus.eot?v=1.5);
src: url(//daikikougyou561.com/wp-content/themes/fake_tcd074/fonts/design_plus.eot?v=1.5#iefix) format('embedded-opentype'),
url(//daikikougyou561.com/wp-content/themes/fake_tcd074/fonts/design_plus.woff?v=1.5) format('woff'),
url(//daikikougyou561.com/wp-content/themes/fake_tcd074/fonts/design_plus.ttf?v=1.5) format('truetype'),
url(//daikikougyou561.com/wp-content/themes/fake_tcd074/fonts/design_plus.svg?v=1.5#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; }
.hatena-bookmark-button{ background: #00A4DE; border-radius: 4px; }