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

   body.post-template-single-3-1,
body.post-template-single-4-1,
body.page-template-page-1-1,
body.page-template-page-3-1
{
background-color: white;
}
.entry-content img {
max-width: 100%;
height: auto;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.bypostauthor {
background-color: #efefef;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.gallery-caption {
color: #333;
font-size: 12px;
margin: 0 0 10px;
text-align: center;
} .hb {
max-width: 1120px;
margin: 0 auto;
} html {
font-family: sans-serif
}
body {
line-height: 1.83;
margin: 0;
font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 17px;
word-break: normal;
overflow-wrap: break-word;
-webkit-font-smoothing: antialiased;
}
p {
margin-top: 0;
margin-bottom: 2em;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
} .bold {
font-weight: 700;
}
.underline-yellow,
.underline-red,
.underline-blue {
font-weight: 700;
}
.underline-yellow {
background: linear-gradient(transparent 50%, rgba(255,240,0, .45) 50%);
}
.underline-red {
background: linear-gradient(rgba(0,0,0,0) 50%, #ff9999 0);
}
.underline-blue {
background: linear-gradient(rgba(0,0,0,0) 50%, #99CCFF 0);
}
.label-main,
.label-ac,
.label-gray,
.rttb-file,
.rttb-folder {
display: inline-block;
line-height: 1.2;
margin: 2px;
padding: 6px 8px;
border-radius: 4px;
font-size: 0.9em;
}
.label-main,
.label-ac {
color: #fff;
}
.label-gray,
.rttb-file,
.rttb-folder {
color: #616161;
background: #eee;
}
.rttb-folder:before,
.rttb-file:before {
margin-right: 0.4em;
color: #9e9e9e;
font-family: "font awesome 5 free";
}
.rttb-file:before {
content: "\f15b";
}
.rttb-folder:before {
content: "\f07b";
font-weight: 700;
}
.rttb-keyboard {
line-height: 1.5em;
vertical-align: text-top;
margin: 0 0.3em;
padding: 0.5em 0.75em;
border: solid 2px silver;
border-radius: 5px;
box-shadow: 0 1px 0 #c3c3c3;
background: whitesmoke;
font-size: 0.8em;
}
.bold-red {
color: #f44f4f;
font-weight: 700;
}
.text-underline {
padding-bottom: 2px;
border-bottom: 2px solid;
border-color: #999;
}
.label-circle {
display: inline-flex;
min-width: 34px;
height: 34px;
justify-content: center;
align-items: center;
margin-right: 8px;
border-radius: 17px;
color: white;
font-size: 12px;
} .animation-speed{
transition: .3s ease-in-out;
}
.linkarea {
display: inline-block;
width: 100%;
text-decoration: none;
} @media (min-width: 1030px) {
.hidden-pc.hidden-pc {
display: none;
}}
@media (max-width: 1029px) {
.hidden-mobile.hidden-mobile {
display: none;
}} #header {
color: #fff;
position: relative;
z-index: 99;
}
.header-in {
display: flex;
}
@media (max-width: 1029px) {
.header-in {
flex-direction: column;
}}
@media (min-width: 1030px) {
.header-row .header-in {
justify-content: space-between;
flex-direction: row;
}
.header-column .header-in {
flex-direction: column;
}
.header-column .nav-style-def {
justify-content: center;
}} .header-title,
.footer-title {
margin: 0;
font-weight: 500;
}
.header-title {
padding: 8px 0;
}
.header-title a {
display: flex;
justify-content: center;
}  .header-title a,
.footer-in-under .footer-title,
.footer-in-under .footer-title a {
font-size: 30px;
color: #fff;
}
.header-title a:hover,
.footer-in-under .footer-title a:hover {
text-decoration: none;
opacity: .7;
}
.logo-img,
.logo-img70,
.logo-img50,
.logo-img30 {
width: auto;
}
@media (min-width: 1030px) {
.logo-img {
max-height: 96px;
}
.logo-img70 {
max-height: 67px;
}
.logo-img50 {
max-height: 48px;
}
.logo-img30 {
max-height: 30px;
}}
@media (max-width: 1029px) {
.header-title {
padding: 8px 62px;
}
.header-title img,
.footer-title img {
max-height: 54px;
max-width: 100%;
}} .logo-catchcopy {
display: block;
font-size: 12px;
text-align: center;
} .header-nav-in {
height: 100%;
}
.header-nav i {
margin-right: 4px;
}
.header-nav-more {
position: relative;
padding-right: 32px;
}
.nav-style-def {
display: inline-block;
overflow-x: auto;
margin: 0;
padding-left: 0;
white-space: nowrap;
list-style: none;
}
.nav-style-def > .menu-item {
display: inline-block;
box-sizing: border-box;
transition: backgroud-color .3s;
}
.nav-style-def a {
display: flex;
height: 100%;
line-height: 44px;
align-items: center;
padding: 0 12px;
color: #fff;
text-decoration: none;
}
.nav-style-def .sub-menu {
display: none;
position: absolute;
width: 200px;
padding: 12px 8px;
border: 1px solid;
background: #fff;
text-align: left;
box-sizing: border-box;
}
.nav-style-def .menu-item .sub-menu .menu-item {
display: block;
}
.nav-style-def .sub-menu a {
color: #333;
white-space: pre-line;
line-height: 32px;
}
.nav-style-def .sub-menu a:before {
content: "\f0da";
font-family: "font awesome 5 free";
font-weight: 900;
margin-right: 8px;
font-size: .85em;
}
.nav-style-def.nav-style-overflow-x {
display: block;
overflow-x: auto;
}
@media (min-width: 768px) {
.nav-style-def .sub-menu {
top: calc(100% - 1px);
}
.nav-style-def {
display: flex;
height: 100%;
overflow-x: inherit;
}
.plus-logo-catchcopy .sub-menu {
line-height: normal;
}
.header-nav-more {
padding-right: 0;
}
.nav-style-def>.menu-item {
position: relative;
}
.nav-style-def .menu-item:hover .sub-menu {
display: block;
}}
@media (max-width: 767px) {
.header-nav {
overflow: hidden;
height: 44px;
}
.header-nav-more:after {
position: absolute;
top: 0;
right: 0;
width: 32px;
line-height: 44px;
font-family: "font awesome 5 free";
text-align: center;
content: "\f144";
}} .header-info a {
display: inline-block;
width: 100%;
padding: 10px 0;
text-align: center;
text-decoration: none;
} article.cat-contents:not(.cat-contents-1) {
display: none;
}
.cat-tab-text.cat-tab-1 {
width: 100%;
}
.main-tab-last {
display: flex;
justify-content: center;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.main-tab-last:not(.main-tab-last-active) {
display: none;
}
.main-tab-last.main-tab-last-active {
display: flex;
}
a.main-tab-btn {
display: flex;
width: 100%;
max-width: 300px;
justify-content: center;
padding: 8px;
border-radius: 4px;
font-weight: 600;
color: #fff;
position: relative;
transition: opacity .3s;
}
a.main-tab-btn:after {
content: "\f101";
font-family: 'Font Awesome 5 Free';
position: absolute;
right: 12px;
}
a.main-tab-btn:hover {
opacity: .54;
} .header-img {
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.imgarea-img a {
display: flex;
height: 100%;
justify-content: center;
}
.imgarea-img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.imgarea-text-in {
display: flex;
width: 100%;
text-align: center;
box-sizing: border-box;
}
.imgarea-text-inner {
align-self: center;
width: 100%;
}
.imgarea-text-none {
display: none;
}
.imgarea-text-center {
margin: 0 auto;
}
.imgarea-text-left {
margin-right: auto;
}
.imgarea-text p,
.imgarea-text-inner > div:not(:last-child) {
margin-bottom: 20px;
}
.imgarea-title {
line-height: 1.5;
font-weight: 600;
text-align: center;
}
.imgarea-btn-area {
margin-bottom: 0;
font-weight: 700;
text-align: center;
}
.imgarea-btn {
display: inline-block;
line-height: 44px;
padding: 0 1em;
border-radius: 4px;
color: #fff;
text-decoration: none;
transition: opacity 0.3s;
}
.imgarea-btn:hover {
text-decoration: none;
opacity: .7;
}
.imgarea-text-left, .imgarea-text-right {
text-align: left;
}
.imgarea-text-right {
margin-left: auto;
}
.imgarea-text {
display: flex;
padding: 16px;
}
.imgarea-text-inver {
flex-direction: column-reverse;
}
.imgarea-text p:empty {
display: none;
}
.imgarea-img {
text-align: center;
}
@media (min-width: 1030px) {
.imgarea-text {
padding: 60px 0;
}
.imgarea-text-inver {
flex-direction: row-reverse;
justify-content: center;
}
.imgarea-text-in {
padding: 24px;
}
.imgarea-title {
font-size: 1.9em;
}
.imgarea-img,
.imgarea-text-in {
flex-basis: 50%;
}}
@media (min-width: 768px) and (max-width: 1029px) {
.imgarea-text-in {
padding: 5vw;
}
.imgarea-title {
font-size: 5.5vw;
}}
@media (max-width: 767px) {
.imgarea-img {
display: none;
}
.imgarea-text-in {
padding: 7vw;
}
.imgarea-title {
font-size: 5vw;
}} @media (min-width: 1030px) {
.hotword-textlink {
list-style: none;
display: flex;
margin: 0 auto;
justify-content: center;
align-items: center;
}
.hotword-textlink li {
display: flex;
position: relative;
align-items: center;
}
.hotiword-textlink-1:before,
.hotiword-textlink-2:before,
.hotiword-textlink-3:before {
display: inline-block;
line-height: 24px;
margin-right: 4px;
border-radius: 4px;
color: white;
font-size: 12px;
text-align: center;
}
.hotiword-textlink-1:before {
content: "HOT";
padding: 0 8px;
}
.hotiword-textlink-2:before {
content: "NEW";
padding: 0 8px;
}
.hotiword-textlink-3:before {
border-radius: 50%;
color: white;
font-family: "font awesome 5 brands";
font-weight: 600;
content: "\f3b1";
}}
@media (max-width: 1029px) {
.hotword {
display: none;
}} .hamburger-in-content {
overflow: auto;
}
.not-see {
display: none;
}
.hamburger-menu-right,
.hamburger-menu-left,
.header-search-right {
display: flex;
position: absolute;
width: 62px;
height: 62px;
justify-content: center;
align-items: center;
font-size: 1.2em;
text-align: center;
}
.hamburger-menu-right,
.header-search-right {
right: 0;
}
.hamburger-menu-left {
left: 0;
}
.hamburger-textmenu {
display: block;
line-height: 10px;
font-size: 10px;
}
.hamburger-in-content {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 90%;
height: 100%;
line-height: 1.83;
background: #fff;
font-size: 0.8em;
text-align: left;
transform: translateX(-110%);
}
.header-search-in-content {
display: flex;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
background: rgba(0,0,0,0.5);
transform: translateX(110%);
}
.hamburger-in-close,
.header-search-in-close {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.header-search-in-innerclose {
display: block;
color: #fff;
margin: 2em 0 0;
}
.header-search-in-innerclose i {
font-size: 3em;
font-weight: 900;
display: block;
}
.header-search-in-content .header-search {
width: 80%;
}
.hotword-mobile-textlink {
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.hotword-mobile-textlink li {
list-style: none;
display: flex;
align-items: center;
margin: 0 16px 8px 0;
}
.hotword-mobile-textlink li a{
color: #fff;
}
#hamburger-in:checked~.hamburger-in-close,
#header-search-in:checked~.header-search-in-close {
display: block;
}
#hamburger-in:checked~.hamburger-in-content,
#header-search-in:checked~.header-search-in-content {
transform: translateX(0);
transition: transform .3s;
}
@media (min-width: 1030px) {
.hamburger-menu-right,
.hamburger-menu-left,
.header-search-right {
display: none;
}}
#hamburger-in-close:after {
font-family: "font awesome 5 free";
font-weight: 900;
content: "\f057";
position: absolute;
top: 50%;
right: 0;
width: 10%;
text-align: center;
} #content {
margin: 0 0 40px;
}
#content-in {
padding: 0;
}
.main-hb {
width: 100%;
}
@media (min-width: 1030px) {
#content {
margin: 40px 0;
}
#content.one-column-back-white {
margin-top: 0;
}
#content-in {
padding: 0 10px;
display: flex;
justify-content: start;
}
.one-column #content-in {
width: 900px;
}
.main-hb {
width: 810px;
margin-right: 30px;
}
.one-column .main-hb {
width: 100%;
margin-right: 0;
}
.main-in {
padding: 0px;
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.main-in:after {
content:"";
display: block;
width:31%;
}
.one-column .main-in {
padding-right: 0;
}}
@media (min-width: 768px) and (max-width: 1029px) {
.main-in {
padding: 0 16px;
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}}
@media (max-width: 767px) {
.main-in {
padding: 0 16px;
}}  .main-kiji {
transition: box-shadow .3s;
width: 100%;
margin: 30px 0 0 0;
position: relative;
overflow: hidden;
background: #fff;
}
.main-in a:hover,
.main-in:hover .kiji-text {
text-decoration: none;
}
.main-kiji a.kiji-cat:hover {
text-decoration: none;
opacity: .7;
}
.main-kiji .linkarea {
display: flex;
flex-direction: column;
height: 100%;
padding-bottom: 40px;
}
.main-kiji .kiji-share {
display: flex;
align-items: center;
position: absolute;
bottom: 0;
right: 0;
}
.kiji-img {
position: relative;
overflow: hidden;
}
.kiji-img-img {
object-fit: cover;
}
.kanren-kiji .kiji-img {
padding-bottom: 0;
}
.kiji-cat {
display: inline-block;
position: absolute;
z-index: 1;
color: #fff;
font-size: 0.8em;
transition: opacity 0.3s;
}
.kiji-new {
display: inline-block;
position: absolute;
text-align: center;
color: #fff;
}
.kiji-date {
text-align: center;
}
.kiji-date-in {
display: inline-block;
}
.kiji-text {
font-size: 16px;
margin: 0;
font-weight: 500;
pointer-events: none;
}
.main-kiji .iine-btn {
flex-direction: row;
height: auto;
width: auto;
border: none;
background-color: transparent;
}
.main-kiji .total-scc {
opacity: .38;
}
.main-kiji .total-scc span {
font-size: 14px;
padding: 0 8px;
}
@media (min-width: 768px) and (max-width: 1029px) {
.main-kiji {
width: 48%;
}}  @media (min-width: 768px) {
.kijicolumn-1 .main-kiji {
width: 100%;
}
.kijicolumn-1 .linkarea {
flex-direction: row;
padding-bottom: 0;
}
.kijicolumn-1 .kiji-date {
position: absolute;
}
.kijicolumn-1 .kiji-text {
flex: 1;
align-self: center;
font-weight: bold;
}}
@media (max-width: 767px) {
.kijicolumn-1 .kiji-text {
text-align: left;
}} .kijicolumn-2 .main-kiji:nth-child(2n) {
margin-right: 0;
} .kijicolumn-3 .main-kiji:nth-child(3n) {
margin-right: 0;
} .kijicolumn-2 .main-kiji:nth-child(2n) {
margin-right: 0;
}
@media (min-width: 1030px) {
.kijicolumn-2 .main-kiji {
width: 48%;
max-width: 390px;
}
.kijicolumn-2 .kiji-text {
padding: 0 20px 12px;
}} @media (min-width: 1030px) {
.kijicolumn-3 .main-kiji {
width: 31%;
}}              .main-kiji .snsbox-in-style2 span {
position: relative;
display: inline-block;
font-size: 14px;
width: auto;
text-align: left;
padding: 0 8px;
}
.main-kiji .pf-face-img,
.main-kiji .wp-user-avatar{
max-width: 20px;
} @media (max-width: 767px) {
.main-kiji-longcard .kiji-share,
.main-kiji-longcard .kiji-cat,
.viral-mode .main-kiji-longcard .kiji-img:after {
display: none;
}
.main-kiji.main-kiji-longcard {
overflow: visible;
margin: 0;
}
.main-kiji-longcard a.linkarea{
position: relative;
height: 100px;
flex-direction: row;
align-items: center;
margin: 1rem 0;
padding-bottom: 0;
background: #fff;
}
.main-kiji-longcard .kiji-img,
.main-kiji-longcard .kiji-img img {
width: 100px;
height: 100px;
padding-bottom: 0;
}
.main-kiji-longcard div.kiji-date {
position: absolute;
right: 4px;
bottom: 4px;
line-height: 1;
color: #333;
opacity: 0.38;
font-size: 11px;
padding: 0;
top: auto;
}
.viral-mode .main-kiji-longcard .kiji-date .kiji-date-in {
padding: 0;
}
.viral-mode .main-kiji-longcard h2.kiji-text {
position: static;
color: #333;
font-weight: 500;
transform: none;
}
.main-kiji-longcard .kiji-text {
max-height: 66px;
line-height: 1.4;
overflow: hidden;
flex: 1;
padding: 0 8px;
text-align: left;
}
} .main-h2,
.main-title,
.main-tab-two {
background: #fff;
margin: 30px 16px 0;
text-align: center;
font-size: 1.2em;
box-sizing: border-box;
}
.main-h2,
.main-title {
padding: 12px;
}
.main-title {
width: 100%;
margin: 0;
}
.main-title p {
margin-bottom: 0;
}
.cat-tab-text.active_tab {
color: #fff;
}
.cat-tab-text:not(.active_tab) {
background-color: #fff;
}
.cat-tab-text:hover {
cursor: pointer;
}
.cat-tab-text.active_tab:hover {
cursor: default;
}
.main-tab-two {
display: flex;
}
.main-tab1, .main-tab2 {
padding: 14px 4px;
width: 50%;
}
@media (min-width: 1030px) {
.main-h2,
.main-title {
font-size: 1.5em;
padding: 14px 15px;
}
.main-h2,
.main-tab-two {
margin: 0;
}} ul.page-numbers {
list-style: none;
padding: 0;
margin-bottom: 2em;
line-height: 40px;
text-align: center;
box-sizing: border-box;
}
ul.page-numbers li {
display: inline-block;
}
a.page-numbers,
span.page-numbers,
.post-page-numbers {
text-decoration: none;
transition: .3s;
}
a.page-numbers.prev,
a.page-numbers.next,
.post-page-numbers {
display: inline-block;
width: 40px;
}
a.page-numbers,
span.page-numbers{
display: inline-block;
width: 40px;
background: #fff;
border-radius: 4px;
}
span.page-numbers.current,
.post-page-numbers.current {
color: #fff;
}
.page-numbers.prev:before,
.page-numbers.next:after {
font-family: "font awesome 5 free";
font-weight: 600;
padding: 0 8px;
}
.page-numbers.prev,
.page-numbers.next{
background: none;
}
a.page-numbers:hover,
.post-page-numbers:not(.current):hover {
color: inherit;
}
.page-numbers.prev:hover,
.page-numbers.next:hover {
opacity: .54;
}
.page-numbers.prev:before {
content: "\f100";
}
.page-numbers.next:after {
content: "\f101";
}
nav.pagination span.page-numbers.dots {
background: transparent;
width: 20px;
}  .entry-header {
background: #fff;
}
article.entry,
article.single {
width: 100%;
background: #fff;
}
@media (max-width: 767px) {
.single .main-in,
.page .main-in,
.one-column .main-in{
padding: 0;
}} .breadcrumb {
padding: 4px 16px;
margin: 0;
}
.breadcrumb li:not(:last-child):after {
margin: 0 8px;
opacity: .38;
font-family: "font awesome 5 free";
font-weight: 600;
content: "\f0da";
}
.breadcrumb li {
display: inline-block;
}
.breadcrumb a {
transition: color .3s;
}
.breadcrumb a:hover {
text-decoration: none;
color: #8E8E8E;
}
@media (min-width: 1030px) {
.breadcrumb {
padding: 12px 36px 0;
}
.main-top .breadcrumb {
padding: 4px 0;
}
#content > .breadcrumb {
max-width: 1120px;
margin: 0 auto;
padding: 4px;
box-sizing: border-box;
}} .entry-title,
.notpage-title {
line-height: 1.6em;
margin: 0;
padding: 4px 16px;
font-weight: 500;
font-size: 1.2em;
}
@media (min-width: 1030px) {
.entry-title {
font-size: 1.8em;
padding: 16px 36px;
}}
@media (min-width: 768px) and (max-width: 1029px) {
.entry-title,
.notpage-title {
font-size: 1.6em;
}} .entry-header-item {
display: flex;
margin: 0;
padding: 4px 0 4px 16px;
font-size: 2.8vw;
text-align: center;
}
.entry-header-item span {
margin-right: 2vw;
}
.entry-header-item span i {
font-size: 1em;
}
.entry-header-item span.viewcount {
margin: 0;
opacity: 1;
}
@media (min-width: 1030px) {
.entry-header-item {
padding: 4px 36px;
}}
@media (min-width: 768px) {
.entry-header-item span i {
vertical-align: baseline;
}} .entry-eyeimg img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
} .eyecatching-mark1,
.eyecatching-mark2 {
min-height: 200px;
}
@media (min-width: 1030px) {
.eyecatching-mark1,
.eyecatching-mark2 {
min-height: 300px;
}}  .entry-snsbox .share-btn i {
border-radius: 0px;
font-size: 1.5em;
}
.entry-snsbox {
padding: 12px 16px;
}
.entry-snsbox:empty {
display: none;
}
.entry-snsbox .snsbox-in {
display: flex;
justify-content: space-between;
}
.snsbtn {
flex: 1;
border-radius: 4px;
color: #fff;
text-align: center;
transition: opacity 0.3s;
box-sizing: border-box;
}
a.snsbtn {
text-decoration: none;
}
.snsbox-in .snsbtn:not(:last-child) {
margin-right: 1.5%;
}
.snsbtn.hatena-btn {
font-weight: 600;
}
.snsbtn.pinterest-btn {
cursor: pointer;
}
i.fa-twitter:before {
content: '𝕏';
font-family: unset;
font-weight: bold;
}     .urlcopy-btn {
width: 100%;
line-height: 34px;
margin: 8px 0 0;
border: none;
border-radius: 4px;
background: #fff;
font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 1em;
text-decoration: none;
cursor: pointer;
}
#copyUrl, #copyUrlLabel {
position: absolute;
bottom: 0;
left: -500px;
width: 1px;
height: 1px;
} .left-fixed {
display: none;
}
@media (min-width: 1030px) {
.left-fixed {
display: inline-block;
width: 96px;
margin-left: -96px;
z-index: 3;
}
.sticky-box {
position: sticky;
top: 0;
}
.left-fixed-in {
display: inline-block;
width: 80px;
padding: 8px;
}
.left-fixed-in .snsbox-in a {
margin-bottom: 4px;
}
.snsbox-in-style2 {
text-align: center;
}
.snsbox-in-style2 span {
font-size: 12px;
line-height: 1;
}
.snsbox-in-style2 span.scc {
font-size: 12px;
}
.left-fixed-in .snsbtn {
display: flex;
width: 52px;
height: 52px;
flex-direction: column;
justify-content: center;
margin: 0 auto 8px;
border-radius: 50%;
}
.left-fixed-in .snsbtn.hatena-bgc {
line-height: 1.3;
}
.left-fixed-in .snsbtn i {
line-height: 1.5;
}
.entry-snsbox .snsbtn.urlcopy-btn {
display: none;
}}
span[data-pin-log="button_pinit_floating"] {
height: 32px;
width: 32px;
background-size: 32px 32px;
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 0 0 no-repeat;
box-shadow: none;
border-radius: 3px;
cursor: pointer;
display: inline-block;
} .iine-btn {
display: flex;
width: 52px;
height: 52px;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: 50%;
color: #ccc;
background: #fff;
transition: color 0.3s;
cursor: pointer;
box-sizing: border-box;
line-height: 1.5;
}
.iine-btn:hover {
color: #e7609e;
}
.iine-btn-click {
animation: iineani .5s ease-out;
}
@keyframes iineani {
0% {
transform: scale(1)
}
30% {
transform: scale(1.5)
}
100% {
transform: scale(1)
}
}
@media (min-width: 1030px) {
.left-fixed-in .iine-btn {
position: relative;
margin: 0 auto;
}} .entry-footer-iine {
padding: 0 16px 16px;
}
.entry-footer-iine .iine-btn {
flex-direction: row;
height: 32px;
border: none;
width: fit-content;
}
.entry-footer-iine .iine-btn-img {
display: flex;
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 8px;
justify-content: center;
align-items: center;
border: 1px solid;
}
@media (min-width: 1030px){
.entry-footer-iine {
padding: 0 36px 16px;
}
.entry-footer-iine .iine-btn span {
font-size: 16px;
}}  .entry-content {
background: #ffffff;
padding: 16px;
}
@media (min-width: 1030px) {
.entry-content {
padding: 16px 36px;
}} .entry-header .entry-writer {
margin: 1em 0;
}
.writer-in {
display: flex;
margin: 0 16px;
flex-direction: column;
position: relative;
}
.writer-img {
text-align: center;
display: flex;
align-items: center;
}
.writer-in:before {
content: "この記事を書いた人";
position: absolute;
font-size: 14px;
}
.writer-img-in img {
margin: auto;
border-radius: 50%;
object-fit: cover;
}
.writer-name,
.writer-katagaki {
margin-bottom: 0;
}
.writer-katagaki {
font-size: 14px;
}
.writer-text {
padding: 12px;
flex: 1;
}
.writer-text-in .pf-share>p {
border-top: none;
margin-bottom: 0;
}
.writer-text-in .pf-btn {
max-width: unset;
}
.writer-text-in .pf-share {
padding-bottom: 0;
} .pf-custom-btn {
display: inline-block;
width: 100%;
color: #fff;
margin-top: 8px;
padding: 8px;
border-radius: 4px;
transition: opacity .3s;
font-weight: 700;
}
.pf-custom-btn:after {
content: "サイト";
}
a.pf-custom-btn:hover {
color: #fff;
opacity: .7;
text-decoration: none;
} .entry-writer-share-hidden .writer-in {
flex-direction: row;
}
.entry-writer-share-hidden .writer-in:before {
font-size: 12px;
}
.entry-writer-share-hidden .writer-name,
.entry-writer-share-hidden .writer-katagaki {
line-height: 1.4;
}
.entry-writer-share-hidden {
font-size: .8rem;
}
@media (min-width: 1030px) {
.writer-in {
flex-direction: row;
margin: 0 36px;
}
.writer-img {
min-width: 260px;
width: 260px;
}
.writer-text {
margin-left: 16px;
padding: 16px;
}} .entry-footer .writer-mark1,
.entry-footer .writer-mark2,
.entry-footer .writer-mark3 {
margin-bottom: 1em;
padding-top: 1em;
}      .entry-catetagbox {
padding: 8px 16px;
}
.category-area,
.tag-area {
margin: 4px 0;
max-width: 100%;
}
.catetagbox-label {
display: inline-block;
}
.category-area ul,
.tag-area ul,
.catetagbox-list {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
vertical-align: top;
}
.category-area .catetagbox-list {
max-width: calc(100% - 110px);
}
.tag-area .catetagbox-list {
max-width: calc(100% - 60px);
}
.category-area li {
display: inline-block;
}
.catetagbox-list li a:not(:last-child) {
margin-right: 1em;
}
.category-area a,
.tag-area a {
text-decoration: none;
transition: opacity .3s;
display: inline-block;
}
.category-area a:hover,
.tag-area a:hover {
opacity: .7;
}
.category-area li a:before,
.tag-area li a:before {
margin-right: 4px;
font-family: "font awesome 5 free";
font-weight: 900;
}
.category-area li a:before {
content: "\f07b";
}
.tag-area li a:before {
content: "\f02b";
}
@media (min-width: 1030px) {
.entry-catetagbox {
padding: 12px 36px;
}} .entry-content .post-password-form p:last-child {
display: flex;
justify-content: center;
align-items: flex-end;
}
.entry-content .post-password-form p:last-child label {
display: flex;
width: 70%;
flex-direction: column;
margin-right: 8px;
text-align: left;
}
.entry-content .post-password-form p:last-child label input {
display: inline-block;
width: 100%;
min-height: 44px;
line-height: normal;
flex: 1;
margin: 0;
padding: 0 12px;
border: 1px solid #e1e8ed;
color: #757575;
box-sizing: border-box;
-webkit-appearance: none;
}
.entry-content .post-password-form p:last-child label + input {
display: inline-block;
width: 84px;
height: 44px;
border: none;
color: #fff;
background: #1e73be;
box-sizing: border-box;
-webkit-appearance: none;
}
@media (min-width: 1030px) {
.entry-content .post-password-form p:last-child label {
width: 50%;
}}  .main-article-under {
width: 100%;
box-sizing: border-box;
}
@media (max-width: 767px){
.main-article-under {
padding: 0 16px;
}} .entry-prevnext-in {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.prev-kiji,
.next-kiji {
position: relative;
width: 100%;
margin: 1.5em 0;
background: #fff;
transition: box-shadow .3s;
}
.prev-kiji:hover,
.next-kiji:hover {
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
}
.prev-kiji-in,
.next-kiji-in {
display: flex;
height: 100px;
overflow: hidden;
font-size: .95em;
}
.entry-prevnext-2 .prev-kiji-in,
.entry-prevnext-2 .next-kiji-in {
height: auto;
}
.next-kiji-in {
flex-direction: row-reverse;
}
.prevnext-img {
flex-basis: 32%;
background-size: cover;
background-position-x: 50%;
background-position-y: 50%;
}
.prevnext-text {
max-width: calc(100% - 124px);
max-height: 100px;
flex: 1;
align-self: center;
padding: 4px 8px;
color: #333;
font-size: 14px;
box-sizing: border-box;
}
.prevnext-title {
display: inline-block;
position: absolute;
z-index: 2;
padding: 4px 12px;
color: #fff;
font-size: 14px;
}
.next-kiji-in .prevnext-title {
right: 0;
}
@media (min-width: 1030px) {
.entry-prevnext-in {
flex-direction: inherit;
}
.prev-kiji,
.next-kiji {
width: 48%;
}}  .paging-card-swipe-box{
position: fixed;
z-index: 100;
}
.mobile-left-linkcard {
left: -200px;
transform : translate(-200px, 0);
padding: 10px 32px 10px 8px;
border-radius: 0 4px 4px 0;
}
.mobile-right-linkcard {
right: -200px;
transform : translate(200px, 0);
padding: 10px 8px 10px 32px;
border-radius: 4px 0 0 4px;
}
.paging-card-swipe {
position: fixed;
top: calc(50% - 50px);
z-index: 100;
width: 250px;
max-width: 300px;
max-height: 100px;
background: rgba(51, 51, 51, 0.5);
transition: all 500ms;
box-sizing: border-box;
}
.mobile-left-linkcard.allshow {
left: 0;
transform : translate(-150px, 0);
}
.mobile-right-linkcard.allshow {
right: 0;
transform : translate(200px, 0);
}
.paging-card-swipe.show {
transform : translate(0, 0);
opacity : 1;
}
i.paging-card-swipe-i {
position: absolute;
top: 0;
width: 24px;
line-height: 100px;
color: #fff;
background: #23282d33;
text-align: center;
}
.paging-card-swipe-next {
content: "\f105";
left: 0;
}
.paging-card-swipe-prev {
content: "\f104";
right: 0;
}
.mobile-right-linkcard .paging-card-swipe-i {
border-radius: 4px 0 0 4px;
}
.mobile-left-linkcard .paging-card-swipe-i {
border-radius: 0 4px 4px 0;
}
.mobile-left-linkcard span{
right: 32px;
}
.mobile-left-linkcard span,
.mobile-right-linkcard span {
position: absolute;
top: 10px;
width: 80px;
border-radius: 4px 4px 0 0;
color: #fff;
background: rgba(51, 51, 51, 0.2);
font-size: 12px;
text-align: center;
}
.linkcard-swipe-in {
display: flex;
}
.mobile-left-linkcard .linkcard-swipe-in {
flex-direction: row-reverse;
}
.paging-card-swipe a.linkcard-swipe {
color: #333;
}
.linkcard-swipe-img {
height: 80px;
width: 80px;
flex-basis: 80px;
}
.linkcard-swipe-img img {
border-radius: 4px;
object-fit: cover;
height: 80px;
width: 80px;
}
.linkcard-swipe-title {
max-height: 80px;
overflow: hidden;
flex: 1;
}
.linkcard-swipe-title p {
font-size: 14px;
line-height: 1.5;
color: #fff;
margin-bottom: 0;
}
.mobile-right-linkcard .linkcard-swipe-title p {
padding: 0 0 0 8px;
}
.mobile-left-linkcard .linkcard-swipe-title p {
padding: 0 8px 0 0;
} .paging-swipe {
display: inline-block;
position: fixed;
top: calc(50% - 50px);
z-index: 100;
width: 24px;
height: 100px;
line-height: 20px;
padding: 8px;
background: rgba(51, 51, 51, 0.2);
font-size: 14px;
text-align: center;
transition: all 500ms;
}
.paging-swipe a {
color: #333;
}
.paging-swipe.mobile-left-btn {
transform : translate(-45px, 0);
left: 0;
border-radius: 0 8px 8px 0;
}
.paging-swipe.mobile-right-btn {
transform : translate(45px, 0);
right: 0;
border-radius: 8px 0 0 8px;
}
.paging-swipe.show {
opacity : 1;
transform : translate(0, 0);
} .entry-prevnext-2 {
margin: 4em 0 2em;
}
.entry-prevnext-2 .prevnext-title {
top: -33px;
}
.entry-prevnext-2 .prevnext-text {
flex-basis: auto;
}  .kanren-kiji-title {
margin: 2em 0 1em;
font-weight: 600;
font-size: 1.2em;
text-align: center;
}  .comment-reply-title {
margin: 2em 0 1em;
}
.comment-reply-title:before {
margin-right: 8px;
font-family: "font awesome 5 free";
content: "\f086";
}
.comment-form-comment {
border: 1px solid;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent {
margin-bottom: 1em;
}
.comment-respond .comment-notes {
font-size: 13px;
}
.required {
color: #ea4335;
}
.comment-form-comment label {
display: block;
position: relative;
padding: 0.5em 1em;
color: #fff;
}
.comment-respond textarea,
.comment-respond input {
display: block;
width: 100%;
line-height: 1.8;
padding: 0.5em 1em;
border: none;
font-size: 16px;
box-sizing: border-box;
resize: vertical;
}
.comment-form-cookies-consent label {
display: block;
font-size: 13px;
}
.comment-respond textarea {
outline: none;
font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.form-submit .submit {
color: #fff;
border-radius: 4px;
cursor: pointer;
transition: opacity .3s;
-webkit-appearance: none;
}
.form-submit .submit:hover {
opacity: .7;
}
.comment-respond input[type="checkbox"] {
display: inline-block;
margin: 0;
width: 20px;
height: 20px;
}
#comments-list {
background-color: #fff;
padding: 1em;
list-style-type: none;
}
#comments-list .comment.parent:not(:last-child) {
margin-bottom: 2em;
padding-bottom: 1.5em;
border-bottom: 4px double #eee;
}
.comment-meta {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1em;
}
.comment-content p {
margin-bottom: 0;
padding: 1em;
font-size: 0.95em;
}
.comment-body .reply {
margin-bottom: 0.5em;
padding: 0 1em 1em;
text-align: right;
}
.comment-reply-link {
display: inline-block;
padding: 0.25em 1em;
border-radius: 4px;
background: rgba(0,0,0,0.05);
font-size: 0.9em;
}
.comment-author {
display: flex;
align-items: center;
}
.comment-author img {
border-radius: 50%;
margin-right: 8px;
}
.comment-metadata {
font-size: 12px;
padding-top: .5em;
text-align: right;
}
.comment .children {
list-style-type: none;
}
.comment-content pre {
line-height: 2.2;
padding: 1em 1.5em;
border: 1px solid #eee;
color: #777;
background: #f9f9f9;
font-size: 0.95em;
letter-spacing: 0.5px;
white-space: pre-wrap;
font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
@media (max-width: 767px) {
.comment-meta {
align-items: end;
flex-direction: column;
}
.comment .children {
padding-left: 0px;
}}   p[class*="is-style-para-mark"] {
padding: 1em 1.5em;
} p[class*="is-style-para-icon"] {
padding: 1em 1.5em 1em 68px;
position: relative;
}
p[class*="is-style-para-icon"]:before {
font-family: "font awesome 5 free";
position: absolute;
left: 0;
width: 36px;
line-height: 36px;
text-align: center;
top: calc(50% - 18px);
color: #fff;
font-weight: 600;
margin-left: 16px;
border-radius: 50%;
}   .wp-block-image img[class^="wp-image"] {
display: block;
}
.wp-block-image {
margin: 0 0 2em;
}
.wp-block-image .alignleft {
float: inherit;
margin: 0;
}
.wp-block-image .aligncenter {
margin: 0 auto;
}
.wp-block-image .alignright {
float: inherit;
margin: 0 0 0 auto;
}
.wp-block-image figcaption {
margin-top: 0.75em;
margin-bottom: 0;
text-align: center;
font-size: .9em;
}  .entry h2,
.entry h3,
.entry h4 {
position: relative;
box-sizing: border-box;
}
.entry h2 {
margin: 3em 0 1em;
}
.entry h3 {
margin: 2em 0 0.75em;
}
.entry h4 {
margin: 1.5em 0 0.5em;
}
@media (max-width: 767px) {
.entry h2 {
font-size: 1.2em;
}}     .wp-block-table {
margin: 0 0 2em;
}
table,
th,
td {
border: 1px solid #eeeeee;
text-align: center;
border-collapse: collapse;
}
th,
td {
padding: 12px;
}
th {
background: #f9f9f9;
color: #797979;
}   .wp-block-group {
margin-bottom: 2em;
}
.wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
}
@media (min-width: 1030px){
[class*="is-style-group"] {
padding: 1.8em;
}}
@media (max-width: 1029px){
[class*="is-style-group"] {
padding: 1em;
}}   @media (max-width: 599px) {
.mobile-2column .wp-block-column {
max-width: calc(50% - 10px);
}
.mobile-2column .wp-block-column:nth-child(2n+2) {
margin-left: 20px;
}
.mobile-2column figure.wp-block-image {
margin-bottom: 1em;
}
.two-box-set .mobile-2column .wp-block-column {
max-width: 49.7%;
}
.two-box-set .mobile-2column .wp-block-column:nth-child(2n+2) {
margin-left: 0;
}
.two-box-set .mobile-2column {
border: 2px solid #eee;
}
.two-box-set .mobile-2column .sonic-box {
margin-bottom: 0;
}
.two-box-set .mobile-2column .wp-block-column .is-style-titlebox-mark8,
.two-box-set .mobile-2column .wp-block-column .is-style-titlebox-mark9,
.two-box-set .mobile-2column .wp-block-column .is-style-titlebox-mark10 {
border: none;
}
.two-box-set .mobile-2column .wp-block-column:not(:first-child) {
margin-left: 0;
border-left: 2px solid #eee;
}
} @media (max-width: 599px){
.mobile-3column .wp-block-column {
max-width: calc(34% - 2%);
}
.mobile-3column .wp-block-column:nth-child(3n+2) {
margin-left: 2%;
margin-right: 2%;
}
.mobile-3column figure.wp-block-image {
margin-bottom: .5em;
}}  .wp-block-button {
text-align: center;
margin-bottom: 2em;
}
.wp-block-button.aligncenter {
margin: 0 0 2em;
}
.wp-block-button.alignright,
.wp-block-button.alignleft {
float: inherit;
margin: 0 0 2em;
}
.wp-block-button__link {
min-width: 48%;
font-weight: 700;
transition: all 0.3s ease-in-out;
box-sizing: border-box;
}
.wp-block-button__link:hover {
opacity: .7;
}  hr.wp-block-separator {
max-width: 100px;
border: 1px solid #8f98a1;
}
hr.is-style-wide {
max-width: 100%;
} .huki-box {
margin-bottom: 2em;
}
.huki-right {
text-align: right;
}
.huki-imgname {
display: inline-block;
text-align: center;
}
.huki-left .huki-imgname {
margin-right: 20px;
}
.huki-right .huki-imgname {
margin-left: 20px;
}
.pf-face-img, .wp-user-avatar {
display: block;
border-radius: 50%;
object-fit: cover;
box-sizing: border-box;
}
.huki-imgname p {
margin-bottom: 0;
padding-top: 4px;
opacity: 0.54;
font-size: 12px;
}
.huki-text p {
margin-bottom: 0;
}
.huki-text {
display: inline-block;
position: relative;
vertical-align: top;
padding: 1em;
border-radius: 4px;
background: #f4f4f5;
text-align: left;
} .huki-text-before,
.huki-text-after {
position: absolute;
border-style: solid;
content: "";
}
.huki-text-before {
top: 17px;
}
.huki-text-after {
top: 18px;
}
.huki-left .huki-text-before {
border-width: 13px 15px 13px 0;
border-color: transparent #f4f4f5 transparent transparent;
left: -15px;
}
.huki-right .huki-text-before {
border-width: 13px 0 13px 15px;
border-color: transparent transparent transparent #f4f4f5;
right: -15px;
}
.huki-left .huki-text-after {
border-width: 12px 14px 12px 0;
border-color: transparent #f4f4f5 transparent transparent;
left: -12px;
}
.huki-right .huki-text-after {
border-width: 12px 0 12px 14px;
border-color: transparent transparent transparent #f4f4f5;
right: -12px;
} .huki-box.is-style-huki-under {
display: flex;
flex-direction: column;
}
.huki-box.huki-right.is-style-huki-under {
flex-direction: column-reverse;
}
.huki-right.is-style-huki-under .huki-imgname {
display: flex;
width: fit-content;
align-items: flex-end;
margin-right: 0;
margin-bottom: 0.75em;
margin-left: 0;
align-self: flex-end;
flex-direction: row-reverse;
}
.huki-left.is-style-huki-under .huki-imgname {
display: flex;
width: fit-content;
align-items: flex-end;
margin-right: 0;
margin-bottom: 0.75em;
margin-left: 0;
}
.huki-left.is-style-huki-under .huki-text-after {
top: -16px;
left: 42px;
transform: rotate(90deg);
}
.huki-right.is-style-huki-under .huki-text-after {
top: -16px;
right: 42px;
transform: rotate(-90deg);
}
.huki-left.is-style-huki-under .huki-text-before {
top: -20px;
left: 42px;
border-width: 12px 14px 12px 0;
transform: rotate(90deg);
}
.huki-right.is-style-huki-under .huki-text-before {
top: -20px;
right: 42px;
border-width: 12px 0 12px 14px;
transform: rotate(270deg);
}
.is-style-huki-under .huki-text {
max-width: 100%;
}
@media (max-width: 1029px) {
.huki-left.is-style-huki-under .huki-text-after {
left: 28px;
}
.huki-right.is-style-huki-under .huki-text-after {
right: 28px;
}
.huki-left.is-style-huki-under .huki-text-before {
left: 28px;
}
.huki-right.is-style-huki-under .huki-text-before {
right: 28px;
}} .is-style-huki-mind .huki-text-before {
display: none;
}
@media (min-width: 1030px){
.is-style-huki-mind.huki-left .huki-imgname {
margin-right: 50px;
}
.is-style-huki-mind.huki-right .huki-imgname {
margin-left: 50px;
}
.is-style-huki-mind .huki-text {
max-width: calc(100% - 278px);
border-radius: 32px;
}
.is-style-huki-mind .huki-text-after {
top: 60px;
width: 12px;
height: 12px;
border: none;
border-radius: 50%;
background: inherit;
}
.huki-left.is-style-huki-mind .huki-text-after {
left: -43px;
}
.huki-right.is-style-huki-mind .huki-text-after {
right: -43px;
}
.is-style-huki-mind .huki-text:before {
position: absolute;
top: 44px;
width: 20px;
height: 20px;
border-radius: 50%;
background: inherit;
content: "";
}
.huki-left.is-style-huki-mind .huki-text:before {
left: -28px;
}
.huki-right.is-style-huki-mind .huki-text:before {
right: -28px;
}}
@media (max-width: 1029px) {
.huki-box.is-style-huki-mind {
display: flex;
flex-direction: column-reverse;
}
.huki-box.huki-right.is-style-huki-mind {
flex-direction: column;
}
.is-style-huki-mind .huki-imgname {
display: flex;
width: fit-content;
align-items: flex-end;
margin-top: 10px;
margin-right: 0;
margin-left: 0;
}
.is-style-huki-mind.huki-right .huki-imgname {
flex-direction: row-reverse;
place-self: flex-end;
}
.is-style-huki-mind .huki-text-after {
top: calc(100% + 20px);
width: 12px;
height: 12px;
border: none;
border-radius: 50%;
}
.huki-left.is-style-huki-mind .huki-text-after {
left: 70px;
}
.huki-right.is-style-huki-mind .huki-text-after {
right: 70px;
}
.is-style-huki-mind .huki-text:before {
position: absolute;
bottom: -20px;
width: 16px;
height: 16px;
border-radius: 50%;
background: inherit;
content: "";
}
.huki-left.is-style-huki-mind .huki-text:before {
left: 82px;
}
.huki-right.is-style-huki-mind .huki-text:before {
right: 82px;
}
.is-style-huki-mind .huki-text {
max-width: 100%;
border-radius: 32px;
}} .huki-box.is-style-huki-underimg {
position: relative;
}
.is-style-huki-underimg .huki-text-before,
.is-style-huki-underimg .huki-name,
.is-style-huki-underimg .huki-text-after {
display: none;
}
.huki-left.is-style-huki-underimg .huki-imgname {
position: absolute;
top: calc(100% - 32px);
left: -14px;
z-index: 1;
margin-right: 0;
}
.is-style-huki-underimg .huki-imgname {
position: absolute;
top: calc(100% - 32px);
z-index: 1;
}
.huki-left.is-style-huki-underimg .huki-imgname {
left: -14px;
margin-right: 0;
}
.huki-right.is-style-huki-underimg .huki-imgname {
right: -14px;
margin-left: 0;
}
.is-style-huki-underimg .huki-text {
padding: 1.25em 1em 1.75em 1em;
}
@media (max-width: 1029px){
.is-style-huki-underimg .huki-text {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}} @media (min-width: 1030px) {
.huki-imgname {
width: 100px;
}
.huki-imgname .pf-face-img,
.huki-imgname .wp-user-avatar{
width: 100px;
height: 100px;
}
.huki-text {
max-width: calc(100% - 278px);
}
.is-style-huki-underimg .huki-text {
max-width: 100%;
}
.is-style-huki-underimg .pf-face-img {
width: 60px;
height: 60px;
}
.is-style-huki-underimg .huki-imgname {
margin-right: 0;
}
.huki-left.is-style-huki-underimg .huki-imgname {
width: 60px;
}
.huki-right.is-style-huki-underimg .huki-imgname {
width: 60px;
}}
@media (max-width: 1029px) {
.huki-imgname {
width: 70px;
}
.huki-imgname .pf-face-img,
.huki-imgname .wp-user-avatar{
width: 70px;
height: 70px;
}
.huki-text {
max-width: calc(100% - 130px);
}
.is-style-huki-under .huki-text {
max-width: 100%;
}
.is-style-huki-underimg .pf-face-img {
width: 50px;
height: 50px;
}
.is-style-huki-underimg .huki-imgname {
margin-right: 0;
}
.huki-left.is-style-huki-underimg .huki-imgname {
width: 50px;
}
.huki-right.is-style-huki-underimg .huki-imgname {
width: 50px;
}}  .sonic-box {
margin-bottom: 2em;
padding: 1.5em 2em;
}
.ob-title {
font-weight: bold;
font-size: 1.05em;
margin-bottom: .5em;
}
.ob-contents *:last-child {
margin-bottom: 0;
} @media (min-width: 782px){
.two-box-set .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
margin-left: 0;
}
.two-box-set .wp-block-column:nth-child(2) .is-style-titlebox-mark8,
.two-box-set .wp-block-column:nth-child(2)  .is-style-titlebox-mark9,
.two-box-set .wp-block-column:nth-child(2)  .is-style-titlebox-mark10,
.two-box-set .wp-block-column:nth-child(2)  .is-style-titlebox-mark11,
.two-box-set .wp-block-column:nth-child(2)  .is-style-titlebox-mark12,
.two-box-set .wp-block-column:nth-child(2)  .is-style-titlebox-mark13,
.two-box-set .wp-block-column:nth-child(2)  .is-style-titlebox-mark14,
.two-box-set .wp-block-column:nth-child(2)  .is-style-titlebox-mark15{
border-left: none;
height: 100%;
}
.two-box-set .wp-block-column .sonic-box {
margin-bottom: 0;
height: 100%;
}} figure.wp-block-gallery.has-nested-images {
display: flex;
flex-wrap: wrap;
}
.wp-block-columns {
gap: 2em;
}
@media (max-width: 599px) {
div.wp-block-columns {
gap:normal;
}}
.two-box-set .wp-block-columns{
gap:normal;
} .btn-box {
margin-bottom: 2em;
text-align: center;
}
.btn-box .wp-block-button,
.btn-box .tsnc-btn-area {
display: inline-block;
margin: 8px 0;
}
@media (min-width: 768px) {
.btn-box .wp-block-button,
.btn-box .tsnc-btn-area {
width: 49%;
}}
@media (max-width: 767px) {
.btn-box .wp-block-button,
.btn-box .tsnc-btn-area {
width: 100%;
}}  .timeline {
margin-bottom: 2em;
padding: 0;
counter-reset: tsnc-timeline;
list-style: none;
}
.process-step {
position: relative;
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px dashed #ddd;
}
.process-step *:last-child {
margin-bottom: 0;
}
.process-label {
display: inline-block;
width: 60px;
color: #fff;
font-size: 0.8em;
text-align: center;
}
.process-label-num:before {
content: counter(tsnc-timeline);
counter-increment: tsnc-timeline;
}
.process-title {
margin: 8px 0;
font-weight: bold;
}  .tsnc-accordion {
margin-bottom: 2em;
border: 1px solid;
border-radius: 4px;
cursor: pointer;
}
.tsnc-accordion-title {
display: inline-block;
position: relative;
width: 100%;
padding: 8px 44px 8px 16px;
box-sizing: border-box;
cursor: pointer;
}
.tsnc-accordion-title:before,
.tsnc-accordion-title:after {
display: inline-block;
position: absolute;
right: 20px;
width: 16px;
height: 2px;
background: #333;
content: "";
}
.tsnc-accordion-title:before {
top: calc(50% - 1px);
}
.tsnc-accordion-title:after {
top: calc(50% - 1px);
transform: rotate(90deg);
transition: transform .3s;
}
.tsnc-accordion-input {
display: none;
}
.tsnc-accordion-content {
display: block;
position: relative;
height: 0;
overflow: hidden;
padding: 0 16px;
border-top: 1px dashed #eee;
opacity: 0;
transition: height 0.1s, padding 0.1s;
}
.tsnc-accordion-input:checked ~ .tsnc-accordion-content {
height: auto;
overflow: visible;
padding: 16px;
opacity: 1;
}
.tsnc-accordion-input:checked ~ .tsnc-accordion-title:after {
transform: rotate(0deg);
}
.tsnc-accordion-content *:last-child {
margin-bottom: 0;
}  .exlink,
.inlink {
position: relative;
max-width: 600px;
margin-bottom: 2em;
border: 1px solid #ccc;
transition: opacity 0.3s;
box-sizing: border-box;
}
.exlink-linkarea,
.inlink-linkarea {
display: flex;
align-items: center;
padding: 12px;
}
.exlink-linkarea .exlink-img,
.inlink-linkarea .inlink-img {
object-fit: cover;
}
.exlink-linkarea div,
.inlink-linkarea div {
flex: 1;
padding-left: 12px;
}
.noimg .exlink-linkarea div,
.noimg .inlink-linkarea div {
padding-left: 52px;
}
.exlink-label,
.inlink-label {
display: inline-block;
position: absolute;
top: 12px;
left: 12px;
padding: 2px 8px;
color: #fff;
font-size: 0.75em;
}
.exlink-title,
.inlink-title {
margin-bottom: 0;
font-weight: bold;
}
.exlink-site,
.inlink-site {
font-size: .8em;
opacity: .54;
}
.exlink:hover,
.inlink:hover {
opacity: .7;
}
a.exlink-linkarea:hover,
a.inlink-linkarea:hover {
text-decoration: none;
}
.link-text {
border: none;
max-width: 100%;
text-decoration: underline;
}
.link-text .inlink-linkarea,
.link-text .exlink-linkarea {
padding: 0;
}
.link-text .inlink-linkarea div,
.link-text .exlink-linkarea div {
padding-left: 0;
}
.link-text .inlink-label,
.link-text .exlink-label {
display: none;
}
.link-text .exlink-site {
display: inline-block;
background: #eee;
border-radius: 20px;
padding: 0 8px;
}
.link-text .exlink-site:before {
content: "\f2d0";
font-family: 'Font Awesome 5 Free';
padding-right: 6px;
} .link-text .inlink-title,
.link-text .exlink-title {
color: #1e73be;
}
@media (min-width: 1030px) {
.exlink-linkarea .exlink-img,
.inlink-linkarea .inlink-img {
width: 160px;
}
.inlink-title,
.exlink-title {
font-size: 1em;
}}
@media (max-width: 1029px) {
.exlink-linkarea .exlink-img,
.inlink-linkarea .inlink-img {
width: 90px;
height: 90px;
}
.inlink-title,
.exlink-title {
font-size: 14px;
}}  .count {
border: 3px solid;
text-align: center;
box-sizing: border-box;
background: #fff;
}
.count-top p {
margin-bottom: 0;
padding: 8px;
color: #fff;
}
.time-item {
display: inline-block;
}
.count-time {
padding: 16px 0;
}
.count-text .count-time {
padding: 0;
}
.count-bottom-in p {
margin-bottom: 0;
display: inline-block;
}
.count-num {
font-size: 5vw;
}
.count-date {
opacity: .54;
}
.count-end {
font-size: 1.1em;
margin-bottom: 32px;
font-weight: bold;
}
.count-time-in,
.count-bottom,
.count-end {
display: none;
}
.tsnc-count-down .show {
display: block;
}
.tsnc-count-down.hidden {
display: none;
}
@media (min-width: 1030px){
.count-num {
font-size: 2em;
}} .header-info .count-end {
margin-bottom: 0;
font-size: 1em;
} .table_of_contents_is_close {
display: none;
}
.mkj {
margin-bottom: 2em;
}
.mkj-in {
position: relative;
}
.mkj-title {
margin-bottom: 0;
font-weight: bold;
}
.mkj-input {
display: none;
}
.mkj-openclose {
display: inline-block;
position: absolute;
}
.mkj-openclose:hover {
cursor: pointer;
}
.entry-content .mkj-content {
display: block;
position: relative;
height: 0;
overflow: hidden;
opacity: 0;
transition: height .3s, opacity .3s;
}
.mkj-input:checked ~ .mkj-content {
height: auto;
opacity: 1;
}
.mkj-input:checked ~ .mkj-openclose:before {
display: none;
}
.mkj-list {
margin: 0;
counter-reset: num;
list-style: none;
}
.mkj-list li {
position: relative;
}
.mkj-list > li:before {
display: inline-block;
position: absolute;
left: -30px;
width: 24px;
line-height: 24px;
text-align: center;
content: counter(num, decimal-leading-zero);
counter-increment: num;
}
.mkj-list:nth-of-type(9) > li:before {
content: counter(num, decimal-leading-zero);
}
.mkj-list ol {
position: relative;
padding-left: 20px;
font-size: 0.9em;
list-style: none;
}
.mkj-list ol li:before {
position: absolute;
top: 15px;
left: -15px;
width: 5px;
height: 5px;
border: 1px solid;
border-radius: 50%;
content: "";
}
.mkj-list a {
display: inline-block;
width: 100%;
color: #333;
transition: opacity .3s;
}
.mkj-list a:hover {
opacity: 0.54;
}
.mkj-active {
border-radius: 4px;
}
.widget .mkj-in {
overflow-y: auto;
overflow-x: hidden;
} .widget .mkj {
margin: 0;
}
.mkj-side-style .mkj-list,
.mkj-side-style li,
.mkj-side-style .mkj-list ol {
padding-left: 0;
}
.mkj-side-style .mkj-list a {
padding: 4px 4px 4px 26px;
box-sizing: border-box;
}
.mkj-side-style .mkj-list li ol a {
padding: 4px 4px 4px 40px;
}
.mkj-side-style .mkj-list > li:before {
left: 0;
}
.mkj-side-style .mkj-list ol li:before {
left: 26px;
}      .yyi-rinker-main-img {
width: 100%;
height: auto;
}
.yyi-rinker-image img {
max-width: 100%;
height: auto;
} .tsnc-btn-area {
margin-bottom: 2em;
text-align: center;
}
.tsnc-btn {
display: inline-block;
min-width: 48%;
padding: 12px 16px;
border-radius: 4px;
color: #fff;
background: #1a73e8;
font-weight: 700;
transition: opacity 0.3s;
box-sizing: border-box;
}
a.tsnc-btn:hover {
color: #fff;
opacity: .7;
}
.tsnc-btn + img {
display: none;
}  .ranking-set {
padding: 12px;
}
.ranking-number,
.ranking-icon {
counter-reset: numb;
}
.ranking-title {
margin-bottom: 0;
padding: 8px 0;
color: #fff;
font-weight: bold;
font-size: 1.1em;
text-align: center;
}
.ranking-item {
padding: 12px;
margin: 12px 0 0 0;
background: #fff;
}
.ranking-heading {
display: flex;
align-items: center;
margin-bottom: 12px;
padding: 8px 0;
font-weight: bold;
font-size: 1.1em;
}
.ranking-heading-icon {
display: inline-block;
min-width: 44px;
line-height: 44px;
margin-right: 8px;
border-radius: 50%;
color: #fff;
text-align: center;
}
.ranking-number .ranking-heading-icon:before,
.ranking-icon .ranking-item:nth-child(n) .ranking-heading-icon:before {
counter-increment: numb;
content: counter(numb)"";
}
.ranking-item .wp-block-columns,
.ranking-item .btn-box {
margin-bottom: 8px;
}
.ranking-item .wp-block-columns a+img {
display: none;
}
.ranking-icon .ranking-item:nth-child(2) .ranking-heading-icon:before,
.ranking-icon .ranking-item:nth-child(3) .ranking-heading-icon:before,
.ranking-icon .ranking-item:nth-child(4) .ranking-heading-icon:before {
content: "\f521";
font-family: "font awesome 5 free"
}
.ranking-set .ranking-item:nth-child(2) .ranking-heading-icon {
background: #e1a625;
}
.ranking-set .ranking-item:nth-child(3) .ranking-heading-icon {
background: #a9b5bb;
}
.ranking-set .ranking-item:nth-child(4) .ranking-heading-icon {
background: #cf8129;
}
.ranking-item .btn-box .wp-block-button__link {
width: 100%;
}
@media (min-width: 1030px) {
.ranking-item .btn-box {
display: flex;
justify-content: space-between;
}} .comment-box {
margin-bottom: 2em;
padding: 1em 1.5em;
border: 1px solid;
}
.comment-box p {
margin-bottom: 0;
}
.comment-title {
display: flex;
flex-direction: column;
}
.entry-content .comment-img {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
}
.comment-title-text {
display: flex;
justify-content: flex-end;
margin: .5em 0;
}
.comment-title-text p {
font-weight: bold;
font-size: 1.2em;
}
.comment-star {
width: 100px;
margin-right: 16px;
color: #ffbc00;
}
@media (min-width: 1030px) {
.comment-title-text {
flex-direction: row-reverse;
align-items: center;
}}
@media (max-width: 1029px) {
.comment-title-text {
flex-direction: column-reverse;
align-items: start;
}}  .entry-content pre {
line-height: 2.2;
padding: 1em 1.5em;
border: 1px solid #eee;
color: #777;
background: #f9f9f9;
font-size: 0.95em;
letter-spacing: 0.5px;
white-space: pre-wrap;
}
.entry-content pre,
.entry-content code {
font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
} body.page-template-page-1,
body.page-template-page-1-1,
body.page-template-page-2,
body.page-template-page-3,
body.page-template-page-3-1 {
overflow-x: hidden;
}
body.page-template-page-3,
body.page-template-page-3-1 {
padding: 0 16px;
}
@media (min-width: 1030px){
body.page-template-page-3,
body.page-template-page-3-1 {
width: 828px;
margin: 0 auto;
overflow-x: hidden;
}}
.full-width {
padding-top: 4em;
padding-bottom: 4em;
position: relative;
margin: 0 calc(50% - 50vw);
width: 100vw;
}
.full-width-in {
max-width: 99%;
margin: 0 auto;
}
.cw-post .full-width-in {
max-width: 828px;
margin: 0 auto;
}
.cw-column .full-width-in {
max-width: 1120px;
margin: 0 auto;
}
.shape-bottom,
.shape-top {
display: flex;
position: absolute;
right: 0;
left: 0;
z-index: 2;
width: 100%;
}
.shape-bottom {
top: calc(100% - 1px);
}
.shape-top {
bottom: calc(100% - 1px);
}
.shape-bottom svg,
.shape-top svg {
width: 100%;
}
.full-width.has-bg-img {
background-size: cover;
background-position: center;
z-index: 0;
}
.full-width.bg-fixed {
background-attachment: fixed;
}
.full-width.has-bg-img:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: inherit;
z-index: -1;
pointer-events: none;
} .tsnc-fw-0 svg {
max-height: 60px;
}
.tsnc-fw-1 svg {
max-height: 70px;
}
.tsnc-fw-2 svg {
max-height: 80px;
}
.tsnc-fw-3 svg {
max-height: 90px;
}
.tsnc-fw-4 svg {
max-height: 100px;
}
.tsnc-fw-5 svg {
max-height: 110px;
}
.tsnc-fw-6 svg {
max-height: 120px;
}
.tsnc-fw-7 svg {
max-height: 130px;
}
.tsnc-fw-8 svg {
max-height: 140px;
}
.tsnc-fw-9 svg {
max-height: 150px;
}
.tsnc-fw-10 svg {
max-height: 160px;
}
@media (max-width: 767px) {
.full-width {
padding: 2em 16px;
width: 100%;
}
.tsnc-fw-0 svg {
max-height: 20px;
}
.tsnc-fw-1 svg {
max-height: 25px;
}
.tsnc-fw-2 svg {
max-height: 30px;
}
.tsnc-fw-3 svg {
max-height: 35px;
}
.tsnc-fw-4 svg {
max-height: 40px;
}
.tsnc-fw-5 svg {
max-height: 45px;
}
.tsnc-fw-6 svg {
max-height: 50px;
}
.tsnc-fw-7 svg {
max-height: 55px;
}
.tsnc-fw-8 svg {
max-height: 60px;
}
.tsnc-fw-9 svg {
max-height: 65px;
}
.tsnc-fw-10 svg {
max-height: 70px;
}} @media (min-width: 1030px) {
.main-top {
margin: 0;
}}
@media (max-width: 1029px) {
.main-top {
margin: 16px;
}}  .main-title-bg-image {
position: relative;
z-index: 0;
overflow: hidden;
padding: 20px 0;
}
.main-title-bg-image:before {
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
filter: opacity(0.35);
content: "";
}
.main-title-bg-image h1 {
font-weight: bold;
} .child-category {
line-height: 40px;
}
.cat_list {
margin: 1em 0;
}
.cat_list ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style: none;
padding-left: 0;
margin: 0;
}
.child-category .cat-item{
display: inline;
margin: 0 6px 8px;
}
.child-category a {
display: inline-block;
padding: 0 8px;
border-radius: 4px;
color: #fff;
text-decoration: none;
transition: opacity 0.3s;
}
.child-category a:hover {
opacity: 0.7;
}
@media (min-width: 1030px) {
.child-category {
font-size: 16px;
}
.child-category a {
padding: 0 12px;
}}
@media (max-width: 1029px) {
.child-category {
font-size: 14px;
}} .category-main-in {
margin-bottom: 0px;
}
@media (max-width: 767px) {
.category .category-main-in {
padding: 0;
}}   .notpage-title {
text-align: center;
position: relative;
padding: 12px 0;
font-size: 1em;
}
.notpage-title i {
font-size: 1em;
}
.notpage-title:after {
content: "";
position: absolute;
bottom: -22px;
left: calc(50% - 22px);
border-style: solid;
border-width: 22px 22px 0 22px;
border-color: #ffffff transparent transparent transparent;
z-index: 1;
}
.entry-404-eyeimg {
height: 170px;
text-align: center;
position: relative;
color: #fff;
font-size: 1.5em;
}
.notpage-404 {
margin-bottom: 0;
position: absolute;
width: 320px;
left: calc(50% - 160px);
top: calc(50% - 60px);
}
.notpage-404 span {
display: block;
line-height: 1;
font-size: 3em;
}
@media (min-width: 1030px) {
.notpage-title {
font-size: 2em;
}
.entry-404-eyeimg {
height: 430px;
font-size: 3em;
}
.notpage-404 {
top: calc(50% - 120px);
}}
@media (max-width: 1029px) {
.error404 .main-top {
margin: 0;
}
.error404 .main-in {
padding: 0;
}} .main-title h1 {
font-size: 25px;
margin: 0;
font-weight: 500;
} .search .entry {
margin: 2em 0;
}
.custom_search_header {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.custom_search_text_wrap {
flex-basis: 100%;
}
.custom_search_select_wrap {
margin-right: 20px;
}
.postform,
select[id^="archives-dropdown"] {
line-height: 2;
border: 1px solid #eee;
background-color: #fff;
height: 40px;
padding: 0 8px;
color: #757575;
margin: 1em 0;
-webkit-appearance: none;
}
.custom_search_toggle {
margin: 1em 0 .25em;
}
.custom_search_toggle span:before {
content: "\f14a";
font-family: "font awesome 5 free";
margin-right: 4px;
font-weight: 900;
}
.custom_search_footer {
padding: 12px;
border: 1px solid;
color: #757575;
}
.custom_search_footer_inner label {
margin-right: 20px;
display: inline-block;
}
.custom_search_footer_bottom {
margin-top: 1em;
}
@media (max-width: 767px) {
.search .entry-content {
margin: 0 16px;
}} .sidebar aside {
width: 100%;
}
@media (min-width: 1030px) {
#sidebar {
width: 280px;
min-width: 280px;
padding: 0;
margin-top: 0;
}}
@media (max-width: 1029px) {
#sidebar {
padding: 0 16px;
margin-top: 2em;
}} .widget {
margin-bottom: 2em;
box-sizing: border-box;
}
.widget ul {
position: relative;
line-height: 44px;
margin: 0 0 32px;
padding: 12px;
background: #fff;
list-style: none;
}
.widget img {
max-width: 100%;
height: auto;
}
.entry .widget ul {
line-height: 1.83;
}
.widget ul li:not(:last-child) {
margin-bottom: 4px;
border-bottom: 1px solid #eee;
}
.entry .widget ul li:not(:last-child) {
margin-bottom: 0;
border-bottom: none;
}
.widget ul li {
display: inline-block;
position: relative;
width: 100%;
}
.widget ul li a {
display: inline-block;
width: 100%;
color: #333;
text-decoration: none;
box-sizing: border-box;
}
.widget ul ul {
margin-bottom: 0;
padding: 0 0 0 12px;
font-size: 0.9em;
}
.widget ul ul li:before {
position: absolute;
font-family: "font awesome 5 free";
font-weight: 900;
content: "\f0da";
}
.widget ul ul li a {
width: 100%;
text-indent: 12px;
}
.widget ul li .kiji-num {
position: absolute;
top: 6px;
right: 0;
width: 26px;
line-height: 26px;
border-radius: 4px;
color: #fff;
font-size: 12px;
text-align: center;
} .widget .wp-block-group ul,
.widget .wp-block-group ol {
background: transparent;
} .tsncorg.thumbnail .centered {
position: relative;
top: 0;
left: 0;
overflow: hidden;
}
.tsncorg.thumbnail.size10070 .centered {
width: 100px;
height: 70px;
}
.tsncorg.thumbnail.size100100 .centered {
width: 100px;
height: 100px;
}
.tsncorg.thumbnail.size125100 .centered {
width: 125px;
height: 100px;
}
.tsncorg.thumbnail .centered img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: auto;
}
.tsncorg.thumbnail.size10070 .centered img {
height: 70px;
} .entry-header .widget,
.entry-footer .widget {
padding: 16px;
background-color: #fff;
box-sizing: border-box;
}
.entry-footer .widget,
.entry-header .textwidget *:last-child,
.entry-footer .textwidget *:last-child,
.widget.toppage-top *:last-child,
.widget.toppage-bottom *:last-child {
margin-bottom: 0;
}
div.widget.toppage-top,
div.widget.toppage-bottom {
width: 100%;
padding: 0 16px;
box-sizing: border-box;
margin: 1em 0;
}
div.widget.toppage-top img,
div.widget.toppage-bottom img {
max-width: 100%;
height: auto;
}
div.widget.toppage-top a + img,
div.widget.toppage-bottom a + img {
display: none;
}
.tsnc-share-button-top {
margin-bottom: 0;
}
@media (min-width: 1030px) {
div.widget.toppage-top,
div.widget.toppage-bottom {
padding: 0;
}
div.widget.toppage-top {
margin: 0 0 1em;
}
div.widget.toppage-bottom {
margin: 1em 0 0;
}
.entry-header .widget,
.entry-footer .widget {
padding: 16px 36px;
}}
@media (max-width: 1029px) {
.mobile-footer {
padding: 0 16px;
}}  [class*="side-title-mark"] .widget-title {
text-align: center;
position: relative;
}
.side-title-mark1 .widget-title,
.side-title-mark2 .widget-title,
.side-title-mark3 .widget-title,
.side-title-mark4 .widget-title {
color: #fff;
}
.side-title-mark3 .widget-title,
.side-title-mark4 .widget-title,
.side-title-mark5 .widget-title,
.side-title-mark5 .widget-title-in,
.side-title-mark6 .widget-title,
.side-title-mark6 .widget-title-in,
.side-title-mark7 .widget-title,
.side-title-mark7 .widget-title-in,
.side-title-mark8 .widget-title-in,
.widget-content {
background-color: #fff;
}  .widget-content {
position: relative;
margin-bottom: 32px;
padding: 12px;
box-sizing: border-box;
} .widget-rank:not(:last-child) {
padding-bottom: 12px;
border-bottom: 1px solid #eee;
margin-bottom: 12px;
}
.rank-kiji .linkarea {
display: flex;
}
.rank-kiji .linkarea:hover {
text-decoration: none;
}
.rank-kiji-img {
height: 100px;
position: relative;
}
.rank-kiji-img .kiji-img-img {
position: relative;
width: 100px;
height: 100px;
}
.widget_tsnc_pv_rankings {
counter-reset: num;
}
.widget_tsnc_pv_rankings .widget-rank .rank-kiji-img:before {
display: inline-block;
position: absolute;
z-index: 2;
width: 24px;
line-height: 24px;
color: #fff;
font-size: 0.85em;
text-align: center;
content: counter(num)"";
counter-increment: num;
}
.rank-kiji-content {
font-size: .8em;
margin-left: 8px;
height: 100px;
overflow: hidden;
color: #333;
flex: 1;
}
.rank-kiji .post-date {
display: none;
} .review-box {
margin: 2em 0;
border: 1px solid #eee;
padding: 0;
max-width: 420px;
box-sizing: border-box;
}
.review-title {
font-weight: bold;
font-size: 1.2em;
padding: 0.5em 1em;
border-bottom: double #eee;
}
.review-inner {
display: flex;
justify-content: space-between;
padding: 0.5em 1em;
}
.review-inner:not(:last-child) {
border-bottom: 1px dashed #eee;
}
.review-label {
max-width: 230px;
}
.review-rate {
color: #f58a13;
}
.review-star{
}
.review-star i {
padding: 0 1px;
}
.review-star .far.fa-star {
color: #eee;
font-weight: 900;
}
.review-inner.comp-row {
background: #FFFDE4;
}
.review-inner.comp-row .review-label {
font-weight: bold;
}
.review-box.has-review-align-left {
margin-right: auto;
}
.review-box.has-review-align-right {
margin-left: auto;
}
.review-box.has-review-align-center {
margin-right: auto;
margin-left: auto;
}  body img.alignnone {
margin: 0;
} .widget_tsnc_writer p {
margin-bottom: 0;
}
.widget_tsnc_writer .widget-content {
padding: 0;
}
.pf-bgfacename {
position: relative;
}
img.pf-bg-img {
width: 100%;
object-fit: cover;
display: block;
}
.pf-facename {
display: flex;
position: absolute;
z-index: 1;
width: 100%;
flex-direction: column;
text-align: center;
}
.pf-face .pf-face-img,
.pf-face img{
display: inline-block;
}
.pf-facename .pf-name {
line-height: 1.5;
padding: 2px 0;
}
.pf-text {
font-size: .85em;
}
.pf-share {
text-align: center;
font-size: .8em;
}
.pf-share-title {
font-weight: bold;
padding-bottom: 8px;
}
.pf-btn {
display: flex;
flex-direction: row;
flex-flow: wrap;
justify-content: center;
}
.share-btn {
display: inline-block;
width: 48px;
margin: 0 4px 4px;
}
.pf-btn .share-btn {
text-decoration: none;
}
.share-btn i {
width: 100%;
line-height: 48px;
font-size: 1.4em;
}
.share-btn p {
width: 100%;
line-height: 24px;
font-size: 10px;
}
.share-btn.note-btn i {
transform: scale(-1,1);
}
@media (max-width: 767px) {
.pf-bgfacename {
height: 70vw;
}
img.pf-bg-img {
height: 70vw;
}}  .widget_categories ul {
padding: 12px 24px;
} .tagcloud{
background: #fff;
margin-bottom: 32px;
padding: 12px;
}
.tagcloud .tag-cloud-link {
display: inline-block;
color: #fff;
margin: 6px 4px 6px 0;
padding: 2px 8px;
line-height: 24px;
text-decoration: none;
border-radius: 4px;
font-size: 14px;
transition: opacity .3s;
}
.tagcloud .tag-cloud-link:hover {
opacity: .54;
} .widget_calendar {
margin-bottom: 32px;
}
.widget_calendar table {
background-color: #fff;
margin: 0 auto;
}
.calendar_wrap caption {
font-size: 14px;
background: #fff;
padding: 8px 0;
}
.widget_calendar td,
.widget_calendar th {
padding: 4px 10px;
}
.widget_calendar table,
.widget_calendar th,
.widget_calendar td {
border: 1px solid transparent;
}
.widget-title:before{
opacity: .54;
}  .recentcomments {
font-size: .8em;
line-height: 2;
padding: 8px 0;
}
.widget ul li.recentcomments a {
color: #1e73be;
text-decoration: underline;
}
.widget ul li.recentcomments .comment-author-link a {
text-decoration: none;
} .widget_rss ul {
line-height: 2;
font-size: .9em;
}
.widget_rss ul li:not(:last-child) {
margin-bottom: 12px;
}
.widget-title a.rsswidget {
color: #fff;
}
li .rsswidget {
padding: 12px;
background: #f4f4f5;
}
.rss-date {
display: block;
text-align: right;
font-size: 12px;
color: #ccc;
}
.rssSummary, .widget_rss cite {
display: none;
}  .wp-block-video {
margin: 0 0 2em;
}
.wp-block-video video {
display: block;
}
.wp-block-video figcaption {
margin-top: 1em;
margin-bottom: 0;
text-align: center;
font-size: .9em;
}  .search-form-title {
font-weight: 600;
}
.search.-form-text {
padding: 0 15px;
opacity: .38;
}
.search-form {
margin-bottom: 32px;
position: relative;
text-align: initial;
}
.search-field:focus {
outline: none;
border: 1px solid #ccc;
}
.search-field {
display: inline-block;
min-height: 44px;
line-height: 42px;
width: 100%;
padding: 0 12px;
-webkit-appearance: none;
border: 1px solid #e1e8ed;
margin: 0;
color: #333;
}
.search-submit {
display: flex;
position: absolute;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
border: none;
} #tsnc-sidebar-tracking-widget.fixed {
display: none;
}
#tsnc-sidebar-tracking-widget {
overflow-y: auto;
overflow-x: hidden;
}
@media (min-width: 1030px) {
.sidebar,
.left-side {
display: flex;
}
.side aside,
.side-in{
height: 100%;
min-height: 100%;
}
}
@media (min-width: 1030px) {
#tsnc-sidebar-tracking-widget.fixed {
display: block;
}
}  .entry-content .wp-block-embed {
overflow: hidden;
}
.wp-block-embed {
margin: 0 0 2em;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
position: relative;
padding-top: 56.25%;
}
.wp-block-embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .aligncenter .twitter-tweet {
margin-left: auto;
margin-right: auto;
} .wp-block-search__button-outside {
}
.header-search-in-content .search-list-ul,
#content-in .search-list-ul,
.wp-block-search__button-outside .search-list-ul{
font-size: 12px;
line-height: 1.8;
box-shadow: 0 0 4px rgb(0 0 0 / 12%);
margin: 5px 0 32px;
padding: 12px;
background: #fff;
list-style: none;
max-width: 320px;
}
.header-search-in-content .search-list-ul li,
#content-in .search-list-ul li,
.wp-block-search__button-outside .search-list-ul li{
padding: 4px 0;
margin: 0;
}
.header-search-in-content .search-list-ul a:after,
#content-in .search-list-ul a:after,
.wp-block-search__button-outside .search-list-ul a:after{
font-weight: 600;
font-family: "Font Awesome 5 Free";
margin-left: 4px;
content: "\f35d";
}
.header-search-in-content .search-list-ul {
background: rgb(255 255 255 / 87%);
margin: 4px 0 0;
padding: 6px 12px;
max-height: 50vh;
overflow-y: scroll;
}
.header-search-in-content .search-field {
font-size: 16px;
} .responsive_iframe {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.responsive_iframe iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
figure.wp-block-embed-youtube {
height: 100% !important;
}
div[style] >.responsive_iframe {
position: unset;
} #footer-in {
display: flex;
justify-content: space-between;
}
.footer-column  {
flex-basis: 30%;
padding: 16px 0;
}
.footer-title {
font-size: 1.1em;
line-height: 40px;
border-bottom: 2px solid;
position: relative;
}
.footer-in-under {
text-align: center;
color: #fff;
}
@media (min-width: 1030px) {
.footer-column {
min-width: 336px;
}
#footer-in {
flex-direction: row;
flex-wrap: wrap;
}}
@media (max-width: 1029px) {
#footer-in {
flex-direction: column;
}}
.footer-column .tagcloud{
background-color: transparent;
padding: 8px 0 0;
}
.footer-column div.widget_categories ul {
padding: 8px 0;
background-color: transparent;
}
.footer-column div.widget_categories ul li {
border: none;
} .footer-in-under .footer-title {
padding: 12px 0 0;
border: none;
} .footer-container {
display: flex;
flex-direction: column;
}
.footer-container ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.footer-container .menu-item {
display: inline-block;
}
.footer-container .menu-item a {
display: inline-block;
margin: 0.5em;
padding: 0.25em 0.75em;
border: 1px solid rgba(255,255,255, 0.38);
border-radius: 4px;
color: #fff;
font-size: 0.8em;
text-decoration: none;
transition: background-color 0.3s;
box-sizing: border-box;
}
.footer-container a:hover {
background-color: rgba(255,255,255,0.2)
} .mobile-footer-menu {
position: fixed;
bottom: 0;
left: 0;
z-index: 11;
width: 100%;
background: #fff;
}
.mobile-footer-menu-item {
display: flex;
min-height: 56px;
margin: 0;
padding-left: 0;
border-top: 1px solid #eee;
font-size: 12px;
text-align: center;
list-style: none;
padding-bottom: env(safe-area-inset-bottom);
}
.mobile-footer-menu-item .menu-item {
display: flex;
position: relative;
flex-basis: 100%;
align-items: center;
}
.mobile-footer-menu-item a {
width: 100%;
line-height: 1;
}
.mobile-footer-menu-item a:after {
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
content: "";
}
.mobile-footer-menu-item a:hover {
text-decoration: none;
}
.mobile-footer-menu-item i {
display: block;
font-size: 2em;
margin: 4px 0;
}
@media (min-width: 1030px) {
.mobile-footer-menu-margin {
margin-bottom: 0;
}
.mobile-footer-menu {
display: none;
}}
@media (max-width: 1029px) {
.mobile-footer-menu-margin {
margin-bottom: 56px;
}} .footer-menu-snsbox {
display: flex;
position: fixed;
bottom: 0;
z-index: 10;
width: 100%;
justify-content: center;
padding: 8px;
background: rgba(0,0,0,0.1);
transform: translateY(100%);
transition: transform 0.5s;
box-sizing: border-box;
}
.footer-menu-snsbox .snsbtn {
margin: 0 4px;
line-height: 46px;
}
.footer-menu-snsbox .share-btn {
margin: 0 4px;
border-radius: 4px;
text-align: center;
} .gotop {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 2px solid #fff;
z-index: 13;
box-sizing: border-box;
color: #fff;
}
.gotop:hover {
text-decoration: none;
}
@media (min-width: 1030px) {
.gotop {
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
}}
@media (max-width: 1029px) {
.gotop {
bottom: calc(60px + env(safe-area-inset-bottom));
right: 10px;
width: 48px;
height: 48px;
}} .copyright {
margin-bottom: 0;
font-size: .8em;
padding: 4px 0;
} .tsnc-footer-cta {
position: fixed;
left: 0;
z-index: 12;
width: 100%;
}
.tsnc-footer-cta a:hover {
text-decoration: none;
}
a.tsnc-footer-cta-close {
display: flex;
position: absolute;
justify-content: center;
align-items: center;
border-radius: 50%;
box-shadow: 0 0 4px rgb(0 0 0 / 12%);
color: #333;
background: #fff;
text-align: center;
cursor: pointer;
}
a.tsnc-footer-cta-close:before {
display: flex;
color: #333;
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f00d";
}
a.tsnc-footer-cta-close:hover {
opacity: 0.8;
text-decoration: none;
transition: 0.3s;
}
.tsnc-footer-cta-boxes {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin: 0 auto;
}
.content-left,
.content-right {
flex-basis: 50%;
}
.content-both {
flex-basis: 100%;
}
.tsnc-footer-cta {
display: none;
}
.tsnc-footer-cta.show {
animation: footerctaopen 1s linear 0s;
display: block;
}
.tsnc-footer-cta.hidden {
animation: footerctaclose 0.3s linear 0s;
animation-fill-mode: forwards;
}
@keyframes footerctaclose {
0%{
opacity: 1;
display: block;
}
100%{
opacity: 0;
display: none;
visibility: hidden;
}
}
@keyframes footerctaopen {
0%{
opacity: 0;
display: none;
visibility: hidden;
}
50%{
opacity: 0;
display: none;
visibility: hidden;
}
100%{
opacity: 1;
display: block;
}
} .content-both>a,
.content-left>a,
.content-right>a {
display: flex;
width: fit-content;
margin: 0 auto;
}
.content-both>a>img,
.content-left>a>img,
.content-right>a>img {
max-width: 100%;
height: auto;
}
.tsnc-footer-cta-boxes a+img  {
display: none;
} .tsnc-footer-cta-boxes .tsnc-btn-area {
margin-bottom: 0;
}
.tsnc-footer-cta-boxes .tsnc-btn {
width: 100%;
line-height: 1.5;
text-align: center;
} .tsnc-footer-cta-boxes figure.wp-block-image {
margin-bottom: 0;
}
.tsnc-footer-cta-boxes figure.wp-block-image img {
margin: 0 auto;
}
.tsnc-footer-cta-boxes .is-style-btn-mark2 {
margin: 0;
} .tsnc-footer-cta-boxes p {
line-height: 1.5;
margin-bottom: 0;
font-weight: 600;
} .tsnc-footer-cta-boxes span {
display: flex;
line-height: 1.3;
justify-content: center;
font-weight: 600;
}
@media (min-width: 1030px) {
.tsnc-footer-cta {
bottom: 0;
}
a.tsnc-footer-cta-close {
top: -18px;
left: 20px;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 16px;
}
.tsnc-footer-cta-boxes {
width: 1120px;
}
.content-left,
.content-right,
.content-both {
padding: 12px 8px;
text-align: center;
}
.tsnc-footer-cta-boxes p,
.tsnc-footer-cta-boxes span {
font-size: 14px;
}}
@media (max-width: 1029px) {
.tsnc-footer-cta {
bottom: calc(0px + env(safe-area-inset-bottom));
}
a.tsnc-footer-cta-close {
top: -22px;
left: 4px;
width: 28px;
height: 28px;
font-size: 12px;
}
.tsnc-footer-cta-boxes {
width: 100%;
}
.content-left,
.content-right,
.content-both {
padding: 8px;
text-align: center;
}
.tsnc-footer-cta-boxes p,
.tsnc-footer-cta-boxes span {
font-size: 12px;
}} .wp-block-table.js-scrollable {
overflow: auto;
white-space: nowrap;
} .entry-content :not(.wp-block-code)>code {
padding: 2px;
border-radius: 2px;
background: #f3f4f5;
} .font-weight_500 {
font-weight: 500;
} .wpcf7 {
border-radius: 8px;
}
.wpcf7 * {
box-sizing: border-box;
}
.wpcf7 label + br {
display: none;
}
.wpcf7 label {
display: flex;
align-items: center;
margin-bottom: 4px;
font-weight: 600;
font-size: 14px;
}
.wpcf7 p {
margin-bottom: 1em;
}
.wpcf7-text,
.wpcf7-textarea {
width: 100%;
line-height: 2;
padding: 8px 12px;
border: 1px solid #e8e8e8;
border-radius: 2px;
background-color: #fff;
-webkit-appearance: none;
}
.wpcf7-text:focus,
.wpcf7-textarea:focus {
border: 1px solid #b8b8b8;
outline: none;
}
.wpcf7-textarea {
resize: vertical;
}
.wpcf7-textarea,
.wpcf7-submit {
font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.wpcf7 *::placeholder {
color: #bbb;
}
.wpcf7-select {
padding: 8px;
border: 1px solid #e8e8e8;
}
.wpcf7-checkbox span.wpcf7-list-item:first-child,
.wpcf7-radio  span.wpcf7-list-item:first-child {
margin-left: 0;
}
.wpcf7-list-item label {
font-weight: 500;
}
.wpcf7-submit {
width: 100%;
margin-top: 1em;
padding: 12px;
border: none;
border-radius: 4px;
color: #fff;
background: #1a73e8;
font-weight: 600;
font-size: 16px;
transition: opacity 0.3s;
cursor: pointer;
-webkit-appearance: none;
}
.wpcf7-submit:hover {
opacity: 0.7;
}
div.wpcf7 .ajax-loader {
display: block;
width: 0;
height: 0;
}
.wpcf7 i {
margin-right: 4px;
}
.wpcf7-arbitrary,
.wpcf7-required {
margin-left: 8px;
padding: 0 12px;
border-radius: 12px;
color: #fff;
font-weight: 500;
font-size: 12px;
}
.wpcf7-required {
background: #ec4848;
}
.wpcf7-arbitrary {
background: #6ca3ea;
} body *.margin-bottom-0.margin-bottom-0 {
margin-bottom: 0;
}
body *.margin-bottom-05.margin-bottom-05 {
margin-bottom: 1em;
}
body *.margin-bottom-15.margin-bottom-15 {
margin-bottom: 3em;
}
body *.margin-bottom-20.margin-bottom-20 {
margin-bottom: 4em;
} body[class*="copia-microcopy"] p.wpap-link {
margin-top: 0;
}
body[class*="copia-microcopy"] .wpap-link a {
position: relative;
margin-top: 8px;
text-align: center;
}
body[class*="copia-microcopy"] .wpap-tpl-with-detail .wpap-link {
display: block;
}
body[class*="copia-microcopy"] .wpap-tpl-with-detail .wpap-link a {
width: 34.5%;
}
body[class*="copia-microcopy"] .wpap-tpl-with-image-text-h .wpap-link a {
width: 35%;
}
body[class*="copia-microcopy"] .wpap-tpl-with-image-text-v .wpap-link a {
width: 30%;
}
.copia-microcopy-amazon .wpap-link-amazon:before {
color: #f89400;
}
.copia-microcopy-rakuten a.wpap-link-rakuten:before {
color: #be0000;
}
.copia-microcopy-yahoo a.wpap-link-yahoo:before {
color: #d14615;
}
body[class*="copia-microcopy"] .wpap-link a:before {
position: absolute;
top: -17px;
left: 0;
width: 100%;
height: 17px;
font-weight: 600;
font-size: 11px;
} .copia-microcopy-amazon .wpap-link a.wpap-link-amazon,
.copia-microcopy-rakuten .wpap-link a.wpap-link-rakuten,
.copia-microcopy-yahoo .wpap-link a.wpap-link-yahoo {
margin-top: 22px;
} @media screen and (max-width: 767px){
body[class*="copia-microcopy"] .wpap-tpl p.wpap-link {
flex-direction: column;
}
body[class*="copia-microcopy"] .wpap-tpl p.wpap-link a {
width: 100%;
box-sizing: border-box;
}
body[class*="copia-microcopy"] .wpap-tpl-with-image-text-h .wpap-link a {
margin-bottom: 0;
}
} .border-radius04 {
border-radius: 4px;
}
.border-radius08 {
border-radius: 8px;
}
.border-radius16 {
border-radius: 16px;
} ul.tsnc-slider {
display: flex;
flex-direction: row;
margin: 0;
padding: 0;
}
ul.tsnc-slider li {
list-style: none;
}
.slick-slide {
margin: 0 10px;
}
.slick-slide img {
margin: 0 auto;
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
position: absolute;
top: calc(50% - 10px);
z-index: 1;
padding: 0;
border: none;
color: transparent;
background: transparent;
font-size: 0;
cursor: pointer;
}
button.slick-next.slick-arrow {
right: -12px;
}
button.slick-prev.slick-arrow {
left: -12px;
transform: scale(-1, 1);
}
button.slick-prev.slick-arrow:before,
button.slick-next.slick-arrow:before {
color: #333;
opacity: 0.15;
font-family: "font awesome 5 free";
font-weight: 600;
font-size: 20px;
content: "\f138";
}
ul.slick-dots {
display: flex;
position: absolute;
bottom: -2em;
width: 100%;
justify-content: center;
gap: 12px;
padding: 0;
}
ul.slick-dots li button {
width: 4px;
height: 4px;
line-height: 0;
padding: 5px;
border: none;
border-radius: 50%;
color: transparent;
background: #333;
opacity: 0.38;
font-size: 0;
cursor: pointer;
}
ul.slick-dots li.slick-active button {
opacity: 0.78;
}
.tsnc-slider.fade .slick-slide {
margin: 0 auto;
}
.tsnc-slider.fade .slick-slide img {
width: 60%;
margin: 0 auto;
}
.tsnc-slider.center .slick-slide img {
width: 100%;
height: auto;
opacity: 0.3;
transform: scale(0.8);
transition: opacity 0.5s, transform 0.5s;
} .tsnc-slider.center  .slick-slide.slick-current img {
opacity: 1;
transform: scale(1);
} *,
*:before,
*:after {
box-sizing: border-box;
} body {
font-size: 16px;
} #header {
box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
} .header-title a {
line-height: 1.25em;
}  .logo-catchcopy {
font-size: 10px;
} @media (min-width: 768px) {
.nav-style-def>.menu-item:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
content: "";
transition: 0.3s;
}
.nav-style-def>.menu-item:hover:before {
width: 100%;
height: 4px;
background-color: currentColor;
}
.nav-style-def ul.sub-menu {
border: none;
}
.nav-style-def .sub-menu {
width: 260px;
padding: 0;
}
.nav-style-def .sub-menu {
top: 100%;
border-radius: 4px;
box-shadow: 0 0 4px rgb(0 0 0 / 12%);
transition: 0.3s;
}
.nav-style-def .sub-menu a {
line-height: 1.8;
padding: 6px 12px;
font-size: 12px;
}
.nav-style-def .menu-item .sub-menu .menu-item:not(:last-child) {
border-bottom: 1px solid #eee;
}
.nav-style-def .sub-menu a:before {
display: none;
}
} .header-info a {
padding: 6px 0;
}
.header-info a:after {
font-weight: 600;
font-family: "Font Awesome 5 Free";
content: "\f138";
margin-left: 8px;
transition: .3s;
position: absolute;
}
.header-info a:hover:after {
margin-left: 10px;
}  .imgarea-text-in {
background: repeating-linear-gradient(48deg, rgb(255 255 255 / 38%) 0, rgb(255 255 255 / 38%) 1px, rgb(255 255 255 / 60%) 0, rgb(255 255 255 / 60%) 2px);
}
.imgarea-text-inner p {
text-shadow: 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white;
}
p.imgarea-title + p {
display: table;
text-align: left;
margin: 0 auto 20px;
}
.imgarea-btn {
line-height: 40px;
padding: 0 1.7em;
box-shadow: 0 0 4px rgb(0 0 0 / 12%);
} @media (min-width: 1030px) {
.hotword {
background: rgb(255 255 255 / 38%);
}
.hotword-textlink:before {
content: "人気ワード";
font-size: 14px;
margin-right: 8px;
}
.hotword-textlink {
padding: 8px 0;
}
.hotword-textlink li {
margin-right: 8px;
border: 1px solid #eee;
padding: 0 8px 0 4px;
border-radius: 20px;
}
.hotiword-textlink-1:before,
.hotiword-textlink-2:before {
font-size: 10px;
line-height: 20px;
border-radius: 20px;
}
.hotiword-textlink-3:before {
width: 20px;
line-height: 20px;
}
.hotword-textlink a {
color: #333;
font-size: 14px;
}}  @media (min-width: 1030px) {
#content-in {
padding: 0;
}
} .main-kiji a.kiji-cat:hover {
color: #777;
}
.main-in .linkarea {
padding: 8px 8px 46px;
}
.kiji-img {
border-radius: 4px;
}
.kiji-img,
.kiji-img-img {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
.kiji-new {
top: 8px;
right: auto;
left: 8px;
width: auto;
line-height: 13px;
padding: 4px 12px;
border-radius: 12px;
font-size: 10px;
}
.kiji-date {
order: 1;
}
.kiji-date {
line-height: 12px;
color: #777;
font-size: 12px;
}
.kiji-text {
padding: 8px 16px;
}
.main-kiji .iine-btn {
padding: 8px 8px 8px 20px;
}
@media (min-width: 768px) {
.kiji-text {
line-height: 1.5;
font-size: 16px;
}
}
@media (min-width: 1030px) {
.kijicolumn-3 .main-kiji {
width: 32%;
}
}  .def-mode .main-kiji {
margin-top: 20px;
border-radius: 8px;
box-shadow: 0 0 4px rgb(0 0 0 / 12%);
transition: .3s;
}
.def-mode .main-kiji:hover {
transform: translateY(-4px);
}
.def-mode .kiji-cat {
top: auto;
bottom: 8px;
left: 10px;
padding: 4px 8px;
border-radius: 0;
color: #777;
background: #f9f9f9;
font-size: 12px;
}
.kijicolumn-1.def-mode .kiji-date {
top: 16px;
left: 386px;
}
.kijicolumn-1.def-mode .kiji-text {
padding: 8px 16px;
}
@media (min-width: 1030px) {
.kijicolumn-1.def-mode .kiji-img {
width: 360px;
}
} @media (min-width: 1030px) {
.kijicolumn-2 .kiji-text {
padding: 8px 4px;
}
.kijicolumn-2 .linkarea {
padding: 4px 4px 46px;
}
} @media (min-width: 768px) {
.kijicolumn-1 .linkarea {
padding: 4px;
}
.def-mode.kijicolumn-1 .kiji-cat {
left: 386px;
}
}
@media (max-width: 767px) {
.kijicolumn-1 .kiji-text {
padding: 8px 4px;
}
} .kijicolumn-3.def-mode .main-kiji .linkarea {
padding: 4px 4px 36px;
}
.kijicolumn-3.def-mode .kiji-text {
padding: 8px 8px;
font-size: 15px;
}
@media (min-width: 1030px) {
.kijicolumn-3.def-mode .kiji-date {
order: 0;
padding-top: 6px;
font-size: 10px;
}
.kijicolumn-3.def-mode .kiji-cat {
padding: 2px 6px;
font-size: 10px;
}
} .viral-mode .kiji-img:after {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 50%;
background: transparent linear-gradient(180deg, #00000000 0%, #0000008a 100%) 0 0 no-repeat padding-box;
content: "";
transition: 0.3s;
}
.viral-mode .kiji-text {
bottom: 0;
line-height: 1.4;
color: #fff;
text-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
.viral-mode .kiji-img {
border-radius: 4px;
}
.viral-mode .kiji-cat,
.viral-mode .kiji-new {
background: rgb(0 0 0 / 20%);
}
.viral-mode .kiji-cat {
top: auto;
bottom: 16px;
left: 16px;
padding: 4px 12px;
border-radius: 4px;
font-size: 10px;
}
.viral-mode .linkarea:hover .kiji-img:after {
top: 0;
height: 100%;
} .viral-mode .main-kiji .linkarea {
padding-bottom: 8px;
}
.kijicolumn-3.viral-mode .main-kiji {
overflow: initial;
}
.kijicolumn-3.viral-mode .kiji-text {
position: absolute;
left: 0;
padding: 0 20px;
padding: 0 20px 48px;
font-weight: 600;
font-size: 14px;
}
.kijicolumn-3.viral-mode .kiji-img,
.kijicolumn-3.viral-mode .kiji-img-img {
aspect-ratio: 5/6;
}
@media (min-width: 768px) {
.kijicolumn-3.viral-mode .main-kiji .iine-btn {
z-index: 1;
padding: 5px 10px 16px 10px;
}
}
@media (max-width: 767px) {
.kijicolumn-3.viral-mode .kiji-cat {
line-height: 12px;
border-radius: 2px;
}
} .kijicolumn-2.viral-mode .main-kiji .linkarea {
padding-bottom: 42px;
}
.kijicolumn-2.viral-mode .kiji-cat {
top: auto;
bottom: 11px;
left: 8px;
line-height: 16px;
padding: 2px 8px;
border-radius: 4px;
color: #777;
background: rgb(0 0 0 / 7%);
}
.kijicolumn-2.viral-mode .kiji-text {
position: absolute;
left: 0;
padding: 0 20px 54px;
font-weight: 600;
}
@media (max-width: 767px) {
.kijicolumn-2.viral-mode .main-kiji .kiji-share {
right: 0;
bottom: 0;
}
} @media (min-width: 768px) {
.kijicolumn-1.viral-mode .linkarea {
flex-direction: column;
}
.kijicolumn-1.viral-mode .kiji-text {
position: absolute;
padding: 0 40px 80px;
color: #fff;
font-size: 18px;
}
.kijicolumn-1.viral-mode .main-kiji .kiji-share {
right: 14px;
bottom: 14px;
}
.kijicolumn-1.viral-mode .main-kiji .iine-btn {
padding: 4px;
}
.kijicolumn-1.viral-mode .kiji-img {
width: 100%;
}
} .viral-mode .main-kiji {
border-radius: 8px;
box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.viral-mode .kiji-date {
position: absolute;
top: 16px;
right: 16px;
bottom: auto;
padding: 4px 12px;
border-radius: 10px;
color: #fff;
background: rgb(0 0 0 / 20%);
font-size: 10px;
}
@media (max-width: 767px) {
.viral-mode .main-kiji {
margin: 16px 0 0 0;
border-radius: 8px;
}
.viral-mode .kiji-text {
position: absolute;
padding: 0 16px 50px;
font-size: 14px;
}
.viral-mode .main-kiji .kiji-share {
right: 10px;
bottom: 8px;
}
}
@media (min-width: 1030px){
.kijicolumn-2.viral-mode .main-kiji {
box-shadow: none;
background: transparent;
}} .round-mode .main-kiji {
overflow: initial;
}
.round-mode a.linkarea {
padding: 0;
}
.round-mode .main-kiji {
margin-top: 20px;
border-radius: 0;
background: transparent;
}
.round-mode .kiji-img {
border-radius: 8px;
box-shadow: 0 0 4px rgb(0 0 0 / 16%);
transition: 0.3s;
}
.round-mode .kiji-new {
width: 44px;
line-height: 44px;
padding: 0;
border-radius: 50%;
font-size: 10px;
}
.round-mode .kiji-cat {
top: auto;
bottom: 8px;
left: 0;
line-height: 12px;
padding: 4px 12px;
border-radius: 0;
border-radius: 10px;
color: #777;
background: rgb(0 0 0 / 7%);
font-size: 10px;
}
.round-mode .kiji-text {
order: 2;
padding: 0 0 32px;
}
.round-mode a.linkarea:hover .kiji-img {
transform: translateY(-4px);
}
.round-mode .kiji-date {
line-height: 22px;
}
@media (min-width: 768px) {
.round-mode a.linkarea {
padding: 0;
}
.round-mode .kiji-text {
order: 0;
padding: 0 20px;
}
.round-mode .kiji-new {
width: 56px;
line-height: 56px;
}
.kijicolumn-3.round-mode .kiji-new {
width: 42px;
line-height: 42px;
}
} .kijicolumn-1.round-mode .kiji-date {
left: 380px;
font-size: 10px;
}
@media (min-width: 768px) {
.round-mode.kijicolumn-1 .kiji-cat {
left: 380px;
}
.kijicolumn-1.round-mode .kiji-img {
width: 360px;
}
} @media (min-width: 768px) {
.kijicolumn-2.round-mode .kiji-date {
order: 0;
}
.kijicolumn-2.round-mode .kiji-text {
padding: 0 0 38px;
}
} .kijicolumn-3.round-mode .main-kiji .linkarea {
padding: 0 0 30px;
}
.kijicolumn-3.round-mode .kiji-text {
padding: 4px 0;
font-size: 15px;
}
@media (min-width: 768px) {
.kijicolumn-3.round-mode .kiji-date {
order: 0;
font-size: 10px;
}
.kijicolumn-3.round-mode .kiji-cat {
left: 0;
}
.kijicolumn-3.round-mode .main-kiji .iine-btn {
padding-bottom: 4px;
}
} @media (max-width: 767px){
.main-kiji.main-kiji-longcard .kiji-text {
padding: 0 8px;
font-size: 14px;
}
.main-kiji.main-kiji-longcard .kiji-img {
border-radius: 0;
}
.main-kiji.main-kiji-longcard .kiji-date {
line-height: 12px;
background: transparent;
}
div.main-in .main-kiji.main-kiji-longcard .linkarea {
padding: 0;
}
div.main-in .main-kiji.main-kiji-longcard div.kiji-date {
left: auto;
top: auto;
}} .main-tab-two,
.cat-tab-text:not(.active_tab),
.main-tab-two div.cat-tab-text.active_tab {
background-color: transparent;
}
.cat-tab-text {
border-bottom: 1px solid;
}
.cat-tab-text.active_tab {
color: inherit;
font-weight: 600;
}
.cat-tab-text:not(.active_tab) {
border-color: #ccc;
color: #333;
}
a.main-tab-btn {
border-radius: 0;
font-weight: 500;
}
a.main-tab-btn:after {
font-weight: bold;
}
a.main-tab-btn:hover {
text-decoration: none;
}  .main-h2.kiji-list-heading-mark1 {
position: relative;
background: transparent;
}
.main-h2.kiji-list-heading-mark1:before,
.main-h2.kiji-list-heading-mark1:after {
position: absolute;
height: 1px;
background: currentColor;
content: "";
}
.main-h2.kiji-list-heading-mark1:before {
bottom: 10px;
left: calc(50% - 120px);
width: 240px;
}
.main-h2.kiji-list-heading-mark1:after {
bottom: 3px;
left: calc(50% - 30px);
width: 60px;
} .main-h2.kiji-list-heading-mark2 {
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
}
.main-h2.kiji-list-heading-mark2:before,
.main-h2.kiji-list-heading-mark2:after {
min-width: 6px;
max-width: 16px;
height: 16px;
flex: 1;
border-radius: 8px;
background: currentColor;
content: "";
}
.main-h2.kiji-list-heading-mark2:before {
margin-right: 48px;
}
.main-h2.kiji-list-heading-mark2:after {
margin-left: 48px;
} .main-h2.kiji-list-heading-mark3 {
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
}
.main-h2.kiji-list-heading-mark3:before,
.main-h2.kiji-list-heading-mark3:after {
min-width: 6px;
height: 1px;
flex: 1;
border-radius: 0;
background: currentColor;
content: "";
}
.main-h2.kiji-list-heading-mark3:before {
margin-right: 32px;
}
.main-h2.kiji-list-heading-mark3:after {
margin-left: 32px;
} .main-h2.kiji-list-heading-mark4 {
position: relative;
padding-left: 24px;
background: transparent;
text-align: left;
}
.main-h2.kiji-list-heading-mark4:before {
position: absolute;
top: calc(50% - 32px);
left: 0;
width: 8px;
height: 64px;
border-radius: 8px;
background: currentColor;
content: "";
} ul.page-numbers {
font-size: 14px;
}
ul.page-numbers li {
margin: 0 2px;
}
a.page-numbers,
span.page-numbers {
border-radius: 50%;
}
.page-numbers.prev:before {
content: "\f104";
}
.page-numbers.next:after {
content: "\f105";
}
@media (min-width: 768px) {
ul.page-numbers {
line-height: 36px;
}
a.page-numbers,
span.page-numbers,
.post-page-numbers {
width: 36px;
}
a.page-numbers.prev,
a.page-numbers.next {
width: 72px;
}}   .breadcrumb {
font-size: 12px;
text-align: center;
}
ul.breadcrumb i {
display: none;
}
@media (min-width: 768px) {
.breadcrumb {
font-size: 16px;
text-align: left;
}
}  .entry-header-item {
order: 1;
}
.entry-header-item span {
opacity: 0.78;
}
.entry-header-item {
font-size: 10px;
}
@media (min-width: 768px) {
.entry-header-item {
justify-content: flex-end;
font-size: 14px;
}
.entry-header-item span {
margin-left: 20px;
}
} @media (min-width: 768px) {
.entry-eyeimg {
margin: 0 36px;
}
.eyecatching-mark1 .entry-eyeimg,
.eyecatching-mark2 .entry-eyeimg {
margin: 0;
}
} .entry-header .entry-snsbox {
order: 2;
}
.entry-header {
display: flex;
flex-direction: column;
}
.eyecatching-mark1 .entry-eyeimg,
.eyecatching-mark2 .entry-eyeimg {
position: relative;
background: #fff;
} .eyecatching-mark1 {
position: relative;
}
.eyecatching-mark1 .entry-title,
.eyecatching-mark1 .entry-header-item {
position: absolute;
z-index: 1;
width: 100%;
background-color: transparent;
box-sizing: border-box;
}
.eyecatching-mark1 .entry-title {
display: table;
bottom: 0;
margin: auto;
padding: 0 16px 40px;
color: #fff;
font-weight: bold;
font-size: 17px;
text-align: left;
text-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
.eyecatching-mark1 .entry-header-item {
bottom: 12px;
justify-content: left;
color: #fff;
}
.eyecatching-mark1 .entry-eyeimg:after {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 50%;
background: transparent linear-gradient(180deg, #00000000 0%, #0000008a 100%) 0 0 no-repeat padding-box;
content: "";
transition: background-color 0.3s;
}
.eyecatching-mark1 .entry-header-item span {
margin-right: 16px;
margin-left: 0;
}
.eyecatching-mark1 .entry-header-item span.viewcount {
margin: 0;
}
@media (min-width: 768px) {
.eyecatching-mark1 .entry-title {
padding: 0 36px 72px;
font-size: 26px;
}
} .eyecatching-mark2 {
position: relative;
}
.eyecatching-mark2 .entry-title,
.eyecatching-mark2 .entry-header-item {
position: absolute;
z-index: 1;
width: 100%;
background-color: transparent;
box-sizing: border-box;
}
.eyecatching-mark2 .entry-title {
display: table;
bottom: 0;
margin: auto;
padding: 16px 16px 40px;
color: #fff;
background: rgb(0 0 0 / 38%);
font-weight: bold;
font-size: 17px;
text-align: left;
text-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
.eyecatching-mark2 .entry-header-item {
bottom: 12px;
justify-content: left;
color: #fff;
}
.eyecatching-mark2 .entry-header-item span {
margin-right: 20px;
margin-left: 0;
}
.eyecatching-mark2 .entry-header-item span.viewcount {
margin: 0;
}
@media (min-width: 768px) {
.eyecatching-mark2 .entry-title {
padding: 36px 36px 72px;
font-size: 26px;
}
} .entry-header .entry-snsbox {
background: #fff;
}
.entry-snsbox {
padding: 6px 36px;
}
@media (min-width: 768px) {
.entry-snsbox {
padding: 18px 36px;
}
}
@media (max-width: 767px) {
.entry-snsbox .snsbox-in {
justify-content: center;
}}  .sns-box-style1 .entry-snsbox .snsbtn {
width: 36px;
flex: inherit;
color: #789;
background-color: transparent;
opacity: 0.78;
font-size: 24px;
}
.sns-box-style1 .entry-snsbox .snsbtn:hover {
opacity: 1;
}
@media (min-width: 1024px) {
.sns-box-style1 .entry-snsbox .snsbox-in {
justify-content: flex-end;
}
.sns-box-style1 .entry-snsbox .snsbox-in:before {
width: 60px;
align-self: center;
color: #789;
font-size: 14px;
content: "Share";
}
} .sns-box-style2 .entry-snsbox .snsbtn {
width: 36px;
flex: inherit;
background-color: transparent;
opacity: 0.78;
font-size: 24px;
}
.sns-box-style2 .entry-snsbox .snsbtn:hover {
opacity: 1;
}
.sns-box-style2 .entry-snsbox .snsbtn.tw-btn {
color: #000000;
}
.sns-box-style2 .entry-snsbox .snsbtn.face-btn {
color: #1778f2;
}
.sns-box-style2 .entry-snsbox .snsbtn.line-btn {
color: #00b900;
}
.sns-box-style2 .entry-snsbox .snsbtn.poket-btn {
color: #ef4056;
}
.sns-box-style2 .entry-snsbox .snsbtn.hatena-btn {
color: #5279e7;
}
.sns-box-style2 .entry-snsbox .snsbtn.note-icon {
color: #41c9b4;
}
.sns-box-style2 .entry-snsbox .snsbtn.pinterest-btn {
color: #e60023;
}
@media (min-width: 1024px) {
.sns-box-style2 .entry-snsbox .snsbox-in {
justify-content: flex-end;
}
.sns-box-style2 .entry-snsbox .snsbox-in:before {
width: 60px;
align-self: center;
color: #789;
font-size: 14px;
content: "Share";
}
} .sns-box-style3 .entry-snsbox .snsbtn {
line-height: 36px;
border-radius: 0;
box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.sns-box-style3 .entry-snsbox .snsbtn.tw-btn {
background-color: #000000;
}
.sns-box-style3 .entry-snsbox .snsbtn.face-btn {
background-color: #1778f2;
}
.sns-box-style3 .entry-snsbox .snsbtn.line-btn {
background-color: #00b900;
}
.sns-box-style3 .entry-snsbox .snsbtn.poket-btn {
background-color: #ef4056;
}
.sns-box-style3 .entry-snsbox .snsbtn.hatena-btn {
background-color: #5279e7;
}
.sns-box-style3 .entry-snsbox .snsbtn.note-icon {
background-color: #41c9b4;
}
.sns-box-style3 .entry-snsbox .snsbtn.pinterest-btn {
background-color: #e60023;
} .sns-box-style4 .entry-snsbox .snsbtn {
position: relative;
width: 36px;
line-height: 36px;
flex: inherit;
border-radius: 50%;
font-size: 16px;
}
.sns-box-style4 .entry-snsbox .snsbtn:hover {
opacity: 1;
}
.sns-box-style4 .entry-snsbox .snsbtn.tw-btn {
background-color: #000000;
}
.sns-box-style4 .entry-snsbox .snsbtn.face-btn {
background-color: #1778f2;
}
.sns-box-style4 .entry-snsbox .snsbtn.line-btn {
background-color: #00b900;
}
.sns-box-style4 .entry-snsbox .snsbtn.poket-btn {
background-color: #ef4056;
}
.sns-box-style4 .entry-snsbox .snsbtn.hatena-btn {
background-color: #5279e7;
}
.sns-box-style4 .entry-snsbox .snsbtn.note-icon {
background-color: #41c9b4;
}
.sns-box-style4 .entry-snsbox .snsbtn.pinterest-btn {
background-color: #e60023;
}
@media (min-width: 1024px) {
.sns-box-style4 .entry-snsbox .snsbox-in {
justify-content: flex-end;
}
} .sns-box-style5 .entry-snsbox .snsbtn {
width: 47px;
flex: inherit;
box-shadow: 0 0 3px rgb(0 0 0 / 16%);
font-size: 15px;
}
@media (min-width: 1024px) {
.sns-box-style5 .entry-snsbox .snsbox-in {
justify-content: flex-end;
}
.sns-box-style5 .entry-snsbox .snsbox-in:before {
width: 60px;
align-self: center;
color: #789;
font-size: 14px;
content: "Share";
}
} .urlcopy-btn {
width: 100%;
line-height: 34px;
margin: 8px 0 0;
border: none;
border-radius: 4px;
background: #fff;
font-family: "Helvetica", "Arial", YuGothic, "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1em;
text-decoration: none;
cursor: pointer;
}
#copyUrl,
#copyUrlLabel {
position: absolute;
bottom: 0;
left: -500px;
width: 1px;
height: 1px;
} @media (min-width: 1030px) {
.left-fixed-in {
padding: 0 8px 8px 8px;
}
.left-fixed-in .snsbtn.tw-btn {
color: #000000;
}
.left-fixed-in .snsbtn.face-btn {
color: #1778f2;
}
.left-fixed-in .snsbtn.line-btn {
color: #00b900;
}
.left-fixed-in .snsbtn.poket-btn {
color: #ef4056;
}
.left-fixed-in .snsbtn.hatena-btn {
color: #5279e7;
}
.left-fixed-in .snsbtn.note-icon {
color: #41c9b4;
}
.left-fixed-in .snsbtn.pinterest-btn {
color: #e60023;
}
.left-fixed-in .snsbtn {
border: 1px solid #eee;
background: #fff;
}
.left-fixed-in .snsbtn:hover {
opacity: 0.78;
text-decoration: none;
}
.left-fixed-in .snsbtn .scc {
font-weight: 500;
}
.sns-box-style3 .left-fixed-in .snsbtn {
width: 42px;
height: 42px;
margin: 0 auto 6px;
border-radius: 0;
}
.sns-box-style3 .left-fixed-in .iine-btn {
width: 42px;
height: 42px;
line-height: 1.2;
border-radius: 0;
}
.sns-box-style4 .left-fixed-in .snsbtn {
position: relative;
margin-bottom: 1rem;
border: none;
color: #fff;
}
.sns-box-style4 .left-fixed-in .snsbtn.tw-btn {
background-color: #000000;
}
.sns-box-style4 .left-fixed-in .tw-btn:before {
border: 1px solid #000000;
}
.sns-box-style4 .left-fixed-in .snsbtn.face-btn {
background-color: #1778f2;
}
.sns-box-style4 .left-fixed-in .face-btn:before {
border: 1px solid #1778f2;
}
.sns-box-style4 .left-fixed-in .snsbtn.line-btn {
background-color: #00b900;
}
.sns-box-style4 .left-fixed-in .line-btn:before {
border: 1px solid #00b900;
}
.sns-box-style4 .left-fixed-in .snsbtn.poket-btn {
background-color: #ef4056;
}
.sns-box-style4 .left-fixed-in .poket-btn:before {
border: 1px solid #ef4056;
}
.sns-box-style4 .left-fixed-in .snsbtn.hatena-btn {
background-color: #5279e7;
}
.sns-box-style4 .left-fixed-in .hatena-btn:before {
border: 1px solid #5279e7;
}
.sns-box-style4 .left-fixed-in .snsbtn.note-icon {
background-color: #41c9b4;
}
.sns-box-style4 .left-fixed-in .note-icon:before {
border: 1px solid #41c9b4;
}
.sns-box-style4 .left-fixed-in .snsbtn.pinterest-btn {
background-color: #e60023;
}
.sns-box-style4 .left-fixed-in .pinterest-btn:before {
border: 1px solid #e60023;
}
.sns-box-style4 .left-fixed-in .iine-btn {
border: none;
color: #e7609e;
background: #fdeef5;
}
.sns-box-style4 .left-fixed-in .iine-btn:before {
border: 1px solid #e7609e;
}
.sns-box-style4 .left-fixed-in a.snsbtn:before,
.sns-box-style4 .left-fixed-in .iine-btn:before {
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 0.38;
content: "";
transform: scale(1.18);
}
.sns-box-style5 .left-fixed-in .snsbtn {
position: relative;
border: none;
color: #fff;
}
.sns-box-style5 .left-fixed-in .snsbtn {
position: relative;
height: 44px;
border: none;
border-radius: 4px;
box-shadow: 0 0 3px rgb(0 0 0 / 16%);
color: #fff;
}
.sns-box-style5 .left-fixed-in .snsbtn.hatena-btn {
line-height: 20px;
}
.sns-box-style5 .left-fixed-in .iine-btn {
height: 44px;
line-height: 1.2;
border: none;
border-radius: 4px;
box-shadow: 0 0 3px rgb(0 0 0 / 16%);
}
} @media (min-width: 1030px) {
.left-fixed-in .iine-btn {
border: 1px solid #eee;
}
}    .entry-header .entry-writer {
order: 3;
}
.writer-img {
justify-content: left;
padding: 30px 0 10px;
}
.writer-img-in {
display: grid;
align-items: center;
grid-template-rows: auto auto;
grid-template-columns: auto auto;
grid-template-areas: "wimg wname"
"wimg wkata";
gap: 0 10px;
}
.writer-img-in img {
width: 70px;
height: 70px;
grid-area: wimg;
box-shadow: 0 2px 6px rgb(0 0 0 / 24%);
}
.writer-in .share-btn i {
line-height: 36px;
font-size: 2em;
}
.writer-text-in p {
margin-bottom: 1.5em;
} .writer-in .pf-btn {
justify-content: right;
}
.writer-text {
display: flex;
}
.writer-text-in {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.writer-in .writer-name {
align-self: end;
grid-area: wname;
font-size: 12px;
text-align: left;
}
.writer-in .writer-katagaki {
align-self: start;
grid-area: wkata;
opacity: 0.54;
font-size: 11px;
}
.writer-in .share-btn {
width: 36px;
}
.writer-in a.share-btn.share-btn {
color: #777;
}
.side-writer-mark3 .writer-in a.share-btn.share-btn {
border-radius: 50%;
color: #fff;
}
.writer-in .share-btn i {
font-size: 24px;
}
.side-writer-mark3 .writer-in .share-btn i {
font-size: 16px;
}
.writer-in .share-btn:hover {
opacity: 0.78;
transition: opacity 0.3s;
} .entry-writer-share-hidden .writer-img-in {
grid-template-areas: "wimg"
"wname"
"wkata";
gap: 0;
}
.entry-writer-share-hidden .writer-in .writer-name,
.entry-writer-share-hidden .writer-in .writer-katagaki {
text-align: center;
}
@media (min-width: 1030px) {
.writer-img-in {
grid-template-rows: auto auto;
grid-template-columns: auto auto;
grid-template-areas: "wimg"
"wname"
"wkata";
gap: 0;
}
.writer-img-in img {
width: 100px;
height: 100px;
}
.writer-img {
justify-content: center;
padding: 40px 0 10px;
}
.writer-in {
flex-direction: row;
margin: 0 36px;
}
.writer-img {
width: 160px;
min-width: 160px;
}
.writer-in .writer-name {
padding-top: 8px;
text-align: center;
}
.writer-text {
margin-left: 16px;
padding: 40px 12px 20px;
}
.writer-in .pf-btn:before {
width: 60px;
align-self: center;
color: #777;
font-size: 14px;
content: "Follow";
}
.entry-writer-share-hidden .writer-img-in img {
width: 80px;
height: 80px;
}
}  .writer-mark1 div.writer-img {
background: transparent;
}
.writer-mark1 div.writer-in:before {
top: -16px;
width: 140px;
padding: 4px 0;
color: #777;
background: transparent;
text-align: left;
}
.writer-mark1 .writer-img:before {
position: absolute;
top: 0;
right: 0;
width: calc(100% - 140px);
height: 1px;
background: #777;
content: "";
}
.writer-mark1 .writer-img:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #777;
content: "";
} .writer-mark2 div.writer-in {
border: 1px solid #eee;
}
.writer-mark2 div.writer-in:before {
display: none;
background: transparent;
}
.writer-mark2 div.writer-in:before {
background: transparent;
}
.writer-mark2 .writer-img {
display: flex;
flex-direction: column;
gap: 12px;
}
.writer-mark2 .writer-img:before {
font-size: 14px;
content: "この記事を書いた人";
}
.writer-mark2 div.writer-in:after {
position: absolute;
top: 0;
left: 0;
width: calc(100% - 4px);
height: 24px;
background: repeating-linear-gradient(90deg, #eee 0, #eee 1px, transparent 0, transparent 4px);
content: "";
}
.writer-mark2 .writer-img {
padding: 40px 0 20px;
}
.entry-writer-share-hidden.writer-mark2 .writer-img:before {
font-size: 12px;
}
.entry-writer-share-hidden.writer-mark2 .writer-img {
padding: 40px 10px 20px;
}
.entry-writer-share-hidden .writer-text {
padding: 26px 12px 12px;
}
@media (min-width: 1030px) {
.writer-mark2 .writer-img {
min-height: 220px;
padding: 0;
}
.writer-mark2 div.writer-in {
padding-left: 24px;
}
.writer-mark2 div.writer-in:after {
top: 2px;
width: 24px;
height: calc(100% - 4px);
background: repeating-linear-gradient(180deg, #eee 0, #eee 1px, transparent 0, transparent 4px);
}
.writer-mark2 .writer-img {
gap: 4px;
}
.entry-writer-share-hidden.writer-mark2 .writer-img {
padding: 20px 10px 20px;
}
.entry-writer-share-hidden.writer-mark2 .writer-img {
min-height: 180px;
}} .writer-mark3 .writer-in {
padding: 40px 0 0 40px;
}
.writer-mark3 .writer-img {
padding: 10px 0 10px;
}
.writer-mark3 div.writer-in:before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
padding: 4px 40px;
border-bottom: 1px solid #777;
background: transparent;
font-size: 14px;
content: "この記事を書いた人";
}
.writer-mark3 div.writer-in:after {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 100%;
background: repeating-linear-gradient(90deg, #eee 0, #eee 1px, transparent 0, transparent 2px);
content: "";
}
@media (min-width: 1030px) {
.writer-mark3 .writer-in {
padding: 40px 0 0;
}
.writer-mark3 .writer-img {
padding: 30px 0 10px;
}
.writer-mark3 div.writer-in {
padding-left: 24px;
}
.entry-writer-share-hidden.writer-mark3 .writer-text {
padding: 12px;
}
.entry-writer-share-hidden.writer-mark3 .writer-img {
padding: 12px 0 10px;
}
} .writer-mark4 div.writer-in {
border-top: none;
border-right: 1px solid #eee;
border-bottom: none;
border-left: 1px solid #eee;
background: transparent;
}
.writer-mark4 div.writer-in:before {
top: 0;
left: 0;
width: 100%;
line-height: 24px;
background: transparent;
text-align: center;
content: "WRITER";
transform: rotate(0);
}
.entry-writer.writer-mark4 {
position: relative;
}
.writer-mark4 div.writer-in:after {
position: absolute;
height: 24px;
border-top: none;
border-right: 1px solid #777;
border-bottom: none;
border-left: 1px solid #777;
content: "";
top: 0;
left: -1px;
width: calc(100% + 2px);
}
.writer-mark4 .writer-img {
justify-content: center;
padding: 40px 20px 10px;
}
@media (min-width: 1030px) {
.writer-mark4 div.writer-in {
border-top: 1px solid #eee;
border-right: none;
border-bottom: 1px solid #eee;
border-left: none;
}
.writer-mark4 div.writer-in:before {
top: calc(50% - 12px);
left: -28px;
width: 80px;
transform: rotate(270.3deg);
}
.writer-mark4 div.writer-in:after {
top: -1px;
width: 24px;
height: calc(100% + 2px);
border-top: 1px solid #777;
border-right: none;
border-bottom: 1px solid #777;
border-left: none;
}
.writer-mark4 div.writer-in {
padding-left: 24px;
}
.writer-mark4 .writer-img {
padding: 30px 0 10px;
}
} .widget_categories ul {
font-size: 13px;
display: flex;
flex-direction: column;
line-height: 36px;
}
.widget_categories a {
transition: .3s;
}
.widget ul li .kiji-num {
width: 20px;
line-height: 20px;
border-radius: 10px;
}
.widget_categories a:hover {
padding-left: 4px;
}  footer#entry-footer {
background: #fff;
}  .prevnext-img {
width: auto;
height: 100px;
aspect-ratio: 16/9;
}
.prevnext-title {
bottom: 0;
padding: 0 8px;
font-size: 12px;
}
.entry-prevnext-2 {
margin: 1.5em 0;
}
.entry-prevnext-2 .prev-kiji-in,
.entry-prevnext-2 .next-kiji-in {
flex-direction: column;
}
.prevnext-text {
font-size: 12px;
font-weight: 600;
}
.entry-prevnext-2 .prevnext-title {
position: inherit;
font-size: 10px;
}
.entry-prevnext-2 .next-kiji-in .prevnext-title {
right: 0;
text-align: right;
}
.entry-prevnext-2 .prevnext-text {
max-width: 100%;
} .paging-card-swipe {
background: rgb(0 0 0 / 54%);
}
.mobile-left-linkcard,
.mobile-right-linkcard,
.linkcard-swipe-img img,
.mobile-left-linkcard span,
.mobile-right-linkcard span {
border-radius: 0;
}
.paging-swipe {
width: 32px;
height: 120px;
}
.paging-swipe.mobile-left-btn,
.paging-swipe.mobile-right-btn {
border-radius: 0;
} .kanren-kiji {
display: flex;
flex-wrap: wrap;
gap: 12px 4%;
}
.kanren-kiji .kiji-img {
border-radius: 0;
background-size: cover;
transition: 0.3s;
background-position-x: 50%;
background-position-y: 50%;
}
.main-in .kanren-kiji .linkarea {
align-items: center;
padding: 0;
transition: box-shadow 0.3s;
}
.main-in .kanren-kiji .kiji-text {
flex: 1;
padding: 8px;
font-weight: bold;
font-size: 12px;
}
.main-in .kanren-kiji .main-kiji {
overflow: inherit;
margin-top: 0;
}
.main-in .kanren-kiji.kanren-kiji-sonic1 .main-kiji {
width: 48%;
background: transparent;
}
.main-in .kanren-kiji.kanren-kiji-sonic1 .kiji-text {
padding: 0;
}
.main-in .kanren-kiji.kanren-kiji-sonic1 .linkarea {
gap: 8px;
}
.kanren-kiji-sonic1 .linkarea:hover .kiji-img {
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
}
.kanren-kiji-2yokocard .linkarea:hover,
.kanren-kiji-3yokocard .linkarea:hover {
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
}
@media (min-width: 768px) {
.kanren-kiji {
gap: 12px 1.3%;
}
.main-in .kanren-kiji .kiji-text {
padding: 8px;
}
.main-in .kanren-kiji.kanren-kiji-sonic1 .main-kiji {
width: 24%;
}
} @media (max-width: 767px) {
.kanren-kiji.kanren-kiji-2yokocard .linkarea,
.kanren-kiji.kanren-kiji-3yokocard .linkarea {
flex-direction: row;
padding: 8px;
}
.kanren-kiji.kanren-kiji-2yokocard .kiji-img,
.kanren-kiji.kanren-kiji-3yokocard .kiji-img {
width: 100px;
aspect-ratio: 1/1;
}
} @media (min-width: 768px) {
.kanren-kiji.kanren-kiji-2yokocard {
gap: 12px 2%;
}
.kanren-kiji.kanren-kiji-2yokocard .main-kiji {
width: 49%;
}
.kanren-kiji.kanren-kiji-2yokocard .kiji-img {
flex-basis: 160px;
}
.kanren-kiji-2yokocard .linkarea {
flex-direction: row;
}
} @media (min-width: 768px) {
.kanren-kiji.kanren-kiji-3yokocard {
gap: 12px 2%;
}
.kanren-kiji.kanren-kiji-3yokocard .main-kiji {
width: 32%;
}
.kanren-kiji.kanren-kiji-3yokocard .kiji-img {
flex-basis: 120px;
}
}   p[class*="is-style-para-icon"] {
border-radius: 4px;
}  .is-style-para-mark1 {
border: 1px solid;
}  .is-style-para-mark3 {
border: 4px double;
} .is-style-para-mark4 {
border: 8px solid;
} .is-style-para-mark5 {
border: 2px dashed;
} .is-style-para-mark6 {
background-image: repeating-linear-gradient(-45deg, #f2f2f2, #f2f2f2 1px, #fff 1px, #fff 4px);
} .is-style-para-icon-mark1 {
background: #f9f9f9;
}
.is-style-para-icon-mark1:before {
content: "\f304";
background: #333;
} .is-style-para-icon-mark2 {
background: #f2f9ff;
}
.is-style-para-icon-mark2:before {
content: "\f00c";
background: #60a8d6;
} .is-style-para-icon-mark3 {
background: #fffae8;
}
.is-style-para-icon-mark3:before {
content: "\f0eb";
background: #ffdc76;
} .is-style-para-icon-mark4 {
background: #fff2f4;
}
.is-style-para-icon-mark4:before {
content: "\f12a";
background: #e76073;
} .is-style-para-icon-mark5 {
background: #effafc;
}
.is-style-para-icon-mark5:before {
content: "\f0a4";
background: #73cbd4;
} .is-style-para-icon-mark6 {
background: #ffedf4;
}
.is-style-para-icon-mark6:before {
content: "\f004";
background: #e7609e;
} .is-style-para-mark7 {
position: relative;
background: #f9f9f9;
}
.is-style-para-mark7:after {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
background: linear-gradient(45deg, #eee 50%, #fff 50%);
content: "";
} .is-style-para-mark8 {
background-image: -webkit-linear-gradient(transparent 95%,rgba(51,51,51,.035) 50%,rgba(51,51,51,.035)),-webkit-linear-gradient(
0deg
,transparent 95%,rgba(51,51,51,.035) 50%,rgba(51,51,51,.035));
background-size: 22px 22px;
background-color: #fffcf5;
border-top: 10px solid #fde199;
}
.is-style-para-mark17 {
background-image: -webkit-linear-gradient(transparent 95%,rgba(51,51,51,.035) 50%,rgba(51,51,51,.035)),-webkit-linear-gradient(
0deg
,transparent 95%,rgba(51,51,51,.035) 50%,rgba(51,51,51,.035));
background-size: 22px 22px;
background-color: #f9f9f9;
} .is-style-para-mark9 {
position: relative;
}
.is-style-para-mark9:before,
.is-style-para-mark9:after {
position: absolute;
width: 20px;
height: 20px;
content: "";
}
.is-style-para-mark9:before {
top: 0;
left: 0;
border-top: 2px solid;
border-left: 2px solid;
}
.is-style-para-mark9:after {
right: 0;
bottom: 0;
border-right: 2px solid;
border-bottom: 2px solid;
}
@media (min-width: 1030px){
.is-style-para-mark9:before, .is-style-para-mark9:after {
width: 26px;
height: 26px;
}} .is-style-para-mark10 {
position: relative;
}
.is-style-para-mark10:before,
.is-style-para-mark10:after {
position: absolute;
top: 0;
width: 16px;
height: 100%;
border-top: 2px solid;
border-bottom: 2px solid;
content: "";
}
.is-style-para-mark10:before {
left: 0;
border-left: 2px solid;
}
.is-style-para-mark10:after {
right: 0;
border-right: 2px solid;
} .is-style-para-mark11 {
position: relative;
max-width: 480px;
margin: 0 auto 2em;
border: 10px solid transparent;
border-radius: 4px;
background: linear-gradient(#fff, #fff), repeating-linear-gradient(
-45deg
,#7DAAE4, #7DAAE4 3.25%,#fff 3.25%,#fff 4.25%,#F07873 4.25%, #F07873 7.5%,#fff 7.5%,#fff 8.5%);
background-clip: padding-box, border-box;
background-origin: border-box;
} .is-style-para-mark12 {
position: relative;
max-width: 480px;
padding: 2em 1.5em;
margin: 0 auto 2em;
border: 10px solid transparent;
border-radius: 4px;
background: linear-gradient(white, white), linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 100% / 10px 10px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 100% / 10px 10px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 0 / 10px 10px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 0 / 10px 10px, linear-gradient(#e6e6e6, #e6e6e6);    background-clip: padding-box, border-box, border-box, border-box, border-box, border-box;
background-origin: border-box;
} .is-style-para-mark13 {
position: relative;
max-width: 480px;
margin: 0 auto 2em;
border-top: 24px solid #fcd04f;
background: #fde69f;
}
.is-style-para-mark13:after {
position: absolute;
right: 0;
bottom: 0;
width: 32px;
height: 32px;
background: linear-gradient(135deg, #fddb77 50%, #fff 50%);
content: "";
}  .is-style-para-mark14,
.is-style-para-mark15 {
border-radius: 4px;
position: relative;
max-width: 480px;
margin: 3em auto 2em;
}
.is-style-para-mark14 {
border: 16px solid #E7B53E;
}
.is-style-para-mark15 {
border: 16px solid #3B629B;
}
.is-style-para-mark14:after,
.is-style-para-mark15:after {
position: absolute;
top: -44px;
left: calc(50% - 60px);
}
.is-style-para-mark14:after {
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImNsaXAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxMjBweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgMTIwIDQ4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjAgNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQUJBQkFCO30KCS5zdDF7ZmlsbDojQzJDMkMyO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyLjQsNDggMCw0NC40IDEyMCw0NC40IDExNy42LDQ4ICIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTA4LDE2LjhINzYuOGwwLDBDNzYuOCw3LjUsNjkuMywwLDYwLDBjLTkuMywwLTE2LjgsNy41LTE2LjgsMTYuOGwwLDBIMTJjLTYuNiwwLTEyLDUuNC0xMiwxMnYxNS42aDEyMFYyOC44CglDMTIwLDIyLjIsMTE0LjYsMTYuOCwxMDgsMTYuOHoiLz4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNjAiIGN5PSIxNyIgcj0iOC4zIi8+Cjwvc3ZnPgo=);
}
.is-style-para-mark15:after {
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImNsaXAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxMjBweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgMTIwIDQ4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjAgNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRThCMTAwO30KCS5zdDF7ZmlsbDojRkZDQTAwO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyLjQsNDggMCw0NC40IDEyMCw0NC40IDExNy42LDQ4ICIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTA4LDE2LjhINzYuOGwwLDBDNzYuOCw3LjUsNjkuMywwLDYwLDBjLTkuMywwLTE2LjgsNy41LTE2LjgsMTYuOGwwLDBIMTJjLTYuNiwwLTEyLDUuNC0xMiwxMnYxNS42aDEyMFYyOC44CglDMTIwLDIyLjIsMTE0LjYsMTYuOCwxMDgsMTYuOHoiLz4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNjAiIGN5PSIxNyIgcj0iOC4zIi8+Cjwvc3ZnPgo=);
} .is-style-para-mark16 {
position: relative;
max-width: 480px;
margin: 0 auto 2em;
border: 16px solid #edd3a6;
background: #497e57;
}
p.is-style-para-mark16 {
color: #fff;
}
.is-style-para-mark16:after {
position: absolute;
right: 0;
bottom: -10px;
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Imtva3ViYW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxMTBweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTEwIDE5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMTAgMTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMjk0OTg4O30KCS5zdDF7ZmlsbDojRDY5RjU0O30KCS5zdDJ7ZmlsbDojMzMzMzMzO30KCS5zdDN7ZmlsbDojRkZGRkZGO30KCS5zdDR7ZmlsbDojRkNEMDRGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwMC4yLDE5SDYyYy0yLjIsMC0zLjktMS44LTMuOS0zLjlWN2g0NnY4LjFDMTA0LjEsMTcuMiwxMDIuMywxOSwxMDAuMiwxOXoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTEwNC4xLDdoLTQ2Yy0wLjYsMC0xLTAuNC0xLTFWM2MwLTAuNiwwLjQtMSwxLTFsNDYsMGMwLjYsMCwxLDAuNCwxLDF2M0MxMDUuMSw2LjYsMTA0LjYsNywxMDQuMSw3eiIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNODUuMSw3aC04VjFjMC0wLjYsMC40LTEsMS0xaDZjMC42LDAsMSwwLjQsMSwxVjd6Ii8+CjxyZWN0IHg9IjEzLjkiIHk9IjE1IiBjbGFzcz0ic3QzIiB3aWR0aD0iMjgiIGhlaWdodD0iNCIvPgo8cmVjdCB4PSItMC4xIiB5PSIxMC42IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjk0NTcgLTAuMzI1MSAwLjMyNTEgMC45NDU3IC0zLjMyOCA1LjE5ODMpIiBjbGFzcz0ic3Q0IiB3aWR0aD0iMjgiIGhlaWdodD0iNCIvPgo8L3N2Zz4K);
} p.is-style-para-mark18 {
margin-bottom: 10px;
background: #3da6c6;
padding: 4px 1em;
width: fit-content;
border-radius: 20px;
color: #fff;
position: relative;
}
p.is-style-para-mark18:before {
content: "";
background: inherit;
width: 14px;
height: 14px;
position: absolute;
bottom: -6px;
left: 26px;
transform: rotate(45deg);
}   .is-style-img-frame {
padding: 1em;
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.08);
width: max-content;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
max-width: 100%;
} .is-style-img-shadow-s img {
box-shadow: 0 2px 4px 0px rgba(0,0,0,0.35);
}   .heading-h2-mark1 h2 {
margin: 3em -16px 1em;
padding: 14px 16px;
color: #fff;
}
.heading-h3-mark1 h3 {
padding: 12px 14px;
color: #fff;
}
.heading-h4-mark1 h4 {
padding: 8px;
color: #fff;
}
@media (min-width: 768px) {
.heading-h2-mark1 h2 {
margin: 3em -36px 1em;
padding: 14px 36px;
}} .editor-styles-wrapper .is-style-heading-mark1{
color:#fff;
} .heading-h2-mark2 h2 {
border-top: 1px solid;
border-bottom: 1px solid;
margin: 3em -16px 1em;
padding: 14px 16px;
}
.heading-h3-mark2 h3 {
border-bottom: 1px solid;
padding: 12px 0;
}
.heading-h4-mark2 h4 {
border-bottom: 1px solid;
padding: 8px 0;
}
@media (min-width: 768px) {
.heading-h2-mark2 h2 {
margin: 3em -36px 1em;
padding: 14px 36px;
}} .heading-h2-mark3 h2 {
border-left: 6px solid;
padding: 12px 16px;
background: #f2f2f2;
}
.heading-h3-mark3 h3 {
border-left: 6px solid;
padding: 12px 16px;
}
.heading-h4-mark3 h4 {
border-left: 6px solid;
padding: 8px 12px;
} .heading-h2-mark4 h2 {
padding: 26px 0 10px;
border-top: 1px solid;
}
.heading-h2-mark4 h2:before {
content: "";
width: 77%;
height: 1px;
position: absolute;
right: 0;
top: -1px;
background: #ddd;
}
.heading-h3-mark4 h3 {
padding: 20px 0 10px;
}
.heading-h3-mark4 h3:before {
content: "";
width: 100%;
height: 1px;
position: absolute;
right: 0;
top: -1px;
background: #ddd;
}
.heading-h4-mark4 h4 {
padding: 10px;
border-left: 3px double;
} .heading-h2-mark5 h2 {
padding: 20px;
border-radius: 4px;
}
.heading-h3-mark5 h3 {
padding: 16px;
border-radius: 4px;
}
.heading-h4-mark5 h4 {
padding: 12px;
border-radius: 4px;
} .heading-h2-mark6 h2,
.heading-h3-mark6 h3,
.heading-h4-mark6 h4 {
border: none;
}
.heading-h2-mark6 h2{
padding: 12px 0;
}
.heading-h2-mark6 h2:before {
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 6px;
border-radius: 3px;
content: "";
}
.heading-h3-mark6 h3 {
padding: 12px 16px;
}
.heading-h3-mark6 h3:before {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
border-radius: 3px;
content: "";
}
.heading-h4-mark6 h4 {
padding: 8px 16px;
}
.heading-h4-mark6 h4:before {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
border-radius: 3px;
content: "";
} .widget ul[class*="is-style-list"],
.widget ol[class*="is-style-list"],
ul[class*="is-style-list"],
ol[class*="is-style-list"] {
padding: .5em .5em .5em 3em;
margin: 0 0 2em;
list-style: none;
}
.widget ol[class*="is-style-list"],
ol[class*="is-style-list"] {
counter-reset: num;
}
.sonic-box ul[class*="is-style-list"],
.sonic-box ol[class*="is-style-list"] {
padding: .5em .5em .5em 1.5em;
}
ul[class*="is-style-list"] li,
ol[class*="is-style-list"] li {
position: relative;
padding: .3em 0;
}
ul[class*="is-style-list-simple"] li:before,
ul[class*="is-style-list-check"] li:before {
display: inline-block;
position: absolute;
content: "";
}
ul[class*="is-style-list-simple"] li:before {
top: 13px;
left: -24px;
width: 13px;
height: 13px;
border-radius: 50%;
}
ul[class*="is-style-list-check"] li:before {
top: 7px;
left: -36px;
width: 28px;
height: 28px;
}
ul[class*="is-style-list"] ul {
list-style: none;
padding-left: 24px;
}
ol[class*="is-style-list"] ol {
padding-left: 24px;
}
ul[class*="is-style-list-simple"] ul li:before {
opacity: .54;
}
ul.is-style-list-check1 li:before {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0VFRUVFRTt9Cgkuc3Qxe2ZpbGw6I0Y0NEY0Rjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNSwxNGMtMC42LDAtMSwwLjQtMSwxdjhjMCwwLjYtMC40LDEtMSwxSDdjLTAuNiwwLTEtMC40LTEtMVY3YzAtMC42LDAuNC0xLDEtMWgxNC45SDIzYzAuNiwwLDEtMC40LDEtMQoJcy0wLjQtMS0xLTFINS43QzQuOCw0LDQsNC44LDQsNS43djE4LjZDNCwyNS4yLDQuOCwyNiw1LjcsMjZoMTguNmMwLjksMCwxLjctMC44LDEuNy0xLjdWMTVDMjYsMTQuNCwyNS42LDE0LDI1LDE0eiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjguMSwyLjFjLTEuMi0wLjYtMi43LTAuMy0zLjQsMC44bC05LjQsMTVsLTUuMi01LjdjLTAuOS0xLTIuMi0xLjUtMy40LTAuOGMtMS4yLDAuNi0xLjcsMi4yLTAuOSwzLjFsNy4zLDcuOQoJYzAuNSwwLjYsMS4yLDEsMS44LDEuMWwwLDBsMC4xLDBjMC4xLDAsMi4zLDAuNCwzLjMtMS4xTDI5LDUuMkMyOS43LDQuMSwyOS4zLDIuNywyOC4xLDIuMXoiLz4KPC9zdmc+Cg==) 28px 28px;
}
ul.is-style-list-check2 li:before {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0VBNDMzNTt9Cgkuc3Qxe2ZpbGw6I0VFRUVFRTt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOC42LDQuOEwyOC42LDQuOGMtMC42LTAuNi0xLjYtMC42LTIuMiwwTDEzLjUsMTcuN2wtNC45LTQuOWMtMC42LTAuNi0xLjYtMC42LTIuMiwwdjAKCWMtMC42LDAuNi0wLjYsMS42LDAsMi4ybDUuOSw1Ljl2MGMwLjEsMC4xLDAuMywwLjMsMC41LDAuM2MwLjEsMCwwLjIsMC4xLDAuMywwLjFjMC4xLDAsMC4yLDAsMC4zLDBjMC40LDAsMC44LTAuMSwxLjEtMC40bDE0LTE0CglDMjkuMSw2LjMsMjkuMSw1LjQsMjguNiw0Ljh6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNS44LDEyLjhjMC45LDQuNy0xLjMsOS43LTYsMTJjLTQuNSwyLjItMTAuMSwxLTEzLjMtMi45QzIuMywxNi44LDMuNiw5LjIsOSw1LjdjMy45LTIuNSw4LjctMi4zLDEyLjMsMC4yCgljMC4zLDAuMiwwLjgsMC4zLDEuMSwwbDAsMGMwLjYtMC40LDAuNi0xLjIsMC0xLjdDMTguMiwxLjMsMTIuNSwxLDcuOSw0bDAsMGMtNC43LDMtNy4xLDguOC01LjUsMTQuMWMyLjUsOSwxMi42LDEyLjMsMTkuNyw3LjdsMCwwCgljNC42LTMsNi43LTguMyw1LjctMTMuNGMtMC4xLTAuNy0wLjktMS0xLjUtMC42bDAsMEMyNS45LDEyLDI1LjcsMTIuNCwyNS44LDEyLjh6Ii8+Cjwvc3ZnPgo=) 28px 28px;
}
ol[class*="is-style-list"] > li:before {
display: inline-block;
position: absolute;
top: 8px;
left: -33px;
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
text-align: center;
content: counter(num);
counter-increment: num;
}
ol[class*="is-style-list"][start] > li:before,
ol[class*="is-style-list"][reversed] > li:before{
content: attr(data-olcount);
}
ol.is-style-list-simple-main li:before,
ol.is-style-list-simple-ac li:before {
color: #fff;
font-size: .85em;
} .entry-content .list-under-border li:not(:last-child) {
border-bottom: 1px solid;
border-color: #eee;
} .is-style-list-maru li:before,
.is-style-list-sankaku li:before,
.is-style-list-batsu li:before {
font-family: "font awesome 5 free";
font-weight: 600;
position: absolute;
left: -24px;
}
.is-style-list-maru li:before {
font-weight: 500;
content: "\f111";
color: #6389d2;
}
.is-style-list-sankaku li:before {
content: "△";
color: #f8b45e;
}
.is-style-list-batsu li:before {
content: "\f00d";
color: #e67965;
} .wp-block-quote,
.wp-block-quote.is-style-large {
position: relative;
margin: 5px 10px 20px;
padding: 1.5em 1.5em 1.5em 3em;
color: #797979;
background: #f2f2f2;
font-size: 0.8em;
}
.wp-block-quote:before {
position: absolute;
top: 0;
left: 0;
width: 44px;
line-height: 44px;
font-family: "font awesome 5 free";
font-weight: 600;
font-size: 1.3em;
text-align: center;
content: "\f10d";
}
.wp-block-quote p {
margin-bottom: 0.5em;
}
.wp-block-quote.is-style-large p {
font-style: normal;
}
cite {
display: block;
line-height: 1;
opacity: 0.7;
font-style: normal;
font-size: 0.8em;
text-align: right;
}
@media (min-width: 1030px) {
.wp-block-quote,
.wp-block-quote.is-style-large {
margin: 0 2em 3em;
}}    figure.wp-block-table.is-style-stripes {
border-bottom: none;
}
.wp-block-table.is-style-stripes table tbody tr:nth-child(odd) {
background-color: transparent;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
background-color: #f9f9f9;
} .is-style-table-simple table, .is-style-table-simple th, .is-style-table-simple td {
border: 1px solid;
}
.is-style-table-simple th, .is-style-table-simple td, .is-style-table-simple table {
border-left: none;
border-right: none;
} .is-style-table-pop th {
background: #72d3ee;
color: #fff;
}
.is-style-table-pop table, .is-style-table-pop th, .is-style-table-pop td {
border: 1px solid;
}
.is-style-table-pop th:not(:last-child) {
border-right: 1px solid #fff;
}   .is-style-group-mark1 {
border: 1px solid;
}  .is-style-group-mark3 {
border: 4px double;
} .is-style-group-mark4 {
border: 8px solid;
background: #fff;
} .is-style-group-mark5 {
border: 2px dashed;
} .is-style-group-mark6 {
background-image: repeating-linear-gradient(-45deg, #f9f9f9, #f9f9f9 2px, #fff 2px, #fff 4px);
} .is-style-group-mark7 {
border: 6px solid;
outline: 1px solid;
outline-offset: -10px;
} .is-style-group-mark8 {
position: relative;
background: #f9f9f9;
}
.is-style-group-mark8:after {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
background: linear-gradient(45deg, #eee 50%, #fff 50%);
content: "";
} .is-style-group-mark9 {
position: relative;
}
.is-style-group-mark9:before,
.is-style-group-mark9:after {
position: absolute;
width: 36px;
height: 36px;
content: "";
}
.is-style-group-mark9:before {
top: 0;
left: 0;
border-top: 2px solid;
border-left: 2px solid;
}
.is-style-group-mark9:after {
right: 0;
bottom: 0;
border-right: 2px solid;
border-bottom: 2px solid;
}
@media (min-width: 1030px){
.is-style-group-mark9:before, .is-style-group-mark9:after {
width: 64px;
height: 64px;
}} .is-style-group-mark10 {
position: relative;
}
.is-style-group-mark10:before,
.is-style-group-mark10:after {
position: absolute;
top: 0;
width: 16px;
height: 100%;
border-top: 2px solid;
border-bottom: 2px solid;
content: "";
}
.is-style-group-mark10:before {
left: 0;
border-left: 2px solid;
}
.is-style-group-mark10:after {
right: 0;
border-right: 2px solid;
} .is-style-group-mark11 {
margin-left: -16px;
width: calc(100% + 32px);
box-sizing: border-box;
}
div.is-style-group-mark11 {
padding: 1em 16px;
}
@media (min-width: 1030px){
.is-style-group-mark11 {
margin-left: -36px;
width: calc(100% + 72px);
}
div.is-style-group-mark11 {
padding: 1em 36px;
}} .is-style-group-mark12 {
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.08);
} .is-style-group-mark13 {
position: relative;
max-width: 480px;
margin: 0 auto 2em;
border-top: 24px solid #fcd04f;
background: #fde69f;
}
.is-style-group-mark13:after {
position: absolute;
right: 0;
bottom: 0;
width: 32px;
height: 32px;
background: linear-gradient(135deg, #fddb77 50%, #fff 50%);
content: "";
}  .is-style-group-mark14,
.is-style-group-mark15 {
border-radius: 4px;
position: relative;
max-width: 480px;
margin: 3em auto 2em;
}
.is-style-group-mark14 {
border: 16px solid #E7B53E;
}
.is-style-group-mark15 {
border: 16px solid #3B629B;
}
.is-style-group-mark14:after,
.is-style-group-mark15:after {
position: absolute;
top: -44px;
left: calc(50% - 60px);
}
.is-style-group-mark14:after {
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImNsaXAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxMjBweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgMTIwIDQ4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjAgNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQUJBQkFCO30KCS5zdDF7ZmlsbDojQzJDMkMyO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyLjQsNDggMCw0NC40IDEyMCw0NC40IDExNy42LDQ4ICIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTA4LDE2LjhINzYuOGwwLDBDNzYuOCw3LjUsNjkuMywwLDYwLDBjLTkuMywwLTE2LjgsNy41LTE2LjgsMTYuOGwwLDBIMTJjLTYuNiwwLTEyLDUuNC0xMiwxMnYxNS42aDEyMFYyOC44CglDMTIwLDIyLjIsMTE0LjYsMTYuOCwxMDgsMTYuOHoiLz4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNjAiIGN5PSIxNyIgcj0iOC4zIi8+Cjwvc3ZnPgo=);
}
.is-style-group-mark15:after {
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImNsaXAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxMjBweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgMTIwIDQ4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjAgNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRThCMTAwO30KCS5zdDF7ZmlsbDojRkZDQTAwO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyLjQsNDggMCw0NC40IDEyMCw0NC40IDExNy42LDQ4ICIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTA4LDE2LjhINzYuOGwwLDBDNzYuOCw3LjUsNjkuMywwLDYwLDBjLTkuMywwLTE2LjgsNy41LTE2LjgsMTYuOGwwLDBIMTJjLTYuNiwwLTEyLDUuNC0xMiwxMnYxNS42aDEyMFYyOC44CglDMTIwLDIyLjIsMTE0LjYsMTYuOCwxMDgsMTYuOHoiLz4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNjAiIGN5PSIxNyIgcj0iOC4zIi8+Cjwvc3ZnPgo=);
} .is-style-group-mark16 {
position: relative;
max-width: 480px;
margin: 0 auto 2em;
border: 16px solid #edd3a6;
background: #497e57;
}
.is-style-group-mark16 p,
.is-style-group-mark16 ol,
.is-style-group-mark16 ul {
color: #fff;
}
.is-style-group-mark16 .is-style-link-mark2:before {
background: #497e57;
}
.is-style-group-mark16:after {
position: absolute;
right: 0;
bottom: -10px;
content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Imtva3ViYW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxMTBweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTEwIDE5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMTAgMTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMjk0OTg4O30KCS5zdDF7ZmlsbDojRDY5RjU0O30KCS5zdDJ7ZmlsbDojMzMzMzMzO30KCS5zdDN7ZmlsbDojRkZGRkZGO30KCS5zdDR7ZmlsbDojRkNEMDRGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwMC4yLDE5SDYyYy0yLjIsMC0zLjktMS44LTMuOS0zLjlWN2g0NnY4LjFDMTA0LjEsMTcuMiwxMDIuMywxOSwxMDAuMiwxOXoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTEwNC4xLDdoLTQ2Yy0wLjYsMC0xLTAuNC0xLTFWM2MwLTAuNiwwLjQtMSwxLTFsNDYsMGMwLjYsMCwxLDAuNCwxLDF2M0MxMDUuMSw2LjYsMTA0LjYsNywxMDQuMSw3eiIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNODUuMSw3aC04VjFjMC0wLjYsMC40LTEsMS0xaDZjMC42LDAsMSwwLjQsMSwxVjd6Ii8+CjxyZWN0IHg9IjEzLjkiIHk9IjE1IiBjbGFzcz0ic3QzIiB3aWR0aD0iMjgiIGhlaWdodD0iNCIvPgo8cmVjdCB4PSItMC4xIiB5PSIxMC42IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjk0NTcgLTAuMzI1MSAwLjMyNTEgMC45NDU3IC0zLjMyOCA1LjE5ODMpIiBjbGFzcz0ic3Q0IiB3aWR0aD0iMjgiIGhlaWdodD0iNCIvPgo8L3N2Zz4K);
}        .is-style-titlebox-mark2 {
display: flex;
border-radius: 8px;
}
.is-style-titlebox-mark2 .ob-title {
display: flex;
min-width: 152px;
align-items: center;
text-align: center;
}
.is-style-titlebox-mark2 .ob-title-before {
display: inline-block;
width: 52px;
border-radius: 50%;
}
.is-style-titlebox-mark2 .ob-title-before:before {
display: inline-block;
line-height: 52px;
color: #fff;
font-family: "font awesome 5 free";
font-size: 1.5em;
content: "\f304";
}
.is-style-titlebox-mark2 .ob-contents {
flex: 1;
border-radius: 4px;
background: #fff;
}
@media (min-width: 768px) {
.is-style-titlebox-mark2 {
flex-direction: row;
padding: 1.35em 1.35em 1.35em 0;
}
.is-style-titlebox-mark2 .ob-title {
flex-direction: column;
align-self: center;
margin-bottom: 0;
}
.is-style-titlebox-mark2 .ob-contents {
align-self: center;
padding: 0.75em 1.5em;
}}
@media (max-width: 767px) {
.is-style-titlebox-mark2 {
flex-direction: column;
padding: 1.35em;
}
.is-style-titlebox-mark2 .ob-title {
flex-direction: row;
align-self: flex-start;
margin-bottom: 12px;
}
.is-style-titlebox-mark2 .ob-title-before {
margin-right: 8px;
}
.is-style-titlebox-mark2 .ob-contents {
padding: 1em;
}} .is-style-titlebox-mark3 {
position: relative;
margin-top: 4em;
padding: 0;
border: 8px solid;
}
.is-style-titlebox-mark3 .ob-title {
position: absolute;
bottom: calc(100% - 26px);
left: 4px;
line-height: 44px;
padding: 0 1em;
border-radius: 22px;
color: #fff;
}
.is-style-titlebox-mark3 .ob-title-after {
position: absolute;
bottom: -10px;
left: 30px;
border-width: 10px 9px 0 9px;
border-style: solid;
border-top-color: inherit;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
content: "";
}
.is-style-titlebox-mark3 .ob-contents {
padding: 2em 1.5em 1em;
} .is-style-titlebox-mark4 {
padding: 0;
border-radius: 4px;
}
.is-style-titlebox-mark4 .ob-title {
padding: .5em 1.5em;
color: #fff;
}
.is-style-titlebox-mark4 .ob-contents {
padding: .5em 1.5em 1em;
} .is-style-titlebox-mark5 {
padding: 0;
position: relative;
}
.is-style-titlebox-mark5 .ob-title {
background: #fff;
padding: 0 .5em;
position: absolute;
left: 1.5em;
top: -16px;
}
.is-style-titlebox-mark5 .ob-contents {
padding: 1.5em 1.5em 1em;
} .is-style-titlebox-mark6 {
position: relative;
margin-top: 4em;
padding: 0;
}
.is-style-titlebox-mark6 .ob-title {
position: absolute;
top: -27px;
left: -6px;
padding: 0.25em 1em;
border: 2px solid;
box-shadow: 4px 4px 0 0;
background: #fff;
}
.is-style-titlebox-mark6 .ob-title-after {
position: absolute;
bottom: -20px;
left: 1em;
border-width: 0 16px 16px 0;
border-style: solid;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
content: "";
}
.is-style-titlebox-mark6 .ob-contents {
padding: 2em 1.5em 1em;
} .is-style-titlebox-mark7 {
border-left: 8px solid;
border-right: 8px solid;
border-bottom: 8px solid;
}
.is-style-titlebox-mark7 {
padding: 0;
}
.is-style-titlebox-mark7 .ob-title {
padding: .5em 120px .5em 1em;
margin-bottom: 0;
font-weight: 500;
position: relative;
}
.is-style-titlebox-mark7 .ob-title-after {
position: absolute;
right: 0;
font-size: .85em;
border-radius: 4px;
width: 112px;
text-align: center;
line-height: 32px;
top: calc(50% - 16px);
}
.is-style-titlebox-mark7 .ob-title-after i {
margin-right: 6px;
}
.is-style-titlebox-mark7 p {
padding: .5em 1em;
}
.is-style-titlebox-mark7 .wp-block-code {
margin: 0;
border: none;
}
.is-style-titlebox-mark7 .ob-title {
color: #fff;
}
.is-style-titlebox-mark7 .ob-title-after {
background: #fff;
}
.is-style-titlebox-mark7 .ob-title-after {
cursor: pointer;
} .is-style-titlebox-mark8,
.is-style-titlebox-mark9,
.is-style-titlebox-mark10,
.is-style-titlebox-mark11 {
padding: 0;
border: 2px solid #eee;
}
.is-style-titlebox-mark8 .ob-title,
.is-style-titlebox-mark9 .ob-title,
.is-style-titlebox-mark10 .ob-title,
.is-style-titlebox-mark11 .ob-title {
padding: .5em 1.5em;
color: #fff;
text-align: center;
}
.is-style-titlebox-mark8 .ob-contents,
.is-style-titlebox-mark9 .ob-contents,
.is-style-titlebox-mark10 .ob-contents,
.is-style-titlebox-mark11 .ob-contents {
padding: .5em 1.5em 1em;
}
.is-style-titlebox-mark8 .ob-contents ul,
.is-style-titlebox-mark8 .ob-contents ol,
.is-style-titlebox-mark9 .ob-contents ul,
.is-style-titlebox-mark9 .ob-contents ol,
.is-style-titlebox-mark10 .ob-contents ul,
.is-style-titlebox-mark10 .ob-contents ol,
.is-style-titlebox-mark11 .ob-contents ul,
.is-style-titlebox-mark11 .ob-contents ol {
padding: 0 1em;
}
.is-style-titlebox-mark8 .ob-title {
background: #e67965;
}
.is-style-titlebox-mark9 .ob-title {
background: #6389d2;
}
.is-style-titlebox-mark10 .ob-title {
background: #f8b45e;
}
.is-style-titlebox-mark11 .ob-title {
background: #e66592;
}
.is-style-titlebox-mark8 .ob-title-before:before,
.is-style-titlebox-mark9 .ob-title-before:before,
.is-style-titlebox-mark10 .ob-title-before:before,
.is-style-titlebox-mark11 .ob-title-before:before {
font-family: "font awesome 5 free";
margin-right: 8px;
}
.is-style-titlebox-mark8 .ob-title-before:before {
content: "\f00d";
}
.is-style-titlebox-mark9 .ob-title-before:before {
font-weight: 500;
content: "\f111";
}
.is-style-titlebox-mark10 .ob-title-before:before {
content: "△";
}
.is-style-titlebox-mark11 .ob-title-before:before {
content: "\f004";
} .is-style-titlebox-mark12,
.is-style-titlebox-mark13,
.is-style-titlebox-mark14,
.is-style-titlebox-mark15 {
padding: 0;
border: 2px solid #f4f4f5;
}
.is-style-titlebox-mark12 .ob-title,
.is-style-titlebox-mark13 .ob-title,
.is-style-titlebox-mark14 .ob-title,
.is-style-titlebox-mark15 .ob-title {
padding: .5em 1em 0;
display: flex;
align-items: center;
line-height: 1.5;
margin-bottom: 0;
}
.is-style-titlebox-mark12 .ob-title-before:before,
.is-style-titlebox-mark13 .ob-title-before:before,
.is-style-titlebox-mark14 .ob-title-before:before,
.is-style-titlebox-mark15 .ob-title-before:before {
font-family: "font awesome 5 free";
margin-right: 8px;
font-size: 2em;
}
.is-style-titlebox-mark12 .ob-contents,
.is-style-titlebox-mark13 .ob-contents,
.is-style-titlebox-mark14 .ob-contents,
.is-style-titlebox-mark15 .ob-contents {
padding: .5em 1.5em 1em;
}
.is-style-titlebox-mark12 .ob-title {
color: #FD6459;
}
.is-style-titlebox-mark13 .ob-title {
color: #FDA359;
}
.is-style-titlebox-mark14 .ob-title {
color: #568FDB;
}
.is-style-titlebox-mark15 .ob-title {
color: #4CB1BF;
}
.is-style-titlebox-mark12 .ob-title-before:before {
content: "\f585";
}
.is-style-titlebox-mark13 .ob-title-before:before {
content: "\f599";
}
.is-style-titlebox-mark14 .ob-title-before:before {
content: "\f11a";
}
.is-style-titlebox-mark15 .ob-title-before:before {
content: "\f5c8";
} .is-style-titlebox-mark16,
.is-style-titlebox-mark17 {
padding: 1em;
border: 2px solid transparent;
}
.is-style-titlebox-mark16 .ob-title,
.is-style-titlebox-mark17 .ob-title {
display: flex;
width: fit-content;
line-height: 1.5;
padding: 0.25em 1em;
border-radius: 18px;
color: #fff;
}
.is-style-titlebox-mark16 .ob-contents,
.is-style-titlebox-mark17 .ob-contents {
padding: 0;
}
.is-style-titlebox-mark16 .ob-title {
background-color: #fda359;
}
.is-style-titlebox-mark17 .ob-title {
background-color: #4CB1BF;
} .is-style-titlebox-mark18,
.is-style-titlebox-mark19 {
padding: 0;
border: 2px solid transparent;
border-radius: 8px;
}
.is-style-titlebox-mark18 {
background-color: #FFF8F2;
}
.is-style-titlebox-mark19 {
background-color: #F1F9FB;
}
.is-style-titlebox-mark18 .ob-title,
.is-style-titlebox-mark19 .ob-title {
display: flex;
line-height: 1.5;
align-items: center;
margin-bottom: 0;
padding: 0.5em 1em 0;
}
.is-style-titlebox-mark18 .ob-title-before:before,
.is-style-titlebox-mark19 .ob-title-before:before {
display: flex;
width: 40px;
line-height: 40px;
justify-content: center;
margin-right: 8px;
font-family: "font awesome 5 free";
font-size: 2.4em;
}
.is-style-titlebox-mark18 .ob-contents,
.is-style-titlebox-mark19 .ob-contents {
padding: .5em 1.5em 1em;
}
.is-style-titlebox-mark18 .ob-title {
color: #FDA359;
}
.is-style-titlebox-mark19 .ob-title {
color: #4CB1BF;
}
.is-style-titlebox-mark18 .ob-title-before:before {
content: "\f140";
}
.is-style-titlebox-mark19 .ob-title-before:before {
content: "\f00d";
}   .qa-box {
margin-bottom: 2em;
}
.q-area,
.a-area {
display: flex;
align-items: baseline;
margin-bottom: 1em;
flex-direction: row;
}
.qa-label {
flex-basis: 40px;
height: 40px;
margin-right: 8px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
min-width: 40px;
}
.qa-content {
flex: 1;
word-break: break-all;
}
.qa-content *:last-child {
margin-bottom: 0;
}   .is-style-process-mark1 {
max-width: 480px;
margin: 0 auto 2em;
}
.is-style-process-mark1 .process-step {
margin-bottom: 3em;
padding: 2.5em 1em 1em;
border-bottom: none;
box-shadow: 0 0 1px 1px #eee;
}
.is-style-process-mark1 .process-label {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 8px 0;
}
.is-style-process-mark1 .process-step:not(:last-child):after {
position: absolute;
bottom: -40px;
left: calc(50% - 20px);
border-width: 20px 20px 0 20px;
border-color: #eee transparent transparent transparent;
border-style: solid;
content: "";
}   .tsnc-accordion.is-style-accordion-mark1 {
border: none;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
}
.is-style-accordion-mark1 .tsnc-accordion-title {
background: #333;
border-radius: 4px;
color: #fff;
}
.is-style-accordion-mark1 .tsnc-accordion-title:before,
.is-style-accordion-mark1 .tsnc-accordion-title:after {
background: #fff;
}
.is-style-accordion-mark1 .tsnc-accordion-input:checked ~ .tsnc-accordion-title {
border-radius: 4px 4px 0 0;
} .tsnc-accordion.is-style-accordion-mark2 {
border-radius: 0;
border-left: none;
border-right: none;
border-color: #eee;
}
.is-style-accordion-mark2 .tsnc-accordion-title:before,
.is-style-accordion-mark4 .tsnc-accordion-title:before {
display: none;
}
.is-style-accordion-mark2 .tsnc-accordion-title:after,
.is-style-accordion-mark4 .tsnc-accordion-title:after {
right: 16px;
width: 12px;
height: 12px;
content: "\f107";
font-family: "font awesome 5 free";
font-weight: 600;
background-color: transparent;
transform: rotate(0deg);
line-height: 12px;
text-align: center;
top: calc(50% - 5px);
}
.is-style-accordion-mark2 .tsnc-accordion-input:checked ~ .tsnc-accordion-title:after,
.is-style-accordion-mark4 .tsnc-accordion-input:checked ~ .tsnc-accordion-title:after {
transform: rotate(180deg);
} .tsnc-accordion.is-style-accordion-mark3 {
border: none;
background-color: #f7f7f7;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
overflow: hidden;
}
.is-style-accordion-mark3 .tsnc-accordion-title,
.is-style-accordion-mark4 .tsnc-accordion-title {
background-color: #fff;
transition: .3s ease-out;
}
.is-style-accordion-mark3 .tsnc-accordion-title:hover {
background-color: transparent;
}
.is-style-accordion-mark3 .tsnc-accordion-input:checked ~ .tsnc-accordion-content {
padding: 12px 8px;
margin: 0 8px 8px;
background-color: #fff;
border-top: none;
border-radius: 6px;
}
.is-style-accordion-mark3 .tsnc-accordion-input:checked ~ .tsnc-accordion-title {
background-color: transparent;
} .tsnc-accordion.is-style-accordion-mark4 {
border: none;
}
.is-style-accordion-mark4 .tsnc-accordion-title {
width: fit-content;
padding: 8px 40px 8px 16px;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
border-radius: 8px;
}
.is-style-accordion-mark4 .tsnc-accordion-content {
border-top: none;
}
.is-style-accordion-mark4 .tsnc-accordion-title:hover,
.is-style-accordion-mark4 .tsnc-accordion-input:checked ~ .tsnc-accordion-title {
background-color: #f7f7f7;
}   .link-card.is-style-link-mark1 .exlink-linkarea,
.link-card.is-style-link-mark1 .inlink-linkarea {
padding: 0;
}
.link-card.is-style-link-mark1 .inlink-linkarea:after {
position: absolute;
bottom: 0;
width: 100%;
padding-right: 16px;
text-align: right;
content: "つづきを読む";
box-sizing: border-box;
}
.link-card.is-style-link-mark1 .exlink-linkarea .exlink-img,
.link-card.is-style-link-mark1 .inlink-linkarea .inlink-img {
z-index: 1;
}
.link-card.is-style-link-mark1 .exlink-linkarea div,
.link-card.is-style-link-mark1 .inlink-linkarea div {
padding-right: 12px;
}
.link-card.is-style-link-mark1 .inlink-label,
.link-card.is-style-link-mark1 .exlink-label {
top: 0;
left: 0;
z-index: 2;
}
.is-style-link-mark1.link-text .inlink-label,
.is-style-link-mark1.link-text .exlink-label {
display: inline-block;
width: 48px;
text-align: center;
box-sizing: border-box;
}
.is-style-link-mark1.link-text .inlink-title,
.is-style-link-mark1.link-text .exlink-title {
padding-left: 54px;
}
.is-style-link-mark1.link-text .exlink-site {
margin-left: 54px;
}
.is-style-link-mark1.link-text .inlink-linkarea:after {
display: none;
}
@media (min-width: 1030px){
.link-card.is-style-link-mark1 .exlink-linkarea .exlink-img,
.link-card.is-style-link-mark1 .inlink-linkarea .inlink-img {
width: 200px;
height: 120px;
}
.link-card.is-style-link-mark1 .inlink-linkarea:after {
font-size: .8em;
line-height: 29px;
}}
@media (max-width: 1029px){
.link-card.is-style-link-mark1 .exlink-linkarea .exlink-img,
.link-card.is-style-link-mark1 .inlink-linkarea .inlink-img {
width: 100px;
height: 100px;
}
.link-card.is-style-link-mark1 .inlink-linkarea:after {
font-size: 12px;
line-height: 22px;
}} .is-style-link-mark2 {
border-color: #333;
box-shadow: none;
}
.link-card.is-style-link-mark2 .exlink-linkarea,
.link-card.is-style-link-mark2 .inlink-linkarea {
padding: 16px;
}
.is-style-link-mark2:before {
display: inline-block;
position: absolute;
top: -8px;
left: 16px;
line-height: 1;
padding: 0 8px;
background: #fff;
font-size: 14px;
content: "あわせて読みたい";
}
.link-card.is-style-link-mark2 .inlink-label,
.link-card.is-style-link-mark2 .exlink-label {
display: none;
}
.is-style-link-mark2.link-text .inlink-label,
.is-style-link-mark2.link-text .exlink-label {
display: inline-block;
top: -3px;
left: 0;
box-sizing: border-box;
border-radius: 50%;
width: 36px;
height: 36px;
padding: 0;
text-align: center;
line-height: 36px;
}
.is-style-link-mark2.link-text .exlink-title,
.is-style-link-mark2.link-text .inlink-title {
padding: 0 0 0 48px;
}
.is-style-link-mark2.link-text .exlink-linkarea,
.is-style-link-mark2.link-text .inlink-linkarea {
padding: 0;
}
.is-style-link-mark2.link-text:before {
display: none;
}
.is-style-link-mark2.link-text .exlink-site {
margin-left: 48px;
} .is-style-link-mark3 {
border: 1px solid #eee;
}
.is-style-link-mark3:before {
display: flex;
position: absolute;
right: 0;
width: 80px;
height: 100%;
justify-content: center;
align-items: center;
color: #fff;
background: #eee;
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 36px;
content: "\f138";
}
.is-style-link-mark3 .exlink-linkarea div,
.is-style-link-mark3 .inlink-linkarea div {
padding: 0 80px 0 12px;
}
.is-style-link-mark3 .inlink-label,
.is-style-link-mark3 .exlink-label {
display: none;
}
.is-style-link-mark3 .inlink-title,
.is-style-link-mark3 .exlink-title {
font-weight: 500;
}
.is-style-link-mark3.link-text {
border: none;
}
.is-style-link-mark3.link-text:before {
left: 0;
justify-content: center;
align-items: center;
color: #1A73E8;
background: rgb(26 115 232 / 8%);
font-weight: 600;
font-size: 1em;
content: "\f0c1";
top: -3px;
border-radius: 50%;
width: 36px;
height: 36px;
}
.is-style-link-mark3.link-text .exlink-linkarea div,
.is-style-link-mark3.link-text .inlink-linkarea div {
padding: 0;
}
.link-card.is-style-link-mark3 .exlink-linkarea .exlink-img,
.link-card.is-style-link-mark3 .inlink-linkarea .inlink-img {
box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}
.is-style-link-mark3.link-text .exlink-title,
.is-style-link-mark3.link-text .inlink-title {
padding: 0 0 0 42px;
}
.is-style-link-mark3.link-text .exlink-site {
margin-left: 42px;
}
@media (min-width: 1030px){
.link-card.is-style-link-mark3 .exlink-linkarea .exlink-img,
.link-card.is-style-link-mark3 .inlink-linkarea .inlink-img {
width: 100px;
height: 100px;
}}
@media (max-width: 1029px){
.is-style-link-mark3:before {
width: 48px;
font-size: 28px;
}
.is-style-link-mark3 .exlink-linkarea div,
.is-style-link-mark3 .inlink-linkarea div {
padding: 0 40px 0 12px;
}} .is-style-link-mark4 {
width: 249px;
border-radius: 16px;
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
border: none;
overflow: hidden;
}
.is-style-link-mark4 .inlink-linkarea,
.is-style-link-mark4 .exlink-linkarea {
padding: 0;
flex-direction: column;
box-sizing: border-box;
}
.is-style-link-mark4 .inlink-img,
.is-style-link-mark4 .exlink-img {
width: 100%;
min-height: 167px;
}
.is-style-link-mark4 .inlink-textarea,
.is-style-link-mark4 .exlink-linkarea div {
padding: 12px;
}
.is-style-link-mark4 .inlink-label{
display: none;
}
.is-style-link-mark4.link-text {
width: fit-content;
border-radius: 30px;
}
.is-style-link-mark4.link-text .inlink-linkarea,
.is-style-link-mark4.link-text .exlink-linkarea {
align-items: start;
padding: 8px 16px 8px 60px;
}
.is-style-link-mark4.link-text .inlink-linkarea div,
.is-style-link-mark4.link-text .exlink-linkarea div {
padding: 0;
}
.is-style-link-mark4.link-text .inlink-label,
.is-style-link-mark4.link-text .exlink-label {
display: inline-block;
border-radius: 20px;
top: calc(50% - 13.5px);
} .is-style-link-mark5 {
width: 249px;
border-radius: 16px;
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
border: none;
overflow: hidden;
}
.is-style-link-mark5:after {
content: "\f360";
display: flex;
position: absolute;
right: 12px;
bottom: 0;
justify-content: center;
align-items: center;
color: #1A73E8;
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 20px;
z-index: 1;
}
.is-style-link-mark5 .inlink-linkarea,
.is-style-link-mark5 .exlink-linkarea {
padding: 12px;
flex-direction: column;
align-items: start;
}
.is-style-link-mark5 .inlink-img,
.is-style-link-mark5 .exlink-img {
width: 80px;
height: 80px;
border-radius: 50%;
}
.is-style-link-mark5 .inlink-textarea,
.is-style-link-mark5 .exlink-linkarea div {
padding: 12px 0;
}
.is-style-link-mark5 .inlink-label,
.is-style-link-mark5 .exlink-label{
display: none;
}
.is-style-link-mark5.link-text {
width: fit-content;
border-radius: 30px;
}
.is-style-link-mark5.link-text:after {
bottom: calc(50% - 18px);
}
.is-style-link-mark5.link-text .inlink-linkarea,
.is-style-link-mark5.link-text .exlink-linkarea {
align-items: start;
padding: 8px 40px 8px 16px;
}
.is-style-link-mark5.link-text .inlink-linkarea div,
.is-style-link-mark5.link-text .exlink-linkarea div {
padding: 0;
}
.is-style-link-mark5.link-text .inlink-label {
display: none;
}  .mkj-in {
padding: 0 12px;
background: repeating-linear-gradient(90deg, #f8f8f8 0, #f8f8f8 1px, transparent 0, transparent 2px);
}
p.mkj-title {
padding: 24px 0;
color: #333;
}
.mkj-openclose {
top: 24px;
right: 30px;
width: 32px;
height: 32px;
text-align: center;
}
label.mkj-openclose {
color: #333;
background: transparent;
font-size: 20px;
}
.entry-content .mkj-content-in {
padding-bottom: 32px;
}
.entry-content .mkj-content:before {
display: inline-block;
position: absolute;
left: 28px;
width: 1px;
height: calc(100% - 32px);
background: #eee;
content: "";
}
.mkj-openclose:before {
font-family: "font awesome 5 free";
font-weight: 600;
content: "\f106";
}
.mkj-input:checked~.mkj-openclose:after {
font-family: "font awesome 5 free";
font-weight: 600;
content: "\f107";
}
.mkj-list>li {
margin-bottom: 1em;
}
nav.mkj-content-in {
background: transparent;
}
.mkj-list li {
display: flex;
line-height: 34px;
flex-direction: column;
justify-content: start;
}
.mkj-list>li:before {
left: -44px;
line-height: 34px;
}
.mkj-list ol li:before {
width: 6px;
height: 1px;
border: none;
border-radius: 0;
background: #ccc;
}
@media (min-width: 1030px) {
.mkj-in {
padding: 0 30px;
}
.mkj-list>li:before {
left: -40px;
}
} .entry-content .mkj-list-nonum > li:before {
top: 4px;
left: -40px;
width: 24px;
height: 24px;
line-height: 22px;
border-radius: 50%;
font-family: "font awesome 5 free";
font-weight: 600;
content: "\f107";
color: #333;
border: 1px solid #333;
background: transparent!important;
}
.entry-content .mkj-style1 ol.mkj-list-nonum > li:before {
width: 24px;
height: 24px;
left: -36px;
color: #333;
line-height: 22px;
}
.entry-content .mkj-style2 ol.mkj-list-nonum > li:before {
border-color: #eee;
}
.entry-content .mkj-style3 ol.mkj-list-nonum > li:before {
width: 32px;
height: 32px;
line-height: 30px;
top: auto;
left: 14px;
}
.entry-content .mkj-style4 ol.mkj-list-nonum > li:before {
width: 24px;
height: 24px;
top: 8px;
}
.widget .mkj-list-nonum > li:before {
background: transparent;
} @media (min-width: 1030px) {
.widget .mkj-in {
padding: 0;
background: #fff;
font-size: 0.75em;
}
.widget .mkj-content-in {
margin-top: 8px;
}
.widget .mkj-list li {
display: flex;
line-height: 1.5em;
flex-direction: column;
justify-content: start;
}
.widget .mkj-list>li {
margin-bottom: 0.5em;
}
.mkj-side-style .mkj-list a {
overflow: hidden;
text-overflow: ellipsis;
padding: 4px 4px 4px 24px;
white-space: nowrap;
}
.mkj-side-style .mkj-list li ol a {
padding: 4px 4px 4px 26px;
}
.widget .mkj-list>li:before {
line-height: 27px;
}
.mkj-side-style .mkj-list ol li:before {
top: 11px;
left: 10px;
}
.widget .mkj-active {
border-radius: 0;
}
}  .mkj-style1 .mkj-in {
border-radius: 8px;
background: #fbfbfb;
}
.mkj-style1 p.mkj-title {
display: flex;
align-items: center;
background: transparent;
}
.mkj-style1 p.mkj-title:before {
display: flex;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
margin-right: 8px;
border: 1px solid;
border-radius: 50%;
background: #fff;
font-family: "font awesome 5 free";
font-weight: 600;
font-size: 15px;
content: "\f0c9";
}
.mkj-style1 .mkj-list li {
line-height: 32px;
}
.mkj-style1 .mkj-list a {
display: inline-block;
width: 100%;
padding: 0 4px;
color: #333;
transition: opacity 0.3s;
}
.mkj-style1 .mkj-list>li:before {
width: 32px;
line-height: 32px;
border-radius: 50%;
color: #fff;
background: #333;
font-size: 12px;
}
.mkj-style1 .mkj-list ol {
counter-reset: num;
}
.mkj-style1 .mkj-list ol li {
padding: 6px 12px 6px;
}
.mkj-style1 .mkj-list ol li:before {
display: flex;
top: 9px;
left: -20px;
width: 24px;
height: 24px;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: 50%;
background: #fff;
font-size: 12px;
content: counter(num, decimal-leading-zero);
counter-increment: num;
}
.mkj-list:nth-of-type(9)>li:before {
content: counter(num, decimal-leading-zero);
}
.entry-content .mkj-style1 .mkj-content:before {
display: none;
}
.mkj-style1 .mkj-list>li:before {
left: -40px;
} .mkj-style2 .mkj-in {
border: 1px solid #eee;
background: #fff;
}
.mkj-style2 p.mkj-title {
color: #1a73e8;
font-size: 14px;
}
.entry-content .mkj-style2 .mkj-content-in {
font-size: 14px;
}
.entry-content .mkj-style2 .mkj-content:before {
display: none;
}
.mkj-style2 .mkj-list>li:before {
color: #1a73e8;
}
.mkj-style2 .mkj-list ol li:before {
background: #1a73e8;
}
.mkj-style2 .mkj-list>li {
margin-bottom: 0.5em;
}
@media (max-width: 767px) {
.mkj-style2 .mkj-list>li:before {
left: -26px;
}
.mkj-style2 .mkj-list {
padding-left: 26px;
}
} .mkj-style3 .mkj-in {
padding: 0;
border: 1px solid #eee;
background: #fff;
}
.entry-content .mkj-style3 .mkj-content-in {
padding-bottom: 0;
}
.mkj-style3 p.mkj-title {
padding: 24px 30px;
}
.mkj-style3 label.mkj-openclose {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: #eee;
}
.entry-content .mkj-style3 .mkj-content:before {
display: none;
}
.mkj-style3 .mkj-list {
padding: 0;
border-top: 1px solid #eee;
}
.mkj-style3 .mkj-list>li:before {
left: 0;
width: 48px;
border-right: 1px solid #333;
}
.mkj-style3 .mkj-list>li {
margin-bottom: 0;
padding: 12px 62px;
}
.mkj-style3 .mkj-list>li:not(:last-child) {
border-bottom: 1px solid #eee;
}
@media (max-width: 767px) {
.mkj-style3 .mkj-list>li:before {
width: 36px;
}
.mkj-style3 .mkj-list>li {
padding: 12px 22px 12px 52px;
}
} .mkj-style4 .mkj-in {
padding: 0;
border: 1px solid #eee;
border-radius: 8px;
background: #fff;
}
.mkj-style4 p.mkj-title {
display: flex;
align-items: center;
padding: 12px 20px;
}
.mkj-style4 p.mkj-title:before {
display: flex;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #1a73e8;
font-family: "font awesome 5 free";
font-weight: 600;
font-size: 15px;
content: "\f0c9";
}
.mkj-style4 .mkj-list ol li:before {
background: #1a73e8;
}
.mkj-style4 .mkj-openclose {
top: 12px;
}
.entry-content .mkj-style4 .mkj-content-in {
padding-bottom: 0;
}
.entry-content .mkj-style4 .mkj-content:before {
display: none;
}
.mkj-style4 .mkj-list {
padding: 20px 0;
border-top: 1px solid #eee;
}
.mkj-style4 .mkj-list>li:before {
left: 20px;
width: 32px;
}
.mkj-style4 .mkj-list>li {
margin-bottom: 0;
padding: 4px 54px;
color: #1a73e8;
}
.mkj-style4 .mkj-list>li>a {
color: #1a73e8;
}
@media (max-width: 767px) {
.mkj-style4 .mkj-list>li {
padding: 4px 16px 4px 32px;
}
.mkj-style4 .mkj-list>li:before {
left: 0;
}
}   .is-style-corebtn-mark1 .wp-block-button__link,
.is-style-btn-mark1 .tsnc-btn {
box-shadow: 0 -4px 0 0 rgba(0,0,0,0.2) inset;
transition: box-shadow .3s, transform .3s;
}
.is-style-corebtn-mark1 .wp-block-button__link:hover,
.is-style-btn-mark1 .tsnc-btn:hover {
opacity: 1;
box-shadow: 0 0 0 0 rgba(0,0,0,0.2) inset;
transform: translateY(2px);
}
.is-style-corebtn-mark2,
.is-style-btn-mark2 {
margin: 0 auto 2em;
}
.is-style-corebtn-mark2 .wp-block-button__link,
.is-style-btn-mark2 .tsnc-btn {
position: relative;
overflow: hidden;
transition: box-shadow .3s linear;
z-index: 2;
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0,0,0,.12);
}
.is-style-corebtn-mark2 .wp-block-button__link:before,
.is-style-btn-mark2 .tsnc-btn:before {
content: '';
display: block;
position: absolute;
top: -50%;
left: 0;
z-index: 0;
width: 64px;
height: 200%;
transform: rotate(30deg);
background: linear-gradient(90deg,transparent, rgba(255,255,255,0.9) 50%, transparent);
animation: glow-btn 2s infinite linear;
}
@keyframes glow-btn {
0% {
left: -40%
}
25% {
left: 120%
}
100% {
left: 120%
}
}
.is-style-corebtn-mark3 .wp-block-button__link,
.is-style-btn-mark3 .tsnc-btn {
color: #1A73E8;
border: 2px solid;
background-color: #fff;
transition: box-shadow .3s;
}
.is-style-corebtn-mark3 .wp-block-button__link:hover,
.is-style-btn-mark3 .tsnc-btn:hover {
color: #1A73E8;
opacity: 1;
box-shadow: 0 1px 4px 0px;
}
.is-style-corebtn-mark4 .wp-block-button__link,
.is-style-btn-mark4 .tsnc-btn {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0,0,0,.12);
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.is-style-corebtn-mark2 .wp-block-button__link:hover,
.is-style-corebtn-mark4 .wp-block-button__link:hover,
.is-style-btn-mark2 .tsnc-btn:hover,
.is-style-btn-mark4 .tsnc-btn:hover {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0,0,0,.12);
opacity: 1;
} .btn-icon-before a,
.btn-icon-after a {
position: relative;
}
.btn-icon-before a:before,
.btn-icon-after a:after {
font-family: "font awesome 5 free";
font-weight: 600;
}
.btn-icon-before a:before {
margin-right: 8px;
}
.btn-icon-after a:after {
margin-left: 8px;
}
.btn-icon-before.btn-icon-chevron a:before,
.btn-icon-after.btn-icon-chevron a:after {
content: "\f138";
}
.btn-icon-before.btn-icon-check a:before,
.btn-icon-after.btn-icon-check a:after {
content: "\f058";
}
.btn-icon-before.btn-icon-bookmark a:before,
.btn-icon-after.btn-icon-bookmark a:after {
content: "\f02e";
}
.btn-icon-before.btn-icon-angle-r a:before,
.btn-icon-after.btn-icon-angle-r a:after {
content: "\f105";
}    .is-style-commentbox-mark1 .comment-title {
flex-direction: row;
margin-bottom: 16px;
}
.entry-content .is-style-commentbox-mark1 .comment-img {
width: 80px;
height: 80px;
margin-right: 16px;
}
@media (min-width: 1030px){
.is-style-commentbox-mark1 .comment-title-text {
flex-direction: column;
align-items: start;
}} .entry-content .is-style-commentbox-mark2 .comment-img,
.entry-content .is-style-commentbox-mark4 .comment-img {
margin-right: 16px;
}
.is-style-commentbox-mark2 .comment-title,
.is-style-commentbox-mark4 .comment-title {
flex-direction: row;
margin-bottom: 16px;
align-items: center;
}
.is-style-commentbox-mark2 .comment-star,
.is-style-commentbox-mark4 .comment-star {
margin-right: 0;
}
@media (min-width: 1030px){
.is-style-commentbox-mark2 .comment-title-text,
.is-style-commentbox-mark4 .comment-title-text {
flex-direction: row;
flex: 1;
justify-content: space-between;
}}
@media (max-width: 1029px) {
.is-style-commentbox-mark2 .comment-title-text,
.is-style-commentbox-mark4 .comment-title-text {
flex-direction: column;
}} .is-style-commentbox-mark3 .comment-title {
align-items: center;
}
.entry-content .is-style-commentbox-mark3 .comment-img {
width: 80px;
height: 80px;
}
.is-style-commentbox-mark3 .comment-title-text {
flex-direction: column;
}
.is-style-commentbox-mark3 .comment-star {
margin: auto;
} .comment-box.is-style-commentbox-mark4 {
border: none;
border-left: 12px solid;
}        .notpage-title {
text-align: center;
position: relative;
padding: 12px 0;
font-size: 1em;
}
.notpage-title i {
font-size: 1em;
}
.notpage-title:after {
content: "";
position: absolute;
bottom: -22px;
left: calc(50% - 22px);
border-style: solid;
border-width: 22px 22px 0 22px;
border-color: #ffffff transparent transparent transparent;
z-index: 1;
}
.entry-404-eyeimg {
height: 170px;
text-align: center;
position: relative;
color: #fff;
font-size: 1.5em;
}
.notpage-404 {
margin-bottom: 0;
position: absolute;
width: 320px;
left: calc(50% - 160px);
top: calc(50% - 60px);
}
.notpage-404 span {
display: block;
line-height: 1;
font-size: 3em;
}
@media (min-width: 1030px) {
.notpage-title {
font-size: 2em;
}
.entry-404-eyeimg {
height: 430px;
font-size: 3em;
}
.notpage-404 {
top: calc(50% - 120px);
}}
@media (max-width: 1029px) {
.error404 .main-top {
margin: 0;
}
.error404 .main-in {
padding: 0;
}}   .tsncorg.thumbnail.size10070 .centered,
.tsncorg.thumbnail.size100100 .centered,
.tsncorg.thumbnail.size125100 .centered {
width: 100%;
}  [class*="side-title-mark"] .widget-title {
padding: 0;
}
[class*="side-title-mark"] .widget-title-in {
padding: 6px 12px;
} .side-title-mark1 .widget-title {
border-bottom: 3px double;
border-top: 3px double;
} .side-title-mark2 .widget-title {
display: flex;
justify-content: center;
align-items: center;
}
.side-title-mark2 .widget-title:before {
left: 0;
}
.side-title-mark2 .widget-title:after {
right: 0;
}
.side-title-mark2 .widget-title:before,
.side-title-mark2 .widget-title:after {
position: absolute;
width: 36px;
height: 1px;
background: currentColor;
content: "";
opacity: 0.54;
}  .side-title-mark3 .widget-title:before,
.side-title-mark4 .widget-title:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2;
content: "";
}
.side-title-mark3 .widget-title:before {
background: linear-gradient(-45deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0, transparent);
background-size: 4px 4px;
}
.side-title-mark4 .widget-title:before {
background: linear-gradient(90deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0, transparent);
background-size: 8px 8px;
} .side-title-mark5 .widget-title-in {
padding: 8px 16px;
border-bottom: 1px solid #eee;
font-weight: bold;
text-align: left;
}
.side-title-mark5 .widget-title:before {
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 1px;
content: "";
} .side-title-mark6 .widget-title-in:before {
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
opacity: 0.38;
content: "";
}
.side-title-mark6 .widget-title-in:before {
background: linear-gradient(-45deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0, transparent);
background-size: 4px 4px;
} .side-title-mark7 .widget-title-in {
padding: 8px 24px;
font-weight: bold;
text-align: left;
}
.side-title-mark7 .widget-title:before,
.side-title-mark7 .widget-title:after {
position: absolute;
left: 12px;
width: 3px;
height: 38%;
content: "";
}
.side-title-mark7 .widget-title:before {
top: 13%;
border-radius: 2px 2px 0 0;
opacity: 1;
}
.side-title-mark7 .widget-title:after {
bottom: 13%;
border-radius: 0 0 2px 2px;
opacity: 0.38;
} .side-title-mark8 .widget-title-in {
margin-bottom: 4px;
padding: 8px 24px;
font-weight: bold;
text-align: left;
}
.side-title-mark8 .widget-title:before,
.side-title-mark8 .widget-title:after {
position: absolute;
top: 0;
left: 0;
width: 14px;
height: 100%;
content: "";
}
.side-title-mark8 .widget-title:before {
opacity: 1;
}
.side-title-mark8 .widget-title:after {
background: linear-gradient(0deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0, transparent);
background-size: 4px 4px;
opacity: 0.38;
} .rank-kiji-img {
height: 80px;
}
.rank-kiji-img .kiji-img-img {
width: 80px;
height: 80px;
}
.rank-kiji-content {
height: 80px;
line-height: 1.5;
}
.widget_tsnc_pv_rankings .widget-content .widget-rank:first-child .rank-kiji-img:before {
background: linear-gradient(45deg, rgba(255,164,0,1) 0%, rgba(254,226,5,1) 50%, rgba(255,164,0,1) 100%);
}
.widget_tsnc_pv_rankings .widget-content .widget-rank:nth-child(2) .rank-kiji-img:before {
background: linear-gradient(45deg, rgba(149,147,152,1) 0%, rgba(240,240,240,1) 50%, rgba(149,147,152,1) 100%);
}
.widget_tsnc_pv_rankings .widget-content .widget-rank:nth-child(3) .rank-kiji-img:before {
background: linear-gradient(45deg, rgba(134,74,38,1) 0%, rgba(240,214,181,1) 50%, rgba(134,74,38,1) 100%);
}
.widget_tsnc_pv_rankings .widget-rank .rank-kiji-img:before {
text-shadow: 0px 0px 3px rgb(169 169 169 / 69%);
} .pf-bgfacename {
height: 200px;
}
img.pf-bg-img {
height: 200px;
}
.pf-facename {
top: 92px;
}
.pf-face {
height: 88px;
}
.pf-face .pf-face-img,
.pf-face img {
width: 88px;
min-width: 88px;
height: 88px;
box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.pf-facename .pf-name {
color: #333;
}
.pf-textshare {
padding-top: 55px;
}
.pf-facename .pf-name {
margin-top: 28px;
}
.pf-katagaki {
opacity: 0.54;
font-size: 12px;
}
.widget-pf .pf-text,
.widget-pf .pf-share {
padding: 12px 20px;
}
.widget-pf .pf-share {
background: #fff;
}
.pf-share-title {
display: none;
} .side-writer-mark1 .pf-bg-noimg {
height: 160px;
}
.side-writer-mark2 .pf-bg-noimg,
.side-writer-mark4 .pf-bg-noimg,
.side-writer-mark3 .pf-bg-noimg {
height: 200px;
}
.side-writer-mark2 .pf-bgfacename,
.side-writer-mark3 .pf-bgfacename,
.side-writer-mark4 .pf-bgfacename {
height: auto;
} .side-writer-mark1 .pf-face .pf-face-img,
.side-writer-mark1 .pf-face img {
width: 96px;
height: 96px;
border: 4px solid #fff;
}
.side-writer-mark1 .widget-pf .share-btn i {
border-radius: 50%;
box-shadow: 0 0 2px rgb(0 0 0 / 10%);
background: #fff;
}
.side-writer-mark1 .pf-btn {
gap: 2px;
}
.side-writer-mark1 .share-btn p {
display: none;
}
.side-writer-mark1 .share-btn {
width: 36px;
}
.side-writer-mark1 .share-btn i {
line-height: 36px;
} .side-writer-mark2 div.widget-pf {
background-color: #fff;
}
.side-writer-mark2 .widget-pf .pf-share {
padding-top: 20px;
outline: 1px solid #eee;
outline-offset: -8px;
}
.side-writer-mark2 .widget-pf .share-btn i {
box-shadow: 0 0 2px rgb(0 0 0 / 10%);
background: #fff;
} .side-writer-mark3 .pf-face .pf-face-img {
border: 4px solid;
border-color: rgb(255 255 255 / 38%);
}
.side-writer-mark3 .widget-pf .pf-btn .share-btn {
width: 48%;
margin: 1%;
border-radius: 4px;
text-decoration: none;
}
.side-writer-mark3 .widget-pf .share-btn i {
line-height: 40px;
}
.side-writer-mark3 .share-btn p {
line-height: 20px;
background-color: rgb(255 255 255 / 16%);
}
.side-writer-mark3 .widget-pf div.pf-share {
background: #fff;
}
.side-writer-mark3 .share-btn.tw-c,
.side-writer-mark3 .share-btn.face-c,
.side-writer-mark3 .share-btn.youtube-c,
.side-writer-mark3 .share-btn.insta-c,
.side-writer-mark3 .share-btn.line-c,
.side-writer-mark3 .share-btn.feedly-c,
.side-writer-mark3 .share-btn.amazon-c,
.side-writer-mark3 .share-btn.pinterest-c,
.side-writer-mark3 .share-btn.note-c,
.side-writer-mark3 .share-btn.room-c {
color: #fff;
}
.side-writer-mark3 .pf-btn .share-btn.tw-c {
background-color: #1da1f2;
}
.side-writer-mark3 .pf-btn .share-btn.face-c {
background-color: #1877f2;
}
.side-writer-mark3 .pf-btn .share-btn.youtube-c {
background-color: #da1725;
}
.side-writer-mark3 .pf-btn .share-btn.insta-c {
background-color: #cf2e92;
}
.side-writer-mark3 .pf-btn .share-btn.line-c {
background-color: #00b900;
}
.side-writer-mark3 .pf-btn .share-btn.feedly-c {
background-color: #6cc655;
}
.side-writer-mark3 .pf-btn .share-btn.amazon-c {
background-color: #f90;
}
.side-writer-mark3 .pf-btn .share-btn.pinterest-c {
background-color: #bd081c;
}
.side-writer-mark3 .pf-btn .share-btn.note-c {
background-color: #41c9b4;
}
.side-writer-mark3 .pf-btn .share-btn.room-c {
background-color: #bf0000;
} .side-writer-mark4 .share-btn p {
display: none;
}
.side-writer-mark4 .pf-btn {
gap: 2px;
}
.side-writer-mark4 .share-btn {
width: 24px;
}
.side-writer-mark4 .share-btn i {
line-height: 32px;
}
.side-writer-mark4 .pf-facename {
top: 60px;
}
.side-writer-mark4 .pf-bgfacename:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(35.5deg, black 50%, transparent 50.3%);
opacity: 0.38;
content: "";
}
.side-writer-mark4 .pf-facename .pf-name {
margin-top: 0;
padding-left: 16px;
color: #fff;
text-align: left;
}
.side-writer-mark4 .pf-textshare {
padding-top: 0;
} .share-btn.tw-c {
color: #1da1f2;
}
.share-btn.face-c {
color: #1877f2;
}
.share-btn.youtube-c {
color: #da1725;
}
.share-btn.insta-c {
color: #cf2e92;
}
.share-btn.line-c {
color: #00b900;
}
.share-btn.feedly-c {
color: #6cc655;
}
.share-btn.amazon-c {
color: #f90;
}
.share-btn.pinterest-c {
color: #bd081c;
}
.share-btn.note-c {
color: #41c9b4;
}
.share-btn.room-c {
color: #bf0000;
}          .search-form input::-webkit-input-placeholder {
font-size: 12px;
}    .side-search-mark1 .search-field,
.side-search-mark2 .search-field {
border: none;
box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.side-search-mark1 .search-submit,
.side-search-mark2 .search-submit {
top: 0;
right: 0;
width: 44px;
height: 44px;
}
.side-search-mark1 .search-submit {
color: #fff;
}
.side-search-mark2 .search-submit {
background: transparent;
} .side-search-mark3 .search-field {
border: none;
}
.side-search-mark3 .search-submit {
top: 0;
right: 0;
width: 80px;
height: 44px;
color: #fff;
}
.side-search-mark3 .search-submit i {
margin-right: 6px;
} .side-search-mark1 .custom_search_wrapper .search-submit,
.side-search-mark2 .custom_search_wrapper .search-submit,
.side-search-mark3 .custom_search_wrapper .search-submit {
position: inherit;
width: auto;
height: auto;
line-height: 1.83;
margin: 1em 0;
padding: 8px 20px;
border-radius: 4px;
}
.side-search-mark2 .custom_search_wrapper .search-submit {
border: none;
color: #fff;
}      @media (min-width: 1030px) {
.gotop {
width: 48px;
height: 48px;
}
}
.gotop {
border: none;
box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
}
@keyframes scroll-hint-appear {
0% {
transform: translateX(40px);
opacity: 0;
}
10% {
opacity: 1;
}
50%,
100% {
transform: translateX(-40px);
opacity: 0;
}
}
.scroll-hint.is-right-scrollable {
background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 60px);
box-sizing: border-box;
width: 120px;
height: 80px;
border-radius: 5px;
transition: opacity .3s;
opacity: 0;
background: rgba(0, 0, 0, .7);
text-align: center;
padding: 20px 10px 10px 10px;
}
.scroll-hint-icon-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
pointer-events: none;
}
.scroll-hint-text {
font-size: 10px;
color: #FFF;
margin-top: 5px;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
opacity: .8;
}
.scroll-hint-icon:before {
display: inline-block;
width: 40px;
height: 40px;
color: #FFF;
vertical-align: middle;
text-align: center;
content: "";
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon:after {
content: "";
width: 34px;
height: 14px;
display: block;
position: absolute;
top: 10px;
left: 50%;
margin-left: -20px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
opacity: 0;
transition-delay: 2.4s;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
animation: scroll-hint-appear 1.2s linear;
animation-iteration-count: 2;
}
.scroll-hint-icon-white {
background-color: #FFF;
box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}
.scroll-hint-icon-white:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
.scroll-hint-icon-white .scroll-hint-text {
color: #000;
}