@charset "utf-8";
/* =============================================================================
	/css/instagram.css
    instagram投稿の埋め込み部分の書式
============================================================================= */
#instagram{
    /*width:calc(100%-2px);*/
    height:470px;
    border: 2px solid gray;
    border-radius: 4px;
    background-color:white;
}
#instagram_header{
    height:40px;
    display:flex;
    justify-content: space-between;
    border-bottom:2px solid gray;
    padding:4px 8px 4px 8px;
}

#instagram_icon img{
    height:100%;
}
#instagram_title{
    margin:auto;
}
#instagram_link img{
    height:100%;
}
#instagram_contents{
    height:100%;
    padding:4px;
}

/* 画像のリスト表示 */
#instagram_contents {
    width:100%;
    overflow:hidden;
    padding: 4px 8px 4px 8px;
    box-sizing: border-box;
}
#gallery{
    width:100%;
    height:100%;
    box-sizing:border-box;
    display:flex;
    overflow-x: auto;
    -ms-overflow-style: none; /*スクロールバー非表示（Edge用*/
    scrollbar-width: none; /*スクロールバー非表示（Firefox用*/
}
#gallery::-webkit-scrollbar{ /*スクロールバー非表示（chrome,safari用*/
    display: none;
}
.gallery_item {
    width: 75%;
    max-width:300px;
    height:400px;
    box-shadow: 3px 3px 3px gray;
    border:2px solid rgb(216, 216, 216);
    flex-shrink: 0;
}
.gallery_item_image {
    text-align:center;
}
.gallery_item + .gallery_item {
    margin-left: 16px;
}
.gallery_item_image img{
    height: 250px;
    width: 250px;
    object-fit: cover;
}
.gallery_item_timestamp {
    font-size:12px;
    padding:4px;
}
.gallery_item_comment{
    padding:5px;
    height:100px;
    font-size:12px;
}


/* 画像のサムネイル表示は調整中 */
/* サムネイル表示 */
/*
#gallery{
    display:flex;
}
.gallery_item {
    width:250px;
    box-shadow: 2px 2px 2px gray;
}
.gallery_item_image img{
    width:100%;
}
.gallery_item_comment{
    display:none;
}
*/