/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}

.modal-simple {
	width: 100%;
	aspect-ratio: 16 / 9;
}
iframe.modal-simple {
	width: 100%;
	height: 100%;
}

/* MARK: 20230830 MEDIA Web Contents 追加  */
.media-web-header {
	display: flex;
    justify-content: space-between;
    font-size: 0.8em;
    margin-bottom: 10px;
}
.media-web-header-title {
	background: #707070;
    color: #FFF;
    padding: 3px 6px;
    margin-bottom: 5px;
}
.media-web-header-date {
    text-align: right;
}