/* CSS Document */

body{
	text-justify: inter-cluster;
	}

:-ms-input-placeholder{
	color: #999;
	transition: color 0.2s ease-out;
	}
*:focus:-ms-input-placeholder{
	color: rgba(0,0,0,0);
	}

#navButton{}
	#navButton:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}

#nav{}
	#nav [id]+[id]{
		margin-top: 4em;
		}

.buttonSet{}
	.buttonSet > *{
		margin: 0.5em;
		}

.thumb{}
	.thumb img{
		opacity: 0;
		}
	.thumb:not(img){
		background-size: cover;
		}
	.thumb.contain{
		background-size: contain;
		}
	.thumb.cover{
		background-size: cover;
		}
	.thumb.top{
		background-position: center top;
		}
	.thumb.bottom{
		background-position: center bottom;
		}
	.thumb.left{
		background-position: left center;
		}
	.thumb.right{
		background-position: right center;
		}




/* for all */
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767.98px) {
/*767以下px*/
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下 縦向き*/
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下 横向き*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
.table{}
	dl.table{
		display: flex;
		}
		dl.table > dt{
			width: 12em;
			}
		dl.table > dd{
			width: calc(100% - 12em);
			}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#floatingNav{
	position: relative;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}