@charset "UTF-8";

/* ============================
   Single
=============================== */
#post .post-thumbnail {
  margin-right: calc(((100vw - 100%)/2)*-1);
}
#post .post-thumbnail figure {
  background-color: var(--l-gray);
  display: block;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
#post .post-thumbnail figure img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 576px) {
	#post .post-thumbnail {
		margin-right: 0;
	}
	#post .post-thumbnail figure {
		padding-top: 56.25%;
	}
}


#post .detail {
	padding-top: 3.5em;
}
#post .post-thumbnail + .detail {
	padding-top: 1.5em;
}
#post .detail .post-ttl {
	margin-bottom: 0;
}
#post .detail .price:first-of-type {
  color: #796B32;
}
#post .detail .price:first-of-type .num {
  font-size: 1.846em;
}
#post .detail .price:nth-of-type(n+2),
#post .detail .price small {
  font-size: .813rem;
}



#post .box {
	border: 1px solid var(--border1);
	padding: 1.5em 1.5em .25em;
	line-height: 1.75;
}
#post .box > * {
	margin-bottom: 1.5em;
}
#post .box .list-ttl {
	display: block;
	border-bottom: 1px solid var(--border1);
	padding: .75em 0;
	margin-bottom: 1em;
}
#post .box p {
	margin-bottom: 1em;
}
#post .box p:last-child {
	margin-bottom: 0;
}
@media (min-width: 576px) {
	#post .box {
		padding: 1.5em 1.75em .25em;
	}
	#post .box .col-sm-6 {
		-ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
	}
}
@media (min-width: 992px) {
	#post .box {
		padding: 2.5em 2.75em 1.25em;
	}
}


/* basic */
#post .box ul {
	margin: 0 0 1em 0;
}
#post .box ul li {
	list-style-type: none;
	position: relative;
	padding-left: 1em;
}
#post .box ul li::before {
	border-radius: 50%;
	width: .4em;
	height: .4em;
	display: block;
	position: absolute;
	left: 0;
	top: 0.65em;
	content: "";
	background: var(--gray);
}
#post .box .note {
	font-size: .923em;
}

/* option */
#post .box.option .grid-item {
  padding-bottom: 1.5em;
}
#post .box.option .grid-item figure.landscape {
  padding-top: 65%;
}
#post .box.option h5 {
	font-family: inherit;
	position: relative;
	padding: 1em 0 .5em 1em;
}
#post .box.option h5 {
	font-family: inherit;
	position: relative;
	padding: 0 0 0 1em;
}
#post .box.option h5::before {
	border-radius: 50%;
	width: .4em;
	height: .4em;
	display: block;
	position: absolute;
	left: 0;
	top: .7em;
	content: "";
	background: var(--gray);
}
#post .box.option .price .num {
	font-size: 1.308em;
}






#gallery .splide__track {
	padding-right: 10% !important;
	overflow: visible;
}
#gallery .splide__pagination {
   padding: 0;
   right: auto;
   bottom: -2.75em;
}

@media (min-width: 576px) {
	#gallery .splide__track {
		padding-right: 20% !important;
	}
}