/* CSS Document */
/*文字サイズ*/
#offcial-goods hgroup h2 {
	font-size: var(--fs44);
}
.limited-content h2{
	font-size:var(--fs40);
}
.anniversary-l h2{
	font-size:var(--fs36);
}
#offcial-goods hgroup h3,.anniversary-l h2 span,.anniversary-l h3 span,.limited-content h3,.line-up-content h2{
	font-size: var(--fs30);
}
#offcial-goods hgroup h1,.anniversary-l p,.limited-content h2 span{
	font-size: var(--fs26);
}
.line-up-cms h3,.item-name{
	font-size:var(--fs24);
}
.line-up-content p,.limited-content p{
	font-size:var(--fs20);
}
/*色*/
#offcial-goods hgroup h3, .company-shop-label {
	color: var(--hover-red);
}
.limited-content h2 span,.line-up-content h2{
	color:var(--gray);
}
.item-size{color: var(--gray2);}
/*フォント*/
.offcial-goods-content,.line-up-content p,.limited-content p{
	font-family: var(--zen-kaku-gothic-new);
}
/**/
#offcial-goods {
	padding: 5rem 0 10rem;
}
#offcial-goods hgroup {
	display: flex;
	flex-direction: column;
	h2, h3 {
		margin: 0;
	}
	h1 {
		margin: 50px 0;
	}
}

.goods-content-region,.limited-content,.line-up-content{
	width: 80%;
	max-width: var(--max);
	margin: auto;
}
#offcial-goods hgroup h3 {
	order: 1;
}
#offcial-goods hgroup h2 {
	order: 2;
}
#offcial-goods hgroup h1 {
	order: 3;
	font-weight: 500;
}
.offcial-goods-content {
	display: flex;
	justify-content: space-between;
}
.offcial-goods-content iframe {
	aspect-ratio: 650/472;
	width: 50%;
}

.anniversary{
	width:100%;
	margin-top: 5rem;
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding: 3rem 7rem;
	border-radius:15px;
	border:2px solid var(--black);
}
.anniversary-l h2,
.anniversary-l h3{margin:0;}
.anniversary-l h2 span{display:inline-block;}
.anniversary-l h3 span{display:block;}
.anniversary-l p{
	margin: 1rem 0 0;
	text-align: justify;
}
.anniversary-l{width:52%;}
.limited-content{
	margin: auto;
	text-align: center;
}
.limited-content h2 span{display:block;}
.limited-img-flex{
	width:100%;
	display:flex;
	justify-content: space-between;
	column-gap: 1%;
}
.limited-img-flex img{
	width:48%;
}
.limited-content h3{
	margin:5rem auto;
}
.limited-content p{
	text-align:justify;
}
#line-up{
	margin:10rem auto;
}
.line-up-content h2,.line-up-kome{
	text-align:center;
}
.line-up-kome{
	margin:7.5rem auto auto;
}
.line-up-content h2{margin:0;}
.menu-item-grid{
	padding-top:5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 7.5rem 3.5%;
	justify-content: flex-start;
}

.menu-item-card{
	width: 31%;
}
.menu-img-box a,.menu-img-box a img{
	width:100%;
	display:block;
}
.item-name{
	margin-bottom: 0.6em;
    padding-bottom: 0.6em;
    border-bottom: 2px solid #b3b3b3;
}

.item-name a{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.shop-card-btn{
	width:100%;
	aspect-ratio:6/1;
	border-radius:50px;
}

@media(max-width:1450px){
	.anniversary {
		padding: 3rem 4rem;
	}
	.anniversary-l {
		width: 60%;
	}
}
@media(max-width:1200px){
	.anniversary-l {
		width: 55%;
	}
}
@media(max-width:1100px){
	.anniversary {
		padding: 3rem;
	}
	.anniversary-l {
		width: 53%;
	}
}
@media(max-width:1000px){
	#offcial-goods hgroup h1{
		margin-bottom: 0;
	}
	.anniversary{
		display:block;
	}
	.anniversary-l {
		width: 100%;
	}
	.anniversary-r img{
		display: block;
		margin: 3rem auto auto;
	}
	.menu-item-grid{
		gap: 5rem 3.5%;
	}
	#offcial-goods {
		padding: 5rem 0 7.5rem;
	}
}

@media(max-width:767px) {
	#offcial-goods hgroup h1{
		margin: 2rem 0;
	}
	#offcial-goods {
		padding: 3rem 0 0;
		margin-bottom: 7.5rem;
	}
	.offcial-goods-content {
		display: block;
	}
	.goods-content-region {
		width:100%;
		hgroup{
			width:79%;margin: auto;
		}
	}
	.anniversary{
		width:90%;
		margin: 1rem auto;
	}
	.category-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.menu-item-card {
		width: 48%;
	}
	.shop-tabs{
		margin-bottom:100px;
	}
	.shop-tabs li{
		width:100%;
	}
	.shop-tabs a {
		padding: 5px 20px;
		line-height: 1.25em;
		text-align: center;
	}
	.category-content-block{
		padding:10% 0;
	}
	.category-content-block:last-of-type{
		padding-bottom: 20%;
	}
	.cat-notice {
		text-align: left;
		margin: 25px auto 0;
		width: 90%;
	}
	.menu-item-grid {
		padding-top: 50px;
		gap:50px 3.5%;
	}
	
	.limited-content h3 {
		margin: 2rem auto;
		text-align: left;
	}
	.limited-img-flex {
		display:block;
	}
	.limited-img-flex img{
		width: 100%;
	}
	.limited-img-flex img:first-of-type{
		margin-bottom:1rem;
	}
	.limited-content h2 {
		margin: 0 auto 2rem;
	}
	#line-up {
		margin: 5rem auto;
	}
	.line-up-kome {
		margin: 3rem auto auto;
		text-align: justify;
	}
	.item-name {
		 line-height: 1.4; 
	}
}

@media(max-width:600px){
	.shop-card-btn {
		aspect-ratio: 5 / 1;
	}
}
@media(max-width:550px){
	.shop-card-btn {
		aspect-ratio: 5 / 1;
	}
	.anniversary-r img {
		width:70%;
	}
	.limited-content h3 span{
		display: inline-block;
	}
}
@media(max-width:470px){
	.anniversary {
		padding: 2rem;
	}
}
@media(max-width:450px){
	.shop-card-btn {
		aspect-ratio: 4 / 1;
	}
	.anniversary-l h2 span {
		display: inline-block;
	}
	.item-name {
		 line-height: 1.25; 
	}
}
@media(max-width:340px){
	.limited-content h3 span {
		display: inline;
	}
}

.menu-item-card{
	padding-bottom: 4rem;
	position:relative;
}
.menu-info .shop-card-btn{
	position:absolute;
	bottom: 0;
}
.item-size{line-height:1.6;}
@media(max-width:1100px){
	.menu-item-card{
		padding-bottom: 3rem;
	}
}
@media(max-width:900px){
	.menu-item-card{
		padding-bottom: 2.5rem;
	}
}
@media(max-width:767px){
	.item-name ,.item-size{
		 line-height: 1.5; 
	}
}@media(max-width:450px){
	.item-name ,.item-size{
		 line-height: 1.3; 
	}
}@media(max-width:400px){
	.menu-item-card{
		padding-bottom: 2rem;
	}
}