@charset "utf-8";
/* CSS Document */

.tfz_logobg article{
  filter: drop-shadow(0px 0px 30px #c1ecf3);
  z-index: 2;
  position: relative;
}

.tfz_pgheader h1{
  max-width:140px;
  margin:auto;
}

.tfz_pgheader{
  background-image:url("../../img/common/logo_bg.svg");
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position: center -0.75vw;
  max-width:1000px;
  margin:auto;
  padding-top: 10px;
}

.tfz_topcaption{
  text-align: center;
}

.tfz_topcaption img{
  padding:20px 0;
  background-color:#FFF;
}

.tfz_searcharea{
  background-color:#DFF4FF;
  width:100%;
  max-width:890px;
  margin:auto;
  padding:1.5em 24px;
  border-radius: 10px;
}

.tfz_searchtitle{
  text-align: center;
  width:fit-content;
  margin:auto;
  padding-bottom:1rem;
  font-weight:bold;
}

.tfz_formbox form{
  display:flex;
  justify-content: center;
  width:100%;
  margin:auto;
  max-width:820px;
  align-items: center;
}

.tfz_submit{
  color:transparent;
  background-color:#FFF;
  border:solid 1px #C1C1C1;
  border-radius:72px;
  width:10rem;
  background-image:url("../img/bg_submit.svg");
  background-position:center center;
  background-repeat:no-repeat;
  height:40px;
}

.tfz_submit:hover{
  background-color:#DFF4FF;
}

.tfz_gallerybox{
  width:100%;
  background-color:#FFF;
  position:relative;
  z-index:2;
  padding-bottom:40px;
}

.tfz_gallerylist{
  display:flex;
  flex-wrap:wrap;
  padding:0.5%;
}

.tfz_gallerylist li{
  width:calc(100% / 8);
  padding:0.5%;
  position:relative;
}

.tfz_gallerylist li img{
  border-radius:8px;
}

.tfz_gotop{
  background-color:transparent;
}

/*-- モーダル上書き --*/
.mfp-iframe-scaler iframe{
  background-color:#FFF !important;
}
.mfp-iframe-holder .mfp-content{
  height: 64vh;
}
/*-- ablogcss上書き --*/
.acms-pager{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.acms-label-warning{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight:bold;
  position:absolute;
  top:0;
  left:0;
  transform: rotate3d(1, 1, 1, 340deg);
}

@media screen and (max-width: 800px){
  .tfz_pgheader h1{
    max-width:16vw;
  }
  .tfz_searcharea{
    width:90%;
    border-radius:0;
  }
  .tfz_formbox form{
    flex-wrap:wrap;
  }
  .tfz_submit{
    display:block;
    margin:10px auto;
  }
  .tfz_gallerybox{
    padding:1em 0;
  }
  .tfz_gallerylist li{
    width: calc(100% / 4);
  }
  #field_name_text{
    margin-top:1em;
  }
}