@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- 共通部分
- mv
- history_sec
- 追従　年表・コメントを見てくれると嬉しいな
- 追従　年表・コメントを見てくれると嬉しいな(sp)
- モーダル
-------------------------*/
/*=======================================
　共通部分
=======================================*/

body {
  margin: 0;
  background-color: #e7613c;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
}

.container img {
  max-width: 100%;
  height: auto;
  display: block;
}

.sns-wrap {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  height: auto;
  display: block;
}

.sns-img {
  width: 100%;
  height: auto;
  display: block;
}

.sns-map {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.sns-map-sp {
  display: none;
}

.hit {
  fill: transparent;
  cursor: pointer;
}

/* デバッグ用
.hit:hover {
  fill: rgba(255, 0, 0, 0.2);
}
 */

/* スマホ用 */
@media screen and (max-width: 768px) {

  .container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
  }

  .sns-map-pc {
    display: none;
  }

  .sns-map-sp {
    display: block;
  }

}