@charset "UTF-8";
/* Scss Document */
/* Scss Document */
body {
  background: url(../img/media/mv.jpg) no-repeat left 250px/contain; }
  @media (max-width: 599px) {
    body {
      background-position: center 120px; } }

p {
  text-align: center; }

.img {
  margin-top: 40px; }
  .img img {
    max-width: 600px;
    max-height: 600px;
    height: auto; }
    @media (max-width: 1023px) {
      .img img {
        width: 100%; } }

.credit {
  margin: 20px auto;
  text-align: center; }
  .credit p {
    font-size: 12px; }
    @media (min-width: 1200px) {
      .credit p {
        display: inline; } }
    @media (min-width: 1200px) {
      .credit p:after {
        content: "│"; } }
    .credit p:last-child:after {
      content: none; }

@media (max-width: 599px) {
  .text p {
    text-align: left; } }
@media (max-width: 599px) {
  .text br {
    display: none; } }

h3 {
  background-color: #000;
  display: inline-block;
  color: #fff;
  margin-bottom: 0; }

h4 {
  text-align: center; }

h5 {
  text-align: center; }

#book,
#dm,
#movie,
#magazine,
#web {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto; }
  #book section,
  #dm section,
  #movie section,
  #magazine section,
  #web section {
    margin: 0 auto 100px;
    padding: 80px 40px;
    border: solid 1px #000; }
    @media (max-width: 599px) {
      #book section,
      #dm section,
      #movie section,
      #magazine section,
      #web section {
        padding: 40px; } }
    #book section .row,
    #dm section .row,
    #movie section .row,
    #magazine section .row,
    #web section .row {
      max-width: 800px;
      margin: 40px auto 0; }
      @media (max-width: 1023px) {
        #book section .row p,
        #dm section .row p,
        #movie section .row p,
        #magazine section .row p,
        #web section .row p {
          margin-bottom: 10px; } }

#book h3 {
  margin-top: 0; }

h3 {
  text-align: center;
  font-size: 20px;
  margin: 100px auto 10px; }

.date {
  text-align: center;
  margin-bottom: 40px; }

.text {
  text-align: center; }
  @media (max-width: 599px) {
    .text {
      text-align: left; } }

#fukuoka2016 h5:nth-of-type(2) {
  margin-top: 50px; }

#movie .mov {
  text-align: center;
  width: 100%;
  height: auto;
  margin-top: 40px; }
  #movie .mov iframe {
    width: 100%;
    max-width: 640px; }