a.post-button {
color: #fff;
background-color: #767676;
padding: 10px 35px 10px 15px;
display: inline-block;
margin: 0 0 10px 0;
position: relative;
}
a.post-button:after {
font-family: 'FontAwesome';
content: ">";
position: absolute;
top: 30%;
right: 15px;
margin-top: -12px;
font-size: 150%;
} .hentry h3{
border-bottom: 1px #767676 solid;
padding-bottom: 5px;
margin-bottom: 30px;
} .hentry blockquote {
border-left: 3px solid #006ab6;
background-color: #eee;
color: #333;
font-size: 14px;
line-height: 2;
margin-bottom: 30px;
padding: 30px 35px;
position: relative;
}  .widget_recent_entries ul li {
display: flex !important;
flex-direction: column !important; } .widget_recent_entries ul li a {
order: 2 !important;
} .widget_recent_entries ul li .post-date {
order: 1 !important;
font-size: 0.85em; color: #777777; margin-bottom: 2px; } .title-post {
font-size: 28px !important; line-height: 1.3 !important; } .entry-meta.above-title {
display: none !important;
} .blog #secondary,
.archive #secondary {
display: none !important;
} .blog .posts-layout,
.archive .posts-layout,
.blog #primary .sydney-grid-posts,
.archive #primary .sydney-grid-posts {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important; } .blog .posts-layout .entry,
.archive .posts-layout .entry,
.blog #primary .sydney-grid-posts > article,
.archive #primary .sydney-grid-posts > article {
width: calc(33.333% - 20px) !important; margin-right: 30px !important;
margin-bottom: 30px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
} .blog .posts-layout .entry:nth-child(3n),
.archive .posts-layout .entry:nth-child(3n),
.blog #primary .sydney-grid-posts > article:nth-child(3n),
.archive #primary .sydney-grid-posts > article:nth-child(3n) {
margin-right: 0 !important;
} @media screen and (max-width: 991px) { .blog .posts-layout .entry,
.archive .posts-layout .entry,
.blog #primary .sydney-grid-posts > article,
.archive #primary .sydney-grid-posts > article {
width: calc(50% - 15px) !important;
margin-right: 30px !important;
}
.blog .posts-layout .entry:nth-child(3n),
.archive .posts-layout .entry:nth-child(3n) {
margin-right: 30px !important;
}
.blog .posts-layout .entry:nth-child(2n),
.archive .posts-layout .entry:nth-child(2n) {
margin-right: 0 !important;
}
}
@media screen and (max-width: 600px) { .blog .posts-layout .entry,
.archive .posts-layout .entry,
.blog #primary .sydney-grid-posts > article,
.archive #primary .sydney-grid-posts > article {
width: 100% !important;
margin-right: 0 !important;
}
} .blog #primary,
.archive #primary {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
} #site-navigation ul li a {
text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
#site-navigation .sub-menu li a {
text-shadow: none;
background: #0a0a0a;
color: #ffffff;
display: block;
line-height: 30px;
opacity: 0.8 !important;
padding: 0 18px;
border-top: 1px solid #006ab6;
} .text-sliderl .maintitle,
.text-sliderl .subtitle,
.text-slider .maintitle,
.text-slider .subtitle {
z-index: 10;
color: #000;
margin: 0;
letter-spacing: 1px;
//text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
.text-sliderl .maintitle,
.text-slider .maintitle {
position: relative;
display: inline-block;
font-size: 57px;
line-height: 67px;
font-weight: 700;
padding-bottom: 10px;
}
.text-sliderl .maintitle:after,
.text-slider .maintitle:after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 40%;
height: 1px;
margin-left: -20%;
}
.text-sliderl .subtitle,
.text-slider .subtitle {
//font-size: 30px;
font-size: 25px;
line-height: 40px;
padding: 20px 0 50px;
font-weight: 300;
}
.text-sliderl {
position: relative;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInLeftBig {
from {
Left: -1500px;
}
to {
Left: 0;
}
}
@keyframes fadeInLeftBig {
from {
Left: -1500px;
}
to {
Left: 0;
}
}
@-webkit-keyframes fadeInRightBig {
from {
right: -1500px;
}
to {
right: 0;
}
}
@keyframes fadeInRightBig {
from {
right: -1500px;
}
to {
right: 0;
}
}
.text-slideru {
position: relative;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@keyframes fadeInUpBig {
from {
bottom: -500px;
}
to {
bottom: 0;
}
} a.roll-button,
a.more-button {
color: #ffffff !important;
border-radius: 3px;
}
a.roll-button:hover,
a.more-button:hover {
color: #006ab6 !important;
} .entry-content .widget {
margin: 0 0 50px 0 !important;
} div.icon h2.service i {
border: 1px solid var(--sydney-global-color-1);
border-radius: 50%;
font-size: 26px;
text-align: center;
width: 70px;
height: 70px;
line-height: 75px;
}.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
background-color: #ffffff;
background-image: url(//q-n.co.jp/cplan/wordpress/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
picture source[type="image/webp"] {
display: block;
}