/*
Theme Name: News Mart
Theme URI: https://themearile.com/news-mart-theme/
Template: newsexo
Author: ThemeArile
Author URI: https://themearile.com
Description: News Mart is a high-performance news, blog, and magazine WordPress theme that is perfect for any Blog/Magazine, news, and even for all variants of publishers' websites. It features a unique design for a visually stunning layout that makes your content display beautifully and is easy to read on any media device. Even though it is user-friendly, SEO-ready, effortless, lightweight, and optimized for top performance and Core Web Vitals. The theme is best suited for news, newspapers, magazines, publishers, editors, news portals, personal blogs, dynamic news, business blogs, news editorials, guides, journalism, lifestyle blogs, travel blogs, niche blogs, food blogs, fashion magazines, beauty blogs, affiliate blogs, multimedia blogs, guest blogging, and review websites. 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 on 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. News Mart also supports popular WordPress plugins, including WooCommerce, Contact Form 7, Jetpack, and many more. Check the demo of News Mart Pro https://newsexo-pro-thirteen.themearile.com/.
Version: 1.7
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-mart
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
--------------------------------------------------------------*/

h1, h2, h3,
h4, h5, h6 {
	letter-spacing: 1px;
}
.navbar.navbar-dark .nav .menu-item .nav-link {
    letter-spacing: 1px;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: Khand;
}
.navbar .nav .menu-item .dropdown-item {
	font-family: Khand;
    letter-spacing: 1px;
	font-weight: 500;
    font-size: 1.1rem;
}


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

.site-header {
    background: #000000 !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;
}


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

/*Blog Overlay Layout Four*/
.big-news-section .overlay-news-area.vrsn-four {
	background-color: #fff;
	border-radius: 9px;
	position: relative;
}
.big-news-section .overlay-news-area.vrsn-four .post-thumbnail {
	border-radius: 9px;
}
.big-news-section .overlay-news-area.vrsn-four .post-thumbnail img {
	width: 100%;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.big-news-section .overlay-news-area.vrsn-four .post-thumbnail:hover img {
	-webkit-transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
}
/*End of vrsn-four*/

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

.featured-news-section .overlay-news-area.vrsn-four {
	background-color: #fff;
	border-radius: 9px;
	position: relative;
}
.featured-news-section .overlay-news-area.vrsn-four .post-thumbnail {
	border-radius: 9px;
}
.featured-news-section .overlay-news-area.vrsn-four .post-thumbnail:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    /* z-index: 1; */
}
.featured-news-section .overlay-news-area.vrsn-four .post-thumbnail:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}
.featured-news-section .overlay-news-area.vrsn-four .post-thumbnail img {
	width: 100%;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.featured-news-section .overlay-news-area.vrsn-four .post-thumbnail:hover img {
	-webkit-transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
}
/*End of vrsn-four*/

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

/*Blog Grid Layout Four*/
.grid-view-news-area.vrsn-four {
	background-color: #fff;
	padding: 0;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}
.grid-view-news-area.vrsn-four:hover {
	transform: translateY(-7px);
	transition: 0.4s;
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}
.grid-view-news-area.vrsn-four .post-thumbnail {
	border-radius: 9px 9px 0px 0px;
}
.grid-view-news-area.vrsn-four .post-thumbnail:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.grid-view-news-area.vrsn-four .post-thumbnail:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}
.grid-view-news-area.vrsn-four .post-thumbnail img {
	width: 100%;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.grid-view-news-area.vrsn-four .post-thumbnail:hover img {
	-webkit-transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
}
.grid-view-news-area.vrsn-four .post-content {
    padding: 1.563rem;
}
.frontpage-content .col-lg-3 .grid-view-news-area.vrsn-four .post-content { 
	padding: 1.25rem;
}
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
--------------------------------------------------------------*/

/*Blog List Layout Four*/
.list-view-news-area .post.vrsn-four {
	background-color: #fff;
	padding: 20px 0;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
	-webkit-transition: 0.4s;
	-ms-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
.list-view-news-area .post.vrsn-four:hover {
	transform: translateY(-7px);
	transition: 0.4s;
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}
.list-view-news-area .post.vrsn-four .post-thumbnail {
	border-radius: 10px;
	margin-right: 0;
}
.list-view-news-area .post.vrsn-four .post-thumbnail:after {
    content: none;
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.list-view-news-area .post.vrsn-four .post-thumbnail:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}
.list-view-news-area .post.vrsn-four .post-thumbnail img {
	width: 100%;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}
.list-view-news-area .post.vrsn-four .post-thumbnail:hover img {
	-webkit-transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
}
.list-view-news-area .post.vrsn-four .post-content {
    padding: 1.25rem 1.25rem 1.25rem 1.563rem;
}
/*Blog List Layout Five*/
@media (min-width: 200px) and (max-width: 991.98px) {
	.list-view-news-area .post.vrsn-four .post-thumbnail {
		border-radius: 9px 9px 0px 0px;
	}
	.list-view-news-area .post.vrsn-four .post-content {
		padding: 1.25rem;
	}
}


/*--------------------------------------------------------------
=>> 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 Layout Four*/
.post.vrsn-four .entry-meta .cat-links .links-bg, 
.post.vrsn-four .entry-meta .cat-links .links-bg > span {
	transform: skew(0deg);
}
.post.vrsn-four .entry-meta .cat-links .links-bg {
	border-radius: 0px 30px 30px;
	-webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}
.post.vrsn-four .entry-meta .cat-links .links-bg:hover, 
.post.vrsn-four .entry-meta .cat-links .links-bg:focus {
	border-radius: 30px 0px 30px 30px;
}
.post.vrsn-four .entry-meta .cat-links.links-space {
    padding: 0;
}
/*Category Colors*/
.entry-meta .cat-links .links-bg:nth-child(2) {
	background: #d40004;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(3) {
	background: #d40004;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(4) {
	background: #d40004;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(5) {
	background: #ff5d20;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(6) {
	background: #0263D0;
	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
--------------------------------------------------------------*/

.single-news-area .grid-view-news-area.vrsn-four {
    padding: 1.25rem 1.563rem 1.563rem;
}
.single-news-area .grid-view-news-area.vrsn-four .post-thumbnail {
	padding-top: 0;
	margin-top: 1.563rem;
	border-radius: 9px 9px 9px 9px;
}
.single-news-area .grid-view-news-area.vrsn-four .post-content {
    padding: 1.5625rem 0 0;
}
.post-author-area.vrsn-four {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 1.25rem 1.563rem 1.25rem;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    transition: 0.4s;
}
.post-author-area.vrsn-four:hover {
	transform: translateY(-7px);
	border: 1px solid #fff;
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}
/*Related Posts*/
.related-posts .grid-view-news-area.vrsn-four {
    padding: 0;
}
.related-posts .grid-view-news-area.vrsn-four .post-thumbnail {
    margin-top: 0;
	border-radius: 9px 9px 0px 0px;
}
.related-posts .grid-view-news-area.vrsn-four .post-content {
	padding: 1.25rem;
}
.related-posts .grid-view-news-area.vrsn-four .post-content .entry-meta:nth-child(3) {
    margin-bottom: 0; 
}
/*Comments*/
.theme-comment-area.vrsn-four {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 1.25rem 1.563rem 1.25rem;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    transition: 0.4s;
}
.theme-comment-area.vrsn-four:hover {
	transform: translateY(-7px);
	border: 1px solid #fff;
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}
/*Comment Form*/
.theme-comment-form.vrsn-four .comment-form {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 1.25rem 1.563rem 1.25rem;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    transition: 0.4s;
}
.theme-comment-form.vrsn-four .comment-form:hover {
	transform: translateY(-7px);
	border: 1px solid #fff;
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}

.theme-comment-area .comment-detail-title a {
	text-decoration: none;
}
.reply a {
    text-decoration: none !important;
}
.theme-comment-area .comment-detail p a {   
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.theme-comment-area .comment-detail p a:hover, 
.theme-comment-area .comment-detail p a:focus {
    text-decoration-style: dotted;
}

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

.sidebar.vrsn-four .widget {
	background-color: #fff;
	padding: 1.25rem;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}
.sidebar.vrsn-four .widget:hover {
	transform: translateY(-7px);
	box-shadow: 2px 5px 25px rgb(0 0 0 / 15%);
}
/*List View Post Widget*/
.list-view-post-widget .post.vrsn-four .post-thumbnail {
    border-radius: 9px;
}
.widget .wp-block-heading a {   
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.sidebar.vrsn-four .list-view-post-widget .post .entry-header .entry-title {
    margin-top: 0;
}

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

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


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

.site-footer-overlay::before {	
	background-color: #000000;
}
.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 .post.vrsn-four {
    background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 1.25rem 1.563rem 1.25rem;
	border-radius: 9px;
	position: relative;
	box-shadow: 2px 5px 20px rgb(0 0 0 / 7%);
    transition: 0.4s;
}
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;
}
.grid-view-news-area .post-content ol.wp-block-latest-comments .wp-block-latest-comments__comment {
    border-bottom: 1px solid #f1f1f1;
	padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.post .wp-block-latest-posts.wp-block-latest-posts__list {
	list-style: disc;
}
.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 {
	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;
}

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

.bs-blog-post.single img {
    margin-bottom: 20px;
}

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;
}

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;
}

.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: 2px solid #333;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;
}

.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: 1px solid #AAA;
    background-color: #fd0707;
    padding: 10px 20px;
    border-radius: 10px;
    color: #FFF;
    text-decoration: none;
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 1.1em;
}

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

.bs-blog-post .bs-blog-thumb img {
    border-radius: 0;
    border-bottom: none;
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}

.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.5em !important;
    border-bottom: 2px solid #1ea2e5;
    padding: 0 0 10px;
}

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: 0 !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: #d8effe;
    border: 1px solid #AAA;
    padding: 10px;
    width: 180px;
    text-align: left;
}

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 !important;
    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: 20px;
    margin: 0 0 20px;
}

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

ul.review p {
    margin: 0!important;
}

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

.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%;
    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: 16px;
    margin: 10px 0 0!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

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

form.product-subset__form button {
    width: 100%;
    text-align: left;
    border: 3px solid #002d65;
    background-color: #05479b;
    font-size: 20px;
    border-radius: 10px;
    appearance: none;
    line-height: 1.5;
    margin-bottom: 10px;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    padding: 20px;
    box-shadow: 0 0 5px #CCC;
    margin: 0;
    color: #FFF;
}

.single form.product-subset__form button {
    margin: 0 0 10px;
}

form.product-subset__form button span {
    font-size: 80%;
    padding: 5px 0 0 10px;
    color: #EEE;
}

form.product-subset__form button:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 10px; /* 横も中央にしたい場合 */
    transform: translate(-50%, -50%);
}

.single form.product-subset__form {
    margin-bottom: 30px;
}

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

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

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

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

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;
}

.bs-blog-post .small h2 {
    font-weight: 600;
    font-size: 22px;
    border-bottom: 4px dotted #ff3366;
    padding: 10px;
	margin-bottom:20px;
}

p.category_lavel a {
    background-color: #333333;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    padding: 2px 8px;
    border-radius: 40px;
    font-size: 12px;
}

.bs-blog-thumb.lg figure img {
    border-bottom: 1px solid #CCC;
}

ol.breadcrumb {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

ol.breadcrumb::-webkit-scrollbar {
    height: 0;
}

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

.entry-header h2 {
    border-bottom: 2px dotted #05479b;
    padding: 10px 0 10px;
    margin-bottom: 40px !important;
    font-size: 30px;
}

.custom-html-widget li a,.widget ul.menu li.menu-item a {
    border-bottom: 1px dotted #AAA;
    display: block;
    line-height: 2;
    padding: 5px 0;
	color:#05479b !important;
	font-weight:normal;
}

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

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

.custom-html-widget li a:hover,.widget ul.menu li.menu-item a:hover {
    background-color: #EEE;
	text-decoration:none!important;
}

.container-full h1.title {
    font-size: 1.8rem;
    padding: 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) {
.bs-blog-post.single .bs-header .title {
	font-size: 24px!important;
	font-weight: 600;
	border-bottom: 5px double #df5488;
	padding: 0 0 10px;
	margin: 0;
}
.bs-blog-post .bs-header {
    padding: 20px 20px 10px !important;
}
.bs-headthree.six {
    margin-bottom: 0px;
}
.bs-blog-post .bs-blog-thumb img {
    max-width: 280px !important;
}
.site-branding-text .site-title a {font-size: 18px!important;}
.img-fluid {
    width: 100%;
    max-width: 240px!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%;
}
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;
}
.bs-header-main {
    display: none;
}

form.product-subset__form button span {
    font-size: 80%;
    padding: 0;
    color: #EEE;
    display: block;
}
.entry-header h2 {
    margin-bottom: 0 !important;
    font-size: 24px;
}
table.guide th {
    width: 120px;
}
.super_visor dl {
  margin: 0;
  display: block;
}
.entry-content h2 {
    padding: 0 0 10px;
    margin: 0 0 10px;
}
.navbar {padding: 5px 0!important;}
.site-content {
    margin-top: 20px;
}
.site-branding .site-title {
    font-size: 1.3em;
}
}

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

/* ==========================================================================
   口コミエリア全体のレイアウト
   ========================================================================== */
.column_review_area_outer.review_select {
  display: flex;
  gap: 20px; /* ボックス間の余白 */
  width: 100%;
  max-width: 1000px; /* 必要に応じて調整してください */
  margin: 0 auto;
  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 section p br {
    display: none;
}

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

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

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

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

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

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

.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: 10px;
  }
}

/* ==========================================================================
   FAQ全体のリストスタイル
   ========================================================================== */
.faq_list {
  list-style: none; /* デフォルトの箇条書きの点を消す */
  padding: 0;
  margin: 0 !important;
   /* 見やすい幅に制限（必要に応じて変更してください） */
  width: 100%;
  box-sizing: border-box;
}

/* 各FAQの塊（li要素） */
.faq_list > li {
  background-color: #ffffff; /* 白ベース */
  border: 1px solid #e2e8f0; /* 薄い境界線 */
  border-radius: 8px; /* 角を少し丸く */
  margin-bottom: 20px; /* 質問ごとの余白 */
  overflow: hidden; /* 背景色のはみ出し防止 */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02); /* 軽い影で立体感を出す */
  list-style: none;
  padding: 0 !important;
}

/* ==========================================================================
   Q（質問）の装飾
   ========================================================================== */
.faq_list > li > h4 {
  position: relative;
  margin: 0;
  padding: 18px 20px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  color: #1a202c;
  /* アクセントカラー（#1ca577）を極限まで薄めた背景色でQエリアを強調 */
  background-color: #d8effe;
  border-bottom: 1px solid #d8effe;
}

/* 「Q.」の文字だけ色を変えて目立たせる（HTML内の文字色を変更） */
.faq_list > li > h4::first-letter {
  color: #05479b; /* アクセントカラー */
  font-weight: 800;
  font-size: 1.5rem;
  margin-right: 2px;
}

/* ==========================================================================
   A（回答）の装飾
   ========================================================================== */
.faq_list > li > p {
  margin: 0;
  padding: 18px 20px;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #4a5568;
  background-color: #fafafa; /* Qと区別するために薄いグレー背景 */
  margin: 0 !important;
}

/* 「A.」の文字だけ色を変えて目立たせる */
.faq_list > li > p::first-letter {
  color: #e28743; /* 回答と分かりやすいように温かみのあるオレンジ系（好みに応じて#1ca577等に変えてもOKです） */
  font-weight: 800;
  font-size: 1.15rem;
  margin-right: 2px;
}

/* ==========================================================================
   監修者情報 全体のボックス
   ========================================================================== */
.super_visor {
  background-color: #ffffff; /* 白ベース */
  border: 1px solid #e2e8f0; /* 薄い外枠 */
  border-radius: 12px; /* 角を丸くして柔らかい印象に */
  padding: 30px;
   /* 読みやすい横幅に制限 */
  margin: 0 auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); /* 軽い影で上品な立体感 */
  box-sizing: border-box;
  margin: 0 0 30px;
}

/* ==========================================================================
   タイトル（H2）
   ========================================================================== */
.super_visor h2 {
  font-size: 1.25rem;
  color: #1a202c;
  margin: 0 0 25px 0;
  padding-bottom: 10px;
  position: relative;
  font-weight: 700;
  border-bottom: none;
}

/* タイトルの下線（アクセントカラーの2色ライン） */
.super_visor h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px; /* 太い線の長さ */
  height: 3px;
  background-color: #05479b; /* アクセントカラー */
}

.super_visor h2::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; /* 全体の薄い線の長さ */
  height: 1px;
  background-color: #DDD;
}

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

/* 定義リスト（dl） */
.super_visor dl {
  margin: 0;
  display: block;
  flex-flow: row wrap;
}

/* 項目名（dt：院長・コメント） */
.super_visor dt {
  font-size: 0.9rem;
  font-weight: 700;
  color: #05479b; /* アクセントカラー */
  width: 60px;
  margin-right: 20px;
  margin-bottom: 10px;
}

/* 項目名の中のspan（デザインの調整用） */
.super_visor dt span {
  background-color: #EEE; /* アクセントカラーの薄い背景 */
  padding: 4px 12px;
  border-radius: 4px;
  width: 100%;
  display: block;
  text-align: center;
}

/* ==========================================================================
   各項目の内容（dd：名前・本文）
   ========================================================================== */
.super_visor dl:nth-of-type(1) dd {
  /* 院長名のスタイル */
  font-size: 1.2rem;
  font-weight: 700;
  color: #1a202c;
  margin: 0;
  padding-left: 4px;
  padding: 0;
  flex: 1;
}

.super_visor dl:nth-of-type(2) dd {
  /* コメント本文のスタイル */
  font-size: 1rem;
  line-height: 1.75; /* 文章が長いため、行間を少し広げて読みやすく */
  color: #4a5568;
  margin: 0;
  padding: 0;
   /* コメントエリアを薄いグレーで差別化 */
  border-radius: 0;
  flex: 1;
}

/* ==========================================================================
   レスポンシブ対応（スマホ向けの微調整）
   ========================================================================== */
@media screen and (max-width: 480px) {
  .super_visor {
    padding: 20px; /* 余白を少し狭く */
  }
  
  .super_visor h2 {
    font-size: 1.15rem;
    margin-bottom: 20px;
  }
  
  .super_visor dl:nth-of-type(1) dd {
    font-size: 1.2rem; /* 名前を少しスマホ向けに縮小 */
  }

  .super_visor dl:nth-of-type(2) dd {
    font-size: 0.9rem;
    padding: 0; /* コメントのパディングを調整 */
  }
}