@charset "utf-8";
body {background-color: rgb(32, 39, 28);margin-top: 33px;}
* {margin:0;padding:0;font-family:sans-serif;font-weight:100;text-transform:uppercase;}
.rp{margin:2vw auto 5vw auto;width:85vw;}
.rp img{width:85vw;border:0;opacity: 0.9}
.more{margin:2vw auto 1vw auto;width:50vw;}
.more img{width:50vw;border:0;}

a{text-decoration: none;color:rgba(102, 137, 95, 0.90);}
a:hover{text-decoration: underline;}
.content{font-size:3.6vw;font-weight:200;margin:10px 10vw;cursor: pointer;text-align:center;line-height:6vw;color:rgba(176, 183, 139, 0.90);}
h1,h1 .part1,h1 .part2, h2{letter-spacing:4px;text-align:center;margin-bottom:30px;}
h1{margin-top:20px;line-height:1.25;}
h1,h1 .part1,h1 .part2{font-size:11vw;font-weight:700;}
h2{font-size:3.5vw;font-weight:400;margin-bottom:20px;margin-top:50px;line-height:5vw;}
.important{font-weight: 600;}

h1,h1 .part1,h1 .part2{text-shadow:2px 2px 5px rgba(75, 5, 10, 0.5);color: rgba(255, 255, 255, 0.8);}
h1 .part1{color: hsl(68, 20%, 60%)}
h1 .part2{color: hsl(109, 18%, 41%)}
h2{text-shadow:1px 1px 1px rgba(75, 5, 10, 0.5);color: rgba(176, 183, 139, 0.90);}
.sub-header{color: rgba(176, 183, 139, 0.90);text-shadow:1px 1px 3px rgba(0, 0, 0, 0.33);font-weight: 400;font-size: 55%;}
h1.roundoku .sub-header{font-size: 40%;}

@media screen and (min-width: 700px) {
	.content{font-size:24px;width:700px;margin:auto;line-height:40px;}
	h1,h1 .part1,h1 .part2{font-size:65px;}
	h2{font-size:34px;}
	.rp,.rp img{width:700px;}
	.more,.more img{width:400px;}
}