* {
	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: 0;
}

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

#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 ---------- */
}