@charset "utf-8"

/* ---------------------------------------
Default style reset and basic styling

File name: basic.css
Web site URL: http://magoshand.co.jp/
Author: Tepee Ballet
--------------------------------------- */


/*  Default Style Reset
------------------------------------------- */
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6,
header, footer, aside, article, nav, section,
pre, form, fieldset, input, textarea, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
caption, th {
	text-align: left;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
}
object {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h2, h3, h5, h6 {
	font-size: 100%;
}
img {
	border: 0;
}
input, select {
	vertical-align: middle;
}
ul, ol {
	list-style: none;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
  -webkit-appearance: none;
}



/*  Basic Styling
------------------------------------------- */
body {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", YuMincho, '游明朝', "游明朝", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background: #FFF;
	color: #333;
	font-size: 85%;
	line-height: 1;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	   -moz-text-size-adjust: none;
}

a:link {
	text-decoration: underline;
	color: #840d30;
}
a:visited {
	text-decoration: underline;
	color: #840d30;
}
a:hover {
	text-decoration: underline;
	color: #b44969;
	opacity: .75;
}
a:active {
	text-decoration: underline;
	color: #b44969;
}

.mgb10 { margin-bottom: 10px; }
.mgb20 { margin-bottom: 20px; }
.mgb30 { margin-bottom: 30px; }
.mgb40 { margin-bottom: 40px; }
.mgb50 { margin-bottom: 50px; }

.f-Left { float: left; margin: 0 1.5em 1em 0; }
.f-Right { float: right; margin: 0 0 1em 1.5em; }

.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }

@media only screen and (min-width:1081px) {
	.PcTb_br { display: block; }
	.Sp_br { display: inline; }
}

@media only screen and (max-width:1080px) {
	.PcTb_br { display: block; }
	.Sp_br { display: inline; }
}

@media only screen and (max-width:640px) {
	.PcTb_br { display: inline; }
	.Sp_br { display: block; }
}




/* Clear fix
-------------------------------------------------------------- */
.cfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cfix {
	display:inline-table;
	zoom: 1;
}
* html .cfix {
	height: 1%;
}
.cfix {
	display:block;
}
.clear {
	clear: both;
}