/**
 * ========================================
 *
 * ========================================
 */

body {
	line-height: 100%;
}

h1, .h1 {
	font-size: calc(1.375rem + 1vw);
}

h2, .h2 {
	font-size: calc(1.3rem + 0.8vw);
}

h3, .h3 {
	font-size: calc(1.275rem + 0.6vw);
}

h4, .h4 {
	font-size: calc(1.2rem + 0.4vw);
}

h5, .h5 {
	font-size: calc(1.1rem + 0.2vw);
}

h6, .h6 {
	font-size: calc(1rem + 0.1vw);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-weight: 800;
}

p {
	line-height: 1.8rem;
}

a {
	text-decoration: none;
}

hr:not([size],[class*=divider]) {
	height: 1px;
}

hr {
	margin: 1.25rem 0;
	color: #dee2e6;
	border: 0;
	opacity: 0.5;
}


/**
 * ========================================
 *
 * ========================================
 */

.app-content {
	/* min-height: calc(100vh - 110px);
	padding-bottom: 60px; */
	max-width: 800px;
   /*  margin: 0 auto; */
}

.app-header.onlight .btn-header,
.app-header.onlight .btn-header i {
	color: #fff;
}

.divider {
	height: 10px;
	margin-top: 0;
	margin-bottom: 0;
}


.form-label {
	font-weight: bold;
}

.page-title {
	margin-bottom: 1rem;
}

/* section-title */
.section {
	margin-bottom: 1rem;
}

.section-title {
	text-align: center;
	margin-bottom: 1.2rem;
}

.section-title > h1 {
	font-size: calc(1.8rem + 1vw);
	margin-bottom: 0;
}

.section-title > h2 {
	font-size: calc(1.5rem + 1vw);
	margin-bottom: 0;
}

.section-title > h3 {
	font-size: calc(1.2rem + 1vw);
	margin-bottom: 0;
}

.section-title > h4 {
	font-size: calc(1.0rem + 1vw);
	margin-bottom: 0;
}

.section-title > h4 {
	font-size: calc(1.0rem + 1vw);
	margin-bottom: 0;
}

.section-title>h5 {
	font-size: calc(1rem + .6vw);
	margin-bottom: 0;
}

/**
 * ------------------------------
 * list-group-item
 * ------------------------------
 */
.list-group-item.disabled,
.list-group-item:disabled {
	color: #212529;
}

/**
 * ------------------------------
 * btn
 * ------------------------------
 */
 .btn-warning {
	color: #664d03;
}

.btn-default {
  color: #fff;
  background-color: #00b2e2;
  border-color: #00b2e2;
}

.btn-default:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

.btn-check:focus + .btn-default, .btn-default:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

.btn-check:checked + .btn-default, .btn-check:active + .btn-default, .btn-default:active, .btn-default.active, .show > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}

.btn-check:checked + .btn-default:focus, .btn-check:active + .btn-default:focus, .btn-default:active:focus, .btn-default.active:focus, .show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}

.btn-default:disabled, .btn-default.disabled {
  color: #fff;
  background-color: #00b2e2;
  border-color: #00b2e2;
}

.btn-outline-default {
	color: #00b2e2;
	border-color: #00b2e2;
	background-color: #fff;
}

.btn-outline-default:hover {
	color: #fff;
	background-color: #00b2e2;
	border-color: #00b2e2;
}

.btn-default, .btn-group-default > .btn {
	/* padding: 1rem 1rem; */
	font-size: 1.5rem;
	border-radius: 0.3rem;
}

.progress-default {
	height: 20px;
}

.shadow {
	box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.25) !important;
}

.rounded {
	border-radius: 15px !important;
}


/**
 * ----------
 * nav-tabs
 * ----------
 */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #0d6efd;
	border-color: #0d6efd;
}
.nav-tabs .nav-link {
	border: solid transparent;
	border-width: 0 0 4px;
	border-radius: 0;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 500;
	color: rgba(0,0,0,.6);
	font-size: .9rem;
	padding: 17px 29px 16px;
}

/**
 * ------------------------------
 * nav
 * ------------------------------
 */
.nav-bottom .nav-link.active {
	/* color: #00b2e2; */
}

.nav-bottom .nav-link.active .text {
	/* color: #00b2e2; */
}

.nav-bottom-form {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 80px;
	z-index: 12;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}


/**
 * ------------------------------
 * bg
 * ------------------------------
 */
.signup {
	background-image: url(/frontend/assets/img/bg/signup.png);
	background-repeat: no-repeat;
	background-size:  cover;
	background-attachment: fixed;
}

.auth {
	background-image: url(/frontend/assets/img/bg/auth.png);
	background-repeat: no-repeat;
	background-size:  cover;
	background-attachment: fixed;
}

.signin {
	background-image: url(/frontend/assets/img/bg/signin.png);
	background-repeat: no-repeat;
	background-size:  cover;
	background-attachment: fixed;
}


.user-profile {
	background-image: url(/frontend/assets/img/bg/mypage.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
	background-color: rgba(255, 255, 255, 0.6);
	background-blend-mode: lighten;
}

/**
 * ========================================
 *
 * ========================================
 */

/**
 * ------------------------------
 * gender
 * ------------------------------
 */
.male {
	color: #00acee;
}

.female {
	color: #e6a6c7;
}

/**
 * ------------------------------
 * font-size
 * ------------------------------
 */
.dt-small {
	font-size: 0.7rem;
}

/**
 * ------------------------------
 * text-stroke
 * ------------------------------
 */
.text-stroke-white {
	font-weight: 900;
	text-shadow: 2px 2px 1px #fff,
			 -2px 2px 1px #fff,
			 2px -2px 1px #fff,
			 -2px -2px 1px #fff;
}

.rounded-sm {
	border-radius: 0.3rem !important;
}

/**
 * ------------------------------
 * icon
 * ------------------------------
 */
.icon-1 {
	font-size: 1rem !important;
}

.icon-2 {
	font-size: 1.5rem !important;
}

.icon-3 {
	font-size: 2rem !important;
}

.icon-4 {
	font-size: 2.5rem !important;
}

.icon-5 {
	font-size: 3rem !important;
}



/**
 * ------------------------------
 * bg-opacity
 * ------------------------------
 */

.bg-opacity-0 {
	background: rgba(255, 255, 255, 0);
}

.bg-opacity-25 {
	background: rgba(255, 255, 255, 0.25);
}

.bg-opacity-50 {
	background: rgba(255, 255, 255, 0.5);
}

.bg-opacity-75 {
	background: rgba(255, 255, 255, 0.75);
}

.bg-opacity-85 {
	background: rgba(255, 255, 255, 0.85);
}

/**
 *
 */
.bg-comyu {
	background: #FD9405;
}

.bg-yakudatsu {
	background: #23C0D8;
}

.bg-shuukatsu {
	background: #17A3DE;
}

.bg-muchu {
	background: #F95A89;
}

.bg-blue-100 {
	color: #084298;
	background: #cfe2ff;
}