@charset "UTF-8";

.active-mdl{
	display: block!important;
}

.mdl_black,
.mdl_black-youtube,
.mdl_black-disclaimer{
	display: none;
	width: 100%;
	height:100%;
	min-height: 100%;
	background: #000;
	position: fixed;
	z-index: -1;
	opacity: 0.85;
}

.mdl_black.active-mdl,
.mdl_black-youtube.active-mdl,
.mdl_black-disclaimer.active-mdl{
	z-index: 5000;
}

.cart-close,
.youtube-close,
.disclaimer-close{
	display: none;
}

.cart-close.active-mdl,
.youtube-close.active-mdl,
.disclaimer-close.active-mdl{
	width: 100%;
	height: 55%;
	position: fixed;
	z-index: 5999;
	top: 0;
	bottom: 0;
	margin: auto;
}

.cart-close.active-mdl img{
	position: absolute;
	right: 0;
	top: -125px;
}

.disclaimer-close.active-mdl img{
	position: absolute;
	right: 0;
	top: -65px;
}

.youtube-close.active-mdl img{
	position: absolute;
	right: 0;
	top: -30px;
}

.cart-close.active-mdl .wrapper,
.disclaimer-close.active-mdl .wrapper{
	width: 1035px;
	height: 100%;
	margin: 0 auto;
	text-align: right;
	position: relative;
}

.youtube-close.active-mdl .wrapper{
	width: 750px;
	height: 473px;
	margin: auto;
	text-align: right;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.cart-close.active-mdl:hover,
.youtube-close.active-mdl:hover,
.disclaimer-close.active-mdl:hover{
	cursor: pointer;
}

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

	.js-article_blk{
		padding: 0;
		margin: 20px 0 0;
	}

	.cart-close.active-mdl,
	.youtube-close.active-mdl,
	.disclaimer-close.active-mdl{
		height: 100%;
	}

	.cart-close.active-mdl .wrapper,
	.youtube-close.active-mdl .wrapper,
	.disclaimer-close.active-mdl .wrapper{
		width: auto;
		text-align: center;
	}

	.youtube-close.active-mdl .wrapper {
		height: 100%;
		position: relative;
	}

	.cart-close.active-mdl img,
	.disclaimer-close.active-mdl img{
		display: block;
		left: initial;
		top: initial;
		top: 6%;
		right: 15px;
		margin: auto;
	}

	.youtube-close.active-mdl img{
		display: block;
		left: initial;
		top: initial;
		top: 28%;
		right: 15px;
		margin: auto;
	}

	.mdl_black,
	.mdl_black-youtube,
	.mdl_black-disclaimer{
		display: none;
		width: 100%;
		height:100%;
		min-height: 100%;
		background: #000;
		position: fixed;
			opacity: 0.85;
	}

	.mdl_black.active-mdl,
	.mdl_black-youtube.active-mdl{
			z-index: 5000;
	}

	.nav-bg{
		visibility: hidden;
	}

	.nav-bg.mdl-open{
		visibility: visible;
	}

	}/* --- max-width:750px */

/*----------------------------
mdl時対応
----------------------------*/

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

	html.on, body.on {
		-webkit-overflow-scrolling: touch !important;
		overflow: auto;
		height: 100%;
	}

	body.on {
		position: relative;
		overflow-x: hidden;
		min-height: 100%;
	}

	}/* --- max-width:750px */

/* ------------------------------------------
youtube
------------------------------------------ */

.youtube__window{
	display: none;
}

.youtube__window.active-mdl{
	z-index: 6000;
	width: 750px;
	height: 473px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

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

	.youtube__window.active-mdl{
		width: 90%;
		height: 31.25%;
	}

	.youtube__window .youtube__window-inner{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}

	.youtube__window .youtube__window-inner .video{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}

	}/* --- max-width:750px */