<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#plan-subpage {
	padding-top: 10px;
}

#plan-subpage .ib {
	text-indent: 0;
}

.pc-extra-pad {
	padding-bottom: 20px;
}

.mw800, .mw900, .mw960 {
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.mw800 {
	max-width: 800px;
}
.mw900 {
	max-width: 900px;
}
.mw960 {
	max-width: 960px;
}

/* */
.yellow-text {
	color: #FFFF00;
}

/* ---- */
.midasi.plan-var {
	font-size: 1.2em;
}
.midasi.plan-var em {
	font-size: 2.2em;
}

.midasi.plan-var span {
	font-weight: inherit;
}

.midasi.plan-var .gray-bg {
	background-color: #4D4D4D;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #FFF;
	display: inline-block;
	padding: 4px 0.75em;
	border-radius: 5px;
	font-weight: bold;
}
.midasi.plan-var .gray-bg:not(:last-child) {
	margin-right: 5px;
}

/* ---- */
.plan-midasi1 {
	text-align: center;
	font-size: 1.85em;
	line-height: 1.4em;
	border-bottom: 1px solid currentColor;
	margin: 0 auto;
	padding-bottom: 5px;
}

.plan-midasi1-none .plan-midasi1 {
	display: none;
}

.plan-midasi1:not(:last-child) {
	margin-bottom: 20px;
}

.plan-midasi1 &gt; small {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.6em;
}

/* */
.plan-midasi2 {
	color: #0091CE;
	text-align: left;
	font-size: 1.15em;
	line-height: 1.2em;
	border-left: 2px solid currentColor;
	padding-left: 7px;
	margin: 0 auto;
}

.plan-midasi2:not(:last-child) {
	margin-bottom: 10px;
}

/* */
.plan-midasi3 {
	background-color: #E6F5FA;
	color: #0091CE;
	padding: 10px;
	font-size: 1.25em;
	line-height: 1.4em;
	font-weight: bold;
}
.plan-midasi3:not(:last-child) {
	margin-bottom: 20px;
}

/* */
.bullet-list
{}
.bullet-list &gt; li {
	text-indent: -1em;
	padding-left: 1em;
}
.bullet-list &gt; li &gt; .l_indent {
	display: block;
}

.bullet-list &gt; li::before {
	background-color: #C6C6C6;
	content: "";
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	margin: 0 0.2em;
	border-radius: 50%;
	text-indent: 0;
}
.bullet-list.blue &gt; li::before,
.bullet-list &gt; li.blue::before {
	background-color: #84CFE8;
}
.bullet-list.gold &gt; li::before,
.bullet-list &gt; li.gold::before {
	background-color: #BCB78D;
}

.bullet-list &gt; li.no-icon::before {
	content: none;
}

.indent5 {
	padding-left: 5em;
	text-indent: -5em;
}

/* */
.blue-box {
	background-color: #E6F5FA;
	padding: 15px 30px;
}

/* */
.beige-box {
	background-color: #faf3eb;
	margin: 0 20px 30px;
	padding: 30px 40px;
}
.beige-box.caution li {
	margin-bottom: 10px;
	padding: 10px 0 10px 5em;
	background-image: url('../img/plan/shared/caution/icon-caution1.svg');
	background-position: 0 0;
	background-size: 40px auto;
	background-repeat: no-repeat;
	text-indent: -1em;
}
.beige-box.caution li:nth-child(2) {
	background-image: url('../img/plan/shared/caution/icon-caution2.svg');
}
.beige-box.caution li:nth-child(3) {
	background-image: url('../img/plan/shared/caution/icon-caution3.svg');
}
.beige-box.caution li:nth-child(4) {
	background-image: url('../img/plan/shared/caution/icon-caution4.svg');
}
.beige-box.caution li:nth-child(5) {
	background-image: url('../img/plan/shared/caution/icon-caution5.svg');
}
.beige-box.caution li:nth-child(6) {
	background-image: url('../img/plan/shared/caution/icon-caution6.svg');
}
.beige-box.caution li:nth-child(7) {
	background-image: url('../img/plan/shared/caution/icon-caution7.svg');
}

/* */
.gray-note {
	text-align: center;
}
.gray-note &gt; span {
	background-color: #4D4D4D;
	display: inline-block;
	padding: 5px 1em;
	border-radius: 5px;
	color: #FFF;
	font-weight: bold;
}

/* */
.after-shadow::after {
	background: -webkit-radial-gradient(rgba(0,0,0,0.25) 15%,rgba(0,0,0,0),rgba(0,0,0,0) 70%);
	background: radial-gradient(rgba(0,0,0,0.25) 15%,rgba(0,0,0,0),rgba(0,0,0,0) 70%);
	content: "";
	display: block;
	margin: 0 auto;
	position: relative;
}

.photo-wp p.main_words.border-top{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #c6c6c6;
	font-size: 85% !important;
}

/* ---------- */
#plan-top-slick-wrap {
	margin: 0 auto 40px;
}

#plan-top-slick-wrap .in {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	position: relative;
	overflow: visible;
}

/* */
#plan-top-slick-wrap .gray-circle {
	width: 165px;
	height: 165px;
	position: absolute;
	top: -10px;
	left: 0;
	color: #FFF;
	margin-left: 5%;
	text-align: center;
	z-index: 10;
}

#plan-top-slick-wrap .gray-circle img {
	width: 100%;
	display: block;
}

/* */
#plan-top-slick-shadow {
	padding-bottom: 20px;
	overflow: hidden;
}

#plan-top-slick-shadow::after {
	padding-top: 40px;
	max-width: 740px;
	margin-top: -20px;
	margin-bottom: -20px;
	z-index: 1;
}

/* ---- */
#plan-top-slick {
	background: url("../img/plan/shared/brick-bg.jpg") center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 0 10px;
	position: relative;
	z-index: 2;
}

#plan-top-slick-img {
	background-color: #FFF;
	max-width: 750px;
	margin: 0 auto;
}

#plan-top-slick-img figure
{}

#plan-top-slick-img figure img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

/* */
#plan-top-slick-blue {
	background-color: #D8EEF7;
	padding: 15px 10px;
	margin-top: 30px;
}

/* */
#plan-top-slick-thumbs {
	margin-left: -5px;
	margin-right: -5px;
}

#plan-top-slick-thumbs figure {
	padding: 0 5px;
	cursor: pointer;
}
#plan-top-slick-thumbs figure:hover {
	opacity: 0.8;
}

/* ---------- */
#plan-intro-summary {
	text-align: center;
	margin: 0 auto;
}
#plan-intro-summary:not(:last-child) {
	margin-bottom: 40px;
}

#plan-intro-summary .main_words {
	margin: 0 auto 20px;
	font-size: 1.05em;
}

/* */
.plan-intro-photos-wrap {
	max-width: 800px;
	overflow: hidden;
	margin: 0 auto;
}

.plan-intro-photos-wrap:not(:last-child) {
	margin-bottom: 20px;
}

.plan-intro-photos-info {
	margin-left: -15px;
	margin-right: -15px;
	text-align: center;
	overflow: hidden;
}

.plan-intro-photos-info figure {
	display: inline-block;
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
	width: 320px;
	max-width: 33.3333%;
	max-width: calc(100% / 3);
	padding: 0 15px;
}

.plan-intro-photos-info figure::after {
	content: "+";
	position: absolute;
	color: #4D4D4D;
	text-align: center;

	font-size: 24px;
	line-height: 1.2em;
	width: 30px;
	right: -15px;
	top: 5px;
	margin-top: 0.3em;
}
.plan-intro-photos-info figure:last-child::after {
	content: none;
}

.plan-intro-photos-info figure &gt; small {
	display: block;
	font-size: 1em;
	line-height: 1.3em;
	margin: 5px 0 10px;
}

.plan-intro-photos-info figure &gt; div {
	background-color: #666;
	color: #FFF;
	font-size: 1.05em;
	line-height: 1.4em;
	font-weight: bold;
	border-radius: 30px;
	padding: 5px;
	vertical-align: top;
}
.plan-intro-photos-info figure &gt; div:last-child {
	margin-right: 0;
}

.plan-intro-photos-info figure &gt; div.single-line p {
	padding-top: 10px;
	padding-bottom: 10px;
}

.plan-intro-photos-info figure &gt; div.red {
	background-color: #ff6071;
}
.plan-intro-photos-info figure &gt; div.blue {
	background-color: #7888C3;
}
.plan-intro-photos-info figure &gt; div.blue2 {
	background-color: #29a5dc;
}
.plan-intro-photos-info figure &gt; div.blue3 {
	background-color: #48558F;
}
.plan-intro-photos-info figure &gt; div.teal {
	background-color: #28BEB1;
}
.plan-intro-photos-info figure &gt; div.green {
	background-color: #39AF4A;
}
.plan-intro-photos-info figure &gt; div.green2 {
	background-color: #88C243;
}
.plan-intro-photos-info figure &gt; div.green3 {
	background-color: #22AF73;
}
.plan-intro-photos-info figure &gt; div.orange {
	background-color: #F18D1E;
}
.plan-intro-photos-info figure &gt; div.pink {
	background-color: #FF73A7;
}
.plan-intro-photos-info figure &gt; div.purple {
	background-color: #CD87B7;
}
.plan-intro-photos-info figure &gt; div.purple2 {
	background-color: #cd88b8;
}
.plan-intro-photos-info figure &gt; div.beige {
	background-color: #d2a05a;
}
.plan-intro-photos-info figure &gt; div.brown {
	background-color: #b28247;
}

/* */
#plan-intro-summary .plan_price_wrap {
	letter-spacing: -.4em;
}
#plan-intro-summary .plan_price_wrap .plan_price {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	vertical-align: middle;
	margin: 5px;
}
#plan-intro-summary .plan_price_wrap .plan_price &gt; em {
	position: relative;
	display: inline-block;
	width: 170px;
	min-height: 40px;
	margin-right: 10px;
	padding: 0 5px;
	background-color: #d9eef8;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-family: "ãƒ¡ã‚¤ãƒªã‚ª", "Meiryo", "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", osaka, sans-serif;
	font-size: 11px;
	line-height: 1.4;
	vertical-align: middle;
}
#plan-intro-summary .plan_price_wrap .plan_price &gt; em span {
	position: absolute;
	top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  left: 0;
  right: 0;
}
#plan-intro-summary .plan_price {
	font-size: 1.4em;
	line-height: 2em;
}
#plan-intro-summary .plan_price strong {
	font-size: 1.7em;
	line-height: inherit;
	display: inline-block;
	vertical-align: bottom;
}
#plan-intro-summary .plan_price del,
#plan-intro-summary .plan_price ins {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
#plan-intro-summary .plan_price del {
	margin-right: 10px;
	font-size: 0.8em;
}

#plan-intro-summary .plan_price del::before {
	/* background-color: #CD1359;
	content: "";
	height: 2px;
	left: 0;
	right: 0;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	-webkit-transform: skewY(-5deg);
	-ms-transform: skewY(-5deg);
	transform: skewY(-5deg); */
}
#plan-intro-summary .plan_price ins {
	color: #CD1359;
}
#plan-intro-summary .plan_price ins::before{
/*
	background-image: url("../img/plan/shared/campaign-arrow.svg");
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 52px;
	height: 18px;
	margin-right: 10px;
*/
}
#plan-intro-summary .plan_price ins em {
	padding: 3px;
	font-size: 0.75em;
	line-height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	border-top: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	margin-right: 10px;
}

/* --- */
.plan-intro-banners {
	text-align: center;
}

.plan-intro-banners:not(:last-child) {
	margin-bottom: 40px;
}

.plan-intro-banners &gt; div {
	margin: 0 auto;
}
.plan-intro-banners &gt; div:not(:last-child) {
	margin-bottom: 20px;
}
.plan-intro-banners &gt; div a {
	display: inline-block;
	vertical-align: top;
}
.plan-intro-banners &gt; div img {
	display: block;
	margin: 0 auto;
}

.plan-intro-banners &gt; div.japanese {
	max-width: 600px;
}

/* --- */
#plan-share-page {
	text-align: right;
}
#plan-share-page &gt; p,
#plan-share-page &gt; a {
	display: inline-block;
	vertical-align: middle;
}

#plan-share-page &gt; p:not(:last-child),
#plan-share-page &gt; a:not(:last-child) {
	margin-right: 15px;
}

#plan-share-page &gt; p {
	text-align: center;
	font-weight: bold;
}

#plan-share-page &gt; a {
	background-color: #F2F2F2;
	background: -webkit-linear-gradient(top, #FFF, #EBEBEB);
	background: linear-gradient(to bottom, #FFF, #EBEBEB);
	border: 1px solid #C6C6C6;
	border-radius: 10px;
	padding: 6px 10px;
	text-align: center;
	color: inherit;
	cursor: pointer;
	box-sizing: border-box;
}

#plan-share-page &gt; a:hover {
	background-color: #E2E2E2;
	background: -webkit-linear-gradient(top, #EBEBEB, #E2E2E2);
	background: linear-gradient(to bottom, #EBEBEB, #E2E2E2);
	text-decoration: none;
}

#plan-share-page &gt; a::before {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	content: "";
	width: 25px;
	height: 22px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 7px;
}

#plan-share-page &gt; a.share-mail::before {
	background-image: url("../img/plan/shared/mail-icon.svg");
}
#plan-share-page &gt; a.share-line::before {
	background-image: url("../img/plan/shared/line-icon.svg");
}

/* ---------- */
#plan-reserve-status-wrap {
	position: relative;
	margin: 0 auto 40px;
}

#plan-reserve-status-wrap.after-shadow::after {
	padding-top: 40px;
	max-width: 740px;
	margin-top: -20px;
}

#plan-reserve-status {
	background-color: #F4F4F4;
	padding: 30px 0;
	position: relative;
	z-index: 2;
}

/* */
#plan-reserve-status .plan-midasi1 {
	border: none;
}
#plan-reserve-status .in {
	margin: 0 auto;
}

/* */
#plan-reserve-status ul {
	text-align: right;
	margin: 0 auto 20px;
}
#plan-reserve-status ul &gt; li {
	display: inline-block;
	vertical-align: top;
}
#plan-reserve-status ul &gt; li:not(:last-child) {
	margin-right: 1em;
}
#plan-reserve-status ul &gt; li img {
	display: inline-block;
	vertical-align: -0.2em;
	width: 1.2em;
	height: 1.2em;
	margin-right: 5px;
}

/* */
#plan-reserve-smt-tab {
	text-align: center;
	display: none;
}
#plan-reserve-smt-tab p,
#plan-reserve-smt-tab div {
	display: inline-block;
	vertical-align: bottom;
	width: 49%;
	box-sizing: border-box;
}

#plan-reserve-smt-tab p {
	background-color: #6190A9;
	color: #FFF;
	font-weight: bold;
	margin-right: 2%;
	padding: 10px 5px;
	border-radius: 5px 5px 0 0;
}

#plan-reserve-smt-tab div {
	padding: 5px;
}
#plan-reserve-smt-tab div &gt; a {
	background-color: #FFF;
	display: block;
	border: 1px solid #CCC;
	padding: 5px 5px;
	border-radius: 5px;
	color: inherit;
	cursor: pointer;
}

/* */
#plan-reserve-status .month-navi {
	overflow: hidden;
	margin: 0 auto 10px;
}
#plan-reserve-status .month-navi a {
	background-color: #4D4D4D;
	color: #FFF;
	text-align: center;
	border-radius: 10px;
	padding: 5px 1em;
	display: block;
	font-weight: bold;
	cursor: pointer;
}
#plan-reserve-status .month-navi a:hover {
	background-color: #6D6D6D;
	text-decoration: none;
}

#plan-reserve-status .month-navi a:first-child {
	float: left;
}
#plan-reserve-status .month-navi a:last-child {
	float: right;
}
#plan-reserve-status .month-navi a:first-child::before {
	content: "&lt;";
	display: inline-block;
	margin-right: 5px;
}
#plan-reserve-status .month-navi a:last-child::after {
	content: "&gt;";
	display: inline-block;
	margin-left: 5px;
}

/* --- */
#plan-reserve-calendar {
	overflow: hidden;
	margin: 0 auto 30px;
}
#plan-reserve-calendar p {
	margin: 0 auto 10px;
	font-size: 1.1em;
}

#plan-reserve-calendar figure {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin-right: 2%;
}
#plan-reserve-calendar figure:nth-child(3n) {
	margin-right: 0;
}

/* */
#plan-reserve-calendar figure table {
	width: 100%;
	border: 1px solid #6BC5E3;
	border-spacing: 0;
	empty-cells: show;
	border-collapse: collapse;
	table-layout: fixed;
	text-align: center;
}
#plan-reserve-calendar figure table th,
#plan-reserve-calendar figure table td {
	background-color: #FFF;
	border: 1px solid #6BC5E3;
}

/* */
#plan-reserve-calendar figure table thead td {
	background-color: #6BC5E3;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;
}
#plan-reserve-calendar figure table thead td:first-child {
	color: #EB758E;
}
#plan-reserve-calendar figure table thead td:last-child {
	color: #2D3091;
}

/* */
#plan-reserve-calendar figure table td a,
#plan-reserve-calendar figure table td span {
	display: block;
	padding: 5px;
}

#plan-reserve-calendar figure table td span {
	background-color: #ECECEC;
	color: #808080;
}
#plan-reserve-calendar figure table td span.pink {
	background-color: #FFECF0;
}

#plan-reserve-calendar figure table td a {
	background-color: #E6F5FA;
	cursor: pointer;
	color: inherit;
	font-weight: bold;
}
#plan-reserve-calendar figure table td a:hover {
	background-color: #F6FFFF;
}

#plan-reserve-calendar figure table td a::after,
#plan-reserve-calendar figure table td span::after {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	content: "";
	width: 1.25em;
	height: 1.25em;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

#plan-reserve-calendar figure table td a.o::after {
	background-image: url("../img/plan/shared/calendar-icon1.svg");
}
#plan-reserve-calendar figure table td a.t::after {
	background-image: url("../img/plan/shared/calendar-icon2.svg");
}
#plan-reserve-calendar figure table td a.x::after {
	background-image: url("../img/plan/shared/calendar-icon3.svg");
}

/* */
#plan-reserve-month-btns {
	background-color: #FFF;
	text-align: center;
	padding: 20px;
}
#plan-reserve-month-btns &gt; ol {
	padding: 20px;
}

#plan-reserve-month-btns &gt; ol &gt; li {
	width: 48%;
	margin-right: 4%;
	display: inline-block;
	vertical-align: top;
}
#plan-reserve-month-btns &gt; ol &gt; li:nth-child(2n) {
	margin-right: 0;
}
#plan-reserve-month-btns &gt; ol &gt; li:nth-child(n+3) {
	margin-top: 20px;
}
#plan-reserve-month-btns &gt; ol &gt; li a {
	background-color: #0AA0D2;
	display: block;
	border-radius: 5px;
	padding: 5px 10px;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.4em;
	text-decoration: none;
	font-weight: bold;
}
#plan-reserve-month-btns &gt; ol &gt; li a:hover {
	text-decoration: none;
}

/* ---------- */
.plan-apply-btn {
	margin: 0 auto;
	max-width: 600px;
}
.plan-apply-btn:not(:last-child) {
	margin-bottom: 30px;
}

.plan-apply-btn a.wide {
	display: block;
	width: auto;
	max-width: none;
	margin: 0 auto;
}

/* ---------- */
.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;
}


/* ---------- */
.red-outline {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	border: 1px solid #BB272D;
	padding: 15px;
	overflow: hidden;
	font-size: 12px;
}
.red-outline:not(:last-child) {
	margin-bottom: 20px;
}

.balloon-point::before {
	background: url("../img/plan/shared/red-balloon.svg") no-repeat center top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	content: "";
	float: left;
	margin-right: 10px;
	width: 38px;
	height: 47px;
	display: block;
}

/* ---------- */
.plan-4tabs {
	background-color: #0aa0d2;
	text-align: center;
	margin: 0 auto 40px;
	font-weight: bold;
}
/*
body.scroll .plan-4tabs.pc {
	position: fixed;
	top: 101px;
	left: 0;
	width: 100%;
	z-index: 15;
}
*/
body header {
	height: auto;
}

body header .plan-4tabs.pc {
	position: static;
	margin: 10px 0 -10px;
	display: block !important;
}

.plan-4tabs .in {
	padding: 0;
}

.plan-4tabs a {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 8px 5px;
	color: #FFF;
	cursor: pointer;
	width: 25%;
}

.plan-4tabs a:hover,
.plan-4tabs a.active {
	background-color: #018bb9;
	text-decoration: none;
}

.plan-4tabs a p {
	margin: 0 auto;
	padding: 0;
	line-height: 1.5em;
	position: relative;
}
.plan-4tabs a p em {
	display: block;
	position: static;
	line-height: inherit;
	font-weight: inherit;
	font-style: inherit;
}

/* ---------- */
#plan-subsections {
	margin: -164px auto 60px;
	padding-top: 164px;
}
#plan-subsections &gt; section {
	display: none;
}
#plan-subsections &gt; section.active {
	display: block;
}

#plan-subsections .in:first-child {
	margin-top: 0;
}
#plan-subsections .in:last-child {
	margin-bottom: 0;
}

#plan-subsections .bold {
	font-weight: bold !important;
}

/* ---------- */
.plan-salon-schedule {
	background: url("../img/top/bg_line.png");
	padding: 20px;
	overflow: hidden;
	border-radius: 10px;
}

.plan-salon-schedule .plan-midasi1 {
	border-bottom: 0;
	padding: 0;
}
.plan-salon-schedule .plan-midasi1:not(:last-child) {
	margin-bottom: 20px;
}
.plan-salon-schedule dl {
	background-color: #FFF;
	border: 1px solid #C6C6C6;
	text-align: center;
}

.plan-salon-schedule dl dt,
.plan-salon-schedule dl dd {
	word-wrap: break-word;
	vertical-align: top;
	padding: 5px;
	display: inline-block;
	border-top-width: inherit;
	border-top-color: inherit;
	border-top-style: none;
	box-sizing: border-box;
}
.plan-salon-schedule dl dt:nth-of-type(n+4),
.plan-salon-schedule dl dd:nth-of-type(n+4) {
	border-top-style: solid;
}

.plan-salon-schedule dl dt {
	background-color: #F4F2EB;
	width: 8%;
	text-align: center;
}

.plan-salon-schedule dl dd {
	width: 25.33%;
	width: calc(76%/3);
	border-right: inherit;
}
.plan-salon-schedule dl dd:nth-of-type(3n) {
	border-right-style: none;
}

/* ---------- */
#chapel-list-wrap
{}

.chapel-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
}
.chapel-list:not(:last-child) {
	margin-bottom: 30px;
}
.chapel-list &gt; li {
	background-color: #FFF;
	position: static;
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin-right: 2%;
	box-sizing: border-box;
	border: 2px solid transparent;
}

.chapel-list &gt; li:nth-child(3n) {
	margin-right: 0;
}

.chapel-list &gt; li::before {
	background-color: inherit;
	content: "";
	border-width: inherit;
	border-style: inherit;
	border-color: #E0E0E0;
	box-sizing: inherit;
	width: inherit;
	position: absolute;
	top: 0;
	bottom: 20px;
	z-index: 2;
}

.chapel-list &gt; li.after-shadow::after {
	padding-top: 40px;
	width: inherit;
	bottom: 0;
	z-index: 1;
	position: absolute;
}

.chapel-list &gt; li:first-child::before,
.chapel-list &gt; li.after-shadow:first-child::after,
.chapel-list &gt; li:first-child nav {
	left: 0%;

}
.chapel-list &gt; li:nth-child(2)::before,
.chapel-list &gt; li.after-shadow:nth-child(2)::after,
.chapel-list &gt; li:nth-child(2) nav {
	left: 34%;
}
.chapel-list &gt; li:nth-child(3)::before,
.chapel-list &gt; li.after-shadow:nth-child(3)::after,
.chapel-list &gt; li:nth-child(3) nav {
	left: 68%;
}

/* */
.chapel-list &gt; li &gt; div {
	background-color: inherit;
	padding: 20px;
	position: static;
	font-size: 0.95em;
}

.chapel-list &gt; li &gt; div &gt; div {
	position: relative;
	padding-bottom: 60px;
	z-index: 3;
}

/* */
.chapel-list &gt; li img {
	display: block;
	margin: 0 auto 20px;
}

/* */
.chapel-list &gt; li h4 {
	text-align: center;
	font-size: 1.1em;
	margin: 0 auto 15px;
	overflow: hidden;
}
.chapel-list &gt; li h4 &gt; em,
.chapel-list &gt; li h4 &gt; span {
	display: block;
}
.chapel-list &gt; li h4 &gt; em {
	font-size: 1.1em;
}
.couple-beauty .chapel-list &gt; li h4 &gt; em::after {
	content: "ã‚«ãƒƒãƒ—ãƒ«ã‚¨ã‚¹ãƒ†50åˆ†ä»˜ã";
	display: block;
	margin: 0 0 3px;
	color: #0aa0d2;
}
.chapel-list &gt; li h4 &gt; span {
	line-height: 2em;
}
.chapel-list &gt; li h4 &gt; span &gt; strong {
	font-size: 1.85em;
	line-height: inherit;
	display: inline-block;
}

/* */
.chapel-list &gt; li p {
	margin: 0 auto 20px;
	font-size: 0.95em;
}

/* */
.chapel-list &gt; li nav {
	width: 32%;
	position: absolute;
	box-sizing: border-box;
	padding: 0 20px;
	z-index: 4;
	bottom: 40px;
}

.chapel-list &gt; li a {
	display: block;
	width: auto;
	height: auto;
	font-size: 1em;
	min-height: 0;
	max-width: none;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* chapel-banner */
.chapel-list &gt; li.chapel-banner:last-child:nth-child(3n+2) {
	width: 66%;
	margin-right: 0;
}
.chapel-list &gt; li.chapel-banner:last-child:nth-child(3n+1) {
	width: 100%;
	margin-right: 0;
}

.chapel-list &gt; li.chapel-banner::before,
.chapel-list &gt; li.chapel-banner::after {
	content: none;
}


.chapel-list &gt; li.chapel-banner img,
.chapel-list &gt; li.chapel-banner a {
	display: block;
	margin: 0 auto;
}
.chapel-list &gt; li.chapel-banner a {
	padding: 0 !important;
	overflow: hidden;
}

.chapel-list &gt; li.chapel-banner img {
	width: 100%;
}

/* ---------- */
#dinner-list-wrap {

}
.dinner-list {
	letter-spacing: -.4em;
}
.dinner-list &gt; li {
	position: relative;
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	vertical-align: top;
	width: 31.3%;
	margin: 0 1% 30px;
	padding: 20px;
	border: 2px solid #E0E0E0;
	text-align: left;
}
.dinner-list &gt; li.banner {
	width: 64.6%;
	padding: 0;
	border: none;
}
.dinner-list &gt; li.banner .contact-box {
	margin: 0;
}
.dinner-list &gt; li.after-shadow::after {
	position: absolute;
	bottom: -17px;
	left: 0;
	right: 0;
	width: 100%;
	height: 15px;
	background-image: url("../img/plan/shared/shadow.png");
	background-repeat: no-repeat;
	background-size: auto 15px;
	background-position: 50% 0;
}
.dinner-list .ph {
	margin: 0 10px 5px;
}
.dinner-list .ph img {
	width: 100%;
}
.dinner-list .spec {
	margin-bottom: 10px;
	letter-spacing: -.4em;
}
.dinner-list .spec li {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	width: 23%;
	margin: 0 1%;
	padding: 5px 0;
	background-color: #6cc6e4;
	font-size: 12px;
	text-align: center;
	color: #fff;
}
.dinner-list .title {
	margin-bottom: 5px;
	font-size: 15px;
}
.dinner-list .outline {
	margin: 10px 0 15px;
	padding: 10px;
	background-color: #f2f2f2;
	font-size: 12px;
}
.dinner-list .outline &gt; li {
	padding-left: 3em;
	text-indent: -3em;
}
.dinner-list .normal.wide {
	width: 100%;
	margin: 0;
}


/* ---------- */
#plan-other-plans {
	background: url("../img/top/bg_line.png");
	padding: 30px 0;
}

#plan-other-plans .plan-midasi1 {
	border-bottom: none;
	padding-bottom: 0;
}

/* ---- */
#plan-other-plans .in {
	margin-top: 0;
	margin-bottom: 0;
}

.other-plans-list {
	position: relative;
	padding-bottom: 20px;
}

.other-plans-list a:hover {
	text-decoration: none;
}
.other-plans-list a p {
	color: #4d4d4d;
}

.other-plans-list:not(:last-child) {
	margin-bottom: 30px;
}

.other-plans-list &gt; li {
	background-color: #F2FAFC;
	position: static;
	width: 31%;
	margin-right: 3.5%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.other-plans-list &gt; li:nth-child(3n) {
	margin-right: 0;
}

.other-plans-list &gt; li::before {
	background-color: inherit;
	content: "";
	border-width: inherit;
	border-style: inherit;
	border-color: #CDEBF5;
	box-sizing: inherit;
	width: inherit;
	position: absolute;
	top: 0;
	bottom: 20px;
	z-index: 2;
}

.other-plans-list &gt; li.after-shadow::after {
	padding-top: 40px;
	width: inherit;
	bottom: 0;
	z-index: 1;
	position: absolute;
}

.other-plans-list &gt; li:first-child::before,
.other-plans-list &gt; li.after-shadow:first-child::after {
	left: 0%;
}
.other-plans-list &gt; li:nth-child(2)::before,
.other-plans-list &gt; li.after-shadow:nth-child(2)::after {
	left: 34.5%;
}
.other-plans-list &gt; li:nth-child(3)::before,
.other-plans-list &gt; li.after-shadow:nth-child(3)::after {
	left: 69%;
}

.other-plans-list &gt; li &gt; div {
	background-color: inherit;
	position: relative;
	z-index: 2;
	padding: 0 0 20px;
}

.other-plans-list &gt; li .ov {
	overflow: visible;
}

.other-plans-list &gt; li img {
	display: block;
	margin: 0 auto 15px;
	width: 100%;
}

.other-plans-list &gt; li h4 {
	color: #099FD1;
	text-align: center;
	padding: 5px;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 auto 5px;
	position: relative;
	overflow: hidden;
}

.other-plans-list &gt; li h4 &gt; span {
	display: block;
	line-height: inherit;
}
.other-plans-list &gt; li h4 b,
.other-plans-list &gt; li h4 small {
	display: inline-block;
	font-weight: inherit;
}


.other-plans-list &gt; li h5 {
	text-align: center;
	font-size: 1.1em;
	margin: 0 auto 10px;
	overflow: hidden;
}
.other-plans-list &gt; li h5.line {
	padding-top: 15px;
	background-image: url("../img/common/bg_line_title.svg");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: 70% auto;
}
.other-plans-list &gt; li h5 em {
	background-color: #4d4d4d;
	color: #FFF;
	font-size: 0.9em;
	line-height: 1.4em;
	display: block;
	margin: 0 auto 10px;
	max-width: 200px;
}
.other-plans-list &gt; li h5 span {
	color: #4d4d4d;
	font-size: 1.1em;
	line-height: 1.9em;
	display: block;
	font-weight: normal;
}
.other-plans-list &gt; li h5 span strong {
	font-size: 1.6em;
	line-height: inherit;
	display: inline-block;
	font-weight: bold;
}

.other-plans-list &gt; li p {
	padding: 0 20px;
}

/* ---------------------------------------- */
/* Included */
/* ---------------------------------------- */

/* ---- */
#plan-include-icons-wrap {
    text-align: center;
    color: #6BC5E3;
    margin: 0 auto 80px;
}
@media only screen and (min-width: 800px) {
#plan-include-icons-wrap {
    height : 80px;
}
}

#plan-include-icons {
	margin: 0 -14px;
}

#plan-include-icons &gt; ul {
	display: inline;
	vertical-align: top;
}

#plan-include-icons &gt; ul &gt; li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 10%;
	padding: 0 14px;
	box-sizing: border-box;
	text-align: center;
}

#plan-include-icons &gt; ul &gt; li::after {
	content: "+";
	position: absolute;
	text-align: center;

	font-size: 24px;
	width: 28px;
	right: -14px;
	line-height: 28px;
	top: 50%;
	margin-top: -14px;
}

#plan-include-icons &gt; ul &gt; li:nth-child(10n)::after,
#plan-include-icons &gt; ul:last-child &gt; li:last-child::after {
	content: none;
}

#plan-include-icons &gt; ul &gt; li img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

/* ---- */
.plan-include-details-tc .plan-include-details {
	text-align: center;
}
.plan-include-details {
	margin: 0 auto 30px;
	max-width: 960px;
	overflow: hidden;
}
.plan-include-details-tc .plan-include-details &gt; li {
	text-align: left;
}
.plan-include-details &gt; li {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin-right: 2%;
	font-size: 0.975em;
}
.plan-include-details &gt; li:nth-child(3n) {
	margin-right: 0;
}
.plan-include-details &gt; li:nth-child(n+4) {
	margin-top: 30px;
}

.plan-include-details &gt; li .plan-midasi2 {
	background-color: #F6F6F6;
	padding: 9px;
	font-weight: normal;
	position: relative;
}

.plan-include-details &gt; li .plan-midasi2 &gt; span {
	display: block;
	position: relative;
	z-index: 2;
}

.plan-include-details &gt; li .plan-midasi2.blank {
	visibility: hidden;
	border-left: none;
	padding-left: 0;
}

.plan-include-details &gt; li .plan-midasi2.extended::before {
	background-color: inherit;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	width: 200%;
	padding-right: 10%;
	position: absolute;
	z-index: 1;
}

.plan-include-details &gt; li &gt; ul:not(:last-child) {
	margin-bottom: 20px;
}

.plan-include-details &gt; li &gt; ul &gt; li {
	position: relative;
	padding-right: 4em;
	min-height: 2em;
	font-size: 0.975em;
	line-height: 1.4em;
}

.plan-include-details &gt; li &gt; ul &gt; li .title-s {
	display: block;
	margin: 0 -4em 0 -1em;
	padding: 2px 5px 0;
	background-color: #6cc6e4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	text-indent: 0;
}

.plan-include-details &gt; li &gt; ul &gt; li:not(:first-child) {
	border-top: 2px dotted #CCC;
	padding-top: 5px;
	margin-top: 5px;
}

.plan-include-details &gt; li &gt; ul &gt; li.no-line {
	border-top-width: 0;
	padding-top: 0;
}


.plan-include-details &gt; li &gt; ul &gt; li &gt; a {
	background-color: #4D4D4D;
	position: absolute;
	top: 0;
	right: 0;
	color: #FFF;
	font-size: 0.9em;
	text-align: center;
	padding: 0.25em 0.5em;
	line-height: 1.4em;
	border-radius: 5px;
	display: block;
	cursor: pointer;
	text-indent: 0;
}
.include-details-bt_none .plan-include-details &gt; li &gt; ul &gt; li &gt; a {
	display: none;
}
.plan-include-details &gt; li &gt; ul &gt; li &gt; a:hover {
	background-color: #6D6D6D;
	text-decoration: none;
}
.plan-include-details &gt; li &gt; ul &gt; li &gt; a::after {
	content: "";
	border-width: 0;
	border-style: solid;
	border-color: currentColor;
	border-right-width: 2px;
	border-top-width: 2px;
	width: 0.5em;
	height: 0.5em;
	margin-left: 0.25em;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: 0;
}

.plan-include-details &gt; li &gt; ul &gt; li:not(:first-child) &gt; a {
	top: 5px;
}
.plan-include-details &gt; li &gt; ul &gt; li.no-line &gt; a {
	top: 0;
}

/* ---------------------------------------- */
/* Schedule */
/* ---------------------------------------- */
.schedule-switch-btns {
	text-align: center;
	margin: 0 auto;
	max-width: 640px;
}
.schedule-switch-btns:not(:last-child) {
	margin-bottom: 20px;
}

.schedule-switch-btns &gt; a {
	background-color: #E0E0E0;
	display: inline-block;
	vertical-align: top;
	width: 49%;
	color: inherit;
	margin-right: 2%;
	padding: 8px 30px;
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
}
.schedule-switch-btns &gt; a:nth-child(2n) {
	margin-right: 0;
}
.schedule-switch-btns &gt; a:hover {
	cursor: pointer;
	text-decoration: none;
}

.schedule-switch-btns &gt; a.active {
	background-color: #099FD1;
	color: #FFF;
}

.schedule-switch-btns &gt; a::after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
	border: 0px solid currentColor;
	border-right-width: 2px;
	border-bottom-width: 2px;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ------ */
.plan-schedule-wrap {
	overflow: hidden;
	width: 95%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.plan-schedule-wrap:not(:last-child) {
	margin-bottom: 50px;
}

.plan-schedule-wrap[hidden] {
	display: none;
}

/* */
.schedule-divider {
	background-color: #4F4F4F;
	color: #FFF;
	font-size: 1.05em;
	font-weight: bold;
	overflow: hidden;
	padding: 8px 20px;
	border-radius: 5px;
	margin: 0 auto;
}
.schedule-divider:not(:last-child) {
	margin-bottom: 20px;
}
.schedule-divider &gt; span {
	display: block;
	font-weight: inherit;
}
.schedule-divider &gt; span.triangle::before {
	content: "";
	border-top: 0.8em solid #C6C6C6;
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	margin-right: 0.5em;
	display: inline-block;
}

/* ------ */
.plan-schedule {
	margin: 0 auto;
}

.plan-schedule:not(:last-child) {
	margin-bottom: 10px;
}

.plan-schedule &gt; li {
	position: relative;
	overflow: hidden;
}

.plan-schedule &gt; li.after-shadow::after {
	height: 40px;
	margin: -20px auto 0;
	z-index: 1;
}

.plan-schedule &gt; li &gt; div {
	background-color: #FFF;
	border-bottom: 1px solid #84CFE8;
	position: relative;
	z-index: 3;
	padding: 0 15px 15px;
}
.plan-schedule &gt; li.extended &gt; div &gt; div {
	position: relative;
	overflow: hidden;
}


.plan-schedule &gt; li:not(:last-child) {
	margin-bottom: 10px;
}

.plan-schedule &gt; li:not(:last-child) &gt; div::after {
	content: "";
	bottom: -20px;
	left: 50%;
	margin-left: -25px;
	border-top: 20px solid #84CFE8;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	z-index: 2;
	position: absolute;
}

.plan-schedule &gt; li.extended &gt; div {
	border-bottom: none;
}
.plan-schedule &gt; li.extended &gt; div::after {
	content: none;
}
.plan-schedule &gt; li.extended &gt; div &gt; div {
	background-color: #E6E6E6;
	color: #099FD1;
	border-radius: 10px;
}
.plan-schedule &gt; li.extended .schedule-time-box {
	background-color: #E6E6E6;
}

/* --- */
.schedule-time-box {
	background-color: #CDEBF5;
	display: block;
	color: #099FD1;
	font-size: 1.15em;
	line-height: 1.4em;
	border-radius: 10px;
	box-sizing: border-box;
	float: left;
	text-align: center;
	width: 5em;
	height: 5em;
	position: relative;
	margin-right: 20px;
}

.schedule-time-box &gt; span {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	padding: 0 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.schedule-time-box &gt; span b {
	display: inline-block;
	font-weight: inherit;
}

/* */
.schedule-text {
	overflow: hidden;
}
.schedule-text img {
	float: right;
	width: 110px;
	display: block;
	margin: 0 0 0 10px;
}

.schedule-text .midasi3 {
	font-weight: bold;
	text-align: left;
	overflow: hidden;
	margin: 0 auto 10px;
}
.schedule-text p {
	overflow: hidden;
	text-align: left;
}

/* */
.extended .schedule-text p {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	top: 50%;
	margin-top: -0.7em;
}

/* */
.schedule-makeup-detail {
	background-color: #f6f3ed;
	border: 1px solid #c8b695;
	border-radius: 10px;
	padding: 20px;
	overflow: hidden;
	margin: 0 auto;
}

.schedule-makeup-detail:not(:first-child) {
	margin-top: 20px;
}

.schedule-makeup-detail &gt; ol {
	overflow: hidden;
	margin: 0 -20px;
}
.schedule-makeup-detail &gt; ol &gt; li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0 20px;
	box-sizing: border-box;
	position: relative;
	color: #099FD1;
	font-size: 1.05em;
	font-weight: bold;
}
.schedule-makeup-detail &gt; ol &gt; li img {
	display: block;
	width: 100%;
	margin: 0 auto 10px;
}

.schedule-makeup-detail &gt; ol &gt; li::after {
	content: "&gt;";
	font-size: 20px;
	line-height: 1.6em;
	display: block;
	width: 40px;
	text-align: center;
	position: absolute;
	right: -20px;
	top: -0.8em;
	margin-top: 32%;
}
.schedule-makeup-detail &gt; ol &gt; li:nth-child(4n)::after,
.schedule-makeup-detail &gt; ol &gt; li:last-child::after {
	content: none;
}

.schedule-debug-note {
	background-color: #000;
	color: #0F0;
	text-align: center !important;
	font-family: "Lucida Console", Monaco, Fixedsys, monospace;
	font-size: 1em;
	padding: 3px;
	margin: 0px auto 10px;
	clear: both;
}

/* ---------------------------------------- */
/* Options */
/* ---------------------------------------- */
#plan-best-options {
	text-align: center;
}

#plan-best-options &gt; figure {
	max-width: 48%;
	margin-right: 4%;
	display: inline-block;
	vertical-align: top;
	width: 500px;
	text-align: left;
	box-sizing: border-box;
}

#plan-best-options &gt; figure:nth-child(2n) {
	margin-right: 0;
}
#plan-best-options &gt; figure:nth-child(n+3) {
	margin-top: 20px;
}

#plan-best-options &gt; figure:only-child {
	display: block;
	width: auto;
	max-width: 600px;
	margin: 0 auto;
}

#plan-best-options &gt; figure img {
	float: left;
	width: 200px;
	max-width: 50%;
	margin: 0 15px 0 0;
	display: block;
}
#plan-best-options &gt; figure h4 {
	color: #099FD1;
	margin: 0 auto;
	overflow: hidden;
}
#plan-best-options &gt; figure h4:not(:last-child) {
	margin-bottom: 20px;
}
#plan-best-options &gt; figure h5 {
	display: block;
	color: #099FD1;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-top: 20px;
	overflow: hidden;
}
#plan-best-options &gt; figure h5:not(:last-child) {
	margin-bottom: 15px;
}

#plan-best-options &gt; figure .bullet-list strong {
	display: inline-block;
	font-size: 1.75em;
	line-height: 1.2em;
	text-indent: 0;
	font-weight: inherit;
}
#plan-best-options &gt; figure .bullet-list b {
	display: inline-block;
	font-weight: inherit;
	text-indent: 0;
}

#plan-best-options &gt; figure nav {
	margin-top: 20px;
}

#plan-best-options &gt; figure nav.after-shadow::after {
	height: 40px;
	margin: -20px 0 0;
}

#plan-best-options &gt; figure nav a {
	background-color: #0AA0D2;
	display: block;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	padding: 8px 10px;
	position: relative;
	z-index: 2;
}

#plan-best-options &gt; figure nav a:hover {
	background-color: #9CD8EC;
	text-decoration: none;
}

/* */
#plan-recommended-options
{}
#plan-recommended-options &gt; div:not(:last-child) {
	margin-bottom: 40px;
}

.plan-option-list {
	padding: 0 15px;
}
.plan-option-list:not(:last-child) {
	padding-bottom: 20px;
	border-bottom: 1px solid #B5E2F1;
	margin-bottom: 20px;
}

.plan-option-list &gt; li {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin-right: 3.5%;
	overflow: hidden;
	text-align: left;
}
.plan-option-list &gt; li:nth-child(3n),
.plan-option-list &gt; li:last-child {
	margin-right: 0;
}
.plan-option-list &gt; li:nth-child(n+4) {
	margin-top: 20px;
}

.plan-option-list &gt; li &gt; .oh {
	margin: 0 auto 20px;
}

.plan-option-list &gt; li img {
	float: left;
	width: 88px;
	display: block;
	margin: 0 15px 0 0;
}
.plan-option-list &gt; li &gt; .oh &gt; a {
	overflow: hidden;
	display: block;
}
.plan-option-list &gt; li .plan-midasi2 {
	overflow: hidden;
	font-size: 1.1em;
}

.plan-option-list &gt; li .bullet-list {
	overflow: hidden;
}
.plan-option-list &gt; li small{
	font-size: 75%;
	font-weight: normal;
}



/* ---------------------------------------- */
/* Images/Gallery */
/* ---------------------------------------- */
.plan-gallery-video-wp {
	position: relative;
	overflow: hidden;
}
.plan-gallery-video-wp &gt; a.cover {
	position: relative;
	display: block;
	max-width: 704px;
	margin: 0 auto;
	z-index: 1;
}
.plan-gallery-video-wp &gt; a.cover:hover {
	filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
  transition: opacity 0.2s ease-out;
}
.plan-gallery-video-wp &gt; a.cover img {
	display: block;
}
.plan-gallery-video-wp &gt; a.cover .bt {
	position: absolute;
	bottom: 38px;
	left: 0;
	right: 0;
	max-width: 200px;
	margin: 0 auto;
	z-index: 1;
}
.visionari .plan-gallery-video-wp &gt; a.cover .bt {
	display: none;
}
.plan-gallery-video {
	background-color: #F2F2F2;
	max-width: 700px;
	margin: 0 auto;
	/* padding-top: 55%; */
	padding-top: 39.5%;
	position: relative;
}

.plan-gallery-video:not(:last-child) {
	margin-bottom: 40px;
}

.plan-gallery-video-wp &gt; .plan-gallery-video {
	padding-top: 39.5%;
}
.plan-gallery-video iframe {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* ----- */
.plan-gallery-wrap,
.plan-gallery-wrap h4 &gt; span {
	background-color: #D8EEF7;
}
.plan-gallery-wrap h4 {
	text-align: left;
	line-height: 1.5em;
}
.plan-gallery-wrap.color {
	padding-top: 0;
}
.plan-gallery-wrap.color,
.plan-gallery-wrap.color h4 &gt; span {
	background-color: transparent;
}
.plan-gallery-wrap.color .in &gt; div:not(:last-child) {
	margin-bottom: 40px;
}
#molii_anchor,
.plan-gallery-wrap.color .pink,
.plan-gallery-wrap.color .blue,
.plan-gallery-wrap.color .yellow {
	margin-top: -164px;
	padding-top: 164px;
	position: relative;
	z-index: -1;
}
.plan-gallery-wrap.color .pink ul,
.plan-gallery-wrap.color .blue ul,
.plan-gallery-wrap.color .yellow ul {
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}
.plan-gallery-wrap.color .pink ul {
	background-color: #ffebf3;
}
.plan-gallery-wrap.color .blue ul {
	background-color: #daf1f8;
}
.plan-gallery-wrap.color .yellow ul {
	background-color: #fef6e4;
}
.plan-gallery-wrap {
	padding: 30px 0;
}
.plan-gallery-wrap.option-photoshot {
	position: relative;
	background: url(../img/top/bg_line.png);
}
.plan-gallery-wrap.option-photoshot .midasi em {
	color: #333;
}
.plan-gallery-wrap.option-photoshot .more
{
	position: absolute;
	top: 60px;
	right: 35px;
	z-index: 1;
}
.plan-gallery-wrap.option-photoshot .more a
{
	display: block;
	width: 90px;
	padding: 4px 0;
	background-image: url("../img/common/slide_r.png");
	background-repeat: no-repeat;
	background-size: 7px auto;
	background-position: 90% 50%;
	background-color: #4d4d4d;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.plan-gallery-wrap.option-photoshot .more a:hover
{
	text-decoration: none;
	filter: Alpha(opacity=70);
	opacity: .7;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.plan-gallery-wrap h4 {
	text-align: center;
	color: #099FD1;
	position: relative;
	font-size: 1.15em;
	line-height: 1.4em;
	font-weight: bold;
	margin: 0 auto;
}
.plan-gallery-wrap.color .pink h4,
.plan-gallery-wrap.color .blue h4,
.plan-gallery-wrap.color .yellow h4 {
	margin-bottom: 0;
	padding: 5px 0;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	color: #fff;
	text-align: center;
}
.plan-gallery-wrap.color .pink h4 {
	background-color: #ff7bac;
}
.plan-gallery-wrap.color .blue h4 {
	background-color: #0aa0d2;
}
.plan-gallery-wrap.color .yellow h4 {
	background-color: #f5bb1f;
}
.plan-gallery-wrap h4:not(:last-child) {
	margin-bottom: 20px;
}

.plan-gallery-wrap h4::before {
	border-top: 1px solid currentColor;
	content: "";
	top: 50%;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 1;
}
.plan-gallery-wrap.color h4::before {
	content: none;
}

.plan-gallery-wrap h4 &gt; span {
	display: inline-block;
	padding: 0 0.5em;
	position: relative;
	z-index: 2;
}

.plan-gallery-wrap .in {
	margin-bottom: 0;
	margin-top: 0;
}

/* --- */
.plan-gallery-list {
	text-align: left;
	padding: 0 15px;
	letter-spacing:-.4em;
}

.plan-gallery-list:not(:last-child) {
	margin-bottom: 40px;
}

.plan-gallery-list &gt; li {
	display: inline-block;
	vertical-align: top;
	width: 23%;
	margin: 0 1%;
	border: 1px solid #FFF;
	box-sizing: border-box;
}
.plan-gallery-list &gt; li:nth-child(n+5) {
	margin-top: 2%;
}

.plan-gallery-list &gt; li a,
.plan-gallery-list &gt; li img {
	display: block;
	margin: 0 auto;
}


.plan-gallery-list.date &gt; li {
	margin-bottom: 60px;
}
.plan-gallery-list.date &gt; li a {
	position: relative;
	letter-spacing: normal;
}
.plan-gallery-list.date &gt; li a::after {
	content: attr(data-label);
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
	width: 85%;
	margin: 0 auto;
	padding: 15px 5px;
	background-color: rgba(0,0,0,0.7);
	box-sizing: border-box;
	color: #fff;
	text-align: center;
}
.plan-gallery-list.date &gt; li a &gt; img {
	display: none;
}
.plan-gallery-list.date &gt; li a &gt; img:nth-child(1) {
	display: block;
}


/* ---------------------------------------- */
.plan-popup-wrap-round {
	overflow: hidden;
	border-radius: 15px;
}

.plan-popup-wrap {
	background-color: #FFF;
	overflow: hidden;
	max-width: 900px;
	line-height: 1.5em;
	text-align: left;
}
.plan-popup-wrap small {
	display: inline-block;
	font-size: 80%;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	float: none;
	text-indent: 0;
}

.plan-popup-wrap h2 {
	background-color: #B5E2F1;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 0 auto;
	padding: 15px;
}
.plan-popup-wrap h2 em {
	display: block;
}

.plan-popup-wrap &gt; .oh {
	padding: 20px 40px 30px;
}

.plan-popup-wrap &gt; .oh &gt; figure {
	width: 48%;
	margin-right: 4%;
	float: left;
}

/* */
.plan-popup-img-wrap {
	overflow: hidden;
	white-space: nowrap;

}
.plan-popup-img {
	background-color: #EEE;
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	width: 100%;
	position: relative;
}

.plan-popup-img img {
	display: block;
	width: 100%;
}

/* */
.plan-popup-wrap &gt; .oh &gt; figure &gt; ul {
	text-align: center;
	margin: 15px auto 0;
}
.plan-popup-wrap &gt; .oh &gt; figure &gt; ul &gt; li {
	background-color: #C0C0C0;
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	cursor: pointer;
}
.plan-popup-wrap &gt; .oh &gt; figure &gt; ul &gt; li.active {
	background-color: #404040;
}
.plan-popup-wrap &gt; .oh &gt; figure &gt; ul &gt; li:not(:last-child) {
	margin-right: 15px;
}

/* */
.shooting-place-box {
	padding: 30px 50px;
	background-color: #f6f3ed;
	border: solid 1px #c8b695;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.shooting-place-box &gt; div {
	overflow: hidden;
	text-align: center;
	font-size: 13px;
}
.shooting-place-box &gt; div:not(:last-child) {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #c6c6c6;
}
.shooting-place-box &gt; div img {
	float: left;
	width: 39%;
	max-width: 350px;
	margin: 0 20px 0 0;
}
.shooting-place-box &gt; div .title {
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
	padding: 3px 3em 5px 0;
	border-bottom: solid 1px #c8b695;
	font-size: 16px;
	color: #736357;
	text-align: left;
}
.shooting-place-box &gt; div .title small {
	display: inline-block;
	font-size: 0.8em;
	letter-spacing: -0.05em;
}
.shooting-place-box &gt; div .title .memo,
.shooting-place-box &gt; div .title a {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0px 10px;
	background-color: #4d4d4d;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 12px;
	color: #fff;
}
.shooting-place-box &gt; div .title a:hover {
	background-color: #6D6D6D;
	text-decoration: none;
}
.shooting-place-box &gt; div p {
	overflow: hidden;
	text-align: left;
}

/* */
.recommend-option-box {
	padding: 30px 50px;
	background-color: #f6f3ed;
	border: solid 1px #c8b695;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.recommend-option-box .title {
	position: relative;
	margin-bottom: 15px;
	padding: 0 8em 10px 0;
	border-bottom: solid 1px #c8b695;
	font-size: 20px;
	color: #736357;
	text-align: left;
}
.recommend-option-box .title small {
	display: inline-block;
}
.recommend-option-box .title a {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1px 20px;
	background-color: #4d4d4d;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 13px;
	color: #fff;
}
.recommend-option-box .title a:hover {
	background-color: #6D6D6D;
	text-decoration: none;
}
.recommend-option-box .txt-wp {
	overflow: hidden;
}
.recommend-option-box .txt-wp img {
	float: left;
	width: 39%;
	max-width: 350px;
	margin: 0 20px 0 0;
}
.recommend-option-box .txt-wp p {
	overflow: hidden;
	text-align: left;
}
.recommend-option-box .txt-wp p:not(:last-child) {
	margin-bottom: 10px;
}

/* */
.pickup-box {
	background-color: #f6f3ed;
	padding: 30px 50px;
	font-size: 12px;
	border: solid 1px #c8b695;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: left;
}
.pickup-box &gt; dl dt {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.3;
	color: #736357;
	font-weight: bold;
}
.pickup-box &gt; dl dd {
	margin-bottom: 20px;
}
.pickup-box &gt; div {
	letter-spacing: -.4em;
}
.pickup-box &gt; div img {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	width: 31.3%;
	margin: 0 1%;
}

/* */
.yukata-lineup-wrap {
	padding: 30px 0;
	background-color: #f5f5f5;
}
.yukata-lineup-wrap &gt; div {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}
.yukata-lineup-wrap &gt; div:not(:last-child) {
	margin-bottom: 45px;
	border-bottom: dotted 1px #e0e0e0;
}
.yukata-lineup-wrap &gt; div .title {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: normal;
}
.yukata-lineup-wrap &gt; div .title::before {
	content: "â—";
	color: #adadad;
}
.yukata-lineup-wrap &gt; div .title small {
	display: inline-block;
}
.yukata-lineup-wrap &gt; div .caution {
	position: absolute;
	top: 0;
	right: 0;
}
.yukata-lineup-wrap ul {
	letter-spacing: -.4em;
}
.yukata-lineup-wrap ul li {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	vertical-align: top;
	width: 23%;
	margin: 0 1% 30px;
}

/* marriott */
#marriot-suit-info {
	background-color: #F6F3ED;
	overflow: hidden;
	border: 1px solid #C8B695;
	border-radius: 15px;
	padding: 20px 0;
	color: #736357;
}

#marriot-suit-info &gt; p {
	text-align: center;
	padding: 0 10px;
	margin: 0 auto 20px;
}

#marriot-suit-info &gt; figure {
	display: block;
	margin: 0 auto;
}

#marriot-suit-info &gt; figure::before {
	background-color: #AD5F21;
	background-image: -webkit-linear-gradient(right, #A44F16,#F8DF80,#A44F16);
	background-image: linear-gradient(to right, #A44F16,#F8DF80,#A44F16);
	content: "";
	display: block;
	height: 3px;
	margin-bottom: 20px;
}

#marriot-suit-info &gt; figure img {
	display: block;
	margin: 0 auto;
	width: 700px;
}

/* --- */
#marriot-point-wrap {
	background-color: #D8EEF7;
	padding: 20px 10px;
}

#marriot-point-wrap &gt; .in {
	overflow: visible;
	margin-bottom: 0;
}

#marriot-point-list {
	position: relative;
}

#marriot-point-list &gt; ul {
	position: static;
}
#marriot-point-list &gt; ul &gt; li {
	background-color: #FFF;
	width: 32%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 5px;
}
#marriot-point-list &gt; ul &gt; li:nth-child(3n) {
	margin-right: 0;
}

#marriot-point-list &gt; ul &gt; li::before {
	background-color: inherit;
	content: "";
	box-sizing: inherit;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}
#marriot-point-list &gt; ul &gt; li:nth-child(3n+1)::before {
	left: 0;
	right: 68%;
}
#marriot-point-list &gt; ul &gt; li:nth-child(3n+2)::before {
	left: 34%;
	right: 34%;
}
#marriot-point-list &gt; ul &gt; li:nth-child(3n)::before {
	left: 68%;
	right: 0;
}

#marriot-point-list &gt; ul &gt; li::after {
	content: "";
	box-sizing: inherit;
	border: 1px solid #C8B695;
	top: 5px;
	bottom: 5px;
	position: absolute;
	margin-left: 5px;
	margin-right: 5px;
	z-index: 2;
}
#marriot-point-list &gt; ul &gt; li:nth-child(3n+1)::after {
	left: 0;
	right: 68%;
}
#marriot-point-list &gt; ul &gt; li:nth-child(3n+2)::after {
	left: 34%;
	right: 34%;
}
#marriot-point-list &gt; ul &gt; li:nth-child(3n)::after {
	left: 68%;
	right: 0;
}

#marriot-point-list &gt; ul &gt; li &gt; div {
	border: 0px solid #C8B695;
	padding: 15px;
	position: relative;
	z-index: 3;
}

#marriot-point-list &gt; ul &gt; li h3 {
	text-align: center;
	font-size: 1.025em;
	line-height: 1.6em;
	margin: 0 auto 10px;
	position: relative;
	padding: 0 30px;
}

#marriot-point-list &gt; ul &gt; li h3 b,
#marriot-point-list &gt; ul &gt; li h4 b {
	display: inline-block;
	font-weight: inherit;
}

#marriot-point-list &gt; ul &gt; li h3::before {
	background: url("../img/plan/shared/point-circle.svg") no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	left: -5px;
	top: -5px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#marriot-point-list &gt; ul &gt; li img {
	display: block;
	width: 100%;
	margin: 0 auto 10px;
}

#marriot-point-list &gt; ul &gt; li h4 {
	text-align: left;
	color: #736357;
	font-size: 1.1em;
	padding: 0;
	margin: 0 auto 10px;
	overflow: hidden;
}
#marriot-point-list &gt; ul &gt; li h4 &gt; span {
	display: block;
	font-weight: inherit;
	position: relative;
	border-bottom: 1px solid #C8B695;
	padding-bottom: 14px;
	margin-bottom: 17px;
}

#marriot-point-list &gt; ul &gt; li h4 &gt; span::after {
	background: url("../img/plan/shared/gold-decal.svg") no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	content: "";
	display: block;
	width: 118px;
	height: 14px;
	bottom: -7px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
}
#marriot-point-list &gt; ul &gt; li .oh li {
	padding: 3px 0 3px 1em;
	text-indent: -1em;
	font-size: 11px;
	line-height: 1.4em;;
}

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

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

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

#kualoa-location &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;
}
#kualoa-location &gt; li h3 span {
	display: block;
}
#kualoa-location &gt; li h3 em {
	font-size: 1.2em;
	display: inline-block;
}

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

#kualoa-location &gt; li img {
	display: block;
	margin: 0 auto;
}

#kualoa-location &gt; li p {
	font-size: 0.975em;
}

/* jagged-sec */
.jagged-sec {
	background-color: #EEE;
	background-image: -webkit-repeating-linear-gradient(135deg, transparent, transparent 7px, #E4E2DB 1px, #E4E2DB 8px);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 7px, #E4E2DB 1px, #E4E2DB 8px);
	background-position: center center;
}
.jagged-sec:not(:last-child) {
	margin-bottom: 40px;
}

.jagged-sec.orange {
	background-color: #FCE7D2;
	background-image: -webkit-repeating-linear-gradient(135deg, transparent, transparent 7px, #F4F2EB 1px, #F4F2EB 8px);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 7px, #F4F2EB 1px, #F4F2EB 8px);
}

.jagged-sec::before,
.jagged-sec::after {
	background-size: 30px 30px;
	background-repeat: repeat-x;
    content: "";
	height: 32px;
	display: block;
	-webkit-transform: scaleY(0.8);
	-ms-transform: scaleY(0.8);
	transform: scaleY(0.8);
}

.jagged-sec::before {
	background-image:
        -webkit-linear-gradient(225deg, #FFF 0%, #FFF 50%, transparent 50%, transparent 100%),
        -webkit-linear-gradient(-45deg, #FFF 0%, #FFF 50%, transparent 50%, transparent 100%);
	background-image:
        linear-gradient(135deg, #FFF 0%, #FFF 50%, transparent 50%, transparent 100%),
        linear-gradient(-135deg, #FFF 0%, #FFF 50%, transparent 50%, transparent 100%);
	background-position: top center, top center;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.jagged-sec::after {
	background-image:
        -webkit-linear-gradient(45deg, #FFF 0%, #FFF 50%, transparent 50%, transparent 100%),
        -webkit-linear-gradient(-225deg, #FFF 0%, #FFF 50%, transparent 50%, transparent 100%);
	background-image:
        linear-gradient(45deg, #FFF 0%, #FFF 50%, transparent 50%, transparent 100%),
        linear-gradient(-45deg, #FFF 0%, #FFF 50%, transparent 50%, transparent 100%);
	background-position: bottom center, bottom center;
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.jagged-sec &gt; .in {
	padding: 30px 10px;
	margin: 0 auto;
	overflow: visible;
	max-width: 780px;
}

/* */
#quick-change-diagram {
	margin-top: -70px;
}

#quick-change-arrow {
	width: 305px;
	display: block;
	margin: 0 0 15px;
}

#quick-change-diagram dl
{}

#quick-change-diagram dl &gt; dt {
	display: block;
	margin: 0 auto 10px;
	font-size: 0.975em;
}
#quick-change-diagram dl &gt; dt p {
	text-align: center;
	margin: 0 auto;
}

#quick-change-diagram dl &gt; dd {
	text-align: center;
	font-size: 1.05em;
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin-right: 2%;
	font-weight: bold;
}
#quick-change-diagram dl &gt; dd:nth-of-type(3n) {
	margin-right: 0;
}

#quick-change-diagram dl &gt; dd p {
	margin: 0 auto 10px;
	position: relative;
}
#quick-change-diagram dl &gt; dd p:last-child {
	margin-bottom: 0;
}
#quick-change-diagram dl &gt; dd p span {
	display: block;
}


#quick-change-diagram dl &gt; dd img {
	display: block;
	margin: 0 auto;
	width: 100%;
}


/* ------- */
.text-shadow-img {
	overflow: hidden;
}

.text-shadow-img .after-shadow {
	width: 450px;
	display: block;
	margin: 0;
}
.text-shadow-img .after-shadow::after {
	padding-top: 40px;
	margin-top: -20px;
	z-index: 1;
}

.text-shadow-img .after-shadow.fl {
	margin-right: 15px;
}
.text-shadow-img .after-shadow.fr {
	margin-left: 15px;
}

.text-shadow-img .after-shadow img {
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

/* Visionari changes */
.visionari .tl {
	text-align: left !important;
}

.visionari .midasi em,
.visionari .plan-midasi2,
.visionari .midasi3 {
	color: #7A6F1C;
}

.visionari #plan-top-slick {
	background-image: none;
}
.visionari #plan-top-slick-img {
	max-width: 1000px;
}
.visionari #plan-top-slick-blue {
	background-color: #333;
}

.visionari .blue-box {
	background-color: #F1F0E8;
	font-size: 92%;
}

.visionari .plan-4tabs {
	background-color: #A0985F;
	border-color: #BCB78D;
}
.visionari .plan-4tabs a:hover,
.visionari .plan-4tabs a.active {
	background-color: #92894c;
}

.visionari .schedule-time-box,
.visionari .plan-schedule &gt; li.extended &gt; div &gt; div {
	background-color: #E4E2D1;
	color: #7A6F1C;
}

.visionari #plan-include-icons-wrap {
	color: #BCB78D;
}

.visionari .plan-schedule &gt; li &gt; div {
	border-bottom-color: #BCB78D;
}

.visionari .plan-schedule &gt; li:not(:last-child) &gt; div::after {
	border-top-color: #BCB78D;
}

/* */
.caution-wp {
	margin-top: 20px;
	padding: 0 70px 0 40px;
	border: solid 1px #bb272d;
	text-align: left;
}
.caution-wp &gt; ul {
	padding: 25px 0 25px 45px;
	background-image: url('../img/common/icon_star.svg');
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 38px auto;
}
.caution-wp &gt; ul li {
	padding-left: 1em;
	text-indent: -1em;
}
.caution-wp em {
	color: #bb272d;
}

/* */
.photo-wp {
	margin: 0 20px 30px;
	text-align: left;
}
.photo-wp .lead {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.4;
	color: #0aa0d2 !important;
}

/* */
.contact-box {
	max-width: 700px;
	margin: 0 auto 50px;
	padding-bottom: 15px;
	border: solid 1px #84cfe8;
	text-align: center;
}
.contact-box .title {
	margin-bottom: 15px;
	padding: 10px 0;
	background: #d6eff7;
	background: -moz-linear-gradient(top, #d6eff7 0%, #49b9de 100%);
	background: -webkit-linear-gradient(top, #d6eff7 0%,#49b9de 100%);
	background: linear-gradient(to bottom, #d6eff7 0%,#49b9de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6eff7', endColorstr='#49b9de',GradientType=0 );
	font-size: 28px;
	font-weight: normal;
	color: #fff;
}
.contact-box .tel {
	margin: 10px 0;
	font-size: 34px;
}

/* */
.plan_flow{
	margin-bottom: 30px;
	counter-reset: flow;
}
.plan_flow &gt; div{
	background: #fff;
	padding: 0 10px 0 5px;
}
.plan_flow &gt; div:nth-child(2n){
	background: #eaf7f3;
}

.plan_flow &gt; div article{
	position: relative;
	box-sizing: border-box;
	max-width: 1000px;
	padding: 30px 30px 20px;
	margin: auto;
	overflow: hidden;
}
.plan_flow &gt; div article:before{
	content: "";
	display: block;
	position: absolute;
	background: #32b48c;
	width: 4px;
	height: 100%;
	top: 0;
	left: 8px;
}
.plan_flow &gt; div:first-child article:before{
	top: 35px;
}
.plan_flow &gt; div:last-child article:before{
	height: 38px;
}
.plan_flow &gt; div article:after{
	content: "";
	display: block;
	position: absolute;
	background: #fff;
	border: 4px solid #32b48c;
	width: 10px;
	height: 10px;
	top: 35px;
	left: 0;
	border-radius: 51%;
}
.plan_flow &gt; div article h4{
	position: relative;
	font-size: 124%;
	color: #444;
	margin: 0 0 10px;
}
.plan_flow &gt; div article h4.indent{
	padding-left: 48px;
	text-indent: -48px;
}
.plan_flow &gt; div article h4.indent:before{
	counter-increment: flow;
	content: counter(flow);
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background: #32b48c;
	margin: -15px 8px -15px 0;
	border-radius: 51%;
	line-height: 30px;
	color: #fff;
	text-align: center;
	text-indent: 0;
}
.plan_flow &gt; div article p,
.plan_flow &gt; div article ul{
	margin: 0 0 10px;
}
.plan_flow &gt; div article figure{
	margin: 10px 0;
	overflow: hidden;
}
.plan_flow &gt; div article figure img{
	width: 23.5%;
	float: left;
	margin-left: 2%;
}
.plan_flow &gt; div article figure img:first-child{
	margin-left: 0;
}
.plan_flow &gt; div article h4 em.option{
	display: inline-block;
	width: 150px;
	height: auto;
	background: #eb5a24;
	padding: 2px 0 0;
	margin: 0 8px 0 0;
	line-height:1.3em;
	border-radius: 0;
	color: #fff;
	text-align: center;
}
.plan_flow .btn-wp .normal {
	margin-right: 0;
}
.plan_flow .tokuten {
	max-width: 712px;
	width: 80%;
	margin: 50px auto 0;
}

.plan_flow.couple &gt; div:nth-child(2n){
	background: #fff1f1;
}
.plan_flow.couple &gt; div article h4.indent:before,
.plan_flow.couple &gt; div article:before{
	background: #ffa0a0;
}
.plan_flow.couple &gt; div article:after{
	border: 4px solid #ffa0a0;
}


/* */
.venue_decoration-box {
	margin: 30px 0;
	padding-bottom: 10px;
	background-color: #f6f3ed;
	border: solid 1px #ded3bf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.venue_decoration-box &gt; .title {
	padding: 10px 0;
	background-color: #ded3bf;
	font-size: 16px;
	color: #736357;
	text-align: center;
}
.venue_decoration-box &gt; .title small {
	font-weight: normal;
}
.venue_decoration-box &gt; ul {
	letter-spacing: -.4em;
	margin: 20px 40px 15px;
}
.venue_decoration-box &gt; ul li {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	width: 31.3%;
	margin: 0 1%;
	vertical-align: top;
	position: relative;
}
.venue_decoration-box &gt; ul li p.txt{
	font-size: 12px;
	line-height: 1.7em;
}
.venue_decoration-box.trolley &gt; ul li {
	width: 46%;
	margin: 0 2%;
}
.venue_decoration-box &gt; ul .ph {
	margin: 0 auto 10px;
}

.venue_decoration-box &gt; ul .ph img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.venue_decoration-box &gt; ul h4 {
	margin-bottom: 5px;
	font-size: 15px;
}
.venue_decoration-box &gt; ul h4::before {
	content: "\025cf";
	display: inline-block;
	font-size: 200%;
	vertical-align: middle;
}

.venue_decoration-box &gt; ul .no-icon h4::before {
	content: none;
}

.venue_decoration-box &gt; ul .pink h4::before {
	color: #ffd2e6;
}
.venue_decoration-box &gt; ul .blue h4::before {
	color: #addef6;
}
.venue_decoration-box &gt; ul .yellow h4::before {
	color: #ffed67;
}
.venue_decoration-box &gt; ul h4 em {
	color: #736357;
}

.venue_decoration-box &gt; ul .txt {
	font-size: 12px;
}

.venue_decoration-box &gt; ul.plus-signs li::after {
	background: url("../img/plan/shared/blue-plus.svg") no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: 25px;
	right: -25px;
	margin-top: 9%;
	margin-right: -3%;
	z-index: 2;
	display: block;
}
.venue_decoration-box &gt; ul.plus-signs li:nth-child(3n)::after,
.venue_decoration-box &gt; ul.plus-signs li:last-child::after {
	content: none;
}

/* */
.venue_decoration-box &gt; ul.single,
.venue_decoration-box &gt; ul.double {
	text-align: center;
}

.venue_decoration-box &gt; ul.single li {
	width: 95%;
	margin: 0;
	text-align: left;
}

.venue_decoration-box &gt; ul.single .ph {
	float: left;
	width: 300px;
	max-width: 50%;
	margin: 0 auto;
	margin-right: 20px;
}

.venue_decoration-box &gt; ul.double li {
	width: 48%;
	margin: 0 4% 0 0;
	text-align: left;
}
.venue_decoration-box &gt; ul.double li:nth-child(2n) {
	margin-right: 0;
}
.venue_decoration-box &gt; ul.double .ph {
	float: left;
	width: 200px;
	max-width: 50%;
	margin: 0 auto;
	margin-right: 20px;
}

/* */
.venue_decoration-box &gt; .l_indent {
	margin: 0 50px 10px;
	line-height: 1.3;
}
.venue_decoration-box .normal {
	width: 60%;
	height: 35px;
	min-height: 35px;
	font-size: 12px;
}


.w .venue_decoration-box {
	width: 49%;
	float: right;
}
.w .venue_decoration-box:first-child {
	float: left;
}
.w .venue_decoration-box article {
	padding: 20px;
}
.w .venue_decoration-box article h4 {
	font-size: 110%;
	text-align: left;
}
.w .venue_decoration-box article figure {
	margin: 10px 0 0;
}
.w .venue_decoration-box article .price{
	text-align: center;
}
.w .venue_decoration-box article .price strong{
	font-size: 130%;
}
.w .venue_decoration-box article p.tc:last-child{
	margin-bottom: -15px;
}

/* */
.original_option-box-wp {
	margin-top: -167px;
	padding-top: 167px;
}
.original_option-box {
	margin-bottom: 40px;
	padding: 20px;
	background-color: #e6f5fa;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.original_option-box.w900 {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 60px;
	box-sizing: border-box;
}
.original_option-box .plan-option-list {
	padding-left: 0;
}
.original_option-box .plan-option-list &gt; li{
	width: 100%;
  margin-right: 0%;
}
.original_option-box &gt; .price {
	margin-bottom: 20px;
	text-align: center;
}
.original_option-box &gt; .price em {
	font-size: 200%;
}
.original_option-box &gt; .lead {
	text-align: left;
}
.original_option-box &gt; .list {
	margin-bottom: 15px;
	letter-spacing: -.4em;
}
.original_option-box &gt; .list li {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	vertical-align: top;
	width: 23%;
	margin: 0 1%;
}
.original_option-box &gt; .list.fs12 li {
	font-size: 12px;
	position: relative;
}
.original_option-box &gt; .list.fs12 li.icon_plus:before {
	content: "ï¼‹";
	font-size: 30px;
	font-weight: bold;
}
.original_option-box &gt; .list.fs12 li.icon_or:before {
	content: "or";
	font-size: 20px;
}
.original_option-box &gt; .list.fs12 li.icon_plus:before,
.original_option-box &gt; .list.fs12 li.icon_or:before {
	position: absolute;
	top: 20%;
	left: -4%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	box-sizing: border-box;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	text-align: center;
	line-height: 37px;
	background: #0aa0d2;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 50%;
}

.original_option-box &gt; .list li img {
	margin-bottom: 10px;
}
.original_option-box &gt; .box {
	margin-top: 30px;
	padding: 12px 12px 24px 6px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	letter-spacing: -.4em;
}
.original_option-box &gt; .box li {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	width: 48%;
	margin: 0 1%;
}
.original_option-box .table-list &gt; .title {
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #0aa0d2;
}
.original_option-box .table-list &gt; table {
	width: 100%;
}
.original_option-box .table-list &gt; table th {
	width: 25%;
	font-weight: normal;
}
.original_option-box .table-list &gt; table th::before {
	content: "\025cf";
	color: #adadad;
}

/* */
.original_option-wp {
	letter-spacing: -.4em;
}
.original_option-wp .plan-option-list {
  padding: 0;
}
.original_option-wp .plan-option-list &gt; li {
  width: 100%;
  margin-right: 0;
}
.original_option-wp .balloon-wp {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	padding: 20px 30px;
	background-color: #f0f0f0;
	vertical-align: top;
}
.original_option-wp .balloon-wp .midasi3 {
	color: #4d4d4d;
}
.original_option-wp .balloon-wp {
	width: 100%;
	overflow: hidden;
}
.original_option-wp .color {
	float: left;
	width: 50%;
	margin-right: 2%;
	letter-spacing: -.4em;
}
.original_option-wp .color li {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	width: 31.3%;
	margin: 0 1%;
	text-align: center;
	vertical-align: top;
	font-size: 12px;
}

/* */
.welcome_table-wp {
	max-width: 940px;
	margin: 0 auto;
}
.welcome_table-wp .ph {
	float: left;
	width: 48%;
	max-width: 480px;
	margin-right: 2%;
}

.welcome_table-wp .ph img {
	width: 100%;
	display: block;
}

.welcome_table-wp .oh &gt; .title {
	margin-bottom: 20px;
	font-size: 124%;
}
.welcome_table-wp .oh &gt; .title img {
	max-width: 335px;
	margin-bottom: 10px;
}
.welcome_table-wp .oh .plan-option-list {
	padding: 0;
}
.welcome_table-wp .oh .plan-option-list li {
	width: 100%;
}
.welcome_table-wp .oh .bullet-list &gt; li {
	padding-left: 0;
	text-indent: 0;
}
.welcome_table-wp .oh .bullet-list &gt; li::before {
	content: none;
}

/* */
.trolley-icon {
	position: relative;
	display: inline-block;
}
.trolley-icon::before {
	content: "";
	position: absolute;
	top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  left: -175px;
  width: 169px;
  height: 115px;
	background-image: url("../img/plan/beach_wedding_trolley_photo/icon_trolley.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.trolley-icon .plan-intro-photos-wrap {
	margin-bottom: 0;
}
.trolley-icon .plan-intro-photos-info figure {
	width: 220px;
}

/* */
.manoa_town-wp {
	margin-bottom: 30px;
}
.manoa_town-wp .title {
	margin-bottom: 20px;
	padding-top: 72px;
  background-image: url('../img/option/photoshot/manoa_lani_garden_picnic_manoa_town/title_bg-pc.png');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
  text-align: center;
  color: #0aa0d2;
  font-size: 18px;
}
.manoa_town-wp .detail {
	max-width: 840px;
	margin: 0 auto;
	text-align: left;
	letter-spacing: -.4em;
}
.manoa_town-wp .detail &gt; div {
	position: relative;
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	width: 50%;
	vertical-align: top;
	padding-right: 2.5%;
}
.manoa_town-wp .detail &gt; div.starbucks {
	padding-left: 2.5%;
	padding-right: 0;
}
.manoa_town-wp .detail &gt; div.starbucks::before {
	content: "";
	position: absolute;
	top: 42%;
	transform: translate(0, -42%);
	-webkit-transform: translate(0, -42%);
	-moz-transform: translate(0, -42%);
	-ms-transform: translate(0, -42%);
	left: -30px;
	width: 60px;
	height: 60px;
	background-image: url('../img/option/photoshot/manoa_lani_garden_picnic_manoa_town/icon_plus.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  z-index: 1;
}
.manoa_town-wp .detail &gt; div .title-s {
	margin-bottom: 10px;
	padding: 2px 0 2px 7px;
	border-left: solid 2px #0aa0d2;
	font-size: 15px;
}
.manoa_town-wp .detail &gt; div .title-s em {
	color: #0aa0d2;
}
.manoa_town-wp .detail &gt; div .ph {
	position: relative;
	margin-bottom: 10px;
}
.manoa_town-wp .detail &gt; div .ph img {
	vertical-align: bottom;
}
.manoa_town-wp .detail &gt; div .ph::before {
	content: "";
	position: absolute;
	top: 0;
	left: -60px;
	width: 120px;
	height: 121px;
	background-image: url('../img/option/photoshot/manoa_lani_garden_picnic_manoa_town/img1a.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.manoa_town-wp .detail &gt; div.starbucks .ph::before {
	top: auto;
	left: auto;
	right: -60px;
	bottom: 0;
	background-image: url('../img/option/photoshot/manoa_lani_garden_picnic_manoa_town/img2a.png');
}

.brown-recommend#beach_wedding_party-wrap{
	padding: 20px 30px 30px;
	margin-bottom: 10px;
	overflow: visible;
}
.brown-recommend#beach_wedding_party-wrap + p.tc.tx_red2{
	margin-bottom: 50px;
}
.brown-recommend#beach_wedding_party-wrap:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.brown-recommend#beach_wedding_party-wrap img{
	display: block;
}
.brown-recommend#beach_wedding_party-wrap h3{
	text-align: center;
	font-size: 120%;
	color: #736357;
	margin: 0 0 10px;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure,
.brown-recommend#beach_wedding_party-wrap h3 + div{
	width: 49%;
	float: right;
	overflow: hidden;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure{
	width: 49%;
	float: left;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure img{
	width: 48%;
	float: right;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure img{
	margin: 5px 0;
	display: block;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure img:first-child{
	float: left;
}
.brown-recommend#beach_wedding_party-wrap h3 + div h4{
	margin: 1.4em 0 5px;
	font-size: 105%;
}
.brown-recommend#beach_wedding_party-wrap h3 + div p{
	margin: 2.2em 0 8px;
	font-size: 13px;
	line-height: 1.6em;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure + p{
	clear: both;
	padding-top: 5px;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure p strong{
	font-size: 150%;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure p:first-child{
	position: relative;
	padding-left: 20px;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure p:first-child:before{
	content: "";
	position: absolute;
	display: block;
	left: -60px;
	top: -25px;
	width: 94px;
	height: 45px;
	background: url(../img/plan/shared/icon_point.png) no-repeat center center;
	background-size: 100% !important;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure + p small{
	font-size: 11px;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure a{
	position: relative;
	clear: both;
	background: #888;
	margin: 10px 0 0;
	padding: 2px 5px;
	color: #fff;
	text-align: center;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure a:after{
	content: "ã€€&gt;";
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure a.smt{
	display: none;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure a.pc{
	display: block;
}
.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.clear{
	clear: both;
}

/* â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp; ãƒ•ã‚©ãƒ«ãƒ€å†…ãƒªãƒ³ã‚¯ â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp; */
.folder_links.variation{
	display: block;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 0;
	padding: 10px 0 12px;
	margin: 30px auto 10px;
	height: auto;
	text-align: center;
}
.folder_links.variation p{
	display: block;
}
.folder_links.variation p a:hover,
.folder_links.variation p a{
	display: inline-block;
	border: 0;
	padding: 5px 5px 5px 15px;
	background: url(../img/common/icon_arrow2_down.png) no-repeat left 9px;
	background-size: 8px;
	color: #444;
}
.folder_links.variation p a.on{
	font-weight: bold;
	background-color: transparent;
	color: #444;
}
.folder_links.variation p a:hover{
	text-decoration: underline !important;
	color: #444;
}


/* */
.modal-select-wp {
	display: none;
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 100;
}
.modal-select-wp .bg {
	display: block;
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.modal-select-wp.dis {
	display: block;
}
.modal-select-wp .box {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	left: 0;
	right: 0;
	max-width: 900px;
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	line-height: 1.5;
	z-index: 1;
}
.modal-select-wp .box .title {
	position: relative;
	padding: 10px;
	background-color: #b5e2f1;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	font-weight: normal;
}
.modal-select-wp .box .title::before {
	position: absolute;
	top: -20px;
	right: -20px;
	content: "";
	width: 50px;
	height: 50px;
	background-image: url('../img/common/bt-close.svg');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}
.modal-select-wp .box .title-s {
	margin-bottom: 20px;
	padding: 5px;
	background-color: #4d4d4d;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: normal;
	color: #fff;
}
.modal-select-wp .box &gt; div {
	padding: 20px 30px;
}
.modal-select-wp .box &gt; div .select {
	margin-bottom: 30px;
	letter-spacing: -.4em;
}
.modal-select-wp .box &gt; div .select li {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	width: 30.3%;
	margin: 0 1.5%;
}
.modal-select-wp .box &gt; div .caution li {
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
.modal-select-wp .box &gt; div .caution li::before {
	content: "\025cf";
	color: #c6c6c6;
}



.beach-extend{
	max-width: 820px;
	box-sizing: border-box;
	padding: 30px;
	margin: 30px auto;
	background: #e6f5fa;
	overflow: hidden;
	border-radius: 10px;
}
.beach-extend &gt; figure{
	float: left;
	width: 35%;
	margin: 0 20px 0 0;
	position: relative;
}
.beach-extend &gt; figure img{
	display: block;
}
.beach-extend &gt; figure .icon{
	position: absolute;
	right: -10px;
	top: -10px;
	display: block;
	width: 80px;
	height: 80px;
	text-align: center;
	color: #4d4d4d;
	font-size: 13px;
	line-height: 1.1em;
	background: #fff;
	border: 1px solid #4d4d4d;
	border-radius: 50%;
}
.beach-extend &gt; figure .icon &gt; span{
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-60%);
	-moz-transform: translateY(-60%);
	-ms-transform: translateY(-60%);
	-o-transform: translateY(-60%);
	transform: translateY(-60%);
}
.beach-extend &gt; figure .icon strong{
	display: inline-block;
	font-weight: normal;
	font-family: Times, serif;
	font-size: 180%;
	line-height: 1em;
}
.beach-extend &gt; figure .icon small{
	font-size: 75%;
}
.beach-extend &gt; figure .icon b{
	font-weight: normal;
	font-size: 110%;
}
.beach-extend &gt; figure .icon strong small{
	font-size: 60%;
}
.beach-extend &gt; figure .icon &gt; span span.minute{
	display: block;
	margin: 3px 0;
	padding: 3px 0 0;
	border-top: 1px solid #999;
}
.beach-extend h4{
	background: #0aa0d2;
	padding: 10px;
	margin: 0 -10px 20px;
	border-radius: 25px;
	text-align: center;
	font-size: 140%;
	line-height: 1.2em;
	color: #fff;
}
.beach-extend h4:before{
	content: url(https://www.royalkaila.com/common/img/plan/shared/icon_bar.png);
	margin-right: 10px;
}
.beach-extend h5{
	padding: 0 0 5px;
	margin: 0 0 10px;
	border-bottom: 1px solid #0aa0d2;
	font-size: 130%;
	line-height: 1.2em;
	color: #0aa0d2;
	overflow: hidden;
	text-align: left;
}
.beach-extend h5 small{
	display: inline-block;
	font-weight: normal;
	font-size: 75%;
}
.beach-extend p{
	margin: 10px 0 0;
	overflow: hidden;
	line-height: 1.7em;
}
.beach-extend p.price strong{
	display: inline-block;
	font-size: 180%;
}

.plan_custom_link{
	margin: 20px 0;
	padding: 0;
	text-align: center;
	font-size: 14px;
	line-height: 1.2em;
}
.plan_custom_link ul {
	display: flex;
	border-right: solid 1px #84cee7;
	border-left: solid 1px #84cee7;
}
.plan_custom_link ul li{
	width:20%;
	list-style: noen;
	padding: 0 40px 10px;
	list-style: none;
	text-align: center;
	border-right: solid 1px #84cee7;
	border-left: solid 1px #84cee7;
	position: relative;
}
.plan_custom_link ul li:last-of-type{
	border-right:none;
}
.plan_custom_link li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-style: solid;
	border-width: 9px 7px 0 7px;
	border-color: #0aa0d3 transparent transparent transparent;
}
.plan_custom_link a{
	display: block;
	margin: 10px auto;
	font-size: 127.5%;
	font-weight: bold;
	color: #4d4d4d;
	font-family: "æ¸¸æ˜Žæœ", "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W4", "Hiragino Mincho Pro", "HGSæ˜ŽæœB", "MingLiU", "SimSun", "ï¼­ï¼³ ï¼°æ˜Žæœ", serif !important;
	
}
.plan_custom_link a:hover{
	text-decoration: underline !important;
}
.plan_custom_link li:nth-child(3) {
	flex: 1;
}

/* ============================================================================================= */
@media only screen and (max-width: 1024px) {
	.brown-recommend-decal {
		right: 0px;
		width: 100px;
		height: 100px;
	}

	.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li img {
		width: 160px;
	}

	.brown-recommend.moanalua-single &gt; div &gt; ul &gt; li img {
		width: 160px;
	}
}

/* ============================================================================================= */

@media only screen and (max-width: 1000px){
	.plan_custom_link {
	    margin: 0 auto;
	}
	.plan_custom_link ul li {
		width:25%;
		padding: 0 5px 10px;
	}
	.plan_custom_link ul  li::after {
		border-width: 7px 4px 0 4px;
	}
	.plan_custom_link ul li a {
		font-size: 100%;
		margin: 5px auto;
	}
}
/* ============================================================================================= */
@media only screen and (max-width: 799px) {
	.pc-extra-pad {
		padding-bottom: 0;
	}

	.midasi.plan-var {
		font-size: 1.15em;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.midasi.plan-var em {
		font-size: 2em;
	}
	.midasi.plan-var small {
		display: inline-block;
	}
	.plan-midasi1 {
		font-size: 1.75em;
	}

	.plan-midasi2 {
		font-size: 1.15em;
	}


	.plan-midasi3 {
		font-size: 1.2em;
	}

	.blue-box {
		padding: 15px;
	}

	.beige-box {
		margin: 0 0 15px;
		padding: 15px;
	}

/* -------- */
	#plan-top-slick-wrap .gray-circle {
		width: 140px;
		height: 140px;
		top: -5px;
		left: 5px;
		margin-left: 0;
	}

	#plan-top-slick-blue {
		margin-top: 20px;
	}
	#plan-top-slick-thumbs figure {
		padding: 0 3px;
	}

/* -------- */
	#plan-intro-summary {
		margin-bottom: 30px;
	}
	#plan-intro-summary &gt; .main_words {
		text-align: left;
	}

/* */
	.plan-intro-photos-wrap:not(:last-child) {
		margin-bottom: 15px;
	}
	.plan-intro-photos-info figure:nth-child(2):nth-last-child(1),
	.plan-intro-photos-info figure:nth-child(1):nth-last-child(2) {
		width: 400px;
		max-width: 50%;
	}

	.plan-intro-photos-info figure:only-child {
		width: 400px;
		max-width: 50%;
	}

	.plan-intro-photos-info figure &gt; div {
		font-size: 1em;
	}
	.plan-intro-photos-info figure &gt; div.single-line p {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.plan-intro-photos-info figure &gt; small {
		font-size: 0.95em;
	}


/* */
	#plan-intro-summary .plan_price {
		font-size: 1.3em;
	}
	#plan-intro-summary .plan_price strong {
		font-size: 1.6em;
	}
	#plan-intro-summary .plan_price del {
		font-size: 0.8em;
	}

	#plan-intro-summary .plan_price ins::before {
		width: 34px;
		height: 12px;
	}

/* -------- */
	#plan-share-page {
		text-align: center;
	}
	#plan-share-page &gt; p {
		display: block;
		margin: 0 auto 8px;
	}
	#plan-share-page &gt; p:not(:last-child) {
		margin-right: 0;
	}
	#plan-share-page &gt; a {
		max-width: 48%;
	}
	#plan-share-page &gt; a:not(:last-child) {
		margin-right: 4%;
	}

/* ---------- */
	#plan-reserve-status {
		padding: 20px 0;
		margin-top: 30px;
	}
	#plan-reserve-status-wrap {
		margin-bottom: 20px;
	}
	#plan-reserve-smt-tab {
		display: block;
	}

	#plan-reserve-status .month-navi {
		background-color: #6190A9;
		color: #FFF;
		margin: 0 auto;
	}
	#plan-reserve-status .month-navi a {
		background-color: transparent;
		border-radius: 0;
	}
	#plan-reserve-status .month-navi a span {
		display: none;
	}

/* */
	.brown-recommend-top h3 {
		font-size: 1.2em;
		max-width: 480px;
		margin-bottom: 10px;
	}
	.brown-recommend-top h3 &gt; span {
		padding: 10px 10px 5px;
	}

	.brown-recommend-decal {
		bottom: -30px;
		width: 90px;
		height: 90px;
	}

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

/* */
	.brown-recommend.v2 &gt; h4 {
		font-size: 1.15em;
	}

	.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li {
		display: block;
		width: auto;
		padding: 0;
		font-size: 1em;
	}
	.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li:nth-child(2n+1) {
		border-right: none;
	}

	.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li:not(:last-child) {
		border-bottom: 2px dotted currentColor;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li img {
		width: 300px;
		max-width: 25%;
	}
	.brown-recommend.moanalua-single &gt; div &gt; ul &gt; li img {
		width: 300px;
		max-width: 25%;
	}
	.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li a {
		position: static;
		text-align: left;
		display: inline-block;
		margin-top: 10px;
	}

	.brown-recommend-option {
		margin-top: -30px !important;
	}

/* */
	.red-outline {
		padding: 15px;
	}

	.balloon-point::before {
		width: 30px;
		height: 39px;
	}

/* */
	#plan-reserve-calendar figure {
		display: none;
		width: auto;
		margin-right: 0;
	}
	#plan-reserve-calendar figure.active {
		display: block;
	}

/* ---------- */
	#plan-4tabs-smt {
		position: static;
		left: 0;
		right: 0;
		bottom: 0;
	}
	#plan-4tabs-smt.active {
		position: fixed;
		z-index: 5000;
		margin: 0 auto;
	}
	#plan-4tabs-smt.bottom {
		position: static;
		margin-bottom: 0;
	}

	.page_bottom_links.on.plan-adjust {
		bottom: 115px;
	}

/* */
	.plan-4tabs {
		background-color: #FFF;
		background-image: none;
		border: none;
	}
	body header .plan-4tabs.pc {
		display: none !important;
	}

	.plan-4tabs a {
		background-color: #53CBC1;
		color: #FFF;
		padding: 10px 5px;
	}
	.plan-4tabs .plan-4tabs-btns{
		display: flex;
	justify-content: space-between;
	}

	
	.plan-4tabs .plan-4tabs-btns a {
		width: calc((100% / 3) - 2px);
		/* margin-right: 1%; */
	}
	.plan-4tabs .plan-4tabs-btns a:nth-child(4n) {
		margin-right: 0;
	}

	.plan-4tabs a.active {
		background-color: #53CBC1;
		background-image: none;
	}

	.plan-4tabs a:hover {
		background-color: #73EBE1;
		background-image: none;
	}

	.plan-4tabs .plan-4tabs-apply a {
		background-color: #0aa0d2;
		margin-bottom: 5px;
		display: block;
		width: auto;
	}
	.plan-4tabs .plan-4tabs-apply a:hover {
		background-color: #22a9d6;
	}

	.plan-4tabs .plan-4tabs-btns a::before {
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		content: none;
		width: 40px;
		height: 40px;
		margin: 0 auto 5px;
		display: block;
	}

	.plan-4tabs .plan-4tabs-btns a:nth-child(1)::before {
		background-image: url("../img/plan/shared/4tabs-icon1.svg");
	}
	.plan-4tabs .plan-4tabs-btns a:nth-child(2)::before {
		background-image: url("../img/plan/shared/4tabs-icon2.svg");
	}
	.plan-4tabs .plan-4tabs-btns a:nth-child(3)::before {
		background-image: url("../img/plan/shared/4tabs-icon3.svg");
	}
	.plan-4tabs .plan-4tabs-btns a:nth-child(4)::before {
		background-image: url("../img/plan/shared/4tabs-icon4.svg");
	}

	.plan-4tabs .plan-4tabs-btns a p {
		font-size: 1.1em;
		line-height: 1.4em;
		padding-top: 2.8em;
	}
	.plan-4tabs .plan-4tabs-btns a p em {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

/* -------- */
	.chapel-list {
		padding-bottom: 0;
	}

	.chapel-list &gt; li {
		background-color: transparent;
		width: auto;
		margin: 0 auto;
		display: block;
		border: none;
	}

	.chapel-list &gt; li::before {
		content: none;
	}

	.chapel-list &gt; li.after-shadow::after {
		position: static;
		margin: -20px auto 0;
	}
	.chapel-list &gt; li &gt; div {
		background-color: #FFF;
		border: 2px solid #E0E0E0;
		padding: 15px;
		position: relative;
		z-index: 3;
	}
	.chapel-list &gt; li &gt; div &gt; div {
		position: static;
		padding-bottom: 0;
	}

	.chapel-list &gt; li .oh {
		margin: 0 auto 20px;
	}

	.chapel-list &gt; li img {
		float: left;
		width: 240px;
		max-width: 40%;
		margin: 0 15px 0 0;
	}
	.chapel-list &gt; li h4 {
		margin: 0 auto;
	}
	.chapel-list &gt; li nav {
		position: static;
		width: auto;
		padding: 0;
	}

	.chapel-list &gt; li.chapel-banner:last-child:nth-child(3n+2),
	.chapel-list &gt; li.chapel-banner:last-child:nth-child(3n+1) {
		width: auto;
		margin: 0 auto;
	}

	.chapel-list &gt; li.chapel-banner a {
		max-width: 740px;
		margin: 0 auto;
	}

	.chapel-list &gt; li.chapel-banner img {
		float: none;
		max-width: 100%;
	}

/* ---------- */
	.dinner-list &gt; li {
		width: 100%;
		margin: 0 0 20px;
		padding: 15px;
	}
	.dinner-list &gt; li.banner {
		width: 100%;
	}
	.dinner-list &gt; li.after-shadow::after {
		bottom: -12px;
		height: 10px;
		background-size: auto 10px;
	}
	.dinner-list .ph {
		float: left;
		width: 38%;
		margin: 0 2% 10px 0;
	}
	.dinner-list .ph img {
		width: 100%;
	}
	.dinner-list .spec {
		float: right;
		width: 60%;
		margin-bottom: 15px;
	}
	.dinner-list .spec li {
		width: 48%;
		margin: 0 1% 3px;
	}
	.dinner-list .title {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.dinner-list .outline {
		clear: both;
	}

/* -------- */
	#plan-other-plans {
		padding: 20px 0;
	}

	.other-plans-list {
		padding-bottom: 0;
	}

	.other-plans-list &gt; li {
		background-color: transparent;
		width: auto;
		margin: 0 auto;
		display: block;
		border: none;
	}

	.other-plans-list &gt; li::before {
		content: none;
	}

	.other-plans-list &gt; li.after-shadow::after {
		position: static;
		margin: -20px auto 0;
	}

	.other-plans-list &gt; li &gt; div {
		background-color: #F2FAFC;
		border: 1px solid #CDEBF5;
		padding: 15px;
	}

	.other-plans-list &gt; li .oh {
		margin: 0 auto 20px;
	}
	.other-plans-list &gt; li img {
		float: left;
		width: 240px;
		max-width: 40%;
		margin: 0 15px 0 0;
	}
	.other-plans-list &gt; li p {
		padding: 0;
	}
	.other-plans-list &gt; li h5 {
		margin: 0 auto;
	}
	.other-plans-list &gt; li h5.line {
		padding-top: 10px;
		background-size: 90% auto;
	}

/* margins */
	.chapel-list:not(:last-child),
	.chapel-list &gt; li:not(:last-child),
	.other-plans-list:not(:last-child),
	.other-plans-list &gt; li:not(:last-child) {
		margin-bottom: 20px;
	}

/* -------------------------------- */
	#plan-subsections {
		margin-bottom: 50px;
	}
	#plan-subsections &gt; section {
		display: block;
		padding-top: 12%;
		margin-top: -12%;
	}
	#plan-subsections &gt; section:not(:last-child) {
		margin-bottom: 40px;
	}

/* -------------------------------- */
	#plan-include-icons-wrap {
		max-width: 600px;
	}
	#plan-include-icons &gt; ul {
		display: block;
	}
	#plan-include-icons &gt; ul:not(:last-child) {
		margin-bottom: 15px;
	}

	#plan-include-icons &gt; ul &gt; li {
		text-align: center;
		width: 25%;
	}
	#plan-include-icons &gt; ul &gt; li::after {
		font-size: 28px;
	}

	#plan-include-icons &gt; ul &gt; li:nth-child(10n)::after {
		content: "+";
	}

	#plan-include-icons &gt; ul &gt; li:last-child::after {
		content: none;
	}


/* --- */
	.plan-include-details &gt; li {
		display: block;
		width: auto;
		margin-right: 0;
		font-size: 1em;
	}
	.plan-include-details &gt; li:nth-child(n+2) {
		margin-top: 30px;
	}
	.plan-include-details &gt; li .plan-midasi2.blank {
		display: none;
	}
	.plan-include-details &gt; li .plan-midasi2.extended::before {
		content: none;
	}

/* -------------------------------- */
	.schedule-switch-btns {
		max-width: none;
	}

	.schedule-switch-btns &gt; a {
		display: block;
		width: auto;
		margin: 0 auto;
	}
	.schedule-switch-btns &gt; a:not(:last-child) {
		margin-bottom: 10px;
	}

/* */
	.schedule-divider {
		font-size: 1em;
		padding: 10px;
	}
	.plan-schedule-wrap {
		width: 100%;
	}
	.plan-schedule-wrap:not(:last-child) {
		margin-bottom: 40px;
	}

/* */
	.plan-schedule &gt; li &gt; div {
		padding-left: 0;
		padding-right: 0;
	}

	.schedule-time-box {
		float: none;
		width: auto;
		height: auto;
		margin: 0 auto 20px;
		padding: 10px;
	}

	.schedule-time-box &gt; span {
		position: static;
		padding: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

/* */
	.schedule-text img {
		float: right;
		width: 220px;
		max-width: 35%;
	}

/* */
	.plan-schedule &gt; li.extended &gt; div &gt; div {
		padding: 10px;
	}

	.extended .schedule-time-box {
		padding: 0;
		margin: 0 auto;
	}

	.extended .schedule-text p {
		position: static;
		margin: 0 auto;
	}

/* */
	.schedule-makeup-detail {
		padding: 15px;
	}

	.schedule-makeup-detail &gt; ol &gt; li {
		width: 50%;
		font-size: 1em;
	}
	.schedule-makeup-detail &gt; ol &gt; li:nth-child(n+3) {
		margin-top: 20px;
	}

	.schedule-makeup-detail &gt; ol &gt; li:nth-child(2n)::after {
		content: none;
	}

/* -------------------------------- */
	#plan-best-options &gt; figure {
		max-width: none;
		display: block;
		margin: 0 auto;
		width: auto;
	}
	#plan-best-options &gt; figure:nth-child(n+2) {
		margin-top: 15px;
	}

	#plan-best-options &gt; figure:only-child {
		max-width: none;
	}

/* */
	#plan-best-options &gt; figure h5 {
		font-size: 1.55em;
	}
	#plan-best-options &gt; figure img {
		margin-right: 10px;
	}

/* */
	.plan-option-list {
		padding-left: 0;
		padding-right: 0;
	}

	.plan-option-list &gt; li {
		display: block;
		width: auto;
		margin-right: 0;
	}
	.plan-option-list &gt; li:nth-child(n+4) {
		margin-top: 0;
	}

	.plan-option-list:not(:last-child),
	.plan-option-list &gt; li:not(:last-child) {
		padding-bottom: 20px;
		border-bottom: 1px solid #B5E2F1;
		margin-bottom: 20px;
	}

	.plan-option-list &gt; li img {
		width: 220px;
		max-width: 45%;
	}
	.plan-option-list &gt; li &gt; .oh {
		margin: 0 auto 10px;
		overflow: visible;
	}
	.plan-option-list &gt; li &gt; .oh &gt; a {
		overflow: visible;
	}

/* ----- */
	.plan-gallery-video,
	.plan-gallery-video-wp .plan-gallery-video
	 {
    padding-top: 56.25%;
	}

	.plan-gallery-video-wp &gt; a.cover .bt {
		bottom: 2.75vw;
		max-width: 170px;
	}

	.plan-gallery-video:not(:last-child) {
		margin-bottom: 20px;
	}


/* -------------------------------- */
	.plan-gallery-wrap {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.plan-gallery-wrap.color .in &gt; div:not(:last-child) {
		margin-bottom: 20px;
	}
	#molii_anchor,
	.plan-gallery-wrap.color .pink,
	.plan-gallery-wrap.color .blue,
	.plan-gallery-wrap.color .yellow {
		margin-top: -10px;
		padding-top: 10px;
	}
	.plan-gallery-wrap.color .pink ul,
	.plan-gallery-wrap.color .blue ul,
	.plan-gallery-wrap.color .yellow ul {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.plan-gallery-wrap.option-photoshot
	{
		position: static;
	}
	.plan-gallery-wrap.option-photoshot .more
	{
		position: static;
		top: auto;
		right: auto;
		z-index: 0;
		text-align: center;
	}
	.plan-gallery-wrap.option-photoshot .more a
	{
		display: inline-block;
		width: 50%;
		margin-bottom: 30px;
		padding: 10px 0;
		background-position: 95% 50%;
	}


	.plan-gallery-list {
		padding: 0;
	}
	.plan-gallery-list:not(:last-child) {
		margin-bottom: 30px;
	}

	.plan-gallery-list &gt; li {
		display: inline-block;
		width: 31.3%;
	}
	.plan-gallery-list &gt; li:nth-child(n+4) {
		margin-top: 2%;
	}

	.plan-gallery-list.date &gt; li {
		width: 48%;
		vertical-align: top;
	}
	.plan-gallery-list.date &gt; li a::after {
		width: 95%;
		padding: 15px 0;
	}
	.plan-gallery-list.date &gt; li:nth-child(n+4) {
		margin-top: 0;
	}

	/* */
	.shooting-place-box {
		padding: 20px;
	}
	.shooting-place-box &gt; div {
		overflow: visible;
	}
	.shooting-place-box &gt; div img {
		float: none;
		width: 80%;
		margin: 0 auto 15px;
	}
	.shooting-place-box &gt; div .title {
		overflow: visible;
		font-size: 14px;
	}

	.shooting-place-box &gt; div .title a {
		position: absolute;
		top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
		font-size: 10px;
	}
	.shooting-place-box &gt; div .title .memo {
		font-size: 10px;
	}
	.shooting-place-box &gt; div .title a:hover {
		background-color: #6D6D6D;
		text-decoration: none;
	}
	.shooting-place-box &gt; div p {
		overflow: hidden;
	}

	/* */
	.recommend-option-box {
		padding: 20px;
		text-align: center;
	}
	.recommend-option-box &gt; img {
		width: 90%;
		margin: 0 auto 15px;
	}
	.recommend-option-box .title {
		font-size: 16px;
	}
	.recommend-option-box .title a {
		top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
		font-size: 12px;
	}

	/* */
	.pickup-box {
		padding: 15px;
	}
	.pickup-box &gt; dl dt {
		font-size: 14px;
	}
	.pickup-box &gt; dl dd {
		margin-bottom: 15px;
	}
	.pickup-box &gt; div img {
		width: 48%;
	}
	.pickup-box &gt; div img:nth-child(1) {
		width: 98%;
	}

	/* */
	.yukata-lineup-wrap {
		padding: 20px 15px;
	}
	.yukata-lineup-wrap &gt; div {
		position: static;
	}
	.yukata-lineup-wrap &gt; div:not(:last-child) {
		margin-bottom: 25px;
	}
	.yukata-lineup-wrap &gt; div .title {
		margin-bottom: 5px;
		font-size: 15px;
	}
	.yukata-lineup-wrap &gt; div .caution {
		position: static;
		margin-bottom: 5px;
		font-size: 11px;
		text-align: right;
	}
	.yukata-lineup-wrap ul li {
		width: 31.3%;
		margin: 0 1% 20px;
	}

/* marriott */
	#marriot-point-wrap {
		padding: 10px 5px;
	}
	#marriot-point-list &gt; ul &gt; li {
		width: auto;
		margin: 0 auto;
		display: block;
	}
	#marriot-point-list &gt; ul &gt; li:not(:last-child) {
		margin-bottom: 20px;
	}
	#marriot-point-list &gt; ul &gt; li::before,
	#marriot-point-list &gt; ul &gt; li::after {
		content: none;
	}
	#marriot-point-list &gt; ul &gt; li &gt; div {
		border-width: 1px;
	}

	#marriot-point-list &gt; ul &gt; li .img-text-wrap:not(:last-child) {
		margin-bottom: 20px;
	}

	#marriot-point-list &gt; ul &gt; li h3 {
		font-size: 1.35em;
		margin-bottom: 20px;
	}
	#marriot-point-list &gt; ul &gt; li h3::before {
		left: 0px;
		top: 0px;
	}

	#marriot-point-list &gt; ul &gt; li img {
		width: 300px;
		max-width: 40%;
		margin: 0 15px 0 0;
		float: left;
	}

/* kualoa */
	#kualoa-location-wrap {
		padding-top: 15px;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}

	#kualoa-location::before {
		content: none;
	}

	#kualoa-location &gt; li {
		width: auto;
		margin-right: 0;
		display: block;
	}
	#kualoa-location &gt; li:nth-child(n+2) {
		border-top: 1px solid #C8B695;
		margin-top: 15px;
		padding-top: 15px;
	}

	#kualoa-location &gt; li h3 {
		font-size: 1.15em;
	}

/* jagged-sec */
	.jagged-sec &gt; div {
		padding: 15px 10px;
	}

/* */
	#quick-change-diagram {
		margin-top: 0;
	}

	#quick-change-diagram dl
	{}

	#quick-change-diagram dl &gt; dt,
	#quick-change-diagram dl &gt; dd {
		display: inline-block;
		vertical-align: top;
		margin: 0;
		width: 48%;
	}

	#quick-change-diagram dl &gt; :nth-child(2n+1) {
		margin-right: 4%;
	}
	#quick-change-diagram dl &gt; :nth-child(2n) {
		margin-right: 0;
	}
	#quick-change-diagram dl &gt; :nth-child(n+3) {
		margin-top: 15px;
	}


	#quick-change-diagram dl &gt; dt p {
		text-align: justify;
	}

/* ------- */
	.text-shadow-img .after-shadow {
		width: auto;
		margin: 0 auto;
	}
	.text-shadow-img .after-shadow::after {
		padding-top: 30px;
		margin-top: -15px;
	}

	.text-shadow-img .after-shadow.fl,
	.text-shadow-img .after-shadow.fr {
		margin: 0 auto;
		float: none;
	}
	.text-shadow-img .after-shadow.fl:not(:last-child),
	.text-shadow-img .after-shadow.fr:not(:last-child) {
		margin-bottom: 10px
	}

/* */
	.caution-wp {
		padding: 0 25px 0 15px;
	}
	.caution-wp &gt; ul {
		padding: 15px 0 15px 40px;
		background-position: 0 15px;
		background-size: 34px auto;
	}

/* */
	.photo-wp {
		margin: 0;
	}
	.photo-wp .lead {
		font-size: 18px;
	}

/* */
	.contact-box {
		margin: 0 0 25px;
		padding-bottom: 10px;
	}
	.contact-box .title {
		margin-bottom: 10px;
		padding: 5px 0;
		font-size: 18px;
	}
	.contact-box .tel {
		margin: 10px 0;
		font-size: 28px;
	}

/* */
	.plan_flow &gt; div:first-child article:before{
		top: 23px;
	}
	.plan_flow &gt; div:last-child article:before{
		height: 26px;
	}
	.plan_flow &gt; div article:after{
		top: 23px;
	}
	.plan_flow &gt; div article h4 em.option{
		width: auto;
		padding: 2px 5px 0;
	}
	.plan_flow &gt; div article h4 {
		font-size: 140%;
	}
	.plan_flow &gt; div article{
		padding: 20px 0 10px 30px;
	}
	.plan_flow &gt; div article h4.indent{
		padding-left: 30px;
		text-indent: -30px;
	}

	.plan_flow &gt; div article h4.indent:before{
		width: 30px;
		height: 30px;
		margin: -10px 5px -10px -5px;
		line-height: 30px;
	}
	.plan_flow &gt; div article figure img{
		width: 48.5%;
		margin: 0 0 3% 3%;
	}
	.plan_flow &gt; div article figure img:nth-child(2n+1){
		margin-left: 0;
	}
	.plan_flow .tokuten {
		margin-top: 40px;
	}

	/* */
	.venue_decoration-box &gt; .title {
		font-size: 14px;
	}
	.venue_decoration-box &gt; ul {
		margin: 15px;
	}
	.venue_decoration-box &gt; ul li,
	.venue_decoration-box.trolley &gt; ul li {
		width: 100%;
		margin: 0 auto;
	}
	.venue_decoration-box &gt; ul li:not(:last-child) {
	  margin-bottom: 20px;
	  padding-bottom: 20px;
	  border-bottom: dashed 1px #c8b695;
	}
	.venue_decoration-box &gt; ul .ph {
		width: 74%;
	}
	.venue_decoration-box.trolley &gt; ul .ph {
		width: 100%;
	}
	.venue_decoration-box &gt; ul h4 {
		font-size: 13px;
	}

/* */
	.venue_decoration-box &gt; ul .ph.smt-fl {
		width: 220px;
		max-width: 35%;
		margin-right: 15px;
		float: left;
		margin-bottom: 0;
	}
	.venue_decoration-box &gt; ul.single li {
		width: 100%;
	}
	.venue_decoration-box &gt; ul.single .ph.smt-fl {
		width: 100%;
		margin: 0 0 10px;
		float: none;
	}

/* */
	.venue_decoration-box &gt; ul.plus-signs li::after {
		-webkit-background-size: 40px 100%;
		background-size: 40px 100%;
		position: static;
		width: 220px;
		max-width: 35%;
		height: 40px;
		margin: 10px 0 10px;
		display: block;
	}
	.venue_decoration-box &gt; ul.plus-signs &gt; li:not(:last-child) {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom-width: 0px;
	}

/* */
	.venue_decoration-box &gt; ul.single {
		margin: 15px;
	}

	.venue_decoration-box &gt; ul.single li {
		display: block;
		max-width: none;
	}
	.venue_decoration-box &gt; ul.double li {
		display: block;
		width: auto;
		margin: 0 auto;
	}
	.venue_decoration-box &gt; ul.double li:nth-child(n+2) {
		margin-top: 20px;
	}

	.venue_decoration-box &gt; ul.single .ph {
		float: none;
		width: 74%;
		max-width: none;
		margin: 0 auto 10px;
	}

/* */
	.venue_decoration-box &gt; .l_indent {
		margin: 0 15px 10px;
	}
	.venue_decoration-box .normal {
		font-size: 13px;
	}


	.w .venue_decoration-box:first-child ,
	.w .venue_decoration-box {
		width: auto;
		float: none;
	}
	.w .venue_decoration-box article {
		padding: 15px;
	}

/* */
	.original_option-wp {
		overflow: visible;
	}

	.original_option-wp .balloon-wp {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 30px;
		padding: 15px;
	}
	.original_option-wp .color {
		float: none;
		width: 100%;
		margin: 0 0 15px 0;
	}
	.original_option-box-wp {
		margin-top: 0;
		padding-top: 0;
	}
	.original_option-box.w900 {
		padding: 15px;
	}
	.original_option-box &gt; .list {
		margin-bottom: 5px;
	}
	.original_option-box &gt; .list li {
		width: 47%;
		margin: 0 1.5% 10px;
	}
	.original_option-box &gt; .box {
		padding: 12px 12px 12px 6px;
	}
	.original_option-box &gt; .box li {
		width: 100%;
		margin: 0;
	}
	.original_option-box .table-list &gt; table th,
	.original_option-box .table-list &gt; table td {
		display: block;
		width: 100%;
		padding-bottom: 3px;
	}
	.original_option-box .table-list &gt; table td {
		padding-left: 1em;
	}

/* */
	.welcome_table-wp {
		max-width: 940px;
		margin: 0 auto;
	}
	.welcome_table-wp .ph {
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	.welcome_table-wp .oh &gt; .title {
		margin-bottom: 20px;
		text-align: center;
	}
	.welcome_table-wp .oh &gt; .title img {
		width: 62.75%;
		max-width: auto;
		margin: 0 auto 10px;
	}

/* */
	.trolley-icon {
		display: block;
		padding-top: 93px;
	}
	.trolley-icon::before {
		top: 0;
	  transform: translate(0, 0);
	  -webkit-transform: translate(0, 0);
	  -moz-transform: translate(0, 0);
	  -ms-transform: translate(0, 0);
	  left: 0;
	  right: 0;
		display: inline-block;
	  width: 122px;
	  height: 83px;
	  margin: 0 auto;
	}

/* */
	.manoa_town-wp .title {
		padding-top: 42px;
	  background-image: url('../img/option/photoshot/manoa_lani_garden_picnic_manoa_town/title_bg-smt.png');
	  font-size: 14px;
	}
	.manoa_town-wp .detail {
		width: 90%;
		margin: 0 auto;
		text-align: left;
	}
	.manoa_town-wp .detail &gt; div {
		width: 100%;
		padding: 0 0 10px;
	}
	.manoa_town-wp .detail &gt; div.starbucks {
		padding: 55px 0 0 0;
	}
	.manoa_town-wp .detail &gt; div.starbucks::before {
		position: absolute;
		top: 0;
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		left: 0;
		right: 0;
		width: 40px;
		height: 40px;
		margin: 0 auto;
	}
	.manoa_town-wp .detail &gt; div .ph {
		width: 85%;
		margin: 0 auto 10px;
	}
	.manoa_town-wp .detail &gt; div .ph::before {
		left: -37px;
		width: 75px;
		height: 75px;
	}
	.manoa_town-wp .detail &gt; div.starbucks .ph::before {
		top: auto;
		left: auto;
		right: -37px;
		bottom: 0;
		background-image: url('../img/option/photoshot/manoa_lani_garden_picnic_manoa_town/img2a.png');
	}

	.brown-recommend#beach_wedding_party-wrap{
		padding: 20px;
		margin: 10px;
	}
	.brown-recommend#beach_wedding_party-wrap + p.tc.tx_red2{
		margin-bottom: 30px;
	}

	.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure,
	.brown-recommend#beach_wedding_party-wrap h3 + div + figure,
	.brown-recommend#beach_wedding_party-wrap h3 + div{
		width: auto;
		float: none;
		margin: 10px 0 0;
	}
	.brown-recommend#beach_wedding_party-wrap h3 + div h4{
		margin: 0 0 5px;
	}
	.brown-recommend#beach_wedding_party-wrap h3 + div p{
		margin: 0 0 10px;
	}
	.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure a.smt{
		display: block !important;
		width: 100% !important;
		padding: 7px;
	}
	.brown-recommend#beach_wedding_party-wrap h3 + div + figure + figure a.pc{
		display: none;
	}
	.brown-recommend#beach_wedding_party-wrap h3 + div + figure p:first-child{
		padding-left: 40px;
	}
	.brown-recommend#beach_wedding_party-wrap h3 + div + figure p:first-child:before{
		left: -15px;
		top: -15px;
		width: 60px;
		height: 28px;
	}

	/* â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp; ãƒ•ã‚©ãƒ«ãƒ€å†…ãƒªãƒ³ã‚¯ â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp;â–&nbsp; */
	.folder_links.variation{
		display: block;
		width: auto;
		height: auto;
		border: 1px solid #888;
		background: #fff;
		font-size: 14px;
		line-height: 1.2em;
		border-radius: 5px;
		text-align: left;
		overflow: hidden;
		margin: 20px 10px;
		padding: 0;
	}
	.folder_links.variation p a{
		display: block !important;
		padding: 12px 15px !important;
		background: #fff;
		border: solid #888;
		border-width: 1px 0 0 !important;
		color: #0aa0d2;
	}
	.folder_links.variation p a.on,
	.folder_links.variation p a:hover{
		background: #D9eef8;
		color: #0aa0d2;
		border: solid #888;
		border-width: 1px 0 0 !important;
		text-decoration: none !important;
	}
	.folder_links.variation h3{
		font-size: 13px;
		line-height: 1.3em;
	}
	.folder_links.variation h3:hover{
		background-color: #eee;
	}

/* */
	.modal-select-wp .box .title::before {
		top: -10px;
		right: -10px;
		width: 35px;
		height: 35px;
	}
	.modal-select-wp .box .title-s {
		margin-bottom: 10px;
	}
	.modal-select-wp .box &gt; div {
		padding: 15px;
	}
	.modal-select-wp .box &gt; div .select {
		margin-bottom: 20px;
	}

	.beach-extend{
		padding: 20px;
	}
	.beach-extend h4{
		margin: 0 -5px 15px;
		border-radius: 25px;
		font-size: 130%;
	}
	.beach-extend h5{
		font-size: 130%;
	}
	.in {
    margin: 10px auto 20px;
}
	.plan_custom_link {
		display: none;
}

}

/* ============================================================================================= */
@media only screen and (max-width: 720px)
{}


/* ============================================================================================= */
@media only screen and (max-width: 600px) {
	#plan-subpage {
		margin-top: -10px;
	}
/* */
	.photo-wp .lead {
		font-size: 15px;
	}

	.midasi.plan-var em {
		font-size: 1.6em;
	}
	.plan-midasi1 {
		font-size: 1.5em;
	}

	.plan-midasi2 {
		font-size: 1.1em;
	}

	.plan-midasi3 {
		font-size: 1.15em;
	}

/* -------- */
	#plan-top-slick-wrap {
		margin-bottom: 30px;
	}

	#plan-top-slick-wrap .gray-circle {
		width: 120px;
		height: 120px;
	}
	#plan-top-slick-blue {
		margin-top: 10px;
	}

/* -------- */
	#plan-intro-summary {
		margin-bottom: 20px;
	}

	#plan-intro-summary .main_words {
		font-size: 1.025em;
	}

	.plan-intro-photos-info {
		margin-left: -9px;
		margin-right: -9px;
	}

	.plan-intro-photos-info figure {
		padding-right: 9px;
		padding-left: 9px;
	}

	.plan-intro-photos-info figure::after {
		font-size: 16px;
		width: 18px;
		right: -9px;
	}

	.plan-intro-photos-info figure &gt; div {
		font-size: 0.95em;
	}
	.plan-intro-photos-info figure &gt; div.single-line p {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.plan-intro-photos-info figure &gt; small {
		font-size: 0.9em;
	}


/* */
	#plan-intro-summary .plan_price {
		font-size: 1.2em;
	}

	#plan-intro-summary .plan_price del {
		margin: 0 auto;
	}

	#plan-intro-summary .plan_price ins {
		display: block;
	}
	#plan-intro-summary .plan_price ins::before {
		content: none;
		display: block;
		width: 30px;
		height: 10px;
		margin: 10px auto;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

/* */
	.brown-recommend {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	.brown-recommend-top h3 {
		font-size: 1.1em;
		max-width: 460px;
	}
	.brown-recommend-top h3::after {
		-webkit-background-size: 6.2% 100%;
		background-size: 6.2% 100%;
		height: 22px;
		margin-top: -11px;
	}
	.brown-recommend-top p {
		font-size: 1em;
	}
	.brown-recommend-decal {
		bottom: -35px;
		width: 75px;
		height: 75px;
	}

	.brown-recommend-img &gt; li {
		width: 49%;
	}
	.brown-recommend-img &gt; li:nth-child(1) {
		width: auto;
		margin: 0 auto 2%;
		display: block;
	}
	.brown-recommend-img &gt; li:nth-child(3n) {
		margin-right: 0;
	}

	.brown-recommend.v2 &gt; h4 {
		font-size: 1.05em;
	}

	.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li img {
		max-width: 30%;
	}
	.brown-recommend.moanalua-single &gt; div &gt; ul &gt; li img {
		max-width: 30%;
	}
/* -------- */
	.page_bottom_links.on.plan-adjust {
		bottom: 100px;
	}

/* */
	.plan-4tabs a {
		padding: 8px 3px;
	}
	.plan-4tabs .plan-4tabs-btns a::before {
		width: 30px;
		height: 30px;
	}
	.plan-4tabs .plan-4tabs-btns a p {
		font-size: 1em;
	}

/* -------- */
	.chapel-list &gt; li h4 {
		font-size: 1em;
	}
	.chapel-list &gt; li h4 &gt; span &gt; strong {
		font-size: 1.6em;
	}

/* */
	.other-plans-list &gt; li h4 {
		font-size: 1.15em;
	}
	.other-plans-list &gt; li h5 span strong {
		font-size: 1.5em;
	}

	.other-plans-list &gt; li img {
		margin-right: 10px;
	}

/* -------------------------------- */
	#plan-subsections {
		margin-bottom: 40px;
	}

/* -------------------------------- */
	#plan-include-icons {
		margin-left: -12px;
		margin-right: -12px;
	}
	#plan-include-icons &gt; ul &gt; li {
		padding: 0 12px;
	}
	#plan-include-icons &gt; ul &gt; li::after {
		font-size: 24px;
		line-height: 24px;
		margin-top: -12px;
		width: 24px;
		right: -12px;
	}

/* -------------------------------- */
	.plan-schedule-wrap:not(:last-child) {
		margin-bottom: 30px;
	}
	.schedule-time-box {
		font-size: 1.05em;
	}
	.plan-schedule &gt; li:not(:last-child) &gt; div::after {
		bottom: -16px;
		margin-left: -20px;
		border-top-width: 16px;
		border-left-width: 20px;
		border-right-width: 20px;
	}

	.plan-salon-schedule {
		padding: 10px;
	}
	.plan-salon-schedule .plan-midasi1:not(:last-child) {
		margin-bottom: 10px;
	}

/* */
	.schedule-makeup-detail &gt; ol {
		margin-left: -15px;
		margin-right: -15px;
	}
	.schedule-makeup-detail &gt; ol &gt; li {
		padding: 0 15px;
	}
	.schedule-makeup-detail &gt; ol &gt; li:nth-child(n+3) {
		margin-top: 20px;
	}

	.schedule-makeup-detail &gt; ol &gt; li::after {
		font-size: 15px;
		width: 30px;
		right: -15px;
	}

/* -------------------------------- */
	#plan-best-options &gt; figure h5 {
		font-size: 1.35em;
	}

/* --- */
	.plan-option-list &gt; li img {
		width: 160px;
		max-width: 38%;
		margin-right: 12px;
	}

/* -------------------------------- */
	.plan-gallery-wrap h4:not(:last-child) {
		margin-bottom: 10px;
	}

/* -------------------------------- */
	.plan-popup-wrap h2 {
		font-size: 1.1em;
		padding: 10px;
	}

	.plan-popup-wrap &gt; .oh {
		padding: 10px;
	}

	.plan-popup-wrap &gt; .oh &gt; figure {
		width: auto;
		margin: 0 auto 10px;
		float: none;
	}

/* marriott */
	#marriot-point-list &gt; ul &gt; li h3 {
		font-size: 1.2em;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#marriot-point-list &gt; ul &gt; li h3::before {
		width: 48px;
		height: 48px;
		left: -5px;
		top: -5px;
	}

	#marriot-point-list &gt; ul &gt; li img {
		width: 280px;
		max-width: 75%;
		margin: 0 auto 15px;
		float: none;
	}
	#marriot-point-list &gt; ul &gt; li h4 {
		text-align: center;
	}


	.beach-extend{
		padding: 10px;
	}
	.beach-extend h4{
		margin: 0 0 15px;
		font-size: 120%;
	}
	.beach-extend h4:before{
		content: "";
	}
	.beach-extend &gt; figure{
		display: block;
		float: none;
		width: 85%;
		margin: 10px auto;
	}
	.beach-extend h5{
		font-size: 110%;
	}
	.beach-extend &gt; figure .icon{
		width: 65px;
		height: 65px;
		font-size: 11px;
		white-space: nowrap;
	}
}

/* ============================================================================================= */
@media only screen and (max-width: 480px) {
	.midasi.plan-var em {
		font-size: 1.4em;
	}
	.plan-midasi1 {
		font-size: 1.35em;
	}
	.plan-midasi1:not(:last-child) {
		margin-bottom: 15px;
	}
	.plan-midasi1 &gt; small {
		font-size: 0.7em;
	}

/* -------- */
	#plan-top-slick-wrap {
		margin-bottom: 20px;
	}
	#plan-top-slick-wrap .gray-circle {
		width: 80px;
		height: 80px;
		/*
		width: 90px;
		height: 90px;
		*/
	}

/* -------- */
	.plan-intro-photos-wrap:not(:last-child) {
		margin-bottom: 10px;
	}
	.plan-intro-photos-info {
		margin-left: -2px;
		margin-right: -2px;
	}

	.plan-intro-photos-info figure {
		padding-right: 2px;
		padding-left: 2px;
	}

	.plan-intro-photos-info figure::after {
		content: none;
	}

	.plan-intro-photos-info figure &gt; div {
		font-size: 0.85em;
		padding: 5px 0;
		border-radius: 20px;
	}
	.plan-intro-photos-info figure &gt; div.single-line p {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.plan-intro-photos-info figure &gt; small {
		font-size: 0.8em;
	}

/* -------- */
	#plan-intro-summary .plan_price {
		font-size: 1.1em;
	}
	#plan-intro-summary .plan_price ins::before {
		width: 18px;
		height: 15px;
	}

/* */
	.plan-intro-banners:not(:last-child) {
		margin-bottom: 20px;
	}

	.plan-intro-banners &gt; div:not(:last-child) {
		margin-bottom: 10px;
	}

/* -------- */
	#plan-reserve-status ul {
		text-align: left;
		font-size: 0.9em;
	}
	#plan-reserve-status ul &gt; li:not(:last-child) {
		margin-right: 0.75em;
	}

/* */
	.brown-recommend-top h3 {
		font-size: 1.05em;
		max-width: 460px;
	}

	.brown-recommend-decal {
		bottom: -38px;
		width: 60px;
		height: 60px;
	}

/* */
	.red-outline {
		padding: 12px;
	}

	.balloon-point::before {
		width: 24px;
		height: 33px;
	}

/* -------- */
	.page_bottom_links.on.plan-adjust {
		bottom: 95px;
	}

/* */
	.plan-4tabs .plan-4tabs-btns a::before {
		width: 24px;
		height: 24px;
	}
	.plan-4tabs .plan-4tabs-btns a p {
		font-size: 0.9em;
	}

/* -------- */
	.chapel-list &gt; li &gt; div {
		padding: 12px;
	}
	.chapel-list &gt; li h4 &gt; span &gt; strong {
		font-size: 1.4em;
	}

/* */
	.other-plans-list &gt; li &gt; div {
		padding: 12px;
	}
	.other-plans-list &gt; li h4 {
		font-size: 1.1em;
	}
	.other-plans-list &gt; li h5 span strong {
		font-size: 1.4em;
	}

/* */
	.chapel-list:not(:last-child),
	.chapel-list &gt; li:not(:last-child),
	.other-plans-list:not(:last-child),
	.other-plans-list &gt; li:not(:last-child) {
		margin-bottom: 10px;
	}

/* -------------------------------- */
	#plan-subsections {
		margin-bottom: 30px;
	}

/* -------------------------------- */
	#plan-best-options &gt; figure img {
		width: 130px;
		max-width: 40%;
		margin-bottom: 15px;
	}
	#plan-best-options &gt; figure .oh .oh {
		overflow: visible;
	}
	#plan-best-options &gt; figure h5 {
		clear: both;
	}
	#plan-best-options &gt; figure h4:not(:last-child) {
		margin-bottom: 10px;
	}
	#plan-best-options &gt; figure h5:not(:last-child) {
		margin-bottom: 5px;
	}

/* -------------------------------- */
	.plan-gallery-list:not(:last-child) {
		margin-bottom: 20px;
	}

	.plan-gallery-list.date &gt; li::after {
		font-size: 2.5vw;
	}

/* */
	.recommend-option-box .title {
		font-size: 3.6vw;
	}

/* marriott */
	#marriot-point-list &gt; ul &gt; li h3 {
		font-size: 1.2em;
	}

/* kualoa */
	#kualoa-location-wrap {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	#kualoa-location &gt; li h3 {
		font-size: 1.1em;
	}

	.original_option-box &gt; .list.fs12 li.icon_plus:before {
		font-size: 20px;
	}
	.original_option-box &gt; .list.fs12 li.icon_or:before {
		font-size: 15px;
	}
	.original_option-box &gt; .list.fs12 li.icon_plus:before,
	.original_option-box &gt; .list.fs12 li.icon_or:before {
		top: 16%;
		left: -4%;
		width: 30px;
		height: 30px;
		line-height: 27px;
	}
	.brown-recommend.moanalua-select &gt; div &gt; ul &gt; li img {
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.brown-recommend.moanalua-single &gt; div &gt; ul &gt; li img {
		margin-right: 5px;
		margin-bottom: 5px;
	}
}

/* ============================================================================================= */
@media only screen and (max-width: 400px)
{
	#plan-intro-summary .plan_price_wrap .plan_price{
		font-size: 3.5vw;
	}
	#plan-intro-summary .plan_price_wrap .plan_price &gt; em {
		width: 130px;
		font-size: 10px;
	}

	.plan-intro-photos-info figure &gt; div {
		font-size: 0.725em;
		padding: 5px 0;
	}

/* -------- */
	#plan-share-page &gt; a {
		font-size: 0.95em;
	}
	#plan-share-page &gt; a::before {
		width: 20px;
		height: 18px;
		margin-right: 5px;
	}

/* -------- */
	.plan-4tabs .plan-4tabs-btns a::before {
		width: 20px;
		height: 20px;
	}
	.plan-4tabs .plan-4tabs-btns a p {
		font-size: 0.8em;
	}

/* -------- */
	.brown-recommend-decal {
		width: 55px;
		height: 55px;
	}

/* -------- */
	.chapel-list &gt; li .oh {
		margin-bottom: 12px;
	}
	.other-plans-list &gt; li .oh {
		margin-bottom: 12px;
	}

/* -------------------------------- */
	#plan-include-icons-wrap {
		margin-bottom: 15px;
	}

	#plan-include-icons {
		margin-left: -10px;
		margin-right: -10px;
	}
	#plan-include-icons &gt; ul:not(:last-child) {
		margin-bottom: 10px;
	}

	#plan-include-icons &gt; ul &gt; li {
		padding: 0 10px;
	}
	#plan-include-icons &gt; ul &gt; li::after {
		font-size: 19px;
		line-height: 20px;
		margin-top: -10px;
		width: 20px;
		right: -10px;
	}

/* -------------------------------- */
	.schedule-text img {
		margin-bottom: 10px;
	}
	.schedule-text p {
		overflow: visible;
	}

/* */
	.plan-salon-schedule dl dt:nth-of-type(n+3),
	.plan-salon-schedule dl dd:nth-of-type(n+3) {
		border-top-style: solid;
	}

	.plan-salon-schedule dl dt {
		width: 17%;
	}

	.plan-salon-schedule dl dd {
		width: 33%;
	}
	.plan-salon-schedule dl dd:nth-of-type(3n) {
		border-right-style: solid;
	}
	.plan-salon-schedule dl dd:nth-of-type(2n) {
		border-right-style: none;
	}

/* */
	.schedule-makeup-detail {
		padding: 12px;
	}

	.schedule-makeup-detail &gt; ol {
		margin-left: -10px;
		margin-right: -10px;
	}
	.schedule-makeup-detail &gt; ol &gt; li {
		padding: 0 10px;
		font-size: 0.95em;
	}
	.schedule-makeup-detail &gt; ol &gt; li:nth-child(n+3) {
		margin-top: 15px;
	}

	.schedule-makeup-detail &gt; ol &gt; li::after {
		font-size: 14px;
		width: 20px;
		right: -10px;
	}

/* */
	.shooting-place-box &gt; div .title {
		font-size: 4.5vw;
	}

/* */
	.venue_decoration-box &gt; ul.plus-signs li::after {
		-webkit-background-size: 30px 100%;
		background-size: 30px 100%;
		height: 30px;
	}
	.w .venue_decoration-box article {
		padding: 10px;
	}
	.brown-recommend.moanalua-select &gt; div {
		padding-left: 5px;
		padding-right: 5px;
	}

	.brown-recommend#beach_wedding_party-wrap{
		padding: 10px;
	}

	.beach-extend h4{
		font-size: 110%;
	}

}

@media only screen and (max-width: 320px)
{
	.midasi.plan-var em {
		font-size: 1.2em;
	}

	.plan-gallery-video-wp &gt; a.cover .bt {
		bottom: 2vw;
		max-width: 135px;
	}

}

/**/
.heading-blue {
	background: #84cfe8;
	color: #fff;
	padding: 10px 30px;
	text-align: left;
	font-size: 15px;
	margin: 0 -10px 25px;
}
.title-plan {
	color: #0aa0d2;
	font-weight: bold;
	font-size: 13px;
}
.plan-list-1 {
	list-style: disc;
	margin: 0 20px;
	font-size: 12px;
	text-align: left;
}
.col-plan:nth-child(2) {
	margin-top: 40px;
}
@media screen and (min-width: 800px) {
	.heading-blue {
		font-size: 14px;
		padding: 5px 35px;
		margin: 0 0 15px;
	}
	.pc-oh {
		overflow: hidden;
	}
	.col-plan {
		float: left;
		width: 50%;
	}
	.col-plan:nth-child(2) {
		margin-top: 0;
	}
	.title-plan {
		font-size: 14px;
	}
	.plan-list-1 {
		margin-left: 45px;
	}
}

/**/
.w-photo-wp {
	display: none;
}
.w-photo-wp .pl {
	display: none;
}
.bnr-wagen-active .w-photo-wp {
	display: block;
}
.bnr-wagen-active.pl .c {
	display: none;
}
.bnr-wagen-active.pl .pl {
	display: block;
}
.w-photo-wp img {
	width: 100%;
	vertical-align: top;
}
@media screen and (min-width: 800px) {
	.w-photo-wp {
		max-width: 750px;
		margin: auto;
	}	
}

a.button_decoration {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	padding: 10px;
	text-align: center;
	border: 1px solid #aaa;
	border-radius: 40px;
	color: #4d4d4d;
	font-weight: bold;
	text-decoration: none !important;
}

a.button_decoration:hover {
	background: #eee;
}
@media screen and (max-width: 420px) {
	a.button_decoration {
		font-size: 11px;
	}
}</pre></body></html>