@charset "UTF-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2012/09/26
 */
 /*
#gMainBody{
	width:950px !important;
}

.contentWrap{
	width:725px !important;
	margin: 0 0 50px 0;
}
.inBorder{
	border: 3px solid #f1edeb;
}
.contentWrapInner{
	margin:15px 25px;
}
inBorder .contentWrapInner{
	margin:30px 22px;
}
*/
#gContainer.caseStudy{
	/*background:url('../img/main03.jpg') repeat-x center top;*/
}
/* contentd */
.contentWrap h3.type03 div{
	color: #333333;
}
.contentWrap .separate dl{
	margin-bottom: 20px;
	padding:10px 15px;
	border: 1px solid #ccc;
	border-top: 2px solid #802838;
}
.contentWrap .separate dl dt,
.contentWrap .separate dl dd{
	font-size: 95%;
}
.contentWrap .separate dl dt{
	color: #333;
	margin: 0 0 5px 0 !important;

}
.contentWrap .separate dl dd{
	color: #333;
	margin: 0 0 2px 10px !important;
}
.contentWrap .separate dl.dlRecomend dd{
	float: left;
	display: inline;
	margin:0 0px 5px 0;
	padding-right: 20px;
}
.contentWrap .separate dl.subdl{
	border: none;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
.contentWrap .separate dl.subdl dd{
	display: inline-block;
	margin: 0px 10px 2px 0px !important;
}

.contentWrap .separate.col04 .col{
	margin-bottom: 10px;
}
.contentWrap .separate.col04 .col p{
	line-height: 1.3;
	margin-bottom: 1px;
}

/*　buttons　*/
.buttons ul li{
	float: right;
	margin-left: 10px;
}

/* textInfoArea */
.textInfoArea{
	margin-top: 0px;
}
.textInfoArea .voiceArea{
	float: left;
	display: inline;
	width:240px;
}
.textInfoArea .lifeStyleArea{
	float: right;
	display: inline;
	width:460px;
	/*background-color: #ebecec; */
}
.textInfoArea .voiceAreaInner{
	background-color: #f6f6f6;
	margin-bottom: 15px;
}
.textInfoArea dt{
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 5px;
}
.textInfoArea dd{
	line-height: 1.8;
}
.textInfoArea dl{
	margin:10px;
}


/* coordinateFurnitureArea */
.coordinateFurnitureArea{}
.coordinateFurnitureArea .col{}
.coordinateFurnitureArea .col .name{
	margin: 0 0 0px 0;
}
.coordinateFurnitureArea .col .name a{
	color: #555;
	font-weight: bold;
	text-decoration: none;
}
.coordinateFurnitureArea .col .price{
	display: block;
}


/*　coordinateItemArea　*/
.coordinateItemArea{}
.coordinateItemArea .listArea{

}
/*
.coordinateItemArea .nextButton{
	float: right;
	display: inline;
	width:200px;
	text-align: right;
}
*/
.coordinateItemArea .listArea table.type04 a{
	color: #555;
	font-weight: bold;
	text-decoration: none;
}
.coordinateItemArea .listArea table.type04 a:hover{
}
.coordinateItemArea .listArea table.type04 td.item{
	url(../../../common/img/ico/ico_arrow_right01.gif) no-repeat left center;
	white-space: nowrap;
	padding-left: 12px;
}
.coordinateItemArea .listArea table.type04 td.price{
	text-align: right;
}
.coordinateItemArea .listArea table.type04 td.price .tax{
	font-size: 80%;
}

/* lightBoxArea */
.lightBoxArea{
	display:none;
	position: absolute;
	/*z-index: 99999;*/
	width:860px;
}

/* .lightBoxArea|clearfix */
.lightBoxArea:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .lightBoxArea {zoom: 1;}
*:first-child+html .lightBoxArea {zoom: 1;}

.lightBoxArea .itemInfo{
/*	width:860px;*/
}

.lightBoxArea .imageArea{
	position: relative;
	width: 860px;
	height: 450px;
}

#lightBoxAreas{
	position: absolute;
	z-index: 50001;
	width: 860px;
	display:none;
}

#lightBoxAreas .next{
	position: absolute;
	top:125px;
	right: 0;
	z-index: 10;
}
#lightBoxAreas .prev{
	position: absolute;
	top:125px;
	left: 0;	
	z-index: 10;
}
#lightBoxAreas .next a:hover img,
#lightBoxAreas .prev a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";	
}
.imageArea .image{
	position: absolute;
	top:0;
	left: 70px;	
}
.lightBoxArea .itemInfo{
	margin: 10px;
}
.lightBoxArea .itemInfo .text{
	float: left;
	display: inline;
	width: 420px;
}
.lightBoxArea .itemInfo .buttons{
	float: left;
	display: inline;
	width: 280px;
}
.lightBoxArea .itemInfo .text dl{
	margin: 0;
}
.lightBoxArea .itemInfo .text p
.lightBoxArea .itemInfo .text dt,
.lightBoxArea .itemInfo .text dd{
	color: #fff !important;
}
.lightBoxArea .itemInfo .text dt{
	color: #fff !important;
	font-weight: bold;
}
.lightBoxArea .itemInfo .buttons{
	text-align: right;
}


#glay {
  position: fixed!important;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:50000;
  background-color:#1F1F1F;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
  display:none;
}

#coordinateThumbnail .col img { width: 100%; height: auto; }

/* slideshow
------------------------------------------------------------------*/
/* commmon */
#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}
#slideshow .thum{
	display: block;
	width:135px;
	height: 84px;
}

#slideshow {
	margin: 0 0;
	width: 720px;
	text-align: left;
	position: relative;
}
#slideshow div.image {
	width: 720px;
	height: 450px;
	overflow: hidden;
	position: relative;
}
#slideshow div.image div {
	top: 0;
	left: 0;
	position: absolute;
	display: none;
}
#slideshow div.image div .btn{
	top: 10px;
	right: 0;
	position: absolute;	
}
#slideshow div.image div .btn:hover{
	cursor: pointer;
}
#slideshow div.image div .btn:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


#slideshow ul {
	margin: 10px 0;
}
/* #slideshow ul|clearfix */
#slideshow ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html #slideshow ul {zoom: 1;}
*:first-child+html #slideshow ul {zoom: 1;}

#slideshow ul li {
	margin-bottom: 10px;
}
#slideshow ul li span.wrap{
	position: relative;
	width: 136px;
	height: 85px;	
}
#slideshow ul li a{
	width: 136px;
	height: 85px;	


}
#slideshow ul li .btn{
	top: 5px;
	left: 95px;
	position: absolute;
	/*z-index: 100;*/
}
#slideshow ul li .btn:hover{
	cursor: pointer;
}
#slideshow ul li .btn:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}




/* col05 */
#slideshow .separate.col05 .separateInner{
	width: 736px;
	margin-right: -11px;
}
#slideshow .separate.col05 .col{
	width:135px;
	float: left;
	display: inline;
	margin:0 11px 10px 0;
}
#slideshow div.image a.prevBtn {
	position: absolute;
/*
	bottom: 10px;
	right: 77px;
*/
	top: calc(50% - 15px);
	left: 10px;
	z-index: 10;
}
#slideshow div.image a.prevBtn.nozoom {
	right: 41px;
}
#slideshow div.image a.zoomBtn {
	position: absolute;
	bottom: 10px;
	right: 41px;
	z-index: 10;
}
#slideshow div.image a.listBtn {
	position: absolute;
	bottom: 10px;
	right: 50%;
	z-index: 10;
	display: block;
	width: 32px;
	height: 32px;
	background-color: rgba(124,124,124,0.8);
	border-radius: 3px;
	transform: translateX(50%);
}
#slideshow div.image a.listBtn img{
	display: block;
	margin: 4px 0px 0px 4px;
}
#slideshow div.image a.listBtn.withNum {
	width: auto;
	display: flex;
	align-items: center;
	text-decoration: none;
}
#slideshow div.image a.listBtn.withNum span{
	color: #ffffff;
	font-size: 10px;
	margin: 0px 0px 0px 5px;
}
#slideshow div.image a.listBtn.withNum img{
	margin: 4px 5px 5px 4px;
}

#slideshow div.image a.vertViewBtn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 10;
	display: block;
	width: 32px;
	height: 32px;
	background-color: rgba(124,124,124,0.8);
	border-radius: 3px;
}
#slideshow div.image a.vertViewBtn img{
	display: block;
	margin: 4px 0px 0px 4px;
}

#slideshow div.image a.nextBtn {
	position: absolute;
/*
	bottom: 10px;
	right: 5px;
*/
	top: calc(50% - 15px);
	right: 10px;
	z-index: 10;
}
#slideshow div.image a.itemListBtn {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 10;
	display: block;
	width: 32px;
	height: 32px;
	background-color: rgba(124,124,124,0.8);
	border-radius: 16px;
	box-shadow: 0px 0px 4px #000000;
}
#slideshow div.image a.itemListBtn img{
	display: block;
	margin: 4px 0px 0px 4px;
}

#slideshow div.image a.prevBtn img,
#slideshow div.image a.nextBtn img {
	transform: scale(1.2);
	filter: brightness(1.4);
}

#imageNameInfoSpan { position: absolute; top: 5px; left: 5px; line-height: 1em; background-color: rgba(255,255,255,0.8); border: 1px solid gray; padding: 3px; z-index: 999; }
#imageNameInfoSpan:empty { display: none; }

.searchTypeBox dt {
	font-weight: bold;
}
.searchTypeBox.showEventLabel input[type=checkbox][data-event-label]::after {
	content: attr(data-event-label);
	display: inline-block;
	margin-left: -120%;
	padding: 2px;
	background: #ff6060;
	border-radius: 3px;
	font-size: 11px;
	white-space: nowrap;
}

#searchResultDiv > hr { width: 0px; height: 0px; border: 0px solid transparent; border-width: 18px 60px 0px 60px; border-top-color: #842c37; margin: 10px auto !important; }
#searchCriteriaButton { display: inline-block; color: #ffffff; background-color: #842C37; line-height: 1; text-decoration: none; padding: 5px 10px; }
#searchCriteriaButton::after { display: inline-block; content: ""; width: 20px; height: 20px; background: url(/_resource/image/btn_filter01.png); background-size: 20px; vertical-align: middle; }

#cLatestRoomsDiv .moreLink,
#cLatestRoomsDiv .lessLink,
#cPopularRoomsDiv .moreLink,
#cPopularRoomsDiv .lessLink { display: inline-block; width: 180px; border: 1px solid #842C37; cursor: pointer; }

.withImageItemList { display: block; position: relative; }
.withImageItemList .btnImageItemList {
	display: block;
	width: 28px;
	height: 28px;
	background-color: rgba(124,124,124,0.8);
	border-radius: 14px;
	box-shadow: 0px 0px 4px #000000;
	position: absolute;
	bottom: 3px;
	left: 3px;
	cursor: pointer;
}
.withImageItemList .btnImageItemList img {
	display: block;
	width: 20px !important;
	height: 20px !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.withImageItemList .btnImageItemListBg {
	display: block;
	width: 72px;
	height: 72px;
	background-color: rgba(0,0,0,0);
	position: absolute;
	bottom: -19px;
	left: -19px;
	transform: translateZ(0);
}

/* additional : keep this at the bottom */
.circleBoxes { display: flex; justify-content: space-evenly; }
.circleBoxes > a {
	width: 180px; aspect-ratio: 1 / 1;
	border-radius: 50%; border: 1px solid #842C37; background-color: #EFEFEF; box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	text-align: center; text-decoration: none;
}
.circleBoxes > a > em { display: inline-block; margin: 45px 0px 10px 0px; color: #000000; font-weight: bold; text-decoration: underline; }
.circleBoxes > a > span { display: inline-block; font-size: 95%; line-height: 1.5; margin: 0px 5px; }

.type00 {
	color: #842c37;
	font-size: 146.5%;
	line-height: 1.5;
	margin: 30px 0px 20px 0px;
}

.loclaNavi.loclaNaviText ul { flex-wrap: wrap; justify-content: flex-start; border-right: none; border-bottom: none; }
.loclaNavi.loclaNaviText ul li { width: 33.33%; flex-grow: 0; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; }
.loclaNavi.loclaNaviText ul li:last-child { border-right: solid 1px #ccc !important; }



/* new */
.w950 { width: 950px; margin-left: auto !important; margin-right: auto !important; }
h1.type00 { color: #842c37; font-size: 180%/*146.5%*/; line-height: 1.5; margin: 10px 0px 20px 0px; text-align: center; }

.withNew::before { content: url(/common/img/ico/ico_new01.png); vertical-align: middle; margin-right: 5px; }

.searchCriteriaButton::before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(/_resource/image/btn_filter01.png);
    background-size: 20px;
    vertical-align: middle;
    margin-right: 3px;
}

/* room top */
.roomTopLatest .result a { display: block; }
.roomTopLatest .result img { width: 100%; height: auto; aspect-ratio: 720 / 450; }
.roomTopLatest + p { margin-top: 20px !important; }
.roomTopLatest + p a { border: 1px solid #808080; padding: 5px 15px; }

.roomTopGroups h2::before { display: inline-block; content: url(/common/img/ico/ico_room_group01.png); vertical-align: middle; scale: 0.9; margin-right: 5px; }
.roomTopGroups .search { display: flex; justify-content: space-between; align-items: center; margin: 0px 0px 5px 0px; }
.roomTopGroups .search h3 { margin: 0px; }
.roomTopGroups .search a { display: block; }
.roomTopGroups .results { display: flex; flex-wrap: nowrap; gap: 15px; overflow: hidden; }
.roomTopGroups .results .result { box-sizing: border-box; width: calc((100% - 15px * 3) / 4); }
.roomTopGroups .results .result a { display: block; }
.roomTopGroups .results .result img { width: 100%; height: auto; aspect-ratio: 720 / 450; }
.roomTopGroups .results .result .withoutImageItemList .btnImageItemListBg,
.roomTopGroups .results .result .withoutImageItemList .btnImageItemList { display: none; }
.roomTopGroups .tags { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 30px; }
.roomTopGroups .tags .tag { white-space: nowrap; width: fit-content; padding: 5px 10px; background-color: #e0e0e0; border: 1px solid #808080; cursor: pointer; }
.roomTopGroups .tags .tag::before { content: "#"; }
.roomTopGroups a.more { font-weight: bold; color: #e08023 !important; }

/* room search */
.roomSearchResult .removeTags { display: flex; flex-wrap: wrap; gap: 15px; }
.roomSearchResult .removeTags .removeTag { width: fit-content; padding: 5px 10px; background-color: #e0e0e0; border: 1px solid #808080; }
.roomSearchResult .removeTags .removeTag a { white-space: nowrap; font-weight: bold; text-decoration: none; cursor: pointer; }
.roomSearchResult .results { display: flex; flex-wrap: wrap; gap: 15px; overflow: hidden; }
.roomSearchResult .results .result { box-sizing: border-box; width: calc((100% - 15px * 2) / 3); }
.roomSearchResult .results .result img { width: 100%; height: auto; aspect-ratio: 720 / 450; }

/* searchCriteriaPanel */
.searchCriteriaPanel { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: var(--z-overlay); display: none; }
.searchCriteriaPanel .background { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #1f1f1f; opacity: 0.8; }
.searchCriteriaPanel .container { position: absolute; top: 35px; left: calc(50% - 950px / 2); right: calc(50% - 950px / 2); bottom: 35px; margin: 0px 80px; background-color: #ffffff; border: 1px solid gray; box-shadow: 0px 0px 5px rgba(0,0,0,0.8); }
.searchCriteriaPanel .backBtn {
	display: block;
	color: #ffffff;
	background-color: gray;
	width: 28px;
	height: 28px;
	border-radius: 3px;
	margin: 5px 0px;
	overflow: hidden;
	position: absolute;
	right: calc(50% - 950px / 2 + 80px);
	z-index: 10;
}
.searchCriteriaPanel .backBtn span { display: block; }
.searchCriteriaPanel .backBtn span::before,
.searchCriteriaPanel .backBtn span::after { content: ""; display: block; background-color: #ffffff; transform: rotate(45deg); }
.searchCriteriaPanel .backBtn span::before { width: 16px; height: 2px; margin: 13px 0px 0px 6px; }
.searchCriteriaPanel .backBtn span::after { width: 2px; height: 16px; margin: -9px 0px 0px 13px; }
.searchCriteriaPanel .searchButton { font-size: 110%; }
.searchCriteriaPanel .panel { width: calc(100% - 20px); height: calc(100% - 20px); box-sizing: border-box; margin: 0 auto; margin-top: 10px !important; padding: 10px; padding-bottom: 20px; overflow: auto; -webkit-overflow-scrolling: touch; }

.searchCriteriaPanel .group { box-sizing: border-box; padding: 6px 10px 6px 30px; margin-top: 10px; border: 1px solid #808080; cursor: pointer; font-weight: bold; position: relative; transition: margin 150ms ease-out; }
.searchCriteriaPanel .group::before { position: absolute; left: 6px; top: 50%; width: 16px; height: 2px; background: #842c37; content: ""; }
.searchCriteriaPanel .group::after { position: absolute; left: 6px; top: 50%; width: 16px; height: 2px; background: #842c37; content: ""; transform-origin: center; transform: rotate(90deg); transition: transform 0.3s ease-out; }
.searchCriteriaPanel .group.opened { margin-bottom: 10px; }
.searchCriteriaPanel .group.opened::after { transform: rotate(0deg); }
.searchCriteriaPanel .group:not(.opened) + .tags { display: none; }
.searchCriteriaPanel .tags { display: flex; flex-wrap: wrap; gap: 10px; box-sizing: border-box; padding: 10px; border: 1px solid #808080; border-top: none; margin: 0px; margin-top: -10px; }
.searchCriteriaPanel .tags .tag { white-space: nowrap; box-sizing: border-box; width: fit-content; padding: 5px 10px; border: 1px solid #808080; cursor: pointer; }
.searchCriteriaPanel .tags .tag.selected { background-color: #e0e0e0; }

/* room */
.roomTags { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 40px; }
.roomTags .tag { white-space: nowrap; width: fit-content; padding: 5px 10px; background-color: #e0e0e0; border: 1px solid #808080; cursor: pointer; }
.roomTags .tag::before { content: "#"; }

.roomGroups h2::before { display: inline-block; content: url(/common/img/ico/ico_room_group01.png); vertical-align: middle; scale: 0.9; margin-right: 5px; }
.roomGroups .search { display: flex; justify-content: space-between; align-items: center; margin: 0px 0px 5px 0px; }
.roomGroups .search h3 { margin: 0px; }
.roomGroups .search a { display: block; }
.roomGroups .results { display: flex; flex-wrap: nowrap; gap: 15px; overflow: hidden; }
.roomGroups .results .result { box-sizing: border-box; width: calc((100% - 15px * 3) / 4); }
.roomGroups .results .result a { display: block; }
.roomGroups .results .result img { width: 100%; height: auto; aspect-ratio: 720 / 450; }
.roomGroups .results .result .withoutImageItemList .btnImageItemListBg,
.roomGroups .results .result .withoutImageItemList .btnImageItemList { display: none; }
.roomGroups a.more { font-weight: bold; color: #e08023 !important; }

/* new item list button */
.withImageItemList .btnImageItemList { background-color: #ffffff !important; }
.withImageItemList .btnImageItemList img { display: none !important; }
.withImageItemList .btnImageItemList::before { content: ""; display: block; width: 20px; height: 20px; background-image: url(/_resource/image/btn_itemlist05.png); background-size: 20px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; }

#slideshow div.image a.itemListBtn { background-color: #ffffff !important; }
#slideshow div.image a.itemListBtn img { display: none !important; }
#slideshow div.image a.itemListBtn::before { content: ""; display: block; width: 20px; height: 20px; background-image: url(/_resource/image/btn_itemlist05.png); background-size: 20px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; }

.imageFlipSnapList .backBtn,
.imageFlipSnapItemList .backBtn,
.imageFlipSnapVertView .backBtn,
.optionsListPanel .backBtn,
.itemReviewPanel .backBtn,
.searchCriteriaPanel .backBtn { background: none; transform: scale(1.5); }
.lightbox .lb-closeContainer {  }