/* RESEARCH-NAGANO original CSS v1 */

/* FORM設定
************************/

input[type="radio"].res-nobutton , input[type="checkbox"].res-nobutton {
	display: none; /* ラジオボタンを非表示にする */
}

input[type="radio"]:checked + label {
	background: #31A9EE;
	color: #ffffff; 
}

input[type="checkbox"]:checked + label {
	background: #31A9EE;
	color: #ffffff; 
}


.res-label:hover {
	background-color: #E2EDF9;
	border-color:#39c0ed;
}

.res-label{
	display: inline-block; /* ブロックレベル要素化する */
	color:#4f4f4f;
	font-size:.875rem;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	margin-right: 1rem; /* ボックス外側の余白を指定する */
	margin-bottom: .5rem; /* ボックス下の余白を指定する */
	padding:.25rem .75rem;

	border: .125rem solid #39c0ed;/* ボックスの境界線を実線で指定する */
	border-radius: .25rem; /* 角丸を指定する */

	background-color:transparent;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;
/*
	background-color:transparent;
	border:.125rem solid transparent;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
*/
}

.res-input{
	display: inline-block; /* ブロックレベル要素化する */
	color:#4f4f4f;
	font-size:.875rem;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	margin-right: 1rem; /* ボックス外側の余白を指定する */
	margin-bottom: .5rem; /* ボックス下の余白を指定する */
	border-radius: .25rem; /* 角丸を指定する */

	background-color:transparent;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;
/*
	background-color:transparent;
	border:.125rem solid transparent;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
*/
}

.res-button{
	display: inline-block; /* ブロックレベル要素化する */
	color:#4f4f4f;
	font-size:.875rem;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	margin-right: 1rem; /* ボックス外側の余白を指定する */
	margin-bottom: .5rem; /* ボックス下の余白を指定する */
	padding:.25rem .75rem;

	border: .125rem solid #39c0ed;/* ボックスの境界線を実線で指定する */
	border-radius: .25rem; /* 角丸を指定する */

	background-color:transparent;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;
/*
	background-color:transparent;
	border:.125rem solid transparent;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
*/
}

.res-button:hover {
	background-color: #E2EDF9;
	border-color:#39c0ed;
}

.invalid-feedback{
	position:relative !important;
	margin-top:0.25rem !important;
	margin-bottom:-0.5rem !important;
	padding:0.25rem 0.5rem;
	background-color: #ff8888;
	color:#fff;
}

/* h1-h6設定
**************************************/
.res-title {
	background-color:#e2f0e5;
	border-color:#49a75f;
	padding:0.5rem 1rem !important;
	border-left:6px solid;
	border-radius:5px;
	font-size:1rem;
}

/* note設定
**************************************/
.res-note-green {
	background-color:#e2f0e5;
	border-color:#49a75f;
	font-size:0.8rem;
}

.res-note-orange {
	background-color:#e2f0e5;
	border-color:#ffc400;
	font-size:0.8rem;
}

/* レスポンシブ設定
**************************************/
.res-select {
	width:80% !important;
}

@media(min-width:576px){
	.res-select {
		width:80% !important;
	}
}

@media(min-width:768px){
	.res-select {
		width:60% !important;
	}
}

@media(min-width:992px){
	.res-select {
		width:40% !important;
	}
}

@media(min-width:1200px){
	.res-select {
		width:30% !important;
	}
}

@media(min-width:1400px){
	.res-select {
		width:25% !important;
	}
}