/** Shopify CDN: Minification failed

Line 6:9 "UTF-8" will be used instead of unsupported charset "euc-jp"

**/
@charset "euc-jp";
/* CSS Document */
:root {
  --f64: clamp(2.625rem, 5vw, 4rem); /*64-42px*/
  --f48: clamp(2.25rem, 4.5vw, 3rem); /*48-36px*/
  --f42: clamp(2rem, 4.25vw, 2.625rem); /*42-32px*/
  --f36: clamp(1.75rem, 3.75vw, 2.25rem);/*36-28px*/
  --f32: clamp(1.625rem, 3.5vw, 2rem);/*32-26px*/
  --f28: clamp(1.5rem, 3.2vw, 1.75rem);/*28-24px*/
  --f24: clamp(1.375rem, 2.8vw, 1.5rem);/*24-22px*/
  --f21: clamp(1.125rem, 2.5vw, 1.3125rem);/*21-18px*/
  --f18: clamp(1rem, 2.25vw, 1.125rem);/*18-16px*/
  --f16: clamp(0.875rem, 2vw, 1rem);/*16-14px*/
  --f14: clamp(0.75rem, 1.8vw, 0.875rem);/*14-12px*/
  --f12: clamp(0.6875rem, 1.5vw, 0.75rem);/*12-11px*/
}
.f64 {
	font-size: var(--f64);
}
.f48 {
	font-size: var(--f48);
}
.f42 {
	font-size: var(--f42);
}
.f36 {
	font-size: var(--f36);
}
.f32 {
	font-size: var(--f32);
}
.f28 {
	font-size: var(--f28);
}
.f24 {
	font-size: var(--f24);
}
.f21 {
	font-size: var(--f21);
}
.f18 {
	font-size: var(--f18);
}
.f16 {
	font-size: var(--f16);
}
.f14 {
	font-size: var(--f14);
}
.f12 {
	font-size: var(--f12);
}


#main-container{
    margin: 0 auto!important;
	/*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	*/
	font-size: 15px;
	-webkit-text-size-adjust: 100%;
}

#main-container{
	
img{
   /*display: initial;*/
	width: 100%;
	display: block;
}
	
h2+img{
	margin-top: 0.25rem;
}
img:not(h2+img){
	margin: .5rem 0;
}


ul.clear {
    clear: both;
}
.pc_view {
    display: block;
}

.sp_view{
   display: none;
}

/*
h1, h2 ,h3 {
	text-align: center;
	font-weight: bold;
        color: #000;
}
*/
h2 {
	margin: 2.75em 0 1em;
    font-size: var(--f28);
	text-align: left;
	color: #960001;
	/*border-bottom: 4px solid #960001;
	padding-bottom: .5em;*/
}
h3{
    font-size: var(--f24);
	margin: 2em 0 .5em;
		color: #960001;
}
h4{
    font-size: var(--f21);
	margin: 1.5em 0 .25em;
}

/*
h2 {
  @media screen and (max-width:768px) {
    margin-bottom: 30px;
	line-height: 1.4;
  }
  @media screen and (max-width:414px) {
   margin-bottom: 18px;
  }
  @media screen and (max-width:320px) {
    margin-bottom: 8px;
  }
}
	*/

ol, ul {
	padding: 0;
	margin: 0;
}
dl, dd, p {
	margin: 0;
}
p, li {
	line-height: 1.75;
	list-style: none;
  @media screen and (max-width:414px) {
	line-height: 1.5;
  }
}

a {
	color: #000000;
}
.center {text-align: center;}

.link_wrap{	text-align: center;margin:  clamp(30px, 4.5vw, 70px) auto;}


/*装飾*/
a.no-color-change {
      border-radius: 5px;
      background-color: darkred;
      padding: 10px;
      text-decoration: none;
      color: white;
        margin: 1em auto;
        display: inline-block;
}
a.no-color-change:hover {
	opacity: .8;
				transition: 0.5s;
}

/*枠BOX*/
.box_border {
	border:solid 1px;
	padding: 1em;
	margin-bottom: 1em;
}
.box_border p{
	margin: 0!important;
}
	
/*トップページへ*/
.link_home {
	margin: 60px auto;
	text-align: center;
}
.link_home a {
	color: #434343;
	font-size: var(--f24);
	font-weight: bold;
}
.link_home a:hover {
	text-decoration: none;
}
	
/*更新日・ヘッダー画像*/
.mv {
	margin-bottom:clamp(40px, 5vw, 90px);
	& .date {
		margin: 1.5em 0;
		font-size: var(--f12);
		text-align: center;
	}
	& figure {
		margin: 0 auto clamp(40px, 5vw, 90px);
		max-width: 1200px;
	}
}

/*目次*/
.mokuji {
	text-align: left;
	border: solid 1px;
	padding: .5em 1em 1.5em;
	width: 96%;
        max-width: 600px;
        box-sizing: border-box;
	margin: 0 auto clamp(40px, 5vw, 90px);
	& p {
		text-align: center;
		margin: 1em !important;
	}
	& ul li {
		margin: .25em .5em;
	}
}
/**/
    .pagelink {
        padding-top: 70px;
        margin-top: -70px;
    }

/*  Contents
=======================================*/

.shop_contents {
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	display: block !important;/*上書き*/
	
@media (max-width:768px) {
	width: 96%;
	padding: 0 2%;
}
	.box_txt {
		margin-top: 1em;
		margin-bottom: 2em;
		/*1em ※htmlの重複br削除する*/
	}
	img+.box_txt {
		margin-top: 2em;
	}
	.box_wrap {
		margin-bottom: clamp(30px, 4.5vw, 60px)!important;
	}
	.sec_shop{
		margin-bottom: clamp(30px, 4.5vw, 60px)!important;
		border-bottom: 1px #c00 solid;
		padding-bottom: clamp(15px, 2.25vw, 30px);
	}
}
	
	
.shop_contents h3 {
	text-align: left;
	line-height: 1.75;
}

	
	

/*店舗*/
.ftr_shop_intro {
  max-width: 780px;
  margin: auto;
  border: 1px #666 solid;
  padding: clamp(15px, 2vw, 30px);
  box-sizing: border-box;
}
.ftr_shop_intro ul {
  display: grid;
  grid-template-columns: 150px 1fr;
  max-width: 780px;
  column-gap: 1.5em;
}
.ftr_shop_intro img {
	width: 100%;
  margin: 0 auto;
}
	.shop_txt h4 {
		  margin: 1em 0 0;
		font-size: inherit;
	}
	.shop_txt p {
		  margin: .5em 0 1.5em;
	}
	.shop_txt p:last-child {
		  margin: 0;
	}
	
	@media (max-width:768px) {
		.ftr_shop_intro ul {
grid-template-columns: auto;
  max-width: 600px;
			        justify-items: center;
}
		.ftr_shop_intro img {
	width: 80%;
		}
	}
	
	
	
/*おすすめ商品リスト*/
.li-item {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0 0 clamp(40px, 5vw, 90px);
	gap: 1rem;
	& li .item-inner {
		margin: 0;
		& a {
			text-decoration: none;
		}
		& a:hover {
			opacity: 0.8;
			transition: 0.5s;
		}
	}
}
	
/*関連記事*/
.ftr_related_wrap {
	max-width: 1200px;
	margin: min(4vw, 4rem) auto;
	& h3 {
		margin: 3em auto 1.5em;
		font-size: var(--f24);
		text-align: center;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		border: 0;
	}
	& h3:before,
	& h3:after {
		content: '';
		width: 1.2em;
		height: 1px;
		background-color: currentColor !important;
		position: unset;
		border: unset;
		margin-left: unset;
		margin-right: unset;
		flex-grow: unset;
	}
	& h3:before {
		margin-right: .5em;
	}
	& h3:after {
		margin-left: .5em;
	}
}
.ftr_related {
	background-color: #f5f5f5;
	margin: 1rem 0;
	>a {
		display: grid;
		grid-template-columns: 2fr 3fr;
		/* column-gap: 2%; */
		align-items: center;
	}
	figure {
		margin: 5%!important;
	}
	img {
		display: block;
		margin: 0;
	}
	.txt {
		padding: 5%;
		margin: 0;
	}
	.txt h4 {
		font-size: var(--f18);
		margin: 0 !important;
	}
	.txt p {
		font-size: var(--f14);
		margin: 1em 0 0 !important;

		@media screen and (max-width:600px) {
			display: none !important;
		}
	}
}

	
@media(max-width:750px){
    .spnone{
        display: none !important;
    }
}

}/*--end#main-container--*/