/* CSS Document */


/* --------------------------------------------------
overview
-------------------------------------------------- */

/* works-menu */
.works-menu{
	overflow: hidden;
	margin: 30px 0 0;
	display:table;
	width:100%;
	table-layout:fixed;
}

.works-menu li{
	display:table-cell;
}

.works-menu li a{
	display: block;
	background: #EEE;
	text-align: center;
	margin-right: 0.1%;
	font-size: 2rem;
	padding: 2rem 0;
	position: relative;
	border-right:#FFF solid 1px;
}

.works-menu li a:after{
	content:"\f01a";
	font-family:fontawesome;
	font-size: 3rem;
	position: absolute;
	right: 1.5rem;
	top: .8rem;
	color: #CCC;
}

.works-menu li:last-child a{
	margin-right: 0;
}

/* ttl-works */
.ttl-works{
	color: #C59F05;
	font-size: 2.2rem;
	font-weight: bold;
	margin: 1.5em 0 .5rem;
}

/* table-works */
.table-works {
	width: 100%;
	margin: 0 0 30px;
	border-collapse: collapse;
}
.table-works th {
	display: table-cell;
	font-weight: bold;
	background: #F1F1F1;
	padding: 10px 20px;
	border: 1px solid #E6E6E6;
	text-align: center;
	color: #666;
}

.table-works th.title {
	width: 40%;
}

.table-works th.spot {
	width: 30%;
}

.table-works th.remarks {
	width: 30%;
}

.table-works td {
	background: #FFF;
	padding: 10px 20px;
	border: 1px solid #E6E6E6;
	word-break: break-all;
	word-wrap: break-word;
}

.table-works td a:link{
	text-decoration: underline;
}

/* location */
.coming-soon{
	text-align:center;
	padding:10%;
	border:1px dashed #CCC;
	margin-top:1em;
}

@media screen and (max-width: 1080px) {

	
}


@media screen and (max-width: 767px) {
	.works-menu{
		margin: 15px 0 0;
	}
	.works-menu li a{
		display: block;
		float: none;
		width: 100%;
		margin: 0 0 .5rem 0;
		font-size: 1.2rem;
		padding: 1rem 0;
	}

	.works-menu li a:after{
		font-size: 2rem;
		right: 2rem;
		top: .2rem;
		
	}
	
	.ttl-works{
		color: #C59F05;
		font-size: 1.3rem;
		font-weight: bold;
		margin: .5em 0 .5rem;
	}
	
	.table-works {
		margin: 0 0 15px;
	}
	
	.table-works th {
		padding: 5px 10px;
	}
	
	.table-works td {
		padding: 5px 10px;
	}
	
	
}


/* --------------------------------------------------
pamphlet-list
-------------------------------------------------- */

.pamphlet-list li{
	overflow: hidden;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	padding: 15px 0;
	margin-top: 20px;
}
.pamphlet-list li .pht{
	width: 20%;
	float: left;
}
.pamphlet-list li .pht .frame{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 69.7%;
	overflow: hidden;
	background:#F5F5F5;
}
.pamphlet-list li .pht .frame img{
	position: absolute;
	top: -200%;
	bottom: -200%;
	left: -200%;
	right: -200%;
	margin: auto;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
.pamphlet-list li .txt{
	width: 78%;
	float: right;
}
.pamphlet-list li .txt dt{
	margin-bottom: 10px;
	font-size: 2rem;
}
.pamphlet-list li .txt dd{
	margin-bottom: 10px;
}
.pamphlet-list .btn-download a {
	min-width: 300px;
}

@media screen and (max-width: 1080px) {

	
}

@media screen and (max-width: 767px) {
	
		.pamphlet-list li .pht{
			width: 100%;
			float: none;
			margin-bottom: 1rem;
		}
		.pamphlet-list li .txt{
			width: 100%;
			float: none;
		}
		.pamphlet-list li .txt dt{
			font-size: 1.6rem;
		}
		.pamphlet-list .btn-download{
			display: block;
		}
}