@charset "utf-8";

/*===============================================
●共通
===============================================*/

/* detailBox
---------------------------------------- */
#detailBox {
	background-color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#detailBox .tit01 {
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
}
#detailBox .inner {
	padding:0.85em;
}
#detailBox table th,
#detailBox table td {
	padding:0.5em;
	vertical-align:top;
	word-break: break-word;
}
#detailBox table th {
	background-color:#fff6de;
}
#detailBox #descBox .photoBox a {
	display:block;
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat!important;
	background-position:center center!important;
	/*background-color:#f2f2f2;*/
}
#detailBox .desc dt {
	font-size:1.2em;
	font-weight:bold;
	color:#ff7f00;
	line-height:1.5em;
	padding-bottom:0.3em;
	margin-bottom:0.5em;
	border-bottom:#aaa 1px solid;
}
#detailBox .desc dd {
	margin-bottom:1em;
}

/*===============================================
●画面の横幅が729px以下(スマホ共通)
===============================================*/
@media screen and (max-width: 729px) {
	
	/* detailBox
	---------------------------------------- */
	#detailBox #descBox {
		margin-bottom:1em;
	}
	#detailBox #descBox .photoBox {
		width:81vw;
		margin:0 auto 0.85em;
	}
	#detailBox #descBox .photoBox .photo01 {
		height:54vw;
	}
	#detailBox #descBox .photoBox .photo02,
	#detailBox #descBox .photoBox .photo03 {
		width:95px;
		height:71px;
		float:left;
		margin-top:0.85em;
	}
	#detailBox #descBox .photoBox .photo02 {
		margin-right:10px;
	}
	#detailBox table tr {
		display:block;
		border:#aaa 1px solid;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		margin-bottom:0.85em;
	}
	#detailBox table th,
	#detailBox table td {
		width:100%;
		display:block;
		box-sizing:border-box;
	}
	#detailBox table th {
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
	#detailBox table td {
		word-break:break-word;
		border-top:#aaa 1px solid;
	}
	#detailBox table td.tel a {
		position: relative;
	}
	#detailBox table td.tel a:after {
		position: absolute;
		content:"";
		display:inline-block;
		width:22.5vw;
		height:5vw;
		background-image:url(../../images/mainframe/btn_sptap.png);
		background-size:contain;
		background-repeat:no-repeat;
		vertical-align:middle;
	}
	#detailBox table #timeTable tr {
		display:table-row;
		width:100%;
	}
	#detailBox table #timeTable th,
	#detailBox table #timeTable td {
		display:table-cell;
		width:auto;
		text-align:center;
		border:#aaa 1px solid;
		box-sizing:border-box;
		padding:0.5em 0.4em;
	}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media print, screen and (min-width: 730px){
	
	/* detailBox
	---------------------------------------- */
	#detailBox #descBox {
		margin-bottom:2em;
	}
	#detailBox #descBox .photoBox {
		width:20em;
		float:left;
		margin-right:2%;
	}
	#detailBox #descBox .photoBox .photo01 {
		width:20em;
		height:15em;
	}
	#detailBox #descBox .photoBox .photo02,
	#detailBox #descBox .photoBox .photo03 {
		width:9.5em;
		height:7em;
		float:left;
		margin-top:0.85em;
	}
	#detailBox #descBox .photoBox .photo02 {
		margin-right:1em;
	}
	#detailBox #descBox .photoBox a {
		display:block;
		width:100%;
		height:100%;
		background-size:contain;
		background-repeat:no-repeat!important;
		background-position:center center!important;
		background-color:#f2f2f2;
	}
	#detailBox table th,
	#detailBox table td {
		border:#aaa 1px solid;
	}
	#detailBox table th {
		width:9em;
	}
}