@charset "UTF-8";
/* 

  common layout setting (prefix: lo-) 

*/

/* --------------------------------------
 single column (prefix: lo-sc-)
--------------------------------------- */
/* ---------- Main Column Structure ---------- */
.lo-sc-header,
.lo-sc-article,
.lo-sc-footer {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

.lo-sc-footer {
    margin-top: 70px;
}

.lo-sc-nav-top {
	float: left;
	width: 100%;
}

.lo-sc-nav-bottom {}


/* ---------- Main Additional Block ---------- */

.lo-sc-headline,
.lo-sc-content {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}



/* ---------- Side Column ---------- */
.lo-sc-aside {}


/* ---------- Common Block ---------- */
.lo-sc-outer {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.lo-sc-wrap {
	max-width:1100px;
	margin: 0 auto;
	padding: 0;
}

.lo-sc-inner {
	display: block;
	position: relative;
	float:left;
	width:1100px;
	padding: 0;
	margin: 0;
}

.lo-sc-inner_in {
	float: left;
	display: block;
	position: relative;
	width:98%;
	margin: 0 1%;
	padding: 0;
}

.lo-sc-inner_in01 {
	float: left;
	display: block;
	position: relative;
	width:72%;
	margin: 0 14%;
	padding: 0;
}

.lo-sc-inner_in02 {
	float: left;
	display: block;
	position: relative;
	width:92%;
	margin: 0 4%;
	padding: 0;
}

.lo-sc-inner_in03 {
	float: left;
	display: block;
	position: relative;
	width:84%;
	margin: 0 8%;
	padding: 0;
}

@media screen and (max-width: 1100px) { /*pc*/

.lo-sc-inner {
	width:100%; }

}

@media screen and (max-width: 950px) { /*pc*/

.lo-sc-inner_in01 {
	width:90%;
	margin: 0 5%;
	padding: 0;
}

}

@media screen and (max-width: 768px) { /*tablet*/

.lo-sc-inner_in {
	width:96%;
	margin: 0 2%;
}

.lo-sc-inner_in03 {
	width:90%;
	margin: 0 5%;
}

}

@media screen and (max-width: 667px) { /*sp_w*/

.lo-sc-inner_in {
	width:92%;
	margin: 0 4%;
}

}

/* --------------------------------------
 two column wide-thin (prefix: lo-wt-)
--------------------------------------- */
/* ---------- Main Column Structure ---------- */
.lo-wt-header,
.lo-wt-nav-top,
.lo-wt-footer,
.lo-wt-nav-bottom {}

.lo-wt-article {}

/* ---------- Side Column ---------- */
.lo-wt-aside {}

/* ---------- Main Additional Block ---------- */
.lo-wt-content {}