body{
	margin:0;
	padding:0;
	/*font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;*/
	font-family: "Rounded Mplus 1c";
	overflow: hidden;
    height: 100%;
}

/*物件名*/
#b_name{
	position:absolute;
	margin:0;
	padding:8px;
	top:0.4rem;
	left:0.4rem;
	background-color:white;
	opacity:0.6;
	border-radius:10px;
	font-size:6vw;

}
/*イベントへのリンク*/
#event_info{
	display:block;
	position:absolute;
	top:0.5rem;
	right:0.5rem;
}
#event_info > img{
	border-radius:10px;
	width:40vw;
}


#slide_button{
	position:fixed;
	bottom:1rem;
	right:1rem;
	border-radius:10px;
	background-color:#ffbb8c;
	font-weight:1000;
	outline:none;
	padding:5px;
	font-size:1.5rem;
}

/*選択を入れるコンテナ*/
.swiper-container{
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	transition:.3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateY(100%);
	transform: translateY(100%);/*左に隠しておく*/
}

/*開いた状態の設定*/
.open-container{
	-webkit-transform: translateY(0%);
	transform: translateY(0%);/*左に隠しておく*/
}

#swiper-box{
	background-color:#2377FF;
	border-radius:20px;
	box-shadow:0px 0px 4px 2px #2ad0ff inset;
}

#swiper-box > img{
	margin:10px;
	margin-left:5px;
	border-radius:70%;
	width:70%;
	height:70%;
	border:dashed 3px white;
	box-sizing:border-box;
}

#swiper-box > p{
	position:absolute;
	width:70%;
	text-align:center;
	top:0;
	right:0;
	background-color:white;
	line-height:1.4em;
	border-radius:10px;
	font-weight:800;
	font-size:4vw;
}
@media only screen and (min-width: 1000px){
	#swiper-box > p{
		font-size:20px;
	}
	#b_name{
		font-size:4vw;
	}
}