/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, em, img, strong,dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, figcaption, figure, 
footer, header, main, nav, section {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
	box-sizing:border-box;
}

html {
  font-size: 100%;
}
  @media (min-width: 768px) and (max-width: 1023px) {
	  html{
			font-size:14px;
			font-size:-webkit-calc(14px + 0.25vw);
    		font-size: calc(14px + 0.25vw);
	  }
  }
  @media (max-width: 767px) {
	  html{
		  font-size:13px;
		  font-size:-webkit-calc(13px + 0.5vw);
		  font-size: calc(13px + 0.5vw);
	  }
  }
 



body {
	color:#ffffff;
    line-height:1;
	font-family:'游ゴシック', YuGothic,'Lato','Helvetica Neue','Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ＭＳ ゴシック', sans-serif;
	background-color:#352f2d;
	border-top: 1px #352f2d solid;
}

article,aside,figcaption,figure,main,
footer,header,nav,section { 
	display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
p{
	line-height:1.5;
}
a {
	color:#dcdddd;
    margin:0;
    padding:0;
    vertical-align:baseline;
   /* background:transparent;*/
	text-decoration:none;
	width:100%;
	height:100%
}


table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}