/** * market.css * * @author ISHIKAWA Takahiro */ #market-intro-page #section_1 { margin-left:24px; color:#ffffff; background-image:linear-gradient(to bottom,#ffb070,#ff6010); } #market-intro-page #section_1 .box-market { height:703px; background-image:url('../img/market/bg2.png'); background-position:center bottom; } #market-intro-page #section_1 .text_1 { position:relative; top:60px; width:70%; margin:auto; padding-left:80px; font:bold normal 28px sans-serif; text-shadow:0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); } #market-intro-page #section_1 .text_2 { position:relative; top:80px; width:70%; margin:auto; font:normal normal 1em sans-serif; text-shadow:0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); } #market-intro-page #section_1 .buttons { position:relative; top:120px; width:70%; margin:auto; text-align:center; font:normal normal 1em sans-serif;} #market-intro-page #section_1 .buttons button { width:220px; margin:8px 48px; padding:8px; color:#ffffff; background:#ff0000; background-image:linear-gradient(to bottom,#ff4040,#e04040); border:1px solid #c00000; border-radius:6px; box-shadow:0 0 3px rgba(0,0,0,0.3); font:normal normal 1.0em sans-serif; cursor:pointer; a} #market-intro-page #section_2 .box-search { position:relative; margin:80px auto 0; width:1040px; height:640px; border-top:2px solid #5d769a; } #market-intro-page #section_2 .box-search::before { background-color:#FFFFFF; color:#5d769a; font-size:32px; content:"マーケットを探す"; font-weight:bold; left:0; right:0; margin:0 auto; width:300px; height:32px; padding:0 30px; position:absolute; top:-18px; } #market-intro-page #section_2 .box-search ul.bxslider li .box-list { padding:0; margin:0 auto; } #market-intro-page #section_2 .box-search ul.bxslider li .box-list ul { overflow:hidden; padding:60px 0 0; } #market-intro-page #section_2 .box-search ul.bxslider li .box-list ul li { position:relative; float:left; margin:0 24px 0 0; width:230px; height:230px;} #market-intro-page #section_2 .box-search ul.bxslider li .box-list ul li img { border:0; width:230px; height:230px;} #market-intro-page #section_2 .box-search ul.bxslider li .box-list ul li:first-child { margin:0 24px 0; } #market-intro-page #section_2 .box-search ul.bxslider li .box-list ul li .title { position:absolute; bottom:0; left:0; width:100%; height:50px; text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:20px; line-height:2.5; } #market-intro-page #section_3 .box-search-bar { width:100%; height:auto; margin:32px auto; padding:8px 0px; } #market-intro-page #section_3 .box-search-bar:after { content:' '; clear:both; height:0px; display:block; visibility:hidden; } #market-intro-page #section_3 .box-search-bar { width:100%; height:36px; margin:0 auto; padding:25px 30px; border:3px solid #fbbf2b; } #market-intro-page #section_3 .box-search-bar * { float:left; } #market-intro-page #section_3 .box-search-bar input[type=text] { width:255px; height:14px; margin:0 8px; font-size:14px; padding:8px 15px; border:1px solid #ccc; color:#333; } #market-intro-page #section_3 .box-search-bar #datepicker { width:100px; background:url('../images/bg_calendar.png') 10px 7px no-repeat, url('../images/updown.png') 90% center no-repeat; text-indent:20px; } #market-intro-page #section_3 .box-search-bar select { width:130px; height:34px; margin:0 8px; font-size:14px; border:1px solid #ccc; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -webkit-appearance:none; color:#898989; background:url('../images/bg_select.png') 10px 8px no-repeat, url('../images/updown.png') 90% center no-repeat; background-color: #fff; padding:0 0 0 35px; } #market-intro-page #section_3 .box-search-bar button { width:150px; height:34px; margin:0 8px; background:#fbbf2b url('../images/bg_search2.png') 45px 10px no-repeat; text-indent:10px; border:none; outline:none; font-size:14px; cursor:pointer; color:#fff; } #market-intro-page #section_3 .box-search-bar .btn-map-on { display:inline-block; width:110px; height:30px; margin:0 8px; font-size:14px; text-align:center; line-height:30px; position:relative; top:1px; text-indent:10px; border:2px solid #c2c2c2; color:#c2c2c2; background:url('../images/bg_spot_off.png') 15px 7px no-repeat; } #market-intro-page #section_3 .box-search-bar .btn-map-on.on { border:2px solid #4d6384; color:#4d6384; background:url('../images/bg_spot2.png') 15px 7px no-repeat; } #market-intro-page #section_3 .box-search-bar .btn-market-on { display:inline-block; width:150px; height:30px; margin:0 8px; font-size:14px; text-align:center; line-height:30px; position:relative; top:1px; text-indent:10px; border:2px solid #c2c2c2; color:#c2c2c2; background:url('../images/bg_spot_off.png') 15px 7px no-repeat; } #market-intro-page #section_3 .box-search-bar .btn-market-on.on { border:2px solid #4d6384; color:#4d6384; background:url('../images/bg_spot2.png') 15px 7px no-repeat; } #market-input-page { padding:100px 0 0; width:960px; margin:0 auto; } #market-input-page h2 { margin:0; font-size:1.5em; font-weight:bold; line-height:1.3em; } #market-input-page .title_separator { margin-bottom:38px; } #market-input-page .box-main { padding:0; margin:0 0 30px; } #market-input-page .box-main .sp.br { display:none; } #market-input-page .box-main ul { margin:16px 0; padding:8px; line-height:1.5em; } #market-input-page .box-main ul li { line-height:1.3em; } #market-input-page .box-main h3 { color:#414042; font-size:22px; font-weight:normal; padding:0 0 18px; } #market-input-page .box-main .formview { width:100%; border-collapse:collapse; border-top:3px solid #4d6384; border-bottom:2px solid #4d6384; } #market-input-page .box-main .formview td { border-bottom:1px solid #d7d7d7; padding:0; } #market-input-page .box-main .box-title { float:left; position:relative; color:#414042; background:#f8f8f8; width:195px; height:28px; font-size:15px; padding:23px 20px 15px 20px; } #market-input-page .box-main .box-title .sub { font-size:12px; position:absolute; bottom:2px; left:20px; color:#c9c9c9; } #market-input-page .box-main .box-input { float:left; color:#414042; font-size:15px; width:665px; height:36px; padding:15px 30px;} #market-input-page .box-main .box-input .inst { font-size:13px; color:#1e88e5; background:url(../img/signup/bluedot.png) 0 19px no-repeat; padding:11px 0 0 13px; display:inline-block; } #market-input-page .box-main .box-input input[type=text], #market-input-page .box-main .box-input input[type=password], #market-input-page .box-main .box-input select { height:32px; border:1px solid #cccccc; background:#ffffff; } #market-input-page .box-main .box-input input[type=text] { text-indent:5px; font-size:15px; } #market-input-page .box-main .box-input input[type=password] { font-size:18px; } #market-input-page .box-main .box-input select { font-size:15px; } #market-input-page .box-main .box-input ul { margin:0 auto; padding:0; } #market-input-page .box-main .box-input ul li { margin:0 auto 15px; padding:0; } #market-input-page .box-main .box-input ul li .box-subtitle { display:inline-block; width:80px; } #market-input-page .box-main .box-input ul li .box-param { display:inline-block; width:590px; } #market-input-page .box-main .box-input.e-mail input[type=text] { width:400px; } #market-input-page .box-main .box-input.name input[type=text] { width:180px; } #market-input-page .box-main .box-input.postal-code input[type=text] { width:120px; } #market-input-page .box-main .box-input.latlng .inline { display:inline-block; } #market-input-page .box-main .box-input.latlng .inline input { max-width:120px; } #market-input-page .box-main .box-input .setting-address { font-size:14px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:5px 0; margin:0 10px; width:220px; height:35px; background:#5d769a; border:1px solid #5d769a; color:#FFFFFF; } #market-input-page .box-main .box-input .setting-address:hover { background:#506482; border:1px solid #506482; cursor:pointer; } #market-input-page .box-main .box-title.address { position:static; height:190px; padding:99px 20px 15px 20px; } #market-input-page .box-main .box-input.address { height:261px; } #market-input-page .box-main .box-title.description { height:48px; } #market-input-page .box-main .box-title.latlng { height:60px; } #market-input-page .box-main .inputform .formaction { display:block; margin:30px 0; } #market-input-page .box-main .inputform .formaction .agreement { font-size:18px; color:#414042; line-height:1.4; text-align:center; margin:0 auto 20px; } #market-input-page .box-main .inputform .formaction .agreement a { color:#e9606d; font-weight:bold; } #market-input-page .box-main .inputform .formaction .agreement a:hover { text-decoration:underline; cursor:pointer; } #market-input-page .box-main .inputform .formaction .buttons { text-align:center; } #market-input-page .box-main .inputform .formaction button[type=submit].accept { font-size:18px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:10px 0; margin:0 10px; width:140px; height:50px; background:#fbbf27; border:1px solid #fbbf27; color:#FFFFFF; } #market-input-page .box-main .inputform .formaction button[type=submit].accept:hover { background:#ce950a; border:1px solid #ce950a; cursor:pointer; } #market-input-page .box-main .inputform .formaction button[type=button].back { font-size:18px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:10px 0; margin:0 10px; width:140px; height:50px; background:#81868c; border:1px solid #81868c; color:#FFFFFF; } #market-input-page .box-main .inputform .formaction button[type=button].back:hover { background:#656d78; border:1px solid #656d78; cursor:pointer; } #market-input-page .box-main .inputform .formaction button[type=submit].next { font-size:18px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:10px 0; margin:0 10px; width:140px; height:50px; background:#fbbf27; border:1px solid #fbbf27; color:#FFFFFF; } #market-input-page .box-main .inputform .formaction button[type=submit].next:hover { background:#ce950a; border:1px solid #ce950a; cursor:pointer; } #market-preview-page { padding:100px 0 0; width:960px; margin:0 auto; } #market-preview-page h2 { margin:0; font-size:1.5em; font-weight:bold; line-height:1.3em; } #market-preview-page .title_separator { margin-bottom:38px; } #market-preview-page .box-main { padding:0; margin:0 0 30px; } #market-preview-page .box-main .sp.br { display:none; } #market-preview-page .box-main ul { margin:16px 0; padding:8px; line-height:1.5em; } #market-preview-page .box-main ul li { line-height:1.3em; } #market-preview-page .box-main h3 { color:#414042; font-size:22px; font-weight:normal; padding:0 0 18px; } #market-preview-page .box-main .formview { width:100%; border-collapse:collapse; border-top:3px solid #4d6384; border-bottom:2px solid #4d6384; } #market-preview-page .box-main .formview td { border-bottom:1px solid #d7d7d7; padding:0; } #market-preview-page .box-main .box-title { float:left; position:relative; color:#414042; background:#f8f8f8; width:195px; height:28px; font-size:15px; padding:23px 20px 15px 20px; } #market-preview-page .box-main .box-title .sub { font-size:12px; position:absolute; bottom:2px; left:20px; color:#c9c9c9; } #market-preview-page .box-main .box-input { float:left; color:#414042; font-size:15px; width:665px; height:36px; padding:15px 30px;} #market-preview-page .box-main .box-input .inst { font-size:13px; color:#1e88e5; background:url(../img/signup/bluedot.png) 0 19px no-repeat; padding:11px 0 0 13px; display:inline-block; } #market-preview-page .box-main .box-input ul { margin:0 auto; padding:0; } #market-preview-page .box-main .box-input ul li { margin:0 auto 15px; padding:0; } #market-preview-page .box-main .box-input ul li .box-subtitle { display:inline-block; width:80px; } #market-preview-page .box-main .box-input ul li .box-param { display:inline-block; width:590px; } #market-preview-page .box-main .box-title.description { height:80px; } #market-preview-page .box-main .box-title.latlng { height:80px; } #market-preview-page .box-main .box-value { float:left; color:#414042; font-size:15px; width:685px; height:28px; padding:22px 0 15px 20px; } #market-preview-page .box-main .inputform .formaction { display:block; margin:30px 0; } #market-preview-page .box-main .inputform .formaction .agreement { font-size:18px; color:#414042; line-height:1.4; text-align:center; margin:0 auto 20px; } #market-preview-page .box-main .inputform .formaction .agreement a { color:#e9606d; font-weight:bold; } #market-preview-page .box-main .inputform .formaction .agreement a:hover { text-decoration:underline; cursor:pointer; } #market-preview-page .box-main .inputform .formaction .buttons { text-align:center; } #market-preview-page .box-main .inputform .formaction button[type=submit].accept { font-size:18px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:10px 0; margin:0 10px; width:140px; height:50px; background:#fbbf27; border:1px solid #fbbf27; color:#FFFFFF; } #market-preview-page .box-main .inputform .formaction button[type=submit].accept:hover { background:#ce950a; border:1px solid #ce950a; cursor:pointer; } #market-preview-page .box-main .inputform .formaction button[type=button].back { font-size:18px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:10px 0; margin:0 10px; width:140px; height:50px; background:#81868c; border:1px solid #81868c; color:#FFFFFF; } #market-preview-page .box-main .inputform .formaction button[type=button].back:hover { background:#656d78; border:1px solid #656d78; cursor:pointer; } #market-preview-page .box-main .inputform .formaction button[type=submit].next { font-size:18px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:10px 0; margin:0 10px; width:140px; height:50px; background:#fbbf27; border:1px solid #fbbf27; color:#FFFFFF; } #market-preview-page .box-main .inputform .formaction button[type=submit].next:hover { background:#ce950a; border:1px solid #ce950a; cursor:pointer; } #market-finished-page .inputform { text-align:center;min-height:400px; padding:32px; } #market-finished-page .inputform .image { margin:32px; } #market-finished-page .inputform p { line-height:1.5em; } #top-page .wrap-content .wrap-market-banner { padding:100px 0 0; background-image:linear-gradient(to bottom,#ffb070,#ff6010); } #top-page .wrap-market-banner { width:100%; height:703px; padding:100px 0 0; color:#ffffff; } #top-page .wrap-market-banner .box-market { height:703px; background-image:url('../img/market/bg2.png'); background-position:center; text-align:center; } #top-page .wrap-market-banner .text { position:relative; top:16px; left:10%; width:80%; } #top-page .wrap-market-banner .text_1 { padding:32px 0 10px; font-size:38px; font-weight:bold; color:#fff9ea; line-height:1.4; text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);} #top-page .wrap-market-banner .text_2 { padding:0; font-size:28px; font-weight:bold; color:#ffec63; text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); } #top-page .wrap-market-banner .text_3 { color:#ffffff; padding:40px 0 0 0; font-size:20px; font-weight:normal; line-height:1.7; text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); } #top-page .wrap-market-banner .text_4 { padding-top:16px; color:#ffffff; text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);} #top-page .wrap-market-banner .buttons { position:relative; top:60px; left:10%; width:80%; text-align:center; font:normal normal 1em sans-serif;} #top-page .wrap-market-banner .buttons button { width:220px; margin:8px 48px; padding:8px; color:#ffffff; background:#ff0000; background-image:linear-gradient(to bottom,#ff4040,#e04040); border:1px solid #c00000; border-radius:6px; box-shadow:0 0 3px rgba(0,0,0,0.3); font:normal normal 1.0em sans-serif; cursor:pointer; a} @media all and ( max-width:780px ) { #market-intro-page #main { width:100%; } #market-intro-page #section_1 { height:560px; margin-left:auto; } #market-intro-page #section_1 .box-market { height:560px; background-position:center bottom; background-size:100% auto; background-repeat:repeat-x; } #market-intro-page #section_1 .text { position:relative; top:0; left:0; width:90%; margin:auto; } #market-intro-page #section_1 .text_1 { left:auto; width:80%; margin:auto; padding-left:0; font-size:18px; text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);} #market-intro-page #section_1 .text_2 { left:auto; width:80%; margin:auto; font-size:14px; text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);} #market-intro-page #section_1 .text_3 { left:auto; width:80%; margin:auto; font-size:14px; text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); } #market-intro-page #section_1 .buttons { left:0; width:100%; padding:0; font-size:12px; } #market-intro-page #section_2 .box-search { width:100%; height:auto; padding-left:3%; padding-bottom:32px; } #market-intro-page #section_2 .box-search ul.bxslider li .box-list ul li:first-child { margin:auto; } #market-intro-page #section_2 .box-search ul.bxslider li .box-list ul li { margin:0; } #market-intro-page #section_3 .box-search-bar { width:90%; height:auto; padding:8px; line-height:2.0em; } #market-intro-page #section_3 .box-search-bar input[type=text] { margin-bottom:8px; } #market-intro-page #section_3 .box-search-bar #datepicker { margin-bottom:8px; } #market-input-page { width:100%; } #market-input-page .title_separator { margin-bottom:0; } #market-input-page .input-require { padding:3px 3px; font-size:10px; font-weight:bold; line-height:1.2; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#fff; background:#e9606d; margin:auto 3px; } #market-input-page .box-main { padding:4px; margin:0 0 20px; } #market-input-page .box-main .sp.br { display:block; height:1px; } #market-input-page .box-main form h3 { color:#414042; font-size:18px; font-weight:normal; padding:0 0 10px; } #market-input-page .box-main .inputform .formview { width:100%; border-collapse:collapse; border-top:3px solid #4d6384; border-bottom:2px solid #4d6384; } #market-input-page .box-main .inputform .formview td { border-bottom:1px solid #d7d7d7; padding:0;} #market-input-page .box-main .box-title { float:none; position:static; color:#414042; background:#f8f8f8; width:88%; height:20px; font-size:14px; padding:10px 0; text-indent:10px; } #market-input-page .box-main .box-title .sub { font-size:12px; position:static; bottom:auto; left:auto; color:#c9c9c9; } #market-input-page .box-main .box-input { float:none; color:#414042; font-size:14px; width:100%; height:32px; padding:10px 0 15px; text-indent:10px; } #market-input-page .box-main .box-input .inst { font-size:12px; color:#1e88e5; background:url(../img/signup/bluedot.png) 11px 18px no-repeat; padding:11px 0 0 10px; display:inline-block; } #market-input-page .box-main .box-input.e-mail input[type=text] { width:85%; } #market-input-page .box-main .box-input.name input[type=text] { width:37%; } #market-input-page .box-main .box-input.postal-code input[type=text] { width:30%; } #market-input-page .box-main .box-input.postal-code button.setting-address { font-size:12px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:2px 0; margin:0 5px; width:180px; height:32px; background:#5d769a; border:1px solid #5d769a; color:#FFFFFF; } #market-input-page .box-main .box-input.postal-code button.setting-address:hover { background:#506482; border:1px solid #506482; cursor:pointer; } #market-input-page .box-main .box-title.address { position:static; height:20px; padding:10px 0; } #market-input-page .box-main .box-input.address { height:280px; } #market-input-page .box-main .box-input.address input[type=text].city { width:100%; } #market-input-page .box-main .box-title.description { height:20px; } #market-input-page .box-main .box-input.description { height:60px; } #market-input-page .box-main .box-title.latlng { height:20px; } #market-input-page .box-main .box-input.latlng { height:100px; } #market-input-page .box-main form .inputform .formaction { margin-top:10px; } #market-input-page .box-main form .inputform .formaction .agreement.pc { display:none; } #market-input-page .box-main form .inputform .formaction .agreement.sp { display:block; font-size:12px; color:#414042; line-height:1.4; text-align:center; margin:0 auto 10px; } #market-input-page .box-main form .inputform .formaction .agreement.sp a { color:#e9606d; font-weight:bold; } #market-input-page .box-main form .inputform .formaction .agreement.sp a:hover { text-decoration:underline; cursor:pointer; } #market-input-page .box-main form .inputform .formaction .buttons { text-align:center; } #market-input-page .box-main form .inputform .formaction .buttons button[type=submit].accept { font-size:14px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:5px 0; margin:0 10px; width:110px; height:35px; background:#fbbf27; border:1px solid #fbbf27; color:#FFFFFF; } #market-input-page .box-main form .inputform .formaction .buttons button[type=submit].accept:hover { background:#ce950a; border:1px solid #ce950a; cursor:pointer; } #market-preview-page { width:100%; } #market-preview-page .title_separator { margin-bottom:0; } #market-preview-page .input-require { padding:3px 3px; font-size:10px; font-weight:bold; line-height:1.2; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#fff; background:#e9606d; margin:auto 3px; } #market-preview-page .box-main { padding:4px; margin:0 0 20px; } #market-preview-page .box-main .sp.br { display:block; height:1px; } #market-preview-page .box-main form h3 { color:#414042; font-size:18px; font-weight:normal; padding:0 0 10px; } #market-preview-page .box-main .inputform .formview { width:100%; border-collapse:collapse; border-top:3px solid #4d6384; border-bottom:2px solid #4d6384; } #market-preview-page .box-main .inputform .formview td { border-bottom:1px solid #d7d7d7; padding:0;} #market-preview-page .box-main .box-title { float:none; position:static; color:#414042; background:#f8f8f8; width:100%; height:20px; font-size:14px; padding:10px 0; text-indent:10px; } #market-preview-page .box-main .box-title .sub { font-size:12px; position:static; bottom:auto; left:auto; color:#c9c9c9; } #market-preview-page .box-main .box-input { float:none; color:#414042; font-size:14px; width:100%; height:32px; padding:10px 0 15px; text-indent:10px; } #market-preview-page .box-main .box-input .inst { font-size:12px; color:#1e88e5; background:url(../img/signup/bluedot.png) 11px 18px no-repeat; padding:11px 0 0 10px; display:inline-block; } #market-preview-page .box-main .box-input.e-mail input[type=text] { width:85%; } #market-preview-page .box-main .box-input.name input[type=text] { width:37%; } #market-preview-page .box-main .box-input.postal-code input[type=text] { width:30%; } #market-preview-page .box-main .box-input.postal-code button.setting-address { font-size:12px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:2px 0; margin:0 5px; width:180px; height:32px; background:#5d769a; border:1px solid #5d769a; color:#FFFFFF; } #market-preview-page .box-main .box-input.postal-code button.setting-address:hover { background:#506482; border:1px solid #506482; cursor:pointer; } #market-preview-page .box-main .box-title.address { position:static; height:20px; padding:10px 0; } #market-preview-page .box-main .box-input.address { height:280px; } #market-preview-page .box-main .box-input.address input[type=text].city { width:100%; } #market-preview-page .box-main .box-title.description { height:20px; } #market-preview-page .box-main .box-input.description { height:60px; } #market-preview-page .box-main .box-title.latlng { height:20px; } #market-preview-page .box-main .box-input.latlng { height:100px; } #market-preview-page .box-main form .inputform .formaction { margin-top:10px; } #market-preview-page .box-main form .inputform .formaction .agreement.pc { display:none; } #market-preview-page .box-main form .inputform .formaction .agreement.sp { display:block; font-size:12px; color:#414042; line-height:1.4; text-align:center; margin:0 auto 10px; } #market-preview-page .box-main form .inputform .formaction .agreement.sp a { color:#e9606d; font-weight:bold; } #market-preview-page .box-main form .inputform .formaction .agreement.sp a:hover { text-decoration:underline; cursor:pointer; } #market-preview-page .box-main form .inputform .formaction .buttons { text-align:center; } #market-preview-page .box-main form .inputform .formaction .buttons button[type=submit].accept { font-size:14px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:5px 0; margin:0 10px; width:110px; height:35px; background:#fbbf27; border:1px solid #fbbf27; color:#FFFFFF; } #market-preview-page .box-main form .inputform .formaction .buttons button[type=submit].accept:hover { background:#ce950a; border:1px solid #ce950a; cursor:pointer; } #market-preview-page .box-main form .inputform .formaction .buttons { text-align:center; } #market-preview-page .box-main form .inputform .formaction .buttons button[type=button].back { font-size:14px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:5px 0; margin:0 5px; width:110px; height:35px; background:#81868c; border:1px solid #81868c; color:#FFFFFF; } #market-preview-page .box-main form .inputform .formaction .buttons button[type=button].back:hover { background:#656d78; border:1px solid #656d78; cursor:pointer; } #market-preview-page .box-main form .inputform .formaction .buttons button[type=submit].next { font-size:14px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:5px 0; margin:0 5px; width:110px; height:35px; background:#fbbf27; border:1px solid #fbbf27; color:#FFFFFF; } #market-preview-page .box-main form .inputform .formaction .buttons button[type=submit].next:hover { background:#ce950a; border:1px solid #ce950a; cursor:pointer; } #top-page .wrap-market-banner { height:560px; } #top-page .wrap-market-banner .box-market { height:560px; background-position:center bottom; background-size:100% auto; background-repeat:repeat-x; } #top-page .wrap-market-banner .text { position:relative; top:0; left:0; width:90%; margin:auto; } #top-page .wrap-market-banner .text_1 { font-size:18px; } #top-page .wrap-market-banner .text_2 { font-size:14px; } #top-page .wrap-market-banner .text_3 { font-size:14px; } #top-page .wrap-market-banner .buttons { top:20px; font-size:12px; } } /* vim: set ts=4: */