@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%;
}



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: 1200px;}

.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: #26a339;}

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


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


/*ヘッダー終了*/

/*===================
ココスプリング
====================*/
/* --- summer共通 --- */
#coco_summer{
    position: relative;
    z-index: 7;
    background-color: #fffef2;
    padding-top: 150px !important;
    padding-bottom: 150px;
}
#coco_summer .summer__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 150px;
}
#coco_summer .summer__title.view-lowup {
    max-width: 550px;
    margin: 0 auto 50px;
}
#coco_summer .summer__title.view-lowup figure {
    max-width: 450px;
    margin: 0 auto 25px;
}
#coco_summer .summer__title.view-lowup h6 {}

#coco_summer .summer__content.view-lowup {
    margin-bottom: 70px;
}
#coco_summer .summer__content__inner {}

/* --- ladies__item (個別) --- */
.ladies__item__flex {
    display: grid;
    grid-template-columns: 35% 1fr;
    margin-bottom: 200px;
}
.ladies__item__left {
    position: relative;
}
.ladies__item__left figure {
    border: 2px solid #00a4ea;
}
.ladies__item__left .catch {
    position: absolute;
    width: 20%;
    /* top: 11%; */
    right: 20%;
    bottom: -16%;
}
.ladies__item__left .item {
    max-width: 293px;
    margin: -18px 0 0 auto;
}
.ladies__item__left .item_img {
    position: absolute;
    bottom: -20%;
    right: -89%;
    width: 88%;
}
.ladies__item__left .model{
        position: absolute;
        width: 100px;
        bottom: 45px;
        left: 15px;
}

.ladies__item__right {}
.ladies__item__right__flex {
    display: grid;
    grid-template-columns: .4fr 1fr 1fr;
    gap: 25px;
    /* margin: 30px 0; */
    padding: 0 0px 0 29px;
    align-items: center;
}
.ladies__item__right__img {
    max-width: 250px;
    margin: -93px 0 0;
}
.ladies__item__right__img .shop{
    margin: -5px -44px 0 83px;
    max-width: 250px;
    width: 100%;
}
.ladies__item__right__text {}
.ladies__item__right__text p ,
.ladies__item__left__img p{
    color: #00a4ea;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: .9em;
}
.ladies__item__right__text .shop {
    max-width: 137px;
    margin: 0 auto 15px;
}
.ladies__item__right__text dl {
    color: #00a4ea;
    font-weight: bold;
    /* margin-bottom: 15px; */
    font-size: .9em;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ladies__item__right__text dl dt {}
.ladies__item__right__text dl dd {}
.ladies__item__left__img {
    /* border: 2px solid #00a4ea; */
}
.ladies__item__left__img figure{
    border: 2px solid #00a4ea;
}
.ladies__item__left__img figure img{}

.ladies__item__right .price {
    display: flex;
    flex-direction: column;
    /* align-items: flex-end; */
    margin-left: 46%;
    margin-top: 80px;
}
.ladies__item__right .price__img {
    max-width: 130px;
    margin-bottom: 17px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.ladies__item__right .price__flex {
    display: flex;
    gap: 16px;
}
.ladies__item__right .price__flex__left {
    border: 2px solid #00a4ea;
    background-color: #fff;
    padding: 0 2px;
    border-radius: 30px;
}
.ladies__item__right .price__flex__right {}
.ladies__item__right .price__flex__right dl {
    display: flex;
    justify-content: space-between;
    color: #00a4ea;
    font-weight: bold;
    /* margin-bottom: 15px; */
    font-size: .9em;
    align-items: end;
    margin: 0 0 2px;
    gap: 18px;
}
.ladies__item__right .price__flex__right dl dt {}
.ladies__item__right .price__flex__right dl dd {}
.ladies__item__right .price__flex__right a {
    margin-top: 25px;
    display: block;
    color: #00a4ea;
    font-size: .8em;
}

/* --- mens__item (個別) --- */
.mens__item__flex {
    display: grid;
    grid-template-columns: 1fr 35%;
    gap: 265px;
}
.mens__item__flex__left {}
.mens__item__flex__img__flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* gap: 25px; */
}

.mens__item__flex__img__left {}
.mens__item__flex__img__top {}
.mens__item__flex__img__top figure {
    /* border: 2px solid #f6a800; */
}
.mens__item__flex__img__top figcaption {
    color: #f6a800;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: .9em;
}
.mens__item__flex__img__bottom {
    position: relative;
    margin: 45px 0 0 43px;
    width: 100%;
}
.mens__item__flex__img__bottom figure {
    margin-top: -49px;
    max-width: 184px;
}
.mens__item__flex__img__bottom .shop {
    /* position: absolute; */
    width: 100%;
    right: -54px;
    top: 32%;
    max-width: 170px;
    margin-bottom: 10px;
    margin: 0 0 0 auto;
}
.mens__item__flex__img__bottom .price__text {
    /* position: absolute; */
    width: 63%;
    right: -9%;
    top: 57%;
    margin: 10px 0 0 auto;
}
.mens__item__flex__img__bottom .price__text dl {
    color: #f6a800;
    font-weight: bold;
    /* margin-bottom: 15px; */
    font-size: .9em;
}
.mens__item__flex__img__bottom .price__text dl dt {}
.mens__item__flex__img__bottom .price__text dl dd {}

.mens__item__flex__img__right {}
.mens__item__flex__img__right .price {
    margin-bottom: 31px;
    margin-left: 15px;
}
.mens__item__flex__img__right .price__img {
    max-width: 130px;
    margin-bottom: 16px;
    width: 100%;
}
.mens__item__flex__img__right .price__flex {
    display: flex;
    gap: 16px;
}
.mens__item__flex__img__right .price__flex__left {
    border: 2px solid #f6a800;
    background-color: #fff;
    padding: 0 2px;
    border-radius: 30px;
}
.mens__item__flex__img__right .price__flex__right {}
.mens__item__flex__img__right .price__flex__right dl {
    display: flex;
    justify-content: space-between;
    color: #f6a800;
    font-weight: bold;
    /* margin-bottom: 15px; */
    font-size: .9em;
    align-items: end;
    margin: 0 0 2px;
    gap: 18px;
}
.mens__item__flex__img__right .price__flex__right dl dt {}
.mens__item__flex__img__right .price__flex__right dl dd {}
.mens__item__flex__img__right .price__flex__right a {
    margin-top: 25px;
    display: block;
    font-size: .8em;
    color: #f6a800;
}
.mens__item__flex__img__right__bottom {}
.mens__item__flex__img__right__bottom figure {
    border: 2px solid #f6a800;
}
.mens__item__flex__img__right__bottom figcaption {
    color: #f6a800;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: .9em;
}

.mens__item__flex__right {
    position: relative;
}
.mens__item__flex__right figure {
    border: 2px solid #f6a800;
}
.mens__item__flex__right .catch {
    position: absolute;
    width: 19%;
    top: -5%;
    right: 67%;
}
.mens__item__flex__right .item {
    position: absolute;
    top: 52px;
    left: -66%;
    width: 73%;
    z-index: 1;
}
.mens__item__flex__right .item_img {
    position: absolute;
    width: 88%;
    left: -73%;
    top: 28%;
}
.mens__item__flex__right .model {
    position: absolute;
    width: 100px;
    bottom: 15px;
    left: 15px;
}

/* --- summer__recommend (個別) --- */
.summer__recommend.view-lowup {
    margin-bottom: 70px;
}
.summer__recommend__flex {
    display: flex;
    gap: 69px;
    align-items: center;
    justify-content: center;
}
.summer__recommend__title {
    width: 100%;
    max-width: 250px;
}
.summer__recommend__item {
    display: flex;
    gap: 25px;
    width: 100%;
}
.summer__recommend__item__flex {
    display: flex;
    gap: 4px;
    width: 100%
}
.summer__recommend__item__flex .ch01{
    max-width: 228px;
}
.summer__recommend__item__flex .ch02{
    max-width: 375px;
}
.summer__recommend__item__left {
    width: 100%;
}
.summer__recommend__item__left figure {
    max-width: 480px;
    margin-bottom: 15px;
    margin: 0 auto 15px;
}
.summer__recommend__item__left .price {
    color: #f6a800;
    font-weight: bold;
    /* margin-bottom: 15px; */
    font-size: .9em;
    /* height: 91px; */
    display: grid;
    justify-content: center;
}
.summer__recommend__item__left .price dl {
    display: flex;
    justify-content: space-between;
    max-width: 300px;
}
.summer__recommend__item__left a {
    display: block;
    margin-top: 15px;
    color: #f6a800;
    font-size: .8em;
    text-align: center;
}

.summer__recommend__item__right {
    width: 78%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.summer__recommend__item__right figure {
    max-width: 280px;
    margin-bottom: 15px;
    width: 100%;
}
.summer__recommend__item__right .price {
    color: #f6a800;
    font-weight: bold;
    /* margin-bottom: 15px; */
    font-size: .9em;
}
.summer__recommend__item__right .price dl {}
.summer__recommend__item__right a {
    display: block;
    margin-top: 15px;
    color: #f6a800;
    font-size: .8em;
}

/* --- kiharu__select (共通・個別) --- */
.kiharu__select.view-lowup {
    background-color: #fffcd3;
    padding: 50px;
    border-radius: 40px;
}
.kiharu__select__inner {}
.kiharu__box{
    display: flex;
    gap: 25px;
}
.kiharu__box__left{
    width: 32%;
}
.kiharu__box__right{
    width: 65%;
}
.title_pc{
    max-width: 1000px;
    margin: 0 0 25px;
    margin: 0 auto 55px;
}
.kiharu__select__title {
    margin: 0 auto 50px;
}
.kiharu__select__title figure {
    max-width: 450px;
    margin: 0 auto 50px;
}
.kiharu__select__title h6 {
    font-size: .87em;
}

.kiharu__select__item {
    /* margin-bottom: 70px !important; */
}

/* kiharu__select__item__list 共通設定 */

.kiharu__select ul.slick-dots{
    bottom: -25px !important;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    width: 100% !important;
}
.kiharu__select ul.slick-dots li.slick-active button{
    background: #000 !important;
}
.kiharu__select ul.slick-dots li button{
    background: #eee !important;
}
.kiharu__select__item__list .kiharu__select__item__img {}
.kiharu__select__item__list .kiharu__select__item__img figure {}
.kiharu__select__item__list .prices {
    margin-bottom: 10px;
    max-width: 292px;
    margin: 0 auto 8px;
}
.kiharu__select__item__list .prices dl {
    display: flex;
    color: #00a4ea;
    font-size: .9em;
    font-weight: bold;
    gap: 10px;
    justify-content: space-between;
}
.kiharu__select__item__list .prices dl dt {}
.kiharu__select__item__list .prices dl dd {}
.kiharu__select__item__list .prices p {
    color: #00a4ea;
    font-size: .9em;
}
.kiharu__select__item__list .prices a {
    color: #00a4ea;
    font-size: .8em;
}

/* kiharu__select__item__list 個別設定 */
.kiharu__select__item__list{
    position: relative;
    margin: 0 15px;
}
.kiharu__select__item__list .catch{
    position: absolute;
    width: 150px;
    top: 19%;
    right: 5%;
}
.kiharu__select__item__list.item01 {}
.kiharu__select__item__list.item01 .catch.item01 {
    top: 33%;
    bottom: 40%;
    width: 156px;
    left: 0;
}

.kiharu__select__item__list.item02 {}
.kiharu__select__item__list.item02 .catch.item02 {
    right: inherit;
    top: 1%;
    left: 0;
    width: 120px;
}

.kiharu__select__item__list.item03 {}
.kiharu__select__item__list.item03 .catch.item03 {
    width: 115px;
    right: inherit;
    top: 1px;
    left: 21%;
}

.kiharu__select__item__list.item04 {}
.kiharu__select__item__list.item04 .catch.item04 {
    right: unset;
    top: 8%;
}

/* kiharu__select__insta (個別) --- */
.kiharu__select__insta {
    background-color: #fff;
    padding: 20px;
    border-radius: 30px;
    max-width: 480px;
    margin: 0 auto;
}
.kiharu__select__insta__flex {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 30px;
    justify-content: center;
}
.kiharu__select__insta__left {
    text-align: center;
}
.kiharu__select__insta__left a {}
.kiharu__select__insta__left a figure {}
.kiharu__select__insta__left a figcaption {
    font-size: .9em;
}
.kiharu__select__insta__right {}
.kiharu__select__insta__right figure {}


/*++++++++++++++
fathers_day
+++++++++++++++*/
.sp-1000{
    display: none;
}
article#fathers_day {
    position: relative;
    z-index: 7;
    background-color: #fff;
    background-image: url(/images/press/202606/fathers_d_bg.svg);
    background-size: contain;
    /* padding-top: 250px !important; */
}

article#fathers_day .fathers__day__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 250px;
}

/* アイテムを包むボックスコンテナ */
article#fathers_day .fathers__day__inner .fathers__day__box {
    position: relative;
    background-image: url(/images/press/202606/fathers_d_content_bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
article#fathers_day .fathers__day__inner .fathers__day__box .main_img{
}
article#fathers_day .fathers__day__inner .fathers__day__box .main_img img{}

/* --- 各アイテム共通スタイル --- */
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item {}

article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item figure {}

article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item figure img {}

/* 価格・商品名エリア */
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price {
    font-size: .9em;
}

article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl {
    display: flex;
    gap: 10px;
    justify-content: center;
}

article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item04 .price dl{
    justify-content: space-between;
}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl dt {}

article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl dt small {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06 .price{
    margin: 34px 86px 0 0;
}
/* 店舗・フロア情報エリア */
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .shop {
    margin: 0;
}

article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .shop a {
    color: #003b82;
    font-size: .8em;
}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06  .shop{
    margin: 0px 86px 0 0;
    text-align: left;
    padding-left: 30px;
}

/* --- 各アイテム個別設定（位置・装飾の微調整用） --- */

/* item01: THE SHOP TK */
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item {
    position: absolute;
    top: 0;
    width: 300px;
    text-align: center;
}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item01 {
    top: 9%;
    left: 40%;
}

/* item02: 浜屋ココウォークプラザ */
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item02 {
    top: 37%;
    left: 11%;
}

/* item03: ヴィレッジヴァンガード */
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item03 {
    top: 35%;
    left: 44%;
}

/* item04: CALL & RESPONSE (※このアイテムのみ画像・figure要素なし) */
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item04 {
    right: 9.5%;
    top: inherit;
    bottom: 44%;
    /* width: 300px; */
}

/* item05: シャツプラザ */
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item05 {
    top: inherit;
    bottom: 21%;
    left: 3.5%;
}

/* item06: SUIT SELECT */
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06 {
    top: inherit;
    bottom: 20%;
    right: -5%;
    text-align: left;
}

/* item07: FREAK'S STORE */
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item07 {
    top: inherit;
    bottom: 14.5%;
    left: 28%;
}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item07 figure{
    position: absolute;
    bottom: -119px;
    left: 30px;
    width: 300px;
}


/*++++++++++++++
newface
+++++++++++++++*/
article#newface {
    padding: 150px 0 200px !important;
    position: relative;
    background-color: #ffffff;
    z-index: 7;
    /* border-top: 1px solid #000; */
    /* margin-top: -150px !important; */
}

article#newface .newface_wrap {
    max-width: 1150px;
    margin: 0 auto;
}

#newface .inner {
    z-index: 6;
    max-width: 100% !important;
}

article#newface .title {
    position: relative;
    padding: 25px 46px 20px;
    max-width: 500px;
    z-index: 10;
    margin: 0px auto 40px;
    background: #4c4948;
}

article#newface .title img {
    max-width: 460px;
    margin: auto;
}

article#newface .title p {
    font-size: 0.9em;
    line-height: 2;
    letter-spacing: 2px;
    margin: 25px 0 0;
    color: #fff;

}

article .shop {
    text-align: center;
    /* color: #666; */
    display: inline-block;
    font-size: 0.95em;
    margin: 15px 0 0;
    letter-spacing: 2px;
    position: relative;
    z-index: 100;
}

article#newface .renewal {
    /* position: relative; */
    /* padding: 5px 10px 5px; */
    /* max-width: 500px; */
    /* z-index: 10; */
    margin: 0 15px 0 0;
    /* background: #4c4948; */
    /* border: 1px solid #6a6a6a; */
    /* display: inline-block; */
    /* margin-bottom: 17px; */
    /* color: #6a6a6a; */
    max-width: 60px;
    width: 100%;
}

article#newface ul {
    text-align: center;
    position: relative;
    z-index: 10;
    margin: 0 0 10px;
}

article#newface li {
    position: relative;
    outline: none;
    /* padding: 7px; */
    /* box-shadow: 0 2px 6px rgb(0 0 0 / 15%); */
    /* transform: translateY(8px) rotate(5deg); */
    /* margin-bottom: 5%; */
    /* margin-right: 2%; */
    /* margin: 2% 2% 4%; */
}

article#newface li span {
    font-size: 0.9em;
    margin: 10px auto 0;
    display: block;
    color: #111;
    letter-spacing: 1px;
    z-index: 1;
    position: absolute;
    background: hsl(0deg 0% 100% / 70%);
    padding: 2px 0;
    z-index: 5;
    bottom: 9px;
    text-align: center;
    width: 100%;
}

article#newface .newface__visual {
    margin-bottom: 80px;
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 30px;
}

article#newface .newfacebox {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 35px;
}

article#newface .newfac__content {
    /* padding: 0 0px 40px; */
    /* margin: 0px 0 40px; */
}


article#newface .tempobox {
    max-width: 1000px;
    margin: 50px auto 25px;
    width: 100%;
    /* clear: both; */
    /* overflow: hidden; */
    display: flex;
    justify-content: space-around;
}

article#newface .tempobox .left {
    width: 51%;
    /* float: left; */
    box-sizing: border-box;
    margin: 0 3% 0 0;
    overflow: hidden;
}

article#newface .tempobox .left dl {
    margin: 0 0 31px;
}

article#newface .tempobox .left dt {
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 0 0 15px;
    line-height: 1.6;
    padding: 0;
    display: flex;
    align-items: center;
}

article#newface .newface__visual .newface__visual__slide span {
    font-size: 0.8em;
    margin: 10px auto 0;
    display: block;
    color: #111;
    letter-spacing: 1px;
    z-index: 1;
    position: absolute;
    background: hsl(0deg 0% 100% / 70%);
    padding: 2px 0;
    z-index: 5;
    bottom: 9px;
    text-align: center;
    width: 100%;
}

article#newface .tempobox h6 {
    text-align: left;
}

article#newface .right02 h6 {
    font-size: .7em;
}


#newface a.shop {
    padding: 5px 0 0 0 !important;
    margin: 0;
    text-align: left;
    font-size: 0.9em;
    letter-spacing: 0;
}

article#newface .tempobox .right {
    width: 100%;
    float: right;
    border: 1px solid #333;
    padding: 25px 25px 0 25px;
    z-index: 10;
    box-sizing: border-box;
    display: flex;
    background: #fff;
}

article#newface .tempobox .right-box02 span {
    font-size: 0.75em;
    color: #666;
    margin: 10px auto 0;
    display: block;
    line-height: 2;
    text-align: right;
    letter-spacing: 1px;
}

article#newface .tempobox .left.tempo-100 {
    width: 100%;
    margin: 0 auto;
}


#newface .newface-wrap02 {
    margin: 0px auto 0;
    padding: 0;
    border-top: 1px dashed #4c4948;
}


.right02 {
    width: 46%;
    /* float: left; */
}

section#press #newface ul.slick-dots,
section#press #fathers_day .slick-dots{
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 100%;
}
section#press #coco__break .slick-dots{
        right: 0;
    left: 0;
    margin: auto;
    bottom: -20px;
    width: 100%;
}

section#press #newface ul.slick-dots li button,
section#press #fathers_day ul.slick-dots li button,
section#press #coco__break  ul.slick-dots li button{
    background: #e3e3e3;
}

section#press #newface ul.slick-dots li.slick-active button,
section#press #fathers_day ul.slick-dots li.slick-active button,
section#press #coco__break ul.slick-dots li.slick-active button{
    background: #4b4a48;
}

.shop-logo {
    display: flex;
    align-items: flex-end;
    /* border-bottom: 1px solid #000; */
    /* padding-bottom: 15px; */
    margin-bottom: 30px;
}

.shop-logo img {
    /* border: 1px solid #eee; */
}

.shop-logo figure {
    margin-right: 3%;
    max-width: 76px;
}

.first-img {
    display: flex;
    max-width: 1000px;
    margin: 30px auto 0;
    flex-direction: row-reverse;
}

.first-img ol {
    width: 49%;
    margin: 0 1% 0 0;
}

.first-img .right-box02 {
    width: 49%;
    margin: 0 0 0 1%;
}

.first-img ol li {
    margin: 0 0 20px 0;
}

.first-img ol li:last-child {
    margin: 0;
}

article#newface ol li span {
    position: relative;
    background: none;
    text-align: left;
    bottom: inherit;

}

.first-img .right-box02 span {
    font-size: 0.9em;
    display: block;
    margin: 10px 0 0 0;
}

#newface .inner:first-child .right02 {
    width: 32%;
    /* box-shadow: 0 2px 6px rgb(0 0 0 / 15%); */
    /* margin: 24px 27px 22px 15px; */
    /* padding: 0px 20px 0 0; */
}

.slick-list {
    /* overflow: inherit; */
}

#newface .inner:first-child .left {
    width: 60%;
}

article#newface .sub__visual {
    display: flex;
    border: 1px #000 solid;
    padding: 16px;
}

article#newface .sub__visual .coment {
    width: 100%;
    margin: 0 0% 0 0;
}

article#newface .sub__visual .coment span {}

article#newface .sub__visual figure {
    width: 7%;
    /* margin-right: 3%; */
}

article#newface .sub__visual figure img {}
.shop__item {}

.shop__item .shop__item__inner {
    max-width: 750px;
    margin: 30px auto;
}

/* メインの図版エリア */
.shop__item .shop__item__inner figure.svg {
    position: relative;
}

.shop__item .shop__item__inner figure.svg img.center.svg {}

/* キャプション・リンクエリア */
.shop__item .shop__item__inner figure.svg figcaption.anchor {
    position: absolute;
    width: 18%;
    bottom: 6%;
    right: 13%;
}

.shop__item .shop__item__inner figure.svg figcaption.anchor a {}

.shop__item .shop__item__inner figure.svg figcaption.anchor a img.center.anchor {}


#newface .information {
    margin: 0 0 100px;
    position: relative;
    background: #f9f9f7;
    /* padding: 30px 50px; */
    box-sizing: border-box;
    max-width: 800px;
    margin: 80px auto 0;
}

#newface .information .information__item{}
#newface .information .information__qr{
    width: 110px;
    margin: auto;
}
#newface .information .information__qr figure{}
#newface .information .information__qr figure img{}

#newface .information p.info_title {
    /* font-style: italic; */
    font-size: 1.1em;
    letter-spacing: 1px;
    margin-bottom: 5px;
    position: absolute;
    top: -24px;
    color: #555;
}

#newface .information .information__box {
    display: flex;
    border: 1px solid #666464;
    border-left: none;
    border-right: none;
}

#newface .information dl {
    display: flex;
    /* margin: 0 0 0 -10px; */
    line-height: 1.5;
}

#newface .information dl dt {
    width: 12%;
    min-width: 150px;
    text-align: justify;
    background-color: #ebebe6;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

#newface .information dl dd {
    width: 100%;
    font-size: 0.9em;
    line-height: 1.9;
    letter-spacing: 1px;
    margin: auto;
    padding: 15px;
}

/*** +++++++++++++++++++++
coco_break
++++++++++++++++++++++ ***/
article#coco__break {
    background-color: #e5ddcb;
    position: relative;
    z-index: 8;
}

article#coco__break .coco__break__inner {
    max-width: 1650px;
    margin: 0 auto;
}

/* 新規追加：コンテンツ全体を包むラッパー */
article#coco__break .coco__break__inner .coco__break__fl {
    /* grid-template-columns: 1fr 1fr; */
    display: grid;
    gap: 50px;
    overflow: hidden;
    grid-template-columns: 1fr 2.2fr;
    align-items: center;
}

/* タイトルエリア */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title {
    width: 100%;
    max-width: 500px;
    margin-top: -150px;
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title figure {
    /* max-width: 300px; */
    /* width: 100%; */
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title figure img {
    width: 100%;
}

/* 新規追加：キャッチコンテンツのコンテナ */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box {overflow: hidden;padding: 0 35px 50px;}

article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content {
    /* max-width: 500px; */
    /* display: grid; */
    /* grid-template-columns: repeat(2, 1fr); */
    /* overflow: hidden; */
    color: #595040;
    /* padding: 0 50px 50px; */
}


/* --- 各ショップ共通の内部パーツ（まとめ） --- */

/* スライダーエリア */
.coco__break__slide {
    margin-bottom: 21px;
}
.coco__break__slide .coco__break__slide__item {
    /* max-width: 300px; */
    margin: 0 auto;
    position: relative;
}
.coco__break__slide .coco__break__slide__item figure {}
.coco__break__slide .coco__break__slide__item figure img {}
.coco__break__slide .coco__break__slide__item figcaption {
    font-size: 0.8em;
    margin: 10px auto 0;
    display: block;
    color: #111;
    letter-spacing: 1px;
    z-index: 1;
    position: absolute;
    background: hsl(0deg 0% 100% / 70%);
    padding: 2px 0;
    z-index: 5;
    bottom: 9px;
    text-align: center;
    width: 100%;
}

/* 価格エリア */
.coco__berak__price {margin-bottom: 15px;margin-top: 45px;height: 53px;}
.coco__berak__price dl {
    display: flex;
    gap:15px;
    font-size: .9em;
}
.coco__berak__price dl dt {}
.coco__berak__price dl dd {}
.coco__berak__price p {
    font-size: .8em;
} /* 注記テキスト */

/* テキスト・キャッチコピー */
.coco__berak__ch01 {
    font-size: .9em;
    font-weight: bold;
    margin-bottom: 15px;
    height: 32px;
}
.coco__berak__ch02 {
    font-size: .8em;
    line-height: 1.8;
}
.coco__break__box01 {}
.coco__break__box01 figcaption {}

/* ショップ基本情報 */
.shop {
    /* width: 200px !important; */
    margin: 0 0 0px !important;
}
.shop a {
    display: block;
}
.shop a img {
    width: 100%;
}
.shop .img {}
.shop .img figure {}
.shop .img figure img {}
.shop .shop__infp {}
.shop .shop__infp a {}
.shop .shop__infp a img {}
.shop .shop__infp p {
    font-size: .9em;
    margin-top: 5px;
    font-weight: bold;
}
.coco__break__slide{
    /* max-width: 300px; */
    margin: auto;
    height: 380px;
    align-items: center;
    display: flex;
}

/* --- 各ショップ個別セレクタ（微調整用） --- */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__items {
    background-color: #fff;
    padding: 15px;
    border-radius: 15px;
    /* max-width: 400px; */
    width: 400px;
    margin: 0 5px;
    height: 765px;
}
/* item01: スターバックス */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .shop {
    margin: 0;
    width: 190px;
    margin: 0 0 15px;
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__break__slide {
    /* overflow: hidden; */
    /* max-width: 300px; */
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__ch01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__ch02 {}

/* item03: ナナズグリーンティー */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .shop {
    text-align: left;
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .coco__break__slide {

}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 p {
    font-size: .8em;
    line-height: 1.8;
}

/* item02: 喫茶ウミノ */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .shop {
    /* max-width: 145px; */
    width: 100%;
    position: relative;
    display: flex;
    gap: 25px;
    justify-content: space-between;
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .shop a{
    width: 124px;
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .shop .img{
    width: 200px;
    margin-top: -105px;
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .coco__break__box01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .coco__break__slide {
    /* max-width: 300px; */
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 p {
    font-size: .8em;
    line-height: 1.8;
}

/* item04: ドトール */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .shop__infp {
    max-width: 280px;
    /* margin: 0 0 15px; */
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__break__slide {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__break__ch01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 p {
    font-size: .8em;
    line-height: 1.8;
}

@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) {
    article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__items{
    height: 800px;
}
}

@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;
}
.kiharu__select.view-lowup {
    padding: 25px;
}
/*ヘッダー終了*/
/*++++++++++++++
fathers_day
+++++++++++++++*/
article#fathers_day {}
article#fathers_day .fathers__day__inner {}
article#fathers_day .fathers__day__inner .fathers__day__box {
    padding: 0 15px;
    background-size: 98.5%;
}
article#fathers_day .fathers__day__inner .fathers__day__box .main_img {}
article#fathers_day .fathers__day__inner .fathers__day__box .main_img img {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item {
    width: 268px;
}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item figure {
    width: 241px;
}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item figure img {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price {
    font-size: .8em;
}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item04 .price dl {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl dt {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl dt small {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06 .price {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .shop {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .shop a {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06 .shop {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item01 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item02 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item03 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item04 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item05 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item07 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item07 figure {
    width: 255px;
}

/*** +++++++++++++++++++++
coco_break
++++++++++++++++++++++ ***/
/*** +++++++++++++++++++++
coco_break
++++++++++++++++++++++ ***/
article#coco__break {
    padding-top: 100px !important;
}

article#coco__break .coco__break__inner {}

/* 新規追加：コンテンツ全体を包むラッパー */
article#coco__break .coco__break__inner .coco__break__fl {
    display: block;
}

/* タイトルエリア */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title {
    margin: 0 auto 50px;
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title figure {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title figure img {}

/* 新規追加：キャッチコンテンツのコンテナ */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box {
    padding: 0 25px 25px;
}

article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content {}


/* --- 各ショップ共通の内部パーツ（まとめ） --- */

/* スライダーエリア */
.coco__break__slide {

}
.coco__break__slide .coco__break__slide__item {}
.coco__break__slide .coco__break__slide__item figure {}
.coco__break__slide .coco__break__slide__item figure img {}
.coco__break__slide .coco__break__slide__item figcaption {}

/* 価格エリア */
.coco__berak__price {}
.coco__berak__price dl {
    font-size: .8em;
}
.coco__berak__price dl dt {}
.coco__berak__price dl dd {}
.coco__berak__price p {} /* 注記テキスト */

/* テキスト・キャッチコピー */
.coco__berak__ch01 {
    font-size: .85em;
}
.coco__berak__ch02 {}
.coco__break__box01 {}
.coco__break__box01 figcaption {}

/* ショップ基本情報 */
.shop {}
.shop a {}
.shop a img {}
.shop .img {}
.shop .img figure {}
.shop .img figure img {}
.shop .shop__infp {}
.shop .shop__infp a {}
.shop .shop__infp a img {}
.shop .shop__infp p {}


/* --- 各ショップ個別セレクタ（微調整用） --- */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__items {
    height: 857px;
}
/* item01: スターバックス */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .shop {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__break__slide {
    max-width: 250px;
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__ch01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__ch02 {}

/* item03: ナナズグリーンティー */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .shop {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .coco__break__slide {
    max-width:250px
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 p {}

/* item02: 喫茶ウミノ */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .shop {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .coco__break__box01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .coco__break__slide {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 p {}

/* item04: ドトール */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .shop__infp {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__break__slide {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__break__ch01 {}
}

@media screen and (max-width: 1100px) {}
@media screen and (max-width: 1000px) {
    /*===================
ココスプリング
====================*/
    /* --- summer共通 --- */
#coco_summer {}
#coco_summer .summer__inner {}
#coco_summer .summer__title.view-lowup {}
#coco_summer .summer__title.view-lowup figure {}
#coco_summer .summer__title.view-lowup h6 {}
#coco_summer .summer__content.view-lowup {
}
#coco_summer .summer__content__inner {
    padding: 0 15px;
}

/* --- ladies__item (個別) --- */
.ladies__item__flex {
    display: block;
    position: relative;
    margin-bottom: 100px;
}
.ladies__item__left {
    max-width: 400px;
}
.ladies__item__left figure {}
.ladies__item__left .catch {}
.ladies__item__left .item {}
.ladies__item__left .item_img {
    width: 85%;
    bottom: inherit;
    top: -25px;
}
.ladies__item__right {}
.ladies__item__right__flex {}
.ladies__item__right__img {}
.ladies__item__right__text {}
.ladies__item__right__text p {}
.ladies__item__right__text .shop {}
.ladies__item__right__text dl {}
.ladies__item__right__text dl dt {}
.ladies__item__right__text dl dd {}
.ladies__item__left__img {}
.ladies__item__left__img figure {}
.ladies__item__left__img figure img {}
.ladies__item__right .price {
    position: absolute;
    top: 42%;
}
.ladies__item__right .price__img {}
.ladies__item__right .price__flex {}
.ladies__item__right .price__flex__left {}
.ladies__item__right .price__flex__right {}
.ladies__item__right .price__flex__right dl {}
.ladies__item__right .price__flex__right dl dt {}
.ladies__item__right .price__flex__right dl dd {}
.ladies__item__right .price__flex__right a {}

/* --- mens__item (個別) --- */
.mens__item__flex {
    display: flex;
    flex-direction: column-reverse;
    gap: 70px;
    /* max-width: 650px; */
}
.mens__item__flex__left {}
.mens__item__flex__img__flex {
    max-width: 550px;
    margin: 0 auto;
}
.mens__item__flex__img__left {}
.mens__item__flex__img__top {}
.mens__item__flex__img__top figure {}
.mens__item__flex__img__top figcaption {}
.mens__item__flex__img__bottom {}
.mens__item__flex__img__bottom figure {}
.mens__item__flex__img__bottom .shop {
    max-width: 176px;
}
.mens__item__flex__img__bottom .price__text {}
.mens__item__flex__img__bottom .price__text dl {}
.mens__item__flex__img__bottom .price__text dl dt {}
.mens__item__flex__img__bottom .price__text dl dd {}
.mens__item__flex__img__right {}
.mens__item__flex__img__right .price {}
.mens__item__flex__img__right .price__img {}
.mens__item__flex__img__right .price__flex {}
.mens__item__flex__img__right .price__flex__left {}
.mens__item__flex__img__right .price__flex__right {}
.mens__item__flex__img__right .price__flex__right dl {}
.mens__item__flex__img__right .price__flex__right dl dt {}
.mens__item__flex__img__right .price__flex__right dl dd {}
.mens__item__flex__img__right .price__flex__right a {}
.mens__item__flex__img__right__bottom {}
.mens__item__flex__img__right__bottom figure {}
.mens__item__flex__img__right__bottom figcaption {}
.mens__item__flex__right {
    width: 100%;
    display: flex;
    /* height: 735px; */
    flex-direction: row-reverse;
}
.mens__item__flex__right figure {/* position: absolute; */right: 0;width: 50%;}
.mens__item__flex__right .catch {width: 10%;right: 5%;}
.mens__item__flex__right .item {
    width: 50%;
    right: 30%;
    left: inherit;
}
.mens__item__flex__right .item_img {
    position: relative;
    left: inherit;
    width: 49%;
}
.kiharu__box{
    /* display: block; */
    gap: 45px;
}
.kiharu__box__left{
    width: 50%;
}
.kiharu__box__right{
    width: 50%;
}
/* --- summer__recommend (個別) --- */
.summer__recommend.view-lowup {
    padding: 0 15px;
}
.summer__recommend__flex {
    gap: 44px;
}
.summer__recommend__title {
    max-width: 200px;
}
.summer__recommend__item {}
.summer__recommend__item__flex {}
.summer__recommend__item__left {}
.summer__recommend__item__flex .ch01{}
.summer__recommend__item__flex .ch02{}
.summer__recommend__item__left figure {
    max-width: 350px;
}
.summer__recommend__item__left .price {}
.summer__recommend__item__left .price dl {}
.summer__recommend__item__left a {}
.summer__recommend__item__right {}
.summer__recommend__item__right figure {
    max-width: 350px;
}
.summer__recommend__item__right .price {}
.summer__recommend__item__right .price dl {}
.summer__recommend__item__right a {}

/* --- kiharu__select (共通・個別) --- */
.kiharu__select.view-lowup {}
.kiharu__select__inner {}
.kiharu__select__title {}
.kiharu__select__title figure {}
.kiharu__select__title h6 {}
.kiharu__select__item {}
.kiharu__select ul.slick-dots {}
.kiharu__select ul.slick-dots li.slick-active button {}
.kiharu__select ul.slick-dots li button {}
.kiharu__select__item__list .kiharu__select__item__img {}
.kiharu__select__item__list .kiharu__select__item__img figure {}
.kiharu__select__item__list .prices {}
.kiharu__select__item__list .prices dl {}
.kiharu__select__item__list .prices dl dt {}
.kiharu__select__item__list .prices dl dd {}
.kiharu__select__item__list .prices p {}
.kiharu__select__item__list .prices a {}
.kiharu__select__item__list {}
.kiharu__select__item__list .catch {}
.kiharu__select__item__list.item01 {}
.kiharu__select__item__list.item01 .catch.item01 {}
.kiharu__select__item__list.item02 {}
.kiharu__select__item__list.item02 .catch.item02 {}
.kiharu__select__item__list.item03 {}
.kiharu__select__item__list.item03 .catch.item03 {}
.kiharu__select__item__list.item04 {}
.kiharu__select__item__list.item04 .catch.item04 {}

/* --- kiharu__select__insta (個別) --- */
.kiharu__select__insta {}
.kiharu__select__insta__flex {}
.kiharu__select__insta__left {}
.kiharu__select__insta__left a {}
.kiharu__select__insta__left a figure {}
.kiharu__select__insta__left a figcaption {}
.kiharu__select__insta__right {}
.kiharu__select__insta__right figure {}
 
/*++++++++++++++
fathers_day
+++++++++++++++*/
.pc-1000{
    display: none;
}
.sp-1000{
    display: block;
}
article#fathers_day {}
article#fathers_day .fathers__day__inner {}
article#fathers_day .fathers__day__inner .fathers__day__box {}
article#fathers_day .fathers__day__inner .fathers__day__box .main_img {}
article#fathers_day .fathers__day__inner .fathers__day__box .main_img img {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item figure {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item figure img {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item04 .price dl {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl dt {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl dt small {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06 .price {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .shop {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .shop a {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06 .shop {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item01 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item02 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item03 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item04 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item05 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item07 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item07 figure {}

/* タイトルエリア */
.fathers__sp__title {}
.fathers__sp__title figure {
    max-width: 300px;
    margin: 0 auto 30px;
}
.fathers__sp__title figure img {}

/* アイテムを包むボックスコンテナ */
.fathers__sp__box {
        max-width: 600px;
        margin: 0 auto;
        overflow: hidden;
        padding-bottom: 30px;
}

/* --- 各アイテム共通スタイル --- */
.fathers__sp__box .fathers__sp__item {text-align: center;border: 7px #003b83 solid;}

/* メイン画像 */
.fathers__sp__box .fathers__sp__item figure.main__img {}
.fathers__sp__box .fathers__sp__item figure.main__img img {}

/* キャッチコピー（絶対配置の調整等） */
.fathers__sp__box .fathers__sp__item figure.ch {
    max-width: 400px;
    margin: 0 auto 21px;
}
.fathers__sp__box .fathers__sp__item figure.ch img {}

/* 価格・商品名エリア */
.fathers__sp__box .fathers__sp__item .price {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
    .fathers__sp__box .fathers__sp__item.item03  .price{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fathers__sp__box .fathers__sp__item .price dl {
    display:  flex;
    gap: 15px;
}
.fathers__sp__box .fathers__sp__item .price dl dt {}
.fathers__sp__box .fathers__sp__item .price dl dt small {}

/* 店舗・リンクエリア */
.fathers__sp__box .fathers__sp__item .shop {
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0 auto 40px;
}
.fathers__sp__box .fathers__sp__item .shop a {}


/* --- 各アイテム個別設定（配置や余白の微調整用） --- */

/* item01: THE SHOP TK */
.fathers__sp__box .fathers__sp__item.item01 {}

/* item02: ヴィレッジヴァンガード */
.fathers__sp__box .fathers__sp__item.item02 {}

/* item03: CALL & RESPONSE */
.fathers__sp__box .fathers__sp__item.item03 {}

/* item04: 浜屋ココウォークプラザ */
.fathers__sp__box .fathers__sp__item.item04 {}

/* item05: シャツプラザ */
.fathers__sp__box .fathers__sp__item.item05 {}

/* item06: FREAK'S STORE */
.fathers__sp__box .fathers__sp__item.item06 {}

/* item07: SUIT SELECT */
.fathers__sp__box .fathers__sp__item.item07 {}

}

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

 
 /*++++++++++++++
newface
+++++++++++++++*/
    article#newface {}
.mothers_day_recommend .mothers__day__recommend__inner {
padding: 0 15px;
}
.mothers__day__recommend__inner .titles{}
    #newface .inner {
        max-width: 95% !important;
    }

    article#newface .title {}

    article#newface .title img {}

    article#newface .title p {}

    article .shop {}


    article#newface ul {}

    article#newface li {}

    article#newface li span {}

    article#newface .newfacebox {}


    article#newface .tempobox {}

    article#newface .tempobox .left {}

    article#newface .tempobox .left dl {}

    article#newface .tempobox .left dt {}

    article#newface .tempobox .left dd h6 {}


    #newface a.shop {}

    article#newface .tempobox .right {}

    article#newface .tempobox .right-box02 span {}

    article#newface .tempobox .left.tempo-100 {}


    #newface .newface-wrap02 {}


    .right02 {}

    section#press #newface ul.slick-dots {}

    section#press #newface ul.slick-dots li button {}

    section#press #newface ul.slick-dots li.slick-active button {}

    .shop-logo {}

    .shop-logo figure {}

    .first-img {}

    .first-img ol {}

    .first-img .right-box02 {}

    .first-img ol li {}

    .first-img ol li:last-child {}

    article#newface ol li span {}

    .first-img .right-box02 span {}

    #newface .inner:first-child .right02 {}

    .slick-list {}

    #newface .inner:first-child .left {}

    article#newface .sub__visual {}

    article#newface .sub__visual .coment {}

    article#newface .sub__visual .coment span {}

    article#newface .sub__visual figure {}

    article#newface .sub__visual figure img {}

    #shopping_campaign{padding-top: 200px !important;}

}

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

.br {
display: none;
}

.br2 {
display: block;
}
.pc-991{
    display: none;
}
.sp-991{
    display: block;
}
/*ヘッダー仕様*/

.special {

display: none;
}

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

/*ヘッダー終了*/
/*** +++++++++++++++++++++
coco_break
++++++++++++++++++++++ ***/
article#coco__break {}

article#coco__break .coco__break__inner {}

/* 新規追加：コンテンツ全体を包むラッパー */
article#coco__break .coco__break__inner .coco__break__fl {}

/* タイトルエリア */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title {
    max-width: 350px;
}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title figure {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title figure img {}

/* 新規追加：キャッチコンテンツのコンテナ */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box {}

article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content {}


/* --- 各ショップ共通の内部パーツ（まとめ） --- */

/* スライダーエリア */
.coco__break__slide {}
.coco__break__slide .coco__break__slide__item {}
.coco__break__slide .coco__break__slide__item figure {}
.coco__break__slide .coco__break__slide__item figure img {}
.coco__break__slide .coco__break__slide__item figcaption {}

/* 価格エリア */
.coco__berak__price {}
.coco__berak__price dl {}
.coco__berak__price dl dt {}
.coco__berak__price dl dd {}
.coco__berak__price p {} /* 注記テキスト */

/* テキスト・キャッチコピー */
.coco__berak__ch01 {}
.coco__berak__ch02 {}
.coco__break__box01 {}
.coco__break__box01 figcaption {}

/* ショップ基本情報 */
.shop {}
.shop a {}
.shop a img {}
.shop .img {}
.shop .img figure {}
.shop .img figure img {}
.shop .shop__infp {}
.shop .shop__infp a {}
.shop .shop__infp a img {}
.shop .shop__infp p {}


/* --- 各ショップ個別セレクタ（微調整用） --- */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__items {}
/* item01: スターバックス */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .shop {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__break__slide {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__ch01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__ch02 {}

/* item03: ナナズグリーンティー */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .shop {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .coco__break__slide {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 p {}

/* item02: 喫茶ウミノ */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .shop {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .coco__break__box01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .coco__break__slide {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 p {}

/* item04: ドトール */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .shop__infp {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__break__slide {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__break__ch01 {}
}

@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;
}

/*ヘッダー終了*/

/*===================
ココスプリング
====================*/
    /* --- summer共通 --- */
#coco_summer {
    padding-top: 50px !important;
    margin-top: 0 !important;
}
#coco_summer .summer__inner {}
#coco_summer .summer__title.view-lowup {}
#coco_summer .summer__title.view-lowup figure {
    max-width: 300px;
}
#coco_summer .summer__title.view-lowup h6 {}
#coco_summer .summer__content.view-lowup {}
#coco_summer .summer__content__inner {
    overflow: hidden;
}

.summer__content {
    margin-bottom: 80px;
    overflow: hidden;
}

.summer__content  ul.slick-dots{
    bottom: -25px !important;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    width: 100% !important;
}
.summer__content  ul.slick-dots li.slick-active button{
    background: #000 !important;
}
.summer__content  ul.slick-dots li button{
    background: #eee !important;
}
    
.summer__content .summer__content__inner {}

/* メインアイテムエリア */
.summer__content .summer__content__inner .summer__content__item {
    margin-bottom: 55px;
}

.summer__content .summer__content__inner .summer__content__item .summer__content__item__list {
    position: relative;
}
.summer__content .summer__content__inner .summer__content__item .summer__content__item__list {}
.summer__content .summer__content__inner .summer__content__item .summer__content__item__list .model{
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 90px;
}
.summer__content .summer__content__inner .summer__content__item .summer__content__item__list.item01 {}

.summer__content .summer__content__inner .summer__content__item .summer__content__item__list.item02 {}

.summer__content__item__list.item02.slick-slide.slick-current.slick-active figcaption {
    top: 22%;
    right: inherit;
    left: 10%;
}

.summer__content .summer__content__inner .summer__content__item .summer__content__item__list figure {
    border: 2px solid #00a4ea;
}
    .summer__content .summer__content__inner .summer__content__item .summer__content__item__list.item02 figure{
            border: 2px solid #0ca871;
    }

.summer__content .summer__content__inner .summer__content__item .summer__content__item__list figure img {}

.summer__content .summer__content__inner .summer__content__item .summer__content__item__list figcaption {
    position: absolute;
    width: 22%;
    top: 36%;
    right: 15%;
}

.summer__content .summer__content__inner .summer__content__item .summer__content__item__list figcaption img {}

/* サブアイテムエリア */
.summer__content .summer__content__inner .summer__content__item__sub {
    margin-bottom: 50px;
}

.summer__content .summer__content__inner .summer__content__item__sub .summer__content__item__sub__list {}

.summer__content .summer__content__inner .summer__content__item__sub .summer__content__item__sub__list figure {}

.summer__content .summer__content__inner .summer__content__item__sub .summer__content__item__sub__list figure img {}

/* 価格・店舗情報エリア */
.summer__content .summer__content__inner .summer__content__item__sub .summer__content__item__sub__list .price {
    /* max-width: 100px; */
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 283px;
    margin: 18px auto;
    align-items: center;
    width: 1000%;
}

.price .price__img {
    max-width: 100px;
    margin-bottom: 15px;
    width: 100%;
}

.price .price__img img {}

.price .price__flex {
    display: flex;
    width: 100%;
    gap: 15px;
    max-width: 300px;
    margin: 0 auto;
}

.price .price__flex .price__flex__left {
    border: 2px solid #00a4ea;
    background-color: #fff;
    padding: 0 2px;
    border-radius: 30px;
}

.price .price__flex .price__flex__right {
    text-align: left;
    color: #00a4ea;
    font-weight: bold;
    font-size: .8em;
}

.price .price__flex .price__flex__right dl {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.price .price__flex .price__flex__right dl dt {}

.price .price__flex .price__flex__right dl dt br {}

.price .price__flex .price__flex__right dl dd {}

.price .price__flex .price__flex__right a {
    display: block;
    margin: 15px 0;
    color: #00a4ea;
}

/* レディースコンテンツエリア */
.summer__content .summer__content__inner .summer__content__item__content {
    border-top: 1px solid;
    padding-top: 50px;
}

.summer__content .summer__content__inner .summer__content__item__content .summer__content__item__content__by {}

.summer__content .summer__content__inner .summer__content__item__content .summer__content__item__content__by p {
    text-align: center;
    color: #00a4ea;
    font-weight: bold;
    margin-bottom: 18px;
}

.summer__content .summer__content__inner .summer__content__item__content .summer__content__item__content__by p br {}

.summer__content .summer__content__inner .summer__content__item__content .summer__content__item__contents {
    margin-bottom: 15px;
}

.summer__content .summer__content__inner .summer__content__item__content .summer__content__item__contents .summer__content__item__content__list {}
.summer__content .summer__content__inner .summer__content__item__content .summer__content__item__contents .summer__content__item__content__list figcaption{}

.summer__content .summer__content__inner .summer__content__item__content .summer__content__item__contents .summer__content__item__content__list figure {
    max-width: 270px;
    margin: 0 auto;
}

.summer__content .summer__content__inner .summer__content__item__content .summer__content__item__contents .summer__content__item__content__list figure img {}

.summer__content .summer__content__inner .summer__content__item__content figcaption {
    max-width: 190px;
    margin: 0 auto 50px;
}

.summer__content .summer__content__inner .summer__content__item__content figcaption .shop {
    max-width: 190px;
    margin-bottom: 15px;
    margin-top: 41px;
    width: 100%;
}

.summer__content .summer__content__inner .summer__content__item__content figcaption .shop a {}

.summer__content .summer__content__inner .summer__content__item__content figcaption .shop a img {}

.summer__content .summer__content__inner .summer__content__item__content figcaption dl {
    font-weight: bold;
    color: #e51d89;
    font-size: .8em;
    text-align: center;
}

.summer__content .summer__content__inner .summer__content__item__content figcaption dl dt {}

.summer__content .summer__content__inner .summer__content__item__content figcaption dl dd {}

/* メンズコンテンツエリア */
.summer__content .summer__content__inner .summer__content__item__content__mens {}

.summer__content .summer__content__inner .summer__content__item__content__mens .summer__content__item__contents__mens {}

.summer__content .summer__content__inner .summer__content__item__content__mens .summer__content__item__contents__mens .summer__content__item__content__mens__list {}

.summer__content .summer__content__inner .summer__content__item__content__mens .summer__content__item__contents__mens .summer__content__item__content__mens__list figure {
    max-width: 270px;
    margin: 0 auto;
}
.summer__content .summer__content__inner .summer__content__item__content__mens .summer__content__item__contents__mens .summer__content__item__content__mens__list .catch {
    margin: 15px;
    font-weight: bold;
    font-size: .9em;
    max-width: 275px;
    margin: 0 auto;
    color: #f6a800;
}
.summer__content .summer__content__inner .summer__content__item__content__mens .summer__content__item__contents__mens .summer__content__item__content__mens__list figure img {}

/* メンズエリア内の共通リスト構造（レディースと共通クラス） */
.summer__content .summer__content__inner .summer__content__item__content__mens .summer__content__item__contents__mens .summer__content__item__content__list {}

.summer__content .summer__content__inner .summer__content__item__content__mens figcaption {max-width: 190px;margin: 50px auto 0;}

.summer__content .summer__content__inner .summer__content__item__content__mens figcaption .shop {max-width: 191px;margin-bottom: 15px;width: 100%;}

.summer__content .summer__content__inner .summer__content__item__content__mens figcaption .shop a {}

.summer__content .summer__content__inner .summer__content__item__content__mens figcaption .shop a img {}

.summer__content .summer__content__inner .summer__content__item__content__mens figcaption .price__text {
    font-size: .8em;
}

.summer__content .summer__content__inner .summer__content__item__content__mens figcaption .price__text dl {
    display: flex;
    gap: 15px;
    font-weight: bold;
    color: #f6a800;
}

.summer__content .summer__content__inner .summer__content__item__content__mens figcaption .price__text dl dt {
    /* font-weight: bold; */
}

.summer__content .summer__content__inner .summer__content__item__content__mens figcaption .price__text dl dt br {}

.summer__content .summer__content__inner .summer__content__item__content__mens figcaption .price__text dl dd {}

/* --- summer__recommend (個別) --- */
.summer__recommend.view-lowup {}
.summer__recommend__flex {
    display: block;
}
.summer__recommend__title {
    /* max-width: 150px; */
    margin: 0 auto 30px;
}
.summer__recommend__item {
    gap: 0;
    display: block;
}
.summer__recommend__item__flex {
    /* display: block; */
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.summer__recommend__item__flex .ch01{}
.summer__recommend__item__flex .ch02{
    max-width: 400px;
}
.summer__recommend__item__left {
    text-align: center;
    margin-bottom: 15px;
}
.summer__recommend__item__left figure {
    max-width: 280px;
    margin: 0 auto 15px;
}
.summer__recommend__item__left .price {
    max-width: 250px;
    margin: 0 auto;
    height: inherit;
}
.summer__recommend__item__left .price dl {}
.summer__recommend__item__left a {}
.summer__recommend__item__right {
    text-align: center;
    margin-bottom: 15px;
    width: 100%;
}
.summer__recommend__item__right figure {
    max-width: 246px;
    margin: 0 auto 18px;
}
.summer__recommend__item__right .price {}
.summer__recommend__item__right .price dl {}
.summer__recommend__item__right a {}

/* --- kiharu__select (共通・個別) --- */
.kiharu__select.view-lowup {
    padding: 33px 15px;
    border-radius: 15px;
}
.kiharu__select__inner {}
    .kiharu__box{
    display: block;
}
    .kiharu__box__left{
    width: 100%;
}
    .kiharu__box__right{
    width: 100%;
}
.kiharu__select__title {
    margin: 0 auto 20px;
}
.kiharu__select__title figure {
    max-width: 300px;
    margin: 0 auto 15px;
}
.kiharu__select__title h6 {}
.kiharu__select__item {}
.kiharu__select ul.slick-dots {}
.kiharu__select ul.slick-dots li.slick-active button {}
.kiharu__select ul.slick-dots li button {}
.kiharu__select__item__list .kiharu__select__item__img {}
.kiharu__select__item__list .kiharu__select__item__img figure {}
.kiharu__select__item__list .prices {}
.kiharu__select__item__list .prices dl {}
.kiharu__select__item__list .prices dl dt {}
    .kiharu__select__item__list .prices dl dt small{
        font-size: .5em
    }
.kiharu__select__item__list .prices dl dd {}
.kiharu__select__item__list .prices p {}
.kiharu__select__item__list .prices a {}
.kiharu__select__item__list {}
.kiharu__select__item__list .catch {}
.kiharu__select__item__list.item01 {}
.kiharu__select__item__list.item01 .catch.item01 {}
.kiharu__select__item__list.item02 {}
.kiharu__select__item__list.item02 .catch.item02 {}
.kiharu__select__item__list.item03 {}
.kiharu__select__item__list.item03 .catch.item03 {}
.kiharu__select__item__list.item04 {}
.kiharu__select__item__list.item04 .catch.item04 {}

/* --- kiharu__select__insta (個別) --- */
.kiharu__select__insta {
    padding: 15px 15px;
    border-radius: 15px;
    margin-bottom: 25px;
}
.kiharu__select__insta__flex {
    grid-template-columns: 30% 1fr;
}
.kiharu__select__insta__left {
    /* width: 62%; */
}
.kiharu__select__insta__left a {}
.kiharu__select__insta__left a figure {}
.kiharu__select__insta__left a figcaption {}
.kiharu__select__insta__right {}
.kiharu__select__insta__right figure {}
/*++++++++++++++
fathers_day
+++++++++++++++*/
.pc-1000{
    display: none;
}
.sp-1000{
    display: block;
}
article#fathers_day {}
article#fathers_day .fathers__day__inner {
    padding-bottom: 143px;
}
article#fathers_day .fathers__day__inner .fathers__day__box {}
article#fathers_day .fathers__day__inner .fathers__day__box .main_img {}
article#fathers_day .fathers__day__inner .fathers__day__box .main_img img {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item figure {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item figure img {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item04 .price dl {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl dt {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .price dl dt small {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06 .price {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .shop {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item .shop a {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06 .shop {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item01 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item02 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item03 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item04 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item05 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item06 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item07 {}
article#fathers_day .fathers__day__inner .fathers__day__box .fathers__day__item.item07 figure {}

/* タイトルエリア */
.fathers__sp__title {}
.fathers__sp__title figure {
    max-width: 200px;
}
.fathers__sp__title figure img {}

/* アイテムを包むボックスコンテナ */
.fathers__sp__box {}

/* --- 各アイテム共通スタイル --- */
.fathers__sp__box .fathers__sp__item {}

/* メイン画像 */
.fathers__sp__box .fathers__sp__item figure.main__img {}
.fathers__sp__box .fathers__sp__item figure.main__img img {}

/* キャッチコピー（絶対配置の調整等） */
.fathers__sp__box .fathers__sp__item figure.ch {
    max-width: 300px;
}
.fathers__sp__box .fathers__sp__item figure.ch img {}

/* 価格・商品名エリア */
.fathers__sp__box .fathers__sp__item .price {}
.fathers__sp__box .fathers__sp__item .price dl {}
.fathers__sp__box .fathers__sp__item .price dl dt {}
.fathers__sp__box .fathers__sp__item .price dl dt small {}

/* 店舗・リンクエリア */
.fathers__sp__box .fathers__sp__item .shop {}
.fathers__sp__box .fathers__sp__item .shop a {}


/* --- 各アイテム個別設定（配置や余白の微調整用） --- */

/* item01: THE SHOP TK */
.fathers__sp__box .fathers__sp__item.item01 {}

/* item02: ヴィレッジヴァンガード */
.fathers__sp__box .fathers__sp__item.item02 {}

/* item03: CALL & RESPONSE */
.fathers__sp__box .fathers__sp__item.item03 {}

/* item04: 浜屋ココウォークプラザ */
.fathers__sp__box .fathers__sp__item.item04 {}

/* item05: シャツプラザ */
.fathers__sp__box .fathers__sp__item.item05 {}

/* item06: FREAK'S STORE */
.fathers__sp__box .fathers__sp__item.item06 {}

/* item07: SUIT SELECT */
.fathers__sp__box .fathers__sp__item.item07 {}

 /*++++++++++++++
newface
+++++++++++++++*/
    article#newface {
        padding: 50px 0 50px !important;
        margin: 0 0 90px;
    }

    #newface .inner {
        margin: 45px auto 0;
    }

    article#newface .title {
    max-width: 230px;
    padding: 25px 15px 20px;
    margin: 0px auto 25px;
}

    article#newface .title img {}

    article#newface .title p {
    font-size: .7em;
}

    article .shop {}


    article#newface ul {}

    article#newface li {
        transform: translateY(0px) rotate(0deg);
        margin: 1px;
    }

    article#newface li span {}

    article#newface .newfacebox {
        padding: 30px 10px 30px;
    }


    article#newface .tempobox {
        display: block;
        margin: 50px auto 0;
    }

    article#newface .tempobox .left {}

    article#newface .tempobox .left dl {}

    article#newface .tempobox .left dt {
        font-size: .79em;
    }
article#newface .renewal{
    max-width: 50px;
}
    article#newface .tempobox .left dd h6 {}


    #newface a.shop {}

    article#newface .tempobox .right {}

    article#newface .tempobox .right-box02 span {}

    article#newface .tempobox .left.tempo-100 {}


    #newface .newface-wrap02 {}


    .right02 {}

    section#press #newface ul.slick-dots {
        /* bottom: -15px; */
    }

    article#newface .newface__visual {
        margin-bottom: 0;
    }

    section#press #newface ul.slick-dots li button {}

    section#press #newface ul.slick-dots li.slick-active button {}

    .shop-logo {}

    article#newface .newface__visual .newface__visual__slide span {
        font-size: .6em;
        font-size: .6em;
        position: relative;
        margin: 15px 0 0;
        text-align: left;
    }

    .shop-logo figure {}

    .first-img {}

    .first-img ol {}

    .first-img .right-box02 {}

    .first-img ol li {}

    .first-img ol li:last-child {}

    article#newface ol li span {}

    .first-img .right-box02 span {}

    #newface .inner:first-child .right02 {
        width: 100%;
    }

    article#newface .right02 h6 {
        /* text-align: center; */
    }

    .slick-list {}

    #newface .inner:first-child .left {
        width: 100%;
    }

    article#newface .sub__visual {}

    article#newface .sub__visual .coment {
        width: 100%;
    }

    article#newface .sub__visual .coment span {}

    article#newface .sub__visual figure {
        display: none;
        width: 65%;
        margin-bottom: 15px;
    }

    article#newface .sub__visual figure.logo {
        display: block;
        margin-bottom: 0;
    }

    article#newface .sub__visual figure img {}

/*** +++++++++++++++++++++
coco_break
++++++++++++++++++++++ ***/
article#coco__break {
    padding-top: 50px !important;
}

article#coco__break .coco__break__inner {}

/* 新規追加：コンテンツ全体を包むラッパー */
article#coco__break .coco__break__inner .coco__break__fl {}

/* タイトルエリア */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title figure {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__title figure img {}

/* 新規追加：キャッチコンテンツのコンテナ */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box {
    padding: 0 15px 50px
}

article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content {}


/* --- 各ショップ共通の内部パーツ（まとめ） --- */

/* スライダーエリア */
.coco__break__slide {}
.coco__break__slide .coco__break__slide__item {}
.coco__break__slide .coco__break__slide__item figure {}
.coco__break__slide .coco__break__slide__item figure img {}
.coco__break__slide .coco__break__slide__item figcaption {
    font-size:.7em
}

/* 価格エリア */
.coco__berak__price {}
.coco__berak__price dl {}
.coco__berak__price dl dt {}
.coco__berak__price dl dd {}
.coco__berak__price p {} /* 注記テキスト */

/* テキスト・キャッチコピー */
.coco__berak__ch01 {}
.coco__berak__ch02 {}
.coco__break__box01 {}
.coco__break__box01 figcaption {}

/* ショップ基本情報 */
.shop {}
.shop a {}
.shop a img {}
.shop .img {}
.shop .img figure {}
.shop .img figure img {}
.shop .shop__infp {}
.shop .shop__infp a {}
.shop .shop__infp a img {}
.shop .shop__infp p {}


/* --- 各ショップ個別セレクタ（微調整用） --- */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__items {}
/* item01: スターバックス */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .shop {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__break__slide {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__ch01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item01 .coco__berak__ch02 {}

/* item03: ナナズグリーンティー */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .shop {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .coco__break__slide {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item03 p {}

/* item02: 喫茶ウミノ */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .shop {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .coco__break__box01 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 .coco__break__slide {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item02 p {}

/* item04: ドトール */
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .shop__infp {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__break__slide {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__berak__price {}
article#coco__break .coco__break__inner .coco__break__fl .coco__break__catch__box .coco__break__content .coco__break__content__item04 .coco__break__ch01 {}
}

@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;
}

 /*++++++++++++++
newface
+++++++++++++++*/
  
    #newface {
        /* padding: 0 0 100px !important; */
    }

    #newface .inner {}

    #newface .title {
        padding: 25px 20px 20px;
    }

    #newface .title img {}

    #newface .title p {}

    article .shop {}


    #newface ul {}

    #newface li {}

    #newface li span {}

    #newface .newfacebox {}


    #newface .tempobox {}

    #newface .tempobox .left {}

    #newface .tempobox .left dl {}

    #newface .tempobox .left dt {
        letter-spacing: 0;
    }

    #newface .tempobox .left dd h6 {}


    #newface a.shop {
        font-size: 0.8em;
        letter-spacing: 0;
    }

    #newface .tempobox .right {}

    #newface .tempobox .right-box02 span {}

    #newface .tempobox .left.tempo-100 {}

    #newface .information {
        padding: 20px 30px 10px;
    }

    #newface .information p.info_title {}

    #newface .information .information__box {}

    #newface .information dl {
        display: block;
        /* margin-bottom: 15px; */
    }

    #newface .information dl dt {}

    #newface .information dl dd {}

    #newface .newface-wrap02 {}


    .right02 {}

    section#press #newface ul.slick-dots {}

    section#press #newface ul.slick-dots li button {}

    section#press #newface ul.slick-dots li.slick-active button {}

    .shop-logo {
        max-width: 250px;
        margin: 0 auto 15px;
    }

    .shop-logo figure {}

    .first-img {}

    .first-img ol {}

    .first-img .right-box02 {}

    .first-img ol li {}

    .first-img ol li:last-child {}

    #newface ol li span {}

    .first-img .right-box02 span {}

    #newface .inner:first-child .right02 {}

    .slick-list {}

    #newface .inner:first-child .left {}

    #newface .sub__visual {}

    #newface .sub__visual .coment {}

    #newface .sub__visual .coment span {}

    #newface .sub__visual figure {
        /* display: none; */
    }

    #newface .sub__visual figure img {}

    #newface .information {
        padding: 0px 0px 10px;
    }

    #newface .information p.info_title {}

    #newface .information .information__box {
    display: block;
}

    #newface .information dl {
        display: block;
        /* margin-bottom: 15px; */
    }

    #newface .information dl dt {
    width: 100%;
    padding: 8px;
}

    #newface .information dl dd {
        box;
        box-sizing: border-box;
    }
    #newface .information .information__item{}
#newface .information .information__qr{
    margin: 0 auto 25px;
}
#newface .information .information__qr figure{}
#newface .information .information__qr figure img{}
}

@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;
}
}