<> header, #portal header, #full_top header { border-bottom: 3px solid #3cbdff; } #light_top header { border-bottom: 3px solid #ff8b00; } /* ↓ストアから持ってきたCSS（2025/8月時点） */ .header2021 { width: 990px; margin: 0 auto; background: #fff; color: #333; } .header2021 a { text-decoration: none; color: inherit; } .header2021 .headerService { width: 990px; height: 28px; margin: 0 auto; border-right: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; border-left: 1px solid #b3b3b3; border-radius: 0 0 8px 8px; box-sizing: border-box; } .headerService .service { float: left; width: 74px; height: 27px; background: linear-gradient(to bottom#fefefe 0%#fefefe 50%#f2f2f2 51%#f2f2f2 100%); border-right: 1px solid #b3b3b3; box-sizing: border-box; line-height: 27px; text-align: center; font-size: 12px; font-weight: bold; color: #333; } .headerService .service:first-child { border-radius: 0 0 0 7px; } .headerService .service:hover { background: linear-gradient(to bottom#f2f2f2 0%#f2f2f2 50%#fefefe 51%#fefefe 100%); } .headerService .service a { display: block; font-size: 12px; font-feature-settings: "palt"; text-decoration: none; } .headerService .service02, .headerService .service02:hover { background: #1bb4f0; color: #fff; } .headerService .service02:hover a { color: #fff; } .headerService .service06 { width: 205px; } .header2021 .headerMember, .header2021 .headerNonmember { position: relative; display: flex; justify-content: flex-end; align-items: center; height: 100%; margin: 0 0 0 auto; } .headerService .headerNickname { position: relative; height: 27px; padding: 0 34px 0 8px; background: linear-gradient(to bottom#fefefe 0%#fefefe 50%#f2f2f2 51%#f2f2f2 100%); border-left: 1px solid #b3b3b3; border-radius: 0 0 7px 0; box-sizing: border-box; line-height: 29px; text-align: center; font-size: 12px; color: #333; } .headerService .headerNickname::before{ display: block; content: ""; position: absolute; top: 3px; right: 8px; width: 18px; height: 18px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; } .headerService .headerNickname::after{ display: block; content: ""; position: absolute; top: 50%; right: 15px; margin: -2px 0 0 0; border-: solid; border-width: 5px 3px 0 3px; border-color: #333 transparent transparent transparent; cursor: pointer; } .headerService .menuMypage { display: none; position: absolute; top: 27px; right: 9px; width: 150px; /* height: 232px; */ background: #fff; border: 1px solid #ccc; text-align: left; z-index: 1000; } .headerService .menuMypage.open { display: block; } .headerService .menuMypageList { position:relative; background: none; padding-left: 15px; line-height: 2.4em; font-size: 12px; } .headerService .menuMypageList a { display: block; color: #000; font-feature-settings: "palt"; } .headerService .menuMypageList a:before { content: ''; display: block; clear: both; position: absolute; top:50%; left: 5px; margin: -4px 0 0 0; border-: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #333; } .header2021 .headeRegistBtn, .header2021 .headeLoginBtn { display: inline-block; min-width: 120px; height: 22px; margin: 0 4px 0 0; border-radius: 4px; box-sizing: border-box; line-height: 22px; text-align: center; font-size: 12px; text-decoration: none; } .header2021 .headeRegistBtn { width: 150px; background: #1bb4f0; color: #fff; } .header2021 .headeRegistBtn.btn_light { background: #fb9622; } .header2021 .headeLoginBtn { background: linear-gradient(to bottom#fefefe 0%#fefefe 50%#f2f2f2 51%#f2f2f2 100%); border: 1px solid #b3b3b3; color: #000; } .header2021 .headerMenu{ position: relative; max-width: 990px; height: 60px; margin: 0 auto; padding: 10px 0; } .headerMenu .menuLeft{ float: left; display: flex; align-items: center; height: 100%; margin-left: 12px; } .headerMenu .menuLeft .sitelogo { display: block; } .headerMenu .menuRight{ display: flex; float: right; padding: 8px 12px 0 0; } .headerMenu .menuRight > a, .headerMenu .menuRight .headerInfo { display: inline-block; width: 48px; vertical-align: middle; text-align: center; font-size: 12px; text-decoration: none; font-feature-settings: "palt"; } .headerMenu .menuRight .header_icon { position: relative; } .headerMenu .menuRight .header_icon > img { width: 36px; height: 36px; } .headerMenu .menuRight .headerInfo:hover > img { opacity: .7; } /* ↓抜本改善前の通知のJSそのまま使用のため暫定対処 */ .headerMenu .menuRight .headerInfo .notice { position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .headerMenu .menuRight .headerInfo .notice > a { display: block; height: 100%; } .headerMenu .menuRight .headerInfo .header_btn_info { display: none; } .headerMenu .menuRight .headerInfo .infomation_ball_box { right: 0; left: unset; top: 51px; } .headerMenu .menuRight .headerInfo .info_cnt_box { position: absolute; top: -4px; right: 0; display: inline; min-width: 8px; padding: 0 4px; background: #f00; border-radius: 8px; line-height: 16px; font-size: 10px; color: #fff; z-index: 1; } /* ↑抜本改善前の通知のJSそのまま使用のため暫定対処 */ .headerMenu .menuRight .icon_label{ display: block; margin-top: 3px; color: #333; font-size: 9px; font-feature-settings: "palt"; } .headerMenu .menuCenter{ float: left; padding: 0 15px; line-height: 18px; text-align: left; font-size: 13px; } .headerMenu .headerCatch{ font-size: 12px; font-weight: normal; color: #999; } .headerMenu .headerCatch.noregist { margin-top: 14px; } .headerMenu .headerCatch .appealTxt{ color: #ff0000; } .headerMenu .headerCatch .user_status { color: #f60; font-weight: bold; } .headerMenu .headerCatch .title_cnt { padding: 0 .3em; color: #333; font-weight: bold } .headerSearchArea{ margin: 0; border: 1px solid #ccc; width: 479px; } .headerSearchGenre{ float: left; width: 100px; height: 28px; margin: 5px; background: linear-gradient(to bottom#fff 0%#eee 100%); border: 1px solid #ccc; border-radius: 3px; text-align: center; font-size: 12px; } .headerSearchGenre a, .headerSearchGenre a:hover { display: block; line-height: 28px; font-size: 12px; color: #171717; text-decoration: none; font-feature-settings: "palt"; } .headerSearchForm{ float: right; position: relative; width: 360px; margin: 5px 5px 5px 0; } .header_search_keyword{ -webkit-appearance: none; position: relative; width: 100%; height: 30px; padding: 0 36px 0 6px; border: 1px solid #ccc; border-radius: 3px; border-image: initial; outline: 0; background: #fff; font-size: 11px; line-height: 28px; } .header_search_keyword { -webkit-appearance: searchfield; } .header_search_keyword::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; } .header_search_keyword::-webkit-search-cancel-button { -webkit-appearance: none; position: relative; height: 16px; width: 16px; background-image: url("//c.yomiho.cmoa.jp/solmare/mobile/images/icon/servicemenu/close_off.png"); background-repeat: no-repeat; background-size: cover; padding-right: 0; cursor:pointer; } .headerSearchSubmit{ position: absolute; top: 3px; right: 5px; width: 24px; height: 24px; border: none; background: url("//c.yomiho.cmoa.jp/solmare/mobile/images/icon/header/search_off.png") center center / contain; } .headerSearchForm input: focus{ -webkit-appearance: none; outline: 0 } .headerMenu .headerInfo .btn_3area_ballon_area_inner, .headerMenu .header_img_btn .btn_3area_ballon_area_inner{ position: absolute; top: -4px; right: 0; display: inline; min-width: 8px; padding: 0 4px; background: #f00; border-radius: 8px; line-height: 16px; font-size: 10px; color: #fff; z-index: 1; } .headerMenu .header_img_btn { position: absolute; top: 0; left: 0; height: 51px; z-index: 1; } .headerMenu .beginner_btn_area img { display: none; } /* ↓info2015.cssと全く同じ内容（抜本改善以前から記載あり） */ .infomation_ball_box { position: absolute; top: 27px; left: -306px; width: 594px; padding: 0; background: #f3f3f3; border: 1px solid #ccc; border-radius: 0; box-sizing: border-box; text-align: left; z-index: 200000 !important; } .infomenu_box { position: relative; width: 100% !important; background: #f3f3f3; } .infomenu_box * { color: #333; } .headerMenu .infomenu_box a { display: block; width: inherit; vertical-align: middle; text-align: left; font-size: inherit; color: #333; font-feature-settings: "palt"; } .infomenu_box a:hover { text-decoration: none; } .info_b_menu_title_img { display: none; } .info_b_menu_title { position: absolute; top: 16px; left: 16px; font-size: 16px; font-weight: normal; } .infomenu_box .infoclose_btn_box { position: absolute; z-index: 100; top: 16px; right: 0; width: 30px; height: 30px; background: 0; text-align: left; } .infomenu_box ul { list-: none; } .infomenu_box ul.info_b_menu_ul { width: 100%; padding-top: 43px; word-break: break-word; } .infomenu_box ul.info_b_menu_ul:after { content: " "; display: block; clear: both; } .infomenu_box li.info_b_menu { position: relative; margin: 0; padding: 7px 16px; background: #fff; border-top: 3px solid #ddd; border-radius: 0; line-height: 2.5em; } .infomenu_box li.info_b_menu:first-child { border-top: 1px solid #ddd; } .infomenu_box li.info_b_menu:hover, .infomenu_box li.info_s_menu:hover { background: #fff; } .info_e_menu_title_img { display: none; } .info_e_menu_title_a { font-size: 16px !important; } .info_b_menu a { display: block; font-size: 16px; font-weight: normal; } .info_b_menu_no_list { padding: 13px; border-top: 1px solid #ccc; text-align: left; font-size: 14px; } .no_read_cound { position: absolute; top: 12px; right: 37px; height: auto; padding: 2px 4px; background: #f00; border: none; border-radius: 8px; line-height: 16px; font-size: 12px; color: #fff; } .header_open_img { position: absolute; top: 7px; right: 16px; } .infomenu_box li.info_s_menu { padding: 7px 13px 7px 16px; border-top: 1px solid #ccc; } .infomenu_box li.info_s_menu.credit_s_menu { background: #fff1f2; } .infomenu_box li.info_s_menu table { width: 100%; min-height: 30px; } .infomenu_box .info_s_menu td { width: auto; height: auto; vertical-align: middle; } .info_s_menu td.icon_open_td { width: 14px; } .info_b_menu_none .info_s_menu a { display: block; font-size: 14px; font-weight: normal; } .infomenu_box li .info_s_menu_text { font-size: 14px; } .infomenu_box li.add2022 .info_s_menu_text { padding-left: 38px; text-indent: -38px; } .infomenu_box li.add2022 .info_s_menu_text .info_flg { display: inline-block; width: 34px; height: 18px; margin-right: 4px; background: #ff8c2f; border-radius: 5px; vertical-align: top; line-height: 18px; text-align: center; font-size: 12px; font-weight: normal; color: #fff; text-indent: 0; } .infomenu_box li.add2022 .info_s_menu_text .info_flg.flg0 { background: #999; } .infomenu_box li.add2022 .info_s_menu_text .info_flg.flg1 { background: #ff8c2f; } .infomenu_box li.add2022 .info_s_menu_text .info_flg.flg2 { background: #f00; } .infomenu_box li .info_s_menu_date { margin-top: 0; font-size: 13px; font-weight: normal; color: #888; } .infomenu_box li.add2022 .info_s_menu_date { padding-left: 38px; } .infomenu_box li.info_b_menu_none { position: relative; margin: 0; background: #fff; border-radius: 0; } .infomenu_box li .no_read_s { display: none; } .infomenu_box li .no_read_s_td { position: relative; width: 20px; height: 28px; } .infomenu_box li .no_read_s_td:before { display: block; position: absolute; top: 50%; left: 3px; width: 6px; height: 6px; margin-top: -4px; clear: both; border-radius: 50%; background: red; content: ""; } .infomenu_box li.info_s_menu:last-child .no_read_s_td:before { content: none; } .infomenu_box li .no_read_s_list a { text-align: right; padding: 7px 10px; } /* ↑info2015.cssと全く同じ内容（抜本改善以前から記載あり） */