@charset "UTF-8";

/* ========================================
   PC版CSS - 透明クリッカブルエリア方式
   和光堂120周年キャンペーン
   ======================================== */

/* --- ベースレイアウト --- */
.top_container {
  min-width: 1400px;
}
#main_pict {
  width: 1400px;
  margin: 0 auto;
}
#main_box {
  position: relative;
}

/* --- OWNLY標準の応募ボタンを非表示 --- */
#entry_button_area {
  display: none;
}

/* --- PCオーバーレイ --- */
#pcLayout {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  min-width: 1250px;
  max-width: 1400px;
  z-index: 10;
  pointer-events: none;
}

/* --- ボタン共通 --- */
#pcLayout a {
  position: absolute;
  display: block;
  transition: filter .24s, opacity .24s;
  cursor: pointer;
  pointer-events: auto;
  /* ★ 位置調整中はコメント外して可視化 ↓ */
  /* background: rgba(255, 0, 0, 0.25); */
}
#pcLayout a:hover {
  filter: brightness(1.15);
  opacity: 0.85;
}

/* ----- 1. 120図鑑バナー -----
   Y: 1240〜1410px */
#pcLayout .btn-zukan {
  top: 1240px;
  left: 310px;
  width: 780px;
  height: 170px;
}

/* ----- 2. Instagram ボタン -----
   Y: 5610〜5720px  X: 270〜670px */
#pcLayout .btn-ig {
  top: 5610px;
  left: 270px;
  width: 400px;
  height: 110px;
}

/* ----- 3. X(Twitter) ボタン -----
   Y: 5610〜5720px  X: 720〜1130px */
#pcLayout .btn-x {
  top: 5610px;
  left: 720px;
  width: 410px;
  height: 110px;
}

/* --- ガイドリンク色 --- */
.guide a {
  color: #0000FF;
}