/**
     common.css とは別個に設定する
 */
 h1,h2,h3,h4,h5,h6{
  padding-top: 6px;
  padding-bottom: 4px;
}

/**
 *    breadcrumbs list
 */
 .step-item.active a.tooltip{
    color:#eb5c02;
    border-bottom:2px solid rgba(235,92,2, 0.48);
    padding-bottom: 4px;
}
/**
 *    上下中央にする(display:flex)
 */
.flex-vertical-c{align-items: center;}

/**
 *    お知らせボックス
 */
.msgtitle{
  font-weight: bold;
  border-bottom: 1px solid rgba(235,92,2,0.7);
  /*padding-left: 1em;*/
  padding-bottom: 3px;
  margin-bottom: 3px;
}
.msgarea {
  padding: 0.5em 1em; margin: 0 0 2em 0;
  color: #5d627b;
  background: white; border-top: solid 5px #eb5c02; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.msgarea ul{list-style-type: none;}
.msgcontent {margin: 0; padding: 0;}
.msgcontent li{margin: 0; padding: 0; line-height: 1.3rem;}

/**
 *  エラーメッセージ
 */
.text-error-warp{
  margin-top: 4px;
  margin-bottom: 4px;
}
.toast.toast-error p {
    margin-left: 1em;
}
.toast.toast-error{
  background:rgba(226,4,27,.7)
}
.display-none{display:none;}

/**
  検索結果
*/


.detail{
  margin-left: 0.5em; margin-top: 1em;
}
.ginou p{
  max-width:60%;
  padding: 6px;
  border: 2px solid rgba(235,92,2, 0.48);
}

/***********************/
/**
  年齢のレンジボタン
 */
@media screen and (max-width: 840px) {
#range-age, #range-description {
    margin-left: 2rem;
  }
}
input[type=range] {
  /*removes default webkit styles*/
  -webkit-appearance: none;
  /*fix for FF unable to apply focus style bug */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
  width: 100%;

}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  background:rgba(255,99,71, 0.4);
  border: none;
  border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #eb5c02;
  margin-top: -4px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  background:rgba(255,99,71, 0.4);
  border: none;
  border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
  border: none;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: rgba(255,99,71, 1);
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
  outline: 1px solid white;
  outline-offset: -1px;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;

  /*remove default tick marks*/
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
  /*background: #ddd;*/background:rgba(255,99,71, 0.4);;
  border-radius: 10px;
}
input[type=range]::-ms-thumb {
  border: none;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #eb5c02;
}
input[type=range]:focus::-ms-fill-lower {
  background: #888;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}
_:-ms-lang(x), input[type=range] {
  /*余白削除*/
  margin-top: 4px;
  padding:0;
}
/****** 年齢レンジおわり ********/

.dataContainer {
  visibility: hidden;
}
.numeric_align{text-align: right;}

/************************************/
/**
 *  モーダルダイアログ
 */
.modal-subtitle {
	border-left: 4px solid #eb5c02;
	padding-left: .3rem;
}
.modal-text {
	line-height: 1.6;
}
/**
 *  次へボタン
 */
#GotoNext:focus{
  filter: drop-shadow(3px 5px 3px rgba(0,0,0,0.4));
  box-shadow: 3px 5px 3px rgba(0,0,0,0.4);
}