@charset "UTF-8";
#roomParts {
  margin: 40px 0px;
  /* ------------------------------------------------------------------------------------------
	colors
	------------------------------------------------------------------------------------------ */
  /* loop to next
		-----------------------*/
  /* loop to next
		-----------------------*/
  /* loop to next
		-----------------------*/
  /* loop to next
		-----------------------*/
  /* loop to next
		-----------------------*/
  /* loop to next
		-----------------------*/
  /* loop to next
		-----------------------*/
  /* loop to next
		-----------------------*/
  /* loop to next
		-----------------------*/
  /* loop to next
		-----------------------*/
}
#roomParts .titlePart {
  line-height: 1.2;
  margin: 40px 0px 30px 0px !important;
  padding-left: 12px;
  border-left: solid 5px #4b060a;
}
#roomParts .titlePart:has(+.textPart.type-REVIEW) {
  padding-left: 0px;
  border-left: none;
  margin-bottom: 10px !important;
  font-size: 1.1em !important;
}
#roomParts h2.titlePart {
  font-size: 1.4em;
}
#roomParts h3.titlePart {
  font-size: 1.3em;
}
#roomParts .textPart {
  margin: 0px 0px 30px 0px;
}
#roomParts .textPart.type-POINT::before {
  display: block;
  content: attr(data-pointText);
  line-height: 1;
  width: fit-content;
  padding: 6px 23px;
  border: solid 1px #231815;
  margin: 0px 0px 15px 0px;
}
#roomParts .textPart.type-REVIEW {
  background-color: #f5f0e9;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 45px;
  position: relative;
}
#roomParts .textPart.type-REVIEW::before {
  content: '” ' attr(data-pointText) ' ”';
  display: block;
  font-size: 110%;
  font-weight: bold;
  color: #c09a72;
  margin-bottom: 10px;
}
#roomParts .textPart.type-REVIEW::after {
  content: "";
  border: 15px solid transparent;
  border-top-color: #f5f0e9;
  border-width: 15px 10px 0px 20px;
  position: absolute;
  bottom: -14px;
  right: 40px;
}
#roomParts .imagePart {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin: 0px 0px 30px 0px;
}
#roomParts .imagePart.type-SIMPLE_LEFT {
  flex-direction: row;
}
#roomParts .imagePart.type-SIMPLE_RIGHT {
  flex-direction: row-reverse;
}
#roomParts .imagePart.type-SIMPLE_WIDE {
  flex-direction: column;
}
#roomParts .imagePart.type-SIMPLE_WIDE .image {
  width: 100% !important;
}
#roomParts .imagePart.type-SIMPLE_WIDE .text {
  width: 100% !important;
}
#roomParts .imagePart.linkStyle-BUTTON .text .links a {
  color: #ffffff;
  background-color: #4b060a;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 5px 15px;
  border: 0px;
}
#roomParts .imagePart.linkStyle-INVERTED_BUTTON .text .links a {
  color: #4b060a;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 5px 15px;
  border: solid 1px #4b060a;
}
#roomParts .imagePart.linkStyle-BUTTON .text .links a:hover,
#roomParts .imagePart.linkStyle-INVERTED_BUTTON .text .links a:hover {
  opacity: 0.7;
}
#roomParts .imagePart .image {
  width: calc((100% - 15px) / 2);
  position: relative;
}
#roomParts .imagePart .image img,
#roomParts .imagePart .image video {
  width: 100%;
}
#roomParts .imagePart .image a.imageItemListIcon,
#roomParts .imagePart .image a.zoomIcon {
  display: block;
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 26px;
  height: 26px;
  content: "";
  background-image: url(/common/img/btn/btn_zoom01.png);
  background-size: contain;
}
#roomParts .imagePart .text {
  width: calc((100% - 15px) / 2);
}
#roomParts .imagePart .text em,
#roomParts .imagePart .text p,
#roomParts .imagePart .text .links {
  display: block;
  margin: 0px 0px 10px 0px;
}
#roomParts .imagePart .text .links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  margin-bottom: 0px;
}
#roomParts .imagePart .text .links a {
  display: block;
}
#roomParts .imagePart.linkStyle-BUTTON.color-hp-base .text .links a {
  background-color: #842c37;
}
#roomParts .imagePart.linkStyle-INVERTED_BUTTON.color-hp-base .text .links a {
  color: #842c37;
  border-color: #842c37;
}
#roomParts .imagePart.linkStyle-BUTTON.color-earth-colors .text .links a {
  background-color: #a89b8c;
}
#roomParts .imagePart.linkStyle-INVERTED_BUTTON.color-earth-colors .text .links a {
  color: #a89b8c;
  border-color: #a89b8c;
}
#roomParts .imagePart.linkStyle-BUTTON.color-island-blue .text .links a {
  background-color: #1799b0;
}
#roomParts .imagePart.linkStyle-INVERTED_BUTTON.color-island-blue .text .links a {
  color: #1799b0;
  border-color: #1799b0;
}
#roomParts .imagePart.linkStyle-BUTTON.color-seaside-blue .text .links a {
  background-color: #049ee6;
}
#roomParts .imagePart.linkStyle-INVERTED_BUTTON.color-seaside-blue .text .links a {
  color: #049ee6;
  border-color: #049ee6;
}
#roomParts .imagePart.linkStyle-BUTTON.color-forest-green .text .links a {
  background-color: #2e6b42;
}
#roomParts .imagePart.linkStyle-INVERTED_BUTTON.color-forest-green .text .links a {
  color: #2e6b42;
  border-color: #2e6b42;
}
#roomParts .imagePart.linkStyle-BUTTON.color-flower-purple .text .links a {
  background-color: #651d79;
}
#roomParts .imagePart.linkStyle-INVERTED_BUTTON.color-flower-purple .text .links a {
  color: #651d79;
  border-color: #651d79;
}
#roomParts .imagePart.linkStyle-BUTTON.color-cloud-gray .text .links a {
  background-color: #626061;
}
#roomParts .imagePart.linkStyle-INVERTED_BUTTON.color-cloud-gray .text .links a {
  color: #626061;
  border-color: #626061;
}
#roomParts .imagePart.linkStyle-BUTTON.color-wood-brown .text .links a {
  background-color: #593724;
}
#roomParts .imagePart.linkStyle-INVERTED_BUTTON.color-wood-brown .text .links a {
  color: #593724;
  border-color: #593724;
}
#roomParts .imagePart.linkStyle-BUTTON.color-garden-green .text .links a {
  background-color: #65b75d;
}
#roomParts .imagePart.linkStyle-INVERTED_BUTTON.color-garden-green .text .links a {
  color: #65b75d;
  border-color: #65b75d;
}
#roomParts .imagePart.linkStyle-BUTTON.color-sunset-red .text .links a {
  background-color: #d8474e;
}
#roomParts .imagePart.linkStyle-INVERTED_BUTTON.color-sunset-red .text .links a {
  color: #d8474e;
  border-color: #d8474e;
}
