@charset "UTF-8";

/*
 *  SiteName : rrrrrrrrr
 *  SiteUrl : https://rrrrrrrrr.jp/
 *  © 2025 marci
 */

/*==============================================================
  #sp-search
==============================================================*/
#sp-search {
	display: none;
}

/*==============================================================
  #event-banner
==============================================================*/
#event-banner {
	margin: 40px 0 0;

	ul {
		margin: 30px 0 0 -20px;
		width: calc(100% + 40px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

		li {
			margin: 0 20px 30px;
			width: calc((100% - 80px) / 2);
		}
	}
}

/*==============================================================
  #newitem-ranking
==============================================================*/
#newitem-ranking {
	margin: 100px auto 0;

	h2 {
		margin: 0 auto 14px;
		text-align: center;
		font-size: 26px;
	}

	h3 {
		margin: 0 auto 30px;
		text-align: center;
		font-weight: bold;
	}

	.recommend_ranking {
		margin: 0 0 40px;
		padding: 0;

		ul {
			margin: 0;
			padding: 0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;

			li {
				position: relative;
				margin: 0 25px 0 0;
				width: calc((100% - 100px) / 5);

				&:nth-last-of-type(1) {
					margin: 0;
				}

				.rank_num {
					position: absolute;
					top: 8px;
					left: auto;
					right: 8px;
					padding: 6px 0 6px;
					width: 25px;
					height: 25px;
					color: #fff;
					text-align: center;
					letter-spacing: 0;
					font-size: 13px;
					font-weight: bold;
					border-radius: 50%;
				}

				&:nth-of-type(1) .rank_num {
					background-color: #e3a92d;
				}

				&:nth-of-type(2) .rank_num {
					background-color: #6d6d6d;
				}

				&:nth-of-type(3) .rank_num {
					background-color: #874b0e;
				}

				&:nth-of-type(4) .rank_num {
					background-color: #b8b8b8;
				}

				&:nth-of-type(5) .rank_num {
					background-color: #b8b8b8;
				}

				a span {
					margin: 20px 0 0;
					line-height: 20px;
					font-size: 13px;
					display: block;

					&:nth-of-type(2) {
						margin: 14px 0 0;
						font-weight: bold;
					}
				}

				.rank_memberprice {
					display: none;
				}
			}
		}
	}
}

/*==============================================================
  #register-banner
==============================================================*/
#register-banner {
	margin: 44px auto 80px;
	width: 600px;
}

/*==============================================================
  #scene-suggestion
==============================================================*/
#scene-suggestion {
	padding: 60px 0;
	background-color: #faf5ed;

	h2 {
		margin: 0 auto 14px;
		text-align: center;
		font-size: 26px;
	}

	h3 {
		margin: 0 auto 30px;
		text-align: center;
		font-weight: bold;
	}

	ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

		li {
			margin: 0 40px 30px 0;
			width: calc((100% - 40px) / 2);
			text-align: center;

			&:nth-of-type(2n) {
				margin: 0 0 30px;
			}

			h4 {
				margin: 14px 0 0;
			}
		}
	}
}

/*==============================================================
  #officecasual-ranking
==============================================================*/
#officecasual-ranking {
	padding: 80px 0;
	background-color: #f3f3f3;

	.section-contents {
		width: 1100px;

		h3 {
			& + p {
				line-height: 20px;
			}
		}

		.officecasual-item {
			margin: 0 0 40px;
			padding: 60px 50px 50px;
			background-color: #fff;

			&:nth-last-of-type(2) {
				margin: 0;
			}

			h4 {
				margin: 0 0 30px;
				text-align: center;
				font-size: 22px;
			}
		}
	}

	.link-button:not(.officecasual-item .link-button) {
		margin: 50px auto 0;
		background-color: transparent;
		border: 1px solid #743b3b;

		a {
			color: #3c3c3c;
		}
	}
}

/*==============================================================
  #brand-concept
==============================================================*/
#brand-concept {
	.section-contents {
		margin: 80px auto 60px;
		padding: 39px 50px;
		background-color: #f3f3f3;

		p {
			line-height: 28px;
			font-size: 13px;
		}
	}
}

/*==============================================================
  #brand-story
==============================================================*/
#brand-story {
	padding: 100px 0 80px;
	background-color: #faf5ed;

	.section-contents {
		width: 900px;
	}

	h2 {
		margin: 0 auto 14px;
		text-align: center;
		font-size: 26px;

		img {
			margin: 0 5px 0 0;
			width: 115px;
			vertical-align: -1px;
		}
	}

	h3 {
		margin: 0 auto 30px;
		text-align: center;
		font-weight: bold;
	}

	p {
		line-height: 28px;
		font-size: 13px;
	}

	h4 {
		margin: 30px auto 14px;
		text-align: center;
		font-weight: bold;
	}

	.link-button {
		background-color: #e4d1a7;
	}
}

/*==============================================================
  .ranking-item
==============================================================*/
.ranking-item {
	padding: 100px 0 0;

	h2 {
		margin: 0 auto 14px;
		text-align: center;
		font-size: 26px;
	}

	h3 {
		margin: 0 auto 30px;
		text-align: center;
		font-weight: bold;

		& + p {
			margin: 0 0 40px;
			text-align: center;
		}
	}

	.ranking-list {
		margin: 0 0 40px;
		-webkit-box-pack: left;
		-ms-flex-pack: left;
		justify-content: left;

		.fs-c-button--carousel,
		.fs-c-productListCarousel__ctrl {
			display: none !important;
		}

		.slick-track {
			width: 100% !important;

			.slick-slide {
				position: relative;
				margin: 0 25px 0 0;
				width: calc((1000px - 100px) / 5);

				&::before {
					position: absolute;
					top: 8px;
					right: 8px;
					padding: 6px 0 6px;
					width: 25px;
					color: #fff;
					text-align: center;
					letter-spacing: 0;
					font-size: 13px;
					font-weight: bold;
					border-radius: 50%;
				}

				&:nth-of-type(1)::before {
					content: "1";
					background-color: #e3a92d;
				}

				&:nth-of-type(2)::before {
					content: "2";
					background-color: #6d6d6d;
				}

				&:nth-of-type(3)::before {
					content: "3";
					background-color: #874b0e;
				}

				&:nth-of-type(4)::before {
					content: "4";
					background-color: #b8b8b8;
				}

				&:nth-of-type(5)::before {
					content: "5";
					background-color: #b8b8b8;
				}

				&:nth-last-of-type(1) {
					margin: 0;
				}

				article {
					margin: 0;
					max-width: 100%;
					min-width: 100%;

					.fs-c-productMarks,
					.fs-c-productPrice--selling,
					.fs-c-mark,
					.fs-c-productPrice__main__label,
					.fs-c-productPrice__addon,
					.fs-c-productListItem__numberOfStock,
					.fs-c-productListItem__productDescription,
					.fs-c-productName__copy,
					.fs-c-salesPeriod {
						display: none;
					}

					.fs-c-productListItem__productName {
						margin: 19px 0 14px;
						line-height: 20px;
						text-align: left;
						font-size: 13px;
						font-weight: normal;
					}

					.fs-c-productPrice__main__price {
						color: #231816;
						font-size: 13px;
						font-weight: bold;
					}

					.fs-c-productListItem__control {
						position: relative;
						margin: 20px 0 0;
						padding: 0;
						text-align: center;
						display: block;

						.fs-c-button--viewProductDetail {
							&::before {
								display: none;
							}
						}

						.fs-c-button--viewProductDetail {
							padding: 13px 0 10px;
							color: #fff;
							font-size: 13px;
							background-color: #e4d1a7;
							border-radius: 4px;

							&:hover {
								text-decoration: none;
							}

							.fs-c-button__label {
								font-size: 0;

								&::before {
									color: #fff;
									font-size: 13px;
									content: "商品ページを見る";
								}
							}
						}

						.fs-c-button--addToWishList--icon {
							position: absolute;
							bottom: 55px;
							right: 0;
							width: 18px;

							&::before {
								font-size: 18px;
							}
						}
					}
				}
			}
		}
	}
}

/*==============================================================
  #three-reasons
==============================================================*/
#three-reasons {
	padding: 100px 0 80px;

	h2 {
		margin: 0 auto 14px;
		text-align: center;
		font-size: 26px;

		img {
			margin: 0 5px 0 0;
			width: 115px;
			vertical-align: -1px;
		}
	}

	h3 {
		margin: 0 auto 30px;
		text-align: center;
		font-weight: bold;
	}

	.reasons-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

		div {
			margin: 0 41px 67px 0;
			width: calc((100% - 41px) / 2);

			&:nth-of-type(2) {
				margin: 0 0 67px 0;
			}

			h4 {
				margin: 0 0 30px;
				font-size: 18px;
				font-weight: bold;
			}

			p {
				line-height: 20px;
				font-size: 13px;

				span {
					margin: 20px 0;
					line-height: 24px;
					text-decoration: underline;
					display: inline-block;
				}
			}
		}

		&:nth-of-type(2) {
			div {
				&:nth-of-type(1) {
					margin: 0 0 67px 0;
				}

				&:nth-of-type(2) {
					margin: 0 41px 67px 0;
					-webkit-order: -1;
					order: -1;
				}
			}
		}
	}
}

/*==============================================================
  #category-list
==============================================================*/
#category-list {
	padding: 80px 0;
	background-color: #faf5ed;

	h2 {
		margin: 0 auto 14px;
		text-align: center;
		font-size: 26px;
	}

	h3 {
		margin: 0 auto 30px;
		text-align: center;
		font-weight: bold;
	}

	ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

		li {
			margin: 0 20px 0 0;
			width: calc((100% - 100px) / 6);
			text-align: center;

			&:nth-last-of-type(1) {
				margin: 0;
			}

			h4 {
				margin: 30px 0 0;
			}
		}
	}
}

/*==============================================================
  #news-list
==============================================================*/
#news-list {
	padding: 100px 0 134px;

	h2 {
		margin: 0 auto 14px;
		text-align: center;
		font-size: 26px;
	}

	h3 {
		margin: 0 auto 30px;
		text-align: center;
		font-weight: bold;
	}

	.news-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

		.fs-pt-column__item {
			margin: 0 40px 40px 0;
			padding: 0;
			width: calc((100% - 40px) / 2);
			display: block;

			&:nth-of-type(2n) {
				margin: 0 0 40px;
			}

			.fs-pt-column__heading {
				margin: 20px 0 16px;
				line-height: 20px;
				font-size: 14px;
				font-weight: bold;
				display: block;
			}

			.fs-pt-column__description {
				font-size: 13px;
			}
		}
	}

	.link-button {
		background-color: #e4d1a7;
	}
}

/*==============================================================
  #faq-link
==============================================================*/
#faq-link {
	padding: 50px 0 46px;
	text-align: center;
	background-color: #f3f3f3;

	h2 {
		margin: 0 auto 20px;
		text-align: center;
		font-size: 20px;
		display: inline-block;

		a {
			position: relative;

			&::before {
				position: absolute;
				bottom: -4px;
				left: 0;
				width: calc(100% + 15px);
				height: 1px;
				content: "";
				background-color: #000000;
			}

			&::after {
				position: absolute;
				bottom: -3px;
				right: -15px;
				width: 10px;
				height: 1px;
				content: "";
				background-color: #000000;
				transform: rotate(45deg);
				transform-origin: calc(100% - 1px) 50%;
			}
		}

		img {
			margin: 0 5px 0 0;
			width: 92px;
			vertical-align: -1px;
		}
	}

	div {
		a {
			text-decoration: underline;
		}
	}
}

/*==============================================================
  #mailmagazin-reception
==============================================================*/
#mailmagazin-reception {
	padding: 70px 0 66px;
	background-color: #faf5ed;

	h2 {
		margin: 0 auto 20px;
		text-align: center;
		font-size: 20px;

		img {
			margin: 0 5px 0 0;
			width: 92px;
			vertical-align: -1px;
		}
	}

	p {
		margin: 0 auto 30px;
		width: 660px;
		line-height: 24px;
	}

	form {
		margin: 0 auto;
		width: 585px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

		input[type="text"] {
			margin: 0 10px 0 0;
			padding: 14px;
			width: 425px;
			height: 42px;
			background-color: #fff;
			border: none;
			border-radius: 0;

			&::placeholder {
				color: #a1a1a1;
			}
		}

		input[type="submit"] {
			margin: 0;
			padding: 0;
			width: 150px;
			height: 42px;
			color: #fff;
			font-size: 16px;
			background-color: #e4d1a7;
			border: none;

			&:hover {
				cursor: pointer;
			}
		}

		div {
			margin: 12px auto 0;
			width: 585px;

			input[type="checkbox"] {
				position: relative;
				margin: 0 7px 0 0;
				width: 16px;
				height: 16px;
				background-color: transparent;
				border: 1px solid #e4d1a7;
				border-radius: 0;
				appearance: none;
				vertical-align: -3px;

				&:checked {
					background-color: #e4d1a7;

					&::before {
						position: absolute;
						top: 1px;
						left: 5px;
						width: 4px;
						height: 8px;
						content: "";
						border-right: 1px solid #fff;
						border-bottom: 1px solid #fff;
						transform: rotate(50deg);
					}
				}
			}

			a {
				text-decoration: underline;
				font-weight: bold;
				display: inline;
			}
		}
	}
}

/*==============================================================
  #sns-icon
==============================================================*/
#sns-icon {
	padding: 110px 0 117px;

	h2 {
		margin: 0 auto 37px;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
	}

	ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

		li {
			margin: 0 18px;

			img {
				height: 50px;
			}
		}
	}
}

/*==============================================================
  #brand-description
==============================================================*/
#brand-description {
	padding: 100px 0 80px;
	font-size: 13px;
	background-color: #faf5ed;

	h2 {
		margin: 0 auto 60px;
		text-align: center;
		line-height: 28px;
		font-size: 20px;
	}

	p {
		line-height: 28px;
	}
}

@media only screen and (max-width: 48.0625em) {
	/*==============================================================
  #sp-search
==============================================================*/
	#sp-search {
		position: relative;
		display: block;

		form {
			position: relative;
			margin: 0 0 0 15px;
			width: 70.6%;
			min-width: 265px;

			input[type="text"] {
				margin: 0 12px 0 0;
				padding: 12px 0 12px 14px;
				width: 100%;
				font-size: 11px;
				background-color: #f0f0f0;
				border: none;
				border-radius: 20px;
			}

			button {
				position: absolute;
				top: 9px;
				right: 11px;
				padding: 0;
				width: 19px;
				height: 19px;
			}
		}

		.link-button {
			position: absolute;
			top: 0;
			right: 15px;
			width: 68px;
			background-color: #f5eedd;

			a {
				padding: 9px 0 5px;
				color: #231816;
				line-height: 13px;
				font-size: 11px;
				font-weight: normal;
			}
		}
	}

	/*==============================================================
  #event-banner
==============================================================*/
	#event-banner {
		margin: 16px 0 0;

		ul {
			margin: 16px auto 0;
			width: calc(100% - 30px);

			li {
				margin: 0 12px 16px 0;
				width: calc((100% - 12px) / 2);

				&:nth-of-type(2n) {
					margin: 0 0 16px;
				}

				&:nth-of-type(1),
				&:nth-of-type(2) {
					margin: 0 0 16px;
					width: 100%;
				}
			}
		}
	}

	/*==============================================================
  #newitem-ranking
==============================================================*/
	#newitem-ranking {
		margin: 60px auto 0;

		h2 {
			margin: 0 auto 10px;
			font-size: 18px;
		}

		h3 {
			margin: 0 auto 20px;
		}

		.recommend_ranking {
			margin: 0 16px 30px;

			ul {
				li {
					margin: 0 6px 0 0;
					width: calc((100% - 12px) / 3);

					&:nth-of-type(n + 4) {
						display: none;
					}

					&:nth-of-type(3) {
						margin: 0;
					}

					.rank_num {
						top: 4px;
						right: 7px;
						padding: 7px 0;
						width: 22px;
						height: 22px;
						font-size: 10px;
					}

					a span {
						margin: 10px 0 0;
						line-height: 14px;
						font-size: 10px;

						&:nth-of-type(2) {
							margin: 16px 0 0;
						}
					}
				}
			}
		}

		.link-button {
			margin: 0 auto;
			width: calc(100% - 32px);
		}
	}

	/*==============================================================
  #register-banner
==============================================================*/
	#register-banner {
		margin: 40px 38px;
		width: calc(100% - 76px);
	}

	/*==============================================================
  #scene-suggestion
==============================================================*/
	#scene-suggestion {
		padding: 40px 0;
		background-color: #faf5ed;

		h2 {
			margin: 0 auto 10px;
			font-size: 18px;
		}

		h3 {
			margin: 0 auto 20px;
		}

		ul {
			margin: 0 auto;
			width: calc(100% - 30px);

			li {
				margin: 0 13px 14px 0;
				width: calc((100% - 13px) / 2);
				text-align: center;

				&:nth-of-type(2n) {
					margin: 0 0 14px;
				}

				h4 {
					margin: 10px 0 0;
				}
			}
		}
	}

	/*==============================================================
  #officecasual-ranking
==============================================================*/
	#officecasual-ranking {
		padding: 60px 0;
		width: 100% !important;

		.section-contents {
			width: calc(100% - 16px);

			h3 {
				& + p {
					margin: 0 auto 30px;
					width: calc(100% - 30px);
					line-height: 20px;
				}
			}

			.officecasual-item {
				margin: 0 0 20px;
				padding: 40px 9px 30px;

				&:nth-last-of-type(2) {
					margin: 0;
				}

				h4 {
					margin: 0 0 20px;
					font-size: 16px;
				}
			}
		}

		.link-button:not(.officecasual-item .link-button) {
			margin: 30px auto 0;
			width: calc(100% - 32px);
			border: 1px solid #743b3b;

			a {
				color: #3c3c3c;
			}
		}
	}

	/*==============================================================
  #brand-concept
==============================================================*/
	#brand-concept {
		.section-contents {
			margin: 60px auto 0;
			padding: 40px 16px;

			p {
				line-height: 20px;
				font-size: 10px;
			}
		}
	}

	/*==============================================================
  #brand-story
==============================================================*/
	#brand-story {
		padding: 40px 0;

		.section-contents {
			width: calc(100% - 32px);
		}

		h2 {
			margin: 0 auto 12px;
			font-size: 16px;

			img {
				margin: 0 5px 0 0;
				width: 66px;
				vertical-align: 0;
			}
		}

		h3 {
			margin: 0 auto 20px;
		}

		p {
			line-height: 20px;
			font-size: 10px;
		}

		h4 {
			margin: 40px auto 10px;
		}

		.link-button {
			background-color: #e4d1a7;
		}
	}

	/*==============================================================
  .ranking-item
==============================================================*/
	.ranking-item {
		margin: 0 auto;
		padding: 60px 0 0;
		width: calc(100% - 32px);

		h2 {
			margin: 0 auto 10px;
			font-size: 18px;
		}

		h3 {
			margin: 0 auto 20px;

			& + p {
				margin: 0 0 29px;
				text-align: left;
				line-height: 16px;
			}
		}

		.ranking-list {
			margin: 0 0 30px;

			.slick-track {
				width: 100% !important;

				.slick-slide {
					position: relative;
					margin: 0 6px 0 0;
					width: calc((100% - 12px) / 3);

					&:nth-of-type(n + 4) {
						display: none;
					}

					&:nth-of-type(3) {
						margin: 0;
					}

					&::before {
						top: 4px;
						right: 7px;
						padding: 7px 0 7px;
						width: 22px;
						font-size: 10px;
					}

					article {
						.fs-c-productImage img {
							width: 100% !important;
						}

						.fs-c-productListItem__productName {
							margin: 9px 0 12px;
							line-height: 14px;
							font-size: 10px;
						}

						.fs-c-productPrice__main__price {
							font-size: 10px;
						}

						.fs-c-productListItem__control {
							margin: 12px 0 0;

							.fs-c-button--viewProductDetail {
								padding: 9px 0 8px;
								font-size: 10px;

								.fs-c-button__label {
									&::before {
										font-size: 10px;
									}
								}
							}

							.fs-c-button--addToWishList--icon {
								bottom: 37px;
								width: 18px;

								&::before {
									font-size: 18px;
								}
							}
						}
					}
				}
			}
		}
	}

	/*==============================================================
  #three-reasons
==============================================================*/
	#three-reasons {
		padding: 80px 0 60px;

		h2 {
			margin: 0 auto 10px;
			font-size: 18px;

			img {
				width: 83px;
				vertical-align: -1px;
			}
		}

		h3 {
			margin: 0 auto 20px;
		}

		.reasons-item {
			display: block;

			div {
				margin: 0 auto 20px;
				width: calc(100% - 30px);

				&:nth-of-type(2) {
					margin: 0 auto 20px;
				}

				h4 {
					margin: 0 0 20px;
					font-size: 15px;
				}

				p {
					font-size: 10px;

					span {
						margin: 0;
						line-height: 20px;
						text-decoration: none;
						display: inline-block;
					}
				}
			}

			&:nth-of-type(2) {
				div {
					&:nth-of-type(1) {
						margin: 0 auto 20px;
					}

					&:nth-of-type(2) {
						margin: 0 auto 20px;
					}
				}
			}
		}
	}

	/*==============================================================
  #category-list
==============================================================*/
	#category-list {
		padding: 50px 0;

		h2 {
			margin: 0 auto 10px;
			font-size: 18px;
		}

		h3 {
			margin: 0 auto 20px;
		}

		ul {
			margin: 0 auto;
			width: calc(100% - 30px);

			li {
				margin: 0 18px 20px 0;
				width: calc((100% - 36px) / 3);

				&:nth-last-of-type(1) {
					margin: 0;
				}

				&:nth-of-type(3n) {
					margin: 0 0 20px;
				}

				h4 {
					margin: 10px 0 0;
				}
			}
		}
	}

	/*==============================================================
  #news-list
==============================================================*/
	#news-list {
		margin: 0 auto;
		padding: 60px 0;
		width: calc(100% - 30px);

		h2 {
			margin: 0 auto 10px;
			font-size: 18px;
		}

		h3 {
			margin: 0 auto 20px;
		}

		.news-list {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;

			.fs-pt-column__item {
				margin: 0 13px 20px 0;
				width: calc((100% - 13px) / 2);

				&:nth-of-type(2n) {
					margin: 0 0 20px;
				}

				.fs-pt-column__heading {
					margin: 10px 0 20px;
					line-height: 16px;
					font-size: 10px;
				}

				.fs-pt-column__description {
					font-size: 10px;
				}
			}
		}
	}

	/*==============================================================
  #faq-link
==============================================================*/
	#faq-link {
		padding: 41px 0 34px;

		h2 {
			margin: 0 auto 30px;
			font-size: 16px;

			a {
				&::before {
					bottom: -10px;
					left: -25px;
					width: calc(100% + 50px);
					height: 1px;
					content: "";
					background-color: #000000;
				}

				&::after {
					position: absolute;
					bottom: -10px;
					right: -25px;
					width: 10px;
					height: 1px;
					content: "";
					background-color: #000000;
					transform: rotate(45deg);
					transform-origin: calc(100% - 1px) 50%;
				}
			}

			img {
				margin: 0 5px 0 0;
				width: 83px;
				vertical-align: -1px;
			}
		}

		div {
			a {
				text-decoration: underline;
				font-size: 12px;
			}
		}
	}

	/*==============================================================
  #mailmagazin-reception
==============================================================*/
	#mailmagazin-reception {
		padding: 40px 0 80px;

		h2 {
			margin: 0 auto 24px;
			text-align: center;
			font-size: 16px;

			img {
				margin: 0 5px 0 0;
				width: 83px;
				vertical-align: -1px;
			}
		}

		p {
			margin: 0 auto 30px;
			width: calc(100% - 34px);
			line-height: 24px;
			font-size: 12px;
		}

		form {
			position: relative;
			width: calc(100% - 36px);
			display: block;

			input[type="text"] {
				margin: 0 auto 10px;
				padding: 14px;
				width: 100%;
				height: 35px;
				text-align: center;
				font-size: 14px;
			}

			input[type="submit"] {
				position: absolute;
				left: 0;
				bottom: -50px;
				width: 100%;
				height: 40px;
			}

			div {
				margin: 0 auto 11px;
				width: 100%;
				font-size: 13px;

				input[type="checkbox"] {
					width: 13px;
					height: 13px;
					vertical-align: -2px;

					&:checked {
						&::before {
							left: 4px;
							width: 3px;
							height: 6px;
						}
					}
				}

				a {
					text-decoration: underline;
					font-weight: bold;
					display: inline;
				}
			}
		}
	}

	/*==============================================================
  #sns-icon
==============================================================*/
	#sns-icon {
		padding: 60px 0;

		h2 {
			margin: 0 auto 20px;
			font-size: 14px;
		}

		ul {
			li {
				margin: 0 11.5px;

				img {
					height: 30px;
				}
			}
		}
	}

	/*==============================================================
  #brand-description
==============================================================*/
	#brand-description {
		padding: 50px 0 60px;
		font-size: 10px;

		h2 {
			margin: 0 auto 23px;
			line-height: 20px;
			font-size: 14px;
		}

		p {
			margin: 0 auto;
			line-height: 20px;
			width: calc(100% - 32px);
		}
	}
}