body{
/* ---------------------------------------------------------------------------------------------------- とりあえずの画面中庸処理 */
	display: table-cell;
	width:  1%;
	height: 40rem;
	text-align: center;
	background: aqua;
	vertical-align: middle;
/* ---------------------------------------------------------------------------------------------------- とりあえずの画面中庸処理ここまで */
	
	margin: 0;
	position: flex;  /* またはfixed */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	background-color: #76a6ff;
/*
	background-image: url('../image/Logo_Mini_白マド.png');
	background-repeat: no-repeat;
	background-position: right bottom;
*/
}

.base{
	flex:0 1 auto;
	background-color: #FFFFFF;
	width: 70%;
	margin:auto;
	margin-top: 20px;
	padding: 7px 20px 20px 20px;
	border-radius: 17px;
}
#base{
	background-image:url('../image/buchimaru01.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:auto 150px;
}

#image{
	margin-top:20px;
	text-align: center;
	font-size:1.5em;
}

.outer{
}


.button_wrapper{
	text-align: center;
}

.nextbtn{
	text-decoration: none;
	color: #FFF;
	background: #fd9535;/*色*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-weight: bold;
	border: solid 2px #d27d00;/*線色*/
	font-size:1.2em;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	padding: 10px 20px 10px 20px;
	width: 30%;
}

#card{
	width: 100%;
	height: auto;
}

#logo{
	position:absolute;
	bottom:2%;
	right:2%;
}