

#content_nav .media_block + .media_block{
	margin-top: 60px;
}
#content_nav .media_block .text_wrap{
	background-color: #656565;
	color: #FFFFFF;
	padding-top: 60px;
	padding-bottom: 60px;
}
#content_nav .media_block .thumb_wrap{
	flex: none;
	width: 50%;
}
#content_nav .media_block .title{
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 30px;
}

@media (max-width: 1140px) {
	#content_nav .media_block + .media_block{
		margin-top: 40px;
	}
	#content_nav .media_block .text_wrap{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#content_nav .media_block .thumb_wrap{
	}
	#content_nav .media_block .title{
		font-size: 1.5rem;
		margin-bottom: 20px;
	}
}

@media (max-width: 768px) {
	#content_nav .media_block + .media_block{
		margin-top: 30px;
	}
	#content_nav .media_block .text_wrap{
		padding: 20px;
	}
	#content_nav .media_block .thumb_wrap{
		width: auto;
		padding: 20px;
		text-align: center;
	}
	#content_nav .media_block .title{
		font-size: 1.5rem;
		margin-bottom: 20px;
	}
}



/*** sdc***/

.sdc_intoro_section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.sort_nav_title{
	background-color: #A40004;
	padding: 10px 0px;
}
.sort_nav_title .title{
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	color: #FFFFFF;
}
.sort_nav_content{
	background-color: #2A2A2A;
	padding: 30px 0px;
	color: #FFFFFF;
}

.sort_nav_block{
	display: flex;
	margin-left: -50px;
	margin-right: -50px;
}
.sort_nav_block .box{
	flex: 1;
	padding-left: 50px;
	padding-right: 50px;
	border-right: 1px solid #FFFFFF;
}
.sort_nav_block .box:last-child{
	border-right: none;
}
.sort_nav_content .label{
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: 20px;
}
ul.sort_list{
}
ul.sort_list li{
	padding-bottom: 10px;
}
.sort_btn{
	display: inline-flex;
	align-items: center;
	width: 100%;
	padding: 7px 10px;
	font-size: 1rem;
	line-height: 1.25;
	color: #FFFFFF;
	background-color: transparent;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	transition: color 0.3s ease,
		border-color 0.3s ease,
		background-color 0.3s ease;
}
.sort_btn:hover,
.sort_btn.active{
	color: #A40004;
	border-color: #A40004;
	background-color: #FFFFFF;
	cursor: pointer;
}
.all_lineup{
	text-align: right;
	margin-top: 20px;
}
.tag_reset_btn{
	color: #FFFFFF;
	position: relative;
	transition: color 0.3s ease;
}
.tag_reset_btn:before{
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	bottom: 0px;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.tag_reset_btn:hover{
	cursor: pointer;
}
.tag_reset_btn:hover:before{
	opacity: 1;
}

@media (max-width: 1140px) {
	.sort_nav_content{
		padding: 25px 0px;
	}

	.sort_nav_block{
		margin-left: -25px;
		margin-right: -25px;
	}
	.sort_nav_block .box{
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media (max-width: 768px) {
	.sort_nav_block{
		display: block;
	}
	.sort_nav_block .box + .box{
		margin-top: 30px;
	}
}



/*** item ***/
.item_list{
	display: flex;
	flex-wrap: wrap;
	margin-left: -40px;
	position: relative;
	opacity: 0;
	transition: opacity 0.3s ease;
	min-height: 400px;
}
body.loaded .item_list{
	opacity: 1
}
.item_list .box{
	width: 25%;
	padding-left: 40px;
	padding-bottom: 60px;
}
#animationList.item_list .box{
	position: absolute;
    top: 0px;
    left: 0px;
    transition: transform 0.6s ease-in-out 0s, 
		opacity 0.6ms ease-in-out 0s;
}
.item_list .box_inner {
	display: block;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #232323;
}
.item_list .thumb_wrap{
	margin-bottom: 10px;
	position: relative;
	width: 100%;
}
.item_list .text_wrap{
	background-color: #F7F7F7;
	border-bottom: 2px solid #232C3D;
}
.item_list .item_id{
	font-size: 1.13rem;
	font-weight: 500;
	line-height: 1;
	color: #FFFFFF;
	background-color: #2A2A2A;
	padding: 7px 15px;
}
.item_list dl dt,
.item_list dl dd,
.item_list .catalog{
	padding: 7px 15px;
	font-size: 0.91rem;
	min-height: calc( 1em + 14px );
}
.item_list dl dt{
	border-bottom: 1px dashed #999999;
}
.item_list dl dd{
	border-bottom: 1px solid #999999;
}
.item_list dl:last-child dd{
	border-bottom: none;
}
.item_list .catalog:after{
	content: "";
	display: inline-block;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="%23232c3d" d="M12.656,9.375h-.937a.469.469,0,0,0-.469.469v3.281H1.875V3.75H6.094a.469.469,0,0,0,.469-.469V2.344a.469.469,0,0,0-.469-.469H1.406A1.406,1.406,0,0,0,0,3.281V13.594A1.406,1.406,0,0,0,1.406,15H11.719a1.406,1.406,0,0,0,1.406-1.406V9.844A.469.469,0,0,0,12.656,9.375ZM14.3,0h-3.75a.7.7,0,0,0-.5,1.2L11.1,2.248,3.955,9.386a.7.7,0,0,0,0,1l.664.663a.7.7,0,0,0,1,0l7.137-7.139L13.8,4.951a.7.7,0,0,0,1.2-.5V.7A.7.7,0,0,0,14.3,0Z" /></svg>');
	background-size: contain;
	width: 1em;
	height: 1em;
	margin-left: 25px;
}

.item_list .box_inner:hover .thumb_wrap .thumb{
}

.nolist{
	opacity: 0;
	visibility: hidden;
	transition: all 0.7s ease-in-out;
	padding-left: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.nolist.show{
	opacity: 1;
	visibility: visible;
}


@media (max-width: 1140px) {
	.item_list{
		margin-left: -30px;
	}
	.item_list .box{
		width: 33%;
		padding-left: 30px;
		padding-bottom: 40px;
	}
}


@media (max-width: 768px) {
	#item {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.item_list{
		margin-left: -20px;
	}
	.item_list .box{
		width: 50%;
		padding-left: 20px;
		padding-bottom: 30px;
	}
}


.recommend{
	display: inline-block;
	font-size: 0.91rem;
	color: #FFFFFF;
	line-height: 1;
	padding: 3px 10px;
	background-color: #A40000;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
	opacity: 0;
}
.recommend.show{
	opacity: 1;
}




/*** visual ***/
#top_visual{
}
#visual_img{
}
.slider_box{
	position: relative;
}
.slider_content{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 1;
}
.top_visual_inner{
	position: relative;
}
.slider_content .container{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.slider_content .thumb_wrap{
	padding-right: 100px;
	width: 40%;
}

.slider_content{
	opacity: 0;
	transition: opacity 1s ease 1s;
}
.slick-initialized .slick-active .slider_content{
	opacity: 1;
}
.slider_content .text_wrap{
	padding-left: 100px;
	flex: 1;
}
.slider_content p{
    font-family: monospace, monospace;
    font-size: 2rem;
	color: #FFFFFF;
}
.slider_content .pagetitle{
	margin-bottom: 20px;
}

.slick-prev{
	top: 50%;
	left: calc( (100vw - 1080px) / 2 );
	transform: translate3d(0,-50%,0);
	width: 38px;
	height: 176px;
	z-index: 1;
}
.slick-prev:before{
	content: "";
	display: inline-block;
	background: url("../images/common/slider_left.svg") right top no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
}

.slick-next{
	top: 50%;
	right: calc( (100vw - 1080px) / 2 );
	transform: translate3d(0,-50%,0);
	width: 38px;
	height: 176px;
}
.slick-next:before{
	content: "";
	display: inline-block;
	background: url("../images/common/slider_right.svg") right top no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
}
.slick-dotted.slick-slider{
	margin-bottom: 0px;
}
.slick-dots{
	bottom: 5px;
	z-index: 10;
}
.slick-dots li{
	margin: 0px;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:hover:before{
	color: #a40101;
}

@media (max-width: 1140px) {
	.slider_content .text_wrap{
		padding-left: 60px;
	}
	.slider_content p{
		font-size: 1.5rem;
	}
	.slider_content .btn_wrap{
		margin-top: 30px;
	}
	.slick-prev{
		left: 30px;
		width: 26px;
		height: 115px;
	}
	.slick-next{
		right: 30px;
		width: 26px;
		height: 115px;
	}
}

@media (max-width: 768px) {
	.slider_content .container{
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	.slider_content .text_wrap{
		order: 2;
		flex: none;
		padding-left: 10px;
		padding-bottom: 20px;
	}
	.slider_content .thumb_wrap{
		width: 150px;
		padding-right: 0px;
		text-align: left;
		margin-bottom: 20px;
	}
	.slider_content p{
		font-size: 1.5rem;
	}
	.slider_content .btn_wrap{
		margin-top: 20px;
	}
	.slick-prev{
		display: none !important;
	}
	.slick-next{
		display: none !important;
	}
}



