@charset "UTF-8";


/*
	

	Second People
	/people/
	/people/detail/XX



 */


/* Common */
.ls_simple #intro { border-bottom: none; }

.ppl-ttlarea {
	position: relative;
	text-align: left;
	}
	.ppl-name {}
		.ppl-name p {
			background-color: rgba(78, 181, 40, 1);
			color: rgba(255, 255, 255, 1);
			display: inline-table;
			text-align: center;
			}
			.ppl-name p span {
				display: table-cell;
				vertical-align: middle;
				}
	.ppl-ttl {
		background-color: rgba(255, 255, 255, 1);
		color: rgba(50, 50, 50, 1);
		display: inline;
		font-weight: 700;
		}


/* List */
#ppl-list { margin: 0 auto; }
	.ppl-item {}
		.ppl-link {
			display: block;
			position: relative;
			}
			.ppl-thumb {
				overflow: hidden;
				position: relative;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				vertical-align: bottom;
				}
				.ppl-thumb img { width: 100%; }
	/* List > Scheme */
	.ls_people_list {}


/* Detail */
#ppl-detail {}
	#ppl-intro {
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    position: relative;
	    width: 100%;
		}
		#ppl-intro:before,
		#ppl-intro:after {
			background-repeat: no-repeat;
			background-size: 100%;
			content: '';
			left: 0;
			height: 100%;
			position: absolute;
			width: 100%;
			}
		#ppl-intro:before {
			background-position: center bottom;
			background-image: url(/src/img/common/wave/white-pt2.png);
			top: 0;
			}
		#ppl-intro:after {
			background-position: center top;
			background-image: url(/src/img/common/wave/white-pt1.png);
			bottom: 0;
			}
	#ppl-contents {
		background-color: rgba(255, 255, 255, 1);
		margin: 0 auto;
		position: relative;
		}
		#ppl-con-inner {}
			#ppl-con-inner p {}
			#ppl-con-inner img {
				height: auto !important;
				max-width: 100% !important;
				}

	.ppl-anotherlist { text-align: center; }
		.ppl-anotherlist-ttlarea { display: inline-table; }
			.ppl-al-ttl {
				border: 1px solid rgba(80, 180, 40, .7);
				display: table-cell;
				}
				.ppl-al-ttl-sub,
				.ppl-al-ttl-main { display: inline-block; }
		.ppl-anotherlist-wrap {}
			.ppl-anotherlist-list {
				letter-spacing: -0.4em;
				text-align: center;
				}
				.ppl-al-item {
					display: inline-block;
					letter-spacing: 0em;
					vertical-align: top;
					}
					.ppl-al-inner {}
						.ppl-al-thumb {
							background-position: center;
							background-repeat: no-repeat;
							background-size: cover;
							border: 5px solid rgba(80, 180, 40, 1);
							overflow: hidden;
							position: relative;

							-webkit-border-radius: 50%;
							border-radius: 50%;
							}
							.ppl-al-thumb img {}
						.ppl-al-name {
							border: 1px solid rgba(80, 180, 40, 1);
							background-color: rgba(255, 255, 255, 1);
							display: inline-table;
							position: relative;
							text-align: center;
							}
							.ppl-al-name span {
								color: rgba(80, 180, 40, 1);
								display: table-cell;
								font-weight: 700;
								vertical-align: middle;
								}

	/* Detail > Scheme */
	.ls_people_detail .ppl-ttlarea { position: relative; }
		.ls_people_detail .ppl-name {}
		.ls_people_detail .ppl-ttl {}


/* Pagenation */
	/* Pagenation > List */
	/* Pagenation > Detail */



/*
	

	MediaQuery



 */


@media screen and (min-width: 751px) {


/* Common */
.ppl-ttlarea {
	position: absolute;
	z-index: 1;
	}
	.ppl-name { margin-bottom: 15px; }
		.ppl-name p {
			height: 40px;

			-webkit-border-radius: 20px;
			border-radius: 20px;
			}
			.ppl-name p span { padding: 0 25px; }
	.ppl-ttl {
		font-size: 35px;
		line-height: 1.4;
		}
	/* Common > Scheme */
	.ppl-item:nth-child(odd) { text-align: left; }
	.ppl-item:nth-child(even) { text-align: right; }
	.ppl-item:nth-child(odd) .ppl-ttlarea { right: 0; }
	.ppl-item:nth-child(even) .ppl-ttlarea { left: 0; }


/* List */
#ppl-list { max-width: 900px; }
	.ppl-item { margin-bottom: 70px; }
		.ppl-link {}
			.ppl-thumb {
				height: 300px;
				width: 500px;

				-webkit-border-radius: 15px;
				border-radius: 15px;

				-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
				box-shadow: 0 0 10px rgba(0, 0, 0, .3);
				}
	/* List > Scheme */
	.ls_people_list .ppl-ttlarea {
		bottom: 20px;
		width: 50%;
		}


/* Detail */
#ppl-detail { padding-bottom: 80px; }
	#ppl-intro { height: 780px; }
	#ppl-contents {
		margin-top: 30px;
		max-width: 800px;

		-webkit-border-radius: 30px;
		border-radius: 30px;

		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
		box-shadow: 0 0 20px rgba(0, 0, 0, .3);
		}
		#ppl-con-inner { padding: 50px 60px 10px; }
			#ppl-con-inner p {
				font-size: 20px;
				line-height: 2;
				margin-bottom: 40px;
				}

	.ppl-anotherlist {margin-top: 100px; }
		.ppl-anotherlist-ttlarea {}
			.ppl-al-ttl {
				font-size: 30px;
				height: 60px;
				padding: 0 30px;

				-webkit-border-radius: 30px;
				border-radius: 30px;
				}
				.ppl-al-ttl-sub,
				.ppl-al-ttl-main {}
		.ppl-anotherlist-wrap { margin-top: 30px; }
			.ppl-anotherlist-list {}
				.ppl-al-item {
					margin: 0 10px;
					}
					.ppl-al-inner {}
						.ppl-al-thumb {
							height: 200px;
							width: 200px;

							-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
							box-shadow: 0 0 15px rgba(0, 0, 0, .3);
							}
						.ppl-al-name {
							height: 40px;
							padding: 0 20px;
							margin-top: -30px;

							-webkit-border-radius: 20px;
							border-radius: 20px;
							}
							.ppl-al-name span { font-size: 18px; }

	/* Detail > Scheme */
	.ls_people_detail .ppl-ttlarea {
		margin: 0 auto;
		width: 700px;
		}
		.ls_people_detail .ppl-name { font-size: 18px; }
		.ls_people_detail .ppl-ttl {
			background-color: inherit;
			font-size: 50px;
			}


}


/* ------------------------------------------------ */


@media screen and (min-width: 1300px) {


/* Detail */
#ppl-detail {}
	#ppl-intro {
		background-color: rgba(80, 180, 40, 1);
		background-size: contain;
		}


}


/* ------------------------------------------------ */


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


/* Common */
.ppl-ttlarea { z-index: 1; }
	.ppl-name { margin-bottom: 10px; }
		.ppl-name p {
			height: 30px;

			-webkit-border-radius: 15px;
			border-radius: 15px;
			}
			.ppl-name p span {
				font-size: 14px;
				padding: 0 20px;
				}
	.ppl-ttl {
		font-size: 20px;
		line-height: 1.4;
		}


/* List */
#ppl-list { max-width: 800px; }
	.ppl-item { margin-bottom: 50px; }
		.ppl-link {}
			.ppl-thumb {
				display: block;
				margin: 0 auto;
				width: 90%;

				-webkit-border-radius: 15px;
				border-radius: 15px;

				-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
				box-shadow: 0 0 10px rgba(0, 0, 0, .3);
				}
	/* List > Scheme */
	.ls_people_list .ppl-ttlarea { margin: -60px 40px 0; }


/* Detail */
#ppl-detail { padding-bottom: 80px; }
	#ppl-intro { height: 400px; }
	#ppl-contents {
		margin: 20px 20px 0;

		-webkit-border-radius: 15px;
		border-radius: 15px;

		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
		box-shadow: 0 0 15px rgba(0, 0, 0, .2);
		}
		#ppl-con-inner { padding: 25px 30px 20px; }
			#ppl-con-inner p {
				font-size: 14px;
				line-height: 2;
				margin-bottom: 20px;
				}

	.ppl-anotherlist { margin-top: 60px; }
		.ppl-anotherlist-ttlarea {}
			.ppl-al-ttl {
				font-size: 17px;
				height: 40px;
				padding: 0 30px;

				-webkit-border-radius: 20px;
				border-radius: 20px;
				}
				.ppl-al-ttl-sub,
				.ppl-al-ttl-main {}
		.ppl-anotherlist-wrap {
			margin-top: 20px;
			min-width: 0;
			overflow-x: scroll;
			}
			.ppl-anotherlist-list {
				display: block;
				width: 100%;
				white-space: nowrap;
				}
				.ppl-al-item {
					margin: 0 10px;
					white-space: initial;
					}
					.ppl-al-inner {}
						.ppl-al-thumb {
							height: 150px;
							width: 150px;

							-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
							box-shadow: 0 0 15px rgba(0, 0, 0, .3);
							}
						.ppl-al-name {
							height: 40px;
							padding: 0 20px;
							margin-top: -30px;

							-webkit-border-radius: 20px;
							border-radius: 20px;
							}
							.ppl-al-name span { font-size: 14px; }

	/* Detail > Scheme */
	.ls_people_detail .ppl-ttlarea {
		padding: 0 30px;
		position: relative;
		margin-top: -35px;
		}
		.ls_people_detail .ppl-name { font-size: 17px; }
		.ls_people_detail .ppl-ttl { font-size: 25px; }


}