@charset "UTF-8";

    #main,
.main,
.article,
.entry-content {
max-width: 860px;
margin: 0 auto;
padding: 0 1em;
box-sizing: border-box;
}
.sidebar { background: #ffffff; 
font-size: 14px;
} a.entry-card-wrap {
display: block;
width: 48%;
margin: 0 1% 2em;
padding: 0 0 .5em;
border-radius: 10px;
background-color: #fff;
transition: transform 0.3s ease;
}
a.entry-card-wrap:hover {
transform: translateY(-2px);
}
a.entry-card-wrap:active {
transform: scale(0.97);
opacity: 0.9;
} figure.entry-card-thumb {
max-height: 190px; border-radius: 10px 10px 0 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
} .entry-card-thumb .cat-label {
margin-left: 0.8em;
} figure.entry-card-thumb.card-thumb.e-card-thumb {
aspect-ratio: 16 / 9; overflow: hidden; border-radius: 10px 10px 0 0; display: flex; justify-content: center; align-items: center; }
.eye-catch .cat-label, .cat-label {
font-size: .6em;
border-radius: 10px;
margin: 0.5em;
padding: 0 0.5em 0;
background-color:#4fc2c4;
color: #fff;
}  @media screen and (min-width: 1024px) {
.navi-entry-card {
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);   transition: box-shadow 0.2s, transform 0.1s, opacity 0.2s;
}
.navi-entry-card:active {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transform: scale(0.97);
opacity: 0.7;
} .internal-blogcard::after{
content: '続きを読む \00bb'; position: absolute;
bottom: .6rem;
left: 2rem;
font-size: 77%;
background-color: #00CCCC; padding: .3em 2em;
font-weight: bold;
color: #fff; border-radius: 2px;} .blogcard-snippet {
display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.6em;
max-height: 3.2em;  font-size: 14px;}
} h2.entry-card-title.card-title.e-card-title{
font-size:19px;
color:#7b7b7b;
font-weight:bold;
text-align:center;
line-height:1.8em;
margin-top:2em;
margin-bottom:1em;
padding: 0 1.5em 0;
} .entry-card-snippet.card-snippet.e-card-snippet{
font-size:13px;
color:#7b7b7b;
text-align:center;
border-top:3px dotted #90C31F;
line-height:1.8em;
padding-top:0.6em;
margin-left:2em;
margin-right:2em;
margin-bottom:2em;
max-height:8em;
} @media screen and (max-width: 1023px){  .navi-entry-card {
transition: transform 0.1s ease, opacity 0.2s ease;
touch-action: manipulation;
}
.navi-entry-card:active {
transform: scale(0.97);
opacity: 0.7;
} .internal-blogcard::after{
content: '続きを読む \00bb'; position: absolute;
bottom: .6rem;
left: 1.6rem;
font-size: 77%;
background-color: #00CCCC; padding: .3em 2em;
font-weight: bold;
color: #fff; border-radius: 2px;} .blogcard-snippet {
display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.6em;
max-height: 3.0em;  font-size: 13px;}
} @media screen and (max-width: 834px){  .internal-blogcard::after{
content: '続きを読む \00bb'; position: absolute;
bottom: .6rem;
left: 3rem;
font-size: 70%;
background-color: #00CCCC; padding: .4em 3em;
font-weight: bold;
color: #fff; border-radius: 2px;
}} @media screen and (max-width: 600px) { a.entry-card-wrap {
width: 95%; margin: 0.5em auto;
} .blogcard-snippet {
display: none;
} .internal-blogcard::after {
content: '続きを読む \00bb';
position: absolute;
bottom: .4rem;
left: 1.6rem;
font-size: 63%; 
background-color: #00CCCC;
 padding: 0.6em 2.2em; font-weight: bold;
color: #fff;
border-radius: 4px; } #main,
.main,
.article,
.entry-content {
　 width: 100%;
max-width: 100%;
   padding: 0 0.9em;
margin: 0 auto;
box-sizing: border-box;
} #main,
.main,
.article,
.entry-content {
width: 100%;
max-width: 100%;
padding: 0 0.5em; margin: 0 auto;
box-sizing: border-box;
} a.entry-card-wrap {
width: 98%; margin: 0.5em auto 1.5em; } h2.entry-card-title.card-title.e-card-title {
padding: 1em 0.8em 0.6em;
font-size: 16px;
line-height: 1.6em;
text-align: center;
} .entry-card-snippet.card-snippet.e-card-snippet {
margin: 0 1em 1em;
padding: 0.5em 0;
font-size: 13px;
line-height: 1.6em;
text-align: center;
}
}  a.entry-card-wrap {
display: block;
width: 48%;
margin-bottom: 2em;
border-radius: 10px;
transition: transform 0.3s;
} a.entry-card-wrap:hover {
transform: translateY(-1px);
} figure.entry-card-thumb {
max-height: 180px;
border-radius: 10px 10px 0 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width:834px){
h2.entry-card-title.card-title.e-card-title{
font-size: 14px; font-weight:bold;
line-height:1.7em;
padding: 1.5em .8em 1em;
margin:0;
}
.entry-card-snippet.card-snippet.e-card-snippet{
font-size:12px; text-align:center;
border-top:2px dotted #79c06e;
line-height:1.8em;
padding:1em 0.5em 0;
margin: 0 1em 1.5em;
}}
div.admin-pv{ display:none;
}  .entry-content table {
border-collapse: collapse; border: 2px solid #a1e6c0; } .entry-content th {
color: #ffffff;
 font-size: 80%;
background-color: #3cb371 !important;
 
} .entry-content td {
border: solid 1px #a1e6c0!important;
} .entry-content tr:nth-child(odd) td {
background-color: #f0fff0;
} .entry-content tr:nth-child(even) td {
background-color: #d9fcd9;
} div#custom_html-3{
background: none;
}  .toc-title{
border-radius:2%;	
position: relative;
padding: 5px 0px;	
background: #00CCCC; color: #fff;
font-weight: bold;
} .toc {
background: #f0fcfc;
border: 1px solid #00CCCC;
border-radius:1%;	
} .toc a {
color: #35477e;
font-size: 16px;
} .article .toc-list > li li {
list-style: none;
} .toc-list > li li ::before {
content: '';
width: 5px;
height: 5px;
display: inline-block;
left: -13px;
border-radius: 100%;
background: #cdcdcd;
position: relative;
margin-bottom: 2px;
} .toc-list > li li a {
font-weight: normal;
font-size: 95%;
color: #708090;
margin-left: -10px;
} @media screen and (max-width: 500px){
.ps-widget {
overflow: visible;
}
} .ad-area {
overflow: visible;
} .ad-center{
text-align:center;
}
.ad-area {
display: block;
margin: 0 auto; text-align: center; } .box{
border-radius:40px;
} .box-menu-icon{
color: #40e0d0;
}
.box-menu:hover {
box-shadow: inset 2px 2px 0 0 
#00CCFF,2px 2px 0 0 #00CCFF,2px 0 0 0 #00CCFF,0 2px 0 0
#00CCFF;
} span.fas.fa-times::before{
font-family: "Font Awesome 5 Free";
content: "\f060";
color:#90C31F; }
ul.menu-drawer:before{
font-size:1.2em;
background: white;
color:#333;
margin-bottom:1em;
border-bottom:3px dotted #40e0d0; content: "カテゴリー";
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
padding:0;
font-weight: bold;	
}
.menu-drawer a{
font-size:1.3em;
background-color:#ffffff;
color:#6B6B6B;
margin: .5em 0;
}
.menu-drawer a:hover{
background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
padding:0;
}
.menu-drawer .sub-menu li{
font-size: .8em;	
}
.menu-drawer .sub-menu li a::before {
font-family: "Font Awesome 5 Free";
content : "\f105";
color:#7b7b7b;
margin:0 .5em 0 1em;
}
@media (max-width:834px){
.sub-menu{
box-shadow: none;
}
} .mobile-menu-buttons {
background: #48c4ea;
color: white;
}
.mobile-menu-buttons .menu-button > a {
color: white;
} .wpulike:before{
content: '読んだ意思表示をしてね！'; white-space: nowrap;
font-size: 50%;
padding: .7em 1em ;
}
.wpulike {
width: 140px; margin: 0 0 10px !important;
vertical-align: middle;
overflow: hidden;
padding: 10px !important;
border: solid 3px #fff;
border-radius: 10px;
background-color: #ffffe0;
text-align: center; }