@charset "UTF-8";
/* CSS Document */
/**************************************************
*modal.css
*制作：Shinichi Yamazaki
*Summery：スマフォレイアウト時表示のモーダルウインド（グローバルナビ）専用のファイル。
*Created Date：2022/05
 レスポンシブレイアウトモバイルファーストでの記述。
***************************************************/
/*モーダルウインドウ*/
#modal{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:9999;
}
#modal-bg{
	width: 100%;
	height: 100%;
	background:rgba(0,16,46,.8);
	position:absolute;
	top:0;
	left:0;
}
#modal-content{
	width:90%;
	background-color:#FFF;
	position:absolute;
	top:30px;
	left:50%;
	transform:translate(-50%,0%);
}
#modal-content-inner{
	position:relative;
	padding:40px 0 40px 0;
}
#btn-close-top{
	width:18px;
	position: absolute;
	top:30px;
	right:20px;
}
#btn-close-top a{
	display:block;
	width:100%;
	height:100%;
}
#modal-logo{
	width:110px;
	margin:0 auto 0 auto;
}
#to-home{
	text-align:center;
	padding: 20px 0 15px 0;
}
#to-home a{
	color:#666;
}
#btn-close-bottom{
	width:110px;
	height:40px;
	text-align:center;
	line-height:40px;
	margin:25px auto 0 auto;
	border-radius:4px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+0,adadad+99 */
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #adadad 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#adadad 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #cccccc 0%,#adadad 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */
}
#btn-close-bottom a{
	display:block;
	width:100%;
	height:100%;
	color:#666;
}
/*アコーディオンメニュー*/
#g-navi-sp ul{
	color:#F4F4F4;
	text-align:center;
}
#g-navi-sp ul a{
	color:#F4F4F4;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
#g-navi-sp ul li .category{
	height:50px;
	line-height:50px;
	background:#143468;
	border-bottom:1px solid #0B4E7E;
}
#g-navi-sp ul li ul.menu li{
	line-height:50px;
	background:#0E4D8C;
	border-bottom:1px solid #00649F;
}
.text-small{
	font-size:1.2rem;
}
.second-level{
	background:#0E4D8C!important;
}
.second-level+ul>li{
	background:#5CAAEA!important;
	border-bottom:1px solid #7AC1FC!important;
}
.nav-open{
	 position:relative;
}
.nav-open::after{
	content:"";
	display:block;
	width:16px;
	height:16px;
	background:url('../images/modal_icon_dep.svg') no-repeat;
	background-size:cover;
	position:absolute;
	top:50%;
	right:20px;
	transform: translate(0,-50%);
}
.nav-close{
	position:relative;
}
.nav-close::after{
	content:"";
	display:block;
	width:16px;
	height:16px;
	background:url('../images/modal_icon_fold.svg') no-repeat;
	background-size:cover;
	position:absolute;
	top:50%;
	right:20px;
	transform: translate(0,-50%);
}
.category-top{
	background:#0fb0c2!important;
}
.category-top2{
	background:#318bda!important;
}
.category-top::after,
.category-top2::after{
	content:"";
	display:block;
	width:7px;
	height:13px;
	background:url('../images/modal_icon_arrow.svg') no-repeat;
	background-size:contain;
	position:absolute;
	top:50%;
	right:25px;
	transform: translate(0,-50%);
}
/*********************************************
*タブレット（600px以上の場合）
**********************************************/
@media screen and (min-width:600px){

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


}