@charset "utf-8";

@media screen and (max-width: 768px) {

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

　　Mobile - Parts Setting

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


/*  TOP : トップページ 設定
--------------------------------------------------------------*/

/*  Content Settings
--------------------------------------------- */

.home #content {
  padding-bottom: 0 !important;
}

@keyframes firstaction {
  100% {
    padding-top: 110%;
  }
}

/*  Content Top
----------------------------------- */

/*  Main Visual
-------------------------- */

#mainvisual {
}

/* ---- Logo ---- */

#mainvisual .mainvisual-logo {
}

#mainvisual .mainvisual-logo h1 {
  width: 73%;
  padding-top: 3%;
}

#mainvisual .mainvisual-logo p {
  animation: opa1 2s ease 2.9s 1 forwards;
  padding-top: 3%;
  color: #333;
  font-size: 3.2vw;
  letter-spacing: .02em;
  line-height: 2.3;
  text-shadow: 0 0 1.3em #fff,
               0 0 1.3em #fff,
               0 0 1.3em #fff,
               0 0 1.3em #fff,
               0 0 1.3em #fff,
               0 0 1.3em #fff,
               0 0 1.3em #fff,
               0 0 1.3em #fff,
               0 0 1.3em #fff,
               0 0 1.3em #fff,
               0 0 1.3em #fff,
               0 0 1.3em #fff;
}

/* ---- Slider ---- */

#mainvisual .slider {
  display: block;
  margin: 0;
}

/* ---- Dots ---- */

.slick-dots {
  padding-bottom: 15%;
}

.slick-dots li {
  margin: 0 7px;
}

.slick-dots li button:before {
  font-size: 65px;
}

/* ---- Wave ---- */

.wave-line {
  padding-top: 0;
  margin-bottom: 0;
}

.wave-line.wave-top {
  padding-top: 0;
  margin-bottom: 0;
}

.wave-line.wave-bottom {
  margin-top: 10px;
  margin-bottom: -10px;
}

.wave {
  background-size: 80px 12px;
  top: -12px;
  height: 80px;
}

.wave-1 {
}

.wave-2 {
  animation-delay: -2.4s,-1.2s;
}

@keyframes swell {
  0%, 100% {
    transform: translate3d(0,2px,0);
  }
  50% {
    transform: translate3d(0,0,0);
  }
}

@keyframes swell2 {
  0%, 100% {
    transform: translate3d(0,-2px,0);
  }
  50% {
    transform: translate3d(0,0,0);
  }
}


/*  Content Main
----------------------------------- */

.home #content-main {
  padding-top: 20px;
  padding-bottom: 0;
}

.home .section-head .section-pic,
.home .section-head .section-pic + .ttl {
  display: block;
}

.home #content-main .content-main-inner {
  animation: opa1 1.5s ease 4.5s 1 forwards;
  opacity: 0;
}

/* ---- Section ---- */

.home .section:last-child {
  padding-bottom: 30px;
}

/* ---- 3 Column ---- */

.home .column.column3 > * {
  margin-top: -25px;
  margin-left: 0;
}

.home .column.column3 > * > * {
  width: 100%;
  padding: 25px 0 0;
}


/*  Site Navi
-------------------------- */

.home .sitenav-section {
  padding-bottom: 60px;
}

.home .sitenav-section .section-head {
  margin-bottom: 30px;
}

.home .sitenav-section .section-pic.pic-1 {
  position: relative;
  z-index: 20;
  float: none;
  width: 45%;
  max-width: 170px;
  min-width: 125px;
  margin-top: -50px;
  padding-top: 0;
}

.home .sitenav-section .ttl-section {
  width: auto;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
}

.home .sitenav-section .ttl-section img {
  width: 75%;
  max-width: 250px;
}

.home .sitenav-section .section-pic.pic-2 {
  margin-top: -25px;
  padding-top: 0;
  padding-right: 10px;
  width: 32%;
  max-width: 120px;
  min-width: 95px;
}

.home .sitenav-section .section-pic.pic-2 img {
  
}

.home .sitenav-section .sitenav-list ul {
  margin-top: -8%;
}

.home .sitenav-section .sitenav-list li {
  padding-top: 8%;
  padding-right: 6%;
  padding-left: 6%;
}

.home .sitenav-section .sitenav-list img {
  width: 100%;
}

.home .sitenav-section .sitenav-txt {
}

.home .sitenav-section .sitenav-img {
}

.home .sitenav-section .sitenav-ttl {
  padding: 0 8px;
}

.home .sitenav-section .sitenav-ttl span {
  margin: -30% auto 0;
  padding: 2px 0;
  border-radius: 3px;
}

.home .sitenav-section .sitenav-ttl img {
  max-width: 95%;
}


/*  About
-------------------------- */

.home .about-section {
  padding-top: 0;
  padding-bottom: 30px;
}

.home .about-section .ttl-section {
  margin-bottom: 7%;
  padding: 0 20px;
  text-align: center;
}

.home .about-section .ttl-section img {
  width: 90%;
  max-width: 300px;
}

.home .about-section .section-pic.pic-1 {
  top: -22%;
  right: 15px;
  left: auto;
  width: 40%;
  text-align: right;
}

@media screen and (max-width: 260px) {
  .home .about-section .section-pic.pic-1 {
    top: -120px;
  }
}

.home .about-section .about-thumb {
  float: none;
  width: auto;
  margin: 0 15px 20px;
}

.home .about-section .about-thumb:before {
  background-size: 96%;
}

.home .about-section .about-cont {
  float: none;
  margin-top: 0;
  padding: 10px 20px;
  text-align: center;
}

.home .about-section .about-cont p {
  padding-bottom: 0;
}


/*  Movie
-------------------------- */

.home .movie-section {
  padding-top: 50px;
  padding-bottom: 60px;
  background: none;
}

.home .movie-section:before {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-image: url(/share/imgs/index-movie-bgall.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
  content: "";
}

.home .effect + .wave-line + .movie-section:before {
  display: block;
  opacity: 1;
}

.home .movie-section .section-head {
  position: relative;
}

.home .movie-section .section-pic {
  position: absolute;
  padding: 0;
}

.home .movie-section .section-pic.pic-1 {
  top: 15%;
  left: 0;
  width: 36%;
  min-width: 90px;
  max-width: 150px;
}

.home .movie-section .section-pic.pic-2 {
  top: 25%;
  right: 0;
  width: 36%;
  min-width: 90px;
  max-width: 150px;
}

.home .movie-section .ttl-section {
  padding-bottom: 0;
}

.home .movie-section .ttl-section img {
  width: 42%;
  max-width: 190px;
}

.home .movie-section .section-inner {
  margin-top: 25px;
  padding: 25px;
}

.home .movie-section .section-half.float-right,
.home .movie-section .section-half.float-left {
  padding: 0;
}

.home .movie-section .movie-thumb.section-half {
  padding-bottom: 25px;
}

.home .movie-section .ttl-sub {
  font-size: 1.12em;
}


/*  Info
-------------------------- */

.home .info-section {
  padding-top: 30px;
}

.home .info-section .ttl-section {
  padding-top: 0;
  padding-bottom: 0;
}

.home .info-section .ttl-section img {
  width: 56%;
  max-width: 200px;
}

.home .info-section .info-list {
  margin-top: 50px;
}

.home .info-section .info-list > ul {
  margin-left: 0;
}

.home .info-section .info-list > ul > li {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dotted #a99a82;
}

.home .info-section .info-list > ul > li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top-width: 0;
}

.home .info-section .column-inner {
  padding-right: 0;
  padding-left: 0;
}

.home .info-section .column-inner > a {
  padding-bottom: 60px;
}

.home .info-section .info-thumb {
  height: auto;
  line-height: inherit;
}

.home .info-section .info-list-1 .info-thumb img {
  width: 40%;
  max-width: 150px;
}

.home .info-section .info-list-2 .info-thumb img {
  width: 30%;
  max-width: 100px;
}

.home .info-section .info-list-3 .info-thumb img {
  width: 30%;
  max-width: 60px;
}

.home .info-section .info-ttl {
  padding-top: 20px;
}

.home .info-section .info-ttl img {
}

.home .info-section .info-list-1 .info-ttl {
  max-width: 58%;
}

.home .info-section .info-list-2 .info-ttl {
  max-width: 43%;
}

.home .info-section .info-list-3 .info-ttl {
  max-width: 41%;
}

.home .info-section .info-cont {
  padding-top: 25px;
  font-size: .85em;
  line-height: 2;
}

.home .info-section .info-btn {
  padding-top: 10px;
}

.home .info-section .info-btn .btn {
  width: 100%;
  min-width: 0;
  max-width: 400px;
  min-height: 40px;
  background-image: url(/share/imgs/index-info-btn-link-sp.png),url(/share/imgs/index-info-btn-link-hover-sp.png);
  background-size: 122px,122px;
}

.home .info-section a:hover .info-btn .btn {
  background-image: url(/share/imgs/index-info-btn-link-hover-sp.png);
}

/*  Pick Up
-------------------------- */

.home .pickup-section {
}

.home .pickup-section .slider-wrap {
}

.home .pickup-section .slider-wrap.slider-2 {
}

.home .pickup-section .slide .pickup-cont-inner {
  padding: 10px 20px;
  font-size: .9em;
}


/*  Banner Section
-------------------------- */

.bnr-section {
}

.bnr-section .column > ul {
  margin-top: -15px;
  margin-left: -15px;
}

.bnr-section .column > ul > li {
  width: 50%;
  padding-top: 15px;
  padding-left: 15px;
}

.bnr-section img {
  width: 100%;
}



/*  LOWER PAGE : 下層ページ 設定
--------------------------------------------------------------*/



}