@charset "utf-8";

@-webkit-keyframes sway {
  from {
	opacity: 1;
    -webkit-transform: translateY(0) rotateZ(0);
    transform: translateY(0) rotateZ(0);
  }
  50% {
    -webkit-transform: translateY(8px)  rotateZ(0.5deg);
    transform: translateY(8px) rotateZ(0.5deg);
  }
  to {
	opacity: 1;
    -webkit-transform: translateY(0) rotateZ(0);
    transform: translateY(0) rotateZ(0);
  }
}
@keyframes sway {
  0% {
	opacity: 1;
    -webkit-transform: translateY(0) rotateZ(0);
    transform: translateY(0) rotateZ(0);
  }
  50% {
    -webkit-transform: translateY(8px)  rotateZ(0.5deg);
    transform: translateY(8px) rotateZ(0.5deg);
  }
  100% {
	opacity: 1;
    -webkit-transform: translateY(0) rotateZ(0);
    transform: translateY(0) rotateZ(0);
  }
}
.sway {
	-webkit-animation-name: sway;
	animation-name: sway;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}

@-webkit-keyframes blurIn {
  0% {
	opacity: 0;
    -webkit-filter: blur(6px);
    filter: blur(6px);
  }
  100% {
	opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes blurIn {
  0% {
	opacity: 0;
    -webkit-filter: blur(6px);
    filter: blur(6px);
  }
  100% {
	opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
.blurIn {
	-webkit-animation-name: blurIn;
	animation-name: blurIn;
}

@-webkit-keyframes flow {
  from {
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
  }
  to {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
  }
}
@keyframes flow {
  0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  50% {
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	}
  100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}
.flow {
	-webkit-animation-name: flow;
	animation-name: flow;
}


/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #bc8f5a;
  opacity: 1;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
.mfp-preloader a {
   color: #CCC; }
.mfp-preloader a:hover {
    color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	text-indent: -9999px;
   }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
	position: absolute;
	top: 55px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 960px;
	width: 98%;
	height: 44px;
	text-decoration: none;
	text-align: center;
	opacity: 1;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
	text-indent: -9999px;
	font-size: 0;
  }
  .mfp-close:before {
	position: absolute;
	top: 0; 
	right: 0;
	content: '';
	display: block;
	width: 60px;
	height: 4px;
	background-color: #fff;
	-webkit-transform: rotateZ(45deg);
	-ms-transform: rotate(45deg);
	transform: rotateZ(45deg);
  }
  .mfp-close:after {
	position: absolute;
	top: 0; 
	right: 0;
	content: '';
	display: block;
	width: 60px;
	height: 4px;
	background-color: #fff;
	-webkit-transform: rotateZ(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotateZ(-45deg);
  }
  @media screen and (max-width: 800px) {
  .mfp-close:before {
	width: 9.333333vw;
	height: 3px;
  }
  .mfp-close:after {
	width: 9.333333vw;
	height: 3px;
  }
 .mfp-close {
	top: 6.666666vw;
  }
  }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); */
    /* background: #000;*/  }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


/* ------------------------------------------------------------ 
	共通
------------------------------------------------------------ */
#dqm2 {
	opacity: 0;
	font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN",  Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, YuGothic,sans-serif;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/bg01.png) center top fixed;
	-webkit-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

#dqm2 img {
	width: 100%;
	height: auto;
	outline: 1px solid transparent;
	pointer-events: none;
}
#dqm2 a {
	cursor: pointer;
}
#dqm2 a img {
	pointer-events: auto;
}
#dqm2 .inner {
	position: relative;
	margin: 0 auto;
	max-width: 900px;
}
#dqm2 .spOnly {
	display: none;
}
#dqm2 .pcOnly {
	display: block;
}

/* ローディング */
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1000;
}
#loader-bg-inner {
	display:-webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	
}
#loader {
  display: none;
  width: 80px;
  height: auto;
  z-index: 2000;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
}
#loader img {
	width: 100%;
	height: auto;
}

/* ページトップに戻るボタン */
.btn-top {
	position: fixed;
	bottom: 20px;
	right: 40px;
	z-index: 300;
	width: 60px;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.btn-top:hover {
	-webkit-transform: translateY(-12px);
	    -ms-transform: translateY(-12px);
	        transform: translateY(-12px);
}

.inview {
	opacity: 0;
}
.inview-bounce {
	opacity: 0;
	-webkit-animation-delay: 0.5s;
	        animation-delay: 0.5s;
}


/* ------------------------------------------------------------ 
	メインビジュアル
------------------------------------------------------------ */
#main {
	overflow: hidden;
	position: relative;
	background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/main-bg01-pc.jpg) center top no-repeat;
	background-size: 100% auto;
}
#main:after {
	position: absolute;
	bottom: 0;
	z-index: 100;
	content: '';
	display: block;
	width: 100%;
	height: 30px;
	background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/li01-pc.png) center top repeat;
}
.main-bg-sp {
	display: none;
}
.main-bg-pc {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}
.main-bg-chara {
	opacity: 0;
	display: block;
	-webkit-transform: translateY(5px);
	    -ms-transform: translateY(5px);
	        transform: translateY(5px);
	font-size: 0;
	-webkit-transform-origin: 50% 100%;
	    -ms-transform-origin: 50% 100%;
	        transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform 1s ease-in-out;
	transition: -webkit-transform 1s ease-in-out;
	-o-transition: transform 1s ease-in-out;
	transition: transform 1s ease-in-out;
	transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

/* ロゴ */
.main-logo {
	opacity: 0;
	position: absolute;
	top: 2.333333vw;
	left: 7.416666vw;
	z-index: 100;
	width: 45.916666vw;
}

/* 好評発売中 */
.main-popularity {
	opacity: 0;
	position: absolute;
	top: 6.166666vw;
	left: 57.166666vw;
	z-index: 100;
	width: 17.083333vw;
}

/* YouTube */
.main-movie-sp {
	display: none;
}
.main-movie-pc {
	opacity: 0;
	position: absolute;
	top: 28.5vw;
	left: 12.5vw;
	z-index: 100;
	width: 30vw;
	height: 16.916666vw;
	-webkit-animation-delay: 0.2s;
	        animation-delay: 0.2s;
}
.main-movie-pc:hover .main-movie-frame:before {
	opacity: 1;
}
.main-movie-pc:hover a {
	opacity: 1;
}
.main-movie-pc a {
	opacity: 0;
	display: block;
	position: absolute;
	top: 2.5vw;
	left: 2.3vw;
	z-index: 200;
	width: 360px;
	width: 30vw;
	height: 203px;
	height: 16.916666vw;
	background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/main-movie-arrow01-pc.png) center center no-repeat;
	background-size: 62px auto;
	background-size: 5.166666vw auto;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.main-movie-pc iframe {
	position: absolute;
	top: 2.5vw;
	left: 2.3vw;
	z-index: 100;
	width: 100% !important;
	height: 100% !important;
}
.main-movie-frame {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	width: 35vw;
}
.main-movie-frame img {
	position: relative;
	z-index: 200;
}
.main-movie-frame:before {
	opacity: 0;
	position: absolute;
	top: 2.5vw;
	left: 2.3vw;
	content: '';
	display: block;
	width: 30vw;
	height: 16.916666vw;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

/* お知らせ */
.main-info-sp {
	display: none;
}
.main-info-pc {
	opacity: 0;
	position: absolute;
	top: 51.833333vw;
	left: 13.916666vw;
	z-index: 100;
	padding-bottom: 1.166666vw;
	width: 32vw;
	height: 18.5vw;
	background-color: #fcf8e9;
	border: 2px solid #bc8f5a;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-animation-delay: 0.3s;
	        animation-delay: 0.3s;
}
.main-info-head {
	margin-bottom: 1.166666vw;
	padding: 0.666666vw 0 0.75vw 0;
	width: 100%;
	background-color: #bc8f5a;
	text-align: center;
	font-size: 0;
}
.main-info-head span {
	display: inline-block;
	width: 9.75vw;
}

.main-info-list {
	overflow: auto;
	height: 12vw;
}
.main-info-item {
	margin: 0 1.666666vw;
	font-weight: bold;
}
.main-info-item:not(:last-of-type) {
	margin-bottom: 1vw;
	padding-bottom: 1vw;
	border-bottom: 1px solid #bc8f5a;
}
.main-info-item a {
	display: block;
	text-decoration: none;
	-webkit-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.main-info-item time {
	color: #9d7649;
	font-size: 1.166666vw;
	letter-spacing: 0.04em;
}
.main-info-item p {
	color: #000;
	font-size: 1.333333vw;
	letter-spacing: 0.07em;
}
.main-info-item a:hover {
	opacity: 0.5;
}


/* ダウンロードボタン */
.main-download {
	opacity: 0;
	position: absolute;
	top: 72vw;
	left: 13.916666vw;
	z-index: 100;
	-webkit-animation-delay: 0.4s;
	        animation-delay: 0.4s;
}
.main-download-list li a {
	-webkit-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.main-download-list li a:hover {
	opacity: 0.7;
}
.main-download-apple {
	display: inline-block;
	margin-right: 0.916666vw;
	width: 14.166666vw;
}
.main-download-google {
	display: inline-block;
	width: 16.916666vw;
}


/* ------------------------------------------------------------ 
	「DQモンスターズ２　イルとルカの不思議な鍵SP」とは
------------------------------------------------------------ */
#about {
	padding-top: 64px;
	background-image: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/about-bg02-pc.png), url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/about-bg01-20200806-pc.jpg);
	background-position: center bottom, center top;
	background-repeat: no-repeat;
	background-size: 2206px auto, cover;
}
.about-bg-sp {
	display: none;
}

.about-head {
	margin: 0 auto;
	padding-bottom: 54px;
	max-width: 636px;
}
.about-txt {
	margin: 0 auto;
	max-width: 736px;
}
.about-txt:not(:last-of-type) {
	padding-bottom: 40px;
}

.about-illust {
	opacity: 0;
	position: absolute;
	z-index: 100;
	display: block;
}
.about-illust01 {
	width: 191px;
	top: 234px;
	left: 802px;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.about-illust02 {
	width: 141px;
	top: -79px;
	left: -19px;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.about-illust03 {
	width: 225px;
	top: -165px;
	left: 778px;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.about-monsters {
	display: block;
	margin: 0 auto;
	max-width: 1029px;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.about-monsters img {
	margin: 0 0 -106px -55px;
}


/* ------------------------------------------------------------ 
	おはなし
------------------------------------------------------------ */
#story {
	overflow: hidden;
	padding: 123px 0 110px 0;
	background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/story-bg01.png) center top repeat fixed;
}
.story-head {
	margin: 0 auto;
	padding-bottom: 46px;
	max-width: 730px;
	font-size: 0;
}
.story-intro {
	position: relative;
	margin: 0 auto;
	max-width: 700px;
}
.story-txt {
	opacity: 0;
	position: absolute;
	left: 0;
}
.story-txt:nth-of-type(1) {
	top: 101px;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.story-txt:nth-of-type(2) {
	top: 262px;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.story-illust {
	opacity: 0;
	position: absolute;
	display: block;
}
.story-illust01 {
	top: -12px;
	left: -20px;
	width: 131px;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
}
.story-illust02 {
	top: -71px;
	right: -49px;
	width: 222px;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
}
.story-illust03 {
	top: 409px;
	left: -14px;
	width: 96px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.story-illust04 {
	top: 508px;
	left: 31px;
	width: 194px;
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.story-illust05 {
	bottom: -51px;
	right: 16px;
	width: 380px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}


/* ------------------------------------------------------------ 
	登場人物
------------------------------------------------------------ */
#character {
	padding: 79px 0 50px 0;
}
.character-head {
	margin: 0 auto;
	padding-bottom: 63px;
	max-width: 730px;
	font-size: 0;
}

.character-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.character-box {
	position: relative;
	width: 400px;
	text-align: center;
	font-size: 0;
}
.character-illust {
	opacity: 0;
	width: 182px;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
}
.character-circle {
	opacity: 0;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	content: '';
	display: block;
	margin-left: 50px;
	width: 300px;
	height: 300px;
	border-radius: 50%;
}
.character-name {
	opacity: 0;
}
.character-profile {
	opacity: 0;
}


/* ルカ */
.character-box.ruka {
	margin-bottom: 100px;
}
.character-box.ruka .character-circle {
	background-color: rgba(94, 161, 239, 0.4);
}
.character-illust.ruka {
	position: absolute;
	top: -32px;
	left: 109px;
}
.character-box.ruka .character-name {
	margin: 98px auto 22px auto;
}

/* イル */
.character-box.iru {
	margin-bottom: 100px;
}
.character-box.iru .character-circle {
	background-color: rgba(29, 169, 146, 0.4);
}
.character-illust.iru {
	position: absolute;
	top: 13px;
	left: 109px;
}
.character-box.iru .character-name {
	margin: 98px auto 22px auto;
}


/* カメハ王子 */
.character-box.kameha .character-name {
	margin-bottom: 22px;
}

/* ワルぼう */
.character-box.warubou .character-name {
	margin-bottom: 22px;
}

#character .note {
	opacity: 0;
	padding-top: 86px;
	font-size: 14px;
	letter-spacing: 0.07em;
	text-align: right;
}


/* ------------------------------------------------------------ 
	「DQモンスターズ２　イルとルカの不思議な鍵SP」の特徴
------------------------------------------------------------ */
#feature {
	position: relative;
	padding: 70px 0 361px 0;
	background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/feature-bg01.jpg) center top no-repeat fixed;
	background-size: cover;
}
.feature-head {
	margin: 0 auto;
	padding-bottom: 50px;
	max-width: 877px;
	font-size: 0;
}

.feature-block {
	margin: 0 auto;
	max-width: 870px;
	font-size: 0;
}
.pickup {
	display: block;
}
.pickup:nth-of-type(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.pickup:nth-of-type(odd) .pickup-description {
	margin-right: 50px;
}
.pickup:nth-of-type(even) .pickup-description {
	margin-left: 80px;
}
.feature-title {
	padding-bottom: 22px;
	max-width: 540px;
}
.feature-txt {
	max-width: 510px;
}
.slider {
	max-width: 250px;
}
.slick-arrow {
	position: absolute;
	top: 0;
	padding: 0;
	width: 45px;
	height: 100%;
	border: none;
	background-color: transparent;
	outline: none;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
.slick-prev {
	left: -45px;
	background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/arrow01.png) center left no-repeat;
	background-size: 30px auto;
}
.slick-next {
	right: -45px;
	background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/arrow02.png) center right no-repeat;
	background-size: 30px auto;
}
.slick-slide {
	outline: none;
}

.pickup .note {
	position: relative;
	margin-top: 24px;
	padding-left: 1em;
	font-size: 12px;
	letter-spacing: 0.07em;
}
.pickup .note:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '※';
}

.pickup01 .feature-title {
	padding-top: 37px;
}

.pickup02 {
	margin-top: -21px;
}
.pickup02 .feature-title {
	padding-top: 97px;
}

.pickup03 {
	padding-top: 15px;
}
.pickup03 .feature-title {
	padding-top: 57px;
}

.pickup04 {
	padding-top: 80px;
}
.pickup04 .feature-title {
	padding-top: 87px;
}

.pickup05 {
	margin-top: -14px;
}
.pickup05 .feature-title {
	padding-top: 137px;
}


.feature-monster {
	opacity: 0;
	position: absolute;
}
.feature-monster01 {
	width: 152px;
	top: -282px;
	left: 0;
}
.feature-monster02 {
	width: 185px;
	top: 182px;
	left: 152px;
}
.feature-monster03 {
	width: 181px;
	top: 298px;
	left: 367px;
}
.feature-monster04 {
	width: 159px;
	top: 451px;
	left: 789px;
}
.feature-monster05 {
	width: 171px;
	top: 1184px;
	left: 111px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.feature-monster06 {
	width: 232px;
	top: 1158px;
	left: 313px;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.feature-monster07 {
	width: 202px;
	top: 1388px;
	left: 712px;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.feature-monster08 {
	width: 210px;
	top: 1665px;
	left: 776px;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.feature-monster09 {
	width: 168px;
	top: 1793px;
	left: 341px;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.feature-monster10 {
	width: 254px;
	top: 2348px;
	left: -29px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.feature-monster11 {
	width: 244px;
	top: 2314px;
	left: 704px;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.feature-monster12 {
	width: 585px;
	top: 2284px;
	left: 147px;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}


/* ------------------------------------------------------------ 
	フッター
------------------------------------------------------------ */
#footer {
	padding: 70px 0 80px 0;
	color: #fff;
	background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/li01-pc.png), url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/footer-bg01.png);
	background-position: center top;
	background-repeat: repeat-x, repeat;
}
#footer .inner {
	max-width: 1000px;
}
.footer-spec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 35px;
}
.footer-logo {
	display: block;
	margin-right: 20px;
	max-width: 360px;
}
.footer-spec-detail {
	padding-top: 15px;
	width: 620px;
}
.footer-spec-list {
	letter-spacing: 0.07em;
	font-size: 16px;
	line-height: 1.5;
}
.footer-spec-list:not(:last-of-type) {
	padding-bottom: 7px;
}
.footer-spec-title {
	width: 4.5em;
}
.footer-spec-txt:before {
	content: '：';
	position: absolute;
	top: 0;
	left: 0;
}
.footer-spec-txt {
	position: relative;
	margin: -1.5em 0 0 4.6em;
	padding-left: 1em;
}
.footer-guarantee {
	display: block;
	padding-top: 22px;
}
.footer-guarantee a {
	color: #fff;
	text-decoration: underline;
	letter-spacing: 0.07em;
}
.footer-guarantee a:hover {
	text-decoration: none;
}

.footer-app {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-top: -20px;
}
.footer-appicon {
	display: block;
	width: 100px;
	font-size: 0;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
.footer-download {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	font-size: 0;
}
.footer-download a {
	-webkit-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.footer-download a:hover {
	opacity : 0.6;
}
.footer-download-apple {
	display: inline-block;
	margin-right: 10px;
	width: 140px;
}
.footer-download-google {
	display: inline-block;
	margin-right: 10px;
	width: 173px;
}

.footer-guideline {
	display: block;
	margin-bottom: 35px;
	text-align: center;
}
.footer-guideline a {
	display: inline-block;
	padding: 16px 0 16px;
	width: 343px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.07em;
	line-height: 1;
	border: 1px solid #fff;
	border-radius: 15px;
	-webkit-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.footer-guideline a:hover {
	opacity : 0.6;
}

.footer-series {
	font-size: 0;
	text-align: center;
}
.footer-series-banner {
	display: inline-block;
	width: 225px;
}
.footer-series-banner a {
	-webkit-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.footer-series-banner a:hover {
	opacity : 0.6;
}
.footer-series-banner:not(:last-of-type) {
	margin-right: 10px;
}


/* ------------------------------------------------------------ 
	お知らせ詳細
------------------------------------------------------------ */
#information {
	font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN",  Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, YuGothic, sans-serif;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: 0.07em;
	margin: 100px auto;
	padding: 45px 30px 50px 30px;
	width: 90%;
	max-width: 960px;
	background-color: #fff;
	border: 3px solid #603c11;
	border-radius: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.information-post:not(:last-of-type) {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 2px solid #603c11;
}
.information-post-head {
	padding-bottom: 30px;
}
.information-post-head time {
	display: block;
	padding-bottom: 8px;
	color: #c68e48;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.information-post-head h2 {
	font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN",  Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, YuGothic, sans-serif;
	font-size: 22px;
	letter-spacing: 0.07em;
}
.information-post-body {
	letter-spacing: 0.07em;
	font-size: 15px;
}
.information-post-body p {
	font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN",  Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, YuGothic, sans-serif;
	margin-bottom: 20px;
}

.information-post-body ul {
	padding-bottom: 20px;
}
.information-post-body li {
	font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN",  Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, YuGothic, sans-serif;
	position: relative;
	padding-left: 1em;
}
.information-post-body li:not(:last-of-type) {
	margin-bottom: 8px;
}
.information-post-body li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '・';
}


/* --------------------------------------------------------------------------------
	
	ここから中間値

-------------------------------------------------------------------------------- */
@media screen and (max-width: 1085px) {
	/* ------------------------------------------------------------ 
		共通
	------------------------------------------------------------ */
	#dqm2 {
	}
	
	#dqm2 img {
	}
	#dqm2 a {
	}
	#dqm2 .inner {
		max-width: none;
		width: 75%;
	}
	
	
	/* ------------------------------------------------------------ 
		「DQモンスターズ２　イルとルカの不思議な鍵SP」とは
	------------------------------------------------------------ */
	#about {
		padding-top: 5.333333vw;
	}
	
	.about-head {
		padding-bottom: 4.5vw;
		max-width: none;
		width: 53vw;
	}
	.about-txt {
		max-width: none;
		width: 61.333333vw;
	}
	.about-txt:not(:last-of-type) {
		padding-bottom: 3.333333vw;
	}
	
	.about-illust {
	}
	.about-illust01 {
		width: 15.916666vw;
		top: 16.833333vw;
		left: 66.833333vw;
	}
	.about-illust02 {
		width: 11.75vw;
		top: -6.583333vw;
		left: -1.583333vw;
	}
	.about-illust03 {
		width: 18.75vw;
		top: -13.75vw;
		left: 64.833333vw;
	}
	
	.about-monsters {
		display: block;
		margin: 0 auto;
		max-width: none;
		width: 85.75vw;
	}
	.about-monsters img {
		margin: 0 0 -8.833333vw -4.583333vw;
	}
	
	
	/* ------------------------------------------------------------ 
		おはなし
	------------------------------------------------------------ */
	#story {
		padding: 10.25vw 0 9.166666vw 0;
	}
	.story-head {
		padding-bottom: 3.833333vw;
		max-width: none;
		max-width: 60.833333vw;
	}
	.story-intro {
		max-width: none;
		max-width: 58.333333vw;
	}
	.story-txt {
	}
	.story-txt:nth-of-type(1) {
		top: 8vw;
	}
	.story-txt:nth-of-type(2) {
		top: 21.416666vw;
	}
	.story-illust {
	}
	.story-illust01 {
		top: -1vw;
		left: -1.666666vw;
		width: 10.916666vw;
	}
	.story-illust02 {
		top: -5.75vw;
		right: -1.25vw;
		width: 15.416666vw;
	}
	.story-illust03 {
		top: 31.666666vw;
		left: -1.166666vw;
		width: 8vw;
	}
	.story-illust04 {
		top: 40vw;
		left: 2vw;
		width: 15.583333vw;
	}
	.story-illust05 {
		bottom: -4.25vw;
		right: 1.75vw;
		width: 31.666666vw;
	}
	
	
	/* ------------------------------------------------------------ 
		登場人物
	------------------------------------------------------------ */
	#character {
		padding: 79px 0 50px 0;
	}
	.character-head {
		padding-bottom: 5.25vw;
		max-width: none;
		max-width: 60.833333vw;
	}
	
	.character-block {
	}
	.character-box {
		margin: 0 auto;
		width: 33.333333vw;
	}
	.character-illust {
		width: 15.166666vw;
	}
	.character-circle {
		width: 25vw;
		height: 25vw;
	}
	
	/* ルカ */
	.character-box.ruka {
		margin-bottom: 8.333333vw;
	}

	.character-illust.ruka {
		top: -2.666666vw;
		left: 9.083333vw;
	}
	.character-box.ruka .character-name {
		margin: 8.166666vw auto 1.833333vw auto;
	}
	
	/* イル */
	.character-box.iru {
		margin-bottom: 8.333333vw;
	}

	.character-illust.iru {
		left: 10.083333vw;
	}
	.character-box.iru .character-name {
		margin: 8.166666vw auto 1.833333vw auto;
	}
	
	
	/* カメハ王子 */
	.character-box.kameha .character-name {
		margin-bottom: 1.833333vw;
	}
	
	/* ワルぼう */
	.character-box.warubou .character-name {
		margin-bottom: 1.833333vw;
	}
	
	#character .note {
		padding-top: 7.166666vw;
		font-size: 1.166666vw;
	}
	
	
	/* ------------------------------------------------------------ 
		「DQモンスターズ２　イルとルカの不思議な鍵SP」の特徴
	------------------------------------------------------------ */
	#feature {
		padding: 5.833333vw 0 30.083333vw 0;
	}
	.feature-head {
		margin: 0 auto;
		padding-bottom: 4.166666vw;
		max-width: 73.083333vw;
	}
	
	.feature-block {
		margin: 0 auto;
		max-width: 72.5vw;
		font-size: 0;
	}
	.pickup {
		display: block;
	}
	.pickup:nth-of-type(even) {
	}
	.pickup:nth-of-type(odd) .pickup-description {
		margin-right: 4.666666vw;
	}
	.pickup:nth-of-type(even) .pickup-description {
		margin-left: 6.666666vw;
	}
	.feature-title {
		padding-bottom: 1.833333vw;
		max-width: none;
		width: 42.5vw;
	}
	.feature-txt {
		max-width: none;
		width: 42.5vw;
	}
	.slider {
		max-width: none;
		width: 20.833333vw;
	}
	.slick-arrow {
		width: 3.75vw;
	}
	.slick-prev {
		left: -3.75vw;
		background-size: 2.5vw auto;
	}
	.slick-next {
		right: -3.75vw;
		background-size: 2.5vw auto;
	}
	.slick-slide {
		outline: none;
	}
	
	.pickup .note {
		position: relative;
		margin-top: 2vw;
		padding-left: 1em;
		font-size: 10px;
		letter-spacing: 0.07em;
	}
	.pickup .note:before {
		position: absolute;
		top: 0;
		left: 0;
		content: '※';
	}
	
	.pickup01 .feature-title {
		padding-top: 3.083333vw;
	}
	
	.pickup02 {
		margin-top: -1.75vw;
	}
	.pickup02 .feature-title {
		padding-top: 8.083333vw;
	}
	
	.pickup03 {
		padding-top: 1.25vw;
	}
	.pickup03 .feature-title {
		padding-top: 4.75vw;
	}
	.pickup04 {
		padding-top: 6.666666vw;
	}
	.pickup04 .feature-title {
		padding-top: 7.25vw;
	}
	
	.pickup05 {
		margin-top: -1.166666vw;
	}
	.pickup05 .feature-title {
		padding-top: 8.083333vw;
	}
	
	
	.feature-monster {
	}
	.feature-monster01 {
		width: 14.75vw;
		top: -23.5vw;
		left: 0;
	}
	.feature-monster02 {
		width: 15.416666vw;
		top: 15.166666vw;
		left: 12.666666vw;
	}
	.feature-monster03 {
		width: 15.083333vw;
		top: 24.833333vw;
		left: 30.583333vw;
	}
	.feature-monster04 {
		width: 13.25vw;
		top: 60.133333vw;
		left: 65.75vw;
	}
	.feature-monster05 {
		width: 14.25vw;
		top: 98.666666vw;
		left: 9.25;
	}
	.feature-monster06 {
		width: 19.333333vw;
		top: 96.5vw;
		left: 26.083333vw;
	}
	.feature-monster07 {
		width: 16.833333vw;
		top: 115.666666vw;
		left: 59.333333vw;
	}
	.feature-monster08 {
		width: 17.5vw;
		top: 138.75vw;
		left: 64.666666vw;
	}
	.feature-monster09 {
		width: 14vw;
		top: 149.416666vw;
		left: 28.416666vw;
	}
	.feature-monster10 {
		width: 21.166666vw;
		top: 195.666666vw;
		left: -2.416666vw;
	}
	.feature-monster11 {
		width: 20.333333vw;
		top: 192.833333vw;
		left: 58.666666vw;
	}
	.feature-monster12 {
		width: 48.75vw;
		top: 190.333333vw;
		left: 12.25vw;
	}
	
	
	/* ------------------------------------------------------------ 
		フッター
	------------------------------------------------------------ */
	#footer {
		padding: 5.833333vw 0 6.666666vw 0;
	}
	#footer .inner {
		max-width: 83.333333vw;
	}
	.footer-spec {
		margin-bottom: 2.91666666vw;
	}
	.footer-logo {
		margin-right: 1.666666vw;
		max-width: 30vw;
	}
	.footer-spec-detail {
		padding-top: 1.25vw;
		width: 51.666666vw;
	}
	.footer-spec-list {
		font-size: 1.333333vw;
	}
	.footer-spec-list:not(:last-of-type) {
		padding-bottom: 0.583333vw;
	}
	.footer-spec-title {
	}
	.footer-spec-txt:before {
	}
	.footer-spec-txt {
	
	}
	.footer-guarantee {
		padding-top: 1.833333vw;
		font-size: 1.333333vw;
		}
	.footer-guarantee a {
	}
	.footer-guarantee a:hover {
	}
	
	.footer-app {
		margin-top: -1.666666vw;
	}
	.footer-appicon {
		width: 8.333333vw;
	}
	.footer-download {
	
	}
	.footer-download-apple {
		margin-right: 0.833333vw;
		width: 11.666666vw;
	}
	.footer-download-google {
		margin-right: 0.833333vw;
		width: 14.416666vw;
	}
	
	.footer-guideline {
		margin-bottom: 2.916666vw;
	}
	.footer-guideline a {
		width: 28.583333vw;
		font-size: 1.166666vw;
		border-radius: 1.25vw;
	}
	
	.footer-series {
	}
	.footer-series-banner {
		width: 18.75vw;
	}
	.footer-series-banner:not(:last-of-type) {
		margin-right: 0.833333vw;
	}
	
	
	/* ------------------------------------------------------------ 
		お知らせ詳細
	------------------------------------------------------------ */
	#information {
		font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN",  Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, YuGothic, sans-serif;
		margin: 100px auto;
		padding: 45px 30px 50px 30px;
		width: 98%;
		max-width: 960px;
		background-color: #fff;
		border: 3px solid #603c11;
		border-radius: 15px;
	}
	.information-post:not(:last-of-type) {
		margin-bottom: 40px;
		padding-bottom: 20px;
		border-bottom: 2px solid #603c11;
	}
	.information-post-head {
		padding-bottom: 30px;
	}
	.information-post-head time {
		display: block;
		padding-bottom: 8px;
		color: #c68e48;
		font-weight: bold;
		letter-spacing: 0.05em;
	}
	.information-post-head h2 {
		font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN",  Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, YuGothic, sans-serif;
		font-size: 22px;
		letter-spacing: 0.07em;
	}
	.information-post-body {
		letter-spacing: 0.07em;
		font-size: 15px;
	}
	.information-post-body p {
		font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN",  Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, YuGothic, sans-serif;
		margin-bottom: 20px;
	}
	
	.information-post-body ul {
		padding-bottom: 20px;
	}
	.information-post-body li {
		font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN",  Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, YuGothic, sans-serif;
		position: relative;
		padding-left: 1em;
	}
	.information-post-body li:not(:last-of-type) {
		margin-bottom: 8px;
	}
	.information-post-body li:before {
		position: absolute;
		top: 0;
		left: 0;
		content: '・';
	}
}

/* --------------------------------------------------------------------------------
	
	ここからスマートフォン

-------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	@-webkit-keyframes sway {
	  from {
		opacity: 1;
	    -webkit-transform: translateY(0) rotateZ(0);
	    transform: translateY(0) rotateZ(0);
	  }
	  50% {
	    -webkit-transform: translateY(12px)  rotateZ(0);
	    transform: translateY(12px) rotateZ(0);
	  }
	  to {
		opacity: 1;
	    -webkit-transform: translateY(0) rotateZ(0);
	    transform: translateY(0) rotateZ(0);
	  }
	}
	@keyframes sway {
	  0% {
		opacity: 1;
	    -webkit-transform: translateY(0) rotateZ(0);
	    transform: translateY(0) rotateZ(0);
	  }
	  50% {
	    -webkit-transform: translateY(1.6vw)  rotateZ(0);
	    transform: translateY(1.6vw) rotateZ(0);
	  }
	  100% {
		opacity: 1;
	    -webkit-transform: translateY(0) rotateZ(0);
	    transform: translateY(0) rotateZ(0);
	  }
	}
	body {
	}
	#sqexHeader-white_rsp, #sqexFooter {
		position: relative;
		z-index: 200;
	}
	#dqm2 {
		position: relative;
		z-index: 100;
		overflow: hidden;
	}
	#dqm2:before {
		content: '';
		position: fixed;
		top: 0;
		z-index: -1;
		display: block;
		width: 100%;
		height: 100vh;
		background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/feature-bg01-sp.jpg) center top no-repeat;
		background-size: cover;
	}
	#dqm2 img {
	}
	#dqm2 a {
	}
	#dqm2 .inner {
		width: 93vw;
	}
	#dqm2 .spOnly {
		display: block;
	}
	#dqm2 .pcOnly {
		display: none;
	}
	.bg-white {
		background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/bg01.png) center top fixed;
	}

	/* ページトップに戻るボタン */
	.btn-top {
		right: 5.333333vw;
		bottom: 2.666666vw;
		width: 13.333333vw;

	}
	.btn-top:hover {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	/* ------------------------------------------------------------ 
		メインビジュアル
	------------------------------------------------------------ */
	#main {
		background: none;
	}
	#main:after {
		width: 100%;
		background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/li01-sp.png) center bottom repeat-x;
		background-size: contain;
	}
	.main-bg-sp {
		display: block;
	}
	.main-bg-pc {
		display: none;
	}
	.main-bg-chara {
		position: absolute;
		top: 0;
		display: block;
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
		font-size: 0;
	}
	.main-bg-sea {
		display: block;
		font-size: 0;
	}
	/* ロゴ */
	.main-logo {
		top: 4.533333vw;
		left: 1.2vw;
		width: 70.533333vw;
	}
	
	/* 好評発売中 */
	.main-popularity {
		top: 43.066666vw;
		left: 5.333333vw;
		width: 37.466666vw;
	}
	
	/* YouTube */
	.main-movie-sp {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-bottom: 4vw;
		width: 93.333333vw;
	}
	.movie-illust {
		position: absolute;
		z-index: 100;
	}
	.movie-illust01 {
		width: 28.533333vw;
		top: -10.8vw;
		left: 66.666666vw;
	}
	.movie-illust02 {
		width: 24.533333vw;
		top: 36vw;
		left: -2.933333vw;
	}

	.main-movie-pc {
		display: none;
	}
	
	/* お知らせ */
	.bg-white.white01 {
		padding: 2vw 0 18.666666vw;
	}
	.main-info-sp {
		display: block;
		margin: 0 auto;
		width: 93.333333vw;
		height: 44vw;
		background-color: #fcf8e9;
		border: 2px solid #bc8f5a;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.main-info-pc {
		display: none;
	}
	.main-info-head {
		margin-bottom: 4vw;
		padding: 1.733333vw 0 2vw 0;
	}
	.main-info-head span {
		width: 22.133333vw;
	}
	
	.main-info-list {
		height: 26vw;
	}
	.main-info-item {
		margin: 0 2.666666vw;
	}
	.main-info-item:not(:last-of-type) {
		margin-bottom: 4vw;
		padding-bottom: 4vw;
	}
	.main-info-item a {
		display: block;
		text-decoration: none;
	}
	.main-info-item time {
		display: block;
		margin-bottom: 0.666666vw;
		font-size: 3.466666vw;
	}
	.main-info-item p {
		font-size: 3.733333vw;
	}
	
	
	/* ダウンロードボタン */
	.main-download {
		top: 89.6vw;
		left: 4vw;
	}
	
	.main-download-list {
	}
	.main-download-apple {
		display: block;
		margin-right: 0;
		margin-bottom: 4vw;
		width: 40vw
	}
	.main-download-google {
		display: block;
		width: 40vw
	}
	
	
	/* ------------------------------------------------------------ 
		「DQモンスターズ２　イルとルカの不思議な鍵SP」とは
	------------------------------------------------------------ */
	#about {
		padding-top: 9.866666vw;
		background:url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/about-bg01-sp.png) center top no-repeat;
		background-size: 100% auto;
	}
	.about-bg-sp {
		position: absolute;
		top: 0;
		z-index: 1;
		display: none;
	}
	
	.about-head {
		margin: 0 auto;
		padding-bottom: 7.333333vw;
		max-width: none;
		width: auto;
	}
	.about-txt {
		margin: 0 auto;
		max-width: none;
		width: auto;
	}
	.about-txt:not(:last-of-type) {
		padding-bottom: 4.266666vw;
	}
	
	.about-illust {
	}
	.about-illust01 {
		display: none;
	}
	.about-illust02 {
		width: 15.2vw;
		top: -21.333333vw;
		left: 15.733333vw;
	}
	.about-illust03 {
		width: 30vw;
		top: -31.466666vw;
		left: 52.933333vw;
	}
	
	.about-monsters {
		margin-top: 23.333333vw;
		max-width: none;
		width: auto;
	}
	.about-monsters img {
		margin: 0;
	}
	
	
	/* ------------------------------------------------------------ 
		おはなし
	------------------------------------------------------------ */
	#story {
		padding: 5.333333vw 0 24.8vw 0;
		background: none;
	}
	.story-head {
		padding-bottom: 6.133333vw;
		max-width: none;
		width: 97.333333vw;
	}
	.story-intro {
		max-width: none;
	}
	.story-txt {
	}
	.story-txt:nth-of-type(1) {
		top: 14.933333vw;
	}
	.story-txt:nth-of-type(2) {
		top: 39.066666vw;
	}
	.story-illust {
		position: absolute;
		display: block;
	}
	.story-illust01 {
		top: -2.133333vw;
		left: -2.133333vw;
		width: 17.6vw;
	}
	.story-illust02 {
		top: -10.4vw;
		right: -2.266666vw;
		width: 24.666666vw;
	}
	.story-illust03 {
		top: 58vw;
		left: -0.8vw;
		width: 12.8vw;
	}
	.story-illust04 {
		top: 70.533333vw;
		left: 5.333333vw;
		width: 24.533333vw;
	}
	.story-illust05 {
		bottom: -13.733333vw;
		right: 2.933333vw;
		width: 50.666666vw;
	}
	
	
	/* ------------------------------------------------------------ 
		登場人物
	------------------------------------------------------------ */
	#character {
		padding: 0 0 6.666666vw 0;
	}
	.character-head {
		padding-bottom: 15.866666vw;
		max-width: none;
		width: 97.333333vw;
	}
	
	.character-block {
		display: block;
	}
	.character-box {
		width: auto;
	}
	.character-illust {
		width: 38.133333vw;
	}
	.character-circle {
		margin: 0 auto;
		width: 64vw;
		height: 64vw;
	}
	
	/* ルカ */
	.character-box.ruka {
		margin-bottom: 11.866666vw;
	}
	.character-box.ruka .character-circle {
		
	}
	.character-illust.ruka {
		position: absolute;
		top: -10.4vw;
		left: 26vw;

	}
	.character-box.ruka .character-name {
		margin: 15.066666vw auto 2.933333vw auto;
	}
	
	/* イル */
	.character-box.iru {
		margin-bottom: 13.333333vw;
	}
	.character-illust.iru {
		top: -2.8vw;
		left: 26vw;
	}
	.character-box.iru .character-name {
		margin: 8vw auto 2.933333vw auto;
	}
	
	
	/* カメハ王子 */
	.character-box.kameha {
		margin-bottom: 13.333333vw;
	}
	.character-box.kameha .character-name {
		margin-bottom: 2.933333vw;
	}
	
	/* ワルぼう */
	.character-box.warubou .character-name {
		margin-bottom: 2.933333vw;
	}
	
	#character .note {
		padding-top: 7.733333vw;
		font-size: 3.2vw;
		text-align: center;
	}
	
	
	/* ------------------------------------------------------------ 
		「DQモンスターズ２　イルとルカの不思議な鍵SP」の特徴
	------------------------------------------------------------ */
	#feature {
		padding: 9.333333vw 0 20vw 0;
		background: none;
	}
	.feature-head {
		padding-bottom: 8.666666vw;
		max-width: none;
		width: 97.333333vw;
	}
	
	.feature-block {
		position: relative;
		z-index: 100;
		margin: 0 auto;
		max-width: none;
		font-size: 0;
	}
	.pickup {
		display:block !important;
	}
	.pickup:not(:last-of-type) {
		margin-bottom: 13.333333vw;
	}
	.pickup-description {
		padding-bottom: 8vw;
	}
	.pickup:nth-of-type(even) {
	}
	.pickup:nth-of-type(odd) .pickup-description {
		margin-right: 0;
	}
	.pickup:nth-of-type(even) .pickup-description {
		margin-left: 0;
	}
	.feature-title {
		padding-bottom: 4.4vw;
		max-width: none;
		width: auto;
	}
	.feature-txt {
		max-width: none;
		width: auto;
	}
	.slider {
		margin: 0 auto;
		max-width: none;
		width: 61.333333vw;
	}
	.slick-arrow {
		position: absolute;
		top: 0;
		padding: 0;
		width: 45px;
		height: 100%;
		border: none;
		background-color: transparent;
		outline: none;
		text-indent: -9999px;
		overflow: hidden;
		cursor: pointer;
	}
	.slick-prev {
		left: -45px;
		background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/arrow01.png) center left no-repeat;
		background-size: 30px auto;
	}
	.slick-next {
		right: -45px;
		background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/arrow02.png) center right no-repeat;
		background-size: 30px auto;
	}
	.slick-slide {
		outline: none;
	}
	
	.pickup .note {
		margin-top: 4.933333vw;
		font-size: 2.666666vw;
		letter-spacing: 0.03em;
	}
	.pickup .note:before {
	}
	
	.pickup01 .feature-title {
		padding-top: 0;
	}
	
	.pickup02 {
		margin-top: 0;
	}
	.pickup02 .feature-title {
		padding-top: 0;
	}
	
	.pickup03 {
		padding-top: 0;
	}
	.pickup03 .feature-title {
		padding-top: 0;
	}
	
	.pickup04 {
		padding-top: 0;
	}
	.pickup04 .feature-title {
		padding-top: 0;
	}	
	.pickup05 {
	margin-top: 0;
	}
	.pickup05 .feature-title {
		padding-top: 0;
	}
	
	
	.feature-monster {
		position: absolute;
		z-index: 1;
	}
	.feature-monster01 {
		width: 24.133333vw;
		top: -50.666666vw;
		left: -5.333333vw;
	}
	.feature-monster02 {
		width: 26.133333vw;
		top: 31.6vw;
		left: 74.933333vw;
	}
	.feature-monster03 {
		width: 23.333333vw;
		top: 139.333333vw;
		left: -2.4vw;
	}
	.feature-monster04 {
		width: 24vw;
		top: 150.266666vw;
		left: 70.8133333vw;
	}
	.feature-monster05 {
		width: 31.066666vw;
		top: 232.533333vw;
		left: 67.8666666vw;
	}
	.feature-monster06 {
		width: 26.266666vw;
		top: 323.866666vw;
		left: -8.666666vw;
	}
	.feature-monster07 {
		width: 30.266666vw;
		top: 405.333333vw;
		left: 70.533333vw;
	}
	
	.feature-monster08 {
		width: 32.666666vw;
		top: 495.066666vw;
		left: -8.266666vw;
	}
	.feature-monster09 {
		width: 23.866666vw;
		top: 571.866666vw;
		left: 73.733333vw;
	}
	.feature-monster10 {
		width: 23.733333vw;
		top: 678.933333vw;
		left: -6vw;
	}
	.feature-monster11 {
		width: 24.8vw;
		top: 752.133333vw;
		left: 73.333333vw;
	}
	.feature-monster12 {
		width: 75.733333vw;
		top: 856.4vw;
		left: -23.2vw;
	}
	
	
	/* ------------------------------------------------------------ 
		フッター
	------------------------------------------------------------ */
	#footer {
		padding: 12.533333vw 0 80px 0;
		color: #fff;
		background: url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/li01-pc.png), url(https://cache-www.dragonquest.jp/dqm2_sp/assets/images/footer-bg01.png);
		background-position: center top;
		background-repeat: repeat-x, repeat;
	}
	#footer .inner {
		max-width: none;
		width: 92vw;
	}
	.footer-spec {
		display: block;
		margin-bottom: 9.333333vw;
	}
	.footer-logo {
		display: block;
		margin: 0 auto;
		max-width: none;
		width: 86.666666vw;
	}
	.footer-spec-detail {
		padding-top: 15px;
		width: auto;
	}
	.footer-spec-list {
		font-size: 4.266666vw;
		line-height: 1.4;
	}
	.footer-spec-list:not(:last-of-type) {
		padding-bottom: 2.666666vw;
	}
	.footer-spec-title {
		width: 4.5em;
		position: relative;
	}
	.footer-spec-txt {
		margin: -1.5em 0 0 4.6em;
	}
	.footer-guarantee {
		display: block;
		padding-top: 8vw;
		font-size: 4.266666vw;
		text-align: center;
	}
	.footer-guarantee a {
		color: #fff;
		text-decoration: underline;
		letter-spacing: 0.07em;
	}
	.footer-guarantee a:hover {
		text-decoration: none;
	}
	
	.footer-app {
		display: block;
		margin-top: 0;
		text-align: center;
	}
	.footer-appicon {
		display: inline-block;
		padding-top: 6.933333vw;
		width: 29.333333vw;
		font-size: 0;
	}
	.footer-download {
		padding-top: 5.866666vw;
		font-size: 0;
	}
	.footer-download ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.footer-download-apple {
		display: inline-block;
		margin-right: 2.666666vw;
		width: 43.285714%;
	}
	.footer-download-google {
		display: inline-block;
		margin-right: 0;
		width: 53.571428%;
	}
	
	.footer-guideline {
		display: block;
		margin-bottom: 9.333333vw;
		text-align: center;
	}
	.footer-guideline a {
		display: inline-block;
		padding: 3.333333vw 0 3.333333vw;
		width: 100%;
		font-size: 3.733333vw;
		letter-spacing: 0.07em;
		line-height: 1;
		border-radius: 8px;
	}
	
	.footer-series {
		font-size: 0;
		text-align: center;
	}
	.footer-series-banner {
		display: inline-block;
		max-width: none;
		width: 55.333333vw;
	}
	.footer-series-banner:not(:last-of-type) {
		margin: 0 0 5.333333vw 0;
	}
	
	/* ------------------------------------------------------------ 
		お知らせ詳細
	------------------------------------------------------------ */
	#information {
		margin: 13.333333vw auto;
		padding: 6.666666vw 4vw 6.666666vw 4vw;
		width: 98%;
		border-radius: 8px;
	}
	.information-post:not(:last-of-type) {
		margin-bottom: 5.333333vw;
		padding-bottom: 1.666666vw;
		border-bottom: 2px solid #603c11;
	}
	.information-post-head {
		padding-bottom: 4vw;
	}
	.information-post-head time {
		padding-bottom: 1.066666vw;
	}
	.information-post-head h2 {
		font-size: 4.8vw;
		letter-spacing: 0.02em;
	}
	.information-post-body {
		font-size: 3.733333vw;
		letter-spacing: 0.02em;
	}
	.information-post-body p {
		margin-bottom: 2.666666vw;
	}
	
	.information-post-body ul {
		padding-bottom: 2.666666vw;
	}
	.information-post-body li {
		position: relative;
		padding-left: 1em;
	}
	.information-post-body li:not(:last-of-type) {
		padding-bottom: 1.066666vw;
	}
	.information-post-body li:before {

	}
}