@charset "UTF-8";


#content_toys {
    padding: 0;
    background: #fff;
}

#container {
    overflow: hidden;
}

/*---------------------------------------------
  General Settings
  ---------------------------------------------*/

body {
    margin: 0;
    -webkit-text-size-adjust: 100%;
}

ul li {
    list-style: none;
}

a:hover {
    cursor: pointer;
}

section {
    padding: 40px 0;
}

h2 {
    text-align: center;
    padding-top: 20px;
    margin-top: 0;
    margin-bottom: 80px;
}

h2 img {
    width: 520px;
}


.mt80 {
    margin-top: 80px;
}

.mt100 {
    margin-top: 100px;
}

 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


/*---------------------------------------------
  pageTop
  ---------------------------------------------*/

#pageTop {
    position: fixed;
    bottom: 140px;
    right: 40px;
    z-index: 9999;
}

#pageTop a img {
    width: 100px;
}

#webshop {
    position: fixed;
    bottom: 260px;
    right: 40px;
    z-index: 9999;
}

#webshop a img {
    width: 100px;
}

#pageTop a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#webshop a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}


/*---------------------------------------------
  Swiper
  ---------------------------------------------*/

.hvr-glow {
    border-radius: 50%;
}

.swiper-container {
  background: #fff;
    z-index: -1;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    z-index: -1;
}

.swiper-slide {
    z-index: 1;
}

.s-three-wrap {
    z-index: 1;
}

.main_back {
    z-index: 1;
}

.s-three-text {
    z-index: 1;
}

.s-three-sub {
    z-index: 1;
}

.main_back {
    z-index: 1;
}

.s-three-text img {
    z-index: 1;
}

/*---------------------------------------------
  Swiper tips Sample04
  ---------------------------------------------*/

.swiper-wrapper .swiper-slide {
    background-position: center center;
/*    background-size: 1400px 826px;*/
    background-size: 2000px 760px;
    background-repeat: no-repeat;
    
}

.s-three-wrap {
  position: relative;
    margin: 0 auto;
    height: 100%;
    height: auto;
    width: 930px;
    min-height: 760px;
    height: 100%;
}

/*
.main_back {
    width: 100vw;
}
*/

.s-three-text,
.s-three-sub,
.s-three-button {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  color: white;
}

/*ロッキングチェア、Ride本体サイズ*/
.s-three-text {
    width: 420px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.s-three-text img {
  width: 100%;
}

/*ロッキングチェア位置*/
.s-three-sub {
    position: absolute;
    top: 70px;
    left: 0;
    text-align: left;
    width: 500px;
}

.s-three-sub {
    position: absolute;
    top: 70px;
    left: 0;
    text-align: left;
    width: 558px;
}

.s-three-sub img {
    max-width: 100%;
}

/*Ride本体位置*/
.s-three-sub01 {
    position: absolute;
    top: 150px;
    right: 0;
    text-align: left;
    color: #3b85cd;
    width: 600px;
    height: 42px;
}

.s-three-sub01 img {
    max-width: 100%;
}

/*Rideロゴ位置*/
.s-three-sub02 {
    position: absolute;
    top: 70px;
    left: 0;
    color: #3b85cd;
    width: 320px;
    box-sizing: border-box;
}

.s-three-sub02 img {
    width: 320px;
    height: 76px;
    max-width: 100%;
}

.s-three-button {
  top: 75%;
  left: calc( 50% - 75px );
  display: block;
  padding: 5px 10px;
  box-sizing: border-box;
  color: white;
  text-align: center;
  text-decoration: none;
  transition: all .25s ease;
}
.s-three-button:hover {
  background: white;
  color: #1b1b1b;
}

.swiper-slide-active .s-three-text {
  animation: slideFromRight 4.5s ease 6s 4 normal;
}

.swiper-slide-active .s-three-button {
  animation: slideFromRightBtn 3.5s ease 0s 1 normal;
}

@keyframes slideFromRightBtn {
  0%, 65% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

.fade1{
  animation-name:fade-in1;
  animation-duration: 2s; /*1回のアニメーションにかかる時間*/
  animation-timing-function: ease-out; /* */
  animation-delay: 1s; /*アニメーションの開始をいくら遅らせるか*/
  animation-iteration-count:1; /*アニメーションの変化率*/
  animation-direction:normal; /*繰り返し時、往復処理をするか*/
  animation-fill-mode: forwards; /*繰り返し時、往復処理をするか*/
}

@keyframes fade-in1 {
  0% {opacity: 0; transform: translate3d(0,-40px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}



/*---------------------------------------------
  canvas
  ---------------------------------------------*/

#canvas-container {
    z-index: 998;
    position: relative;
}

#sineCanvas {
    width: 2000px;
    z-index: 998;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#sineCanvas01 {
    width: 2000px;
    z-index: 9999;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 100%;
}

/*---------------------------------------------
  Navigation
  ---------------------------------------------*/

.sub_navi {
    width: 960px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.sub_navi ul {
    width: 820px;
    margin: 0 auto;
    height: 48px;
    box-sizing: border-box;
    box-sizing: border-box;
}

/* -- ナビゲーション-- */
 

.sub_navi ul li {
    text-align: center;
    vertical-align: center;
    width: 190px;
    height: 48px;
    display: inline-block;
    vertical-align: sub;
/*
    flex-basis: 190px;
    text-align: center;
*/
}

.sub_navi ul li a {
    margin: 0 auto;
/*    display: block;*/
    width: 190px;
    height: 48px;
}

.sub_navi ul li:nth-child(1) a {
    display: block;
    background: url(../img/menu01-off.png) no-repeat;
    background-position: center top;
    width: 93px;
/*    height: 39px;*/
    background-size: contain;
}


.sub_navi ul li:nth-child(1) a:hover {
    display: block;
    background: url(../img/menu01-on.png) no-repeat;
    background-position: center top;
    width: 128px;
/*    height: 39px;*/
    background-size: contain;
}

@media screen and (max-width:480px) {
    .sub_navi ul li:nth-child(1) a:hover {
    display: block;
    background: url(../img/menu01-off.png) no-repeat;
    background-position: center top;
    width: 93px;
    background-size: contain;;
    }
}

.sub_navi ul li:nth-child(2) a {
    display: block;
    background: url(../img/menu02-off.png) no-repeat;
    background-position: center top;
    width: 87px;
    background-size: contain;
}


.sub_navi ul li:nth-child(2) a:hover {
    display: block;
    background: url(../img/menu02-on.png) no-repeat;
    background-position: center top;
    width: 120px;
    background-size: contain;
}

@media screen and (max-width:480px) {
    .sub_navi ul li:nth-child(2) a:hover {
    display: block;
    background: url(../img/menu02-off.png) no-repeat;
    background-position: center top;
    width: 87px;
    background-size: contain;
    }
}


.sub_navi ul li:nth-child(3) a {
    display: block;
    background: url(../img/menu03-off.png) no-repeat;
    background-position: center top;
    width: 89px;
    background-size: contain;
}


.sub_navi ul li:nth-child(3) a:hover {
    display: block;
    background: url(../img/menu03-on.png) no-repeat;
    background-position: center top;
    width: 117px;
    background-size: contain;
}

@media screen and (max-width:480px) {
    .sub_navi ul li:nth-child(3) a:hover {
    display: block;
    background: url(../img/menu03-off.png) no-repeat;
    background-position: center top;
    width: 89px;
    background-size: contain;
    }
}

.sub_navi ul li:nth-child(4) a {
    display: block;
    background: url(../img/menu04-off.png) no-repeat;
    background-position: center top;
    width: 70px;
    background-size: contain;
}

.sub_navi ul li:nth-child(4) a:hover {
    display: block;
    background: url(../img/menu04-on.png) no-repeat;
    background-position: center top;
    width: 96px;
    background-size: contain;
}

@media screen and (max-width:480px) {
    .sub_navi ul li:nth-child(4) a:hover {
    display: block;
    background: url(../img/menu04-off.png) no-repeat;
    background-position: center top;
    width: 70px;
    background-size: contain;
    }
}


/*

.sub_navi ul li a img {
    vertical-align: middle;
}

.sub_navi ul li:nth-child(1) a img {
    width: 93px;
}

.sub_navi ul li:nth-child(2) a img {
    width: 87px;
}

.sub_navi ul li:nth-child(3) a img {
    width: 86px;
}

.sub_navi ul li:nth-child(4) a img {
    width: 70px;
}

.sub_navi ul li a.action img {
    opacity: 0;
}
*/


/*---------------------------------------------
  Motion makes eMotion
  ---------------------------------------------*/

.back_intro {
    background: url(../img/curve.png) no-repeat;
    background-size: cover;
    background-position: center top;
    min-width: 960px;
    min-height: 240px;
    max-width: 2000px;
    margin: 0 auto;
}

h1.make_m {
    text-align: left;
}

h1.make_m img {
    width: 681px;
}

.intro_container {
    width: 960px;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 20px;
    max-width: 2000px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


.pa_wrapper {
/*    min-height: 580px;*/
    height: 630px;
    position: relative;
    width: 920px;
    margin: 0 auto;
/*    margin-top: 80px;*/
    margin-bottom: 80px;
    box-sizing: border-box;
    margin-top: -130px;
}


#imagesequence {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 386px;
    height: 425px;
}

#imagesequence img {
    width: 386px;
    height: 425px;
    max-width: 100%;
}

.pa_logo {
    position: absolute;
    left: 0;
    top: 0;
}

.pa_logo img {
    max-width: 100%;
}

.pa_txt01 {
    position: absolute;
    right: 0;
    top: 40px;
}

.pa_txt01 img {
    max-width: 100%;
}

.pa_txt02 {
    position: absolute;
    left: 0;
    bottom: 20px !important;
}


/*---------------------------------------------
  Position
  ---------------------------------------------*/

.back_g01 {
    background: url("../img/bg_01.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    min-width: 960px;
    max-width: 2000px;
    margin: 0 auto;
}

.back_g02 {
    background: url(../img/bg_02.jpg) no-repeat;
    background-size: cover;
/*    height: 2140px;*/
    background-position: center;
    min-width: 960px;
    max-width: 2000px;
    margin: 0 auto;
}

.position_container {
    width: 960px;
/*    height: 1665px;*/
    box-sizing: border-box;
    margin: 0 auto;
    
}

.position_orginal ul {
    width: 420px;
    height: 300px;
    position: relative;
}

.position_orginal ul li {
    display: inline-block;
}

.position_orginal ul li:hover {
    cursor: pointer;
}

.position_orginal ul li img {
    width: 160px;
}

.position_orginal ul li img.action {
    width: 200px;
}

.position_orginal ul li.left {
    width: 160px;
    height: 160px;
    position: absolute;
    left: 0;
    bottom: 0;
}


.position_orginal ul li.center {
    width: 160px;
    height: 160px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
}

.position_orginal ul li.right {
    width: 160px;
    height: 160px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.position_area {
    width: 920px;
    box-sizing: border-box;
    margin: 0 auto;
    height: 710px;
}

.position_orginal {
    display: inline-block;
    width: 430px;
    box-sizing: border-box;
}

.position_main {
    display: inline-block;
    width: 480px;
    height: 480px;
    margin-top: 80px;
    box-sizing: border-box;
    vertical-align: top;
}

.position_main img {
    width: 480px;
}


.dest01.action01 {
    background: url("../img/p_back_txt_on.png") no-repeat;
    background-size: contain;
    background-position: center;
    width: 480px;
    height: 480px;
    margin: 0 auto;
    margin-top: 80px;
}

.dest01.action02 {
    background: url("../img/p_center_txt_on.png") no-repeat;
    background-size: contain;
    background-position: center;
    width: 480px;
    height: 480px;
    margin: 0 auto;
    margin-top: 80px;
}

.dest01.action03 {
    background: url("../img/p_front_txt_on.png") no-repeat;
    background-size: contain;
    background-position: center;
    width: 480px;
    height: 480px;
    margin: 0 auto;
    margin-top: 80px;
}

.action01 img, .action02 img, .action03 img{
	visibility: hidden;
}


.p_ride img {
    width: 400px;
}

.posi {
    z-index:9999;
}

.posi:hover img {
    -webkit-animation: pulsate-ready 2s ease-out;
    -webkit-animation-iteration-count: 1;
    -moz-animation: pulsate-ready 2s ease-out;
    -moz-animation-iteration-count: 1;
    -ms-animation: pulsate-ready 2s ease-out;
    -ms-animation-iteration-count: 1;
}

@-webkit-keyframes pulsate-ready {
    0% {-webkit-transform: scale(1, 1); }
    50% {-webkit-transform: scale(1.1, 1.1); }
    100% {-webkit-transform: scale(1, 1); }
}
@-moz-keyframes pulsate-ready {
    0% {-moz-transform: scale(1, 1); }
    50% {-moz-transform: scale(1.1, 1.1); }
    100% {-moz-transform: scale(1, 1); }
}
@-ms-keyframes pulsate-ready {
    0% {-ms-transform: scale(1, 1); }
    50% {-ms-transform: scale(1.1, 1.1); }
    100% {-ms-transform: scale(1, 1); }
}

/*---------------------------------------------
  Feature（特徴）
  ---------------------------------------------*/

.feature_main.f_a01 {
    background: url("../img/f_01_on.png") no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
}

.feature_main.f_a02 {
    background: url("../img/f_02_on.png") no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
}

.feature_main.f_a03 {
    background: url("../img/f_03_on.png") no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
}

.feature_main.f_a04 {
    background: url("../img/f_04_on.png") no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
}

.feature_main.f_a05 {
    background: url("../img/f_05_on.png") no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
}

.feature_main.f_a06 {
    background: url("../img/f_06_on.png") no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
}


.f_a01 img, .f_a02 img, .f_a03 img, .f_a04 img, .f_a05 img, .f_a06 img {
    visibility:hidden;
}


.feature_container {
    width: 960px;
/*    height: 1070px;*/
    box-sizing: border-box;
    margin: 0 auto;
}


.feature_area {
    box-sizing: border-box;
    width: 920px;
    height: 520px;
    margin: 0 auto;
    
}

.feature_main {
    display: inline-block;
    width: 480px;
    box-sizing: border-box;
    vertical-align: top;
}

.feature_main img {
    width: 480px;
    max-width: 100%;
}

.feature_orginal {
    display: inline-block;
    position: relative;
    margin-left: 40px;
    background-size: 364px;
    width: 348px;
    height: 520px;
    box-sizing: border-box;
}

img.f_ride {
    width: 348px;
    max-width: 100%;
}


.feature_orginal ul li {
    display: inline-block;
}

.feature_orginal ul li:hover {
    cursor: pointer;
}

.feature_orginal ul li.ff img {
    width: 64px;
    height: 64px;
}

.feature_orginal ul li.f01 {
    position: absolute;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 64px;
}

.feature_orginal ul li.arrow01 {
    width: 30px;
    height: 32px;
    position: absolute;
    margin: 0 auto;
    top: -62px;
    left: 0;
    right: 0;
}

.feature_orginal ul li.f02 {
    width: 64px;
    position: absolute;
    right: 3%;
    top: 34%;
}

.feature_orginal ul li.arrow02 {
    width: 32px;
    height: 30px;
    position: absolute;
    right: -25px;
    top: 34%;
}


.feature_orginal ul li.f03 {
    width: 64px;
    position: absolute;
    right: 11%;
    bottom: 28%;
}

.feature_orginal ul li.arrow03 {
    width: 30px;
    height: 32px;
    position: absolute;
    right: 15%;
    bottom: 22%;
}

.feature_orginal ul li.f04 {
    width: 64px;
    position: absolute;
    left: 17%;
    bottom: 26%;
}

.feature_orginal ul li.arrow04 {
    width: 32px;
    height: 30px;
    position: absolute;
        left: 6%;
    bottom: 32%;
}

.feature_orginal ul li.f05 {
    width: 64px;
    position: absolute;
    left: 3%;
    top: 34%;
}

.feature_orginal ul li.arrow05 {
    width: 32px;
    height: 30px;
    position: absolute;
    left: -26px;
    top: 34%;
}

.feature_orginal ul li.f06 {
    width: 64px;
    position: absolute;
    left: 38%;
    bottom: 35%;
}

.feature_orginal ul li.arrow06 {
    width: 30px;
    height: 32px;
    position: absolute;
    left: 43%;
    bottom: 29%;
}

.feature_orginal ul li img {
    width: 100%;
}

.arrow03 img, .arrow06 img {
  animation: img_box_9955 3s linear infinite;
  transform-origin: 50% 50%;
  margin: 1rem 0 !important;
}
 
@keyframes img_box_9955 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}

.arrow01 img {
  animation: img_box_9958 3s linear infinite;
  transform-origin: 50% 50%;
  margin: 1rem 0 !important;
}
 
@keyframes img_box_9958 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}



.arrow04 img, .arrow05 img {
  animation: img_box_9956 3s linear infinite;
  transform-origin: 50% 50%;
  margin: 1rem 0 !important;
}
 
@keyframes img_box_9956 {
  0% { transform: translateX(-10px) }
  33.33333% { transform: translateX(0) }
  66.66667% { transform: translateX(-10px) }
  100% { transform: translateX(-10px) }
}

.arrow02 img {
  animation: img_box_9957 3s linear infinite;
  transform-origin: 50% 50%;
  margin: 1rem 0 !important;
}
 
@keyframes img_box_9957 {
  0% { transform: translateX(10px) }
  33.33333% { transform: translateX(0) }
  66.66667% { transform: translateX(10px) }
  100% { transform: translateX(10px) }
}

/*---------------------------------------------
  Line Up（商品一覧）
  ---------------------------------------------*/


.lineup_container {
    width: 960px;
/*    height: 1070px;*/
    box-sizing: border-box;
    margin: 0 auto;
}


ul.lineup_area {
    width: 920px;
    height: 660px;
    position: relative;
    margin: 0 auto;
}

ul.lineup_area li {
    text-align: center;
    position: absolute;
    
}

ul.lineup_area li.lineup01 {
    left: 15px;
    bottom: 0;
}

ul.lineup_area li.lineup02 {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
}

ul.lineup_area li.lineup03 {
    right: 15px;
    bottom: 0;
}


ul.lineup_area li.lineup01 a img {
    width: 320px;
}

ul.lineup_area li.lineup02 a img {
    width: 320px;
}

ul.lineup_area li.lineup03 a img {
    width: 320px;
}



ul.lineup_area li.lineup01 a.action img {
    width: 360px;
}

ul.lineup_area li.lineup02 a.action img {
    width: 360px;
}

ul.lineup_area li.lineup03 a.action img {
    width: 360px;
}


ul.lineup_area li a img {
    max-width: 100%;
}

.lineup_item:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}



ul.lineup_area li.d_bt01 {
    left: 122px;
    bottom: -20px;
    width: 120px;
}

ul.lineup_area li.d_bt02 {
    bottom: 190px;
    width: 120px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


ul.lineup_area li.d_bt03 {
    bottom: -20px;
    width: 120px;
    right: 112px;
}

ul.lineup_area li a.detailbt img {
    width: 120px;
}


ul.lineup_area li a.detailbt {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* top: 0; */
    bottom: -60px;
    margin-left: -20px;
}

.color_vari {
    width: 920px;
    margin: 0 auto;
    margin-top: 200px;
}

.color_vari img {
    max-width: 100%;
}

.detailbt:hover img {
    opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}



/*---------------------------------------------
  Movie（動画）
  ---------------------------------------------*/

.youtube {
    background: url("../img/movie_frame.png") no-repeat;
    background-size: contain;
    background-color: #fff;
    position: relative;
    width: 768px;
    height: 526px;
    margin: 0 auto;
    margin-top: 120px;
    margin-bottom: 100px;
    border-radius: 40px;
    overflow: hidden;
}
    
.player {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}
    
.thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 13;
}

#player1 {
/*
    border-radius: 40px !important;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.movie_area {
    width: 768px;
    margin: 0 auto;
    margin-top: 120px;
    margin-bottom: 100px;
    text-align: center;
    position: relative;
}

.movie_area img {
    max-width: 100%;
}


/*---------------------------------------------
  その他
  ---------------------------------------------*/

/* 身体に揺動を、心に感動を */

.contents .text-box01 {
    padding: 0;
    width: 420px;
    position: fixed;
    top: 30%;
    left: auto;
    transition: opacity 4s, visibility 4s;
    opacity: 0;
    visibility: hidden;
    margin-left: 700px;
    box-sizing: border-box;
}

.contents.show .text-box01 {
    opacity: 1;
    visibility: visible;
}


/* RIDE */

.contents .text-box04 {
    padding: 0;
    width: 320px;
    position: fixed;
    top: 57%;
    left: auto;
    margin-left: 10px;
    transition: opacity 4s, visibility 4s;
    opacity: 0;
    visibility: hidden;
}

.contents.show .text-box04 {
    opacity: 1;
    visibility: visible;
}

#ride {
    min-width: 960px;
}