/**
 * Theme Name:          Colorify
 * Theme URI:           https://mysterythemes.com/wp-themes/color-blog/
 * Author:              Mystery Themes
 * Author URI:          https://mysterythemes.com/
 * Description:         Colorify is your canvas for creativity a sleek, stylish, and completely free WordPress theme crafted for modern bloggers, content creators, and storytellers. Whether you're sharing travel tales, lifestyle tips, or personal insights, Colorify combines minimalist design with powerful features to help your voice shine online. With easy customization, responsive layouts, and lightning-fast performance, it's the perfect theme to turn your blog into a visual masterpiece, no coding required.
 * Version:             1.0.0
 * Requires at least:   5.6
 * Tested up to:        6.8
 * Requires PHP:        7.4
 * License:             GNU General Public License v3 or later
 * License URI:         http://www.gnu.org/licenses/gpl-3.0.html
 * Template:            color-blog
 * Text Domain:         colorify
 * Tags:                blog, portfolio, news, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, footer-widgets, rtl-language-support, theme-options, translation-ready
 */


 #page {
    background: transparent
 }

 article{
     box-shadow: 0 0 15px rgba(0 0 0 / 0.08);
     background-color: #fff;
     text-align: left;
     border-radius: 10px;
     padding: 20px;
 }

 .wp-block-latest-comments__comment article,  #colophon article{
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    padding: 0px;
 }

 .item-title a,
 .entry-title a {
   font-family: "Be Vietnam Pro", Helvetica, Arial, sans-serif;
   font-weight: 700;
   font-size: 26px;
 }

 .single .entry-content a {
    text-decoration: underline;
    color: #10b0c5;
  }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: "Be Vietnam Pro", Helvetica, Arial, sans-serif;
   font-weight: 700;
 }

 #colophon .widget .widget-title, #secondary .widget .widget-title, .mt-related-post-title{
    font-size: 25px;
 }

 #secondary .widget .widget-title::before, .mt-related-post-title:before, #colophon .widget .widget-title:before, .features-post-title:before{
    top: 16px;
 }

 body {
   font-family: "Be Vietnam Pro", Helvetica, Arial, sans-serif;
   color: #302b2b;
 }

 #secondary .widget{
     box-shadow: 0 0 15px rgba(0 0 0 / 0.08);
     background-color: #fff;
     border-radius: 10px;
 }

 article:hover, .top-featured-post-wrap .mt-single-post-wrap:hover,.front-slider-block:hover {
     box-shadow: 0 4px 60px 0 rgb(0 0 0 / 15%);
 }

 .post-cats-list a{
     font-size: 15px;
     border-radius: 10px;
 }

 .entry-footer .mt-readmore-btn, .btn-wrapper a, .mt-readmore-btn{
     padding: 5px 15px;
     font-size: 16px;
     border: 2px solid ;
     border-radius: 10px;
 }

 .entry-footer .mt-readmore-btn:hover, .btn-wrapper a:hover, .mt-readmore-btn:hover, .author-social .mt-social-icon-wrap li a:hover{
     color: #fff;
 }


 .widget_archive a, .widget_categories a, .widget_recent_entries a, .widget_meta a, .widget_recent_comments li, .widget_rss li, .widget_pages li a, .widget_nav_menu li a, .wp-block-latest-posts li a, .wp-block-archives li a, .wp-block-categories li a, .wp-block-page-list li a, .wp-block-latest-comments li, .wp-block-latest-comments{
     font-size: 16px;
     font-weight:500;
 }

 .wp-block-search__button {
     width: 95px;
     line-height: 0.4;

 }

 .top-featured-post-main-wrapper .entry-title a{
     font-size: 22px;
 }

 .features-post-title {
     margin-bottom: 5px;
     font-size: 25px;
 }

 .top-featured-post-wrap .mt-single-post-wrap {
    margin-bottom: 12px;
    box-shadow: 0 0 15px rgba(0 0 0 / 0.08);
    padding: 5px;
    background-color: #fff;
    border-radius: 10px;
}
.logo-ads-wrap .mt-container{
    display: flex;
    align-items: center;
}

.header-widget-wrapper{
    margin-left: auto;
}

.tags-wrapper a:hover{
    color:#fff;
}

#primary .no-results .search-field{
    width: 80%;
}

.search-no-results #primary .search-submit{
   margin-top: 5px;
  font-size: 18px;
}

#site-navigation #primary-menu>li:first-child a {
    padding-left: 0;
}

.site-branding{
    float: unset;
    text-align: center;
}

.header-layout--layout1 .header-widget-wrapper{
    float: unset;
}


@media (max-width: 979px) {
    .header-layout--layout1 .site-branding {
        margin-top: 10px;
    }
}
/* --------------------------------------
=========================================
	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;
    line-height: 2;
}

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

.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: 3px dotted #10b0c5;
    padding: 0 0 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: 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;
}

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;
    margin-bottom: 30px;
}

.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;
    margin: 0;
}

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 #10b0c5;
  border-radius: 4px;
  background: #10b0c5;
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
  width: 120px;
  font-weight: bold;
  height:auto!important;
}

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

table.guide th {
    width: 40%;
    border: 1px solid #24b8c5;
    background-color: #cbedef;
    padding: 10px;
    text-align: left;
}

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

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

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

.entry-meta {
    display: none;
}

.site-info {
    display: none;
}

ul#primary-menu li a:hover {
    color: #10b0c5 !important;
}

table.about td a {
    color: #10b0c5;
}

@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;
}
.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;
}
.post-info-wrap {
  padding: 0 0 0 10px!important;
}
.post-cats-list a {
    font-size: 12px;
}
 .site-branding {
    margin-bottom: 0!important;
    margin-top: 0!important;
  }
.logo-ads-wrap .mt-container {
    display: block;
}
.site-title {
    font-size: 21px;
}
.product-subset__submit-button {
    padding: 16px 0;
}
}

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