@charset "UTF-8";

/* リセットタグ*/
* {
mardin:0;
padding:0;
box-sizing: border-box;
}

html{font-size:100%;

}

body{background-color:#d3d3d3;
background-image: url(img/wall.png);
background-repeat:repeat;
width:100vw;
height:100vh;
mardin:0;
padding:0;

}

/*  リンク */

a{color:black;
text-decoration:none;
position: relative;
display: inline-block;
transition: .3s;
}

a::after{
position: absolute;
bottom: 0;
left: 50%;
content: '';
width: 0;
height: 2px;
background-color:IndianRed;
transition: .3s;
transform: translateX(-50%);
}

a:hover::after{
width:100%;
}

a:active{color:#999999;
}

a:visited{color:brack;
}

/*  画像 */

.img-top{mardin:10PX 10px;
}

img{mardin:10PX;
padding:0px;
}

/*  見出し */

h1{
font-size:3rem;
color:black;
}

h2{
font-size:1.2em;
color:black;
background:#f5f5f5;
width:85%;
mardin:8px;
padding:10px;
}

/*  段落 */

p{
font-size:1em;
mardin:30px;
padding:30px;
}

.p-side{font-size:0.8em;
text-align: center;
mardin:10px;
padding:0px;}

/*  上部メニュー */

.page-header{
display: flex;
justify-content: space-between;
}

.main-nav{display:flex;
font-size:1em;
text-transform: uppercase;
margin-top: 50px;
list-style: none;
}

.main-nav li{
margin-left: 50px;
margin-right: 50px;}

.logo{ width:210px;
margin-top:14px;
}

/*  記事 */

.main{ display: flex;
justify-content: space-between;
margin-bottom: 50px;
}

article{ width: 74%;
background-color:white;
}

aside{ width: 22%;
background-color:white;}

hr{ border-top:dotted 1px black;
margin-left:50px;
margin-right:50px; }

.p-areicle{text-align:center;}

/*  不要？後で確認 */
.top{width:90%;
 background-color:white;
mardin:10px;
padding:10px;
text-align:left;
float:center;}

/*  フッター */
.footer{text-align:center;
font-size:1em;
color:black;
background:#f5f5f5;
width:100%;
}