@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.grecaptcha-badge {
    visibility: hidden;
}
article.post a{
    color: #333;
}
article.post a:hover {
    color: #333;
    text-decoration: none;
}
article.post a:visited {
    color: #333;
}
.footer-bottom.fdt-left-and-right .footer-bottom-content {
    display: block;
}
/*デザイン調整*/
/*
a:hover {
    color: #1e73be;
    text-decoration: none;
}
*/
.pc-show{
    display: block;
}
.sp-show{
    display: none;
}
.entry-title, .archive-title {
    font-size: 24px !important;
    line-height: 1.5 !important;
}
.article h2 {
    padding: 20px !important;
    border-radius: 0px !important;
    border-left: solid 8px var(--custom-black) !important;
}
.article h3 {
    border: none;
    border-bottom: solid 3px var(--custom-border-gray);
    position: relative;
    padding: 20px 0;
}
.article h3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px var(--custom-black);
    bottom: -3px;
    width: 25%;
}
.article h4 {
    border: none !important;
    padding: 20px !important;
    background-color: #f5f6f7 !important;
}
/*デザイン調整　編集者*/
.widget.widget-single-content-bottom.widget_author_box .main-widget-label{
    margin-left: 20px;
    padding: 0.5em 1.5em;
    font-size: 0.9em;
    font-weight: bold;
    color: #ffffff;
    background-color: var(--custom-black);
    display: inline-block;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.widget.widget-single-content-bottom.widget_author_box .author-box{
    border: none;
    border-radius: 10px;
    line-height: 1.4;
    position: relative;
    padding: 1em 1em;
    background-color: var(--custom-gray-light);
}

/*.logo-header .site-name-text{
	font-size:36px!important;
}*/
#navi .navi-in>ul>li>a {
    font-weight: bold;
}
.page .date-tags {
display: none;
}
.front-top-page #main .entry-title{
  display: none;
}

/*トグルのバグ対応 */
.toggle-button+p{
 display:none;
}
/* 医師*/
.box-doctor-ttl{
font-size:16px;
font-weight:700;
color:#1e73be;
}
.box-doctor .column-2 .column-left{
	background:#dbeeff;
	padding:10px;
}
.box-doctor .column-2 .column-right{
	padding: 10px;
    border: 4px solid #ffa200;
	background:#ffe9c3;
}


/*追加変数設定*/
:root {
    --custom-blue: #0095d3;
    --custom-blue-dark: #007cb0;
    --custom-blue-light: #e8f8ff;
    --custom-border-blue: #c7e7f5;
    --custom-black: #333333;
    --custom-gray: #888888;
    --custom-gray-dark: #666666;
    --custom-gray-light: #f5f5f5;
    --custom-border-gray: #dddddd;
    --custom-column-width: 640px;
}
/*cocoon タブ見出しボックスを上書き*/
.custom.tab-caption-box {
    max-width: var(--custom-column-width);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.custom .tab-caption-box-label {
    padding: 0em 1.5em;
    font-size: 0.9em;
    font-weight: bold;
    color: #ffffff;
    background-color: var(--custom-black);
}
.custom [class*="fab-"]::before {
    font-size: 1.6em;
    vertical-align: middle;
}
.custom .tab-caption-box-content {
    margin-top: -3px;
    border: 3px solid var(--custom-black);
    padding: 1em 1em;
    border-radius: 0px;
}
.custom .tab-caption-box-content p {
    margin-bottom: 0;
}
/*cocoon ラベルボックスを上書き*/
.custom.label-box {
    max-width: var(--custom-column-width);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.custom .label-box-label {
    display: block;
    margin: 0 auto;
    padding: 0;
    color: var(--custom-black);
    font-size: 0.9em;
    font-weight: bold;
    text-shadow: none;
    text-align: center;
}
.custom .label-box-content {
    margin-top: 0;
    border: none;
    padding: 1em 1em;
    border-radius: 0px;
    background-color: var(--custom-gray-light);
}
.custom .label-box-content p {
    margin-bottom: 0;
}
/*maxbutton-17 立体ボタン（青）公式サイトを上書き*/
.maxbutton-17.maxbutton {
    width: auto !important;
    min-width: 90% !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    border-bottom: solid 5px var(--custom-blue-dark) !important;
    border-radius: 6px !important;
    background-color: var(--custom-blue) !important;
    box-shadow: none !important;
}
.maxbutton-17.maxbutton:hover {
    margin-top: 4px !important;
    border-bottom: solid 1px var(--custom-blue-dark) !important;
}
.maxbutton-17.maxbutton .mb-text {
    padding: 18px 27px 18px 5px !important;
    position: relative !important;
}
.maxbutton-17.maxbutton .mb-text::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    box-sizing: border-box !important;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid transparent !important;
    border-left: 6px solid #ffffff !important;
}
/*maxbutton-11 立体ボタン（青）を上書き*/
/*maxbutton-19 立体ボタン（青）ホットペッパービューティーへを上書き*/
/*maxbutton-23 立体ボタン（青）キャンペーン詳細をみるを上書き*/
/*maxbutton-39 アンカーリンク用ボタン（青）を上書き*/
.maxbutton-11.maxbutton,
.maxbutton-19.maxbutton,
.maxbutton-23.maxbutton,
.maxbutton-39.maxbutton {
    width: auto !important;
    min-width: 90% !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    border-bottom: solid 5px var(--custom-blue-dark) !important;
    border-radius: 0px !important;
    background-color: var(--custom-blue) !important;
    box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-11.maxbutton:hover,
.maxbutton-19.maxbutton:hover,
.maxbutton-23.maxbutton:hover,
.maxbutton-39.maxbutton:hover {
    margin-top: 4px !important;
    border-bottom: solid 1px var(--custom-blue-dark) !important;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-11.maxbutton .mb-text,
.maxbutton-19.maxbutton .mb-text,
.maxbutton-23.maxbutton .mb-text,
.maxbutton-39.maxbutton .mb-text {
    padding: 18px 27px 18px 5px !important;
    position: relative !important;
}
.maxbutton-11.maxbutton .mb-text::before,
.maxbutton-19.maxbutton .mb-text::before,
.maxbutton-23.maxbutton .mb-text::before,
.maxbutton-39.maxbutton .mb-text::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    box-sizing: border-box !important;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid transparent !important;
    border-left: 6px solid #ffffff !important;
}
/*maxbutton-12 立体ボタン（青）手軽な価格でできる！を上書き*/
/*maxbutton-15 立体ボタン（青）効果重視なら医療脱毛！を上書き*/
/*maxbutton-29 立体ボタン（青）手軽な価格でできる！を上書き*/
/*maxbutton-31 立体ボタン（青）効果重視なら医療脱毛！を上書き*/
.maxbutton-12.maxbutton,
.maxbutton-15.maxbutton,
.maxbutton-29.maxbutton,
.maxbutton-31.maxbutton {
    position: relative !important;
    width: 420px !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    border-bottom: solid 5px var(--custom-blue-dark) !important;
    border-radius: 0px !important;
    background-color: var(--custom-blue) !important;
    box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-12.maxbutton::before,
.maxbutton-12.maxbutton::after,
.maxbutton-15.maxbutton::before,
.maxbutton-15.maxbutton::after,
.maxbutton-29.maxbutton::before,
.maxbutton-29.maxbutton::after,
.maxbutton-31.maxbutton::before,
.maxbutton-31.maxbutton::after {
    position: absolute;
    top: 1.2rem;
    height: 1.2rem;
    content: '';
}
.maxbutton-12.maxbutton::before,
.maxbutton-15.maxbutton::before,
.maxbutton-29.maxbutton::before,
.maxbutton-31.maxbutton::before {
    border-left: solid 2px #b6f4ff;
    left: 110px;
    transform: rotate(-30deg);
}

.maxbutton-12.maxbutton::after,
.maxbutton-15.maxbutton::after,
.maxbutton-29.maxbutton::after,
.maxbutton-31.maxbutton::after {
    border-right: solid 2px #b6f4ff;
    right: 110px;
    transform: rotate(30deg);
}
.maxbutton-12.maxbutton:hover,
.maxbutton-15.maxbutton:hover,
.maxbutton-29.maxbutton:hover,
.maxbutton-31.maxbutton:hover {
    margin-top: 4px !important;
    border-bottom: solid 1px var(--custom-blue-dark) !important;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-12.maxbutton .mb-text,
.maxbutton-15.maxbutton .mb-text,
.maxbutton-29.maxbutton .mb-text,
.maxbutton-31.maxbutton .mb-text {
    padding: 18px 0px !important;
    position: relative !important;
}
.maxbutton-12.maxbutton .mb-text::before,
.maxbutton-15.maxbutton .mb-text::before,
.maxbutton-29.maxbutton .mb-text::before,
.maxbutton-31.maxbutton .mb-text::before {
    content: "手軽な価格でできる！" !important;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #b6f4ff;
    margin-bottom: 10px;
}
.maxbutton-15.maxbutton .mb-text::before,
.maxbutton-31.maxbutton .mb-text::before {
    content: "効果重視なら医療脱毛！" !important;
}
.maxbutton-12.maxbutton .mb-text::after,
.maxbutton-15.maxbutton .mb-text::after,
.maxbutton-29.maxbutton .mb-text::after,
.maxbutton-31.maxbutton .mb-text::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    box-sizing: border-box !important;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid transparent !important;
    border-left: 6px solid #ffffff !important;
}
/*maxbutton-13 立体ボタン（グレー）を上書き*/
/*maxbutton-18 立体ボタン（グレー）公式サイトを上書き*/
/*maxbutton-20 立体ボタン（グレー）ホットペッパービューティーへを上書き*/
/*maxbutton-24 立体ボタン（グレー）キャンペーン詳細をみる上書き*/
.maxbutton-13.maxbutton,
.maxbutton-18.maxbutton,
.maxbutton-20.maxbutton,
.maxbutton-24.maxbutton {
    width: auto !important;
    min-width: 90% !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    border-bottom: solid 5px var(--custom-gray-dark) !important;
    border-radius: 0px !important;
    background-color: var(--custom-gray) !important;
    box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-13.maxbutton:hover,
.maxbutton-18.maxbutton:hover,
.maxbutton-20.maxbutton:hover,
.maxbutton-24.maxbutton:hover {
    margin-top: 4px !important;
    border-bottom: solid 1px var(--custom-gray-dark) !important;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-13.maxbutton .mb-text,
.maxbutton-18.maxbutton .mb-text,
.maxbutton-20.maxbutton .mb-text,
.maxbutton-24.maxbutton .mb-text {
    padding: 18px 27px 18px 5px !important;
    position: relative !important;
}
.maxbutton-13.maxbutton .mb-text::before,
.maxbutton-18.maxbutton .mb-text::before,
.maxbutton-20.maxbutton .mb-text::before,
.maxbutton-24.maxbutton .mb-text::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    box-sizing: border-box !important;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid transparent !important;
    border-left: 6px solid #ffffff !important;
}
/*maxbutton-14 立体ボタン（グレー）手軽な価格でできる！を上書き*/
/*maxbutton-16 立体ボタン（グレー）効果重視なら医療脱毛！を上書き*/
/*maxbutton-30 立体ボタン（グレー）手軽な価格でできる！を上書き*/
/*maxbutton-32 立体ボタン（グレー）効果重視なら医療脱毛！を上書き*/
.maxbutton-14.maxbutton,
.maxbutton-16.maxbutton,
.maxbutton-30.maxbutton,
.maxbutton-32.maxbutton {
    position: relative !important;
    width: 420px !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    border-bottom: solid 5px var(--custom-gray-dark) !important;
    border-radius: 0px !important;
    background-color: var(--custom-gray) !important;
    box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-14.maxbutton::before,
.maxbutton-14.maxbutton::after,
.maxbutton-16.maxbutton::before,
.maxbutton-16.maxbutton::after,
.maxbutton-30.maxbutton::before,
.maxbutton-30.maxbutton::after,
.maxbutton-32.maxbutton::before,
.maxbutton-32.maxbutton::after {
    position: absolute;
    top: 1.2rem;
    height: 1.2rem;
    content: '';
}
.maxbutton-14.maxbutton::before,
.maxbutton-16.maxbutton::before,
.maxbutton-30.maxbutton::before,
.maxbutton-32.maxbutton::before {
    border-left: solid 2px #ffffff;
    left: 110px;
    transform: rotate(-30deg);
}

.maxbutton-14.maxbutton::after,
.maxbutton-16.maxbutton::after,
.maxbutton-30.maxbutton::after,
.maxbutton-32.maxbutton::after {
    border-right: solid 2px #ffffff;
    right: 110px;
    transform: rotate(30deg);
}
.maxbutton-14.maxbutton:hover,
.maxbutton-16.maxbutton:hover,
.maxbutton-30.maxbutton:hover,
.maxbutton-32.maxbutton:hover {
    margin-top: 4px !important;
    border-bottom: solid 1px var(--custom-gray-dark) !important;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-14.maxbutton .mb-text,
.maxbutton-16.maxbutton .mb-text,
.maxbutton-30.maxbutton .mb-text,
.maxbutton-32.maxbutton .mb-text {
    padding: 18px 0px !important;
    position: relative !important;
}
.maxbutton-14.maxbutton .mb-text::before,
.maxbutton-16.maxbutton .mb-text::before,
.maxbutton-30.maxbutton .mb-text::before,
.maxbutton-32.maxbutton .mb-text::before {
    content: "手軽な価格でできる！" !important;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
}
.maxbutton-16.maxbutton .mb-text::before,
.maxbutton-32.maxbutton .mb-text::before {
    content: "効果重視なら医療脱毛！" !important;
}
.maxbutton-14.maxbutton .mb-text::after,
.maxbutton-16.maxbutton .mb-text::after,
.maxbutton-30.maxbutton .mb-text::after,
.maxbutton-32.maxbutton .mb-text::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    box-sizing: border-box !important;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid transparent !important;
    border-left: 6px solid #ffffff !important;
}
/*maxbutton-21 立体ボタン（エンジ）ホットペッパービューティーへを上書き*/
.maxbutton-21.maxbutton {
    width: auto !important;
    min-width: 90% !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    border-bottom: solid 5px #79002b !important;
    border-radius: 0px !important;
    background-color: #9f1546 !important;
    box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-21.maxbutton:hover {
    margin-top: 4px !important;
    border-bottom: solid 1px #79002b !important;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-21.maxbutton .mb-text {
    padding: 18px 27px 18px 5px !important;
    position: relative !important;
}
.maxbutton-21.maxbutton .mb-text::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    box-sizing: border-box !important;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid transparent !important;
    border-left: 6px solid #ffffff !important;
}
/*maxbutton-23 立体ボタン（青）キャンペーン詳細をみる上書き*/
/*.maxbutton-23.maxbutton {
    display: inline-block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    border-bottom: solid 5px var(--custom-blue-dark) !important;
    border-radius: 0px !important;
    background-color: var(--custom-blue) !important;
    box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-23.maxbutton:hover {
    margin-top: 4px !important;
    border-bottom: solid 1px var(--custom-blue-dark) !important;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-23.maxbutton .mb-text {
    padding: 12px 32px 12px 12px !important;
    position: relative !important;
}
.maxbutton-23.maxbutton .mb-text::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    transform: translateY(-50%) !important;
    box-sizing: border-box !important;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid transparent !important;
    border-left: 6px solid #ffffff !important;
}*/
/*maxbutton-24 立体ボタン（グレー）キャンペーン詳細をみる上書き*/
/*.maxbutton-24.maxbutton {
    display: inline-block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    border-bottom: solid 5px var(--custom-gray-dark) !important;
    border-radius: 0px !important;
    background-color: var(--custom-gray) !important;
    box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-24.maxbutton:hover {
    margin-top: 4px !important;
    border-bottom: solid 1px var(--custom-gray-dark) !important;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.maxbutton-24.maxbutton .mb-text {
    padding: 12px 32px 12px 12px !important;
    position: relative !important;
}
.maxbutton-24.maxbutton .mb-text::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    transform: translateY(-50%) !important;
    box-sizing: border-box !important;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid transparent !important;
    border-left: 6px solid #ffffff !important;
}*/
/*maxbutton-34～38 白いボタン*/
.maxbutton-34.maxbutton,
.maxbutton-35.maxbutton,
.maxbutton-36.maxbutton,
.maxbutton-37.maxbutton,
.maxbutton-38.maxbutton {
    display: block !important;
    width: auto !important;
    width: 90% !important;
    max-width: 100% !important;
    height: auto !important;
    border: solid 2px #ccc !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    padding: 10px !important;
    margin: 0 auto !important;
    text-align: center !important;
}
.maxbutton-34.maxbutton:hover,
.maxbutton-35.maxbutton:hover,
.maxbutton-36.maxbutton:hover,
.maxbutton-37.maxbutton:hover,
.maxbutton-38.maxbutton:hover {
    background-color: #f5f5f5 !important;
}
.maxbutton-34.maxbutton .mb-text,
.maxbutton-35.maxbutton .mb-text,
.maxbutton-36.maxbutton .mb-text,
.maxbutton-37.maxbutton .mb-text,
.maxbutton-38.maxbutton .mb-text {
    display: inline-block !important;
    font-size: 18px !important;
    line-height: 1.8 !important;
    padding: 0 27px 0 0 !important;
    position: relative !important;
}
.maxbutton-34.maxbutton .mb-text::after,
.maxbutton-35.maxbutton .mb-text::after,
.maxbutton-36.maxbutton .mb-text::after,
.maxbutton-37.maxbutton .mb-text::after,
.maxbutton-38.maxbutton .mb-text::after {
    display: block !important;
    box-sizing: border-box !important;
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 0px !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 8px !important;
    border-left: 2px solid #333 !important;
    border-top: 2px solid #333 !important;
    transform: translateY(-50%) rotate(135deg) !important;
}
/*maxbutton-40 立体ボタン（オレンジ）公式サイトで詳細を見るを上書き*/
/*maxbutton-41 立体ボタン（朱色）公式サイトで詳細を見るを上書き*/
.maxbutton-40.maxbutton,
.maxbutton-41.maxbutton {
    width: auto !important;
    min-width: 90% !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    border-bottom: solid 5px #d29054 !important;
    border-radius: 6px !important;
    background-color: #eb9c58 !important;
    box-shadow: none !important;
}
.maxbutton-41.maxbutton {
    border-bottom: solid 5px #c9334a !important;
    background-color: #e3364a !important;
}
.maxbutton-40.maxbutton:hover,
.maxbutton-41.maxbutton:hover {
    margin-top: 4px !important;
    border-bottom: solid 1px #d29054 !important;
}
.maxbutton-41.maxbutton:hover {
    border-bottom: solid 1px #c9334a !important;
}
.maxbutton-40.maxbutton .mb-text,
.maxbutton-41.maxbutton .mb-text {
    padding: 18px 27px 18px 5px !important;
    position: relative !important;
}
.maxbutton-40.maxbutton .mb-text::before,
.maxbutton-41.maxbutton .mb-text::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    box-sizing: border-box !important;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid transparent !important;
    border-left: 6px solid #ffffff !important;
}
/*maxbutton-42 Amazonを上書き*/
.maxbutton-42.maxbutton {
    width: auto !important;
    min-width: 90% !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    border-bottom: solid 5px #2a2a2a !important;
    border-radius: 6px !important;
    background-color: rgba(51,62,72,1.0) !important;
    box-shadow: none !important;
}
.maxbutton-42.maxbutton:hover {
    margin-top: 4px !important;
    border-bottom: solid 1px #2a2a2a !important;
}
.maxbutton-42.maxbutton .mb-text {
    display: inline-block !important;
    position: relative !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0px !important;
}
.maxbutton-42.maxbutton:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 100px;
    height: 31px;
    background: url('/wp-content/uploads/2024/04/logo_amazon.png') left top no-repeat;
    background-size: contain;
    margin: 10px 15px;
}
/*公式サイトへリンク部分のレイアウトスタイルを追加*/
.custom-link-official {
    box-sizing: border-box;
    width: 49%;
    display: inline-block;
    text-align: center;
	margin-bottom: 30px;
}
.custom-link-official .custom-link-official-message {
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 8px;
}
/*店舗用スタイルを追加*/
h3.shop-title {
    position: relative !important;
    display: block !important;
    margin: 0 0 30px 0 !important;
    padding: 15px 20px !important;
    color: #ffffff !important;
    background: #888888 !important;
    border-radius: 10px !important;
    border: none !important;
}
h3.shop-title:after {
    content: "" !important;
    width: auto !important;
    position: absolute !important;
    top: 100% !important;
    left: 30px !important;
    margin-left: -8px !important;
    border: 8px solid transparent !important;
    border-top: 8px solid #888888 !important;
}
h3.shop-title:before {
    margin-right: 10px;
}
/*吹き出し*/
.speech-person {
    width: 60px;
    min-width: 60px;
}
div.speech-balloon {
    height: 100%;
    position: relative;
    padding: 20px;
    background-color: #fff;
    border: 2px solid var(--custom-gray-light);
    border-radius: 10px;
    max-width: calc(100% - 60px);
}
.sbs-flat .speech-balloon {
    background-color: var(--custom-gray-light);
    border-color: var(--custom-gray-light);
}
.speech-balloon::before {
    left: -8px;
    top: 20px;
    border-right: 8px solid var(--custom-gray-light) !important;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
}
.speech-balloon::after {
    left: -5px;
    top: 18px;
    border-right: 8px solid var(--custom-gray-light) !important;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
}
/*監修者セクション*/
.custom-supervisor-box{
    margin-bottom: 30px !important;
}
.custom-supervisor-box .tab-caption-box-label {
    margin-left: 20px;
    padding: 0.5em 1.5em;
    font-size: 0.9em;
    font-weight: bold;
    color: #ffffff;
    background-color: var(--custom-black);
}
.custom-supervisor-box .tab-caption-box-content {
    margin-top: 0px;
    border: none;
    padding: 1em 1em;
    border-radius: 0px;
    background-color: var(--custom-gray-light);
}
.custom-supervisor-box .custom-supervisor-box-inner {
    display: flex;

}
.custom-supervisor-box .custom-supervisor-box-inner .custom-supervisor-left {
    width: 120px;
}
.custom-supervisor-box .custom-supervisor-box-inner .custom-supervisor-left .custom-supervisor-img {
    width: 120px;
    height: 120px;
    border-radius: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.custom-supervisor-box .custom-supervisor-box-inner .custom-supervisor-left .custom-supervisor-img img {
    display: block;
}
.custom-supervisor-box .custom-supervisor-box-inner .custom-supervisor-right {
    margin-left: 20px;
    flex-grow: 1;
	font-size: 14px;
    width: calc(100% - 140px);
}
.custom-supervisor-box .custom-supervisor-box-inner .custom-supervisor-txt {
    margin-bottom: 10px;
}
.custom-supervisor-box .custom-supervisor-box-inner .toggle-wrap {
    margin-bottom: 0px;
}
.custom-supervisor-box .custom-supervisor-box-inner .toggle-button {
    font-size: 14px;
    color: var(--custom-gray);
    border: solid 1px var(--custom-gray);
}
.custom-supervisor-box .custom-supervisor-box-inner .toggle-checkbox:checked ~ .toggle-button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
}
.custom-supervisor-box .custom-supervisor-box-inner .toggle-checkbox:checked ~ .toggle-content {
    border: 1px solid var(--custom-gray);
    border-top-width: 0;
}
/*メディコレマーク*/
.custom-supervisor-box + .custom-mark-box{
    margin-top: -30px !important;
    border-top: solid 1px var(--custom-border-gray);
}
.custom-mark-box{
    margin-bottom: 30px;
    border: none;
    padding: 1em 1em;
    background-color: var(--custom-gray-light);
    display: flex;
    align-items: center;
}
.custom-mark-box .custom-mark-box-left {
    width: 40px;
    flex-shrink: 0;
}
.custom-mark-box .custom-mark-box-left .custom-mark-box-img {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
	font-size: 12px;
}
.custom-mark-box .custom-mark-box-left .custom-mark-box-img img {
    display: block;
}
.custom-mark-box .custom-mark-box-right {
    margin-left: 1rem;
    flex-grow: 1;
    font-size: 12px;
}
.custom-mark-box .custom-mark-box-right p {
    margin-bottom: 0;
}
/*目次上の見出し*/
.custom-index-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px !important;
}
.custom-index-title .custom-index-title-inner {
    display: inline-block;
    position: relative;
	margin: 0 25px;
}
.custom-index-title .custom-index-title-inner::before,
.custom-index-title .custom-index-title-inner::after {
    position: absolute;
    height: 1.2rem;
    content: '';
	top: 0.2rem;
}
.custom-index-title .custom-index-title-inner::before {
    border-left: solid 2px var(--custom-black);
    left: -15px;
    transform: rotate(-30deg);
}
.custom-index-title .custom-index-title-inner::after {
    border-right: solid 2px var(--custom-black);
    right: -15px;
    transform: rotate(30deg);
}
/* scrollable-table　セル中央 */
.scrollable-table th, .scrollable-table td {
	padding:15px 5px;
}
.scrollable-table th > p, .scrollable-table td > p{
 margin-bottom:0;
}
/* 目次 */
.toc {
    border: 3px solid var(--custom-black);
	margin-bottom: 30px !important;
}
.toc a:hover {
    text-decoration: underline !important;
}
.toc-title {
    padding: 0;
}
.toc-title::after {
    color: var(--custom-gray);
}
.toc ol li{
	font-weight:900;
}
.toc ol li li{
	font-weight:400;
}
/* テーブル用見出し */
.custom-table-title{
    display: inline-block;
    margin: 0 !important;
    padding: 0.5em 1.5em;
    font-weight: bold;
    color: #ffffff;
    background-color: var(--custom-gray);
    border-radius: 10px 10px 0 0;
}
/* この記事を書いた人 */
.author-box .author-name a {
    font-size: 14px;
    color: var(--custom-black);
}
.author-description {
    font-size: 14px;
}
/* 比較テーブル */
.custom-comparison-table {
    table-layout: fixed;
    width: 100%;
    font-size: 14px;
}
.custom-comparison-table p {
    margin-bottom: 0;
}
.custom-comparison-table img {
    width: 100%;
    height: 140px;
    object-fit: cover;
}
.custom-comparison-table.col5 img {
    height: 62px;
}
.custom-comparison-table th {
    background-color: var(--custom-gray-light);
    border-color: var(--custom-border-gray);
}
.custom-comparison-table.bg-blue th {
    background-color: var(--custom-blue-light);
    border-color: var(--custom-border-blue);
}
.custom-comparison-table td {
    vertical-align: top;
    background-color: var(--custom-gray-light);
    border-color: var(--custom-border-gray);
}
.custom-comparison-table.bg-blue td {
    background-color: var(--custom-blue-light);
    border-color: var(--custom-border-blue);
}
.scrollable-table th, .scrollable-table td {
    white-space: normal;
    padding: 10px;
}
.custom-comparison-table.col3 th,
.custom-comparison-table.col5 th {
    width: 80px;
}
.custom-comparison-table.col5 th {
    font-size: 11px;
}
.custom-comparison-table.col5 .maxbutton .mb-text {
    font-size: 14px !important;
}
/* 注意文ボックス */
.custom-caveat-list {
    list-style: none;
    padding: 5px !important;
    font-size: 10px;
    color: var(--custom-gray);
    background-color: var(--custom-gray-light);
}
.custom-caveat-list li {
    padding: 0 !important;
    margin: 0 0 0 1em !important;
    text-indent: -1em;
}
/*キャンペーン一覧*/
.campaign-list {
    border: solid 1px var(--custom-border-gray);
    margin-bottom: 30px;
 /*   box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    margin-bottom: 50px;*/
}
@media screen and (max-width: 834px){
    .campaign-list {
        margin-bottom: 30px;
    }
}
.campaign-list .campaign-list-inner {
    display: flex;
}
.campaign-list .campaign-list-banner {
    flex-grow: 0;
    flex-shrink: 0;
    width: 468px;
    min-height: 250px;
    background-color: var(--custom-gray-light);
    display: flex;
    align-items: center;
    justify-content: center;
}
.campaign-list .campaign-list-text {
    padding: 20px;
    flex-grow: 1;
    background-color: #fff;
}
.campaign-list .campaign-list-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: inherit !important;
    padding: 0px !important;
    border-left: none !important;
    background-color: transparent !important;
}
.campaign-list .campaign-list-title::before {
    margin-right: 8px;
}
.campaign-list .campaign-list-period {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
    margin-bottom: 10px;
    border-top: solid 1px var(--custom-black);
    border-bottom: solid 1px var(--custom-black);
}
.campaign-list .campaign-list-intro {
    font-size: 16px;
    margin-bottom: 20px;
}
.campaign-list .campaign-list-button {
    text-align: center;
}
/*流れ*/
.flow-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    align-items: stretch;
    overflow: hidden;
}
.flow-list .flow-list-box {
    flex-grow: 1;
    text-align: center;
}
.flow-list .flow-list-inner {
    display: flex;
    flex-direction: column;
    border: 3px solid var(--custom-black);
    padding: 5px;
    height: 100%;
    border-radius: 8px;
    position: relative;
    background-color: #fff;
}
.flow-list .flow-list-inner::after {
    position: absolute;
    top: 50%;
    right: -22px;
    transform: translateY(-50%);
    content: "";
    border: 6px solid transparent;
    border-left: 6px solid var(--custom-blue);
}
.flow-list .flow-list-box:last-of-type .flow-list-inner::after {
    display: none;
}
.flow-list .flow-list-step p {
    display: inline-block;
    color: #fff;
    line-height: 1.3;
    background-color: var(--custom-black);
    padding: 3px 10px;
    border-radius: 30px;
    margin-bottom: 5px;
}
.flow-list .step {
    font-size: 11px;
}
.flow-list .num {
    font-weight: bold;
    font-size: 18px;
    margin-left: 3px;
}
.flow-list .flow-list-text {
    display: flex;
    justify-content:center;
    align-items:center;
    flex-grow: 1;
    font-size: 14px;
}
.flow-list .flow-list-text em {
    font-style: normal;
	font-size: 10px;
}
.scroll-hint.is-left-scrollable,
.scroll-hint.is-right-scrollable {
    background: transparent !important;
}
/*脱毛相談LP*/
html:has(.hair-removal-consultation) {

}
#main:has(.hair-removal-consultation) {
    padding-left: 0;
    padding-right: 0;
}
#main:has(.hair-removal-consultation) h1 {
    padding-left: 29px;
    padding-right: 29px;
}
.hair-removal-consultation {
    margin: 0;
    padding: 0;
}
.hair-removal-consultation p {
    margin-bottom: 30px;
}
.hair-removal-consultation figure br {
    display: none;
}
.hair-removal-consultation .mb0 {
    margin-bottom: 0px !important;
}
.hair-removal-consultation .hrc-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    background-color: #6ec878;
    padding: 2px;
/*    position: sticky;
    top: 0;*/
}
.hair-removal-consultation .hrc-buttons > div {
    flex: 1;
    background-color: #fff;
}
.hair-removal-consultation .hrc-buttons > div > a {
    display: flex;
    padding: 20px;
    align-items: center;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    position: relative;
    height: 100%;
}
.hair-removal-consultation .hrc-buttons > div > a:hover {
	background-color: #6ec878;
}
.hair-removal-consultation .hrc-buttons > div.hrc-buttons-tel > a {
    padding: 0 20px;
    font-size: 16px;
}
.hair-removal-consultation .hrc-buttons > div.hrc-buttons-tel .reception-hours {
    font-size: 10px;
    display: inline-block;
    margin-left: 3px;
}
.hair-removal-consultation .hrc-buttons > div.hrc-buttons-tel em {
    font-style: normal;
    font-size: 20px;
}
.hair-removal-consultation .hrc-buttons > div > a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}
.hair-removal-consultation .hrc-buttons > div > a > img {
    margin-right: 20px;
}
.hair-removal-consultation .hrc-buttons-lead {
    margin: 0;
    padding: 0 50px 20px 50px;
    font-size: 24px;
    font-weight: bold;
    color: #6ec878;
    text-align: center;
}
.hair-removal-consultation .hrc-mv {
    position: relative;
}
.hair-removal-consultation .hrc-mv .hrc-qr {
    width: 150px;
    padding: 15px 15px 10px 15px;
    border-radius: 8px;
    background-color: #06c755;
    box-shadow: 2px 2px 0px 0px #333333;
    position: absolute;
    bottom: 50px;
    left: 50px;
}
.hair-removal-consultation .hrc-mv .hrc-qr p {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}
.hair-removal-consultation .hrc-mv img {
    display: block;
}
.hair-removal-consultation .hrc-section01,
.hair-removal-consultation .hrc-section02,
.hair-removal-consultation .hrc-section03,
.hair-removal-consultation .hrc-section04,
.hair-removal-consultation .hrc-section05 {
    padding: 30px 50px 50px 50px;
}
.hair-removal-consultation .hrc-section01 {
    background-color: #6ec878;
    padding: 30px 50px 30px 50px;
}
.hair-removal-consultation .hrc-section02,
.hair-removal-consultation .hrc-section04 {
    background-color: #eaf3eb;
}
.hair-removal-consultation .hrc-section03 {
    background-color: #6ec878;
}
.hair-removal-consultation .hrc-section-title {
    margin-bottom: 30px;
}
.hair-removal-consultation .hrc-section-title img {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
}
.hair-removal-consultation .hrc-section-title h2 {
    padding: 0px !important;
    border-left: none !important;
    background-color: transparent !important;
    font-size: 40px;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 0;
}
.hair-removal-consultation .hrc-section01 .hrc-section-title h2 {
    color: #fff;
}
.hair-removal-consultation .hrc-section-title h2 span {
    display: inline-block;
    padding: 10px 0;
    border-bottom: solid 3px #333;
}
.hair-removal-consultation .hrc-float-block {
    display: flex;
    gap: 50px;
    margin-bottom: 30px;
    font-weight: bold;
}
.hair-removal-consultation .hrc-float-block > figure {
    width: 340px;
    flex-shrink: 0;
}
.hair-removal-consultation .hrc-float-block > figure img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.hair-removal-consultation .hrc-float-block > div {
    flex-grow: 1;
    flex-shrink: 1;
}
.hair-removal-consultation .hrc-float-block.right > figure {
    order: 2;
}
.hair-removal-consultation .hrc-flow-list {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    margin-bottom: 50px;
}
.hair-removal-consultation .hrc-flow-list > div {
    flex: 1;
}
.hair-removal-consultation .hrc-flow-list dl {
    margin: 0;
}
.hair-removal-consultation .hrc-flow-list dt {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
}
.hair-removal-consultation .hrc-flow-list dt .num {
    font-size: 36px;
    color: #6ec878;
    margin-right: 15px;
}
.hair-removal-consultation .hrc-flow-list dd {
    margin-left: 0;
}
.hair-removal-consultation .hrc-flow-list dd figure {
    margin-bottom: 10px;
}
.hair-removal-consultation .hrc-flow-list dd img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.hair-removal-consultation .hrc-flow-list dd p {
    margin-bottom: 0px;
}
.hair-removal-consultation .hrc-flow-list dd .attention {
    font-size: 12px;
}
.hair-removal-consultation .hrc-cost-free {
    width: 80%;
    padding: 30px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 20px;
}
.hair-removal-consultation .hrc-cost-free dl {
    margin: 0;
}
.hair-removal-consultation .hrc-cost-free dt {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #6ec878;
    margin-bottom: 10px;
}
.hair-removal-consultation .hrc-cost-free dd {
    text-align: center;
    margin: 0;
}
.hair-removal-consultation .hrc-service-list {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.hair-removal-consultation .hrc-service-list > div {
    flex: 1;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
}
.hair-removal-consultation .hrc-service-list figure {
    margin-bottom: 10px;
}
.hair-removal-consultation .hrc-service-list img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.hair-removal-consultation .hrc-service-list dl {
    margin: 0;
}
.hair-removal-consultation .hrc-service-list dt {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    color: #6ec878;
    margin-bottom: 10px;
}
.hair-removal-consultation .hrc-service-list dd {
    margin-left: 0;
}
.hair-removal-consultation .hrc-faq-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}
.hair-removal-consultation .hrc-faq-list > div {
    width: calc(50% - 5px);
    padding: 30px;
    background-color: #fff;
    border-radius: 20px;
}
.hair-removal-consultation .hrc-faq-list .hrc-faq-q {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
.hair-removal-consultation .hrc-faq-list .hrc-faq-q::before {
    content: "Q. ";
    font-size: 24px;
    font-weight: bold;
    color: #6ec878;
}
.hair-removal-consultation .hrc-faq-a {
    display: flex;
    align-items: center;
    width: 72%;
    margin: 0 auto;
}
.hair-removal-consultation .hrc-faq-a .hrc-faq-image {
    width: 120px;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 20px;
}
.hair-removal-consultation .hrc-faq-a .hrc-faq-txt p {
    font-size: 24px;
    font-weight: bold;
    color: #6ec878;
    margin: 0;
}
/*記事ページ カテゴリリンク*/
.cat-link {
    color: #fff !important;
}
/*ポリシーページ テーブル*/
.policy-table table {
    font-size: 11px;
	min-width: 780px;
}
.policy-table table thead th:nth-child(4) {
    width: 16%;
}
.policy-table table thead th:nth-child(5) {
    width: 24%;
}
.policy-table table thead th:nth-child(6) {
    width: 8%;
}
.policy-table table thead th:nth-child(7) {
    width: 8%;
}
.policy-table table thead th:nth-child(8) {
    width: 8%;
}
.policy-table .policy-type {
    display: inline-block;
    white-space: nowrap;
    padding: 2px 6px;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-weight: bold;
}
.policy-table .policy-type01 {
    background-color: #d1e3eb;
}
.policy-table .policy-type02 {
    background-color: #d8ebd1;
}
.policy-table .policy-type03 {
    background-color: #ebe2d1;
}
.policy-table .policy-type04 {
    background-color: #ebd1d1;
}
/*PR注意文*/
.pr-attention {
    width: auto;
    max-width: 1256px;
    margin: 20px auto 0 auto !important;
    padding: 0 30px !important;
}
/* アンカーリンクテーブル */
.custom-anchor-table {
    table-layout: fixed;
    max-width: 400px !important;
    width: 100%;
    margin: 0 auto !important;
    font-size: 14px;
    border: solid 3px var(--custom-border-blue);
}
.custom-anchor-table.col3 {
    max-width: 700px !important;
}
.custom-anchor-table img {
    width: 100%;
    height: auto;
}
.custom-anchor-table th {
    width: 75px;
    font-size: 10px;
    background-color: var(--custom-blue-light);
    border-color: #fff;
}
.custom-anchor-table td {
    text-align: center;
    background-color: var(--custom-blue-light);
    border-color: #fff;
}
.custom-anchor-table td .maxbutton .mb-text {
    font-size: 14px !important;
}
.custom-anchor-table.col3 td .maxbutton .mb-text {
    padding: 10px 27px 10px 5px!important;
    font-size: 12px !important;
}
/* トップ改修 */
.custom-top-section {
    margin-bottom: 80px;
}
.custom-top-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
.custom-top-column > div {
    width: calc(50% - 15px);
    margin-bottom: 20px;
}
.custom-top-button {
    margin-bottom: 20px;
}
.custom-top-button a {
    display: block;
    width: 60%;
    background: #333;
    color: #fff;
    text-align: center;
    width: 60%;
    padding: 15px 0;
    border-radius: 4px;
    margin: 0 auto;
    font-size: 16px;
    text-decoration: none;
}
.custom-top-button a:hover {
    opacity: 0.8;
}
.custom-top-banner {
    text-align: center;
}
.custom-feature-list {
    margin-bottom: 30px;
}
.custom-feature-list .widget-entry-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}
.custom-feature-list .widget-entry-cards .a-wrap {
    padding: 0px;
    line-height: 1.5;
    margin-bottom: 0px;
    transition: none;
    width: calc((100% - 90px) / 4);
}
.custom-feature-list .widget-entry-cards .a-wrap .widget-entry-card {

}
.custom-feature-list .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-thumb {
    width: 100%;
    float: none;
    margin-top: 0;
    margin-bottom: 10px;
}
.custom-feature-list .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-content {
    margin: 0;
    padding: 0;
}
.custom-feature-list .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-content .widget-entry-card-title {
    font-size: 14px;
    font-weight: 500;
}
.custom-feature-list .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-content .widget-entry-card-snippet {
    margin-top: 10px;
    font-size: 12px;
    opacity: 1.0;
}
.custom-feature-list .search-edit {
    font-size: 16px;
}
.widget-entry-card {
    font-size: 14px;
}
.body .widget-entry-cards {
    margin-bottom: 0;
}
.widget-entry-cards .a-wrap {
    padding: 0px;
    line-height: 1.5;
    margin-bottom: 15px;
}
.widget-entry-cards .a-wrap:last-of-type {
    margin-bottom: 0px;
}
.widget-entry-card-thumb {
    margin-top: 0px;
    margin-right: 10px;
}
.widget-entry-card-thumb img {
    display: block;
}
.custom-top-lead {
    background: url('/wp-content/uploads/2024/01/lead_bg.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
}
.custom-top-lead p {
    font-weight: 500;
    margin-bottom: 30px;
}
.custom-top-lead .custom-top-button {
    margin-bottom: 0;
}
.home .eye-catch {
    margin-bottom: 0;
}
.home .entry-content {
    margin-top: 8px;
}
nav a:not([href]) {
	cursor:pointer;
}
/*キャンペーンエミナル*/
.campaign-menseminal-hrader {
    border: solid 10px #333;
    margin-bottom: 50px;
}
.campaign-menseminal-image {
    padding: 30px;
}
.campaign-menseminal-comment {
    background-color: #333;
    display: flex;
    align-items: center;
}
.campaign-menseminal-comment-img {
    width: 320px;
    padding: 30px 30px 30px 60px;
    flex-shrink: 0;
}
.campaign-menseminal-comment-img img {
    display: block;
}
.campaign-menseminal-comment-txt {
    padding: 30px;
}
.campaign-menseminal-comment-fukidashi {
    display: inline-block;
    background-color: #fff4b6;
    padding: 20px;
    margin: 0 0 20px 10px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
    position: relative;
}
.campaign-menseminal-comment-fukidashi:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid #fff4b6;
  border-left: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  top: 30px;
  left: -9px;
}
.campaign-menseminal-comment-fukidashi p {
    margin: 0;
}
.campaign-menseminal-comment-attention {
    color: #fff;
    font-size: 14px;
    margin: 0 !important;
}
.campaign-menseminal-section1,
.campaign-menseminal-section2 {
    background-color: #b9e6ec;
    padding: 0 30px 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.campaign-menseminal-section2 {
    background-color: #9ddef9;
    margin-bottom: 50px;
}
.campaign-menseminal-section1 h3,
.campaign-menseminal-section2 h3 {
    border-color: #f5f6f7;
}
.campaign-menseminal-linklist {
    margin: 0 0 30px !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
}
.campaign-menseminal-linklist li {
    margin: 0 !important;
    padding: 0 !important;
}
.campaign-menseminal-linklist li a,
.campaign-menseminal-linklist li span {
    display: block;
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
}
.campaign-menseminal-table {
    background-color: #fff;
}
.campaign-menseminal-table thead th {
    background-color: #333;
    color: #fff;
}
.campaign-menseminal-table tbody td {
    background-color: #fff;
    width: 33.33%;
}
.campaign-menseminal-table tbody td:first-of-type {
    font-weight: bold;
}
.campaign-menseminal-table tbody td span.price {
    font-size: 20px;
    font-weight: bold;
}
.campaign-menseminal-section3 {
    margin-bottom: 50px;
}
.campaign-menseminal-section3-box {
    width: 75%;
    margin: 0 auto;
}
.campaign-menseminal-section3-box-inner {
    border: solid 10px #333;
    background: #fff4b6 url(/wp-content/uploads/2024/04/campaign-menseminal-image02.png) right bottom no-repeat;
    background-size: 189px auto;
    padding: 50px 30px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.campaign-menseminal-section3-box-inner ul {
    list-style: none;
    padding: 0 160px 0 0;
}
.campaign-menseminal-section3-box-inner ul li {
    font-size: 24px;
    font-weight: bold;
    color: #4a558a;
}
.campaign-menseminal-section3-box-inner p {
    margin-bottom: 0;
}
.campaign-menseminal-section3-box-comment {
    text-align: center;
    font-weight: bold;
}
.campaign-menseminal-datatable th {
    width: 25%;
    background-color: #333;
    color: #fff;
}
.campaign-menseminal-datatable td {
    background-color: #fff;
}
.campaign-menseminal-section4 {
    margin-bottom: 50px;
}
.campaign-menseminal-section4-box {
    width: 75%;
    margin: 20px auto 0;
}
.campaign-menseminal-section4-box-inner {
    border: solid 10px #333;
    background: #fff4b6;
    padding:30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.campaign-menseminal-section4-box-inner-img {
    width: 150px;
    margin-right: 30px;
    flex-shrink: 0;
}
.campaign-menseminal-section4-box-inner-img figure {
    width: 150px;
    height: 150px;
    border-radius: 200px;
    overflow: hidden;
    background-color: #b8e6ec;
}
.campaign-menseminal-section4-box-inner-img figure img {
    display: block;
}
.campaign-menseminal-section4-box-inner-txt {
    flex-grow: 1;
}
.campaign-menseminal-section4-box-inner-txt p {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #4a558a;
}
.campaign-menseminal-btn {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    max-width: 400px;
    margin: auto;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    color: #fff;
/*    border: 3px solid #e74362;*/
    box-shadow: 5px 5px #c3425b;
    background-color: #f8728b;
    transition: 0.3s ease-in-out;
}
.campaign-menseminal-btn:hover {
    box-shadow: none;
    transform: translate(5px, 5px);
    color: #fff;
}
.campaign-menseminal-risk {
    margin-bottom: 50px;
}
.campaign-menseminal-risk.free {
    margin-bottom: 30px;
}
.campaign-menseminal-risk p {
    font-size: 14px;
    margin-bottom: 0;
}
.campaign-menseminal-risk p.campaign-menseminal-risk-title {
    font-size: 16px;
    margin-bottom: 10px;
}
.campaign-menseminal-risk-title img {
    vertical-align: -3px;
    margin-right: 10px;
}
/*DBへのリンク*/
.site-contents-menu {
	background-color: #f5f5f5;
	padding: 30px;
}
.site-contents-menu > p {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	border-bottom: solid 3px #333;
	padding: 0 0 8px;
	margin-bottom: 20px !important;
}
.site-contents-menu .site-contents-clinic {
	display: flex;
	align-items: center;
	gap: 30px;
	padding-bottom: 20px;
	border-bottom: solid 1px #ddd;
}
.site-contents-menu .site-contents-clinic-txt,
.site-contents-menu .site-contents-search-txt {
	width: 43%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 20px;
}
.site-contents-menu .site-contents-search-txt {
	padding-top: 20px;
	width: 100%;
}
.site-contents-menu .site-contents-clinic-icon,
.site-contents-menu .site-contents-search-icon {
	width: 100px;
	flex-shrink: 0;
}
.site-contents-menu .site-contents-clinic-icon img,
.site-contents-menu .site-contents-search-icon img {
	width: 76px;
	display: block;
	margin: 0 auto;
}

.site-contents-menu .site-contents-clinic-txt > div p,
.site-contents-menu .site-contents-search-txt > div p {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}
.site-contents-menu .site-contents-clinic-txt > div p.link,
.site-contents-menu .site-contents-search-txt > div p.small {
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 0;
}
.site-contents-menu .site-contents-clinic-txt > div p.link {
	font-size: 18px;
}
.site-contents-menu a {
	color: inherit;
}
.site-contents-menu a:hover {
	text-decoration: none;
}
.site-contents-menu .site-contents-clinic-btns {
}
.site-contents-menu .site-contents-clinic-btns > p {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: -15px;
}
.site-contents-menu .site-contents-clinic-btns > ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.site-contents-menu .site-contents-clinic-btns > ul li {
	width: calc(25% - 7.5px);
	margin: 0;
}
.site-contents-menu .site-contents-clinic-btns > ul li a {
	display: block;
}
.site-contents-menu .site-contents-clinic-btns > ul li a img {
	display: block;
}
.site-contents-menu .site-contents-search .custom-top-button {
	color: #fff;
	margin-bottom: 0;
	margin-top: 16px;
}
/*DBへのリンク記事下*/
.site-contents-menu.article-bottom {
	margin-bottom: 50px;
}
.site-contents-menu.article-bottom .site-contents-clinic-icon,
.site-contents-menu.article-bottom .site-contents-search-icon {
	width: 60px;
}
.site-contents-menu.article-bottom .site-contents-clinic-icon img,
.site-contents-menu.article-bottom .site-contents-search-icon img {
	width: 60px;
}
.site-contents-menu.article-bottom .site-contents-clinic-txt > div p,
.site-contents-menu.article-bottom .site-contents-search-txt > div p {
	font-size: 14px;
}
.site-contents-menu.article-bottom .site-contents-clinic-txt > div p.link {
	font-size: 16px;
}
.site-contents-menu.article-bottom .site-contents-clinic {
	gap: 16px;
}
.site-contents-menu.article-bottom .site-contents-search {
	display: flex;
	gap: 30px;
}
.site-contents-menu.article-bottom .site-contents-search > div {
	width: calc(45% - 15px);
}
.site-contents-menu.article-bottom .site-contents-search > div:last-of-type {
	width: calc(55% - 15px);
}
.site-contents-menu.article-bottom .site-contents-search .custom-top-button a {
	width: 100%;
	padding: 8px 0;
	font-size: 13px;
	color: #fff !important;
	background-color: #0095d3 !important;
}
/*夏キャンペーン*/
#container:has(.campaign-summer) {
	background-color: #21c9eb;
	background-image: url(/wp-content/uploads/2024/05/campaign-summer_bg01.png), url(/wp-content/uploads/2024/05/campaign-summer_bg02.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right 250px;
	background-attachment: fixed;
}
@media screen and (max-width: 1400px){
	#container:has(.campaign-summer) {
		background-size: 246px auto, 112px auto;
	}
}
@media screen and (max-width: 834px){
	#container:has(.campaign-summer) {
		background-size: 141px auto, 64px auto;
		background-position: left top, right 80px;
	}
}
@media screen and (max-width: 834px){
	#container:has(.campaign-summer) .pr-attention {
		width: 270px;
	}
}
#container:has(.campaign-summer) #footer {
	margin-top: 0;
}
#content:has(.campaign-summer) {
	background-color: transparent;
	background-image: url(/wp-content/uploads/2024/05/campaign-summer_bg03.png), url(/wp-content/uploads/2024/05/campaign-summer_bg04.png), url(/wp-content/uploads/2024/05/campaign-summer_bg05.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: bottom left, bottom right, bottom right;
	background-attachment: fixed;
/*	margin-top: 0;*/
}
@media screen and (max-width: 1400px){
	#content:has(.campaign-summer) {
		background-size: 231px auto, 231px auto, auto 123px;
	}
}
@media screen and (max-width: 834px){
	#content:has(.campaign-summer) {
		background-size: 132px auto, 132px auto, auto 70px;
	}
}
.main:has(.campaign-summer) {
	background-color: transparent;
}
.entry-content:has(.campaign-summer) {
	margin-top: 0;
}
.campaign-summer h1 {
	margin-bottom: 40px;
}
@media screen and (max-width: 834px){
	.campaign-summer h1 {
		margin-bottom: 16px;
	}
}
.campaign-summer__lead {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
@media screen and (max-width: 1023px){
	.campaign-summer__lead {
		font-size: 20px;
	}
}
@media screen and (max-width: 834px){
	.campaign-summer__lead {
		font-size: 16px;
		text-align: left;
	}
}
.campaign-summer__txtbg-blue {
	background-color: #21c9eb;
}
.campaign-summer__comment {
	display: flex;
	margin-bottom: 50px;
}
.campaign-summer__comment.salon {
	justify-content: center;
}
@media screen and (max-width: 834px){
	.campaign-summer__comment {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 30px;
	}
}
.campaign-summer__comment > div {
	width: 50%;
	display: flex;
	align-items:flex-start;
	justify-content: right;
}
.campaign-summer__comment.salon > div {
	width: auto;
}
@media screen and (max-width: 834px){
	.campaign-summer__comment > div {
		width: 70%;
		margin: 0 auto;
	}
}
.campaign-summer__comment > div:last-of-type {
	justify-content: left;
}
.campaign-summer__comment > div p {
	padding: 20px;
	background-color: #f7b154;
	border-radius: 16px;
	font-size: 18px;
	font-weight: 900;
	color: #000;
	text-align: center;
	position: relative;
	margin-top: 20px;
	margin-bottom: 0;
}
.campaign-summer__comment.salon > div p {
	margin-top: 0;
}
@media screen and (max-width: 1023px){
	.campaign-summer__comment > div p {
		padding: 16px;
		font-size: 16px;
	}
	.campaign-summer__comment > div p br {
		display: none;
	}
}
@media screen and (max-width: 834px){
	.campaign-summer__comment > div p {
		font-size: 14px;
		text-align: left;
		margin-top: 0;
	}
	.campaign-summer__comment.salon > div p {
		margin-top: -5px;
	}
}
.campaign-summer__comment > div p:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #f7b154;
	border-right: 0;
	position: absolute;
	top: 30px;
	right: -9px;
}
.campaign-summer__comment > div:last-of-type p:before {
	border-right: 10px solid #f7b154;
	border-left: 0;
	top: 30px;
	left: -9px;
	right: auto;
}
.campaign-summer__comment.salon > div:last-of-type p:before {
	top: 20px;
}
.campaign-summer__comment > div > div {
	width: 130px;
	flex-shrink: 0;
}
.campaign-summer__comment.salon > div > div {
	width: 100px;
	flex-shrink: 0;
}
@media screen and (max-width: 1023px){
	.campaign-summer__comment > div > div {
		width: 80px;
	}
	.campaign-summer__comment.salon > div > div {
		width: 58px;
	}
}
.campaign-summer h2 {
	border-radius: 16px !important;
	padding: 40px !important;
	font-size: 46px;
	font-weight: 900;
	color: #000;
	text-align: center;
	background-image: url(/wp-content/uploads/2024/05/campaign-summer_img03.png) !important;
	background-size: cover;
	background-repeat: repeat-y;
	border: none !important;
	margin-top: 100px;
	margin-bottom: 50px;
	text-shadow:
	2px 2px 0 #f0e8c8,
	-2px 2px 0 #f0e8c8,
	-2px -2px 0 #f0e8c8,
	2px -2px 0 #f0e8c8;
	position: relative;
	box-shadow: 1px 1px 10px rgba(0,0,0,.2);
}
@media screen and (max-width: 834px){
	.article .campaign-summer h2 {
		border-radius: 8px !important;
		padding: 30px 20px !important;
		font-size: 20px;
		margin-top: 80px;
		margin-bottom: 30px;
	}
}
.campaign-summer h2 span {
	position: relative;
}
.campaign-summer__comment + h2 {
	margin-top: 50px;
}
.campaign-summer h2:before {
	content: "";
	width: 90px;
	height: 90px;
	background: transparent url(/wp-content/uploads/2024/05/campaign-summer_img04.png) left top no-repeat;
	background-size: contain;
	position: absolute;
	left: 5%;
	top: -8px;
}
@media screen and (max-width: 834px){
	.campaign-summer h2:before {
		width: 45px;
		left: 2%;
		top: -10px;
	}
}
.campaign-summer h2:after {
	content: "";
	width: 67px;
	height: 49px;
	background: transparent url(/wp-content/uploads/2024/05/campaign-summer_img05.png) left top no-repeat;
	background-size: contain;
	position: absolute;
	right: 5%;
	bottom: 8px;
}
@media screen and (max-width: 834px){
	.campaign-summer h2:after {
		width: 33px;
		right: 2%;
		bottom: -20px;
	}
}
.campaign-summer-whitebox {
	padding: 30px;
	background-color: #fff;
	box-shadow: 1px 1px 10px rgba(0,0,0,.2);
	border-radius: 16px;
	margin-bottom: 50px;
}
@media screen and (max-width: 834px){
	.campaign-summer-whitebox {
		padding: 16px;
		margin-bottom: 30px;
	}
}
.campaign-summer-risk {
	font-size: 14px;
}
.campaign-summer-risk p {
	font-size: 14px;
	margin-bottom: 0;
}
.campaign-summer-risk p.campaign-summer-risk-title {
	font-size: 16px;
	margin-bottom: 10px;
}
.campaign-summer-risk-title img {
	vertical-align: -3px;
	margin-right: 10px;
}
.campaign-summer-clinic h3 {
	padding: 30px;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 900;
	color: #000;
	text-align: center;
	border: none;
	border-radius: 10px;
	background: #fdd53b url(/wp-content/uploads/2024/05/campaign-summer_img06.png) center center no-repeat;
	position: relative;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic h3 {
		padding: 20px;
		margin-bottom: 20px;
		font-size: 20px;
		background-size: cover;
	}
}
.campaign-summer-clinic h3:before {
	content: "";
	display: block;
	width: 60px;
	height: 64px;
	background-image: url(/wp-content/uploads/2024/05/campaign-summer_img07.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -47px;
	left: calc(50% - 30px);
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic h3:before {
		width: 30px;
		top: -24px;
		left: calc(50% - 20px);
	}
}
.campaign-summer-clinic h3:after {
	display: none;
}
.campaign-summer-clinic-contents {
	display: flex;
	gap: 50px;
	margin-bottom: 30px;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-contents {
		flex-direction: column;
		gap: 20px;
		margin-bottom: 20px;
	}
}
.campaign-summer-clinic-contents > div:first-of-type {
	width: 450px;
	flex-shrink: 0;
}
@media screen and (max-width: 1023px){
	.campaign-summer-clinic-contents > div:first-of-type {
		width: 300px;
	}
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-contents > div:first-of-type {
		width: 100%;
		max-width: 450px;
		margin: 0 auto;
	}
}
.campaign-summer-clinic-contents > div:last-of-type h4 {
	font-size: 24px;
	font-weight: 900;
	line-height: 1.5;
	padding: 0 !important;
	margin-bottom: 30px;
	background: transparent !important;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-contents > div:last-of-type h4 {
		font-size: 18px;
		margin-bottom: 20px;
	}
}
.campaign-summer-clinic-contents > div:last-of-type p {
	font-size: 18px;
	font-weight: 600;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-contents > div:last-of-type p {
		font-size: 16px;
		font-weight: normal;
	}
}
.campaign-summer-clinic-contents > div:last-of-type p.small {
	font-size: 14px;
	font-weight: normal;
}
.campaign-summer-clinic-point {
	background-image: url(/wp-content/uploads/2024/05/campaign-summer_img03.png) !important;
	background-size: cover;
	background-repeat: repeat-y;
	display: flex;
	align-items: center;
	padding: 30px;
	gap: 50px;
	margin-bottom: 30px;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-point {
		flex-direction: column;
		padding: 16px;
		gap: 16px;
		margin-bottom: 20px;
	}
}
.campaign-summer-clinic-point > div:first-of-type {
	width: calc(50% - 25px);
	flex-shrink: 0;
	display: flex;
	justify-content: right;
	position: relative;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-point > div:first-of-type {
		width: 100%;
		justify-content: center;
	}
}
.campaign-summer-clinic-point > div:first-of-type:before {
	content: "";
	display: block;
	width: 70px;
	height: 70px;
	background-image: url(/wp-content/uploads/2024/05/campaign-summer_img09.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -30px;
	left: 10px;
}
@media screen and (max-width: 1023px){
	.campaign-summer-clinic-point > div:first-of-type:before {
		left: -10px;
	}
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-point > div:first-of-type:before {
		width: 40px;
		top: 5px;
		left: -25px;
	}
}
.campaign-summer-clinic-point > div:first-of-type h4 {
	font-size: 24px;
	font-weight: 900;
	color: #000;
	text-shadow:
	2px 2px 0 #fff,
	-2px 2px 0 #fff,
	-2px -2px 0 #fff,
	2px -2px 0 #fff;
	padding: 0 !important;
	background: transparent !important;
	margin-bottom: 0;
	position: relative;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-point > div:first-of-type h4 {
		font-size: 20px;
	}
}
.campaign-summer-clinic-point > div:first-of-type h4:before {
	content: "";
	display: block;
	width: 80px;
	height: 94px;
	background-image: url(/wp-content/uploads/2024/05/campaign-summer_img08.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -33px;
	left: -95px;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-point > div:first-of-type h4:before {
		width: 50px;
		top: -30px;
		left: -52px;
	}
}
.campaign-summer-clinic-point > div:last-of-type {
	width: calc(50% - 25px);
	flex-shrink: 0;
	position: relative;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-point > div:last-of-type {
		width: 90%;
		margin: 0 auto;
	}
}
.campaign-summer-clinic-point > div:last-of-type:before {
	content: "";
	display: block;
	width: 64px;
	height: 78px;
	background-image: url(/wp-content/uploads/2024/05/campaign-summer_img10.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -10px;
	right: -10px;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-point > div:last-of-type:before {
		width: 34px;
		bottom: -45px;
		right: -20px;
	}
}
.campaign-summer-clinic-point > div:last-of-type p {
	font-size: 18px;
	font-weight: 900;
	color: #000;
	text-shadow:
	2px 2px 0 #fff,
	-2px 2px 0 #fff,
	-2px -2px 0 #fff,
	2px -2px 0 #fff;
	margin-bottom: 0;
	position: relative;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-point > div:last-of-type p {
		font-size: 16px;
	}
}
.campaign-summer-clinic-btn {
	padding: 20px;
}
.campaign-summer-clinic-btn p {
	margin-bottom: 0;
}
.campaign-summer-clinic-btn p a {
	display: block;
	width: 70%;
	padding: 20px;
	margin: 0 auto;
	border-radius: 100px;
	background-color: #f7b154;
	border: solid 3px #000;
	font-size: 24px;
	font-weight: 900;
	color: #000;
	text-align: center;
	text-decoration: none;
	transition: all 0.5s 0s ease;
}
@media screen and (max-width: 834px){
	.campaign-summer-clinic-btn p a {
		width: 100%;
		padding: 16px;
		font-size: 16px;
	}
}
.campaign-summer-clinic-btn p a:hover {
	background-color: #fdd53b;
}
.campaign-summer-coming-soon {
	background-color: rgba(255, 255, 255, .3);
	backdrop-filter: blur(5px);
}
.campaign-summer-coming-soon img {
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 834px){
	.campaign-summer-coming-soon img {
		width: 130px;
	}
}
.article h2.summer-integration {
    margin-bottom: 50px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
}
@media screen and (max-width: 834px){
    .article h2.summer-integration {
        margin-bottom: 30px;
    }
}
/*キャンペーン統合追加分*/
#container:has(.campaign-summer) .eye-catch {
    margin-bottom: 0;
}
.summer-integration-eye-catch {
    background-color: #def5f3;
    padding: 30px;
}
@media screen and (max-width: 834px){
    .summer-integration-eye-catch {
        padding: 16px;
    }
}
.summer-integration-eye-catch p.summer-integration-btn {
    margin-bottom: 0;
}
.summer-integration-eye-catch p.summer-integration-btn a {
    display: block;
    width: 50%;
    padding: 10px;
    margin: 0 auto;
    border-radius: 100px;
    background-color: #b8e9e5;
    border: solid 3px #000;
    font-size: 20px;
    font-weight: 900;
    color: #000;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s 0s ease;
}
@media screen and (max-width: 834px){
    .summer-integration-eye-catch p.summer-integration-btn a {
        width: 90%;
        padding: 10px;
        font-size: 16px;
    }
}
.summer-integration-eye-catch p.summer-integration-btn a:hover {
    background-color: #ffffff;
}
.summer-integration-risk > p {
    display: none;
}
.summer-integration-risk > .wp-block-cocoon-blocks-toggle-box-1 {
    margin-bottom: 0;
}
.summer-integration-risk > .wp-block-cocoon-blocks-toggle-box-1 > p {
    display: none;
}
/*ブランド一覧*/
.custom-tab-menu {
	border-bottom: solid 5px #333;
	margin-bottom: 16px;
}
@media screen and (max-width: 834px){
	.custom-tab-menu {
		margin-bottom: 12px;
	}
}
.custom-tab-menu.sub {
	border-bottom: none;
}
.custom-tab-menu ul {
	width: 70%;
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 10px;
	padding: 0;
	margin: 0 auto;
}
@media screen and (max-width: 834px){
	.custom-tab-menu ul {
		width: 100%;
		gap: 8px;
		padding: 0 8px;
	}
}
.custom-tab-menu.sub ul {
	width: 45%;
}
@media screen and (max-width: 834px){
	.custom-tab-menu.sub ul {
		width: 85%;
	}
}
.custom-tab-menu ul li {
	flex: 1;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 8px;
	margin: 0;
	border: solid 2px #333;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
	cursor: pointer;
	position: relative;
}
@media screen and (max-width: 834px){
	.custom-tab-menu ul li {
		font-size: 12px;
	}
}
.custom-tab-menu.sub ul li {
	font-size: 14px;
	padding: 6px;
	border: solid 1px #333;
	border-radius: 50px;
}
@media screen and (max-width: 834px){
	.custom-tab-menu.sub ul li {
		font-size: 12px;
		padding: 8px;
	}
}
.custom-tab-menu ul li.active,
.custom-tab-menu ul li:hover {
	background-color: #333;
	color: #fff;
}
.custom-tab-menu ul li.active::after {
	position: absolute;
	bottom: -24px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	border: 10px solid transparent;
	border-top: 10px solid #333;
}
@media screen and (max-width: 834px){
	.custom-tab-menu ul li.active::after {
		bottom: -22px;
	}
}
.custom-tab-menu.sub ul li.active::after {
	display: none;
}
.custom-tab-cont-box {
	display: none;
}
.custom-tab-cont-box.active {
	display: block;
}
.custom-tab-cont-box .scrollable-table {
	margin-bottom: 5px;
}
.custom-tab-cont-box .attention {
	font-size: 12px;
}
@media screen and (max-width: 834px){
	.custom-tab-cont-box .attention {
		font-size: 10px;
	}
}
.custom-tab-cont-box table {
	table-layout: fixed;
	font-size: 14px;
	text-align: center;
}
.custom-tab-cont-box table img {
	width: 57%;
	border: solid 1px #333;
}
@media screen and (max-width: 834px){
	.custom-tab-cont-box table img {
		width: 100%;
	}
}
@media screen and (max-width: 834px){
	.custom-tab-cont-box table th,
	.custom-tab-cont-box table td {
		padding: 3px;
		font-size: 10px;
	}
}
.custom-tab-cont-box table .check {
	font-weight: bold;
	color: #ee7951;
}
.osusume-brand-checklist {
	background-color: #f5f5f5;
	padding: 30px;
}
@media screen and (max-width: 834px) {
		.osusume-brand-checklist {
			padding: 16px;
		}
}
.osusume-brand-checklist .iconlist-title {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	border-bottom: solid 3px #333;
	padding: 0 0 8px;
	margin-bottom: 20px !important;
}
@media screen and (max-width: 834px) {
		.osusume-brand-checklist .iconlist-title {
			font-size: 17px;
			margin-bottom: 16px !important;
		}
}
.osusume-brand-checklist ul li {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
}
.osusume-brand-checklist ul li:before {
	font-size: 24px;
	padding: 0;
	margin: 0;
	color: #0095d3;
	top: -4px;
	left: -34px;
}
@media screen and (max-width: 834px) {
	.osusume-brand-checklist ul li {
		font-size: 16px;
	}
	.osusume-brand-checklist ul li:before {
		font-size: 20px;
		left: -28px;
	}
}
.osusume-artmake-qa {
	display: flex;
	align-items: flex-start;
}
.osusume-artmake-qa figure {
	flex-shrink: 0;
	margin-right: 20px;
}
@media screen and (max-width: 834px) {
	.osusume-artmake-qa figure {
		margin-right: 16px;
	}
	.osusume-artmake-qa figure img {
		width: 60px;
	}
}
/*比較テーブル縦*/
.scrollable-table:has(.comparison-table-itemname-thead-fixed) {
    padding-right: 1px;
}
.comparison-table-itemname-thead-fixed {
    table-layout: fixed;
}
.comparison-table-itemname-thead-fixed a.maxbutton .mb-text {
    min-width: auto !important;
}
.comparison-table-itemname-thead-fixed tr,
.comparison-table-itemname-thead-fixed tr:nth-of-type(2n+1) {
    background-color: #fff;
}
.comparison-table-itemname-thead-fixed th,
.comparison-table-itemname-thead-fixed td {
    font-size: 13px;
    padding: 5px;
    text-align: center;
    box-sizing: content-box;
}
.comparison-table-itemname-thead-fixed th {
    font-size: 10px;
    width: 92px;
}
.comparison-table-itemname-thead-fixed th.wide {
    width: 200px;
}
.comparison-table-itemname-thead-fixed th.narrow {
    width: 68px;
}
.comparison-table-itemname-thead-fixed th:nth-child(1),
.comparison-table-itemname-thead-fixed td:nth-child(1){
  position: sticky;
  top: 0;
  left: 0;
}
.comparison-table-itemname-thead-fixed th:nth-child(1):before,
.comparison-table-itemname-thead-fixed td:nth-child(1):before{
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
}
.comparison-table-itemname-thead-fixed th:nth-child(1) {
  z-index: 2;
}
.comparison-table-itemname-thead-fixed td:nth-child(1) {
  z-index: 1;
  background-color: #fff;
}
.comparison-table-itemname-thead-fixed td:nth-child(1) a {
  position: relative;
}
.comparison-table-itemname-thead-fixed a {
    color: #1e73be !important;
}
.comparison-table-itemname-thead-fixed a.custom-tab-cont-btm {
    display: block;
    margin: 6px auto 0;
    padding: 4px 10px;
    border-radius: 50px;
    background-color: #0095d3;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
@media screen and (max-width: 834px){
    .comparison-table-itemname-thead-fixed a.custom-tab-cont-btm {
        margin: 2px auto 0;
        padding: 4px;
    }
}
.comparison-table-itemname-thead-fixed a.custom-tab-cont-btm:hover {
    background-color: #007cb0;
}
/* 監修者一覧 */
.custom-supervisor-contents.list {
    margin: 0 0 50px 0;
    padding: 0;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    gap: 30px;
}
@media screen and (max-width: 834px) {
    .custom-supervisor-contents.list {
        gap: 16px;
    }
}
.custom-supervisor-contents.list .custom-supervisor-chara {
    width: calc(25% - 23px);
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 1100px){
    .custom-supervisor-contents.list .custom-supervisor-chara {
        width: calc(33.33% - 20px);
    }
}
@media screen and (max-width: 834px) {
    .custom-supervisor-contents.list .custom-supervisor-chara {
        width: calc(50% - 8px);
    }
}
.custom-supervisor-contents.list .custom-supervisor-chara .custom-supervisor-box-inner {
    display: block;
    height: 100%;
    border-radius: 8px;
    border: solid 1px #eee;
    padding: 16px;
    background-color: #fff;
    text-decoration: none;
    color: #333;
    pointer-events : none;
}
.custom-supervisor-contents.list .custom-supervisor-chara .custom-supervisor-box-inner:hover {
    background-color: #f5f8fa;
}
.custom-supervisor-contents.list .custom-supervisor-chara .custom-supervisor-box-inner .custom-supervisor-img {
    width: 180px;
    height: 180px;
    overflow: hidden;
    border-radius: 500px;
    margin: 0 auto 16px;
}
@media screen and (max-width: 834px) {
    .custom-supervisor-contents.list .custom-supervisor-chara .custom-supervisor-box-inner .custom-supervisor-img {
        width: 120px;
        height: 120px;
    }
}
.custom-supervisor-contents.list .custom-supervisor-chara .custom-supervisor-box-inner .custom-supervisor-img img {
    width: 100%;
    height: auto;
    display: block;
}
.custom-supervisor-contents.list .custom-supervisor-chara .custom-supervisor-box-inner .custom-supervisor-txt {
    margin-bottom: 0;
    text-align: center;
}
.custom-supervisor-contents.list .custom-supervisor-chara .custom-supervisor-box-inner .custom-supervisor-txt a {
    pointer-events : auto;
    color: #333;
    text-decoration: none;
}
@media screen and (max-width: 834px) {
    .custom-supervisor-contents.list .custom-supervisor-chara .custom-supervisor-box-inner .custom-supervisor-txt {
        font-size: 14px;
    }
}
.custom-supervisor-contents.detail {
    background-color: #f5f6f7;
    padding: 30px;
    margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
    .custom-supervisor-contents.detail {
        padding: 16px;
    }
}
.custom-supervisor-contents.detail .custom-supervisor-box-inner {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    margin-bottom: 30px;
}
@media screen and (max-width: 834px) {
    .custom-supervisor-contents.detail .custom-supervisor-box-inner {
        gap: 30px;
    }
}
@media screen and (max-width: 480px) {
    .custom-supervisor-contents.detail .custom-supervisor-box-inner {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 20px;
    }
}
.custom-supervisor-contents.detail .custom-supervisor-box-inner .custom-supervisor-left {
}
.custom-supervisor-contents.detail .custom-supervisor-box-inner .custom-supervisor-left .custom-supervisor-img {
    width: 250px;
    height: 250px;
    overflow: hidden;
    border-radius: 500px;
    margin: 0 auto;
}
@media screen and (max-width: 834px) {
    .custom-supervisor-contents.detail .custom-supervisor-box-inner .custom-supervisor-left .custom-supervisor-img {
        width: 180px;
        height: 180px;
    }
}
.custom-supervisor-contents.detail .custom-supervisor-box-inner .custom-supervisor-left .custom-supervisor-img img {
    display: block;
    width: 100%;
    height: auto;
}
.custom-supervisor-contents.detail .custom-supervisor-box-inner .custom-supervisor-right {
    flex-grow: 1;
}
.custom-supervisor-contents.detail .custom-supervisor-box-inner .custom-supervisor-right .custom-supervisor-txt {
    font-size: 18px;
}
.custom-supervisor-posts-btn {
    margin-top: 30px;
    margin-bottom: 0 !important;
}
.custom-supervisor-back-btn {
    text-align: center;
    margin-bottom: 50px !important;
}
.button-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 296px;
    height: 48px;
    text-decoration: none;
    background-color: #333;
    color: #FFFFFF;
    font-size: 16px;
    margin: 0 auto;
    border-radius: 4px;
    transition: opacity 150ms;
}
.button-primary:hover {
    opacity: 0.8;
    color: #fff;
}
.button-secondary {
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    background-color: #333;
    border-radius: 33px;
    padding: 7px 23px;
    transition: opacity 150ms;
}
.button-secondary:hover {
    opacity: 0.8;
    color: #fff;
}
.display-posts-listing {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 30px;
}
@media screen and (max-width: 480px) {
    .display-posts-listing {
        gap: 16px;
    }
}
.display-posts-listing li {
    width: calc((100% - 60px) / 3);
    margin: 0 !important;
    padding: 0 !important;
}
@media screen and (max-width: 480px) {
    .display-posts-listing li {
        width: calc((100% - 16px) / 2);
    }
}
.display-posts-listing li:hover a.title {
    color: #1e73be;
}
.display-posts-listing li a.image {
    display: block;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 10px;
    position: relative;
}
.display-posts-listing li a.image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.display-posts-listing li a.title {
    display: block;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    transition: color 150ms;
}
/*新着*/
.custom-new-list.card-type .widget-entry-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.custom-new-list.card-type .widget-entry-cards .a-wrap {
    padding: 0px;
    line-height: 1.5;
    margin-bottom: 0px;
    transition: none;
    width: calc((100% - 60px) / 3);
}
.custom-new-list.card-type .widget-entry-cards .a-wrap .widget-entry-card {

}
.custom-new-list.card-type .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-thumb {
    width: 100%;
    float: none;
    margin-top: 0;
    margin-bottom: 10px;
}
.custom-new-list.card-type .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-content {
    margin: 0;
    padding: 0;
}
.custom-new-list.card-type .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-content .widget-entry-card-title {
    font-size: 14px;
    font-weight: 500;
}
.custom-new-list.card-type .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-content .widget-entry-card-title {
    font-weight: normal;
}
.custom-new-list.card-type .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-content .widget-entry-card-snippet {
    margin-top: 10px;
    font-size: 12px;
    opacity: 1.0;
}
.custom-new-list.card-type .search-edit {
    font-size: 16px;
}
@media screen and (max-width: 480px){
    /*トップのおすすめ特集記事*/
    .custom-new-list.card-type .widget-entry-cards {
        gap: 16px;
    }
    .custom-new-list.card-type .widget-entry-cards .a-wrap {
        width: calc((100% - 16px) / 2);
    }
    .custom-new-list.card-type .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-thumb {
        margin-bottom: 8px;
    }
    .custom-new-list.card-type .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-content .widget-entry-card-title {
        font-size: 14px;
    }
    .custom-new-list.card-type .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-content .widget-entry-card-snippet {
        font-size: 12px;
    }
}
/*参考文献*/
.custom-references-box {
    padding: 30px;
    border: solid 3px #333;
}
@media screen and (max-width: 834px) {
    .custom-references-box {
        padding: 16px;
    }
}
.custom-references-box dt {
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
.custom-references-box dt span {
    font-size: 12px;
    margin-left: 8px;
}
@media screen and (max-width: 834px) {
    .custom-references-box dt span {
        margin-left: 0px;
        display: block;
    }
}
.custom-references-box dd {
    font-size: 14px;
    padding: 0;
    margin: 0;
}
/*お知らせ*/
.select_year {
    width: 100px;
    margin-left: auto;
}
.select_year select {
    cursor: pointer;
    background: #333;
    border: none;
    font-size: 14px;
    padding: 9px;
    color: #fff;
}
.news-box {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding: 30px 0;
    margin-top: -1px;
    margin-bottom: 0;
}
.news-box .news-day {
    font-size: 12px;
}
.news-box .news-title {
    font-size: 20px;
    font-weight: 600;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	/*必要ならばここにコードを書く*/
    /*キャンペーン一覧*/
    .campaign-list .campaign-list-banner {
        width: 300px;
    }
    /*脱毛相談LP*/
    .hair-removal-consultation .hrc-mv .hrc-qr {
        width: 120px;
        bottom: 40px;
        left: 40px;
    }
    .hair-removal-consultation .hrc-mv .hrc-qr p {
        font-size: 10px;
    }
    .hair-removal-consultation .hrc-section-title h2 {
        font-size: 32px;
    }
    .hair-removal-consultation .hrc-float-block > figure {
        width: 240px;
    }
    .hair-removal-consultation .hrc-flow-list dt {
        font-size: 16px;
    }
    .hair-removal-consultation .hrc-flow-list dt .num {
        font-size: 30px;
        margin-right: 8px;
    }
    .hair-removal-consultation .hrc-service-list dt {
        font-size: 16px;
    }
	/*ポリシーページ テーブル*/
    .policy-table .policy-type {
        white-space: normal;
    }
    /*キャンペーンエミナル*/
    .campaign-menseminal-section3-box,
    .campaign-menseminal-section4-box {
        width: 90%;
    }
}

/*834px以下*/
@media screen and (max-width: 834px){
	/*必要ならばここにコードを書く*/
/*	.logo-header .site-name-text{
        font-size:28px!important;
    }*/
	/*公式サイトへリンク部分のレイアウトスタイルを追加*/
	.custom-link-official {
		width: 100%;
		display: block;
	}
    /* 比較テーブル */
    .custom-comparison-table.col3 {
        width: 800px;
    }
    .custom-comparison-table.col5 {
        width: 1330px;
    }
    .custom-comparison-table.col5 .maxbutton .mb-text {
        font-size: 16px !important;
    }
    .custom-comparison-table.col3 img {
        height: 150px;
    }
    .custom-comparison-table.col5 img {
        height: 114px;
    }
    .custom-comparison-table.col3 th {
        width: 70px;
    }
    /*キャンペーン一覧*/
    .campaign-list .campaign-list-inner {
        display: block;
    }
    .campaign-list .campaign-list-banner {
        width: auto;
    }
    .campaign-list .campaign-list-period {
        font-size: 14px;
    }
    .campaign-list .campaign-list-period-title {
        display: block;
    }
    /*脱毛相談LP*/
    #main:has(.hair-removal-consultation) h1 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .hair-removal-consultation .hrc-buttons {
        flex-wrap: wrap;
    }
    .hair-removal-consultation .hrc-buttons > div {
        width: calc(50% - 1px);
        flex: 0 1 auto;
    }
    .hair-removal-consultation .hrc-buttons > div > a {
        padding: 20px;
        font-size: 13px;
		line-height: 1.5;
    }
    .hair-removal-consultation .hrc-buttons > div > a:after {
      right: 8px;
    }
    .hair-removal-consultation .hrc-buttons > div.hrc-buttons-tel{
        width: 100%
    }
    .hair-removal-consultation .hrc-buttons > div.hrc-buttons-tel > a {
        padding: 8px 20px;
		font-size: 13px;
    }
    .hair-removal-consultation .hrc-buttons > div.hrc-buttons-tel > a br {
        display: none;
    }
    .hair-removal-consultation .hrc-buttons > div.hrc-buttons-tel > a span {
        flex-grow: 1;
        text-align: center;
        line-height: 1.3;
    }
    .hair-removal-consultation .hrc-buttons > div.hrc-buttons-tel em {
        font-size: 16px;
        margin-left: 10px;
        margin-right: 10px;
        display: inline-block;
    }
    .hair-removal-consultation .hrc-mv .hrc-qr {
        width: 100px;
        bottom: -15px;
        left: 10px;
        padding: 10px 10px 5px 10px;
    }
    .hair-removal-consultation .hrc-mv .hrc-qr p {
        margin-top: 5px;
    }
    .hair-removal-consultation .hrc-float-block {
        display: block;
    }
    .hair-removal-consultation .hrc-float-block > figure {
        width: 340px;
        margin: 0 auto 30px auto;
    }
    .hair-removal-consultation .hrc-flow-list {
        display: block;
    }
    .hair-removal-consultation .hrc-flow-list > div {
        margin-bottom: 30px;
    }
    .hair-removal-consultation .hrc-flow-list dt {
        width: 340px;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px;
    }
    .hair-removal-consultation .hrc-flow-list dd figure {
        width: 340px;
        margin: 0 auto 10px auto;
    }
    .hair-removal-consultation .hrc-service-list {
        gap: 10px;
    }
    .hair-removal-consultation .hrc-service-list > div {
        padding: 10px;
    }
    .hair-removal-consultation .hrc-faq-list {
        display: block;
        margin-bottom: 30px;
    }
    .hair-removal-consultation .hrc-faq-list > div {
        width: 100%;
        margin-bottom: 10px;
    }
    .hair-removal-consultation .hrc-faq-a {
        width: 100%;
    }
    /*PR注意文*/
    .pr-attention {
        padding: 0 16px !important;
    }
    /* アンカーリンクテーブル */
    .custom-anchor-table.col3 td .maxbutton .mb-text {
        padding: 10px 5px !important;
    }
    .custom-anchor-table.col3 td .maxbutton .mb-text:before {
        display: none;
    }
    /* トップ改修 */
    .custom-top-column {
        display: block;
    }
    .custom-top-column > div {
        width: 100%;
    }
    .custom-top-button a {
        width: 100%;
    }
    /*キャンペーンエミナル*/
    .campaign-menseminal-image {
        padding: 20px;
    }
    .campaign-menseminal-comment {
        display: block;
    }
    .campaign-menseminal-comment-img {
        width: 100%;
        padding: 20px;
    }
    .campaign-menseminal-comment-img img {
        margin: 0 auto;
    }
    .campaign-menseminal-comment-txt {
        padding: 0 5px 15px;
    }
    .campaign-menseminal-comment-fukidashi {
        display: block;
        margin: 0 0 15px 0;
        font-size: 16px;
    }
    .campaign-menseminal-comment-fukidashi:before {
      border-bottom: 10px solid #fff4b6;
      border-top: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      position: absolute;
      top: -9px;
      left:30%;
    }
    .campaign-menseminal-section1,
    .campaign-menseminal-section2 {
        padding: 0 15px 15px;
    }
    .campaign-menseminal-linklist li a {
        font-size: 14px;
    }
    .campaign-menseminal-table tbody td {
        width: auto;
    }
	.campaign-menseminal-table tbody td:first-of-type {
		width: 40%;
	}
	.campaign-menseminal-table tbody td:last-of-type {
		width: 40%;
	}
    .campaign-menseminal-section3-box {
        width: auto;
    }
    .campaign-menseminal-section3-box-inner {
        border: solid 8px #333;
        background-size: 114px auto;
        padding: 20px 15px;
    }
    .campaign-menseminal-section3-box-inner ul {
        padding: 0;
    }
    .campaign-menseminal-section3-box-inner ul li {
        font-size: 17px;
    }
    .campaign-menseminal-section3-box-inner ul li:last-of-type {
        padding-right: 100px;
    }
    .campaign-menseminal-section3-box-inner p {
        padding-right: 100px;
    }
    .campaign-menseminal-section3-box-comment {
        text-align: left;
    }
	.campaign-menseminal-datatable th {
		width: 33.33%;
	}
	.campaign-menseminal-section4-box {
		width: auto;
	}
	.campaign-menseminal-section4-box-inner {
		border: solid 8px #333;
        padding: 20px 15px 30px;
		display: block;
	}
    .campaign-menseminal-section4-box-inner-img {
        margin: 0 auto 10px;
    }
    .campaign-menseminal-section4-box-inner-txt p {
        font-size: 17px;
    }
    .campaign-menseminal-btn {
        width: 80%;
    }
	/*DBへのリンク*/
	.site-contents-menu {
		padding: 16px;
	}
	.site-contents-menu > p {
		font-size: 17px;
		margin-bottom: 16px !important;
	}
	.site-contents-menu .site-contents-clinic {
		flex-direction: column;
		gap: 16px;
		padding-bottom: 16px;
	}
	.site-contents-menu .site-contents-clinic-txt,
	.site-contents-menu .site-contents-search-txt {
		width: 100%;
		gap: 20px;
	}
	.site-contents-menu .site-contents-search-txt {
		padding-top: 16px;
	}
	.site-contents-menu .site-contents-clinic-txt > div p,
	.site-contents-menu .site-contents-search-txt > div p {
		font-size: 16px;
		margin-bottom: 8px;
	}
	.site-contents-menu .site-contents-clinic-txt > div p.link {
		font-size: 16px;
	}
	.site-contents-menu .site-contents-clinic-txt > div p br,
	.site-contents-menu .site-contents-search-txt > div p br {
		display: none;
	}
	.site-contents-menu .site-contents-clinic-icon,
	.site-contents-menu .site-contents-search-icon {
		width: 64px;
	}
	.site-contents-menu .site-contents-clinic-icon img,
	.site-contents-menu .site-contents-search-icon img {
		width: 64px;
	}
	.site-contents-menu .site-contents-clinic-btns > p {
		margin-top: 0px;
	}
	/*DBへのリンク記事下*/
	.site-contents-menu.article-bottom .site-contents-search {
		flex-direction: column;
		gap: 8px;
	}
	.site-contents-menu.article-bottom .site-contents-search > div,
	.site-contents-menu.article-bottom .site-contents-search > div:last-of-type {
		width: 100%;
	}
	.site-contents-menu.article-bottom .site-contents-search-txt > div {
		flex-grow: 1;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/
    /*デザイン調整*/
    .pc-show{
        display: none;
    }
    .sp-show{
        display: block;
    }
    .entry-title {
        font-size: 24px !important;
        padding: 0.6em 0 !important;
    }
    .article h2 {
        padding: 0.6em !important;
    }
    /*maxbutton-12 立体ボタン（青）手軽な価格でできる！を上書き*/
    /*maxbutton-14 立体ボタン（グレー）手軽な価格でできる！を上書き*/
    /*maxbutton-29 【自由入力】立体ボタン（青）手軽な価格でできる！を上書き*/
    /*maxbutton-30 【自由入力】立体ボタン（グレー）手軽な価格でできる！を上書き*/
    .maxbutton-12.maxbutton::before,
    .maxbutton-14.maxbutton::before,
    .maxbutton-29.maxbutton::before,
    .maxbutton-30.maxbutton::before {
        left: 20%;
    }
    .maxbutton-12.maxbutton::after,
    .maxbutton-14.maxbutton::after,
    .maxbutton-29.maxbutton::after,
    .maxbutton-30.maxbutton::after {
        right: 20%;
    }
    /*maxbutton-15 立体ボタン（青）効果重視なら医療脱毛！を上書き*/
    /*maxbutton-16 立体ボタン（グレー）効果重視なら医療脱毛！を上書き*/
    /*maxbutton-31 立体ボタン（青）効果重視なら医療脱毛！を上書き*/
    /*maxbutton-32 立体ボタン（グレー）効果重視なら医療脱毛！を上書き*/
    .maxbutton-15.maxbutton::before,
    .maxbutton-16.maxbutton::before,
    .maxbutton-31.maxbutton::before,
    .maxbutton-32.maxbutton::before {
        left: 15%;
    }
    .maxbutton-15.maxbutton::after,
    .maxbutton-16.maxbutton::after,
    .maxbutton-31.maxbutton::after,
    .maxbutton-32.maxbutton::after {
        right: 15%;
    }
    /*maxbutton-23 立体ボタン（青）キャンペーン詳細をみる上書き*/
    /*maxbutton-24 立体ボタン（グレー）キャンペーン詳細をみる上書き*/
    .maxbutton-23.maxbutton .mb-text,
    .maxbutton-24.maxbutton .mb-text {
        font-size: 16px !important;
    }
    /*maxbutton-34～38 白いボタン*/
    .maxbutton-34.maxbutton .mb-text,
    .maxbutton-35.maxbutton .mb-text,
    .maxbutton-36.maxbutton .mb-text,
    .maxbutton-37.maxbutton .mb-text,
    .maxbutton-38.maxbutton .mb-text {
        font-size: 16px !important;
    }
	/*監修者セクション*/
    .custom-supervisor-box .tab-caption-box-content {
        padding: 10px;
    }
    .custom-supervisor-box .custom-supervisor-box-inner .custom-supervisor-right {
        margin-left: 10px;
        width: calc(100% - 70px);
    }
    .custom-supervisor-box .custom-supervisor-box-inner .custom-supervisor-left {
        width: 60px;
    }
    .custom-supervisor-box .custom-supervisor-box-inner .custom-supervisor-left .custom-supervisor-img {
        width: 60px;
        height: 60px;
    }
	.custom-supervisor-box .custom-supervisor-box-inner .custom-supervisor-txt {
        font-size: 14px;
    }
    .custom-supervisor-box .custom-supervisor-box-inner .toggle-checkbox:checked ~ .toggle-content {
        font-size: 14px;
    }
	/*メディコレマーク*/
    .custom-mark-box{
        padding: 10px;
    }
    .custom-mark-box .custom-mark-box-right {
        margin-left: 10px;
    }
    /* 比較テーブル */
    .custom-comparison-table.col3 {
        width: 600px;
    }
    .custom-comparison-table.col5 {
        width: 1000px;
    }
    .custom-comparison-table.col3 img {
        height: 100px;
    }
    .custom-comparison-table.col5 img {
        height: 82px;
    }
    /*流れ*/
    .flow-list .flow-list-box {
        width: 25%;
    }
    .flow-list .flow-list-inner {
        padding: 5px 0;
    }
    .flow-list .flow-list-text.small{
        font-size: 13px;
        letter-spacing: -1px;
    }
    /*脱毛相談LP*/
    .hair-removal-consultation .hrc-buttons > div.hrc-buttons-tel > a img {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }
    .hair-removal-consultation .hrc-buttons-lead {
        padding: 0 20px 20px 20px;
        font-size: 18px;
    }
    .hair-removal-consultation .hrc-mv .hrc-qr {
        width: 70px;
        padding: 5px 5px 3px 5px;
        box-shadow: 1px 1px 0px 0px #333333;
    }
    .hair-removal-consultation .hrc-mv .hrc-qr p {
        margin-top: 3px;
    }
    .hair-removal-consultation .hrc-section01,
    .hair-removal-consultation .hrc-section02,
    .hair-removal-consultation .hrc-section03,
    .hair-removal-consultation .hrc-section04,
    .hair-removal-consultation .hrc-section05 {
        padding: 20px 20px 50px 20px;
    }
    .hair-removal-consultation .hrc-section01 {
        background-color: #6ec878;
        padding: 20px 20px 30px 20px;
    }
    .hair-removal-consultation .hrc-section-title img {
        width: 50px;
        height: 50px;
    }
    .hair-removal-consultation .hrc-section-title h2 {
        font-size: 22px;
    }
    .hair-removal-consultation .hrc-float-block > figure {
        width: 85%;
    }
    .hair-removal-consultation .hrc-flow-list dt {
        width: 100%;
    }
    .hair-removal-consultation .hrc-flow-list dd figure {
        width: 100%;
    }
    .hair-removal-consultation .hrc-cost-free {
        width: 100%;
        padding: 20px;
    }
    .hair-removal-consultation .hrc-cost-free dt {
        font-size: 18px;
    }
    .hair-removal-consultation .hrc-service-list {
        flex-wrap: wrap;
        justify-content: center;
    }
    .hair-removal-consultation .hrc-service-list > div {
        width: calc(50% - 5px);
        flex: 0 1 auto;
    }
    .hair-removal-consultation .hrc-service-list > div:last-of-type {
        width: 100%;
    }
    .hair-removal-consultation .hrc-service-list > div:last-of-type figure {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    .hair-removal-consultation .hrc-service-list dt {
        font-size: 18px;
    }
    .hair-removal-consultation .hrc-service-list dd {
        font-size: 14px;
    }
    .hair-removal-consultation .hrc-faq-list > div {
        padding: 20px;
    }
    .hair-removal-consultation .hrc-faq-list .hrc-faq-q {
        font-size: 16px;
    }
    .hair-removal-consultation .hrc-faq-list .hrc-faq-q::before {
        font-size: 22px;
    }
    .hair-removal-consultation .hrc-faq-a .hrc-faq-image {
        width: 80px;
        margin-right: 10px;
    }
    .hair-removal-consultation .hrc-faq-a .hrc-faq-txt p {
        font-size: 18px;
    }
	/* cookie */
	.cc-window.cc-floating {
		padding: 1em;
		font-size: 14px;
	}
    /* アンカーリンクテーブル */
    .custom-anchor-table th {
        width: 65px;
    }
    /* トップ改修 */
    .custom-top-section {
        margin-bottom: 50px;
    }
    .custom-feature-list .widget-entry-cards {
        gap: 16px;
    }
    .custom-feature-list .widget-entry-cards .a-wrap {
        width: calc((100% - 16px) / 2);
    }
    .custom-feature-list .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-thumb {
        margin-bottom: 8px;
    }
    .custom-feature-list .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-content .widget-entry-card-title {
        font-size: 14px;
    }
    .custom-feature-list .widget-entry-cards .a-wrap .widget-entry-card .widget-entry-card-content .widget-entry-card-snippet {
        font-size: 12px;
    }
    .custom-top-lead {
        padding: 10px;
    }
    .custom-top-lead p {
        font-size: 14px;
    }
}
