/*
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.8
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: 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: 9px 0px 0px 9px;
	margin-right: 0;
}
.list-view-news-area .post.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;
}
.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: 10px;
    margin-top: 0;
}

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 #8378c7;
    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;
    margin: 10px 0 0;
}

p.btn_detail a {
    border: 1px solid #AAA;
    background-color: #0085fe;
    padding: 10px 20px;
    border-radius: 10px;
    color: #FFF;
    text-decoration: none;
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 1em;
    line-height: 1.5;
    color: #FFF;
}

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

.bs-blog-post .bs-blog-thumb img {
    border-radius: 10px;
    border: none;
    margin: 0 auto 0;
    display: table;
}

.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 var(--elementic-primary-color);
    padding: 0 10px 10px;
    border-bottom: 2px solid #0085fe;
}

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: #0085fe;
    border: 1px solid #AAA;
    padding: 10px;
    width: 150px;
    text-align: left;
    color: #FFF;
}

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

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

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

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

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

.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;
    background-color: #FFF;
}

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

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: #7becff;
    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: 16px;
    padding: 12px;
    border-radius: 8px;
    margin: 0 0 0 auto;
    display: table;
    appearance: none;
    cursor: pointer;
    height: auto;
    background-color: #0085fe !important;
    color: #FFF;
}

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

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

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

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

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

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

.super_visor {
    background-color: #FFF;
    margin: 0 0 30px !important;
    border: 1px solid #AAA;
}

.super_visor h2 {border: none !important;background-color: #eeeeee;margin: 0 !important;padding: 10px !important;border-bottom: 1px solid #AAA !important;font-size: 20px !important;}

.super_visor dl {
    /* padding: 0 0 15px; */
    margin: 0 0 10px !important;
    display: block;
    flex-flow: row wrap;
    border: none;
    border-bottom: 1px solid #DDD;
}

.super_visor dl dt {
    width: 100px;
    margin-right: 20px;
    line-height: 2;
}

.super_visor dl dd {
    flex: 1;
    margin: 0;
    line-height: 2;
    padding: 0 0 10px;
}

.super_visor dl dt span {
    background-color: #0085fe;
    display: block;
    text-align: center;
    border-radius: 6px;
    color: #FFF;
    line-height: 2;
    font-size: 16px;
}

.super_visor article {
    padding: 20px;
}

.super_visor dl:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

ul.faq_list li {
    list-style: none;
    border: 1px solid #AAA;
    border-radius: 10px !important;
    background-color: #FFF;
    padding: 15px;
    margin: 0 0 20px;
}

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

ul.faq_list li p {
    margin: 0 !important;
}

ul.faq_list li h4 {
    font-weight: 600;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dashed;
    padding: 10px 0 20px;
    margin-bottom: 20px;
    line-height: 1.5;
}

p.review_star {
    margin: 0 10px 0 0 !important;
}

p.review_name {
    margin: 0 !important;
    font-size: 18px;
}

.kanren li p {
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 10px 0 0 !important;
}

.bs-blog-post .small h2 {
    font-weight: 600;
    font-size: 1.5em;
    border-left: 5px solid #1ab2c5;
    padding: 8px;
    margin: 20px 0 20px;
}

.select-wrapper-1 select {
    width: 100%;
    padding: 10px 30px 10px 10px;
    font-size: 20px;
    font-weight: bold;
    position:relative;
    border-radius: 4px;
    appearance: none;
    border: 1px solid #333;
    border-radius: 4px;
    appearance: none;
    background: #fff;
    outline: none;
    cursor: pointer;
    line-height: 2;
    height: initial;
}

.select-wrapper-1 {
    margin-bottom: 10px;
    position: relative;
}

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

ul.kanren img {
    width: 100%;
}

.box ul {
    margin: 0;
}

.el-footer-main {
    display: none!important;
}

img.attachment-full {
    width: 100%;
    height: auto;
    margin-top: 30px;
}

.column_review_area_outer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.column_review_area {
    width: 49%;
}

.column_review_area_outer p.btn {
    width: 80%;
    margin: 0 auto;
}

.column_review_area {
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 0;
    background-color: #FFF;
    border: 1px solid #AAA;
    border-radius: 6px;
}

.column_review_meta h3 {
    width: 100%;
    padding: 0 0 15px;
    margin-bottom: 15px;
    font-size: 16px;
    border-bottom: 1px solid #CCC;
}

.column_review_meta {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
}

.column_review_meta figure {
    width: 60px;
    margin-right: 10px;
    margin: 0 20px 0 0;
}

.column_review_meta figure i {
    display: table;
    padding: 15px;
    margin: 0 auto;
    font-size: 30px;
    font-weight: normal;
    color: #FFF;
    border: 1px solid #CCC;
    border-radius: 6px;
}

.column_review_meta p {
    margin-bottom: 0!important;
    font-size: 16px;
    line-height: 28px!important;
}

.good i {
    background-color: #e58b8b;
}

.bad i {
    background-color: #8bade5;
}

i.fa.fa-star {
    color: #FFC100!important;
    background-color: initial!important;
}

.column_review_area h2 {
    font-size: 1.2em !important;
    width: 100%;
    padding: 0 0 10px;
    margin: 0 0 10px !important;
}

.column_review_meta p br {
    display: none;
}

ul.faq_list li {
    list-style: none;
    border: 2px solid #DDD;
    padding: 15px !important;
    border-radius: 6px;
    background-color: #FFF;
    line-height: 1.5;
    margin-bottom: 20px;
}

ul.faq_list {
    margin: 0 0 30px!important;
    padding: 0;
}

ul.faq_list li p {
    margin: 0;
}

ul.faq_list li h4 {
    font-weight: bold;
    font-size: 16px;
    border-bottom: 4px dotted #43dafe;
    padding: 0 0 10px;
    margin-bottom: 10px;
    margin: 0 0 15px;
}

ul.faq_list li h4:first-letter {
    color: #00b0c6;
    font-size: 30px;
    margin-right: 5px;
}

ul.faq_list li h3 {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #333333;
    padding-bottom: 10px !important;
    color: #0085fe;
}

h1.title.single {
    border-bottom: 5px dotted #48caf0;
    padding: 0 0 10px;
    margin: 20px 0 0;
}

.mg-blog-post-box h2 {
    /* margin: 30px 0 20px !important; */
    border-left: 7px solid #48caf0;
    font-size: 24px;
    padding: 10px 10px;
}

.site_info {
    margin: 0 0 30px;
}

span.post-form {
    display: none;
}

header.entry-header {
    margin: 0 !important;
}

.textwidget.custom-html-widget a {
    color: #333 !important;
    line-height: 2;
}

div#aft-dark-light-mode-wrap {
    display: none;
}

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

.aft-social-share {
    display: none;
}

.entry-content h2 {
    margin: 20px 0;
}

h2.title {
    font-size: 22px;
}

@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: 0;
}
.inyou ul {
    margin: 0 !important;
    width: 100% !important;
}

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

@media (max-width: 480px) {
.img-fluid {
    width: 100%;
    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;
}
.column_review_area {
    width: 100%;
    margin: 0 0 20px !important;
}
table.point {
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
}
.super_visor dl {
    display: block;
}
.bs-blog-post {
	padding: 10px;
}
.bs-blog-category {
    margin-top: 0;
    margin-bottom: 10px; 
}
.mainfeatured {
    padding: 0;
}
.bs-blog-post.single .bs-header .title {
    display: block;
    line-height: 1.2;
    margin: 0 0 10px;
}
[class*="header-layout-side"] .af-middle-header {
    padding: 10px 0;
}
body .af-breadcrumbs + .section-block-upper , body header + #content.container-wrapper, body .aft-main-breadcrumb-wrapper + #content.container-wrapper {
    margin-top: 0;
}
h1.site-title {
    font-size: 1.5em!important;
}
#content {
	padding-top: 20px;
	padding-bottom: 20px;
}
.column_review_area {
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 0;
    background-color: #FFF;
    border: 1px solid #AAA;
    border-radius: 6px;
}
    .navbar {
        padding: 0;
    }
.entry-meta {
    font-size: 0;
    margin: 10px;
}
h2.entry-title {
    text-align: left;
    font-size: 24px;
}
.post-thumbnail.full-width-image.full img {
    max-width: 300px;
}
.bs-blog-post .bs-blog-thumb img {
    margin: 0 auto 10px;
}
}

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

/* scroll table */
table.scroll_table {
    width: 970px;
    font-size: 16px;
    margin: 0;
    max-width: 970px;
}

.scroll_table_outer {
    overflow-x: auto;
    margin: 0 0 30px;
}

table.scroll_table th:nth-child(1) {
    width: 200px;
}

table.scroll_table th:nth-child(2) {
    width: 150px;
}

table.scroll_table tr:nth-child(1) th {
    background-color: #CCC;
    color: #333;
}

table.scroll_table th {
    background-color: #EEE;
    color: #333;
    border: 1px solid #AAA;
    text-align: left;
}

table.scroll_table td {
    background-color: #FFF;
    color: #333;
    border: 1px solid #AAA;
}

table.scroll_table th:nth-child(3) {
    width: 400px;
}