@charset "utf-8";
/* CSS Document */
.tfz_logobg article{
  filter: drop-shadow(0px 0px 30px #c1ecf3);
  z-index: 2;
  position: relative;
}
.tfz_pgheader{
  position: relative;
  background-image:url("../../img/common/logo_bg.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  max-width:1000px;
  margin: auto;
  padding-bottom: 40px;
  text-align: center;
  padding-top: 10px;
}
.tfz_pgheaderbg{
  position: absolute;
  max-width: 100%;
  left: 0;
  top: 102px;
}
.tfz_pgheadertxt{
  position: relative;
  z-index: 2;
}
.tfz_pgheader p:first-of-type{
  max-width:136px;
  margin:auto;
}
.tfz_pgheader h1{
  max-width: 700px;
  width: 100%;
  margin: 0 auto 1em;
}
.tfz_pgheader p:last-of-type{
  text-align: left;
  font-weight: bold;
  line-height: 1.8;
  color: #000;
  padding-left: 344px;
}
.tfz_pgheader p:last-of-type span{display: block;}

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

.tfz_gallerybox .tfz_opinion{
  max-width: 690px;
  width: 100%;
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 1em;
}

.tfz_gallerylist{
  display:flex;
  flex-wrap:wrap;
  padding:2%;
  margin-bottom:8px;
}

.tfz_gallerylist li{
  display: flex;
  width: 25%;
  padding: 0 1%;
}
.tfz_gallerylist li:nth-last-of-type(n+5){margin-bottom: 32px;}
.tfz_gallerylist li a{
  display: flex;
  flex-direction: column;
  text-decoration: none;
  width: 100%;
  line-height: 1.4;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.tfz_gallerylist li a>p:first-of-type{position: relative;}
.tfz_gallerylist li a>p:first-of-type img{width: 100%;}

.tfz_gallerylist li img{
  border-radius:8px;
}
.tfz_gallerylist li p:nth-of-type(2){
  padding: 0.5em 0;
  font-size:clamp(0.75rem, 0.125rem + 1.5vw, 1rem);
  color: #000;
}
.tfz_oadate{
  font-size: clamp(0.75rem, 1.5vw, 1.125rem);/*12-18 800-1200*/
  color: #7b7b7b;
  margin-top: auto;
}

.tfz_gotop{
  background-color:transparent;
}

.tfz_photoentrybtn {
  text-align: center;
}

.tfz_photoentrybtn a {
  display: inline-block;
  width: 220px;
  height: 50px;
  padding-top: 16px;
  text-align: center;
  border-radius: 8px;
  background-color: #FFFFFF;
  border: 1px solid #707070;
  color:#000;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  text-decoration:none;
}

.tfz_photoentrybtn a img{
  margin-left: 10px;
}

.tfz_oldvideo{
  text-align:center;
  padding-top:2em;
}

.tfz_oldvideo a{
  color:#000;
}


@media screen and (min-width:801px){
  .tfz_gallerylist li a:hover{opacity: 0.7;}
  .tfz_photoentrybtn a:hover {background-color: rgba(213, 255, 249, 0.9);}
  .tfz_oldvideo a:hover{text-decoration: none;}
}



@media screen and (max-width:1017px){
  .tfz_pgheader p:first-of-type{width:13.3vw;}
  .tfz_pgheader h1{width: 68.8vw;}
  .tfz_pgheader p:last-of-type{
    padding-left: 33.8vw;
    font-size: 1.5vw;
  }
  .tfz_pgheaderbg{top: 10vw;}
  
}
@media screen and (max-width:800px){
  .tfz_pgheaderbg{
    top: 22vw;
    width: 68.8vw;
    left: calc(50% - 34.4vw);
  }
  .tfz_pgheader{padding-bottom: 8px;}
  .tfz_pgheader h1{margin-bottom: 34.3vw;}
  .tfz_pgheader p:last-of-type{
    padding: 0 16px;
    font-size: 0.875rem;
  }
  .tfz_pgheader p:last-of-type span{display: inline;}

  .tfz_gallerylist li{width: 33.3%;}
  .tfz_gallerylist li a>p:first-of-type::before{
    top:calc(50% - 40px);
    right: calc(50% - 40px);
    width: 80px;
    height: 80px;
    background-size: contain;
  }
  .tfz_gallerylist li:nth-last-of-type(n+4){margin-bottom: 32px;}
}

@media screen and (max-width:428px){
  .tfz_gallerylist li{width: 50%;}
  .tfz_gallerylist li:nth-last-of-type(n+3){margin-bottom: 32px;}
  .tfz_gallerybox .tfz_opinion{width: 90%; margin: auto;}
}

/*-- ablogcss上書き --*/
.acms-pager{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}