`; var side_menu_text_outer = ` `; var side_menu_text_tops = ` `; var side_menu_text = ` `; /*モーダル本体の指定 + モーダル外側の背景の指定*/ .modal-container , .modal-container_one , .modal-container_outer , .modal-container_tops{ margin-left:40px; margin-top:40px!important; height:0px; visibility: hidden; transition: 0; box-sizing: border-box; } /*モーダル本体の擬似要素の指定*/ .modal-container:before , .modal-container_one:before , .modal-container_outer:before , .modal-container_tops:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; } /*モーダル本体に「active」クラス付与した時のスタイル*/ .modal-container.active , .modal-container_one.active , .modal-container_outer.active , .modal-container_tops.active{ height:auto; opacity: 1; visibility: visible; } /*モーダル枠の指定*/ .modal-body , .modal-body_one , .modal-body_outer , .modal-body_tops{ position: relative; display: inline-block; vertical-align: middle; max-width: 500px; width: 150px; } /*モーダルを閉じるボタンの指定*/ .modal-close , .modal-close_one , .modal-close_outer , .modal-close_tops { position: absolute; display: flex; align-items: center; justify-content: center; right: 80px; width: 0px; /*-（マイナス）指定で✕ボタンを表示*/ height: 0px; font-size: 20px; color: #000; cursor: pointer; } /*モーダル内のコンテンツの指定*/ .modal-content , .modal-content_one , .modal-content_outer , .modal-content_tops{ border-radius:5px; margin-top:10px; width:150px; text-align: left; padding: 5px; } `; -->