<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ***************************************************************************************************
 * VenoBox
 *
 * 追加・修正用CSS
 *
 * VenoBoxのフレームワークに関する設定。コンテンツ部分に関する設定は各ページ用CSSに記述すること。
*************************************************************************************************** */


/* ========================================================================
	roomplanP
---------------------------------------------------------------------------
 - オリジナルのクローズボタンを、PC時は非表示、SP時は表示にする
 - [.vbox-num]表示の微調整
 - PC時の ARROWS スタイルを微調整（コンテンツの max-width によりメディアクエリ変動）
 - [.vbox-inline]の高さ固定を解除
 - マイクローズボタンの為に[.vbox-content]のoverflow設定を変更 ※[変更不可パート]の変更につき注意。
 - マイクローズボタンを追加。こちらは逆にPC時は表示、SP時は非表示にする
======================================================================== */

/* venobox.css
---------------------------------------------------- */
/* ----- navigation ----- */
	.roomplanP .vbox-overlay &gt; .vbox-close {
		visibility: visible;
		opacity: 1;
		transition: visibility .3s ease-out, opacity .3s ease-out;
	}
	.roomplanP .vbox-num {
		margin-left: 0;
		padding-left: 7px;
		padding-right: 7px;
	}
@media (min-width: 768px) {
	.roomplanP .vbox-overlay &gt; .vbox-close {
		visibility: hidden;
		opacity: 0;
	}
}
/* ----- navigation ARROWS ----- */
	.roomplanP .vbox-next,
	.roomplanP .vbox-prev {
		transition: right .3s ease-out, left .3s ease-out;
	}
	.roomplanP .vbox-next {
		right: 5px;
	}
	.roomplanP .vbox-prev {
		left: 5px;
	}
@media (min-width: 768px) {
	.roomplanP .vbox-next {
		right: 15px;
	}
	.roomplanP .vbox-prev {
		left: 15px;
	}
}
@media (min-width: 1200px) {
	.roomplanP .vbox-next,
	.roomplanP .vbox-prev {
		height: 200px;
		margin-top: 0;
		transform: translateY(-50%);
	}
	.roomplanP .vbox-next span,
	.roomplanP .vbox-prev span {
		top: 0;
		bottom: 0;
		margin: auto;
	}
}
/* ------- inline window ------ */
	.roomplanP .vbox-inline {
		width: unset;
		max-width: 1260px;
		height: unset;
		overflow: unset;
	}
	.roomplanP.innerP06 .vbox-inline {
		max-width: 800px;
	}
	
@media (min-width: 768px) {
	.roomplanP .vbox-inline {
		height: unset;
	}
}
@media (min-width: 992px) {
	.roomplanP .vbox-inline {
		height: unset;
	}
}

/* 
Please do NOT edit this part! 
or at least read this note: http://i.imgur.com/7C0ws9e.gif
*/
	.roomplanP .vbox-content{
		overflow: visible;
	}


/* venobox_my_closebutton（.vbox-close）
---------------------------------------------------- */
	.roomplanP [data-venobox_modify="my_closebutton"] {
		position: relative;
	}
	.roomplanP .venobox_my_closebutton {	/* .vbox-close の設定の解除・変更 */
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		padding: 0;
		transform: translateY(-100%);
		visibility: hidden;
		opacity: 0;
		transition: visibility .3s ease-out, opacity .3s ease-out;
	}
	.roomplanP .venobox_my_closebutton::before,
	.roomplanP .venobox_my_closebutton::after {
		content: "";
		display: block;
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		width: 100%;
		height: 2px;
		background: #ccc;
		margin: auto;
	}
	.roomplanP .venobox_my_closebutton::before {
		transform: rotate(45deg);
	}
	.roomplanP .venobox_my_closebutton::after {
		transform: rotate(-45deg);
	}
@media (min-width: 768px) {
	.roomplanP .venobox_my_closebutton {
		visibility: visible;
		opacity: 1;
	}
}



/* ========================================================================
	smarthomeP
---------------------------------------------------------------------------
======================================================================== */
/* venobox.css
---------------------------------------------------- */
/* ----- navigation ----- */
	.smarthomeP .vbox-overlay &gt; .vbox-close {
		visibility: visible;
		opacity: 1;
		transition: visibility .3s ease-out, opacity .3s ease-out;
	}
	.smarthomeP .vbox-num {
		margin-left: 0;
		padding-left: 7px;
		padding-right: 7px;
	}
@media (min-width: 768px) {
	.smarthomeP .vbox-overlay &gt; .vbox-close {
		visibility: hidden;
		opacity: 0;
	}
}
/* ----- navigation ARROWS ----- */
	.smarthomeP .vbox-next,
	.smarthomeP .vbox-prev {
		transition: right .3s ease-out, left .3s ease-out;
	}
	.smarthomeP .vbox-next {
		right: 5px;
	}
	.smarthomeP .vbox-prev {
		left: 5px;
	}
@media (min-width: 768px) {
	.smarthomeP .vbox-next {
		right: 15px;
	}
	.smarthomeP .vbox-prev {
		left: 15px;
	}
}
@media (min-width: 1200px) {
	.smarthomeP .vbox-next,
	.smarthomeP .vbox-prev {
		height: 200px;
		margin-top: 0;
		transform: translateY(-50%);
	}
	.smarthomeP .vbox-next span,
	.smarthomeP .vbox-prev span {
		top: 0;
		bottom: 0;
		margin: auto;
	}
}
/* ------- inline window ------ */
	.smarthomeP .vbox-inline {
		width: unset;
		max-width: 500px;
		height: unset;
					overflow: unset;
	}
@media (min-width: 768px) {
	.smarthomeP .vbox-inline {
		height: unset;
	}
}
@media (min-width: 992px) {
	.smarthomeP .vbox-inline {
		height: unset;
	}
}

/* 
Please do NOT edit this part! 
or at least read this note: http://i.imgur.com/7C0ws9e.gif
*/
	.smarthomeP .vbox-content{
		overflow: visible;
	}

/* venobox_my_closebutton（.vbox-close）
---------------------------------------------------- */
	.smarthomeP [data-venobox_modify="my_closebutton"] {
		position: relative;
	}
	.smarthomeP .venobox_my_closebutton {	/* .vbox-close の設定の解除・変更 */
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		padding: 0;
		transform: translateY(-100%);
		visibility: hidden;
		opacity: 0;
		transition: visibility .3s ease-out, opacity .3s ease-out;
	}
	.smarthomeP .venobox_my_closebutton::before,
	.smarthomeP .venobox_my_closebutton::after {
		content: "";
		display: block;
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		width: 100%;
		height: 2px;
		background: #ccc;
		margin: auto;
	}
	.smarthomeP .venobox_my_closebutton::before {
		transform: rotate(45deg);
	}
	.smarthomeP .venobox_my_closebutton::after {
		transform: rotate(-45deg);
	}
@media (min-width: 768px) {
	.smarthomeP .venobox_my_closebutton {
		visibility: visible;
		opacity: 1;
	}
}



</pre></body></html>