@charset "UTF-8";
html {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background: #e6e4d9;
}

.all {
  max-width: 600px;
  margin: 0 auto;
  background: #dcd3cb;
  opacity: 0;
  animation: fadeInBody 1s ease forwards;
}
svg {
  shape-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
}
path {
  shape-rendering: geometricPrecision;
}

img {
  width: 100%;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  line-height: 0;
}

li {
  list-style: none;
}
/* ふんわり表示 */
@keyframes fadeInBody {
  to {
    opacity: 1;
  }
}
/* リンクエリアの設定 */

.link li:hover {
  opacity: 0.5;
  transition: 1s;
}

/* topページの設定 */
/* .top_main{
	margin-bottom: 50px;
} */

/* 下層ページの設定 */
.top_button_area {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  padding: 46px 0;
}
.top_button_area a {
  width: 50%;
}
.top_button_area a:hover {
  opacity: 0.5;
  transition: 1s;
  background: #ffffff;
}

/* 応募ボタンの設定 */
.BtnArea {
  position: relative;
}
.BtnArea a {
  display: inline-block;
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.BtnArea,
.btn-area a img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.BtnArea a:hover,
.btn-area a:hover {
  opacity: 0.5;
  transition: 1s;
  background: #ffffff;
}
/* インスタリンクボタン */
.BtnArea.insta .insta_btn {
  position: absolute;
  top: 5%;
  bottom: auto;
}
/* 公式サイトボタン */
.BtnArea.insta .website_btn {
  position: absolute;
  top: 51%;
  bottom: auto;
}
/* LINEボタン */
.BtnArea.insta .line_btn {
  position: absolute;
  bottom: 21%;
}

/* 季節限定のリンクボタン */
.content-area {
  position: relative;
}
.SeasonalContents .btn-area {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6.5px;
  position: absolute;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.SeasonalContents .btn-area a {
  width: 41%;
}

/* インフォメーションのリンク */
.information .BtnArea a {
  bottom: 0.5%;
}
.information .insta .website_btn {
  top: 48%;
}
.information .insta .line_btn {
  bottom: 18%;
}