@charset "utf-8";

.contentWrap {
	padding: 100px 0 90px;
}
@media (max-width: 768px) {
	.contentWrap {
		padding: 30px 0 50px;
	}
}

/*----------------------------
	articleWrap
------------------------------*/
.articleWrap {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 40px;
}
.articleWrap .articleContent {
	width: calc(100% - 42% - 40px);
}
@media (max-width: 768px) {
	.articleWrap .articleContent {
		width: 100%;
	}
}

/*----------------------------
	articleTtlWrap
------------------------------*/
.articleWrap .articleContent .articleTtlWrap {
	display: flex;
	gap: 25px;
	align-items: center;
}
.articleWrap .articleContent .articleTtlWrap .shopLogo {
	width: 21.296296%;
	aspect-ratio: 1 / 1;
	border: 1px solid #d9d9d9;
}
.articleWrap .articleContent .articleTtlWrap .shopLogo img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
}
.articleWrap .articleContent .articleTtlWrap .ttlTxtWrap {
	width: calc(78.703704% - 25px);
	margin-top: -4px;
}
.articleWrap .articleContent .articleTtlWrap .ttlTxtWrap .newTxt {
	font-size: var(--14px);
	margin-bottom: 10px;
	color: #e60000;
	display: none;
}
.articleWrap .articleContent .articleTtlWrap .ttlTxtWrap .on.newTxt {
	display: block;
}
.articleWrap .articleContent .articleTtlWrap .ttlTxtWrap .shopTxt {
	font-size: var(--16px);
	color: #808080;
	margin-bottom: 8px;
}
.articleWrap .articleContent .articleTtlWrap .ttlTxtWrap .shopTxt span + span::before {
	content: "/";
	margin: 0 0.25em 0 0.2em;
}
.articleWrap .articleContent .articleTtlWrap .ttlTxtWrap .articleTtl {
	font-size: var(--26px);
	line-height: 1.3;
}
@media (max-width: 768px) {
	.articleWrap .articleContent .articleTtlWrap {
		gap: 20px;
	}
	.articleWrap .articleContent .articleTtlWrap .shopLogo {
		width: 26.153846%;
	}
	.articleWrap .articleContent .articleTtlWrap .ttlTxtWrap {
		width: calc(73.846154% - 20px);
		margin-top: -3px;
	}
	.articleWrap .articleContent .articleTtlWrap .ttlTxtWrap .newTxt {
		font-size: var(--11px);
		margin-bottom: 7px;
	}
	.articleWrap .articleContent .articleTtlWrap .ttlTxtWrap .shopTxt {
		font-size: var(--13px);
		margin-bottom: 4px;
	}
	.articleWrap .articleContent .articleTtlWrap .ttlTxtWrap .articleTtl {
		font-size: var(--19px);
		line-height: 1.4;
	}
}

/*----------------------------
	articleTxt
------------------------------*/
.articleWrap .articleContent .articleTxt {
	margin-top: 35px;
	font-size: var(--16px);
	line-height: 2;
}
.articleWrap .articleContent .articleTxt p + p {
	margin-top: 20px;
}
.articleWrap .articleContent .articleTxt p a {
	text-decoration: underline;
}
@media (max-width: 768px) {
	.articleWrap .articleContent .articleTxt {
		font-size: var(--15px);
		line-height: 1.6;
	}
}

/*----------------------------
	articlePic
------------------------------*/
.articleWrap .articlePic {
	width: 42%;
}
.articlePic.slide {
	position: relative;
	padding-bottom: var(--50px);
}
.articlePic.slide .swiper-wrapper {
	align-items: center;
}
.articlePic.slide .swiper-slide {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.articlePic .pager {
	position: absolute;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0 20px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}
.articlePic .pager .swiper-pagination {
	position: static;
	width: auto;
	display: flex;
	gap: 0 20px;
}
.articlePic .pager .swiper-pagination .swiper-pagination-bullet {
	background: #d9d9d9;
	border: none;
	border-radius: 50%;
	opacity: 1;
	width: var(--12px);
	height: var(--12px);
	margin: 0;
}
.articlePic .pager .swiper-pagination .swiper-pagination-bullet-active {
	background: #262626;
}
.articlePic .pager .swiperPause {
	display: block;
	width: var(--36px);
	z-index: 10;
}
.articlePic .pager .swiperPause img {
	display: block;
}
/* swiper:not */
.articlePic .swiper:not(.swiper-initialized) + .pager {
	display: none;
}
.articlePic.slide:has(.swiper:not(.swiper-initialized)) {
	padding-bottom: 0;
}
.articlePic .swiper:not(.swiper-initialized) + .pager {
	display: none;
}
@media (max-width: 768px) {
	.articleWrap .articlePic {
		width: 100%;
		margin-top: 30px;
	}
	.articlePic.slide {
		padding-bottom: var(--38px);
	}
	.articlePic .pager {
		gap: 15px;
	}
	.articlePic .pager .swiper-pagination {
		gap: 0 15px;
	}
	.articlePic .pager .swiper-pagination .swiper-pagination-bullet {
		width: var(--10px);
		height: var(--10px);
	}
	.articlePic .pager .swiperPause {
		width: var(--24px);
	}
}

/*----------------------------
	shopInfo
------------------------------*/
.shopInfo {
	border-top: 2px solid #d9d9d9;
	margin-top: 60px;
	padding-top: 50px;
	display: flex;
	flex-wrap: wrap;
}
.shopInfo .leftWrap {
	width: 50%;
	padding-right: 30px;
}
.shopInfo .rightWrap {
	width: 50%;
}
.shopInfo .shopInfoDetail {
	display: flex;
	flex-wrap: wrap;
}
.shopInfo .shopInfoDetail dt {
	width: 120px;
	padding-right: 20px;
	font-weight: 500;
}
.shopInfo .shopInfoDetail dd {
	width: calc(100% - 120px);
}
.shopInfo .shopInfoDetail +  .shopInfoDetail,
.shopInfo .shopInfoDetail dd p + p {
	margin-top: 20px;
}
@media (max-width: 768px) {
	.shopInfo {
		border-top: 1px solid #d9d9d9;
		margin-top: 35px;
		padding-top: 35px;
	}
	.shopInfo .leftWrap {
		width: 100%;
		padding-right: 0;
	}
	.shopInfo .rightWrap {
		width: 100%;
		margin-top: 20px;
	}
	.shopInfo .shopInfoDetail dt {
		width: 32.307692%;
		font-size: var(--15px);
	}
	.shopInfo .shopInfoDetail dd {
		width: calc(100% - 32.307692%);
		font-size: var(--15px);
	}
	.shopInfo .shopInfoDetail +  .shopInfoDetail {
		margin-top: 20px;
	}
	.shopInfo .shopInfoDetail dd p + p {
		margin-top: 0;
	}
}
/* shopInfoTime */
.shopInfo .shopInfoDetail.shopInfoTime .txt01::after {
	content: "：";
	display: inline-block;
}
@media (max-width: 768px) {
	.shopInfo .shopInfoDetail.shopInfoTime .txt01::after {
		content: none;
	}
	.shopInfo .shopInfoDetail.shopInfoTime .txt01 {
		display: block;
	}
	.shopInfo .shopInfoDetail.shopInfoTime p:has(.txt01) + p {
		margin-top: 10px;
	}
}