@charset "UTF-8";


/* コンテンツ枠
---------------------------------------------------------- */
.contents-floor-right {
}


.floor-guide-inner {
	margin-top: 40px;
	text-align: left;
}

.box-floorguide {
		margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
	
	.contents-floor-right {
		margin: 0;
		padding:  24px 0 0;
	}
	
	.floor-guide-inner {
		width: 100%;
		margin-top: 20px;
	}
	
	.box-floorguide {
	width: auto;
    padding: 0 12px;
	margin-bottom: 20px;
	}

}


/* 大見出し
---------------------------------------------------------- */
.ttl-cmn-02 {
    background-color: #e4e8f1;
}

.ttl-cmn-02:before {
    background-color: #85a1e1;
}


@media screen and (max-width: 768px) {
	.ttl-cmn-02 {
	}
}


/* 中見出し
---------------------------------------------------------- */
.ttl-cmn-03 {
    border-bottom: 4px solid #e1e5ee;
}

.ttl-cmn-03 > span {
    border-bottom: 4px solid #85a1e1;
}

@media screen and (max-width: 768px) {
	.ttl-cmn-03 {
	}
	
	.ttl-cmn-03 > span {
	}
}


/* 小見出し
---------------------------------------------------------- */
.ttl-cmn-04 {
    color: #6885d4;
}

.ttl-cmn-04:before {
    background-color: #85a1e1;
}



/* 補足
---------------------------------------------------------- */
.txt-notice {
	margin-bottom: 30px;
}


/* テーブル
---------------------------------------------------------- */
.table-floor-01 {
	margin-bottom: 30px;
}

.table-floor-01 th {
	font-weight: bold;
}

.table-floor-01 td {
	background-color: #FFF;
}

@media screen and (max-width: 768px) {
	.table-floor-01 {
		margin-bottom: 20px;
	}
}

/* テーブルセル
---------------------------------------------------------- */
.img-col {
	width: 100%;
	display: table;
	margin-bottom: 30px;
}

.img-col p {
	display: table-cell;
	width: 50%;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.img-col {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	
	.img-col p {
		display: inherit;
		width: 100%;
	}
	
	.img-col p:first-child {
		margin-bottom: 10px;
	}
}

/* music
---------------------------------------------------------- */
.music-col {
	width: 100%;
	display: table;
	margin-bottom: 30px;
}

.music-col p.col1 {
	display: table-cell;
	width: 35%;
	text-align: left;
}

.music-col p.col2 {
	display: table-cell;
	width: 65%;
	text-align: left;
}

@media screen and (max-width: 768px) {
	.music-col {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	
	.music-col p.col1,
	.music-col p.col2 {
		display: inherit;
		width: 100%;
	}
	
	.music-col p.col1 {
		text-align: center;
		margin-bottom: 10px;
	}
}