/* ==============================
 * /artists/common/css/layout.css
 * ------------------------------
 * - Artist Layout
 * - media query for SP(max-width:767px)
 * - clearfix
================================= */
/* - Artist Reset
--------------------------------- */
p,figure { margin: 0; }

/* - Artist Layout
--------------------------------- */
.l-main * {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
/* main__inner */
.main__inner {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	padding: 25px 10px 80px;
}
@media print,screen and (min-width:768px) {
.main__inner [class*="main__column"] {
	margin-left: 2.5%;
}
.main__inner [class*="main__column"]:first-child {
	margin-left: 0;
}
.main__column--01 {
	width: 100%;
}
.main__column--02 {
	float: left;
	width: 75.8%;
}
.main__column--02-01 {
	float: left;
	width: 60.85%;
}
.main__column--02-02 {
	float: left;
	width: 48.75%;
}
.main__column--03 {
	float: left;
	width: 36.65%;
}
.main__column--aside {
	float: left;
	width: 21.7%;
}
.pc--hide {
	display: none !important;
}
}

/* local-footer */
.local-footer {
	padding: 10px 20px;
	background: #000;
	font-size: 1.2rem;
	color: #fff;
}
.local-footer__right {
	float: right;
}
.local-footer__left {
	float: left;
}
.local-footer__left a,
.local-footer__left a:hover {
	color: #fff;
	text-decoration: none;
}
@media only screen and (min-width:768px) {
.local-footer__left a:hover {
	text-decoration: underline;
}
}


/* =================================
 * - media query for SP
 * - (max-width:767px)
================================= */
/* - Artist Layout
--------------------------------- */
@media only screen and (max-width:767px) {
body {
	padding-top: 47px;
}
.global-header {
	display: block;
}
/* main__inner */
.main__inner {
	display: flex;
	flex-wrap: wrap;
	padding: 0 10px 20px;
}

.main__inner .main__column--02,
.main__inner .leftSidebar,
.main__inner .mainSidebar,
.main__inner .rightSidebar {
	width: 100%;
	margin-top: 20px;
}

.main__inner .main__column--02,
.main__inner .leftSidebar {
	order: 1;
}

.main__inner .mainSidebar {
	order: 2;
}

.main__inner .rightSidebar {
	order: 3;
}

/* local-footer */
.local-footer {
	padding: 0;
	font-size: 1.0rem;
}
.local-footer__right {
	float: none;
	padding: 15px 10px;
}
.local-footer__left {
	float: none;
	padding: 13px;
	border-top: 1px solid #333;
}
.sp--hide {
	display: none !important;
}
}

/* - 404 page
--------------------------------- */
.widget-notfound {
	text-align: center;
}

.widget-notfound .notfound-txt {
	font-size: 1.6em;
}

.widget-notfound .btn--search a span:after {
	border: none;
}

/* - clearfix
--------------------------------- */
.lnav__list:after,
.main__inner:after,
.local-footer:after {
	display: block;
	clear: both;
	content: "";
}