<-- /*ボタン*/ .buttonpopup2 { position: relative; display: inline-block; padding: 0.25em 0.5em; text-decoration: none; color: #FFF; background: #fd9535; border-radius: 4px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: bold; border: solid 2px #d27d00; cursor: pointer; } .buttonpopup:active { box-shadow: 0 0 2px rgba(0, 0, 0, 0.30); } /*ポップアップ*/ .popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; visibility: hidden; transition: .6s; } .popup.is-show { opacity: 1; visibility: visible; } .popup-inner { position: relative; width: 80%; margin:0 auto; padding:30px; max-width: 600px; top:10%; background-color: #fff; border-radius: 20px; text-align:center; z-index: 2; } .popup-inner img { width: 80%; } .close-area { display:inline-block; cursor: pointer; text-align:center; } .black-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 1; cursor: pointer; } –>


みちゃだめ!

もーそんなこといったらぴえんだよ!


//ポップアップの中身を書く
コンテンツ
フッタ
(入力フォーム)

中間

@media screen and (min-width: 481px) { .sp2 { display: none; } } @media screen and (max-width: 480px) { .pc2 { display: none; } }