@charset "utf-8";
/*
 * commons css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */

/* ---------------------------------------- common */

body { color: #333; }

ul.disc {
	list-style: outside disc;
	text-align: left;
	margin: 0 0 0 1.5em;
}
ol.decimal {
	list-style: outside decimal;
	text-align: left;
	margin: 0 0 0 1.5em;
}

p + p {
	margin: 1em 0 0;
}

strong {
	font-weight: 700;
	font-weight: bold;
}

/* ---------------------------------------- common flex selectors */

@media (max-width: 599px) {

	/* flexs no setting */

} /* end -599 */

@media (min-width: 600px) {

	.flexs {
		display: -webkit-box;
		display: -webkit-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.flexs.wrap {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.flexs.nowrap {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	
	.flexs.justify {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.flexs.justify-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.flexs.align-center {
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	
	.flexs.row {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction:row;
	}
	
	.flexs.row-reverse {
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction:row-reverse;
	}
	
	.flexs.column {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	.flexs.column-reverse {
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

} /* over 600 */

/* ---------------------------------------- fields > table */

.fields th { background: #f5f5f5; }

@media (max-width: 599px) {

	.fields table { 
		width: 100%;
		background: #fff;
		border-top: 1px #ccc solid;
		border-right: 1px #ccc solid;
		border-left: 1px #ccc solid;
	}
	.fields th, .fields td { 
		display: block;
		border-bottom: 1px #ccc solid;
		font-size: 1.3rem;
		line-height: 1.6;
		padding: 1em;
	}

} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {

	.fields table { 
		width: 100%;
		background: #fff;
	}
	.fields th, .fields td { 
		border: 1px #ccc solid;
		font-size: 1.4rem;
		line-height: 1.6;
		vertical-align: middle;
	}
	.fields th { 
		width: 30%;
		padding: 1em 2em;
	}
	.fields td { padding: 1em; }

} /* end 600-959 */

@media (min-width: 960px) {

	.fields table { 
		width: 80%;
		background: #fff;
		margin: 0 auto;
	}
	.fields th, .fields td { 
		border: 1px #ccc solid;
		font-size: 1.4rem;
		line-height: 1.6;
		vertical-align: middle;
	}
	.fields th { 
		width: 30%;
		padding: 1em 2em;
	}
	.fields td { padding: 1em; }


} /* 960- */

/* ---------------------------------------- breadcrumbs */

@media (max-width: 599px) {

	#breadcrumbs { display: none; }

} /* end -599 */

@media (min-width: 600px) {

	#breadcrumbs {
		background: #333;
		letter-spacing: -0.4em;
	}
	#breadcrumbs .inner { margin: 0 2em; }
	#breadcrumbs li {
		display: inline-block;
		color: #fff;
		letter-spacing: normal;
		font-size: 1.5rem;
	}
	#breadcrumbs li.current a {
		color: #fff;
	}
	#breadcrumbs li:not(:last-child):after {
		font-family: 'FontAwesome';
		content : '\f105';
		color: #ccc;
		padding-left:10px;
		margin-right:10px;
	}

} /* end 600-959 */

@media (min-width: 600px) and (max-width:959px) {

	#breadcrumbs {
		padding: 18px 0;
	}

}

@media (min-width: 960px) {

	#breadcrumbs {
		padding: 18px 0;
	}

} /* 960- */