/* CSS Document */


body div.wrap header {
	height: 50rem;
	background-position: center center;
}

body div.wrap header p.cright {
	position: absolute;
	bottom: 2.5rem;
	right: 2rem;
	font-size: .9rem;
	color: #fff;
	text-shadow: initial;
}

body div.wrap article section.catch {

}
body div.wrap article section.catch h1 {
	text-align: center;
	color: rgba(222, 105, 135, 1);
	font-size: 2.5rem;
	font-weight: normal;
	margin: 0 0 2rem 0;
	background-color: initial;
}
body div.wrap article section.catch h1 span {
	font-size: 2rem;
}
body div.wrap article section.catch h1::after {
	border: initial;
}
body div.wrap article section.catch h2 {
	text-align: center;
	font-size: 2rem;
	font-weight: normal;
	margin: 0 0 2rem 0;
	background-color: initial;
}
body div.wrap article section.catch h2::after {
	all: initial;
}
body div.wrap article section.intro {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 1) 90%), url("../images/index-02.jpg");
	background-blend-mode:lighten;
	background-position: -23rem top;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 3rem;
	padding-left: 21rem;
}
body div.wrap article section.intro p {
	text-align: left;
	font-size: 1.5rem;
}
body div.wrap article section.intro p b {
	color: rgba(222, 105, 135, 1);
	font-weight: normal;
}

body div.wrap article section.intro_images {
	padding: 2rem 0;
}
body div.wrap article section.intro_images div.double img {
	width: 49%;
	height: 25vw;
	object-fit: cover;
}
body div.wrap article section.intro_images div.double img:nth-child(1) {
	float: left;
}
body div.wrap article section.intro_images div.double img:nth-child(2) {
	float: right;
}
body div.wrap article section.intro_images div.double::after {
	display: block;
	content: '';
	clear: both;
}

body div.wrap article section.recommend {
	padding: 4rem 0 2rem 0;
}
body div.wrap article section.recommend div {
	margin: 0 1rem 0 1rem;
	font-size: 0;
	background-color: rgba(222, 105, 135, .2);
	border-radius: 1rem 1rem 1rem 1rem;
}
body div.wrap article section.recommend div::after {
	display: block;
	content: '';
	clear: both;
}
body div.wrap article section.recommend div div {
	background-color: initial;
	border-radius: initia;
	padding: 0 0 0 0;
	margin:  0 0 0 0;
}
body div.wrap article section.recommend div div:nth-of-type(1) {
	width: 70%;
	height:auto;
	padding: 1rem 1rem 0 1rem;
	float: right;
}
body div.wrap article section.recommend div div:nth-of-type(1) p {
	font-size: 1.2rem;
	margin-bottom: 0;
}
body div.wrap article section.recommend div div:nth-of-type(2) {
	width: 30%;
	height:auto;
	padding: 1rem;
	float: left;
}
body div.wrap article section.recommend div div:nth-of-type(2) img {
	width: 100%;
	height: auto;
	margin-bottom: .5rem;
	border-radius: 1rem 1rem 1rem 1rem;
}
body div.wrap article section.recommend div div:nth-of-type(2) p {
	font-size: .7rem;
	margin-bottom: 0;
}
body div.wrap article section.recommend div div:nth-of-type(2) p span {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 1rem;
	color: #ff4a78;
}

body div.wrap article section.lineup {
	padding: 4rem 0 2rem 0;
}
body div.wrap article section.lineup::after {
	display: block;
	content: '';
	clear: both;
}
/*
body div.wrap article section.lineup h1 {
	text-align: center;
	font-size: 2rem;
	font-weight: normal;
	margin: 0 0 2rem 0;
	position: relative;
	padding: 0.6em;
	background: rgba(221, 203, 193, .4);
	border-radius: 1rem;
}
body div.wrap article section.lineup h1:after {
  	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid rgba(221, 203, 193, .4);
	width: 0;
	height: 0;
}
*/

body div.wrap article section.lineup dl {
	width: 30%;
	height: auto;
	float: left;
}
body div.wrap article section.lineup dl:nth-of-type(2) {
	margin: 0 3rem;
}
body div.wrap article section.lineup dl dt {
	width: 100%;
	height: auto;
}
body div.wrap article section.lineup dl dt img {
	width: 100%;
	height: auto;
}
body div.wrap article section.lineup dl dd {
	width: 100%;
	height: auto;
	text-align: center;
}



@media only screen and (max-width: 480px) {

body div.wrap article section.catch h1 {
	text-align: center;
	color: rgba(222, 105, 135, 1);
	font-size: 1.8rem;
	font-weight: normal;
	margin: 0 0 2rem 0;
	background-color: initial;
}
body div.wrap article section.catch h1 span {
	font-size: 1.5rem;
}

	body div.wrap article section.catch h2 {
		text-align: center;
		font-size: 1.5rem;
		font-weight: normal;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	body div.wrap article section.catch h2 span {
		display: block;
	}
	body div.wrap article section.intro {
	    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 1) 40%), url("../images/bkg-intro.jpg");
		background-blend-mode:lighten;
		background-position: left top;
		background-size: contain;
		background-repeat: no-repeat;
		padding-top: 20rem;
		padding-left: 1rem;
	}
	body div.wrap article section.intro p {
		text-align: left;
		font-size: 1.2rem;
	}
	
	body div.wrap article section.intro_images {
		padding: 0 1rem 2rem 1rem;
	}
	body div.wrap article section.intro_images div.double img {
		width: 100%;
		height: auto;
	}
	body div.wrap article section.intro_images div.double img:nth-child(1) {
		float: initial;
	}
	body div.wrap article section.intro_images div.double img:nth-child(2) {
		float: initial;
	}

	body div.wrap article section.lineup {
		padding: 1rem 1rem 1rem 1rem;
	}
	body div.wrap article section.lineup h1 {
		text-align: center;
		font-size: 1.5rem;
		font-weight: normal;
		margin: 0 0 2rem 0;
	}
	body div.wrap article section.lineup dl {
		width: 50%;
		height: 15rem;
	}
	body div.wrap article section.lineup dd {
		margin-bottom: 0;
	}
	body div.wrap article section.lineup dl:nth-of-type(odd) {
		margin: 0 0 0 0;
		margin-bottom: 0;
		padding: 0 .5rem 0 0;
		float: left;
	}
	body div.wrap article section.lineup dl:nth-of-type(even) {
		margin: 0 0 0 0;
		margin-bottom: 0;
		padding: 0 0 0 .5rem;
		float: right;
	}

	
}