@media only screen and (max-width: 767px) {
  #text-3 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #text-2 {
    display: none;
  }
}

/* Apply to H2 elements in single blog posts and blog pages */
.single-post .entry-content h2,
.blog .entry-content h2 {
  background-color: #9ba78a; /* Set the background color */
  color: #ffffff; /* Set the text color to white */
  padding: 22px 25px; /* Add padding to create spacing */
  font-weight: bold; /* Make the text bold */
  margin: 20px 0; /* Adjust the margin to create spacing around the heading */
  display: block; /* Ensure the heading is a block element */
  border-radius: 3px; /* Optional: Add slight rounding to the edges */
}

/* Apply to H3 elements in single blog posts and blog pages only within blog content */
.single-post .entry-content h3.wp-block-heading,
.blog .entry-content h3.wp-block-heading {
  padding: 0.7em 0; /* Adjust the padding for spacing */
  background: transparent; /* Keep the background transparent */
  font-weight: bold; /* Make the text bold */
  position: relative; /* Set position to relative for the underline effect */
  margin-bottom: 1.5em; /* Add some space below the heading */
}

.single-post .entry-content h3.wp-block-heading::after,
.blog .entry-content h3.wp-block-heading::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px; /* Adjust thickness of the underline */
  background: linear-gradient(to right, #9ba78a, #e6eae0); /* Apply gradient from olive green to light color */
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 2px; /* Add slight rounding to the underline */
}

/* Apply to H4 elements inside the content of single blog posts and blog pages only */
.single-post .entry-content h4.wp-block-heading {
    border-left: 10px double #238264;/*左線（太さ 二重線 色）*/
    display: block;
    font-size: 16px;/*文字サイズ*/
    padding: 0.5rem;/*文字回りの余白（上下左右）*/
    font-weight: bold; /*太字*/
    list-style-position: inside; /* Keep bullets inside */
}




/* Highlight text effect */
.low-highlight {
  background: linear-gradient(180deg, transparent 60%, yellow 60%);
}

/* Basic paragraph styling */
.single-post .entry-content p {
  font-size: 16px;
}

/* Apply link color #0693e3 to all links in the blog post content */
.single-post .entry-content a {
  color: #0693e3 !important;
}

/* Ensure the link color is also applied to links within tables */
.single-post .entry-content table a {
  color: #0693e3 !important;
}

/* Exclude the Table of Contents section from the link color change */
#rtoc-mokuji-wrapper a {
  color: inherit !important;
}

/* Exclude affiliate-button-container elements from the link color change */
.single-post .entry-content .affiliate-button-container a {
  color: white !important;
}


/* Ensure links within the jp-relatedposts section are excluded with higher specificity */
.single-post .jp-relatedposts a {
  color: inherit !important;
}

/* Exclude msmaflink elements from the link color change */
.single-post .entry-content div[id^="msmaflink-"] a {
  color: black !important;
}

.easyLink-info {
    color: black; /* Sets the text color to black */
}


/* Hide homepage block on phone */
@media (max-width: 768px) {
    .col-md-3 .homepage-welcome-block-content-right {
        display: none;
    }
}
@media (max-width: 768px) {
    .col-md-3 .homepage-welcome-block-content-left {
        display: none;
    }
}
/* Mobile-specific styles for .homepage-welcome-block-content-center */
@media (max-width: 768px) {
    .homepage-welcome-block-content-center h4 {
        margin-left: 0 !important; /* Remove the 190px left margin for mobile */
        text-align: center; /* Center the text for better mobile display, optional */
    }
}