@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body{
	background-color: #fff8d7;
}


#inner_container{
	max-width: 480px;
	margin: 0 auto;
}

#inner_container img{
	vertical-align:top;
}

.image-wrap {
  position: relative;
  width: 100%;
  line-height: 0;
}

/* 画像を動画より奥に配置 */
.image-wrap img {
  position: relative;
  z-index: 1;
}

.link-area, .video-area {
  position: absolute;
  display: block;
}

.link-area {
  cursor: pointer;
  z-index: 3;
}

/* 動画エリアの個別設定 */
.video-area {
  border: none;
  z-index: 2;
  border-radius: 16px;
}