@charset "UTF-8";
@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: 90px;
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;
display: block;
}
.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;
}
  body {
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .entry-content {
margin-bottom: 0;
}
.article-footer, .entry-footer {
margin-top:0;
padding-top:0;
border-top: none;
}
.header-container-in.hlt-top-menu .logo-header img {
height: auto;
width: auto;
}
.logo-header img {
height: 70px;
width: 250px;
}
.logo.logo-header.logo-image {
height: 70px;
padding-top:3px;
margin-left: 0;
margin-right: auto;
margin-bottom:5px;
}
#container {
border-top: solid 7px #a0d8ef;
border-bottom: solid 250px #b28c6e;
}
@media screen and (min-width: 768px){
#container {
border-bottom: solid 90px #b28c6e;
}
}
.main {
border-left: none;
border-right: none;
border-radius: 0;
}
#content-in {
border-top: solid 5px #c3d825;
border-bottom: solid 5px #c3d825;
}
.content {
margin-top: 0px;
}
.blogcard-type{
padding-bottom: 20px;
} @media screen and (min-width: 1000px){
.main {
width: 100%;
}
}
@media screen and (min-width: 481px){
.main {
padding: 40px 50px;
}
}
.google-auto-placed {
margin-left: -16px;
}  #sas_iframe_fixed_26328, #sas_relative_container_26328, #sas_relative_creative_26328, #sas_26328_cross, #sas_iframe_fixed_26328-1, #msna-ad {
z-index: 10000 !important;
}
.svelte-1lk3eae, .msna-native-10el4hn, .svelte-10el4hn {
z-index: 10000 !important;
}
[data-test=caligo-bubble] {
z-index: 10001 !important;
} #sp-fixed-menu{
position: fixed;
width: 100%;
bottom: 0px;
font-size: 0;
opacity: 0.9;
z-index: 99;
}
.report-link {
padding-bottom:120px !important;
}
#ad_report_sas_iframe_fixed_26328 {
padding-bottom:120px !important;
}
.sidebar {
margin-left: -310px;
background-color:transparent;
}
@media screen and (max-width: 1024px) {
div.sidebar {
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
}}
#custom_html-112, #custom_html-115 {
margin-top: 0px;
margin-bottom: 0px;
}
.f-area {
margin: 40px -16px 50px -16px;
min-width:300px;
max-width:338px;
width:100%;
height:300px;
}
.ad-300 {
margin: 30px 0;
width: 300px;
}
.ad-300b {
margin: 40px auto;
width: 310px;
}
.ad-336 {
margin: 5px auto -20px auto;
width: 336px;
}
.ad-336b {
margin: 40px auto;
width: 336px;
}
#custom_html-120 {
margin-top: 20px;
margin-bottom: 20px;
}
.g-area {
margin: 40px auto 40px auto;
}
@media screen and (min-width: 970px){
.g-area {
margin-left: -50px;
margin-right: -50px;
}
}
@media only screen and (max-width: 480px) {
.g-area {
margin-left: -16px;
margin-right: -16px;
}
}
@media only screen and (min-width: 481px) {
.ga-area {
margin: 40px auto 10px auto;
}}
@media only screen and (max-width: 480px) {
.ga-area {
margin: 40px auto 10px auto;
min-height:360px;
}}
@media only screen and (max-width: 400px) {
.ga-area {
margin: 40px auto 10px auto;
min-height:325px;
}}
@media only screen and (max-width: 360px) {
.ga-area {
margin: 40px auto 10px auto;
min-height:300px;
}}
@media only screen and (min-width: 401px) {
.fa-area {
margin: 40px -16px 10px -16px;
min-height:360px;
}}
@media only screen and (max-width: 400px) {
.fa-area {
margin: 40px -16px 10px -16px;
min-height:325px;
}}
@media only screen and (max-width: 360px) {
.fa-area {
margin: 40px -16px 10px -16px;
min-height:300px;
}}
.ad-area {
margin: 35px 0px;
}
.ad-area2 {
margin: 15px 0px -15px 0;
}
.ad-index {
margin: 30px auto;
}
.ad-top {
margin-bottom: -1.4em;
}
.ad-area300 {
margin: 25px auto 10px auto;
width: 300px;
}
.ad-area336 {
margin: 40px 0;
width: 336px;
}
.ad-728 {
margin: 35px 0px;
max-width: 728px;
}
.ad-320 {
margin: 35px 0;
width: 320px;
}
.wr {
margin: 0 0 0 0;
overflow: hidden;
min-height:280px;
}
.adleft {
margin-right: 10px;
float:left;
width: 336px;
}
.adright {
float:left;
width: 336px;
} 
.blogcard-type {
margin-top: 40px;
}
.adlabel {
font-size: 0.7em;
font-color: #444;
}
.ad-label2, .main-widget-label {
margin-top: 30px;
padding: 1px 0 1px 10px;
background: #F2F2F2;
font-weight:bold;
text-align: left;
color: #555;
font-size: 15px;
}
.main-widget-label {
margin-top: 30px;
padding: 5px 0 5px 10px;
background: #F2F2F2;
font-weight:bold;
text-align: left;
color: #555;
font-size: 15px !important;
}
.ad-label3 {
text-align: left;
color: #999;
font-size: 0.7em;
}
.ad-label4{
margin-top: 30px;
padding: 1px 0 1px 10px;
background: #c3d825;
font-weight:bold;
text-align: left;
color: #555;
font-size: 0.8em;
}
.border-partition a:first-of-type {
border-top: none;;
}
.border-partition a {
border-bottom: 3px solid #f4e7e5;
}
.article img {
padding-top: 15px;
}
amp-img {
margin-top: 15px;
}
.logo-image {
padding: 0;
}
.blogcard img {
padding-top: 0px;
}
.amazon-text {
font-size: .8em;
margin-top: 20px;
margin-bottom: 10px;
}
#pc_ad-2 {
margin-top: 40px;
padding-bottom: 20px;
}
@media screen and (max-width: 703px){
.ad-dabble-rectangle .ad-wrap {
flex-wrap: wrap-reverse;
}}
@media screen and (max-width: 626px){
.ad-dabble-rectangle .ad-responsive {
width: 336px;
}} .entry-card .cat-label{
display:none;
}
.breadcrumb {
margin: 0 0 1em 0;
font-size: .7em;
}
.tagline {
text-align:left;
padding-left: 10px;
margin: 0 0 -5px 0;
} .pagination-next-link {
background-color: #b28c6e;
font-weight: bold;
color: #fff;
}
.pagination-next-link:hover, .comment-btn:hover {
background-color: #8c6450;
color: #666;
}
.content-top {
margin:0;
}
.footer-bottom-logo img {
height: 50px;
width: 179px;
}
.footer-bottom {
margin-top: 0;
}
.entry-card-title, .related-entry-card-title {
font-size: 24px;
}  .article h1 {
color:#555;
padding-left: 0;
padding-right: 0;
}
.article h2 {
color:#555;
font-weight:bold;
margin-top:50px;
background-color: #F2F2F2;
padding: .35em 0 .35em .75em;
border-radius: 0px;
}
@media screen and (max-width: 834px) {
.article h2, .article h3, .gnf, .ad-label2, .ad-label3, .ad-label4, .main-widget-label {
padding-left: 16px;
margin-left: -16px;
margin-right: -16px;
}
}
.article h3 {
color:#555;
padding: .25em 0 .25em .75em;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
background-color: #F2F2F2;
}
.gnf{
padding: .5em 1em .7em 1em;
background-color: #F2F2F2;
margin-top: 40px;
} .point{
position: relative;
border-top: solid 2px #7ebeab;
border-bottom: solid 2px #7ebeab;
background: #f8fbf8;
line-height: 1.4;
padding: 0.1em 0.4em;
margin: 2em 0 0 0;
font-size: 20px;
font-weight: bold;
color: #555;
}
.name{
position: relative;
border-top: solid 2px #2ca9e1;
border-bottom: solid 2px #2ca9e1;
background: #f8fbf8;
line-height: 1.4;
font-weight: bold;
font-size: 20px;
padding: 0.1em 0.4em;
color: #555;
border-radius: 0px;
margin: 26px 0 0 0 !important;
} caption {
text-align: left;
font-size: 16px;
padding:5px 0;;
border-bottom: solid 3px #5b7e91;
}
caption::before {
font-family: "Font Awesome 5 Free";
content: '\f35a';
font-weight: 900;
padding-right: 5px;
}
.article table{
width: 100%;
font-size:15px;
margin-bottom: 0;
}
tr.yb {
border-top: 2px solid #595857;
}
table th, table td {
border: 1px solid #c0c6c9;
}
.article th, .article td {
padding: 5px;
}
.article table.haito{
width: 100%;
}
.article td.gold0 {
text-align: center;
font-weight: bold;
background-color: #D4E0E0;
font-size : 17px;
padding: 5px 20px;
}
.article td.gold1 {
text-align: right;
background-color: #f3f3f3;
padding: 5px 30px;
font-size : 17px;
}
.article td.gold2 {
text-align: right;
padding: 5px 30px;
font-size : 17px;
}
.article th.sho {
background-color: #D4E0E0;
text-align: center;
font-size : 16px;
font-weight: bold;
}
.article th.year {
position: -webkit-sticky;
position: sticky;
left: -1px;
z-index: 1;
background-color: #D4E0E0;
text-align: center;
font-size : 16px;
font-weight: bold;
}
.article td.year {
position: -webkit-sticky;
position: sticky;
left: -1px;
z-index: 1;
background-color: #f8fbf8;
text-align: center;
}
.article th.sho2 {
background-color: #D4E0E0;
text-align: center;
font-size : 13px;
line-height: 1.2em;
padding: 2px 5px;
font-weight: bold;
}
.article td.sho00 {
background-color: #f8fbf8;
text-align: center;
}
.article td.sho01 {
background-color: #fef263;
text-align: center;
}
.article td.sho02 {
background-color: #e5e4e6;
text-align: center;
}
.article td.sho03 {
background-color: #edd3a1;
text-align: center;
}
.article td.w1 {
background-color: #f3f3f3;
text-align: center;
}
.article td.w2 {
background-color: #595857;
color: #fffffc;
text-align: center;
}
.article td.w3 {
background-color: #df7163;
color: #fffffc;
text-align: center;
}
.article td.w4 {
background-color: #a0d8ef;
text-align: center;
}
.article td.w5 {
background-color: #f8e58c;
text-align: center;
}
.article td.w6 {
background-color: #93b881;
text-align: center;
}
.article td.w7 {
background-color: #e49e61;
text-align: center;
}
.article td.w8 {
background-color: #eebbcb;
text-align: center;
}
.article td.west {
background-color: #d6e9ca;
text-align: left;
}
.article td.east {
background-color: #bbc8e6;
text-align: left;
}
.article td.nar {
background-color: #fef4f4;
text-align: left;
}
.article td.ichi {
background-color: #fef263;
text-align: left;
}
.article td.ni {
background-color: #e5e4e6;
text-align: left;
}
.article td.san {
background-color: #edd3a1;
text-align: left;
}
.article td.other {
background-color: #f8fbf8;
text-align: left;
}
.article th.info01 {
background-color: #D4E0E0;
text-align: center;
padding: 5px 15px;
font-size: 17px;
font-weight: bold;
}
.article td.info02 {
background-color: #ffffff;
text-align: left;
padding: 5px 30px;
font-size: 17px;
}
.article td.info03 {
background-color: #f3f3f3;
text-align: left;
padding: 5px 30px;
font-size: 17px;
}
.article td.ire {
background-color: #7ebea5;
text-align: left;
}
.article td.fra {
background-color: #89c3eb;
text-align: left;
}
.article td.eng {
background-color: #ee827c;
text-align: left;
}
.article td.ger {
background-color: #f6ad49;
text-align: left;
}
.article td.aus {
background-color: #f5e56b;
text-align: left;
}
.article td.nzl {
background-color: #0095d9;
color: #fffffc;
text-align: left;
}
.article td.saf {
background-color: #dddcd6;
text-align: left;
}
.article td.usa {
background-color: #e198b4;
text-align: left;
}
.article td.can {
background-color: #f2f2b0;
text-align: left;
}
.article td.hkg {
background-color: #f6bfbc;
text-align: left;
}
.article td.uae {
background-color: #c0c6c9;
text-align: left;
}
.article td.sng {
color: #fff;
background-color: #274a78;
text-align: left;
}
.article td.ita {
color: #fff;
background-color: #00a497;
text-align: left;
}
.article td.qtr {
background-color: #bfa46f;
text-align: left;
}
.article td.sau {
background-color: #005243;
text-align: left;
color: #fffffc;
}
.article td.bah {
background-color: #b94047;
text-align: left;
color: #fffffc;
}
.article td.kwt {
background-color: #727171;
text-align: left;
color: #fffffc;
}
.article td.chi {
background-color: #9e3d3f;
text-align: left;
color: #fffffc;
}
.article td.sun {
background-color: #fff1cf;
text-align: left;
}
.article td.rob {
background-color: #f3bf88;
text-align: left;
}
.article td.nd {
background-color: #68699b;
text-align: left;
color: #fffffc;
}
.article td.mp {
background-color: #f5b1aa;
text-align: left;
}
.article td.nas {
background-color: #6b7b6e;
text-align: left;
color: #fffffc;
}
.article td.ob {
background-color: #dcdddd;
text-align: left;
}
.article td.kg0 {
text-align: center;
font-weight: bold;
background-color: #D4E0E0;
font-size : 17px;
width: 16%;
}
.article td.kg1 {
text-align: center;
background-color: #f3f3f3;
font-size : 17px;
width: 16%;
border-right-width: 3px;
}
.article td.kg2 {
text-align: center;
font-size : 17px;
width: 16%;
border-right-width:3px;
}
span.ire {
color: #7ebea5;
}
span.fra {
color: #89c3eb;
}
span.eng {
color: #ee827c;
}
span.ger {
color: #f6ad49;
}
span.aus {
color: #f5e56b;
}
span.nzl {
color: #0095d9;
}
span.saf {
color: #dddcd6;
}
span.hkg {
color: #f6bfbc;
}
span.uae {
color: #c0c6c9;
}
span.sng {
color: #274a78;
}
span.usa {
color: #e198b4;
}
span.bah {
color: #b94047;
}
span.sng {
color: #274a78;
}
span.qtr {
color: #bfa46f;
}
span.ita {
color: #00a497;
}
span.sau {
color: #005243;
}
span.can {
color: #f2f2b0;
}
span.chi {
color: #9e3d3f;
}
span.kaigyo{
display:block;
}
span.sun {
background-color: #fff1cf;
}
span.rob {
background-color: #f3bf88;
}
span.nd {
background-color: #68699b;
color: #fffffc;
}
span.mp {
background-color: #f5b1aa;
}
span.nas {
background-color: #6b7b6e;
color: #fffffc;
}
span.ob {
background-color: #dcdddd;
}
.sankou2 {
color: #fff;
background-color: #316745;
padding: 2px 5px;
border-radius: 2px;
font-size: 12px;
} .single #content ul {
padding-left: 20px;
}
.single #content ul li {
list-style-type: none;
position:relative;
padding-left: 30px;
}
.single #content ul li:before {
content: "";
position: absolute;
left: 10px;
height: 10px;
width: 10px;
border-radius: 50%;
background: #f7b977;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#the-content .toc_list li:before {
display: none; }
.menu-footer li:before {
display: none; }
.search-box {
margin: 0;
}
.widget_categories li {
display: block;
}
.widget_categories li.cat-item a {
padding: 3px;
}
.widget_categories ul li a::before{ font-family: "Font Awesome 5 Free";
content: "\f65d";
color: #a0d8ef;
padding-right: 6px; font-weight: 900; }
.widget_categories ul li ul li a::before{ font-family: "Font Awesome 5 Free";
content: "\f65e";
color: #c3d825;
padding: 0px 6px 0px 2px; font-weight: 900; }
.footer-title {
background-color: #595857;
color: #f7fcfe;
padding-left:5px;
margin-bottom:5px;
}
.widget_categories {
padding-bottom:10px;
}
.entry-card-thumb {
width: 150px;
}
.entry-card-content {
margin-left: 180px;
}
.booklink-box, .kaerebalink-box, .tomarebalink-box, .product-item-box {
width: 100%;
} .pager-post-navi {
border: 1px solid #d7a69c;
}
.pager-post-navi .card-thumb img {
vertical-align: bottom;
}
@media screen and (max-width: 480px) {
.pager-post-navi a figure {
min-width: 20%;
max-width: 20%;
}
.pager-post-navi a.next-post {
border-top: 1px solid #d7a69c;
}
}
@media screen and (min-width: 481px) {
.pager-post-navi {
display: flex;
flex-direction: row;
position: relative;
justify-content: space-between;
}
.pager-post-navi a.prev-post,
.pager-post-navi a.next-post {
width: 50%;
margin: 0;
}
.pager-post-navi::after {
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 100%;
background-color: #e6c7c0;
content: "";
}
}
.pager-post-navi a.prev-post::before,
.pager-post-navi a.next-post::before {
color: #c88578;
} .list .entry-card-title {
margin-bottom: 0.4em;
padding: 0.4em 0;
border-bottom: 3px solid #f4e7e5;
font-weight: bold;
}
@media screen and (max-width: 480px) {
.list .entry-card-title {
margin-bottom: 0.3em;
padding: 0.3em 0;
border: none;
}
}
.list .entry-card-snippet {
color: #595857;
line-height: 1.5;
}
.list .card-thumb img {
border: 3px solid #fff;
border-radius: 4px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
transition: all 0.4s ease-out;
}
.list .a-wrap:hover {
border-radius: 4px;
background: none;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.list .a-wrap:hover .card-thumb img {
border-radius: 0;
box-shadow: none;
}
.a-wrap:hover {
background-color: #f4e7e5;
}
.cat-label {
top: 3px;
left: 3px;
padding: 1px 8px 1px 8px;
border: none;
border-top-width: 0;
border-left-width: 0;
background-color: rgba(119, 60, 48, 0.9);
}
ol, ul {
padding: 0.1em 1em 0.2em 1em;
} a.prev.page-numbers, a.next.page-numbers {
width:38px;
margin-bottom:15px;
background-color: #b28c6e;
color: #fff;
}
.page-numbers {
width: 36px;
} .ss-top a.share-button {
width: 12%;
height: 34px;
}
#main a .button-caption {
display: none;
}
#main .sns-buttons a {
height: 35px;
width: 35px;
border-radius: 50%;
opacity: 0.8;
margin-right: 10px;
}
#main .sns-buttons a:last-child {
margin-right: 0;
}
.sns-share-buttons {
justify-content: flex-end;
}
.article-footer .sns-share-buttons, .article-footer .sns-follow-buttons {
justify-content: center;
}
.sns-share-message, .sns-follow-message {
color: #69788a;
font-size: 0.8em;
}
.sns-follow-buttons a {
font-size: 1.3em;
}
.sns-share-message::before, .sns-follow-message::before {
content: '＼ ';
}
.sns-share-message::after, .sns-follow-message::after {
content: ' ／';
}
.sns-share, .sns-follow {
margin: 0;
}
.sns-share-buttons a .share-count,
.sns-follow-buttons a .follow-count {
right: -10px;
bottom: -10px;
color: #aaa;
}
.ss-top a.share-button {
width: 35px !important;
}  *,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%; }
.gn {
text-align: left;
font-size: 16px;
}
.gn::before {
font-family: "Font Awesome 5 Free";
content: '\f0da';
font-weight: 900;
padding-right: 5px;
} .btn,
a.btn,
button.btn {
font-size: 1.4rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #2b2b2b;
border-radius: 0.5rem;
margin-top:5px;
border: none;
}
a.btn-flat {
overflow: hidden;
padding: 1.3rem 3.5rem;
color: #fff;
border-radius: 0;
background: #2b2b2b;
border-radius: 0 20px 20px 0;
}
a.btn-flat span {
position: relative;
}
a.btn-flat:before {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
content: '';
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: translateX(-80%) translateY(-25px);
transform: translateX(-80%) translateY(-25px);
border-radius: 50%;
background: #f6ad49;
}
a.btn-flat:hover:before {
width: 400px;
height: 400px;
-webkit-transform: translateX(-1%) translateY(-175px);
transform: translateX(-1%) translateY(-175px);
}
.footer {
margin-top: 0px;
} .amabox{
margin: 2em auto; padding:3em 1em 1em; position:relative; border: 2px solid #D7A69C; }
.amabox .box-title {
background-color:#F5E6E5; font-size: 1em; color: #555 ; font-weight: bold;
padding: 5px 7px 7px 7px; line-height: 1; position:absolute; top: 0; left: 0; }
.blog-card {
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
margin: 24px 12px;
overflow: hidden;
} .blog-card-label {
background: #eb9b6f;
color: #fff;
font-size: 13px;
font-weight: 700;
padding: 6px 10px;
border-bottom: 1px solid rgba(0,0,0,0.1);
} .blog-card a {
display: flex;
text-decoration: none;
color: inherit;
padding: 10px;
gap: 10px;
}
.blog-card-thumb {
width: 140px;
height: 100px;
background-size: cover;
background-position: center;
flex-shrink: 0;
border-radius: 4px;
}
.blog-card-body {
flex: 1;
display: flex;
align-items: center;
}
.blog-card-title {
font-size: 16px;
font-weight: 700;
margin: 0;
}
@media screen and (max-width: 767px) {
.blog-card-thumb {
width: 100px;
height: 70px;
}
.blog-card-title {
font-size: 14px;
}
} .box-accent {
margin: 1em 1em 1.5em 1em; padding: 1.5em; border: 3px solid #eee; position: relative; z-index: 0; }
.box-accent::before {
border-top: 3px solid #8491c3; border-left: 3px solid #8491c3; content: ''; display: block; position: absolute; top: -3px; left: -3px; width: 20px; height: 20px; z-index: 1; }
@media screen and (max-width: 480px){
.box-accent {
margin: 0em 0em 1em 0em; padding: 1em; }
}
.ama-box {
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
margin: 24px 12px;
overflow: hidden;
font-size: 17px;
}
.ama-box-label {
background: #FF9900;
color: #333E48;
font-size: 15px;
font-weight: 700;
padding: 6px 10px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}  @media screen and (max-width: 834px){
.navi-footer-in > .menu-footer li.menu-item {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
padding: 5px;
}
.widget_pc_text, .widget_pc_ad, .widget_pc_double_ads {
display: block;
}
.footer-widgets {
display: block;
}
#footer-widget {
display: block;
}
.article th, .article td {
padding: 3px;
font-size : 15px;
}
.article th.sho {
font-size : 15px;
}
.article td.gold0 {
font-size : 14px;
}
.article td.gold1 {
padding-left: 5px;
padding-right: 5px;
font-size : 15px;
}
.article td.gold2 {
padding-left: 5px;
padding-right: 5px;
font-size : 15px;
}
} @media screen and (max-width: 480px){ .logo-header img {
height: 56px;
width: 200px;
}
.logo.logo-header.logo-image {
height: 56px;
margin-bottom:5px;
margin-left:0px;
}
.header-container-in.hlt-top-menu amp-img {
max-width: 200px;
}
.ad-area {
overflow: visible;
margin-bottom: 30px;
}
.blogcard-type {
padding-bottom: 0px;
}
.archive-title {
font-size: 20px;
}
.article h2 {
font-size:19px;
}
.point, .name{
font-size: 17px;
}
.article th.info01 {
padding: 0px 7px;
font-size:16px;
}
.article td.info02 {
padding: 0px 7px;
font-size:16px;
}
.article td.info03 {
padding: 0px 7px;
font-size:16px;
}
.article td.gold0 {
font-size : 15px;
padding: 2px 3px;
}
.article td.gold1 {
padding: 2px 3px;
font-size : 15px;
}
.article td.gold2 {
padding: 2px 3px;
font-size : 15px;
}
.single #content ul {
padding-left: 0px;
}
.entry-card-title, .related-entry-card-title {
font-size: 18px;
}
.entry-card-thumb {
width: 100px;
}
.entry-card-content {
margin-left: 120px;
}
.article ul li{
font-size: 15px;
margin: 0;
}
} @media only screen and (max-width: 359px) {
.main {
margin: 0 !important;
}
.tagline {
font-size: 11px;
}
.article h1 {
font-size:18px;
}
.article h2{
font-size: 17px;
}
.article h3 {
font-size:16px;
}
.point, .name{
font-size: 16px;
}
.content {
font-size: 15px;
}
.article th, .article td {
padding: 2px;
font-size: 15px;
}
.article th.info01 {
font-size: 15px;
padding: 0px 5px;
}
.article td.info02 {
font-size: 15px;
padding: 0px 5px;
}
.article td.info03 {
font-size: 15px;
padding: 0px 5px;
}
.article td.gold0 {
font-size: 14px;
padding: 2px 1px;
}
.article td.gold1 {
font-size: 14px;
padding: 2px 1px;
}
.article td.gold2 {
font-size: 14px;
padding: 2px 1px;
}
.article td.kg0 {
font-size: 15px;
}
.article td.kg1 {
font-size: 15px;
}
.article td.kg2 {
font-size: 15px;
}
.entry-content ul li{
font-size: 14px;
margin: 0;
}
.entry-card-title, .related-entry-card-title {
font-size: 16px;
}
.ba320 {
margin-left: -16px;
}
}*{
-moz-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-webkit-touch-callout: none; 
user-select: none; 
}