@charset "UTF-8";

/*2*/
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) , print { /*PC&TB*/
}

/*3*/
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
}
@media screen and (min-width:1301px) , print { /*PC*/
}

:root {
    --rg_color_green: #01A45B;
    --rg_color_blue: #0066C8;
    --rg_color_gray: #778080;
}

html, body {
  overflow-x: hidden;
}

body{
    margin: 0; padding: 0;
    position: relative;
    font-feature-settings: "palt";
    overflow-anchor: none;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    color: #9D7E68;
    background-color: #fff;
}
.smooth-wrapper {
    overflow: hidden;
}
.smooth-wrapper {
    overflow: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.smooth-wrapper::-webkit-scrollbar {
    display: none;
}
.smooth-content {
    will-change: transform;
    transform: translateZ(0);
}
h1{ font-weight: normal; }
h2{ font-weight: normal; }

a{transition: 0.3s;}
a:hover{opacity: 0.5;}


/* user-info */
@media screen and (max-width:767px) { /*SP*/
    #user-info{
        position: fixed;
        bottom: 5px; left: 10px;
        font-size: 8px; color: #fff; letter-spacing: 1px;
        text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
        opacity: 0.3;
        display: none;
    }
}
@media screen and (min-width:768px) , print { /*PC&TB*/
    #user-info{
        position: fixed;
        bottom: 5px; left: 10px;
        font-size: 12px; color: #fff; letter-spacing: 2px;
        text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
        opacity: 0.3;
        display: none;
    }
}

/**/
@media screen and (max-width:767px) { /*SP*/
    .pcON_flex{display: none!important;}
    .pcON{display: none!important;}
    .spON{display: block!important;}
}
@media screen and (min-width:768px) , print { /*PC&TB*/
    .pcON_flex{display: flex!important;}
    .pcON{display: block!important;}
    .spON{display: none!important;}
}

/* ------------------------------------------------------------ */
/* common ----------------------------------------------------- */
/* ------------------------------------------------------------ */
.section_HD_show{
    opacity: 1;
    pointer-events: auto;
}
.section_HD_hide{
    opacity: 0;
    pointer-events: none;
}
@media screen and (max-width:767px) { /*SP*/
    
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
    
}
@media screen and (min-width:1301px) , print { /*PC*/  
   
}


/* ------------------------------------------------------------ */
/* common section_GN ------------------------------------------ */
/* ------------------------------------------------------------ */
@media screen and (max-width:767px) { /*SP*/
    
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
    
}
@media screen and (min-width:1301px) , print { /*PC*/
    
}


/* ------------------------------------------------------------ */
/* common section_HD ------------------------------------------ */
/* ------------------------------------------------------------ */
@media screen and (max-width:767px) { /*SP*/
    #section_HD {
        position: fixed; top: 0; left: 0;
        width: 100%;
        z-index: 99;
        transition: 0.3s;
    }
    #common_HD {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        /* padding: 10px 20px 10px 20px; */
        padding: 2.42vw 4.83vw 2.42vw 4.83vw;
    }
    .HD_3bar {
        /* width: 40px; */
        width: 9.66vw;
    }
    .HD_logo {
        /* width: 80px; */
        width: 19.32vw;
    }
    .HD_jp_en {
        /* width: 55px; */
        width: 13.29vw;
    }
    .HD_linkStop{
        visibility: hidden;
        pointer-events: none;
    }
    /* --------------- */
    #common_HD a {
        display: block;
        transition: 0.3s;
    }
    #common_HD a:hover {
        opacity: 0.5;
    }
    /* --------------- */
    .HD_modalMenu {
        display: none;
        width: 100vw; height: 100vh;
        position: fixed; top: 0; left: 0;
        background: linear-gradient(
            to bottom,
            rgba(255, 244, 223, 0.9),
            rgba(212, 199, 177, 0.9)
        );
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        font-family: "Lusitana",serif;
        font-weight: 500;
        letter-spacing: 0.1rem;
    }
    .HD_modalMenu a{ text-decoration: none; }
    .HD_close {
        /* width: 31px; */
        width: 7.49vw;
    }
    .HD_closeLink {
        position: absolute;
        /* top: 20px; */
        top: 4.83vw;
        /* left: 20px; */
        left: 4.83vw;
    }
    .HD_modalMenuBox {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .HD_menuBox3 {
        display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;
    }
    .HD_menuBox3:nth-of-type(1) {
        /* width: 280px; */
        width: 67.63vw;
    }
    .HD_menuBox3:nth-of-type(2) {
        /* width: 280px; */
        width: 67.63vw;
        /* margin: 60px 0 0 0; */
        margin: 14.49vw 0 0 0;
    }
    .HD_menuBox3:nth-of-type(3) {
        /* width: 280px; */
        width: 67.63vw;
    }
    .HD_menuBox3s {
        /* border-left: 1px solid #9D7E68; */
        border-left: 0.24vw solid #9D7E68;
        /* padding: 0 0 0px 20px; */
        padding: 0 0 0.00vw 4.83vw;
    }
    .HD_mg_A {
        /* margin: 0 0 30px 0; */
        margin: 0 0 7.25vw 0;
    }
    .HD_mg_B {
        /* margin: 0 0 20px 0; */
        margin: 0 0 4.83vw 0;
    }
    .HD_mg_C {
        /* margin: 0 0 30px 0; */
        margin: 0 0 7.25vw 0;
    }
    .HD_mg_D {
        /* margin: 60px 0 0 0; */
        margin: 14.49vw 0 0 0;
        align-items: flex-start;
    }
    .HD_01,.HD_02,.HD_03,.HD_04,.HD_05{
        /* font-size: 30px; */
        font-size: 7.25vw;
        /* line-height: 30px; */
        line-height: 7.25vw;
    }
    .HD_01_01,.HD_01_02,.HD_01_03{
        /* font-size: 14px; */
        font-size: 3.38vw;
        /* line-height: 14px; */
        line-height: 3.38vw;
        letter-spacing: 0;
    }
    /* ----------- */
    .HD_follow {
        /* font-size: 10px; */
        font-size: 2.42vw;
        /* line-height: 10px; */
        line-height: 2.42vw;
    }
    .HD_snsBox{
        /* width: 120px; */
        width: 28.99vw;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        /* margin: 15px 0 20px 0; */
        margin: 3.62vw 0 4.83vw 0;
    }
    .HD_snsBox2 {
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
    }
    .HD_snsLink {
        transition: 0.3s;
    }
    .HD_snsLink:hover {
        opacity: 0.5;
    }
    .HD_sns {
        /* width: 30px; */
        width: 7.25vw;
        /* margin: -4px 0 0 9px; */
        margin: -0.97vw 0 0 2.17vw;
    }
    .HD_brandsiteLink {
        transition: 0.3s;
        /* width: 280px; */
        width: 67.63vw;
    }
    .HD_brandsiteLink:hover {
        opacity: 0.5;
    }
    .HD_brandsite {
        width: 100%;
    }

}
@media screen and (min-width:768px) and ( max-width:1920px) { /*TB*/
    #section_HD{
        position: fixed; top: 0; left: 0;
        width: 100%;
        z-index: 99;
        transition: 0.3s;
    }
    #common_HD{
        display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;
        width: 100%;
        /* padding: 20px 40px 10px 40px; */
        padding: 1.04vw 2.08vw 0.52vw 2.08vw;
    }
    .HD_3bar{
        /* width: 43px; */
        width: 2.24vw;
    }
    .HD_logo{
        /* width: 150px; */
        width: 7.81vw;
    }
    .HD_jp_en{
        /* width: 57px; */
        width: 2.97vw;
    }
    .HD_linkStop{
        visibility: hidden;
        pointer-events: none;
    }
    /* --------------- */
    #common_HD a{
        display: block;
        transition: 0.3s;
    }
    #common_HD a:hover{
        opacity: 0.5;
    }
    /* --------------- */
    .HD_modalMenu{
        display: none;
        width: 100vw; height: 100vh;
        position: fixed; position: fixed; top: 0; left: 0;
        background: linear-gradient(
            to bottom,
            rgba(255, 244, 223, 0.9),
            rgba(212, 199, 177, 0.9)
        );
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        font-family: "Lusitana",serif;
        font-weight: 500;
        letter-spacing: 0.1rem;
    }
    .HD_modalMenu a{ text-decoration: none; }
    .HD_close{
        /* width: 31px; */
        width: 1.61vw;
    }
    .HD_closeLink{
        position: absolute;
        /* top: 30px; */
        top: 1.56vw;
        /* left: 45px; */
        left: 2.34vw;
    }
    .HD_modalMenuBox{
        /* width: 1500px; height: auto; */
        width: 78.13vw; height: auto;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start;
    }
    .HD_menuBox3{
        display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;
    }
    .HD_menuBox3:nth-of-type(1) {
        width: 39%;
    }
    .HD_menuBox3:nth-of-type(2) {
        width: 39%;
    }
    .HD_menuBox3:nth-of-type(3) {
        width: 22%;
    }
    .HD_menuBox3s{
        /* border-left: 1px solid #9D7E68; */
        border-left: 0.05vw solid #9D7E68;
        /* padding: 0 0 0 20px; */
        padding: 0 0 0 1.04vw;
    }
    .HD_mg_A{
        /* margin: 0 0 60px 0; */
        margin: 0 0 3.13vw 0;
    }
    .HD_mg_B{
        /* margin: 0 0 40px 0; */
        margin: 0 0 2.08vw 0;
    }
    .HD_mg_C{
        /* margin: 0 0 80px 0; */
        margin: 0 0 4.17vw 0;
    }
    .HD_mg_D{
        /* margin: 280px 0 0 0; */
        margin: 14.58vw 0 0 0;
        align-items: flex-start;
    }
    .HD_01,.HD_02,.HD_03,.HD_04,.HD_05{
        /* font-size: 50px; */
        font-size: 2.60vw;
        /* line-height: 50px; */
        line-height: 2.60vw;
    }
    .HD_01_01,.HD_01_02,.HD_01_03{
        /* font-size: 24px; */
        font-size: 1.25vw;
        /* line-height: 24px; */
        line-height: 1.25vw;
    }
    /* ----------- */
    .HD_follow{
        /* font-size: 12px; */
        font-size: 0.63vw;
        /* line-height: 12px; */
        line-height: 0.63vw;
    }
    .HD_snsBox{
        /* width: 150px; */
        width: 7.81vw;
        display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;
        /* margin: 15px 0 30px 0; */
        margin: 0.78vw 0 1.56vw 0;
    }
    .HD_snsBox2{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
    }
    .HD_snsLink{
        transition: 0.3s;
    }
    .HD_snsLink:hover{
        opacity: 0.5;
    }
    .HD_sns{
        /* width: 30px; */
        width: 1.56vw;
        /* margin: -4px 0 0 7px; */
        margin: -0.21vw 0 0 0.36vw;
    }
    .HD_brandsiteLink{
        transition: 0.3s;
        /* width: 313px; */
        width: 16.30vw;
    }
    .HD_brandsiteLink:hover{
        opacity: 0.5;
    }
    .HD_brandsite{
        width: 100%;
    }
}
@media screen and (min-width:1921px) , print { /*PC*/
    #section_HD{
        position: fixed; top: 0; left: 0;
        width: 100%;
        z-index: 99;
        transition: 0.3s;
    }
    #common_HD{
        display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;
        width: 100%;
        padding: 20px 40px 10px 40px;
    }
    .HD_3bar{
        width: 43px;
    }
    .HD_logo{
        width: 150px;
    }
    .HD_jp_en{
        width: 57px;
    }
    .HD_linkStop{
        visibility: hidden;
        pointer-events: none;
    }
    /* --------------- */
    #common_HD a{
        display: block;
        transition: 0.3s;
    }
    #common_HD a:hover{
        opacity: 0.5;
    }
    /* --------------- */
    .HD_modalMenu{
        display: none;
        width: 100vw; height: 100vh;
        position: fixed; position: fixed; top: 0; left: 0;
        background: linear-gradient(
            to bottom,
            rgba(255, 244, 223, 0.9),
            rgba(212, 199, 177, 0.9)
        );
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        font-family: "Lusitana",serif;
        font-weight: 500;
        letter-spacing: 0.1rem;
    }
    .HD_modalMenu a{ text-decoration: none; }
    .HD_close{
        width: 31px;
    }
    .HD_closeLink{
        position: absolute;
        top: 30px;
        left: 45px;
    }
    .HD_modalMenuBox{
        width: 1500px; height: auto;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start;
    }
    .HD_menuBox3{
        display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;
    }
    .HD_menuBox3:nth-of-type(1) {
        width: 39%;
    }
    .HD_menuBox3:nth-of-type(2) {
        width: 39%;
    }
    .HD_menuBox3:nth-of-type(3) {
        width: 22%;
    }
    .HD_menuBox3s{
        border-left: 1px solid #9D7E68;
        padding: 0 0 0 20px;
    }
    .HD_mg_A{
        margin: 0 0 60px 0;
    }
    .HD_mg_B{
        margin: 0 0 40px 0;
    }
    .HD_mg_C{
        margin: 0 0 80px 0;
    }
    .HD_mg_D{
        margin: 280px 0 0 0;
        align-items: flex-start;
    }
    .HD_01,.HD_02,.HD_03,.HD_04,.HD_05{
        font-size: 50px;
        line-height: 50px;
    }
    .HD_01_01,.HD_01_02,.HD_01_03{
        font-size: 24px;
        line-height: 24px;
    }
    /* ----------- */
    .HD_follow{
        font-size: 12px;
        line-height: 12px;
    }
    .HD_snsBox{
        width: 150px;
        display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;
        margin: 15px 0 30px 0;
    }
    .HD_snsBox2{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
    }
    .HD_snsLink{
        transition: 0.3s;
    }
    .HD_snsLink:hover{
        opacity: 0.5;
    }
    .HD_sns{
        width: 30px;
        margin: -4px 0 0 7px;
    }
    .HD_brandsiteLink{
        transition: 0.3s;
        width: 313px;
    }
    .HD_brandsiteLink:hover{
        opacity: 0.5;
    }
    .HD_brandsite{
        width: 100%;
    }
}


/* ------------------------------------------------------------ */
/* common section_FT ------------------------------------------ */
/* ------------------------------------------------------------ */
@media screen and (max-width:767px) { /*SP*/
    #common_FT {
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
        background-color: #9D7E68;
        color: #fff;
        /* padding: 100px 0 20px 0; */
        padding: 24.15vw 0 4.83vw 0;
    }
    /* ----------- */
    .FT_logo {
        /* width: 283px; */
        width: 68.36vw;
    }
    /* ----------- */
    .FT_menuBox {
        /* width: 344px; */
        width: 83.09vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /* margin: 75px 0 0 0; */
        margin: 18.12vw 0 0 0;
    }
    .FT_menuBox4 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /* margin: 0 0 40px 0; */
        margin: 0 0 9.66vw 0;
        position: relative;
    }
    .FT_01,.FT_02,.FT_03,.FT_04,.FT_05{
        /* font-size: 20px; */
        font-size: 4.83vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        margin: 0 0 0 0;
    }
    .FT_01_01,.FT_01_02,.FT_01_03{
        /* font-size: 14px; */
        font-size: 3.38vw;
        /* line-height: 14px; */
        line-height: 3.38vw;
        margin: 0 0 0 0;
    }
    .FT_menuBox3 {
        /* border-left: 1px solid #fff; */
        border-left: 0.24vw solid #fff;
        /* padding: 0 0 0 20px; */
        padding: 0 0 0 4.83vw;
    }
    .FT_link {
        display: block;
        transition: 0.3s;
        text-decoration: none!important;
    }
    .FT_link:hover {
        opacity: 0.5;
    }
    .FT_link p{
        font-family: "Lusitana",serif;
        font-weight: 500;
        letter-spacing: 0.1rem;
    }
    .FT_follow {
        font-family: "Lusitana",serif;
        font-weight: 500;
        letter-spacing: 0.1rem;
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 12px; */
        line-height: 2.90vw;
        /* margin: 30px 0 30px 0; */
        margin: 7.25vw 0 7.25vw 0;
    }
    .FT_snsBox {
        /* width: 120px; */
        width: 28.99vw;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        /* top: 17px; */
        top: 4.11vw;
        /* left: 90px; */
        left: 21.74vw;
    }
    .FT_snsBox2{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        margin: 0 0 0 0;
    }
    .FT_snsLink {
        transition: 0.3s;
    }
    .FT_snsLink:hover {
        opacity: 0.5;
    }
    .FT_sns {
        /* width: 30px; */
        width: 7.25vw;
         /* margin: 1px 0 0 20px; */
         margin: 0.24vw 0 0 4.83vw;
    }
    .FT_brandsiteLink {
        transition: 0.3s;
        /* width: 344px; */
        width: 83.09vw;
    }
    .FT_brandsiteLink:hover {
        opacity: 0.5;
    }
    .FT_brandsite {
        width: 100%;
    }
    .FT_mg_A {
        /* margin: 0 0 30px 0; */
        margin: 0 0 7.25vw 0;
    }
    .FT_mg_B {
        /* margin: 0 0 20px 0; */
        margin: 0 0 4.83vw 0;
    }
    .FT_mg_C {
        /* margin: 0 0 40px 0; */
        margin: 0 0 9.66vw 0;
    }
    .FT_mg_D {
        /* margin: 0 0 80px 0; */
        margin: 0 0 19.32vw 0;
    }
    /* ----------- */
    .FT_menu3box {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        /* margin: 50px 0 50px 0; */
        margin: 12.08vw 0 12.08vw 0;
    }
    .FT_menu3link {
        text-decoration: none;
        /* font-size: 13px; */
        font-size: 3.14vw;
        transition: 0.3s;
    }
    .FT_menu3link:hover {
        opacity: 0.75;
    }
    .FT_menu3line {
        /* margin: 0 10px; */
        margin: 0 2.42vw;
        /* font-size: 15px; */
        font-size: 3.62vw;
    }
    /* ----------- */
    .FT_copyright {
        display: flex; flex-direction: column; justify-content: center; align-items: center; 
    }
    .FT_copyright img {
        /* width: 42px; */
        width: 10.14vw;
        /* margin: 0 0 5px 0; */
        margin: 0 0 1.21vw 0;
    }
    .FT_copyright p {
        /* font-size: 10px; */
        font-size: 2.42vw;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

}
@media screen and (min-width:768px) and ( max-width:1400px) { /*TB*/
    #common_FT{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
        background-color: #9D7E68;
        color: #fff;
        /* padding: 100px 0 20px 0; */
        padding: 7.14vw 0 1.43vw 0;
    }
    /* ----------- */
    .FT_logo{
        /* width: 280px; */
        width: 20.00vw;
    }
    /* ----------- */
    .FT_menuBox{
        /* width: 1280px; */
        width: 91.43vw;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start;
        /* margin: 75px 0 0 0; */
        margin: 5.36vw 0 0 0;
    }
    .FT_menuBox4{
        width: calc( 100% / 4 );
        display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;
    }
    .FT_01,.FT_02,.FT_03,.FT_04,.FT_05{
        /* font-size: 20px; */
        font-size: 1.43vw;
        /* line-height: 20px; */
        line-height: 1.43vw;
        margin: 0 0 0 0;
    }
    .FT_01_01,.FT_01_02,.FT_01_03{
        /* font-size: 14px; */
        font-size: 1.00vw;
        /* line-height: 14px; */
        line-height: 1.00vw;
        margin: 0 0 0 0;
    }
    .FT_menuBox3{
        /* border-left: 1px solid #fff; */
        border-left: 0.07vw solid #fff;
        /* padding: 0 0 0 20px; */
        padding: 0 0 0 1.43vw;
        display: flex;
        flex-direction: column;
    }
    .FT_link{
        display: inline-block;
        transition: 0.3s;
        text-decoration: none!important;
    }
    .FT_link:hover{
        opacity: 0.5;
    }
    .FT_link p{
        font-family: "Lusitana",serif;
        font-weight: 500;
        letter-spacing: 0.1rem;
    }
    .FT_follow{
        font-family: "Lusitana",serif;
        font-weight: 500;
        letter-spacing: 0.1rem;
        /* font-size: 12px; */
        font-size: 0.86vw;
        /* line-height: 12px; */
        line-height: 0.86vw;
        margin: 0 0 0 0;
    }
    .FT_snsBox{
        /* width: 120px; */
        width: 8.57vw;
        display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;
        margin: 0 0 0 0;
    }
    .FT_snsBox2{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        /* margin: 0 0 40px 0; */
        margin: 0 0 2.86vw 0;
    }
    .FT_snsLink{
        transition: 0.3s;
    }
    .FT_snsLink:hover{
        opacity: 0.5;
    }
    .FT_sns{
        /* width: 30px; */
        width: 2.14vw;
        /* margin: -4px 0 0 7px; */
        margin: -0.29vw 0 0 0.50vw;
    }
    .FT_brandsiteLink{
        transition: 0.3s;
        /* width: 313px; */
        width: 22.36vw;
    }
    .FT_brandsiteLink:hover{
        opacity: 0.5;
    }
    .FT_brandsite{
        width: 100%;
    }
    .FT_mg_A{
        /* margin: 0 0 30px 0; */
        margin: 0 0 2.14vw 0;
    }
    .FT_mg_B{
        /* margin: 0 0 10px 0; */
        margin: 0 0 0.71vw 0;
    }
    .FT_mg_C{
        /* margin: 0 0 40px 0; */
        margin: 0 0 2.86vw 0;
    }
    .FT_mg_D {
    }
    .FT_pd_A{
        /* padding: 0 0 0 30px; */
        padding: 0 0 0 2.14vw;
    }
    /* ----------- */
    .FT_menu3box{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        /* margin: 90px 0 50px 0; */
        margin: 6.43vw 0 3.57vw 0;
    }
    .FT_menu3link{
        text-decoration: none;
        /* font-size: 15px; */
        font-size: 1.07vw;
        transition: 0.3s;
    }
    .FT_menu3link:hover{
        opacity: 0.75;
    }
    .FT_menu3line{
        /* margin: 0 20px; */
        margin: 0 1.43vw;
        /* font-size: 15px; */
        font-size: 1.07vw;
    }
    /* ----------- */
    .FT_copyright{
        display: flex; flex-direction: column; justify-content: center; align-items: center; 
    }
    .FT_copyright img{
        /* width: 42px; */
        width: 3.00vw;
        /* margin: 0 0 5px 0; */
        margin: 0 0 0.36vw 0;
    }
    .FT_copyright p{
        /* font-size: 10px; */
        font-size: 0.71vw;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
}
@media screen and (min-width:1401px) , print { /*PC*/
    #common_FT{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
        background-color: #9D7E68;
        color: #fff;
        padding: 100px 0 20px 0;
    }
    /* ----------- */
    .FT_logo{
        width: 280px;
    }
    /* ----------- */

    .FT_menuBox{
        width: 1280px;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start;
        margin: 75px 0 0 0;
    }
    .FT_menuBox4{
        width: calc( 100% / 4 );
        display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;
    }

    .FT_01,.FT_02,.FT_03,.FT_04,.FT_05{
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 0 0;
    }
    .FT_01_01,.FT_01_02,.FT_01_03{
        font-size: 14px;
        line-height: 14px;
        margin: 0 0 0 0;
    }

    .FT_menuBox3{
        border-left: 1px solid #fff;
        padding: 0 0 0 20px;
        display: flex;
        flex-direction: column;
    }

    .FT_link{
        display: inline-block;
        transition: 0.3s;
        text-decoration: none!important;
    }
    .FT_link:hover{
        opacity: 0.5;
    }
    .FT_link p{
        font-family: "Lusitana",serif;
        font-weight: 500;
        letter-spacing: 0.1rem;
    }

    .FT_follow{
        font-family: "Lusitana",serif;
        font-weight: 500;
        letter-spacing: 0.1rem;
        font-size: 12px;
        line-height: 12px;
        margin: 0 0 0 0;
    }
    .FT_snsBox{
        width: 120px;
        display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;
        margin: 0 0 0 0;
    }
    .FT_snsBox2{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        margin: 0 0 40px 0;
    }
    .FT_snsLink{
        transition: 0.3s;
    }
    .FT_snsLink:hover{
        opacity: 0.5;
    }
    .FT_sns{
        width: 30px;
        margin: -4px 0 0 7px;
    }
    .FT_brandsiteLink{
        transition: 0.3s;
        width: 313px;
    }
    .FT_brandsiteLink:hover{
        opacity: 0.5;
    }
    .FT_brandsite{
        width: 100%;
    }

    .FT_mg_A{
        margin: 0 0 30px 0;
    }
    .FT_mg_B{
        margin: 0 0 10px 0;
    }
    .FT_mg_C{
        margin: 0 0 40px 0;
    }
    .FT_mg_D {
    }
    .FT_pd_A{
        padding: 0 0 0 30px;
    }

    /* ----------- */
    .FT_menu3box{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        margin: 90px 0 50px 0;
    }
    .FT_menu3link{
        text-decoration: none;
        font-size: 15px;
        transition: 0.3s;
    }
    .FT_menu3link:hover{
        opacity: 0.75;
    }
    .FT_menu3line{
        margin: 0 20px;
        font-size: 15px;
    }
    /* ----------- */
    .FT_copyright{
        display: flex; flex-direction: column; justify-content: center; align-items: center; 
    }
    .FT_copyright img{
        width: 42px;
        margin: 0 0 5px 0;
    }
    .FT_copyright p{
        font-size: 10px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
}