@charset "utf-8";
/************************************
header
*************************************/
header,
.subNavPriority header{transition:all 0.4s;}

/************************************
locationsPage
*************************************/
section.centerMv{overflow:hidden;}
section.grayBlock{color:#393939;}
section *.more{
	vertical-align:middle;
	color:#fff;
}
section *.more:after{
	font-family:FontAwesome;
	content:"\f105";
	display:inline-block;
	margin-left:10px;
}
#titleBlock{margin:10px 0 0;}
#titleBlock.logoBefore h2:before{content:none;}
#titleBlock.subBefore h2{margin-bottom:0;}
#locationNavi{
	position:absolute;
	top:calc(100% - 55px);
	left:0;
	width:100%;
	background:rgba(255,255,255,0);
	z-index:6;
}
#locationNavi{transition:background 0.4s;}
#locationNavi .locLogo{
	padding:18px 2px 17px 15px;
	z-index:-1;
	opacity:0;
}
#locationNavi .locLogo a{
	display:inline-block;
	vertical-align:top;
	pointer-events:none;
}
.subNavPriority #locationNavi .locLogo a{pointer-events:all;}
#locationNavi .locLogo img{
	width:auto;
	height:20px;
	vertical-align:top;
}
#locationNavi .locLogo img.logo2{display:none;}
#locationNavi #rightNavi{
	display:block;
	position:absolute;
	top:50%;
	text-align:center;
	opacity:0;
	pointer-events:none;
	z-index:-1;
}
.subNavPriority #locationNavi #rightNavi{
	opacity:1;
	pointer-events:all;
}
#locationNavi #rightNavi li{
	display:inline-block;
	vertical-align:middle;
}
#locationNavi #rightNavi li a{
	display:inline-block;
	padding:3px 0;
	text-align:center;
	border-radius:4px;
	line-height:1.0;
}
#locationNavi #rightNavi li a span{
	display:block;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	letter-spacing:0;
}
#locationNavi #rightNavi #contactBtn a{
	background:#007bff;
	color:#fff;
}
#locationNavi #rightNavi #contactBtn a span{color:#fff;}
#locationNavi #rightNavi #myroom a{
	background-color:#fff;
	color:#2d2726;
}
#locationNavi #rightNavi #myroom span{color:#2d2726;}
#locationNavi > ul#midNavi,
#locationNavi > ul#midNavi *,
#locationNavi > ul#midNavi.active,
#locationNavi > ul#midNavi.active *{transition:all 0.4s;}
#locationNavi > ul#midNavi{margin:0 auto;}
#locationNavi > ul#midNavi li{
	line-height:1.0;
	font-size:1.2rem;
}
#locationNavi > ul#midNavi li a{
	display:block;
	color:#323232;
	font-size:1.0rem;
}
#locationNavi > ul#midNavi li a:hover{text-decoration:none;}
#locationNavi > ul#midNavi li a span{
	display:block;
	white-space:nowrap;
}
#locationNavi > ul#midNavi li a span.enName{
	font-weight:bold;
	letter-spacing:0.15rem;
}
#locationNavi > ul#midNavi li a span.jpName{margin-top:5px;}
#locationNavi > ul#midNavi li a:hover{color:#00405f;}
#locationNavi .subTitleBar{
	position:fixed;
	top:-56px;
	left:0;
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:18px;
	z-index:4;
}
#locationNavi > ul#midNavi li.srDown > .downMenu li img{
	display:inline-block;
	backface-visibility:hidden;
}
#locationNavi .subTitleBar .pageTitle{
	display:block;
	width:auto;
	margin:0;
	text-align:left;
	font-weight:bold;
	font-size:1.4rem;
	line-height:normal;
	vertical-align:middle;
	color:#fff;
}
#locationNavi .subTitleBar ul{display:table;}
#locationNavi .subTitleBar ul li{
	display:table-cell;
	padding:0 0 0 10px;
	font-size:1.4rem;
	line-height:1.0;
}
#locationNavi .subTitleBar ul li a,
#locationNavi .subTitleBar ul li span{color:#fff;}
#locationNavi .subTitleBar ul li span{font-size:1.3rem;}
#locationNavi .subTitleBar ul li a:hover{
	color:#fff;
	text-decoration:underline;
}
#locationNavi .subTitleBar ul li.downBtn{
	position:relative;
	display:block;
}
#locationNavi .subTitleBar ul li.downBtn > span{
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}
#locationNavi .subTitleBar ul li.timeSc > span:before{
	display:inline-block;
	content:"";
	width:20px;
	height:20px;
	margin-right:5px;
	background:url(../img/time-ico.svg) no-repeat left top;
	background-size:contain;
	vertical-align:-4px;
}
#locationNavi .subTitleBar ul li.downBtn > span:after{
	content:"\f107";
	font-family:FontAwesome;
	display:inline-block;
	width:20px;
	height:20px;
	margin-left:5px;
	transform:rotateX(0deg);
	transform-origin:center center;
	transition:transform 0.4s;
	vertical-align:-1px;
	font-size:20px;
	font-weight:bold;
}
#locationNavi .subTitleBar ul li.downBtn:hover span:after{transform:rotateX(180deg);}
#locationNavi .subTitleBar ul.downMenu{
	position:absolute;
	top:100%;
	right:0;
	width:300px;
	display:block;
	padding-top:12px;
	transform:scale(1,0);
	transform-origin:center top;
	transition:transform 0.4s;
	text-align:center;
}
#locationNavi .subTitleBar ul.downMenu:before{
	content:"";
	position:absolute;
	top:12px;
	left:0;
	width:100%;
	height:calc(100% - 12px);
	z-index:0;
	box-shadow:5px 5px 8px 0px rgba(0,0,0,0.3);
}
#locationNavi .subTitleBar ul.downMenu li{
	position:relative;
	z-index:1;
}
#locationNavi .subTitleBar ul li.downBtn:hover ul.downMenu{transform:scale(1,1);}
#locationNavi .subTitleBar ul.downMenu li{
	display:block;
	border-left:1px solid #a3a3a3;
	border-right:1px solid #a3a3a3;
	padding:0;
	background:#eee;
	text-align:center;
}
#locationNavi .subTitleBar ul.downMenu li+li{border-top:1px solid #e2e2e2;}
#locationNavi .subTitleBar ul.downMenu li:first-child{border-top:1px solid #a3a3a3;}
#locationNavi .subTitleBar ul.downMenu li:last-child{border-bottom:1px solid #a3a3a3;}
#locationNavi .subTitleBar ul.downMenu li a{
	display:block;
	padding:12px;
	color:#2d2726;
}
#locationNavi .subTitleBar ul.downMenu li a img{
	width:auto;
	height:18px;
	margin:0 auto;
	display:block;
	vertical-align:top;
}
#locationNavi .subTitleBar ul.downMenu li a span.roomNum{
	display:inline-block;
	padding:3px 4px;
	vertical-align:1px;
}
.subNavPriority #locationNavi{
	position:fixed;
	top:0;
	left:0;
	background:rgba(45,39,38,1.0);
}
.subNavPriority #locationNavi .locLogo{
	opacity:1;
	z-index:1;
}
.subNavPriority #locationNavi > ul#midNavi li a{color:#fff!important;}
.subNavPriority #locationNavi > ul#midNavi li a:hover{color:#eee;}
.subNavPriority #locationNavi .subTitleBar{top:55px;}
#rooms ul li+li{margin-top:10px;}
#rooms ul li .txtBox{
	display:flex;
	position:relative;
	flex-direction:column;
	justify-content:center;
}
#rooms ul.flexBox li.scaleFg .txtBox{justify-content:flex-start;}
#rooms ul li .txtBox>*{
	width:80%;
	margin:0 auto;
	position:relative;
	display:block;
}
#rooms ul li .txtBox:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:#eeeeee;
	opacity:1;
}
#rooms ul li:not(.animeFg) .txtBox:before{left:0;}
#rooms ul li .txtBox dt{
	margin-bottom:48px;
	font-size:3.5rem;
	color:#00405f;
	line-height:1.0;
}
#rooms ul li .txtBox dt:after{background:#fff;}
#rooms ul li .txtBox dd{display:block;}
#rooms ul li .txtBox dd p{
	font-size:1.6rem;
	line-height:2.0;
	font-weight:bold;
}
#rooms ul li .txtBox dd a{
	margin-top:36px;
	display:inline-block!important;
	color:#00405f;
	font-size:1.6rem;
	line-height:1.5;
	vertical-align:middle;
	font-weight:bold;
}
#rooms ul li .txtBox dd a+a{margin-left:60px;}
#rooms ul li.animeFg{
	display:block;
	position:relative;
	width:100%;
	height:0;
	padding-top:29.411%;
	overflow:hidden;
	cursor:pointer;
}
#rooms ul li.animeFg,
#rooms ul li.animeFg .txtBox,
#rooms ul li.animeFg figure,
#rooms ul li.animeFg figure *,
#rooms ul li.animeFg *:before,
#rooms ul li.animeFg *:after{transition:all 0.8s;}
#rooms ul li.animeFg .txtBox > *,
#rooms ul li.animeFg .txtBox dd > *{transition:color 0.8s;}
#rooms ul li.animeFg figure{
	position:absolute;
	top:0;
	bottom:0;
	width:50%;
	z-index:0;
	overflow:hidden;
}
#rooms ul li.animeFg:hover figure{overflow:visible;}
#rooms ul li.animeFg figure .animeEnlar{
	content:"";
	display:block;
	position:absolute;
	top:0;
	width:200%;
	height:100%;
	background-size:cover;
	opacity:0;
}
#rooms ul li.animeFg[data-anime="left"] figure,
#rooms ul li.animeFg[data-anime="left"] figure .animeEnlar,
#rooms ul li.animeFg[data-anime="left"] figure .animeEnlar:after{
	left:0;
	background-position:left center;
}
#rooms ul li.animeFg[data-anime="right"] figure,
#rooms ul li.animeFg[data-anime="right"] figure .animeEnlar,
#rooms ul li.animeFg[data-anime="right"] figure .animeEnlar:after{
	right:0;
	background-position:right center;
}
#rooms ul li.animeFg figure .animeEnlar:after{
	position:absolute;
	top:0;
	display:block;
	content:"";
	width:50%;
	height:100%;
	background:rgba(0,0,0,0.5);
	opacity:0;
}
#rooms ul li.animeFg[data-anime="left"] .txtBox,
#rooms ul li.animeFg[data-anime="left"] .txtBox:before{right:0;}
#rooms ul li.animeFg[data-anime="right"] .txtBox,
#rooms ul li.animeFg[data-anime="right"] .txtBox:before{left:0;}
#rooms ul li.animeFg .txtBox{
	width:50%;
	position:absolute;
	top:0;
	bottom:0;
	z-index:1;
}
#rooms ul li.animeFg .txtBox dd a.more:after{transition:none;}
#rooms ul.flexBox li.scaleFg{cursor:pointer;}


/*choice*/
main.rentalspace #choose ul li a.roomLink >p.moreLink:after,
main.rentalspace #choose{
	background:#363837;
	margin:10px 0;
	padding:10px;
	color:#fff;
}
main.rentalspace #choose ul li{display: block;}
main.rentalspace #choose ul li a{
	display: block;
	position: relative;
	color:#fff;
	text-align: center;
}
main.rentalspace #choose ul li a:hover{text-decoration: none;}
main.rentalspace #choose ul li a.roomLink{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
main.rentalspace.harajukuPage #choose ul li[data-type="styleroom"] a.roomLink{background-image:url("/plans/img/styleroom-intro-fg01_2.jpg");}
main.rentalspace #choose ul li[data-type="styleroom"] a.roomLink span:after{content:none;}
main.rentalspace.harajukuPage #choose ul li[data-type="lounge"] a.roomLink{background-image:url("../../plans/img/choose-lounge-harajuku-fg.jpg");}
main.rentalspace.harajukuPage #choose ul li[data-type="co-working"] a.roomLink{background-image:url("../../plans/img/share-harajuku.jpg");}
main.rentalspace #choose ul li a.roomLink > *{
	display: block;
	position: relative;
	z-index: 1;
}
main.rentalspace #choose ul li a.roomLink:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:0;
	background:rgba(0,0,0,0.5);
	opacity: 0;
	transition:all 0.4s;
}
main.rentalspace #choose ul li a.roomLink:hover:after{opacity:1;}
main.rentalspace #choose ul li a.roomLink h4,
main.rentalspace #choose ul li a.roomLink p.moreLink{
	display: inline-block;
	min-width: 230px;
	padding:10px;
	border:1px solid #fff;
	border-radius:5px;
	line-height:1.0;
	transition:all 0.4s;
}
main.rentalspace #choose ul li a.roomLink h4{border:none;}
main.rentalspace #choose ul li a.roomLink:hover p.moreLink{
	background-color:rgba(255,255,255,0.8);
	border-color:#000;
	color:#000;
}


/* function */
#function{
	background:#00405f;
	color:#fff;
}
#function .inner{width:90vw;}
#function h3{
	color:#fff;
	font-size:3.2rem;
}
#function h3:after{background:#245b76;}
#function .functionList{position:relative;}
#function .functionList>li{
	width:49%;
	display:inline-block;
	font-size:1.2rem;
	line-height:40px;
}
#function .functionList ol li+li{margin-top:25px;}
#function .functionList ol li:before{
	display:inline-block;
	width:40px;
	height:40px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #2e627c;
}
#function .functionList .leftCol li:nth-child(1):before{content:"01";}
#function .functionList .leftCol li:nth-child(2):before{content:"02";}
#function .functionList .leftCol li:nth-child(3):before{content:"03";}
#function .functionList .leftCol li:nth-child(4):before{content:"04";}
#function .functionList .rightCol li:nth-child(1):before{content:"05";}
#function .functionList .rightCol li:nth-child(2):before{content:"06";}
#function .functionList .rightCol li:nth-child(3):before{content:"07";}
#function .functionList .rightCol li:nth-child(4):before{content:"08";}

#function .functionList li span{
	display:inline-block;
	margin-left:30px;
	text-align:left;
	vertical-align:middle;
}


/************************************
introBox
*************************************/
section.introBox{
	margin:0;
	background:#fff;
}
.introBox > *{display:block;}
.introBox .txtBox h3{line-height:1.72;}
.introBox .txtBox p{line-height:2.0;}


/*access*/
#access{position:relative;}
#access figure,
#access figure a{display:block;}
#access .txt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	pointer-events:none;
	color:#dbdbdb;
}
#access:hover .txt .more{text-decoration:underline;}

/*contact*/
#contact{position:relative;}
#contact figure,
#contact figure a{display:block;}
#contact .txt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	pointer-events:none;
	color:#dbdbdb;
}


/*locateData*/
section#locateData{margin:0 0 10px;}
#locateData .inner{
	margin:0 auto;
	line-height:1.8;
	color:#fff;
}
#locateData a{color:#fff;}
#locateData .text .accessData > li li{
	position:relative;
	padding-left:18px;
}

#locateData .text .accessData > li li:before{
	content:"〇";
	position:absolute;
	top:0;
	left:0;
}
#locateData .text .accessData{
	margin-left:15px;
	line-height:1.375;
}
#locateData .text .accessData > li+li{margin-top:10px;}


/*price*/
.srBtm #price{margin-top:0;}
#price{text-align:center;}
#price .priceStraigtList,
#price .priceStraigtList > li{
	display:block;
	width:100%;
	color:#393939;
}
#price .priceStraigtList > li.slideFigure{transition:background 0.4s;}
#price .priceStraigtList > li.slideFigure:hover,
#price .priceStraigtList > li.slideFigure.active{
	background:#f3f3f3;
	cursor:pointer;
}
#price .priceStraigtList > li+li{border-top:1px solid #d2d2d2;}
#price .priceStraigtList sup{font-size:0.5rem;}
#price .priceStraigtList .priceGroup{
	width:100%;
	margin:0 auto;
	color:#000;
}
#price .priceStraigtList .priceGroup > li{
	text-align:center;
	vertical-align:middle;
	font-size:2.2rem;
	font-weight:bold;
}
#price .priceStraigtList .priceGroup > li.roomName small{margin-left:10px;}
#price .priceStraigtList .priceGroup > li strong{
	display:inline-block;
	text-align:right;
	font-size:3.0rem;
	letter-spacing:0.2rem;
}
#price .priceStraigtList .priceGroup > li.reservLink > img,
#price .priceStraigtList .priceGroup > li.reservLink .fullTxt img{
	width:80px;
	height:24px;
	vertical-align:top;
}
#price .priceStraigtList .priceGroup > li.rentFee .contactLink,
#price .priceStraigtList .priceGroup > li.reservLink .waitingList{
	display:inline-block;
	position:relative;
	width:64px;
	padding-left:24px;
	vertical-align:middle;
}
#price .priceStraigtList .priceGroup > li.rentFee .contactLink{padding-bottom:30px;}
#price .priceStraigtList .priceGroup > li.reservLink .waitingList{padding-bottom:15px;}
#price .priceStraigtList .priceGroup > li.rentFee a.contactLink:hover,
#price .priceStraigtList .priceGroup > li.reservLink a.waitingList:hover{text-decoration:none;}
#price .priceStraigtList .priceGroup > li.rentFee .contactLink img,
#price .priceStraigtList .priceGroup > li.reservLink .waitingList img{
	width:40px;
	height:36px;
	margin-top:-10px;
}
#price .priceStraigtList .priceGroup > li.rentFee a.contactLink:after,
#price .priceStraigtList .priceGroup > li.reservLink a.waitingList:after{
	position:absolute;
	bottom:0;
	left:15px;
	white-space:pre;
}
#price .priceStraigtList .priceGroup > li.rentFee a.contactLink:after{
	content:"内覧予約\Aお問い合わせ";
	display:block;
	margin-top:-2px;
	font-size:10px;
	text-align:center;
	color:#007bff;
	white-space:pre;
}
#price .priceStraigtList .priceGroup > li.reservLink a.waitingList:after{
	content:"空室待ち登録";
	display:block;
	margin-top:-2px;
	font-size:10px;
	text-align:center;
	color:#D22C2C;
}
html[lang="en"] #price .priceStraigtList .priceGroup > li.rentFee a.contactLink:after{content:"Introspection/Contact";}
html[lang="en"] #price .priceStraigtList .priceGroup > li.reservLink a.waitingList:after{content:"Waiting for vacancies";}
#price .priceStraigtList .priceGroup > li.reservLink a.waitingList:hover:after{opacity:0.7;}
#price .priceStraigtList small,
#price .priceStraigtList .priceGroup > li small{
	display:inline-block;
	margin:0 3px;
	font-size:1.8rem;
	font-weight:normal;
}
#price .priceStraigtList .priceGroup +figure{width:100%;}
#price .priceStraigtList dl{
	width:82%;
	margin:0 auto;
	color:#000;
}
#price .priceStraigtList dl dt{
	vertical-align:middle;
	font-size:1.5rem;
}

#price .priceStraigtList dl dd{
	margin-bottom:0;
	vertical-align:middle;
	font-size:2.0rem;
	letter-spacing:0.1rem;
}
#price .priceStraigtList .note{
	display:block;
	color:#6c6b6b;
	font-size:1.2rem;
}
.srBox{text-align:center;}
.srBox h3{
	margin-bottom:12px;
	font-size:3.2rem;
}
.srBox h3.subTitle .title1 .roomNum{
	display:inline-block;
	padding:3px 8px 1px;
}
.srBox ul{margin-bottom:20px;}

@media screen and (max-width: 640px) {
	.srBox ul.xs-left {
		text-align: left;
	}
	.srBox ul.xs-left li.left span {
		margin-left: 0;
	}
}
.srBox li{
	display:inline-block;
	vertical-align:middle;
	font-size:3.0rem;
	font-weight:bold;
}
.srBox li.loungeNumType > span{display:block;}
.srBox li small{
	display:inline-block;
	margin:0 5px;
	font-size:2.4rem;
	font-weight:normal;
	color:#000;
}
.srBox li small.fs-18 {
	font-size: 1.8rem;
}
.srBox figure.drawing{
	margin:20px auto;
	padding:10px;
	background:#fff;
}
.srBox .dl{
	margin-top:30px;
	font-size:1.4rem;
	font-weight:bold;
}
.srBox .dl a{vertical-align:top;}
.srBox .inner > p{
	display: block;
    margin: 30px auto 0;
    font-weight: bold;
    font-size: 2.0rem;
    vertical-align: top;
}
.srBox .inner > p.fw-normal {
	font-weight: normal;
}
.srBox .inner > p.fs-18 {
	font-size: 18px;
}
.srBox .inner > p+p{margin-top:16px;}
.srBox .moreLink{margin:30px auto 0;}
.srBox .moreLink a.more{
	padding-top:2px;
	vertical-align:top;
}
.srBox p.reservBtn a{
	display:inline-block;
	padding:2px 12px 4px;
	background:#d73636;
	border-radius:4px;
	color:#fff;
	text-align:center;
	font-weight:normal;
}
.srBox p.reservBtn a:after{content:none;}
.srBox p.reservBtn a.loungeResv{background-color:#92d050;}
.srBox p.reservBtn a:hover{
	text-decoration:none;
	opacity:0.7;
}

#price .floatInner{
	max-width:810px;
	width:80%;
	margin:0 auto;
}
#price .priceTbl{
	max-width:580px;/*524px*/
	color:#8a8a8a;
	font-size:1.8rem;
}
.priceIn .priceTbl{
	width:100%;
	border-bottom:1px solid #222;
	color:#8a8a8a;
	font-size:1.8rem;
}
.priceIn .priceTbl tr{
	display:table;
	max-width:524px;
	margin:0 auto;
}
#price .priceTbl caption,
.priceIn .priceTbl caption{
	caption-side:top;
	text-align:center;
	font-weight:bold;
	font-size:1.6rem;
	line-height:1.0;
}
#price .priceTbl caption span,
.priceIn .priceTbl caption span{display:block;}
#price .priceTbl caption span.ttl{font-size:1.8rem;}
#price .priceTbl caption span.note,
.priceIn .priceTbl caption span.note,
.priceIn .priceTbl td span.note{
	margin-top:8px;
	font-size:1.3rem;
	color:#8a8a8a;
}
#price .priceTbl tr,
.priceIn .priceTbl tr{border-bottom:1px solid #222;}
#price .priceTbl tr:first-child{border-top:2px solid #d2d2d2;}
.priceIn .priceTbl tr:first-child{border-top:none;}
.priceIn .priceTbl tr:last-child{border-bottom:none;}
#price .priceTbl th,
#price .priceTbl td,
.priceIn .priceTbl th,
.priceIn .priceTbl td{width:50%;}
#price .priceTbl td strong,
.priceIn .priceTbl td strong{
	font-size:3.0rem;
	letter-spacing:0.15rem;
}
#price .priceTbl td small + strong,
.priceIn .priceTbl td small + strong{margin-left:5px;}
#price .priceTbl td strong.gray,
.priceIn .priceTbl td strong.gray{color:#8a8a8a;}
#price .priceTbl td small,
.priceIn .priceTbl td small{
	display:inline-block;
	margin-left:5px;
	font-size:1.8rem;
}
#price .priceTbl td .limitTxt{
	display:block;
	text-align:center;
	font-size:1.2rem;
	line-height:1.0;
}
#price .priceTbl td span.dell{text-decoration:line-through;}
#price .priceTbl td i.fa{
	display:inline-block;
	margin:0 14px;
	vertical-align:5px;
}
#price .priceTbl +.caution,
.priceIn .priceTbl +.caution{
	display:block;
	color:#6c6b6b;
	font-size:1.4rem;
	text-align:center;
}
#price h4{text-align:center;}
#price h4+ul{display:inline-block;}
#price h4+ul li{
	position:relative;
	padding-left:16px;
	text-align:left;
}
#price h4+ul li:before{
	content:"・";
	position:absolute;
	top:0;
	left:0;
}
#price .reservation{text-align:center;}
#price .reservation a{
	display:inline-block;
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	color:#8a8a8a;
}
#price .reservation a:after{
	display:inline-block;
	content:"";
	width:22px;
	height:20px;
	margin-left:16px;
	background:url(../img/calendar-pink-icon-thin.svg) no-repeat center top;
	background-size:contain;
	vertical-align:-3px;
}
#price .floatInner td .check{
	display:inline-block;
	width:21px;
	height:15px;
	vertical-align:middle;
}
#price .floatInner .noteTtl{
	display:block;
	margin:40px auto 6px;
	font-weight:bold;
	font-size:1.6rem;
}
#price .floatInner ul.caution li{
	position:relative;
	padding-left:16px;
	font-size:1.4rem;
	color:#8a8a8a;
	line-height:2.0;
}
#price .floatInner ul.caution li:before{
	content:"※";
	position:absolute;
	top:0;
	left:0;
}
#price p.caution.center{text-align:center;}



/************************************
priceTbls
*************************************/
#price h4.priceTblTtl{
	caption-side: top;
	text-align: center;
	line-height: 1.0;
}
#price h4.priceTblTtl > span{
	display:block;
	font-size: 1.6rem;
	font-weight: bold;
}
#price h4.priceTblTtl span.ttl{font-size:1.8rem;}
#price h4.priceTblTtl span.note{
	margin-top:8px;
	font-size: 1.3rem;
	color: #8a8a8a;
	font-weight:normal;
}
#price .priceTbls{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	max-width:580px;
	padding-top:1px;
	color:#8a8a8a;
	font-size:1.8rem;
}
#price .priceTbls dt,
#price .priceTbls dd{
	display:block;
	width:50%;
	margin:0;
	box-sizing:border-box;
}
#price .priceTbls dd{position:relative;}
#price .priceTbls dd:last-of-type:after,
#price .priceTbls dd:before{
	content:"";
	position:absolute;
	right:0;
	display:block;
	width:200%;
	height:1px;
	background:#222;
}
#price .priceTbls dd:before{top:0;}
#price .priceTbls dd:first-of-type:before{
	height:2px;
	top:-1px;
	background:#d2d2d2;
}
#price .priceTbls dd:last-of-type:after{bottom:0;}
#price .priceTbls dd.caution{
	width:100%;
	padding-top:0;
	padding-right:0;
	padding-left:0;
	font-size:1.2rem;
	text-align:center;
}
#price .priceTbls dd.caution:before{
	content:"※";
	width:auto;
	display:inline-block;
	position:static;
	background-color:transparent!important;
}
#price .priceTbls dt.cautionBf{padding-bottom:0;}
#price .priceTbls dt.cautionBf+dd{padding-bottom:0;}
#price .priceTbls dd strong{
	font-size: 3.0rem;
	letter-spacing: 0.15rem;
}
#price .priceTbls dd  small{
	display:inline-block;
	margin-left:5px;
}


/************************************
roomtype
*************************************/
#roomtype .lead{
	line-height:1.625;
	text-align:center;
}
#roomtype #roomLinker{text-align:center;}
#roomtype #roomLinker li{
	display:inline-block;
	border:1px solid #000;
	border-radius:4px;
	text-align:center;
	line-height:1.0;
}
#roomtype #roomLinker li a{
	display:block;
	background-color:transparent;
	color:#000;
	transition:all 0.4s;
}
#roomtype #roomLinker li a:hover{
	background-color:#000;
	color:#fff;
}
#roomtype .priceStraigtList li{background-color:#eee;}
#roomtype .priceStraigtList li+li{margin-top:10px;}
#roomtype .priceStraigtList li.roomDetail .noSlider{
	overflow:hidden;
	font-size:0;
}
#roomtype .priceStraigtList li.roomDetail figure.noSlider:before{
	content:"";
	display:block;
	width:100%;
	height:0;
	padding-top:63.9534%;
	background:url("../img/fg-noslider.svg") no-repeat center center #bbb;
}
#roomtype .priceStraigtList li.roomDetail .slickSlider button{
	font-size:0;
	border:none;
	background-color:transparent;
	outline:transparent;
}
#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-arrow{
	position:absolute;
	top:calc(50% - 11px);
	width:15px;
	height:23px;
	z-index:1;
}
#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-prev{background:url("../img/slider-prev.svg") no-repeat center center;}
#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-next{background:url("../img/slider-next.svg") no-repeat center center;}
#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-dots{
	position:absolute;
	width:100%;
	left:0;
	text-align:center;
}
#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-dots li{display:inline-block;}
#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-dots li button{
	display:block;
	width:100%;
	height:100%;
	background:#fff;
}
#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-dots li.slick-active button{background:#757371;}
#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-dots > li:first-child:last-child{display:none;}
#roomtype .priceStraigtList li.roomDetail .priceGroup li{line-height:1.0;}
#roomtype .priceStraigtList li.roomDetail .priceGroup .roomName,
#roomtype .priceStraigtList li.roomDetail .priceGroup .peopleNum,
#roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt{
	font-weight:bold;
	color:#000;
}
#roomtype .priceStraigtList li.roomDetail .priceGroup .rentFee a.contactLink,
#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink a.waitingList{
	display:inline-block;
	min-width:220px;
	border-radius:4px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	transition:all 0.4s;
}
#roomtype .priceStraigtList li.roomDetail .priceGroup .rentFee a.contactLink:hover,
#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink a.waitingList:hover{
	opacity:0.7;
	text-decoration:none;
}
#roomtype .priceStraigtList li.roomDetail .priceGroup .rentFee a.contactLink{background:#0073ee;}
#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink a.waitingList{background:#c93232;}
#roomtype .priceStraigtList li.roomDetail .priceGroup .rentFee a.contactLink:before,
#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink a.waitingList:before{
	content:"";
	display:inline-block;
	width:20px;
	height:18px;
	margin-right:6px;
	background:url("../../common/img/mail-icon-white.svg") no-repeat center center;
	vertical-align:middle;
}
#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink .fullTxt{
	display:block;
	font-weight:bold;
	color:#c93232;
}
#roomtype .priceStraigtList li.roomDetail .priceGroup .roomDataTxt{line-height:1.86;}
#roomtype .priceStraigtList li dl.tbl{
	max-width:720px;
	margin:0 auto;
	line-height:1.6;
}
#roomtype .priceStraigtList li dl.tbl dt{font-weight:bold;}
#roomtype .priceStraigtList li dl.tbl dd{margin-bottom:0;}
#roomtype > .caution{text-align:right;}


/*serviceOption*/
#serviceOption{padding:30px 0;}
#serviceOption .serviceList li .note a.more{margin-top:4px;}
#serviceOption .serviceList li .note a.more:before{content:none!important;}


/*floor*/
#floor .inner{position:relative;}
#floor .inner .mb180{margin-bottom: 180px ;}
#floor .inner .mb30{margin-bottom: 30px ;}

#floor div.inner:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:url("/common/img/plugin/ajax-loader.svg") no-repeat center center;
	background-size:32px 32px;
	transition:all 0.4s;
	opacity:0;
	z-index:-1;
}
#floor.loadSet div.inner:before{
	opacity:1;
	z-index:5;
}
#floor h3.subTitle:after{background:#393939;}
#floor button{
	background-color:transparent;
	border:none;
	padding:0;
}
#floor button:focus{outline:0 none;}
#floor .floorMap{margin:0 auto;}
#floor .floorMap li{padding-bottom:30px;}
#floor .floorMap li a{
	display:block;
	outline:none;
}
#floor .floorMap li a:hover{outline:0;}
#floor .floorMap a img{backface-visibility:hidden;-webkit-backface-visibility:hidden;}
#floor .floorMap .floorDetail{
	display:block;
	width:100%;
	/*position:absolute;
	bottom:-70px;
	left:0;*/
	text-align:left;
	line-height:1.0;
}
#floor .floorMap .floorDetail span,
#floor .floorDetail span {
	display:inline-block;
	margin-right:20px;
	vertical-align:middle;
	font-size:1.0rem;
	line-height:1.0;
}
#floor .slick-slide .floorDetail img {display: inline-block;}

#floor .floorMap .floorDetail span:before,
#floor .floorDetail span:before {
	display:inline-block;
	width:12px;
	height:12px;
	margin-right:10px;
	content:"";
	background:#00405f;
	vertical-align:-0.25rem;
}
#floor .floorMap .floorName{
	display:block;
	position:absolute;
	bottom:-6px;
	right:0;
	text-align:right;
	line-height:1.0;
	color:#c4c4c4;
	font-size:2.777rem;
}
#floor .floorThb,
#floor .floorLink{position:absolute;}

.otemachiPage #floor .inner.inner-single-image {
	max-width: 985px;
}
/*secretary*/
#secretary{
	padding:70px 0;
	margin-top:0;
}
#secretary .inner{
	max-width:980px;
	width:96%;
}
#secretary .lead{
	margin-bottom:36px;
	text-align:center;
}
#secretary dl.tbl{margin:0 auto 24px;}
#secretary dl.tbl+.lead{margin-top:48px;}
#secretary .note{
	margin:24px auto 0;
	border-top:1px dotted #999;
}
#secretary .note p{
	position:relative;
	margin:0 auto;
	padding-left:2rem;
}
#secretary .note p.kome:before{
	content:"※";
	position:absolute;
	top:0;
	left:0;
}


/*page-access*/
main.access section{
	text-align:center;
	color:#393939;
}
main.access section .inner{
	max-width:688px;
	width:96%;
	margin:0 auto;
}
main.access section address{line-height:2.0;}
main.access section .accessTxt li{display:block;}
main.access section .accessTxt li+li{
	margin-top:16px;
	padding-top:16px;
	border-top:1px solid #cecece;
}
main.access section .accessTxt li > *,
main.access section p.accessTxt > *{
	display:block;
	margin:0 10px;
}
main.access section .accessTxt li > *+*{margin-top:4px;}
main.access section .accessTxt a.more,
main.access section .parkingGuide a.more{
	color:#007bff;
	font-weight:bold;
}
main.access section .googleMapLink a{
	display:block;
	letter-spacing:0;
	color:#007bff;
}
#accessMap{margin:0 0 10px;}
#accessMap figure.map{position:relative;}
#accessMap figure.map span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
#accessMap figure.map:before{
	content:"";
	width:100%;
	height:0;
	display:block;
	padding-top:75%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
main.access section ul+.parkingGuide{
	margin-top:16px;
	padding-top:16px;
	border-top:1px solid #cecece;
}
main.access section .parkingGuide dt{
	display:block;
	margin-bottom:10px;
	font-weight:bold;
}

/*specialCampaign*/
#specialCampaign{
	padding:30px 0;
	text-align:center;
}
#specialCampaign .subTitle{line-height:1.4;}
#specialCampaign *+p{margin-top:1.0rem;}
#specialCampaign .tag{
	margin-bottom:10px;
	font-size:12px;
	text-align:center;
}
#specialCampaign .tag span{
	display:inline-block;
	padding:3px 15px;
	border-radius:4px;
}
#specialCampaign h4{margin:2rem auto 1rem;}
#specialCampaign ol{counter-reset:ol-counter;}
#specialCampaign ol li:before{
	content:counter(ol-counter);
	counter-increment:ol-counter;
	display:inline-block;
	text-align:center;
	height:16px;
	width:16px;
	border-radius:50%;
	margin-right:6px;
	border:1px currentColor solid;
	font-size:1.0rem;
}
#specialCampaign ul li:before{
	content:"・";
	display:inline-block;
	margin-right:6px;
}
#specialCampaign p.caution:before{
	content:"※";
	display:inline-block;
}
#specialCampaign p.telnum:before{
	font-family:FontAwesome;
	display:inline-block;
	margin-right:8px;
	content:"\f095";
}
#specialCampaign p.mailtxt:before{
	font-family:FontAwesome;
	display:inline-block;
	margin-right:8px;
	content:"\f0e0";
}


/*nakama*/
#nakama > figure{
	display:block;
	text-align:center;
	margin:0 auto;
	background-repeat:no-repeat;
	cursor:pointer;
}
#nakama > figure span{
	display:block;
	margin:0 auto;
	opacity:0;
	transition:opacity 0.4s;
}
#nakama > figure.show span{opacity:1;}
#nakama > figure img{
	width:100%;
	margin:0 auto;
	vertical-align:top;
}
#nakama .inner{
	overflow:hidden;
	max-width:1280px;
	max-height:0;
	transform:scale(1,0);
	transform-origin:center top;
	transition:all 0.4s;
}
#nakama .inner.open{
	margin-top:30px;
	transform:scale(1,1);
	max-height:1200px;
}
#nakama .boxTtl{
	display:block;
	padding:3px 10px 5px;
	margin-bottom:30px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
#nakama .nakamaList{
	display:flex;
	flex-wrap:wrap;
/*	justify-content:space-between;
*/}
#nakama ul.nakamaList:after{
	display:block;
	content:"";
	border-bottom:2px solid #eee;
}
#nakama .nakamaList li{
	display:block;
	box-sizing:border-box;
	padding:20px 10px;
	border-bottom:2px solid #eee;
	position:relative;
	text-align:center;
}
#nakama .nakamaList li:after{
	content:"";
	display:block;
	position:absolute;
	width:2px;
	height:calc(100% - 36px);
	top:18px;
	bottom:18px;
	right:-1px;
	background:#f0f0f0;
}
#nakama .nakamaList li a,
#nakama .nakamaList li span{
	display:block;
	text-align:center;
}
#nakama .nakamaList li a:after{content:none;}
#nakama .nakamaList li span,
#nakama .nakamaList li a:hover{
	color:#323232;
	text-decoration:none;
}
#nakama .nakamaList li a img,
#nakama .nakamaList li span img{
	max-width:200px;
	margin:0 auto;
}
#nakama .nakamaList li h3{
	margin-bottom:8px;
	font-weight:bold;
}
#nakama .btnClose{
	margin:30px auto 0;
	text-align:center;
}
#nakama .btnClose a{
	position:relative;
	display:inline-block;
	padding:10px 30px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
#nakama .btnClose a:before{
	display:inline-block;
	margin-right:8px;
	font-family:FontAwesome;
	content:"\f00d";
}

/*lightcase*/
#lightcase-info #lightcase-title i{
	display:inline-block;
	width:34px;
	height:34px;
	margin-right:15px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.lightcase-contentInner{background:#fff;}

section.mv div.txtBox{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	margin-bottom:0;
	pointer-events:none;
	text-align:center;
	text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
section.mv figure{
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
section.mv figure a{
	display:block;
	position:relative;
}
section.mv[data-type="thin"] a:before{
	content:"";
	display:block;
	width:100%;
}
section.mv figure a:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.25);
}
section.mv+.mv{margin-top:10px;}
section.mv div.txtBox p{
	display:block;
	text-align:center;
	color:#fff;
	font-weight:bold;
	opacity:0;
}
section.mv div.txtBox .big{
	margin:0 auto 42px;
	line-height:1.5;
}
section.mv div.txtBox .big strong{
	display:block;
	font-family:a-otf-midashi-go-mb31-pr6n, sans-serif;
	letter-spacing:-0.2rem;
}
section.mv div.txtBox .big > span{display:block;}
section.mv div.txtBox .big > span.tag{
	display:inline-block;
	padding:3px 15px;
	margin-bottom:10px;
	font-size:12px;
	text-align:center;
	border-radius:4px;
	border:1px solid #bbb;
	color:#bbb;
}
section.mv div.txtBox .moreLink{
	position:relative;
	font-size:1.8rem;
	line-height:1.0;
}
section.mv:hover div.txtBox .moreLink{text-decoration:underline;}
.incEnd section.mv div.txtBox .big{animation:textDelay 0.8s ease 1s forwards normal;}
.incEnd section.mv div.txtBox .moreLink{animation:textDelay 0.8s ease 1.6s forwards normal;}
section.mv div.txtBox p.moreLink:after{
	font-family:FontAwesome;
	content:"\f105";
	display:block;
	position:absolute;
	top:1px;
	right:-16px;
}
section.mv#mv-share div.txtBox .big > span.icon{
	display:block;
	position:absolute;
	margin:0;
}
section.mv#mv-share div.txtBox .big > span.icon img{
	width:100%;
}
section.mv#mv-share div.txtBox p.moreLink{font-size:1.4rem;}

html:not([data-lc-type=error]) body #lightcase-case .lightcase-contentInner,
html:not([data-lc-type=error]) body #lightcase-case .lightcase-inlineWrap{
	max-width:100%!important;
	max-height:100%!important;
	width:100%!important;
	height:100%!important;
	padding:0!important;
	background-color:transparent!important;
}
html:not([data-lc-type=error]) #lightcase-case.box-shareContactnavi #lightcase-content{background-color:transparent;}
html:not([data-lc-type=error]) #lightcase-case.box-shareContactnavi{
	width:80vw!important;
	max-width:960px!important;
}
html:not([data-lc-type=error]) #lightcase-case.box-shareContactnavi .lightcase-contentInner,
html:not([data-lc-type=error]) #lightcase-case.box-shareContactnavi .lightcase-inlineWrap{
	max-width:100%!important;
	max-height:100%!important;
	width:100%!important;
	height:100%!important;
	padding:0;
	background-color:transparent;
}
/*#shareContactnavi ul {background-color:transparent;}
#shareContactnavi li{
	display:block;

	padding:16px;
	margin:0;
	text-align:center;
}
#shareContactnavi li[data-category="individual"]{
	background:#d2c1bd;
	border:3px solid #771900;
}
#shareContactnavi li[data-category="corporation"]{
	background:#bdccd2;
	border:3px solid #004a68;
}
#shareContactnavi li a.more{
	display:inline-block;
	width:auto;
	padding:3px 20px;
	font-weight:bold;
	color:#fff;
	transition:all 0.4s;
}
#shareContactnavi li[data-category="individual"] a.more{background:#d42924;}
#shareContactnavi li[data-category="corporation"] a.more{background:#2445d4;}
#shareContactnavi li a.more:before{content:none;}
#shareContactnavi li a.more:after{
	margin-left:16px;
	font-family:FontAwesome;
	content:"\f105";
	display:inline-block;
}
#shareContactnavi li a.more:hover{
	opacity:0.8;
	text-decoration:none;
}*/

@media screen and (min-width:769px){
	#rooms ul:after{
		content:"";
		display:block;
		clear:both;
	}
	#rooms ul.flexBox{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#rooms ul.flexBox li.scaleFg{
		width:calc(50% - 5px);
		display:block;
	}
	#rooms ul.flexBox li.scaleFg figure{
		overflow:hidden;
		position:relative;
	}
	#rooms ul.flexBox li.scaleFg figure img{
		transform-origin:center center;
		transform:scale(1.0);
		transition:all 0.8s;
	}
	#rooms ul.flexBox li.scaleFg:hover figure img{transform:scale(1.1);}
	#rooms ul.flexBox li.scaleFg figure:after{
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.2);
		transition:all 0.8s;
	}
	#rooms ul.flexBox li.scaleFg:hover figure:after{background:rgba(0,14,121,0.7);}
	#rooms ul.flexBox li.scaleFg:nth-child(2){margin-top:0;}
	#rooms ul.flexBox li.scaleFg:nth-child(n+3){margin-top:10px;}
	#rooms ul li.animeFg:hover figure .animeEnlar{opacity:1;}
	#rooms ul li.animeFg:hover figure .animeEnlar:after{
		width:100%;
		opacity:1;
	}
	#rooms ul li.animeFg:hover .txtBox:before{opacity:0;}
	#rooms ul li.animeFg:hover .txtBox dt{color:#ccc;}
	#rooms ul li.animeFg:hover .txtBox p,
	#rooms ul li.animeFg:hover .txtBox a{color:#fff;}
	#rooms ul li.colFg{width:calc(50% - 5px);}
	#rooms ul li.colFg[data-anime="left"]{float:left;}
	#rooms ul li.colFg[data-anime="right"]{float:right;}
	#rooms ul li.colFg figure{
		position:relative;
		width:100%;
		padding-top:40.34%;
		overflow:hidden;
	}
	#rooms ul li.colFg figure img{
		position:absolute;
		bottom:0;
		left:0;
	}

	/************************************
	introBox
	*************************************/
	section.introBox{
		display:flex;
		align-items:center;
		padding:48px 10px;
	}
	section#intro02{
		flex-direction:row-reverse;
		margin-top:-26px;
	}
	.introBox > *{
		display:block;
		width:50%;
	}

	/*roomtype*/
	#roomtype{padding:75px 0 50px;}
	#roomtype #roomLinker li{
		margin:0 12px 10px;
		font-size:1.4rem;
	}
	#roomtype #roomLinker li a{padding:8px 20px;}
	#roomtype .priceStraigtList li.roomDetail{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	#roomtype .priceStraigtList li.roomDetail > *{display:block;}
	#roomtype .priceStraigtList li.roomDetail figure.noSlider:before{background-size:320px auto;}
	#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-dots{bottom:18px;}
	#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-dots li{
		width:30px;
		height:4px;
		margin:0 6px;
	}
	#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-prev{left:22px;}
	#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-next{right:22px;}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .rentFee a.contactLink,
	#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink a.waitingList{padding:6px 14px;}
	#roomtype .priceStraigtList li dl.tbl dd .note{font-size:1.3rem;}
	#roomtype > .caution{
		margin-top:14px;
		font-size:1.4rem;
	}

	/*function*/
	#function{padding:6vw 0;}
	#function .functionList ol li+li{margin-top:25px;}
	#function .functionList li span{margin-left:2vw;}

	/*access*/
	#access .txt .ttl{font-size:3.2rem;}
	#access .txt .more{
		margin-top:2vw;
		font-size:1.6rem;
	}
	main.access section .parkingGuide dt{font-size:1.7rem;}

	/*contact*/
	#contact .txt .ttl{font-size:3.2rem;}
	#contact .txt .more{
		margin-top:2vw;
		font-size:1.6rem;
	}

	/*locateData*/
	#locateData{padding:80px 0 65px;}
	#locateData .inner{
		width:96%;
		display:flex;
		flex-direction:row-reverse;
		justify-content:space-between;
	}
	#locateData .inner > div{width:calc(50% - 10px);}
	#locateData .fg dl{
		display:table;
		margin-top:22px;
	}
	#locateData .fg dl > *{display:table-cell;}
	#locateData .fg dl dt{width:105px;}
	#locateData .text .accessData li figure{
		margin-top:8px;
		width:80%;
	}
	#locateData .text .accessData a{display:block;}


	/*price*/
	#price .priceStraigtList .priceGroup{
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:40px 30px 40px 0;
	}
	#price .priceStraigtList .priceGroup > li.roomName,
	#price .priceStraigtList .priceGroup > li.peopleNum{display:block;}
	#price .priceStraigtList .priceGroup > li.peopleNum{width:260px;}
	#price .priceStraigtList .priceGroup > li.rentFee,
	#price .priceStraigtList .priceGroup > li.reservLink{
		display:inline-table;
		width:calc(100% - 260px);
	}
	#price .priceStraigtList .priceGroup > li.rentFee .priceTxt,
	#price .priceStraigtList .priceGroup > li.reservLink .fullTxt{width:calc(100% - 88px);}
	#price .priceStraigtList .priceGroup > li.rentFee > *,
	#price .priceStraigtList .priceGroup > li.reservLink > *{
		display:table-cell!important;
		vertical-align:middle;
	}
	#price .priceStraigtList .priceGroup > li.reservLink .fullTxt img{
		display:block;
		margin:0 auto;
	}
	#price .priceStraigtList .priceGroup > li.rentFee > span.note,
	#price .priceStraigtList .priceGroup > li.reservLink > span.note{
		display:table-row!important;
		text-align:center;
	}
	#price .priceStraigtList .priceGroup > li strong{width:150px;}
	#price .priceStraigtList dl{
		display:table;
		padding:25px 0;
	}
	#price .priceStraigtList dl dt{
		display:table-cell;
		width:34%;
	}
	#price .priceStraigtList dl dd{display:table-cell;}
	.srBox li{margin:0 35px;}
	.srBox p.reservBtn a{
		display:inline-block;
		border-radius:4px;
	}
	.srBox li.harajuku{margin:0 25px;}

	/*page-access*/
	main.access section:not(#goTop){padding:70px 0;}
	main.access section address{font-size:1.6rem;}
	main.access section .accessTxt{font-size:1.4rem;}
	main.access section .accessTxt strong{font-size:1.7rem;}
	main.access section .googleMapLink a{font-size:1.4rem;}
	main.access section .googleMapLink a{margin-top:16px;}
	#accessMap figure{margin-bottom:20px;}
	#circleAccess figure{margin-top:20px;}


	/*secretary*/
	#secretary{font-size:1.6rem;}
	#secretary dl{
		width:76%;
		font-size:2.6rem;
	}
	#secretary dl.tbl dt{width:10rem;}
	#secretary dl.tbl dd{width:calc(100% - 11rem);}
	#secretary dl dd span{font-size:1.6rem;}
	#secretary .note{padding:24px 8% 0;}

	#specialCampaign h4{font-size:1.8rem;}
	#specialCampaign h5,
	#specialCampaign p{font-size:1.6rem;}

	#nakama .boxTtl{font-size:1.8rem;}
	#nakama .nakamaList[data-int="1"]:after{width:75%;}
	#nakama .nakamaList[data-int="2"]:after{width:50%;}
	#nakama .nakamaList[data-int="4"]:after{content:none;}
	#nakama .nakamaList li,
	#nakama .nakamaList[data-int="3"]:after{width:25%;}
	#nakama .nakamaList li:nth-child(4n):after{content:none;}
	#nakama .nakamaList li h3{font-size:1.6rem;}
	#nakama .nakamaList li p{font-size:1.2rem;}

	section.mv#mv-share figure{background-image:url(/index/img/mv-20190401b.jpg);}
	section.mv#mv-share div.txtBox .big > strong,
	section.mv#mv-share2 div.txtBox .big > strong{font-size:4.3rem;}
	section.mv#mv-share div.txtBox .big > span{margin-top:50px;}
	section.mv[data-type="thin"] a:before{height:336px;}
	#shareContactnavi li{width:calc(50% - 10px);}
	#shareContactnavi li h3{
		margin-bottom:24px;
		font-size:2.4rem;
	}
	#shareContactnavi li p{font-size:1.8rem;}
	#shareContactnavi li p+p{margin-top:36px;}
	#shareContactnavi li a.more{font-size:2.2rem;}
	
	
	/*choose*/
	main.rentalspace #choose ul{
		display: flex;
		justify-content: space-between;
	}
	/*main.rentalspace #choose ul li{width: calc(50% - 5px);}*/
	main.rentalspace #choose ul.single li {width: 100% ;}
}
@media screen and (min-width:769px) and (max-width:1080px){
	/************************************
	locationsPage
	*************************************/
	#price,
	.srBox{padding:7vw 0 9vw;}
	#titleBlock{padding-bottom:calc(36px + 4vw);}
	#rooms ul li+li{margin-top:10px;}
	#rooms ul li.scaleFg .txtBox{padding:5vw 0;}
	#rooms ul li .txtBox dt{
		margin-bottom:32px;
		font-size:3.0rem;
	}
	#rooms ul li .txtBox dd p,
	#rooms ul li .txtBox dd a{font-size:1.4rem;}
	#rooms ul li .txtBox dd a{margin-top:3vw;}
	#rooms ul li .txtBox dd a+a{margin-left:30px;}
	#rooms ul li .txtBox dd a.pdf:after{
		width:16px;
		height:16px;
	}
	#rooms ul li.animeFg{padding-top:50%;}
	#rooms ul li.animeFg figure img{
		width:auto;
		height:100%;
	}
	#rooms ul li.colFg .txtBox{
		padding-top:6vw;
		padding-bottom:6vw;
	}

	/*function*/
	#function h3{width:25%;}
	#function .functionList{width:75%;}

	#intro01 .txtBox,
	#intro02 .txtBox{padding:0 16px;}
	.introBox .txtBox h3{
		margin-bottom:10px;
		font-size:2.2rem;
	}
	.introBox .txtBox p{font-size:1.4rem;}

	/*locateData*/
	#locateData .inner{font-size:1.4rem;}
	#locateData .text h4{margin:24px 0 6px;}

	/*price*/
	#price .inner,
	.srBox .inner{width:96%;}
	#price .priceStraigtList dl{width:80%;}
	#price .priceStraigtList .priceGroup{padding-left:16px;}

	/*roomtype*/
	#roomtype .lead{
		margin:30px auto 40px;
		font-size:1.5rem;
	}
	#roomtype #roomLinker{margin-bottom:36px;}
	#roomtype .priceStraigtList li.roomDetail > figure{width:60%;}
	#roomtype .priceStraigtList li.roomDetail .priceGroup{
		width:40%;
		padding:10px 20px;
	}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .roomName,
	#roomtype .priceStraigtList li.roomDetail .priceGroup .peopleNum{font-size:2.2rem;}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt{
		margin:16px 0;
		font-size:2.2rem;
	}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .rentFee a.contactLink:before,
	#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink a.waitingList:before{vertical-align:-4px;}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink .fullTxt{
		margin:16px 0;
		font-size:2.2rem;
	}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .roomDataTxt{
		margin-top:30px;
		font-size:1.4rem;
	}
	#roomtype .priceStraigtList li dl.tbl{
		padding:24px 0;
		margin:0 2%;
		font-size:1.8rem;
	}
	#roomtype .priceStraigtList li dl.tbl dt{width:32%;}
	#roomtype .priceStraigtList li dl.tbl dd small{font-size:1.4rem;}

	/*floor*/
	#floor .floorThb,
	#floor .floorLink{display:none;}

	section.mv#mv-share .txtBox span.icon{
		width:90px;
		right:-100px;
		bottom:-34px;
	}
	section.mv#mv-share div.txtBox .big > span{font-size:1.8rem;}
	
	
	/*choose*/
	main.rentalspace #choose ul li a.roomLink{padding:8vw 0 6vw;}
	main.rentalspace #choose ul li a.roomLink h4{font-size: 2.5rem;}
	main.rentalspace #choose ul li a.roomLink p.lead{
		margin:1vw auto 3vw;
		font-size: 1.5rem;
	}
	main.rentalspace #choose ul li a.roomLink p.moreLink{font-size:1.35rem;}
}
@media screen and (min-width:1081px){
	/************************************
	locationsPage
	*************************************/
	#titleBlock{padding-bottom:100px;}
	.subNavPriority header{transform:translateY(-56px);}
	.subNavPriority #locationNavi{vertical-align:top;}
	#locationNavi #locNavBtn{display:none;}
	#locationNavi .locLogo{
		position:absolute;
		top:0;
		left:0;
	}
	#locationNavi > ul#midNavi{
		display:table;
		margin:0 auto;
	}
	.subNavPriority #locationNavi > ul#midNavi{
		display:inline-table;
		margin:0;
		vertical-align:top;
		pointer-events:all;
	}
	#locationNavi > ul#midNavi li{
		display:table-cell;
		border-left:1px solid #d5d4d4;
		text-align:center;
		vertical-align:middle;
	}
	#locationNavi > ul#midNavi li:last-child{border-right:1px solid #d5d4d4;}
	#locationNavi > ul#midNavi li a{
		position:relative;
		padding:15px 20px;
	}
	#locationNavi > ul#midNavi li a:after{
		display:block;
		width:100%;
		height:4px;
		content:"";
		position:absolute;
		bottom:0;
		left:0;
		background:#000;
		opacity:0;
		transition:all 0.4s;
	}
	#locationNavi > ul#midNavi li a:hover:after,
	#locationNavi > ul#midNavi li a.active:after{opacity:1;}
	#locationNavi > ul#midNavi li.srDown > .downMenu{display:none;}
	.subNavPriority #locationNavi > ul#midNavi li,
	.subNavPriority #locationNavi > ul#midNavi li:last-child{border:none;}

	.subNavPriority #locationNavi #rightNavi{
		display:inline-block;
		margin:6px 10px;
		position:static;
		vertical-align:top;
	}
	#locationNavi #rightNavi li+li{margin-left:20px;}
	#locationNavi #rightNavi li a{padding:9px 18px;}
	#locationNavi #rightNavi li a span.alphB{letter-spacing:0.15rem;}
	#locationNavi #rightNavi li a .jpName{margin-top:5px;}
	#rooms ul li.scaleFg .txtBox{padding:70px 0;}
	#rooms ul li.colFg .txtBox{
		padding-top:70px;
		padding-bottom:70px;
	}

	/*function*/
	#function{padding:65px 0;}
	#function h3{width:33.4%;}
	#function .functionList{width:66.6%;}

	/************************************
	introBox
	*************************************/
	#intro01 .txtBox{padding:0 88px 0 110px;}
	#intro02 .txtBox{padding:0 110px 0 88px;}
	.introBox .txtBox h3{
		margin-bottom:14px;
		font-size:2.5rem;
	}
	.introBox .txtBox p{font-size:1.5rem;}


	/*locateData*/
	#locateData .inner{font-size:1.6rem;}
	#locateData .text h4{margin:30px 0 12px;}


	/*price*/
	#price,
	.srBox{padding:75px 0 90px;}
	#price .inner,
	.srBox .inner{
		width:70%;
		margin:0 auto;
	}
	.workroom #price .inner{max-width:720px;}
	.srBox .inner{max-width:936px;}
	#price .priceTbl,
	.priceIn .priceTbl{margin:0 auto 24px;}
	#price .priceTbl th,
	.priceIn .priceTbl th{padding:14px 5px 14px 50px;}
	#price .priceTbl td,
	.priceIn .priceTbl td{padding:14px 50px 14px 5px;}
	#price .priceTbl caption,
	.priceIn .priceTbl caption{padding-bottom:20px;}
	#price .priceTbl +.caution,
	.priceIn .priceTbl +.caution{margin-bottom:60px;}
	#price h4{
		margin:36px auto 16px;
		font-size:1.8rem;
	}
	#price .floatInner{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#price .floatInner .priceTbl{
		width:47.9%;
		margin:0 0 24px;
	}
	#price .floatInner .priceTbl th{padding:14px 0 14px 20px;}
	#price .floatInner .priceTbl td{padding:14px 20px 14px 0;}
	#price .floatInner .noteTtl,
	#price .floatInner .caution{width:100%;}


	#price h4.priceTblTtl{margin-bottom:20px;}
	#price .priceTbls{margin:0 auto 24px;}
	#price .priceTbls dt{padding:15px 5px 14px 50px;}
	#price .priceTbls dd{padding:15px 50px 14px 5px;}


	/*roomtype*/
	#roomtype .lead{
		margin:36px auto 48px;
		font-size:1.6rem;
	}
	#roomtype #roomLinker{margin-bottom:40px;}
	#roomtype .priceStraigtList li.roomDetail > figure{width:68.25%;}
	#roomtype .priceStraigtList li.roomDetail .priceGroup{
		width:31.75%;
		padding:10px 50px;
	}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .roomName,
	#roomtype .priceStraigtList li.roomDetail .priceGroup .peopleNum{font-size:2.5rem;}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt{
		margin:20px 0;
		font-size:2.5rem;
	}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .rentFee a.contactLink:before,
	#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink a.waitingList:before{vertical-align:-4px;}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink .fullTxt{
		margin:20px 0;
		font-size:2.5rem;
	}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .roomDataTxt{
		margin-top:36px;
		font-size:1.5rem;
	}
	#roomtype .priceStraigtList li dl.tbl{
		padding:35px 0;
		font-size:2.2rem;
	}
	#roomtype .priceStraigtList li dl.tbl dt{width:274px;}
	#roomtype .priceStraigtList li dl.tbl dd small{font-size:1.6rem;}


	/*access*/
	#access .addressData{min-height:436px;}

	/*contact*/
	#contact .addressData{min-height:436px;}

	/*floor*/
	#floor{padding:70px 0;}
	#floor .floorMap{
		width:52.84vw;
		pointer-events:none;
	}
	#floor .floorThb{
		width:7.2vw;
		right:8.26vw;
		top:50%;
		margin-top:-2.965vw;
	}
	#floor .floorLink{right:4.34vw;}
	#floor .floorLink{
		display:block;
		top:0;
		height:100%;
	}
	#floor .floorLink ul{
		position:relative;
		height:100%;
		display:flex!important;
		flex-direction:column-reverse;
		align-items:center;
		justify-content:center;
	}
	#floor .floorLink ul:before{
		content:"";
		position:absolute;
		top:50%;
		left:50%;
		margin:-1px 0 0 -9px;
		display:block;
		width:18px;
		height:1px;
		background:#393939;
	}
	#floor .floorLink li{
		display:block;
		padding:18px 0;
	}
	#floor .floorLink li button{
		display:block;
		font-size:2.888rem;
		color:#c4c4c4;
		text-align:center;
		line-height:1.0;
	}
	#floor .floorLink li.slick-active button,
	#floor .floorLink li.slick-active button:after{color:#00405f;}
	#secretary dl{width:550px;}

	section.mv#mv-share .txtBox span.icon{
		right:-140px;
		bottom:-52px;
	}
	section.mv#mv-share div.txtBox .big > span{font-size:2.2rem;}
	
	
	/*choose*/
	main.rentalspace #choose ul li a.roomLink{
		padding:150px 0 70px;
	}
	main.rentalspace #choose ul li a.roomLink h4{font-size: 2.8rem;}
	main.rentalspace #choose ul li a.roomLink p.lead{
		margin:12px auto 70px;
		font-size: 1.6rem;
	}
	main.rentalspace #choose ul li a.roomLink p.moreLink{font-size: 1.4rem;}
}
@media screen and (min-width:1081px) and (max-width:1280px){
	#access figure.map:before{padding-top:45%;}
	#contact figure.map:before{padding-top:45%;}
}
@media screen and (min-width:1281px){
	#function .inner{width:1040px;}
	#locateData .inner{max-width:1156px;}
}
@media screen and (min-width:769px) and (max-width:1400px){
	#nakama > figure{
		background-size:39.72% auto;
		background-position:center 35.7%;
	}
	#nakama > figure span{
		width:39.72%;
		padding:3.14% 0 5.7%;
	}
}
@media screen and (min-width:1401px){
	#nakama > figure{
		background-size:556px auto;
		background-position:center 44px;
	}
	#nakama > figure span{
		width:556px;
		padding:44px 0 80px;
	}
}

@media screen and (max-width:1080px){
	.subNavPriority header{transform:translateY(-54px);}
	#locationNavi .locLogo{
		position:relative;
		margin:0;
		text-align:center;
	}
	#locationNavi #locNavBtn{
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:22px;
		height:22px;
		padding:16px;
		box-sizing:content-box;
		z-index:10;
		opacity:0;
		pointer-events:none;
	}
	.subNavPriority #locationNavi #locNavBtn{
		opacity:1;
		pointer-events:all;
	}
	#locationNavi #locNavBtn a{
		position:relative;
		display:block;
		width:100%;
		height:100%;
		transform:rotateX(0deg);
		transform-origin:center center;
		z-index:2;
	}
	#locationNavi #locNavBtn a:after{
		content:"\f107";
		font-family:FontAwesome;
		font-size:32px;
		font-weight:bold;
		text-align:center;
		vertical-align:top;
		line-height:22px;
		color:#2D2726;
	}

	.subNavPriority #locationNavi #locNavBtn a:after{color:#e7e7e7;}
	#locationNavi #locNavBtn.active a{transform:rotateX(180deg);}
	#locationNavi #locNavBtn a span{display:none;}
	#locationNavi > ul#midNavi{
		display:block;
		width:100%;
		max-height:0vh;
		overflow-y:hidden;
		position:absolute;
		top:100%;
		left:0;
		background:#104462;
	}
	#locationNavi > ul#midNavi.active{
		overflow-y:auto;
		max-height:calc(100vh - 56px);
	}
	#locationNavi > ul#midNavi li{
		display:block;
		width:90%;
		margin:0 auto;
		text-align:left;
	}
	#locationNavi > ul#midNavi li{
		height:0px;
		overflow-y:hidden;
	}
	#locationNavi > ul#midNavi li a{
		display:inline-block;
		padding:0 8px;
	}
	#locationNavi > ul#midNavi li.srDown{cursor:pointer;}
	#locationNavi > ul#midNavi li.srDown .downMenu{
		display:block;
		transform:scale(1,0);
		transform-origin:center top;
		transition:transform 0.4s;
	}
	#locationNavi > ul#midNavi li.srDown .downMenu li{
		width:95%;
		margin-right:0;
	}
	#locationNavi > ul#midNavi li.srDown .downMenu li a{padding:0 8px;}
	#locationNavi > ul#midNavi.active li{height:44px;}
	#locationNavi > ul#midNavi.active li a{padding:15px 8px;}
	#locationNavi > ul#midNavi li+li{border-top:2px solid #184b68;}
	#locationNavi > ul#midNavi li a span.jpName,
	#locationNavi > ul#midNavi li a span.enName{
		display:inline-block;
		margin:0 10px 0 0;
		font-size:1.2rem;
	}
	#locationNavi > ul#midNavi li.srDown:before,
	#locationNavi > ul#midNavi li.srDown:after{
		display:block;
		position:absolute;
		background:#868686;
		content:"";
		transition:all 0.8s;
		transform-origin:center center;
	}
	#locationNavi > ul#midNavi li.srDown:before{
		width:1px;
		height:9px;
		top:16px;
		right:calc(2vw + 4px);
	}
	#locationNavi > ul#midNavi li.srDown:after{
		width:9px;
		height:1px;
		top:20px;
		right:2vw;
	}
	#locationNavi > ul#midNavi li.srDown{position:relative;}
	#locationNavi > ul#midNavi li.srDown.active{height:77px;}
	#locationNavi > ul#midNavi li[data-child="2"].srDown.active{height:109px;}
	#locationNavi > ul#midNavi li[data-child="3"].srDown.active{height:139px;}
	#locationNavi > ul#midNavi li[data-child="4"].srDown.active{height:173px;}
	#locationNavi > ul#midNavi li[data-child="5"].srDown.active{height:205px;}
	#locationNavi > ul#midNavi li[data-child="6"].srDown.active{height:237px;}
	#locationNavi > ul#midNavi li.srDown.active:before,
	#locationNavi > ul#midNavi li.srDown.active:after{transform:rotate(45deg);}
	#locationNavi > ul#midNavi li.srDown.active .downMenu{transform:scale(1,1);}
	#locationNavi > ul#midNavi li.srDown.active .downMenu li{
		height:32px;
		border-top:1px solid #184b68;
		text-align:left;
	}
	#locationNavi > ul#midNavi.active li.srDown.active .downMenu li a{padding:8px;}
	#locationNavi > ul#midNavi.active li.srDown.active:not([data-child="6"]) .downMenu li a{
		font-size:1.2rem;
		line-height:1.3;
		vertical-align:middle;
	}
	#locationNavi > ul#midNavi li.srDown .downMenu li img{
		width:auto;
		height:16px;
		vertical-align:top;
	}
	#locationNavi > ul#midNavi.active li.srDown.active .downMenu li a span.roomNum{
		display:inline-block;
		padding:0px 3px;
	}
	#locationNavi .subTitleBar{display:none;}
	.subNavPriority #locationNavi #locNavBtn{display:block;}
	#locationNavi #rightNavi{
		margin-top:-22px;
		right:10px;
		opacity:0;
		pointer-events:none;
	}
	.subNavPriority #locationNavi #rightNavi{
		z-index:2;
		margin-top:-18px;
		opacity:1;
		pointer-events:all;
	}
	#locationNavi #rightNavi li{margin-left:5px;}
	#locationNavi #rightNavi li a:before{
		content:"";
		display:block;
		margin:0 auto;
		width:24px;
		height:24px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
	}
	#locationNavi #rightNavi li a span{
		transform-origin:center bottom;
		transform:scale(0.7);
		margin-top:-2px;
	}
	#locationNavi #rightNavi li a .jpName{display:none!important;}
	#locationNavi #rightNavi #contactBtn a:before{background-image:url("/common/img/mail-icon-white.svg");}
	#locationNavi #rightNavi #myroom a:before{background-image:url(/common/img/mypage-icon-brown.svg);}
	#locateData .inner{width:96%;}

	/*price*/
	#price,
	.srBox{padding:7vw 0 9vw;}
	#price .priceTbl,
	.priceIn .priceTbl{margin:0 auto 3vw;}
	#price .priceTbl th,
	#price .priceTbl td,
	.priceIn .priceTbl th,
	.priceIn .priceTbl td{padding:14px 2vw;}
	#price .priceTbl caption,
	.priceIn .priceTbl caption{padding-bottom:2vw;}
	#price .priceTbl +.caution,
	.priceIn .priceTbl +.caution{margin-bottom:6vw;}
	#price .floatInner .priceTbl+.priceTbl{margin-top:6vw;}
	#price .floatInner .priceTbl th{padding:14px 0 14px 2vw;}
	#price .floatInner .priceTbl td{padding:14px 2vw 14px 0;}
	#price h4{
		margin:24px auto 12px;
		font-size:1.6rem;
	}
	#price h4+ul{width:80%;}

	#price .priceTblTtl caption{padding-bottom:2vw;}
	#price .priceTbls{margin:0 auto 3vw;}
	#price .priceTbls dt,
	#price .priceTbls dd{padding:15px 2vw 14px;}


	/*floor*/
	#floor{padding:10vw 3%;}
	#floor .floorMap{
		width:96%;
		max-width:760px;
		display:flex;
		flex-direction:column-reverse;
	}
	#floor .floorMap li{
		position:relative;
		min-height:0%;
	}
	#floor .floorMap li+li{margin-bottom:5vw;}
	#floor .floorMap li a:before{
		content:"";
		display:block;
		width:20px;
		height:20px;
		position:absolute;
		bottom:7px;
		right:0;
		background:url(../img/zoom-icon.svg) no-repeat left top;
		background-size:contain;
	}
	
	

	section.mv#mv-share figure{background-image:url(/index/img/mv-20190401b-sp.jpg);}
	section.mv#mv-share div.txtBox .big > span.icon{
		width:100%;
		position:static;
		margin:12px auto 0;
		text-align:right;
	}
	section.mv#mv-share div.txtBox .big > strong{
		font-size:3.4rem;
		line-height:1.2;
	}
	section.mv#mv-share div.txtBox .big > span{
		margin-top:5%;
		font-size:1.4rem;
	}
	section.mv#mv-share div.txtBox .big > span.icon img{
		width:70px;
		margin:0 0 0 auto;
	}
	section.mv[data-type="thin"] a:before{height:384px;}

	html:not([data-lc-type=error]) #lightcase-case.box-shareContactnavi{
		width:90%!important;
		height:80%!important;
		left:5%!important;
		top:10%!important;
		margin:0!important;
	}
	html[data-lc-type=ajax] #lightcase-case,
	html[data-lc-type=inline] #lightcase-case{padding:0;}
	#shareContactnavi li{width:100%;}
	#shareContactnavi li+li{margin-top:10px;}
	#shareContactnavi li h3{
		margin-bottom:18px;
		font-size:2.0rem;
	}
	#shareContactnavi li p{font-size:1.5rem;}
	#shareContactnavi li p+p{margin-top:24px;}
	#shareContactnavi li a.more{font-size:1.8rem;}
}
@media screen and (max-width:768px){
	/************************************
	locationsPage
	*************************************/
	#titleBlock{padding-bottom:calc(55px + 1vw);}
	#rooms ul li .txtBox{
		padding:10vw 5%;
	}
	#rooms ul li .txtBox>*{width:90%;}
	#rooms ul li .txtBox dt{
		margin-bottom:5vw;
		font-size:2.8rem;
	}
	#rooms ul li.animeFg{
		padding:0;
		height:auto;
	}
	#rooms ul li.animeFg figure{
		width:100%;
		position:static;
	}
	#rooms ul li.animeFg .txtBox{
		width:100%;
		position:relative;
	}
	#rooms ul li.animeFg figure .animeEnlar{display:none;}

	/*function*/
	#function{padding:6vw 0;}
	#function h3{
		margin-bottom:30px;
		font-size:3.0rem;
	}
	#function .functionList>li{
		display:block;
		width:100%;
	}
	#function .functionList ol li+li,
	#function .functionList .rightCol li{margin-top:3vw;}

	/************************************
	introBox
	*************************************/
	section.introBox{padding:8vw 10px;}
	section#intro02{margin-top:-3vw;}
	.introBox .txtBox{margin:16px auto 0;}
	.introBox .txtBox h3{
		margin-bottom:10px;
		font-size:1.8rem;
	}
	.introBox .txtBox p{font-size:1.3rem;}


	/*locateData*/
	#locateData{padding:40px 0 30px;}
	#locateData .fg{text-align:center;}
	#locateData .fg img{
		width:60%;
		margin:0 auto;
	}
	#locateData .fg dl{
		display:block;
		margin-top:16px;
		text-align:center;
	}
	#locateData .text{margin-top:36px;}
	#locateData .text .accessData li figure{margin:8px auto 0;}
	#locateData .text .accessData a{
		display:inline-block;
		margin-right:calc(100% - 150px);
	}


	/*price*/
	#price,
	.srBox{padding:7vw 0 9vw;}
	#price .inner,
	.srBox .inner{margin:0 10px;}
	#price .floatInner .priceTbl{width:70%;}
	#price .priceTbl td small,
	.priceIn .priceTbl td small,
	#price .priceTbls dd small{font-size:1.0rem;}
	#price .priceStraigtList .priceGroup{
		display:block;
		padding:20px 0;
		text-align:center;
	}
	#price .priceStraigtList .priceGroup > li{
		display:inline-block;
		margin:0 16px;
	}
	#price .priceStraigtList .priceGroup > li.rentFee,
	#price .priceStraigtList .priceGroup > li.reservLink{
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:100%;
		padding:0 15px;
		margin:8px auto 0;
	}
	#price .priceStraigtList .priceGroup > li.rentFee >*,
	#price .priceStraigtList .priceGroup > li.reservLink > *{display:block;}
	#price .priceStraigtList .priceGroup > li.rentFee > .priceTxt,
	#price .priceStraigtList .priceGroup > li.reservLink > .fullTxt,
	.otemachiPage #price .priceStraigtList .priceGroup > li.rentFee .otemachi1Room{width:calc(100% - 88px);}
	#price .priceStraigtList .priceGroup > li.rentFee > span.note,
	#price .priceStraigtList .priceGroup > li.reservLink > span.note{
		display:table-row!important;
		text-align:center;
	}
	#price .priceStraigtList dl{
		padding:16px 0;
		width:100%;
	}
	#price .priceStraigtList dl dt{
		display:block;
		margin-bottom:6px;
		text-align:center;
	}
	#price .priceStraigtList dl dd{
		display:block;
		text-align:center;
	}
	#price .priceTbls{width:90%;}
	.srBox li{margin:0 1vw;}
	.srBox p.reservBtn a{
		display:block;
		margin:0 -10px;
		font-size:2.4rem;
	}

	/*roomtype*/
	#roomtype{
		padding:30px 0 20px;
		margin:10px;
	}
	#roomtype .lead{
		margin:30px auto 40px;
		font-size:1.4rem;
	}
	#roomtype #roomLinker{margin-bottom:30px;}
	#roomtype #roomLinker li{
		margin:0 6px 8px;
		font-size:1.3rem;
	}
	#roomtype #roomLinker li a{padding:8px;}
	#roomtype .priceStraigtList li.roomDetail,
	#roomtype .priceStraigtList li.roomDetail > *{display:block;}
	#roomtype .priceStraigtList li.roomDetail figure.noSlider:before{background-size:contain;}
	#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-prev{left:2%;}
	#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-next{right:2%;}
	#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-dots{bottom:10px;}
	#roomtype .priceStraigtList li.roomDetail .slickSlider .slick-dots li{
		width:16px;
		height:6px;
		margin:0 4px;
	}
	#roomtype .priceStraigtList li.roomDetail .priceGroup{padding:24px 5%;}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .roomName,
	#roomtype .priceStraigtList li.roomDetail .priceGroup .peopleNum{font-size:2.4rem;}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt{
		margin:12px 0;
		font-size:2.4rem;
	}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .rentFee a.contactLink,
	#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink a.waitingList{padding:10px;}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .rentFee a.contactLink:before,
	#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink a.waitingList:before{vertical-align:-4px;}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .reservLink .fullTxt{
		margin:12px 0;
		font-size:2.4rem;
	}
	#roomtype .priceStraigtList li.roomDetail .priceGroup .roomDataTxt{
		margin-top:24px;
		font-size:1.3rem;
	}
	#roomtype .priceStraigtList li dl.tbl{
		padding:16px 0;
		margin:0 5%;
		font-size:1.6rem;
	}
	#roomtype .priceStraigtList li dl.tbl dt{
		display:block;
		margin-bottom:10px;
	}
	#roomtype .priceStraigtList li dl.tbl dd small{font-size:1.6rem;}
	#roomtype .priceStraigtList li dl.tbl dd .note{
		display:block;
		font-size:1.2rem;
	}
	#roomtype > .caution{
		margin-top:18px;
		font-size:1.3rem;
	}


	/*access*/
	#access figure a{overflow:hidden;}
	#access figure a img{
		width:200%;
		margin-left:-50%;
	}
	#access .txt .ttl{font-size:2.4rem;}
	#access .txt .more{
		margin-top:3vw;
		font-size:1.4rem;
	}
	main.access section .parkingGuide dt{font-size:1.5rem;}

	/*contact*/
	#contact figure a{overflow:hidden;}
	#contact figure a img{
		width:200%;
		margin-left:-50%;
	}
	#contact .txt .ttl{font-size:2.4rem;}
	#contact .txt .more{
		margin-top:3vw;
		font-size:1.4rem;
	}


	/*page-access*/
	main.access section:not(#goTop){padding:7vw 0;}
	main.access section address{font-size:1.4rem;}
	main.access section .accessTxt{font-size:1.2rem;}
	main.access section .accessTxt strong{font-size:1.5rem;}
	main.access section .googleMapLink a{font-size:1.2rem;}
	main.access section .googleMapLink a{margin-top:3vw;}
	#accessMap figure{margin-bottom:3vw;}
	#circleAccess figure{margin-top:3vw;}


	/*secretary*/
	#secretary dl.tbl{
		max-width:368px;
		font-size:2.0rem;
		text-align:center;
	}
	#secretary dl dd span{font-size:1.4rem;}
	#secretary .note{padding:24px 3vw 0;}

	#specialCampaign .inner{width:96%;}
	#specialCampaign h4{font-size:1.6rem;}
	#specialCampaign h5,
	#specialCampaign p{font-size:1.4rem;}
	#nakama > figure{
		background-position:center 38%;
		background-size:58.93% auto;
	}
	#nakama > figure span{
		width:58.93%;
		padding:13.6% 0 22%;
	}
	#nakama .boxTtl{
		font-size:1.6rem;
		line-height:1.2;
	}
	#nakama ul.nakamaList:after{
		width:33.333%;
		content:"";
	}
	#nakama .nakamaList li,
	#nakama ul.nakamaList[data-spint="2"]:after{width:33.333%;}
	#nakama ul.nakamaList[data-spint="1"]:after{width:66.666%;}
	#nakama ul.nakamaList[data-spint="0"]:after{content:none;}
	#nakama .nakamaList li h3{font-size:1.4rem;}
	#nakama .nakamaList li p{font-size:1.1rem;}
	
	
	/*choose*/
	main.rentalspace #choose ul{display: block;}
	main.rentalspace #choose ul li{width:100%;}
	main.rentalspace #choose ul li+li{margin-top: 10px;}
	main.rentalspace #choose ul li a.roomLink{padding:9vw 0 7vw;}
	main.rentalspace #choose ul li a.roomLink h4{font-size:2.4rem;}
	main.rentalspace #choose ul li a.roomLink p.lead{
		margin:2vw auto 4vw;
		font-size: 1.4rem;
	}
	main.rentalspace #choose ul li a.roomLink p.moreLink{font-size:1.3rem;}
}
@media screen and (max-width:640px){
	.subNavPriority #locationNavi #locNavBtn{
		padding:16px 10px;
		margin-left:0;
	}
	#price .floatInner .priceTbl{width:96%;}
}
@media screen and (max-width:480px){
	#locationNavi .locLogo{
		padding:10px 2px 9px 10px;
		vertical-align:top;
	}
	#locationNavi .locLogo img.logo1{display:none;}
	#locationNavi .locLogo img.logo2{
		display:block;
		height:37px;
	}
	#rooms ul li .txtBox dd a{margin-top:3vw;}
	#rooms ul li .txtBox dd a+a{margin-left:16px;}
}
@media screen and (max-width:400px){
	#locationNavi #rightNavi{right:4px;}
	.subNavPriority #locationNavi .locLogo{padding-left:8px;}
	#locationNavi #rightNavi li+li{margin-left:6px;}
	#price .priceStraigtList .priceGroup > li strong{font-size:2.4rem;}
	#price .priceStraigtList .priceGroup > li small{font-size:1.4rem;}
}


		 .srBox .inner > p.sharettlnote2{
				color: #fff ;
				margin-top: 5px ;
				margin-bottom: 30px ;
				font-weight: normal ;
				font-size: 2.4rem ;
		}
		 .srBox .inner > p.sharettlnote3{
				color: #000 ;
				margin-top: 5px ;
				margin-bottom: 30px ;
				font-weight: normal ;
				font-size: 2.4rem ;
		}
section h3.subTitle.mb0,.srBox ul.mb0{
				margin-bottom: 0px ;
		}

.srBox li.left{
	text-align: left ;
		}

.srBox li.left span{
		margin-left: 15px ;
		}

#floor figcaption{
	 margin-top: 10px ;
	padding-left: 31px ;
	text-indent: -31px ;
	font-size: 1.2rem ;
	}
#floor figcaption.white{
	color: #fff ;
	margin-bottom: 10px ;
	}
#floor figcaption img, #floor p.roomkey img{
	width: 18px ;
	height: 18px ;
	}

#floor p.roomkey{
	 margin-top: 10px ;
	padding-left: 31px ;
	text-indent: -31px ;
	font-size: 1.2rem ;
	color: #fff ;
	}

#floor figcaption img{
	width: 18px ;
	height: 18px ;
}
.rentalspace.styleroom .btm-bnrs .btm-bnrs-container .btm-bnr-item.bbi-harajuku-styleroom {
	display: none;
}
.rentalspace.lounge .btm-bnrs .btm-bnrs-container .btm-bnr-item.bbi-harajuku-lounge {
	display: none;
}
.btm-bnrs .btm-bnrs-container .btm-bnr-item.bbi-harajuku-styleroom:before {
	background-image: url("../../harajuku/img/btm-bnr-styleroomh.jpg");
}
.btm-bnrs .btm-bnrs-container .btm-bnr-item.bbi-harajuku-hall:before {
	background-image: url("../../harajuku/img/btm-bnr-hall.jpg");
}
.btm-bnrs .btm-bnrs-container .btm-bnr-item.bbi-harajuku-space:before {
	background-image: url("../../harajuku/img/btm-bnr-space.jpg");
}
.btm-bnrs .btm-bnrs-container .btm-bnr-item.bbi-harajuku-lounge:before {
	background-image: url("../../harajuku/img/btm-bnr-lounge.jpg");
}