/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
##Generic
	- Normalize
	- Box sizing
##Base
    - body
	- Typography
	- Elements
	- Links
    - PC & Mobile
    - color

##Layout
   - Common Page
   - Free Page
   - Contents
   - Section

##Components
	- Header
    - Footer
	- Hero
	- Button
	- Slide List
	- Card
    - Bar
    - Divider
    - CTA

##Page
    - Top
    - About
    - Atelier
    - Season message
    - Guide
    - Information
    - Question
    - Profile
    - Wrapping
    - OTB
    - Ice tea
    - 404
    - Form

##Category
   - Category Common
   - Tea leaf
   - Tea Taste
   - YOUR BLEND
   - Food
   - Trial
   - Tool
   - Goods

##Detail

##Temporary
   - sale

##plugins

##Futureshop
  



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

/*--------------------------------------------------------------
###Generic
--------------------------------------------------------------*/

/* ##Normalize
--------------------------------------------- */



/*--------------------------------------------------------------
###Base
--------------------------------------------------------------*/

/* ##Body
--------------------------------------------- */

@charset "UTF-8";


body {
    font-family:  "Helvetica","Helvetica Neue", "Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  }

  html {
    font-family: "Helvetica", "Helvetica Neue","Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    }
  @media screen and (max-width: 850px) {
    html{
        font-size: 15px;
    }
  }


 body{
    overflow-y: scroll;
    -ms-overflow-style: none;    
    scrollbar-width: none;       
  }
  body::-webkit-scrollbar {  
    display:none;
  }

/* ##Typography
--------------------------------------------- */


h1,h2,h3,h4,h5,h6,p,figure{
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}


.h1{
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -0.0156em;
}

.h2{
    font-size: 2.125rem;
    font-weight: 500;
    letter-spacing: -0.00833em;
}
.h3{
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0;
}
.h4{
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0;
}
.h5{
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.0075em;
}
.h6{
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.0075em;
}

/* Typography en ======================== */

.ty-h1-en{
    font-size: 3.75rem;
    line-height: 1.86;
    letter-spacing: -0.0156em;
    font-weight: 400;
}
.ty-h2-en{
    font-size: 3rem;
    line-height: 1.5;
    letter-spacing: -0.00833em;
    font-weight: 400;
}
.ty-h3-en{
    font-size: 1.75rem;
    line-height: 1.647;
    letter-spacing: 0;
    font-weight: 400;
}
.ty-h4-en{
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 400;
}
.ty-h5-en{
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: 0.0075em;
    font-weight: 400;
}
.ty-h6-en{
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.0075em;
    font-weight: 400;
}


.ty-subTitle-1-en{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.00938em;
}
.ty-subTitle-2-en{
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.00938em;
}
.ty-body-1-en{
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.03125em;
}
.ty-body-2-en{
  font-size: 0.875rem;
  line-height: 1.4285;
  font-weight: 400;
  letter-spacing: 0.01786em;
}
.ty-button-en{
  font-size: 0.875rem;
  line-height: 1.14285;
  font-weight: 400;
  letter-spacing: 0.08929em;
}

.ty-caption-en{
  font-size: 0.75rem;
  line-height: 1.333;
  font-weight: 400;
  letter-spacing: 0.03333em;
}
.ty-overline-en{
  font-size: 0.625rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.15em;
}


/* Typography jp ======================== */

.ty-h1-np{
    font-size: 3rem;
    line-height:2.3333;
    letter-spacing: -0.0156em;
    font-weight: 400;
    font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ty-h2-np{
    font-size: 2.125rem;
    line-height: 2.1176;
    letter-spacing: -0.00833em;
    font-weight: 400;
    font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ty-h3-np{
    font-size: 1.5rem; 
    line-height: 2.3333;
    letter-spacing: 0;
    font-weight: 400;
    font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ty-h4-np{
    font-size: 1.25rem; 
    line-height: 1.8;
    letter-spacing: 0;
    font-weight: 500;
    font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ty-h5-np{
    font-size: 1rem; 
    line-height: 1.5;
    letter-spacing: 0.0075em;
    font-weight: 400;
    font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ty-h6-np{
    font-size: 0.875rem; 
    line-height: 1.7142;
    letter-spacing: 0.0075em;
    font-weight: 400;
    font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}


.ty-subTitle-1-np{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.00938em;
    font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ty-subTitle-2-np{
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.00938em;
  font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ty-body-1-np{
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.03125em;
  font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ty-body-2-np{
  font-size: 0.875rem;
  line-height: 1.4285;
  font-weight: 400;
  letter-spacing: 0.01786em;
  font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ty-button-np{
  font-size: 0.875rem;
  line-height: 1.14285;
  font-weight: 400;
  letter-spacing: 0.08929em;
  font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.ty-caption-np{
  font-size: 0.75rem;
  line-height: 1.333;
  font-weight: 400;
  letter-spacing: 0.03333em;
  font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ty-overline-np{ 
  font-size: 0.625rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.15em;
  font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
  

.text-lighter{
    font-weight: 500;
}

.side-small-text{
    font-size: .7em;
    margin-left: 1em;
}


/* ##Elements
--------------------------------------------- */


img{
    max-width: 100%;
    vertical-align: top;
}

p{
    line-height: 1.5;
}
div{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
table{
    border-spacing: 0;
}
ul{
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color: inherit;
}
 
.item-vertical > *{
    margin-bottom: 1rem;
}

.bl-center-img{
  display: block;
  margin: 0 auto;
}

.contents-innger{
  padding: 15px;
}



/* box ======================== */

.box-center-area{
    text-align: center;
}
.text-left-box{
  display: inline-block;
  text-align: left;
}


/* login ======================== */

.logout.my-true {
    display: none;
}
.login.my-true {
    display: block;
}
.logout.my-false {
    display: block;
}
.login.my-false {
    display:none;
}



/* ##Links
--------------------------------------------- */



/* ##PC & Mobile
--------------------------------------------- */

.clearfix::after {
    content: "";
    display: block;
    clear: both;
 }

 .not-mobile{
     display: block;
 }
 .only-mobile{
     display: none;
 }

 .not-mobile-menu{
    display: block;
}
.only-mobile-menu{
    display: none ;
}
.not-mobile-750{
    display: block;
}
.only-mobile-750{
    display: none;
}
.not-mobile-750_span{
    display: inline;
}
.only-mobile-750_span{
    display: none;
}

.not-mobile-850{
    display: block;
}
.only-mobile-850{
    display: none;
}

.not-mobile-1100{
    display: block;
}
.only-mobile-1100{
    display: none;
}

.not-mobile-1400{
    display: block;
}
.only-mobile-1400{
    display: none;
}


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

    .not-mobile-1400{
        display: none;
    }
    .only-mobile-1400{
        display:block;
    }

}

@media screen and (max-width: 1100px) {
    .not-mobile-menu{
        display: none;
    }
    .only-mobile-menu{
        display: block;
    }
    .not-mobile-1100{
        display: none;
    }
    .only-mobile-1100{
        display:block;
    }
}
 @media screen and (max-width: 850px) {
    
    .not-mobile-850{
        display: none;
    }
    .only-mobile-850{
        display: block;
    }

    .not-mobile{
        display: none;
    }
    .only-mobile{
        display: block;
    }

    #mobile-hero{
        margin-top: 48px;
    }

 }

 .top-hero-not-mobile{
    display: block;
 }
 .top-hero-only-mobile{
    display: none ;
 }

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

    .top-hero-not-mobile{
        display: none;
     }
     .top-hero-only-mobile{
        display: block
     }
     .not-mobile-750{
        display: none;
    }
    .only-mobile-750{
        display:block;
    }
   
    .not-mobile-750_span{
        display: none;
    }
    .only-mobile-750_span{
        display: inline;
    }
   
 }

 #header-scroll-wide.scrolled{
     display: none;

 }
 #header-scroll-sticky.scrolled{
     display: block;
}

/* ##Color
--------------------------------------------- */

.bg-color-gray{
    background-color: lightgray;
}
.bg-color-red{
    background-color: lightcoral;
}
.bg-color-blue{
    background-color: lightblue;
}
.bg-color-green{
    background-color: lightgreen;
}





/*--------------------------------------------------------------
###Layout
--------------------------------------------------------------*/


/* ##Common Page
--------------------------------------------- */
.l-header{
    width: 100%;
    /* height: 100px; */
    
}

#mobile-hero{
    height: 60vh;
}

.l-contents{
    max-width: 1400px;
    margin:0 auto;
    padding: 0 30px;
    margin-top: 6rem;
}
.l-contents.page_season-message{
    margin-top: 0;
}

footer .l-contents{
    margin-top: 0;
}

.l-section{
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px;
}
.l-section_full{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px; 
}
.l-section__max-full{
    max-width: 100%;
}
.l-section__bg-max-full{
    max-width: 100%;
    padding: 0;
}
.l-section_over{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.l-section_stretch{
    width: 100%;
}
.l-section__mye{
    margin-bottom: 60px;
}
.l-section.section-spacer{
    margin-bottom: 7rem;
}
.l-section__inner_w-limit{
    width: 100%;
    max-width: 1400px;
  margin: 0 auto;
  padding: 0 ;
}

.l-footer{
    width: 100%;
    /* height: 300px; */
    margin-top:200px;
    background-color: #fff;
    position: relative;
    z-index: 3;
}

.margin-bttom-box{
    margin-bottom: 2rem;
}

.empty-divi{
    width: 100%;
    height: 8rem;
}

@media screen and (max-width: 750px) {
    .l-section{
        padding: 0 15px;
    }
    .l-section_full{
        padding: 0;
    } 
    .empty-divi{
        height: 2rem;
    }

.l-footer{
    
    margin-top: 7rem;
}
    
}

/* ##Free Page
--------------------------------------------- */


.l-contents__free-page{
    margin-top: 2rem;
    margin-bottom: 10rem;
}
.free-page__title{
    line-height: 2;
    margin-bottom: 30px;
}
.news-archive__news-area a{
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.news-archive__news-area a:hover{
    opacity: .6;
}



.mye-flex-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mye-flex-box .mye-flex-side{
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}
.mye-flex-box .mye-flex-main{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 850px) {
  .mye-flex-box{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
  }
/*   
  .mye-flex-box .mye-flex-side{
    flex-basis: 100%;
  } */
}

/* ##Contents
--------------------------------------------- */

@media screen and (max-width: 850px) {
    .l-contents{
        padding: 0 15px;
        margin-top: 2rem;
    }
    .l-section__mye{
        margin-bottom: 30px;
    }


}


/* ##Section
--------------------------------------------- */

.section-last-space{
    padding-bottom: 8rem;
} 
.section-bottom-line{
    border-bottom: 1px solid #c7c7c7;
}
@media screen and (max-width: 850px) {
    .section-last-space {
        padding-bottom: 1rem;
    }
}


/*--------------------------------------------------------------
###Components
--------------------------------------------------------------*/


/* ##Header
--------------------------------------------- */



/* Header state  =============== */

.menu__wide{
    display: block;
}
.menu_wide .header__inner{
    z-index: 500;
}
.menu__stick{
    display: none;
}
.menu__panel{
    visibility: hidden;
}

.is-active.menu__wide,
.is-active.menu__stick{
    display: block;
}
.is-active.menu__panel{
    visibility: visible;
}

.is-active.menu__stick .header__inner {
    position: fixed;
    background: #fff;
    width: 100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 10px 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 48px;
    z-index: 600;
}



/* @media screen and (max-width: 1100px) {
    .menu__wide{
        display: none;
    }

    .menu__stick{
        display: block;
    }
} */



/* header ======================== */
.header{
    position: relative;
}
.header__inner{
    position: relative;
}
.header__abs {
    position: relative;
}
 .body-fixed{
    position: fixed;
}

/* menu ======================== */
.menu__panel .menu-open-area{
    position: fixed;
    background: #fafafa;
    max-width: 410px;
    top: 0;
    left: 0;
    z-index: 4000;
    width: 100%;
    height: 100vh;
    visibility: hidden;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    overflow-y: scroll;
    -ms-overflow-style: none;    
    scrollbar-width: none;  
}
.menu__panel .menu-open-area::-webkit-scrollbar {  
    display:none;
}

.menu__panel.is-active .menu-open-area{
    visibility: visible;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
}
/* base menu ======================== */
.menu__base a{
    color: inherit;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.menu__base a:not(.have-icon):hover{
    /* color: #C7C7C7; */
    text-decoration: underline;
}

/* ##Secondry nav ======================== */
.secondry-nav-area .vertical-list >*{
    padding: 0;
    padding-top: 13px;
    margin-right: 18px;
}
.secondry-nav-area .vertical-list >*:last-child{
    margin-right: 0;
}

.instagram-menu{
    padding-left: 0;
}
.instagram-menu a{
    font-size: 18px;
}

/* ##Center nav ======================== */
.menu__center{
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1000;
}
.gl-nab-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.gl-nab-area .vertical-nav {
    display: inline-block;
}
.secondry-nav-area{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    padding-right: 30px;
}
 .account-btn{
    position: relative;
}
.account-btn:hover .menu-panel{
    opacity: 1;
    visibility: visible;
}
.menu-panel{
    position: absolute;
    top: 60px;
    left: 10px;
    width: 140px;
    height: auto;
 
    background: #fff;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 9px 0 rgba(0,0,0,.13);
            box-shadow: 0 1px 9px 0 rgba(0,0,0,.13);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    padding:20px 15px;
}
.mye-overlay{
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
  }
  .menu-panel a{
    display: inline-block;
    margin-bottom: 1em;
}
.menu-panel a:last-child{
    margin-bottom: 0;
}

.menu__panel .toggle-close-area{
    height: 36px;
  }
  .menu__panel .toggle-close{
    width: 30px;
    height: 30px;
    cursor: pointer;
  
  }
 

  .menu__panel  .menu-open-area{
    overflow-y: scroll;
    -ms-overflow-style: none;    
    scrollbar-width: none;       
  }
  .menu__panel  .menu-open-area::-webkit-scrollbar {  
    display:none;
  }
  .menu__panel  .menu-open-area.is-active{
    visibility: visible;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }
  .menu__panel .menu-open-header{
    width: 100%;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 10px;
    background: #fafafa;
  }
  .menu__panel .menu-open-list{
    padding-top: 48px;
    overflow: scroll;
    height: 100vh;
  }

  .menu-open-list{
    overflow-y: scroll;
    -ms-overflow-style: none;    
    scrollbar-width: none;       
  }
  .menu-open-list::-webkit-scrollbar {  
    display:none;
  }

  .menu__panel .menu-open-area li{
    padding: 10px 20px;
  }
  .menu__panel .menu-open-area .menu-heading-area{
    padding: 10px 20px;
  }
  .top-area{
    padding: 10px 20px;
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .mobile_menu_heading{
    font-size: 1rem;
    font-weight: 700;
  }
  
  .menu__panel ul.list-type-border {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  .menu__panel .learn-area{
    margin-bottom: 1rem;
  }
  .menu__panel .btn-area{
    padding: 0 20px;
    margin-bottom: 1rem;
  }
  .menu__panel .btn-area .bl_btn{
    font-size: 1.1rem;
  }
  .menu__panel.stick-menu .guide-area {
    font-size: 1.1rem;
  }
  
  .menu__panel li.mobaile-about-mye {
    padding: 11px 20px;
    font-size: 1.3rem;
    font-weight: 500;
  }
  .menu__panel .social-area.instagram-menu{
    margin: 22px;
    padding-bottom: 120px;
  }
  .menu__panel .social-area{
    margin-top: 22px;
    padding: 10px 20px;
    padding-bottom:120px;

  }
  .social-text-link{
      display: block;
      margin-bottom: 10px;
  }

/* ##Stick nav ======================== */
.nav-toggle>div {
    position: relative;
    width: 20px;
}

.nav-toggle span {
    width: 100%;
    height: 2px;
    left: 0;
    display: block;
    background: #333;
    position: absolute;
    -webkit-transition:  top .5s ease,-webkit-transform .6s ease-in-out;
    transition:  top .5s ease,-webkit-transform .6s ease-in-out;
    -o-transition:  transform .6s ease-in-out,top .5s ease;
    transition:  transform .6s ease-in-out,top .5s ease;
    transition:  transform .6s ease-in-out,top .5s ease,-webkit-transform .6s ease-in-out;
}
.nav-toggle span:first-child {
    top: 0;
}
.nav-toggle span:nth-child(2) {
    top: 8px;
}
.nav-toggle span:nth-child(3) {
    top: 16px;
}

.menu__stick .toggle-open{
    width: 20px;
    height: 18px;;
}
.menu__stick .cart-area{
    font-size: 16px;
  }
  .menu__stick .cart-area i{
    padding-right: 11px;
    font-size: 1.4rem;
  }
  .menu__stick .logo-area {
    width: 300px;
    position: relative;
    /* height: 18px; */
    margin-top: 0;
    padding-left: 15px;
  }
  @media screen and (max-width: 750px) {
    .menu__stick .logo-area {
        padding-left: 6px;
        width: 200px;
    }
}
  .menu__stick .header__inner{
    position: fixed;
    background: #fff;
    width: 100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 15px 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 48px;
    z-index: 600;
  }

  .menu__stick .logo-area img{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }


  .header-banner__area{
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    /* transition-timing-function:ease-in; */

  }
  .is-active .header-banner__area{
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    /* margin-top: -75px; sale */
    margin-top: -45px;
  }

  /* ##Shipping Banner ======================== */
  .shipping-banner__area{
      background: #212121;
      height: 45px;
      
  }
  .shipping-banner__inner{
      padding:0 10px;
  }
  .shipping-banner__text{
      text-align: center;
      color: #fff;
      font-size: .75rem;
      line-height: 35px;
  }
  .shipping-banner__text a{
      text-decoration: underline;
  }
  .is-active .shipping-banner__area{
      /* height: 0; */
      /* transform: translateY(-100%);
      margin-top: -45px; */
  } 

    /* ##Sale Banner ======================== */

    .sale-head-banner__area{
        background: #F4F4F4;
        height: 45px;
        /* height: 70px; */ /* sale */
        /* transition: .2s; */
    }
    .sale-head-banner__inner{
        padding:0 10px;
    }
    .sale-head-banner__text{
        text-align: center;
        color: #333;
        font-size: .75rem;
        line-height: 45px;
    }
    .sale-head-banner__text a{
        text-decoration: underline;
    }
    .is-active .sale-head-banner__area{
        /* height: 0; */
        /* transform: translateY(-100%);
        margin-top: -45px; */
    } 
    
    @media screen and (max-width: 850px) { 

        .shipping-banner__text{
            line-height: 1.5;
        }
        .is-active .header-banner__area{
            /* margin-top: -70px; sale */
            margin-top: -46px;
        }
        .sale-head-banner__text_two-line{
            line-height: 1.5;
            padding-top: .4rem;
        }
        .sale-head-banner__area{
            padding-top: 4px;
        }
        .sale-head-banner__text{
            font-size: .8rem;
            line-height: 18px;
        }
    }
 

  /* ##RE Main Nav ======================== */


  .menu__stick{
      display: block;
  }
  .header-wrap{
      display: block;
  }
  .header-fix__wrap{
      position: fixed;
      top: 0;
      z-index: 100;
      width: 100%;
  }

.main-nav__area{
    background: rgba(255,255,255,0);
 -webkit-transition: .4s;
 -o-transition: .4s;
 transition: .4s;
}
.is-active .main-nav__area{
    background: #fff;
}
.main-nav__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 30px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
}
.main-nav__left-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}
.main-nav__toggle-area{
    position: relative;
}
.main-nav__logo-area{
    max-width: 200px;
    margin-left: 50px;
}
  .vertical-list >*{
    display: inline-block;
    padding:37px 15px;
    list-style: none;

}
.menu__base .vertical-list > * {
    font-size: 0.85rem;
    color: #333;
    font-weight: 700;
    font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.vertical-list >*:last-child{
    margin-right: 0;
}

.logo-area{
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
}

.gl-nab-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 25px;
}
.gl-nab-area .vertical-nav {
    display: inline-block;
}


.toggle-open-area{
    height: 20px;
    width: 20px;
    /* background: red; */
    cursor: pointer;
}

.main-mobile-right__area{
    display: none;
}
.main-mobile-right__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header__cart-area{
    margin-right: 20px;
    padding-bottom: 4px;
}
.header__gift-area{
    margin-right: 20px;
}

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


}

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

    .main-nav__toggle-area{
        display: none;
    }
   
 
    .gl-nab-area{
        display: none;
    }
    .main-mobile-right__area{
        display: block;
    }


    .shipping-banner__area{
        height: 40px;
    }
    .shipping-banner__inner{
        padding: 5px;
    }

    .main-nav__wrap{
        padding: 8px 15px;
    }
    .main-nav__logo-area{
        max-width: 180px;
        margin: 0;
    }



}

.header__cart-area_mobile .fs-p-cartItemNumber{
    background-color: #000;
    color: #fff;
    padding: 0.2em 0.4em;

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

    .header__cart-area {
        margin-right: 26px;
        padding-bottom: 4px;
    }
    .header__gift-area{
        margin-right: 14px;
        padding-top: 2px;
    }
    .fs-p-cartItemNumber{
        right: -19px;
        padding: 0.2em 0.4em;
    }
    .main-nav__logo-area{
        max-width: 160px;
    }

}

/* ##Footer
--------------------------------------------- */


.footer-top-area a,
.footer-bottom-area a,
.footer-second-area a{
    color: inherit;
    /* transition: .2s; */
    font-size: .9rem;
}
.footer-top-area a:hover,
.footer-bottom-area a:hover,
.footer-second-area a:hover{
    text-decoration: underline;
}
.footer-magazin-area,
.footer-top-area,
.footer-second-area{
    border-top: 1px solid #CCCCCC;
}
.footer-magazin-area__inner,
.footer-top-area__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding:30px 0;
}

.magazin-box p {
  margin-bottom: .5em;
}
.social-link{
    
    margin-left: 10px;
}
.social-link img{
  width: 19px;
}
.footer-bottom-area{
    border-top:1px solid #CCCCCC ;
}
.footer-bottom__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 30px 0;
}
.footer-menu__box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 2rem;
}
.footer-menu__box > ul{
  margin-right: 50px;
  font-size: 0.8125rem;
}
.footer-menu__box > ul:last-child{
    margin-right: 0;
}
.footer-menu__box > ul > li{
    line-height: 1.5;
}
.footer_sns_label{
    margin-bottom: 20px;
}

.footer-payment__area img {
    display: block;
}
.payment-all{
    width: 350px;
}
.payment-np{
    width: 160px;
}
.payment-amazon{
    margin-top: 20px;
    margin-right: 20px;
}

.payment-logo{
    margin-top: 20px;
}
.payment-logo_paypay{
    width:60px;
}
.payment-paypay{
    /* width: 25px; */
}

.footer-second__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 20px 0;
}
.footer-second__inner .vertical-nav li{
  display: inline-block;
  padding:0 5px;
  border-right: 1px solid #333;
  
}
.vertical-nav li:last-child{
    border-right-width: 0;
}
.footer-second-area{
    padding:10px 0;
}
.footer-second-area .vertical-nav{
    font-size: 0.75rem;
}
.footer-second-area .copylight-area{
    font-size: 0.6875rem;
}
.payment__area-line{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

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

  .footer-menu__box{
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
  }
  .footer-menu__box > ul{
      margin-bottom: 1rem;
  }
  .payment-all {
      width: 250px;
  }
  .payment-amazon{
    margin-right: 0px;
}
}
@media screen and (max-width: 750px) { 
    .footer-top-area a, .footer-bottom-area a, .footer-second-area a{
        font-size: .9rem;
    }
    .footer_sns_label{
        font-size: 1.1rem;
        margin-bottom: 0px;
    }
}
/* ##Slider
--------------------------------------------- */
.slider,.slider-mobile{
    opacity: 0;
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
 }
 .slick-initialized{
    opacity: 1
}
.pc-slider .bl-hero{
    height: 100vh;
}
.mobile-slider .bl-hero{
    height: 60vh;
}

.bl-hero{
     margin-top: 45px; 
    /* margin-top: 70px; sale */
}

.info-all{
    margin-top: .5rem;
    margin-bottom: 1rem;
}

.slide {
    position: relative;
    height: 100vh;
  }
  .slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
  }

/* ##Hero
--------------------------------------------- */

.bl-hero:focus {
    outline: none;
  }

.hero-title__wrap{
    background: #FAFAFA;
    margin-bottom: 100px;
    /* padding: 20px; */
}
.hero-title__inner{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.hero-title__title{
    font-size: 1.5rem;
}
.hero-title__title-sub{
    font-size: 1rem;
    margin-left: 20px;
}
.hero-title__title-sub_jp{
    margin-left: 20px;
    font-weight: 500;
    color: #707070;
}
.l-hero-box {
    width: 100%;
    height: calc(100vh + -90px);
    /* height: 100vh; */
    /* height: calc(69.44444vw + -2333.33333px); */
    /* height: auto; */
    background-position: center center;
    background-size: cover;
    position: relative;
}

.l-hero-box  video{
    width: 100%;
    /* height: 90vh; */
}
.l-hero-box.hero_toppage_mobaile{
    height: 62vh;
}
.hero-img{
    width: 100%;
    height: 100vh;
    background-size: cover;
}
.l-hero-box.vh-50{
    height: 50vh;
}
.l-hero-box.vh-50 .hero-img{
    height: 50vh;
}

.l-hero-box.vh-100{
    height: 100vh;
}
.l-hero-box.vh-100 .hero-img{
    height: 100vh;
}

.l-hero-box.vh-65{
    height: 65vh;
}
.l-hero-box.vh-65 .hero-img{
    height: 65vh;
}


.l-hero-box.hero-m{
    height: 50vh;
}
.l-hero-box.hero-empty {
    height: 30px;
}
.l-hero-box.hero-box-80 {
    height: 60vh;
}
.l-hero-box.bottom-margin-none{
    margin-bottom: 0;
}

.l-hero-box.l-hero-box_empty {
    height: 180px;
}
.fs-body-custom .l-hero-box.l-hero-box_empty {
    height: 0;
}

.l-hero-box.l-hero-box_top{
    margin-bottom: 50px;
}

.l-hero-box.l-hero-box_c_tea-set{
    margin-top: 187px;
}
.l-hero-box.l-hero-box_f_atelier{
    /* margin-top: 187px; */
    margin-top: 150px;
    /* margin-bottom: 0; */
}

.l-hero-box.l-hero-box_f_about{
    margin-top: 200px;
}


/*===== hero message  =======*/

.top-hero-seaton__overlay{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-0,-50%);
        -ms-transform: translate(-0,-50%);
            transform: translate(-0,-50%);
}

.bl_btn.top-hero-season__button{
    width: 50px;
    background: rgba(255,255,255,0.67);
    border: none;
}
.bl_btn.top-hero-season__button:hover{
    border: none;
}
.bl_btn.top-hero-season__button::after{
    display: none;
}

.hero-overlay-message {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 0 15px;
}
.hero-overlay-message__title-area{
    line-height: 1.5;
    letter-spacing: .1em;
    margin-bottom: 2.5rem;
}
.hero-overlay-message__sub-title{
    margin-bottom: .5rem;
    text-align: center;
}
.hero-overlay-message__title{
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}
.hero-overlay-message__text-area{
    max-width: 720px;
    margin: 0 auto;
}
.hero-overlay-message-_text{
    font-size: 1.25rem;
}


@media screen and (max-width: 1100px) {
   
    .l-hero-box{
        /* margin-bottom: 3rem; */
        /* height: auto; */
        /* height: 60vh; */
    }
    .l-hero-box.l-hero-box_top{
        height: 50vh;
    }
    .l-hero-box.tea-hero{
        height: 60vh;
    }
    .l-hero-box.tea-hero.first-hero{
        margin-bottom: 0;
    }
    
    .l-hero-box.tea-hero .hero-img{
        height: 60vh;
    }
    .bl-hero {
        /* margin-top: 86px; */
        margin-top: 68px;
    }

    .l-hero-box.l-hero-box_c_tea-set{
        margin-top: 173px;
    }
    .l-hero-box.l-hero-box_f_atelier{
        margin-top: 173px;
        margin-bottom: 150px;
    }
    .l-hero-box.l-hero-box_f_about{
        margin-top: 180px;
    }

}
@media screen and (max-width: 850px) {
    .l-hero-box{

        height: 40vh;
    }
    .l-hero-box.l-hero-box_top{
        height: 50vh;
    }
    .bl-hero{
        /* margin-top: 80px; */
        margin-top: 44px;
    }
    .l-hero-box.l-hero-box_c_tea-set{
        margin-top: 160px;
    }
    .l-hero-box.l-hero-box_f_atelier{
        margin-top: 160px;
        margin-top: 150px;
    }

}
@media screen and (max-width: 750px) {
   
    .l-hero-box{
        /* margin-bottom: 3rem; */
        height: calc(100vh - 86px);
    }
    .l-hero-box.l-hero-box_top{
        height: 65vh;;
    }
    .l-hero-box_category{
        height: 50vh;
    }
    .bl-hero{
        /* margin-top: 82px; */
        margin-top: 44px;
    }
    .hero-title__wrap{
        margin-bottom: 20px;
    }
    .hero-title__title {
        font-size: 1.2rem;
    }
    .hero-title__inner{
        padding: 15px;
    }
    .l-hero-box.l-hero-box_empty.l-hero-box_about{
        height: 10px;
    }

    .fs-body-custom .l-hero-box.l-hero-box_empty {
        height: 0;
    }

    .l-hero-box.l-hero-box_c_tea-set{
        margin-top: 156px;
    }

    .l-hero-box.l-hero-box_f_atelier{
        /* margin-top: 156px; */
        margin-top: 150px;
        margin-bottom: 0;
    }
    .l-hero-box.l-hero-box_f_about{
        margin-top: 179px;
    }
}


/* ##Title
--------------------------------------------- */

.bl__title{
    font-weight: 500;
    line-height: 1.8;
}


/* ##Button
--------------------------------------------- */

.bl_btn{
    display: inline-block;
    width: 350px;
    max-width: 100%;
    padding: 15px 15px;
    
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.08929em;
    line-height: 1.5em; 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box;
    text-align: left;
    text-decoration: none;
    -webkit-transition: border .35s, color .35s, background-color .35s;
    -o-transition: border .35s, color .35s, background-color .35s;
    transition: border .35s, color .35s, background-color .35s; 
    position: relative;
    font-weight: 400;
    cursor: pointer;
}
.bl_btn_base{
    display: inline-block;
    padding: 8px 10px;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.08929em;   
    -webkit-box-sizing: border-box;   
            box-sizing: border-box;
    text-align: left;
    text-decoration: none;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    position: relative;
    min-width: auto;
}
/* .bl_btn::after{
    content: '>';
} */
.bl_btn_center{
    text-align: center;
}
.bl_btn.bl_btn_no-icon::after{
    display: none;
}
.bl_btn.bl_btn_thin{
    padding: 10px 15px;
}
.bl_btn_w95{
    width: 95%;
    min-width: 200px;
    margin: 0 auto;

}
.bl_btn_w_full{
    width: 100%;
}
.bl_btn_w200{
    width: 200px;
    max-width: 200px;
}
.bl_btn_w260{
    width: 100%;
    max-width: 260px;
}
.bl_btn_w320{
    width: 100%;
    max-width: 320px;
}
.bl_btn_w360{
    width: 100%;
    max-width: 360px;
}
.bl_btn_w400{
    width: 400px;
}
.bl_btn_100{
    width: 100%;
}
.bl_btn_auto{
    width: auto;
    min-width: auto;
}
.bl_btn_textcenter{
    text-align: center;
}
.bl_btn.bl_btn_none-arrow::after{
    display: none;
}
.bl_btn_type_thin{
    padding: 8px 15px;
}
.bl_btn__message{
    display: inline-block;
    width: 350px;
    max-width: 100%;
    padding: 15px 10px;
    
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.08929em;
    
    -webkit-box-sizing: border-box;
    
            box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    -webkit-transition: border .25s, color .25s, background-color .25s;
    -o-transition: border .25s, color .25s, background-color .25s;
    transition: border .25s, color .25s, background-color .25s; 
    position: relative;
}
.bl_btn__recipe{
    display: inline-block;
    width: 200px;
    max-width: 100%;
    padding: 15px 10px;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.08929em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    position: relative;
}
.bl_primary-btn.bl_btn__put-black-area{
    color: #fff;
}
.bl_primary-btn.bl_btn__put-black-area::after{
    color: #fff;
}
.bl_btn__food-link{
    width: 400px;
    text-align: center;
    padding: 20px 20px;
}
.bl-hero{
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bl-hero_contain{
    background-size: contain;
}

.bl_primary-btn{
    border: 1px solid #484848;
    color: #333;
    background-color: rgba(0,0,0,0);
}
.bl_primary-btn:hover{
    border: 1px solid #212121;
    background-color: #212121;
    color: #fff;
}
.bl_primary-black-btn{
    border: 1px solid #000;
    color: #000;
    background-color: rgba(0,0,0,0);
}
.bl_primary-black-btn:hover{
    border: 1px solid #C7C7C7;
    background-color: #C7C7C7;
}
.bl_primary-btn::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 10px;
    color: #777;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.bl_primary-btn:hover::after{
    color: #fff;
}

/*----- white outline btn -----*/

.bl_btn_light-outline{
   border: 1px solid #fff; 
}

/*----- dark mode btn -----*/

.bl_primary-btn_dark-mode{
    border: 1px solid #fff;
    color: #fff;
    background-color: rgba(0,0,0,0);
}
.bl_primary-btn_dark-mode:hover{
    border: 1px solid #fff;
    background-color: #ffff;
    color: #333;
}
.bl_primary-btn_dark-mode::after{

    color: #fff;
}
.bl_primary-btn_dark-mode:hover::after{
    color: #333;
}
.bl_btn_min-auto{
    min-width: auto;
}
.bl_btn_base_primary{
    border: 1px solid #C7C7C7;
    color: #333;
    background-color: rgba(0,0,0,0); 
}
.bl_btn_base_primary:hover{
    border: 1px solid #212121;
    background-color: #212121; 
    color: #fff;
}
.bl_btn_base_dark{
    border: 1px solid #212121;
    color: #fff;
    background-color: #484848;
}
.bl_btn_base_dark:hover{
    border: 1px solid #C7C7C7;
    background-color: #C7C7C7; 
}
/* .bl_primary-btn:after {
	content: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.66 13.91"><defs><style>.a{fill:none;stroke:%23333;}</style></defs><path class="a" d="M508.52,377.9l6.6,6.6-6.6,6.6" transform="translate(-508.17 -377.55)"/></svg>' );
} */

.bl_secondary-btn{
    border: 1px solid #212121;
    color: #fff;
    background-color: #212121;
}
.bl_secondary-btn:hover{
    background-color: #fff;
    color: #333;
}

.bl_primary-dark-btn{
    border: 1px solid #212121;
    color: #fff;
    background-color: #212121;
}
.bl_primary-dark-btn:hover{
    color: #333;
    border-color: #212121;
    background-color: rgba(0,0,0,0);
}

.bl_last-center-btn {
    margin: 1rem auto;
    text-align: center;
}

.bl_btn_center-position{
    margin: 0 auto;
    display: block;
}
.bl_btn_text-center {
    text-align: center;
}


.btn-wrap {
    margin: 2rem 0;
}

.bl_season-btn {
    border: none;
    background: rgba(255,255,255,0.6);
}


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

    .bl_btn_w260{
        max-width: 100%;
    }
    .bl_btn_w320{
        max-width: 100%;
    }

    .bl_btn_w_sp_w260{
        max-width: 260px;
    }

    

}


/* ##Colume
--------------------------------------------- */


.bl_col__2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.bl_col__2 > .col-item{
    width: 49.5%;
    margin-right: 1%;
    border: 1px solid #c7c7c7;
}
.bl_col__2 > .col-item:nth-of-type(2n){
    margin-right: 0;
}
@media screen and (max-width: 850px) {

    .bl_col__2 > .col-item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
}

.category-area .bl_col__2 > .col-item:last-child{
    padding-bottom: 2rem;
}

}

/* ##Colume New
--------------------------------------------- */
  /*=== ### module Icetea  =====*/
  .l_col-2__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
   
}
.l_col-2_col{
    width: 50%;
    margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
.l_col-2_col{
    width: 100%;
}
.l_col-2__wrap_flip-m .l_col-2_left{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.l_col-2__wrap_flip-m .l_col-2_right{
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
}
/* ##Column List
--------------------------------------------- */
.column-list__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.column-list__item{
    width: 24%;
    margin-right: 1%;
    margin-bottom: 30px;
}

.column-list__wrap .column-list__item:last-child{
    margin-right: 0;
}
.column-list__item-img-area{
    margin-bottom: 14px;
}
.column-list__item-title-area{
    
}
.column-list__item-title{
    text-align: center;
    margin-bottom: 8px;
    text-decoration: underline;
}
.column-list__item-title_uline{
    text-decoration: underline;
}
.column-list__item-price{
    text-align: center;
}
.column-list__item-text-area{
    margin-top: 20px;
    margin-bottom: 40px;
}
.column-list__item-text{
    
}

.column-list__item-btn{
    margin-top: 30px;
}
@media screen and (max-width: 750px) {

    .column-list__item{
        width: 49%;
        margin-right: 2%;
    }
    .column-list__wrap .column-list__item:nth-of-type(2n){
        margin-right: 0;
    }
}
/* ##Sceoll List
--------------------------------------------- */

.bl_scroll-list__inner{
    position: relative;
}


.bl_scroll-list__wrap{
    overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 12px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bl_scroll-list__wrap_re{
  padding: 0 0 12px 0;
}
.bl_scroll-list__wrap::-webkit-scrollbar {
    width: 6px;
  }
  .bl_scroll-list__wrap {
    scrollbar-width: thin;
    scrollbar-color: #212121 #FAFAFA;
  }
  .bl_scroll-list__wrap::-webkit-scrollbar-track {
    background: #FAFAFA;
    border-radius: 10px;
  }
  .bl_scroll-list__wrap::-webkit-scrollbar-thumb {
    background-color: #212121 ;
    border-radius: 12px;
    border: 5px solid #FAFAFA;
  }

  .bl_scroll-list__button{
      position: absolute;
      top: 114px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 50px;
      height: 50px;
      color: #484848;
      background: #FAFAFA;
      border: none;
      cursor: pointer;
  }
  .top-topic_mobile .bl_scroll-list__button{
      width: 30px;
  }
  
  .bl_scroll-list__button_left{
      left: 0;
  }
  .bl_scroll-list__button_right{
      right: 0;
  }
  
/*====== scroll item ========*/
.bl_scroll-list__item{
    width: 100%;
    min-width: 310px;
    margin-right: 20px;
}

.bl_scroll-list_title{
    text-align: center;
    margin: 20px 0 10px;
}
.bl_scroll-list_text{
    font-size: .8rem;
    text-align: center;
}
.bl_scroll-list_summary{
    line-height: 1.8;
    margin: 30px 0 10px;
}

/* ##Copy Block
--------------------------------------------- */
  /*=== ### module Icetea  =====*/
  .copy-block__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.copy-block__wrap_alcenter{
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-grid-row-align: center;
            align-items: center;
}
.copy-block__col_2{
    width: 50%;
    margin-bottom: 40px;
}

.copy-block__wrap_flip .copy-block__col_left{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.copy-block__wrap_flip .copy-block__col_right{
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

/*----- padding  ------*/
.copy-block__col_inner_pc_side2{
    padding-left: 16%;
    padding-right: 16%;
}
.copy-block__col_inner_pc_side3{
    padding-left: 24%;
    padding-right: 24%;
}
.copy-block__col_inner_pc_left1{
    padding-right: 16%;
}
.copy-block__col_inner_pc_right1{
    padding-right: 16%;
}
.copy-block__col_inner_pc_right1-4{
    padding-right: 25%;
}


.copy-block__copy{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 2px;
    margin-bottom: 60px;

}

.copy-block__text{
    line-height: 1.8;
    margin-bottom: 20px;
}
.copy-block__text_middle{
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.copy-block__text_small{
    font-size: 1.25rem;
    margin-bottom: 20px;
}
.copy-block__text_center{
    text-align: center;
}
.copy-block__text_uline{
    text-decoration: underline;
}

.copy-block__img{

}
@media screen and (max-width: 750px) {
.copy-block__col_2{
    width: 100%;
}
.copy-block__copy{
    font-size: 1.6rem;
}
.copy-block__copy_sp_center{
    text-align: center;
}
.copy-block__col_inner_sp_def{
    padding: 0;
    padding-left: 5%;
    padding-right: 5%;
}
.copy-block__col_inner_sp_left1{
    padding: 0;
    padding-left: 5%;
}
.copy-block__col_inner_sp_right1{
    padding: 0;
    padding-right: 5%;
}

}

/* ##Copy Straight
--------------------------------------------- */

.copy-straight{
    width: 70%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.copy-straight__text-area_bottom_2m{
    margin-bottom: 100px;
}
.copy-straight__text-area_bottom_3m{
    margin-bottom: 150px;
}
.copy-straight__text-area{
    padding: 0 8%;
}
.copy-straight__copy{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 2px;
    margin-bottom: 70px;
    text-align: center;
}
.copy-straight__text{
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: left;
}
.copy-straight__img-area{

}
@media screen and (max-width: 750px) {
    .copy-straight {
        width: 100%;
        margin-bottom: 50px;
    }
    
    .copy-straight__text-area {
        padding: 0 5%
    }
    .copy-straight__copy{
        font-size: 1.6rem;
    }
    .copy-straight__text-area_bottom_2m{
        margin-bottom: 50px;
    }
    .copy-straight__text-area_bottom_3m{

        margin-bottom: 75px;
    }
}

/* ##Coulumn Body
--------------------------------------------- */
.bl_column-body{

}
.bl_column-body_sub-title{
    font-size: .9rem;
    margin-bottom: 10px;
   

}
.bl_column-body__sub-title{
    font-size: .875rem;
    margin-bottom: 20px;
}
.bl_column-body__title{
    font-size: 1.85rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 30px;
    letter-spacing: 1.6px;
}
.bl_column-body__price{
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
}
.bl_column-body__text-box{
    margin-bottom: 30px;
}
.bl_colum-body__text{
    font-size: 1rem;
    line-height: 1.6;
}

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

    .bl_column-body__title{
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .bl_scroll-list__item{
        width: 100%;
        min-width: 350px;
        margin-right: 20px;
    }

}


/* ##Module Tab
--------------------------------------------- */
.tab-group{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tab{
  /* flex-grow: 1; */
  width: 300px;
  padding:20px 5px;
  list-style:none;
  /* border:solid 1px #CCC; */
  background: #E8E8E8;
  text-align:center;
  cursor:pointer;
  margin-right: 30px;
}
.panel-group{
  /* border:solid 1px #CCC; */
  border-top:none;
  background:#FAFAFA;
  padding: 160px 30px 130px;
}
.panel{
  display:none;
}
.tab.is-active{
  background:#FAFAFA;
  color:#333;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.panel.is-show{
  display:block;
}


/* ##Title Block
--------------------------------------------- */
.title_block_center{
    text-align: center;
}
.title_block__sub-title{
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.title_block__title{
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 2px;
}
@media screen and (max-width: 750px) {

    .title_block__sub-title{
        margin-bottom: 10px;
    }
    .title_block__title{
        font-size: 1.6rem;
    }
}

/* ##Table
--------------------------------------------- */

.vertical-table{
    /* border: 1px solid #C7C7C7; */
}
.vertical-table__inner{
    width: 100%;
    text-align: left;
    table-layout: fixed;
}
.vertical-table__text{
    padding: 15px;
    border-right: 1px solid #C7C7C7;
    border-bottom: 1px solid #C7C7C7;
    vertical-align: middle;
}
.vertical-table__header:last-child,
.vertical-table__text:last-child{
    border-right-width: 0;
}
.vertical-table__body-row:last-child .vertical-table__text{
    border-bottom-width: 0;
}

/* .category-area .vertical-table{
    border: none;
} */
.link-table .vertical-table__text{

    padding: 0;
}
.link-table .vertical-table__text a{
    font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    display: block;
    padding: 15px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.link-table .vertical-table__text a:hover{
    color: #C7C7C7;
}
.link-table .vertical-table__empty{
    padding: 15px;
}

.info-list-box{
    padding: 0 20px;
    text-align: center;
}
.info-list-box .bl_btn{
    width: 260px;
}

/* ##Modal
--------------------------------------------- */

.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 90%;
    max-width: 600px;
    height: 90vh;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.modal__content::-webkit-scrollbar{
    display: none;
}




.modal__content__inner{
    position: relative;
    padding: 40px;
}
.modal__close_btn-area{
    position: absolute;
    top: 10px;
    right: 10px;
}
.modal-season__img-area{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.modal__close__btn{
    width: 30px;
    height: 30px;
    cursor: pointer;
}

@media screen and (max-width: 750px) {
    .modal__content{
        width: 95%;
    }
    .modal__content__inner {
        position: relative;
        padding: 60px 15px;
    }
    .modal-season__text-inner{
        margin-bottom: 80px;
    }

}




/* ##Taste List
--------------------------------------------- */
.bl_taste-list__inner{
    padding: 15PX 0;
}
.bl_taste-list__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.bl_taste-list__item{
    width: 15.83%;
    margin-right: 1%;
    background: #F9F9F9;
    color: #484848;
    text-align: center;
    margin-bottom: 20px;
}
.bl_taste-list__wrap .bl_taste-list__item:last-child{
    margin-right: 0;
}
.bl_taste-list__item-inner{
    padding: 12px 0;
}
.bl_taste-list__name-en{
    font-size: 0.875rem;
    font-weight: 700;
}
.bl_taste-list__link:hover .bl_taste-list__name-jp{
    text-decoration: underline;
}
@media screen and (max-width: 750px) {
    .bl_taste-list__item{
        width: 49%;
        margin-right: 2%;
    }
    .bl_taste-list__wrap .bl_taste-list__item:nth-child(even){
        margin-right: 0;
    }
}


/* ##Card
--------------------------------------------- */

/*--- #Card Unit
---------------*/
.cardUnit{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

/*--- #Card Unit Col1
------------------------*/
.cardUnit__col1 > .card{
    width: 100%;
    margin-bottom: 2rem;
}
.cardUnit__col1 {
    margin-bottom: -2rem;
}

/*--- #Card Unit Col2
------------------------*/
.cardUnit__col2 > .card{
    width: 49.5%;
    min-width: 300px;
    margin-right: 1%;
    margin-bottom: 2rem;
}
.cardUnit__col2{
    margin-bottom: -2rem;
}

.cardUnit__col2 > .card:nth-of-type(2n){
    margin-right: 0;
}
/*--- #Card Unit Col3
------------------------*/
.cardUnit__col3 > .card{
    width:32.5%;
    margin-right: 1.25%;
    margin-bottom: 2rem;
}
.cardUnit__col3{
    margin-bottom: -2rem;
}

.cardUnit__col3 > .card:nth-of-type(3n){
    margin-right: 0;
}

/*--- #Card Unit Col4
------------------------*/
.cardUnit__col4 > .card{
    width:24%;
    margin-right: 1.3333%;
    margin-bottom: 2rem;
}
.cardUnit__col4{
    margin-bottom: -2rem;
}

.cardUnit__col4 > .card:nth-of-type(4n){
    margin-right: 0;
}

/*--- #mobile Card Unit
---------------*/
@media screen and (max-width: 750px) {
    .cardUnit__col3 > .card{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 2rem;
    }
    .cardUnit__col3{
        margin-bottom: -2rem;
    }
    
    .cardUnit__col3 > .card:nth-of-type(3n){
        margin-right: 4%;
    }
    .cardUnit__col3 > .card:nth-of-type(2n){
        margin-right: 0;
    }

    .tea-leaf-card_section .cardUnit__col3 > .card{
        width: 100%;
    }

    .cardUnit__col3.card_tealeaf > .card{
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem;
    }

    .food-menu_area .cardUnit__col3 > .card{
        width: 100%;
        margin-right: 0;
    }
    div.card.food-menu__item{
        padding: 15px;
    }
    .cardUnit__col2 > .card{
        margin: 0 auto;
        margin-bottom: 1rem;
    }
    .cardUnit__col2 > .card:nth-of-type(2n){
        margin:0 auto;
        margin-bottom: 1rem;
    }


}





/*--- #Card
---------------*/

.card{
    position: relative;
    /* border: 1px solid #333; */
    overflow: hidden;
}

.card_img-wrapper{
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}
.cardAspect_5-6 .card_img-wrapper{
    padding-top: 114%;
}
.cardAspect_5-7 .card_img-wrapper{
    padding-top: 185%;
}
.cardAspect_otb .card_img-wrapper{
    padding-top: 140%;
}
.card_season .card_img-wrapper{
    padding-top: 43.25%;
}
.card_otb{
    background: #FAFAFAFA;
}

.card_img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: auto;
    max-width: 100%; */

}

.card_body{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 30px 5%;
}
.card_light .card_body{
    background-color: #FAFAFA;
    /* background-color:rgba(250,250,250,0.3); */
}

.card_bottom-btn{
    position: absolute;
    bottom: 10px;
}


.card_center-word .card_dark .card_body{
    background-color: rgba(0,0,0,0.5);
}   
.card_center-word .card_body{
    background: rgba(0,0,0,0);
}
.card_center-word a figure{
    opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.card_center-word a:hover figure{
    opacity: .7;
}
.card_center-word .display-btn-area{
    position: absolute;
    top: 60%;
    left: 50%;
    
}
.card_center-word .display-btn-area .bl_btn{
    width: 240px;
    -webkit-transform: translate(-50%,40px);
        -ms-transform: translate(-50%,40px);
            transform: translate(-50%,40px);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.card_center-word a:hover .display-btn-area .bl_btn{
    -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);
}

.card_season .card_body{
    background: rgba(255,255,255,0);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 10%;
}
.card_body__nonebg.card_body{
    background: none;
}


.card_body-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.card_body-left,
.card_body-right{
    width: 50%;
}
.card_body-right{
    padding-right: 5%;
}

.card_title{
    display: block;
    margin-bottom: .2em;
    line-height: 1.5;
}
.card_has-sub-title{
    display: inline-block;
}
.card_title-fit{
    margin-bottom: 0;
}


.cardAspect_5-6 .card_title{
    margin-bottom: 1.5rem;
}
.card_sub-title{
    display: inline-block;
    margin-left: 1rem;
}



.card_text{
    line-height: 1.5;
    margin-bottom: 1.8em;
}



.card_top-image .card_text{
    margin-bottom: 1rem;
}
.cardAspect_5-7 .card_text{
    margin-bottom: 1rem;
}

.card_light .card_title,
.card_light .card_sub-title,
.card_light .card_text{
    color: #212121;
}

.card_dark .card_title,
.card_dark .card_sub-title,
.card_dark .card_text{
    color: #fff;
}



/*--- #Card top image
---------------*/

.card_top-image .card_img-wrapper{
    padding-top: 150%;
}

.card_top-image .card_body,
.card_top-image__small  .card_body
{
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.card_top-image__small .card_img-wrapper{
    padding-top: 67%;
}

/*--- #Card center word
-------------------------*/

.card_center-word .card_img-wrapper{
    padding-top: 120%;
}
.card_center-word .card_body{
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.card_center-word .card_title{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 500;
}

/*--- #Card Tea leaf
---------------*/
.cardUnit__col3.card_tealeaf{
    margin-bottom: 4rem;
}
.card_tealeaf .card_title {
    font-size: 1rem;
}

.card_tealeaf .card_title >span {
    font-size: 1.5em;
    margin-right: .3em;
    font-weight: 500;
}
.card_tealeaf .cardAspect_5-7 .card_text {
    height: 140px;
    margin-bottom: 2rem;
    margin-top: 1rem;
    text-align: left;
}

.card_tealeaf .cardAspect_5-7 .card_img-wrapper {
    padding-top: 219%;
    background: #FAFAFA;
}
/*--- #Card Your blend
---------------*/

/* .card_yourblend .card_body{
    top: 30px;
    left: 5%;
    max-width: 300px;
}
.card_yourblend .card_img-wrapper{
    padding-top: 35.25%;
}
.card_yourblend .card_subTitle-top{
    margin-bottom: .5em;
} */


/*--- #Media
---------------*/

.media{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.media__img-wrapper{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 20.58333%;
            flex: 0 1 20.58333%;
    margin-right: 3.33333%;
}
.media__img{
    width: 100%;
}
.media__body{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.media__body >*:last-child{
    margin-bottom: 0;
}


.contents-inner__60{
    width: 60%;
    margin: 0 auto;
}
.center-text{
    display: inline-block;
    margin: 0 auto;
}



.card_yourblend.bg-img{
    background-image: url('./img/04_leaf/category_leaf_yourblend@2x.jpg');
}
.card_in_bg{
    background-size: cover;
}
.card_yourblend.card{
    padding: 50px;
    padding-bottom: 5%;
}
.card_yourblend .bl_btn{
   max-width: 240px;


}

.card_otb .card_body{
    background: none;
}



.card_st_img{
    width: 100%;
}
.card_st_body{
    padding: 20px 3%;
}
@media screen and (max-width: 1350px) {
    .cardAspect_5-6 .card_img-wrapper{
        padding-top:131%;
    }
    .card_tealeaf .cardAspect_5-7 .card_img-wrapper{
        padding-top: 250%;
    }
    .card__mediaqa{
        display: none;
    } 
    .mediaqa__m-none{
        display: none;
    }
    .pickup .card_title{
        margin-bottom: .4em;
        font-size: 1.1rem;
        
    }



 }
 @media screen and (max-width: 1200px) {
    .cardAspect_otb .card_img-wrapper {
        padding-top: 148%;
    }

 }



 
 


 @media screen and (max-width: 850px) {
    .card_tealeaf .cardAspect_5-7 .card_img-wrapper{
        padding-top: 268%;
    }
    /* .card_yourblend .card_img-wrapper{
        padding-top: 73.25%;
        border-bottom: 1px solid #c7c7c7;
    }
    .card_yourblend .card_body {
        top: 240px;
        left: 5%;
        max-width: 300px;
    } */
 }



@media screen and (max-width: 750px) {
    .mediaqa__m-none{
        display: inherit;
    }
    .cardAspect_5-6 .card_img-wrapper {
        padding-top: 118%;
    }

    .cardAspect_5-6 .card_sub-title{
        margin-bottom: 0;
    }
    .card_body{
        padding:20px 10px;
    }
    .card_bocy .card_title{
        display: none;
        
    }
    .card_title{
        font-size: 1.2rem;
        text-align: center;
        margin-bottom: 0;
    }
  
    .card_has-sub-title{
        display: block;
    }
    .card_body > p.card_sub-title{
        display: none;
    }
    .top-card-list .card_body > a{
        display: none;
    }

    .cardAspect_5-6 .card_title{
        margin-bottom: 0;
    } 

    .card_season .card_img-wrapper {
        padding-top: 74.25%;
    }
    .card_season .card_body{
        bottom: 0;
        padding: 20px 0;
    }


    .card_tealeaf .cardAspect_5-7 .card_img-wrapper{

        padding-top: 226%;
    }

    .card_tealeaf .card_title{
        font-size: .9rem;
        margin-bottom: .5em;
    }
    .tealeaf__subTitle{
        text-align: center;
    }
    
    .div.card_tealeaf div.card_body{
        height: 300px;
        text-align: center;
        background: none;
    }
    /* .card_yourblend .card_img-wrapper{
        padding-top: 114.25%;
    }
    .card_yourblend .card_body {
        top: 113px;
        left: 0;
        max-width: 100%;
    }
    .card_yourblend .card_title{
        text-align: left;
    } */
    .contents-inner__60{
        width: 100%;
    }
    .card_yourblend.card{
       padding: 0;
    }
    .card_yourblend .card_body-inner{
        padding: 5%;
    }
    .card_yourblend .card_title{
        text-align: left;
    margin-bottom: .5rem;
    font-size: 1.6rem;
    }

    .cardUnit__col2 .card_otb.card{
        width: 100%;
    }

}




/* ##Bar
--------------------------------------------- */

.bar-heading{
    display: inline-block;
    width: 100%;
    background-color: #C7C7C7;
    color: #212121;
    font-size: 1.125rem;
    line-height: 1;
    padding:15px 20px;
    font-weight: 500;
}

/* ##Divider
--------------------------------------------- */

.divider{
    margin-bottom: 5rem;
    width: 100%;
    background: #C7C7C7;
    height: 1px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.divider_m2{
    margin-bottom: 75px;
}

.bl_divider{
    width: 100%;
    height: 1px;
    margin: 30px auto;
}
.bl_divider_light{
    background: #efefef;
}
.bl_divider_bold{
    background: #ccc;
}

@media screen and (max-width: 750px) {
    .divider_p{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
}

/* ##CTA
--------------------------------------------- */

.cta-area{
    width: 100%;
    border: 1px solid #C7C7C7;
    padding: 30px 5%;
    text-align: center;
}

.cta__title{
    font-size: 1.25rem;
    line-height: 2;
    margin-bottom: .5em;
}
.cta__text{
    font-size: 1rem;
}


/* ##Title Block
--------------------------------------------- */

.title-block__sub-title{
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px;
}
.title-block__title{
    font-size: 1.875rem;
    text-align: center;
    font-weight: 500;
}
@media screen and (max-width: 750px) {
    .title-block__sub-title{
        margin-bottom: 10px;
    }
    .title-block__title{
        font-size: 1.4rem;
        text-decoration: underline;
    }
}

/* ##Colume Block
--------------------------------------------- */

.col-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.col-block_l_5m .col-block__item{
    width: 18.4%;
    margin-bottom: 30px;
    margin-right: 2%;
}
.col-block_l_5m .col-block__item:nth-of-type(5n){
    margin-right: 0;
}

.col-block__img{
    margin-bottom: 10px;
}
.col-block__title{
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 20px;
}
@media screen and (max-width: 1100px) {
    .col-block_m_3m .col-block__item:nth-of-type(1n){
        width: 32%;
        margin-right: 2%;
    }
    .col-block_m_3m .col-block__item:nth-of-type(3n){
        margin-right: 0;
    }

}

@media screen and (max-width: 750px) {
    .col-block_s_2m .col-block__item:nth-of-type(1n){
        width: 47%;
        margin-right: 6%;
    }
    .col-block_s_2m .col-block__item:nth-of-type(2n){
        margin-right: 0;
    }

}

/*--------------------------------------------------------------
###Page
--------------------------------------------------------------*/

.page-tm__title-area{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
    margin-top: 60px;
    margin-bottom: 80px;
}
.page-tm__title-inner{
    padding: 30px 0;
}
.page-tm__title{
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
}

@media screen and (max-width: 750px) {
    .page-tm__title-area{
        padding: 0 15px;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .page-tm__title-inner{

    }
    .page-tm__title{
        font-size: 2rem;
     
    }


}

/* ##Top
--------------------------------------------- */

.top-sc-heading{
    text-align: center;
    margin: 2.5rem 0 3rem;
}
.top-sc-heading__head{
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.top-sc-heading__sub{

}
@media screen and (max-width: 750px) {
    .top-sc-heading__head{
        font-size: 1.5rem;
    }

}

.top-logoview-wrap{
    padding: 5%;
}

.top-logoview-wrap > img{
    max-width: 80%;
    margin-bottom: 6rem;
}
.top-message .text-wrap{
  display: block;
  width: 65%;
  margin: 0 auto;
}
.text-wrap > *{
   
    margin-bottom: 1rem;
}

.section-title{
  text-align: center;
  margin-bottom: 3rem;
}


.first-message-area{
    max-width: 260px;
    margin: 0 auto;
    margin-bottom: 7rem;
}
.first-message-area img{
    width: 170px;
    display: block;
    margin:0 auto;
    margin-bottom: 5rem;
}
.first-message-empty{
    height: 4rem;
}


.l-contents-top .l-section__mye{
    margin-bottom: 80px;
}
/*===== ! section hero ======*/

.top-hero__logo-area{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.top-hero__logo{
    width: 90%;
    max-width: 540px;
    margin: 0 auto;
}
.top-hero__logo_mobile{
    width: 90%;
    max-width: 540px;
    margin: 0 auto;
}


/*===== ! section about ======*/
.l-section__mye.l-section__top-about{
    max-width: 100%;
    margin: 0;
    padding: 60px 30px;
    margin-bottom: 150px;
    background: #FAFAFA;

}
.l-section__top-about{
   
}
.top-about__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.top-about__img-are{
    width: 100%;
}
.top-about__text-area{
    width: 100%;
    
}
.top-about__text-inner{
    width: 100%;
    /* padding-left: 20%; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


.top-about__title{
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 50px;
    letter-spacing: 1.6px;
    text-align: center;
}
.top-about__text{
    display: block;
    /* max-width: 880px; */
    /* width: 80%; */
    /* margin: 0 auto; */
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 30px;
    /* text-align: center; */
    /* margin-bottom: 70px; */
}

/*===== ! section change hour ======*/

.change-hour__box{
    border: 1px solid #707070;
    margin-bottom: 20px;
    background-color: #FAE2E2;
}
.change-hour__box-inner{
    padding: 20px;

}
.change-hour__text-area{
    color: #333;
    max-width: 600px;
    /* margin: 0 auto; */
    font-weight: 700;
    text-align: left;
}
.change-hour__heading{
    font-size: 1.5rem;
    text-align: left;
    margin-bottom:.5rem;
    font-weight: 700;
}
.change-hour__text{
    font-size: 1rem;
    margin-bottom: 16px;
}
.change-hour__text_time{
    font-size: 1.2rem;
}

.change-hour__box_atelier .change-hour__text-area{
    text-align: left;
}
.change-hour__box_atelier .change-hour__heading{
    font-size: 1.3rem;
}
.change-hour__box_atelier .change-hour__text_time{
    font-size: 1.1rem;
}
.change-hour_small .change-hour__text_time{
    font-size: 1.1rem;
} 
.change-hour_small .change-hour__heading{
    font-size: 1.1rem;
}
.change-hour__text_pc-left{
    text-align: left;
}
@media screen and (max-width: 650px) {
.change-hour__inner{
    padding: 0 15px;
}
    .change-hour__text_sp-left{
        text-align: left;
    }

}

/*===== ! section feature card ======*/

.top-layout_col-2__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.top-layout_col-2__col{
    width: 49%;
    position: relative;
}

.top-layout_col-3__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.top-layout_col-3__col{
    width: 32%;
    margin-right: 2%;
}
.top-layout_col-3__wrap .top-layout_col-3__col:last-child{
    margin-right: 0;
}

.top-layout__col-card{
    margin-bottom: 30px;
}

.top-layout_col-2__wrap .top-layout_col-2__col:first-child{
    margin-right:1%;
}

.top-layout_col-2__wrap .top-layout_col-2__col:last-child{
    margin-left: 1%;
}

.top-card__img-area{
    margin-bottom: 20px;
}

.top-card__contents{
    position: relative;
}
.top-card__contents-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
}
.top-card__text-block{
    position: relative;
}
.top-card__heading{
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 2px;
    margin-bottom: 136px;
}
.top-card__heading br{
    display: none;
}
.top-card__description{
    letter-spacing: 1.2px;
    line-height: 1.5;
    margin-bottom: 40px;
    height: 90px;
}
.top-card__button{
    position: absolute;
    bottom: 0;
}


/*======= new top-topic */
.top-topic__wrap{
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
}
.top-topic__item{
    position:relative;
    margin-bottom: 50px;
}
.top-topic__inner{
    /* position: relative; */
}
.top-topic__img-area{
    margin-bottom: 30px;
}
.top-topic__heading{
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.top-topic__contents{
    padding-bottom: 10px;
}
.top-topic__btn-area{
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
}
.top-topic__button{
    width: 80%;
    max-width: 240px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.top-topic__bl_scroll-list_title{
    font-size: 1.3rem;
    text-align: left;
}
.top-topic__bl_scroll-list_summary{
   margin-top: 10px; 
   margin-bottom: 25px;
}
.top-topic__bl_scroll-list__button{
    max-width: 270px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.scroll_top-topic .bl_scroll-list__button{
    top: 180px;
}

@media screen and (max-width: 750px) {
    .top-layout_col-2__col{
        width: 100%;
    }
.top-layout__col-card{
    margin-bottom: 50px;
}
    
.top-layout_col-2__wrap .top-layout_col-2__col:first-child{
    margin-right:0;
}

.top-layout_col-2__wrap .top-layout_col-2__col:last-child{
    margin-left: 0;
}

.top-card__img-area{
    padding-left: 5%;
    margin-bottom: 10px;
}
.top-card__contents{
    padding: 0 5%;
}

.top-card__heading br{
    display: block;
}
.top-card__heading{
    line-height: 1.5;
    margin-bottom: 5px;
}
.top-card__description{
    height: auto;
    margin-bottom: 10px;
}
.top-card__contents-bottom{
    position: relative;
    top: 0;
    left: 0;
}
.top-card__button{
    position: relative;
    top: 0;
}

}

/*===== ! section atlier col ======*/

.top-layout_al-center{
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-grid-row-align: center;
            align-items: center;
}

.col-side-body__inner{
    padding-right: 10%;
}
.col-side__contents{
    padding: 0 5%;
}
.col-side__heading{
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.col-side__description{
    letter-spacing: 1.2px;
    line-height: 1.5;
    margin-bottom: 20px;
}


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


    .top-layout__col-side-body{
        margin-bottom: 20px;
    }
    .col-side__heading{
        margin-bottom: 10px;
    }
    .col-side__description{
        margin-bottom: 10px;
    }
    .col-side-body__inner{
        padding-right: 0;
    }
}





/*===== ! section try ======*/

.l-section__top-try{
    margin-top: 60px;
    background: #212121;
    color: #fff;
    max-width: 100%;
    padding: 50px 15px;
    max-width: 100%;
}
.top-try{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
}
.top-try__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.top-try__text-area{
    width: 49%;
    margin-right: 2%;
}
.top-try__text-inner{
    padding-right: 16.66%;
}
.top-try__img-area{
    width: 49%;
}
.top-try__img-inner{
    padding-right: 0;
}





/*===== ! section cheese ======*/
.l-section__top-cheese{
    margin-top: 60px;
}
.top-cheese__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.top-cheese__text-area{
    width: 49%;
    margin-right: 2%;
}
.top-cheese__img-area{
    width: 49%;
}
.top-cheese__img-inner{
    padding-right: 0;
}
.top-cheese__text-inner{
  padding-right: 16.66%;
}

/*===== ! section season ======*/

.top-season{
    position: relative;
}

.top-season__overlay{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}







/*===== ! section product list ======*/


/*===== ! section category list ======*/
.l-section__top-category-list{
    margin-top: 0px;
    margin-bottom: 100px;
}
.top-category-list__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.top-category-list__item{
    width: 15%;
    margin-right: 2%;
    cursor: pointer;
}
.top-category-list__wrap .top-category-list__item:last-child{
    margin-right: 0;
} 

.top-category-list__title{
    margin: 10px 0;
    text-align: center;
}

.top-category-list__item:hover .top-category-list__title{
    text-decoration: underline;
} 


/*===== ! section tea guide ======*/

.top-teaguide{
    border: 1px solid #2B8E3A;
}
.top-teaguide__inner{
    padding-left: 5%;
}
.top-teaguide__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.top-teaguide__contents-area{
    width: 30%;
}
.top-teaguide__img-area{
    width: 70%;
}
.top-teaguide__contents-inner{
    padding: 30px 0;
   
}
.top-teaguide__heading{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 2px;
    margin-bottom: 20px;
    color: #2B8E3A;
}

.top-teaguide__list {
    color: #2B8E3A;
    margin-bottom: 30px;
}

.top-teaguide__list li{

}
.bl_btn.top-teaguide__btn{
    width: 240px;
    color: #2B8E3A;
    border-color: #2B8E3A;
}
.bl_btn.top-teaguide__btn::after{
    color: #2B8E3A;
}
.bl_btn.top-teaguide__btn:hover{
    border-color: #212121;
    color: #fff;
}
.bl_btn.top-teaguide__btn:hover:after{
    color: #fff;
}

.top-teaguide__img-area{
    position: relative;
}
.top-teaguide__img{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

/*===== ! section leaf academy banner ======*/



.top-teaguide_la .top-teaguide__contents-area{
    width: 25%;
}
.top-teaguide_la .top-teaguide__img-area{
    width: 75%;
}
.top-teaguide_la.top-teaguide{
    border-color: #B45A54;
}
.top-teaguide_la .top-teaguide__heading{
    color: #737373;
}

.top-teaguide_la .top-teaguide__text{
    margin-bottom: 1.5rem;

}
.top-teaguide_la .bl_btn.top-teaguide__btn{
    color: #B45A54;
    border-color: #B45A54;
}
.top-teaguide_la .bl_btn.top-teaguide__btn::after{
    color: #B45A54;
}
.top-teaguide_la .bl_btn.top-teaguide__btn:hover{
    color: #fff;
    border-color: #737373;
}
.top-teaguide_la .bl_btn.top-teaguide__btn:hover:after{
    color: #fff;
}

/*===== ! section podcast ======*/
.l-section__top-podcast{
    background-color: #FAFAFA;
    padding:  40px 30px;
    max-width: 100%;
}
.top-layout_col-2__col_podcast_left{
    width: 69%;
    margin-right: 0;
}
.top-layout_col-2__col_podcast_right{
    width: 29%;
    margin-right: 0;
}
.top-podcast__inner{
    max-width: 1400px;
    margin: 0 auto;
}
.col-side_podcast__second-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.col-side_podcast__item_left{
    width: 30%;
}
.col-side_podcast__item_right{
    width: 70%;
}
.col-side_podcast__item_left__inner{
    padding: 0 20px;
    max-width: 160px;
    margin: 0 auto;
}
.col-side_podcast__item_right_inner{
    padding-left: 10%;
}
.col-side-img__inner_podcast{
    padding-left: 30%;
}

@media screen and (max-width: 750px) {
    .l-section__top-podcast{
        padding:  60px 0;
    }
    .col-side_podcast__item_left{
        width: 100%;
    }
    .col-side_podcast__item_right{
        width: 100%;
    }
    .top-layout_col-2__col_podcast_left{
        width: 100%;
        margin-bottom: 30px;
    }
    .top-layout_col-2__col_podcast_right{
        width: 100%;
    }
    .col-side_podcast__item_left_inner{
    }
    .col-side_podcast__item_right_inner{
        padding-left: 0;
        text-align: center;
    }
    .col-side_podcast__item_left__inner{
        max-width: 140px;
        margin-bottom: 30px;
    }
    .top-layout_col-2__col_podcast_right{
        padding: 0 5%;
    }
    .col-side_podcast__item_right .col-side__description{
 margin-bottom: 24px;
    }

}

/*===== ! section about banner ======*/

.top-about-banner__inner{

    position: relative;
    
}
.top-about-banner__contents-area{
    position: absolute;
    top: 0;
    left: 5%;
}
.top-about-banner__contents-inner{
    padding:40px 20px;
    padding-left: 0;
}
.top-about-banner__contents-area{
    width: 35%;
    color: #fff;
}
.bl_btn.top-about-banner__btn{
    width: 240px;
    color: #fff;
    border-color: #fff;
}
.bl_btn.top-about-banner__btn::after{
    color: #fff;
}
.bl_btn.top-about-banner__btn:hover{
    border-color: #212121;
}
.top-about-banner__heading{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.top-abount-banner__intro{
    line-height: 1.7;
    margin-bottom: 20px;
}


/*===== ! section yourblend banner ======*/



.top-yourblend-banner__inner{

    position: relative;
    
}
.top-yourblend-banner__contents-area{
    position: absolute;
    top: 50%;
    left:8%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.top-yourblend-banner__contents-inner{
    padding:40px 20px;
    padding-left: 0;
}
.top-yourblend-banner__contents-area{
    width: 35%;
}
.bl_btn.top-yourblend-banner__btn{
    width: 240px;
    padding: 10px 15px;
}
.bl_btn.top-yourblend-banner__btn::after{
}
.bl_btn.top-yourblend-banner__btn:hover{
    border-color: #212121;
}
.top-yourblend-banner__heading{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.top-yourblend-banner__intro{
    font-size: 1rem;
    color: #000;
     margin-bottom: 1rem;
}

.top-abount-banner__intro{
    line-height: 1.7;
    margin-bottom: 20px;
}
.top-abount-banner__intro{
    font-size: 1rem;
    color: #FFF;
    /* margin-bottom: 1rem; */
}

/*===== ! section looftop banner ======*/

.top-looftop-banner__base{
    position: relative;
}
.top-looftop-banner__img-area{
    position: absolute;
    width: 100%;
}
.top-looftop-banner__inner{

    position: relative;
    width: 100%;
    min-height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.top-looftop-banner__contents-area{
    position: absolute;
    width: 100%;
    top: 50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.top-looftop-banner__contents-inner{
    padding:40px 20px;
    text-align: center;
}

.top-looftop-banner__intro{
    font-size: 1rem;
    font-weight: 700;
    color: #585858;
    margin-bottom: 0.5rem;
}
.top-looftop-banner__heading{
    font-size: 2rem;
    color: #585858;
    font-family: georgiapro, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
}
.top-looftop-banner__btn-area{
    position: absolute;
    right: 30px;
    bottom: 25px;

}
.top-looftop-banner__btn{
    font-size: .9rem;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 43px;
    padding-left: 25px;
    border-radius: 60px;
    background-color: rgba(255,255,255,.69);
}
.top-looftop-banner__btn:hover{
    text-decoration: underline;
}
.top-looftop-banner__btn-inner{
    position: relative;
}
.looftop-btn_svg{
    padding-left: 10px;
    position: absolute;
    top: -2px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.top-looftop-banner__btn:hover .looftop-btn_svg{
    -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px);
}
.looftop-btn_svg svg{ 
    width: 18px;
}

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

.top-looftop-banner__inner{
    min-height: 385px;
}
.top-looftop-banner__btn-area{
    bottom: 25px;
    right: 15px;
}
.top-looftop-banner__heading{
    font-size: 1.8rem;
}
.top-looftop-banner__intro{
    margin-bottom: .5rem;
}

}


@media screen and (max-width: 1100px) {
    
    .top-yourblend-banner__heading{
        margin-bottom: 14px;
    }
    .top-abount-banner__intro{
        margin-bottom: 12px;
        margin-bottom: 2.5rem;
    }


}

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

 /*===== ! section tea guide ======*/


 .top-teaguide__inner{
    padding: 0;
}

.top-teaguide__contents-area{
    width: 100%;
}
.top-teaguide__contents-inner{
    max-width: 500px;
    margin: 0 auto;
    padding: 30px 5%;
}

.top-teaguide__heading{
    text-align: center;
}


.bl_btn.top-teaguide__btn{
    width: 100%;
}


.top-teaguide__img-area{
    width: 100%;
}

.top-teaguide_la .top-teaguide__contents-area{
    width: 100%;
}
.top-teaguide_la .top-teaguide__img-area{
    width: 100%;
    padding: 0 0 20px;
}
.top-teaguide_la .top-teaguide__heading{
    text-align: left;
}
    /*===== ! section about banner ======*/

    .top-about-banner__contents-area{
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }
    .top-about-banner__contents-area{
        width: 100%;
    }
    .top-about-banner__contents-inner{
        padding: 5%;
        max-width: 500px;
        margin: 0 auto;
    }
    .bl_btn.top-about-banner__btn{
        width: 100%;
    }
    .top-about-banner__heading{
        font-size: 1.8rem;
        margin-bottom: 10px;
    }
    .top-teaguide__img{
        position: relative;
        top: auto;
        right: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }


    .top-yourblend-banner__contents-area{
        width: 40%;
        left: 4%;
    }
    .top-yourblend-banner__heading{
        font-size: 1.6rem;
        margin-bottom: 14px;
    }
    .top-abount-banner__intro{
        margin-bottom: 2.5rem;
    }
    .bl_btn.top-yourblend-banner__btn {
        margin-top: 14px;
    }

}


@media screen and (max-width: 750px) {
    .l-contents-top .l-section__mye{
        margin-bottom: 50px;
    }
    

    /*===== ! section about ======*/
    .l-section__mye.l-section__top-about{
        padding:50px  15px;
    }
    .l-section__top-about{
        margin-top: 40px;
    }
    
    .top-about__img-are{
        width: 100%;
        padding-left: 15px;
        margin-bottom: 10px;
    }
    .top-about__text-area{
        width: 100%;
    }
    .top-about__text-inner{
        padding: 15px;
    }
    .top-about__text{
        width: 100%;
        margin-bottom: 30px;
    }



    /*===== ! section try ======*/

    .top-try{
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 ;
    }
    .top-try__text-area{
        width:100%;
        margin-right: 0;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .top-try__img-area{
        width: 100%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    .top-try__img-inner{
        padding: 15px 0;
        padding-right: 0;
    }
    .top-try__text-inner{
      padding: 15px 0;
    }
    

    

    /*===== ! section cheese ======*/
    .top-cheese__wrap{

    }
    .top-cheese__img-area{
        width: 100%;
        padding-right: 0;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    .top-cheese__text-area{
        width: 100%;
        margin-right: 0;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .top-cheese__text-inner{
        padding: 15px 0;
    }
    .top-cheese__img-inner{
        width: 100%;
        padding: 15px 0;
        padding-right: 0;
    }

    /*===== ! section season ======*/

    .top-season__inner{
        padding: 15px;
    }
    .top-season__oberlay-inner{
        /* padding:0  10% ; */
    }
    .top-season .bl_btn{
     
        max-width: 200px;
    }


    
    .l-section__top-category-list{
        margin-top: 0px;
        margin-bottom: 80px;
    }
    .top-category-list__item{
        width: 49%;
        margin-right: 2%;
    }
    .top-category-list__wrap .top-category-list__item:nth-child(even){
        margin-right: 0;
    }


    /*===== ! yourblend banner ======*/
    .top-yourblend-banner__contents-area{
        position: relative;
        top: 0;
        left: 0;
        background: #E0E3E6;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .top-yourblend-banner__contents-area {
        width: 100%;
    }
    .top-yourblend-banner__contents-inner {
        padding: 20px 5% 30px;
    }

    .top-yourblend-banner__heading{
        font-size: 1.6rem;
    }
    .bl_btn.top-yourblend-banner__btn {
        width: 100%;
        padding: 10px 15px;
        margin-top: 14px;
    }
    
   
   
}



/* ##Menu New ver3 (#nv3)
--------------------------------------------- */
.nv3__menu__panel.menu__panel .menu-open-area{
    max-width: 430px;
}
.nv3__menu__panel.menu__panel .menu-open-area li{
   padding-right: 36px;
   padding-left: 36px;
}
.nv3__menu__panel.menu__panel .menu-open-area .category-area li{
    padding-top: 5px;
    padding-bottom: 5px;
}
.nv3__menu__panel.menu__panel .btn-area{
    padding: 0 36px;
}
.nv3__menu__panel.menu__panel .btn-area .bl_btn{
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0.5rem auto;
}
.nv3__menu__panel .category-area{
    margin-top: 1rem;
}
.nv3-menu__main-list li{
    font-size: 1.25rem;
    padding: 10px 36px;
}
.nv3-menu__category-index{
    margin-bottom: 0.8rem;
    padding-right: 36px;
    padding-left: 36px;
}
.nv3-menu__category-index-text{
    font-size: 1.09rem;
    border-bottom: 1px solid #707070;
}
.nv3-menu__category-list{
    
}
.nv3-menu__category-list li{
    font-size: 1.2rem;
    padding-right: 0;
    padding-left: 0;
}
.nv3__menu__panel.menu__panel .menu-open-area .guide-area li{
    padding-top: 8px;
    padding-bottom: 8px;
}
.nv3-menu__divider-box{
    padding: 0 36px;
    margin: 1.5rem auto;
}
.nv3-menu__divider{
    width: 100%;
    height: 1px;
    
    background-color: #707070;
    
}
.nv3__menu__panel.menu__panel .social-area{
    padding: 10px 36px;
    margin-top: 12px;
    padding-bottom: 64px;
}

/* ##Top New ver3 (#nv3)
--------------------------------------------- */
.nv3__l-contents-top{
    overflow: hidden;
}
.l-hero-box.l-hero-box_nv3-top{
    margin-bottom: 0;
}
.l-section.l-section_nv3_top{
    padding: 0 5%;
    margin-bottom: 6rem;
}
.l-section_nv3_non-span{
    margin-bottom: 0;
}

.nv3-top-season__inner{

    position: relative;
    
}
.nv3-top-season__img-area{
    min-height: 300px;
    width: 100%;
    background-size: cover;
}
.nv3-top-season__contents-area{
    position: absolute;
    top: 0;
    left: 5%;
}
.nv3-top-season__contents-inner{
}
.nv3-top-season__contents-area{
    /* width: 35%; */
    color: #333333;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.bl_btn.nv3-top-season__btn{
    max-width: 240px;
    color: #333333;
    border-color: #333333;
    text-align: center;
    padding: 10px 15px;
}
.bl_btn.nv3-top-season__btn::after{
    color: #333333;
}
.bl_btn.nv3-top-season__btn:hover{
    border-color: #212121;
    color: #fff;
}
.bl_btn.nv3-top-season__btn:hover::after{
    color: #fff;
}
.nv3-top-season__sub-heading{
    text-align: center;
}
.nv3-top-season__heading{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-align: center;
}
.nv3-top-season__intro{
    line-height: 1.7;
    margin-bottom: 20px;
    text-align: center;
}

/* 21px 1.3125rem  */
.nv3-index{
    margin-bottom: 4rem;
}
.nv3-index__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* flex-wrap: wrap; */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.nv3-index__heading{
    display: inline-block;
    font-size: 1.3125rem;
    font-weight: 700;
    padding: 10px 1em;
    min-width: 290px;
    text-align: center;
}
.nv3-index__inner::before,
.nv3-index__inner::after{
    content: '';
    height: 1px;
    width: 100%;
    display: block;    
    background-color: #777777;
}

.nv3-col-2{
    margin-bottom: 3rem;
}

.nv3-col-2__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.nv3-col-2__item{
    width: 49.5%;
    margin-right: 1%;
}
.nv3-col-2__wrap .nv3-col-2__item:nth-of-type(2n){
    margin-right: 0;
}
.nv3-col-2__img{
    margin-bottom: 2rem;
}
.nv3-body__title{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1.125rem;
}
.nv3-body__title_feature{
    font-size: 1.125rem;
    font-weight: 500;
}
.nv3-body__text{
    margin-bottom: 1rem;
}
/* your blend  */
.nv3-top__top-yourblend-banner__heading{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: .5rem;
}
.nv3-top__top-yourblend-banner__contents-area{
    max-width: 420px;
}

/* col 1 leaf academy  */

.nv3-col-1__item-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.nv3-col-1__item-left{
    width: 49.5%;
    margin-right: 1%;
    padding: 0 8.5%;
}
.nv3-col-1__item-right{
    width: 49.5%;
}
.nv3-col-1__item{
    margin-bottom: 2rem;
}

/* col 3 lear  */
.nv3-col-3__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

}
.nv3-col-3__item{
    width: 32.66%;
    margin-right: 1%;
    margin-bottom:1rem;
}
.nv3-col-3__wrap .nv3-col-3__item:nth-of-type(3n){
    margin-right: 0;
}
.nv3-col-3__img{
    margin-bottom: 2rem;
}
.nv3-col-4__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
}
.nv3-col-4__item{
    width: 24.25%;
    margin-right: 1% ;
    position: relative;
}

.nv3-col-4__wrap .nv3-col-4__item:last-child{
    margin-right: 0;
}
.nv3-col-4__img{
    margin-bottom: 1rem;
}
.nv3-body__read-box {
    position: absolute;
    top: 100%;
    right: 18px;
}
.nv3-body_academy__img{
    margin-bottom: 1rem;
}
.nv3-body__read{
    color: #333333;
    text-decoration: underline;
    position: relative;
}
.nv3-body__read::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -14px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: .8rem;
}
.nv3-pall-card_feature__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.nv3-pall-card_feature__side-left{
    width: 49%;
    margin-right: 2%;
}
.nv3-pall-card_feature__side-right{
    width: 49%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/* nv3 modal  */
.nv3-modal .nv3__modal_bg{
    background-size: cover;
}

.nv3-modal .nv3__modal__content{
    max-width: 1640px;
    background: none;
}
.nv3-modal .nv3_modal__content__inner{
    background: none;
}



.nv3-modal .modal-season__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.nv3-modal .nv3-modal__side-left{
    width: 49.5%;
    margin-right: 1%;
}
.nv3-modal  .nv3-modal__side-left__inner{
    padding-left: 16%;
}
.nv3-modal .nv3-modal__side-right{
    width: 49.5%;
}
.nv3-modal .nv3-modal__side-right__inner{
    padding: 2rem 16% 0 ;
}   
.nv3-modal .message_area.nv3-modal__message_area{
    margin: 0;
}
.nv3-modal .nv3-modal__message_area p {
    line-height: 1.6;
}
.nv3-modal .nv3-modal__sub-title{
    text-align: center;
    margin-bottom: 1rem;
}
.nv3-modal .nv3-modal__title{
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 4rem;
}
.nv3-modal .bl_btn.bl_btn_season_close.bl_btn_season_close_nv3-modal{
    max-width: 260px;
    padding: 10px 15px;
}
@media screen and (max-width: 750px) {
    .l-section.l-section_nv3_top{
        margin-bottom: 4rem;
    }
    /* season  */
    .nv3-top-season__heading{
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }
    .nv3-top-season__sub-heading{
        font-size: 1.06rem;
        margin-bottom: 2.4rem;
    }
    /* index  */
    .nv3-index {
        margin-bottom: 3rem;
    }
    .nv3-index__heading{
        font-size: 1.4rem;
        min-width: 180px;
    }

    /* shopping  */
    .l-section.l-section_nv3_top_shopping{
        margin-bottom: 0rem;
    }
    
    .nv3-recommend__index{
        padding-right: 5%;
        text-align: center;
    }

    .nv3-col-2__item{
        width: 48.5%;
        margin-right: 3%;
    }
    .nv3-col-2__img {
        margin-bottom: 1.5rem;
    }
    .nv3-top__shopping-btn{
        width: 100%;
        max-width: 100%;
    }

    .nv3-top__top-yourblend-banner__contents-area{
        background:none;
    }
    .nv3-top__top-yourblend-banner__contents-area .top-yourblend-banner__contents-inner{
        padding-right: 0;
        padding-left: 0;
    }
    .nv3-top__top-yourblend-banner__btn{
        max-width: 179px;
    }
    .nv3-col-1__item-wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .nv3-col-1__item-left{
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem;
        padding: 0;
    }
    .nv3-col-1__item-right{
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .bl_btn__nv3-top-academy{
        width: 100%;
        max-width: 100%;
    }
    .nv3-col-3__item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem;
    }
    .nv3-body__title{
        font-size: 1.2rem;
    }
    .nv3-body__shopping .nv3-body__title{
        font-size: 1.15rem;
    }
    .nv3-body__text{
        font-size: .93rem;
    }
    .nv3-top__contents .top-yourblend-banner__contents-inner{
        padding-bottom: 0;
    }
    .nv3-body__title_top-academy{
        text-align: center;
    }
    .nv3-top-academy__nv3-col-1__right-img{
        margin-right: -5%;
    }
    .nv3-top__top-yourblend-banner__heading{
        font-size: 1.2rem;
    }
    .nv3-top__top-yourblend-banner__intro{
        font-size: .93rem;
    }
    .bl_btn.nv3-top__top-yourblend-banner__btn{
        max-width: 174px;
    }
    .nv3-col_img.nv3-col-3__img{
        margin-bottom: 1.5rem;
    }
    .bl_btn.nv3-top-learn__btn{
        max-width: 174px;
    }
    .nv3-col-3__wrap .nv3-col-3__item:last-child{
        margin-bottom: 0;
    }
    

    .nv3-col-4__item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.5rem;
    }
    .nv3-col__inner.nv3-col-4__item__inner{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
 
    .nv3-col__inner .nv3-body{
        /* width: 48%; */
    }
    .nv3-body__read-box{
        position: relative;
        top: 0;
        left: 0;
    }

    /* feature  */
    .nv3-top-card_feature__wrap{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .nv3-top-card_feature__side-left{
        width: 48.5%;
        margin-right: 3%;
    }
    .nv3-top-card_feature__side-right{
        width: 48.5%;
    }
    .nv3-body__title_feature{
        font-size: 1.04rem;
        margin-bottom: 0.75rem;
    }
    .nv3-top-card__read-box{
        text-align: right;
        padding-right: 21px;
    }
    /* category  */
    .top-category-list__item.nv3-category__list{
        width: 48.5%;
        margin-right: 3%;
    }
    .top-category-list__wrapnv3-category__list .top-category-list__item:nth-child(even){
       margin-right: 0; 
    }

    /* modal  */
    .nv3-modal .nv3_modal__content__inner{
        padding-top: 40px;
    }
    .nv3-modal .nv3-modal__side-left{
        width: 100%;
        margin-bottom: 4rem;
    }
    .nv3-modal .nv3-modal__side-right{
        width: 100%;
    }
    .nv3-modal .nv3-modal__side-left__inner{
        padding: 0;
    }
    .nv3-modal .nv3-modal__side-right__inner{
        padding: 0;
    }
    .nv3-modal .nv3-modal__sub-title{
        margin-bottom: 1.5rem;
    }
    .nv3-modal  .nv3-modal__title{
        margin-bottom: 2.5rem;
    }
    .nv3-modal .message_area.nv3-modal__message_area{
        margin-bottom: 3rem;
    }
    .nv3-modal  .bl_btn.bl_btn_season_close.bl_btn_season_close_nv3-modal{
        width: 100%;
        max-width: 100%;
    }
    .nv3-modal .nv3__modal_bg{
        overflow: hidden;
    }
}
/* ##Seasonal Blend 
--------------------------------------------- */
.fn_geologica{
    font-family: "geologica-variable", sans-serif;
font-variation-settings: "CRSV" 0, "SHRP" 0, "slnt" 0, "wght" 100;
}
.fn_optima{
    font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; 
}
.fn_owner-ital{
    font-family: "owners", sans-serif !important;
    font-weight: 500 !important;
    font-style: italic !important;
    letter-spacing:0.1em
}
.fn_pf-meriet{
    font-family: "pf-marlet-display", sans-serif;
font-weight: 400;
font-style: normal;
}
.fn_pf-meriet-b{
    font-family: "pf-marlet-display", sans-serif;
font-weight: 700;
font-style: normal;
}
.fn_calder{
    font-family: "calder-lc", sans-serif;
font-weight: 400;
font-style: normal;
}
.sb-top-banner__inner{
    position: relative;
}
.sb-top-banner__img-area{
    min-height: 320px;
    width: 100%;
    background-size: cover;
}
.sb-top-banner__img{
    width: 80%;
    max-width: 450px;
}
.sb-top-banner__contents-area{
    width: 100%;
    max-width: 1400px;
    color: #333333;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 5%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sb-top-banner__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.sb-top-banner__left{
    width: 50%;
}
.sb-top-banner__right{
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.sb-top-banner__left-inner{
    text-align: right;
    padding-right: 8%;
}
.sb-top-banner__right-inner{
    width: 100%;
    padding-left: 16%;
}
.sb-top-banner__title-box{
    color: #fff;
    margin-bottom: 1rem;
}
.sb-top-banner__cateory{
    line-height: 1.2;
    font-weight: 500;
}
.sb-top-banner__sub-title_en{
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 2;
}
.sb-top-banner__title{
    font-size: 2rem;
    line-height: 2;
}
.sb-top-banner__btn-box{
    text-align: right;
}
.sb-top-banner__btn{
    font-size: .9rem;
    font-weight: 700;
    color: #333;
    background-color: rgba(255,255,255,0.7);
    padding: 5px 16px 5px 0 ;
    width: 130px;
    text-align: center;
    border-radius: 50px;
    display: block;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.sb-top-banner__btn:hover{
    background-color: #333;
    color: #fff;
}
.btn_arrow{
    /*矢印と下線の基点とするためrelativeを指定*/
  position: relative;
    /*形状*/
    display: inline-block;

    /* color: #5D5D5D; */
    text-decoration: none;
    outline: none;
}

.btn_arrow::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
    position: absolute;
    /* bottom:-8px; */
    top: 50%;
    right: 12px;
    /*下線の形状*/
    width: 17px;
    height: 1px;
    background:#5D5D5D;
    /*アニメーションの指定*/
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.btn_arrow::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
    position: absolute;
    top: 50%;
    right: 12px;
    /*矢印の形状*/
    width: 6px;
    height:1px;
    background:#5D5D5D;
    -webkit-transform: rotate(35deg) ;
        -ms-transform: rotate(35deg) ;
            transform: rotate(35deg) ;
    /*アニメーションの指定*/
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
}
.btn_arrow:hover::after{
    background-color: #fff;
}
.btn_arrow:hover::before{
    background-color: #fff;
}

/*hoverした際の移動*/
.btnarrow4:hover::before{
    left:20%;
}

.btnarrow4:hover::after{
    right:-5%;
}

/* online store page*/
.sb-pall-banner__bg-img{
    background-size: cover;
    background-position: center;
}
.sb-pall-banner{
    color: #fff;
}
.sb-pall-banner__inner{
    padding: 40px 10% 50px;
}
.sb-pall-banner__line-text-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 4rem;
}
.sb-pall-banner__line-text{
    font-size: 1.25rem;
    text-align: center;
    padding: 0 24px;
}
.sb-pall-banner__line{
    height: 1px;
    background-color: #fff;
    width: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.sb-pall-banner__img{
    width: 85%;
    max-width: 400px;
    display: block;
    margin: 0 auto 3rem;
}
.sb-pall-banner__title-area{
    text-align: center;
    margin-bottom: 3rem;
}
.sb-pall-banner__title{
    font-weight: 500;
    margin-bottom: .5rem;
}
.sb-pall-banner__text-area{
    margin-bottom: 4rem;
}
.sp-pall-banner__btn{
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #fff;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
}
.sp-pall-banner__btn.bl_primary-btn::after{
    color: #fff;
}
.sp-pall-banner__btn:hover{

}

@media screen and (max-width: 750px) {
    .pall__nv3-pall__col-2__item{
        margin-right: 0;
    }
    .sb-top-banner__contents-area {
        top: auto;
        bottom: 20px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%, 0);
    }
    .sb-top-banner__inner{
        /* padding: 40px 0; */
    }
    .sb-top-banner__img-area{
        min-height: 380px;
    }
    .sb-top-banner__left{
        width: 100%;
        margin-bottom: 2.5rem;
    }
    .sb-top-banner__right{
        width: 100%;
    }
    .sb-top-banner__left-inner{
        padding: 0;
    }
    .sb-top-banner__right-inner{
        padding: 0;
    }
    .sb-top-banner__img {
        width: 80%;
        max-width: 300px;
        margin: 0 auto;
        display: block;
    }
    .sb-top-banner__title-box{
        text-align: center;
    }
    .sb-top-banner__title{
        font-size: 1.5rem;
    }
    .sb-top-banner__sub-area{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .sb-top-banner__sub-title_en{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-right: 12px;
    }
    .sb-top-banner__cateory{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
}
/* ## Ihojin
--------------------------------------------- */
.fn_georgia{
    font-family: "georgiapro", sans-serif;
font-weight: 400;
font-style: normal;
}
.l-section__top-ihojin-banner.l-section__mye{
    margin-bottom: 1rem;
}
.ihojin-banner__img-area{
    background-position: center;
}
.ihojin-banner__category{
    margin-bottom: 1.125rem;
}
.ihojin-banner__title-area {
    display: flex;
    align-items: center;
}

.ihojin-banner__label{
    font-family: "Helvetica","Helvetica Neue", "Hiragino Mincho ProN",serif;
    margin-right: 40px;
}
@media screen and (max-width: 750px) {
    .ihojin-banner__label{
        margin-right: 30px;
    }
    .ihojin-banner__title-area{
        justify-content: center;
    }
}

/* #Scroll New ver3 (#nv3)
--------------------------------------------- */
.l-section.l-section_nv3_recommend-scroll {
    max-width: 1400px;
    /* padding: 0; */
    /* overflow: scroll; */
    
}

.nv3-recommend__index{
    margin-bottom: 1.5rem;
}
.nv3-recommend__base{
    position: relative;
}
.nv3-scroll-wide{
    height: 1px;
    width: 100%;
}
.nv3-recommend{
    /* padding-left: 5%; */
}
.nv3-recommend__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.nv3-recommend__item{
    width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.nv3-recommend__layer{
    overflow: scroll;
     /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
}
.nv3-recommend__layer::-webkit-scrollbar{
    display:none;
  }
.nv3-recommend__item__img{
    margin-bottom: 1.5rem;
}
.nv3-recommend__item__title{
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1rem;
}
.nv3-recommend__item__text{
    text-align: center;
    margin-bottom: 1rem;
}
.nv3-recommend__bar-bg{
    width: 50%;
    margin: 1rem auto;
    height: 1px;
    background-color: #DFDFDF;
    position: relative;
}
.nv3-recommend__bar-slider{
    position: absolute;
    height: 2px;
    width: 20%;
    top: 0;
    background-color: #777777;
    margin: 0;
    padding: 0;
    /* transition: left .3s; */
}
.nv3-scroll-empty{
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.recommend__scroll-btn-left,
.recommend__scroll-btn-right{
    top: 132px;
    background: none;
    border-color: #333;
    color: #333;
}

.recommend__scroll-btn-left .dli-chevron-left,
.recommend__scroll-btn-right .dli-chevron-left{
    color: #333;
}
/* ##P All New ver3 (#nv3)
--------------------------------------------- */
 .l-contents__pall{
    overflow: hidden;
 }
 
.l-section__nv3-pall{
    /* padding: 0 5%; */
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 30px;

}
.l-section__nv3-pall_full{
    max-width: 100%;
    /* padding: 0; */
}
.nv3-pall-index{
    border-bottom: 1px solid #777777;
    margin-bottom: 3rem;
}
.nv3-pall__for-scroll{
    /* padding: 0 5%; */
}
.nv3-pall-index__text{
    font-size: 1.3125rem;
    color: #212121;
}
.nv3-pall-card__inner_2side{
    padding: 0 16%;
}
/* nv3 card wide  */
.nv3-pall-card_big__title{
    font-size: 1.3125rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
    text-align: center;
}
.nv3-pall-card_big__text-area{
    margin-bottom: 1rem;
}
.nv3-pall-card_big__text{
    margin-bottom: 1rem;
}
.nv3-pall-card_big__price{
    text-align: center;
}
.nv3-pall-card_big__btn{
    width: 100%;
    padding: 10px 15px;
}

/* nv3 card feature  */
.nv3-pall-card_feature{
    margin-bottom: 3rem;
}
.nv3-pall-card_feature__title{
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.nv3-pall-card_feature__read-btn{
    text-align: right;
    padding-right: 16px;
}



.nv3-pall-card_wide{
    margin-bottom: 4rem;
}
.nv3-pall-card_wide__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.nv3-pall-card_wide__side-left{
    width: 49.5%;
    margin-right: 1%;
}
.nv3-pall-card_wide__side-right{
    width: 49.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.nv3-pall-card_wide__side-right__inner{
    padding: 0 16%;
    
}

.nv3-pall-divide{
    width: 100%;
    height: 1px;
    background-color: #777777;
    margin-bottom: 2rem;
}
/* nv3 pall card wide  */
.nv3-pall-card_wide__sub-title{
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
}
.nv3-pall-card_wide__title{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1.125rem;
}
.nv3-pall-card_wide__text{
    margin-bottom: 1rem;
}
.nv3-pall-card_wide__btn{
    max-width: 260px;
    padding: 10px 15px;
}

@media screen and (max-width: 750px) {
    .l-section__nv3-pall{
        padding-right: 15px;
        padding-left: 15px;
    }
    .nv3-pall__col-2__item{
        width: 100%;
        margin-bottom: 4rem;
    }
    .nv3-pall-card__inner_2side{
        padding: 0;
    }
    .nv3-pall-card_feature__text{
        font-size: .93rem;
    }
    .nv3-pall-card_big__text{
        font-size: .93rem;
    }
    .nv3-col-2__wrap .nv3-pall__col-2__item:last-child{
        margin-bottom: 0;
    }

    /* wide  */
    .nv3-pall-card_wide__side-left{
        width: 100%;
        margin-right: 0;
    }
    .nv3-pall-card_wide__side-right{
        width: 100%;
    }

.nv3-pall-card_wide__img{
    margin-bottom: 2rem;
}
.nv3-pall-card_wide__side-right__inner{
    padding: 0;
}
.nv3-pall-card_wide__text{
    font-size: .93rem;
}
.nv3-recommend__bar-bg{
    width: 100%;
}

}

/* ##Leaf Academy New ver3 (#nv3)
--------------------------------------------- */

.main-pall .fs-c-productList{
    display: none;
}

.l-section__la.l-section__la_nv3{
    border-top: 1px solid  #707070;
    padding-top: 6.5rem;
}

/* about  */
.nv3-la-about__img-area{
    max-width: 800px;
    margin: 2rem auto;
}
.la-section__sub-title.nv3-la-section__sub-title{
    margin-top: 2rem;
}

.nv3-la__target-btn__area{
    margin: 3rem 0;
}
.nv3-la__target-btn__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.nv3-la__target-btn__item{
    width: 24.25%;
    margin-right: 1%;
}
.nv3-la__target-btn__wrap .nv3-la__target-btn__item:last-child{
    margin-right: 0;
}
.nv3-la__target-icon{
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 1.8rem;
    margin-right: 15px;
}
.nv3-la__target__btn{
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* index  */
.nv3-la__section-index{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 4rem;
}
.nv3-la__section-index__icon{
    font-size: 2.7rem;
    margin-right: 15px;
}
.nv3-la__section-index__title{
    font-size: 1.5rem;
}

/* section 1  */


/* section 2 */
.nv3-la__col-2{
    margin-bottom: 4rem;
}
.nv3-la__col-2__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.nv3-la__col-2__item_left{
    width: 49.5%;
    margin-right: 1%;
}
.nv3-la__col-2__item_right{
    width: 49.5%;
}

.nv3-la__col-2__item_right__inner_l-1{
    padding-left: 16%;
}
.nv3-la__col-2__item_right__inner_r-1{
    padding-right: 16%;
}
.nv3-la__col-2__item_right__inner_r-2{
    padding-right: 32%;
}
.nv3-la__col-2__item__inner_side-05{
    padding-left: 8%;
    padding-right: 8%;
}

/* section 3  */

.nv3-la__sub-title{
    font-size: 1.125rem;
    margin-bottom: 1rem;
}
.nv3-la__simple__body .nv3-la__sub-title{
    margin-bottom: .5rem;
}
.nv3-la__sub-title_w_b{
    font-weight: 700;
}
.nv3-la__title {

    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 2rem;
}
.nv3-la__title_w_b{
    font-weight: 700;
}
.nv3-la__text{
    line-height: 1.6;
    margin-bottom: 2rem;
}
.nv3-la__text_b{
    font-weight: 700;
}
.nv3-la__text_mb_2{
    margin-bottom: 2rem;
}
.nv3-la__yagaku-1__body .nv3-la__text:last-child{
    margin-bottom: 2rem;
}
.nv3-la__btn-are {
    margin-bottom: 1rem;
    
}
.nv3-la__btn{
    padding-top: 8px;
    padding-bottom: 8px;
    max-width: 260px;
}

/* section 4  */


@media screen and (max-width: 750px) {
    /* about  */
    .nv3-la__target-btn__item{
        width: 100%;
        margin-bottom: 1rem;
    }
    .nb3-la__target-btn__text{
        font-size: 1.09rem;
        font-weight: 700;
    }
    /* index  */


    /* section 1  */
    .nv3-la__col-2__item_left{
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem;
    }
    .nv3-la__col-2__item_right{
        width: 100%;
    }


    /* section 2 */
    .nv3-la__col-2__wrap_sp_flip > div:first-child{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .nv3-la__col-2__wrap_sp_flip > div:last-child{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    .nv3-la__col-2__item_right__inner_l-1{
        padding-left: 0;
    }
    .nv3-la__col-2__item_right__inner_r-1{
        padding-right: 0;
    }
    .nv3-la__col-2__item_right__inner_r-2{
        padding-right: 0;
    }
    .nv3-la__col-2__item__inner_side-05{
        padding-right: 0;
        padding-left: 0;
    } 
    .nv3-la__col-yagaku__left__img{
        margin-left: -5%;
        margin-right: -5%;
    }
    .nv3-la__col-yagaku__right__img{
        margin-right: -5%;
        padding-left: 50%;
    }
    .nv3-la__col-yagaku-2__right__img{
        margin-left: -5%;
    }
    .nv3-la__col-yagaku-2__sp__right-img{
        margin-right: -5%;
    }
    /* section 3  */



    /* section 4  */
}


/* ##About
--------------------------------------------- */
/* 
.about_img-box{

}

.page_mye-about .l-contents__inner{
    width: 66%;
    margin:0 auto;
}

 .about_message{
     margin-bottom: 9rem;
 }
 .about_message > p{
     margin-bottom: 3em;
 }
 .about_mye-title{
   text-align: center;
   max-width: 260px;
   width: 80%;
   margin: 0 auto;
 }
 .about_area{
     width: 90%;
   max-width: 800px;
   margin: 0 auto;
 }

 .about_img-box {
   width: 50%;
   max-width: 350px;
   margin: 0 auto;
}
.height-space-30v{
   height: 30vh;
}
.height-space-20v{
   height: 20vh;
}

.column__2{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.column__center-item{
   align-items: center;
}
.column_person .l_column__item p {
   margin-bottom: 1em;
   line-height: 1.5;
}

.column_person .side-contents__title {
   line-height: 1;
   font-weight: 500;
}
.l_column__item{
   width: 48%;
   margin-left: 4%;
}
.l_column__item:last-child{
   margin-left: 0;
}


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

   .l_column__item {
       width: 100%;
       margin-left: 0;
       margin-bottom: 1rem;
   }
   .page_mye-about .l-contents__inner{
       width: 100%;
   }
   .side-contents__title{
       font-size: 1.8rem;
   }
} */


.l-contents_page-about{
    margin-top: 40px;
}


/*===== ! section about img ======*/
.l-section__about-img{
    margin-bottom: 160px;
}
.about-img__inner{
    width: 66.66%;
    margin: 0 auto;
}


/*===== ! section about message ======*/

.about-message__logo-area{
    margin: 180px 0;
}

.about-message__text-inner{
    width: 50%;
    margin: 0 auto;
}
.about-message__logo-inner{
    width: 16.66%;
    margin: 0 auto;
}


/*===== ! section about profile ======*/

.about-profile__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.about-profile__img-area{
   width: 50%;
}
.about-profile__img-inner{
    width: 86%;
    margin: 0 auto;
}
.about-profile__text-area{
  width: 50%;
}
.about-profile__img-inner{
    width: 87.5%;
    margin: 0 auto;
}
.about-profile__text-inner{
    padding-right: 16.66%;
}

.about-porigle-body_sub-title{
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 10px;
}
.about-porigle-body__title{
    font-size: 1.5rem;
    font-weight: 700;
}

.about-porigle-body__title span{
    font-size: .9rem;
    margin-left: 20px;
}
.about-porigle-body__text-box{
    margin:30px 0;
}
.about-porigle-body__text-box p{
    margin-bottom: 20px;
}

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




/*===== ! section about img ======*/
.l-section__about-img{
    margin-bottom: 40px;
}
.about-img__inner{
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
}



/*===== ! section about message ======*/

.about-message__text-inner{
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    margin-bottom: 30px;
}
.about-message__logo-inner{
    width: 30%;
    margin: 0 auto;
}

.about-message__logo-area {
    margin: 80px 0;
}



/*===== ! section about profile ======*/
.about-profile__img-area{
    width: 100%;
 }
 .about-profile__text-area{
   width: 100%;
 }
 .about-profile__img-inner{
     width: 100%;
     margin: 0 auto;
     padding: 15px;
 }
 .about-profile__text-inner{
     padding-right: 16.66;
     padding: 15px;
 }



}




/* ##Atelier
--------------------------------------------- */

.l-contents.l-contents__atelier{
    margin-top: 2rem;
    margin-bottom: 10rem;
}
.atelier_title{
  font-size: 1.8rem;
  letter-spacing: .08em;
  margin-bottom: 2.2rem;
}
.atelier_info_area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.atelier_info_verticalLine{
  min-width: 340px;
  padding-right: 20px;
  margin-top: 30px;
}
.atelier_info_verticalLine > *{
  margin-bottom: 20px;
}

.atelier_info_service-title{
  font-size: 1.2rem;
}
.atelier_info__date-list dt{
  display: inline;
}
.atelier_info__date-list td{
  vertical-align: top;
  padding: 5px 0;
}
.atelier_info__date-list td.text{
  padding-left: 10px;
}
.atelier_info_text_service{
  margin-bottom: 30px;
}
.atelier_info_service-title{
  line-height: 1.8;
  font-size: 1.2rem;
}
.atelier_info_service-text{
  line-height: 1.6;
  margin-bottom: 20px;
}
.atelier_info__link{
  text-decoration: underline;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.atelier_info__link:hover{
 opacity: .6;
}
.access-train{
  margin-bottom: 6px;
}


/*----- redesign ------*/

.l-section__atelier-hero{
  margin-bottom: 80px;
}
.atelier-subimg{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.atelier-subimg__side{
  width: 49%;
  margin-right: 2%;
}
.atelier-subimg .atelier-subimg__side:last-child{
  margin-right: 0;
}

.atelier-info__wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.atelier-info__item-contents {
  margin-bottom: 50px;
}
.atelier_info_title{
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 10px;
}
.atelier_info_service-title{
  font-size: 1rem;
  text-decoration: underline;
  margin-bottom: 20px;
}

.atelier_info_service-text {
  line-height: 1.8;
}

.atelier-info__item_left{
  width: 30%;
  margin-right: 5%;
}

.atelier-info__item_right{
  width: 30%;
}

.access-text{
  margin-bottom: 20px;
}


/*----- redesign ------*/


.atelier-state__heading{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 40px;
}
.atelier-state__intro{
    margin-bottom: 60px;
}
.atelier-state__service{
    margin-bottom: 60px;
}
/*----- info ------*/
.l-section__atelier-info{
    padding-bottom: 75px;
    border-bottom: 1px solid #EFEFEF;
}

.atelier-info__info-area{
    width: 58%;
}
.atelier-info__img-area{
    width:42%;
    
}

.atelier-info__data{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.atelier-info__open-area{
    width: 48%;
    margin-right: 2%;
}
.atelier-info__open-inner{
    padding-top: 30px;
    padding-right: 10%;
}
.atelier-info__access-area{
    width: 50%;
    margin-right: 0;
}
.atelier-info__access-inner{
    padding-top: 30px;
}

.atelier-info__img-inner{
    padding-left: 16.66%;
}
.access_link{
    margin-top: 0;
    margin-bottom: 30px;
}

.atelier-info_gw-area{
    margin-top: 30px;
}

/*----- schedule ------*/

.atelier-info__schedule-item{
    margin-bottom: 24px;

}
.atelier-info__schedule-title{
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 0;

}

.atelier-info__schedule-week{
    font-size: 1rem;
    text-decoration: underline;
    margin-bottom: 5px;
}
.atelier-info__schedule-text{
  margin-bottom: 16px;
}
/* .atelier-info__schedule-text_last{
    margin-bottom: 4px;
} */
.atelier-info__schedule-text_last-nobtn {
    margin-bottom: 51px;
}

.atelier-info__schedule-text-block{
    height: 120px;
}




/*----- service ------*/
.atelier-service__sub-title{
    font-size: 1rem;
    font-weight: 700;
    margin-top: 75px;
    margin-bottom: 5px;
    text-align: center;
}
.atelier-service__title{
    font-size: 2.125rem;
    margin-bottom: 120px;
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
}



/*----- service yourblend ------*/
.atelier-yourblned__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.atelier-yourblned__text-area{
    width:49%;
    margin-right:2%;
}
.atelier-yourblned__text-inner{
    padding-top: 30px;
    padding-left:16.66%;
}

.atelier-yourblned__img-area{
    width:49%;
}




/*----- service book ------*/

.atelier-book__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.atelier-book__text-area{
    width:49%;
    padding-top: 30px;
    margin-right:2%;
}
.atelier-book__text-inner{
    padding-left:16.66%;
}

.atelier-book__img-area{
    width:49%;
}
.atelier_br{
    display: none;
}
/*----- sschedule------*/
.atelier-schedule__img-wrap{
    max-width: 500px;
    margin-bottom: 20px;
}


/*----- atelier-v3 ------*/
.l-section__atelier-v3-info{
    /* padding-bottom: 75px; */
}
.ateler-v3-divide{
    width: 100%;
    height: 1px;
    background-color: #EFEFEF;
    margin-bottom: 4rem;
}
.atelier-v3-intro__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 4rem;
}
.atelier-v3-intro__item{
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1rem;
}
.atelier-v3-intro__wrap .atelier-v3-intro__item:last-child{
    margin-right: 0;
}
.atelier-v3-intro__head{
    max-width: 800px;
    margin: 0 auto 2rem;
    padding: 0 15px;
}
.atelier-v3-intro__sub-heading{
    color: #333333;
    text-align: center;
    margin-bottom: 1rem;
}
.atelier-v3-intro__heading{
    color: #333;
    text-align: center;
    font-size: 2rem;
    margin-bottom: 3rem;
}
.atelier-v3-intro__text{
    color: #333;
}

.ateliear-v3-opening__layout-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.atelier-v3-opening__layout-item{
    width: 50%;
    padding-right: 8%;
}
.atelier-v3-sc__sub-title{
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: .15em;
}
.atelier-v3-sc__title{
    font-size: 2rem;
    margin-bottom: 4rem;
    letter-spacing: .1em;
}

.atelier-v3-opening__item{
    margin-bottom: 5rem;
    color: #333;
}
.atelier-v3-opening__item_m_mb{
    margin-bottom: 2rem;
}
.atelier-v3-opening__ct-title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: .1em;
    font-weight: 700;
    border-bottom: 1px solid #707070;
    margin-bottom: 2.5rem;
    /* padding-left: 40px; */
}
.atelier-v3-opening__ct-title::before{
    content: '';
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: .9em;
    height: .9em;
    margin-right: .5em;
    background-image: url('https://myeblendtea.itembox.design/item/img/atelier/atelier-ct-icon.png');
}
.atelier-v3-opening__pack-title{
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 1.5rem;
}
.atelier-v3-opening__pack-text{
    margin-bottom: 1.5rem;
}
.atelier-v3-opening__pack-time{
    margin-bottom: 1.5rem;
    font-weight: 700;
}
.atelier-v3-opening__link-btn{
    margin-right: 10px;
    margin-bottom: 1rem;
}

/* close date  */
.close-date{
    width: 85%;
    border: 1px solid #707070;
    background-color: #FAE2E2;
}
.close-date__inner{
    padding: 30px 5% 15px;
}
.close-date__title{
    font-size: 1.2rem;
    margin-bottom: .5rem;
    font-weight: 700;
}
.close-date__text{
    font-size: 1.15rem;
    font-weight: 700;
}
.close-date__box{
    margin-bottom: 1.5rem;
}
.close-date__box_last{
    margin-bottom: 0;
}


@media screen and (max-width: 1024px) {
    .atelier-info__schedule-text-block{
        height: 122px;
    }
    .atelier_br{
        display: block;
    }
     
}

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

    .atelier-state__heading{
        margin-bottom: 30px;
    }
    .atelier-state__intro{
        margin-bottom: 40px;
    }
    .atelier-state__service{
        margin-bottom: 30px;
    }
 
    .atelier-info__info-area{
        width: 100%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .close-date{
        width: 100%;
    }
   
}
@media screen and (max-width: 1024px) {
    .atelier-info__schedule-text-block{
        height: 122px;
    }
    .atelier_br{
        display: block;
    }
     
}

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

    .atelier-state__heading{
        margin-bottom: 30px;
    }
    .atelier-state__intro{
        margin-bottom: 40px;
    }
    .atelier-state__service{
        margin-bottom: 30px;
    }
 
    .atelier-info__info-area{
        width: 100%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .atelier-info__img-area{
        width:100%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-bottom: 40px;
    }
    .atelier-info__img-inner{
        padding: 0;
    }
  .atelier-info__item_left{
      width: 100%;
      margin-right: 0;
  }
  
  .atelier-info__item_right{
      width: 100%;
  }

  .atelier_info_service-title{
      margin-bottom: 0;
  }
  .atelier_info_title{
      /* font-size: 1.5rem; */
      margin-bottom: 15px;
  }
  .atelier_info_service-text_yourblend{
      margin-bottom: 50px;
  }
  
  .atelier_br{
    display: none;
}


}
@media screen and (max-width: 750px) {
    .atelier-info__state{
        padding: 0 15px;
    }
  .l-contents.l-contents__atelier{
      margin-bottom: 30px;
  }
  .atelier-info__item-contents{
      margin-bottom: 60px;
  }
  .atelier-subimg__side{
      width: 100%;
      margin-right: 0;
      margin-bottom: 30px;
  }
  .atelier-subimg .atelier-subimg__side:last-child{
      margin-bottom: 0;
  }


/*----- info ------*/
.l-section__atelier-info{
    padding-bottom: 15px;
    border-bottom: none;
}

.atelier-info__open-area{
    width: 100%;
    margin: 0 ;
    margin-bottom: 0;
    padding: 15px;
}
.atelier-info__open-inner{
    padding-top: 0;
    padding-right: 0;
}
.atelier-info__access-area{
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 15px;
}
.atelier-info__access-area{
    padding-top: 0;
}
.atelier-info__img-area{
    width: 100%;
    margin-top: 40px;
}
.atelier-info__img-inner{
    padding-left: 0;
}
.atelier-info__schedule-text-block{
    height: auto;
}
.atelier-info__access-inner{
    padding-top: 0;
}

/*----- service ------*/

.atelier-service__sub-title{
    margin-top: 60px;
}
.atelier-service__title{
    margin-bottom: 50px;
}


  /*----- service yourblend ------*/

  .atelier-yourblned__text-area{
    width:100%;
    margin-right:0;
    margin-bottom:30px;
}
.atelier-yourblned__text-inner{
    padding:30px 15px 15px;
}

.atelier-yourblned__img-area{
    width:100%;
    padding-left: 15px;
}

/*----- service yourblend ------*/

.atelier-book__text-area{
    width:100%;
    margin-right:0;
    margin-bottom:30px;
}
.atelier-book__text-inner{
    padding:15px;
}

.atelier-book__img-area{
    width:100%;
    
}
.atelier-book__img-inner{
    padding-left: 15px;

}

/* v3  */
.ateler-v3-divide{
    margin-top: 3rem;
}
.l-section__atelier-opening{
    padding: 0 15px;
}
.l-section__atelier-footer{
    padding: 0 15px;
}
.atelier-v3-intro__heading{
    font-weight: 500;
}
.atelier-v3-intro__item{
    width: 100%;
    margin-right: 0;
    padding-left: 15px;
}
.atelier-v3-opening__item_sp_mb_2{
    margin-bottom: 2rem;
}
.atelier-v3-opening__layout-item{
    width: 100%;
    margin-right: 0;
    padding-right: 0;
}
.atelier-v3-opening__ct-title{
    font-size: 1.315rem;
    margin-bottom: 2rem;
}
.atelier-v3-sc__title{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 2.5rem;
}
.atelier-v3-sc__sub-title{
    font-size: 0.875rem;
}
.atelier-v3-opening__pack-title{
    font-size: 1.125rem;
    margin-bottom: 2rem;
}
.atelier-v3-opening__pack-text{
    margin-bottom: 1rem;
}
.atelier-v3-opening__ct-title::before{
    width: 1em;
    height: 1em;
    margin-right: .3em;
}
.atelier-v3-opening__pack-text_access{
    margin-bottom: 2rem;
}

.close-date__title{
    font-size: 1rem;
    margin-bottom: 1rem;
}
.close-date__text{
    font-size: 1rem;
}

}



/* ##Archive
--------------------------------------------- */
.archive-text__inner{

}
.bl_column-body__title_archive{
    margin-bottom: 20px;
}
.archive-list__year{
    font-weight: 300;
    font-size: 1.7rem;
    margin-bottom: 20px;
    letter-spacing: 1.2px;
}
.archive-list__card-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.archive-list__archive-card{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 30px;
}
.archive-list__card-wrap .archive-list__archive-card:nth-of-type(4n){
   margin-right: 0; 
}
.archive-card__img{
    margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
    .archive-text__inner{
        padding: 0 15px;
    }
    .archive-list__inner{
        padding: 0 15px;
    }
    .archive-list__archive-card{
        width: 48%;
        margin-right: 4%;
    }
    
    .archive-list__card-wrap .archive-list__archive-card:nth-of-type(2n){
        margin-right: 0;
    }
    .archive-card__img{
        margin-bottom: 12px;
    }
}


/* ##Season message
--------------------------------------------- */

.page_season-message .contents-inner{
    width: 66.6%;
    min-width: 350px;
    margin: 0 auto;
  }
.message_area {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.message_area > p{
      margin-bottom: 1.2rem;
      line-height: 1.5;
  }
.signature_area{
    text-align: right;
    margin-bottom: 4rem;
  }
.season-back-btn-area{
    margin-bottom: 7rem;
}


.bl_btn.bl_btn_season_close{
    max-width: 200px;
    padding: 5px;

}


@media screen and (max-width: 850px) {
    .page_season-message .contents-inner{
        width: 100%;
        min-width: 100%;
        margin: 0 auto;
    }
    .page_season-message .message_area{
        margin-top: 2rem;
    }
    .message_area{
        margin-top: 2rem;
    }
    .signature_area{
        margin-bottom: 70px;
    }
}





/* ##Guide
--------------------------------------------- */



/* ##Information
--------------------------------------------- */

.info-list{
    width: 100%;
    display: block;
    margin-bottom: 2rem;
}
.info-list__text{
    list-style: none;
    border-bottom:1px solid #CCCCCC ;
    margin-top: 2rem;
    line-height: 2;
    font-size: 0.875rem;
}
.info-list__text .date-data{
    display: inline-block;
    width: 80px;
    margin-right: 8px;
    text-align: center;
}


.news-archive__line{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding-bottom: 4px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 30px;
    font-size: .95rem;
}
.news-archive__date-area {
    padding-right: 10px;
}
.news-archive__news-area{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}



.mye-info a{
    color: inherit;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.mye-info a:hover{
   color: #C7C7C7; 
}
.mye-info a.bl_btn.bl_primary-btn {
    color: #212121;
    }

.mye-info a.bl_btn.bl_primary-btn {
        color: #212121;
        }

.mye-info table{
    border: 1px solid #c7c7c7;
}
.mye-info tr,.mye-info td {
    padding: 10px 2%;
    }
.mye-info th {
    width: 20%;
    border-right: 1px solid #C7C7C7;
    border-bottom: 1px solid #c7c7c7;
}
.mye-info td {
    border-bottom: 1px solid #c7c7c7;
}


.mye-page-title{
    font-size: 1.6rem;
    margin: 40px 0;
    margin-bottom: 3rem;
}

.mye-info h2{
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1.2em;
}

.mye-info p{
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1em;
    font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.mye-info .head-text{
    font-weight: 700;
    border-bottom: 1px solid #333;
    margin-top: 30px;
    margin-bottom: 15px;
}

.mye-commercial-low{
    
}

@media screen and (max-width: 750px) {
    .mye-page-title{
        margin-top: 20px;
    }
}


/* ##Question
--------------------------------------------- */

.mye_qa dt,.mye_qa dd{
    line-height: 1.5;
}
.mye_qa dt {
	margin: 0 0 .5em 3em;
}
.mye_qa dd {
	margin: 0 0 1em 3em;
}
.mye_qa dt::before,.mye_qa dd::before {
	font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 1.3em;
	margin: 0 1em 0 -1.7em;
}
.mye_qa dt::before {
	content: 'Q';
}
.mye_qa dd::before {
	content: 'A';
}

/* ##Profile
--------------------------------------------- */


.info_btn-area {
    margin-top: 3rem;
    margin-bottom: 5rem;
}
.info_btn-area a{
    width: 23%;
    min-width: 240px;
    margin-bottom: 1rem;
    margin-right: 1.33333%;
}
  .info_link-fq{
    margin-bottom: 1rem;
  }
  .info_link-other{

  }

  .info_mail-area {
    margin-bottom: 8rem;
}
  .info_mail_title{
    font-size: 1.25rem;
    margin-bottom: 1.5em;
  }
  .info_mail_mail{
    font-size: 1rem;
    margin-bottom: 1.5em;
  }
  .info_mail_text{

  }
  

  /* ##Wrapping
--------------------------------------------- */

.wrapping-info__item{
    margin-bottom: 60px;

}

.wrapping-info__title{
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 30px;
}

.wrapping-info__text{
    margin-bottom: 35px;

}

.wrapping-info__item .bl_btn{

}
.bl_column-body__title_wrapping{
    font-size: 1.4rem;
}


/*==== tea leaf ======*/

.wrapping-info-tealeaf__img-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    
}

.wrapping-info-tealeaf__img-item{
    width: 49%;
    margin-right: 1%;
    margin-bottom: 20px;
}

.wrapping-info-tealeaf__img-wrap .wrapping-info-tealeaf__img-item:last-child{
    margin-right: 0;
}

/*==== box ======*/

.wrapping-info-box__area{
    width: 62.5%;
    margin-top: 80px;
}

@media screen and (max-width: 750px) {
    .wrapping-info-tealeaf__img-item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .wrapping-info-box__area{
        width: 100%;
        margin-top: 40px;
    }
}



/* ##OTB
--------------------------------------------- */


.otb_message_area > *{
    margin-bottom: 1rem;
  }

  .card_otb .card_title,
  .card_otb .card_subTitle{
      text-align: center;
  }
  .card_otb .card_text{
      margin-top: 2rem;
  }

  .l-hero-box_f_otb{
    height: 88vh;
}
.l-hero-box_f_otb .bl-hero{
    background-position: right;
}
  .l-hero-text-layout{
      position: relative;
  }
  .l-hero-text-item{
      position: absolute;
      top: 50%;
      left: 25%;
      -webkit-transform: translate(-82%,-50%);
          -ms-transform: translate(-82%,-50%);
              transform: translate(-82%,-50%);
  }
 
  .otb-title-block{
      font-size: 1rem;
    max-width: 600px;
  }
  .l-section_otb-text-block .otb-title-block{
    font-size: .8rem;
} 
  .otb-title-block__bottom-area{
      position: relative;
      width: 100%;
      /* height: 4em; */
  }
  .otb-title-block__top-text{
      font-size: 1.4em;
      font-weight: 700;
      
  }
  .otb-title-block__big-text{
      font-size: 3.8em;
      line-height: 1;
      display: inline;
      position: relative;
   
  }
  .otb-title-block__small-text{
    font-size: 0.3em;
    line-height: 1;
    font-weight: 500;
    padding-left: .8em;
    /* padding-bottom: 1em; */
    position: absolute;
    width: 100%;
    left: 100%;
    display: block;
    bottom: 1.1em;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
      width: 13em;
      
  }

  .l-section_otb-center{
    max-width: 1000px; 
    margin: 0 auto;
  }
  .l-section_otb-text-block {
    
      margin: 50px auto 50px;
  }
  .otb-center__img-area{
  
  }
  .otb-center__img{
      margin-bottom: 70px;
  }
  .otb-center__info-area{
    max-width: 1000px;
    margin: 0 auto;
  }
  .otb-center__title{
    font-size: 1.7rem;
    margin-bottom: 40px;
    line-height: 1.5;
  }
  .otb-center__text-wrap{
      margin-bottom: 44px;
  }
  .otb-center__text {
    margin-bottom: 25px;
    line-height: 1.6;
}
.otb-center__btn{
    padding: 10px 15px;
    margin-bottom: 20px;
}
.otb-center__sub-text {
    font-size: .8rem;
    color: #555555;
    margin-bottom: 6px;
}
  @media screen and (max-width: 1200px) {
    
    .l-section_otb-center{
        max-width: 800px; 
      }
      .l-section_otb-text-block {
        max-width: 800px; 
      }
      .l-hero-box_f_otb{
        height: 68vh;
    }


  }
  @media screen and (max-width: 1025px) {
    .l-hero-box_f_otb{
        height: 68vh;
    }
    .otb-title-block{
        font-size: .75rem;
    }
  }


  @media screen and (max-width: 850px) {
    .otb-title-block{
        font-size: .65rem;
    }
    .l-section_otb-text-block,
    .l-section_otb-center{
        max-width: 600px; 
      }
      
   
  }
  @media screen and (max-width: 750px) {
    .l-hero-box_f_otb{
        height: 60vh;
    }
    .l-hero-box_f_otb .bl-hero{
        background-position: center;
    }
  }

/*--------------------------
   ##Ice tea
------------------------------ */


  /*=== ### Section Icetea-top  =====*/

  .l-section__icetea-top{
      margin-top: 100px;
  }

  .icetea-top__inner{
      margin-bottom: 140px;
  }

  .icetea-top_text__inner{
      padding-top: 160px;
      padding-left: 20%;
  }

  .icetea-top__copy {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 40px;
}
.icetea-top__text {
    line-height: 1.8;
    margin-bottom: 20px;
}

.icetea-gravure{
    margin-bottom: 120px;
}

  .icetea-gravure__inner{
    width: 66.66%;
    margin: 0 auto;
  }

  /*=== ### Section Icetea-recipe  =====*/

  .icetea-recipe__head{
      font-size: 1.5rem;
      font-weight: 500;
      letter-spacing: 2px;
      text-align: center;
      margin-bottom: 80px;
  }


  .icetea-recipe__wrap{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  .icetea-recipe__col{
      width: 50%;
      margin-bottom: 30px;
  }

  .icetea-recipe__col_left__inner{
      padding: 0 12%;
  }

  .icetea-recipe__col_right__inner{
      padding-right: 5%;
  }

  .icetea-recipe__tab-area{
      margin-bottom: 120px;
  }
  .icetea-recipe__title-area{
      margin-bottom: 50px;
  }

  .icetea-recipe__title{
      font-size: 1.8rem;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 2px;
      text-decoration: underline;
  }

  .icetea-recipe__text-block{
      margin-bottom: 40px;
  }
  .icetea-recipe__text{
      line-height: 1.8;
      margin-bottom: 20px;
  }


  .icetea-recipe__img-mobile-area{
      margin-bottom: 40px;
  }
  
  



  /*=== ### Section Icteae-product  =====*/
  .l-section__icetea-product{
      margin-top: 140px;
  }
.l-section__icetea-product .l_col-2__wrap{
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    margin-bottom: 60px;
}
  .icetea-product_copy{
    font-size: 2rem;
    letter-spacing: 2px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 40px;
  }
.icetea-product_intro{
    line-height: 1.8;
    margin-bottom: 20px;
}

  .icetea-product-list_pc__wrap{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  .icetea-product_text__inner{
      padding-right: 20%;
      padding-left: 5%;
  }
  .icetea-product__item{
      width: 24%;
      margin-right: 1%;
      position: relative;
  }
.icetea-product__item-title{
    text-align: center;
    margin-bottom: 8px;
}
.icetea-product__item-price{
    text-align: center;
}
.icetea-product__item-img-area{
    margin-bottom: 14px;
}
.icetea-product__item-text-area{
    margin-top: 40px;
    margin-bottom: 110px;

}
.icetea-product__item-btn-area{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.icetea-product_item-btn{
    width: 100%;
}

.icetea-product_mobile__heading-area{
    margin: 20px 0 30px;
    padding: 0 5%;
}

.icetea-product_mobile__heading{
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.8;

}

.scroll_icetea{
    padding: 0 15px;
}

.scroll_icetea .bl_scroll-list__wrap{
    padding: 0 0 12px 0;

}
.scroll_icetea .bl_scroll-list__item{
    position: relative;
}
.icetea-scroll__summary{
    line-height: 1.8;
    margin: 30px 0 90px;
}

@media screen and (max-width: 750px) {
      
    /*=== ### module Tab  =====*/

  /*=== ### Section Icetea-top  =====*/
  .l-section__icetea-top {
    margin-top: 20px;
}
.icetea-top__inner {
    margin-bottom: 0px;
}
.icetea-top_text__inner {
    padding-top: 50px;
    padding: 5%;
}

.icetea-top__copy {
    font-size: 1.5rem;
    padding-top: 20px;
    margin-bottom: 48px;
    line-height: 1;
    text-align: center;
}

.icetea-gravure {
    margin-bottom: 70px;
}
.icetea-gravure__inner {
    width: 100%;
    padding-left: 5%;
}
  /*=== ### Section Icetea-recipe  =====*/

  .icetea-recipe__tab-inner {
    padding: 5%;
}
  .icetea-recipe__head {
    margin-bottom: 40px;
    margin-top: 59px;
}

  .icetea-recipe__col{
    width: 100%;
    margin-bottom: 0;
}

.tab {
    width: 32%;
    margin-right: 2%;
    letter-spacing: 1.2px;
    padding: 12px 5px;
    font-size: .9rem;
}
.tab-group .tab:last-child{
    margin-right: 0;
}
.panel-group {
    padding: 50px 10px 30px;
}


.icetea-recipe__col_left{
    display: none;
}
.icetea-recipe__col.icetea-recipe__col_right {
    width: 100%;
}
.icetea-recipe__tab-area {
    margin-bottom: 50px;
}
.icetea-recipe__col_right__inner{
    padding-right: 0;
}
.icetea-recipe__title{
    font-size: 1.5rem;
}
  /*=== ### Section Icteae-product  =====*/

  .l-section__icetea-product {
    margin-top: 80px;
}
  .icetea-product_text__inner {
    padding: 0 5%;
}
.icetea-product_copy {
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 36px;
}
.icetea-product {
    padding-left: 5%;
}


}

.icetea-product_copy br{
    display: none;
}
@media screen and (max-width: 1050px) {
    .icetea-product_copy br{
        display: block;
    }
}

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

    .icetea-product_copy br{
        display: none;
    }

}


/*--------------------------
   ##Tea Guide
------------------------------ */


/*=== ### Section Step Nav  =====*/


.l-section__tg-step-nav{
    /* border-bottom: 1px solid #C7C7C7; */
}
.tg-step-nav__title{
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 70px;
    line-height: 1.5;
}

.tg-step-nav__nav{
    margin-bottom: 70px;
}

.tg-step-nav__nav-inner{
   width: 86%;
   margin: 0 auto;
}
.tg-step-nav__nav-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.tg-step-nav__item{
    width: 28.66%;
    margin-right: 7%;
    margin-bottom: 40px;
    position: relative;
    cursor: pointer;
}
.tg-step-nav__nav-wrap .tg-step-nav__item:last-child{
    margin-right: 0;
} 
.tg-step-nav__item-title-area{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);
    display: inline-block;
}




.tg-step-nav__item-number{
    font-size: 1.4rem;
    margin-bottom: 5px;
    padding-right: 11px;
}
.tg-step-nav__item-title{
}

.tg-step-nav__item:hover .tg-step-nav__item-title,
.tg-step-nav__item:hover .tg-step-nav__item-number
{
    text-decoration: underline;
}


/*=== ### Section Step Common  =====*/

.tg-step__section-index-area{
    margin-bottom: 70px;
}
.tg-step__section-index{
    font-size: 2.4rem;
    color: #2B8E3A;
}
.tg-step__section-title{
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.tg-step_copy{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 110px;
}
.tg-step_intro{
    line-height: 1.7;
    margin-bottom: 28px;
}
.l_col-2_left .tg-step_text__inner{
    padding-right: 16.6%;
}
.l_col-2_right .tg-step_text__inner{
    padding-left: 16.6%;
}
.tg-step__item{
    margin-bottom: 150px;
}

/*=== ### Section Step1  =====*/


/* .tg-step_charm__img-area{
    position: relative;
    height: 100%;
}
.tg-step_charm_img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
} */

/*=== ### Section Step2  =====*/


/*=== ### Section Step3  =====*/

.l-section__tg-step-3{
    margin-bottom: 120px;
}

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

    .tg-step-nav__nav-inner{
        width: 94%;
        margin: 0 auto;
     }
    .tg-step-nav__item-number{
        display: block;
        font-size: 1.3rem;
        margin-bottom: 5px;
        margin-right: 0;
        display: block;
    padding: 0;
    }
    .tg-step-nav__item-title{
        display: block;
        font-size: 1rem;
    }

}
@media screen and (max-width: 850px) {
    .tg-step-nav__item:hover .tg-step-nav__item-title{
        border-bottom:none;
    }

}


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

/*=== ### Section Step Nav  =====*/

.tg-step-nav__title{
    font-size: 1.4rem;
    margin-top: 52px;
    margin-bottom: 48px;
    font-weight: 700;
}

.tg-step-nav__nav{
    margin-bottom: 30px;
}

.tg-step-nav__nav-inner{
   width: 100%;
   margin: 0 auto;
}

.tg-step-nav__item{
    width:100%;
    margin-right:0;
    margin-bottom: 40px;
    position: relative;
    cursor: pointer;
}
.tg-step-nav__nav-wrap .tg-step-nav__item:nth-of-type(2n){
    margin-right: 0;
} 


.tg-step-nav__item-title-area{

    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
            transform: translate(0,0);
    text-align: right;
}

.tg-step-nav__item-number{
    font-size: 1.5rem;
}




/*=== ### Section Step Common  =====*/
.tg-step__section-index-area {
    margin-bottom: 38px;
}
.tg-step__section-index{
    font-size: 1.6rem;
    color: #2B8E3A;
    text-align: center;
    margin-bottom: 8px;
}

.tg-step__section-title{
    font-size: 1.4rem;
    margin-bottom: 20px;
    text-align: center;
}
.tg-step__section-intro{
    display: none;
}



.tg-step_copy{
    font-size: 1.3rem;
    margin-bottom: 26px;
}
.l_col-2_left .tg-step_text__inner{
    padding-right: 0;
}
.l_col-2_right .tg-step_text__inner{
    padding-left: 0;
}
.tg-step__item{
    margin-bottom: 50px;
}


/*=== ### Section Step1  =====*/


/*=== ### Section Step2  =====*/


/*=== ### Section Step3  =====*/



}

/*--------------------------
   ##Repeat
------------------------------ */
.repeat__mye_tag-list{
    margin-bottom: 2.5rem;
}
.mye_tag-list__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.mye_tag-list__item{
    min-width: 220px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #212121;
    padding: 5px 20px;
    border: 1px solid #707070;
    border-radius: 10px;
    margin-right: 16px;
    margin-bottom: 1rem;
}
.mye_tag-list__list .mye_tag-list__item:last-child{
    margin-right: 0;
}

/*==== First Message ====*/

.first-message_center{
   text-align: center;
}
.first-message__sub{
    font-size: 1.5rem;
    margin-bottom: 2rem;
}
.first-message__title{
    font-size: 3rem;
    line-height: 1.5;
    letter-spacing: .001em;
    margin-bottom:3.5rem;

}
.first-message__m{
    font-weight: 500;
}
.first-message__h3{
    font-size: 1.5rem;
    letter-spacing: .001em;
    margin-bottom: 2.6rem;
}

.l-section__repeat{
    max-width: 900px;
    border-top: 1px solid #CCCCCC;
    padding-top: 3rem;
    margin-bottom: 2rem;
}

.repeat-img{
    margin-bottom: 1rem;
}
.repeat-img__col2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.repeat-img__col2__item_left{
    width: 60%;
}
.repeat-img__col2__item_right{
    width: 40%;
}

/*==== Repeat Text ====*/
.repeat-text{
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 4rem;
}
.repeat-text__sub{
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 2rem;
}
.repeat-text__title{
    font-size: 2.125rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 3rem;
}
.repeat-text__h4{
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
}
.repeat-text__p_left{
    text-align: left;
}
.repeat-text__under{
    text-decoration: underline;
}
.repeat-btn{
    text-align: left;
    margin: 2rem 0;
}
.repeat-btn__btn{
    padding: 10px 20px;
    max-width: 300px;
}

/*==== repeat list====*/
.repeat-reco-area{
    margin-bottom: 3rem;
}
.repeat-reco__index{
    margin: 3rem 0 2rem;
    text-align: center;
}
.repeat-reco__list{
    display: flex;
    gap: 3%;
}
.repeat-reco__item {
    margin-bottom: 2rem;
}
.repeat-reco__item__text-area{
    margin-top: 1rem;
    text-align: center;
}
.repeat-reco__item-title {
    font-weight: 500;
    margin-bottom: .5rem;
}
.repeat-reco__item-text{
    font-size: .85rem;
}
.repeat-reco__item-link:hover .repeat-reco__item-title{
    text-decoration: underline;
} 

/*==== foot text ====*/
.repeat-foot-text{
    text-align: right;
}
.repeat-reco__index_product{
    font-weight: 700;
    margin-bottom: 3rem;
}
.repeat-foot-text__text{
    font-size: 0.75rem;
}
.repeat-footer-img{
    max-width: 400px;
    margin: 0 auto;
}
.repeat-labe-img{
    width: 80%;
    margin: 3rem auto 3.5rem;
}
.repeat-btn_v2{
    margin: 5rem 0;
    text-align: center;
}

/*==== repeat col ====*/
.repeat-cols{
    display: flex;
    gap: 4%;
    margin-bottom: 5rem;
}
.repeat-col{
    width: 48%;
    margin-bottom: 1.5rem;
}
.repeat-col_inner{

}
.repeat-col_inner_r1{
    padding-right: 16%;
}
.repeat-col_inner_l1{
    padding-left: 16%;
}
.repeat-col__title{
    font-size: 1.5rem;
    line-height: 1.8;
    margin-bottom: 2rem;
}
.ef-text-center{
    text-align: center;
}
.ef-flec-al-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.repeat-cols_product{
    margin-top: 4rem;
}
.repeat__divider{
    width: 100%;
    height: 1px;
    background-color: #CCCCCC;
    margin:  6rem 0;
}
.mg-t-1{
    margin-top: 1rem;
}
/*==== Flow ====*/

.repeat-flow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.repeat-flow__item{
    width: 35%;
    max-width: 550px;
}
.repeat-flow__item-inner{
    padding: 15px;
}

.repeat-flow__arrow{
    border-right: 50px solid transparent;
  border-bottom: 86.6025px solid #4B6173;
  border-left: 50px solid transparent; 
}

/*==== new repeat flow ====*/
.repeat-n-flow__header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 3rem;
}
.repeat-n-flow__header-title-area{
    margin-right: 50px;
    margin-bottom: 1rem;
}
.repeat-n-flow__header-text-area{
    margin-bottom: 1rem;
}
.repeat-n-flow__header-sub{
    font-size: .875rem;
    margin-bottom: .5rem;
}
.repeat-n-flow__header-main{
    font-weight: 500;
}


.l-section__repeat-n-flow{
    background-color: #F7FFFC;
}
.repeat-n-flow{
    padding: 50px 5%;
}
.repeat-n-flow__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.repeat-n-flow__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* justify-content: space-between; */
    width: 15.83%;
    margin-right: 1%;
    margin-bottom: 1rem;
}
.repeat-n-flow__item_v2{
   
    width: 22%;
    margin-right: 4%;
    
}
.repeat-n-flow__list .repeat-n-flow__item:last-child{
    margin-right: 0;
}

.repeat-n-flow__item-img-area{
    margin-bottom: 1rem;
}
.repeat-n-flow__item-title-area{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    min-height: 0%;
}
.repeat-n-flow__item_bottom{
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
    height: 100%;
    min-height: 0%;
}
.repeat-n-flow__item-title{
    font-size: 1.2rem;
}
.repeat-n-flow__item-text{
    font-size: 0.875rem;
    margin-bottom: 1rem;
}
.repeat-n-flow__item-text a{
    text-decoration: underline;
}
/* .repeat-n-flow__item-title-area{
    flex-grow: 1; 
}
.repeat-n-flow__item-contents-area{
    flex-grow: 1;
} */
@media screen and (max-width: 750px) {
    .repeat-n-flow__header{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    .repeat-n-flow__header-sub{
        text-align: center;
        margin-bottom: 1rem;
    }
    .repeat-n-flow__header-main{
        margin-bottom: 1.5rem;
    }
    .repeat-n-flow__header-title-area{
        margin-right: 0px;
    }
    .repeat-n-flow__item{
        width: 47%;
        margin-right: 6%;
        margin-bottom: 3rem;
    }
    .repeat-n-flow__list .repeat-n-flow__item:nth-of-type(2n){
        margin-right: 0;
    }
    .repeat-n-flow__item-title-area{
        margin-bottom: 1rem;
    }
    .repeat-reco__list{
        flex-wrap: wrap;
    }
    .repeat-cols{
        flex-wrap: wrap;
    }
    .repeat-col{
        width: 100%;
        margin-bottom: 2rem;
    }
    .repeat-col__inner{
        padding: 0 !important;
    }
    .repeat-col__title{
        text-align: center;
    }
    .repeat__divider{
        margin: 2rem 0;
    }
}

/*==== From YOUR BLEND ====*/
.yb-repeat__mye_tag-list__list{
    margin-bottom: 0rem;
}
.yb-repeat__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.yb-repeat__item{
    /* width: 50%; */
}
.yb-repeat__item_left{
    width: 50%;
}
.yb-repeat__item_right{
    width: 50%;
    background-color: #F7FDFF;
}
.yb-repeat__item_right__inner{
    text-align: center;
    height: 100%;
    padding: 2% 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.yb-repeat__mye_tag-list{
    margin-bottom: 0rem;
}
.yb-repeat__mye_tag-list__item{
    min-width: 140px;
    font-size: 0.7rem;
    padding: 4px 10px;
    text-align: center;
}
.yb-repeat__sub{
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.yb-repeat__title{
    text-align: center;
    font-size: 1.9rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}
.yb-repeat__btn{
    max-width: 220px;
    text-align: center;
    padding: 5px 10px;
}
.yb-repeat__img-bg{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.yb-repeat__img-pc{
 display: block;
}
.yb-repeat__img-mobile{
    display: none;
}

@media screen and (max-width: 1400px) {
    .yb-repeat__sub{
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }
    .yb-repeat__title{
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }
}
@media screen and (max-width: 1200px) {
    .yb-repeat__mye_tag-list__item{
        min-width: 120px;
        font-size: 0.7rem;
        padding: 2px 10px;
        margin-right: 5px; 
    }
}
@media screen and (max-width: 980px) {
    .yb-repeat__img-pc{
        display: none;
       }
       .yb-repeat__img-mobile{
           display: block;
       }
}

@media screen and (max-width: 750px) {
    .l-section__first-message{
        margin-top: 4rem;
        padding-right:  15px;
        padding-left: 15px;
    }
    .l-section__repeat{
        padding-right:  15px;
        padding-left: 15px;
        margin-bottom: 3rem;
    }
    .mye_tag-list__item{
        margin-right: 0;
    }
    .first-message__sub{
        font-size: 1rem;
    }

    .first-message__sub{
        margin-bottom: .5rem;
    }
    .first-message__title{
        font-size: 1.7rem;
        margin-bottom: 2rem;
    }
    .first-message__p{
        text-align: left;
    }
    .first-message {
        margin-bottom: 4rem;
    }

    .repeat-img__col2__item_left{
        width: 100%;
    }
    .repeat-img__col2__item_right{
        width: 100%;
    }

    .repeat-text{
        margin-bottom: 2rem;
    }

    .repeat-text__sub{
        font-size: 0.93rem;
        margin-bottom: 1rem;
    }
    .repeat-text__title{
        font-size: 1.6rem;
        margin-bottom: 1.5rem;
    }
    .repeat-text__h4{
        font-size: 1rem;
        margin-bottom: 2rem;
    }
    .repeat-text__p{
        text-align: left;
    }
    .repeat-foot-text{
        text-align: left;
    }
    .repeat-foot-text__text{
        font-size: 0.86em;
    }
.repeat-footer-img{
    margin-top: 4rem;
}


.yb-repeat__item_left{
    width: 100%;
}
.yb-repeat__item_right{
    width: 100%;
}
.yb-repeat__mye_tag-list__list{
    /* max-width: 200px; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1rem;
}
.yb-repeat__mye_tag-list__item{
    width: 170px;
}
.yb-repeat__item_right__inner{
    padding: 40px 0 50px;
}
.yb-repeat__sub{
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}
.yb-repeat__title{
    font-size: 2rem;
    margin-bottom: 2rem;
}
.yb-repeat__btn{
    width: 90%;
    max-width: 100%;
    padding: 10px 10px;

}
}


/*--------------------------
   ##Hougi
------------------------------ */


/*=== ### Section Top =====*/
.l-section__hougi-top{
    margin-top: 100px;
}
.hougi-top__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.hougi-top__col{
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 50px;
}
.hougi-top__wrap .hougi-top__col:last-child{
    margin-right: 0;
}

/*=== ### Section Intro =====*/
.l-section__hougi-intro{
    margin-bottom: 200px;
}

/*=== ### Section DIY =====*/
.hougi-diy__product-list__heading{
    margin-bottom: 20px;
}
.hougi-diy__copy-block{
    margin-bottom: 80px;
}

/*=== ### Section Arrange =====*/

/*=== ### Section How to =====*/
.l-section__hougi-howto{
    max-width: 100%;
    background: #FAFAFA;
    padding-top: 50px;
    padding-bottom: 50px;
}
.hougi-howto__inner{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
}

.hogugi-howto__title-area{
   
    margin-bottom: 80px;
}
.hougi-howto__product-list__heading{
    font-size: 1.4rem;
    margin-bottom: 60px;
}
 .hougi-howto__copy-block__copy{
     font-size: 1.4rem;
     margin-bottom: 20px;
 }
 .hougi-howto__copy-block__text_last{
     margin-bottom: 50px;
 }
.hougi-howto__list-area{
    margin-bottom: 120px;
}

.column-list__item-text_howto{
    line-height: 1.6;
}

.bl_scroll-list__button_howto-list{
    top: 212px;
}

.hougi-howto__product-list{
    margin-bottom: 40px;
}
.hougi-howto__product-list__heading_tip{
    margin-bottom: 30px;
}
.hougi-howto__tip-text{
    margin-bottom: 40px;
}
.hougi-howto__video-area {
    position: relative;
    width: 100%;
    padding-top: 100%;
    margin: 0px 0 50px;
  }
  .hougi-howto__video-area iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  

  
/*=== ### Section Chageyu=====*/
.l-section__hougi-chagayu{
    margin-top: 95px;
}


@media screen and (max-width: 850px) {
/*=== ### Section Top =====*/


/*=== ### Section Intro =====*/

/*=== ### Section DIY =====*/


/*=== ### Section Arrange =====*/

/*=== ### Section How to =====*/

/*=== ### Section Chageyu=====*/

}

@media screen and (max-width: 750px) {
/*=== ### Section Top =====*/
.l-section__hougi-top{
    margin-top: 20px;
}
.hougi-top__col{
    width: 100%;
    margin-right: 0;
}
.houg-top__col-inner_sp_full{
    padding: 0;
}
.houg-top__col-inner_sp_def{
    padding: 0 5%;
}


/*=== ### Section Intro =====*/
.l-section__hougi-intro{
    margin-bottom: 75px;
}

/*=== ### Section DIY =====*/
.hougi-diy__copy-block{
    margin-bottom: 40px;
}
.hougi-diy__product-list__heading{
   padding: 0 5%; 
}
/*=== ### Section Arrange =====*/

/*=== ### Section How to =====*/
.l-section__hougi-howto{
    padding-bottom: 25px;
}
.hougi-howto__list-area{
    padding: 0 5%;
}
.hougi-howto__list-area{
    margin-bottom: 25px;
}
.hougi-howto__inner{
    padding: 0;
}
.hougi-howto__copy-block__copy{
    font-size: 1.4rem;
    text-align: center;
}
.hougi_copy-block__img{
    margin-bottom: 40px;
}
.hougi-howto__product-list__heading-area_list{
    padding: 0 5%;
}
.hougi-howto__product-list__heading{
    text-align: center;
}
.hougi-howto__tip-area{
    margin-top: 60px;
    padding: 0 5%;
}
.hougi-howto__video-area{
    padding-top: 150%;
    margin: 0px 0 10px;
}
/*=== ### Section Chageyu=====*/

}



/*--------------------------
   ##Letter
------------------------------ */

/* ==== ###top ==== */
.l-section__letter-top{
    max-width: 1000px;
    margin-top: 40px;
    margin-bottom: 110px;
}

/* ==== ###intro ==== */
.l-section__letter-intro{
    
}
.letter-intro .copy-straight__sub-copy{
    text-align: center;
    font-size: .85rem;
    margin-bottom: 10px;
}
.letter-intro .copy-straight__copy{
    letter-spacing: 0.1em;
    font-size: 1.5rem;
    margin-bottom: 45px;
}
.letter-intro .copy-straight__text{
    font-size: 1rem;
    text-align: center;
    margin-bottom: 40px;
}

/* ==== ###amb ==== */
.l-section__letter-amb{
    max-width: 800px;
    margin-bottom: 120px;
}

/* ==== ###pass ==== */
.l-section__letter-pass{
    max-width: 1000px;
}
.letter-pass .copy-block__copy{
    font-size: 1.5rem;
}

/* ==== ###word ==== */
.l-section__letter-word{
    background: #E6CCAD;
    max-width: 100%;
}
.letter-word{
    max-width: 800px;
    margin: 0 auto;
}
.letter-word__inner{
    padding:90px 30px;
}
.letter-word__org-word{
    font-size: 1.6rem;
    font-style: italic;
    margin-bottom: 30px;
    text-align: center;
}
.letter-word__js-word{
    text-align: center;
    line-height: 1.5;
}


/* ==== ###enve ==== */
.letter-enve .copy-block__copy{
    text-align: center;
    margin-bottom: 38px;
}
.letter-enve .copy-block__text{
    margin-bottom: 40px;
}
.letter-enve .bl_primary-btn{
    width: 100%;
    text-align: center;
}
.letter-enve .bl_primary-btn::after{
    display: none;
}


/* ==== ###plist ==== */
.l-section__letter-plist{
    max-width: 1400px;
}
.l-section__letter-plist .column-list__item-title{
    text-decoration: underline;
}

/* ==== ###gallery ==== */
.letter-ga__title{
    text-align: center;
    font-weight: 700;
    margin-bottom: 60px;
}
.letter-ga__top-img-wrap{
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.letter-ga__text{
    text-align: center;
    margin-bottom: 50px;
}
.letter-ga__list9-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.letter-ga__list9-item{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}

.letter-ga__list9-wrap .letter-ga__list9-item:nth-of-type(3n){
    margin-right: 0;
}



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

/* ==== ###top ==== */
.l-section__letter-top{
    max-width: 1000px;
    margin-top: 0;
    margin-bottom: 40px;
}

/* ==== ###intro ==== */

.letter-intro .copy-straight__text{
    font-size: .90rem;
    text-align: left;
    margin-bottom: 20px;
}

/* ==== ###amb ==== */
.l-section__letter-amb{
    margin-bottom: 60px;
}

.letter-amb__inner{
    padding-left: 5%;
}

/* ==== ###pass ==== */

.letter-pass .copy-block__col_right{
    margin-bottom: 20px;
}
.letter-pass .hougi-diy__copy-block{
    margin-bottom: 0px;
}
.letter-pass .copy-block__col_right{
    padding-right: 5%;
}
/* ==== ###word ==== */
.l-section__letter-word{
    margin-bottom: 70px;
}
.letter-word__inner{
    padding:60px 5%;
}

.letter-word__org-word{
    font-size: 1.3rem;
    text-align: left;
}
.letter-word__js-word{
    font-size: .9rem;
    text-align:left;
}


/* ==== ###enve ==== */
.letter-enve .copy-block__col_right{
    margin-bottom: 30px;
}
.letter-enve .copy-block__copy{
    text-align: center;
    margin-bottom: 26px;
}

/* ==== ###plist ==== */
.l-section__letter-plist .bl_scroll-list_title{
    text-decoration: underline;
}


/* ==== ###gallery ==== */
.letter-ga__title{
    font-size: 1.4rem;
    margin-bottom: 30px;
}
.letter-ga__top-img-wrap{
    margin-bottom: 20px;
}
.letter-ga__text{
    text-align: left;
    margin-bottom: 30px;
    padding:0 5%;
}
.letter-ga__list-area{
    padding: 0 0;
}
.letter-ga__list-top{
    margin-bottom: 20px;
}

.letter-ga__list8-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.letter-ga__list8-wrap .letter-ga__list-item{
    width: 48%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.letter-ga__list8-wrap .letter-ga__list-item:nth-of-type(2n){
    margin-right: 0;
}
.divider_mobile{
    width: 90%;
    margin:  2rem auto 2rem;
}
}
/*--------------------------
   ##ICETEA22
------------------------------ */

.f_ch{
    font-family: chinchilla, "Helvetica","Helvetica Neue", "Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 400;
    color: #333333;
}
.f_ch_b{
    
    font-family: chinchilla, "Helvetica","Helvetica Neue", "Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    color: #333333;
}
.l-contents_page-icetea22{
    overflow: hidden;
}
/*---- hero ----*/
.icetea22-hero__base{
    position: relative;
}
.icetea22__copy-area{
    position: absolute;
    left: 7%;
    bottom: 10%;
    /* left: 120px;
    bottom: 140px; */
}
.icetea22__copy-img{
    max-width: 420px;
}
.icetea22__copy{
    font-size: 6rem;
    line-height: 1;
    letter-spacing: .075em;
    color: #fff;
}

/*---- intro ----*/
.l-section__icetea22-intro{
    margin-bottom: 4rem;
}
.icetea22-intro__board-base{
    position: relative;
    /* overflow: hidden; */
}
.icetea22-intro__bg-area{
    width: 80%;
    max-width: 1180px;
    margin:  0 auto 90px;
}
.icetea22-intro__copy-base{
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.icetea22-intro__copy-wrap{
    position: relative;
}
.icetea22-intro__copy-inner{
    position: relative;
}
.icetea22-intro__copy-area{
    position: absolute;
}
.icetea22-intro__copy1-area{
    top: 100px;
    right: 90px;
    -webkit-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
            transform: rotate(-8deg);
}
.icetea22-intro__copy2-area{
    bottom: 100px;
    right: 100px;
}
.icetea22-intro__copy{
    font-size: 5rem;
    line-height: 1;
    letter-spacing: .075em;
    color: #333333;
}
.icetea22-intro__copy1{
    
}
.icetea22-intro__copy2 span{
    margin-left: 30px;
}

.icetea22-intro__text-inner{
    max-width: 800px;
    margin: 0 auto;
    padding: 0 15px;
}
.icetea22-intro__text{
    font-size: 1.2rem;
    margin-bottom: 2.5rem;
    color: #212121;
    line-height: 2;
}
.icetea22-intro__text_first{
    margin-bottom: 3.5rem;
}
/*---- recommend ----*/
.icetea22-recipe__divider{
    margin-bottom: 6rem;
}
.l-section__icetea22-recommend{
    margin-bottom: 440px;
}
.icetea22-recommend__base{
    position: relative;
}
.icetea22-recommend__over-wrap{
    position: absolute;
    width: 100%;
    top: 110px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0 20px;
}
.icetea22-recommend__bg-img{
    width: 100%;
    max-width: 1920px;
    height: 400px;
}

.icetea22-recommend__text-area{
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.icetea22-recommend__text-innner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: self-end;
        -ms-flex-align: self-end;
            align-items: self-end;
}
.icetea22-recomend__section-title{
    display: inline-block;
    /* font-size: 6rem; */
    font-size: 6.8vw;
    line-height: 1;
    color:#fff;
    
}
.icetea22-recommend__section-sub-title{
    font-size: 1.3vw;
    text-align: right;
    color:#fff;
}
.l-section__icetea22-product{
    margin-bottom: 12rem;
}
.icetea22-product__img-area{
    width: 90%;
    margin: 0 auto;
}
.icetea22-product__section-title{
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 9rem;
}
.icetea22-product__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 80%;
    margin:  0 auto;
}
.icetea22-product__item{
    width: 32%;
    /* margin-right: 5%; */
    position: relative;
}
.icetea22-product__base{
    /* position: relative; */
}
.icetea22-product__img{
    margin-bottom: 60px;
}
.icetea22-product__text-area{
    text-align: center;
    margin-bottom: 30px;
}
.icetea22-product__title{
    /* font-size: 2rem; */
    font-size: 1.8vw;
    margin-bottom: 20px;
}
.icetea22-product__price{
    font-size: 1.25rem;
    margin-bottom: 20px;
}
.icetea22-product__text{
    text-align: left;
    margin-bottom: 20px;
}
.icetea22-product__btn-area{
    position: absolute;
    width: 90%;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.icetea22-product__btn{
    max-width: 450px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.icetea22-product__btn::after{
    display: none;
}

/* scroll  */
.scroll_icetea22{
    color: #fff;
}
.icetea22__bl_scroll-list_title{

}
.scroll_icetea22 .bl_scroll-list__item{
    padding: 0 15px;
}
.scroll_icetea22 .bl_scroll-list__button{
    top: 210px;
}
.scroll_icetea22 .bl_scroll-list__item img{
    width: 90%;
    margin: 0 auto;
    display: block
}
.scroll_icetea22 .bl_scroll-list_title{
    font-size: 1.33rem;
}
.scroll_icetea22 .icetea-scroll__summary{
    margin-top: 20px;
    margin-bottom: 50px;
}
.scroll_icetea22 .icetea-product__item-btn-area{
    position: relative;
}
.scroll_icetea22 .bl_scroll-list_text{
    font-size: 1rem;
}
/*---- recipe ----*/

.icetea22-recipe__top-title{
    font-size: 4rem;
    line-height: 1.2;
    margin-bottom: 40px;
    text-align: center;
}
.icetea22-recipe__top-arrow-area{
    width: 100px;
    margin: 0 auto;
}
.icetea22-recipe__intro{
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    margin-bottom: 140px;
}

.icetea22-recipe__panel-group{
    /* background-image: url('./img/_page/icetea22/pc/icetea22_recipe_bg.jpg');
    background-repeat: repeat;
    background-size: contain; */
}
.icetea22-recipe__l_col__inner{
    padding: 0 18.75%;
}
.icetea22-recipe__l_col__inner_right{
    padding-right: 15%;
}

.icetea-recipe__sub-title{
    font-size: 2.8rem;
    line-height: 1;
    margin-bottom: 10px;
}


/* tab  */

.icetea22__tab-group .tab{
    border: 1px solid #707070;
}
.icetea22__tab-group .tab.is-active{
    border-bottom: 1px solid #fff;
}
.icetea22__panel-group{
    border: 1px solid #707070;
    background-size: cover;
}


/*---- END ----*/
.l-section__icetea22-end{
    margin-bottom: 0;
}
.icetea22-end_text__inner{
    padding-left: 15%;
}
.icetea22-end__col-inner_img{
    padding-right: 15%;
}
.icetea22-end__copy{
    font-size: 4rem;
    line-height: 1;
    letter-spacing: .075em;
    -webkit-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
            transform: rotate(-6deg);
}
.icetea22-end__l_col-2_left{
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.icetea22-end__l_col-2_right{
    width: 40%;
}
@media screen and (max-width: 1024px) {
    .icetea22__copy{
        font-size: 4.5rem;
    }
    .icetea22-intro__copy1-area{
        top: 50px;
        right: 30px;
    }
    .icetea22-intro__copy2-area{
        bottom: 50px;
        right: 40px;
    }
    .icetea22-intro__copy{
        font-size: 4rem;
    }
    .icetea22-recomend__section-title{
        font-size: 5rem;
    }
    .icetea22-recommend__section-sub-title{
        font-size: 1rem;
    }
    .icetea22-product__img{
        margin-bottom: 50px;
    }

    .icetea22-product__list{
        max-width: 100%;
    }
}
@media screen and (max-width: 750px) {
/*---- hero ----*/
.icetea22__copy-area{
    left: 20px;
    bottom: 30px;
}
.icetea22__copy{
    font-size: 3rem;
}
/*---- intro ----*/
.icetea22-intro__board-base{
    max-width: 438px;
    height: 690px;
    margin: 0 auto;
}
.icetea22-intro__bg-area{
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 438px;
}
.icetea22-intro__copy{
    font-size: 2.2rem;
}
.icetea22-intro__copy1-area{
    top: 75px;
    right: 10px;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg);
}
.icetea22-intro__copy2-area{
    right: auto;
    left: 20px;
    bottom: 90px;
}
.icetea22-intro__copy2 span{
    margin-left: 0;
}
.icetea22-intro__text_first{
    margin: 0;
}
.icetea22-intro__text{
    font-size: 1rem;
    line-height: 1.285;
}
/*---- recommend ----*/
.l-section__icetea22-recommend{
    margin-bottom: 60px;
}
.icetea22-recommend__bg-img{
    height: 720px;
}
.icetea22-recommend__over-wrap{
    padding: 0;
}
.icetea22-recommend__over-wrap{
    top: 70px;
}
.icetea22-recommend__text-area{
    margin-bottom: 30px;
}
.icetea22-recommend__text-innner{
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
}
.icetea22-recomend__section-title{
    font-size: 2rem;
    margin-bottom: 10px;
}
.icetea22-recommend__section-sub-title{
    font-size: 1rem;
}
.icetea-product__item-btn-area{
    margin-bottom: 30px;
}

/*---- recipe ----*/
.icetea22-recipe__intro{
    margin-bottom: 30px;
}
.icetea22-recipe__top-title{
    font-size: 3.2rem;
    color: #333333;
    letter-spacing: .1em;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.icetea22-recipe__l_col__inner{
    padding: 0 12%;
}

/*---- END ----*/
.icetea22-end__l_col-2_left{
    width: 100%;
    display: none;
}
.icetea22-end__l_col-2_right{
    width: 100%;
}
.icetea22-end__col-inner_img{
    position: relative;
    padding: 0 15px;
    
}
.icetea22-end__copy-mobile-area{
    position: absolute;
    right: 25px;
    bottom: 15px;
}
.icetea22-end__copy{
    font-size: 2.3rem;
}

}
/*--------------------------
   ##OUTDOOR
------------------------------ */

/*--- font ---*/
.f_fen_light{
    font-family: fenwick, sans-serif;
    font-weight: 300;
    font-style: normal; 
}
.f_fen_outline{
    font-family: fenwick-outline, sans-serif;
font-weight: 400;
font-style: normal;
}

.l-contents_page-outdoor{
    background-color: #FDF5E8;
    overflow: hidden;
}

/*----- outdoor-hero ----*/
.l-section__outdoor-hero{
    margin-bottom: 5rem;
}
.outdoor-hero__base{
    position: relative;
}
.outdoor-hero__massage-area{
    position: absolute;
    bottom: 50px;
    left: 40px;
}
.outdoor-hero__message-box{
   
}
 /*-----outdoor-intro -----*/
 .l-section__outdoor-intro{
     margin-bottom: 5rem;
 }
 .outdoor-intro__base{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
 }
 .outdoor-intro__copy-area{
     width: 30%;
     height: 20px;
 }
 .outdoor-intro__copy-base{
     position: relative;
 }
 .outdoor-intro_copy-position{
     position: absolute;
     top: -380px;
     right: 25%;
 }
 .outdoor-intro__copy-box{
     text-align: center;
    background-color: #fff;
    border: 1px solid #707070;
    padding: 20px 30px;
    display: inline-block;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  height: 570px;
 }
 .outdoor-intro__copy{
     font-size: 2.4rem;
     letter-spacing: .4em;
     font-weight: 700;
 }
 .outdoor-intro__text-area{
     width: 70%;
 }
 .outdoor-intro__text-inner{
     padding-right: 25%;
 }
 .outdoor-intro__text{
     margin-bottom: 1rem;
 }
/*-----outdoor-recommend -----*/
.l-section__outdoor-recommend{
    margin-bottom: 640px;
}
.outdoor-recommend__base{
    position: relative;
}
.outdoor-recommend__over-wrap{
    position: absolute;
    width: 100%;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0 20px;
}
.outdoor-recommend__bg-img{
    width: 100%;
    max-width: 1920px;
    /* height: 500px; */
}

.outdoor-recommend__text-area{
    max-width: 1400px;
    margin: 0 auto;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.outdoor-recommend__text-innner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.outdoor-recomend__section-title{
    display: inline-block;
    /* font-size: 6rem; */
    font-size: 5.2vw;
    letter-spacing: .05em;
    line-height: 1;
    color:#fff;
    margin-bottom: 10px;
    
}
.outdoor-recommend__section-sub-title{
    font-size: 1.3vw;
    text-align: left;
    color:#fff;
}
.l-section__outdoor-product{
    margin-bottom: 12rem;
    
}
.outdoor-product__img-area{
    width: 90%;
    margin: 0 auto;
}
.outdoor-product__section-title{
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 9rem;
}
.outdoor-product__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 80%;
    margin:  0 auto;
}
.outdoor-product__item{
    width: 32%;
    /* margin-right: 5%; */
    position: relative;
}
.outdoor-product__base{
    /* position: relative; */
}
.outdoor-product__img{
    margin-bottom: 60px;
}
.outdoor-product__text-area{
    text-align: center;
    margin-bottom: 30px;
}
.outdoor-product__title{
    
    font-size: 1.8vw;
    margin-bottom: 20px;
    line-height: 1.5;
}
.outdoor-product__price{
    font-size: 1.25rem;
    margin-bottom: 20px;
}
.outdoor-product__text{
    text-align: left;
    margin-bottom: 20px;
}
.outdoor-product__btn-area{
    position: absolute;
    width: 90%;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.outdoor-product__btn{
    max-width: 450px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
}
.outdoor-product__btn::after{
    display: none;
}

/* scroll  */
.scroll_outdoor{
    color: #333333;
}
.outdoor__bl_scroll-list_title{

}
.scroll_outdoor .bl_scroll-list__item{
    padding: 0 10%;
}
.scroll_outdoor .bl_scroll-list__button{
    top: 210px;
    border: 1px solid #333;
}
.scroll_outdoor .bl_scroll-list__item img{
    width: 90%;
    margin: 0 auto;
    display: block
}
.scroll_outdoor .bl_scroll-list_title{
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.scroll_outdoor .icetea-scroll__summary{
    margin-top: 20px;
    margin-bottom: 50px;
}
.scroll_outdoor .icetea-product__item-btn-area{
    position: relative;
}
.scroll_outdoor .bl_scroll-list_text{
    font-size: 1rem;
}
.outdoor-product_item-btn{
    background-color: #fff;
    border: 1px solid #333;
    width: 100%;
}
/*-----outdoor-club -----*/
.outdoor-club__heading{
    font-size: 6rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1;
    color: #202020;
}
.outdoor-club__album-list{
    position: relative;
    width: 90%;
    margin:  0 auto;
    z-index: 1;
}
.outdoor-club__list-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.outdoor-club__item{
    width: 30%;
    margin-right: 5%;
    margin-bottom: 60px;
}
.outdoor-club__list-wrap .outdoor-club__item:nth-of-type(3n){
    margin-right: 0;
}
.outdoor-club__board{
    position: relative;
    padding: 150px 0 0;
}
.outdoor-club__leaf{
    position: absolute;
    z-index: 0;
}
.outdoor-club__leaf1{
    width: 20%;
    max-width: 200px;
    top: 0;
    left: 56%;
}
.outdoor-club__leaf2{
    width: 20%;
    max-width: 239px;
    top: 264px;
    left: -8%;
}
.outdoor-club__leaf3{
    width: 20%;
    max-width: 295px;
    bottom: 10px;
    right: -11%;
}

/*-----outdoor-last -----*/
.outdoor-last{
    padding: 30px 0 60px;
}
.outdoor-last__base{
    position: relative;
}
.outdoor-last__bg-area{
    /* height: 900px; */
    overflow: hidden;
}
.outdoor-last__center-area{
    width: 100%;
    padding: 30px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.outdoor-last__front-inner{
    position: relative;
}
.outdoor-last__img-base{
    width: 80%;
    max-width: 400px;
    margin: 0 auto;

}
.outdoor-last__copy-area{
    position: absolute;position: absolute;
    bottom: 30px;
    left: 43%;
}
.outdoor-last__copy{
    font-size: 3.5rem;
    letter-spacing: .05em;
    color: #fff;
}
.outdoor-last__movie{
    width: 100%;
    /* opacity: .7; */
}
@media screen and (max-width: 1200px) {
    .outdoor-product__list{
        max-width: 100%;
    }
    .outdoor-product__img{
        margin-bottom: 30px;
    }
    .outdoor-product__title{
        font-size: 1.3rem;
    }
    .outdoor-club__heading{
        font-size: 4.4rem;
    }
    .outdoor-club__leaf1{

    }
    .outdoor-club__leaf2{

    }
    .outdoor-club__leaf3{

    }
}
@media screen and (max-width: 1600px) {
.outdoor-last__img-base{
    max-width: 330px;
}
.outdoor-last__copy{
    font-size: 2.8rem;
}
.outdoor-recommend__text-area{
    max-width: 80%;
}
}
@media screen and (max-width: 1200px) {
    .outdoor-last__img-base{
        max-width: 220px;
    }
    .outdoor-last__copy{
        font-size: 2rem;
    }
    .outdoor-last__bg-area{
        /* height: 500px; */
    }
    .outdoor-recommend__text-area{
        max-width: 100%;
    }
    }
    
    @media screen and (max-width: 850px) {
        .outdoor-last__img-base{
            max-width: 200px;
        }
        .outdoor-last__copy{
            font-size: 1.5rem;
        }
        
    }
@media screen and (max-width: 750px) {

/*----- outdoor-hero (750px) ----*/
.l-section__outdoor-hero{
    margin-bottom: 4rem;
}
    /*-----outdoor-intro (750px)  -----*/
    .l-section__outdoor-intro{
        margin-bottom: 4rem;
    }
.outdoor-intro_copy-position{
    top: -240px;
    right: 40%;
    /* left: 0; */
}
.outdoor-intro__copy-box{
    padding: 30px 20px;
    height: 480px;
}
.outdoor-intro__copy{
    font-size: 2rem;
    letter-spacing: .5em;
}
.outdoor-intro__text{
    line-height: 1.8;
}
.outdoor-intro__text-inner{
    padding-right: 0;
}

/*-----outdoor-recommend (750px)  -----*/
.l-section__outdoor-recommend{
    margin-bottom: 560px;
}
.outdoor-recommend__over-wrap{
    top: 110px;
    padding: 0;
}
.outdoor-recommend__text-area{
    padding: 0 15px;
    margin-bottom: 80px;
}
.outdoor-recomend__section-title{
    font-size: 4rem;
    line-height: 1.5;
}
.outdoor-recommend__section-sub-title{
    font-size: 1rem;
    font-weight: 700;
}
/*-----outdoor-club (750px)  -----*/
.outdoor-club__heading-area{
    position: relative;
    z-index: 1;
}
.outdoor-club__heading{
    font-size: 4rem;
    line-height: 1.5;
    margin-bottom: 20px;
}
.outdoor-club__item{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
}
.outdoor-club__list-wrap .outdoor-club__item:nth-of-type(3n){
    margin-right: 4%;
}
.outdoor-club__list-wrap .outdoor-club__item:nth-of-type(2n){
    margin-right: 0;
}
.outdoor-club__list-wrap .outdoor-club__item:nth-child(3){
    margin-bottom: 0;
}
.outdoor-club__list-wrap .outdoor-club__item:nth-child(4){
    margin-bottom: 0;
}
.outdoor-club__list-wrap .outdoor-club__item:nth-child(5){
    width: 85%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-right: 0;
    margin-left: 15%;
}
.outdoor-club__list-wrap .outdoor-club__item:nth-child(6){
    margin-right: 4%;
}
.outdoor-club__list-wrap .outdoor-club__item:nth-child(7){
    margin-right: 0;
}
.outdoor-club__list-wrap .outdoor-club__item:nth-child(8){
    margin-right: 4%;
}
.outdoor-club__list-wrap .outdoor-club__item:nth-child(9){
    margin-right: 0;
}
.outdoor-club__board{
    padding-top: 0;
}
.outdoor-club__leaf1{
    width: 100%;
    max-width: 210px;
    top: -213px;
    left: 44%;

}
.outdoor-club__leaf2{

    width: 100%;
    max-width: 100px;
    top: 300px;
    left: -5%;
}
.outdoor-club__leaf3{

    width: 100%;
    max-width: 150px;
    bottom: 140px;
    right:-7%;
}
/*-----outdoor-last (750px)  -----*/
.outdoor-last__copy-area{
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    text-align: center;
}

.outdoor-last__img-base{
    max-width: 280px;
}
.outdoor-last__copy{
    font-size: 1.5rem;
}
.outdoor-last__bg-area{
    height: auto;
}
}
@media screen and (max-width: 600px) {
    .outdoor-last__copy{
        font-size: 1.2rem;
    }
    .outdoor-recomend__section-title{
        font-size: 2.8rem;
        line-height: 1.5;
    }
    .outdoor-recommend__text-area{
        padding: 0 15px;
        margin-bottom: 40px;
    }
    .scroll_outdoor .bl_scroll-list_title{
        font-size: 1.33rem;

    }
    .scroll_outdoor .bl_scroll-list__item{
        padding: 0 15%;
    }
    .outdoor-last__bg-area{
        /* height: 900px; */
    }
}

/*--------------------------
   ## Seasonal Blend
------------------------------ */
.l-section__seasonal-blend{
    margin-top: 6rem;
}
.seasonal-blend__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.seasonal-blend__col-left{
    width: 50%;
    margin-bottom: 2rem;
}
.seasonal-blend__col-right{
    width: 50%;
    margin-bottom: 2rem;
}
.seasonal-blend__col-inner-left{
    padding: 0 16%;
}
.seasonal-blend__col-inner-right{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 15px;
    padding-left: 10%;
    padding-right: 0;
}
.easonal-blend__body{

}
.seasonal-blend__year-text{
    /* font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif;  */
    font-size: 1.56rem;
    letter-spacing: 0.09em;
    /* font-weight: bold; */
    margin-bottom: 1.5rem;
}
.seasonal-blend__p-title{
    line-height: 1.5;
    padding-bottom: 1.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #707070;
}
.seasonal-blend__p-title .title{
    /* font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif;  */
    font-size: 2.18rem;
    /* font-weight: bold; */
    letter-spacing: .1em;
    margin-right: 20px;
}

@media screen and (max-width: 750px) {
    .l-hero-box__seasonal-blend{
        height: 80vh;
    }
    .l-section__seasonal-blend{
        margin-top: 5rem;
    }
    .seasonal-blend__col-left{
        width: 100%;
    }
    .seasonal-blend__col-right{
        width: 100%;
    } 
    .seasonal-blend__col-inner-left{
        padding: 0 15px;
    }
    .seasonal-blend__col-inner-right{
        padding: 0 15px;
    }
    .seasonal-blend__p-title{
        text-align: center;
    }
    .seasonal-blend__year-text{
        text-align: center;
        margin-bottom: 1rem;
    }
    .seasonal-blend__p-title .title{
        margin: 0;
    }
}
/*--------------------------
   ##autum22
------------------------------ */

/*---- **Common** -----*/
.l-contents_page-autumn22{
    background-color:rgba(255,255,255,0.4);
    background-blend-mode:lighten; 
}
.l-contents_page-autumn22{
    overflow: hidden;
}

.f_gd{
    font-family: gooddog-new, "Helvetica","Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
font-weight: 400;
font-style: normal;
}

/*---- **Hero** -----*/
.autumn22-hero__base{
    position: relative;
}
.autumn22-hero__copy-area{
    position: absolute;
    left: 7%;
    top: 28%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.autumn22-hero__copy{
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    margin-bottom:.5rem;
}
.autumn22-hero__sub-copy{
    color: #000;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .1em;
}

/*---- **Snap** -----*/
.l-section__autumn22-snap{
    margin-bottom: 6rem;
}

.autumn22-snap__board-base{
    position: relative;
    width: 80%;
    max-width: 670px;
    margin:  7rem auto 90px;
    /* overflow: hidden; */
}
.autumn22-snap__bg-area{
    
}
.autumn22-snap__copy-base{
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.autumn22-snap__text-area{
    position: absolute;
    max-width: 360px;
    bottom: 50%;
    right: -13vw;
}
.autumn22-snap__text-wrap{
}
.autumn22-snap__text-inner{
    padding: 30px 25px;
}
.autumn22-snap__text-base{
    position: relative;
}
.autumn22-snap__text{
    line-height: 1.5;
}
.autumn22-snap__stamp-area{
    position: absolute;
    bottom: -100px;
    right: 0;
}
.autumn22-snap__stamp{
    width: 130px;
}


/*---- **Point Title** -----*/
.autumn22-p-title{
    margin-bottom: 2rem;
}
.autumn22-p-title__label-area{
    margin-bottom: 1.5rem;
}
.autumn22-p-title__label-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.autumn22-p-title__label-bg{
    width: 240px;
    height: 60px;
    /* padding: 20px 0; */
    background-size: contain;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}
.autumn22-p-title__label-board{
    position: relative;
}
.autumn22-p-title__label-main-heading-area{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.autumn22-p-title__label-main-box{
    width: 35%;
    max-width: 160px;
}
.autumn22-p-title__label-main-heading{
    font-size: 1.75rem;
    text-align: center;
    color: #fff;
}
.autumn22-p-title__label-sub-text{
    font-size: 1.25rem;
    font-weight: 700;
    padding-left: 10px;
}
.autumn22-p-title__label-sub-text__mobile{
    display: none;
}
.autumn22-p-title__typo-heading{
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 700;
}

/*---- **Point1** -----*/
.l-section__autumn22-p1{
    margin-bottom: 6rem;
}
.autumn22-p1__col{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.autumn22-p1__col-item_left{
    width: 35%;
}
.autumn22-p1__col-item_right{
    width: 65%;
}
.autumn22-p1__col-item_right__inner{
    padding: 0 8%;
}
.autumn22-p1__img-area{
    margin-top: 4rem;
}


/*---- **Tools** -----*/
.l-section__autumn22-tool{
    margin-bottom: 6rem;
}
.autumn22-ss-title__area{
    margin-bottom: 3rem;
    text-align: center;
}
.autumn22-ss-title__title{
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.autumn22-ss-title__sub-title{
    font-size: 1.25rem;
 
}
.autumn22-tool__col-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* align-items: flex-end; */
}
.autumn22-tool__col-item{
    width: 50%;
}
.autumn22-tool__col-item_left__inner{
    padding-left: 0;
}

.autumn22-tool__tool-list{
    margin-bottom: 4rem;
}
.autumn22-tool__item-title{
    margin-bottom: 1.5rem;
}

.autumn22-tool__movie-text{
    line-height: 1.5;
    margin-bottom: 3rem;
}
.autumn22-tool__movie-text_last{
    margin-bottom: 1rem;
}

.autumn22-recommend__btn{
    background-color: #fff;
}

/*---- **Movie** -----*/
.autumn22-video {
    position: relative;
    height: 0;
    padding: 0 0 100%;
    overflow: hidden;
    }
    .autumn22-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

/*---- **Recommend** -----*/
.l-section__autumn22-recommend{
    margin-bottom: 6rem;
}
.autumn22-recommend{
}
.autumn22-recommend__inner{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px 30px;

}
.autumn22-recommend__icetea-scroll__summary{
    margin: 30px 0 105px;
}
.autumn22-recommend__bl_scroll-list_text{
    font-size: 1rem;
}

/*---- **Last** -----*/

.autumn22-last__col-2__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.autumn22-last__col-2_col{
    width: 50%;
}
.autumn22-last__col-item_left__inner{
    padding-right: 6%;
}

.autumn22-last__recipe-area{
}
.autumn22-last__recipe-inner{
    padding: 30px;
}

.autumn22-last__recipe-item{
    margin-bottom: 3rem;
}
.autumn22-last__recipe-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.autumn22-last__recipe-col_left{
width: 50%;
}

.autumn22-last__recipe_right{
    width: 50%;
}
.autumn22-last__recipe-col_left__inner{
    padding-right: 9%;
    padding-left: 2%;
}
.autumn22-last__text{
    margin-bottom: 3rem;
}
.autumn22-last__recipe-text{
    line-height: 1.5;
    margin-bottom: 1rem;
}
.autumn22-recipe__card-board{
    position: relative;
}
.autumn22-recipe__card-link{
    display: block;
}
.autumn22-recipe__card-text-area{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 30px;
    width: 100%;
    text-align: center;
    text-decoration: underline;
    
}


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


/*---- **Snap** -----*/
.l-section__autumn22-p1{
    padding: 0 15px;
    margin-bottom: 4rem;
}
.autumn22-snap__board-base{
    position: relative;
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.autumn22-snap__text-area{
    position: relative;
    max-width: 100%;
    bottom: auto;
    right: auto;
    padding: 15px;
    margin-bottom: 1rem;
}
.autumn22-snap__stamp-area{
    position: absolute;
    bottom: -60px;
    right: 0;
}
.autumn22-snap__stamp{
    width: 100px;
}
.autumn22-snap__bg-area{
    padding-right: 10%;
}

/*---- **Point1** -----*/

.autumn22-p1__col-item_left{
    width: 100%;
}
.autumn22-p1__col-item_right{
    width: 100%;
}
.autumn22-p1__col-item_right__inner{
    padding: 0 ;
}
.autumn22-p1__img-area{
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.autumn22-p-title__label-main-heading{
    font-size: 1.3rem;
}
.autumn22-p-title__typo-heading{
    font-size: 2.2rem;
    margin-bottom: .5rem;
}
.autumn22-p-title__label-sub-text{
    font-size: 1.15rem;
}
/*---- **Movie** -----*/

.autumn22-tool__col-wrap{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}



/*---- **last** -----*/
.autumn22-last__text{
    margin-bottom: 1.5rem;
}
.autumn22-last__col-2_col{
    width: 100%;
    margin-bottom: 3rem;
}
.autumn22-last__col-item_left__inner{
    padding: 15px;
}
.autumn22-last__col-item_right_head-area{
    padding: 15px;
}
.autumn22-last__col-2_right{
    margin-bottom: 5rem;
}


}


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

    /*---- **Hero** -----*/
    .autumn22-hero__copy-area{
        position: absolute;
        right: 15px;
        left: auto;
        top: auto;
        bottom: 20px;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }
    .autumn22-hero__copy{
        font-size: 1.3rem;
        margin-bottom:.5rem;
    }
    .autumn22-hero__sub-copy{
        font-size: 1.3rem;
        letter-spacing: .1em;
    }

/*---- **Point title** -----*/
.autumn22-p-title__label-wrap{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.autumn22-p-title__typo-area{
    text-align: center;
}
.autumn22-p-title__label-sub-text{
    display: none;
}
.autumn22-p-title__label-sub-text__mobile{
    display: block;
}
/*---- **Tools** -----*/
.l-section__autumn22-tool{
    padding: 15px;
    margin-bottom: 2rem;
}
.autumn22-tool_sp-none{
    display: none;
}
.autumn22-ss-title__title_sp{
    text-align: left;
}
.autumn22-tool__col-item{
    width: 100%;
}
.autumn22-tool__col-item_left__inner{
    padding: 15px;
}
.autumn22-last__recipe-col_left{
    width: 100%;
}
.autumn22-last__recipe-col_left__inner{
    padding: 0 10%;
}

/*---- **Movie** -----*/
.autumn22-video {
    padding: 0 0 175%;
    }
/*---- **Recommend** -----*/
.l-section__autumn22-recommend{
    margin-bottom: 3rem;
}
.autumn22-recommend__inner{
    padding-left: 0;
    padding-right: 0;
}

/*---- **Point3** -----*/




}


/*--------------------------
   ##gift
------------------------------ */

/* ==== ###top ==== */
.l-section__gift-top{
    max-width: 1000px;
    margin-top: 40px;
    margin-bottom:80px;
}

/* ==== ###intro ==== */
.gift-message__img{
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 70px;
}
.l-section__gift-intro{
    margin-bottom: 110px;
}
.gift-intro .copy-straight__sub-copy{
    text-align: center;
    font-size: .85rem;
    margin-bottom: 10px;
}
.gift-intro .copy-straight__copy{
    letter-spacing: 0.1em;
    font-size: 1.5rem;
    margin-bottom: 45px;
}
.gift-intro .copy-straight__text{
    font-size: 1rem;
    text-align: center;
    margin-bottom: 40px;
}

/* ==== ###tea ==== */

.gift-tea .copy-block__copy{
    font-size: 1.5rem;
    line-height: 2;
    text-align: center;
    margin-bottom: 28px;
}
.gift-tea .copy-block__text_middle{
    font-size: 1.3rem;
}
.gift-tea .copy-block__text{
    margin-bottom: 40px;
}
.gift-tea .bl_primary-btn{
    width: 100%;
    text-align: center;
}
.gift-tea .bl_primary-btn::after{
    display: none;
}

/* ==== ###recommend ==== */
.gift-recommend__icon{
    padding: 15px 50px;
    margin-bottom: 15px;
}
.gift-recommend__text{
    color: #4F6F57;
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
}
.gift-recommend__arrow {
    width: 50px;
    margin: 40px auto 20px;
}

.column-list_gift-product .column-list__item-text-area{
    height: 90px;
    margin-bottom: 20px;
}


.column-list_gift-product .column-list__item-text{
    line-height: 1.5;
}

/* ==== ###pass ==== */


.l-section__gift-pass{
    max-width: 1000px;
}
.gift-pass .copy-block__copy{
    font-size: 1.5rem;
}

/* ==== ###word ==== */
.l-section__gift-word{
    background: #A9C7B1;
    max-width: 100%;
    margin-bottom: 110px;
}
.gift-word{
    max-width: 600px;
    margin: 0 auto;
}
.gift-word__inner{
    padding:90px 30px;
    text-align: center;
}
.gift-word__org-word{
    font-size: 1.3rem;
    margin-bottom: 45px;
    text-align: center;
}
.gift-word__js-word{
    text-align: center;
    line-height: 1.5;
}


/* ==== ###enve ==== */
.gift-enve .copy-block__copy{
    font-size: 2rem;
    line-height: 2;
    text-align: center;
    margin-bottom: 48px;
}
.gift-enve .copy-block__text{
    margin-bottom: 40px;
}
.gift-enve .bl_primary-btn{
    width: 100%;
    text-align: center;
}
.gift-enve .bl_primary-btn::after{
    display: none;
}


/* ==== ###plist ==== */
.l-section__gift-plist{
    max-width: 1400px;
}
.l-section__gift-plist .column-list__item-title{
    /* text-decoration: underline; */
}

/* ==== ###wrapping==== */
.gift-wrapping__product-list__heading{
    margin-bottom: 20px;
}
.gift-ga__title{
    text-align: center;
    font-weight: 700;
    margin-bottom: 60px;
}
.gift-ga__top-img-wrap{
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.gift-ga__text{
    text-align: center;
    margin-bottom: 50px;
}
.gift-ga__list9-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.gift-ga__list9-item{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}

.gift-ga__list9-wrap .gift-ga__list9-item:nth-of-type(3n){
    margin-right: 0;
}

/* ==== ### gift intro ==== */
.tea-gift__copy-straight__copy{
    font-size: 2rem;
}
.tea-gift__copy-straight__sub-copy{
    text-align: center;
    margin-bottom: 10px;
}
.gift__copy-straight__text{
    text-align: center;
    font-size: 1.25rem;
    margin-bottom: 30px;

}
/* ==== ###step ==== */
.gift-step__center-img-area{
    max-width: 580px;
    width: 80%;
    margin: 0 auto;
}
.gift-step__title-area{
    margin-top: 90px;
    margin-bottom: 30px;
}
.gift-step__title{
    font-size: 2rem;
    text-align: center;
    line-height: 1.8;
    font-weight: 500;
    
    margin-bottom: 60px;
}
.gift-step__title span{
    /* margin-bottom: 20px; */
}
.gift-step__btn{
    display: block;
    margin:  0 auto;
}
.gift-step__copy-block__copy{
    margin-bottom: 35px;
}
.gift-step__copy-block__wrap_alcenter{
    background: #FCFCFC;
}
.gift-step__copy-block__col_right{
    margin-bottom: 0;
}
.gift-step__gift-tea{
    margin-bottom: 50px;
}
.gift-step__gift-tea_last{
    border-bottom: 1px solid #C7C7C7;
}
.l-section__gift-step-3{
    margin-bottom: 120px;
}
/* ==== ### step 2 product ==== */
.tea-step__bl_scroll-list_title{
    font-size: 1.05rem;
}
.tea-step__bl_scroll-list_text{
    font-size: 1rem;
}
.tea-step__bl_scroll-list_summary{
    margin-top: 20px;
}
/* ==== ###step 4 finish ==== */
.l-section__gift-step-4{
    margin-bottom: 110px;
}
.tea-gift__finish-img-area{
    max-width: 580px;
    width: 90%;
    margin: 0 auto;
}
.gift-step_finish__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.gift-step_finish__item{
    width: 49%;
    margin-right: 2%;
}
.gift-step_finish__wrap .gift-step_finish__item:last-child{
    margin-right: 0;
}
.letter-enve__inner{
    padding: 80px 0;
   
    border-bottom: 1px solid #C7C7C7;
}


@media screen and (max-width: 1225px) {
    .column-list_gift-product .column-list__item-text-area {
        height: 110px;
    }

}
@media screen and (max-width: 850px) {
    .column-list_gift-product .column-list__item-text-area {
        height: 140px;
    }
}

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

/* ==== ###top ==== */
.l-section__gift-top{
    max-width: 1000px;
    margin-top: 0;
    margin-bottom: 80px;
}
.gift-message__img{
    margin-bottom: 40px;
}

/* ==== ###intro ==== */

.gift-intro .copy-straight__text{
    font-size: 1rem;
    text-align: left;
    margin-bottom: 20px;
}

/* ==== ###amb ==== */
.l-section__gift-amb{
    margin-bottom: 60px;
}

.gift-amb__inner{
    padding-left: 5%;
}

/* ==== ###tea ==== */
.l-section__gift-tea{
    margin-bottom: 80px;
}
.gift-tea .copy-block__copy{
    font-size: 1.4rem;
    margin-bottom: 18px;
}
.gift-tea .copy-block__col_2{
    margin-bottom: 15px;
}
.gift-tea .copy-block__text_middle {
    font-size: 1.2rem;
}
.gift-tea .copy-block__text_small {
    font-size: 1.15rem;
}
.gift-tea .copy-block__text{
    margin-bottom: 28px;
}
/* ==== ###recommend ==== */
.column-list_gift-product .column-list__heading{
    font-size: 1.3rem;
    text-align: center;
    font-weight: 500;
    margin: 40px 0;
}
.column-list_icon{
    margin-bottom: 80px;
}
.gift-recommend__icon {
    padding: 5px;
    margin-bottom: 15px;
}
.gift-recommend__text {
    text-align: left;
}
.column-list_gift-product .column-list__item-title{
    font-size: 1.2rem;
}
.column-list_gift-product .column-list__item-price{
    font-size: 1.1rem;
}
.recommend_link_anker{

}


/* ==== ###pass ==== */
.column-list_gift-product .column-list__item{
    width: 100%;
    margin: 0 0 80px;
}
.column-list_gift-product .column-list__item-text-area {
    height: auto;
    margin-bottom: 20px;

}

.gift-pass .copy-block__col_right{
    margin-bottom: 20px;
}
.gift-pass .hougi-diy__copy-block{
    margin-bottom: 0px;
}
.gift-pass .copy-block__col_right{
    padding-right: 5%;
}
/* ==== ###word ==== */
.l-section__gift-word{
    margin-bottom: 90px;
}
.gift-word__inner{
    padding:60px 5%;
}

.gift-word__org-word{
    font-size: 1rem;
    text-align: left;
    margin-bottom: 30px;
}
.gift-word__js-word{
    font-size: .9rem;
    text-align:left;
}


/* ==== ###enve ==== */
.gift-enve .copy-block__col_right{
    margin-bottom: 30px;
}
.gift-enve .copy-block__copy{
    text-align: center;
    margin-bottom: 26px;
}

/* ==== ###plist ==== */
.l-section__gift-plist .bl_scroll-list_title{
    text-decoration: underline;
}


.gift_scroll-list .bl_scroll-list_title{
    font-size: 1.2rem;
}
.gift_scroll-list .bl_scroll-list_text{
    font-size: 1.1rem;
}

/* ==== ###wrapping ==== */

.gift-wrapping__product-list__heading{
    font-size: 1.2rem;
    padding: 0 5%;
    margin-bottom: 30px;
}
.gift-ga__title{
    font-size: 1.4rem;
    margin-bottom: 30px;
}
.gift-ga__top-img-wrap{
    margin-bottom: 20px;
}
.gift-ga__text{
    text-align: left;
    margin-bottom: 30px;
    padding:0 5%;
}
.gift-ga__list-area{
    padding: 0 5%;
}
.gift-ga__list-top{
    margin-bottom: 20px;
}

.gift-ga__list8-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.gift-ga__list8-wrap .gift-ga__list-item{
    width: 48%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.gift-ga__list8-wrap .gift-ga__list-item:nth-of-type(2n){
    margin-right: 0;
}
.divider_mobile{
    width: 90%;
    margin:  2rem auto 2rem;
}

.l-section__gift-facade_mobile{
    margin-top: 100px;
}
.gift-facade_mobile__wrap{
    position: relative;
}
.gift-facade_mobile__text{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    font-size: 1.25rem;
    line-height: 2;
    color: #fff;

}
/* ==== ###tea gift copy  SP==== */
.tea-gift__copy-straight__copy{
    margin-bottom: 40px;
}
.gift__copy-straight__text{
    font-size: 1rem;
    text-align: left;
}
/* ==== ###step  SP==== */
.gift-step__title-area{
    margin-top: 50px;
}
.gift-step__title{
    font-size: 1.4rem;
    margin-top: 40px;
    margin-bottom: 30px;
}
/* ==== ###Step4 Finish SP ==== */
.l-section__gift-step-4{
    margin-bottom: 50px;
}
.letter-enve__inner{
    padding-top: 30px;
}
.gift-step_finish__item{
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
}
.gift-env__copy-block__copy{
    font-size: 1.3rem;
    text-decoration: underline;
}

}

/*--------------------------
   ##Leaf Academy
------------------------------ */


/*----- title ------*/
.la-section__sub-title{
    font-size: 1rem;
    font-weight: 700;
    margin-top: 75px;
    margin-bottom: 5px;
    text-align: center;
}
.la-section__title{
    font-size: 1.4rem;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}
.l-section__la{
    margin-bottom: 60px;
}



/*----- la-about ------*/
.la-about__img-area{
    margin-bottom: 40px;
}
.la-about__text-area{
    max-width: 800px;
    margin: 0 auto;
}

/*----- la-workshop ------*/


.l-section__la-workshop{
    border-top: 1px solid #EFEFEF;
}
.la-section__sub-title__workshop{
    text-align: left;
    margin-top: 3rem;
}
.la-section__title__workshop{
    text-align: left;
    margin-bottom: 4rem;
}
.wk-btn__area{
    display: none;
}
.bl_btn.wk-btn__btn{
    width: 100%;
    padding: 10px 15px;
    margin-top: 14px;
}
.wk-btn__btn_co_grenn{
    background-color: #FBFFFC;
    border-color: #59D161;
}
.wk-btn__btn_co_blue{
    background-color: #FBFDFF;
    border-color: #5962D1;
}
.wk-btn__btn_co_brown{
    border: 1px solid #D1A359;
    background-color: #FFFEFB; 
}

.wk-card-list{
    /* max-width: 800px; */
    margin: 0 auto;
    margin-bottom: 2rem;
}
.wk-card-list__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.wk-card__base{
    position: relative;
    height: 100%;
}

.wk-card__target{
    height: 40px;
}
.wk-card{
    width: 49%;
    
    margin-bottom: 30px;
    margin-right: 2%;
    
}
.wk-card__c_green{
    border: 1px solid #59D161;
    background-color: #FBFFFC;
}
.wk-card__c_blue{
    border: 1px solid #5962D1;
    background-color: #FBFDFF; 
}
.wk-card__c_brown{
    border: 1px solid #D1A359;
    background-color: #FFFEFB; 
}
.wk-card:nth-child(2n){
    margin-right: 0;
}
.wk-card__inner{
    /* position: relative; */
    height: 100%;
    padding: 50px 45px 90px;
}

.wk-card__img-block{
    margin-bottom: 2.5rem;
}
.wk-card__meta-block{
    margin-bottom: 1.5rem;
}
.wk-card__meta-info{
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.wk-card__title{
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 700;
}
.wk-card__sub-title{
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .5rem;
}
.wk-card__contents-block{
    margin-bottom: 1.5rem;
}
.wk-card__contents-text{
    margin-bottom: 1rem;
}
.wk-card__text-list{
    margin-bottom: 1rem;
    padding-left: 15px;
}
.wk-card__text-list > li{
    list-style: disc;
}
.wk-card__btn-block{
    position: absolute;
    /* width: 100%; */
    /* top: 100%; */
    bottom:  -75px;
    left: 0px;
}
.wk-card__btn{
    display: inline-block;
    margin-bottom: 1rem;
    border-radius: 10px;
    border: 1px solid #707070;
    padding: 10px 15px;
    text-align: center;
    font-weight: 700;
    width: 276px;
    -webkit-transition: color .35s, background-color .35s;
    -o-transition: color .35s, background-color .35s;
    transition: color .35s, background-color .35s;
}
.wk-card__btn:hover{
    color: #fff;
    background-color: #212121;
}

/*----- la modal------*/
.modal__content__inner_wk{
    height: 100%;
    padding-bottom: 0;
    padding-top: 50px;
}
.modal-wk{
    height: 100%;
}
.modal-wk__inner{
    height: 100%;
}
.modal-wk__wrap{
    height: 100%;
}
.modal__bg_wk{
    background-color: #fff;
}
.modal__content_wk{
    max-width: 100%;
    width: 100%;
}
.modal-wk__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.modal-wk__block{
    width: 50%;
}
.modal-wk__block_right{
    height: 100%;
    overflow: scroll;
}
.modal-wk__title{
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 700;
    margin: 1.5rem 0;
    margin-bottom: 3rem;
}
.modal-wk__block_right__inner{
    padding: 0 16%;
}
.modal-wk__icon-area{
    margin-top: 1rem;
}
.modal-wk__regi-btn{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.wk-card__btn_modal{
    width: 100%;
}
.modal__close_btn-area_wk{
    top: 15px;
    right: 40px;
}
.modal__close__btn_wk {
    width: 40px;
    height: 25px;
}

/*----- la-new-card------*/

.wk-new-card__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-grid-row-align: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
}
.wk-new-card__card{
    width: 32%;
    margin-right: 2%;
    padding-bottom: .9rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid #CCCCCC;
}
.wk-new-card__wrap .wk-new-card__card:nth-of-type(3n){
    margin-right: 0;
}

.wk-new-card__card-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.wk-new-card__img-area{
    margin-bottom: 1.5rem;
}
.wk-new-card__title-area{
    margin-bottom: 1.7rem;
}
.wk-new-card__title{
    font-size: 1.3rem;
    line-height: 1.5;
    font-weight: 700;
}
.wk-new-card__text-area{
    margin-bottom: 2.5rem;
}
.wk-new-card__icon-area{
    margin-bottom:1.5rem;
}
.wk-new-card__icon-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.wk-new-card__icon-item{
    border-right: 1px solid #CCCCCC;
    margin-right: 16px;
    padding-right: 16px;
    margin-bottom: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.wk-new-card__icon-wrap .wk-new-card__icon-item:last-child{
    border: none;
    margin-right: 0;
    padding-right: 0;
}
.wk-new-card__icon{
    display: inline-block;
    width: 20px;
    height: auto;
    margin-right: 14px;
}
.wk-new-card__icon_level{
    width: 20px;
}
.wk-new-card__icon_time{
    width: 15px;
}
.wk-new-card__icon_price{
    width: 20px;
}
.wk-new-card__icon-text{
    font-size: .9rem;
    font-weight: 700;
    color: #6C6C6C;
}

.wk-new-card__btn-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.wk-card__btn__new{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1rem;
    color: #212121;
    background-color: #fff;
}
.wk-new-card__btn-area .wk-card__btn__new:last-child{
    margin-right: 0;
}





/*----- la-student------*/
.l-section__la-student{
    background-color: #FCFCFC;
    padding: 4rem 0;
}
.la-student__inner{
    max-width: 1400px;
    padding:0 15px ;
    margin: 0 auto;
}
.la-student__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.la-student__img-area{
    width: 50%;
}
.la-student__text-area{
    width: 50%;
}
.la-student__img-inner{
    padding: 0 20% ;
}
.la-student__text-inner{
    padding-right: 20%;
}
.la-student__img-line{
    /* padding: 70px 30px;
    border-radius: 30px;
    border: 1px solid #858585;
    background-color: #fff; */
}
.la-student__bl_column-body > *:last-child{
    margin-bottom: 0;
}
.la-student__bl_column-body .bl_column-body__sub-title {
    font-size: .9rem;
    font-weight: 700;
    margin-bottom: 0;
}
.la-student__bl_column-body .bl_column-body__title {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 1rem;
    /* letter-spacing: 1.6px; */
}
.la-student__bl_column-body .bl_colum-body__text{
    margin-bottom: 1rem;
}
.la-student__bl_column-body .bl_colum-body__bold{
    font-weight: 700;
}
/*----- la-podcast ------*/

.la-about__podcast-area{
    margin-bottom: 2rem;
}
.la-podcast-btn-area{
    margin-bottom: 4rem;
}
/*----- la-podcast footer ------*/

@media screen and (max-width: 950px) {
    .wk-card__title{
        font-size: 1.5rem;
    }

    .wk-new-card__card{
        width: 49%;
        margin-right: 2%;
        padding-bottom: 0;
        margin-bottom: 2.5rem;
    }
    .wk-new-card__wrap .wk-new-card__card:nth-of-type(3n){
        margin-right: 2%;
    }
    .wk-new-card__wrap .wk-new-card__card:nth-of-type(2n){
        margin-right: 0;
    }
    .modal__content__inner_wk{
        padding-right: 0;
        padding-left: 0%;
    }
    .modal-wk {
        height: 100%;
        overflow: scroll;
        padding:  0 0px;
    }
    .modal-wk__block{
        width: 100%;
        height: auto;
        overflow: auto;
    }

}

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

/*----- la-about ------*/

/*----- la-workshop ------*/
.wk-btn__area{
    display: block;
}
.wk-card__target{
    height: 80px;
}
.wk-card__inner{
    padding: 20px 15px 70px;
}
.wk-card__btn-block{
    text-align: center;
    width: 100%;
    bottom:  -40px;
    left: 0px;
}
.wk-card{
    width: 100%;
    margin-right: 0;
    margin-bottom: 85px;
}
.wk-card__title{
    font-size: 1.6rem;
}
.wk-card__sub-title{
    margin-bottom: 0;
}
.wk-card__contents-text{
    margin-bottom: 2rem;
}
.wk-card__btn{
    display: block;
    margin: 0 auto 1rem;
    /* margin:  2rem auto 1rem; */
}

/*----- new-card ------*/
.la-section__sub-title__workshop{
    text-align: center;
}
.la-section__title__workshop{
    text-align: center;
    
}
.wk-new-card__card{
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 1.5rem;
}

.wk-new-card__img-area{
    margin-bottom: 1rem;
}
.wk-new-card__title-area{
    margin-bottom: 1rem;
}
.wk-new-card__text-area {
    margin-bottom: 1.2rem;
}

.wk-new-card__icon{
    margin-right: 10px;
}
.wk-new-card__icon-item{
    margin-right: 10px;
    padding-right: 10px;
}
.wk-new-card__icon_level{
    width: 16.3px;
}
.wk-new-card__icon_time{
    width: 12.3px;
}
.wk-new-card__icon_price{
    width: 16.7px;
}

.wk-card__btn__new{
    width: 47%;
    margin-right: 6%;
    font-size: .9rem;
    padding-top: 8px;
    padding-bottom: 8px;
}
.wk-new-card__icon-area{
    margin-bottom: 1rem;
}
.modal__content__inner_wk{
    padding-right: 0;
    padding-left: 0%;
}
.modal-wk {
    height: 100%;
    overflow: scroll;
    padding:  0 0px;
}

.modal-wk__block{
    width: 100%;
    height: auto;
    overflow: auto;
}
.modal-wk__title{
    font-size: 1.4rem;
    
    margin: 1rem 0;
    margin-bottom: 2rem;
}

.modal-wk__block_right__inner{
    padding: 20px 15px;
}
.modal__close_btn-area_wk{
    top: 15px;
    right: 15px;
}

/*----- la-student ------*/
.l-section__la-student{
    padding-bottom: 0;
}

.la-student__img-area{
    width: 100%;
    padding: 0 15px;
    margin-bottom: 2rem;
}
.la-student__text-area{
    width: 100%;
}
.la-student__img-inner{
    padding: 0  ;
}
.la-student__text-inner{
    padding-right: 0;
}

.la-student__bl_column-body .bl_column-body__sub-title {
    text-align: center;
    margin-bottom: .5rem;
}
.la-student__bl_column-body .bl_column-body__title {
    text-align: center;
    margin-bottom: 1.5rem;
}  


/*----- la-podcast ------*/
/*----- la-podcast footer ------*/

}

/*--------------------------
   ##Looftop
------------------------------ */

.l-section_looftop-main{
    max-width: 100%;
    padding: 0;
}
.looftop-main{
    position: relative;
    width: 100%;
    /* height: 300px; */
    margin-top: 90px;
}
.looftop-center{
    /* position: absolute;
    top: 180px;
    left: 50%;
    transform: translate(-50%,0); */
    padding-top: 180px;
    padding-bottom: 250px;
    padding-right: 15px;
    padding-left: 15px;
    background-size: cover;
    background-repeat: no-repeat; 
}
.looftop__sky{
    /* height: 150vh;
    background-size: cover;
    background-repeat: no-repeat; */
}
.looftop__title-area{
    text-align: center;
}

.looftop__title{
    font-size: 3.875rem;
    font-family: georgiapro, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #585858;
    margin-bottom: 6.25rem;
}
.looftop__img-area{
    max-width: 460px;
    margin:  0 auto 5.5rem;
}
.looftop__text-area{
    text-align: center;
    margin-bottom: 4.5rem;
}
.looftop__top-copy{
    font-size: 1.9rem;
    font-weight: 700;
    color: #333333;
    margin-bottom: 6.5rem;
}
.looftop-divide{
    width: 80%;
    max-width: 350px;
    height: 1px;
    background-color: #A39F9F;
    margin: 2rem auto 7rem;
}
.looftop__pr-name{
    font-size: 1.6875rem;
    font-weight: 700;
    color: #5A5A5A;
    margin-bottom: 2.5rem;
}
.looftop__price{
    font-size: 1.375rem;
    color: #5A5A5A;
    margin-bottom: 3rem;
}
.looftop__text{

}
.looftop__link{

}
.looftop__button-area{
    text-align: center;
}
.btn_looftop{
    max-width: 530px;
    width: 100%;
    padding:  20px 15px;
}
.btn_looftop::after{
    display: none;
}
.fn_g{
    font-family: georgiapro, sans-serif;
    font-weight: 400;
    font-style: normal; 
}


@media screen and (max-width: 750px) {
    .looftop-main{
        margin-top: 82px;
    }
    .looftop-center{
        padding-top: 80px;
        padding-bottom: 300px;
    }
    .looftop__img-area{
        max-width: 300px;
        margin-bottom: 2.6rem;
    }
    .looftop__title{
        font-size:  2rem;
        line-height: 1.5;
        margin-bottom: 2.6rem;
    }
    .looftop__top-copy{
        font-size: 1.2rem;
        margin-bottom: 6.5rem;
    }
    .looftop__pr-name{
        font-size: 1.3rem;
        margin-bottom: 2rem;
    }
    .looftop__price{
        font-size: 1.1rem;
        margin-bottom: 1.8rem;
    }
    .looftop-divide{
        max-width: 150px;
        margin-bottom: 6rem;
    }
}
/*--------------------------
   ##winter 22
------------------------------ */


/*----- layout ------*/

.mcc__center{
    position: relative;
    width: 100vw;
    max-width: 594px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    border: 3px solid #725169;
    background-color: #fff;
    margin-top: 94px;
}
.mcc__bg{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    background-size: contain;
}
.mcc__bg-wrap{
    position: relative;
}
.mcc__bg-wide{
    position: relative;
    height: 509px;
}
.mcc__bg-item{
    position: absolute;
    width: calc(50% - 297px);
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-animation: loopAnime 50s linear infinite;
      animation: loopAnime 50s linear infinite;
}
.mcc__bg-item_left{
 
    right: calc(50% + 297px);
    background-position-x: right;
}
.mcc__bg-item_right{
    
    left: calc(50% + 297px);
    background-position-x: left;
}

@-webkit-keyframes loopAnime {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    100% {
      -webkit-transform: translate3d(0, -509px, 0);
              transform: translate3d(0, -509px, 0); } }

@keyframes loopAnime {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    100% {
      -webkit-transform: translate3d(0, -509px, 0);
              transform: translate3d(0, -509px, 0); } }

.f_sketch{
    font-family: sketchnote-square, sans-serif;
font-weight: 400;
font-style: normal;

}
.w22-btn{
    display: block;
    text-align: center;
    padding: 30px 30px;
    width: 100%;
    max-width: 440px;
    background-color:  #725169;
    border-radius: 30px;
    color: #fff;
    margin: 0 auto;
    font-size: 1.35rem;
}
.w22__contents{
    color: #725169;
    
}

.w22-top__hero-base{
    position: relative;
}
.w22-top__hero-text-wrap{
    position: absolute;
    top: 40px;
    left: 30px;
}
.w22-top__hero-text{
    color: #fff;
    font-size: 4.3rem;
    line-height: 1.2;
}
.w22-top__text{
    text-align: center;
    line-height: 1.6;
}
.w22-top__btn-area{
    width: 90%;
    margin: 4rem auto 4.5rem;
}
.w22-top__btn-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.w22-top__btn{
    width: 125px;
    text-align: center;
}
.w22-top__btn-text{
    font-weight: 700;
    margin-top: 2.5rem;
    
}
.w22-top__ch{
    position: absolute;
    width: 65px;
    height: auto;
}
.w22-top__ch_left{
    bottom: 180px;
    left: 10px;
}
.w22-top__ch_right{
    top: 100px;
    right: 60px;
}
.w22-top__ch_snow_1{
    width: 43px;
    left: 30px;
    bottom: 330px;
}
.w22-top__ch_snow_2{
    width: 44px;
    bottom: 200px;
    right: 20px;
}
.w22-top__ch_snow_3{
    bottom: 500px;
    right: 20px;
}
.w22-top__anime{
    -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
            transform-origin: center bottom;
   
}
.w22-top__anime_1{
    -webkit-animation: fuwafuwa1 2.8s ease-in-out infinite;
            animation: fuwafuwa1 2.8s ease-in-out infinite;
}
.w22-top__anime_2{
    -webkit-animation: fuwafuwa2 3s ease-in-out infinite;
            animation: fuwafuwa2 3s ease-in-out infinite;
}
.w22-top__anime_3{
    -webkit-animation: fuwafuwa2 3s ease-in-out infinite;
            animation: fuwafuwa2 3s ease-in-out infinite;
}
.w22-top__anime_4{
    -webkit-animation: fuwafuwa1 3s ease-in-out infinite;
            animation: fuwafuwa1 3s ease-in-out infinite;
}
.w22-top__anime_5{
    -webkit-animation: fuwafuwa2 2.5s ease-in-out infinite;
            animation: fuwafuwa2 2.5s ease-in-out infinite;
}

@-webkit-keyframes chAnime1 {
  0% , 100%{
      -webkit-transform: rotate(15deg);
              transform: rotate(15deg);
  }
  50%{
      -webkit-transform: rotate(-15deg);
              transform: rotate(-15deg);
  }
}
@keyframes chAnime1 {
    0% , 100%{
        -webkit-transform: rotate(15deg);
                transform: rotate(15deg);
    }
    50%{
        -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg);
    }
  }


@-webkit-keyframes chAnime2 {
    0% , 100%{
        -webkit-transform: rotate(25deg);
                transform: rotate(25deg);
    }
    50%{
        -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg);
    }
  }
  
@keyframes chAnime2 {
  0% , 100%{
      -webkit-transform: rotate(25deg);
              transform: rotate(25deg);
  }
  50%{
      -webkit-transform: rotate(-10deg);
              transform: rotate(-10deg);
  }
}

@-webkit-keyframes fuwafuwa1 {
    0% ,100%{
      -webkit-transform:translate(0, 0) rotate(-9deg);
              transform:translate(0, 0) rotate(-9deg);
    }
    50% {
      -webkit-transform:translate(0, -7px) rotate(0deg);
              transform:translate(0, -7px) rotate(0deg);
    }
  
  }
   
@keyframes fuwafuwa1 {
    0%, 100% {
      -webkit-transform:translate(0, 0) rotate(-9deg);
              transform:translate(0, 0) rotate(-9deg);
    }
    50% {
      -webkit-transform:translate(0, -7px) rotate(0deg);
              transform:translate(0, -7px) rotate(0deg);
    }
 
  }
  @-webkit-keyframes fuwafuwa2 {
    0%, 100% {
      -webkit-transform:translate(0, 0) rotate(-10deg);
              transform:translate(0, 0) rotate(-10deg);
    }
    50% {
      -webkit-transform:translate(0, -8px) rotate(0deg);
              transform:translate(0, -8px) rotate(0deg);
    }
   
  }
   
@keyframes fuwafuwa2 {
    0%, 100% {
      -webkit-transform:translate(0, 0) rotate(-10deg);
              transform:translate(0, 0) rotate(-10deg);
    }
    50% {
      -webkit-transform:translate(0, -8px) rotate(0deg);
              transform:translate(0, -8px) rotate(0deg);
    }
  
  }
   

 



/*----- section ------*/
.w22-section{
    margin-bottom: 4.5rem;
}
.w22-title__area{
    background-color: #E6E1DE;
}
.w22-title__inner{
    padding: 15px;
}
.w22-title__title {
    font-size: 3.25rem;
    line-height: 1.5;
    color: #725169;
    text-align: center;
}
.w22-title__sub-title{
    font-size: 1.35rem;
    font-weight: 700;
    text-align: center;
    color: #725169;
}
.w22-copy__area{
    margin-bottom: 3rem;
}



/*----- item ------*/
.w22-item__area{
    padding: 0 25px;
   
}
.w22-item{
    padding: 2rem 0 3.5rem;
   
    /* border-top: 1px solid #582F10; */
    border-bottom: 1px solid #582F10;
}
.w22-item_no-border{
    border: none;
}
.w22-item_first{
    border-top: 1px solid #582F10; 
}
.w22-item__sec-title {
    font-size: 2.4rem;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1rem;
}
.w22-item__sec-title_big{
    font-size: 2.75rem;
}
.w22-item__sec-sub-title{
    font-size: 1.35rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.5rem;
}

.w22-item__img-area{
    margin-bottom: 2rem;
}
.w22-item__img-inner{
    border: 1px solid #725169;
    background-color: #E6E1DE;
    border-radius: 5px;
    padding: 40px 30px;
}

.w22-item__item-title{
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
   margin-bottom: 1rem;
}
.w22-item__item-price{
    font-size: 1.375rem;
    text-align: center;
    margin-bottom: 2rem;
}
.w22-item__item-text{
    display: block;
    max-width: 460px;
    margin: 0 auto;
    margin-bottom: 2.5rem;
}
.w22-item__item-text__mb-big{
    margin-bottom: 3.5rem;
}

.w22-item__img-inner__sand{
    padding: 20px 30px 20px;
}

.w22-item__img__sand{
    max-width: 330px;
    margin: 0 auto;
    display: block;
}
.w22-item__img-inner__recommend{
    padding: 50px 40px;
}


@media screen and (max-width: 750px) {
    .mcc__center{
        border: none;
        margin-top: 0;
    }
    .w22-top__hero-text-wrap{
        top: 10px;
    }
    .w22-top__ch{
        width: 50px;
    }
    .w22-top__ch_left{
        bottom: 120px;
        left: 18px;
    
    }
    .w22-top__ch_right{
        top: 70px;
        right: 16px;
    }
    .w22-top__ch_snow_1{
        bottom: 240px;
    width: 43px;
    }
    .w22-top__ch_snow_2{
        bottom: 115px;
        width: 40px;
        right: 15px;
    }
    .w22-top__ch_snow_3{
        bottom: 300px;
        width: 44px;
    }
    .w22-top__text{
        width: 92%;
        margin: 0 auto;
    }
    .w22-top__btn {
        width: 30%;
        text-align: center;
    }
    .w22-top__btn-text{
        font-size: .9rem;
    }
    .w22-top__btn-area {
        width: 100%;
        margin: 4rem auto 4.5rem;
    }
    .w22-title__title{
        font-size: 2.4rem;
    }
    .w22-title__sub-title {
        font-size: 1.2rem;
    }
    .w22-item__img-inner__sand{
        padding: 0px 30px 20px;
    }
    .w22-item__img__sand {
        max-width: 100%;
    }
    .w22-item__sec-title{
        font-size: 2rem;
    }
    .w22-item_recommend .w22-item__sec-title{
        font-size: 1.7rem;
        margin-bottom: .5rem;
    }
    
    .w22-item__sec-sub-title{
        font-size: 1rem;
    }
    .w22-item__item-title{
        margin-bottom: .5rem;
    }
    .w22-item__item-price{
        margin-bottom: 1rem;
    }
    
    .w22-item__item-text{
        width: 90%;
        margin-bottom: 1rem;
    }
    .w22-item__item-text__mb-big{
        margin-bottom: 1rem;
    }
    .w22-btn{
        font-size: 1rem;
        padding: 16px 30px;
    width: 90%;
    }

}
/*--------------------------
   ##Spring 23
------------------------------ */

.f_flood{
    font-family:"flood-std", "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
    font-weight: 400;
    font-style: normal;
}

.mcc-23s__center{
    position: relative;
    width: 100vw;
    max-width: 594px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    /* border: 3px solid #725169; */
    /* background-color: #fff; */
    margin-top: 24px;
}
.mcc-23s__bg{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* z-index: 1; */
    overflow: hidden;
    background-size: cover;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: -1;
}
.show.mcc-23s__bg {
    opacity: 1;
}

.mcc-23s__fix-left{
    position: fixed;
    top: 60%;
    left: calc(((100% - 594px) / 2)/3);
    /* background: red; */
    z-index: 2;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.mcc-23s__fix-right{
    position: fixed;
    top: 60%;
    right: calc(((100% - 594px) / 2)/3);
    /* background: red; */
    z-index: 2;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.s23__main-title{
    font-size: 8rem;
    color: #fff;
    line-height: 1.2;
    font-size: calc(1rem + 4vw);
}
.s23__nav-title{
    font-size: 3.125rem;
    color: #fff;
    margin-bottom: 4rem;
    line-height: 1.2;
    font-size: calc(1rem + 1.5vw);
}
.s23__nav-item{
    font-size: 3.125rem;
    color: #fff;
    margin-bottom: 2rem;
    line-height: 1.2; 
    font-size: calc(1rem + 1.5vw);
    cursor: pointer;
}
.s23__nav-item:hover{
    text-decoration: underline;
}
.s23-section{
    /* padding: 0 20px; */
}

.s23-section__top{
    padding: 0;
}
.s23-section__recommend{
    padding:  0 20px;
}

.s23-hero__layer{
    position: relative;
}
.s23-hero__upper{
    position: absolute;
    width: 100%;
    bottom: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.s23-top-text{
    background-color: #E8BCDC59;
}
.s23-top-text__inner{
    padding:3rem 30px;
}
.s23-top-text__title{
    font-size: 1.75rem;
    text-align: center;
    margin-bottom: 4rem;
}
.s23-top-text__text{
    text-align: center;
}
.s23__page-title{
    color: #fff;
}
.s23__nav-title{
    color: #fff;
}
.s23__nav-item{
    color: #fff;
}
.s23-hero__text-block{
    width: 60%;
    margin: 0 auto;
}
.s23-hero__title{
    color: #fff;
    font-size: 2rem;
    margin-bottom: 3rem;
    line-height: 1.1;
    /* text-align: center; */
}
.s23-section{
    margin-bottom: 4rem;
}
.s23-section_no-bottom{
    margin-bottom: 0;
}
.s23-section__number{
    margin-bottom: 4rem;
}
.s23-section__start{
    margin-top: 170px;
}
@media screen and (max-width: 750px) {
    .s23-section__start{
        margin-top: 80px;
    }
}
.s23-slash__wrap{
    position: relative;
    margin-top: 100px;
}
.s23-slash-area{
    position: absolute;
    top: -90px;
    left: 30px;
    -webkit-transform: rotate(348deg);
        -ms-transform: rotate(348deg);
            transform: rotate(348deg);
    z-index: 2;
}
.s23-slash-text{
    font-size: 4.5rem;
    line-height: 1;
    color: #fff;
}
.s23-hero__text{
    font-size: 1.125rem;
    line-height: 1.3;
    color: #fff;
}
.s23-s-text-area{
    padding: 0 16px;
}
.s23-s-text{
    font-size: 1.125rem;
    color: #2F2F2F;
}
.s23-s__anm-title-area > img{
    margin-top: -68px;
}
.s23-s-img-area{
    position: relative;
    margin-bottom: 1rem;
}
.s23-s__anm-title-area{
    position: absolute;
    bottom: 20px;
    z-index: 3;
}
.s23-s__anm-title-area_right{
    right: 0;
}
.s23-s__anm-title-area_left{
    left: 30px;
}
.s23-s__anm-title {
    font-size: 3rem;
    line-height: 1;
    color: #fff;
}

.s23-s_leaf-box{
    margin-top: -89px;
    position: relative;
}

/* spring23 recommend card  */
.s23-recommend__card{
    background-color: #FFF4E5;
    padding: 50px 5% 70px;
    position: relative;
}

.s23-recommend__tea-img-area{
    margin-bottom: 1rem;

}
.s23-recommend__sub-img-area{
    position: relative;
    margin-bottom: 100px;
}
.s23-recommend__sub-tea{
    max-width: 200px;
    margin-left: 40px;
}
.s23-recommend__sub-eye{
    position: absolute;
    top: -34px;
    right: -25px;
    max-width: 320px;
}
.s23-recommend__sub-eye_mobile{
    display: none;
}
.s23-recommend__p-name{
    text-align: center;
    font-size: 1.25rem;
    letter-spacing: .1em;
    margin-bottom: 1rem;
}
.s23-recommend__p-price{
    text-align: center;
    font-size: 1.125rem;
    margin-bottom: 2rem;
}
.s23-recommend__p-text{
    margin-bottom: 2rem;
}
.s23-recommend__p-btn{
    font-size: 1.125rem;
    border: 1px solid #707070;
    padding: 1.2em 1em;
    display: block;
    width: 80%;
    border-radius: 28px;
    text-align: center;
    margin: 0 auto;
    font-weight: 700;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.s23-recommend__p-btn:hover{
    background-color: #000;
    color: #fff;
}
/* #s23 Recipe  */
.s23-recipe__box{
    margin-top: 140px;
    padding: 50px 20px 70px; 
    background-color: #C9AE8B;
    position: relative;
}
.s23-recipe__clip{
    position: absolute;
    top: -60px;
    right: 30px;
    width: 65px;
}
.s23-recipe__item{
    color: #fff;
    margin-bottom: 3rem;
}
.s23-recipe__title-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    margin-bottom: 1.5rem;
    line-height: 1;
}
.s23-recipe__title-area_arrange{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}

.s23-recipe__title{
    font-size: 3.5rem;
    color: #fff;
    letter-spacing: .1em;
    line-height: 1;
}

.s23-recipe__label{
    font-size: 2.5rem;
    color: #1B7302;
}
.s23-recipe__label_arrange{
    color: #fff;
}
.s23-recipe__dsc-area{
    margin-bottom: 1rem;
}
.s23-recipe__img-area{
    margin-bottom: 2rem;
}
.s23-recipe__img-area_arrange{
    position: relative;
    margin-bottom: 5rem;
}
.s23-recipe__title_arrange{
    position: absolute;
    bottom: -50px;
    left: 20px;
}
.s23-recipe__divider{
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin: 3rem 0;
}

/* s23 poem  */
.s23-poem{
    background-color: #D9EBB7;
    padding: 70px 25px;
}
.s23-poem__text{
    font-size: 1.6rem;
    line-height: 3.8;
    margin-bottom: 4.5rem;
}
.s23-poem__title{
    text-align: right;
}
/*--------------------------
   ##Summer 23
------------------------------ */
.f_mvb{
    font-family: "grenadine-mvb", "Helvetica","Helvetica Neue", "Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 400;
    font-style: italic;
    /* color: #333333; */
}
.f_mono{
    font-family: monopin-j, "Helvetica","Helvetica Neue", "Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 400;
    letter-spacing: .07em;
    /* color: #333333; */
}

.su23_l-hero-box_empty,
.l-contents_page-su23{
    background-color: #FAFAFA;
}
.l-contents_page-su23{
    margin-bottom: -200px;
    padding-bottom: 5rem;
}
.mcc-23su__center{
    position: relative;
    width: 100vw;
    max-width: 594px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    
}
.mcc-23s__center_su23{
    margin-top: 0;
    padding: 0 15px;
}

.mcc-23su__side{
    display: block;
    position: fixed;
    width: calc(50% - 297px);
    height: 2000px;
    top: 0;
    z-index: 1;
    overflow: hidden;
    background-size: contain;
}
.mcc-23su__side_left{
    left: calc(50% + 297px);
    background-position-x: left;
}
.mcc-23su__side_right{
    right: calc(50% + 297px);
    background-position-x: right;
}
.mcc-23s__fix-right_su23{
    top: 40%;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.mcc__bg_su23 .mcc__bg-wide{
    height: 800px;
}
.mcc__bg_su23 .mcc__bg-item_right{
    left: calc(52% + 297px);
}
.mcc__bg_su23 .mcc__bg-item_left{
    right: calc(53% + 297px);
}
.mcc__bg_su23 .mcc__bg-item{
    -webkit-animation: loopAnime 40s linear infinite;
    animation: loopAnime 40s linear infinite;
}
.mcc-23s__bg_su23{
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    opacity: 1;
    z-index: 2;
    height: auto;
}

.mcc-23s__bg_su23_left{
    left: -60%;
}
.mcc-23s__bg_su23_right{
    right: -44%;
}
.mcc-23s__bg_su23_1{
    width: 220px;
    top: 320px;

}
.mcc-23s__bg_su23_2{
    width: 220px;
    top: 1200px;
  
}
.mcc-23s__bg_su23_3{
    width: 220px;
    top: 2000px;

}
.mcc-23s__bg_su23_4{
    width: 220px;
    top: 3000px;
  
}
.mcc-23s__bg_su23_5{
    width: 220px;
    top: 4200px;

}
.su23-section__top-card{
    padding-top: 13rem;
}
a.su23__nav-title{
    font-size: 2rem;
    padding: 15px;
    background-color: #ADE5F5;
    border: 1px solid #707070;
    margin-bottom: 1rem;
}
.su23__nav-wrap{
    display: inline-block;
}
.su23__nav-item{
    text-align: right;
}
.su23__nav-item a{
    /* display: inline-block; */
    padding: 10px 15px;
    border: 1px solid #707070;
    line-height: 2.5;
}
.su23__nav-item_1 a{
    background-color: #D8F5B5;
}
.su23__nav-item_2 a{
    background-color: #92DEB0;
}
.su23__nav-item_3 a{
    background-color: #E9A5FA;
}
.su23-section{
    margin-bottom: 6rem;
}
.su23-section__header{
    text-align: center;
    margin-bottom: 2rem;
}
.su23-section__title{
    font-size: 2rem;
    line-height: 1.5;
    display: inline-block;
    background-color: #D8F5B5;
    border: 1px solid #707070;
    padding: .1em 15px;
    margin-bottom: .5rem;
}
.su23-section__title_c_2{
    background-color: #92DEB0;
}
.su23-section__sub-title{
    font-size: 1.5rem;
    font-weight: 700;
}
.scroll_su23{
    
}
/* su23 top card  */
.su23-t-card{
    background-color: #fff;
    border: 1px solid #707070;
    margin-bottom: 2rem;
}
.su23-t-card__title{
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 700;
    background-color: #ADE5F5;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    display: inline-block;
    padding: 15px;
}
.su23-t-card__img{
    margin-bottom: 4rem;
}
.su23-t-card__contents{
    padding: 50px 9% 80px;
}
.su23-t-card__text{
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.su23-t-card__text-tag{
    font-weight: 700;
}

/* su23 garally  */
.su23-section__top-gallery{
    margin-bottom: 3rem;
}
.top-gallery__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.top-gallery__item{
    width: 49%;
    margin-right: 2%;
    margin-bottom: .5rem;
}
.top-gallery__wrap .top-gallery__item:nth-of-type(2n){
    margin-right: 0;
}

.su23-section__button-area{
    margin-bottom: 4rem;
}
.su23-section__button{
    display: block;
    font-size: 1.5rem;
    width: 100%;
    background-color: #fff;
    border: 1px solid #212121;
    padding: 1em 20px;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.su23-section__button:hover{
    background-color: #212121;
    color: #fff;
}
/* su23 tab icetea  */
.panel-group_su23 p{
    font-family: monopin-j, "Helvetica","Helvetica Neue", "Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
}
.panel-group.panel-group_su23{
    padding: 60px 30px 70px; 
}
.tab-group_su23 .tab{
    width: 30%;
    margin-right: 14px;
}
.su23-icetea__label{
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.su23-icetea__label-number{
    margin-left: 15px;
}
.su23-icetea__title{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: underline;
    margin-bottom: 1rem;
}
.su23-icetea__img{
    padding: 50px 8%;
}
.su23-icetea__text{
    margin-bottom: 2rem;
}
.su-23-icetea__text_b{
    font-weight: 700;
}
/* su23 scroll  */
.su23-section__header_scroll{
    margin-bottom: 5rem;
}
.su23-section__contents_icetea-scroll{
    position: relative;
}
.su23-recommend-label{
    width: 216px;
    height: 126px;
    position: absolute;
    background-color: #FDFBE2;
    border: 1px solid #707070;
    border-radius: 50%;
    z-index: 100;
    right: 0;
    top: -80px;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg);
}
.su23-recommend-label__inner{
    width: 100%;
    height: 100%;
    position: relative;
}
.su23-recommend-label__text{
    font-size: 1.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.scroll_su23 .bl_scroll-list__item{
    position: relative;
}
.scroll_su23 .bl_scroll-list_title{
    font-family: monopin-j, "Helvetica","Helvetica Neue", "Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: .1em;
    margin-bottom: 1.5rem;
}
.scroll_su23 .bl_scroll-list_text{
    font-family: monopin-j, "Helvetica","Helvetica Neue", "Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 2rem;
}
.scroll_su23 .icetea-scroll__summary{
    font-family: monopin-j, "Helvetica","Helvetica Neue", "Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 400;
    height: 150px;
    margin-bottom: 3rem;
}
.scroll_su23 .bl_scroll-list__item > a{
    display: block;
    width: 70%;
    margin: 0 auto 4rem;
}
.scroll_su23 .bl_scroll-list__button{
    background-color: #fff;
    border: 1px solid #212121;
    top: 43%;
}
.scroll_su23 .bl_btn{
    font-family: monopin-j, "Helvetica","Helvetica Neue", "Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 700;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #212121;
    padding: 1em 15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.scroll_su23 .bl_btn:hover{
    background-color: #212121;
    color: #fff;
}

/* su23 mobile image  */
.su23-mobile-img{
    margin: 2rem 0 ;
}
.su23-mobile-img_1{
    padding-left: 25%;
}
.su23-mobile-img_2{
    text-align: right;
    padding-right: 5%;
}
.su23-mobile-img_3{
    text-align: right;
   
}
.su23-mobile-img_1 img{
    max-width: 178px;
}
.su23-mobile-img_2 img{
    max-width: 257px;
}
.su23-mobile-img_3 img{
    max-width: 221px;
}

@media screen and (max-width: 750px) {
    .l-contents_page-su23{
        margin-bottom: -7rem;
    padding-bottom: 2rem;
    }
    .su23-section__title{
        font-size: 1.5rem;
    }
    .su23-section__sub-title{
        font-size: 1rem;
    }
    .su23-section__top-card{
        padding-top: 2rem;
    }
    .mcc-23s__bg{
        display: none;
    }
    .scroll_su23 .icetea-scroll__summary{
        height: 220px;
    }

    .su23-recommend-label{
        width: 134px;
        height: 78px;
        top: -64px;
    }
    .su23-recommend-label__text{
        font-size: .85rem;
    }
    .scroll_su23 .bl_scroll-list_title{
        font-size: 1.3rem;
    }
    .scroll_su23 .bl_scroll-list_text{
        font-size: 1.1rem;
    }
    .tab-group_su23 .tab{
        padding-right: 0;
        padding-left: 0;
    }
    .panel-group.panel-group_su23 {
        padding: 60px 5% 70px;
    }
    .su23-section__button{
        font-size: 1.1rem;
    }
}

/*--------------------------
   ##Autumn 23
------------------------------ */
.au23-hero-box_empty{
    height: 180px !important;
}
@media screen and (max-width: 750px) {
    .au23-hero-box_empty{
        height: 0px !important;
    }
}
.aut23_l-hero-box_empty{
    background-color: #FAFAFA;
}
.l-contents_page-au23{
    margin-bottom: -200px;
    padding-bottom: 5rem;
    background-color: #FAFAFA;
}

/* mcc-au23  */
.mcc-au23__wrap{
    position: relative;
}
.mcc-au23__layer-main{
    position: relative;
    max-width: 1640px;
    margin: 0 auto;
    /* padding-left: 2%; */
}
.mcc-au23__layer-left{
    position: fixed;
    /* top: 0; */
    z-index: 2;
    width: 100%;
    max-width: 1640px;
    left: 50%;
    bottom: 40px;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
.mcc-au23__contents{
    position: relative;
    width: 48%;
    max-width: 968px;
    margin-left: 52%;
    z-index: 3;
}
.mcc-au23__fix-left{
    position: fixed;
    top: 60%;
    right: calc(((100% - 594px) / 2)/3);
    /* background: red; */
    z-index: 2;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 40%;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.mcc-au23__bg{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    background-size: cover;
}

.au23-section__top-card{
}

/* au23 common  */
.au23-f{
    font-family: "gooddog-new",  "Helvetica", "Helvetica Neue","Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* au23 nav  */
.au23-nav-box{
    width: 50%;
    padding-left: 8.33%;
}
.au23-nav__title{
    font-size: 4vw;
    color: #fff;
    line-height: 1.2;
}
.au23-nav__header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 2rem;
}
.au23-nav__title-img-box{
    padding-bottom: 20px;
}
.au23-nav_-title-img{
    max-width: 340px;
    /* width: 53%; */
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.au23-nav__list{
    color: #fff;
}
.au23-nav__item{
    margin-bottom: 1rem;
}
.au23-nva__item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.au23-nav__order {
    font-size: 3rem;
    line-height: 1.2;
    margin-right: 20px;
    text-decoration: underline;
}
.au23-nav__nav-title p{
    font-size: 1.1rem;
}

.au23__contents{
    color: #555555;
}


.au23-section__intro{
    position: relative;
}
.au23-intro{
    width: 66%;
    padding-top: 7rem;
    margin: 0 auto 4rem;

}
.au23-intro__title {
    font-size: 2.5rem;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 4.5rem;
}
.au23-intro__text{
    font-size: 1.25rem;
    text-align: center;
    line-height: 1.8;
}
.au23-check-list{
    width: 58%;
    margin: 0 auto -2rem;
}
.au23-check-list__item{
    font-size: 1.1rem;
    margin-bottom: 1rem;
}
.au23-check-list__item-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.au23-check-list__order{
    font-size: 2.18rem;
    margin-right: 24px;
}
.au23-check-list__title{
    font-size: 2.18rem;
    color: #555555;
    margin-bottom: 1.5rem;
}
.au23-intro-deco__item-1-box{
    position: absolute;
    top: 40px;
    left: 5%;
}
.au23-intro-deco__item-1{
    max-width: 130px;
}
.au23-intro-deco__item-1-2-box{
    position: absolute;
    top: 80px;
    left: 24%;
}
.au23-intro-deco__item-1-2{
    max-width: 80px;
}
.au23-intro-deco__item-2-box{
    position: absolute;
    top: 30px;
    right: 2%;
}
.au23-intro-deco__item-2{
    max-width: 218px;
}
.au23-intro-deco__item-3-box{
    position: absolute;
    bottom: 40px;
    left: 0;
}
.au23-intro-deco__item-3{
    max-width: 170px;
}
.au23-intro-deco__item-4-box{
    position: absolute;
    bottom: 16%;
    right: 5%;
}
.au23-intro-deco__item-4{
    max-width: 150px;
}

/* mobile hero  */
.au23-mobile-hero__wrap{
    position: relative;
}
.au23-mobile-hero__nav-layer{
    position: absolute;
    width: 100%;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);
}


.au23-sc-head{
    width: 66%;
    margin: 0 auto;
}
.au23-sc-head__layer-wrap{
    position: relative;
}
.au23-sc-head__layer-title{
    position: absolute;
}
.au23-sc-head__layer-title_sc1{
    top: 20px;
    right: 3%;
}
.au23-sc-head__layer-title_3{
    position: absolute;
    right: 2%;
    top: 10px;
}
.au23-sc-head__layer-number_3{
    position: absolute;
    bottom: 10px;
    right: 2%;
}
.au23-sc-head__heading{
    font-size: 3.18rem;
    line-height: 1.2;
    color: #fff;
    text-align: right;
}
.au23-sc-head__number{
    font-size: 3.18rem;
    line-height: 1.5;
    color: #fff;
    text-align: right;
}
.au23-section__s1{
    padding-top: 6rem;
}
.au23-s1-c1{
    margin-bottom: 1.5rem;
}
.au23-s1-c1__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.au23-s1-c1__left{
    width: 34%;
    padding-top: 40px;
    text-align: right;
    padding-right: 6%;
}
.au23-s1-c1__right{
    width: 66%;
    margin-top: -38px;
    padding-right: 15px;
}
.au23-s1-c1__dec-1{
    width: 77%;
    max-width: 144px;
}
.au23-s1-c2{
    margin-bottom: .5rem;
}
.au23-s1-c2__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.au23-s1-c2__left{
    width: 49%;
    margin-right: 2%;
}
.au23-s1-c2__right{
    width: 49%;
}
.au23-s1-c2__item-left-box {
    margin-top: -20px;
}
.au23-s1-c2__dec-left{
    max-width: 195px;
    width: 60%;
}
.au23-s1-c2__dec-left-2{
    max-width: 70px;
}
.au23-s1-c2__right-deco{
    max-width: 160px;
    width: 60%;
}
.au23-s1-c2__right-deco-box {
    padding-left: 26%;
}
.au23-s1-c2__dec-left-box {
    padding-top: 40px;
    padding-left: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
}
.au23-s1-c2__dec-left-2-box{
    padding-bottom: 30px;
    padding-left: 30px;
}
.au23-card-s1__deco-1-box{
    position: absolute;
    top: 55%;
    right: 5%;
}
.au23-card-s1__deco-1{
    max-width: 130px;
}
.au23-card-s1__deco-2-box{
    position: absolute;
    top: 80%;
    left: 5%;
}
.au23-card-s1__deco-2{
    max-width: 140px;
}

/* card  */
.au23-s1-c3{
    position: relative;
}
.au23-s1-c3__wrap{
    position: relative;
}
.au23-s1-c3__deco-left-box{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 4%;
}
.au23-s1-c3__deco-right-box {
    position: absolute;
    width: 100%;
    bottom: 16%;
    right: 2%;
    text-align: right;
}
.au23-s1-c3__item-box {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.au23-s1-c3__deco-left{
    max-width: 127px;
    width: 68%;
}
.au23-s1-c3__deco-right{
    max-width: 180px;
    width: 70%;
}
.au23-s1-c3__text{
    font-size: 2.18rem;
    text-align: right;
    padding-right: 15px;
}
.au23-sc-card{
    position: relative;
}
.au23-sc-head__layer-title_2{
    width: 100%;
    position: absolute;
    top: 20px;
    right: 2%;
}
.au-23-sc-head__layer-number_2{
    position: absolute;
    bottom: 0px;
    right: 3%;

}
.au23-sc-card__inner{
    padding: 30px 5% 80px;
}
.au23-sc-card__img-box{
    margin-bottom: 2rem;
}
.au23-sc-card__sub-title{
    font-size: 1.25rem;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 1rem;
}
.au23-sc-card__title-box {
    text-align: center;
}
.au23-sc-card__title{
    font-size: 2.18rem;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 2.5rem;
}
.au23-sc-card__title_jp{
    font-size: 1.8rem;
}
.au23-sc-card__text-box{
    width: 72%;
    margin: 0 auto 2rem;
}
.au23-sc-card__btn-box {
    max-width: 430px;
    width: 60%;
    margin: 0 auto;
}
.au23__btn{
    display: inline-block;
    border: 1px solid #555555;
    padding: 20px;
    width: 100%;
    text-align: center;
}
.au23-sc-card__la-img {
    max-width: 340px;
    width: 80%;
    margin-bottom: 1rem;
}
/* section s2  */
.au23-section__s2{
    padding-top: 6rem;
}
.au23-s2-c2__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.au23-s2-c2__left{
    width: 49%;
    margin-right: 2%;
    padding-top: 50px;
}
.au23-s2-c2__right{
    width: 49%;
}
.au23-s2-c2__dec-left{
    max-width: 345px;
    width: 80%;
}
.au23-s2-c2__right-deco-box{
    text-align: center;
}
.au23-s2-c2__dec-left-box{
    margin-top: 40px;
    padding-left: 5%;
    text-align: center;
    margin-bottom: -20px;
}
.au23-s2-c2__right-deco{
    max-width: 349px;
    margin-top: -40px;
    width: 85%;
}
.au23-s2-c2__right-item-box{
    position: relative;
}
.au23-s2-c2__text-houroku{
    font-size: 2.5rem;
    position: absolute;
    top: 26%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.au23-s2-c3__wrap{
    position: relative;
}
.au23-s2-c3__item-box{
    width: 72%;
    margin: 0 auto;
    padding-left: 10%;
    margin-bottom: 2rem;
}
.au23-s2-c3__deco-left-box{
    position: absolute;
    bottom: -30px;
    left: 5%;
    max-width: 220px;
    width: 32%;
}
.au23-s2-c3__deco-right-box{
    position: absolute;
    bottom: 18%;
    max-width: 122px;
    right: 0;
}
.au23-s2-c3__text{
    font-size: 2.18rem;
    text-align: right;
    padding-right: 15px;
}
.au23-card-s2__deco-1-box{
    position: absolute;
    top: 60%;
    right: 5%;
}
.au23-card-s3__deco-1-box{
    position: absolute;
    top: 55%;
    right:2%;
}
.au23-card-s3__deco-1{
    max-width: 220px;
    width: 11vw;
}
.au23-card-s3__deco-2-box{
    position: absolute;
    top: 70%;
    left: 0;
}
.au23-card-s3__deco-2{
    max-width: 120px;
    width: 7vw;
}
.au23-card-s2__deco-1{
    max-width: 150px;
}
.au23-card-s2__deco-2-box{
    position: absolute;
    top: 80%;
    left: 1%;
}   
.au23-card-s2__deco-2{
    max-width: 150px;
}
.au23-card-s3-1__deco-1-box{
    position: absolute;
    top: 70%;
    right: 0;
}
.au23-card-s3-1__deco-1{
    max-width: 150px;
    width: 8vw;
}
/* section 3  */
.au23-section__s3{
    padding-top: 6rem;
}
.au23-s3-c2__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.au23-s3-c2__left{
    width: 49%;
    margin-right: 2%;
}
.au23-s3-c2__right{
    width: 49%;
}
.au23-s3-c2__item-1-left-box{
    padding-top: 30px;
    margin-bottom: 1rem;
}
.au23-s3-c2__item-2-left-box{
    margin-bottom: 2rem;
}
.au23-s3-c2__left-deco-1-box{
    padding-left: 40%;
}
.au23-s3-c2__left-deco-1{
    max-width: 72px;
}
.au23-s3-c2__right-deco-1-box{
    position: relative;
    padding-top: 50px;
    padding-left: 8px ;
}
.au23-s3-c2__right-deco-1-1-box{
    position: absolute;
    top: -30px;
    right: 0px;
}
.au23-s3-c2__right-deco-1-1{
    max-width: 240px;
}

.au23-s3-c2__right-deco-1{
    max-width: 126px;
}
.au23-s3-c2__right-deco-2-box{
    position: relative;
}
.au23-s3-c2__right-deco-2-2-box{
    position: absolute;
    top: 43%;
    right: 35%;
}
.au23-s3-c2__right-deco-2-2{
    max-width: 120px;
}
.au23-s3-c2__right-deco-2{
    max-width: 210px;
    margin-left: -16%;
}
.au23-s3-c3__text{
    font-size: 2.18rem;
    text-align: right;
    padding-right: 15px;
}

/* footer  */
.au23-footer__inner{
    padding: 50px 15px 80px;
}
.au23-footer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: self-end;
        -ms-flex-align: self-end;
            align-items: self-end;
}
.au23-footer__left{
    width: 66%;
    margin-right: 2%;
}
.au23-footer__right{
    width: 32%;
}
.au23-footer__item-box{
    text-align: right;
}
.au23-footer__item{
    max-width: 200px;
    width: 80%;
}
.au23-footer__text{
    font-size: 2.5rem;
}

@media screen and (max-width: 750px) {
    .mcc-au23__wrap{
        overflow: hidden;
    }
    .mcc-au23__layer-left{
        display: none;
    }
    .mcc-au23__contents{
        width: 100%;
        margin-left: 0;
    }
    .mcc-au23__layer-main{
        padding: 0;
    }
    .mcc-au23__bg{
        display: none;
    }

    .au23-nav-box{
        width: 100%;
        padding: 0 15px;
    }
    .au23-nav__title{
        font-size: 3rem;
}
    .au23-nav_-title-img{
        max-width: 240px;
    }
    .au23-nav__item {
        margin-bottom: 0.5rem;
    }
    .au23-nav__order{
        font-size: 2rem;
    }
    /* intro  */
    .au23-intro{
        width: 100%;
        padding: 4rem 15px 0;
        margin-bottom: 12rem;
    }
    .au23-intro-deco__item-1{
        max-width: 80px;
    }
    .au23-intro-deco__item-1-2{
        max-width: 44px;
    }
    .au23-intro-deco__item-1-2-box {
        position: absolute;
        top: 80px;
        left: auto;
        right: 11%;
    }
    .au23-intro-deco__item-2-box{
        top: 44%;
    }
    .au23-intro-deco__item-2 {
        max-width: 160px;
    }
    .au23-intro-deco__item-4-box{
        left: 5%;
        right: auto;
        bottom: 38%;
    }
    .au23-check-list{
        width: 100%;
    padding: 15px;
    }
    .au23-sc-head{
        width: 100%;
        margin-bottom: 2rem;
    }
    .au23-sc-card__text-box{
        width: 100%;
        padding: 0 15px;
    }
    .au23-sc-card__btn-box{
        max-width: 100%;
        width: 100%;
    }
    .au23-footer__left{
        width: 40%;
    }
    .au23-footer__right{
        width: 55%;
    }
    .au23-footer__text {
        font-size: 1.8rem;
    }

    .au23-intro-deco__item-3-box{
        left: auto;
        right: -5px;
        bottom: -66px;
    }
    .au23-intro-deco__item-3{
        max-width: 120px;
    }
    .au23-s1-c2__dec-left-2-box{
        display: none;
    }
    .au23-s1-c1__right{
        margin-top: -23px;
        padding-right: 15px;
    }
    .au23-s1-c3__deco-right-box{
        right: -20px;
    }
    .au23-s1-c3__deco-right{
        width: 40%;
        max-width: 140px;
    }
    .au23-s1-c3__deco-left{
        max-width: 80px;
    }
    .au23-card-s1__deco-1-box{
        top: 35%;
    }
    .au23-card-s1__deco-1 {
        max-width: 80px;
    }
    .au23-card-s1__deco-2-box{
        display: none;
    }
    .au23-s2-c2__left{
        padding-top: 20px;
    }
    .au23-s2-c2__right-deco{
        margin-top: -8px;
    }
    .au23-s2-c2__text-houroku{
        font-size: 1.4rem;
    }
    .au23-s2-c3__item-box{
        margin-top: 2rem;
        width: 100%;
        padding: 0 15px;
        margin-bottom: 7rem;
    }
    .au23-s2-c3__deco-right-box{
        right: auto;
        bottom: 54px;
        max-width: 140px;
    }
    .au23-s2-c3__deco-left-box{
        display: none;
    }
    .au23-card-s2__deco-2-box{
        display: none;
    }
    .au23-card-s2__deco-1-box{
        position: absolute;
        top: 45%;
        right: 0;
    }
    .au23-card-s2__deco-1{
        max-width: 120px;
    }
    .au23-s3-c2__right-deco-1-1-box{
        display: none;
    }
    .au23-s3-c2__right-deco-1 {
        max-width: 86px;
    }
    .au23-s3-c2__right-deco-1-box{
        position: relative;
        padding-top: 24px;
        padding-left: 30%;
    }
    .au23-s3-c2__left-deco-1{
        display: none;
    }
    .au23-card-s3__deco-1-box{
        display: none;
    }
    .au23-card-s3__deco-2-box{
        display: none;
    }
    .au23-card-s3-1__deco-1{
        display: none;
    }
    .au23-s3-c2__right-deco-2{
        max-width: 140px;
    }
    .au23-s3-c2__right-item-box{
        margin-bottom: 3rem;
    }
    .au23-s3-c2__lefu-deco-mobile-1{
        max-width: 140px;
        width: 75%;
        margin-left: 25%;
    }
    .au23-s3-c2__lefu-deco-mobile-2{
        max-width: 129px;
    margin-top: -40px;
    }
    .au23-intro__text{
        font-size: 1rem;
    }
}



/* ##Gift 23
--------------------------------------------- */

/* gift font  */
.f_gift23_mvb{
    font-family: grenadine-mvb, sans-serif;
}
.f_gift23_calder-lc{
    font-family: calder-lc, sans-serif;
    font-weight: 400;
}
.f_gift23_otf{
    font-family: "a-otf-ryumin-pr6n", serif;
font-weight: 300;
font-style: normal;
}

/* hero  */
.l-section__gift23-hero{
    max-width: 100%;
    padding: 0;
    overflow: hidden;
}
.gift23-hero__base{
    position: relative;
}

.gift23-hero__layer{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    /* width: 100%;
    max-width: 1400px; */
    margin: 0 auto;
    padding: 0 30px;
    z-index: 2;  
}
.gift23-hero__ct-area{

}
.gift23-hero__heading{
    position: relative;
    z-index: 2;
    display: inline-block;
    font-size: calc(1rem + 3vw);
    line-height: 1.4;
    color: #fff;
    font-weight: 700;
    letter-spacing: .04em;
    text-align: center;
}
.gift23-hero__sub-heading{
    font-size: calc(1rem + 1vw);
    font-weight: 700;
    letter-spacing: .05em;
    color: #406531;
}

/* section  */
.l-section__gift23{
    margin-top: 5rem;
    margin-bottom: 6rem;
}
/* gift 23 column  2 */
.gift23-col2__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.gift23-col2__left{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1.5rem;
}
.gift23-col2__right{
    width: 49%;
    margin-bottom: 1.5rem;
}
/* gift 23 column 4 */
.gift23-col4__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.gift23-col4__item{
    width: 24.25%;
    margin-right: 1%;
}
.gift23-col4__wrap .gift23-col4__item:nth-of-type(4n){
    margin-right: 0;
}

/* gift diy  */
.gift23-col2__col-inner_center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* justify-content: center; */
    height: 100%;
}
.gift23-col2__col-inner_p-right{
    padding-right: 16%;
}
.gift23-col2__col-inner_p-left{
    padding-left: 16%;
}
.gift23-diy__sub-title{
    font-size: 1.8rem;
    line-height: 1.5;
}
.gift23-diy__title{
    font-size: 3.6rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1rem;
}
.gift23-diy__text{
    font-size: 1.25rem;
}
.gift23-diy__center{
    text-align: center;
}

/* gift gallery  */
.gift23-gallery__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.gift23-gallery__col-left{
    width: 32.666%;
    margin-right: 1%;
}
.gift23-gallery__col-list{
    width: 32.666%;
    margin-right: 1%;
}
.gift23-gallery__wrap .gift23-gallery__col-list:last-child{
    margin-right: 0;
}
z
.gift23-gallery__list-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.gift23-gallery__item{
    width: 100%;
    margin-bottom: 1rem;
}
.gift23-gallery__list-wrap .gift23-gallery__item:nth-of-type(2n){
    margin-right: 0;
}

/* gift index  */
.gift23-index__index-area{
   
    margin-bottom: 3rem;
}
.gift23-index__index{
    text-align: center;
    font-weight: 500;
    line-height: 1.5;
    font-size: 2rem;
}

/*  gift message  */
.gift23-message{
    max-width: 820px;
    margin: 0 auto 2rem;
}
.gift23-col2__right-inner_message{
    padding-left: 16%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.gift23-message__title{
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 3rem;
}
.gift23-message__text{
    font-size: 1.125rem;
    line-height: 1.8;
    letter-spacing: .05em;
    text-align: center;
    margin-bottom: 1rem;
}
.gift23-message__link{
    font-weight: 700;
    text-decoration: underline;
}
/* gift product  */
.l-section__gift23_product{
    max-width: 100%;
    background-color: #F9F3EE;
}
.section-inner__gift23_product{
    max-width: 1400px;
    margin: 0 auto; 
    padding: 80px 0 50px;
}
.gift23-product__contents{
    max-width: 820px;
    margin:0 auto 4rem;
}
.gift23-product__titl e{
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: .05em;
    text-align: center;
    font-weight: 300;
    margin-bottom: 1.5rem;
}
.gift23-product__sub-title{
    text-align: center;
    margin-bottom: .5rem;
}
.gift23-product__title{
    text-align: center;
}
.gift23-product__text{
    margin-bottom: 2rem;
}
.gift23-product__main-img-area{
    margin-bottom: 2rem;
}
.gift23-product__sub-img-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.gift23-product__sub-img-item:first-child{
    margin-right: 2%;
}
.gift23-product__main-img-text{
    font-size: .85em;
    text-align: center;
}
.gift23-product__main-img-link:hover .gift23-product__main-img-text{
    text-decoration: underline;
}
.gift23-product__main-img-text-area{
    margin-top: 1rem;
}
.gift23-product__recommend-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.gift23-product__recommend-item{
    width: 24.25%;
    margin-right: 1%;
}
.gift23-product__recommend-item:last-child{
    margin-right: 0;
}
.gift23-product__recommend-text{
    margin-top: 1rem;
    text-align: center;
}
.gift23-product__recommend-link:hover .gift23-product__recommend-text{
    text-decoration: underline;
}
.gift23-product__recommend-index{
    margin-bottom: 1.5rem;
}
/* gift ideas  */
.gift23-ideas__index{
    text-align: center;
}
/* gift claus  */
.gift23-claus{
    width: 60%;
    margin: 0 auto;
}
.gift23-claus__base{
    position: relative;
}
.gift23-claus__layer{
    width: 100%;
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
.gift23-claus__sub-title{
    color: #fff;
}
.gift23-claus__title{
    color: #fff;
}
/* gift beginners  */
.gift23-beginners__text-area{
    max-width: 620px;
    margin: 0 auto 5rem;
}
/* gift type  */
.gift23-type__head-base{
    position: relative;
    margin-bottom: 1rem;
}
.gift23-type__layer{
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.gift23-type__heading{
    font-size: 2rem;
    line-height: 1.4;
    color: #fff;
    letter-spacing: .05em;
}
.gift23-type__text{
    margin-bottom: 2rem;
}
.gift23-type__btn-box{
    text-align: right;
}

/* gift idea  */
.l-section__gift23_idea{
    /* margin-right: -40px;
    margin-left: -40px; */
   
}
.gift23-idea-index__img{
    max-width: 500px;
    width: 80%;

}
.section-inner__gift23_idea{
    padding: 40px 0;
    border: 2px solid #406531;
    border-radius: 28px;
}


.gift23-idea-index{
    text-align: center;
    margin-bottom: 2.5rem;
}
.gift23-idea-index__text{
    font-size: 1.25rem;
    text-align: center;
    margin-top: 1rem;
    color: #406531;
}
.gift23-col2__left-inner_idea,
.gift23-col2__right-inner_idea{
    padding: 0 5%;
}
.gift23-idea__video-area{
    margin-bottom: 1.5rem;
}
.gift23-idea__text-area{
    padding: 0 10%;
}
.gift23-idea__title{
    font-size: 1.8rem;
    color: #406531;
    text-align: center;
    text-decoration: underline;
    line-height: 1.5;
    letter-spacing: .05em;
    font-weight: 500;
    margin-bottom: 1.5rem;
}
.gift23-idea__title_big{
    margin-top: 4rem;
    font-size: 2.2rem;
}
.gift23-idea__text{
    color: #406531;
    letter-spacing: .05em;
}

/* gift last ÷ */
.gift23-col2__right-inner_last{
    /* padding-left: 16%; */
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.gift23-last__title{
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}
.gift23-last__text{
    font-size: 1.125rem;
    line-height: 1.8;
    letter-spacing: .05em;
    text-align: center;
    margin-bottom: 2.5rem;
}
.gift23-last__btn-box{
    text-align:center;
}
/* gift happy  */
.gift23-happy__inner{
    width: 88%;
    margin: 0 auto;
}
.gift23-happy__base{
    position: relative;
}
.gift23-happy__layer{
    position: absolute;
    top: 15px;
    left: 3%;
}
.gift23-happy__text{
    font-size: calc(1rem + 3.5vw);
    color: #406531;
    line-height: 1.5;
}
/* gift slide  */
.gift23__scroll-btn-left{
    top: 50%;
    background: none;
}
.gift23__scroll-btn-right{
    top: 50%;
    background: none;
}
.gift23__scroll-btn-left_idea{
    left: -15px;
}
.gift23__scroll-btn-right_idea{
    right: -15px;
}
.gift23-product__scroll-btn{
    top: 40%;
    background: none;
}
.dli-chevron-left {
    display: inline-block;
    vertical-align: middle;
    color: #69594C;
    line-height: 1;
    width: 1em;
    height: 1em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translateX(25%) rotate(-135deg);
        -ms-transform: translateX(25%) rotate(-135deg);
            transform: translateX(25%) rotate(-135deg);
  }
  .dli-chevron-right {
    display: inline-block;
    vertical-align: middle;
    color: #69594C;
    line-height: 1;
    width: 1em;
    height: 1em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translateX(-25%) rotate(45deg);
        -ms-transform: translateX(-25%) rotate(45deg);
            transform: translateX(-25%) rotate(45deg);
  }
  .no-scrollbar{
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.no-scrollbar::-webkit-scrollbar{
	display:none;
}
.bl_scroll-list__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
.bl_scroll-list__nav-item {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 7px;
    background: #fff;
    display: block;
    border: 1px solid #707070;
}
.bl_scroll-list__nav-item.active{
    background-color: #707070;
}
.bl_scroll-list__nav-item:last-child{
    margin-right: 0;
}
.girt23__bl_scroll-list__nav{
    bottom: 20px;
}

/* gift video  */
.vid__size{
    width: 100%;/*背景色を横幅いっぱいに広げる*/
    text-align: center;
    margin: auto;
    /* padding: 4% 4% 4% 4%;
    background: #e6e6e6; */
    }
    video.vid__size_main {
    width: 100%;
    max-width: 920px;/*PC版での最大幅*/
    }

/* gift banner  */
.l-section__gift23-banner{
 margin-bottom: 2rem;   
}
.gift23-banner__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.gift23-banner__col-left{
    width: 60%;
}
.gift23-banner__col-right{
    width: 40%;
    background-color: #92929A;
}
.gift23-banner__col-inner-right{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 15px;
}
.gift23-banner__img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.gift23-banner__body{
    color: #fff;
    text-align: center;
}
.gift23-banner__title{
    font-size: 3rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    letter-spacing: .05em;
}
.gift23-banner__text{
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
    letter-spacing: .05em;
}
.gift23-bannner__btn{
    color: #fff;
    border-color: #fff;
}
.gift23-bannner__btn::after{
    color: #fff;
}
@media screen and (max-width: 1620px) {
    .gift23-banner__title{
        font-size: calc(1rem + 1.5vw);

    }
    .gift23-banner__text{
        font-size: calc(1rem + .1vw);
    }

}

@media screen and (max-width: 750px) {
   /* gift 23 column  2 */
.gift23-col2__left{
    width: 100%;
    margin-right: 0;
}
.gift23-col2__right{
    width: 100%;
}
.gift23-col2__left_sp_flip{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.gift23-col2__right_sp_flip{
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
/* gift 23 column 4 */
.gift23-col4__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.gift23-col4__item{
    width: 24.25%;
    margin-right: 1%;
}
.gift23-col4__wrap .gift23-col4__item:nth-of-type(4n){
    margin-right: 0;
} 

/* gift section  */
.l-section__gift23 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}




/* gift message  */
.gift23-col2__right-inner_message{
    padding: 0;
}
.gift23-message__text{
    text-align: left;
}
/* gift hero  */
.gift23-hero__heading{
    font-size: 2rem;
}
.gift23-hero__sub-heading{
    font-size: 1.2rem;
}

/* gift diy  */
.gift23-diy__title{
    font-size: 2.125rem;
}
.gift23-diy__sub-title{
    font-size: 1.25rem;
}
.gift23-diy__text{
    font-size: .9rem;
}
.gift23-diy__center{
    text-align: left;
}
.gift23-diy__sp_center{
    text-align: center;
}
.gift23-diy__sp_right{
    text-align: right;
}
/* gift col  */
.gift23-col2__col-inner_p-left{
    padding: 0;
}

.gift23-col2__col-inner_p-right{
    padding: 0;
}


/* gift last  */
.gift23-col2__right-inner_last{
    padding: 0;
}

/* gift gallery  */
.gift23-gallery__wrap{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.gift23-gallery__col-left{
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
}
.gift23-gallery__col-list{
    width: 48%;
    margin-right: 4%;
}
.gift23-gallery__col-list:last-child{
    margin-right: 0;
}



.gift23-product__p-name{
    text-align: center;
}

/* gift product */
.section-inner__gift23_product{
    padding-top: 50px;
    padding-bottom: 10px;
}
.gift23-product__title{
    font-size: 2.125rem;
}
.gift23-col2__right-inner_product{
    padding-top: 0;
}

/* gift idea  */
.gift23-idea__title{
    font-size: 1.5rem;
}
.gift23-col2__left-inner_idea{
    padding-bottom: 2rem;
}
.section-inner__gift23_idea{
    padding: 20px 0;
}
.gift23-idea-index{
    margin-bottom: 1.5rem;
}
.gift23-idea__title_big{
    margin-top: 0;
    font-size: 1.5rem;
}
.gift23-idea-index__img{
    max-width: 220px;
}
.gift23-idea-index__text{
    font-size: 1rem;
}
.gift23-idea__text-area{
    padding: 0;
}
.gift23-col2__left-inner_idea-bag{
    padding-bottom: 0;
}
.gift23-idea__video-area_bag{
    margin-bottom: 0;
}

/* gift claus  */
.l-section__gift23_claus{
    padding: 0;
}
.gift23-claus{
    width: 100%;
}
/* gift slider  */
.girt23__bl_scroll-list__nav{
    bottom: 0;
}
/* gift banner  */
.l-section__gift23-banner{
    padding: 0 15px;
}
.gift23-banner__wrap{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.gift23-banner__col-left{
    width: 100%;
}
.gift23-banner__col-right{
    width: 100%;
    background-color: #92929A;
}
.gift23-banner__col-inner-right {
    padding: 30px 15px 40px;
}
.gift23-banner__title{
    font-size: 1.8rem;
    
    line-height: 1.5;
    margin-bottom: 1rem;
}
.gift23-banner__text{
    font-size: calc(1rem + .1vw);
    margin-bottom: 2.5rem;
}

}

/* ##404
--------------------------------------------- */

.mye-404-page {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}


h1.mye-404-heading {
    margin-bottom: 1rem;
}
p.mye-404-subText {
    font-size: 1.2rem;
    margin-bottom: 1em;
}
p.mye-404-text {
    margin-bottom: 1.5em;
}
@media screen and (max-width: 1200px) {
    .mcc-23s__fix-left{
        left: calc(((100% - 594px) / 2)/10);
    }
    .mcc-23s__fix-right{
        right: calc(((100% - 594px) / 2)/10);
    }
    .s23__main-title{

        font-size: calc(1rem + 3vw);
    }
    .s23__nav-title{

        font-size: calc(1rem + 1vw);
    }
    .s23__nav-item{

        font-size: calc(1rem + 1vw);

    }
}
@media screen and (max-width: 1000px) {
    .s23__main-title{

       display: none;
    }
    .s23__nav-title{

        font-size: calc(1rem + .5vw);
    }
    .s23__nav-item{

        font-size: calc(1rem + .5vw);

    }
   

}
@media screen and (max-width: 750px) {
    .mcc-23s__center{
        overflow: hidden;
    }
    .mcc-23s__fix-left{
        display: none;
    }
    .mcc-23s__fix-right{
        display: none;
    }
    .s23-hero__upper{
        bottom:50px;
    }
    .s23-hero__text-block{
        margin-right: 20px;
        width: 50%;
    }
    .s23-hero__title{
        font-size: 1.1rem;
       line-height: 1.5;
       margin-bottom: 1.5rem;
    }
    .s23-hero__text{
        font-size: 1rem;
        line-height: 1.7;
    }
    .s23-slash-area{
        left: 20px;
    }
    .s23-s_leaf-box{
        margin-top: -61px;
    }
    .s23-recommend__card{
        margin-top: 95px;
    }
    .s23-recommend__sub-img-area{
        display: none;
    }
    .s23-recommend__sub-eye_mobile{
        display: block;
        position: absolute;
        top: -100px;
        right: 3px;
        width: 160px;
    }
    .s23-recommend__tea-img-area{
        margin-bottom: 2rem;
    }
    .s23-recommend__p-name{
        margin-bottom: .5rem;
        font-size: 1.5rem;
    }
    .s23-poem__text{
        line-height: 2;
    }
    .s23-recipe__title{
        font-size: 3rem;
    }
    .s23-recipe__title-area{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align:start;
            -ms-flex-align:start;
                align-items:start;
    }
    .s23-recipe__label {
        font-size: 2.5rem;
        color: #1B7302;
        /* flex-basis: auto; */
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        width: 100%;
        text-align: right;
    }
    .s23-recommend__p-btn {
        font-size: 1.125rem;
        border: 1px solid #707070;
        padding: 1em 1em;
        display: block;
        width: 100%;
        border-radius: 28px;
        text-align: center;
        margin: 0 auto;
        font-weight: 700;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    
}
/* ##Animation
--------------------------------------------- */


.anm_fade-up {
    opacity: 0;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 1s ease, -webkit-transform .9s ease;
    transition: opacity 1s ease, -webkit-transform .9s ease;
    -o-transition: opacity 1s ease, transform .9s ease;
    transition: opacity 1s ease, transform .9s ease;
    transition: opacity 1s ease, transform .9s ease, -webkit-transform .9s ease;
  }
  .anm_fade-side-right {
    opacity: 0;
    -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
            transform: translateX(30px);
    -webkit-transition: opacity 1s ease, -webkit-transform .9s ease;
    transition: opacity 1s ease, -webkit-transform .9s ease;
    -o-transition: opacity 1s ease, transform .9s ease;
    transition: opacity 1s ease, transform .9s ease;
    transition: opacity 1s ease, transform .9s ease, -webkit-transform .9s ease;
  }
  .anm_fade-side-left {
    opacity: 0;
    -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
            transform: translateX(-30px);
    -webkit-transition: opacity 1s ease, -webkit-transform .9s ease;
    transition: opacity 1s ease, -webkit-transform .9s ease;
    -o-transition: opacity 1s ease, transform .9s ease;
    transition: opacity 1s ease, transform .9s ease;
    transition: opacity 1s ease, transform .9s ease, -webkit-transform .9s ease;
  }
  .abm_delay_2{
    -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .abm_delay_4{
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  
  .anm_list_delay_3 .anm_fade-up:nth-child(1){
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
  }
  .anm_list_delay_3 .anm_fade-up:nth-child(2){
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
  }
  .anm_list_delay_3 .anm_fade-up:nth-child(3){
    -webkit-transition-delay: .6s;
         -o-transition-delay: .6s;
            transition-delay: .6s;
  }
  .anm_list_delay_3 .anm_fade-up:nth-child(4){
    -webkit-transition-delay: .8s;
         -o-transition-delay: .8s;
            transition-delay: .8s;
  }
  .anm_list_delay_3 .anm_fade-up:nth-child(5){
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
  }
  .anm_list_delay_3 .anm_fade-up:nth-child(6){
    -webkit-transition-delay: 1.2s;
         -o-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  
  @-webkit-keyframes fade-up {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  
  @keyframes fade-up {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes fade-side-right {
    0% {
      opacity: 0;
      -webkit-transform: translateX(30px);
              transform: translateX(30px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
  @keyframes fade-side-right {
    0% {
      opacity: 0;
      -webkit-transform: translateX(30px);
              transform: translateX(30px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
  @-webkit-keyframes fade-side-left {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-30px);
              transform: translateX(-30px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
  @keyframes fade-side-left {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-30px);
              transform: translateX(-30px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }

/* ##Form
--------------------------------------------- */


.mye-form {
    width: 100%;
    max-width: 600px;
}
.mye-form h4{
    margin-bottom: 30px;
}

.mye-form form > p {
    margin-bottom: 1.5rem;
}


.mye-form-area .info_mail_title {
    font-size: 1.4rem;
    border-bottom: 1px solid #333;
    padding-bottom: .5rem;
    margin-bottom: 1em;
}
.mye-form-area .info_mail_text {
    margin-bottom: 2rem;
}
.mye-form form p.input-label {
    margin-bottom: .5rem;
}


.mye-form p.address-input {
    line-height: 2;
}

.mye-form input.mye-submit{
    display: inline-block;
    padding: 8px 10px;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.08929em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    text-decoration: none;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    position: relative;
    min-width: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #212121;
    color: #fff;
    background-color: #484848;
    cursor: pointer;
}

.mye-form input.mye-submit:hover{

    border: 1px solid #C7C7C7;
    background-color: #C7C7C7; 
    color: #333;

}
.mye-form .radio-column{
    line-height: 2;
}
.mye-form form p.cord-atention {
    font-size: .9rem;
    line-height: 1.8;
    margin-bottom: .5rem;
}
@media screen and (max-width: 750px) {

    .mye-form textarea{
        width: 300px;
    }

}

/*--------------------------------------------------------------
###Category
--------------------------------------------------------------*/


/* ##template
--------------------------------------------- */

.category-page-col-2__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.category-page-col-2__text-area{
    width:49%;
    margin-right:2%;
   
}
.category-page-col-2__text-inner{
    padding-right: 16.66%;
}

.category-page-col-2__img-area{
    width:49%;
}

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

    /*===== ! section about ======*/
    .category-page-col-2__text-area{
        width:100%;
        margin-right:0;
        margin-bottom:30px;
        
    }
    .category-page-col-2__text-inner{
        padding: 15px;
    }
    
    .category-page-col-2__img-area{
        width:100%;
        padding-left: 15px;
    }

}


/* ##Category Common
--------------------------------------------- */

.category-area{
    margin-top: 4rem;
}
.product-category__head{
    text-align: center;
    margin-top: 40px;
}

.product-category__sub-title{
    margin-bottom: 1rem;
}

h1.product-category__title {
  margin-bottom: 2.5rem;
  line-height: 1.5;
  font-size: 2rem;
}

.product-category-message .text-wrap{
  display: block;
  width: 60%;
  margin: 0 auto; 
  margin-bottom: 4rem;
}
.tea-series-list{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 3rem;
}
.tea-series-list .media{
  margin-bottom:3.5rem;
}
.media__en-title{
  font-size: .6em;
  margin-left: 1.6em;
}

.your-blend-banner{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding:50px 30px;
  background: #FAFAFA;
}
.banner__left{
  width: 50%;
}
.banner__left img{
  display: block;
  width: 70%;
  margin: 0 auto;
}
.banner_right{
  width: 50%;
}
.banner__sub-title{
  margin-bottom: 1rem;
}
.banner__title{
  margin-bottom: 1rem;
}
.banner__text{
  margin-bottom: 2rem;
}
.your-blend-banner .bl_primary-btn{
  width: 100%;
}

.mye-product-list-info{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2rem;
  margin-top: 2rem;
  /* border-bottom: 1px solid #C7C7C7; */
  padding-bottom: .5em;
  font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.mye-product-list-info .fs-c-breadcrumb{
  margin:0;
  margin-bottom: 1rem;

}
.mye-product-list-info .fs-c-sortItems{
  margin-bottom: .5rem;
}
.fs-c-productList__controller{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fs-c-productList__controller >*:first-child{
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.fs-c-productList__controller >*:nth-child(2){
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.mye-product-list-info .fs-c-listControl{
  text-align: right;
  padding-right: 10px;
}




/* ##Tea leaf
--------------------------------------------- */

/*==== ! Quality ========*/
.l-section__tealeaf-quality{
    margin-bottom: 150px;
}
.tealeaf-quality__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.tealeaf-quality__text-area{
    width: 41.666%;
}
.tealeaf-quality__img-area{
    width: 58.333%;
}

.tealeaf-quality__text-inner{
    padding-right: 20%;
}


.tealeaf-package{
    margin-bottom: 100px;
}


/*==== ! Number ========*/
.l-section__tealeaf-number{
    margin-bottom: 80px;
}
.tealeaf-number__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.tealeaf-number__text-area{
    width: 50%;
}
.tealeaf-number__img-area{
    width: 50%;
}

.tealeaf-number__text-inner{
    padding-left: 16.666%;
}

.tealeaf-number__category-item{
    margin-bottom: 40px;
}
.tealeaf-number_sub-title{
    margin-bottom: 5px;
}
.tealeaf-number__item-name{
    /* font-weight: 700; */
    margin-bottom: 10px;
}
.tealeaf-number__title_jp{
    margin-left: 10px;
}
.tealeaf-number__title_en{
    font-size: 1.6rem;
    text-decoration: underline;
    line-height: 1.8;
}
.tealeaf-number__title_jp{
    /* margin: 0; */
}
.tealeaf-number__item-name{
    margin-top: 10px;
    margin-bottom: 20px;
}
.tealeaf-number__item-list {
    margin-bottom: 36px;
}

/*==== ! Note ========*/
.tealeaf-note__inner{
    /* border-top: 1px solid #EFEFEF; */
    padding-top: 40px;
}
.tealeaf-note__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.tealeaf-note__text-area{
    width: 50%;
}
.tealeaf-note__img-area{
    width: 50%;
}
.tealeaf-note__img-inner{
    width: 84%;
    margin: 0 auto;
}

.tealeaf-note__text-inner{
    padding-left: 16.666%;
}

/*==== ! Taste ========*/
.l-section__tealeaf-taste{
    padding: 0 30px 30px;
    /* border-top: 1px solid #EFEFEF; */

}
.tealeaf-taste{
    padding-top: 10px;
    /* border-top: 1px solid #EFEFEF; */
}
.tealeaf-taste__inner{

}
.tealeaf-taste__sub-title{
    margin-bottom: 30px;

}
.tealeaf-taste__title{
    font-size: 1.875rem;
    font-weight: 500;
    margin-bottom: 50px;

}


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


/*==== ! Quality ========*/
.l-section__tealeaf-quality{
    margin-bottom: 20px;
}
.tealeaf-quality__wrap{

}
.tealeaf-quality__text-area{
    width: 1006%;
}
.tealeaf-quality__img-area{
    width: 100%;
    margin-bottom: 30px;
}

.tealeaf-quality__text-inner{
    padding: 15px;
}

.tealeaf-quality__mobile-img-01{
    width: 100%;
    padding-left: 25%;
    margin-bottom: 30px;

}
.tealeaf-quality__mobile-img-02{
    width: 100%;
    padding: 15px;
}

.l-section__tealeaf-package{
    display: none
}

/*==== ! Number ========*/
.tealeaf-number{
    margin-top: 40px;
}
.l-section__tealeaf-number{
    margin-bottom: 18px;
}


.tealeaf-number__text-area{
    width: 100%;
}
.tealeaf-number__img-area{
    width: 100%;
    /* display: none; */
   
}

.tealeaf-number__text-inner{
   padding: 15px;

}
.tealeaf-number__title_en{
    font-size: 2rem;
    text-decoration: underline;
    line-height: 1.8;
}
.tealeaf-number__title_jp{
    margin: 0;
}
.tealeaf-number__item-name{
    margin-top: 10px;
    margin-bottom: 20px;
}
.tealeaf-number__item-list {
    margin-bottom: 36px;
}


/*==== ! Note ========*/

.tealeaf-note__text-area{
    width: 100%;
}
.tealeaf-note__img-area{
    width: 100%;
}
.tealeaf-note__img-inner{
    width: 100%;
    padding: 0 15px;
}

.tealeaf-note__text-inner{
    padding: 15px;
}

/*==== ! Taste ========*/

.tealeaf-taste__inner {
    padding: 15px;
}
.l-section__tealeaf-taste{
    padding: 0;
}

}





/* ##YOUR BLEND
--------------------------------------------- */


.release-info-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.release-info-pack{
    text-align: center;
}
.yourblend_message{
    line-height: 1.5;
}

.release-info-area p{
    font-weight: 700;
}
.release-title{
    margin-bottom: .2em;
}

.yourblend-about__reserve{
    font-size: .9rem;
    margin-bottom: 20px;
}

/* .release-info-pack > *{
    display: inline-block;
} */
.ticket-label{
  display: inline-block;
  border: 1px solid #333;
  padding: 2px 20px;
  font-weight: 700;
}

.mye-note_area .side-contents{
  padding: 0 20px;
  padding-left: 3%;
}
.side-contents__title {
  line-height: 1.5;
}

.page_yourblend .product-category__title{
  margin-bottom: 4.5rem;
}


.area_column__2{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  /* align-items: center; */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.area_column__2 > *{
  width: 50%;
  /* padding: 20px; */
}
.area_column__2 > *:first-child{
  padding-right: 10px;
}
/* .area_column__2 > *:last-child{
  padding-left: 10px;
} */
.yourblend_fit_area{
  text-align: center;
  margin-bottom: 4rem;
}
.yourblend_fit_area > *{
  margin-bottom: 3rem;
}
.yourblend_info_area > *{
  margin-bottom: 3rem;
}
.yourblend_info_contents > *{
  margin-bottom: 1rem;
}
.yourblend_inf_price{
  text-align: center;
}
p.text-left{
  text-align: left;
}
.mye-note_img{
  margin-bottom: 1rem;

}

.mye-insta-box{
  text-align: center;
  margin-top: 1em;
}
.mye-insta-box.instagram-menu a{
  font-size: 38px;
}
/* .yourblend_message>*{
  margin-bottom: 3rem;
} */
.mye-note_area{
  padding: 30px;
}
.mye-note_area_nonpadding-side{
  padding: 30px 0;
}
.mye-note_area .side-contents > *{
  margin-bottom: 1.5rem;
}

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

  .mye-note_area{
      padding: 0;
  }

.product-category-message .text-wrap{
  width: 100%;
}


.your-blend-banner{
  padding: 20px 15px;
}
.banner__left {
  width: 100%;
}
.banner_right {
  width: 100%;
}
.mye-product-list-info .fs-c-sortItems
{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mye-product-list-info .fs-c-listControl{
  text-align: left;
  padding-left: 5px;
}
.area_column__2 > *{
  width: 100%;
}
.l-section.section-spacer{
  margin-bottom: 1rem;
}

.release-title{
  font-size: 1.5rem;
}
}
@media screen and (max-width: 850px) {
  .area_column__2 > *:first-child{
      padding-right: 0;
  }
}

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

  div.card_tealeaf div.card_body{
      padding-top: 0;
  }
 

}


/* --- 2 ----*/
.reserve-area{
    /* padding: 3%; */
    /* max-width: 800px; */
    margin: 0 auto;
}
.reserve-area .capt{
    font-size: .85rem;
    color: #333;
    margin-top: 8px;
    text-align: center;
}
.reserve-area_btn-area a{
    padding: 20px 20px;
    display: block;
    margin: 0 auto;
    width: 100%;
    font-weight: 700;
    border-color: #333;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}
.reserve-area .attention-text{
    padding: 30px 3%;
    border: 1px solid #333;
    line-height: 2;
    margin-top: 3rem;
}
.reserve-area .attention-text .attention-head{
    font-size: 1.1rem;
    border-bottom: 1px solid #333;
    margin-bottom: 6px;
    padding-bottom: 2px;
}
.reserve-area .attention-text ul{
    padding-left: 20px;
}
.reserve-area .attention-text li{
    list-style: outside;
}

.reserve-area_btn-area{
    margin-bottom: 3rem;
}
.attention-card .text-center-area{
    text-align: center;
}
/* 
.attention-card-wrap{
    display: flex;
    align-items: stretch
} */
.attention-card{
    /* width: 33.33%; */
    background: #FAFAFA;
    padding: 20px 3%;
    padding-bottom: 40px;
}
.attention-card p{
    font-size: 1rem;
    line-height: 1.6;
}
.attention-card__title{
    text-align: center;
    margin-bottom: 4rem;
}
.attention-card__title .title-sub{
    font-size: .85rem;
}
.attention-card .text-big{
    font-weight: 700;
}
p.text-big{
    font-size: 1.2rem;
    line-height: 2;
}
p.text-middle{
    font-size: 1.2rem;
}
p.text-small{
    font-size: .9rem;
}
.text-price{
    margin-bottom: 2rem;
}

.attention-card .box-margin{
    margin-bottom: 3rem;
}
.attention-card .divider{
    margin-bottom: 1.5rem;
}
.attention-card .covid{
    text-align: center;
    margin-bottom: 1rem;
}

.release-info-area{
    margin-bottom: 3rem;
}


@media screen and (max-width: 850px){
    .reserve-area{
        padding: 0;
    }

}
@media screen and (max-width: 750px) {
    .release-info-area{
        margin-bottom: 2rem;
    }
    .reserve-area_btn-area{
        margin-bottom: 3rem;
    }
    .attention-card__title{
        margin-bottom: 2rem;
    }
    .attention-card{
        padding: 20px 30px;
        padding-bottom: 40px;
    }
    .cardUnit__col3.card__yourblend-attention > .card{
        width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
    }

    .reserve-area{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .reserve-area > .mob-order-2{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        margin-top: 2rem;
    }
    .reserve-area > .mob-order-1{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    .mob-padding-none{
        padding: 0;
    }
}
/* ##wakocha
--------------------------------------------- */
.color_wakocha{
    color: #7B2612;
}
.wakocha__tg-step-nav__nav-wrap{

}
.wakocha__tg-step-nav__item-inner{
    position: relative;
}
.wakocha__tg-step-nav__item-title-area{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.wakocha__bg-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
}
.wakocha__tg-step__section-index{
    font-family: "roca", sans-serif;
font-weight: 700;
font-style: normal;
}
.wakoch__tg-step_copy {
    margin-bottom: 2rem;
}
.wackocha__l-section__tg-step-3{
    margin-bottom: 1rem;
}
.wackocha__tg-step__item_last{
    margin-bottom: 2rem;
}
@media screen and (max-width: 750px) {
    .wakocha__tg-step-nav__title{
        font-size: 1.25rem;
    }
    .wakocha__tg-step-nav__item-title-area{

    }
.wakocha__tg-step-nav__nav-wrap .tg-step-nav__item-number {
    font-size: 1.25rem;
}
.wakocha__tg-step-nav__nav-wrap .tg-step-nav__item-title {
    font-size: .9rem;
}
.wakocha__tg-step-nav__item{
    width: 48%;
    margin-right: 4%;
}
.wakocha__tg-step-nav__nav-wrap .wakocha__tg-step-nav__item:nth-of-type(2n){
    margin-right: 0;
}
}

/* ##YOUR BLEND New
--------------------------------------------- */

.ybn-top__btn-area{
    margin-bottom: 4rem;
}
.ybn-top__btn-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.ybn-top__btn-item{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1rem;
}
.ybn-top__btn-wrap .ybn-top__btn-item:last-child{
    margin-right: 0;
}
.ybn-top__move-btn{
    max-width: 100%;
    width: 100%;
    padding: 10px 20px;
}
.l-section__ybn-top{
    max-width: 1400px;
    margin: 0 auto 3rem;
    /* padding: 0 0 3rem; */
}
.l-section__ybn{
    max-width: 1600px;
    margin: 0 auto;
    /* border-top: 1px solid #CCCCCC; */
    /* padding: 4rem 0 3rem; */
}
.ybn-top__tag-area{
    margin-bottom: 1rem;
}
.ybn-top__tag-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.ybn-top__tag-item{
    width: 135px;
    border: 1px solid #707070;
    border-radius: 10px;
    text-align: center;
    padding: 5px 0;
    margin-right: 20px;
    margin-bottom: .5rem;
}
.ybn-top__tag{
    font-size: 0.68rem;
    font-weight: 700;
}
.ybn-top__tag-wrap .ybn-top__tag-item:last-child{
    margin-right: 0;
}

.ybn-top__copy{
    font-size: 3rem;
    text-align: center;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}
.ybn-top__copy-sub{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 3.4rem;
}
.ybn-top__copy-text-wrap{
    max-width: 812px;
    margin: 0 auto 4rem;
}

.ynb-flow__contetns-inner{
    padding: 40px 0;
}
.ybn-flow__sec-sub-title{
    font-size: 0.875rem;
    margin-bottom: .5rem;
}
.ybn-flow__sec-title{
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 2rem;
}
.ybn-top__img-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.ybn-top__img-item{
    width: 32.6%;
    margin-right: 1%;
    margin-bottom: 1rem;
}
.ybn-top__img-wrap .ybn-top__img-item:last-child{
    margin-right: 0;
} 

.l-section__ybn-flow{
    background-color: #F7FDFF;
    width: 100%;
    max-width: 100%;
}
.ynb-flow__contetns-inner{
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    padding: 3rem 30px;
}
.ybn-flow__item-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.ybn-flow__item{
    width: 15.8%;
    margin-right: 1%;
    margin-bottom: 1rem;
}
.ybn-flow__item-wrap .ybn-flow__item:last-child{
    margin-right: 0;
}
.ybn-flow__item-img{
    margin-bottom: 1rem;
}
.ybn-flow__item-title{
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.ybn-flow__link{
    margin: 1rem 0;
}

.l-section__ate{
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 2rem;
}
.ybn-ate__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.ybn-ate__l_left{
    width: 34%;
}
.ybn-ate__l_right{
    width: 66%;

}
.ybn-ate__l_left-inner{
    padding-right: 25%;
}
.ybn-ate__l_right-inner{
    padding-right: 25%;
}
.ybn-ate__heading{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.ybn-ate__text{
    margin-bottom: 2rem;
}
.ybn-ate__title-area {
    background: #F7F7F7;
    padding: 4rem 15px;
    text-align: center;
}
.ybn-ate__sub-title{
    font-size: 0.875rem;
    margin-bottom: .5rem;
}
.ybn-ate__title{
    font-size: 2.125rem;
    line-height: 1.5;
    font-weight: 500;
}
a.ybn-ate__reg-btn{
    padding: 15px 20px;
}

@media screen and (max-width: 850px) {
    .ybn-top__btn-area {
        margin-bottom: 1rem;
    }
    .ybn-top__btn-wrap{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 15px;
    }
    .ybn-top__btn-item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    } 
    .ybn-top__tag-item{
        margin-right: 0;
    }
    .l-section__ybn-top{
        padding-top: 2rem;
    }
    .ybn-top__tag-wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .ybn-top__copy-area{
        padding: 0 15px;
    }
    .ybn-top__copy {
        font-size: 2.8rem;
    }
    .ybn-top__copy-sub{
        font-size: 1.4rem;
        margin-bottom: 1.4rem;
    }

    .ybn-top__img-item{
        width: 100%;
        padding-left: 15px;
    }

    .l-section__ybn-flow{
        margin-bottom: 3rem;
    }
    .ynb-flow__contetns-inner{
        padding-right: 15px;
        padding-left: 15px;
    }

    .ybn-flow__item{
        /* width: 15.8%; */
        margin-bottom: 2rem;
    }
    .ybn-flow__item-wrap .ybn-flow__item:nth-child(1){
       width: 100%; 
       margin-right: 0;
    }
    .ybn-flow__item-wrap .ybn-flow__item:nth-child(2){
        width: 49%;
        margin-right: 2%;
    }
    .ybn-flow__item-wrap .ybn-flow__item:nth-child(3){
        width: 49%;
        margin-right: 0;
    }
    .ybn-flow__item-wrap .ybn-flow__item:nth-child(4){
        width: 49%;
        margin-right: 2%;
        
    }
    .ybn-flow__item-wrap .ybn-flow__item:nth-child(5){
        width: 49%;
        margin-right: 0;
    }
    .ybn-flow__item-wrap .ybn-flow__item:nth-child(6){
        width: 100%;
        margin-right: 0;
        
    }
    .l-section__ate{
        margin-bottom: 3rem;
    }
    .ybn-ate__l_left{
        width: 100%;

    }
    .ybn-ate__l_right{
        width: 100%;
    
    }
    .ybn-ate__l_left-inner{
        padding: 0;
    }
    .ybn-ate__l_right-inner {
        padding-right: 0;
    }
    .ybn-ate__title-area{
        padding: 15px 15px;
        margin-bottom: 3rem;
    }
    .ybn-ate__title{
        font-size: 1.5rem;
    }
   
}


/*--- about -----*/
.yourblend-about__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.yourblend-about__main{
  width: 33.33%;

}
.yourbland__main-img-01{
  width: 32.33%;
  margin-right: 2%;
}
.yourbland__main-img-02{
  width: 32.33%;
}

.yourblend-about__main-inner{
    padding-right: 20%;
}

.yourblend-about__heading{
  font-size: 3rem;
  line-height: 1.5;
  margin-bottom: 45px;
  font-weight: 500;

}
.yourblend-about__sub-heading{
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 30px;
  font-weight: 500;

}
.yourblend-about__text{
    line-height: 1.6;
  margin-bottom: 70px;

}

/*--- Flow-----*/
.l-section__blend-flow{
    
}
.blend-flow__bg{
    background: #FAFAFA;
    padding:45px 30px;
}

.blend-flow__titile-block{
    margin-bottom: 40px;
}

/*==== ! Step ========*/

.yourblend-fllow__wrap{
    background: #FAFAFA;
}
.yourblend-fllow__inner{
    padding:50px 5%;
}

.yourblend-fllow__title{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 60px;
}
.yourblend-fllow__center-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* 変更なし */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; /* 変更なし */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; /* 変更なし */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; /* 変更なし */
}


.yourblend-fllow__step-area{
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 100px;
}
.yourblend-fllow__step-area{
    
}
.yourblend-fllow__step-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.yourblend-fllow__step-itme{
    width: 16.66%;
    text-align: center;
}
.yourblend-fllow__step-item-inner{
    padding: 15px;
}
.yourblend-fllow__link-area{
    /* width: 50%; */
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.yourblend-about__insta-text{
    font-size: .9rem;
    margin-bottom: 10px;
}
.yourblend-about__instagram{
 font-size: 25px;
}



/*--- info -----*/
.l-section__yourblend-info{
    margin-bottom: 4rem;
}

.youblend-info__top-area{
    margin-bottom: 70px;
}
.yourblend-info__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.yourblend-info__item{
    width: 49%;
    background: #FAFAFA;

}
.yourblend-info__inner .yourblend-info__item:first-child{
  margin-right: 2%;
}

.yourblend-info__img-wrap{
    margin-bottom: 40px;
}
.yourblend-info__title-area{
    margin-bottom: 50px;
    text-align: center;
}
.yourblend-info__title-area .bl__sub-title{
    /* margin-bottom: 10px; */
}
.yourblend-info__text-wrap{
    padding:50px 10%;
}
.yourblend-info__text p{

}
.yourblend-info-title{
    font-size: 1.5rem;
}
.yourblend-info__text-price{
    text-align: center;
    font-weight: 400;
    font-size: 1.3rem;
}
.yourblend-info__text-bold{
    text-decoration: underline;
}
.yourblend-info__text .small{
  font-size: .85rem;
}
.yourblend-info__text .underline{
  text-decoration: underline;
}
.yourblend-info__text-block{
  margin-bottom: 40px;
}

/*--- reserve -----*/
.yourblend-reserve__attenttion-area{
    width: 100%;
    max-width: 600px;
    margin:0 auto;
    padding-top: 50px;
    border-top: 1px solid #333;

}
.yourblend-reserve__attention__inner{


}
.yourblend-reserve__btn-area{
    margin-bottom: 8rem;
}
.yourblend-reserve__title{
    text-align: center;
    margin-bottom: 40px;

}
.yourblend-reserve__text-block{
    margin-bottom: 60px;

}
.yourblend-reserve__text-block p{

}
.yourblend-reserve__text-block ul{
  padding-left: 20px;

}
.yourblend-reserve__text-block li{
  list-style: disc;
}

.yourblend-reserve__repeat-area{
    margin-bottom: 5rem;
}


@media screen and (max-width: 850px) {
    .bl_btn.yourblend-about_mobile-btn{
        display: inline-block;
    }

    /*--- about -----*/
    .l-section__yourblend-about{
        margin-bottom: 50px;
    }
    .yourblend-about__main{
        width: 100%;
        margin-bottom: 50px;
      }
      .yourblend-about__inner{
          padding: 15px;
      }
      .yourbland__main-img-01{
        width: 49%;
        /* margin-right: 0; */
        /* margin-bottom: 30px; */
      }
      .yourblend__main-img-01-inner{
          /* padding-left: 25%; */
      }
      .yourbland__main-img-02{
        width: 49%;
      }
      .yourblend__main-img-02-inner{
        /* padding-left: 25%; */

    }
    .yourblend-about__heading{
        font-size: 2.2rem;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .yourblend-about__sub-heading{
    
    font-size: 1.6rem;
    line-height: 1.5;
        font-weight: 500;
    }
    .yourblend-about__main-inner {
        padding-right: 0;
    }
    .yourblend-about__text{
        margin-bottom: 40px;
    }
    .yourblend-about__insta-text{
        margin-bottom: 40px;
    }

    /*--- info -----*/


    /*--- reserve -----*/

}

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


    /*--- about -----*/
    .yourbland__main-img-01{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
      }
      .yourblend__main-img-01-inner{
          padding-left: 25%;
      }
      .yourbland__main-img-02{
        width: 100%;
      }
      .yourblend__main-img-02-inner{
        padding-left: 25%;

    }

    .blend-flow__bg{
        padding: 30px 5%;
    }
   
    /*==== ! Step ========*/
    .yourblend-fllow__step-area{
        margin-bottom: 40px;
    }

    .yourblend-fllow__step-itme {
        width: 50%;
        margin-bottom: 10px;
    }
    .bl_btn.bl_primary-btn.yourblend-fllow_btn{
        max-width: 100%;
        width: 100%;
    }
    

    /*--- info -----*/
    .yourblend-info__inner{
        padding: 15px;
    }
    .youblend-info__top-area {
        margin-bottom: 30px;
    }
    .yourblend-info__item{
        width: 100%;
        margin-bottom: 20px;
    }
    .yourblend-info__inner .yourblend-info__item:first-child{
        margin-right: 0;
      }
      .yourblend-info__inner .yourblend-info__item:last-child{
        margin-bottom: 0;
      }
.yourblend-info__text-wrap{
    padding: 15px;
}
      .yourblend-info__img-inner_02{
          padding-left: 25%;
      }
      .l-section__yourblend-info{
          margin-bottom: 2rem;
      }
      .yourblend-info__title-area{
          margin-bottom: 30px;
      }
      .yourblend-info__title-area .bl__sub-title{
        margin-bottom: 5px;
      }
      .yourblend-info__title-area .bl__title{
        font-size: 1.5rem;
      }

    /*--- reserve -----*/
    .yourblend-reserve__btn-area{
        margin-bottom: 4rem;
    }
    .yourblend-reserve__title{
        font-weight: 500;
    }

}
/* ##Tool
--------------------------------------------- */



/*===== ! section about ======*/


.tool-about__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.tool-about__text-area{
    width:49%;
    margin-right:2%;
    padding-right: 16.66%;
}

.tool-about__img-area{
    width:49%;
}

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

    /*===== ! section about ======*/
    .tool-about__text-area{
        width:100%;
        margin-right:0;
        margin-bottom:30px;
        padding: 15px;
    }
    
    .tool-about__img-area{
        width:100%;
        padding-left: 15px;
    }

}

/* ##Goods
--------------------------------------------- */

@media screen and (max-width: 750px) {
    .bl_column-body__title_goods{
        font-size: 1.4rem;
    }
}



/* ##Food
--------------------------------------------- */



.food-message_area{
    margin-top: 6rem;
    margin-bottom: 4rem;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 4rem;
  }

  .food-message__subTitle {
    margin-bottom: .8rem;
    font-size: 1.5rem;
}
  .food-message__title {
    margin-bottom: 1rem;
    font-size: 3rem;
}

div.card.food-menu__item{
    padding: 30px;
    background: #FAFAFA;
}
  .food-menu__item > *{
      margin-bottom: 1.5rem;
  }
  .food-menu__title_area{
      /* text-align: center; */
  }
  .food-menu__number{
    margin-bottom: .4em;
    font-size: 1.5rem;
  }
  .food-menu__subTitle{
    margin-bottom: .5em;
    font-size: 1.5rem;
}
.food-menu__title{
    font-size: 2.125rem;
    line-height: 1;
    margin-bottom: .5em;
}
p.food-menu__text {
    display: block;
    height: 170px;
    line-height: 1.5;
}

.food-menu__img_area{
    margin-bottom: 3rem;
}
.food-menu__link-area{
    text-align: center;
    margin: 40px 0 0;
}
.food-menu__description_copy{
    text-align: center;
    margin-bottom: 1.5rem;
}
.food-menu__description_text{
    margin-bottom: 3rem;
}
.food-menu__btn_area .area_column__2{
    width: 86%;
    margin: 0 auto;
}

  

.food-panel .food-menu__img_area{
    max-width: 1080px;
    width: 70%;
    margin: 0 auto;
}


/*===== ! section food about ======*/

.l-section__food-about{
    padding-bottom: 100px;
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 90px;
}

.food-about__text-inner{
    width: 50%;
    margin-bottom: 70px;
}

.food-about__item-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.food-about__item{
    width: 32.666%;
    margin-right: 1%;
}
.food-about__item-wrap .food-about__item:last-child{
    margin-right: 0;
}
.food-about__item-link{
    cursor: pointer;
}
.food-about__item-name{
    text-align: center;
    margin: 20px 0 20px;

}
.food-about__item-text{
    text-align: center;
}

.food-about__item-link:hover .food-about__item-name{
    text-decoration: underline;
}

/*===== ! section tea chef======*/

.l-section__food-chef{
    margin-bottom: 100px;
}
.food-chef__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.food-chef__text-area{
    width:49%;
    margin-right:2%;
}
.food-chef__text-inner{
    padding-right: 16.66%;
}

.food-chef__text-area .bl_column-body__title{
    letter-spacing: .1em;
}

.food-chef__text-area .bl_column-body__text-box{
    margin-bottom: 60px;
}

.food-chef__img-area{
    width:49%;
}


/*===== ! section food morning ======*/
/* .l-section_full.l-section__mye.l-section__food-morning{
    padding-right: 0;
    padding-left: 0;
} */
.food-morning{
    background: #FAFAFA;
} 
.trial-mye-set__area .bl_column-body__sub-title{
    font-size: 1.6rem;
    line-height: 1.5;
    text-decoration: underline;
}
.food-morning__inner{
  padding: 50px 0;
}
.food-morning__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* align-items: center; */
}
.food-morning__img-area{
    width: 49%;
   
}
.food-morning__img-inner{
    padding-right: 16.66%;
}
.food-morning__text-area{
    width: 49%;
    margin-right: 2%;

}
.food-morning__text-inner{
    padding-left: 16.6%;
    padding-right:16.6%;
}
/* set text body*/
.food-morning__text-body{

}

.food-morning__text-body_sub-title{
    font-size: 1.25rem;
    margin-bottom: 10px;

}

.food-morning__text-body__sub-title{
    font-size: 1.875rem;
    font-weight: 400;
    margin-bottom: 50px;
    padding-bottom: 8px;
    text-decoration: underline;
}
.food-morning__text-body__title{
    font-size: 1.875rem;
    
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 20px;
    letter-spacing: 1.6px;
}
.food-morning__text-body__price{
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 40px;
}
.food-morning__text-body__text-box{
    margin-bottom: 50px;
}
.food-morning__text-body___text{
    font-size: 1rem;
    line-height: 1.6;
}


/*===== ! section food green ======*/

.l-section__food-green{
    margin-bottom: 140px;
}
.food-green__sub-title{
    margin-bottom:20px;
    text-align: center;

}
.food-green__title{
    font-size: 1.875rem;
    margin-bottom: 2.5rem;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
}



.food-green__text{
    display: block;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;

}

/*===== ! section food style ======*/

.food-style__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.food-style__text-area{
    width:49%;
    margin-right:2%;
}
.food-style__text-inner{
    padding-left:16.66%;
}

.food-style__img-area{
    width:49%;
}


/*===== ! section food table ======*/

.l-section__food-table-list{
    margin-top: 140px;
    margin-bottom: 100px;
}
.food-table-list{
    /* margin-bottom: 40px; */
}
.food-table-list__head-sub-title{
    margin-bottom: 5px;
    text-align: center;
}
.food-table-list__head-title{
    font-size: 1.875rem;
    margin-bottom: 50px;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
}
.food-table-list__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.food-table-list__item{
    width: 32.66%;
    margin-right: 1%;
    margin-bottom: 20px;
    cursor: pointer;
}
.food-table-list__wrap .food-table-list__item:nth-child(3n){
    margin-right: 0;
} 
.food-table-list__item-wrap{
    position: relative;
}
.food-table-list__overlay-area{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0);
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.food-table-list__item:hover .food-table-list__overlay-area{
    background: rgba(255,255,255,0.7);
}
.food-table-list__overlay-inner{
    position: relative;
    width: 100%;
    height: 100%;
}

.food-table-list__overlay-title{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    /* margin: 10px 0; */
    text-align: center;
    opacity: 0;
    -webkit-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s;
}
.food-table-list__item:hover .food-table-list__overlay-title{
    opacity: 1;
} 
.food-table-list__item:hover .food-table-list__title{
    text-decoration: underline;
} 
.food-table__button-area{
    margin-top: 80px;
}


@media screen and (max-width: 1350px) {
    .food-menu__title{
        font-size: 1.5rem;
    }
    p.food-menu__text{
        height: 230px;
    }
    div.card.food-menu__item{
        padding: 10px;
    }
}
@media screen and (max-width: 850px) {
    .food-menu__title{
        font-size: 1.2rem;
    } 

        /*===== ! section food table ======*/
        .l-section__food-table-list{
            margin-top: 40px;
            margin-bottom: 80px;
        }
        .food-table-list__item{
            width: 49%;
            margin-right: 2%;
        }
        .food-table-list__wrap .food-table-list__item:nth-child(3n){
            margin-right: 2%;
        } 
        .food-table-list__wrap .food-table-list__item:nth-child(even){
            margin-right: 0;
        }
    
        .food-table-list__head-title{
            margin-bottom: 30px;
        }
        .food-table-list__overlay-area{
            position: relative;
            top: auto;
            left: auto;
            width: auto;
            height: auto;
        }
        .food-table-list__overlay-title{
            position: relative;
            top: auto;
            left: auto;
            opacity: 1;
            -webkit-transform: none;
                -ms-transform: none;
                    transform: none;
        }
        .food-table-list__item:hover .food-table-list__overlay-area{
            background: rgba(255,255,255,0);
        }
        .food-table-list__head-sub-title{
            font-weight: 700;
        }
}

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

    .food-menu__title{
        font-size: 1.5rem;
    } 
    .food-panel .food-menu__img_area{
        width: 100%;
    }
 
    p.food-menu__text{
        height: 156px;
    }
    div.card.food-menu__item{
        padding: 20px;
    }


    /*===== ! section food about ======*/
    .l-section__food-about{
        padding-bottom: 15px;
        border-bottom: none;
        margin-bottom: 40px;
    }
    
    .food-about__text-inner{
        width: 100%;
        margin-bottom: 20px;
    }

    .food-about__item{
        width: 32.666%;
        margin-right: 1%;
    }

     /*===== ! section tea chef ======*/
     .l-section__food-chef {
        margin-bottom: 70px;
    }
     .food-chef__text-area{
        width:100%;
        margin-right:0;
        margin-bottom:30px;
        
    }
    .food-chef__text-inner{
        padding: 15px;
    }
    .food-chef__text-area .bl_column-body__text-box{
        margin-bottom: 30px;
    }
    .food-chef__text-area .bl_btn{
        text-align: center;
    }
    
    
    .food-chef__img-area{
        width:100%;
    }
    .food-chef__img-inner{
        padding-left: 15px;
    }
    /*===== ! section food morning ======*/
    .l-section_full.l-section__mye.l-section__food-morning{
        margin-bottom: 20px;
    
    }
    .food-morning{
    }
    
    .food-morning__inner{
    padding: 20px 0;
    }
    .food-morning__img-area{
    width: 100%;
    margin-right: 0;
    }
    .food-morning__img-inner{
        padding: 15px;
    }

    .food-morning__text-area{
    width: 100%;
    }
    .food-morning__text-inner{
      padding: 15px;
    }
    
    
    .trial-mye-set__title-area{
    padding-bottom: 40px;
    }
    .food-morning__text-body__sub-title{
        text-align: center;
        font-size: 1.45rem;
        margin-bottom: 15px;
    }
    .food-morning__text-body__title{
    font-size: 1.45rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
    }
    .food-morning__text-body__price{
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    }
    .food-morning__text-body__text-box{
    margin-bottom: 30px;
    }

    /*===== ! section food green ======*/
    .l-section__food-green{
        margin-bottom: 70px;
    }
    .food-about__text-inner{
        padding: 15px;
    }
    .food-green__sub-title{
        margin-bottom:10px;
        text-align: left;
    
    }
    .food-green__title{
        font-size: 1.85rem;
        margin-bottom: 15px;
        line-height: 1.5;
        font-weight: 500;
        text-align: left;
    }
    
    
    
    .food-green__text{
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 50px;
    
    }


/*===== ! section food style ======*/

    .food-style__text-area{
        width:100%;
        margin-right:0;
        margin-bottom:30px;
    }
    .food-style__text-inner{
        padding:15px;
    }
    
    .food-style__img-area{
        width:100%;
    }
    .food-style__img-inner{
        padding-left: 15px;
    }
    .food-table__button-area {
        margin-top: 30px;
    }



}




/* ##Taste
--------------------------------------------- */

.l-section__taste-heading-area{
    margin: 30px auto;
}
.taste-heading__sub-title{
    margin-bottom: 10px;
    text-align: center;
}
.taste-heading__title{
    font-size: 1.875rem;
   margin-bottom: 20px;
   text-align: center;
}



/* ##Trial
--------------------------------------------- */


.product-original-contents_try-mye .l-section__mye{
    margin-bottom: 70px;
    padding-top: 70px;
}
.trial-mye-set__area{
    background: #FAFAFA;
    padding-bottom: 10px;
    margin-bottom: 60px;
}
.trial-mye-set__inner{
    padding: 0 8.33%;
}
.trial-mye-set__title-area{
    padding:80px 0 30px;
}
.tiral-mye-set__title{
    font-size: 1.6rem;
    text-align: center;
}

.trial-title-mobile{
    text-decoration: underline;
    margin-bottom: 30px;
    line-height: 1.5;
    letter-spacing: 2px;
}
.trial-title-mobile_padding{
   /* padding: 0 15px;  */
}

.l-section__trial-mye-word .trial-title-mobile,
.l-section__trial-note .trial-title-mobile,
.l-section__trial-card .trial-title-mobile,
.l-section__trial-origami .trial-title-mobile,
.l-section__trial-fllow .trial-title-mobile
{
    display: none;
}
.trial-mye-set__area .bl_column-body__title{
    font-size: 1.4rem;
    letter-spacing: 0;
}

/*--- Try MYE -----*/
.trial-try-mye__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 150px;
}

.trial-try-mye__img-area{
    width: 49%;
    margin-right: 2%;
}
.trial-try-mye__text-area{
    width:49%;
    margin-bottom: 80px;
}
.trial-try-mye__text-inner{
    padding-top: 150px;
    padding-left: 16.66%;
}


.trial-try-mye__title {
    text-align: center;
    font-size: 3rem;
    line-height: 1.5;
    margin-bottom: 15px;
}

.trial-try-mye__price {
    text-align: center;
    margin-bottom: 30px;
}
.trial-try-mye__copy {
    text-align: center;
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 40px;
}
.trial-try-mye__text {
    display: block;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 70px;
}

.trial-try-mye__add-area{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}

/*--- section set-----*/
.l-section_full.l-section__mye.l-section__trial-set{
    padding-right: 0;
    padding-left: 0;
}
.trial-set{
    background: #FAFAFA;
} 
.trial-mye-set__area .bl_column-body__sub-title{
    font-size: 1.6rem;
    line-height: 1.5;
    text-decoration: underline;
}
.trial-set__inner{
  padding: 40px 5%;
}
.trial-set__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.trial-set__img-area{
    width: 49%;
    margin-right: 2%;
}
.trial-set__text-area{
    width: 49%;
}
.trial-set__text-inner{
    padding-left: 16.66%;
}
/* set text body*/
.trial-set__text-body{

}
.trial-set__text-body_sub-title{
    font-size: .9rem;
    margin-bottom: 10px;
   

}
.trial-set__text-body__sub-title{
    font-size: .875rem;
    margin-bottom: 20px;
}
.trial-set__text-body__title{
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
    letter-spacing: 1.6px;
}
.trial-set__text-body__price{
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 40px;
}
.trial-set__text-body__text-box{
    margin-bottom: 50px;
}
.trial-set__text-body___text{
    font-size: 1rem;
    line-height: 1.6;
}

/*--- Gift Wrapping -----*/

.l-section__giftwrapping{
    margin-top: 7rem;
    margin-bottom: 9rem;
}
.media-column{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 4rem;
}
/* .media-column__box_media{
    flex: 1;
    min-width: 440px;
    margin-bottom: 2rem;
}
.media-column__box_text{
    min-width: 48ch;
    margin-bottom: 2rem;
} */
.media-column__p_center{
    margin-right: auto;
    margin-left: auto;
}
.media-column__box{
    margin-bottom: 2rem;
}
.media-column__box_w6{
    width: 60%;
}
.media-column__box_w5{
    width: 50%;
}
.media-column__box_w4{
    width: 40%;
}
.media-column__box-inner_r-1{
    padding-right: 12%;
}
.media-column__box-inner_l-1{
    padding-left: 12%;
}
.media-column__box_center{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.media-column__box_center > * {
    margin-top: auto;
    margin-bottom: auto;
}
.media-column__img{
    margin-bottom: 2rem;
}
/* stack */
.media-column__stack{
    margin-bottom: 3rem;
}
.media-column__stack_s_m{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
/* title */
.media-column__title{
    font-size: 1.875rem;
    line-height: 1.5;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.media-column__title_md{
   margin-bottom: 1rem; 
}
.media-column__title_center{
    text-align: center;
}
.media-column__text{
    margin-bottom: 1rem;
}
@media screen and (max-width: 750px) {
    .l-section__giftwrapping{
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .media-column{
        margin-bottom: 1rem;
    }
    .media-column__box{
        width: 100%;
        margin-bottom: 1rem;
    }
    .media-column__box-inner{
        padding: 0;
    }
    .media-column__title{
        font-size: 1.33rem;
        /* text-align: center;  */
    }
    .media-column__title_center_sp{
        text-align: center;
    }
    .media-column__body{
        padding: 0;
    }
    .media-column__stack_s_m{
        width: 100%;
    }

}

/*--- Focus All -----*/

.trial-focus__number {
    font-size: 1.6rem;
    text-decoration: underline;
    margin-bottom: 70px;
    font-weight: 500;
}

/*--- MYE Word -----*/
.l-section.l-section__mye.l-section__trial-mye-word{
    padding-top: 30px;
}

.trial-mye-word__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.trial-mye-word__text-area{
    width: 49%;
    margin-right: 2%;
}
.trial-mye-word__text-inner{
    padding-top: 30px;
    padding-right: 16.666%;
}
.trial-mye-word__img-area{
    width: 49%;
}


.trial-mye-word__img-top-col{
    margin-bottom: 20px;
}
.trial-mye-word__img-bottom-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.trial-mye-word__img-bottom-wrap img{
    width: 32.666%;
    margin-right: 1%;
    height: 100%;
}
.trial-mye-word__img-bottom-wrap img:last-child{
    margin-right: 0;
}


.trial-mye-word__add-area{
    width: 60%;
    margin: 0 auto;
    margin-top: 40px;

}


/*--- MYE Card-----*/
.l-section__trial-card{
    border-top: 1px solid #CCCCCC;
}
.trial-card__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.trial-card__text-area{
    width:49%;
    margin-right:2%;
}
.trial-card__text-inner{
    padding-top: 30px;
    padding-right: 16.666%;
}

.trial-card__img-area{
    width:49%;
}

.trial-card__img-area img{
    margin-bottom: 30px;
}



/*--- MYE Origami -----*/
.l-section__trial-origami{
    border-top: 1px solid #CCCCCC;
}
.trial-origami__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.trial-origami__text-area{
    width:49%;
    margin-right:2%;
}
.trial-origami__text-inner{
    padding-top: 30px;
    padding-right:16.66%;
}

.trial-origami__img-area{
    width:49%;
}

.trial-origami__img-area img{
    margin-bottom: 30px;
}

/*--- MYE NOTE -----*/

.l-section__trial-note{
    border-top: 1px solid #CCCCCC; 
}

.trial-note__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.trial-note__text-area{
    width:49%;
    margin-right:2%;
}
.trial-note__text-inner{
    padding-top: 30px;
    padding-right:16.66%;
}

.trial-note__img-area{
    width:49%;
}



/*--- MYE Fllow -----*/
.trial-fllow__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.trial-fllow__text-area{
    width:49%;
    margin-right:2%;
    padding-left: 8.33%;
}
.trial-fllow__text-inner{
    padding-right: 16.66%;
}

.trial-fllow__img-area{
    width:49%;
}
.trial-fllow__text-area .bl_column-body__title{
    font-size: 1.6rem;
    letter-spacing: 0;
    text-decoration: underline;
}


/*--- Trial last -----*/

.trial-last__title-area{
    margin-bottom: 40px;
}
.trial-last__title{
    font-size: 1rem;
    font-weight: 700;
}

.trial-last__list-area{
    margin-bottom: 50px;
}
.trial-last__button-area{
    margin-bottom: 20px;
}
.trial-last__button{
    width: 100%;
    max-width: 100%;
}




@media screen and (max-width: 850px) {
    /*--- Try MYE -----*/

/*--- MYE WORD -----*/

/*--- MYE NOTE -----*/

/*--- MYE Fllow -----*/


}

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

    .trial-mye-set__inner{
        padding: 0 ;
    }
    .trial-mye-set__area{
        background: #FAFAFA;
        margin-bottom: 60px;
    }

    .trial-mye-set__area .bl_column-body__text-box{
        margin-bottom: 0;
    }
    .trial-mye-set__area .bl_btn{
        margin-top: 20px;
    }

    .product-original-contents_try-mye .l-section__mye{
        margin-bottom: 40px;
        padding-top: 0;
        border: none;
    }

    
    .traial-mye-set__inner{
        padding-bottom: 20px;
    }

    .trial-mye-word__text-area .bl_column-body__sub-title,
    .trial-note__text-area .bl_column-body_sub-title,
    .trial-card__text-area .bl_column-body_sub-title,
    .trial-origami__text-area .bl_column-body_sub-title,
    .trial-fllow__text-area .bl_column-body_sub-title,
    .trial-fllow__text-area .bl_column-body__title
    {
        display: none;
    }
    .l-section__trial-mye-word .trial-title-mobile,
.l-section__trial-note .trial-title-mobile,
.l-section__trial-card .trial-title-mobile,
.l-section__trial-origami .trial-title-mobile,
.l-section__trial-fllow .trial-title-mobile
{
    display: block;
}

.trial-mye-word__text-area .bl_column-body__title,
.trial-note__text-area .bl_column-body__title,
.trial-card__text-area .bl_column-body__title,
.trial-origami__text-area .bl_column-body__title,
.trial-fllow__text-area .bl_column-body__title
{
    font-size: 1rem;
    margin-top: 20px;
    font-weight: 700;
}

    /*--- Try MYE -----*/

    .trial-try-mye__wrap{
        margin-bottom: 0;
    }
    .trial-try-mye__text-area{
        width:100%;
        margin-right:0;
        margin-bottom:30px;
        padding: 15px;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }


    
   
    .trial-try-mye__img-area{
        width:100%;
        margin-right: 0;
        -webkit-box-ordinal-group:2;
            -ms-flex-order:1;
                order:1;
    }
    .trial-try-mye__text-area{
        width:100%;
        margin-bottom: 30px;
    }
    .trial-try-mye__text-inner{
        padding: 0;
    }
    
    .trial-try-mye__title{
        display: none;

    }
    .trial-try-mye__price{
        display: none;

    }

    .trial-try-mye__copy{
        font-size: 1.4rem;
        font-weight: 500;
        letter-spacing: 2px;
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .trial-try-mye__text{
        margin-bottom: 20px;
    }
    .trial-try-mye__add-area{
        width: 100%;
        padding-left: 15px;

    }

 
    /*--- section set-----*/
    .l-section_full.l-section__mye.l-section__trial-set{
        margin-bottom: 70px;

    }
.trial-set{
}

.trial-set__inner{
  padding: 40px 5%;
}
.trial-set__img-area{
    width: 100%;
    margin-right: 0;
}
.trial-set__text-area{
    width: 100%;
}
.trial-set__text-inner{
    padding: 15px;
}


.trial-mye-set__title-area{
    padding-bottom: 40px;
}
.trial-set__text-body__title{
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
}
.trial-set__text-body__price{
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
.trial-set__text-body__text-box{
    margin-bottom: 30px;
}


/*--- Focus All -----*/

.trial-focus__number {
    font-size: 1.4rem;
    text-decoration: underline;
    margin-bottom: 30px;
}

    /*--- MYE Word -----*/


.trial-mye-word__text-area{
    width: 100%;
    margin-right:0;

}
.trial-mye-word__text-inner{
    padding:15px 0;
}
.trial-mye-word__img-area{
    width: 100%;
    margin-top: 40px;

}
.trial-mye-word__add-area{
    width: 80%;
    margin-top: 10px;
    margin-bottom: 30px;
}


   /*--- MYE NOTE -----*/
   .trial-note__text-area{
    width:100%;
    margin-right:0;
    /* margin-bottom:30px; */
}
.trial-note__text-area .bl_column-body_sub-title{
    display: none;
}
.trial-note__text-inner{
    padding:15px 0;
}

.trial-note__img-area{
    width:100%;
}


/*--- MYE Card-----*/

.trial-card__text-area{
    width:100%;
    margin-right:0;
    margin-bottom:30px;
}
.trial-card__text-inner{
   padding: 15px 0;
}

.trial-card__img-area{
    width:100%;
}


/*--- MYE Origami -----*/

.trial-origami__text-area{
    width:100%;
    margin-right:0;
    margin-bottom:30px;
}
.trial-origami__text-inner{
    padding:15px 0;
}

.trial-origami__img-area{
    width:100%;
}


/*--- MYE Fllow -----*/
.trial-title-mobile{
    font-size: 1.4rem;
}
.trial-fllow__text-area{
    width:100%;
    margin-right:0;
    margin-bottom:0px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-left: 0;
}
.trial-fllow__text-inner{
    padding: 15px 0;
}

.trial-fllow__img-area{
    width:100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}



}


/*--------------------------------------------------------------
###Detail
--------------------------------------------------------------*/


.l-contents_productList{
    padding: 30px;
}
.l-contents_productList .fs-c-breadcrumb{
    display: none;

}
.fs-c-productName__name{
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
}
.fs-c-productPrice{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.fs-c-productListItem__notice{
    font-size: .9rem;
}

.product-intro__text {
    margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
    .l-contents_productList{
        padding: 15px;
    }

}



.fs-c-stockSignLegend {
    font-size: .95rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
}
.fs-c-variationLabel {
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: .5rem;
}


/*=================
   #商品一覧ページ
   =================*/

.fs-c-productList__list__item{
    border-width: 0;
}


/*=================
     #商品詳細ページ
=================*/

.mye-product-empty-box{
     padding-top: 180px; 
}
.fs-l-productLayout{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 3rem;
}

.product-col2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product-left{
  width: 50%;
  padding: 0 30px;
}
.product-right{
  width: 50%;
  padding: 0 30px;
}
.mye-product-detail .fs-c-breadcrumb {
  max-width: 100%; 
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.3333;
  letter-spacing: 0.03333em;
  margin-bottom: 1.2rem;
}
.mye-product-detail .fs-c-breadcrumb__list{
  padding: 0;
}
.product-info-box{
  padding: 20px 0;
  border-bottom: 1px solid #CCCCCC;
  font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.mye-product-detail .product-info-box:last-child{
  border-bottom-width: 0;
}

.mye-product-detail .fs-c-productNumber{
  margin-bottom: 1.2rem; 
  font-weight: 400;
}
.fs-c-productNumber__number{
    font-weight: 400;
}
.fs-c-productNameHeading__name{
    font-weight: 400;
    font-size: 1.6rem;
}
.mye-product-detail .fs-c-productNameHeading{
  margin-bottom: 1rem;
  line-height: 1.2;
}

span.fs-c-productNumber__number {
  margin-left: 1em;
}
.mye-product-detail .fs-c-productPrice__main__label{
  display: none;
}
.mye-product-detail .fs-c-productPrice{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mye-product-detail .fs-c-productPrice > *{
  display: inline-block;
}


.mye-product-detail .capacity{
  display: inline-block;
}

.mye-product-detail .capacity::after{
  content: '|';
  margin-left: 10px;
  margin-right: 6px;
  font-size: 1.2em;
}
.mye-product-detail .fs-c-productPrices--productDetail{
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.03125em;
  font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}


.mye-product-per p {
  margin-bottom: .5em;
  line-height: 1.5;
}
.mye-product-per ul{
  padding-left: 20px;
}
.mye-product-per li{
  list-style: outside;
  margin-bottom: .5em;
  line-height: 1.5;
}

.tea-list > li{
  line-height: 1.6;
}
.tea-info-link-list > *{
  display: block;
  line-height: 2.4;
}

.tea-info-link-list a{
  color: inherit;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
.tea-info-link-list a:hover{

  color: #c7c7c7;
}

.align-right-box{
  text-align: right;
}
.mye-product-detail .fs-c-productActionButton{
    margin: 20px 0;
}
.mye-product-detail .fs-c-productQuantityAndWishlist__wishlist,
.mye-product-detail .fs-c-productQuantityAndWishlist__quantity{
  display: inline-block;
}

.fs-c-productQuantityAndWishlist{
    position: relative;
    margin-top: 30px;
    padding-top: 10px;
}
.product-info-box .fs-c-productQuantityAndWishlist::before{
    content: '数量';
    position: absolute;
    top: -20px;
    left: 0;
}
.product-info-box select.fs-c-quantity__select.fs-system-quantity-list{
    width: 100px;
    height: 40px;
    text-align: center;
}
.video-list-vertical .media__img-wrapper{
  -webkit-box-flex: 0;
      -ms-flex: 0 1 15.58333%;
          flex: 0 1 15.58333%;
}
.video-list-vertical .media{
  margin-bottom: 1rem;
}
.info-title{
  margin-top: 1rem;
  margin-bottom: 1.4rem;
}


p.product-detail-copy{
  font-size: 1.3rem;
  font-weight: 700;
}
.mye-product-per .link-list a{
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

.mye-product-per .link-list a:hover{
  color: #c7c7c7;
}



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

  .mye-product-empty-box {
      margin-top: 120px;
      padding: 0;
      padding-top: 1rem;
  }
  .fs-l-productLayout{
      margin-top: 0;
  }
}
@media screen and (max-width: 750px) {
    .fs-c-productNameHeading__name{
        font-size: 1.5rem;
    }
    .product-info-box .fs-c-productQuantityAndWishlist::before{
        padding-left: 4px;
    }
}

.fs-c-productListItem__control {
  display: none;
}
/*------------
##Product Left
----------------*/

.product-left .fs-c-productMainImage__image{
  margin-bottom: 1rem;
}

.fs-c-button--viewExtendedImage{
  border: 1px solid #C7C7C7;
  color: #333;
  background-color: rgba(0,0,0,0);

  display: inline-block;
  width: 150px;
  max-width: 100%;
  padding: 8px 10px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.08929em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  text-decoration: none;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  margin-bottom: 1rem;
}


.fs-c-button--viewExtendedImage:hover{
  border: 1px solid #C7C7C7;
background-color: #C7C7C7;

}
.fs-c-productMainImage__expandButton {
  display: none;
}

.fs-c-productThumbnail figure:first-child{
  margin-left: 0;
}
.fs-c-productThumbnail__image{
  cursor: pointer;
}
/*------------
##Product Right
----------------*/


.mye-cart-info{
  /* display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 30px 0; */
}

.fs-c-productQuantityAndWishlist{
  /* display: flex;
  flex-wrap: wrap;
  align-items: center; */
}
.mye-product-detail .fs-c-productQuantityAndWishlist__wishlist{
  /* order: 1; */
  margin-right: 1rem;
  display: none;
}

/* .mye-product-detail .fs-c-productQuantityAndWishlist::before{
  content: '数量';
  order: 2;
  margin-right: 1rem;
  font-family: "Helvetica Neue", "Helvetica","Hiragino Kaku Gothic ProN",  "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 500;
} */
.mye-product-detail .fs-c-productQuantityAndWishlist__quantity{
  /* order: 3; */
}

.fs-c-productActionButton .bl_btn{
    width: 100%;
    max-width: 100%;
}

.fs-c-productSelection{
  font-size: .9rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* border-right: 1px solid #333; */
  margin-right: 14px;
}
.fs-c-productSelection__name{
  width: 100%;
  font-size: 1rem;
  padding-left: 0;
}
.fs-c-productSelection__name #fs_form label{
    font-size: 1rem;
}
.fs-c-productSelection__selection{
  max-width: 300px;
  padding-left: 0;
}

@media screen and (max-width: 750px) {
.mye-cart-info{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.fs-c-productSelection{
    width: 100%;
}
.fs-c-productQuantityAndWishlist{
  width: 100%;
  padding: 4px;
}
.mye-product-detail .fs-c-productActionButton{
  width: 100%;
}

.fs-c-productSelection{
    border: none;
    margin-left: 5px;
}
}
/*-------------------
##Product Other Item
----------------------*/


.other-item-area .fs-c-productListCarousel__list__itemTrack{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.other-item-area .fs-c-productListCarousel__list__itemTrack article{
  width: 25%;
  padding: 10px;
}
.other-item-area .fs-c-productListCarousel__list__itemTrack article > *{
  margin-bottom: .5rem;
}
.other-item-area .fs-c-productListItem__control form{
  margin-bottom: .5rem;
}   


/*--------------------------------------------------------------
###Temporary
--------------------------------------------------------------*/

/* ##attention-panel
--------------------------------------------- */
.attention-panel{
    background-color: #FAD0D0;
    margin-bottom: 4rem;
}
.attention-panel__inner{
    padding: 2rem 20px;
    text-align: center;
}
.attention-panel__inner > * {
    margin-bottom: 1.5rem;
}
.attention-panel__inner > *:last-child{
    margin-bottom: 0;
}
.attention-panel__link{
    display: inline-block;
    width: 100%;
    text-decoration: underline;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .attention-panel__inner{
        text-align: left;
    } 
}

/* ##Sale
--------------------------------------------- */


.section_sale{
    width: 60%;
    margin: 0 auto;

}
.top-message  .section_sale{
    width: 100%;
    margin: 0 auto;
}

.sale-area{
    margin-top: 4rem;
    position: relative;
}

.sale-banner-area{
    margin-top: 4rem;
}
.sale__over-btn{
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
}

.sale-text{
    font-size: 1rem;
    
}
.sale-text p{
    margin-top: 1rem;
}
p.attention-color{
    color: red;
}
.sale__over-btn .bl_primary-btn.bl_btn__put-black-area{
    padding: 10px 10px;
}


/*-------- sale cheese --------------*/


.section_sale_cheese{
    margin-top: 50px;
}

.sale-cheese__over-area{
    /* position: absolute; */
    /* top: 50%;
    left: 50%;
    transform: translateY(-50%); */
    font-size: 1rem;
}

.sale-cheese__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sale-cheese__img{
    width: 50%;
}
.sale-cheese__info{
    width: 50%;
    background: #FAFAFA;
    padding: 30px 5%;
    /* top: 50%; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.sale-cheese__sub-title{
    font-size: 1.2em;
    margin-bottom: 18px;

}
.sale-cheese__title-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 12px;
}
.sale-cheese__title{
    font-size: 4em;
    margin-bottom: 20px;
    line-height: 1;
}
.sale-cheese__title-span{
    font-size: 1.2em;
    margin-left: 20px;
    font-weight: 700;
}
.sale-cheese__bottom-area{
    /* display: flex; */
    -webkit-box-align: center;
        -ms-flex-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-grid-row-align: center;
            align-items: center;
}

.sale-cheese__period{
    font-size: 1.2em;
    margin-right: 40px;
    line-height: 1;
    margin-bottom: 12px;
}

.bl_btn__cheese{
    /* width: 100%; */
    max-width: 300px;
    border: 1px solid #8e8e8e;
    font-size:1em;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 3;
}
@media screen and (max-width: 1360px){
    .sale-cheese__over-area{
        font-size: .9rem;
    }

}
@media screen and (max-width: 1224px){
    .sale-cheese__over-area{
        font-size: .8rem;
    }
    .bl_btn__cheese{
        max-width: 180px;
    }

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

    .sale-cheese__wrap{

    }
    .sale-cheese__over-area{
        font-size: .75rem;
    }
    .sale-cheese__title-span{
        margin-left: 10px;
    }
    .bl_btn__cheese{
        max-width: 160px;
    }

}
@media screen and (max-width: 750px){
    .sale-cheese__over-area{
        bottom: 15px;
        font-size: .9rem;
        width: 100%;
        text-align: center;
    }
    .sale-cheese__wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        max-width: 500px;
        margin: 0 auto;
    }
    .sale-cheese__img{
        width: 100%;
    }
    .sale-cheese__info{
        width: 100%;
    }
  
    
    .sale-cheese__sub-title{
       text-align: center;
    }
    .sale-cheese__bottom-area{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    text-align: center;
    }
    .sale-cheese__title-wrap{
        display: block;

    margin: 0 auto;
    }
    .sale-cheese__title{
        display: inline;
    }
    .sale-cheese__title-span{
        display: inline;
        margin-left: 10px;
    }
    .sale-cheese__period{
        margin: 20px 0 20px;
    }
   
    .bl_btn__cheese{
        margin: 0 auto;
        max-width: 200px;
        text-align: center;
        line-height: 3;
    }

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

    .sale-cheese__over-area{
        font-size: .7rem;
        bottom: 10px;
    }

    .sale-cheese__sub-title{
        margin-bottom: 5px;
   
    }
    .sale-cheese__title-wrap{
        text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 28px;
}
    .sale-cheese__title{
        margin: 0;
    }
    .sale-cheese__title-span{
        display: inline;
        margin-left: 10px;
    }
    .sale-cheese__period{
        margin: 10px 0 10px;
    }
    .bl_btn__cheese{
        max-width: 240px;
    }
}
@media screen and (max-width: 450px){

    .sale-cheese__over-area{
        /* font-size: .55rem; */
    }

}





@media screen and (max-width: 850px){
    .section_sale{
        width: 100%;
    }
    .sale-area{
        margin-top: 0;
    }
    .sale-banner-area{
        margin-top: 0rem;
    }
    .sale-banner-area.group{
        margin-top: 4rem;
    }
    .sale-text{
        font-size: 1rem;
    }
    .sale__over-btn .bl_primary-btn.bl_btn__put-black-area{
        padding: 5px 10px;
    }
}
@media screen and (max-width: 750px){
  .sale__over-btn{
    position: relative;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin: 30px 0 0;
  }
  .sale__over-btn .bl_primary-btn.bl_btn__put-black-area{
      color: #333;
      padding: 15px 10px;
  }
  .sale__over-btn .bl_primary-btn.bl_btn__put-black-area::after{
    color: #333;
}
}


/*--------------------------------------------------------------
###plugins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
###Futureshop
--------------------------------------------------------------*/



.mye-fs.fs-l-main{
    margin-bottom: 3rem;
}




.fs-preview-header { display: none; }


.fs-l-productLayout{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.product-left{
    width: 50%;
}
.product-right{
    width: 50%;
}

.fs-c-productListCarousel{
margin-top:2rem;


}

.mye-main .fs-c-productList{
  max-width:1400px;
  margin:0 auto;
  padding: 30px;
}

.fs-c-productList__list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.fs-c-productList__list > *{
  width:25%;
  padding: 20px;
}

.fs-c-breadcrumb{
    max-width: 1400px;
    margin: 15px  auto;
}
.fs-l-main{
    max-width: 1400px;
    min-height: 50vh;
    margin: 0 auto;
    padding: 0 15px;
}

.fs-body-custom .fs-l-main{
    max-width: 100%;
    min-height: auto;
    margin: 0 auto;
    padding: 0 ;
}
.fs-body-category .fs-l-main{
    max-width: 100%;
    min-height: auto;
    margin: 0 auto;
    padding: 0 ;
}
.fs-body-custom .fs-l-main .fs-l-main_on{
    max-width: 1400px;
    min-height: 50vh;
    margin: 0 auto;
    padding: 0 15px; 
}
.fs-l-main.mye-l-main{
    max-width: 100%;
}

.fs-l-main.login-main{
    max-width: 460px;
    margin: 0 auto;
    margin-bottom: 6rem;
}

.fs-c-subSection__title{
    font-size: 1.3rem;
    text-align: center;
    padding-bottom: .5em;
    margin-bottom: 1rem;
    color: #333;
}
.mye_main_detail{
    max-width: 1400px;
    margin: 0 auto;
}
@media screen and (max-width: 750px) {
    .mye_main_detail{
        margin-top: 0px;
    }
    .fs-body-custom .fs-l-main{
        /* margin-top: 160px; */
        margin-top: 115px;
    }


}

 /* .fs-c-inputTable tr,
.fs-c-inputTable th,
 .fs-c-inputTable td{
    display: block;
    text-align: left;
} */


/* 

.fs-c-inputTable__headerCell, .fs-c-inputTable__dataCell {
    padding: 5px 0;
}

.fs-c-inputInformation__field--display .fs-c-inputTable tr{
    margin-bottom: 1em;
} 

.fs-c-inputTable__dataCell{
    width: 350px;
}
.fs-c-inputInformation__link{
    font-size: .8rem;
}
.fs-c-inputGroup > button{
    display: none;
}
.fs-c-inputInformation__button.fs-c-buttonContainer.fs-c-buttonContainer--login{
    margin-bottom: 10px;
}
.fs-c-inputInformation__field {
    margin-bottom: 1rem;
}
.fs-c-newUsers__message.fs-c-subSection__message{
    margin-bottom: 1rem;
} */


.mye-fs .fs-c-subSection__title{
    margin-bottom: 1rem;
}
.mye-fs .fs-c-subSection__message{
    margin-bottom: .85rem;
    line-height: 1.6;
}
.mye-fs .fs-c-fsLogin{
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #333;
}
.mye-fs .fs-c-textLinkContainer{
    margin-top: .5rem;
}
.spacer{
    height: 3rem;
}
fieldset{
    padding: 0;
}

.fs-c-inputInformation__message {
    margin-bottom: 1.5em;
}
/* .h5{
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.0075em;
}
.h6{
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.0075em;
} */

.product-right .fs-c-breadcrumb{
    display:block;
}
.product-left .fs-c-breadcrumb{
    display: none;
}

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

    .fs-l-main{
        /* pdding: 0 10px; */
    }
    /* .fs-l-main.l-contents_try-mye{
        padding: 0;
    } */
    .mye-main .fs-c-productList{
        padding: 0 10px;
    }
    .fs-c-productList__list > *{
        width: 50%;
    }

    .product-left {
        width: 100%;
        /* order: 1; */
        padding:0 15px;
    }

    
    
    .product-right {
        width: 100%;
        /* order: 2; */
        padding: 0 15px;
    }

    .product-right .fs-c-breadcrumb{
        display: none;
    }
    .product-left .fs-c-breadcrumb{
        display: block;
        padding: 0 !important;
        margin-top: 0;
    }
    
    .fs-l-productLayout .divider{
        /* order: 3; */
    }
    
    .fs-l-productLayout .other-item-area{
        /* order: 4; */
    }
}


/*--------------
#FS Product Group
---------------*/
.fs-c-productListItem__productDescription {
    text-align: center;
    color: #707070;
}

/*--------------
#FS Product item
---------------*/
.mye-hide-btn{
    display: none;
}

.fs-c-productListItem {
    padding: 0 10px;
    margin-bottom: 2rem;
}
.fs-c-productListItem__imageContainer {
    margin-bottom: .5rem;
}
h2.fs-c-productListItem__productName {
    font-size: 1.2rem;
    /* margin-bottom: 1rem; */
    color: inherit;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
/* h2.fs-c-productListItem__productName:hover{
    color: #C7C7C7;
} */



.fs-c-productPrice{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.fs-c-productListItem__control .fs-c-button--addToWishList--icon.fs-c-button--particular{
    display: none;
}

.fs-c-productListItem__image.fs-c-productImage{
    
    overflow: hidden;
}

.fs-c-productListItem__image.fs-c-productImage a img{
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 320px;
}
.fs-c-productListItem__image.fs-c-productImage a:hover img{
    opacity: 0.7;
}

.fs-c-productList__list__item:hover .fs-c-productName__name{
    text-decoration: underline;
}
.fs-c-productPostage{
    display: none;
}

#fs_ProductDetails .fs-c-featuredProduct{
    padding:  0 30px;
}

#fs_ProductDetails .fs-c-featuredProduct__title{
    font-size: 1.1rem;
}
.detail_divider{
    background-color: #EFEFEF;
    height: 1px;
    width: 100%;
    max-width: 1400px;
    margin:  30px auto;
    padding: 0 30px;
}
@media screen and (max-width: 750px) {

    #fs_ProductDetails .fs-c-featuredProduct{
        padding:  0 15px;
    }
    .detail_divider{
        padding:0 15px;
    }
}
/*--------------
#FS
---------------*/

.fs-body-category-yourblend .fs-c-productList {
    display: none;
}

.fs-c-productList__controller{
    border-bottom: 1px solid #333;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.fs-c-sortItems{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
span.fs-c-sortItems__label {
    margin-right: 20px;
}
.fs-c-sortItems__list .fs-c-sortItems__list__item{
    display: inline-block;
    /* padding: 0 10px; */
    padding-right: 5px;
    /* padding-right: 16px; */
    border-right: 1px solid #333;
}
.fs-c-sortItems__list .fs-c-sortItems__list__item:last-child{
    border-right-width: 0;
}

@media screen and (max-width: 850px) {
    span.fs-c-sortItems__label {
        padding-left: 5px;
    }
    .fs-c-sortItems__list .fs-c-sortItems__list__item:first-child{
        padding-left: 5px;
    }

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

    .mye-product-list-info .fs-c-breadcrumb{
        margin-bottom: 0;
    }
    .fs-c-productList__controller{
        padding-left: 5px;
    }
    .mye-product-list-info .fs-c-sortItems{
        border: none;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    span.fs-c-sortItems__label{
        padding-left: 8px;
    }
    .fs-c-sortItems__list{
        border: none;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
    }
    .fs-c-sortItems__list .fs-c-sortItems__list__item:first-child {
        padding-left: 0;
    }
    .fs-c-sortItems__label{
        -ms-grid-row-align: self-end;
            -ms-flex-item-align: self-end;
            align-self: self-end;
    }
}


.fs-c-productListItem__outOfStock{
    width: 100px;
    margin-top: 10px;
    font-size: .95rem;

}

/*--------------
#FS Product item
---------------*/


span.fs-c-productListCarousel__ctrl.fs-c-productListCarousel__ctrl--prev.slick-arrow,
span.fs-c-productListCarousel__ctrl.fs-c-productListCarousel__ctrl--next.slick-arrow{
    cursor: pointer;
}

span.fs-c-productListCarousel__ctrl.fs-c-productListCarousel__ctrl--next.slick-arrow{
    text-align: right;
}


/*--------------
##CART
---------------*/
/* .fs-c-purchaseHere.fs-c-cartPayment > *{
    margin-bottom: 1rem;
}
.fs-c-orderTotalTable{
    margin: 1.5rem 0;
}

.fs-c-continueShopping{
    margin: 1rem 0;
    margin-top: 2rem;
}
 */
 /*========
    CUSTOM
  =========*/
  .mye-c-cartIndex{
    padding: 5px 0;
    border-bottom: 1px solid #333333;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
.mye-c-cartIndex__text{
    font-size: 1.2rem;
    font-weight: 500;
}
.mye-c-cartIndex_process{
    margin-bottom: 10px;
  }
  
.mye-c-cartIndex__text_process{
    font-size: 1rem;
}
#fs_ShoppingCart .fs-c-featuredProduct__header{
    padding: 5px 0;
    border-bottom: 1px solid #333333;
    margin-top: 20px;
    margin-bottom: 20px;
}
#fs_ShoppingCart .fs-c-featuredProduct__title{
    font-size: 1.2rem;
    font-weight: 500; 
}

#fs_ShoppingCart .mye-emptyBlock{
    width: 100%;
    height: 30px;
}
#fs_ShoppingCart .l-section__top-category-list{
    padding: 0;
}

.fs-c-productMark{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.p-label__new{
    background: #FDEE75;
    padding: 5px 15px;
}
  /*========
  FutureShop
  =========*/
  .fs-c-cartDiscountInfo__note{
      font-size: 1rem;
  }
.fs-c-purchaseHere__message{
    display: none;
}
 .fs-c-buttonContainer--loginAndPurchase,
 .fs-c-buttonContainer--unregisteredUserPurchase{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 15px;
 }
.fs-c-buttonContainer--loginAndPurchase::before{
    content: '会員登録されてる方はこちら';
    text-align: left;
    width: 100%;
    margin-bottom: 4px;
    color: #4d4d4d;
 }
 .fs-c-buttonContainer--unregisteredUserPurchase::before{
    content: 'はじめての方はこちら';
    text-align: left;
    width: 100%;
    margin-bottom: 4px; 
    color: #4d4d4d;
 }
 .fs-c-cartPayment{
    margin-top: 10px;
 }

 .fs-c-payWithAmazon__button{
    width: 100% !important;
 }
 @media screen and (max-width: 750px) {
 
.mye-c-cartIndex_process{
    padding: 5px 0;
    border-bottom: 1px solid #333333;
    margin-top: 50px;
    margin-bottom: 20px;
  }
  
.mye-c-cartIndex__text_process{
    font-size: 1.2rem;
    font-weight: 500;
}
#fs_ShoppingCart .l-section__top-category-list{
    margin-bottom: 30px;
    padding: 10px 0;
}
 }

 /*--------------
##CheckOout
---------------*/

 /*--------------------------
##CheckOut Header
----------------------------*/

.checkout-header__logo-area{
    max-width: 320px;
    margin: 30px auto;
}
.checkout-header__flow-area{
    width: 100%;
    max-width: 420px;
    margin:0 auto 40px;
    padding: 0 15px;
}

#fs_form label{
    font-weight: 500;
}

/*========
  FutureShop
  =========*/
  .fs-c-agreementConfirmationArea__message{
      display: none;
  }
  .fs-c-agreementConfirmationArea__message{
      display: none
  }
 /*--------------------------
##CheckOut Footer
----------------------------*/
.copylight-text{
    font-size: 0.6875rem;
}
.checkout-footer{
    border-top: 1px solid #CCCCCC;
    padding: 10px 20px;
}

.fs-c-checkbox__label{
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start;
}
.fs-c-checkbox__checkMark{
    margin-top: 1px;
}
.fs-c-agreementConfirmation{
    margin: 9px 0;
}
.fs-c-checkout-deliveryMethod__option__message{
    font-size: 1rem;
}
.fs-c-checkout-deliveryMethod__option__title{
    font-size: 1rem;
    margin-bottom: 5px;
}

.checkout-back-cart-btn__box{
    text-align: center;
    margin: 30px 0 20px;
}
.checkout-back-cart-btn__link{
    padding: 0;
    padding-left: 5px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.08929em;
    line-height: 1.5em; 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box;
    text-align: left;
    text-decoration: none;
    -webkit-transition: border .35s, color .35s, background-color .35s;
    -o-transition: border .35s, color .35s, background-color .35s;
    transition: border .35s, color .35s, background-color .35s; 
    position: relative;
    font-weight: 400;
    cursor: pointer;
}
.checkout-back-cart-btn__link::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .9em;
    padding-top: 1px;
    content: "\f053";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -10px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/*------ 01 finish ----*/
.checkout-member-text {
    font-size: .95rem;
}

/*------ 02 preview ----*/
#fs_Checkout .fs-c-button--standard{
    font-size: 1rem;
}
.fs-c-checkout-preview__title{
    font-size: 1.2rem;
}
#fs_Checkout label{
    font-weight: 500;
}
/*------ 03 finish ----*/

.mye-c-finish-area{
    max-width: 600px;
    margin: 0 auto;
}
.mye-c-finish__logo-area{
 max-width: 120px;
 margin: 50px auto 30px;
}

.mye-c-finish__thanks-message {
    text-align: center;
    margin-bottom: 30px;
}
.mye-c-finish__thanks__text {
    font-size: 1.2rem;
    margin-bottom: 5px;
}
.mye-c-finish__divider{
    max-width: 600px;
    margin: 0 auto;
    height: 1px;
    background: #7c7c7c;
    margin-bottom: 40px;
}
.mye-c-finish__info-area{
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 50px;
}
a.mye-c-finish__info-link{
    text-decoration: underline;
}
.mye-c-finish__btn-area{
    text-align: center;
}
@media screen and (max-width: 750px) {

 /*--------------------------
##CheckOut Header
----------------------------*/
.checkout-header__logo-area{
    max-width: 240px;
}
.checkout-header__flow-area{
    max-width: 100%;
    max-width: 320px;
    padding: 0;
}

.mye-c-finish__logo-area{
 max-width: 120px;

}

}

 /*--------------
#FS My page
---------------*/

.mye-mypage-side .fs-c-accountService__page{
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    height: auto;
    margin: 0;
}
.mye-mypage-side .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label::before{
    display: none;
}

.mye-mypage-side .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink{
    display: inline-block;
    width: 300px;
    max-width: 100%;
    padding: 8px 10px;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.08929em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    text-decoration: none;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    border: 1px solid #c7c7c7;
    color: #333;
    background-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
            box-shadow: none;
    /* background: #fff; */
    border-radius: 0;
}

.mye-mypage-side .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink:hover{
    border: 1px solid #C7C7C7;
    background-color: #C7C7C7;


}
.mye-mypage-side .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label{
    font-size: 0.875rem;
}

.mye-mypage-side .fs-c-accountService{
    padding: 0;
    margin-left: 0;
}

.mye-page-title-center{
    /* max-width: 800px; */
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: .5rem;
    /* margin-top: 3rem; */
    margin-bottom: 2rem;
}
.mye-page-title-center_noLine{
    border: none;
}
@media screen and (max-width: 750px) {
    .mye-page-title-center{
        padding: 0 15px;
    }

}



.fs-c-accountService__page{
    margin: 8px 0;
    /* padding: 8px; */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    /* height: auto; */
}
.mye-mypage-top .fs-c-accountService__page--accountDelete{
    display: none;
}

.mye-mypage-top .fs-c-accountService__page{
    padding: 8px;
    border-color: #333;
}

 
.mye-mypage-top .fs-c-string--label{
    color: #333;
    font-size: 1rem;
    font-weight: 700;
}

.mye-mypage-top .fs-c-accountService__page:hover{
    padding: 8px;
    border-color: #C7C7C7;
}
.mye-mypage-top .fs-c-string--label:hover{
    color: #C7C7C7;
}

.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink:hover{
    border-color: #C7C7C7;
}

/* .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink .fs-c-accountService__pageLink__label::before,
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink .fs-c-string--label{
    transition: .2s;
}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink:hover .fs-c-accountService__pageLink__label::before,
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink:hover .fs-c-string--label{
    border-color: #C7C7C7;
} */

@media screen and (max-width: 850px) {
    .fs-c-accountService{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .fs-c-accountService__page{
        width: 100%;
    }
}


.fs-c-orderTotalTable .fs-c-orderTotalTable__total > td, .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal > td{
    font-size: 1.3rem;
}

.fs-c-checkout-customerInfo__name,
.fs-c-checkout-destination__name,
.fs-c-checkout-delivery__method__title,
.fs-c-totalAndActions button:not(.fs-c-button--image){
    font-size: 1.2rem;
}

.fs-c-orderHistoryItem__button{
    display: none;
}






/*=================
       #MY PAGE
  =================*/
  .mye-mypage-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
    margin-bottom: 10rem;
    padding: 0 30px;
}
.mye-mypage-side{
    width: 20%;
    margin-bottom: 3rem;
}
.mye-mypage-main{
    width: 80%;
    padding: 0 5%;
}

.mye-mypage-title {
    max-width: 1400px;
    margin:0 auto;
  margin-bottom: 3rem;

  
}
.mye-mypage-title > *{
  font-size: 1.8rem;
}
.mye-account-info{
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: .5em;
  margin-bottom: 2rem;
}


.mye-mypage-side .fs-c-accountService li{
    margin-bottom: 1rem;
}

.mye-mypage-side .fs-c-accountService__pageLink{
  display: inline-block;
  width: 300px;
  max-width: 100%;
  padding: 8px 10px;
  
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.08929em;
  
  -webkit-box-sizing: border-box;
  
          box-sizing: border-box;
  text-align: left;
  text-decoration: none;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;

  border: 1px solid #C7C7C7;
  color: #333;
  background-color: rgba(0,0,0,0); 
}
.mye-mypage-side .fs-c-accountService__pageLink:hover{
  border: 1px solid #C7C7C7;
  background-color: #C7C7C7;
}
.mye-mypage-area .logout-link{
  display: inline-block;
  width: 300px;
  max-width: 100%;
  padding: 8px 10px;
  
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.08929em;
  
  -webkit-box-sizing: border-box;
  
          box-sizing: border-box;
  text-align: left;
  text-decoration: none;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;

  border: 1px solid #C7C7C7;
  color: #333;
  background-color: rgba(0,0,0,0);  
}
.mye-mypage-area .logout-link:hover{
  border: 1px solid #C7C7C7;
  background-color: #C7C7C7; 
}

.mye-mypage-side-btn{
  margin-bottom: 1rem;
}

a.myepage-top-bottom-link{
  display: block;
  margin-bottom: .5em;
  padding-left: 8px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
a.myepage-top-bottom-link:hover{
  color: #C7C7C7;
}

.fs-p-accountInfo__accountName {
  font-weight: 700;
}

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

  .mye-mypage-side{
      width: 100%;
      margin-bottom: 3rem;
  }
  .mye-mypage-main{
      width: 100%;
      padding: 0 ;
  }
}


/* ##checkout
--------------------------*/

/* .fs-c-buttonContainer{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
               -moz-box-pack: center;
            justify-content: center;
} */

.fs-c-checkout-addressee__data__name{
    font-size: 1.2rem;
    margin-bottom: .5em;
}

/* .fs-c-checkout-preview .fs-c-buttonContainer {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            -webkit-justify-content: normal;
               -moz-box-pack: normal;
            justify-content: normal;
} */


.fs-c-cartPayment, .fs-c-payWithAmazon{
    font-size: .9rem;
}

.fs-c-anotherLogin--amazon{
    max-width: 620px;
    margin: 0 auto;
}
.fs-c-anotherLogin__message--amazon{
    margin-bottom: .5em;
}
.fs-l-page {
    overflow: hidden;
}


@media screen and (max-width: 600px){
    .fs-c-quantity__number:focus:not(.is-error) + .fs-c-quantity__message {
        right: 10px;
        margin-top: 11px;
    }
}


.price-message{
    margin-top: -6rem;
}
@media screen and (max-width: 850px){

    .price-message{
        margin-top: 0;
    }
}


/*--------------------------------------------------------------
###Debug
--------------------------------------------------------------*/


.text-line{
    margin-bottom: 2rem;
}

.text-line > *{
    display: inline-block;
}
.text-line > *:first-child{
    width: 80px;
    margin-right: 30px;
    color: #80868B;
}
.view-name {
    font-size: 2rem;
    margin-top: 40px;
    margin-bottom: 20px;
    border-bottom: 2px solid #333;
    line-height: 2;
    
}


/*--------------------------------------------------------------
###End
--------------------------------------------------------------*/


  .example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -o-linear-gradient(top, white, black);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: linear-gradient(to bottom, white, black);
}