/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,80%);
	padding: 0;
	overflow: hidden;
	transition: .3s;
    box-sizing: border-box;
	opacity: 1;
	visibility: hidden; /* デフォルト：非表示 */
    z-index: 9999;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル枠の指定*/
.modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
	position: absolute;
	display: flex;
    align-items: center;
    justify-content: center;
	top: 2px;
	right: 2px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
    background: #666;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
	background: #000;
	text-align: left;
	padding: 50px;
    border: 2px solid #B6A335;
    display: flex;
}
.lang{
	background: #B6A335;
    padding: 1rem;
    width: 50%;
    margin: 0 1rem;
    border: 1px solid #fff;
    cursor: pointer;
}
@media only screen and (max-width: 768px) {
/*モーダル内のコンテンツの指定*/
.modal-content{
    display: block;
}
.lang{
    width: auto;
    margin: 1rem 0;
    display: block;
}
}

.notices_message {
    padding: 0.5rem;
    background-color: #fcc;
    border: solid 1px #ccc;
    width: 55%;
    font-size: 1.5rem;
    margin: 1rem auto;
}
@media screen and (max-width: 667px){
.notices_message {
     width:  90%;
}
}