.2); } @media screen and (max-width:950px) { #footer_menu_area, #footer_bottom { background:#5e5e5e; } #copyright { background:#0a0a0a; } } #page_header .title { font-size:46px; color:#FFFFFF; } #archive_catch .catch { font-size:40px; color:#000000; } #archive_catch .desc { font-size:16px; color:#000000; } #blog_list .title_area .title { font-size:16px; } #post_title_area .title { font-size:40px; } #article .post_content { font-size:16px; } #related_post .headline { font-size:18px; } @media screen and (max-width:750px) { #page_header .title { font-size:24px; } #archive_catch .catch { font-size:24px; } #archive_catch .desc { font-size:14px; } #blog_list .title_area .title { font-size:13px; } #post_title_area .title { font-size:20px; } #article .post_content { font-size:13px; } #related_post .headline { font-size:15px; } } a { color:#000; } #header_news .date { color: #fc583e; } #page_header .tab, #blog_list .category a:hover, #post_title_area .category a:hover, #return_top a, #comment_tab li a:hover, #comment_tab li.active a, #comment_header #comment_closed p, #submit_comment: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, body.single-shop #page_header .category a:hover, .pc #header_lang.type1 li a:before { background-color: #fc583e !important; } .page_navi span.current, .page_navi a:hover, #guest_info input:focus, #comment_textarea textarea:focus, #post_pagination p, #post_pagination a:hover, .c-pw__box-input:focus { border-color: #fc583e !important; } #comment_tab li.active a:after, #comment_header #comment_closed p:after { border-color:#fc583e transparent transparent transparent; } #footer a:hover, #footer_menu_area a:hover, #header_post_link a:hover:before, #blog_list .link:hover .title_area .title, #bread_crumb li.home a:hover:after, .tcd_category_list li a:hover, #footer_social_link li a:hover:before, .author_profile .author_link li a:hover:before, #bread_crumb a:hover, .cardlink_title a:hover, .pc #global_menu > ul > li > a:hover, .pc #global_menu > ul > li.active > a, .pc #global_menu > ul > li.current-menu-item > a, .pc .home #global_menu > ul > li.current-menu-item > a:hover, .pc #global_menu > ul > li.active_button > a, #header_lang_button:hover:before, #header_lang_button.active:before, .pc #header_lang.type1 li a:hover, .pc #header_lang.type1 li a, #menu_button:hover:before, #index_logo a:hover, #header_logo a:hover, #searchform .submit_button:hover:before, #recent_news a.link:hover, #recent_news .link:hover:after, .styled_post_list1 a:hover .title_area, .styled_post_list1 a:hover .date, .styled_post_list2 a:hover .title_area, .styled_post_list2 a:hover .date, .styled_post_list3 a:hover .title_area, .styled_post_list3 a:hover .date, .tcd_category_list a:hover, .tcd_category_list .child_menu_button:hover, .p-dropdown__title:hover:after, .p-dropdown__list li a:hover { color: #999999 !important; } .post_content a, .custom-html-widget a { color: #fc583e; } .post_content a:hover, .custom-html-widget a:hover { color:#888888; } #blog_list .category a, #post_title_area .category a { background:#000000; color:#ffffff; } #header { background:rgba(255,255,255,1); } #header_logo a, .pc #header_lang.type1 a.active_site, .pc #header_lang.type2 > ul > li > a { color:#000000 !important; } #header_logo a:hover, .pc #header_lang.type1 a:hover, .pc #header_lang.type2 > ul > li > a:hover, .pc #header_lang a.active_site { color:#888888; } .pc #global_menu > ul > li > a, .pc .home #global_menu > ul > li.current-menu-item > a { color:#000000 !important; } .pc #global_menu > ul > li > a:after, #find_menu ol li a:after { background:#fc583e; } .pc #global_menu ul ul a, .pc #header_lang.type2 ul ul a { color:#ffffff; background-color:#000000; } .pc #global_menu ul ul a:hover, .pc #header_lang.type2 ul ul a:hover { color:#ffffff; background-color:#fc583e; } .mobile #mobile_menu, .mobile #mobile_lang { background:#222222; } .mobile #global_menu a, .mobile #header_lang a { color:#ffffff; background:#222222; } .mobile #global_menu a:hover, .mobile #header_lang a:hover, #mobile_menu .close_button:hover, #mobile_lang .close_button:hover, #mobile_menu #global_menu .child_menu_button:hover { color:#ffffff; background:#fc583e; } .pc .header_fix #header { background:rgba(255,255,255,1); } .pc .header_fix #header:hover { background:rgba(255,255,255,1); } .header_fix #header_logo a, .pc .header_fix #header_lang.type1 a.active_site, .pc .header_fix #header_lang.type2 > ul > li > a { color:#000000 !important; } .pc .header_fix #global_menu > ul > li > a { color:#000000; } .pc .header_fix #global_menu > ul > li > a:after { background:#fc583e; } #site_wrap { display:none; } #site_loader_overlay { background: #fff; opacity: 1; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; width: 100vw; height: 100vh; z-index: 99999; } #site_loader_animation { width: 100%; min-width: 160px; font-size: 16px; text-align: center; position: fixed; top: 50%; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-animation: loading-dots-fadein .5s linear forwards; -moz-animation: loading-dots-fadein .5s linear forwards; -o-animation: loading-dots-fadein .5s linear forwards; -ms-animation: loading-dots-fadein .5s linear forwards; animation: loading-dots-fadein .5s linear forwards; } #site_loader_animation i { width: .5em; height: .5em; display: inline-block; vertical-align: middle; background: #e0e0e0; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 .25em; background: #fc583e; -webkit-animation: loading-dots-middle-dots .5s linear infinite; -moz-animation: loading-dots-middle-dots .5s linear infinite; -ms-animation: loading-dots-middle-dots .5s linear infinite; -o-animation: loading-dots-middle-dots .5s linear infinite; animation: loading-dots-middle-dots .5s linear infinite; } #site_loader_animation i:first-child { -webkit-animation: loading-dots-first-dot .5s infinite; -moz-animation: loading-dots-first-dot .5s linear infinite; -ms-animation: loading-dots-first-dot .5s linear infinite; -o-animation: loading-dots-first-dot .5s linear infinite; animation: loading-dots-first-dot .5s linear infinite; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(-1em); -moz-transform: translate(-1em); -ms-transform: translate(-1em); -o-transform: translate(-1em); transform: translate(-1em); } #site_loader_animation i:last-child { -webkit-animation: loading-dots-last-dot .5s linear infinite; -moz-animation: loading-dots-last-dot .5s linear infinite; -ms-animation: loading-dots-last-dot .5s linear infinite; -o-animation: loading-dots-last-dot .5s linear infinite; animation: loading-dots-last-dot .5s linear infinite; } @-webkit-keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}} @-moz-keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}} @-o-keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}} @keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}} @-webkit-keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}} @-moz-keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}} @-o-keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}} @keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}} @-webkit-keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}} @-moz-keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}} @-o-keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}} @keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}} @-webkit-keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}} @-moz-keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}} @-o-keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}} @keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}} @media only screen and (max-width: 767px) { #site_loader_animation i { width: 0.25em; height: 0.25em; margin: 0 0.125em; } }