/* 
    Document   : modal_css
    Created on : 2016/05/12, 17:25:12
    Author     : sonohara.kenji
    Description:
        モーダルウィンドウ本体のCSS

*/

#modal_window {
	display: block;
	position: fixed;
	opacity: 0.5;
	z-index: 11000;
	margin-left: auto;
	top: 20px;
	width:73%;
	margin-right: auto;
	
	
}

#modal_close_btn{
	position: absolute;
	top: 4px;
	right: 10px;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-image: url(../js/jquery.bxslider/images/close.gif);
	background-repeat: no-repeat;
}

@media screen and  (max-width: 719px){
#modal_close_btn{
	position: absolute;
	top: 4px;
	right: 0px;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: url(../jquery.bxslider/images/close.gif);
	background-repeat: no-repeat;
	background-size: contain;
}


.bx-wrapper .bx-prev {
    left: 0px;
    
}

.bx-wrapper .bx-next {
    right: 0px;
    
}


	}