@charset "UTF-8";
.global_wrapper{
  max-width: 100%;
  margin: 0 auto;
}

/* Gallery */
.gallery_area{
  max-width: calc(100% - (50% - (1080px / 2)));
  width: calc(100% - 15px);
  margin: 24px auto 0 0;
  border-right: solid transparent;
  border-right-width: thick;
  padding-right: 1px;
}
.gallery_bgimg{
  display: block;
  width: 100%;
}
.gallery_bgimg img{
  width: 76%;
}
.gallery_inner{
  display: flex;
  justify-content: flex-end;
  transform: translateY(-102px);
  width: 100%;
}
.gallery_text{
  width: 50%;
  position: relative;
}
.gallery_text div{
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  padding-right: 60px;
}
.gallery_text span{
  font-size: 84px;
  -webkit-text-stroke: 2px #FFF;
  text-stroke: 2px #FFF;
  color: #222;
}
@media all and (-ms-high-contrast: none) {
  .gallery_text span{
    text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,#fff 2px -2px 0px,#fff -2px -2px 0px;
  }
}
.gallery_text p{
  font-size: 36px;
  text-transform:uppercase;
}
.gallery_video{
  position: relative;
  width: 50%;
  background-color: #333;
  display: inline-block;
}
.gallery_video a > img{
  opacity: 0.4;
  display: block;
}
.gallery_video i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gallery_list{
  display: flex;
}
.arrow{
  margin-bottom: 0;
  display: flex;
  width: 15%;
  position: relative;
  z-index: 5;
}
.arrow-item{
  position: absolute;
  bottom: 0;
  left: 0;
}
.arrow01,.arrow02{
  position: relative;
  display: inline-block;
  outline:none;
  }
.arrow01::before,.arrow02::before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
box-sizing: border-box;
width: 50px;
height: 50px;
border: 1px solid #555;
}
.arrow01::after,.arrow02::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
left: 20px;
box-sizing: border-box;
width: 20px;
height: 20px;
border-top: 1px solid #555;
border-right: 1px solid #555;
transform: rotate(225deg);
}
.arrow02::after{
left: 10px;
transform: rotate(45deg);
}
.arrow02{
margin-left: 18px;
}
.gallery_list{
  max-width: calc(100% - (50% - (1080px / 2)));
  width: calc(100% - 15px);
  margin: 0 0 0 auto;
  border-right: solid transparent;
  border-right-width: medium;
  margin-top: -70px;
}
.gallery_thumb{
  display: flex;
  flex: 1;
}
.gallery_thumb-number{
  width: 66px;
  transform: translateY(30px);
  z-index: 5;
  position: relative;
}
.swiper-container {
  width: 100%; 
}
.swiper-container.slider,.swiper-container.slider-thumbnail {
  height: auto; 
}
.swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: .5;
  overflow: hidden; 
  padding-right: 24px;
}
.swiper-slide>span{
  display: block;
  text-align: right;
}
.swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1; 
}
.swiper-button-next,.swiper-button-prev{
  left: 0;
  right: 0;
}
.arrow-item .swiper-button-next, .arrow-item .swiper-container-rtl .swiper-button-prev,
.arrow-item .swiper-button-prev, .arrow-item .swiper-container-rtl .swiper-button-next{
  background-image: none;
  right: 0;
  left: 0;
}

/* instagram */
.instagram{
  margin-top: 24px;
}
.instagram_list{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.instagram_list img{
  display: flex;
  width: 25%;
  box-sizing: border-box;
  padding: 0 6px 6px 0;
}
.instagram .btn03 a{
  margin-top: 60px;
}
#sb_instagram .sb_instagram_header{
  display: none;
}
.instagram_list #sb_instagram #sbi_load .sbi_follow_btn {
  margin-left: 0;
}
.instagram_list #sb_instagram .sbi_follow_btn a:hover {
  outline: 0;
  box-shadow: none;
}
.instagram_list #sb_instagram .sbi_follow_btn a,
.instagram_list #sb_instagram #sbi_load .sbi_load_btn {
  position: relative;
  display: inline-block;
  margin-top: 60px;
  padding: 24px 50px 24px 62px;
  border: 1px solid #555;
  font-size: 16px;
  background: none;
  border-radius: 0;
  transition: all 0.3s;
}
.instagram_list #sb_instagram .sbi_follow_btn a:hover,
.instagram_list #sb_instagram #sbi_load .sbi_load_btn:hover{
  border: 1px solid #fff;
  background-color: #fff;
  color: #222;
}
.instagram_list #sb_instagram .sbi_follow_btn a:before,
.instagram_list #sb_instagram #sbi_load .sbi_load_btn:before {
  position: absolute;
  left: 0; top: 50%;
  display: block;
  content: '';
  width: 50px;
  border-top: 1px solid #555;
  transform: translateY(-50%);
}
.instagram_list #sb_instagram .sbi_follow_btn a:focus,
.instagram_list #sb_instagram #sbi_load .sbi_load_btn:hover{
  box-shadow: none;
}

@media screen and (max-width: 767px) {
  .instagram_list #sb_instagram .sbi_follow_btn a,
  .instagram_list #sb_instagram #sbi_load .sbi_load_btn {
    padding: 18px 50px 18px 30px;
    margin-top: 30px;
}
.instagram_list #sb_instagram .sbi_follow_btn a::before,
.instagram_list #sb_instagram #sbi_load .sbi_load_btn:before {
  width: 20px;
}


/* Gallery */
.swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
  padding-right: 3%;
}
.gallery_text div {
  padding-right: 18px;
}
.gallery_text p {
  font-size: 24px;
}
.gallery_text span {
  font-size: 48px;
  text-stroke: 2px #FFF;
}
.gallery_video i img{
  width: 70px;
}
.gallery_inner {
  transform: translateY(-48px);
}
.gallery_list {
  margin-top: -60px;
}
.arrow {
  width: 120px;
}
.instagram_list #sb_instagram .sbi_follow_btn a {
  margin-top: 30px;
}
}

@media screen and (max-width: 480px) {
  .gallery_area{
    border-right-width: 0;
    padding-right: 0;
  }
  .gallery_bgimg {
    display: none;
}
  .gallery_inner {
    transform: translateY(0);
    width: 100%;
    flex-flow: column;
}
  .gallery_text {
    width: 100%;
    position: static;
    padding-left: 15px;
}
.gallery_text p {
  line-height: 54px;
}
  .gallery_text div {
    position: static;
    padding-right: 0;
    display: flex;
}
.gallery_text span {
  font-size: 48px;
  margin: 0 18px 18px 0;
}
.gallery_video {
  width: 100%;
}
.gallery_list {
  margin-top: -30px;
}
.instagram #sb_instagram.sbi_col_10 #sbi_images .sbi_item, .instagram #sb_instagram.sbi_col_3 #sbi_images .sbi_item, .instagram #sb_instagram.sbi_col_4 #sbi_images .sbi_item, .instagram #sb_instagram.sbi_col_5 #sbi_images .sbi_item, .instagram #sb_instagram.sbi_col_6 #sbi_images .sbi_item, .instagram #sb_instagram.sbi_col_7 #sbi_images .sbi_item, .instagram #sb_instagram.sbi_col_8 #sbi_images .sbi_item, .instagram #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
	width: 50%;
}
}