/*
Theme Name:			    Ogma Blogster
Theme URI:    		  https://ogma.mysterythemes.com/ogma-blog/
Author:       		  Mystery Themes
Author URI:   		  https://mysterythemes.com/
Description:  		  Ogma Blogster WordPress theme offers a sophisticated and customizable solution for bloggers aiming to establish a professional yet engaging online presence. With its modern and clean design, this theme provides a versatile platform to showcase your content elegantly. Whether your focus is on lifestyle, travel, or culinary topics, the theme facilitates seamless sharing of stories, photos, and videos. It is optimized for all devices, ensuring a consistent and appealing appearance across various screens. Users can personalize colors and layouts to align with their unique style preferences. Additionally, the theme's functionality can be expanded by integrating popular plugins. In summary, for those seeking an aesthetically pleasing and user-friendly theme for their WordPress blog, the Ogma Blogster theme is an excellent choice.Check demo here: https://ogma.mysterythemes.com/demos/ogma-blogster
Version:            1.0.1
Requires at least:  5.0
Tested up to:       6.9
Requires PHP:       7.2
License:      		  GNU General Public License v3 or later
License URI:  		  http://www.gnu.org/licenses/gpl-3.0.html
Template:     		  ogma-blog
Text Domain:  		  ogma-blogster
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

*/

h1,
h2,
h3,
h4,
h5,
h6,
.site-title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
}

body {
  font-family: 'Roboto', sans-serif;
}

.ogma-blog-site-layout--separate #page {
	background: #f4f4f4;
}

.ogma-blog-site-layout--boxed #page {
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.archive-content-wrapper .post-thumbnail-wrap {
	border-radius: 0;
}

.ogma-blog-post-content-wrap .post-cats-wrap {
	margin-bottom: -10px;
}

.ogma-blog-post-content-wrap .entry-title a {
	font-size: 26px;
	line-height: 1.5;
	display: block;
}

.archive-content-wrapper .entry-content {
	font-size: 16px;
}

.ogma-blog-post-content-wrap .entry-meta span a {
	font-weight: 500;
}

#site-navigation ul li a {
	font-weight: 400;
	font-size: 16px;
	color: #333;
}

.logo-ads-wrapper {
	padding: 30px 0 30px;
}

.widget .entry-title {
	margin: -5px 0 5px;
	font-size: 18px;
}

.comment-content a,
.widget p a,
.widget .wp-block-heading a{
	text-decoration: underline;
}

.ogma-blogster-background-animation {
  background: transparent;
  width: 100%;
}

.ogma-blogster-circles {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ogma-blogster-circles li {
	position: fixed;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	background: #F8DAF8;
	animation: animate 25s linear infinite;
	bottom: -150px;
	border-radius: 100% !important;
}

.ogma-blogster-circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

.ogma-blogster-circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.ogma-blogster-circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.ogma-blogster-circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.ogma-blogster-circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.ogma-blogster-circles li:nth-child(6) {
  left: 75%;
  width: 70px;
  height: 70px;
  animation-delay: 3s;
}

.ogma-blogster-circles li:nth-child(7) {
  left: 35%;
  width: 100px;
  height: 100px;
  animation-delay: 7s;
}

.ogma-blogster-circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.ogma-blogster-circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.ogma-blogster-circles li:nth-child(10) {
  left: 85%;
  width: 70px;
  height: 70px;
  animation-delay: 0s;
  animation-duration: 11s;
}

.ogma-blogster-circles li:nth-child(11) {
  left: 5%;
  width: 40px;
  height: 40px;
  animation-delay: 0s;
  animation-duration: 11s;
}

.ogma-blogster-circles li:nth-child(12) {
  left: 95%;
  width: 40px;
  height: 40px;
  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%;
  }

}

#top-header, #masthead, #content, #colophon {
	z-index: 99;
	position: relative;
}

#masthead {
	z-index: 9999;
}

.widget-title {
	font-size: 22px;
	border-left: 6px solid #00796b;
	padding-left: 10px;
	line-height: 22px;
	margin: 10px 0 20px;
}

#ogma-blog-scrollup {
	z-index: 999999;
}

.page-content, .entry-content, .entry-summary {
	margin: 15px 0 0;
	font-size: 16px;
	line-height: 1.7;
}

#colophon .widget.widget_block {
	margin: 0;
	padding: 0;
}

#footer-widget-area {
	padding: 60px 0 40px;
}

.dark-mode #comments h2.comments-title,
.dark-mode .comment-author .fn .url{
	color: #fff;
}

.single.single-posts-layout--two .related-posts-wrapper .entry-title a {
  margin-bottom: 8px;
  line-height: 1.5;
}

.related-posts-wrapper .post-meta-wrap > span {
	display: inline-block;
}

.dark-mode textarea#comment{
  background-color: #1c1c1c;
}

@media (max-width: 979px) {
#site-navigation ul li:last-child a {
	border-bottom: none;
}
}

@media (max-width:768px) {
.single .ogma-blog-post-content-wrap .entry-title {
	font-size: 24px;
}
.footer-widget:last-child {
	margin-bottom: 0;
}
#footer-widget-area {
	padding-top: 40px;
}
.site-branding {
	margin: 20px 0 20px;
}

.ogma-blog-banner-wrapper .slide-title a{
  line-height: 1.2;
}

.ogma-blog-banner-wrapper .post-excerpt {
    font-size: 18px;
    margin: 10px 0 10px;
}

.ogma-blog-banner-wrapper .post-cats-list {
    margin: 0 0 0px;
}

.ogma-blog-banner-wrapper .post-excerpt {
    font-size: 16px;
    margin: 10px 0 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;
}

.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: 16px;
    margin-bottom: 10px;
    text-align: left !important;
    margin-bottom: 0;
}

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

.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.3em !important;
    border-bottom: 2px solid #0b4bff;
    padding: 30px 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: #d1f5ff;
    border: 2px solid #AAA;
    padding: 10px;
    width: 180px;
}

table.point td {
    border: 2px 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 0;
}

.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: 180px!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: 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;
}

.super_visor {
    background-color: #FFF;
    margin: 30px 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: #0c4fff;
    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: 1px solid #AAA;
    border-radius: 10px !important;
    background-color: #FFF;
    padding: 15px;
    margin: 0 0 20px;
}

ul.faq_list {
    margin: 0;
    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 0 10px !important;
    font-size: 18px;
}

.kanren li p {
    text-align: left;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    overflow: hidden;
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    margin: 10px 0 0;
    word-break: break-all;
}

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

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

.column_review_area_outer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 30px;
    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: #fbfbfb;
    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: 10px;
}

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

.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: 50px;
}

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

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

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

.column_review_meta span i {
    margin-right: 1px;
    color: #ffc100;
}

.column_review_meta p {
    margin: 0 !important;
}

.column_review_meta p br {
    display: none;
}

.column_review_meta p i {
    background-color: initial;
}

.column_review_meta figure {
    margin: 0 10px 10px 0!important;
}

.column_review_meta figure br {
    display: none;
}

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

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

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

ul.faq_list li h3 {
    font-weight: 600;
    font-size: 1.3em;
    border-bottom: 2px dashed #03b6f0;
    padding: 0 0 15px;
    margin-bottom: 15px;
    line-height: 1.5;
}

.post-thumbnail-wrap img {
    border-radius: 10px;
}

.ogma-blog-breadcrumb-wrapper {
    margin-bottom: 10px;
}

.post-thumbnail img {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    display: table;
}

.primary-menu-wrapper {
    background-color: #a3baff;
}

#site-navigation ul li:hover >a,#site-navigation ul li.current-menu-item >a,#site-navigation ul li.current_page_item >a,#site-navigation ul li.current-menu-ancestor >a,#site-navigation ul li.focus >a {color: #555!important;}

.select-wrapper-0 p {
    margin: 0;
    font-weight: bold;
    font-size: 18px;
}

.select-wrapper-0 p span {
    font-weight: normal;
    font-size: 13px;
}

.custom-button-wrap.ogma-blog-icon-elements a {
    display: none;
}

nav#breadcrumb {
    font-size: 14px;
}

.column_review_area h2 {
    width: 100%;
    padding: 0 10px 10px;
}

@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) {
.logo-ads-wrapper {
    padding: 0 0 15px;
}
.custom-button-wrap.ogma-blog-icon-elements {
    display: none;
}
.site-branding {
	margin: 15px 0 0;
}
.primary-menu-wrapper {padding: 0!important;}
.product-subset__form ul li label {
    flex: 1;
    font-weight: bold;
    font-size: 18px;
}
nav#breadcrumb {
    font-size: 12px;
    overflow-x: auto;
    white-space: nowrap;
}
    #site-navigation {
        margin-left: 0;
    }
.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;
}
table.guide th {
    width: 40% !important;
    padding: 10px;
}
.super_visor dl dt {
    width: 100px;
    margin-right: 20px;
    line-height: 2;
}
.column_review_area {
    width: 100%;
    margin-bottom: 20px !important;
}
form.product-subset__form span {
    display: block;
    margin: 0 0 0 -10px;
    font-size: 13px !important;
}
.product-subset__form ul li {display: block;}
.select-wrapper-0 {margin: 0 0 10px;}
}

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