@charset "utf-8"; /* ■ 呼び出し元画面がでない場合の対応 */ /* * 横幅がフルになる問題を解消 * (import.css) * 　　.sp-content .popup-cal-wrapper{position:absolute;left:0;right:0;margin:0 auto;max-width:400px} */ .popup-cal-wrapper{position:absolute;left:0;right:0;margin:0 auto;max-width:400px} /* * 中央表示にならない問題を解消 * (import.css) * 　　body.sp-content{background:#666;color:#333;letter-spacing:0.03em;line-height:1.4;font-size:11pt;margin:0;padding:0;text-align:left} */ .popup-cal-wrapper{background:#666;color:#333;letter-spacing:0.03em;line-height:1.4;font-size:11pt;margin:0;padding:0;text-align:left} /* * テーブルと×閉じるの隙間が広い問題を解消 * (import.css) * 　　.sp-content .popup-cal-wrapper table.calendar{margin-bottom:5px} */ .popup-cal-wrapper table.calendar{margin-bottom:5px !important;} /* * エラーポップアップが崩れる問題を解消 * import.css に定義されている「.sp-content」を「.m .popHS2」に変更 */ /* 移行元import.cssでの定義 body.sp-content{} */ .m .popHS2{background:#666;color:#333;letter-spacing:0.03em;line-height:1.4;font-size:11pt;margin:0;padding:0;text-align:left} /* 移行元import.cssでの定義 .sp-content{} */ .m .popHS2{font-size:11pt;font-family:Arial, "ＭＳＰゴシック", "ヒラギノ角ゴ Pro W3", Verdana, Helvetica, sans-serif} /* 移行元import.cssでの定義 sp-content *{} */ .m .popHS2 *{box-sizing:border-box;position:relative} /* 移行元import.cssでの定義 .sp-content div, .sp-content section,{} */ .m .popHS2 div, .m .popHS2 section{clear:both;display:block;float:left;height:auto;margin:0;padding:0;position:relative;width:100%} /* 移行元import.cssでの定義 .sp-content a{} */ .m .popHS2 a{color:#000;text-decoration:none} /* 移行元import.cssでの定義 .sp-content .btn-close,{} */ .m .popHS2 .btn-close{background:url(../sp_shared/images/sp_sprite.png) no-repeat;background-size:375px 600px} /* 移行元import.cssでの定義 .sp-content .al-right,{} */ .m .popHS2 .al-right{text-align:right !important} /* 移行元import.cssでの定義 .sp-content .mT3{} */ .m .popHS2 .mT3{margin-top:3px} /* 移行元import.cssでの定義 .sp-content section.content{} */ .m .popHS2 section.content{background:#fff;margin:2px 0;padding:20px 10px} /* 移行元import.cssでの定義 .sp-content .btn-close{} */ .m .popHS2 .btn-close{background-position:-79px -373px;display:inline-block;line-height:1.5;width:23px;height:22px;padding:0;margin:0 5px 0 0} /* 移行元import.cssでの定義 .sp-content .popHS2{} */ .m .popHS2{display:block;width:90%;background:#fff;border-radius:6px;box-shadow:0 0 10px #000;padding-top:15px;margin:10px auto;position:absolute;left:0;right:0} /* 移行元import.cssでの定義 .sp-content .popHS2 .message{} */ .m .popHS2 .message{padding:20px;border-bottom:1px solid #ccc} /* 移行元import.cssでの定義 .sp-content a,{} */ .m .popHS2 a{cursor:pointer} /* 移行元import.cssでの定義 .sp-content .popHS2 div.footer{} */ .m .popHS2 div.footer{display:table} /* 移行元import.cssでの定義 .sp-content .popHS2 div.footer a{} */ .m .popHS2 div.footer a{display:table-cell;vertical-align:middle;float:none;clear:none;text-align:center;height:60px} /* 移行元import.cssでの定義 .sp-content .popup,{} */ .m .popup{margin:0 0 !important} /* ■ smart.css で定義が上書かれてしまう対応 */ /* * 前月/次月リンクの文字のフォントと太字を元に戻す * (smart.css) *　　32行目　ul { ・・・ font: bold 14px Helvetica; ・・・ } */ .sp-content .popHS1 ul { font: revert; } /* * 年月コンボボックスの枠線が消えてしまう問題を解消 * (smart.css ) * 　　85行目　ul li input[type="text"], ul li input[type="password"], ul li textarea, ul li select { ・・・ background: #fff url(../.png); ・・・ border: 0; ・・・ } * 　　89行目　ul li select { ・・・ background: transparent url(../images/chevron.png) no-repeat 103% 3px; ・・・ } */ .sp-content .popHS1 ul li select { background: revert; border: revert; } /* * 商品コンボボックス内の文字の色とサイズを元に戻す * (smart.css) * 　　8行目　input,select {font-size: 15px; margin: 5px; color: #555555} */ .sp-content .popHS1 select { color: revert; font: revert; } /* ---------------------------------------------------------------------------------------------------- */ /* 商品コンボボックス */ .sp-content .popHS1 select#pullJo { height: 30px; margin: 0px; } /** 取止アイコン */ .sp-content table.calendar.site span.toriyame { background-color:#f00; color:white; } .sp-content table.calendar.site span.toriyame::after { content:'取止' } /* * /keirin/sp_shared/css/import.css からコピー */ .sp-content .calendar span.gp { background: #f07800 !important; } .sp-content .calendar span.kg1 { background: #ff5200 !important; } .sp-content .calendar span.kg2 { background: #0086fa !important; } .sp-content .calendar span.kg3 { background: #72b200 !important; } .sp-content .calendar span.f1 { background: #ff9900 !important; } .sp-content .calendar span.f2 { background: #a3a3a3 !important; } .sp-content .calendar span.f1Past { background: #f1c685; } .sp-content .calendar span.f2Past { background: #cccccc; } .sp-content .calendar span.gpPast { background: #eeba85; } .sp-content .calendar span.kg1::after { content:'GI'; } .sp-content .calendar span.kg2::after { content:'GII'; } .sp-content .calendar span.kg3::after { content:'GIII'; } /* * /autorace/sp_shared/css/import.css からコピー */ .sp-content .calendar span.sg { background: #f428cc !important; } .sp-content .calendar span.ag1 { background: #ff5200 !important; } .sp-content .calendar span.ag2 { background: #0086fa !important; } .sp-content .calendar span.sgPast { background: #e1b0d7 !important; } .sp-content .calendar span.ag1::after { content:'GI'; } .sp-content .calendar span.ag2::after { content:'GII'; }