<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* モーダルPCここから */


.sp_navi{
	display:none;
}








/* モーダルSPここから */

@media screen and (max-width:640px){
	
.pc_navi{
	display:none;
	}
	
.sp_navi{
	display:inherit;
}

#modal1 {
	/* [disabled]display: inherit; */
}
.modal_bt {
	display: inherit;
}

#modal1 ul {
	padding: 0px;
	margin: 0;
	list-style-type: none;
}

#modal1 ul li {
	margin-top: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-left-style: none;
	padding-bottom: 8px;
}
#modal1 ul li a {
	text-decoration: none;
}

/*ハンバーガーメニューの位置などを変えるのはここ*/
.modal-open {
	position: absolute;
	top: 8px;
	right: 2%;
}
	


.modal-overlay {
    z-index:2; /*デモではheader,footerをz-index:1にしたので それより上げています*/
    display:none; /*jsでフェードインされるまでdisplay:none*/
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh; /*100vhでビューポートの高さいっぱいになります*/
    background-color:rgba(0,0,0,.5)} /*これは好きな色・透明度で*/
a.modal-open:hover {cursor:pointer} /*カーソルをポインタに*/
	



.modal-content {
	position: fixed;
	display: none; /*jsでフェードインされるまでdisplay:none*/
	z-index: 3; /*オーバーレイより上に*/
	margin: 4%;
	padding-top: 4%;
	padding-bottom: 4%;
	border-radius: 4px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	text-align: center;
}
.modal-content img {width:auto;max-height:75vh}
.modal-content h1 {font-size:120%; margin-bottom:0.5em}
.modal-content p {max-width:565px; text-align:left}
a.modal-close { /*クローズボタンは何でも好きなスタイルでOK*/
	position: absolute;
	top: 8px;
	right: 8px;
	color: #BF0011;
	font-size: 28px;
	line-height: 1;
	font-weight: bold;
	text-decoration: none
}
a.modal-close:hover {cursor:pointer} /*カーソルをポインタに*/

.box .modal-open {
	color: #FFFFFF;
	border-radius: 8px;
	padding: 16px;
	background-color: #B1292C;
	display: inline-block;
}

.box h2 {
	margin-top: 32px;
}

.box h1 {
	margin-top: 48px;
}
.box p {
	margin-top: 32px;
}
	

	
	
	
	 /* ハンバーガーアイコン下のテキスト */
#h-text {
	width: 32px;
	font-size: 10px;
	margin-top: 0px;
	color: #BF0011;
	text-align: center;
	display: block;
	font-weight: 500;
}

/*	ハンバーガーアイコンの作成　*/
#h-icon {
	position:	relative;
	display:	block;
	width:		32px;
	height:		24px;
	top:		0px;
	left:		0px;
	background-color:#BF0011;	/* アイコンの線の色 */
}

/* ハンバーガーアイコンの白線部分作成 */
#h-icon:before, #h-icon:after {
	position:	absolute;
	left:		0;
	content:	"";
	width:		100%;
	border-top:	6px solid #fff; 
}
#h-icon:before {
	top:		4px;
}
#h-icon:after {
	bottom:		4px;
}
	

	/* モーダルここまで */
	
}</pre></body></html>