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

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

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


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

/*モーダルのボタンの色を変更したい場合*/
.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;
}

.sp_lft { text-align: center}
@media screen and (max-width:480px){
	.modaal-container{width:96%;}
	.sp_lft {
		text-align: left;
	}
}