81 lines
3.4 KiB
CSS
81 lines
3.4 KiB
CSS
@charset "utf-8";
|
|
|
|
/*-- おすすめ投票 reco --*/
|
|
|
|
#sb_cont { text-align:center; padding:auto; position:relative; }
|
|
#reco01_01 .fi_ul { margin:18px 12px 25px !important; }
|
|
|
|
|
|
/*-- 01_01 --*/
|
|
|
|
#reco01_01 .g_belt { height:175px !important; }
|
|
#reco01_01 h2 { width:510px; padding:30px 0 0 220px; text-align: left; float: left; }
|
|
#reco01_01 .reco-history {
|
|
position: absolute;
|
|
right: 42px;
|
|
display: table;
|
|
margin: 36px 0 0 23px;
|
|
border-radius: 50px;
|
|
box-shadow: 0 3px 10px 0 rgba(0,0,0,0.6);
|
|
background: -webkit-gradient(
|
|
linear, left top, left bottom,
|
|
from(#ffffff), color-stop(0.4, #ffffff), color-stop(0.8, #f5f5f5), color-stop(0.96, #f0f0f0),
|
|
to(#aaaaaa)
|
|
);
|
|
width: 484px;
|
|
height: 60px;
|
|
font-size: 25px;
|
|
}
|
|
#reco01_01 .reco-history span {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
padding: 4px 20px;
|
|
}
|
|
#reco01_01 #data_exist { padding-bottom:40px; }
|
|
|
|
#reco01_01 .page_sending_ul { padding:25px 0 0 0; }
|
|
#reco01_01 .fi_ul { padding:0 0 0 0; }
|
|
|
|
#reco01_01 .h21_addc a { width:485px; height:60px; line-height:60px; margin:28px 50px 16px 130px; }
|
|
#reco01_01 .dn p { height:550px; }
|
|
|
|
|
|
/*-- 01_02 --*/
|
|
|
|
#reco01_02 #header_common { height:72px; }
|
|
#reco_form { padding:25px 0 40px 0; }
|
|
|
|
#reco01_02 .fi_ul { margin:0 12px 0 12px; border:none; }
|
|
#reco01_02 .fi_ul li { padding:0; border:none; }
|
|
#reco01_02 .h21_img img { border-radius:12px; }
|
|
#reco01_02 .h21_rating { width:800px !important; height:25px; }
|
|
#reco01_02 .h21_date { width:800px !important; margin:25px 0 5px 0; }
|
|
|
|
.reco_wrap { width:980px; min-height:100px; margin:0 60px 32px 45px; padding:10px; }
|
|
.reco_wrap h2 { text-align:left; padding:0 !important; font-size:25px; }
|
|
.rw1 { display:block; width:40px; height:50px; line-height:50px; text-align:center; padding:auto; color:#ffffff; border-radius:12px; float:left;
|
|
background:-webkit-gradient(linear, left top, left bottom, from(#ffbe00), to(#ffa000));
|
|
text-shadow:0 -2px 0 #ff7d00; }
|
|
.rw2 { display:block; width:920px; margin:8px 0 0 15px; float:left; }
|
|
|
|
#recoq01_01 { width:310px; height:58px; margin:25px 0 10px 95px; clear:both; }
|
|
#recoq01_01 input { width:62px; height:58px; overflow:hidden; opacity:0.01; }
|
|
#recoq01_01 label { display:block; width:62px; height:58px; overflow:hidden; float:left; }
|
|
.bg_rating_00 { background:url(../image/reco/test00.png) 8px 6px no-repeat; }
|
|
.bg_rating_01 { background:url(../image/reco/test01.png) 8px 6px no-repeat; }
|
|
.bg_rating_02 { background:url(../image/reco/test02.png) 8px 6px no-repeat; }
|
|
.bg_rating_03 { background:url(../image/reco/test03.png) 8px 6px no-repeat; }
|
|
.bg_rating_04 { background:url(../image/reco/test04.png) 8px 6px no-repeat; }
|
|
.bg_rating_05 { background:url(../image/reco/test05.png) 8px 6px no-repeat; }
|
|
|
|
#recoq01_02 { margin:25px 0 0 90px; clear:both; }
|
|
#recoq01_02 li { width:445px; min-height:50px; text-align:left; font-size:25px; float:left; }
|
|
#recoq01_03 { margin:25px 0 0 90px; clear:both; }
|
|
#recoq01_03 li { width:445px; min-height:50px; text-align:left; font-size:25px; float:left; }
|
|
|
|
#reco01_submit { margin:10px 40px 35px 40px !important; }
|
|
#reco01_submit a { display:block; width:1000px; height:70px; line-height:70px; font-size:27px; }
|
|
.btn_disabled { width:1000px; height:70px; line-height:70px; margin:10px; font-size:27px; }
|
|
.reco_penetration { opacity:0.5; }
|
|
|