/*手動追加要素*/

#categorytitle{margin:20px 0 10px;width:100%;text-align:center;font-weight:bold;}
#categoryimg{width:100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;gap:5px;flex-wrap: nowrap;text-align:center;}
#categoryimg a{display:block;-webkit-flex-grow: 1;flex-grow: 1;width:16%;}
#categoryimg a img{width:100%;}


#bannerimg{width:100%;margin-bottom:20px;}
#bannerimg img{width:100%;height:auto;}

#bannerimg_middle{width:100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;gap:5px;flex-wrap: wrap;margin-bottom:20px;}
#bannerimg_middle a{width:calc(50% - 3px);}
#bannerimg_middle img{width:100%;height:auto;}

@media (max-width: 768px) {
  #bannerimg_middle a{width:45%;margin:5px auto;}
}

.insta_list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

.insta_list li{
    position: relative;
    width: calc((100% - 40px)/3);
}

@media screen and (max-width: 750px){
    .insta_list li{
        width: calc((100% - 40px)/3);
    }
}


/*インスタ表示*/

.insta_list li::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.insta_list a{
	position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.insta_list img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.insta_btn{
    background-color: #000;
    padding: .5em 1em;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
    transition: .3s
}

.insta_btn a{
    color: #fff;
    text-decoration: none;
}

.insta_btn:hover{
    background-color: #999;
}