/* モーダルここから */
#modal1 {
	/* [disabled]display: inherit; */
}
.modal_bt {
	display: inherit;
}

#modal1 ul {
    padding-top: 0px;
    padding-right: 5.38%;
    padding-left: 5.38%;
    padding-bottom: 0px;
    margin: 0;
    list-style-type: none;
}

#modal1 ul li {
    margin-top: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dashed #BCBCBC;
    padding-bottom: 8px;

}
#modal1 ul li a {
    text-decoration: none;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #09037A;
}
#modal1 ul li a span {
	color: #AF7D66;
	margin-left: 0px;
	display: block;
	font-size: 10px;
}



	.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-open {
    position: fixed;
    top: 8px;
    right: 8px;
    display: inherit;
    z-index: 1000;
}


.modal-content {
    position: fixed;
    display: none; /*jsでフェードインされるまでdisplay:none*/
    z-index: 3;
    border-radius: 4px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 89.24%;
    text-align: center;
    margin-top: 16px;
    padding-top: 5.38%;
    padding-bottom: 5.38%;
}
.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: #09037a;
	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 {
    font-size: 12px;
    margin-top: 0px;
    color: #412C22;
    text-align: center;
    display: block;
}
#h-menu #h-text img {
    width: 44px;
    display: inherit;
}


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

/* ハンバーガーアイコンの白線部分作成 */
#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;
}
	

@media screen and (max-width:700px){
	#h-menu{
    display: inherit;
}
}