/**
 * index.css
 * updatedAt: 2016.09.28
 * createdAt: 2016.09.26
 */

/*========================================

  index

========================================*/
/*----------------------------------------
  .article-heading
----------------------------------------*/
.article-heading {
  background-image: url(../img/p01_heading_01.png);
}

/*----------------------------------------
  #History
----------------------------------------*/
.p01-hiroshige-txt {
  float: left;
  width: 50%;
}
.p01-hiroshige-img {
  float: right;
  margin: 0 0 10px 3%;
  width: 47%;
}
.p01-taikan {
  margin-top: 0;
}
.p01-taikan-img {
  padding: 30px 0 35px;
  max-width: 998px;
  width: 100%;
  overflow: hidden;
}

@media(max-width:960px) {
  .p01-hiroshige-txt {
    margin-bottom: 45px; 
    width: 47%;
  }
  .p01-taikan-txt {
    clear: both;
    float: none;
    width: auto;
  }
}
@media(max-width:640px) {
  .p01-hiroshige-txt {
    float: none;
    margin: 0;
    width: auto;
  }
  .p01-hiroshige-img {
    float: none;
    margin: 15px 0 0;
    width: auto;
  }
  .p01-taikan-txt {
    margin-top: 50px;
  }
  .p01-taikan {
  	margin-top: 40px;
  }
  .p01-taikan-img {
    padding: 30px 0 20px;
  }
}

/*----------------------------------------
  #Spot
----------------------------------------*/
#Spot {
  margin-top: 50px;
}
#Spot .intro {
  margin: 50px auto 70px;
  max-width: 1000px;
  width: 93.75%;
}
#Spot .spot {
  font-size: 100%;
  font-weight: bold;
  line-height: 1.6;
  color: #444;
}
#Spot .spot span {
  font-weight: normal;
}
#Spot section {
  margin-top: 60px;
}
#Spot .p01-fukuda-txt {
  float: left;
  width: 53%;
}
#Spot .p01-fukuda-img {
  float: right;
  margin: -6% 0 0;
  width: 43.7%;
}
#Spot .full .img-box {
  margin-top: 20px;
}
#Spot .left .txt-box {
  float: right;
  margin-top: -5px;
  width: 48.5%;
}
#Spot .left .img-box {
  float: left;
  width: 48.3%;
}
#Spot .right .txt-box {
  float: left;
  margin-top: -5px;
  width: 48.5%;
}
#Spot .right .img-box {
  float: right;
  width: 48.3%;
}

@media(max-width:960px) {
  #Spot .p01-fukuda-txt {
    width: 50%;
  }
  #Spot .p01-fukuda-img {
    margin: -2% 0 0;
  }
  #Spot .left .txt-box,
  #Spot .right .txt-box {
    float: none;
    margin: 0;
    width: auto;
  }
  #Spot .left .img-box,
  #Spot .right .img-box {
    float: none;
    margin-top: 20px;
    width: auto;
  }
}
@media(max-width:640px) {
  #Spot .intro {
    margin: 40px auto;
    width: 90.625%;
  }
  #Spot .spot {
    font-size: 112.5%;
  }
  #Spot .p01-fukuda-txt {
    float: none;
    margin: 20px 0 0;
    width: auto;
  }
  #Spot .p01-fukuda-img {
    float: none;
    margin: 0;
    width: auto;
  }
}