@charset "utf-8";

/*==============================================================

	Detail

==============================================================*/

/*==============================================================

	Main

==============================================================*/
.main {
    padding-top:0rem;
}

.detail-info {
	background-color:#F0F0F0;
	padding:2.0rem 0;
}

.num {
	font-size:1.2rem;
	text-align:right;
	color:#666;
}

.frame {
	background-color:#FFF;
	border-radius:16px;
	padding:4.0rem 8.0rem;
}

h2 {
	font-family:'Kosugi Maru', sans-serif;
	font-size:4.0rem;
	margin-bottom:2.0rem;
}

.detail-table {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin-bottom:4.0rem;
}

.detail-table > div {
	width:48%;
}

@media screen and (max-width:767px) {
.frame {
	padding:2.5rem 2.0rem;
}
.detail-table {
	display:block;
}
.detail-table > div {
	width:100%;
}
}

table {
	line-height:1.6;
	word-break:break-all;
}
th,
td {
	border-bottom:1px solid #ddd;
	padding:8px 0;
}
th {
	font-size:1.4rem;
	font-weight:700;
	text-align:left;
	color:var(--main-color);
}
.table1,
.table2,
.table3 {
	width:100%;
}

.detail-table th {
	width:6.5em;
}
@media screen and (max-width:767px) {
.detail-table th {
	width:9em;
}
}

a:hover {
	text-decoration:underline;
}

.image {
	max-width:60%;
	margin:0 auto;
}
.image img {
	border-radius:8px;
}

/*==================================================
	Return
===================================================*/
.return .container {
	position:relative;
}
.return-button {
	position:absolute;
	transform:translateY(-100%); 
}
.return a span {
	display:inline-block;
	background-color:var(--main-color);
	height:3.2rem;
	width:3.2rem;
	border-radius:50%;
	vertical-align:middle;
	margin-bottom:1.0rem;
	
}


/*==================================================

	Map

===================================================*/
.detail #map-canvas {
	height:420px;
}
@media screen and (max-width:767px) {
.detail #map-canvas {
	height:240px;
}
}


/*==================================================

	Print

===================================================*/
@media print {
body {
	width: 1200px;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	ransform-origin: 0 0;
}
}