@charset "utf-8";
/************************************
otemachiPage
*************************************/
.otemachi,
.otemachi #mainWrap{
	background:#0d0c0c;
	color:#d7c447;
}
.otemachiPage .srBox h3.subTitle .title1 .roomNum,
.otemachiPage #locationNavi .subTitleBar ul.downMenu li a span.roomNum{
	background:#d7c447;
	color:#111010;
}
.otemachiPage section h2,
.otemachiPage section#titleBlock h2,
.otemachiPage section h3.subTitle,
.otemachiPage #rooms ul li .txtBox a,
.otemachiPage .newstype .newsList li a time,
.otemachiPage #rooms ul li .txtBox dt,
.otemachiPage.workroom #price .priceStraigtList strong,
.otemachiPage .srBox h3,
.otemachiPage .srBox li,
.otemachiPage .srBox li.reservBtn a,
.otemachiPage #locationNavi a:hover,
main.otemachiPage.access section .googleMapLink a,
main.otemachiPage.access section .accessTxt a.more,
main.otemachiPage.access section .parkingGuide a.more,
.otemachiPage #price .priceStraigtList,
.otemachiPage #price .priceStraigtList > li,
.otemachiPage #price .priceTblTtl,
.otemachiPage #price .priceTbls dd strong,
.otemachiPage .priceIn .priceTbl caption,
.otemachiPage .priceIn .priceTbl td strong,
.otemachiPage #price .floatInner .noteTtl,
.otemachiPage #floor .floorLink li.slick-active button,
.otemachiPage #floor .floorLink li.slick-active button:after,
.otemachiPage #contact .privacy dt,
.otemachiPage #contact .form dt{color:#d7c447;}
.otemachiPage #serviceOption h4,
.otemachiPage .newstype .newsList li a .tag[data-category="otemachi"] span,
.otemachiPage #parking,
.otemachiPage #floor .floorMap .floorDetail span:before,
.otemachiPage #floor .floorDetail span:before,
.otemachiPage.workroom #nakama .boxTtl,
.otemachiPage.workroom #nakama .btnClose a{background:#d7c447;}
.otemachiPage #locationNavi .subTitleBar{background:rgba(220,197,104,0.85);}
.otemachiPage #serviceOption .serviceList,
.otemachiPage #serviceOption .serviceEtc li{border-bottom-color:#222;}
.otemachiPage #price .priceTbls dd:first-of-type:before{background-color:#d7c447;}
.otemachiPage #serviceOption .serviceList li a:hover:before{background:rgba(220,197,104,0.3);}
main.otemachiPage.access section,
.otemachiPage #locationNavi > ul#midNavi li a,
.otemachiPage .newstype .newsList li a p,
.otemachiPage .newstype .newsList li a h3,
.otemachiPage .priceIn .priceTbl,
.otemachiPage .srBox li small,
.otemachiPage #price .priceTbls,
.otemachiPage #price .priceStraigtList dl,
.otemachiPage #price .priceStraigtList small,
.otemachiPage #price .priceStraigtList .priceGroup > li,
.otemachiPage #price .priceStraigtList .priceGroup > li small,
.otemachiPage #price .priceStraigtList sup,
.otemachiPage #price h4,
.otemachiPage #price h4+ul,
.otemachiPage #price h4+ul a,
.otemachiPage #serviceOption .serviceList li p.detail,
.otemachiPage #serviceOption .serviceEtc li,
.otemachiPage #serviceOption .serviceEtc li a,
.otemachiPage #serviceOption p.caution,
.otemachiPage #secretary,
.otemachiPage #secretary a,
.otemachiPage #contact,
.otemachiPage #contact a,
.otemachiPage #rooms ul li .txtBox dd p,
.otemachiPage #contact .btn .btn01 button,
.otemachiPage #specialCampaign,
.otemachiPage #specialCampaign p a{color:#fff;}
.otemachiPage #price .priceTbls +.caution,
.otemachiPage .priceIn .priceTbl +.caution,
.otemachiPage #price .priceTbls caption span.note,
.otemachiPage .priceIn .priceTbl td span.note,
.otemachiPage #price .priceStraigtList .note,
.otemachiPage #serviceOption .serviceList li p.note,
.otemachiPage #serviceOption .serviceEtc li .txt,
.otemachiPage #serviceOption ul.caution{color:#bbb;}
.otemachiPage #price .priceTbls +.caution,
.otemachiPage .priceIn .priceTbl +.caution{margin-bottom:16px;}
.otemachiPage .newstype,
main.otemachiPage section.grayBlock{background:#181818!important;}
.otemachiPage .newstype .newsList li+li{border-top:1px solid #353535;}
.otemachiPage .newstype .newsList li a .tag[data-category="otemachi"] span,
.otemachiPage #serviceOption h4{color:#0d0c0c;}
.otemachiPage #parking *{color:#181818;}
.otemachiPage section.centerMv{
	background-image:url(/otemachi/img/mv-top.jpg);
	background-position:center center;
}
.otemachiPage #rooms ul li .txtBox:before{background:#181818;}
.otemachiPage #price .priceStraigtList > li.slideFigure:hover,
.otemachiPage #price .priceStraigtList > li.slideFigure.active{background:#333;}
.otemachiPage #floor div.inner:before{background-color:#0d0c0c;}
.otemachiPage.share section.centerMv{
	background-image:url(/otemachi/img/mv-share.jpg);
	background-position:center center;
}
.otemachiPage.workroom section.centerMv{
	background-image:url(/otemachi/img/mv-workroom_v2.jpg);
	background-position:center center;
}
.otemachiPage.rentalspace section.centerMv{
	/*background-image:url(/otemachi/img/mv-rentalspace.jpg);*/
	background-image:url(../img/styleroom/roomA-fg02.jpg);
	background-position:center center;
}
.otemachiPage.rentalspace #floor .floorMap li:nth-child(2) p.floorDetail:before,
.otemachiPage.workroom #floor .floorMap li:nth-child(2) p.floorDetail:before{
	content:"";
	display:inline-block;
	width:25%;
	height:10px;
}
.otemachiPage #serviceOption #freeService li a:hover:before,
.otemachiPage #serviceOption #paidService li a:hover:before{background:rgba(220,197,104,0.3);}
main.otemachiPage.access section .accessTxt li+li,
.otemachiPage #price .priceStraigtList > li+li,
main.access.otemachiPage section .parkingGuide{border-top:1px solid #222;}
.otemachiPage #serviceOption .serviceList li,
.otemachiPage #serviceOption .serviceEtc,
.otemachiPage .priceIn .priceTbl{border-bottom:2px solid #222;}
.otemachiPage #specialCampaign{background:#393939!important;}
.otemachiPage #specialCampaign .tag span{
	border:1px solid #bbb;
	color:#bbb;
}
.otemachiPage.access #accessMap .map:before{background-image:url(/otemachi/img/access-map.png);}
.otemachiPage.bikeport #titleBlock .docomoBikeShare{
	max-width:124px;
	margin:6px auto 0;
	color:#fff;
	text-align:center;
}
.otemachiPage.bikeport #titleBlock .docomoBikeShare > *{
	display:block;
	line-height:1.0;
}
.otemachiPage.bikeport #titleBlock .docomoBikeShare span+a{margin-top:10px;}
.otemachiPage #serviceOption #freeService li:not(:nth-child(5n)):after,
.otemachiPage #serviceOption #paidService li:not(:nth-child(5n)):after,
.otemachiPage #serviceOption .serviceEtc li+li:before{background:#222;}
.otemachiPage #serviceOption .serviceEtc li .box{border-color:#222;}
.otemachiPage #floor .floorMap .floorDetail,
.otemachiPage #floor .floorDetail {color:#868686; margin-bottom: 30px ;}
.otemachiPage #floor figcaption {color:#fff;}
.otemachiPage #floor .inner > .floorDetail{
	margin: -30px auto 0;
	max-width: 52.84vw;
}
.otemachiPage.workroom #nakama{background:#fff;}
.otemachiPage.workroom #nakama .btnClose{margin-bottom:20px;}
.otemachiPage.workroom #nakama > figure{background-color:#0d0c0c;}
.otemachiPage #goTop a{color:#E7E7E7;}
.otemachiPage #goTop a:hover{color:#75aec9;}
.otemachi .lightcase-contentInner{background:#000;}
.otemachi section #freeService.serviceList .note .more{color:#aaa;}
.otemachiPage section.introBox{background-color:transparent;}
.otemachiPage #roomtype .lead{color:#eee;}
.otemachiPage #roomtype #roomLinker li{border-color:#fff;}
.otemachiPage #roomtype #roomLinker li a{color:#fff;}
.otemachiPage #roomtype #roomLinker li a:hover{
	background-color:#fff;
	color:#000;
}
.otemachiPage #roomtype .priceStraigtList li{background-color:#181818;}
.otemachiPage #roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt{color:#d7c447;}
.otemachiPage #roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt p .gray{
 color: #fff;
}
.otemachiPage #roomtype .priceStraigtList li.roomDetail .priceGroup .peopleNum,
.otemachiPage #roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt small,
.otemachiPage #roomtype .priceStraigtList li.roomDetail .priceGroup .roomDataTxt,
.otemachiPage #roomtype .priceStraigtList li.roomDetail .priceGroup .roomDataTxt a,
.otemachiPage #roomtype .priceStraigtList dl.tbl dt,
.otemachiPage #roomtype .priceStraigtList dl.tbl dd small{color:#fff;}
.otemachiPage #roomtype .priceStraigtList li.roomDetail .priceGroup .priceInt small,
.otemachiPage #roomtype .priceStraigtList dl.tbl dd small{margin:0 3px;}
.otemachiPage #roomtype .priceStraigtList .note{color:#bbb;}
.otemachi section #freeService.serviceList .note .more{color:#aaa;}
/*.otemachiPage #roomtype .priceStraigtList li#room-1 .priceGroup .priceInt>*{display:block;}*/
.otemachiPage #roomtype .priceStraigtList li#room-1 .priceGroup .priceInt .priceSm{
	line-height:1;
	text-align:left;
}
.otemachiPage #price .priceStraigtList .priceGroup > li.rentFee .otemachi1Room .priceSm > *,
.otemachiPage #price .priceStraigtList .priceGroup > li.rentFee .otemachi1Room .priceSm,
.otemachiPage #roomtype .priceStraigtList li#room-1 .priceGroup .priceInt .priceSm > *,
html[lang="en"] .otemachiPage #roomtype .priceStraigtList li#room-1 .priceGroup .priceInt .priceSm{
	font-size:1.3rem;
	text-decoration:line-through;
	color:#888;
}
.otemachiPage #roomtype .priceStraigtList li#room-1 .priceGroup .priceInt .priceB2{margin:6px 0;}
.otemachiPage #price .priceStraigtList .priceGroup > li.rentFee .otemachi1Room span.priceB2:before,
.otemachiPage #roomtype .priceStraigtList li#room-1 .priceGroup .priceInt span.priceB2:before{
	content:"\f061";
	font-family:FontAwesome;
	margin-right:10px;
	color:#fff;
}
.otemachiPage #roomtype .priceStraigtList li#room-1 .priceGroup .priceInt .caution{font-size:1.1rem;color:#999;}

.otemachiPage #price .priceStraigtList .priceGroup > li.rentFee .otemachi1Room{
	display:inline-block;
	vertical-align:middle;
}
.otemachiPage #price .priceStraigtList .priceGroup > li.rentFee .otemachi1Room > *{display:block;}
.otemachiPage #price .priceStraigtList .priceGroup > li.rentFee .otemachi1Room .priceSm,
.otemachiPage #price .priceStraigtList .priceGroup > li.rentFee .otemachi1Room .priceSm > strong,
.otemachiPage #price .priceStraigtList .priceGroup > li.rentFee .otemachi1Room .priceSm > small{text-align:left!important;}
.otemachiPage #price .priceStraigtList .priceGroup > li.rentFee .otemachi1Room .priceSm > strong,
.otemachiPage #price .priceStraigtList .priceGroup > li.rentFee .otemachi1Room .priceSm > small{width:auto!important;}
@media screen and (min-width:769px){
	.otemachiPage #rooms ul:after{content:none;}
	.otemachiPage #locationNavi > ul#midNavi li a:after{background:#d7c447;}
	.otemachiPage #price .priceStraigtList dl dt{width:45%;}
	.otemachiPage.workroom #nakama > figure{background-image:url(/otemachi/img/nakama-bg-pc.png);}
}
@media screen and (min-width:1081px){
	body:not(.subNavPriority) .otemachiPage #locationNavi > ul#midNavi li{border-left:1px solid #201f1f;}
	body:not(.subNavPriority) .otemachiPage #locationNavi > ul#midNavi li:last-child{border-right:1px solid #201f1f;}
	.otemachiPage #floor .floorLink li button:after{content:"F";}
	.otemachiPage.share #floor .floorLink li button,
	.otemachiPage.bikeport #floor .floorLink li button{pointer-events:none;}
}
@media screen and (min-width:1081px) and (max-width:1160px){
	.subNavPriority .otemachiPage #locationNavi > ul#midNavi{padding-left:160px;}
}
@media screen and (max-width:768px){
	.otemachi #ftBanner ul li:first-child a{display:inline-block;}
	.otemachiPage.bikeport section.centerMv{
		background-image:url(/otemachi/img/mv-bikeport-sp.jpg);
		background-position:center center;
	}
	.otemachiPage #serviceOption .serviceEtc li:nth-child(-n+2){border-bottom-color:#222;}
	.otemachiPage #serviceOption #freeService li:not(:nth-child(3n)):after,
	.otemachiPage #serviceOption #paidService li:not(:nth-child(3n)):after{background:#222;}
	.otemachiPage.workroom #nakama > figure{background-image:url(/otemachi/img/nakama-bg-sp.png);}
	.otemachiPage #floor .inner > .floorDetail{max-width: 100%;}
}
@media screen and (max-width:1080px){
	.otemachi #locationNavi #locNavBtn a:after{color:#fff;}
	.otemachi #locationNavi > ul#midNavi{background:#0d0c0c;}
	.otemachi #locationNavi > ul#midNavi li+li,
	.otemachi #locationNavi > ul#midNavi li.srDown.active .downMenu li{border-color:#d7c447;}
	.otemachiPage #locationNavi > ul#midNavi.active li.srDown.active .downMenu li a span.roomNum{
		background:#d7c447;
		color:#fff;
	}
	.otemachiPage #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;
	}
	.otemachiPage #floor .floorMap li:nth-child(1) a:after{content:"1F";}
	.otemachiPage #floor .floorMap li:nth-child(2) a:after{content:"2F";}
}
@media screen and (max-width:420px){
	.otemachiPage #floor .inner > .floorDetail {margin-top: -15px;}
}


/*download*/
#download{padding:30px 0;}
#download .inner{max-width: 1052px;}
#download h4{
	background:#d7c447;
	display: block;
	width: 100%;
	padding: 8px 0;
	font-size: 1.7rem;
	line-height: 1.0;
	color: #000;
	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 ;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    border-radius: 3px;        /* CSS3草案 */  
border: 1px solid #d7c447;

}
#download .dlList.dlList2 li {width: 49%;}


#download .dlList li a{
	color:#d7c447;
	vertical-align: middle ;
}


#download .dlList li a:hover{
	text-decoration:none;
	opacity:0.7;
}

#download .dlList li a:after{
	    content: "";
    display: inline-block;
    width: 28px;
    height: 29px;
    margin-left: 8px;
    background: url("/otemachi/img/dl_pdf.jpg") 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%;}
}


.otemachiPage .campaign-circle {
	background-color: #f4d020;
}
.otemachiPage .campaign-circle.campaign-circle-workroom {
	width: calc(240px - 14px);
	height: calc(240px - 14px);
	box-shadow: 0px 0px 0px 2px #891d33 ,0px 0px 0px 10px #f4d020;
}

.otemachiPage #price p a{
	color: #fff;
}