@charset "utf-8";


html :where(img[class*=wp-image-]) {
height: auto;
max-width: 100% !important;
}  body { touch-action:manipulation; }
html:before { display:none; }
html.open_menu body { overflow-y:hidden; } body:before { display:none; }
body:after { display:none; }
#container { border:none; min-height:inherit; }
#main_col { margin:0 50px; }
@media screen and (max-width:1000px) {
body.single-news #main_content { padding-top:80px; }
#main_col { margin:0 60px; }
#side_col { margin:80px 60px 0; }
}
@media screen and (max-width:800px) {
body.home { padding:20px 0 0; }
body.home.show_header_message #container { margin-top:-40px; }
#main_content { padding:55px 0 40px; }
body.single-news #main_content { padding-top:20px; }
#main_col { margin:0 20px; }
#side_col { margin:40px 20px 0; display:block; }
#article { padding-bottom:20px; }
} body.home.admin-bar { padding-top:90px; }
body.admin-bar.header_fix #header { margin-top:32px; }
body.admin-bar #drawer_menu { padding-top:32px; }
@media screen and (max-width:780px) {
body.admin-bar.open_header #header { top:45px !important; }
body.admin-bar.close_header #header { top:45px !important; }
}
@media screen and (max-width:600px) {
body.home.admin-bar { padding-top:70px; }
body.admin-bar.open_header #header { top:0px !important; }
body.admin-bar.close_header #header { top:0px !important; }
} #header_slider_wrap { width:100%; margin:0 0 45px; border:none; }
@media only screen and (max-width: 1100px) {
#header_slider .catch { padding:120px 100px 100px; }
}
@media only screen and (max-width: 800px) {
#header_slider_wrap { width:calc(100% - 40px); height:600px; position:relative; margin:0 20px 35px; }
#header_slider { height:600px; }
#header_slider .item { height:600px; }
#header_slider_wrap .slick-dots { bottom:-33px; }
#header_slider .catch { padding:120px 40px 100px; }
} @media only screen and (max-width: 800px) {
#news_ticker { top:auto; bottom:0; right:0px; z-index:4; width:100%; height:70px; border:none; border-top:1px solid rgba(255,255,255,0.3); border-radius:0px; }
#news_ticker a { padding:15px 20px; font-size:14px; height:70px; line-height:1.8; display:block; }
#news_ticker .date { font-size:12px; }
#news_ticker .title { width:100%; }
}  @media only screen and (max-width: 1000px) {
.design_content .image { margin-top:50px; }
#staff_info .image { margin-top:0px; }
}
@media only screen and (max-width: 800px) {
.design_content { margin-top:-5px !important; }
.design_content .header { display:block; z-index:2; position:relative; }
.design_content .catch { width:auto; padding:0px !important; }
.design_content .content { width:auto; padding:0px !important; }
.design_content .header.layout_type2 .catch { text-align:center !important; padding:0 !important; }
.design_content .header.layout_type3 .catch { text-align:center !important; padding:0 !important; }
.design_content .desc { line-height:2; margin:15px 0 -7px 0; text-align:left !important; }
.design_content .desc:last-of-type { margin-top:2px; }
.design_content .desc:only-of-type { margin-top:15px; }
.design_content .desc.mobile { display:block; }
.design_content .desc.pc { display:none; }
.design_content .link_button { margin:40px 0 40px; text-align:center; }
.design_content .image { margin-top:40px; position:relative; width:100%; height:auto; position:relative; overflow:hidden; aspect-ratio:320/150; }
.design_content .image img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
.design_content .image_wrap { margin-top:35px; position:relative; width:100%; height:auto; position:relative; overflow:hidden; aspect-ratio:320/150; }
.design_content .image_wrap img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
.design_content .bottom_content { display:block; margin:35px 0 -10px 0; }
.design_content .bottom_content p { width:auto; }
.design_content .link_button.bottom { margin-top:40px; }
} .design_content_wrap .design_content { width:auto; margin:0 100px; }
@media only screen and (max-width: 1000px) {
.design_content_wrap .design_content { margin:0 60px; padding:100px 0; }
}
@media only screen and (max-width: 800px) {
.design_content_wrap .design_content { margin:0 20px; padding:35px 0 40px; }
} .cb_box_content .headline { min-width:200px; height:70px; line-height:70px; margin-bottom:-70px; top:-70px; font-size:20px !important; }
@media only screen and (max-width: 1000px) {
.cb_box_content .headline { height:60px; line-height:60px; margin-bottom:-60px; top:-60px; font-size:18px !important; }
.cb_box_content .desc { line-height:2.4; padding:0 50px; margin-top:5px; }
.cb_box_content .item { padding-bottom:50px; }
.cb_box_content .link_button  { max-width:calc(100% - 100px); }
}
@media only screen and (max-width: 800px) {
.cb_box_content { padding:35px 0 0; }
.cb_box_content .catch { margin:0 0 32px 0; }
.cb_box_content .content { display:block; }
.design_content + .cb_box_content { margin-top:-5px; }
.cb_box_content .headline { min-width:240px; height:50px; line-height:50px; margin-bottom:-50px; top:-50px; font-size:16px !important; }
.cb_box_content .desc { line-height:2; padding:0 20px; margin-top:3px; }
.cb_box_content .link_button { margin-top:32px; max-width:calc(100% - 40px); }
.cb_box_content .item { padding-bottom:40px; }
} .splide__arrow { display:none; }
.cb_carousel .index_carousel { width:auto; margin:0 100px; }
.index_carousel .animate_background { height:auto !important; }
.index_carousel.type2 .animate_background { height:auto !important; }
.cb_carousel .index_carousel.type2:after { height:130px; }
.index_carousel.type2 .content { background:#fff; height:155px; padding:17px 20px; height:130px; }
.index_carousel.type2 .category { padding:0 15px; font-size:12px; min-width:100px; height:35px; line-height:35px; left:20px; }
.index_carousel.type2 .title { font-size:14px; line-height:1.6; }
.index_carousel.type2 .title a { height:4.8em; }
.index_carousel.type2 .title span { -webkit-line-clamp:3; }
.index_carousel.type2 .date { font-size:12px; bottom:20px; }
@media only screen and (max-width: 1000px) {
.cb_carousel { padding:90px 0 100px; }
.cb_carousel .index_carousel { margin:0 60px; }
.cb_carousel .index_carousel:after { height:130px; }
.index_carousel .content { background:#fff; padding:17px 20px; height:125px; }
body.hide_blog_date .index_carousel .content { padding:35px 20px; }
.index_carousel .category { padding:0 15px; font-size:12px; min-width:100px; height:35px; line-height:35px; left:20px; }
.index_carousel .title { font-size:14px; line-height:1.6; }
.index_carousel .title a { height:4.8em; }
.index_carousel .title span { -webkit-line-clamp:3; }
.index_carousel .date { font-size:12px; bottom:20px; }
}
@media only screen and (max-width: 800px) {
.cb_carousel { padding:35px 0 40px; }
.cb_carousel:first-child { margin-top:55px; padding-top:35px; }
.cb_carousel.no_bg_color:first-child { padding-top:35px; }
.cb_carousel .index_carousel { margin:0; }
.cb_carousel .catch { margin:0 0 35px 0; }
} .cb_free_space .post_content { width:auto; margin:0 100px; }
@media only screen and (max-width: 1000px) {
.cb_free_space { padding:90px 0 100px; }
.cb_free_space.no_bg_color:first-child { padding-top:90px; }
.cb_free_space .post_content { margin:0 60px; }
.cb_free_space .post_content h2:not(.catch):not(.styled_h2):first-child { margin:8px 0 75px 0; }
}
@media only screen and (max-width: 800px) {
.cb_free_space { padding:40px 0 40px; }
.cb_free_space:first-child { margin-top:55px; padding-top:35px; }
.cb_free_space.no_bg_color:first-child { padding-top:35px; }
.cb_free_space .header_catch { margin:-2px 0 25px 0; }
.cb_free_space .post_content { margin:0 20px; }
body.page_width_large .cb_free_space .post_content { margin:0 20px; }
body.page_width_small .cb_free_space .post_content { width:auto; margin:0 20px; }
.cb_free_space .post_content h2:not(.catch):not(.styled_h2):first-child { margin:3px 0 35px 0; }
.cb_free_space .post_content .responsive_desc h2:not(.catch):not(.styled_h2):first-child { margin:3px 0 25px 0; }
.cb_free_space .post_content h2:not(.catch):not(.styled_h2):first-child + p { margin-top:-15px; }
.cb_free_space .post_content h2:not(.catch):not(.styled_h2):first-child + p img { margin-top:15px; }
.cb_free_space .post_content h2:not(.catch):not(.styled_h2):first-child + p.q_frame { margin-top:-5px; }
} @media only screen and (max-width: 800px) {
.access_map .qt_google_map { height:250px; }
.access_map .qt_google_map .qt_googlemap_embed { height:250px; }
.map_desc h3 { font-size:14px !important; }
.map_desc { font-size:14px; margin-top:-20px; }
.map_desc .item:first-of-type { margin-bottom:15px !important; }
} .two_column_content .header { width:auto; margin:0 100px 70px; }
@media only screen and (max-width: 1000px) {
.two_column_content { margin:100px 0; padding:95px 0 100px; }
.design_content + .two_column_content.no_bg_color { margin-bottom:90px; margin-top:97px; }
.two_column_content .header { margin:0 0 70px; }
}
@media only screen and (max-width: 800px) {
.two_column_content { padding:40px 0 35px; margin:40px 0 40px; }
.design_content + .two_column_content.no_bg_color { margin-bottom:-5px; padding-bottom:1px; margin-top:35px; }
.two_column_content .header { margin:-5px 0 35px; }
.two_column_content .common_catch:only-child { margin-bottom:35px; }
.two_column_content .desc.mobile { display:block; }
.two_column_content .desc.pc { display:none; }
.two_column_content p { line-height:2; }
.two_column_content .post_list { display:block; }
.two_column_content .post_list > .item { width:auto; margin:0 0 35px 0; }
.two_column_content .post_list > .item:nth-last-of-type(2) { margin-bottom:35px; }
.two_column_content .post_list > .item:last-of-type { margin-bottom:0px; }
.two_column_content .post_list > .item .image { margin-bottom:15px; width:100%; height:auto; aspect-ratio:320/150; position:relative; overflow:hidden; }
.two_column_content .post_list > .item .image img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
.two_column_content .post_list > .item .desc { font-size:14px; }
.two_column_content .post_list > .item .image_wrap { margin-bottom:15px; width:100%; height:auto; aspect-ratio:320/150; }
.two_column_content .post_list > .item .image_wrap .image { margin-bottom:0px !important; width:100%; height:100%; aspect-ratio:1; object-fit:cover; }
} #page_contents .post_content { width:auto; margin:0 100px; }
body.home #page_contents { width:auto !important; margin:0 100px; }
body.home #page_contents .post_content { margin:0; }
body.hide_page_header_bar #page_contents .post_content { margin:0 170px; }
#page_contents .post_content { margin:0 100px; }
body.page_width_large #page_contents .post_content { margin:0 100px; }
body.home #page_contents { margin:0 100px; }
body.hide_page_header_bar #page_contents .post_content { margin:0 130px; }
@media only screen and (max-width: 1000px) {
#page_contents .post_content { padding:100px 0 100px; margin:0 60px; }
body.home #page_contents { margin:0 60px; }
body.page_width_large #page_contents .post_content { margin:0 60px; }
body.hide_page_header_bar #page_contents .post_content { margin:0 60px; }
.color_bg_content { padding:95px 0 80px; margin-bottom:90px; }
.access_basic_info { margin-bottom:0px !important; }
}
@media only screen and (max-width: 800px) {
#page_contents { margin:0; }
#page_contents .post_content { padding:40px 0; margin:0 20px; }
#page_title { padding-top:40px; margin-bottom:-5px; }
body.home #page_contents { margin:0 20px; }
body.page_width_large #page_contents .post_content { margin:0 20px; }
body.hide_page_header_bar #page_contents .post_content { margin:0 20px; }
body.page_width_small #page_contents .post_content { width:auto; margin:0 20px; }
#page_contents .design_content { margin-bottom:40px; }
#page_contents .design_content + p { margin-top:-7px; }
#page_contents .design_content .catch { margin-bottom:15px; }
#page_contents .design_content + .link_button { margin-top:40px; }
#page_contents .design_content + .content_header { margin-top:-5px; }
.two_col_content { display:block; margin-bottom:40px; }
.two_col_content + .two_col_content { margin-top:-5px; }
.two_col_content > .item { width:auto; margin:0 0 40px 0; }
.two_col_content > .item:last-of-type { margin:0 !important; }
.two_col_content > .item p:last-child { margin-bottom:-7px !important; }
.two_col_content > .item .image_wrap + p:last-child { margin-bottom:0px; }
.two_col_content .item img { margin:0 auto; }
.two_col_content .item .image_wrap { margin-bottom:15px; width:100%; height:auto; aspect-ratio:320/150; position:relative; overflow:hidden; }
.two_col_content .item .image_wrap img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
.two_col_content + .color_bg_content { margin-top:0px; }
.two_col_content .image_wrap + p { font-size:14px; }
.color_bg_content { padding:40px 0 40px; margin:40px 0 35px 0; }
.color_bg_content .common_catch { margin:0 0 30px 0; }
.color_bg_content .qt_google_map { height:250px; }
.color_bg_content .qt_google_map .qt_googlemap_embed { height:250px; }
.content_header { margin-bottom:40px; }
.design_headline { margin-top:37px !important; margin-bottom:30px; }
.design_headline:first-of-type { margin-top:-2px !important; }
.two_col_content + .design_headline { margin-top:-10px !important; margin-bottom:25px !important; }
.faq + .design_headline { margin-top:38px !important; }
} @media only screen and (max-width: 1200px) {
.doctor_meta .item { height:40px; line-height:40px; min-width:100px; padding:0 20px; font-size:13px; }
.doctor_meta .item.name { min-width:inherit; padding:0; }
.doctor_meta .item.name a { min-width:100px; padding:0 20px; }
}
@media only screen and (max-width: 1000px) {
#staff_page_top .top_content { margin-bottom:60px; }
}
@media only screen and (max-width: 800px) {
.design_content .post_content { margin:30px 0 -5px; }
#staff_page_top .top_content { margin-bottom:35px; }
#staff_info { margin-bottom:30px !important; }
#staff_info .message { margin-top:35px; }
#staff_info	.image_wrap { margin-top:35px; position:relative; width:100%; height:auto; position:relative; overflow:hidden; aspect-ratio:320/150; }
#staff_info	.image_wrap .image { margin-top:0px; aspect-ratio:1; }
#staff_list { margin-bottom:35px; }
.post_content #staff_list:last-child { margin-bottom:-5px; }
#staff_list .item .image { margin-bottom:35px; }
.career_list { margin-bottom:35px; }
.career_list_headline { margin:0 0 10px 0; font-size:16px !important; }
.career_list dl { width:auto; font-size:14px; }
.career_list dt { width:60px; margin:0; }
.career_list dd { width:calc(100% - 60px); margin:0; }
} @media only screen and (max-width: 1000px) {
#page_contents .map_desc .item { margin-bottom:15px; }
#page_contents #access_bottom_content { margin:35px 0 0px; }
.schedule_content { display:block; }
.schedule_content .info { width:auto; font-size:14px; }
.schedule_content .info p { margin-bottom:28px;  }
.schedule_content .schedule { width:auto; margin-top:35px; }
.schedule_content td .content { min-height:40px; }
}
@media only screen and (max-width: 800px) {
#page_contents .map_desc h3 { font-size:14px; margin-bottom:3px; }
.schedule_content table { font-size:12px !important; }
.schedule_content td.col1 { width:90px; }
.schedule_content .info p { margin-bottom:28px;  }
.schedule_content .schedule { margin-top:35px; }
} @media only screen and (max-width: 800px) {
.responsive_image { width:100%; height:auto; aspect-ratio:320/150; position:relative; overflow:hidden; }
.responsive_image img { width:100%; height:100% !important; position:absolute; top:0; left:0; object-fit:cover; }
#page_contents .header_desc { margin:0 0 35px 0 !important; }
#lp_table { margin-top:25px; margin-bottom:40px; font-size:14px; }
#lp_table th { width:90px !important; }
#lp_table td { width:calc(100% - 90px) !important; }
#lp_table + .link_button { margin-bottom:0px; }
}  #treatment_list .header { padding:0 100px; }
#treatment_list .post_list { width:auto; margin:0 100px 80px; }
@media only screen and (max-width: 1000px) {
#treatment_list { padding:100px 0; }
#treatment_list .header { padding:0 60px; }
#treatment_list .post_list { margin:0 60px 80px; }
}
@media only screen and (max-width: 800px) {
#treatment_list { padding:40px 0; }
#treatment_list .header { margin-bottom:32px; padding:0 20px; }
#treatment_list .header .catch { margin-bottom:18px; margin-top:-5px; }
#treatment_list .header .desc { line-height:2; }
#treatment_list .post_list { margin:0 20px 40px; }
#treatment_list .post_list a { padding:15px 20px; }
#treatment_list .post_list .image_wrap { width:70px; height:70px; }
#treatment_list .post_list .title { width:calc(100% - 70px); padding-left:20px; }
}
@media only screen and (max-width: 600px) {
#treatment_list .post_list { display:block; }
#treatment_list .post_list .item { width:auto; }
#treatment_list .post_list .item a { border:none; border-bottom:1px solid #ddd; }
#treatment_list .post_list .item:last-of-type a { border-bottom:none; }
} @media only screen and (max-width: 1000px) {
.single_treatment_faq { padding:90px 0 100px; margin-bottom:90px; }
}
@media only screen and (max-width: 800px) {
.single_treatment_top { margin:-6px 0 30px 0 !important; }
.single_treatment_top .common_catch { margin-bottom:15px; }
.single_treatment_faq { padding:90px 0 100px; margin-bottom:90px; }
.single_treatment_faq { padding:35px 0 40px; margin-bottom:35px; }
.single_treatment_faq .common_catch { margin-bottom:28px; }
.single_treatment_price .desc { margin-bottom:33px; }
.price_list .item { display:block; padding:12px 20px; }
.price_list .item .title { width:auto; }
.price_list .item .price { width:auto; text-align:left; }
} #archive_news { padding:100px 0; }
.news_category_button_wrap { width:auto; margin:0 100px 80px; }
.news_category_button li { font-size:14px; }
#news_list { width:auto; margin:0 100px; overflow:hidden; }
#news_list .animate_background { width:100% !important; height:auto !important; }
#news_list .content { height:131px; padding:18px 20px; }
#news_list .title { font-size:14px; }
#news_list .meta { bottom:20px; font-size:12px; }
@media only screen and (max-width: 1000px) {
.news_category_button_wrap { margin:0 60px 80px; }
#news_list { margin:0 60px; }
}
@media only screen and (max-width: 800px) {
#archive_news { padding:40px 0; overflow:hidden; }
.news_category_button_wrap { margin:0 20px 40px; }
.news_category_button_wrap.use_scroll { margin:0 0 40px 0; overflow-x:auto; }
.news_category_button { flex-wrap:nowrap; justify-content:center; }
.news_category_button_wrap.use_scroll .news_category_button { justify-content:start; }
.news_category_button li { font-size:14px; min-width:130px; flex: 1 0 auto; }
.news_category_button li a { height:50px; white-space:nowrap; padding:0 20px; }
.news_category_button_wrap.use_scroll .news_category_button li:last-of-type { padding-right:20px; min-width:150px; }
.news_category_button_wrap.use_scroll .news_category_button li:first-of-type { padding-left:20px; min-width:150px; }
#news_list { margin:0; }
#news_list .item { width:50%; }
#news_list .item:nth-child(3n) .content:after { display:block; }
#news_list .item:nth-child(2n) .content:after, #news_list .item:last-of-type .content:after { display:none; }
} #archive_blog { padding:100px 0; }
#blog_list { width:auto; margin:0 100px; }
#blog_list .animate_background { height:auto !important; aspect-ratio:465/270; }
#blog_list .category { left:30px; }
#blog_list .content { padding:32px 30px; }
@media only screen and (max-width: 1000px) {
#blog_list { width:auto; margin:0 60px; }
}
@media only screen and (max-width: 800px) {
#archive_blog { padding:0 0 40px; }
body.search #archive_blog { margin-top:0; padding-top:0; }
body.search #bread_crumb { border-bottom:none; }
#no_post { margin-top:0px; }
#blog_list { margin:-1px 0 0 0; }
#blog_list .content { background:#fff; height:130px; padding:15px 20px; }
body.hide_blog_date #blog_list .content { padding:30px 20px; }
#blog_list .category { padding:0 15px; font-size:12px; min-width:100px; height:30px; line-height:30px; left:20px; }
#blog_list .title { font-size:14px; line-height:1.6; }
#blog_list .title a { height:4.8em; }
#blog_list .title span { -webkit-line-clamp:3; }
#blog_list .date { font-size:12px; bottom:20px; }
.page_navi { margin:40px 0 0 0; }
.page_navi a, .page_navi a:hover, .page_navi span { font-size:12px; width:40px; height:40px; line-height:40px; }
} #page_header { height:350px; width:100%; margin:0; }
#archive_header { padding:0 100px; }
@media only screen and (max-width: 1000px) {
#archive_header { padding:0 60px; }
}
@media only screen and (max-width: 800px) {
#page_header { height:250px; }
#page_header.type2 { height:540px; }
#archive_header { padding:40px 30px 0; margin:-8px auto 34px; }
#archive_header p { line-height:2; }
#archive_header .mobile { display:block; }
#archive_header .pc { display:none; }
}
@media only screen and (max-width: 500px) {
#page_header { height:200px; }
} #drawer_menu {
display:block; position:fixed; top:0px; right:0; width:100%; height:100vh; height:100dvh; background:#fff; overflow:auto; z-index:10000;
opacity:0; transition: opacity 0.7s ease; -webkit-overflow-scrolling: touch; pointer-events:none;
}
.open_menu #drawer_menu { opacity:1; pointer-events:auto; }
.open_menu #js-footer-bar { display:none; }
#drawer_menu a[href^="tel:"] { pointer-events:none; }
.open_menu #drawer_menu a[href^="tel:"] { pointer-events:auto; } #drawer_menu .simplebar-scrollbar:before { background:#000 !important; } #drawer_menu .close_button_area { position:relative; width:100%; height:60px; }
#drawer_menu .close_button { cursor:pointer; display:block; width:60px; height:60px; position:absolute; top:0px; right:0px; z-index:10; }
#drawer_menu .close_button:before {
color:#000; font-family:'design_plus'; content:'\e91a'; font-size:20px; display:block; top:21px; left:19px; position:absolute;
-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#drawer_menu .close_button:hover:before { } #header #global_menu { display:none; }
#mobile_menu { width:100%; margin:-1px 0 0; border-top:1px solid #ddd; }
#mobile_menu ul { margin:0; }
#mobile_menu li ul { display:none; }
#mobile_menu a {
position:relative; display:block;  margin:0; padding:0 50px 0 20px; height:50px; line-height:50px; overflow:hidden; text-decoration:none;
color:#000; font-size:14px; border-bottom:1px solid #ddd;
overflow:hidden; white-space:nowrap; text-overflow:ellipsis; visibility:visible;
}
#mobile_menu li li a { border:none; height:50px; line-height:50px; }
#mobile_menu a:hover { color:#fff; } #mobile_menu li { position:relative; }
#mobile_menu .child_menu_button { display:block; position:absolute; text-align:center; width:50px; height:50px; right:0px; top:-5px; z-index:9; cursor:pointer; }
#mobile_menu .child_menu_button:after {
background:#000; content:''; height:2px; width:12px; display:block;
position:absolute; right:25px; top:30px; transition: background-color 0.25s ease;
}
#mobile_menu .child_menu_button:before {
background:#000; content:''; height:12px; width:2px; display:block;
position:absolute; right:30px; top:25px; transition: background-color 0.25s ease;
}
#mobile_menu li.open > .child_menu_button:before {  display:none; }
#mobile_menu li.open > a { border-bottom:none; }
#mobile_menu li li a { opacity:0; }
#mobile_menu li li.animate a { opacity:1; transition: opacity 0.25s ease; }
#mobile_menu li ul { background:#222; } #drawer_lang_button { display:flex; flex-wrap:wrap; margin:0 0 0 20px; }
#drawer_lang_button li { font-size:14px; margin:0 10px 0 0; line-height:1; }
#drawer_lang_button li a { color:#aaa; height:50px; line-height:50px; }
#drawer_lang_button li.active a { color:#000; pointer-events:none; } #drawer_menu_search { position:relative; width:100%; }
#drawer_menu_search .input_area { background:#f3f3f3; width:100%; height:50px; position:relative; }
#drawer_menu_search .input_area input { font-size:12px; border:none; background:none; height:50px; width:calc(100% - 50px); position:absolute; left:0px; top:0px; padding:20px; }
#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;
position:absolute; font-family:'design_plus'; color:#000; font-size:14px; content:'\e94c'; left:13px; top:20px;
transition: color 0.25s ease;
}
#drawer_menu_search .button_area:hover:before { } #drawer_logo a { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:60px; position:absolute; left:20px; top:0; z-index:100; }
#drawer_logo .icon_image { margin-right:10px; }
#drawer_logo .icon_image img.pc { display:none; }
#drawer_logo .text_image { padding:0; height:60px; display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; }
#drawer_logo .text_image img.pc { display:none; }
#drawer_logo .text_image img { transform:scale(0.8); transform-origin:left; }
#drawer_logo .text_image img.mobile { transform:scale(1); transform-origin:left; }
#drawer_logo img { display:block; transition: opacity 0.3s ease-in-out; max-height:30px; width:auto; }
#drawer_logo a:hover img { opacity:0.5; }
#drawer_logo a .logo_text { font-weight:500; }
#drawer_logo a:hover .logo_text { } #drawer_icon_button { display:flex; flex-wrap:wrap; position:relative; }
#drawer_icon_button:before { content:''; width:1px; height:100%; display:block; background:#ddd; position:absolute; top:0; left:50%; z-index:-1; }
#drawer_icon_button .item { width:50%; }
#drawer_icon_button .item.long { width:100%; }
#drawer_icon_button .item.long br { display:none; }
#drawer_icon_button .item a { font-size:14px; display:block; width:100%; height:50px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border-bottom:1px solid #ddd; }
#drawer_icon_button .item.long a { background:#fff !important; border-color:#ddd !important; color:#000; }
#drawer_icon_button a:before { margin:0 8px 0 0; }  #header {display:block; }
#header:before { width:60px; }
body.hide_page_header_bar #header::before { display:none; }
@media screen and (max-width:800px) {
body.home #header { background:none; }
body.home.open_header #header { background:#fff; }
#header:before { display:none; }
body.header_fix #header { position:fixed; background:#fff; transition: all 0.25s ease; z-index:1000; }
body.hide_page_header_bar.header_fix #header { position:absolute; background:none; }
body.hide_page_header_bar.header_fix #header:before { display:none; }
body.open_header #header { animation:none; }
body.close_header #header { animation:none; }
body.header_fix #header:after { content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; bottom:0px; left:0px; }
body.open_header_mobile #header { position:fixed; background:#fff; animation: open_header_animation 0.6s ease forwards; top:0 !important; }
body.close_header_mobile #header {  position:fixed; background:#fff; animation: close_header_animation 0.3s ease forwards; top:0 !important; }
body.open_header_mobile #header:after { content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; bottom:0px; left:0px; }
} #header_logo2 a { height:60px; }
#header_logo2 .icon_image { width:60px; height:60px; }
#header_logo2 .icon_image img { transform:scale(0.8); }
#header_logo2 .text_image { padding:0 20px; height:60px; }
#header_logo2 .text_image img { transform:scale(0.8); transform-origin:left; }
@media screen and (max-width:800px) {
body.home #header_logo, body.hide_page_header_bar #header_logo { display:block; }
body.home #header_logo2, body.hide_page_header_bar #header_logo2 { display:none; }
}
body.home.no_header_logo_image_mobile #header_logo { display:none; }
body.home.no_header_logo_image_mobile #header_logo2 { display:block; }
body.home.show_text_logo #header_logo2 { display:block; }
#header_logo { width:150px; height:150px; left:0; top:0; }
#header_logo a { width:150px; height:150px; padding:20px; }
@media screen and (max-width:800px) {
#header_logo img.pc { display:none; }
#header_logo img.mobile { display:block; }
}
body.home.open_header #header_logo { display:none; }
body.home.open_header #header_logo2 { display:block; }
@media screen and (max-width:800px) {
#header_logo { display:none; }
#header_logo2 { display:block; left:20px; }
#header_logo2 img { max-height:30px; }
#header_logo2 .logo_text { padding-left:0px; }
body.home.header_fix #header_logo2 { display:block; }
body.home.open_header_mobile #header_logo2 { display:block; }
body.home.close_header_mobile #header_logo2 { display:block; }
body.home.no_header_logo_image_mobile #header_logo2 { transition: opacity 1.4s ease 0.5s; }
#header_logo { width:120px; height:120px; }
#header_logo a { width:120px; height:120px; }
#header_logo2 .icon_image, #header_logo2 .icon_image_mobile { background:none !important; width:auto; height:auto; margin-right:10px; }
#header_logo2 img.pc { display:none; }
#header_logo2 img.mobile { display:block; transform:scale(1); }
#header_logo2 .text_image { padding:0; }
body.home.no_header_logo_image_mobile #header_logo2 { left:40px; top:20px; }
body.home.no_header_logo_image_mobile.open_header_mobile #header_logo2, body.home.no_header_logo_image_mobile.close_header_mobile #header_logo2 { left:20px; top:0px;}
body.home.show_text_logo #header_logo2 { left:40px; top:20px; }
body.admin-bar.home.show_text_logo #header_logo2 { top:40px; }
body.home.show_text_logo.open_header_mobile #header_logo2, body.home.show_text_logo.close_header_mobile #header_logo2 { left:20px; top:0px; }
body.home .logo_text { color:#fff; }
body.home.open_header_mobile .logo_text, body.home.close_header_mobile .logo_text { color:#000; }
}
@media screen and (max-width:800px) {
#header_logo { display:none; }
} #site_desc { display:none; } #side_icon_button { display:none; } #global_menu { display:none; }
#header_search { display:none; }
#header_lang_button { display:none; } #drawer_menu_button {
position:absolute; z-index:10000; right:0px; bottom:0px; transition:opacity 1.4s ease 0.5s;
display:inline-block; font-size:11px; width:60px; height:60px; line-height:60px; text-decoration:none; text-align:center;
}
#drawer_menu_button span {
width:22px; height:2px; background:#000; display:block; position:absolute; left:28px;
-webkit-transition-property:background-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
transition-property:background-color; transition-duration:0.2s; transition-timing-function:ease;
-webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
body.hide_page_header_bar #header #drawer_menu_button { display:none; }
body.home #drawer_menu_button { opacity:0; }
body.home #drawer_menu_button.animate { opacity:1; }
#drawer_menu_button:hover span { opacity:0.5; }
#drawer_menu_button span { left:19px; }
#drawer_menu_button span:nth-child(1) { top:24px; }
#drawer_menu_button span:nth-child(2) { top:30px; }
#drawer_menu_button span:nth-child(3) { top:36px; }
@media screen and (max-width:800px) {
body.home #header #drawer_menu_button span { background:#000; }
body.home.header_fix #header #drawer_menu_button span { background:#000; }
body.home.open_header_mobile #header #drawer_menu_button span { background:#000; }
body.home.close_header_mobile #header #drawer_menu_button span { background:#000; }
body.home #drawer_menu_button { right:24px; bottom:-20px; }
body.admin-bar.home #drawer_menu_button { bottom:-40px; }
body.home.header_fix #drawer_menu_button { right:0px; bottom:0px; }
body.home.open_header_mobile #drawer_menu_button { right:0px; bottom:0px; }
body.home.close_header_mobile #drawer_menu_button { right:0px; bottom:0px; }
#header_logo2{top: 50%!important;}
} .megamenu { display:none; } #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 { width:auto !important; height:60px; line-height:60px; }
@media screen and (max-width:800px) {
#bread_crumb { padding:0 20px !important; height:50px; }
#bread_crumb ul { height:50px !important; line-height:50px !important; width:auto !important; }
#bread_crumb li { font-size:12px; margin-right:6px; padding-right:18px; }
#bread_crumb li.home { padding-right:15px; }
#bread_crumb li:after { font-size:9px; top:1px; }
} body.single-post #main_content {
margin: auto;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
@media screen and (max-width:1200px) {
#single_post_title { padding:40px; }
#single_post_image { width:auto; height:auto; }
#article .post_content { padding:0 40px; }
#main_content.paged .post_content { padding-top:40px; }
}
@media screen and (max-width:800px) {
#single_post_category { font-size:12px; left:20px; height:35px; line-height:35px; min-width:100px; padding:0 15px; }
#single_post_title { padding:35px 20px 30px; }
#single_post_image { margin:0 20px 40px; }
#article .post_content { padding:0 20px; }
#main_content.paged .post_content { padding-top:20px; }
} @media screen and (max-width:800px) {
#single_post_title .meta { margin-bottom:10px; margin-top:5px; }
#single_post_title .date { margin:2px 0 0 0; font-size:12px; }
#single_post_title .update { font-size:12px; margin:2px 0 0 10px; }
#single_post_title .date:before { margin-right:5px; font-size:11px; }
#single_post_title .update:before { margin-right:5px; font-size:12px; }
#single_post_title .meta .news_category { font-size:12px; padding:0 0 0 7px; margin:2px 0 0 9px; }
} @media screen and (max-width:800px) {
#single_share_top { margin:0 0 40px 0; }
#single_share_top .share-top { }
#single_share_bottom { margin:40px 0 0; }
#single_share_bottom .share-btm { margin-bottom:0 !important; padding:0; }
#single_share_top .mt10, #single_share_top .mt10 { margin:0 !important; }
#single_share_bottom .mb45, #single_share_bottom .mb45 { margin:0 !important; }
.share-type1 ul { text-align:center; margin-bottom:-5px !important; }
.share-type3 ul { text-align:center; margin-bottom:-5px !important; }
.share-type2 ul.type2 { text-align:center; margin-bottom:-5px !important; }
.share-type4 ul.type4 { text-align:center; margin-bottom:-5px !important; }
.sns_default_top  { text-align:center; margin-bottom:-5px !important; }
} @media screen and (max-width:800px) {
#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; }
} @media screen and (max-width:800px) {
} @media screen and (max-width:800px) {
#single_banner_top { width:auto; padding:0; margin:0 0 40px 0; }
#single_banner_bottom { width:auto; margin:40px 0 -5px; }
#single_banner_shortcode { padding:0 0 20px; }
} @media screen and (max-width:1200px) {
#next_prev_post { }
#next_prev_post .item { height:50px; }
#next_prev_post .nav { display:block; }
#next_prev_post .title { display:none; }
#next_prev_post .nav {
position:relative; text-align:center; width:100%; font-weight:500; font-size:12px; line-height:1;
-webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-transition: color 0.2s ease; transition: color 0.2s ease;
}
#next_prev_post .nav:after {
z-index:10; position:absolute; margin-top:2px; left:15px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
font-family:'design_plus'; color:#000; font-size:12px; font-weight:500; display:block;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
#next_prev_post .prev_post .nav:after { content:'\e90f'; }
#next_prev_post .next_post .nav:after { content:'\e910'; left:auto; right:15px; }
}
@media screen and (max-width:1200px) {
#next_prev_post { margin:40px 20px 0 ; }
} @media screen and (max-width:800px) {
#post_tag_list { margin:40px 20px -5px; }
#post_tag_list a { font-size:12px; }
} @media screen and (max-width:1200px) {
.author_profile { padding:20px 20px 15px; }
.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; }
#archive_blog .author_profile { width:auto; margin:0 70px 80px; }
}
@media screen and (max-width:1100px) {
#archive_blog .author_profile { margin:0 60px 80px; }
}
@media screen and (max-width:800px) {
.author_profile { margin:40px 20px 0; }
body.author #archive_blog { padding-top:40px; }
#archive_blog .author_profile { margin:0 20px 40px; }
} @media screen and (max-width:1200px) {
#related_post .animate_background { width:calc(100% + 1px) !important; height:auto !important; }
#related_post .content { height:130px; padding:15px 20px; }
body.hide_blog_date #related_post .content { padding:30px 20px; }
#related_post .category { padding:0 15px; font-size:12px; min-width:100px; height:35px; line-height:35px; left:20px; }
#related_post .title { font-size:14px; line-height:1.6; }
#related_post .title a { height:4.8em; }
#related_post .title span { -webkit-line-clamp:3; }
#related_post .date { font-size:12px;bottom:20px; }
#related_post .meta { bottom:20px; }
#related_post .meta .news_category { font-size:12px; margin:0 0 0 7px; padding:0 0 0 7px; }
}
@media screen and (max-width:800px) {
#related_post { margin:40px -20px 0; }
#related_post .headline { font-size:20px; margin:0 0 40px 0; }
#related_post .item { width:calc(50%); }
#related_post .item:nth-child(3n) .content:after { display:block; }
#related_post .item:nth-child(2n) .content:after { display:none; }
#related_post .item:last-of-type .content:after { display:none; }
} body.single-treatment #cta_type1 { width:auto; margin:0px 100px 120px; }
body.single-treatment #cta_type2 { width:auto; margin:0px 100px 120px; }
@media screen and (max-width:1200px) {
body.single-treatment #cta_type1 { margin:0px 70px 120px; }
body.single-treatment #cta_type2 { margin:0px 70px 120px; }
}
@media screen and (max-width:1100px) {
body.single-treatment #cta_type1 { margin:0px 60px 100px; }
body.single-treatment #cta_type2 { margin:0px 60px 100px; }
}
@media screen and (max-width:800px) {
#cta_type1 { margin-top:40px; }
#cta_type1 a { display:block; height:220px; }
#cta_type1 .image_wrap { width:100%; height:120px; }
#cta_type1 img { object-position:top; }
#cta_type1 .content { height:100px; width:100%; padding:0 30px; font-size:16px; line-height:1.8; }
#cta_type2 { margin-top:40px; display:block; }
#cta_type2 a { width:auto; height:120px; }
#cta_type2 a:last-of-type { margin-top:20px; }
#cta_type2 img { object-position:top; }
#cta_type2 .content { bottom:15px; padding:0 20px; }
#cta_type2 .catch { font-size:18px; }
#cta_type2 .desc { font-size:12px; }
body.single-treatment #cta_type1 { margin:0px 20px 40px; }
body.single-treatment #cta_type2 { margin:0px 20px 40px; }
}  @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; }
}
@media (max-width: 767px) {
.treatment-template-default .post_content .s_table table {
width: 100%;
border-collapse: collapse;
}
.treatment-template-default .post_content .s_table thead {
display: none; }
.treatment-template-default .post_content .s_table tbody,
.treatment-template-default .post_content .s_table tr {
width: 100%;
display: flex;
flex-wrap: wrap; margin-bottom: 10px; }
.treatment-template-default .post_content .s_table td {
display: flex; flex: 0 0 100%; margin-bottom: 0.625em; padding: 8px; box-sizing: border-box; border: 1px solid #ddd; } .treatment-template-default .post_content .s_table td:first-child {
font-weight: bold;
flex: 0 0 100%; }
}  #page_404_header .content { padding:0 30px; }  @media screen and (max-width:1200px) {
#footer_image_carousel .item { width:250px; }
}
@media only screen and (max-width: 800px) {
#footer_image_carousel .item { width:180px; }
} #footer_icon_banner	.icon_button a:before { transform-origin:center; }
@media screen and (max-width:1200px) {
#footer_icon_banner .item a { font-size:14px; }
}
@media screen and (max-width:1100px) {
#footer_icon_banner { display:block; margin:0; }
#footer_icon_banner .item a { text-align:center; height:60px; border-top:1px solid #ddd; border-right:none; }
#footer_icon_banner .item:first-of-type a { border-top:none; }
}
@media screen and (max-width:800px) {
#footer_icon_banner .item a { height:50px; }
#footer_icon_banner a:before { margin:0 8px 0 0; }
} #footer_sns { position:relative; left:0px; bottom:0px; width:auto; opacity:1; border-top:1px solid #ddd; padding:0; background:none; }
#footer_sns li { display:inline-block; margin:0; }
#footer_sns li a { width:35px; height:50px; }
@media screen and (max-width:800px) {
body.error404 #footer_sns { display:none; }
} #footer_top > div { padding:60px 30px; }
@media screen and (max-width:1100px) {
#footer_top > div { padding:40px 30px; }
#footer_logo { display:none; }
#footer_logo img { transform:scale(0.8); transform-origin:bottom; }
}
@media screen and (max-width:800px) {
#footer_top { display:block; margin-bottom:-1px; position:relative; }
#footer_top > div { padding:40px 20px 35px; width:100%; border-bottom:1px solid #ddd; border-left:none; }
.footer_menu li { margin:0 0 13px 0; font-size:14px; line-height:1.5; }
#footer_logo img { transform:scale(1); }
#footer_logo .logo_image.pc { display:none; }
#footer_logo .logo_image.mobile { display:block; }
#footer_top .footer_menu { display:none; }
#footer_top .footer_menu_mobile { display:block !important; }
#footer_top .footer_menu a { text-align:center; }
} @media screen and (max-width:1100px) {
#footer_address { padding:35px 15px 32px; }
#footer_address span { padding:0; display:block; }
} @media screen and (max-width:800px) {
#copyright { height:50px; line-height:50px; }
} body.show_footer_bar #return_top { bottom:65px; }
#return_top { right:15px; bottom:25px; display:block; z-index:200; }
#return_top a { width:50px; height:50px; line-height:50px; border-radius:100%; background:#fff; writing-mode:horizontal-tb; display:block; text-align:center; padding:0; border:1px solid #ddd; }
#return_top a:before { content:'\e90f'; font-family:'design_plus'; display:block; transform:rotate(90deg); position:absolute; top:0px; left:16px; }
#return_top.active { opacity:1; }
#return_top span { display:none; }
@media screen and (max-width:800px) {
.p-footer-bar + #return_top { bottom:0px; }
.p-footer-bar + #return_top.active { bottom:68px; }
}  @media screen and (max-width:1200px) {
.widget_content { width:calc(50% - 20px); margin:0 40px 40px 0; position:relative; font-size:16px; }
}
@media screen and (max-width:800px) {
.widget_content { width:auto; margin:0 0 40px 0; font-size:14px; }
.widget_content:last-of-type { margin:0; }
} @media screen and (max-width:800px) {
.styled_post_list1 .image_wrap { width:90px; height:90px; }
.styled_post_list1 .title { width:calc(100% - 90px); padding:0 20px; }
} @media screen and (max-width:800px) {
.search_box_headline { font-size:14px; margin:0 0 18.5px 0; }
.tcdw_search_box_widget .box_item { margin-bottom:40px; }
.tcdw_search_box_widget .box_item:last-of-type { margin-bottom:0px; }
.tcdw_search_box_widget .search_area form { height:50px; }
.tcdw_search_box_widget .search_area .search_input { width:calc(100% - 50px); }
.tcdw_search_box_widget .search_area .search_input input { height:50px; padding:0 0 0 20px; }
.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; font-size:14px; left:2px; top:2px; }
.design_select_box label { width:50px; height:50px; }
.design_select_box label:after { top:22px; right:18px; }
.design_select_box select { height:50px; line-height:50px; padding:0 20px; font-size:14px; }
} @media screen and (max-width:800px) {
.p-dropdown__title { height:50px; line-height:50px; }
.widget_archive select, .widget_categories select { padding:0 20px; }
} @media screen and (max-width:800px) {
.widget_categories li a { padding:0 20px; height:50px; line-height:50px; }
.widget_categories li li a { padding-left:calc(20px + 1em); }
.widget_categories li li li a { padding-left:calc(20px + 2em); }
.widget_categories li .post-count { width:35px; height:35px; line-height:35px; right:20px; top:8px; font-size:11px; }
} @media screen and (max-width:800px) {
.widget_archive li a { padding:0 20px; height:50px; line-height:50px; }
.widget_archive li li a { padding-left:calc(20px + 1em); }
.widget_archive li li li a { padding-left:calc(20px + 2em);; }
.widget_archive li .post-count { width:35px; height:35px; line-height:35px; right:20px; top:8px; font-size:11px; }
} @media screen and (max-width:800px) {
.widget_nav_menu li a { padding:0 20px; height:50px; line-height:50px; }
.widget_nav_menu li li a { padding-left:calc(20px + 1em); }
.widget_nav_menu li li li a { padding-left:calc(20px + 2em); }
} @media screen and (max-width:800px) {
#searchform { height:50px; }
#searchform #s { padding:0 20px; height:50px; }
#searchform #searchsubmit { width:50px; height:50px; }
#searchform .submit_button  { width:50px; height:50px; top:0px; }
#searchform .submit_button:before { width:50px; height:50px; line-height:50px; font-size:14px; right:-2px; top:3px; }
} @media screen and (max-width:800px) {
.widget_recent_entries li { padding:0 0 10px 0; margin-bottom:10px; }
.widget_recent_entries li:last-child { padding:0; margin:0; }
.widget_recent_entries .post-date { font-size:12px; }
} @media screen and (max-width:800px) {
.widget_block { font-size:14px; }
} @media screen and (max-width:800px) {
.widget_text .textwidget { font-size:14px; }
} @media screen and (max-width:800px) {
.widget_archive select, .widget_categories select { height:50px; font-size:14px; }
.widget_archive .screen-reader-text, .widget_categories .screen-reader-text  { height:50px; }
.widget_archive .screen-reader-text:before, .widget_categories .screen-reader-text:before { top:22px; }
} #comments { margin:50px auto 0; padding:0 0 0 0; }
@media screen and (max-width:750px) {
#comments { margin:40px 0 0 0; }
#comments .headline { font-size:20px !important; margin:0 0 30px 0 !important; }
} #comment_tab li a, #comment_tab li p { padding:14px 15px; font-size:12px; }
@media screen and (max-width:750px) {
body.mobile_device #comment_tab li a:hover { background:#fff; color:#000; }
}  @media screen and (max-width:800px) {
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { }
.post_content p { line-height:2; }
body.page .post_content > p:first-child { margin-top:-5px; }
.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 15px; }
.post_content .wp-caption-text { font-size:12px; }
} @media screen and (min-height:981px){
#side_icon_button{
display: block !important;
z-index: 2 !important;
}
}
@media screen and (max-height:980px){
#side_icon_button{
display: none !important;
}
}
@media screen and (min-width:801px){
#header #global_menu{
display: block;
}
html body #header #drawer_menu_button{
top: 0px !important;
right: 5px !important;
}
.language-btn{
right: 70px !important;
}
.pc{
display: block !important;
}
.sp{
display: none !important;
}
.news-slider-section{
margin: 100px 0 !important;
}
.news-custom-slider{
max-width: 670px !important;
height: 250px !important;
}
.news-slider-controls{
top:50% !important;
}
.news-slider-controls button{
padding: 10px !important; 
width: 7% !important;
}
.cta-buttons{
justify-content: center !important;
}
h2.center img{
width:25% !important;
}
.before-after{
margin: 100px auto !important;
}
.before-after-controls button{
width: 50px !important;
height: 50px !important;
}
section.search{
margin-top: 100px !important;
}
.menu_top{
padding: 1rem 1.8rem !important; 
border-bottom: none !important; 
border-left: none !important;
}
.men_menu{
margin-bottom: 50px !important;
}
.men_menu_contents{
margin-top: 20px !important;
padding: 10px 0 10px 10% !important;
background-size: contain !important;
border-bottom: 1px solid rgba(139,122,106,0) !important;
border-left: 1px solid rgba(139,122,106,0) !important;
}
.menu_top ul{
display: grid !important;
width: 50% !important;
grid-template-columns: 1fr 1fr !important;
}
.menu_top ul li{
width: 41% !important;
}
.q_button_wrap{ text-align: unset !important;
}
section.custom-section{
margin-top: 30px !important;
}
.custom-slide img{
width:80% !important;
}
.custom-slide-text{
padding: 0 80px !important;
text-align: left !important; 
line-height: 21px !important;
}
.custom-slider{
max-width: 950px !important;
}
.custom-slider-controls{
top: 38% !important; 
width: 80% !important; 
transform: translateX(12.5%) translateY(-50%) !important;
}
.procedure-steps{
margin-top: 50px !important;
}
.procedure{
width: 780px !important;
}
.special-information{
margin: 100px auto !important;
width: 100% !important;
}
.special{
display: grid !important; 
grid-template-columns: 1fr 1fr !important; 
gap: 10px !important;
width: 780px !important;
margin: 30px auto !important;
}
.special img.specialimg{
margin-bottom: 0px !important;
}
.original-contents{
margin-top: 100px 0 !important;
}
.access-image-container{
max-width: none !important;
}
.reservation{
display: flex !important;
}
.reservation-method{
margin-top: 100px !important;
}
.reservation a{
margin: 0 2px !important;
}
.cursor-grid{
grid-template-columns: repeat(4, 1fr) !important;
max-width: none !important;
}
.original-contents-latest-article{
width: 80% !important;
left: -50px;
}
.original-contents-latest-article img{
width: 100% !important;
height: 100% !important;
} 
.article-thumbnail{
width: 80% !important;
}
.article-thumbnail a{
color: #fff;
}
.article-thumbnail img{
width: 80%;
height: 80%;
}
.slider-content{
width: 100% !important;
}
img.attachment-medium.size-medium.not-transparent.wp-post-image{
width: 100% !important;
height: 210px !important;
}
.original-contents-before-after-controls{
z-index: 5 !important;
}
.original-contents-slider-area{
position: absolute !important;
top: 65% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
color: #fff !important;
padding: 10px !important;
width: 100% !important;
}
.case-thumbnail{
margin: 15% !important;
width: 80% !important;
}
.latest-cases-latest-article img{
width: 100% !important;
height: 100% !important;
}
.latest-cases-latest-article{
width: 80% !important;
left: -35px !important;
}
.access-image-container{
background: url(//pro-clinic.jp/mens/wp-content/themes/serum_tcd096/img/common/access728_edit.jpg) no-repeat center !important;
background-size: cover !important;
}
.bg_original_con {
background-color: #000 !important;
padding: 7% 4% !important;
position: relative !important;
}
.bg_original_con::after{
background-color: #c6a766 !important;
width: 10px !important;
height: 100% !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
}
}
@media screen and (max-width:500px){
h2.center img{
width: 80% !important;
}
.menu_top{
padding: 1rem 1.8rem !important;
}
.menu_top ul{
display: block !important;
}
.lst_ul{
margin-bottom: 0rem !important;
}
.menu_top ul li{
width: 100% !important;
grid-template-columns: 1fr !important;
}
.q_custom_button1{
width: 100% !important;
}
.q_custom_button2{
width: 100% !important;
}
section.custom-section{
margin-top: -120px !important;
}
.article-thumbnail{
margin: 0% !important;
width: 100% !important;
}
.latest-cases-latest-article{
top: 5px !important;
}
#header_slider_wrap{
height: 490px !important;
}
#header_slider .item{
height: 500px !important;
top: 60px !important;
}
} @media screen and (max-width:800px){
html,
body{
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
overflow-x:hidden !important;
}
body.admin-bar,
body.home.admin-bar,
body.hide_page_header_bar.admin-bar{
padding-top:0 !important;
}
#container{
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
border-left:0 !important;
border-right:0 !important;
overflow-x:hidden !important;
} body #header_logo{
display:none !important;
visibility:hidden !important;
opacity:0 !important;
pointer-events:none !important;
}
body #header{
position:sticky !important;
top:0 !important;
left:0 !important;
right:0 !important;
z-index:99999 !important;
width:100% !important;
max-width:100% !important;
height:64px !important;
min-height:64px !important;
max-height:64px !important;
margin:0 !important;
padding:0 18px !important;
display:flex !important;
flex-flow:row nowrap !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
overflow:visible !important;
background:#fff !important;
border:0 !important;
border-bottom:1px solid rgba(185,145,34,.16) !important;
box-shadow:0 2px 10px rgba(0,0,0,.035) !important;
box-sizing:border-box !important;
transform:none !important;
animation:none !important;
}
body.open_header #header,
body.close_header #header,
body.header_fix #header,
body.home #header,
body.home.header_fix #header,
body.home.open_header #header,
body.home.open_header_mobile #header,
body.home.close_header_mobile #header,
body.open_header_mobile #header,
body.close_header_mobile #header{
position:sticky !important;
top:0 !important;
left:0 !important;
right:0 !important;
height:64px !important;
min-height:64px !important;
max-height:64px !important;
margin:0 !important;
padding:0 18px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
background:#fff !important;
transform:none !important;
animation:none !important;
}
html.open_menu body #header{
position:fixed !important;
top:0 !important;
left:0 !important;
right:0 !important;
height:64px !important;
min-height:64px !important;
max-height:64px !important;
margin:0 !important;
padding:0 18px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
background:#fff !important;
}
body #header::before,
body #header::after{
display:none !important;
content:none !important;
}
body #header_logo2,
body.home #header_logo2,
body.home.header_fix #header_logo2,
body.home.open_header #header_logo2,
body.home.open_header_mobile #header_logo2,
body.home.close_header_mobile #header_logo2,
body.open_header_mobile #header_logo2,
body.close_header_mobile #header_logo2,
body.hide_page_header_bar #header_logo2{
display:flex !important;
visibility:visible !important;
opacity:1 !important;
position:relative !important;
top:auto !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
transform:none !important;
flex:1 1 auto !important;
width:auto !important;
max-width:calc(100% - 58px) !important;
height:64px !important;
min-height:64px !important;
max-height:64px !important;
min-width:0 !important;
margin:0 !important;
padding:0 !important;
z-index:100001 !important;
align-items:center !important;
justify-content:flex-start !important;
overflow:visible !important;
line-height:0 !important;
box-sizing:border-box !important;
pointer-events:auto !important;
transition:none !important;
}
body #header_logo2 a,
body #header_logo2 .text_image{
display:flex !important;
visibility:visible !important;
opacity:1 !important;
align-items:center !important;
justify-content:flex-start !important;
width:auto !important;
max-width:100% !important;
height:64px !important;
min-height:64px !important;
max-height:64px !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
line-height:0 !important;
box-sizing:border-box !important;
transform:none !important;
}
body #header_logo2 img.pc,
body #header_logo2 picture.pc,
body #header_logo2 .pc:not(.mobile){
display:none !important;
}
body #header_logo2 img.mobile,
body #header_logo2 img:not(.pc){
display:block !important;
visibility:visible !important;
opacity:1 !important;
width:auto !important;
height:auto !important;
max-width:min(210px, calc(100vw - 104px)) !important;
max-height:38px !important;
margin:0 !important;
padding:0 !important;
object-fit:contain !important;
object-position:left center !important;
vertical-align:middle !important;
transform:none !important;
filter:none !important;
transition:none !important;
}
body #drawer_menu_button,
body.home #drawer_menu_button,
body.home.header_fix #drawer_menu_button,
body.home.open_header_mobile #drawer_menu_button,
body.home.close_header_mobile #drawer_menu_button,
body.open_header_mobile #drawer_menu_button,
body.close_header_mobile #drawer_menu_button,
html body #header #drawer_menu_button{
display:flex !important;
visibility:visible !important;
opacity:1 !important;
position:relative !important;
top:auto !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
transform:none !important;
flex:0 0 44px !important;
width:44px !important;
height:44px !important;
min-width:44px !important;
max-width:44px !important;
margin:0 !important;
padding:0 !important;
align-items:center !important;
justify-content:center !important;
z-index:100002 !important;
background:transparent !important;
border:0 !important;
border-radius:999px !important;
overflow:visible !important;
box-sizing:border-box !important;
}
body #drawer_menu_button span{
display:block !important;
position:absolute !important;
left:7px !important;
width:30px !important;
height:2px !important;
margin:0 !important;
padding:0 !important;
background:#b99122 !important;
border-radius:999px !important;
transform-origin:center !important;
opacity:1 !important;
transition:transform .22s ease, opacity .18s ease, background .18s ease !important;
}
body #drawer_menu_button span:nth-child(1){ top:12px !important; }
body #drawer_menu_button span:nth-child(2){ top:21px !important; }
body #drawer_menu_button span:nth-child(3){ top:30px !important; }
html.open_menu body #drawer_menu_button span:nth-child(1),
body #drawer_menu_button.active span:nth-child(1){
top:21px !important;
transform:rotate(45deg) !important;
}
html.open_menu body #drawer_menu_button span:nth-child(2),
body #drawer_menu_button.active span:nth-child(2){
opacity:0 !important;
}
html.open_menu body #drawer_menu_button span:nth-child(3),
body #drawer_menu_button.active span:nth-child(3){
top:21px !important;
transform:rotate(-45deg) !important;
}
body .language-btn,
body #header_search,
body #header_lang_button{
display:none !important;
visibility:hidden !important;
opacity:0 !important;
pointer-events:none !important;
}
#page_header{
margin-top:0 !important;
}
} @media screen and (max-width:767px){
.main-banner{
width:100% !important;
max-width:100% !important;
height:220px !important;
min-height:220px !important;
max-height:220px !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
background:#000 !important;
line-height:0 !important;
}
.main-banner img.pc{
display:none !important;
}
.main-banner img.sp{
display:block !important;
width:100% !important;
height:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
object-fit:cover !important;
object-position:center center !important;
}
.news-slider-section,
.slider-container3,
.swiper3{
width:100% !important;
max-width:100% !important;
overflow:hidden !important;
box-sizing:border-box !important;
}
.swiper3 .swiper-slide{
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
}
}@font-face {
font-family: 'KozukaGothicPr6N';
src: url(https://pro-clinic.jp/mens/sp_img/KozukaGothicPr6N-R.otf) format('opentype');
}
.latest-cases-latest-article img body { background-color: #f8f8f8;
margin: 0;
padding: 0;
}
.header {
background-color: #fff;
border-bottom: 1px solid #eaeaea;
}
.header-top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
}
#header #global_menu{
display: block !important;
}
.logo { width: 90%;
}
.contact-info {
display: flex;
align-items: center;
}
.phone-number {
margin-right: 20px;
font-size: 16px;
color: #444;
text-decoration: none;
}
.menu-button {
font-size: 24px;
background: none;
border: none;
}
.main-banner {
position: relative;
text-align: center;
}
.main-banner img {
width: 100%;
height: auto;
}
.main-banner h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 24px;
}
.cta-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
} .cta-buttons {
position: relative;
z-index: 10;
display: flex; flex-wrap: wrap; justify-content: space-around; gap: 10px; padding: 10px;
max-width: 100%; box-sizing: border-box; }
.cta-button {
flex: 0 0 calc(25% - 10px); max-width: calc(25% - 10px); text-align: center;
}
.cta-button img {
width: 100%; height: auto; }
.reason-buttons {
background-color: #fff;
padding: 20px;
}
.reason-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.reason-button {
background-color: #fff;
color: #c6a766;
padding: 10px;
text-align: center;
text-decoration: none;
border: 2px solid #c6a766;
border-radius: 5px;
transition: background-color 0.3s, color 0.3s;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.reason-button img {
width: 40px;
height: 40px;
margin-bottom: 10px;
}
.reason-button:hover {
background-color: #c6a766;
color: #fff;
}
.before-after {
padding: 20px;
text-align: center;
}
.before-after-images {
position: relative;
margin: 20px 0;
}
.slider {
display: flex;
justify-content: center;
}
.slider-controls {
margin-top: 10px;
}
.before-button, .after-button {
background-color: #444;
color: #fff;
border: none;
padding: 10px;
margin: 0 5px;
border-radius: 5px;
}
.steps {
display: flex;
flex-direction: column;
gap: 20px;
}
.step {
display: flex;
align-items: center;
background-color: #fff;
padding: 15px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.step img {
width: 100%;
height: auto;
margin-right: 15px;
}
.step-description h3 {
font-size: 18px;
color: #c6a766;
margin: 0 0 10px 0;
}
.step-description p {
font-size: 14px;
color: #444;
margin: 0;
}
.footer {
background-color: #333;
color: #fff;
padding-bottom: 20px;
text-align: center;
}
.footer-nav {
display: flex;
justify-content: space-around;  }
.footer-nav a {
text-align: center;
color: #c6a766;
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
}
.footer-nav a img {
width: 100%;
transition: transform 0.3s ease;
}
.footer-nav a:hover img {
transform: scale(1.1);
}
.footer-nav a span {
font-size: 14px;
color: #fff;
}
.footer p {
margin: 10px 0 0;
font-size: 12px;
color: #bfaa67;
} .reasons {
text-align: center;
margin: 20px 0;
}
.swiper-container {
width: 100%;
max-width: 600px;
margin: auto;
}
.swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
}
.swiper-slide img {
width: 100%;
height: auto;
}
.slide-text {
padding: 10px;
}
.slide-text h3 {
font-size: 18px;
margin: 10px 0 5px;
}
.slide-text p {
font-size: 14px;
margin: 0;
}
.procedure {
max-width: 100%;
width: 100%; box-sizing: border-box; margin: 0 auto;
margin-top: 30px;
counter-reset: chapter;
}
.procedure-container {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-between;
margin: 1rem 0;
}
.procedure-content {
flex-basis: calc(100% - 250px);
padding: 0.5rem 1rem 1rem 1rem;
}
.procedure-content h3 {
font-size: 1.75rem;
color: #e0bd5f;
font-weight: bold;
margin-bottom: 1em;
font-family: sans-serif;
}
.procedure-content h3:before {
counter-increment: chapter;
content: counter(chapter);
color: #000;
margin-right: 0.5em;
}
.procedure-content p {
margin-left: calc( 1.75rem + 0.15rem);
font-family: sans-serif;
line-height: 1.7;
}
.procedure-content p a {
text-decoration: underline;
}
.procedure-img {
flex-basis: 250px;
}
.procedure-img img {
width: 100%;
height: auto;
}
@media (max-width: 800px) {
.procedure {
padding: 0 10px;
}
.procedure-content {
flex-basis: calc(100% - 100px);
padding: 0 0.5rem 0.5rem 0.5rem;
}
.procedure-content h3 {
font-size: 1.15rem;
margin-bottom: 0.5rem;
}
.procedure-content p {
margin-left: 0;
}
.procedure-img {
flex-basis: 100px;
}
}
@media (max-width: 600px) {
.swiper-container {
max-width: 100%;
}
.slide-text h3 {
font-size: 16px;
}
.slide-text p {
font-size: 12px;
}
}
.floating-sns-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 0.9);
display: none;
flex-direction: row;
justify-content: space-around;
align-items: center;
padding: 10px 0;
z-index: 1000; padding-right: 40px;
}
.floating-sns-bar a img { }
.menu-button {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
}
.cta-buttons {
display: flex;
justify-content: space-around; padding: 0 10px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.cta-button {
text-align: center;
flex: 0 0 auto;
}
.before-after {
max-width: 100%;
padding: 0 10px;
margin: 0 auto;
}
.before-after-images {
display: flex;
flex-direction: column;
align-items: center;
}
.slider img {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.slider.img {
width: 210px;
}
.slider-controls {
display: flex;
gap: 10px;
}
.slider-controls button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
} .slider {
position: relative;
max-width: 100%;
margin: auto;
overflow: hidden;
white-space: nowrap;
}
.slides {
display: flex;
transition: transform 0.5s ease-in-out;
}
.slides img {
width: 100%;
flex-shrink: 0;
}
.slider-controls {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
pointer-events: none;
}
.slider-controls button {
background: rgba(0, 0, 0, 0.5);
border: none;
color: white;
padding: 10px;
cursor: pointer;
pointer-events: all;
}
.case_slider img {
width: 48%; height: auto; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); object-fit: cover; transition: transform 0.3s ease; }
.floating-sns-bar img {
width: 100%;
} .header-bottom {
display: flex;
justify-content: space-between; align-items: center;
padding: 5px;
} .cta-girl-button {
margin-left: 0;
}
img.cta-girl-button {
width: 90%;
} .cta-tel-button {
margin-right: 0;
margin-left: 15px;
width: 95%;
}
h2.center {
margin: 10px 0px 10px 0px;
text-align: center;
} .floating-footer {
background-color: #333;
color: #fff;
position: fixed;
bottom: 0;
left: 0;
width: 100%; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
z-index: 1000; transition: transform 0.3s ease; text-align: center;
}
.floating-footer.hidden {
transform: translateY(100%); } .floating-footer .footer-nav {
display: flex;
justify-content: space-around;
align-items: center;
}
.floating-footer .footer-nav a img {
height: auto;
margin: 0 10px;
}
.floating-footer .bottom-description img {
width: 100%;
}  h2.center img {
width: 40%;
}
.custom-slider {
position: relative;
max-width: 800px;
margin: 20px auto;
overflow: hidden;
touch-action: pan-y; }
.custom-slides {
display: flex;
transition: transform 0.5s ease-in-out;
}
.custom-slide {
flex: 0 0 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.custom-slide img {
width: 100%;
height: auto;
}
.custom-slide-text {
padding: 10px;
}
.custom-slide-text h3 {
font-size: 18px;
margin: 10px 0 5px;
color: #333;
}
.custom-slide-text p {
font-size: 14px;
color: #555;
}
.custom-slider-controls {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
pointer-events: none;
}
.custom-slider-controls button {
background: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 10px;
cursor: pointer;
pointer-events: all;
} .news-slide {
flex: 0 0 50%; box-sizing: border-box;
padding: 10px;
text-align: center;
}
.news-thumbnail {
width: 80%; height: auto;
border-radius: 5px;
object-fit: cover;
pointer-events: auto;
}
.news-prev, .news-next {
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 10px 20px;
cursor: pointer;
z-index: 10;
}
.news-link {
position: relative;
z-index: 8;
display: block;
} h5 {
margin: 2em 0 1em;
}
.menu_top {
padding: 0.5rem 0.8rem
}
.menu_top { }  .before-after-slider {
position: relative;
width: 100%;
max-width: 800px;
margin: 0 auto;
overflow: hidden; border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
} .before-after-slides {
display: flex; transition: transform 0.5s ease-in-out;
will-change: transform;
} .before-after-slide {
flex: 0 0 100%; display: flex;
flex-direction: column; align-items: center;
text-align: center;
} .before-after-slide img {
width: 100%;
height: auto;
border-radius: 8px;
padding: 10px;
} .before-after-text {
margin-top: 10px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 10px;
border-radius: 5px;
max-width: 80%;
} .before-after-controls {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
}
.before-after-controls button {
background: rgba(0, 0, 0, 0.5);
color: #fff;
border: none;
padding: 10px;
cursor: pointer;
font-size: 20px;
border-radius: 50%;
transition: background 0.3s;
}
.before-after-controls button:hover {
background: rgba(0, 0, 0, 0.8);
} h2.before-after-h2 {
margin-bottom: 10px;
}
p.before-after-text2 {
text-align: left;
margin-bottom: 10px;
}  html body #header #drawer_menu_button {
position: fixed !important;
top: 10px ;
right: 5px ;
z-index: 9999 !important;
background: rgba(0, 0, 0, 0) !important;
} #drawer_menu_button span {
background: #bfaa67 !important;
}
.lst_ul {
margin-bottom: 0rem !important;
}
@media screen and (max-width: 800px) {
body.home {
padding: 0 !important;
}
} .news-slides {
display: flex;
transition: transform 0.5s ease-in-out; width: 100%;
}
section.custom-section {
margin-top: -90px;
}
.bottom-description p {
font-size: 15px; font-weight: bold; text-align: center; background: linear-gradient(90deg, #ffd700, #ffac33); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.8; margin: 5px 0; }
.news-slider-wrapper {
position: relative;
overflow: hidden;
width: 100%;
max-width: 350px; margin: 0 auto;
}
.custom-slides {
display: flex;
transition: transform 0.5s ease-in-out;
transform-style: preserve-3d;
}
.custom-slide {
min-width: 100%;
position: relative;
transition: transform 0.5s ease-in-out, z-index 0.5s ease-in-out;
}
.custom-slide img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: 8px;
} .news-slider-section {
margin: 20px 0;
text-align: center;
}
.news-custom-slider {
position: relative;
overflow: hidden;
width: 100%;
max-width: 600px; margin: 0 auto;
}
.news-custom-slides {
display: flex;
transition: transform 0.5s ease-in-out;
transform-style: preserve-3d; max-height: 240px;
}
.news-custom-slide {
min-width: 100%; transition: transform 0.5s ease-in-out, z-index 0.5s ease-in-out;
transform-origin: center;
position: relative;
}
.news-custom-slide img {
display: block;
width: 100%;
height: 77%; object-fit: cover;
border-radius: 10px;
}
.news-title {
margin-top: 10px;
font-size: 13px;
font-weight: bold;
color: #333;
}
.news-slider-controls {
pointer-events: none;
position: absolute;
top: 40%;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
}
.news-slider-controls button {
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 10px;
cursor: pointer;
border-radius: 50%;
font-size: 16px;
}
img.cta-head01-button {
width: 100%;
}
section.top-description img {
width: 100%;
}
section.bottom-description img {
width: 100%;
}
.header-bottom {
position: relative;
display: inline-block;
}
.logo-container {
position: relative;
display: inline-block;
width: 90%; }
.logo {
display: block;
width: 100%; height: auto;
}
.left-area,
.right-area {
position: absolute;
top: 0;
bottom: 0;
}
.left-area {
top: 46%;
left: 0%;
bottom: 15%;
width: 57%;
height: 55%;
}
.right-area {
right: 0%;
top: 5%;
width: 33%;
height: 33%;
} .left-area a,
.right-area a {
display: block;
width: 100%;
height: 100%;
}
.cta-button img {
pointer-events: auto; z-index: 1; } .menu_top ul {
justify-content: flex-start !important; display: grid !important;
}
.menu_top ul li {
display: grid !important;
width: 60%;
grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 450px) {
.menu_top ul { width: 100%;
}
}
.men_menu_contents {
position: relative;
width: 100%;
padding: 10px 0 10px 10px;
box-sizing: border-box;
}
.menu_top ul li {
margin: 10px 10px 0px 0px !important;
width: 41%;
}
h5.men_menuh5 { margin: 0em 0 0em;
}
.q_custom_button {
font-size: 12px !important;;
}
#drawer_menu .close_button_area {
background-color: #b1afae !important;
}
.cta-button {
position: relative;
z-index: 10; }
#beforeafter {
scroll-margin-top: 500px; }
.special-information {
padding: 5px;
}
.special {
max-width: 100%;
width: 100%; box-sizing: border-box; margin: 0 auto;
}
.special img.specialimg {
margin-bottom: 10px;
width: 100% !important;
height: auto !important;
}
.reservation-method {
padding: 5px;
}
.reservation {
max-width: 100%;
width: 100%; box-sizing: border-box; margin: 0 auto;
}
@media screen and (min-width:801px) {
.reservation{
display: flex !important;
}
}
.reservation img.reservationimg {
margin-bottom: 10px;
width: 100% !important;
height: auto !important;
}
.cursor-grid {
max-width: 400px;
display: grid;
grid-template-columns: repeat(2, 1fr); grid-gap: 10px; list-style: none; padding: 0;
width: 80%;
margin-inline: auto;
}
.cursor-grid li {
position: relative; padding-left: 15px; margin-bottom: 10px; display: flex; align-items: center;
text-align: center;
}
.cursor-grid li::before {
content: "";
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%); width: 20px; height: 20px;  background-size: contain; background-repeat: no-repeat;
}
#blog-slider {
width: 96%;
overflow: hidden;
position: relative;
margin: 0 auto;
}
#blog-slider img {
width: 100%;
display: none; }
#blog-slider img.active {
display: block; }
#blog-prev, #blog-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
padding: 10px;
background-color: rgba(0, 0, 0, 0.5);
color: white;
}
#blog-prev { left: 10px; }
#blog-next { right: 10px; }
.bg_original_con {
background-color: #000;
padding: 7% 4%;
position: relative;
}
.bg_original_con::after{
background-color: #c6a766;
width: 10px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.original-contents-container {
position: relative; display: inline-block; }
.original-contents-container img {
display: block; max-width: 100%; height: auto;
}
.original-contents-latest-article {
position: absolute; top: 35px;
left: 10px; padding: 5px;
width: 70%;
color: #fff;
}
.original-contents-latest-article a {
color: white;
}
.original-contents-latest-article img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bg_original_con .article-thumbnail{
margin: 4% 0% !important;
width: 80%;
}
.bg_original_con .article-thumbnail a{
color: #fff !important;
}
.bg_original_con .article-thumbnail img{
width: 80% !important;
height: 80% !important;
}
.original-contents-slider-area {
position: absolute;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
padding: 10px;
width: 100%;
}
.original-contents-slider-area a:link,
.original-contents-slider-area a:visited {
color: #ffffff;
}
.original-contents-before-after-controls {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
}
.original-contents-link-area {
position: absolute;
bottom: 10px;
right: 10px;
}
.original-contents-link-area img {
max-width: 100px;
height: auto;
}
.ori-contents {
padding: 0px;
margin: -4px 0px;
}
.ori-container {
position: relative; display: inline-block; }
.ori-contents-container img {
display: block; max-width: 100%; height: auto;
}
.ori-slider-section {
margin: 20px 0;
text-align: center;
}
.ori-custom-slider {
position: relative;
overflow: hidden;
width: 100%;
max-width: 600px; margin: 0 auto;
}
.ori-custom-slides {
display: flex;
transition: transform 0.5s ease-in-out;
transform-style: preserve-3d;
max-height: 300px;
}
.ori-custom-slide {
min-width: 100%; transition: transform 0.5s ease-in-out, z-index 0.5s ease-in-out;
transform-origin: center;
position: relative;
}
.ori-custom-slide img {
display: block;
width: 100%;
height: 77%; object-fit: cover;
border-radius: 10px;
}
.ori-title {
margin-top: 10px;
font-size: 1.2rem;
font-weight: bold;
color: #333;
}
.ori-slider-controls {
position: absolute;
top: 40%;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
}
.ori-slider-controls button {
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 10px;
cursor: pointer;
border-radius: 50%;
font-size: 16px;
}
.ori-contents-link-area {
position: absolute;
bottom: 10px;
right: 10px;
}
.ori-contents-link-area img {
max-width: 100px;
height: auto;
}
.original-contents-container img-right {
float: right;
}
.latest-cases {
background-color: #000;
position: relative;
}
.case-thumbnail{
margin: 5% 0;
width: 80%;
}
.case-thumbnail a{
color: #fff;
}
.case-thumbnail img{
width: 90%;
height: 90%;
}
.latest-cases-container {
position: relative; display: inline-block; }
.latest-cases-container img {
display: block; max-width: 100%; height: auto;
}
.latest-cases-latest-article {
position: absolute;
top: 35px;
left: 10px;
padding: 5px;
width: 70%;
color: #fff;
}
.latest-cases-latest-article a{
color: white;
}
.latest-cases-latest-article img {
width: 270px;
height: 150px;
object-fit: cover;
display: block;
} .latest-cases-slider-area {
position: absolute;
top: 65%;
left: 50%;
transform: translate(-50%, -50%); color: white;
padding: 10px;
width: 100%;
}
.latest-cases-slider-area a:link,
.latest-cases-slider-area a:visited {
color: #ffffff;
}
.latest-cases-link-area {
position: absolute;
bottom: 10px;
right: 10px;
}
.latest-cases-link-area img {
max-width: 100px;
height: auto;
}
.latest-cases-before-after-controls {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
}
.swiper-button-prev:after,
.swiper-button-next:after {
content: ''; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: ''!important;
} .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: ''!important;
}
.swiper-button-next img{
width: 13px;
height: auto;
}
.access {
padding: 0px;
margin: -4px 0px;
}
.access-area-container {
position: relative; display: inline-block; }
.access-area-container img {
display: block; max-width: 100%; height: auto;
}
.access-area {
position: absolute; top: 16px;
left: 10px;
background-color: rgba(255, 255, 255, 0.7); padding: 5px;
width: 70%;
}
.access-map-container {
width: 100%;
aspect-ratio: 1 / 1;  }
.access-map-container iframe {
width: 100%;
height: 100%;
}
.access-link-area {
position: absolute;
bottom: 10px;
right: 10px;
}
.access-link-area img {
max-width: 100px;
height: auto;
}
.docter-link-area {
position: absolute;
bottom: 10px;
right: 10px;
}
.docter-link-area img {
margin-bottom: 50px;
max-width: 100px;
height: auto;
}
img.attachment-medium.size-medium.not-transparent.wp-post-image {
width: 100%;
height: 150px;
object-fit: cover;
border-radius: 5px;
} .access-image-container {
position: relative;
width: 100%; margin: 0 auto; height: auto;
padding-top: 133%; } .link-area {
position: absolute;
display: block;
} .youtube-link {
top: 0%;
left: 0%;
width: 74%;
height: 17%;
} .map-link {
top: 19%;
left: 0%;
width: 74%;
height: 27%;
} .detailed-map-link {
top: 48%;
left: 0%;
width: 33%;
height: 5%;
} .phone-link {
top: 54%;
left: 48%;
width: 15%;
height: 2%;
} .parking-link {
top: 82%;
left: 76%;
width: 10%;
height: 3%;
}
.doctorcommentary {
top: 86%;
left: 70%;
width: 30%;
height: 5%;
}
.syourei {
top: 87%;
left: 70%;
width: 30%;
height: 4%;
}
ul.cursor-grid img {
width: 100%;
}
span.article-date {
display: block;
color: #fff;
font-size: 12px;
margin-top: 5px;
}
span.article-title {
display: block;
color: #fff;
}
.slider-content {
font-size: 14px;
}
.news-slider-controls button {
pointer-events: auto; }
@media screen and (max-width : 800px) {
.pc{display: none !important;}
.sp{display: block;}
}  .home .language-btn{
display: none!important;
}
#header{z-index: 80;}
#global_menu ul ul a{font-size: 14px;}
#header_slider_wrap{display: none!important;}
.menu ul{display: none;}
.main-banner .pc{display: block!important;}
.main-banner .sp{display: none!important;}
.menu-close{display: none;}
#global_menu>ul>li>a {
color: #000 ;
text-decoration: none;
height: 80px;
line-height: 80px;
padding: 0 19px;
display: block;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 800px){
html body #header #drawer_menu_button{
top: 10px;
}
}
@media screen and (max-width: 800px){
.main-banner .pc{display: none!important;}
.main-banner .sp{display: block!important;}
html body #header #drawer_menu_button{
top: 10px !important;
right: 5px !important;
}
} .swiper3{height: auto!important;}
.news-slider-section{
padding: 0 8%;
}
.news-slider-section span.article-title{
color: "#000"!important;
margin-top: 5px;
overflow: visible!important;
}
.home .original-contents .slider-container{
width: 80%;
}
.doctors_title_img{
position: absolute;
top: 10%;
right: 0;
width: 23%;
z-index: 1;
}
.doctors_title_img img{
width: 100%;
} .p-oricon{
position: relative;
background: #000;
padding: 10%;
}
.menu_top ul li{width: 100%;}
.p-oricon .p-relative{
position: relative;
z-index: 2;
color: #fff !important;
font-size: 1rem;
margin: 2% 0 !important;
}
.p-oricon::after{
content: "";
width: 11.95%;
height: 100%;
background: #a08447;
position: absolute;
top: 0;
right: 0;
}
.latest-cases{
font-size: 0;
}
.p-oricon .article-thumbnail{
width: 80%!important;
height: auto;
}
.p-oricon .article-thumbnail img{
width: 100%!important;
height: auto;
}
.p-oricon .case-thumbnail{
margin: 0 0 1% 0 !important;
width: 80% !important;
position: relative;
overflow: hidden;
padding-top: 50%;
}
.p-oricon .case-thumbnail img{
width: 100% !important;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.p-oricon span.article-title{
color: #fff !important;
font-size: 1rem;
padding: 5px;
}
.home .latest-cases .slider-container2{
width: 80%;
}
#drawer_menu_button{display: none;}
.menu_top ul li{
width: 100%!important;
}
.news-slider-section span.article-title{
color: #000;
}
.p-oricon.dr-post .button{
width: 80%;
display: flex;
justify-content: center;
margin-top: 5%;
}
.p-oricon.dr-post .swiper-wrapper{
z-index: 0;
}
.p-oricon.dr-post .button a{
position: relative;
width: 260px;
height: 50px;
background: #a08447;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 16px;
}
.p-oricon.new-case .button{
width: 80%;
display: flex;
justify-content: center;
margin-top: 5%;
}
.p-oricon.new-case .button a{
position: relative;
width: 260px;
height: 50px;
background: #a08447;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 16px;
}
.p-oricon.dr-post .button a::after, .p-oricon.new-case .button a::after{
content: "";
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 1;
width: 12px;
height: 12px;
border: 1px solid currentColor;
border-left: 0;
border-bottom: 0;
position: absolute;
top: 50%;
right: 20px;
box-sizing: border-box;
transform: translateY(-50%) rotate(45deg);
} .access_text{
display: flex !important;
position: relative !important;
}
.access_text_2{
display: flex !important;
position: relative !important;
}
.access_text img{
width: 33% !important;
}
.access_text img{
width: 100% !important;
}
.access-image-container{
content: "";
background: url(https://pro-clinic.jp/mens/wp-content/themes/serum_tcd096/img/common/access728.jpg) no-repeat center !important;
background-size: cover !important;
padding-top: 115% !important;
position:  relative !important;
}
.access_text_possition{
position: absolute;
bottom: 90px;
left: 30px;
}
.access_text_possition_1{
display: flex !important;
justify-content: space-around !important;
width: 75%;
margin-bottom: 20px;
}
.access_text_possition_1 img{
width: 100%;
height: 100%;
-moz-force-broken-image-icon: 1;
}
.access_text_possition_1 .sp{
display: none;
}
.access_text_possition_2{
display: flex !important;
width: 100% !important;
align-items: center;
}
.access_text_possition_2 .about_map_img{
width: 28%;
height: 60%;
margin-right: 10px;
}
.access_text_possition_2 .about_map_img img{
width: 100%;
height: 100%;
}
.access_text_possition_2 .about_map_txt{
width: 20%;
height: 30%;
margin-left: 3%;
}
.access_text_possition_2 .about_map_txt img{
width: 100%;
height: 100%;
}
.slider-container3{
position: relative;
}
.slider-container3 .swiper-button-next.swiper-button-next3{
width: 40px;
height: 40px;
background: rgba(0, 0, 0, .6);
border-radius: 30px;
right: -20px;
}
.slider-container3 .swiper-button-prev.swiper-button-prev3{
width: 40px;
height: 40px;
background: rgba(0, 0, 0, .6);
border-radius: 30px;
left: -20px;
}
.slider-container3 .swiper-button-next.swiper-button-next3::after{
content: "";
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 1;
width: 10px;
height: 10px;
border: 1px solid currentColor;
border-left: 0;
border-bottom: 0;
position: absolute;
top: 50%;
left: 45%;
box-sizing: border-box;
transform: translate(-50%, -50%) rotate(45deg);
}
.slider-container3 .swiper-button-prev.swiper-button-prev3::after{
content: "";
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 1;
width: 10px;
height: 10px;
border: 1px solid currentColor;
border-left: 0;
border-bottom: 0;
position: absolute;
top: 50%;
left: 55%;
box-sizing: border-box;
transform: translate(-50%, -50%) rotate(-135deg);
}  #single_post_image{
display: none!important;
}
.page-id-2666 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-last-of-type(1) {
display: none;
}
.page-id-2666 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-last-of-type(2) {
display: none;
}
.page-id-2666 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-last-of-type(3) {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-id-2666 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-last-of-type(3) .wp-block-image{
width: 33%;
}
@media screen and (max-width: 1200px){
.menu {
display: none;
position: fixed;
top: 0;
right: 0;
width: 70%;
height: 100%;
background-color: #fff;
box-shadow: -2px 0 5px rgba(0, 0, 0, .5);
z-index: 1001;
padding: 20px;
}
#drawer_menu_button{display: block!important;}
#header_logo2 img.mobile{transform: scale(1.3)!important;}
#header_logo2 .text_image{height: auto!important;}
#header{position: fixed; z-index: 1010;}
.menu ul{display: block;}
.menu-close{display: block;}
}
@media screen and (max-width: 1201px){
body {
padding: 60px 0 0;
}
}
@media screen and (max-width: 1000px){
.home .original-contents{
width: 100%;
margin-left: 0;
}
.home .latest-cases{
width: 100%;
margin-left: 0;
}
.home .access{
width: 100%;
margin-left: 0;
}
.reservation-method{
width: 100%;
margin-left: 0;
}
.cursor-grid{
width: 100%;
margin-left: 0;
}
.menu_top ul{
display: flex!important;
width: 100%!important;
}
.menu_top ul li{
width: 45%!important;
}
.menu_top {
padding: 1rem 20px !important;
}
.q_custom_button{
font-size: 11px!important;
}
.p-oricon {
padding: 6% 8% 6% 20px;
}
}
@media screen and (min-width: 1000px){ #site_desc{
z-index:79 !important;
width: 80px;
height: 100vh;
position: fixed;
left: 0;
top: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
body.home #site_desc.animate{
opacity: 1;
transition: opacity 1.4sease 2s;
background-color: #fff;
width: 80px;
border-right: #ddd solid 1px;
position: fixed;
z-index: 2;
height: 100%;
}
}
@media screen and (max-width: 1200px){
#site_desc{
display: none;
}
}
@media screen and (max-width: 810px){
.slider-container3 .swiper-button-next.swiper-button-next3{right: -10px;}
.slider-container3 .swiper-button-prev.swiper-button-prev3{left: -10px;}
.news-slider-section{padding: 0 10px;}
}
@media screen and (max-width: 650px){
.page-id-2666 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-last-of-type(3) .wp-block-image{width: 48%;}
}
@media screen and (max-width: 500px){
.access_text_possition{
bottom: 10px;
left: 10px;
display: flex;
width: 77%;
}
.access_text_possition_1{
display: block !important;
width: 89%;
height: 100%;
margin-right: 10px;
}
.access_text_possition_2{
display: block !important;
width: 100% !important;
align-items: center;
height: 100%;
}
.access_text_possition_2 .about_map_img{
width: 88%;
height: 80%;
}
.access_text_possition_2 .about_map_txt{
width: 70%;
height: 30%;
}
h2.center img{width: 45%!important;}
.swiper-button-next, .swiper-button-prev{top: 45%!important;}
.dr-post .swiper-button-next, .dr-post .swiper-button-prev{top: 45%!important;}
.doctors_title_img{top: 10%; }
.p-oricon{padding: 20% 0px 6% 0px;}
.p-oricon .article-thumbnail{width: 70%!important;}
.p-oricon .case-thumbnail{width: 70% !important;}
.swiper1{height: auto!important;}
.men_menu_contents.last-item{border: none!important;}
.men_menu_contents.last-item .q_button_wrap{width: 100%!important;}
.home .original-contents .slider-container{width: 100%;}
.home .latest-cases .slider-container2{width: 100%;}
.dr-post .doctors_title_img{top: 4%;}
.access_text_possition_1 .pc{
display: none;
}
.access_text_possition_1 .sp{
display: block;
}
}
.supervisor_wrapper {
max-width: calc(100% - (100px + 2rem));
margin: 1rem auto 2rem auto;
border: solid 2px #ddd;
padding: 1rem;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.supervisor_image {
flex-basis: calc(80px + 1rem);
display: flex;
justify-content: flex-start;
align-items: center;
}
.supervisor_image .supervisor_picture {
width: 80px !important;
height: 80px !important;
border-radius: 50%;
object-fit: cover;
}
.supervisor_content {
flex-basis: calc(100% - (80px + 1rem));
}
.supervisor_content span{
display: block;
font-weight: bold;
margin-bottom: 0.75rem;
font-size: 1.1rem;
}
.supervisor_content p {
margin: 0;
font-size: 0.9rem;
line-height: 1.7;
font-weight: normal;
}
@media screen and (max-width: 800px) {
.supervisor_wrapper {
max-width: calc(100% - 40px);
padding: 0.75rem 0.5rem;
}
.supervisor_image {
flex-basis: calc(50px + 0.75rem);
}
.supervisor_image .supervisor_picture {
width: 50px !important;
height: 50px !important;
}
.supervisor_content {
flex-basis: calc(100% - (50px + 0.75rem));
}
}  .footer,
.floating-footer{
box-sizing: border-box !important;
overflow: hidden !important;
}
.footer *,
.floating-footer *{
box-sizing: border-box !important;
}
.footer img,
.floating-footer img{
display: block !important;
height: auto !important;
border: 0 !important;
object-fit: contain !important;
}
.footer .top-description,
.footer .bottom-description,
.floating-footer .top-description,
.floating-footer .bottom-description{
margin: 0 auto !important;
padding: 0 !important;
line-height: 0 !important;
text-align: center !important;
overflow: hidden !important;
} @media screen and (min-width: 768px){
.floating-footer{
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
}
body{
padding-bottom: 0 !important;
}
.footer{
width: 100% !important;
margin: 0 auto !important;
padding: 0 0 18px !important;
background: #2f2f2f !important;
color: #fff !important;
text-align: center !important;
clear: both !important;
}
.footer .top-description,
.footer .bottom-description{
width: 100% !important;
max-width: 1100px !important;
background: #111 !important;
}
.footer .top-description img.footer_01{
width: 100% !important;
max-width: 1100px !important;
max-height: 86px !important;
margin: 0 auto !important;
object-fit: cover !important;
object-position: center center !important;
}
.footer .bottom-description img.footer_02{
width: 100% !important;
max-width: 1100px !important;
max-height: 120px !important;
margin: 0 auto !important;
object-fit: cover !important;
object-position: center center !important;
}
.footer .footer-nav{
width: 100% !important;
max-width: 1100px !important;
margin: 0 auto !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 0 !important;
align-items: stretch !important;
justify-content: center !important;
background: #303030 !important;
}
.footer .footer-nav a{
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #303030 !important;
text-decoration: none !important;
}
.footer .footer-nav a img{
width: 100% !important;
max-width: 150px !important;
max-height: 74px !important;
margin: 0 auto !important;
object-fit: contain !important;
}
.footer p{
margin: 12px auto 0 !important;
padding: 0 16px !important;
color: #bfaa67 !important;
font-size: 12px !important;
line-height: 1.6 !important;
text-align: center !important;
}
} @media screen and (max-width: 767px){
body{
padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
} .floating-footer .top-description,
.floating-footer .bottom-description{
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
}
.floating-footer{
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
max-height: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
background: rgba(31,31,31,.98) !important;
z-index: 99998 !important;
box-shadow: 0 -2px 14px rgba(0,0,0,.28) !important;
transition: transform .25s ease !important;
}
.floating-footer.hidden{
transform: translateY(110%) !important;
}
.floating-footer .footer-nav{
width: 100% !important;
height: 72px !important;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.floating-footer .footer-nav a{
width: 100% !important;
height: 72px !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
}
.floating-footer .footer-nav a img{
width: auto !important;
max-width: 78px !important;
max-height: 58px !important;
margin: 0 auto !important;
object-fit: contain !important;
}
.footer{
width: 100% !important;
margin: 0 auto !important;
padding: 0 0 calc(90px + env(safe-area-inset-bottom, 0px)) !important;
background: #2f2f2f !important;
color: #fff !important;
text-align: center !important;
clear: both !important;
}
.footer .top-description,
.footer .bottom-description{
width: 100% !important;
max-width: 430px !important;
background: #151515 !important;
}
.footer .top-description img.footer_01,
.footer .bottom-description img.footer_02{
width: 100% !important;
max-width: 430px !important;
margin: 0 auto !important;
object-fit: contain !important;
}
.footer .footer-nav{
width: 100% !important;
max-width: 430px !important;
margin: 0 auto !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 0 !important;
background: #303030 !important;
}
.footer .footer-nav a{
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.footer .footer-nav a img{
width: auto !important;
max-width: 82px !important;
max-height: 66px !important;
margin: 0 auto !important;
object-fit: contain !important;
}
.footer p{
margin: 10px auto 0 !important;
padding: 0 12px !important;
color: #bfaa67 !important;
font-size: 11px !important;
line-height: 1.6 !important;
text-align: center !important;
}
.pcl-footer-hours,
.prcl-footer-hours{
width: 100% !important;
max-width: 430px !important;
margin: 40px auto 24px !important;
padding: 0 14px !important;
box-sizing: border-box !important;
text-align: center !important;
clear: both !important;
}
.pcl-footer-hours img,
.prcl-footer-hours img{
display: block !important;
width: 100% !important;
max-width: 390px !important;
height: auto !important;
margin: 0 auto !important;
object-fit: contain !important;
}
}