@charset "UTF-8";
/**
*/
html, body {
  overflow-x: hidden;
  font-size: 15px;
  line-height: 190%;
  color: #545454;
}

/**
モジュール
*/
.m--align-center {
  text-align: center;
}

.m--float-left {
  float: left;
}

.m--float-right {
  float: right;
}

.m--width-0px {
  width: 0px;
}

.m--width-5px {
  width: 5px;
}

.m--width-10px {
  width: 10px;
}

.m--width-15px {
  width: 15px;
}

.m--width-20px {
  width: 20px;
}

.m--width-25px {
  width: 25px;
}

.m--width-30px {
  width: 30px;
}

.m--width-35px {
  width: 35px;
}

.m--width-40px {
  width: 40px;
}

.m--width-45px {
  width: 45px;
}

.m--width-50px {
  width: 50px;
}

.m--width-55px {
  width: 55px;
}

.m--width-60px {
  width: 60px;
}

.m--width-65px {
  width: 65px;
}

.m--width-70px {
  width: 70px;
}

.m--width-75px {
  width: 75px;
}

.m--width-80px {
  width: 80px;
}

.m--width-85px {
  width: 85px;
}

.m--width-90px {
  width: 90px;
}

.m--width-95px {
  width: 95px;
}

.m--width-100px {
  width: 100px;
}

.m--width-105px {
  width: 105px;
}

.m--width-110px {
  width: 110px;
}

.m--width-115px {
  width: 115px;
}

.m--width-120px {
  width: 120px;
}

.m--width-125px {
  width: 125px;
}

.m--width-130px {
  width: 130px;
}

.m--width-135px {
  width: 135px;
}

.m--width-140px {
  width: 140px;
}

.m--width-145px {
  width: 145px;
}

.m--width-150px {
  width: 150px;
}

.m--width-155px {
  width: 155px;
}

.m--width-160px {
  width: 160px;
}

.m--width-165px {
  width: 165px;
}

.m--width-170px {
  width: 170px;
}

.m--width-175px {
  width: 175px;
}

.m--width-180px {
  width: 180px;
}

.m--width-185px {
  width: 185px;
}

.m--width-190px {
  width: 190px;
}

.m--width-195px {
  width: 195px;
}

.m--width-200px {
  width: 200px;
}

.m--width-205px {
  width: 205px;
}

.m--width-210px {
  width: 210px;
}

.m--width-215px {
  width: 215px;
}

.m--width-220px {
  width: 220px;
}

.m--width-225px {
  width: 225px;
}

.m--width-230px {
  width: 230px;
}

.m--width-235px {
  width: 235px;
}

.m--width-240px {
  width: 240px;
}

.m--width-245px {
  width: 245px;
}

.m--width-250px {
  width: 250px;
}

.m--width-255px {
  width: 255px;
}

.m--width-260px {
  width: 260px;
}

.m--width-265px {
  width: 265px;
}

.m--width-270px {
  width: 270px;
}

.m--width-275px {
  width: 275px;
}

.m--width-280px {
  width: 280px;
}

.m--width-285px {
  width: 285px;
}

.m--width-290px {
  width: 290px;
}

.m--width-295px {
  width: 295px;
}

.m--width-300px {
  width: 300px;
}

.m--width-305px {
  width: 305px;
}

.m--width-310px {
  width: 310px;
}

.m--width-315px {
  width: 315px;
}

.m--width-320px {
  width: 320px;
}

.m--width-325px {
  width: 325px;
}

.m--width-330px {
  width: 330px;
}

.m--width-335px {
  width: 335px;
}

.m--width-340px {
  width: 340px;
}

.m--width-345px {
  width: 345px;
}

.m--width-350px {
  width: 350px;
}

.m--width-355px {
  width: 355px;
}

.m--width-360px {
  width: 360px;
}

.m--width-365px {
  width: 365px;
}

.m--width-370px {
  width: 370px;
}

.m--width-375px {
  width: 375px;
}

.m--width-380px {
  width: 380px;
}

.m--width-385px {
  width: 385px;
}

.m--width-390px {
  width: 390px;
}

.m--width-395px {
  width: 395px;
}

.m--width-400px {
  width: 400px;
}

.m--width-405px {
  width: 405px;
}

.m--width-410px {
  width: 410px;
}

.m--width-415px {
  width: 415px;
}

.m--width-420px {
  width: 420px;
}

.m--width-425px {
  width: 425px;
}

.m--width-430px {
  width: 430px;
}

.m--width-435px {
  width: 435px;
}

.m--width-440px {
  width: 440px;
}

.m--width-445px {
  width: 445px;
}

.m--width-450px {
  width: 450px;
}

.m--width-455px {
  width: 455px;
}

.m--width-460px {
  width: 460px;
}

.m--width-465px {
  width: 465px;
}

.m--width-470px {
  width: 470px;
}

.m--width-475px {
  width: 475px;
}

.m--width-480px {
  width: 480px;
}

.m--width-485px {
  width: 485px;
}

.m--width-490px {
  width: 490px;
}

.m--width-495px {
  width: 495px;
}

.m--width-500px {
  width: 500px;
}

.m--mt-0px {
  margin-top: 0px;
}

.m--mt-5px {
  margin-top: 5px;
}

.m--mt-10px {
  margin-top: 10px;
}

.m--mt-15px {
  margin-top: 15px;
}

.m--mt-20px {
  margin-top: 20px;
}

.m--mt-25px {
  margin-top: 25px;
}

.m--mt-30px {
  margin-top: 30px;
}

.m--mt-35px {
  margin-top: 35px;
}

.m--mt-40px {
  margin-top: 40px;
}

.m--mt-45px {
  margin-top: 45px;
}

.m--mt-50px {
  margin-top: 50px;
}

.m--mt-55px {
  margin-top: 55px;
}

.m--mt-60px {
  margin-top: 60px;
}

.m--mt-65px {
  margin-top: 65px;
}

.m--mt-70px {
  margin-top: 70px;
}

.m--mt-75px {
  margin-top: 75px;
}

.m--mt-80px {
  margin-top: 80px;
}

.m--mt-85px {
  margin-top: 85px;
}

.m--mt-90px {
  margin-top: 90px;
}

.m--mt-95px {
  margin-top: 95px;
}

.m--mt-100px {
  margin-top: 100px;
}

.m--mt-105px {
  margin-top: 105px;
}

.m--mt-110px {
  margin-top: 110px;
}

.m--mt-115px {
  margin-top: 115px;
}

.m--mt-120px {
  margin-top: 120px;
}

.m--mt-125px {
  margin-top: 125px;
}

.m--mt-130px {
  margin-top: 130px;
}

.m--mt-135px {
  margin-top: 135px;
}

.m--mt-140px {
  margin-top: 140px;
}

.m--mt-145px {
  margin-top: 145px;
}

.m--mt-150px {
  margin-top: 150px;
}

.m--mt-n0px {
  margin-top: -0px;
}

.m--mt-n5px {
  margin-top: -5px;
}

.m--mt-n10px {
  margin-top: -10px;
}

.m--mt-n15px {
  margin-top: -15px;
}

.m--mt-n20px {
  margin-top: -20px;
}

.m--mt-n25px {
  margin-top: -25px;
}

.m--mt-n30px {
  margin-top: -30px;
}

.m--mt-n35px {
  margin-top: -35px;
}

.m--mt-n40px {
  margin-top: -40px;
}

.m--mt-n45px {
  margin-top: -45px;
}

.m--mt-n50px {
  margin-top: -50px;
}

.m--mt-n55px {
  margin-top: -55px;
}

.m--mt-n60px {
  margin-top: -60px;
}

.m--mt-n65px {
  margin-top: -65px;
}

.m--mt-n70px {
  margin-top: -70px;
}

.m--mt-n75px {
  margin-top: -75px;
}

.m--mt-n80px {
  margin-top: -80px;
}

.m--mt-n85px {
  margin-top: -85px;
}

.m--mt-n90px {
  margin-top: -90px;
}

.m--mt-n95px {
  margin-top: -95px;
}

.m--mt-n100px {
  margin-top: -100px;
}

.m--mt-n105px {
  margin-top: -105px;
}

.m--mt-n110px {
  margin-top: -110px;
}

.m--mt-n115px {
  margin-top: -115px;
}

.m--mt-n120px {
  margin-top: -120px;
}

.m--mt-n125px {
  margin-top: -125px;
}

.m--mt-n130px {
  margin-top: -130px;
}

.m--mt-n135px {
  margin-top: -135px;
}

.m--mt-n140px {
  margin-top: -140px;
}

.m--mt-n145px {
  margin-top: -145px;
}

.m--mt-n150px {
  margin-top: -150px;
}

.m--ml-0px {
  margin-left: 0px;
}

.m--ml-5px {
  margin-left: 5px;
}

.m--ml-10px {
  margin-left: 10px;
}

.m--ml-15px {
  margin-left: 15px;
}

.m--ml-20px {
  margin-left: 20px;
}

.m--ml-25px {
  margin-left: 25px;
}

.m--ml-30px {
  margin-left: 30px;
}

.m--ml-35px {
  margin-left: 35px;
}

.m--ml-40px {
  margin-left: 40px;
}

.m--ml-45px {
  margin-left: 45px;
}

.m--ml-50px {
  margin-left: 50px;
}

.m--ml-55px {
  margin-left: 55px;
}

.m--ml-60px {
  margin-left: 60px;
}

.m--ml-65px {
  margin-left: 65px;
}

.m--ml-70px {
  margin-left: 70px;
}

.m--ml-75px {
  margin-left: 75px;
}

.m--ml-80px {
  margin-left: 80px;
}

.m--ml-85px {
  margin-left: 85px;
}

.m--ml-90px {
  margin-left: 90px;
}

.m--ml-95px {
  margin-left: 95px;
}

.m--ml-100px {
  margin-left: 100px;
}

.m--ml-105px {
  margin-left: 105px;
}

.m--ml-110px {
  margin-left: 110px;
}

.m--ml-115px {
  margin-left: 115px;
}

.m--ml-120px {
  margin-left: 120px;
}

.m--ml-125px {
  margin-left: 125px;
}

.m--ml-130px {
  margin-left: 130px;
}

.m--ml-135px {
  margin-left: 135px;
}

.m--ml-140px {
  margin-left: 140px;
}

.m--ml-145px {
  margin-left: 145px;
}

.m--ml-150px {
  margin-left: 150px;
}

.m--pt-0px {
  padding-top: 0px;
}

.m--pt-5px {
  padding-top: 5px;
}

.m--pt-10px {
  padding-top: 10px;
}

.m--pt-15px {
  padding-top: 15px;
}

.m--pt-20px {
  padding-top: 20px;
}

.m--pt-25px {
  padding-top: 25px;
}

.m--pt-30px {
  padding-top: 30px;
}

.m--pt-35px {
  padding-top: 35px;
}

.m--pt-40px {
  padding-top: 40px;
}

.m--pt-45px {
  padding-top: 45px;
}

.m--pt-50px {
  padding-top: 50px;
}

.m--pt-55px {
  padding-top: 55px;
}

.m--pt-60px {
  padding-top: 60px;
}

.m--pt-65px {
  padding-top: 65px;
}

.m--pt-70px {
  padding-top: 70px;
}

.m--pt-75px {
  padding-top: 75px;
}

.m--pt-80px {
  padding-top: 80px;
}

.m--pt-85px {
  padding-top: 85px;
}

.m--pt-90px {
  padding-top: 90px;
}

.m--pt-95px {
  padding-top: 95px;
}

.m--pt-100px {
  padding-top: 100px;
}

.m--pt-105px {
  padding-top: 105px;
}

.m--pt-110px {
  padding-top: 110px;
}

.m--pt-115px {
  padding-top: 115px;
}

.m--pt-120px {
  padding-top: 120px;
}

.m--pt-125px {
  padding-top: 125px;
}

.m--pt-130px {
  padding-top: 130px;
}

.m--pt-135px {
  padding-top: 135px;
}

.m--pt-140px {
  padding-top: 140px;
}

.m--pt-145px {
  padding-top: 145px;
}

.m--pt-150px {
  padding-top: 150px;
}

.m--pl-0px {
  padding-left: 0px;
}

.m--pl-5px {
  padding-left: 5px;
}

.m--pl-10px {
  padding-left: 10px;
}

.m--pl-15px {
  padding-left: 15px;
}

.m--pl-20px {
  padding-left: 20px;
}

.m--pl-25px {
  padding-left: 25px;
}

.m--pl-30px {
  padding-left: 30px;
}

.m--pl-35px {
  padding-left: 35px;
}

.m--pl-40px {
  padding-left: 40px;
}

.m--pl-45px {
  padding-left: 45px;
}

.m--pl-50px {
  padding-left: 50px;
}

.m--pl-55px {
  padding-left: 55px;
}

.m--pl-60px {
  padding-left: 60px;
}

.m--pl-65px {
  padding-left: 65px;
}

.m--pl-70px {
  padding-left: 70px;
}

.m--pl-75px {
  padding-left: 75px;
}

.m--pl-80px {
  padding-left: 80px;
}

.m--pl-85px {
  padding-left: 85px;
}

.m--pl-90px {
  padding-left: 90px;
}

.m--pl-95px {
  padding-left: 95px;
}

.m--pl-100px {
  padding-left: 100px;
}

.m--pl-105px {
  padding-left: 105px;
}

.m--pl-110px {
  padding-left: 110px;
}

.m--pl-115px {
  padding-left: 115px;
}

.m--pl-120px {
  padding-left: 120px;
}

.m--pl-125px {
  padding-left: 125px;
}

.m--pl-130px {
  padding-left: 130px;
}

.m--pl-135px {
  padding-left: 135px;
}

.m--pl-140px {
  padding-left: 140px;
}

.m--pl-145px {
  padding-left: 145px;
}

.m--pl-150px {
  padding-left: 150px;
}

body {
  color: #302807;
}

/*==================================
// コンテンツ
.tottori_1506--contents-wrapper
-----------------------------------*/
.tottori_1506--contents {
  /**
    星取県
    */
  /**
    それぞれに異なる魅力
    */
}

.tottori_1506--contents-gourmet-color {
  color: #73b656;
}

.tottori_1506--contents-hotspring-color {
  color: #f080a5;
}

.tottori_1506--contents-activity-color {
  color: #00b6cd;
}

.tottori_1506--contents-gourmet, .tottori_1506--contents-hotspring, .tottori_1506--contents-activity {
  position: relative;
  min-height: 530px;
  width: 315px;
  color: #fff;
  padding: 15px;
  margin-top: 50px;
  box-sizing: border-box;
  float: left;
}

.tottori_1506--contents-gourmet h3, .tottori_1506--contents-hotspring h3, .tottori_1506--contents-activity h3 {
  text-align: center;
  font-size: 18px;
  letter-spacing: 3px;
  padding-bottom: 15px;
}

.tottori_1506--contents-gourmet figure, .tottori_1506--contents-hotspring figure, .tottori_1506--contents-activity figure {
  margin-bottom: 17px;
}

.tottori_1506--contents-gourmet p, .tottori_1506--contents-hotspring p, .tottori_1506--contents-activity p {
  letter-spacing: 1px;
  font-size: 13px;
}

.tottori_1506--contents-gourmet {
  background-color: #73b656;
  margin-right: 15px;
}

.tottori_1506--contents-gourmet:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -21px;
  height: 21px;
  background: url(images/gourmet-head.png) no-repeat;
  width: 315px;
}

.tottori_1506--contents-hotspring {
  background-color: #f080a5;
  margin-right: 15px;
}

.tottori_1506--contents-hotspring:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -21px;
  height: 21px;
  background: url(images/hotspring-head.png) no-repeat;
  width: 315px;
}

.tottori_1506--contents-activity {
  background-color: #00b6cd;
}

.tottori_1506--contents-activity:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -21px;
  height: 21px;
  background: url(images/activity-head.png) no-repeat;
  width: 315px;
}

.tottori_1506--contents-gourmet {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(20%);
      -ms-transform: translateX(20%);
          transform: translateX(20%);
}

.tottori_1506--contents-hotspring {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(20%);
      -ms-transform: translateX(20%);
          transform: translateX(20%);
}

.tottori_1506--contents-activity {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(20%);
      -ms-transform: translateX(20%);
          transform: translateX(20%);
}

.tottori_1506--contents-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
}

.tottori_1506--contents-hoshitoriken {
  position: relative;
  z-index: 10;
  background: url(images/hoshitoriken-bg.png) repeat-x center top;
  background-size: cover;
  height: 620px;
  margin-top: -90px;
}

.tottori_1506--contents-hoshitoriken:after {
  content: '';
  width: 100%;
  height: 162px;
  background: url(images/hoshitoriken-bg2.png) repeat-x center top;
  background-size: cover;
  margin-top: -162px;
  position: absolute;
}

.tottori_1506--contents-hoshitoriken-inner {
  height: 620px;
  max-width: 990px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
}

.tottori_1506--contents-hoshitoriken-inner h1 {
  color: #ffd600;
  font-size: 26px;
  letter-spacing: 1px;
  padding-top: 110px;
}

.tottori_1506--contents-hoshitoriken-inner h1, .tottori_1506--contents-hoshitoriken-inner p, .tottori_1506--contents-hoshitoriken-inner a {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

.tottori_1506--contents-hoshitoriken-inner h1 {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.tottori_1506--contents-hoshitoriken-inner p {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.tottori_1506--contents-hoshitoriken-inner a {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.tottori_1506--contents-hoshitoriken-inner strong {
  padding: 2px 0;
  margin-right: 3px;
  color: #302807;
  background-color: #ffd600;
}

.tottori_1506--contents-hoshitoriken-button {
  display: block;
  background-color: #fff;
  color: #302807;
  padding: 5px 8px;
  width: 244px;
  margin: 60px auto;
  border: solid 2px #302807;
  font-weight: bold;
  position: relative;
}

.tottori_1506--contents-hoshitoriken-button:after {
  content: '';
  background: url(images/link.png) no-repeat right top;
  height: 8px;
  width: 8px;
  position: absolute;
  right: 8px;
}

.tottori_1506--contents-attraction-inner {
  max-width: 990px;
  margin: 0 auto 70px auto;
}

.tottori_1506--contents-attraction-inner:after {
  clear: both;
  content: '';
  display: block;
}

.tottori_1506--contents-attraction-text-small {
  font-size: 22px;
}

.tottori_1506--contents-attraction h2 {
  font-size: 28px;
  line-height: 160%;
  letter-spacing: 5px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

.tottori_1506--contents-4story {
  clear: both;
  border-top: solid 15px #ffd600;
  border-bottom: solid 15px #ffd600;
  background: url(images/no1-4story-map-bg.png) no-repeat center 265px #f8f8f0;
  padding-bottom: 50px;
}

.tottori_1506--contents-4story:after {
  clear: both;
  content: '';
  display: block;
}

.tottori_1506--contents-4story-title {
  text-align: center;
  margin-top: 80px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-nav {
  margin-top: 60px;
}

.tottori_1506--contents-4story-nav:after {
  clear: both;
  content: '';
  display: block;
}

.tottori_1506--contents-4story-nav li {
  float: left;
}

.tottori_1506--contents-4story-nav-1 {
  margin-right: 20px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
  -webkit-transform: translateX(15%);
      -ms-transform: translateX(15%);
          transform: translateX(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-nav-2 {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
  -webkit-transform: translateX(15%);
      -ms-transform: translateX(15%);
          transform: translateX(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-1 {
  margin-top: 380px;
  background: url(images/no1-4story-bg.jpg) no-repeat center;
  height: 807px;
}

.tottori_1506--contents-4story-1 div {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.tottori_1506--contents-4story-1 div h3 {
  font-size: 30px;
  text-align: center;
  padding-top: 35px;
  padding-bottom: 25px;
  letter-spacing: 4px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
  -webkit-transform: translateY(15%);
      -ms-transform: translateY(15%);
          transform: translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-1 div p {
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
  -webkit-transform: translateY(15%);
      -ms-transform: translateY(15%);
          transform: translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-1-no {
  position: absolute;
  right: 0;
  top: -65px;
  z-index: 5;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

.tottori_1506--contents-4story-1-pic {
  margin-top: 30px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.1s;
          transition-duration: 1.1s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transform: rotate(-5deg) translateY(15%);
      -ms-transform: rotate(-5deg) translateY(15%);
          transform: rotate(-5deg) translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-2 {
  margin-top: 40px;
  background: url(images/no2-4story-bg.jpg) no-repeat center;
  height: 807px;
}

.tottori_1506--contents-4story-2 div {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.tottori_1506--contents-4story-2 div h3 {
  font-size: 30px;
  text-align: center;
  padding-top: 35px;
  padding-bottom: 25px;
  letter-spacing: 4px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
  -webkit-transform: translateY(15%);
      -ms-transform: translateY(15%);
          transform: translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-2 div p {
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
  -webkit-transform: translateY(15%);
      -ms-transform: translateY(15%);
          transform: translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-2-no {
  position: absolute;
  right: 0;
  top: -65px;
  z-index: 5;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

.tottori_1506--contents-4story-2-pic {
  margin-top: 30px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.1s;
          transition-duration: 1.1s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transform: rotate(-5deg) translateY(15%);
      -ms-transform: rotate(-5deg) translateY(15%);
          transform: rotate(-5deg) translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-3 {
  margin-top: 40px;
  background: url(images/no3-4story-bg.jpg) no-repeat center;
  height: 807px;
}

.tottori_1506--contents-4story-3 div {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.tottori_1506--contents-4story-3 div h3 {
  font-size: 30px;
  text-align: center;
  padding-top: 35px;
  padding-bottom: 25px;
  letter-spacing: 4px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
  -webkit-transform: translateY(15%);
      -ms-transform: translateY(15%);
          transform: translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-3 div p {
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
  -webkit-transform: translateY(15%);
      -ms-transform: translateY(15%);
          transform: translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-3-no {
  position: absolute;
  right: 0;
  top: -65px;
  z-index: 5;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

.tottori_1506--contents-4story-3-pic {
  margin-top: 30px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.1s;
          transition-duration: 1.1s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transform: rotate(-5deg) translateY(15%);
      -ms-transform: rotate(-5deg) translateY(15%);
          transform: rotate(-5deg) translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-4 {
  margin-top: 40px;
  background: url(images/no4-4story-bg.jpg) no-repeat center;
  height: 807px;
}

.tottori_1506--contents-4story-4 div {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.tottori_1506--contents-4story-4 div h3 {
  font-size: 30px;
  text-align: center;
  padding-top: 35px;
  padding-bottom: 25px;
  letter-spacing: 4px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
  -webkit-transform: translateY(15%);
      -ms-transform: translateY(15%);
          transform: translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-4 div p {
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
  -webkit-transform: translateY(15%);
      -ms-transform: translateY(15%);
          transform: translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-4story-4-no {
  position: absolute;
  right: 0;
  top: -65px;
  z-index: 5;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

.tottori_1506--contents-4story-4-pic {
  margin-top: 30px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.1s;
          transition-duration: 1.1s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transform: rotate(-5deg) translateY(15%);
      -ms-transform: rotate(-5deg) translateY(15%);
          transform: rotate(-5deg) translateY(15%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tottori_1506--contents-other {
  padding-top: 90px;
  padding-bottom: 90px;
  border-bottom: solid 15px #ffd600;
}

.tottori_1506--contents-other h2 {
  font-size: 26px;
  text-align: center;
  padding-bottom: 60px;
}

.tottori_1506--contents-other-activity {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.tottori_1506--contents-other-activity:after {
  clear: both;
  content: '';
  display: block;
}

.tottori_1506--contents-other-list {
  padding: 30px 0 0 0;
}

.tottori_1506--contents-other-list:after {
  clear: both;
  content: '';
  display: block;
}

.tottori_1506--contents-other-list li {
  list-style: none;
  float: left;
  margin-right: 26px;
  margin-bottom: 30px;
  margin-top: 10px;
}

.tottori_1506--contents-other-list li:nth-child(3n) {
  margin-right: 0;
}

.tottori_1506--contents-other-list li h3 {
  font-size: 16px;
  padding: 12px 0 0 0;
}

.tottori_1506--contents-other-list li p {
  font-size: 16px;
  padding-bottom: 15px;
}

.tottori_1506--contents-other-list-fix li {
  margin-bottom: 0;
}

.tottori_1506--contents-other-tab {
  width: 960px;
  margin: 0 auto;
  border-bottom: solid 4px #302807;
  padding-bottom: 15px;
  padding-top: 30px;
}

.tottori_1506--contents-other-tab:after {
  clear: both;
  content: '';
  display: block;
}

.tottori_1506--contents-other-tab li {
  width: 220px;
  height: 77px;
  float: left;
  margin-left: 12px;
  margin-right: 6px;
}

.tottori_1506--contents-other-tab li a {
  display: block;
  width: 100%;
  height: 100%;
}

.tottori_1506--contents-other-tab-spring {
  background: url(images/tab-spring.png) no-repeat 0 0;
}

.tottori_1506--contents-other-tab-summer {
  background: url(images/tab-summer.png) no-repeat 0 0;
}

.tottori_1506--contents-other-tab-autumn {
  background: url(images/tab-autumn.png) no-repeat 0 0;
}

.tottori_1506--contents-other-tab-winter {
  background: url(images/tab-winter.png) no-repeat 0 0;
}

.tottori_1506--contents-access {
  text-align: center;
  padding: 60px 0;
}

.tottori_1506--contents-access h2 {
  margin-bottom: 35px;
}

.tottori_1506--contents-access-table {
  text-align: left;
  width: 960px;
  margin: 30px auto 40px auto;
}

.tottori_1506--contents-access-table th {
  border-bottom: solid 1px #302807;
  padding-bottom: 8px;
  text-align: left;
}

.tottori_1506--contents-access-table td {
  padding: 17px 0;
  border-bottom: dashed 1px #302807;
}

.tottori_1506--contents-access-table-right {
  text-align: right;
}

.tottori_1506--contents-credit {
  clear: both;
  background-color: #f7f8f0;
  padding: 40px 0;
}

.tottori_1506--contents-credit div {
  background-color: #fff;
  width: 860px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}

.addParallax {
  -webkit-transition: all linear 1.0s;
  transition: all linear 1.0s;
  background-position: 50% 50% !important;
}

.m--mt30px {
  margin-top: 30px;
}

.m--pb30px {
  padding-bottom: 30px;
}

.common-footer {
  clear: both;
}

.js-toggle {
  display: none;
}

#js-classChange {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.spring-on {
  background: url(images/spring-bg.png) repeat-y center;
}

.spring-on .tottori_1506--contents-other-tab-spring {
  background: url(images/tab-spring.png) no-repeat 0 -86px;
}

.spring-on .tottori_1506--contents-other-spring {
  display: block;
}

.summer-on {
  background: url(images/summer-bg.png) repeat-y center;
}

.summer-on .tottori_1506--contents-other-tab-summer {
  background: url(images/tab-summer.png) no-repeat 0 -86px;
}

.summer-on .tottori_1506--contents-other-summer {
  display: block;
}

.autumn-on {
  background: url(images/autumn-bg.png) repeat-y center;
}

.autumn-on .tottori_1506--contents-other-tab-autumn {
  background: url(images/tab-autumn.png) no-repeat 0 -86px;
}

.autumn-on .tottori_1506--contents-other-autumn {
  display: block;
}

.winter-on {
  background: url(images/winter-bg.png) repeat-y center;
}

.winter-on .tottori_1506--contents-other-tab-winter {
  background: url(images/tab-winter.png) no-repeat 0 -86px;
}

.winter-on .tottori_1506--contents-other-winter {
  display: block;
}

/*==================================
// ヘッダー
.tottori_1506--header-wrapper
-----------------------------------*/
.fadeIn {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
}

.translateY {
  -webkit-transform: translateY(0%) !important;
      -ms-transform: translateY(0%) !important;
          transform: translateY(0%) !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.translateX {
  -webkit-transform: translateY(0%) !important;
      -ms-transform: translateY(0%) !important;
          transform: translateY(0%) !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

header.v2 {
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.tottori_1506--header-wrapper {
  position: relative;
  width: 100%;
  top: 0;
}

.tottori_1506--header-mainvisual {
  -webkit-transition: all ease 1.5s;
  transition: all ease 1.5s;
  -webkit-transform: scale(1.07);
      -ms-transform: scale(1.07);
          transform: scale(1.07);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  min-height: 600px;
  height: -webkit-calc(100vh - 500px);
  height: calc(100vh - 500px);
  background-image: url(images/mv-image.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
  top: 0;
  left: 0;
  z-index: -1;
  *zoom: 1;
  clear: both;
}

.tottori_1506--header-mainvisual:before, .tottori_1506--header-mainvisual:after {
  content: "";
  display: table;
}

.tottori_1506--header-mainvisual:after {
  clear: both;
}

.tottori_1506--header-inner {
  width: 1000px;
  margin: 0 auto;
}

.tottori_1506--header-inner-copy {
  -webkit-transition: all cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.5s;
  transition: all cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.5s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  position: absolute;
  top: 45%;
  left: 50%;
  margin-top: -157px;
  margin-left: -178px;
}

/**
デフォルトスタイル
*/
.content {
  position: relative;
}

.social-icons {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1000;
}

.plan a > img {
  width: 232px;
  height: auto;
}

/*# sourceMappingURL=../../maps/pc/tottori_1506/content.css.map */