@charset "UTF-8";


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

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

.shadow{
	box-shadow: 10px 10px 15px  rgb(60, 60, 60);

}



.modaal-close{
	display: none;
}


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



@media screen and (min-width:600px) {
  .img-size {
    width:410px;

  }

	.modaal-container{

			text-align: center;
	}
}

@media screen and (min-width:1500px) {
	.img-size {
		width:490px;

}

@media screen and (min-width:1800px) {
	.img-size {
		width:490px;
}