@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; }

hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

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

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

/* ---------------------------------------- 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 */


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

@media (max-width: 599px) {

	#breadcrumbs { display: none; }

} /* end -599 */

@media (min-width: 600px) {

	#breadcrumbs {
		background: #f5f5f5;
		letter-spacing: -0.4em;
	}
	#breadcrumbs li {
		display: inline-block;
		color: #999;
		letter-spacing: normal;
		font-size: 1.5rem;
	}
	#breadcrumbs li.current a {
		color: #333;
	}
	#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- */

/* ---------------------------------------- googlemap */

.googlemap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.googlemap iframe,
.googlemap object,
.googlemap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}