@charset "utf-8";
#andsauna{
	background: #fff url("../../images/andsauna_bg.png") top center;
	background-size: contain;
	background-attachment: fixed;
	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;
	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/main.jpg") no-repeat top center / cover;
	padding-top: 47.4%;
}
#andsauna .header .wave{
	vertical-align:middle;
}

#andsauna .contents{
	width: 85%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
#andsauna .contents .title_flexWrap{
	display:flex;
	align-items:center;
	justify-content:center;
}
#andsauna .contents .logo{
	width:50%;
	margin:1%;

}
#andsauna .contents .onair_date{
	font-size: clamp(2rem, 3.5vw, 4.4rem);
	font-weight:900;
	margin:1%;
	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.9rem;
	font-weight: bold;
	padding: 7% 0 9%;
	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_title{
	text-align:center;
	font-size:2.2rem;
	font-weight:600;
	border-bottom: dotted 3px #cccccc;
	width:320px;
	margin:0 auto;
	padding-bottom:0.5%;
}
#andsauna .cast ul{
	text-align:center;
	font-size: 2rem;
	font-weight: bold;
	padding: 1% 0 5%;
	line-height: 2.5em;
}
#andsauna .ph_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#andsauna .ph_wrap img{
	width: 33%;
}
#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: 2.2rem;
	font-weight:900;
	width:50%;
	margin:0 auto;
	color:#df9a3f;
	padding:0.5%;
	box-shadow: 5px 5px #5daec88c;
}
#andsauna .present_btn>p {
	color:#5daec8;
	font-size:140%;
}
#andsauna .present_btn:hover {
	opacity:0.7;

}
#andsauna .btn {
	display:block;
	margin: 5% auto 0;
	width: 350px;
}
#andsauna .pc_none {
	display: none;
}