@charset "UTF-8";

/* ANCHOR weatherUdon ------------------------------------*/
.weatherUdon { background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; padding: 45px 0 60px; }

.weatherUdon__inner { position: relative; z-index: 2; }

.weatherUdon__item { position: absolute; left: 50%; }

.weatherUdon__item.udon { width: 550px; bottom: -50px; margin-left: -275px; }

.weatherUdon__item.udonTuyu { width: 560px; bottom: -100px; margin-left: -290px; }

.weatherUdon__item.salada { width: 540px; bottom: -50px; margin-left: -270px; }

.weatherUdon__text { color: #fff; line-height: 1; margin-bottom: 24px; }

.weatherUdon__text small { font-size: 18px; display: block; font-weight: bold; margin-bottom: 12px; }

.weatherUdon__text em { font-size: 32px; text-decoration: underline; font-weight: bold; line-height: 1.4; display: block; }

.weatherUdon__tag { display: -webkit-box; display: -ms-flexbox; display: flex; }

.weatherUdon__tag__inner { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: rgba(0, 104, 183, 0.75); color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 25px 12px 0; height: 70px; }

.weatherUdon__tag__icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; line-height: 1; }

.weatherUdon__tag__icon img { height: 40px; vertical-align: middle; }

.weatherUdon__tag__info { font-size: 18px; font-weight: bold; letter-spacing: 0.2em; text-align: center; line-height: 1.3; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 13px; }

.weatherUdon__tag__temp { font-size: 43px; line-height: 1; }

.weatherUdon__tag__temp small { font-size: 26px; }

.weatherUdon.bg--1.bg--sun { background-image: url(../../assets/img/top/bg-recommend__1sun.jpg); }

.weatherUdon.bg--1.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__1cloud.jpg); }

.weatherUdon.bg--1.bg--rain { background-image: url(../../assets/img/top/bg-recommend__1rain.jpg); }

.weatherUdon.bg--1.bg--snow { background-image: url(../../assets/img/top/bg-recommend__1snow.jpg); }

.weatherUdon.bg--2.bg--sun { background-image: url(../../assets/img/top/bg-recommend__2sun.jpg); }

.weatherUdon.bg--2.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__2cloud.jpg); }

.weatherUdon.bg--2.bg--rain { background-image: url(../../assets/img/top/bg-recommend__2rain.jpg); }

.weatherUdon.bg--3.bg--sun { background-image: url(../../assets/img/top/bg-recommend__3sun.jpg); }

.weatherUdon.bg--3.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__3cloud.jpg); }

.weatherUdon.bg--3.bg--rain { background-image: url(../../assets/img/top/bg-recommend__3rain.jpg); }

.weatherUdon.bg--4.bg--sun { background-image: url(../../assets/img/top/bg-recommend__4sun.jpg); }

.weatherUdon.bg--4.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__4cloud.jpg); }

.weatherUdon.bg--4.bg--rain { background-image: url(../../assets/img/top/bg-recommend__4rain.jpg); }

.weatherUdon.bg--5.bg--sun { background-image: url(../../assets/img/top/bg-recommend__5sun.jpg); }

.weatherUdon.bg--5.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__5cloud.jpg); }

.weatherUdon.bg--5.bg--rain { background-image: url(../../assets/img/top/bg-recommend__5rain.jpg); }

.weatherUdon.bg--6.bg--sun { background-image: url(../../assets/img/top/bg-recommend__6sun.jpg); }

.weatherUdon.bg--6.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__6cloud.jpg); }

.weatherUdon.bg--6.bg--rain { background-image: url(../../assets/img/top/bg-recommend__6rain.jpg); }

.weatherUdon.bg--6.bg--snow { background-image: url(../../assets/img/top/bg-recommend__6snow.jpg); }

@media screen and (min-width: 981px) { .weatherUdon { height: 400px; position: relative; }
  .weatherUdon:before { content: ''; display: block; height: 70px; width: calc(50% - 535px); position: absolute; background-color: rgba(0, 104, 183, 0.75); left: 0; min-width: 25px; }
  .weatherUdon__tag { margin-bottom: 30px; } }

@media screen and (max-width: 980px) { .weatherUdon { padding: 0 0 30px; }
  .weatherUdon__tag { position: absolute; top: 0; left: 0; }
  .weatherUdon__tag__inner { padding: 10px 15px; height: auto; }
  .weatherUdon__tag__icon img { height: 20px; }
  .weatherUdon__tag__info { font-size: 9px; margin: 0 10px; }
  .weatherUdon__tag__temp { font-size: 24px; }
  .weatherUdon__tag__temp small { font-size: 9px; }
  .weatherUdon__inner { padding-top: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media screen and (max-width: 980px) and (min-width: 751px) { .weatherUdon__item { position: absolute; left: 50%; }
  .weatherUdon__item.udon { width: 250px; bottom: -20px; margin-left: -125px; }
  .weatherUdon__item.udonTuyu { width: 280px; bottom: -50px; margin-left: -145px; }
  .weatherUdon__item.salada { width: 270px; bottom: -20px; margin-left: -135px; } }

@media screen and (max-width: 750px) { .weatherUdon__item { position: absolute; }
  .weatherUdon__item.udon { width: 38%; left: 28%; bottom: -15%; margin-left: 0; }
  .weatherUdon__item.udonTuyu { width: 40%; left: 30%; bottom: -20%; margin-left: -5%; }
  .weatherUdon__item.salada { width: 38%; left: 28%; bottom: -7%; margin-left: 0; }
  .weatherUdon.bg--1.bg--sun { background-image: url(../../assets/img/top/bg-recommend__1sun--smt.jpg); }
  .weatherUdon.bg--1.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__1cloud--smt.jpg); }
  .weatherUdon.bg--1.bg--rain { background-image: url(../../assets/img/top/bg-recommend__1rain--smt.jpg); }
  .weatherUdon.bg--1.bg--snow { background-image: url(../../assets/img/top/bg-recommend__1snow--smt.jpg); }
  .weatherUdon.bg--2.bg--sun { background-image: url(../../assets/img/top/bg-recommend__2sun--smt.jpg); }
  .weatherUdon.bg--2.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__2cloud--smt.jpg); }
  .weatherUdon.bg--2.bg--rain { background-image: url(../../assets/img/top/bg-recommend__2rain--smt.jpg); }
  .weatherUdon.bg--3.bg--sun { background-image: url(../../assets/img/top/bg-recommend__3sun--smt.jpg); }
  .weatherUdon.bg--3.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__3cloud--smt.jpg); }
  .weatherUdon.bg--3.bg--rain { background-image: url(../../assets/img/top/bg-recommend__3rain--smt.jpg); }
  .weatherUdon.bg--4.bg--sun { background-image: url(../../assets/img/top/bg-recommend__4sun--smt.jpg); }
  .weatherUdon.bg--4.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__4cloud--smt.jpg); }
  .weatherUdon.bg--4.bg--rain { background-image: url(../../assets/img/top/bg-recommend__4rain--smt.jpg); }
  .weatherUdon.bg--5.bg--sun { background-image: url(../../assets/img/top/bg-recommend__5sun--smt.jpg); }
  .weatherUdon.bg--5.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__5cloud--smt.jpg); }
  .weatherUdon.bg--5.bg--rain { background-image: url(../../assets/img/top/bg-recommend__5rain--smt.jpg); }
  .weatherUdon.bg--6.bg--sun { background-image: url(../../assets/img/top/bg-recommend__6sun--smt.jpg); }
  .weatherUdon.bg--6.bg--cloud { background-image: url(../../assets/img/top/bg-recommend__6cloud--smt.jpg); }
  .weatherUdon.bg--6.bg--rain { background-image: url(../../assets/img/top/bg-recommend__6rain--smt.jpg); }
  .weatherUdon.bg--6.bg--snow { background-image: url(../../assets/img/top/bg-recommend__6snow--smt.jpg); }
  .weatherUdon__text small { font-size: 9px; margin-bottom: 6px; }
  .weatherUdon__text em { font-size: 16px; line-height: 1.7; } }

/* ANCHOR sceneUdon ------------------------------------*/
.sceneUdon { background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; padding: 45px 0 60px; }

.sceneUdon__inner { position: relative; z-index: 2; }

.sceneUdon__item { position: absolute; z-index: 0; }

.sceneUdon__item.udon { width: 550px; bottom: -50px; left: 50%; margin-left: -275px; }

.sceneUdon__item.salada { width: 520px; bottom: -50px; left: 50%; margin-left: -260px; }

.sceneUdon__item.udonOption { width: 710px; bottom: -50px; left: 50%; margin-left: -275px; }

.sceneUdon__current { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-weight: bold; letter-spacing: 0.2em; line-height: 1; margin-bottom: 50px; }

.sceneUdon__today { font-size: 18px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; }

.sceneUdon__hours { font-size: 28px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.sceneUdon__text { font-weight: bold; font-size: 32px; line-height: 1.4; color: #fff; text-decoration: underline; margin-bottom: 15px; letter-spacing: 0.1em; }

.sceneUdon__tag { line-height: 1.4; }

.sceneUdon__tag__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 300px; background-color: rgba(235, 92, 1, 0.7); color: #fff; padding: 0px 10px 0 0; font-weight: bold; font-size: 18px; }

@media screen and (min-width: 981px) { .sceneUdon { height: 400px; }
  .sceneUdon__current { height: 28px; }
  .sceneUdon:before { content: ''; display: block; position: absolute; top: 123px; left: 0; height: 67px; background-color: rgba(235, 92, 1, 0.7); width: calc(50% - 535px); min-width: 25px; }
  .sceneUdon__tag { margin-bottom: 8px; }
  .sceneUdon__tag__text { height: 67px; }
  .sceneUdon.bg--k8 { background-image: url(../../assets/img/top/bg-scene_k8.jpg); }
  .sceneUdon.bg--h8 { background-image: url(../../assets/img/top/bg-scene_h8.jpg); }
  .sceneUdon.bg--k9 { background-image: url(../../assets/img/top/bg-scene_k9.jpg); }
  .sceneUdon.bg--h9 { background-image: url(../../assets/img/top/bg-scene_h9.jpg); }
  .sceneUdon.bg--k10 { background-image: url(../../assets/img/top/bg-scene_k10.jpg); }
  .sceneUdon.bg--h10 { background-image: url(../../assets/img/top/bg-scene_h10.jpg); }
  .sceneUdon.bg--k11 { background-image: url(../../assets/img/top/bg-scene_k11.jpg); }
  .sceneUdon.bg--h11 { background-image: url(../../assets/img/top/bg-scene_h11.jpg); }
  .sceneUdon.bg--k12 { background-image: url(../../assets/img/top/bg-scene_k12.jpg); }
  .sceneUdon.bg--h12 { background-image: url(../../assets/img/top/bg-scene_h12.jpg); }
  .sceneUdon.bg--k13 { background-image: url(../../assets/img/top/bg-scene_k13.jpg); }
  .sceneUdon.bg--h13 { background-image: url(../../assets/img/top/bg-scene_h13.jpg); }
  .sceneUdon.bg--k14 { background-image: url(../../assets/img/top/bg-scene_k14.jpg); }
  .sceneUdon.bg--h14 { background-image: url(../../assets/img/top/bg-scene_h14.jpg); }
  .sceneUdon.bg--k15 { background-image: url(../../assets/img/top/bg-scene_k15.jpg); }
  .sceneUdon.bg--h15 { background-image: url(../../assets/img/top/bg-scene_h15.jpg); }
  .sceneUdon.bg--k16 { background-image: url(../../assets/img/top/bg-scene_k16.jpg); }
  .sceneUdon.bg--h16 { background-image: url(../../assets/img/top/bg-scene_h16.jpg); }
  .sceneUdon.bg--k17 { background-image: url(../../assets/img/top/bg-scene_k17.jpg); }
  .sceneUdon.bg--h17 { background-image: url(../../assets/img/top/bg-scene_h17.jpg); }
  .sceneUdon.bg--k18 { background-image: url(../../assets/img/top/bg-scene_k18.jpg); }
  .sceneUdon.bg--h18 { background-image: url(../../assets/img/top/bg-scene_h18.jpg); }
  .sceneUdon.bg--k19 { background-image: url(../../assets/img/top/bg-scene_k19.jpg); }
  .sceneUdon.bg--h19 { background-image: url(../../assets/img/top/bg-scene_h19.jpg); }
  .sceneUdon.bg--k20 { background-image: url(../../assets/img/top/bg-scene_k20.jpg); }
  .sceneUdon.bg--h20 { background-image: url(../../assets/img/top/bg-scene_h20.jpg); }
  .sceneUdon.bg--k21 { background-image: url(../../assets/img/top/bg-scene_k21.jpg); }
  .sceneUdon.bg--h21 { background-image: url(../../assets/img/top/bg-scene_h21.jpg); }
  .sceneUdon.bg--k22 { background-image: url(../../assets/img/top/bg-scene_k22.jpg); }
  .sceneUdon.bg--h22 { background-image: url(../../assets/img/top/bg-scene_h22.jpg); } }

@media screen and (max-width: 980px) { .sceneUdon { padding: 60px 0 90px; }
  .sceneUdon.bg--k8 { background-image: url(../../assets/img/top/bg-scene_k8--smt.jpg); }
  .sceneUdon.bg--h8 { background-image: url(../../assets/img/top/bg-scene_h8--smt.jpg); }
  .sceneUdon.bg--k9 { background-image: url(../../assets/img/top/bg-scene_k9--smt.jpg); }
  .sceneUdon.bg--h9 { background-image: url(../../assets/img/top/bg-scene_h9--smt.jpg); }
  .sceneUdon.bg--k10 { background-image: url(../../assets/img/top/bg-scene_k10--smt.jpg); }
  .sceneUdon.bg--h10 { background-image: url(../../assets/img/top/bg-scene_h10--smt.jpg); }
  .sceneUdon.bg--k11 { background-image: url(../../assets/img/top/bg-scene_k11--smt.jpg); }
  .sceneUdon.bg--h11 { background-image: url(../../assets/img/top/bg-scene_h11--smt.jpg); }
  .sceneUdon.bg--k12 { background-image: url(../../assets/img/top/bg-scene_k12--smt.jpg); }
  .sceneUdon.bg--h12 { background-image: url(../../assets/img/top/bg-scene_h12--smt.jpg); }
  .sceneUdon.bg--k13 { background-image: url(../../assets/img/top/bg-scene_k13--smt.jpg); }
  .sceneUdon.bg--h13 { background-image: url(../../assets/img/top/bg-scene_h13--smt.jpg); }
  .sceneUdon.bg--k14 { background-image: url(../../assets/img/top/bg-scene_k14--smt.jpg); }
  .sceneUdon.bg--h14 { background-image: url(../../assets/img/top/bg-scene_h14--smt.jpg); }
  .sceneUdon.bg--k15 { background-image: url(../../assets/img/top/bg-scene_k15--smt.jpg); }
  .sceneUdon.bg--h15 { background-image: url(../../assets/img/top/bg-scene_h15--smt.jpg); }
  .sceneUdon.bg--k16 { background-image: url(../../assets/img/top/bg-scene_k16--smt.jpg); }
  .sceneUdon.bg--h16 { background-image: url(../../assets/img/top/bg-scene_h16--smt.jpg); }
  .sceneUdon.bg--k17 { background-image: url(../../assets/img/top/bg-scene_k17--smt.jpg); }
  .sceneUdon.bg--h17 { background-image: url(../../assets/img/top/bg-scene_h17--smt.jpg); }
  .sceneUdon.bg--k18 { background-image: url(../../assets/img/top/bg-scene_k18--smt.jpg); }
  .sceneUdon.bg--h18 { background-image: url(../../assets/img/top/bg-scene_h18--smt.jpg); }
  .sceneUdon.bg--k19 { background-image: url(../../assets/img/top/bg-scene_k19--smt.jpg); }
  .sceneUdon.bg--h19 { background-image: url(../../assets/img/top/bg-scene_h19--smt.jpg); }
  .sceneUdon.bg--k20 { background-image: url(../../assets/img/top/bg-scene_k20--smt.jpg); }
  .sceneUdon.bg--h20 { background-image: url(../../assets/img/top/bg-scene_h20--smt.jpg); }
  .sceneUdon.bg--k21 { background-image: url(../../assets/img/top/bg-scene_k21--smt.jpg); }
  .sceneUdon.bg--h21 { background-image: url(../../assets/img/top/bg-scene_h21--smt.jpg); }
  .sceneUdon.bg--k22 { background-image: url(../../assets/img/top/bg-scene_k22--smt.jpg); }
  .sceneUdon.bg--h22 { background-image: url(../../assets/img/top/bg-scene_h22--smt.jpg); }
  .sceneUdon__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .sceneUdon__current { position: absolute; top: -45px; left: 13px; }
  .sceneUdon__tag { margin-left: -25px; }
  .sceneUdon__tag__text { padding: 12px 12px 12px 25px; margin-bottom: 5px; } }

@media screen and (max-width: 980px) and (min-width: 751px) { .sceneUdon__item { position: absolute; left: 50%; }
  .sceneUdon__item.udon { width: 250px; bottom: -20px; margin-left: -125px; }
  .sceneUdon__item.salada { width: 260px; bottom: -20px; margin-left: -130px; }
  .sceneUdon__item.udonOption { width: 355px; bottom: -20px; margin-left: -175px; } }

@media screen and (max-width: 750px) { .sceneUdon { padding: 60px 0 12%; }
  .sceneUdon__item { position: absolute; width: 34%; left: 33%; margin-left: 0; bottom: -7%; }
  .sceneUdon__item.udon { width: 38%; left: 31%; bottom: -12%; margin-left: 0; }
  .sceneUdon__item.udonOption { width: 40%; left: 30%; bottom: -10%; margin-left: 5%; }
  .sceneUdon__item.salada { width: 38%; left: 28%; bottom: -7%; margin-left: 0; }
  .sceneUdon__tag__text { font-size: 12px; }
  .sceneUdon__text { font-size: 16px; }
  .sceneUdon__today { font-size: 9px; margin-right: 15px; }
  .sceneUdon__hours { font-size: 20px; } }

/* ANCHOR newslist ------------------------------------*/
.newslist__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.newslist__date { letter-spacing: 0.2em; }

.newslist__category { color: #fff; border-radius: 5px; text-align: center; letter-spacing: 0; font-weight: bold; }

.newslist__link { font-size: 16px; line-height: 28px; text-decoration: underline; letter-spacing: 0.2em; }

.newslist__link:hover { color: #eb5c01; }

@media screen and (min-width: 751px) { .newslist__item { margin-top: 15px; }
  .newslist .newslist__item:nth-child(1) { margin-top: 0; }
  .newslist__date { -webkit-box-flex: 0; -ms-flex: 0 0 115px; flex: 0 0 115px; width: 115px; padding-left: 45px; position: relative; }
  .newslist__date:before { content: ''; display: block; height: 1px; width: 10px; position: absolute; left: 20px; top: 15px; background-color: #add675; }
  .newslist__category { margin: 0 30px; -webkit-box-flex: 0; -ms-flex: 0 0 122px; flex: 0 0 122px; width: 122px; height: 25px; line-height: 25px; }
  .newslist__link { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 620px; width: calc(100% - 267px); } }

@media screen and (max-width: 750px) { .newslist__item { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 15px; }
  .newslist .newslist__item:nth-child(4), .newslist .newslist__item:nth-child(5) { display: none; }
  .newslist__date { font-size: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; width: 90px; }
  .newslist__category { font-size: 12px; line-height: 22px; -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; width: 110px; }
  .newslist__link { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: none; margin-top: 5px; text-decoration: none; font-size: 12px; line-height: 24px; } }

/* FILE : /assets/sass/pages/_top.scss  */
/* ANCHOR t-takuout ------------------------------------*/
.t-takuout { background-color: #eb5c01; padding: 15px 25px; }

.t-takuout__inner { max-width: 1120px; margin-left: auto; margin-right: auto; }

.t-takuout__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; letter-spacing: 0.2em; border: 2px solid #fff; border-radius: 5px; width: 100%; font-size: 12px; font-weight: bold; height: 50px; }

@media screen and (min-width: 981px) { .t-takuout__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .t-takuout__content { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% + 40px); flex: 0 0 calc(50% + 40px); width: calc(50% + 40px); max-width: calc(50% + 40px); }
  .t-takuout__content .t-takuout__fg { display: none; }
  .t-takuout__fg { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 60px); flex: 0 0 calc(50% - 60px); width: calc(50% - 60px); max-width: calc(50% - 60px); }
  .t-takuout__text { margin-bottom: 35px; }
  .t-takuout__btn { max-width: 320px; font-size: 16px; height: 60px; -webkit-transition: .2s background-color ease-in, .2s color ease-in; -o-transition: .2s background-color ease-in, .2s color ease-in; transition: .2s background-color ease-in, .2s color ease-in; }
  .t-takuout__btn:hover { background-color: #fff; color: #eb5c01; } }

@media screen and (max-width: 980px) { .t-takuout__text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(60% + 20px); flex: 0 0 calc(60% + 20px); width: calc(60% + 20px); max-width: calc(60% + 20px); padding-right: 20px; }
  .t-takuout__fg { -webkit-box-flex: 0; -ms-flex: 0 0 calc(40% - 20px); flex: 0 0 calc(40% - 20px); width: calc(40% - 20px); max-width: calc(40% - 20px); }
  .t-takuout__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .t-takuout__content + .t-takuout__fg { display: none; }
  .t-takuout__btn { -webkit-box-flex: 0; -ms-flex: 0 1 320px; flex: 0 1 320px; margin-top: 20px; } }

@media screen and (max-width: 750px) { .t-takuout__btn { font-weight: normal; height: 46px; -webkit-box-flex: 0; -ms-flex: 0 1 200px; flex: 0 1 200px; border: 1px solid #fff; } }

/* 容器代 */
.t-takuout__inner p.youki {
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
	background-color: #fff;
	text-align: center;
	padding: 3px 5px 1px;
}
@media screen and (max-width: 980px) {
	.t-takuout__inner p.youki {
		width: 100%;
		text-align: center;
		font-size: 12px;
		margin-top: 15px;
	}
}
@media screen and (min-width: 415px) {
	.t-takuout__inner p.youki br {
		display: none;
	}
}
@media screen and (max-width: 414px) {
	.t-takuout__inner p.youki {
		line-height: 1.6;
	}
}

/* 外部サービス（モバイルオーダー/デリバリー） */
.t-takuout__inner ul.ex-service {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 30px 0; /*通常*/
	/*margin: -15px 0 30px;*/
}
.t-takuout__inner ul.ex-service li {
	width: 45%;
}
.t-takuout__inner ul.ex-service li p.ex-service-coupon {
	text-align: center;
	background-color: #fff;
	border-radius: 15px;
	width: 95%;
	margin: 0 auto 15px;
	position: relative;
	font-weight: bold;
	color: #eb4301;
	font-size: 22px;
	line-height: 1.6;
	padding: 10px 5px;
}
.t-takuout__inner ul.ex-service li p.ex-service-coupon span {
	display: inline-block;
	font-size: 16px;
	background-color: #eb4301;
	border-radius: 100vh;
	color: #fff;
	padding: 1px 20px;
}
.t-takuout__inner ul.ex-service li p.ex-service-coupon::after {
	content: "";
	display: block;
	border-top: 10px solid #fff;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	position: absolute;
	bottom: -10px;
	right: 50%;
	transform: translateX(50%);
}
.t-takuout__inner ul.ex-service li a.ex-service-btn {
	display: block;
	width: 100%;
	background-color: #f7e2a9;
	border-radius: 10px;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	font-size: 21px;
	transition:all 0.15s linear;
	min-height: 151px;
}
.t-takuout__inner ul.ex-service li a.ex-service-btn.btn-mo {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 30px;
}
.t-takuout__inner ul.ex-service li a.ex-service-btn:hover {
	opacity: .8;
}
.t-takuout__inner ul.ex-service li a.ex-service-btn em.ex-service_catch {
	display: block;
	margin: 0 auto;
	background-color: #eb5c01;
	border-radius: 3px;
	line-height: 1;
	padding: 5px 0;
	max-width: 130px;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.t-takuout__inner ul.ex-service li a.ex-service-btn span.ex-service_cmt {
	display: block;
	font-size: 14px;
	text-align: center;
	color: #eb5c01;
	margin-bottom: -10px;
	margin-top: 5px;
	line-height: 1.6;
}
.t-takuout__inner ul.ex-service li a.ex-service-btn .ex-service_ico,
.t-takuout__inner ul.ex-service li a.ex-service-btn .ex-service_mo {
	text-align: center;
	margin-top: 5px;
}
.t-takuout__inner ul.ex-service li a.ex-service-btn .ex-service_ico img {
	height: 60px;
}
.t-takuout__inner ul.ex-service li a.ex-service-btn-list {
	display: block;
	text-align: center;
	font-size: 18px;
	transition:all 0.15s linear;
	color: #fff;
	padding: 10px;
	position: relative;
	line-height: 1.4;
	margin-top: 10px;
}
.t-takuout__inner ul.ex-service li a.ex-service-btn-list:hover {
	opacity: .8;
}
.t-takuout__inner ul.ex-service li a.ex-service-btn-list::after{
    content: "";
    display: inline-block;
	margin-left: 10px;
	top: -2px;
	position: relative;
    width: 10px;
    height: 10px;
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
	transform: rotate(45deg);
}
.t-takuout__inner .t-takuout_tel {
	border-top: 1px dotted #fff;
	width: 100%;
	color: #fff;
	padding: 20px 0;
	text-align: center;
}
.t-takuout__inner .t-takuout_tel p {
	text-align: center;
	font-size: 20px;
}
.t-takuout__inner .t-takuout_tel a {
	margin: 15px auto 0;
}
@media screen and (min-width: 751px) {
	.t-takuout__inner ul.ex-service li a.ex-service-btn span.ex-service_cmt br {
		display: none;
	}	
}
@media screen and (max-width: 980px) {
	.t-takuout__inner ul.ex-service {
		flex-wrap: wrap;
		/*margin: 15px 0 30px;*/ /*吹き出しありの時だけ*/
	}
	.t-takuout__inner ul.ex-service li {
		width: 48%;
	}
	.t-takuout__inner ul.ex-service li p.ex-service-coupon {
		font-size: 18px;
	}
	.t-takuout__inner ul.ex-service li p.ex-service-coupon span {
		font-size: 15px;
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn .ex-service_ico img {
		height: calc(100vw / ( 980 / 60));
	}
}
@media screen and (max-width: 750px) {
	.t-takuout__inner ul.ex-service {
		margin-bottom: 15px;
	}
	.t-takuout__inner ul.ex-service li p.ex-service-coupon {
		font-size: 13px;
		width: 100%;
		line-height: 1.2;
		border-radius: 5px;
		padding: 5px;
		margin-bottom: 10px;
	}
	.t-takuout__inner ul.ex-service li p.ex-service-coupon span {
		font-size: 11px;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 3px;
	}
	.t-takuout__inner ul.ex-service li p.ex-service-coupon::after {
		border-top: 7px solid #fff;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		bottom: -7px;
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn {
		font-size: 16px;
		line-height: 1.4;
		border-radius: 5px;
		min-height: 140px;
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn em.ex-service_catch {
		font-size: 12px;
		margin-bottom: 5px;
		width: 100%;
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn span.ex-service_cmt {
		font-size: 12px;
		margin-bottom: 5px;
		margin-top: 0;
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn .ex-service_ico img {
		/*width: 100%;
		max-width: 145px;
		height: auto;*/
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn-list {
		display: block;
		text-align: center;
		font-size: 15px;
		margin-top: 0;
		padding: 10px 17px 10px 8px;
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn-list::after{
		display: block;
		margin-left: 0;
		position: absolute;
		top: 50%;
		right: 5px;
		width: 8px;
		height: 8px;
		transform: translateY(-50%) rotate(45deg);
	}
	.t-takuout__inner .t-takuout_tel p {
		font-size: 16px;
	}
}
@media screen and (max-width: 600px) {
	.t-takuout__inner ul.ex-service li {
		width: 100%;
	}
	.t-takuout__inner ul.ex-service li + li {
		margin-top: 20px;
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn {
		min-height: 0
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn span.ex-service_cmt br {
		display: none;
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn .ex-service_ico img {
		height: 60px;
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn .ex-service_mo img {
		height: 90px;
	}
}
@media screen and (max-width: 500px) {
	.t-takuout__inner ul.ex-service li a.ex-service-btn.btn-mo {
		padding: 10px 40px 15px;
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn .ex-service_ico img {
		height: calc(100vw / ( 500 / 60));
	}
	.t-takuout__inner ul.ex-service li a.ex-service-btn .ex-service_mo img {
		height: auto;
	}
}

/* モバイルオーダーメンテナンス表示 */
.t-takuout__inner ul.ex-service.maintenance {
	flex-wrap: wrap;
}
.t-takuout__inner ul.ex-service.maintenance li.txt_mainte {
	width: 100%;
	font-size: 18px;
	line-height: 1.4;
	color: #fff;
	border: 4px dotted #f7e2a9;
	border-left: none;
	border-right: none;
	padding: 15px 0;
	margin-bottom: 40px;
}
.t-takuout__inner ul.ex-service.maintenance li.txt_mainte p {
	display: flex;
	justify-content: center;
}
.t-takuout__inner ul.ex-service.maintenance li.txt_mainte p + p {
	margin-top: 10px;
	font-weight: bold;
}
.t-takuout__inner ul.ex-service.maintenance li.txt_mainte em {
	display: inline-block;
	background-color: #fff;
	line-height: 1.2;
	padding: 5px 15px 3px;
	font-size: 16px;
	font-weight: bold;
	color: #f00;
}
.t-takuout__inner ul.ex-service.maintenance li.txt_mainte p span {
	font-weight: bold;
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 750px) {
}
@media screen and (max-width: 600px) {
	.t-takuout__inner ul.ex-service.maintenance li.txt_mainte {
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 15px;
		line-height: 1.6;
	}
	.t-takuout__inner ul.ex-service.maintenance li.txt_mainte em {
		font-size: 14px;
	}
}
@media screen and (max-width: 500px) {
}

/* デリバリーのみ */
.t-takuout__inner ul.ex-service.single {
	justify-content: center;
}
.t-takuout__inner ul.ex-service.single li {
	width: 100%;
	max-width: 800px;
}
.t-takuout__inner ul.ex-service.single li a.ex-service-btn .ex-service_ico p {
	font-size: 14px;
}
.t-takuout__inner ul.ex-service.single li a.ex-service-btn .ex-service_ico .ex-service_ico_img {
	display: flex;
	justify-content: center;
}
.t-takuout__inner ul.ex-service.single li a.ex-service-btn .ex-service_ico .ex-service_ico_img img {
	height: auto;
	display: block;
	margin: 10px 20px 5px;
	height: 80px;
}
@media screen and (max-width: 600px) {
	.t-takuout__inner ul.ex-service.single li a.ex-service-btn .ex-service_ico p {
		font-size: 12px;
		margin-top: 10px;
	}
	.t-takuout__inner ul.ex-service.single li a.ex-service-btn .ex-service_ico .ex-service_ico_img img {
		margin: 10px;
		height: calc(100vw / ( 500 / 60));
	}
}

/* ANCHOR t-topics ------------------------------------*/
.t-topics { background-image: url(../../assets/img/top/txt-topics.png), url(../../assets/img/top/bg-topics.jpg); background-repeat: no-repeat,repeat; background-position: left top,left top; background-size: auto auto,3px auto; position: relative; padding: 40px 0 105px; }

.t-topics:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0)), to(white)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, white 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, white 100%); }

.t-topics__inner { position: relative; z-index: 2; }

.t-topics__banner { display: block; line-height: 1; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; -webkit-box-shadow: 0 0 2px rgba(100, 100, 100, 0.5); box-shadow: 0 0 2px rgba(100, 100, 100, 0.5); }

.t-topics__banner:hover { opacity: .8; }

.t-topics__title { font-size: 24px; }

.t-topics__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; }

.t-topics__bullet { -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; height: 3px; border-radius: 3px; background-color: #999999; margin: 0 5px; -webkit-transition: .2s width linear,.2s flex linear; -o-transition: .2s width linear,.2s flex linear; transition: .2s width linear,.2s flex linear; cursor: pointer; }

.t-topics__bullet.t-topics__bullet--active { background-color: #eb5c01; width: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; }

@media screen and (min-width: 981px) { .t-topics__inner { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .t-topics__title { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; width: 220px; }
  .t-topics__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc(100% - 220px); } }

@media screen and (max-width: 980px) { .t-topics { background-size: 102% auto,3px auto; padding-top: 10%; padding-bottom: 45px; }
  .t-topics__title { display: none; }
  .t-topics__pagination { margin-top: 20px; } }




/* ANCHOR t-menu ------------------------------------*/
.t-menu { background: url(../../assets/img/top/bg-menu.jpg) no-repeat center top/auto 280px; padding-bottom: 60px; }

.t-menu__title { line-height: 1; margin-bottom: 40px; }

.t-menu__title__jp { font-weight: bold; font-size: 42px; display: block; margin-bottom: 20px; text-align: center; }

.t-menu__title__en { display: block; font-size: 18px; text-align: center; }

.t-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.t-menu__list-item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: block; line-height: 1; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }

.t-menu__list-item:hover { opacity: .8; }

.t-menu__list-img { display: block; text-align: center; height: 130px; }

.t-menu__list-tips { display: block; margin-top: 10px; text-align: center; line-height: 1.4; }

.t-menu__list-name { display: block; text-align: center; font-size: 20px; font-weight: bold; }

.t-menu__list-name.small-name { font-size: 18px; }

@media screen and (min-width: 981px) { .t-menu__inner { position: relative; }
  .t-menu__btn { position: absolute; right: 6%; top: -110px; } }

@media screen and (max-width: 980px) { .t-menu { padding-bottom: 30px; }
  .t-menu__btn { display: none; }
  .t-menu__list { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 480px; margin-left: auto; margin-right: auto; }
  .t-menu__list-item { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; margin-top: 20px; }
  .t-menu__list .t-menu__list-item:nth-child(1), .t-menu__list .t-menu__list-item:nth-child(2) { margin-top: 0; } }

@media screen and (max-width: 750px) { .t-menu { background: url(../../assets/img/top/bg-menu-smt.jpg) no-repeat center top/auto 200px; }
  .t-menu__title { line-height: 1; margin-bottom: 20px; }
  .t-menu__title__jp { font-size: 21px; margin-bottom: 10px; }
  .t-menu__title__en { font-size: 12px; }
  .t-menu__list-tips { font-size: 10px; margin-top: 5px; }
  .t-menu__list-name { font-size: 13px; }
  .t-menu__list-name.small-name { font-size: 13px; } }

@media screen and (max-width: 360px) { .t-menu__list-img { height: 100px; } }



/* ANCHOR t-about ------------------------------------*/
.t-about { background-image: url(../../assets/img/top/item-love1.png), url(../../assets/img/top/item-love2.png), url(../../assets/img/shared/f-bg.jpg); background-repeat: no-repeat,no-repeat,repeat; background-position: right top -40px,left bottom -90px, left top; background-size: 358px auto,451px auto,auto; padding-top: 60px; padding-bottom: 100px; }

.t-about__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.t-about__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 520px; position: relative; }

.t-about__item--order { padding-top: 70px; }

.t-about__item--kodawari { margin-top: 90px; padding-top: 100px; }

.t-about__title { background: url(../../assets/img/shared/f-bg.jpg); width: 70px; text-align: center; font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1.3; font-size: 32px; padding: 0px 10px 40px; position: absolute; z-index: 1; top: 0; left: 0; }

.t-about__img { margin-bottom: 40px; }

.t-about__text { margin-bottom: 40px; }

.t-about__btn { text-align: right; }

@media screen and (max-width: 980px) { .t-about { padding-top: 50px; padding-bottom: 50px; background-position: right -10% top -5%,left -10% bottom -5%, left top; background-size: 45% auto,60% auto,auto; }
  .t-about__title { width: 50px; font-size: 17px; padding: 0 20px 15px; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", sans-serif; font-weight: bold; }
  .t-about__img { margin-bottom: 20px; }
  .t-about__text { margin-bottom: 20px; padding-right: 25px; padding-left: 25px; }
  .t-about__btn { padding-right: 25px; }
  .t-about__item--order { padding-top: 30px; }
  .t-about__item--kodawari { margin-top: 30px; padding-top: 30px; } }

@media screen and (max-width: 360px) { .t-about__btn .btn-style3__text { letter-spacing: 0; } }



/* ANCHOR t-trip ------------------------------------*/
.t-trip { background: url(../../assets/img/top/bg-trip.jpg) no-repeat center center/cover; padding: 40px; }

.t-trip__inner { position: relative; border: 1px solid #fff; border-radius: 20px; padding: 130px 0 90px; }

.t-trip__stamp { position: absolute; width: 367px; top: 35px; left: 30px; }

.t-trip__title { text-align: center; color: #fff; font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1.5; margin-bottom: 50px; }

.t-trip__title em { font-size: 60px; letter-spacing: 0.3em; }

.t-trip__title span { font-size: 28px; letter-spacing: 0.2em; }

.t-trip__text { color: #fff; max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 40px; }

.t-trip__pin1, .t-trip__pin2, .t-trip__pin3, .t-trip__pin4 { display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; position: absolute; }

.t-trip__pin1 { top: 20px; left: 20px; }

.t-trip__pin2 { top: 20px; right: 20px; }

.t-trip__pin3 { left: 20px; bottom: 20px; }

.t-trip__pin4 { right: 20px; bottom: 20px; }

@media screen and (max-width: 980px) { .t-trip__stamp { width: 180px; } }

@media screen and (max-width: 750px) { .t-trip { background: url(../../assets/img/top/bg-trip-smt.jpg) no-repeat center center/cover; padding: 20px; }
  .t-trip__stamp { position: absolute; width: 180px; top: 0px; left: -15px; }
  .t-trip__title { line-height: 1.5; margin-bottom: 25px; }
  .t-trip__title em { font-size: 30px; letter-spacing: 0.1em; }
  .t-trip__title span { font-size: 20px; letter-spacing: 0.1em; }
  .t-trip__inner { border-radius: 10px; padding: 60px 25px 40px; }
  .t-trip__pin1 { top: 10px; left: 10px; }
  .t-trip__pin2 { top: 10px; right: 10px; }
  .t-trip__pin3 { left: 10px; bottom: 10px; }
  .t-trip__pin4 { right: 10px; bottom: 10px; } }

/* ANCHOR t-insta ------------------------------------*/

.t-insta { background: url(../../assets/img/shared/f-bg.jpg); padding-bottom: 60px; padding-top: 60px; }

.t-insta__title { text-align: center; }

.t-insta__title__icon { line-height: 1; }

.t-insta__title__text { font-weight: bold; line-height: 1; }

.t-insta__slide { width: 215px; height: 215px;border-radius: 50%; z-index: 1; overflow: hidden;}

.t-insta__btn { display: block; border-radius: 50%; width: 215px; height: 215px; overflow: hidden; }

.t-insta__btn img { -webkit-transition: .3s transform ease; -o-transition: .3s transform ease; transition: .3s transform ease; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

.t-insta__btn:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.t-insta__slider1 { margin-bottom: 25px; }

.t-insta__slider2 { margin-bottom: 60px; }

.t-insta__slider1 .swiper-wrapper, .t-insta__slider2 .swiper-wrapper { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }

@media screen and (min-width: 751px) { .t-insta__title { margin-bottom: 60px; }
  .t-insta__title__icon { position: absolute; width: 30px; left: 0; top: 0px; }
  .t-insta__title__text { padding-left: 48px; position: relative; font-size: 28px; display: inline-block; } }

@media screen and (max-width: 750px) { .t-insta { padding-top: 30px; padding-bottom: 30px; }
  .t-insta__title { margin-bottom: 30px; }
  .t-insta__title__icon { text-align: center; display: block; }
  .t-insta__title__icon img { width: 30px; }
  .t-insta__title__text { font-size: 18px; }
  .t-insta__slide { width: 120px; height: 120px; }
  .t-insta__btn { width: 120px; height: 120px; }
  .t-insta__slider1 { margin-bottom: 15px; }
  .t-insta__slider2 { margin-bottom: 30px; } }



/* ANCHOR t-news ------------------------------------*/
.t-news { padding-bottom: 60px; }

.t-news__title { text-align: center; font-weight: bold; font-size: 28px; letter-spacing: 0.2em; line-height: 1; margin-bottom: 40px; }

.t-news__inner { position: relative; }

.t-news__btn { position: absolute; right: 0; top: -15px; }

@media screen and (max-width: 980px) { .t-news { padding-bottom: 30px; }
  .t-news__btn { display: none; } }

@media screen and (max-width: 750px) { .t-news__title { font-size: 18px; margin-bottom: 20px; } }