/*トップに戻るボタン*/
.scroll-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
  background-color: #999;
  opacity: .8;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  color: #fff;
}
.scroll-top:hover {
  cursor: pointer;
}

/*比べる画面：レギュレーション・ボリュームゾーンアイコン*/
.regulation_icon
,.volume_icon {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 9px;
  padding-right: 9px;
  border: 2px solid;
  border-radius: 8px;
}
/*比べる画面：レギュレーション*/
.easy{
  color: white;
  border-color: #65a95a;
  background: #7ce06b;
}
.normal{
  color: white;
  border-color: #30a3c5;
  background: #5bc0de;
}
.difficult{
  color: white;
  border-color: #a56060;
  background: #fd5a5a;
}
/*比べる画面：ボリュームゾーン*/
.volume_10{
  color: white;
  border-color: #30a3c5;
  background: #00bfff;
}
.volume_20{
  color: white;
  border-color: #21af7f;
  background: #00e396;
}
.volume_30{
  color: white;
  border-color: #ce911d;
  background: #feb019;
}
.volume_40{
  color: white;
  border-color: #b32337;
  background: #ff455f;
}
.volume_50{
  color: white;
  border-color: #4f3e8c;
  background: #765dd0;
}
.volume_60{
  color: white;
  border-color: #905140;
  background: #d0765d;
}

/*ラジオボタン・チェックボックスなどインデント揃える用*/
/*flex-basis: ●em; を要素に記入すること*/
.flexbox{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


/* メニュー登録・編集画面：アコーディオン */
#add_edit_form .card-header:after {
  font-family: 'FontAwesome';  
  content: "\f068";
  float: right; 
}
#add_edit_form .card-header.collapsed:after {
  content: "\f067"; 
}

/* メニュー登録・編集画面：画像選択用 */
.nopad {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.image-checkbox {
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 4px solid transparent;
	margin-bottom: 0;
	outline: 0;
}
.image-checkbox input[type="checkbox"] {
	display: none;
}
.image-checkbox-checked {
	border-color: #4783B0;
}

/* メニュー登録・編集画面：男女比選択用 */
.c-men-color { 
  background: #a3e1ff;
}
.c-women-color { 
  background: #ffa3b8; 
}
