@charset "utf-8";
/*common-----------------*/

.dialogBlackBG{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
}
.dialogwhiteBG{
	width: 80%;
	height: 80%;
	background-color: #FFF;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.dialogwhiteBG2{
	width: 50%;
	height: 50%;
	background-color: #FFF;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.relative-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
}

.dialogContentswrapper{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	height: 90%;
}
.dialogtitle{
	width: 100%;
	height: 40px;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.dialogContents{
	width: 100%;
	height: 85%;
}
.dialogbtnarea{
	width: 100%;
	height: 80px;
	border-top-style: solid;
	border-top-width: thin;
}
.btnwrapper{
	position: relative;
   
}
.btnwrapper > div{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,10%);
	display: flex;

}
.btnwrapper > div > button{
	margin: 15px;
	width: 180px;
	height: 50px;
}

.closepoint{
	position: absolute;
	top: 10px;
	right: 10px;
}

.gifwrapper{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.gifplayarea{
	
}

.contentRow{
    display: flex;
    margin-top: 15px;
}

#yoteiheader div{
    font-family: 'Noto Serif JP', serif;
    font-size: 1.5rem;
}