File: /www/wwwroot//www.kslail.com/css/base(1).css
@charset "UTF-8";
/*子テーマ用「base.css」*/
* {
/*font-family: 'Noto Sans TC', sans-serif;*/
font-family: 'PingFang TC', 'Microsoft JhengHei', 'Oswald','Yu Gothic Medium', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif;
/*-webkit-font-smoothing: antialiased;*/
}
/* text - box-yellow */
.box-yellow {
background-image: linear-gradient(180deg, transparent 0%, transparent 50%, rgb(254, 243, 153) 50%);
}
body {
padding-top: 0 !important;
background-color: #FFF;
}
/* remove keni-style */
.keni-container .keni-header_wrap,
.keni-section h1:not(.title_no-style),
.archive_title_wrap .archive_title {
background-image: none !important;
}
/* search form */
.search-box .searchform {
display: flex;
align-items: center;
}
.search-box .searchform input {
color: #f5b2b2;
font-size: 18px;
font-weight: bold;
border: 1px solid #f5b2b2;
border-radius: 5px;
padding: 6px 12px 5px;
height: 40px;
}
.search-box .searchform input:focus {
outline: none;
}
.search-box .searchform .btn-search {
position: static;
}
/* category tag */
.entry_category .entry_category_item {
background-color: #707070;
transition: 0.3s;
}
.entry_category .entry_category_item:hover,
.entry_category .entry_category_item:active,
.entry_category .entry_category_item:focus {
background-color: #f5b2b2;
}
.entry_category .entry_category_item a {
color: #FFF;
}
/* page header */
.keni-header_wrap .keni-header .keni-header_inner {
border-bottom: 5px solid #f5b2b2;
padding: 50.5px 0 14.5px;
margin: 0 10px;
display: flex;
align-items: flex-end;
position: relative;
}
/* page header - logo */
.keni-header_wrap .keni-header .keni-header_inner .site-title {
padding: 0;
}
/* page header - web description */
.keni-header_wrap .keni-header .keni-header_inner .keni-header_cont {
float: left;
max-width: unset;
padding-left: 22px;
padding-right: 50px;
font-size: 18px;
color: #707070;
}
/* page header - mobile search form */
.keni-header_wrap .keni-header .keni-header_inner .keni-header_cont .mobile-search-form {
display: none;
}
/* page header - fb icon */
.keni-header_wrap .keni-header .keni-header_inner .top-fb {
position: absolute;
right: 0;
bottom: 0;
}
@media screen and (max-width: 767px) {
/* page header wrap (mobile) */
.keni-header_wrap .keni-header {
padding: 0;
}
/* page header (mobile) */
.keni-header_wrap .keni-header .keni-header_inner {
border-bottom: none;
flex-direction: column;
align-items: center;
padding-top: 15px;
}
/* page header - logo (mobile) */
.keni-header_wrap .keni-header .keni-header_inner .site-title a img {
height: 40px;
}
/* page header - web description (mobile) */
.keni-header_wrap .keni-header .keni-header_inner .keni-header_cont {
margin: 0;
padding: 8px 10px 0;
font-size: 15px;
text-align: center;
}
/* page header - mobile search form (mobile) */
.keni-header_wrap .keni-header .keni-header_inner .keni-header_cont .mobile-search-form {
margin: 10px 30px 0;
display: block;
border-top: 3px solid #f5b2b2;
}
/* page header - fb icon (mobile) */
.keni-header_wrap .keni-header .keni-header_inner .top-fb {
display: none;
}
}
/* nav menu */
.keni-gnav_wrap {
border: none;
}
/* nav menu - logo & title */
.keni-gnav_wrap .keni-gnav .menu-logo,
.keni-gnav_wrap .keni-gnav .menu-title {
display: none;
}
/* nav - li */
.keni-gnav_wrap .keni-gnav #menu .menu-item a {
color: #707070;
}
@media screen and (min-width: 768px) {
/* nav - ul (pc) */
.keni-gnav_wrap .keni-gnav #menu {
display: flex;
justify-content: flex-end;
}
/* nav - li (pc) */
.keni-gnav_wrap .keni-gnav #menu .menu-item a {
font-size: 20px;
}
.keni-gnav_wrap .keni-gnav #menu .menu-item a:hover,
.keni-gnav_wrap .keni-gnav #menu .menu-item a:active,
.keni-gnav_wrap .keni-gnav #menu .menu-item a:focus {
border-bottom-color: #f5b2b2;
}
/* nav - menu (pc fixed) */
.keni-gnav_wrap.fixed {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.keni-gnav_wrap.fixed.admin {
padding-top: 34px;
}
.keni-gnav_wrap.fixed .keni-gnav .keni-gnav_inner {
display: flex !important;
align-items: center;
justify-content: space-between;
}
/* nav menu - logo (pc fixed) */
.keni-gnav_wrap.fixed .keni-gnav .menu-logo {
display: inline-block;
}
.keni-gnav_wrap.fixed .keni-gnav .menu-logo a img {
height: 40px;
}
/* nav - ul (pc fixed) */
.keni-gnav_wrap.fixed .keni-gnav #menu {
display: inline-flex;
}
/* nav - li (pc fixed) */
.keni-gnav_wrap.fixed .keni-gnav #menu .menu-item a {
font-size: 18px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
/* nav - ul (pc) */
.keni-gnav_wrap .keni-gnav #menu {
flex-wrap: wrap;
justify-content: flex-start;
}
/* nav - ul (pc fixed) */
.keni-gnav_wrap.fixed .keni-gnav #menu {
max-width: 80%;
}
}
@media screen and (max-width: 767px) {
/* mobile menu closing - btn (mobile) */
.keni-gnav_wrap .keni-gnav .keni-gnav_btn {
right: 18px;
}
.keni-gnav_wrap .keni-gnav .keni-gnav_btn .keni-gnav_btn_icon-open,
.keni-gnav_wrap .keni-gnav .keni-gnav_btn .keni-gnav_btn_icon-open:before,
.keni-gnav_wrap .keni-gnav .keni-gnav_btn .keni-gnav_btn_icon-open:after {
background-color: #fff;
border: 1px solid #f5b2b2;
width: 30px;
height: 5px;
border-radius: 5px;
}
.keni-gnav_wrap .keni-gnav .keni-gnav_btn .keni-gnav_btn_icon-open:before,
.keni-gnav_wrap .keni-gnav .keni-gnav_btn .keni-gnav_btn_icon-open:after {
left: -1px;
}
.keni-gnav_wrap .keni-gnav .keni-gnav_btn .keni-gnav_btn_icon-open:after {
margin-top: 7px;
}
.keni-gnav_wrap .keni-gnav .keni-gnav_btn .keni-gnav_btn_icon-open:before {
margin-top: -13px;
}
/* mobile menu closing btn (fixed) */
.keni-gnav_wrap .keni-gnav .keni-gnav_btn {
top: 13px;
}
/* mobile menu opening - bg click area */
#click-space {
z-index: 60;
}
/* mobile menu opening - btn */
.keni-gnav_wrap .keni-gnav .keni-gnav_btn_wrap {
position: absolute;
top: 0;
right: 0;
z-index: 1200;
}
.keni-gnav_wrap .keni-gnav .keni-gnav_btn .keni-gnav_btn_icon-close::before {
-webkit-text-stroke: 1px #f5b2b2;
color: #FFF;
font-size: 24px;
content: "🗙";
}
/* mobile menu opening - menu */
.keni-gnav_wrap .keni-gnav .keni-gnav_inner {
background-color: #FFF;
height: calc(100vh - 50px);
top: 0;
border: 1px solid #f5b2b2;
}
.keni-gnav_wrap.fixed .keni-gnav #menu .menu-item {
border: none;
font-size: 18px;
}
.keni-gnav_wrap.fixed .keni-gnav #menu .menu-item a {
text-align: center;
padding: 5px;
}
/* mobile menu opening - menu-title */
.keni-gnav_wrap .keni-gnav .menu-title {
display: block;
width: 70%;
margin: 40px auto 10px;
padding: 5px;
color: #f5b2b2;
border-bottom: 3px solid #f5b2b2;
text-align: center;
font-size: 18px;
font-weight: bold;
}
/* mobile menu opening - searchform */
.keni-gnav_wrap.fixed .keni-gnav #menu .menu-search .search-box {
background-color: #FFF;
}
}
/* index - author area title */
#custom_html-11 {
padding: 0;
margin: 47px 10px 25px;
}
#custom_html-11 h3 {
background-color: #FFF;
color: #f5b2b2;
font-weight: bold;
font-size: 28px;
display: inline-block;
margin: 0;
padding: 0;
}
#custom_html-11 .textwidget {
display: inline-block;
margin-left: 16px;
font-size: 20px;
color: #707070;
}
#custom_html-11 .textwidget p {
margin: 0;
}
/* index - author area */
#authors-7 {
padding: 0;
}
/* index - author area - title */
#authors-7 .keni-section h3 {
display: none;
}
/* index - author area - author list */
#authors-7 .keni-section ul {
list-style-type: none;
}
#authors-7 .keni-section ul li a:hover,
#authors-7 .keni-section ul li a:active,
#authors-7 .keni-section ul li a:focus {
opacity: 0.6;
}
#authors-7 .keni-section > ul {
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#authors-7 .keni-section > ul > li {
border: 2px solid #f5b2b2;
border-radius: 25px;
width: 49%;
padding: 22px 15px 8px;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
#authors-7 .keni-section > ul > li > a {
position: absolute;
top: 20px;
}
/* index - author area - author img */
#authors-7 ul li a img {
width: 100px;
height: 100px;
border-radius: 100px;
box-sizing: border-box;
}
/* index - author area author name */
#authors-7 ul li a strong {
font-size: 20px;
font-weight: bold;
line-height: 1.8;
color: #f5b2b2;
position: absolute;
top: 3px;
left: 120px;
min-width: 180px;
}
/* index author - author posts list */
#authors-7 ul li > ul {
margin: 40px 14px 18px 120px;
padding-top: 6px;
border-top: 1px solid #f5b2b2;
}
#authors-7 ul li > ul li {
margin: 4px 0 12px;
}
#authors-7 ul li > ul:before {
content: "熱門評論";
font-size: 16px;
color: #9f9f9f;
line-height: 2;
}
#authors-7 ul li > ul li a {
color: #555;
display: block;
text-align: justify;
line-height: 1.5;
font-size: 17px;
text-decoration: none;
}
@media screen and (max-width: 1023px) {
/* index - author area title */
#custom_html-11 .textwidget {
margin: 5px 0 0;
}
/* index - author area - author list */
#authors-7 .keni-section > ul > li {
width: 100%;
}
/* index - author area - author img */
#authors-7 ul li a img {
width: 80px;
height: 80px;
}
/* index - author area author name */
#authors-7 ul li a strong {
left: 100px;
}
/* index author - author posts list */
#authors-7 ul li > ul {
margin: 40px 14px 18px 100px;
}
#authors-7 ul li > ul li a {
font-size: 16px;
line-height: 1.3;
}
}
.required{
background-color: red;
}
/* sidebar */
#secondary h3 {
color: #f5b2b2;
background-color: #FFF;
font-size: 22px;
font-weight: bold;
border-bottom: 2px solid #f5b2b2;
}
/* sidebar - search form */
#search-3 {
padding: 0;
}
/* sidebar - popular posts */
#wpp-7 {
padding-left: 0;
padding-right: 0;
}
#wpp-7 .keni-section ul li {
margin-bottom: 15px;
display: flex;
align-items: center;
}
#wpp-7 .keni-section ul li a:not(.wpp-post-title) {
display: block;
width: 100px;
height: 100px;
min-width: 100px;
min-height: 100px;
margin-right: 15px;
}
#wpp-7 .keni-section ul li .wpp-post-title {
color: #707070;
text-decoration: none;
display: block;
text-align: justify;
line-height: 1.5;
font-size: 16px;
}
#wpp-7 .keni-section ul li .wpp-post-title:hover,
#wpp-7 .keni-section ul li .wpp-post-title:active,
#wpp-7 .keni-section ul li .wpp-post-title:focus {
color: #f5b2b2;
text-decoration: underline;
}
/* sidebar - categories */
#categories-3 .keni-section > ul > li > ul {
display: none;
}
#categories-3 .keni-section > ul > li:hover > ul {
display: block;
}
#categories-3 {
padding-left: 0;
padding-right: 0;
}
#categories-3 .keni-section ul,
#categories-3 .keni-section ul li {
border: none;
}
#categories-3 .keni-section ul li a {
color: #707070;
font-size: 16px;
}
#categories-3 .keni-section ul li a::before {
position: static;
border: none;
content: '-';
margin-right: 5px;
}
#categories-3 .keni-section ul li a:hover,
#categories-3 .keni-section ul li a:active,
#categories-3 .keni-section ul li a:focus {
color: #f5b2b2;
}
#categories-3 .keni-section > ul > li > a {
font-weight: bold;
}
/* breadcrumbs */
.keni-breadcrumb-list_wrap {
border: none;
padding: 15px 20px 5px;
}
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li a span,
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li a,
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li {
font-size: 20px;
color: #f5b2b2;
font-weight: bold;
}
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li a:hover,
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li a:hover span,
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li a:active,
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li a:active span,
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li a:focus,
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li a:focus span {
color: #707070;
}
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li:nth-child(1) a::before {
content: 'Trouble Care~';
}
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li:nth-child(1) a span {
display: none;
}
@media screen and (max-width: 767px) {
.keni-breadcrumb-list_wrap {
padding: 5px 10px;
padding-top: 75px !important;
}
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li a span,
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li a,
.keni-breadcrumb-list_wrap .keni-breadcrumb-list li {
font-size: 16px;
line-height: 1.5;
}
}
/* archive & search page */
.archive_title_wrap .archive_title {
background-color: transparent;
color: #f5b2b2;
font-size: 26px;
border-left: 10px solid #f5b2b2;
padding: 5px 20px;
margin: 50px 10px;
}
@media screen and (max-width: 767px) {
.archive_title_wrap .archive_title {
font-size: 24px;
padding: 5px 5px 5px 14px;
margin: 30px 10px;
}
}
/* 404 page */
.related-entry-list .related-entry-list_item .related-entry_title a {
font-size: 16px;
}
.related-entry-list .related-entry-list_item .related-entry_title a:hover,
.related-entry-list .related-entry-list_item .related-entry_title a:active,
.related-entry-list .related-entry-list_item .related-entry_title a:focus {
color: #f5b2b2;
}
/* single page */
.keni-section_wrap.article_wrap {
margin-bottom: 0;
}
@media screen and (max-width: 320px) {
.keni-section_wrap.article_wrap {
padding: 0;
}
}
/* single page - text style */
.keni-main article .keni-section h1 {
font-size: 30px;
line-height: 1.3;
}
.article-body h2.m10-b,
.keni-main article .keni-section h2 {
background-color: transparent;
color: #f5b2b2;
font-size: 26px;
border-left: 10px solid #f5b2b2;
padding: 5px 20px;
}
.keni-main article .keni-section h3 {
color: #f5b2b2;
font-size: 24px;
border-top-color: #f5b2b2;
border-bottom-color: #f5b2b2;
}
.keni-main article .keni-section h4 {
color: #f5b2b2;
font-size: 22px;
margin-top: 40px;
border-bottom-color: #f5b2b2;
}
.keni-main article .keni-section h5 {
background-color: #f5b2b2;
color: #FFF;
font-size: 22px;
margin-top: 40px;
display: inline-block;
padding: 0 5px;
}
.keni-main article .keni-section p,
.keni-main article .keni-section ul li {
font-size: 18px;
color: #707070;
}
.keni-main article .keni-section .article-body a:not(.btn) {
color: #707070;
font-size: 20px;
font-weight: bold;
text-decoration: none;
border-bottom: 2px solid #f5b2b2;
}
#sitemap_list a:hover,
#sitemap_list a:active,
#sitemap_list a:focus,
.keni-main article .keni-section .article-body a:not(.btn):hover,
.keni-main article .keni-section .article-body a:not(.btn):active,
.keni-main article .keni-section .article-body a:not(.btn):focus {
color: #f5b2b2;
}
.keni-main article .keni-section .article-body a.btn {
background-color: #f5b2b2;
font-size: 16px;
}
.keni-main article .keni-section .article-body img {
border-radius: 5px;
}
/* sitemap */
#sitemap_list a {
text-decoration: none;
font-size: 18px;
font-weight: normal;
}
@media screen and (max-width: 767px) {
.keni-main article .keni-section h1 {
font-size: 26px;
}
.keni-main article .keni-section h2 {
font-size: 24px;
padding: 5px 5px 5px 14px;
}
.keni-main article .keni-section h3 {
font-size: 22px;
}
.keni-main article .keni-section h4,
.keni-main article .keni-section h5 {
font-size: 20px;
margin-top: 20px;
}
.keni-main article .keni-section .article-body img.alignleft.size-thumbnail {
margin-bottom: 6px;
}
.keni-main article .keni-section .article-body img.aligncenter {
width: 70%;
}
}
/* single page - header */
.article-header .single-header-btn-wrap {
margin-bottom: 5px;
}
.article-header .single-header-btn-wrap {
text-align: right;
}
/* single page - footer */
.single-footer-btn-wrap {
text-align: right;
}
@media screen and (min-width: 768px) {
/* single page - header */
.article-header .entry_status {
display: inline-block;
width: 70%;
}
.article-header .single-header-btn-wrap {
display: inline-block;
}
}
/* single page - toc */
#toc_container {
margin-top: 30px;
border: 2px solid #f5b2b2;
border-radius: 5px;
padding: 15px 60px 30px;
}
#toc_container .toc_title {
background-color: transparent;
color: #f5b2b2;
font-size: 24px;
}
#toc_container .toc_list li {
list-style-type: disc !important;
list-style: disc !important;
}
#toc_container .toc_list li a {
font-size: 18px;
border: none;
}
@media screen and (max-width: 767px) {
#toc_container {
padding: 15px 40px 20px;
}
#toc_container .toc_title {
font-size: 22px;
}
#toc_container .toc_list li a {
font-size: 16px;
}
}
/* single page - author */
.behind-article-area .profile-box {
background-color: #FFF;
}
.behind-article-area .profile-box .profile-box_in .profile-box-author span {
color: #f5b2b2;
border-bottom: 2px solid #f5b2b2;
display: inline-block;
width: 250px;
}
.behind-article-area .profile-box .profile-box_in .profile-box-author::before {
content: unset;
}
.behind-article-area .profile-box .profile-box_in .profile-box-desc {
color: #707070;
font-size: 18px;
text-align: justify;
}
.behind-article-area .profile-box .profile-box_in .profile-box-desc .link-author-list a::before {
content: unset;
}
.behind-article-area .profile-box .profile-box_in .profile-box-desc .link-author-list a {
border: 2px solid #f5b2b2;
border-radius: 5px;
padding: 4px 40px;
color: #f5b2b2;
text-decoration: none;
}
.behind-article-area .profile-box .profile-box_in .profile-box-desc .link-author-list a:hover,
.behind-article-area .profile-box .profile-box_in .profile-box-desc .link-author-list a:active,
.behind-article-area .profile-box .profile-box_in .profile-box-desc .link-author-list a:focus {
color: #707070;
border: 2px solid #707070;
}
/* single page - post nav */
.post-navigation .nav-links a {
font-size: 18px;
text-overflow: unset;
white-space: unset;
background: unset;
}
.post-navigation .nav-links,
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
display: flex;
align-items: center;
}
.post-navigation .nav-links .nav-previous a:hover,
.post-navigation .nav-links .nav-previous a:active,
.post-navigation .nav-links .nav-previous a:focus,
.post-navigation .nav-links .nav-next a:hover,
.post-navigation .nav-links .nav-next a:active,
.post-navigation .nav-links .nav-next a:focus {
color: #f5b2b2;
}
.post-navigation .nav-links::before {
top: 50%;
}
.post-navigation .nav-links .nav-previous::before {
content: '《';
}
.post-navigation .nav-links .nav-next::after {
content: '》';
}
/* single page - comments */
#comments .comment-reply-title {
background-color: transparent;
color: #f5b2b2;
font-size: 26px;
border-left: 10px solid #f5b2b2;
padding: 5px 20px;
}
#comments .btn {
background-color: #f5b2b2;
font-size: 16px;
}
@media screen and (max-width: 767px) {
#comments .comment-reply-title {
font-size: 24px;
padding: 5px 5px 5px 14px;
}
}
/* single page - related posts */
.wp_rp_wrap .wp_rp_content .related_post_title {
background-color: transparent;
color: #f5b2b2;
font-size: 26px;
border-left: 10px solid #f5b2b2;
padding: 5px 20px;
border-top: none;
border-bottom: none;
}
.wp_rp_wrap .wp_rp_content .related_post_title::before {
content: unset;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp {
margin-bottom: 0 !important;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li .wp_rp_title {
color: #000;
text-decoration: none;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li .wp_rp_title:hover,
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li .wp_rp_title:active,
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li .wp_rp_title:focus {
text-decoration: underline;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li a {
border: none;
}
@media screen and (min-width: 768px) {
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
-webkit-column-gap: 0 !important;
column-gap: 0 !important;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li {
display: flex !important;
flex-direction: column !important;
grid-column: 1 span;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li+li {
padding-left: 10px !important;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li:nth-child(5),
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li:nth-child(6),
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li:nth-child(7),
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li:nth-child(8) {
display: none !important;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li .wp_rp_thumbnail {
padding: 0 !important;
width: 100% !important;
height: 130px !important;
margin: 10px 0 !important;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li .wp_rp_thumbnail img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li .wp_rp_title {
line-height: 1.2;
font-size: 18px;
}
}
@media screen and (max-width: 1023px) {
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp {
grid-template-columns: 50% 50%;
}
}
@media screen and (max-width: 767px) {
.wp_rp_wrap .wp_rp_content .related_post_title {
font-size: 24px;
padding: 5px 5px 5px 14px;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li {
display: flex;
align-items: center;
margin-bottom: 5px !important;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li .wp_rp_thumbnail {
min-width: 75px;
min-height: 75px;
display: flex !important;
justify-content: center;
align-items: center;
}
.wp_rp_wrap .wp_rp_content ul.related_post.wp_rp li .wp_rp_title {
font-size: 18px;
line-height: 1.3;
font-weight: normal;
}
}
/* single page - related posts (ad) */
.behind-article-area {
margin-top: 0;
}
.behind-article-area .keni-section_wrap #execphp-8 {
margin: 0 0 40px;
}
@media screen and (min-width: 768px) {
.behind-article-area .keni-section_wrap #execphp-8 {
padding: 0;
}
}
/* footer */
.keni-footer_wrap {
background-color: #f5b2b2;
}
.keni-footer_wrap .keni-footer_outer {
padding: 62px 0 80px;
}
.keni-footer_wrap .keni-footer-cont_wrap {
display: flex;
flex-direction: column;
}
.keni-footer_wrap .keni-footer-cont_wrap .keni-footer-cont {
display: flex;
width: 100%;
align-items: center;
}
.keni-footer_wrap .keni-section_wrap {
background-color: transparent;
}
/* footer - logo */
#media_image-17 {
padding: 0;
margin: 0;
}
/* footer - description */
#text-4 p {
margin: 0;
color: #FFF;
font-size: 20px;
}
/* footer - menu */
#nav_menu-7 {
padding-left: 0;
}
#menu-footer1 {
display: flex;
}
#menu-footer1 li {
border: none;
}
#menu-footer1 li a {
color: #FFF;
font-size: 20px;
padding-left: 20px;
}
#menu-footer1 li a::before {
content: unset;
}
/* footer - copyright */
.keni-footer_wrap .keni-copyright_wrap {
border: none;
padding-left: 0;
color: #FFF;
font-size: 20px;
}
@media screen and (max-width: 767px) {
.keni-footer_wrap .keni-footer_outer {
padding: 40px 30px 30px;
}
.keni-footer_wrap .keni-footer-cont_wrap .keni-footer-cont {
flex-direction: column;
align-items: flex-start;
}
#text-4,
#nav_menu-7 {
margin: 0;
padding-left: 0;
}
/* footer - menu */
#menu-footer1 {
flex-direction: column;
}
}
/* plugin - chat btn: fb, telegram */
div#wh-widget-send-button {
bottom: 90px !important;
right: 10px !important;
}
@media screen and (max-width: 768px) {
div#wh-widget-send-button {
bottom: 50px !important;
right: 0 !important;
}
}
/* footer - page top button */
.page-top {
background-color: #FFF;
border-radius: 100px;
border: 2px solid #f5b2b2;
width: 70px;
height: 70px;
right: 20px;
bottom: 20px;
}
.page-top a {
text-decoration: none;
display: flex;
flex-direction: column;
padding: 10px 16px 15px;
}
.page-top a::before,
.page-top a::after {
color: #f5b2b2;
line-height: 1.4;
font-size: 16px;
}
.page-top a::before {
content: '▲';
}
.page-top a::after {
content: 'TOP';
}
/* post page nav */
.page-nav ol li.current,
.page-nav ol li a:hover,
.page-nav ol li a:active,
.page-nav ol li a:focus {
background-color: #f5b2b2;
border-radius: 5px;
}
/* post list */
.entry-list .post {
padding: 0;
margin-bottom: 30px;
}
.entry-list .post .entry {
display: grid;
grid-template-columns: 200px calc(100% - 200px);
margin-bottom: 10px;
}
.entry-list .post .entry .entry_thumb {
grid-column: 1/2;
}
.entry-list .post .entry .entry_inner {
grid-column: 2/3;
}
.entry-list .post .entry-outter {
grid-column: 1/3;
text-align: right;
margin-top: 12px;
}
/* post list - image */
.entry-list .post .entry .entry_thumb {
width: 180px;
height: 180px;
min-width: 180px;
min-height: 180px;
max-width: 180px;
max-height: 180px;
float: none;
margin-bottom: 0;
}
.entry-list .post .entry .entry_thumb a {
width: 100%;
height: 100%;
}
.entry-list .post .entry .entry_thumb a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* post list - text */
.entry-list .post .entry .entry_inner {
border-bottom: 1px solid #f5b2b2;
padding-bottom: 12px;
}
/* post list - text - title */
.entry-list .post .entry .entry_inner .entry_title a {
color: #707070;
font-size: 22px;
line-height: 1.2;
}
.entry-list .post .entry .entry_inner .entry_title a:hover,
.entry-list .post .entry .entry_inner .entry_title a:active,
.entry-list .post .entry .entry_inner .entry_title a:focus {
color: #f5b2b2;
}
/* post list - text - status */
.entry-list .post .entry .entry_inner .entry_status .entry_date .entry_date_item,
.entry-list .post .entry .entry_inner .entry_status .entry_date time,
.entry-list .post .entry .entry_inner .entry_status .entry_category .entry_category_item a {
font-size: 16px;
}
/* post list - text - description */
.entry-list .post .entry .entry_inner .entry_description {
font-size: 16px;
text-align: justify;
}
/* posts list - read more btn */
.entry-list .post .entry-outter .btn-more {
border: 1px solid #f5b2b2;
background-color: #f5b2b2;
color: #FFF;
padding: 2px 10px;
text-decoration: none;
border-radius: 5px;
display: inline-block;
}
.entry-list .post .entry-outter .btn-more:hover,
.entry-list .post .entry-outter .btn-more:active,
.entry-list .post .entry-outter .btn-more:focus {
transition: 0.3s;
opacity: 0.5;
color: #FFF;
}
@media screen and (max-width: 767px) {
/* post list */
.entry-list .post .entry {
grid-template-columns: 133px calc(100% - 133px);
}
/* post list - text - description */
.entry-list .post .entry .entry_inner .entry_description,
/* post list - btn wrap */
.entry-list .post .entry-outter {
display: none;
}
.entry-list .post {
margin-bottom: 10px;
}
/* post list - text - status */
.entry-list .post .entry .entry_inner .entry_status .entry_date {
margin-bottom: 3px;
}
.entry-list .post .entry .entry_inner .entry_status .entry_category {
margin-bottom: 0;
}
/* post list - image */
.entry-list .post .entry .entry_thumb {
width: 125px;
height: 125px;
min-width: 125px;
min-height: 125px;
max-width: 125px;
max-height: 125px;
margin: 0 8px 0 0;
}
/* post list - text - title */
.entry-list .post .entry .entry_inner {
border: none;
padding-bottom: 0;
}
.entry-list .post .entry .entry_inner .entry_title {
line-height: 1.5;
}
.entry-list .post .entry .entry_inner .entry_title a {
font-size: 18px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
max-height: 64px;
}
/* post list - text - status */
.entry-list .post .entry .entry_inner .entry_status .entry_date .entry_date_item,
.entry-list .post .entry .entry_inner .entry_status .entry_date time,
.entry-list .post .entry .entry_inner .entry_status .entry_category .entry_category_item a {
font-size: 14px;
}
}
/* sns button */
.keni-section_wrap .keni-section .sns-btn_wrap {
width: unset;
display: inline-flex;
align-items: center;
padding: 0;
}
.keni-section_wrap .keni-section .sns-btn_wrap::before {
content: '分享到:';
color: #707070;
}
.keni-section_wrap .keni-section .sns-btn_wrap > div {
margin-left: 8px;
}
.keni-section_wrap .keni-section .sns-btn_wrap .sns-btn_tw,
.keni-section_wrap .keni-section .sns-btn_wrap .sns-btn_fb {
border: none;
}
.keni-section_wrap .keni-section .sns-btn_wrap .sns-btn_tw a,
.keni-section_wrap .keni-section .sns-btn_wrap .sns-btn_fb a {
padding: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.keni-section_wrap .keni-section .sns-btn_wrap .sns-btn_tw a span,
.keni-section_wrap .keni-section .sns-btn_wrap .sns-btn_fb a span {
display: none;
}
.keni-section_wrap .keni-section .sns-btn_wrap .sns-btn_tw a svg,
.keni-section_wrap .keni-section .sns-btn_wrap .sns-btn_fb a svg {
width: 30px;
height: 30px;
margin: 0;
}
.keni-section_wrap .keni-section .sns-btn_wrap .copy-link-btn {
border: 1px solid #f5b2b2;
color: #f5b2b2;
padding: 2px 10px;
cursor: pointer;
}
/* copy url - notice */
.notice-wrap {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
text-align: center;
padding: 20px 30px;
border-radius: 5px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 80;
max-width: 90vw;
}
/* page top - widgets */
@media screen and (min-width: 1023px) {
/* index & single - top widgets */
/* .keni-main_inner .free-area_before-title.index-widget,
.keni-main_inner .free-area_before-title.single-widget {
display: grid;
grid-template-columns: calc(100% - 230px) 230px;
}
.keni-main_inner .free-area_before-title.index-widget > div,
.keni-main_inner .free-area_before-title.single-widget > div {
grid-column: 1 span;
} */
.keni-main_inner .free-area_before-title {
display: grid;
grid-template-columns: calc(100% - 230px) 230px;
}
.keni-main_inner .free-area_before-title > div {
grid-column: 1 span;
}
}
/* index - top widgets - right - popular post */
#wpp-9 {
margin: 0;
padding: 0;
}
#wpp-9 .wpp-list {
margin: 0;
}
#wpp-9 .wpp-list li {
position: relative;
width: 230px;
height: 170px;
}
#wpp-9 .wpp-list li::before {
content: '本月人氣文章';
display: inline-block;
background-color: #707070;
padding: 2px 7px;
font-size: 18px;
color: #FFF;
border-radius: 5px;
position: absolute;
top: 10px;
left: 10px;
}
#wpp-9 .wpp-list li a:not(.wpp-post-title) {
width: 100%;
height: 100%;
display: block;
}
#wpp-9 .wpp-list li .wpp-post-title {
position: absolute;
bottom: 0;
left: 0;
padding: 10px 12px;
color: #FFF;
text-decoration: none;
background-color: rgba(112, 112, 112, .5);
font-size: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
max-height: 90px;
}
#wpp-9 .wpp-list li .wpp-post-title:hover,
#wpp-9 .wpp-list li .wpp-post-title:active,
#wpp-9 .wpp-list li .wpp-post-title:focus {
text-decoration: underline;
}
@media screen and (max-width: 1023px) {
/* index - top widgets - right - popular post */
#wpp-9 .wpp-list {
margin: 10px 10px 0;
display: flex;
}
#wpp-9 .wpp-list li .wpp-post-title {
max-height: 90px;
}
}
/* single & archive - top widgets - right - unit ad */
#execphp-9,
#execphp-17 {
margin: 0;
padding: 0;
}
/* sidebar */
#secondary .sub-section_title {
text-align: center;
}
/* sidebar - ad */
#execphp-13 {
padding: 0 0 20px;
}
/* skin top banner */
#media_image-8,
#media_image-9,
#media_image-15 {
padding: 0;
margin-bottom: 0;
}
#media_image-8:hover,
#media_image-8:active,
#media_image-8:focus,
#media_image-9:hover,
#media_image-9:active,
#media_image-9:focus,
#media_image-15:hover,
#media_image-15:active,
#media_image-15:focus {
opacity: 0.8;
}
/* skin sidebar banner */
#custom_html-5 a {
margin: 0 -20px -20px;
display: flex;
justify-content: center;
}
#custom_html-5 a:hover,
#custom_html-5 a:active,
#custom_html-5 a:focus {
opacity: 0.8;
}
#custom_html-5 h3 {
line-height: 1.5;
}
/* single - profile box */
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_ws,
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_tw,
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_fb,
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_insta {
background-color: transparent;
}
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_ws a,
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_tw a,
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_fb a,
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_insta a {
color: #707070;
/* opacity: 0.5; */
}
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_ws a svg,
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_tw a svg,
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_fb a svg,
.behind-article-area .profile-box .profile-box_in .profile-box-thumb .sns-follow-btn .sns-follow-btn_insta a svg {
color: #707070;
font-size: 20px;
}
/* pr-panel */
.pr-wrap {
border: 1px solid #e7e7e7;
padding: 30px;
position: relative;
overflow: hidden;
margin: 20px 0;
}
@media screen and (max-width: 991.98px) {
.pr-wrap {
padding: 15px;
}
}
.pr-wrap .pr-rank {
font-size: 20px;
font-weight: bold;
height: 35px;
left: -40px;
line-height: 35px;
position: absolute;
text-align: center;
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 155px;
z-index: 1;
background-color: #fff;
border: 1px solid #e7e7e7;
color: #333;
}
.pr-wrap .pr-rank.pr-rank-bronze {
background-color: #a05326;
color: #FFF;
}
.pr-wrap .pr-rank.pr-rank-silver {
background-color: #6f7b82;
color: #FFF;
}
.pr-wrap .pr-rank.pr-rank-gold {
background-color: #d9b33f;
color: #FFF;
}
@media screen and (min-width: 991.98px) {
.pr-wrap .pr-main {
display: flex;
}
.pr-wrap .pr-main .pr-main-left,
.pr-wrap .pr-main .pr-main-right {
width: calc((100% - 30px) / 2);
}
.pr-wrap .pr-main .pr-main-left {
margin-right: 30px;
margin-bottom: 10px;
max-height: 400px;
}
}
@media screen and (max-width: 991.97px) {
.pr-wrap .pr-main .pr-main-left {
height: 300px;
}
}
.pr-wrap .pr-text-wrap {
border: none;
padding: 0;
font-weight: 400;
}
.pr-wrap .pr-sub-text {
font-size: 16px;
}
.pr-wrap .pr-title {
font-size: 24px;
}
.pr-wrap .pr-price {
font-size: 26px;
font-weight: 700;
}
.pr-wrap .pr-btn-wrap a {
text-align: center;
color: #fff !important;
background-color: #f5b2b2;
border-radius: 3px;
line-height: 1.8;
display: inline-block;
width: 100%;
padding: 5px;
margin-top: 10px;
}
.pr-wrap .pr-btn-wrap a:hover,
.pr-wrap .pr-btn-wrap a:active,
.pr-wrap .pr-btn-wrap a:focus {
opacity: 0.6;
}
.pr-wrap .pr-main .pr-main-left a {
display: block;
width: 100%;
height: 100%;
}
.pr-wrap .pr-main-left img.aligncenter {
width: 100% !important;
height: 100%;
object-fit: contain;
}
/* footer - subscription modal */
.subscription-modal-wrap {
background-color: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.subscription-modal-wrap.closed {
display: none;
}
.subscription-modal-wrap .subscription-form-wrap {
background-color: #FFF;
max-width: 90vw;
width: 600px;
border-radius: 10px;
padding: 10px 15px 60px;
box-sizing: border-box;
max-height: 92vh;
overflow-y: auto;
}
/* footer - subscription modal - btn */
.subscription-modal-wrap .subscription-form-wrap .subscription-form-closed-btn-wrap {
width: 50px;
height: 50px;
cursor: pointer;
text-align: center;
margin: 0 0 0 auto;
}
.subscription-modal-wrap .subscription-form-wrap .subscription-form-closed-btn-wrap:hover,
.subscription-modal-wrap .subscription-form-wrap .subscription-form-closed-btn-wrap:active,
.subscription-modal-wrap .subscription-form-wrap .subscription-form-closed-btn-wrap:focus {
opacity: 0.8;
}
.subscription-modal-wrap .subscription-form-wrap .subscription-form-closed-btn-wrap::before {
content: '×';
color: #707070;
font-size: 50px;
line-height: 50px;
}
/* footer - subscription modal - text */
.subscription-modal-wrap .subscription-form-wrap .subscription-form-text h3 {
color: #f5b2b2;
font-size: 28px;
text-align: center;
line-height: 1.5;
border: none;
}
.subscription-modal-wrap .subscription-form-wrap .subscription-form-text p {
padding: 0 50px;
color: #707070;
line-height: 1.5;
font-size: 18px;
}
@media screen and (max-width: 767px) {
.subscription-modal-wrap .subscription-form-wrap {
padding: 5px 5px 50px;
}
.subscription-modal-wrap .subscription-form-wrap .subscription-form-text h3 {
margin: 0;
font-size: 18px;
line-height: 1.5;
}
.subscription-modal-wrap .subscription-form-wrap .subscription-form-text p {
padding: 0 30px;
font-size: 14px;
margin: 8px 0;
}
}
/* footer - subscription modal - form */
.subscription-modal-wrap .subscription-form-wrap .keni-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist {
width: 100%;
padding: 0 50px;
box-sizing: border-box;
}
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form {
display: flex;
flex-direction: column;
}
@media screen and (max-width: 767px) {
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist {
padding: 0 30px;
}
}
/* footer - subscription modal - form - label */
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es-field-wrap label {
font-size: 18px;
color: #707070;
}
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_name,
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_email {
border-radius: 5px;
width: 100%;
}
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_name:focus,
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_email:focus {
outline: none;
border: 1px solid #f5b2b2;
}
@media screen and (max-width: 767px) {
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es-field-wrap {
margin-bottom: 0;
}
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es-field-wrap label {
font-size: 14px;
}
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_name,
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es-field-wrap .ig_es_form_field_email {
padding: 3px 7px;
}
}
/* footer - subscription modal - form - btn */
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es_subscription_form_submit {
background-color: #f5b2b2;
color: #FFF;
border: none;
margin-top: 30px;
cursor: pointer;
padding: 10px;
}
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es_subscription_form_submit:hover,
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es_subscription_form_submit:active,
.subscription-modal-wrap .subscription-form-wrap .keni-section .emaillist .es_subscription_form .es_subscription_form_submit:focus {
opacity: 0.8;
outline: none;
}