/*
Theme Name: News Gallery
Theme URI: https://themearile.com/news-gallery-theme/
Template: newsexo
Author: ThemeArile
Author URI: https://themearile.com
Description: News Gallery is a versatile, SEO-ready WordPress theme designed for magazines, news portals, and personal blogs. Whether you are running a high-traffic news portal or a niche blog, its visually stunning layout ensures your content remains beautiful and readable across all devices. Built for speed and visibility, News Gallery is lightweight and fully optimized for Core Web Vitals and SEO. With one-click demo imports and a user-friendly interface, you can launch a professional-grade site in minutes. It also has flexible and versatile layouts, enough for essential needs, with unlimited colors, unlimited Google fonts, typography, responsive design, and RTL language support. It is designed to be highly SEO-friendly, which can help optimize your website's search engine performance, making it easier to find for potential visitors, and the theme provides predefined beautiful demos that can be imported with one click in less time. Check the demo of News Gallery Pro https://newsexo-pro-fourteen.themearile.com/.
Version: 1.3
Tested up to: 7.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: news-gallery
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
*/

/*--------------------------------------------------
=>> Body Custom Background Css
--------------------------------------------------*/

body.custom-background .theme-bg-dark,
body.custom-background .theme-bg-default, 
body.custom-background .theme-blog.theme-bg-grey {
    background-color: transparent !important;
}

/*--------------------------------------------------
=>> Wrapper Background Css
--------------------------------------------------*/

#wrapper {
    background-color: #f0f1f3;
}

/*--------------------------------------------------
=>> Typography Css
--------------------------------------------------*/

h3 {
    font-weight: 900 !important;
}

/*--------------------------------------------------------------
=>> Site Header
--------------------------------------------------------------*/

.site-header {
    background: #006eeb !important;
}
.head-contact-info li, .site-header .custom-social-icons .followus {
    color: #ffffff !important;
}
.custom-social-icons .followus:before, .custom-social-icons .followus:after {
    background: #ffffff !important;
}
.site-header .custom-social-icons li > a {
    color: #ffffff !important;
}

/*--------------------------------------------------------------
=>> Site Branding & Advertisement
--------------------------------------------------------------*/

.site-branding .site-title a, 
.site-branding .site-description {
	color: #fff;
}
.site-branding .site-title a:hover, 
.site-branding .site-title a:focus, 
.site-branding .site-description:hover, 
.site-branding .site-description:focus {
	color: #fff;
}
.logo-banner-overlay::before {
    background: #012299 !important;
}

/*--------------------------------------------------------------
=>> Big News Section - Featured News
--------------------------------------------------------------*/

.big-news-section .overlay-news-area.vrsn-two {
	background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 0.438rem;
}

/*--------------------------------------------------------------
=>> Trending News Section
--------------------------------------------------------------*/

.trending-news-col h6 {
    color: #006eeb;
}
.news-highlights-area .news-highlights-title h5 {
    background-color: #006eeb;
}
.news-highlights-area .news-highlights-title h5:before {
    border-left: 15px solid #006eeb;
}

/*--------------------------------------------------------------
=>> Featured News Section
--------------------------------------------------------------*/

.featured-news-section .overlay-news-area.vrsn-two {
	background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 0.438rem;
}

/*--------------------------------------------------------------
=>> Grid View News Section
--------------------------------------------------------------*/

.grid-view-news-area.vrsn-two {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.938rem 0.75rem;
}
body.page-template-default .blog-grid-view-post .post {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.938rem 0.75rem;
}
.post.grid-view-news-area ul.wp-block-rss {
	list-style: disc;
}

/*--------------------------------------------------------------
=>> List View News Section
--------------------------------------------------------------*/

.list-view-news-area .post.vrsn-two {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.938rem 0.75rem;
}

/*--------------------------------------------------------------
=>> Section Header
--------------------------------------------------------------*/

.featured-news-section .news-section-title .f-heading {
    background-color: #006eeb;
}
.featured-news-section .news-section-title .f-heading:before {
    border-left: 15px solid #006eeb;
}
.widget .col-12 .news-section-title .f-heading {
    background-color: #006eeb !important;
}
.widget .col-12 .news-section-title .f-heading:before {
    border-left: 15px solid #006eeb !important;
}
.sponsored-news-section .news-section-title .f-heading {
    background-color: #006eeb;
}
.sponsored-news-section .news-section-title .f-heading:before {
    border-left: 15px solid #006eeb;
}

/*--------------------------------------------------------------
=>> Blog Meta
--------------------------------------------------------------*/

.entry-meta > span { 
	margin: 0 0.875rem 0 0 !important;
}
.entry-meta > span i {
    margin-right: 0.350rem;
}
.entry-meta .avatar-default {
    margin-right: 0.350rem;
}
/*Category Colors*/
.entry-meta .cat-links .links-bg:nth-child(2) {
	background: #006eeb;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(3) {
	background: #006eeb;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(4) {
	background: #006eeb;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(5) {
	background: #006eeb;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(6) {
	background: #006eeb;
	color: #fff;
}
/*Pagination*/
.navigation.pagination .nav-links .page-numbers, 
.navigation.pagination .nav-links a {
	border: 1px solid #ebebeb;
}
.pagination a {
	background-color: #fff;
}

/*--------------------------------------------------------------
=>> All Blog Posts Common Classes for Spacing
--------------------------------------------------------------*/

#news-slider.vrsn-two, 
#featured-news-slider.vrsn-two {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.75rem;
}
@media (min-width: 200px) and (max-width: 991.98px) {
	#featured-news-slider.owl-carousel.vrsn-two .post.overlay-news-area {
		margin-bottom: 0;
	}
}

/*--------------------------------------------------------------
=>> Blog Single
--------------------------------------------------------------*/

.sidebar .widget .wp-block-heading {
    background-color: #006eeb;
}
.sidebar .widget .wp-block-heading:before {
    border-left: 15px solid #006eeb;
}
.post-author-area.vrsn-two {
    background-color: #fff;
    border: 1px solid #ebebeb;
}
.theme-comment-area.vrsn-two { 
	background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 0.938rem 0.75rem;
}
.theme-comment-form.vrsn-two .comment-form { 
	background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 0.938rem 0.75rem;
}

/*--------------------------------------------------------------
=>> Sidebar Widgets
--------------------------------------------------------------*/

/*List View Post Widget*/
.list-view-post-widget .post .entry-header .entry-title {
    line-height: 1.5;
}


/*--------------------------------------------------------------
=>> Theme Breadcrumb Area
--------------------------------------------------------------*/

#wrapper .page-breadcrumb { 
	background-color: #fff;
}


/*--------------------------------------------------------------
=>> Footer Section & Widgets
--------------------------------------------------------------*/

.site-footer-overlay::before {
    background: #006eeb;
}
.footer-sidebar .widget .wp-block-read-more {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    outline: none;
}
.footer-sidebar .widget .wp-block-read-more:hover, 
.footer-sidebar .widget .wp-block-read-more:focus {
    text-decoration-style: dotted;
}
.footer-sidebar .widget ul li a {
	color: #e0e0e0;
}

/*--------------------------------------------------------------
=>> Default Page Templates 
--------------------------------------------------------------*/

body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post {
	border-top: none;
	border-bottom: 1px solid #f1f1f1;
    border-left: none;
    border-right: none;
	padding: 0.938rem 0 0.938rem 0;
}
body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post:first-child {
    padding-top: 0;
	margin-bottom: 0;
}
body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post:last-child {
    padding-bottom: 0;
	border-bottom: none;
}

/*--------------------------------------------------------------
=>> Sidebar Update Released 
--------------------------------------------------------------*/

.wp-block-latest-posts li {
    padding-bottom: 1rem;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-date {
    padding-top: 0.525rem;
}
.wp-block-archives li {
	padding-bottom: 0.625rem;
}
.post .wp-block-categories-list li {
	padding-bottom: 0.625rem;
}
.post .wp-block-list li {
	padding-bottom: 0.625rem;
}
.post .wp-block-list li ul li:first-child {
	padding-top: 0.625rem;
}
.post .wp-block-list li:last-child, 
.post .wp-block-list li ul li:last-child {
	padding-bottom: 0;
}
.wp-block-file .wp-block-file__button {
	text-decoration: none;
}
.post .wp-block-file {
    font-size: 1rem;
}
.widget .wp-block-heading a {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}
.sidebar .widget .wp-block-accordion-heading__toggle-title, 
.sidebar .widget .wp-block-accordion-heading__toggle-icon {
    display: flex;
    border: 0 none;
    margin: 0;
}
.sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover,
.sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle:focus {
	border: 0px solid transparent;
	background-color: transparent;
}
.sidebar .widget .widget_srmgmap_widget {
	border: 0px solid transparent;
	padding: 0;
}
.sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
	border: 0px solid transparent;
	background-color: transparent;
}

/*--------------------------------------------------------------
=>> Footer Sidebar Update Released 
--------------------------------------------------------------*/

.footer-sidebar .widget .wp-block-accordion-heading__toggle-title, 
.footer-sidebar .widget .wp-block-accordion-heading__toggle-icon {
    display: flex;
    border: 0 none;
    margin: 0;
}
.footer-sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover, 
.footer-sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle:focus {
	border: 0px solid transparent;
	background-color: transparent;
}
.footer-sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
	border: 0px solid transparent;
	background-color: transparent;
}

/* --------------------------------------
=========================================
	PLUS AREA
=========================================
-----------------------------------------*/

body {
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 16px !important;
}

.product-subset__table th {
    background-color: #EEE;
    border: 1px solid #AAA;
    padding: 10px;
    font-size: 16px;
    vertical-align: middle;
}

.product-subset__table td {
    border: 1px solid #AAA;
    font-size: 16px;
    padding: 10px;
    vertical-align: middle;
}

.product-subset__price br {
    display: none;
}

.product-subset__price {
    color: #d21a1a;
    font-weight: bold;
    font-size: 1.4em;
}

.product-subset__price--yen {
    font-size: 60%;
    font-weight: bold;
}

td.product-subset__td-order br {
    display: none;
}

.product-subset__submit-button {
    width: 100%;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 8px;
    padding: 10px;
}

.inyou {
    position: relative;
    padding: 0;
    border: 1px solid #AAA;
    margin-bottom: 30px;
}

.inyou p {
    margin: 0 !important;
    /* position: absolute; */
    padding: 10px;
    line-height: 2;
    top: 3px;
    left: 10px;
    background: #eeeeee;
    border-radius: 0;
    font-weight: bold;
    color: #333;
}

.inyou ul {
    padding: 20px;
    border-top: 1px solid #AAA;
    margin-bottom: 0 !important;
}

.inyou ul li {
    list-style: none;
    margin-bottom: 10px;
    font-size: 16px;
}

.inyou ul li:last-child {
    margin: 0;
}
table.about th {
    border: 1px solid #AAA;
    width: 200px;
    padding: 10px;
    font-size: 1em;
    background-color: #EEE;
}

table.about td {
    border: 1px solid #AAA;
    padding: 10px;
    font-size: 1em;
	background-color: #FFF!important;
}

.page-entry-title-box h1 {
    font-size: 30px;
}

.bs-blog-post.single img {
    margin-bottom: 10px;
    width: 100%;
}

p.tel_number:before {
    content: "\f095";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

p.address:before {
    content: "\f041";
    font-family: 'FontAwesome';
    margin-right: 12px;
}

.textwidget.custom-html-widget p {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

p.product-price {
    color: #d21a1a;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
    text-align: left !important;
    margin-bottom: 20px;
}

h2.entry-title {
    text-align: left;
    font-size: 30px;
    padding: 10px 0;
}

.blog-post {
    border: 2px solid #DDD;
    border-radius: 8px;
    padding: 15px;
    box-sizing: border-box;
}

article .blog-post .image {
    width: 100%;
    max-width: 400px;
    margin: 0 auto!important;
}

h3.widget-title {border-bottom: 3px solid #437a71;padding: 0 10px 10px;}

.single.single-left-sidebar #comments, .single.single-left-sidebar .content, .single.single-left-sidebar div.title, .single.single-right-sidebar #comments, .single.single-right-sidebar .content, .single.single-right-sidebar div.title {
    width: 100% !important;
}

h1.entry-title {
    border-bottom: 2px dotted #CCC;
    padding: 10px 0 20px;
    font-size: 30px;
}

.copyrights span {
    display: none;
}

.hd-bar .side-menu ul li a {
    font-size: 16px;
}

p.btn_detail {
    width: 100%;
    text-align: center;
}

p.btn_detail a {
    border: 2px solid #b01b4b !important;
    background-color: #b01b4b;
    padding: 10px 20px;
    border-radius: 10px;
    color: #FFF;
    text-decoration: none;
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 1.1em;
    color: #FFF !important;
}

p.btn_detail a:hover {
    opacity: 0.8;
}

.bs-blog-post .bs-blog-thumb img {
    border-radius: 20px;
}

.reviewList ul li {
    list-style: none;
    margin-bottom: 20px;
    border: 4px solid #EEE;
    padding: 20px !important;
}

.reviewList ul li p {
    margin: 0;
}

p.review_text {
    margin-bottom: 0;
}

p.review_star i {margin-right: 2px;color: #ffa400;}

.entry-content h2 {
    font-size: 1.4em !important;
    margin-bottom: 10px;
    padding: 0 0 20px;
    text-align: left;
    margin: 0 0 20px;
}

dl.faq_area {
    border: 2px solid #DDDD;
    padding: 10px 20px 20px !important;
    margin-bottom: 20px !important;
    border-radius: 10px;
}

dl.faq_area dt:before {
    content: "Q.";
    color: #d51a1a;
    font-size: 30px;
    margin-right: 7px;
}

dl.faq_area dt {
    margin: 0 0 10px;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 10px;
    line-height: 2;
}

dl.faq_area dd {
    margin: 0;
    line-height: 2;
}

dl.faq_area dd:before {
    content: "A.";
    font-weight: bold;
    font-size: 30px;
    color: #1a7dd5;
    margin-right: 7px;
}

ul.bta_area li {
    list-style: none;
    padding: 5px 0;
}

ul.bta_area {
    margin: 0 !important;
    padding: 0 !important;
}

.site-title {
    /* margin-top: 10px !important; */
}

.single-entry-summary h2 {
    font-size: 1.5em;
    border-bottom: 2px solid #fd0707;
    padding: 0 10px 10px;
    margin-bottom: 20px;
}

table.product-subset__table {
    margin: 0 0 30px;
}

table.point th {
    background-color: #eeeeee;
    border: 1px solid #AAA;
    padding: 10px;
    width: 150px;
}

table.point td {
    border: 1px solid #AAA;
    padding: 10px;
}

ul.review li {
    border: 4px solid #DDD;
    border-radius: 10px;
    margin: 0 0 20px;
    padding: 20px !important;
    list-style: none;
}

ul.review {
    margin: 0;
    padding: 0;
}

table.point {
    margin-bottom: 30px;
}

p.review_name {
    font-weight: bold;
    font-size: 1.1em;
}

.news-thumb img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
    display: table;
}

table.contact th {
    background-color: #EEE;
    border: 1px solid #AAA;
    padding: 10px;
    width: 200px;
}

table.contact td {
    background-color: #FFF;
    border: 1px solid #AAA;
    padding: 10px;
}

table.contact {
    margin-bottom: 20px;
}

.entry-content dl dt {
    font-weight: bold;
    line-height: 2;
}

.entry-content dl dd {
    padding: 0;
    margin: 0;
}

nav.navigation.post-navigation {
    display: none;
}

ul.review p {
    margin: 0;
}

.box {
    border: 1px solid #AAA;
    padding: 10px;
    background-color: #f3f3f3;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.box p {
    margin: 0;
}

.box h2 {
    margin: 0 0 20px;
}

ul.kanren {
    display: flex;
    flex-flow: row wrap;
    margin: 0 !important;
    padding: 0 !important;
}

ul.kanren li {
    width: 25%!important;
    list-style: none;
    padding: 10px !important;
}

ul.kanren li a {
    border: 1px solid #AAA;
    padding: 10px;
    border-radius: 10px;
    display: block;
    text-decoration: none;
    box-shadow: 0 0 5px #CCC;
}

.kanren li p {
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
}

ul.kanren li a:hover {
    opacity: 0.8;
}

.select-wrapper-2 {
    display: flex;
    position:relative;
    width: 100%;
    max-width: 360px;
    margin: 0 0 0 auto;
    }


.select-wrapper-2 select {
    margin-right: 10px;
    font-size: 20px;
    border-radius: 4px;
    border: 1px solid #333;
    outline: none;
    font-weight: bold;
    cursor: pointer;
    appearance: none;
    padding: 10px 30px 10px 10px;
    position:relative;
    width: 80px !important;
    height: auto;
    min-width: initial;
}

.select-wrapper-2::after {
  content: "\f0d7"; /* Font Awesome 4.7 下向き矢印 */
  font-family: FontAwesome;
  position: absolute;
  left: 60px; /* ボタンの幅に合わせて調整 */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #333;
  font-size: 16px;
}

.select-wrapper-2 button {
    flex: 1;
    font-weight: bold;
    font-size: 20px;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #333;
    appearance: none;
    cursor: pointer;
}

.select-wrapper-2 button:hover {
    background-color: #333;
    color: #FFF;
}

/* ラジオボタンをリセット */
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  transition: border 0.2s, background 0.2s;
}

/* チェックされたとき */
input[type="radio"]:checked {
  border-color: #333;
  background-color: #333;
}

/* チェックマーク用の擬似要素 */
input[type="radio"]:checked::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ラベル全体をクリック可能に */
label {
  cursor: pointer;
  user-select: none;
}

.product-subset__form ul li {
    list-style: none;
    display: flex;
    border: 2px solid #d0d0d0;
    padding: 10px !important;
    border-radius: 10px;
    margin-bottom: 10px;
    line-height: 2;
    align-items: center;
    background-color: #EEE;
}

.product-subset__form ul {
    padding: 0 !important;
    margin: 0 !important;
}

form.product-subset__form ul li input {
    position: relative;
    border-color: #333 !important;
    background-color: #FFF !important;
}

.product-subset__form button {
    font-size: 20px;
    padding: 20px;
    border-radius: 8px;
    margin: 0;
    display: table;
    appearance: none;
    cursor: pointer;
    height: auto;
    background-color: #f8fd00 !important;
    width: 100%;
    text-align: left;
    position: relative;
    border: 2px solid #006eeb;
    color: #006eeb;
    font-weight: bold;
}

.product-subset__form ul li label {
    flex: 1;
    font-weight: bold;
    font-size: 20px;
}

table.guide th {
    width: 180px;
    border: 1px solid #b01b4b;
    background-color: #f8d7e0;
    padding: 10px;
    text-align: left;
}

table.guide td {
    border: 1px solid #f77e20;
    background-color: #FFF;
    padding: 10px;
}

form.product-subset__form {
    margin-bottom: 0;
}

form.product-subset__form ul li label span {
    font-size: 16px;
    font-weight: normal;
    padding-left: 10px;
}

.select-wrapper-2 p {
    margin: 0 !important;
}

body {
  counter-reset: faq-counter;
} 
/* 各 faq_area の dt が番号を増やす */
.faq_area dt {
  counter-increment: faq-counter;
}
/* dt に Q◯ を付与 */
.faq_area dt::before {
  content: "Q" counter(faq-counter) "."!important;
  font-weight: bold;
}

.socialLine.annCenter {
    display: none;
}

.top-footer-widget-area {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    background-color: #FFF;
    margin-bottom: 20px;
    padding: 1.5em;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.top-footer-widget-area .top-footer-widget {
    width: 32%;
}

.top-footer-widget-area .top-footer-widget ul {
    margin: 0;
    padding: 0 10px;
}

.top-footer-widget-area .top-footer-widget ul li {
    list-style: none;
    line-height: 2;
}

.top-footer-widget-area .top-footer-widget ul li a {
    color: #333 !important;
}

.top-footer-widget-area .top-footer-widget ul li a:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    margin-right: 5px;
}

div#mainAnnina article:last-child {
    left: 0 !important;
}

h4.title {
    margin-bottom: 20px !important;
}

.list-blog.bs-blog-post .small form {
    margin: 0;
}

.product-subset__form button span {
    font-size: 70%;
    margin: 0 0 0 10px;
}

form.product-subset__form br {display: none;}

.product-subset__form button:after {
    content: "\f105";
    position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) translateX(-50%);
font-family:FontAwesome;
}

.super_visor dl dd {
    font-size: 16px;
    line-height: 1.5;
}

span.heading-line:before {
    content: none !important;
}

img.attachment-full.size-full.wp-post-image {
    margin: 0 auto;
    display: table;
}

.post-thumbnail.full-width-image.original {
    width: 100%;
}

.column_review_meta span br {
    display: none;
}

p.kanren {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.entry-meta {
    display: none;
}

figure.post-thumbnail img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.textwidget.custom-html-widget ul li {
    padding: 0;
    list-style: none;
    margin: 0;
}

.textwidget.custom-html-widget ul li a {
    color: #006eeb !important;
    border-bottom: 1px dotted #AAA;
    display: block;
    line-height: 2;
}

.textwidget.custom-html-widget ul {
    margin: 0;
}

@media (max-width: 768px) {
.product-subset__submit-button {
    font-size: 16px;
}
.product-subset__table th {
    font-size: 16px;
}
.product-subset__table td {
    font-size: 16px;
}
.product-subset__unit-price {
    font-size: 12px;
}
.bs-blog-post .small {
    padding: 10px;
}
.inyou ul {
    margin: 0 !important;
    width: 100% !important;
}

.content p {
    width: 100% !important;
    margin-bottom: 30px !important;
}

div#post-wrapper {
    padding: 0;
}
h1.entry-title {
    font-size: 24px;
}
}

@media (max-width: 480px) {
.img-fluid {
    width: 100%;
    max-width: 270px !important;
    margin: 0 auto;
    display: table;
}
table.about tr {
    display: block;
    width: 100%;
}

table.about th {
    display: block;
    width: 100%;
    font-size: 16px;
    border: none;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
}

table.about td {
    display: block;
    width: 100%;
    font-size: 16px;
    border: none;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
}

table.about {
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
}
.page-area {
    padding: 20px 0;
}
#sidebar {
    display: block;
    max-width: 100%;
    clear: both;
}
article.blog-article {
    clear: none;
    padding-right: 0!important;
}
.col-md-9 {
    padding-right: 0 !important;
}
ul.kanren li {
    width: 100% !important;
}
table.point th {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #AAA;
    border-right: 1px solid #AAA;
}

table.point tr {
    display: block;
    width: 100%;
}

table.point td {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #AAA;
    border-right: 1px solid #AAA;
}

table.point {
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
}
.top-footer-widget-area .top-footer-widget {
    width: 100%;
    margin-bottom: 40px;
}
table.guide th {
    width: 40%!important;
}
h1, p.site-title {
    font-size: 20px;
}
header.entry-header {
    padding: 0;
}
.page-content, .entry-content, .entry-summary {
    margin: 1em 0 0;
}
form.product-subset__form ul li label span {
    font-size: 14px;
    font-weight: normal;
    padding-left: 0;
    display: block;
}
.product-subset__form button span {
    font-size: 70%;
    margin: 0;
    display: block;
}

.entry-content h2 {font-size: 1.2em !important;}
.page-content, .entry-content, .entry-summary {margin: 1em 0 0;}
}

/* --------------------------------------
=========================================
	PLUS AREA
=========================================
-----------------------------------------*/

/* ==========================================================================
   監修者情報 全体のボックス
   ========================================================================== */
.super_visor {
  background-color: #ffffff; /* 白ベース */
  border: 4px solid #f8d7e0; /* アクセントカラーに合わせた優しい薄いオレンジの枠線 */
  border-radius: 16px; /* 角を丸くして親しみやすさを演出 */
  padding: 30px;
  max-width: 100%; /* 読みやすい横幅に制限 */
  margin: 0 auto 30px;
  box-shadow: 0 6px 16px rgba(247, 126, 33, 0.05); /* アクセントカラーをほんのり混ぜた影 */
  box-sizing: border-box;
}

/* ==========================================================================
   タイトル（H2）
   ========================================================================== */
.super_visor h2 {
  font-size: 1.3rem;
  color: #333333;
  margin: 0 0 30px 0;
  padding-bottom: 22px;
  position: relative;
  font-weight: 700;
  text-align: left; /* タイトルを中央寄せにして柔らかな印象に */
}

/* タイトルの下線（中央から広がるアクセントライン） */
.super_visor h2::after {
  content: '';
  position: absolute;
  left: 24px;
  bottom: 0;
  transform: translateX(-50%);
  width: 50px;
  height: 3px;
  background-color: #b01b4b; /* アクセントカラー */
  border-radius: 2px;
}

/* ==========================================================================
   記事・レイアウトエリア
   ========================================================================== */
.super_visor article {
  display: flex;
  flex-direction: column;
  gap: 25px; /* 項目間のゆとり */
}

/* 定義リスト（dl） */
.super_visor dl {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: none;
  padding: 0;
}

/* 項目名（dt：肩書き・コメント） */
.super_visor dt {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* 肩書き・コメントのラベル装飾 */
.super_visor dt span {
  display: inline-block;
  background-color: #EEE; /* アクセントカラーを10%に薄めた背景 */
  color: #b01b4b; /* アクセントカラー */
  padding: 5px 14px;
  border-radius: 20px; /* カプセル型の丸み */
}

/* ==========================================================================
   各項目の内容（dd：お名前・本文）
   ========================================================================== */

/* セラピスト名 */
.super_visor dl:nth-of-type(1) dd {
  font-size: 1.5rem; /* お名前を大きめに */
  font-weight: 700;
  color: #222222;
  margin: 0;
  padding-left: 5px;
}

/* コメント本文 */
.super_visor dl:nth-of-type(2) dd {
  font-size: 16px;
   /* 改行やセリフが多いため、行間を広げて読みやすく */
  margin: 0;
  padding: 0;
   /* ほんのり温かみのある超極薄のベージュ/グレー */
   /* 左側にアクセントカラーのアクセントライン */
  line-height: 1.5;
}

/* ==========================================================================
   レスポンシブ対応（画面幅 480px 以下）
   ========================================================================== */
@media screen and (max-width: 480px) {
  .super_visor {
    padding: 20px; /* スマホ用に外側の余白をタイトに */
    border-radius: 12px;
  }
  
  .super_visor h2 {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
  
  .super_visor dl:nth-of-type(1) dd {
    font-size: 1.3rem; /* お名前のサイズをスマホ向けに最適化 */
  }

  .super_visor dl:nth-of-type(2) dd {
    font-size: 1.2rem; /* 本文の文字をわずかに小さくして枠内に収まりやすく */
    padding: 15px; /* 内側の余白を微調整 */
  }
}

/* ==========================================================================
   全体の共通設定・見出し
   ========================================================================== */
/* 全体の大見出し（h2） */
h2 {
  font-size: 1.5rem;
  color: #333333;
  text-align: left;
  margin: 40px 0 20px 0;
  padding-bottom: 10px;
  position: relative;
}

/* 大見出しの下線装飾 */
h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 30px;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background-color: #006eeb; /* アクセントカラー */
  border-radius: 2px;
}

/* カテゴリの見出し（h3） */
h3 {
  font-size: 1.4rem;
  color: #f77e21; /* アクセントカラー */
  margin: 40px auto 15px auto;
  max-width: 100%; /* リストの幅と合わせる */
  padding-left: 10px;
  border-left: 4px solid #f77e21; /* 左側にアクセントライン */
}

/* ==========================================================================
   FAQリスト全体のスタイル（ul）
   ========================================================================== */
.faq_list {
  list-style: none; /* デフォルトの点を消す */
  padding: 0;
  margin: 0 auto 30px auto;
  max-width: 100%; /* 読みやすい横幅に制限 */
  width: 100%;
  box-sizing: border-box;
}

/* 各FAQのボックス（li） */
.faq_list > li {
  background-color: #ffffff; /* 白ベース */
  border: 1px solid #e2e8f0; /* 薄い境界線 */
  border-radius: 8px; /* 角丸 */
  margin-bottom: 15px; /* 質問同士の余白 */
  overflow: hidden; /* 背景色のはみ出し防止 */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02); /* 軽い影 */
  list-style: none;
  margin: 0 0 20px;
  padding: 0 !important;
}

/* ==========================================================================
   Q（質問：h4）の装飾
   ========================================================================== */
.faq_list > li > h4 {
  margin: 0;
  padding: 16px 20px;
  font-size: 1.1rem;
  line-height: 1.5;
  font-weight: 600;
  color: #1a202c;
  /* アクセントカラーを極限まで薄めた背景色 */
  background-color: rgb(255 235 241);
  border-bottom: 1px solid rgba(247, 126, 33, 0.1);
}

/* ==========================================================================
   A（回答：p）の装飾
   ========================================================================== */
.faq_list > li > p {
  margin: 0;
  padding: 16px 20px;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #4a5568;
  background-color: #ffffff; /* 回答エリアはすっきりとした白 */
}

/* ==========================================================================
   レスポンシブ対応（画面幅 480px 以下）
   ========================================================================== */
@media screen and (max-width: 480px) {
  .faq_list > li > h4,
  .faq_list > li > p {
    padding: 14px 15px; /* スマホ用に内側の余白を少しタイトに */
    font-size: 1.0rem; /* 文字サイズをスマホ向けに微調整 */
  }
}

/* ==========================================================================
   口コミエリア全体のレイアウト
   ========================================================================== */
.column_review_area_outer.review_select {
  display: flex;
  gap: 20px; /* ボックス間の余白 */
  width: 100%;
  max-width: 100%; /* 必要に応じて調整してください */
  margin: 0 auto 30px;
  padding: 0;
  box-sizing: border-box;
  background-color: #fff; /* 白ベース */
}

/* 各口コミボックス（良い・悪い共通） */
.column_review_area {
  flex: 1; /* 2つのボックスを等幅で横並び */
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}

/* ==========================================================================
   メタ情報（ヘッダー・評価）エリア
   ========================================================================== */
.column_review_meta {
  border-bottom: 2px solid #EEE; /* アクセントカラーのボーダー */
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: flex;
  flex-flow: row wrap;
}

/* タイトル（h2） */
.column_review_meta h2 {
  font-size: 1.3rem !important;
  margin: 0 0 10px 0;
  color: #333333;
  width: 100%;
}

/* アイコン（グッド・バッド）の配置 */
.column_review_meta figure {
  margin: 10px 20px 10px 10px;
  font-size: 1.5rem;
}

/* 良い口コミの親指アイコン */
.column_review_meta.good figure i {
  color: #b01b4b; /* アクセントカラー */
}

/* 悪い口コミの親指アイコン */
.column_review_meta.bad figure i {
  color: #999999; /* 落ち着いたグレー */
}

/* 投稿者・評価テキスト */
.column_review_meta section p {
  margin: 5px 0;
  font-size: 1rem;
  color: #666666;
  display: flex;
}

.column_review_meta section p .bold {
  font-weight: bold;
  color: #333333;
}

/* ==========================================================================
   星評価（フォントオーサム）の装飾
   ========================================================================== */
.column_review_meta .fa-star,
.column_review_meta .fa-star-o {
  color: #f39c12; /* 黄色系（オレンジ寄りのゴールド） */
  margin-right: 2px;
}

/* ==========================================================================
   本文エリア
   ========================================================================== */
.column_review_area article p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #444444;
  margin: 0;
}

/* ==========================================================================
   レスポンシブ対応（画面幅 480px 以下）
   ========================================================================== */
@media screen and (max-width: 480px) {
  .column_review_area_outer.review_select {
    flex-direction: column; /* 縦並びに変更 */
    gap: 15px;
    padding: 0;
  }
}