@charset "utf-8";
/* ---------------------------------- **
		Modal Window
** ---------------------------------- */
#layer_board_area {
	display: none;
	position: fixed;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 3vw;
    overflow-y: auto;
    box-sizing: border-box; /*スクロールバーを非表示*/
    -ms-overflow-style: none; /*スクロールバーを非表示*/
    scrollbar-width: none; /*スクロールバーを非表示*/
    z-index: 102;
}
#layer_board_area::-webkit-scrollbar {
	display:none; /*スクロールバーを非表示*/
}
.layer_board_bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	cursor: pointer;
	background: #000;
	z-index: 100;
}
/* --modalWindow ポップアップ部分-- */
.layer_board {
	display: none;
	position: relative;
	width: 80%;
    max-width: 1080px;
	margin: 3em auto;
	border-radius: 5px;
	box-sizing: border-box;
	z-index: 100;
}
.layer_board.shortLayer {
	margin: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* --modalWindow バツ(閉じる)ボタン-- */
.layer_board .mdl_btn_close.circle_btn {
    position: absolute;
    top: -71px;
    right: 0;
    width: 57px;
    height: 57px;
	background: url("../img/act_close.svg") top / cover no-repeat;
	cursor: pointer;
}


@media screen and (max-width:600px) {
	.layer_board {
		width: 100%;
	}
	.layer_board .mdl_btn_close.circle_btn {
		position: absolute;
		top: -12vw;
		right: 0;
		width: 8vw;
		height: 8vw;
		background: url("../img/act_close.svg") top / cover no-repeat;
		cursor: pointer;
	}
	.main_twitter{
		display:none;
	}
}