@charset 'UTF-8';

/*
Theme Name: wp_harmony
Version: 1.0
*/

/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
}

body {
    line-height: 1.8;
    letter-spacing: 0.08em;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-family: 'Noto Sans JP', sans-serif;
    color: #444;
    counter-reset: number 0;
}

img,
picture,
video,
canvas{
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

input,
button,
textarea,
select {
    font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

#root,
#__next {
    isolation: isolate;
}

ul {
    padding: 0;
}

li {
    list-style: none;

}

a {
    text-decoration: none;
}

a:any-link {
    color: #444;
}

:root {
    --mainc: #e76a3e;
    --subc: #fffdbd;
    --texts: #5a3d1c;
}

.content {
    max-width: 1000px;
    width: 80%;
    margin: 4rem auto;
}

.underline {
    text-decoration: underline;
}

header {
    width: 100%;
    background-color: #fff;
}

.header_top_inner {
    max-width: 1000px;
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.header_top {
    background-color: var(--subc);
    width: 100%;
}

.header_top_catch {
    padding: 0.5rem;
}

header .header_top_link {
    background-color: #fff;
    position: relative;
    padding: 0.5rem;
    padding-left: 2rem;
    color: var(--mainc);
    font-weight: 500;
    text-decoration: underline;
    transition: all .3s ease-in;
}

header .header_top_link:hover {
    background-color: var(--mainc);
    color: #fff;
}

.header_top_link::before {
    border-left: 1.5rem var(--subc) solid;
    border-top: 1.5rem transparent solid;
    border-bottom: 1.5rem transparent solid;
    border-right: 1.5rem transparent solid;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
}

.header_bottom_inner {
    max-width: 1000px;
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    align-items: center;
}

.logo {
    width: clamp(6.25rem, 3.309rem + 14.71vw, 12.5rem);
}

.gmenu_list {
    display: flex;
    justify-content: space-between;
}

.gmenu_list li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.gmenu_list li a {
    color: var(--texts);
    font-weight: 500;
    transition: filter .3s ease-in;
}

.gmenu_list li svg {
    color: var(--mainc);
    font-size: 2rem;
	width:100%;
}

.gmenu_list li a:hover {
    filter: brightness(0.5);
}

header .userpage_link {
    background-color: var(--mainc);
    color: #fff;
    font-weight: 600;
    padding: 1rem;
    border-radius: 20px;
    text-align: center;
    font-size: 1.2rem;
    transition: opacity .3s ease-in;
}

header .userpage_link:hover {
    opacity: 0.7;
}

.drawer {
    display: none;
    width: 100%;
}

#drawer_menu {
    transition: all .3s linear;
    opacity: 0;
    background-color: #fff;
}

#drawer_menu.open {
    opacity: 1;
}

.drawer_menu_list {
    display: none;
    text-align: center;
    padding: 1rem;
    box-shadow: 1px 2px 3px #ddd;
}

.drawer_menu_list li {
    padding: 0.5rem;
    width: 50%;
}

.drawer_menu_list li:nth-child(3n+1),
.drawer_menu_list li:nth-child(5) {
    background-color: var(--subc);
}

.drawer_menu_list li a {
    color: var(--texts);
    font-weight: 500;
    display: block;
    transition: filter 0.3s ease-in;
}

.drawer_menu_list li a:hover {
    filter: brightness(0.5);
}

.drawer_menu_list li svg {
    color: var(--mainc);
    font-size: 1.5rem;
	width:100%;
}

#drawer_menu.open .drawer_menu_list {
    display: flex;
    flex-wrap: wrap;
}

#drawer_button {
    width: 100%;
    background-color: var(--mainc);
    position: relative;
    padding: 1.5rem;
    cursor: pointer;
}

#drawer_button .dbutton_text::before {
    content: 'メニュー';
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#drawer_button.active .dbutton_text::before {
    content: '閉じる';
}

#drawer_button span:not(.dbutton_text)::before {
    content: '';
    position: absolute;
    width: 1rem;
    height: 2px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    transition: transform .3s linear;
}

#drawer_button span:not(.dbutton_text):first-child::before {
    left: calc(50% - 4rem);
    top: calc(50% - 0.2rem);
}

#drawer_button span:not(.dbutton_text):nth-child(2)::before {
    left: calc(50% - 4rem);
    top: calc(50% + 0.4rem);
}

#drawer_button.active span:not(.dbutton_text):first-child::before {
    left: calc(50% - 4rem);
    top: calc(50% - 0.2rem);
    transform: rotate(-45deg);
}

#drawer_button.active span:not(.dbutton_text):nth-child(2)::before {
    left: calc(50% - 4rem);
    top: calc(50% - 0.2rem);
    transform: rotate(45deg);
}

.swiper{
    max-width: 1000px;
}
.main_slider_section {
    max-width: 1000px;
    width: 80%;
    margin: 0 auto;
}

.main_slider li {
    width: 100%;
    padding-top: 40%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.main_slider .slick-slide {
    border-radius: 20px;
}

.main_slider .slick-slide:first-child {
    background-image: url(../../../wp-content/uploads/2024/01/slide01.png);
}

.main_slider .slick-slide:nth-child(2) {
    background-image: url(../../../wp-content/uploads/2024/01/slide02.png);
}

.main_slider .slick-slide:last-child {
    background-image: url(../../../wp-content/uploads/2024/01/slide03.png);
}

.main_slider .slick-slide::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
    height: 0;
    padding-top: 30%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
}

.main_slider .slick-slide:first-child::after {
    background-image: url(../../../wp-content/uploads/2024/01/spri.png);
}

.main_slider .slick-slide:nth-child(2)::after {
    background-image: url(../../../wp-content/uploads/2024/01/lotion.png);
}

.main_slider .slick-slide:last-child::after {
    background-image: url(../../../wp-content/uploads/2024/01/drink.png);
}

.main_slider .slick-slide h2 {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    font-family: 'Noto Serif JP', serif;
    color: #006b33;
    z-index: 2;
}

.subtitle_guru {
    text-align: center;
    margin-bottom: 2rem;
}

.subtitle_guru h2 {
    position: relative;
    font-size: 2rem;
    color: var(--texts);
    display: inline-block;
}

.subtitle_guru h2::before {
    position: absolute;
    content: '';
    background-image: url(../../../wp-content/uploads/2024/01/guruguru.png);
    width: 3rem;
    height: 3rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: -3.5rem;
    top: 0.5rem;
}

.subtitle_guru h2::after {
    position: absolute;
    content: '';
    background-image: url(../../../wp-content/uploads/2024/01/guruguru.png);
    width: 3rem;
    height: 3rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    right: -3.5rem;
    top: 0.5rem;
}

.recm_deck {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2rem;
}

.recm_card {
    width: 30%;
    padding: 0.5rem;
    margin-bottom: 4rem;
    border-radius: 20px;
    position: relative;
    transition: background-color 0.3s ease-in;
}

.recm_card:hover {
    background-color: var(--subc);
}

.recm_deck::after {
    display: block;
    content: '';
    width: 30%;
}

.recm_card_img {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
    border: 2px solid #333;
    border-radius: 20px;
    margin-bottom: 1rem;
}

.recm_card_img:first-child {
    background-image: url(../../../wp-content/uploads/2024/01/item01.png);
}

.recm_card_img:nth-child(2) {
    background-image: url(../../../wp-content/uploads/2024/01/item02.png);
}

.recm_card_img:last-child {
    background-image: url(../../../wp-content/uploads/2024/01/item03.png);
}

.recm_card::before {
    content: '新商品';
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--mainc);
    outline: 3px dashed #fff;
    outline-offset: -5px;
    position: absolute;
    left: -1rem;
    top: -1rem;
}

.recm_card h4 {
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.recm_card p {
    text-align: center;
}

.reccomend .more_button_dash {
    text-align: center;
    margin-bottom: 1rem;
}

.more_button_dash a {
    background-color: var(--mainc);
    outline: 2px dashed #fff;
    outline-offset: -5px;
    padding: 1rem;
    font-size: 1.5rem;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    position: relative;
}

.more_button_dash a::after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    background-color: #af5c3e;
    border-radius: 10px;
    z-index: -1;
    transition: opacity .3s linear;
}

.more_button_dash a:hover::after {
    opacity: 0;
}

.info_wrapper {
    background-color: var(--subc);
    padding: 1.5rem;
    border-radius: 20px;
    width: 60%;
    margin: 4rem auto;
}

.info_list li {
    border-bottom: 3px dashed var(--texts);
    margin-bottom: 1rem;
}

.info_list li a {
    transition: opacity .3s linear;
}

.info_list li a:hover {
    opacity: .5;
}

.info_list time {
    margin-right: 1rem;
    font-weight: 600;
}

.topinfo .more_button_dash,
.infomation .more_button_dash {
    text-align: center;
}

.about_wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.about_img {
    width: 40%;
    border-radius: 20px;
    position: relative;
}

.about_img::before {
    position: absolute;
    content: '';
    width: 200px;
    height: 200px;
    background-color: var(--mainc);
    opacity: .7;
    top: -33px;
    left: -33px;
    border-radius: 65% 27% 29% 44% / 56% 51% 39% 37%;
    z-index: -1;
}

.about_img::after {
    position: absolute;
    content: '';
    width: 150px;
    height: 150px;
    background-color: var(--subc);
    opacity: .7;
    top: 160px;
    right: -33px;
    border-radius: 23% 69% 29% 61% / 47% 45% 46% 50%;
    z-index: -1;
}

.about_img img {
    border-radius: 20px;
}

.abit_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.abit_text_wrapper ul li {
    position: relative;
    padding-left: 1.5rem;
}

.abit_text_wrapper ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: var(--mainc);
    width: 10px;
    height: 10px;
}

.about_text {
    width: 55%;
}

.about .more_button_dash {
    margin: 2rem 0;
}

.subtitle_line {
    border-bottom: 1px solid var(--mainc);
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.abit_text {
    width: 48%;
}

.abit_text_wrapper {
    border-radius: 20px;
    background-color: var(--subc);
    padding: 1rem;
}

.abit_img {
    width: 48%;
}

.abit_wrapper:nth-child(even) {
    flex-direction: row-reverse;
}

.topm_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.topm_img {
    width: 30%;
}

.topm_text {
    width: 60%;
}

.member_banner {
    width: 80%;
    margin: 4rem auto;
}

.access_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 4rem;
}

.access_map {
    width: 30%;
}

.access_map iframe {
    border-radius: 20px;
}

.access_info {
    width: 65%;
    background-color: var(--subc);
    padding: 1rem;
    border-radius: 20px;
}

.access_info h3 {
    font-size: 1.5rem;
    color: var(--texts);
    margin-bottom: 1rem;
}

footer {
    background-color: var(--mainc);
    color: #fff;
    padding: 1.5rem;
}

.footer_inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
}

.footer_logo {
    width: 200px;
    display: block;
}

.footer_menu {
    width: 70%;
    margin-bottom: 2rem;
}

.footer_menu ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_menu li {
    margin-bottom: 1rem;
}

.footer_menu li:not(:last-child) {
    margin-right: 1rem;
}

.footer_menu li a {
    color: #fff;
    position: relative;
}

.footer_menu li a::after {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: width 0.3s linear;
}

.footer_menu li a:hover::after {
    width: 100%;
}

.copyright {
    text-align: center;
    width: 100%;
    border-top: 1px solid #fff;
    padding-top: 1rem;
}

.copyright p {
    display: inline-block;
}

/*eyecatch*/
.bg_eyecatch {
    max-width: 1000px;
    width: 80%;
    margin: 0 auto 4rem;
    position: relative;
    max-height: 400px;
    overflow: hidden;
    border-radius: 20px;
}

.bg_eyecatch img {
    object-fit: cover;
    border-radius: 20px;
}

.curtain {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
}

.bg_eyecatch h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 2;
    font-size: 2rem;
}

/*contact*/
.form_req {
    background-color: var(--mainc);
    border-radius: 5px;
    color: #fff;
    padding: 0.2rem 0.5rem;
    margin-right: 1rem;
    font-weight: 600;
}

.contact_text {
    width: 80%;
    margin: 0 auto;
}

.contact_table {
    width: 80%;
    margin: 1rem auto;
}

.contact_table textarea {
    width: 100%;
}

.contact_table th {
    background-color: var(--subc);
    text-align: left;
    padding: 1rem;
}

.contact_table input {
    padding: 1rem;
    width: 100%;
}

.acceptance_wrapper {
    width: 80%;
    margin: 0 auto 1rem
}

.submit_wrapper {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.wpcf7-submit {
    padding: 1rem 1.5rem;
    background-color: var(--mainc);
    color: #fff;
    border-radius: 10px;
    width: 70%;
    font-size: 1.5rem;
    transition: opacity 0.3s ease-in;
    cursor: pointer;
}

.wpcf7-submit:hover {
    opacity: .7;
}

/*privacy-policy*/
.subtitle_sq {
    position: relative;
    font-size: 1.5rem;
    padding-left: 1rem;
    margin-bottom: 1rem;
}

.subtitle_sq::before {
    content: '';
    position: absolute;
    width: 0.5rem;
    height: 2rem;
    background-color: var(--mainc);
    top: 0.6rem;
    left: 0;
}

.privacy ul {
    margin-left: 3rem;
}

.privacy p {
    margin-bottom: 1rem;
}

.privacy ul li {
    position: relative;
}

.privacy ul li::before {
    counter-increment: number 1;
    content: counter(number)'.';
    position: absolute;
    left: -2rem;
    font-weight: 600;
}

.counter_reset {
    counter-reset: number;
}

/*shop*/
article .woocommerce .single_add_to_cart_button {
    background-color: var(--mainc) !important;
    transition: .3s ease-in;
}

article .woocommerce .single_add_to_cart_button:hover {
    background-color: var(--mainc) !important;
    opacity: 0.7;
}

.woocommerce svg,
.wp-block-woocommerce-cart svg,
.customize-support svg:not(.svg-inline--fa) {
    width: 24px;
    height: 24px;
}
.wc-block-components-checkout-return-to-cart-button svg{
    width: 24px;
    height: 24px;
}
.woocommerce ul.products li.product a img {
    border-radius: 20px;
}

.woocommerce ul.products li.product a:hover img {
    border: 1px solid #333;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    text-align: center;
}

.woocommerce ul.products li.product .price {
    text-align: center;
}

.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
    display: flex;
    flex-direction: column;
    align-items: center;
}

article .wp-block-woocommerce-checkout {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

article .wp-block-woocommerce-cart {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

.customize-support .woocommerce {
    max-width: 1000px;
    margin: 4rem auto;
}

.woocommerce-MyAccount-navigation {
    float:none;
    width: 100%;
    margin-right: 2%;
}

.woocommerce::after {
    content: '';
    display: block;
    clear: both;
}

.woocommerce-MyAccount-content {
    float: left;
    width: 100%;
}

.woocommerce-MyAccount-navigation-link {
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
}

.woocommerce-MyAccount-navigation-link--dashboard {
    position: relative;
}

.woocommerce-MyAccount-navigation-link--dashboard::after {
    position: absolute;
    content: '\f624';
    right: 0;
    top: 0;
    font-weight: bold;
    color: var(--mainc);
    font-family: "Font Awesome 6 free";
}

.woocommerce-MyAccount-navigation-link--orders {
    position: relative;
}

.woocommerce-MyAccount-navigation-link--orders::after {
    position: absolute;
    content: '\f291';
    right: 0;
    top: 0;
    font-weight: bold;
    color: var(--mainc);
    font-family: "Font Awesome 6 free";
}

.woocommerce-MyAccount-navigation-link--downloads {
    position: relative;
}

.woocommerce-MyAccount-navigation-link--downloads::after {
    position: absolute;
    content: '\f56d';
    right: 0;
    top: 0;
    font-weight: bold;
    color: var(--mainc);
    font-family: "Font Awesome 6 free";
}

.woocommerce-MyAccount-navigation-link--edit-address {
    position: relative;
}

.woocommerce-MyAccount-navigation-link--edit-address::after {
    position: absolute;
    content: '\f015';
    right: 0;
    top: 0;
    font-weight: bold;
    color: var(--mainc);
    font-family: "Font Awesome 6 free";
}

.woocommerce-MyAccount-navigation-link--edit-account {
    position: relative;
}

.woocommerce-MyAccount-navigation-link--edit-account::after {
    position: absolute;
    content: '\f007';
    right: 0;
    top: 0;
    font-weight: bold;
    color: var(--mainc);
    font-family: "Font Awesome 6 free";
}

.woocommerce-MyAccount-navigation-link--customer-logout {
    position: relative;
}

.woocommerce-MyAccount-navigation-link--customer-logout::after {
    position: absolute;
    content: '\f2f5';
    right: 0;
    top: 0;
    font-weight: bold;
    color: var(--mainc);
    font-family: "Font Awesome 6 free";
}

.item_detail_table {
    width: 100%;
    margin-bottom: 2rem;
}

.item_detail_table th,
td {
    border: 1px solid #ccc;
    padding: 10px 0;
}

.item_detail_table th {
    background-color: #eeeeee;
    width: 40%;
    font-size: .8rem;
}

.item_detail_table td {
    padding: 10px 15px;
    font-size: .8rem;
}

.woocommerce-Price-amount {
    color: var(--texts);
    font-weight: 600;
}

.wp-block-button .wp-block-button__link{
  color: #fff;
}

/*single*/
.single_date {
    border-bottom: 5px dashed var(--mainc);
    margin-bottom: 1rem;
}

/*お買い物ガイド　guide*/

.guide_title h3 {
    border-left: 15px solid var(--mainc);
    font-size: 1.5rem;
    font-weight: 600;
    padding-left: 1rem;
    margin-bottom: 1rem;
}

.guide_txt a{
    text-decoration: underline;
}
.guide_txt .guide_asterisk {
    list-style-type: "※ ";
    position: relative;
}

.guide_txt ul {
    margin-left: 3rem;
}

.guide_txt li {
    padding-left: 15px;
    list-style: decimal;
}

.guide_txt li::marker {
    position: relative;
    padding-left: 15px;
}

.guide_txt p {
    margin-bottom: 0.4rem;
}

.guide_credit {
    margin-top: 1rem;
    width: 40%;
}

.postage_table_title{
    border-left: 15px solid var(--mainc);
    font-size: 1.5rem;
    font-weight: 600;
    padding-left: 1rem;
}

.postage_table{
    overflow-x:scroll;
    width:100%;
}

.postage_table table{
    min-width:1200px;
    border-spacing:0;
    border-collapse:collapse;
}

.postage_table tr{
    border-collapse:collapse;
}

.postage_table th{
    border:1px solid #ccc;
    background-color:var(--subc);
    width:12.5%;
}

.postage_table tr th:nth-child(1){
    background-color:#DDD;
}

.postage_table tr:nth-child(1) th{
    background-color:var(--subc);
}

.postage_table tr:nth-child(1) td{
    background-color:var(--subc);
    font-weight:bold;
}

.postage_table td{
    margin:0;
    border-collapse:collapse;
    width:12.5%;
    text-align:center;
}

/*会社概要 company */

.company_table table {
    width: 100%;
    border-spacing: 8px;
}

.company_table tbody {
    width: 100%;
}

.company_table tr {
    width: 100%;

}

.company_table th {
    width: 20%;
    background-color: #D2D2D2;
    padding-top: 1rem;
    border-radius: 10px;
    padding-bottom: 1rem;
}

.company_table td {
    width: 80%;
    background-color: #F0F0F0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    border-radius: 10px
}

.company_greeting {
    display: flex;
}

.company_greeting_txt {
    width: 70%;
    padding: 1rem;
    position: relative;
    background-color: #F0F0F0;
    padding-right: 7rem;
    margin-right: -7rem;
    border-radius: 10px;
}

.company_greeting_img {
    width: 60%;
    position: relative;
    top: 1rem;
}

.company_greeting_img img {
    border-radius: 10px;
}

.company_greeting_txt span{
    text-align:right;
    display:block;
    margin-right:1rem;
}

/* terms */
.terms_table table {
    width: 100%;
    border-spacing: 8px;
}

.terms_table tbody {
    width: 100%;
}

.terms_table tr {
    width: 100%;

}

.terms_table th {
    width: 20%;
    background-color: #D2D2D2;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 10px;
}

.terms_table td {
    width: 80%;
    background-color: #F0F0F0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 10px;
}
.pmpro_checkout h2 span.pmpro_checkout-h2-msg a{
    background-color: var(--mainc);
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    transition:0.3s ease-in;
}
.pmpro_checkout h2 span.pmpro_checkout-h2-msg a:hover{
    opacity: 0.7;
}
.content .pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link{
    margin-top: 1rem;
}
.content .item_detail_table th, td{
    padding:10px;
}
.pmpro_actions_nav{
    margin-top:1.5rem;
}
.pmpro_actions_nav a{
    background-color: var(--mainc);
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    transition:0.3s ease-in;
}
.pmpro_actions_nav a:hover{
    opacity: 0.7;
}
/* メンバー登録 */

.name {
    display:flex;
}
.pmpro_checkout h2 span.pmpro_checkout-h2-msg,
.pmpro_level_name_text,
.pmpro_level_cost_text{
    display: none;
}

.wc-block-product-categories{
    margin-bottom: 1em;
    background-color: var(--subc);
    padding: 1rem;
    border-radius: 15px;
}
.wc-block-product-categories-list{
    display: flex;
    gap:1rem;
    flex-wrap: wrap;
}
.wc-block-product-categories-list-item{
    text-decoration: underline;
}
.subtitle_shop{
    margin-top:1rem;
}
.woocommerce-order {
    width: 80%;
    margin: 0 auto;
    max-width: 1000px;
}

.pmpro .pmpro_heading-with-avatar .avatar{
    width: 48px;
    height: 48px;
}
/*responsive*/
@media screen and (max-width:1000px) {

    .header_top,
    .gmenu {
        display: none;
    }

    .drawer {
        display: block;
    }

    article {
        margin-top: 160px;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
    }

    .recm_card {
        width: 47%;
    }

    .info_wrapper {
        width: 100%;
    }

    .about_img::after {
        display: none;
    }

    .footer_menu li {
        width: 40%;
    }

    .footer_logo {
        margin-right: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .contact_table {
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    .header_bottom_inner {
        width: 90%;
    }

    .main_slider .slick-slide h2 {
        font-size: 1rem;
        background-color: rgba(255, 255, 255, 0.4);
    }

    .recm_card {
        width: 100%;
    }

    .subtitle_guru h2 {
        font-size: 1.2rem;
    }

    .subtitle_guru h2::before,
    .subtitle_guru h2::after {
        width: 1.5rem;
        height: 1.5rem;
    }

    .subtitle_guru h2::before {
        left: -2rem;
    }

    .subtitle_guru h2::after {
        right: -2rem;
    }

    .about_img {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .about_text {
        width: 100%;
    }

    .abit_text {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .abit_img {
        width: 100%;
    }

    .topm_img {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .topm_text {
        width: 100%;
    }

    .member_banner {
        width: 100%;
    }

    .access_map {
        width: 100%;
    }

    .access_info {
        width: 100%;
    }

    .footer_menu li {
        width: 100%;
    }

    .woocommerce-MyAccount-navigation {
        width: 100%;
    }

    .woocommerce-MyAccount-content {
        width: 100%;
    }

    .contact_table th,
    .contact_table td {
        display: block;
    }

    .bg_eyecatch h3 {
        font-size: 1.2rem;
    }

    .acceptance_wrapper {
        width: 100%;
    }

    .item_detail_table th,
    td {
        display: block;
        width: 100%;
    }

    .subtitle_sq {
        font-size: 1.2rem;
    }

    .subtitle_sq::before {
        height: 1.2rem;
    }

    .guide_credit {
        width: 100%;
    }
    .postage_table td{
        display:table-cell;
    }

    .company_table th {
        width: 100%;
        display: block;
    }

    .company_table td {
        width: 100%;
        padding-right: 1rem;
        margin-top: 0.2rem;
        display: block;
    }

    .company_greeting {
        flex-wrap: wrap;
    }

    .company_greeting_img {
        width: 100%;
        top: 0.4rem;
    }

    .company_greeting_txt {
        width: 100%;
        padding-right: 1rem;
        margin-right: 0
    }

    .terms_table th {
        width: 100%;
        display: block;
    }

    .terms_table td {
        display: block;
        width: 100%;
        margin-top: 0.2rem;
    }
}