@charset "utf-8";
/* CSS Document */
/*============================
#pm25ans
============================*/
#pm25ans {}
#pm25ans .japanese-ingredients {
	margin: 0 auto;
	padding: 60px 0 41px;
}
#pm25ans img {
	width: 100%;
	vertical-align: top;
}
#pm25ans .japanese-ingredients > hgroup {
	text-align: center;
	margin-bottom: 70px;
	position: relative;
}
#pm25ans .japanese-ingredients > hgroup::before {
	content: "";
	position: absolute;
	background-image: url("../../common/img/message-logo-min.jpg");
	background-repeat: no-repeat;
	top: -24px;
	width: 125px;
	aspect-ratio: 125/232;
	background-size: contain;
	z-index: -1;
	left: -464px;
	right: 0;
	margin: auto;
}
#pm25ans .japanese-ingredients hgroup .en {
	text-align: center;
	font-family: var(--font-en-1);
	font-style: italic;
	line-height: 1.2;
	letter-spacing: -0.001em;
	color: #C08251;
	font-size: 35px;
	font-weight: 600;
	margin: 0 auto 16px;
}
#pm25ans .japanese-ingredients hgroup .jp {
	font-size: 18px;
	margin: 0 auto;
	color: #4D3024;
	text-align: center;
}
#pm25ans .japanese-ingredients .logo {
	margin: 0 auto 56px;
	max-width: 48px;
}
/*============================
#mv
============================*/
#pm25ans .japanese-ingredients #mv {
	margin-bottom: 80px;
}
/*============================
#intro
============================*/
#pm25ans .japanese-ingredients #intro {
	width: 90%;
	margin: 0 auto;
}
#pm25ans .japanese-ingredients #intro .logo {
	margin: 0 auto 56px;
	max-width: 48px;
}
#pm25ans .japanese-ingredients #intro .txt {
	text-align: center;
	line-height: 2;
	font-size: 18px;
	color: #333;
	margin: 0 auto 86px;
}
/*============================
#map
============================*/
#pm25ans .japanese-ingredients #map {
	background: #F6F2F0;
	padding: 112px 0;
}
#pm25ans .japanese-ingredients #map .map-inner {
	max-width: 1000px;
	margin: 0 auto;
	width: 90%;
	position: relative;
}
#pm25ans .japanese-ingredients #map .map-inner .bg {}
#pm25ans .japanese-ingredients #map .map-inner .bg .picture {}
#pm25ans .japanese-ingredients #map .map-inner .area {
	position: absolute;
	margin: auto;
}
/*============================
#special_item
============================*/
#pm25ans .japanese-ingredients #special_item {
	padding: 100px 0;
	width: 90%;
	margin: 0 auto;
}
#pm25ans .japanese-ingredients #special_item .sec-ttl {
	color: #E2D4CC;
	font-family: "Shippori Mincho", serif;
	font-size: 75px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 75px;
}
#pm25ans .japanese-ingredients #special_item .item {
	display: flex;
	margin: 0 auto;
	max-width: 940px;
	gap: 41px;
}
#pm25ans .japanese-ingredients #special_item .item .img {
	max-width: 374px;
	width: 40%;
}
#pm25ans .japanese-ingredients #special_item .item .detail {
	max-width: 530px;
	display: flex;
	flex-direction: column;
	width: 55%;
}
#pm25ans .japanese-ingredients #special_item .item .detail hgroup {
	margin-bottom: 25px;
}
#pm25ans .japanese-ingredients #special_item .item .detail hgroup .en {
	font-size: 27px;
	text-align: left;
	letter-spacing: 0;
}
#pm25ans .japanese-ingredients #special_item .item .detail hgroup .jp {
	color: #C08251;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
}
#pm25ans .japanese-ingredients #special_item .item .detail .txt {
	margin: 0 auto 50px;
	line-height: 1.5;
	text-align: justify;
	font-size: 16px;
}
#pm25ans .japanese-ingredients #special_item .item .detail .price {
	margin: auto 0 15px;
	font-size: 14px;
	font-weight: 500;
}
#pm25ans .japanese-ingredients #special_item .item .detail .price span {
	font-size: 11px;
}
#pm25ans .japanese-ingredients #special_item .item .detail .detail-btn {}
#pm25ans .japanese-ingredients #special_item .item .detail .detail-btn a {
	background: #C08251;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 245px;
	height: 40px;
}

/*============================
#modal
============================*/
body.scroll-lock{
	overflow: hidden;
}
.mfp-bg {
  background-color: rgb(255 255 255 / 90%);
  z-index: 10002;
}
.mfp-wrap{
	overflow-y: auto;
	overscroll-behavior-y: contain;
	z-index: 10003;
}
.mfp-container{padding: 50px 0;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: auto;
	max-width: 800px;
	border: 1px solid #C08251;
	overflow-y: auto;
	overscroll-behavior-y: contain;
	font-family: "Noto Sans JP", sans-serif;
	margin: 0 0 50px;
	z-index: 10005;
}
.mfp-content .modal-box {
	background: #fff;
	padding: 50px 6.25%;
}
.mfp-content .modal-box .modal-inner {}
.mfp-content .modal-box .modal-inner .ttl {
	font-size: 20px;
	text-align: center;
	margin: 0 auto 40px;
	line-height: 1.5;
}
.mfp-content .modal-box .modal-inner .product-box {
	display: flex;
	gap: 12%;
}
.mfp-content .modal-box .modal-inner .product-box:not(:first-child){
	margin-top:30px;
}
.mfp-content .modal-box .modal-inner .product-box .detail {
	width: 60%;
}
.mfp-content .modal-box .modal-inner .product-box .detail .product-ttl {
	font-size: 26px;
	font-weight: 600;
	margin: 0 auto 15px;
	font-family: "Noto Serif JP", serif;
}
.mfp-content .modal-box .modal-inner .product-box .detail .product-ttl span.en{
	display:block;
	font-size:16px;
	margin-top:15px;
}
.mfp-content .modal-box .modal-inner .product-box .detail .txt {
	font-size: 16px;
	line-height: 1.5;
	text-align: justify;
	margin: 0 auto 30px;
}
.mfp-content .modal-box .modal-inner .product-box .detail .modal-btn {
	border: 1px solid #E2D4CC;
	border-radius: calc(1px / 0);
	margin: auto 0 0;
	width: 100%;
}
.mfp-content .modal-box .modal-inner .product-box .detail .modal-btn a {
	text-decoration: none;
	font-size: 15px;
	color: #000;
	padding: 10px 15px 10px 32px;
	display: flex;
	align-items: center;
	line-height: 1.5;
	position: relative;
}
.mfp-content .modal-box .modal-inner .product-box .detail .modal-btn a::before {
	content: "";
	position: absolute;
	left: 13px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mfp-content .modal-box .modal-inner .product-box .img {
	width: 37%;
}
.mfp-content .modal-box .modal-inner .product-box .img img {
	width: 100%;
}
.mfp-content .modal-box .mfp-close {
	right: 9px;
	top: 4px;
}
.mfp-content .modal-box .mfp-close span {
	position: absolute;
	background: #C08251;
	width: 30px;
	height: 2px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.mfp-content .modal-box .mfp-close span:nth-child(1) {
	rotate: 30deg;
}
.mfp-content .modal-box .mfp-close span:nth-child(2) {
	rotate: -30deg;
}
@media screen and (max-width: 768px) {
	.br-pc {
		display: none;
	}
	/*============================
#pm25ans
============================*/
	#pm25ans {}
	#pm25ans .japanese-ingredients {
		padding: 60px 0;
	}
	/*============================
#page-ttl
============================*/
	#pm25ans .japanese-ingredients hgroup {
		margin-bottom: 40px;
	}
	#pm25ans .japanese-ingredients hgroup::before {
		top: -12px;
		width: 74px;
		z-index: -1;
		left: 0;
		right: 0;
	}
	#pm25ans .japanese-ingredients hgroup .en {
		font-size: 25px;
		letter-spacing: 0.05em;
		margin: 0 auto 8px;
	}
	#pm25ans .japanese-ingredients hgroup .jp {
		font-size: 14px;
	}
	/*============================
#mv
============================*/
	#pm25ans .japanese-ingredients #mv {
		margin-bottom: 30px;
	}
	/*============================
#intro
============================*/
	#pm25ans .japanese-ingredients #intro {}
	#pm25ans .japanese-ingredients #intro .logo {}
	#pm25ans .japanese-ingredients #intro .txt {
		margin: 0 auto 110px;
		text-align: justify;
		letter-spacing: 0;
	}
	/*============================
#map
============================*/
	#pm25ans .japanese-ingredients #map {
		padding: 40px 0;
	}
	#pm25ans .japanese-ingredients #map .map-inner {
		padding: 30px 0;
		background: #fff;
	}
	#pm25ans .japanese-ingredients #map .map-inner .bg {
		width: 89%;
		margin: 0 auto;
	}
	#pm25ans .japanese-ingredients #map .map-inner .bg .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area {
		position: relative;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#nagano {
		width: 69.4%;
		margin: -75px 9% 0 auto;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#nagano .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#fukui {
		width: 75.6%;
		margin: 0 auto 0 9%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#fukui .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#osaka {
		width: 77.4%;
		margin: 0 9% 0 auto;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#osaka .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#wakayama {
		width: 66.4%;
		margin: 0 auto 0 9%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#wakayama .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#tokushima-sudachi {
		width: 68.8%;
		margin: 0 9% 0 auto;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#tokushima-sudachi .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#tokushima-yuzu {
		width: 69.7%;
		margin: 0 auto 0 9%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#tokushima-yuzu .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#kochi {
		width: 60.2%;
		margin: 0 9% 0 auto;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#kochi .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#saga {
		width: 60.2%;
		margin: 0 auto 0 9%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#saga .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#kagoshima {
		width: 72.7%;
		margin: 0 9% 0 auto;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#kagoshima .picture {}
	/*============================
#special_item
============================*/
	#pm25ans .japanese-ingredients #special_item {
		padding: 40px 0;
		width: 90%;
		margin: 0 auto;
		border-bottom: 1px solid #ccc;
	}
	#pm25ans .japanese-ingredients #special_item .sec-ttl {
		margin: 0 auto 30px;
		font-size: 35px;
	}
	#pm25ans .japanese-ingredients #special_item .item {
		border: 1px solid #C08251;
		padding: 20px;
		flex-direction: column;
	}
	#pm25ans .japanese-ingredients #special_item .item .img {
    width: 100%;
}
	#pm25ans .japanese-ingredients #special_item .item .detail {
    width: 100%;
}
	#pm25ans .japanese-ingredients #special_item .item .detail hgroup {
		margin-bottom: 20px;
	}
	#pm25ans .japanese-ingredients #special_item .item .detail hgroup .en {
		font-size: 21px;
	}
	#pm25ans .japanese-ingredients #special_item .item .detail hgroup .jp {
		font-size: 12px;
	}
	#pm25ans .japanese-ingredients #special_item .item .detail .txt {
		font-size: 14px;
		line-height: 1.8;
		margin: 0 auto 20px;
	}
	#pm25ans .japanese-ingredients #special_item .item .detail .price {
		letter-spacing: 0.05em;
		margin: 0 auto 25px;
	}
	#pm25ans .japanese-ingredients #special_item .item .detail .detail-btn {}
#pm25ans .japanese-ingredients #special_item .item .detail .detail-btn a {
	max-width: 100%;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{
    width: 90%;
}
	/*============================
.modal-box
============================*/
	.mfp-content .modal-box {
    padding: 12px 5% 36px;
}
	.mfp-content .modal-box .modal-inner {}
	.mfp-content .modal-box .modal-inner .ttl {
    margin: 0 auto 16px;
    font-size: 16px;
}
	.mfp-content .modal-box .modal-inner .product-box {
    flex-direction: column-reverse;
}
	.mfp-content .modal-box .modal-inner .product-box .detail {
    width: 100%;
}
	.mfp-content .modal-box .modal-inner .product-box .detail .product-ttl {
    font-size: 21px;
    margin: 0 auto 10px;
}
	.mfp-content .modal-box .modal-inner .product-box .detail .product-ttl span.en {
    display: block;
    font-size: 14px;
    margin-top: 10px;
}
	.mfp-content .modal-box .modal-inner .product-box .detail .txt {
    font-size: 15px;
    margin: 0 auto 20px;
}
	.mfp-content .modal-box .modal-inner .product-box .detail .modal-btn {}
	.mfp-content .modal-box .modal-inner .product-box .detail .modal-btn a{
		font-size:14px;
		justify-content: center;
	}
	.mfp-content .modal-box .modal-inner .product-box .img {
    width: 100%;
    margin-bottom: 13px;
}
	.mfp-content .modal-box .mfp-close {}
}
@media screen and (min-width: 768px) {
.br-sp {
		display: none;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#nagano {
		width: 11.9%;
		aspect-ratio: 117/131;
		top: 28.25%;
		right: 10.5%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#nagano .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#fukui {
		width: 17.5%;
		aspect-ratio: 175/131;
		top: 26.25%;
		left: 30%;
		z-index: 1;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#fukui .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#osaka {
		width: 14.24%;
		aspect-ratio: 142/144;
		top: 29.25%;
		left: 10%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#osaka .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#wakayama {
		width: 11.8%;
		aspect-ratio: 117 / 131;
		bottom: 32.25%;
		right: 10.5%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#wakayama .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#tokushima-sudachi {
		width: 11.8%;
		aspect-ratio: 117 / 131;
		bottom: 12.25%;
		right: 19%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#tokushima-sudachi .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#tokushima-yuzu {
		width: 11.8%;
		aspect-ratio: 117 / 131;
		bottom: 12.25%;
		right: 32%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#tokushima-yuzu .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#kochi {
		width: 11.8%;
		aspect-ratio: 117 / 131;
		bottom: 12.25%;
		left: 34.2%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#kochi .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#saga {
		width: 11.8%;
		aspect-ratio: 118 / 148;
		bottom: 30.25%;
		left: 10%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#saga .picture {}
	#pm25ans .japanese-ingredients #map .map-inner .area#kagoshima {
		width: 11.9%;
		aspect-ratio: 119 / 149;
		bottom: 10.25%;
		left: 10%;
	}
	#pm25ans .japanese-ingredients #map .map-inner .area#kagoshima .picture {}

}