@charset "utf-8";


/* スマホ・タブレット向けCSS 600px以下 */

.wrapper p {
  text-indent: 1rem;
  margin-bottom: 1.3rem;
}

.author {
  font-size: .9rem;
}

.font-ab {
  font-size: 1.1rem;
  font-weight: bold;
}

.wrapper_s {
  padding: 0 3%;
}

.unit {
  margin-bottom: 1.3rem;
}

.unit p {
  margin-bottom: 0;
}

.note0 .pack p {
  margin-bottom: 0;
}

.r-note00 {
  width: 100%;
  height: 4.3rem;
  background-color: #fffff9;
  padding-top: 1rem;
}

.ind {
  width: 20%;
}

.ind-m1,
.ind-m2 {
  font-size: 10px;
  font-weight: bold;
  color: #0083ff;
  padding-top: .3rem;
  padding-bottom: .2rem;
  margin-left: .2rem;
}

.ind-m1 {
  border-bottom: 1px solid #0083ff;
}

.r-note01 {
  width: 100%;
  background-color: #fffff9;
  border-top: 2px solid #0083ff;
  border-bottom: 1px solid #0083ff;
}

.subje {
  font-size: 1.2rem;
  font-weight: bold;
  padding-top: .3rem;
}

.r-note02 {
  background-image: linear-gradient(0deg, transparent 23px, #0083ff 1px);
  background-color: #fffff9;
  background-size: 24px 24px;
  padding-bottom: 1rem;
  margin-bottom: 1.3rem;
}

.under-1 {
  background: linear-gradient(transparent 70%, #fbabdc 0%);
}

.r-note02 ul {
  list-style-type: none;
  padding-left: 1.5rem;
  margin-bottom: 1.6rem;
}

.r-note02 ul li {
  text-indent: -1rem;
  padding-left: 1rem;
}

.side {
  padding-top: 1rem;
}

.demons {
  text-align: center;
}

.presentation .declare {
  font-size: 1.1rem;
  font-weight: bold;
  color: #f8b400;
  text-indent: -1rem;
  padding-left: 1rem;
}

iframe {
  width: 85%;
  height: 350px;
  margin-bottom: 1rem;
}

figure {
  margin: 0 0 1.3rem;
  text-align: center;
}

figure img {
  width: 15rem;
  border: 1px solid #b7a077;
}

figcaption {
  font-size: .9rem;
}

.wrapper .outdent,
.ind p,
.outro p {
  text-indent: 0;
}

.return {
  text-align: right;
  margin-bottom: 1.3rem;
}


/* PC向けCSS 601px以上 */

@media screen and (min-width: 601px) {

  main {
    width: 650px;
    margin: 0 auto;
  }

  iframe {
    height: 280px;
    margin-top: 1rem;
    margin-bottom: 1.4rem;
  }

  .side {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .zai {
    margin-top: .8rem;
  }

  figure img {
    width: 22rem;
  }
}