/*/////////////////////////////////
//モーダル
/////////////////////////////////*/

@media screen and (min-width: 769px) {
	#movie_modal{
		width: 100%;
		height: 100%;
		display: none;
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 65535;
	}

	#movie_modal .movie_overlay{
		width: 100%;
		height: 100%;
		background-color: #fff;
		opacity: 1;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
	}

	#movie_modal .movie_btn_close{
		width: 30px;
		height: 30px;
		margin: 0 0 0 0;
		background-image:url(../common/img/parts_modal_close.png);
		background-repeat: no-repeat;
		background-size: 30px;
		position: fixed;
		top: 20px;
		left: 20px;
		z-index: 2;
		cursor: pointer;
		transition: opacity .1s ease;
	}

	#movie_modal .movie_btn_close:hover{
		opacity: .7;
	}

	#movie_modal_inner{
		margin: 0 auto;
		opacity: 0;
		text-align: center;
		position: fixed;
		top: 0;
		z-index: 2;
	}

	#movie_modal {
		position: fixed;
		text-align: center;
		white-space: nowrap;
	}
	#movie_modal::after,
	#movie_modal_inner {
		display: inline-block;
		vertical-align: middle;
	}
	#movie_modal::after {
		content: '';
		width: 0;
		height: 100%;
	}
	#movie_modal_inner {
		position: relative;
		width: 90%;
		max-width: 800px;
	}
	#movie_modal_data {
		position: relative;
		padding-top: 56.25%;
	}
	#movie_modal_data iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.modal_mov_open a::after{
		background: none;
	}
}

#modal_wrap{
	overflow: hidden;
}

.works_modal_wrapper{
	display: none;
}

.works_modal_wrapper .works_modal_window{
	height: auto;
	position: relative;
	/* top: 0; */
	/* right: 120vw; */
	/* transition: .4s; */
	/* transition-delay: 0s; */
	/* z-index: -1; */
	background: #ffffff;
	padding: 20px;
	width: auto;
	max-width: 900px;
	margin: 20px auto;
}

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

	}
}

.works_modal_mask{
	position: relative;
}

.works_modal_wrapper.is_open{
	display: block !important;
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	overflow: auto;
}
@media screen and (max-width: 768px) {
	.works_modal_wrapper.is_open{
		padding: 20px;
		box-sizing: border-box;
	}
}

.works_modal_wrapper.is_open .works_modal_mask{
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	background-color: rgb(239,239,239,0.8);
}

@media screen and (min-width: 769px) {
	.works_modal_wrapper.is_open .works_modal_mask:hover{
			cursor: pointer;
	}
}

.works_modal_wrapper.is_open .works_modal_window{

	z-index: 99999;
}

@media screen and (max-width: 768px) {
	.works_modal_wrapper.is_open .works_modal_window{
			transition-delay: 0s;
	}
}

.works_modal_content{
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	overflow-y: auto;
}
@media screen and (max-width: 768px) {
	.works_modal_content{
		padding: 0;
	}
}

.works_modal_content img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

@media screen and (min-width: 769px) {
	.works_modal_content img:hover{
			cursor: default;
	}
}
@media screen and (max-width: 768px) {
	.works_modal_content{
    width: 100%;
    height: 100%;
    padding: 1em;
	}
}

.works_modal_close{
	color: #333;
	position: absolute;
	top: 0;
	right: 0px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	font-style: normal;
	font-size: 42px;
	font-family: Arial, Baskerville, monospace;
}

.works_modal_close img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.works_modal_close:hover{
	cursor: pointer;
}

/* modal */
.modal_wrapper {
	box-sizing: border-box;
	position: relative;
	background: #fff;
	padding: 20px;
	width: auto;
	max-width: 900px;
	margin: 20px auto;
}

/* magnificPopup */
.mfp-bg {
	z-index: 70000;
	background-color: #efefef;
}
.mfp-wrap {
	z-index: 70001;
}
.mfp-close {
	font-size: 42px;
}

/* requirements_wrapper */
.requirements_wrapper {
	line-height: 1.5;
}
.requirements_wrapper h2 {
	margin: 0 0 .5em;
	font-size: 20px;
	font-weight: bold;
}
.requirements_wrapper dl {
	margin-bottom: 2em;
}
.requirements_wrapper dl dt {
	margin-top: 1em;
	font-size: 16px;
	font-weight: bold;
}
.requirements_wrapper dl dd {
	margin: .5em 0 1em;
	font-size: 14px;
}
.requirements_wrapper h3 {
	margin: 0 0 .5em;
	font-size: 20px;
	font-weight: bold;
}
.requirements_wrapper .inquiry_txt {
	margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
.requirements_wrapper dl dd br{
	display: block !important;
}
}
@media screen and (max-width : 768px){
/*-----------------------------
	MODAL
	-----------------------------*/
	.modal_mov_open a::after{
		display: none;
	}

	/* ------------------------------
	#movie_modal
	------------------------------ */
	#movie_modal{
		width: 100%;
		height: 100%;
		display: none;
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 65535;
	}

	#movie_modal .movie_overlay{
		width: 100%;
		height: 100%;
		background-color: #fff;
		opacity: 1;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
	}

	#movie_modal .movie_btn_close{
		width: 20px;
		height: 20px;
		margin: 0 0 0 0;
		background-image:url(../common/img/parts_modal_close.png);
		background-repeat: no-repeat;
		background-size: 20px;
		position: fixed;
		top: 10px;
		left: 10px;
		z-index: 2;
		cursor: pointer;
		transition: opacity .1s ease;
	}

	#movie_modal .movie_btn_close:hover{
		opacity: .7;
	}

	#movie_modal_inner{
		margin: 0 auto;
		opacity: 0;
		text-align: center;
		position: fixed;
		top: 0;
		z-index: 2;
	}

	#movie_modal_data{
		width: 100%;
	}
	#movie_modal {
		position: fixed;
		text-align: center;
		white-space: nowrap;
	}
	#movie_modal::after,
	#movie_modal_inner {
		display: inline-block;
		vertical-align: middle;
	}
	#movie_modal::after {
		content: '';
		width: 0;
		height: 100%;
	}
	#movie_modal_inner {
		position: relative;
		width: 90%;
		max-width: 800px;
	}
	#movie_modal_data {
		position: relative;
		padding-top: 56.25%;
	}
	#movie_modal_data iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
}
/*/////////////////////////////////
//モーダル
/////////////////////////////////*/