/*
Theme Name: 	   NewsMemo
Text Domain: 	   newsmemo
Template: 			newsmunch
Version:            1.0.2
Tested up to:       6.9
Requires at least:  4.7
Requires PHP:       7.0
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Theme URI:          https://desertthemes.com/themes/newsmemo-free/
Description:        NewsMemo is a fast, clean, Best Responsive News Magazine WordPress theme. NewsMemo is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. With its modern and clean design, NewsMemo offers a visually appealing layout that is easy to navigate, making it ideal for delivering content to your readers. This theme comes equipped with a range of customizable options, custom widgets, and color schemes, allowing you to tailor your website to your specific needs and branding. It also supports various post formats, making it easy to present a variety of content types, from articles and videos to images and galleries. NewsMemo is optimized for speed and SEO, ensuring that your website loads quickly and ranks well in search engine results. Its responsive design ensures that your content looks great on all devices, whether it's a desktop computer, tablet, or smartphone. NewsMemo demos https://preview.desertthemes.com/newsmunch/
Tags:               blog, e-commerce, entertainment, grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, featured-images, featured-image-header, flexible-header, post-formats, rtl-language-support, translation-ready, theme-options, threaded-comments, footer-widgets
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

:root {
    --dt-main-rgb: 17, 81, 211;
    --dt-secondary-color: #202F5B;
    --dt-title-family: "Josefin Sans", sans-serif;
    --dt-base-family: "Josefin Sans", sans-serif;
}

/* Header 12 */

.header--twelve .dt_navbar-nav .dt_home-icon a:focus {
    outline: 1px dotted;
    outline-offset: -4px;
}

.header--twelve .dt_navbar-wrapper.is--sticky.on .dt_navbar-inner {
    display: none;
}

.header--twelve.menu_active-default .dt_navbar-nav .dt_home-icon a,
.header--twelve.menu_active-one .dt_navbar-nav .dt_home-icon a,
.header--twelve.menu_active-two .dt_navbar-nav .dt_home-icon a,
.header--twelve.menu_active-three .dt_navbar-nav .dt_navbar-mainmenu>li.active>a,
.header--twelve.menu_active-three .dt_navbar-nav .dt_navbar-mainmenu>li:hover>a,
.header--twelve.menu_active-three .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a,
.header--twelve.menu_active-three .dt_navbar-nav .dt_home-icon a {
    background-color: rgba(0, 0, 0, .1);
}

.header--twelve .dt_navbar-menu .dt_navbar-sidebar-item .dt_navbar-sidebar-toggle,
.header--twelve .dt_navbar-sidebar-toggle:hover .dt_navbar-sidebar-toggle-inner,
.header--twelve .dt_navbar-sidebar-toggle:focus .dt_navbar-sidebar-toggle-inner,
.header--twelve .dt_navbar-nav .dt_home-icon a,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>.menu-item-has-children>a:after,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>li>a,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>li.active>a,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>li:hover>a,
.header--twelve .dt_navbar-nav .dt_navbar-mainmenu>li:not(:hover, .focus, .active)>a {
    color: #fff;
}

@media (min-width: 62em) {
    .header--twelve sup.menu-badge {
        top: -1px;
    }
}

.header--twelve .dt_navbar-menus {
    background-color: var(--dt-main-color);
}

.header--twelve .dt_navbar-wrapper .dt_navbar-inner .dt-row .dt-col-md:first-child .dt_navbar-right > ul {
    padding-left: 0;
    padding-right: 1.2rem;
    justify-content: start;
}

.header--twelve .dt_navbar-wrapper .dt_navbar-inner .site--logo{
    text-align: center;
}

.header--twelve {
    background-color: #fff;
}

.dark .header--twelve {
    background-color: var(--dt-secondary-color);
}

.header--twelve .dt_header-navwrapper .dt_navbar-inner .dt-py-5 {
    padding-top: 4rem;
}

.header--twelve .dt_header-topbar + .dt_header-navwrapper .dt_navbar-inner .dt-py-5 {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
}

.header--twelve .dt_navbar-wrapper .dt_navbar-menu {
    justify-content: space-between;
}

.header--twelve .dt_navbar-menus .dt_navbar-menu .dt_navbar-nav {
    padding: 0 4.1rem;
    text-align: center;
    justify-content: center;
}

.header--twelve .dt_navbar-subscribe-item .dt-subscribe,
.header--twelve .dt_navbar-login-item .dt-user-login,
.header--twelve .dt_navbar-cart-item .dt_navbar-cart-icon,
.header--twelve .dt_navbar-search-item button.dt_navbar-search-toggle {
    width: 3.8rem;
    height: 3.8rem;
    box-shadow: none;
}

@media (min-width: 62em) {
    .header--twelve .dt_navbar-subscribe-item .dt-subscribe,
    .header--twelve .dt_navbar-login-item .dt-user-login,
    .header--twelve .dt_navbar-cart-item .dt_navbar-cart-icon,
    .header--twelve .dt_navbar-search-item button.dt_navbar-search-toggle {
        background-color: transparent;
        border: solid 1px rgba(189, 189, 189, 0.4);
    }
    
    .header--twelve .dt_navbar-subscribe-item .dt-subscribe,
    .header--twelve .dt_navbar-search-item button.dt_navbar-search-toggle {
        color: #fff;
        border: solid 1px rgba(255, 255, 255, 0.4);
    }

    .header--twelve .dt_navbar-login-item .dt-user-login,
    .header--twelve .dt_navbar-cart-item .dt_navbar-cart-icon {
        color: var(--dt-secondary-color);
    }
    
    body.dark .header--twelve .dt_navbar-login-item .dt-user-login,
    body.dark .header--twelve .dt_navbar-cart-item .dt_navbar-cart-icon {
        color: #fff;
    }
}


.header--twelve + .exclusive-wrapper {
    background-color: transparent;
    box-shadow: none;
}

.header--twelve + .exclusive-wrapper .exclusive-posts {
    padding: 1.2rem;
    margin-top: 30px;
    background: var(--dt-white-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.header--twelve + .exclusive-wrapper .exclusive-tags + .exclusive-posts {
    margin-top: 0;
}

/* Section title five */

.dt-section--title-five .widget-header {
    z-index: 0;
}

.dt-section--title-five .widget-header .widget-title,
.dt-section--title-five .widget .wp-block-search__label,
.dt-section--title-five .widget .wp-block-heading {
    font-size: 1.6rem;
    position: relative;
    font-weight: 700;
    letter-spacing: .25px;
    width: auto;
    display: inline-flex;
    color: #fff;
    background: var(--dt-main-color);
    padding: 7px 14px;
    text-align: start;
    line-height: 2;
    gap: 8px;
    align-items: center;
}

.dt-section--title-five .widget-header .widget-title::after,
.dt-section--title-five .widget .wp-block-search__label::after,
.dt-section--title-five .widget .wp-block-heading::after {
    position: absolute;
    content: "";
    height: 3px;
    width: 10000%;
    top: 50%;
    left: 0;
    border: solid 0px rgba(189, 189, 189, 0.4);
    border-width: 1px 0;
    transform: translateY(-50%);
    z-index: -1;
}

.dt-section--title-five .widget-header .widget-title::before,
.dt-section--title-five .widget .wp-block-search__label::before,
.dt-section--title-five .widget .wp-block-heading::before {
    content: "\f061";
    display: inline-block;
    font-family: 'FontAwesome';
    font-weight: normal;
    transform: rotate(-45deg);
    width: 1.6rem;
    height: 1.6rem;
    line-height: 10px;
}

.main-banner-section.radius .featured-post-lg {
    overflow: hidden;
    border-radius: 15px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .main-banner-section.slider-4 .post_columns-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.wp-block-categories-list.has-background {
    padding: 1rem;
}

.wp-block-latest-comments.has-background {
    padding: 1rem;
}

.wp-block-file a {
    text-decoration: none;
}

.wp-block-file.has-background {
    padding: 1rem;
}

.woocommerce .summary .product_meta>span a {
    text-decoration: none;
}

table.wc-block-cart-items .wc-block-cart-items__header th {
    font-size: 1.6rem;
    font-weight: 700;
}

/* --------------------------------------
=========================================
	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;
    color: #333;
}

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

.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 #6299ea;
    margin: 20px 0 10px;
    padding: 12px 12px;
    font-family: initial;
}

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;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 0;
    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: #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;
    display: flex;
    flex-flow: row wrap;
}

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

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

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: 230px;
    color: #333;
}

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

.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 img {
    border-radius: 8px;
}

ul.kanren li a {
    border: 1px solid #AAA;
    padding: 10px;
    border-radius: 10px;
    display: block;
    text-decoration: none;
    box-shadow: 0 0 5px #CCC;
    display: flex;
    flex-direction: column; /* liの中を縦並び */
    justify-content: flex-start; /* 上揃えにする */
    height: 100%; /* li自体の高さを親に合わせる */
}

.kanren li p {
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0 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: 18px;
    padding: 12px 24px;
    border-radius: 8px;
    margin: 0 0 0 auto;
    display: table;
    appearance: none;
    cursor: pointer;
    height: auto;
    background-color: #6097eb;
    font-family: inital;
}

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

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

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

h2.widget-title {
    font-size: 20px;
    border-bottom: 2px solid #c1d7ff;
    padding: 6px 0 12px;
    font-family: initial;
}

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

/* ラッパー */
.select-wrapper {
  position: relative;
  display: flex;
  width: 100%;
   /* 任意で調整 */
  padding: 0;
  margin-bottom: 30px;
}

/* セレクトボックス */
.select-wrapper select {
  flex: 1; /* ボタン以外の幅を全部取る */
  padding: 8px 30px 8px 10px; /* 右にFontAwesome用スペース */
  font-size: 20px;
  border: 1px solid #333;
  border-radius: 4px;
  -webkit-appearance: none; /* iOS Safari */
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  outline: none;
  color: #333;
  font-weight: 500;
  cursor: pointer;
  height: auto;
  font-family: initial;
}

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

/* ボタン */
.select-wrapper button {
  margin-left: 10px;
  padding: 8px 16px;
  font-size: 16px;
  border: 1px solid #2b3c6d;
  border-radius: 4px;
  background: #2b3c6d;
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
  width: 120px;
  font-weight: bold;
  height:auto!important;
  font-family: initial;
  line-height: 2;
}

.select-wrapper button:hover {
  background: #555;
}

.super_visor {
    background-color: #f5f7fc;
    margin: 0 0 30px !important;
}

.super_visor h2 {border: none !important;background-color: #d3d9e9;margin: 0 !important;padding: 10px !important;color: #333;font-family: initial;}

.super_visor dl {
    padding: 0;
    margin: 0 0 20px !important;
    display: flex;
    flex-flow: row wrap;
}

.super_visor dl dt {
    width: 130px;
    margin-right: 20px;
}

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

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

.super_visor article {
    padding: 20px 20px 10px;
}

p.review_star {
    order: 1;
    margin-right: 10px !important;
}

p.review_name {
    order: 2;
}

p.review_text {
    order: 3;
    width: 100%;
    margin-bottom: 0 !important;
}

.post-header h1 {
    font-weight: 600;
    font-size: 30px;
    border-bottom: 2px dotted;
    padding: 10px 0 10px;
}

h1.page-title {
    font-weight: 600;
    font-size: 30px;
    border-bottom: 2px dotted;
    padding: 10px 0 10px;
}

.post-single h2 {
    font-size: 24px;
    border-left: 5px solid;
    padding: 8px 8px 4px;
    font-weight: 600;
}

.featured-image img {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
}

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

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

ul.faq_list li p {
    margin: 0;
}

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

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

ul.faq_list li h3 {
    margin: 0 0 10px;
    border-bottom: 2px dashed #AAA;
    padding: 0 0 10px;
    font-size: 18px;
}

ul.faq_list li h3:first-letter {
    color: #2b3c6d;
    font-size: 30px !important;
}

.widget ul:not(.wp-block-social-links, .meta, .list-inline, .wp-block-latest-posts, .product_list_widget, .wc-block-grid__products) li a:before {
    font-family: 'FontAwesome';
    content: "\f105";
}

.post-single .post-bottom {
    border-top: solid 1px rgba(189, 189, 189, 0.4);
    padding-top: 0;
    margin-top: 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: 200px !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;
}
.select-wrapper {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
}
.select-wrapper select {
    width: 100%;
}
.select-wrapper button {
    margin-left: 0;
    width: 100%;
    margin-top: 10px;
    line-height: 30px;
}
.select-wrapper::after {
    right: 10px;
    top: 24px;
}
.select-wrapper select {
    font-size: 15px;
    line-height: 30px;

}
.super_visor dl dt {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
.super_visor dl dt span {
    width: 130px;
}
header.site-header .middle-header-part .middle-header-wrapper .site-branding .site-title {
    font-size: 21px;
}
.dt_mobilenav-menu>div {
    max-width: 15%;
}
.dt-py-4 {
    padding: 0;
    font-size: 14px;
}
#content {
    margin-top: 20px;
}
.select-wrapper br {
    display: none;
}
.featured-image img {
    max-width: 240px;
}
.post.post-list .thumb {
    margin-bottom: 10px;
}
#dt-sidebar {margin-top: 30px;}
table.guide th {width: 120px!important;}
}
/* --------------------------------------
=========================================
	PLUS AREA
=========================================
-----------------------------------------*/