.container {
    width: 1400px;
    height: 700px;
    position: relative;
}

.container img {
    width: 1400px;   /* 100% →px指定 */
    height: 700px;   /* 高さ指定追加 */
    display: block;  
}

.container p {
    position: absolute;
    color: #fff;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

p span.size2 {
    font-size: 14px;
}

p span.size3 {
    color: #fff;
    font-size: 12px;
}

p span.size4 {
    color: #fff;
    font-size: 12px;
}

/* -----
  ツールチップ
----- */

.tooltip {
    position: relative;
    cursor: pointer;
    display: inline-block;
    z-index: 99999;
}

.tooltip p {
    margin: 0;
    padding: 0;
}

.description {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 100px;
}

.description:before {
    content: "";
    position: absolute;
    top: 0%;
    right: 95%;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    margin-left: -15px;
    transform: rotateZ(90deg);
}

.tooltip:hover .description {
    display: inline-block;
    top: 0px;
    left: 80px;
}

/* -----
  white
----- */
p#white-01 {
    top: 75px;
    left: 391px;
}

p#white-02 {
    top: 138px;
    left: 352px;
}

p#white-03 {
    top: 196px;
    left: 352px;
}

p#white-04 {
    top: 138px;
    left: 426px;
}

p#white-05 {
    top: 196px;
    left: 426px;
}

p#white-06 {
    top: 266px;
    left: 385px;
}

p#white-07 {
    top: 348px;
    left: 340px;
}

p#white-08 {
    top: 400px;
    left: 340px;
}

p#white-09 {
    top: 452px;
    left: 340px;
}

p#white-10 {
    top: 365px;
    left: 413px;
}

p#white-11 {
    top: 418px;
    left: 413px;
}

p#white-12 {
    top: 469px;
    left: 413px;
}

/* -----
  cyan
----- */
p#cyan-13 {
    top: 297px;
    left: 471px;
}

p#cyan-14 {
    top: 349px;
    left: 471px;
}

p#cyan-15 {
    top: 398px;
    left: 471px;
}

p#cyan-16 {
    top: 454px;
    left: 471px;
}

p#cyan-17 {
    top: 107px;
    left: 537px;
}

p#cyan-18 {
    top: 159px;
    left: 537px;
}

p#cyan-19 {
    top: 211px;
    left: 537px;
}


p#cyan-20 {
    top: 261px;
    left: 537px;
}

p#cyan-21 {
    top: 308px;
    left: 537px;
}

p#cyan-22 {
    top: 357px;
    left: 537px;
}

p#cyan-23 {
    top: 409px;
    left: 537px;
}

p#cyan-24 {
    top: 460px;
    left: 537px;
}

/* -----
  green
----- */

p#green-25 {
    top: 93px;
    left: 598px;
}

p#green-26 {
    top: 144px;
    left: 603px;
}

p#green-27 {
    top:195px;
    left: 603px;
}

p#green-28 {
    top:246px;
    left: 603px;
}

p#green-29 {
    top: 297px;
    left: 603px;
}

p#green-30 {
    top: 109px;
    left: 668px;
}

p#green-31 {
    top: 160px;
    left: 668px;
}

p#green-32 {
    top: 212px;
    left: 668px;
}

p#green-33 {
    top: 262px;
    left: 668px;
}



p#green-34 {
    top: 312px;
    left: 668px;
}

p#green-35 {
    top: 49px;
    left: 729px;
}

p#green-36 {
    top: 101px;
    left: 729px;
}

p#green-37 {
    top: 151px;
    left: 729px;
}

p#green-38 {
    top: 203px;
    left: 729px;
}

p#green-39 {
    top: 65px;
    left: 795px;
}

p#green-40 {
    top: 117px;
    left: 795px;
}

p#green-41 {
    top: 169px;
    left: 795px;
}

p#green-42 {
    top: 220px;
    left: 795px;
}

/* -----
  yellow
----- */

p#yellow-43 {
    top: 414px;
    left: 604px;
}

p#yellow-44 {
    top: 452px;
    left: 604px;
}

p#yellow-45 {
    top: 414px;
    left: 665px;
}

p#yellow-46 {
    top: 452px;
    left: 665px;
}

p#yellow-47 {
    top: 427px;
    left: 745px;
}

p#yellow-48 {
    top: 465px;
    left: 745px;
}

p#yellow-49 {
    top: 500px;
    left: 745px;
}

p#yellow-50 {
    top: 427px;
    left: 809px;
}

p#yellow-51 {
    top: 465px;
    left: 809px;
}

p#yellow-52 {
    top: 500px;
    left: 809px;
}

p#yellow-53 {
    top: 396px;
    left: 883px;
}

p#yellow-54 {
    top: 434px;
    left: 883px;
}

p#yellow-55 {
    top: 469px;
    left: 883px;
}

p#yellow-56 {
    top: 507px;
    left: 883px;
}

p#yellow-57 {
    top: 396px;
    left: 944px;
}

p#yellow-58 {
    top: 434px;
    left: 944px;
}

p#yellow-59 {
    top: 469px;
    left: 944px;
}

p#yellow-60 {
    top: 507px;
    left: 944px;
}

/* ----------
  以下の座席はGoogleカレンダーで予約する方針になったので使用しない
  https://mediaplex.slack.com/archives/C06E0PMKXMH/p1710837003943979?thread_ts=1710817937.500059&cid=C06E0PMKXMH
---------- */

/* -----
  box
----- */

p#box-01 {
    top: 237px;
    left: 736px;
}

p#box-02 {
    top: 237px;
    left: 791px;
}

/* -----
  square
----- */

p#square-01 {
    top: 482px;
    left: 1027px;
}

p#square-02 {
    top: 390px;
    left: 751px;
}

/* -----
  booth
----- */

p#booth-01 {
    top: 410px;
    left: 860px;
}

p#booth-02 {
    top: 410px;
    left: 923px;
}

p#booth-03 {
    top: 410px;
    left: 978px;
}

p#booth-04 {
    top: 410px;
    left: 1033px;
}

p#booth-05 {
    top: 410px;
    left: 1091px;
}

/* -----
  sofa
----- */

p#sofa-01 {
    top: 742px;
    left: 1046px;
}

p#sofa-02 {
    top: 630px;
    left: 1126px;
}

/* -----
  circle
----- */

p#circle-01 {
    top: 754px;
    left: 926px;
}