@charset "utf-8";

/* ベース変更 */
.l-content{
	margin-top: 30px;
}

.p-mv{
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.p-mv-inner{
	width: 3840px;
	position: relative;
	left: 50%;
	margin-left: -1920px;
}

@media screen and (max-width: 640px){
	.p-mv-inner{
		width: 100%;
		position: relative;
		left: 0;
		margin-left: 0;
	}
}


/* スライダー */
.p-mv-filterL{
	width: 1440px;
	height: 400px;
	background: url(../images/bg_mv_filter.png);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.p-mv-prev{
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -30.5px;
}

.p-mv-filterR{
	width: 1440px;
	height: 400px;
	background: url(../images/bg_mv_filter.png);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.p-mv-next{
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -30.5px;
}

@media screen and (max-width: 640px){
	.p-mv-filterL,
	.p-mv-filterR{
		width: auto;
		height: auto;
		background: none;
		margin-top: -15.25px;
		top: 50%;
	}

	.p-mv-prev{
		width: 30.5px;
		height: 30.5px;
		top: 0;
		left: 5px;
		right: auto;
		margin-top: 0;
	}

	.p-mv-next{
		width: 30.5px;
		height: 30.5px;
		top: 0;
		left: auto;
		right: 5px;
		margin-top: 0;
	}
}


/* ページャー */
.p-mv-pager{
	text-align: center;
	width: 960px;
	margin: 7px auto 0;
	padding-bottom: 15px;
}

.p-mv-pager-list{
	display: inline-block;
}

.p-mv-pager-list li{
	width: 108px;
	height: 54px;
	float: left;
	position: relative;
}

.p-mv-pager-list li + li{
	margin-left: 10px;
}

.p-mv-pager-list a{
	width: 100%;
	height: 100%;
	padding-top: 10px;
	cursor: pointer;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.p-mv-pager-list .active{
	background: url(../images/bg_pager.png) 0 0 no-repeat;
}

.p-mv-pager-list a:before{
	content: "";
	width: 104px;
	height: 42px;
	border-radius: 4px;
	background: url(../images/bg_pager_filter.png);
	margin: 0 auto;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	z-index: 5;
	display: inline-block;
}

.p-mv-pager-list .active:before{
	background: none;
}

.p-mv-pager-list img{
	width: 104px;
	height: 42px;
	border-radius: 4px;
}

@media screen and (max-width: 640px){
	.p-mv-pager{
		width: auto;
		margin-top: 14px;
		padding-bottom: 12px;
	}

	.p-mv-pager-list li{
		width: 48px;
		height: 44px;
	}

	.p-mv-pager-list li + li{
		margin-left: 7px;
	}

	.p-mv-pager-list a{
		padding-top: 5px;
	}

	.p-mv-pager-list .active{
		background: url(../images/bg_pager-sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}

	.p-mv-pager-list a:before{
		width: 94%;
		height: 38px;
		border-radius: 3px;
		top: 5px;
	}

	.p-mv-pager-list img{
		width: 94%;
		height: 38px;
		border-radius: 3px;
	}
}

.p-bh{
	position: relative;
}

.p-bh:after{
	content: "";
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg , #ff82a0, #ffbeac);
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
}

@media screen and (max-width: 640px){
	.p-bh:after{
		height: 2px;
	}
}


/* 作品一覧 */
.p-works-list_01{
	margin-top: 20px;
}

.p-works-list_02,
.p-works-list_03,
.p-works-list_oem{
	margin-top: 20px;
}

.p-works-list_04{
	margin-top: 30px;
}

.p-works-list li{
	width: 220px;
	height: 220px;
	float: left;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 1px rgba(0,0,0,0.4);
	padding: 5px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.p-works-list li + li{
	margin-left: 20px;
}

.p-works-list_01 li:last-child,
.p-works-list_03 li:first-child{
	width: 460px;
}

.p-works-list_04 li{
	width: 100% !important;
}

.p-works-list a{
	color: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: inline-block;
}

.p-works-list img{
	width: 100%;
}

.p-works-list-hover{
	width: 100%;
	height: 100%;
	background: url(../images/bg_works_hover.png) repeat-x;
	border-radius: 5px;
	padding: 30px 17px 0 20px;
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.p-works-list-hover-ttl{
	font-size: 109%;
	border-bottom: 1px dashed #fff;
	padding-bottom: 18px;
}

.p-works-list-hover-txt{
	margin-top: 17px;
}

.p-works-list_oem{
	border-top: 1px dashed #ff4e72;
	padding-top: 20px;
}

.p-works-link{
	font-size: 117%;
	text-align: right;
	margin-top: 20px;
}

.p-works-link a{
	color: #fff;
	background: #ff4e72 url(../images/ico_link.png) 138px center no-repeat;
	border-radius: 5px;
	padding: 6px 43px 5px 32px;
	display: inline-block;
}

@media screen and (max-width: 640px){
	.p-works-list{
		margin: 0 5px;
	}

	.p-works-list li{
		width: 31.3%;
		height: auto;
		background: none;
		box-shadow: none;
		padding: 0;
	}

	.p-works-list li + li{
		margin-left: 3.05%;
	}

	.p-works-list_01 li:last-child,
	.p-works-list_03 li:first-child{
		width: 65.65%;
	}

	.p-works-list .is-filter:before{
		content: "";
		width: 100%;
		height: 100%;
		background: url(../images/bg_works_filter.png);
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
	}

	.p-works-list_01,
	.p-works-list_02,
	.p-works-list_03,
	.p-works-list_04{
		margin-top: 14px;
	}

	.p-works-list_oem{
		margin-top: 14px;
		padding-top: 14px;
	}

	.p-works-list img{
		width: 100%;
		border: 2px solid #fff;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.p-works-list-hover{
		color: #fff;
		border-radius: 0;
		height: 0;
		background: none;
		margin-top: 14px;
		padding: 0;
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.p-works-list-hover-box{
		background: linear-gradient(#ff8e7b, #ff4e72);
		padding: 14px 10px 20px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		display: none;
	}

	.p-works-list-hover-box:before{
		content: "";
		background: url(../images/ico_works_hover.png) 0 0 no-repeat;
		background-size: cover;
		width: 17.5px;
		height: 7px;
		display: inline-block;
		position: absolute;
		top: -7px;
		left: 0;
		z-index: 5;
	}

	.p-works-list-hover-box_01:before{
		left: 13%;
	}

	.p-works-list-hover-box_02:before{
		left: auto;
		right: 32%;
	}

	.p-works-list-hover-box_03:before{
		left: 14%;
	}

	.p-works-list-hover-box_04:before{
		left: 48%;
	}

	.p-works-list-hover-box_05:before{
		left: auto;
		right: 14%;
	}

	.p-works-list-hover-box_06:before{
		left: 30%;
	}

	.p-works-list-hover-box_07:before{
		left: auto;
		right: 14%;
	}

	.p-works-list-hover-box_08:before{
		left: 46%;
	}

	.p-works-list-hover-ttl{
		font-size: 109%;
		border-bottom: 1px dashed #fff;
		padding-bottom: 11px;
	}

	.p-works-list-hover-txt{
		margin-top: 10px;
	}

	.p-works-list-hover-link a{
		font-size: 109%;
		color: #ff4e72;
		width: 100%;
		background: #fff url(../images/ico_works_hover_link.png) 64% center no-repeat;
		background-size: auto 12px;
		border-radius: 3px;
		padding: 6px 0 5px 37%;
		position: relative;
		display: inline-block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.p-works-link{
		margin: 15px 15px 0 0;
	}

	.p-works-link a{
		color: #fff;
		background: #ff4e72 url(../images/ico_link-sp.png) 88% center no-repeat;
		background-size: auto 14px;
		border-radius: 3px;
		padding: 6px 40px 5px 23px;
		display: inline-block;
	}
}


/* ニュース */
.p-news{
	margin-top: 40px;
}

.p-news-list{
	margin-top: 25px;
}

.p-news-list li{
	width: 220px;
	height: 300px;
	background: #fff;
	margin: 0 20px 20px 0;
	float: left;
	overflow: hidden;
}

.p-news-list li:nth-child(3n){
	margin-right: 0;
}

.p-news-list-box{
	padding: 20px 20px 0;
}

.p-news-list-thumb{
	height: 170px;
	overflow: hidden;
}

.p-news-list-thumb a{
	position: relative;
	z-index: 1;
	display: inline-block;
}

.p-news-list-thumb a.latest:before{
	content: "";
	width: 42px;
	height: 42px;
	background: url(../images/ico_new.png) 0 0 no-repeat;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	display: inline-block;
}

.p-news-list-thumb img{
	width: 100%;
	height: auto;
}

.p-news-list-date{
	color: #ff4e72;
	border-bottom: 1px dashed #ff4e72;
	padding-bottom: 3px;
	display: inline-block;
}

.p-news-list-ttl{
	margin-top: 12px;
}

.p-news-list-ttl a{
	color: #000;
}

.p-news-list-cat{
	margin-top: 20px;
}

.p-news-list-cat a{
	color: #7d7d7d;
	text-decoration: underline;
}

.p-news-list-cat a:hover{
	text-decoration: none;
}

.p-news-link{
	font-size: 117%;
	text-align: right;
}

.p-news-link a{
	color: #fff;
	background: #ff4e72 url(../images/ico_link.png) 164px center no-repeat;
	border-radius: 5px;
	padding: 6px 43px 5px 30px;
	display: inline-block;
}

@media screen and (max-width: 640px){
	.p-news-list{
		margin-top: 15px;
	}

	.p-news-list li{
		width: auto;
		height: auto;
		margin: 0 0 3px 0;
		padding: 15px 10px 20px;
		float: none;
	}

	.p-news-list-thumb{
		width: 37%;
		height: auto;
		float: left;
		overflow: hidden;
	}

	.p-news-list-thumb a.latest:before{
		width: 21px;
		height: 21px;
		top: 5px;
		left: 5px;
		background-size: cover;
	}

	.p-news-list-box{
		width: 60%;
		background: none;
		padding: 0;
		float: right;
	}

	.p-news-list-date{
		padding-bottom: 4px;
	}

	.p-news-list-ttl{
		margin-top: 13px;
	}

	.p-news-list-cat{
		margin-top: 15px;
	}

	.p-news-link{
		margin: 15px 15px 0 0;
	}

	.p-news-link a{
		color: #fff;
		background: #ff4e72 url(../images/ico_link-sp.png) 88% center no-repeat;
		background-size: auto 14px;
		border-radius: 3px;
		padding: 6px 43px 5px 23px;
		display: inline-block;
	}
}