reset.min.css
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:0 0;box-sizing:border-box}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style:none}a{text-decoration:none;color:#000}
styles.scss
html {
width: 100%;
height: 100%;
background: #fff;
font-size: 62.5%;
}
body {
width: 100%;
position: relative;
text-align: center;
font-size: 1rem;
font-weight: 300;
color: #000;
letter-spacing: 0;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "Hiragino Sans", Meiryo, sans-serif;
}
header, main, section {
display: block;
width: 100%;
margin: 0 auto;
&::after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
}
.bold {
font-weight: 600;
}
a {
color: #000;
cursor: pointer;
&:hover {
opacity: 0.7;
transition: all 0.5s ease;
}
}
font-family: ヒラギノ
font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic StdN", "Hiragino Sans", Meiryo, sans-serif;
font-family: 游ゴシック
font-family: Arial, "Yu Gothic Medium", YuGothic, sans-serif;
font-family: Noto Sans
font-family: 'Noto Sans JP', sans-serif;