@charset "utf-8";
/* CSS Document */

/* 共通スタイル（非表示状態） */
#suM1, #suM2, #suM3, #suM4, #suM5, #suM6, #suM7,
#suM8, #suM9, #suM10, #suM11, #suM12, #suM13, #suM14, #suM15 {
    position: absolute;
    box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.8s ease;
    pointer-events: none; /* 非表示中のクリックを防ぐ */
}

/* 表示切り替え用クラス */
.is-show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
}
/* 個別位置指定 */
#suM1 {
    left: 0px;
    top: 75px;
}
#suM2 {
    left: 160px;
    top: 75px;
}
#suM3 {
    left: 320px;
    width: 500px;
    top: 35px;
}
#suM4 {
    left: 480px;
    top: 55px;
}
#suM5 {
    top: 177px;
    right: 160px;
}
#suM6 {
    right: 5px;
    top: 177px;
}
#suM7 {
    right: 30px;
    top: 120px;
}
#suM8 {
    right: 30px;
    top: 115px;
}
#suM9 {
    top: 300px;
    left: 525px;
}
#suM10 {
    right: 75px;
    width: 200px;
    top: 110px;
}
#suM11 {
    right: 40px;
    width: 200px;
    top: 70px;
}
#suM14 {
    right: 35px;
    width: 200px;
    top: 50px;
}
#suM15 {
    right: 35px;
    width: 200px;
    top: 50px;
}
.tx1 {
    background-color: #000;
    color: #fff;
	/*display: none;*/
    overflow:auto;
    letter-spacing: 0.1em;
    line-height: 125%;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    text-align:left;
    border-style: ridge;
    border-color: #9F8060;
    border-width: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*position:absolute;*/
}
.tx1 {
    text-align:left;
	width: 200px;
	opacity: 0.8;
    font-size: 100%;
	z-index: 900;
}
