@charset "UTF-8";
/* CSS Document */


body{
	background-color: #fdf5e6;
	font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
	}


section.toplogo{
	margin: 5%;
}

.toplogo img {
	width: 55%;
	height: 55%;
	margin: 6% 22%;
}

.obake img {
	float: right;
	width: 35%;
	height: 35%;
	
}

.dai{
	font-size: 2em;
	font-weight: bold;
	color: #42352d;
	font-size: 2em;
}

.setumei{
	clear: both;
	float: left;
	background-color:  #C9F1FF;
	margin: 10%;
	padding: 5%;
	height: 35em;
	width: 35em;
	border-radius: 50%;
	text-align: center;
	line-height: 3.0;
	color: #614C3F;
	font-weight: 700;
}


.setumei2{
	clear: both;
	float: right;
	background-color:    #FFE9D9;
	margin: 10%;
	padding: 5%;
	height: 35em;
	width: 35em;
	border-radius: 50%;
	text-align: center;
	line-height: 3.0;
	color: #614C3F;
	font-weight: 700;
}

.erebeta img {
	clear: both;
	float: left;
	margin-left: 5em;
	width: 20%;
	height: 20%;
	
}

.charapage{
	clear: both;
	background-color: #FFE4B2;
	height: 80%;
}



.charapage img{
	width:50%;
  height:auto;
  margin: 5% 25% 1% 25%;
}


.bunrui{
	display : flex ;
	justify-content: space-around; 
}

.page-top{
	text-align: center;
}

/*== グラデーションが縮小する */

.botan {
	margin: 5%;
    /*ボタンの形状*/
    display: inline-block;
    color: #42352d;
	font-size: 2em;
    padding: 2em 4em;
    border-radius:3em;
    text-decoration: none;
    outline: none;
    /*背景の色と形状*/
    background:#fdf5e6;
    
    /*アニメーションの指定*/ 
    transition: all 0.3s ease-out;
}

/*hoverした際のスケールで全体を縮小*/
.botan:hover{
    transform: scale(0.95);
}