/* Theme Name: SWELL Child Version: 0.1 Template: swell */ body, input, textarea { font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; } .rich_font, .p-vertical { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight:500; } .rich_font_type1 { font-family: Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; } .rich_font_type2 { font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:500; } .rich_font_type3 { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight:500; } .home #header_top { background:rgba(255,255,255,1); } #header_top { background:rgba(255,255,255,1); } #header_logo a { color:#000000; } .pc #global_menu { background:rgba(0,0,0,0.2); } .pc #global_menu > ul { border-left:1px solid rgba(255,255,255,0.2); } .pc #global_menu > ul > li { border-right:1px solid rgba(255,255,255,0.2); } .pc #global_menu > ul > li > a, .pc #global_menu ul ul li.menu-item-has-children > a:before { color:#ffffff; } .pc #global_menu > ul > li > a:after { background:#ff474f; } .pc #global_menu ul ul a { color:#ffffff; background:#ff4f58; } .pc #global_menu ul ul a:hover { background:#d93f48; } .pc .header_fix #global_menu { background:rgba(0,0,0,0.5); } .pc .header_fix #global_menu > ul { border-left:1px solid rgba(255,255,255,0.5); } .pc .header_fix #global_menu > ul > li { border-right:1px solid rgba(255,255,255,0.5); } .mobile #mobile_menu { background:#222222; } .mobile #global_menu a { color:#ffffff !important; background:#222222; border-bottom:1px solid #444444; } .mobile #global_menu li li a { background:#333333; } .mobile #global_menu a:hover, #mobile_menu .close_button:hover, #mobile_menu #global_menu .child_menu_button:hover { color:#ffffff !important; background:#ff4b54; } .megamenu_clinic_list1 { border-color:#dddddd; background:#ffffff; } .megamenu_clinic_list1 a { background:#ffffff; } .megamenu_clinic_list1 ol, .megamenu_clinic_list1 li { border-color:#dddddd; } .megamenu_clinic_list1 .title { color:#ff4b54; } .megamenu_clinic_list2 { border-color:#dddddd; background:#ffffff; } .megamenu_clinic_list2 a { background:#ffffff; } .megamenu_clinic_list2_inner, .megamenu_clinic_list2 ol, .megamenu_clinic_list2 li { border-color:#dddddd; } .megamenu_clinic_list2 .headline, .megamenu_clinic_list2 .title { color:#ff4b54; } .megamenu_clinic_list2 .link_button a { color:#FFFFFF; background:#222222; } .megamenu_clinic_list2 .link_button a:hover { color:#FFFFFF; background:#f45963; } .megamenu_campaign_list { background:#f4f4f5; } .megamenu_campaign_list .post_list_area, .megamenu_campaign_list .menu_area a:hover, .megamenu_campaign_list .menu_area li.active a { background:#ffffff; } .megamenu_campaign_list .menu_area a { background:#ff474f; } .megamenu_campaign_list .menu_area a:hover, .megamenu_campaign_list .menu_area li.active a { color:#ff474f; } .pc .header_fix #header_top { background:rgba(255,255,255,1); } .header_fix #header_logo a { color:#000000 !important; } #header_button .button1 a, #footer_button .button1 a { color:#FFFFFF; background:#222222; } #header_button .button1 a:hover, #footer_button .button1 a:hover { color:#FFFFFF; background:#f45963; } #header_button .button2 a, #footer_button .button2 a { color:#FFFFFF; background:#222222; } #header_button .button2 a:hover, #footer_button .button2 a:hover { color:#FFFFFF; background:#f45963; } #footer_info_content1 .button a { color:#FFFFFF; background:#222222; } #footer_info_content1 .button a:hover { color:#FFFFFF; background:#f45963; } #footer_info_content2 .button a { color:#FFFFFF; background:#222222; } #footer_info_content2 .button a:hover { color:#FFFFFF; background:#f45963; } #footer_banner .title { color:#f95660; font-size:20px; } #footer_menu_area, #footer_menu_area a, #footer_menu .footer_headline a:before { color:#000000; } #footer_menu_area .footer_headline a { color:#f95660; } #footer_menu_area a:hover, #footer_menu .footer_headline a:hover:before { color:#f95660; } #footer_bottom, #footer_bottom a { color:#FFFFFF; } @media screen and (max-width:950px) { #footer_banner .title { font-size:16px; } } body.single #main_col { font-size:16px; } #page_header_catch .catch { font-size:42px; color:#FFFFFF; } #page_header_catch .desc { font-size:16px; color:#FFFFFF; } #page_header_catch .title { font-size:32px; color:#FFFFFF; } #blog_list .title_area .title { font-size:20px; color:#ff4b54; } #blog_list a:hover .title_area .title { color:#cccccc; } #blog_list .category a, #single_category a { color:#FFFFFF; background:#222222; } #blog_list .category a:hover, #single_category a:hover { color:#FFFFFF; background:#777777; } #post_title_area .title { font-size:32px; } #related_post .headline { font-size:20px; color:#ff4b52; } @media screen and (max-width:950px) { body.single #main_col { font-size:13px; } #page_header_catch .catch { font-size:22px; } #page_header_catch .desc { font-size:14px; } #page_header_catch .title { font-size:20px; } #blog_list .title_area .title { font-size:16px; } #post_title_area .title { font-size:20px; } #related_post .headline { font-size:16px; } } #index_side_button a { color:#ffffff; background:#fe535c; } #index_side_button a:hover { color:#ffffff; background:#d93f48; } #index_clinic .catch { font-size:42px; } #index_clinic .desc { font-size:16px; } #index_clinic .title_area .title { font-size:24px; } #index_clinic .title_area { color:#000000; background:#f4f4f5; } #index_clinic .item a:hover .title_area { color:#ffffff; background:#f45963; } #index_clinic .index_cb_button a { color:#ffffff; background:#222222; } #index_clinic .index_cb_button a:hover { color:#ffffff; background:#f45963; } @media screen and (max-width:950px) { #index_clinic .catch { font-size:20px; } #index_clinic .desc { font-size:13px; } #index_clinic .post_list .title { font-size:18px; } } #index_news .catch { font-size:42px; } #index_news .desc { font-size:16px; } #index_news .index_cb_button a { color:#ffffff; background:#222222; } #index_news .index_cb_button a:hover { color:#ffffff; background:#f45963; } @media screen and (max-width:950px) { #index_news .catch { font-size:20px; } #index_news .desc { font-size:13px; } } #header_slider .item1 .title { font-size:46px; color:#FFFFFF; } #header_slider .item1 .sub_title { font-size:22px; color:#FFFFFF; } @media screen and (max-width:950px) { #header_slider .item1 .title { font-size:20px; } #header_slider .item1 .sub_title { font-size:14px; } } #header_slider .item1 .button { color:#FFFFFF; background:#222222; } #header_slider .item1 .button:hover { color:#FFFFFF; background:#f45963; } #header_slider .item2 .button { color:#FFFFFF; background:#222222; } #header_slider .item2 .button:hover { color:#FFFFFF; background:#f45963; } #header_slider .item3 .button { color:#FFFFFF; background:#222222; } #header_slider .item3 .button:hover { color:#FFFFFF; background:#f45963; } #header_slider .item4 .button { color:#FFFFFF; background:#222222; } #header_slider .item4 .button:hover { color:#FFFFFF; background:#f45963; } #header_slider .item5 .title { font-size:46px; color:#FFFFFF; } #header_slider .item5 .sub_title { font-size:22px; color:#FFFFFF; } @media screen and (max-width:950px) { #header_slider .item5 .title { font-size:20px; } #header_slider .item5 .sub_title { font-size:14px; } } #header_slider .item5 .button { color:#FFFFFF; background:#222222; } #header_slider .item5 .button:hover { color:#FFFFFF; background:#f45963; } .author_profile a.avatar img, .animate_image img, .animate_background .image { width:100%; height:auto; -webkit-transition: transform 0.75s ease; transition: transform 0.75s ease; } .author_profile a.avatar:hover img, .animate_image:hover img, .animate_background:hover .image, #index_staff_slider a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } a { color:#000; } #bread_crumb li.last span, #comment_headline, .tcd_category_list a:hover, .tcd_category_list .child_menu_button:hover, .side_headline, #faq_category li a:hover, #faq_category li.active a, #archive_service .bottom_area .sub_category li a:hover, #side_service_category_list a:hover, #side_service_category_list li.active > a, #side_faq_category_list a:hover, #side_faq_category_list li.active a, #side_staff_list a:hover, #side_staff_list li.active a, .cf_data_list li a:hover, #side_campaign_category_list a:hover, #side_campaign_category_list li.active a, #side_clinic_list a:hover, #side_clinic_list li.active a { color: #ff4b54; } #page_header .tab, #return_top a, #comment_tab li a:hover, #comment_tab li.active a, #comment_header #comment_closed p, #submit_comment:hover, #cancel_comment_reply a:hover, #p_readmore .button:hover, #wp-calendar td a:hover, #post_pagination p, #post_pagination a:hover, .page_navi span.current, .page_navi a:hover, .c-pw__btn:hover { background-color: #ff4b54; } #guest_info input:focus, #comment_textarea textarea:focus, .c-pw__box-input:focus { border-color: #ff4b54; } #comment_tab li.active a:after, #comment_header #comment_closed p:after { border-color:#ff4b54 transparent transparent transparent; } #header_logo a:hover, #footer a:hover, .cardlink_title a:hover, #menu_button:hover:before, #header_logo a:hover, #related_post .item a:hover, .comment a:hover, .comment_form_wrapper a:hover, #next_prev_post a:hover, #bread_crumb a:hover, #bread_crumb li.home a:hover:after, .author_profile a:hover, .author_profile .author_link li a:hover:before, #post_meta_bottom a:hover, #next_prev_post a:hover:before, #recent_news a.link:hover, #recent_news .link:hover:after, #recent_news li a:hover .title, #searchform .submit_button:hover:before, .styled_post_list1 a:hover .title_area, .styled_post_list1 a:hover .date, .p-dropdown__title:hover:after, .p-dropdown__list li a:hover { color: #f95660; } .post_content a, .custom-html-widget a { color: #f95660; } .post_content a:hover, .custom-html-widget a:hover { color:#888888; } #return_top a:hover { background-color: #d93f48; } .frost_bg:before { background:rgba(255,255,255,0.7); } .blur_image img { filter:blur(1px); } .campaign_cat_id29 { background:#dd9933; } .campaign_cat_id29:hover { background:#dd9933; } .campaign_cat_id23 { background:#a9a800; } .campaign_cat_id23:hover { background:#a9a800; } .campaign_cat_id15 { background:#3e93a7; } .campaign_cat_id15:hover { background:#3e93a7; } .campaign_cat_id14 { background:#45455f; } .campaign_cat_id14:hover { background:#45455f; } .campaign_cat_id17 { background:#4a4b9e; } .campaign_cat_id17:hover { background:#4a4b9e; } .campaign_cat_id24 { background:#009400; } .campaign_cat_id24:hover { background:#009400; } .campaign_cat_id16 { background:#a58a93; } .campaign_cat_id16:hover { background:#a58a93; } #site_wrap { display:none; } #site_loader_overlay { background:#ffffff; opacity: 1; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; width: 100vw; height: 100vh; z-index: 99999; } #site_loader_animation { width: 48px; height: 48px; font-size: 10px; text-indent: -9999em; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: 3px solid rgba(216,1,0,0.2); border-top-color: #d80100; border-radius: 50%; -webkit-animation: loading-circle 1.1s infinite linear; animation: loading-circle 1.1s infinite linear; } @-webkit-keyframes loading-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media only screen and (max-width: 767px) { #site_loader_animation { width: 30px; height: 30px; } } @keyframes loading-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .heading03 { display: flex; justify-content: center; align-items: center; font-size: 20px; text-align: center; } .heading03::before, .heading03::after { content: ''; width: 100px; height: 3px; background-color: #e3bf00; } .heading03::before { margin-right: 10px; } .heading03::after { margin-left: 10px; } /* サービスカテゴリ */ #archive_service .bottom_area .sub_category li { font-size: 20px; } /* 商品一覧のリスト表示 */ #campaign_list2 .image_wrap { float: right; display: block; width: 170px; height: 220px; overflow: hidden; } #campaign_list2 .item a { height: 200px; } /* 商品一覧のリスト表示 */ @media screen and (max-width:750px) { #campaign_list2 .image_wrap { float: right; display: block; width: 85px; height: 120px; overflow: hidden; } #campaign_list2 .item a { height: 120px; } } #campaign_list .title_area { width: 100%; height: 35px; position: absolute; bottom: 0px; left: 0px; z-index: 2; overflow: hidden; } .pc #global_menu { background: #3B3750; } #archive_campaign_category_list li { width: calc(100% / 8); } a[href*="#"]{color:#0000ff} a.blue{color:#0000ff}