/*
Theme Name: NewsGame
Theme URI:  https://afthemes.com/products/newsgame/
Author:     AF themes
Author URI: https://afthemes.com/
Description: NewsGame is a performance-focused WordPress child theme of the MoreNews framework, specifically engineered for gaming blogs, eSports magazines, and tech news portals. It features a comprehensive header and footer builder that provides code-free layout control alongside native support for the Block Editor and popular page builders. The theme is equipped with over 30 custom widgets, dynamic block patterns, flexible banner systems, and integrated light/dark mode toggles. Built for speed and scalability, it is optimized for Core Web Vitals and SEO, incorporates WooCommerce for e-commerce, and maintains WCAG and GDPR compliance. It supports RTL languages and provides multilingual demo content in English, Chinese, Spanish, French, Japanese, and Arabic. https://afthemes.com/products/newsgame/
Template: morenews
Version: 1.0.26
Requires at least: 4.0
Requires PHP: 5.0
Tested up to: 6.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newsgame
Tags: news, blog, entertainment, one-column, two-columns, three-columns, four-columns, grid-layout, block-patterns, block-styles, left-sidebar, right-sidebar, custom-header, flexible-header, custom-background, custom-logo, custom-menu, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, footer-widgets, translation-ready, theme-options, threaded-comments, wide-blocks

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.

NewsGame WordPress Theme, Copyright 2025 AF themes
NewsGame is distributed under the terms of the GNU GPL v2 or later.
*/

body,
button,
input,
select,
optgroup,
textarea {
    line-height: 1.7;
}

input {
    vertical-align: middle;
}

textarea {
    width: 100%;
}

ul.wp-block-list,
ol.wp-block-list {
    margin-bottom: 20px;
}

body .reply a,
div#respond input[type="submit"],
.btn-style1 a:visited,
.btn-style1 a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 5px 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

div#main-navigation-bar {
    background: #018001;
}

.exclusive-posts .exclusive-now {
    background-color: #12A86B;
}

.main-navigation .menu-description {
    background-color: #12A86B;
}

.main-navigation .menu-description:after {
    border-top: 5px solid #12A86B;
}

.morenews-header div.custom-menu-link>a {
    background: #12A86B;
}

.af-cat-widget-carousel a.morenews-categories.category-color-1 {
    background-color: #12A86B;

}

a.morenews-categories.category-color-1 {
    color: #12A86B;
}

.af-cat-widget-carousel a.morenews-categories.category-color-2 {
    background-color: #bb1919;
}

a.morenews-categories.category-color-2 {
    color: #bb1919;
}

.aft-default-mode .entry-content>.wp-block-heading a:not(.has-link-color) {
    border-color: #12A86B;
}

.aft-default-mode .entry-content .wp-block-heading:not(.has-link-color):not(.wp-block-post-title) a,
.entry-content > p:not(.has-link-color) a, .entry-content > p:not(.has-link-color) a:visited{
    color: #12A86B;
}

p {
    margin-bottom: 30px;
}

.entry-content,
.entry-header .post-excerpt {
    font-size: 16px;
}

body.single-post .entry-title,
h1.page-title {
    font-size: 34px;
}


.cat-links li a {
    font-size: 12px;
    letter-spacing: normal;
    line-height: 1;
}

ul.trail-items li a {
    font-size: 16px;
    opacity: 1;
}

.entry-header .entry-meta {
    font-size: 16px;
}

.entry-header .post-excerpt {
    font-size: 1.4rem;
}

a.comment-reply-link {
    font-size: 12px;
    padding: 5px 10px;
    transition: all 300ms ease-out;
    text-transform: uppercase;
    font-weight: 700;
}

a.comment-reply-link,
a.comment-reply-link:visited,
a.comment-reply-link:hover,
a.comment-reply-link:focus {
    color: #ffffff;
}

.wp-calendar-table tbody,
#wp-calendar tbody {
    color: #404040;
}

.aft-dark-mode .wp-block-table :where(figcaption),
.aft-dark-mode .wp-block-calendar table:where(:not(.has-text-color)),
.aft-dark-mode .wp-calendar-table tbody,
.aft-dark-mode #wp-calendar tbody {
    color: #ffffff;
}

.gallery-caption {
    position: static;
}

figcaption a {
    text-decoration: underline;
}

.morenews-pagination .nav-links .page-numbers.dots {
    border-width: 0;
}

body.page div.comments-area {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.entry-content>[class^="wp-block-"] {
    margin-bottom: 30px;
}


.wp-block-code code,
.wp-block-code .editor-plain-text,
body.aft-dark-mode #sidr,
body.aft-dark-mode code,
body.aft-dark-mode {
    background-color: #1a1a1a;
}

.morenews-widget .wp-block-group .wp-block-heading {
    font-size: 16px;
}

ul.wp-block-categories-list.wp-block-categories li a,
ul.wp-block-archives-list.wp-block-archives li a {
    font-weight: 700;
    transition: all 0.075s linear;
    border-width: 0;
}

.mailchimp-block .block-title,
.morenews_posts_slider_widget .read-single .read-details .read-title h3,
article.latest-posts-full .read-title h3,
.af-banner-carousel .read-title h3 {
    font-size: 34px;
}

.wp-post-author .wp-post-author-meta-bio {
    opacity: 1;
}

.wp-post-author .awpa-display-name {
    font-weight: 700;
}

.awpa-review-field .right-star .awpa-rating-button {
    border-radius: 50px;
    text-transform: none;
    font-weight: 400;
    line-height: normal;
}

a.awpa-more-posts:hover {
    border-bottom: 1px solid !important;
}

.single h3.awpa-title,
.single .awpa-review-field h3 {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

body .entry-content>ul a.wp-block-pages-list__item__link {
    border: none;
}

article .promotionspace .morenews-customizer {
    margin-bottom: 0;
}

body .post-navigation .em-post-navigation {
    opacity: 1;
    font-weight: normal;
}

.entry-content.read-details .entry-meta {
    font-size: 16px;
}

/* header promotion background remove*/
body.aft-dark-mode .header-promotion .morenews-widget,
body.aft-default-mode .header-promotion .morenews-widget {
    background: transparent;
}

div[id*="splw-location-weather"].splw-main-wrapper {
    max-width: unset !important;
}

.home-featured-widgets .morenews-widget:last-child {
    margin-bottom: 20px;
}

.secondary-footer .af-container-row,
.site-info .af-container-row {
    margin: 0;
}

body.single-post .aft-image-caption {
    background: rgb(0 0 0 / 75%);
}

.aft-image-caption p {
    opacity: 1;
    font-size: 14px;
}

#gt_float_wrapper .gt_float_switcher .gt_options a {
    font-size: 15px;
    font-weight: 600;
    padding: 8px 10px;
}

.aft-dark-mode .post-page-numbers,
.aft-dark-mode .morenews-pagination .nav-links .page-numbers{
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

span.post-page-numbers.current,
.morenews-pagination .nav-links .page-numbers.current{
    color: #fff;
    background: #212121;
}

.post-page-numbers,
.morenews-pagination .nav-links .page-numbers.current,
.morenews-pagination .nav-links .page-numbers{
    min-width: 30px;
}

.entry-content li ol:not([class*="wp-"]) ,
.entry-content li ul:not([class*="wp-"]) {
    padding-bottom: 0px;
    padding-top: 5px;
}

input.search-field{
    font-size: 16px;
}

.author-info {
    font-size: inherit;
}

.entry-content li > ol, .entry-content li > ul, .comments-area li > ol, .comments-area li > ul {
    margin: 5px 0 5px 20px !important;
    padding-left: 0;
}

.entry-content li [class^="wp-block-"] {
    margin-bottom: 5px;
}

.entry-content section.morenews-author-bio {
    margin-top: 24px;
}
span.wpcf7-list-item label {
    display: flex;
    align-items: center;
}
form.wpcf7-form label input[type="checkbox"]{
    width: unset;
    margin: 0 10px 0 0;
}

.entry-content .gallery {
    margin-top: 0;
    margin-bottom: 24px;
}

body.aft-dark-mode.single span.tags-links a, 
body.aft-dark-mode .main-navigation .menu .menu-mobile li a, 
body.aft-dark-mode .widget ul ul li, 
body.aft-dark-mode .widget ul.menu>li, 
body.aft-dark-mode .widget>ul>li {
    border-top-color: rgba(255, 255, 255, 0.2);
}



article.sticky .read-single.no-post-image > div.read-img::before{
    top: 0;
}

@media (min-width: 1200px) {
    body.single-content-mode-boxed article.af-single-article .post-thumbnail.full-width-image {
        padding-top: 2.5rem;
    }
}

@media screen and (max-width: 768px) {
    .exclusive-posts .exclusive-now {
        float: left;
    }

    .main-navigation .menu .menu-mobile {
        width: 50%;
    }

    .header-layout-3 .site-header .site-branding .site-title,
    body .site-branding .site-title {
        font-size: 1.75rem;
    }

    .entry-header .read-details .entry-meta .posts-author {
        display: block;
        margin-top: 20px;
    }

    .entry-header .read-details .entry-meta .posts-date {
        display: block;
        padding: 5px 0;
    }
}



@media only screen and (max-width: 640px) {

    .container-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    body.single-post .entry-title,
    body h1.page-title {
        font-size: 1.75rem;
    }

    body.single .entry-header .aft-post-excerpt-and-meta .post-excerpt {
        font-size: 1.2rem;
    }

    .reply,
    .comment div#respond,
    .comment-content,
    .comment .children {
        margin-left: 50px;
    }

    .comment-author img {
        width: 30px;
    }

    .comment .children .children .reply,
    .comment .children .children .comment-content,
    .comment .children .children .children .children {
        margin-left: 0;
    }

}

@media screen and (max-width: 480px) {

    .header-layout-3 .site-header .site-branding .site-title,
    body .site-branding .site-title {
        font-size: 1.75rem;
    }

    body .mailchimp-block .block-title,
    body .morenews_posts_slider_widget .read-single .read-details .read-title h3,
    body article.latest-posts-full .read-title h3,
    body .af-banner-carousel .read-title h3,
    body.single-post .entry-title,
    body h1.page-title {
        font-size: 1.75rem;
    }

    .af-reated-posts .read-title h3,
    .af-main-banner-thumb-posts .af-sec-post .read-title h3,
    .af-main-banner-latest-posts .read-title h3,
    .af-main-banner-featured-posts .read-title h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .exclusive-posts .exclusive-now {
        float: none;
    }

    .main-navigation .menu .menu-mobile {
        width: 100%;
    }
}

@media only screen and (max-width: 375px) {
    body .site-branding .site-title {
        font-size: 1.5rem;
    }
}

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

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

.site-branding-text .site-title a {font-size: 24px!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;
    margin-top: 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;
	height: auto !important;
}

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: none;
    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: #03a5cc;
    padding: 10px 20px!important;
    border-radius: 10px;
    color: #FFF;
    text-decoration: none;
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 2!important;
}

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

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

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

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: #b9ebb9;
    border: 2px solid #018001;
    padding: 10px;
    width: 190px;
}

table.point td {
    border: 2px solid #018001;
    padding: 10px;
    background-color: #eef6ee;
}

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

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

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

p.review_name {
    font-weight: bold !important;
    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;
}

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

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

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

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

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

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

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

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

.product-subset__form button {
    font-size: 20px;
    padding: 16px 32px;
    border-radius: 8px;
    margin: 0 0 0 auto;
    display: table;
    appearance: none;
    cursor: pointer;
    height: auto;
    background-color: #ea1f01;
}

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

table.guide th {
    width: 190px;
    border: 1px solid #AAA;
    background-color: #eeeeee;
    padding: 10px;
    text-align: left;
    font-size: 16px;
}

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

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

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

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

ul.bs-social {
    display: none;
}

.bs-blog-category a {
    border-color: #02274d !important;
}

.inyou p {
    margin: 0 !important;
}

.inyou p {
    margin: 0 !important;
}

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

.bs-blog-category a {
    padding: 8px 20px 8px!important;
}

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

ol.breadcrumb::-webkit-scrollbar {
    display: none;
}

.single h2 {
    font-size: 24px;
    border-bottom: 1px solid #018001;
    padding: 0;
    margin: 30px 0 15px;
    padding: 0 0 10px;
}

.bs-widget-title .title {
    border: none!important;
}

.aft-post-excerpt-and-meta.color-pad {
    display: none;
}

.full-width-image img {
    max-width: 400px;
    margin: 0 auto !important;
    display: table;
}

.post-item-metadata.entry-meta.author-links {
    display: none;
}

/* 各 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 15px !important;
    display: flex;
    flex-flow: row wrap;
    border: none;
    border-bottom: 1px solid #DDD;
}

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

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

.super_visor dl dt span {
    background-color: #018001;
    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: 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: #018001;
    font-size: 30px !important;
}

.af-breadcrumbs.font-family-1.color-pad {
    font-size: 14px;
    overflow-x: auto;
    white-space: nowrap;
}

h2.widget-title {
    padding: 0 0 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: 0!important;}

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

@media (max-width: 480px) {
.site-branding-text .site-title a {
    font-size: 17px!important;
    display: block!important;
}
.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;
}
ul.kanren li {
    width: 100%;
}
article.blog-article {
    clear: none;
    padding-right: 0!important;
}
.col-md-9 {
    padding-right: 0 !important;
}
.bs-headfive {
    padding: 0 !important;
}
.super_visor dl {
    padding: 0 0 15px;
    margin: 0 0 15px !important;
    display: block;
    font-size: 16px;
}
.super_visor dl dt {
    margin-right: 20px;
    line-height: 2;
    margin-bottom: 10px;
}
body.single-post .entry-title {
    margin: 0 !important;
    word-break: break-word;
}
form.product-subset__form ul li label span {
    font-size: 14px;
    display: block;
}
body.single .entry-content-wrap .read-img {margin: 0;}
table.guide th {width: 130px;}
table.point th {width: 130px;}
.full-width-image img {max-width: 300px;}
#content {padding: 10px 0 0!important;}
div.inyou p {margin-bottom: 0 !important;}
}

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