#lineup_page,
#lineup_page_sub {
	margin-bottom: 90px;
	font-size: 1.5rem;
	}

#lineup_page .mincho,
#lineup_page_sub .mincho {
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}


#lineup_page .top_box {
	margin-top: 30px;
	margin-bottom: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}

#lineup_page .top_box .text {
	width: 100%;
}

#lineup_page .top_box .key_copy {
	width: 64%;
	margin-top: 60px;
}

#lineup_page .top_box .key_copy dt {
	font-size: 3.6rem;
	border-bottom: 1px solid #80a317;
	line-height: 2;
}

#lineup_page .top_box .key_copy dt span {
	font-size: 5.0rem;
	color: #80a317;
}
#lineup_page .top_box .key_copy dd {
	font-size: 2.2rem;
	line-height: 2;
}
#lineup_page .top_box .photo {
	width: 33%;
	padding-right: 2px;
	margin-top: 60px;
}

#lineup_page .top_box .photo img {
	width: 100%;
	filter: drop-shadow(2px 2px 2px #aaa);
}

#lineup_page .box {
	box-shadow: 0 0 6px #ccc;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 30px 5px 5px 5px;
}

#lineup_page .box .unit {
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	margin: 30px 0;
}

#lineup_page .box .catch {
	font-size: 1.8rem;
	color: #fff;
	line-height: 2.2;
}

#lineup_page .blue .catch {
	background-color: #4aaabc;
}
#lineup_page .green .catch {
	background-color: #608f6d;
}
#lineup_page .beige .catch {
	background-color: #b38052;
}
#lineup_page .purple .catch {
	background-color: #9f7da0;
}
#lineup_page .chocolate .catch {
	background-color: #926565;
}

#lineup_page .box h4 {
	font-size: 2.9rem;
	margin-top: 35px;
}

#lineup_page .box .detail_btn {
	margin: 35px auto 0;
	border-radius: 5px;
	border: 1px solid #b2b2b2;
	width: 50%;
	line-height: 2.5;
}
#lineup_page .box .detail_btn a {
	display: block;
	width: 100%;
	color: #b2b2b2;
	position: relative;
}

#lineup_page .box .detail_btn a::before {
	content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    top: 10px;
    right: 15px;
	transition: 0.2s ease; 
}

#lineup_page .blue .detail_btn a::before {
	background-color: #4aaabc;
}
#lineup_page .green .detail_btn a::before {
	background-color: #608f6d;
}
#lineup_page .beige .detail_btn a::before {
	background-color: #b38052;
}
#lineup_page .purple .detail_btn a::before {
	background-color: #9f7da0;
}
#lineup_page .chocolate .detail_btn a::before {
	background-color: #926565;
}

#lineup_page .box .detail_btn a::after {
	content: "";
    position: absolute;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    top: 15px;
    right: 21px;
	transition: 0.2s ease;
}

#lineup_page .box .detail_btn a:hover::before {
	right: 10px;
	transition: 0.2s ease;
}
#lineup_page .box .detail_btn a:hover::after {
	right: 16px;
	transition: 0.2s ease;
}

#lineup_page .box .photo {
	width: 50%;
	box-sizing: border-box;
	padding: 10px;
}

#lineup_page .box .photo a,
#lineup_page .box .photo a:hover {
	transition: 0.2s ease;
}


/*ここからlラインナップ下層ページ*/

#lineup_page_sub h2 {
	font-size: 2.4rem;
	color: #fff;
	line-height: 2.3;
	padding-left: 1em;
	margin-top: 40px;
}

#lineup_page_sub img {
	width: 100%;
	height: 100%;
}

.blue h2 {
	background-color: #4aaabc;
}
.green h2 {
	background-color: #608f6d;
}
.beige h2 {
	background-color: #b38052;
}
.purple h2 {
	background-color: #9f7da0;
}
.chocolate h2 {
	background-color: #926565;
}

#lineup_page_sub .kv {
	width: 100%;
	height: 590px;
	margin-top: 30px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.blue .kv {
	background-image: url(/lineup/atrium/images/kv.jpg);
}
.green .kv {
	background-image: url(/lineup/loft/images/kv.jpg);
}
.beige .kv {
	background-image: url(/lineup/lattice/images/kv.jpg);
}
.purple .kv {
	background-image: url(/lineup/spiral/images/kv.jpg);
}
.chocolate .kv {
	background-image: url(/lineup/asian/images/kv.jpg);
}

#lineup_page_sub .kv .catch {
	position: absolute;
	background:rgba(255,255,255,0.8);
	padding: .5em 2em;
	font-size: 2.0rem;
	line-height: 1.5;
	bottom: 30px;
	width: 100%;
}

#lineup_page_sub .kv + .text {
	margin-top: 30px;
}

#lineup_page_sub .top-box {
	margin-top: 30px;
	display: flex;
	box-sizing: border-box;
}

#lineup_page_sub .top-box .box-left {
	width: 50%;
}

#lineup_page_sub .top-box .box-right {
	width: 50%;
}

#lineup_page_sub .mid-box {
	display: flex;
}

#lineup_page_sub .mid-box .photo {
	width: 22%;
}
#lineup_page_sub .mid-box .text {
	color: #fff;
	display: flex;
	align-items: center;
	padding: 0 40px;
	width: 78%;
}

.blue .mid-box .text {
	background-color: #4aaabc;
}
.green .mid-box .text {
	background-color: #608f6d;
}
.beige .mid-box .text {
	background-color: #b38052;
}
.purple .mid-box .text {
	background-color: #9f7da0;
}
.chocolate .mid-box .text {
	background-color: #926565;
}

#lineup_page_sub .bottom-box-a,
#lineup_page_sub .bottom-box-b {
	display: flex;
	box-sizing: border-box;
}

#lineup_page_sub .bottom-box-a .photo:first-child {
	width: 66.5%;
}

#lineup_page_sub .bottom-box-a .photo:last-child {
	width: 34%;
}

#lineup_page_sub .bottom-box-b .photo {
	width: 50%
}

#lineup_page_sub .bottom-box-b .wid-34 {
	width: 34%
}
#lineup_page_sub .bottom-box-b .wid-66 {
	width: 66%
}


#lineup_page_sub .to_lineup_btn {
	margin: 35px auto 0 0;
	border-radius: 5px;
	border: 1px solid #b2b2b2;
	width: 300px;
	line-height: 2.5;
}
#lineup_page_sub .to_lineup_btn a {
	display: block;
	width: 100%;
	color: #b2b2b2;
	position: relative;
	text-align: center;
}

#lineup_page_sub .to_lineup_btn a::before {
	content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    top: 10px;
    left: 15px;
	transition: 0.2s ease;
	background-color: #b0b0b0;
}

#lineup_page_sub .to_lineup_btn a::after {
	content: "";
    position: absolute;
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    top: 15px;
    left: 21px;
	transition: 0.2s ease;
}

#lineup_page_sub .to_lineup_btn a:hover::before {
	left: 10px;
	transition: 0.2s ease;
}
#lineup_page_sub .to_lineup_btn a:hover::after {
	left: 16px;
	transition: 0.2s ease;
}