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

.nya_box{
  padding-bottom: 40px;
}

.nya_box .nya_photolistwrap {
	columns: 3;
	column-gap: 24px;
  padding-top:1em;
  position:relative;
  padding-bottom:88px;
}
.nya_box .nya_photolist{
	break-inside: avoid-column;
	margin-bottom: 24px;
  background-color:#F8F4F0;
  border-radius:24px;
  padding:20px;
}

.nya_phico{
  border-radius: 100px 100px 0 0;
  background: #E8AAA4;
  width: fit-content;
  padding: 1.25em 1em 0.75em;
  transform: translateX(1em);
}

.nya_phico span{
  background-color: #FFF;
  border-radius: 6px;
  color: #E8AAA4;
  font-size: 0.875em;
  font-weight: bold;
  padding: 0.25em;
}

.nya_flx{
  display:flex;
  align-items: center;
  padding-top:1em;
}

.nya_flx img{
  display:inline-block;
  width:1.5em;
}

.nya_box .nya_photolist p{
  color:#6A5839;
  font-weight:bold;
  line-height:1.25;
  padding-left:0.5em;
}




.nya_blnk{
  position:absolute;
  bottom:0;
  left: 0;
  width:100vw;
  max-width:1000px;
  display:flex;
  justify-content:space-around;
}

.nya_seemore{width:50%;}

.nya_seemore input{
  display:block;
  border:none;
  border-radius: 33px;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  color:#E7A9A4;
  font-weight:bold;
  font-size:1.125em;
  padding:0.5em 3em;
  margin:auto;
}

@media screen and (min-width:801px) {
  .nya_seemore input:hover{
    opacity: 0.7;
  }
}

@media screen and (max-width:800px) {
  .nya_wrap{
    padding-bottom:40vw;
  }
  .nya_box .nya_photolistwrap {
    columns: 1;
  }
  .nya_blnk{  position:relative;
  flex-wrap:wrap;}
  .nya_seemore{width:100%;margin-bottom:1em;}
  .nya_seemore input{min-width:16em;}
  .nya_phico span {
    padding: 0.5em 0.25em;
    width: 4em;
    min-width: 4em;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
  }
}