@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: #f28f00;}

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


/*image*/
.image {background: url(../images/press/202509/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);
}


/*ヘッダー終了*/

/*===================
ココスプリング
====================*/
article#coco_spring{position: relative;z-index: 7;background-color: #fffff9;padding-top: 100px !important;}
article#coco_spring .spring__inner{
max-width: 1100px;
margin: 0 auto;
padding-bottom: 150px;
}
article#coco_spring .spring__inner .spring__title{
margin-bottom: 50px;
}
article#coco_spring .spring__inner .spring__title figure{
max-width: 550px;
margin: 0 auto;
}
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: .5fr 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;}
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 35px;/* 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: 385px;margin: 0 auto;text-align: center;}
article#coco_spring .spring__inner .spring__body__inner .spring__content .spring__content02 .price__content__inner{max-width: 200px;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: .8em;
}
article#coco_spring .spring__inner .spring__body__inner .spring__content .price__content__inner dl dd{text-align: left;/* width: 117px; */}
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; */}

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{/* grid-template-columns: 1fr .5fr; */}
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;
}

/*===================
grand_parents_day
====================*/
article#grand_parents_day {
    position: relative;
    z-index: 9;
    /* background-color: #88d1f5; */
    padding-bottom: 100px;
    background-image: url(/images/press/202509/grandparents_bg.png);
}
article#grand_parents_day .grand__parents__day__inner{
    max-width: 1200px;
    margin: 0 auto;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img{
    position: relative;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img figure.main_img{
    margin: -38px 0 0;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img figure.main_img img{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .title__flex{
    /* display: grid; */
    -ms-grid-columns: 1fr 12px 1fr;
    /* grid-template-columns: repeat(2, 1fr); */
    /* gap: 25px; */
    max-width: 1100px;
    margin: 35px auto 0;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .title__flex h6{
    text-align: center;
    margin: 16px 0 0;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .main__title{
    max-width: 550px;
    width: 100%;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .main__title img{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .main__title02{
    margin-right: 25px;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .main__title02 img{
    /* margin-right: 25px; */
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch{
    position: absolute;
    top: 0;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .catch__text{
    margin-bottom: 4px;
    font-size: .9em;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .catch__text span{
    /* background-color: #d3edfb; */
    /* padding: 2px 10px; */
    margin-bottom: 5px;
    display: table;
    color: #4f4b38;
    font-weight: bold;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .price{
    font-size: .8em;
    color: #eb5a1b;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .price dl{
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: end;
    font-weight: bold;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .price dl dt{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .price dl dd{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .price a{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_01{
    top: 19%;
    left: 14%;
    max-width: 368px;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_02{
    top: 39%;
    right: 9%;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_03{
    top: 55%;
    left: 12%;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_04{
    top: inherit;
    bottom: 24%;
    left: 44%;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_05{
    top: inherit;
    bottom: 19%;
    left: 73%;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_06{
    top: inherit;
    bottom: 7%;
    left: 4%;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_07{
    top: inherit;
    bottom: 4%;
    right: 12%;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box a{
    color: #eb5a1b;
    text-align: center;
    font-size: .8em;
    font-weight: bold;
}

.catch_{
    position: absolute;
    color: #4f4b38;
    font-weight: bold;
    font-size: .9em;
}
.catch_.s02_caption{
    top: 25%;
    right: 15%;
    color: #4f4b38;
    font-weight: bold;
    font-size: .9em;
}
.catch_.s03_caption{
    top: 40.8%;
    left: 14%;
}
.catch_.s04_caption{
    top: 50%;
    left: 43%;
}
.catch_.s05_caption{
    bottom: 37%;
    right: 16%;
}
.catch_.s06_caption{
    bottom: 15.5%;
    left: 4%;
}
.catch_.s07_caption{
    right: 17%;
    bottom: 10%;
}
.anchor__sp{
    display: flex;
    gap: 15px;
    align-items: center;
    margin: 15px;
}
.anchor__sp .img{
    width: 35px;
}
.anchor__sp .img figure{}
.anchor__sp .img figure img{}
.anchor__sp .atag{}
.anchor__sp .atag a{
    margin: 0;
}

article#grand_parents_day .message{
    position: absolute;
    bottom: 4%;
    width: 245px;
    left: 20%;
}
article#grand_parents_day .message img{}

/*===================
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;
}

/*ヘッダー終了*/

/*===================
ココスプリング
====================*/
article#coco_spring{padding-top: 100px !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{}

/*===================
grand_parents_day
====================*/
article#grand_parents_day {
    padding-top: 100px !important;
}
article#grand_parents_day .grand__parents__day__inner{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img{
    padding: 0 15px;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img figure.main_img{
    margin: -50px 0 0;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img figure.main_img img{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .title__flex{
    /* display: block; */
    /* margin: 0 auto 32px; */
    /* position: relative; */
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .main__title{
    /* margin: 0 auto 45px; */
    max-width: 411px;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .main__title img{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .main__title02{
    /* margin: 0 auto; */
    /* max-width: 600px; */
    margin-bottom: 25px;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .main__title02 img{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .catch__text{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .catch__text span{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .price{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .price dl{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .price dl dt{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .price dl dd{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch .price a{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_01{
    left: 10%;
    top: 18%;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_02{
    right: 8%;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_03{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_04{
    bottom: 21%;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_05{}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_06{
    bottom: 6%;
}
    article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .catch.catch_07{
    bottom: 2%;
    right: 10%;
}
.catch_.s07_caption{
    right: 13%;
}
article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box a{display: block;}

/*===================
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;
}


/*ヘッダー終了*/

/*===================
ココスプリング
====================*/
    article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .title__flex{
    position: relative;
}
    article#grand_parents_day .grand__parents__day__inner .grand__parents__day__box .main__img .title__flex h6{
        text-align: center
    }
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;
}

/*++++++++++++++
grand_parents_day
+++++++++++++++*/


.title__flex{
    margin: 0 auto 40px !important;
}
.title__flex .main__title{}
.title__flex .main__title img{}
.title__flex .main__title02{
    margin-right: 0 !important;
}
.title__flex .main__title02 img{}
.grand__parents__day__slide{
    max-width: 500px;
    margin: 0 auto;
}
.grand__parents__day__slide .grand__parents__day__slide__list{/* border: 4px solid #0065b1; */padding: 20px 15px;/* border-radius: 20px; */background-image: url(/images/press/202509/grand_parents_day_bg_sp.png);background-size: contain;background-repeat: no-repeat;}
.grand__parents__day__slide .grand__parents__day__slide__list figure{
    text-align: center;
    margin-bottom: 8px;
}
.grand__parents__day__slide .grand__parents__day__slide__list figure img{
    width: 100%;
}
.grand__parents__day__slide .grand__parents__day__slide__list figcaption{
    max-width: 400px;
    margin: 0 auto;
}
.grand__parents__day__slide .grand__parents__day__slide__list figcaption .catch__text{
    text-align: center;
    margin-bottom: 15px;
    height: 50px;
    margin: 0 auto 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.grand__parents__day__slide .grand__parents__day__slide__list figcaption .catch__text span{
    /* background-color: #d3edfb; */
    padding: 2px;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    color: #4f4b38;
    font-weight: bold;
}
.grand__parents__day__slide .grand__parents__day__slide__list figcaption .price{
    text-align: center;
    /* max-width: 400px; */
    /* margin: 0 auto; */
    height: 110px;
}
.grand__parents__day__slide .grand__parents__day__slide__list figcaption .price dl{
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: end;
    font-weight: bold;
}
.grand__parents__day__slide .grand__parents__day__slide__list figcaption .price dl dt{
    text-align: left;
}
.grand__parents__day__slide .grand__parents__day__slide__list figcaption .price dl dd{}
.grand__parents__day__slide .grand__parents__day__slide__list figcaption a{
    /* background-color: #0065b1; */
    /* color: #fff !important; */
    /* padding: 5px; */
    /* border-radius: 30px; */
}



section#press #grand_parents_day .slick-dots {
  right: 0;
  left: 0;
  margin: auto;
  bottom: -30px;
  width: auto;
}


section#press #grand_parents_day ul.slick-dots li button {
  background: #e3e3e3;
}


section#press #grand_parents_day ul.slick-dots li.slick-active button {
  background: #4b4a48;
}

.price.price01{
    max-width: 293px;
    margin: 0 auto;
}
.price.price02{
    max-width: 280px;
    margin: 0 auto;
}
.price.price02_02{
    max-width: 150px;
    margin: 0 auto;
}
.price.price03{
    max-width: 180px;
    margin: 0 auto;
}
.price.price04{
    max-width: 300px;
    margin: 0 auto;
}
.price.price05{
    max-width: 283px;
    margin: 0 auto;
}
    .price.price06{
    max-width: 198px;
    margin: 0 auto;
}
.anchor__sp{
    margin: 0;
    justify-content: center;
}
.anchor__sp .img{
    width: 66px;
}
.anchor__sp .img figure{}
.anchor__sp .img figure img{}
.anchor__sp .atag{}
.anchor__sp .atag a{}
/*===================
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;
}

/*ヘッダー終了*/
/*===================
ココスプリング
====================*/
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; */
}
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{/* 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;
}
.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{
    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{
    background: #000 !important;
}
.spring__content__sp .spring__content 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;
}
/*++++++++++++++
grand_parents_day
+++++++++++++++*/

.title__flex{
    display: block !important;
}
.title__flex .main__title{
    max-width: 345px !important;
    margin: 0 auto 25px !important;
}
.title__flex .main__title img{}
.title__flex .main__title02{
    max-width: 355px !important;
    margin-right: 0 !important;
}
.title__flex .main__title02 img{}
 .grand__parents__day__slide{}
.grand__parents__day__slide .grand__parents__day__slide__list{}
.grand__parents__day__slide .grand__parents__day__slide__list figure{
    padding: 0 15px;
}
 .grand__parents__day__slide .grand__parents__day__slide__list figure img{}
 .grand__parents__day__slide .grand__parents__day__slide__list figcaption{}
 .grand__parents__day__slide .grand__parents__day__slide__list figcaption .catch__text{}
 .grand__parents__day__slide .grand__parents__day__slide__list figcaption .catch__text span{
    font-size: .9em;
}
 .grand__parents__day__slide .grand__parents__day__slide__list figcaption .price{
    font-size: .8em;
}
    
 .grand__parents__day__slide .grand__parents__day__slide__list figcaption .price dl{}
 .grand__parents__day__slide .grand__parents__day__slide__list figcaption .price dl dt{}
 .grand__parents__day__slide .grand__parents__day__slide__list figcaption .price dl dd{}
 .grand__parents__day__slide .grand__parents__day__slide__list figcaption a{}
.price.price01{
    max-width: 295px;
    margin: 0 auto;
}
.price.price02{
    max-width: 170px;
    margin: 0 auto;
}
.price.price02_02{
    max-width: 220px;
    margin: 0 auto;
}
.price.price03{
    max-width: 220px;
    margin: 0 auto;
}
.price.price04{
    max-width: 271px;
    margin: 0 auto;
}
.price.price05{
    max-width: 283px;
    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;
}
}