@charset "UTF-8";

/* ===== Responsive breakpoints =====

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

*/



/* Custom page CSS
-------------------------------------------------- */
* {
	font-family: 'Noto Sans JP', sans-serif;
}
main > .container {
	padding: 60px 15px 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700; }
h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.5rem; }
h3, .h3 { font-size: 1.25rem; }
h4, .h4 { font-size: 1.125rem; }
h5, .h5 { font-size: 1.125rem; }
h6, .h6 { font-size: 1.125rem; }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }

img.img-responsive {
	width: 100%;
	height: auto;
}

.footer {
	background-color: #f5f5f5;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
	font-size: 0.75rem;
}
@media (min-width: 768px) {
	.footer > .container {
		font-size: 1rem;
	}
}


/* Custom Jumbotron
-------------------------------------------------- */
/* メインビジュアル毎回変更 */
.jumbotron {
	/*background: #fff url("../../images/top.jpg") no-repeat 0 10%;
	background-size: cover;*/
	background-color: #27A196!important;
	color: #000;
}
/*.jumbotrontop {
	background: #fff url("../../images/top.jpg") no-repeat 0 10%;
	background-size: cover;
	background-color: #fff!important;
	color: #000;
	height: 250px;
}*/

@media (min-width: 768px) {
	.jumbotron {
		background-size: 100% auto;
	}
}

/* Custom Thema Color
-------------------------------------------------- */
/* テーマカラー毎回変更 */
.bg-primary {
	background-color: #6FC7A3!important;
}
.border-primary {
	border-color: #6FC7A3!important;
}
.table-primary, .table-primary > td, .table-primary > th {
	background-color: #cce5ff;
}
.table-secondary, .table-secondary > td, .table-secondary > th {
	background-color: #eeeeee;
	border-color: #111;
}
/* 開催情報項目の文字色 */
.top-list .col-3 {
	color: #111;
}

/*rejflgの色*/
tr.bg-light {
    background-color: #d9dadb!important;
}

.btn-success{
	background-color: #111 !important;
	border-color: #111 !important;
}

.card-body dt{
	margin-bottom: 0.5rem;
}

h2.text-white, div.text-white{
	color: #000!important;
}

/* Custom Able-player
-------------------------------------------------- */
.able-wrapper {
    margin: 0 auto;
}
.able-wrapper * {
    box-sizing: content-box;
}
.able {
    box-shadow: none;
    z-index: 1029;
}