@charset "UTF-8";
 #breadcrumb {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #333;
width: 100% !important;
text-align: center;
margin: 80px 0 0 0;
}
#breadcrumb .breadcrumb-inner {
display: inline-block;
padding: 12px 0 12px 0;
border-radius: 0 0 4px 4px;
opacity: .7; }
#breadcrumb a {
color: #000;
text-decoration: none;
}
#breadcrumb ul {
list-style-type: none;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 0;
}
#breadcrumb ul li:before {
display: inline-block;
width: 8px;
height: 8px;
content: '';
margin: 0 8px;
font-weight: 500;
background-image: url(//wedok.jp/wp-content/themes/wedok2025/images/elements/icons/arrow-r.svg);
background-size: 10px auto;
background-repeat: no-repeat;
background-position: 50%;
}
#breadcrumb ul li:first-child:before {
content: none;
}
#breadcrumb ul .home {
padding: 4px 0 0 0;
}
#breadcrumb ul .home img {
width: 16px;
height: 100%;
}
.breadcrumb-web {
background-color: #bcdcff;
}
.breadcrumb-security {
background-color: #e4d4ec;
}
.breadcrumb-photo {
background-color: #fcf6c6;
}
.breadcrumb-tools {
background-color: #e0ffe0;
}
.breadcrumb-pc-repair {
background-color: #dff7f0;
}
.breadcrumb-wedokdigilog {
background-color: #fafafa;
}
.breadcrumb-risa-note {
background-color: #fafafa;
}
.breadcrumb-aboutus,
.breadcrumb-legal,
.breadcrumb-privacy-policy,
.breadcrumb-sitemap {
background-color: #f5f5f5;
}
.breadcrumb-search {
background-color: #f5f5f5;
}
.breadcrumb-404 {
background-color: #888;
color: #fff;
}
.breadcrumb-author {
background-color: #fff;
}
@media (max-width: 767px) {
#breadcrumb {
width: 92%;
margin: 0 auto;
font-size: .75rem;
padding: 0 20px;
}
#breadcrumb .breadcrumb-inner {
width: 100%;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
#breadcrumb .breadcrumb-inner::-webkit-scrollbar {
display: none;
}
#breadcrumb .breadcrumb-inner ul {
justify-content: start !important;
}
.breadcrumb-author,
.breadcrumb-wedokdigilog,
.breadcrumb-security,
.breadcrumb-photo,
.breadcrumb-tools,
.breadcrumb-aboutus,
.breadcrumb-privacy-policy,
.breadcrumb-sitemap,
.breadcrumb-404,
.breadcrumb-search,
.breadcrumb-risa-note,
.breadcrumb-legal,
.breadcrumb-privacy-policy {
font-size: .7rem;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
#breadcrumb {
font-size: .75rem;
padding: 0 20px;
}
}
@media (min-width: 1025px) {
#breadcrumb {
font-size: .8rem;
}
} .pagination {
margin: 2em 0 3em 0;
text-align: center;
font-family: "Century Gothic", "Futura", "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.pagination .page-numbers a,
.pagination .page-numbers span {
font-size: 0.75rem !important;
line-height: 1 !important;
vertical-align: middle;
box-sizing: border-box;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.pagination .page-numbers {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.4em;
padding: 0;
margin: 0;
list-style: none;
}
.pagination .page-numbers li {
display: inline-block;
}
.pagination .page-numbers li a,
.pagination .page-numbers li span {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.75rem;
font-weight: 400;
height: 2.2em;
min-width: 2.2em;
padding: 0 0.9em;
background-color: #000;
color: #fff;
text-decoration: none;
border-radius: 9999px;
transition: background-color 0.2s ease, opacity 0.2s ease;
}
.pagination .page-numbers li .current {
background-color: #555;
pointer-events: none;
}
.pagination .page-numbers li .dots {
background: none;
color: #999;
font-size: 0.7rem;
padding: 0;
pointer-events: none;
border-radius: 0;
}
.pagination .page-numbers li:first-child .page-numbers.prev, .pagination .page-numbers li:last-child .page-numbers.next {
position: relative;
padding: 0 1.5em;
}
.pagination .page-numbers li:first-child .page-numbers.prev::before, .pagination .page-numbers li:first-child .page-numbers.prev::after, .pagination .page-numbers li:last-child .page-numbers.next::before, .pagination .page-numbers li:last-child .page-numbers.next::after {
content: '';
position: absolute;
top: 50%;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
transform: translateY(-50%) translateX(0);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.pagination .page-numbers li:first-child .page-numbers.prev:hover, .pagination .page-numbers li:last-child .page-numbers.next:hover {
background-color: #555;
}
.pagination .page-numbers li:first-child .page-numbers.prev::before {
left: 0.5em !important;
background-image: url(//wedok.jp/wp-content/themes/wedok2025/images/elements/icons/arrow-l-wh.svg);
transform: translateY(-50%) translateX(20px);
}
.pagination .page-numbers li:first-child .page-numbers.prev:hover::before {
transform: translateY(-50%) translateX(0);
opacity: 1;
}
.pagination .page-numbers li:last-child .page-numbers.next::after {
right: 0.2em !important;
background-image: url(//wedok.jp/wp-content/themes/wedok2025/images/elements/icons/arrow-r-wh.svg);
transform: translateY(-50%) translateX(-20px);
}
.pagination .page-numbers li:last-child .page-numbers.next:hover::after {
transform: translateY(-50%) translateX(0);
opacity: 1;
}
.pagination .page-numbers li:first-child .page-numbers.prev:where(span), .pagination .page-numbers li:last-child .page-numbers.next:where(span) {
opacity: 0.3;
pointer-events: none;
}
@media (max-width: 767px) {
.pagination li .page-numbers {
gap: 0.2em !important;
}
.pagination li a,
.pagination li span {
font-size: 0.7rem !important;
padding: 0 0.7em !important;
min-width: 2em;
}
.pagination li span.dots {
font-size: 0.7rem !important;
padding: 0 0.8em !important;
}
.pagination li:first-child .page-numbers.prev, .pagination li:last-child .page-numbers.next {
padding: 0 0.8em !important;
}
}
#page-wrap {
width: 100%;
line-height: 1.6;
padding: 0;
}
#page-wrap * {
box-sizing: border-box;
}
#page-wrap img {
border-radius: 10px;
}
.hero-top {
width: 100%;
background-color: #fffaf0;
text-align: center;
margin: 0 0 2em 0;
}
.hero-top h2 {
font-size: 4rem;
}
.hero-top p {
font-size: 2rem;
}
.faq dt {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.8em 1em;
background-color: #fffaf0;
margin: 0 0 1px 0;
font-weight: bold;
position: relative;
cursor: pointer;
transition: backgorund-color 0.3s ease;
text-align: left !important;
}
.faq dt:hover {
background-color: #f0f8ff;
}
.faq dt::before {
content: 'Q:';
flex-shrink: 0;
margin-right: 0.5em;
font-family: "Century Gothic", "Futura", "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #f2a20d;
font-weight: bold;
align-self: flex-start;
}
.faq dt span {
flex: 1 1 auto;
text-align: left;
word-break: break-word;
font-weight: bold;
padding-right: .5em;
}
.faq dt::after {
content: '';
flex-shrink: 0;
width: 14px;
height: 14px;
background: url(//wedok.jp/wp-content/themes/wedok2025/images/elements/icons/arrow-r.svg) no-repeat center center;
background-size: contain;
transform: rotate(90deg);
transition: transform 0.3s ease;
}
.faq dt.active {
background-color: #f0f8ff;
}
.faq dt.active::after {
transform: rotate(-90deg);
}
.faq dd {
max-height: 0;
overflow: hidden;
padding: 0 10px;
margin: 0;
background-color: #ffffff;
font-size: .9rem;
transition: max-height 0.5s ease;
}
.faq dd.active {
padding: 1em 1.5em;
}
.faq dd::before {
content: 'A:';
display: block;
margin: 0 0 .5em 0;
font-family: "Century Gothic", "Futura", "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
color: #02a6bc;
}
.faq dd {
transition: max-height 0.3s ease;
}
.sitemap-container {
margin: 2em 0;
}
.sitemap-container .sitemap-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.sitemap-container .sitemap-list a {
text-decoration: none;
color: #333;
}
.sitemap-container .sitemap-list > li {
width: 48%;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 2em;
background: url(//wedok.jp/wp-content/themes/wedok2025/images/elements/icons/folder-open.svg) no-repeat;
background-size: 24px auto;
background-position: top 4px left 0;
padding: 0 0 0 1.5em;
}
.sitemap-container .sitemap-list > li ul {
font-size: 1rem;
font-weight: 400;
list-style-type: none;
margin: .5em 0 0 0;
padding: 0 0 0 0;
}
.sitemap-container .sitemap-list > li ul > li {
margin: 0 0 4px 0;
}
.sitemap-container .sitemap-list > li ul > li a:before {
content: '－';
display: inline-block;
margin: 0 8px 0 0;
}
.sitemap-container .sitemap-list > li ul > li ul {
margin: 0 0 0 1.5em;
}
.sitemap-container .sitemap-list > li ul > li ul > li {
margin: 0 0 4px 0;
}
.sitemap-container .sitemap-list > li ul > li ul > li a:before {
content: '－';
display: inline-block;
margin: 0 8px 0 0;
}
.ataccks-post {
margin: 0 auto 5em auto;
}
.ataccks-post .post-list {
width: 100%;
margin: 0 !important;
padding: 0 !important;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style-type: none;
}
.ataccks-post .post-list .post-list-item {
list-style: none;
min-height: 100px;
position: relative;
}
.ataccks-post .post-list .post-list-item a {
display: block;
text-decoration: none;
}
.ataccks-post .post-list .post-list-item a .post-thumbnail {
position: relative;
overflow: hidden;
border-radius: 4px !important;
}
.ataccks-post .post-list .post-list-item a .post-thumbnail img {
width: 100%;
height: auto;
}
.ataccks-post .post-list .post-list-item a .post-thumbnail .post-cat {
font-size: .7rem;
padding: 3px 8px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%) !important;
display: inline-block;
color: #fff;
border-radius: 0 0 4px 4px;
}
.ataccks-post .post-list .post-list-item a .post-thumbnail .attacks {
background-color: #483d8b;
}
.ataccks-post .post-list .post-list-item .post-meta {
display: block;
font-family: "Century Gothic", "Futura", "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ataccks-post .post-list .post-list-item .post-meta .sticky-mark,
.ataccks-post .post-list .post-list-item .post-meta .new-mark {
font-family: "Century Gothic", "Futura", "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
line-height: 1;
display: inline-block;
margin: 0 1px;
border-radius: 2px;
}
.ataccks-post .post-list .post-list-item .post-meta .sticky-mark {
color: #dc143c;
border: 1px solid #dc143c;
}
.ataccks-post .post-list .post-list-item .post-meta .new-mark {
color: #4169e1;
border: 1px solid #4169e1;
}
.ataccks-post .post-list .post-list-item .post-meta .post-date,
.ataccks-post .post-list .post-list-item .post-meta .good-post {
display: inline-block;
background-repeat: no-repeat;
background-position: top 50% left 0;
}
.ataccks-post .post-list .post-list-item .post-meta .post-date {
background-image: url(//wedok.jp/wp-content/themes/wedok2025/images/elements/icons/archive.svg);
margin: 0 .5em 0 0;
}
.ataccks-post .post-list .post-list-item .post-meta .good-post {
background-image: url(//wedok.jp/wp-content/themes/wedok2025/images/elements/icons/pop.svg);
}
.ataccks-post .post-list .post-list-item .post-title {
font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700 !important;
}
.ataccks-post .post-list .post-list-item .post-excerpt {
color: #888;
line-height: 1.2;
}
.consal-form {
max-width: 100%;
margin: 0;
padding: 4em 20px;
}
.consal-form .form-head,
.consal-form .form-head-note {
text-align: center;
padding: 0;
}
.consal-form .form-refusal {
display: block;
font-size: .9rem;
margin: 1em 0 2em 0;
text-align: center;
}
.consal-form .form-head {
font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
font-size: 1.8rem;
margin: 0 0 24px 0;
}
.consal-form .form-head-note {
font-weight: 300;
margin: 0 0 32px 0;
}
.consal-form #free-consultation-form {
width: 800px;
margin: 5em auto 0 auto !important;
line-height: 1;
}
.consal-form #free-consultation-form .custom-form-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.consal-form #free-consultation-form .custom-form-list dt, .consal-form #free-consultation-form .custom-form-list dd {
margin: 0 0 1.5em 0;
line-height: 1;
}
.consal-form #free-consultation-form .custom-form-list dt:last-child, .consal-form #free-consultation-form .custom-form-list dd:last-child {
padding: 0;
}
.consal-form #free-consultation-form .custom-form-list dt {
font-size: 1.1rem;
width: 168px;
font-weight: bold;
padding: 16px 0 0 0;
}
.consal-form #free-consultation-form .custom-form-list dd {
width: 600px;
margin: 0 0 8px 0;
padding: 0 0 1em 0;
}
.consal-form #free-consultation-form .custom-form-list dd small {
font-size: .8rem;
color: #555;
display: block;
margin: 0 0 1em 0;
}
.consal-form #free-consultation-form .custom-form-list dd input[type="text"],
.consal-form #free-consultation-form .custom-form-list dd input[type="email"],
.consal-form #free-consultation-form .custom-form-list dd input[type="tel"],
.consal-form #free-consultation-form .custom-form-list dd input[type="url"],
.consal-form #free-consultation-form .custom-form-list dd select,
.consal-form #free-consultation-form .custom-form-list dd option,
.consal-form #free-consultation-form .custom-form-list dd textarea {
padding: 12px;
border: 1px solid #888;
border-radius: 4px;
font-size: 16px;
}
.consal-form #free-consultation-form .custom-form-list dd input[type="text"]:focus,
.consal-form #free-consultation-form .custom-form-list dd input[type="email"]:focus,
.consal-form #free-consultation-form .custom-form-list dd input[type="tel"]:focus,
.consal-form #free-consultation-form .custom-form-list dd input[type="url"]:focus,
.consal-form #free-consultation-form .custom-form-list dd select:focus,
.consal-form #free-consultation-form .custom-form-list dd option:focus,
.consal-form #free-consultation-form .custom-form-list dd textarea:focus {
outline: none;
border-color: #0073e6;
box-shadow: 0 0 5px rgba(0, 115, 230, 0.5);
}
.consal-form #free-consultation-form .custom-form-list dd #company,
.consal-form #free-consultation-form .custom-form-list dd #mailaddress,
.consal-form #free-consultation-form .custom-form-list dd #mailaddress2,
.consal-form #free-consultation-form .custom-form-list dd #website,
.consal-form #free-consultation-form .custom-form-list dd #site-url,
.consal-form #free-consultation-form .custom-form-list dd #consultation,
.consal-form #free-consultation-form .custom-form-list dd #inquery {
width: 100%;
}
.consal-form #free-consultation-form .custom-form-list dd #name,
.consal-form #free-consultation-form .custom-form-list dd #kana {
width: 50%;
}
.consal-form #free-consultation-form .custom-form-list dd #phone {
width: 30%;
}
.consal-form #free-consultation-form .custom-form-list dd #postal-code {
width: 20%;
margin: 0 0 0 4px;
}
.consal-form #free-consultation-form .custom-form-list dd #address {
width: 100%;
display: block;
margin: .8em 0;
background-color: rgba(255, 255, 255, 0);
color: #555;
}
.consal-form #free-consultation-form .custom-form-list dd select {
appearance: none;
width: 50%;
max-width: 100px;
}
.consal-form #free-consultation-form .custom-form-list dd #mailaddress2 {
margin: 0 0 1em 0;
}
.consal-form #free-consultation-form .custom-form-list dd input[type="radio"] {
margin: 16px 0 0 0;
scale: 1.2;
}
.consal-form #free-consultation-form .custom-form-list dd #website-yes {
margin: 0 24px 0 0;
}
.consal-form #free-consultation-form .custom-form-list dd #kana,
.consal-form #free-consultation-form .custom-form-list dd #company-kana,
.consal-form #free-consultation-form .custom-form-list dd #mailaddress-confirm,
.consal-form #free-consultation-form .custom-form-list dd #url-field {
margin: 0 0 32px 0;
}
.consal-form #free-consultation-form .custom-form-list dd input::placeholder,
.consal-form #free-consultation-form .custom-form-list dd textarea::placeholder {
color: #b0b0b0;
}
.consal-form #free-consultation-form .custom-form-list dd input:focus::placeholder,
.consal-form #free-consultation-form .custom-form-list dd textarea:focus::placeholder {
color: transparent;
}
.consal-form #free-consultation-form .custom-form-list dd .slide {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, opacity 0.3s ease;
opacity: 0;
visibility: hidden;
}
.consal-form #free-consultation-form .custom-form-list dd .slide.show {
max-height: 50px;
opacity: 1;
visibility: visible;
}
.consal-form #free-consultation-form .custom-form-list dd .sub-label {
display: block;
margin: 16px 0 8px 0;
font-weight: 500;
}
.consal-form #free-consultation-form .custom-form-list dd .sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
white-space: nowrap;
border: 0;
color: rgba(255, 255, 255, 0);
}
.form-error {
padding: 2em;
border: 1px solid #777;
border-radius: 10px;
color: #d64541;
}
.form-check-table {
font-size: 1rem !important;
}
.form-check-table tbody tr td {
color: #777;
}
.form-check-table tbody tr td:first-child {
width: 25%;
color: #333;
text-align: center;
}
.form-submit {
text-align: center;
}
.form-submit button[type="submit"] {
display: inline-block;
font-size: 0.95rem !important;
font-weight: 700;
color: #fff;
background-color: #0052cc;
border: 2px solid #0052cc;
border-radius: 999px;
margin: 3em 0 0 0 !important;
padding: 16px 32px !important;
line-height: 1;
}
.form-submit .form-check-back {
display: block;
margin: 2em 0 0 0;
font-size: .8rem;
color: #777;
}
#postal-code {
ime-mode: disabled;
}
.privasy {
line-height: 1 !important;
}
@media (max-width: 767px) {
#page-wrap .entry-content {
padding: 0 20px !important;
}
.consal-form {
padding: 80px 20px;
}
.consal-form .form-head {
font-size: 24px;
margin: 0 0 0px 0;
padding: 0;
}
.consal-form #free-consultation-form {
max-width: 100%;
}
.consal-form #free-consultation-form .custom-form-list dt, .consal-form #free-consultation-form .custom-form-list dd {
width: 100%;
}
.consal-form #free-consultation-form .custom-form-list dt {
margin: 0 0 8px 0;
padding: 0;
}
.consal-form #free-consultation-form .custom-form-list dd input[type="text"],
.consal-form #free-consultation-form .custom-form-list dd input[type="email"],
.consal-form #free-consultation-form .custom-form-list dd input[type="tel"],
.consal-form #free-consultation-form .custom-form-list dd input[type="url"],
.consal-form #free-consultation-form .custom-form-list dd textarea {
width: 100%;
}
button[type="submit"] {
font-size: 1rem;
padding: 16px 0;
}
.faq {
font-size: .9rem;
line-height: 1.1;
}
.faq dd {
font-size: .8rem;
}
.sitemap-container {
padding: 0 40px;
margin: 2em 0;
}
.sitemap-container .sitemap-list > li {
width: 100%;
}
.ataccks-post {
max-width: 100%;
}
.ataccks-post .post-list .post-list-item {
width: 100%;
margin: 0 0 2em 0;
}
.ataccks-post .post-list .post-list-item .post-meta .sticky-mark,
.ataccks-post .post-list .post-list-item .post-meta .new-mark {
padding: 1px 2px;
font-size: .7rem;
margin: 0 1px;
}
.ataccks-post .post-list .post-list-item .post-date,
.ataccks-post .post-list .post-list-item .good-post {
display: inline-block;
background-repeat: no-repeat;
background-position: top 50% left 0;
}
.ataccks-post .post-list .post-list-item .post-date {
background-size: auto 14px;
padding: 4px 0 4px 22px !important;
}
.ataccks-post .post-list .post-list-item .good-post {
background-size: auto 16px;
padding: 4px 0 4px 18px !important;
}
.ataccks-post .post-list .post-list-item .post-title {
font-size: 1rem !important;
margin: 0.3rem 0 0 0 !important;
}
.ataccks-post .post-list .post-list-item .post-excerpt {
font-size: .8rem;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
#page-wrap .entry-content {
padding: 0 40px !important;
}
#page-wrap img {
max-width: 100%;
height: auto;
}
.consal-form {
padding: 80px 40px;
}
.consal-form .form-head {
font-size: 24px;
margin: 0 0 20px 0;
padding: 0;
}
.consal-form #free-consultation-form {
max-width: 100%;
}
.consal-form #free-consultation-form .custom-form-list dt {
width: 22%;
}
.consal-form #free-consultation-form .custom-form-list dd {
width: 70%;
}
.consal-form button[type="submit"] {
font-size: 1.1rem;
padding: 16px 0;
}
.sitemap-container {
width: 82%;
margin: 3em auto;
}
.ataccks-post {
width: 100%;
}
.ataccks-post .post-list {
margin: 0 !important;
padding: 0 !important;
}
.ataccks-post .post-list .post-list-item {
width: 47%;
}
.ataccks-post .post-list .post-list-item .post-meta .sticky-mark,
.ataccks-post .post-list .post-list-item .post-meta .new-mark {
padding: 1px 2px;
font-size: .7rem;
margin: 0 1px;
}
.ataccks-post .post-list .post-list-item .post-date,
.ataccks-post .post-list .post-list-item .good-post {
display: inline-block;
background-repeat: no-repeat;
background-position: top 50% left 0;
}
.ataccks-post .post-list .post-list-item .post-date {
background-size: auto 14px;
padding: 4px 0 4px 22px !important;
}
.ataccks-post .post-list .post-list-item .good-post {
background-size: auto 16px;
padding: 4px 0 4px 18px !important;
}
.ataccks-post .post-list .post-list-item .post-title {
font-size: 1rem !important;
margin: 0.3rem 0 0 0 !important;
}
.ataccks-post .post-list .post-list-item .post-excerpt {
font-size: .8rem;
}
}
@media (min-width: 1025px) {
button[type="submit"] {
font-size: 1.1rem;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: 0.3s 0.3s ease;
}
button[type="submit"]:hover {
cursor: pointer;
color: #fff;
background-color: #01a6bc;
border: 2px solid #01a6bc;
}
.ataccks-post {
max-width: 1040px;
padding: 0 20px;
}
.ataccks-post .post-list {
margin: 0 !important;
padding: 0 !important;
}
.ataccks-post .post-list .post-list-item {
width: 47%;
margin-bottom: 2em;
}
.ataccks-post .post-list .post-list-item a {
transition: opacity 0.3s ease, color 0.3s ease;
}
.ataccks-post .post-list .post-list-item a .post-thumbnail img {
scale: 1;
transition: opacity 0.3s ease, scale 0.3s ease;
}
.ataccks-post .post-list .post-list-item a .post-thumbnail .post-cat {
font-size: .7rem;
padding: 3px 8px;
}
.ataccks-post .post-list .post-list-item a .post-label {
position: absolute;
bottom: 8.54px;
left: 50%;
color: #fff;
transform: translateX(-50%) !important;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ataccks-post .post-list .post-list-item a .post-label a {
color: #fff !important;
}
.ataccks-post .post-list .post-list-item a .post-label .sticky-mark,
.ataccks-post .post-list .post-list-item a .post-label .new-mark {
padding: 2px 8px;
font-size: .8rem;
margin: 0 1px;
}
.ataccks-post .post-list .post-list-item .post-meta .sticky-mark,
.ataccks-post .post-list .post-list-item .post-meta .new-mark {
padding: 1px 2px;
font-size: .7rem;
margin: 0 1px;
}
.ataccks-post .post-list .post-list-item .post-date,
.ataccks-post .post-list .post-list-item .good-post {
display: inline-block;
background-repeat: no-repeat;
background-position: top 50% left 0;
}
.ataccks-post .post-list .post-list-item .post-date {
background-size: auto 14px;
padding: 4px 0 4px 22px !important;
}
.ataccks-post .post-list .post-list-item .good-post {
background-size: auto 16px;
padding: 4px 0 4px 18px !important;
}
.ataccks-post .post-list .post-list-item .post-title {
font-size: 1rem !important;
margin: 0.3rem 0 0 0 !important;
}
.ataccks-post .post-list .post-list-item .post-excerpt {
font-size: .8rem;
}
}