/* 教習所検索ボックス */
#tab01, #tab02, .tab02-button {
 display: none;
}
/* 教習所検索　タイトル */
#tab001_href {
 text-align:center;
 display:block;
 cursor: default;
 margin:10px 0 35px 0;
}
#tab001_href span{
 position:relative;
 font-size: 2.6rem;
 font-weight:600;
 line-height: 1.0;
 display:inline-block;
 padding: 6px 0 0 50px;
}
#tab001_href span:before {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 background-image: url(/assets/img/icon-search.png);
 background-color: #fd5f3e;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: auto 25px;
 border-radius: 50%;
 width: 42px;
 height: 42px;
}
/* 教習所検索　セレクトボックス */
.form_cell_sidebyside {
 display:flex;
 margin-bottom:15px;
}
.form_cell_sidebyside .title {
 width:7.2em;
 height:2.8em;
 font-size: 1.8rem;
 font-weight:500;
 line-height:1.0;
 display:flex;
 align-items: center;
 justify-content: center;
 color:#fff;
 background-color: #fd5f3e;
 border-top-left-radius: 0.5em;
 border-bottom-left-radius: 0.5em;
 -webkit-border-top-left-radius: 0.5em;
 -webkit-border-bottom-left-radius: 0.5em;
 -moz-border-radius-topleft: 0.5em;
 -moz-border-radius-bottomleft: 0.5em;
}
.form_cell_sidebyside .form {
 flex:1;
}
.form_cell_sidebyside .form select {
 font-size: 1.8rem;
 font-weight:500;
 height:2.8em;
 width:100%;
 padding:0 0.5em;
 color: #1e1412;
 line-height:1.0;
 background-color: #f7f0e2;
 border-top: 2px solid #fd5f3e;
 border-bottom: 2px solid #fd5f3e;
 border-right: 2px solid #fd5f3e;
 border-top-right-radius: 0.5em;
 border-bottom-right-radius: 0.5em;
 -webkit-border-top-right-radius: 0.5em;
 -webkit-border-bottom-right-radius: 0.5em;
 -moz-border-radius-topright: 0.5em;
 -moz-border-radius-bottomright: 0.5em;
 -webkit-appearance: none;
 appearance: none;
}
.form_cell_sidebyside .form {
 position: relative;
}

.form_cell_sidebyside .form:after {
 position: absolute;
 top: 50%;
 right: 1em;
 width: 0;
 height: 0;
 padding: 0;
 content: '';
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-top: 6px solid #1e1412;
 pointer-events: none;
}
/* 教習所検索　入校日 */
.form_cell_sidebyside input {
 font-size: 1.8rem;
 font-weight:500;
 height:2.8em;
 width:100%;
 line-height:1.0;
 padding:0 0.5em;
 color: #1e1412;
 border: 2px solid #ccc;
 -webkit-border-radius: 0.5em;
 -moz-border-radius: 0.5em;
 border-radius: 0.5em;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url(/img/basic/icon-calendar.png);
 background-position: right 1em center;
 background-repeat: no-repeat;
 background-size: auto 20px;
}
/* チェックボックスデザイン */
.form_cell {
 display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
 line-height:1.0;
}
.form_cell .table_cell {
 position: relative;
  display: block;
  width: 50%;
  box-sizing: border-box;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.form_cell .table_cell label {
 display: block;
 font-size: 1.4rem;
 padding: 0.8em 0.6em 0.8em 2em;
 cursor: pointer;
}
.control--checkbox {
 position: relative;
 display: block;
}
.control--checkbox input{
 position: absolute;
 top:0;
 left:0;
}
.control--checkbox .control__indicator {
 position: absolute;
 top: 0.8em;;
 left: 0.5em;
 height: 18px;
 width: 18px;
 background: #e5e5e5;
 border: solid 1px #d9d9d9;
 border-radius: 4px;
 margin:0;
 padding:0;
}
.control--checkbox input:checked + .control__indicator {
 background-color: #fd5f3e;
 border: solid 2px #fd5f3e;
}
.control--checkbox input:checked + .control__indicator:after {
 left: 5px;
 top: -1px;
 width: 5px;
 height: 12px;
 border: solid #ffffff 1px;
 border-width: 0 3px 3px 0;
 transform: rotate(45deg);
 content: '';
 position: absolute;
 display: block;
}
.control--checkbox input {
 margin:0 4px 0 0;
}
/* 教習所検索　条件を追加する */
#add_rules {
 display: block;
 text-align: center;
 padding: 6px 0;
 margin: 18px auto 12px auto;
 width:11em;
 cursor: pointer;
 border: solid #d9d9d9 1px;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius: 2em;
}
#add_rules span {
 color: #707070;
 font-weight: 600;
 font-size: 1.6rem;
}
/* 教習所検索　現在のヒット数 */
#hitcount {
 display: block;
 text-align: center;
 margin: 15px 0 15px 0;
 font-size: 2.0rem;
 font-weight: 600;
 line-height:1.0;
}
#hitcount span {
 display: inline-block;
 color: #e23333;
 font-size: 3.6rem;
 font-family: 'Inter', sans-serif;
 margin: 0 4px 0 0;
 position: relative;
 top: 2px;
}
/* 教習所検索　検索ボタン */
.width100per button {
 width: 10em;
 white-space:nowrap;
 color: #FFF;
 padding: 0.5em 0;
 margin:0 auto;
 text-align: center;
 display: block;
 font-size: 1.8rem;
 font-weight: 600;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius: 2em;
 border-style: none;
 cursor: pointer;
 background-color: #fd5f3e;
 outline: none;
}
/* お気に入りボタン */
.favorite-btn {
 display:none;
}
.favorite-btn a {
 display: block;
 padding: 1em;
 text-align: center;
 border: 2px solid #1e1412;
 color: #333;
 font-size: 1.6rem;
 font-weight: 600;
 line-height: 1.0;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius: 2em;
 background-color: #fff;
}
.favorite-btn a span {
 position: relative;
 display: inline-block;
 width: 32px;
 height: auto;
 color: #fff;
 font-weight: normal;
 font-family: 'Inter', sans-serif;
 font-feature-settings: "palt"1;
 margin-right: 8px;
}
.favorite-btn a span img {
 position: absolute;
 max-width:32px;
 height: auto;
 z-index: 0;
 top: -5px;
 left: 0;
}
/* -----------------検索結果・お気に入り一覧----------------- */

#school-search .form_container .form_cell .table_cell.hide, .form_container .form_cell .table_cell.hide {
 display: none;
}
.form_container .form_cell .table_cell.hide_feature {
 display: none !important;
}
.favo .heart.on {
 background-image: url("../../assets/img/icon-favorite-on.png");
}
.favo .heart.off {
 background-image: url("../../assets/img/icon-favorite-off.png");
}
.favo .heart {
 display: inline-block;
 background-size: 27px;
 background-repeat: no-repeat;
 width:30px;
height:28px;
 position: relative;
 top: 10px;
 image-rendering: crisp-edges; /* Firefox */
}
span.favo {
  cursor: pointer;
}
span.favo.favo_detail {
 display: inline-block;
}
span.favo.favo_detail .heart {
 display: inline-block;
 background-size: 35px;
 background-repeat: no-repeat;
 width: 27px;
 height: 30px;
 image-rendering: crisp-edges; /* Firefox */
 padding: 2px 0 2px 10px;
 cursor: pointer;
}
/* 入力用カレンダー */
.ui-datepicker {
 font-size: 90%;
}
.ui-widget-header {
 border: 1px solid #ffffff;
 background: #ff8800;
 color: #ffffff;
 font-weight: bold;
}
.ui-datepicker-title, .ui-datepicker-month, .ui-datepicker-year {
 color: #ffffff;
 font-weight: bold;
}
.ui-widget-header .ui-icon {
 background-image: url(/css/sys/images/ui-icons_2e83ff_256x240_2.png);
}
.ui-icon-circle-triangle-w {
 background-position: -80px -192px;
}
.ui-datepicker {
 width: 20em;
}

/***********************************
教習所検索 検索結果ページ
************************************/
/*検索画面見出し 横棒*/
.search-heading-line {
 overflow: hidden;
 text-align: center;
 font-size: 2.8rem;
 font-weight: 600;
 letter-spacing: 0.02em;
 margin-bottom: 1em;
}
.search-heading-line span {
 position: relative;
 display: inline-block;
 padding: 0 0.8em;
 text-align: left;
 font-weight: 600;
}
.search-heading-line span::before, .search-heading-line span::after {
 position: absolute;
 top: 40%;
 content: '';
 width: 800%;
 height: 8px;
 background-color: #fd5f3e;
}
.search-heading-line span::before {
 right: 100%;
}
.search-heading-line span::after {
 left: 100%;
}

#search-result .width100per{
 display:none;
}

#search-result .school-search-message{
 font-size:1.6rem;
 margin-top:10px;
 text-align:center;
}
#search-result #add_rules {
 display:none;
}
/* 検索結果　免許を選ぶ　エリアを選ぶ */
#search-result .input_div {
 display:flex;
 flex-wrap: wrap;
}
#search-result .input_div .form_cell_sidebyside:nth-child(1),
#search-result .input_div .form_cell_sidebyside:nth-child(2){
 width: calc(50% - 10px);
}
#search-result .input_div .form_cell_sidebyside:nth-child(1){
 margin-right:20px;
}
#search-result .input_div .form_cell_sidebyside:nth-child(3){
 width:100%;
}
/* チェックボックスデザイン */
#search-result .form_cell .table_cell {
  width: 16.66%;
}
@media only screen and (max-width: 1020px) {
 /* 教習所検索　タイトル */
#tab001_href {
 margin:15px 0 40px 0;
}
/* 検索結果　免許を選ぶ　エリアを選ぶ */
.input_div .form_cell_sidebyside {
 width: 100%;
 margin-right:0;
 margin-bottom:18px;
}
/* 教習所検索　セレクトボックス */
.form_cell_sidebyside {
 display:flex;
 margin-bottom:1em;
}
.form_cell_sidebyside .title {
 height:3.2em;
}
.form_cell_sidebyside .form select {
 height:3.2em;
}
/* 教習所検索　入校日 */
.form_cell_sidebyside input {
 height:3.2em;
}
/* チェックボックスデザイン */
.form_cell .table_cell {
  width: 50%;
}
/***********************************
教習所検索 検索結果ページ
************************************/
 /*共通見出し 横棒*/
 .search-heading-line {
  font-size: 2.4rem;
 }
#search-result .school-search-message{
 font-size:1.4rem;
}
#search-result .input_div {
 display:block;
}
#search-result .input_div .form_cell_sidebyside:nth-child(1),
#search-result .input_div .form_cell_sidebyside:nth-child(2){
 width: 100%;
}
#search-result .input_div .form_cell_sidebyside:nth-child(1){
 margin-right:0;
}
#search-result .form_cell .table_cell {
  width: 50%;
}
}