/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 24 2025 | 11:49:35 */
/* Instagramアイコン共通 */
.instagram-icon {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    transition: all 0.3s ease-in-out;
    z-index: 999; /* 他の要素と被らないように */
}

/* スマホ時の配置 */

    .instagram-icon {
        right: 5%;
		top:20px;
 /*       top: calc(1% - 30px); /* p-headerのtop:10pxを考慮 */
        width: 50px;
        height: 50px;
    }

@media (min-width: 1000px) and (max-width: 1280px){
    .instagram-icon {
        left: 380px;
		top:40px;
  /*      top: calc(2% - 10px); /* p-headerのtop:10pxを考慮して調整 */
        width: 60px;
        height: 60px;
    }
}
/* PC時の配置 */

@media (min-width: 1280px) {
    .instagram-icon {
        left: 450px;
		top:40px;
   /*     top: calc(2% - 10px); /* p-headerのtop:10pxを考慮して調整 */
        width: 80px;
        height: 80px;
    }
}

