@charset "utf-8";
@media screen and (max-width: 1536px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 767px) {}
/* ==============================================================================
common
============================================================================== */ :root {}
@font-face {
	font-family: 'LINESeedJP';
	src: url('../font/LINESeedJP_OTF_Rg.woff2') format('woff2'), url('../font/LINESeedJP_OTF_Bd.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LINESeedJPEXB';
	src: url('../font/LINESeedJP_OTF_Eb.woff2') format('woff2'), url('../font/LINESeedJP_OTF_Eb.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
html {
	scroll-behavior: smooth; /* スムーススクロール */
	margin: 0 !important;
}
html:not(.pagetop) {scroll-behavior: auto; /* スムーススクロール無効 */}
body {
	background: url(../images/bg_main01.png) repeat center top;
	font-family: 'LINESeedJP', sans-serif;
	font-size: 62.5%; /* 16pxの62.5% = 10pxに設定 */
	color: #333;
}
.pc { display: block !important; }
.sp { display: none !important; }
@media screen and (max-width: 767px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
}

section { scroll-margin-top: 7.5rem; }
img { vertical-align: bottom; }
.bg01 { background: url(../images/bg_main03.png) repeat center top; }
.content {
	width: 110rem;
	margin: 0 auto;
	padding: 5rem 0;
	/* border-left: 1px dotted #fff;
	border-right: 1px dotted #fff; */
	box-sizing: border-box;
}
.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding: 0;
}
.commttl01 {
	font-family: 'LINESeedJPEXB';
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3.5rem;
}

.zen-maru-gothic-regular {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}



@media screen and (max-width: 767px) {
	section { scroll-margin-top: 6rem; }
	.content {
		width: 100%;
		padding: 5rem 1rem;
	}
	.content.single, 
	.page.topics { margin-top: 6rem; }
}

/* ==============================================================================
header
============================================================================== */
header {
	width: 100%;
	height: 7.5rem;
	background: #c30d23;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
header .content { padding: 1rem 4.5rem 1rem 1.5rem; }
header a {
	color: #fff;
	text-decoration: none;
}
header a:hover { text-decoration: underline; }
header ul {
	display: flex;
	justify-content: flex-end;
	gap: 1rem 4.5rem;
}
header ul li {
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
}
nav {
	background: #f4aa4f;
	margin-top: 7.5rem;
}
nav .content { padding: 0; }
nav a {
	color: #000;
	text-decoration: none;
}
nav .active a {
	color: #c40e24;
	font-size: 2.0rem;
}
nav a:hover { text-decoration: underline; }
nav ul {
	height: 5rem;
	font-size: 1.6rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 1rem 4rem;
	padding-bottom: 12px;
}


/* sp */
@media screen and (max-width: 767px) {
	header { height: 6rem; }
	header ul li { font-size: 1.4rem; }
	header img {
		width: 50%;
		height: auto;
	}
	header .content { padding: 1rem; }

	nav { display: none; }
	nav { margin-top: 6rem; }
	nav ul {
		height: auto;
		font-size: 1.4rem;
		flex-wrap: wrap;
		padding: 1.2rem 1rem;
	}

	.hamburger {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 3rem;
		height: 2rem;
		background: none;
		border: none;
		cursor: pointer;
		z-index: 1001;
		transition: 0.3s;
	}
	.hamburger span {
		display: block;
		height: 2px;
		background: #fff;
		border-radius: 2px;
		transition: 0.3s;
		transform-origin: center;
	}

	/* アクティブ時（バツ印に） */
	.hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
	.hamburger.active span:nth-child(2) { opacity: 0; }
	.hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(7px, -8px); }

	.nav-menu {
		display: none;
		position: absolute;
		top: 6rem;
		right: 0;
		width: 100%;
		background: #f4aa4f;
		padding: 2rem 0;
		z-index: 1000;
	}
	.nav-menu ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 1.5rem;
		list-style: none;
	}
	.nav-menu ul li {
		width: calc(100% / 2 - 1.5rem);
		text-align: center;
	}
	.nav-menu ul li:nth-of-type(n+5) { width: calc(100% / 3 - 1.5rem); }
	.nav-menu li a {
		text-decoration: none;
		color: #333;
	}
	.nav-menu.active { display: block; }

}
/* ==============================================================================
sec01 mainimg
============================================================================== */
.mainimg {
	height: 58rem;
	background: url(../images/bg_mainimg01.png) no-repeat center top;
	background-size: auto 100%;
	text-align: center;
	display: flex;
	align-items: flex-end;
}
.mainimg img {
	margin: 0 auto;
	display: block;
}
/* sp */
@media screen and (max-width: 767px) {
	.mainimg {
		height: 95vw;
		background: url(../images/bg_mainimg01_sp.png) no-repeat center top;
		background-size: auto 100%;
		margin-top: 7rem;
	}
	.mainimg img { margin: 5vw auto; }
	.gourmet .mainimg img { margin: 0; }
}
/* ==============================================================================
sec02 introduction
============================================================================== */
.introduction { padding: 3rem 0 7rem 0; }
.introduction .content {
	width: 100rem;
	padding: 0;
	/* background: rgba(255, 255, 255, .6); */
}
.introduction .content.flex { align-items: stretch; }
.introduction .ttl01 {
	height: 7rem;
	background: #e95513;
	border-radius: 8px 8px 0 0;
	display: flex;
	align-items: center;
	/* gap: 0 2rem; */
}
.introduction .ttl01 .txt01 {
	background: #fff;
	border-radius: 0 5px 5px 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #c30d23;
	padding: .5rem 3rem;
}
.introduction .ttl01 .txt02 {
	font-size: 3.6rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	flex: 1 0 auto;
	text-indent: -18rem;
}
.introduction .ttl01 .txt02 span { font-size: 2.6rem; }
.introduction .ttl02 {
	width: 27rem;
	background: #000;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 5px 5px 5px 0;
	padding: 1rem 0;
	position: absolute;
	left: -5px;
	top: -1.5rem;
}
.introduction .block {
	/* width: calc(100% / 2 - 1rem); */
	border: 5px solid #000;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	box-sizing: border-box;
}
.introduction .block img { margin: 0 auto; }
.introduction .block.info {
	width: 100%;
	background: url(../images/bg_main03.png) repeat center top;
	background-size: 60px auto;
	/* background: rgba(255, 255, 255, .6); */
	border-color: #e95513;
	margin-bottom: 3.5rem;
	display: block;
}
.introduction .block.info .schedule {
	padding: 2rem 4rem;
	box-sizing: border-box;
}
.introduction .block.info .schedule img {
	width: calc(100% / 3 - 1rem);
	height: 212px;
	object-fit: contain;
}
.introduction .block.info .schedule p {
	width: 100%;
	font-size: 1.2rem;
	text-align: right;
	padding: 0;
}
.introduction .block.present {
	width: 415px;
	background: rgba(255, 255, 255, .6);
	border-color: #e95e86;
	padding: 1.5rem .5rem .5rem .5rem;
}
.introduction .block.present .ttl02 { background: #e95e86; }
.introduction .block.present img + a {
	padding-top: 1.5rem;
	display: block;
}
.introduction .block.sns {
	width: calc(100% - 415px - 1rem);
	background: rgba(255, 255, 255, .6);
	border-color: #8db600;
	padding: 4rem 1rem 1rem 1rem;
	position: relative;
}
.introduction .block.sns::before {
	content: ''; /*何も入れない*/
	display: inline-block; /*忘れずに！*/
	width: 168px; /*画像の幅*/
	height: 75px; /*画像の高さ*/
	background-image: url(../images/img_sns02.png);
	background-size: cover;
	position: absolute;
	top: -3rem;
	right: -3em;
}
.introduction .block.sns .ttl02 {
	background: #8db600;
	padding: .5rem 0;
}
.introduction .block.sns .ttl02.flex {
	justify-content: space-around;
	gap: 1rem;
}
.introduction .block.sns .ttl02 span { flex: 1 0 auto; }
.introduction .block.sns .ttl02 ul {
	background: #fff;
	border-radius: 3px;
	padding: .5rem;
	margin-right: .5rem;
}

/* sp */
@media screen and (max-width: 767px) {
	.introduction { padding: 3rem 0 7rem 0; }
	.introduction .content {
		width: 100%;
		padding: 0 1rem;
	}
	.introduction .ttl01 {
		height: auto;
		padding: 1rem 0;
		flex-wrap: wrap;
		position: relative;
	}
	.introduction .ttl01 .txt01 { font-size: 1.4rem; }
	.introduction .ttl01 .txt02 {
		width: 100%;
		font-size: 2.4rem;
		text-align: center;
	}
	.introduction .ttl01 .txt02 span { font-size: 2rem; }
	.introduction .ttl01 img {
		position: absolute;
		top: -3rem;
		right: 0;
	}
	.introduction .ttl02 {
		width: 100%;
		font-size: 1.4rem;
		text-align: left;
		border-radius: 5px 5px 0 0;
		margin: 0 -.5rem;
		padding: 1rem;
		top: 0;
		left: 5px;
	}
	.introduction .block {
		width: 100%;
		border: 5px solid #000;
		border-radius: 15px;
		position: relative;
	}
	.introduction .block img { margin: 0 auto; }
	.introduction .block.info { margin-bottom: 1rem; }
	.introduction .block.info .schedule { padding: 1rem; }
	.introduction .block.info .schedule img {
		width: calc(100% / 2 - 1rem);
		height: auto;
	}
	.introduction .block.present { padding: 5rem 1rem 1rem 1rem; }
	.introduction .block.sns {
		width: 100%;
		padding: 6rem 1rem 1rem 1rem;
	}

	.introduction .block.sns .ttl02.flex {
		padding-left: .5rem;
		justify-content: flex-start;
	}
	.introduction .block.sns .ttl02 span { flex: 0; }
	.introduction .block.sns::before {
		width: 12rem; /*画像の幅*/
		height: 7rem; /*画像の高さ*/
		background-repeat: no-repeat;
		background-size: contain;
		top: 0;
		right: 0;
		z-index: 1;
	}
	.introduction .block.sns .ttl02 ul {
		background: transparent;
		border-radius: 0;
		padding: 0;
		margin: 0 0 0 5rem;
	}
	.introduction .block.sns .ttl02 li {
		background: #fff;
		border-radius: 3px;
		padding: .5rem;
	}
	.introduction .block.info .schedule p { text-align: left; }
}

/* ==============================================================================
sec03 information
============================================================================== */
.information {
	/* background: rgba(255, 255, 255, .6); */
	/* padding-block: 7.0rem; */
}
.information .slider.noslider { display: flex; }
.information .slider .slick-track { display: flex; }
.information .slider.noslider div, 
.information .slider .slick-slide {
	width: 300px !important;
	margin: 0 15px !important;
	float: none !important;
}
.information .slider.noslider p, 
.information .slider .slick-slide p {
	width: 300px;
	font-size: 1.4rem;
	padding: 1rem 0;
}
.information .slider + a img {
	display: block;
	margin: 5rem auto;
}
.information .slider.noslider p.coming {
	width: 100% !important;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
/* slider */
.prev-arrow, .next-arrow {
	content: "";
	background: #333;
	width: 5rem;
	height: 5rem;
	display: block;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.prev-arrow {
	clip-path: polygon(60% 0, 20% 50%, 60% 100%, 40% 100%, 0% 50%, 40% 0);
	top: calc(200px / 2 - 2.5rem);
	left: -60px;
}
.next-arrow {
	clip-path: polygon(60% 0, 100% 50%, 60% 100%, 40% 100%, 80% 50%, 40% 0);
	top: calc(200px / 2 - 2.5rem);
	right: -60px;
}

/* sp */
@media screen and (max-width: 767px) {
	.information .slider.noslider {
		margin: 0;
		flex-wrap: wrap;
		gap: 0 .5rem;
	}
	.information .slider.noslider div, 
	.information .slider.noslider p {
		width: calc(100% / 2 - .5rem) !important;
		margin: 0 !important;
	}
	.information .slider .slick-slide {
		width: 50vw !important;
		height: auto;
		margin: 0 1.5rem !important;
	}
	.information .slider.noslider img, 
	.information .slider .slick-slide img {
		width: 50vw;
		height: auto;
		aspect-ratio: 4/3;
	}
	
	.information .slider .slick-slide p { width: 50vw !important; }
	.information .slider + a img { margin: 2.5rem auto; }

	/* slider */
	.prev-arrow {
		top: calc(50vw / 2 - 5rem);
		left: 0;
	}
	.next-arrow {
		top: calc(50vw / 2 - 5rem);
		right: 0;
	}

}
/* ==============================================================================
sec04 category
============================================================================== */
.category {}
.category .commttl01 { margin-bottom: 6rem; }
.category .ttl02 {
	width: 52rem;
	background: #fff;
	font-size: 2.8rem;
	text-align: center;
	color: #e95513;
	border: 5px solid #e95513;
	border-radius: 35px;
	padding: 1rem 0;
	position: absolute;
	top: -4rem;
	left: 50%;
	transform: translateX(-50%);
}
.category .ttl02::before {
	content: ''; /*何も入れない*/
	display: inline-block; /*忘れずに！*/
	width: 33px; /*画像の幅*/
	height: 33px; /*画像の高さ*/
	background-image: url(../images/img_icon02.png);
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
}
.category .block {
	width: 1000px;
	background: #fff;
	border: 10px solid #e95513;
	border-radius: 15px;
	padding: 7rem 6rem;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
.category .block + .block { margin-top: 6rem; }
.category .block ul { padding: 0; }
.category .block.events ul.flex { justify-content: center; }
.category .block.events li { width: calc(100% / 2 - 1rem); }
.category .block.cat li { width: calc(100% / 3 - 1rem); }

/* sp */
@media screen and (max-width: 767px) {
	.category .ttl02 {
		width: 60vw;
		font-size: 1.8rem;
		top: -3rem;
	}
	.category .ttl02::before {
		width: 1.5rem; /*画像の幅*/
		height: 1.5rem; /*画像の高さ*/
		right: .5em;
	}
	.category .block {
		width: 100%;
		border: 5px solid #e95513;
		padding: 4rem 1rem 2rem 1rem;
	}
	.category .block.events ul.flex { flex-direction: column; }
	.category .block.events li { width: 100%; }
	.category .block.cat li { width: calc(100% / 2 - .5rem); }
	/* .category .block.cat li img { margin: 0 auto; } */
}

/* ==============================================================================
sec05 event_information
============================================================================== */
.event_information { /* background: rgba(255, 255, 255, .6); */ }
.event_information .item { width: calc(100% / 2 - 1rem); }
.event_information .item img { margin-bottom: 3rem; }
.event_information .item p { font-size: 2rem; }
.event_information .item p span {
	font-size: 1.6rem;
	display: block;
}
.event_information .item p + p { margin-top: .5rem; }
.event_information .item iframe {
	width: 100%;
	height: 300px;
}
.event_information .flex + p {
	font-size: 1.2rem;
	margin-top: 2.5rem;
}

/* sp */
@media screen and (max-width: 767px) {
	.event_information .item { width: 100%; }
	.event_information .item + .item { margin-top: 1.5rem; }
	.event_information .item img {
		width: auto;
		height: 5.5rem;
		margin-bottom: 1.5rem;
	}
	.event_information .item p { font-size: 1.6rem; }
	.event_information .item p span { font-size: 1.4rem; }
}

/* ==============================================================================
sec06 official_sns
============================================================================== */
.official_sns {
	padding: 5rem 0;
}
.official_sns .ttl01 {
	position: absolute;
	top: -3rem;
	left: 50%;
	transform: translateX(-50%);
}
.official_sns .content {
	background: #fff;
	border-radius: 15px;
	padding: 5rem 0 3rem 0;
	position: relative;
}
.official_sns ul.flex {
	justify-content: center;
	gap: 4rem;
}

.official_sns02 {
	background: #c30d23;
}
.official_sns02 .content.flex { justify-content: center; }
.official_sns02 .content .icon { margin-top: -3rem; }

/* sp */
@media screen and (max-width: 767px) {
	.official_sns .ttl01 {
		width: 90vw;
		top: -2rem;
	}
	.official_sns .content {
		width: auto;
		padding: 2.5rem 0 1rem 0;
		margin: 0 1rem;
		box-sizing: border-box;
	}
	.official_sns ul.flex { gap: 2rem; }
	.official_sns ul.flex img {
		width: 3.5rem;
		height: auto;
	}

	.official_sns02 .content { padding: 0 1rem; }
	.official_sns02 .content div { width: calc(100% / 2 - 2rem); }
	.official_sns02 .content img {
		width: 70%;
		height: auto;
	}
	.official_sns02 .content div:nth-child(1) img { margin-left: auto; }
	.official_sns02 .content.flex { flex-wrap: nowrap }
	.official_sns02 .content .icon {
		width: 60%;
		height: auto;
	}
	.official_sns02 .content .icon {margin-top: -1rem;}
}
/* ==============================================================================
footer
============================================================================== */
footer {
	height: 8rem;
	background: #fff;
	font-size: 1.6rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* sp */
@media screen and (max-width: 767px) {
	footer {
		height: 8rem;
		font-size: 1.4rem;
		padding: 0 1rem;
	}
}
/* ==============================================================================
archive
============================================================================== */
/* body.cat {
	background: #f6e08b;
} */
/* ==============================================================================
sec02 mainimg
============================================================================== */
.mainimg02 {
	height: 44.6rem;
	width: 110rem;
	background-size: auto 100%;
	text-align: center;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
}
.mainimg02.all {
	width: 100%;
	background: rgba(255, 255, 255, .6);
	padding: 0 calc(50% - 50vw);
}
.mainimg02.all div {
	background: url(../images/bg_main01.png) repeat -2.7rem -3.3rem;
	width: 110rem;
	height: 100%;
	margin: 0 auto;
}
.mainimg02 img {
	margin: 0 auto;
	display: block;
	width: auto;
	height: 100%
}

/* sp */
@media screen and (max-width: 767px) {
	.mainimg02 {
		height: 15.4rem;
		width: 100%;
		margin-top: 6rem;
	}
	.mainimg02.all { padding: 0; }
	.mainimg02.all div {
		background: url(../images/bg_main01.png) repeat -1rem 3rem;
		width: 100%;
	}
}
/* ==============================================================================
comonn
============================================================================== */
.contentWrap { background: rgba(255, 255, 255, .6); }
.topics .contentWrap { background: rgba(255, 255, 255, .6); }
.content.page { padding: 20px 0 0 0; }
ul { padding: 0; }
/* ==============================================================================
pagettl
============================================================================== */
.breadcrumb { margin-bottom: 40px; }
.breadcrumb ul { display: flex; }
.breadcrumb ul li { font-size: 1.4rem; }
.breadcrumb li:not(:last-of-type)::after {
	content: "›";
	margin: 0 .6em; /* 記号の左右の余白 */
	color: #777; /* 記号の色 */
}
/* sp */
@media screen and (max-width: 767px) {
.breadcrumb { margin-bottom: 2rem; }
.breadcrumb ul { margin: 0 1rem; }
.breadcrumb ul li { font-size: 1.2rem; }

}
/* ==============================================================================
pagettl
============================================================================== */
.pagettl { text-align: center }
/* ==============================================================================
pagettl
============================================================================== */
.h2txt {
	font-family: 'LINESeedJPEXB';
	font-size: 2.6rem;
	font-weight: bold;
	margin-bottom: 23px;
	letter-spacing: 0.2em;
}
/* ==============================================================================
item
============================================================================== */
#item {
	padding-bottom: 57px;
}
.itemWrap {
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
	gap: 0 1.5%;
	margin-bottom: 50px;
}

/* sp */
@media screen and (max-width: 767px) {
	.itemWrap {
		margin: 0 1rem;
		gap: 0 .5rem;
	}
}
/* ==============================================================================
itemBox
============================================================================== */
.itemBox {
	width: 32.2%;
	border: 2px #e75f21 solid;
	border-radius: 10px;
	padding: 13px 13px 80px 13px;
	background: #FFF;
	margin-bottom: 20px;
	position: relative;
}
.topics .itemBox {
	width: 100%;
	padding: 1.3rem;
	display: flex;
}
.itemBox .img { margin-bottom: 30px; }
.topics .itemBox .img {
	width: 230px;
	height: auto;
	margin: 0;
}
.itemBox .img img { height: auto; }
.itemBox .ttl {
	font-size: 2.2rem;
	font-weight: bold;
	margin: 0px 15px 5px;
}
.itemBox .company {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0px 15px 10px;
}
.itemBox .txt {
	font-size: 1.6rem;
	margin: 0px 15px 40px;
}
.itemBox .cat {
	position: absolute;
	left: 28px;
	bottom: 55px;
	width: calc(100% - 56px);
}
.itemBox .cat ul {
	display: flex;
	width: 100%;
}
.itemBox .cat ul li.catitem {
	width: calc(100%/3);
	margin-left: 2%;
	padding: 8px 3px;
	font-size: 1.2rem;
	color: #FFF;
	text-align: center;
	margin-bottom: 8px;
}
.itemBox .cat ul li:first-child { margin-left: 0%; }
.itemBox .catid13 { background: #e15592; }
.itemBox .catid14 { background: #e2ba00; }
.itemBox .catid15 { background: #2fb6e3; }
.itemBox .catid16 { background: #fca001; }
.itemBox .catid17 { background: #7d66ac; }
.itemBox .catid18 { background: #75ab17; }
.itemBox .catid19 { background: #56a298; }
.itemBox .catid20 { background: #328ed9; }
.itemBox .link {
	position: absolute;
	left: 28px;
	bottom: 20px;
}
.itemBox .link a {
	font-size: 2.2rem;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.itemBox .link a::hover {
	text-decoration: underline;
}
.itemBox .link a::after {
	content: url("../images/ico_arrow01.png");
	margin-left: 5px;
}

.topics .itemBox .ttl {
	width: 100%;
	margin: 15px 0;
}
.topics .itemBox .col {
	width: calc(100% - 400px - 1.5rem);
	padding: 0 15px 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}
.topics .itemBox .date {
	font-size: 1.4rem;
	padding: .5rem 1rem;
}
.topics .itemBox .tag {
	font-size: 1.4rem;
	color: #fff;
	padding: .5rem 1rem;
	margin-right: 1.5rem;
}
.topics .itemBox .tag.column { background: #c30d23; }
.topics .itemBox .tag.news { background: #f4aa4f; }
.topics .itemBox .more {
	font-size: 1.4rem;
}

/* sp */
@media screen and (max-width: 767px) {
	.itemBox {
		width: calc(100% / 2 - .5rem);
		padding: 1rem;
	}
	.topics .itemBox {
		align-items: center;
		flex-direction: column;
	}
	.topics .itemBox .col {
		width: 100%;
		padding: 1.5rem 2rem;
	}
	.itemBox .img { margin-bottom: 1rem; }
	.itemBox .ttl {
		font-size: 1.8rem;
		margin: 0 0 1.5rem;
	}
	.itemBox .txt {
		font-size: 1.2rem;
		margin: 0 0 1.5rem;
	}
	.itemBox .cat {
		position: static;
		width: 100%;
	}
	.itemBox .cat ul { flex-wrap: wrap; }
	.itemBox .cat ul li.catitem {
		width: calc(100% / 2);
		margin-left: 0;
		padding: .5rem;
		font-size: .8rem;
		margin-bottom: 1rem;
	}
	.itemBox .link { position: static; }
	.itemBox .link a { font-size: 1.8rem; }
}
/* ==============================================================================
pagenavi
============================================================================== */
.wp-pagenavi {
	clear: both;
	text-align: center;
	margin: 10px 0;
}
/* 各リンクのCSS */
.wp-pagenavi a {
	border: 1px solid #e95613;
	color: #999;
	padding: 8px 8px;
	margin: 0 4px;
	text-decoration: none;
	background: #FFF;
	border-radius: 3px;
	-border-radius: 3px;
	font-size: 1.5rem;
}
.fermented_food .wp-pagenavi a { border: 1px solid #fca001; }
.pear_peanut .wp-pagenavi a { border: 1px solid #e2ba00; }
.sweets .wp-pagenavi a { border: 1px solid #e15592; }
.seafood .wp-pagenavi a { border: 1px solid #2fb6e3; }
.farm .wp-pagenavi a { border: 1px solid #75ab17; }
.drink .wp-pagenavi a { border: 1px solid #328ed9; }
.seasoning .wp-pagenavi a { border: 1px solid #7d66ac; }
.goods .wp-pagenavi a { border: 1px solid #56a298; }

/* 各リンクのCSS(マウスオーバー時) */
.wp-pagenavi a:hover {
	background: #e95613;
	border: 1px solid #e95613;
	color: #fff;
}
.fermented_food .wp-pagenavi a:hover { 
	background: #fca001;
	border: 1px solid #fca001;
}
.pear_peanut .wp-pagenavi a:hover { 
	background: #e2ba00;
	border: 1px solid #e2ba00;
}
.sweets .wp-pagenavi a:hover { 
	background: #e15592;
	border: 1px solid #e15592;
}
.seafood .wp-pagenavi a:hover { 
	background: #2fb6e3;
	border: 1px solid #2fb6e3;
}
.farm .wp-pagenavi a:hover { 
	background: #75ab17;
	border: 1px solid #75ab17;
}
.drink .wp-pagenavi a:hover { 
	background: #328ed9;
	border: 1px solid #328ed9;
}
.seasoning .wp-pagenavi a:hover { 
	background: #7d66ac;
	border: 1px solid #7d66ac;
}
.goods .wp-pagenavi a:hover { 
	background: #56a298;
	border: 1px solid #56a298;
}

.wp-pagenavi span.pages {
	border: 1px solid #e95613;
	color: #333;
	padding: 8px 8px;
	margin: 0 4px;
	background: #FFF;
	border-radius: 3px;
	-border-radius: 3px;
	font-size: 1.5rem;
}
/* 現在のページのCSS */
div.wp-pagenavi span.current {
	border: 1px solid #e95613;
	color: #FFF;
	padding: 8px 8px;
	margin: 0 4px;
	background: #e95613;
	border-radius: 3px;
	-border-radius: 3px;
	font-size: 1.5rem;
}
div.wp-pagenavi span.extend { display: none; }
.fermented_food div.wp-pagenavi span.current { 
	background: #fca001;
	border: 1px solid #fca001;
}
.pear_peanut div.wp-pagenavi span.current { 
	background: #e2ba00;
	border: 1px solid #e2ba00;
}
.sweets div.wp-pagenavi span.current { 
	background: #e15592;
	border: 1px solid #e15592;
}
.seafood div.wp-pagenavi span.current { 
	background: #2fb6e3;
	border: 1px solid #2fb6e3;
}
.farm div.wp-pagenavi span.current { 
	background: #75ab17;
	border: 1px solid #75ab17;
}
.drink div.wp-pagenavi span.current { 
	background: #328ed9;
	border: 1px solid #328ed9;
}
.seasoning div.wp-pagenavi span.current { 
	background: #7d66ac;
	border: 1px solid #7d66ac;
}
.goods div.wp-pagenavi span.current { 
	background: #56a298;
	border: 1px solid #56a298;
}


/* ==============================================================================
.gourmet .mainimg {
============================================================================== */
.gourmet .mainimg {
	height: 446px;
	background: url(../images/bg_mainimg02.png) no-repeat center top;
	background-size: auto 100%;
	text-align: center;
	display: flex;
	align-items: flex-end;
}
/* sp */
@media screen and (max-width: 767px) {
	.gourmet .mainimg {
		height: 27.2rem;
		background: url(../images/bg_mainimg02_sp.png) no-repeat center top;
		background-size: contain;
		margin-top: 6rem;
	}
}
/* ==============================================================================
fermentation
============================================================================== */
body.fermentation {
	background: url(../images/bg_main02.png) repeat center top;
}
/* ==============================================================================
.fermentation naka
============================================================================== */
.fermentation .mainimg {
	height: 446px;
	background: url(../images/bg_mainimg03.png) no-repeat center top;
}
.fermentation .contentWrap {
	background: url(../images/bg_contents01.png) repeat left top;
}
.fermentation .itemBox {
	border: 2px #00285e solid;
}
.fermentation .itemBox .link a::after {
	content: url("../images/ico_arrow02.png");
}
.fermentation .wp-pagenavi a {
	border: 1px solid #00285e;
	color: #999;
	background: #FFF;
}
/* 各リンクのCSS(マウスオーバー時) */
.fermentation .wp-pagenavi a:hover {
	background: #00285e;
	border: 1px solid #00285e;
	color: #fff;
}
.fermentation .wp-pagenavi span.pages {
	border: 1px solid #00285e;
	color: #333;
}
/* 現在のページのCSS */
.fermentation .wp-pagenavi span.current {
	border: 1px solid #00285e;
	color: #FFF;
	background: #00285e;
}

/* sp */
@media screen and (max-width: 767px) {
	.fermentation .mainimg {
		height: 67.2vw;
		background: url(../images/bg_mainimg03_sp.png) no-repeat center top;
		background-size: contain;
		margin-top: 9rem;
	}
}
/* ==============================================================================
.fermentation naka
============================================================================== */
.entry {
	width: 100rem;
	margin: 0 auto;
	/* padding: 30px 0; */
	background: rgba(255, 255, 255, 1.00);
	/* border: 3px solid #f4aa4f; */
	/* border-radius: 15px; */
}
.entry .head img { margin: 0; }
.entry .desc {
	background: #f7e08c url(../images/img_icon01.png) no-repeat bottom right;
	background-size: 105px auto;
	padding: 2rem 5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/* justify-content: space-between; */
}
/* .entry .desc div { width: calc(100% / 2); } */
.entry .h1txt01 {
	width: 85%;
	font-size: 2.8rem;
	margin-top: 1.2rem;
}
.entry .date {
	font-size: 1.4rem;
	text-align: right;
}
.entry .tag {
	font-size: 1.4rem;
	color: #fff;
	padding: .5rem 1rem;
	margin-right: 1.5rem;
}
.entry .tag.column { background: #c30d23; }
.entry .tag.news { background: #f4aa4f; }


.entry .bdy { padding: 1.5rem 5rem; }
.entry h2 {
	font-size: 2.2rem;
	margin-bottom: 20px;
	border-bottom: 5px solid #c30d23;
	padding: 3px 15px 3px 15px;
}
.entry h3 {
	font-size: 2.0rem;
	margin-bottom: 15px;
	padding: 5px 15px;
	background: #f4aa4f;
}
.entry h4 {
	color: #c30d23;
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.entry p {
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.entry img {
	width: 100%;
	height: auto;
	margin: 0 auto 20px auto;
}

.single .links{
	width: 70%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	font-size: 1.6rem;
	padding: 20px 0 30px;
}

.gallery img { border: none !important; }

/* sp */
@media screen and (max-width: 767px) {
	.entry { width: 100%; }
	.entry .desc {
		background-size: 5rem auto;
		padding: 2rem 2rem 2.8rem;
	}
	.entry .h1txt01 {
		width: 100%;
		font-size: 2.2rem;
		margin-top: 0.5rem;
	}
	.entry .bdy {
		line-height: 1.6;
		padding: 1.5rem;
	}
}

/* ==============================================================================
pagetop
============================================================================== */
.pagetop { scroll-behavior: unset; }
.pagetop img {
	width: 81px;
	height: auto;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
}

/* sp */
@media screen and (max-width: 767px) {
	.pagetop img {
		width: 3.5rem;
		height: auto;
	}
}