@charset "UTF-8";

body,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{
  margin:0;
  padding:0;
}
h1,h2,h3,h4,h5,h6,p{
  font-weight:400;
}
li,ol,ul{
  list-style-type:none;
}
img{
  border:0;
  vertical-align:bottom;
}

#page * {
  box-sizing: border-box;
}
#page {
  font-size: 22px;
  /*font-family: "Noto Sans CJK JP", Lato, "Noto Sans JP", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  line-height: 1.4;
  overflow: hidden;
  background: url("../images/bg_gallery.jpg") left top #fff3e0 repeat-x;
}
.serif {
  font-family: 'Shippori Mincho', serif;
  font-weight: 600;
  color: #502a08;
}
.ib {
	/* font-size: inherit !important; */
	display: inline-block;
}
#page img {
  width: 100%;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  #page {
    font-size: 18px;
  }
}
@media screen and (max-width: 479px) {
  /* #page {
    font-size: 16px;
  } */
}

.arial {
  font-family: Arial;
}
.flex {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.inner_wrap {
  padding: 0 50px;
  margin: 0 auto;
  max-width: 1400px;
}
.movie {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  border: #502a08 2px solid;
  padding: 15px;
}
.tvo-video {
  height: calc(1010px * 0.5625);
}
@media screen and (max-width: 479px) {
  .inner_wrap {
    padding: 0 20px;
  }
}

#page a,
#page a:hover {
  transition: all 0.3s;
}
#page a:hover {
  opacity: 0.7;
}
#page a[tabindex="-1"]:hover {
  opacity: 1;
}
.btn_wrap {
  text-align: center;
}
.btn_base {
  padding: 20px 30px;
  border-radius: 16px;
  text-decoration: none;
  display: inline-block;
}
.btn_red {
  color: #fff;
  background-color: #d71718;
  /* border-bottom: solid 6px #7c1919; */
}
/* .btn_red:hover {
  opacity: 1 !important;
  margin-top: 6px;
  border-bottom: solid 0 #7c1919;
} */
@media screen and (max-width: 479px) {
	.btn_base {
	  padding: 20px 15px;
  }
}

.targetBox {
  opacity: 0;
  transition: opacity 0.5s ease-in;
}
.is-showTargetBox {
  opacity: 1;
  transition: opacity 0.5s ease-in;
}

.brXS, .brS, .brM, .brL { display: none; }
.brPC { display: none; }
@media (max-width: 479px) { .brXS { display: inline; } }
@media (max-width: 599px) { .brS { display: inline; } }
@media (max-width: 767px) { .brM { display: inline; } }
@media (max-width: 1024px) { .brL { display: inline; } }
@media (min-width: 1025px) { .brPC { display: inline; } }


#present {
  padding: 60px 0;
}
.block_head {
  text-align: center;
}
.pre_img.flex {
  align-items: center;
  justify-content: center;
}
.block_title {
  font-size: 36px;
  font-weight: bold;
  padding: 0 1em;
}
.img_card {
  max-width: 380px;
  margin: 30px 0;
}
.btn_notice {
  font-size: 18px;
  margin-bottom: 1em;
}
.btn_entry {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 20px;
}
.btn_entry i {
  margin-right: 8px;
}

.notice {
  font-size: 18px;
  margin: 60px auto 0;
}
.notice li {
  text-indent: -1em;
  padding-left: 1em;
}
.notice li:not(:last-child) {
  margin-bottom: 0.6em;
}
.notice li small {
  font-size: 16px;
  padding-left: 1em;
  display: block;
}

@media screen and (max-width: 767px) {
  .block_title {
    font-size: 6vw;
    padding: 0;
  }
}
@media screen and (max-width: 479px) {
  .block_title {
    font-size: 7vw;
  }
  .btn_entry {
    font-size: 7vw;
  }
}