<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* bihada.css */

.cols-1&gt;div {
	margin: 20px 0 0;
	padding: 0 10px;
}
.before-after {
	width: 100%;
	height: 0;
	padding-top: 83.38%;
	background: url(/common/img/option/album/bihada/bihada.jpg) no-repeat left top;
	background-size: 100%;
	position: relative;
}
.before-after .before,.before-after .after {
	position: absolute;
	top: 2.4%;
	width: 48%;
}
.before-after .before {

	left: 2.2%;
}
.before-after .after {
	left: 50%;
}


.before-after.aozora  {
	width: 100%;
	height: 0;
	padding-top: 83.38%;
	background: url(/common/img/option/album/bihada/aozora.jpg) no-repeat left top;
	background-size: 100%;
	position: relative;
}
.before-after.aozora .before,.before-after .after {
	position: absolute;
	top: 2.4%;
	width: 48%;
}
.before-after.aozora .before {

	left: 2.2%;
}
.before-after.aozora .after {
	left: 50%;
}


.before-after.soshin  {
	width: 100%;
	height: 0;
	padding-top: 83.38%;
	background: url(/common/img/option/album/bihada/soshin.jpg) no-repeat left top;
	background-size: 100%;
	position: relative;
}
.before-after.soshin .before,.before-after .after {
	position: absolute;
	top: 2.4%;
	width: 48%;
}
.before-after.soshin .before {

	left: 2.2%;
}
.before-after.soshin .after {
	left: 50%;
}

.before-after.none  {
	width: 100%;
	height: 0;
	padding-top: 83.38%;
	background: url(/common/img/option/album/bihada/none.jpg) no-repeat left top;
	background-size: 100%;
	position: relative;
}
.before-after.none .before,.before-after .after {
	position: absolute;
	top: 2.4%;
	width: 48%;
}
.before-after.none .before {

	left: 2.2%;
}
.before-after.none .after {
	left: 50%;
}

.lead-1 {
	margin-top: 25px;
	color: #0aa0d2;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
.txt-1 {
	margin-top: 20px;
}
.stripe-1 {
	margin-top: 30px;
	background: url(/common/img/common/bg-stripe-aqua.png) repeat left top;
	padding: 20px 20px;
}
.table-1 {
	border-collapse: collapse;
	width: 100%;
}
.table-1 tr:not(:first-child) {
	border-top: 1px solid #0aa0d2;
}
.table-1 th,.table-1 td {
	padding: 5px;
}
.table-1 th:not(:first-child),.table-1 td:not(:first-child) {
	border-left: 1px solid #0aa0d2;
}
.table-1 th {
	background: #84cfe8;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
.table-1 td {
	background: #fff;
}
.table-1 td:nth-child(2) {
	text-align: center;
}
.table-1 td:nth-child(3) {
	text-align: right;
}
.white-1 {
	padding: 30px 10px 40px;
}
.heading-1 {
	color: #0aa0d2;
	font-weight: bold;
}
.c-blue {
	color: #0aa0d2;
}
.notes-1 {
	margin: 1em 0;
}
.c-red {
	color: #bb272d;
}
.border-1 {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	height: 5px;
	margin: 0 10px;
}

@media screen and (min-width: 800px) {
	.cols-1 {
		display: table;
		width: 95%;
		max-width: 1000px;
		margin: auto;
		border-spacing: 15px;
	}
	.cols-1&gt;* {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
	}
	.lead-1 {
		font-size: 24px;
	}
	.txt-1 {
		margin-top: 55px;
		font-size: 16px;
	}
	.stripe-1 {
		padding: 40px 20px;
	}
	.stripe-1&gt;div {
		max-width: 1000px;
		padding: 0 20px;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.table-1 {
		font-size: 15px;
	}
	.table-1 th,.table-1 td {
		padding: 10px;
	}
	.white-1 {
		padding: 45px 20px;
	}
	.white-1&gt;div {
		max-width: 1000px;
		padding: 0 20px;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.heading-1 {
		font-size: 16px;
	}
	.notes-1 {
		font-size: 15px;
	}
	.notes-1+p {
		font-size: 15px;
	}
	.border-1 {
		width: 95%;
		max-width: 900px;
		height: 10px;
		margin: 0 auto;
	}
}
/**/
.bnr-box {
	margin-top: 15px;
	text-align: center;
	padding: 0 10px;
}
.bnr-box img {
	width: 100%;
	max-width: 600px;
}
@media screen and (min-width: 800px) {
	.bnr-box {
		margin-top: 30px;
	}
}

#bihada-feature-wrap {
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto 30px;
}
#bihada-feature {
	max-width: 840px;
	margin: 0 auto;
	position: relative;
}
#bihada-feature::before {
	content: "";
	border-right: 1px solid #C8B695;
	top: 0;
	bottom: 0;
	right: 50%;
	position: absolute;
}

#bihada-feature &gt; li {
	width: 46%;
	margin-right: 8%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
#bihada-feature &gt; li:nth-child(2n) {
	margin-right: 0;
}

/* */
#bihada-feature &gt; li h3 {
	color: #736357;
	font-size: 1.175em;
	margin: 0 auto 10px;
	font-weight: bold;
	overflow: hidden;
}

#bihada-feature &gt; li h3::before {
	background: url("../img/plan/shared/camera-icon.svg") no-repeat center center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
	width: 1.5em;
	height: 1.5em;

	float: left;
	margin-right: 10px;
}
#bihada-feature &gt; li h3 span {
	display: block;
}
#bihada-feature &gt; li h3 em {
	font-size: 1.2em;
	display: inline-block;
}

/* */
#bihada-feature &gt; li figure {
	display: block;
	position: relative;
	margin: 0 auto 20px;
	outline: 8px solid rgba(255,255,255,0.6);
	outline-offset: -8px;
}

#bihada-feature &gt; li img {
	display: block;
	margin: 0 auto;
}

#bihada-feature &gt; li p {
	font-size: 0.975em;
}


#bihada-feature-wrap {
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto 30px;
}
#bihada-feature {
	max-width: 840px;
	margin: 0 auto;
	position: relative;
}
#bihada-feature::before {
	content: "";
	border-right: 1px solid #C8B695;
	top: 0;
	bottom: 0;
	right: 50%;
	position: absolute;
}

#bihada-feature &gt; li {
	width: 46%;
	margin-right: 8%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
#bihada-feature &gt; li:nth-child(2n) {
	margin-right: 0;
}

/* */
#bihada-feature &gt; li h3 {
	color: #736357;
	font-size: 1.175em;
	margin: 0 auto 10px;
	font-weight: bold;
	overflow: hidden;
}

#bihada-feature &gt; li h3::before {
	background: url("../img/plan/shared/camera-icon.svg") no-repeat center center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
	width: 1.5em;
	height: 1.5em;

	float: left;
	margin-right: 10px;
}
#bihada-feature &gt; li h3 span {
	display: block;
}
#bihada-feature &gt; li h3 em {
	font-size: 1.2em;
	display: inline-block;
}

/* */
#bihada-feature &gt; li figure {
	display: block;
	position: relative;
	margin: 0 auto 20px;
	outline: 8px solid rgba(255,255,255,0.6);
	outline-offset: -8px;
}

#bihada-feature &gt; li img {
	display: block;
	margin: 0 auto;
}

#bihada-feature &gt; li p {
	font-size: 0.975em;
}

/* ---------- */
.brown-recommend {
	background-color: #F6F3ED;
	border: 1px solid #C8B695;
	border-radius: 10px;
	overflow: hidden;
	padding: 0 15px 15px;
}

.brown-recommend-top {
	position: relative;
	margin: 0 auto 20px;
}

.brown-recommend-top h3 {
	max-width: 520px;
	margin: 0 auto 20px;
	color: #736357;
	font-size: 1.275em;
	line-height: 1.6em;
	font-weight: normal;
	text-align: center;
	font-weight: bold;
}

.brown-recommend-top h3 &gt; span {
	background-color: #DDD3BF;
	display: block;
	color: #736357;
	padding: 20px 15px;
	position: relative;
	z-index: 2;
}

.brown-recommend-top h3::after {
	background-image: url("../img/plan/shared/circle-pattern.svg");
	-webkit-background-size: 4% 100%;
	background-size: 4% 100%;
	background-repeat: repeat-x;
	background-position: center bottom;
	content: "";
	display: block;
	height: 22px;
	margin-top: -11px;
	width: auto;
}

.brown-recommend-top p {
	font-size: 1.1em;
	color: #4D4D4D;
	text-align: center;
}
.brown-recommend-top p em {
	display: inline-block;
	font-size: 1.2em;
	line-height: 1.6em;
}
.brown-recommend-top p em strong {
	display: inline-block;
	font-size: 1.6em;
}

/* */
.brown-recommend-decal {
	position: absolute;
	right: 40px;
	bottom: 0;
	width: 120px;
	height: 120px;
}
.brown-recommend-decal img {
	display: block;
	width: 100%;
	height: 100%;
}

/* */
.brown-recommend-pad {
	padding: 0 20px;
}

/* */
.brown-recommend-img {
	text-align: center;
}
.brown-recommend-img &gt; li {
	width: 32%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
}
.brown-recommend-img &gt; li:nth-child(3n) {
	margin-right: 0;
}
.brown-recommend-img &gt; li img {
	display: block;
	width: 100%;
}

/* ----- */
.brown-recommend.v2 {
	padding: 0;
	color: #736357;
}
.brown-recommend.v2 &gt; h4 {
	background-color: #DDD3BF;
	padding: 5px 10px;
	font-size: 1.15em;
	line-height: 1.4em;
	text-align: center;
}

.brown-recommend.v2 &gt; div {
	padding: 15px;
}

.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 1.05em;
}

.brown-recommend.moanalua-single &gt; div &gt; ul &gt; li {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 1.05em;
}

.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li:nth-child(2n+1) {
	padding-left: 0;
	border-right: 2px dotted currentColor;
}
.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li:nth-child(2n) {
	padding-right: 0;
}
.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li &gt; .oh {
	position: relative;
}

.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li img {
	display: block;
	float: left;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.brown-recommend.moanalua-single &gt; div &gt; ul &gt; li img {
	display: block;
	float: left;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li h5 {
	font-size: 1em;
	line-height: 1.4em;
	text-align: left !important;
}
.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li h6 {
	font-size: 1.05em;
	line-height: 1.4em;
}
.brown-recommend.moanalua-single &gt; div &gt; ul &gt; li h6 {
	font-size: 1.05em;
	line-height: 1.4em;
}
.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li h6 small {
	display: block;
}
.brown-recommend.moanalua-single &gt; div &gt; ul &gt; li h6 small {
	display: block;
}
.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li a {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
}

.brown-recommend-option {
	padding-top: 30px;
	overflow: visible;
	position: relative;
}

.brown-recommend-option .brown-recommend-decal {
	top: 0;
	bottom: auto !important;
}

.brown-recommend-option .brown-recommend.v2 &gt; h4 &gt; span {
	display: block;
	padding: 0 30px;
}
.mw800, .mw900, .mw960 {
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.mw900 {
	max-width: 900px;
}</pre></body></html>