/* * 親テーマ Responsive 4.7.4 のヘッダー・フッター用 CSS。 * 6.x ではこれらが削除・変更され、子テーマの旧ヘッダー（partials/header）・フッター（partials/footer）の見た目が崩れるため、 * 4.7.4 の core/css/style.min.css と、カスタマイザー設定から出力されていたインライン CSS から該当ルールを元の順番のまま抽出して、親テーマの CSS の後に読み込む。 */ /* ---- 4.7.4 core/css/style.min.css ---- */ @charset "UTF-8";.site-description {margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline} .site-title {margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline} .container {margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px} @media (min-width:0) { .container {max-width:none} } @media (min-width:576px) { .container {max-width:540px} } @media (min-width:768px) { .container {max-width:720px} } @media (min-width:992px) { .container {max-width:960px} } @media (min-width:1200px) { .container {max-width:1140px} } @media (min-width:2400px) { .container {max-width:2320px} } @media (min-width:4800px) { .container {max-width:4640px} } .header-widgets .header-widgets-wrapper {display:flex;flex-direction:row;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} @media (min-width:0) { .copyright {width:100%;padding-right:15px;padding-left:15px} .footer-navigation {width:100%;padding-right:15px;padding-left:15px} .footer-widgets .footer-widget {width:100%;padding-right:15px;padding-left:15px} .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;padding-right:15px;padding-left:15px} .header-widgets .header-widgets-wrapper>.widget {width:100%;padding-right:15px;padding-left:15px} .main-navigation {width:100%;padding-right:15px;padding-left:15px} .site-branding {width:100%;padding-right:15px;padding-left:15px} } @media (min-width:768px) { .archive.blog-entry-columns-3 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:33.3333333333%;padding-right:15px;padding-left:15px} .blog.blog-entry-columns-3 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:33.3333333333%;padding-right:15px;padding-left:15px} .header-widgets .archive.blog-entry-columns-3 #main-blog.header-widgets-wrapper .entry-column {width:33.3333333333%;padding-right:15px;padding-left:15px} .header-widgets .blog.blog-entry-columns-3 #main-blog.header-widgets-wrapper .entry-column {width:33.3333333333%;padding-right:15px;padding-left:15px} .header-widgets .search.blog-entry-columns-3 #main-blog.header-widgets-wrapper .entry-column {width:33.3333333333%;padding-right:15px;padding-left:15px} .search.blog-entry-columns-3 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:33.3333333333%;padding-right:15px;padding-left:15px} .archive.blog-entry-columns-2 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} .archive.blog-entry-columns-4 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} .blog.blog-entry-columns-2 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} .blog.blog-entry-columns-4 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} .header-widgets .archive.blog-entry-columns-2 #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} .header-widgets .archive.blog-entry-columns-4 #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} .header-widgets .blog.blog-entry-columns-2 #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} .header-widgets .blog.blog-entry-columns-4 #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} .header-widgets .search.blog-entry-columns-2 #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} .header-widgets .search.blog-entry-columns-4 #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} .search.blog-entry-columns-2 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} .search.blog-entry-columns-4 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:50%;padding-right:15px;padding-left:15px} } @media (min-width:992px) { .archive.blog-entry-columns-4 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:25%;padding-right:15px;padding-left:15px} .blog.blog-entry-columns-4 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:25%;padding-right:15px;padding-left:15px} .footer-widgets-columns-4 .footer-widgets .footer-widget {width:25%;padding-right:15px;padding-left:15px} .header-widgets .archive.blog-entry-columns-4 #main-blog.header-widgets-wrapper .entry-column {width:25%;padding-right:15px;padding-left:15px} .header-widgets .blog.blog-entry-columns-4 #main-blog.header-widgets-wrapper .entry-column {width:25%;padding-right:15px;padding-left:15px} .header-widgets .search.blog-entry-columns-4 #main-blog.header-widgets-wrapper .entry-column {width:25%;padding-right:15px;padding-left:15px} .search.blog-entry-columns-4 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:25%;padding-right:15px;padding-left:15px} .footer-widgets .footer-widget {width:33.3333333333%;padding-right:15px;padding-left:15px} .footer-widgets-columns-3 .footer-widgets .footer-widget {width:33.3333333333%;padding-right:15px;padding-left:15px} .footer-widgets-columns-2 .footer-widgets .footer-widget {width:50%;padding-right:15px;padding-left:15px} .footer-widgets-columns-1 .footer-widgets .footer-widget {width:100%;padding-right:15px;padding-left:15px} } @media (min-width:0) { .main-navigation .menu {display:none} .main-navigation .menu-toggle {display:block} } @media (min-width:4800px) { .main-navigation .menu-toggle {display:none} .main-navigation .menu {display:block} } .site-title {margin-top:28px;margin-bottom:28px} .site-title:first-child {margin-top:0} .site-title:last-child {margin-bottom:0} .site-title {color:#333;font-size:20px;font-weight:700;line-height:1.25} @media (max-width:768px) { .site-title {font-size:20px} } .site-description {font-size:13px} .site-header {border-bottom:1px solid #eaeaea} .site-header .container {position:relative} .site-header [class*="__inner-container"] {position:relative} .header-widgets .site-header .header-widgets-wrapper {align-items:center} .site-header .header-widgets .header-widgets-wrapper {align-items:center} .site-header .navigation {align-items:center} .site-header .row {align-items:center} @media (min-width:4800px) { .header-widgets .site-header .header-widgets-wrapper {justify-content:space-between} .site-header .header-widgets .header-widgets-wrapper {justify-content:space-between} .site-header .navigation {justify-content:space-between} .site-header .row {justify-content:space-between} } .site-header a {color:#333;text-decoration:none} .site-header a:focus {color:#10659c} .site-header a:hover {color:#10659c} .header-full-width .site-header .container {max-width:none} .header-full-width .site-header [class*="__inner-container"] {max-width:none} @media (min-width:4800px) { .site-branding {width:auto} } .site-header-layout-horizontal .site-branding {min-width:20%} @media (max-width:576px) { .site-mobile-header-layout-horizontal .site-branding {max-width:250px} } .site-branding-wrapper {padding-top:28px;padding-bottom:28px} .site-description {margin-top:0;margin-bottom:0;line-height:28px} .site-title {margin-top:0;margin-bottom:0;line-height:28px} .site-description {line-height:28px} .main-navigation:after {display:table;content:''} .main-navigation:before {display:table;content:''} .main-navigation:after {clear:both} @media (min-width:4800px) { .main-navigation {width:auto} } .main-navigation ul {list-style:none} .main-navigation li {position:relative} .main-navigation a {display:block;padding:10px 18px;font-weight:600} .main-navigation .menu-toggle {position:absolute;top:24.5px;right:15px;width:49px;height:49px;padding:0;border:0;background-color:transparent;color:#333;font-size:20px;line-height:49px;text-align:center;z-index:9999} .main-navigation .menu-toggle-cancel {display:none} .main-navigation .menu-toggle i {margin:0} .main-navigation .menu {margin:0} .main-navigation .menu:after {display:table;content:''} .main-navigation .menu:before {display:table;content:''} .main-navigation .menu:after {clear:both} .main-navigation .menu li.focus>.children {left:0} .main-navigation .menu li.focus>.sub-menu {left:0} .main-navigation .menu li:focus>.children {left:0} .main-navigation .menu li:focus>.sub-menu {left:0} .main-navigation .menu li:hover>.children {left:0} .main-navigation .menu li:hover>.sub-menu {left:0} .main-navigation .menu>li {border-bottom:1px solid rgba(170,170,170,.2)} @media (min-width:4800px) { .main-navigation .menu>li {margin-left:2px;float:left;border-bottom:0} .main-navigation .menu>li.menu-item-has-children>a:after {margin-left:5px;font-family:icomoon;content:'\f107'} .main-navigation .menu>li.page_item_has_children>a:after {margin-left:5px;font-family:icomoon;content:'\f107'} .main-navigation .children {position:absolute;top:100%;left:-9999em;width:240px;margin-left:0;background-color:#fff;box-shadow:0 5px 10px #eaeaea;z-index:9999} .main-navigation .sub-menu {position:absolute;top:100%;left:-9999em;width:240px;margin-left:0;background-color:#fff;box-shadow:0 5px 10px #eaeaea;z-index:9999} .main-navigation .children>li.focus>.children {top:0;left:100%} .main-navigation .children>li.focus>.sub-menu {top:0;left:100%} .main-navigation .children>li:hover>.children {top:0;left:100%} .main-navigation .children>li:hover>.sub-menu {top:0;left:100%} .main-navigation .sub-menu>li.focus>.children {top:0;left:100%} .main-navigation .sub-menu>li.focus>.sub-menu {top:0;left:100%} .main-navigation .sub-menu>li:hover>.children {top:0;left:100%} .main-navigation .sub-menu>li:hover>.sub-menu {top:0;left:100%} .main-navigation .children>li:first-child {border-top:0} .main-navigation .sub-menu>li:first-child {border-top:0} .main-navigation .children>li.menu-item-has-children>a:after {margin-left:5px;float:right;font-family:icomoon;content:'\f105'} .main-navigation .children>li.page_item_has_children>a:after {margin-left:5px;float:right;font-family:icomoon;content:'\f105'} .main-navigation .sub-menu>li.menu-item-has-children>a:after {margin-left:5px;float:right;font-family:icomoon;content:'\f105'} .main-navigation .sub-menu>li.page_item_has_children>a:after {margin-left:5px;float:right;font-family:icomoon;content:'\f105'} .main-navigation .children a {padding:5px 15px} .main-navigation .sub-menu a {padding:5px 15px} } .main-navigation.toggled .menu {display:flex;flex-direction:row;flex-wrap:wrap} @media (min-width:4800px) { .site-header-layout-horizontal.site-header-main-navigation-site-branding .main-navigation .menu>li {margin-right:2px;margin-left:0} } .site-header-layout-horizontal.site-header-site-branding-main-navigation .main-navigation:not(.toggled) .menu {float:right} .site-header-layout-horizontal.site-header-site-branding-main-navigation.last-item-spread-away .main-navigation .menu {width:100%;float:left} .site-header-layout-horizontal.site-header-site-branding-main-navigation.last-item-spread-away .main-navigation .menu>li.res-button-menu {float:right} .site-header-layout-horizontal.site-header-site-branding-main-navigation.last-item-spread-away .main-navigation .menu>li.res-cart-link {float:right} .site-header-layout-horizontal.site-header-site-branding-main-navigation.last-item-spread-away .main-navigation .menu>li.res-custom-text-menu {float:right} .site-header-layout-horizontal.site-header-site-branding-main-navigation.last-item-spread-away .main-navigation .menu>li.res-search-link {float:right} .site-header-layout-horizontal.site-header-main-navigation.last-item-spread-away.site-branding-off .res-last-item {float:right} .site-mobile-header-layout-horizontal .main-navigation .menu-toggle {top:auto;bottom:28px} .sidebar-menu-overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:9998} .header-widgets {border-bottom:1px solid #eaeaea;background-color:#fff;font-size:13px} .header-widget-position-with_logo .header-widgets {background-color:transparent} .header-widgets .header-widgets-wrapper {justify-content:space-between;padding:14px} .header-widget-alignment-left .header-widgets .header-widgets-wrapper {justify-content:flex-start} .header-widget-alignment-right .header-widgets .header-widgets-wrapper {justify-content:flex-end} .header-widget-alignment-center .header-widgets .header-widgets-wrapper {justify-content:center} .header-widget-alignment-space-around .header-widgets .header-widgets-wrapper {justify-content:space-around} .header-widgets .header-widgets-wrapper>.widget {align-items:center;width:auto;margin:auto 0} .site-header-layout-horizontal.header-widget-position-with_logo .site-branding {display:flex;flex-wrap:wrap;width:-webkit-fill-available} .site-header-layout-horizontal.header-widget-position-with_logo .site-branding-wrapper {flex:auto;flex-wrap:wrap} .site-header-layout-horizontal.header-widget-position-with_logo .header-widgets {min-width:60%;margin:auto 0;border:0} .site-header-layout-horizontal.header-widget-position-with_logo.header-widget-alignment-left .site-branding {flex-direction:row-reverse} .site-header-layout-horizontal.header-widget-position-with_logo.header-widget-alignment-left .site-branding .site-branding-wrapper {text-align:right} .header-widgets .site-header-layout-horizontal.header-widget-position-with_logo .site-header .header-widgets-wrapper {flex-wrap:wrap} .site-header-layout-horizontal.header-widget-position-with_logo .site-header .header-widgets .header-widgets-wrapper {flex-wrap:wrap} .site-header-layout-horizontal.header-widget-position-with_logo .site-header .navigation {flex-wrap:wrap} .site-header-layout-horizontal.header-widget-position-with_logo .site-header .row {flex-wrap:wrap} @media screen and (min-width:4800px) { .header-widgets .site-header-layout-horizontal .site-header .header-widgets-wrapper {flex-wrap:nowrap} .site-header-layout-horizontal .site-header .header-widgets .header-widgets-wrapper {flex-wrap:nowrap} .site-header-layout-horizontal .site-header .navigation {flex-wrap:nowrap} .site-header-layout-horizontal .site-header .row {flex-wrap:nowrap} } body.mega-menu-header-menu button.menu-toggle {display:none} @media screen and (min-width:576px) { .inline-logo-site-title .site-branding-wrapper {display:inline-flex;align-items:center;vertical-align:middle} .inline-logo-site-title .site-branding-wrapper .site-title {margin-left:15px} } .main-navigation #searchform {display:none;position:absolute;top:3em;width:300px;transition:all .3s ease;box-shadow:0 3px 2px 2px #eee;z-index:9999} .main-navigation #searchform .res-search-wrapper {display:block} .main-navigation #searchform .res-search-wrapper .res-search-icon.icon-search {position:absolute;top:10px;right:0;font-size:16px} .main-navigation #searchform .res-search-wrapper .search-submit {display:none} .main-navigation #searchform .res-search-wrapper input[type=search]:focus+.res-search-icon.icon-search {display:none} .main-navigation #searchform .res-search-wrapper input[type=search]:hover+.res-search-icon.icon-search {display:none} .full-screen .main-navigation .main-navigation-wrapper .full-screen-search-wrapper {top:0;left:0;width:100%;height:100%;transition:opacity .2s;background:rgba(255,255,255,.95);z-index:999} .full-screen .main-navigation .main-navigation-wrapper .full-screen-search-wrapper #search-close {position:absolute;top:1.5em;right:1em;color:#000;font-family:icomoon!important;font-size:2em;font-style:normal;font-variant:normal;font-weight:400;font-weight:400;line-height:1;line-height:1;text-transform:none;cursor:pointer;z-index:9;backface-visibility:hidden;-webkit-font-smoothing:antialiased} .full-screen .main-navigation .main-navigation-wrapper .full-screen-search-wrapper #search-close:before {content:"\f00d"} .full-screen .main-navigation .main-navigation-wrapper .full-screen-search-wrapper .full-screen-search-container {position:absolute;top:35%;left:73%;width:100%;transform:translate(-50%,-50%)} .full-screen .main-navigation .main-navigation-wrapper .full-screen-search-wrapper .full-screen-search-container #searchform {width:50%;margin:20px auto;box-shadow:none} .full-screen .main-navigation .main-navigation-wrapper .full-screen-search-wrapper .full-screen-search-container #searchform .res-search-wrapper {display:block;height:auto;padding:6px 15px;border:0;border-bottom:1px solid #ddd;background:0 0;color:#000;font-weight:900} .full-screen .main-navigation .main-navigation-wrapper .full-screen-search-wrapper .full-screen-search-container #searchform .res-search-wrapper input[type=search] {background:0 0} .full-screen .main-navigation .main-navigation-wrapper .full-screen-search-wrapper .full-screen-search-container #searchform .res-search-wrapper input[type=search]:focus+.res-search-icon.icon-search {display:none} .full-screen .main-navigation .main-navigation-wrapper .full-screen-search-wrapper .full-screen-search-container #searchform .res-search-wrapper input[type=search]:hover+.res-search-icon.icon-search {display:none} .full-screen .main-navigation .main-navigation-wrapper .full-screen-search-wrapper .full-screen-search-container #searchform .res-search-icon.icon-search {position:absolute;top:10px;right:15px;font-size:24px} .site-header .custom-logo-link.sticky-custom-logo {display:none} .site-header.sticky-header.sticky-logo .custom-logo-link {display:none} .site-header.sticky-header .custom-logo-link.sticky-custom-logo {display:inline-block} .custom-logo-link {display:none} .mobile-custom-logo {display:inline-block} .main-navigation .menu .menu-item-has-children.focus>ul.sub-menu {display:block} .main-navigation .menu li.focus>.children {display:block} .main-navigation .menu li.focus>.sub-menu {display:block} .main-navigation .menu .page_item_has_children.focus>ul.children {display:block} .main-navigation .menu .page_item_has_children:focus>ul.children {display:block} .main-navigation .menu li.focus>.children {display:block} .main-navigation .menu li:focus>.children {display:block} @media screen and (min-width:768px) { .main-navigation .menu.nav-menu>.page_item_has_children>a>.res-iconify.no-menu {top:4px} } .header-widgets #main-blog.header-widgets-wrapper {align-items:stretch} .header-widgets #main-blog.header-widgets-wrapper .entry-column {margin-top:30px;margin-bottom:30px;margin-top:0} .header-widgets #main-blog.header-widgets-wrapper .entry-column:first-child {margin-top:0} .header-widgets #main-blog.header-widgets-wrapper .entry-column:last-child {margin-bottom:0} .header-widgets .responsive-site-style-content-boxed #main-blog.header-widgets-wrapper .entry-column {margin-bottom:0} .responsive-site-style-content-boxed .header-widgets #main-blog.header-widgets-wrapper .entry-column {margin-bottom:0} .header-widgets #main-blog.header-widgets-wrapper {align-items:stretch} .header-widgets #main-blog.header-widgets-wrapper .entry-column {margin-top:30px;margin-bottom:30px;margin-top:0} .header-widgets #main-blog.header-widgets-wrapper .entry-column:first-child {margin-top:0} .header-widgets #main-blog.header-widgets-wrapper .entry-column:last-child {margin-bottom:0} .header-widgets .responsive-site-style-content-boxed #main-blog.header-widgets-wrapper .entry-column {margin-bottom:0} .responsive-site-style-content-boxed .header-widgets #main-blog.header-widgets-wrapper .entry-column {margin-bottom:0} .archive.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .blog.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .header-widgets .archive.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .header-widgets .blog.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .header-widgets .search.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .search.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .archive.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .blog.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .archive.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .blog.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .search.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .search.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .archive.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:3;column-gap:0} .blog.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:3;column-gap:0} .header-widgets .archive.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper {display:block;columns:3;column-gap:0} .header-widgets .blog.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper {display:block;columns:3;column-gap:0} .header-widgets .search.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper {display:block;columns:3;column-gap:0} .search.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:3;column-gap:0} .archive.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .blog.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .archive.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .blog.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .search.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .search.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .archive.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:4;column-gap:0} .blog.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:4;column-gap:0} .header-widgets .archive.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper {display:block;columns:4;column-gap:0} .header-widgets .blog.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper {display:block;columns:4;column-gap:0} .header-widgets .search.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper {display:block;columns:4;column-gap:0} .search.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:4;column-gap:0} .archive.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .blog.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .archive.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .blog.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .search.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .search.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} @media screen and (max-width:992px) { .archive.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .archive.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .blog.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .blog.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .header-widgets .archive.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .header-widgets .archive.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .header-widgets .blog.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .header-widgets .blog.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .header-widgets .search.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .header-widgets .search.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .search.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .search.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:2;column-gap:0} .archive.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .archive.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .blog.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .blog.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .archive.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .archive.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .blog.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .blog.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .search.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .search.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .search.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .search.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} } @media screen and (max-width:576px) { .archive.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .archive.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .archive.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .blog.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .blog.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .blog.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .header-widgets .archive.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .header-widgets .archive.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .header-widgets .archive.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .header-widgets .blog.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .header-widgets .blog.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .header-widgets .blog.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .header-widgets .search.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .header-widgets .search.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .header-widgets .search.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .search.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .search.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .search.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper {display:block;columns:1;column-gap:0} .archive.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .archive.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .archive.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .blog.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .blog.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .blog.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .archive.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .archive.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .archive.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .blog.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .blog.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .blog.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .search.blog-entry-columns-2-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .search.blog-entry-columns-3-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .header-widgets .search.blog-entry-columns-4-masonry #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .search.blog-entry-columns-2-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .search.blog-entry-columns-3-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} .search.blog-entry-columns-4-masonry .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%;float:left;page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid} } .header-widgets .search.search-no-results.blog-entry-columns-4 #main-blog.header-widgets-wrapper .entry-column {width:100%} .search.search-no-results.blog-entry-columns-4 .header-widgets #main-blog.header-widgets-wrapper .entry-column {width:100%} .footer-widgets .footer-widget:not(.home-widgets) .widget-wrapper {font-size:13px} .footer-widgets .footer-widget .widget-wrapper .widget-title {display:block;margin:0 0 18.6666666667px;letter-spacing:1px;line-height:1;text-transform:uppercase} .footer-widgets .footer-widget .widget-wrapper ul {margin:0;padding:0;list-style:none} .footer-widgets .footer-widget .widget-wrapper ul li {padding:7px 0;border-top:1px dotted rgba(170,170,170,.2)} .footer-widgets .footer-widget .widget-wrapper ul li:last-child {border-top:1px dotted rgba(170,170,170,.2)} .footer-widgets .footer-widget .widget-wrapper .custom-html-widget ul li {margin:0;padding:0;border:0} .site-footer {background-color:#333;color:#fff;font-size:13px} .site-footer h1 {color:#fff} .site-footer h2 {color:#fff} .site-footer .site-title {color:#fff} .site-footer h3 {color:#fff} .site-footer h4 {color:#fff} .site-footer h5 {color:#fff} .site-footer h6 {color:#fff} .site-footer a {color:#eaeaea} .site-footer a:focus {color:#fff} .site-footer a:hover {color:#fff} .footer-full-width .site-footer .container {max-width:none} .footer-full-width .site-footer [class*="__inner-container"] {max-width:none} .footer-widgets {display:block;padding:60px 0} .footer-widgets .header-widgets .header-widgets-wrapper {justify-content:space-between} .footer-widgets .navigation {justify-content:space-between} .footer-widgets .row {justify-content:space-between} .header-widgets .footer-widgets .header-widgets-wrapper {justify-content:space-between} .footer-widgets .widget-wrapper ul {margin:0;padding:0;list-style:none} .footer-widgets .widget-wrapper ul li {padding:7px 0;border-top:1px dotted rgba(170,170,170,.2)} .footer-bar {padding:60px 0} .footer-bar-layout-horizontal .footer-bar .header-widgets .header-widgets-wrapper {justify-content:space-between} .footer-bar-layout-horizontal .footer-bar .navigation {justify-content:space-between} .footer-bar-layout-horizontal .footer-bar .row {justify-content:space-between} .header-widgets .footer-bar-layout-horizontal .footer-bar .header-widgets-wrapper {justify-content:space-between} .footer-bar-layout-vertical .footer-bar .header-widgets .header-widgets-wrapper {flex-direction:column} .footer-bar-layout-vertical .footer-bar .navigation {flex-direction:column} .footer-bar-layout-vertical .footer-bar .row {flex-direction:column} .header-widgets .footer-bar-layout-vertical .footer-bar .header-widgets-wrapper {flex-direction:column} .footer-bar [class*=icon-] {font-size:26px} .copyright {padding-top:15px;padding-bottom:15px} .footer-navigation {padding-top:15px;padding-bottom:15px} @media (min-width:768px) { .footer-bar-layout-horizontal .colophon-widgets {width:auto;margin:auto 0} .footer-bar-layout-horizontal .copyright {width:auto;margin:auto 0} .footer-bar-layout-horizontal .footer-navigation {width:auto;margin:auto 0} .footer-bar-layout-horizontal .social-icon {width:auto;margin:auto 0} } .footer-bar-layout-vertical .colophon-widgets {text-align:center} .footer-bar-layout-vertical .copyright {text-align:center} .footer-bar-layout-vertical .footer-navigation {text-align:center} .footer-bar-layout-vertical .social-icon {text-align:center} .footer-bar-layout-vertical .footer-navigation {text-align:center} .footer-bar-layout-vertical .social-icon {text-align:center} .footer-navigation ul {margin:0;list-style:none} .footer-navigation ul>li {display:inline;margin-right:15px;border-bottom:1px solid rgba(170,170,170,.2);border-bottom:0} /* ---- 4.7.4 カスタマイザー設定のインライン CSS ---- */ .container {max-width:1140px} .main-navigation .menu .res-button-menu .res-custom-button {background-color:#3d3d3d;border:0px solid #10659C;border-radius:0px;color:#ffffff;padding:10px} @media screen and ( max-width:992px ) { .main-navigation .menu .res-button-menu .res-custom-button {padding:10px} } @media screen and ( max-width:576px ) { .main-navigation .menu .res-button-menu .res-custom-button {padding:10px} } .main-navigation .menu .res-button-menu .res-custom-button:hover {color:#ffffff !important;background-color:#606060 !important} .main-navigation .menu .res-button-menu .res-custom-button:hover {color:#ffffff;border:0px solid #0066CC;background-color:#606060} body:not(.res-transparent-header) .site-header {padding-top:0px;padding-bottom:0px} body.res-transparent-header .site-header {padding-top:0px;padding-bototm:0px} @media (min-width:767px) { .main-navigation .menu-toggle {display:none} .site-branding {width:auto} .main-navigation .menu {display:block} .main-navigation .menu > li {border-bottom:none;float:left;margin-left:2px} .main-navigation .children {background-color:#ffffff;box-shadow:0 0px 2px #cccccc;left:-9999em;margin-left:0;top:100%;position:absolute;width:240px;z-index:9999} .main-navigation .sub-menu {background-color:#ffffff;box-shadow:0 0px 2px #cccccc;left:-9999em;margin-left:0;top:100%;position:absolute;width:240px;z-index:9999} .main-navigation .children > li.focus > .children {left:100%;top:0} .main-navigation .children > li.focus > .sub-menu {left:100%;top:0} .main-navigation .children > li:hover > .children {left:100%;top:0} .main-navigation .children > li:hover > .sub-menu {left:100%;top:0} .main-navigation .sub-menu > li.focus > .children {left:100%;top:0} .main-navigation .sub-menu > li.focus > .sub-menu {left:100%;top:0} .main-navigation .sub-menu > li:hover > .children {left:100%;top:0} .main-navigation .sub-menu > li:hover > .sub-menu {left:100%;top:0} .main-navigation .children > li:first-child {border-top:none} .main-navigation .sub-menu > li:first-child {border-top:none} .main-navigation .children a {padding:15px 15px} .main-navigation .sub-menu a {padding:15px 15px} .site-header-layout-horizontal.site-header-main-navigation-site-branding .main-navigation .menu > li {margin-left:0;margin-right:2px} .site-header-layout-horizontal .site-header .row {flex-wrap:nowrap} .site-header-layout-horizontal.header-widget-position-with_logo .site-branding {padding-right:75px} .main-navigation .menu .sub-menu .res-iconify svg {transform:translate(0,-50%) rotate(270deg)} } @media screen and ( max-width:767px ) { .site-mobile-header-layout-horizontal.site-header-main-navigation-site-branding .main-navigation .menu-toggle {bottom:28px} .site-mobile-header-layout-horizontal.site-header-site-branding-main-navigation .main-navigation .menu-toggle {top:28px} .site-mobile-header-layout-horizontal.header-widget-position-with_logo .site-branding {padding-right:75px} .main-navigation .children {display:none} .main-navigation .sub-menu {display:none} .main-navigation .res-iconify.no-menu {top:16.3px} } @media screen and ( max-width:576px ) { .site-mobile-header-layout-horizontal.site-header-main-navigation-site-branding .main-navigation .menu-toggle {bottom:28px} .site-mobile-header-layout-horizontal.site-header-site-branding-main-navigation .main-navigation .menu-toggle {top:28px} .site-mobile-header-layout-horizontal.header-widget-position-with_logo .site-branding {padding-right:15px} } .site-title a {color:#333333} .site-title a:hover {color:#10659C} .site-description {color:#999999} .site-header {border-bottom-color:#eaeaea;background-color:#ffffff} .main-navigation.toggled {background-color:#ffffff} .main-navigation .menu > li > a {color:#333333} .main-navigation .res-iconify svg {stroke:#333333} .main-navigation .menu > li.current_page_item > a {color:;background-color:#ffffff} .main-navigation .menu > li.current-menu-item > a {color:;background-color:#ffffff} .main-navigation .menu > li.current-menu-item > .res-iconify {color:} .main-navigation .menu > li.current-menu-item > a > .res-iconify svg {stroke:} .main-navigation .menu li > a:hover {color:#10659C;background-color:#ffffff} .main-navigation .menu li:hover .res-iconify svg:hover {stroke:#10659C} .main-navigation .menu > li:hover > a:not(.sub-menu) > .res-iconify svg {stroke:#10659C} .main-navigation .children {background-color:#ffffff} .main-navigation .sub-menu {background-color:#ffffff} .main-navigation .children li a {color:#333333} .main-navigation .sub-menu li a {color:#333333} .main-navigation .sub-menu li .res-iconify svg {stroke:#333333} .main-navigation .menu .sub-menu .current_page_item > a {color:;background-color:#ffffff} .main-navigation .menu .sub-menu .current-menu-item > a {color:;background-color:#ffffff} .main-navigation .menu .children li.current_page_item a {color:;background-color:#ffffff} .main-navigation .menu .children li.current_page_item .res-iconify svg {stroke:} .main-navigation .children li a:hover {color:#10659C;background-color:#ffffff} .main-navigation .sub-menu li a:hover {color:#10659C;background-color:#ffffff} .main-navigation .menu .sub-menu .current_page_item > a:hover {color:#10659C;background-color:#ffffff} .main-navigation .menu .sub-menu .current-menu-item > a:hover {color:#10659C;background-color:#ffffff} .main-navigation .menu .sub-menu li:hover > .res-iconify svg {stroke:#10659C} .main-navigation .menu .sub-menu li:hover > a > .res-iconify svg {stroke:#10659C} .main-navigation .menu-toggle {background-color:transparent;color:#333333} .site-header {border-bottom-width:0px;border-bottom-style:solid} .main-navigation .children {border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:;border-style:solid} .main-navigation .sub-menu {border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:;border-style:solid} @media screen and ( max-width:992px ) { .main-navigation .children {border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:;border-style:solid} .main-navigation .sub-menu {border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:;border-style:solid} } @media screen and ( max-width:576px ) { .main-navigation .children {border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:;border-style:solid} .main-navigation .sub-menu {border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:;border-style:solid} } .site-branding-wrapper {padding:28px 0px 28px 0px} @media screen and ( max-width:992px ) { .site-branding-wrapper {padding:28px 0px 28px 0px} } @media screen and ( max-width:576px ) { .site-branding-wrapper {padding:28px 0px 28px 0px} } @media (max-width:767px) { .main-navigation.toggled .menu {flex-direction:column} } .main-navigation .menu-toggle {width:49px} .hamburger-menu-label {font-size:20px} @media (max-width:767px) { .main-navigation.toggled .menu-toggle {background-color:transparent;border:none;border-radius:0px} .main-navigation .menu-toggle {background-color:transparent;border:none;border-radius:0px} } .custom-logo-link {display:block} .header-widgets {background-color:#ffffff;color:#333333;border-color:#eaeaea} .header-widgets h1 {color:#333333} .header-widgets h2 {color:#333333} .header-widgets h3 {color:#333333} .header-widgets h4 {color:#333333} .header-widgets h5 {color:#333333} .header-widgets h6 {color:#333333} .header-widgets .widget-title h4 {color:#333333} .header-widgets a {color:#0066CC} .header-widgets a:focus {color:#10659C} .header-widgets a:hover {color:#10659C} .footer-widgets {display:block;padding:20px 0px 20px 0px} @media screen and ( max-width:992px ) { .footer-widgets {display:block;padding:20px 0px 20px 0px} } @media screen and ( max-width:576px ) { .footer-widgets {display:block;padding:20px 0px 20px 0px} } .footer-bar {padding:20px 0px 20px 0px} @media screen and ( max-width:992px ) { .footer-bar {padding:20px 0px 20px 0px} } @media screen and ( max-width:576px ) { .footer-bar {padding:20px 0px 20px 0px} } .site-footer {color:#ffffff;background-color:#333333} .site-footer h1 {color:#ffffff} .site-footer h2 {color:#ffffff} .site-footer h3 {color:#ffffff} .site-footer h4 {color:#ffffff} .site-footer h5 {color:#ffffff} .site-footer h6 {color:#ffffff} .site-footer a {color:#eaeaea} .site-footer a:focus {color:#ffffff} .site-footer a:hover {color:#ffffff} .footer-bar {border-color:#aaaaaa;border-top-width:1px;border-top-style:solid} .footer-layouts.copyright {display:block} @media screen and ( max-width:992px ) { .footer-layouts.copyright {display:block} } @media screen and ( max-width:576px ) { .footer-layouts.copyright {display:block} } @media (min-width:769px) { #scroll {content:"769"} } #scroll {position:fixed;right:2%;bottom:10px;cursor:pointer;width:50px;height:50px;background-color:#a8a6a6;text-indent:-9999px;z-index:99999999;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px} #scroll span {position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:8px solid transparent;border-bottom-color:#fff} #scroll:hover {background-color:#d1cfcf} #scroll {border-radius:%} .site-title {font-size:20px;line-height:1;} .site-description {font-size:13px;line-height:1.25;} .header-widgets {font-size:13px;} .main-navigation a {font-weight:600;font-size:16px;line-height:1.75;} .site-footer {font-size:13px;line-height:1.75;} /* ---- 6.x で追加された指定を打ち消す ---- */ /* メニューのフォント指定（4.7.4 では指定がなく、本文のフォントを継承していた） */ .main-navigation a {font-family:inherit} /* 6.x の「.page:not(.front-page) .container」（固定ページのトップでも効く）より優先して、子テーマのヘッダー全幅指定を効かせる */ #masthead .container:not(#id_top_header) {max-width:100%} /* 6.x のフッター用の色・文字サイズ（フッタービルダーの既定値: 文字 #333 / リンク #0066CC）を 4.7.4 の値に戻す */ :root {--responsive-global-footer-text-color:#ffffff;--responsive-global-footer-links-color:#eaeaea;--responsive-global-footer-links-hover-color:#ffffff} .footer-navigation #footer-menu .current-menu-item > a, .footer-navigation #footer-menu .current_page_item > a {color:#eaeaea} .footer-navigation #footer-menu a:hover, .footer-navigation #footer-menu a:focus {color:#ffffff} .footer-layouts.copyright {font-size:inherit} /* 6.x で追加されたスマホのメニューボタンの位置調整（margin-top:-14px）を打ち消す */ @media screen and (max-width:767px) { .site-mobile-header-layout-horizontal.site-header-site-branding-main-navigation .main-navigation .menu-toggle {margin-top:0} } /* 6.x で固定ページの見出しを囲むようになった .entry-header（flex・左揃え）で見出しの枠が縮まないようにする（4.7.4 と同じく全幅） */ .page .entry-header {align-items:stretch} /* ---- 4.7.4 の投稿者・日付・カテゴリー（.post-meta）の見た目（子テーマの partials/entry/meta.php・partials/single/meta.php 用） ---- */ /* 6.x は「.single-post .entry-header *」などの強い指定で色・サイズを変えるため、#wrapper 付きで 4.7.4 の値を指定する */ #wrapper .hentry .post-meta {margin-top:14px;margin-bottom:14px;color:#999999;font-size:13px} #wrapper .hentry .post-meta * {color:#999999;text-transform:uppercase;font-size:12px;line-height:1.75} #wrapper .hentry .post-meta a:hover, #wrapper .hentry .post-meta a:focus {color:#0066cc} #wrapper .hentry .post-meta [class^="icon-"], #wrapper .hentry .post-meta [class*=" icon-"] {line-height:1;text-transform:none} #wrapper .hentry .post-meta > span::after {margin:0 6px;content:'-'} #wrapper .hentry .post-meta > span:last-child::after {content:none} /* ---- 文字色・見出し（6.x はカラーパレット #404040 や見出しの太さ 600 などを新しく出力するため、4.7.4 の値に戻す） ---- */ :root {--responsive-global-palette2:#333333;--responsive-global-palette3:#333333;--responsive-global-headings-color:#333333} h1, h2, h3, h4, h5, h6 {color:#333333;font-weight:700;text-transform:inherit;line-height:1.25} h1 {font-size:33px} h2 {font-size:26px} h3 {font-size:20px} h4 {font-size:16px} h5 {font-size:13px} h6 {font-size:13px} /* ---- サイドバー（ブログ・投稿・アーカイブ） ---- */ /* 本文とサイドバーの幅は 4.7.4 と同じ 66% / 34%（6.x は 70% / 30%） */ @media (min-width:992px) { body.sidebar-position-right #wrapper #primary.content-area {width:66%} body.sidebar-position-right #wrapper aside#secondary.widget-area {width:34%} } #secondary.widget-area {padding:0 15px} #wrapper #secondary.widget-area .widget-wrapper {margin-top:30px;margin-bottom:30px} #wrapper #secondary.widget-area .widget-wrapper:first-child {margin-top:0} #wrapper #secondary.widget-area .widget-wrapper:last-child {margin-bottom:0} /* 子テーマ style.css の「リンクに下線」が 6.x の指定に負けるため */ #secondary .widget-wrapper a {text-decoration-line:underline} /* ---- 本文エリア・記事一覧（6.x で余白の付け方や大きさが変わったため、4.7.4 の値に戻す） ---- */ /* 上下の余白は 4.7.4 と同じく #wrapper 側に付ける（6.x は本文 #primary だけに付けるため、サイドバーの開始位置がずれる） */ #wrapper.site-content {padding-top:28px;padding-bottom:28px} #wrapper #primary.content-area {padding:0 15px} #wrapper #main-blog .entry-column {margin-bottom:30px;padding-left:15px;padding-right:15px} #wrapper #main-blog .entry-column:last-child {margin-bottom:0} /* 一覧の記事タイトル（投稿ページの h1 には効かせない） */ #wrapper .hentry h2.entry-title {font-size:26px;margin-bottom:14px} #wrapper .hentry h2.entry-title a {color:#3d3d3d} #wrapper .hentry .post-entry > .thumbnail {margin-bottom:14px} #wrapper .hentry .post-entry > .entry-content {margin-top:0} /* 列の枠の左右（6.x は -12px） */ .row {margin-right:-15px;margin-left:-15px} /* 6.x の theme.json により、ボタンの文字が親要素の text-transform を引き継ぐようになったため */ .wp-block-button__link {text-transform:none} /* 4.7.4 ではグループブロックの中に入れ子（__inner-container、左右 15px）があった。6.x では入れ子がないので、同じ余白をグループに付ける */ .wp-block-group {padding-left:15px;padding-right:15px} /* 子テーマ style.css で入れ子の余白を 0 にしていた箇所（予約メニュー） */ .reserve-menu-list .wp-block-group.category-info {padding-left:0;padding-right:0} /* お問い合わせの営業時間・定休日：4.7.4 は入れ子の div で「【営業時間】」（子テーマの :before）と時間が 2 行に分かれていた */ .page-id-74 .entry-content .contact-summary::before {display:block} /* 4.7.4 は固定ページの見出しの下に空の .thumbnail（上下 margin 14px）があり、見出しの下余白が 14px 未満のページでは 14px 空いていた（お問い合わせ・スタイル） */ .page-id-74 #wrapper h1.entry-title, .page-id-66 #wrapper h1.entry-title {margin-bottom:14px !important} /* フォームの入力欄の文字サイズ（6.x は 18px） */ button, input, select, textarea {font-size:16px} /* カテゴリー・検索結果などの一覧ページの見出し（6.x は 32px / 600） */ #wrapper .site-content-header .page-title, #wrapper .site-content-header .page-title * {font-size:33px;font-weight:700;line-height:1.75} /* 6.x は見出し部分を flex（中央寄せ）にして枠が縮むため、4.7.4 と同じ通常の表示に戻す（中央揃えは text-align のまま） */ #wrapper .site-content-header {display:block;margin-bottom:30px} /* 送信ボタンなど（4.7.4 は親テーマの CSS で太字・大文字。子テーマの font-weight:normal より後に読み込まれていた） */ button, input[type="button"], input[type="submit"] {font-weight:700;text-transform:uppercase}