@charset "UTF-8";

/* 切り替え
---------------------------------------------------------- */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
/* 決まりごと
---------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}
img {
  vertical-align: top;
  line-height: 1.0em;
}
a:hover img {
  opacity: 0.5;
}
/*グレーアウト*/
.img_grayout {
  filter: grayscale(100%);
}
p.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}

/* ここからスタート
---------------------------------------------------------- */
.bg_2511 {
  background-color: #00469B;
}
/* 雪
---------------------------------------------------------- */
.snowfall {
	z-index: 1;
  color: snow;
  font-size: 20px;
  position: fixed;
  top: -2%;
  text-shadow:
  5vw   -100px 2px,
  10vw  -400px 3px,
  20vw  -500px 4px,
  30vw  -580px 1px,
  39vw  -250px 2px,
  42vw  -340px 5px,
  56vw  -150px 2px,
  63vw  -180px 0,
  78vw  -220px 4px,
  86vw  -320px 9px,
  94vw  -170px 7px;
  animation: roll 8s linear infinite;
}
.snowfall2nd{animation: anim 10s linear infinite;}

@keyframes roll {
    0% {transform:rotate(0deg);opacity:0.2;}
   90% {opacity:0.4;}
   100% {transform:rotate(35deg);top:100%;opacity:0;}
}
@keyframes anim {
  100% {color:transparent;top:150%;}
}

/* メインコンテンツ
---------------------------------------------------------- */
.maincontents_2511 {
	z-index: 100;
  max-width: 900px;
  width: 900px;
margin: 0 auto;
  padding: 0 0 1rem 0;
}
/* xmasメニュー */
.xmasmenu_cat {
  width: 80%;
margin: 0 auto;
  padding: 0 0 1rem 0;
}

/* 各カテゴリベース
---------------------------------------------------------- */
.bg_gray {
  width: 89%;
margin: 0 auto 7rem;
  padding: 1rem 0 2rem 0;
  background-color: #e4e6e1;
}
/* タイトル */
.cat_title {
  width: 86%;
margin: 0 auto;
  padding: 2rem 0;
}
/* 商品名 */
.cat_title_02 {
  width: 86%;
margin: 0 auto;
  padding: 0 0 1rem;
}
/* 商品画像_大 */
.cat_img {
  width: 90%;
margin: 0 auto;
  padding: 0 0 1rem 0;
}
/* 商品画像_普通 */
.cat_img_02 {
  width: 86%;
margin: 0 auto;
  padding: 0 0 1rem 0;
}
/* 動画 */
.cat_mov {
  width: 82%;
margin: 0 auto;
  padding: 1rem 0;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* くわしくボタン */
.btn_kuwashiku {
  width: 80%;
margin: 0 auto;
  padding: 1rem 0 2rem;
}
/* 商品おすすめ文 */
.cat_recommendation {
  width: 86%;
margin: 0 auto;
  padding: 1rem 0 2rem;
}
/* 購入ボタン */
.kakaku {
  width: 70%;
margin: 0 auto;
  padding: 1rem 0 2rem;
}

/* リアルクラスベース
---------------------------------------------------------- */
.bg_black {
  width: 89%;
margin: 0 auto 7rem;
  padding: 1rem 0 2rem 0;
  background-color: #080404;
}
/*くわしくボタン*/
.bg_realclass {
  position: relative;
}
.btn_realclass {
  position: absolute;
width: 30%;
  top: 86%;
  left: 63%;
}