body { 
 margin: 0; 
 font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; 
 background: whitesmoke; 
 -webkit-text-size-adjust: 100%; 
 font-feature-settings: "palt"; 
} 
.outline-text { 
 position: relative; 
 color: white; 
 line-height: 1.25; 
 font-size: 14vh; 
 -webkit-text-stroke: .1em dimgray; 
    left: 20px; 
    top: -10px; 
} 
.outline-text.-serif { 
 font-family: "Hiragino Serif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif; 
} 
.outline-text::before { 
 content: attr(data-text); 
 position: absolute; 
 -webkit-text-stroke: 0; 
} 
#comment{ 
 margin: 0 auto; 
 padding: 3px; 
} 
 
#toppage{ 
 width: 320px; 
 margin: 0 auto; 
} 
#title, 
#menu, 
#copy { 
 text-align: center; 
} 
#copy { 
 font-size: small; 
} 
ul{ 
 padding:0px; 
 margin: 0px; 
} 
ul li{ 
 list-style-type: none; 
} 
a{ 
 display: inline-block; 
 width: 290px; 
 padding: 0.8em; 
 text-align: center; 
 text-decoration: none; 
 color: whitesmoke; 
 background:dimgray; 
 border-bottom:4px solid #c1c1c1; 
 border-radius: 4px; 
 transition: .0s; 
 text-decoration: underline; 
} 
a:link, 
a:visited{ 
 color: whitesmoke; 
 text-decoration: none; 
} 
a:hover { 
 color: #FF003F; 
 cursor: pointer; 
 text-decoration: none; 
 background:#c1c1c1; 
 text-decoration: none; 
}
/*ウインドウ幅が700px以上の時に適用 */ 
@media screen and (min-width :700px){ 
 .outline-text { 
 font-size: 140px; 
 } 
}