@charset "utf-8";
/************************************
akihabaraPage
*************************************/
.akihabaraPage section h2,
.akihabaraPage section#titleBlock h2,
.akihabaraPage section h3.subTitle,
.akihabaraPage .newstype .newsList li a time,
.akihabaraPage #rooms ul li .txtBox dd a,
.akihabaraPage .srBox h3,
.akihabaraPage .srBox li.reservBtn a,
.akihabaraPage .srBox .dl a,
.akihabaraPage .srBox p.moreLink a{color:#003344;}
.akihabaraPage.rentalspace section h2,
.akihabaraPage.rentalspace section#titleBlock h2,
.akihabaraPage.rentalspace section h3.subTitle,
.akihabaraPage.rentalspace .newstype .newsList li a time,
.akihabaraPage.rentalspace #rooms ul li .txtBox dd a,
.akihabaraPage.rentalspace .srBox h3,
.akihabaraPage.rentalspace .srBox li.reservBtn a,
.akihabaraPage.rentalspace .srBox .dl a,
.akihabaraPage.rentalspace .srBox p.moreLink a,
.akihabaraPage.rentalspace #locationNavi a:hover{color:#42544a;}
.akihabaraPage.secretary #titleBlock.subBefore h2,
.akihabaraPage.form #titleBlock.subBefore h2 .title1,
.akihabaraPage.access #titleBlock.subBefore h2 .title1,
.akihabaraPage.form section h3.subTitle,
.akihabaraPage.access section h3.subTitle,
.akihabaraPage.secretary #locationNavi .subTitleBar .pageTitle{color:#000;}
.akihabaraPage #serviceOption h4{background:#2d6b80;}
.akihabaraPage #serviceOption .serviceList li .note .more{color:#787878;}
.akihabaraPage.rentalspace #serviceOption h4{background:#42544a;}
.akihabaraPage #locationNavi .subTitleBar{background:rgba(0,51,68,0.85);}
.akihabaraPage.rentalspace #locationNavi .subTitleBar{background:rgba(66,84,74,0.85);}
.akihabaraPage.form #locationNavi .subTitleBar,
.akihabaraPage.conf #locationNavi .subTitleBar,
.akihabaraPage.thanks #locationNavi .subTitleBar,
.akihabaraPage.access #locationNavi .subTitleBar,
.akihabaraPage.secretary #locationNavi .subTitleBar{background:rgba(255,255,255,0.85);}
.akihabaraPage.workroom #serviceOption #freeService li a:hover:before,
.akihabaraPage.workroom #serviceOption #paidService li a:hover:before{background:rgba(0,51,68,0.3);}
.akihabaraPage.rentalspace #serviceOption #freeService li a:hover:before,
.akihabaraPage.rentalspace #serviceOption #paidService li a:hover:before{background:rgba(66,84,74,0.3);}
.akihabaraPage #locationNavi .subTitleBar .pageTitle.fgTtl,
.akihabaraPage #titleBlock.subBefore h2 .title2.fgTtl,
.akihabaraPage section h3.subTitle .title1.fgTtl,
.akihabaraPage .srBox h3.fgTtl{line-height:0;}
.akihabaraPage #locationNavi .subTitleBar .pageTitle.fgTtl img{
	display:block;
	margin:0 auto;
	vertical-align:top;
	width:auto;
}
.akihabaraPage #locationNavi .subTitleBar .pageTitle.fgTtl img{
	height:12px;
	margin:4px 0;
}
.akihabaraPage.share section.centerMv{
	background-image:url(/akihabara/img/mv-share.jpg);
	background-position:center center;
}
.akihabaraPage.workroom section.centerMv{
	background-image:url(/akihabara/img/mv-workroom.jpg);
	background-position:center center;
}
.akihabaraPage section#newsrooms h3.subTitle .title1{
	background:url("/akihabara/img/newsroom-ttl.svg") no-repeat center center;
	text-indent:-9999px;
}
.akihabaraPage section#contactBnr h3.alphB{
	background:url("/akihabara/img/contact-bnr-ttl.svg") no-repeat center center;
	text-indent:-9999px;
}

.akihabaraPage.workroom #floor .inner,
.akihabaraPage.rentalspace #floor .inner{max-width:965px;}
.akihabaraPage #rooms ul li .txtBox dt{position:relative;}
.akihabaraPage #rooms ul li .txtBox dt img{
	width:auto;
	display:block;
	vertical-align:top;
	transition:all 0.8s;
}
.akihabaraPage #rooms ul li.animeFg:hover .txtBox dt img{opacity:0;}
.akihabaraPage #rooms ul li .txtBox dt:before{
	content:"";
	display:block;
	width:100%;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.akihabaraPage #rooms ul li.animeFg:hover .txtBox dt:before{opacity:1;}
.akihabaraPage #rooms ul li:nth-child(3) .txtBox dt:before{background-image:url(/akihabara/img/access-bnr-ttl-hov.svg);}
.akihabaraPage.access #accessMap .map:before{background-image:url(/akihabara/img/access-map.png);}
.akihabaraPage #access figure{background:#000;}
.akihabaraPage #access .txt .ttl{
	vertical-align:top;
	line-height:0;
}
.akihabaraPage.rentalspace #floor .floorMap li:nth-child(2) p.floorDetail:before,
.akihabaraPage.workroom #floor .floorMap li:nth-child(2) p.floorDetail:before{
	content:"";
	display:inline-block;
	width:25%;
	height:10px;
}
.akihabaraPage.workroom #price .priceStraigtList > li:first-child .rentFee{position:relative;}
.akihabaraPage.workroom #specialCampaign{background:#e5edf0;}
.akihabaraPage.workroom #specialCampaign .tag span{
	border:1px solid #333;
	color:#333;
}
.akihabaraPage.workroom #specialCampaign .subTitle span{display:inline-block;}
.akihabaraPage.workroom #specialCampaign .subTitle strong,
.akihabaraPage.workroom #specialCampaign .subTitle+p strong{
	font-weight:bold;
	color:#b71840;
}
.akihabaraPage.workroom #specialCampaign .subTitle small{display:block;}
.akihabaraPage.workroom #nakama > figure,
.akihabaraPage.workroom #nakama .boxTtl,
.akihabaraPage.workroom #nakama .btnClose a{background-color:#083244;}
.akihabaraPage.access #parking{background:#003344;}
.akihabara #reserv{display:none!important;}
.akihabaraPage #roomtype .lead{color:#023444;}
.akihabaraPage #roomtype .priceStraigtList li{background-color:#eee;}


.akihabaraPage #floor .inner {
	max-width: 70%;
}

@media screen and (min-width:769px){
	.akihabaraPage section.centerMv{
		background-image:url(/akihabara/img/mv-top.jpg);
		background-position:center center;
	}
	.akihabaraPage.rentalspace section.centerMv{
		background-image:url(/akihabara/img/mv-rentalspace.jpg);
		background-position:center center;
	}
	.akihabaraPage section h3.subTitle .title1 img{height:29px;}
	.akihabaraPage section#newsrooms h3.subTitle .title1{background-size:auto 26px;}
	.akihabaraPage section#contactBnr h3.alphB{background-size:auto 22px;}
	.akihabaraPage #locationNavi > ul#midNavi li a:after{background:#003344;}
	.akihabaraPage.rentalspace #locationNavi > ul#midNavi li a:after{background:#42544a;}
	.akihabaraPage.form #locationNavi > ul#midNavi li a:after,
	.akihabaraPage.access #locationNavi > ul#midNavi li a:after,
	.akihabaraPage.secretary #locationNavi > ul#midNavi li a:after{background:#000;}
	.akihabaraPage #access .txt .ttl img{
		height:24px;
		width:auto;
	}
	.akihabaraPage.workroom #specialCampaign .subTitle span{font-size:2.6rem;}
	.akihabaraPage.workroom #specialCampaign .subTitle small{font-size:2.4rem;}
	.akihabaraPage.workroom #nakama > figure{background-image:url(/akihabara/img/nakama-bg-pc.png);}

	.akihabaraPage #rooms ul li .txtBox dt.f_ricoh {margin-bottom: 25px;}
}
@media screen and (min-width:769px) and (max-width:1080px){
	.akihabaraPage #titleBlock.subBefore h2 .title2.fgTtl img,
	.akihabaraPage section h3.subTitle .title1 img,
	.akihabaraPage .srBox h3.fgTtl img{
		display:block;
		margin:0 auto;
		vertical-align:top;
		width:auto;
		height:40px;
	}
}
@media screen and (min-width:1081px){
	.akihabaraPage #titleBlock.subBefore h2 .title2.fgTtl img,
	.akihabaraPage section h3.subTitle .title1 img,
	.akihabaraPage .srBox h3.fgTtl > img{
		display:block;
		margin:0 auto;
		vertical-align:top;
		width:auto;
		height:56px;
	}
	.akihabaraPage #rooms ul li .txtBox dt img,
	.akihabaraPage #rooms ul li .txtBox dt:before{height:28px;}
	.akihabaraPage #floor .floorLink ul:before{content:none;}
	.akihabaraPage #floor .floorLink li button{color:transparent;font-size:0;line-height:0;}
	.akihabaraPage #floor .floorLink li button:after{
		content:"";
		display:block;
		font-size:2.888rem;
		color:#c4c4c4;
		text-align:center;
		line-height:1.0;
	}
	.akihabaraPage #floor .floorLink li{position:relative;}
	.akihabaraPage #floor .floorLink li:nth-child(1) button:after{content:"4F";}

	.akihabaraPage #rooms ul li .txtBox dt.f_ricoh {margin-bottom: 41px;}
}
@media screen and (min-width:1081px) and (max-width:1160px){
	.subNavPriority .akihabaraPage #locationNavi > ul#midNavi{padding-left:180px;}
}
@media screen and (max-width:768px){
	.akihabara #ftBanner ul li:first-child a{display:inline-block;}
	.akihabaraPage section.centerMv{
		background-image:url(/akihabara/img/mv-top-sp.jpg);
		background-position:center center;
	}
	.akihabaraPage.rentalspace section.centerMv{
		background-image:url(/akihabara/img/mv-rentalspace-sp.jpg);
		background-position:center center;
	}
	.akihabaraPage #titleBlock.subBefore h2 .title2.fgTtl img{width:80%;}
	.akihabaraPage.workroom #price .priceStraigtList > li:first-child .rentFee,
	.akihabaraPage.workroom #price .priceStraigtList > li:first-child .reservLink{flex-wrap:wrap;}
	.akihabaraPage.workroom #price .priceStraigtList > li:first-child .rentFee > .priceTxt,
	.akihabaraPage.workroom #price .priceStraigtList > li:first-child .reservLink > .fullTxt{margin-top:-10px;}
	.akihabaraPage.workroom #price .priceStraigtList > li:first-child .rentFee span.note,
	.akihabaraPage.workroom #price .priceStraigtList > li:first-child .reservLink span.note{
		display:block;
		width:calc(100% - 88px);
		text-align:center;
	}
	.akihabaraPage .srBox h3.fgTtl img{width:70%;}
	.akihabaraPage section h3.subTitle .title1 img{height:24px;}
	.akihabaraPage section#newsrooms h3.subTitle .title1{background-size:auto 22px;}
	.akihabaraPage section#contactBnr h3.alphB{background-size:auto 17px;}
	.akihabaraPage #rooms ul li:hover .txtBox dt:before{opacity:0;}
	.akihabaraPage #rooms ul li:hover .txtBox dt img{opacity:1;}
	.akihabaraPage #access .txt .ttl img{
		height:18px;
		width:auto;
	}
	.akihabaraPage.workroom #nakama > figure{background-image:url(/akihabara/img/nakama-bg-sp.png);}
}
@media screen and (max-width:1080px){
	.akihabara #locationNavi > ul#midNavi li.srDown.active .downMenu li{border-top-color:#868686;}
	.akihabaraPage #rooms ul li .txtBox dt img,
	.akihabaraPage #rooms ul li .txtBox dt:before{height:23px;}
	.akihabara #locationNavi > ul#midNavi{background:#003344;}
	.akihabara #locationNavi > ul#midNavi li+li{border-color:#868686;}
	.akihabaraPage #floor .floorMap li a:after{
		display:block;
		position:absolute;
		bottom:0;
		right:30px;
		font-family:"Accurat","Helvetica Neue",sans-serif;
		font-weight:bold;
		letter-spacing:0.2rem;
		color:#c4c4c4;
		font-size:2.777rem;
		line-height:1.0;
		text-align:right;
	}
	.akihabaraPage #floor .floorMap li:nth-child(1) a:after{content:"UDX 4F";}
}

	.akihabara .srBox li{
	display:inline-block;
	vertical-align:middle;
	font-size:3.0rem;
	font-weight:bold;
		color:#42544a;
}