* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	/* sets the base font to 10px for easier math */
}

body {
	font-family: 'Lato', 'Noto Sans JP', '���S�V�b�N Medium', '���S�V�b�N��', 'Yu Gothic Medium', YuGothic, '�q���M�m�p�S ProN', 'Hiragino Kaku Gothic ProN', '���C���I', Meiryo, '�l�r �o�S�V�b�N', 'MS PGothic', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.6rem;
	color: #444444;
	width: 100%;
	line-height: 1.44;
	letter-spacing: 0.01em;
}

a,
a:hover,
a:visited {
	color: #333;
}

a {
	outline: none;
}

a:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: bold;
}

button,
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
}

@media print,
screen and (min-width:0px) {

	.pc {
		display: inherit;
	}

	.mobile {
		display: none;
	}



	/* ---------- ���C�����j���[ ---------- */

	.mdd_wrap {
		z-index: 4;
	}

	/* ---------- �p���������X�g ---------- */

	.breadcrumb {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	.breadcrumb-box {
		width: 100%;
		background-color: #ff6c1b;
	}

	.breadcrumb,
	.breadcrumb li::after,
	.breadcrumb li a {
		color: #ffffff;
	}

	.breadcrumb li {
		display: inline-block;
		height: auto;
		list-style: none;
		font-weight: normal;
		padding: 0.5rem 0;
	}

	.breadcrumb li::after {
		content: '>';
		padding: 0 3px;
	}

	.breadcrumb li a {
		text-decoration: none;
	}

	.breadcrumb li a:hover {
		text-decoration: underline;
	}

	/* ---------- ���C���G���A ---------- */

	#main {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0;
		padding-bottom: 4em;
	}

	/* ---------- viewer360 ---------- */

	.viewer360 .screenWrap {
		margin: 0 auto;
		width: 100%;
		height: 500px;
		position: relative;
		z-index: 1;
	}

	.viewer360 .screenWrap .prev,
	.viewer360 .screenWrap .next {
		display: none;
	}

	.viewer360 #screen {
		width: 100%;
		height: 500px;
		position: relative;
	}

	.viewer360 nav,
	.viewer360 .pnlm-controls-container {
		display: none;
		;
	}

	/* ---------- �^�C�g�� ---------- */

	.top-title {
		width: 100%;
		height: 500px;
		margin: 0 auto;
		margin-bottom: 4rem;
		position: relative;
	}

	.top-title-box {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 500px;
		font-size: 3rem;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 1rem;
		z-index: 2;
	}

	.top-title-text {
		width: 100%;
		height: auto;
		background-color: rgba(255, 255, 255, 0);
		text-align: center;
	}

	.top-title-text span.en {
		color: #ff6c1b;
	}

	.top-title-text span.sub-midashi {
		display: block;
		width: 100%;
		height: auto;
		color: #00b9ef;
		font-weight: normal;
		font-size: 2.6rem;
		padding: 1rem 0;
		background-color: rgba(255, 255, 255, 0.9);
	}

	.top-title-text .main-midashi {
		display: block;
		width: 100%;
		height: auto;
		font-size: 2.6rem;
		margin-top: 150px;
	}

	#v-tour-detail .top-title-text .main-midashi {
		margin-top: 1rem;
	}

	.top-title-text .main-midashi img {
		width: 683px;
		height: auto;
	}

	.top-text-circle {
		position: absolute;
		right: 2rem;
		bottom: 2rem;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 16rem;
		height: 16rem;
		border-radius: 8rem;
		background-color: #fffc08;
		z-index: 1;
		font-size: 3.5rem;
		font-weight: bold;
		color: #000;
		text-align: center;
		line-height: 1.2;
		display: none;
	}

	.top-text-circle span {
		transform: rotate(30deg);
	}

	.content {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	.room-list-box {
		width: 900px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		margin-bottom: 0px;
		float: right;
		margin-bottom: 4rem;
	}

	.condition-box {
		width: 300px;
		height: auto;
		overflow: hidden;
		float: right;
		margin: 0 auto;
		padding-right: 1.15%;
	}

	.condition-box .menu__item__link {
		display: none;
	}

	.room-list-box .pager {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-left: 1.15%;
		padding-bottom: 0.5rem;
		text-align: center;
		margin-top: 4rem;
	}

	.room-list-box .pager .page-no {
		margin-top: 1rem;
	}

	.room-list-box .pager span,
	.room-list-box .pager a {
		padding: 0.3rem 0.8rem;
		color: #666666;
		border: 1px solid #666666;
	}

	.room-list-box .room-list-content {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.room-list-box .bukken-box {
		float: left;
		width: 31%;
		height: 470px;
		overflow: hidden;
		border: 1px solid #acacac;
		margin: 0 1.15% 2.3%;
		position: relative;
	}

	.room-list-box .bukken-box a {
		text-decoration: none;
		color: #666666;
	}

	.room-list-box .bukken-box .photo-box {
		width: 100%;
		height: 184px;
		overflow: hidden;
	}

	.room-list-box .photo-box img {
		width: 100%;
		height: auto;
	}

	.room-list-box .bukken-box .name-box {
		width: 100%;
		height: auto;
		padding: 2rem;
	}

	.room-list-box .bukken-box .name-box h3 {
		font-size: 1.6rem;
		color: #333333;
	}

	.room-list-box .bukken-box .title-box {
		width: 100%;
		height: auto;
		padding: 0 2rem;
		padding-bottom: 1rem;
		font-size: 1.4rem;
	}

	.room-list-box .bukken-box .detail-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0 2rem;
		padding-bottom: 1rem;
		font-size: 1.4rem;
	}

	.room-list-box .bukken-box .detail-box dt {
		display: block;
		width: 40%;
		height: auto;
		float: left;
	}

	.room-list-box .bukken-box .detail-box dd {
		display: block;
		width: 60%;
		height: auto;
		float: left;
	}

	.room-list-box .bukken-box .detail-box .rent-box {
		display: table;
		width: 100%;
		height: auto;
		color: #333;
		margin-bottom: 1rem;
	}

	.room-list-box .bukken-box .detail-box .rent-box dt {
		float: none;
		display: table-cell;
		width: 40%;
		height: 3rem;
		vertical-align: bottom;
	}


	.room-list-box .bukken-box .detail-box .rent-box dd {
		float: none;
		display: table-cell;
		width: 60%;
		height: 3rem;
		font-size: 1.6rem;
		font-weight: bold;
		vertical-align: bottom;
	}

	.room-list-box .bukken-box .corner-box {
		position: absolute;
		right: 0;
		top: 0;
		width: 12rem;
		height: 12rem;
		padding: 0.5rem;
		text-align: center;
		color: #ffffff;
		line-height: 1.2;
		z-index: 1;
		transform-origin: right top;
		transform: scale(0.7);
	}

	.room-list-box .bukken-box .corner-box::before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 12rem 12rem 0;
		border-color: transparent #11a73b transparent transparent;
		position: absolute;
		left: 0;
		top: 0;
	}

	.room-list-box .bukken-box .corner-box span {
		position: absolute;
		top: 5%;
		right: 10%;
		transform: rotate(45deg);
		font-size: 2.4rem;
	}

	.room-list-box .bukken-box .status-box {
		position: absolute;
		left: 0;
		top: 0;
		width: 8rem;
		height: auto;
		padding: 0.3rem;
		text-align: center;
		color: #ffffff;
		background-color: #ff6c1b;
	}

	.room-list-box .bukken-box .new-box {
		position: absolute;
		right: 1rem;
		bottom: 1rem;
		width: 100%;
		height: auto;
		padding: 1rem;
		text-align: right;
		color: #ff6c1b;
		font-weight: bold;
		font-style: italic;
	}

	.room-list-box .bukken-box .new-box img {
		width: 50px;
		height: auto;
	}

	.room-list-box .bukken-box .detail-button-box {
		position: absolute;
		bottom: 1rem;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		text-align: center;
		padding: 1rem 3rem;
		margin: 0 auto;
		margin-top: 0;
		color: #005bac;
	}

	.widget.l-space {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 2rem;
	}

	.widget.l-space .widget__title h3 {
		width: 100%;
		height: auto;
		font-size: 1.6rem;
		font-weight: normal;
		padding: 1rem;
		text-align: center;
		background-color: #e1f2fb;
	}

	.widget.l-space div {
		margin-bottom: 0.5rem;
	}

	.widget.l-space dt {
		width: 100%;
		height: auto;
		color: #5bb8e9;
		padding: 0.5rem;
		margin-bottom: 1rem;
		border-bottom: solid 1px #5bb8e9;
	}

	.widget.l-space input {
		margin: 0.5rem 0;
	}

	.widget.l-space .text-base .select-group {
		width: 100%;
		height: auto;
		text-align: center;
	}

	.widget.l-space .text-base select {
		width: 40%;
		height: auto;
		padding: 0.5rem;
	}

	.widget.l-space .operations button {
		display: block;
		width: max-content;
		padding: 1rem 2rem;
		font-size: 1.6rem;
		margin: 0 auto;
		margin-top: 2rem;
		background-color: #005bac;
		color: #ffffff;
	}

	/* ---------- �ڍ׃y�[�W ---------- */

	#v-tour-detail .top-title {
		height: auto;
		margin: 0 auto;
	}

	#v-tour-detail .top-title-box {
		position: relative;
		height: auto;
	}

	#v-tour-detail .top-title-text {
		padding: 0.5rem 0;
	}

	#v-tour-detail .top-title-text span.jp {
		margin-top: 0;
	}

	#v-tour-detail .detail-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	#v-tour-detail .embedded_block {
		width: 100%;
		height: 600px;
	}

	#v-tour-detail .full_link_block {
		width: 100%;
		height: auto;
	}

	#v-tour-detail .full_link_block a {
		display: block;
		width: 100%;
		height: auto;
		background-color: #9ed5f2;
		color: #ffffff;
		padding: 2rem 0;
		text-align: center;
		text-decoration: none;
	}

	#v-tour-detail .embedded_block iframe {
		width: 100%;
		height: 100%;
		border: none;
	}

	#v-tour-detail .sub-detail-box {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	#v-tour-detail .title_block h2 {
		width: 100%;
		height: auto;
		padding: 0.3em 0;
		margin: 1rem auto;
		color: #005bac;
		border-bottom: solid 1px #005bac;
	}

	#v-tour-detail .title_block h2 span.address {
		font-size: 1.6rem;
		font-weight: normal;
		margin-left: 2rem;
	}

	#v-tour-detail .sub_title_block {
		width: 100%;
		height: auto;
		font-size: 2rem;
		font-weight: bold;
		color: #e2261f;
		margin: 2rem 0;
		text-align: center;
	}

	#v-tour-detail #main .image_block {
		width: 100%;
		height: auto;
		overflow: hidden;
		float: left;
	}

	#v-tour-detail .slide-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 2em auto;
	}

	#v-tour-detail .slide-box .pagination {
		width: 100%;
		height: 2em;
		overflow: hidden;
		margin-bottom: 1em;
		text-align: center;
		padding: 0.2rem;
	}

	#v-tour-detail .slide-box .pagination span {
		padding: 0 1em;
		color: #acacac;
		border: 1px solid #acacac;
		margin-right: 0.2rem;
	}

	#v-tour-detail .slide-box .pagination a {
		padding: 0 1em;
		color: #5bb8e9;
		border: 1px solid #5bb8e9;
		margin-right: 0.2rem;
		background: #e1f2fb;
		text-decoration: none;
	}

	#v-tour-detail .slide-box .thumbs {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#v-tour-detail .slide-box .thumbs li {
		float: left;
		padding: 0;
		margin: 5px 10px 5px 0;
		list-style: none;
	}

	#v-tour-detail .slide-box .thumbs a {
		display: block;
		padding: 2px;
		border: 1px solid #ccc;
	}

	#v-tour-detail .slide-box .thumbs img {
		width: 180px;
		height: 120px;
		object-fit: cover;
	}

	#v-tour-detail .slide-box #gallery {
		width: 50%;
		height: auto;
		overflow: hidden;
		float: right;
	}

	#v-tour-detail .slide-box #gallery .controls {
		width: 550px;
		height: 2em;
		overflow: hidden;
		margin: 0 auto;
		margin-bottom: 0px;
		margin-bottom: 1em;
	}

	#v-tour-detail .slide-box #gallery .ss-controls,
	#v-tour-detail .slide-box #gallery .nav-controls {
		width: 50%;
		height: auto;
		overflow: hidden;
		float: left;
		text-align: center;
	}

	#v-tour-detail .slide-box #gallery .ss-controls a.play,
	#v-tour-detail .slide-box #gallery .ss-controls a.pause {
		display: block;
		width: 80%;
		height: auto;
		padding: 4px 7px 2px 7px;
		color: #5bb8e9;
		text-decoration: none;
	}

	#v-tour-detail .slide-box #gallery a.prev {
		display: block;
		width: 40%;
		height: auto;
		float: left;
		text-align: center;
		padding: 4px 7px 2px 7px;
		color: #5bb8e9;
		text-decoration: none;
	}

	#v-tour-detail .slide-box #gallery a.next {
		display: block;
		height: auot;
		width: 40%;
		float: right;
		text-align: center;
		padding: 4px 7px 2px 7px;
		color: #5bb8e9;
		text-decoration: none;
	}

	#v-tour-detail .slide-box #gallery .slideshow {
		width: 550px;
		height: 367px;
		overflow: hidden;
		margin: 0 auto;
	}

	#v-tour-detail .slide-box #gallery .slideshow img {
		width: 100%;
		height: auto;
	}

	#v-tour-detail .slide-box #gallery .room_layout {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 2em;
	}

	#v-tour-detail .slide-box #gallery .room_layout .title {
		width: 100%;
		height: auto;
		padding: 4px 7px 2px 7px;
		color: #5bb8e9;
		border-bottom: solid 1px #5bb8e9;
	}

	#v-tour-detail .slide-box #gallery .room_layout .madori {
		width: 100%;
		height: auto;
		text-align: center;
		padding-top: 2em;
	}

	#v-tour-detail .slide-box #gallery .room_layout .madori img {
		max-width: 90%;
		height: auto;
	}

	#v-tour-detail .slide-box .room_layout_mobile {
		display: none;
	}

	#v-tour-detail .base_detail {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#v-tour-detail .base_detail .title {
		width: 100%;
		height: auto;
		font-size: 2.2rem;
		font-weight: bold;
		text-align: center;
		color: #5bb8e9;
		margin-bottom: 0.5em;
	}

	#v-tour-detail .base_detail dl.detail-box {
		list-style: none;
		display: block;
		width: 50%;
		height: auto;
		float: left;
		border-top: solid 1px #9cd4f1;
		border-right: solid 1px #9cd4f1;
	}

	#v-tour-detail .base_detail .detail-box .item-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		background-color: #5baff5;
		border-bottom: solid 1px #9cd4f1;
	}

	#v-tour-detail .base_detail dl.detail-box dt {
		list-style: none;
		display: block;
		width: 50%;
		height: auto;
		overflow: hidden;
		padding: 1em;
		color: #ffffff;
		float: left;
	}

	#v-tour-detail .base_detail dl.detail-box dd {
		list-style: none;
		display: block;
		width: 50%;
		height: auto;
		overflow: hidden;
		float: left;
		padding: 1em;
		background-color: #ffffff;
	}

	#v-tour-detail .button-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 4em auto 0;
	}

	#v-tour-detail .button-box input[type="submit"] {
		display: block;
		width: 30%;
		height: auto;
		padding: 0.6em 0;
		margin: 0 auto;
		background-color: #5baff5;
		font-size: 1.4em;
		color: #ffffff;
		text-align: center;
		border-radius: 5px;
		text-decoration: none;
		border: none;
		cursor: pointer;
	}

	/* ---------- ���₢���킹 ---------- */

	#contact #main {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-top: 2rem;
	}

	#contact :focus {
		outline: none;
	}

	#contact #main h2 {
		width: 1200px;
		height: auto;
		padding: 0.3em 1em;
		margin: 1em auto;
		background-color: #5baff5;
		color: #ffffff;
	}

	#contact #formWrap {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		position: relative;
	}

	#contact #formWrap form {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 1em;
	}

	#contact #formWrap .form-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 40px;
		border: solid 1px #5bb8e9;
	}

	#contact #formWrap .form-box dl {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: solid 1px #5bb8e9;
		background-color: #e1f2fb;
	}

	#contact #formWrap .form-box dt {
		display: block;
		width: 35%;
		height: 100%;
		overflow: hidden;
		float: left;
		padding: 1em;
		line-height: 2em;
		color: #5bb8e9;
	}

	#contact #formWrap .form-box dd {
		display: block;
		width: 65%;
		height: 100%;
		overflow: hidden;
		float: left;
		padding: 1em;
		border-left: solid 1px #56a764;
		line-height: 2em;
		background: #ffffff;
	}

	#contact #main form,
	#contact #main form input,
	#contact #main form textarea,
	#contact #main form select {
		font-size: 1.2em;
	}

	#contact #main form dd input[type="text"],
	#contact #main form dd textarea {
		color: #666666;
		padding: 0.5rem;
		border: solid 1px #acacac;
	}

	#contact #main form dd input[type="text"] {
		width: 60%;
	}

	#contact #main form dd textarea {
		width: 100%;
	}

	#contact #formWrap .form-box dd span {
		color: #ff0000;
		margin-left: 0.5em;
	}

	#contact #formWrap .form-box dl.last {
		border-bottom: none;
	}

	#contact .button-box {
		width: 680px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	#contact form .button-box input[type="submit"],
	#contact form .button-box input[type="reset"],
	#contact .kakunin input[type="submit"],
	#contact .kakunin input[type="reset"],
	#contact .kakunin input[type="button"] {
		border: solid 1px #5baff5;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
		width: 300px;
		height: 60px;
		background-color: #5baff5;
		font-size: 1.2em;
		color: #ffffff;
		text-align: center;
		line-height: 60px;
		border-radius: 5px;
		text-decoration: none;
		float: left;
	}

	#contact form .button-box input[type="reset"] {
		background-color: #ffffff;
		color: #5baff5;
		margin-left: 80px;
	}

	#contact .notice {
		margin: 2em 0;
	}

	/* ---------- ���₢���킹�i�m�F��ʁj ---------- */

	#contact .kakunin h3 {
		text-align: center;
		font-size: 1.4em;
		color: #5baff5;
	}

	#contact .kakunin #formWrap {
		margin-bottom: 4rem;
	}

	#contact .kakunin #formWrap table.formTable {
		width: 100%;
		margin: 20px auto;
		border-collapse: collapse;
		margin-bottom: 40px;
	}

	#contact .kakunin #formWrap table.formTable th,
	#contact .kakunin #formWrap table.formTable td {
		border: 1px solid #5bb8e9;
		padding: 10px;
	}

	#contact .kakunin #formWrap table.formTable th {
		width: 30%;
		font-weight: normal;
		background-color: #e1f2fb;
		text-align: left;
		color: #5bb8e9;
	}

	#contact .kakunin input[type="submit"],
	#contact .kakunin input[type="button"] {
		float: none;
		margin: 0 auto;
	}

	#contact .kakunin input[type="submit"] {
		margin-right: 80px;
	}

	.pkobo-copyright {
		display: none;
	}

	/* ---------- ���₢���킹�i���M������ʁj ---------- */

	#contact .thanks-box {
		width: 1200px;
		margin: 0 auto;
	}

	#contact .thanks-box h3 {
		text-align: center;
		font-size: 1.4em;
		margin: 1em auto;
		color: #5baff5;
	}

	#contact .kanryo .button-box a {
		display: block;
		width: 10em;
		height: auto;
		paddding: 1em;
		font-size: 1.2em;
		background-color: #5baff5;
		color: #ffffff;
		text-align: center;
		line-height: 60px;
		border-radius: 5px;
		text-decoration: none;
		margin: 2em auto;
	}

	/* ---------- ��������X�}�z�p�i��ʃT�C�Y��767px�ȉ��̏ꍇ�ǂݍ��ށj ---------- */

	@media only screen and (max-width: 768px) {

		*,
		*:before,
		*:after {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
		}

		/* iOS�ł̃f�t�H���g�X�^�C�������Z�b�g */
		input[type="submit"],
		input[type="reset"],
		input[type="button"] {
			border-radius: 0;
			-webkit-box-sizing: content-box;
			-webkit-appearance: button;
			appearance: button;
			border: none;
			box-sizing: border-box;
			cursor: pointer;
		}

		input[type="submit"]::-webkit-search-decoration,
		input[type="button"]::-webkit-search-decoration {
			display: none;
		}

		input[type="submit"]::focus,
		input[type="button"]::focus {
			outline-offset: -2px;
		}

		html {
			font-size: 62.5%;
		}

		body {
			width: 100%;
			font-size: 1.4rem;
			background-image: none;
			margin: 0 auto;
		}

		.pc {
			display: none;
		}

		.mobile {
			display: inherit;
		}

		/* ---------- top viewer ---------- */

		.viewer360 .screenWrap {
			margin: 0 auto;
			width: 100%;
			height: 280px;
			position: relative;
		}

		.viewer360 .screenWrap .prev,
		.viewer360 .screenWrap .next {
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: 10px;
		}

		.viewer360 .screenWrap .prev {
			left: -40px;
		}

		.viewer360 .screenWrap .next {
			right: -40px;
		}

		.viewer360 .screenWrap .prev:after,
		.viewer360 .screenWrap .next:after {
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: 10px;
		}

		.viewer360 #screen {
			width: 100%;
			height: 280px;
		}

		.viewer360 nav a {
			margin: 0 5px;
			width: 70px;
			height: 35px;
		}

		/* ---------- �w�b�_�[ ---------- */

		#wrapper .btn-gnavi {
			position: absolute;
			top: 3%;
			right: 3%;
		}

		#wrapper nav {
			position: absolute;
			top: 0;
			right: -70%;
			width: 70%;
		}

		#wrapper nav ul li {
			padding: 1rem 1rem;
		}

		.breadcrumb {
			width: 94%;
			margin: 0 auto;
		}

		.breadcrumb li {
			display: block;
		}

		.breadcrumb li a {
			text-decoration: underline;
		}

		.top-title {
			height: auto;
			margin-bottom: 2rem;
		}

		.top-title-box {
			height: 280px;
			font-size: 2rem;
			margin-bottom: 0;
		}

		.top-title-text {
			padding: 0;
		}

		.top-title-text span.sub-midashi {
			font-size: 1.4rem;
			padding: 1rem;
			text-align: left;
		}

		.top-title-text .main-midashi {
			margin-top: 22%;
		}

		.top-title-text .main-midashi img {
			width: 90%;
		}

		.top-text-circle {
			right: 1rem;
			bottom: 1rem;
			width: 8rem;
			height: 8rem;
			border-radius: 4rem;
			font-size: 2rem;
		}

		.content {
			width: 100%;
		}

		/* ---------- TOP(�������i�荞��)�@�A�R�[�f�B�I�� ---------- */

		.condition-box.mobile {
			width: 94%;
			padding: 0;
			margin-bottom: 2rem;
		}

		.menu__item {
			background: #0083f9;
			color: #fff;
			cursor: pointer;
			display: block;
			margin-bottom: 1px;
		}

		.menu__item__link {
			color: #fff;
			display: block;
			line-height: 60px;
			padding: 0 1rem;
			position: relative;
		}

		.condition-box .menu__item__link {
			display: block;
		}

		a.menu__item__link {
			color: #ffffff;
			text-decoration: none;
			font-size: 1.8rem;
		}

		.menu__item__link:after {
			background: #005bac;
			content: '+';
			display: block;
			line-height: 60px;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 60px;
			font-size: 2.4rem;
			font-weight: bold;
		}

		.menu__item__link.on:after {
			content: '-';
		}

		.submenu {
			background: #fff;
			display: none;
		}

		.submenu__item {
			border-bottom: 1px solid #5200b7;
			color: #222;
			padding: 1rem;
		}

		/* ---------- TOP(�ꗗ) ---------- */

		.room-list-box {
			width: 94%;
			margin-bottom: 4rem;
			float: none;
		}

		.room-list-box .bukken-box {
			float: none;
			width: 100%;
			height: auto;
			margin: 0 0 2rem;
			padding-bottom: 6rem;
		}

		.room-list-box .bukken-box .new-box,
		.room-list-box .bukken-box .detail-button-box {
			font-size: 1.6rem;
		}


		.room-list-box .bukken-box .photo-box {
			height: auto;
		}

		.room-list-box .pager {
			padding-bottom: 0.5rem;
			margin-top: 2rem;
		}

		.condition-box {
			width: 94%;
			float: none;
		}

		#footer {
			margin-top: 2rem;
		}

		/* ---------- �ڍ׉�� ---------- */

		#v-tour-detail .top-title-text .main-midashi {
			margin-top: 0;
		}


		#v-tour-detail .sub-detail-box {
			width: 94%;
		}

		#v-tour-detail .title_block h2 span {
			display: block;
			width: 100%;
			height: auto;
		}

		#v-tour-detail .embedded_block {
			height: 300px;
		}

		#v-tour-detail .title_block h2 span.address {
			margin-left: 0;
			text-align: right;
		}

		#v-tour-detail .slide-box #thumbs {
			display: none !important;
		}

		#v-tour-detail .slide-box #gallery {
			width: 100%;
			float: none;
		}

		#v-tour-detail .slide-box #gallery .controls {
			width: 100%;
		}

		#v-tour-detail .slide-box #gallery .ss-controls a.play,
		#v-tour-detail .slide-box #gallery .ss-controls a.pause {
			width: 100%;
		}

		#v-tour-detail .slide-box #gallery .slideshow {
			width: 100%;
			height: 63vw;
		}

		#v-tour-detail .slide-box #gallery .slideshow img {
			width: 100%;
			height: auto;
		}

		#v-tour-detail .base_detail dl.detail-box {
			width: 100%;
		}

		#v-tour-detail .base_detail dl.detail02 {
			border-top: none;
		}

		#v-tour-detail .button-box input[type="submit"] {
			width: 80%;
		}

		/* ---------- ���₢���킹�t�H�[�� ---------- */

		#contact #main {
			width: 94%;
			margin: 0 auto;
		}

		#contact #main h2 {
			width: 100%;
		}

		#contact #main h2 span {
			display: block;
			width: 100%;
			height: auto;
		}

		#contact #formWrap {
			width: 100%;
		}

		#contact #formWrap .form-box dl {
			background: none;
		}

		#contact #formWrap .form-box dt {
			width: 100%;
			height: auto;
			float: none;
			background-color: #e1f2fb;
			line-height: inherit;
		}

		#contact #formWrap .form-box dd {
			width: 100%;
			height: auto;
			line-height: inherit;
			border-left: none;
		}

		#contact #main form dd input[type="text"] {
			width: 100%;
		}

		#contact .button-box {
			width: 100%;
			text-align: center;
		}

		#contact form .button-box input[type="submit"],
		#contact form .button-box input[type="reset"],
		#contact .kakunin input[type="submit"],
		#contact .kakunin input[type="reset"],
		#contact .kakunin input[type="button"] {
			width: 80%;
			height: auto;
			line-height: inherit;
			padding: 1rem;
			float: none;
			margin: 1rem auto;
		}

		.formError {
			left: auto !important;
			right: 1rem !important;
		}

		.formError .formErrorContent {
			min-width: 14rem;
			font-size: 1.6rem;
		}

		#contact .kakunin #formWrap table.formTable {
			border-bottom: 1px solid #5bb8e9;
		}

		#contact .kakunin #formWrap table.formTable tr {
			border: 1px solid #5bb8e9;
			border-bottom: none;
		}

		#contact .kakunin #formWrap table.formTable th,
		#contact .kakunin #formWrap table.formTable td {
			display: block;
			width: 100%;
			border: none;
		}

		#contact .thanks-box {
			width: 100%;
		}

		/* ---------- �����܂ŃX�}�z�p�i��ʃT�C�Y��767px�ȉ��̏ꍇ�ǂݍ��ށj ---------- */
	}