/*
Theme Name: Bloggers
Theme URI: https://themeansar.com/free-themes/bloggers-wordpress-theme/
Author: Themeansar
Author URI: https://themeansar.com
Description: Bloggers 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. Bloggers 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. Bloggers is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogarise/bloggers/ and documentation at https://docs.themeansar.com/docs/blogarise/
Version: 0.3
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: blogarise
Text Domain: bloggers
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

Bloggers WordPress Theme is child theme of Newsup, Copyright 2023 Themeansar
Bloggers is distributed under the terms of the GNU General Public License v3

Bloggers 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 {
  --bxbr: 2px solid #000;
  --bxbra : 10px;
  --bxsh: 7px 7px 0px #3B3A3A;
  --bxshover: 8px 8px 0px #000;
  --bstras: 0 4px 60px 0 rgba(0,0,0,0.2);
  --headFont: "Playfair Display", serif;
  --bodyFont: "Quattrocento Sans", sans-serif;
}
a:focus {
    outline: 1px solid;
}
/* Skip The Content */
.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;
}
/* Menus */
.navbar-wp .navbar-nav > li> a{
    font-size: 18px;
}
.navbar-wp .dropdown-menu{
    border-radius: var(--bxbra);
    box-shadow: 0px 8px 16px -4px rgba(0,0,0,0.05);
    padding: 5px 0;
    font-family: var(--headFont);
}
/* Right Nav */
.right-nav.info-right{
    gap: 8px;
}
.right-nav a{
    border-width: 1px;
}
.switch{
    display: none;
}
.bs_upscr{
    border-width: 1px;
}
.bs_upscr:hover, .bs_upscr:focus{
    border-width: 1px;
}
/* Blog Post */
.list-blog.bs-blog-post{
    padding: 0 0 20px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    gap: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px dotted #000;
}
.list-blog .bs-blog-thumb {
    width: 40px;
    height: 100%;
    max-width: 40%;
    min-width: 40%;
    min-height: 300px;
    border: 2px solid #707070;
    box-shadow: var(--bxsh);
    margin-bottom: 7px;
    margin-top: 7px;
    transition: all 0.3s linear;
}
.list-blog.bs-blog-post:hover .bs-blog-thumb {
    box-shadow: var(--bxshover);
    transform: translateY(-7px);
}
.bs-blog-post .title{
    font-weight: 800;
    letter-spacing: 0px;
}
.bs-blog-category a{
    box-shadow: none;
    border: 1px solid #707070;
    padding: 7px 15px;
    font-family: var(--headFont);
    font-size: 15px;
}
.bs-default .navbar-wp{
    box-shadow: none;
    border: none;
    border-radius: 0;
}
/* Single Page */
.bs-blog-post.single{
    border-radius: 0;
    box-shadow: none;
    border: none;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.bs-blog-post.single .bs-header .title{
    font-size: 46px;
    width: 100%;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.bs-blog-post.single .bs-header{
    order: 0;
    text-align: center;
}
.bs-blog-post.single .bs-blog-thumb{
    order: -1;
}
.bs-blog-post.single:has(.bs-blog-thumb) .bs-header{
    padding-top: 30px;
}
.bs-blog-post.single .bs-header .bs-blog-category{
    justify-content: center !important;
}
.bs-info-author-block, .bs-single-related{
    margin-bottom: 50px !important;
}
.bs-blog-post.single .bs-info-author-block{
    margin-bottom: unset !important;
    justify-content: center;
}
input[type="submit"], button{
    border-width: 2px;
}
/* Pages */
.bs-card-box.padding-20{
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}
/* Sidebars */
.bs-sidebar .bs-widget{
    transition: all 0.3s linear;
}
.bs-sidebar .bs-widget:hover{
    box-shadow: var(--bxshover);
}
.bs-sidebar .bs-widget, .page-entry-title{
    margin-bottom: 50px;
}
.bs-sidebar .bs-widget .bs-widget-tags a, .bs-sidebar .bs-widget .tagcloud a, .tagcloud a{
    border-width: 1px ;
}
.col-lg-3 .bs-sidebar .widget_search .search-form{
    flex-direction: column;
    gap: 10px;
}
.bs-default .navbar-header, .index-class, .single-class, .mainfeatured, .page-class, .archive-class, .missed-area, footer.footer{
    position: relative;
    z-index: 1;
}
.bs-default .bs-menu-full{
    z-index: 2;
}
header.bs-default{
    background-position: 0;
    animation: verticalMove 0s infinite;
    animation-timing-function: linear;
}

@keyframes verticalMove {
    from {
        background-position: 0 center;
    }
    to {
        background-position: 1920px center;
    }
}

/* Background Animation */
.bloggers-background-wrapper .squares, .bloggers-background-wrapper .circles, .bloggers-background-wrapper .triangles {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}
.squares .square, .circles .circle, .triangles .triangle{
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0.1;
    animation: animate 8s linear infinite;
    bottom: -100px;
}
.circles .circle{
    border-radius: 100px !important;
}
.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 !important;
}
.squares .square:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}
.circles .circle:nth-child(1){
    left: 10%;
    width: 22px;
    height: 20px;
    animation-delay: 0s;
}
.triangles .triangle:nth-child(1){
    left: 45%;
    border-right-width: 10px;
    border-left-width: 10px;
    border-bottom-width: 22px;
    animation-delay: 0s;
}
.squares .square:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}
.circles .circle:nth-child(2){
    left: 45%;
    width: 84px;
    height: 80px;
    animation-delay: 12s;
}
.triangles .triangle:nth-child(2){
    left: 25%;
    border-right-width: 15px;
    border-left-width: 15px;
    border-bottom-width: 28px;
    animation-delay: 12s;
}
.squares .square:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}
.circles .circle:nth-child(3){
    left: 90%;
    width: 53px;
    height: 50px;
    animation-delay: 4s;
}
.triangles .triangle:nth-child(3){
    left: 80%;
    border-right-width: 15px;
    border-left-width: 15px;
    border-bottom-width: 28px;
    animation-delay: 4s;
}
.squares .square:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}
.circles .circle:nth-child(4){
    left: 60%;
    width: 53px;
    height: 50px;
    animation-delay: 18s;
}
.triangles .triangle:nth-child(4){
    left: 30%;
    border-right-width: 20px;
    border-left-width: 20px;
    border-bottom-width: 38px;
    animation-delay: 18s;
}
.squares .square:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}
.circles .circle:nth-child(5){
    left: 90%;
    width: 43px;
    height: 40px;
    animation-delay: 1s;
}
.triangles .triangle:nth-child(5){
    left: 70%;
    border-right-width: 25px;
    border-left-width: 25px;
    border-bottom-width: 42px;
    animation-delay: 1s;
}
.squares .square:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}
.squares .square:nth-child(7){
    left: 35%;
    width: 100px;
    height: 100px;
    animation-delay: 7s;
}
.squares .square:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}
.squares .square:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}
.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%;
    }
}
@media (max-width: 991.98px) {
    .m-header {
        padding: 0 10px;
    }
    .col-lg-3 .bs-sidebar {
        margin-top: 0px;
    }
}
@media (min-width: 992px) {
    #sidebar-right {
        padding-right: unset;
        padding-left: 20px;
    }
}
@media (max-width: 767.98px) {
    .col-lg-3 .bs-sidebar {
        margin-top: 40px;
    }
    .list-blog.bs-blog-post{
        flex-direction: column;
        padding-left: 8px;
    }
    .list-blog.bs-blog-post .small{
        font-size: 16px;
    }
    .list-blog .bs-blog-category {
        justify-content: center;
    }
    .list-blog .bs-blog-thumb{
        margin-right: 14px;
    }
}

header.bs-default {
    background-image: initial !important;
    background-color: #ffd682 !important;
}

/* --------------------------------------
=========================================
	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;
    background-color: #ffd682;
    border: 2px solid #000 !important;
    color: #333 !important;
    max-width: 300px;
    margin: 0;
    display: table;
}

.inyou {
    position: relative;
    padding: 0;
    border: 1px solid #AAA;
    margin-bottom: 30px;
    background-color: #FFF;
}

.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: #fff0d3!important;
}

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

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

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

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

ul.review li {
    border: 2px solid #000;
    border-radius: 10px;
    margin: 0 0 20px;
    padding: 20px;
    list-style: none;
    background-color: #FFF;
}

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

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

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

.news-thumb img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
    display: table;
}

table.contact th {
    background-color: #EEE;
    border: 1px solid #AAA;
    padding: 10px;
    width: 200px;
}

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

table.contact {
    margin-bottom: 20px;
}

.entry-content dl dt {
    background-color: #fe7245;
    display: inline-block;
    color: #FFF;
    font-weight: bold;
    padding: 6px 12px;
    line-height: 2;
}

.entry-content dl dd {
    border: 1px solid #333;
    margin-bottom: 20px;
    padding: 20px;
    margin: 0 0 20px;
}

nav.navigation.post-navigation {
    display: none;
}

ul.review p {
    margin: 0 0 10px;
}

.bs-blog-post .bs-blog-thumb img {
    width: 100%;
    max-width: 400px !important;
    margin: 0 auto 30px;
    display: table;
}

.bs-menu-full {
    background: #ffc348;
}

.product-subset__form button {
    width: 100%;
    text-align: left;
    line-height: 2;
    display: block;
    padding: 10px 56px 10px 20px;
    height: auto;
    margin: 0 0 10px!important;
    font-size: 24px;
    border-radius: 10px;
    position: relative;
    color: #000;
    border: 2px solid #000;
}

.product-subset__form br {
    display: none;
}

.product-subset__form {
    margin-bottom: 40px;
}

.product-subset__form button span {
    font-size: 14px;
    margin-left: 10px;
    font-weight: normal;
}

.product-subset__form button:after {
    content:"\f217";
    font-family:FontAwesome;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(-50%);
    font-weight: normal;
    font-size: 34px;
}

.product-subset__form button:hover {
    opacity: 0.8;
}

table.guide th {
    background-color: #EEE;
    padding: 10px;
    border: 1px solid #AAA;
}

ul.bta_area li form {
    margin: 0 0 0;
}

ul.bta_area button {
    font-size: 18px;
    margin: 0 !important;
    text-align: center;
    padding: 10px;
}

ul.review li p {
    margin-bottom: 10px;
}

article.small.single h2 {
    font-size: 1.5rem;
    font-weight: 600;
    border-left: 7px solid #ffd682;
    padding: 8px;
    margin: 0 0 20px;
}

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

.inyou li a {
    color: #000;
}

article.small.col.text-xs button {
    font-size: 18px;
    margin: 0 !important;
}

article.small.col.text-xs form {
    margin: 0 !important;
}

.product-subset__form button:hover {
    color: #FFF !important;
}

.site-branding-text .site-title a {
	font-size: 30px !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) {
.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;
}
p.product-price {
    text-align: center !important;
}
.bs-default .navbar-wp .navbar-nav > li > a, .bs-headtwo .navbar-wp .navbar-nav > li > a, .bs-headthree .navbar-wp .navbar-nav > li > a, .bs-headfour .navbar-wp .navbar-nav > li > a {
    color: #000 !important;
}
.product-subset__form button span {
    font-size: 14px;
    margin-left: 0;
    font-weight: normal;
    display: block;
}
table.guide th {
    background-color: #EEE;
    width: 120px;
}
}

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