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

/*--基本設定----------------------------------------------*/


.modal_menus{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: rgba(22,22,22,1.0);
	opacity: 0;
	visibility: hidden;
	transition: .3s linear;
}

.is-open{
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}


/*--メニュー----------------------------------------------*/

.modal_menus_inner{
	box-sizing: border-box;
	width: 96%;
	margin:  0 auto 10px auto;
	padding: 10px;
	border: 3px solid #fff;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	text-align: center;
	color: #fff;
	background: linear-gradient(0deg, rgba(1,19,148,1) 0%, rgba(41,86,255,1) 100%);
}

.modal_menus_inner ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.modal_menus_inner ul li{
	margin: 0;
	padding: 0;
	text-align: left;
	color: #fff;
}

.modal_menus_inner ul li a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #fff;
}



.modal_menus .btn_close{
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 3px solid #fff;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	font-size: 1.0rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
}


@media screen and (min-width: 641px) { 

.modal_menus_inner{
	width: 30%;
}



}/*END*/