@charset "UTF-8";
body {
  padding-top: 80px;
}

.contents {
  width: 88%;
  margin: 0 auto;
}

.intro {
  padding: 50px 5% 30px;
}
.intro .title {
  padding-left: 15px;
}
.intro .title h2 {
  color: #111;
  font-family: "Shippori Mincho", serif;
  font-size: 1.8rem;
  font-weight: bold;
}
.intro .title .sub {
  color: #9b864c;
  font-family: "Shippori Mincho", serif;
  font-size: 1.1rem;
  margin-top: 10px;
}
.intro .title .text {
  font-size: 0.95rem;
  line-height: 1.4rem;
  color: #333;
  margin-top: 10px;
}

.theme {
  background-color: beige;
}
.theme .intro .title h2 {
  font-size: 3rem;
}
.theme .intro .title .sub {
  color: #9b864c;
  font-family: "Shippori Mincho", serif;
  font-size: 1.1rem;
  margin-top: 5px;
}
.theme .first::after {
  content: "";
  display: block;
  clear: both;
}
.theme .slider {
  width: 100%;
  margin-top: 15px;
}
.theme .slider figure {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
}
.theme .slider img {
  width: 100%; /*スライダー内の画像を横幅100%に*/
  height: auto;
}
.theme .slider .slick-slide {
  margin: 0 20px 5px; /*スライド左右の余白調整*/
}
.theme .box1 {
  padding-top: 0px;
}
.theme .box2 {
  padding-top: 50px;
  padding-bottom: 30px;
}

.introduction {
  position: relative;
  height: 550px;
  overflow: hidden;
}
.introduction .backgroundimage {
  position: absolute;
  width: 100%;
  top: -10%;
  left: 0%;
}
.introduction .back {
  position: absolute;
  width: 100%;
  top: 0%;
  left: 0%;
  background-color: #111;
  opacity: 0.6;
  height: 550px;
}
.introduction ul {
  display: table;
  width: 70%;
  position: absolute;
  left: 15%;
  top: 100px;
  bottom: 100px;
}
.introduction .map {
  display: table-cell;
  width: 30%;
}
.introduction .text {
  display: table-cell;
  width: 70%;
  font-size: 1.1rem;
  color: aliceblue;
  vertical-align: middle;
  padding-left: 45px;
  font-family: "Shippori Mincho", serif;
}

.tour ul {
  display: table;
  width: 90%;
  margin: 0% auto;
}
.tour li {
  display: table-cell;
  width: 33.3%;
  padding: 0px 15px;
  vertical-align: top;
}
.tour .box {
  border: 1px solid #777;
  border-top: 0px solid #777;
  padding: 15px;
  margin-bottom: 30px;
}
.tour h3 {
  font-size: 1.1rem;
  font-weight: bold;
  color: #333;
  height: 40px;
  margin-bottom: 10px;
}
.tour .text {
  font-size: 1rem;
  color: #333;
  line-height: 1.4rem;
  height: 65px;
  overflow: hidden;
}
.tour .detail {
  border-top: 1px dotted #333;
  margin-top: 10px;
  padding-top: 10px;
  display: table;
  width: 100%;
}
.tour .price {
  display: table-cell;
  width: 70%;
  font-size: 1rem;
  color: #ff0000;
  font-weight: bold;
}
.tour .price span {
  font-size: 1.4rem;
}
.tour .link {
  display: table-cell;
  width: 30%;
}

.worldheritage {
  margin-top: 30px;
  background-color: beige;
}
.worldheritage .intro .title h2 {
  padding-left: 5%;
}
.worldheritage .box {
  position: relative;
  width: 80%;
  margin: 0% auto;
}
.worldheritage .text {
  position: absolute;
  width: 60%;
  top: 0%;
  left: 0%;
  background-color: beige;
  font-size: 1rem;
  line-height: 1.4rem;
  padding: 15px;
}
.worldheritage ul {
  display: table;
  width: 100%;
  margin: 0% auto;
}
.worldheritage li {
  display: table-cell;
  width: 33.3%;
  padding: 0px 10px;
  vertical-align: top;
}
.worldheritage .place {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 30px;
}

.tabs {
  width: 88%;
  margin: 0 auto;
}
.tabs .list {
  display: table;
  width: 50%;
}
.tabs .title-list {
  position: relative;
  height: 50px;
  display: table-cell;
  width: 25%;
  background-color: #008080;
  text-align: center;
  border-radius: 10px 10px 0 0;
  border: #fff 2px solid;
  border-bottom: #fff 0px solid;
  box-sizing: border-box;
}
.tabs h2 {
  padding: 0;
  margin: 0;
  font-size: 20px;
  padding-top: 15px;
  color: #111;
}
.tabs input {
  z-index: 500;
  height: 50px;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
  position: relative;
}
.tabs label {
  background: none;
  height: 100%;
  width: 100%;
  padding: 0px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  display: block;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
.tabs input:hover + label h2 {
  color: white;
}
.tabs label:first-of-type {
  z-index: 6;
}
.tabs .tab-label-2 {
  z-index: 5;
}
.tabs .tab-label-3 {
  z-index: 4;
}
.tabs .tab-label-4 {
  z-index: 3;
}
.tabs .tab-label-5 {
  z-index: 2;
}
.tabs .tab-label-6 {
  z-index: 1;
}
.tabs input:checked + label {
  z-index: 6;
  animation: page 0.2s linear;
}
.tabs input:checked + label {
  z-index: 6;
  animation: page 0.2s linear;
}
.tabs input:checked + label h2 {
  color: white;
}
.tabs .content-1,
.tabs .content-3,
.tabs .content-5 {
  transform: translateX(-500px);
}
.tabs .content-2,
.tabs .content-4,
.tabs .content-6 {
  transform: translateX(500px);
}
.tabs .content_new {
  width: 100%;
  margin: 0 auto;
  vertical-align: top;
  position: relative;
  height: 700px;
  z-index: 5;
  overflow: hidden;
}
.tabs .content_new .wraps {
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: all linear 0.4s;
  width: 100%;
  box-sizing: border-box;
}
.tabs .content_new .wraps {
  background-color: beige;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 2px 2px 1px 1px #ccc;
}
.tabs .content_new .box {
  background-color: white;
  padding: 30px;
  line-height: 1.2rem;
}
.tabs .content_new h3 {
  color: #008080;
  font-family: "Shippori Mincho", serif;
  font-size: 1.5rem;
  padding-bottom: 10px;
}
.tabs .content_new .text {
  font-size: 1rem;
  line-height: 1.4rem;
}
.tabs .content_new .box2 {
  display: table;
  border-top: solid #008080 1px;
  margin-top: 30px;
  width: 100%;
  padding: 30px 10px;
}
.tabs .content_new .information {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  padding-right: 30px;
}
.tabs .content_new .pic {
  display: table-cell;
  width: 60%;
  vertical-align: top;
}
.tabs .content_new .pic img {
  width: 100%;
}
.tabs .content_new .viewed {
  transform: translateX(0px);
  z-index: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all linear 0.4s;
}
.tabs .content_new h4 {
  font-weight: bold;
  font-size: 1.2rem;
  font-family: "Shippori Mincho", serif;
  margin-bottom: 10px;
}
.tabs .content_new dl {
  display: table;
  width: 90%;
  border-bottom: 1px grey dotted;
  margin-top: 20px;
  padding-bottom: 5px;
  font-size: 1rem;
}
.tabs .content_new dt {
  display: table-cell;
  width: 25%;
  color: red;
}
.tabs .content_new dd {
  display: table-cell;
  width: 75%;
  color: black;
}

.gourmet {
  background-color: beige;
}
.gourmet .street {
  display: block;
  width: 65%;
  margin: 0% auto;
}
.gourmet ul {
  display: table;
  width: 90%;
  margin: 0% auto;
  margin-top: 30px;
}
.gourmet li {
  display: table-cell;
  width: 33%;
  padding: 0 10px;
}
.gourmet .box {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
}
.gourmet .text {
  color: #000;
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 30px;
  height: 90px;
}
.gourmet .titles {
  position: relative;
  width: 70%;
  height: 30px;
  margin: 10px auto 0;
}
.gourmet h3 {
  color: #000;
  font-size: 1.2rem;
  text-align: center;
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  padding-top: 5px;
}
.gourmet .border {
  background-color: #ff0000;
  opacity: 0.3;
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  left: 0px;
}

.edo-wonderland {
  background-color: cadetblue;
}
.edo-wonderland .topinfo {
  background-color: beige;
  position: relative;
  height: 900px;
  width: 70%;
  margin: 0% auto;
}
.edo-wonderland .subtitle {
  position: absolute;
  top: 110px;
  right: 60px;
  height: 100px;
  width: 500px;
  font-size: 1.5rem;
  font-weight: 600;
  color: cadetblue;
  font-family: "Shippori Mincho", serif;
  text-align: right;
}
.edo-wonderland h2 {
  position: absolute;
  top: 150px;
  right: 60px;
  height: 100px;
  width: 500px;
  font-size: 2.6rem;
  font-weight: 600;
  color: cadetblue;
  font-family: "Shippori Mincho", serif;
  text-align: right;
}
.edo-wonderland .text {
  position: absolute;
  top: 230px;
  right: 60px;
  width: 40%;
  font-size: 1rem;
  line-height: 1.4rem;
  color: cadetblue;
  text-align: right;
}
.edo-wonderland .pic1 {
  position: absolute;
  top: 80px;
  left: 60px;
  width: 45%;
}
.edo-wonderland .pic2 {
  position: absolute;
  bottom: 60px;
  right: 60px;
  width: 40%;
}
.edo-wonderland .pic3 {
  position: absolute;
  bottom: 60px;
  left: 60px;
  width: 45%;
}

.edo-tour {
  width: 70%;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
  background-color: beige;
  padding-bottom: 30px;
}
.edo-tour .box {
  display: table;
  width: 100%;
  margin: 0 auto;
  background-color: white;
  border: 1px solid #333;
  padding: 10px;
}
.edo-tour .tourpic {
  display: table-cell;
  vertical-align: top;
  width: 48%;
}
.edo-tour .info {
  display: table-cell;
  vertical-align: top;
  width: 52%;
  padding-left: 30px;
  padding-top: 30px;
}
.edo-tour h3 {
  font-size: 1.25rem;
  margin-bottom: 5px;
  font-weight: bold;
  color: #000;
}
.edo-tour .point {
  margin: 10px 0 20px;
}
.edo-tour .point li {
  padding-left: 22px;
  background-image: url(../img/check.jpg);
  font-size: 0.9rem;
  margin-bottom: 8px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 1px;
  color: #333;
}
.edo-tour .text {
  color: #333;
  font-size: 1rem;
  line-height: 1.45rem;
}
.edo-tour .price {
  display: table;
  width: 100%;
}
.edo-tour .price .price_box {
  display: table-cell;
  width: 50%;
  padding-right: 20px;
  vertical-align: bottom;
}
.edo-tour .price .list {
  background-color: #ffe1e7;
  padding: 10px;
  box-sizing: border-box;
  color: #333;
}
.edo-tour .price h4 {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 5px;
}
.edo-tour .price li {
  font-size: 0.95rem;
  margin-bottom: 8px;
}
.edo-tour .price li span {
  color: #ff0000;
  font-weight: bold;
  font-size: 1.1rem;
}
.edo-tour .price .link {
  display: table-cell;
  width: 50%;
  vertical-align: bottom;
}
.edo-tour .price .btn {
  margin-top: 20px;
  padding: 8px;
  width: 80%;
}

.transportation {
  background-color: white;
  margin: 0 auto;
}
.transportation .intro_box {
  display: table;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0 80px;
}
.transportation .intro {
  display: table-cell;
  width: 52%;
  padding-left: 0px;
}
.transportation .title h2 {
  font-size: 1.7rem;
}
.transportation .express {
  display: table-cell;
  width: 48%;
  position: relative;
}
.transportation .pic1 {
  position: absolute;
  width: 55%;
  top: 150px;
  left: 0px;
  z-index: 10;
  height: 400px;
  overflow-y: hidden;
  border-top: 5px solid white;
  border-right: 5px solid white;
}
.transportation .pic2 {
  position: absolute;
  width: 70%;
  top: 30px;
  right: 30px;
}
.transportation .edo-tour {
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
  padding-right: 0px;
  background-color: white;
  padding-left: 0px;
}
.transportation .edo-tour .box {
  width: 100%;
}
.transportation .edo-tour .box .info {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  padding-left: 30px;
  padding-top: 15px;
}
.transportation .edo-tour .price .price_box {
  display: table-cell;
  width: 55%;
}
.transportation .edo-tour .price .link {
  display: table-cell;
  width: 45%;
}
.transportation .edo-tour .price .btn {
  width: 100%;
}/*# sourceMappingURL=style.css.map */