@import url("https://file003.shop-pro.jp/PA01490/316/css/theme.css");

/*RESET*/
body{
overflow-x: hidden;
}
.roboto{
font-family: 'Roboto Condensed', sans-serif;
}
.wrap{
overflow:hidden;
width: 100vw;
}
a{
text-decoration: none !important;
}
a{
color: #000 !important;
}
a:hover{
color: #3c3c3c !important;
}

@media (min-width:601px) {
a[href^="tel:"] {
pointer-events: none;
color: inherit;
}
}
.btn-secondary,
.btn-secondary:hover{
color:#fff !important;
}


@media (min-width: 769px) {
.row-0			{margin-left:0px;	margin-right:0px;}
.row-0>div		{padding-right:0px;	padding-left:0px;}
.row-10			{margin-left:-5px;	margin-right:-5px;}	
.row-10>div		{padding-right:5px;	padding-left:5px;}
.row-20			{margin-left:-10px;	margin-right:-10px;}
.row-20>div		{padding-right:10px;padding-left:10px;}
.row-30			{margin-left:-15px;	margin-right:-15px;}
.row-30>div		{padding-right:15px;padding-left:15px;}
.row-40			{margin-left:-20px;	margin-right:-20px;}
.row-40>div		{padding-right:20px;padding-left:20px;}
.row-50			{margin-left:-25px;	margin-right:-25px;}
.row-50>div		{padding-right:25px;padding-left:25px;}
.row-60			{margin-left:-30px;	margin-right:-30px;}
.row-60>div		{padding-right:30px;padding-left:30px;}
.row-70			{margin-left:-35px;	margin-right:-35px;}
.row-70>div		{padding-right:35px;padding-left:35px;}
.row-80			{margin-left:-40px;	margin-right:-40px;}
.row-80>div		{padding-right:40px;padding-left:40px;}
.row-90			{margin-left:-45px;	margin-right:-45px;}
.row-90>div		{padding-right:45px;padding-left:45px;}
.row-100		{margin-left:-50px;	margin-right:-50px;}
.row-100>div	{padding-right:50px;padding-left:50px;}
.row-110		{margin-left:-55px;	margin-right:-55px;}
.row-110>div	{padding-right:55px;padding-left:55px;}
.row-120		{margin-left:-60px;	margin-right:-60px;}
.row-120>div	{padding-right:60px;padding-left:60px;}
}
.mb-5, .my-5 {margin-bottom:2rem}
.mb-6, .my-6 {margin-bottom:2.5rem}
.mb-7, .my-7 {margin-bottom:3rem}
.mb-8, .my-8 {margin-bottom:3.5rem}
.mb-9, .my-9 {margin-bottom:4rem}
.center-center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.vertical-center{
display: flex;
flex-direction: column;
justify-content: center;
}

.is-fixed .id-1 img{
display: none;
}
.id-2 img{
display: none;
}

.is-fixed .id-2 img{
display: block;
}

.btn-allitem{
display:inline-block;
position: relative;
padding: 1rem 2rem;
color: #000 !important;
background-color:#fff;
border: 1px solid #000;
transition:.3s;
}
.btn-allitem:hover{
color: #fff !important;
background-color:#000 !important;
}
.btn-allitem:after{
content: "";
position: absolute;
z-index:-1;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0);
transition: .3s;
}
.btn-allitem:hover::after{
left: 5px;
top: 5px;
background-color: rgba(0,0,0,.05);
}

/*NAV*/
.l-dropdown-menu{
background-color:#fff;
}
.l-dropdown-menu-list__link{
text-decoration: none;
}
.l-header.is-fixed{
background-color:#fff;
}

/*SIDE BAR*/
.l-side-navi-list__link,
.l-side-navi-list__link.is-link,
.l-side-contents-list__item a{
text-decoration: none;
}


.p-checked{
background-color: rgba(0,0,0,.025);
}
.l-side-contents-list{
border-top:none;
}
.l-side-navi-list__item {
border-top: 1px solid #b3b2b2;
}

.l-side-contents-list__item{
margin:0;
border-top: 1px solid #b3b2b2;
}
.l-side-contents-list__item a{
box-sizing: border-box;
display: block;
position: relative;
padding: 15px 40px 15px 0;
border: 0;
width: 100%;
font-size: 14px;
font-weight: 400;
font-family: "Noto Serif JP","游明朝体","Yu Mincho",YuMincho,serif;
background: transparent;
color: #000;
text-align: left;
}

.l-side-slider__item img{
border-radius:50%;
max-width: 70%;
margin: 0 auto;
}

.mv{
padding:0 0 1.5rem;
}
.heading{
padding:1.5rem 0;
}
.section{
padding:3rem 0;
}

.usage{
margin:0 auto 2rem;
padding:0;
list-style: none;
display:flex;
flex-wrap:wrap;
justify-content: start;
}
.usage li{
display: block;
margin:0 0 .5rem;
padding:.25rem .75rem;
white-space:nowrap;
border: 1px solid #ddd;
border-radius: 60px;
}
.usage li:not(:last-child) {
margin-right: .5rem;
}

.f1 figure,
.f2 figure{}
.f1 figure img,
.f2 figure img{
margin: 0 auto 1.5rem;
}

.f1 figcaption,
.f2 figcaption{}
.f1 figcaption dl,
.f2 figcaption dl
{}
.f1 figcaption dt,
.f2 figcaption dt{
margin: 0 0 1rem;
padding: 0;
font-family: "Noto Serif JP","游明朝体","Yu Mincho",YuMincho,serif;
font-size: .937rem;
letter-spacing: .05em;
}
.f1 figcaption dt span,
.f2 figcaption dt span{
display: block;
margin: 0 0 .5rem;
font-size: 1.125rem;
}
.f1 figcaption dd,
.f2 figcaption dd{
font-size: .937rem;
letter-spacing: .05em;
}
.f1 figcaption dd.dd-price,
.f2 figcaption dd.dd-price{
font-size: 1.125rem;
color: #990000;
}
.f1 figcaption dd.dd-price span,
.f2 figcaption dd.dd-price span{
color: #333;
font-size: .75rem;
}
.contact-wrap{
margin-bottom: 4rem;
background-color: rgba(0,0,0,.02);
border: 1px solid #ddd;
border-radius: 3px;
}
.regularitem,
.seasonitem{
position: relative;
}
.regularitem::before,
.seasonitem::before{
content:"";
position: absolute;
z-index: 2;
left: -5px;
top: -5px;
display: block;
width: 100px;
height: 100px;
background-position: center center;
background-size: contain;
}
.regularitem::before{
background-image: url(https://file003.shop-pro.jp/PA01490/316/images/regularitem.svg);
}
.seasonitem::before{
background-image: url(https://file003.shop-pro.jp/PA01490/316/images/seasonitem.svg);
}
.regularitem img,
.seasonitem img{
display: block;
margin: 0 auto 1rem;
}
span.item-seasonal{
display: block;
margin-top: 1rem;
padding: .25rem 0;
font-size: .875rem;
border-width: 1px 0;
border-color: rgba(0,0,0,.1);
border-style: solid;
}
.is-free1 .c-ttl-second,
.is-free2 .c-ttl-second,
.is-free3 .c-ttl-second,
.is-free4 .c-ttl-second,
.is-free5 .c-ttl-second,
.is-free6 .c-ttl-second,
.is-free7 .c-ttl-second{
display: none;
}
dl.company-info,
.company-info dt,
.company-info dd{
margin: 0;
padding: 0;
}
dl.company-info{
margin: 0 0 1rem;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.company-info dt,
.history dt{
font-weight: 500;
}
.company-info dt,
.company-info dd{
padding: 1rem;
box-sizing: border-box;
}
.company-info dt{
width: 6em;
}
.company-info dd{
width: calc(100% - 6em);
}
.history dt{
margin:0 0 .75rem;
font-family: 'Cormorant Garamond', serif;
font-size: 1.5rem;
}
.history dt small{
font-family: inherit;
font-size: .875rem;
}
.history dd:not(:last-child) {
margin-bottom: 1.5rem;
}
dl.shop-info,.shop-info dt,.shop-info dd{
margin: 0;
padding: 0;
}
dl.shop-info{
background-color: #FFF;
margin: 0 0 1rem;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.shop-info dt{
font-weight: 500;
}
.shop-info dt,
.shop-info dd{
padding: .5rem 1rem;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
}
.shop-info dt{
font-size:.875rem;
font-weight:500;
color:#3c3c3c;
width: 6.5em;
}
.shop-info dd{
width: calc(100% - 6.5em);
}

/*F6*/
.is-free6 .section{}
.is-free6 .section h2{}
.is-free6 .section h2 {
display: flex;
align-items: center;
}
.is-free6 .section h2::before,
.is-free6 .section h2::after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.is-free6 .section h2::before {
margin-right: 1rem;
}
.is-free6 .section h2::after {
margin-left: 1rem;
}
.is-free6 .section p{
text-align: justify;
letter-spacing: .05em;
}
.is-free6 .section dl{}
.is-free6 .section dt{
margin: 0 0 1rem;
}
.is-free6 .section dd{
margin: 0 0 2rem;
}

.c-btn-cart {
background: #b60000;
color: #fff;
text-decoration: none;
border:2px solid #b60000;
}
.c-btn-cart:hover {
background: #fff;
color: #b60000;
text-decoration: none;
}

.l-header-logo__img img {
max-width: 180px;
}
.is-fixed .l-header-logo__img img {
max-width: 170px;
max-height: 60px;
height: 60px;
}
.id-2 img {
display: block;
}
.small-logo{
 display:none;
}
.is-fixed .small-logo{
 display:block;
  position:relative;
}
.id-2 .l-header-logo__img{
height:60px;
}
.l-header-search{
background: transparent;
}
.l-header-search__btn{
background: transparent;
}
.l-header-search{
display: none;
}
.l-footer{
background-color: #000;
}
.l-footer .site-info{
color: rgba(255,255,255,.75);
}
.l-footer-navi-list li a{
color: rgba(255,255,255,.7);
}
.l-footer-navi-list li a:hover{
color: rgba(255,255,255,1);
}

/********************************

	RWD

********************************/

.c-breadcrumbs-list{
text-align:right;
position: relative;
z-index:2;
}


@media(max-width:768px){
.l-header-logo__img img{
max-width: 100px;
height: auto;
}
.l-sp-header-cart-btn{
margin-left: auto;
}
.l-header{
position: fixed !important;
top: 0 !important;
}
.small-logo h1 {
transform: translate(-10px , -30px) !important;
}
.p-main-slider{
height: 55vh !important;
transform: translate(0px , 0px) !important;
}
.section_ecitem .container::before,
.section_limited .container::before {
border: none !important;
}
ul.p-recommend-item-list{
padding: 0 !important;
padding-left:0 !important;
}
.l-footer-sns-list{
padding-left: 0;
}
.l-footer-navi-list{
display: flex;
flex-wrap: wrap;
margin: 0 0 1rem;
padding: 0;
}
.l-footer-navi-list li{
margin: 0;
padding: 0;
width: 50%;
}
.l-footer-navi-list li a{
display: block;
padding: .25rem;
}
.l-footer-sns-list__item a{
display: block;
padding: .25rem;
background-color: #fff;
border-radius: 50%;
}
.l-footer-navi-list__link a{
display: inline-block !important;
width: 25%;
}
.lineup-tablet dl, .lineup-sp dl{
padding: .5rem;
background-color: rgba(255,255,255,.95);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 4px;
}
.lineup-tablet dl dd, .lineup-sp dl dd{
display: flex; /* 子要素をflexboxで揃える */
flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
justify-content: center; /* 子要素をflexboxにより中央に配置する */
}
.section_ecitem {
position: relative;
background-color: rgba(0,0,0,.025);
}
.hero{
margin-top:-90px;
transform:translate(0px , 0px) !important;
}
.hero::before{
width: 200px;
height: 200px;
}
.hero h1{
top:110px !important;
}
dl.item-flavor {
margin: 0 0 1rem;
display: block !important;
}
dl.item-flavor dt {
margin: 0 !important;
width: 100% !important;
border-right:none !important;
}
dl.item-flavor dd {
width: 100% !important;
}
.l-contents-side {
padding-top: 0 !important;
}
.l-header.is-product.is-open .l-header-logo__img{
display:none;
}

}

@media(min-width:1025px){
.l-main-navi{
margin-left:150px;
}
}

.small-logo h1{
transform:translate(0px , -40px);
}
.l-header.is-product.is-open .l-header-logo__txt{
display: none;
}
@media(max-width:600px){
.hero::before {
top: 200px;
max-height: 180px;
max-width: 100px;
background-size: contain !important;
}
}

.l-side-navi__ttl{
font-family:"Noto Serif JP","游明朝体","Yu Mincho",YuMincho,serif;
}
.l-footer a{
color:rgba(255,255,255,.75) !important;
}

/*F3*/
.ul_instagram{
margin: 0;
padding: 0;
}
.ul_instagram li:not(:last-child) {
margin-bottom: .5rem;
}
.ul_instagram li a{
display: block;
padding: .25rem 1.5rem;
border: 1px solid #dcdcdc;
transition:.3s;
}
.ul_instagram li a:hover{
border: 1px solid #000;
}
.ul_instagram li img{
max-width: 200px;
}
/*F1,F2*/
.phone a{
display: block;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.75rem;
}
/*F4*/
.shop-address{
margin: 0 0 2rem;
}
.shop-address a{
display: inline-block;
position: relative;
}
.shop-address a::after{
content: "";
position: absolute;
z-index: -1;
top: -.1em;
left: -.5em;
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: rgba(0,0,0,0.07);
transition: 0s;
}
.shop-address a:hover::after{
animation: map 0.3s ease-out 0.1s both;}
@keyframes map{
0%{ left: -.5em;background-color: rgba(0,0,0,0.07); }
100%{ left: -1em;background-color: rgba(23,72,115,0.25);}
}
.shop-address a:hover{
color: #295FA6 !important;
}
.dd-phone a{
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.5rem;
}
@media(min-width:769px){
.l-dropdown-menu-list__item,
.l-side-navi-list__item,
.l-side-contents-list__item{
position: relative;
}
.l-dropdown-menu-list__item:after,
.l-side-navi-list__item::after,
.l-side-contents-list__item::after{
content: "";
position: absolute;
top:7px;
right: 60px;
display: block;
width: 7px;
height: 7px;
transform: rotate(45deg);
border-right: 1px solid #000;
border-top: 1px solid #000;
opacity: 0;
transition: .3s;
}
.l-side-navi-list__item::after,
.l-side-contents-list__item::after{
top:21px;
right: 30px;
}
.l-dropdown-menu-list__item:hover::after,
.l-side-navi-list__item:hover::after,
.l-side-contents-list__item:hover::after{
right: 30px;
opacity: 1;
}
.l-side-navi-list__item:hover::after,
.l-side-contents-list__item:hover::after{
right:0;
}
}

/*20240206*/
.link-to span{
position:relative;
}
.link-to span::after {
content: "";
position: absolute;
z-index: -1;
top: -.2em;
left: -.5em;
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: rgba(0,0,0,0.07);
transition: 0s;
}
.link-to:hover span::after{
animation: map 0.3s ease-out 0.1s both;
}
@keyframes map{
0%{ left: -.5em;background-color: rgba(0,0,0,0.07); }
100%{ left: -1em;background-color: rgba(23,72,115,0.25);}
}
.f3_h2{
margin:0 0 1rem;
}
.ul_pdf-link{
margin: 0 0 2rem;
padding: 0;
list-style: none;
}
.ul_pdf-link li {
position: relative;
margin: 0;
padding: 0;
}
.ul_pdf-link li:not(:last-child) {
margin-bottom: .5rem;
}
.ul_pdf-link li	dl,
.ul_pdf-link li	dt,
.ul_pdf-link li	dd{
margin: 0;
padding: 0;
}
.ul_pdf-link li	dl{
background-color: #FFF;
border-top: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
margin: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.ul_pdf-link li	dt{
background-color: #FBFBFB;
font-weight: bold;
}
.ul_pdf-link li	dt,
.ul_pdf-link li	dd{
padding: 4px;
box-sizing: border-box;
border-right:  1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.ul_pdf-link li	dt{
width: 120px;
}
.ul_pdf-link li	dd{
padding-left: 1rem;
width: calc(100% - 120px);
}
.ul_pdf-link li	dd{
list-style: none;
display: flex;
flex-direction: column;
justify-content: center;
}
.btn-outline-primary{
background-color:#fff;
border-color:#000 !important;
transition:.3s;
}
.btn-outline-primary:hover{
color:#fff!important;
background-color:#000!important;
border-color:#000 !important;
}