@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
#main{
	border-bottom: none;
	font-family: var(--font);
}
:root {
	--font: 'Noto Sans JP', sans-serif;
  }


/* ▼▼▼ mv
======================================================*/
.mv{
	position: relative;
	z-index: 1;
}

.mv .card{
	position: absolute;
}
.mv .card01{
	width: 23.5vw;
	left: 9.5svw;
	bottom: -2vw;
}
.mv .card02{
	width: 24.29vw;
	top: 25vw;
	right: 9vw;
}
.mv .card02 a{
	display: block;
	width: 11.42vw;
	position: absolute;
	bottom: -10%;
	left: -15%;
}
.mv .card02 a:hover{
	opacity: 0.7;
}
.mv .card03{
	width: 23.5vw;
	left: 9.5svw;
	bottom: 24vw;
}

/* ▼▼▼ 769px〜1040px */
@media screen and (max-width: 768px) {
	.mv {
		background: url(../img/mv_bg.jpg) no-repeat center bottom/100%,#FFFF3C;
		padding-bottom: 40.6vw;
	}
	.mv .card{
		margin-bottom: 25px;
		position: relative;
		top: auto!important;
		left: 3.2vw!important;
		right: auto!important;
		bottom: auto!important;
	}
	.mv .card01{
		width: 89.6vw;
		right: auto;
	}
	.mv .card01 a{
		display: block;
		width: 72vw;
		position: absolute;
		transform: translateX(-50%);
		bottom: -13%;
		left: 53.2%;
	}
	.mv .card01 a:hover{
		opacity: 0.7;
	}
	.mv .card02{
		width: 89.6vw;
		bottom: auto;
	}
	.mv .card03{
		width: 89.6vw;
		bottom: auto;
	}
}

/* ▼▼▼ おうちごはん
======================================================*/
#kumamoto .pc{
	display: block;
	}
#kumamoto .sp{
	display: none;
	}
	/* 打ち消し */
#kumamoto h1{
	margin:0;
	font-size: 0;
	line-height: 1;
}
#kumamoto ul{
	list-style: none;
	padding-inline-start:0;
	padding-left: 0px;
}
#kumamoto dd{
	margin-inline-start: 0;
}
#kumamoto p{
	margin-block-start: 0;
	margin-block-end: 0;
}
/* 打ち消しここまで */
#kumamoto .container {
	width: 100%;
	max-width: 1040px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}

/*---------------------
	目次
-----------------------*/
#kumamoto .navlist{
	background-color: #FFFAD3;
	width: 100%;
	background-position: center;
	background-size: cover;
	position: relative;
	padding: 50px 0 0;
	overflow: hidden;
}
#kumamoto .navlist nav{
	width: 100%;
	max-width:1016px;
	margin: 0 auto;
}
#kumamoto .navlist nav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#kumamoto .navlist nav ul li{
	width: 24%;
	margin:0 0.5%;
	position: relative;
}
#kumamoto .navlist nav ul li::before{
	content:"";
	width: 13px;
	height: 14.23px;
	background-image: url(../img/arrow_red.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin:auto;
	position: absolute;
	right:50%;
	bottom: 7px;
	transform: translate(50%,0%);
}
#kumamoto .navlist nav ul li:hover{
	opacity:0.6;
}
#kumamoto .navlist nav ul li a{
	display: flex;
	/* width: 238px; */
	height: 80px;
	border-radius: 10px;
	background: #fff;
	border: 2px solid #c5001a;
	color:#c5001a;
	font-size: 18px;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-bottom: 8px;;
}
#kumamoto .navlist nav ul li a span{
	line-height: 1.2;
}
/*---------------------
	キッチン&マーケット熊本特集
-----------------------*/
#kumamoto #tokusyu{
	background-color: #FFFAD3;
	width: 100%;
	background-position: center;
	background-size: cover;
	position: relative;
	padding: 50px 0 80px;
}

#kumamoto #tokusyu .tokusyu_grid{
	display: grid;
	align-items: flex-start;
	grid-template-columns: 1fr 305px;
	gap: 0 34px;
	margin-top: 35px;
}
#kumamoto #tokusyu .tokusyu_grid picture img{
	border-radius: 20px;
	overflow: hidden;
}
#kumamoto #tokusyu .fair_ttl{
	font-size: 30px;
	font-weight: 800;
	margin: 0;
}
#kumamoto #tokusyu .fair_ttl span{
	display: block;
	font-size: 20px;
}
#kumamoto #tokusyu .fair_dtl {
	margin: 0;
}
#kumamoto #tokusyu .fair_dtl dt{
	background: #C5181A;
	border-radius: 20px;
	width: 71.25px;
	margin-top: 13px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 900;
	line-height: 1;
	padding: 4px 0 5px;
}
#kumamoto #tokusyu .fair_dtl dd{
	font-size: 17px;
	font-weight: 800;
	letter-spacing: 0.08em;
}


#kumamoto #tokusyu .day_limit{
	position: relative;
}
#kumamoto #tokusyu .day_limit::after{
	content: "";
	position: absolute;
	background-image: url(../img/day_limit.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 225.15px;
	height: 93.73px;
	bottom: 50px;
	right: 8%;
}

/*---------------------
	shop_wrapper
-----------------------*/
#kumamoto #shop_wrapper{
	padding: 88px 0 58.1px;
	background-color: #fff;
}
#kumamoto #shop_wrapper h2{
	max-width: 546px;
	width: 100%;
	margin: 0 auto 48px;
	position: relative;
}
#kumamoto #shop_wrapper h2::after{
	content: "";
	position: absolute;
	background-image: url(../img/bear_01.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 132px;
	height: 159px;
	top: 0;
	right: 0;
	transform: translate(150%, -80%);
}
#kumamoto .corner_title{
	color:#fff;
	font-size: 26px;
	font-weight: 900;
	text-align: center;
	background-color: #C5001A;
	padding: 12px 0;
	border-radius: 40px;
	/* font-family: 'EB Garamond', serif; */
	letter-spacing: 0px;
}
#kumamoto .shop_list{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	margin-top: 40px;
}
#kumamoto .shop_list li{
	width: 32%;
	background: #fff;
	border-radius: 12px;
	margin-bottom: 50px;
}
#kumamoto .shop_list li:not(:nth-child(3n)){
	margin-right: 2%;
}
#kumamoto .shop_list li .shop_img{
	width: 100%;
	height: auto;
}

#kumamoto .shop_list li .detail{
	margin: 10px 0 0;
	padding-bottom: 10px;
	border-bottom: 2px dotted #000000;
}
#kumamoto .shop_list li .floor_name{
	color:#818181;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 500;
	font-family: var(--font);
}
#kumamoto .shop_list li .shop_name{
	margin-bottom: 5px;
	color:#C5001A;
	font-weight: bold;
	font-size: 16px;
}
#kumamoto .shop_list li .category{
	font-size: 14px;
}
#kumamoto .shop_list li .food_dtl{
	margin-top: 10px;
}
#kumamoto .shop_list li .food_dtl .dtl_ttl{
	color: #C5001A;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	margin-left: 23px;
	margin-bottom: 2px;
}
#kumamoto .shop_list li .food_dtl .dtl_ttl span{
	font-size: 16px;
}
#kumamoto .shop_list li .food_dtl .dtl_cost{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
}
#kumamoto .shop_list li .food_dtl .dtl_cost span{
	font-size: 12px;
	font-weight: bold;
}
#kumamoto .shop_list li .food_dtl .dtl_cost .notes{
	font-size: 14px;
}
.eat{
	position: relative;
}
.eat::before{
	content: "";
	position: absolute;
	background-image: url(../img/eat.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 16px;
	height: 24px;
	top: 0;
	left: -3px;
	transform: translateX(-110%);
}
.price{
	color: #2D3135;
}
.price span{
	font-size: 12px;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.drink{
	position: relative;
}
.drink::before{
	content: "";
	position: absolute;
	background-image: url(../img/drink.png);
	background-size: contain;
	background-repeat: no-repeat;
	width:14px;
	height: 22px;
	top: 0;
	left: -3px;
	transform: translate(-120%, 15%);
}
.note{
	text-indent: -1em;
	padding-left: 1em!important;
	font-size: 14px;
}
.note .copyright_kumamoto{
	padding-top: 19.2px;
	color: #2D3135;
}

#kumamoto p.bnr_ttl{
	margin: 80px 0 10px;
	font-size: 24px;
	font-weight: 800;
	text-align: center;
}
.bnr{
	width: min(100%,550px);
	margin: 0 auto;
}
.bnr a{
	cursor: pointer;
}
.bnr a:hover{
	opacity: 0.7;
}

/* ▼▼▼ 769px〜1040px
======================================================*/
@media screen and (max-width: 768px) {
#main{
	/* border: 5px solid #F62C11; */
}
#kumamoto .pc{
display: none;
}
#kumamoto .sp{
display: block;
}
#kumamoto .container {
width: 100%;
padding: 0 20px;
margin: 0 auto;
position: relative;
}
#kumamoto .navlist{
	padding: 17px 0 0;
}

#kumamoto .navlist nav ul{
	margin: 0 20px;
}
#kumamoto .navlist nav ul li{
	width: 48%;
	margin:8px 0;
	position: relative;
}

#kumamoto .navlist nav ul li a{
	height: 80px;
	font-size: 14px;
	padding-bottom: 8px;;
}

#kumamoto #tokusyu {
	padding: 35px 0 42px;
}
#kumamoto #tokusyu .tokusyu_grid{
	grid-template-columns: 1fr;
	gap: 12px 0;
	margin-top: 18px;
}

#kumamoto #tokusyu .fair_ttl{
	font-size: 24px;
}
#kumamoto #tokusyu .fair_ttl span{
	font-size: 17px;
}
#kumamoto #tokusyu .fair_dtl {
	display: grid;
	grid-template-columns: 50px 1fr;
	align-items: first baseline;
	gap: 5px 5px;
	margin-top: 8px;
}
#kumamoto #tokusyu .fair_dtl dt{
	width: 100%;
	margin-top: 0;
	font-size: 12px;
}

#kumamoto #tokusyu .day_limit::after{
	content: "";
	position: absolute;
	background-image: url(../img/day_limit.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 153.12px;
	height: 63.74px;
	bottom: 36px;
	right: 0%;

}

#kumamoto #shop_wrapper{
	padding: 35.2px 0 30px;
}
#kumamoto #shop_wrapper h2{
	max-width: 320px;
}
#kumamoto #shop_wrapper h2::after{
	width: 73px;
	height: 88px;
	transform: translate(0, -100%);
}

#kumamoto .corner_title {
  margin: 0 auto 20.8px;
  font-size: 18px;
}
#kumamoto .shop_list{
	display: block;
	margin: 30px 0 24px;
}
#kumamoto .shop_list li{
	width: 100%;
	margin-bottom: 36px;
}
/* #kumamoto .shop_list li .detail{
	margin-top: 10px;
	padding-bottom: 15px;;
} */
#kumamoto .shop_list li:not(:nth-child(3n)) {
	margin-right: 0;
}
#kumamoto .shop_list li .shop_img{
	max-height: 100%;
}
/* #kumamoto .shop_list li .food_dtl{
	margin-top: 15px;
} */
.bear::after{
	width: 99.5;
	height: 107px;
	transform: translate(50%, -50%);
}
.event{
	padding-top: 38px;
}
.event .event_ttl::before{
	width: 107px;
	height: 80px;
	transform: translate(0,-100%);
}
.event .event_block{
	flex-direction: column;
	padding: 85px 20px 20px;
}
.event .event_block .first_block{
	margin-right: 0;
}
.first_block .d_line{
	margin-bottom: 20px;
}
.first_block .d_line .d_line_txt{
	margin-right: 10px;
}
.event .event_block .sec_block{
	max-width: 190px;
	width: 100%;
	margin: 0 auto 20px;
}
.event_block_lower{
	flex-direction: column;
	margin-bottom: 10px;
}
.event_block_lower .event_block.left,
.event_block_lower .event_block.right{
	width: 100%;
	margin: 0 0 30px;
}
.btn{
	margin-top: 35px;
}

#kumamoto p.bnr_ttl{
	margin-top: 50px;
	font-size: 18px;
}
}