@charset "utf-8";
/*ヘッダー仕様*/

.br {
display: block;
}

.br2 {
display: none;
}

.center.ttl {
text-align: center;
}

header h1.logo {
margin: 0;
width: auto;
text-align: left;
}

nav {
max-width: 98%;
}

.sp-991{
    display: none;
}

header {
background: hsl(0 0% 100% / 1);
z-index: 10001;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
padding: 0 0 3px 0;
position: fixed;
width: 100%;
top: 0;
transition: .3s;
}

header.is-animation {
background: hsl(0 0% 100% / 0.85);
}

.koushiki_wrap {
position: absolute;
right: 1.5%;
display: flex;
max-width: 160px;
align-items: center;
top: 50%;
transform: translateY(-50%);
z-index: 102;
box-sizing: border-box;
transition: .3s;
}

.koushiki_wrap a {
width: 100%;
position: relative;
margin: 0;
}

.drawer-hamburger {
width: 13%;
position: relative;
padding: 1px 0 10px;
}

button {
position: relative;
}

nav {
padding: 30px 0;
}

nav ul {
overflow: hidden;
border-left: 1px dashed #ccc;
display: flex;
margin: 40px auto 0;
transform-origin: center;
width: 100%;
text-align: center;
}

nav li {
float: none;
width: 174px;
text-align: center;
box-sizing: border-box;
border-right: 1px dashed #ccc;
justify-content: space-between;
margin: auto;
}


.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
background: #000;
}

#container {
margin: 104px auto 0;
}

.special {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 287px;
width: 100%;
}



ul.special_list {
display: flex;
justify-content: flex-start;
}

ul.special_list li {
width: auto;
margin: 0 3% 0 0;
}

ul.special_list li:last-child {
margin: 0;
}

ul.special_list li a {
color: #000;
font-size: 0.9em;
letter-spacing: 2px;
font-weight: 500;
transition: .3s;
text-align: center;
display: flex;
align-items: center;
}

ul.special_list li a:hover {
color: #6d6d6d;
}

ul.special_list li a .nav_num {
text-align: center;
color: #000;
display: inline-block;
margin: 0 10px 0 0;
position: relative;
}

ul.special_list li a .nav_num small {

font-size: 14px;
text-align: center;
display: inline-block;
border-bottom: 1px solid;
padding: 0 0 2px 0;
}

br.special_br {
display: none;
}

.is-animation ul.special_list li a {
font-size: 0.8em;
}

.is-animation ul.special_list li a .nav_num small {
font-size: 13px;
}


header h1.logo {
width: 200px;
transition: .3s;
}

header.is-animation nav {
padding: 20px 0;
}

.navi {
margin: 0 auto;
padding: 100px 0 200px;
}

.navi ul {
max-width: 1500px;
}

.navi li {

margin: 0 1% 0 0;
}

/*写真リスト形式*/

nav.is-scroll h1.logo {
width: 150px;
}

nav.is-scroll ul {
margin: 20px auto 0;
}

nav.is-scroll {
padding: 15px 0;
}

nav.is-scroll li a span {
font-size: 0.75em;
}

nav.is-scroll li {
width: 120px;
}

nav.is-scroll .submenu {
padding: 11px 0;
}


.is-animation .koushiki_wrap {
width: 130px;
}


section#press article#news .newsbox {background: #de0010;}

.fixed {
max-width: 100%;
margin-top: 97px;
}


/*image*/
.image {background: url(../images/press/202512/bg.jpg) no-repeat;max-width: 100%;z-index: 2;position: relative;padding: 0;background-size: cover;}

.image img {
max-width: 100%;
}

.fixed {
max-width: 100%;
margin-top: 97px;
}

.image01,
.site-image02 {}

.flex_story01 {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 80px 0 0;
}

.flex_story02 {
margin: 20px 0 0;
}

.flex_story01 .left {
margin-bottom: 48px;
/* margin-right: 5%; */
width: 49%;
position: relative;
}

.flex_story01 .left p {
width: 80% !important;
float: right;
margin: 0 !important;
}

.flex_story01 .right {
width: 49%;
position: relative;
}

.flex_story01 p {}

.flex_story01 figure {
margin: 0 0 10px;
position: relative;
}

.flex_story01 .left figure img.fkd {
position: absolute;
left: -13%;
bottom: -15%;
width: 150px;
}

.flex_story01 .right figure img.fkd {
position: absolute;
right: -15%;
bottom: -3%;
border-radius: 100%;
transform: rotate(3deg);
}


/*ヘッダー終了*/



/*===================
xmas
====================*/
article#xmas{
    position: relative;
    z-index: 9;
    background-image: url(/images/press/202512/xmas_bg.png);
    padding-top: 100px !important;
}
article#xmas .xmas__inner{
        background-image: url(/images/press/202512/xmas.png);
        padding: 232px 0 100px;
        background-repeat: no-repeat;
        background-position: top -155px center;
        background-size: 70%;
        position: relative;
}

.xmas__title{
    max-width: 338px;
    margin: -20px auto 0;
    position: absolute;
    top: 3%;
    height: 300px;
    bottom: 0;
    left: 18%;
    /* right: 0; */
    width: 100%;
}
.xmas__title figure{
        margin-bottom: 15px;
}

.container {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 50px 20px;
      background-size: cover;
      background-position: center;
    }
    .pyramid-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-template-rows: auto;
      row-gap: 30px;
      column-gap: 30px;
      max-width: 1000px;
      width: 100%;
    }


    .grid-item {
      background-color: #fff;
      padding: 15px;
      box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
      text-align: center;
      position: relative;
      grid-column-end: span 2;
      z-index: 1;
      transition: transform 0.3s, box-shadow 0.3s;
      cursor: pointer;
    }
    .grid-item .ico{
    position: absolute;
    top: -40px;
    left: -15px;
    width: 60px;
}
.grid-item.item-3 .ico,
.grid-item.item-6 .ico{
    left: inherit;
    right: -21px;
}
.grid-item.item-5 .ico{
    left:0;
    right: 0;
    margin: 0 auto
}
        .grid-item .ico img{
    background: none;
}
    .grid-item:hover {
      z-index: 10;
      transform: scale(1.03);
      box-shadow: 10px 10px 25px rgba(0,0,0,0.4);
    }
    .grid-item img {
      width: 100%;
      height: auto;
      display: block;
      background-color: #eee;
      margin-bottom: 15px;
    }


    .caption {
      margin-top: 10px;
      margin-bottom: 10px;
      color: #333;
      font-weight: bold;
      text-align: left;
    }
    .caption .caption__inner p.content{
        font-size: 1em;
        font-weight: bold;
        margin: 0 0 13px 0;
        color: #101841;
        line-height: 1.5;
        word-break: break-all;
    }

    .caption .caption__inner dl{
        display: flex;
        justify-content: space-between;
        margin-bottom: 9px;
        display: none; 
    }

    .caption .caption__inner .shop{
        color: #a81f24;
        text-align: center;
        font-size: .8em;
    }
    .caption .caption__inner .shop a{
        color: #a81f24;
    }


    .item-1 { grid-column-start: 3; grid-row-start: 1; }
    .item-2 { grid-column-start: 2; grid-row-start: 2; }
    .item-3 { grid-column-start: 4; grid-row-start: 2; }
    .item-4 { grid-column-start: 1; grid-row-start: 3; }
    .item-5 { grid-column-start: 3; grid-row-start: 3; }
    .item-6 { grid-column-start: 5; grid-row-start: 3; }


    /* =========================================
       ポップアップ(モーダル)のスタイル
    ========================================= */
    .modal {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      z-index: 2000;
      justify-content: center;
      align-items: center;
      padding: 20px;
      box-sizing: border-box;
    }
    .modal.is-open { display: flex; }
    
    .modal-overlay {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      cursor: pointer;
    }
    
    .modal-container {
      position: relative;
      background-color: #fff;
      width: 100%;
      max-width: 900px;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 15px 30px rgba(0,0,0,0.5);
      z-index: 9999999999999999;
      opacity: 0;
      transform: translateY(-20px);
      transition: opacity 0.3s, transform 0.3s;
    }
    .modal.is-open .modal-container {
      opacity: 1;
      transform: translateY(0);
    }

    .modal-close-btn {
      position: absolute;
      top: 15px; right: 20px;
      font-size: 32px;
      color: #999;
      cursor: pointer;
      line-height: 1;
      z-index: 10;
      transition: color 0.2s;
    }
    .modal-close-btn:hover { color: #333; }


    .modal-body {
      display: flex;
      flex-wrap: wrap;
    }

    .modal-image-area {
      flex: 1 1 45%;
      min-width: 320px;
      background-color: #f9f9f9;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 30px;
      box-sizing: border-box;
    }
    .modal-image-area img {
      max-width: 100%;
      height: auto;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }

    .modal-details-area {
      flex: 1 1 55%;
      min-width: 320px;
      padding: 50px 40px;
      box-sizing: border-box;
      text-align: left;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .modal-details-area p.content {
      font-size: 1.2em;
      line-height: 1.6;
      margin-bottom: 30px;
      color: #101841;
      font-weight: bold;
    }
    .modal-details-area dl {
      display: grid !important; 
      grid-template-columns: auto auto;
      gap: 15px 20px;
      border-top: 2px solid #eee;
      border-bottom: 2px solid #eee;
      padding: 25px 0;
      margin-bottom: 30px;
    }
    .modal-details-area dt {
      font-weight: bold;
      color: #555;
      align-self: center;
    }
    .modal-details-area dt small{
        font-size: .5em;
        /* margin-bottom: 5px; */
        /* display: block; */
    }
    .modal-details-area dd {
      margin: 0;
      text-align: right;
      font-weight: bold;
      color: #101841;
      font-size: 1.1em;
      align-self: center;
    }
    .modal-details-area .shop {
      text-align: right;
      font-size: 1em;
      font-weight: bold;
      color: #a81f24;
    }
    .modal-details-area .shop a {
      color: inherit;
      text-decoration: underline;
    }
/*===================
ココスプリング
====================*/
article#coco_spring{position: relative;z-index: 8;background-color: #fffff9;/* padding-top: 100px !important; */}
article#coco_spring .spring__inner{max-width: 1100px;margin: 0 auto;padding-bottom: 100px;}
article#coco_spring .spring__inner .spring__title{
margin-bottom: 50px;
}
article#coco_spring .spring__inner .spring__title figure{max-width: 550px;margin: 0 auto 15px;}
article#coco_spring .spring__inner .spring__title figure img{}
article#coco_spring .spring__inner .spring__title h6{}
article#coco_spring .spring__inner .spring__body{}
article#coco_spring .spring__inner .spring__body__inner{}
article#coco_spring .spring__inner .spring__body__inner .spring__content{margin-bottom: 25px;}

article#coco_spring .spring__inner .spring__body__inner .spring__content.content__01{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__02{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__03{}

article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04{}

article#coco_spring .spring__inner .spring__body__inner .spring__content.content__03 .spring__content__img__left{
    order: 2;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__03 .spring__content__img__right{
    order: 1;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical{display: grid;grid-template-columns: repeat(2, 1fr);gap: 50px;/* margin-bottom: 80px; */}

article#coco_spring .spring__inner .spring__body__inner .spring__content.content__01 .spring__content__vertical{
    grid-template-columns: 55fr 45fr;
    /* margin-bottom: 125px; */
}

article#coco_spring .spring__inner .spring__body__inner .spring__content.content__02 .spring__content__vertical{
    grid-template-columns: 45fr 55fr;
    /* margin-bottom: 125px; */
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__03 .spring__content__vertical{grid-template-columns: 1fr;gap: 5px;align-items: center;}

.tea__flex{
display: flex;
gap: 15px;
align-items: center;
width: 100%;
}
.tea__flex .tea__flex__left{}
.tea__flex .tea__flex__left figure{}
.tea__flex .tea__flex__left figure img{}
.tea__flex .tea__flex__right{
width: 100%;
}
.tea__flex .tea__flex__right figcaption{
width: 100% !important;
}
.tea__flex .tea__flex__right figcaption img{}
.sub__way{display: flex;gap: 0px;align-items: center;width: 100%;}
.sub__way .sub__way__left{}
.sub__way .sub__way__left figure{
max-width: 500px !important;
}
.sub__way .sub__way__left figure img{}
.sub__way .sub__way__right{
width: 100%;
}
.sub__way .sub__way__right figcaption{
width: 100% !important;
}
.sub__way .sub__way__right figcaption img{}



article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left{
    position: relative;
    /* order: 2; */
}


article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure{position: relative;margin-bottom: 30px;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure figcaption{position: absolute;top: 52px;left: 63px;width: 10.5%;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figure figcaption{position: absolute;/* top: 50px; *//* right: 100px; *//* width: 100%; *//* left: 45px; */position: absolute;top: 52px;left: 63px;width: 10.5%;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure .insta{
position: absolute;
width: 100px;
bottom: 25px;
left: 25px;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figure .insta{
    position: absolute;
    width: 100px;
    bottom: 70px;
    left: 40px;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right{position: relative;/* order: 1; */}

article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figure{
    /* max-width: 350px; */
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figure{/* max-width: 350px; */margin: 0px auto 0px;/* position: absolute; */width: 100%;right: 0;}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left{
position: relative;
display: flex;
justify-content: center;
}

article#coco_spring .spring__inner .spring__body__inner .spring__content.content__03 .spring__content .spring__content__vertical .spring__content__img__right figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left figure{margin: 0 auto;position: absolute;width: 96%;right: 0px;}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left .last{
display: flex;
justify-content: end;
align-items: center;
flex-direction: column;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left .last figcaption{
width: 400px;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right figure{
position: relative;
width: auto;
right: inherit;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figcaption{
    max-width: 400px;
    margin: 0 auto 15px;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content{
/* margin: 0 0 25px; */
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner{max-width: 800ox;margin: 0 auto;text-align: center;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content02 .price__content__inner{max-width: 800px;margin: 0 auto;text-align: center;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner a{margin: 15px 0 0;display: block;font-size: .8em;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner a:hover{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl{display: flex;gap: 20px;justify-content: space-between;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dt{width: auto;text-align: left;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dt span{
    color: #00a6c3;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dt small{
    font-size: .5em;
    width: 100%;
    display: block;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dd{text-align: left;/* width: 117px; */min-width: 90px;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside{display: grid;grid-template-columns: repeat(2, 1fr);gap: 50px;margin-bottom: 5px;/* align-items: center; */max-width: 1000px;margin: 0 auto;}

article#coco_spring .spring__inner .spring__body__inner .content__01 .spring__content__beside{
grid-template-columns: 1fr .7fr;
}
article#coco_spring .spring__inner .spring__body__inner .content__03 .spring__content__beside{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figure{margin-bottom: 25px;/* max-width: 368px; */margin: 0 auto 25px;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figcaption{
max-width: 400px;
margin: 0 auto 10px;
}
figure.tea_img{
max-width: 340px !important;
}
figure.botani{
max-width: 410px !important;
margin: 0 auto;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right{}
article#coco_spring .spring__inner .spring__body__inner .content__01 .spring__content__beside .spring__content__beside__img__right{
display: flex;
align-items: center;
}
article#coco_spring .spring__inner .spring__body__inner .content__03 .spring__content__beside .spring__content__beside__img__right{/* display: flex; */align-items: center;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figure{margin-bottom: 25px;/* max-width: 368px; */margin: 0 auto 25px;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figcaption{max-width: 400px;margin: 0 auto 10px;/* height: 58px; */}
.spring__content02{
    /* position: absolute; */
    left: 0;
    right: 0;
    bottom: -50px;
}
.spring__content03{
    /* position: absolute; */
    left: 0;
    right: 0;
    bottom: -50px;
}

.price__felx{
    display: flex;
    gap: 25px;
}
.price__felx .price__felx__left{}
.price__felx .price__felx__right{}
.product__box{
    margin-bottom: 25px;
}
.product__box figure{
    max-width: 400px;
    margin: 0 auto 15px;
}
.product__box figure img{}
.product__box figcaption{
    max-width: 400px;
    margin: 0 auto 15px;
}

.product__box dl{
    /* display: inherit !important; */
}
.product__box dl dt{
    text-align: center !important;
    width: auto !important;
}
.product__box dl dd{
    text-align: center !important;
    width: auto !important;
}

article#coco_spring .note__message{
    font-size: .8em;
}



/*===================
shopping_campaign
====================*/

#shopping_campaign {
    position: relative;
    z-index: 7;
    /* max-width: 1000px; */
    background-color: hsl(42deg 71% 44% / 20%);
}
#shopping_campaign .shopping__campaign__inner {
    max-width: 1000px;
    margin: 0 auto 0px;
    padding-bottom: 80px;
}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__title {
    margin-bottom: 35px;
}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__title img {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 30px;
}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner01 {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner01 img {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner02 {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner02 img {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__box {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__box img {}

#shopping_campaign .shopping__campaign__inner .shopping__campaign__box__cp {
    margin-top: 25px;
    color: #fff;
    text-align: center;

    
    font-size: .8em;
}

#shopping_campaign .shopping__campaign__inner .shopping__campaign__box__cp a{
        background-color: #bf9021;
        display: block;
        color: #fff;
        padding: 8px;
}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box__cp a:hover{
    opacity: .7
}

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

/*ヘッダー仕様*/
.special {
left: 180px;
}

header h1.logo {
width: 130px;
}

nav.is-scroll h1.logo {
width: 120px;
}

ul.special_list li a {
flex-wrap: wrap;
}

ul.special_list li a .nav_num {
display: block;
width: 100%;
text-align: left;
margin: 0 0 4px 0;
line-height: 1.5;
}

ul.special_list li a .nav_num small {
padding: 0;
}

ul.special_list li {
margin: 0 1.5% 0 0;
}

/*++++++++++++++
happycollection
+++++++++++++++*/
.month_inner ul {
/* margin: 0 2% 0 12%; */
}

#container {
margin: 90px auto 0;
}
}

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

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

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

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

/*ヘッダー仕様*/
header h1.logo {
width: 130px;
}

.special {
left: 170px;
}

.is-animation ul.special_list li a {
font-size: 0.7em;

}

ul.special_list li a {
font-size: 0.8em;
}

.navi {
/* padding: 100px 0 120px; */
}

/*ヘッダー終了*/

}

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

/*ヘッダー仕様*/
ul.special_list li a {
font-size: 0.7em;
}

/*ヘッダー終了*/
}

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

/*ヘッダー仕様*/
ul.special_list li {
margin: 0 10px 0 0;
}

header h1.logo {
width: 110px;
}

nav.is-scroll h1.logo {
width: 100px;
}

.special {
left: 140px;
}

.koushiki_wrap {
max-width: 110px;
top: 11%;
transform: none;
}

#container {
margin: 87px auto 0;
}

/*ヘッダー終了*/
/*===================
xmas
====================*/
article#xmas {}
article#xmas .xmas__inner {
    padding: 143px 0 140px;
    background-position: top -92px center;
}

.xmas__title {
    max-width: 250px;
    left: 12%;
    top: -1%;
}
.xmas__title figure {}

.container {}
.pyramid-grid {}


.grid-item {}
.grid-item .ico {}
.grid-item.item-3 .ico,
.grid-item.item-6 .ico {}
.grid-item.item-5 .ico {}
.grid-item .ico img {}
.grid-item:hover {}
.grid-item img {}


.caption {}
.caption .caption__inner p.content {}

.caption .caption__inner dl {}

.caption .caption__inner .shop {}
.caption .caption__inner .shop a {}


.item-1 {}
.item-2 {}
.item-3 {}
.item-4 {}
.item-5 {}
.item-6 {}


/* =========================================
  ポップアップ(モーダル)のスタイル
========================================= */
.modal {}
.modal.is-open {}

.modal-overlay {}

.modal-container {}
.modal.is-open .modal-container {}

.modal-close-btn {}
.modal-close-btn:hover {}


.modal-body {}

.modal-image-area {}
.modal-image-area img {}

.modal-details-area {}

.modal-details-area p.content {}
.modal-details-area dl {}
.modal-details-area dt {}
.modal-details-area dd {}
.modal-details-area .shop {}
.modal-details-area .shop a {}
/*===================
ココスプリング
====================*/
article#coco_spring{padding-top: 200px !important;}
article#coco_spring .spring__inner{}
article#coco_spring .spring__inner .spring__title{}
article#coco_spring .spring__inner .spring__title figure{
max-width: 480px;
}
article#coco_spring .spring__inner .spring__title figure img{}
article#coco_spring .spring__inner .spring__title h6{}
article#coco_spring .spring__inner .spring__body{}
article#coco_spring .spring__inner .spring__body__inner{
padding: 0 15px;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__01{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__02{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__03{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical{}

.tea__flex{}
.tea__flex .tea__flex__left{}
.tea__flex .tea__flex__left figure{}
.tea__flex .tea__flex__left figure img{}
.tea__flex .tea__flex__right{}
.tea__flex .tea__flex__right figcaption{}
.tea__flex .tea__flex__right figcaption img{}
.sub__way{}
.sub__way .sub__way__left{}
.sub__way .sub__way__left figure{}
.sub__way .sub__way__left figure img{}
.sub__way .sub__way__right{}
.sub__way .sub__way__right figcaption{}
.sub__way .sub__way__right figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure figcaption{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left .last{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left .last figcaption{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figcaption{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner{
font-size: .8em;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner a{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner a:hover{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dt{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dt small{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dd{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside{}
article#coco_spring .spring__inner .spring__body__inner .content__01 .spring__content__beside{}
article#coco_spring .spring__inner .spring__body__inner .content__03 .spring__content__beside{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figcaption{}
figure.tea_img{}
figure.botani{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right{}
article#coco_spring .spring__inner .spring__body__inner .content__01 .spring__content__beside .spring__content__beside__img__right{}
article#coco_spring .spring__inner .spring__body__inner .content__03 .spring__content__beside .spring__content__beside__img__right{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figcaption{}


/*===================
shopping_campaign
====================*/

#shopping_campaign {}
#shopping_campaign .shopping__campaign__inner {
    padding: 0 15px;
}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__title {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__title img {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner01 {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner01 img {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner02 {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner02 img {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__box {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__box img {}

}

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

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



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

.br {
display: none;
}

.br2 {
display: block;
}

/*ヘッダー仕様*/

.special {

display: none;
}

.koushiki_wrap {
max-width: 160px;
top: 50%;
transform: translateY(-50%);
}
.pc-991{
    display: none;
}

.sp-991{
    display: block;
}


/*ヘッダー終了*/
/*===================
xmas
====================*/
article#xmas {
    padding-top: 150px !important;
}
article#xmas .xmas__inner {
    background-size: cover;
    padding: 48px 0 140px;
    background-position: top -155px center;
}

.xmas__title {margin: 30px auto 0;top: -5%;left: 4%;}
.xmas__title figure {
    max-width: 200px;
    margin: 0 auto 15px;
}

.container {
    padding: 110px 20px 00px;
}
.pyramid-grid {}


.grid-item {}
.grid-item .ico {}
.grid-item.item-3 .ico,
.grid-item.item-6 .ico {}
.grid-item.item-5 .ico {}
.grid-item .ico img {}
.grid-item:hover {}
.grid-item img {}


.caption {}
.caption .caption__inner p.content {}

.caption .caption__inner dl {}

.caption .caption__inner .shop {}
.caption .caption__inner .shop a {}


.item-1 {}
.item-2 {}
.item-3 {}
.item-4 {}
.item-5 {}
.item-6 {}


/* =========================================
  ポップアップ(モーダル)のスタイル
========================================= */
.modal {}
.modal.is-open {}

.modal-overlay {}

.modal-container {}
.modal.is-open .modal-container {}

.modal-close-btn {}
.modal-close-btn:hover {}


.modal-body {}

.modal-image-area {}
.modal-image-area img {}

.modal-details-area {}

.modal-details-area p.content {}
.modal-details-area dl {}
.modal-details-area dt {}
.modal-details-area dd {}
.modal-details-area .shop {}
.modal-details-area .shop a {}
/*===================
ココスプリング
====================*/

article#coco_spring{}
article#coco_spring .spring__inner{}
article#coco_spring .spring__inner .spring__title{}
article#coco_spring .spring__inner .spring__title figure{
max-width: 400px;
}
article#coco_spring .spring__inner .spring__title figure img{}
article#coco_spring .spring__inner .spring__title h6{}
article#coco_spring .spring__inner .spring__body{}
article#coco_spring .spring__inner .spring__body__inner{}
article#coco_spring .spring__inner .spring__body__inner .spring__content{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__01{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__02{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__03{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical{
}

.tea__flex{}
.tea__flex .tea__flex__left{}
.tea__flex .tea__flex__left figure{}
.tea__flex .tea__flex__left figure img{}
.tea__flex .tea__flex__right{}
.tea__flex .tea__flex__right figcaption{}
.tea__flex .tea__flex__right figcaption img{}
.sub__way{}
.sub__way .sub__way__left{}
.sub__way .sub__way__left figure{
max-width: 353px;
}
.sub__way .sub__way__left figure img{}
.sub__way .sub__way__right{}
.sub__way .sub__way__right figcaption{}
.sub__way .sub__way__right figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure figcaption{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left{
display: inherit;
/* width: 50%; */
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left figure{
position: initial;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left .last{
display: block;
margin: -60px 0 0;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left .last figcaption{
width: auto;
margin-bottom: 14px;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right{
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figcaption{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content{}
.sub__way dl{
display: block !important;
}
.sub__way dl dd{
text-align: left !important;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner a{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner a:hover{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dt{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dt small{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dd{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside{}
article#coco_spring .spring__inner .spring__body__inner .content__01 .spring__content__beside{}
article#coco_spring .spring__inner .spring__body__inner .content__03 .spring__content__beside{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figcaption{}
figure.tea_img{
max-width: 200px !important;
}
figure.botani{
max-width: 230px !important;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right{}
article#coco_spring .spring__inner .spring__body__inner .content__01 .spring__content__beside .spring__content__beside__img__right{}
article#coco_spring .spring__inner .spring__body__inner .content__03 .spring__content__beside .spring__content__beside__img__right{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figcaption{
height: 46px;
}


/*===================
shopping_campaign
====================*/

#shopping_campaign {}
#shopping_campaign .shopping__campaign__inner {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__title {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__title img {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner01 {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner01 img {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner02 {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner02 img {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__box {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__box img {}


}

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

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


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

/* ヘッダー仕様 */

.special {
display: none;
}

header h1.logo {
width: 130px;
}

header.is-animation h1.logo {
width: 110px;
}

.koushiki_wrap {
max-width: 90px;
right: 4%;
transform: translateY(-50%);
}

.is-animation .koushiki_wrap {
width: 160px;
}


nav {
padding: 19px 0;
max-width: 93%;
}

header.is-animation nav {
padding: 15px 0;
}

#container {
margin: 70px auto 0;

}

.image img {
max-width: 100%;
width: 100%;


}

.view-fixed {
position: absolute;
opacity: 1;

transition: none;
}

.navi {
padding: 50px 10px;
}

/*ヘッダー終了*/

/*===================
xmas
====================*/
article#xmas {
    margin-top: 50px !important;
}
article#xmas .xmas__inner {
    background-position: top 102px center;
}

.xmas__title {
    top: -14%;
}
.xmas__title figure {}

.container {
    padding: 100px 20px 0;
    min-height: 50vh;
}
.pyramid-grid {
    display: block;
    /* padding: 50px 0 0 0; */
    margin-bottom: 0 !important;
}

.pyramid-grid   .slick-list{
    padding: 50px 0 0;
}


.grid-item {
    grid-column-start: inherit;
    grid-row-start: inherit;
    grid-column-end: inherit;
    width: 100%;
}
.grid-item .ico {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
    top: -60px;
}
.grid-item.item-3 .ico,
.grid-item.item-6 .ico {}
.grid-item.item-5 .ico {}
.grid-item .ico img {}
.grid-item:hover {}
.grid-item img {}


.caption {}
.caption .caption__inner p.content {
    height: 80px;
}

.caption .caption__inner dl {}

.caption .caption__inner .shop {}
.caption .caption__inner .shop a {}


.item-1 {
    grid-column-start: inherit;
    grid-row-start: inherit;
    grid-column-end: inherit;
    width: 100%;
}
.item-2 {
    grid-column-start: inherit;
    grid-row-start: inherit;
    grid-column-end: inherit;
}
.item-3 {
    grid-column-start: inherit;
    grid-row-start: inherit;
    grid-column-end: inherit;
}
.item-4 {
    grid-column-start: inherit;
    grid-row-start: inherit;
    grid-column-end: inherit;
}
.item-5 {
    grid-column-start: inherit;
    grid-row-start: inherit;
    grid-column-end: inherit;
}
.item-6 {
    grid-column-start: inherit;
    grid-row-start: inherit;
    grid-column-start: inherit;
    grid-row-start: inherit;
    grid-column-end: inherit;
}


/* =========================================
  ポップアップ(モーダル)のスタイル
========================================= */
.modal {}
.modal.is-open {}

.modal-overlay {}

.modal-container {}
.modal.is-open .modal-container {}

.modal-close-btn {}
.modal-close-btn:hover {}


.modal-body {}

.modal-image-area {
    padding: 15px;
}
.modal-image-area img {}

.modal-details-area {
    padding: 20px;
}

.modal-details-area p.content {
    margin-bottom: 15px;
    font-size: 1em;
}
.modal-details-area dl {
    padding: 15px 0;
    margin-bottom: 15px;
}
.modal-details-area dt {
}
.modal-details-area dt small{
    display:block;
}
.modal-details-area dd {}
.modal-details-area .shop {
    font-size: .9em;
}
.modal-details-area .shop a {}
/*===================
ココスプリング
====================*/
article#coco_spring{/* padding-top: 45px !important; */margin-top: -50px !important;}
article#coco_spring .spring__inner{padding: 0 15px 125px;}
article#coco_spring .spring__inner .spring__title{
    margin-bottom: 25px;
}
article#coco_spring .spring__inner .spring__title figure{
max-width: 290px;
}
article#coco_spring .spring__inner .spring__title figure img{}
article#coco_spring .spring__inner .spring__title h6{}
article#coco_spring .spring__inner .spring__body{}
article#coco_spring .spring__inner .spring__body__inner{
padding: 0;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__01{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__02{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__02 .spring__content__slide .spring__content__slide__list .spring__content__box figure{
    /* height: inherit; */
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__02 .spring__content__slide .spring__content__slide__list .spring__content__box figcaption{
    height: 50px;
}    
    article#coco_spring .spring__inner .spring__body__inner .spring__content.content__03 .spring__content__slide .spring__content__slide__list .spring__content__box figure{
    height: 330px;
}
        article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__slide .spring__content__slide__list .spring__content__box figure{
    height: 390px;
}
    article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__slide .spring__content__slide__list .spring__content__box figcaption{
    height: 50px;
}    
    article#coco_spring .spring__inner .spring__body__inner .spring__content.content__03{
    margin-top: 50px;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical{
gap: 10px;
margin-bottom: 30px;
}

.tea__flex{
display: block;
}
.tea__flex .tea__flex__left{}
.tea__flex .tea__flex__left figure{}
.tea__flex .tea__flex__left figure img{}
.tea__flex .tea__flex__right{}
.tea__flex .tea__flex__right figcaption{}
.tea__flex .tea__flex__right figcaption img{}
.sub__way{}
.sub__way .sub__way__left{}
.sub__way .sub__way__left figure{}
.sub__way .sub__way__left figure img{}
.sub__way .sub__way__right{}
.sub__way .sub__way__right figcaption{}
.sub__way .sub__way__right figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure figcaption{
right: 15px;
top: 15px;
width: 43px;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__left figure figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left .last{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left .last figcaption{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content.content__04 .spring__content__vertical .spring__content__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figcaption{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__vertical .spring__content__img__right figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner{
    /* max-width: 350px; */
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner a{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner a:hover{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl{/* display: block; *//* text-align: center; */justify-content: space-between;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dt{
    text-align: left;
    /* width: 309px; */
    line-height: 1.2;
    margin-bottom: 6px;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dt small{
    line-height: 1;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dd{/* text-align: center; *//* width: auto; */}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside{
gap: 20px;
display: block;
}
article#coco_spring .spring__inner .spring__body__inner .content__01 .spring__content__beside{}
article#coco_spring .spring__inner .spring__body__inner .content__03 .spring__content__beside{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figure{
max-width: 280px;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figcaption{}
figure.tea_img{max-width: 215px !important;margin: 0 auto;}
figure.botani{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__left figcaption img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right{}
article#coco_spring .spring__inner .spring__body__inner .content__01 .spring__content__beside .spring__content__beside__img__right{}
article#coco_spring .spring__inner .spring__body__inner .content__03 .spring__content__beside .spring__content__beside__img__right{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figure{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figure img{}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content__beside .spring__content__beside__img__right figcaption{}

.spring__content__sp{}
.spring__content__sp .spring__content{}
.spring__content__sp .spring__content.content01{}
.spring__content__sp .spring__content.content02{}
.spring__content__sp .spring__content.content03{}
.spring__content__sp .spring__content.content04{}
.spring__content__sp .spring__content .main__visual{
    /* margin-bottom: 25px; */
}
.spring__content__sp .spring__content .main__visual figure{
    position: relative;
}
.spring__content__sp .spring__content .main__visual .insta{
    position: absolute;
    width: 90px;
    left: 15px;
    bottom: 16px;
}
.spring__content__sp .spring__content.content__02 .insta{left: inherit;right: 15px;}
.spring__content__sp .spring__content .main__visual figure img{
}
.spring__content__sp .spring__content .main__visual figure figcaption{
    position: absolute;
    top: 58px;
    right: 35px;
    width: 55px;
}
   .spring__content__sp .spring__content .catch01 .main__visual figure figcaption{
    left: 33px;
    top: 32px;
    width: 48px;
}
       .spring__content__sp .spring__content .catch02 .main__visual figure figcaption{
    width: 300px;
    top: 30px;
    right: 0;
    left: 0;
    /* margin: 0 auto; */
    left: 33px;
    top: 32px;
    width: 48px;
}
.spring__content__sp .spring__content .main__visual figure figcaption img{}
.spring__content__sp .spring__content .spring__content__slide{}
.spring__content__sp .spring__content ul.slick-dots,
    .pyramid-grid   ul.slick-dots{
    bottom: -25px !important;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    width: 100% !important;
}
.spring__content__sp .spring__content ul.slick-dots li.slick-active button,
    .pyramid-grid ul.slick-dots li.slick-active button{
    background: #000 !important;
}
.spring__content__sp .spring__content ul.slick-dots li button,
   .pyramid-grid ul.slick-dots li button{
    background: #eee !important;
}
.spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list{}

    
.spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box{}
.spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box figure{
    max-width: 300px;
    margin: 0 auto;
    height: 490px;
    display: flex;
    align-items: center;
}
.spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box figure img{}
    .spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box figcaption{
    margin-bottom: 15px;
    max-width: 345px;
    margin: 0 auto 15px;
}
        .spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box figcaption img{}
.spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box .price__content{}
.spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box .price__content .price__content__inner{}
.spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box .price__content .price__content__inner dl{}
.spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box .price__content .price__content__inner dl dt{}
.spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box .price__content .price__content__inner dl dt small{}
.spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box .price__content .price__content__inner dl dd{}
.spring__content__sp .spring__content .spring__content__slide .spring__content__slide__list .spring__content__box .price__content .price__content__inner a{}
.price__content.price01{
    max-width: 320px;
    margin: 0 auto;
}
.price__content.price02{
    max-width: 330px;
    margin: 0 auto;
}
.price__content.price03{
    max-width: 299px;
    margin: 0 auto;
}
.price__content.price04{
    max-width: 270px;
    margin: 0 auto;
}
.price__content.price05{
    max-width: 290px;
    margin: 0 auto;
}
.price__content.price06{
    max-width: 295px;
    margin: 0 auto;
}
.price__content.price07{
    max-width: 330px;
    margin: 0 auto;
}

/*===================
shopping_campaign
====================*/

#shopping_campaign {}
#shopping_campaign .shopping__campaign__inner {
    padding: 80px 15px;
    margin: 0 auto;
}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__title {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__title img {
    width: 100%;
}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex {
    display: block;
}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner01 {
    margin-bottom: 40px;
}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner01 img {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner02 {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__flex .shopping__campaign__banner02 img {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__box {}
#shopping_campaign .shopping__campaign__inner .shopping__campaign__box .shopping__campaign__box__inner .shopping__campaign__box img {}


}

@media screen and (max-width: 480px) {
.image img {
max-width: 100%;
}


.image {
background: none;
}


.view-fixed {
position: absolute;
opacity: 1;
transition: none;
}


.iziModal-overlay {}

.iziModal {
top: 0;
width: auto;
background: #fff;
}

.iziModal .close {
right: 10px;
width: 60px;
height: 27px;
bottom: inherit;
top: 15px;
z-index: 99;
}

.iziModal .close a {}

.iziModal .modalbox {
overflow: hidden;
align-items: inherit;
display: block;
}

.iziModal .modalbox figure.bg-green {
padding: 0 25px;
}

.iziModal .modalbox figure.bg-green img {
/* padding: 30px; */
}

.iziModal .modalbox .modal_content {}

.iziModal .modalbox .modal_content .flex {
display: flex;
justify-content: space-between;
}

.iziModal .modalbox .modal_content .flex dl:first-child {}

.iziModal .modalbox .modal_content .flex dl:last-child {}



.iziModal .modalbox .modal_content dl {}

.iziModal .modalbox .modal_content dl dt {
font-size: 0.85em;
}

.iziModal .modalbox .modal_content dl dd {
font-size: 0.8em;
}

.iziModal .modalbox .modal_content dl dd .item__text {
margin-bottom: 15px;
}

.iziModal .modalbox .modal_content dl dd .item__text p {}

.group .iprev,
.iziModal .iprev,
.group .inext,
.iziModal .inext {
top: 200px;
}

.group .inext,
.iziModal .inext {}

.iprev {
left: 2% !important;
}

.inext {
right: 2% !important;
}


}

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

.slick-list {
overflow: hidden;

}

}

@media screen and (max-width: 350px) {
.iziModal {
max-width: 83% !important;
}

.modal_content dt {
font-size: 0.8em;
}

}

@media screen and (max-width: 375px) {
.iziModal .modalbox .modal_content dl {
font-size: 0.9em;
}
}