@charset "utf-8";

/* CSS Document */

/***********************************************************************
	front-page
***********************************************************************/


/* instagram */

.insta_embed {
  text-align: center;
  padding-bottom: 10px;
}

.insta_embed .insta_account a,
.insta_embed .insta_account p {
  font-family: "Yu Mincho", "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 20px;
  letter-spacing: 2px;
  margin: 0 auto 15px;
  text-decoration: none;
}

.insta_embed .insta_mark {
  width: 40px;
  padding-top: 40px;
}

.insta_embed .insta_photos {
  width: 90%;
  max-width: 820px;
  margin: 0 auto;
  padding: 0;
}

.insta_embed li.insta-item {
  width: calc(100% / 4 - 3px);
  display: inline-block;
  padding: 4px;
  padding-top: 25%;
  position: relative;
}

.insta_embed img.insta_photo {
  object-fit: cover;
  position: absolute;
  top: 2%;
  width: 96%;
  left: 2%;
  height: 96%;
}

@media all and (max-width: 767px) {
  .insta_embed li.insta-item {
    width: 50%;
    padding: 4px;
    padding-top: 48%;
    position: relative;
  }

  .insta_embed img.insta_photo {
    object-fit: cover;
    position: absolute;
    top: 2%;
    width: 96%;
    left: 2%;
    height: 96%;
  }

  .insta_embed li.insta-item:nth-child(n+5) {
    display: none;
  }

}

/***********************************************************************
	customized
***********************************************************************/

.slider_li a {
  pointer-events:auto;
}

body#index .page_title {
  display: none;
}

body#index .breadcrumb {
  display: none;
}


body#index main {
  min-height: 0vh;
}


body#index .top_menu>.top_name {
  display: block;
}

body#index .top_menu>.to_home {
  display: none;
}


#index header .top_slider {
  visibility: hidden;
}

#index.ready header .top_slider {
  visibility: initial;
}

#index header .coverimage_box {
  padding-top: 60px;
  display: block;
  min-height: 220px;
}



footer p.brand_logos {
  display: none;
}

footer .ga_note {
  margin-top: 0;
  color: transparent;
  cursor: pointer;
}


@media all and (max-width: 767px) {

  .bottom_menu {
    position: fixed;
    margin-top: 0px;
    max-height: 80px;
  }

}