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

 .slick-loading .slick-list {
background: #fff url(https://buchi-gadget.com/wp-content/themes/cocoon-master/plugins/slick/ajax-loader.gif) center center no-repeat; } @font-face {
font-family: "slick";
src: url(https://buchi-gadget.com/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.eot);
src: url(https://buchi-gadget.com/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://buchi-gadget.com/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.woff) format("woff"), url(https://buchi-gadget.com/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.ttf) format("truetype"), url(https://buchi-gadget.com/wp-content/themes/cocoon-master/plugins/slick/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal; } .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
font-family: FontAwesome;
content: "\f053"; }
[dir="rtl"] .slick-prev:before {
font-family: FontAwesome;
content: "\f054"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
font-family: FontAwesome;
content: "\f054"; }
[dir="rtl"] .slick-next:before {
font-family: FontAwesome;
content: "\f053"; } .slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }
   :root {
--white: #fff;
--white_half: rgba(255, 255, 255, .5);
--white_erase: rgba(255, 255, 255, .0);
--white_A90: rgba(255, 255, 255, .9); --LtGray_T0: #A5A4A3;
--LtGray_T30: #C0BFBF;
--LtGray_T50: #D2D2D1;
--LtGray_T70: #E4E4E3;
--LtGray_T90: #F6F6F6; --LtGray_T70_A50: rgba(228, 228, 227, .5); --LtGray_S30: #737372;
--LtGray_S50: #535252;
--LtGray_S70: #313131;
--LtGray_S90: #101010; --LtBlue_T0: #AAC2D2;
--LtBlue_T30: #C4D4E0;
--LtBlue_T50: #D5E1E9;
--LtBlue_T70: #E6EDF2;
--LtBlue_T90: #F7F9FB;   --LtBlue_S30: #778893;
--LtBlue_S50: #556169;  --Blk_Pink_T0: #debfc2;
--Blk_Pink_T50: #efdfe1;
--Blk_Pink_T90: #fcf9f9;
--Blk_Pink_S50: #6f6061;
--Blk_Red_T0: #d95959;
--Blk_Red_T50: #ecacac;
--Blk_Yellow_T0: #dedbbf;
--Blk_Yellow_T50: #efeddf;
--Blk_Yellow_T90: #fcfbf9;
--Blk_Yellow_S50: #6f6e60;
--Blk_Beige_T0: #e1d1c6;
--Blk_Beige_T50: #f0e8e3;
--Blk_Beige_T70: #f6f1ee;
--Blk_Beige_S50: #716963;
--Blk_Green_T0: #cddab9;
--Blk_Green_T50: #e6eddc;
--Blk_Green_T90: #fafbf8;
--Blk_Green_S30: #909982;
--Blk_Green_S50: #676d5d;
--box-shadow: .4rem .4rem 1rem rgba(0, 0, 0, .05), -.4rem -.4rem 1rem #ffffff;
--box-shadow2: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #ffffff;                  --skin-grayish-cat-txt: var(--white);   --cocoon-text-color: var(--skin-grayish-site-name-txt);
--cocoon-black-color: var(--skin-grayish-site-name-txt);
--cocoon-basic-border-radius: 0px; --cocoon-basic-border-color: var(--LtGray_T30);
--cocoon-three-d-border-colors: var(--skin-grayish-site-main-hover);
--cocoon-thin-color: var(--skin-grayish-site-main-thin);
--cocoon-x-pallid-text-color: var(--skin-grayish-a-wrap-txt); --cocoon-badge-border-radius: 0; --skin-grayish-default-font: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;    --topHeaderNavisize: 56px; --topHeaderNaviBgColor: var(--LtGray_T70_A50); --ohterHeaderLogosize: 56px; --ohterHeaderBgColor: var(--LtGray_T70_A50); --mobileHeaderBgColor: var(--white_half); --mobileTopHeaderBgColor: var(--white_half); --mobileFooterBgColor: var(--white_half); --safeareainsetleft: env(safe-area-inset-left); --listColumns_Category_displayOn: none;
--listColumns_Category_23cols: 0rem;  --mobileHeaderMenuBtn_width: 70px; --mobileHeaderMenuOtherBtn_width: 70px;
}  *, :after, :before {
min-inline-size: 0
}
html {
scroll-behavior: smooth;
scroll-padding-top: 100px;
}
.body {
letter-spacing: .16rem;
font-feature-settings: 'palt';
}
.skin-grayish {
overflow-x: hidden;
}
.skin-grayish .container { overflow-x: clip;
} img {
-o-object-fit: cover;
object-fit: cover;
vertical-align: bottom;
} a,
.a-wrap {
color: var(--skin-grayish-a-wrap-txt);
} .a-wrap:not(.recent-comment-link, .rss-entry-card-link) figure img,
.fb-like-box img {
aspect-ratio: 16 / 9;
}
.skin-grayish .admin-panel a,
.skin-grayish .admin-panel .a-wrap {
color: var(--cocoon-white-color);
} .a-wrap:hover {
color: var(--skin-grayish-site-main-hover);
background-color: var(--skin-grayish-site-main-thin);
} a:hover {
color: var(--skin-grayish-site-main-hover);
} .skin-grayish .search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
color: var(--skin-grayish-a-wrap-txt);
}
.skin-grayish #navi-in .search-menu-button .search-edit,
.skin-grayish .mobile-menu-buttons .navi-menu-content .menu-drawer>.search-menu-button .search-edit {
font-family: var(--cocoon-default-font);
}
.skin-grayish .mobile-menu-buttons .navi-menu-content .menu-drawer>.search-menu-button .search-edit {
font-size: 16px;
}  .skin-grayish .navi {
background-color: transparent;
height: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
} .skin-grayish.front-top-page.admin-bar .navi {
top: var(--wp-admin--admin-bar--height);
}
#skin-demo .skin-grayish.front-top-page.admin-bar .navi {
top: 0;
}
.skin-grayish #navi-in {
background-color: var(--topHeaderNaviBgColor);
width: 100%;
}  .skin-grayish.front-top-page .navi-in>ul { align-items: stretch;  height: 100%;
-moz-column-gap: 8px;
column-gap: 8px;
padding: 0px min(1.43vw, 80px);
}
.skin-grayish:not(.front-top-page) .navi-in>ul { align-items: stretch;  -moz-column-gap: 8px;
column-gap: 8px;
}
.skin-grayish .navi-in>ul li {
width: -moz-fit-content;
width: fit-content;
height: auto;
padding: 16px min(0.78vw, 16px);
}
.skin-grayish.front-top-page .navi-in>ul>li {
display: flex;
flex-direction: column;
justify-content: center;  height: var(--topHeaderNavisize);
padding-top: 8px;
padding-bottom: 8px;
line-height: 40px;
}
.skin-grayish:not(.front-top-page) .navi-in>ul>li {
display: flex;
flex-direction: column;
justify-content: center;  padding-top: 8px;
padding-bottom: 8px;
line-height: 40px;
} .skin-grayish .navi-in>ul>li>a>.caption-wrap {
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
position: relative;
}
.skin-grayish .navi-in>ul>li.search-menu-button.menu-button {
font-size: 16px;
} .skin-grayish .sub-caption {
font-size: 0.65em;
opacity: 0.5;
} .skin-grayish .sub-menu .sub-caption {
display: none;
}
.skin-grayish :where(.navi-in, .navi-footer-in) a {
color: var(--skin-grayish-site-name-txt);
font-size: clamp(14px, 1.37vw, 16px);
min-height: 0vw;
}
.skin-grayish .navi-footer-in>.menu-footer {
justify-content: center;
gap: 0.5em 1.6em;
}
.skin-grayish .navi-footer-in>.menu-footer li {
border-left: none;
}
.skin-grayish .navi-footer-in>.menu-footer li:last-child {
border-right: none;
}
.skin-grayish .copyright {
font-size: clamp(12px, 1.17vw, 14px);
min-height: 0vw;
margin-top: 24px;
opacity: 0.7;
}
.skin-grayish .navi-in .has-icon {
display: none;
} .skin-grayish .navi-in>ul .sub-menu {
min-width: 176px;
} .skin-grayish .navi-in>ul>li>.sub-menu {
display: block;
background-color: var(--LtGray_T90); width: 176px;
left: 0;
right: 0;
top: 100%;
opacity: 0;
visibility: hidden;
transition: opacity .5s, visibility .5s ease-in-out;
} .skin-grayish .navi-in>ul>li>.sub-menu>li>a>.caption-wrap {
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
max-width: 160px;
position: relative;
} .skin-grayish .navi-in[data-active=false]>ul>li:hover>.sub-menu { opacity: 1;
visibility: visible;
}
.skin-grayish .navi-in>ul .sub-menu li {
width: 100%;
padding: 0px;
}
.skin-grayish .navi-in>ul .sub-menu a {
font-size: clamp(12px, 1.17vw, 14px);
min-height: 0vw;
padding: 8px;
width: 100%;
} .skin-grayish .navi-in>ul li .sub-menu ul {
display: block;
background-color: var(--skin-grayish-site-main-thin);
width: 100%;
left: 0;
right: 0;
top: auto;
} .skin-grayish .navi-in>ul li .sub-menu ul li {
width: 100%;
line-height: 2;
padding: 0 8px;
} .skin-grayish .navi-in>ul li .sub-menu ul .sub-menu {
display: none;
}
.skin-grayish .footer-bottom.fnm-text-width .menu-footer li a {
padding: 0;
}
.skin-grayish .navi-footer-in a {
width: -moz-fit-content;
width: fit-content;
position: relative;
}
.skin-grayish .navi-in>ul li>a>.caption-wrap::before,
.skin-grayish .navi-footer-in a::before {
display: block;
content: "";
background: var(--skin-grayish-site-main-hover);
width: 100%;
height: 1px;
position: absolute;
bottom: 3px;
left: 0;
transform: scaleX(0);
transform-origin: left;
transition: transform .3s ease-in-out;
}
.skin-grayish .navi-in>ul>li>.sub-menu>li>.sub-menu a {
padding: 8px 4px;
}
.skin-grayish .navi-in>ul li .sub-menu ul .caption-wrap {
font-size: 0.8em;
width: -moz-fit-content;
width: fit-content;
max-width: 152px;
position: relative;
}
.skin-grayish .navi-in>ul li .sub-menu ul .caption-wrap::before {
bottom: 0px;
}
.skin-grayish :where(.navi-in, .navi-footer-in) a:hover {
background-color: transparent;
color: var(--skin-grayish-site-main-hover);
}
.skin-grayish .navi-in a:hover>.caption-wrap::before,
.skin-grayish .navi-footer-in a:hover::before {
transform: scaleX(1);
} .skin-grayish .navi-in>ul>li>ul>li>ul>.menu-item-has-description>a>.caption-wrap {
display: block;
height: auto;
line-height: 2;
} .skin-grayish .navi-in .search-menu-icon {
display: inline-block;
scale: 1.0;
transition: scale .3s ease-in-out;
}
.skin-grayish .navi-in .search-menu-icon span::before {
color: var(--skin-grayish-site-sub-color);
}
.skin-grayish .navi-in .search-menu-icon:hover {
scale: 1.3;
}
.skin-grayish .navi-in .gnavi-search-menu-content .search-box {
width: min(39vw, 480px); margin: 0;
} .skin-grayish .navi-in>ul li.header-snsicon-submenu {
width: auto !important;
padding: 8px 0px 8px min(0.78vw, 16px) !important;
}
.skin-grayish .navi-in>ul li.header-snsicon-submenu>a {
display: none;
}
.skin-grayish .navi-in>ul li.header-snsicon-submenu>ul {
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
background-color: transparent !important;
min-width: 0 !important;
width: auto;
opacity: 1 !important;
visibility: visible !important;
position: relative;
top: 0 !important;
gap: min(1.56vw, 18px);
z-index: 1;
}
.skin-grayish .navi-in>ul li.header-snsicon-submenu>ul>li {
width: 100% !important;
}
.skin-grayish .navi-in>ul li.header-snsicon-submenu>ul a {
font-size: 16px !important;
padding: 0 !important;
scale: 1.0;
transition: scale .3s ease-in-out;
}
.skin-grayish .navi-in>ul li.header-snsicon-submenu>ul a .caption-wrap::before {
display: none;
}
.skin-grayish .navi-in>ul li.header-snsicon-submenu>ul a:hover {
scale: 1.3;
} .skin-grayish #navi-in [class^="icon-"],
.skin-grayish #navi-in [class*=" icon-"],
.skin-grayish .menu-content .menu-drawer [class^="icon-"],
.skin-grayish .menu-content .menu-drawer [class*=" icon-"] {
color: var(--skin-grayish-site-sub-color);
}
.skin-grayish .navi-in .header-snsicon-submenu .item-label {
overflow: unset;
} .skin-grayish .header-in .site-name-text-link {
padding: 0;
}
.skin-grayish .header-in .site-name-text {
display: flex;
align-items: center;
justify-content: center;
font-size: 64px;
font-weight: 200;
letter-spacing: 0.4rem;
line-height: 1.5;
width: 100%;
scale: 1.0;
transition: scale 0.3s, color 0.3s ease-in-out;
}
.skin-grayish .header-in .site-name-text:hover,
.skin-grayish .footer-bottom-logo .site-name-text:hover {
scale: 1.05;
color: var(--skin-grayish-site-main-hover);
} #gnavi-search-menu-close {
display: none;
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
transition: .3s ease-in-out;
}
#gnavi-search-menu-content {
width: -moz-fit-content;
width: fit-content;
padding: 1em;
}
.searchMenuDialog {
display: block;
position: fixed;
inset-inline: 0;
inset-block: 0;
animation-name: search_fadeOut;
animation-fill-mode: forwards;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;
}
dialog[open] {
animation-name: search_fadeIn;
animation-fill-mode: forwards;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;
}
dialog[open] #gnavi-search-menu-content {
animation-name: search_menu-In;
animation-fill-mode: forwards;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;
}
dialog[open] .searchMenuDialog_close.grayish-btn {
animation-name: search_fadeIn;
animation-fill-mode: forwards;
animation-duration: 0.6s;
animation-timing-function: ease-in-out;
}
@keyframes search_menu-In {
from {
transform: translateY(200px);
}
100% {
transform: translateY(0px);
}
}
@keyframes search_fadeIn {
from {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes search_fadeOut {
from {
opacity: 1;
}
100% {
opacity: 0;
}
} .skin-grayish .grayish-btn {
font-size: 16px;
background-color: transparent;
border: none;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
height: 40px;
line-height: 1;
position: relative;
top: -1px;
}
.searchMenuDialog_close.grayish-btn {
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
position: static;
top: unset;
}
.searchMenuDialog_close.grayish-btn .searchMenuDialog_closemark {
display: inline-block;
position: relative;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
}
.searchMenuDialog_close.grayish-btn .searchMenuDialog_closemark::before,
.searchMenuDialog_close.grayish-btn .searchMenuDialog_closemark::after {
display: inline-block;
content: "";
background-color: var(--white);
width: 20px;
height: 1px;
position: relative;
top: -5px;
left: -5px;
rotate: 45deg;
}
.searchMenuDialog_close.grayish-btn .searchMenuDialog_closemark::after {
position: absolute;
rotate: -45deg;
top: 50%;
}
.skin-grayish .searchMenuDialog {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
padding: 0;
margin: 0;
overflow-y: auto;
background-color: transparent;
border: none;
scrollbar-width: none;
overscroll-behavior: contain;
}
.skin-grayish .searchMenuDialog::-webkit-scrollbar {
display: none;
}
.skin-grayish .searchMenuDialog::backdrop {
background-color: rgba(0, 0, 0, 0.7);
}
.skin-grayish .searchMenuDialog_wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: calc(100% + 1px);
padding: 24px;
position: relative;
}
.skin-grayish .gnavi-search-menu-content.sponly-search-menu {
display: none;
} .skin-grayish.front-top-page .skinadd-topmv-scroll {
display: block;
color: var(--skin-grayish-site-name-txt);
font-size: 12px;
text-align: center;
width: 100%;
position: absolute;
bottom: 40px;
left: 0;
z-index: 1;
}
.skin-grayish.front-top-page .skinadd-topmv-scroll::before {
display: inline-block;
content: "";
border: solid currentColor;
border-width: 0px 0px 1px 1px;
width: 20px;
height: 20px;
position: absolute;
left: 0;
right: 0;
bottom: 40px;
margin: auto;
rotate: -45deg;
z-index: 1;
animation: topmv_scroll 2.5s infinite;
}
@keyframes topmv_scroll {
from {
translate: 0px -50px;
}
80% {
translate: 0px 0px;
}
from, 80%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
.skin-grayish.front-top-page .skinadd-topmv-scroll .skinadd-topmv-scroll__txt {
display: inline-block;
} .skin-grayish:not(.front-top-page) .skinadd-topmv-scroll {
display: none;
}
.skin-grayish:not(.front-top-page) .header-container {
background-color: var(--ohterHeaderBgColor);
position: sticky;
top: 0;
z-index: 20;
} .skin-grayish:not(.front-top-page).admin-bar .header-container {
top: var(--wp-admin--admin-bar--height);
}
.skin-grayish:not(.front-top-page) .header-container-in.hlt-center-logo-top-menu {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
padding: 0px min(1.43vw, 80px);
}
.skin-grayish:not(.front-top-page) .container .header-container .header {
display: flex;
align-items: center;
justify-content: flex-start;
height: auto;
background-image: none; }
.skin-grayish:not(.front-top-page) .header .header-in {
min-height: 0;
width: -moz-fit-content;
width: fit-content;
margin: 0;
}
.skin-grayish:not(.front-top-page) .navi-in>ul {
justify-content: flex-end;
align-items: center;
height: 100%;
}
.skin-grayish:not(.front-top-page) .header .header-in .tagline {
display: none;
}
.skin-grayish:not(.front-top-page) .navi {
height: auto;
position: relative; }
.skin-grayish:not(.front-top-page) #navi-in {
background-color: transparent;
height: 100%;
} .skin-grayish:not(.front-top-page) .header .header-in .logo-text {
padding: 0;
}
.skin-grayish:not(.front-top-page) .header .header-in .logo-image {
padding: 4px 0; }
.skin-grayish:not(.front-top-page) .header .header-in .logo-image a {
display: flex;
align-items: center;
}
.skin-grayish:not(.front-top-page) .header .header-in .site-name-text {
font-size: clamp(20px, 1.95vw, 32px);
min-height: 0vw;
width: -moz-fit-content;
width: fit-content;
}
.skin-grayish:not(.front-top-page) .header .header-in .logo-text .site-name-text {
height: var(--ohterHeaderLogosize);
line-height: var(--ohterHeaderLogosize);
}
.skin-grayish:not(.front-top-page) .header .header-in .logo-image .site-name-text {
height: calc(var(--ohterHeaderLogosize) - 8px);
line-height: calc(var(--ohterHeaderLogosize) - 8px);
}
.skin-grayish:not(.front-top-page) .logo-text a {
display: block;
} .skin-grayish:not(.front-top-page) .header-in .logo-header img {
width: auto; height: 100%;
}  .skin-grayish.front-top-page .container .header-container .header {
height: 100vh;
min-height: 550px;
background-size: cover;
position: relative;
}
.skin-grayish.front-top-page .header .header-in {
justify-content: center;
color: var(--skin-grayish-site-name-txt);
height: 100%;
position: relative;
z-index: 3;
}  .skin-grayish.front-top-page .container .header-container .header .grayish_topmv_whovlay {
display: block;
background: var(--white);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity: 0.5;
visibility: visible;
}
.skin-grayish.front-top-page .container .header-container .header .grayish_topmv_dot {
display: block;
background-image: url(//buchi-gadget.com/wp-content/themes/cocoon-master/skins/skin-grayish-topfull/images/svg-icon/polka-dots-wh.svg);
background-repeat: repeat;
background-size: 4px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0.7;
visibility: visible;
}
.skin-grayish:not(.front-top-page) .container .header-container .header.ba-fixed::before {
display: none;
}
.skin-grayish:not(.front-top-page) .container .header-container .header.ba-fixed {
-webkit-clip-path: none;
clip-path: none;
} .skin-grayish.front-top-page .header .header-in .logo-image {
padding: 10px 0;
} .skin-grayish #notice-area {
background-color: var(--skin-grayish-site-main-thin);
}
.skin-grayish .notice-area {
color: var(--skin-grayish-site-name-txt);
} .skin-grayish .appeal {
background-size: cover;
}
.skin-grayish .appeal-title {
font-size: 1.2em;
font-weight: 400;
}
.appeal-button {
color: var(--white);
background-color: var(--skin-grayish-site-sub-color);
font-weight: 400;
} .carousel {
margin-bottom: 2rem;
}      .skin-grayish.home .content .sidebar,
.skin-grayish.front-top-page .content .sidebar {
display: none;
}
.skin-grayish.home .content .main,
.skin-grayish.front-top-page .content .main {
width: 100%;
}
.skin-grayish.front-top-page .content .main { padding: 20px 28px 0px 28px;
} .skin-grayish.front-top-page .content {
background-color: var(--white);
}
.skin-grayish .list-new-entries {
margin-bottom: 5rem;
} .front-top-page .front-page-type-category .entry-card-snippet,
.front-top-page .front-page-type-category-2-columns .entry-card-snippet,
.front-top-page .front-page-type-category-3-columns .entry-card-snippet {
display: none;
}  .skin-grayish .list-new-entries h1,
.skin-grayish.front-top-page .front-page-type-category .list-columns .list-column:first-child h1 {
font-size: 48px;
position: relative;
}
.skin-grayish .list-new-entries h1::before,
.skin-grayish.front-top-page .front-page-type-category .list-columns .list-column:first-child h1::before,
.skin-grayish.front-top-page :where(.front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns::after {
display: block;
content: "New Post";
color: var(--skin-grayish-site-main-hover);
width: -moz-fit-content;
width: fit-content;
height: 2em;
position: absolute;
top: -1em;
left: 0;
right: 0;
margin: auto;
z-index: 1;
}
.skin-grayish.front-top-page .front-page-type-category .list-columns .list-column:first-child h1::before,
.skin-grayish.front-top-page :where(.front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns::after {
content: "Category";
}
.skin-grayish.front-top-page :where(.front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns::after {
display: var(--listColumns_Category_displayOn);
font-size: 48px;
top: 1.0em;
}
.skin-grayish .list-new-entries .list-title,
.skin-grayish.front-top-page .front-page-type-category .list-columns .list-column:first-child h1 {
margin-top: 1.4em;
margin-bottom: 0.4em;
} .skin-grayish .list-new-entries .list-title-in {
font-size: 20px;
padding: 0;
white-space: normal;
}
.skin-grayish .list-title-in:before,
.skin-grayish .list-title-in:after {
display: none;
} .skin-grayish.front-top-page .list-columns {
position: relative;
}
.skin-grayish.front-top-page .list-columns::before { display: var(--listColumns_Category_displayOn);
content: "";
background-color: var(--skin-grayish-site-main-hover);
width: 100vw;
height: 1px;
margin: 0 calc(50% - 50vw);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.skin-grayish.front-top-page .list-columns .list-column {
padding-top: 2rem;
padding-bottom: 3rem;
}
.skin-grayish.front-top-page .front-page-type-category .list-columns {
margin-bottom: 0rem;
}  .skin-grayish.front-top-page .list-columns .list-column {
position: relative;
}
.skin-grayish.front-top-page .list-columns:not(.fpt-3-columns, .fpt-2-columns) .list-column:nth-child(2n)::before,
.skin-grayish.front-top-page .list-columns.fpt-2-columns .list-column:nth-child(4n-1)::before,
.skin-grayish.front-top-page .list-columns.fpt-3-columns .list-column:nth-child(6n-2)::before {
display: block;
content: "";
background-color: var(--skin-grayish-gradient);
width: 100vw;
height: 100%;
margin: 0 calc(50% - 50vw);
position: absolute;
inset: 0;
z-index: -110;
}
.skin-grayish.front-top-page .list-columns.fpt-2-columns .list-column:nth-child(4n-1)::before {
margin: 0;
margin: 0 calc(100% - 50vw);
}
.skin-grayish.front-top-page .list-columns.fpt-3-columns .list-column:nth-child(6n-2)::before {
width: 200vw;
margin: 0;
margin-left: -100vw;
} .skin-grayish.front-top-page .list-columns.fpt-2-columns .widget-entry-card {
display: flex;
flex-direction: row;
justify-content: center;
}
.skin-grayish.front-top-page .list-columns.fpt-2-columns .widget-entry-cards figure {
margin-top: 0px;
width: 45%;
}
.skin-grayish.front-top-page .list-columns.fpt-2-columns .widget-entry-card-content {
width: 55%;
margin-left: 8px;
margin-right: 16px;
} .skin-grayish .list-columns .list-title-in,
.skin-grayish .content-bottom .widget-content-bottom-title {
font-size: 20px;
font-weight: 400;
white-space: normal;
padding: 4px 0;
border-bottom: none;
}
.skin-grayish .content-bottom .widget-content-bottom-title {
position: relative;
margin: 2em 0 1em 0;
}
.skin-grayish .list-new-entries .list-title-in::before,
.skin-grayish .list-columns .list-title-in::before {
display: block;
content: "";
background-color: var(--skin-grayish-site-main-hover);
width: 2ch;
height: 2px;
position: absolute;
bottom: -24px;
left: 0;
right: 0;
margin: auto;
z-index: 1;
}
.skin-grayish .content-bottom .widget-content-bottom-title::before {
display: block;
content: "";
background-color: var(--skin-grayish-site-main-hover);
width: 2ch;
height: 2px;
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: auto;
z-index: 1;
}
.skin-grayish .content-bottom .widget_popular_entries .widget-content-bottom-title::after {
display: block;
content: "Popular Post";
color: var(--skin-grayish-site-main-hover);
font-size: 48px;
width: -moz-fit-content;
width: fit-content;
height: 2em;
position: absolute;
top: -1.5em;
left: 0;
right: 0;
margin: auto;
z-index: 1;
}
.skin-grayish .content-bottom .widget_popular_entries .is-list-horizontal .widget-entry-card-link {
max-width: 320px;
} .skin-grayish .ect-vertical-card {
display: grid;
place-content: center;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
-moz-column-gap: 4px;
column-gap: 4px;
row-gap: 4px;
} .skin-grayish .ect-3-columns>* {
width: 100%;
}
.skin-grayish .entry-card-wrap.a-wrap {
transition: scale .3s ease-in-out;
}
.skin-grayish .entry-card-wrap.a-wrap:hover,
.skin-grayish .related-entry-card-wrap.a-wrap:hover,
.skin-grayish .widget-entry-card-link.a-wrap:hover,
.skin-grayish .carousel-entry-card-wrap.a-wrap:hover {
background-color: transparent;
}
.skin-grayish .entry-card-wrap.a-wrap .entry-card-thumb,
.skin-grayish .related-entry-card-wrap.a-wrap .related-entry-card-thumb,
.skin-grayish .widget-entry-card-link.a-wrap .widget-entry-card-thumb,
.skin-grayish .carousel-entry-card-wrap.a-wrap .carousel-entry-card-thumb {
overflow: hidden;
}
.skin-grayish .entry-card-wrap.a-wrap .entry-card-thumb img,
.skin-grayish .related-entry-card-wrap.a-wrap .related-entry-card-thumb img,
.skin-grayish .widget-entry-card-link.a-wrap .widget-entry-card-thumb img,
.skin-grayish .carousel-entry-card-wrap.a-wrap .carousel-entry-card-thumb img {
scale: 1.0;
transition: scale .3s ease-in-out;
}
.skin-grayish .entry-card-wrap.a-wrap:hover .entry-card-thumb img,
.skin-grayish .related-entry-card-wrap.a-wrap:hover .related-entry-card-thumb img,
.skin-grayish .widget-entry-card-link.a-wrap:hover .widget-entry-card-thumb img,
.skin-grayish .carousel-entry-card-wrap.a-wrap:hover .carousel-entry-card-thumb img {
scale: 1.1;
} .skin-grayish .entry-card,
.skin-grayish .entry-card .entry-card-content {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 8px;
}
.skin-grayish .entry-card .entry-card-content .entry-card-meta {
position: relative;
color: var(--skin-grayish-site-sub-color);
}
.skin-grayish .cat-label {
font-size: 11px;
color: var(--skin-grayish-cat-txt);
background-color: var(--skin-grayish-cat-back);
border: 0;
padding: 2px 6px;
max-width: 80%;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
top: unset;
left: 0;
bottom: 0;
overflow: hidden;
}
.skin-grayish .cat-label a {
color: var(--skin-grayish-cat-txt);
}
.skin-grayish .entry-card-content,
.skin-grayish .related-entry-card-content {
padding-bottom: 0;
} .skin-grayish .ect-vertical-card .widget-index-middle {
width: 100%;
} .skin-grayish #index-tab-1:checked~.index-tab-buttons .index-tab-button[for=index-tab-1],
.skin-grayish #index-tab-2:checked~.index-tab-buttons .index-tab-button[for=index-tab-2],
.skin-grayish #index-tab-3:checked~.index-tab-buttons .index-tab-button[for=index-tab-3],
.skin-grayish #index-tab-4:checked~.index-tab-buttons .index-tab-button[for=index-tab-4] {
color: var(--skin-grayish-site-name-txt);
font-size: 16px;
font-weight: normal;
background: none;
border: none;
border-bottom: 3px double var(--LtBlue_T0);
border-radius: 0px;
opacity: 1;
}
.skin-grayish .index-tab-buttons {
padding: 0 5px;
}
.skin-grayish .index-tab-buttons .index-tab-button {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--LtGray_T70);
border: none;
border-radius: 0px;
opacity: 0.7;
}
.skin-grayish .front-page-type-tab-index .list-more-button-wrap {
margin-bottom: 5rem;
} .skin-grayish :where(.front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns {
margin-bottom: 0rem; padding-top: var(--listColumns_Category_23cols);
}
.skin-grayish.front-top-page :where(.front-page-type-category, .front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns .list-column:last-of-type {
padding-bottom: 5rem;
}
.skin-grayish .front-page-type-category-3-columns .list-columns .list-column {
width: 30%;
}
.skin-grayish :where(.front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns .widget-entry-cards .a-wrap {
margin-bottom: 1rem;
padding: 0;
}
.skin-grayish :where(.front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns .list-title {
margin-bottom: 2.4em;
}
.skin-grayish .front-page-type-category-3-columns .list-columns .list-title-in {
font-size: 20px;
}
.skin-grayish.front-top-page .front-page-type-category-3-columns .widget-entry-card-title {
font-size: 14px;
}
.skin-grayish :where(.front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns .card-arrow .a-wrap::after {
display: none;
} .skin-grayish .main .list-wrap.front-page-type-category-2-columns:last-child,
.skin-grayish .main .list-wrap.front-page-type-category-3-columns:last-child,
.skin-grayish .main .list-wrap.front-page-type-category:last-child {
margin-bottom: 0;
}
.skin-grayish .main .list-wrap.front-page-type-category-2-columns .list-columns,
.skin-grayish .main .list-wrap.front-page-type-category-3-columns .list-columns {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
-moz-column-gap: 1%;
column-gap: 1%;
}
.skin-grayish .main .list-wrap.front-page-type-category-3-columns .list-columns {
-moz-column-gap: 5%;
column-gap: 5%;
}
.skin-grayish .main .list-wrap.front-page-type-category-3-columns .list-columns .card-arrow .card-content {
margin-right: 0;
}  .skin-grayish .list-new-entries .list-more-button,
.skin-grayish .list-columns .list-more-button,
.skin-grayish .pagination-next-link,
.skin-grayish .index-tab-wrap .list-more-button,
.skin-grayish .comment-btn,
.skin-grayish .pager-links .post-page-numbers .page-numbers.page-prev-next {
color: var(--skin-grayish-site-name-txt);
background-color: var(--white);
border: 1px solid var(--LtGray_T30);
border-radius: 0%;
width: 33%;
margin: 1.6em 0 2em;
padding: 0.6rem;
opacity: 1;
position: relative;
text-decoration: none;
transition: background-color .3s, border .7s ease-in-out;
}
.skin-grayish .list-new-entries .list-more-button::before,
.skin-grayish .list-columns .list-more-button::before,
.skin-grayish .pagination-next-link::before,
.skin-grayish .index-tab-wrap .list-more-button::before,
.skin-grayish .comment-btn::before,
.skin-grayish .pager-links .post-page-numbers .page-numbers.page-prev-next::before {
display: block;
content: "";
background-color: var(--skin-grayish-site-main-thin);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: top .7s, left .7s ease-in-out;
z-index: -100;
}
.skin-grayish .list-new-entries .list-more-button:hover,
.skin-grayish .list-columns .list-more-button:hover,
.skin-grayish .pagination-next-link:hover,
.skin-grayish .index-tab-wrap .list-more-button:hover,
.skin-grayish .comment-btn:hover,
.skin-grayish .pager-links .post-page-numbers .page-numbers.page-prev-next:hover {
background-color: var(--white_erase);
border: 1px solid var(--white_erase);
color: var(--skin-grayish-site-name-txt);
}
.skin-grayish .pagination-next-link {
margin-inline: auto;
}
.skin-grayish .front-page-type-category-3-columns .list-columns .list-more-button {
width: 100%;
}
.skin-grayish .front-page-type-category-2-columns .list-columns .list-more-button {
width: 60%;
} .skin-grayish .pager-links .post-page-numbers .page-numbers.page-prev-next {
line-height: 1.8;
width: 100%;
height: auto;
margin: 0;
} .skin-grayish .pager-links.pager-numbers {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 48px;
}
.skin-grayish .pager-links.pager-numbers .post-page-numbers .page-numbers {
margin: 0;
}  .skin-grayish .breadcrumb {
color: var(--skin-grayish-site-sub-color);
font-size: 12px;
padding: .6em 32px;
}
.skin-grayish .breadcrumb-caption {
color: var(--skin-grayish-site-name-txt);
}
.skin-grayish a:hover>.breadcrumb-caption {
color: var(--skin-grayish-site-main-hover);
} .skin-grayish .breadcrumb.breadcrumb-page.pbp-main-bottom,
.skin-grayish .breadcrumb.breadcrumb-page.pbp-main-top {
padding: 0;
}  .skin-grayish.front-top-page .pr-label.pr-label-s {
display: none;
} .skin-grayish:not(.front-top-page) .pr-label.pr-label-s {
left: 28px;
} .skin-grayish.front-top-page .article-header,
.skin-grayish.front-top-page .article-footer {
display: none;
}
.skin-grayish.front-top-page .content .main .entry-content {
border-bottom: 0;
}
.skin-grayish .article-header {
display: flex;
flex-direction: column;
} .skin-grayish .article-header .entry-title {
order: 1;
margin: 16px 0;
} .skin-grayish .article-header .review-rating {
order: 2;
} .skin-grayish .article-header .ad-area.ad-below-title {
order: 3;
} .skin-grayish .article-header :where(.widget-below-page-content-title, .widget-below-single-content-title) {
order: 4;
}
.skin-grayish .article-header .date-tags {
color: var(--skin-grayish-site-sub-color);
text-align: left;
margin-bottom: 0.6em;
order: 5;
} .skin-grayish .article-header .eye-catch-wrap {
order: 6;
}   .skin-grayish .article-header .read-time {
order: 8;
margin-top: 1em;
} .skin-grayish .article-header .pr-label.pr-label-l {
order: 9;
} .skin-grayish .article-header .ad-area.ad-content-top {
order: 10;
} .skin-grayish .article-header :where(.widget-page-content-top, .widget-single-content-top) {
order: 11;
} .skin-grayish.single-post .article-header .eye-catch-wrap .eye-catch {
display: flex;
flex-direction: column-reverse;
gap: 0.6em;
}
.skin-grayish.single-post .article-header .eye-catch-wrap .eye-catch .cat-label {
display: inline-block;
font-size: 14px;
border: 0;
width: -moz-fit-content;
width: fit-content;
padding: 2px 8px;
position: relative;
opacity: 1;
} .skin-grayish.page .article-header .date-tags {
margin-bottom: 1em;
}  .skin-grayish .article-header .sns-share {
display: block;
left: min(1.71vw, 60px);
position: fixed;
top: 50%;
transform: translateY(-50%);
z-index: 10;
opacity: 0;
visibility: hidden;
transition: opacity .5s, visibility .5s ease-in-out;
} .skin-grayish .article-header .sns-share[data-scroldisp=on] {
opacity: 1;
visibility: visible;
} .skin-grayish .article-header .sns-share[data-scroldisp=off] {
opacity: 0;
visibility: hidden;
} .skin-grayish .main .article-header .sns-share a,
.skin-grayish .main .article-footer .sns-share a,
.skin-grayish .main .article-footer .sns-follow a,
.skin-grayish .share-menu-content .sns-share a,
.skin-grayish .follow-menu-content .sns-follow a {
height: 40px;
width: 40px;
} .skin-grayish .share-menu-content .sns-buttons,
.skin-grayish .follow-menu-content .sns-buttons {
justify-content: center;
flex-wrap: wrap;
gap: 12px;
margin: 0;
} .skin-grayish .share-menu-content .sns-share a,
.skin-grayish .follow-menu-content .sns-follow a {
color: var(--white);
font-size: clamp(14px, 2.9vw, 24px);
min-height: 0vw;
border-radius: 99%;
} .skin-grayish .sns-share.ss-high-and-low-lc a .button-caption,
.skin-grayish .article-footer .button-caption {
display: none;
} .skin-grayish .sns-share.ss-high-and-low-lc a .social-icon {
font-size: 24px;
} .skin-grayish .main .article-header .bc-brand-color-white.sns-share [class*="-button"] {
border: none;
background-color: transparent;
} .skin-grayish .article-header .sns-share-buttons {
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
padding: 1rem 0;
gap: 0.5rem;
margin: 0;
} .skin-grayish .article-header .sns-share-buttons a {
color: var(--cocoon-sns-color);
transform: scale(1);
transition: transform .3s ease-in-out;
}
.skin-grayish .article-header .sns-share-buttons a:hover {
transform: scale(1.2);
} .skin-grayish .toc {
border: 0;
border-bottom: 1px solid var(--skin-grayish-site-sub-color) !important;
border-top: 1px solid var(--skin-grayish-site-sub-color) !important;
display: block;
margin-bottom: 40px;
padding: 0;
width: 100%;
}
.skin-grayish .toc-checkbox:checked~.toc-content {
padding-bottom: 2em;
}
.skin-grayish .toc-title {
background-image: linear-gradient(-45deg, #fff 25%, var(--skin-grayish-gradient) 25%, var(--skin-grayish-gradient) 50%, #fff 50%, #fff 75%, var(--skin-grayish-gradient) 75%, var(--skin-grayish-gradient));
background-size: 8px 8px;
font-weight: 400;
padding: 10px 0;
}
.skin-grayish .toc .toc-list>li {
margin-bottom: 0;
padding: 1em 0 1em 2em;
border-bottom: 1px solid var(--skin-grayish-site-main-thin);
} .skin-grayish .toc-list a:hover {
color: var(--skin-grayish-site-main-hover);
}
.skin-grayish .toc-list>li a {
display: inline-block;
font-weight: normal;
letter-spacing: .04rem;
margin: 0;
width: -moz-fit-content;
width: fit-content;
}
.skin-grayish :is(.toc-list li, .toc-list li a, .toc-title) {
color: var(--skin-grayish-site-sub-color);
position: relative;
}
.skin-grayish :is(.toc-list>li, .toc-list>li>a) {
font-weight: bold;
line-height: 2;
}
.skin-grayish .toc-list>li li {
font-size: 0.9em;
font-weight: normal;
}
.skin-grayish .toc-list>li li a {
margin-top: 6px;
} .skin-grayish .tnt-none .toc-list {
padding: 0 1em;
}
.skin-grayish .tnt-none .toc-list>li {
padding: 1em 0 1em 1.2em;
}
.skin-grayish .tnt-none .toc-list>li>a:before {
display: inline-block;
content: "";
background-image: url(//buchi-gadget.com/wp-content/themes/cocoon-master/skins/skin-grayish-topfull/images/svg-icon/mat-check.svg);
background-repeat: no-repeat;
background-size: 100%;
filter: invert(74%) sepia(7%) saturate(50%) hue-rotate(349deg) brightness(88%) contrast(91%);
bottom: unset;
width: 0.7em;
height: 0.7em;
margin: 0;
position: absolute;
left: -1.2em;
right: unset;
top: 0.87em;
z-index: 5;
}
.skin-grayish.ff-noto-sans-jp .tnt-none .toc-list>li>a:before {
top: 1em;
}
.skin-grayish .tnt-none .toc-list>li a {
margin: 0;
padding: 0.2em;
}
.skin-grayish .tnt-none .toc-list>li ul {
padding-left: 0;
}
.skin-grayish .tnt-none .toc-list>li li a {
margin-top: 0.4em;
margin-left: 1em;
}
.skin-grayish .tnt-none .toc-list>li li a:before {
display: inline-block;
content: "";
background-color: var(--skin-grayish-site-main-hover);
border-radius: 99%;
width: 8px;
height: 8px;
margin-bottom: 1px;
position: relative;
left: -1em;
} .skin-grayish .tnt-number .toc-list {
counter-reset: indexnum 0;
padding: 0 2em;
} .skin-grayish .tnt-number .toc-list>li {
padding: 1em 0 1em 2em;
}
.skin-grayish .tnt-number .toc-list li {
list-style: none;
}
.skin-grayish .tnt-number .toc-list>li>a {
margin-left: 0;
padding: 0.5em;
position: relative;
}
.skin-grayish .tnt-number .toc-list>li>ol {
padding-left: 0.5em;
}
.skin-grayish .tnt-number .toc-list>li>li {
margin-left: 0;
}
.skin-grayish .tnt-number .toc-list>li>a::before {
display: block;
content: counter(indexnum);
counter-increment: indexnum 1;
font-size: 0.85em;
font-weight: normal;
color: var(--white);
background-color: var(--skin-grayish-site-sub-color);
border-radius: 99%;
text-align: center;
line-height: 2.05;
letter-spacing: 0;
width: 2em;
height: 2em;
position: absolute;
top: 0.8em;
left: -2em;
z-index: 1;
}
.skin-grayish.ff-noto-sans-jp .tnt-number .toc-list>li>a::before {
line-height: 1.95;
}
.skin-grayish .tnt-number .toc-list>li li>a {
margin-left: 0em;
padding-left: 1.5em;
position: relative;
}
.skin-grayish .tnt-number .toc-list>li li>a::before {
display: block;
content: "";
background-color: var(--skin-grayish-site-sub-color);
width: 0.8em;
height: 1px;
position: absolute;
top: 1em;
left: 0em;
z-index: 1;
} .skin-grayish .tnt-number-detail .toc-list {
padding: 0 2em;
}
.skin-grayish .tnt-number-detail .toc-list>li a {
margin: 0;
}
.skin-grayish .tnt-number-detail .toc-list>li>a {
padding-top: 0em;
}
.skin-grayish .tnt-number-detail .toc-list ol {
padding: 0.4em 0em;
}
.skin-grayish .tnt-number-detail .toc-list>li {
position: relative;
}
.skin-grayish .tnt-number-detail .toc-list>li::before {
display: block;
position: absolute;
top: 1em;
left: 0;
z-index: 1;
} .skin-grayish :where(.tnt-disc, .tnt-circle, .tnt-square) .toc-list {
padding: 0 2em;
}
.skin-grayish :is(.tnt-disc, .tnt-circle, .tnt-square) .toc-list>li {
padding: 1em 0 1em 0.5em;
} .skin-grayish .entry-card-title, .related-entry-card-title {
font-weight: normal;
}  .article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
color: var(--skin-grayish-site-name-txt);
font-weight: bold;
line-height: 1.6;
background-color: transparent;
letter-spacing: .14em;
} .article h2 {
border-bottom: solid 4px var(--LtGray_T70);
margin: 4em 0 2em 0;
padding: 16px 8px;
position: relative;
}
.article h2::before {
display: block;
content: "";
width: 30%;
border-bottom: solid 4px var(--skin-grayish-site-main-hover);
position: absolute;
bottom: -4px;
left: 0;
z-index: 1;
} .article h3 {
border: none;
background-color: var(--skin-grayish-gradient);
margin: 3em 0 2em 0;
padding: 12px 14px;
position: relative;
}
.article h3::before {
display: block;
content: "";
border-left: solid 3px var(--skin-grayish-site-main-hover);
border-bottom: solid 1px var(--skin-grayish-site-main-hover);
width: calc(100% - 3px);
height: calc(100% - 1px);
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: none;
} .article h4 {
border: none;
margin: 2em 0;
padding: 12px 28px;
position: relative;
}
.article h4::before {
display: block;
content: "";
background-image: url(//buchi-gadget.com/wp-content/themes/cocoon-master/skins/skin-grayish-topfull/images/svg-icon/mat-check.svg);
background-repeat: no-repeat;
background-size: 100%;
filter: invert(74%) sepia(7%) saturate(50%) hue-rotate(349deg) brightness(88%) contrast(91%);
width: 0.9em;
height: 0.9em;
position: absolute;
top: 1em;
left: 0;
z-index: 1;
}
.ff-noto-sans-jp .article h4::before {
top: 1.1em;
} .article h5 {
border-bottom: double 3px var(--LtGray_T0);
margin: 2em 0;
} .article h6 {
border-bottom: dashed 1px var(--LtGray_T50);
margin: 2em 0;
} :is(.is-style-information-box, .information-box, .information),
:is(.is-style-question-box, .question-box, .question),
:is(.is-style-alert-box, .alert-box, .alert),
:is(.is-style-memo-box, .memo-box),
:is(.is-style-comment-box, .comment-box),
:is(.is-style-ok-box, .ok-box),
:is(.is-style-good-box, .good-box),
:is(.is-style-ng-box, .ng-box),
:is(.is-style-bad-box, .bad-box),
:is(.is-style-profile-box, .profile-box) {
border-radius: 0;
background-color: var(--LtGray_T90);
padding: 24px 20px !important;
}
:is(.is-style-information-box, .information-box, .information)::before,
:is(.is-style-question-box, .question-box, .question)::before,
:is(.is-style-alert-box, .alert-box, .alert)::before,
:is(.is-style-memo-box, .memo-box)::before,
:is(.is-style-comment-box, .comment-box)::before,
:is(.is-style-ok-box, .ok-box)::before,
:is(.is-style-good-box, .good-box)::before,
:is(.is-style-ng-box, .ng-box)::before,
:is(.is-style-bad-box, .bad-box)::before,
:is(.is-style-profile-box, .profile-box)::before {
font-size: 20px;
line-height: 1.5em;
letter-spacing: 0;
background-color: var(--white);
border-right: none;
border-radius: 99%;
width: 1.5em;
height: 1.5em;
top: -5px;
left: 0.5em;
padding-right: 0;
pointer-events: none;
} :is(.is-style-information-box, .information-box, .information) {
border: 1px solid var(--LtBlue_T0);
}
:is(.is-style-information-box, .information-box, .information)::before {
color: var(--LtBlue_T0);
} :is(.is-style-question-box, .question-box, .question) {
border: 1px solid var(--Blk_Yellow_T0);
}
:is(.is-style-question-box, .question-box, .question)::before {
color: var(--Blk_Yellow_T0);
} :is(.is-style-alert-box, .alert-box, .alert) {
border: 1px solid var(--Blk_Pink_T0);
}
:is(.is-style-alert-box, .alert-box, .alert)::before {
color: var(--Blk_Pink_T0);
} :is(.is-style-memo-box, .memo-box) {
border: 1px solid var(--Blk_Green_T0);
}
:is(.is-style-memo-box, .memo-box)::before {
color: var(--Blk_Green_T0);
} :is(.is-style-comment-box, .comment-box) {
border: 1px solid var(--LtGray_T0);
}
:is(.is-style-comment-box, .comment-box)::before {
color: var(--LtGray_T0);
} :is(.is-style-ok-box, .ok-box),
:is(.is-style-good-box, .good-box),
:is(.is-style-profile-box, .profile-box) {
border: 1px solid var(--LtBlue_S30);
}
:is(.is-style-ok-box, .ok-box)::before,
:is(.is-style-good-box, .good-box)::before,
:is(.is-style-profile-box, .profile-box)::before {
color: var(--LtBlue_S30);
} :is(.is-style-ng-box, .ng-box),
:is(.is-style-bad-box, .bad-box) {
border: 1px solid var(--Blk_Red_T0);
}
:is(.is-style-ng-box, .ng-box)::before,
:is(.is-style-bad-box, .bad-box)::before {
color: var(--Blk_Red_T0);
} :is(.is-style-primary-box, .primary-box, .sp-primary, .primary),
:is(.is-style-secondary-box, .secondary-box),
:is(.is-style-info-box, .info-box, .sp-info, .info),
:is(.is-style-success-box, .success-box, .sp-success, .success),
:is(.is-style-warning-box, .warning-box, .sp-warning, .warning),
:is(.is-style-danger-box, .danger-box, .sp-danger, .danger),
:is(.is-style-light-box, .light-box),
:is(.is-style-dark-box, .dark-box) {
border-color: transparent;
border-radius: 0;
}
:is(.is-style-primary-box, .primary-box, .sp-primary, .primary) {
color: var(--LtBlue_S30);
background-color: var(--LtBlue_T70);
}
:is(.is-style-secondary-box, .secondary-box) {
color: var(--LtGray_S30);
background-color: var(--LtGray_T70);
}
:is(.is-style-info-box, .info-box, .sp-info, .info) {
color: var(--LtBlue_S50);
background-color: var(--LtBlue_T50);
}
:is(.is-style-success-box, .success-box, .sp-success, .success) {
color: var(--Blk_Green_S50);
background-color: var(--Blk_Green_T50);
}
:is(.is-style-warning-box, .warning-box, .sp-warning, .warning) {
color: var(--Blk_Yellow_S50);
background-color: var(--Blk_Yellow_T50);
}
:is(.is-style-danger-box, .danger-box, .sp-danger, .danger) {
color: var(--Blk_Pink_S50);
background-color: var(--Blk_Pink_T50);
}
:is(.is-style-light-box, .light-box) {
color: var(--Blk_Beige_S50);
background-color: var(--Blk_Beige_T70);
}
:is(.is-style-dark-box, .dark-box) {
color: var(--LtGray_S50);
background-color: var(--LtGray_T30);
} :is([class*="is-style-sticky-"], .blank-box.sticky) {
border-width: 0 0 0 0;
border-color: unset;
border-left: solid 6px var(--LtGray_T0);
background-color: var(--LtGray_T70);
padding: 1.2em 1.6em;
position: relative;
}
:is([class*="is-style-sticky-"], .blank-box.sticky)::before {
display: block;
content: "";
background-color: var(--white);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
width: 4px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
:is(.is-style-sticky-yellow, .blank-box.sticky.st-yellow) {
border-left: solid 6px var(--Blk_Yellow_T0);
background-color: var(--Blk_Yellow_T50);
}
:is(.is-style-sticky-red, .blank-box.sticky.st-red) {
border-left: solid 6px var(--Blk_Pink_T0);
background-color: var(--Blk_Pink_T50);
}
:is(.is-style-sticky-blue, .blank-box.sticky.st-blue) {
border-left: solid 6px var(--LtBlue_T0);
background-color: var(--LtBlue_T50);
}
:is(.is-style-sticky-green, .blank-box.sticky.st-green) {
border-left: solid 6px var(--Blk_Green_T0);
background-color: var(--Blk_Green_T50);
}  .skin-grayish .blank-box.bb-tab,
.tab-caption-box-content {
border-color: var(--LtBlue_S30);
border-width: 1px;
border-style: solid;
border-radius: 0;
padding: 3em 1em 1.4em;
}
.tab-caption-box {
position: relative;
}
.blank-box.bb-tab .bb-label {
display: flex;
align-items: center;
}
.skin-grayish .blank-box.bb-tab .bb-label {
background-color: var(--LtBlue_S30);
position: absolute;
font-size: 12px;
top: 0;
line-height: 1.8;
color: var(--cocoon-white-color);
left: 0;
border-radius: 0;
padding: 0.2em 1.2em 0.2em 0.8em;
}
.tab-caption-box-label {
display: block;
color: var(--white);
border-radius: 0;
background-color: var(--LtBlue_S30);
padding: 0.2em 1.2em 0.2em 0.8em;
position: absolute;
top: 0;
left: 0;
z-index: 1;
} .skin-grayish .blogcard-wrap {
width: 96%;
}
.skin-grayish .blogcard-wrap:hover {
color: var(--LtGray_S50);
background-color: var(--Blk_Beige_T70);
opacity: 0.7;
}
.skin-grayish .blogcard-label {
color: var(--LtGray_S50);
font-size: 14px;
background-color: transparent;
border-radius: 0;
top: -1em;
text-shadow: var(--cocoon-white-color) 3px 0 0, var(--cocoon-white-color) 2px 1px 0, var(--cocoon-white-color) 2px 2px 0, var(--cocoon-white-color) 2px 3px 0, var(--cocoon-white-color) 1px 3px 0, var(--cocoon-white-color) 0 3px 0, var(--cocoon-white-color)-1px 3px 0, var(--cocoon-white-color)-2px 2px 0, var(--cocoon-white-color)-3px 1px 0, var(--cocoon-white-color)-3px 0 0, var(--cocoon-white-color)-3px -1px 0, var(--cocoon-white-color)-3px -2px 0, var(--cocoon-white-color)-2px -2px 0, var(--cocoon-white-color)-1px -3px 0, var(--cocoon-white-color) 0 -3px 0, var(--cocoon-white-color) 1px -3px 0, var(--cocoon-white-color) 2px -2px 0, var(--cocoon-white-color) 2px -2px 0, var(--cocoon-white-color) 3px -1px 0;
}
.skin-grayish .blogcard {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 200px auto auto;
row-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
border: solid 1px var(--LtGray_T30);
width: 100%;
padding: 1em;
position: relative;
}
.skin-grayish .blogcard .blogcard-thumbnail {
grid-row: 1;
grid-column: 1;
width: 200px;
float: none;
margin: 0;
}
.skin-grayish .blogcard .blogcard-content {
max-height: -moz-max-content;
max-height: max-content;
grid-row: 1;
grid-column: 2 / 4;
margin: 0;
position: relative;
}
.skin-grayish .blogcard .blogcard-content .blogcard-snippet {
line-height: 1.4;
letter-spacing: .14em;
text-align: left;
}
.skin-grayish .blogcard::before {
display: block;
content: "Read More";
color: var(--white);
font-size: 12px;
background-color: var(--LtGray_T30);
width: -moz-fit-content;
width: fit-content; height: -moz-fit-content;
height: fit-content;
padding: 0.4em 2.4em;
position: relative;
bottom: 0;
grid-row: 2;
grid-column: 3;
align-self: flex-end;
justify-self: flex-end;
z-index: 1;
}
.skin-grayish .blogcard::after,
.skin-grayish .blogcard-footer::after {
display: none;
}
.skin-grayish .blogcard-footer {
font-size: 0.8em;
grid-row: 2;
grid-column: 1 / 3;
text-align: left;
align-self: end;
}
.skin-grayish .blogcard .blogcard-favicon {
margin-top: 0;
}
.skin-grayish .blogcard .blogcard-favicon img {
vertical-align: middle;
}
.skin-grayish .blogcard .blogcard-site {
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.skin-grayish .blogcard .blogcard-date {
font-size: 10px;
color: var(--LtBlue_S30);
grid-row: 2;
grid-column: 1 / 4;
margin-top: 2px;
} .skin-grayish .blogcard.external-blogcard .blogcard-content::before {
bottom: -2.5rem;
}
.skin-grayish .external-blogcard .blogcard-footer {
grid-column: 1 / 3;
margin-top: 1em;
} .skin-grayish .internal-blogcard {
grid-template-rows: auto auto auto;
row-gap: 0.7em;
-moz-column-gap: 1em;
column-gap: 1em;
}
.skin-grayish .internal-blogcard::before {
position: relative;
grid-row: 3;
grid-column: 3;
}
.skin-grayish .internal-blogcard .blogcard-date {
float: none;
justify-content: flex-end;
}
.skin-grayish .internal-blogcard .blogcard-date .blogcard-post-date {
position: relative;
}
.skin-grayish .internal-blogcard .blogcard-date .blogcard-post-date::before {
display: block;
content: "\f1da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 0;
left: -1.5em;
z-index: 1;
}
.skin-grayish .internal-blogcard .blogcard-footer {
display: contents;
}
.skin-grayish .internal-blogcard .blogcard-site {
grid-row: 3;
grid-column: 1 / 3;
} div.search-form {
padding-bottom: 3em;
}
.search-form>div {
border: 1px solid var(--LtGray_S30);
border-radius: 0;
padding: 5px;
margin-left: 10px;
}
.search-form div.sbtn {
background-color: var(--LtGray_S30);
}
.search-form div.sbtn::after {
font-weight: 900;
content: "\f245";
color: var(--LtBlue_S30);
bottom: -1.8em;
right: 30px;
font-size: 24px;
}  .button-block .btn,
.btn-wrap-block a {
color: var(--white);
} .caption-box,
.caption-box.not-nested-style:not(.has-border-color) {
border: 1px solid var(--LtGray_T30);
}
.caption-box>.caption-box-label,
.caption-box.not-nested-style:not(.has-border-color)>.caption-box-label {
background-color: var(--LtGray_T0);
color: var(--white);
} .label-box.not-nested-style:not(.has-border-color)>.box-content,
.label-box>.label-box-content {
border-radius: 0;
border: 1px solid var(--LtGray_T30);
}
.label-box .label-box-label {
font-weight: normal;
} .iconlist-box {
background-color: var(--Blk_Beige_T70);
}
.iconlist-box ul {
padding-top: 0.6em;
padding-bottom: 0.6em;
}
.iconlist-box .iconlist-title {
padding-bottom: 0.4em;
position: relative;
}
.iconlist-box .iconlist-title::before {
display: block;
content: "";
border-bottom: dashed 1px var(--Blk_Beige_T0);
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: none;
}
.iconlist-box li::before {
color: var(--LtBlue_S30);
} .cocoon-block-timeline.not-nested-style {
--cocoon-custom-background-color: var(--LtBlue_T90);
}
.timeline-box {
border: none;
background-color: var(--LtBlue_T90);
padding: 0;
padding-bottom: 3rem;
}
.timeline-box .timeline-title {
border-bottom: double 3px var(--LtBlue_T50);
margin-bottom: 1rem;
padding: 0.6rem 0;
}
.timeline-box .timeline-title::before {
border-bottom: dashed 1px var(--LtGray_T0);
}
.timeline-box .timeline-item {
display: flex;
flex-direction: column;
padding-left: 2em;
position: relative;
}
.timeline-box .timeline-item-title {
padding-bottom: 0.8em;
}
.timeline-box .timeline-item-label {
color: var(--LtBlue_S30);
width: -moz-fit-content;
width: fit-content;
padding-top: 14px;
padding-right: 0;
padding-left: 1.6em;
float: none;
}
.timeline-item:before {
background-color: var(--LtBlue_S30);
width: 9px;
height: 9px;
left: 1.8em;
}
.timeline-box .timeline-item-content {
border-left: dashed 1px var(--LtGray_T30);
width: 100%;
}
.timeline-box .timeline-item-snippet .iconlist-box ul {
list-style: none;
} blockquote {
background-color: var(--LtGray_T90);
border: none;
border-top: 1px solid var(--LtBlue_T0);
border-bottom: 1px solid var(--LtBlue_T0);
padding: 1.4em 1.8em;
position: relative;
}
blockquote::before,
blockquote::after {
content: "\f10d";
color: var(--LtBlue_T0);
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.2em;
}
blockquote::before {
top: -0.7em;
}
blockquote::after {
bottom: 0.2em;
}
blockquote cite {
display: block;
text-align: right;
border-top: dashed 1px var(--LtGray_T30);
width: 100%;
padding-top: 0.6em;
} .toggle-button {
color: var(--LtBlue_S30);
padding: 8px 10px;
border: solid 1px var(--LtBlue_S30);
border-radius: 0;
background-color: var(--LtGray_T90);
}
.toggle-button::before {
display: inline-block;
content: "\f078";
color: currentColor;
opacity: 1;
}
.toggle-box .toggle-checkbox:checked~.toggle-button:before {
content: "\f077";
}
.toggle-box .toggle-checkbox:checked~.toggle-content {
border-width: 1px;
border-top: none;
}  .scroll-hint.is-right-scrollable,
.scroll-hint.is-right-scrollable.is-left-scrollable,
.scroll-hint.is-left-scrollable {
background: unset;
} [class*=is-style-numeric-list-]>li::before {
letter-spacing: 0;
}
.is-style-numeric-list-step>li:before {
line-height: 1.5;
}  .tab-label-group .tab-label {
font-family: var(--skin-grayish-style-font);
font-weight: 400;
letter-spacing: 0.1rem;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding: 0.8em 1.5em;
position: relative;
flex: 0 0 auto;
}
.tab-content-group {
border: 0px solid #ddd;
padding: 1.2em;
border-radius: 0px;
background-color: var(--white);
}
.tab-block .tab-label-group {
overflow-x: auto;
overflow-y: visible;
gap: 0;
background-color: var(--white);
padding-bottom: 1em;
}
.tab-label-group .tab-label {
font-size: 14px;
line-height: 1.6;
background-color: var(--white);
color: var(--LtGray_T0);
transition: color .4s;
}
.tab-label-group .tab-label.is-active {
background-color: var(--white);
color: var(--LtGray_S50);
}
.tab-label-group .tab-label.is-active::after {
background-color: var(--skin-grayish-site-main-hover);
}
.tab-label-group .tab-label::after {
display: block;
content: "";
background-color: transparent;
background-color: var(--LtGray_T50);
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
}   .gray-tab-label-font .tab-label-group .tab-label {
font-size: clamp(0.625rem, 0.6136rem + 0.4545vw, 1rem);
} .gray-tab-label-equal:not([class*="is-style-grytab"]) .tab-label-group,
:where(.is-style-grytab-low-line-equal, .is-style-grytab-up-line-equal, .is-style-grytab-tablabel-equal, .is-style-grytab-line-equal, .is-style-grytab-cir-equal) .tab-label-group,
:where(.is-style-grytab-low-line-equal-pc, .is-style-grytab-up-line-equal-pc, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-line-equal-pc, .is-style-grytab-cir-equal-pc) .tab-label-group,
:where(.is-style-grytab-low-line-equal-odd, .is-style-grytab-up-line-equal-odd, .is-style-grytab-tablabel-equal-odd, .is-style-grytab-line-equal-odd, .is-style-grytab-cir-equal-odd) .tab-label-group {
justify-content: space-between;
flex-wrap: wrap;
overflow-wrap: anywhere;
white-space: normal;
}
.gray-tab-label-equal:not([class*="is-style-grytab"]) .tab-label-group .tab-label,
:where(.is-style-grytab-low-line-equal, .is-style-grytab-up-line-equal, .is-style-grytab-tablabel-equal, .is-style-grytab-line-equal, .is-style-grytab-cir-equal) .tab-label-group .tab-label,
:where(.is-style-grytab-low-line-equal-odd, .is-style-grytab-up-line-equal-odd, .is-style-grytab-tablabel-equal-odd, .is-style-grytab-line-equal-odd, .is-style-grytab-cir-equal-odd) .tab-label-group .tab-label {
flex: 1;
text-align: center;
} .gray-tab-label-equal.--pc-center:not([class*="is-style-grytab"]) .tab-label-group,
:where(.is-style-grytab-low-line-equal-pc, .is-style-grytab-up-line-equal-pc, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-line-equal-pc, .is-style-grytab-cir-equal-pc) .tab-label-group {
justify-content: center;
}
.gray-tab-label-equal.--pc-center:not([class*="is-style-grytab"]) .tab-label-group .tab-label,
:where(.is-style-grytab-low-line-equal-pc, .is-style-grytab-up-line-equal-pc, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-line-equal-pc, .is-style-grytab-cir-equal-pc) .tab-label-group .tab-label {
flex: 0 0 25%;
text-align: center;
} .gray-tab-style-up:not([class*="is-style-grytab"]) .tab-label-group .tab-label.is-active::after,
:where(.is-style-grytab-up-line, .is-style-grytab-up-line-equal, .is-style-grytab-up-line-equal-pc, .is-style-grytab-up-line-equal-odd) .tab-label-group .tab-label.is-active::after {
background-color: var(--skin-grayish-site-main-hover);
}
.gray-tab-style-up:not([class*="is-style-grytab"]) .tab-label-group .tab-label::after,
:where(.is-style-grytab-up-line, .is-style-grytab-up-line-equal, .is-style-grytab-up-line-equal-pc, .is-style-grytab-up-line-equal-odd) .tab-label-group .tab-label::after {
display: block;
content: "";
background-color: transparent;
background-color: var(--LtGray_T50);
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 0;
bottom: unset;
}  .gray-tab-style:not([class*="is-style-grytab"]) .tab-label-group .tab-label,
:where(.is-style-grytab-tablabel, .is-style-grytab-tablabel-equal, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-tablabel-equal-odd) .tab-label-group .tab-label {
padding: 0.5em 1.5em;
background-color: var(--white);
transition: background-color .4s;
}
.gray-tab-style:not([class*="is-style-grytab"]) .tab-label-group .tab-label.is-active,
:where(.is-style-grytab-tablabel, .is-style-grytab-tablabel-equal, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-tablabel-equal-odd) .tab-label-group .tab-label.is-active {
background-color: var(--LtBlue_T70);
color: var(--LtGray_S50);
}
.gray-tab-style:not([class*="is-style-grytab"]) .tab-label-group .tab-label.is-active::after,
:where(.is-style-grytab-tablabel, .is-style-grytab-tablabel-equal, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-tablabel-equal-odd) .tab-label-group .tab-label.is-active::after {
background-color: var(--LtBlue_T0);
}
.gray-tab-style:not([class*="is-style-grytab"]) .tab-label-group .tab-label::after,
:where(.is-style-grytab-tablabel, .is-style-grytab-tablabel-equal, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-tablabel-equal-odd) .tab-label-group .tab-label::after {
display: block;
content: "";
background-color: transparent;
background-color: var(--LtGray_T50);
width: 100%;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
top: unset;
} .gray-tab-style-line:not([class*="is-style-grytab"]) .tab-content-group,
:where(.is-style-grytab-line, .is-style-grytab-line-equal, .is-style-grytab-line-equal-pc, .is-style-grytab-line-equal-odd) .tab-content-group {
border-top: 1px solid var(--LtGray_T70);
border-bottom: 1px solid var(--LtGray_T70);
background-color: var(--white);
}
.gray-tab-style-line:not([class*="is-style-grytab"]) .tab-label-group,
:where(.is-style-grytab-line, .is-style-grytab-line-equal, .is-style-grytab-line-equal-pc, .is-style-grytab-line-equal-odd) .tab-label-group {
padding-bottom: 0.5em;
}
.gray-tab-style-line:not([class*="is-style-grytab"]) .tab-label-group .tab-label,
:where(.is-style-grytab-line, .is-style-grytab-line-equal, .is-style-grytab-line-equal-pc, .is-style-grytab-line-equal-odd) .tab-label-group .tab-label {
padding: 0.5em 1.5em;
background-color: var(--white);
color: var(--LtGray_T30);
transition: color .4s;
}
.gray-tab-style-line:not([class*="is-style-grytab"]) .tab-label-group .tab-label.is-active,
:where(.is-style-grytab-line, .is-style-grytab-line-equal, .is-style-grytab-line-equal-pc, .is-style-grytab-line-equal-odd) .tab-label-group .tab-label.is-active {
color: var(--LtGray_S50);
}
.gray-tab-style-line:not([class*="is-style-grytab"]) .tab-label-group .tab-label::before,
:where(.is-style-grytab-line, .is-style-grytab-line-equal, .is-style-grytab-line-equal-pc, .is-style-grytab-line-equal-odd) .tab-label-group .tab-label::before {
display: block;
content: "";
background-color: var(--LtGray_T70);
width: 1px;
height: 1.5ch;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
.gray-tab-style-line:not([class*="is-style-grytab"]) .tab-label-group .tab-label:first-child::before,
:where(.is-style-grytab-line, .is-style-grytab-line-equal, .is-style-grytab-line-equal-pc, .is-style-grytab-line-equal-odd) .tab-label-group .tab-label:first-child::before {
display: none;
}
.gray-tab-style-line:not([class*="is-style-grytab"]) .tab-label-group .tab-label.is-active::after,
:where(.is-style-grytab-line, .is-style-grytab-line-equal, .is-style-grytab-line-equal-pc, .is-style-grytab-line-equal-odd) .tab-label-group .tab-label.is-active::after,
.gray-tab-style-line:not([class*="is-style-grytab"]) .tab-label-group .tab-label::after,
:where(.is-style-grytab-line, .is-style-grytab-line-equal, .is-style-grytab-line-equal-pc, .is-style-grytab-line-equal-odd) .tab-label-group .tab-label::after {
display: none;
} .gray-tab-style-cir:not([class*="is-style-grytab"]),
:is(.is-style-grytab-cir, .is-style-grytab-cir-equal, .is-style-grytab-cir-equal-pc, .is-style-grytab-cir-equal-odd) {
background-color: var(--Blk_Beige_T70);
}
.gray-tab-style-cir:not([class*="is-style-grytab"]) .tab-content-group,
:is(.is-style-grytab-cir, .is-style-grytab-cir-equal, .is-style-grytab-cir-equal-pc, .is-style-grytab-cir-equal-odd) .tab-content-group {
border-top: 1px solid var(--Blk_Beige_T0);
background-color: var(--Blk_Beige_T70);
}
.gray-tab-style-cir:not([class*="is-style-grytab"]) .tab-label-group,
:is(.is-style-grytab-cir, .is-style-grytab-cir-equal, .is-style-grytab-cir-equal-pc, .is-style-grytab-cir-equal-odd) .tab-label-group {
background-color: var(--Blk_Beige_T70);
row-gap: 8px;
-moz-column-gap: 4px;
column-gap: 4px;
padding: 2em 1em;
}
.gray-tab-style-cir:not([class*="is-style-grytab"]) .tab-label-group .tab-label,
:is(.is-style-grytab-cir, .is-style-grytab-cir-equal, .is-style-grytab-cir-equal-pc, .is-style-grytab-cir-equal-odd) .tab-label-group .tab-label {
padding: 0.5em 1.5em;
background-color: var(--white);
border-radius: 30px 30px;
border: 1px solid var(--Blk_Beige_S50);
color: var(--Blk_Beige_S50);
transition: background-color .4s, color .4s;
}
.gray-tab-style-cir:not([class*="is-style-grytab"]) .tab-label-group .tab-label.is-active,
:is(.is-style-grytab-cir, .is-style-grytab-cir-equal, .is-style-grytab-cir-equal-pc, .is-style-grytab-cir-equal-odd) .tab-label-group .tab-label.is-active {
background-color: var(--Blk_Beige_S50);
color: var(--white);
}
.gray-tab-style-cir:not([class*="is-style-grytab"]) .tab-label-group .tab-label.is-active::after,
:is(.is-style-grytab-cir, .is-style-grytab-cir-equal, .is-style-grytab-cir-equal-pc, .is-style-grytab-cir-equal-odd) .tab-label-group .tab-label.is-active::after,
.gray-tab-style-cir:not([class*="is-style-grytab"]) .tab-label-group .tab-label::after,
:is(.is-style-grytab-cir, .is-style-grytab-cir-equal, .is-style-grytab-cir-equal-pc, .is-style-grytab-cir-equal-odd) .tab-label-group .tab-label::after {
display: none;
}  .nwa .gray-tab-label-equal:not([class*="is-style-grytab"]) .tab-label-group,
.nwa :where(.is-style-grytab-low-line-equal, .is-style-grytab-up-line-equal, .is-style-grytab-tablabel-equal, .is-style-grytab-line-equal, .is-style-grytab-cir-equal) .tab-label-group {
display: grid;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
row-gap: 4px;
} .nwa .gray-tab-label-equal.--odd:not([class*="is-style-grytab"]) .tab-label-group,
.nwa :where(.is-style-grytab-low-line-equal-odd, .is-style-grytab-up-line-equal-odd, .is-style-grytab-tablabel-equal-odd, .is-style-grytab-line-equal-odd, .is-style-grytab-cir-equal-odd) .tab-label-group {
display: grid;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
row-gap: 4px;
}
.nwa .gray-tab-label-equal:not([class*="is-style-grytab"]) .tab-label-group .tab-label,
.nwa :where(.is-style-grytab-low-line-equal, .is-style-grytab-up-line-equal, .is-style-grytab-tablabel-equal, .is-style-grytab-line-equal, .is-style-grytab-cir-equal) .tab-label-group .tab-label,
.nwa :where(.is-style-grytab-low-line-equal-pc, .is-style-grytab-up-line-equal-pc, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-line-equal-pc, .is-style-grytab-cir-equal-pc) .tab-label-group .tab-label,
.nwa :where(.is-style-grytab-low-line-equal-odd, .is-style-grytab-up-line-equal-odd, .is-style-grytab-tablabel-equal-odd, .is-style-grytab-line-equal-odd, .is-style-grytab-cir-equal-odd) .tab-label-group .tab-label {
font-size: 12px;
} .nwa .gray-tab-style-line.gray-tab-label-equal:not([class*="is-style-grytab"]):not(.--odd) .tab-label-group .tab-label:nth-child(odd)::before,
.nwa :where(.is-style-grytab-line-equal, .is-style-grytab-line-equal-pc) .tab-label-group .tab-label:nth-child(odd)::before {
display: none;
} .nwa .gray-tab-style-line.gray-tab-label-equal:not([class*="is-style-grytab"]).--odd .tab-label-group .tab-label:nth-child(3n+1)::before,
.nwa .is-style-grytab-line-equal-odd .tab-label-group .tab-label:nth-child(3n+1)::before {
display: none;
} .nwa .gray-tab-label-equal:not([class*="is-style-grytab"]).--pc-center .tab-label-group,
.nwa :where(.is-style-grytab-low-line-equal-pc, .is-style-grytab-up-line-equal-pc, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-line-equal-pc, .is-style-grytab-cir-equal-pc) .tab-label-group {
display: grid;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
row-gap: 4px;
}
.nwa .gray-tab-label-equal:not([class*="is-style-grytab"]).--pc-center .tab-label-group .tab-label,
.nwa :where(.is-style-grytab-low-line-equal-pc, .is-style-grytab-up-line-equal-pc, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-line-equal-pc, .is-style-grytab-cir-equal-pc) .tab-label-group .tab-label { text-align: center;
} .skin-grayish .sidebar-menu-content .sidebar.nwa {
padding: 32px 8px;
}
.nwa .tab-content-group {
padding: 1.2em 0;
}
.nwa :is(.gray-tab-style-cir, .is-style-grytab-cir, .is-style-grytab-cir-equal, .is-style-grytab-cir-equal-pc, .is-style-grytab-cir-equal-odd) .tab-content-group,
.nwa .footer-widgets .tab-content-group,
.nwa .footer-widgets-mobile .tab-content-group {
padding: 1.2em 0.8em;
}  .skin-grayish .article-footer .entry-categories .cat-link {
color: var(--cocoon-white-color);
text-decoration: none;
display: inline-block;
margin-right: 5px;
padding: 2px 6px;
font-size: 12px;
background-color: var(--skin-grayish-cat-back);
border-radius: 0%;
word-break: break-all;
margin-bottom: 4px;
}
.skin-grayish .article-footer .entry-tags .tag-link {
color: var(--skin-grayish-cat-back);
text-decoration: none;
display: inline-block;
margin-right: 5px;
padding: 1px 5px;
font-size: 12px;
border: 1px solid var(--skin-grayish-cat-back);
border-radius: 0%;
word-break: break-all;
margin-bottom: 4px;
} .skin-grayish .article-footer .sns-share,
.skin-grayish .article-footer .sns-follow {
padding: 24px 0;
}
.skin-grayish .article-footer .sns-share-buttons,
.skin-grayish .article-footer .sns-follow-buttons {
justify-content: center;
background-image: linear-gradient(-45deg, #fff 25%, var(--skin-grayish-gradient) 25%, var(--skin-grayish-gradient) 50%, #fff 50%, #fff 75%, var(--skin-grayish-gradient) 75%, var(--skin-grayish-gradient));
background-size: 8px 8px;
padding: 1.625rem 1rem;
gap: 1.625rem;
margin: 0;
}
.skin-grayish .article-footer .sns-buttons {
flex-wrap: wrap;
}
.skin-grayish .article-footer .sns-buttons a {
color: var(--skin-grayish-site-sub-color);
font-size: 20px;
background-color: var(--white);
border-radius: 99%;
margin: 10px;
}
.skin-grayish .article-footer .sns-share-message,
.skin-grayish .article-footer .sns-follow-message {
margin-bottom: 0;
}
.skin-grayish .article-footer .sns-share-message,
.skin-grayish .article-footer .sns-follow-message {
color: var(--skin-grayish-site-sub-color);
font-weight: 500;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
padding: 8px 0;
position: relative;
}
.skin-grayish .article-footer .sns-share-message::before,
.skin-grayish .article-footer .sns-share-message::after,
.skin-grayish .article-footer .sns-follow-message::before,
.skin-grayish .article-footer .sns-follow-message::after {
display: block;
content: "";
background-color: currentColor;
width: 1px;
height: 1.4em;
position: absolute;
top: 0.8em;
z-index: 1;
}
.skin-grayish .article-footer .sns-share-message::before,
.skin-grayish .article-footer .sns-follow-message::before {
left: -1.5em;
rotate: -30deg;
}
.skin-grayish .article-footer .sns-share-message::after,
.skin-grayish .article-footer .sns-follow-message::after {
right: -1.5em;
rotate: 30deg;
}
.skin-grayish .article-footer .sns-share, .sns-follow {
margin: 0;
} .skin-grayish .article-footer .widget .sns-follow-buttons {
row-gap: 10px;
-moz-column-gap: 6px;
column-gap: 6px;
} .skin-grayish .content .main .entry-content {
border-bottom: solid 1px var(--skin-grayish-site-main-hover);
}  .skin-grayish .related-entry-heading, .comment-title,
.skin-grayish .main-widget-label {
margin: 22px 0;
padding: 4px 0;
font-size: 24px;
border-bottom: solid 1px var(--skin-grayish-site-main-hover);
} .skin-grayish .under-entry-content .related-list {
flex-wrap: nowrap;
overflow-x: auto;
justify-content: flex-start;
}
.skin-grayish .under-entry-content .related-list .related-entry-card-wrap {
flex-shrink: 0;
width: 28.5%;
} .skin-grayish .under-entry-content .related-entry-heading .sub-caption {
padding-left: 0.65em;
} .skin-grayish .under-entry-content .rect-vertical-card .related-entry-card-title {
font-size: 14px;
margin: 5px 0;
} .skin-grayish .under-entry-content .rect-vertical-card .related-entry-card-snippet {
font-size: 10px;
margin-bottom: 5px;
} .skin-grayish .under-entry-content .rect-vertical-card .related-entry-card-meta {
position: static;
font-size: 10px;
} .skin-grayish .comment-btn {
width: 100%;
}
.skin-grayish .comment-reply-link {
color: var(--white);
background-color: var(--skin-grayish-site-sub-color);
border: 0px;
margin-right: 0px;
padding: 8px 16px;
}
.skin-grayish .comment-reply-link:hover {
color: var(--skin-grayish-site-sub-color);
background-color: var(--white);
}
.skin-grayish .comment-form .form-submit input[type='submit'] {
color: var(--skin-grayish-site-name-txt);
font-size: 1em;
border: 0px;
background-color: var(--skin-grayish-site-main-thin);
} .skin-grayish .pager-post-navi {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding: 1rem 0;
border-top: 1px dashed var(--skin-grayish-site-main-hover);
border-bottom: 1px dashed var(--skin-grayish-site-main-hover);
}
.skin-grayish .pager-post-navi::after {
display: none;
}
.skin-grayish .pager-post-navi a.prev-post,
.skin-grayish .pager-post-navi a.next-post {
position: relative;
width: 48%;
padding-left: 0;
padding-right: 0;
line-height: 1.4;
}
.skin-grayish .pager-post-navi a.next-post {
width: 100%;
}
.skin-grayish .pager-post-navi a.prev-post+a.next-post {
width: 48%;
}
.skin-grayish .pager-post-navi a .iconfont {
display: none;
}
.skin-grayish .pager-post-navi .a-wrap {
padding: 0;
translate: 0%;
}
.skin-grayish .pager-post-navi .a-wrap:hover {
background-color: transparent;
translate: 0% -6px;
}
.skin-grayish .pager-post-navi .next-post-thumb,
.skin-grayish .pager-post-navi .prev-post-thumb {
display: block;
position: relative;
}
.skin-grayish .pager-post-navi .next-post-thumb::before,
.skin-grayish .pager-post-navi .prev-post-thumb::before {
display: block;
content: "";
color: var(--skin-grayish-cat-txt);
font-size: 1em;
background-color: var(--skin-grayish-site-sub-color);
width: -moz-fit-content;
width: fit-content;
padding: 0.2em;
position: absolute;
top: 0;
z-index: 5;
}
.skin-grayish .pager-post-navi .prev-post-thumb::before {
content: "Prev";
left: 0;
}
.skin-grayish .pager-post-navi .next-post-thumb::before {
content: "Next";
right: 0;
}
.skin-grayish .pager-post-navi a.prev-post .prev-post-title {
margin-right: 4px;
margin-left: 8px;
}
.skin-grayish .pager-post-navi a.next-post .next-post-title {
margin-right: 8px;
margin-left: 4px;
} .skin-grayish .sidebar {
background: none;
}
.skin-grayish .sidebar h3 {
color: var(--skin-grayish-site-name-txt);
font-size: 24px;
background: none;
border-bottom: solid 1px var(--skin-grayish-site-main-hover);
padding: 4px;
}
.skin-grayish .sidebar .widget-entry-card,
.skin-grayish .sidebar .info-list .info-list-item-content,
.skin-grayish .sidebar .toc-list>li,
.skin-grayish .sidebar .toc-list>li a {
font-size: 14px;
}
.skin-grayish .sidebar .toc-list>li li a {
font-size: 12px;
}  .skin-grayish .sidebar .tnt-none .toc-list>li li a {
margin-top: 1em;
}
.skin-grayish .sidebar .tnt-none .toc-list>li:before {
top: 1.42em;
width: 0.8em;
height: 0.8em;
}
.skin-grayish.ff-noto-sans-jp .sidebar .tnt-none .toc-list>li:before {
top: 1.5em;
} .skin-grayish .sidebar .tnt-number .toc-list {
padding: 0 1em;
}
.skin-grayish .sidebar .tnt-number .toc-list>li>a {
padding-left: 0.5em;
}
.skin-grayish .sidebar .tnt-number .toc-list>li>ol {
padding-left: 0.5em;
}
.skin-grayish .sidebar .tnt-number .toc-list>li li>a {
margin-left: 0.5em;
padding-left: 1.5em;
} .skin-grayish .sidebar .tnt-number-detail .toc-list {
padding: 0 1em;
}
.skin-grayish .sidebar .tnt-number .toc-list>li::before {
line-height: 1.9;
width: 1.9em;
height: 1.9em;
}
.skin-grayish.ff-noto-sans-jp .sidebar .tnt-number .toc-list>li::before {
top: 0.9em;
line-height: 1.85;
width: 1.85em;
height: 1.85em;
}  .skin-grayish .widget-sidebar-scroll:first-child {
padding-top: var(--ohterHeaderLogosize);
}
.skin-grayish.admin-bar .widget-sidebar-scroll:first-child {
padding-top: calc(var(--ohterHeaderLogosize) + var(--wp-admin--admin-bar--height));
} .skin-grayish .sidebar-scroll .toc-content {
max-height: 500px;
overflow-y: auto;
width: 100%;
} .skin-grayish .archive-title {
font-size: 24px;
font-weight: 400;
padding: 8px 0;
border-bottom: double 3px var(--skin-grayish-site-main-hover);
} .skin-grayish .archive-title span {
color: var(--skin-grayish-site-sub-color);
margin-right: 4px;
}
.skin-grayish .archive-title span::before {
font-size: 0.8em;
} .skin-grayish .pagination a:hover,
.skin-grayish .pager-links.pager-numbers .post-page-numbers .page-numbers:not(.current):hover {
color: var(--skin-grayish-site-main-hover);
background-color: var(--skin-grayish-site-main-thin);
scale: 1.1;
} .skin-grayish .pagination .page-numbers,
.skin-grayish .pager-links.pager-numbers .post-page-numbers .page-numbers {
display: flex;
justify-content: center;
align-items: center;
line-height: 1.4;
background-color: var(--skin-grayish-gradient);
border-radius: 99%;
border: solid 1px var(--skin-grayish-gradient);
letter-spacing: 0;
} .skin-grayish .pager-links.pager-numbers .post-page-numbers {
text-decoration: none;
}
.skin-grayish .pagination .page-numbers.current,
.skin-grayish .pager-links.pager-numbers .post-page-numbers .page-numbers.current {
color: var(--skin-grayish-site-main-hover);
background-color: transparent;
border-radius: 99%;
border: solid 1px var(--skin-grayish-site-main-hover);
}
.skin-grayish .pagination .page-numbers span::before {
color: var(--skin-grayish-site-sub-color);
}  .skin-grayish .pagination {
margin: 24px 0 64px 0;
} .skin-grayish .pagination {
flex-wrap: wrap;
row-gap: 1em;
}
.skin-grayish .pagination,
.skin-grayish .pager-links.pager-numbers .post-page-numbers .page-numbers {
font-size: 16px;
} .skin-grayish .footer {
background-color: var(--LtGray_T70);
overflow-x: hidden;
margin-top: 0;
}
.skin-grayish .footer-bottom {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 0;
padding: 1rem 8px;
} .skin-grayish .footer-widgets {
position: relative;
}
.skin-grayish .footer-widgets::before {
display: block;
content: "";
background-color: var(--skin-grayish-site-main-hover);
width: 100vw;
height: 1px;
margin: 0 calc(50% - 50vw);
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.skin-grayish .footer-bottom-logo {
float: unset;
width: -moz-fit-content;
width: fit-content;
flex: 1;
padding: 1rem 0;
position: relative;
}
.skin-grayish .footer-bottom-logo .logo-text {
text-align: left;
}
.skin-grayish .footer-bottom-logo .logo-text .site-name-text-link {
padding: 0;
}
.skin-grayish .footer-bottom-logo .site-name-text {
display: inline-block;
font-size: clamp(14px, 4.8vw, 18px);
min-height: 0vw;
letter-spacing: 0.4rem;
scale: 1.0;
transition: scale 0.3s, color 0.3s ease-in-out;
margin-right: -0.4rem;
}
.skin-grayish .footer-bottom-logo img {
height: auto;
width: min(80%, 300px);
}
.skin-grayish .footer-bottom-content {
float: unset;
width: -moz-fit-content;
width: fit-content;
flex: auto;
position: relative;
text-align: center;
} .navi-footer-in>.menu-footer .header-snsicon-submenu {
display: none;
} .skin-grayish .go-to-top-button {
bottom: 16px;
cursor: pointer;
display: block;
height: 56px;
position: fixed;
right: 16px;
transform: scale(1);
transition: transform .3s ease-in-out;
width: 56px;
z-index: 120;
}
.skin-grayish .go-to-top-button.go-to-top-button-icon-font {
background-color: var(--white_half);
border: 1px solid var(--skin-grayish-site-main-hover);
border-radius: 99%;
}
.skin-grayish .go-to-top-button:hover {
transform: scale(1.1);
}
.skin-grayish .go-to-top-button.go-to-top-button-icon-font span {
border-left: 1px solid var(--skin-grayish-site-main-hover);
border-top: 1px solid var(--skin-grayish-site-main-hover);
bottom: 0;
display: block;
height: 15px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 15%;
transform: scale(1) rotate(45deg);
transition: transform .3s ease-in-out;
width: 15px;
z-index: 125;
}
.skin-grayish .go-to-top-button.go-to-top-button-icon-font span:hover {
transform: scale(1.1) rotate(45deg);
}
.skin-grayish .go-to-top-button span::before {
display: none;
}   .skin-grayish .search-submit {
color: var(--skin-grayish-site-sub-color);
} .skin-grayish :where(.widget_categories, .widget_archive) select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--white);
} .author-box {
display: grid;
grid-template-rows: 80px auto auto auto auto;
grid-template-columns: 1fr;
width: 100%;
padding: 2em 1em;
background-color: var(--white);
border: none;
border-radius: 0%;
position: relative;
line-height: 1.4 !important;
}
.author-box .author-widget-name {
color: var(--LtGray_T0);
font-size: 12px;
font-weight: 400;
grid-row: 3;
grid-column: 1;
align-self: center;
justify-self: center;
margin-top: -1em;
padding-bottom: 1em;
overflow-wrap: anywhere;
}
.skin-grayish .author-box .author-thumb {
float: none;
grid-row: 1;
grid-column: 1;
justify-self: center;
width: 80px;
margin: 0;
}
.author-box .author-thumb img {
border-radius: 99%;
aspect-ratio: 1 / 1;
}
.author-box .author-content {
display: contents;
justify-self: center;
}
.author-box .author-name {
font-size: 16px;
grid-row: 2;
grid-column: 1;
align-self: center;
justify-self: center; margin-bottom: 0em;
padding-top: 1em; text-align: center;
width: 100%;
}
.author-box .author-name a {
display: inline-block;
color: var(--skin-grayish-site-sub-color);
font-weight: normal;
text-decoration: none;
padding-bottom: 1em;
overflow-wrap: anywhere;
}
.author-box .author-name a:hover {
color: var(--skin-grayish-site-main-hover);
text-decoration: underline;
}
.author-box .author-description {
grid-row: 4;
grid-column: 1;
color: var(--skin-grayish-author-description-txt);
font-size: 14px;
border-top: 1px dashed var(--skin-grayish-site-main-hover);
margin-top: 0.5em;
margin-bottom: 0em;
position: relative;
}
.author-box .author-follows { padding-left: 0;
border-left: none;
}
.sidebar .author-description:has(> .author-follows):not(:has(>p)) {
padding-top: 1em;
}
.author-box p {
margin-top: 0.3em;
padding: 1em 0;
line-height: 1.7;
margin-bottom: 0 !important;
overflow-wrap: anywhere;
}
.author-box .sns-follow-buttons,
.skin-grayish .article-footer .author-box .sns-follow-buttons {
flex-wrap: wrap;
justify-content: flex-start;
background-image: none;
padding: 0;
}
.nwa .author-box .sns-follow-buttons {
justify-content: center;
}
.skin-grayish .article-footer .author-box .sns-follow {
padding: 0;
}
.skin-grayish .article-footer .author-box .sns-follow a {
margin: 0;
}
.skin-grayish .article-footer .author-box .sns-follow-buttons a.follow-button {
font-size: 18px;
margin: 0;
margin-bottom: 4px;
margin-right: 4px
}
.author-box .sns-follow-buttons a.follow-button {
border: 0;
color: var(--skin-grayish-site-sub-color);
}
.author-box .sns-follow-buttons a.follow-button:hover {
background-color: transparent;
} .skin-grayish .widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .widget_block ul li a, .widget_tag_cloud a {
color: var(--skin-grayish-site-name-txt);
} .widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover, .widget_block ul li a:hover {
background-color: transparent;
color: var(--skin-grayish-site-main-hover);
} .skin-grayish .widget_tag_cloud .tagcloud a {
border: 0;
}
.skin-grayish .widget_tag_cloud .tagcloud a:hover {
color: var(--skin-grayish-site-sub-color);
background-color: var(--skin-grayish-site-main-thin);
} .skin-grayish .widget_tag_cloud .tag-caption>span::before {
color: var(--skin-grayish-site-sub-color);
} .skin-grayish .widget_sns_follow_buttons .sns-follow-buttons a {
font-size: 24px;
width: 40px;
height: 40px;
margin-bottom: 4px;
margin-right: 4px;
background-color: transparent;
color: var(--skin-grayish-site-sub-color);
border: 0px solid var(--cocoon-basic-border-color);
}
.skin-grayish .widget_sns_follow_buttons .sns-follow-buttons {
justify-content: center;
background-image: none;
padding: 0;
}
.skin-grayish .widget_sns_follow_buttons .sns-follow-message {
color: var(--skin-grayish-site-sub-color);
}
.skin-grayish .widget_sns_follow_buttons .sns-follow-message::before,
.skin-grayish .widget_sns_follow_buttons .sns-follow-message::after {
display: none;
}
.cta-box {
color: var(--skin-grayish-site-name-txt);
background-color: var(--LtGray_T70);
}
.cta-box .cta-heading {
font-weight: 400;
}
.cta-button .btn {
color: var(--skin-grayish-site-name-txt);
font-weight: 400;
background-color: var(--white);
border-radius: 0%;
border: solid 1px var(--LtGray_T30);
}
.cta-button .btn::after {
display: none;
} .box-menu {
box-shadow: inset 1px 1px 0 0 var(--LtGray_T50), 1px 1px 0 0 var(--LtGray_T50), 1px 0 0 0 var(--LtGray_T50), 0 1px 0 0 var(--LtGray_T50);
background-image: none;
transition: box-shadow .3s ease-in-out;
position: relative;
}
.box-menu::before {
display: block;
content: "";
background-color: var(--LtGray_T90);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
transition: opacity .5s ease-in-out;
}
.box-menu:hover {
box-shadow: none !important;
color: var(--skin-grayish-site-main-hover);
}
.box-menu:hover::before {
opacity: 1;
} .box-menu .box-menu-icon {
font-size: 30px;
color: var(--skin-grayish-site-sub-color);
}
.box-menu-icon img { max-height: 30px;
} .box-menu-box .box-menu .box-menu-icon * {
margin: 10px 0;
} .skin-grayish .fb-like-content {
background-color: var(--skin-grayish-cat-back);
} .skin-grayish .widget_recent_comments .recent-comment-date,
.skin-grayish .recent-comment-article {
color: var(--skin-grayish-site-sub-color);
font-size: .7em;
}
.skin-grayish .recent-comment-content {
border-radius: 0;
}
.skin-grayish .recent-comment-author {
font-weight: normal;
}
.skin-grayish :where(.comment-author, .recent-comment-avatar) img {
border-radius: 99%;
aspect-ratio: 1 / 1;
}
.skin-grayish .comment-meta {
padding-bottom: 0.7em;
}
.skin-grayish .comment-meta a {
color: var(--skin-grayish-site-sub-color);
text-decoration: none;
}
.skin-grayish .comment-body {
background-color: var(--skin-grayish-gradient);
padding: 16px;
} .skin-grayish :where(.byuser, .bypostauthor)>.comment-body {
background-color: var(--LtGray_T90);
} :where(.ranking-box, .item-ranking-box, .ranking-items) .ranking-item-name-text,
.nwa .ranking-item-name-text {
font-size: 18px;
font-weight: normal;
line-height: 1.4;
}
:where(.ranking-items .ranking-item > *) {
line-height: 1.4;
}
:where(.ranking-box, .item-ranking-box, .ranking-items) .rating-star {
font-size: 0.8em;
}
.item-ranking-box [class*="-crown"]::after,
.ranking-box [class*="-crown"]::after,
.ranking-items [class*="-crown"]::after {
display: none;
}
.item-ranking-box [class*="-crown"],
.ranking-box [class*="-crown"],
.ranking-items [class*="-crown"] {
border-bottom: 0px;
}
.item-ranking-box :is(.g-crown, .s-crown, .c-crown)::before,
.ranking-box :where(.g-crown, .s-crown, .c-crown)::before,
.ranking-items :where(.g-crown, .s-crown, .c-crown)::before {
display: block;
content: "";
width: 20px;
height: 20px;
background-image: url(//buchi-gadget.com/wp-content/themes/cocoon-master/skins/skin-grayish-topfull/images/svg-icon/crown.svg);
background-repeat: no-repeat;
position: absolute;
top: 3px;
left: 0;
z-index: 1;
}
:where(.ranking-box, .item-ranking-box, .ranking-items) .g-crown::before {
filter: invert(57%) sepia(99%) saturate(294%) hue-rotate(13deg) brightness(95%) contrast(97%);
}
:where(.ranking-box, .item-ranking-box, .ranking-items) .s-crown::before {
filter: invert(70%) sepia(0%) saturate(2434%) hue-rotate(319deg) brightness(82%) contrast(87%);
}
:where(.ranking-box, .item-ranking-box, .ranking-items) .c-crown::before {
filter: invert(27%) sepia(30%) saturate(569%) hue-rotate(318deg) brightness(96%) contrast(92%);
}
.item-ranking-box :where(.g-crown, .s-crown, .c-crown),
.ranking-box :where(.g-crown, .s-crown, .c-crown),
.ranking-items :where(.g-crown, .s-crown, .c-crown) {
border-left: none;
}
.item-ranking-box :where(.g-crown-circle, .s-crown-circle, .c-crown-circle),
.ranking-box :where(.g-crown-circle, .s-crown-circle, .c-crown-circle),
.ranking-items :where(.g-crown-circle, .s-crown-circle, .c-crown-circle) {
display: none;
}
:where(.ranking-box, .item-ranking-box, .ranking-items) .ranking-item-link-buttons a {
color: var(--skin-grayish-site-name-txt);
font-size: 16px;
font-weight: normal;
border-radius: 0px;
background-color: var(--white);
}
:where(.ranking-box, .item-ranking-box, .ranking-items) .ranking-item-link-buttons a::after {
display: none;
}
:where(.ranking-box, .item-ranking-box, .ranking-items) .ranking-item-link-buttons .ranking-item-detail a {
border: solid 1px var(--skin-grayish-site-main-thin);
background-color: var(--skin-grayish-site-main-thin);
}
:where(.ranking-box, .item-ranking-box, .ranking-items) .ranking-item-link-buttons .ranking-item-link a {
border: solid 1px var(--LtGray_T70);
background-color: var(--LtGray_T70);
}
:where(.ranking-box, .ranking-items) .ranking-item-img-desc p {
font-size: 14px;
margin-bottom: 0px;
}
:where(.ranking-box, .ranking-items) .ranking-item-link-buttons a {
padding: 8px 20px;
}
.ranking-item-img-desc {
margin-bottom: 12px;
} .footer .cta-box,
.ranking-item,
.box-menu,
.toc-widget-box,
.wp-calendar-table {
background-color: var(--white_A90);
}
.footer .cta-button .btn {
background-color: var(--LtGray_T70);
border: solid 1px var(--LtGray_T70);
}
.cta-button .btn:hover {
color: var(--white);
background-color: var(--skin-grayish-cat-back);
border: solid 1px var(--skin-grayish-cat-back);
} .skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
row-gap: 1em;
-moz-column-gap: 8px;
column-gap: 8px;
text-align: center;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard::before,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard::before,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard::before,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard::before,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard::before {
width: 100%;
padding: .6em 0em;
grid-row: 4;
grid-column: 1;
align-self: center;
justify-self: center;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard .blogcard-content::before,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard .blogcard-content::before,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard .blogcard-content::before,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard .blogcard-content::before,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard .blogcard-content::before {
font-size: min(3.125vw, 12px);
min-height: 0vw;
padding: .4em 2em;
bottom: -10px;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard .blogcard-thumbnail,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard .blogcard-thumbnail,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard .blogcard-thumbnail,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard .blogcard-thumbnail,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard .blogcard-thumbnail {
width: 100%;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard .blogcard-content,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard .blogcard-content,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard .blogcard-content,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard .blogcard-content,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard .blogcard-content {
grid-row: 2;
grid-column: 1;
text-align: left;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard .blogcard-title,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard .blogcard-title,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard .blogcard-title,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard .blogcard-title,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard .blogcard-title {
font-size: 1.0em;
line-height: 1.4;
margin-bottom: 10px;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard .blogcard-footer,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard .blogcard-footer,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard .blogcard-footer,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard.external-blogcard .blogcard-footer,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard.external-blogcard .blogcard-footer {
grid-row: 3;
grid-column: 1;
margin-top: 0;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard.external-blogcard .blogcard-site,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard.external-blogcard .blogcard-site,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard.external-blogcard .blogcard-site,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard.external-blogcard .blogcard-site,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard.external-blogcard .blogcard-site {
margin-top: 0;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard .blogcard-date,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard .blogcard-date,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard .blogcard-date,
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard .blogcard-domain,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard .blogcard-domain,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard .blogcard-domain,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard .blogcard-date,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard .blogcard-domain,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard .blogcard-date,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard .blogcard-domain {
font-size: 10px;
overflow-wrap: anywhere;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard.internal-blogcard,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard.internal-blogcard,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard.internal-blogcard,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard.internal-blogcard,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard.internal-blogcard {
grid-template-rows: auto auto auto auto;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard.internal-blogcard::before,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard.internal-blogcard::before,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard.internal-blogcard::before,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard.internal-blogcard::before,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard.internal-blogcard::before {
grid-row: 5;
grid-column: 1;
justify-self: center;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard.internal-blogcard .blogcard-footer .blogcard-date,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard.internal-blogcard .blogcard-footer .blogcard-date,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard.internal-blogcard .blogcard-footer .blogcard-date,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard.internal-blogcard .blogcard-footer .blogcard-date,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard.internal-blogcard .blogcard-footer .blogcard-date {
grid-row: 3;
grid-column: 1;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard.internal-blogcard .blogcard-footer .blogcard-site,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard.internal-blogcard .blogcard-footer .blogcard-site,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard.internal-blogcard .blogcard-footer .blogcard-site,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard.internal-blogcard .blogcard-footer .blogcard-site,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard.internal-blogcard .blogcard-footer .blogcard-site {
grid-row: 4;
grid-column: 1;
margin-bottom: 0;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard .blogcard-content .blogcard-snippet,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard .blogcard-content .blogcard-snippet,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard .blogcard-content .blogcard-snippet,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard .blogcard-content .blogcard-snippet,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard .blogcard-content .blogcard-snippet {
font-size: 0.8em;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard-label,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard-label,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard-label,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard-label,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard-label {
font-size: 12px;
left: 0.6em;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .blogcard-footer,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .blogcard-footer,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .blogcard-footer,
.skin-grayish :where(.footer-widgets, #sidebar, .sidebar-menu-content) .blogcard-footer,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .blogcard-footer {
text-align: left;
} .skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box,
.skin-grayish .footer .author-box,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box {
display: grid;
grid-template-rows: 100px auto auto auto auto !important;
grid-template-columns: 1fr !important;
-moz-column-gap: 0em !important;
column-gap: 0em !important;
width: 100% !important;
padding: 2em 1em !important;
background-color: var(--white) !important;
border: none !important;
border-radius: 0% !important;
position: relative !important;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .author-widget-name,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .author-widget-name,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .author-widget-name,
.skin-grayish .footer .author-box .author-widget-name,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .author-widget-name {
color: var(--LtGray_T0);
font-size: 12px;
grid-row: 3 !important;
grid-column: 1 !important;
align-self: center !important;
justify-self: center !important;
margin-top: -1em !important;
padding-top: 0em !important;
padding-bottom: 1.2em !important;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .author-thumb,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .author-thumb,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .author-thumb,
.skin-grayish .footer .author-box .author-thumb,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .author-thumb {
float: none;
grid-row: 1 !important;
grid-column: 1 !important;
justify-self: center !important;
width: 80px !important;
aspect-ratio: 1 / 1 !important;
margin: 0 !important;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .author-thumb img,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .author-thumb img,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .author-thumb img,
.skin-grayish .footer .author-box .author-thumb img,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .author-thumb img {
border-radius: 99%;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .author-content,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .author-content,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .author-content,
.skin-grayish .footer .author-box .author-content,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .author-content {
display: contents;
justify-self: center;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .author-name,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .author-name,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .author-name,
.skin-grayish .footer .author-box .author-name,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .author-name {
font-size: 16px;
grid-row: 2 !important;
grid-column: 1 !important;
align-self: flex-start !important;
justify-self: center !important;
margin-bottom: 0em !important;
padding-top: 0em !important;
padding-bottom: 0em !important;
text-align: center !important;
width: 100% !important;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .author-name a,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .author-name a,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .author-name a,
.skin-grayish .footer .author-box .author-name a,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .author-name a {
color: var(--skin-grayish-site-sub-color);
font-weight: normal;
text-decoration: none;
display: block;
width: 100%;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .author-name a:hover,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .author-name a:hover,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .author-name a:hover,
.skin-grayish .footer .author-box .author-name a:hover,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .author-name a:hover {
color: var(--skin-grayish-site-main-hover);
text-decoration: underline;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .author-description,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .author-description,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .author-description,
.skin-grayish .footer .author-box .author-description,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .author-description {
grid-row: 4 !important;
grid-column: 1 !important;
color: var(--skin-grayish-author-description-txt);
font-size: 14px !important;
border-top: 1px dashed var(--skin-grayish-site-main-hover) !important;
border-left: 0px !important;
margin-top: 0.5em !important;
margin-bottom: 0em !important;
padding: 1em 0 0 0 !important;
position: relative !important;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .author-follows,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .author-follows,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .author-follows,
.skin-grayish .footer .author-box .author-follows,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .author-follows { grid-row: 5 !important;
grid-column: 1 !important;
padding-left: 0 !important;
border-left: none !important;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box p,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box p,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box p,
.skin-grayish .footer .author-box p,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box p {
margin-top: 0.3em !important;
padding: 0 0 1.5em 0 !important;
line-height: 1.7 !important;
margin-bottom: 0 !important;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .sns-follow-buttons,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .sns-follow-buttons,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .sns-follow-buttons,
.skin-grayish .footer .author-box .sns-follow-buttons,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .sns-follow-buttons {
flex-wrap: wrap !important;
justify-content: center !important;
background-image: none !important;
padding: 0 !important;
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .sns-follow-buttons a.follow-button,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .sns-follow-buttons a.follow-button,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .sns-follow-buttons a.follow-button,
.skin-grayish .footer .author-box .sns-follow-buttons a.follow-button,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .sns-follow-buttons a.follow-button {
border: 0 !important;
color: var(--skin-grayish-site-sub-color);
}
.skin-grayish :where(.front-page-type-index, .front-page-type-tab-index) .widget-index-middle .author-box .sns-follow-buttons a.follow-button:hover,
.skin-grayish:not(.front-top-page).blog .widget-index-middle .author-box .sns-follow-buttons a.follow-button:hover,
.skin-grayish:where(.archive, .search) .ect-vertical-card .widget-index-middle .author-box .sns-follow-buttons a.follow-button:hover,
.skin-grayish .footer .author-box .sns-follow-buttons a.follow-button:hover,
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3, .wp-block-columns, .wp-block-media-text) .author-box .sns-follow-buttons a.follow-button:hover {
background-color: transparent;
} .skin-grayish .scroll-hint-icon {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--skin-grayish-cat-back);
width: 80px;
height: 80px;
border-radius: 99%;
top: calc(50% - 30px);
left: unset;
right: 20px;
padding: 10px 10px 10px 10px;
}
.skin-grayish .scroll-hint-icon:before,
.skin-grayish .scroll-hint-icon:after {
display: none;
}
.skin-grayish .scroll-hint-text {
font-size: 10px;
color: var(--white);
margin-top: 0;
} .skin-grayish .under-entry-content .related-list .scroll-hint-icon {
width: 100px;
height: 100px;
}
.skin-grayish .under-entry-content .related-list .scroll-hint-icon .scroll-hint-text {
font-size: 12px;
} .is-list-horizontal .swiper-button-next, .is-list-horizontal .swiper-button-prev {
background-color: var(--skin-grayish-site-main-hover);
opacity: 0.8;
}  :where(.main, .content-bottom, .content-top) .author-box .author-content {
margin-left: 0;
}   .skin-grayish .content-bottom {
margin: 0;
} .skin-grayish .content-bottom .content-bottom-in,
.skin-grayish .content-top .content-top-in {
padding: 0px 28px;
}
.skin-grayish .content-bottom .widget-content-bottom {
display: flex;
flex-direction: column;
} .skin-grayish .content-bottom .widget-content-bottom-title {
display: block;
width: 100%;
text-align: center;
} .skin-grayish.front-top-page .content-bottom .widget_popular_entries {
padding-top: 4.5rem;
} .skin-grayish .content-bottom .widget_popular_entries {
padding-top: 3.5rem;
} .widget-entry-cards.ranking-visible .card-thumb::before {
font-size: 0.8em;
letter-spacing: 0;
width: 2em;
height: 2em;
line-height: 2em;
padding: 0;
} .skin-grayish .content-bottom .widget_author_box,
.skin-grayish .content-top .widget_author_box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
padding: 2rem 0 6rem;
position: relative;
}
.skin-grayish .content-top .widget_author_box {
padding: 2rem 0 2rem;
}
.skin-grayish .content-bottom .widget_author_box .author-box {
margin-top: 5rem;
}
.skin-grayish .content-bottom .widget_author_box h2+.author-box {
margin-top: 0;
}
.skin-grayish .content-bottom .widget_author_box::before,
.skin-grayish .content-bottom .widget_author_box::after {
display: block;
content: "";
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100vw;
height: 100%;
margin: 0 calc(50% - 50vw);
position: absolute;
top: 0;
left: 0;
z-index: -5;
}
.skin-grayish .content-bottom .widget_author_box::after {
background-image: none;
background-color: var(--white);
opacity: 0.5;
z-index: -1;
}
:where(.main, .content-bottom, .content-top) .author-box {
display: grid;
place-content: center;
grid-template-rows: auto auto;
grid-template-columns: minmax(auto, 180px) minmax(500px, 1fr);
row-gap: 0;
-moz-column-gap: 2.5em;
column-gap: 2.5em;
background-color: var(--white_A90);
width: -moz-fit-content;
width: fit-content;
padding: 4em;
margin-bottom: 0;
position: relative;
}
:where(.content-top) .author-box {
grid-template-columns: minmax(auto, 150px) 1fr;
width: 100%;
background-color: var(--white);
}
:where(.main) .author-box {
grid-template-columns: minmax(auto, 150px) 1fr;
padding: 2em;
background-color: var(--white);
width: 100%;
}
:where(.main, .sidebar, .content-top) .author-box::before, .author-box::after {
display: block;
content: "";
width: 2.5rem;
height: 2.5rem;
position: absolute;
z-index: 1;
}
:where(.main, .sidebar, .content-top) .author-box::before {
border-left: solid 1px var(--LtGray_T30);
border-top: solid 1px var(--LtGray_T30);
top: 0;
left: 0;
}
:where(.main, .sidebar, .content-top) .author-box::after {
border-right: solid 1px var(--LtGray_T30);
border-bottom: solid 1px var(--LtGray_T30);
bottom: 0;
right: 0;
}
:where(.main, .content-bottom, .content-top) .author-box p {
padding: 0 0 1.5em 0;
}
:where(.main, .content-bottom, .content-top) .author-box .author-follows {
padding-left: 0rem;
border-left: 0px dashed var(--skin-grayish-site-main-hover);
grid-row: 3;
grid-column: 2;
}
:where(.main, .content-bottom, .content-top) .author-box .author-widget-name {
color: var(--LtGray_T0);
font-size: 12px;
grid-column: 1;
justify-self: center;
align-self: flex-start;
margin-top: -1em;
grid-row: 2 / span 1;
}
.skin-grayish :where(.main, .content-bottom, .content-top) .author-box .author-thumb {
width: 100px;
float: none;
margin-top: 0;
margin-right: 0;
grid-row: 1;
grid-column: 1;
justify-self: center;
align-self: flex-start;
}
:where(.main, .content-bottom, .content-top) .author-box .author-content {
display: contents;
}
:where(.main, .content-bottom, .content-top) .author-box .author-content .author-name {
align-self: flex-start;
grid-row: 1;
grid-column: 1;
text-align: center;
margin-bottom: 0px;
padding-top: 120px;
padding-bottom: 0em;
}
:where(.main, .content-bottom, .content-top) .author-box .author-content .author-description {
text-align: left;
border-top: none;
border-left: 1px dashed var(--skin-grayish-site-main-hover);
margin: 0px;
padding-left: 2rem;
grid-row: 1/3;
grid-column: 2;
} .skin-grayish .content-bottom .widget_author_box+.widget-content-bottom {
padding-top: 2.5rem;
} .skin-grayish .content-bottom .widget_author_box+.widget-content-bottom.widget_popular_entries {
padding-top: 4.5rem;
} .skin-grayish.front-top-page .content-bottom .content-bottom-in .widget-content-bottom:first-child:not(.widget_author_box) {
padding-top: 2.5rem;
} .skin-grayish.front-top-page .content-bottom .content-bottom-in .widget-content-bottom:first-child.widget_popular_entries {
padding-top: 4.5rem;
} .skin-grayish .footer h3 {
border-bottom: 1px solid var(--skin-grayish-site-main-hover);
margin: 22px 0;
padding: 4px 0;
}
.skin-grayish .footer-widgets .widget_media_image img,
.skin-grayish .footer-widgets-mobile .widget_media_image img {
width: 100%;
} .skin-grayish .carousel-entry-card {
display: flex;
flex-direction: column;
width: 100%;
}
.skin-grayish .carousel-entry-card-wrap.a-wrap {
background-color: transparent;
}
.skin-grayish .carousel .slick-arrow:before {
color: var(--skin-grayish-site-sub-color);
} body:has(#spotlight.show) .header {
background-image: none;
} .search-box.input-box,
.entry-content input[type="text"],
.entry-content input[type="password"],
.entry-content input[type="date"],
.entry-content input[type="datetime"],
.entry-content input[type="email"],
.entry-content input[type="number"],
.entry-content input[type="search"],
.entry-content input[type="tel"],
.entry-content input[type="time"],
.entry-content input[type="url"],
.entry-content textarea,
.comment-area input,
.comment-area textarea {
font-size: 16px;
}
.wp-block-search__input {
font-size: 16px !important;
}  @media screen and (min-width: 1401px) and (max-height: 650px) { .skin-grayish .article-header .sns-share {
display: block;
left: unset;
position: static;
top: unset;
transform: none;
order: 7;
opacity: 1;
visibility: visible;
}
.skin-grayish .article-header .sns-share-buttons {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
padding: 1rem 0;
gap: 1rem;
}
.skin-grayish .article-header .sns-share-buttons a {
margin-bottom: 0;
}
} @media screen and (max-width: 1400px) {
.skin-grayish .wrap {
width: min(91%, 1280px) !important;
}
.skin-grayish .breadcrumb {
font-size: 10px;
}
.skin-grayish #navi-in.wrap {
width: 100% !important;
}
.skin-grayish:not(.front-top-page) .header .header-in.wrap {
width: -moz-fit-content !important;
width: fit-content !important;
}
.skin-grayish:not(.front-top-page) .breadcrumb.wrap {
width: auto !important;
}
.skin-grayish:not(.front-top-page) .content-top .content-top-in.wrap,
.skin-grayish:not(.front-top-page) .content .content-in.wrap {
width: auto !important;
}
.skin-grayish:not(.front-top-page) .content .content-in {
justify-content: space-around;
} .skin-grayish .article-header .sns-share {
display: block;
left: unset;
position: static;
top: unset;
transform: none;
order: 7;
opacity: 1;
visibility: visible;
}
.skin-grayish .article-header .sns-share-buttons {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
padding: 1rem 0;
gap: 1rem;
}
.skin-grayish .article-header .sns-share-buttons a {
margin-bottom: 0;
} .skin-grayish .searchMenuDialog_wrapper {
justify-content: flex-start;
padding-top: 20%;
}
} @media screen and (max-width: 1279px) {
.skin-grayish:not(.front-top-page) .header-in .logo-header img {
height: clamp(32px, 3.75vw, 100%);
min-height: 0vw;
}
} @media screen and (max-width: 1023px) {
html {
scroll-padding-top: 60px;
} body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) {
margin-top: 0px;
} .admin-bar:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) {
margin-top: 0px;
}
.skin-grayish:not(.front-top-page) .header-container {
background-color: transparent;
position: static;
}
.skin-grayish:not(.front-top-page) .header-container-in.hlt-center-logo-top-menu {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8px min(1.43vw, 80px);
height: 50px;
}
.skin-grayish:not(.front-top-page) .logo-text {
padding: 0.5rem;
}
.skin-grayish.front-top-page .container .header-container .header {
height: 100svh;
min-height: 420px;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.skin-grayish:not(.front-top-page) .container .header-container .header {
display: none;
}
.skin-grayish main.main {
margin: 0;
}
.skin-grayish.front-top-page .skinadd-topmv-scroll {
font-size: 10px;
bottom: 70px;
}
.skin-grayish.front-top-page .skinadd-topmv-scroll::before {
width: 16px;
height: 16px;
bottom: 70px;
}
@keyframes topmv_scroll {
from {
translate: 0px 0px;
}
80% {
translate: 0px 40px;
}
from, 80%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
.skin-grayish .wrap {
width: auto !important;
}
.skin-grayish.front-top-page .fpt-columns {
flex-direction: column;
}
.skin-grayish.front-top-page .fpt-3-columns>* {
width: 100%;
}
.skin-grayish.front-top-page .header .header-in {
z-index: 2;
}
.skin-grayish.front-top-page .header .header-in.wrap {
width: min(91%, 1280px) !important;
}
.skin-grayish.front-top-page .header-in .site-name-text {
font-size: 6.25vw;
}
.skin-grayish .list-new-entries h1,
.skin-grayish.front-top-page .front-page-type-category .list-columns .list-column:first-child h1,
.skin-grayish.front-top-page :where(.front-page-type-category-3-columns) .list-columns::after {
font-size: 40px;
position: relative;
}
.skin-grayish.front-top-page :where(.front-page-type-category-2-columns) .list-columns::after,
.skin-grayish .content-bottom .widget_popular_entries .widget-content-bottom-title::after {
font-size: 40px;
}
.skin-grayish .content-bottom .widget_popular_entries .is-list-horizontal .widget-entry-card-link {
max-width: 220px;
} .skin-grayish .front-page-type-category-3-columns .list-columns .list-column {
width: 100%;
}
.skin-grayish .front-page-type-category-3-columns .list-columns .list-column .widget-entry-cards {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
-moz-column-gap: 4%;
column-gap: 4%;
}
.skin-grayish .front-page-type-category-3-columns .list-columns .list-column .widget-entry-cards .a-wrap {
width: 48%;
}
.skin-grayish .front-page-type-category-3-columns .list-columns .list-column .widget-entry-cards .widget-entry-card {
display: flex;
flex-direction: row;
justify-content: center;
}
.skin-grayish .front-page-type-category-3-columns .list-columns .list-column .widget-entry-cards .widget-entry-card figure {
margin-top: 0px;
width: 45%;
}
.skin-grayish .front-page-type-category-3-columns .list-columns .list-column .widget-entry-cards .widget-entry-card .widget-entry-card-content {
width: 55%;
margin-left: 8px;
margin-right: 16px;
}
.skin-grayish .front-page-type-category-3-columns .list-columns .list-more-button {
width: 33%;
} .skin-grayish .front-page-type-category-2-columns .list-columns {
flex-direction: row;
} .skin-grayish.front-top-page .list-columns.fpt-3-columns .list-column:nth-child(6n-2)::before {
display: none;
}
.skin-grayish.front-top-page .list-columns.fpt-3-columns .list-column:nth-child(2n)::before {
display: block;
content: "";
background-color: var(--skin-grayish-gradient);
width: 100vw;
height: 100%;
margin: 0 calc(50% - 50vw);
position: absolute;
inset: 0;
z-index: -110;
}
.skin-grayish .front-page-type-category-3-columns .list-columns {
margin-bottom: 0rem;
padding-top: 1rem;
}
.skin-grayish .front-page-type-category-2-columns .list-columns {
margin-bottom: 0rem;
padding-top: 4rem;
} .skin-grayish.front-top-page :where(.front-page-type-category-3-columns) .list-columns::after {
display: none;
}
.skin-grayish.front-top-page :where(.front-page-type-category-3-columns) .list-columns .list-column:first-child h1 {
font-size: 40px;
margin-top: 1.4em;
margin-bottom: 1em;
position: relative;
}
.skin-grayish.front-top-page :where(.front-page-type-category-3-columns) .list-columns .list-column:first-child h1::before {
display: block;
content: "Category";
color: var(--skin-grayish-site-main-hover);
width: -moz-fit-content;
width: fit-content;
height: 2em;
position: absolute;
top: -1.1em;
left: 0;
right: 0;
margin: auto;
z-index: 1;
} .skin-grayish .entry-card-title, .related-entry-card-title {
font-size: 16px;
} .skin-grayish .widget-sidebar-scroll:first-child,
.skin-grayish.admin-bar .widget-sidebar-scroll:first-child {
padding-top: 0px;
} .skin-grayish.front-top-page .content-bottom .widget_popular_entries {
padding-top: 3.5rem;
} .skin-grayish .content-bottom .widget_popular_entries {
padding-top: 2.5rem;
} .skin-grayish .content-bottom .widget_author_box+.widget-content-bottom.widget_popular_entries {
padding-top: 3.5rem;
} .skin-grayish.front-top-page .content-bottom .content-bottom-in .widget-content-bottom:first-child.widget_popular_entries {
padding-top: 3.5rem;
} .skin-grayish .content-top .content-top-in {
padding: 0px 0px;
}   .skin-grayish.admin-bar:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) .mobile-header-menu-buttons.mobile-menu-buttons {
margin: var(--wp-admin--admin-bar--height) 0 0 0;
}  .skin-grayish .mobile-header-menu-buttons.mobile-menu-buttons {
background: transparent;
background-color: var(--mobileHeaderBgColor);
box-shadow: none;
height: 50px;
margin: 0;
padding: 0;
}
.skin-grayish.front-top-page .mobile-header-menu-buttons.mobile-menu-buttons {
background-color: var(--mobileTopHeaderBgColor);
} .skin-grayish.front-top-page .mobile-header-menu-buttons.mobile-menu-buttons:not(.has-logo-button)>.menu-button {
width: var(--mobileHeaderMenuBtn_width);
} .skin-grayish:not(.front-top-page) .mobile-header-menu-buttons.mobile-menu-buttons:not(.has-logo-button)>.menu-button {
width: var(--mobileHeaderMenuOtherBtn_width);
}
.skin-grayish .mobile-header-menu-buttons.mobile-menu-buttons .logo-menu-button.menu-button {
line-height: inherit;
width: -moz-fit-content;
width: fit-content;
}
.skin-grayish .mobile-menu-buttons {
align-items: center;
background-color: var(--mobileFooterBgColor);
box-shadow: none;
}
.skin-grayish .mobile-menu-buttons .menu-caption {
display: none;
}
.skin-grayish .mobile-menu-buttons .menu-button,
.skin-grayish .mobile-menu-buttons .menu-button>a,
.skin-grayish .sidebar-menu-content .sidebar-menu-close-button {
color: var(--skin-grayish-site-sub-color);
} .skin-grayish #navi-menu-input:checked~#navi-menu-content,
#sidebar-menu-input:checked~#sidebar-menu-content {
transition: transform .5s ease-in-out;
} .skin-grayish .logo-menu-button.menu-button>a {
color: var(--skin-grayish-site-name-txt);
font-weight: 400;
letter-spacing: 0.1rem;
} .skin-grayish .logo-menu-button img {
padding: 4px;
width: auto;
} .search-menu-content,
.share-menu-content,
.follow-menu-content {
visibility: hidden;
}
#search-menu-input:checked~#search-menu-content,
#share-menu-input:checked~#share-menu-content,
#follow-menu-input:checked~#follow-menu-content {
visibility: visible;
}  .skin-grayish.admin-bar:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) .menu-content {
top: var(--wp-admin--admin-bar--height);
}
.skin-grayish .menu-content {
padding: 1rem;
}
.skin-grayish .navi-menu-content {
background-color: var(--white);
}  .skin-grayish .navi-menu-content .menu-close-button {
text-align: left;
font-size: 1.6em;
} .skin-grayish .sidebar-menu-content {
color: var(--skin-grayish-site-name-txt);
}
.skin-grayish .sidebar-menu-content .menu-close-button {
text-align: right;
font-size: 1.6em;
}
.skin-grayish .menu-content .menu-drawer {
padding: 30px 1em 30px;
}
.skin-grayish .menu-content .menu-drawer a {
translate: 0%;
transition: translate .3s ease-in-out;
}
.skin-grayish .menu-content .menu-drawer a:hover {
background-color: transparent;
translate: 0% -10%;
transition: translate .3s ease-in-out;
} .skin-grayish .menu-content .menu-drawer>li>.sub-menu>li>.sub-menu>li>.sub-menu {
display: none;
} .skin-grayish .menu-content .menu-drawer>li {
padding-bottom: 1rem;
}
.skin-grayish .menu-content .menu-drawer>li>a {
border-bottom: solid 1px var(--skin-grayish-site-main-hover);
margin-bottom: 0.4em;
} .skin-grayish .menu-content .menu-drawer>li>.sub-menu>li {
margin-bottom: 0.8em;
}
.skin-grayish .menu-content .menu-drawer>li>.sub-menu>li>a {
border-bottom: dashed 1px var(--skin-grayish-site-main-hover);
margin-bottom: 0.4em;
}
.skin-grayish .menu-content .menu-drawer>li>.sub-menu>li>.sub-menu {
font-size: 0.8em;
} .skin-grayish .menu-content .menu-drawer .search-menu-button {
display: block;
width: 100%;
align-items: unset;
justify-content: unset;
}
.skin-grayish .menu-content .menu-drawer .search-menu-button .search-menu-icon,
.skin-grayish .menu-content .menu-drawer .search-menu-button .search-menu-caption {
display: none;
} .skin-grayish .menu-content .menu-drawer>li.header-snsicon-submenu {
padding-bottom: 1rem;
}
.skin-grayish .menu-content .menu-drawer>li.header-snsicon-submenu>a {
display: none;
}
.skin-grayish .menu-content .menu-drawer>li.header-snsicon-submenu>.sub-menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 1em;
padding-left: 0;
}
.skin-grayish .menu-content .menu-drawer>li.header-snsicon-submenu li {
margin-bottom: 0;
}
.skin-grayish .menu-content .menu-drawer>li.header-snsicon-submenu>.sub-menu>li>a {
font-size: 1.4em;
border: 0;
margin-bottom: 0;
} .skin-grayish #navi .navi-in>.menu-mobile {
display: none;
} .skin-grayish .footer-bottom-logo {
padding: 1rem 0;
width: 100%;
line-height: 1.4;
}
.skin-grayish .footer-bottom-logo .logo-text {
text-align: center;
}
.skin-grayish .footer-bottom-content {
width: 100%;
} .skin-grayish .navi-footer-in>.menu-footer li.menu-item {
width: auto;
}
.skin-grayish .copyright {
font-size: 12px;
} .skin-grayish .go-to-top-button {
display: none;
} .skin-grayish .content-top .widget_author_box,
.skin-grayish .content-top :where(.text-pc, .text-mobile, .custom-html-widget):has(.author-box) {
padding: 2rem 28px;
}  .skin-grayish :where(.footer-widgets, #sidebar) .blogcard {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 200px auto;
row-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
border: solid 1px var(--LtGray_T30);
width: 100%;
position: relative;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard .blogcard-thumbnail {
grid-row: 1;
grid-column: 1;
width: 200px;
float: none;
margin: 0;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard .blogcard-content {
max-height: -moz-max-content;
max-height: max-content;
grid-row: 1;
grid-column: 2;
margin: 0;
position: relative;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard .blogcard-content .blogcard-snippet {
line-height: 1.4;
letter-spacing: .14em;
text-align: left;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard::before {
width: -moz-fit-content;
width: fit-content;
height: auto;
padding: 0.4em 2.4em;
position: absolute;
bottom: 1.4em;
right: 1.4em;
top: unset;
left: unset;
z-index: 1;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard .blogcard-favicon {
margin-top: 0;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard .blogcard-favicon img {
vertical-align: middle;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard .blogcard-site {
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard .blogcard-date {
font-size: 10px;
color: var(--LtBlue_S30);
grid-row: 2;
grid-column: 2;
margin-top: 2px;
} .skin-grayish :where(.footer-widgets, #sidebar) .blogcard.external-blogcard .blogcard-content::before {
bottom: -2.5rem;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard.external-blogcard .blogcard-footer {
grid-row: 2;
grid-column: 1;
margin-top: 1em;
} .skin-grayish :where(.footer-widgets, #sidebar) .blogcard.internal-blogcard {
grid-template-rows: auto auto auto;
row-gap: 0.7em;
-moz-column-gap: 1em;
column-gap: 1em;
padding: 1em;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard.internal-blogcard::before {
position: relative;
grid-row: 3;
grid-column: 2;
justify-self: flex-end;
bottom: unset;
right: unset;
}
.skin-grayish .footer-widgets .internal-blogcard .blogcard-date {
float: none;
justify-content: flex-end;
}
.skin-grayish .footer-widgets .internal-blogcard .blogcard-date .blogcard-post-date {
position: relative;
}
.skin-grayish .footer-widgets .internal-blogcard .blogcard-date .blogcard-post-date::before {
display: block;
content: "\f1da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 0;
left: -1.5em;
z-index: 1;
}
.skin-grayish .footer-widgets .internal-blogcard .blogcard-footer {
display: contents;
}
.skin-grayish .footer-widgets .internal-blogcard .blogcard-site {
font-size: 0.8em;
grid-row: 3;
grid-column: 1;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard.internal-blogcard .blogcard-footer .blogcard-site {
grid-row: 3;
grid-column: 1;
}
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard.internal-blogcard .blogcard-footer .blogcard-date {
grid-row: 2;
grid-column: 2;
margin-top: 2px;
}
.skin-grayish .gnavi-search-menu-content.sponly-search-menu {
display: block;
}
.skin-grayish .gnavi-search-menu-open.grayish-btn {
display: none;
}  .gray-tab-label-equal:not([class*="is-style-grytab"]).tab-block .tab-label-group,
:where(.is-style-grytab-low-line-equal, .is-style-grytab-up-line-equal, .is-style-grytab-tablabel-equal, .is-style-grytab-line-equal, .is-style-grytab-cir-equal).tab-block .tab-label-group,
:where(.is-style-grytab-low-line-equal-pc, .is-style-grytab-up-line-equal-pc, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-line-equal-pc, .is-style-grytab-cir-equal-pc).tab-block .tab-label-group {
display: grid;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
row-gap: 4px;
} .gray-tab-label-equal.--odd:not([class*="is-style-grytab"]) .tab-label-group,
:where(.is-style-grytab-low-line-equal-odd, .is-style-grytab-up-line-equal-odd, .is-style-grytab-tablabel-equal-odd, .is-style-grytab-line-equal-odd, .is-style-grytab-cir-equal-odd).tab-block .tab-label-group {
display: grid;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
row-gap: 4px;
}
.gray-tab-label-equal:not([class*="is-style-grytab"]) .tab-label-group .tab-label,
:where(.is-style-grytab-low-line-equal-pc, .is-style-grytab-up-line-equal-pc, .is-style-grytab-tablabel-equal-pc, .is-style-grytab-line-equal-pc, .is-style-grytab-cir-equal-pc) .tab-label-group .tab-label,
:where(.is-style-grytab-low-line-equal-odd, .is-style-grytab-up-line-equal-odd, .is-style-grytab-tablabel-equal-odd, .is-style-grytab-line-equal-odd, .is-style-grytab-cir-equal-odd) .tab-label-group .tab-label {
font-size: clamp(0.75rem, 0.6397rem + 0.3676vw, 0.875rem);
} .gray-tab-style-line.gray-tab-label-equal:not(.--odd):not([class*="is-style-grytab"]) .tab-label-group .tab-label:nth-child(odd)::before,
:where(.is-style-grytab-line-equal, .is-style-grytab-line-equal-pc) .tab-label-group .tab-label:nth-child(odd)::before {
display: none;
} .gray-tab-style-line.gray-tab-label-equal.--odd:not([class*="is-style-grytab"]) .tab-label-group .tab-label:nth-child(3n+1)::before,
.is-style-grytab-line-equal-odd .tab-label-group .tab-label:nth-child(3n+1)::before {
display: none;
}
} @media screen and (max-width: 1023px) and (max-height: 500px) {
.skin-grayish.front-top-page .container .header-container .header {
min-height: 300px;
}
.skin-grayish.front-top-page .header .header-in .logo-image {
padding: 0;
}
.skin-grayish.front-top-page .header-in .site-name-text-link {
width: min(200px, 50%);
}
.skin-grayish.front-top-page .header-in .tagline {
font-size: 12px;
margin: 0;
}
.skin-grayish.front-top-page .skinadd-topmv-scroll {
bottom: 1rem;
}
.skin-grayish.front-top-page .skinadd-topmv-scroll::before {
width: 12px;
height: 12px;
bottom: 3.5rem;
}
@keyframes topmv_scroll {
from {
translate: 0px 0px;
}
80% {
translate: 0px 20px;
}
from, 80%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
} @media screen and (max-width: 834px) {
.skin-grayish.front-top-page #header .site-name-text {
font-size: 7.6vw;
}
.skin-grayish .breadcrumb {
font-size: 10px;
padding: .6em 16px;
} .skin-grayish:not(.front-top-page) .pr-label.pr-label-s {
left: 16px;
}
.skin-grayish .navi-footer-in>.menu-footer li.menu-item:not(.header-snsicon-submenu) {
width: auto;
flex: unset;
} .skin-grayish.single-post .article-header .eye-catch-wrap .eye-catch .cat-label {
font-size: 12px;
} .skin-grayish .navi-footer-in>.menu-footer .header-snsicon-submenu {
display: none;
} .skin-grayish .ect-vertical-card {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .skin-grayish .list-new-entries .list-more-button,
.skin-grayish .list-columns .list-more-button,
.skin-grayish .pagination-next-link,
.skin-grayish .index-tab-wrap .list-more-button {
width: 48%;
} .skin-grayish.front-top-page .list-columns.fpt-2-columns .list-column:nth-child(4n-1)::before {
display: none;
}
.skin-grayish.front-top-page .list-columns.fpt-2-columns .list-column:nth-child(2n)::before {
display: block;
content: "";
background-color: var(--skin-grayish-gradient);
width: 100vw;
height: 100%;
margin: 0 calc(50% - 50vw);
position: absolute;
inset: 0;
z-index: -110;
} .skin-grayish .front-page-type-category-3-columns .list-columns .list-column .widget-entry-cards {
flex-direction: column;
}
.skin-grayish .front-page-type-category-3-columns .list-columns .list-column {
width: 100%;
} .skin-grayish.front-top-page :where(.front-page-type-category-2-columns) .list-columns::after {
display: none;
}
.skin-grayish.front-top-page :where(.front-page-type-category-2-columns) .list-columns .list-column:first-child h1 {
font-size: 40px;
margin-top: 1.4em;
margin-bottom: 1em;
position: relative;
}
.skin-grayish.front-top-page :where(.front-page-type-category-2-columns) .list-columns .list-column:first-child h1::before {
display: block;
content: "Category";
color: var(--skin-grayish-site-main-hover);
width: -moz-fit-content;
width: fit-content;
height: 2em;
position: absolute;
top: -1.1em;
left: 0;
right: 0;
margin: auto;
z-index: 1;
}
.skin-grayish .front-page-type-category-2-columns .list-columns {
padding-top: 1rem;
}
.skin-grayish.front-top-page .list-columns.fpt-2-columns .widget-entry-card-content {
margin-right: 0;
}
.skin-grayish.front-top-page .list-columns.fpt-3-columns .widget-entry-card {
display: flex;
flex-direction: row;
justify-content: center;
}
.skin-grayish.front-top-page .list-columns.fpt-3-columns .widget-entry-cards figure {
margin-top: 0px;
width: 45%;
}
.skin-grayish.front-top-page .list-columns.fpt-3-columns .widget-entry-card-content {
width: 55%;
margin-left: 8px;
margin-right: 16px;
}
.skin-grayish .front-page-type-category-3-columns .list-columns .list-column .widget-entry-cards .widget-entry-card .widget-entry-card-content {
margin-right: 0;
}
.skin-grayish :is(.front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns .list-column .widget-entry-cards .a-wrap {
width: 100%;
padding: 5px;
}
.skin-grayish :is(.front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns .list-more-button {
width: 48%;
} .skin-grayish :is(.front-page-type-category) .list-columns .list-column .entry-card .cat-label,
.skin-grayish :is(.front-page-type-category) .list-columns .list-column .entry-card .e-card-info {
display: none;
} .skin-grayish .index-tab-buttons .index-tab-button {
padding: 8px;
} .skin-grayish :is(.front-page-type-category) .list-columns .list-column .entry-card {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.skin-grayish :is(.front-page-type-category) .list-columns .list-column .entry-card-title {
font-size: 14px;
}
.skin-grayish :is(.front-page-type-category) .list-columns .list-column .entry-card-thumb {
width: 45%;
}
.skin-grayish :is(.front-page-type-category) .list-columns .list-column .entry-card-content {
width: 50%;
}
.skin-grayish #main .article-header .sns-share a {
height: 32px;
width: 32px;
} .skin-grayish .sns-share.ss-high-and-low-lc a .social-icon {
font-size: 20px;
} .skin-grayish .sns-share.ss-top.ss-col-6 .sns-buttons {
-moz-column-gap: 1rem;
column-gap: 1rem;
row-gap: 0.5rem;
}
.skin-grayish .sns-share.ss-bottom.ss-col-6 .sns-buttons {
-moz-column-gap: 1.625rem;
column-gap: 1.625rem;
} .skin-grayish .content-bottom .widget_author_box .author-box {
margin-top: 5rem;
}
.skin-grayish .content-bottom .widget_author_box h2+.author-box {
margin-top: 0;
} :where(.main, .content-bottom, .content-top) .author-box {
grid-template-rows: 100px auto auto auto auto;
grid-template-columns: 1fr;
-moz-column-gap: 0em;
column-gap: 0em;
padding: 2em 1em;
width: 100%;
}
:where(.content-bottom) .author-box {
padding: 2em;
}
:where(.main, .content-bottom, .content-top) .author-box .author-content .author-name {
grid-row: 2;
grid-column: 1;
align-self: flex-start;
justify-self: center;
padding-top: 0;
padding-bottom: 0em;
width: 100%;
text-align: center;
}
.skin-grayish :where(.main, .content-bottom, .content-top) .author-box .author-thumb {
grid-row: 1;
grid-column: 1;
justify-self: center;
width: 80px;
}
:where(.main, .content-bottom, .content-top) .author-box .author-content .author-description {
grid-row: 4;
grid-column: 1;
margin-top: .5em;
padding: 1em 0 0 0;
border-left: 0px;
border-top: 1px dashed var(--skin-grayish-site-main-hover);
}
:where(.main, .content-bottom, .content-top) .author-box .author-widget-name {
grid-row: 3;
grid-column: 1;
align-self: center;
justify-self: center;
margin-top: -1em;
padding-top: 0;
padding-bottom: 1em;
}
.skin-grayish .content-top .author-box .author-widget-name {
padding-top: 0;
}
.skin-grayish .content-bottom .author-box .author-widget-name {
padding-top: 0;
}
:where(.main, .content-bottom, .content-top) .author-box .author-follows {
grid-row: 5;
grid-column: 1;
justify-self: center;
border-left: 0px;
padding-left: 0rem;
width: 100%;
}
:where(.main, .content-bottom, .content-top) .author-box .author-follows .sns-follow-buttons,
.skin-grayish .article-footer .author-box .sns-follow-buttons {
justify-content: center;
}
:where(.main, .content-bottom, .content-top) .author-box .author-content .author-name a {
display: block;
width: 100%;
} .skin-grayish .under-entry-content .related-list .related-entry-card-wrap {
width: 38.5%;
} .skin-grayish .content-bottom .swiper {
width: 100%;
}  .skin-grayish .blogcard {
grid-template-columns: min(25vw, 160px) auto;
padding: 1em;
}
.skin-grayish .blogcard .blogcard-thumbnail {
width: min(25vw, 160px);
}
.skin-grayish .blogcard .blogcard-title {
text-align: left;
margin-bottom: 10px;
}
.skin-grayish .blogcard .blogcard-date,
.skin-grayish .blogcard .blogcard-domain {
font-size: 10px;
overflow-wrap: anywhere;
}
.skin-grayish .blogcard .blogcard-content::before {
padding: .6em 2.4em;
bottom: -16px;
} .skin-grayish .sidebar-menu-content .blogcard,
:is(.wp-block-columns, .wp-block-media-text) .blogcard {
grid-template-columns: 1fr;
}
.skin-grayish .sidebar-menu-content .blogcard .blogcard-thumbnail,
:is(.wp-block-columns, .wp-block-media-text) .blogcard .blogcard-thumbnail {
width: 100%;
} :is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard .blogcard-content {
grid-row: 1;
grid-column: 2;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard .blogcard-title {
font-size: 0.9em;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.internal-blogcard .blogcard-footer .blogcard-site {
grid-row: 3;
grid-column: 1;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.internal-blogcard .blogcard-footer .blogcard-date {
grid-row: 2;
grid-column: 2;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.internal-blogcard {
row-gap: 0.7em;
-moz-column-gap: 1em;
column-gap: 1em;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.internal-blogcard::before {
grid-row: 3;
grid-column: 2;
justify-self: flex-end;
width: -moz-fit-content;
width: fit-content;
padding: 0.4em 2.4em;
bottom: unset;
right: unset;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.external-blogcard::before {
width: -moz-fit-content;
width: fit-content;
height: auto;
padding: 0.4em 2.4em;
position: absolute;
top: unset;
left: unset;
bottom: 1.4em;
right: 1.4em;
z-index: 1;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.external-blogcard {
grid-template-rows: auto auto;
row-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.external-blogcard .blogcard-footer {
grid-row: 2;
grid-column: 1;
margin-top: 1em;
} .skin-grayish .content-top .widget_author_box {
padding: 2rem 16px;
} .carousel {
margin-bottom: 0rem;
}
.skin-grayish.front-top-page .content .main {
padding-left: 16px;
padding-right: 16px;
} .skin-grayish .footer-widgets-mobile {
position: relative;
} .skin-grayish .footer-widgets-mobile::before {
display: block;
content: "";
background-color: var(--skin-grayish-site-main-hover);
width: 100vw;
height: 1px;
margin: 0 calc(50% - 50vw);
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
} @media screen and (max-width: 600px) { .skin-grayish.admin-bar:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) .mobile-header-menu-buttons.mobile-menu-buttons {
margin: 0;
}
.skin-grayish.admin-bar:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) .menu-content {
top: 0;
} .skin-grayish:not(.front-top-page).admin-bar:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) .header-container {
display: none;
}  .skin-grayish .blogcard.internal-blogcard {
grid-template-rows: auto auto auto;
}
.skin-grayish .blogcard.internal-blogcard .blogcard-footer {
display: contents;
}
.skin-grayish .blogcard.internal-blogcard .blogcard-footer .blogcard-site {
float: none;
grid-row: 3;
margin-top: 0;
margin-bottom: -0.5em;
}
.skin-grayish .blogcard.internal-blogcard .blogcard-footer .blogcard-date {
float: none;
grid-row: 2;
grid-column: 1 /3;
margin-top: 0;
justify-self: flex-end;
}
.skin-grayish .blogcard .blogcard-site {
margin-top: 10px;
} .skin-grayish .blogcard {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
row-gap: 1em;
-moz-column-gap: 8px;
column-gap: 8px;
text-align: center;
}
.skin-grayish .blogcard::before {
width: 100%;
padding: .6em 0em;
position: relative;
top: 0;
left: 0;
right: unset;
bottom: unset;
grid-row: 4;
grid-column: 1;
align-self: center;
justify-self: center;
}
.skin-grayish .blogcard .blogcard-content::before {
font-size: min(3.125vw, 12px);
min-height: 0vw;
padding: .4em 2em;
bottom: -10px;
}
.skin-grayish .blogcard.external-blogcard .blogcard-content::before {
bottom: -1.5rem;
}
.skin-grayish .blogcard .blogcard-thumbnail {
width: 100%;
}
.skin-grayish .blogcard .blogcard-content {
grid-row: 2;
grid-column: 1;
}
.skin-grayish .blogcard .blogcard-title {
font-size: 1.0em;
line-height: 1.4;
}
.skin-grayish .external-blogcard .blogcard-footer,
.skin-grayish :where(.footer-widgets, #sidebar) .blogcard.external-blogcard .blogcard-footer {
grid-row: 3;
grid-column: 1;
margin-top: 0;
}
.skin-grayish .external-blogcard .blogcard-site {
margin-top: 0;
}
.skin-grayish .blogcard.internal-blogcard {
grid-template-rows: auto auto auto auto;
}
.skin-grayish .blogcard.internal-blogcard::before {
grid-row: 5;
grid-column: 1;
justify-self: center;
}
.skin-grayish .blogcard.internal-blogcard .blogcard-footer .blogcard-date {
grid-row: 3;
grid-column: 1;
}
.skin-grayish .blogcard.internal-blogcard .blogcard-footer .blogcard-site {
grid-row: 4;
grid-column: 1;
margin-bottom: 0;
}
.skin-grayish .blogcard .blogcard-content .blogcard-snippet {
font-size: 10px;
}
.skin-grayish .blogcard-label {
font-size: 12px;
left: 0.6em;
} :is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.internal-blogcard {
row-gap: 1em;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.internal-blogcard::before {
width: 100%;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.external-blogcard {
grid-template-rows: auto auto auto;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.external-blogcard .blogcard-content {
grid-row: 2;
grid-column: 1;
text-align: justify;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.external-blogcard .blogcard-footer {
grid-row: 3;
grid-column: 1;
margin-top: 0;
}
:is(.wp-block-cocoon-blocks-column-2, .wp-block-cocoon-blocks-column-3) .blogcard.external-blogcard::before {
width: 100%;
padding: .4em 0em;
position: relative;
top: 0;
left: 0;
right: unset;
bottom: 1.4em;
} .skin-grayish .pager-links.pager-prev-next .post-page-numbers {
width: 44%;
} .skin-grayish .pager-post-navi {
flex-direction: column;
gap: 16px;
}
.skin-grayish .pager-post-navi .next-post-thumb::before,
.skin-grayish .pager-post-navi .prev-post-thumb::before {
font-size: 10px;
}
.skin-grayish .pager-post-navi a.prev-post,
.skin-grayish .pager-post-navi a.next-post {
width: 100%;
}
.skin-grayish .pager-post-navi a.prev-post+a.next-post {
width: 100%;
}
} @media screen and (max-width: 480px) {
.skin-grayish.front-top-page #header .site-name-text {
font-size: 8vw;
} .skin-grayish .logo-menu-button.menu-button>a {
font-size: clamp(14px, 4.375vw, 19px);
min-height: 0vw;
}
.skin-grayish .list-new-entries h1,
.skin-grayish.front-top-page .front-page-type-category .list-columns .list-column:first-child h1,
.skin-grayish.front-top-page :where(.front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns .list-column:first-child h1,
.skin-grayish .content-bottom .widget_popular_entries .widget-content-bottom-title::after {
font-size: clamp(24px, 8.5vw, 32px);
min-height: 0vw;
}
.skin-grayish .list-new-entries h1::before,
.skin-grayish.front-top-page .front-page-type-category .list-columns .list-column:first-child h1::before,
.skin-grayish.front-top-page :where(.front-page-type-category-3-columns, .front-page-type-category-2-columns) .list-columns::after {
top: -1.2em;
} .skin-grayish .list-new-entries .list-title-in,
.skin-grayish .list-columns .list-title-in,
.skin-grayish .front-page-type-category-3-columns .list-columns .list-title-in,
.skin-grayish .content-bottom .widget-content-bottom-title {
font-size: 18px;
}
.skin-grayish.front-top-page .list-columns .list-column .widget-entry-card-title {
font-size: 14px;
} .skin-grayish .list-new-entries .list-more-button,
.skin-grayish .list-columns .list-more-button,
.skin-grayish .pagination-next-link,
.skin-grayish .index-tab-wrap .list-more-button,
.skin-grayish .front-page-type-category-3-columns .list-columns .list-more-button,
.skin-grayish .front-page-type-category-2-columns .list-columns .list-more-button {
width: 91%;
}
.skin-grayish .content-bottom .content-bottom-in {
padding: 0 1rem;
}  .skin-grayish .ect-vertical-card {
grid-template-columns: minmax(0, 1fr);
}
.skin-grayish .article-header .entry-title {
font-size: 24px;
padding: 0;
}
.skin-grayish .article h2 {
font-size: 20px;
padding: 0.6em 0;
}
.skin-grayish .article-header .entry-title {
margin: 16px 0;
}
.skin-grayish .eye-catch .cat-label {
font-size: 12px;
} .skin-grayish .tnt-number .toc-list {
padding: 0 0.4em;
}
.skin-grayish .tnt-number .toc-list>li li>a {
padding-left: 2em;
}
.skin-grayish .tnt-number .toc-list>li::before {
line-height: 2;
width: 1.9em;
height: 1.9em;
} .skin-grayish .tnt-number-detail .toc-list {
padding: 0 1em;
}  .skin-grayish .article h2 {
padding: .6em 0 .6em .4em;
} .skin-grayish .article h4 {
padding: 12px 22px;
}
.skin-grayish .article h4::before {
top: 1.1em;
}
.skin-grayish.ff-noto-sans-jp .article h4::before {
top: 1.25em;
} :is(.is-style-information-box, .information-box, .information)::before,
:is(.is-style-question-box, .question-box, .question)::before,
:is(.is-style-alert-box, .alert-box, .alert)::before,
:is(.is-style-memo-box, .memo-box)::before,
:is(.is-style-comment-box, .comment-box)::before,
:is(.is-style-ok-box, .ok-box)::before,
:is(.is-style-good-box, .good-box)::before,
:is(.is-style-ng-box, .ng-box)::before,
:is(.is-style-bad-box, .bad-box)::before,
:is(.is-style-profile-box, .profile-box)::before {
left: 1em;
} .timeline-box .timeline {
padding-left: 0;
}
.skin-grayish .timeline>li.timeline-item {
border-left: none;
}
.timeline-box .timeline-item {
padding-left: 0.8em;
}
.timeline-box .timeline-item:before {
left: 0.55em;
}
.timeline-box .timeline-item-label {
padding-top: 0.65em;
padding-left: 1rem;
}
.timeline-box .timeline-item-content {
padding-left: 1rem;
} .skin-grayish:not(.front-top-page) .logo-text {
padding: 0.7rem;
}
.skin-grayish:not(.front-top-page) #header .site-name-text {
font-size: 16px;
}
.skin-grayish .navi-footer-in>.menu-footer li.menu-item {
width: auto;
} #main .article-header .sns-share a {
height: 20px;
width: 20px;
} .skin-grayish .sns-share.ss-high-and-low-lc a .social-icon {
font-size: 16px;
} .skin-grayish .under-entry-content .related-list .related-entry-card-wrap {
width: 58.5%;
} .ranking-box .ranking-item-link-buttons {
display: flex;
flex-direction: column;
gap: 0.8em;
}
.skin-grayish .blogcard .blogcard-content::before {
font-size: min(3.125vw, 12px);
min-height: 0vw;
padding: .4em 2em;
bottom: -10px;
}
.skin-grayish .blogcard.external-blogcard .blogcard-content::before {
bottom: -1.5rem;
}
.skin-grayish .external-blogcard .blogcard-footer {
grid-row: 3;
grid-column: 1;
margin-top: 0;
}
.skin-grayish .external-blogcard .blogcard-site {
margin-top: 0;
}
.skin-grayish .blogcard.internal-blogcard::before {
grid-row: 5;
grid-column: 1;
justify-self: center;
}
.skin-grayish .blogcard.internal-blogcard .blogcard-footer .blogcard-date {
grid-row: 3;
grid-column: 1;
}
.skin-grayish .blogcard.internal-blogcard .blogcard-footer .blogcard-site {
grid-row: 4;
grid-column: 1;
margin-bottom: 0;
} .skin-grayish .blogcard-label {
font-size: 12px;
left: 0.6em;
}
.skin-grayish .tnt-none .toc-list>li>a:before {
top: 0.97em;
} .skin-grayish .pager-links .post-page-numbers .page-numbers.page-prev-next {
padding: 0.4rem;
}  .skin-grayish .pagination,
.skin-grayish .pager-links.pager-numbers .post-page-numbers .page-numbers {
font-size: 14px;
}
}