@charset "utf-8";


/*========= モーダル表示のためのCSS ===============*/

/*infoエリアをはじめは非表示*/
#info{
	display: none;
}
#info2{
	display: none;
}
#info3{
	display: none;
}
#info4{
	display: none;
}
#info5{
	display: none;
}
#info6{
	display: none;
}

/*モーダルの横幅を変更したい場合*/
.modaal-container{
    max-width: 800px;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}