/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* フォームアイテム */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/


.modalWrap .act{
/*  background:red;*/
}


/* 24.09.17変更・追加  */
.noActiveDateItem .ui-datepicker-trigger{
  display:none;
}

.noActiveDateItem.active .ui-datepicker-trigger{
  display:inline-block;
}


/*===================================================*/
/*common.css より　移植変更*/
/*===================================================*/

.modalWrap .search__chk label {
  background: url("../img/search_chk.png") left center no-repeat;
  background-size: 22px 20px;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  min-height: 22px;
  line-height: 1;
  padding: 5px 0 0 26px;
  width: 100%;
  font-size:14px;
  margin:0 0 0 0;
}

.modalWrap .search__chk input[type="checkbox"] {
  display: none;
}
.modalWrap .srcChk input[type="checkbox"]:checked + label {
  background-image: url("../img/search_chk-on.png");
}

.modalWrap .search__chk input[type="checkbox"]:disabled + label {
  color:#cccccc;
}



/* 23.08.26変更・追加  */
.modalWrap .srcSelect {
  width:100%;
  background-image: url("../img/ico_select.png") !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  background-size: 16px 14px !important;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  box-sizing: border-box;
  padding: .5em 35px .5em 1em;
  text-align: left;
  word-break: normal;
  word-wrap: normal;
  -ms-word-break: normal;
}



/* .form__date  */

.form__date {
  border-radius: 5px;
  padding:.25em;
  border: 1px solid #b7b7b7;
  vertical-align: middle;
  width: 80px;
}

/* 24.09.17変更・追加  */
.modalWrap li.srcItemWrap.flxGroup{
  justify-content: flex-start;
}


/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media screen and (min-width: 981px) {

  .modalWrap .search__chk label {
    min-height: 22px;
    padding: 5px 0 0 26px;
    font-size:14px;
  }

  .modalWrap .flx2 .search__chk label {
    width: 290px;
  }
  .modalWrap .flx3 .search__chk label {
    width: 250px;
  }
  .modalWrap .flx4 .search__chk label {
    width: 700px;
  }

  /* 23.08.26変更・追加  */
  .modalWrap .srcList{
    padding-top:20px;
    width:100%;
  }

  .modalWrap .srcList.flx2 .srcItemWrap{
    margin-bottom:10px;
  }


  /* 24.09.17変更・追加  */
  .modalWrap li.srcItemWrap.flxGroup{
    margin-top:2px;
    padding-top:3px;
    width:505px;
  }
  .modalWrap li.srcItemWrap.flxGroup.distributionDate .search__chk{
    width:160px;
  }
  .modalWrap li.srcItemWrap.flxGroup.distributionDate .cal2{
    padding-right:20px;
    width:170px !important;
  }

}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/



/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media screen and (max-width: 980px) {
  .modalWrap .search__chk {
    font-size: 12px !important;
    padding: 0 1em 0 0;
    width: 70vw;
  }

  .modalWrap .flx3 li.srcItemWrap .search__chk label{
    width:43vw;
    line-height: 1.5;
  }
  .modalWrap .flx4 li.srcItemWrap .search__chk label{
    width:90vw;
    line-height: 1.5;
  }

  .modalWrap .dis{
    display: flex;
    margin-left: 0px;
  }
  .modalWrap .cal1 {
    min-width: 120px;
    margin-left: 0px;
  }

  /* 23.08.26追加  */
  .modalWrap .srcList.flx2 .srcItemWrap{
    margin-bottom:3vw;
  }
  .modalWrap .srcSelect{
    font-size:3.4vw !important;
  }

  /* 24.09.17変更・追加  */
  .modalWrap li.srcItemWrap.flxGroup.distributionDate{
    display:block;
    margin-top:2vw;
  }
  .modalWrap li.srcItemWrap.flxGroup.distributionDate .flxGroupItem02{
    width:100% !important;
    display:block;
    padding:1vw;
  }
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/




/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* モーダル */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/

:root {
  --cSrcActive:#afdee1;
  --cSrcSelected:#f7f6c8;
}

.modalBtn{
  cursor: pointer;
}

.modalWrap{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100dvh;
  background:rgba(255, 255, 255, 0.8);
  z-index:9999;
}

#srcModal.modalWrap.rsz{
  background:rgba(0, 0, 0, 1);
}


.modalClose{
  cursor: pointer;
  position:absolute;
  padding:0 0 0 0;
  margin:0 0 0 0;
}

.modalWrap.opened{
  display:flex;
  /* position:absolute; position:absolute;を指定すると開発環境の画面が崩れる  */
  right:0;
  align-items: flex-start;
}

.modalWrap .modalInr{
  box-sizing: border-box;
  position:relative;
  background-color:rgba(255, 255, 255, 1);
  background-repeat:no-repeat;
}

.modalItem{
  display: block;
}

.mSrcItemForm.fixed{
  overflow-y:hidden;
}


.mFormClear{
  cursor: pointer;
  background:#cccccc;
  text-align:center;
}

.modalWrap h3{
  color:var(--cUC);
  border-bottom:1px dotted var(--cUC);
}

.typeHead{
  position:absolute;
}

.typeHead li{
  box-sizing: border-box;
  border-top:1px solid var(--cUC);
  border-left:1px solid var(--cUC);
  cursor: pointer;
}

.typeHead li span{
  display:table-cell;
  box-sizing: border-box;
  color:var(--cUC);
  vertical-align: middle;
  font-weight:bold;
  text-align:center;
  line-height:1;
  background:#ffffff;
}

.typeHead li.active span{
  background:var(--cSrcActive);
}

/*検索ボタン周り*/
.srcBtnWrap{
  position:absolute;
}

input.mSrcBtn{
  border:none;
  background:var(--cUC);
  color:#ffffff;
  line-height:1;
  font-weight:bold;
  cursor: pointer;
}

.mSrcItemForm{
  box-sizing: border-box;
  z-index:0;
  position:relative;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}

/* 23.06.28追加：ボタンクリック前検索結果*/
.preResult{
  display:flex;
  justify-content: center;
  align-items: flex-end;
}
.preResultNum{
  font-weight: bold;
}
/* end | 23.06.28追加：ボタンクリック前検索結果*/



.modalWrap h3{
  font-weight:bold;
}


/*--------------------------------------------------------------------------------------*/
/*　個別アイテム
/*--------------------------------------------------------------------------------------*/

.categoryTgt{
  display:none;
  overflow-x: hidden;
}

.categoryTgt.opened{
  display:block;
}


/*--------------------------------------------------------------------------------------*/
/*　もっと詳しく
/*--------------------------------------------------------------------------------------*/

.srcItemWrap{
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.srcChkMore{
  display:none;
  width:70px;
  box-sizing: border-box;
  padding:1px 11px 0 0;
  background-image:url("../img/arrow_more.svg");
  background-repeat:no-repeat;
  background-size:8px;
  background-position:right center;
  font-size:11px;
  font-weight:bold;
  text-align:right;
  cursor: pointer;
  margin-right:4px;
}

_::-webkit-full-page-media, _:future, :root .srcChkMore {
  letter-spacing: -0.03em;
}


.active .srcChkMore{
  display:block;
}

.active{
  background-color:var(--cSrcSelected);
}


/*--------------------------------------------------------------------------------------*/
/*　詳細検索　階層02(leyer02)
/*--------------------------------------------------------------------------------------*/

.srcLayer02,.srcLayer03{
  background:#ffffff;
  box-sizing: border-box;
  height:100%;
  position:absolute;
  top:0;
  overflow-y: auto;
}

.srcLayer01{
  z-index:1;
  left:0;
}

.srcBackWrap{
  padding-top:1px;
  box-sizing: border-box;
}


.srcBack{
  background-image:url("../img/arrow_prev.svg");
  background-repeat:no-repeat;
  background-position:left center;
  cursor:pointer;
  display:block;
  z-index:5;
}

.srcLayer02{
  z-index:2;
}

.srcLayer02.opened{
  left:0;
}

.srcLayer03{
  z-index:3;
}

.srcLayer03.opened{
  left:0;
}

.secondaryList{
  border-top:1px solid #eeeeee;
}


/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media screen and (min-width: 981px) {
  .modalWrap{
    vertical-align: middle;
    justify-content: center;
    padding-top:45px;
  }

  .modalWrap .spOnly{
    display:none;
  }

  .modalClose{
    width:30px;
    top:-30px;
    right:2px;
  }
  .modalWrap .modalInr{
    box-sizing: border-box;
    width:1000px;
    max-height:90dvh;
    padding:10px 0px 10px 0;
    margin-top:4dvh;
  }

  .typeHead{
    top:10px;
    left:5px;
    width:186px;
  }

  .typeHead li{
    width:185px;
  }

  .typeHead li:last-child{
    border-bottom:1px solid var(--cUC);
  }

  .typeHead li span{
    width:185px;
    height:32px;
    font-size:13px;
    padding-top:4px;
  }

  .typeHead li.active{
    width:186px;
  }

  .typeHead li.active span{
    background:var(--cSrcActive);
    width:186px;
    padding-right:1px;
  }

  /*ボタン周り*/
  .srcBtnWrap{
    width:186px;
    top:186px;
    left:4px;
    text-align: center;
  }

  input.mSrcBtn{
    width:170px;
    padding:18px 0 15px;
    font-size:18px !important;
    border-radius: 8px;
    margin:0 auto;
  }

  /* 23.06.28追加：ボタンクリック前検索結果*/
  .preResult{
    padding-top:5px;
    padding-right:2px;
  }
  .preResultNum{
    padding:0 3px 0;
    font-size:21px;
  }
  .preResult small{
    font-size:12px;
    padding-bottom:4px;
  }
  /* end | 23.06.28追加：ボタンクリック前検索結果*/

  .mSrcItemForm{
    box-sizing: border-box;
    width:810px;
    margin-left:190px;
    padding:18px 0 0 20px;
    min-height: 200px;
    max-height:84dvh;
    border-left:1px solid var(--cUC);
  }


  /*追加 23.06.25*/
  .modalNoColumn .mSrcItemForm{
    margin-left:0px;
    width:996px;
    border-left:none;
  }

  .mFormClear{
    width:120px;
    font-size:12px;
    padding:5px 0 ;
    border-radius:6px;
    position:absolute;
    top:0;
    right:20px;
  }


  .formSection{
    margin-bottom:15px;
  }

  /*こだわり条件で探す用*/
  #srcDetailType03 .formSection{
    min-height:150px; /*23.08.01追記*/
    padding-bottom:85px;
  }
  .mSrcItemForm .formSection:last-child{
    margin-bottom:0px;
  }

  .modalWrap h3{
    font-size:16px;
    margin-bottom:15px;
  }

  .modalItem .itemFlx{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .modalItem .itemFlx li{
    margin-right:10px;
    margin-top:3px;
    padding:0 0 0 0;
  }

  .modalItem .flx2 li{
    width:370px;
  }

  .modalItem .flx3 li{
    width:250px;
    margin-right:5px;
  }

  .modalItem .flx2 li:nth-of-type(even){
    margin-right:0px;
  }

  .modalItem .flx3 li:nth-of-type(3n)){
    margin-right:0px;
  }

  .srcBackWrap{
    height:50px;
    padding-top:1px;
  }

  .srcBack{
    width:50px;
    background-size:8px;
    padding-left:14px;
    margin-top:10px;
  }

  .srcLayer02,.srcLayer03{
    transition: left .8s;
    left:810px;
    width:810px;
    padding-top:20px;
    padding-left:20px;
  }

  .secondaryList{
    margin-top:10px;
    padding-top:10px;
  }

}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/



/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media screen and (max-width: 980px) {

  .modalClose{
    width:5vw;
    top:1%;
    right:3vw;
  }

  .modalWrap .modalInr{
    width:100vw;
    min-height: 100vh; /* Fallback */
    min-height: calc(var(--vh, 1vh) * 100);
    padding:16vh 0px 0;
    overflow:hidden;
  }

  /*追加 23.06.25*/
   .modalNoColumn .modalInr{
     padding-top:8vh;
   }


  .typeHead{
    display:flex;
    width:90vw;
    left:5vw;
    top:calc( 8vh - (1px) );
    height:8vh;
  }

  .typeHead li{
    width:30vw;
  }

  .typeHead li:last-child{
    border-right:1px solid var(--cUC);
  }

  .typeHead li span{
    width:30vw;
    height:8vh;
    font-size:3vw;
    padding-top:1vw;
    line-height:1.4;
  }

  .typeHead li.active span{
    background:var(--cSrcActive);
    padding-right:1px;
  }

  .mFormClear{
    width:20vw;
    font-size:3vw;
    padding:1vw 0 ;
    border-radius:6px;
    position:fixed;
    top:18.5vh;
    right:3vw;
  }

  /*ボタン周り*/
  .srcBtnWrap{
    width:100%;
    left:0;
    top:calc(var(--vh, 1vh) * 83);
    min-height: calc(var(--vh, 1vh) * 17);
    padding-top:calc(var(--vh, 1vh) * 2);
    display: block;
    z-index:10;
    background:rgba(255, 255, 255, 0.8);
    text-align:center;
  }

  .isWebView .srcBtnWrap{
    top:calc(var(--vh, 1vh) * 79);
  }

  input.mSrcBtn{
    width:50vw;
    padding:4vw 0 4vw;
    font-size:4vw !important;
    border-radius: 8px;
    margin:0 auto;
  }

  /* 23.06.28追加：ボタンクリック前検索結果*/
  .preResult{
    padding-top: calc(var(--vh, 1vh) * 1);
    padding-right:7px;
  }
  .preResultNum{
    padding:0 0.5vw 0;
    font-size:4.4vw;
  }
  .preResult small{
    font-size:3.2vw;
    padding-bottom:0.5vw;
  }
  /* end | 23.06.28追加：ボタンクリック前検索結果*/



  .mSrcItemForm{
    width:100vw;
    padding:5vh 2vw 23vh;
    height:80vh;
    border-top:1px solid var(--cUC);
  }

  /*追加 23.06.25*/
   .modalNoColumn 	.mSrcItemForm{
    border-top:none;
    padding:0vh 2vw 5vh;
   }


   .modalNoColumn .secSeparate{
     border-top:none;
     padding-top:5vh;
  }


  .formSection{
    padding-bottom:3vh;
  }
  .mSrcItemForm .formSection:last-child{
    margin-bottom:0px;
  }


  .modalWrap h3{
    font-size:3.6vw;
    margin-bottom:1vh;
  }

  /*追加 23.06.25*/
   .modalWrap.modalNoColumn 	h3{
    border-top:1px dotted var(--cUC);
    font-size:4.2vw;
   }

  .modalItem .itemFlx li{
    margin-top:0.8vh;
  }

  .modalItem .flx3{
    display:flex;
    flex-wrap: wrap;
  }

  .modalItem .flx3 li{
    width:46vw;
    margin-right:4vw;
  }

  .modalItem .flx3 li:nth-of-type(2n){
    margin-right:0;
  }


  .srcBack{
    width:7vw;
    background-size:2vw;
    padding-left:2.5vw;
    margin-top:1.5vw;
  }

  .srcLayer02,.srcLayer03{
    transition: left 0.4s;
  }

  .srcLayer02,.srcLayer03{
    width:100vw;
    left:102vw;
    padding-top:2vw;
    padding-left:2vw;
    padding-right:2vw;
  }

  /*追加 23.09.12*/
  .srcLayer02 .itemFlx,.srcLayer03.itemFlx{
    padding-bottom:30vh;
  }
  /*End 追加*/


  li.srcItemWrap.formParent{
    width:100%;
  }

}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/