@charset "utf-8";
/* Copyright 2016 AL:Designs All Rights Reserved. */

#contentBLD {
	width: 1000px;
	margin: 0 auto;
}

.btnFavorite {
	/*width: 164px;*/
	width: 34px;
	float: right;
	margin: 0;
	padding-right: 5px;
}
.btnFavorite2 {
	/*width: 164px;*/
	width: 34px;
	/*float: right;*/
	margin: 0 auto;
	/*padding-right: 5px;*/
}
.btnFavorite3 {
	/*width: 164px;*/
	width: 34px;
	display: inline-block;
	margin: 0;
	padding-right: 5px;
}

.hspno {
	visibility: visible;
	font-size: 60%;
	padding-left: 15px;
	vertical-align: middle;
}

.contentLine {
	width: 100%;
	margin-bottom: 25px;
}

.contentLine .photoBox {
	width: 490px;
	height: 568px;
	float: left;
	border: 1px solid #dddddd;
	overflow: hidden;
}
.contentLine .photoBox #mainPhoto {
	width: 100%;
	height: 480px;
	border-bottom: 1px solid #dddddd;
	background-color: #f1f1f1;
	padding: 5px 0px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.contentLine .photoBox #mainPhoto ul#flexslider-main {
	width: 1100%;
}
.contentLine .photoBox #mainPhoto ul#flexslider-main li a {
	overflow:hidden;
}
.contentLine .photoBox #mainPhoto ul#flexslider-main li {
	width: 490px;
	text-align: center;
	float: left;
	display:flex !important;
	justify-content: center;
	align-items: center;
}
.contentLine .photoBox #mainPhoto ul.flex-direction-nav {
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
}
.contentLine .photoBox #mainPhoto .flex-direction-nav li a {
	display: block;
	width: 80px;
	height: 480px;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}
.contentLine .photoBox #mainPhoto .flex-direction-nav li a:hover {
	filter: alpha(opacity=45);
	-moz-opacity: 0.45;
	opacity: 0.45;
}

.contentLine .photoBox #mainPhoto .flex-direction-nav li a.flex-prev {
	background: url('../img/common/slide_prev.png') center center no-repeat;
}
.contentLine .photoBox #mainPhoto .flex-direction-nav li a.flex-next {
	background: url('../img/common/slide_next.png') center center no-repeat;
}

.contentLine .photoBox #thmbPhoto {
	width: 410px;
	height: 66px;
	overflow: hidden;
	position: relative;
	padding: 5px 40px;
}
.contentLine .photoBox #thmbPhoto ul.slides {
	padding: 0px;
}
.contentLine .photoBox #thmbPhoto ul.slides li {
	width: 55px;
	height: 60px;
	border: 3px solid #dddddd;
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
	overflow: hidden;
}
.contentLine .photoBox #thmbPhoto ul.slides li a {
	display: block;
	overflow: hidden;
}
.contentLine .photoBox #thmbPhoto ul.slides li:hover {
	border: 3px solid #9999ee;
}
.contentLine .photoBox #thmbPhoto ul.slides li.flex-active-slide {
	border: 3px solid #ee9999;
}
.contentLine .photoBox #thmbPhoto ul.flex-direction-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 490px;
}
.contentLine .photoBox #thmbPhoto .flex-direction-nav li a {
	display: block;
	width: 40px;
	height: 80px;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}
.contentLine .photoBox #thmbPhoto .flex-direction-nav li a:hover {
	filter: alpha(opacity=45);
	-moz-opacity: 0.45;
	opacity: 0.45;
}

.contentLine .photoBox #thmbPhoto .flex-direction-nav li a.flex-prev {
	background: url('../img/common/slide_prev.png') center center no-repeat;
	background-size: 50%;
}
.contentLine .photoBox #thmbPhoto .flex-direction-nav li a.flex-next {
	background: url('../img/common/slide_next.png') center center no-repeat;
	background-size: 50%;
}

.contentLine .buildingSummary {
	width:640px;
	/* height: 500px; */
	height:auto;
	float:left;
	border: 1px solid #dddddd;
	/* padding-bottom:5px; */
}

.contentLine .buildingSummary h3,
.contentLine .drawingBox h3 {
	padding: 10px 15px 6px;
	color: #fff;
	background-color: #509ACB;
	font-size: 140%;
	border-bottom: 4px solid #3A689A;
	font-weight: normal;
}
.contentLine .drawingBox a { display: block; }

.contentLine .buildingSummary .bsLine {
	width: 620px;
	margin: 5px auto 0;
	background: url('../img/common/dot-line.gif') bottom left repeat-x;
	display: table;
	box-sizing:border-box;
}
.contentLine .buildingSummary .bsLine:last-of-type {
	background:none;
}
.contentLine .buildingSummary .bsLine .bsLineLeft {
	/*width: 100px;*/
	width:20%;
	padding: 12px 0px 12px 5px;
	display: table-cell;
	font-size: 85%;
	font-weight: bold;
	margin: 0;
	box-sizing:border-box;
}
.contentLine .buildingSummary .bsLine .bsLineRight {
	/*width: 220px;*/
	width:80%;
	line-height: 1.2em;
	display: table-cell;
	margin: 0;
	box-sizing:border-box;
	padding-bottom:10px;
}

@media (max-width: 768px) {
	.contentLine .buildingSummary .bsLine .bsLineLeft {
		width: 30%;
	}
	.contentLine .buildingSummary .bsLine .bsLineRight {
		width:70%;
	}
}

.contentLine .buildingSummary .bsLine .bsLineRight a.stas {
	font-size:85%;
	padding:0px 3px;
}
.contentLine .buildingSummary .bsRateAbout {
	width: 620px;
	height: 124px;
	margin: 5px auto 0;
	background-color: #F2F2F2;
}
.contentLine .buildingSummary .bsRateAbout .bsRateTitle {
	padding: 25px 0 0;
	margin: 0;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	color: #3D689B;
}
.contentLine .buildingSummary .bsRateAbout .bsRate {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 190%;
	font-weight: 600;
	color: #FF0000;
}

.contentLine .drawingBox {
	width: 338px;
	height: 403px;
	float: left;
	border: 1px solid #dddddd;
}
.contentLine .drawingBox .drawingImage {
	width: 338px;
	height: 352px;
	overflow: hidden;
}

.contentLine .mapBox {
	width:492px;
	height:570px;
	float: right;
	overflow: hidden;
}
.contentLine .mapBox .mapAndStv {
	width:490px;
	height:523px;
	border: 1px solid #dddddd;
	overflow: hidden;
}
.contentLine .mapBox #mapAndStvLine {
	width:980px;
	height:523px;
	position: relative;
	top: 0;
	left: 0px;
}
.contentLine .mapBox #accessMap {
	width:490px;
	height:523px;
	float: left;
	/*background-color: #fcc;*/
}
.contentLine .mapBox #accessMap iframe {
	width:100%;
	height:100%;
	border:0;
}
.contentLine .mapBox #streetViewMap {
	width:490px;
	height:523px;
	float: right;
	background-color: #ccf;
}
.contentLine .mapBox #accessMap p {
	margin-bottom: 0;
}
.contentLine .mapBox .btnBox { width:490px; }
.contentLine .mapBox .btnBox #mapBtn {
	display: block;
	width: 243px;
	height: 44px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background-image: url('../img/detail/btn_chgmap.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.contentLine .mapBox .btnBox #stvBtn {
	display: block;
	width: 243px;
	height: 44px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background-image: url('../img/detail/btn_chgstrv.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.contentLine .mapBox .btnBox .onMap { background-position: top center; }
.contentLine .mapBox .btnBox .offMap { background-position: bottom center; }
.contentLine .mapBox .btnBox .offMap:hover {
	background-position: top center;
	cursor: pointer;
}

/*20230525 korenaga */
@media (max-width: 768px) {
	.contentLine .mapBox .mapAndStv,
	.contentLine .mapBox #mapAndStvLine,
	.contentLine .mapBox #accessMap {
		width:100%;
		height:100%;
	}
}
/* /korenaga */

.contentLine .floorBox {
	width:100%
	float: left;
}
.contentLine .floorBox h3 {
	padding: 10px 5px 6px;
	font-size: 140%;
	border-bottom: 1px solid #dddddd;
	font-weight: normal;
}
.contentLine .floorBox table.floorTable,
.contentLine .floorBox table.floorTableEnd {
	border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	table-layout: fixed;
}
.contentLine .floorBox table.floorTable tr th,
.contentLine .floorBox table.floorTable tr td,
.contentLine .floorBox table.floorTableEnd tr th,
.contentLine .floorBox table.floorTableEnd tr td {
	border: 1px solid #dddddd;
	text-align: center;
}
.contentLine .floorBox table.floorTable tr th,
.contentLine .floorBox table.floorTableEnd tr th {
	line-height: 1.3em;
	padding: 5px 3px;
	background-color: #DDFFFF;
}
.contentLine .floorBox table.floorTable tr td,
.contentLine .floorBox table.floorTableEnd tr td {
	line-height: 1.3em;
	position: relative;
}
.contentLine .floorBox table.floorTable tr:hover,
.contentLine .floorBox table.floorTableEnd tr:hover {
	background-color: #FDD;
}
.contentLine .floorBox table.floorTable tr td a,
.contentLine .floorBox table.floorTableEnd tr td a {
	display: block;
	height: 100%;
}
.contentLine .floorBox table.floorTable tr td a p,
.contentLine .floorBox table.floorTableEnd tr td a p {
	margin: 0 !important;
}
.contentLine .floorBox table.floorTable tr td a p.txtBox,
.contentLine .floorBox table.floorTableEnd tr td a p.txtBox {
	padding: 15px 3px;
	font-size: 90%;
}

.txtBox .toDetail {
	background-color: #3472b6;
	border-radius: 3px;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	margin: 0 auto;
	padding: 2px 10px 1px;
	text-align: center;
}

.contentLine .floorBox table.floorTableEnd tr td a p.txtBox { color: #666666; }
.contentLine .floorBox table.floorTableEnd tr td a p.txtBox02 { color: #666666; }
.contentLine .floorBox table.floorTable tr td a p.imgBox,
.contentLine .floorBox table.floorTableEnd tr td a p.imgBox {
	padding: 10px 3px;
}
.contentLine .floorBox table.floorTableEnd tr {
	background-color: #f6f6f6;
}

.contentLine .floorBox .wp4 { width: 4%; }
.contentLine .floorBox .wp4 { width: 4%; }
.contentLine .floorBox .wp5 { width: 5%; }
.contentLine .floorBox .wp6 { width: 6%; }
.contentLine .floorBox .wp7 { width: 7%; }
.contentLine .floorBox .wp8 { width: 8%; }
.contentLine .floorBox .wp9 { width: 9%; }
.contentLine .floorBox .wp10 { width: 10%; }
.contentLine .floorBox .wp11 { width: 11%; }
.contentLine .floorBox .wp12 { width: 12%; }
.contentLine .floorBox .wp13 { width: 13%; }
.contentLine .floorBox .wp14 { width: 14%; }
.contentLine .floorBox .wp15 { width: 15%; }
.contentLine .floorBox .wp16 { width: 16%; }
.contentLine .floorBox .wp17 { width: 17%; }

.contentLine .buildingOthers {
	width: 340px;
	float: right;
	padding-top: 0px;
}
.contentLine .buildingOthers .buildingText {
	width:338px;
	border:1px solid #ddd;
	background-color:#fff;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.contentLine .buildingOthers .buildingText h3 {
	padding: 10px 15px 6px;
	color: #fff;
	background-color: #509ACB;
	font-size: 140%;
	border-bottom: 4px solid #3A689A;
	font-weight: normal;
}
.contentLine .buildingOthers .buildingText p {
	padding: 0 10px;
	margin: 0;
}

.contentLine h3 span {
	visibility: visible;
}

.contentLine .buildingOthers .inquiryBLD {
	width: 338px;
	border: 1px solid #dddddd;
}

.contentLine .buildingOthers .snsAndPrint {
	width: 340px;
	margin-top: 15px;
}
.contentLine .buildingOthers .snsAndPrint .mailSpace {
	width: 160px;
	float: left;
}
.contentLine .buildingOthers .snsAndPrint .printSpace {
	width: 160px;
	/* float: right; */
}
.contentLine .buildingOthers .snsAndPrint .snsSpace {
	width: 170px;
	/* float: right; */
	overflow: hidden;
	vertical-align: top;
	display: flex;
	justify-content: space-between;
}
.contentLine .buildingOthers .snsAndPrint .snsSpace .fb-like {
	margin-top: -20px !important;
	/* float: right; */
}

/* 
---------------------------------------------- */
.contentLine .floorSummary {
	width: 690px;
	float: left;
}

.contentLine .floorSummary .fl {
	padding: 10px 15px 6px;
	font-size: 140%;
	border-top: 2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
	font-weight: normal;
	margin-bottom: 10px;
}

.contentLine .floorSummary .floorImg {
	width: 288px;
	height: 324px;
	border: 1px solid #dddddd;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 10px;
}
.contentLine .floorSummary .floorImg a {
	display: block;
	text-align: center;
	vertical-align: middle;
}
.contentLine .floorSummary .floorImg .noimg {
	margin-left: -70px;
	margin-top: 0px;
}

.contentLine .floorSummary #accessMap {
	width: 288px;
	height: 276px;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
}
.contentLine .floorSummary #accessMap iframe {
	width:100%;
	height:100%;
	border:0;
}

.contentLine .floorSummary #streetViewMap {
	height: 350px;
	border: 1px solid #dddddd;
	margin-top: 10px;
}

.contentLine .floorSummary .buildingImg {
	width: 288px;
	height: 371px;
	border: 1px solid #dddddd;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 10px;
}
.contentLine .floorSummary .buildingImg a {
	display: block;
	text-align: center;
	vertical-align: middle;
}
.contentLine .floorSummary .buildingImg .noimg {
	margin-left: -100px;
	margin-top: 0px;
}

.contentLine .floorSummary .buildingSummaryF {
	width: 380px;
	margin-bottom: 10px;
}
.contentLine .floorSummary .buildingSummaryF h3 {
	padding: 10px 15px 6px;
	color: #fff;
	background-color: #509ACB;
	font-size: 140%;
	border-top: 2px solid #3A689A;
	border-bottom: 2px solid #3A689A;
	font-weight: normal;
}
.contentLine .floorSummary .buildingSummaryF .hscbg {
	background-color: #FFFFDD !important;
	color: #000;
	border-color: #F17D0C;
}

.contentLine .floorSummary .buildingSummaryF .bsLine {
	width: 380px;
	margin: 5px auto 0;
	background: url('../img/common/dot-line.gif') bottom left repeat-x;
	display: table;
}
.contentLine .floorSummary .buildingSummaryF .bsLine .bsLineLeft {
	width: 100px;
	padding: 12px 0px 12px 5px;
	display: table-cell;
	font-size: 85%;
	font-weight: bold;
	margin: 0;
}
.contentLine .floorSummary .buildingSummaryF .bsLine .bsLineRight {
	width: 220px;
	line-height: 1.2em;
	display: table-cell;
	margin: 0;
	box-sizing:border-box;
	padding-bottom:10px;
}
.contentLine .floorSummary .buildingSummaryF .bsLine .bsLineRight a.stas {
	font-size:85%;
	padding:0px 3px;
}

.contentLine .floorSummary .buildingSummaryF .bsLine .bsLineRight .rateFont {
	color: #aa0000;
	font-weight: bold;
}
.contentLine .floorSummary .buildingSummaryF .bsLine .bsLinePWR {
	border:1px solid #3366FF;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	width: 350px;
	margin: 0px auto 5px;
}
.contentLine .floorSummary .buildingSummaryF .bsRateAbout {
	width: 328px;
	height: 124px;
	margin: 5px auto 0;
	background-color: #F2F2F2;
}
.contentLine .floorSummary .buildingSummaryF .bsRateAbout .bsRateTitle {
	padding: 25px 0 0;
	margin: 0;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	color: #3D689B;
}
.contentLine .floorSummary .buildingSummaryF .bsRateAbout .bsRate {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 190%;
	font-weight: 600;
	color: #FF0000;
}

.contentLine .floorSummary .floorBoxF,
.contentLine .floorSummary .svmBox {
	width: 690px;
	clear: both;
	margin-top: 15px;
}

.contentLine .floorSummary h3.flim,
.contentLine .floorSummary .floorBoxF h3,
.contentLine .floorSummary .svmBox h3 {
	padding: 10px 5px 6px;
	font-size: 140%;
	border-bottom: 1px solid #dddddd;
	font-weight: normal;
}
.contentLine .floorSummary .floorBoxF table.floorTable,
.contentLine .floorSummary .floorBoxF table.floorTableEnd {
	border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	table-layout: fixed;
}
.contentLine .floorSummary .floorBoxF table.floorTable tr th,
.contentLine .floorSummary .floorBoxF table.floorTable tr td,
.contentLine .floorSummary .floorBoxF table.floorTableEnd tr th,
.contentLine .floorSummary .floorBoxF table.floorTableEnd tr td {
	border: 1px solid #dddddd;
	text-align: center;
}
.contentLine .floorSummary .floorBoxF table.floorTable tr th,
.contentLine .floorSummary .floorBoxF table.floorTableEnd tr th {
	line-height: 1.3em;
	padding: 5px 3px;
	background-color: #DDFFFF;
}
.contentLine .floorSummary .floorBoxF table.floorTable tr td,
.contentLine .floorSummary .floorBoxF table.floorTableEnd tr td {
	line-height: 1.3em;
	position: relative;
}
.contentLine .floorSummary .floorBoxF table.floorTable tr:hover,
.contentLine .floorSummary .floorBoxF table.floorTableEnd tr:hover {
	background-color: #FDD;
}
.contentLine .floorSummary .floorBoxF table.floorTable tr td a,
.contentLine .floorSummary .floorBoxF table.floorTableEnd tr td a {
	display: block;
	height: 100%;
	position: relative;
}
.contentLine .floorSummary .floorBoxF table.floorTable tr td a p,
.contentLine .floorSummary .floorBoxF table.floorTableEnd tr td a p {
	margin: 0 !important;
}
.contentLine .floorSummary .floorBoxF table.floorTable tr td a p.txtBox,
.contentLine .floorSummary .floorBoxF table.floorTableEnd tr td a p.txtBox {
	padding: 15px 3px;
	font-size: 90%;
}
.contentLine .floorSummary .floorBoxF table.floorTableEnd tr td a p.txtBox { color: #666666; }
.contentLine .floorSummary .floorBoxF table.floorTable tr td a p.imgBox,
.contentLine .floorSummary .floorBoxF table.floorTableEnd tr td a p.imgBox {
	padding: 10px 3px;
}
.contentLine .floorSummary .floorBoxF table.floorTableEnd tr {
	background-color: #f6f6f6;
}

.contentLine .floorSummary .floorBoxF .wp4 { width: 4%; }
.contentLine .floorSummary .floorBoxF .wp4 { width: 4%; }
.contentLine .floorSummary .floorBoxF .wp5 { width: 5%; }
.contentLine .floorSummary .floorBoxF .wp6 { width: 6%; }
.contentLine .floorSummary .floorBoxF .wp7 { width: 7%; }
.contentLine .floorSummary .floorBoxF .wp8 { width: 8%; }
.contentLine .floorSummary .floorBoxF .wp9 { width: 9%; }
.contentLine .floorSummary .floorBoxF .wp10 { width: 10%; }
.contentLine .floorSummary .floorBoxF .wp11 { width: 11%; }
.contentLine .floorSummary .floorBoxF .wp12 { width: 12%; }
.contentLine .floorSummary .floorBoxF .wp13 { width: 13%; }
.contentLine .floorSummary .floorBoxF .wp14 { width: 14%; }
.contentLine .floorSummary .floorBoxF .wp15 { width: 15%; }
.contentLine .floorSummary .floorBoxF .wp16 { width: 16%; }
.contentLine .floorSummary .floorBoxF .wp17 { width: 17%; }

.contentLine #floorSide {
	width: 290px;
	position: relative;
	/* z-index: 99; */
	z-index:10;
	float: right;
}
.contentLine #floorSide .buildingText {
	background-color: #DDFFFF;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.contentLine #floorSide .buildingText h3 {
	padding: 10px 5px 0px;
	font-size: 140%;
	font-weight: bold;
}
.contentLine #floorSide .buildingText p {
	padding: 0 10px;
	margin: 0;
}

.contentLine #floorSide h3 span {
	visibility: visible;
}

.contentLine #floorSide .inquiryBLD {
	width: 288px;
	border: 1px solid #dddddd;
}
.contentLine #floorSide .inquiryBLD img {
	width: 100%;
}

.contentLine #floorSide .snsAndPrint {
	width: 290px;
	margin-top: 15px;
}
.contentLine #floorSide .snsAndPrint .mailSpace {
	width: 140px;
	float: left;
}
.contentLine #floorSide .snsAndPrint .printSpace {
	width: 160px;
	/*float: right;*/
}
.contentLine #floorSide .snsAndPrint .mailSpace img,
.contentLine #floorSide .snsAndPrint .printSpace img {
	width: 100%;
}
.contentLine #floorSide .snsAndPrint .snsSpace {
	width: 170px;
	/* float: right; */
	overflow: hidden;
	vertical-align: top;
	display: flex;
	justify-content: space-between;
}
.contentLine #floorSide .snsAndPrint .snsSpace .fb-like {
	/* margin-top: -44px !important; */
	margin-top: -20px !important;
	/* float: right; */
}

/* 20230123 korenaga スタログブロック */
.stalogblock {
	justify-content:space-between;
	padding:0;
	width:100%;
	max-width:800px;
	margin:50px auto;
	box-shadow: 0px 0px 5px #bbb;
	border-top:0;
	border-left:7px solid #509ACB;
}
.stalogblock a {
	display:flex;
	flex-wrap:wrap;
	padding:20px;
}
.stalogblock .imgside {
	width:30%;
	height: 160px;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.stalogblock .txtside {
	width:67%;
	margin-left:20px;
}
.stalogblock .txtside .toptxt {
	border-bottom:1px solid #509AD1;
	color:#509AD1;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:12px;
}
.stalogblock .txtside h3.stalogttl {
	font-size:115%;
	margin-bottom:8px;
	line-height:1.3;
}
.stalogblock .txtside .stalogtxt {
	margin:0;
}

@media (max-width: 768px) {
	.stalogblock {
		border-top:7px solid #509ACB;
		border-left:0;
	}
	.stalogblock .imgside {
		width:100%;
	}
	.stalogblock .txtside {
		width:100%;
	}
	.stalogblock .txtside .toptxt {
		margin-top:10px;
	}
}

#textBoxHead {
	width: 966px;
	margin: 0px auto 35px;
	padding: 15px;
	font-size: 85%;
	line-height: 1.5em;
	border: 2px solid #f1f1f1;
}

/* 20181118 korenaga */
.scoretitle {
	padding-bottom:10px;
	border-bottom:2px solid #ddd;
}
ul.scorelist {
	display:flex;
	flex-wrap:wrap;
}
ul.scorelist li {
	width: 33.33%;
	margin-bottom:6px;
}
.hspscore {
	background-image:url('../img/detail/score_bg.gif');
	background-size: cover;
	background-repeat:no-repeat;
	background-color:#f1f1f1;
	display:inline-block;
	line-height:1em;
	visibility:visible;
}
.thead {
	display:inline-block;
	/*width: 100px;*/
}
.thead-d {
	display:inline-block;
	width: 90px;
}
.hspscore img { width: 100%; }
.score-l {
	width:150px;
	position:relative;
	top:-11px;
}
.score-s {
	width:100px;
	position:relative;
	top:-4px;
}
.score25 { background-position: -50px 0px; }
.score30 { background-position: -40px 0px; }
.score35 { background-position: -30px 0px; }
.score40 { background-position: -20px 0px; }
.score45 { background-position: -10px 0px; }


/* staff */
.staffinfo {
	min-width:100px;
	float:left;
	margin-right:12px;
	margin-bottom:10px;
}
.staffinfo .staffimg {
	width:100px;
	height:100px;
	border:1px solid #ddd;
	box-sizing:border-box;
	background-size:cover !important;
	margin-bottom:0;
}
.staffinfo .maleimg { background:url(../img/detail/male.gif) top center no-repeat; }
.staffinfo .femaleimg { background:url(../img/detail/female.gif) top center no-repeat; }
.staffinfo .staffname {
	margin-top:5px;
	margin-bottom:0;
	font-size:11px;
	letter-spacing:0;
	text-align:center;
}

.label-progress-f {
	/* width:70px; */
	display:inline;
	background-color:#f00;
	padding:5px 8px 3px;
	font-size:85%;
	color:#fff;
	font-weight:bold;
	border-radius:8px;
	text-align:center;
	line-height:1.2em;
	margin-bottom:0;
	position:relative;
	top:2px;
}
.label-progress {
	width:80px;
	background-color:#f00;
	padding:5px 8px 3px;
	font-size:85%;
	color:#fff;
	font-weight:bold;
	border-radius:8px;
	text-align:center;
	line-height:1.2em;
	margin-bottom:0;
}

/* 20200713 ビル詳細へボタン */
.tobuilding {
	line-height:1.3em;
	box-sizing:border-box;
	background-color:#4F99CA;
	padding-left:30px;
}
.tobuilding:before {
	font-family: "Font Awesome 5 Free";
	content: '\f100';
	font-weight:600;
	position: absolute;
	top:30%;
	left: 3%;
	color: #fff;/*アイコンの色*/
}

h3#easycostsim {
	position:relative;
	font-size:150%;
	text-align:center;
	border:3px solid #FF8800;
	border-radius:12px;
	padding:15px 8px 8px;
	line-height:1;
	transition: .3s all;
	cursor:pointer;
}
h3#easycostsim:hover {
	background-color:#ff8800;
	color:#fff;
}
h3#easycostsim .clickmark {
	position:absolute;
	top:-15px;
	right:50px;
	transform:rotate(25deg);
	background-color:#f80;
	border:3px solid #fff;
	color:#fff;
	font-weight:bold;
	padding:10px 15px;
	border-radius:50%;
	font-size:60%;
}

/* 分割マーク */
table.floorTable td .sprmark,
.bsLineRight .sprmark {
	padding:1px 4px;
	background-color:#6C9F43;
	color:#fff;
	font-size:80%;
	font-weight:bold;
	border-radius:15px;
	margin-right:3px;
}

/* 20221116 korenaga */
.floorocbtn {
	margin:40px auto;
	display:flex;
	justify-content:center;
}

.endoc {
	transition:background 0.3s,color 0.3s;
	background-color:#5799C8;
	color:#fff;
	padding:13px 15px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	width:100%;
	position:relative;
	transition:opacity 0.3s;
}
.endoc:hover {
	opacity:0.7;
}

.endoc.open::before {
	position:absolute;
	top:3px;
	left:49%;
	font-family: 'Font Awesome 6 Free';
	content:'\f0de';
	font-weight:bold;
	font-size:14px;
}
.endoc.close::after {
	position:absolute;
	bottom:3px;
	left:49%;
	font-family: 'Font Awesome 6 Free';
	content:'\f0dd';
	font-weight:bold;
	font-size:14px;
}