@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Accidental-Presidency';
    src:url('fonts/Accidental-Presidency.ttf.woff') format('woff'),
        url('fonts/Accidental-Presidency.ttf.svg#Accidental-Presidency') format('svg'),
        url('fonts/Accidental-Presidency.ttf.eot'),
        url('fonts/Accidental-Presidency.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

html {
	font-size: font-size: 62.5%;
}

body{
	width: 60vw;
	height: auto;
	max-width: auto;
	max-height: 100vh;
	margin: 0 auto;
	background-color: #FFF;
}


h3 > a:link,h3 > a:visited {
	text-decoration: none;
	color: #000;

}


p > a:link,p > a:visited {
	text-decoration: none;
	color: #000;
}
p > a:hover,h3 > a:hover {
   color: #FF5A1E;
   text-decoration: underline;
}

@media screen and (min-width: 1024px) { 
body{
	width: 50vw;
	margin-top: 15vh;
}
}



@media screen and (orientation: portrait) {

body{
	width: 80vw;
	height: 100%;	
}


}



#contents {
	color: #000;
	text-align: center;
	font-family: Accidental-Presidency;
	font-weight: normal;
}

#contents section {
	margin-bottom: 8vh;
}


#contents h1 {
	width: 70%;
	margin: 5vh auto;
}



#contents h2{
	font-family: Accidental-Presidency;
	font-weight: normal;
	margin: 0;
	line-height: 100%;
	font-size: 4vw;
}

#contents h3 {
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	font-size: 3vw;
}

#contents p {
	margin: 0;
	font-size: 2.5vw;
}



@media screen and (min-width: 1024px) { 
#contents h2{
	font-size: 2.5vw;
}

#contents h3 {
	font-size: 2.2vw;
}

#contents p {
	font-size: 1.8vw;
}
}
@media screen and (orientation: portrait) {
#contents h2{
	font-size: 6vw;
}

#contents h3 {
	font-size: 5vw;
}

#contents p {
	font-size: 4vw;
}
}




.brand p.t_red a:link,.brand p.t_red a:visited {
	color: #A72126;
	text-decoration: none;
}

.brand p.t_red a:hover {
	text-decoration: underline;
}

.brand p.t_red span {
	color: #000;
}