@charset "UTF-8";
/* CSS Document */
/**************************************************
*modal.css
*制作：Shinichi Yamazaki
*Summery：モーダルウインド専用のファイル。
*Created Date：2021/11
 レスポンシブレイアウトモバイルファーストでの記述。
***************************************************/
/*モーダルウインドウ*/
#modal{
	width:100%;
	height:100vh!important;
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:9999;
}
#modal-bg{
	width:100%;
	min-height:100%;
	background:rgba(255,255,255,.97);
	position:absolute;
	top:0;
	left:0;
}
#modal-content{
	width:90%;
	margin: 0 auto;
	overflow-y: scroll;
	height: calc(100% - 80px);
	/*position:absolute;
	top:20px;
	left:50%;
	transform:translate(-50%,0%);
	min-height:94vh;*/
}
#modal-content-inner{
	position:relative;
	padding:70px 0 40px 0;
	min-height:100%;
	background:url("../images/common_logo_type01.svg") no-repeat;
	background-size:180px;
	background-position: center 30px;
}
#modal-btn-close-top{
	width:18px;
	position: absolute;
	top:20px;
	right:20px;
}
#modal-btn-close-top a{
	display:block;
	width:100%;
	height:100%;
}
#modal-main{
	padding:20px;
	color:#000000;
}
#modal-main a{
	color:#000000;
}
#modal-btn-home{
	width:100%;
	margin:0 auto 25px auto;
	text-align:center;
	border:1px solid #000;
}
#modal-btn-home a{
	display:block;
	width:100%;
	height:100%;
	padding:12px 0;
}
#modal-gnav ul li{
	margin-bottom:12px;
	line-height:1.6rem;
}
.modal-category{
	text-align:left;
	margin-bottom:12px;
	padding-bottom:5px;
	border-bottom:1px solid #3d475b;
}
ul.modal-sublist{
	margin-bottom:30px;
}
ul.modal-sublist-last{
	border-bottom:1px solid #3d475b;
}
ul.modal-sublist>li{
	margin-bottom:12px;
}
#modal-btn-close-bottom{
	margin-top:40px;
	text-align:center;
	border:1px solid #000;
}
#modal-btn-close-bottom a{
	display:block;
	padding:14px 0;
	width:100%;
	height:100%;
}
/*********************************************
*タブレット（600px以上の場合）
**********************************************/
@media screen and (min-width:600px){

}
/*********************************************
*PC（960px以上の場合）
**********************************************/
@media screen and (min-width:960px){

}