.article-title {
  background-image: url(../images/main_title_sp.jpg);
}
.device-pc .article-title {
  background-image: url(../images/main_title_pc.jpg);
}

.sprite-sheet {
  margin: 0 auto;
}

.device-pc .magazine-sample-photo a {
  width: 300px;
  margin: 0 auto;
}

/*# sourceMappingURL=main.css.map */

.article-lead {
  background: #FF7878;
}
.article-date p {
  text-align: center;
}

.number {
  font-size: 3rem;
  color: #1CA5DA;
  text-align: center;
}

.photo {
  text-align: center;
}
.photo img {
  width: 100%;
  max-width: 640px;
  height: auto;
}
.photo figcaption{
  font-size: 1rem;
  margin-top: 1%;
  text-align: left;
  padding-left: 17%;
}
.photo figcaption:before  {
  content: "\02227";
}

.article-content__title {
  color: #FF7878;
  text-align: center;
  margin: 0 auto 8px;
}

.article-content__text p {
  font-size: 160%;
  margin-bottom: 1.75em;
}
.article-content__text p.mbDouble {
  margin-bottom: 3.5em;
}

.device-pc .article-content__title {
  margin: 0 auto 16px;
}

.device-pc .article-lead__text p {
  padding: 2.2em;
  color: #FFF;
}
.device-pc .article-lead {
  margin: 0;
}

a:hover {
  opacity: .5;
  transition: 0.5s;
}


/*
 * --------------------------------------------------------*/
body,h1,h2,h3,p,ul {margin:0;padding:0;}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
li {list-style-type: none;}
body {
  background-image: url(../images2/backimg.jpg);
/*  background-position: center center;*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
/*  background-color: #0071BC;*/
  overscroll-behavior:none;

  font-family: "Koburina Gothic W6 JIS2004";
}
.container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 30px;
  background-color: #FFF221;
  filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
}
.container header h1,
.mainarea h2,
.contentWrap .sectionOne h3,
.contentWrap .sectionTwo h3,
.contentWrap .sectionOne .sectionOne-list li,
.contentWrap .sectionTwo .sectionTwo-txt,
.copyright-wrap {
  text-align: center;
}
.container header h1 img {
  max-width: 180px;
}
.mainarea {
  max-width: 645px;
  width: 100%;
  margin: 0 auto 47px;
}
.mainarea h2 {
  margin-top: 55px;
}
.mainarea h2 img {
  max-width: 640px;
}
.mainarea main .eyeCatcher {
  padding: 0 0.625rem;
  box-sizing: border-box;
  margin-top: 95px;
}
.mainarea main .eyeCatcher img {
  max-width: 620px;
}
.mainarea main .yodogawa {
  text-align: center;
}
.mainarea main .yodogawa p {
  text-align: center;
  line-height: 2;
}
.mainttl {
  max-width: 600px;
  margin: 20px auto 30px;
}
.contentWrap {
  max-width: 370px;
  margin: 0 auto 90px;
}
.contentWrap .sectionOne,
.contentWrap .sectionTwo {
  margin-top: 117px;
}
.contentWrap .sectionOne h3 img {
  max-width: 220px;
}
.contentWrap .sectionTwo h3 img {
  max-width: 390px;
}
.contentWrap .sectionOne .sectionOne-list li:first-child {
  margin: 37px 0;
}
.contentWrap .sectionOne .sectionOne-list li:nth-child(3),
.contentWrap .sectionOne .sectionOne-list li:nth-child(5),
.contentWrap .sectionOne .sectionOne-list li:nth-child(7) {
  margin: 60px 0 37px;
}
.contentWrap .sectionOne .sectionOne-list li:first-child img {
  max-width: 323px;
}
.contentWrap .sectionOne .sectionOne-list li:nth-child(3) img {
  max-width: 90px;
}
.contentWrap .sectionOne .sectionOne-list li:nth-child(5) img {
  max-width: 198px;
}
.contentWrap .sectionOne .sectionOne-list li:nth-child(7) img {
  max-width: 210px;
}
.contentWrap .sectionOne .sectionOne-list li p,
.contentWrap .sectionTwo .sectionTwo-txt{
  font-size: inherit;
  line-height: 2;
}
.contentWrap .sectionTwo .sectionTwo-txt {
  margin: 37px 0;
}
.footer {
  background-color: #0071BC;
  padding-bottom: 55px;
}
.footer ul {
  max-width: 480px;
  width: 100%;
  margin: auto;
  padding: 100px 0;
  display: flex;
  justify-content: space-between;
}
.footer ul li a img {
  max-width: 60px;
}
.copyright-wrap img {
  max-width: 255px;
}
.brpc {
  display: block;
}

.pc { display: block !important; }
.sp { display: none !important; }


.planning__banner2 {
  margin: 90px auto 130px;
  text-align: center
}
.planning__banner2 ul {
  max-width: 500px;
  margin: auto;
}
.planning__banner2 ul li {
  margin-bottom: 40px;
}

/*
 * --------------------------------------------------------*/
@media screen and (min-width:641px) and ( max-width:1000px) {
  .container {
    max-width: 80%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
  .mainarea h2 img {
    max-width: 540px;
  }
  .mainarea main .eyeCatcher {
    text-align: center;
    padding: 0;
  }
  .mainarea main .eyeCatcher img {
    max-width: 520px;
  }
}

/*SP
 * --------------------------------------------------------*/
@media screen and (max-width: 640px) {
  .container {
  }
  .container header h1 {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .mainarea h2 {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .mainarea main .eyeCatcher {
    margin-top: 55px;
  }
  .mainarea main .yodogawa,
  .contentWrap {
    width: 80%;
    margin: 50px auto 0;
  }
  .mainarea main .yodogawa p {
    text-align: left;
  }
  .contentWrap .sectionOne,
  .contentWrap .sectionTwo {
    margin-top: 100px;
  }
  .contentWrap .sectionOne .sectionOne-list li p,
  .contentWrap .sectionTwo .sectionTwo-txt {
    text-align: left;
  }
  .footer ul {
    max-width: 100%;
    padding: 60px 10px;
    box-sizing: border-box;
  }
  .brpc {
    display: none;
  }
	.pc { display: none !important; }
  .sp { display: block !important; }
  .planning__banner2 ul {
    max-width: 400px;
  }
  .mainttl {
  max-width: 90%;
  margin: 20px auto;
}
}