@charset "utf-8";

div.keyvisual{
	background: url("../img/bg.jpg") repeat-y top center;
	background-size: 100% auto;
}

/*----------------------------------
  mainimg
------------------------------------*/
.pc {
  display: none;
}
.oubosanka {
  font-size: 1.2em;
  padding: min(3vw, 40px) 0 min(2vw, 40px);
}
.oubosanka span {
  font-weight: bold;
  background: linear-gradient(transparent 50%, #ffff17 50%);
  padding: 0 0.3em;
}
/*----------------------------------
  appimg
------------------------------------*/
.appimgarea {
  background: #fff5bf;
  position: relative;
  padding-bottom: min(4vw, 2em);
}
.appimgarea > div {
  width: 100%;
  margin: 0 auto 2vw;
}
.appimg::after {
  content: "";
  width: 100%;
  height: 2vw;
  background-size: contain;
  display: block;
}
.appimg::after {
  transform: rotate(180deg);
  margin-top: -2px;
}
.appimg a {
  border: 2px solid #FFF;
  color: #FFF;
  background-color: #E50012;
  background-image: url("/common_v13/img/icon/svg/arrow/ar_white.svg");
  background-repeat: no-repeat;
  background-position: center right 12px;
  background-size: 18px auto;
}
.appimg.itemlist{
	background: none;
    padding: 2% 0 !important;
}

.itemlist a{
	background-color: #7D559F;
    margin-top: 0 !important;
}
/* TAB用768px～（TAB）
---------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .pc {
    display: block;
  }
  .oubosanka {
    font-size: 1.4em;
    text-align: center;
  }
  .appimgarea > div {
    width: 85%;
    margin: 0 auto 2vw;
  }
}
/* PC用1024px～（NPC）
---------------------------------------------------------------------*/
@media print, screen and (min-width: 1024px) {
  .appimg a {
    border: 4px solid #FFF !important;
    background-position: center right 28px !important;
    background-size: 28px auto !important;
  }
}
/* PC用1280px～（PC）
---------------------------------------------------------------------*/
@media print, screen and (min-width: 1280px) {}