@charset "utf-8";
#andsauna{
	background: #fff url("../../images/andsauna_bg.png") top center;
	background-size: contain;
	background-attachment: fixed;
	position: relative;
	font-family: "Zen Kaku Gothic New", 'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5;
	color: #4c4948;
	transition: .5s;
}

#andsauna .sp{
    display:none;
}
#andsauna #wrap {
	background: #fff;
	max-width: 1280px;
	margin: 0 auto;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	padding-bottom: 50px;
	position: relative;	
}

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

#andsauna .contents{
/*  background: url("../images/main.jpg?230312121300") no-repeat top center;
    background-size: cover;
    padding-top: 152.34375%;*/
	
	width: 85%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

#andsauna .line-or{
	background: linear-gradient(transparent 9%, #f4e3bb 0%);
	display: inline;
	padding: 2px 5px;
}
#andsauna span.big{
	font-size: 4rem;
	font-family: 'Noto Sans JP';
	color: #ffffff;
	text-shadow: 2px 2px 0 #4c4948, 
	-2px -2px 0 #4c4948, /* 右下方向に影 */  
	-2px 2px 0 #4c4948,  2px -2px 0 #4c4948, /* 左下方向に影 */  
	2px 0 0 #4c4948, -2px  0 0 #4c4948, /* 左上方向に影 */  
	0 2px 0 #4c4948,  0 -2px 0 #4c4948;
	padding: 0px 2px;
}
#andsauna .txt{
	text-align:center;
	font-size: 1.9rem;
	font-weight: bold;
	padding: 3% 0;
	line-height: 2.5em;
	letter-spacing: 0.2rem;
}
#andsauna .txt h2 {
    font-size: 3rem;
    margin-bottom: 3%;
}
#andsauna .txt p{
	font-size: 2.2rem;
	line-height: 5rem;
}
#andsauna .cast{
	margin-top:5%;
}
#andsauna .cast .ttl{
	padding-bottom: 0.3%;
	padding-right: 20%;
	margin-bottom: 0%;
	border-bottom: dotted 3px #cccccc;
}

#andsauna .cast ul{
	text-align:center;
	font-size: 2rem;
	font-weight: bold;
	padding: 3% 0 5%;
	line-height: 2.5em;
}
#andsauna .ph_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 3%;
}
#andsauna .ph_wrap img{
	width: 33%;
}

#andsauna .btn {
	width: 100%;
	bottom: 5%;
}
#andsauna .btnhp {
    width: 30%;
    display: block;
    margin: 0 auto;
}

#andsauna .movie {
    position: absolute;
    width: 62.5%;
    top: 28%;
    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 .online {
    display: block;
    position: absolute;
    max-width: 39%;
    height: auto;
    bottom: 6.0%;
    left: auto;
    right: 5%;
}
*/

#andsauna .online:hover img {
  opacity: .7;
}

#andsauna .btnhp:hover img {
  opacity: .5;
}