/* タイトル */
.title {
    text-align: center;
    font-size: 8.717vw;
    padding-top: 11.2vw;
    /* タイトルの上下間隔 */
    /* タイトルの上下間隔 */
    color: #676767;
    filter: drop-shadow(0vw 0vw 0vw black);
}


/* メイン画像の箱 */
.main_img_container {
    text-align: center;
}

/* メイン画像 */
.main_img {
    width: 69.333vw;
    height: 69.333vw;
}


/* AR・モーダルボタン */
.button_container {
    text-align: center;
}

/* ボタンのサイズ */
.button {
    width: 64vw;
    height: 12.8vw;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: black;
}

/* AR起動ボタン(モーダルでも使用) */
.button_open_ar {
    background-color: #676767;
    border: 0.266vw solid #676767;
    border-radius: 5px;
    font-size: 4.266vw;
    margin-top: 6.933vw;
    color: white;
}

/* モーダル起動ボタン */
.button_open_modal {
    background-color: white;
    border: 0.6vw solid #676767;
    border-radius: 5px;
    font-size: 4.266vw;
    margin-top: 3.2vw;
    color: #676767;
}

/* リンクボタンのテキスト */
.sns_link_share_text {
    margin: 0;
    font-size: 3.589vw;
    color: #676767;
    margin-top: 8.266vw;
}

/* リンクボタンの親 */
.sns_link_list {
    display: flex;
    list-style: none;
    margin: auto;
    justify-content: center;
    padding-left: 0;
    margin-top: 2.666vw;
    padding-bottom: 18.133vw;
}

/* aタグの下線を消す */
.sns_link {
    text-decoration: none;
}

/* リンクボタンのサイズと位置調整 */
.sns_link_button {
    display: inline-block;
    width: 8.974vw;
    height: 8.974vw;
    margin-left: 2vw;
    margin-right: 2vw;
    opacity: 1;
}

/* コピーライト */
.copyright {
    padding-top: 57.692vw;
    padding-bottom: 4vw;
    font-size: 2.933vw;
    color: #676767;
    white-space: nowrap;
    width: 100%;
}