/*----------------------------------
			PC
----------------------------------*/
@media screen and (min-width: 1001px) {
	/*COLLECTION*/	
	#wrapper{background: #E5E5E5;}
	
	.sub_title .center{display: flex;justify-content:space-between;margin-bottom: 60px;}	
	.sub_title{width: 100%;background: #000;}
	.sub_title h3{color: #fff;font-size: 64px;}	
	
	.sub_title_nav{color: #fff;}	
	#sub_title_nav{display: flex;justify-content:flex-end;align-items:center;text-align: right;vertical-align: middle;width:100%;color: #fff;padding: 12px 0;}	

	#sub_title_nav .select{width: 220px;font-size: 16px;text-align: center; margin-left: 10px;}
	.select .placeholder{padding:2px 0;padding-right:20px;}
	.select a{color: inherit;text-decoration: none;}	

	/*概要*/
	#collection_upper{display: flex;justify-content:space-between;flex-direction: row-reverse;}
	#collection_upper .collection_upper_img{width: 480px;}
	#collection_upper .collection_upper_txt{width: 480px;}	
	#collection_upper .collection_upper_txt h3{font-size: 32px;}	
	#collection_upper .collection_upper_txt p{font-size:16px ;line-height: 2;}	
	#collection_upper .collection_upper_txt .border{width: 240px;border-top: #7F7F7F 1px solid;margin-bottom:20px ;}

	/*リスト*/		
	#collection_bottom{width: 100%;margin:40px auto 100px;display: flex;flex-wrap: wrap;}
	#collection_bottom a{margin-right: 20px;display: block;}
	#collection_bottom a:nth-child(6n){margin-right: 0;}
	.collection_box{width:150px ;height: 225px;margin-bottom:20px ;overflow: hidden;}
	.collection_box img{width:150px ;height: 225px;object-fit:cover;object-position:50% 0;}	

	.select ul li a span:after,.placeholder:after{content: "▼";color:#BEBEB9 ;position: absolute;right: 20px;}
	.select ul li a span:hover,.select ul li a span:hover:after {color: #BEAF14;}

	.col_nav_close{visibility: hidden;height: 0;}
}


/*----------------------------------
			SP
----------------------------------*/
@media screen and (max-width: 1000px) {
	#collection .sub_title{margin-bottom: 0;padding-bottom: 0 !important;}
	.sub_title{margin-top:11vw;color: #fff;margin-bottom: 0;}
	.sub_title .center{width: 100%;}	
	.sub_title h3{background: #000;padding-left:5vw;font-size: 6.5vw;box-sizing: border-box;}


	#sub_title_nav{width: 100%;background: #4C4C4C;padding: 2vw 0;}
	#sub_title_nav .select{width: 96%; margin: 0 auto;}	
	.placeholder{padding:1vw 0 ;text-align: center;font-size: 4.2vw;}
	.select a{color: inherit;text-decoration: none;}		
	
	.placeholder:after{content: "▼";color:#BEBEB9 ;position: absolute;right: 5vw;}
	.select ul li a span:after{content: ">";margin-left: 1vw}	
	.select ul:before {content: "";position: absolute;left: 0;top: 0;width: 80%;height: inherit;border-bottom: 3px solid #ffffff;}	
	
	.nav_box .border{width:300px;margin: 0 auto;border-top:solid 1px #7F7F7F;}
	#sub_title_nav ul{background: #fff;padding: 2vw;max-width: 100%;box-sizing: border-box;padding-top: 5.3vw;padding-bottom: 5vw;}
	#sub_title_nav ul li{width: 30%;background: #000;color: #fff;float: left;font-size: 5.3vw;margin-right: 5%;padding: 5.3vw 0;margin-bottom: 5%;}		
	#sub_title_nav ul li:nth-child(3n){margin-right: 0;}	
	#sub_title_nav ul li:after{content:none;}	
	#sub_title_nav ul li.col_nav_close{background: none;position: absolute;bottom:-2.5vw;right: 0;padding:0 !important;width: 4vw;}	
	#sub_title_nav ul li.col_nav_close img{width: 100%}	
	

	#collection_upper_area .center{width: 100%;}
	#collection_upper .title_area{width: 86%;margin: 6vw auto 0;}
	.collection_upper_txt h3{font-size: 4.2vw;}
	.collection_upper_txt .border{border-top:1px solid #7F7F7F;width: 32vw;margin-left: 6vw;margin-bottom:5vw ;}
	.collection_upper_txt .txt{width: 86%;margin: 0 auto 5vw;line-height: 1.7;font-size: 3.2vw;}	
	
	/*リスト*/	
	#collection_bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content:space-between;margin-bottom: 3vw;}
	#collection_bottom .collection_box{width:40vw;height:62vw;margin-bottom:3vw;overflow: hidden;}
	.collection_box img{width:40vw;height:62vw;object-fit:cover;object-position:50% 0;}	

	.modal_bottom{display: flex;justify-content:space-between;flex-wrap: wrap;}
	.modal_bottom p{width: 30%;margin-bottom: 2vw;}
	
	.hoge{color:pink;}	

}