@charset "shift_jis";
/* CSS Document */
/* 文字カラー */
.m-awai {
	color: #FFDBED;
}
.m-koi {
	color: #FF5BAD;
}
.m-kurai {
	color: #C13653;
}
.m-azayaka {
	color: #FF1B8D;
}
.m-tsuyoi {
	color: #AE1260;
}
/* 背景カラー */
.bg-awai {
	background-color: #FFECF0;
}
.bg-azayaka {
	background-color: #C13653;
}

/* ジャンボトロン */
.jumbotron {
	background:url(main.jpg) center no-repeat; background-size: cover;
}

/* 背景画像 */
.cover-img {
	height: 600px;
	display: table;
	width: 100%;
	background-size: cover;
}

/* ワイドスクリーン用のCSS */
@media only screen and (min-width: 1500px) {
.cover-img {
	height: 800px;
}
}

/* タブレット用のCSS */
@media only screen and (min-width : 768px) and (max-width : 1200px) {
.cover-img {
	height: 500px;
}
}

/* スマホ用のCSS */
@media only screen and (max-width: 479px) {
.cover-img {
	height: 300px;
}
}
.cover-text {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
div#preloader {
	/* position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible; */
	background: #fff url('images/sakura001.jpg') repeat center center;
}
.bs-component + .bs-component {
	margin-top: 1rem;
}
 @media (min-width: 768px) {
.bs-docs-section {
	margin-top: 8em;
}
.bs-component {
	position: relative;
}
.bs-component .modal {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: 1;
	display: block;
}
.bs-component .modal-dialog {
	width: 90%;
}
.bs-component .popover {
	position: relative;
	display: inline-block;
	width: 220px;
	margin: 20px;
}
.nav-tabs {
	margin-bottom: 15px;
}
.progress {
	margin-bottom: 10px;
}