@charset "utf-8";
/* CSS Document */
.mainVisual{
    background-color: #ddd;
    height: 90vh;
    width: 100%;
    background-image: url(../images/top/main-visual1-kako.jpg);
	background-size:cover;
	background-position:top;
	position:relative;
	overflow: hidden;
}
.mainVisual .wrap{
	position:absolute;
	bottom:0;
}








/*インスタ動画*/
.splide{
	max-width:350px!important;
	margin:auto;
	position: relative;
}
.splide__track{
	max-width:100%!important;
	
}
.splide__list{
	max-width:100%!important;
}
.splide__slide {
  height: auto;
	
}
.splide__slide blockquote {
  height: auto;
}

blockquote.instagram-media {
  width: 100% !important;   /* PC用に固定幅 */
  max-width: 350px !important;
  min-width: 0 !important;
}

@media (max-width: 1200px) {
	.splide{
	max-width:350px!important;
	margin:auto;
}
  blockquote.instagram-media {
    width: 100% !important;
	  max-width: 350px !important;
	 margin:auto;
  }
}
@media (max-width: 768px) {
	.splide{
	max-width:350px!important;
	margin:auto;
}
  blockquote.instagram-media {
    width: 100% !important;
	  max-width: 350px !important;
	 margin:auto;
  }
}
@media (max-width: 480px) {
	.splide{
	max-width:326px!important;
	margin:auto;
}
  blockquote.instagram-media {
    width: 100% !important;
	  max-width: 326px !important;
	 margin:auto;
  }
}











/* 矢印のクリック範囲など */
.splide__arrow{
}
.button {
  background-color: transparent!important; /* ボタンの背景を透明にする */
  height: 300px!important;
  width: 80px!important;
	border-radius:0!important;
	margin:0!important;
	position:absolute!important;
	bottom:0!important;
}
.prev{
	position:absolute!important;
	left:-15px!important;
	top:0;
}
.next{
	position:absolute!important;
	right:-15px!important;
	top:0;
}
/* 矢印共通のスタイル */
.button span {
}
/* 前の矢印 */
.prev span{
  background-color:#ddd;
	content:"";
	display:block;
	width:40px;
	height:40px;
	position:absolute!important;
	left:0px!important;
	border-radius:50%;
}
.prev span::before {
	background-color: #777777;
  content: "";
  height: 25px;
  width: 15px;
	
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
	position:absolute!important;
	top: 50%;   
	left: 40%;       
	transform: translate(-50%, -50%);
	z-index:10;
}
/* 次の矢印 */
.next span{
	background-color:#ddd;
	content:"";
	display:block;
	width:40px;
	height:40px;
	position:absolute!important;
	right:0px!important;
	border-radius:50%;
}
.next span::before {
	background-color: #777777;
  content: "";
  height: 25px;
  width: 15px;
	
  clip-path: polygon(0 0, 0 100%, 100% 50%);
	position:absolute!important;
	top: 50%;   
	left: 60%;       
	transform: translate(-50%, -50%);
	z-index:10;
}
.splide__arrows{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	width:100%!important;
}
.splide__arrows .prev{
	left:-20px!important;
}
.splide__arrows .next{
	right:-20px!important;
}
/*インスタ動画ここまで*/