@charset "utf-8";
@font-face {
font-family: 'oneday';
src: url('/akihabara2/fonts/oneday.eot');
src: url('/akihabara2/fonts/oneday.eot?#iefix') format('embedded-opentype'),url('/akihabara2/fonts/oneday.woff2') format('woff2'),url('/akihabara2/fonts/oneday.woff') format('woff'),url('/akihabara2/fonts/oneday.svg#one_dayregular') format('svg');
font-weight: normal;
font-style: normal;

}

body.akihabara2{
	position: relative;
	background:#1f1f1f;
	color: #fff;
}
.akihabara2 #mainWrap{background-color:transparent;}
section.grayBlock{color: #666;}
#locationNavi{top:calc(100% - 56px);}
.subNavPriority #locationNavi .subTitleBar{top:56px;}
#locationNavi > ul li a span.enName,
main .alph,
main .alphB,
main:not(.secretary) #titleBlock.subBefore h2 .title2{font-family:"oneday"!important;}
.akihabara2 #titleBlock{background:#1f1f1f;}
#titleBlock.subBefore h2 .title1 img{
	width: auto;
	height: 16px;
	line-height: 1.0;
}

#locationNavi ul li a span.enName{
	font-family: "Heebo","Helvetica Neue",sans-serif!important;
}

#titleBlock.subBefore h2 .title2,
#locationNavi .subTitleBar .pageTitle{
	position: relative;
	display: inline-block;
	letter-spacing:0.4rem;
	font-weight: normal;
	text-shadow:0 0 5px rgba(255,255,255,0.5),0 0 20px rgba(29,48,46,0.5),0 0 30px rgba(109,167,161,0.5),0 0 50px rgba(109,167,161,0.5),0 0 60px rgba(253,253,129,0.5);
	color:#90ebe3;
}
#titleBlock.subBefore h2 .title2 {}

.secretary #titleBlock.subBefore h2 .title2,
.secretary #locationNavi .subTitleBar .pageTitle{
	letter-spacing:0;
	font-weight: bold;
}
#titleBlock.subBefore h2 .title2:before,
#locationNavi .subTitleBar .pageTitle:before{
	content: "";
	display:inline-block;
	position: absolute;
	left:0;
	top: 0;
	text-shadow:3px 0 0 #2c2c20,0 3px 0 #2c2c20,-3px 0 0 #2c2c20,0 -3px 0 #2c2c20;
	opacity: 0.4;
}
#titleBlock.subBefore h2 .title2:after,
#locationNavi .subTitleBar .pageTitle:after{
	content: "";
	display:inline-block;
	position: absolute;
	left:0;
	top: 0;
	text-shadow:8px 8px 4px #1f1f13;
}
#locationNavi #rightNavi li a span{font-family: "Heebo","Helvetica Neue",sans-serif!important;}
#locationNavi .subTitleBar{background:rgba(17,17,17,0.85);}
section h3.subTitle .title1{
	position: relative;
	display: inline-block;
	letter-spacing: 0.4rem;
	font-weight: normal;
}
section h3.subTitle .title1:before{
	content: "";
	display:inline-block;
	position: absolute;
	left:0;
	top: 0;
	text-shadow:3px 0 0 #2c2c20,0 3px 0 #2c2c20,-3px 0 0 #2c2c20,0 -3px 0 #2c2c20;
	opacity: 0.4;
}
section h3.subTitle .title1:after{
	content: "";
	display:inline-block;
	position: absolute;
	left:0;
	top: 0;
	text-shadow:5px 8px 4px #000;
}

#locationNavi > ul#midNavi li a{color: #fff;}
.akihabara2 a,
#nakama .nakamaList li a:hover,
#nakama .nakamaList li span,
#locationNavi > ul#midNavi li a:hover,
#locationNavi > ul#midNavi li a.active,
.workroom #serviceOption .serviceList li p.detail,
.workroom #serviceOption p.caution,
main.access section,
main.access section .googleMapLink a,
main.access section .accessTxt a.more,
main.access section .parkingGuide a.more{color:#fff;}
main.access section .googleMapLink a:after,
main.access section .accessTxt a.more:after,
main.access section .parkingGuide a.more:after{color: #ff0103;}
#locationNavi > ul li a{color:#8e8e8e;}
.workroom section h3.subTitle,
.workroom #price .priceStraigtList .priceGroup,
.workroom #price .priceStraigtList dl dd,
.workroom #serviceOption .serviceEtc li .box{color:#1ad0c1;}
.workroom #price .priceStraigtList small,
.workroom #price .priceStraigtList sup,
.workroom #price .priceStraigtList dl,
main.access section .accessTxt li span{color:#888;}
main.access section h3.subTitle{color:#d8da1b;}
.workroom #price .priceStraigtList > li+li,
.workroom #serviceOption .serviceList li,
.workroom #serviceOption .serviceList,
.workroom #serviceOption .serviceEtc,
main.access section .accessTxt li+li,
main.access section ul+.parkingGuide{border-color:#343434;}
.workroom #serviceOption .serviceEtc li .box{
	position: relative;
	border-color:#9ff3ec;
	border-radius: 4px;
	filter:drop-shadow(4px 4px 2px #000);
}
.workroom #serviceOption .serviceEtc li .box:before{
	content: "";
	display: block;
	width: 2px;
	height:6px;
	position: absolute;
	top: 50%;
	right:-2px;
	margin-top: -3px;
	background:#000;
}
section:not(.mv){background:#111;}
.workroom #price .priceStraigtList > li.slideFigure:hover{background:#343434;}
#rooms ul li.animeFg:first-child i,
#nakama .boxTtl,
#nakama .btnClose a{background:#1ad0c1;}
#rooms ul li.animeFg:nth-child(2) i{background:#f565d6;}
#rooms ul li.animeFg:nth-child(3) i{background:#78dc55;}
#rooms ul li.animeFg:last-child i{background:#dad91f;}
#nakama .btnClose{padding-bottom: 30px;}
.slick-initialized .slick-slide {
	color: #fff;
	text-align: right;
}

/*roomtype*/
.akihabara2Page #roomtype .lead{color: #eee;}
.akihabara2Page #roomtype #roomLinker li{border-color:#fff;}
.akihabara2Page #roomtype #roomLinker li a{color:#fff;}
.akihabara2Page #roomtype #roomLinker li a:hover{
	background-color:#fff;
	color: #000;
}
.akihabara2Page #roomtype .priceStraigtList li{background-color:#181818;}
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .roomName,
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .peopleNum{
	display: inline-block;
	margin-right:12px;
}
.akihabara2Page #roomtype{background-color:transparent;}
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .roomName,
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .peopleNum,
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt strong,
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .roomDataTxt,
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .roomDataTxt a,
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt p,
.akihabara2Page #roomtype .priceStraigtList dl.tbl dd
{color:#1ad0c1;}
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .peopleNum small,
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt small,
.akihabara2Page #roomtype .priceStraigtList dl.tbl dd small{margin: 0 3px;}
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .peopleNum small,
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt small,
.akihabara2Page #roomtype .priceStraigtList dl.tbl dt,
.akihabara2Page #roomtype .priceStraigtList dl.tbl dd small,
.akihabara2Page #roomtype .priceStraigtList .note,
.akihabara2Page #roomtype .caution,
.akihabara2Page #roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt p .gray {color:#888;}


/*top*/
.top #titleBlock{
	background:url("/akihabara2/img/title-bg.jpg") no-repeat center bottom;
	background-size:cover;
}
.top #titleBlock:before{
	opacity: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background:url("/akihabara2/img/title-shadow.png") no-repeat right top;
	background-size: auto 100%;
	transition: all 0.4s linear 1s;
	z-index: 0;
}
.incEnd .top #titleBlock:before{opacity:0.7;}
.top #titleBlock:after{
	content: "";
	display: block;
	position: absolute;
	bottom:-1px;
	left: 0;
	width: 100%;
	height: 50%;
	background: -webkit-radial-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	z-index: 1;
}
.top #titleBlock.logoBefore h2{
	position: relative;
	display: inline-block;
	padding: 30px 60px;
	background:#000;
	border-radius: 10px;
	box-sizing: content-box;
	z-index: 2;
}
.top #titleBlock.logoBefore h2:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	border:3px solid #fff;
	border-radius: 10px;
	filter:drop-shadow(0 0 10px #fff);
	background-image: none;
}
.top #titleBlock.logoBefore h2:after{
	content: "";
	display: block;
	width: 3px;
	height: 10px;
	background:rgba(0,0,0,0.9);
	position: absolute;
	right:0;
	top: 30px;
	margin: 0;
}
.top section#rooms{background:transparent;}
#rooms ul li.animeFg{background:#111;}
#rooms ul li.animeFg:hover .txtBox:before{transition: opacity 0.4s;}
#rooms ul li.animeFg .txtBox:before{transition: opacity 0.4s linear 0.6s;}
#rooms ul li.animeFg:first-child i{background:#90ebe3;}
#rooms ul li.animeFg:nth-child(2) i{background:#f565d6;}
#rooms ul li.animeFg:nth-child(3) i{background:#78dc55;}
#rooms ul li.animeFg:last-child i{background:#fafd7f;}
#rooms ul li .txtBox:before{background:#111;}
#rooms ul li .txtBox dt{text-shadow:8px 8px 4px #1f1f13}
#rooms ul li:first-child .txtBox dt{color:#90ebe3;}
#rooms ul li:nth-child(2) .txtBox dt{color:#f565d6;}
#rooms ul li:nth-child(3) .txtBox dt{color:#78dc55;}
#rooms ul li:last-child .txtBox dt{color:#fdfe7e;}
#rooms ul li:hover .txtBox dt{color:#eee;}
#rooms ul li .txtBox dd a{color: #fff;}
#rooms ul li.animeFg .txtBox dd a.more:after{color:#ff7802;}
#rooms ul li.animeFg .txtBox dt{display:flex;}
#newsrooms h3.subTitle .title1{
	text-shadow:0 0 5px rgba(255,255,255,0.5),0 0 20px rgba(221,25,26,0.5),0 0 30px rgba(236,41,42,0.5),0 0 50px rgba(236,41,42,0.5),0 0 60px rgba(255,69,255,0.5);
	color:#ff4546;
}
#newsrooms h3.subTitle .title2{color:#b00e0c;}
#newsrooms h3.subTitle .title1:before,
#newsrooms h3.subTitle .title1:after{content: "NEWS";}
.newstype .newsList li a time,
.newstype .newsList li a p,
.newstype .newsList li a h3{color: #fff;}

/*workroom*/
.workroom #titleBlock.subBefore h2 .title2:before,
.workroom #titleBlock.subBefore h2 .title2:after,
.workroom #locationNavi .subTitleBar .pageTitle:before,
.workroom #locationNavi .subTitleBar .pageTitle:after{content: "SHARE OFFICE";}
.workroom section h3.subTitle .title1{
	text-shadow:0 0 5px rgba(255,255,255,0.5),0 0 20px rgba(29,48,46,0.5),0 0 30px rgba(109,167,161,0.5),0 0 50px rgba(109,167,161,0.5),0 0 60px rgba(144,235,228,0.5);
	color:#90ebe4;
}
.workroom section#price h3.subTitle .title1:before,
.workroom section#price h3.subTitle .title1:after{content:"PRICE";}
.workroom section#serviceOption h3.subTitle .title1:before,
.workroom section#serviceOption h3.subTitle .title1:after{content:"SERVICES";}
.workroom #serviceOption #freeService li a:hover:before,
.workroom #serviceOption #paidService li a:hover:before{background:rgba(26,208,193,0.3);}
.workroom #serviceOption #freeService li a:hover:after,
.workroom #serviceOption #paidService li a:hover:after{box-shadow: inset 0 0 15px 15px #111;}
.workroom #serviceOption h4{
	position: relative;
	background:transparent;
	color: #47b8b1;
	border-radius: 4px;
	border:1px solid #9ff3ec;
	filter: drop-shadow(4px 4px 2px #000);
}
.workroom #serviceOption h4:before{
	position: absolute;
	top: 50%;
	right: -1px;
	content: "";
	display: block;
	width: 1px;
	height:8px;
	margin-top: -4px;
	background:#000;
}
.workroom section#floor h3.subTitle .title1:before,
.workroom section#floor h3.subTitle .title1:after{content:"FLOOR MAP";}
.akihabara2Page.workroom section.centerMv{background-image:url("/akihabara2/img/mv-workroom.jpg");}
.akihabara2 .privacyTxt a{color: #000;}


/*access*/
.access #titleBlock.subBefore h2 .title2,
.access #locationNavi .subTitleBar .pageTitle{
	text-shadow:0 0 5px rgba(255,255,255,0.5),0 0 20px rgba(155,157,128,0.5),0 0 30px rgba(171,173,149,0.5),0 0 50px rgba(253,253,129,0.5),0 0 60px rgba(253,253,129,0.5);
	color:#fffe7f;
}
.access #titleBlock.subBefore h2 .title2:before,
.access #titleBlock.subBefore h2 .title2:after,
.access #locationNavi .subTitleBar .pageTitle:before,
.access #locationNavi .subTitleBar .pageTitle:after{content: "ACCESS";}

/*share*/
.share section h3.subTitle .title1,
.share #titleBlock.subBefore h2 .title2,
.share #locationNavi .subTitleBar .pageTitle{
	text-shadow:0 0 5px rgba(255,255,255,0.5),0 0 20px rgba(247,102,215,0.1),0 0 30px rgba(247,102,215,0.2),0 0 50px rgba(247,102,215,0.5),0 0 60px rgba(247,102,215,0.6);
}

.share #price .priceTbls dd strong,
.share #price h4.priceTblTtl,
.share #price .priceStraigtList .priceGroup,
.share #price .priceStraigtList dl dd,
.share #titleBlock.subBefore h2 .title2,
.share #locationNavi .subTitleBar .pageTitle,
.share section h3.subTitle,
.share #serviceOption .serviceEtc li .box{color:#f766d7;}

.share #titleBlock.subBefore h2 .title2:before,
.share #titleBlock.subBefore h2 .title2:after,
.share #locationNavi .subTitleBar .pageTitle:before,
.share #locationNavi .subTitleBar .pageTitle:after{background-image:url("/akihabara2/img/Co-Working.svg");}
.akihabara2Page.share section.centerMv{background-image:url("/akihabara2/img/mv-share_v2.jpg");}

.share #serviceOption #freeService li a:hover:before,
.share #serviceOption #paidService li a:hover:before{background:rgba(247,102,215,0.3);}
.share #serviceOption #freeService li a:hover:after,
.share #serviceOption #paidService li a:hover:after{box-shadow: inset 0 0 15px 15px #111;}
body.share.akihabara2 #lightcase-overlay {background: rgba(0,0,0,0.9);}
body.share.akihabara2 .lightcase-icon-close:before {
	background: url(../../common/img/close-icon.svg) no-repeat center center;
}
body.share.akihabara2 a[class*='lightcase-icon-'].lightcase-icon-close>span {color: #fff;}

.share #serviceOption h4{
	position: relative;
	background:transparent;
	color: #f766d7;
	border-radius: 4px;
	border:1px solid #f766d7;
	filter: drop-shadow(4px 4px 2px #000);
}
.share #serviceOption h4:before{
	position: absolute;
	top: 50%;
	right: -1px;
	content: "";
	display: block;
	width: 1px;
	height:8px;
	margin-top: -4px;
	background:#000;
}
.share #price .priceTbls {color: #fff;}
.share #price .priceTbls dd:last-of-type:after,
.share #price .priceTbls dd:before{
	height:2px;
	background:#fff;
}
.share #price .priceTbls dd:first-of-type:before{background:#f766d7;}
.share #price h4,
.share #price h4 + ul,
.share #serviceOption .serviceList li p.detail,
.share #serviceOption p.caution {color: #fff;}
.share #price h4 + ul li a {color: #f766d7;}

#serviceOption .serviceList li,
#serviceOption .serviceList {border-bottom: 2px solid #343434;}

/*lounge*/
.lounge section h3.subTitle .title1,
.lounge #titleBlock.subBefore h2 .title2,
.lounge #locationNavi .subTitleBar .pageTitle {
	text-shadow:0 0 5px rgba(255,255,255,0.5),0 0 20px rgba(120,219,86,0.1),0 0 30px rgba(120,219,86,0.2),0 0 50px rgba(120,219,86,0.5),0 0 60px rgba(120,219,86,0.6);
}
.lounge.akihabara2Page .srBox .loungeNumType,
.lounge.akihabara2Page .srBox .left,
.lounge #titleBlock.subBefore h2 .title2,
.lounge #locationNavi .subTitleBar .pageTitle,
.lounge section h3.subTitle,
.lounge .srBox h3.sm-title {color:#78db56;}
.lounge .srBox h3.sm-title+p.catch a{
	color: #787878;
}

.lounge #download h4,
.lounge #serviceOption h4{
	position: relative;
	background:transparent;
	color: #78db56;
	border-radius: 4px;
	border:1px solid #78db56;
	filter: drop-shadow(4px 4px 2px #000);
}
.lounge #download h4:before,
.lounge #serviceOption h4:before{
	position: absolute;
	top: 50%;
	right: -1px;
	content: "";
	display: block;
	width: 1px;
	height:8px;
	margin-top: -4px;
	background:#000;
}

.lounge #serviceOption p.caution,
.lounge #serviceOption .serviceList li p.detail,
.lounge.akihabara2Page .srBox li small {color: #fff;}

.lounge #titleBlock.subBefore h2 .title2:before,
.lounge #titleBlock.subBefore h2 .title2:after,
.lounge #locationNavi .subTitleBar .pageTitle:before,
.lounge #locationNavi .subTitleBar .pageTitle:after{content: "RENTAL LOUNGE";}

.lounge #serviceOption #freeService li a:hover:before,
.lounge #serviceOption #paidService li a:hover:before{background:rgba(120,219,86,0.3);}
.lounge #serviceOption #freeService li a:hover:after,
.lounge #serviceOption #paidService li a:hover:after{box-shadow: inset 0 0 15px 15px #111;}
body.lounge.akihabara2 #lightcase-overlay {background: rgba(0,0,0,0.9);}
body.lounge.akihabara2 .lightcase-icon-close:before {
	background: url(../../common/img/close-icon.svg) no-repeat center center;
}
body.lounge.akihabara2 a[class*='lightcase-icon-'].lightcase-icon-close>span {color: #fff;}

.lounge #price .priceTbls {color: #fff;}
.lounge #price .priceTbls dd:last-of-type:after,
.lounge #price .priceTbls dd:before{
	height:2px;
	background:#fff;
}
.lounge #price .priceTbls dd:first-of-type:before{background:#78db56;}

.akihabara2Page .srBox .inner > ul + p {
	color: #fff;
	margin: 0 0 20px;
}
/*download*/
#download{padding:30px 0;}
#download .inner{max-width: 1052px;}
.lounge #download h4{
	font-size: 1.7rem;
	text-align: center;
	margin-bottom: 20px ;
}
#download p{
	display: block;
	margin-bottom:40px;
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
}

#download .dlList{width:100%;}
#download .dlList.dlList2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

#download .dlList li{
	background:#313131;
	text-align: center ; 
	padding: 12px ;
	margin-bottom: 15px ;
	position: relative ;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    border-radius: 3px;
	border: 1px solid #78db56;
}
#download .dlList.dlList2 li {width: 49%;}

#download .dlList li a{
	color:#fff;
	vertical-align: middle ;
}
#download .dlList li a:hover{
	text-decoration:none;
	opacity:0.7;
}
#download .dlList li a:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    background: url("/akihabara2/img/dl_pdf.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
}
@media screen and (min-width:1081px){
	#download .dlList{margin:0 auto 32px;}
	#download .dlList li a{font-size:1.8rem;}
}
@media screen and (max-width:640px){
	#download .dlList.dlList2 li {width: 100%;}
}


/*form*/
.form #titleBlock.subBefore h2 .title2:before,
.form #titleBlock.subBefore h2 .title2:after,
.form #locationNavi .subTitleBar .pageTitle:before,
.form #locationNavi .subTitleBar .pageTitle:after{content: "CONTACT";}


/*secretary*/
.secretary section.grayBlock{color: #999;}
.secretary #titleBlock.subBefore h2 .title2:before,
.secretary #titleBlock.subBefore h2 .title2:after,
.secretary #locationNavi .subTitleBar .pageTitle:before,
.secretary #locationNavi .subTitleBar .pageTitle:after{content: "運営事務局";}
html[lang="en"] .secretary #titleBlock.subBefore h2 .title2:before,
html[lang="en"] .secretary #titleBlock.subBefore h2 .title2:after,
html[lang="en"] .secretary #locationNavi .subTitleBar .pageTitle:before,
html[lang="en"] .secretary #locationNavi .subTitleBar .pageTitle:after{content: "Management office";}

@media screen and (min-width:1401px){
	#nakama > figure{background-size:582px auto;}
	#nakama > figure span{width:582px;}
}
@media screen and (min-width:1081px){
	.pcOnly{display: block;}
	#locationNavi .subTitleBar .pageTitle.alphB{font-size:2.0rem;}
	body:not(.subNavPriority) .akihabara2Page #locationNavi > ul#midNavi li{border-left: 1px solid #201f1f;}
	body:not(.subNavPriority) .akihabara2Page #locationNavi > ul#midNavi li:last-child{border-right: 1px solid #201f1f;}
	#locationNavi > ul#midNavi li a span.enName{font-size: 1.1rem;}
	#locationNavi > ul#midNavi li a:after{background:#90ebe2;}
	.access #locationNavi > ul#midNavi li a:after{background:#ffff00;}
	.share  #locationNavi > ul#midNavi li a:after{background:#f766d7;}
	.lounge  #locationNavi > ul#midNavi li a:after{background:#78db56;}
 	#locationNavi > ul#midNavi li.none a:after{background:none;}
	.access #locationNavi > ul#midNavi li.none a:after{background:none;}
	#rooms ul li.animeFg:first-child .txtBox:before{
		background:url("/akihabara2/img/workroom-frame-pc.svg") no-repeat left top #111;
		background-size: contain;
	}
 	#rooms ul li.animeFg:nth-child(2) .txtBox:before{
		background:url("/akihabara2/img/share-frame-pc.svg") no-repeat left top #111;
		background-size: contain;
	}
  	#rooms ul li.animeFg:nth-child(3) .txtBox:before{
		background:url("/akihabara2/img/rental-frame-pc.svg") no-repeat left top #111;
		background-size: contain;
	}
 
	#rooms ul li.animeFg:last-child .txtBox:before{
		background:url("/akihabara2/img/access-frame-pc.svg") no-repeat left top #111;
		background-size: contain;
	}
	#floor .floorLink li+li{position: relative;}
	#floor .floorLink li.slick-active{padding-top: 24px;}
	#floor .floorLink li+li:before{
		content: "";
		display: block;
		width: 18px;
		height: 1px;
		position: absolute;
		bottom:3px;
		left:50%;
		margin-left: -9px;
		background: #393939;
	}
	#floor .floorLink li.slick-active button,
	#floor .floorLink li.slick-active button:after{color: #90ebe3;}
	#floor .floorLink li button{
		width: 45px;
		line-height: 0;
		font-size: 0px;
	}
	#floor .floorLink li button:before{font-size:1.6rem;}
	#floor .floorLink li.slick-active button:before{font-size:3.0rem;}
	#floor .floorLink li:nth-child(1) button:before{content: "B1F";}
	#floor .floorLink li:nth-child(2) button:before{content: "1F";}
	#floor .floorLink li:nth-child(3) button:before{content: "2F";}
	#floor .floorLink li:nth-child(4) button:before{content: "3F";}
	#floor .floorLink li:nth-child(5) button:before{content: "4F";}
	#floor .floorLink li:nth-child(6) button:before{content: "5F";}
	#floor .floorLink ul:before{content: none;}
	#floor .floorLinkArrow button.slick-next{margin-top:-157px;}
	#floor .floorLinkArrow button.slick-prev{margin-top: 121px;}
	#floor .floorLinkArrow button.slick-prev:after {content: "\f107";}
	#floor .floorLinkArrow button.slick-next:after {content: "\f106";}
	#floor .floorLinkArrow button.slick-arrow{width: 45px;}
}
@media screen and (min-width:769px) and (max-width:1400px){
	#nakama > figure{background-size:41.57% auto;}
	#nakama > figure span{width:41.57%;}
}
@media screen and (min-width:769px){
	#rooms ul li.animeFg svg{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left: 0;
		right: 0;
		bottom:0;
		z-index: 2;
		pointer-events:none;
	}
	#rooms ul li.animeFg svg path{fill:transparent;}
	.incEnd #rooms ul li.animeFg path{
		stroke-dasharray:4000;
		stroke-dashoffset:4000;
		stroke-width:3px;
		transition:stroke-dashoffset 0.6s;
	}
	.incEnd #rooms ul li.animeFg:hover path{
		transition:stroke-dashoffset 0.6s linear 0.4s;
		stroke-dashoffset:0;
	}
	.incEnd #rooms ul li.animeFg:first-child path{stroke:#90ebe3;}
 .incEnd #rooms ul li.animeFg:nth-child(2) path{stroke:#f565d6;}
	 .incEnd #rooms ul li.animeFg:nth-child(3) path{stroke:#78dc55;}
.incEnd #rooms ul li.animeFg:last-child path{stroke:#fdfe7e;}
	#price .priceStraigtList .priceGroup > li.roomName,
	#price .priceStraigtList .priceGroup > li.peopleNum{width:150px;}
	.workroom #price .priceStraigtList .priceGroup > li.rentFee,
	.workroom #price .priceStraigtList .priceGroup > li.reservLink{width:calc(100% - 300px);}
	#serviceOption .serviceList li:not(:nth-child(5n)):after,
	#serviceOption .serviceEtc li:not(:nth-child(4n+1)):before{background:#343434;}
	.workroom #nakama > figure{background-image: url(/akihabara2/img/nakama-bg-pc.png);}
}
@media screen and (min-width:769px) and (max-width:1080px){
	#rooms ul li.animeFg:first-child .txtBox:before{
		background:url("/akihabara2/img/workroom-frame-tab.svg") no-repeat left top #111;
		background-size: contain;
	}
 	#rooms ul li.animeFg:nth-child(2) .txtBox:before{
		background:url("../../akihabara2/img/share-frame-tab.svg") no-repeat left top #111;
		background-size: contain;
	}
  	#rooms ul li.animeFg:nth-child(3) .txtBox:before{
		background:url("../../akihabara2/img/rental-frame-tab.svg") no-repeat left top #111;
		background-size: contain;
	}
	#rooms ul li.animeFg:last-child .txtBox:before{
		background:url("/akihabara2/img/access-frame-tab.svg") no-repeat left top #111;
		background-size: contain;
	}
}
@media screen and (max-width:1080px){
	.pcOnly{display:none;}
	#locationNavi #locNavBtn a:after{color: #fff;}
	#floor .floorMap{flex-direction:column;}
}
@media screen and (max-width:768px){
	.top #titleBlock.logoBefore h2{
		width:calc(70% - 60px);
		padding: 30px;
	}
	#rooms ul li.animeFg svg{display: none;}
	#rooms ul li.animeFg:after{
		content: "";
		display: block;
		width: 3px;
		height: 10px;
		position: absolute;
		top: 50px;
		background:#000;
		z-index: 1;
		pointer-events: none;
	}
	#rooms ul li.animeFg:first-child:after{right: 10px;}
	#rooms ul li.animeFg:nth-child(2):after{left: 10px;}
		#rooms ul li.animeFg:nth-child(3):after{right: 10px;}
#rooms ul li.animeFg:last-child:after{left: 10px;}
	#rooms ul li.animeFg .txtBox:after{
		content: "";
		display:block;
		width:calc(100% - 20px);
		height: calc(100% - 20px);
		position: absolute;
		top: 10px;
		left: 10px;
		pointer-events: none;
		border-radius: 10px;
	}
	#rooms ul li.animeFg:first-child .txtBox:after{border: 3px solid #90ebe3;}
 	#rooms ul li.animeFg:nth-child(2) .txtBox:after{border: 3px solid #f565d6;}
	 	#rooms ul li.animeFg:nth-child(3) .txtBox:after{border: 3px solid #78dc55;}
#rooms ul li.animeFg:last-child .txtBox:after{border: 3px solid #fffe7f;}
	#serviceOption .serviceList li:not(:nth-child(3n)):after,
	#serviceOption .serviceEtc li:nth-child(even):before{background:#343434;}
	.workroom #nakama > figure{
		background-image: url(/akihabara2/img/nakama-bg-sp.png);
		background-size: 61.866% auto;
	}
	.workroom #nakama > figure span{width:61.866%;}
}

#rooms ul li .txtBox dd p.coming{
 color: #fff;
margin-top: 36px;
display: inline-block !important;
font-size: 1.6rem;
line-height: 1.5;
vertical-align: middle;
font-weight: bold;
 background: #363636 ;
 padding: 8px 35px  ;
 border-radius: 10px;
}

.akihabara2Page.top #rooms .jump img{
	width: 50vw;
	max-width: 218px;
}

.akihabara2.share .pageTitle.alphB img{
	width: 50vw;
	max-width: 156px;
}


.akihabara2.share .title2 img.Co-Working-svg{
	width: 50vw;
	max-width: 300px;
	filter: drop-shadow(0 0 4px rgba(255,255,255,0.5))
	drop-shadow(0 0 20px rgba(247,102,215,0.1))
	drop-shadow(0 0 30px rgba(247,102,215,0.2))
	drop-shadow(0 0 50px rgba(247,102,215,0.5))
	drop-shadow(0 0 60px rgba(247,102,215,0.6));
}

.akihabara2Page.top #rooms .Co-Working-box .jump .Co-Working-svg path{
		display: block;
		fill: #f766d7;
}
.akihabara2Page.top #rooms .Co-Working-box .jump svg{
	position: relative;
	width: 50vw;
	max-width: 218px;
}

.akihabara2Page.top #rooms ul li .Co-Working-svg path {
    stroke: none;
}
.akihabara2Page.top #rooms ul li:hover .Co-Working-box .jump .Co-Working-svg path{
	fill: #ccc;
}

@media screen and (max-width:768px){
.akihabara2Page.top #rooms .Co-Working-box .jump .Co-Working-svg{
	display: block;
	}
	.akihabara2Page.top #rooms .Co-Working-box .jump svg{
		width: 42vw;
		max-width: 218px;
	}
}

