@charset "UTF-8";

/******************************************
 スライドショー Glide.js / glide.core.css
******************************************/

.glide {
position: relative;
width: 100%;
height: 100%;
}

.glide__wrapper {overflow:hidden;}

.glide__track {
position: relative;
width: 100%;
height: 100%;
list-style: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-ms-touch-action: pan-Y;
touch-action: pan-Y;
}

.glide__track.dragging {
cursor: -webkit-grabbing;
cursor: grabbing;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.glide__slide {
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}

.glide__arrows {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.glide__arrow {cursor:pointer;}

.glide__bullets {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.glide--slider .glide__slide {
float: left;
clear: none;
}

.glide--carousel .glide__slide {
float: left;
clear: none;
}
.glide--slideshow .glide__wrapper {height:100%;}

.glide--slideshow .glide__slide {
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
-webkit-transform-style: preserve-3d;
-webkit-transform: translate3d(0px, 0px, 0px);
}

.glide--slideshow .glide__slide.active {z-index:1;}

/******************************************
 スライドショー Glide.js / glide.theme.css
******************************************/

.glide__arrows {position:absolute;}

.glide--horizontal .glide__arrows {
top: 50%;
width: 92%;
margin-left: 4%;
}

.glide--vertical .glide__arrows {
left: 50%;
height: 88%;
margin-top: 6%;
}

.glide__arrow {
position: absolute;
z-index: 2;
color: white;
text-transform: uppercase;
font: 11px Arial, sans-serif;
padding: 9px 12px;
background-color: transparent;
border: 2px solid rgba(255, 255, 255, 0.5);
border-radius: 4px;
-webkit-transition: border 300ms ease-in-out;
transition: border 300ms ease-in-out;
}

.glide__arrow:focus {outline:none;}
.glide__arrow:hover {border-color:#fff;}

.glide--horizontal .glide__arrow {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.glide--horizontal .glide__arrow.prev {left:0;}

.glide--horizontal .glide__arrow.next {right:0;}

.glide--vertical .glide__arrow {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.glide--vertical .glide__arrow.prev {top:0;}

.glide--vertical .glide__arrow.next {bottom:0;}

.glide__bullets {
position: absolute;
list-style: none;
}

.glide--horizontal .glide__bullets {
bottom: 8%;
left: 0;
width: 100%;
height: 12px;
text-align: center;
}

.glide--vertical .glide__bullets {
top: 50%;
right: 8%;
width: 12px;
height: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.glide__bullets > * {
display: inline-block;
background-color: rgba(255, 255, 255, 0.5);
width: 12px;
height: 12px;
padding: 0;
cursor: pointer;
border-radius: 50%;
border: 2px solid transparent;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

.glide--horizontal .glide__bullets > * {margin:0 5px;}
.glide--vertical .glide__bullets > * {vertical-align:middle;}
.glide__bullets > *.active {background-color:white;}
.glide__bullets > *:focus {outline:none;}

.glide__bullets > *:hover,
.glide__bullets > *:focus {
border: 2px solid #fff;
background-color: rgba(255, 255, 255, 0.5);
}

.glide--slider .glide__arrow {
opacity: 1;
-webkit-transition: opacity 150ms ease;
transition: opacity 150ms ease;
}

.glide--slider .glide__arrow.disabled {opacity:0.33;}

/******************************************
 スライドショー Glide.js / demo.css
******************************************/

body {overflow-y:scroll;}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
border: 0;
}

.box {
color: #fff;
font-size: 3vw;
display: flex;
align-items: center;
justify-content: center;
}

.module--horizontal {
width: 100%;
height: 250px;
}

.module--horizontal .box {
width: 100%;
height: 250px;
}

.module--vertical {
width: 33.333%;
height: 100vh;
float: left;
clear: none;
}

.module--vertical .box {
width: 100%;
height: 100%;
}