/*
Theme Name: 	   NewsBlogy
Text Domain: 	   newsblogy
Template: 			newsmunch
Version:            1.0.33
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/newsblogy-free/
Description:        NewsBlogy is a fast, clean, Best Responsive News Magazine WordPress theme. NewsBlogy 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, NewsBlogy 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. NewsBlogy 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. NewsBlogy 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: 27, 132, 21;
    --dt-black-color: #0a1233;
    --dt-title-family: "Josefin Sans", sans-serif;
    --dt-base-family: "Josefin Sans", sans-serif;
}

body {
    font-optical-sizing: auto;
}

.header--five .site--logo a:focus {
    outline: 1px dotted #fff;
    outline-offset: 3px;
}

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

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

.header--five .dt_navbar-menu .dt_navbar-subscribe-item .dt-subscribe,
.header--five .dt_navbar-menu .dt_navbar-login-item .dt-user-login,
.header--five .dt_navbar-menu .dt_navbar-cart-item .dt_navbar-cart-icon,
.header--five .dt_navbar-menu .dt_navbar-search-item button.dt_navbar-search-toggle {
    background: transparent;
    width: 2.4rem;
    height: 2.4rem;
    line-height: normal;
    padding: 0;
    box-shadow: none;
}

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

.header--five .dt_navbar-nav .dt_home-icon a::before,
.menu_active-three .header--five .dt_navbar-nav .dt_navbar-mainmenu>li>a::before {
    top: -4px;
}

.menu_active-three .header--five .dt_navbar-nav .dt_navbar-mainmenu>li.active>a,
.menu_active-three .header--five .dt_navbar-nav .dt_navbar-mainmenu>li:hover>a,
.menu_active-three .header--five .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a,
.header--five .dt_navbar-nav .dt_home-icon a {
    background-color: #fff;
    color: var(--dt-main-color);
}

.header--five.menu_active-one .dt_navbar-nav .dt_navbar-mainmenu>li>a::before {
    background-color: #fff;
}

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

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

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

.header--five .dt_navbar-wrapper .dt_navbar-inner .dt-row.dt-py-5{
    padding: 4.5rem 0;
}


.header--five .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--five .dt_navbar-wrapper .dt_navbar-inner .site--logo {
    text-align: center;
}

.header--five.menu_active-two .dt_navbar-nav .dt_navbar-mainmenu>li>a::before {
    background: #fff;
}

.menu_active-three:not(.header--five) .dt_navbar-menus {
    padding: 0;
    border-bottom: 4px solid var(--dt-main-color);
}

.header--five.menu_active-default .dt_navbar-nav .dt_home-icon a,
.header--five.menu_active-one .dt_navbar-nav .dt_home-icon a,
.header--five.menu_active-two .dt_navbar-nav .dt_home-icon a,
.header--five.menu_active-three .dt_navbar-nav .dt_navbar-mainmenu>li.active>a,
.header--five.menu_active-three .dt_navbar-nav .dt_navbar-mainmenu>li:hover>a,
.header--five.menu_active-three .dt_navbar-nav .dt_navbar-mainmenu>li.focus>a,
.header--five.menu_active-three .dt_navbar-nav .dt_home-icon a {
    background-color: rgba(0, 0, 0, .1);
}
.dt-posts.dt-g-4 .dt-col-md-12 .post.post-list {
    padding: 20px 0 20px 20px;
}

@media only screen and (max-width: 767px) {
    .dt-posts.dt-g-4 .dt-col-md-12 .post.post-list {
        padding: 0;
    }
}

.dt-current-date span i {
    color: #fff;
}

.dt_sidebar .wp-block-image.is-style-rounded img {
    padding: 2px;
    box-shadow: 0 2px 8px 1px rgba(36, 36, 36, 0.3);
}

/* Animations */

.background-wrapper .squares,
.background-wrapper .circles,
.background-wrapper .triangles {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.background-wrapper .squares .square,
.background-wrapper .circles .circle,
.background-wrapper .triangles .triangle {
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0.1;
    animation: animate 8s linear infinite;
    background: #4021891c;
    bottom: -100px;
}

.background-wrapper .triangles .triangle {
    border-bottom-color: #2eb5982e;
    border-left-color: transparent;
    border-right-color: transparent;
    background: transparent;
}

.background-wrapper .circles .circle {
    border-radius: 100px;
}

.background-wrapper .triangles .triangle {
    width: 0;
    height: 0;
    border-bottom-width: 42px;
    border-bottom-style: solid;
    border-left-width: 25px;
    border-left-style: solid;
    border-right-width: 25px;
    border-right-style: solid;
    border-radius: 0;
}

.background-wrapper .squares .square:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}

.background-wrapper .circles .circle:nth-child(1) {
    left: 10%;
    width: 22px;
    height: 20px;
    animation-delay: 0s;
}

.background-wrapper .triangles .triangle:nth-child(1) {
    left: 45%;
    border-right-width: 10px;
    border-left-width: 10px;
    border-bottom-width: 22px;
    animation-delay: 0s;
}

.background-wrapper .squares .square:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.background-wrapper .circles .circle:nth-child(2) {
    left: 45%;
    width: 84px;
    height: 80px;
    animation-delay: 12s;
}

.background-wrapper .triangles .triangle:nth-child(2) {
    left: 25%;
    border-right-width: 15px;
    border-left-width: 15px;
    border-bottom-width: 28px;
    animation-delay: 12s;
}

.background-wrapper .squares .square:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.background-wrapper .circles .circle:nth-child(3) {
    left: 90%;
    width: 53px;
    height: 50px;
    animation-delay: 4s;
}

.background-wrapper .triangles .triangle:nth-child(3) {
    left: 80%;
    border-right-width: 15px;
    border-left-width: 15px;
    border-bottom-width: 28px;
    animation-delay: 4s;
}

.background-wrapper .squares .square:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.background-wrapper .circles .circle:nth-child(4) {
    left: 60%;
    width: 53px;
    height: 50px;
    animation-delay: 18s;
}

.background-wrapper .triangles .triangle:nth-child(4) {
    left: 30%;
    border-right-width: 20px;
    border-left-width: 20px;
    border-bottom-width: 38px;
    animation-delay: 18s;
}

.background-wrapper .squares .square:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.background-wrapper .circles .circle:nth-child(5) {
    left: 90%;
    width: 43px;
    height: 40px;
    animation-delay: 1s;
}

.background-wrapper .triangles .triangle:nth-child(5) {
    left: 70%;
    border-right-width: 25px;
    border-left-width: 25px;
    border-bottom-width: 42px;
    animation-delay: 1s;
}

.background-wrapper .squares .square:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.background-wrapper .squares .square:nth-child(7) {
    left: 35%;
    width: 100px;
    height: 100px;
    animation-delay: 7s;
}

.background-wrapper .squares .square:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.background-wrapper .squares .square:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.background-wrapper .squares .square:nth-child(10) {
    left: 85%;
    width: 100px;
    height: 100px;
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover, 
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus {
    color: #fff;
}

.wp-block-page-list {
    list-style: none;
    padding: 0;
}

.wc-block-grid__products .wc-block-components-product-button__button {
    border-radius: 0;
    text-decoration: none;
}

.wp-block-page-list a {
    color: var(--dt-secondary-color);
    text-decoration: none;
    font-weight: 600;
}

.wc-block-components-product-title a.wc-block-components-product-name:hover, 
.wc-block-components-product-title a.wc-block-components-product-name:focus {
    color: var(--dt-main-color);
}

.wp-block-page-list a:hover,
.wp-block-page-list a:focus {
    color: var(--dt-main-color);
}

.wp-block-list {
    padding: 0;
}

.wc-block-components-product-name {
    color: var(--dt-secondary-color);
    text-decoration: none;
    font-weight: 600;
}

.wp-block-list.has-background {
    padding: 1.25em 2.375em;
}

.wp-block-details.has-background {
    padding: 1.25em 2.375em;
}

.wp-block-verse.has-background {
    padding: 1.25em 2.375em;
}

.wp-block-preformatted.has-background {
    padding: 1em;
}

.wp-block-archives {
    list-style: none;
    padding: 0;
}

.wp-block-archives-list a {
    font-weight: 600;
    color: var(--dt-secondary-color);
}

.wp-block-archives-list a:hover, 
.wp-block-archives-list a:focus {
    color: var(--dt-main-color);
}

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

a.wp-block-button__link:hover, 
a.wp-block-button__link:focus {
    color: #fff;
    text-decoration: none;
}

.wp-block-button.is-style-outline a.wp-block-button__link {
    color: var(--dt-main-color);
}

.wp-block-latest-comments {
    padding-left: 0;
}

.wp-block-latest-comments li a:not(:hover, :focus) {
    color: var(--dt-secondary-color);
}

.dt_footer .wp-block-latest-comments li a:not(:hover, :focus) {
    color: #fff;
}

.dt_footer ul.product_list_widget li .woocommerce-Price-amount {
    color: #fff;
}

.dt_footer ul.product_list_widget li {
    border-bottom: none;
}

.dt_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button) {
    background-color: var(--dt-main-color);
}

.dt_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button):hover,
.dt_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button):focus {
        background-color: var(--dt-main-color) !important;
}

.dt_footer .widget_shopping_cart a.checkout:hover, 
.dt_footer .widget_shopping_cart a.checkout:focus {
        background-color: var(--dt-main-color) !important;
}

.dt_footer .widget_shopping_cart span.amount {
    color: var(--dt-text-color);
}

.dt_footer .widget_shopping_cart li img {
   object-fit: contain !important;
   padding-right: 10px;
}

.dt_footer .widget  .wc-block-mini-cart__badge {
    color: #fff;
}

/* --------------------------------------
=========================================
	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;
}

div.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: 0 20px 20px;
    border-top: none;
    margin: 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 #15e2b9;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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 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: 33.33% !important;
    list-style: none;
    padding: 10px !important;
}

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

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

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

table.guide {
  width: 100%;
  border-collapse: collapse;
  /* display: inline-block; */
  margin: 0 0 30px;
}

table.guide tr{
  border-bottom: solid 2px white;
}

table.guide tr:last-child{
  border-bottom: none;
}

table.guide th{
  position: relative;
  text-align: left;
  width: 200px!important;
  background-color: #1b8415;
  color: white;
  text-align: center;
  padding: 10px 0;
  line-height: 2;
}

table.guide th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #1b8415;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table.guide td{
  text-align: left;
  background-color: #f7f8f9;
  padding: 10px 10px 10px 20px;
  line-height: 2;
}

.product-subset__form {
    /* border: 1px solid #aaaaaa; */
    /* background-color: #DDD; */
    padding: 0;
    margin-bottom: 30px;
}

.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;
    height: auto;
    line-height: 1.5;
    color: #333;
}

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

.select-wrapper-2 {
    display: flex;
    position:relative;
    width: 100%;
    max-width: 250px;
    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;
    background-color: #FFF;
    color: #333;
}

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

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

.product-subset__form p {
    margin: 0;
}

.clearfix h2 {
    border-bottom: 1px dashed #1b8415;
    padding: 0 0 10px;
    margin: 40px 0 20px 0;
}

table.contact th {
    color: #333;
}

.featured-image img {
    border: 10px solid #EEE;
    margin: 0 0 30px;
    box-sizing: border-box;
}

#dt_preloader {
    display: none;
}

.page-header div {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.page-header div::-webkit-scrollbar {display: none;}

@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: 100% !important;
    margin: 0 auto;
    display: table;
}
table.about tr {
    display: block;
    width: 100%;
}

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

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

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

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

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

table.point {
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
}
.select-wrapper-1 select {
    font-size: 16px;
}
table.guide th {
    width: 140px !important;
}
.post-single {
    margin-bottom: 40px;
}
.post-single .post-bottom {
    padding-top: 0!important;
    margin-top: 10px!important;
}
table.contact th {
    width: 50%;
}
#content {
    margin-top: 20px;
}
.select-wrapper-2 button {
    font-size: 16px;
    padding: 10px 22px;
}
}

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