@charset "utf-8";

#sp_cassette01 a.content { min-height: 135px; background: url("../imgs/inc_sp_bg_cassette01.png") right bottom no-repeat; background-size: 102px 140px; border-bottom: none !important; }
#sp_cassette01 a.content .company { margin-bottom: 6px; padding-right: 0 !important; line-height: 20px; }
#sp_cassette01 a.content .about { padding-right: 100px }
#sp_cassette01 a.content .about span { font-weight: bold; color: #EA2C00; }
#sp_cassette01 a.button { font-size: 18px; color: #FFFFFF !important; text-align: center; font-weight: bold; background-color: #FF5400 !important; border: none !important; }
#sp_cassette01 a.button span { padding: 0 5px; color: #EA2C00; font-size: 11px; background-color: #FFFFFF; vertical-align: middle; white-space: nowrap; }

#sp_cassette02 a.content { min-height: 135px; background: url("../imgs/inc_sp_bg_cassette02.png") right bottom no-repeat; background-size: 155px 82px; border-bottom: none !important; }
#sp_cassette02 a.content .company { margin-bottom: 6px; padding-right: 0 !important; line-height: 20px; }
#sp_cassette02 a.content .about { padding-right: 100px; }
#sp_cassette02 a.content .about span { font-weight: bold; color: #EA2C00; }
#sp_cassette02 a.button { font-size: 18px; color: #FFFFFF !important; text-align: center; font-weight: bold; background-color: #FF5400 !important; border: none !important; }
#sp_cassette02 a.button span { padding: 0 5px; color: #EA2C00; font-size: 11px; background-color: #FFFFFF; vertical-align: middle; white-space: nowrap; }

#sp_cassette03 a.content { min-height: 135px; background: url("../imgs/inc_sp_bg_cassette03.png") 0 0 no-repeat; background-size: 100% 100%; border-bottom: none !important; }
#sp_cassette03 a.content .about { margin-top: 10px; font-size: 14px !important; line-height: 24px; text-align: center; }
#sp_cassette03 a.content .about span { font-weight: bold; color: #EA2C00; }
#sp_cassette03 a.button { font-size: 18px; color: #FFFFFF !important; text-align: center; font-weight: bold; background-color: #FF5400 !important; border: none !important; }
#sp_cassette03 a.button span { padding: 0 5px; color: #EA2C00; font-size: 11px; background-color: #FFFFFF; vertical-align: middle; white-space: nowrap; }

body { position: relative; }
#sp_popup_list_change { width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; bottom: 0; text-align: center; z-index: 100000; display: none; }
#sp_popup_list_change * { font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
#sp_popup_list_change .popup_block { width: 100%; height: 300px; margin: auto; position: fixed; top: 15%; display: none; }
#sp_popup_list_change .popup_block .popup_inner { height: 100%; margin: 0 8px;  background-color: rgba(255, 255, 255, 1); border: 1px solid #C4C4C4; position: relative; }
#sp_popup_list_change .popup_block .popup_inner .title { margin: 0 10px; padding: 85px 0 15px; font-size: 16px; white-space: nowrap; border-bottom: 1px solid #DDDDDD; background: url("../imgs/inc_img_denkyu.png") center 20px no-repeat; background-size: 28px 51px; }
#sp_popup_list_change .popup_block .popup_inner .content { margin: 0 10px; padding: 30px 0; font-size: 11px; line-height: 30px; white-space: nowrap; }
#sp_popup_list_change .popup_block .popup_inner .content_short { margin: 0 10px; padding: 45px 0; font-size: 11px; line-height: 30px; white-space: nowrap; }
#sp_popup_list_change .popup_block .popup_inner .button { position: absolute; left: -1px; right: -1px; bottom: -1px; }
#sp_popup_list_change .popup_block .popup_inner .button a { padding: 15px 10px; margin-top: 15px; color: #FFFFFF; font-size: 18px; font-weight: bold; text-decoration: none; background-color: #1156BD; display: block; }
#sp_popup_list_change .popup_block .popup_inner .close_button { position: absolute; top: 10px; right: 10px; }