#mv {
	background:url(../img/home/pc/mv.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: 1;
    padding-top: 50px;
    padding-bottom: 240px;
    overflow: hidden;
    background-attachment: fixed;
}
	.catch {
		text-align: center;
		padding-bottom: 30px;
	}
		.catch h2 {
			padding-bottom: 40px;
		    width: 100%;
		    max-width: 900px;
		    margin-right: auto;
		    margin-left: auto;
		}
		.catch p {
			width: 100%;
		    max-width: 900px;
		    margin-right: auto;
		    margin-left: auto;
		}

	.more h3 {
		text-align: center;
		padding-bottom: 40px;
		font-size: 24px;
		color: #aa2f5b;
		font-weight: bold;
		line-height: 1.5;
	}
	.more .andmore {

	}
		.more .button {
			width: 300px;
			height: 60px;
		    max-width: 300px;
		    font-size: 21px;
	        line-height: 60px;
	        padding: 0;
            background: url(../img/home/pc/mv_andmore_arrow.png) no-repeat 90% center;
		    background-size: 25px 18px;
	        font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
		}
		.more .button--nina::before {
			width: 300px;
			height: 60px;
			font-size: 21px;
		    line-height: 60px;
		    padding: 0;
		    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
		}
		.more .button--nina {
			color: #aa2f5b;
		    border: 2px solid #aa2f5b;
	        font-weight: bold;
		}
		.more .button--nina > span {
		    color: #aa2f5b;
	        font-weight: bold;
            padding: 0 0 4px;
		}
		.more .button--nina:hover {
			background-color: rgba(255,255,255,.5);
		}

	.bookList {
		position: absolute;
		bottom: -25px;
		width: 90%;
		max-width: 870px;
		right: 0;
		left: 0;
		margin: auto;
	}
	#checkPoint {
		position: absolute;
		bottom: 50px;
		width: 90%;
		height: 100px;
		max-width: 870px;
		right: 0;
		left: 0;
		margin: auto;
	}
		.bookList ul li {
			float: left;
			width: 17.242%;
			max-width: 150px;
		    height: 215px;
			position: relative;
		}
		.bookList ul li + li {
			margin-left: 3.4475%;
		}

		.bookList ul li {
		    opacity: 0;
		    position: relative;
		    -webkit-animation: bounceInUp 800ms ease both;
		    -webkit-animation-play-state: paused;
		    -moz-animation: bounceInUp 800ms ease both;
		    -moz-animation-play-state: paused;
		    -o-animation: bounceInUp 800ms ease both;
		    -o-animation-play-state: paused;
		    animation: bounceInUp 800ms ease both;
		    animation-play-state: paused;
		}
		.bookList ul li:nth-child(1) {
			-webkit-animation-delay: 300ms;
			-moz-animation-delay: 300ms;
			-o-animation-delay: 300ms;
			animation-delay: 300ms;
		}
		.bookList ul li:nth-child(2) {
			-webkit-animation-delay: 600ms;
			-moz-animation-delay: 600ms;
			-o-animation-delay: 600ms;
			animation-delay: 600ms;
		}
		.bookList ul li:nth-child(3) {
			-webkit-animation-delay: 900ms;
			-moz-animation-delay: 900ms;
			-o-animation-delay: 900ms;
			animation-delay: 900ms;
		}
		.bookList ul li:nth-child(4) {
			-webkit-animation-delay: 1200ms;
			-moz-animation-delay: 1200ms;
			-o-animation-delay: 1200ms;
			animation-delay: 1200ms;
		}
		.bookList ul li:nth-child(5) {
			-webkit-animation-delay: 1500ms;
			-moz-animation-delay: 1500ms;
			-o-animation-delay: 1500ms;
			animation-delay: 1500ms;
		}

		.bookList .play li {
		    -webkit-animation-play-state: running;
		    -moz-animation-play-state: running;
		    -o-animation-play-state: running;
		    animation-play-state: running;
		}

		@-webkit-keyframes bounceInUp {
		    0% { opacity: 0; -webkit-transform: translateY(100px); }
		    50% { -webkit-transform: translateY(-30px); }
		    75% { -webkit-transform: translateY(15px); }
		    100% { opacity: 1; -webkit-transform: translateY(0); }
		}

		@-moz-keyframes bounceInUp {
		    0% { opacity: 0; -moz-transform: translateY(100px); }
		    50% { -moz-transform: translateY(-30px); }
		    75% { -moz-transform: translateY(15px); }
		    100% { opacity: 1; -moz-transform: translateY(0); }
		}

		@-o-keyframes bounceInUp {
		    0% { opacity: 0; -o-transform: translateY(100px); }
		    50% { -o-transform: translateY(-30px); }
		    75% { -o-transform: translateY(15px); }
		    100% { opacity: 1; -o-transform: translateY(0); }
		}

		@keyframes bounceInUp {
		    0% { opacity: 0; transform: translateY(100px); }
		    50% { transform: translateY(-30px); }
		    75% { transform: translateY(15px); }
		    100% { opacity: 1; transform: translateY(0); }
		}

	@media screen and (max-width:1200px) {
		.bookList {
			bottom: -55px;
		}
	}
	@media screen and (max-width:1070px) {
		.bookList {
			bottom: -55px;
		}
		.bookList ul li {
			float: left;
			width: 22%;
			max-width: inherit;
		    height: 215px;
			position: relative;
		}
		.bookList ul li + li {
			margin-left: 4%;
		}
		.bookList ul li:last-child {
			display: none;
		}
	}
	@media screen and (max-width:1070px) {
		.bookList {
			bottom: -75px;
		}
	}

#mainNav {
	position: relative;
	z-index: 1;
    background: #fff;
}
	#mainNav ul li {
		float: left;
		height: 183px;
		position: relative;
		overflow: hidden;
		background:#ccc;
	}
	#mainNav ul li:nth-child(3),
	#mainNav ul li:nth-child(4),
	#mainNav ul li:nth-child(5) {
		height: 170px;
	}
		#mainNav ul li h4,
		#mainNav ul li p {
			text-align: center;
			width: 95%;
			margin-right: auto;
			margin-left: auto;
		}
			#mainNav ul li h4 {
				color: #fff;
				font-size: 48px;
			}
			#mainNav ul li:nth-child(3) h4,
			#mainNav ul li:nth-child(4) h4,
			#mainNav ul li:nth-child(5) h4 {
				font-size: 28px;
				padding-bottom: 5px;
			}
			#mainNav ul li p {
				padding-bottom: 40px;
			}
	#mainNav ul li:after {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}
	#mainNav ul li:hover:after {
		-moz-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);
	}
	.hoverZ {
		z-index: 1;
		position: relative;
	}
	.freePaper {
		width: 50%;
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.freePaper:after {
		background:url(../img/home/pc/freePaper-bg.jpg) no-repeat center center;
	}
	.creative {
		width: 50%;
		background:url(../img/home/pc/creative-bg.jpg) no-repeat center center;
		background-size: cover;
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.creative:after {
		background:url(../img/home/pc/creative-bg.jpg) no-repeat center center;
	}
	.bendingMachine {
		width: 33.3%;
		background:url(../img/home/pc/bendingMachine-bg.jpg) no-repeat center center;
		background-size: cover;
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.bendingMachine:after {
		background:url(../img/home/pc/bendingMachine-bg.jpg) no-repeat center center;
	}
	.beautyMachine {
		width: 33.4%;
		background:url(../img/home/pc/beautyMachine-bg.jpg) no-repeat center center;
		background-size: cover;
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.beautyMachine:after {
		background:url(../img/home/pc/beautyMachine-bg.jpg) no-repeat center center;
	}
	.flowerLease {
		width: 33.3%;
		background:url(../img/home/pc/flowerLease-bg.jpg) no-repeat center center;
		background-size: cover;
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.flowerLease:after {
		background:url(../img/home/pc/flowerLease-bg.jpg) no-repeat center center;
	}

#social {
	height: 190px;
}
	#social .news {
		width: 66.7%;
		height: 100%;
		float: left;
	}
		#social .news .newsTtl {
			width: 25%;
			float: left;
			position: relative;
			height: 100%;
		}
		#social .news .newsTtl h3 {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			width: 90%;
			text-align: center;
			height:30px;
			font-size: 24px;
		}
		#social .news .kiji {
			width: 75%;
			float: left;
			padding-top: 50px;
		}
			#social .news .kiji ul li {
				margin-bottom: 5px;
			}
				#social .news .kiji ul li h4 {
					width: 23%;
				    float: left;
				    max-width: 115px;
				    font-weight: normal;
				}
				#social .news .kiji ul li a {
					width: 70%;
					margin-left: 3%;
					float: left;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				@media screen and (max-width:1180px) {
					#social .news .kiji ul li h4 {
					    width: 30%;
					}
					#social .news .kiji ul li a {
					    width: 67%;
					}
				}
				@media screen and (max-width:970px) {
					#social .news .kiji ul li h4 {
					    width: 34%;
					}
					#social .news .kiji ul li a {
					    width: 63%;
					}
				}

	#social .sns {
		float: right;
		width: 33.3%;
	}
		#social .sns h3 {
			text-align: center;
			padding-top: 40px;
			padding-bottom: 30px;
			font-size: 24px;
		}
		#social .sns ul {
			width: 90%;
			max-width: 144px;
			display:block;
			margin-right: auto;
			margin-left: auto;
		}
			#social .sns ul li {
				float: left;
				width: 24.31%;
				max-width: 35px;
			}
			#social .sns ul li + li {
				margin-left: 13.535%;
			}


@media screen and (max-width:768px) { /* smart phone 6〜7 */

	.cd-content p {
		color: #a76500;
	}
	#mv {
		background-attachment: inherit;
	    background: url(../img/home/sp/mv.jpg) no-repeat center center;
	    background-size: cover;
        padding-top: 140px;
        padding-bottom: 0;
        margin-bottom: 30px;
	}
	.catch h2 {
	    padding-bottom: 0;
	}
	.more h3 {
		line-height: 2;
		font-size: 14px;
		padding-bottom: 25px;
	}

	.more .button,
	.more .button--nina::before {
	    width: 220px;
	    max-width: 220px;
        font-size: 16px;
        height: 50px;
        line-height: 47px;
	}
	.more .button {
		background: url(../img/home/pc/mv_andmore_arrow.png) no-repeat 90% center;
	    background-size: 14px 9px;
	}
	
	.bookList {
	    bottom: inherit;
	    position: inherit;
        padding-top: 40px;
	    padding-bottom: 40px;	
	}
		.bookList ul li {
		    width: 30%;
		    height: auto;
		}
		.bookList ul li + li {
		    margin-left: 5%;
		}
		.bookList ul li:nth-child(4) {
			display: none;
		}

	.catch {
		text-align: left;
		padding-bottom: 25px;
	}
	.catch p {
		color: #333;
	}

	#mainNav ul li {
		float: none;
	    height: auto;
		width: 100%;
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
		#mainNav ul li h4 {
			font-size: 30px;
		    padding-bottom: 0;
		}
		#mainNav ul li p {
		    padding-bottom: 25px;
		}
		#mainNav ul li:nth-child(3), #mainNav ul li:nth-child(4), #mainNav ul li:nth-child(5) {
		    height: auto;
		}

		#mainNav ul li:nth-child(3) h4, #mainNav ul li:nth-child(4) h4, #mainNav ul li:nth-child(5) h4 {
		    font-size: 24px;
		    padding-bottom: 0;
		}

	#social {
	    height: auto;
	    padding-bottom: 30px;
	}
		#social .news {
		    width: 100%;
		    height: auto;
		    float: none;
		}
			#social .news .newsTtl {
			    width: 100%;
			    float: none;
			}
				#social .news .newsTtl h3 {
					position: inherit;
				    padding-top: 30px;
				}
				#social .news .kiji {
				    width: 90%;
				    float: none;
				    padding-top: 15px;
				    margin-right: auto;
				    margin-left: auto;
				}
				#social .news .kiji ul li {
					margin-bottom: 10px;
				}
					#social .news .kiji ul li h4 {
					    width: 100%;
					    float: none;
					    max-width: inherit;
					}
					#social .news .kiji ul li a {
					    width: 100%;
					    margin-left: 0;
					}
		#social .sns {
		    float: none;
		    width: 100%;
		}
			#social .sns h3 {
			    padding-top: 25px;
			    padding-bottom: 25px;
			}
}