@charset "utf-8";

/* LAYOUT BASE
____________________________________________________ */
.base-width {
	width: 100%;
	max-width: var(--base-width);
	margin: 0 auto;
	padding: 0 4vw;
}
@media ( min-width: 1281px ) {
	.base-width {
		min-width: var(--base-width);
		padding: 0;
	}
}

.column-wrap {
	z-index: 0;
	position: relative;
	width: 100%;
	max-width: var(--base-width);
	margin: 0 auto;
  padding: 0 4vw 0 4vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.column-wrap .column {
	width: 100%;
	margin: 0;
	position: relative;
}
.column-wrap .sub {
	padding-top: 3rem;
}
@media ( min-width: 641px ) {
	.column-wrap {
		flex-direction: column;
    padding: 1rem 4vw 0 4vw;
	}
	.column-wrap .column {
		width: 100%;
	}
	.column-wrap .sub {
		align-items: flex-start;
	}
}
@media ( min-width: 834px ) {
  .column-wrap {
    padding: 1rem 4vw 0 4vw;
  }
	.column-wrap .sub {
		padding-top: 0;
	}
}
@media ( min-width: 1281px ) {
	.column-wrap {
    padding: 0;
		flex-direction: row;
		background: rgba(var(--color08),1);
	}
	.column-wrap .main {
    padding-top: 1rem;
		width: 930px;
		background: rgba(var(--color08),1);
	}
	.column-wrap .sub {
    padding-top: 1rem;
		margin-left: 50px;
		width: 300px;
		display: flex;
		align-items: flex-end;
		background: rgba(var(--color08),1);
	}
}


/* NARROW LAYOUT
____________________________________________________ */
@media ( min-width: 1281px ) {
	.narrow .column-wrap {
		max-width: var(--narrow-width);
	}
	.narrow .column-wrap .main {
		width: 760px;
	}
}


/* article single-column
____________________________________________________ */
.article.single .column-wrap {
	justify-content: center;
}
.article.single .column-wrap .sub {
	display: none;
}
@media ( min-width: 1281px ) {
	.article.single .column-wrap .main {
		width: 900px;
	}
}


/* mynews
____________________________________________________ */
.withInner > .column-wrap {
	max-width: var(--narrow-width);
}
.withInner > .column-wrap > .main {
	width: 100%;
}
.withInner > .column-wrap > .sub {
	display: none;
}
@media ( min-width: 1281px ) {
	.withInner > .column-wrap {
		min-width: var(--narrow-width);
	}
}
.withInner > .column-wrap .column-wrap {
	padding: 0;
}


/* member
____________________________________________________ */
.member .column-wrap .main {
  order: 1;
}
.member .column-wrap .sub {
  order: 2;
}
@media ( min-width: 641px ) {
  .member .column-wrap .main {
    margin-left: 0;
  }
  .member .column-wrap .sub {
    margin-left: 0;
    padding-top: 1rem;
  }
}
@media ( min-width: 1281px ) {
  .member .column-wrap .main {
    order: 2;
    padding-top: 1rem;
  }
  .member .column-wrap .sub {
    order: 1;
  }
}