@charset "UTF-8";
/* CSS Document */
/******************************************************************
/******************************************************************
/******************************************************************/
.contents {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/*プリントアウト用CSS（PCと同内容）*/
img {
  width: auto; }

.contents {
  max-width: 1080px;
  width: 96%;
  margin: 0 auto; }

.contents h3 {
  font-size: 140%;
  font-weight: 600;
  color: #003E91;
  border-top: 1px solid #4088f4;
  background: #e3e4e6;
  padding: 1.2rem 0.8rem 1rem 0.8rem;
  margin: 0 0 20px; }

.movieBox {
  margin: 0 0 60px; }

@media only screen and (max-width: 765px) {
  .contents h3 {
    font-size: 108%; }

  .movieBox {
    margin: 0 0 40px; } }
.mr15 {
  margin-right: 15px !important; }

.firstTxt {
  text-align: center;
  margin: 0 auto 20px; }

.mb200 {
  margin-bottom: 200px !important; }

.spVew {
  display: none; }

.pcVew {
  display: block; }

@media only screen and (max-width: 765px) {
  .spmb100 {
    margin-bottom: 100px !important; }

  .spVew {
    display: block; }

  .pcVew {
    display: none; } }
.photo_container ul.typeFlex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0; }

.photo_container ul.typeFlex:after {
  display: block;
  content: "";
  width: 30%; }

.photo_container ul.typeFlex li {
  width: 30%;
  padding: 0 0 30px; }

.photo_container ul.typeFlex li img {
  width: 100%; }

@media only screen and (max-width: 765px) {
  .photo_container ul.typeFlex li {
    width: 47%;
    padding: 0; }

  .photo_container ul.typeFlex:after {
    width: 47%; } }
.mainImg {
  width: 960px;
  height: auto;
  margin: 0 auto 50px;
  text-align: center; }

.mainImg img {
  width: 100%; }

@media only screen and (max-width: 765px) {
  .mainImg {
    width: 100%; } }
.ttl_container h3.event_ttl.type2 {
  font-size: 60px;
  font-weight: 900;
  margin-bottom: 30px;
  color: #000;
  border: none;
  background: none;
  padding: 0; }

@media only screen and (max-width: 765px) {
  .ttl_container h3.event_ttl.type2 {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 10px; } }
.title {
  font-size: 130%;
  margin: 0 auto 0.8rem; }

@media only screen and (max-width: 765px) {
  .title {
    font-size: 120%;
    margin: 0 auto 0.8rem; } }