/* common */
:root {
	--colorMariage: #E18551;
	--colorWash: #59C4C2;
}
.mainContents {
	font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}


/* index */
body.index {}
.mariageBtn img {
	width: 520px;
	display: block;
	margin: 0 auto;
}
.washBtn img {
	width: 540px;
	display: block;
	margin: 0 auto;
}

/* pair1 */
.articleIntro {
	display: flex;
	gap: 30px;
	flex-direction: column;
	justify-content: center;
}
.articleIntroImage {
	width: 100%;
	max-width: 690px;
}
.articleIntroTexts {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.introTitle {
	display: flex;
	flex-direction: column;
	padding-inline: 13px;
	gap: 15px;
}
.introBorderA {
	display: inline-block;
	font-weight: 500;
	background: linear-gradient(#FAAA7CB2, #FAAA7CB2) no-repeat;
	background-size: 100% 16px;
	background-position: calc(50%) calc(100% - 4px);
	letter-spacing: 0.02em;
	line-height: 1.3;
}
.introBorderB {
	display: inline-block;
	font-weight: 500;
	background: linear-gradient(#B1DAFFB2, #B1DAFFB2) no-repeat;
	background-size: 100% 16px;
	background-position: calc(50%) calc(100% - 4px);
	letter-spacing: 0.02em;
	line-height: 1.3;
}
.commentBlock {
	display: flex;
	margin-top: 40px;
	padding-block: 16px;
	gap: 24px;
}
.commentIcon {
	width: 58.5%;
	padding-block: 15px 133px;
}
.commentText {
	background: #FFFFFF;
	border: 2px solid #392822;
	box-shadow: 4px 4px 0px #392822;
	border-radius: 10px;
	padding: 16px 20px;
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
	background-size: 16px 16px;
	background-repeat: repeat;
	background-position: center center;
	width: inherit;
}
.pairListItems {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin-top: 60px;
	justify-content: left;
}
.pairListItems li {
	width: calc((100% - (20px * 2)) / 2);
}
.pairListItems p {
	margin-top: 4px;
}
/* mariage */
body.mariage {}
.tagWrap img {
	display: block;
	margin: unset;
}
/* wash */
body.wash {}
.effectTitle {
	margin-top: -85px;
}

.pickupItemLists li figure {
	width: 100%;
}

#swiper1 .swiper-pagination {
	bottom: 0;
	left: 50%;
	text-align: unset;
	transform: translate(-50%, 0);
	width: 52.1%;
}