@charset "UTF-8";

 navi-in > ul {
display: flex;
flex-wrap: nowrap;
}  .navi-in > ul li {
line-height: 110px;
height: 110px;
}
#header-container {
height: 110px;
}
.header-container-in {
width: 100%;
font-weight:600;
box-shadow: 0 0 10px 0 #e5e5e5;
}
.header-container-in a {
color: #282e34;
}
.navi-in > ul {
justify-content: center;
}
@media screen and (max-width: 834px){
.header-container-in.hlt-top-menu {
flex-direction: row;
}
.header-container-in.hlt-top-menu .header .header-in {
display: flex;
}
.logo-header img {
width: 170px;
}
}  .toc {
border: 0px !important;
font-size: 0.9em;
padding: 1em 1.6em;
display: block;
background-color: #f7f7f7;
}
.toc .toc-list ul, .toc .toc-list ol {
padding-bottom: 0.4em;
} .article h2, .article h3, .article h6{
margin: 2em 0 1em 0;
} .toc-list>li>a {
border-bottom: 1px solid #e3e3e3;
}
.article h2{
font-size: 23px;
}
.article h3{
 font-size: 21px;
border-top: none;
border-left: 0px;
border-right: none;
line-height: 1em;
padding: 10px 0 17px 5px;
}
.inshi_cta_box {
margin:20px;
} @media screen and (max-width: 480px){
.article h3{
font-size: 18px !important;
}
} .article h4 {
font-size: 17px;
border-color: #273a60 !important;
padding: 7px 0 12px 10px;
border-bottom: none;
margin: 1.2em 0 1em 0;
border-bottom: 1px dotted;
} .article h5 {
font-size: 17px;
border-color: #273a60 !important;
padding: 7px 0 12px 10px;
border-bottom: none;
margin: 1.2em 0 1em 0;
border-bottom: 1px dotted;
}
.toc-list li a {
font-weight: 600;
}
.toc-list>li li a {
font-weight: 500;
}
.toc a:hover {
color: #E35454;
} .faq-question {
margin-bottom: 0;
}
.blank-box {
padding: 0 0 0 15px;
} .blogcard-site {
display: none;
}
.blogcard {
padding: 2% 2% 1% 2%;
box-shadow: 7px 7px #ebebeb;
}
.blogcard-label {
top: -18px;
left: 5px;
}
.blogcard-thumbnail {
margin-right: 2.3%;
} .rect-vertical-card .related-entry-card-wrap {
padding: 15px;
box-shadow: #dbdbdb 4px 4px 3px;
} .tebot-cta a::before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-image: url(https://anotete.co.jp/blog/wp-content/uploads/2024/04/logo_tebot-small.png);
background-size: contain;
vertical-align: middle;
} .main {
border-radius: 20px;
}
.author-box {
border-radius: 20px;
box-shadow: 5px 5px 5px #f2f2f2;
}
.author-box p {
margin-top: 0.3em;
line-height: 1.3;
font-size: 14px;
}
author-box .author-name {
font-size: 1em;
margin-bottom: 0.7em;
}
.author-box .author-name a {
text-decoration: none;
color: #e1716c;
}
.card-thumb img {
   border-radius: 20px;
}
.widget-entry-cards .a-wrap {
border-radius: 20px;
}
.sidebar h3 {
border-radius: 15px;
}
.card-thumb img {
border-radius: 0 40px 0 0;
}
.nwa .author-box img {
width: 80%;
}  .widget-entry-cards .a-wrap {
padding: 12px !important;
}
.blogtop-subheader {
text-align: center;
font-weight: 600;
font-size: 3rem;
background-color: #f4fafb00;;
border-bottom: 1px solid #2a4551;
}
@media screen and (max-width: 834px){
.blogtop-subheader {
font-size: 1.5rem;
}
#header-container {
height: 70px;
}		
} .widget-entry-cards:not(.large-thumb-on) .card-title {
font-size: 0.8em;
padding-top: 10px;
font-weight: 600;
}
.widget-entry-cards .a-wrap {
padding: 7px;
background-color: #ffffffbd;
} .nwa .author-box {
border: none;
background-color: #ffffffd1;
}
.sidebar {
padding-top: 0px;
}
.sidebar h3 {
font-size: 1.2em;
text-align: center;
}
.sidebarlikeh3 {
font-size:1.2em;
text-align:center;
color: #fff; 
background-color: #273a60;
padding:12px;
font-weight: bold;
margin-bottom: -30px;
} .nwa .toc {
padding: 1.5em;
background-color: #ffffffc9;
} .btn-square {
display: inline-block;
padding: 0.5em 1.2em 0 1.2em;
text-decoration: none;
background: #f3f8fc;
color: #223760;
border-bottom: solid 3px #b2c3d3;
border-radius: 3px;
width: 100%;
font-weight: 600;
margin: 5px 0 2px 0;
font-size: 17px;
}
.btn-square:hover,
.btn-square:active {
background: #b2c3d3;
 color: #223760 !important;
border-bottom-color: #b2c3d3;
cursor: pointer;
}
.btn-square a:hover,
.btn-square a:active {
 color: #223760 !important;   }
.btn-square:active {
border-bottom: none;
transform: translateY(4px);
}
.btn-square:hover + ul,
.btn-square:active + ul,
.btn-square:hover + ul li,
.btn-square:active + ul li {
background: #FFF;
color: #273a60;
}
.sidebar-downloads li {
list-style: none;
color: #223760;
font-size: 0.95em;
}
.sidebar-downloads  i.fas.fa-angle-right {
font-size: 0.8em;
} .tagcloud a {
border-radius:10px;
} .post-1025 .date-tags {
display: none;
}  @media screen and (max-width: 1023px){
} @media screen and (max-width: 834px){
} @media screen and (max-width: 480px){
}