@charset "utf-8";
/* CSS Document */

@media screen, print {
	
	.divBox {
	}
	
	/* left part (data part) */
	.Detail_showData{
		width:48%;
		margin:10px 0px 0px 10px;
	}
	
	
	/* right part (picture part) */
	.Detail_showPhoto {
		width:48%;
		margin:9px 10px 0px 0px;
		xmargin:57px 10px 0px 0px;
	}
	.Detail_showPhoto ul {
		padding:0px 13px 0px 0px;
	}
	.Detail_showPhoto .scrollable {
		border:1px solid #eee;
	}
	.Detail_showPhoto div.functionBtn {
		margin:0px 0px 0px 0px;
		text-align:center;
	}
	.Detail_showPhoto div.functionBtn {
		text-align:center;
		margin:0px 0px 0px 0px;
		padding:10px 0px 0px 0px;
	}
	.Detail_showPhoto img {
		xheight:450px;
		xwidth:auto !important;
	}
	
	/* new */
	.exclamationBox {
		border:1px solid red;
	}
	
	
	/* Detail_showData */
	.Detail_showData a {
		text-decoration:none;
		border-bottom:1px dotted #ccc;
	}
	.Detail_showData strong {
		color:#f63;
		font-weight:bold;
	}
	.Detail_showData .tableSetSimple th{
		width:140px;
		text-align:right;
		vertical-align:top;
	}
	
	.Detail_showData .facilitiesBox li{
		margin:0px 15px 10px 0px;
		width:56px;
		height:56px;
	}

	/* T.Ogawa 2018-09-05 */
	.Detail_showData .facilitiesBox ul{
		display: flex;
		flex-wrap: wrap;
	}

	.Detail_showData .facilitiesBox li span{
		display:none;
	}


	.Detail_showData .facilitiesBox .facilities01{background-image:url(/system/common/img/facilitiesIcon01.png);}
	.Detail_showData .facilitiesBox .facilities02{background-image:url(/system/common/img/facilitiesIcon02.png);}
	.Detail_showData .facilitiesBox .facilities03{background-image:url(/system/common/img/facilitiesIcon03.png);}
	.Detail_showData .facilitiesBox .facilities04{background-image:url(/system/common/img/facilitiesIcon04.png);}
	.Detail_showData .facilitiesBox .facilities05{background-image:url(/system/common/img/facilitiesIcon04.png);}
	.Detail_showData .facilitiesBox .facilities06{background-image:url(/system/common/img/facilitiesIcon04.png);}
	.Detail_showData .facilitiesBox .facilities07{background-image:url(/system/common/img/facilitiesIcon04.png);}
	.Detail_showData .facilitiesBox .facilities08{background-image:url(/system/common/img/facilitiesIcon04.png);}
	.Detail_showData .facilitiesBox .facilities09{background-image:url(/system/common/img/facilitiesIcon04.png);}
	.Detail_showData .facilitiesBox .facilities10{background-image:url(/system/common/img/facilitiesIcon04.png);}
	
	.Detail_showData .otherBox th {
		padding:5px 5px 5px 5px;
	}
	.Detail_showData .otherBox td {
		padding:0;
	}
	.Detail_showData .otherBox .scrollable {
		padding:7px 5px 7px 5px;
		height:100px;
	}
	.Detail_showPhoto .threeBox li {
		margin-right:11px;
		width:156px;
	}
	.Detail_showPhoto .threeBox li:nth-child(3n) {
		margin-right:0;
	}
	
	.divComment {
		font-size:20px;
		line-height:32px;
		margin:10px 0px 10px 0px;
		padding:8px 10px 8px 10px;
		border:3px double #ccc;
		border-radius:10px 10px 10px 10px;
		background-color:#eef;
		line-height:150%;
	}
	
	/* 物件アクセス不可メッセージ */
	.divMessage {
		margin:10px 0px 10px 0px;
		padding:20px 20px 20px 100px;
		background-color:#fff9db;
		border:3px double #ffdf9a;
		border-radius:10px 10px 10px 10px;
		color:#f00;
		font-size:16px;
		font-weight:bold;
		line-height:28px;
		background-image:url('/inc/img/stamp/yell_sorry.png');
		background-size:contain;
		background-repeat:no-repeat;
		background-size:75px 75px;
		background-position:10px 10px;
		text-shadow:0px 0px 2px #fff;

	}
}
@media (max-width: 767px) {
	
	.h2Main {
		font-size:18px;
		margin:10px 0px 10px 0px;
	}
	.h2Branch {
		font-size:15px;
		line-height:150%;
	}
	
	/* Detail_showData */
	.Detail_showData{
		width:100%;
		margin:10px 0px 0px 0px;
	}
	.Detail_showData strong {
		color:#f63;
		font-weight:bold;
	}
	.Detail_showData .tableSetSimple th{
		width:25%;
		text-align:right;
		vertical-align:top;
	}
	.Detail_showData .tableSetSimple td{
		width:75%;
		text-align:left;
		vertical-align:top;
	}


	.Detail_showData .facilitiesBox li{
		margin:0px 0px 10px 0px;
		width:100%;
		height:40px;
		line-height: 40px;
		background-size:40px 40px;
		background-position:center left;
	}

	.Detail_showData .facilitiesBox li span{
		display:inline;
		padding:0px 0px 0px 45px;
	}

	.Detail_showData table ul li.icon:nth-child(n+6){
		margin:0px 0px 10px 0px;
	}


	
	
	/* right part (picture part) */
	.Detail_showPhoto {
		width:100%;
		margin:10px 0px 0px 0px;
	}
	.Detail_showPhoto .functionBtn .btnContact {
		width:98%;
	}
	.Detail_showPhoto .functionBtn .btnContact {
		background-repeat:no-repeat;
	}	

}