@charset "utf-8";
#header {
	width: 100vw;
	height: 100% !important;
}

#bxslider {
	margin-bottom: 100px;
}
#bxslider ul li {
	width: 100vw;
	height: 100vh;
	text-align: center;
}
#bxslider ul li .txt_en {
	margin-top: 10px;
}
#bxslider ul li p {
	color: #ffffff;
	text-shadow: 2px 2px 2px #000000;
}
#bxslider ul li .txt_en {
	font-family: 'Playfair Display', serif;
    font-display: auto;
    color: #e5d75e;
    font-size: 150%;
    letter-spacing: .15em;
    /*text-shadow: 0 0 10px rgb(0 0 0 / 60%);*/
}
#bxslider ul li p:nth-of-type(1) {
	margin: 15% 0 0;
	font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif;
	font-size: 54px;
}
#bxslider ul li p:nth-of-type(3) {
	margin-top: 15px;
	font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif;
	font-size: 54px;
}
#bxslider ul li p.place{
    position: absolute;
    right: 30px;
    bottom: 80px;
    font-size: 130%;
    margin:　0 10px 0 0;
}

#bxslider ul .slide00 {
	background: url("../images/home/main00-pc.jpg") no-repeat;
	background-size: cover;
	background-position: center;    
}
#bxslider ul .slide01 {
	background: url("../images/home/main1-pc.jpg") no-repeat;
	background-size: cover;
	background-position: center;
    position: relative;
}
#bxslider ul .slide02 {
	background: url("../images/home/main2-pc.jpg") no-repeat;
	background-size: cover;
	background-position: center;
    position: relative;
}
#bxslider ul .slide03 {
	background: url("../images/home/main3-pc.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
#bxslider ul .slide04 {
	background: url("../images/home/main4-pc.jpg") no-repeat;
	background-size: cover;
	background-position: center;    
}
#bxslider ul .slide05 {
	background: url("../images/home/main5-pc.jpg") no-repeat;
	background-size: cover;
	background-position: center;    
}
#bxslider ul .slide06 {
	background: url("../images/home/main6-pc.jpg") no-repeat;
	background-size: cover;
	background-position: center;    
}
#bxslider ul .slide07 {
	background: url("../images/home/main7-pc.jpg") no-repeat;
	background-size: cover;
	background-position: center;    
}
#bxslider ul .slide08 {
	background: url("../images/home/main8-pc.jpg") no-repeat;
	background-size: cover;
	background-position: center;    
}


#bxslider ul li span{
    font-size: 70%;
}


@media only screen and (max-width: 767px) {
	#bxslider {
		margin-bottom: 0;
	}
	#bxslider ul li p:nth-of-type(1) {
		margin: 15rem 0 0;
		font-size: 30px;
		line-height: 1.8;
	}
    #bxslider ul li p.place{
        bottom: 24%;
        font-size: 100%;
        margin:　0 20px 0 0;
    }
	#bxslider ul .slide00 {
		background: url("../images/home/main00-sp.jpg") no-repeat;
		background-size: cover;
	}
    #bxslider ul .slide01 {
		background: url("../images/home/main1-sp.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	#bxslider ul .slide02 {
		background: url("../images/home/main2-sp.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	#bxslider ul .slide03 {
		background: url("../images/home/main3-sp.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	#bxslider ul .slide04 {
		background: url("../images/home/main4-sp.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	#bxslider ul .slide05 {
		background: url("../images/home/main5-sp.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	#bxslider ul .slide06 {
		background: url("../images/home/main6-sp.jpg") no-repeat;
		background-size: cover;
		background-position: center;
	}
	#bxslider ul .slide07 {
		background: url("../images/home/main7-sp.jpg") no-repeat;
		background-size: cover;
	}
	#bxslider ul .slide08 {
		background: url("../images/home/main8-sp.jpg") no-repeat;
		background-size: cover;
	}
	.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
		bottom: 90px;
	}
    #bxslider ul li span{
        font-size: 50%;
    }
}
@media only screen and (min-width: 641px) and (max-width: 820px) {
    #bxslider ul li p:nth-of-type(1) {
        margin: 50% 0 0;
    }
	#bxslider ul li p.place{
        bottom: 8%;
        font-size: 160%;
    }
    body #bxslider ul li br.view_sp {
        display: block !important;
    }
    #bxslider ul li span {
        font-size: 60%;
    }
}