@charset "utf-8";
/* CSS Document */


/*Visual Slider
-----------------------------------------------------------*/
.slick-initialized .slick-slide{
	position: relative;
}

.bl_sliderBlock_slide{
	position: relative;
}

.bl_sliderBlock_slide > img{
	width: 100%;
	max-width: 1000px;
    margin-right: 20px;
    cursor: pointer;
}

.slick-slider div {
	transition: none;/*一周周ったスライダーの逆戻りを解除してくれる*/
}

@media screen and (max-width:800px) {

.bl_sliderBlock_slide > img{
	max-width: 800px;
}
}

@media screen and (max-width:700px) {

.bl_sliderBlock_slide > img{
	max-width: 700px;
}
}

@media screen and (max-width:600px) {

.bl_sliderBlock_slide > img{
	max-width: 600px;
}
}


/*H3コピー文章
-----------------------------------------------------------*/
.bl_sliderBlock_slide .text-box{
	position: absolute;
    top: 40%;/*50%*/
	z-index: 50;
	width: 100%;
	height: 100%;
	padding-left: 7.5%;/*5%*/
}

.bl_sliderBlock_slide .text-box h3{
	font-size: clamp(28px, 4vw, 48px);
	font-weight: normal;
	color: #fff;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-shadow: 0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000;
    margin-bottom: 10px;
}

.bl_sliderBlock_slide .text-box p{
	color: #fff;
    text-shadow: 0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000;
    font-family: 'Noto Sans JP', sans-serif;
	font-size: clamp(16px, 3vw, 20px);
    letter-spacing: 0.05em;
    font-style: italic;
}
.bl_sliderBlock_slide .text-box p span.eg-text{
	color: #f8f5f0;
    text-shadow: 0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000;
    font-family: 'Poppins', sans-serif;
	font-size: clamp(14px, 3vw, 18px);
    letter-spacing: 0.05em;
    font-style: italic;
}

@media screen and (max-width:1200px) {

.bl_sliderBlock_slide .text-box{
	padding-left: 10%;
}
}

@media screen and (max-width:800px) {

.bl_sliderBlock_slide .text-box{
    top: 25%;
}
}

@media screen and (max-width:500px) {

.bl_sliderBlock_slide .text-box{
	padding-left: 20%;
}
    
/*.bl_sliderBlock_slide .text-box h3{
    text-shadow: 0 0 7px #000,0 0 7px #000,0 0 7px #000;
}
    
.bl_sliderBlock_slide .text-box p{
    text-shadow: 0 0 7px #000,0 0 7px #000,0 0 7px #000;
}*/
}

@media screen and (max-width:400px) {

.bl_sliderBlock_slide .text-box{
	padding-left: 22.5%;
}
}

.fa-utensils,.fa-water,.fa-cannabis,.fa-yin-yang,.fa-tree,.fa-icicles,.fa-star-and-crescent{
    color: #fff;
}