@charset "UTF-8";

     @media screen and (max-width: 1023px){ } @media screen and (max-width: 834px){ } @media screen and (max-width: 480px){ } .home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
display: none;
} .page .date-tags,
.page .author-info {
display: none;
} .appeal{
padding:.1em 0 .2em;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1);
}
div#appeal-in.appeal-in.wrap{
padding:0;
min-height:0px;
max-height:30px;
}
div.appeal-content{
padding:0;
}
.appeal-content{
background-color:#deb662; margin:auto;
max-width:100%;
opacity:1;
line-height:1.6;
}
a.appeal-button {
color: #fff!important;
font-size:.85em;
padding:0 23em 0;
margin:0;
max-width:100%;
white-space: nowrap;
box-shadow: none;
}
@media screen and (max-width: 1023px){
a.appeal-button {
padding:0 18em 0 ;
}}
@media screen and (max-width: 834px){
a.appeal-button {
padding:0 13em 0 ;
}
}
@media screen and (max-width: 652px){
a.appeal-button {
padding:0 8em 0 ;
}}
@media screen and (max-width: 500px){
a.appeal-button {
padding:0 6em 0 ;
}}
@media screen and (max-width: 420px){
a.appeal-button {
padding:0 3em 0 ;
}}
.appeal-button:hover {
transform:none;
box-shadow: none;
} div#recommended-in.recommended-in.wrap.cf{ margin-top: 20px;
max-height:220px;
}
@media screen and (min-width: 1024px){
div#recommended-in.recommended-in.wrap.cf{ padding:0 2em;
}}
div#content.content.cf{ margin-top:0;
}
.widget-entry-cards .a-wrap:hover {
transform: translateY(-1px);
transition: all .3s;
}
figure.navi-entry-card-thumb.widget-entry-card-thumb.card-thumb{
opacity:.8;
}
.recommended.rcs-center-white-title .a-wrap:hover .card-content {
transition: all .1s;
opacity: 1;
}
.widget-entry-cards.large-thumb-on .card-content{ background: rgba(151, 151, 151, 0);
}
a.navi-entry-card-link.widget-entry-card-link.a-wrap{  border-radius:10px!important;
margin:1em .5em;
background-color:#EFF1F5; }
div.navi-entry-card-title.widget-entry-card-title.card-title{ color:#333333;
font-weight:bold;
font-size:.8em;
background-color: rgba(255, 255, 255, 0.8);
padding: .6em .5em;
border-radius:30px;
}
@media (max-width:834px){
a.navi-entry-card-link.widget-entry-card-link.a-wrap{  margin:.3em 0em;
}
div.navi-entry-card.widget-entry-card.e-card.cf{ border-radius:10px!important;
overflow:hidden;
max-height:100px;
margin:0 .3em 0;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1)!important;
}
.widget-entry-cards.large-thumb-on .a-wrap:hover {
box-shadow:none;
}
}
@media (max-width:834px){
div.navi-entry-card-title.widget-entry-card-title.card-title{ font-size:.6em;
padding: .5em;
}
div#recommended-in.recommended-in.wrap.cf{ margin: .7em .2em .3em;
}
.widget-entry-cards.large-thumb-on .card-content{ background: rgba(151, 151, 151, 0.2);
}
}
main#main.main{ margin:0;
}
#main .button-caption {
display: none; } .sns-share-message{
font-weight: bold; color: #875d5b; }
.sns-share-buttons {
flex-wrap: nowrap; justify-content: center; }
.sns-share-buttons a {
border-radius: 50%; font-size: 20px; margin: 0 10px; }
#main .sns-share a {
width: 40px; height: 40px; } .sns-follow-message{
font-weight: bold; color: #875d5b; }
.sns-follow-buttons {
justify-content: center; }
.sns-follow-buttons a {
border-radius: 50%; font-size: 20px; margin: 0 10px; }
#main .sns-follow a {
width: 40px; height: 40px; }
************************************
** 目次デザイン
************************************/
.toc {/
border: 1px solid #6ec4db;
font-size: 0.9em;
line-height: 1.5;
padding: 0;
margin-bottom: 1em;
display: table;
margin-left: auto;
margin-right: auto;
}
.toc-title {
background: #6ec4db; color: #fff; font-size: 1.1em;
text-align: center;
padding: 6px 16px;
}
.toc-title::before {
font-family: FontAwesome;
content: '\f0ca'; margin-right: 0.5em;
}
.toc-content {
padding: 8px;
}
.toc ul li a, .toc ol li a {
display: block;
border-bottom: 1px dashed #6ec4db; margin-left: -20px;
padding-left: 20px;
}
.toc ul.toc-list>li, .toc ol.toc-list>li {
margin-top: 1em;
}
.toc ul.toc-list>li>a, .toc ol.toc-list>li>a {
border-bottom: 2px solid #6ec4db; font-weight: bold;
}
.toc-list > li li a {
font-weight: normal;
font-size: 95%;
color: #708090;
margin-left: -20px;
}
#header-container #navi a {
font-size: 0.8em;
}
nav#navi, .menu-header .sub-menu {
font-weight: bold;
box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}
.menu-header .item-label {
color: #b5b5b5 !important;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
color: #333 !important;
border-bottom: 3px solid #FDD835;
transition: all .2s ease;
}
.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
color: #333 !important;
transition: all .2s ease;
}
.page .entry-title{
display: none;
}