h3,
p{text-align: center;}

h3{
}

.contents h3 span {
	display: block;
	margin-top: 10px;
	font-size: 20px;
	color: #939393;
	font-family: 'Georgia';
	font-weight: normal;
}

#movie h3{border-bottom: 1px solid #939393;}
.contents #movie h3 span{color: #939393;}

a:hover{
	opacity: 0.7;
	transition: 0.3s ease-in-out;
}


/* ===================== pc ===================== */

@media print, screen and (min-width: 769px) {

	main {
		width: 100%;
		background: url(/common/images/pickup/back.jpg) no-repeat center bottom;
		background-size: 100% auto;
		background-attachment: ;
		padding-bottom: 80px;
	}
	
	.contents h1{
		width: 100%;
		height: 470px;
		overflow: hidden;
		background: url(/common/images/pickup/pickup_main_pc.jpg) no-repeat center top;
		background-size: auto 100%;
		padding: 0;
		text-align: center;
	}
	.contents h1 img{display: none;}
	
	.title_box{
		width: 1000px;
		height: auto;
		border-bottom: 1px solid #939393;
		margin-bottom: 30px;
		text-align: center;
	}
	h3{
		width: ;
		font-size: 26px;
		letter-spacing: 0.05em;
		text-align: center;
		margin: 80px auto 10px;
		padding: 10px 0;
	}
	#items h3{
		width: 280px;
		/*background: url(/common/images/pickup/icon_osusume.svg) no-repeat;*/
		background-position: left center;
		background-size: auto;
		background-position-y: ;
		display: inline-block;
		margin: 0px auto 10px;
	}
	#items .title_box img{
		width: 44px;
		height: 36px;
		display: inline-block;
		padding: 10px 0;
	}
	#osusume_box{
		width: 320px;
		margin: auto;
		display: flex;
		vertical-align: middle;
	}
	
	/*pickup*/
	#pickup-title{
	}
	
	#pickup-contents {
		padding: 0px 0; box-sizing: border-box;
		background-image:none;
		background-repeat: repeat-y, repeat-y;
		background-position: center center, center top;
		background-size: 100%, 100%;
		background-attachment: fixed, fixed;
		margin-bottom: 80px;
	}
	
	#pickup-contents .pickup-block1,
	#pickup-contents .pickup-block2 {
		width: 1000px;
		margin: 0 auto 50px;
		padding: 0 50px;
	}
	
	#pickup-block2 p{
	}
	
	/*pickup1 pickup-block1*/
	.pickup1 .pic {width: 1000px; height: auto; text-align: center;}
	.pickup1 .pic img {width: 100%; height: auto;}
	
	/*pickup1 pickup-block2*/
	#pickup-block2 p{margin: 0 auto 40px;}
	#pickup-block2 p.pic {width: 1000px; height: 400px; text-align: center; margin: 0 auto 40px;}
	#pickup-block2 p.pic img {width: 100%; height: 400px;}
	#pickup-block2 p.pic a{width: 100%; height: 400px; display: block;}
	#pickup-block2 p#pic2,
	#pickup-block2 p#pic3{width: 1000px; height: 400px; margin: 0 auto 40px; display: block;}
	
	img.osusume{
		width: 68px;
		height: auto;
		position: absolute;
		margin-left: -80px;
		margin-top: -30px;
	}

	/* ------------------------------ movie ------------------------------ */
	#movie{width: 900px; height: auto; margin: 0 auto;}
	.movie_box{width: 100%; margin: 50px auto 0;}
	video{width: 100%; margin: 0 auto;}
	p.movie_title{
		width: 710px;
		height: 64px;
		margin: 0 auto;
		padding: 10px 0 0 0;
		font-size: 22px;
		background: url(/common/images/pickup/cm_titleback_pc.png) no-repeat;
		color: #ffffff;
	}
	.sp_only{display: none;}
	
	#movie_box{
		width: 1000px;
		margin: 0 auto;
		padding: 30px 0 50px 0;
		background: url(/common/images/pickup/mv_back.jpg) no-repeat;
	}
}

@media all and (-ms-high-contrast: none) {
	#pickup-contents {
		display: block;
		background-position: center top, center top;
		background-attachment: scroll, scroll;
	}
}


/* ===================== sp ===================== */

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

	img{width: 100%;}
	
	main {
		width: 100%;
		background: url(/common/images/pickup/back.jpg) no-repeat center bottom;
		background-size: 180% auto;
		background-attachment: inherit;
		padding-bottom: 20%;
		overflow: hidden;
	}
	
	.contents h1{
		width: 100%;
		height: auto;
		background: none;
		padding: 0;
	}
	.contents h1 img{
		width: 100%;
	}
	
	.title_box{
		width: 90%;
		height: 6em;
		border-bottom: 1px solid #939393;
		margin: 0 auto 5%;
		text-align: center;
	}
	h3{
		font-size: 180%;
		letter-spacing: 0.05em;
		text-align: center;
		margin: 12% auto 2%;
		padding: 2% 0;
	}
	#items h3{
		width: ;
		/*background: url(/common/images/pickup/icon_osusume.svg) no-repeat ;*/
		background-position: left center;
		background-size: 15%;
		background-position-y: ;
		margin: 0 auto 2%;
		display: inline-block;
	}
	#items .title_box img{
		position: relative;
		width: 12%;
		display: inline-block;
	}
	#osusume_box{
		width: 80%;
		height: 6em;
		margin: auto;
		display: flex;
	}
	
	/*pickup*/
	#pickup-title {position: relative; width: 100%; height: auto; margin: 0 auto; padding: 5% 0; box-sizing: border-box;}
	
	#pickup-contents {
		width: 100%;
	}
	
	.pickup-block1, .pickup-block2{
		width: 100%;
		margin: 10% auto 15%;
	}
	p.pic{
		width: 90%;
		margin: 0 auto;
	}
	.pickup-block1 p.pic a img,
	.pickup-block2 p.pic a img{
		width: 100%;
		margin: 0 auto;
	}
	img.osusume{
		width: 15%;
		height: auto;
		position: absolute;
		margin-left: -20%;
		margin-top: -5%;
	}

	/* ------------------------------ movie ------------------------------ */
	#movie{width: 90%; height: auto; margin: 0 auto;}
	.movie_box{width: 90%; margin: 10% auto 0;}
	video{width: 100%; margin: 0 auto 0;}
	p.movie_title{
		font-size: 130%;
		line-height: 1.2em;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 2% 0 3% 0;
		background: url(/common/images/pickup/cm_titleback_sp.png) no-repeat;
		background-size: 100%;
		color: #FA8F41;

	}
	.sp_only{display: block;}

	.cm_contents{
		
	}
	
	#movie_box{
		width: 90%;
		margin: 0 auto;
		padding: 0 0 5% 0;
		background: url(/common/images/pickup/mv_back.jpg) no-repeat;
		background-size: 100%;
	}

}

/*横向きの際に適用*/
@media only screen and (orientation : landscape) {
}