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

#andsauna .header{
	width: 100%;
	background: url("../images/main.jpg") no-repeat top center / cover;
	padding-top: 47.4%;
}
#andsauna .header .wave{
	vertical-align:middle;
}


#andsauna .contents{
	width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
#andsauna .contents .logo{
	display:block;
	margin:0 auto;
	width:95%;
}
#andsauna .contents .onair_date{
	text-align:center;
	font-size: 8vw;
	font-weight:900;
	margin:4% 2%;
	padding:0 1% 0.2%;
	background:#5daec8;
	color:#fff;
}
#andsauna .contents .onair_date>span{
	font-size:70%;
}

#andsauna .line-or{
	background: linear-gradient(transparent 9%, #f4e3bb 0%);
	display: inline;
	padding: 2px 5px;
}
#andsauna .txt{
	text-align:center;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 7% 0 10%;
	line-height: 2.2em;
	letter-spacing: 0.1rem;
}
#andsauna .txt h2 {
    font-size: 1.8rem;
    margin-bottom: 6%;
}
#andsauna .txt p{font-size: 1.6rem;}

#andsauna .cast{
	margin-top: 7%;
}
#andsauna .cast_title{
	text-align:center;
	font-size:4vw;
	font-weight:600;
	border-bottom: dotted 3px #cccccc;
	width: 65%;
	margin:0 auto;
	padding-bottom: 1%;
}

#andsauna .cast ul{
	text-align:center;
	font-size: 4vw;
	font-weight: bold;
	padding: 2% 0 12%;
	line-height: 2.5em;
}
#andsauna .ph_wrap{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
}
#andsauna .ph_wrap img{
	width: 80%;
	margin-bottom: 3%;
}
#andsauna .popup {
	position: relative;
	padding: 1rem 1.5rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	width: 10em;
	margin: 0 auto;
	color: #df9a3f;
}
#andsauna .popup::before,
#andsauna .popup::after {
    position: absolute;
    top: 1rem;
    height: 2.8rem;
    content: '';
}
#andsauna .popup::before {
    border-left: solid 3px;
    left: 0;
    transform: rotate(-30deg);
}
#andsauna .popup::after {
    border-right: solid 3px;
    right: 0;
    transform: rotate(30deg);
}
#andsauna .present_btn {
	display:block;
	border:2px solid #5daec8;
	border-radius:10px;
	text-align:center;
	font-size: 4.8vw;
	font-weight:900;
	width: 90%;
	margin: 0 auto 10%;
	color:#df9a3f;
	padding: 3% 0;
	box-shadow: 5px 5px #5daec88c;
}
#andsauna .present_btn>p {
	color:#5daec8;
	font-size:160%;
}
#andsauna .btn{
	display:block;
	margin:0 auto 10%;
	width:80%;
}

#andsauna .sp_none {
	display: none;
}