@charset "UTF-8";
/*リセット
--------------------------------------------*/
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

*,
*:after,
*:before {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*フォント
---------------------------------------------*/
.jp {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.eg {
  font-family: garamond-premier-pro, serif;
  font-weight: 400;
  font-style: normal;
}

.eg1 {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-style: italic;
}

.eg2 {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.eg3 {
  font-family: sofia-pro, sans-serif;
  font-weight: 200;
  font-style: normal;
}

.eg4 {
  font-family: sofia-pro, sans-serif;
  font-weight: 200;
  font-style: italic;
}

/*メディアクエリー
---------------------------------------------*/
/*変数
---------------------------------------------*/
/* コンテンツ
---------------------------------------------*/
html {
  visibility: hidden;
}

html.loading-delay,
html.wf-active {
  visibility: visible;
}

body {
  font-family: "dnp-shuei-gothic-gin-std", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: 1.5px;
  font-feature-settings: "palt";
  color: #4D4B49;
}
@media screen and (min-width: 1000px) {
  body {
    font-size: 12px;
    line-height: 18px;
  }
}
@media screen and (max-width: 999px) {
  body {
    font-size: 12px;
    line-height: 18px;
  }
}

img {
  width: 100%;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #4D4B49;
  display: block;
}

a:hover {
  opacity: 0.5;
}

@media screen and (min-width: 1000px) {
  .pc_none {
    display: none;
  }
}
@media screen and (max-width: 999px) {
  .pc_none {
    display: block;
  }
}

@media screen and (min-width: 1000px) {
  .sp_none {
    display: block;
  }
}
@media screen and (max-width: 999px) {
  .sp_none {
    display: none;
  }
}

.img_100 {
  width: 100% !important;
}

.img_90 {
  width: 90% !important;
}

.img_80 {
  width: 80% !important;
}

.img_70 {
  width: 70% !important;
}

@media screen and (min-width: 1000px) {
  .img_50pc {
    width: 50% !important;
  }
}

@media screen and (min-width: 1000px) {
  .img_40pc {
    width: 40% !important;
  }
}

@media screen and (min-width: 1000px) {
  .img_30pc {
    width: 30% !important;
  }
}

@media screen and (min-width: 1000px) {
  .img_25pc {
    width: 25% !important;
  }
}

@media screen and (min-width: 1000px) {
  .img_20pc {
    width: 20% !important;
  }
}

@media screen and (min-width: 1000px) {
  .img_15pc {
    width: 15% !important;
  }
}

@media screen and (max-width: 999px) {
  .img_80sp {
    width: 80% !important;
  }
}

@media screen and (max-width: 999px) {
  .img_70sp {
    width: 70% !important;
  }
}

@media screen and (max-width: 999px) {
  .img_60sp {
    width: 60% !important;
  }
}

@media screen and (max-width: 999px) {
  .img_50sp {
    width: 50% !important;
  }
}

@media screen and (max-width: 999px) {
  .img_45sp {
    width: 45% !important;
  }
}

@media screen and (max-width: 999px) {
  .img_40sp {
    width: 40% !important;
  }
}

@media screen and (max-width: 999px) {
  .img_35sp {
    width: 35% !important;
  }
}

@media screen and (max-width: 999px) {
  .img_30sp {
    width: 30% !important;
  }
}

@media screen and (max-width: 999px) {
  .img_25sp {
    width: 25% !important;
  }
}

@media screen and (max-width: 999px) {
  .img_20sp {
    width: 20% !important;
  }
}

.slider {
  overflow: hidden;
}

.flexslider {
  box-sizing: border-box;
}

.inviewfadeIn {
  opacity: 0;
  transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transition: 2s;
  transition-duration: 2s;
}

.inviewfadeIn2 {
  opacity: 0;
  transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transition: 3s;
  transition-duration: 3s;
  transition-delay: 0.8s;
}

.fadeIn {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/* ---------------------------------------------------
コンテンツ共通
--------------------------------------------------- */
#wrapper {
  width: 100%;
  overflow: hidden !important;
}

@media screen and (min-width: 1000px) {
  .box {
    margin: 170px auto 0;
  }
}
@media screen and (max-width: 999px) {
  .box {
    margin: 100px auto 0;
  }
}

@media screen and (min-width: 1000px) {
  .mw {
    max-width: 1100px;
  }
}

.btn_link_w a {
  color: #4D4B49;
  background-color: #fff;
  text-align: center;
  display: block;
  padding: 20px 0;
}
@media screen and (min-width: 1000px) {
  .btn_link_w a {
    width: 400px;
    margin: 50px auto 0;
  }
}
@media screen and (max-width: 999px) {
  .btn_link_w a {
    margin: 40px auto 0;
    width: 90%;
  }
}

.btn_link_ws a {
  color: #4D4B49;
  background-color: #fff;
  border: 1px solid #4D4B49;
  text-align: center;
  display: block;
  padding: 20px 0;
}
@media screen and (min-width: 1000px) {
  .btn_link_ws a {
    width: 400px;
    margin: 50px auto 0;
  }
}
@media screen and (max-width: 999px) {
  .btn_link_ws a {
    margin: 40px auto 0;
    width: 90%;
  }
}

.btn_link_g a {
  color: #4D4B49;
  background-color: #E8E8E8;
  text-align: center;
  display: block;
  padding: 20px 0;
}
@media screen and (min-width: 1000px) {
  .btn_link_g a {
    width: 400px;
    margin: 50px auto 0;
  }
}
@media screen and (max-width: 999px) {
  .btn_link_g a {
    margin: 40px auto 0;
    width: 90%;
  }
}

.btn_link_b a {
  color: #fff;
  background-color: #4D4B49;
  text-align: center;
  display: block;
  padding: 20px 0;
}
@media screen and (min-width: 1000px) {
  .btn_link_b a {
    width: 400px;
    margin: 50px auto 0;
  }
}
@media screen and (max-width: 999px) {
  .btn_link_b a {
    margin: 40px auto 0;
    width: 90%;
  }
}

/* ---------------------------------------------------
ヘッダー
--------------------------------------------------- */
#header {
  width: 100%;
}
@media screen and (min-width: 1000px) {
  #header {
    height: 120px;
    padding: 0 50px;
    position: fixed;
    z-index: 1;
  }
}
@media screen and (min-width: 1000px) {
  #header .online {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 999px) {
  #header .online {
    position: fixed;
    z-index: 1;
    top: 30px;
    left: 30px;
  }
}

/* ---------------------------------------------------
ハンバーガーメニュー
--------------------------------------------------- */
#nav-pop {
  font-family: garamond-premier-pro, serif;
  transition: height 0.4s linear;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background: #fff;
  z-index: 101;
  overflow-y: auto;
}
@media screen and (min-width: 1000px) {
  #nav-pop {
    height: 100vh;
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  #nav-pop .pop-nav {
    width: 80%;
    margin: 100px auto;
  }
}
@media screen and (max-width: 999px) {
  #nav-pop .pop-nav {
    margin: 100px auto;
    width: 90%;
  }
}
#nav-pop .pop-nav .nav_tit {
  text-align: center;
  font-size: 20px;
}
#nav-pop .pop-nav .brands ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (min-width: 1000px) {
  #nav-pop .pop-nav .brands ul {
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
  }
}
@media screen and (max-width: 999px) {
  #nav-pop .pop-nav .brands ul {
    justify-content: space-between;
    padding: 30px 0;
  }
}
@media screen and (min-width: 1000px) {
  #nav-pop .pop-nav .brands li {
    width: calc(100% / 7);
    padding: 10px 0;
  }
}
@media screen and (max-width: 999px) {
  #nav-pop .pop-nav .brands li {
    width: calc(100% / 2 - 10px);
    padding: 10px 0;
  }
}
#nav-pop .pop-nav .nav_link {
  margin-top: 70px;
}
@media screen and (min-width: 1000px) {
  #nav-pop .pop-nav .nav_link {
    display: flex;
    justify-content: center;
  }
}
#nav-pop .pop-nav .nav_link a {
  border: 1px solid #000;
  padding: 15px 0;
  width: 300px;
  margin: 0 15px;
  text-align: center;
}
@media screen and (max-width: 999px) {
  #nav-pop .pop-nav .nav_link a {
    margin-bottom: 30px;
  }
}
#nav-pop .pop-nav .nav_link a:hover {
  background-color: #ccc;
  border: none;
}

#btn-menu-nav,
#nav-pop .close {
  position: fixed;
  z-index: 99;
  right: 5%;
  top: 55px;
  z-index: 99;
  width: 50px;
  height: 19px;
}
@media screen and (max-width: 999px) {
  #btn-menu-nav,
#nav-pop .close {
    top: 30px;
    right: 30px;
  }
}

#btn-menu-nav {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#btn-menu-nav span {
  width: 100%;
  height: 1px;
  background: #fff;
  display: block;
  transition: all 0.3s ease-out;
  background: #000 !important;
}

#nav-pop .close {
  display: block;
  cursor: pointer;
  transform: translateY(40%);
}
#nav-pop .close span {
  width: 100%;
  height: 1px;
  background: #000;
  display: block;
  transform: rotate(30deg);
}
#nav-pop .close span:last-child {
  transform: rotate(-30deg);
}

/* ---------------------------------------------------
メイン
--------------------------------------------------- */
@media screen and (min-width: 1000px) {
  #main {
    width: 90%;
    margin: 70px auto;
  }
}
@media screen and (max-width: 999px) {
  #main {
    height: 100%;
  }
}
@media screen and (min-width: 1000px) {
  #main .main_f {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
  }
}
#main h1 {
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  #main h1 {
    width: 30%;
  }
}
@media screen and (max-width: 999px) {
  #main h1 {
    width: 70%;
    padding-top: 24%;
  }
}
#main .topimg {
  margin: 50px auto;
  position: relative;
}
@media screen and (min-width: 1000px) {
  #main .topimg {
    width: 55%;
    height: 40vh;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 999px) {
  #main .topimg {
    width: 80%;
    height: 28vh;
  }
}
#main .topimg li {
  position: absolute;
}
@media screen and (min-width: 1000px) {
  #main .topimg li {
    width: 25%;
  }
}
@media screen and (min-width: 1000px) {
  #main .topimg li:nth-child(1) {
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 999px) {
  #main .topimg li:nth-child(1) {
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 1000px) {
  #main .topimg li:nth-child(2) {
    width: 32%;
    top: 0;
    left: 22%;
  }
}
@media screen and (max-width: 999px) {
  #main .topimg li:nth-child(2) {
    top: 0;
    left: 8%;
  }
}
@media screen and (min-width: 1000px) {
  #main .topimg li:nth-child(3) {
    width: 32%;
    bottom: 0;
    right: 22%;
    z-index: 1;
  }
}
@media screen and (max-width: 999px) {
  #main .topimg li:nth-child(3) {
    bottom: 0;
    right: 8%;
    z-index: 1;
  }
}
@media screen and (min-width: 1000px) {
  #main .topimg li:nth-child(4) {
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 999px) {
  #main .topimg li:nth-child(4) {
    top: 0;
    right: 0;
  }
}
#main p {
  text-align: center;
  line-height: 25px;
}

/* ---------------------------------------------------
メニュー
--------------------------------------------------- */
#menu .menu_tit {
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #menu .menu_tit {
    font-size: 60px;
    margin-bottom: 30px;
    line-height: 26px;
  }
}
@media screen and (max-width: 999px) {
  #menu .menu_tit {
    font-size: 46px;
    margin-bottom: 30px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1000px) {
  #menu .menu_tit span {
    font-size: 20px;
  }
}
@media screen and (max-width: 999px) {
  #menu .menu_tit span {
    font-size: 20px;
  }
}
#menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (min-width: 1000px) {
  #menu ul li {
    width: calc(100% / 4 - 50px);
    margin: 20px;
  }
}
@media screen and (max-width: 999px) {
  #menu ul li {
    width: calc(95% / 2);
    margin-bottom: 20px;
  }
}
#menu ul li a {
  position: relative;
}
#menu ul li .num {
  position: absolute;
  color: #fff;
  top: 10px;
  left: 10px;
  font-size: 20px;
}
@media screen and (max-width: 999px) {
  #menu ul li .num {
    left: 20px;
  }
}
@media screen and (min-width: 1000px) {
  #menu ul li .pd {
    width: 100%;
    margin-right: 10px;
  }
}
@media screen and (max-width: 999px) {
  #menu ul li .pd {
    width: 90%;
    margin: 0 auto;
  }
}
#menu ul li p {
  text-align: center;
  padding-top: 10px;
  font-size: 13px;
}
@media screen and (min-width: 1000px) {
  #menu ul li p {
    font-size: 11px;
  }
}
#menu ul li p::after {
  content: "";
  display: block;
  background-color: #ccc;
  height: 1px;
  width: 20%;
  margin: 10px auto;
}

/* ---------------------------------------------------
イメージエリア
--------------------------------------------------- */
.img_a p {
  text-align: center;
  font-size: 20px;
  padding-bottom: 30px;
}
@media screen and (max-width: 999px) {
  .img_a p {
    font-size: 17px;
  }
}

/* ---------------------------------------------------
コンテンツ
--------------------------------------------------- */
.b_t {
  margin: 0 auto 30px;
}
@media screen and (min-width: 1000px) {
  .b_t {
    width: 50%;
  }
}
@media screen and (max-width: 999px) {
  .b_t {
    width: 90%;
  }
}
.b_t p {
  font-size: 10px;
  color: #8D8D8D;
  padding-bottom: 10px;
}
.b_t li {
  border-top: 1px solid #4D4B49;
  padding: 17px 0;
  position: relative;
}
@media screen and (min-width: 1000px) {
  .b_t li {
    font-size: 24px;
  }
}
@media screen and (max-width: 999px) {
  .b_t li {
    font-size: 20px;
  }
}
.b_t li span {
  font-size: 10px;
}
.b_t li::before {
  content: "";
  display: block;
  width: 20px;
  height: 3px;
  background-color: #4D4B49;
  position: absolute;
  top: 0;
  left: 0;
}
.b_t li:nth-child(1) {
  display: flex;
  align-items: center;
}
.b_t li:nth-child(1) span {
  padding-right: 10px;
}
.b_t li:nth-child(2) {
  display: flex;
  padding: 10px 0 0;
  margin-bottom: -10px;
}
.b_t li:nth-child(2) .s_num {
  width: 50%;
  margin-top: -10px;
}
@media screen and (max-width: 999px) {
  .b_t li:nth-child(2) .s_num {
    width: 80%;
  }
}
.b_t li:nth-child(3) {
  font-size: 14px;
}

@media screen and (min-width: 1000px) {
  .b_f {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1000px) {
  .b_f .slider {
    width: 48%;
  }
}
@media screen and (min-width: 1000px) {
  .b_f .b_t_b {
    width: 48%;
  }
}
@media screen and (max-width: 999px) {
  .b_f .b_t_b {
    width: 90%;
    margin: 0 auto;
  }
}
.b_f .b_t_b h3 {
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 4px;
}
@media screen and (max-width: 999px) {
  .b_f .b_t_b h3 {
    padding-top: 50px;
    font-size: 22px;
  }
}
.b_f .b_t_b ul {
  border-top: 1px solid #4D4B49;
  padding: 15px 0;
  position: relative;
  margin-top: 50px;
}
@media screen and (max-width: 999px) {
  .b_f .b_t_b ul {
    padding: 10px 0;
  }
}
.b_f .b_t_b ul::before {
  content: "";
  display: block;
  width: 20px;
  height: 3px;
  background-color: #4D4B49;
  position: absolute;
  top: 0;
  left: 0;
}
.b_f .b_t_b li:nth-child(1) {
  padding-bottom: 15px;
}
.b_f .b_t_b li:nth-child(2) {
  line-height: 20px;
}
.b_f .b_t_b .credit .c_b {
  padding-bottom: 15px;
}
.b_f .b_t_b .credit .c_b a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.b_f .b_t_b .credit .c_b .buy {
  background-color: #4D4B49;
  color: #fff;
  padding: 5px 10px;
  font-size: 10px;
}

.b_staff {
  background-color: #F7F6F4;
  margin: 0 auto;
  padding: 50px 0;
}
.b_staff p {
  text-align: center;
  font-size: 24px;
}
@media screen and (min-width: 1000px) {
  .b_staff .staff_in {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
    width: 80%;
  }
}
@media screen and (max-width: 999px) {
  .b_staff .staff_in {
    margin: 30px auto;
    width: 90%;
  }
}
.b_staff img {
  border-radius: 50%;
  width: 20%;
}
@media screen and (max-width: 999px) {
  .b_staff img {
    width: 50%;
    display: block;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 1000px) {
  .b_staff ul {
    width: 40%;
    padding-left: 20px;
  }
}
.b_staff ul li {
  border-top: 1px solid #4D4B49;
  position: relative;
}
.b_staff ul li span {
  padding-right: 10px;
}
.b_staff ul li::before {
  content: "";
  display: block;
  width: 20px;
  height: 3px;
  background-color: #4D4B49;
  position: absolute;
  top: 0;
  left: 0;
}
.b_staff ul li:nth-child(1) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.b_staff ul li:nth-child(1) span {
  width: 50%;
  padding: 15px 0;
}
.b_staff ul li:nth-child(1) .s_h {
  padding-left: 10px;
  border-left: 1px solid #4D4B49;
}
.b_staff ul li:nth-child(2) {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #4D4B49;
}

/* ---------------------------------------------------
サブ写真 共通
--------------------------------------------------- */
.box_p {
  position: relative;
}
@media screen and (min-width: 1000px) {
  .box_p {
    width: 80%;
    margin: 100px auto;
  }
}
@media screen and (max-width: 999px) {
  .box_p {
    width: 100%;
    margin: 50px auto 70px;
  }
}
.box_p .box_pin {
  position: absolute;
}

/* ---------------------------------------------------
box1 サブ写真
--------------------------------------------------- */
@media screen and (min-width: 1000px) {
  #box1 .box_p {
    height: 50vh;
  }
}
@media screen and (max-width: 999px) {
  #box1 .box_p {
    height: 100vh;
  }
}
@media screen and (min-width: 1000px) {
  #box1 .box_p .box_pin:nth-child(2) {
    left: 23%;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box1 .box_p .box_pin:nth-child(2) {
    top: 20%;
    right: 0;
  }
}
@media screen and (min-width: 1000px) {
  #box1 .box_p .box_pin:nth-child(3) {
    right: 22%;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box1 .box_p .box_pin:nth-child(3) {
    left: 0;
    bottom: 10%;
  }
}
#box1 .box_p .box_pin:nth-child(4) {
  right: 0;
  bottom: 0;
}

/* ---------------------------------------------------
box2 サブ写真
--------------------------------------------------- */
@media screen and (min-width: 1000px) {
  #box2 .box_p {
    height: 60vh;
  }
}
@media screen and (max-width: 999px) {
  #box2 .box_p {
    height: 100vh;
  }
}
@media screen and (min-width: 1000px) {
  #box2 .box_p .box_pin:nth-child(1) {
    z-index: 1;
  }
}
@media screen and (min-width: 1000px) {
  #box2 .box_p .box_pin:nth-child(2) {
    left: 22%;
    bottom: 0;
    z-index: 0;
  }
}
@media screen and (max-width: 999px) {
  #box2 .box_p .box_pin:nth-child(2) {
    right: 0;
    top: 4%;
    z-index: 1;
  }
}
@media screen and (min-width: 1000px) {
  #box2 .box_p .box_pin:nth-child(3) {
    top: 0;
    right: 23%;
  }
}
@media screen and (max-width: 999px) {
  #box2 .box_p .box_pin:nth-child(3) {
    right: 9%;
    bottom: 33%;
  }
}
@media screen and (min-width: 1000px) {
  #box2 .box_p .box_pin:nth-child(4) {
    right: 0%;
    top: 0%;
  }
}
@media screen and (max-width: 999px) {
  #box2 .box_p .box_pin:nth-child(4) {
    left: 0;
    bottom: 20%;
  }
}
@media screen and (min-width: 1000px) {
  #box2 .box_p .box_pin:nth-child(5) {
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box2 .box_p .box_pin:nth-child(5) {
    left: 13%;
    bottom: 0;
  }
}

/* ---------------------------------------------------
box3 サブ写真
--------------------------------------------------- */
@media screen and (min-width: 1000px) {
  #box3 .box_p {
    height: 50vh;
  }
}
@media screen and (max-width: 999px) {
  #box3 .box_p {
    height: 100vh;
  }
}
@media screen and (min-width: 1000px) {
  #box3 .box_p .box_pin:nth-child(2) {
    left: 18%;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box3 .box_p .box_pin:nth-child(2) {
    right: 0;
    top: 17%;
  }
}
@media screen and (min-width: 1000px) {
  #box3 .box_p .box_pin:nth-child(3) {
    right: 24%;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box3 .box_p .box_pin:nth-child(3) {
    left: 0;
    bottom: 15%;
  }
}
@media screen and (min-width: 1000px) {
  #box3 .box_p .box_pin:nth-child(4) {
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box3 .box_p .box_pin:nth-child(4) {
    right: 10%;
    bottom: 0;
  }
}

/* ---------------------------------------------------
box4 サブ写真
--------------------------------------------------- */
@media screen and (min-width: 1000px) {
  #box4 .box_p {
    height: 60vh;
  }
}
@media screen and (max-width: 999px) {
  #box4 .box_p {
    height: 120vh;
  }
}
#box4 .box_p .box_pin:nth-child(1) {
  z-index: 1;
}
@media screen and (max-width: 999px) {
  #box4 .box_p .box_pin:nth-child(1) {
    z-index: 0;
  }
}
#box4 .box_p .box_pin:nth-child(2) {
  z-index: 0;
}
@media screen and (min-width: 1000px) {
  #box4 .box_p .box_pin:nth-child(2) {
    left: 20%;
    bottom: 17%;
  }
}
@media screen and (max-width: 999px) {
  #box4 .box_p .box_pin:nth-child(2) {
    right: 0;
    top: 17%;
    z-index: 1;
  }
}
@media screen and (min-width: 1000px) {
  #box4 .box_p .box_pin:nth-child(3) {
    top: 0;
    right: 26%;
  }
}
@media screen and (max-width: 999px) {
  #box4 .box_p .box_pin:nth-child(3) {
    left: 0;
    bottom: 26%;
  }
}
@media screen and (min-width: 1000px) {
  #box4 .box_p .box_pin:nth-child(4) {
    right: 0;
    top: 8%;
  }
}
@media screen and (max-width: 999px) {
  #box4 .box_p .box_pin:nth-child(4) {
    right: 0;
    bottom: 23%;
  }
}
@media screen and (min-width: 1000px) {
  #box4 .box_p .box_pin:nth-child(5) {
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box4 .box_p .box_pin:nth-child(5) {
    right: 15%;
    bottom: 0;
  }
}

/* ---------------------------------------------------
box5 サブ写真
--------------------------------------------------- */
@media screen and (min-width: 1000px) {
  #box5 .box_p {
    height: 60vh;
  }
}
@media screen and (max-width: 999px) {
  #box5 .box_p {
    height: 100vh;
  }
}
@media screen and (min-width: 1000px) {
  #box5 .box_p .box_pin:nth-child(2) {
    left: 18%;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box5 .box_p .box_pin:nth-child(2) {
    top: 23%;
    right: 0;
  }
}
@media screen and (min-width: 1000px) {
  #box5 .box_p .box_pin:nth-child(3) {
    right: 24%;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box5 .box_p .box_pin:nth-child(3) {
    left: 0;
    bottom: 5%;
  }
}
#box5 .box_p .box_pin:nth-child(4) {
  right: 0;
  bottom: 0;
}

/* ---------------------------------------------------
box6 サブ写真
--------------------------------------------------- */
@media screen and (min-width: 1000px) {
  #box6 .box_p {
    height: 60vh;
  }
}
@media screen and (max-width: 999px) {
  #box6 .box_p {
    height: 120vh;
  }
}
@media screen and (max-width: 999px) {
  #box6 .box_p .box_pin:nth-child(1) {
    z-index: 1;
  }
}
@media screen and (min-width: 1000px) {
  #box6 .box_p .box_pin:nth-child(2) {
    left: 30%;
    top: 0;
  }
}
@media screen and (max-width: 999px) {
  #box6 .box_p .box_pin:nth-child(2) {
    right: 0;
    top: 10%;
    z-index: 0;
  }
}
@media screen and (min-width: 1000px) {
  #box6 .box_p .box_pin:nth-child(3) {
    right: 20%;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box6 .box_p .box_pin:nth-child(3) {
    left: 0;
    bottom: 17%;
  }
}
@media screen and (min-width: 1000px) {
  #box6 .box_p .box_pin:nth-child(4) {
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box6 .box_p .box_pin:nth-child(4) {
    right: 10%;
    bottom: 0;
  }
}

/* ---------------------------------------------------
box7 サブ写真
--------------------------------------------------- */
@media screen and (min-width: 1000px) {
  #box7 .box_p {
    height: 60vh;
  }
}
@media screen and (max-width: 999px) {
  #box7 .box_p {
    height: 120vh;
  }
}
@media screen and (min-width: 1000px) {
  #box7 .box_p .box_pin:nth-child(2) {
    left: 26%;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box7 .box_p .box_pin:nth-child(2) {
    right: 0;
    top: 28%;
    z-index: 0;
  }
}
@media screen and (min-width: 1000px) {
  #box7 .box_p .box_pin:nth-child(3) {
    right: 25%;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box7 .box_p .box_pin:nth-child(3) {
    left: 0;
    bottom: 17%;
  }
}
@media screen and (min-width: 1000px) {
  #box7 .box_p .box_pin:nth-child(4) {
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  #box7 .box_p .box_pin:nth-child(4) {
    right: 10%;
    bottom: 0;
  }
}

/* ---------------------------------------------------
この秋のおすすめ小物
--------------------------------------------------- */
#goods_box {
  background-color: #F2F2F0;
  padding: 70px 0 0 0;
}
#goods_box p {
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #goods_box p {
    font-size: 40px;
    line-height: 37px;
  }
}
@media screen and (max-width: 999px) {
  #goods_box p {
    font-size: 30px;
    line-height: 37px;
  }
}
@media screen and (min-width: 1000px) {
  #goods_box p .g_t1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 999px) {
  #goods_box p .g_t1 {
    font-size: 20px;
  }
}
#goods_box p .g_eg {
  font-size: 12px;
  color: #8D8D8D;
}
#goods_box .g_m {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px auto 50px;
}
@media screen and (min-width: 1000px) {
  #goods_box .g_m {
    width: 40%;
  }
}
@media screen and (max-width: 999px) {
  #goods_box .g_m {
    width: 90%;
  }
}
#goods_box .g_m li {
  background-color: #fff;
  text-align: center;
  font-size: 20px;
  padding: 15px 20px;
}
#goods_box .g_f {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#goods_box .g_f .img {
  position: relative;
}
@media screen and (min-width: 1000px) {
  #goods_box .g_f .img {
    width: calc(100% / 4);
  }
}
@media screen and (max-width: 999px) {
  #goods_box .g_f .img {
    width: calc(100% / 2);
  }
}
#goods_box .g_f .img .plus {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 20px;
}
@media screen and (max-width: 999px) {
  #goods_box .g_f .img .plus {
    width: 15px;
  }
}
@media screen and (min-width: 1000px) {
  #goods_box .g_f .img:nth-child(5) {
    width: 50%;
  }
}
@media screen and (max-width: 999px) {
  #goods_box .g_f .img:nth-child(5) {
    width: 100%;
  }
}

/* sass読み込み
---------------------------------------------*/
/*
* iziModal | v1.6.0
* http://izimodal.marcelodolce.com
* by Marcelo Dolce.
*/
.iziModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: margin-top 0.3s ease, height 0.3s ease;
  transform: translateZ(0);
  box-sizing: border-box;
}
@media screen and (max-width: 999px) {
  .iziModal {
    width: 75%;
    bottom: 0;
  }
}

.iziModal * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.iziModal::after {
  content: "";
  width: 100%;
  height: 0px;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#59000000",GradientType=0 );
  transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  pointer-events: none;
}

.iziModal .iziModal-progressbar {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  z-index: 1;
}

.iziModal .iziModal-progressbar > div {
  height: 2px;
  width: 100%;
}

.iziModal .iziModal-header {
  background: #88A0B9;
  padding: 14px 18px 15px 18px;
  box-shadow: inset 0 -10px 15px -12px rgba(0, 0, 0, 0.3), 0 0 0px #555;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.iziModal .iziModal-header-icon {
  font-size: 40px;
  color: rgba(255, 255, 255, 0.5);
  padding: 0 15px 0 0;
  margin: 0;
  float: left;
}

.iziModal .iziModal-header-title {
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.iziModal .iziModal-header-subtitle {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  line-height: 1.45;
}

.iziModal .iziModal-header-title, .iziModal .iziModal-header-subtitle {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Lato", Arial;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.iziModal .iziModal-header-buttons {
  position: absolute;
  top: 50%;
  right: 10px;
  margin: -17px 0 0 0;
}

.iziModal .iziModal-button {
  display: block;
  float: right;
  z-index: 2;
  outline: none;
  height: 34px;
  width: 34px;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0.3;
  border-radius: 50%;
  transition: transform 0.5s cubic-bezier(0.16, 0.81, 0.32, 1), opacity 0.5s ease;
  background-size: 67% !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
}

.iziModal .iziModal-button-close {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZCQkIzQ0I0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZCQkIzQ0M0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkJCQjNDOTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkJCQjNDQTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgTJLcAAALJSURBVHja3JnLS1VBHMfvQ7g9dBXRRrwEFRciAhMi1JRW1aIHVEIYEkW0iVpUhOD/ICK6cFMgSbUpC6VFkQa9NtpjkauriRY9Noa3pHT8/mIODMM5Or85o87pC5/NPf5mvmc8M7+Z36SFEKkY2gj2gUawF2wHW8A6+fwv+A6KYAQMg+dg2rbDtKXhGnAaHJIms4zYz9J4HxgAf1g9k2EGteAhWBBuNApaQNrUg6nRTaAbzIuV0RCocWW4DoyJlVcJXI5ruFk2tJqi/2TWxvA5sXbqA2Ucw01i7dVjargazAo/dE33p6/DlAheg50pP0SJpwG8CH7IaH/Q5pFZUhnoArkwwwVwJeWfdoMLYYZvqG+yTGo9CerAoIWBT+A4qAdPDWOugwo1NVcxJtpFZRLkwH3GJCqCghJfxVjnz1JMMMKnwAbGRAg0B5rAA4O4CblZ+qj8tkBjZthvSzDCtFIMM0ZpQhslk5Eej4jpZ/T7G+ygwG1ghrk+jjNMFy1eMPJzpOAzlou6iWmXZkm91EBHjEwUZXoQTDk2SxqhRh7HTJ9hpstB3rFZ0ldq6J2DnB9m2rXZfxOPlrX1DrJRXiaBXSHPaMHvB0cd9JPLpBImMvzLQTuUFA6A9yHPfoIjhsllOc1l5N4grtmDWgYrl5+JTUZcSjNkeMyxWdpA3ZN72IJj01OJTByJS82J2/wQVxmB5y1HK8x0JWMf/kzdD98FJcY5S51gdwyTQl6eUAraspo27PeWXgy8afim0+CELAwOWHyH9EkdkyWwJ4Yxk6BCP+bTm48anutWW5dAp34IpbW03UOzb0FPVEHbx0LKfvAyqpAyKw97JU8Mt6pml6rAJ6oY6Eu5NfvfF7QTeWWQyEsZr6694lwsNoPD8mKRo29gCNwGj7gXi7aGA1EBcY+8vq0GW8FmJb3Pgx9gEnwAr8Ab8MW2w0UBBgAVyyyaohV7ewAAAABJRU5ErkJggg==") no-repeat 50% 50%;
}

.iziModal .iziModal-button-fullscreen {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTBBOUI4RUM0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTBBOUI4RUQ0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMEE5QjhFQTRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMEE5QjhFQjRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrQO6gAAAANmSURBVHjazJlbSBRRGMd3x92i0ForRRMiKiUoX4ouiFlJkRVBDxW9GJERwUasvdRT9FD00osRQtAFqegGBUHRBY0uaCVKEkSRpVR0tSwrQtp1+p/4Bk7D7M45M/Ot/uGHu+Psmf+c+eY753wnbJpmyIfGgvmgiv6WgkKQBwzwE3wBr0AnuAta6ZgnhT0aFuY2ghoyGdH4bS+4Dc6CZjCkdWVhWIPF4JoZnB6CDToeVE8sBidNPt0E5UEZrgG9Jr8GwHa/huMgaWZXDSDsxfBuc/jUBAwdw3Fz+NWoang5SJkjQwm7P3seLqQEX2LLfgfBdZcMORMcBqNDwekPqASP0uXhpjR3Ok0x/fUw9HIHGGVdw5DuRtzJpgxDsJui2qOWmuaAOuuLbHivz4YLwLgQj/aAXNmwuItlHhtbA7pAG5jEZHgKWCcbrhUTIY+NPQVjqFFObbYMi/hc6aOhl2AJ9TKnFoIyYXgemKEzJQXVVkyR3oFVzKZFuqw2qHdyFPKhrHPgMoWC3fRjRtNVVg+7SR5IiqmXxUt60cG0CK/vTIZniZVCmcKJF0C3ZNjKBqvJ9Hrwm46tsN1EkCoRQ/M3fBjvs6GrYAvdwHEfGcd1qBaGkwoxrKI+xjz83yJ0iLFHApd46X4xX+M+WECh4lepCNUIcpnMijrEWtAvTRHrbOd8FZNG8uA2Nf0hpmwtjBPwpQ5T0GPS/+tBAZhIq+b3Lu09EyHRwRgO+0C+7dhWcII+PwCf6Sk/Aa9d2vtn+A7nyASugJiD6YSDQcOlvVbxiCaAN8xrs3sgprBiac/QhlhnzjUo6JuZM0UlDS5FPtoQIdNlPYJTWUihFaDex+9Pg6T1KHJAJ2NI7ASllA28hEQ/KJIXoSlwgKlnh+jFe+GjLtwIPtjfyktUt+UaUZWqvw7H3oJD1peI7eQdoF1xWa+zQikHH13OmwqmOxxP0EiZtgK/DRwNuIcHwSeXc2K01WAPhbhKBb5hBNTVbskVH7fqpZGhbJUNtYF83fqwQSXPbOsGjb6etwx2gcEsmT3iFAZeNmUqaMeHSz2qu0k6W15Rqsx3B2i0D+xXGAHTFrRVlEeFuVoqH+ku6VNUbDkPzlAtg30nVK66i8rRIjAbTKaSQVQyN0DD6nOqcLZQld9TLfmvAAMAeMcvp3eCFqQAAAAASUVORK5CYII=") no-repeat 50% 50%;
}

.iziModal.isFullscreen .iziModal-button-fullscreen {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkFFRTU5NDA0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkFFRTU5NDE0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQUVFNTkzRTRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQUVFNTkzRjRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuDFfX8AAANASURBVHjazJlZSBVRGMfHcWlB0xZM68GKukQLYaGkmEUR2EsvRfQS+BSJPUQE+lTR8hqIZY8hFS0ERVCRoW3gpUApghYpszLTVnCB3O70/+K7MAwzc78Z58z4hx8XzpzvzJ+Zc+d85ztphmFoU9BsUAoq+XcFyAc5QAfD4BfoBp3gCWjnNl9K82mYzO0FVWwyw0NsD3gIroBWkPB0ZzLsgc3grhGcnoE9XjxIOxaCC4Y6tYC1QRmuAj2Geg2CA1M1XAsmjHDVANL8GK4zolMz0L0YrjWiV5PU8HYw6TBIf8imD6UynA96HYKPg3mgMUTDY6DUzXCzQ+AxSz+r6QEQZz4HbLoDZNkZrnAIoOlRZjN1Gk3XS0zty/gTFaRq7Ay3uAR8BcU2ps/z9QJTWw74HrDhTyDbbHg9SKQI+sb9rKa3mV8ZmAt+KJjP1TS+zinFPkqEUqQdBeAOKLa0UwIzpqlXtcYpIKWIO4RBZPoRKNfC10YQI8MlYLkwaAB8ABsiMDwDbKU8dgtIFwRMgJ3guRadKpNPWBMa7tOi1WoyHJPuTsC4oN+IQsOLM3gPJlEWqOE/neMGBqwDeYoMz6G8c0I4h6eFyHBC8A2eVoaH8JutaPwuUA/+uvSht1sHKgTjTWZwjUCVYdrK3xT0iwkND+lc5FClUQ9fINHCRYY7FBrWPSz5Er2lAR9H9P+hpfYGl64OCmPadQ7ojcDwOJetysBMQX/6mrWS4d+cIoYtMnAEnBT2fwVeJufYxZBMFoKFlrajQtOX/uczvEtIB50Kdgn1lt3JGdANltjsXE64jPMnuQ1LPuFJcFrBE11gzQXAUnAPFNk86esO4zSBfmu5lVa9toCf8DC4Ba6C22DEdO01KDLdP5fLr1Z94X2ibV1ilWVQ1XrDpvPAU4c+u1KVqvaHXI7q43ltp3PSYmDDNCgGPrCUD1wN6y5lqzAUN89baX1Y55Jn2LrPRUffRwaHwWhIZs/aTQM/hzLlDp+coPRReprk5cgrkyvz7wM0+hOcAvOlPvwcLNIp526ux1H5aJbHeFpVX4Br4LLXWoffk9CkVnLlaBNYAxaBXJBpMjfIy+o7EAdtfIyb8HPDfwIMAM1WPs8F9tcxAAAAAElFTkSuQmCC") no-repeat 50% 50%;
}

.iziModal .iziModal-button-close:hover {
  transform: rotate(180deg);
}

.iziModal .iziModal-button:hover {
  opacity: 0.8;
}

.iziModal .iziModal-header.iziModal-noSubtitle {
  height: auto;
  padding: 10px 15px 12px 15px;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-icon {
  font-size: 23px;
  padding-right: 13px;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
  font-size: 15px;
  margin: 3px 0 0 0;
  font-weight: 400;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
  right: 6px;
  margin: -16px 0 0 0;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button {
  height: 30px;
  width: 30px;
}

/* RTL */
.iziModal-rtl {
  direction: rtl;
}

.iziModal-rtl .iziModal-header {
  padding: 14px 18px 15px 40px;
}

.iziModal-rtl .iziModal-header-icon {
  float: right;
  padding: 0 0 0 15px;
}

.iziModal-rtl .iziModal-header-buttons {
  right: initial;
  left: 10px;
}

.iziModal-rtl .iziModal-button {
  float: left;
}

.iziModal-rtl .iziModal-header-title, .iziModal-rtl .iziModal-header-subtitle {
  text-align: right;
  font-family: Tahoma, "Lato", Arial;
  font-weight: 500;
}

.iziModal-rtl .iziModal-header.iziModal-noSubtitle {
  padding: 10px 15px 12px 40px;
}

.iziModal-rtl .iziModal-header.iziModal-noSubtitle .iziModal-header-icon {
  padding: 0 0 0 13px;
}

/* LIGHT THEME */
.iziModal.iziModal-light .iziModal-header-icon {
  color: rgba(0, 0, 0, 0.5);
}

.iziModal.iziModal-light .iziModal-header-title {
  color: #000;
}

.iziModal.iziModal-light .iziModal-header-subtitle {
  color: rgba(0, 0, 0, 0.6);
}

.iziModal.iziModal-light .iziModal-button-close {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyQTU1RUZDNzRFODQxMUU2ODAxOEUwQzg0QjBDQjI3OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NEM4MTU1MEI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENDMkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZjYzMwMmE1LWFlMjEtNDI3ZS1hMmE4LTJlYjhlMmZlY2E3NSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdmYmU3NGE3LTAxMDUtMTE3YS1hYmM3LWEzNWNkOWU1Yzc4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po24QssAAANtSURBVHja3JlJaBRBFIa7ZxyTSXADHUkikuAawZNLEOOGGrwJQYko8R4RBQ+OICoqghJQUVwPYjzFY0QUBQU1kogoKO6CG0pcIwbiNibj/8JraNvu6Xo9NTOtP3xzSKe6/65+Ve9VlWlkp2IwGUwFE0E5GA4G8/U+0APegWfgHrgPuq0bpNNp0QPNgEYngHlgGpuMCNp2s+kr4BYM/8ql4WqwHEzP4mXteg7awOW0YlerPnQIaARLNBl1ikLlBDw/1WF4ClgHKozc6idogekz2RheANbaBlE+dB4chfF+qeHF3LOF0FWwF6b7nBe8RvecApolzQVr3C64GR4H1huFV51pmvV+hikRbABFRji0GqarMxluAGON8CgKmmA65mZ4DFhqhE9VPP//ZXgZiCmm1t1gI6XWAAY+gF0gCe4qtqlHL8fthkeBWsXGreA6eMgPviEw+x5sBZ3gAdjPCcNPI8Fsu+FawUCzz40psEfRNJndBl7b/pZmVLTQMkzJo0bQSys43iWm3cxS+DUJOmoSwqKCRmEZWKkYv6RSMBPc5lqXRGm0A1Q6XiaT2aSwo8jrK/qZwZlFIlXTusxa6iXDddTdARpnMj2ek9AWjWYH7h/lubcs4A28THdyAdOl0ezAmKNBNyLLiT0Btjti9zuHg06zpJKIprohwXNypcu1OIdGjYbnxCLGPyYy/EPDfejzbwYvXK59AzuFGdFLKTL8WYNZ59RVzGESJCNm0teI40E6zNIA2wSaA2REP32iaW0omKXRbJKTUVyYEVV0J8oxvEiQmiUZrFSz6XNkuJe3nBKCelaSbjOZrhLsd1BInYxweSeJq9YA6dYtuZCBI4JZ6jGW/W+sebhd0DAaMIO5mTYFW1+X6GeQ7TO3W0WyQj3cw0ulBg4nSUbcAY7zPVYp7ip95FXOH29Hb35AOPjypWMIh7PORSjFZVsIzdKW7AWvfYnTVNWHyCytHw+jd1Nehqks3KepvtChUzD7yGvE2/cduqxldQF1EWZb/PbWLF3jAVgo0WrlkN+c6hSd+rzlaSuaR7O0oX0wyIa2pVAdGaj0HCUVOqIq4dVwrg5lmmG2w+8f/9tjL6foYHE+Gy8Xtv3CPUpf7WauDxadKuIwoeNbOmoYDYbZ0ns/1wxUC7ykigs8sS/LpEe3vwUYALiKDDDSgEiSAAAAAElFTkSuQmCC") no-repeat 50% 50%;
}

.iziModal.iziModal-light .iziModal-button-fullscreen {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQTg1NTA2NTRFODQxMUU2OTQ0N0VERjY2Q0M5ODYwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTNFNENCQkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENCQUI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFlNTQwYzczLTVhZmEtNDJlYi04YzJlLWMwMzFlYmFiYmIyNiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVkYmRiMzM1LTAxMDUtMTE3YS1hYmM3LWEzNWNkOWU1Yzc4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvIicdUAAAOvSURBVHjaxJlZbA1hFMe/qaItUUsspakg1laJ7UUisQuRvvTFA15sQSRCLBFrQryhHqxNHxEPtaQ8CCUkIrVVRbVBJdZYSrXVonr9/3pGxnTunZk78/X+k1+aO+1899/vnnvO+c4YKpi6ghEgW34OBD1BKjBAM6gH78Fz8BhUyrW/ikQivt7QiNMozU0DE8RkJx/3fgCPwA1QHvHp2K/hHJAPJqpwVA2K4flW2IZ7gyVgptKjh6AQxl+GYZi7uRr0U3rVBIpg+nIQwwvACpCkOk4XwYlosR3LMGN1qUqMroGDTqaNGDu7SiVWl+D3iP2i00c9HqxUidd8wzDy3HY4HRwCfWzXz4L7Lm+QKfHeOUTTLWAzdro6muH1YIbDjculWrmpUEM2YYXcCNMt9pAYE8WsWYLdlAxaNYTGMDDHKYYXBVy4B0jTFM/5iOcUc1fM/2JcnItNAYtBNzGtQ33BVHDV3OHpARqhV6CLLKpTs8yQYHxOCrDQO7AV1Gg2PBJhMYiGh4MMnx1eLkixXKsFuzSbZrrMpeGxHnqFFtvrTWCbhILd9AuNpnPMHXaTtZD0kl1mRdwSxXSjJsNZfONjcmqIJR5p3lp6Y+sXrAzsBz/lNXvmtZYMFKbqafi0pKQgKpOSPhmsC5BxXEs1Fz4fUr/7TWMe/q9bC2s3tJs1Df/Q/B5PwAZwJYS1WpPlo0zRZJZziL2gQU7I1GyHL7QSD26taVOytI26DpinxKypApvpk+C6dHlMnXskbUbT1yTpN3WJHWB327UCS3hUoc+tA/VyxP/ost5rGq7QWZnAdoe0eZgnYweDbgmgkoafgk8aTfNgsMNmmqfhC+Czj3V4T3mSBH255kxB0ztd4tNNDJkas2CUdkAKHQ3yAtxfijj/bdb7Cumyhmoyexzcs6Qwv2qUbPKvJDOtnNFklrF3R5qneA2XYHe/2A+ht1Xb3FZXRY1XTAjFTgtxJ45qKtWDpZK1g6dhIQuvBzjcy8FgQ6y8Nw+sCdnwL1Dn8jdMe6m2a+3ma9ESNUdOC1VixSH3bnPiYyraswnO0fqDIQkyW8WmCWab7b+I9TCF3+x0j2e+MPUA7LPGrVfD1F3VNsrPVR0zhS8BB5x21muzYa1Sy1Tb4y4d4qOwIi9Pk/wcj1gV50p5zQjJKAsJH8KcY4vpdYrjV0w9HMxxHjfKNpfwdMyRNuAmyy2M1vq5OegBNFMmR9lSHDizSLPMJGjuO2BZfSOtLKvpMylUvh/d/hFgAOH4+ibxGTZuAAAAAElFTkSuQmCC") no-repeat 50% 50%;
}

.iziModal.iziModal-light.isFullscreen .iziModal-button-fullscreen {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyRUUxMkYxODRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTNFNENCRkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENCRUI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzM2MwOWZiLWJjOTEtNGVlZS05MDM1LTRkMmU2ZmE1ZjBmMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRUUxMkYxODRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv1Q9Z8AAAOXSURBVHjaxJlLbA1RGMfPjIs+EvoIRYt4FVUl2EkkRTxKUqQbG0SEho2FjUQ8YtEICbEgTdFYeK1KaGvVeoUltyStt0UlNE17aWhV2+v/9X5XJpMzc8/0zpn5kl+aO3Nm7r/fnPu9xhDp2URQDJbw3xkgB2QCAwyAPvANfARvQDsfG7V4PO7pC40xCiVxa8AKFjnOw7VdoA08BtG4R8VeBZeCKrBS+GPvQAM0P/NbcB7YBdYJPfYKXIXwL34IJm8eBFOFXusH9RDdnI7gLWA/MEVwdh/UOe1tN8G0V3eLcKwFXJCJNl08G5ZYsrWgWnZCJng5OOBwo1iAoisMw6hMJXgyOOywVW7xj+9BgKL3QHSxm+C9IF9y4U2GMlStRPQP8Jbp9lFwhJwE0RHrgaSV8N6xG238l7Zjtfx3K58/Bd7zsWngIqdnP2we2ACa7B7e6RL6joK5EtHNfL7b5u1Bn7dGFbycYRVM/8WyFJnuJK+z2iVwzFrMcF1h+Cx4ClhtFVyu8CW54ITE01EwFMAPcH1SMJWIqxQvItE1YHEIsXkhtkUhCV4ApiteFOPadn4IgseDMooSSxVrhWFwmkvCsKw06WGhKLhHhGuzSHChh9pZ5cc1oFFwfoTTsWrWqQCvXdZQEpkDsjUJziSv3Qu43k3LTA1BXqvRY/4DMjTd/yu4niJVm9wslCjcb4QE/9Qo+Al44baAmgpKCIqC+01OBLrsr8/de8zkiYwuUxWSq7iuM8JhantIqfYItkOepKBysnbycIfPXYKqURL6DhaBCQrrKcZHTa5loyEIJgHXwG3F9TQV+pxMGK0BiaTHn2OLEjcURbdi7XBSMO3jTxoEjtg+7wDnhG3spSD6F3hk7Tjoxnc0CJ5k+5wFCrhplYl2mmI24nyvvWumAE9z2zIfBW8WifnxIHc2yb6xiHtEoms0/hlGtpAPHCkgNDjFyZngPN88COvkPpEe+XGHbFcD7z53C+ybwKEAo0UPZ8QCybkmiL3sNvkheygSI08RYOSQiaUhd52sUpIZLWwJsYqkkdcZeHfIS66nc9XcZQRpNBY7C7F9Yy1OtonErDgSgNhGcEXmWa/VFA1O9onE6y4dRqGtXuVtkpf2iDy8EVR6GLykMnrsNFC867QF0hH8v3MVicFcuYdKy56uqQx4SukWQj3NOtJtQIt4ckSvbmdziMqy7HcS9xv0cn/Xwdn0A1drnl/d/hNgAGQa6Lgarp6BAAAAAElFTkSuQmCC") no-repeat 50% 50%;
}

.iziModal .iziModal-loader {
  background: #FFF url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
}

.iziModal .iziModal-content-loader {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;
}

.iziModal .iziModal-content:before,
.iziModal .iziModal-content:after {
  content: "";
  display: table;
}

.iziModal .iziModal-content:after {
  clear: both;
}

.iziModal .iziModal-content {
  zoom: 1;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  /*overflow-y: scroll;*/
}

.iziModal .iziModal-wrap {
  width: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.iziModal .iziModal-iframe {
  border: 0;
  margin: 0 0 -6px 0;
  width: 100%;
  transition: height 0.3s ease;
}

.iziModal-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.iziModal-navigate {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

.iziModal-navigate-caption {
  position: absolute;
  left: 10px;
  top: 10px;
  color: white;
  line-height: 16px;
  font-size: 9px;
  font-family: "Lato", Arial;
  letter-spacing: 0.1em;
  text-indent: 0;
  text-align: center;
  width: 70px;
  padding: 5px 0;
  text-transform: uppercase;
  display: none;
}

.iziModal-navigate-caption::before, .iziModal-navigate-caption::after {
  position: absolute;
  top: 2px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 14px;
  font-size: 12px;
  content: "";
  background-size: 100% !important;
}

.iziModal-navigate-caption:before {
  left: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNmFjNjAyMy04OWU0LWE0NDAtYmMxMy1kOTA5MTQ3MmYzYjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDREQ0YwRjA1MzQzMTFFNkE5NUNDRDkyQzEwMzM5RTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDREQ0YwRUY1MzQzMTFFNkE5NUNDRDkyQzEwMzM5RTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmNmM0Nzk3Ni1mNzE3LTk5NDAtYTgyYS1mNTdjNmNiYmU0NWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowZGVmYTEyZC01MzM0LTExZTYtYWRkYi04Y2NmYjI5ZTAxNjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7oo0ptAAACWklEQVR42uyZTWsTYRSFZybxo4kWk5g2NC5qTAU3Kq30A9udi1oXolV/hWuhv6R/Q6utioi4LbbVFHemamlRU0OCEk0wZjwXzwtDoBDopHMHcuFJMplZnLm5ue+589qu61qeOApyYAjEgG0FEyLqN/gKiqBuTtgewWlwCZw056xgwwirgU3wxSv4NJgCUV5YBRXQDEhsBJwCSSauBVZFdJRlIJk9Av7wbj577jDIOENtRmPVwcsw6KfAAvikRKzEDlhnhuU/lRPBWaa9wsxqC6ndPX7OiOA4D8qW3vjO9z7H0w3+KhZstNmOFbLoCQ6DYGmL+bAInmGfLFC4asFXwRJIgB+goVmw+I7HXO+/gevGnGgUPEGxktkSmAMbWmt4HDwBKS6XN1jDKrvEFYoVK7oLroE3h93Woh1eNwqWafJ/gQV65vM+ail34mc6EZwBK2CAx8fAIjjeBYMzDT4cVHCEXtRbRvEu/Nr9HCIOnGGp15vgEec9KYn74B0nAT/CZnv86FcNvwK3wENwAjwAs2Bbs5d4CW5zir0AXvv8p+tKH34B5lkW4h2egRHtbu05uMMHHWfB0zC4NRF5l09kzvE4rd2tyUJyjy4tz7akZqXbL8QETbJ/FsMgWOJtb6brCQ5YsBsC8Uab63DVkkgqFpzie93h8OhScFah2LTHi5ccWroaLd5l6//+hpYQoWP05LKqFs2WQYbTsNxAi+5fxpWmdfh7HS7XhwSzG+H3a2JnvZsyktmLbdOFhpDMvrf4sN1u2/aK0cwMcmYLcturweceW+CnOfFPgAEA8uWFFylBJYoAAAAASUVORK5CYII=") no-repeat 50% 50%;
}

.iziModal-navigate-caption:after {
  right: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjI2YWM2MDIzLTg5ZTQtYTQ0MC1iYzEzLWQ5MDkxNDcyZjNiMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NERDRjBGMDUzNDMxMUU2QTk1Q0NEOTJDMTAzMzlFMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NERDRjBFRjUzNDMxMUU2QTk1Q0NEOTJDMTAzMzlFMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmY2YzQ3OTc2LWY3MTctOTk0MC1hODJhLWY1N2M2Y2JiZTQ1YyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkZWZhMTJkLTUzMzQtMTFlNi1hZGRiLThjY2ZiMjllMDE2NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuijSm0AAAKbSURBVFhH7ZnJj0xRGEerzFoIMTaCZmOIedhaiJj55yz8DaYdNhIJEUMQbCTG3rQ02hDSiEY553XdTpHS3nv96taV9ElO6lVt6peb7933fffVG41GrYW5uBaX4EysYzcw1Fd8hc/wM2a0Bl6Nm3BW9i0dDPsQX/olBF6FO72AH/gG3+N3jL3KBpqGC3ERTsGfeAsHDTyHi71oCXzBe/gaU2A5bscZOIxXTb8OLQNX9i6mElYsg/voqruwfQb2BhODWgqpMYDv0NLsNXC4yd42P1PEwNJj4HBTWdipErLVDfxfMRm408QMvBu3jV6WJ1Zg9/rbeBOP+UNZYgX+iE/Rp+lpPIKliBXYB9IhtPNy3z/T/F6YmDXsChvyBc7Gs3gACxEzsDzBg9iPPXgO92NuYgeWx2h3+AhtaM7jPsyF7aV37XR8gNZYO/pwKY51+xPkG27Fk2joT3gCr2A7NuJ6HMkTeAPadlp3VeMChF7G0P6X3dmfjAXOUxIj6LZkv1ylNuStDZejkL+PS96ScFzRqnDAtI5PoTefvbg7iNNOOwqVRCfYghdxBbpHH8Y7+DcKlUTV7MLLaNghPIrjhf2N2IF34AVcjE44hrXHyE3MwE6/loEzpEcIlqKjeyFiBe7FS+he/gENewMLEyuwXdo8dGWP43UsRazA9g7uDNbwNX8oS8watlsz+ISIGbgSJgN3GgOHlnFq8zNFQraGgT1iFc9iUyU0XsMGHhy9zh6XbvCp4ZuBBWglDBj4OdqLeu0+uRJTwMZ+Dbp/e21P3m97yWe2snsw1LTHmz5C/9lQdwhfGbiq89GwvrrwUT4UAouhN6MzloTRpVuEYI5O9urZYXtrYPGQw2OlZegM163QhrJMfWVgyTq0Qq32C/N7uPz9OknWAAAAAElFTkSuQmCC") no-repeat 50% 50%;
}

.iziModal-navigate > button {
  position: fixed;
  bottom: 0;
  top: 0;
  border: 0;
  background-size: 100% !important;
  cursor: pointer;
  padding: 0;
  opacity: 0.2;
  transition: opacity 0.3s ease;
  pointer-events: all;
  margin: 0;
  outline: none;
}
@media screen and (min-width: 1000px) {
  .iziModal-navigate > button {
    margin-right: -290px !important;
    margin-left: -290px !important;
    height: 700px;
    width: 60px;
  }
}
@media screen and (max-width: 999px) {
  .iziModal-navigate > button {
    margin-right: -185px !important;
    margin-left: -185px !important;
    width: 40px;
  }
}

.iziModal-navigate > button:hover {
  opacity: 1;
}

.iziModal-navigate-prev {
  left: 50%;
  background: url(../images/download_left.png) no-repeat 50% 50%;
}

.iziModal-navigate-next {
  right: 50%;
  background: url(../images/download_right.png) no-repeat 50% 50%;
}

.iziModal.isAttachedTop .iziModal-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.iziModal.isAttachedTop {
  margin-top: 0 !important;
  margin-bottom: auto !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.iziModal.isAttachedBottom {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.iziModal.isFullscreen {
  max-width: 100% !important;
  margin: 0 !important;
  height: 100% !important;
  border-radius: 0 !important;
}

.iziModal.isAttached {
  border-radius: 0 !important;
}

.iziModal.hasScroll .iziModal-wrap {
  overflow-y: auto;
  overflow-x: hidden;
}

html.iziModal-isOverflow {
  overflow: hidden;
}

html.iziModal-isOverflow body, html.iziModal-isAttached body {
  overflow-y: scroll;
  position: relative;
}

html.iziModal-isAttached {
  overflow: hidden;
}

/* SCROLL */
.iziModal ::-webkit-scrollbar {
  overflow: visible;
  height: 7px;
  width: 7px;
}

.iziModal ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

.iziModal ::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.4);
}

.iziModal ::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}

.iziModal ::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 2px;
}

/* MODAL ANIMATIONS */
.iziModal.transitionIn .iziModal-header {
  animation: iziM-slideDown 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}

.iziModal.transitionIn .iziModal-header .iziModal-header-icon {
  animation: iziM-revealIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
}

.iziModal.transitionIn .iziModal-header .iziModal-header-title, .iziModal.transitionIn .iziModal-header .iziModal-header-subtitle {
  animation: iziM-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
}

.iziModal.transitionIn .iziModal-header .iziModal-button {
  animation: iziM-revealIn 1.2s cubic-bezier(0.7, 0, 0.3, 1);
}

.iziModal.transitionIn .iziModal-iframe, .iziModal.transitionIn .iziModal-wrap {
  animation: iziM-fadeIn 1.3s;
}

.iziModal.transitionIn .iziModal-header {
  -webkit-animation-delay: 0s;
  -moz-animation: 0s;
  animation-delay: 0s;
}

.iziModal.transitionIn .iziModal-header .iziModal-header-icon,
.iziModal.transitionIn .iziModal-header .iziModal-header-title {
  -webkit-animation-delay: 0.4s;
  -moz-animation: 0.4s;
  animation-delay: 0.4s;
}

.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle {
  -webkit-animation-delay: 0.5s;
  -moz-animation: 0.5s;
  animation-delay: 0.5s;
}

.iziModal.transitionOut .iziModal-header, .iziModal.transitionOut .iziModal-header * {
  transition: none !important;
}

/* ANIMATIONS */
.iziModal.fadeOut, .iziModal-navigate.fadeOut, .iziModal .fadeOut {
  animation: iziM-fadeOut 0.5s;
  animation-fill-mode: forwards;
}

.iziModal-overlay .fadeOut_close {
  animation: iziM-fadeOut 0.5s !important;
  animation-fill-mode: forwards !important;
}

.iziModal-overlay .fadeOut_close_2 {
  animation-fill-mode: none !important;
}

.iziModal.fadeIn, .iziModal-navigate.fadeIn, .iziModal .fadeIn {
  animation: iziM-fadeIn 0.5s;
}

.iziModal-overlay .fadeOut {
  animation: iziM-fadeOut2 0.5s;
  animation-fill-mode: forwards;
}

.iziModal-overlay .fadeIn {
  animation: iziM-fadeIn2 0.5s;
}

.iziModal.comingIn, .iziModal-overlay.comingIn {
  animation: iziM-comingIn 0.5s ease;
}

.iziModal.comingOut, .iziModal-overlay.comingOut {
  animation: iziM-comingOut 0.5s cubic-bezier(0.16, 0.81, 0.32, 1);
  animation-fill-mode: forwards;
}

.iziModal.bounceInDown, .iziModal-overlay.bounceInDown {
  animation: iziM-bounceInDown 0.7s ease;
}

.iziModal.bounceOutDown, .iziModal-overlay.bounceOutDown {
  animation: iziM-bounceOutDown 0.7s ease;
}

.iziModal.bounceInUp, .iziModal-overlay.bounceInUp {
  animation: iziM-bounceInUp 0.7s ease;
}

.iziModal.bounceOutUp, .iziModal-overlay.bounceOutUp {
  animation: iziM-bounceOutUp 0.7s ease;
}

.iziModal.fadeInDown, .iziModal-overlay.fadeInDown {
  animation: iziM-fadeInDown 0.7s cubic-bezier(0.16, 0.81, 0.32, 1);
}

.iziModal.fadeOutDown, .iziModal-overlay.fadeOutDown {
  animation: iziM-fadeOutDown 0.5s ease;
}

.iziModal.fadeInUp, .iziModal-overlay.fadeInUp {
  animation: iziM-fadeInUp 0.7s cubic-bezier(0.16, 0.81, 0.32, 1);
}

.iziModal.fadeOutUp, .iziModal-overlay.fadeOutUp {
  animation: iziM-fadeOutUp 0.5s ease;
}

.iziModal.fadeInLeft, .iziModal-overlay.fadeInLeft {
  animation: iziM-fadeInLeft 0.7s cubic-bezier(0.16, 0.81, 0.32, 1);
}

.iziModal.fadeOutLeft, .iziModal-overlay.fadeOutLeft {
  animation: iziM-fadeOutLeft 0.5s ease;
}

.iziModal.fadeInRight, .iziModal-overlay.fadeInRight {
  animation: iziM-fadeInRight 0.7s cubic-bezier(0.16, 0.81, 0.32, 1);
}

.iziModal.fadeOutRight, .iziModal-overlay.fadeOutRight {
  animation: iziM-fadeOutRight 0.5s ease;
}

.iziModal.flipInX, .iziModal-overlay.flipInX {
  animation: iziM-flipInX 0.7s ease;
}

.iziModal.flipOutX, .iziModal-overlay.flipOutX {
  animation: iziM-flipOutX 0.7s ease;
}
@keyframes iziM-comingIn {
  0% {
    opacity: 0;
    /*transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );*/
    transform: scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    /*transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); */
    transform: scale(1) translateY(0) perspective(600px) rotateX(0);
  }
}
@keyframes iziM-comingOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}
@keyframes iziM-fadeOut2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes iziM-fadeIn2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes iziM-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes iziM-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes iziM-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes iziM-slideDown {
  0% {
    opacity: 0;
    transform: scale(1, 0) translateY(-40px);
    transform-origin: center top;
  }
}
@keyframes iziM-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1);
  }
}
@keyframes iziM-bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -1000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes iziM-bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 1000px, 0);
  }
}
@keyframes iziM-bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes iziM-bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -1000px, 0);
  }
}
@keyframes iziM-fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes iziM-fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
}
@keyframes iziM-fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes iziM-fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
}
@keyframes iziM-fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-200px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes iziM-fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-200px, 0, 0);
  }
}
@keyframes iziM-fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(200px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes iziM-fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(200px, 0, 0);
  }
}
@keyframes iziM-flipInX {
  0% {
    transform: perspective(400px) rotateX(60deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes iziM-flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
    opacity: 0;
  }
}
.modal_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (min-width: 1000px) {
  .modal_flex img {
    width: 45%;
  }
}
@media screen and (min-width: 1000px) {
  .modal_flex .modal_text {
    width: 45%;
  }
}
@media screen and (max-width: 999px) {
  .modal_flex .modal_text {
    width: 100%;
  }
}
.modal_flex .modal_text ul {
  border-top: 1px solid #4D4B49;
  padding: 15px 0;
  position: relative;
  margin-top: 50px;
}
@media screen and (max-width: 999px) {
  .modal_flex .modal_text ul {
    padding: 10px 0;
  }
}
.modal_flex .modal_text ul::before {
  content: "";
  display: block;
  width: 20px;
  height: 3px;
  background-color: #4D4B49;
  position: absolute;
  top: 0;
  left: 0;
}
.modal_flex .modal_text li:nth-child(1) {
  padding-bottom: 15px;
}
.modal_flex .modal_text .credit .c_b {
  padding-bottom: 15px;
}
.modal_flex .modal_text .credit .c_b a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal_flex .modal_text .credit .c_b .buy {
  background-color: #4D4B49;
  color: #fff;
  padding: 5px 10px;
  font-size: 10px;
}

@media screen and (min-width: 1000px) {
  .iziModal {
    max-width: 800px !important;
    margin: 70px auto;
  }
}
@media screen and (max-width: 999px) {
  .iziModal {
    bottom: 0;
  }
}

.iziModal-navigate-prev {
  background: url(../images/download_left.png) no-repeat 50% 50%;
}
@media screen and (min-width: 1000px) {
  .iziModal-navigate-prev {
    left: 30%;
  }
}

.iziModal-navigate-next {
  background: url(../images/download_right.png) no-repeat 50% 50%;
}
@media screen and (min-width: 1000px) {
  .iziModal-navigate-next {
    right: 30%;
  }
}

.iziModal-navigate > button {
  opacity: 0.6;
}
@media screen and (min-width: 1000px) {
  .iziModal-navigate > button {
    width: 40px;
  }
}
@media screen and (max-width: 999px) {
  .iziModal-navigate > button {
    width: 35px;
  }
}

.batu {
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .batu {
    margin: 70px auto 0;
  }
}
@media screen and (max-width: 999px) {
  .batu {
    margin: 10px auto 0;
  }
}
.batu a {
  height: 100%;
  cursor: pointer;
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.batu a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}
.batu a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

/* ---------------------------------------------------
ホテル情報
--------------------------------------------------- */
.hotel_j {
  border: 1px solid #4D4B49;
}
.hotel_j .h_j_t {
  text-align: center;
}
@media screen and (min-width: 1000px) {
  .hotel_j .h_j_t {
    font-size: 40px;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 999px) {
  .hotel_j .h_j_t {
    font-size: 30px;
    margin: 0 auto 30px;
  }
}
@media screen and (min-width: 1000px) {
  .hotel_j {
    width: 90%;
    padding: 70px;
  }
}
@media screen and (max-width: 999px) {
  .hotel_j {
    width: 90%;
    padding: 50px 20px;
  }
}
@media screen and (min-width: 1000px) {
  .hotel_j .h_f {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1000px) {
  .hotel_j .h_f .slider {
    width: 48%;
  }
}
@media screen and (min-width: 1000px) {
  .hotel_j .h_f .h_t {
    width: 48%;
  }
}
@media screen and (max-width: 999px) {
  .hotel_j .h_f .h_t {
    padding-top: 30px;
  }
}
.hotel_j .h_f .h_t li {
  border-top: 1px solid #4D4B49;
  padding: 17px 0;
  position: relative;
}
.hotel_j .h_f .h_t li::before {
  content: "";
  display: block;
  width: 20px;
  height: 3px;
  background-color: #4D4B49;
  position: absolute;
  top: 0;
  left: 0;
}
.hotel_j .h_f .h_t .koutu {
  color: #969696;
}
.hotel_j .h_after {
  background-color: #F7F5F5;
}
@media screen and (min-width: 1000px) {
  .hotel_j .h_after {
    margin: 70px auto;
    padding: 70px;
  }
}
@media screen and (max-width: 999px) {
  .hotel_j .h_after {
    margin: 70px auto;
    padding: 50px 30px;
  }
}
@media screen and (min-width: 1000px) {
  .hotel_j .h_after .a_f {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1000px) {
  .hotel_j .h_after .a_f img {
    width: 40%;
  }
}
@media screen and (min-width: 1000px) {
  .hotel_j .h_after .a_f .a_t {
    width: 50%;
  }
}
@media screen and (max-width: 999px) {
  .hotel_j .h_after .a_f .a_t {
    padding-top: 30px;
  }
}
.hotel_j .h_after .a_f .a_t li {
  border-top: 1px solid #4D4B49;
  padding: 17px 0;
  position: relative;
}
.hotel_j .h_after .a_f .a_t li::before {
  content: "";
  display: block;
  width: 20px;
  height: 3px;
  background-color: #4D4B49;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1000px) {
  .hotel_j .h_food {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1000px) {
  .hotel_j .h_f_t {
    width: 45%;
  }
}
@media screen and (max-width: 999px) {
  .hotel_j .h_f_t:nth-child(2) {
    padding-top: 50px;
  }
}

/* ---------------------------------------------------
ページトップ
--------------------------------------------------- */
#to_top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  text-align: center;
  background-color: #CECEC1;
  padding: 10px;
  line-height: 15px;
}

/* ---------------------------------------------------
フッター
--------------------------------------------------- */
#footer {
  text-align: center;
}
@media screen and (min-width: 1000px) {
  #footer {
    padding: 0px 0 30px;
  }
}
@media screen and (max-width: 999px) {
  #footer {
    padding: 0px 0 20px;
  }
}
#footer .all_sale a {
  margin: 0 auto 70px;
  border: 1px solid #000;
}
@media screen and (min-width: 1000px) {
  #footer .all_sale a {
    width: 300px;
    padding: 15px 0;
  }
}
@media screen and (max-width: 999px) {
  #footer .all_sale a {
    width: 80%;
    padding: 15px 0;
  }
}
@media screen and (min-width: 1000px) {
  #footer #f_area img {
    width: 15%;
    margin: 70px 0;
  }
}
@media screen and (max-width: 999px) {
  #footer #f_area img {
    width: 50%;
    margin: 70px 0;
  }
}
#footer #f_area .copyright {
  text-align: center;
  font-size: 10px;
}

/* loading
--------------------------------------*/
#loader-bg {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 1;
  z-index: 99999;
}
#loader-bg #loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1000px) {
  #loader-bg #loading {
    width: 100%;
    margin: auto;
    height: 100%;
  }
}
@media screen and (max-width: 999px) {
  #loader-bg #loading {
    width: 100%;
    margin: auto;
    height: 100%;
  }
}
@media screen and (min-width: 1000px) {
  #loader-bg #loading div {
    width: 20%;
    margin: auto;
  }
}
@media screen and (max-width: 999px) {
  #loader-bg #loading div {
    width: 40%;
    margin: auto;
  }
}

/*jQueryのCSS
--------------------------------------*/