@charset "UTF-8";

/* ============================================================
	記事詳細
============================================================ */
#single {
	background: #fff;
	padding-bottom: 3rem;
	font: 1.2rem / 1 'Noto Sans JP', 'Helvetica Neue', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', meiryo, sans-serif;
}
#single .gallery {
	position: relative;
	width: 32rem;
	height: 35rem;
	margin: 0 auto;
}
#single .gallery-ul {
	width: 100%;
	margin: 0 auto;
}
#single .gallery-li {
	width: 100%;
}
#single .gallery-img {
	width: 32rem;
	height: 32rem;
}
#single .gallery-pagination {
	right: 0;
	left: 0;
	bottom: 0;
}
#single .swiper-pagination-bullet {
	width: 1rem;
	height: 1rem;
	margin: 0 .8rem;
	background: #ccc;
	border-radius: 50%;
	opacity: 1;
}
#single .swiper-pagination-bullet-active {
	background: #d2b0b2;
}
#single .gallery-seal {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 5;
}
#single .gallery-seal-new {
	display: inline-block;
	width: 4.5rem;
	height: 4.5rem;
	background: #333;
	border-radius: 50%;
	font-weight: 500;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.4;
	text-align: center;
	letter-spacing: .1em;
	text-indent: .1em;
	padding: 1.5rem 0;
}
#single .gallery-seal-hot {
	display: inline-block;
	width: 4.5rem;
	height: 4.5rem;
	background: #d2b0b2;
	border-radius: 50%;
	font-weight: bold;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.4;
	text-align: center;
	letter-spacing: .1em;
	padding: .7rem .6rem;
}
#single .gallery-seal-ranking {
	display: inline-block;
	width: 4.5rem;
	height: 4.5rem;
	background: #d2b0b2;
	border-radius: 50%;
	font-weight: bold;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.4;
	text-align: center;
	letter-spacing: .1em;
	padding: .7rem .6rem;
}
#single .gallery-seal-ranking.n1 {
	background: #ea8c8e;
}
#single .gallery-seal-ranking.n2 {
	background: #eec966;
}
#single .gallery-seal-ranking.n3 {
	background: #cac95f;
}
#single .gallery-seal-ranking.n4 {
	background: #5eaab8;
}
#single .gallery-seal-ranking.n5 {
	background: #6d92c1;
}
#single .gallery-seal-ranking.n6 {
	background: #9785ba;
}
#single .gallery-seal-ranking.n7 {
	background: #c583a7;
}
#single .gallery-seal-ranking.n8 {
	background: #dfa1b2;
}
#single .gallery-seal-ranking.n9 {
	background: #8dc869;
}
#single .gallery-seal-ranking.n10 {
	background: #70be9c;
}
#single .style {
	margin-bottom: 1rem;
}
#single .style-ul {
	display: flex;
	flex-wrap: wrap;
}
#single .style-li {
	margin-right: .8rem;
	margin-bottom: .8rem;
}
#single .style-li-a {
	font-size: 1rem;
	border-radius: 5rem;
	padding: .4rem .8rem;
	border: solid .1rem #ccc;
	color: #52514c!important;
	text-decoration: none!important;
	display: block;
}
#single .post {
	width: 28rem;
	margin: 0 auto;
	padding: 4rem 0;
}
#single .post-title {
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 1.7;
}
#single .post-price {
	padding: 1rem 0;
	font-weight: bold;
	color: #d2b0b2;
	font-size: 2.4rem;
	letter-spacing: .05em;
	line-height: 1.5;
}
#single .post-price-span {
	padding-left: .4rem;
	font-size: 1.2rem;
}
#single .post-price-tilde {
	padding-left: .4rem;
	font-size: 1.2rem;
	display: inline-block;
	vertical-align: middle;
}
#single .post-note {
	font-size: 1rem;
	color: #666;
	letter-spacing: .05em;
}
#single .post-detail {
	width: 100%;
	padding-top: 2.5rem;
}
#single .post-detail h2 {
	font-weight: bold;
	font-size: 1.3rem;
	letter-spacing: .05em;
	line-height: 2;
	padding-top: 1.5rem;
	margin-bottom: 1.2rem;
}
#single .post-detail h3 {
	position: relative;
	padding: .2rem 0 .2rem 1.2rem;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 2;
	margin-bottom: 2rem;
}
#single .post-detail h3::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: .5rem;
	height: 100%;
	background: #d2b0b2;
}
#single .post-detail h4 {
	margin-bottom: 1rem;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 2;
}
#single .post-detail h4::before {
	content: '・';
}
#single .post-detail > p {
	position: relative;
	letter-spacing: .1em;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom: 2.5rem;
}
#single .post-detail .fc-pink {
	color: #d392a2;
}
#single .post-detail a {
	color: #0076d7;
	text-decoration: underline;
}
#single .post-detail b {
	font-weight: 600;
}
#single .post-detail strong {
	background: linear-gradient(transparent 50%, rgba(255, 153, 102, .3) 0);
	background: linear-gradient(transparent 50%, rgba(211, 146, 162, .2) 0);
}
#single .post-detail mark {
	color: #333;
	font-style: normal;
	font-weight: normal;
	background: linear-gradient(transparent 50%, rgba(255, 153, 102, .3) 0);
	background: linear-gradient(transparent 50%, rgba(211, 146, 162, .2) 0);
}
#single .post-detail img {
	width: 100%;
}
#single .post-detail .card {
	position: relative;
	margin-bottom: 3rem;
	background: #fff;
	border: solid .2rem #f4eff2;
}
#single .post-detail .card-photo {
	display: inline-block;
	vertical-align: middle;
	width: 9rem;
	margin-right: .8rem;
}
#single .post-detail .card-photo-img {
	width: 9rem;
	height: 9rem;
}
#single .post-detail .card-title {
	display: inline-block;
	vertical-align: middle;
	width: 16rem;
	font-size: 1.1rem;
	line-height: 1.6;
}
#single .post-detail .card-title-a::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#single .post-detail .box {
	border: solid 0.2rem #d2b0b2;
	padding: 1.8rem 1.2rem;
	background: #fdf6f6;
	background: #fffcf4;
}
#single .post-detail .link {
	display: inline-block;
	color: #999;
	font-size: 1rem;
	letter-spacing: .05em;
	margin-top: -1.5rem;
}
#single .post-detail .link > a {
	color: #999;
}
#single .post-detail .disc {
	margin-bottom: 2.5rem;
}
#single .post-detail .disc li {
	position: relative;
	padding-left: 2rem;
	font-size: 1.2rem;
	letter-spacing: .1em;
	line-height: 2;
}
#single .post-detail .disc li::before {
	content: '';
	position: absolute;
	top: 1rem;
	left: .8rem;
	width: .4rem;
	height: .4rem;
	background: #d2b0b2;
	border-radius: 50%;
}
#single .post-detail .num {
	margin-bottom: 2.5rem;
}
#single .post-detail .num li {
	position: relative;
	padding-left: 2rem;
	font-size: 1.2rem;
	letter-spacing: .1em;
	line-height: 2;
	counter-increment: number 1;
}
#single .post-detail .num li::before {
	content: '' counter(number);
	position: absolute;
	top: .5rem;
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	background: #d2b0b2;
	border-radius: 50%;
	font-weight: bold;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	line-height: 1.5rem;
}
#single .post-detail table {
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	width: 100%;
	border: solid .05rem #fbf9fa;
	margin-bottom: 2.5rem;
}
#single .post-detail table tr {
	border-top: solid .2rem #fbf9fa;
}
#single .post-detail table th {
	width: 25%;
	background: #ede5e9;
	padding: .8rem .4rem;
	letter-spacing: .1em;
	line-height: 2;
	vertical-align: middle;
}
#single .post-detail table td {
	width: 75%;
	background: #f4eff2;
	padding: .8rem;
	text-align: left;
	letter-spacing: .1em;
	line-height: 2;
	border-left: solid .2rem #fbf9fa;
}
#single .post-detail .button {
	margin-bottom: 4rem;
}
#single .post-detail .button-a {
	display: inline-block;
	padding: 1.4rem 1.6rem;
	border-radius: .5rem;
	background: #0076d7;
	color: #fff;
	text-align: center;
	letter-spacing: .1em;
	text-indent: .1em;
	text-decoration: none;
}
#single .mokuji {
	margin-bottom: 2rem;
}
#single .mokuji-headline {
	margin: 0;
	padding: .1rem 0 .2rem 0;
	background: #d2b0b2;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: .1em;
	line-height: 2;
}
#single .mokuji-ol {
	margin-top: .2rem;
	padding: 2rem;
	background: #fff;
}
#single .mokuji-ol-li {
	position: relative;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 2.3;
	counter-increment: number 1;
}
#single .mokuji-ol-li::before {
	content: '' counter(number) '.';
	padding-right: .4rem;
}
#single .mokuji-ol-li a {
	color: #52514c;
}
#single .mokuji-ol-ul {
	padding: 0;
}
#single .mokuji-ol-ul-li {
	position: relative;
	font-weight: 400;
	list-style: none;
	padding-left: 1.5rem;
	letter-spacing: .1em;
	line-height: 2.2;
}
#single .mokuji-ol-ul-li::marker {
	content: '';
}
#single .mokuji-ol-ul-li a {
	color: #666;
	text-decoration: underline;
}
#single .post-type1 {
	margin-top: 2.5rem;
}
#single .post-type1-headline {
	padding: .1rem 0 .2rem 0;
	background: #d2b0b2;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.8;
}
#single .post-type1-ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	padding: 1rem .8rem;
	margin-top: .2rem;
	background: #f4eff2;
}
#single .post-type1-li {
	position: relative;
	padding: .6rem 0;
	width: 8.4rem;
}
#single .post-type1-li::before {
	position: absolute;
	display: inline-block;
	top: .6rem;
	left: .3rem;
	width: 1.8rem;
	height: 1.8rem;
	font-weight: bold;
	color: #fff;
	font-size: 1rem;
	line-height: 1.8rem;
	text-align: center;
	z-index: 1;
	border-top-left-radius: .5rem;
}
#single .post-type1-li:nth-of-type(1):before {
	content: '1';
	background: #ea8c8e;
}
#single .post-type1-li:nth-of-type(2)::before {
	content: '2';
	background: #eec966;
}
#single .post-type1-li:nth-of-type(3)::before {
	content: '3';
	background: #cac95f;
}
#single .post-type1-li:nth-of-type(4)::before {
	content: '4';
	background: #5eaab8;
}
#single .post-type1-li:nth-of-type(5)::before {
	content: '5';
	background: #6d92c1;
}
#single .post-type1-li:nth-of-type(6)::before {
	content: '6';
	background: #9785ba;
}
#single .post-type1-li:nth-of-type(7)::before {
	content: '7';
	background: #c583a7;
}
#single .post-type1-li:nth-of-type(8)::before {
	content: '8';
	background: #dfa1b2;
}
#single .post-type1-li:nth-of-type(9)::before {
	content: '9';
	background: #8dc869;
}
#single .post-type1-li:nth-of-type(10)::before {
	content: '10';
	background: #70be9c;
}
#single .post-type1-photo {
	text-align: center;
}
#single .post-type1-photo-img {
	width: 7.8rem;
	height: 7.8rem;
	border-radius: .5rem;
}
#single .post-type1-name {
	margin-top: .5rem;
	font-size: .8rem;
	text-align: center;
	line-height: 1.2;
}
#single .post-share {
	margin-top: 4rem;
}
#single .post-share-ul {
	width: 28rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
#single .post-share-li {
	margin: 0 .4rem 0 0;
	overflow-wrap: break-word;
}
#single .post-share-li a {
	position: relative;
	display: inline-block;
	padding: .4rem 1.4rem .6rem;
	color: #fff;
	font-size: .8rem;
	border-radius: 5rem;
	letter-spacing: .1em;
}
#single .post-share-button-tw {
	background: #55acee;
}
#single .post-share-button-line {
	background: #06c755;
}
#single .post-share-button-fb {
	background: #3b5998;
}
#single .post-share-li img {
	margin-bottom: -.2rem;
	padding-right: .4rem;
	height: 1.4rem;
	vertical-align: sub;
}
#single .category {
	width: 28rem;
	margin: 0 auto;
}
#single .category-headline-main {
	font-size: 1.2rem;
	letter-spacing: .05em;
	line-height: 1.4;
}
#single .category-ul {
	margin-top: 1.5rem;
}
#single .category-li {
	display: inline-block;
	margin: 0 .5rem .5rem 0;
	overflow-wrap: break-word;
}
#single .category-li a {
	position: relative;
	display: block;
	background: #efeee8;
	padding: 0 1.1rem;
	font-size: 1rem;
	line-height: 2.5rem;
	border: solid .1rem #ddd;
	border-radius: .5rem;
}
#single .category-li a::before {
	content: "#";
}
#single .author {
	width: 28rem;
	margin: 0 auto;
}
#single .author-card {
	width: 100%;
	border: solid .05rem #ccc;
	padding: 2rem 1rem;
	background: #fff;
}
#single .author-icon {
	float: left;
	width: 5rem;
}
#single .author-icon-img {
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
}
#single .author-desc {
	float: left;
	width: 19.5rem;
	margin-left: 1rem;
	font-size: 1rem;
}
#single .author-name,
#single .author-site {
	letter-spacing: .1em;
	line-height: 1.6;
}
#single .author-name {
	font-weight: bold;
	line-height: 2.5;
}
#single .author-site-a {
	color: #888;
	background: linear-gradient(transparent 96%, #888 0%);
	line-height: 2.5;
}
#single .label-tag {
	padding: .2rem .4rem;
	margin: 0 .6rem;
	border: solid .05rem #d392a2;
	background: #d392a2;
	color: #fff;
	font-size: 1rem;
	border-radius: .5rem;
}


/* ============================================================
	関連
============================================================ */
#relevance {
	padding: 4rem 0;
	border-top: solid 0.5rem #efeee8;
}
#relevance .headline {
	width: 28rem;
	margin: 0 auto;
}
#relevance .headline-main {
	font-size: 1.4rem;
	letter-spacing: .1em;
	line-height: 1.4;
}
#relevance .post {
	margin-top: 2.5rem;
}
#relevance .post-ul {
	width: 28rem;
	margin: 0 auto;
}
#relevance .post-li {
	float: left;
	width: 9rem;
}
#relevance .post-li:not(:nth-of-type(-n+3)) {
	margin-top: 2rem;
}
#relevance .post-li:not(:nth-of-type(3n)) {
	margin-right: .5rem;
}
#relevance .post-photo {
	width: 100%;
}
#relevance .post-photo-img {
	width: 9rem;
	height: 9rem;
}
#relevance .post-title {
	margin-top: .5rem;
	font-size: 1rem;
	letter-spacing: .1em;
	line-height: 1.5;
}
#relevance .post-button {
	margin-top: 3rem;
}
#relevance .post-button-a {
	display: block;
	width: 16rem;
	height: 3.5rem;
	line-height: 3.5rem;
	margin: 0 auto;
	border-radius: .5rem;
	background: #161616;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	letter-spacing: .1em;
	text-indent: .1em;
}