#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}body.public-page,.content .main{
background-color: #fff;
} .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text, .header-container-in.hlt-top-menu .site-name-text {
letter-spacing:0.1rem;
margin-left: 32px;
}
strong {
color:#4b4b4b;
} .tagline {
border-top: solid 6px #4b4b4b;
padding-top: 4px;
} .header-container-in.hlt-top-menu .navi {
padding-right: 26px;
} .header-container {
position:sticky;
top:0;
width:100%;
z-index:1;
background-color: rgba(255,255,255,0.80);
}
.navi{
background-color: transparent;
}
.hlt-center-logo-wrap .header-container {
position: static;
}
.navi-in>ul li {
width:120px;
}
.navi-in a {
font-size: 0.95rem;
font-weight:bold;
position: relative;
}
.navi-in a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: rgba(0,0,0,0.1);
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.navi-in a:hover::after,
.navi-in a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.navi-in a:hover {
background: #fff;
}
.header-container-in {
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
} .entry-card-wrap {
background-color: #fff;
}
.entry-card-wrap:hover ,.related-entry-card-wrap:hover{
background-color:#fff;
}
.entry-card figure img, .related-entry-card figure img {
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
}
.entry-card-wrap figure img:hover, .related-entry-card-wrap figure img:hover {
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
transition: opacity 0.5s, transform 0.5s;
-webkit-transform: scale(1.02);
transform: scale(1.02);
background-color:#fff;
}
.entry-card-title, .related-entry-card-title {
position: relative;
font-size: 0.8rem;
line-height: 1.2;
margin: 25px 10px;
font-weight: bold;
letter-spacing:0.6px;
text-align:center;
}
.entry-card-snippet, .related-entry-card-snippet {
line-height: 1.8;
color:#666;
}
.eye-catch img {
margin: 0 auto;
}
.ect-entry-card .entry-card-title,
.rect-entry-card .related-entry-card-title,
.rect-mini-card .related-entry-card-title{
margin-top: 0;
} .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
font-weight: 500;
} .entry-title, .archive-title {
padding: 20px;
color: #333;
font-size: 2.2rem;
letter-spacing:0.4rem;
} .article h2 {
font-size: 1.6rem;
background-color:#fff;
padding-left: 0px;
padding-bottom: 15px;
border-bottom:solid 2px #999;
}
.article h3 {
font-size: 1.4rem;
border: none;
padding-left: 0px;
}
.article h4 {
font-size: 1.2rem;
}
.article h5 {
font-size: 1rem;
}
.article h6 {
font-size: 0.9rem;
} .widget_item_ranking .main-widget-label {
font-size: 1.4rem;
padding: 6px;
margin: 28px 0 12px;
font-weight: 500;
letter-spacing:0.5px;
} .memo-box {
padding: 30px 15px 31px 55px;
position: relative;
border: 1px solid #B5B5B5;
background: #fff;
background: -webkit-linear-gradient(top, #DFE8EC 0%, white 8%) 0 57px;
background: -moz-linear-gradient(top, #DFE8EC 0%, white 8%) 0 57px;
background: linear-gradient(to bottom, #DFE8EC 0%, white 8%) 0 57px;
-webkit-background-size: 100% 30px;
-moz-background-size: 100% 30px;
-ms-background-size: 100% 30px;
background-size: 100% 31px;
}
.memo-box::before { display: none;
}
.memo-box::after {content:''; position:absolute; width:0px; top:0; left:39px; bottom:0; border-left:1px solid #F8D3D3;} .author-box .author-name {
font-size: 1.1em;
font-weight: 500;
}
.author-box .author-name a {
text-decoration:none;
}
.author-widget-name{
margin:5px;
}
.author-box:before {
content:"";
display:block;
height:1px;
background-image: repeating-linear-gradient(120deg, #F29B91 10px, #F09290 35px, transparent 35px, transparent 50px, #83B3DB 50px, #84ADCB 75px, transparent 75px, transparent 90px);
padding: 8px;
margin-bottom:10px;
}  .sidebar h2,
.widget h3 {
position: relative;
background-color: #FFF;
font-size: 0.95rem;
letter-spacing: 0.2em;
text-align: center;
}
.sidebar h2::before,
.widget h3:before {
content: '';
position: absolute;
bottom:6px;
border-bottom: solid 3px #C0C0C0;
width:60px;
left:50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.widget h3 {
padding: 16px 10px;
margin: 16px 0;
}
.widget li a {
border-bottom: 1px solid #ddd;
font-size: 0.8rem;
}
.textwidget {
font-size: 0.8rem;
} .related-entry-heading, .comment-title {
letter-spacing: 0.2em;
padding: 10px 0;
position: relative;
color: #ee6588;
margin: 22px 0;
font-size: 18px;
text-align:center;
}
.related-entry-heading:before ,.comment-title:before {
content: '';
position: absolute;
bottom:6px;
border-bottom: solid 3px #C0C0C0;
width:60px;
left:50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.comment-area, .pager-post-navi {
padding: 0px 29px 20px;
background-color: #fff;
border-radius:4px;
}
.related-entry-card {
padding: 10px 9px 0px;
background-color: #fff;
border-radius: 4px;
}
.comment-list .comment-content {
margin-top:17px;
padding:10px 15px;
border:2px solid #999;
position:relative;
border-radius:8px;
}
.comment-list .comment-content:before {
width: 0;
height: 0;
position: absolute;
top: -15px;
right:auto;
left: 16px;
display: inline-block;
border-left: 15px solid transparent;
border-bottom: 15px solid #999;
border-right: 15px solid transparent;
content: " ";
}
.comment-list .comment-content:after {
width: 0;
height: 0;
position: absolute;
top: -12px;
right:auto;
left: 16px;
display: inline-block;
border-left: 15px solid transparent;
border-bottom: 15px solid #fff;
border-right: 15px solid transparent;
content: " ";
z-index:1;
}
.commets-list .byuser .comment-content:before {
width: 0;
height: 0;
position: absolute;
top: -15px;
right: 16px;
left:auto;
display: inline-block;
border-left: 15px solid transparent;
border-bottom: 15px solid #999;
border-right: 15px solid transparent;
content: " ";
}
.commets-list .byuser .comment-content:after {
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 16px;
left:auto;
display: inline-block;
border-left: 15px solid transparent;
border-bottom: 15px solid #fff;
border-right: 15px solid transparent;
content: " ";
z-index:1;
}
.commets-list .comment.even .avatar {
float: left;
border-radius: 50%;
margin-right:5px;
}
.commets-list .comment.byuser .avatar {
float: right;
border-radius: 50%;
margin-left:5px;
}
.commets-list .comment-reply-link {
margin-top:10px;
}
.commets-list .comment.even .comment-body {
padding:0 10px 0 20px;
}
.commets-list .comment.byuser .comment-body {
padding:0 20px 0 10px;
}
.recent-comment-content {
font-size: 0.8em;
}
.recent-comment-content::before {
border-width: 8px;
margin-left: -8px;
}
.recent-comment-avatar img{
border-radius:50%;
}
.recent-comment-date, .recent-comment-article {
font-size:0.65em;
line-height:2em;
} .toc {
margin: 0 auto;
min-width: 600px;
padding:20px;
background-color: rgba(253, 252, 250, 1);
box-shadow:8px 0 16px -2px rgba(0,0,0,0.1) inset;
}
.nwa .toc {
min-width: 0;
}
.toc-title {
position: relative;
text-align:left;
padding-left:35px;
margin-bottom:25px;
}
.toc-title:before {
font-family: FontAwesome;
content: "\f083";
position: absolute;
font-size: 1.1em;
left: 5px;
color: #333;
} .wp-caption {
padding:4px;
background-color: #fff;
text-align: center;
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
}
.wp-caption img {
padding: 5px;
}
.wp-caption-text {
position: relative;
padding-left:27px;
color:#333;
margin-top: 0px;
text-align: left;
}
.wp-caption-text:before {
font-family: FontAwesome;
content: "\f03e";
position: absolute;
font-size: 1.1em;
left: .3em;
color: #333;
}
.comment-title {
font-size: 18px;
text-align: center;
padding: 18px;
}
.widget_author_box.author-thumb img {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.author-display-name{
display:none;
} .pagination-next-link {
background-color: #fff;
font-size: 1em;
letter-spacing: 0.2em;
}
@media screen and (max-width: 834px){ .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text {
letter-spacing:0.1rem;
margin: 10px auto;
}
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header {
margin-bottom: 10px;
} .toc {
margin: 0 auto;
min-width:200px;
}
main.main, div.sidebar {
padding-left: 10px;
padding-right: 10px;
margin: 10px 0 10px 0;
}
.entry-title, .archive-title {
margin:0;
margin-bottom:4px;
}
}
@media screen and (max-width: 480px){
.archive-title,.entry-title {
font-size: 18px;
} .article h2 {
font-size: 1.2rem;
padding-bottom: 8px;
}
.article h3 {
font-size: 1.2rem;
}
.memo-box {
padding: 12px 5px 11px 18px;
font-size: 0.8rem;
background: -webkit-linear-gradient(top, #DFE8EC 0%, white 8%) 0 10px;
background: -moz-linear-gradient(top, #DFE8EC 0%, white 8%) 0 10px;
background: linear-gradient(to bottom, #DFE8EC 0%, white 8%) 0 10px;
background-size: 100% 22px;
}
.memo-box::after {content:''; position:absolute; width:0px; top:0; left:13px; bottom:0; border-left:1px solid #F8D3D3;}
}
.font-awesome-5 .toc-title:before,
.font-awesome-5 .wp-caption-text:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
}