@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

html,body{
	margin: 0;
	font-size: 10px;
	font-family: "Noto Sans JP", sans-serif;
}
*{
	margin: 0;
	padding: 0;
	font-weight: 500;
	color: #40210f;
}
img{
	width: 100%;
	vertical-align: bottom;
}
ul{
	list-style: none;
}
a{
	color: inherit;
	text-decoration: none;
}
span{
	display: inline-block;
}

h2{
	text-align: center;
	font-size: clamp(17px, 5.4vw, 52px);
	line-height: 1.4;
	margin: 1.3em 0 1.6em;
	letter-spacing: .1em;
}
.price{
	width: 78.75%;
	max-width: 568px;
	margin: 0 auto 2.29vw;
}
.attention{
	width: 82.8%;
	max-width: 787px;
	margin: 6.25vw auto 13.5vw;
}
.attention p{
	text-align: justify;
	font-size: clamp(10px, 2.916vw, 28px);
	line-height: 1.3;
}
.attention span{
	margin-bottom: .5em;
	font-weight: inherit;
}
.shop-list{
	width: 83.33%;
	max-width: 1024px;
	margin: 0 auto;
}
h3{
	text-align: center;
	width: 100%;
	max-width: 478px;
	font-size: clamp(17px, 5.4vw, 52px);
	padding: .57em 0;
	border: solid #40210f;
	border-width: 2px 0;
	letter-spacing: .1em;
	margin: 0 auto 1.5em;
}
h4 .jp{
	font-size: clamp(12px, 3.85vw, 37px);
	letter-spacing: .1em;
    vertical-align: .34em;
    margin-right: .6em;
}
h4 .days{
	width: auto;
	height: 5.8vw;
	max-height: 40px;
}
h4 .days img{
	display: block;
	height: 100%;
	width: auto;
}
.details p{
	font-size: clamp(10px, 2.91vw, 28px);
	margin: 1.4em 0;
	line-height: 1.9;
}
h5.shop_name{
	font-size: clamp(16px, 5vw, 48px);
	line-height: 1.4;
	letter-spacing: .06em;
	margin: .8em 0 .5em;
}
.add{
	font-size: clamp(10px, 3.3vw, 32px);
	font-weight: 300;
	letter-spacing: .1em;
	line-height: 1.5;
	margin-bottom: .3em;
}
.data{
	display: flex;
	margin: 2vw 0 9.8vw;
}
.data .time{
	margin-right: 8vw;
}
.data .label{
	font-size: clamp(10px, 3.3vw, 32px);
	width: 4.2em;
	text-align: center;
	padding: .1em 0 .2em;
	margin-right: .14em;
	border: 1px solid #40210f;
	letter-spacing: 0;
	font-weight: 300;
}
.data .text{
	font-size: clamp(11px, 3.54vw, 34px);
	letter-spacing: 0;
	font-weight: 300;
}
.group02 .data{
	margin-bottom: 0;
}
.group02{
	padding: min(75px, 7.8vw) 0;
	border: solid #40210f;
	border-width: 2px 0;
	margin-bottom: 8.8vw;
}

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

@media screen and (min-width:960px){
	.sp_only{display: none!important;}
	a{
		transition: .4s ease;
	}
	a:hover{
		opacity: .6;
	}
	.lead{
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
	}
	h2{
		font-size: clamp(21.9px, 3.1vw, 32px);
		margin: 1.4em 0 1.7em;
	}
	.price{
		margin-bottom: min(35px, 3.4vw);
	}
	.present{
		width: 76%;
		margin: 0 auto 0 11.2%;
	}
	.attention p{
		font-size: clamp(12px,1.75vw, 17px);
		font-weight: 400;
	}
	.attention{
		margin: min(40px, 3.9vw) auto min(100px, 9.7vw);
	}
	h3{
		font-size: clamp(21.9px, 3.1vw, 32px);
		border-width: 2px 0;
		padding: .2em 0 .3em;
		margin-bottom: min(90px, 8.7vw);
	}
	h4 .jp{
		font-size: clamp(17px, 2.53vw, 26px);
	}
	.details p{
		font-size: clamp(12px, 1.75vw, 18px);
		font-weight: 400;
	}
	.shop-list ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.shop-list li{
		width: 48%;
	}
	h5.shop_name{
		font-size: clamp(16px, 2.34vw, 24px);
	    line-height: 1.34;
	    letter-spacing: .03em;
	    margin: .8em 0 .4em;
	}
	.add{
		font-size: clamp(12px, 1.75vw, 18px);
	}
	.data{
		margin: min(10px, .9vw) 0 min(80px, 7.8vw);
	}
	.data .time{
		margin-right: 5%;
	}
	.data .label{
		font-size: clamp(10px, 1.56vw, 16px);
        width: 5.1em;
        padding: .08em 0 .19em;
        margin-right: .2em;
	}
	.data .text{
		font-size: clamp(10px, 1.56vw, 16px);
		letter-spacing: .05em;
	}
	.group02{
		border-width: 2px 0 0;
		padding: min(40px, 3.9vw) 0 0;
		margin-bottom: min(60px, 5.8vw);
	}
}