@charset "UTF-8";

.chromeperfectpixel-portal img {
width: 100% !important;
height: auto !important;
}
.chromeperfectpixel-portal img {
width: 100% !important;
height: auto !important;
}
.archive main > .inner {
padding: 150px 0 65px;
}
@media (max-width: 376px) {
.archive main > .inner {
padding: 50px 0;
}
}
.archive .loop_wrap {
margin-right: -25px;
}
.archive article {
display: inline-block;
width: 265px;
height: 340px;
float: left;
margin-right: 25px;
margin-bottom: 40px;
position: relative;
}
@media (max-width: 376px) {
.archive article {
width: 160px;
height: 220px;
margin-bottom: 20px;
}
}
.archive article .detail {
padding: 30px 10px;
color: #a4a4a4;
}
@media (max-width: 376px) {
.archive article .detail {
padding: 10px 5px;
}
}
.archive article .detail time {
font-size: 12px;
}
@media (max-width: 376px) {
.archive article .detail time {
font-size: 10px;
}
}
.archive article .detail time .week {
margin-left: 5px;
letter-spacing: 3px;
}
.archive article .detail h3 {
font-size: 17px;
margin: 15px 0;
word-break: break-all;
line-height: 1.3;
letter-spacing: 4.5px;
}
@media (max-width: 376px) {
.archive article .detail h3 {
font-size: 12px;
margin: 5px 0;
letter-spacing: 2.5px;
}
}
.archive article .detail h3 a {
color: #000;
}
.archive article .detail .read_more {
position: absolute;
bottom: 0;
right: 10px;
color: #a4a4a4;
}
.archive .pagination {
margin-top: 40px;
text-align: center;
}
.archive .pagination .current,
.archive .pagination .page {
display: inline-block;
line-height: 40px;
min-width: 40px;
font-size: 12px;
margin: 0 10px;
height: 40px;
vertical-align: middle;
}
.archive .pagination .page {
border: 1px solid #000;
border-radius: 30px;
}
.archive .pagination .previouspostslink, .archive .pagination .nextpostslink {
margin: 0 25px 0;
}
.single .blogPage {
padding: 140px 0 65px;
}
@media (max-width: 376px) {
.single .blogPage {
padding: 50px 0 0;
}
}
.single .blogPage img {
width: auto;
max-width: 100%;
}
.single .blogPage h3 {
word-break: break-all;
margin: 0 auto;
font-size: 20px;
line-height: 44px;
letter-spacing: 7.6px;
}
@media (max-width: 376px) {
.single .blogPage h3 {
width: 100%;
font-size: 20px;
line-height: 1.5;
letter-spacing: 2.5px;
}
}
.single .blogPage .content {
padding: 45px 0 160px;
font-size: 14px;
line-height: 28px;
letter-spacing: 4.2px;
}
@media (max-width: 376px) {
.single .blogPage .content {
padding: 20px 0 60px;
font-size: 12px;
line-height: 2;
}
}
.single .blogPage .content h1,
.single .blogPage .content h2,
.single .blogPage .content h3,
.single .blogPage .content h4,
.single .blogPage .content h5,
.single .blogPage .content h6 {
font-size: 20px;
line-height: 44px;
letter-spacing: 7.6px;
}
@media (max-width: 376px) {
.single .blogPage .content h1,
.single .blogPage .content h2,
.single .blogPage .content h3,
.single .blogPage .content h4,
.single .blogPage .content h5,
.single .blogPage .content h6 {
font-size: 18px;
letter-spacing: 2px;
width: 100%;
margin: 30px auto 20px;
}
}
.single .blogPage .content table {
margin: 95px 0 0;
}
.single .blogPage .content td:first-child {
padding-right: 10px;
}
.single .blogPage .content td:last-child {
padding-left: 10px;
}
@media (max-width: 375px) {
.single .blogPage .content td {
display: block;
padding: 0 !important;
width: 100% !important;
}
}
.single .blogPage .back {
margin-top: 185px;
display: block;
font-size: 16px;
}
@media (max-width: 376px) {
.single .blogPage .back {
margin-top: 70px;
}
}
.single .blogPage .back::before {
content: '◀';
margin-right: 5px;
}
.page_ttl {
background-image: url(//shikinail.jp/wp-content/themes/shiki_nail/img/blog/main_img.png);
}