@charset "utf-8";
#andsauna{
	position: relative;
	font-family: "Zen Kaku Gothic New", 'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	color: #4c4948;
	transition: .5s;
}
#andsauna .pc{
    display:none;
}
#andsauna #wrap{
	background: #fff;
	/* padding-bottom: 50px; */
}

#andsauna .header{
	width: 100%;
	background: url("../images/head_sp.jpg?260224") no-repeat top center / cover;
	padding-top: 106.25%;
}

#andsauna .contents{
    /*background: url("../images/main_sp.jpg?230312121300") no-repeat top center;
    background-size: cover;
    padding-top: 493.75%;*/
	width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

#andsauna .line-or{
	background: linear-gradient(transparent 9%, #f4e3bb 0%);
	display: inline;
	padding: 2px 5px;
}
#andsauna span.big{
	font-size: 2.2rem;
	font-family: 'Noto Sans JP';
	color: #ffffff;
	text-shadow: 1px 1px 0 #4c4948, 
	-1px -1px 0 #4c4948, /* 右下方向に影 */  
	-1px 1px 0 #4c4948,  1px -1px 0 #4c4948, /* 左下方向に影 */  
	1px 0 0 #4c4948, -1px  0 0 #4c4948, /* 左上方向に影 */  
	0 1px 0 #4c4948,  0 -1px 0 #4c4948;
	padding: 0px 2px;
}
#andsauna .txt{
	text-align:center;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 4% 0 7%;
	line-height: 2.3em;
	letter-spacing: 0.1rem;
}
#andsauna .txt h2 {
    font-size: 1.8rem;
    margin-bottom: 6%;
}
#andsauna .txt p{/* font-size: 1.4rem; */}

#andsauna .cast{
	margin-top: 7%;
}

#andsauna .cast .ttl{
	width: 55%;
	padding-bottom: 0.3%;
	padding-right: 17%;
	border-bottom: dotted 3px #cccccc;
}

#andsauna .cast ul{
	text-align:center;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 6% 0 12%;
	line-height: 2.5em;
}
#andsauna .ph_wrap{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	margin-top: 4%;
}
#andsauna .ph_wrap img{
	width: 80%;
	margin-bottom: 3%;
}


#andsauna .movie {
    position: absolute;
    width: 96.75%;
    top: 18%;
    left: 0;
    right: 0;
    margin: auto;
}
#andsauna .ytCont {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    order: 1;
}
#andsauna .ytCont iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#andsauna .btn {
	width: 100%;
	padding-bottom: 7%;
	/* position: absolute; */
	/* bottom: 1.5%; */
	/* left: auto; */
	/* right: auto; */
}
#andsauna .btnhp {
    width: 90%;
    display: block;
    margin: auto;
    text-align: center;
}

/*
#andsauna .online {
	width: 100%;
    position: absolute;
    bottom: 4%;
    left: auto;
    right: auto;
}
#andsauna .btnoline{
	width: 90%;
	display: block;
	margin: 0 auto;
}
*/