@charset "UTF-8";
/* ===================================================================
CSS information
 file name  : cuisine.css
 author     : Ability Consultant
 style info : 料理
=================================================================== */
.wrp_intr .con_intr, .con_din .box_din, .con_din .box_menu, .con_din .box_ren_din, .con_kids, .con_bre, .con_pri .box_pri, .con_dogs, .con_alr .box_det, .con_alr .box_al_t {
  max-width: 1200px;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .wrp_intr .con_intr, .con_din .box_din, .con_din .box_menu, .con_din .box_ren_din, .con_kids, .con_bre, .con_pri .box_pri, .con_dogs, .con_alr .box_det, .con_alr .box_al_t {
    width: 91.66667%;
  }
}

.con_gnav .box_gnav #gnav #g_cui a:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* -----------------------------------------------------------
	wrp_intr
----------------------------------------------------------- */
h4 {
  font-weight: normal;
}

.wrp_intr {
  position: relative;
  padding: 45px 0;
  overflow: hidden;
  background: url(../images/common/bg03.png) repeat 0 0;
}
@media only screen and (max-width: 767px) {
  .wrp_intr {
    padding: 3em 0;
  }
}
.wrp_intr .con_intr {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .wrp_intr .con_intr {
    width: 100%;
  }
}
.wrp_intr .con_intr .photo {
  background: #000;
}
@media only screen and (min-width: 768px) {
  .wrp_intr .con_intr .photo img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
}
@media print {
  .wrp_intr .con_intr .photo img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
}
.ie8 .wrp_intr .con_intr .photo img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrp_intr .con_intr .photo {
    overflow: hidden;
  }
  .wrp_intr .con_intr .photo img {
    position: relative;
    width: 130%;
    max-width: none;
    margin-left: -15%;
  }
}
.wrp_intr .con_intr .box_txt {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  color: #fff;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .wrp_intr .con_intr .box_txt {
    position: static;
    width: 91.66667%;
    margin: 1em auto 0;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    color: #2f2f2f;
  }
}
.wrp_intr .con_intr .box_txt .catch {
  margin-bottom: 40px;
  line-height: 1.6;
  letter-spacing: .25em;
  font-size: 179%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrp_intr .con_intr .box_txt .catch {
    margin-bottom: 4%;
    font-size: 158%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intr .con_intr .box_txt .catch {
    margin-bottom: 3%;
    line-height: 1.25;
    font-size: 143%;
  }
}
.wrp_intr .con_intr .box_txt .txt {
  font-size: 115%;
  line-height: 2.5;
  letter-spacing: .08em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wrp_intr .con_intr .box_txt .txt {
    font-size: 108%;
    line-height: 2;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_intr .con_intr .box_txt .txt {
    font-size: 100%;
    line-height: 1.8;
  }
}
.wrp_intr > p {
  position: absolute;
}
.wrp_intr > p.pho02 {
  top: 45px;
  left: 50%;
  width: 318px;
  margin-left: -960px;
}
.wrp_intr > p.pho03 {
  bottom: 45px;
  left: 50%;
  width: 318px;
  margin-left: -960px;
}
.wrp_intr > p.pho04 {
  top: 45px;
  right: 50%;
  width: 318px;
  margin-right: -960px;
}
.wrp_intr > p.pho05 {
  bottom: 45px;
  right: 50%;
  width: 318px;
  margin-right: -960px;
}

/* -----------------------------------------------------------
	con_pnav
----------------------------------------------------------- */
.con_pnav {
  margin-bottom: 95px;
}
@media only screen and (max-width: 767px) {
  .con_pnav {
    margin-bottom: 10%;
  }
}
@media only screen and (min-width: 768px) {
  .con_pnav .pnav {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media print {
  .con_pnav .pnav {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.ie8 .con_pnav .pnav {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* -----------------------------------------------------------
	お品書き（メニュー共通スタイル）
----------------------------------------------------------- */
dl {
  overflow: hidden;
  margin-top: 1.2em;
  display: table;
  width: 100%;
}
dl dt, dl dd {
  display: table-cell;
  vertical-align: top;
  border-bottom: 1px solid #aaa59d;
  padding-bottom: 1.2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
dl dt {
  text-align: center;
  width: 160px;
  padding-right: 20px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  dl dt {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  dl dt {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  dl dt {
    padding-right: 4%;
  }
}
@media only screen and (max-width: 767px) {
  dl dt {
    vertical-align: top;
  }
}
dl dt:after {
  content: '';
  width: 20px;
  height: 1px;
  background: #f9f9f9;
  position: absolute;
  right: 0;
  bottom: -1px;
}
@media only screen and (max-width: 767px) {
  dl dt:after {
    width: 20%;
  }
}
dl dd {
  padding-left: 30px;
  line-height: 1.5;
  width: 660px;
}
dl dd h5 {
  font-weight: normal;
}
dl dd span {
  font-size: 86%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  dl dd {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  dl dd {
    width: 70%;
  }
}
@media only screen and (max-width: 1199px) {
  dl dd {
    padding-left: 3%;
  }
}
@media only screen and (max-width: 767px) {
  dl dd {
    font-size: 93%;
  }
}

.txt_att {
  clear: both;
  padding-left: 1em;
  text-indent: -1em;
}
@media only screen and (max-width: 767px) {
  .txt_att {
    line-height: 1.4;
  }
}

/* -----------------------------------------------------------
	con_din
----------------------------------------------------------- */
.con_din {
  overflow: hidden;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .con_din {
    margin-bottom: 10%;
  }
}
.con_din h3 {
  font-weight: normal;
  text-align: center;
  letter-spacing: .12em;
  margin-bottom: 30px;
  font-size: 193%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_din h3 {
    font-size: 179%;
  }
}
@media only screen and (max-width: 767px) {
  .con_din h3 {
    font-size: 129%;
    letter-spacing: .06em;
    margin-bottom: 4%;
  }
}
.con_din h3:before {
  content: "";
  display: block;
  margin: 0 auto .2em;
  width: 23px;
  height: 23px;
  background: url(../images/common/ic_st.png) no-repeat center;
}
@media only screen and (max-width: 767px) {
  .con_din h3:before {
    width: .8em;
    height: .8em;
    background-size: contain;
  }
}
.con_din h3 span {
  color: #b18b15;
}
@media only screen and (max-width: 767px) {
  .con_din .box_din {
    width: 100%;
  }
}
.con_din .box_din .box_slider .slick-list {
  overflow: visible;
}
.con_din .box_din .box_slider .slick-list .slick-track .photo {
  width: 100%;
}
.con_din .box_din .box_slider .slick-list .slick-track .photo img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.con_din .box_din .box_slider .slick-list .slick-track .photo.slick-active img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.con_din .box_din .box_slider .slick-dots {
  bottom: 5%;
}
.con_din .box_din .box_slider .slick-dots li {
  width: 16px;
  height: 16px;
  margin: 0 .3em;
}
@media only screen and (max-width: 767px) {
  .con_din .box_din .box_slider .slick-dots li {
    width: 1em;
    height: 1em;
    margin: 0 .5em;
  }
}
.con_din .box_din .box_slider .slick-dots li button {
  width: 100%;
  height: 100%;
}
.con_din .box_din .box_slider .slick-dots li button:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: background 0.8s, border 0.8s;
  -o-transition: background 0.8s, border 0.8s;
  -webkit-transition: background 0.8s, border 0.8s;
  transition: background 0.8s, border 0.8s;
}
.con_din .box_din .box_slider .slick-dots li.slick-active button:before {
  background: #b18b15;
  border: 2px solid #b18b15;
}
.con_din .box_menu {
  margin: 55px auto 40px;
}
@media only screen and (max-width: 767px) {
  .con_din .box_menu {
    margin: 1em auto;
  }
}
@media only screen and (min-width: 768px) {
  .con_din .box_menu h4 {
    font-weight: normal;
  }
  .con_din .box_menu h4 em {
    display: inline-block;
    vertical-align: middle;
    font-size: 158%;
    letter-spacing: .06em;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_din .box_menu h4 em {
    font-size: 143%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_din .box_menu h4 em {
    font-size: 115%;
  }
}
@media only screen and (min-width: 768px) {
  .con_din .box_menu h4:before {
    content: "";
    width: .8em;
    height: .8em;
    background: url(../images/common/ic_st.png) no-repeat center/contain;
    display: inline-block;
    vertical-align: middle;
    margin: -.25em .3em 0 0;
  }
}
@media print {
  .con_din .box_menu h4 {
    font-weight: normal;
  }
  .con_din .box_menu h4 em {
    display: inline-block;
    vertical-align: middle;
    font-size: 158%;
    letter-spacing: .06em;
  }
  .con_din .box_menu h4:before {
    content: "";
    width: .8em;
    height: .8em;
    background: url(../images/common/ic_st.png) no-repeat center/contain;
    display: inline-block;
    vertical-align: middle;
    margin: -.25em .3em 0 0;
  }
}
.ie8 .con_din .box_menu h4 {
  font-weight: normal;
}
.ie8 .con_din .box_menu h4 em {
  display: inline-block;
  vertical-align: middle;
  font-size: 158%;
  letter-spacing: .06em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .ie8 .con_din .box_menu h4 em {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .ie8 .con_din .box_menu h4 em {
    font-size: 115%;
  }
}
.ie8 .con_din .box_menu h4:before {
  content: "";
  width: .8em;
  height: .8em;
  background: url(../images/common/ic_st.png) no-repeat center/contain;
  display: inline-block;
  vertical-align: middle;
  margin: -.25em .3em 0 0;
}
@media only screen and (max-width: 767px) {
  .con_din .box_menu h4 {
    border: 1px solid #aaa59d;
    padding: .5em 50px .5em 1em;
    position: relative;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .con_din .box_menu h4:before {
    content: "";
    background: #aaa59d;
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }
  .con_din .box_menu h4:after {
    content: "▼";
    margin-left: .3em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    z-index: 1;
    color: #fff;
    position: absolute;
    width: 50px;
    top: 50%;
    right: 0;
    text-align: center;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .con_din .box_menu h4.active:after {
    content: "▲";
    margin-left: .3em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
  }
}
.con_din .box_menu .menu_det {
  border: 10px solid #f3efe6;
  padding: 30px 3.33333%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .con_din .box_menu .menu_det {
    display: block !important;
  }
}
@media print {
  .con_din .box_menu .menu_det {
    display: block !important;
  }
}
.ie8 .con_din .box_menu .menu_det {
  display: block !important;
}
@media only screen and (max-width: 767px) {
  .con_din .box_menu .menu_det {
    display: none;
    border: 5px solid #f3efe6;
    padding: 5% 3%;
  }
}
.con_din .box_menu .menu_det > div {
  width: 48.18182%;
}
@media only screen and (max-width: 767px) {
  .con_din .box_menu .menu_det > div {
    width: 100%;
  }
}
.con_din .box_menu .menu_det > div.inner01 {
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_din .box_menu .menu_det > div.inner01 {
    float: none;
  }
}
.con_din .box_menu .menu_det > div.inner02 {
  float: right;
}
@media only screen and (max-width: 767px) {
  .con_din .box_menu .menu_det > div.inner02 {
    float: none;
  }
}
.con_din .box_menu .menu_det .txt_att {
  padding-top: .8em;
}
@media only screen and (min-width: 768px) {
  .con_din .box_ren_din .st_acc {
    font-weight: normal;
  }
  .con_din .box_ren_din .st_acc em {
    display: inline-block;
    vertical-align: middle;
    font-size: 158%;
    letter-spacing: .06em;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_din .box_ren_din .st_acc em {
    font-size: 143%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_din .box_ren_din .st_acc em {
    font-size: 115%;
  }
}
@media only screen and (min-width: 768px) {
  .con_din .box_ren_din .st_acc:before {
    content: "";
    width: .8em;
    height: .8em;
    background: url(../images/common/ic_st.png) no-repeat center/contain;
    display: inline-block;
    vertical-align: middle;
    margin: -.25em .3em 0 0;
  }
}
@media print {
  .con_din .box_ren_din .st_acc {
    font-weight: normal;
  }
  .con_din .box_ren_din .st_acc em {
    display: inline-block;
    vertical-align: middle;
    font-size: 158%;
    letter-spacing: .06em;
  }
  .con_din .box_ren_din .st_acc:before {
    content: "";
    width: .8em;
    height: .8em;
    background: url(../images/common/ic_st.png) no-repeat center/contain;
    display: inline-block;
    vertical-align: middle;
    margin: -.25em .3em 0 0;
  }
}
.ie8 .con_din .box_ren_din .st_acc {
  font-weight: normal;
}
.ie8 .con_din .box_ren_din .st_acc em {
  display: inline-block;
  vertical-align: middle;
  font-size: 158%;
  letter-spacing: .06em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .ie8 .con_din .box_ren_din .st_acc em {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .ie8 .con_din .box_ren_din .st_acc em {
    font-size: 115%;
  }
}
.ie8 .con_din .box_ren_din .st_acc:before {
  content: "";
  width: .8em;
  height: .8em;
  background: url(../images/common/ic_st.png) no-repeat center/contain;
  display: inline-block;
  vertical-align: middle;
  margin: -.25em .3em 0 0;
}
@media only screen and (max-width: 767px) {
  .con_din .box_ren_din .st_acc {
    border: 1px solid #aaa59d;
    padding: .5em 50px .5em 1em;
    position: relative;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .con_din .box_ren_din .st_acc:before {
    content: "";
    background: #aaa59d;
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }
  .con_din .box_ren_din .st_acc:after {
    content: "▲";
    margin-left: .3em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    z-index: 1;
    color: #fff;
    position: absolute;
    width: 50px;
    top: 50%;
    right: 0;
    text-align: center;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .con_din .box_ren_din .st_acc:after {
    content: "▼";
  }
}
@media only screen and (max-width: 767px) {
  .con_din .box_ren_din .st_acc.active:after {
    content: "▼";
    margin-left: .3em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .con_din .box_ren_din .st_acc.active:after {
    content: "▲";
  }
}

.con_din .box_ren_din .ren_menu {
  border: 10px solid #f3efe6;
  padding: 30px 3.33333%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .con_din .box_ren_din .ren_menu {
    border: 5px solid #f3efe6;
    padding: 5% 3%;
    display: none;
  }
}
.con_din .box_ren_din .ren_menu .inner {
  width: 48.18182%;
  float: right;
}
@media only screen and (max-width: 767px) {
  .con_din .box_ren_din .ren_menu .inner {
    width: 100%;
    float: none;
  }
}
.con_din .box_ren_din .ren_menu .inner .txt_att {
  margin-top: .8em;
}
.con_din .box_ren_din .ren_menu .photo {
  float: left;
  width: 47.27273%;
}
@media only screen and (max-width: 767px) {
  .con_din .box_ren_din .ren_menu .photo {
    width: 100%;
    float: none;
    margin-top: 1.5em;
  }
  .con_din .box_ren_din .ren_menu .photo img {
    width: 100%;
  }
}

/* -----------------------------------------------------------
	con_kids
----------------------------------------------------------- */
.con_kids {
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_kids {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_kids {
    margin-top: 3em;
  }
}
.con_kids h3 {
  font-weight: normal;
  text-align: center;
  letter-spacing: .12em;
  margin-bottom: 30px;
  font-size: 193%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_kids h3 {
    font-size: 179%;
  }
}
@media only screen and (max-width: 767px) {
  .con_kids h3 {
    font-size: 129%;
    letter-spacing: .06em;
    margin-bottom: 4%;
  }
}
.con_kids h3:before {
  content: "";
  display: block;
  margin: 0 auto .2em;
  width: 23px;
  height: 23px;
  background: url(../images/common/ic_st.png) no-repeat center;
}
@media only screen and (max-width: 767px) {
  .con_kids h3:before {
    width: .8em;
    height: .8em;
    background-size: contain;
  }
}
.con_kids h3 span {
  color: #b18b15;
}
.con_kids .box_kids {
  overflow: hidden;
}
.con_kids .box_kids .kids_det {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .con_kids .box_kids .kids_det {
    margin-top: 8%;
  }
}
@media only screen and (max-width: 767px) {
  .con_kids .box_kids .kids_det {
    margin-bottom: 2%;
  }
}
.con_kids .box_kids h4 {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .con_kids .box_kids h4 {
    font-weight: normal;
  }
  .con_kids .box_kids h4 em {
    display: inline-block;
    vertical-align: middle;
    font-size: 158%;
    letter-spacing: .06em;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_kids .box_kids h4 em {
    font-size: 143%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_kids .box_kids h4 em {
    font-size: 115%;
  }
}
@media only screen and (min-width: 768px) {
  .con_kids .box_kids h4:before {
    content: "";
    width: .8em;
    height: .8em;
    background: url(../images/common/ic_st.png) no-repeat center/contain;
    display: inline-block;
    vertical-align: middle;
    margin: -.25em .3em 0 0;
  }
}
@media print {
  .con_kids .box_kids h4 {
    font-weight: normal;
  }
  .con_kids .box_kids h4 em {
    display: inline-block;
    vertical-align: middle;
    font-size: 158%;
    letter-spacing: .06em;
  }
  .con_kids .box_kids h4:before {
    content: "";
    width: .8em;
    height: .8em;
    background: url(../images/common/ic_st.png) no-repeat center/contain;
    display: inline-block;
    vertical-align: middle;
    margin: -.25em .3em 0 0;
  }
}
.ie8 .con_kids .box_kids h4 {
  font-weight: normal;
}
.ie8 .con_kids .box_kids h4 em {
  display: inline-block;
  vertical-align: middle;
  font-size: 158%;
  letter-spacing: .06em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .ie8 .con_kids .box_kids h4 em {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .ie8 .con_kids .box_kids h4 em {
    font-size: 115%;
  }
}
.ie8 .con_kids .box_kids h4:before {
  content: "";
  width: .8em;
  height: .8em;
  background: url(../images/common/ic_st.png) no-repeat center/contain;
  display: inline-block;
  vertical-align: middle;
  margin: -.25em .3em 0 0;
}
@media only screen and (max-width: 767px) {
  .con_kids .box_kids h4 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_kids .box_kids h4 {
    border: 1px solid #aaa59d;
    padding: .5em 50px .5em 1em;
    position: relative;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .con_kids .box_kids h4:before {
    content: "";
    background: #aaa59d;
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }
  .con_kids .box_kids h4:after {
    content: "▼";
    margin-left: .3em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    z-index: 1;
    color: #fff;
    position: absolute;
    width: 50px;
    top: 50%;
    right: 0;
    text-align: center;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .con_kids .box_kids h4.active:after {
    content: "▲";
    margin-left: .3em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
  }
}
.con_kids .box_kids .menu_det {
  border: 10px solid #f3efe6;
  padding: 30px 3.33333%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .con_kids .box_kids .menu_det {
    display: block !important;
  }
}
@media print {
  .con_kids .box_kids .menu_det {
    display: block !important;
  }
}
.ie8 .con_kids .box_kids .menu_det {
  display: block !important;
}
@media only screen and (max-width: 767px) {
  .con_kids .box_kids .menu_det {
    display: none;
    border: 5px solid #f3efe6;
    padding: 5% 3%;
  }
}
.con_kids .box_kids .menu_det > div {
  width: 48.18182%;
}
@media only screen and (max-width: 767px) {
  .con_kids .box_kids .menu_det > div {
    width: 100%;
  }
}
.con_kids .box_kids .menu_det > div.inner01 {
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_kids .box_kids .menu_det > div.inner01 {
    float: none;
  }
}
.con_kids .box_kids .menu_det > div.inner02 {
  float: right;
}
@media only screen and (max-width: 767px) {
  .con_kids .box_kids .menu_det > div.inner02 {
    float: none;
  }
}
.con_kids .box_kids .menu_det .box_att {
  clear: both;
  padding-top: 1em;
  width: 100%;
}
.con_kids .box_kids .photo {
  width: 100%;
}
.con_kids .box_kids .photo img {
  width: 100%;
}

/* -----------------------------------------------------------
	con_bre
----------------------------------------------------------- */
.con_bre {
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_bre {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bre {
    margin-top: 3em;
  }
}
.con_bre h3 {
  font-weight: normal;
  text-align: center;
  letter-spacing: .12em;
  margin-bottom: 30px;
  font-size: 193%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_bre h3 {
    font-size: 179%;
  }
}
@media only screen and (max-width: 767px) {
  .con_bre h3 {
    font-size: 129%;
    letter-spacing: .06em;
    margin-bottom: 4%;
  }
}
.con_bre h3:before {
  content: "";
  display: block;
  margin: 0 auto .2em;
  width: 23px;
  height: 23px;
  background: url(../images/common/ic_st.png) no-repeat center;
}
@media only screen and (max-width: 767px) {
  .con_bre h3:before {
    width: .8em;
    height: .8em;
    background-size: contain;
  }
}
.con_bre h3 span {
  color: #b18b15;
}
.con_bre .photo {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .con_bre .photo {
    margin-bottom: 3%;
  }
}
.con_bre .box_menu {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .con_bre .box_menu {
    margin-top: 1em;
  }
}
.con_bre .box_menu h4 {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .con_bre .box_menu h4 {
    font-weight: normal;
  }
  .con_bre .box_menu h4 em {
    display: inline-block;
    vertical-align: middle;
    font-size: 158%;
    letter-spacing: .06em;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .con_bre .box_menu h4 em {
    font-size: 143%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_bre .box_menu h4 em {
    font-size: 115%;
  }
}
@media only screen and (min-width: 768px) {
  .con_bre .box_menu h4:before {
    content: "";
    width: .8em;
    height: .8em;
    background: url(../images/common/ic_st.png) no-repeat center/contain;
    display: inline-block;
    vertical-align: middle;
    margin: -.25em .3em 0 0;
  }
}
@media print {
  .con_bre .box_menu h4 {
    font-weight: normal;
  }
  .con_bre .box_menu h4 em {
    display: inline-block;
    vertical-align: middle;
    font-size: 158%;
    letter-spacing: .06em;
  }
  .con_bre .box_menu h4:before {
    content: "";
    width: .8em;
    height: .8em;
    background: url(../images/common/ic_st.png) no-repeat center/contain;
    display: inline-block;
    vertical-align: middle;
    margin: -.25em .3em 0 0;
  }
}
.ie8 .con_bre .box_menu h4 {
  font-weight: normal;
}
.ie8 .con_bre .box_menu h4 em {
  display: inline-block;
  vertical-align: middle;
  font-size: 158%;
  letter-spacing: .06em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .ie8 .con_bre .box_menu h4 em {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .ie8 .con_bre .box_menu h4 em {
    font-size: 115%;
  }
}
.ie8 .con_bre .box_menu h4:before {
  content: "";
  width: .8em;
  height: .8em;
  background: url(../images/common/ic_st.png) no-repeat center/contain;
  display: inline-block;
  vertical-align: middle;
  margin: -.25em .3em 0 0;
}
@media only screen and (max-width: 767px) {
  .con_bre .box_menu h4 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_bre .box_menu h4 {
    border: 1px solid #aaa59d;
    padding: .5em 50px .5em 1em;
    position: relative;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .con_bre .box_menu h4:before {
    content: "";
    background: #aaa59d;
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }
  .con_bre .box_menu h4:after {
    content: "▼";
    margin-left: .3em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    z-index: 1;
    color: #fff;
    position: absolute;
    width: 50px;
    top: 50%;
    right: 0;
    text-align: center;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .con_bre .box_menu h4.active:after {
    content: "▲";
    margin-left: .3em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
  }
}
.con_bre .menu_det {
  border: 10px solid #f3efe6;
  padding: 30px 3.33333%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .con_bre .menu_det {
    display: block !important;
  }
}
@media print {
  .con_bre .menu_det {
    display: block !important;
  }
}
.ie8 .con_bre .menu_det {
  display: block !important;
}
@media only screen and (max-width: 767px) {
  .con_bre .menu_det {
    display: none;
    border: 5px solid #f3efe6;
    padding: 5% 3%;
  }
}
.con_bre .menu_det > div {
  width: 48.18182%;
}
@media only screen and (max-width: 767px) {
  .con_bre .menu_det > div {
    width: 100%;
  }
}
.con_bre .menu_det > div.inner01 {
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_bre .menu_det > div.inner01 {
    float: none;
  }
}
.con_bre .menu_det > div.inner02 {
  float: right;
}
@media only screen and (max-width: 767px) {
  .con_bre .menu_det > div.inner02 {
    float: none;
  }
}
.con_bre .menu_det .txt_att {
  padding-top: .8em;
}

/* -----------------------------------------------------------
	con_pri
----------------------------------------------------------- */
.con_pri {
  background: url(../images/common/bg03.png) repeat 0 0;
  padding: 65px 0 90px;
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_pri {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_pri {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_pri {
    padding: 8% 0 10%;
  }
}
.con_pri .box_pri .photo {
  width: 100%;
}
.con_pri .box_pri .box_det {
  overflow: hidden;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .con_pri .box_pri .box_det {
    margin-top: 0.8em;
  }
}
.con_pri .box_pri .box_det .img {
  float: left;
  width: 47.75%;
}
@media only screen and (max-width: 767px) {
  .con_pri .box_pri .box_det .img {
    display: none;
  }
}
.con_pri .box_pri .box_det .txt {
  float: right;
  width: 47.5%;
}
@media only screen and (max-width: 767px) {
  .con_pri .box_pri .box_det .txt {
    width: 100%;
    float: none;
    margin-top: .8em;
  }
}
.con_pri .box_pri h3 {
  font-weight: normal;
  text-align: center;
  letter-spacing: .12em;
  margin-bottom: 30px;
  font-size: 193%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_pri .box_pri h3 {
    font-size: 179%;
  }
}
@media only screen and (max-width: 767px) {
  .con_pri .box_pri h3 {
    font-size: 129%;
    letter-spacing: .06em;
    margin-bottom: 4%;
  }
}
.con_pri .box_pri h3:before {
  content: "";
  display: block;
  margin: 0 auto .2em;
  width: 23px;
  height: 23px;
  background: url(../images/common/ic_st.png) no-repeat center;
}
@media only screen and (max-width: 767px) {
  .con_pri .box_pri h3:before {
    width: .8em;
    height: .8em;
    background-size: contain;
  }
}
.con_pri .box_pri h3 span {
  color: #b18b15;
}

/* -----------------------------------------------------------
	con_dogs
----------------------------------------------------------- */
.con_dogs {
  margin-top: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_dogs {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_dogs {
    margin-top: 3em;
  }
}
.con_dogs h3 {
  font-weight: normal;
  text-align: center;
  letter-spacing: .12em;
  margin-bottom: 30px;
  font-size: 193%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_dogs h3 {
    font-size: 179%;
  }
}
@media only screen and (max-width: 767px) {
  .con_dogs h3 {
    font-size: 129%;
    letter-spacing: .06em;
    margin-bottom: 4%;
  }
}
.con_dogs h3:before {
  content: "";
  display: block;
  margin: 0 auto .2em;
  width: 23px;
  height: 23px;
  background: url(../images/common/ic_st.png) no-repeat center;
}
@media only screen and (max-width: 767px) {
  .con_dogs h3:before {
    width: .8em;
    height: .8em;
    background-size: contain;
  }
}
.con_dogs h3 span {
  color: #b18b15;
}
.con_dogs .photo {
  width: 100%;
}
.con_dogs .photo img {
  width: 100%;
}
.con_dogs .box_dogs {
  overflow: hidden;
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .con_dogs .box_dogs {
    margin-top: 0.8em;
  }
}
.con_dogs .box_dogs .txt {
  width: 100%;
}
.con_dogs .dogs_menu {
  border: 10px solid #f3efe6;
  padding: 30px 3.33333%;
  overflow: hidden;
  margin-top: 35px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu {
    border: 5px solid #f3efe6;
    padding: 5% 3%;
  }
}
.con_dogs .dogs_menu .box_menu h4 {
  font-weight: normal;
  margin-bottom: 20px;
}
.con_dogs .dogs_menu .box_menu h4 em {
  display: inline-block;
  vertical-align: middle;
  font-size: 158%;
  letter-spacing: .06em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_dogs .dogs_menu .box_menu h4 em {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu .box_menu h4 em {
    font-size: 115%;
  }
}
.con_dogs .dogs_menu .box_menu h4:before {
  content: "";
  width: .8em;
  height: .8em;
  background: url(../images/common/ic_st.png) no-repeat center/contain;
  display: inline-block;
  vertical-align: middle;
  margin: -.25em .3em 0 0;
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu .box_menu h4 {
    margin-bottom: 2%;
  }
}
.con_dogs .dogs_menu .box_menu .box_btn {
  overflow: hidden;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu .box_menu .box_btn {
    margin-top: 1.5em;
  }
}
.con_dogs .dogs_menu .box_menu .box_btn li {
  float: right;
  width: 300px;
}
.mouse .con_dogs .dogs_menu .box_menu .box_btn li {
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.mouse .con_dogs .dogs_menu .box_menu .box_btn li:hover, .touch .con_dogs .dogs_menu .box_menu .box_btn li.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .con_dogs .dogs_menu .box_menu .box_btn li {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_dogs .dogs_menu .box_menu .box_btn li.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_dogs .dogs_menu .box_menu .box_btn li a {
  display: block;
  text-align: center;
  text-decoration: none;
  background: url(../images/common/bg_btn04.jpg) repeat 0 0;
  color: #fff !important;
  position: relative;
  padding: .8em 0;
}
.con_dogs .dogs_menu .box_menu .box_btn li a:before {
  content: "";
  margin-right: .3em;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: 3%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_dogs .dogs_menu .box_menu .box_btn li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu .box_menu .box_btn li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu .box_menu .box_btn li {
    float: none;
    width: 100%;
  }
}
.con_dogs .dogs_menu .box_menu .box_btn li:first-child {
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu .box_menu .box_btn li:first-child {
    float: none;
  }
}
.con_dogs .dogs_menu .box_menu .box_btn li:first-child a span:before {
  content: "";
  margin-right: .3em;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.con_dogs .dogs_menu .box_opt {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu .box_opt {
    margin-top: 6%;
  }
}
.con_dogs .dogs_menu .box_opt .box_frm_dogs {
  letter-spacing: -.5em;
}
.con_dogs .dogs_menu .box_opt .box_frm_dogs li {
  width: 23.08333%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin-right: 2.5%;
}
@media only screen and (min-width: 1200px) {
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(4n) {
    margin-right: 0;
  }
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(5n) {
    clear: left;
  }
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(n+5) {
    margin-top: 30px;
  }
}
@media print {
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(4n) {
    margin-right: 0;
  }
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(5n) {
    clear: left;
  }
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(n+5) {
    margin-top: 30px;
  }
}
.ie8 .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(4n) {
  margin-right: 0;
}
.ie8 .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(5n) {
  clear: left;
}
.ie8 .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(n+5) {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li {
    width: 31%;
  }
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(3n) {
    margin-right: 0;
  }
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(n+4) {
    margin-top: 3%;
  }
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li {
    width: 48%;
    margin-right: 4%;
  }
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(2n) {
    margin-right: 0;
  }
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li:nth-child(n+3) {
    margin-top: 3%;
  }
}
.con_dogs .dogs_menu .box_opt .box_frm_dogs li h5 {
  text-align: center;
  font-size: 129%;
  font-weight: normal;
  margin: 0.8em 0;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li h5 {
    margin: 0.5em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_dogs .dogs_menu .box_opt .box_frm_dogs li h5 {
    font-size: 93%;
  }
}
.con_dogs .dogs_menu .box_opt .box_frm_dogs li h5 em {
  font-size: 65%;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
}

/* -----------------------------------------------------------
	con_alr
----------------------------------------------------------- */
.con_alr {
  background: url(../images/common/bg03.png) repeat 0 0;
  padding: 65px 0 120px;
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_alr {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_alr {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_alr {
    padding: 8% 0 10%;
  }
}
.con_alr .box_det {
  overflow: hidden;
}
.con_alr .box_det .img {
  width: 47.91667%;
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_alr .box_det .img {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .con_alr .box_det .img {
    width: 100%;
    float: none;
    margin-bottom: 4%;
  }
}
.con_alr .box_det .box_txt {
  width: 48.33333%;
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_alr .box_det .box_txt {
    width: 53%;
  }
}
@media only screen and (max-width: 767px) {
  .con_alr .box_det .box_txt {
    width: 100%;
    float: none;
  }
}
.con_alr .box_det .box_txt h4 {
  font-weight: normal;
}
.con_alr .box_det .box_txt h4 em {
  display: inline-block;
  vertical-align: middle;
  font-size: 158%;
  letter-spacing: .06em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_alr .box_det .box_txt h4 em {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .con_alr .box_det .box_txt h4 em {
    font-size: 115%;
  }
}
.con_alr .box_det .box_txt h4:before {
  content: "";
  width: .8em;
  height: .8em;
  background: url(../images/common/ic_st.png) no-repeat center/contain;
  display: inline-block;
  vertical-align: middle;
  margin: -.25em .3em 0 0;
}
.con_alr .box_det .box_txt .txt {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .con_alr .box_det .box_txt .txt {
    margin-top: 0.8em;
  }
}
.con_alr .box_al_t table {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .con_alr .box_al_t table {
    margin-top: 1.5em;
  }
}
.con_alr .box_al_t table tr th {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .con_alr .box_al_t table tr th {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_alr .box_al_t table tr th {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .con_alr .box_al_t table tr td {
    width: 100%;
    display: block;
  }
}
.con_alr .box_al_t .btn {
  margin: 40px auto 0;
  width: 300px;
}
@media only screen and (max-width: 767px) {
  .con_alr .box_al_t .btn {
    margin: 1.5em auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_alr .box_al_t .btn {
    width: 100%;
  }
}
.mouse .con_alr .box_al_t .btn {
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.mouse .con_alr .box_al_t .btn:hover, .touch .con_alr .box_al_t .btn.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .con_alr .box_al_t .btn {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_alr .box_al_t .btn.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_alr .box_al_t .btn a {
  display: block;
  text-align: center;
  text-decoration: none;
  background: url(../images/common/bg_btn04.jpg) repeat 0 0;
  color: #fff !important;
  position: relative;
  padding: .8em 0;
}
.con_alr .box_al_t .btn a:before {
  content: "";
  margin-right: .3em;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  right: 3%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}