body{ margin: 0; padding: 0; } h1{ font-size: x-large; margin:5px; } h2{ font-size:large; margin: 5px; } p{ font-size: small; margin: 2px; } #main{ margin: 0 0 30px 0; } .scroll-stop{ overflow-y:hidden; } /*フッター*/ footer{ background-color: #313131; margin: 0; padding:8px 10px; } footer p{ text-align: center; color: #f4f4f4; } /* メインボックス */ .section{ text-align:center; width:44%; min-height: 150px; margin:2%; display:inline-block; background-color:darksalmon; border-radius: 5px; position: relative; } .section_contents{ position: absolute; width: 100%; } .section_contents p{ margin: 2px; } /* ポップアップ */ .popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; visibility: hidden; transition: .6s; overflow-y: scroll; overflow-x:hidden; } .is-show { opacity: 1; visibility: visible; } .popup-inner { position: absolute; left: 50%; top: 0; transform: translate(-50%,0); width: 90%; max-width: 600px; padding: 20px; background-color: #fff; z-index: 2; } .popup-inner img { width: 100%; } .close-btn { position: absolute; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; } .close-btn i { font-size: 20px; color: #333; } .black-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 1; cursor: pointer; } #attractivepoint{ margin: 1%; } .inview{ width:49%; display: inline-block; vertical-align:top; } .plusinf{ width: 100%; }