@charset "utf-8";
/*========= モーダル表示のためのCSS ===============*/

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	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;
}




/*========= レイアウトのためのCSS ===============*/


ul{
	list-style: none;

}

section:nth-child(2n){
	background:#f3f3f3;	
}

img{
	max-width: 100%;
	height: auto;
}