×

注意!页面内容来自https://www.cmoa.jp/faq/category/yomiho/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

www.cmoa.jp
www.cmoa.jp
web.api.cmoa.jp
/faq/category/yomiho/
<> #header_common * { -webkit-box-sizing: border-box; box-sizing: border-box; } #header_common { width: 990px; margin: 0 auto; background: #fff; color: #333; } #header_common a{ text-decoration: none; color: inherit; } #header_common .headerService{ margin: 0 auto; border-right: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; border-left: 1px solid #b3b3b3; border-radius: 0 0 8px 8px; } #header_common .headerService .service{ float: left; height: 27px; background: #fefefe; background: -webkit-gradient(linearleft topleft bottomfrom(#fefefe)color-stop(50%#fefefe)color-stop(51%#f2f2f2)to(#f2f2f2)); background: -webkit-linear-gradient(top#fefefe 0%#fefefe 50%#f2f2f2 51%#f2f2f2 100%); background: linear-gradient(to bottom#fefefe 0%#fefefe 50%#f2f2f2 51%#f2f2f2 100%); border-right: 1px solid #b3b3b3; line-height: 27px; text-align: center; font-size: 12px; font-weight: bold; color: #333; } #header_common .headerService .service:hover{ background: #fefefe; background: -webkit-gradient(linearleft topleft bottomfrom(#f2f2f2)color-stop(50%#f2f2f2)color-stop(51%#fefefe)to(#fefefe)); background: -webkit-linear-gradient(top#f2f2f2 0%#f2f2f2 50%#fefefe 51%#fefefe 100%); background: linear-gradient(to bottom#f2f2f2 0%#f2f2f2 50%#fefefe 51%#fefefe 100%); } #header_common .headerService .service.service01, #header_common .headerService .service.service02, #header_common .headerService .service.service03, #header_common .headerService .service.service04, #header_common .headerService .service.service05{ width: 74px; } #header_common .headerService .service.service01, #header_common .headerService .service.service01:hover{ background: #ff8c2f; border-radius: 0 0 0 7px; color: #fff; } #header_common .headerService .service06{ width: 165px; } #header_common .headerService .service a{ display: block; font-size: 12px; font-feature-settings: "palt"; text-decoration: none; } #header_common .headerService .headerNonmember{ float: right; margin: 2px 6px 0 0; } #header_common .headerNonmember .headeRegistBtn, #header_common .headerNonmember .headeLoginBtn { display: inline-block; width: 120px; height: 22px; border-radius: 4px; line-height: 22px; text-align: center; font-size: 12px; text-decoration: none; } #header_common .headerNonmember .headeRegistBtn { background: #ff8c2f; color: #fff; border: 1px solid #ff8c2f; } #header_common .headerNonmember .headeLoginBtn { background: #fefefe; background: -webkit-gradient(linearleft topleft bottomfrom(#fefefe)color-stop(50%#fefefe)color-stop(51%#f2f2f2)to(#f2f2f2)); background: -webkit-linear-gradient(top#fefefe 0%#fefefe 50%#f2f2f2 51%#f2f2f2 100%); background: linear-gradient(to bottom#fefefe 0%#fefefe 50%#f2f2f2 51%#f2f2f2 100%); border: 1px solid #b3b3b3; color: #000; } #header_common .headerService .headerMember{ position: relative; float: right; } #header_common .headerMember .headerNickname{ position: relative; float: right; height: 27px; padding: 0 34px 0 8px; background: #fefefe; background: -webkit-gradient(linearleft topleft bottomfrom(#fefefe)color-stop(50%#fefefe)color-stop(51%#f2f2f2)to(#f2f2f2)); background: -webkit-linear-gradient(top#fefefe 0%#fefefe 50%#f2f2f2 51%#f2f2f2 100%); background: linear-gradient(to bottom#fefefe 0%#fefefe 50%#f2f2f2 51%#f2f2f2 100%); border-left: 1px solid #b3b3b3; border-radius: 0 0 7px 0; line-height: 29px; text-align: center; font-size: 12px; color: #333; } #header_common .headerMember .headerNickname:before{ display: block; content: ""; position: absolute; top: 3px; right: 8px; width: 18px; height: 18px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; } #header_common .headerMember .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; } #header_common .headerMember .headerPoint{ padding: 0 3px; font-size: 12px; font-weight: bold; } #header_common .headerMember .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; } #header_common .headerMember .menuMypage.open { display: block; } #header_common .headerMember .menuMypageList { position:relative; background: none; padding-left: 15px; line-height: 2.4em; font-size: 12px; } #header_common .headerMember .menuMypageList a { display: block; color: #000; font-feature-settings: "palt"; } #header_common .headerMember .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; } #header_common .headerMenu{ position: relative; padding: 10px 0; } #header_common .headerMenu .menuLeft{ float: left; } #header_common .headerMenu .menuLeft a{ display: block; } #header_common .headerMenu .menuLeft .sitelogo img{ height: 46px; } #header_common .headerMenu .menuCenter{ float: left; padding: 0 15px; line-height: 18px; text-align: left; font-size: 13px; } #header_common .menuCenter .headerCatch{ font-size: 12px; font-weight: normal; color: #999; } #header_common .menuCenter .headerCatch .appealTxt{ font-weight: bold; color: #333; font-size: 13px; line-height: 16px; } #header_common .menuCenter .headerSearchArea{ margin: 0 auto; border: 1px solid #ccc; } #header_common .headerSearchArea .headerSearchGenre{ float: left; width: 102px; height: 30px; margin: 5px; background: #fff; background: -webkit-gradient(linearleft topleft bottomcolor-stop(0.00#fff)color-stop(1.00#eee)); background: -webkit-linear-gradient(top#fff 0%#eee 100%); background: linear-gradient(to bottom#fff 0%#eee 100%); border: 1px solid #ccc; border-radius: 3px; text-align: center; font-size: 12px; } #header_common .headerSearchArea .headerSearchGenre a, #header_common .headerSearchArea .headerSearchGenre a:hover { display: block; line-height: 28px; font-size: 12px; color: #171717; text-decoration: none; font-feature-settings: "palt"; } #header_common .headerSearchArea .headerSearchForm{ float: right; position: relative; width: 360px; margin: 5px 5px 5px 0; } #header_common .headerSearchArea .headerSearchForm input:focus{ -webkit-appearance: none; outline: 0 } #header_common .headerSearchForm input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } _: -ms-lang(x): : -ms-backdrop,input.header_search_keyword: : -ms-clear{ visibility: hidden; } #header_common .headerSearchArea .header_search_keyword{ -webkit-border-image: initial; -o-border-image: initial; -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_common .headerSearchArea .headerSearchSubmit{ position: absolute; top: 3px; right: 5px; width: 24px; height: 24px; border: none; background: 0 0; } #header_common .menuRight{ float: right; padding: 8px 12px 0 0; } #header_common .menuRight .headerPoint, #header_common .menuRight .headerCart, #header_common .menuRight .headerMybook, #header_common .menuRight .headerFavorite, #header_common .menuRight .headerInfo, #header_common .menuRight .headerNewstart, #header_common .menuRight .headerHelp{ display: inline-block; position: relative; width: 48px; vertical-align: middle; text-align: center; font-size: 12px; text-decoration: none; font-feature-settings: "palt"; cursor: pointer; } #header_common .menuRight .icon{ width: 36px; height: 36px; } #header_common .menuRight .icon_label{ display: block; margin-top: 3px; font-size: 9px; line-height: 1; font-feature-settings: "palt"; } #header_common .menuRight .headerFavorite .icon_label{ letter-spacing: -1.3px; } #header_common .menuRight .headerPoint .pointRecommend, #header_common .menuRight .headerCart .cartCnt, #header_common .menuRight .headerMybook .mybookCnt, #header_common .menuRight .headerInfo .infoCnt{ 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; } #header_common .menuRight .headerMybook .mybookCnt div{ font-size: 10px; color: #fff; } #header_common .menuRight .sideRightMenu { display: none; position: absolute; top: 69px; right: 14px; left: auto; text-align: left; width: 594px; padding: 0; background: #f3f3f3; border: 1px solid #ccc; border-radius: 0; z-index: 20000 !important; } #header_common .menuRight .sideRightMenu.open { display: block !important; -webkit-transform: translateZ(0); -webkit-transition: all .5s; display: block; transform: translateZ(0); transition: all .5s; } #header_common .menuRight .sideRightMenu .info_block { background: #fff; } #header_common .menuRight .menuNoticeTitle { padding: 10px 16px; background: #f3f3f3; color: #333; font-size: 16px; } #header_common .menuRight .sideRightMenu .closeMenu { z-index: 20; position: absolute; top: 0; right: 0; cursor: pointer; } #header_common .menuRight .sideRightMenu .closeMenu img { margin: 14px; width: 16px; height: 16px; } #header_common .menuRight .menuNoticeSubtitle { position: relative; padding: 12px 16px; border-top: 3px solid #ddd; background: #fff; color: #333; font-size: 16px; cursor: pointer; } #header_common .menuRight .menuNoticeSubtitle:after, #header_common .menuRight .menuNotice a:after { -webkit-transform: rotate(135deg); display: block; position: absolute; top: 50%; right: 1rem; width: 6px; height: 6px; margin-top: -4px; clear: both; transform: rotate(135deg); border-top: 1px solid #000; border-right: 1px solid #000; content: ""; } #header_common .menuRight .menuNoticeSubtitle.open:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #header_common .menuRight .menuNotice a:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #header_common .menuRight .menuNoticeList.link .menuNoticeSubtitle { padding: 0; } #header_common .menuRight .menuNoticeList.link .menuNoticeSubtitle a { display: block; padding: 13px 16px; font-size: 16px; color: #333; } #header_common .menuRight .menuNoticeList.link .menuNoticeSubtitle:after { -webkit-transform: rotate(45deg); right: 1.2rem; transform: rotate(45deg); } #header_common .menuRight .menuNoticeSubtitle .noreadCnt { position: absolute; top: 12px; right: 37px; padding: 2px 4px; border-radius: 8px; border: none; background: #f00; color: #fff; font-size: 12px; line-height: 16px; } #header_common .menuRight .menuNotice { display: none; width: 100%; margin: 0 auto; } #header_common .menuRight .menuNotice.open { display: block; } #header_common .menuRight .menuNotice .menuNoticeBox { width: 100%; border-top: 1px solid #ddd; background: #fff; text-align: left; padding-left: 10px; } #header_common .menuRight .menuNotice.infoList .important { background: #fff0f3; } #header_common .menuRight .menuNotice .noList { width: 100%; border-top: 1px solid #ddd; background: #fff; text-align: left; padding: 12px 16px; font-size: 14px; } #header_common .menuRight .loading_img { background: #fff; text-align: center; border-top: 1px solid #ddd; } #header_common .menuRight .menuNotice a { display: block; position: relative; padding: 8px 29px 8px 6px; text-decoration: none; } #header_common .menuRight .menuNotice.couponList a, #header_common .menuRight .menuNotice.reviewList a { padding: 12px 29px 12px 6px; } #header_common .menuRight .menuNotice .listTitle { display: block; color: #333; font-size: 14px; } #header_common .menuRight .menuNotice.infoList .listTitle { padding-left: 38px; text-indent: -38px; } #header_common .menuRight .menuNotice .listTitle .info_flg { display: inline-block; width: 34px; margin-right: 4px; padding: 2px 0; border-radius: 5px; background: #ff8c2f; color: #fff; font-size: 13px; font-weight: normal; line-height: 18px; text-align: center; text-indent: 0; vertical-align: middle; } #header_common .menuRight .menuNotice .listTitle .info_flg.flg1 { background: #ff8c2f; } #header_common .menuRight .menuNotice .listTitle .info_flg.flg0 { background: #999; } #header_common .menuRight .menuNotice .listTitle .info_flg.flg2 { background: #f00; } #header_common .menuRight .menuNotice .listAuthor, #header_common .menuRight .menuNotice .listDate { display: block; color: #888; font-size: 14px; } #header_common .menuRight .menuNotice.infoList .listDate { padding-left: 44px; } #header_common .menuRight .menuNotice .error { color: #ec1e0d; } #header_common .menuRight .menuNotice .moreList { border-top: 1px solid #ddd; background: #fff; line-height: 1.5rem; text-align: right; } #header_common .menuRight .menuNotice .moreList a { padding: 13px 29px 13px 16px; color: #333; font-size: 16px; text-decoration: underline; text-underline-position: under; text-decoration-line: underline; text-decoration-skip-ink: none; } #r18mask .header_line_n { height: 65px; border-bottom: 1px solid #f75802; } #r18mask .header_logo_td_n a { display: inline-block; } #r18mask .header_logo_td_n img { width: 142px; height: 46px; margin: 8px 0 0 12px; } .brCramb.top { width: 990px; height: auto; min-height: 24px; margin: 0 auto; padding: 3px 10px 2px; background: #f7f7f7; border-bottom: 1px solid #ddd; line-height: 18px; text-align: left; font-size: 12px; font-weight: normal; color: #373737; word-break: break-word; -webkit-box-sizing: border-box; box-sizing: border-box; } .brCramb.top h1{ display: inline; font-size: 12px; font-weight: normal; } .brCramb.top a { color: #069; } .brCramb.top .brCramb_m:after { content: ">"; padding: 0 3px; display: inline; } .brCramb.top .brCramb_m .dot:before { content: "・"; display: inline; }
<> #InfoWrapper{ position: absolute; top: 152px; left: 50%; width: 100%; max-width: 990px; margin-left: -495px; z-index: 1000; } #javascriptInfoWrapper, #cookieInfoWrapper, #creditInfoWrapper, #osInfoWrapper, #browserInfoWrapper{ margin: 0 auto; padding: 30px 5%; background: rgba(0000.4); } #javascriptInfo, #cookieInfo, #creditInfo, #osInfo, #browserInfo{ position: relative; padding: 13px; background:#fff; border: 1px solid #f03; text-align: left; } #cookieInfoCloseBtn, #creditInfoCloseBtn, #osInfoCloseBtn, #browserInfoCloseBtn{ position: absolute; top: -15px; right: -10px; width: 22px; height: 22px; } #javascriptInfo .infoTxt, #cookieInfo .infoTxt, #creditInfo .infoTxt, #osInfo .infoTxt, #browserInfo .infoTxt{ font-size: 14px; color: #F03; } #javascriptInfo .infoTxt + .infoTxt, #cookieInfo .infoTxt + .infoTxt, #creditInfo .infoTxt + .infoTxt, #osInfo .infoTxt + .infoTxt, #browserInfo .infoTxt + .infoTxt{ margin-top: 8px; } #javascriptInfo a, #cookieInfo a, #creditInfo a, #osInfo a, #browserInfo a{ color: #06f; text-decoration: underline; }
閉じる

コミックシーモアをご利用の際はWebブラウザの設定でCookieを有効にしてください。

→設定方法はこちら

<> .genreLinkTab { display: flex; width: 990px; margin: 3px auto 0; height: 39px; border-bottom: 2px solid #ff8c2f; text-align: left; box-sizing: border-box; } .genreLinkTab * { box-sizing: border-box; } .genreLinkTab.line_boy{ border-bottom:2px solid #0185e5; } .genreLinkTab.line_girl{ border-bottom:2px solid #ff6e78; } .genreLinkTab.line_boyslove{ border-bottom:2px solid #00aae6; } .genreLinkTab.line_teenslove{ border-bottom:2px solid #fc0; } .genreLinkTab.line_lightnovel{ border-bottom:2px solid #3bb280; } .genreLinkTab.line_book{ border-bottom:2px solid #21a42e; } .genreLinkTab.line_magazinetop{ border-bottom:2px solid #66cc66; } .genreLinkTab.line_media{ border-bottom:2px solid #ffa218; } .genreLinkTab.line_original, .genreLinkTab.line_editpage{ border-bottom:2px solid #ffc826; } .genreLinkTab.line_sexy, .genreLinkTab.line_adult{ border-bottom:2px solid #da4fa8; } .genreLinkTab .genreBtn { display: table; table-layout: fixed; flex: 1; margin: 0 3px 0 0; text-align: center; font-size: 12px; font-weight: bold; } .genreLinkTab .genreBtn:last-child { margin-right: 0; } .genreLinkTab .genreBtn a { display: table-cell; vertical-align: middle; padding-top: 3px; background: #fff; background: -webkit-gradient(linearleft topleft bottomcolor-stop(0.00#fff)color-stop(1.00#f8f8f8)); background: -webkit-linear-gradient(top#fff 0%#f8f8f8 100%); background: -moz-linear-gradient(top#fff 0%#f8f8f8 100%); background: -o-linear-gradient(top#fff 0%#f8f8f8 100%); background: -ms-linear-gradient(top#fff 0%#f8f8f8 100%); background: linear-gradient(to bottom#fff 0%#f8f8f8 100%); border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 2px solid #ff7c11; border-bottom: none; border-radius: 3px 3px 0 0; font-feature-settings: "palt"; text-decoration: none; } .genreLinkTab .genreBtn a:hover { opacity: .75; background: #fff; } .genreLinkTab .genreBtn.boy a { border-top: 2px solid #0185e5; } .genreLinkTab .genreBtn.girl a { border-top: 2px solid #ff6e78; } .genreLinkTab .genreBtn.boyslove a { border-top: 2px solid #00aae6; } .genreLinkTab .genreBtn.teenslove a { border-top: 2px solid #fc0; } .genreLinkTab .genreBtn.lightnovel a { border-top: 2px solid #3bb280; } .genreLinkTab .genreBtn.book a { border-top: 2px solid #21a42e; } .genreLinkTab .genreBtn.magazinetop a { border-top: 2px solid #66cc66; } .genreLinkTab .genreBtn.media a { border-top: 2px solid #ffa218; } .genreLinkTab .genreBtn.precede a { line-height: 1; padding-top: 2px; } .genreLinkTab .genreBtn.original a { border-top: 2px solid #ffc826; line-height: 1; padding-top: 2px; } .genreLinkTab .genreBtn.sexy a { border-top: 2px solid #da4fa8; line-height: 1; padding-top: 2px; } .genreLinkTab .genreBtn.adult a { border-top: 2px solid #da4fa8; } .genreLinkTab .selected a, .genreLinkTab .selected span { display: table-cell; vertical-align: middle; padding-top: 3px; color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 2px solid #ff7c11; border-bottom: none; border-radius: 3px 3px 0 0; font-feature-settings: "palt"; text-decoration: none; } .genreLinkTab .top.selected a, .genreLinkTab .top.selected span { background: #ff8c2f; border-color: #ff8c2f; } .genreLinkTab .boy.selected a, .genreLinkTab .boy.selected span { background: #0185e5; border-color: #0185e5; } .genreLinkTab .girl.selected a, .genreLinkTab .girl.selected span { background: #ff6e78; border-color: #ff6e78; } .genreLinkTab .lightnovel.selected a, .genreLinkTab .lightnovel.selected span { background: #3bb280; border-color: #3bb280; } .genreLinkTab .book.selected a, .genreLinkTab .book.selected span { background: #21a42e; border-color: #21a42e; } .genreLinkTab .magazinetop.selected a, .genreLinkTab .magazinetop.selected span { background: #66cc66; border-color: #66cc66; } .genreLinkTab .boyslove.selected a, .genreLinkTab .boyslove.selected span { background: #00aae6; border-color: #00aae6; } .genreLinkTab .teenslove.selected a, .genreLinkTab .teenslove.selected span { background: #fc0; border-color: #fc0; } .genreLinkTab .original.selected a, .genreLinkTab .original.selected span { background: #ffc826; border-color: #ffc826; line-height: 1; padding-top: 2px; } .genreLinkTab .media.selected a, .genreLinkTab .media.selected span { background: #ffa218; border-color: #ffa218; } .genreLinkTab .precede.selected a, .genreLinkTab .precede.selected span { background: #ff7c11; border-color: #ff7c11; line-height: 1; padding-top: 2px; } .genreLinkTab .sexy.selected a, .genreLinkTab .sexy.selected span { background: #da4fa8; border-color: #da4fa8; line-height: 1; padding-top: 2px; } .genreLinkTab .adult.selected a, .genreLinkTab .adult.selected span { background: #da4fa8; border-color: #da4fa8; }
漫画(まんが)・電子書籍のコミックシーモアTOPヘルプTOP12.シーモア読み放題
無料会員登録で【70%OFFクーポン&最大100%pt還元】

12.シーモア読み放題

よくある質問

国内最大級の電子書籍サイト
会員登録する(無料)
ヘルプ検索

お問合せ

解決しなかった場合はこちらからお問合せください。
<> .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .bg_wall_wrapper #prArea{ width: 990px; margin: 20px auto 0; padding: 1px 0 18px; background: #fbda37; border: 1px solid #fbda37; border-radius: 3px; text-align: center; color: #000; } .bg_wall_wrapper #prArea ul, .bg_wall_wrapper #prArea ol { list-: none; } .bg_wall_wrapper #prArea .prAreaTitle{ margin: 13px 8px 0; text-align: center; } .bg_wall_wrapper #prArea .prAreaTitle h4{ height: 25px; line-height: 25px; font-size: 20px; font-weight: normal; } .bg_wall_wrapper #prArea .prAreaTopBtn{ width: 90%; margin: 8px auto 0; } .bg_wall_wrapper #prArea .prAreaTopBtn li{ float: left; width: 25%; text-align: center; } .bg_wall_wrapper #prArea .prAreaTopBtn li a{ display: block; padding: 3px 0 13px; font-size: 14px; color: #000; text-decoration: none; } .bg_wall_wrapper #prArea .prAreaTopBtn img{ width: 100%; max-width: 126px; } .bg_wall_wrapper #prArea .prAreaTopBtn li span{ display: block; font-size: 12px; } .bg_wall_wrapper #prArea .prAreaBottomBtn { width: 90%; margin: 0 auto; text-align: center; } .bg_wall_wrapper #prArea .prAreaBottomBtn a, .bg_wall_wrapper #prArea .prAreaBottomBtn a:hover { position: relative; display: inline-block; width: 43%; margin: 0 1%; padding: 8px 5px; background: #fff; border-radius: 8px; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; font-size: 14px; color: #000; text-decoration: none; } .bg_wall_wrapper #prArea .prAreaBottomBtn a:hover { opacity: .8; } .bg_wall_wrapper #prArea .prAreaBottomBtn a:after { content: ''; display: block; clear: both; position: absolute; top: 50%; right: 8px; width: 6px; height: 6px; margin-top: -5px; border-top: 2px solid #666; border-right: 2px solid #666; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

お得情報をGET!登録してね

<> ulol { list-: none; } .padding_bottom10 { padding-bottom: 10px; } .footerTopArea { width: 990px; margin: 0 auto; background: #fff; } .footerTopArea * { -webkit-box-sizing: border-box; box-sizing: border-box; } .footerTopArea .asideBannerArea { text-align: center; margin-top: 20px; } .footerTopArea .asideBannerArea a { display: inline-block; } .footerTopArea .asideBannerArea img { width: 100%; max-width: 770px; } .footerTopArea .pageTopLinkArea { padding: 10px 0; text-align: right; } .footerTopArea .pageTopLinkArea a { color: #333; text-decoration: underline; } .footerSearchArea { background: #f8f8f8; border-top: 1px solid #ccc; } .footerSearchArea .footerSearchForm { display: block; float: left; margin: 5px 10px; } .footerSearchArea .footerSearchForm .header_search_keyword { display: inline-block; width: 520px; -webkit-border-image: initial; -o-border-image: initial; -webkit-appearance: none; position: relative; height: 30px; padding: 0 6px; border: 1px solid #ccc; border-radius: 3px; border-image: initial; outline: 0; background: #fff; font-size: 11px; } .footerSearchArea .footerSearchForm input:focus { -webkit-appearance: none; outline: 0; } .footerSearchArea .footerSearchForm input.off { display: inline-block; width: 102px; height: auto; } .footerSearchArea .word_error { display: block; text-align: left; font-size: 12px; color: #f00; } .footerSearchArea .listArea { display: block; float: right; line-height: 40px; } .footerSearchArea .listArea a { color: #333; text-decoration: underline; margin-right: 10px; } .footerArea { width: 990px; margin: 0 auto; background: #fff; } .footerArea .footerTopLinkArea { width: 100%; display: table; table-layout: fixed; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 1.6; } .footerArea .footerTopLinkArea .linkBlock { display: table-cell; text-align: left; vertical-align: top; padding: 5px 8px 5px 12px; border-left: 1px solid #ccc; } .footerArea .footerTopLinkArea .linkBlock:first-child { border-left: none; } .footerArea .footerTopLinkArea .title { font-size: 12px; font-weight: bold; color: #333; } .footerArea .footerTopLinkArea .linkBox + .linkBox, .footerArea .footerTopLinkArea .linkBox + .title { margin-top: 20px; } .footerArea .footerTopLinkArea .marginT10, .footerArea .footerTopLinkArea .linkBox + .linkBox.qr { margin-top: 10px; } .footerArea .footerTopLinkArea .parent { padding-left: 1em; text-indent: -1em; } .footerArea .footerTopLinkArea .parent:before { content: "・"; display: inline; } .footerArea .footerTopLinkArea .child { padding-left: 2em; text-indent: -1em; } .footerArea .footerTopLinkArea .child:before { content: "- "; display: inline; } .footerArea .footerTopLinkArea li a { color: #333; } .footerArea .footerTopLinkArea .parent.mp { padding-left: 0; text-indent: 0; } .footerArea .footer_safety { margin: 10px auto; text-align: center; } .footerArea .footer_safety a { display: inline-block; height: 28px; line-height: 28px; border: 1px solid #cecece; background: #ffffdd; padding: 0 10px; color: #333; font-size: 12px; text-decoration: underline; } .footerArea .footer_copyright { margin: auto; padding: 5px 12px; text-align: center; } .footerArea .footer_copyright .linkArea { color: #333; font-size: 10px; } .footerArea .footer_copyright .linkArea a { color: #333; text-decoration: underline; } .footerArea .footer_copyright .footer_note { margin: 3px 0; } .footerArea .footer_copyright .footer_note a { display: inline-block; } .footerArea .footer_copyright .footer_note .text { font-size: 11px; padding: 1px 5px 4px; line-height: 15px; text-align: left; color: #333; } .footerArea .footer_copyright .footer_copyrightBox a { color: #333; font-size: 12px; }