/*
Theme Name: Blogtimes
Theme URI: https://themeansar.com/free-themes/blogtimes-free-blog-magazine-wordpress-theme/ 
Author: Themeansar
Author URI: https://themeansar.com
Description: Blogtimes 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. Blogtimes 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. Blogtimes is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogus/blogtimes/ and documentation at https://docs.themeansar.com/docs/blogus/
Version: 0.2
Requires PHP: 7.4
Requires at least: 6.7
Tested up to: 6.9
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: blogus
Text Domain: blogtimes
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

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

Blogtimes 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 {
    --raduis: 10px;
    --headFont: "Inter", sans-serif;
    --bxsh: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    --bxshover: 0px 5px 50px 0px rgba(0, 0, 0, 0.09);
}
body{
    font-family: "DM Sans", sans-serif;
}
.inner .title, .bs-blog-post .title {
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bs-headfive {
    box-shadow: none;
}
.bs-default .navbar-wp{
    border-top: none;
    padding: 0 0 30px 0;
    margin: 0;
}
.bs-default .navbar-wp .navbar-nav>li>a {
    padding: 7px 20px;
    font-weight: 500;
    border-radius: 30px;
}
.bs-default .navbar-wp .navbar-nav>li>a:hover, .bs-default .navbar-wp .navbar-nav>li>a:focus, .bs-default .navbar-wp .navbar-nav>.active>a, .bs-default .navbar-wp .navbar-nav>.active>a:hover, .bs-default .navbar-wp .navbar-nav>.active>a:focus {
    opacity: 1;
}
.bs-default .bs-header-main .inner {
    display: flex;
    padding: 25px 0;
    margin: 0;
    height: auto;
    align-items: center;
    text-align: center;
}
.bs-blog-post.single .bs-header .bs-info-author-block, .page-entry-title .bs-breadcrumb-section .overlay{
    backdrop-filter: none;
    border: none;
}
.featured-widget-content .bs-blog-thumb.lg {
    height: 300px;
}
.single-class .featured-widget-content .bs-blog-thumb.lg {
    height: 250px;
}
.homemain-two .bs-blog-category{
    justify-content: center;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
    border-radius: var(--raduis);
    box-shadow: none;
    border: 1px solid;
}
.widget_block .wp-block-search__button, .navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a, .wp-block-tag-cloud a, .tagcloud a{
    border-radius: var(--raduis);
}
.bs-blog-post.single .bs-header .title{
    display: block;
}
.bs-blog-post{
    border-radius: var(--raduis);
    transition: 0.3s;
}
.bs-blog-post:hover{
    transform: translateY(-5px);
    background-color: var(--box-color);
}
.navbar-brand {
    margin-right: 0;
}
.list-blog.bs-blog-post, .bs-sidebar .bs-widget.widget_blogus-author-widget{
    padding: 10px;
    border-radius: var(--raduis);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.03);
    margin-bottom: 40px;
    border: 1px solid #feeaec;
}
.list-blog.bs-blog-post .small{
    padding: 10px !important;
    font-size: 16px;
}
.list-blog.bs-blog-post:has(.bs-blog-thumb) .small{
    padding-left: 0 !important;
}
.bs-card-box.page-entry-title, .bs-card-box, .bs-breadcrumb-section .overlay, .bs_model .modal-content, .bs-blog-post.single, .bs-info-author-block{
    border: 1px solid #feeaec;
    border-radius: var(--raduis);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.03);
}
.bs_model form.search-form {
    gap: 10px;
}
.bs_model form.search-form .search-submit {
    border-radius: var(--raduis);
}
.bs-sidebar .bs-widget{
    padding: 24px;
    box-shadow: none;
    border: 0;
}
.bs-sidebar .bs-widget.widget_blogus-author-widget{
    padding: 20px;
}
.featured-widget-content .bs-blog-post .inner{
    padding: 0px !important;
    padding-top: 16px !important;
}
.featured-widget-content .bs-blog-post:hover{
    box-shadow: none;
}
.featured-widget.wd-back{
    padding: 0;
    box-shadow: none;
}
.featured-widget .bs-blog-post{
    box-shadow: none;
}
.bs-slide.one .bs-blog-meta{
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bs-blog-thumb .bs-blog-category, .bs-post-thumb .bs-blog-category{
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}
.bs-blog-category a:is(:nth-child(1), :nth-child(2) ){
    display: flex;
}
.bs-blog-category a { 
    padding: 5px 15px;
    border-radius: 14px;
    display: none;
    font-family: var(--headFont);
}
.list-blog .bs-blog-thumb {
    width: 35.333333%;
    max-width: 35.333333%;
    min-width: 35.333333%;
    height: 250px;
    min-height: 250px;
}
.bs-sidebar .bs-widget, .wd-back, .bs-blog-post.three, .bs-slide, .page-entry-title, .bs-breadcrumb-section .overlay, .bs-blog-post.single, .bs-info-author-block, .py-4.px-3.mb-4.bs-card-box, .comments-area.bs-card-box.p-4, .bs-card-box.padding-20{
    border-radius: var(--raduis);
}
.bs .swiper-button-prev, .bs .swiper-button-next{
    opacity: 0;
}
.comment-respond .comment-form .submit {
    border-radius: var(--raduis);
}
/* ------------------
-----------new-tickers-------
---------------- */
.bs-latest-news {
    overflow: hidden;
    min-height: 50px;
    position: relative;
    border: 2px solid;
    margin-top: 30px;
    border-radius: var(--raduis);
}
.bs-latest-news .acmeticker-wrap{
    height: 100%;
}
.bs-latest-title {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    height: 100%; 
    padding-right: 15px;
    z-index: 9;
    display: flex;
    align-items: center;
}
.bs-latest-news-slider {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100vw;
    height: auto;
}
.bs-latest-news-slider.stop-ticker{
    right: 0;
    left: 0;
}
.bs-latest-heading {
    font-size: 18px;
    margin-bottom: 0; 
    height: 100%; 
    padding: 10px 15px;
    z-index: 9;
    display: flex;
    align-items: center;
}
.bs-latest-heading i{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    position: relative;
}
.bs-latest-heading span{
    margin-left: 8px;
}
.bs-latest-heading i:after {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid;
    border-radius: 50%;
    animation-name: rippal;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes rippal {
	0%{
		width: 0;
		height: 0;
		opacity: 1;
	}
	100%{
		width: 28px;
		height: 28px;
		opacity: 1;
	}
}
.featured-widget-content .small-post .img-small-post {
  border-radius: 50%;
  width: 85px;
}
.bs-latest-list {
    margin: 0 10px; 
}
.bs-latest-news-inner {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.bs-latest-play {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bs-latest-play span{
    font-size: 16px; 
    line-height: 23px;
    padding: 10px 15px; 
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bs-latest-news .bs-latest-img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius:4px;
    object-fit: cover;
    border: 1px solid ;
}
.wp-block-search__inside-wrapper {
    gap: 10px;
}
.bs-blog-post .small-bottom {
    margin-top: 10px;
    border-top: 1px dashed;
    padding-top: 10px;
}
.bs-social.info-left{
    justify-content: start;
}
.bs-widget ul li {
    padding: 10px 0;
    position: relative;
    transition: all 0.4s ease-in-out 0s;
}
footer .bs-widget ul li{
    border-width: 0 0 1px 0;
    border-style: solid;
}
/* MainFeatured */
.mainfeatured {
    margin-top: 0px;
    margin-bottom: 80px;
}
.mainfeatured .bs-slide {
    height: 350px;
}
.mainfeatured .bs-slide .inner .title {
    font-size: 24px;
}
.bs-slide .inner {
    width: 100%;
    height: auto;
}
@media(min-width: 992px){
    .navbar-collapse {
        border-top: 1px solid;
        padding-top: 20px;
    }
}
@media screen and (max-width: 991px){
    .bs-headthree .navbar-brand .custom-logo {
        width: 200px;
        height: auto;
    }
    aside.sidebar-left {
        order: 2;
    }
}
@media screen and (max-width: 767px){
    .bs-latest-heading span{
        display:none;
    }
    .bs-headthree .navbar-brand .custom-logo {
        width: 120px;
        height: auto;
    }
    .site-branding-text .site-title a, .site-branding-text .site-title{
        font-size: 26px;
    }
}

.switch{
    display: none;
}
.bs-effect-shine {
    position: relative;
}
.bs-effect-shine::before, .missed-area .bs-blog-post.back-img::before, .related-post .bs-blog-post.back-img::before {
        content: "";
        /* position: absolute; */
        width: 200%;
        height: 0%;
        left: 50%;
        top: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        transform: translate(-50%, -50%) rotate(-45deg);
        z-index: 0;
}
.bs-blog-post:has(.bs-effect-shine):hover .bs-effect-shine::before,.missed-area .bs-blog-post.back-img:hover::before, .related-post .bs-blog-post.back-img:hover::before {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.bs-slide.back-img::after {
        content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 0;
}
 .bs-slide.back-img:hover::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

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

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

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;
    font-weight: 600;
}

.copyrights span {
    display: none;
}

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

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

p.btn_detail a {
    border: 1px solid #AAA;
    background-color: #c4dd51;
    padding: 10px 20px;
    border-radius: 10px;
    color: #333;
    text-decoration: none;
    width: 100%;
    display: block;
    margin: 10px auto 0;
    font-size: 16px;
    font-weight: bold;
}

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 #e1197a;
    padding: 0 10px 10px;
}

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: #cce167;
    border: 1px solid #333;
    padding: 10px;
    width: 150px;
}

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

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

ul.review {
    margin: 0 !important;
    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 !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: 33.33%;
    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: #07b1c5; */
}

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

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

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

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

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

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

.super_visor article {
    padding: 20px;
}

.super_visor dl:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

ul.faq_list li {
    list-style: none;
    border: 1px solid #AAA;
    border-radius: 10px !important;
    background-color: #FFF;
    padding: 20px !important;
    margin: 0 0 20px;
}

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

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

ul.faq_list li h4 {
    font-weight: 600;
    font-size: 20px;
    color: #0140dc;
    border-bottom: 1px dashed;
    padding: 10px 0 20px;
    margin-bottom: 20px;
    line-height: 1.5;
}

p.review_star {
    margin: 0 10px 0 0 !important;
}

p.review_name {
    margin: 0 !important;
    font-size: 18px;
}

.kanren li p {
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 0 !important;
}

form.product-subset__form button {
    width: 100%;
    text-align: left;
    border: 2px solid #DDD;
    /* background-color: #e1197a; */
    font-size: 20px;
    border-radius: 10px;
    appearance: none;
    line-height: 1.5;
    margin-bottom: 10px;
    font-weight: 700;
    padding: 16px 32px 16px 16px;
     /* 縦中央 */
     /* 横中央 */
    position: relative;
    cursor: pointer;
    color: #333;
}

form.product-subset__form button span {
    font-size: 80%;
    padding: 5px 0 0 10px;
    color: #777;
}

form.product-subset__form button:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: 10px; /* 横も中央にしたい場合 */
    transform: translate(-50%, -50%);
}

form.product-subset__form br {
    display: none;
}

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

.column_review_area_outer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #eee;
    margin-top: 30px;
}

.column_review_area {
    width: 49%;
}

.column_review_area_outer p.btn {
    width: 80%;
    margin: 0 auto;
}

.column_review_area {
    box-sizing: border-box;
    padding: 20px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.column_review_meta h3 {
    width: 100%;
    padding: 0 0 15px;
    margin-bottom: 15px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}

.column_review_meta {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
}

.column_review_meta figure {
    width: 60px;
    margin: 0 10px 0 0;
}

.column_review_meta figure i {
    display: table;
    padding: 15px;
    margin: 0 auto;
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.column_review_meta p {
    margin-bottom: 0!important;
    font-size: 16px;
    line-height: 28px!important;
    margin-top: 0 !important;
}

.good i {
    background-color: #e58b8b;
}

.bad i {
    background-color: #8bade5;
}

i.fa.fa-star {
    margin-right: 2px;
    color: #ffc100!important;
    background-color: initial!important;
}

.column_review_meta section {
    flex: 1;
}

.column_review_meta h2 {
    margin: 0 0 10px;
    font-size: 20px !important;
    width: 100%;
}

.column_review_meta section p br {
    display: none;
}

.column_review_meta p .bold {
    font-weight: bold;
}

.column_review_meta article p {
    margin: 0 !important;
}

ul.faq_list h3 {
    margin: 0 0 10px;
    border-bottom: 2px dashed #c4dd51;
    padding: 0 0 10px;
    font-weight: 500;
    font-size: 20px;
}

.column_review_meta article {
    margin-top: -160px !important;
}
.site-branding .site-identity .site-title {
    font-size: 20px;
    margin: 0;
}

span i {
    background-color: initial !important;
    color: #ffc100;
    margin: 0 1px;
}

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

article.small.single h2 {
    font-weight: 600;
    font-size: 24px;
    border-left: 7px solid #cce167;
    padding: 10px 10px;
}

input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea {
    border: 1px solid #CCC!important;
}

h1.title {
    font-weight: 600 !important;
}

ul.kanren li img {
    width: 100%;
    margin: 0 0 10px!important;
}

ul.kanren li a {
    background-color: #FFF;
}

@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;
}
.column_review_area {
    width: 100%;
    margin: 0 0 10px;
}
.site-content {
    margin-top: 20px;
}
.column_review_area_outer {
    padding: 10px;
}
.super_visor dl {
    display: block;
}
.bs-effect-shine a img {
    width: 100%;
    max-width: 100% !important;
}
.bs-default .navbar-wp {
    padding: 0 0 10px 0;
}
form.product-subset__form button span {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
    font-weight: normal;
}
footer .site-branding-text .site-title-footer a {font-size: 20px;}
.bs-blog-thumb img {max-width: 300px !important;}
.bs-blog-post .title {
    margin-bottom: 0;
    font-size: 24px !important;
}
}

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