@charset "utf-8";
/* モーダルここから */


.modal_bt {
	display: none;
}
#modal1 {
	display: none;
}




/* 以下SP */
@media screen and (max-width:700px){
#h-text{
	display:none;
}

.modal-open{
	display:inherit;
	z-index:600;
	background-color:#eceae7;
padding: 6px;
	box-sizing:border-box;
	}


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

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

#modal1 ul li {
	margin-top: 12px;
	margin-bottom: 12px;
}
#modal1 ul li a {
	text-decoration: none;
	display:block;
}
#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: absolute;
	top: 24px;
	left: 4.9%;
}


.modal-content {
	position: fixed;
	display: none; /*jsでフェードインされるまでdisplay:none*/
	z-index: 500; /*オーバーレイより上に*/
	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: #b29c33;
	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: #412C22;
	text-align: center;
	display: block;
	font-weight: 500;
}

/*	ハンバーガーアイコンの作成　*/
#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 #eceae7; 
}
#h-icon:before {
	top:		4px;
}
#h-icon:after {
	bottom:		4px;
}

}
	/* モーダルここまで */