@charset "UTF-8";

     @media screen and (max-width: 1023px){ } .floating-banner1 { width: calc(100% / 1); position: fixed; bottom: 50px; right: 0px; z-index: 9998; transition: 0.3s; cursor: pointer;}       .floating-banner1:hover {opacity: 0.8;} .floating-banner1_img {width: 100%; }
@media screen and (min-width: 481px) {.floating-banner1 {width: calc(100% / 3);}} .close-button1 {font-weight: bold; position: absolute; top: 5px; right: 30px; z-index: 9999; padding: 4px 8px; border: none; background-color: #f8f8f8; border-radius: 25px; cursor: pointer; -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%); box-shadow: 0 0 7px rgb(0 0 0 / 40%);} .article h2,.article h3{padding: 0; margin: 0; background:none; border-collapse: separate;border-spacing: 0; border-top: none; border-right: none; 
border-bottom: none; border-left: none; line-height: normal; position:relative;}
.article h2 span::after {background: transparent;}
.article h3 span::after {background: transparent;} h1 {position: relative; text-align:center; padding: 5px 5px 5px 42px; background: #FFC778; font-size: 28px; color: white; margin-left: -33px; line-height: 1.3; z-index:-1; width: 100%;}
h1:before { position: absolute; content: ''; left: -0px; top: -0px; border: none; border-left: solid 0px white; border-bottom: solid 79px transparent; z-index:-2;} .entry-content.cf h2{color: #000000; padding: 8px; font-weight: bold;}
.article h2 {position: relative;font-size: 120%;font-weight: bold;margin-top: 20px;}
.article h2:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: -webkit-repeating-linear-gradient(-45deg, #ffaf58, #fff0d9 2px, #fff 2px, #fff 4px); background: repeating-linear-gradient(-45deg, #ffaf58, #fff0d9 2px, #fff 2px, #fff 4px);} .entry-content.cf h3{color: #000000; padding: 8px; margin: 5px; font-weight: bold;}
.article h3 {position: relative; font-size: 120%;}
.article h3:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px;background: -webkit-repeating-linear-gradient(-45deg, #81d0cb, #d0ecff 2px, #fff 2px, #fff 4px); background: repeating-linear-gradient(-45deg, #81d0cb, #d0ecff 2px, #fff 2px, #fff 4px);} #navi .navi-in > .menu-mobile li {width: 24%;} #navi .navi-in > .menu-mobile li a {font-size: 10px !important;} #main.main{margin: 0; padding:0 1%;}
.breadcrumb-caption,.fa, .fas {color: #782727;} .blogcard-content {padding: 3px 5px 0;} .blogcard-snippet,.blogcard-footer {display: none;} .is-style-normal-card .blogcard-wrap {width: 100%;max-width: none;} .is-style-normal-card .blogcard {margin: 40px 0px;} .content-top{display: none;} .article h1 {margin-top: 0;} .prev-post.a-wrap.cf,.next-post.a-wrap.cf{display: none;} .toc {margin: 10px 0px !important;} .is-layout-flex {gap:0.3rem !important;} .entry-content h2>span::before {content: none;} .article ul, .article ol { padding-left: 27px;} .rating-number {color: #ffffff !important;} .eye-catch-caption {color: #70cfff; position: relative;padding: 0px;font-size: 0.7em;background:none} .article h2::before {display:none} @media (max-width: 850px) {
.breadcrumb.sbp-main-before{margin: 0px;padding: 5px;color: #782727;} .blogcard-label {font-size: 8px} .breadcrumb-caption {margin: 0px;font-size: 8px;} .body{font-size: 11.5px !important;}
}