﻿/*インスタ
--------------------------------------------------*/
.insta-all-box{
  position: relative;
  padding:80px 20px 100px;
  margin:0px auto ;
  text-align:center;
  overflow:hidden;
  max-width:650px;
}

/*
--------------------------------*/
.insta-title {
  position: relative;
  display:block;
  aspect-ratio:7 / 1;
  margin:0px auto 40px;
  width:100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-image: url(../images/concept/insta-black.svg);
}

/*
-------------------------------- */
.insta-inner-box{
  position: relative;
  letter-spacing: -10rem;
  font-size: 0;
  width:calc(100% + 3px);
  text-align:left;
}

/*
-------------------------------- */
.insta-contents{
  position: relative;
  display:inline-block;
  vertical-align: top;
  width:calc(100%/1 - 3px);
  margin-right:3px;
  margin-bottom:3px;
  text-align:center;
}
@media screen and (min-width: 415px) {
.insta-contents{
  width:calc(100%/2 - 3px);
}
}
@media screen and (min-width: 600px) {
.insta-contents{
  width:calc(100%/2 - 3px);
}
}
/*
-------------------------------- */
.thumbNail-snap-all-contents-inner,
a.thumbNail-snap-all-contents-inner {
  position: relative;
  display:block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  aspect-ratio:2 / 3;
  background-color:#fff;
}

.thumbNail-snap-all-contents-inner::after {
  position: absolute;
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  transform: translate(0,0);
  background-color:rgba(0,0,0,.0);
}

/*名前
-------------------------------------------------------------------------- */
.user-name {
  position: absolute;
  width:98%;
  bottom:0;
  left:50%;
  transform: translate(-50%,0);
  padding:10px 5px;
  font-size: 0rem;
  z-index:3;
  background-color:rgba(0,0,0,.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.user-name::after {
  position: relative;
  content:"";
  display:block;
  line-height:1;
  letter-spacing:0.05rem;
  font-size: 1.6rem;
  color:#fff;
  font-family: 'Montserrat';
  font-weight: 300;
}

.user-name.fuchu::after {
  content:"FUCHU";
}
.user-name.houya::after {
  content:"HOUYA";
}
.user-name.ikebukuro::after {
  content:"IKEBUKURO";
}
.user-name.iogi::after {
  content:"IOGI";
}
.user-name.kawagoe::after {
  content:"KAWAGOE";
}
.user-name.keiseikoiwa::after {
  content:"KEISEIKOIWA";
}
.user-name.kiyose::after {
  content:"KIYOSE";
}
.user-name.machida::after {
  content:"MACHIDA";
}
.user-name.mejiro::after {
  content:"MEJIRO";
}
.user-name.nakamurabashi::after {
  content:"NAKAMURABASHI";
}
.user-name.narimasu::after {
  content:"NARIMASU";
}
.user-name.tsutsujigaoka::after {
  content:"TSUTSUJIGAOKA";
}


