.Main { justify-content: center; } .info { width: 80%; margin: 50px auto; text-align: center; border: 1px solid; padding: 15px; border-radius: 30px; } .prize_area { width: 100%; text-align: center; } .prize_area p { font-size: 24px; margin-bottom: 15px; } .entry_info { background-color: #f0f0f0; padding: 30px; width: 100%; margin-bottom: 25px; text-align: center; } .entry_title { font-size: 24px; margin-bottom: 15px; } .passwordCorner { width: 100%; text-align: center; margin-bottom: 15px; } input[type="text"], input[type="email"], input[type="number"] { width: 200px; padding: 10px; border: 1px solid #aaa; } .title { height: auto; text-align: center; } .acd-content { line-height: 1.6; text-align: left; } .acd-content dt { background-color: #f0f0f0; padding: 15px; font-size: 16px; font-weight: bold; } .acd-content dd { padding: 15px; font-size: 14px; } @media screen and (min-width:769px) { .sp { display: none !important; } } @media screen and (max-width:768px) { .pc { display: none !important; } img { max-width: 100%; } p, div { font-size: 14px; box-sizing: border-box; } .content { width: 100%; } .info { width: 90%; font-size: 14px; } .prize_area p { font-size: 14px; } .entry_info { padding: 30px 15px; } .entry_text { text-align: left; } input[type="text"], input[type="email"], input[type="number"] { width: calc(100% - 30px); } } .GlobalHeader_wrap { height: auto; padding-top: 15px; } .d-flex { display: flex; } .justify-content-center { justify-content: center; } footer { text-align: center; color: #333; } footer a { color: #333; } footer a:hover { color: #1e1e1e; text-decoration: underline; } footer .copyright, footer .postscript { font-size: .8125em; margin: 20px auto 10px; padding: 10px 0 15px; } footer img { vertical-align: middle; } /* ---------------------------------------- 完了画面css(PC) ---------------------------------------- */ #precam_bvawards { max-width: 100%; margin: 20px auto 0; font-size: 18px; text-align: center; } #precam_bvawards ul{ margin: 0; padding: 0; } #precam_bvawards .title { font-size: 39px; color: #000000; text-align: center; margin: 10% auto 3%; } #precam_bvawards .gif_ani { margin-bottom: 5%; } /* #precam_bvawards .gif_ani img { width: 60%; height: 60%; } */ #precam_bvawards .content { margin-bottom: 30px; font-size: 15px; } #precam_bvawards .content ul { list-style: inside; padding: 0; text-align: center; } #precam_bvawards .content li { list-style: none; width: 640px; margin: 0 auto 20px; } #precam_bvawards .content li.button{ height: 90px; -webkit-border-radius: 45px; margin: 0 auto 30px; width: 64%; text-align: center; position: relative; font-size: 16px; } #precam_bvawards .content li.button a{ color: #fff; text-decoration: none; font-size: 25px; background: #333333; transition: all .3s; padding: 2.5%; display: block; width: 95%; border-radius: 50px; } #precam_bvawards .content li.button a::after { content: "▲"; font-size: 30px; display: inline-block; transform: rotate(-30deg); position: absolute; right: 26px; top: 15%; color: #FFF; } /* ---------------------------------------- 完了画面css(SP) ---------------------------------------- */ @media screen and (max-width:768px) { #precam_bvawards{ max-width: 750px; margin: 20px auto 0; font-size: 18px; color: #252525; min-height: 68vh; } #precam_bvawards img { width: 100%; height: auto; } #precam_bvawards .title { font-size: 20px; color: #000000; text-align: center; margin: 20% auto 10%; line-height: 1.4; } #precam_bvawards .content { margin: 30px 0; font-size: 15px; } #precam_bvawards .content ul { list-style: inside; padding: 0; text-align: center; width: 80%; margin: 0 auto; } #precam_bvawards .content li { list-style: none; width: 100%; margin: 0 auto 20px; } #precam_bvawards .content li.button { margin: 0 auto 20px; width: 100%; height: auto; background-color:#333333; border-radius: 14px; -webkit-border-radius: 14px; position: relative; } #precam_bvawards .content li.button a { color: #fff; text-decoration: none; font-size: 20px; padding: 5%; display: block; } #precam_bvawards .content li.button a::after { content: "▲"; font-size: 20px; display: inline-block; transform: rotate(-30deg); position: absolute; right: 26px; top: 28%; color: #FFF; } }