@charset "UTF-8";

body{
	background-image:url("img-blog/beach-1000.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

p {
    margin: 0; 
    padding: 0;
}

main{
	display:flex;
}

img{
	width:700px;
	height:auto;
}

/*フッター*/
footer{
	display:  inline-block;
	padding:  0;                /* ulタグのデフォルトCSSを打ち消し */
	margin:  0;                 /* ulタグのデフォルトCSSを打ち消し */
	list-style: none;           /* ulタグのデフォルトCSSを打ち消し */
	text-align:  left; 
}
footer > a{
	color: #222;                /* 文字の色指定 */
	background-color:  rgb(255, 255, 0);   /* 背景色指定 */
	text-decoration:  none;     /* 文字のデフォルトCSSを打ち消し */
	display:  inline-block;     /* インラインブロック要素にする */
	padding:  10px;             /* 余白指定 */
	width:  100%;               /* 幅指定 */
	box-sizing:  border-box;    /* 崩れ防止 */
}
footer :hover {
background-color: rgb(255, 255, 128);
}

.page{
	width:50%;
}

.page > a{
	color: #222;
	background-color:  yellow;
	text-decoration:  none;
	padding:  10px;
}
.page :hover {
	background-color: rgb(255, 255, 128);
}

.lost {
	opacity: 0;
	text-decoration:  none;
}