/** Shopify CDN: Minification failed

Line 393:0 Unexpected "}"
Line 395:14 Expected "{" but found "an"

**/
/*=============== VARIABLES CSS ===============*/
:root {
  /*========== Colors ==========*/
/*   --hue: 240;
  --first-color: hsl(var(--hue), 16%, 18%);
  --first-color-alt: hsl(var(--hue), 16%, 12%);
  --title-color: hsl(var(--hue), 8%, 15%);
  --text-color: hsl(var(--hue), 8%, 35%);
  --body-color: hsl(var(--hue), 100%, 99%);
  --container-color: #FFF;
 */
  /*========== Font and typography ==========*/
  /*--body-font: 'Poppins', sans-serif;
  --big-font-size: 1.5rem;
  --normal-font-size: .938rem;*/

  /*========== z index ==========*/
  --z-modal: 1000;
}

/* @media screen and (min-width: 968px) {
  :root {
    --big-font-size: 1.75rem;
    --normal-font-size: 1rem;
  }
} */

/*=============== BASE ===============*/
/* *{
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body,
button{
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
}

body{
  background-color: var(--body-color);
  color: var(--text-color);
  position: relative;
}

button{
  cursor: pointer;
  border: none;
  outline: none;
}

img{
  max-width: 100%;
  height: auto;
} */

/*=============== MODAL ===============*/
.container{
  margin-left: 1rem;
  margin-right: 1rem;
}

.modal{
  height: 100vh;
  display: grid;
  place-items: center;
}

.modal__button{
  display: inline-block;
  background-color: var(--first-color);
  color: #FFF;
  padding: 1rem 1.25rem;
  border-radius: .5rem;
  transition: .3s;
}

.modal__button:hover{
  background-color: var(--first-color-alt);
}

.modal__container{
  position:fixed;
  top: 0;
  left: 0;
  background-color: rgb(var(--color-foreground),.5);
  width: 100%;
  height: 100%;
  display: grid;
  align-items: flex-end;
  overflow: hidden;
  transition: all .3s;
  z-index: var(--z-modal);
  visibility: hidden;
  opacity: 0;

  /*=== Effect 3 ===*/
  /* perspective: 1000px; */
}

.search-modal.modal__content{
  position:absolute;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:auto;
  margin:0;
  background-color:  var(--gradient-background);
  padding: 0;
  border-radius: 0;
  border:none;
}
.modal__content{
  position:initial;
  width:65%;
  max-width:800px;
  height:fit-content;
  max-height:750px;
  margin:auto;
  background-color: var(--container-color);
  /*padding: 3rem 2rem 2rem;*/
  border-radius: 1rem 1rem 0 0;
  transition: all .3s;

  /*=== Effect 1 ===*/
  transform: translateY(10%);

  /*=== Effect 2 ===*/
  /* transform: scale(.5) translateY(10%); */

  /*=== Effect 3 ===*/
  /* transform: rotateX(65deg) scale(.75) translateY(10%);
  transform-origin: 50% 100%; */
}

.modal__img{
  width: 150px;
  margin-bottom: .75rem;
}

.modal__close{
  display: inline-flex;
  background-color: var(--first-color);
  border-radius: .25rem;
  color: #FFF;
  font-size: 1.5rem;
  position: absolute;
  top: 3rem;
  right: 3.2rem;
  cursor: pointer;
  z-index:100;
}

.modal__title{
  font-size: var(--big-font-size);
  color: var(--title-color);
  font-weight: 500;
}

.modal__description{
  margin-bottom: 1.5rem;
}

.modal__button-width{
  width: 90%;
}

.modal__button-link{
  display: block;
  margin: 2rem auto 1rem;
  background-color: transparent;
  color: var(--first-color);
  font-weight: 500;
  border:none;
  border-bottom:1px solid #333;
  cursor:pointer;
}

/* Show modal */
.show-modal{
  visibility: visible;
  opacity: 1;
}

.show-modal .modal__content{
  /*=== Effect 1 ===*/
  transform: translateY(0);

  /*=== Effect 2 ===*/
  /* transform: scale(1) translateY(0); */

  /*=== Effect 3 ===*/
  /* transform: rotateX(0) scale(1) translateY(0); */

  border:none;
}

/*=============== BREAKPOINTS ===============*/
/* For small devices */
@media screen and (min-width: 576px){
  .modal__content{}

  .modal__img{}
}

/*=============== 追加 ===============*/
.product-modal modal-content{
  display:none;
}
.modal__content{
  border-radius:0;
  border:1px solid #333;
}
.modal__content h2{
  text-align:left;
  font-size:16px;
  font-weight:600;
  border-bottom:1px solid #333;
  padding-bottom:3px;
  margin-bottom:1rem;
}
.modal__content .warehouse h2{
  
}
.modal__content .deli img{
  display:block;
  width:100%;
  margin:0 auto;
}
.modal__content .camori-modal-content{
  width:100%;
  margin:0 auto;
  background-color:#fff;
}
.modal__content .camori-modal-content .block{
  margin-bottom:0;
}
.modal__content .camori-modal-content .pay.block{
  padding-bottom:0;
}
.modal-content{
  overflow:auto;
  width:100%;
  height:100%;
}
.modal-content p,.modal-content dl{
  line-height:1.6em;
}
.modal__content .warehouse img{
  display:block;
  width:100%;
  border:1px solid #e3e3e3;
  margin:1rem 0;
}
.modal__close::before,.modal__close::after{
  content:'';
  display:block;
  width:1px;
  height:18px;
  background-color:#333;
  position:absolute;
  top:0;
  right:0.5rem;
}
.modal__close::before{
  transform:rotate(45deg);
}
.modal__close::after{
  transform:rotate(-45deg);
}
.modal__close .bx{
  width:15px;
  height:15px;
  display:block;
}
.modal__content .block{
  font-size:14px;
}
.modal__content .block dl{
  font-size:14px;
}
.modal__content .warehouse dl{
  display:flex;
}
.modal__content .pay dl{
  margin-bottom:2rem;
}
.modal__content .pay dt{
  font-weight:600;
}
.modal__content .pay .bank{
  background-color: #efefef;
  padding: 1em 1.2em;
  margin:0.4em 0 0.4em;
  line-height:1.8em;
}
.modal__content .pay dd{}
.camori-modal-content .pay{}
.camori-modal-content .pay ul{
  display:flex;
  flex-wrap:wrap;
}
.camori-modal-content .pay li{
  margin-right:1em;
}
.camori-modal-content .pay li::after{
  content:'、';
  display:none;
}
.camori-modal-content .pay li:last-child::after{
  display:none;
}
.camori-modal-content .pay .attention li::after{
  display:none;
}
.camori-modal-content .pay ul.attention{
  display:block;
  padding-left:0.2em;
}
.camori-modal-content .pay ul.attention li{
  margin:0;
}
@media screen and (max-width: 749px){
  .modal__content{
    width:93%;
    height:88%;
    padding:1.5rem 0.5rem 1.5rem;
    letter-spacing:0.02em;
  }
  .modal__close{
    top: 2.5rem;
    right: 2rem;
  }
  .modal__content .warehouse dl{
    display:block;
  }
  .modal__content .modal-content .warehouse,.camori-modal-content .pay{
    padding:1.5rem 5% 1rem;
  }
}

/*送料表*/
.camori-modal-content .delivery-list{}
.camori-modal-content .delivery-list h3{
      font-size: 14px;
    background-color: #121212bf;
    color: #fff;
    text-align: center;
    padding: 0.3em;
    font-weight: 600;
    margin-bottom: 1rem;
}
.camori-modal-content .camori-postage{}
.camori-modal-content .camori-postage .block{
  display:flex;
  flex-wrap:wrap;
  border-bottom: 1px solid #efefef;
  margin-bottom: 1rem;
  padding-bottom: 0.6rem
}
.camori-modal-content .camori-postage .block .ttl{
  width:100%;
  padding: 0.1rem 1rem;
  margin-bottom: 0.3rem;
  font-weight: 600;
}
.camori-modal-content .camori-postage dl{
    width: 19%;
    text-align: center;
    margin: 0.3rem 0.5%;
}
.camori-modal-content .camori-postage dt{
  background-color: #efefef;}
.camori-modal-content .camori-postage dd{}
.camori-modal-content .camori-postage dd::before{}
.camori-modal-content .postage-attention{}
.camori-modal-content .postage-attention dl{}
.camori-modal-content .postage-attention dt{}
.camori-modal-content .postage-attention dd{
  text-indent:-1em;
  padding-left:1em;
}
.camori-modal-content .postage-attention dd::before{
  content:'※';
}
}
.camori-modal-content .camori-postage dd span{}
@media screen an (max-width:740px){
  .camori-modal-content .delivery-list{}
.camori-modal-content .delivery-list h3{}
.camori-modal-content .camori-postage{}
.camori-modal-content .camori-postage .block{}
.camori-modal-content .camori-postage .block .ttl{}
.camori-modal-content .camori-postage dl{}
.camori-modal-content .camori-postage dt{}
.camori-modal-content .camori-postage dd{}
.camori-modal-content .camori-postage dd span{}
}
/*支払い方法*/
.camori-modal-content .pay li{
  font-size:12px;
  margin: 0.2em 1em;
    margin-left: 0;
}
.camori-modal-content .pay li svg{
  vertical-align:middle;
  padding-right:0.2em;
}
.modal-content .warehouse{
  padding:3rem 3rem 1rem;
}
.warehouse .title{
  margin:0;
  padding-bottom:1rem;
}
/*送料・最短お届け日*/
.camori-modals{
  justify-content: space-between;
  text-align: center;
}
.camori-modals.gradient{
  margin:2rem -1.5rem 0;
  padding:2.8rem 0 3rem
}
.camori-modals .midashi{
  margin-bottom:1.3rem;
}
.camori-modals .midashi p{
  font-weight: 600;
    line-height: 1em;
    font-size: 14px;
    text-align: left;
    margin-left: 1.5rem;
}
.modal-deli,.modal-visit{
  width: 100%;
  margin-top: 1rem;
}
.camori-deli{
  margin-right:1%;
}
.camori-deli a{
	display: block;
  position:relative;
  border: 1px solid #333;
  display: block;
  text-align: center;
  border-radius: 5px;
  padding: 0.8rem;
	padding-right: 0.8em;
	font-size: 13px;
  margin:0 1.5rem;
  background-color:#fff;
  font-weight:600;
  letter-spacing:0.08em;
}
.camori-deli a::before,.camori-deli a::after{
	content: '';
    width: 1px;
    height: 0.5em;
    background-color: #333;
    display: block;
    position: absolute;
    transform: rotate(55deg);
    top: 1.35em;
    right: 1.4em;
}
.camori-deli a::after{
	transform: rotate(-55deg);
    top: 1.1em;
}
.camori-pay a{
  position:relative;
  padding-left:1.3em;
}
.camori-pay a::before,.camori-pay a::after{
  content:'';
  width:1px;
  height:0.8em;
  background-color:#333;
  display:block;
  position:absolute;
  top:2px;
  left:0.5em;
}
.camori-pay a::after{
  transform:rotate(90deg);
}
.modal-maintenance{}
.modal-maintenance modal-container{
  width:100%;    
  margin-top: -0.5rem;
  margin-bottom: 1rem;
}
.modal-maintenance .camori-deli a{
  background-color:#121212bf;
  border:0;
  color:#fff;
}
.modal-maintenance .camori-deli a::before,.modal-maintenance .camori-deli a::after{
  background-color:#fff;
}
.modal__content .maintenance .ex{
		padding: 1.5rem;
	}
	.modal__content .maintenance .ex h3{
		text-align: center;
		position: relative;
		letter-spacing: 0.08em;
	}
	.modal__content .maintenance .ex h3::before,.modal__content .maintenance .ex h3::after{
		content: '';
    	height: 1px;
    	width: 2.3em;
    	position: absolute;
    	top: 0.6em;
    	left: 0;
    	background-color: #121212bf;
	}
	.modal__content .maintenance .ex h3::after{
		right: 0;
		left: auto;
	}
	.modal__content .maintenance .ex .list{
		margin: 1.5rem 0;
	}
	.modal__content .maintenance .ex .list p{
		margin-bottom: 1rem;
		position: relative;
		padding-left: 0.5em;
	}
	.modal__content .maintenance .ex .list p::before{
		content: '';
    width: 0.2em;
    background-color: #121212bf;
    height: 1.1em;
    display: block;
    position: absolute;
    left: 0;
    top: 0.3em;
	}
	.modal__content .maintenance .ex dl{}
	.modal__content .maintenance .ex dt{}
	.modal__content .maintenance .ex dd{}
	.modal__content .maintenance .ex ul{
		display: flex;
		justify-content: space-between;
	}
	.modal__content .maintenance .ex li{
		width: 49%;
	}
	.modal__content .maintenance .ex li img{width:100%;}
@media screen and (max-width: 749px){
  .product-modal{
    margin-bottom:0;
  }
}
@media screen and (min-width: 750px){
  .camori-modals.gradient{
    margin:0;
    padding:1.8rem 0 2rem;
  }
}
.modal__content.deliveryDate{}
.deliveryDate .title{
	background-color: #fff;
	padding: 3rem 3rem 1rem;
  margin:0;
}
.deliveryDate h2{}
.camori-modal-content .delivery-result h3 {
    font-size: 14px;
    background-color: #121212bf;
    color: #fff;
    text-align: center;
    padding: 0.3em;
    font-weight: 600;
    margin-bottom: 2rem;
}
.camori-modal-content .delivery-result .newyear{
  display: block;
    color: #ea5106;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4em;
    margin-top: 0.2em;
    margin:0 1.2rem 1rem 2.6rem
}
.camori-modal-content .delivery-cause{
	padding: 0 3rem;
	background-color: #fff;
	padding-bottom: 1.5rem;
}
.camori-modal-content .delivery-cause .pulldown{
	margin: 1.2rem 0;
}
.camori-modal-content .delivery-cause .todohuken{
	position: relative;
}
.camori-modal-content .delivery-cause .sikuchoson{
	position: relative;
}
.camori-modal-content .delivery-cause .todohuken::before,.camori-modal-content .delivery-cause .sikuchoson::before{
  	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-left: 1.5px solid #000;
	border-bottom: 1.5px solid #000;
	position: absolute;
	top: 1.6rem;
	right: 1.4rem;
	transition: 0.1s;
	z-index: 1;
	transform: rotate(-135deg);
}
.camori-modal-content .delivery-cause select{
	width: 100%;
	padding: 1rem;
	font-size: 16px;
	letter-spacing: 0.1em;
	border-radius: 5px;
	-webkit-appearance: none;
	appearance: none; /* デフォルトの矢印を非表示 */
	position: relative;
  color:#333;
  background-color: #fff;
    border: 1px solid #666;
}
.camori-modal-content .delivery-cause select::before {}
.camori-modal-content .delivery-cause option{}
.camori-modal-content .delivery-cause p{
	line-height: 1.6em;
}
.camori-modal-content .delivery-result{
	background-color: #efefef;
	padding-top: 2.8rem;
}
.camori-modal-content .delivery-result dl{
	display: flex;
	margin: 1.4rem 3rem;
}
.camori-modal-content .delivery-result dt{
	font-size: 12px;
	margin-top: 0.1em;
	margin-right: 0.5em;
	width: 12em;
}
.camori-modal-content .delivery-result dd{
	font-size: 16px;
	font-weight: 600;
	color: #333;
	line-height: 1.3em;
	width: 32.5em;
}
.camori-modal-content .delivery-result .box{
	background-color: #fff;
	margin: 0 3rem 1rem;
	padding-bottom: 1rem;
}
.camori-modal-content .delivery-result .attention{
  margin: 0 3rem;
}
.camori-modal-content .delivery-result .attention,.camori-modal-content .warehouse .attention{
	text-indent: -1em;
	padding-left: 1em;
}
.camori-modal-content .delivery-result .attention li,.camori-modal-content .warehouse .attention{
	padding-bottom: 0.2em;
	font-size: 12px;
}
.camori-modal-content .delivery-result .attention li a{
	color: #000;
}
.modal__content.deliveryDate{
	padding: 0;
}
.deliveryDate{
	background-color: #efefef;
}
.deliveryDate .modal-content{
	width: 100%;
	background-color: #efefef;
}
.modal-closeBtn{
	padding: 1rem 0 2rem;
}
.deliveryDate .modal-closeBtn{
  background-color: #efefef;
}
.deliveryDate .modal__button-link{
  margin:0 auto;
}
/*SP*/
@media screen and (max-width: 749px){
	.modal__content.deliveryDate{
		border: 0;
	}
	.show-modal .modal__content.deliveryDate{
		background-color: transparent;
	}
	.deliveryDate .modal-content{
		height: auto;
		transition: 0.5s;
		position: relative;
	}
	.deliveryDate .camori-modal-content{
		border: 1px solid #333;
	}
	.camori-modal-content .delivery-result dl{
		display: block;
		margin: 1rem 1.2rem;
	}
	.camori-modal-content .delivery-result dt{
		width: auto;
	}
	.camori-modal-content .delivery-result dd{
		width: auto;
		margin-top: 0.3em;
		margin-left: 0.9em;
      font-feature-settings:"palt";
      line-height:1.6em;
	}
	.deliveryDate .title{
		padding: 1.5rem 5% 1rem;
	}
	.camori-modal-content .delivery-cause{
		padding: 0 5% 1rem;
	}
	.camori-modal-content .delivery-result .box{
		margin: 0 5% 0.8rem;
	}
	.deliveryDate h2{
		margin-bottom: 0;
	}
	.camori-modal-content .delivery-result .attention{
		margin: 0 5%;
	}
	.deliveryDate .modal__close {
		right: 5%;
	}
}
/*カートページ*/
.cart-item__details .camori-modals{
  margin:0;
  padding:1rem 0 0;
}
.cart-item__details .camori-modals a{
    margin: 0;
    color: rgba(var(--color-foreground),.75);
    text-decoration: none;
    font-weight: normal;
  line-height:1.3em;
  padding-left:0.3rem;
}
.cart-item__details .camori-modals .camori-deli a::after,.cart-item__details .camori-modals .camori-deli a::before{
   content: '';
    width: 1px;
    height: 0.5em;
    background-color: #333;
    display: block;
    position: absolute;
    transform: rotate(55deg);
    top: 1.75em;
    right: 0.8em;
}
.cart-item__details .camori-modals .camori-deli a::after{
    transform: rotate(-55deg);
    top: 1.5em;
}
@media screen and (min-width: 750px){
  .cart-item__details .camori-modals .camori-deli a::after,.cart-item__details .camori-modals .camori-deli a::before{
    height:0.8em;
    top:1.65em;
    right:2.3em;
  }
  .cart-item__details .camori-modals .camori-deli a::after{
    top:1.2em;
  }
}
.cart-item__details .camori-modals .camori-deli a .date{
  font-weight:600;
  letter-spacing:0;
}
.cart-modal .delivery-cause{
  padding-top:1.8rem;
}
.cart-item__quantity .quantity{
  width:calc(11.8rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
}