@charset "utf-8";
/*------------------------------------------------------------
	clearfix
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}


/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
}

body,
table,
input, textarea, select, option {
	font-size: 16px;
	font-family:'Roboto-Light','Raleway-Regular','Raleway-Bold','Raleway-ExtraLight','游ゴシック体','游ゴシック','YuGothM','YuGothB','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	letter-spacing: 0.03em;
}

body{
    width: 100%;
    display: block;
}


/*------------------------------------------------------------
	フォント読み込み
------------------------------------------------------------*/
@font-face {
    font-family: 'Raleway-Bold';
    font-style: normal;
	src: url('../font/Raleway-Bold.woff') format('woff'),
		 url('../font/Raleway-Bold.eot') format('eot');
	
}

@font-face {
    font-family: 'Raleway-ExtraLight';
    font-style: normal;
	src: url('../font/Raleway-ExtraLight.woff') format('woff'),
		 url('../font/Raleway-ExtraLight.eot') format('eot');
}

@font-face {
    font-family: 'Raleway-Regular';
    font-style: normal;
	src: url('../font/Raleway-Regular.woff') format('woff'),
		 url('../font/Raleway-Regular.eot') format('eot');
}

@font-face {
    font-family: 'Raleway-Medium';
    font-style: normal;
	src: url('../font/Raleway-Medium.woff') format('woff'),
		 url('../font/Raleway-Medium.eot') format('eot');
}

@font-face {
    font-family: 'Raleway-SemiBold';
    font-style: normal;
	src: url('../font/Raleway-SemiBold.woff') format('woff'),
		 url('../font/Raleway-SemiBold.eot') format('eot');
}


@font-face {
    font-family: 'YuGothB';
    font-style: normal;
	src: url('../font/YuGothB.woff') format('woff'),
		 url('../font/YuGothB.eot') format('eot');
}

@font-face {
    font-family: 'YuGothM';
    font-style: normal;
	src: url('../font/YuGothM.woff') format('woff'),
		 url('../font/YuGothM.eot') format('eot');
}

@font-face {
    font-family: 'YuGothR';
    font-style: normal;
	src: url('../font/YuGothR.woff') format('woff'),
		 url('../font/YuGothR.eot') format('eot');
}

@font-face {
    font-family: 'Roboto-Light';
    font-style: normal;
	src: url('../font/Roboto-Light.woff') format('woff'),
		 url('../font/Roboto-Light.eot') format('eot');
	unicode-range: U+0030-0039;
}
@font-face {
    font-family: 'Roboto-Thin';
    font-style: normal;
	src: url('../font/Roboto-Thin.woff') format('woff'),
		 url('../font/Roboto-Thin.eot') format('eot');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'Roboto-Medium';
    font-style: normal;
	src: url('../font/Roboto-Medium.woff') format('woff'),
		 url('../font/Roboto-Medium.eot') format('eot');
	unicode-range: U+0030-0039;
}

@font-face {
    font-family: 'Roboto-Bold';
    font-style: normal;
	src: url('../font/Roboto-Bold.woff') format('woff'),
		 url('../font/Roboto-Bold.eot') format('eot');
	unicode-range: U+0030-0039;
}


article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a,
a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	opacity: 0.7;
}

a:active {
	color: #000000;
}



/*PC*/
@media screen and (min-width: 769px){
	.SP {
		display: none !important;
	}
	
	.PC {
		display: block !important;
	}
}

/*スマホ*/
@media screen and (min-width: 0) and (max-width: 768px) {
	.PC {
		display: none !important;
	}
	
	.SP {
		display: block !important;
	}
	
}