@charset "UTF-8";

.edit_x{
    text-decoration: line-through;
}
.edit_o{
    background-color: #ff9;
}

#flex3{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-items: center!important;
    justify-content: center!important;
}
figure {
    float: left;
    margin: 0 2em .3em 0;
    width: 50%;
}
figure image{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0em;
}
.float_none {
    clear: both;
}
hr.enjoy_line{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid black;
    width: 100%;
}
#enjoy_contents{
    box-sizing: border-box;
    margin: 0 auto 0 auto;
    padding: 0 0 0em 0;
    text-align: left;
    width: 90%;
    border: 0px solid red;
    position: relative;
}
#enjoy_contents.index{
    padding: 0 0 10em 0!important;
}
#enjoy_contents .mov{
    box-sizing: border-box!important;
    margin: 6em auto 0 auto!important;
    padding: 0!important;
    width: 100% !important;
    /*border: 1px solid red;*/
}
#enjoy_contents iframe{
    box-sizing: border-box!important;
    margin: 0 0 0 0!important;
    padding: 0!important;
    width: 100% !important;
    height: 38vw!important;
    border: 0px solid green!important;
}
#enjoy_contents p.midashi2{
    box-sizing: border-box;
    margin: 0;
    padding: 3em 0 0em 0;
    text-align: center;
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    font-size: 1.2em;
    font-weight: normal!important;
}
#enjoy_contents h3.midashi{
    box-sizing: border-box;
    margin: 0;
    padding: 3em 0 2em 0;
    text-align: center;
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    font-size: 2em;
    font-weight: normal!important;
}
#enjoy_contents h3.midashi.s2{
    padding: 0em 0 2em 0!important;
}
#enjoy_contents p.faq{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 1em 0;
    font-size: .9em;
    line-height: 2em;
    font-style: italic;
    color: darkgrey;
}
#enjoy_contents p.faq2{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 .5em 0;
    font-size: .9em;
    line-height: 2em;
    color: black;
    font-weight: bold;
}
#enjoy_contents p.honbun{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 2em 0;
    font-size: .9em;
    line-height: 2em;
}
#enjoy_contents p.cap{
    box-sizing: border-box;
    margin: 0;
    padding: .5em 0 .5em 0;
    font-size: .8em;
    line-height: 1.3em;
    letter-spacing: .1em;
}
.back_area{
    width: 600px!important;
    border: 0px solid red!important;
    margin-top: 1em!important;
    margin-bott: 1em!important;
}
.back_img{
    box-sizing: border-box;
    margin: 0;
    padding: .3em 0 0 0;
    width: 18px;
    border: 0px solid red!important;
}
.back_img img{
    width: 60%!important;
}
.back_txt{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 .5em;
    width: calc(100% - 18px);
    font-size: 1em;
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
}
#flex3.pro_area{
    box-sizing: border-box!important;
    margin: 7em auto 0em auto!important;
    padding: 0!important;
    width: 100% !important;
}
#enjoy_contents .soldout{
    box-sizing: border-box;
    margin: 0;
    padding: 1em 0 1em 0;
    text-align: center;
    background-color: lightgrey;
    color: white;
    position: absolute;
    bottom: -2em;
    right: 0;
    width: 200px;
    border-radius: 3px;
    letter-spacing: .1em;
    font-size: .9em;
    border: 0px solid darkgrey;
    font-family: "FOT-筑紫ゴシック Pr5 M"!important;
}
#enjoy_contents .btn_detail{
    box-sizing: border-box;
    margin: 0;
    padding: 1em 0 1em 0;
    text-align: center;
    background-color: white;
    color: black;
    position: absolute;
    bottom: 4em;
    right: 0;
    width: 200px;
    border-radius: 3px;
    letter-spacing: .3em;
    font-size: .9em;
    border: 1px solid darkgrey;
}
#enjoy_contents .btn_detail.s2{
    bottom: 0em!important;
}
#enjoy_contents .shopify_lay1{
    box-sizing: border-box!important;
    margin: 0!important;
    padding: 0!important;
    border: 0px solid green!important;
    width: 200px!important;
    height: 80px!important;
    position: absolute!important;
    right: 0!important;
    bottom: -1em!important;
    line-height: 1em;
}
.pro_img{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 40%;
}
.pro_txt{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 2em;
    width: 60%;
    position: relative;
}
.pro_txt h3.pro_name{
    font-size: 1.6em;
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    line-height: 1em;
    font-weight: normal!important;
}
.pro_txt p.pro_lead{
    font-size: .8em;
    line-height: 1.8em;
    padding-bottom: 1em;
}
.pro_txt p.pro_price{
    font-size: .9em;
    position: absolute;
    right: 0;
    top:1em;
    line-height: 1em;
}
.pro_txt p.pro_spec{
    font-size: .7em;
    line-height: 1.8em;
    letter-spacing: 0.1em;
}
#flex3.enjoy_footer{
    box-sizing: border-box!important;
    margin: 3em auto 3em auto!important;
    padding: 0!important;
    width: 100% !important;
}
.footer_left{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 50%;
}
.footer_left .logo{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 2em 0;
    width: 300px;
}

.footer_right{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 2em;
    width: 50%;
    position: relative;
}

#enjoy_contents .thumb_img{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 40%;
    /*height: 30vw;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;*/
}
#enjoy_contents .thumb_txt{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 2em;
    width: 60%;
    font-size: 1em;
}
#enjoy_contents .thumb_txt p.title{
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    font-size: 1.5em;
    font-weight: normal!important;
}
#enjoy_contents .thumb_txt p.date{
    font-size: .8em;
    line-height: 1em;
}
#enjoy_contents .thumb_txt p.place{
    font-size: .8em;
    line-height: 1.8em;
}
#enjoy_contents .thumb_txt p.btn{
    display: none;
    visibility: hidden;
}
.swiper-container.t2{
    height: 78vh!important;
}
.swiper-wrapper.s2{
    opacity: 1!important;
}
.swiper-slide.s2 {
    background-position: center 70%!important;
    background-size: 110% auto!important;
    position: relative!important;
}
.swiper-slide.s3 {
    background-position: 100% 70%!important;
    background-size: 100% auto!important;
    position: relative!important;
}
.swiper-slide.s4 {
    background-position: 0% 70%!important;
    background-size: 100% auto!important;
    position: relative!important;
}
.contents_2.t2{
 color: #21292b!important;
}
.enjoy_title{
    position: absolute;
    left: calc(50% - 150px);
    top:50%;
    width: 300px;
}
h2.enjoy_main_lead{
    box-sizing: border-box;
    margin: 0 auto 0 auto;
    padding: 5em 0 7em 0;
    border: 0px solid red;
    width: 55%;
    line-height: 2em;
    font-size: 1.1em;
}
h2.enjoy_contents_title{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 1em;
    left: 1em;
    font-size: 2em;
    color: white;
    font-family: "FOT-筑紫Aヴィンテージ明S Pro R";
    font-weight: normal!important;
}




.category_index{
    margin-top: 30px;
}
.category_index h2{
    font-size: 26px;
    line-height: 1em;
    font-family: "F+UD-筑紫明朝 D";
    text-align: center;
    padding-bottom: 20px;
}
.category_index h3{
    box-sizing: border-box;
    font-size: 26px;
    line-height: 1em;
    font-family: "F+UD-筑紫明朝 D";
    text-align: left;
    margin: 0;
    padding: 0;
    padding-top: 2em;
    padding-bottom: 1em;
}
.category_index .f-lead{
    margin: 0;
    padding: 0;
    font-size: 15px;
    padding-bottom: 30px;
    font-family: "FOT-筑紫ゴシック Pr5 M";
    text-align: center;
    padding-right:20%;
    padding-left:20%;
}

.soldout_1{
    box-sizing: border-box;
    margin: 0 .2em 0 0;
    padding: .2em .7em .4em .7em;
    background-color: black;
    color: white;
    font-size: 9px;
    line-height: 1em;
    letter-spacing: 0.1em;
    text-align: center;
    width: fit-content;
    border-radius: 3px;
    vertical-align: middle;
    position: relative;
    top:-2px;
}


#img_box_flex{
    margin: 0;
    padding: 2em 0% 2em 0%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content:space-between;
    width: 100%;
    border: 0px solid green
}


#flex{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: start;
    align-items: stretch;
}
#flex.p2{
    flex-wrap: nowrap;
}
#flex .p_box{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 33%;
}
#flex .p_box:nth-of-type(3n+2){
    box-sizing: border-box;
    margin: 0;
    padding: 0 1em 2em 1em;
    border: 0px solid red
}
#flex .p_box:nth-of-type(3n){
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 2em 2em;
    border: 0px solid red
}
#flex .p_box:nth-of-type(3n+1){
    box-sizing: border-box;
    margin: 0;
    padding: 0 2em 2em 0;
    border: 0px solid red
}



#flex2{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
}
#flex2 .p_box{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 23.5%;
    height: auto;
}


H2.statement{
    box-sizing: border-box;
    margin: 0;
    padding: 5em 20% 8em 20%;
    border: 0px solid red;
    font-size: 16px;
    line-height: 2em;
}

#relation_area{
    box-sizing: border-box;
    margin: 3em 0 0 0;
    padding: 2em 0 1em 0;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
#relation_area h4{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 2em 0;
    font-size: 1em;
    font-weight: normal;
}
.relation_box{
    box-sizing: border-box;
    margin: 0em 0 2em 0;
    padding: 0 1em 0 0;
    width: 25%;
}
.relation_box:nth-of-type(4n-2){
    box-sizing: border-box;
    margin: 0 0 2em 0;
    padding: 0 .7em 0 .3em;
    width: 25% ;
}
.relation_box:nth-of-type(4n-1){
    box-sizing: border-box;
    margin: 0 0 2em 0;
    padding: 0 .3em 0 .7em;
    width: 25% ;
}
.relation_box:nth-of-type(4n){
    box-sizing: border-box;
    margin: 0 0 2em 0;
    padding: 0 0 0 1em;
    width: 25% ;
}

.relation_box h5{
    box-sizing: border-box;
    margin: 0;
    padding: .5em 0 .5em 0;
    font-size: .9em;
    font-weight: normal!important;
}
.relation_box p{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: .8em;
    line-height: 1.6em;
}

.link_c1 a{
    color: #3a546a!important;
}
.link_c1 a:hover{
    text-decoration: underline!important;
}

#detail{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: start;
    align-items: stretch;
    border: 0px solid blue;
}
.detail_left{
    box-sizing: border-box;
    margin: 0;
    padding: 0 6em 0 0;
    width: 75%;
    border: 0px solid red;
    vertical-align: top
}
.detail_right{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 25%;
    border: 0px solid green;
}


.d_txt_title{
    font-size: 1.8em!important;
}
.d_txt_cate{
    font-size: .5em!important;
}
.d_txt_honbun{
    font-size: 1em!important;
}
.d_thumb_box{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 .5em;
    width: 50%;
}
.d_thumb_box:nth-child(odd){
    padding: 0 .5em 0 0;
}
.d_txt_hosoku{
    font-size: .9em!important;
}
.d_txt_hosoku a{
    /*color: #3a546a!important;*/
}
.d_txt_hosoku a:hover{
    /*color: #3a546a!important;*/
    text-decoration: underline;
}
.d_txt_hosoku2{
    box-sizing: border-box!important;
    margin: 0 0 4em 0!important;
    padding: 0!important;
    font-size: .9em!important;
}
/*.link_color_reset a{
    color: initial!important;
}
.link_color_reset a:link{
    color: initial!important;
}
.link_color_reset a:hover{
    color: initial!important;
}
.link_color_reset a:active{
    color: initial!important;
}
.link_color_reset a:visited{
    color: initial;
}*/
.d_cart{
    box-sizing: border-box!important;
    margin: 0!important;
    padding: 11em 0 0 0!important;
    font-size: 1em!important;
    border: 0px solid red!important;
}
.d_cart hr{
    margin-bottom: 2em;
}
.hyou_l{
    width: 5em!important;
    padding-bottom: .6em;
    font-size: .9em;
}
.hyou_r{
    width: calc(100% - 5em) !important;
    padding-bottom: .6em;
    font-size: .9em;
}
#detail .shopify_lay1{
    box-sizing: border-box!important;
    margin: 1em 0 0 0!important;
    padding: 0!important;
    border: 0px solid green!important;
    width: 100%!important;
    height: 9em!important;
    line-height: 1em;
}


/* NEWS BOX
--------------------------- */
.btn_popopen2,
.btn_popopen3,
.btn_popopen4,
.btn_popopen5,
.btn_popopen6,
.btn_popopen7,
.btn_popopen8,
.btn_popopen9,
.btn_popopen10,
.btn_popopen1{
    cursor: pointer;
}
.btn_popclose{
    position: absolute;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 1.3vw;
    top: 1.2em;
    right: 1.2em;
    cursor: pointer;
}
@keyframes pop_on {
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@keyframes pop_off {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
#popup_box2,
#popup_box3,
#popup_box4,
#popup_box5,
#popup_box6,
#popup_box7,
#popup_box8,
#popup_box9,
#popup_box10,
#popup_box1{
    position: fixed;
    width: 60vw;
    height: 85vh;
    /*height: calc(100vh - 130px); !* メニュー部分の高さを決める *!*/
    box-sizing: border-box;
    background-color: white;
    color: black;
    margin: auto auto auto auto;
    padding: 5% 5% 5% 5%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    border-radius: 3px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border: 0px solid red;
    z-index: 9999999!important;
    box-shadow:
            0 1.9px 2.5px rgba(0, 0, 0, 0.057),
            0 5px 6.1px rgba(0, 0, 0, 0.076),
            0 10.1px 11.4px rgba(0, 0, 0, 0.086),
            0 19.2px 19.8px rgba(0, 0, 0, 0.092),
            0 38.4px 34.8px rgba(0, 0, 0, 0.1),
            0 101px 74px rgba(0, 0, 0, 0.13);
}
section.d_txt_hosoku2 p.btn_popopen2,
section.d_txt_hosoku2 p.btn_popopen3,
section.d_txt_hosoku2 p.btn_popopen4,
section.d_txt_hosoku2 p.btn_popopen5,
section.d_txt_hosoku2 p.btn_popopen6,
section.d_txt_hosoku2 p.btn_popopen7,
section.d_txt_hosoku2 p.btn_popopen8,
section.d_txt_hosoku2 p.btn_popopen9,
section.d_txt_hosoku2 p.btn_popopen10,
section.d_txt_hosoku2 p.btn_popopen1{
    box-sizing: border-box;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 1em;
    color: #3a546a;
}
.link_icon{
    color: #3a546a!important;
}
section.d_txt_hosoku2 h3{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 2em 0;
    font-size: 1.6em;
    line-height: 1.5em;
    color: #3a546a!important;
}


.page_jpn2{
    position: absolute;
    right:110px;
    top: 0px;
    width: 40px;
    z-index: 999999;
}
.page_eng2{
    position: absolute;
    right:70px;
    top: 00px;
    width: 40px;
    z-index: 999999;
}
.page_chn2{
    position: absolute;
    right: 30px;
    top: 00px;
    width: 40px;
    z-index: 999999;
}
.page_btn_onlineshop3{
    position: absolute;
    top:-41px;
    right: 170px;
    width: 120px;
}