@charset "utf-8";

/* CSS Document */





/*----------------------------------

 フォント

----------------------------------*/

@font-face {

    font-family: "HardwearDisplay";

    src: url("../font/HardwearDisplay-Light.otf") format("opentype");

    font-weight: 300;

}



@font-face {

    font-family: "HardwearDisplay";

    src: url("../font/HardwearDisplay-Medium.otf") format("opentype");

    font-weight: 500;

}



@font-face {

    font-family: "HardwearDisplay";

    src: url("../font/HardwearDisplay-SemiBold.otf") format("opentype");

    font-weight: 600;

}



@font-face {

    font-family: "HardwearDisplay";

    src: url("../font/HardwearDisplay-Bold.otf") format("opentype");

    font-weight: 700;

}



.min {

    font-family: Noto Serif JP, 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;

}



.hard {

    font-family: 'HardwearDisplay', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;

}





/*----------------------------------

 デバイス

----------------------------------*/



@media screen and (min-width: 800px) {

    .only-sp {

        display: none;

    }



    .only-pc {

        display: block;

    }

}



@media screen and (max-width: 799px) {

    .only-sp {

        display: block;

    }



    .only-pc {

        display: none;

    }

}



body .trailsender {

    position: relative;

    color: #333;

    font-family: "Noto Sans JP", "source-han-sans-japanese", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Helvetica Neue", Arial, sans-serif;

    font-size: clamp(10px, 1vw, 14px);

    font-weight: 400;

    -webkit-font-feature-settings: "palt";

    font-feature-settings: "palt";

    letter-spacing: 0;

    line-height: 1.46;

}



@media screen and (min-width: 800px) {

    body .trailsender {

        font-size: 1.8rem;

        min-width: 1280px;

        letter-spacing: 0;

    }

}



.trailsender a {

    -webkit-transition: 0.3s;

    transition: 0.3s;

    text-decoration: none;

    color: #000;

}



.trailsender a:hover {

    opacity: 1;

    text-decoration: none;

}



@media screen and (min-width: 800px) {

    .trailsender a:hover {

        opacity: 0.7;

    }

}



.trailsender img {

    max-width: 100%;

    vertical-align: bottom;

}



.trailsender .slick-dots button {

    background-color: transparent;

    border: none;

    cursor: pointer;

    outline: none;

    padding: 0;

    appearance: none;

}



.trailsender .wrapper {

    position: relative;

    overflow: inherit;

}



.trailsender .secInner {

    overflow: hidden;

}



*:focus {

    outline: none;

}





.trailsender .sup {

    font-size: 50%;

    vertical-align: top;

    position: relative;

    top: -0.05em;

}





/* font */

.trailsender .en {

    font-family: "CircularPro-Book", sans-serif;

    color: #000;

}



.trailsender .enb {

    font-family: "CircularPro-Black", sans-serif;

    color: #000;

}



.trailsender p {

    line-height: 1.64;

}





/* slider */

.trailsender .slick-dots {

    margin: 0 auto;

    position: absolute;

    bottom: 30px;

    left: 0;

    right: 0;

    display: flex;

    justify-content: center;

}



.trailsender .slick-dots button {

    background-color: transparent;

    border: none;

    cursor: pointer;

    outline: none;

    padding: 0;

    appearance: none;

    font-size: 0;

}



.trailsender .slick-dots button {

    width: 16px;

    height: 16px;

    margin: 0 4px;

    display: block;

    font-size: 0;

    line-height: 0;

    background-color: #fff;

    border-radius: 100px;

}



.trailsender .slick-dots .slick-active button {

    background-color: #f3fd30;

}



@media screen and (max-width: 799px) {

    .trailsender .slick-dots button {

        width: 8px;

        height: 8px;

        margin: 0 2px;

    }

}



.trailsender .slick-slider .slick-arrow {

    opacity: 1;

    transition: opacity ease .3s;

    z-index: 8;

    position: absolute;

}



.trailsender .slick-slider .slick-arrow.slick-disabled {

    opacity: 0;

    pointer-events: none;

}



.trailsender .slider {

    margin: 0 auto;

}



.trailsender .slick-slide img {

    margin: 0 auto;

    max-width: none;

    width: 100%;

}



.trailsender .trailsender_productSlideArea .trailsender_productSlideThumb .slick-slide {

    position: relative;

}



.trailsender .trailsender_productSlideArea .trailsender_productSlideThumb .slick-slide.slick-current:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.3);

}



.trailsender .slide-arrow {

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #f3fd30;

}



.trailsender .slide-arrow.prev-arrow:before {

    content: "";

    width: 12px;

    height: 12px;

    margin-left: 6px;

    border-top: #000 2px solid;

    border-right: #000 2px solid;

    transform: rotate(-135deg);

    display: block;

}



.trailsender .slide-arrow.next-arrow:before {

    content: "";

    width: 12px;

    height: 12px;

    margin-left: -6px;

    border-top: #000 2px solid;

    border-right: #000 2px solid;

    transform: rotate(45deg);

    display: block;

}



@media (hover: hover) {

    .trailsender .slick-slider .slick-arrow:hover {

        background-color: #000;

        cursor: pointer;

    }



    .trailsender .slick-slider .slide-arrow.prev-arrow:hover:before,

    .trailsender .slick-slider .slide-arrow.next-arrow:hover:before {

        border-top: #fff 2px solid;

        border-right: #fff 2px solid;

    }

}



@media screen and (min-width: 800px) {

    .trailsender .trailsender_productSlideArea {

        margin-top: 40px;

        margin-bottom: 70px;

        display: flex;

        justify-content: space-between;

        align-items: center;

        flex-direction: row-reverse;

    }



    .trailsender .trailsender_productSlideArea .trailsender_productSlideMain {

        width: 636px;

        height: 600px;

        margin-right: 50px;

    }



    .trailsender .trailsender_productSlideArea .trailsender_productSlideThumb {

        width: 180px;

        margin-top: 43px;

    }



    .trailsender .trailsender_productSlideArea .trailsender_productSlideThumb .slick-slide {

        margin: 10px 0;

    }



    .trailsender .slick-slider .slick-arrow.prev-arrow {

        width: 40px;

        height: 40px;

        left: 50px;

        top: 50%;

        transform: translateY(-50%);

    }



    .trailsender .slick-slider .slick-arrow.next-arrow {

        width: 40px;

        height: 40px;

        right: 50px;

        top: 50%;

        transform: translateY(-50%);

    }



    .trailsender .trailsender_productSlideThumbSlick.slick-slider .slick-arrow.prev-arrow {

        width: 28px;

        left: 50%;

        top: 0;

        transform: translate(-50%, -30%) rotate(90deg);

    }



    .trailsender .trailsender_productSlideThumbSlick.slick-slider .slick-arrow.next-arrow {

        width: 28px;

        right: auto;

        left: 50%;

        top: auto;

        bottom: -18px;

        transform: translate(-50%, 0%) rotate(90deg);

    }

}



@media screen and (max-width: 799px) {

    .trailsender .trailsender_productSlideArea {

        width: 100%;

        margin: 0 auto;

        display: block;

    }



    .trailsender .trailsender_productSlideArea .trailsender_productSlideMain {

        width: 100%;

        height: auto;

        margin-right: 0;

        margin-bottom: 20px;

    }



    .trailsender .trailsender_productSlideArea .trailsender_productSlideThumb {

        width: 106%;

        margin-bottom: 20px;

        margin-left: -3%;

    }



    .trailsender .trailsender_productSlideArea .trailsender_productSlideThumb .slick-slide {

        margin: 0 10px;

    }



    .trailsender .slick-slide img.trailsender_productSlidePt {

        padding-top: 0;

    }



    .trailsender .glArea .gearSliderArea .slick-arrow {

        opacity: 1 !important;

    }



    .trailsender .glArea .gearSliderArea .slick-arrow.slick-disabled {

        opacity: 0 !important;

    }



    .trailsender .slick-slider .slick-arrow.prev-arrow {

        width: calc(50/750*100vw);

        height: calc(50/750*100vw);

        left: calc(40/750*100vw);

        top: 50%;

        transform: translateY(-100%);

    }



    .trailsender .slick-slider .slick-arrow.next-arrow {

        width: calc(50/750*100vw);

        height: calc(50/750*100vw);

        right: calc(40/750*100vw);

        top: 50%;

        transform: translateY(-100%);

    }



    .trailsender .trailsender_productSlideThumbSlick.slick-slider .slick-arrow.prev-arrow {

        width: 14px;

        left: -2px;

        top: 50%;

        transform: translateY(-50%);

    }



    .trailsender .trailsender_productSlideThumbSlick.slick-slider .slick-arrow.next-arrow {

        width: 14px;

        right: -2px;

        top: 50%;

        transform: translateY(-50%);

    }



    .trailsender .slide-arrow.prev-arrow:before {

        width: calc(20/750*100vw);

        height: calc(20/750*100vw);

        margin-left: 4px;

    }



    .trailsender .slide-arrow.next-arrow:before {

        width: calc(20/750*100vw);

        height: calc(20/750*100vw);

        margin-left: -4px;

    }

}





/* navi */

.trailsender_nav {

    width: 100%;

    padding: 0;

    background-color: rgba(255, 255, 255, .5);

}



.trailsender_nav.fixed {

    position: fixed;

    top: 0;

    margin: 0 auto;

    width: 100%;

    z-index: 9999;

    transform: translate(0, 80px);

    transition: opacity .4s ease, background-color .4s ease, transform .4s ease;

}



.pane-header.disable+.trailsender .trailsender_nav.fixed {

    transform: translate(0, 0);

    transition: opacity .4s ease, background-color .4s ease, transform .4s ease;

}



.trailsender_nav .trailsender_navInner {

    position: relative;

}



ul.trailsender_navList {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



ul.trailsender_sabnavList {

    display: flex;

    justify-content: space-between;

    align-content: center;

}



ul.trailsender_navList li.__navItem {

    text-align: center;

    position: relative;

}



ul.trailsender_navList li.__subnavItem {

    width: 100%;

    position: relative;

}



ul.trailsender_navList li.__subnavItem:before {

    content: "";

    width: 1px;

    height: 60px;

    display: block;

    position: absolute;

    left: 0;

    top: 15px;

    background-color: #000;

}



ul.trailsender_navList li.__subnavItem:last-child:after {

    content: "";

    width: 1px;

    height: 60px;

    display: block;

    position: absolute;

    right: 0;

    top: 15px;

    background-color: #000;

}



ul.trailsender_navList>.__navItem a {

    margin: 0 auto;

    display: block;

    line-height: 1;

}



ul.trailsender_navList>.__navItem>a img {

    width: 251px;

}



ul.trailsender_navList .__subnavItem a {

    padding: 31px 0;

    font-size: 22px;

    font-weight: 600;

    text-align: center;

    white-space: nowrap;

    letter-spacing: -0.02em;

}



@media screen and (min-width: 800px) {

    ul.trailsender_navList .__navItem>a:hover {

        background-color: #f3fd30;

        opacity: 1;

    }



    ul.trailsender_navList .__subnavItem a:hover {

        background-color: #f3fd30;

        opacity: 1;

    }

}



ul.trailsender_navList>.__navItem:nth-child(1)>a {

    width: 444px;

    padding: 18px 0 17px;

    text-align: center;

}



ul.trailsender_navList li.__navItem:nth-child(2) {

    width: calc(100% - 444px);

    padding: 0 calc(100/1920*100%) 0 0;

    text-align: left;

}



/* @media screen and (max-width: 1237px) and (min-width: 768px) {

ul.trailsender_navList .__navItem:first-of-type a {

  padding: 0 0.5em 0;

}

}*/



ul.trailsender_navList .__subnavItem.__navItemActive>a {

    background-color: rgba(0, 0, 0, .7);

}



ul.trailsender_navList .__navItem.trailsender_logo a {

    width: 222px;

    margin: 0 auto;

    padding: 28px 0 22px;

}



.trailsender .__snaviArea {

    width: 100%;

    position: absolute;

    top: auto;

    right: 0;

    z-index: 2;

    display: none;

}



.trailsender ul.__snavList {

    padding: 1.2em 0;

    background-color: rgba(0, 0, 0, .7);

}



.trailsender ul.trailsender_navList .__navItem .__snavItem a {

    padding: 1.2em 1em 1.2em 1em;

    color: #fff;

    font-size: 30px;

    text-align: left;

}



.trailsender ul.trailsender_navList .__navItem .__subnavItem.small .__snavItem a {

    padding: 1.2em 1em 1.2em 1em;

    color: #fff;

    font-size: 18px;

    text-align: left;

}



@media screen and (min-width: 800px) and (max-width: 1400px) {

    ul.trailsender_navList .__subnavItem a {

        padding: 31px 0;

        font-size: calc(36/1920*100vw);

    }

}



@media screen and (max-width: 799px) {

    .trailsender_nav {

        padding: 0;

        position: relative;

        z-index: 1;

    }



    .trailsender_nav.fixed {

        transform: translate(0, 64px);

    }



    .pane-header.disable+.block-gmenu+.pane-main .trailsender .trailsender_nav.fixed {

        transform: translate(0, 0);

    }



    .trailsender ul.trailsender_navList {

        justify-content: space-between;

    }



    .trailsender ul.trailsender_navList .__navItem .trailsender_sabnavList a {

        padding: 17px 0 16px;

        font-size: 12px;

    }



    ul.trailsender_navList li.__navItem:nth-child(1) {

        width: calc(210/750*100vw);

        padding: 0;

        text-align: center;

    }



    ul.trailsender_navList li.__navItem:nth-child(1)>a {

        padding: calc(25/750*100vw) calc(27/750*100vw) calc(18/750*100vw);

        width: 100%;

    }



    ul.trailsender_navList li.__navItem:nth-child(2) {

        width: calc(540/750*100vw);

        padding: 0 calc(30/759*100vw) 0 0;

        text-align: center;

    }



    ul.trailsender_sabnavList {

        display: flex;

        justify-content: flex-start;

        flex-wrap: wrap;

        align-items: center;

        position: relative;

    }



    ul.trailsender_sabnavList:before {

        content: "";

        width: calc(100% - (16/750*100vw));

        height: 1px;

        margin: 0 auto;

        display: block;

        position: absolute;

        right: 0;

        left: 0;

        top: 45px;

        background-color: #000;

    }



    ul.trailsender_navList li.__subnavItem:nth-child(1),

    ul.trailsender_navList li.__subnavItem:nth-child(2),

    ul.trailsender_navList li.__subnavItem:nth-child(3) {

        width: 50%;

    }



    ul.trailsender_navList li.__subnavItem:nth-child(4),

    ul.trailsender_navList li.__subnavItem:nth-child(5) {

        width: 50%;

    }



    ul.trailsender_navList li.__subnavItem:before {

        content: "";

        height: 30px;

        top: 7px;

    }



    ul.trailsender_navList li.__subnavItem:nth-child(2):after,

    ul.trailsender_navList li.__subnavItem:last-child:after {

        content: "";

        width: 1px;

        height: 30px;

        display: block;

        position: absolute;

        right: 0;

        top: 7px;

        background-color: #000;

    }

}





/* item btn */

.trailsender .itemBtnArea {

    margin: -26px auto 0;

    text-align: center;

    position: relative;

    z-index: 1;

}



.trailsender .itemBtnArea a {

    width: 260px;

    margin: 0 auto;

    padding: 0.7em 2em;

    font-size: 22px;

    font-weight: bold;

    letter-spacing: -0.04em;

    color: #fff;

    background-color: #100f10;

    background: linear-gradient(135deg, transparent 8px, #100f10 0) top left,

        linear-gradient(-135deg, transparent 8px, #100f10 0) top right,

        linear-gradient(-45deg, transparent 8px, #100f10 0) bottom right,

        linear-gradient(45deg, transparent 8px, #100f10 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

    display: block;

    transition: none;

}



.trailsender .itemBtnArea a.notYet {

    pointer-events: none;

}



@media screen and (min-width: 800px) {

    .trailsender .itemBtnArea a:hover {

        background-color: #f3fd30;

        background: linear-gradient(135deg, transparent 8px, #f3fd30 0) top left,

            linear-gradient(-135deg, transparent 8px, #f3fd30 0) top right,

            linear-gradient(-45deg, transparent 8px, #f3fd30 0) bottom right,

            linear-gradient(45deg, transparent 8px, #f3fd30 0) bottom left;

        background-size: 52% 52%;

        background-repeat: no-repeat;

        color: #333;

        opacity: 1;

    }

}



@media screen and (max-width: 799px) {

    .trailsender .itemBtnArea {

        margin: -13px auto 0;

    }



    .trailsender .itemBtnArea a {

        width: 130px;

        padding: 1.1em 1em;

        font-size: 12px;

    }

}









/* hero */

.trailsender {

    background-color: #f9f6f6;

}



.trailsender_hero {

    background-color: #475a25;

}



.trailsender_heroInner {

    width: 100%;

    margin: 0 auto;

}



.trailsender_hero img {

    width: 100%;

}



@media screen and (max-width: 799px) {

    .trailsender_heroInner {

        width: 100%;

        margin: 0 auto;

        padding: 0;

    }



    .trailsender_hero img {

        padding: 0;

    }

}





/* about */

.trailsender_About {

    margin-top: -65px;

    padding-top: 65px;

}



.trailsender_About .textBox {

    padding: 10em;

    background: url(/img/usr/freepage/trailsender/240531/img/about_img-pc.png) no-repeat;

    background-size: cover;

}



.trailsender_About .textBox .text {

    font-size: 26px;

    font-weight: 600;

    text-align: center;

}



.trailsender_About .imgBox {

    position: relative;

}



.trailsender_About .imgBox .imgBoxText {

    width: 100%;

    height: 1em;

    position: absolute;

    z-index: 1;

    top: 0;

    bottom: 0;

    margin: auto;

    text-align: center;

    color: #F3FD30;

    font-size: calc(264/1920*100vw);

    font-weight: 300;

    line-height: 1;

}



@media screen and (min-width: 799px) and (max-width: 1280px) {

    .trailsender_About .imgBox .imgBoxText {

        font-size: 172px;

    }

}



@media screen and (max-width: 799px) {

    .trailsender_About .textBox {

        padding: 10em 0;

        background: url(/img/usr/freepage/trailsender/240531/img/about_img-sp.png) no-repeat;

        background-size: cover;

    }



    .trailsender_About .textBox .text {

        font-size: calc(30/780*100vw);

    }



    .trailsender_About .imgBox .imgBoxText {

        font-size: calc(194/780*100vw);

        line-height: 0.85;

        height: 3em;

        transform: translateY(3%);

    }

}



.korstasis img {

    width: 100%;

    max-width: none;

}





/* products */

.trailsender_Prodcts {

    margin-top: -170px;

    padding-top: 170px;

}



.trailsender_Prodcts .secInner {

    overflow: inherit;

}



.trailsender_Prodcts .firstLead {

    margin: 0;

    padding: 1em 0;

    text-align: center;

    font-size: 100px;

    font-weight: 700;

    line-height: 1.2;

    color: #F3FD30;

    background: url(/img/usr/freepage/trailsender/240531/img/product_bg01-pc.png) no-repeat;

    background-size: cover;

}



.mhw_s23_productPhotoArea,

.mhw_s23_productContArea {

    position: relative;

}



.mhw_s23_productArea {

    padding: calc(60 / 1920* 100vw) 0;

    max-width: 100%;

    overflow: hidden;

    background-color: #475a25;

}



.mhw_s23_productArea .mhw_s23_productPhotoImg {

    width: 100%;

    position: relative;

    z-index: 1;

    background-color: #fff;

}



.mhw_s23_productArea .mhw_s23_productPhotoImg.bg01 {

    background: url(/img/usr/freepage/trailsender/240531/img/product_imgbg01.png) no-repeat;

    background-size: cover;

}



.mhw_s23_productArea .mhw_s23_productPhotoImg.bg02 {

    background: url(/img/usr/freepage/trailsender/240531/img/product_imgbg02.png) no-repeat;

    background-size: cover;

}



.mhw_s23_productArea .mhw_s23_productPhotoImg.bg03 {

    background: url(/img/usr/freepage/trailsender/240531/img/product_imgbg03.png) no-repeat;

    background-size: cover;

}



.mhw_s23_productArea .mhw_s23_productPhotoImg.bg04 {

    background: url(/img/usr/freepage/trailsender/240531/img/product_imgbg04.png) no-repeat;

    background-size: cover;

}



.mhw_s23_productContArea {

    padding: calc(80/1920*100vw) 0 0;

    background-color: #475a25;

}



.mhw_s23_productContArea .mhw_s23_productContItem {

    margin: 0 auto 16px;

    padding: 0;

    font-size: calc(120/1920*100vw);

    font-weight: bold;

    text-align: center;

    letter-spacing: -0.04em;

    color: #F3FD30;

    line-height: 0.85;

}



.mhw_s23_productContArea .mhw_s23_productContLead {

    margin-bottom: 0.8em;

    text-align: center;

    font-size: calc(28/1920*100vw);

    line-height: 1.46;

    font-weight: bold;

    color: #F3FD30;

}



.mhw_s23_productContArea .itemBtnCont {

    max-width: 490px;

    margin: 0 auto;

    display: flex;

    justify-content: center;

    gap: 0 calc(30/1920*100vw);

}



.mhw_s23_productContArea .itemCat {

    margin-bottom: 0.4em;

    text-align: center;

    font-size: calc(28/1920*100vw);

    font-weight: 700;

    line-height: 1.46;

    color: #F3FD30;

}



.mhw_s23_productContArea .mhw_s23_productContName {

    margin-bottom: 1.5em;

    text-align: center;

    font-size: calc(24/1920*100vw);

    font-weight: bold;

    line-height: 1.46;

    color: #F3FD30;

}



.mhw_s23_productContArea .mhw_s23_productContPrice {

    margin-bottom: 0;

    text-align: center;

    font-size: calc(30/1920*100vw);

    font-weight: 700;

    line-height: 1.46;

    color: #F3FD30;

}



.mhw_s23_productContArea .mhw_s23_productContPrice .tax {

    font-size: calc(20/1920*100vw);

}



.mhw_s23_productContArea .itemBtnArea {

    margin: 0 auto 4.6em;

}



.mhw_s23_productContArea .itemBtnArea a {

    width: calc(238/1920*100vw);

    border: none;

    font-size: calc(22/1920*100vw);

    white-space: nowrap;

    letter-spacing: -0.02em;

    color: #100F10;

    background-color: #fff;

    background: linear-gradient(135deg, transparent 0.5em, #fff 0) top left,

        linear-gradient(-135deg, transparent 0.5em, #fff 0) top right,

        linear-gradient(-45deg, transparent 0.5em, #fff 0) bottom right,

        linear-gradient(45deg, transparent 0.5em, #fff 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

}



.trailsender_Prodcts .gap01 {

    height: calc(40 / 1920* 100vw);

    background: url(/img/usr/freepage/trailsender/240531/img/product_bg02-pc.png) no-repeat;

    background-size: cover;

}



.trailsender_Prodcts .gap02 {

    height: calc(40 / 1920* 100vw);

    background: url(/img/usr/freepage/trailsender/240531/img/product_bg03-pc.png) no-repeat;

    background-size: cover;

}



.trailsender_Prodcts .gap03 {

    height: calc(40 / 1920* 100vw);

    background: url(/img/usr/freepage/trailsender/240531/img/product_bg02-pc.png) no-repeat;

    background-size: cover;

}



@media (hover: hover) {

    .mhw_s23_productContArea .itemBtnArea a:hover {

        background-color: #f3fd30;

        background: linear-gradient(135deg, transparent 0.5em, #f3fd30 0) top left,

            linear-gradient(-135deg, transparent 0.5em, #f3fd30 0) top right,

            linear-gradient(-45deg, transparent 0.5em, #f3fd30 0) bottom right,

            linear-gradient(45deg, transparent 0.5em, #f3fd30 0) bottom left;

        background-size: 52% 52%;

        background-repeat: no-repeat;

        opacity: 1;

    }

}



.mhw_s23_productContArea .mhw_s23_productContText {

    padding: 0 calc(78/1920*100vw) 2em;

    text-align: left;

    font-size: calc(20/1920*100vw);

    font-weight: 600;

    line-height: 1.8;

    color: #F3FD30;

    letter-spacing: -0.02em;

}



@media screen and (min-width: 800px) {

    .mhw_s23_productArea {

        display: flex;

    }



    .mhw_s23_productArea.even {

        flex-direction: row-reverse;

    }



    .mhw_s23_productContArea .mhw_s23_productContItem .only-pc {

        display: inline-block;

    }



    .mhw_s23_productPhotoArea,

    .mhw_s23_productContArea {

        width: 50%;

        height: auto;

        position: relative;

    }



    .mhw_s23_productPhotoArea {

        padding: 0 calc(60/1920*100vw) 0 0;

        display: flex;

        align-items: stretch;

        justify-content: center;

    }



    .mhw_s23_productArea.odd .mhw_s23_productPhotoArea {

        padding: 0 0 0 calc(60/1920*100vw);

        display: flex;

        align-items: stretch;

        justify-content: center;

    }



    .mhw_s23_productArea01 .mhw_s23_productPhotoArea .mhw_s23_productPhotoImg {

        width: 100%;

        height: calc(842/1920*100vw);

        position: relative;

    }



    .mhw_s23_productArea01 .mhw_s23_productPhotoArea .mhw_s23_productPhotoImg img {

        width: calc(1030/1920*100vw);

        max-width: none;

        position: absolute;

        top: calc(30/1920*100vw);

        left: calc(-60/1920*100vw);

    }



    .mhw_s23_productArea02 .mhw_s23_productPhotoArea .mhw_s23_productPhotoImg {

        width: 100%;

        height: calc(842/1920*100vw);

        position: relative;

    }



    .mhw_s23_productArea02 .mhw_s23_productPhotoArea .mhw_s23_productPhotoImg img {

        width: calc(1058/1920*100vw);

        max-width: none;

        position: absolute;

        top: calc(-20/1920*100vw);

        left: calc(-100/1920*100vw);

    }



    .mhw_s23_productArea03 .mhw_s23_productPhotoArea .mhw_s23_productPhotoImg {

        width: 100%;

        height: calc(832/1920*100vw);

        position: relative;

    }



    .mhw_s23_productArea03 .mhw_s23_productPhotoArea .mhw_s23_productPhotoImg img {

        width: calc(1030/1920*100vw);

        max-width: none;

        position: absolute;

        top: calc(30/1920*100vw);

        left: calc(-50/1920*100vw);

    }



    .mhw_s23_productArea02 .mhw_s23_productPhotoArea .mhw_s23_productPhotoImg {

        padding-top: 10%;

    }



    .mhw_s23_productArea04 .mhw_s23_productPhotoArea .mhw_s23_productPhotoImg {}



    .mhw_s23_productArea04 .mhw_s23_productPhotoArea .mhw_s23_productPhotoImg img {

        width: calc(905/1920*100vw);

        max-width: none;

        position: absolute;

        top: calc(-10/1920*100vw);

    }



    .mhw_s23_productArea05 .mhw_s23_productPhotoArea .mhw_s23_productPhotoImg {

        width: 100%;

        height: calc(832/1920*100vw);

        position: relative;

    }



    .mhw_s23_productArea05 .mhw_s23_productPhotoArea .mhw_s23_productPhotoImg img {

        width: calc(742/1920*100vw);

        max-width: none;

        position: absolute;

        top: calc(-110/1920*100vw);

        left: calc(40/1920*100vw);

    }

}



@media screen and (max-width: 799px) {

    .trailsender_Prodcts {

        margin-top: -105px;

        padding-top: 105px;

    }



    .mhw_s23_productPhotoArea {

        padding: 0;

        height: auto;

        width: calc(700/780*100vw);

        margin: 0 auto;

        text-align: center;

    }



    .trailsender_Prodcts .firstLead {

        margin: 0 auto;

        padding: 1.4em 0;

        font-size: calc(86/750*100vw);

        background: url(/img/usr/freepage/trailsender/240531/img/product_bg01-sp.png) no-repeat;

        background-size: cover;

    }



    .mhw_s23_productArea.mhw_s23_productArea01 .mhw_s23_productPhotoArea {

        width: calc(700/780*100vw);

        padding: 0;

        margin: 0 auto;

    }



    .mhw_s23_productArea .mhw_s23_productPhotoImg {

        border-bottom: none;

    }



    .mhw_s23_productArea.mhw_s23_productArea02 .mhw_s23_productPhotoImg {

        border-top: none;

    }



    .mhw_s23_productArea.mhw_s23_productArea02 .mhw_s23_productPhotoArea {

        padding: 0;

    }



    .mhw_s23_productPhotoArea img {

        width: 100%;

        margin: 0 auto;

    }



    .mhw_s23_productArea01 .mhw_s23_productPhotoImg {

        height: calc(640/780*100vw);

    }



    .mhw_s23_productArea01 .mhw_s23_productPhotoArea img {

        width: 114%;

        max-width: none;

        margin: calc(20/780*100vw) auto 0;

        margin-left: -6%;

    }



    .mhw_s23_productArea02 .mhw_s23_productPhotoImg {

        height: calc(640/780*100vw);

    }



    .mhw_s23_productArea02 .mhw_s23_productPhotoArea img {

        width: 118%;

        max-width: none;

        margin: calc(-30/780*100vw) auto 0;

        margin-left: -12%;

    }



    .mhw_s23_productArea03 .mhw_s23_productPhotoImg {

        height: calc(610/780*100vw);

    }



    .mhw_s23_productArea03 .mhw_s23_productPhotoArea img {

        width: 114%;

        max-width: none;

        margin: calc(-10/780*100vw) auto 0;

        margin-left: -6%;

    }



    .mhw_s23_productArea05 .mhw_s23_productPhotoImg {

        height: calc(700/780*100vw);

    }



    .mhw_s23_productArea05 .mhw_s23_productPhotoArea img {

        width: 95%;

        max-width: none;

        margin: calc(-90/780*100vw) auto 0;

    }



    .mhw_s23_productContArea {

        padding: calc(80/750*100vw) 0 calc(20/750*100vw);

    }



    .mhw_s23_productContArea .mhw_s23_productContItem {

        margin-bottom: 0.2em;

        font-size: calc(118/750*100vw);

    }



    .mhw_s23_productContArea .mhw_s23_productContLead {

        font-size: calc(26/750*100vw);

    }



    .mhw_s23_productContArea .itemBtnArea {

        margin: 0 auto 4em;

    }



    .mhw_s23_productContArea .mhw_s23_productContName {

        font-size: calc(20/750*100vw);

    }



    .mhw_s23_productContArea .mhw_s23_productContPrice {

        margin-bottom: 0.2em;

        font-size: calc(30/750*100vw);

    }



    .mhw_s23_productContArea .mhw_s23_productContPrice .tax {

        font-size: calc(20/750*100vw);

    }



    .mhw_s23_productContArea .mhw_s23_productContText {

        padding: 0;

        width: calc(650/750*100vw);

        margin: 0 auto;

        font-size: calc(22/750*100vw);

    }



    .mhw_s23_productContArea .itemCat {

        font-size: calc(28/750*100vw);

    }



    .mhw_s23_productContArea .itemBtnCont {

        max-width: calc(510/750*100vw);

    }



    .mhw_s23_productContArea .itemBtnArea a {

        width: calc(232/750*100vw);

        font-size: calc(22/750*100vw);

        background-color: #fff;

        background: linear-gradient(135deg, transparent 8px, #fff 0) top left,

            linear-gradient(-135deg, transparent 8px, #fff 0) top right,

            linear-gradient(-45deg, transparent 8px, #fff 0) bottom right,

            linear-gradient(45deg, transparent 8px, #fff 0) bottom left;

        background-size: 52% 52%;

        background-repeat: no-repeat;

    }



    .mhw_s23_productArea {

        padding: calc(40 / 780* 100vw) 0;

        overflow: hidden;

    }



    .trailsender_Prodcts .gap01 {

        height: calc(30 / 780* 100vw);

        background: url(/img/usr/freepage/trailsender/240531/img/product_bg02-sp.png) no-repeat;

        background-size: cover;

    }



    .trailsender_Prodcts .gap02 {

        height: calc(30 / 780* 100vw);

        background: url(/img/usr/freepage/trailsender/240531/img/product_bg03-sp.png) no-repeat;

        background-size: cover;

    }



    .trailsender_Prodcts .gap03 {

        height: calc(30 / 780* 100vw);

        background: url(/img/usr/freepage/trailsender/240531/img/product_bg02-sp.png) no-repeat;

        background-size: cover;

    }

}





.trailsender .detailList {

    width: 100%;

    max-width: 1320px;

    margin: 80px auto;

}



.trailsender .detailList li.detailArea {

    height: 500px;

    margin-bottom: 40px;

    position: relative;

}



.trailsender .detailList li.detailArea:last-of-type {

    margin-bottom: 0;

}



.trailsender .detailList li.detailArea .detailNum {

    width: calc(120/1320*100%);

    max-width: 120px;

    height: 120px;

    margin: auto;

    position: absolute;

    top: 0;

    bottom: 0;

    left: calc((820/1320*100%) - 60px);

}



.trailsender .detailList li.detailArea:nth-child(even) .detailNum {

    left: calc((500/1320*100%) - 60px);

}



.trailsender .detailList li.detailArea .detailBox {

    display: flex;

    background-color: #fff;

}



.trailsender .detailList li.detailArea:nth-child(even) .detailBox {

    flex-direction: row-reverse;

}



.trailsender .detailList li.detailArea .detailBox .detailImg {

    width: calc(820/1320*100%);

}



.trailsender .detailList li.detailArea .detailBox .detailText {

    width: calc(500/1320*100%);

    display: flex;

    justify-content: center;

    align-items: center;

}



.trailsender .detailList li.detailArea .detailBox .detailText p {

    text-align: center;

    font-size: 34px;

    font-weight: bold;

    color: #F3FD30;

    line-height: 1.46;

}



.trailsender .detailList li.detailArea .detailBox .detailText p .small {

    font-size: 66%;

}



.trailsender .detailList li.detailArea:nth-of-type(1) .detailBox .detailText {

    background: url(/img/usr/freepage/trailsender/240531/img/detail_bg01-pc.png) no-repeat;

    background-size: cover;

}



.trailsender .detailList li.detailArea:nth-of-type(2) .detailBox .detailText {

    background: url(/img/usr/freepage/trailsender/240531/img/detail_bg02-pc.png) no-repeat;

    background-size: cover;

}



.trailsender .detailList li.detailArea:nth-of-type(3) .detailBox .detailText {

    background: url(/img/usr/freepage/trailsender/240531/img/detail_bg03-pc.png) no-repeat;

    background-size: cover;

}



.trailsender .detailList li.detailArea:nth-of-type(4) .detailBox .detailText {

    background: url(/img/usr/freepage/trailsender/240531/img/detail_bg04-pc.png) no-repeat;

    background-size: cover;

}



.trailsender .detailList li.detailArea:nth-of-type(5) .detailBox .detailText {

    background: url(/img/usr/freepage/trailsender/240531/img/detail_bg05-pc.png) no-repeat;

    background-size: cover;

}



@media screen and (max-width: 799px) {

    .trailsender .detailList {

        width: calc(700/780*100vw);

        margin: calc(40/780*100vw) auto;

    }



    .trailsender .detailList li.detailArea {

        margin-bottom: calc(40/780*100vw);

        height: auto;

    }



    .trailsender .detailList li.detailArea .detailNum,

    .trailsender .detailList li.detailArea:nth-child(even) .detailNum {

        width: calc(90/780*100vw);

        height: calc(90/780*100vw);

        margin: auto;

        left: 0;

        right: 0;

    }



    .trailsender .detailList li.detailArea .detailBox {

        display: block;

    }



    .trailsender .detailList li.detailArea .detailBox .detailImg {

        width: 100%;

        height: calc(464/780*100vw);

    }



    .trailsender .detailList li.detailArea .detailBox .detailText {

        width: 100%;

        height: calc(464/780*100vw);

    }



    .trailsender .detailList li.detailArea .detailBox .detailText p {

        font-size: calc(38/780*100vw);

    }



    .trailsender .detailList li.detailArea .detailBox .detailText p .small {

        font-size: 80%;

    }



    .trailsender .detailList li.detailArea:nth-of-type(1) .detailBox .detailText {

        background: url(/img/usr/freepage/trailsender/240531/img/detail_bg01-sp.png) no-repeat;

        background-size: cover;

    }



    .trailsender .detailList li.detailArea:nth-of-type(2) .detailBox .detailText {

        background: url(/img/usr/freepage/trailsender/240531/img/detail_bg02-sp.png) no-repeat;

        background-size: cover;

    }



    .trailsender .detailList li.detailArea:nth-of-type(3) .detailBox .detailText {

        background: url(/img/usr/freepage/trailsender/240531/img/detail_bg03-sp.png) no-repeat;

        background-size: cover;

    }



    .trailsender .detailList li.detailArea:nth-of-type(4) .detailBox .detailText {

        background: url(/img/usr/freepage/trailsender/240531/img/detail_bg04-sp.png) no-repeat;

        background-size: cover;

    }



    .trailsender .detailList li.detailArea:nth-of-type(5) .detailBox .detailText {

        background: url(/img/usr/freepage/trailsender/240531/img/detail_bg05-sp.png) no-repeat;

        background-size: cover;

    }

}





.trailsender .__btn {

    text-align: center;

}



.trailsender .__pagetop {

    padding: 190px 0 220px;

    text-align: center;

    background: url("../img/btm_bg-pc.png") no-repeat center;

    background-size: cover;

}



.trailsender .__pagetop a {

    margin-right: 100px;

    font-weight: bold;

    color: #fff;

}



.trailsender .__pagetop a .icon {

    margin-left: 1.4em;

    position: relative;

    top: 25px;

    display: inline-block;

}



@media screen and (min-width: 800px) {

    .trailsender .__pagetop a:hover {

        color: #fff;

        background-color: inherit;

        transition: all ease .3s;

        opacity: .6;

    }

}



@media screen and (max-width: 799px) {

    .trailsender .__pagetop a .icon {

        width: 35px;

        height: 35px;

        top: 10px;

    }



    .trailsender .__pagetop {

        padding: 100px 0 120px;

        background: url("../img/btm_bg-sp.png") no-repeat center;

        background-size: cover;

    }



    .trailsender .__pagetop a {

        margin-right: 25px;

    }



    .pane-main {

        padding-bottom: 0;

    }

}



.mhw_f23_btmImgInner img {

    width: 100%;

    max-width: none;

}