@charset "utf-8";

/* -------------------------------------------------- */
/* common-submv01 */
/* -------------------------------------------------- */
.common-submv01{width:100%;height:calc(100vh - 150px + 1px);min-height:500px;opacity:0;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;}
.common-submv01 .container {width: 100%;}
.common-submv01 .slider-mv{height:100%;width:100%;position:absolute;top:0;left:0;z-index:1;}
.common-submv01 .slider-mv div{height:100%;}
.common-submv01 .slider-mv .item{position:relative;background:no-repeat center center;background-size:cover;}
.common-submv01 .slider-mv .slick-dots{position:absolute;bottom:10px;right:20px;z-index:5;}
.common-submv01 .slider-mv .slick-dots > li{display:inline-block;margin:0 0 0 5px;opacity:0.5;}
.common-submv01 .slider-mv .slick-dots > li.slick-active{opacity:1;}
.common-submv01 .slider-mv .slick-dots button{font-size:0;cursor:pointer;padding:10px 0;}
.common-submv01 .slider-mv .slick-dots button::before{content:"";display:block;width:30px;height:1px;background:#fff;}
.common-submv01 .main{position:relative;z-index:2;font-size:0;line-height:0;letter-spacing:0;}
.common-submv01 .main span{display:inline-block;opacity:0;}

.common-submv01.animated{opacity:1;transition:opacity 1.5s ease;}
.common-submv01.animated .main span{animation:mvTxt 1.5s ease-out forwards;}
@keyframes mvTxt{0%{opacity:0;}100%{opacity:1;}}

.common-submv01 .slider-mv .item.mv01{background-image:url(/img/sauna/mv01.jpg);}
.common-submv01 .slider-mv .item.mv02{background-image:url(/img/sauna/mv02.jpg);}
.common-submv01 .slider-mv .item.mv03{background-image:url(/img/sauna/mv03.jpg);}
.common-submv01 .slider-mv .item.mv04{background-image:url(/img/sauna/mv04.jpg);}

.common-block05 .plan-link-wrap + .plan-link-wrap {margin-top: 20px;}

.plan-link-wrap {display: flex; justify-content: space-between; align-items: center;}
.plan-link-wrap h3 {width: 72%;}
.plan-link-wrap a {width: 24%; margin-bottom: 15px;}


/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){
	/* -------------------------------------------------- */
	/* common-submv01 */
	/* -------------------------------------------------- */
	.common-submv01{height:calc(100vh - 105px + 1px);min-height:400px;}
	.common-submv01 .main{white-space:nowrap;transform:scale(0.76);display:flex;}
	.common-submv01 .slider-mv .slick-dots{text-align:center;width:100%;right:0;padding:0 20px 0 25px;bottom:5px;}

	.plan-link-wrap {flex-wrap: wrap;}
	.plan-link-wrap h3 {width: 100%;}
	.plan-link-wrap a {width: 100%; margin-bottom: 15px;}
}