@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); }
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '←'; }

[dir='rtl'] .slick-prev:before {
  content: '→'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: '→'; }

[dir='rtl'] .slick-next:before {
  content: '←'; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none;
  opacity: 0.5; }

body {
  width: 100%;
  color: #333333;
  margin: 0;
  padding: 0;
  background-color: white;
  font-family: 'Poppins', 'Questrial', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 14px;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
  word-break: break-word; }

.toppage_wrap, .mallpage_wrap {
  padding-top: 78px; }
  @media only screen and (min-width: 992px) {
    .toppage_wrap, .mallpage_wrap {
      padding-top: 53px; } }

.mallpage_wrap {
  padding-top: 120px; }
  @media only screen and (min-width: 992px) {
    .mallpage_wrap {
      padding-top: 120px; } }

.mallpage_wrap_tworow {
  padding-top: 132px; }
  @media only screen and (min-width: 992px) {
    .mallpage_wrap_tworow {
      padding-top: 120px; } }

.wrap {
  height: auto;
  overflow: hidden; }

.container {
  max-width: 350px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 640px) {
    .container {
      max-width: 640px;
      height: auto;
      margin: 0 auto;
      overflow: hidden;
      position: relative; } }
  @media only screen and (min-width: 992px) {
    .container {
      max-width: 930px;
      height: auto;
      margin: 0 auto;
      overflow: hidden;
      position: relative; } }

.container_mall_icon {
  height: 160px;
  max-width: 930px;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 640px) {
    .container_mall_icon {
      height: 185px;
      max-width: 930px;
      margin: 0 auto;
      overflow: hidden;
      position: relative; } }
  @media only screen and (min-width: 992px) {
    .container_mall_icon {
      height: 115px;
      max-width: 930px;
      margin: 0 auto;
      overflow: hidden;
      position: relative; } }

.container_mall_icon_ch {
  height: 190px;
  max-width: 930px;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 640px) {
    .container_mall_icon_ch {
      height: 215px;
      max-width: 930px;
      margin: 0 auto;
      overflow: hidden;
      position: relative; } }
  @media only screen and (min-width: 992px) {
    .container_mall_icon_ch {
      height: 270px;
      max-width: 930px;
      margin: 0 auto;
      overflow: hidden;
      position: relative; } }

.container_mall_icon_vn {
  height: 325px;
  max-width: 930px;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 640px) {
    .container_mall_icon_vn {
      height: 300px;
      max-width: 930px;
      margin: 0 auto;
      overflow: hidden;
      position: relative; } }
  @media only screen and (min-width: 992px) {
    .container_mall_icon_vn {
      height: 268px;
      max-width: 930px;
      margin: 0 auto;
      overflow: hidden;
      position: relative; } }

@media only screen and (min-width: 992px) {
  br.mob {
    display: none; } }

@media only screen and (min-width: 992px) {
  .pc_hidden {
    display: none; } }

.pc_block {
  display: none; }
  @media only screen and (min-width: 992px) {
    .pc_block {
      display: block; } }

.border {
  border-top: 1px solid gray; }
  @media only screen and (min-width: 992px) {
    .border {
      display: none; } }

.top_header, .mall_header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999999999999999999;
  background: white; }
  .top_header > .container, .mall_header > .container {
    width: 100%; }

header {
  width: 100%;
  height: 80px;
  background: white;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
  @media only screen and (min-width: 992px) {
    header {
      height: auto; } }
  header ul.sns {
    display: flex;
    position: absolute;
    right: 50px;
    top: 42px; }
    @media only screen and (min-width: 992px) {
      header ul.sns {
        right: 500px;
        top: 0;
        padding-right: 68px;
        height: 50px; } }
    header ul.sns li {
      width: 35px; }
      @media only screen and (min-width: 992px) {
        header ul.sns li {
          width: 38px;
          padding-top: 13px; } }
      header ul.sns li a {
        display: block;
        margin: 0 5px; }
        header ul.sns li a img {
          height: 25px; }
          @media only screen and (min-width: 992px) {
            header ul.sns li a img {
              width: 26px; } }
    header ul.sns li.store_header {
      margin: -5px 0 0;
      width: 68px; }
      @media only screen and (min-width: 992px) {
        header ul.sns li.store_header {
          width: 68px;
          height: 50px;
          position: absolute;
          right: 2px;
          top: 0;
          padding-top: 7px;
          margin: 0; } }
      header ul.sns li.store_header img {
        width: 60px;
        height: 100%; }
  header ul.language {
    height: auto;
    overflow: hidden;
    width: 100%;
    background: #f2f2f2;
    font-size: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    padding: 4px 8px 6px; }
    @media only screen and (max-width: 350px) {
      header ul.language {
        padding: 4px 3px 6px; } }
    @media only screen and (min-width: 992px) {
      header ul.language {
        border: none;
        border-radius: 50px;
        position: absolute;
        top: 7px;
        right: 0px;
        width: 61%;
        font-size: 12px;
        padding: 8px 25px; } }
    header ul.language li {
      width: 14%;
      text-align: center;
      margin: 0 5px 0 0; }
      @media only screen and (max-width: 350px) {
        header ul.language li {
          margin: 0 2px 0 0; } }
      @media only screen and (min-width: 992px) {
        header ul.language li {
          border: none;
          width: auto; } }
      header ul.language li a {
        display: block;
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 3px;
        background: #B3B3B3;
        color: white;
        font-weight: 100;
        padding: 5px 0; }
        @media only screen and (min-width: 992px) {
          header ul.language li a {
            padding: 4px 8px; } }
        @media only screen and (min-width: 992px) {
          header ul.language li a:hover {
            opacity: 1;
            background: #666;
            transition: all .2s; } }
    header ul.language li:last-of-type {
      margin: 0; }
      @media only screen and (max-width: 350px) {
        header ul.language li:last-of-type a {
          height: 22px;
          overflow: hidden; } }
      @media only screen and (min-width: 992px) {
        header ul.language li:last-of-type a {
          border: 1px solid #ccc; } }
    @media only screen and (min-width: 992px) {
      header ul.language li.selected {
        margin: 0 7px 0 0; } }
    header ul.language li.selected a {
      background: black;
      border: none;
      color: white;
      font-weight: bold; }
    header ul.language .language_txt {
      display: none; }
      @media only screen and (min-width: 640px) {
        header ul.language .language_txt {
          color: #666;
          font-weight: 100;
          display: flex;
          align-items: center;
          width: 105px; } }
      header ul.language .language_txt img {
        height: 1rem;
        width: auto;
        padding: 0 5px; }
  header h1 {
    width: 32%;
    max-width: 180px;
    height: 45px;
    float: left; }
    @media only screen and (min-width: 992px) {
      header h1 {
        width: 25%;
        height: 82px;
        margin: -15px 0; } }
    header h1 a {
      display: block;
      padding: 5px;
      height: 100%;
      position: relative; }
    header h1 img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 10px;
      width: 100%;
      height: 35px;
      margin: auto;
      max-width: 100%; }
      @media only screen and (min-width: 992px) {
        header h1 img {
          height: 25%; } }

@media only screen and (min-width: 992px) {
  .top_wrap {
    background-image: url("../img/AEON_top_pc_bg.jpg");
    background-repeat: repeat;
    background-position: center center;
    background-size: 50%; } }

.top_page {
  height: 100vh;
  background-image: url("../img/AEON_top_mobile.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom 49% left 0; }
  @media only screen and (min-width: 992px) {
    .top_page {
      width: 100%;
      background-image: url("../img/AEON_top_pc.jpg");
      background-repeat: repeat; } }
  .top_page ul.language {
    border: none;
    float: left;
    margin: 0 0 0 3%; }
    @media only screen and (min-width: 992px) {
      .top_page ul.language {
        border: none;
        position: absolute;
        top: 10px;
        left: 20px;
        width: 45%;
        font-size: 12px; } }
    .top_page ul.language li {
      background: white;
      border: none;
      width: 30%;
      margin: 2% 1.5% 0 0;
      font-size: 1.8em; }
      .top_page ul.language li a {
        color: #333333;
        padding: 5px 0; }
        @media only screen and (min-width: 992px) {
          .top_page ul.language li a {
            padding: 10px 0; } }
    .top_page ul.language li:last-child {
      margin: 2% 0 0 0; }

@media only screen and (min-width: 992px) {
  .menu_icon {
    display: none; } }

@media only screen and (min-width: 992px) {
  .drawer-navbar {
    border-bottom: none; } }

#drawernav {
  height: auto;
  position: absolute;
  right: 0;
  z-index: 99999;
  /* :checked 擬似クラスを使って、#openがチェック状態になった時に、#menuが「right: 0;」になります。 */ }
  @media only screen and (min-width: 992px) {
    #drawernav {
      display: none; } }
  #drawernav ul {
    height: auto;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: bold;
    border: 1px solid black; }
  #drawernav li {
    height: auto;
    overflow: hidden;
    list-style: none;
    position: relative;
    border-bottom: 1px solid black;
    box-sizing: border-box; }
    #drawernav li a {
      display: block;
      vertical-align: middle;
      padding: 15px 12px; }
      #drawernav li a .nav_text {
        width: 70%; }
      #drawernav li a .nav_icon {
        position: absolute;
        top: 0;
        right: 5px;
        width: 17%;
        height: auto;
        overflow: hidden; }
        #drawernav li a .nav_icon img {
          width: 100%;
          padding: 5px 2px; }
  #drawernav li:last-child {
    border: none; }
  #drawernav li.a-end {
    width: 50%;
    float: left;
    border-right: 1px solid black;
    text-align: center;
    border-bottom: 1px solid black; }
  #drawernav li.title {
    padding: 15px 12px;
    color: black;
    background: gray;
    font-weight: bold;
    font-size: 1.1em;
    position: relative; }
    #drawernav li.title .nav_text {
      width: 69%;
      float: right; }
    #drawernav li.title .nav_icon {
      position: absolute;
      top: 5px;
      left: 20px;
      width: 13%;
      height: auto;
      overflow: hidden; }
      #drawernav li.title .nav_icon img {
        width: 100%;
        padding: 5px 2px; }
  #drawernav a {
    text-decoration: none;
    color: black; }
  #drawernav nav.drawer-nav {
    height: auto;
    overflow: hidden;
    width: 240px;
    /* メニューのwidth */
    padding: 0;
    transition: left .5s, right .5s;
    /* アニメーション */
    background: white;
    z-index: 9999; }
  #drawernav .drawer-hamburger {
    padding: 0; }
  #drawernav button {
    position: relative;
    cursor: pointer;
    right: 0;
    margin: 12px 12px 10px 0; }
    #drawernav button img {
      width: 100%; }
  #drawernav .toggle:hover {
    opacity: 0.7; }
  #drawernav .toggle_2 .close_btn {
    background: black;
    width: 100%;
    color: white;
    display: block;
    height: auto;
    overflow: hidden;
    padding: 15px 15px 15px 20%;
    position: relative; }
    #drawernav .toggle_2 .close_btn img {
      position: absolute;
      left: 10px;
      top: 7px;
      width: 16%;
      padding-right: 10px; }
    #drawernav .toggle_2 .close_btn p {
      float: left;
      display: block;
      vertical-align: middle; }
  #drawernav #open {
    display: none; }
  #drawernav #open:checked + #mob_menu {
    right: 0; }
  #drawernav .close {
    display: none; }
  #drawernav .close:checked + #mob_menu {
    right: 0; }

.drawer-overlay {
  background: rgba(0, 0, 0, 0.2); }

@media only screen and (min-width: 992px) {
  #side_nav {
    width: 222px;
    top: 0;
    left: 0;
    height: auto;
    overflow: hidden; } }
@media only screen and (min-width: 992px) {
  #side_nav .item {
    width: 100%; } }
#side_nav .item .youtube {
  width: 100%;
  margin: 0; }
#side_nav .movie {
  width: 98%; }
  @media only screen and (min-width: 992px) {
    #side_nav .movie {
      width: 100%; } }

@media only screen and (min-width: 992px) {
  .pc_container {
    height: auto;
    overflow: hidden;
    width: 930px;
    border: 12px solid #EAE5E3;
    margin: 3px auto 0;
    box-sizing: border-box; } }

.pc_container:after {
  clear: both; }

@media only screen and (min-width: 992px) {
  .shop_pc_container {
    border: none; } }
@media only screen and (min-width: 992px) {
  .shop_pc_container .area_item {
    padding: 0; } }
.shop_pc_container img {
  width: 100%; }

.pc_link {
  padding: 10px; }
  @media only screen and (min-width: 992px) {
    .pc_link {
      padding: 10px 35px; } }

.index_container .shop_pc_container:after {
  clear: both; }

.facebook {
  height: auto;
  overflow: hidden;
  background: #3b5997;
  margin: 30px 5%;
  position: relative; }
  @media only screen and (min-width: 992px) {
    .facebook {
      padding: 0;
      margin: 3px 15px 20px 0;
      min-height: 200px;
      width: 660px; } }
  .facebook img {
    display: none; }
    @media only screen and (min-width: 992px) {
      .facebook img {
        display: block;
        width: 60px;
        position: absolute;
        left: 91px;
        bottom: 10px; } }
  .facebook img.logo {
    width: 180px;
    left: 5px;
    top: 5px; }
    @media only screen and (min-width: 992px) {
      .facebook img.logo {
        width: 150px; } }
  .facebook .fb-page {
    height: auto;
    overflow: hidden;
    background: #3b5997;
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 992px) {
      .facebook .fb-page {
        width: 500px !important;
        margin: 0;
        float: right !important; } }
    .facebook .fb-page a {
      width: 60%;
      display: block;
      padding: 10px 0;
      margin: 0 0 0 10px;
      color: white;
      font-size: 1.4em;
      text-align: center;
      border: 1px solid white; }
      @media only screen and (min-width: 992px) {
        .facebook .fb-page a {
          padding: 30px 0;
          margin: 60px 0 0 100px; } }
  .facebook iframe {
    width: 100% !important; }
    @media only screen and (min-width: 992px) {
      .facebook iframe {
        float: right; } }
  .facebook span {
    margin: 0 auto; }

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {
  width: 100% !important; }

.youtube {
  position: relative;
  width: 90%;
  padding-top: 56.25%;
  margin: 0 5%; }
  @media only screen and (min-width: 992px) {
    .youtube {
      margin: 10px 5% 30px; } }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }

.bx-wrapper {
  border: none;
  box-shadow: none;
  margin: 0;
  position: relative; }
  @media only screen and (min-width: 992px) {
    .bx-wrapper {
      max-width: 1040px !important;
      margin: 1% auto 0.4% auto; } }
  @media only screen and (min-width: 992px) {
    .bx-wrapper .bx-viewport {
      max-width: 930px;
      margin: 0 auto; } }
  .bx-wrapper li {
    position: relative; }
    .bx-wrapper li a :hover {
      opacity: 1; }
    .bx-wrapper li a img {
      width: 100%; }
  .bx-wrapper .bx-controls .bx-pager {
    display: none; }
  .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    z-index: 50;
    position: absolute;
    top: 49%;
    width: 10%;
    height: 10%; }
    @media only screen and (min-width: 992px) {
      .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
        width: 7%;
        height: 7%; } }
  .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    background-image: url(../images/prev.svg);
    background-repeat: no-repeat;
    background-position: center center;
    left: 0; }
    @media only screen and (min-width: 992px) {
      .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
        left: -10px; } }
  .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    background-image: url(../images/next.svg);
    background-repeat: no-repeat;
    background-position: center center;
    right: 0; }
    @media only screen and (min-width: 992px) {
      .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
        right: -10px; } }
  .bx-wrapper .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }

.top_infomation {
  background: #f2f2f2;
  padding: 20px 0;
  margin: 0 0 20px; }
  @media only screen and (min-width: 640px) {
    .top_infomation {
      padding: 10px 0; } }

.infomation_title {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 0 5%;
  width: 100%; }
  @media only screen and (min-width: 640px) {
    .infomation_title {
      padding: 10px 5% 0; } }
  .infomation_title img {
    width: 40px;
    margin-right: 5px; }

.top_infomation_item {
  background: white;
  width: 90%;
  margin: 10px 5%;
  padding: 20px 14px;
  display: flex; }
  @media only screen and (min-width: 640px) {
    .top_infomation_item {
      margin: 20px 5%; } }
  @media only screen and (min-width: 640px) {
    .top_infomation_item:first-of-type {
      margin-top: 10px; } }
  @media only screen and (min-width: 640px) {
    .top_infomation_item:first-of-type .top_infomation_img {
      height: 100px; } }
  .top_infomation_item .top_infomation_img {
    position: relative;
    height: auto;
    width: calc(20% - 15px);
    margin-right: 15px; }
    @media only screen and (min-width: 640px) {
      .top_infomation_item .top_infomation_img {
        height: 70px; } }
    .top_infomation_item .top_infomation_img img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: auto;
      margin: auto;
      max-width: 100%;
      max-height: 100%;
      width: 100%; }
      @media only screen and (min-width: 640px) {
        .top_infomation_item .top_infomation_img img {
          height: 100%;
          width: auto; } }
  .top_infomation_item .top_infomation_txt {
    width: 80%; }
    @media only screen and (min-width: 992px) {
      .top_infomation_item .top_infomation_txt {
        padding: 0 0 0 15px; } }
    .top_infomation_item .top_infomation_txt h4 {
      background: #f2f2f2;
      padding: 10px;
      margin: 0 0 10px;
      font-size: 1.05rem; }
    .top_infomation_item .top_infomation_txt p {
      font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
      line-height: 1.4; }
      @media only screen and (min-width: 640px) {
        .top_infomation_item .top_infomation_txt p {
          padding: 0 5px; } }
    .top_infomation_item .top_infomation_txt .info-banner {
      display: block;
      width: 100%;
      margin: 10px auto 5px; }
      @media only screen and (min-width: 640px) {
        .top_infomation_item .top_infomation_txt .info-banner {
          width: 95%;
          margin: 10px 5% 5px 0; } }
      .top_infomation_item .top_infomation_txt .info-banner img {
        width: 100%; }
  .top_infomation_item .top_infomation_payment {
    width: 100%; }
    .top_infomation_item .top_infomation_payment img {
      width: 100%; }
      @media only screen and (min-width: 992px) {
        .top_infomation_item .top_infomation_payment img {
          width: 100%; } }

.service_infomation_wrap {
  background-color: #ffedf3;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #F9F9F9), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #F9F9F9), color-stop(0.75, #F9F9F9), color-stop(0.75, transparent), to(transparent));
  -webkit-background-size: 7px 7px; }

.service_infomation {
  background: none; }
  @media only screen and (min-width: 992px) {
    .service_infomation {
      display: flex;
      flex-wrap: wrap; } }
  .service_infomation .infomation_title {
    font-size: 2rem;
    padding: 20px 5%; }
    @media only screen and (min-width: 992px) {
      .service_infomation .infomation_title {
        font-size: 3rem;
        padding: 30px 20px; } }
  .service_infomation .top_infomation_item {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); }
    @media only screen and (min-width: 992px) {
      .service_infomation .top_infomation_item {
        width: 48%;
        margin: 10px 1%; } }
    @media only screen and (min-width: 640px) {
      .service_infomation .top_infomation_item:first-of-type {
        margin-top: 10px; } }
    @media only screen and (min-width: 640px) {
      .service_infomation .top_infomation_item:first-of-type .top_infomation_img {
        height: 100px; } }

.menu {
  width: 98%;
  height: auto;
  overflow: hidden;
  margin: 3% 1%; }
  @media only screen and (min-width: 992px) {
    .menu {
      margin: 0;
      width: 100%; } }
  .menu img {
    width: 100%; }

.item {
  position: relative;
  width: 48%;
  margin: 1%;
  padding: 10px;
  overflow: hidden;
  padding: 0;
  float: left; }
  @media only screen and (min-width: 640px) {
    .item {
      width: 30%; } }
  @media only screen and (min-width: 992px) {
    .item {
      width: 23.8%;
      margin: 1.2% 1.6% 1.2% 0; } }
  .item .item {
    position: relative;
    width: 48%;
    margin: 1%;
    padding: 10px;
    overflow: hidden;
    padding: 0;
    float: left; }
  @media only screen and (min-width: 992px) {
    .item .item {
      width: 23.8%;
      margin: 1.2% 1.6% 1.2% 0; } }
  .item a {
    display: block; }
  .item img {
    width: 100%; }
  .item img.comingsoon {
    position: absolute;
    z-index: 5000; }
  .item p {
    position: absolute;
    bottom: 8px;
    left: 6px;
    color: #333333;
    font-weight: bold; }
    @media only screen and (max-width: 350px) {
      .item p {
        left: 4px; } }
  .item p.white {
    color: white; }
  .item .nav_icon {
    width: 53%;
    position: absolute;
    right: 6px;
    bottom: 1px;
    z-index: 10; }
    @media only screen and (max-width: 350px) {
      .item .nav_icon {
        width: 49%;
        right: 1px;
        bottom: 4px; } }

.item_kumamoto {
  position: relative;
  width: 48%;
  margin: 1%;
  padding: 10px;
  overflow: hidden;
  padding: 0;
  float: left; }
  @media only screen and (min-width: 640px) {
    .item_kumamoto {
      width: 30%; } }
  @media only screen and (min-width: 992px) {
    .item_kumamoto {
      width: 14.8%;
      margin: 1.2% 1.6% 1.2% 0; } }
  .item_kumamoto .item_kumamoto {
    position: relative;
    width: 48%;
    margin: 1%;
    padding: 10px;
    overflow: hidden;
    padding: 0;
    float: left; }
  @media only screen and (min-width: 992px) {
    .item_kumamoto .item_kumamoto {
      width: 14.8%;
      margin: 1.2% 1.6% 1.2% 0; } }
  .item_kumamoto a {
    display: block; }
  .item_kumamoto img {
    width: 100%; }

@media only screen and (min-width: 992px) {
  .last {
    margin-right: 0; } }

.item_tab p {
  width: 48%; }
  @media only screen and (max-width: 350px) {
    .item_tab p {
      width: 53%; } }

.Hokkaido {
  color: #000; }

h2.Hokkaido, .area_link li .Hokkaido {
  background: #c9adf0; }

.Tohoku {
  color: #000; }

h2.Tohoku, .area_link li .Tohoku {
  background: #7bace9; }

.Kanto {
  color: #000; }

h2.Kanto, .area_link li .Kanto {
  background: #eeb6ed; }

.Tokai {
  color: #000; }

h2.Tokai, .area_link li .Tokai {
  background: #9fe2eb; }

.Kinki {
  color: #000; }

h2.Kinki, .area_link li .Kinki {
  background: #bbe58d; }

.Chugoku {
  color: #000; }

h3.Chugoku {
  color: #fee417; }

h2.Chugoku, .area_link li .Chugoku {
  background: #fee417; }

.Kyushu {
  color: #000; }

h2.Kyushu, .area_link li .Kyushu {
  background: #f3cc84; }

.Okinawa {
  color: #000; }

h2.Okinawa, .area_link li .Okinawa {
  background: #da673d; }

.area_link {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 10px 20px; }
  @media only screen and (min-width: 992px) {
    .area_link {
      padding: 10px 30px 20px; } }
  .area_link li {
    text-align: center;
    width: calc(25% - 4px);
    margin: 0 2px 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 3px; }
    @media only screen and (min-width: 640px) {
      .area_link li {
        width: calc(12.5% - 4px); } }
    .area_link li a {
      color: white;
      display: block;
      padding: 5px 5px 20px;
      position: relative;
      border-radius: 3px;
      height: 100%; }
      @media only screen and (max-width: 350px) {
        .area_link li a {
          font-size: 11px; } }
      @media only screen and (min-width: 640px) {
        .area_link li a {
          padding: 12px 5px 25px; } }
      .area_link li a:after {
        content: "▼";
        position: absolute;
        bottom: 5px;
        right: 0;
        left: 0;
        margin: auto;
        font-size: .7rem; }
        @media only screen and (min-width: 640px) {
          .area_link li a:after {
            bottom: 8px; } }

.area_other_mall {
  padding: 30px 5% 30px;
  margin: -10px 0 0px; }
  @media only screen and (min-width: 640px) {
    .area_other_mall {
      margin: 0px 0 20px;
      padding: 50px 5% 50px; } }
  .area_other_mall a {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid black;
    background: white;
    color: black;
    padding: 5px 1rem 5px 5px;
    position: relative;
    font-size: 1.1rem;
    font-weight: bold; }
    @media only screen and (min-width: 640px) {
      .area_other_mall a {
        border: 3px solid black;
        padding: 5px 1rem 5px 5px;
        font-size: 1.2rem; } }
    .area_other_mall a:after {
      content: "▶︎";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 10px;
      margin: auto;
      color: black;
      height: 1rem; }
    .area_other_mall a:hover {
      opacity: .8;
      background: #555;
      color: white;
      transition: all .2s; }
      .area_other_mall a:hover:after {
        color: white; }
  .area_other_mall img {
    width: 50px;
    margin: 0 10px 0 0; }
    @media only screen and (min-width: 640px) {
      .area_other_mall img {
        width: 65px; } }

.link_flex {
  padding: 0 5% 10px; }
  @media only screen and (min-width: 640px) {
    .link_flex {
      display: flex;
      padding: 0 2% 20px; } }
  @media only screen and (min-width: 992px) {
    .link_flex {
      padding: 0 0 20px; } }
  .link_flex a {
    display: block;
    margin: 0 0 10px; }
    @media only screen and (min-width: 640px) {
      .link_flex a {
        width: calc(50% - 20px);
        margin: 10px; } }
    .link_flex a img {
      height: 100%; }
  .link_flex .tour {
    border: 2px solid #6acbfe; }

#area {
  width: 100%;
  margin: 3% 0; }
  @media only screen and (min-width: 992px) {
    #area {
      margin: 3% 0 10px; } }

.area_item {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0 0 0px; }
  .area_item h2 {
    color: white;
    padding: 10px; }
  .area_item .area_item_top h2 {
    color: black;
    padding: 10px; }
  .area_item .item {
    background: white;
    border: 1px solid #888;
    padding: 10px;
    width: 99%;
    padding: 25px 8% 20px; }
    @media only screen and (max-width: 350px) {
      .area_item .item {
        width: 92%;
        margin: 20px 4% 0;
        padding: 20px 5% 15px; } }
    @media only screen and (min-width: 992px) {
      .area_item .item {
        height: 270px;
        padding: 0;
        position: relative;
        display: flex;
        flex-wrap: wrap; } }
    @media only screen and (min-width: 640px) {
      .area_item .item .item_click {
        padding: 17px 6px 0; } }
    @media only screen and (min-width: 992px) {
      .area_item .item {
        padding-bottom: 30px; } }
    .area_item .item a, .area_item .item .item_click {
      display: flex;
      width: 100%;
      height: 126px; }
      @media only screen and (min-width: 640px) {
        .area_item .item a, .area_item .item .item_click {
          display: flex;
          height: 230px; } }
      @media only screen and (min-width: 992px) {
        .area_item .item a, .area_item .item .item_click {
          margin: none;
          width: 65%; } }
      .area_item .item a .item_click_mall, .area_item .item .item_click .item_click_mall {
        display: flex;
        width: 100%;
        height: 126px; }
        @media only screen and (min-width: 640px) {
          .area_item .item a .item_click_mall, .area_item .item .item_click .item_click_mall {
            display: flex;
            height: 230px; } }
        @media only screen and (min-width: 992px) {
          .area_item .item a .item_click_mall, .area_item .item .item_click .item_click_mall {
            margin: none;
            width: 62%;
            height: 300px; } }
      .area_item .item a a, .area_item .item .item_click a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .area_item .item a:hover, .area_item .item .item_click:hover {
        opacity: .8;
        background: #f5f5f5;
        transition: all .2s; }
    .area_item .item .item_img {
      box-sizing: border-box;
      width: calc(77% - 2.5px);
      height: 100%;
      overflow: hidden;
      position: relative; }
      @media only screen and (min-width: 640px) {
        .area_item .item .item_img {
          margin: 0;
          width: 65%;
          height: 200px; } }
      @media only screen and (min-width: 992px) {
        .area_item .item .item_img {
          width: calc(60% - 2.5px);
          height: 215px; } }
      .area_item .item .item_img img {
        					/* position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%); */
        width: 98%;
        height: 100%;
        object-fit: contain; }
    .area_item .item .item_img_min {
      margin-left: 5px;
      width: calc(40% - 2.5px);
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-around; }
      @media only screen and (min-width: 640px) {
        .area_item .item .item_img_min {
          width: 35%;
          height: 200px;
          display: flex;
          flex-direction: column;
          justify-content: space-around; } }
      @media only screen and (min-width: 992px) {
        .area_item .item .item_img_min {
          width: calc(40% - 2.5px);
          height: 220px; } }
      .area_item .item .item_img_min .item_img {
        width: 100%;
        height: calc(62px - 2.5px);
        padding-top: 27%;
        overflow: hidden; }
        @media only screen and (min-width: 640px) {
          .area_item .item .item_img_min .item_img {
            width: 100%;
            height: calc(95px - 2.5px);
            padding-top: 27%;
            overflow: hidden; } }
        @media only screen and (min-width: 992px) {
          .area_item .item .item_img_min .item_img {
            width: 100%;
            height: calc(95px - 2.5px);
            padding-top: 27%;
            overflow: hidden; } }
        .area_item .item .item_img_min .item_img .item_img:first-child {
          margin-bottom: 5px; }
        @media only screen and (min-width: 640px) {
          .area_item .item .item_img_min .item_img:first-of-type {
            border-right: none; } }
        @media only screen and (min-width: 992px) {
          .area_item .item .item_img_min .item_img:first-of-type {
            border-bottom: none;
            height: 115.5px; } }
      .area_item .item .item_img_min img {
        width: 110%; }
    .area_item .item .item_info {
      width: 100%;
      margin-top: 10px; }
      @media only screen and (min-width: 992px) {
        .area_item .item .item_info {
          width: 35%; } }
    .area_item .item .area_item .item .item_info_mall {
      width: 100%;
      margin-top: 10px; }
    @media only screen and (min-width: 992px) {
      .area_item .item .area_item .item .item_info_mall {
        width: 37%; } }
    @media only screen and (min-width: 640px) {
      .area_item .item .item_txt {
        padding: 0px 30px 15px; } }
    @media only screen and (min-width: 992px) {
      .area_item .item .item_txt {
        width: 100%;
        padding: 20px 30px 20px 30px; } }
    .area_item .item p {
      color: #333333;
      position: static; }
    .area_item .item p.shop_name {
      font-size: 1.6em;
      font-weight: bold;
      line-height: 1.15em;
      width: 100%; }
      @media only screen and (min-width: 992px) {
        .area_item .item p.shop_name {
          font-size: 1.7em; } }
    .area_item .item p.shop_catch {
      display: block;
      font-size: 1em;
      font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
      line-height: 1.3em;
      margin: 5px 0 10px 0;
      overflow: hidden;
      font-weight: 100; }
      @media only screen and (min-width: 640px) {
        .area_item .item p.shop_catch {
          line-height: 1.4em;
          margin: 10px 0 10px 0; } }
    .area_item .item .item_link_box {
      padding: 5px 0 0; }
      @media only screen and (min-width: 640px) {
        .area_item .item .item_link_box {
          width: 100%;
          display: flex;
          justify-content: flex-end;
          padding: 0 20px 30px; } }
      @media only screen and (min-width: 992px) {
        .area_item .item .item_link_box {
          flex-wrap: wrap;
          align-items: flex-start;
          width: 96%;
          background: #f5f5f5;
          padding: 10px;
          margin: 0 -5px 25px; } }
    .area_item .item a.item_link {
      display: flex;
      align-items: center;
      border-radius: 3px;
      margin: 0 0 10px;
      position: relative; }
      @media only screen and (min-width: 640px) {
        .area_item .item a.item_link {
          width: 32%;
          margin: 0 0.8333%;
          padding: 0 20px 5px 0;
          display: flex;
          justify-content: center; } }
      @media only screen and (min-width: 992px) {
        .area_item .item a.item_link {
          width: calc(50% - 10px);
          margin: 5px;
          padding: 0 20px 0 0;
          min-height: 37px; } }
      .area_item .item a.item_link:after {
        content: "▶︎";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        margin: auto;
        color: white;
        height: 1rem; }
      .area_item .item a.item_link p {
        width: 66%;
        color: white;
        font-size: .9rem;
        text-align: center; }
        @media only screen and (min-width: 640px) {
          .area_item .item a.item_link p {
            width: 100%; } }
        @media only screen and (min-width: 992px) {
          .area_item .item a.item_link p {
            width: 75%;
            font-size: .85rem; } }
      .area_item .item a.item_link img {
        width: 60px;
        height: 100%;
        max-height: 30px;
        padding: 0 8px 0 8px;
        margin: 2.5px; }
        @media only screen and (max-width: 350px) {
          .area_item .item a.item_link img {
            width: 50px; } }
        @media only screen and (min-width: 992px) {
          .area_item .item a.item_link img {
            width: 70px;
            padding: 0 5px 0 5px;
            margin: 0;
            width: 24%;
            height: auto; } }
    .area_item .item a.item_link_more {
      background: white;
      border: 1px solid #A91976; }
      @media only screen and (min-width: 992px) {
        .area_item .item a.item_link_more {
          width: 100%;
          border: 2px solid #A91976;
          min-height: 40px; } }
      .area_item .item a.item_link_more:after {
        color: #A91976; }
      .area_item .item a.item_link_more p {
        color: #A91976; }
        @media only screen and (min-width: 992px) {
          .area_item .item a.item_link_more p {
            width: 80%;
            font-size: 1rem; } }
      .area_item .item a.item_link_more:hover {
        opacity: .8;
        background: #A91976;
        transition: all .2s; }
        .area_item .item a.item_link_more:hover:after {
          color: white; }
        .area_item .item a.item_link_more:hover p {
          color: white; }
      @media only screen and (min-width: 992px) {
        .area_item .item a.item_link_more img {
          width: 20%;
          height: 45px;
          padding: 0 10px 0 15px; } }
    .area_item .item a.item_tour_link {
      background: #6acbfe; }
      @media only screen and (min-width: 992px) {
        .area_item .item a.item_tour_link {
          height: 34px; } }
      .area_item .item a.item_tour_link:hover {
        opacity: 1;
        background: #4daef4; }
      .area_item .item a.item_tour_link img {
        padding: 0; }
        @media only screen and (min-width: 992px) {
          .area_item .item a.item_tour_link img {
            width: 28%; } }
      @media only screen and (min-width: 992px) {
        .area_item .item a.item_tour_link p {
          width: 70%; } }
    .area_item .item a.item_access_link {
      background: #ec799b; }

.picture_size {
  width: 100%; }

#gift h2 {
  margin: 0 0 0 2%; }
  #gift h2 img {
    width: 20px;
    margin: 0 5px 0 0; }
#gift h3 {
  margin: 0 0 0 4%;
  padding: 20px 0 5px 0; }
#gift .title {
  margin-bottom: 0;
  padding-bottom: 0; }
#gift .infiniteslide ul.gift_cal {
  max-height: 250px; }
  @media only screen and (min-width: 992px) {
    #gift .infiniteslide ul.gift_cal {
      max-height: 350px; } }
  #gift .infiniteslide ul.gift_cal li {
    max-height: 250px;
    float: left; }
    @media only screen and (min-width: 992px) {
      #gift .infiniteslide ul.gift_cal li {
        max-height: 350px; } }
    #gift .infiniteslide ul.gift_cal li img {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: auto;
      width: auto;
      max-width: 100%;
      max-height: 250px;
      min-height: 250px;
      margin: auto auto; }
      @media only screen and (min-width: 992px) {
        #gift .infiniteslide ul.gift_cal li img {
          max-height: 350px;
          min-height: 350px; } }
  #gift .infiniteslide ul.gift_cal li:nth-child(n+3) {
    display: none; }

.fb-page {
  background: #EAE5E3;
  margin: 20px 0; }

@media only screen and (min-width: 992px) {
  .shop_header {
    position: relative;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    background: white;
    margin: 0 0 5px 0; } }
.shop_header h1.shop_name {
  background: black;
  color: white;
  padding: 8px 2%;
  font-size: 1.3em; }
  @media only screen and (min-width: 992px) {
    .shop_header h1.shop_name {
      background: white;
      color: black;
      font-size: 1.6em;
      padding: 2%;
      display: inline-block;
      width: 60%; } }
  .shop_header h1.shop_name a {
    color: white; }
    @media only screen and (min-width: 992px) {
      .shop_header h1.shop_name a {
        color: #333333; } }
.shop_header h1.shop_name_towrow {
  font-size: 1.5em; }
.shop_header ul {
  height: 100%;
  overflow: hidden;
  width: 100%;
  border-top: 2px solid #DBF0FC;
  border-bottom: 0px solid #DBF0FC;
  font-size: 12px;
  font-weight: bold; }
  @media only screen and (min-width: 992px) {
    .shop_header ul {
      border: none;
      position: absolute;
      top: 0px;
      right: 0px;
      width: 48%;
      font-size: 12px;
      padding: 0; } }
  .shop_header ul li {
    width: 50%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 2px 0 1px 0;
    text-align: center;
    box-sizing: border-box;
    position: relative; }
    @media only screen and (min-width: 992px) {
      .shop_header ul li {
        padding: 0;
        width: 25%;
        border-right: 1px solid black;
        border-bottom: none; } }
    .shop_header ul li a {
      display: block;
      width: 100%;
      color: black; }
      @media only screen and (min-width: 992px) {
        .shop_header ul li a {
          padding: 0; } }
      .shop_header ul li a .nav_text {
        border-bottom: 1px solid black;
        text-align: center;
        display: inline;
        padding: 0 2px 2px 2px;
        line-height: 1.5em; }
      .shop_header ul li a .nav_icon {
        width: 70%;
        margin: 2px 30% 0 15%;
        height: auto;
        overflow: hidden; }
        @media only screen and (min-width: 992px) {
          .shop_header ul li a .nav_icon {
            width: 45%;
            margin: 1px 32% 0 25%; } }
        .shop_header ul li a .nav_icon img {
          width: 100%;
          padding: 0px 2px 2px 2px; }
          @media only screen and (min-width: 640px) {
            .shop_header ul li a .nav_icon img {
              width: 150px;
              padding: 0px 2px 2px 2px; } }
          @media only screen and (min-width: 992px) {
            .shop_header ul li a .nav_icon img {
              width: 100%;
              padding: 0px 2px 2px 2px; } }
      .shop_header ul li a .nav_icon_ch {
        padding: 6px 0 0 0;
        width: 40%;
        margin: 2px 30% 0 30%;
        height: auto;
        overflow: hidden; }
        @media only screen and (min-width: 640px) {
          .shop_header ul li a .nav_icon_ch {
            padding: 5px 0 0 0;
            width: 40%;
            margin: 2px 30% 0 30%;
            height: auto;
            overflow: hidden; } }
        @media only screen and (min-width: 992px) {
          .shop_header ul li a .nav_icon_ch {
            padding: 10px 0 0 0;
            width: 36%;
            margin: 1px 32% 0 32%; } }
        .shop_header ul li a .nav_icon_ch img {
          width: 100%;
          padding: 0px 2px 2px 2px; }
  @media only screen and (min-width: 992px) {
    .shop_header ul li:last-child {
      padding: 0; } }
  .shop_header ul li:last-child .nav_icon {
    width: 46%;
    margin: 2px 27% 0 27%; }

@media only screen and (min-width: 992px) {
  .shop_header ul.three_cont {
    width: 100%;
    height: 125px; } }
.shop_header ul.three_cont li {
  border-color: #DBF0FC;
  width: 33.3333%;
  height: 100%;
  overflow: hidden;
  float: left;
  padding: 5px 0px 0px 20px;
  text-align: center;
  border-right: 1px solid #DBF0FC;
  border-left: none;
  border-bottom: 2px solid #DBF0FC;
  position: relative; }
  @media only screen and (min-width: 640px) {
    .shop_header ul.three_cont li {
      border-color: #DBF0FC;
      padding: 0; } }
  @media only screen and (min-width: 992px) {
    .shop_header ul.three_cont li {
      border-color: #DBF0FC;
      padding: 0; } }
  .shop_header ul.three_cont li .three_cont_mall li {
    width: 33.3333%;
    height: 33.3333%;
    overflow: hidden;
    float: left;
    /* padding: 25px 0 5px 10px; */
    text-align: center;
    border-right: 1px solid black;
    border-left: 1px solid black;
    position: relative; }
  @media only screen and (min-width: 992px) {
    .shop_header ul.three_cont li .three_cont_mall li {
      padding: 0;
      border-left: 1px solid black;
      border-bottom: 1px solid black; } }
  .shop_header ul.three_cont li a {
    display: block;
    width: 85%;
    color: black; }
    @media only screen and (min-width: 992px) {
      .shop_header ul.three_cont li a {
        margin: 0 auto;
        padding: 0; } }
    .shop_header ul.three_cont li a .nav_text {
      border-bottom: 1px solid black;
      text-align: center;
      display: inline;
      padding: 0 2px 1px 2px;
      line-height: 1.5em; }
    .shop_header ul.three_cont li a .nav_icon {
      width: 40%;
      margin: 5px 30% 0 30%;
      height: auto;
      overflow: hidden; }
      @media only screen and (min-width: 992px) {
        .shop_header ul.three_cont li a .nav_icon {
          width: 38%;
          margin: 2px 31% 0 31%; } }
      .shop_header ul.three_cont li a .nav_icon img {
        width: 100%;
        padding: 0px 2px 2px 2px; }
.shop_header ul.three_cont li:nth-child(even) {
  border-right: 1px solid #DBF0FC; }
.shop_header ul.three_cont li:last-child {
  border-right: none; }
  @media only screen and (min-width: 992px) {
    .shop_header ul.three_cont li:last-child {
      border: none; } }

.shop_header_mallicon {
  height: 100%;
  position: relative;
  border-bottom: 0px solid black;
  background: white;
  margin: 0 0 5px 0; }
  @media only screen and (min-width: 640px) {
    .shop_header_mallicon {
      height: 100%;
      position: relative;
      border-bottom: 0px solid black;
      background: white;
      margin: 0 0 5px 0; } }
  @media only screen and (min-width: 992px) {
    .shop_header_mallicon {
      height: 100%;
      position: relative;
      border: 0px solid black;
      border-bottom: 0px solid black;
      border-left: 0px solid black;
      background: white;
      margin: 0 0 5px 0; } }

.shop_header_topicon {
  border-color: #DBF0FC;
  height: 100%;
  position: relative;
  background: white;
  margin: 0 5px 0 5px; }
  @media only screen and (min-width: 992px) {
    .shop_header_topicon {
      height: 125px;
      position: relative;
      background: white;
      margin: 0 5px 0 5px; } }

.shop_header_topicon_vn {
  border-color: #DBF0FC;
  height: 100px;
  position: relative;
  background: white;
  margin: 0 5px 0 5px; }
  @media only screen and (min-width: 640px) {
    .shop_header_topicon_vn {
      height: 100%;
      position: relative;
      background: white;
      margin: 0 5px 0 5px; } }
  @media only screen and (min-width: 992px) {
    .shop_header_topicon_vn {
      height: 125px;
      position: relative;
      background: white;
      margin: 0 5px 0 5px; } }

.shop_header_nrtmall ul {
  border-bottom: none;
  border-top: none;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  font-size: 10px;
  padding: 0; }
  @media only screen and (min-width: 640px) {
    .shop_header_nrtmall ul {
      border: none;
      position: absolute;
      top: 0px;
      right: 0px;
      width: 100%;
      font-size: 12px;
      padding: 0; } }
  @media only screen and (min-width: 992px) {
    .shop_header_nrtmall ul {
      border-bottom: none;
      position: absolute;
      top: 0px;
      right: 0px;
      width: 100%;
      font-size: 12px;
      padding: 0; } }

.shop_header_kyoukamall {
  padding: 0;
  width: 70px; }
  @media only screen and (min-width: 640px) {
    .shop_header_kyoukamall {
      padding: 0;
      width: 125px; } }
  @media only screen and (min-width: 992px) {
    .shop_header_kyoukamall {
      padding: 0;
      width: 185px; } }
  .shop_header_kyoukamall a {
    display: block;
    margin: 1px auto;
    width: 100%;
    color: black;
    text-align: center; }

.glay_container {
  height: auto;
  overflow: hidden; }
  @media only screen and (min-width: 992px) {
    .glay_container {
      background: white; } }
  .glay_container img {
    width: 94%;
    margin: 3%; }

#link_map {
  height: auto;
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 992px) {
    #link_map img.link_map {
      background: white;
      width: 88%;
      margin: 0 6% 0; } }
  #link_map a {
    width: 30%;
    height: 9%;
    position: absolute;
    opacity: 0.5; }
    @media only screen and (min-width: 992px) {
      #link_map a {
        width: 40%; } }
  #link_map a:hover {
    background: rgba(255, 255, 255, 0.5); }
  #link_map a.Hokkaido {
    right: 0;
    top: 21%; }
  #link_map a.Tohoku {
    right: 0;
    top: 50%; }
  #link_map a.Kanto {
    right: 0;
    bottom: 31%; }
    @media only screen and (min-width: 992px) {
      #link_map a.Kanto {
        width: 44%; } }
  #link_map a.Tokai {
    right: 0;
    bottom: 21%; }
    @media only screen and (min-width: 992px) {
      #link_map a.Tokai {
        width: 50%; } }
  #link_map a.Kinki {
    left: 0;
    bottom: 28%; }
    @media only screen and (min-width: 992px) {
      #link_map a.Kinki {
        width: 44%; } }
  #link_map a.Chugoku {
    left: 0;
    bottom: 17%; }
  #link_map a.Kyushu {
    left: 0;
    bottom: 7%; }
  #link_map a.Okinawa {
    left: 0;
    top: 40%; }

.search {
  width: 96%;
  margin: 0 2% 5% 2%; }
  @media only screen and (min-width: 992px) {
    .search {
      margin: 0 2% 2% 2%; } }
  .search form input {
    border: 1px solid #333333;
    border-radius: 3px;
    float: left;
    font-size: 1.3em;
    width: 80%;
    line-height: 1.8em;
    padding: 3px 5px; }
    @media only screen and (min-width: 992px) {
      .search form input {
        width: 535px; } }
  .search form .search_btn {
    border-radius: 3px;
    background: black;
    height: auto;
    overflow: hidden;
    width: 19%;
    max-width: 100px;
    position: relative; }
    .search form .search_btn input#topSearchBtn {
      width: 100%;
      float: left;
      background: url(../img/search_white.svg) left 45% top no-repeat; }
      @media only screen and (min-width: 992px) {
        .search form .search_btn input#topSearchBtn {
          background-position: left 28px top; } }

#map_out {
  width: 96%;
  margin: 4% 2% 0 2%;
  background: white;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-top: 2px solid black; }

#map {
  width: 94%;
  height: 350px;
  margin: 3% 3% 0 3%; }
  @media only screen and (min-width: 992px) {
    #map {
      height: 420px;
      width: 96%;
      margin: 2% 2% 0 2%; } }
  #map img {
    width: 25px; }

a.map_link {
  display: table;
  width: 90%;
  margin: 10px 5% 6% 5%;
  text-align: center;
  border: 1px solid #898989;
  border-bottom: 3px solid #898989;
  background: #dfdfdf;
  color: black;
  font-weight: bold;
  letter-spacing: 1px; }
  @media only screen and (min-width: 992px) {
    a.map_link {
      width: 42%;
      float: left;
      margin: 10px 2% 8%; } }
  a.map_link p {
    display: table-cell;
    text-align: left;
    padding: 15px 0;
    vertical-align: middle;
    width: 54%; }

img.get {
  width: 61%;
  float: left;
  padding: 4% 19% 2% 19%;
  display: table-cell;
  background: gray;
  border-bottom: 2px solid gray; }
  @media only screen and (min-width: 992px) {
    img.get {
      width: 61%;
      padding: 4% 19% 2% 19%;
      border-bottom: 2px solid gray;
      margin: 0;
      height: 44px; } }

.map {
  height: auto;
  overflow: hidden; }
  .map ul {
    background: white;
    height: auto;
    overflow: hidden;
    width: 96%;
    padding-top: 3%;
    margin: 0 2% 20px 2%;
    border-right: 2px solid black;
    border-left: 2px solid black;
    border-bottom: 2px solid black; }
    @media only screen and (min-width: 992px) {
      .map ul {
        padding-top: 2%; } }
    .map ul li {
      width: 50%;
      float: left;
      font-weight: bold;
      text-align: center;
      padding: 10px 0;
      background: #d4cac6; }
      .map ul li a {
        display: block;
        color: #beafa9; }
        @media only screen and (min-width: 992px) {
          .map ul li a {
            font-size: 1.4em; } }
    .map ul li:first-child {
      border-right: 2px solid black; }
    .map ul li.active {
      background: white; }
      .map ul li.active a {
        color: #333333; }

.cotegory {
  height: auto;
  overflow: hidden;
  background: white;
  padding: 5px 0; }

ul.cotegory {
  height: auto;
  overflow: hidden;
  width: 98%;
  margin: 0 1%; }
  ul.cotegory li {
    background: white;
    text-align: center;
    font-weight: bold;
    width: 24%;
    height: 55px;
    display: table;
    float: left;
    font-size: 0.8em;
    margin: 0.5%;
    line-height: 1.2em; }
    @media only screen and (min-width: 992px) {
      ul.cotegory li {
        font-size: 1em; } }
    ul.cotegory li a {
      display: table-cell;
      vertical-align: middle; }
  ul.cotegory li.Hokkaido {
    border: 2px solid #c9adf0; }
    ul.cotegory li.Hokkaido a {
      color: #c9adf0; }
  ul.cotegory li.Tohoku {
    border: 2px solid #7bace9; }
    ul.cotegory li.Tohoku a {
      color: #7bace9; }
  ul.cotegory li.Kanto {
    border: 2px solid #eeb6ed; }
    ul.cotegory li.Kanto a {
      color: #eeb6ed; }
  ul.cotegory li.Tokai {
    border: 2px solid #9fe2eb; }
    ul.cotegory li.Tokai a {
      color: #9fe2eb; }
  ul.cotegory li.Kinki {
    border: 2px solid #bbe58d; }
    ul.cotegory li.Kinki a {
      color: #bbe58d; }
  ul.cotegory li.Chugoku {
    border: 2px solid #feed63; }
    ul.cotegory li.Chugoku a {
      color: #fee417; }
  ul.cotegory li.Kyushu {
    border: 2px solid #f3cc84; }
    ul.cotegory li.Kyushu a {
      color: #f3cc84; }
  ul.cotegory li.Okinawa {
    border: 2px solid #da673d; }
    ul.cotegory li.Okinawa a {
      color: #da673d; }

.all_area_item {
  background: white;
  margin: 0; }
  .all_area_item h2 {
    margin: 10% 0 2% 3%; }
  .all_area_item .items {
    width: 100%;
    border-bottom: 1px solid #EAE5E3;
    padding: 10px 5px 15px 5%;
    height: auto;
    overflow: hidden;
    line-height: 1.2em; }
    @media only screen and (min-width: 992px) {
      .all_area_item .items {
        padding: 10px 15px 15px 120px; } }
    .all_area_item .items img {
      width: 20px;
      float: left;
      margin: 0 3% 0 4%; }
    .all_area_item .items p.shop_name {
      width: 100%;
      font-size: 1.4em;
      font-weight: bold;
      line-height: 1.3em;
      margin: 0 0 10px 0; }
      @media only screen and (min-width: 992px) {
        .all_area_item .items p.shop_name {
          margin: 0 0 5px 0; } }
    .all_area_item .items p {
      float: left;
      width: 86%;
      margin: 0 0 10px 0;
      padding-top: 2px; }
      .all_area_item .items p span {
        display: table;
        padding-bottom: 2px;
        width: 100%; }
    .all_area_item .items .shop_time_box {
      width: 100%;
      height: auto;
      overflow: hidden;
      margin: 0 0 10px 0; }
      .all_area_item .items .shop_time_box img {
        float: left; }
      .all_area_item .items .shop_time_box p {
        float: left;
        width: 86%;
        margin: 0; }
    .all_area_item .items a {
      width: 86%;
      float: left;
      display: inline-block;
      text-decoration: underline;
      padding-top: 2px; }
      .all_area_item .items a img {
        float: left; }
  .all_area_item .items:first-of-type {
    border-top: 1px solid #EAE5E3; }

.pagenation {
  margin: 20px auto 10px auto;
  font-size: 1.4em;
  border-bottom: 2px solid black; }
  @media only screen and (min-width: 992px) {
    .pagenation {
      font-size: 1.2em; } }
  .pagenation ul {
    height: auto;
    overflow: hidden;
    width: 96%;
    display: table;
    margin: 10px 2% 20px 2%; }
    .pagenation ul li {
      float: left;
      display: table-cell;
      margin: 5px;
      background: #EAE5E3;
      color: #EAE5E3;
      min-width: 50px; }
      .pagenation ul li a {
        color: black;
        display: block;
        padding: 20px 10px;
        min-width: 50px;
        text-align: center; }
        @media only screen and (min-width: 992px) {
          .pagenation ul li a {
            padding: 15px 10px; } }
    .pagenation ul li.active {
      background: gray; }
      .pagenation ul li.active a {
        color: white; }
    .pagenation ul li.prev {
      text-align: left; }
    .pagenation ul li.next {
      text-align: right; }

.hid {
  display: none; }

.about {
  padding-bottom: 50px; }
  .about__title {
    padding: 40px 20px;
    color: #D22F81;
    font-size: 24px; }
    @media only screen and (min-width: 992px) {
      .about__title {
        padding: 45px 20px 65px;
        font-size: 36px; } }
    .about__title h1 {
      font-family: 'Poppins', 'Questrial'; }
    .about__title h2 {
      font-size: 14px;
      padding-top: 15px; }
      @media only screen and (min-width: 992px) {
        .about__title h2 {
          font-size: 20px; } }
  .about__item {
    padding: 40px 30px; }
    @media only screen and (min-width: 992px) {
      .about__item {
        display: flex;
        padding: 60px 30px; } }
    .about__item:nth-of-type(odd) {
      background: #f2f2f2; }
    @media only screen and (min-width: 992px) {
      .about__item:nth-of-type(even) {
        flex-direction: row-reverse; } }
    .about__item a {
      display: block; }
  .about__item--img, .about__item--img-wrap {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    padding-top: 65%; }
    @media only screen and (min-width: 992px) {
      .about__item--img, .about__item--img-wrap {
        width: 53%;
        padding-top: 35%; } }
  .about__item--img-wrap {
    padding: 0;
    display: flex;
    flex-wrap: wrap; }
    .about__item--img-wrap .about__item--img {
      width: 50%;
      border-radius: 0;
      padding-top: 34%;
      position: relative; }
    .about__item--img-wrap .number {
      position: absolute;
      top: 2px;
      left: 2px;
      color: white;
      font-weight: bold;
      background: rgba(0, 0, 0, 0.5);
      padding: 2px; }
  .about__item--tax-img {
    padding-top: 50%; }
    @media only screen and (min-width: 992px) {
      .about__item--tax-img {
        padding-top: 28%; } }
  .about__item--txt {
    padding: 58px 0 15px;
    position: relative;
    z-index: 3; }
    @media only screen and (min-width: 992px) {
      .about__item--txt {
        width: 47%;
        padding: 57px 30px 15px 20px; } }
    .about__item--txt h3 {
      font-size: 8rem;
      position: absolute;
      top: 40px;
      left: 10px;
      line-height: 0;
      color: #ddd;
      z-index: -1; }
    .about__item--txt p {
      padding: 12px 0px 24px 0px;
      font-size: 15px;
      line-height: 1.6;
      letter-spacing: .2px; }
      @media only screen and (min-width: 992px) {
        .about__item--txt p {
          font-size: 17px; } }
    .about__item--txt span {
      display: block;
      font-size: 10px;
      line-height: 1.5; }
      @media only screen and (min-width: 992px) {
        .about__item--txt span {
          font-size: 12px; } }
  @media only screen and (min-width: 992px) {
    .about__item:nth-of-type(even) {
      flex-direction: row-reverse; } }
  @media only screen and (min-width: 992px) {
    .about__item:nth-of-type(even) .about__item--txt {
      padding: 90px 0 15px 40px; } }
  @media only screen and (min-width: 992px) {
    .about__item:nth-of-type(even) .about__item--txt h3 {
      left: auto;
      right: 10px; } }

.coupon_list_wrap {
  background-image: url("../img/pt08.png");
  background-size: cover;
  background-attachment: fixed;
  background-position: top;
  margin: 0 0 50px;
  position: relative; }
  @media only screen and (min-width: 992px) {
    .coupon_list_wrap {
      background-size: cover; } }
  .coupon_list_wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0); }

.coupon_list__title {
  padding: 30px 0 40px; }
  @media only screen and (min-width: 992px) {
    .coupon_list__title {
      padding: 50px 0 70px; } }
  .coupon_list__title h1 {
    font-size: 2rem;
    font-family: 'Poppins', 'Questrial';
    color: white;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    letter-spacing: 1px;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 2px 0 80px; }
    @media only screen and (min-width: 992px) {
      .coupon_list__title h1 {
        font-size: 3rem;
        padding: 0 2px 0 185px; } }
  .coupon_list__title .ribbon14 {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 20px;
    margin: 0;
    padding: 60px 0 20px;
    z-index: 2;
    width: 40px;
    text-align: center;
    font-size: 22px;
    color: white;
    background: #e40000; }
    @media only screen and (min-width: 992px) {
      .coupon_list__title .ribbon14 {
        left: 75px;
        width: 60px;
        padding: 55px 0 15px;
        font-size: 30px; } }
  .coupon_list__title .ribbon14:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 20px solid #e40000;
    border-right: 20px solid #e40000;
    border-bottom: 10px solid transparent; }
    @media only screen and (min-width: 992px) {
      .coupon_list__title .ribbon14:after {
        top: 99%;
        border-width: 30px; } }

.coupon_list {
  display: flex;
  flex-wrap: wrap;
  padding: 6% 8% 2%;
  margin: 0 20px 30px;
  background: rgba(255, 255, 255, 0.8); }
  @media only screen and (min-width: 640px) {
    .coupon_list {
      padding: 5% 5% 2%; } }
  .coupon_list h2 {
    width: 100%;
    margin: 0 0 30px;
    border-left: 8px solid #e40000;
    padding-left: 15px;
    line-height: 1.6; }
    @media only screen and (min-width: 640px) {
      .coupon_list h2 {
        margin: 0 0 40px 2%; } }
  .coupon_list .coupon_list__item-wrap {
    margin: 0 0 20px; }
    @media only screen and (min-width: 640px) {
      .coupon_list .coupon_list__item-wrap {
        width: calc(50% - 20px);
        margin: 0 10px 40px; } }
    .coupon_list .coupon_list__item-wrap p {
      padding-top: 1rem;
      line-height: 1.4; }
  .coupon_list .coupon_list__item {
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    background: white; }
    .coupon_list .coupon_list__item a {
      display: block;
      height: 100%;
      position: relative; }
      .coupon_list .coupon_list__item a img {
        width: 100%;
        height: 100%; }
      .coupon_list .coupon_list__item a img.coupon_get {
        width: 10%;
        height: auto;
        position: absolute;
        bottom: 5px;
        right: 5px; }
      .coupon_list .coupon_list__item a p {
        padding: 10px 10px 20px; }
      .coupon_list .coupon_list__item a p.shop_catch {
        padding-right: 0;
        padding-left: 0; }
  .coupon_list .item {
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin: 0 0 35px;
    position: relative;
    background: rgba(255, 255, 255, 0.5); }
    @media only screen and (min-width: 640px) {
      .coupon_list .item {
        width: calc(50% - 40px);
        margin: 0 20px 40px; } }
    .coupon_list .item .item_info {
      padding: 20px 20px 30px; }
      .coupon_list .item .item_info p {
        position: static; }
      .coupon_list .item .item_info .shop_name {
        font-size: 20px;
        padding: 0 0 10px; }
        @media only screen and (min-width: 640px) {
          .coupon_list .item .item_info .shop_name {
            font-size: 22px; } }
      .coupon_list .item .item_info .shop_catch {
        font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        font-weight: 100;
        line-height: 1.6; }

@media only screen and (min-width: 992px) {
  .kobekita_floormap ul {
    width: 35% !important; } }

@media only screen and (min-width: 992px) {
  .kobekita_floormap ul li {
    width: 33% !important; } }

.kobekita_floormap ul li:last-child {
  border-right: 1px solid black; }

@media only screen and (min-width: 992px) {
  .kobekita_floormap ul li:last-child {
    border-right: none; } }

@media only screen and (min-width: 992px) {
  .kobekita_floormap_vn ul {
    height: 60px;
    width: 37% !important; } }

@media only screen and (min-width: 992px) {
  .kobekita_floormap_vn ul li {
    width: 33% !important; } }

.kobekita_floormap_vn ul li:last-child {
  border-right: 1px solid black; }

@media only screen and (min-width: 992px) {
  .kobekita_floormap_vn ul li:last-child {
    border-right: none; } }

@media only screen and (min-width: 992px) {
  .qualite-prix_floorguide ul {
    width: 35% !important; } }
@media only screen and (min-width: 992px) {
  .qualite-prix_floorguide ul li {
    width: 33% !important; } }
.qualite-prix_floorguide.pdf ul li:last-child {
  border-right: 1px solid black; }

@media only screen and (min-width: 992px) {
  .qualite-prix_floorguide ul li:last-child {
    border-right: none; } }
@media only screen and (min-width: 992px) {
  .qualite-prix_floorguide_vn ul {
    height: 60px;
    width: 37% !important; } }
@media only screen and (min-width: 992px) {
  .qualite-prix_floorguide_vn ul li {
    width: 33% !important; } }
.qualite-prix_floorguide_vn ul li:last-child {
  border-right: 1px solid black; }

@media only screen and (min-width: 992px) {
  .qualite-prix_floorguide_vn ul li:last-child {
    border-right: none; } }
.area_item_mall {
  background: white; }

.area_item_mall .item {
  border: none; }

.gallery_carousel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px 5% 20px; }

@media only screen and (min-width: 992px) {
  .gallery_carousel {
    margin: 10px 5% 40px; } }
@media only screen and (min-width: 992px) {
  .gallery_carousel p {
    width: 86%;
    margin: 0 auto; } }
.shop_list_search .service_item_img_thirteen img {
  width: 6.5%;
  /* margin-bottom: 18px;}   */ }
  @media only screen and (min-width: 640px) {
    .shop_list_search .service_item_img_thirteen img {
      width: 7%; } }
  @media pc {
    .shop_list_search .service_item_img_thirteen img {
      width: 7%;
      padding: 10px 0 0 0; } }
  @media only screen and (min-width: 992px) {
    .shop_list_search .service_item_img_thirteen img .shop_list_search .service_item_img img {
      width: 54px;
      margin: 0 0 3px 1px; } }

.mall_top_bannersize {
  max-width: 100%;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 10px 0px 10px 0px; }
  @media only screen and (min-width: 640px) {
    .mall_top_bannersize {
      margin: 0;
      width: 100%;
      height: 100%;
      padding: 10px 0px 10px 0px; } }
  @media only screen and (min-width: 992px) {
    .mall_top_bannersize {
      height: 100%;
      width: 100%;
      padding: 10px 0px 10px 0px; } }
  .mall_top_bannersize img {
    width: 100%; }

.youtube_about {
  padding: 20px; }
  @media only screen and (min-width: 640px) {
    .youtube_about {
      text-align: center;
      padding: 20px; } }
  @media only screen and (min-width: 992px) {
    .youtube_about {
      padding: 20px;
      display: flex; } }

.multiple {
  padding: 0; }

.multiple_li {
  margin: 0 auto; }

.multiple_img {
  padding: 10px 0px 0px 0px;
  width: 62%;
  margin: 0 auto; }
  @media only screen and (min-width: 640px) {
    .multiple_img {
      padding: 10px 0px 0px 0px;
      width: 30%;
      margin: 0 auto; } }
  @media only screen and (min-width: 992px) {
    .multiple_img {
      padding: 10px 0px 0px 0px;
      width: 30%;
      margin: 0 auto; } }
  .multiple_img img {
    width: 40px; }
    @media only screen and (min-width: 640px) {
      .multiple_img img {
        width: 40px; } }
    @media only screen and (min-width: 992px) {
      .multiple_img img {
        width: 60px; } }

.multiple_img_icon {
  padding: 20px 0px 0px 0px;
  width: 62%;
  margin: 0 auto; }
  @media only screen and (min-width: 640px) {
    .multiple_img_icon {
      padding: 10px 0px 0px 0px;
      width: 30%;
      margin: 0 auto; } }
  @media only screen and (min-width: 992px) {
    .multiple_img_icon {
      padding: 10px 0px 0px 0px;
      width: 30%;
      margin: 0 auto; } }
  .multiple_img_icon img {
    width: 40px; }
    @media only screen and (min-width: 640px) {
      .multiple_img_icon img {
        width: 40px; } }
    @media only screen and (min-width: 992px) {
      .multiple_img_icon img {
        width: 60px; } }

.multiple_text {
  font-size: 10px;
  margin: 0 auto;
  color: #333333;
  font-weight: bold;
  text-align: center;
  display: inline;
  border-bottom: 1px solid black; }
  @media only screen and (min-width: 640px) {
    .multiple_text {
      margin: 0 auto;
      color: #333333;
      font-weight: bold;
      text-align: center;
      display: inline;
      border-bottom: 1px solid black; } }
  @media only screen and (min-width: 992px) {
    .multiple_text {
      margin: 0 auto;
      color: #333333;
      font-weight: bold;
      text-align: center;
      display: inline;
      border-bottom: 1px solid black; } }

.multiple .slick-next {
  right: 17px;
  　z-index: 100; }

.multiple .slick-prev {
  left: 23px;
  z-index: 100; }

.copyright {
  text-align: center; }
  @media only screen and (min-width: 640px) {
    .copyright {
      text-align: center; } }
  @media only screen and (min-width: 992px) {
    .copyright {
      text-align: center;
      padding: 0 135px 0 0; } }

@media only screen and (min-width: 992px) {
  .service_item_img_thirteen {
    width: 100%;
    margin: 0px 0 0 0; } }
@media only screen and (min-width: 992px) {
  .service_item_img_thirteen img {
    width: 5.7%; } }

.other_mall {
  padding: 10px 0px 0px 0px;
  width: 62%;
  margin: 0 auto; }
  @media only screen and (min-width: 640px) {
    .other_mall {
      padding: 10px 0px 0px 0px;
      width: 30%;
      margin: 0 auto; } }
  @media only screen and (min-width: 992px) {
    .other_mall {
      padding: 10px 0px 0px 0px;
      width: 30%;
      margin: 0 auto; } }
  .other_mall img {
    width: 50px; }
    @media only screen and (min-width: 640px) {
      .other_mall img {
        width: 50px; } }
    @media only screen and (min-width: 992px) {
      .other_mall img {
        width: 65px; } }

.other_mall_icon {
  padding: 20px 0px 0px 0px;
  width: 62%;
  margin: 0 auto; }
  @media only screen and (min-width: 640px) {
    .other_mall_icon {
      padding: 10px 0px 0px 0px;
      width: 30%;
      margin: 0 auto; } }
  @media only screen and (min-width: 992px) {
    .other_mall_icon {
      padding: 10px 0px 0px 0px;
      width: 30%;
      margin: 0 auto; } }
  .other_mall_icon img {
    width: 50px; }
    @media only screen and (min-width: 640px) {
      .other_mall_icon img {
        width: 50px; } }
    @media only screen and (min-width: 992px) {
      .other_mall_icon img {
        width: 65px; } }

.other_mall_icon_ch {
  padding: 10px 0px 0px 0px;
  width: 62%;
  margin: 0 auto; }
  @media only screen and (min-width: 640px) {
    .other_mall_icon_ch {
      padding: 10px 0px 0px 0px;
      width: 30%;
      margin: 0 auto; } }
  @media only screen and (min-width: 992px) {
    .other_mall_icon_ch {
      padding: 10px 0px 0px 0px;
      width: 30%;
      margin: 0 auto; } }
  .other_mall_icon_ch img {
    width: 50px; }
    @media only screen and (min-width: 640px) {
      .other_mall_icon_ch img {
        width: 50px; } }
    @media only screen and (min-width: 992px) {
      .other_mall_icon_ch img {
        width: 65px; } }

.pic_fit {
  object-fit: cover !important; }

.aboutpage_icon {
  width: 150px; }
  @media only screen and (min-width: 640px) {
    .aboutpage_icon {
      width: 150px; } }
  @media only screen and (min-width: 992px) {
    .aboutpage_icon {
      width: 160px; } }
  .aboutpage_icon img {
    width: 100%;
    transform: translate(55px, 225px); }
    @media only screen and (min-width: 640px) {
      .aboutpage_icon img {
        width: 150px;
        transform: translate(200px, 130px); } }
    @media only screen and (min-width: 992px) {
      .aboutpage_icon img {
        width: 160px;
        transform: translate(93px, 210px); } }

.aboutpage_icon02 {
  width: 150px; }
  @media only screen and (min-width: 640px) {
    .aboutpage_icon02 {
      width: 150px; } }
  @media only screen and (min-width: 992px) {
    .aboutpage_icon02 {
      width: 160px; } }
  .aboutpage_icon02 img {
    width: 100%;
    transform: translate(55px, 95px); }
    @media only screen and (min-width: 640px) {
      .aboutpage_icon02 img {
        width: 150px;
        transform: translate(200px, 60px); } }
    @media only screen and (min-width: 992px) {
      .aboutpage_icon02 img {
        width: 160px;
        transform: translate(93px, 100px); } }

.about_frex {
  padding: 30px 40px;
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 640px) {
    .about_frex {
      padding: 30px 40px;
      display: flex;
      flex-direction: column; } }
  @media only screen and (min-width: 992px) {
    .about_frex {
      padding: 60px 40px;
      display: flex !important;
      flex-direction: row-reverse; } }

.single {
  max-width: 100%;
  margin: 0 auto 50px;
  height: 500px; }
  @media only screen and (min-width: 640px) {
    .single {
      max-width: 100%;
      margin: 0 auto 50px;
      height: 600px; } }
  @media only screen and (min-width: 992px) {
    .single {
      max-width: 100%;
      margin: 0 auto 50px;
      height: 375px; } }

.single img {
  width: 100%; }

.about_img_size {
  width: 100% !important;
  border-radius: 10%;
  padding: 8px 15px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .about_img_size {
      width: 100% !important;
      border-radius: 10%;
      padding: 8px 15px 0px 0px; } }
  @media only screen and (min-width: 992px) {
    .about_img_size {
      width: 50% !important;
      border-radius: 10%;
      padding: 8px 15px 0px 0px; } }

.button_solid00en a {
  position: relative;
  justify-content: space-around;
  align-items: center;
  margin: 0% auto;
  max-width: 97%;
  height: 9%;
  padding: 10px 25px;
  color: #FFF;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  background: #6bb6ff;
  filter: drop-shadow(0px 2px 4px #ccc);
  border-radius: 3px;
  border-radius: 50px; }
  @media only screen and (min-width: 640px) {
    .button_solid00en a {
      height: 10%; } }
  @media only screen and (min-width: 992px) {
    .button_solid00en a {
      height: 20%; } }
.button_solid00en p {
  font-size: large;
  text-align: center; }
.button_solid00en a:hover {
  transform: translateY(-2px); }

.button_solid00ch a {
  position: relative;
  justify-content: space-around;
  align-items: center;
  margin: 0% auto;
  max-width: 97%;
  height: 9%;
  padding: 13px 25px;
  color: #FFF;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  background: #6bb6ff;
  filter: drop-shadow(0px 2px 4px #ccc);
  border-radius: 3px;
  border-radius: 50px; }
  @media only screen and (min-width: 640px) {
    .button_solid00ch a {
      padding: 18px 25px;
      height: 10%; } }
  @media only screen and (min-width: 992px) {
    .button_solid00ch a {
      padding: 9px 25px;
      height: 30%; } }
.button_solid00ch p {
  font-size: large;
  text-align: center; }
.button_solid00ch a:hover {
  transform: translateY(-2px); }

.button_solid00th a {
  position: relative;
  justify-content: space-around;
  align-items: center;
  margin: 0% auto;
  max-width: 97%;
  height: 9%;
  padding: 15px 25px;
  color: #FFF;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  background: #6bb6ff;
  filter: drop-shadow(0px 2px 4px #ccc);
  border-radius: 3px;
  border-radius: 50px; }
  @media only screen and (min-width: 640px) {
    .button_solid00th a {
      height: 10%; } }
  @media only screen and (min-width: 992px) {
    .button_solid00th a {
      height: 30%; } }
.button_solid00th p {
  font-size: large;
  text-align: center; }
.button_solid00th a:hover {
  transform: translateY(-2px); }

.button_solid00vn a {
  position: relative;
  justify-content: space-around;
  align-items: center;
  margin: 0% auto;
  max-width: 97%;
  height: 9%;
  padding: 15px 25px;
  color: #FFF;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  background: #6bb6ff;
  filter: drop-shadow(0px 2px 4px #ccc);
  border-radius: 3px;
  border-radius: 50px; }
  @media only screen and (min-width: 640px) {
    .button_solid00vn a {
      height: 10%; } }
  @media only screen and (min-width: 992px) {
    .button_solid00vn a {
      height: 22%; } }
.button_solid00vn p {
  font-size: large;
  text-align: center; }
.button_solid00vn a:hover {
  transform: translateY(-2px); }

.banner_narita {
  display: flex;
  flex-wrap: nowrap; }
  @media only screen and (min-width: 640px) {
    .banner_narita {
      display: flex;
      flex-wrap: nowrap; } }
  @media only screen and (min-width: 992px) {
    .banner_narita {
      display: flex;
      flex-wrap: nowrap; } }

.halal_icon_size img {
  width: 25%; }
  @media only screen and (min-width: 640px) {
    .halal_icon_size img {
      width: 25%; } }
  @media only screen and (min-width: 992px) {
    .halal_icon_size img {
      width: 12% !important; } }

.gallery_carousel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px 5% 20px; }
  @media only screen and (min-width: 992px) {
    .gallery_carousel {
      margin: 10px 5% 40px; } }
  @media only screen and (min-width: 992px) {
    .gallery_carousel p {
      width: 86%;
      margin: 0 auto; } }

#slider {
  width: 98%;
  margin: 0 auto 10px;
  background: #222; }

.slide-item {
  position: relative;
  padding-top: 6.8%; }
  .slide-item img, .slide-item iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto; }
  .slide-item iframe {
    width: 100%;
    height: 80%; }

#thumbnail-list {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap; }

li.thumbnail-item {
  width: calc(90% / 5);
  margin: 0 1% 10px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  padding-top: 9.5%; }
  @media only screen and (min-width: 640px) {
    li.thumbnail-item {
      width: calc(88% / 6);
      padding-top: 8%; } }
  li.thumbnail-item:after {
    content: '';
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: .3s opacity linear; }
  li.thumbnail-item.thumbnail-current {
    border: 3px solid #222; }
  li.thumbnail-item.thumbnail-current:after {
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0.5; }
  li.thumbnail-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto; }

#nav-drawer {
  position: absolute;
  right: 0;
  width: 40px; }
  @media only screen and (min-width: 992px) {
    #nav-drawer {
      right: -500px; } }

/*チェックボックス等は非表示に*/
.nav-unshown {
  display: none; }

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding-top: 7px;
  vertical-align: middle; }
  @media only screen and (min-width: 992px) {
    #nav-open {
      display: none; } }
  #nav-open p {
    font-size: .7rem;
    position: absolute;
    bottom: 0;
    left: -2px; }

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;
  /*線の太さ*/
  width: 25px;
  /*長さ*/
  border-radius: 3px;
  background: black;
  display: block;
  content: '';
  cursor: pointer;
  margin: 0; }

#nav-open span:before {
  bottom: -8px;
  margin: 0; }

#nav-open span:after {
  bottom: -16px;
  margin: 0; }

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;
  /*はじめは隠しておく*/
  position: fixed;
  z-index: 9999999999999999;
  top: 0;
  /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  transition: .3s ease-in-out; }

#nav-close-03 {
  position: absolute;
  top: 35px;
  right: 2.8%;
  height: 40px;
  border: 1px solid black;
  border-radius: 3px;
  background: white;
  display: flex;
  align-items: center; }
  @media only screen and (min-width: 992px) {
    #nav-close-03 {
      display: none; } }
  #nav-close-03 p {
    font-size: 3rem;
    font-weight: 100;
    color: black;
    padding: 0 7px;
    line-height: 1; }

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  padding-top: 80px;
  top: 0;
  right: 0;
  z-index: 9999999999999;
  /*最前面に*/
  width: 80%;
  /*右側に隙間を作る（閉じるカバーを表示）*/
  height: 100%;
  transition: .4s ease-in-out;
  /*滑らかに表示*/
  -webkit-transform: translateX(170%);
  transform: translateX(170%);
  /*右に隠しておく*/
  opacity: 0;
  background: rgba(255, 255, 255, 0.9); }
  @media only screen and (min-width: 992px) {
    #nav-content {
      position: static;
      transform: translateX(0%);
      height: 80px;
      width: 100%;
      overflow: visible;
      opacity: 1;
      padding-top: 0px;
      background: none; } }
  #nav-content ul {
    padding: 10px 5% 0;
    position: relative; }
    @media only screen and (min-width: 992px) {
      #nav-content ul {
        width: 100%;
        height: 80px;
        padding: 0;
        display: flex;
        justify-content: flex-end;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 20px; } }
    #nav-content ul li {
      height: auto;
      overflow: hidden;
      list-style: none;
      position: relative;
      border-top: 1px solid black;
      box-sizing: border-box; }
      #nav-content ul li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 10px 5px 12px; }
        #nav-content ul li a .nav_icon {
          height: 45px;
          width: 50px;
          position: relative; }
          #nav-content ul li a .nav_icon img {
            position: absolute;
            height: 100%;
            width: auto;
            top: 0;
            left: 0; }
    #nav-content ul li:last-child {
      border-bottom: 1px solid black; }
    #nav-content ul a {
      text-decoration: none;
      color: black; }
  #nav-content .nav-language-list {
    display: flex;
    flex-wrap: wrap;
    background: #ddd;
    padding: 15px;
    width: 80%;
    margin: 10%;
    border-radius: 3px;
    border: 1px solid #ccc; }
    #nav-content .nav-language-list li.title {
      width: 100%;
      padding: 5px 5px 10px;
      color: black;
      font-weight: 100;
      font-size: 1rem;
      position: relative;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center; }
      #nav-content .nav-language-list li.title .nav_icon {
        height: 20px;
        width: 28px;
        padding-right: 5px;
        position: relative; }
        #nav-content .nav-language-list li.title .nav_icon img {
          position: absolute;
          height: 100%;
          width: auto;
          top: 0;
          left: 0; }
    #nav-content .nav-language-list li.a-end {
      width: 47%;
      margin: 1.5%;
      background: white;
      border: 1px solid #ccc;
      border-radius: 2px; }
      #nav-content .nav-language-list li.a-end a {
        justify-content: center;
        padding: 10px 0; }

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;
  /*カバーを表示*/ }

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  /*中身を表示（右へスライド）*/
  opacity: 1; }

footer {
  border-top: 1px solid #EAE5E3;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px 0 30px;
  position: relative;
  margin-top: 20px;
  text-align: center; }
  @media only screen and (min-width: 992px) {
    footer {
      text-align: right; } }
  footer a img {
    width: 50%;
    margin: 0 25% 20px; }
    @media only screen and (min-width: 992px) {
      footer a img {
        width: 18%;
        float: left;
        margin: 0 0 0 25px; } }
  @media only screen and (min-width: 992px) {
    footer a.privacyporicy {
      margin: 0 15px 0 0;
      padding-top: 5px; } }

#pageTop {
  position: fixed;
  bottom: 4%;
  right: 4%;
  z-index: 999999999; }
  @media only screen and (min-width: 992px) {
    #pageTop {
      bottom: 2%;
      right: 3%; } }
  #pageTop img {
    width: 100%; }

#pageTop a {
  display: block;
  z-index: 999999999;
  width: 50px;
  height: 50px; }

#pageTop a:hover {
  text-decoration: none;
  opacity: 1; }

.title {
  padding: 20px 2% 5px 2%; }
  @media only screen and (min-width: 992px) {
    .title {
      padding: 20px 2% 2% 2%; } }
  .title h1 {
    display: inline;
    border-bottom: 1px solid black;
    font-weight: bold;
    padding: 0 3px;
    line-height: 1.5em;
    min-height: 42px; }
  .title p {
    padding: 5px 8px 5px 5px; }

dd.business .business_inner {
  height: auto;
  overflow: hidden; }
dd.business p {
  width: 100%;
  font-size: 1em;
  margin: 3px 0 15px 0;
  line-height: 1.2em; }
  @media only screen and (min-width: 992px) {
    dd.business p {
      margin: 5px 0 10px 0; } }
dd.business p.business {
  width: 64%;
  float: left; }
  @media only screen and (min-width: 640px) {
    dd.business p.business {
      width: 63%;
      float: left; } }
  @media only screen and (min-width: 992px) {
    dd.business p.business {
      width: 67%;
      float: left; } }
dd.business p.business_title {
  margin: 10px 0 0 0; }
dd.business p.time {
  width: 30%;
  float: left;
  text-align: right; }
dd.business p.time1 {
  width: 13%;
  float: left;
  text-align: left; }
  @media only screen and (min-width: 640px) {
    dd.business p.time1 {
      width: 9%;
      float: left;
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    dd.business p.time1 {
      width: 9%;
      float: left;
      text-align: left; } }
dd.business p.time2 {
  width: 0%;
  text-align: center; }
dd.business p.time3 {
  width: 18%;
  float: right;
  text-align: left; }
  @media only screen and (min-width: 640px) {
    dd.business p.time3 {
      width: 24%;
      float: right;
      text-align: left; } }
  @media only screen and (min-width: 992px) {
    dd.business p.time3 {
      width: 19%;
      float: right;
      text-align: left; } }

.shop_list_search {
  background: white;
  border: 10px solid #EAE5E3;
  padding: 3% 3% 0 3%;
  height: auto;
  overflow: hidden; }
  @media only screen and (min-width: 992px) {
    .shop_list_search {
      border: 15px solid #EAE5E3; } }
  .shop_list_search dt {
    background: black;
    color: white;
    padding: 1.5% 2%;
    font-size: 1em; }
    @media only screen and (min-width: 992px) {
      .shop_list_search dt {
        padding: 1% 2%;
        width: 80%;
        margin: 0 0 0 8%; } }
  .shop_list_search dd {
    padding: 1% 2%;
    height: auto;
    overflow: hidden; }
    @media only screen and (min-width: 992px) {
      .shop_list_search dd {
        padding: 15px 20% 15px 10%; } }
    .shop_list_search dd label {
      display: inline-block;
      float: left;
      width: 33.33333%;
      padding: 5px 0; }
      @media only screen and (min-width: 992px) {
        .shop_list_search dd label {
          width: 16.6666%; } }
      .shop_list_search dd label input {
        margin-right: 5px;
        width: auto;
        float: left; }
    .shop_list_search dd p {
      width: 62%;
      float: left; }
  @media only screen and (min-width: 992px) {
    .shop_list_search dd.tax label {
      width: 33.33333%; } }
  .shop_list_search dd.makuhari label {
    width: 50%; }
    @media only screen and (min-width: 992px) {
      .shop_list_search dd.makuhari label {
        width: 25%; } }
  .shop_list_search dd.genre label {
    width: 45%;
    margin: 0 5% 0 0; }
    @media only screen and (min-width: 992px) {
      .shop_list_search dd.genre label {
        width: 29%;
        margin: 0 4% 0 0; } }
    .shop_list_search dd.genre label input {
      margin: 10px 5px 0 0; }
  .shop_list_search dd.genre label:nth-child(even) {
    width: 50%;
    margin: 0; }
    @media only screen and (min-width: 992px) {
      .shop_list_search dd.genre label:nth-child(even) {
        width: 29%;
        margin: 0 4% 0 0; } }
  .shop_list_search dd.genre p {
    padding: 10px 0 0 0;
    display: inline-block; }
    @media only screen and (min-width: 992px) {
      .shop_list_search dd.genre p {
        padding: 10px 0 0 0;
        width: 58%; } }
  .shop_list_search dd.genre .label_img {
    width: 20%;
    display: inline-block;
    float: right; }
    @media only screen and (min-width: 992px) {
      .shop_list_search dd.genre .label_img {
        width: 22%; } }
  .shop_list_search .search {
    position: relative; }
    .shop_list_search .search input {
      width: 98%;
      border: 1px solid black;
      background: white;
      font-size: 1.2em;
      font-weight: bold;
      text-align: center;
      margin: 0 1% 15px 1%;
      padding: 10px 0; }
    .shop_list_search .search .search_icon {
      position: absolute;
      top: 8px;
      right: 60%;
      width: 22px; }
  .shop_list_search .shop_service {
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
    font-size: 12px; }
    @media tab {
      .shop_list_search .shop_service {
        height: auto;
        overflow: hidden;
        margin-bottom: 15px;
        font-size: 12px; } }
    @media only screen and (min-width: 992px) {
      .shop_list_search .shop_service {
        height: auto;
        overflow: hidden;
        margin-bottom: 15px;
        font-size: 14px; } }
  .shop_list_search .item_img {
    height: auto;
    overflow: hidden;
    width: 44%;
    float: left;
    margin-right: 3%; }
    @media only screen and (min-width: 992px) {
      .shop_list_search .item_img {
        width: 40%; } }
    .shop_list_search .item_img img {
      width: 100%; }
  .shop_list_search .service_item_img {
    width: 53%;
    float: right; }
    @media only screen and (min-width: 992px) {
      .shop_list_search .service_item_img {
        width: 57%;
        margin: 0px 0 0 0; } }
    .shop_list_search .service_item_img img {
      width: 23.2%;
      margin: 0 0 3px 0; }
      @media only screen and (min-width: 992px) {
        .shop_list_search .service_item_img img {
          width: 54px;
          margin: 0 0 3px 1px; } }
    .shop_list_search .service_item_img .service_item_tax {
      width: 100%; }
      .shop_list_search .service_item_img .service_item_tax img {
        width: 25%; }

.results {
  font-weight: bold;
  text-align: center;
  width: auto;
  margin: 0 auto;
  padding: 40px 0;
  border-bottom: 2px solid black; }
  .results .results_inner {
    position: relative; }
  .results p {
    display: inline-block;
    padding: 0 0 0 40px; }
  .results span {
    padding: 0 5px;
    font-size: 1.5em; }
  .results img {
    width: 30px;
    position: absolute;
    top: -5px; }

.tenant_item {
  height: auto;
  overflow: hidden; }
  .tenant_item .item {
    height: 155px;
    width: 100%;
    margin: 0;
    padding: 10px 0px 10px 10px;
    position: relative; }
    @media only screen and (min-width: 640px) {
      .tenant_item .item {
        height: 250px;
        border: none;
        border-bottom: 1px solid #EAE5E3;
        display: block; } }
    @media only screen and (min-width: 992px) {
      .tenant_item .item {
        height: 170px;
        border: none;
        border-bottom: 1px solid #EAE5E3;
        display: block; } }
    .tenant_item .item .item_img {
      width: 30%;
      float: left;
      margin: 0;
      padding-top: 17%; }
      @media only screen and (min-width: 640px) {
        .tenant_item .item .item_img {
          width: 30%;
          float: left;
          margin: 0;
          padding-top: 13%; } }
      @media only screen and (min-width: 992px) {
        .tenant_item .item .item_img {
          width: 25%;
          padding-top: 8%; } }
      .tenant_item .item .item_img img {
        top: 50%;
        left: 50%;
        transform: translate(0%, -50%); }
    .tenant_item .item .item_detail {
      width: 67%;
      float: left;
      margin: 1% 0 0 2.8%; }
      @media only screen and (min-width: 992px) {
        .tenant_item .item .item_detail {
          width: 71%; } }
      .tenant_item .item .item_detail .tenant_name {
        height: auto;
        overflow: hidden;
        margin: 0 0 10px 0;
        padding: 0 3% 0 0; }
        @media only screen and (min-width: 992px) {
          .tenant_item .item .item_detail .tenant_name {
            margin: 0 0 5px 0; } }
        .tenant_item .item .item_detail .tenant_name p.tenant_name {
          width: 80%;
          float: left;
          font-size: 1.2em;
          line-height: 1.3em;
          margin: 0; }
          @media only screen and (min-width: 992px) {
            .tenant_item .item .item_detail .tenant_name p.tenant_name {
              width: 72%; } }
        .tenant_item .item .item_detail .tenant_name img {
          float: right;
          width: 15.5%;
          margin: 0 0% 0 1%; }
          @media only screen and (min-width: 992px) {
            .tenant_item .item .item_detail .tenant_name img {
              margin: -2px 2.5% 0 1%;
              width: 40px; } }
      .tenant_item .item .item_detail .tenant_detail {
        height: auto;
        overflow: hidden;
        width: 52%;
        float: left; }
        @media only screen and (min-width: 992px) {
          .tenant_item .item .item_detail .tenant_detail {
            width: 70%; } }
        .tenant_item .item .item_detail .tenant_detail .floor, .tenant_item .item .item_detail .tenant_detail .time {
          width: 100%;
          height: auto;
          overflow: hidden;
          margin: 0 0 5px 0; }
          .tenant_item .item .item_detail .tenant_detail .floor img, .tenant_item .item .item_detail .tenant_detail .time img {
            float: left;
            width: 16px;
            margin: 0 5px 0 0; }
          .tenant_item .item .item_detail .tenant_detail .floor p.floor, .tenant_item .item .item_detail .tenant_detail .floor p.time, .tenant_item .item .item_detail .tenant_detail .time p.floor, .tenant_item .item .item_detail .tenant_detail .time p.time {
            float: left;
            font-size: 1em;
            margin: 0;
            width: 78%; }
            @media only screen and (min-width: 992px) {
              .tenant_item .item .item_detail .tenant_detail .floor p.floor, .tenant_item .item .item_detail .tenant_detail .floor p.time, .tenant_item .item .item_detail .tenant_detail .time p.floor, .tenant_item .item .item_detail .tenant_detail .time p.time {
                font-size: 1em; } }
          .tenant_item .item .item_detail .tenant_detail .floor p.floor, .tenant_item .item .item_detail .tenant_detail .time p.floor {
            width: auto;
            margin-top: 6px; }
          .tenant_item .item .item_detail .tenant_detail .floor p.number, .tenant_item .item .item_detail .tenant_detail .time p.number {
            float: left;
            margin-left: 6px; }
          .tenant_item .item .item_detail .tenant_detail .floor p.post, .tenant_item .item .item_detail .tenant_detail .time p.post {
            margin: 0 0 0 21px; }
      .tenant_item .item .item_detail .tax {
        width: 30%;
        position: absolute;
        right: 1.8%;
        top: 37%; }
        @media only screen and (min-width: 992px) {
          .tenant_item .item .item_detail .tax {
            width: 44%;
            right: 3.6%;
            bottom: 8%;
            top: auto; } }
        .tenant_item .item .item_detail .tax img {
          width: 34%;
          margin: 0;
          float: right; }
          @media only screen and (min-width: 992px) {
            .tenant_item .item .item_detail .tax img {
              width: 19%; } }

.access {
  height: auto;
  overflow: hidden;
  margin: 0 0 30px 0; }
  .access .map_item {
    margin: 0 0 40px 0; }
    .access .map_item img {
      width: 100%; }
    @media only screen and (min-width: 992px) {
      .access .map_item {
        width: 98%;
        margin: 0 0 30px 2%; } }
  .access .root_tab {
    height: auto;
    overflow: hidden;
    width: 100%; }
  .access .root_item {
    height: auto;
    overflow: hidden;
    margin: 10px 2% 20px 2%; }
    @media only screen and (min-width: 992px) {
      .access .root_item {
        width: 45%;
        float: left;
        margin: 10px 1% 30px 1%; } }
    .access .root_item .root_img {
      height: auto;
      overflow: hidden;
      position: relative;
      margin: 0 0 10px 0; }
      .access .root_item .root_img h1 {
        font-family: 'Roboto';
        font-size: 2em;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 15%;
        z-index: 100; }
        @media only screen and (min-width: 992px) {
          .access .root_item .root_img h1 {
            top: 0; } }
      .access .root_item .root_img img {
        float: right;
        width: 85%;
        margin: 0 0 0 0;
        min-height: 50px; }
    .access .root_item p {
      padding: 0; }
      @media only screen and (min-width: 992px) {
        .access .root_item p {
          font-size: 0.9em;
          padding-bottom: 6px; } }
  .access .root_item:after {
    clear: both; }
  .access .arrow {
    width: 18%;
    margin: 0 41% 20px 41%; }
    @media only screen and (min-width: 992px) {
      .access .arrow {
        float: left;
        margin: 90px 0 0 10px;
        width: 30px; } }

.access:after {
  clear: both; }

.accordion {
  width: 100%;
  margin: 30px auto 20px;
  background: #FFF;
  border-radius: 4px;
  border-top: 1px solid black; }
  .accordion li {
    height: auto;
    overflow: hidden; }
  .accordion .link {
    height: auto;
    overflow: hidden;
    cursor: pointer;
    display: block;
    padding: 15px 10px;
    font-size: 14px;
    font-weight: 700;
    background: white;
    position: relative;
    border-bottom: 1px solid black;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .accordion .link img {
      width: 15%;
      float: left; }
    .accordion .link .title {
      float: left;
      padding: 0 2%; }
      .accordion .link .title h1 {
        min-width: 230px;
        font-size: 1.5em;
        border: none;
        *display: inline;
        *zoom: 1; }
        @media only screen and (min-width: 992px) {
          .accordion .link .title h1 {
            min-width: 250px; } }
        .accordion .link .title h1 img {
          width: 8%;
          max-width: 200px; }
  .accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: .accordion li i text_color;
    border-radius: 50%;
    padding: 1%;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px; }
  .accordion li.open .link {
    color: .accordion li.open .link text_color; }
  .accordion li.open i {
    color: .accordion li.open i text_color; }
  .accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .accordion li.default .submenu {
    display: block; }

.submenu {
  display: none;
  background: white;
  font-size: 14px;
  padding: 3% 0; }
  .submenu li {
    height: auto;
    overflow: hidden;
    color: black;
    display: table;
    text-decoration: none;
    padding: 12px;
    margin: 0;
    width: 100%;
    position: relative;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; }
    .submenu li a {
      color: #d9d9d9; }
    .submenu li img {
      width: 20%;
      float: left;
      max-width: 60px; }
      @media only screen and (min-width: 992px) {
        .submenu li img {
          width: 10%; } }
    .submenu li .down {
      width: 15px;
      height: auto;
      overflow: hidden;
      float: right; }
      @media only screen and (min-width: 992px) {
        .submenu li .down {
          width: 25px; } }
      .submenu li .down img {
        float: right;
        padding: 4px 0; }
        @media only screen and (min-width: 992px) {
          .submenu li .down img {
            padding: 4px 10px 4px 0; } }
    .submenu li .inner_root {
      width: 72%;
      height: auto;
      overflow: hidden;
      float: left;
      margin: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      display: inline-table; }
      .submenu li .inner_root p.root {
        font-weight: bold;
        font-size: 1em;
        display: block; }
      .submenu li .inner_root p {
        padding: 2px 0 2px 10px;
        display: inline-table;
        font-size: 10px; }
        @media only screen and (min-width: 992px) {
          .submenu li .inner_root p {
            font-size: 12px; } }
  .submenu li.box {
    background: black;
    color: white;
    width: 94%;
    margin: 0 3% 10px 3%;
    text-align: center;
    position: relative; }
    .submenu li.box img {
      position: absolute;
      top: 5px;
      left: 5px;
      width: 30px; }
      @media only screen and (min-width: 992px) {
        .submenu li.box img {
          top: 2px;
          left: 2px; } }
  .submenu li.goal {
    background: #b50081;
    border: none;
    color: white; }
    .submenu li.goal p {
      padding: 0 0 0 30px;
      color: white; }
    .submenu li.goal img {
      width: 10%;
      max-width: 30px; }
      @media only screen and (min-width: 992px) {
        .submenu li.goal img {
          width: 6%;
          max-width: 40px; } }
  .submenu a:hover {
    background: #b63b4d;
    color: #FFF; }

.spot ul {
  border-top: 1px solid #ccc; }
.spot li {
  border-bottom: 1px solid #ccc; }
.spot .link {
  background: white;
  border: none;
  border-bottom: 1px solid #CCC; }
  .spot .link img {
    width: 80%;
    margin: 0 10% 8px 10%; }
    @media only screen and (min-width: 992px) {
      .spot .link img {
        width: 40%;
        padding-right: 15px;
        margin: 0; } }
  .spot .link .center_p {
    width: 90%;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-table;
    margin: 0 0 0 5px; }
    @media only screen and (min-width: 992px) {
      .spot .link .center_p {
        width: 54%;
        margin: 0; } }
  .spot .link p {
    line-height: 1.4em; }
    @media only screen and (min-width: 992px) {
      .spot .link p {
        padding-bottom: 5px; } }
  .spot .link p:after {
    clear: both; }
  .spot .link span {
    font-size: 12px;
    font-weight: 100; }
  .spot .link i {
    top: 80%; }
    @media only screen and (min-width: 992px) {
      .spot .link i {
        top: 16px; } }
.spot ul.submenu li.box {
  margin-bottom: 0; }
.spot ul.submenu li.inner {
  width: 93%;
  border-left: 1px solid black;
  margin-left: 6%;
  position: static; }
  .spot ul.submenu li.inner h5 {
    padding: 0 0 5px 0;
    font-size: 1em; }
  .spot ul.submenu li.inner h5:after {
    clear: both; }
  .spot ul.submenu li.inner .inner_root_box {
    position: relative;
    height: auto;
    overflow: hidden; }
  .spot ul.submenu li.inner img {
    width: 10%; }
    @media only screen and (min-width: 992px) {
      .spot ul.submenu li.inner img {
        width: 8%; } }
  .spot ul.submenu li.inner p {
    display: block; }
.spot ul.submenu__hotel {
  display: none;
  padding: 10px 0;
  background: #e6e6e6; }
  @media only screen and (min-width: 992px) {
    .spot ul.submenu__hotel {
      background: #f2f2f2; } }
  .spot ul.submenu__hotel img {
    width: 80%;
    margin: 10px 10%;
    box-shadow: 2px 2px 3px #ccc; }
    @media only screen and (min-width: 992px) {
      .spot ul.submenu__hotel img {
        width: 50%;
        margin: 10px 25%; } }
.spot #map_out {
  border-bottom: 2px solid black; }

.sub_tax {
  background: white;
  padding: 0 0 10px 0; }
  @media only screen and (min-width: 992px) {
    .sub_tax {
      background: none; } }
  .sub_tax img {
    margin: 3% 3% 1% 3%; }
  .sub_tax img.tax_title {
    width: 80%;
    margin: 0 10%; }
    @media only screen and (min-width: 992px) {
      .sub_tax img.tax_title {
        width: 44%;
        margin: 10px 28% -25px 28%; } }
  .sub_tax h3, .sub_tax h4, .sub_tax p {
    width: 94%;
    margin: 2% 3%; }
  .sub_tax h3 {
    border: 2px solid black;
    font-size: 1.4em;
    line-height: 1.4em;
    padding: 10px;
    margin-top: 9%;
    margin-bottom: 4%; }
    @media only screen and (min-width: 992px) {
      .sub_tax h3 {
        margin-top: 6%;
        margin-bottom: 2%; } }
  .sub_tax h4 {
    background: black;
    color: white;
    font-size: 1.2em;
    margin-bottom: 3%;
    margin-left: 5%;
    padding: 0 5px;
    border-bottom: 1px solid black;
    display: inline; }
  .sub_tax p, .sub_tax ul {
    width: 90%;
    margin: 3% 5%;
    line-height: 1.3em; }
  .sub_tax ul {
    width: 92%;
    margin: 3% 3% 3% 5%;
    padding: 0 0 0 1em; }
  .sub_tax li {
    list-style-type: square;
    list-style-position: outside;
    margin: 0 0 2% 0; }

.gift_bx .bx-next, .gift_bx .bx-prev {
  background: none; }
.gift_bx .bx-clone {
  display: none; }

.link_target:before {
  content: "";
  display: block;
  margin-top: -60px;
  padding-top: 60px; }

.gift_item .item {
  border-bottom: 1px solid #EAE5E3;
  width: 100%;
  padding: 10px; }
  @media only screen and (min-width: 992px) {
    .gift_item .item {
      padding: 0;
      border-right: 1px solid #EAE5E3;
      border-left: 1px solid #EAE5E3;
      border-top: 1px solid #EAE5E3; } }
  .gift_item .item .item_img {
    max-height: 300px;
    position: relative;
    padding-top: 70%;
    overflow: hidden;
    width: 94%;
    margin: 10px 3% 0 3%; }
    @media only screen and (min-width: 992px) {
      .gift_item .item .item_img {
        width: 346px;
        float: left;
        margin: 0;
        padding-top: 34%;
        border: none;
        margin: 20px 5px 20px 20px; } }
    .gift_item .item .item_img img {
      width: auto;
      height: 100%;
      max-width: 100%;
      max-height: 300px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .gift_item .item .item_detail {
    width: 100%;
    padding: 10px;
    margin: 0; }
    @media only screen and (min-width: 992px) {
      .gift_item .item .item_detail {
        width: 46%;
        float: left;
        padding: 35px 10px 0px 10px; } }
    .gift_item .item .item_detail p.gift_name {
      font-size: 1.25em;
      font-weight: 100;
      line-height: 1.3em;
      min-height: 3em;
      padding: 2% 0; }
      @media only screen and (min-width: 992px) {
        .gift_item .item .item_detail p.gift_name {
          font-size: 1.17em;
          min-height: 170px;
          padding: 0 0 1% 0; } }
      .gift_item .item .item_detail p.gift_name strong {
        font-size: 1.07em; }
    .gift_item .item .item_detail p.from_tenant {
      font-size: 1em;
      font-weight: 100;
      text-align: right;
      padding: 3% 2% 0% 2%;
      line-height: 1.4em; }
      @media only screen and (min-width: 992px) {
        .gift_item .item .item_detail p.from_tenant {
          line-height: 1.5em;
          padding: 0% 2% 0% 2%;
          height: 3.2em; } }
      .gift_item .item .item_detail p.from_tenant strong {
        font-size: 1.13em; }
@media only screen and (min-width: 992px) {
  .gift_item .item:first-child {
    border-top: 1px solid #EAE5E3;
    margin-top: 15px; } }

.featherlight-content {
  padding: 10px 0;
  width: 96% !important;
  margin: 0 2%; }
  @media only screen and (min-width: 992px) {
    .featherlight-content {
      width: 80% !important;
      max-width: 800px; } }
  .featherlight-content img {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0; }

.featherlight-inner {
  background: none;
  border-radius: 0; }

br.mob {
  display: none; }
  @media (max-width: 350px) {
    br.mob {
      display: block; } }

.narita_item {
  height: auto;
  overflow: hidden;
  background-image: url("/img/mall/narita-aeonmall/back.jpg");
  background-size: contain; }
  .narita_item .title {
    padding: 5px 0;
    text-align: center; }
    @media only screen and (min-width: 992px) {
      .narita_item .title {
        padding: 10px 0; } }
    .narita_item .title h1 {
      border-bottom: 0; }
  .narita_item .item {
    width: 92%;
    position: relative;
    float: none;
    background: white;
    margin: 25px 4%;
    padding: 15px 12px 15px; }
    .narita_item .item p {
      position: static; }
  .narita_item .item_img {
    margin: 0 0 10px; }
    @media only screen and (min-width: 992px) {
      .narita_item .item_img {
        width: 50%;
        float: left; } }
  .narita_item .item_img__thumbnail {
    overflow: hidden;
    display: flex;
    padding: 5px 0 0; }
    .narita_item .item_img__thumbnail a {
      width: 100%;
      height: 80px;
      overflow: hidden;
      margin: auto 1%;
      position: relative; }
      @media only screen and (min-width: 992px) {
        .narita_item .item_img__thumbnail a {
          height: 70px; } }
      .narita_item .item_img__thumbnail a img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        object-fit: cover;
        width: 100%;
        height: 100%; }
  .narita_item .coupon_use_button {
    width: 80%;
    background: red;
    color: white;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;
    box-shadow: 0 5px #990000;
    margin: 20px 10% 5px;
    font-size: 16px; }
    @media only screen and (min-width: 992px) {
      .narita_item .coupon_use_button {
        margin: 15px 10% 15px; } }
  .narita_item .coupon_use_button:disabled {
    background: #999;
    box-shadow: 0 0 white;
    margin: 25px 10% 0; }
    @media only screen and (min-width: 992px) {
      .narita_item .coupon_use_button:disabled {
        margin: 20px 10% 10px; } }
  .narita_item .item_detail {
    border: 5px solid #e6e6e6;
    padding: 10px; }
    @media only screen and (min-width: 992px) {
      .narita_item .item_detail {
        width: 49%;
        margin: 0 0 0 1%;
        float: left; } }
  .narita_item .item_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0 10px 5px;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #b3b3b3; }
    @media only screen and (min-width: 992px) {
      .narita_item .item_info {
        padding: 5px 0 15px 5px; } }
  .narita_item .logo {
    width: 40%; }
    @media only screen and (min-width: 992px) {
      .narita_item .logo {
        width: 35%; } }
  .narita_item .item_info__place {
    padding: 3px 0 0 5px; }
    @media only screen and (min-width: 992px) {
      .narita_item .item_info__place {
        padding: 3px 3px 0 8px; } }
  .narita_item p.floor {
    position: relative;
    padding: 4px 0 4px 22px;
    bottom: 0;
    left: 0; }
    .narita_item p.floor:before {
      content: "";
      left: 0;
      top: 0;
      width: 1.2rem;
      height: 1.2rem;
      position: absolute;
      background-image: url("/img/access_lp.svg");
      background-repeat: no-repeat;
      background-size: contain; }
  .narita_item .floor_number {
    position: static;
    display: inline-block; }
    .narita_item .floor_number::before {
      content: "["; }
    .narita_item .floor_number::after {
      content: "]"; }
  .narita_item p.time {
    position: relative;
    bottom: 0;
    left: 0;
    display: inline-block;
    padding: 4px 0 4px 22px; }
    .narita_item p.time:before {
      position: absolute;
      content: "";
      left: 2px;
      top: 3.5px;
      width: 0.95rem;
      height: 1rem;
      position: absolute;
      background-image: url("/img/time_lp.svg");
      background-repeat: no-repeat;
      background-size: contain; }
  .narita_item .item_info__genre {
    width: 50px;
    text-align: center; }
    .narita_item .item_info__genre img {
      padding: 0 10px; }
    .narita_item .item_info__genre p {
      position: static;
      font-size: 0.7rem;
      padding: 0 0 3px;
      font-weight: 100; }
      @media only screen and (min-width: 992px) {
        .narita_item .item_info__genre p {
          font-size: 0.6rem; } }
  .narita_item .item_comment {
    height: auto;
    overflow: hidden;
    padding: 10px; }
    .narita_item .item_comment p {
      font-weight: 100;
      font-family: arial unicode ms ,arial, helvetica, sans-serif;
      line-height: 1.2rem;
      font-size: 0.8rem;
      color: #666; }
      @media only screen and (min-width: 992px) {
        .narita_item .item_comment p {
          font-size: 0.7rem;
          line-height: 1rem; } }
  .narita_item .tax {
    border-top: 1px solid #b3b3b3;
    display: flex;
    align-items: center;
    padding: 10px 0 0;
    font-size: 0.95rem; }
    .narita_item .tax img {
      width: 22px;
      margin: 0 8px 2px 8px; }
    .narita_item .tax .tax__text p {
      display: inline;
      float: left;
      bottom: 0;
      left: 0;
      padding: 0 0 0 3px; }
      @media only screen and (min-width: 992px) {
        .narita_item .tax .tax__text p {
          font-size: 0.75rem; } }
      .narita_item .tax .tax__text p::after {
        content: " / ";
        font-weight: 100;
        font-size: 0.7rem;
        display: inline;
        height: 1rem; }
      .narita_item .tax .tax__text p:last-child::after {
        content: ""; }
  .narita_item .pattern {
    height: 16px;
    background-image: linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%, #444), linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%, #444);
    background-position: 0 0, 8px 8px;
    background-size: 16px 16px;
    clear: both; }
    @media only screen and (min-width: 992px) {
      .narita_item .pattern {
        height: 10px;
        background-position: 0 0, 5px 5px;
        background-size: 10px 10px; } }
  .narita_item .narita_item__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4%;
    text-align: center; }
    .narita_item .narita_item__btn a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 49%;
      height: 40px;
      margin: 5px 1% 15px;
      background: rgba(255, 255, 255, 0.5);
      font-weight: bold;
      border: 4px double black; }
    .narita_item .narita_item__btn img {
      width: 25px;
      margin: 0 10px 0 -10px;
      padding: 0 0 2px 0; }

.narita_item__gourmet {
  background: #F5ECDC;
  background-image: linear-gradient(45deg, #F0E4CE 25%, transparent 25%, transparent 75%, #F0E4CE 75%, #F0E4CE), linear-gradient(45deg, #F0E4CE 25%, transparent 25%, transparent 75%, #F0E4CE 75%, #F0E4CE);
  background-position: 0 0, 8px 8px;
  background-size: 16px 16px;
  clear: both; }
  @media only screen and (min-width: 992px) {
    .narita_item__gourmet {
      background-position: 0 0, 5px 5px;
      background-size: 10px 10px; } }
  .narita_item__gourmet .item {
    border: 6px solid black; }
  .narita_item__gourmet .item_detail {
    border: 8px solid #e6e6e6;
    padding: 10px 7px 10px 10px; }

.narita_item__coupon {
  background: #EAE5E3; }
  .narita_item__coupon a {
    display: block; }
  .narita_item__coupon .item {
    padding: 10px 5px 10px 10px;
    position: relative; }
    .narita_item__coupon .item .coupon_get {
      width: 10%;
      position: absolute;
      bottom: 5px;
      right: 5px; }
  .narita_item__coupon .item_img {
    width: 49%;
    margin: 0 1% 0 0;
    float: left; }
  .narita_item__coupon .coupon_thumbnail {
    width: 50%;
    float: left;
    position: relative; }
    .narita_item__coupon .coupon_thumbnail .logo {
      height: 8%;
      margin: 0 0 0 8px; }
    .narita_item__coupon .coupon_thumbnail .coupon_thumbnail_title {
      font-size: 100%; }
      .narita_item__coupon .coupon_thumbnail .coupon_thumbnail_title img {
        width: 100%; }

.narita_item__coupon-detail {
  background: #EAE5E3; }
  .narita_item__coupon-detail .show_page {
    color: red;
    text-align: center;
    font-family: arial unicode ms ,arial, helvetica, sans-serif;
    line-height: 1.5em;
    margin: 20px auto 0;
    font-size: 1.2rem;
    font-weight: bold;
    display: table;
    border-bottom: 9px solid #efcdcd; }
    @media only screen and (min-width: 992px) {
      .narita_item__coupon-detail .show_page {
        margin: 30px auto 0; } }
  @media only screen and (min-width: 992px) {
    .narita_item__coupon-detail .item {
      width: 86%;
      margin: 25px 7%;
      padding: 30px; } }
  .narita_item__coupon-detail .item_inner {
    border: 4px double red;
    padding: 10px;
    height: auto;
    overflow: hidden; }
    @media only screen and (min-width: 992px) {
      .narita_item__coupon-detail .item_inner {
        padding: 25px 30px; } }
  .narita_item__coupon-detail .tax {
    border: none;
    font-size: 0.92em; }
  @media only screen and (min-width: 992px) {
    .narita_item__coupon-detail .item_img {
      width: 45%; } }
  .narita_item__coupon-detail .item_img p {
    font-size: 0.5rem;
    font-family: sans-serif;
    color: #888;
    padding: 5px 0 0; }
  .narita_item__coupon-detail .item_coupon {
    padding: 0 0 10px;
    border-bottom: 4px double red; }
    @media only screen and (min-width: 992px) {
      .narita_item__coupon-detail .item_coupon {
        border: none; } }
    .narita_item__coupon-detail .item_coupon img {
      width: 80%;
      margin: 0 4% 10px 16%; }
      @media only screen and (min-width: 992px) {
        .narita_item__coupon-detail .item_coupon img {
          width: 50%;
          margin: 20px 0 0 5%;
          float: left;
          border: none; } }
    .narita_item__coupon-detail .item_coupon p {
      border-top: 4px double red;
      padding: 10px 0 0;
      color: red;
      text-align: center;
      font-family: arial unicode ms ,arial, helvetica, sans-serif;
      line-height: 1.5em; }
      @media only screen and (min-width: 992px) {
        .narita_item__coupon-detail .item_coupon p {
          clear: both; } }
  .narita_item__coupon-detail .item_detail {
    margin: 20px 0;
    border-color: #f2f2f2; }
    @media only screen and (min-width: 992px) {
      .narita_item__coupon-detail .item_detail {
        float: none;
        width: 100%;
        margin: 20px 0;
        padding: 5px 60px 10px; } }
  @media only screen and (min-width: 992px) {
    .narita_item__coupon-detail .item_info {
      padding: 5px 0 5px 5px;
      border-color: #d8d8d8; } }
  .narita_item__coupon-detail .item_info .logo {
    width: 36%; }
  @media only screen and (min-width: 992px) {
    .narita_item__coupon-detail .tax {
      display: flex;
      justify-content: center; } }
  .narita_item__coupon-detail .item_coupon-caution {
    margin: 10px 0;
    padding: 20px 20px 10px;
    background: #f2f2f2; }
    @media only screen and (min-width: 992px) {
      .narita_item__coupon-detail .item_coupon-caution {
        text-align: center; } }
    .narita_item__coupon-detail .item_coupon-caution li {
      margin: 0 0 15px; }
      .narita_item__coupon-detail .item_coupon-caution li p {
        color: #666;
        font-weight: bold;
        font-family: arial unicode ms ,arial, helvetica, sans-serif;
        font-size: 0.8em;
        line-height: 1.4em; }
        @media only screen and (min-width: 992px) {
          .narita_item__coupon-detail .item_coupon-caution li p {
            font-size: 1em; } }
    .narita_item__coupon-detail .item_coupon-caution .jpn {
      font-weight: 100;
      font-size: 0.6em;
      line-height: 1.4em;
      color: #a6a6a6; }
      @media only screen and (min-width: 992px) {
        .narita_item__coupon-detail .item_coupon-caution .jpn {
          font-size: 0.8em; } }
  @media only screen and (min-width: 992px) {
    .narita_item__coupon-detail .pc_coupon-border {
      clear: both;
      float: none;
      border-bottom: 4px double red;
      margin: 0 0 10px; } }
  .narita_item__coupon-detail .other_coupon {
    display: block;
    background: white;
    color: red;
    border: 4px solid red;
    width: 92%;
    margin: 25px 4%;
    padding: 20px 12px 20px;
    text-align: center;
    font-weight: bold;
    font-size: 1.4rem;
    position: relative; }
    @media only screen and (min-width: 992px) {
      .narita_item__coupon-detail .other_coupon {
        width: 86%;
        margin: 40px 7%; } }
    .narita_item__coupon-detail .other_coupon .coupon_get {
      height: 50px;
      width: auto;
      position: absolute;
      bottom: 5px;
      right: 5px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.menu_tok {
  max-width: 100%;
  width: 98%;
  height: auto;
  overflow: hidden;
  margin: 3% 1%; }
  @media only screen and (min-width: 992px) {
    .menu_tok {
      width: 100%;
      margin: 0% 0%; } }
  .menu_tok img {
    width: 100%; }

.item_img_tok {
  max-width: 100%;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 640px) {
    .item_img_tok {
      margin: 0;
      width: 100%;
      height: 100%; } }
  @media only screen and (min-width: 992px) {
    .item_img_tok {
      height: 100%;
      width: 100%; } }

@media only screen and (min-width: 992px) {
  .tok_floormap ul {
    width: 38% !important;
    right: -100px; } }
@media only screen and (min-width: 992px) {
  .tok_floormap ul li {
    width: 33% !important; } }
.tok_floormap ul li:last-child {
  border-right: 1px solid black; }

@media only screen and (min-width: 992px) {
  .tok_floormap ul li:last-child {
    border-right: none; } }
@media only screen and (min-width: 992px) {
  .tok_floormap_vn ul {
    height: 60px;
    width: 37% !important; } }
@media only screen and (min-width: 992px) {
  .tok_floormap_vn ul li {
    width: 33% !important; } }
.tok_floormap_vn ul li:last-child {
  border-right: 1px solid black; }

@media only screen and (min-width: 992px) {
  .tok_floormap_vn ul li:last-child {
    border-right: none; } }
.tok_six {
  display: flex;
  height: 100%;
  margin-bottom: 15px;
  width: 100%; }
  @media only screen and (min-width: 640px) {
    .tok_six {
      display: flex;
      height: 100%;
      margin-bottom: 15px;
      width: 100%; } }
  @media only screen and (min-width: 992px) {
    .tok_six {
      display: flex;
      height: 100%;
      margin-bottom: 15px;
      width: 100%; } }
  .tok_six .tok_six img {
    height: 100%; }
    .tok_six .tok_six img .caption_area {
      position: absolute;
      width: 100%;
      padding: 5px;
      box-sizing: border-box;
      bottom: 0; }
  .tok_six .img_sixpic {
    margin: 5px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative; }
    @media only screen and (min-width: 640px) {
      .tok_six .img_sixpic {
        margin: 5px;
        width: 100%;
        height: 100%; } }
    @media only screen and (min-width: 992px) {
      .tok_six .img_sixpic {
        margin: 5px;
        height: 100%;
        width: 100%; } }

.item_click_tok {
  display: flex;
  width: 100%;
  height: 100%; }
  @media only screen and (min-width: 640px) {
    .item_click_tok {
      display: flex;
      height: 100%; } }
  @media only screen and (min-width: 992px) {
    .item_click_tok {
      margin: none;
      width: 100%; } }
  .item_click_tok .item_click_mall_tok {
    display: flex;
    width: 100%;
    height: 126px; }
    @media only screen and (min-width: 640px) {
      .item_click_tok .item_click_mall_tok {
        display: flex;
        height: 230px; } }
    @media only screen and (min-width: 992px) {
      .item_click_tok .item_click_mall_tok {
        margin: 0px;
        width: 62%;
        height: 300px; } }
  .item_click_tok .item_img_min_tok {
    margin-left: 5px;
    width: 50%;
    margin: 0px 20px 20px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
    @media only screen and (min-width: 640px) {
      .item_click_tok .item_img_min_tok {
        width: 50%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around; } }
    @media only screen and (min-width: 992px) {
      .item_click_tok .item_img_min_tok {
        width: 50%;
        height: 100%; } }

.tok_border {
  padding: 6px;
  border-left: 10px solid #B50081;
  font-size: 1rem; }
  @media only screen and (min-width: 640px) {
    .tok_border {
      padding: 10px;
      border-left: 15px solid #B50081;
      font-size: 1rem; } }
  @media only screen and (min-width: 992px) {
    .tok_border {
      padding: 15px;
      border-left: 18px solid #B50081;
      font-size: 1.5rem; } }

.sp_font {
  text-align: center;
  font-family: 'Merriweather', serif;
  font-size: 15px; }
  @media only screen and (min-width: 640px) {
    .sp_font {
      font-family: 'Merriweather', serif;
      font-size: 25px; } }
  @media only screen and (min-width: 992px) {
    .sp_font {
      font-family: 'Merriweather', serif;
      font-size: 30px; } }

.sp_font_ch {
  text-align: center;
  font-family: 'Merriweather', serif;
  font-size: 17px; }
  @media only screen and (min-width: 640px) {
    .sp_font_ch {
      font-family: 'Merriweather', serif;
      font-size: 25px; } }
  @media only screen and (min-width: 992px) {
    .sp_font_ch {
      font-family: 'Merriweather', serif;
      font-size: 30px; } }

.all_font {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.5rem;
  padding: 2px 0px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .all_font {
      font-size: 1rem;
      padding: 5px 0px 0px 0px; } }
  @media only screen and (min-width: 992px) {
    .all_font {
      font-size: 1.3rem;
      padding: 10px 2px 2px 0px; } }

.all_font_ch {
  font-size: 0.5rem;
  padding: 2px 0px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .all_font_ch {
      font-size: 0.6rem;
      padding: 5px 0px 0px 0px; } }
  @media only screen and (min-width: 992px) {
    .all_font_ch {
      font-size: 0.8rem;
      padding: 10px 2px 2px 0px; } }

.all_font_kr {
  font-family: 'M PLUS 1 Code', sans-serif;
  font-size: 0.5rem;
  padding: 2px 0px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .all_font_kr {
      font-size: 0.5rem;
      padding: 5px 0px 0px 0px; } }
  @media only screen and (min-width: 992px) {
    .all_font_kr {
      font-size: 1rem;
      padding: 10px 2px 2px 0px; } }

.all_font_tw {
  font-family: 'M PLUS 1 Code', sans-serif;
  font-size: 0.5rem;
  padding: 2px 0px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .all_font_tw {
      font-size: 0.8rem;
      padding: 5px 0px 0px 0px; } }
  @media only screen and (min-width: 992px) {
    .all_font_tw {
      font-size: 1rem;
      padding: 10px 2px 2px 0px; } }

.all_font_th {
  font-family: 'M PLUS 1 Code', sans-serif;
  font-size: 0.5rem;
  padding: 2px 0px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .all_font_th {
      font-size: 0.8rem;
      padding: 5px 0px 0px 0px; } }
  @media only screen and (min-width: 992px) {
    .all_font_th {
      font-size: 1rem;
      padding: 10px 2px 2px 0px; } }

.all_font_last {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.5rem;
  padding: 2px 0px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .all_font_last {
      font-size: 1rem;
      padding: 5px 0px 0px 0px; } }
  @media only screen and (min-width: 992px) {
    .all_font_last {
      font-size: 1rem;
      padding: 10px 2px 2px 0px; } }

.tok_word {
  text-align: center;
  font-size: 10px; }
  @media only screen and (min-width: 640px) {
    .tok_word {
      text-align: center;
      font-size: 20px; } }
  @media only screen and (min-width: 992px) {
    .tok_word {
      text-align: center;
      font-size: 20px; } }

.tok_word_kr {
  padding: 10px 0 0 0;
  text-align: center;
  font-size: 10px; }
  @media only screen and (min-width: 640px) {
    .tok_word_kr {
      text-align: center;
      font-size: 1rem; } }
  @media only screen and (min-width: 992px) {
    .tok_word_kr {
      text-align: center;
      font-size: 20px; } }

.tok_word_ch {
  padding: 10px 0 0 0;
  text-align: center;
  font-size: 14px; }
  @media only screen and (min-width: 640px) {
    .tok_word_ch {
      text-align: center;
      font-size: 1rem; } }
  @media only screen and (min-width: 992px) {
    .tok_word_ch {
      text-align: center;
      font-size: 20px; } }

.tok_location {
  width: 50%; }

.tok_info {
  width: 100%;
  padding: 5px; }

.wrapper_tok {
  height: 100%;
  height: 100vh;
  position: relative;
  width: 100%; }

.txt3 {
  font-size: 2rem;
  padding: 2px 0px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .txt3 {
      font-size: 2rem;
      padding: 5px 0px 0px 0px; } }
  @media only screen and (min-width: 992px) {
    .txt3 {
      font-size: 2rem;
      padding: 10px 2px 2px 0px; } }

.jr_icon {
  display: flex; }

.location_pic {
  padding: 20px 0px 0px 0px; }

.info_pic img {
  height: 45px;
  width: 185px; }
  @media only screen and (min-width: 640px) {
    .info_pic img {
      height: 80px;
      width: 310px; } }
  @media only screen and (min-width: 992px) {
    .info_pic img {
      height: 120px;
      width: 460px; } }

.info_pic_vn img {
  height: 50px;
  width: 170px; }
  @media only screen and (min-width: 640px) {
    .info_pic_vn img {
      height: 105px;
      width: 310px; } }
  @media only screen and (min-width: 992px) {
    .info_pic_vn img {
      height: 120px;
      width: 460px; } }

.info_pic_ch img {
  height: 55px;
  width: 230px; }
  @media only screen and (min-width: 640px) {
    .info_pic_ch img {
      height: 100px;
      width: 400px; } }
  @media only screen and (min-width: 992px) {
    .info_pic_ch img {
      height: 125px;
      width: 440px; } }

.info_pic_tw img {
  height: 50px;
  width: 170px; }
  @media only screen and (min-width: 640px) {
    .info_pic_tw img {
      height: 100px;
      width: 300px; } }
  @media only screen and (min-width: 992px) {
    .info_pic_tw img {
      height: 120px;
      width: 430px; } }

.info_pic_kr img {
  height: 45px;
  width: 190px; }
  @media only screen and (min-width: 640px) {
    .info_pic_kr img {
      height: 100px;
      width: 350px; } }
  @media only screen and (min-width: 992px) {
    .info_pic_kr img {
      height: 125px;
      width: 500px; } }

.info_pic_th img {
  height: 45px;
  width: 160px; }
  @media only screen and (min-width: 640px) {
    .info_pic_th img {
      height: 80px;
      width: 310px; } }
  @media only screen and (min-width: 992px) {
    .info_pic_th img {
      height: 140px;
      width: 455px; } }

.access_pic img {
  height: 90px;
  width: 180px; }
  @media only screen and (min-width: 640px) {
    .access_pic img {
      height: 170px;
      width: 310px; } }
  @media only screen and (min-width: 992px) {
    .access_pic img {
      height: 235px;
      width: 460px; } }

.access_pic_vn img {
  height: 90px;
  width: 175px; }
  @media only screen and (min-width: 640px) {
    .access_pic_vn img {
      height: 160px;
      width: 295px; } }
  @media only screen and (min-width: 992px) {
    .access_pic_vn img {
      height: 235px;
      width: 435px; } }

.access_pic_ch img {
  height: 65px;
  width: 165px; }
  @media only screen and (min-width: 640px) {
    .access_pic_ch img {
      height: 125px;
      width: 300px; } }
  @media only screen and (min-width: 992px) {
    .access_pic_ch img {
      height: 175px;
      width: 440px; } }

.access_pic_tw img {
  height: 70px;
  width: 180px; }
  @media only screen and (min-width: 640px) {
    .access_pic_tw img {
      height: 130px;
      width: 310px; } }
  @media only screen and (min-width: 992px) {
    .access_pic_tw img {
      height: 180px;
      width: 440px; } }

.access_pic_kr img {
  height: 80px;
  width: 165px; }
  @media only screen and (min-width: 640px) {
    .access_pic_kr img {
      height: 100px;
      width: 310px; } }
  @media only screen and (min-width: 992px) {
    .access_pic_kr img {
      height: 200px;
      width: 470px; } }

.access_pic_th img {
  height: 70px;
  width: 160px; }
  @media only screen and (min-width: 640px) {
    .access_pic_th img {
      height: 130px;
      width: 315px; } }
  @media only screen and (min-width: 992px) {
    .access_pic_th img {
      height: 200px;
      width: 470px; } }

.location_font img {
  height: 40px;
  width: 144px; }
  @media only screen and (min-width: 640px) {
    .location_font img {
      height: 90px;
      width: 340px; } }
  @media only screen and (min-width: 992px) {
    .location_font img {
      height: 125px;
      width: 500px; } }

.location_font_vn img {
  height: 40px;
  width: 150px; }
  @media only screen and (min-width: 640px) {
    .location_font_vn img {
      height: 90px;
      width: 340px; } }
  @media only screen and (min-width: 992px) {
    .location_font_vn img {
      height: 125px;
      width: 480px; } }

.location_font_ch img {
  padding: 5px 0px 0px 0px;
  height: 40px;
  width: 165px; }
  @media only screen and (min-width: 640px) {
    .location_font_ch img {
      height: 70px;
      width: 270px; } }
  @media only screen and (min-width: 992px) {
    .location_font_ch img {
      height: 90px;
      width: 410px; } }

.location_font_tw img {
  padding: 5px 0px 0px 0px;
  height: 35px;
  width: 154px; }
  @media only screen and (min-width: 640px) {
    .location_font_tw img {
      height: 70px;
      width: 330px; } }
  @media only screen and (min-width: 992px) {
    .location_font_tw img {
      height: 95px;
      width: 415px; } }

.location_font_kr img {
  padding: 5px 0px 0px 0px;
  height: 40px;
  width: 170px; }
  @media only screen and (min-width: 640px) {
    .location_font_kr img {
      height: 70px;
      width: 310px; } }
  @media only screen and (min-width: 992px) {
    .location_font_kr img {
      height: 90px;
      width: 420px; } }

.location_font_th img {
  padding: 5px 0px 0px 0px;
  height: 45px;
  width: 175px; }
  @media only screen and (min-width: 640px) {
    .location_font_th img {
      height: 75px;
      width: 280px; } }
  @media only screen and (min-width: 992px) {
    .location_font_th img {
      height: 120px;
      width: 464px; } }

.service_tok_icon {
  width: 57%;
  margin: 0px 0 0 0; }

.video_wrapper {
  padding: 20px 0px 10px 0px;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.video_wrapper > video {
  width: 100%; }

.tok_icon_big {
  width: 100%;
  height: 120px;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (min-width: 640px) {
    .tok_icon_big {
      width: 100%;
      height: 185px;
      display: flex;
      flex-wrap: wrap; } }
  @media only screen and (min-width: 992px) {
    .tok_icon_big {
      width: 100%;
      height: 400px;
      display: flex;
      flex-wrap: wrap; } }

.tok_icon_pictogram {
  width: 56px;
  height: 37px;
  transform: scale(0.12); }
  @media only screen and (min-width: 640px) {
    .tok_icon_pictogram {
      width: 105px;
      height: 57px;
      transform: scale(0.2); } }
  @media only screen and (min-width: 992px) {
    .tok_icon_pictogram {
      width: 19.5%;
      height: 80px;
      transform: scale(0.3); } }
  @media only screen and (min-width: 992px) {
    .tok_icon_pictogram img {
      width: 100%; } }

.picto_word {
  width: 470px;
  font-size: 50px;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 50px 150px 0px 0px; }

.picto_word_kr {
  width: 470px;
  font-size: 40px;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 50px 150px 0px 0px; }
  @media tab {
    .picto_word_kr {
      width: 470px;
      font-size: 40px;
      font-family: 'Source Sans Pro', sans-serif;
      padding: 50px 150px 0px 0px; } }
  @media pc {
    .picto_word_kr {
      width: 470px;
      font-size: 40px;
      font-family: 'Source Sans Pro', sans-serif;
      padding: 50px 150px 0px 0px; } }

.access_icon_tr {
  width: 180px;
  padding: 50px 5px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .access_icon_tr {
      width: 160px;
      padding: 40px 5px 10px 0px; } }
  @media only screen and (min-width: 992px) {
    .access_icon_tr {
      width: 130px;
      padding: 30px 5px 10px 0px; } }

.access_icon_tr_ch {
  width: 160px;
  padding: 10px 5px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .access_icon_tr_ch {
      width: 120px;
      padding: 10px 5px 10px 0px; } }
  @media only screen and (min-width: 992px) {
    .access_icon_tr_ch {
      width: 110px;
      padding: 20px 5px 10px 0px; } }

.access_icon_bus {
  width: 100px;
  padding: 15px 5px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .access_icon_bus {
      width: 100px;
      padding: 20px 5px 10px 0px; } }
  @media only screen and (min-width: 992px) {
    .access_icon_bus {
      width: 80px;
      padding: 20px 5px 10px 0px; } }

.access_icon_bus_ch {
  width: 100px;
  padding: 0px 5px 0px 0px; }
  @media only screen and (min-width: 640px) {
    .access_icon_bus_ch {
      width: 85px;
      padding: 10px 5px 10px 0px; } }
  @media only screen and (min-width: 992px) {
    .access_icon_bus_ch {
      width: 80px;
      padding: 10px 5px 10px 0px; } }

.tos_header {
  text-align: center; }
  .tos_header img {
    width: 75%;
    height: auto; }
    @media only screen and (min-width: 992px) {
      .tos_header img {
        width: 50%;
        height: auto; } }

.top_h1 {
  text-align: center;
  width: 100%;
  height: auto; }
  .top_h1 h1 {
    font-family: serif;
    font-weight: 300;
    margin: auto;
    width: 70%;
    font-size: 35px;
    color: #4291EA; }
    @media only screen and (min-width: 992px) {
      .top_h1 h1 {
        font-family: serif;
        font-weight: 300;
        margin: auto;
        width: 70%;
        font-size: 80px;
        color: #4291EA; } }

.news_tos {
  width: 100%;
  height: auto; }
  .news_tos p {
    padding-top: 13%;
    padding-bottom: 2%;
    text-align: center;
    font-size: 15px;
    font-weight: bold; }
    @media only screen and (min-width: 992px) {
      .news_tos p {
        padding-top: 13%;
        padding-bottom: 2%;
        text-align: center;
        font-size: 30px;
        font-weight: bold; } }

.news_1 {
  text-align: center;
  border: 1px solid #000;
  border-radius: 30px;
  width: 75%;
  margin: auto;
  padding: 1%;
  margin-bottom: 20px;
  margin-top: 20px; }
  @media only screen and (min-width: 992px) {
    .news_1 {
      border: none;
      border-radius: 0px;
      text-align: center;
      border-bottom: 2px solid #000;
      width: 75%;
      margin: auto;
      padding: 1%;
      margin-bottom: none;
      margin-top: none; } }
  .news_1 p {
    padding-top: 15px;
    font-size: x-small;
    width: 90%;
    margin: auto;
    text-align: left; }
    @media only screen and (min-width: 992px) {
      .news_1 p {
        padding-top: none;
        font-size: medium;
        width: 70%;
        margin: auto;
        text-align: left;
        padding: 15px; } }

.migi {
  padding: 10px;
  text-align: end; }
  @media only screen and (min-width: 992px) {
    .migi {
      padding: 0px;
      text-align: end; } }
  .migi img {
    width: 10%; }

.access_tos {
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin: auto;
  padding: 9px; }
  @media only screen and (min-width: 992px) {
    .access_tos {
      text-align: center;
      display: flex;
      flex-wrap: nowrap;
      width: 70%;
      margin: auto;
      padding: 9px; } }
  .access_tos p {
    width: 50%;
    margin: auto;
    text-align: center;
    padding: 10px;
    font-size: 12px; }
    @media only screen and (min-width: 992px) {
      .access_tos p {
        width: 50%;
        margin: auto;
        text-align: center;
        padding: 18px;
        font-size: 13px; } }

.access_grey {
  background: #E5E5E5; }

.line_access {
  width: 100%;
  margin: auto;
  border-bottom: 2px dotted #000; }
  @media only screen and (min-width: 992px) {
    .line_access {
      width: 70%;
      margin: auto;
      border-bottom: 2px dotted #000; } }

.line_moji_under {
  width: 3%;
  margin: auto;
  border-bottom: 2px solid #000; }

.adjustment {
  padding: 3%; }

.access_center p {
  font-size: 10px;
  padding: 5%;
  text-align: center; }
  @media only screen and (min-width: 992px) {
    .access_center p {
      font-size: 15px;
      padding: 5%;
      text-align: center; } }

@media only screen and (min-width: 992px) {
  .access_flex {
    display: flex;
    flex-wrap: nowrap; } }
.access_flex img {
  width: 100%; }

.white_box {
  width: 100%;
  height: 50px; }
  @media only screen and (min-width: 992px) {
    .white_box {
      width: 100%;
      height: 100px; } }

.back_tos {
  width: 100%;
  height: auto;
  background: linear-gradient(-45deg, #ECFED8, #DCF4E7, #CCE8FE); }

.bellmare_1 {
  width: 100%;
  text-align: center; }
  .bellmare_1 img {
    width: 40%;
    height: auto; }
    @media only screen and (min-width: 992px) {
      .bellmare_1 img {
        width: 20%;
        height: auto; } }

.bellmare_2 {
  width: 100%;
  text-align: center; }
  .bellmare_2 img {
    width: 60%;
    height: auto; }
    @media only screen and (min-width: 992px) {
      .bellmare_2 img {
        width: 50%;
        height: auto; } }

.bellmare_3 {
  width: 100%;
  padding: 20px; }
  .bellmare_3 p {
    margin: auto;
    padding: 10px;
    width: 80%;
    background-color: #fff;
    font-size: 15px;
    color: #125E98; }
    @media only screen and (min-width: 992px) {
      .bellmare_3 p {
        margin: auto;
        padding: 10px;
        width: 51%;
        background-color: #fff;
        font-size: 23px;
        color: #125E98; } }

.bellmare_4_font {
  padding: 20px;
  width: 100%;
  text-align: center; }
  .bellmare_4_font p {
    letter-spacing: 0.2em;
    line-height: 1.5em;
    padding: 10px;
    font-size: 12px; }
    @media only screen and (min-width: 992px) {
      .bellmare_4_font p {
        letter-spacing: 0.2em;
        line-height: 1.5em;
        padding: 20px;
        font-size: 20px; } }

.bellmare_flex {
  display: flex;
  flex-wrap: nowrap; }
  .bellmare_flex img {
    width: 80%;
    margin: auto; }

.margin_1 {
  width: 100%; }
  .margin_1 img {
    width: 80%;
    margin: 0 0 0 20%; }

.margin_2 {
  width: 100%; }
  .margin_2 img {
    width: 80%;
    margin: 0 20% 0 0; }

.shounan_pic {
  width: 100%;
  text-align: center; }
  .shounan_pic img {
    width: 80%;
    padding-bottom: 60px;
    height: auto; }

.footer_tos {
  background-color: #343434;
  width: 100%;
  height: 230px; }
  @media only screen and (min-width: 992px) {
    .footer_tos {
      background-color: #343434;
      width: 100%;
      height: 350px; } }

.tos_rogo_footer {
  width: 60%;
  margin: auto;
  padding-top: 30px; }
  .tos_rogo_footer img {
    width: 100%; }

.tos_moji_footer {
  width: 70%;
  margin: auto; }
  .tos_moji_footer img {
    width: 100%; }

.copyright_tos {
  font-size: xx-small;
  color: #fff;
  text-align: center; }
  @media only screen and (min-width: 640px) {
    .copyright_tos {
      font-size: small;
      color: #fff;
      text-align: center; } }
  @media only screen and (min-width: 992px) {
    .copyright_tos {
      font-size: medium;
      color: #fff;
      text-align: center;
      font-size: medium;
      color: white;
      padding: 30px; } }

.tos_border {
  padding: 6px;
  border-left: 10px solid #6EB92B;
  font-size: 1rem; }
  @media only screen and (min-width: 640px) {
    .tos_border {
      padding: 10px;
      border-left: 15px solid #6EB92B;
      font-size: 1rem; } }
  @media only screen and (min-width: 992px) {
    .tos_border {
      padding: 15px;
      border-left: 18px solid #6EB92B;
      font-size: 1.5rem; } }

.rogo_click {
  position: absolute;
  top: 6%;
  left: 66%; }
  .rogo_click img {
    width: 60%; }
    @media only screen and (min-width: 992px) {
      .rogo_click img {
        width: 90%; } }

#text1 {
  padding: 20px; }
  @media only screen and (min-width: 992px) {
    #text1 {
      padding: 25px; } }

#word {
  height: 120px;
  margin: auto;
  font-family: serif;
  font-weight: 300;
  margin: auto;
  width: 85%;
  font-size: 30px;
  color: #4291EA;
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #word {
      height: 200px;
      margin: auto;
      font-family: serif;
      font-weight: 300;
      margin: auto;
      width: 85%;
      font-size: 70px;
      color: #4291EA;
      text-align: center; } }

.tos_teaser_wordopa span {
  opacity: 0; }

@keyframes showtext {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.text_frex {
  width: max-content;
  margin: auto;
  padding-bottom: 30px;
  display: flex;
  flex-wrap: nowrap; }
  .text_frex p {
    font-size: small; }
  @media only screen and (min-width: 992px) {
    .text_frex {
      font-size: medium;
      width: max-content;
      margin: auto;
      padding-bottom: 30px;
      display: flex;
      flex-wrap: nowrap; }
      .text_frex p {
        font-size: medium; } }

.white {
  color: gray;
  padding: 2px;
  font-size: large; }

.yellow {
  color: #D3AB0B;
  padding: 2px;
  font-size: large; }

.blue {
  color: #147DB7;
  padding: 2px;
  font-size: large; }

.pink {
  color: #9D1171;
  padding: 2px;
  font-size: large; }

.fadein-before {
  opacity: 0;
  transform: translateX(-200px);
  transition: opacity 0.5s,transform 1s; }
  .fadein-before img {
    width: 100%;
    height: auto; }

.fadein-after {
  opacity: 1;
  transform: translate(0); }
  .fadein-after img {
    width: 100%;
    height: auto; }

.fadein-before2 {
  opacity: 0;
  transform: translateX(200px);
  transition: opacity 0.3s,transform 0.8s; }
  .fadein-before2 img {
    width: 100%;
    height: auto; }

.fadein-after2 {
  opacity: 1;
  transform: translate(0); }
  .fadein-after2 img {
    width: 100%;
    height: auto; }

/*# sourceMappingURL=common.css.map */