
/* 下層コンテンツ */
html { scroll-behavior: smooth;}

@media screen and (min-width: 768px) {
    /*  */
    .page_ttl {
        display: flex;
        align-items: center;
        padding-top: 3vw;
        margin-bottom: 2vw;
    }
    .page_ttl_en {
        font-size: 1.8vw;
		letter-spacing: 0.05vw;
    }
    .page_ttl_ja {
        font-size: 0.9vw;
        padding-left: 3vw;
    }
    .contents_news_list_box .page_ttl {
        padding-left: 1.5vw;
    }
    .contents_news_list_box .page_ttl_en {
        text-transform: uppercase;
    }

    /* pc */
    .cat_contents {
        display: flex;
        margin: 0 calc(50% - 50vw) 10vw;
    }
    .cat_kv {
        width: 47.7vw;
    }
    .cat_kv_img img {
        width: 100%;
        vertical-align: bottom;
    }
    .cat_kv_ttl {
        background-color: #F3F3F3;
        padding: 3.5vw 5.2vw;
    }
    .cat_kv_ttl_en {
        display: inline-block;
        font-size: 0.9vw;
        margin-bottom: 1.5vw;
    }
    .cat_kv_ttl_ja {
        font-size: 1.9vw;
    }

    .cat_item {
        width: 44.5vw;
        padding: 2.6vw 0 0 2.6vw;
        display: flex;
        flex-direction: column;
    }
    .product_list {
        /* gap: 0.7vw 0.7vw; */
    }
    .product_list.col-3 > li {
        width: 32.2%;
        margin-right: 1.7%;
        margin-bottom: 0.7vw;
    }
    .product_list.col-4 {
        margin-right: -1.8%;
    }
    .product_list.col-4 > li {
        width: 23.2%;
        margin-right: 1.8%;
        margin-bottom: 2vw;
    }
    .product_list.col-3 > li:nth-child(3n) {
        margin-right: 0;
    }
    .product_list > li a {
        padding: 1vw 0;
        padding-top: 0;
        overflow: hidden;
    }
    .product_name_en {
        font-size: 0.9vw;
        -ms-writing-mode: tb-rl;
	    writing-mode: vertical-rl;
        position: absolute;
        left: 0.5vw;
        top: 0.5vw;
        margin-bottom: 0;
    }
    .product_name_ja {
        font-size: 0.7vw;
        margin-bottom: 0.8vw;
    }
    .product_price {
        font-size: 1.0vw;
    }
    .product_price_tax {
        font-size: 0.6vw;
    }
    .product_release {
width: 5.5vw;
height: 5.5vw;
background-color: #000;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
font-size: 0.8vw;
position: absolute;
right: -.2vw;
top: 0.2vw;
line-height: 1.2;
letter-spacing: 0.07vw;
    }
    .product_ranking {
        width: 3vw;
        height: 3vw;
        background-color: #000;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8vw;
        position: absolute;
        right: 0;
        top: 0;
    }
    .product_list.rank {
        counter-reset:number; /*数字をリセット*/
        list-style-type: none!important; /*数字を一旦消す*/
    }
    .product_list.rank > li:before{
        /* 以下数字をつける */
        position: absolute;
        counter-increment: number;
        content: counter(number);
        /*以下数字のデザイン変える*/
        display:inline-block;
        background: #000000;
        color: #fff;
        font-size: 1.8vw;
        width: 3vw;
        height: 3vw;
        line-height: 3vw;
        text-align: center;
        top: 0;
        right: 0;
    }

    .product_nav {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 4.5vw;
    }
    .product_nav > li {
        margin-right: 1.5vw;
        font-size: 0.8vw;
    }
    .product_nav.content_tab_list > li {
        margin-right: 1.5vw;
        font-size: 0.8vw;
    }
    .product_nav.content_tab_list > li:not(:last-child) {
        margin-bottom: 0;
    }
    .product_nav input[type=radio] {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        font-size: 0.9vw;
    }
    .product_nav input[type=radio] + label {
        cursor: pointer;
    }
    .product_nav input[type=radio].is-checked + label {
        font-weight: bold;
    }
    .product_nav input[type=radio] + label::before,
    .product_nav.content_tab_list > li::before {
        content: '▶';
        display: inline-block;
        width: 0.5vw;
        height: 0.5vw;
        margin: 0 0.7vw;
        margin-left: 0;
        /* border-top: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg); */
    }
    .product_nav.single_nav > li::before {
        content: '▶';
        display: inline-block;
        width: 0.5vw;
        height: 0.5vw;
        margin: 0 1.0vw;
        margin-left: 0;
    }

    #sort-js.col-4 > li {
        width: 23.2%;
        margin-right: 1.8%;
        margin-bottom: 2vw;
        display: none;
    }
    /* #sort-js > li:nth-child(3n) {
        margin-right: 2vw;
    } */
    /* #sort-js > li:nth-child(4n) {
        margin-right: 2vw;
    } */
    #sort-js > li.is-selected {
        display: block;
    }

    .cat_other {
        margin-top: auto !important;
    }
    .cat_other_ttl {
        font-size: 0.9vw;
        margin-bottom: 1.5vw;
    }
    .cat_other_list {
        display: flex;
        flex-wrap: wrap;
        margin-top: -1.4% !important;
    }
    .cat_other_list > li {
        font-size: 0.9vw;
        width: 49.3%;
        margin-right: 1.4%;
        margin-top: 1.4% !important;
        position: relative;
        border: 1px solid #000000;
    }
    .cat_other_list > li.current {
        background-color: #F3F3F3;
    }
    .cat_other_list > li::after {
        content: '';
        display: block;
        width: 0.8vw;
        height: 0.2vw;
        background: url(/wp-content/themes/mytrex/img/icon/more@2x.png) no-repeat left top;
        background-size: cover;
        position: absolute;
        top: 50%;
        right: 1.7vw;
        transform: translate(0%, -50%);
    }
    .cat_other_list > li:nth-child(2n) {
        margin-right: 0;
    }
    .cat_other_list > li a {
        display: flex;
        align-items: center;
        padding: 1.3vw 2.1vw 1.3vw 2.1vw;
    }

    .search_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .search_list > li {
        width: 24.5%;
        font-size: 0.9vw;
    }
    .search_list > li a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 5.2vw;
        background-color: #F3F3F3;
        position: relative;
    }
    .search_list > li a::after {
        content: '>';
        display: table;
        width: 0.5vw;
        height: 0.5vw;
        margin: 0 1.0vw;
        /* border-top: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg); */
      }
    .search_list > li.current a {
        background-color: #CDE2D4;
    }
    .search_list_head {
        display: none;
    }

    .support_list .product_name_en {
        writing-mode: inherit;
        position: initial;
    }
    .support_list .product_name_ja {
        display: none;
    }
    .support_list .product_price {
        display: none;
    }
    .support_list > li::after {
        display: none;
    }


    .content_tab_list > li {
        font-size: 1.1vw;
        cursor: pointer;
        display: table;
    }
    .content_tab_list > li:not(:last-child) {
        margin-bottom: 1.0vw;
    }
    .content_tab_list > li.is-checked {
        font-weight: bold;
    }
    .content_tab {
        display: none;
    }
    .content_tab.is-show {
        display:block;
    }
    .content_hr {
        border-top: 1px solid #000000;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }
    .content_menu {
        font-size: 1.6vw;
        font-weight: bold;
        margin-bottom: 1vw;
    }
    .content_block:first-of-type {
        padding-top: 2vw;
    }
    .content_block:not(:last-of-type) {
        margin-bottom: 2vw;
    }
    .content_txt {
font-size: 1.0vw;
line-height: 1.6;
padding-bottom: .4vw;
letter-spacing: .06vw;
    }
    .content_txt_s {
font-size: 1vw;
line-height: 1.3;
padding-bottom: 1.0vw;
letter-spacing: .05vw;
padding-top: 0.5vw;
padding-left: 1.5vw;
    }
    .content_ttl {
font-size: 1.2vw;
font-weight: 700;
padding-bottom: 0.7vw;
    }
    .content_link {
        text-decoration: underline;
        font-weight: bold;
    }

    .shop_guide_inner {
        width: 50vw;
        margin: auto;
    }

    .sending_list {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3.5vw;
    }
    .sending_list:first-of-type {
        margin-top: 2vw !important;
    }
    .sending_table {
        width: 24vw;
    }
    .sending_table tr th {
        padding: 0.8vw 0.8vw;
        font-size: 0.9vw;
    }
    .sending_table tr:first-child th {
        font-weight: bold;
    }
    .sending_table tr td {
        padding: 0.8vw 0.8vw;
        font-size: 0.9vw;
        line-height: 1;
    }
    .sending_table tr:nth-child(2n+1) th {
        background-color: #f2f2f1;
    }
    .sending_table tr:nth-child(2n+1) td {
        background-color: #f9f9f9;
    }
    .sending_table tr:first-child th {
        color: #ffffff;
        background-color: #5b5b5b;
    }

    .profile_inner {
        width: 50vw;
        margin: auto;
    }
    .content_map_size {
        width: 100%;
        height: 31vw;
        margin-top: 2vw !important;
    }

    .tokutei_inner {
        width: 50vw;
        margin: auto;
    }
    .content_block_last {
        padding-top: 5vw;
    }

    .privacy_inner {
        width: 50vw;
        margin: auto;
    }

    .safety_inner {
        width: 50vw;
        margin: auto;
    }

    .service_inner {
        width: 50vw;
        margin: auto;
    }

    .page_ttl.row_2 {
        display: block;
    }
    .page_ttl.row_2 .page_ttl_en {
        display: block;
        margin-bottom: 2vw;
    }
    .page_ttl.row_2 .page_ttl_ja {
        display: block;
        padding-left: 0;
        font-size: 1.2vw;
        font-weight: bold;
    }

    /* CONTACT */
    .contact_inner {
        width: 70vw;
        margin: auto;
    }

    .tab_content {
        padding: 40px 0 0;
    }
    .support_tab_item {
        width: 34vw;
        margin-left: 0;
        border-radius: 0;
        font-size: 1.2vw;
        font-weight: normal;
        cursor: pointer;
        color: #3C393B;
    }
    .page-template-sup-ir .support_tab_item {
        width: 24vw;
    }
    .support_tab_item:nth-of-type(1) {
        float: left;
    }
    .support_tab_item:nth-of-type(2) {
        float: right;
    }
    .support_tabs input:checked+.support_tab_item {
        background-color: #C6E1D1;
        color: #3C393B;
        font-weight: bold;
    }

    .supoprt_contents_ttl > div {
        display: flex;
        align-items: center;
        padding-left: 0;
        line-height: 1.4;
    }
    .your-subject {
        display: block;
        width: 100%;
    }
    .support_contents_dropdown {
        width: 100%;
        padding: 10px;
        border-radius: 0;
    }
    .supoprt_contents_ttl {
        padding: 2vw 0;
        font-size: 1.2vw;
        font-weight: bold;
    }
    .supoprt_contents_item_ttl {
        display: flex;
        align-items: center;
        font-size: 1.2vw;
        font-weight: bold;
    }
    .support_contents_item_checkbox {
        display: inline-block;
        margin-left: -1em;
    }
    .support_contents_dd {
        padding: 0 0 30px;
        border-bottom: 1px solid #333;
        margin-bottom: 30px;
    }
    .supoprt_contents_item {
        padding: 0 0;
        border-bottom: 1px solid #333;
        margin-bottom: 30px;
    }
    .supoprt_contents_sub {
        font-size: 1vw;
        letter-spacing: .1vw;
        font-weight: normal;
        color: #F8A088;
    }
    .support_comment_area {
        padding: 10px 0;
    }

    table.contact_us_table {
        margin-bottom: 0;
    }
    .contact_us_table thead {
        border-top: none;
    }
    .contact_us_table td {
        border-bottom: none;
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
        font-size: 1.2vw;
        font-weight: bold;
    }
    .contact_us_table_class1_1_sub {
        font-weight: normal;
        font-size: 1.0vw;
        padding-left: 1vw;
    }
    .contact_us_table_sub {
        color: #F8A088;
    }
    .contact_us_table_box {
        padding: 0 0 30px;
    }
    thead .contact_us_table_box {
        border-bottom: 1px solid #333;
        margin-bottom: 30px;
    }
    .contact_checklist {
        display: inline-block;
        margin-left: -1em;
    }
    .contact_us_table_box2 {
        padding: 10px 0;
    }
    td.contact_us_table_class1_1 {
        padding: 0 0 30px;
    }
    .contact_us_info {
        padding: 10px 0;
    }
    .contact_us_information {
        padding-left: 0;
    }
    .support_contents_notes {
        width: 100%;
        font-size: 0.65vw;
        font-weight: normal;
        padding-top: 0.6vw;
    }
    .support_contents_item_sub {
        padding-top: 20px;
        font-size: 1.0vw;
    }

    input[type="text"].contact_input_boxarea {
        border: none;
        border-bottom: 1px solid #ccc;
        background-color: #fbfbfb;
        margin-top: 0.4vw;
        font-weight: normal;
    }
    input[type="tel"].contact_tel {
        border: none;
        border-bottom: 1px solid #ccc;
        background-color: #fbfbfb;
        margin-top: 0.4vw;
        font-weight: normal;
    }
    input[type="email"].contact_input_boxarea {
        border: none;
        border-bottom: 1px solid #ccc;
        background-color: #fbfbfb;
        margin-top: 0.4vw;
        font-weight: normal;
    }
    input[type="url"].contact_input_boxarea {
        border: none;
        border-bottom: 1px solid #ccc;
        background-color: #fbfbfb;
        margin-top: 0.4vw;
        font-weight: normal;
    }
    input[type="file"].contact_input_file {
        padding: 0.6vw 0;
        font-weight: normal;
    }
    textarea.contact_input_boxarea {
        font-weight: normal;
    }

    /* support_CONTACT */
    .support_area {
        text-align: left;
    }
    .support_area .support_tab_item:nth-of-type(2) {
        float: none;
        float: left;
        margin-left: 2vw;
    }
    .support_area .tab_content {
        padding: 40px 40px 0;
    }
    .support_area .support_tabs {
        width: 88%;
        margin: 0 auto 5vw;
        padding-bottom: 0;
    }
    .support_area .support_box_ttl2 {
        text-align: center;
    }

.content_accordion {
margin: 1vw auto;
max-width: 60vw;
padding-top: 0.5vw;
}
.content_toggle {
display: none;
}
.content_option {
position: relative;
margin-bottom: 1em;
}
.content_title,
.content_content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.content_title {
border: solid 1px #ccc;
padding: 1vw;
display: block;
color: #333;
font-weight: 700;
font-size: 1vw;
}
.content_title::after,
.content_title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.content_title::after {
transform: rotate(90deg);
}
.content_content {
max-height: 0;
overflow: hidden;
}
.content_content p {
margin: 0;
padding: 2vw 2vw 2vw;
font-size: 0.9em;
line-height: 1.5;
}
.content_toggle:checked + .content_title + .content_content {
max-height: 80vw;
transition: all 1.5s;
}
.content_toggle:checked + .content_title::before {
transform: rotate(90deg) !important;
}
.content_txt_img{
margin: 0 auto;
width: 70%;
padding: 2vw 0vw;
}
.content_txt_img img{
width: 100%;
border: 1px solid #ddd;
}
a.content_txt_link{
color: #94c6b1;
text-decoration: underline;
}
}

@media screen and (max-width: 767px) {
    /* sp */
    .page_ttl {
        margin: 0 6.6vw 4.6vw;
        padding-top: 6.3vw;
    }
    .page_ttl_en {
        font-size: 4.7vw;
        display: inline-block;
        margin-bottom: 6.6vw;
		letter-spacing: 0.4vw;
    }
    .page_ttl_ja {
        font-size: 2.6vw;
        font-weight: bold;
        display: inline-block;
    }
    .contents_news_list_box .page_ttl {
        text-align: left;
    }
    .contents_news_list_box .page_ttl_en {
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .cat_kv {
        position: relative;
    }
    .cat_kv_img {
        position: relative;
    }
    .cat_kv_ttl {
        padding: 6.6vw 0;
    }
    .cat_kv_img img {
        width: 100%;
    }
    .cat_kv_ttl_en {
        position: absolute;
        left: 66.6vw;
        top: 28.8vw;
        font-size: 2.4vw;
    }
    .scalpcare .cat_kv_ttl_en {
        right: 66.6vw;
        left: auto;
    }
    .cat_kv_ttl_ja {
        text-align: center;
        font-size: 3.7vw;
    }

    .product_list {
        gap: 2vw 2vw;
        margin-bottom: 10vw;
    }
    .product_list > li {
        width: 48.89%;
    }
    .product_list > li a {
        overflow: hidden;
    }
    .product_name_en {
        font-size: 2.9vw;
        -ms-writing-mode: tb-rl;
	    writing-mode: vertical-rl;
        position: absolute;
        left: 2.0vw;
        top: 2.0vw;
        margin-bottom: 0;
    }
    .product_name_ja {
        font-size: 2.3vw;
        margin-bottom: 2vw;
    }
    .product_price {
        font-size: 3.3vw;
    }
    .product_price_tax {
        font-size: 1.9vw;
    }
    .product_release {
width: 15vw;
height: 15vw;
background-color: #000;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
font-size: 2.3vw;
position: absolute;
right: -.5vw;
top: 2vw;
line-height: 1.2;
letter-spacing: 0.1vw;
    }
    .product_ranking {
        width: 6vw;
        height: 6vw;
        background-color: #000;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.6vw;
        position: absolute;
        right: 0;
        top: 0;
    }
    .product_list.rank {
        counter-reset:number; /*数字をリセット*/
        list-style-type: none!important; /*数字を一旦消す*/
    }
    .product_list.rank > li:before{
        /* 以下数字をつける */
        position: absolute;
        counter-increment: number;
        content: counter(number);
        /*以下数字のデザイン変える*/
        display:inline-block;
        background: #000000;
        color: #fff;
        font-size: 3.6vw;
        width: 6vw;
        height: 6vw;
        line-height: 6vw;
        text-align: center;
        top: 0;
        right: 0;
    }

    .product_nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 63.3vw;
        margin: 0 auto 15vw;
    }
    .product_nav > li,
    .product_nav.content_tab_list > li {
        width: 100%;
        font-size: 3.0vw;
        border-top: 1px solid #000;
    }
    .product_nav.content_tab_list>li:not(:last-child) {
        margin-bottom: 0;
    }
    .product_nav > li:last-child {
        border-bottom: 1px solid #000;
    }
    .product_nav input[type=radio] {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
    }
    .product_nav input[type=radio] + label,
    .product_nav.content_tab_list > li {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 11.3vw;
        position: relative;
    }
    .product_nav input[type=radio].is-checked + label {
        background-color: #f3f3f3;
    }
    .product_nav.content_tab_list > li.is-checked {
        font-weight: normal;
        background-color: #f3f3f3;
    }
    .product_nav input[type=radio] + label:after,
    .product_nav.content_tab_list > li:after {
        content: '';
        display: block;
        width: 2.4vw;
        height: 0.5vw;
        background: url(/wp-content/themes/mytrex/img/icon/more@2x.png) no-repeat left top;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 4vw;
        transform: translate(0%,-50%);
    }
    .product_nav.single_nav > li {
        border: 1px solid #000;
        width: 63.3vw;
        height: 54.4vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .product_nav.single_nav > li::after {
        content: '';
        display: block;
        width: 5.2vw;
        height: 1.4vw;
        background: url(/wp-content/themes/mytrex/img/icon/more@2x.png) no-repeat left top;
        background-size: contain;
        position: absolute;
        bottom: -1.5vw;
        /* right: 50%; */
        transform: translate(-50%, 0);
        transform:rotate(90deg);
    }

    #sort-js > li {
        display: none;
    }
    #sort-js > li.is-selected {
        display: block;
    }

    .cat_other_ttl {
        display: none;
    }
    .cat_other_list {
        width: 63.3vw;
        margin: 0 auto 10vw;
    }
    .cat_other_list > li {
        position: relative;
        font-size: 2.6vw;
        text-align: center;
    }
    .cat_other_list > li.current {
        background-color: #F3F3F3;
    }
    .cat_other_list > li::after {
        content: '';
        display: block;
        width: 2.4vw;
        height: 0.5vw;
        background: url(/wp-content/themes/mytrex/img/icon/more@2x.png) no-repeat left top;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 4vw;
        transform: translate(0%, -50%);
    }
    .cat_other_list > li a {
        display: block;
        padding: 4vw 0;
        border-top: 1px solid #000;
    }
    .cat_other_list > li:last-child a {
        border-bottom: 1px solid #000;
    }

    .search_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .search_list > li {
        width: 47.7%;
        font-size: 2.4vw;
        margin-bottom: 1.3vw;
    }
    .search_list > li a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 11.3vw;
        background-color: #F3F3F3;
        position: relative;
    }
    .search_list > li a::after {
        content: '>';
        display: table;
        width: 0.5vw;
        height: 0.5vw;
        margin: 0 2.6vw;
        /* border-top: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg); */
      }
    .search_list > li.current a {
        background-color: #CDE2D4;
    }
    .search_list_head {
        margin-bottom: 13.3vw;
        padding-top: 1.3vw;
    }

    .support_list .product_name_en {
        writing-mode: inherit;
        position: initial;
    }
    .support_list .product_name_ja {
        display: none;
    }
    .support_list .product_price {
        display: none;
    }
    .support_list > li::after {
        display: none;
    }


    .content_tab_list > li {
        font-size: 3.0vw;
        cursor: pointer;
        display: block;
    }
    .content_tab_list > li:not(:last-child) {
        margin-bottom: 2.0vw;
    }
    .content_tab_list > li.is-checked {
        font-weight: bold;
    }
    .content_tab {
        display: none;
    }
    .content_tab.is-show {
        display:block;
    }
    .content_hr {
        border-top: 1px solid #000000;
        margin-top: 4.5vw;
        margin-bottom: 4.5vw;
    }
    .content_menu {
        font-size: 4.0vw;
        font-weight: bold;
        margin-bottom: 6vw;
    }

    .content_blocks {
        margin-left: 6.6vw;
        margin-right: 6.6vw;
    }
    .content_block:first-of-type {
        padding-top: 6vw;
    }
    .content_block:not(:last-of-type) {
        margin-bottom: 6vw;
    }
    .content_txt {
font-size: 3.0vw;
line-height: 1.6;
letter-spacing: 0.1vw;
padding-bottom: 2.5vw;
    }
    .content_txt_s {
font-size: 2.5vw;
line-height: 1.6;
padding: 1vw 0vw 1vw 4.5vw;
letter-spacing: 0.1vw;
    }
    .content_ttl {
        font-size: 3.5vw;
        font-weight: bold;
        margin-bottom: 2vw;
		line-height: 1.6;
    }
    .content_link {
        text-decoration: underline;
        font-weight: bold;
    }

    .sending_list:first-of-type {
        margin-top: 6vw !important;
    }
    .sending_table {
        width: 100%;
        margin-bottom: 6.5vw;
    }
    .sending_table tr th {
        padding: 2.8vw 2.8vw;
        font-size: 2.5vw;
    }
    .sending_table tr:first-child th {
        font-weight: bold;
    }
    .sending_table tr td {
        padding: 2.8vw 2.8vw;
        font-size: 2.5vw;
        line-height: 1;
    }
    .sending_table tr:nth-child(2n+1) th {
        background-color: #f2f2f1;
    }
    .sending_table tr:nth-child(2n+1) td {
        background-color: #f9f9f9;
    }
    .sending_table tr:first-child th {
        color: #ffffff;
        background-color: #5b5b5b;
    }

    .content_map_size {
        width: 100%;
        height: 80vw;
        margin-top: 3vw !important;
    }
    .content_block_last {
        padding-top: 10vw;
    }

    .page_ttl.row_2 {
        display: block;
    }
    .page_ttl.row_2 .page_ttl_en {
        display: block;
        margin-bottom: 8vw;
    }
    .page_ttl.row_2 .page_ttl_ja {
        display: block;
        padding-left: 0;
        font-size: 3.5vw;
        font-weight: bold;
		line-height: 1.5;
    }

    /* CONTACT */

    .support_tabs {
        margin-left: 6.6vw;
        margin-right: 6.6vw;
        padding-top: 6.6vw;
    }
    .tab_content {
        padding: 20px 0 0;
    }
    .support_tab_item {
        width: 42vw;
        font-size: 2.4vw;
        letter-spacing: inherit;
        color: #3C393B;
        font-weight: normal;
        margin-left: 0;
        border-radius: 0;
    }
    .support_tab_item:nth-of-type(1) {
        float: left;
    }
    .support_tab_item:nth-of-type(2) {
        float: right;
    }
    .support_tabs input:checked+.support_tab_item {
        background-color: #C6E1D1;
        color: #3C393B;
        font-weight: bold;
    }
    .support_tab_item > span {
        padding-left: 2.6vw;
    }
    .supoprt_contents_ttl > div {
        display: flex;
        align-items: center;
        padding-left: 0;
        line-height: 1.4;
    }
    .your-subject {
        display: block;
        width: 100%;
    }
    .support_contents_dropdown {
        width: 100%;
        padding: 10px;
        border-radius: 0;
    }
    .supoprt_contents_ttl {
        font-weight: bold;
        font-size: calc(2.4vw * 1.5);
        letter-spacing: normal;
    }
    .supoprt_contents_item_box {
        padding: 3vw 0 4vw;
    }
    .support_contents_dd {
        padding-bottom: 5vw;
        border-bottom: 1px solid #333;
    }
    .supoprt_contents_item {
        border-bottom: 1px solid #333;
        margin-bottom: 5vw;
    }
    .supoprt_contents_item_ttl {
        /* display: flex; */
        align-items: center;
        font-weight: bold;
        font-size: calc(2.4vw * 1.5);
        letter-spacing: normal;
    }
    .contact_us_table_class1_1 > .contact_us_table_class1_1_sub,
    .contact_us_table_class1_2 > .contact_us_table_class1_1_sub,
    .contact_us_table_class1_3 > .contact_us_table_class1_1_sub,
    .contact_us_table_class1_4 > .contact_us_table_class1_1_sub {
        padding-left: 2.5vw;
        padding-top: 0;
    }
    .supoprt_contents_item_ttl > .contact_us_table_class1_1_sub,
    .contact_us_table tbody tr:nth-child(5) .contact_us_table_class1_1_sub {
        padding-left: 0;
        padding-top: 3px;
    }
    .support_contents_item_checkbox {
        display: inline-block;
        margin-left: -1em;
        padding: 0;
    }
    .supoprt_contents_sub {
        font-size: calc(2vw * 1.5);
        line-height: 4vw;
        letter-spacing: .1vw;
        font-weight: normal;
        color: #F8A088;
    }

    table.contact_us_table {
        margin-bottom: 0;
    }
    .contact_us_table thead {
        border-top: none;
    }
    .contact_us_table td {
        border-bottom: none;
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
        font-weight: bold;
        font-size: calc(2.4vw * 1.5);
        letter-spacing: -0.05em;
    }
    .contact_us_table td > .contact_us_table_class1_1_sub {
        /* padding-left: 0; */
        /* padding-top: 3px; */
    }
    .contact_us_table_class1_1_sub {
        font-weight: normal;
        font-size: calc(2.0vw * 1.5);
        padding-left: 2.5vw;
    }
    .contact_us_table_sub {
        color: #F8A088;
        font-size: calc(2vw * 1.5);
    }
    .contact_us_table_box {
        padding: 0 0 5vw;
    }
    thead .contact_us_table_box {
        border-bottom: 1px solid #333;
        margin-bottom: 5vw;
    }
    .contact_checklist {
        display: inline-block;
        margin-left: -2em;
        line-height: 6vw;
        padding: 3vw 0 1vw;
    }
    .contact_us_table_box2 {
        padding: 10px 0;
        width: 100%;
    }
    .support_contents_notes {
        width: 100%;
        font-size: calc(2.0vw * 1.5);
        font-weight: normal;
    }
    .support_contents_item_sub {
        padding-top: 2vw;
        font-size: calc(2.2vw * 1.5);
    }

    input[type="text"].contact_input_boxarea {
        border: none;
        border-bottom: 1px solid #ccc;
        background-color: #fbfbfb;
        margin-top: 0.8vw;
        font-size: 16px;
        font-weight: normal;
    }
    input[type="tel"].contact_tel {
        border: none;
        border-bottom: 1px solid #ccc;
        background-color: #fbfbfb;
        margin-top: 0.8vw;
        font-size: 16px;
        font-weight: normal;
    }
    input[type="email"].contact_input_boxarea {
        border: none;
        border-bottom: 1px solid #ccc;
        background-color: #fbfbfb;
        margin-top: 0.8vw;
        font-size: 16px;
        font-weight: normal;
    }
    input[type="url"].contact_input_boxarea {
        border: none;
        border-bottom: 1px solid #ccc;
        background-color: #fbfbfb;
        margin-top: 0.8vw;
        font-size: 16px;
        font-weight: normal;
    }
    input[type="file"].contact_input_file {
        padding: 2vw 0;
        font-weight: normal;
    }
    textarea.contact_input_boxarea {
        font-size: 16px;
        font-weight: normal;
    }

    /* support_CONTACT */
    .support_area {
        text-align: left;
    }
    .support_area .support_tabs {
        margin-left: 10px;
        margin-right: 10px;
    }
    .support_area .support_tab_item:nth-of-type(2) {
        float: none;
        float: left;
        margin-left: 1vw;
    }
    .support_area .tab_content {
        padding: 20px 10px 0;
    }
    .support_area .support_box_ttl2 {
        text-align: center;
    }

.content_accordion {
margin: 4vw auto;
padding-top: 2.5vw;
}
.content_toggle {
display: none;
}
.content_option {
position: relative;
margin-bottom: 1em;
}
.content_title,
.content_content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.content_title {
border: solid 1px #ccc;
padding: 2vw 5vw 2vw 2vw;
display: block;
color: #333;
font-weight: 700;
font-size: 2.5vw;
line-height: 2.4;
}
.content_title::after,
.content_title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.75em;
width: 2px;
height: 1em;
background-color: #999;
transition: all 0.3s;
}
.content_title::after {
transform: rotate(90deg);
}
.content_content {
max-height: 0;
overflow: hidden;
}
.content_content p {
margin: 0;
padding: 2vw 2vw 2vw;
font-size: 0.9em;
line-height: 1.5;
}
.content_toggle:checked + .content_title + .content_content {
max-height: 270vw;
transition: all 1.5s;
}
.content_toggle:checked + .content_title::before {
transform: rotate(90deg) !important;
}
.content_txt_img{
margin: 0 auto;
width: 70%;
padding: 2vw 0vw;
}
.content_txt_img img{
width: 100%;
border: 1px solid #ddd;
}
a.content_txt_link{
color: #94c6b1;
text-decoration: underline;
}
}

/* 30day */

@media screen and (max-width: 767px) {
.content_trial{
padding-bottom: 1.5vw;
}
.content_trial_icon{
	background: #a8cab2;
    padding: 3.2vw 1vw;
    border-radius: 3px;
    color: #fff;
    font-size: 1.7vw;
    float: left;
    width: 13vw;
    text-align: center;
    letter-spacing: .15vw;
    line-height: 1.2;
}
.content_trial_icon_t{
	font-size: 2.6vw;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .1vw;
    margin-left: .1vw;
}
.content_trial_ttl{
	padding: 0 0 0vw 2.5vw;
    float: left;
    width: 73vw;
}
.content_trial_ttl1{
	color: #363636;
    font-size: 2.5vw;
    letter-spacing: .15vw;
    line-height: 1;
}
.content_trial_ttl2{

}
.content_trial_ttl2_en{
	float: left;
    width: 8.4vw;
    padding: 1.5vw 1vw 0 0;
}
.content_trial_ttl2_en img{
	width: 100%;
	height: auto;
}
.content_trial_ttl2_t{
	color: #a8cab2;
    font-size: 5.8vw;
    font-weight: 800;
    letter-spacing: .02vw;
    line-height: 1;
    float: left;
    padding-top: 0.8vw;
}
.content_trial_ttl2_t2{
	font-size: 7.7vw;
    padding-right: 1.05vw;
    letter-spacing: 0vw !important;
    line-height: 1.2;
}
.content_trial_txt1{
	font-size: 2.7vw;
    letter-spacing: 0vw;
    line-height: 1.7;
    color: #000;
    padding-bottom: 6vw;
}
.content_trial_txt1_line{
	text-decoration: underline;
}
.content_trial_txt2{
	font-size: 2.9vw;
	font-weight: 700;
	letter-spacing:0.01vw;
	line-height:1.7;
	color:#A8CAB2;
    padding-bottom: 4vw;
}
.content_trial_txt2a{

}
.content_trial_txt3{
	font-size: 2.9vw;
	font-weight: 700;
	letter-spacing:0.01vw;
	line-height:1.7;
	color:#999999;
    padding-bottom: 6vw;
}
.content_trial_txt4{
	font-size: 2.7vw;
    letter-spacing: .01vw;
    line-height: 1.7;
    color: #000;
    padding-bottom: 6vw;
}
.content_trial_txt5{
	font-size: 2.7vw;
	letter-spacing:0.01vw;
	line-height:1.7;
	color:#000;
    padding-bottom: 6vw;
}
.content_trial_txt6{
	font-size:1.85vw;
	letter-spacing:0.01vw;
	line-height:1.7;
	color:#000;
	padding-bottom:2vw;
}
}
@media screen and (min-width: 768px) {
.content_trial{
padding-bottom: 1vw;
}
.content_trial_icon{
	background: #a8cab2;
    padding: 2vw 1vw;
    border-radius: 5px;
    color: #fff;
    font-size: 1vw;
    float: left;
    width: 8vw;
    text-align: center;
    letter-spacing: 0.05vw;
	line-height: 1.2;
}
.content_trial_icon_t{
	font-size: 1.4vw;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1vw;
    margin-left: 0.1vw;
}
.content_trial_ttl{
	padding: 0vw 0 1vw 1.5vw;
	float: left;
	width: 42vw;
}
.content_trial_ttl1{
	color: #363636;
    font-size: 1.5vw;
    letter-spacing: .15vw;
    line-height: 1;
}
.content_trial_ttl2{

}
.content_trial_ttl2_en{
	float: left;
    width: 5.3vw;
    padding: 1vw 1vw 0vw 0vw;
}
.content_trial_ttl2_en img{
	width: 100%;
	height: auto;
}
.content_trial_ttl2_t{
	color: #a8cab2;
    font-size: 3.4vw;
    font-weight: 800;
    letter-spacing: .02vw;
    line-height: 1;
    float: left;
    padding-top: 0.8vw;
}
.content_trial_ttl2_t2{
	font-size: 4.35vw;
    padding-right: 0.5vw;
    letter-spacing: 0vw !important;
    line-height: 1.2;
}
.content_trial_txt1{
	font-size:1.0vw;
	letter-spacing:0.01vw;
	line-height:1.7;
	color:#000000;
	padding-bottom:2vw;
}
.content_trial_txt1_line{
	text-decoration: underline;
}
.content_trial_txt2{
	font-size:1.1vw;
	font-weight: 700;
	letter-spacing:0.01vw;
	line-height:1.7;
	color:#A8CAB2;
	padding-bottom:2vw;
}
.content_trial_txt2a{

}
.content_trial_txt3{
	font-size:1.1vw;
	font-weight: 700;
	letter-spacing:0.01vw;
	line-height:1.7;
	color:#999999;
	padding-bottom:2vw;
}
.content_trial_txt4{
	font-size: 1.1vw;
    letter-spacing: .01vw;
    line-height: 1.7;
    color: #000;
    padding-bottom: 2vw;
}
.content_trial_txt5{
	font-size:1.1vw;
	letter-spacing:0.01vw;
	line-height:1.7;
	color:#000;
	padding-bottom:2vw;
}
.content_trial_txt6{
	font-size:0.85vw;
	letter-spacing:0.01vw;
	line-height:1.7;
	color:#000;
	padding-bottom:2vw;
}
}


/* 25/4/25 修正
====================================*/
@media screen and (max-width:767px){
    .supoprt_contents_item_ttl > .contact_us_table_class1_1_sub, .contact_us_table tbody tr:nth-child(5) .contact_us_table_class1_1_sub {
        padding-left: 0;
        padding: 1.5vw 0;
    }
    .pd_cat_select {
        width: 100%;
        padding: 2vw;
        border: 1px solid #ccc;
        border-radius: 0;
    }
    .pd_category_ttl {
        font-size: 3.3vw;
        font-weight: bold;
        margin-bottom: 1vw;
    }
    .pd_cat_select_item {
        padding: 2vw 0;
    }
}


@media screen and (min-width:768px){
    .pd_cat_select {
        width: 100%;
        margin-top: 1vw;
        padding: 1vw;
        border: 1px solid #ccc;
        border-radius: 0;
        font-size: 1.3vw;
    }
    .pd_cat_select_item {
        padding: 1vw 0;
    }
    .pd_category_ttl {
        font-size: 1.3vw;
        font-weight: bold;
        margin-bottom: .5vw;
    }
}

/* review */
@media screen and (max-width:767px){
.shop_review_list{
	padding: 0vw 6vw 5vw;
	border-bottom: 1px solid #999;
	margin-bottom: 6vw;
}
.shop_review_list li {
	margin-left: 1vw;
    font-size: 3.5vw;
    padding-bottom: 1.8vw;
    line-height: 1.4;
    text-indent: -1em;
    padding-left: 1em;
}
.shop_review_list li a{
	border-bottom: 1px dotted #999;
	text-decoration: none;
}
.shop_review_list li a:visited{
	text-decoration: none;
}
.shop_review_list li a:hover{
	text-decoration: none;
}
.shop_review_list li::marker {
	font-weight: bold;
	color: #e32222;
	}
	.shop_review_box{
		padding: 2vw 4vw;
	}
	.shop_review_img1{
		margin: 0 auto;
		width: 50%;
		padding: 2vw 0vw;		
	}
	.shop_review_img1 img {
		width: 100%;
		border: 1px solid #ddd;
	}
	.shop_review_img2{
		margin: 0 auto;
		width: 50%;
		padding: 2vw 1vw;		
		float: left;
	}
	.shop_review_img2 img {
		width: 100%;
		border: 1px solid #ddd;
	}
	#review001, #review002, #review003, #review004{
		padding-top: 14vw;
	}
}
@media screen and (min-width:768px){
.shop_review_list{
	padding-bottom: 2vw;
	border-bottom: 1px solid #999;
	margin-bottom: 4vw;
}
.shop_review_list li {
	margin-left: 1vw;
    padding-left: 0vw;
    font-size: 1.1vw;
    padding-bottom: 0.8vw;
}
.shop_review_list li a{
	border-bottom: 1px dotted #999;
	text-decoration: none;
}
.shop_review_list li a:visited{
	text-decoration: none;
}
.shop_review_list li a:hover{
	text-decoration: none;
}
.shop_review_list li::marker {
	font-weight: bold;
	color: #e32222;
	}
	.shop_review_box{
		padding-bottom:2vw;
	}
	.shop_review_img1{
		margin: 0 auto;
		width: 50%;
		padding: 2vw 0vw;		
	}
	.shop_review_img1 img {
		width: 100%;
		border: 1px solid #ddd;
	}
	.shop_review_img2{
		margin: 0 auto;
		width: 33.3%;
		padding: 2vw 1vw;		
		float: left;
	}
	.shop_review_img2 img {
		width: 100%;
		border: 1px solid #ddd;
	}
	#review001, #review002, #review003, #review004{
		padding-top: 6vw;
	}
}
  .content_txt a {
    color: #94c6b1;
    text-decoration: underline;
  }


@media screen and (min-width: 768px) {
    .discontinued_page_ttl {
        display: flex;
        align-items: center;
        padding-top: 3vw;
        margin-bottom: 3vw;
		text-align: left;
    }
    .discontinued_page_ttl_en {
        font-size: 1.8vw;
		letter-spacing: 0.05vw;
    }
    .discontinued_page_ttl_ja {
        font-size: 0.9vw;
        padding-left: 3vw;
    }
    .contents_news_list_box .discontinued_page_ttl {
        padding-left: 1.5vw;
    }
    .contents_news_list_box .discontinued_page_ttl_en {
        text-transform: uppercase;
    }
    .discontinued_page_ttl.row_2 {
        display: block;
    }
    .discontinued_page_ttl.row_2 .discontinued_page_ttl_en {
        display: block;
        margin-bottom: 2vw;
    }
    .discontinued_page_ttl.row_2 .discontinued_page_ttl_ja {
        display: block;
        padding-left: 0;
        font-size: 1.2vw;
        font-weight: bold;
    }
	.discontinued_list {
        display: flex;
        justify-content: space-between;
        margin-bottom: 3.5vw;
    }
    .discontinued_list:first-of-type {
        margin-top: 2vw !important;
    }
    .discontinued_table {
        width: 100%;
    }
    .discontinued_table tr th {
        padding: 0.8vw 0.8vw;
        font-size: 0.9vw;
    }
    .discontinued_table tr:first-child th {
        font-weight: normal;
		text-align: center;
		font-size: 1vw;
		letter-spacing: 0.1em;
    }
    .discontinued_table tr td {
        padding: 0.8vw 0.8vw;
		font-size: 1.1vw;
		line-height: 1.3;
		text-align: center;
		vertical-align: middle;
		width: 33.3%;
    }
    .discontinued_table tr:nth-child(2n+1) th {
        background-color: #f2f2f1;
    }
    .discontinued_table tr:nth-child(2n+1) td {
        background-color: #f9f9f9;
    }
    .discontinued_table tr:first-child th {
        color: #ffffff;
        background-color: #5b5b5b;
    }
    .discontinued_table td a{
		color: #000000;
		text-decoration: underline;
    }
	.discontinued_ttl{
		font-size: 1vw;
		font-weight: 800;
		letter-spacing: 0.01em;
		padding-bottom: 0.5vw;
		line-height: 1;		
	}
	.discontinued_txt{
		font-size: 1vw;
		letter-spacing: 0.01em;
		line-height: 1.5;
		padding-bottom: 3vw;
	}
	.discontinued_ttl2{
		font-size: 1.5vw;
		font-weight: 800;
		letter-spacing: 0.05em;
		padding-bottom: 2vw;
	}
}

@media screen and (max-width: 767px) {
    .discontinued_page_ttl {
        margin: 0 6.6vw 4.6vw;
        padding-top: 6.3vw;
		text-align: left;
    }
    .discontinued_page_ttl_en {
        font-size: 4.7vw;
        display: inline-block;
        margin-bottom: 6.6vw;
		letter-spacing: 0.4vw;
    }
    .discontinued_page_ttl_ja {
        font-size: 2.6vw;
        font-weight: bold;
        display: inline-block;
    }
    .contents_news_list_box .discontinued_page_ttl {
        text-align: left;
    }
    .contents_news_list_box .discontinued_page_ttl_en {
        margin-bottom: 0;
        text-transform: uppercase;
    }
    .discontinued_page_ttl.row_2 {
        display: block;
    }
    .discontinued_page_ttl.row_2 .discontinued_page_ttl_en {
        display: block;
        margin-bottom: 8vw;
    }
    .discontinued_page_ttl.row_2 .discontinued_page_ttl_ja {
        display: block;
        padding-left: 0;
        font-size: 3.5vw;
        font-weight: bold;
		line-height: 1.5;
    }
    .discontinued_list:first-of-type {
        margin-top: 6vw !important;
    }
    .discontinued_table {
        width: 100%;
        margin-bottom: 6.5vw;
    }
    .discontinued_table tr th {
        padding: 2.8vw 2.8vw;
        font-size: 2.8vw;
		text-align: center;
		letter-spacing: 0.08em;
    }
    .discontinued_table tr:first-child th {
        font-weight: bold;
    }
    .discontinued_table tr td {
        padding: 2.8vw 2.8vw;
		font-size: 2.8vw;
		line-height: 1.4;
		text-align: center;
		vertical-align: middle;
		width: 33.3%;
    }
    .discontinued_table tr:nth-child(2n+1) th {
        background-color: #f2f2f1;
    }
    .discontinued_table tr:nth-child(2n+1) td {
        background-color: #f9f9f9;
    }
    .discontinued_table tr:first-child th {
        color: #ffffff;
        background-color: #5b5b5b;
    }
    .discontinued_table td a{
		color: #000000;
		text-decoration: underline;
    }
	.discontinued_ttl{
		font-size: 3.5vw;
		font-weight: 600;
		letter-spacing: 0.01em;
		padding-bottom: 2vw;
	}
	.discontinued_txt{
		font-size: 3.5vw;
		letter-spacing: 0em;
		line-height: 1.75;
		padding-bottom: 10vw;
	}
	.discontinued_ttl2{
		font-size: 3.8vw;
		font-weight: 600;
		letter-spacing: 0.05em;
		padding-bottom: 3vw;
	}

}


/* 25/7/15 SUPPORT
=============================*/
@media screen and (min-width:768px){
    .product_category {
        font-size: 1.4vw;
        font-weight: bold;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        padding-bottom: .8vw;
        border-bottom: 3px solid #f3f3f3;
        margin-bottom: 1.5vw;
    }
    .product_list {
        margin-bottom: 1vw;
    }
}
@media screen and (max-width:767px){
    .product_category {
        font-size: 3.5vw;
        font-weight: bold;
        color: #333;
        letter-spacing: .2vw;
        padding-bottom: 1.5vw;
        border-bottom: 3px solid #f3f3f3;
        margin: 0 2vw 3vw;
    }
    .page_ttl{
        margin: 0 2vw 5vw;
    }
    .product_name_en {
        letter-spacing: .1vw;
        line-height: 1.3;
    }
}