@charset "UTF-8";
/* -------------------------------------------------------------------
 [CSS for basic elements and site structure]
 ! Do not modify this CSS directly. It's generated by Sass.
 ------------------------------------------------------------------ */
/* auto grouping by Sass
--------------------------------------------------------------------*/
.l_maincontainer > .l_inner:before,
.l_maincontainer > .l_inner:after {
	display: table;
	content: "";
}
.l_maincontainer > .l_inner:after {
	clear: both;
}

.l_inner {
	width: 1250px;
	margin-right: auto;
	margin-left: auto;
}

/* basic elements
------------------------------------------------------------*/
body {
	min-width: 1000px;
	background: #ffffff;
	color: #333333;
	font-size: 16px;
	line-height: 1.75;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
html[lang="ja"] body {
	font-family: "Roboto Condensed", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img:not([width]) {
	width: auto;
	max-width: 100%;
	height: auto;
}

a {
	color: #1bade5;
	text-decoration: none;
}

html.js-sp input[type="text"],
html.js-sp select,
html.js-sp textarea {
	font-size: 16px;
}

/* inner
------------------------------------------------------------*/

/* page
------------------------------------------------------------*/
/* header
------------------------------------------------------------*/
header.page {
	margin-bottom: 35px;
	padding-top: 10px;
	background-color: #333333;
}
header.page > .l_inner {
	padding: 0 20px;
}

/* footer
------------------------------------------------------------*/
footer.page {
	margin-top: 69px;
	padding: 19px 0 20px;
	border-top: 1px solid #dddddd;
}
footer.page > .l_inner {
	padding: 0 20px;
}
footer.page * {
	color: #333333;
}

/* global navi
------------------------------------------------------------*/
nav.nav_global * {
	color: #ffffff;
}

/* maincontainer
------------------------------------------------------------*/
.l_maincontainer > .l_inner {
	overflow: hidden;
	padding: 0 20px;
}

/* main
------------------------------------------------------------*/
.l_main {
	float: right;
	overflow: hidden;
	width: 100%;
	margin-right: -290px;
	padding-right: 290px;
}

/* side
------------------------------------------------------------*/
.l_side {
	width: 250px;
}

/* breadcrumb
------------------------------------------------------------*/
nav.nav_breadcrumb {
	margin-bottom: 15px;
	font-size: 87.5%;
}

/* media queries
------------------------------------------------------------*/

@media (max-width: 1000px) {
	body {
		overflow-x: auto;
	}
	.l_inner {
		overflow: hidden;
		width: 1000px;
	}
}

@media (min-width: 1001px) {
	body {
		overflow-x: hidden;
	}
	.l_inner {
		width: 100%;
		max-width: 1250px;
	}
	header.page > .l_inner {
		max-width: 1290px;
	}
	footer.page > .l_inner {
		max-width: 1290px;
	}
	.l_maincontainer > .l_inner {
		max-width: 1290px;
	}
}