@charset "UTF-8";
/* CSS Document */
/* ================================================================
( ・∋ Reset
================================================================ */
html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style: normal; vertical-align: baseline; box-sizing: border-box; }

html, body { width: 100%; height: 100%; }

ul, ol { list-style: none; }

strong { font-style: normal; font-weight: bold; }

img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; /*ie7*/ }

* { box-sizing: border-box; }

section, div { position: relative; }

/* ================================================================
( ・∋ Base
================================================================ */
.flexbox { display: flex; justify-content: space-between; align-items: center; }

.flexbox02 { display: flex; justify-content: space-between; }

.w5 { width: 5%; }

.w10 { width: 10%; }

.w20 { width: 20%; }

.w25 { width: 25%; }

.w30 { width: 30%; }

.w35 { width: 35%; }

.w38 { width: 38%; }

.w40 { width: 40%; }

.w45 { width: 45%; }

.w48 { width: 48%; }

.w50 { width: 50%; }

.w60 { width: 60%; }

.w65 { width: 65%; }

.w70 { width: 70%; }

.w80 { width: 80%; }

.w160 { width: 160px; }

.w200 { width: 200px; }

.w260 { width: 260px; }

.w280 { width: 280px; }

.w340 { width: 340px; }

.w360 { width: 360px; }

.w370 { width: 370px; }

.w400 { width: 400px; }

.w420 { width: 420px; }

.w460 { width: 460px; }

.w480 { width: 480px; }

.w500 { width: 500px; }

.w560 { width: 560px; }

.w580 { width: 580px; }

.w600 { width: 600px; }

.w660 { width: 660px; }

.w700 { width: 700px; }

.w760 { width: 760px; }

.w800 { width: 800px; }

.w880 { width: 880px; }

.center, .sp_center { text-align: center; }

.t_right { text-align: right; }

.f_left { float: left; }

.f_right { float: right; }

.underline { text-decoration: underline; }

.small { font-size: 1.2rem; }

.m_t10 { margin-top: 10px; }

.m_t20 { margin-top: 20px; }

.m_t40 { margin-top: 40px; }

.m_t60 { margin-top: 60px; }

.m_b10 { margin-bottom: 10px; }

.m_b20 { margin-bottom: 20px; }

.m_b30 { margin-bottom: 30px; }

.m_b40 { margin-bottom: 40px !important; }

.m_b60 { margin-bottom: 60px; }

.m_a { margin-left: auto; margin-right: auto; }

.pl_40 { padding: 0 0 0 40px; box-sizing: border-box; }

.pr_40 { padding: 0 40px 0 0; box-sizing: border-box; }

figure img { width: 100%; }

@media screen and (min-width: 640px) and (max-width: 1024px) { .pl_40, .pr_40 { padding: 0; }
  .w160, .w200, .w260, .w280, .w25, .w340, .w360, .w370, .w400, .w420, .w460, .w480, .w500, .w560, .w580, .w600, .w660, .w700, .w760, .w800, .w880, .w20, .w30, .w35, .w38, .w40, .w45, .w48, .w50, .w60, .w65, .w70, .w80 { width: 48%; } }
@media screen and (max-width: 640px) { img { max-width: 100%; }
  .flexbox, .flexbox02 { flex-wrap: nowrap; flex-direction: column; }
  .item1 { order: 1; margin: 0 0 40px 0; }
  .item2 { order: 2; }
  .item3 { order: 3; margin: 40px 0 0; }
  .w160, .w200, .w260, .w280, .w25, .w340, .w360, .w370, .w400, .w420, .w460, .w480, .w500, .w560, .w580, .w600, .w660, .w700, .w760, .w800, .w880, .w20, .w30, .w35, .w38, .w40, .w45, .w48, .w50, .w60, .w65, .w70, .w80 { width: 100%; } }
/* Scss Document */
/* ================================================================
( ・∋ Base
================================================================ */
body { background: url(../img/bg.jpg); color: #000; font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 1.6rem; font-weight: 500; }

a { color: #000; text-decoration: none; transition: 0.3s; }

a:hover { opacity: 0.7; }

/*---clearfix---*/
.clearfix { zoom: 1; }

.clearfix::before, .clearfix::after { clear: both; content: ""; display: table; }

/*---table---*/
table { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: #7da376 solid 1px; border-left: #7da376 solid 1px; }

th { background: #7da376; width: 30%; text-align: left; font-weight: normal; padding: 20px 0 20px 20px; vertical-align: middle; color: #fff; border-bottom: #a0c599 solid 1px; border-right: #7da376 solid 1px; }

td { background: #fafafa; padding: 20px 0 20px 20px; vertical-align: middle; border-bottom: #7da376 solid 1px; border-right: #7da376 solid 1px; }

table.center th { width: 25%; text-align: center; }
table.center td { width: 25%; text-align: center; }

th.w50 { width: 50% !important; }

/*---header---*/
header { background: url(../img/bg.jpg); position: fixed; top: 0; width: 100%; height: 100px; /*font-family: $title-font-family;*/ z-index: 9999; padding: 0 20px 0 0; }
header .flexbox { display: flex; justify-content: space-between; align-items: center; height: 100%; }
header h1 { padding: 0 0 0 0; width: 50%; max-width: 224px; position: fixed; top: 0; left: 0; }
header h1 img { width: 100%; }
header nav { display: flex; padding: 0 20px 0 0; margin: 0 0 0 auto; justify-content: flex-end; }
header nav ul { display: flex; align-items: center; justify-content: flex-end; }
header nav ul li { margin: 0 0 0 2vw; font-size: clamp(1.8rem, 1vw, 2rem); text-align: center; position: relative; }
header nav ul li a { display: block; }
header nav ul li a::after { content: ""; display: block; height: 1px; width: 0%; background: #1c905d; transition: 0.3s; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); }
header nav ul li a:hover::after { content: ""; display: block; width: 100%; }
header nav ul li:first-child { margin: 0; }
header nav ul .h_plan a::after { display: none; }
header nav ul .h_plan a:hover::after { display: none; }

.header_image { width: 100%; height: 400px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 100px 0 0 0; }
.header_image h2 { font-size: 4.0rem; color: #fff; }
.header_image h2::first-letter { color: #e9edc9; }
.header_image .eng { color: #fff; }

#cuisine .header_image { background: url(../img/cuisine/header.jpg) no-repeat center center; background-size: cover; }

#access .header_image { background: url(../img/access/header.jpg) no-repeat left center; background-size: cover; }

#facilities .header_image { background: url(../img/facilities/header.jpg) no-repeat center center; background-size: cover; }

#staff .header_image { background: url(../img/staff/header.jpg) no-repeat center top; background-size: cover; }

/*---footer---*/
footer { width: 100%; position: relative; padding: 60px 0; overflow: hidden; background: url("../img/bg_footer.jpg") no-repeat center top; background-size: cover; }
footer .f_logo { width: 250px; }
footer .f_logo img { width: 100%; }
footer strong { font-weight: normal; font-size: 2.0rem; }
footer .flexbox02 { width: calc(100% - 250px); justify-content: center; }
footer .f_nav { display: flex; justify-content: space-around; }
footer li { margin: 0 0 10px 0; }

address { font-size: 1.2rem; /*text-align: center;*/ margin: 20px 0 0 0; color: #333; padding: 0; z-index: 1; }

.pagetop { position: fixed; right: 10px; bottom: 100px; z-index: 9999; }

/*---contents---*/
img { max-width: 100%; }

.wrapper, .inner { width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }

.s_inner { width: 70%; max-width: 800px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }

.s_inner02 { width: 80%; max-width: 1000px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }

main { display: block; overflow-x: hidden; margin: 60px 0 0 0; }

#index main, #cuisine main, #facilities main { margin: 0; }

section { position: relative; margin-bottom: 100px; }

.slider img, .slider02 img, .slider03 img { width: 100%; }

.radius { border-radius: 20px; }

/*---common---*/
p, td, th { line-height: 2em; }

picture { display: block; }

h2, h3 { font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: 400; letter-spacing: 1px; font-style: normal; color: #5db24d; position: relative; }
h2::first-letter, h3::first-letter { color: #3f7735; }

h2 { font-size: 4.0rem; }

h3 { font-size: 3.4rem; }

h4 { font-size: 2.0rem; font-weight: normal; letter-spacing: 1px; color: #000; }

.eng { color: #27a910; font-size: 2.2rem; }

.title { background: url("../img/bg_title.png") no-repeat center bottom; padding: 0 0 70px 0; }

figure img, picture img { width: 100%; }

.t_left { text-align: left; }

.com_wrap { padding: 0 3%; }

/*---btn---*/
.link_btn { line-height: 1em; }
.link_btn a { color: #1c905d; font-size: 2.0rem; position: relative; display: flex; align-items: center; justify-content: center; width: 260px; height: 60px; background: #fff; border-radius: 30px; box-shadow: 2px 2px 4px rgba(63, 119, 53, 0.3), -2px 2px 4px rgba(63, 119, 53, 0.3), 2px -2px 4px rgba(63, 119, 53, 0.3), -2px -2px 4px rgba(63, 119, 53, 0.3); }
.link_btn a img { position: absolute; right: 10px; bottom: 0; top: 0; margin: auto; }

.bn_plan { background: url("../img/bg_plan.jpg") no-repeat center center; background-size: cover; height: 400px; width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; }
.bn_plan .plan_wrap { width: 92%; height: 270px; background: url("../img/bg.jpg") repeat; border-radius: 40px 0 0 0; display: flex; align-items: center; }
.bn_plan .plan_area { width: 36%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 2%; }
.bn_plan .plan_image { position: absolute; bottom: 0; right: 3%; width: 60%; }
.bn_plan .eng { text-align: center; color: #95ae90; font-size: 2.4rem; }
.bn_plan h4 { color: #3f7735; font-size: 2.4rem; }

.plan01 { position: absolute; bottom: 0; left: calc(50% - 320px); }

.plan02 { position: absolute; bottom: 0; right: calc(50% - 310px); }

.kome { padding: 0 0 0 20px; position: relative; }
.kome::before { content: "※"; position: absolute; top: 0; left: 0; }

/*---before after---*/
.link_btn a::before, .link_btn a::after, .plan_btn a::after { display: block; content: ""; }

/* ================================================================
( ・∋ Index
================================================================ */
.index_lead { background: url("../img/bg_lead.jpg") repeat left top; padding: 100px 0 60px 0; }
.index_lead p { font-size: 1.8rem; line-height: 2em; }

.pickup { width: 94%; margin: 0 auto; }
.pickup .flexbox02 figure { display: block; }
.pickup .flexbox02 figure:first-child { margin: 20px 10px 0 0; }

.pick01 { background: url("../img/bg01.png") no-repeat center center; background-size: auto 100%; }

.pick02 { background: url("../img/bg02.png") no-repeat center center; background-size: auto 100%; }

.pick03 { background: url("../img/bg03.png") no-repeat center center; background-size: auto 100%; }

/* ================================================================
( ・∋ Cuisinse
================================================================ */
.bg_cuisine01 { background: rgba(255, 255, 255, 0.3) url("../img/bg02.png") no-repeat right bottom; padding: 60px 0; }

.bg_cuisine02 { background: url("../img/bg02.png") no-repeat left bottom; }

.b_title { background: url("../img/bg02.png") no-repeat center bottom; padding: 0 0 20px 0; }

/* ================================================================
( ・∋ Facilities
================================================================ */
.menu_wrap { border-top: #8d8d8d solid 1px; border-bottom: #8d8d8d solid 1px; padding: 10px 0; }

.amenity { padding: 40px; background: rgba(255, 255, 255, 0.5); border: #9ab78e solid 3px; border-radius: 10px; }
.amenity strong { font-size: 3.0rem; font-weight: normal; }

.bg_room01 { background: url("../img/bg01.png") no-repeat right bottom; }

.bg_room02 { background: rgba(255, 255, 255, 0.3) url("../img/bg01.png") no-repeat left bottom; padding: 60px 0; }

.dining_wrap .w50 { width: 50% !important; }
.dining_wrap .d_title { background: url("../img/bg01.png") no-repeat center bottom; padding: 0 0 20px 0; }

.slider04 .slick-dots { text-align: left; bottom: -42px; }
.slider04 .slick-prev:before, .slider04 .slick-next:before { font-family: 'slick'; font-size: 16px; line-height: 1; opacity: .75; color: #8d8d8d; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: bold; }
.slider04 .slick-next:before { margin: 0 0 0 4px; }
.slider04 .slick-prev, .slider04 .slick-next { font-size: 0; line-height: 0; position: absolute; top: inherit; bottom: -60px; display: block; width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border: #8d8d8d solid 1px; }
.slider04 .slick-next { right: 0px; }
.slider04 .slick-prev { right: 40px; left: inherit; }
.slider04 button, .slider04 input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: transparent; }

/* ================================================================
( ・∋ Access
================================================================ */
.map_wrap { background: url("../img/bg_pick02.png") no-repeat center bottom; }
.map_wrap img { width: 160px; }

.s_wrap { background: url("../img/bg02.png") no-repeat center top; padding: 80px 0 0 0; }
.s_wrap .link_btn a { width: 180px; }
.s_wrap .flexbox { padding: 0 0 60px 0; border-bottom: #8d8d8d solid 1px; }

/* ================================================================
( ・∋ Nav
================================================================ */
#toggle { display: none; cursor: pointer; }
#toggle a { display: block; text-decoration: none; }
#toggle p { padding: 0; font-size: 2.0rem; text-align: left; margin: 12px 0 0 1px; color: #000; line-height: 0; letter-spacing: 1px; }

#menu { width: 0px; width: 0px; background: #fff url("../img/bg.jpg") repeat right bottom; background-size: 90% auto; transform: translateX(100%); position: fixed; top: 0; left: 0; z-index: 9998; padding: 120px 1% 0 1%; font-weight: bold; /*font-family: $title-font-family;*/ display: none; }
#menu a { display: block; width: 100%; height: 100%; color: #000; }
#menu nav { width: 100%; clear: both; padding: 16px 3%; display: none; }
#menu ul { width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between; }
#menu li { padding: 0 0 8px 0; width: 48%; margin: 0 auto 20px auto; text-align: center; float: left; font-size: 1.8rem; font-weight: normal; border-bottom: #000 solid 1px; }
#menu li span { display: block; font-size: 1.4rem; }
#menu li img { margin: 0 auto 10px auto; display: block; }
#menu .link_btn { line-height: 1em; }
#menu .link_btn a { color: #1c905d; font-size: 2.0rem; position: relative; display: flex; align-items: center; justify-content: center; width: 260px; height: 60px; margin: 0 auto; }
#menu p { display: none; }
#menu .tel { text-align: center; font-size: 2.4rem; font-weight: 400; }
#menu .tel img { margin: -4px 10px 0 0; }

.menu-trigger { position: relative; width: 30px; height: 20px; display: inline-block; transition: all .4s; }
.menu-trigger span { position: absolute; left: 0; background-color: #000; width: 100%; height: 5px; display: inline-block; transition: all .4s; height: 3px; box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.5), -1px 1px 3px rgba(255, 255, 255, 0.5), 1px -1px 3px rgba(255, 255, 255, 0.5), -1px -1px 3px rgba(255, 255, 255, 0.5); }
.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 8px; }
.menu-trigger span:nth-of-type(2)::after { position: absolute; top: 0; left: 0; content: ''; background-color: #000; transition: all .2s; width: 100%; height: 5px; height: 3px; }
.menu-trigger span:nth-of-type(3) { bottom: 0; }

.menu-trigger.active span:nth-of-type(1) { transform: translateY(20px) scale(0); }
.menu-trigger.active span:nth-of-type(2) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-trigger.active span:nth-of-type(2)::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.menu-trigger.active span:nth-of-type(3) { transform: translateY(-20px) scale(0); }

.sp, .sp_movie { display: none; }

/* ================================================================
( ・∋ Movie
================================================================ */
#header_wrap { position: relative; }

#mainVisual { overflow: hidden; line-height: 0; margin: 100px 0 0 0; }
#mainVisual video { width: 100%; max-height: calc(100vh - 110px); object-fit: cover; }

#mainVisual video { width: 100%; }

@media only screen and (orientation: portrait) { #index #mainVisual { background: url(../../movie/top/movie.jpg) no-repeat center; background-size: cover; min-height: 800px; }
  #mainVisual video { display: none; } }
.sp_movie { overflow: hidden; margin: 0 0 0 0; }

@media screen and (max-width: 1024px) { .pc { display: none !important; }
  .sp, .sp_movie { display: block; }
  .sp_center { text-align: left; }
  .sp_movie { display: flex; }
  #mainVisual { display: none; min-height: auto; }
  header { height: 80px; padding: 0; background: none; }
  header .flexbox { flex-direction: row-reverse; }
  header h1 { line-height: 0; width: auto; }
  header h1 img { height: 100px; width: auto; }
  .header_image { height: 380px; margin: 0 0 0 0; }
  /*---table_sp---*/
  .table_wrap { padding: 20px 5%; }
  th { padding: 10px; }
  td { padding: 10px; }
  .sp_table th { display: block; width: 100%; border-bottom: none; }
  .sp_table td { display: block; width: 100%; }
  th.w50 { width: 100%; }
  /*---footer_sp---*/
  footer { width: 100%; position: relative; }
  footer .f_logo { width: 150px; margin: 0 auto 40px auto; }
  footer .f_logo img { width: 100%; }
  footer strong { font-weight: normal; font-size: 2.0rem; }
  footer .flexbox02 { width: 90%; justify-content: center; margin: 0 auto; flex-direction: column; }
  footer .f_nav { display: flex; justify-content: space-around; }
  footer li { margin: 0 0 10px 0; }
  footer .w45 { width: 100%; }
  footer .w45 p { text-align: center; }
  footer address { text-align: center; }
  footer .m_b40 { margin-bottom: 20px !important; }
  .pagetop { bottom: 10px; }
  .pagetop img { width: 50px; }
  /*---contents_sp---*/
  section { margin-bottom: 60px; }
  main { display: block; overflow-x: hidden; margin: 60px 0 0 0; }
  .wrapper, .inner, .s_inner, .s_inner02 { width: 90%; }
  /*---common_sp---*/
  h2 { font-size: 3.6rem; }
  h2.m_b40, h3.m_b40 { margin-bottom: 20px; }
  h3 { font-size: 3.4rem; }
  h4 { font-size: 2.4rem; }
  .eng { font-size: 1.8rem; }
  .bn_plan { height: inherit; width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; padding: 40px 0 0 0; }
  .bn_plan .plan_wrap { width: 92%; height: inherit; border-radius: 40px 40px 0 0; display: flex; align-items: center; margin: 0 auto; flex-direction: column; padding: 40px 0 0 0; }
  .bn_plan .plan_area { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 2%; }
  .bn_plan .plan_image { position: static; bottom: 0; right: inherit; width: 90%; margin: 40px auto 0 auto; }
  .bn_plan .eng { font-size: 2.0rem; }
  /*---btn---*/
  .link_btn { margin-left: auto; margin-right: auto; }
  /*index_sp*/
  /*cuisine_sp*/
  /*facilities_sp*/
  /*access_sp*/
  .map_wrap iframe { height: 200px; }
  #toggle { display: block; padding: 0 10px 0 0; z-index: 9999; }
  #toggle p { font-size: 1.4rem; text-align: left; margin: 10px 0 0 -2px; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.5), -1px 1px 3px rgba(255, 255, 255, 0.5), 1px -1px 3px rgba(255, 255, 255, 0.5), -1px -1px 3px rgba(255, 255, 255, 0.5); }
  #menu { width: 100%; height: 100%; transition: .3s; display: block; }
  #menu.on { transform: translateX(0); transition: .3s; }
  #menu.on nav { display: block; }
  #menu.on p { display: block; } }
@media screen and (max-width: 640px) { /*---header_sp---*/
  .h_wrap { margin: 120px 0 0 0; display: block; }
  .header_image { width: 100%; height: 200px; }
  .header_image h2 { font-size: 2.6rem; }
  .header_box { width: 50%; height: 100%; }
  .header_box h2 { font-size: 2.0rem; margin: 20px 0 0 0; }
  .header_box h2 span { display: block; font-size: 1.4rem; }
  .header_box a { display: block; width: 40%; margin: 0 auto; }
  .header_box a img { width: 100%; }
  .tab { display: block; }
  .link_btn a { margin: 0 auto; }
  .index_lead { padding: 60px 0 40px 0; }
  .pickup .flexbox02 figure { display: block; }
  .pickup .flexbox02 figure:first-child { margin: 0 3% 20px 0; }
  .pickup .flexbox02 figure:nth-child(2) { margin: 0 0 0 3%; }
  .pick01 { background-size: 60% auto; }
  .pick02 { background-size: 60% auto; }
  .pick03 { background-size: 60% auto; }
  .amenity { padding: 20px; }
  .amenity strong { font-size: 2.4rem; }
  .bg_room01 { background-size: 60% auto; }
  .bg_room02 { background-size: 60% auto; padding: 40px 0; }
  .dining_wrap .w50 { width: 100% !important; }
  .bg_cuisine01 { background-size: 60% auto; padding: 40px 0; }
  .bg_cuisine02 { background-size: 60% auto; } }
.ie { display: none; }

@media all and (-ms-high-contrast: none) { .ie { display: block; }
  .ie_none { display: none; } }
@-webkit-keyframes fuwafuwa { 0% { -webkit-transform: translate(0, 0); }
  50% { -webkit-transform: translate(0, -10px); }
  100% { -webkit-transform: translate(0, 0); } }
@-moz-keyframes fuwafuwa { 0% { -moz-transform: translate(0, 0); }
  50% { -moz-transform: translate(0, -10px); }
  100% { -moz-transform: translate(0, 0); } }
@keyframes fuwafuwa { 0% { transform: translate(0, 0); }
  50% { transform: translate(0, -10px); }
  100% { transform: translate(0, 0); } }