/*
Theme Name: News Rift
Theme URI: https://themeansar.com/free-themes/newsrift-free-magazine-blog-wordpress-theme/
Author: Themeansar
Author URI: https://themeansar.com
Description: News Rift is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. News Rift 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. News Rift is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://newsup.themeansar.com/newsrift/ and documentation at https://docs.themeansar.com/docs/newsup/
Version: 0.5
Requires PHP: 7.4
Tested up to: 6.8
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: newsup
Text Domain: news-rift
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

News Rift WordPress Theme is child theme of Newsup, Copyright 2020 Themeansar
News Rift is distributed under the terms of the GNU General Public License v3

News Rift is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
:root{
	--headFont: 'Noto Sans JP', sans-serif;
	--bodyFont: 'Noto Sans JP', sans-serif;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    letter-spacing: 0;
}
span.time {
    margin-left: 5px;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
}
.mg-headwidget.center .heacent {
    margin-top: unset !important;
}
.mg-headwidget.center .logo-center, .mg-headwidget.center .navbar-header, .mg-headwidget.center .site-branding-text  {
    float: none;
    text-align: center;
}
.mg-headwidget .navbar-wp{
    padding: 0;
    border-bottom: 1px solid #eee;
}
.mg-headwidget .navbar-wp .navbar-nav > li> a{
    padding: 5px 18px;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 15px;
}
.mg-headwidget.center .navbar-brand {
    float: none;
    display: inline-block;
    margin: 8px auto 0 auto;
    font-weight: bold;
}
.mg-headwidget.center .heacent {
    margin-top: 40px;
    color: #fff;
}
.navbar-wp .dropdown-menu.searchinner .btn {
    border: medium none;
    border-radius: 0 4px 4px 0;
    height: 40px;
    line-height: 25px;
    padding: 5px 15px;
}
.mg-search-box .dropdown-toggle::after {
	display: none;
}
.m-header {
	display: none;
}
.desk-header {
	display: flex;
}
.mobilehomebtn {
    width: 30px;
    text-align: center;
    line-height: 30px;
    height: 30px;
}
.mg-blog-post.md{
	width: 49.8%;
	float: left;
	height: 236px;
}
.mg-blog-post.md .bottom h4 {
    font-size: 26px;
}
.mb1px {
	margin-bottom: 1px;
}
.mg-blog-post.lg, .mg-sidebar .mg-widget, .mg-posts-sec-post, .mg-blog-post-3.minh{
    border-radius: 8px;
}
.navbar-wp .dropdown-menu{
    z-index: 51;
}
.navbar-wp .dropdown-menu > li > a{
    text-transform: capitalize;
    font-size: 14px;
}
.mg-posts-sec-post{
    padding: 15px 0;
    border: 0;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px 0 #2d6ff71f;
}
.mg-posts-modul-6 .mg-post-thumb{
    margin-right: 0;
    border-radius: 8px;
}
.missed-inner, .single-class .mg-blog-post-box, .mg-info-author-block, .mg-featured-slider.p-3.mb-4, .mg-card-box.padding-20{
    border-radius: 8px;
    box-shadow: 0 5px 20px 0 #2d6ff71f;
}
.mg-posts-modul-6 .mg-sec-top-post .mg-blog-category{
    line-height: 0;
}
.mg-blog-post.lg.mins {
	width: 100%;
	height: 222.5px;
	margin-bottom: 30px;
}
.mg-blog-post.lg.mins h4.title {
	font-size: 22px;
}

.post-items ul:not(.post-categories) li a,.post-items ol:not(.post-categories) li a, .post-items table a, strong a, blockquote a, code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a, .navigation.posts-navigation .nav-links a:hover,
.navigation.posts-navigation .nav-links a:hover, #cancel-comment-reply-link, .comment-reply-link {
    text-decoration: underline;
}
.mg-blog-post .bottom h4{
    margin: 0 0 10px 0;
}
.container-fluid {
	padding-right: 100px;
	padding-left: 100px;
}
li.active.home{
    display: none;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
/* ==================================== Responsive Part =================================== */
@media screen and (max-width: 1200px) and (min-width: 991px) {
	.container-fluid {
		padding-right: 70px;
		padding-left: 70px;
	}
}
@media screen and (max-width: 767px) and (min-width: 240px) {
    .mg-headwidget .navbar-wp .navbar-nav > li> a {
        position: relative;
        border-bottom: 1px solid rgba(225,225,225,0.4);
    }
    .mg-fea-area .mr-bot60 {
        margin-bottom: 30px;
    }
    .mg-blog-post.lg {
        margin-bottom: 30px;
    }
    blockquote::before {
		margin: 6px 0;
	}
}

@media (min-width: 1200px) {
    .mg-blog-post.md .bottom h4 {
        max-height: 65px;
        overflow: hidden;
    }
}

@media (max-width: 991.98px) {
	.container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-wp .navbar-nav > li> a i {
    	display: none;
	}
    #menu-primary li.active.home {
        display: none;
    }
    .mg-headwidget .navbar-wp{
        padding-bottom: 0;
    }
    .navbar-header.col-lg-3.text-center{
        padding-bottom: 16px;
    }
    .m-header {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        display: flex;
        justify-content: space-between;
    }
    .desk-header {
        display: none;
    }
  
}

@media (min-width: 508px) and (max-width: 991px){
	blockquote::before {
		width: 10%;
	}
	blockquote p {
		width: 90%;
	}
    .mg-nav-widget-area .site-title a{
		font-size: 30px;
	}
}

@media only screen and (max-width: 640px) {
    .site-branding-text .site-title a {
        font-size: 33px;
    }
}

@media screen and (max-width:991.98px ) and (min-width:767px){
    .wp-block-search__inside-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .pulse.animated .mg-blog-meta .mg-blog-date {
        font-size: 11px;
        margin-right: 10px;
    }
    .pulse.animated .mg-blog-meta a {
        font-size: 11px;
    }
    .pulse.animated .post-edit-link i {
        margin-left: 10px;
    }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .mg-fea-area .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mg-fea-area .col-md-3{
        display: flex;
    }
    .mg-fea-area .mg-blog-post.lg.mins{
        margin: 0 5px 30px 0;
    }
    .mg-fea-area .col-md-3.col-sm-6 {
     display: block;
    }
}

/* --------------------------------------
=========================================
	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: none;
    margin-bottom: 0 !important;
}

.inyou ul li {
    list-style: none;
    margin-bottom: 10px;
    font-size: 16px;
}

.inyou ul li:last-child {
    margin: 0;
}
table.about th {
    border: 1px solid #AAA;
    width: 200px;
    padding: 10px;
    font-size: 1em;
    background-color: #EEE;
}

table.about td {
    border: 1px solid #AAA;
    padding: 10px;
    font-size: 1em;
}

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

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

p.tel_number:before {
    content: "\f095";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

p.address:before {
    content: "\f041";
    font-family: 'FontAwesome';
    margin-right: 12px;
}

.textwidget.custom-html-widget p {
    font-weight: bold;
    font-size: 18px;
}

p.product-price {
    color: #d21a1a;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
    text-align: left !important;
    margin-bottom: 20px;
}

h2.entry-title {
    text-align: left;
}

.blog-post {
    border: 2px solid #DDD;
    border-radius: 8px;
    padding: 15px;
    box-sizing: border-box;
}

article .blog-post .image {
    width: 100%;
    max-width: 400px;
    margin: 0 auto!important;
}

h3.widget-title {border-bottom: 2px solid #333;padding: 0 10px 10px;}

.single.single-left-sidebar #comments, .single.single-left-sidebar .content, .single.single-left-sidebar div.title, .single.single-right-sidebar #comments, .single.single-right-sidebar .content, .single.single-right-sidebar div.title {
    width: 100% !important;
}

h1.entry-title {
    border-bottom: 2px dotted #CCC;
    padding: 10px 0 20px;
}

.copyrights span {
    display: none;
}

.hd-bar .side-menu ul li a {
    font-size: 16px;
}

p.btn_detail {
    width: 100%;
    text-align: center;
}

p.btn_detail a {
    border: 1px solid #AAA;
    background-color: #d20100;
    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: #d00101;
    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: #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;
    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: 100%;
    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;
    margin: 10px 0 0 !important;
}

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

/* ラッパー */
.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 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 #111111;
  border-radius: 4px;
  background: #111111;
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
  width: 120px;
  font-weight: bold;
}

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

table.guide th {
    width: 150px;
    border: 1px solid #111111;
    background-color: #dddddd;
    padding: 10px;
    text-align: left;
}

table.guide td {
    border: 1px solid #111111;
    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;
}

.single h2 {
    border-left: 5px solid #AAA;
    font-size: 24px;
    margin: 20px 0 10px;
    padding: 6px;
}

a.newsup-categories.category-color-1{background: #fdfe01!important;color: #000;}

.mg-footer-bottom-area {
    display: none!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;
}

ul.kanren li {
    width: 25%;
    list-style: none;
    padding: 10px !important;
}

@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) {
#content {
    padding-top: 10px;
    padding-bottom: 10px;
}
.mg-blog-post-box:has(.single-featured-image) .mg-header {
    padding: 20px;
}
.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;
}
.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%;
}
.select-wrapper br {
    display: none;
}
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;
}
.site-branding-text .site-title a {font-size: 24px!important;}
.mg-footer-widget-area {padding: 0 15px;}
}

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