@charset 'UTF-8'; .l-footer .l-jasrac, .media-list { *zoom: 1; } .l-footer .l-jasrac:before, .media-list:before { display: table; content: ''; } .l-footer .l-jasrac:after, .media-list:after { display: table; clear: both; content: ''; } #WebMember_Background, #WebMember_Console, #WebMembership { display: none; } html { overflow-y: scroll; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; background: transparent; font-size: 100%; font-weight: normal; vertical-align: baseline; outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } ol, ul, li { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; background: transparent; font-size: 100%; vertical-align: baseline; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-weight: bold; font-style: italic; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-spacing: 0; border-collapse: collapse; } input, select { vertical-align: middle; } img, object, embed { vertical-align: top; } /* ========================================================= Common Style ========================================================= */ * { -webkit-box-sizing: border-box; box-sizing: border-box; } #dialog { -webkit-box-sizing: content-box; box-sizing: content-box; } #dialog * { -webkit-box-sizing: content-box; box-sizing: content-box; } #dialog .save_rbox_btm{ line-height: 0; } html { font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif; font-size: 62.5%; line-height: 1.25; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } body { min-width: 1170px; color: #111; font-family: inherit; font-size: 1.4rem; } body.is-fixed { position: fixed; width: 100%; height: 100%; } a:link { color: #111; text-decoration: none; } a:visited { color: #111; } a:hover { color: #111; /* text-decoration: none; */ text-decoration: underline; } a:active { color: #111; } input, textarea { font-family: inherit; font-size: inherit; } input { -webkit-appearance: none; } img { max-width: 100%; } /* ========================================================= Common Module ========================================================= */ .menu-drawer .link-item, .menu-sp .side-link > li:not(.img-link) a { display: block; position: relative; } .menu-drawer .link-item::after, .menu-sp .side-link > li:not(.img-link) a::after { display: block; position: absolute; top: 50%; right: 15px; width: 6px; height: 8px; margin-top: -4px; background: url(/dam/sp/images/common/arrow_link.png) no-repeat right center; background-size: 6px 8px; content: ''; } .btn-link { display: table; position: relative; width: auto; min-width: 220px; margin: 0 auto; padding: 10px; border: 1px solid #666; border-radius: 35px; font-weight: bold; text-align: center; } .btn-link::after { display: block; position: absolute; top: 50%; right: 12px; width: 6px; height: 8px; margin-top: -4px; background: url(/dam/sp/images/common/arrow_link.png) no-repeat left top; background-size: 6px 8px; content: ''; } .btn-link.btn--colored { min-width: 240px; border-color: #c7000a; background: #c7000a; color: #fff; font-size: 1.4rem; } .btn-link.btn--colored::after { background-image: url(/dam/sp/images/common/arrow_link_w.png); } /* ========================================================= Layout Style ========================================================= */ .l-page { position: relative; } .l-inner, .l-inner-full { width: 970px; margin: 0 auto; padding: 0 10px; } .main-contents { overflow: hidden; height: 100%; padding-bottom: 60px; } .main-contents.is-fixed { padding-top: 41px; } .l-container { display: table; overflow: hidden; width: 100%; table-layout: fixed; } .l-container .l-main, .l-container .l-side { display: table-cell; vertical-align: top; } .l-container .l-main { position: relative; min-width: 970px; height: 100%; } .l-container .l-main .localContents{ width: 870px; margin: 20px auto; padding: 20px; border: solid 1px #ccc; background-color: #fff; } .l-container .l-side { position: relative; z-index: 1; width: 200px; padding-bottom: 94px; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1); box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1); background: #fff; } .l-container .l-side a { font-weight: bold; } /* Drawer Menu --------------------------------------------------------- */ .overlay { display: none; position: fixed; z-index: 15; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 120%; background: rgba(0, 0, 0, .3); } .menu-drawer { position: fixed; z-index: 20; top: 0; left: -280px; overflow-x: hidden; -webkit-overflow-scrolling: touch; width: 280px; height: 100%; background: #fff; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .menu-drawer.is-active { -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } .menu-drawer > div { overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; } .menu-drawer .menu-header { position: relative; height: 44px; } .menu-drawer .link-item { padding: 15px 30px 15px 15px; border-top: 1px solid #111; font-size: 1.3rem; font-weight: bold; } .menu-btn { position: absolute; top: 0; left: 0; overflow: hidden; width: 42px; height: 44px; padding: 0; border: none; background-color: transparent; background-repeat: no-repeat; background-position: center center; white-space: nowrap; text-indent: 100%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .menu-btn.btn--open { background-image: url(/dam/sp/images/common/btn_menu_open.png); background-size: 20px 14px; } .menu-btn.btn--close { background-image: url(/dam/sp/images/common/btn_menu_close.png); background-size: 16px 16px; } .menu-pc .side-ttl { padding: 8px 10px; background: #111; color: #fff; font-weight: bold; } .menu-pc .side-link { padding: 0 10px; } .menu-pc .side-link + .side-link { border-top: 1px solid #111; } .menu-pc .side-link > li { border-top: 1px solid #ccc; } .menu-pc .side-link > li:first-child { border-top: none; } .menu-pc .side-link > li:last-child .side-link-sub { margin-bottom: 5px; } .menu-pc .side-link a { display: block; padding: 14px 4px 13px; font-size: 1.3rem; font-weight: normal; } .menu-pc .side-link a.img { padding-right: 0; padding-left: 0; } .menu-pc .side-ttl-sub { margin-top: 12px; padding: 3px 4px; background: #eee; color: #7e7d7d; font-size: 1.2rem; } .menu-pc .side-ttl-sub::before { content: '▼'; } .menu-pc .side-link-sub { padding-left: 15px; } .menu-pc .side-link-sub > li { border-top: 1px dotted #d0d0d0; } .menu-pc .side-link-sub > li:first-child { border-top: none; } .menu-pc .side-link-sub a { padding: 7px 5px; } .menu-pc .side-link-contact { margin-top: 8px; margin-bottom: 15px; border-bottom: 1px solid #ccc; } .menu-pc .side-link-contact a { display: block; padding: 14px 14px 13px 14px; border-top: 1px solid #ccc; background: #eee; font-size: 1.3rem; } .menu-pc .side-service-ttl { margin-bottom: 5px; padding: 0 10px; color: #c7000a; font-size: 1.3rem; font-weight: bold; background: none; } .menu-pc .side-link-service { padding: 0 10px; } .menu-pc .side-link-service > li { margin-top: 2px; } .menu-pc .side-link-service a { display: block; height: 40px; padding: 12px 11px; background: #c7000a; color: #fff; font-size: 1.2rem; font-weight: bold; } .menu-pc .l-logo { display: table; width: 100%; height: 170px; border-bottom: 1px solid #111; } .menu-pc .l-logo .logo { display: table-cell; width: 100%; height: 170px; text-align: center; vertical-align: middle; } .menu-pc .link-question { display: block; padding: 12px 0 12px 18px; background: url(/dam/pc/images/common/icon_question.png) no-repeat left center; font-size: 1.2rem; font-weight: bold; } .menu-pc .link-item { padding: 0 10px; } .menu-pc .l-damtomo { border-top: 1px solid #111; background: #83cc34; } .menu-pc .l-damtomo .damtomo { padding: 10px 10px 2px; border-bottom: 1px solid #111; } .menu-pc .l-damtomo .damtomo ul > li { padding: 9px 0; } .menu-pc .l-damtomo .damtomo ul > li + li { border-top: 2px dotted #111; } .menu-pc .l-damtomo .damtomo ul a { display: block; padding: 10px 0 10px 54px; background-repeat: no-repeat; } .menu-pc .l-damtomo .damtomo ul a.denmoku { background-image: url(/dam/dam/images/common/icon_denmoku.png); background-position: left center; } .menu-pc .l-damtomo .damtomo ul a.request { background-image: url(/dam/pc/images/common/icon_request.png); background-position: 6px center; } .menu-pc .l-damtomo .damtomo > a { display: table; margin-bottom: 3px; margin-left: auto; font-size: 1.1rem; font-weight: bold; } .menu-pc .l-damtomo .damtomo .l-user { display: table; width: 100%; margin-top: 10px; background: #61b124; } .menu-pc .l-damtomo .damtomo .l-user .username, .menu-pc .l-damtomo .damtomo .l-user .logout { display: table-cell; height: 50px; vertical-align: middle; } .menu-pc .l-damtomo .damtomo .l-user .username { padding: 10px; font-size: 1.2rem; } .menu-pc .l-damtomo .damtomo .l-user .username a { right: 5px; font-size: 1.1rem; text-decoration: underline; } .menu-pc .l-damtomo .damtomo .l-user .logout { width: 54px; border-left: 1px dotted #111; text-align: center; } .menu-pc .l-damtomo .damtomo .l-user .logout img { padding-top: 2px; } .menu-pc .l-damtomo .search { padding: 20px 10px 15px; } .menu-sp { display: none; } .menu-sp .side-ttl { padding: 10px; background: #111; color: #fff; font-size: 1.3rem; font-weight: bold; } .menu-sp .side-link { padding-left: 25px; } .menu-sp .side-link > li { border-top: 1px solid #ccc; } .menu-sp .side-link > li:first-child { border-top: none; } .menu-sp .side-link > li:not(.img-link) a { padding: 10px 30px 10px 0; } .menu-sp .side-link > li:not(.img-link) .side-link-sub a { padding: 10px 18px 10px 8px; } .menu-sp .side-link > li:not(.img-link) .side-link-sub a::after { right: 7px; } .menu-sp .side-link > li.img-link { padding: 10px 10px 10px 0; } .menu-sp .side-link dt { font-weight: bold; } .menu-sp .side-link dd { font-size: 1.1rem; } .menu-sp .side-ttl-sub { padding: 8px 0; color: #7e7e7e; } .menu-sp .side-link-sub { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 15px; border-top: 1px dotted #ccc; -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu-sp .side-link-sub > li { width: 50%; } .menu-sp .side-link-sub > li:nth-child(n+3) { border-top: 1px dotted #ccc; } .menu-sp .side-link-sub > li:nth-child(2n) { border-left: 1px dotted #ccc; } .menu-sp .l-damtomo { padding-bottom: 5px; border-top: 1px solid #111; border-bottom: 1px solid #ccc; } .menu-sp .l-damtomo .link-damtomo { padding: 15px 10px 10px; } .menu-sp .l-damtomo .side-link > li { border-top: none; } .menu-sp .l-damtomo .l-user { padding: 15px 10px 3px 10px; } .menu-sp .l-damtomo .l-user > div { display: table; width: 100%; background: #83cc34; } .menu-sp .l-damtomo .l-user .username, .menu-sp .l-damtomo .l-user .logout { display: table-cell; height: 55px; vertical-align: middle; } .menu-sp .l-damtomo .l-user .username { padding: 10px; font-size: 1.2rem; } .menu-sp .l-damtomo .l-user .username a { font-size: 1.4rem; font-weight: bold; text-decoration: underline; } .menu-sp .l-damtomo .l-user .logout { width: 54px; border-left: 1px dotted #111; text-align: center; } .menu-sp .l-damtomo .l-user .logout img { width: 42px; height: auto; padding-top: 5px; } .menu-sp .side-service { padding-top: 5px; padding-bottom: 5px; background: #c7000a; } .menu-sp .side-service .side-service-ttl, .menu-sp .side-service a { color: #fff; margin: 0; padding: 0; background: none; } .menu-sp .side-service .side-service-ttl { margin-bottom: 5px; padding: 10px; font-size: 1.3rem; font-weight: bold; } .menu-sp .side-service .side-link > li { border-color: rgba(255, 255, 255, .3); } .menu-sp .side-service .side-link > li:first-child { border-top: 1px solid rgba(255, 255, 255, .3); } .menu-sp .side-service .side-link > li:not(.img-link) a::after { background-image: url(/dam/sp/images/common/arrow_link_w.png); } /* Header --------------------------------------------------------- */ .l-header { display: none; position: fixed; z-index: 11; top: 0; width: 100%; height: 44px; padding-top: 9px; background: #fff; } .l-header .logo { width: 64px; height: 30px; margin: 0 auto; } /* Footer --------------------------------------------------------- */ .l-footer { position: relative; border-top: 1px solid #bdbdbd; } .l-footer .footer-row { padding: 25px 0 10px; background: #eee; text-align: center; } .l-footer p.f_copyright { margin-top: 30px; font-size: 1rem; } .l-footer .l-jasrac { display: table; margin: 0 auto; padding: 15px 0; color: #666; font-size: 1rem; } .l-footer .l-jasrac .jasrac-img, .l-footer .l-jasrac .jasrac-num { display: table-cell; vertical-align: top; } .l-footer .l-jasrac .jasrac-img { padding-right: 12px; } .l-footer .l-jasrac .jasrac-num dl { float: left; margin-right: 20px; margin-bottom: 5px; } .l-footer .l-jasrac .jasrac-num dl:nth-of-type(2) { clear: left; } .footer-link { margin-bottom: 30px; } .footer-link > li { display: inline; position: relative; padding-left: 1em; padding-right: 1em; } .footer-link a { display: inline-block; margin-bottom: 10px; font-size: 1.2rem; text-decoration: none; } .footer-link a span:hover { text-decoration: underline; } .footer-link a::after { content: ' |'; position: absolute; top: 2px; right: -0.65em; } /* Navigation Bar --------------------------------------------------------- */ .l-navbar { padding: 18px 10px 13px; border-bottom: 4px solid #c7000a; background: #eee; } /* Navigation --------------------------------------------------------- */ .l-navigation { display: none; position: fixed; z-index: 10; bottom: 0; width: 100%; border-top: 1px solid #ccc; background: #f1f1f1; } .navigation { display: table; width: 100%; height: 54px; table-layout: fixed; } .navigation > li { display: table-cell; width: 25%; } .navigation a { display: block; padding-top: 37px; background-repeat: no-repeat; font-size: 1rem; font-weight: bold; text-align: center; } .navigation a.search { background-image: url(/dam/sp/images/common/icon_search.png); background-position: center 10px; background-size: 21px 21px; } .navigation a.ranking { background-image: url(/dam/sp/images/common/icon_ranking.png); background-position: center 10px; background-size: 24px 21px; } .navigation a.feature { background-image: url(/dam/sp/images/common/icon_feature.png); background-position: center 2px; background-size: 36px 30px; } .navigation a.shop { background-image: url(/dam/sp/images/common/icon_shop.png); background-position: center 8px; background-size: 18px 26px; } .navigation a.damtomo { background-image: url(/dam/sp/images/common/icon_damtomo.png); background-position: center 11px; background-size: 36px 26px; } /* Search --------------------------------------------------------- */ #btn-toggle { display: none; } /* ========================================================= Module Style ========================================================= */ .content-ttl { display: table; width: 100%; height: 100px; margin: 60px 0 40px; background: #f4e5e5; } .content-ttl span { display: table-cell; height: 100%; padding-left: 95px; background-repeat: no-repeat; font-size: 2.5rem; font-weight: bold; vertical-align: middle; } .feature .content-ttl span { background-image: url(/dam/images/feature/icon_ttl_feature.png); background-position: 22px 13px; } #content.feature .content-lead { margin-top: -10px; margin-left: 0; margin-bottom: 30px; font-weight: normal; font-size: 1.4rem; } #content.feature #Keyvisual h2, #content.feature .keyvisual h2 { padding: 0; background: transparent; color: inherit; } .media-list > li { float: left; width: 50%; } .l-media { display: table; width: 100%; border-bottom: 1px solid #ccc; table-layout: fixed; } .l-media .media-thumb, .l-media .media-txt { display: table-cell; vertical-align: top; } .l-media .media-thumb { position: relative; overflow: hidden; width: 120px; height: 120px; vertical-align: middle; text-align: center; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .l-media .media-thumb img { max-width: 100%; max-height: 100%; } .l-media .media-txt { position: relative; padding: 15px 40px 40px 20px; } .l-media .media-txt::after { position: absolute; top: 50%; right: 4px; width: 6px; height: 10px; margin-top: -5px; background: url(/dam/pc/images/common/arrow_link.png) no-repeat right center; content: ''; } .l-media .media-ttl { font-size: 1.8rem; font-weight: bold; } .l-media .media-date { position: absolute; bottom: 10px; font-size: 1.3rem; } .l-category-nav { position: relative; } .l-pagination { display: table; margin: 62px auto 0; } .l-pagination .page-link { display: inline-block; overflow: hidden; width: 6px; height: 10px; background-repeat: no-repeat; background-position: left center; background-size: 6px 10px; vertical-align: middle; white-space: nowrap; text-indent: 100%; } .l-pagination .page-link.page-prev { margin-right: 15px; background-image: url(/dam/images/common/arrow_page_prev.png); } .l-pagination .page-link.page-next { margin-left: 15px; background-image: url(/dam/images/common/arrow_page_next.png); } .l-pagination .pagination { display: inline-block; vertical-align: middle; } .l-pagination .pagination > li { display: inline-block; width: 32px; height: 36px; line-height: 36px; text-align: center; } .l-pagination .pagination > li a { font-size: 1.4rem; font-weight: bold; } .l-pagination .pagination > li.is-current { background: #fbebec; } .l-pagination .pagination > li.is-current a { color: #c7000a; } @media screen and (min-width: 721px) { br.is-pc { display: inline; } br.is-sp { display: none; } a.btn-pagetop { display: block; position: fixed; z-index: 10; right: 0; bottom: 10px; overflow: hidden; width: 60px; height: 60px; padding: 0; background: url(/dam/pc/images/common/btn_pagetop.png) no-repeat center center; white-space: nowrap; text-indent: 100%; } .overlay { display: none !important; } .menu-btn { display: none; } .footer-link > li:nth-child(3)::after { white-space: pre; content: '\A'; } .footer-link > li:nth-child(3) a::after, .footer-link > li:last-child a::after { content: ''; } .l-search { display: table; overflow: hidden; margin: 0 auto; } .l-search .search-box { position: relative; float: right; margin-bottom: 5px; margin-left: 10px; } .l-search .search-radio { float: left; overflow: hidden; width: 260px; height: 42px; padding: 2px; border-radius: 21px; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2); box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2); background: #ccc; line-height: 42px; } .l-search .radio { display: table; overflow: hidden; width: 100%; height: 100%; border-radius: 21px; table-layout: fixed; } .l-search .radio input[type='radio'] { display: none; } .l-search .radio input[type='radio'] + label { display: table-cell; position: relative; width: 33.333%; height: 100%; padding-left: 1px; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .3); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .3); font-size: 1.3rem; text-align: center; vertical-align: middle; cursor: pointer; } .l-search .radio input[type='radio'] + label:first-of-type { z-index: 3; padding-left: 0; border-radius: 21px 0 0 21px; } .l-search .radio input[type='radio'] + label:first-of-type span { border-radius: 21px 0 0 21px; } .l-search .radio input[type='radio'] + label:nth-of-type(2) { z-index: 2; } .l-search .radio input[type='radio'] + label:nth-of-type(3) { z-index: 1; border-radius: 0 21px 21px 0; } .l-search .radio input[type='radio'] + label:nth-of-type(3) span { border-radius: 0 21px 21px 0; } .l-search .radio input[type='radio'] + label span { display: block; height: 100%; background: #fff; color: #6c6c6c; font-weight: bold; line-height: 38px; } .l-search .radio input[type='radio']:checked + label span { -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, .4); box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, .4); background: #c7000a; color: #fff; } .l-search .search-btn { position: absolute; top: 50%; right: 10px; overflow: hidden; width: 20px; height: 20px; margin-top: -10px; padding: 0; border: none; background: url(/dam/pc/images/common/icon_search.png) no-repeat left top; background-color: transparent; white-space: nowrap; text-indent: 100%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .l-search .search-txt { width: 470px; padding: 12px 38px 12px 12px; border: none; border-radius: 4px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .3); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .3); font-size: 1.5rem; } .media-list > li:nth-child(2n+1) { padding-right: 15px; } .media-list > li:nth-child(2n) { padding-left: 15px; } .media-list > li:nth-child(-n+2) .l-media { border-top: 1px solid #ccc; } .l-category-nav .category-current { display: none; } .l-category-nav .category-list { display: table; overflow: hidden; margin: 0 auto 35px; } .l-category-nav .category-list > li { float: left; margin-left: 30px; } .l-category-nav .category-list > li:first-child { margin-left: 0; } .l-category-nav .category-list > li a { font-size: 1.4rem; font-weight: bold; } .l-category-nav .category-list > li.is-current a { color: #c7000a; } } @media screen and (max-width: 720px) { br.is-pc { display: none; } br.is-sp { display: inline; } body { min-width: 320px; padding-bottom: 54px; font-size: 1.2rem; } a.btn-pagetop { display: block; padding: 28px 0 5px; background: url(/dam/sp/images/common/btn_pagetop.png) no-repeat center 10px #eee; background-size: 26px 14px; color: #666; font-size: 1rem; text-align: center; } .l-page { padding-top: 44px; /* padding-bottom: 54px; */ } .l-inner, .l-inner-full { width: 100%; padding-right: 10px; padding-left: 10px; } .l-inner-full { padding-right: 0; padding-left: 0; } .main-contents { padding-bottom: 30px; } .l-container { display: block; } .l-container .l-main { display: block; width: 100%; min-width: 0; height: auto; } .l-container .l-side { display: none; } .menu-sp { display: block; } .l-header { display: block; } .l-footer { padding: 15px 0 20px; border-top: none; background: #4a4a4a; color: #fff; } .l-footer a { color: #fff; } .l-footer .footer-row { padding: 0; background: transparent; } .l-footer .footer-logo { display: none; } .l-footer p.f_copyright { position: absolute; bottom: 10px; left: 0; width: 100%; margin-top: 0; padding: 0 10px; font-size: .9rem; text-align: center; } .l-footer .l-jasrac { margin-top: 20px; margin-bottom: 30px; padding: 0; color: #fff; font-size: 1.1rem; } .l-footer .l-jasrac .jasrac-img { width: 50px; padding-right: 5px; } .l-footer .l-jasrac .jasrac-num dl { float: none; margin-right: 0; margin-bottom: 0; } .footer-link { margin-bottom: 0; } .footer-link > li:nth-child(2)::after, .footer-link > li:nth-child(8)::after { white-space: pre; content: '\A'; } .footer-link > li:nth-child(4)::after, .footer-link > li:nth-child(6)::after { white-space: pre; content: '\A\A'; } .footer-link > li:nth-child(2) a::after, .footer-link > li:nth-child(4) a::after, .footer-link > li:nth-child(6) a::after, .footer-link > li:nth-child(8) a::after, .footer-link > li:last-child a::after { content: ''; } .footer-link a { margin-bottom: 0; font-size: 1rem; } .l-navbar { padding: 8px 10px; border-top: 1px solid #ccc; } .l-navigation { display: block; } .l-search { background: #eee; } .l-search .search-box { position: relative; } .l-search .search-box .search-txt { width: 100%; height: 34px; padding-right: 35px; padding-left: 10px; border: 1px solid #999; border-radius: 4px; background: #fff; font-size: 1.4rem; line-height: 34px; } .l-search .search-box .search-btn { position: absolute; top: 50%; right: 0; width: 34px; height: 34px; margin-top: -17px; padding: 0; border: none; background: url(/dam/sp/images/common/icon_search_btn.png) no-repeat center center; background-color: transparent; background-size: 16px 16px; white-space: nowrap; text-indent: 100%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .l-search .search-radio { overflow: hidden; width: 210px; height: 36px; margin: 5px auto 0; padding: 2px; border-radius: 18px; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2); box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2); background: #ccc; } .l-search .radio { display: table; position: relative; width: 100%; height: 100%; border-radius: 16px; table-layout: fixed; } .l-search .radio input[type='radio'] { display: none; margin: 10px; } .l-search .radio input[type='radio'] + label { display: table-cell; position: relative; width: 33.333%; height: 100%; padding-left: 1px; font-size: 1.3rem; text-align: center; vertical-align: middle; cursor: pointer; } .l-search .radio input[type='radio'] + label:first-of-type { z-index: 3; padding-left: 0; } .l-search .radio input[type='radio'] + label:nth-of-type(2) { z-index: 2; } .l-search .radio input[type='radio'] + label:nth-of-type(3) { z-index: 1; } .l-search .radio input[type='radio'] + label span { display: block; height: 100%; color: #6c6c6c; font-weight: bold; line-height: 31px; } .l-search .radio input[type='radio']:checked + label span { color: #111; } .l-search .radio #btn-toggle { display: block; position: absolute; top: 0; left: 0; width: 68px; height: 100%; border-radius: 16px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .6); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .6); background: #fff; color: #111; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .l-search .radio #btn-toggle.type1 { left: 0; } .l-search .radio #btn-toggle.type2 { left: 69px; } .l-search .radio #btn-toggle.type3 { left: 138px; } .content-ttl { height: 32px; margin: 17px 0 12px; } .content-ttl span { padding-left: 43px; font-size: 1.4rem; } .feature .content-ttl span { background-position: 9px 3px; background-size: 25px auto; } #content.feature .content-lead { margin-top: 10px; margin-left: 0; margin-bottom: 10px; font-size: 1.1rem; } .media-list > li { float: none; width: 100%; } .l-media { background: rgba(255, 255, 255, .8); } .media-list > li:first-child .l-media { border-top: 1px solid #ccc; } .l-media .media-thumb { width: 70px; height: 70px; } .l-media .media-txt { padding: 6px 20px 25px 10px; } .l-media .media-txt::after { background-image: url(/dam/sp/images/common/arrow_link_l.png); background-size: 6px auto; } .l-media .media-ttl { font-size: 1.4rem; } .l-media .media-date { font-size: 1.1rem; } .l-category-nav { margin-bottom: 16px; } .l-category-nav .category-current, .l-category-nav .category-list > li a { width: 100%; height: 45px; background-color: #fff; font-size: 1.4rem; font-weight: bold; line-height: 45px; text-align: center; } .l-category-nav .category-current { display: block; position: relative; border: 1px solid #ccc; color: #c7000a; cursor: pointer; } .l-category-nav .category-current::after { display: block; position: absolute; top: 50%; right: 5px; width: 8px; height: 7px; margin-top: -3px; background: url(/dam/images/common/arrow_dropdown.png) no-repeat left center; background-size: 8px 7px; content: ''; } .l-category-nav .category-list { display: none; position: absolute; z-index: 10; overflow: hidden; width: 100%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background: #fff; } .l-category-nav .category-list > li a { display: block; width: 100%; height: 45px; font-size: 1.4rem; text-align: center; } .l-pagination { margin-top: 24px; } } @media screen and (min-width: 721px) and (max-width: 980px) { .l-search .search-box { float: none; margin: 0 auto; } .l-search .search-radio { float: none; margin: 12px auto 0; } } /*最後尾20171003追加*/ /* ========================================== reset ========================================== */ /* body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img, select { margin: 0; padding: 0; } table { border-spacing: 0; } img { border: 0; line-height: 0; vertical-align: bottom; } address, caption, th { font-style: normal; font-weight: normal; } ul, li { list-style: none; } caption, th { text-align: left; } th, td { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } abbr, acronym { border: 0; font-variant: normal; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } input, textarea, select { font-size: 100%; vertical-align: middle; } input { position: relative; top: -2px; } a:link { cursor: pointer; } a:active { outline: none; } a:link, a:visited { text-decoration: underline; } */ /* ==========================================  general ========================================== */ /* html { font-size: 62.5%; height: 100%; } */ /* body { background: #FFFFFF; color: #333333; font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; height: 100%; line-height: 1.6; } */ /* img { height: auto; width: 100%; } */ /* 出しわけ ------ */ .dspB { display: none; } @media screen and (max-device-width: 720px) { .dspB { display: block; } } /* link ------------------------------------ */ /* a:link, a:visited { color: #333333; text-decoration: underline; } */ /* a:hover, a:active { text-decoration: none; } */ /* .clearfix:before, .clearfix:after { content: " "; display: table; } */ ul#tab.clearfix.dspN { margin-top: 130px; margin-top: -130px; padding-top: 130px; padding-top: -130px; } /* clearfix ------------------------------------ */ /* .clearfix:after { clear: both; } .clearfix { zoom: 1; } */ /* other ------------------------------------ */ .alpha a:hover img { filter: alpha(opacity=70); moz-opacity: 0.70; ms-filter: "alpha(opacity=70)"; opacity: 0.70; } /* frame ------------------------------------ */ #wrap { background-color: #F8F4F4; margin: 0 auto; width: 100%; } #content.feature { margin: 0 auto; max-width: 878px; width: 100%; } #content.feature .inner { margin: 20px auto; max-width: 880px; border-style: none; } #content.feature.artist { border-style: none; } #content.feature.artist .inner { border-style: none; } /* .pagetop { margin-top: 23px; text-align: right; } */ @media screen and (max-device-width: 720px) { #content.feature { margin: 0; max-width: 100%; width: 100%; } #content.feature .inner { margin: 10px 0 45px; padding: 0; width: 100%; } } /* font ------------------------------------ */ #content.feature { font-size: 12px; } #content.feature h2 { font-size: 16px; font-weight: bold; } #content.feature .section.release dt, #content.feature .section .special dt { font-size: 14px; } @media screen and (max-device-width: 720px) { #content.feature { font-size: 14px; } #content.feature h2 { font-size: 18px; } } /* content ------------------------------------ */ #content.feature { background: #fff; /*border: 1px solid #D0D0D0;*/ } #content.feature h1 { margin: 0 auto; } #content.feature h1 > img { display: block; margin: 0 auto; } #content.feature h1 + p { margin: 15px 7px 0; font-weight: bold; } #content.feature h2 { margin: 20px 0 14px; padding: 9px 15px; background: #ADA9A6; color: #fff; } #content.feature #subTitle h2 { margin: 0; color: inherit; } @media screen and (max-device-width: 720px) { #content.feature { border: 0; } #content.feature h1 { margin: 0 10px; } #content.feature .bannerArea img, #content.feature h1 > img, #content.feature h2 > img, #content.feature h3 > img, #content.feature #Keyvisual img, #content.feature .keyvisual img { width: 100%; height: auto; } #Keyvisual, .container { width: 100% !important; } #content.feature h1 + p:not([class]) { margin: 10px 17px 0; } #content.feature .localContents h1 + p { margin-right: 0px; margin-left: 0; } #content.feature h2 { padding: 9px 0; text-align: center; } #content.feature .section h2:first-child { margin: 10px 0 0 !important; } } #content.feature .section .box01, #content.feature .section .box02 { margin: 10px 10px 0; } /* karaoke ------------------------------------ */ #content.feature #table{ width: 100%; border-collapse: collapse; } #content.feature #table td, #content.feature #table th{ padding: 5px; border: 1px solid #ccc; vertical-align: middle; text-align: left; } #content.feature #table th{ font-weight: bold; } #content.feature #table thead th{ background:#e6e6e6; } #content.feature #table tbody td { font-weight: bold; } #content.feature #table tbody th + td + td { text-align: center; } #content.feature #table tbody td div{ display: table; } #content.feature #table tbody td div p{ display: table-cell; width: 94px; height: 94px; text-align: center; vertical-align: middle; } #content.feature #table tbody td a{ display: block; width: 94px; height: 18px; margin: 0px auto 10; line-height: 1; background: url(/dam/app/dam/images/btn_regist_01.png) no-repeat left top; overflow: hidden; text-indent: -9999px; } @media screen and (max-device-width: 720px){ #content.feature #content.feature .karaoke h2 { margin: 20px 0 0 !important; } #content.feature #table{ display: block; } #content.feature #table thead{ display: none; } #content.feature #table tbody{ display: block; } #content.feature #table tbody tr{ display: block; margin-bottom: 1.5em; } #content.feature #table tbody th, #content.feature #table tbody td{ display: list-item; list-style: none; border: none; } #content.feature #table tbody th{ padding: 10px; } #content.feature #table tbody td { margin: 10px 10px 0; padding: 0; font-weight: normal; } #content.feature #table tbody td.dspN { display: none; } #content.feature #table tbody th + td + td { text-align: left; } #content.feature #table tbody td a { display: block; width: 80%; height: 100%; min-height: 100%; line-height: 3.5em; margin: 0 auto -10px; background: url(/dam/app/dam/images/btn_regist_02.png) no-repeat left top; background-size: 100% auto; overflow: hidden; text-indent: -9999px; } } /* content ------------------------------------ */ #content.feature .release, #content.feature .profile, #content.feature .special { color: #777777; padding-bottom: 15px; } #content.feature .release dt, #content.feature .special dt { margin-bottom: 5px; font-weight: bold; } #content.feature .release dt{ color: #000000; } /* release ------------------------------------ */ #content.feature .release { color: #777777; } #content.feature .release .box01 > p:first-child { float: left; width: 150px; margin-right: 15px; } #content.feature .release .box01 .clearfix + p { margin: 15px 0; } #content.feature .release .box02 > p:first-child { float: left; width: 150px; margin-right: 15px; } #content.feature .release .box02 .clearfix + p { margin: 15px 0; } #content.feature .release .box03 p:first-child { float: left; width: 250px; margin-right: 15px; } #content.feature .release .box03 .clearfix + p { margin: 15px 0; } #content.feature .release .box03 dl { margin-top: 15px; } @media screen and (max-device-width: 720px) { #content.feature .release .box01 > p:first-child { float: none; margin: 0 auto 10px; text-align: center; } #content.feature .release .box01 .clearfix + p { display: none; } #content.feature .release .box02 > p:first-child { float: none; margin: 0 auto 10px; text-align: center; } #content.feature .release .box02 .clearfix + p { display: none; } #content.feature .release .box03 > p:first-child { float: none; /*width: 100%;*/ margin: 10px auto 0; text-align: center; } #content.feature .release .box03 .clearfix p:first-child { margin: 0 auto; text-align: center; } #content.feature .release .box03 dl { margin: 10px auto 0; } .dspN { display: none; } } /*追加*/ #content.feature .release .box04 > p:first-child { float: left; width: 300px; margin-right: 15px; margin-left: 10px; } #content.feature .release .box04 .clearfix + p { margin: 15px 0; } #content.feature .release .box04 dl { margin-top: 0px; } @media screen and (max-device-width: 720px) { #content.feature .release .box04 > p:first-child { float: none; width: 95%; margin: 10px auto 0; text-align: center; } #content.feature .release .box04 .clearfix p:first-child { margin: 0 auto; text-align: center; } #content.feature .release .box04 dl { margin: 10px auto 0; } } /**/ /* profile ------------------------------------ */ #content.feature .profile .box01 p:first-child { float: left; width: 250px; margin-right: 15px; } #content.feature .profile .box03 p:first-child { float: left; width: 180px; margin-right: 15px; } #content.feature .profile .box02 { margin-top: 15px; } #content.feature .profile .box02 > p:first-child { float: left; width: 645px; } #content.feature .profile .box02 > p + p { float: right; width: 150px; } @media screen and (max-device-width: 720px) { #content.feature .profile .box01 p:first-child, #content.feature .profile .box03 p:first-child { float: none; width: 100%; margin: 0 0 10px 0; } #content.feature .profile .box02 { margin-top: 15px; } #content.feature .profile .box02 > p:first-child { float: none; width: 100%; margin-bottom: 10px; padding-right: 0; } #content.feature .profile .box02 > p + p { float: none; margin: 0 auto; text-align: center; } .dspN { display: none; } } #content.feature .profile .nameline{ color:#000000; border-bottom-color:#000000; border-bottom-style:dashed; border-bottom-width:1px; font-weight:bold; margin-bottom:5px; padding:0 5px 2px; } /* special ------------------------------------ */ #content.feature .special ul li { float: left; width: 383px; margin: 0 25px 15px 0; line-height: 1.1em; } #content.feature .special ul li p { float: left; margin-right: 10px; padding-bottom: 20px; } #content.feature .special ul li div { margin-top: 10px; } @media screen and (max-device-width: 720px) { #content.feature .section.special ul { margin: 10px 10px 0; } #content.feature .special ul li { clear: both; float: none; width: 100%; margin: 0 auto; } #content.feature .special ul li p { width: 103px; margin: 0 10px 10px 0; padding-bottom: 0px; } #content.feature .special ul li p img{ width: 80px; height: 45px; } #content.feature .special ul li dl dd { display: none; } .dspN { display: none; } } /* My denmoku button ------------------------------------ */ .localContents #table tbody td.dspN a{ display: block; width: 94px; height: 18px; margin: 0px auto 10; line-height: 1; background: url(/dam/app/dam/images/btn_regist_01.png) no-repeat left top; overflow: hidden; text-indent: -9999px; } /*最後尾20171003追加その2*/ /* --------------------------------------------- * display * float * clear * position * z-index * width * min-width * max-width * height * min-height * max-height * line-height * overflow * clip * visiblity * margin * padding * border * background * list-style * color * font * text-decoration * text-align * vertical-align * white-space * text-indent * letter-spacing * word-spacing * text-transform * contents * counter-reset * counter-increment --------------------------------------------- */ /* ========================================== reset ========================================== */ /* body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img, select { margin: 0; padding: 0; } table { border-spacing: 0; } img { border: 0; line-height: 0; vertical-align: bottom; } address, caption, th { font-style: normal; font-weight: normal; } ul,li { list-style: none; } caption, th { text-align: left; } th, td { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } abbr, acronym { border: 0; font-variant: normal; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } input, textarea, select { *font-size: 100%; vertical-align: middle; } input{ position:relative; top: -2px; } a:link { cursor: pointer; } a:active { outline: none; } */ /* ==========================================  general ========================================== */ /* html { font-size: 62.5%; } */ body { background: #FFFFFF; color: #333333; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif; line-height: 1.6; } /* link ------------------------------------ */ /* a:link, a:visited { color: #333333; text-decoration: none; } a:hover, a:active { text-decoration: underline; } #footer a:link, #footer a:visited { color: #666666; text-decoration: underline; } #footer a:hover, #footer a:active { text-decoration: none; } */ /* clearfix ------------------------------------ */ .clearfix:before, .clearfix:after, .cf:before, .cf:after { content: " "; display: table; } .clearfix:after, .cf:after { clear: both; } .clearfix, .cf { *zoom: 1; } /* other ------------------------------------ */ .alpha a:hover img { opacity: 0.70; filter: alpha(opacity=70); -moz-opacity: 0.70; -ms-filter: "alpha(opacity=70)"; } /* frame ------------------------------------ */ #wrap { position: relative; width: 100%; min-width: 1000px; overflow-x: hidden; margin: 0 auto; background-color: #F8F4F4; } #header { width: 100%; background-color: #FFFFFF; } #header .inner { width: 938px; margin: 0 auto; padding-top: 10px; } #content { /*width: 978px;*/ margin: 0 auto; } #content .inner { width: 878px; margin: 0 auto; } #aside { float: left; width: 240px; /* 20150416 LIVEDAMロゴ削除対応 */ margin: 0 0 20px; } #footer { width: 100%; } #footer .nav { width: 960px; margin: 0 auto; } .pagetop { margin-top: 23px; text-align: right; } /* ========================================== header ========================================== */ #header { line-height: 1em; padding-bottom: 18px; border-bottom: 1px solid #D0D0D0; position: fixed; } #header #logo { display: inline; float: left; margin: 10px 52px 0 0; } #header .inner .headerNav div { float: right; } #header .inner .headerNav div ul, #header .inner .headerNav div ul li, #header .inner .headerNav > ul { float: left; vertical-align: bottom; } #header .inner .headerNav div ul li { margin-right: 10px; padding: 1px 16px 0 0; background: url(/dam/common/images/ico_header_01.gif) no-repeat right 0; line-height: 1; } #header .inner .headerNav div ul li a { font-size: 1.1em; font-weight: bold; } #header .inner .headerNav div ul:first-child li a:link ,#header .inner .headerNav div ul:first-child li a:visited { color: #539F2B; } #header .inner .headerNav div ul.denmoku li a { color: #FB7819; } #header .inner .headerNav div ul:last-child li a:link ,#header .inner .headerNav div ul:last-child li a:visited { color: #333333; } #header .inner .headerNav div ul.denmoku li { background: url(/dam/common/images/ico_header_03.gif) no-repeat right 0; } #header .inner .headerNav div ul + ul li { background: url(/dam/common/images/ico_header_02.gif) no-repeat right 0; } #header .inner .headerNav div ul li:first-child { margin-left: 0; } #header .inner .headerNav > ul li { float: left; } #header .inner .headerNav div + ul li { display: inline; margin: 10px 0 0 6px; } #header .inner .search { width: 938px; height: 42px; margin-top: 9px; background: url(/dam/common/images/bg_search_01.gif) no-repeat; } #header .inner .search .clearfix { margin: 0 15px 0 47px; } #header .inner .search .clearfix p, #header .inner .search .clearfix input, #header .inner .search .clearfix select { float: left; } #header .inner .search .clearfix p:first-child { margin-top: 9px; } #header .inner .search .clearfix p, #header .inner .search .clearfix select { margin: 12px 0 0 13px; font-size: 1.1em; } #header .inner .search .clearfix input[type="text"] { width: 287px; height: 17px; font-size: 1.1em; margin: 14px 0 0 13px; } #header .inner .search .clearfix input[type="image"] { margin: 11px 0 0 13px; } /* ========================================== contents ========================================== */ #content { font-size: 12px; } /* topicPath ------------------------------------ */ #content .topicPath { margin: 10px 0; } #content .topicPath p a { display: block; float: left; } #content .topicPath p a:after { margin-right: 8px; content: ">"; } /* contents common ------------------------------------ */ #content #search01 { border: 1px solid #D0D0D0; background-color: #FFF; padding: 20px 0; } #content .inner #box_song { margin: 0 0 20px 55px; padding: 0; text-align: left; } #content .inner #box_song .ttl { float: left; } #content .inner #box_song .song_title { float: left; margin: 0 0 0 15px; padding: 0; width: 568px; } #content .inner #box_song .song_title .artist { font-size: 26px; word-wrap: break-word; } #content .inner #box_song .song_title .song { word-wrap: break-word; } #content .inner .search02 { width: 100%; border: 1px solid #d0d0d0; padding: 20px 0; background-color: #FFF; } #content .inner .search02 table { width: 768px; margin: 0 auto; } #content .inner .search02 table tr { height: 40px; } #content .inner .search02 table th { width: 137px; font-weight: bold; border: 1px solid #d0d0d0; background-color: #ebebeb; color: #323232; text-align: center; vertical-align: middle; } #content .inner .search02 table td { width: 645px; font-weight: bold; background-color: #FFF; vertical-align: middle; border: 1px solid #d0d0d0; } #content .inner .search02 table td .nonselect a:link, #content .inner .search02 table td .nonselect a:visited, #content table.list a:link, #content table.list a:visited { text-decoration: underline; } #content .inner .search02 table td .nonselect a:hover, #content .inner .search02 table td .nonselect a:active, #content table.list a:hover, #content table.list a:active { text-decoration: none; } #content .inner .search02 table td ul li, #content .inner .search02 table p { float: left; } #content .inner .search02 table td ul li:first-child { margin-left:15px; } #content .inner .search02 table td ul li + li { border-left: 1px solid #ccc; padding-left: 10px; margin-left: 12px; } #content .inner .search02 table td ul li a.selected { color: #fff; background-color: #d10303; padding: 0 4px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #content .inner .search02 table td p { padding-top: 4px; margin-left: 10px; } #content .inner .search02 table td p:first-child { padding-top: 0;/* 最初のp(input,select内包)だけpaddingを外す */ } #content .inner .search02 table p.nonselect, #content .inner .search02 table td p a.selected02 { font-size: 15px; } #content .inner .search02 table td p a.selected02 { color: #fff; background-color: #5d5b5b; padding: 4px 20px 2px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } #content .inner .search02 table td input { width: 326px; height: 25px; top: 0; /* top: -2px; を初期化する */ } #content .inner .search02 table td select { width: 330px; height: 29px;/* サイズを調整 */ } #content .inner .pageCount { padding: 20px 10px 3px 10px; } #content .inner table.list + .pageCount { padding: 10px 10px 3px 10px; } #content .inner .searchResult { font-size: 14px; } #content .inner .searchResult span { font-weight: bold; } #content .inner .searchResult span:first-child { margin-right: 20px; } #content .inner .searchResult, #content .inner .searchResult p, #content .inner .matching, #content .inner .matching p { float: left; } #content .inner .page, #content .inner .checkTop100 { float: right; } #content .inner .page a { border-left: 1px solid #ccc; padding: 0 7px 0 10px; } #content .inner .page a:first-child { border-left: none; } #content .inner .page img.left { margin: 0 6px 3px 0; vertical-align: middle; } #content .inner .page img.right { margin: 0 0 3px 6px; vertical-align: middle; } #content table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 1.2em; } #content table.list { font-size: 12px; } #content table.list .mvmain, #content table.list .mvsub { width: 80px; } #content table.list .request { width: 71px; } #content table.list .provide, #content table.list .damKashi, #content table.list .karaokeDam { width: 72px; } #content table.list .denmoku { width: 90px; } #content table.list th, #content table.list td { padding: 5px 12px 5px 7px; border: 1px solid #D0D0D0; vertical-align: middle; text-align: center; } #content table.list .song, #content table.list .artist, #content table.list th.download, #content table.list td.singer, #content table.list td.medleylist, #content table.list td.download { text-align: left !important; } #content table.list th { background-color: #EBEBEB; text-align: center; white-space: nowrap; word-spacing: normal; font-size: 12px; text-align: left; } #content table.list td.singer { font-weight: bold; } #content table.list td { } #content table.list tr:nth-child(odd) td{ background-color: #F9FBBF; /* 奇数行の背景色 */ } #content table.list tr:nth-child(even) td { background-color: #FFFFFF; /* 偶数行の背景色 */ } #content table.list tr.odd td { background-color: #F9FBBF; } #content table.list tr.even td { background-color: #FFFFFF; } /* ========================================== aside(research nav) ========================================== */ #aside div { border-right: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; } #aside div.sound { border-bottom: 1px solid #E3E3E3; } #aside div.newsong { padding: 9px 0; background: #ffffff url(/dam/common/images/bg_aside_01.jpg) no-repeat left bottom; } #aside div ul li { margin-top: 1px; } #aside div.newsong p { text-align: center; } #aside .bnr p { margin-top: 10px; } /*** 140219追記 ***/ #aside div ul li { background: url(/dam/common/images/bg_aside.jpg) no-repeat left top; height: 55px; position: relative; } #aside div dl { padding-top: 8px; } #aside div dt { font-size: 17px; font-weight: bold; margin-left: 6px; } #aside div dd { font-size: 8pt; font-weight: normal; margin-left: 6px; letter-spacing: -1px; } #aside div dd.new { position: absolute; top: 14px; left: 120px; } #aside a:hover, a:active { text-decoration: none; } /* ========================================== footer ========================================== */ #footer { margin-top: 30px; border-top: 3px solid #E1E1E1; background-color: #FFFFFF; color: #666666; } #footer .nav { font-size: 1.2em; } #footer .nav .inner { width: 930px; } #footer .nav .inner + .inner { margin-top: 15px; border-top: 1px dotted #C0C0C0; } #footer .nav .inner div { float: left; margin-top: 15px; } #footer .nav .inner .category02 { margin-left: 40px; } #footer .nav .inner .category03 { margin-left: 40px; } #footer .nav .inner .category04 { margin-left: 16px; } #footer .nav .inner .category05 { margin-left: 30px; } #footer .nav .inner .category06 { margin-left: 30px; } #footer .nav .inner .category08 { margin-left: 54px; } #footer .nav .inner .category09 { margin-left: 115px; } #footer .nav .inner .category10 { margin: 33px 0 0 120px; } #footer .nav .inner div:first-child { margin-left: 0; } #footer .nav .inner div p { font-weight: bold; } #footer .nav .inner div ul { line-height: 1.5em; margin-top: 10px; } #footer .nav .inner div ul li { padding-left: 8px; background: url(/dam/common/images/ico_footer_01.gif) no-repeat left center; } #footer .info { margin-top: 15px; padding: 7px 0 7px; border-top: 1px solid #5C5C5C; background-color: #4A4A4A; color: #FFFFFF; } #footer .info .inner { width: 938px; margin: 0 auto; } #footer .info .inner .jasrac{ margin-top: -12px; } #footer .info .inner .jasrac p, #footer .info .inner .jasrac dl { float: left; } #footer .info .inner .jasrac p { margin-right: 20px; } #footer .info .inner .jasrac p dl { margin-right: 30px; } #footer .info .inner .jasrac dl { line-height: 1.2em; margin-top: 5px; } #footer .info .inner .jasrac + p { float: right; margin-top: 24px; } /* 150218 追記 ------------------------------------ */ .jasrac p, .jasrac dl, #jasrac p, #jasrac dl { float: left; } .jasrac p, #jasrac p { height: 60px; margin-right: 20px; } .jasrac dl, #jasrac dl { margin-right: 30px; } .jasrac dl, #jasrac dl { font-size: 11px; line-height: 1.2em; margin-top: 5px; } .jasrac + p, #jasrac + p { float: right; margin-top: 24px; } /* 140113 追記 ------------------------------------ */ html { background: #e0dbdb; } body { width: 100%; position: relative; left: 0; } #header { background: #fff; width: 100%; min-height: 107px; position: fixed; top: 0; left: 0; z-index: 100; } #content .topicPath { margin-top: 136px; } #searchSong { width: 305px; display: none; position: absolute; top: 126px; right: -305px; z-index: 200; } #searchSong .inner { padding: 0px 65px 20px 0; } #searchSong .inner div { margin-top: 0px; } #searchSong .close { margin-top: 15px; text-align: right; } #searchSongBtn { position: fixed; top: 126px; right: 0; } #searchSongBtn:hover,#searchSong .close:hover { cursor: pointer; } /* artistKaraokeLeaf1 ------------------------------------ */ /* artistKaraokeLeaf2 ------------------------------------ */ /* artistKaraokeLeaf3 ------------------------------------ */ #content.artistKaraokeLeaf3 .songInfo { width: 785px; margin-left: 55px; } #content.artistKaraokeLeaf3 .songInfo table th { padding: 10px 0px; } #content.artistKaraokeLeaf3 .songInfo table tr + tr { border-top: 1px solid #d0d0d0; } #content.artistKaraokeLeaf3 .songInfo table th p { width: 120px; font-weight: bold; padding: 7px 5px 5px 5px; background-color: #ececec; text-align: center; border: 1px solid #d0d0d0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #content.artistKaraokeLeaf3 .songInfo table td { font-weight: bold; vertical-align: middle; padding: 10px 0 10px 20px; word-break: break-all; } #content.artistKaraokeLeaf3 .songInfo table td.number img { margin-left: 10px; } /*#content.artistKaraokeLeaf3 .songInfo table td ul { margin: 0 0 15px 220px; } #content.artistKaraokeLeaf3 .songInfo table td ul li { margin-left: 20px; vertical-align: middle; display: inline; } #content.artistKaraokeLeaf3 .songInfo table td ul li img { text-align: center; }}*/ #content.artistKaraokeLeaf3 .songInfo table td ul.sort { width: 435px; margin: 0 0 15px 220px; } #content.artistKaraokeLeaf3 .songInfo table td ul.sort li { float: left; width: 135px; text-align: center; margin-left: 10px; } #content.artistKaraokeLeaf3 .songInfo table td ul.sort li:first-child { padding-bottom: 0; } #content.artistKaraokeLeaf3 .songInfo table td dl { width: 670px; } #content.artistKaraokeLeaf3 .songInfo table td dt { width: 220px; float: left; clear: both; margin-bottom: 10px; } #content.artistKaraokeLeaf3 .songInfo table td dd { float: left; margin-left: 10px; } #content.artistKaraokeLeaf3 table .singer a:link, #content.artistKaraokeLeaf3 table .singer a:visited { text-decoration: underline; } #content.artistKaraokeLeaf3 table .singer a:hover, #content.artistKaraokeLeaf3 table .singer a:active { text-decoration: none; } #content.artistKaraokeLeaf3 .area01 { margin: 30px 0 10px; } #content.artistKaraokeLeaf3 .area01 .matching img { vertical-align: middle; margin: 0 5px 4px 0; } #content.artistKaraokeLeaf3 .area01 .matching p + p { margin-left: 15px; } #content.artistKaraokeLeaf3 table.denmokuList { border: 1px solid #d0d0d0; background-color: #f7f7f7; } #content.artistKaraokeLeaf3 table.denmokuList th, #content.artistKaraokeLeaf3 table.denmokuList td { padding: 10px 0; border-top: 1px solid #d0d0d0; text-align: center; vertical-align: middle; background-color: #f7f7f7; } #content.artistKaraokeLeaf3 table.denmokuList th { text-align: left; padding-left: 15px; } #content.artistKaraokeLeaf3 table.denmokuList + p { margin-top: 10px; line-height: 1.5em; } #content.artistKaraokeLeaf3 table.denmokuList img.model { width: 55px; height: auto; } #content.artistKaraokeLeaf3 .karaokeInfo { width: 878px; margin-top: 30px; } #content.artistKaraokeLeaf3 .karaokeInfo p.title { font-size: 18.5px; font-weight: bold; padding: 7px 0 5px 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: rgb(235,235,235); background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(214,214,214,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(214,214,214,1))); background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%); background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%); background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%); background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%); } #content.artistKaraokeLeaf3 .karaokeInfo p.songTitle { font-size: 14px; font-weight: bold; float: left; margin: 50px 0 0 15px; } #content.artistKaraokeLeaf3 .karaokeInfo table { width: 550px; float: right; margin: 10px 20px 0 0; } #content.artistKaraokeLeaf3 .karaokeInfo table th, #content.artistKaraokeLeaf3 .karaokeInfo table td { text-align: center; vertical-align: middle; padding: 5px 15px; } /* searchKaraokeKeywordArtist ------------------------------------ */ #content.searchKaraokeKeywordArtist #search01, #content.searchKaraokeABCArtist1 #search01 { padding-top: 0; } #content.searchKaraokeKeywordArtist #search01 .search03, #content.searchKaraokeABCArtist1 #search01 .search03 { margin-top: 0; border-top: 0; } #content.searchKaraokeKeywordArtist table.list td.download, #content.searchKaraokeABCArtist1 table.list td.download { width: 300px; } /* searchKeawordKaraoke1 ------------------------------------ */ #content .topicPath + p { margin: 15px 0 20px 50px; } #content .search03 { width: 100%; border-top: 1px solid #ccc; margin: 20px auto; } #content .search03 dl { float: left; margin-top: 20px; } #content .search03 dl:first-child { width: 400px; margin-right: 52px; margin-left: 54px; } #content .search03 dl dt { background: url(/dam/app/search/images/ico_graycircle.gif) no-repeat 5px 1px; padding-left: 25px; margin-bottom: 3px; } #content .search03 dl dd { float: left; margin-right: 10px; } #content.searchKeawordKaraoke1 table.list td.song { width: 300px; } #content.searchKeawordKaraoke1 .search03, #content.searchKeawordKaraoke2 .search03 { margin-top: 0; border-top: none; } /* searchKeawordKaraoke2 ------------------------------------ */ #content.searchKeawordKaraoke2 table.list td.song { width: 280px; } /* searchKaraokeABCArtist ------------------------------------ */ #content.searchKaraokeABCArtist { margin-top: 140px; } #content .search03 { width: 100%; border: 1px solid #ccc; margin: 20px auto; background-color: #FFF; padding-bottom: 15px; } #content .search03 dl+ div { margin-bottom: 20px; float: left; margin-top: 43px; } #content .search03 table.abc { width: 285px; margin: 0 5px 0 54px; clear: left; } #content .search03 table.abc td { padding-bottom: 6px; padding-right: 6px; } .pie{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; zoom: 1; position:relative; } #content .search03 table.abc td a, #content .search03 .detailed table td a { display: block; font-weight: bold; color: #fff; background: rgb(93,91,91); background: -moz-linear-gradient(top, rgba(93,91,91,1) 0%, rgba(86,84,84,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,91,91,1)), color-stop(100%,rgba(86,84,84,1))); background: -webkit-linear-gradient(top, rgba(93,91,91,1) 0%,rgba(86,84,844,1) 100%); background: -o-linear-gradient(top, rgba(93,91,91,1) 0%,rgba(86,84,84,1) 100%); background: -ms-linear-gradient(top, rgba(93,91,91,1) 0%,rgba(86,84,84,1) 100%); background: linear-gradient(to bottom, rgba(93,91,91,1) 0%,rgba(86,84,84,1) 100%); padding: 3px 6px 1px 6px; } #content .search03 table.abc td.empty a { cursor: default; } #content .search03 table.abc td a:hover, #content .search03 table.abc td.empty a, #content .search03 .detailed table td a:hover { color: #d10303; text-decoration: none; background: rgb(235,235,235); background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(214,214,214,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(214,214,214,1))); background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%); background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%); background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%); background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%); }/**/ #content .search03 .detailed table td a { width: 300px; margin-bottom:6px; } #content .search03 table.abc, #content .search03 .detailed { float:left; } /* searchABCKaraoke ------------------------------------ */ #content.searchABCKaraoke .search03 { margin-bottom: 0; border-bottom: none; } #content.searchABCKaraoke table.list td.song { width: 300px; } /* newReleaseArtist ------------------------------------ */ #content.newReleaseArtist .categoryNav > .over, #content.newReleaseArtist .categoryNav .sort { float: left; } #content.newReleaseArtist .categoryNav > .over li, #content.newReleaseArtist .categoryNav .sort ul, #content.newReleaseArtist .categoryNav .sort ul li { display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; } #content.newReleaseArtist .categoryNav .sort { margin: 8px 0 0 5px; } #content.newReleaseArtist .categoryNav .sort > p { float: left; margin: 4px 6px 0 0; color: #262626; font-weight: bold; } #content.newReleaseArtist .inner .title { height: 72px; background: url(/dam/app/dam/images/tit_newReleaseArtist_01.jpg) no-repeat; } #content.newReleaseArtist .inner .title h1 { line-height: 1em; margin-left: 50px; padding-top: 30px; font-size: 1.9em; font-weight:bold; } #content.newReleaseArtist .inner .title h1 span { margin-left: 10px; } #content.newReleaseArtist .inner .date { position: relative; padding: 10px 0 6px; border-bottom: 2px solid #C7C26E; background: url(/dam/images/bg_newReleaseArtist_01.jpg) no-repeat left top; } #content.newReleaseArtist .inner .date > p { padding-top: 3px; font-size: 1em; text-align: center; } #content.newReleaseArtist .inner .date > p strong { font-size: 1.6em; font-weight: bold; } #content.newReleaseArtist .inner .date div p:first-child { position: absolute; top: 11px; left: 9px; } #content.newReleaseArtist .inner .date div p:first-child + p { position: absolute; top: 11px; right: 9px; } #content.newReleaseArtist .inner .monthLink { margin: 6px 0 5px; } #content.newReleaseArtist .inner .monthLink a { margin-left: 15px; font-size: 1.2em; } #content.newReleaseArtist .inner .monthLink a:first-child { margin-left: 10px; } #content.newReleaseArtist .inner .monthLink a:link,#content.newReleaseArtist .inner .monthLink a:visited { text-decoration: underline; } #content.newReleaseArtist .inner .monthLink a:hover,#content.newReleaseArtist .inner .monthLink a:active { text-decoration: none; } #content.newReleaseArtist .artistList ul.over li { display: inline; float: left; margin-left: 1px; } #content.newReleaseArtist .artistList ul.over li:first-child { margin-left: 0px; } #content.newReleaseArtist table.list .singer, #content.newReleaseArtist table.list .song { width: 281px; } #content.newReleaseArtist table.list .request { width: 71px; } #content.newReleaseArtist table.list .provide { width: 59px; } #content.newReleaseArtist table.list .denmoku { width: 90px; } /* weeklyRanking ------------------------------------ */ #content.weeklyRanking .inner .title { height: 72px; background: url(/dam/app/dam/images/tit_weeklyRanking_01.jpg) no-repeat; } #content.weeklyRanking .inner .title h1 { line-height: 1em; margin-left: 50px; padding-top: 30px; font-size: 1.9em; font-weight:bold; } #content.weeklyRanking .inner .title h1 span { margin-left: 10px; } #content .inner .date { position: relative; padding: 10px 0 13px; border-bottom: 2px solid #6da4c6; margin-bottom: 15px; } #content .inner .date > p { padding-top: 3px; font-size: 1em; text-align: center; } #content .inner .date div p:first-child { position: absolute; top: 11px; left: 9px; } #content .inner .date div p:first-child + p { position: absolute; top: 11px; right: 9px; } #content.weeklyRanking .category ul.over li { display: inline; float: left; margin-left: 1px; } #content.weeklyRanking .category ul.over li:first-child { margin-left: 0px; } #content.weeklyRanking table.list .ranking { width: 63px; font-weight: bold; font-size: 15px; padding-left: 12px; } #content.weeklyRanking table.list .singer, #content.weeklyRanking table.list .song { width: 308px; } #content.weeklyRanking table.list .request { width: 71px; } #content.weeklyRanking table.list .denmoku { width: 90px; } /* base ------------------------------------ */ #content.base { /*margin-top: 140px;*/ } #content.base .title p { font-size: 14px; font-weight: normal; padding: 15px; } #content #tabBox ul li { float: left; margin-left: 1px; display:inline; } /* #content #tabBox ul li a img { outline:none; border:none; } #content #tabBox #tab01, #content #tabBox #tab02, #content #tabBox #tab03 { display:none; } */ #content.base #tabBox #tab03 { background-color:#FFF; border: 1px solid #ccc; } #content.base #tabBox #tab03 .pickBox { width: 840px; margin: 30px 0 50px 8px; } #content.base #tabBox #tab03 .pickBox.clearfix .clearfix { background: url(/dam/app/dam/images/bg_mamaoto_01.gif) no-repeat; width: 351px; height: 84px; padding: 22px 22px 22px 25px; float: left; margin: 0 0 20px 22px; } #content.base #tabBox #tab03 .pickBox.clearfix .clearfix p { float: left; margin-right: 10px; } #content.base #tabBox #tab03 .pickBox.clearfix .clearfix dl { float: left; width: 251px; } #content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt { font-size: 13px; font-weight: bold; } #content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt img { vertical-align: middle; !important; margin: 0 0 3px 4px; } #content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt a:link, #content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt a:visited { color: #333333; text-decoration: underline; } #content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt a:hover, #content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt a:active { text-decoration: none; } #content.base #tabBox #tab03 .pickBox.clearfix .clearfix dl dd { font-size: 10px; margin-top: 20px; } #content.base table.list td.singer span img { margin-left: 15px; vertical-align: middle !important; } #content.base table.list tbody td + td + td + td { text-align: center; } */ /* medley ------------------------------------ */ #content.medley { margin-top: 140px; } #content.medley .title h1 { background: url(/dam/app/dam/images/bg_medley_title.jpg) no-repeat; line-height: 1em; padding: 25px 0 25px 50px; font-size: 1.9em; font-weight: bold; } #content.medley .title p { font-size: 14px; font-weight: bold; padding: 15px; } #content.medley .inner .date { position: relative; padding: 10px 0 13px; border-bottom: 2px solid #c7c26e; margin-bottom: 15px; background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(224,222,222,1) 10%, rgba(248,244,244,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(224,222,222,1)), color-stop(100%,rgba(248,244,244,1))); background: -webkit-linear-gradient(top, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); background: -o-linear-gradient(top, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); background: -ms-linear-gradient(top, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); background: linear-gradient(to bottom, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); } #content.medley .inner .date span { font-size: 16px; font-weight: bold; } #content.medley table.list th.medleylist { text-align: left; } #content.medley table.list td.song { font-weight: bold; width: 216px !important; } #content.medley #tabBox + p { color: #777; margin-top: 5px; } #content.medley .tabBox .disNon { display:none; } #content.medley .tabBox { } #content.medley .tabBox ul { display:table; width:813px; } #content.medley .tabBox ul li { display: table-cell; height: 41px; padding-top: 3px; text-align: center; vertical-align: middle; font-size: 14px; font-weight: bold; cursor:pointer; } #content.medley .tabBox ul li.nav01, #content.medley .tabBox ul li.nav02 { width: 220px; background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px; !important; } #content.medley .tabBox ul li.on { background-position: left 0; !important; } #content.medley .tabBox ul li:last-child { border-right:none; } #content.medley .tabBox + ul { margin-right: 5px; text-align: right; } /* anime ------------------------------------ */ #content.anime { margin-top: 0; } #content.anime .title h1 { background: url(/dam/app/dam/images/bg_anime.jpg) no-repeat; line-height: 1em; padding: 25px 0 25px 50px; font-size: 1.9em; font-weight: bold; } #content.anime .title p { font-size: 14px; font-weight: normal; padding: 15px; } #content.anime .inner .date { position: relative; padding: 10px 0 13px; border-bottom: 2px solid #edad32; margin-bottom: 15px; background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(224,222,222,1) 10%, rgba(248,244,244,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(224,222,222,1)), color-stop(100%,rgba(248,244,244,1))); background: -webkit-linear-gradient(top, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); background: -o-linear-gradient(top, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); background: -ms-linear-gradient(top, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); background: linear-gradient(to bottom, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); } #content.anime .inner .date span { font-size: 16px; font-weight: bold; } #content.anime table.animeList { background-color: #FFF; font-size: 12px; } #content.anime table.animeList th { background-color: #EBEBEB; white-space: nowrap; word-spacing: normal; font-size: 12px; } #content.anime table.animeList th, #content.anime table.animeList td { padding: 5px 12px 5px 7px; border: 1px solid #D0D0D0; vertical-align: middle; text-align: center; } #content.anime table.animeList .artist, #content.anime table.animeList .song, #content.anime table.animeList .singer { text-align: left !important; width: 296px; } #content.anime table.animeList th.program { background: rgb(253,233,195); background: -moz-linear-gradient(top, rgba(253,233,195,1) 10%, rgba(254,211,147,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(253,233,195,1)), color-stop(100%,rgba(254,211,147,1))); background: -webkit-linear-gradient(top, rgba(253,233,195,1) 10%,rgba(254,211,147,1) 100%); background: -o-linear-gradient(top, rgba(253,233,195,1) 10%,rgba(254,211,147,1) 100%); background: -ms-linear-gradient(top, rgba(253,233,195,1) 10%,rgba(254,211,147,1) 100%); background: linear-gradient(to bottom, rgba(253,233,195,1) 10%,rgba(254,211,147,1) 100%); text-align: left; font-weight: bold; } #content.anime table.animeList .artist a:link, #content.anime table.animeList .song a:link, #content.anime table.animeList .singer a:link, #content.anime table.animeList .artist a:visited, #content.anime table.animeList .song a:visited, #content.anime table.animeList .singer a:visited { color: #333333; text-decoration: underline; } #content.anime table.animeList .artist a:hover, #content.anime table.animeList .song a:hover, #content.anime table.animeList .singer a:hover, #content.anime table.animeList .artist a:active, #content.anime table.animeList .song a:active, #content.anime table.animeList .singer a:active, #content.anime .tabContents .downloadList ul li a:hover, #content.anime .tabContents .downloadList ul li a:active { text-decoration: none; } #content.anime .tabBox .disNon { display:none; } ##content.anime .tabBox ul { display:table; width:813px; } #content.anime .tabBox ul.tabBtn li { display: table-cell; height: 41px; padding-top: 3px; text-align: center; vertical-align: middle; font-size: 14px; font-weight: bold; cursor:pointer; } #content.anime .tabBox ul li.nav01, #content.anime .tabBox ul li.nav02, #content.anime .tabBox ul li.nav03 { width: 220px; background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px; !important; } #content.anime .tabBox ul li.on { background-position: left 0; !important; } #content.anime .tabBox ul li:last-child { border-right:none; } #content.anime .tabContents .downloadList { border-right:none; } #content.anime .tabContents .downloadList ul { margin: 10px 0; } #content.anime .tabContents .downloadList h2 + p { font-size: 14px; font-weight: bold; padding: 15px; } #content.anime .tabContents .monthLink { margin: 6px 0 5px; } #content.anime .tabContents .monthLink a { margin-left: 15px; font-size: 1.2em; } #content.anime .tabContents .monthLink a:first-child { margin-left: 10px; } /* spmobile ------------------------------------ */ #content.spmobile p.title { background: url(/dam/app/clubdam/images/bg_appli_05.gif) no-repeat; font-size: 21px; font-weight: bold; color: #fff; padding: 6px 20px 2px 15px; } #content.spmobile .appliIcon { margin: 140px 0 30px; } #content.spmobile .appliIcon ul li { width: 104px; display: block; float: left; margin-right: 7px; } #content.spmobile .appliIcon ul li p { font-size: 10px; text-align: center; } #content.spmobile .appli { margin: 140px 0 30px; } #content.spmobile .appliBox { padding: 20px 0; border-bottom: 1px solid #ccc; } #content.spmobile .appliBox p:first-child { float: left; } #content.spmobile .appliBox .clearfix { width: 657px; float: right; } #content.spmobile .appliBox .clearfix ol { float: left; font-size: 15px; font-weight: bold; margin-top: 10px; } #content.spmobile .appliBox .clearfix ol li { background: url(/dam/app/clubdam/images/bg_appli_01.jpg) no-repeat; padding-left: 28px; } #content.spmobile .appliBox .clearfix ol li + li { background: url(/dam/app/clubdam/images/bg_appli_02.jpg) no-repeat; } #content.spmobile .appliBox .clearfix ol li + li + li { background: url(/dam/app/clubdam/images/bg_appli_03.jpg) no-repeat; } #content.spmobile .appliBox .clearfix ol li + li + li + li { background: url(/dam/app/clubdam/images/bg_appli_04.jpg) no-repeat; } #content.spmobile .appliBox .clearfix .clearfix { width: 304px; float: right; margin-top: 10px; } #content.spmobile .appliBox .clearfix .clearfix p { float: left; } #content.spmobile .appliBox .clearfix .clearfix p + p { margin: 5px 0; } #content.spmobile .appliBox .clearfix .clearfix p + p + p { margin-right: 5px; } #content.spmobile .mobile { width: 878px; } #content.spmobile .mobile p.title { margin-bottom: 20px; } #content.spmobile .mobileBox { width: 266px; height: 120px; background-color: #FFF; border: 1px solid #ccc; padding: 13px 10px 0; margin: 0 6px 6px 0; float: left; } #content.spmobile .mobileBox div { font-size: 10px; width: 180px; float: left; margin-right: 21px; } #content.spmobile .mobileBox div + p { float: right; } #content.spmobile .mobileBox div > p + p { margin: 8px 0; font-size: 12px; } #content.spmobile p.title + div.mobileBox + div.mobileBox + div.mobileBox { margin-right: 0; } /*20140305追加 ------------------------------------ */ ##content.base .tabBox ul { display:table; width:813px; } #content.base .tabBox ul li { display: table-cell; height: 41px; padding-top: 3px; text-align: center; vertical-align: middle; font-size: 14px; font-weight: bold; cursor:pointer; } #content.base .tabBox ul li.nav01 { width: 220px; background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px; !important; } #content.base .tabBox ul li.nav02 { width: 220px; background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px; !important; } #content.base .tabBox ul li.nav03 { width: 220px; background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px; !important; } #content.base .tabBox ul li.on { background-position: left 0; !important; } #content.base .tabBox ul li:last-child { border-right:none; } #content.base .tabBox + ul { margin-right: 5px; text-align: right; } #content.base .tabContents .pickBox { width: 840px; margin: 30px 0 50px 8px; } #content.base .tabContents .pickBox.clearfix .clearfix { background: rgba(0, 0, 0, 0) url("/dam/app/dam/images/bg_mamaoto_01.gif") no-repeat scroll 0 0; float: left; height: 130px; margin: 0 0 20px 5px; padding: 15px 15px 42px 10px; width: 405px; } #content.base .tabContents .pickBox.clearfix .clearfix p { float: left; margin-right: 10px; } #content.base .tabContents .pickBox.clearfix .clearfix dl { float: left; width: 251px; } #content.base .tabContents .pickBox.clearfix .clearfix dt { font-size: 13px; font-weight: bold; } #content.base .tabContents .pickBox.clearfix .clearfix dt img { vertical-align: middle; !important; margin: 0 0 3px 4px; } #content.base .tabContents .pickBox.clearfix .clearfix dt a:link, #content.base .tabContents .pickBox.clearfix .clearfix dt a:visited { color: #333333; text-decoration: underline; } #content.base .tabContents .pickBox.clearfix .clearfix dt a:hover, #content.base .tabContents .pickBox.clearfix .clearfix dt a:active { text-decoration: none; } #content.base .tabContents .pickBox.clearfix .clearfix dl dd { font-size: 10px; margin-top: 20px; } #content.base table.list td.singer span img { margin-left: 15px; vertical-align: middle !important; } #content.base table.list tbody td + td + td + td { text-align: center; } #content.base .tabBox .disNon { display:none; } #content.base .tabBox .tabContents { background-color: #FFF; border: 1px solid #ccc; } /*20140308追加 ------------------------------------ */ #content.base .title h1.videoContents { background: url(/dam/app/dam/images/bg_video_contents.jpg ) no-repeat; line-height: 1em; padding: 25px 0 25px 50px; font-size: 1.9em; font-weight: bold; } #content.base .title h1.videoContents + p a { color: #0000FF; } #content.weeklyRanking .inner .title { background: url("/dam/app/dam/images/tit_weeklyRanking_01.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 72px; } #content.weeklyRanking .category .list tr td.ranking.rankUp { background-image: url("/dam/images/ico_top_ranking_01.jpg"); background-repeat: no-repeat; background-position: 3px center; } #content.base .title h1.genre { background: url(/dam/app/dam/images/bg_genre.jpg) no-repeat; line-height: 1em; padding: 25px 0 25px 50px; font-size: 1.9em; font-weight: bold; } #content.base .title h1.anime { background: url(/dam/app/dam/images/bg_anime.jpg) no-repeat; line-height: 1em; padding: 25px 0 25px 50px; font-size: 1.9em; font-weight: bold; } #content.base .title h1.soundContents { background: url(/dam/app/dam/images/bg_sound_contents.jpg) no-repeat; line-height: 1em; padding: 25px 0 25px 50px; font-size: 1.9em; font-weight: bold; } /* #content.medley .tabBox .disNon { display:none; } #content.medley .tabBox { } #content.medley .tabBox ul { display:table; width:813px; } #content.medley .tabBox ul li { display: table-cell; height: 41px; padding-top: 3px; text-align: center; vertical-align: middle; font-size: 14px; font-weight: bold; cursor:pointer; } #content.medley .tabBox ul li.nav01, #content.medley .tabBox ul li.nav02 { width: 220px; background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px; !important; } #content.medley .tabBox ul li.on { background-position: left 0; !important; } #content.medley .tabBox ul li:last-child { border-right:none; } #content.medley .tabBox + ul { margin-right: 5px; text-align: right; } */ /*20140310追加 ------------------------------------ */ div#content.newReleaseArtist div#tabBox.artistList table.list th.singerName { text-align: left; background-color: #F9FB80; font-weight: bold; } .hover_opacity:hover{filter:alpha(opacity=60);opacity:0.6;} /*20140310追加 ------------------------------------ */ .tabBox #nav.tabBtn li a { display: block; height: 25px; } /*20140311追加 ------------------------------------ */ #content.weeklyRanking #tabBox ul { width:100%x; padding: 0; list-style: none; } #content.weeklyRanking #tabBox ul li { margin-right:2px; float:left; display:inline; font-size:0; } #content.weeklyRanking #tabBox ul li + li + li + li { margin-right:0; } #content.weeklyRanking #tabBox ul li a img{ outline:none; border:none; } #content.weeklyRanking #tabBox div { display:none; } #content.base .title h1 { line-height: 1em; padding: 25px 0 25px 50px; font-size: 1.9em; font-weight: bold; } #content.base table.list td.singer span img { margin-left: 15px; vertical-align: middle !important; } #content.base table.list tbody td + td + td + td { text-align: center; } #content.base .tabBox .disNon { display:none; } #content.base .tabBox { } ##content.base .tabBox ul { display:table; width:813px; } #content.base .tabBox ul li.nav01 { width: 220px; background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px; !important; } #content.base .tabBox ul li.nav02 { width: 220px; background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px; !important; } #content.base .tabBox ul li.nav03 { width: 220px; background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px; !important; } #content.base .tabBox ul li.on { background-position: left 0; !important; } #content.base .tabBox ul li:last-child { border-right:none; } #content.base .tabBox + ul { margin-right: 5px; text-align: right; } #content.base .tabContents .pickBox { width: 840px; margin: 30px 0 50px 8px; } #content.base .tabContents .pickBox.clearfix .clearfix { background: rgba(0, 0, 0, 0) url("/dam/app/dam/images/bg_mamaoto_01.gif") no-repeat scroll 0 0; float: left; height: 130px; margin: 0 0 20px 5px; padding: 15px 15px 42px 10px; width: 405px; } #content.base .tabContents .pickBox.clearfix .clearfix p { float: left; margin-right: 10px; } #content.base .tabContents .pickBox.clearfix .clearfix dl { float: left; width: 251px; } #content.base .tabContents .pickBox.clearfix .clearfix dt { font-size: 13px; font-weight: bold; } #content.base .tabContents .pickBox.clearfix .clearfix dt img { vertical-align: middle; !important; margin: 0 0 3px 4px; } #content.base .tabContents .pickBox.clearfix .clearfix dt a:link, #content.base .tabContents .pickBox.clearfix .clearfix dt a:visited { color: #333333; text-decoration: underline; } #content.base .tabContents .pickBox.clearfix .clearfix dt a:hover, #content.base .tabContents .pickBox.clearfix .clearfix dt a:active { text-decoration: none; } #content.base .tabContents .pickBox.clearfix .clearfix dl dd { font-size: 10px; margin-top: 20px; } #content.base .inner .date { position: relative; padding: 10px 0 13px; border-bottom: 2px solid #edad32; margin-bottom: 15px; background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(224,222,222,1) 10%, rgba(248,244,244,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(224,222,222,1)), color-stop(100%,rgba(248,244,244,1))); background: -webkit-linear-gradient(top, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); background: -o-linear-gradient(top, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); background: -ms-linear-gradient(top, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); background: linear-gradient(to bottom, rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%); } #content.base .inner .date span { font-size: 16px; font-weight: bold; } #content.base .tabContents .downloadList ul li a:hover, #content.base .tabContents .downloadList ul li a:active { text-decoration: none; } #content.base .tabContents .downloadList { border-right:none; } #content.base .tabContents .downloadList ul { margin: 10px 0; } #content.base .tabContents .downloadList ul li a { font-weight: normal; } #content.base .tabContents .downloadList h2 + p { font-size: 14px; font-weight: bold; padding: 15px; } #content.base .tabContents .monthLink { margin: 6px 0 5px; } #content.base .tabContents .monthLink a { margin-left: 15px; font-size: 1.2em; } #content.base .tabContents .monthLink a:first-child { margin-left: 10px; } /*20140312追加 ------------------------------------ */ div#content.base div.tabContents div.downloadList #subTitle.anime h2 { background: url(/dam/app/dam/images/anime_subtitle.jpg) no-repeat; line-height: 1em; padding: 11px 0 10px 50px; font-size: 20px; font-weight: bold; } div#content.base div.tabContents div.downloadList #subTitle.common h2 { background: url(/dam/app/dam/images/common_subtitle.jpg) no-repeat; line-height: 1em; padding: 11px 0 10px 50px; font-size: 20px; font-weight: bold; } div#content.base div.tabContents div.downloadList span { padding: 10px; font-size: 14px; } div#content.anime div.tabContents div.downloadList #subTitle.anime h2 { background: url(/dam/app/dam/images/anime_subtitle.jpg) no-repeat; line-height: 1em; padding: 11px 0 10px 50px; font-size: 20px; font-weight: bold; } div#content.anime div.tabContents div.downloadList span { padding-left: 10px; font-size: 14px; } #content.anime .tabBox .tabContents .downloadList ul li.hover_opacity.pie.on { background-color: #FFCC66; } #content.base .tabBox .tabContents .downloadList ul li.hover_opacity.pie.on { background-color: #FF99CC; } div#content.base div.downloadList #subTitle.common h2 { background: url(/dam/app/dam/images/common_subtitle.jpg) no-repeat; line-height: 1em; padding: 11px 0 10px 50px; font-size: 20px; font-weight: bold; } div#content.base div.downloadList span { padding: 10px; font-size: 14px; } #content.base .tabBox .downloadList ul li.hover_opacity.pie.on { background-color: #FF99CC; } #footer .info .copyright img { padding-left: 110px; } /*20140313追加 ------------------------------------ */ .pagetop { width: 900px; margin: 0 auto; padding-top: 50px; } /*20140314追加 ------------------------------------ */ #content.anime .tabContents .downloadList ul li { float: left; border: 1px solid #ccc; font-size: 13px; padding: 2px; box-sizing: content-box; margin-right: 2px; text-align: center; width: auto; min-width: 165px; height: 20px; } #content.base .tabContents .downloadList ul li { float: left; border: 1px solid #ccc; font-size: 13px; padding: 2px; box-sizing: content-box; margin-right: 2px; text-align: center; width: auto; min-width: 165px; height: 20px; } #content.base .downloadList ul li { float: left; border: 1px solid #ccc; font-size: 13px; padding: 2px; box-sizing: content-box; margin-right: 2px; text-align: center; width: auto; min-width: 165px; height: 20px; } #footer .logo .inner { width:930px; margin-left:auto; margin-right:auto; } #footer .logo .inner p.copyright { text-align:right; } /*20140317追加 ------------------------------------ */ #content.newReleaseArtist .inner #LiveKaraoke.localContents .title { background:none; } #subTitle.anime h2 span { font-weight: normal; } #content.base .tabBox .common h2 span { font-weight: normal; font-size: 14px; } #content.base .tabBox .soundContents h2 span { font-weight: normal; } /*20140318追加 ------------------------------------ */ #content.anime .inner .tabBox .tabContents .downloadList .clearfix .pie a { display: block; height: 20px; } #content.base .inner .tabBox .tabContents .downloadList .clearfix .pie a { display: block; height: 20px; } /*20140321追加 ------------------------------------ */ #WebMember_Background, #WebMember_Console, #WebMembership { display: none; } /*20140412追加 ------------------------------------ */ .detail_notes a:link, .detail_notes a:visited { color: #347926; text-decoration: none; } .detail_notes a:active, .detail_notes a:hover { text-decoration: underline; } /*20141127追加 ------------------------------------ */ #content .inner .search02 table th { width: 165px; } /*20160325追加 ------------------------------------ */ #content.base .tabBox ul.tabBtn02 li { display: inline-block; background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px !important; width: 142px !important; height: 44px; line-height: 44px; padding-top: 0; text-align: center; vertical-align: middle; font-size: 14px; font-weight: bold; cursor:pointer; } #content.base .tabBox ul.tabBtn02 li a{ display:block; } #content.base .tabBox ul.tabBtn02 li a{ display:block; } #content.base .tabBox ul.tabBtn02 li.on { background-position: left 0 !important; } /*#content.base .tabBox ul li:last-child { border-right:none; }*/ .midashi_sub p { width: 580px; float: right; font-weight: bold; background-color: #ccc; text-align: center; height: 30px; line-height: 30px; margin-right:152px; } .midashi_sub:after { content: ''; display: block; clear: both; } .dual01, .dual02, .dual03 { display: inline-block; width: 33.333%; vertical-align: top; } .dual02, .dual03 { text-align: center; } .tabBox_search{ background-color:#E7E8E2; padding:10px 0; margin-bottom:10px; } .tabBox_search .midashi{ font-size:18px; width:100%; font-weight:bold; color:#333; text-align:center; padding: 5px 0; } .color01{ background-color:#ff4000; } .color02{ background-color:#ff9100; } .tabBox_search .midashi_secound, .tabBox_search .midashi_btn{ font-weight:bold; margin-left:8px; } .tabBox_search .midashi_secound li{ float:left; margin-right: 3px; margin-bottom:3px; padding: 5px 0; color:#FFF; text-align:center; letter-spacing:2px; } .tabBox_search .midashi_secound li.cell01{ width: 213px; background-color: #ff4000; } .tabBox_search .midashi_secound li.cell02{ width: 645px; margin-right:0; background-color: #ff9100; } .tabBox_search .midashi_btn li{ float:left; margin-right: 3px; width: 105px; color:#FFF; text-align:center; border-radius:3px; } .tabBox_search .midashi_btn li a{ display:block; padding:10px 0; color:#FFF; text-align:center; border-radius:3px; } .tabBox_search .midashi_btn li a:last-child{ margin-right:0; } .tabBox_search .midashi_btn li.color01 a:hover, .tabBox_search .midashi_btn li.color01.on a{ background-color: #c00; } .tabBox_search .midashi_btn li.color02 a:hover, .tabBox_search .midashi_btn li.color02.on a{ background-color: #b87a00; } #content.feature #livekaraoke h2{ background: none; color: #fff; margin: 20px 0 14px; padding: 0; width: 810px; overflow: hidden; } /*20171017追加 ------------------------------------ */ #content table tbody { background: #fff; color: #333; font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", ArialMT, sans-serif; font-size: 12px; line-height: 1.5; -webkit-text-size-adjust: none; /* フォントサイズ自動調整 */ } #LiveKaraoke #KeyVisualBlock p.text { /* display: block; width: 810px; top: 246px; left: auto; color: #fff; font-size: 12px; line-height: 1.3; */ background-size: contain; } @media screen and (max-width: 720px) { #LiveKaraoke #KeyVisualBlock p.text { color: transparent; font-size: 0; } } #LiveKaraoke #KeyVisualBlock p { height: 85px; line-height: 130%; color: #fff; } #LiveKaraoke #KeyVisualBlock .lk-lead { display: none; font-size: 1.2rem; } @media screen and (max-width: 720px) { #LiveKaraoke #KeyVisualBlock .lk-lead { display: block; margin-top: 10px; } } #BBContents h3 { margin-bottom: 10px; } #content th { font-weight: bold; } #content .localContents { width: 852px; margin: 0 auto; padding: 10px; } #content { background-color: white; } #main_2nd { margin: 0; padding: 0 5px 20px 0; text-align: left; } #main_2nd h1, #main_2nd h2, #main_2nd h3, #main_2nd h4, #main_2nd h5, #main_2nd h6 { font-weight:bold; font-size:12px; } #content h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; font-style: normal; font-weight: normal; } #content h1, h2, h3, h4, h5, h6 { font-weight: bold; } #content h2 { display: block; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } #content h2.dspB { display: none; } @media screen and (max-width: 720px) { #content h2.dspB { display: block; } #content h2.dspN { display: none; } } #LiveKaraoke #KaraokeList th { border-bottom: 5px #fff solid; } #LiveKaraoke #KaraokeList th .lk-subtitle, #LiveKaraoke #KaraokeList h2 .lk-subtitle, #LiveKaraoke .KaraokeList h2 .lk-subtitle, #LiveKaraoke #ReleaseBlock h2 .lk-subtitle, #LiveKaraoke #ReleaseBlock2 h2 .lk-subtitle { display: none; padding: 5px; background: #111111; color: #ffffff; text-align: left; font-size: 1.4rem; font-weight: bold; } @media screen and (max-width: 720px) { #LiveKaraoke #KaraokeList th img, #LiveKaraoke #KaraokeList h2 img, #LiveKaraoke .KaraokeList h2 img, #LiveKaraoke #ReleaseBlock h2 img, #LiveKaraoke #ReleaseBlock2 h2 img { display: none; } #LiveKaraoke #KaraokeList th .lk-subtitle, #LiveKaraoke #KaraokeList h2 .lk-subtitle, #LiveKaraoke .KaraokeList h2 .lk-subtitle, #LiveKaraoke #ReleaseBlock h2 .lk-subtitle, #LiveKaraoke #ReleaseBlock2 h2 .lk-subtitle { display: block; white-space: nowrap; } } #content .dam_caption { margin: 10px 0 20px 20px; } #content ul.dam_caption { text-indent: -1em; margin-top: 20px; color: #666; /* font-size: 62.5%*/ } #content div.pagenavigationBox { text-align: right; clear: both; display: none; } #content .inner { padding: 0 0 10px 0; } #footer .nav .backtop { position: absolute; right: 0; bottom: 0; } #content .backtop { position: absolute; right: 0; bottom: 0; } #content div.clearing { clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 0px; width: 0px; font-size: 1px; line-height: 100%; } #content img.icon { margin-left: 0.5em; width: 13px; height: 13px; } #content .bulletlink a { color: #000; font-weight: bold; word-break: break-all; } #content img { vertical-align: top; } #Miku #gameSong01 table { background-image: url(/dam/images/feature/miku_project_mirai2/bg_table01_bottom.gif); } #content tr { display: table-row; vertical-align: inherit; border-color: inherit; } #Yogaku #Mainarea table, #Yogaku #Mainarea table th, #Yogaku #Mainarea table td { border: 1px #b67d91 solid; } #Mainarea .list th { padding: 3px; } #Yogaku #Mainarea th { background: #cda8b5 url(/dam/images/newrelease/yogaku/list_ttlbg.gif) repeat-x; } /*#content a:link, #content a:visited{ color: #03A; text-decoration: underline; }*/ #Yogaku #Mainarea .nendai { padding-top: 10px; } #Yogaku #Mainarea .list h3 { margin-bottom: 20px; } #Hrhm .leftarea { float: left; width: 570px; margin-right: 20px; } #Hrhm #HRHM_Tab li { float: left; display: inline; margin: 0px; padding: 0px; } #Hrhm .karaoke_list_box .hrhm_title { margin: 0px 0px 10px 0px; border-bottom: 1px #000 solid; } #Hrhm .karaoke_list_box .hrhm_list_new .width01 { width: 25%; } #Hrhm .karaoke_list_box .hrhm_list_new th { color: #FFF; padding: 5px; background: #000; border: 1px #666 solid; font-size: 10px; line-height: 130%; letter-spacing: 0px; text-align: left; } #content table { border-collapse: collapse; } #Hrhm .karaoke_list_box .hrhm_list_new td { border: 1px #666 solid; padding: 5px; font-size: 13px; line-height: 130%; text-align: left; } #Hrhm .karaoke_list_box .hrhm_list_new .width01 { width: 25%; } #Hrhm .karaoke_list_box .hrhm_list_new .width02 { width: 60%; } #Hrhm .karaoke_list_box .hrhm_list_new .width03 { width: 15%; } #Hrhm .rightarea { float: right; width: 240px; } #Hrhm .rightarea .section .bdr, #Hrhm .rightarea .section li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px #aaa dashed; } #Hrhm .rightarea .section { padding-bottom: 10px; margin-bottom: 10px; background: url(/dam/images/feature/hrhm/right_bg.gif) no-repeat left bottom; } #Hrhm .rightarea .section h3 { margin-bottom: 10px; } #Hrhm .rightarea .section p, #Hrhm .rightarea .section li { padding: 0px 10px 10px; } #BBContents table { width: 100%; margin-bottom: 20px; top:40px; } #feauture_style .block03 { background-color: #fdecf3; padding: 15px; margin-bottom: 35px; } #feauture_style #wall { padding: 24px 29px; background-image: url(/dam/images/feature/tohokei/bg_wall.gif); background-repeat: no-repeat; background-position: left top; } #keyVisual { margin-bottom: 25px; } #content .songBlock { clear: both; margin-bottom: 20px; } #content .clearFix { display: block; } #feauture_style .block03 .column { width: 315px; height: 38px; padding: 20px; background-image: url(/dam/images/feature/tohokei/bg_info_banner.gif); background-repeat: no-repeat; background-position: 0 0; } #content .column dd { float: right; width: 112px; text-align: right; } #content .fL { float: left; } #content .fR { float: right; } #content .clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content blockquote, p, pre, dl, dt, dd { margin: 0; padding: 0; border: 0; } #feauture_style .songBlock table th { text-align: center; background-color: #c82464; color: #fff; font-weight: normal; text-align: center; } #content .songBlock table th, #feauture_style .songBlock table td { padding: 5px; border-style: solid; border-width: 0 0 1px 1px; border-color: #c82464; } #content h3 { display: block; top: auto; left: auto; hight: 30px } #feauture_style .block02 { position: relative; padding-top: 29px; margin-bottom: 20px; } #feauture_style .block02 .columnA { float: left; width: 330px; padding-top: 84px; } /* p { margin-bottom: 24px; } */ #content p.linkText { text-align: right; margin-bottom: 0; line-height: 30px; } #feauture_style .block03 .column dt { float: left; width: 173px; font-weight: bold; font-size: 16px; color: #fff; text-align: center; } #feauture_style .block02 .columnA p { margin-bottom: 17px; } #feauture_style .block02 .columnA ul li { font-size: 11px; line-height: 1.6; } #feauture_style .block02 .inner { background-color: #fdecf3; padding: 30px 26px 25px 26px; } #feauture_style .block02 .columnB { float: right; width: 359px; } #feauture_style{ background-repeat: repeat-y; background-position: left; } /* #List td { font-size: 6px; width: 120; } */ #List h3 { width: auto; font-size: 8px; top: auto; left: auto; } #List .spec{ vertical-align:bottom; margin-bottom:5px; } #feauture_style h2.title { padding: 4px 5px; text-align: center; color: #fff; background-color: #c62463; font-size: 16px; font-weight: bold; } #feauture_style #wall { padding: 24px 29px; background-image: url(/dam/images/feature/tohokei/bg_wall.gif); background-repeat: no-repeat; background-position: left top; } #feauture_style { /*background-image: url(/dam/images/feature/tohokei/bg_wall02.jpg); background-repeat: repeat; background-position: left;*/ } #LiveKaraoke .arc li { float: left; width: 400px; margin: 0px 15px 10px 0px; } #LiveKaraoke .arc li a { color: #000; text-decoration: none; } #LiveKaraoke .arc li a:hover { text-decoration: underline; } #LiveKaraoke .arc .img_left { float: left; width: 70px; margin-right: 10px; vertical-align: top; } #content h2 { margin: 0; } #content .bulletlink a:link, a:visited { text-decoration: none; /* color: #000; */ } #main_2nd .bulletlink a:hover { text-decoration: underline; color: #000; } #main_2nd a:hover { color: #F00; text-decoration: underline; } #ProfileBlock .left_block { float: left; width: 613px; padding: 10px; } #LiveKaraoke #ProfileBlock .right_block { float: right; width: 185px; margin: 0px; padding: 10px 10px 10px 0px; } #LiveKaraoke #KaraokeList p { color: #666; line-height: 120%; } #LiveKaraoke #KaraokeList .img_left { width: 80px; float: left; margin-right: 10px; } /* #LiveKaraoke #KeyVisualBlock p.text { top: auto; } */ #LiveKaraoke #KaraokeList p { color: #666; line-height: 120%; } #LiveKaraoke #KaraokeList .img_left { width: 80px; float: left; margin-right: 10px; } #LiveKaraoke #KaraokeList .text { width: 184px; float: right; } #LiveKaraoke #KeyVisualBlock { margin-bottom: 10px; } /*#searchSong .inner div { margin-top: 42px; }*/ /*20140315追加 -------------------------*/ .artistBox { width: 45%; min-height: 100px; float: left; margin: auto; padding-left: 40px; /*padding-bottom: 20px;*/ } .artistBox dd { float: left; } #content .artistBox dt a:visited,#content .artistBox dt a:link { color: #000; text-decoration: none; } #content .artistBox dt a:hover { text-decoration: underline; } #content .artistBox img { vertical-align: middle; padding-right: 5px; box-sizing: content-box; } .artistBox dt .artistDate { font-weight: bold; } /*20140317 -----------------------------*/ #LiveKaraoke #ProfileBlock { margin-bottom: 20px; } #content.feature #LiveKaraoke #KeyVisualBlock h2 { margin: 0; padding: 0; } #content.feature #LiveKaraoke h2 { padding: 0; } p.pagetop { display: none; } /*20171017 -----------------------------*/ /* ******************************************************************************* */ /* #KaraokeDAM */ /* =============================================================================== */ #main_wp{ background:#fff; margin:5px 10px; } #main_2nd{ margin:0; /*padding:10px 20px 20px;*/ padding:0 5px 20px 0; text-align:left; } #main_2nd .localContents{ width:830px; margin:0 auto; padding:0; } #main_2nd img.icon {margin-left:0.5em;width:13px;height:13px;} #main_2nd .pdf25{width:25px;height:26px;margin-right:5px;vertical-align:middle;} #main_2nd img.stmicon {margin-right:0.5em;width:13px;height:13px;vertical-align:middle;} #main_2nd p.dam_caption {margin-top:20px;color:#666;} #main_2nd ul.dam_caption {margin-top:20px;color:#666;} #main_2nd ul.dam_caption {padding-left:1em;text-indent:-1em;} #main_2nd .txt01 {color:#666;margin-left:10px;} /* 共通リスト */ .li280_img90_text li{float:left;width:320px;margin:0px 10px 10px 0px;display:inline;} .li280_img90_text li strong{line-height:100%;} .li280_img90_text li .imgLeft{float:left;width:90px;margin-right:10px;} /* ******************************************************************************* */ /* #NewRelease 最新のカラオケ配信曲 */ /* =============================================================================== */ #NewRelease {width: 830px; margin: auto;} #NewRelease #NewlistTitle {margin-bottom:20px;} #NewRelease #NewlistTitle form#GenreForm {margin-top:10px;}/* ジャンル選択用のプルダウンフォーム */ #NewRelease #NewlistTitle form#GenreForm select#GenreSelector{}/* ジャンル選択用のプルダウンフォーム */ #NewRelease #ArcNavi {width:830px;height:29px;background:url(/dam/images/newrelease/arc_navi_bg.gif) repeat-x;} #NewRelease #ArcNavi #lastmonth {float:left;width:72px;} #NewRelease #ArcNavi #thismonth {float:left;width:686px;padding-top:3px;text-align:center;font-weight:bold;} #NewRelease #ArcNavi #thismonth .gray_txt{padding-left:10px;color:#666;font-weight:normal;} #NewRelease #ArcNavi #nextmonth {float:left;width:72px;} #NewRelease #ListNavi {display:inline;} #NewRelease #ListNavi ul{display:inline;;} #NewRelease #ListNavi li{float:left;width:83px;height:43px;text-indent:-9999px;} #NewRelease #ListNavi li a{width:83px;height:43px;overflow:hidden;display:block;} #NewRelease #ListNavi #aa{background:url(/dam/images/newrelease/list_navi.gif) no-repeat 0px 0px;} #NewRelease #ListNavi #aa_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat 0px -43px;} #NewRelease #ListNavi #ka{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -83px 0px;} #NewRelease #ListNavi #ka_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -83px -43px;} #NewRelease #ListNavi #sa{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -166px 0px;} #NewRelease #ListNavi #sa_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -166px -43px;} #NewRelease #ListNavi #ta{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -249px 0px;} #NewRelease #ListNavi #ta_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -249px -43px;} #NewRelease #ListNavi #na{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -332px 0px;} #NewRelease #ListNavi #na_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -332px -43px;} #NewRelease #ListNavi #ha{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -415px 0px;} #NewRelease #ListNavi #ha_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -415px -43px;} #NewRelease #ListNavi #ma{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -498px 0px;} #NewRelease #ListNavi #ma_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -498px -43px;} #NewRelease #ListNavi #ya{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -581px 0px;} #NewRelease #ListNavi #ya_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -581px -43px;} #NewRelease #ListNavi #ra{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -664px 0px;} #NewRelease #ListNavi #ra_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -664px -43px;} #NewRelease #ListNavi #wa{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -747px 0px;} #NewRelease #ListNavi #wa_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -747px -43px;} #NewRelease #ListNavi .clearing {clear:both;} #NewRelease .listblock h3{margin-bottom:10px;} #NewRelease .listblock table {width:100%;} #NewRelease .listblock table th,#NewRelease .listblock table td {padding:3px;border:1px #fcc76d solid;text-align:left;} #NewRelease .listblock table .width01{width:39%} #NewRelease .listblock table .width02{width:39%} #NewRelease .listblock table .width03{width:12%} #NewRelease .listblock table .width04{width:10%} #NewRelease .listblock table .medleytitle{width:40%;} #NewRelease .listblock table tr.tdhead td{background:#eee} #NewRelease .listblock th{background:#fed088;} #NewRelease ThisWeekList table .width01{width:45%} #NewRelease ThisWeekList table .width02{width:45%} #NewRelease ThisWeekList table .width03{width:10%} #NewRelease .listblock .song_indent{padding-left:30px;} /* ******************************************************************************* */ /* #NewRelease #Indies 最新のカラオケ配信曲(インディーズ) */ /* =============================================================================== */ #Indies .keyvisual, #Indies .keyvisual h2, #Indies .keyvisual p{margin-bottom:10px;} #Indies .keyvisual .update{margin:0px;text-align:right;} #Indies .new{margin-left:10px;color:#f00;} #Indies .mainpickup {margin-bottom:20px;padding-bottom:10px;background:url(/dam/images/newrelease/indies/mainpu_bg.gif) no-repeat left bottom;} #Indies .mainpickup h3{padding:40px 0px 0px 30px;background:url(/dam/images/newrelease/indies/mainpu_title_bg.gif) no-repeat left top;color:#fff;} #Indies .mainpickup .artist, #Indies .mainpickup .jacket {width:810px;margin:10px;padding-bottom:10px;border-bottom:1px #aaa dashed;} #Indies .photo{float:left;width:200px;margin-right:10px;margin-bottom:10px;} #Indies .text {float:left;width:600px;} #Indies .mainpickup .jacket {border:none;margin-bottom:0px;} #Indies .mainpickup .jacket .photo{width:110px;} #Indies .mainpickup .jacket .text{width:690px;} #Indies .mainpickup .jacket .text .spec{color:#666;} #Indies .subpickup {margin-bottom:20px;} #Indies .otherlist h3, #Indies .indies_information h3, #Indies .subpickup h3{padding:2px 0px 0px 30px;margin-bottom:10px;background:url(/dam/images/newrelease/indies/subpu_title_bg.gif) no-repeat left top;color:#fff;} #Indies .subpickup .text{width:620px;} #Indies .indies_information .section{margin-bottom:10px;padding:0px 0px 0px 60px;border-bottom:1px #aaa dashed;} #Indies .indies_information #logo_be{background:url(/dam/images/newrelease/indies/logo_s_bigecho.gif) no-repeat 0px 0px;} #Indies .indies_information #logo_sk{background:url(/dam/images/newrelease/indies/logo_s_sk.gif) no-repeat 0px 0px;} #Indies .indies_information #logo_md{background:url(/dam/images/newrelease/indies/logo_s_merodam.gif) no-repeat 0px 0px;} #Indies .indies_information #logo_sd{background:url(/dam/images/newrelease/indies/logo_s_stardigio.gif) no-repeat 0px 0px;} #Indies th{background:#acacff url(/dam/images/newrelease/indies/list_bg.gif) repeat-x;} #Indies td{background:#fff;} #Indies table {width:100%;} #Indies table th,#Indies table td {padding:3px;border:1px #938bcb solid;} #Indies table .width01{width:80%} #Indies table .width02{width:10%} #Indies table .width03{width:10%} #Indies .otherlist {margin-bottom:20px;} #Indies .otherlist th,.liststyle table td {padding:3px;border:1px #938bcb solid;} #Indies .otherlist .width01{width:40%;} #Indies .otherlist .width02{width:40%} #Indies .otherlist .width03{width:10%} #Indies .otherlist .width04{width:10%} /* ******************************************************************************* */ /* #NewRelease #Vpress 最新のカラオケ配信曲(V-STYLE) */ /* =============================================================================== */ #Vpress .keyvisual, #Vpress .keyvisual h2, #Vpress .mainbn, #Vpress .keyvisual p{margin-bottom:10px;} #Vpress .keyvisual .update{margin:0px;text-align:right;} #Vpress .new{padding-left:10px;color:#f00;} #Vpress .mainpickup {margin-bottom:20px;padding-bottom:10px;background:url(/dam/images/newrelease/vpress/mainpu_bg.gif) no-repeat left bottom;} #Vpress .mainpickup h3{padding:5px 0px 0px 30px;background:url(/dam/images/newrelease/vpress/mainpu_title_bg.gif) no-repeat left top;color:#fff;} #Vpress .mainpickup h5{margin-bottom:5px;} #Vpress .mainpickup .artist, #Vpress .mainpickup .jacket {width:810px;margin:10px;padding-bottom:10px;border-bottom:1px #aaa dashed;} #Vpress .photo{float:left;width:200px;margin:0px 10px 10px 0px;} #Vpress .tex{float:left;width:200px;margin-right:10px;} #Vpress .artist p{margin-bottom:10px;} #Vpress .mainlist{padding:0px 10px;} #Vpress .block .mainlist{padding:0px;margin-bottom:20px;} #Vpress .subpickup {margin-bottom:20px;} #Vpress .subpickup table{width:620px;margin-bottom:10px;} #Vpress .subpickup td{border:none;border-bottom:1px #666 solid;vertical-align:bottom;line-height:130%;} #Vpress .subpickup .width01 {width:85%;} #Vpress .subpickup .width02 {text-align:right;letter-spacing:0px;} #Vpress .subpickup h3{padding:0px 0px 5px 0px;} #Vpress .subtitle {font-weight:bold;} #Vpress .otherlist h3, #Vpress .vpress_information h3, #Vpress .subpickup h3{padding:2px 0px 0px 30px;margin-bottom:10px;background:url(/dam/images/newrelease/vpress/subpu_title_bg.gif) no-repeat left top;color:#fff;} #Vpress .subpickup .text{width:620px;} #Vpress .vpress_information .section{margin-bottom:10px;padding:0px 0px 0px 60px;border-bottom:1px #aaa dashed;} #Vpress .vpress_information #logo_24{background:url(/dam/images/newrelease/vpress/logo_s_sc24.gif) no-repeat 0px 0px;} #Vpress .vpress_information #logo_sk{background:url(/dam/images/newrelease/vpress/logo_s_sk.gif) no-repeat 0px 0px;} #Vpress .mainlist th, #Vpress .otherlist th{background:#cb6d6d url(/dam/images/newrelease/vpress/list_bg.gif) repeat-x;} #Vpress .mainlist#Black th{background:#6e6e6e url(/dam/images/newrelease/vpress/list_bg_b.gif) repeat-x;} #Vpress .mainlist#Black table th, #Vpress .mainlist#Black table td {padding:3px;border:1px #000000 solid;} #Vpress .mainlist td{background:#fff;} #Vpress .mainlist table th, #Vpress table td {padding:3px;border:1px #dba8a9 solid;} #Vpress .mainlist table, #Vpress .otherlist table {width:100%;margin-bottom:10px;} #Vpress .mainlist table .width01{width:76%} #Vpress .mainlist table .width02{width:12%} #Vpress .mainlist table .width03{width:12%} #Vpress .otherlist {margin-bottom:20px;} #Vpress .otherlist th,#Vpress table td {padding:3px;border:1px #dba8a9 solid;} #Vpress .otherlist .width01{width:39%;} #Vpress .otherlist .width02{width:39%} #Vpress .otherlist .width03{width:12%} #Vpress .otherlist .width04{width:10%} #Vpress .zyblock {margin-bottom:20px;padding-bottom:10px;background:url(/dam/images/newrelease/vpress/zy_bg.gif) no-repeat left bottom;} #Vpress .zyblock h3{margin:0px;} #Vpress .zyblock .contents {width:790px;margin:0px auto;padding-bottom:10px;} #Vpress .zyblock .contents .photo{width:200px;float:left;margin-right:10px;} #Vpress .zyblock .contents .text{width:580px;margin-bottom:10px;} #Vpress .honninpdf {margin-bottom:10px;} #Vpress .honninpdf .img01{float:left;width:280px;height:25px;} #Vpress .honninpdf .img02{float:right;width:365px;height:25px;} /* ******************************************************************************* */ /* #BBcontents BBコンテンツ */ /* =============================================================================== */ #BBContents h2{margin-bottom:10px;} #BBContents h3{margin-bottom:10px;} #BBContents {margin-bottom:20px;} #BBContents .update{text-align:right;} #BBContents table {width:100%;margin-bottom:20px;} #BBContents th, #BBContents td {padding:3px 0px 3px 5px;} #BBContents .listtype05 table .width01{width:33%} #BBContents .listtype05 table .width02{width:33%} #BBContents .listtype05 table .width03{width:12%} #BBContents .listtype05 table .width04{width:11%} #BBContents .listtype05 table .width05{width:11%} #BBContents .listtype04 table .width01{width:38%} #BBContents .listtype04 table .width02{width:38%} #BBContents .listtype04 table .width03{width:12%} #BBContents .listtype04 table .width04{width:12%} #BBContents .listtype03 table .width01{width:44%} #BBContents .listtype03 table .width02{width:44%} #BBContents .listtype03 table .width03{width:12%} #BBContents .listtype02 table .width01{width:50%} #BBContents .listtype02 table .width02{width:50%} #BBContents #Guide th{background:#9BC6D9 url(/dam/images/bbcontents/guide/list_bg.gif) repeat-x;} #BBContents #Guide table th, #BBContents #Guide table td {border:1px #63A8C6 solid;} #BBContents #Honnin th{background:#FFB5C8 url(/dam/images/bbcontents/honnin/list_bg.gif) repeat-x;} #BBContents #Honnin table th, #BBContents #Honnin table td {border:1px #FC8BA7 solid;} #BBContents #Honninmedley th{background:#FFDEB5 url(/dam/images/bbcontents/honninmedley/list_bg.gif) repeat-x;} #BBContents #Honninmedley table th, #BBContents #Honninmedley table td {border:1px #FFB55A solid;} #BBContents #Imadake th{background:#FFB7BA url(/dam/images/bbcontents/imadake/list_bg.gif) repeat-x;} #BBContents #Imadake table th, #BBContents #Imadake table td {border:1px #FFB7BA solid;} #Imadake #KaraokeList {margin-bottom:20px;} #Imadake #KaraokeList td{padding:10px;vertical-align:top;} #Imadake #KaraokeList li{margin-bottom:10px;} #Imadake #KaraokeList ul{list-style:none;} #Imadake #KaraokeList .td01{width:535px;} #Imadake #KaraokeList .td02{width:294px;} #Imadake #KaraokeList th{border-bottom:5px #fff solid;} #Imadake #KaraokeList h3{line-height:120%;} #Imadake #KaraokeList p{color:#666;line-height:120%;} #Imadake #KaraokeList .img_left{width:80px;float:left;margin-right:10px;} #BBContents #Introon th{background:#B6D2FF url(/dam/images/feature/introon/list_bg.gif) repeat-x;} #BBContents #Introon table th, #BBContents #Introon table td {border:1px #1b5bc3 solid;} #BBContents #Jikisoden th{background:#D9E5A4 url(/dam/images/bbcontents/jikisoden/list_bg.gif) repeat-x;} #BBContents #Jikisoden table th, #BBContents #Jikisoden table td {border:1px #9EAF59 solid;} #BBContents #Meien th{background:#DAC8B0 url(/dam/images/bbcontents/meien/list_bg.gif) repeat-x;} #BBContents #Meien table th, #BBContents #Meien table td {border:1px #8C7C6C solid;} #BBContents #Namaoto th{background:#6b6b6b url(/dam/images/bbcontents/namaoto/list_bg.gif) repeat-x;} #BBContents #Namaoto table th, #BBContents #Namaoto table td {border:1px #404040 solid;} #BBContents #Nikusei th{background:#F2ACE0 url(/dam/images/bbcontents/nikusei/list_bg.gif) repeat-x;} #BBContents #Nikusei table th, #BBContents #Nikusei table td {border:1px #C95FAE solid;} #BBContents #Otakara th{background:#FFE6B5 url(/dam/images/bbcontents/otakara/list_bg.gif) repeat-x;} #BBContents #Otakara table th, #BBContents #Otakara table td {border:1px #FFC556 solid;} #BBContents #Sabihamo th{background:#B6FFC9 url(/dam/images/bbcontents/sabihamo/list_bg.gif) repeat-x;} #BBContents #Sabihamo table th, #BBContents #Sabihamo table td {border:1px #38CE5D solid;} #BBContents #Natsuki th{background:#cfeb5f url(/dam/images/bbcontents/natsuki/list_bg.gif) repeat-x;} #BBContents #Natsuki table th, #BBContents #Natsuki table td {border:1px #526601 solid;} #BBContents #Prooke th{background:#6b6b6b url(/dam/images/bbcontents/prooke_list/list_bg.gif) repeat-x;} #BBContents #Prooke table th, #BBContents #Prooke table td {border:1px #525252 solid;} #BBContents #Begin th{background:#6b6b6b url(/dam/images/bbcontents/begin_list/list_bg.gif) repeat-x;} #BBContents #Begin table th, #BBContents #Begin table td {border:1px #24201f solid;} /* ******************************************************************************* */ /* #DamChannel DAMCHANNEL */ /* =============================================================================== */ #DamChannel #Keyvisual {width:830px; height:790px; margin-bottom:10px;position:relative;} #DamChannel #Keyvisual .movie{width:402px; border:1px solid #000; background:#fff; padding:8px; position:absolute; top:567px; left:25px;} #DamChannel #Keyvisual .movie h4{margin-bottom:5px;} #DamChannel #Keyvisual .movie p{font-size:80%;line-height:1.2em;} #DamChannel #Keyvisual .movie .leftblock{float:left;width:230px;} #DamChannel #Keyvisual .movie .rightblock{float:right;width:165px;} #DamChannel #Keyvisual .movie span{font-size:100%; line-height:1.2em; color:#666; } #DamChannel .container {padding-bottom:15px;margin-bottom:15px;border-bottom:5px #ff8ec7 solid;} #DamChannel #Dtoge li{float:left;width:198px;margin-right:10px;border:1px #9AACC9 solid;} #DamChannel #Dtoge li h4{background:#B2B9E5;padding-left:5px;} #DamChannel #Dtoge li p img{margin:5px auto;display:block;} #DamChannel #Dtoge .nomgn {margin-right:0px;} #DamChannel #Corner .corner_bg {width:830px;margin-bottom:10px;padding-bottom:10px;background:url(/dam/images/damchannel/corner_bg_l.gif) no-repeat left bottom;} #DamChannel #Corner .section {width:411px;float:left;margin-right:8px} #DamChannel #Corner #Artist, #DamChannel #Corner #Entertainment {margin-right:0px} #DamChannel #Corner p.artist{margin:10px 10px 0px;padding:5px;background:#fee3ef;} #DamChannel #Corner p{margin:5px;} #DamChannel #Tv {height:120px;margin-bottom:20px;background:url(/dam/images/damchannel/tv_bg.gif) no-repeat left top;} #DamChannel #Tv ul{padding:10px 0px 0px 190px;} #DamChannel #Tv li{margin-bottom:10px;line-height:100%;} #DamChannel #Present table{width:100%;margin-bottom:10px;border:1px #9AACC9 solid;border-collapse:collapse;} #DamChannel #Present table td, #DamChannel #Present table th{padding:3px;border:1px #9AACC9 solid} #DamChannel #Present table th {background:#B2B9E5;text-align:center;} #DamChannel #Present table .width01{width:10%} #DamChannel #Present table .width02{width:70%} #DamChannel #Present table .width03{width:20%} /* ******************************************************************************* */ /* #LiveKaraoke ライブカラオケ */ /* =============================================================================== */ #LiveKaraoke #KeyVisualBlock {margin-bottom:10px;} #LiveKaraoke #KeyVisualBlock p{height:85px;line-height:130%;color:#fff;box-sizing:content-box;} #LiveKaraoke .other{margin-bottom:10px;} #LiveKaraoke .arc {margin-bottom:0px;} #LiveKaraoke .arc li{float:left;width:400px;margin:0px 15px 10px 0px;} #LiveKaraoke .arc li a{color:#000;text-decoration:none;} #LiveKaraoke .arc li a:hover{text-decoration:underline;} #LiveKaraoke .arc .bold{font-weight:bold;} #LiveKaraoke .arc .img_left{float:left;width:70px;margin-right:10px;vertical-align:top;} #LiveKaraoke #KaraokeList {margin-bottom:20px;} #LiveKaraoke #KaraokeList td{padding:10px;vertical-align:top;} #LiveKaraoke #KaraokeList li{margin-bottom:10px;} #LiveKaraoke #KaraokeList ul{list-style:none;} #LiveKaraoke #KaraokeList .td01{width:535px;} #LiveKaraoke #KaraokeList .td02{width:294px;} #LiveKaraoke #KaraokeList th{border-bottom:5px #fff solid;} #LiveKaraoke #KaraokeList h3{line-height:120%;} #LiveKaraoke #KaraokeList p{color:#666;line-height:120%;} #LiveKaraoke #KaraokeList .img_left{width:80px;float:left;margin-right:10px;} #LiveKaraoke #KaraokeList .text{width:184px;float:right;} #LiveKaraoke #KaraokeList .text img{margin-bottom:3px;} #LiveKaraoke #ReleaseBlock {margin-bottom:20px;} #LiveKaraoke #ReleaseBlock .section{margin-bottom:20px;} #LiveKaraoke #ReleaseBlock h2{margin-bottom:10px;} #LiveKaraoke #ReleaseBlock h3{margin-bottom:10px;padding-left:5px;background:#e5e5e5;} #LiveKaraoke #ReleaseBlock .left_block{float:left;width:110px;margin-right:10px;} #LiveKaraoke #ReleaseBlock .left_block .img01 {margin-bottom:3px;} #LiveKaraoke #ReleaseBlock .left_block p{font-size:10px;color:#666;} #LiveKaraoke #ReleaseBlock .right_block{float:right;width:710px;} #LiveKaraoke #ReleaseBlock .spec{font-size:10px;color:#666;margin-top:5px;} #LiveKaraoke #ReleaseBlock .dvd{white-space: nowrap;letter-spacing:0px;} #LiveKaraoke #ReleaseBlock .dvd a{font-size:10px;} #LiveKaraoke #ReleaseBlock .dvd .col{color:#000;font-size:10px;text-decoration:none;} #LiveKaraoke #ProfileBlock {width:828px;border:1px #e5e5e5 solid;} #LiveKaraoke #ProfileBlock h2{margin-bottom:5px;border-bottom:1px #aaa dashed;} #LiveKaraoke #ProfileBlock .left_block{float:left;width:613px;padding:10px;} #LiveKaraoke #ProfileBlock .right_block{float:right;width:185px;margin:0px;padding:10px 10px 10px 0px;} @media screen and (max-width: 720px) { #LiveKaraoke #KaraokeList .text{ width: auto; } #LiveKaraoke #ProfileBlock { width: auto !important; } #LiveKaraoke #ProfileBlock .left_block { width: 70% !important; } #LiveKaraoke #ProfileBlock .right_block { width: 30% !important; padding-left: 10px; } #LiveKaraoke #ProfileBlock .right_block img { display: block; width: auto; height: auto; margin-left: auto; } #LiveKaraoke #ReleaseBlock .left_block, #LiveKaraoke #ReleaseBlock2 .left_block { width: 25% !important; } #LiveKaraoke #ReleaseBlock .left_block img, #LiveKaraoke #ReleaseBlock2 .left_block img { display: block; width: auto; height: auto; } #LiveKaraoke #ReleaseBlock .right_block, #LiveKaraoke #ReleaseBlock2 .right_block { width: 70% !important; } } @media screen and (max-width: 568px) { #LiveKaraoke #ProfileBlock .left_block { float: none !important; width: auto !important; } #LiveKaraoke #ProfileBlock .right_block { float: none !important; width: auto !important; } #LiveKaraoke #ProfileBlock .right_block img { display: block; margin: 0 auto; } } /* ******************************************************************************* */ /* #DamGame DAMで遊ぼう */ /* =============================================================================== */ #DamGame .keyvisual {margin-bottom:10px;} #DamGame .keyvisual h2{width:830px;height:103px;text-indent:-9999px;background:url(/dam/images/damgame/keyvisual.gif) no-repeat left top;} #DamGame .keyvisual li{float:left;width:103px;height:46px;text-indent:-9999px;background:url(/dam/images/damgame/navigation.gif) no-repeat} #DamGame .keyvisual li a{width:103px;height:46px;display:block;overflow:hidden;} #DamGame .keyvisual li.navi_osusume a{width:108px;} #DamGame .keyvisual li.navi_osusume {width:108px;background-position:0px 0px} #DamGame .keyvisual li.navi_osusume_on {width:108px;background-position:0px -46px} #DamGame .keyvisual li.navi_seimitsu {background-position:-108px 0px} #DamGame .keyvisual li.navi_seimitsu_on {background-position:-108px -46px} #DamGame .keyvisual li.navi_saiten {background-position:-211px 0px} #DamGame .keyvisual li.navi_saiten_on {background-position:-211px -46px} #DamGame .keyvisual li.navi_uranai {background-position:-314px 0px} #DamGame .keyvisual li.navi_uranai_on {background-position:-314px -46px} #DamGame .keyvisual li.navi_party {background-position:-417px 0px} #DamGame .keyvisual li.navi_party_on {background-position:-417px -46px} #DamGame .keyvisual li.navi_sebgm {background-position:-520px 0px} #DamGame .keyvisual li.navi_sebgm_on {background-position:-520px -46px} #DamGame .keyvisual li.navi_special {background-position:-623px 0px} #DamGame .keyvisual li.navi_special_on {background-position:-623px -46px} #DamGame .keyvisual li.navi_codenmoku {width:104px;background-position:-726px 0px} #DamGame .keyvisual li.navi_codenmoku_on {width:104px;background-position:-726px -46px} #DamGame .section {width:828px;margin-top:10px;border:1px #b6b6b6 solid;} #DamGame .section .contents{margin:10px 10px 0px;padding-bottom:10px;} #DamGame .section .photo {float:left;width:186px;margin-right:10px;} #DamGame .section .text {float:right;width:612px;} #DamGame .section .text h3{margin-bottom:10px;} #DamGame .section .text h4{font-weight:bold;color:#ea0b7c;font-size:120%;} #DamGame .section .text .block01 {margin:10px 0px;} #DamGame .section .text .block01 li{float:left;width:160px;margin-right:10px;} #DamGame .section .text .block01 li.tbox{width:260px;margin-right:0px;} #DamGame .section .text .carrier {padding:10px;background:#ffe8f3;} #DamGame .section .text .carrier h4{font-size:100%;} #DamGame .section .text .carrier ul{margin:10px 0px;} #DamGame .section .text .carrier li{display:inline;margin-right:10px;} #DamGame .codenmoku {width:828px;margin-top:10px;border:1px #b6b6b6 solid;} #DamGame .codenmoku .contents{margin:10px 10px 0px;padding-bottom:10px;} #DamGame .codenmoku .contents h3{margin-bottom:20px;} #DamGame .codenmoku .contents p{margin-bottom:20px;} #DamGame .button{margin-top:10px;} /* ****************************************************** */ /* 楽曲リクエスト */ /* ****************************************************** */ #Request h2 {margin-bottom:20px;} #Request h3 {margin-bottom:10px;} #Request .bulletlink {margin-bottom:20px;} #Request .mainblock {float:left;width:550px;margin-right:10px;padding:0px 0px 100px;background:url(/dam/images/request/main_bg.gif) no-repeat left bottom;} #Request .mainblock p{margin-bottom:10px;} #Request .mainblock .caption{margin:20px 0px;} #Request .mainblock input{padding:2px;} #Request .mainblock .formtextarea {width:300px;} #Request .subblock{float:right;width:270px;} #Request .subblock h4{margin-bottom:10px;font-weight:bold;} #Request .subblock .contents{padding:5px;background:#eee;border:1px #aaa dashed;} #Request .subblock .section{margin-bottom:10px;padding-bottom:10px;background:url(/dam/images/request/side_bg.gif) no-repeat left bottom;} #Request .mainblock p, #Request .mainblock form, #Request .subblock p, #Request .subblock h4 {margin:0px 10px 10px;} /* ****************************************************** */ /* ポップアップ特集用   */ /* ****************************************************** */ #PopUp {border-bottom:1px #aaa solid;width:100%;margin-bottom:20px;padding-bottom:10px;line-height:140%;} #PopUp .localContents {width:570px;margin:auto;} #PopUp .Mark {color:#ff6900;} #PopUp .Mark2 {color:#0095FF;} #PopUp #Header {width:570px;} /* ****************************************************** */ /* HR&HM特集       */ /* ****************************************************** */ #Hrhm .keyvisual{margin-bottom:20px;} #Hrhm .leftarea{float:left;width:570px;margin-right:20px;} #Hrhm .rightarea{float:right;width:240px;} #Hrhm .rightarea .section{padding-bottom:10px;margin-bottom:10px;background:url(/dam/images/feature/hrhm/right_bg.gif) no-repeat left bottom;} #Hrhm .rightarea .section h3{margin-bottom:10px;} #Hrhm .rightarea .section p, #Hrhm .rightarea .section li {padding:0px 10px 10px;} #Hrhm .rightarea .section .photo {float:left;width:100px;} #Hrhm .rightarea .section .text {float:left;width:115px;} #Hrhm .rightarea .section a{text-decoration:none;} #Hrhm .rightarea .section .bdr, #Hrhm .rightarea .section li {padding-bottom:5px;margin-bottom:5px;border-bottom:1px #aaa dashed;} #Hrhm #HRHM_Tab ul{margin:0px 0px 0px 0px;padding:0px} #Hrhm #HRHM_Tab li{float:left;display:inline;margin:0px;padding:0px} #Hrhm .karaoke_list_box .hrhm_title {margin:0px 0px 10px 0px;border-bottom:1px #000 solid;} #Hrhm .karaoke_list_box .hrhm_list_new {width:570px;margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;} #Hrhm .karaoke_list_box .hrhm_list_new #HRHM_Interview h3{margin:0px 0px 10px 0px;border-bottom:1px #000 solid;} #Hrhm .karaoke_list_box .hrhm_list_new p {font-size:10px;line-height:130%;letter-spacing:0px;} #Hrhm .karaoke_list_box .hrhm_list_new th{color:#FFF;padding:5px;background:#000;border:1px #666 solid;font-size:10px;line-height:130%;letter-spacing:0px;text-align:left;} #Hrhm .karaoke_list_box .hrhm_list_new td{border:1px #666 solid;padding:5px;font-size:13px;line-height:130%;text-align:left;} #Hrhm .karaoke_list_box .hrhm_list_new .width01 {width:25%;} #Hrhm .karaoke_list_box .hrhm_list_new .width02 {width:60%;} #Hrhm .karaoke_list_box .hrhm_list_new .width03 {width:15%;} #Hrhm .karaoke_list_box .hrhm_list_new .catalog {margin:0px;padding:5px 0px 0px 0px;} #Hrhm .karaoke_list_box .hrhm_list_new .artist02 {background:#ccc;} #Hrhm .karaoke_list_box .hrhm_list_new .track02 {background:#ccc;} #Hrhm .karaoke_list_box .hrhm_list_new .album02 {background:#ccc;} /* #Hrhm .karaoke_list_box .hrhm_title {margin:0px 0px 10px 0px;border-bottom:1px #000 solid;} #Hrhm .karaoke_list_box .hrhm_list_new {width:570px;margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;} #Hrhm .karaoke_list_box .hrhm_list_new #HRHM_Interview h3{margin:0px 0px 10px 0px;border-bottom:1px #000 solid;} #Hrhm .karaoke_list_box .hrhm_list_new p {font-size:10px;line-height:130%;letter-spacing:0px;} #Hrhm .karaoke_list_box .hrhm_list_new th{color:#FFF;padding:5px;background:#000;border:1px #666 solid;font-size:10px;line-height:130%;letter-spacing:0px;text-align:left;} #Hrhm .karaoke_list_box .hrhm_list_new td{border:1px #666 solid;padding:5px;font-size:13px;line-height:130%;text-align:left;} #Hrhm .karaoke_list_box .hrhm_list_new .width01 {width:25%;} #Hrhm .karaoke_list_box .hrhm_list_new .width02 {width:60%;} #Hrhm .karaoke_list_box .hrhm_list_new .width03 {width:15%;} #Hrhm .karaoke_list_box .hrhm_list_new .catalog {margin:0px;padding:5px 0px 0px 0px;} #Hrhm .karaoke_list_box .hrhm_list_new .artist02 {background:#ccc;} #Hrhm .karaoke_list_box .hrhm_list_new .track02 {background:#ccc;} #Hrhm .karaoke_list_box .hrhm_list_new .album02 {background:#ccc;} #Hrhm #HRHM_KeyVisual {padding:0px 0px 10px 0px;} #Hrhm #HRHM_Information {margin:0px 0px 20px 0px;padding:10px;background:#eee;} #Hrhm #HRHM_Interview {} #Hrhm #HRHM_Interview a,#contentBox #HRHM_Interview span{font-size:10px;letter-spacing:0px;} #Hrhm #HRHM_Interview p{margin:0px 0px 10px 0px;font-size:10px;line-height:130%;letter-spacing:0px;} #Hrhm #HRHM_Interview h3{margin:0px;padding:0px;border-bottom:1px #000 solid;} #Hrhm #HRHM_Interview h4{margin:0px;padding:0px;font-size:13px;line-height:130%;letter-spacing:0px;} #Hrhm #HRHM_Interview ul{margin:10px 0px 0px 0px;padding:0px} #Hrhm #HRHM_Interview .li01{width:175px;float:left;display:inline;margin:0px 17px 0px 0px;padding:0px} #Hrhm #HRHM_Interview .li02{width:175px;float:left;display:inline;margin:0px 18px 0px 0px;padding:0px} #Hrhm #HRHM_Interview .li03{width:175px;float:left;display:inline;margin:0px 0px 0px 0px;padding:0px} #Hrhm #HRHM_Tab ul{margin:0px 0px 0px 0px;padding:0px} #Hrhm #HRHM_Tab li{float:left;display:inline;margin:0px;padding:0px} */ /* ****************************************************** */ /* キッズソング       */ /* ****************************************************** */ #Kids .keyvisual {margin-bottom:10px;} #Kids .keyvisual .navigation li{float:left;width:118px;height:47px;text-indent:-9999px;background:url(/dam/images/feature/kids/navigation.gif) no-repeat 0px 0px;} #Kids .keyvisual .navigation li a{display:block;width:118px;height:47px;overflow:hidden;} #Kids .keyvisual .navigation #top {background-position:0px 0px;width:120px;} #Kids .keyvisual .navigation #top_on {background-position:0px -47px;width:120px;} #Kids .keyvisual .navigation #anime {background-position:-120px 0px;} #Kids .keyvisual .navigation #anime_on {background-position:-120px -47px;} #Kids .keyvisual .navigation #hero {background-position:-238px 0px;} #Kids .keyvisual .navigation #hero_on {background-position:-238px -47px;} #Kids .keyvisual .navigation #child {background-position:-356px 0px;} #Kids .keyvisual .navigation #child_on {background-position:-356px -47px;} #Kids .keyvisual .navigation #doyo {background-position:-474px 0px;} #Kids .keyvisual .navigation #doyo_on {background-position:-474px -47px;} #Kids .keyvisual .navigation #woman {background-position:-592px 0px;} #Kids .keyvisual .navigation #woman_on {background-position:-592px -47px;} #Kids .keyvisual .navigation #man {background-position:-710px 0px;width:120px;} #Kids .keyvisual .navigation #man_on {background-position:-710px -47px;width:120px;} #Kids .blocknavigationBox{margin-bottom:10px;border-bottom:1px dashed #EEE;clear:both} #Kids .blocknavigationBox table{width:100%;} #Kids .blocknavigationBox .blocktitlearea{width:300px;} #Kids .blocknavigationBox .blocknavigationarea{width:270px;text-align:right;vertical-align:bottom;} #Kids .wrappingtable .songlistBox {margin-bottom:0px} #Kids .wrappingtable .songlistBox table{width:810px;background:#FFF;margin-bottom:0px} #Kids .wrappingtable .songlistBox h2{margin-bottom:5px;} #Kids .wrappingtable .songlistBox h3{margin-bottom:5px;font-weight:normal;} #Kids .wrappingtable .songlistBox h4{margin-bottom:5px;font-weight:normal;} #Kids .wrappingtable .songlistBox p{margin-bottom:5px;} #Kids .songlistBox td a{text-decoration:underline;} #Kids .wrappingtable .songlistBox td.artist{width:48%;text-align:left;} #Kids .wrappingtable .songlistBox td.track{width:40%;text-align:left;} #Kids .wrappingtable .songlistBox td.number{width:12%;text-align:center;} /* ****************************************************** */ /* D-PUSH       */ /* ****************************************************** */ #Dpush .bg_bottom{width:830px;background:url(/dam/images/d-push/block_bottom.gif) no-repeat left bottom;} #Dpush .keyvisual h2{margin-bottom:20px;} #Dpush .section {float:left;width:410px;margin-right:10px;} #Dpush #enka{margin:0px;} #Dpush .section .block {width:390px;margin:0px 10px 10px;padding-bottom:10px;} #Dpush .section .block h3{margin-bottom:10px;} #Dpush .section .address {background:#eaeaea;} #Dpush .section .address h3 {width:380px;height:24px;margin-bottom:5px;padding-right:10px;text-align:right;} #Dpush .section .address h3.mail{background:url(/dam/images/d-push/ttl_mail.gif) no-repeat left top;} #Dpush .section .address h3.letter{background:url(/dam/images/d-push/ttl_letter.gif) no-repeat left top;} #Dpush .section .address .contents{margin:10px;} #Dpush .section .address h4{margin:10px 0px 0px;font-weight:bold;} #Dpush .section .address ul{margin:0px 0px 0px 20px;list-style:disc;} #Dpush .section .address li{margin-bottom:0px;} #Dpush .section .address .caption{text-indent:-1em;padding-left:1em;color:#666;} #Dpush .section .txt01 {margin:0px;font-weight:normal;} #Dpush .section #streaming {margin:0px 10px 10px;} #Dpush .section #streaming li{float:left;width:175px;margin-right:40px;} #Dpush .section #streaming li.nomgn{margin:0px;} #Dpush .section #streaming img{margin-bottom:2px;} #Dpush .section #streaming .stmicon{margin-bottom:0px;} #Dpush .section .block table, #Dpush .section .block td, #Dpush .section .block th{border:1px #ff8972 solid;padding:5px;} #Dpush .section .block table{width:387px;margin:10px 0px 5px 0px;} #Dpush .section .block th{background:#ffbda6;width:50%;} #Dpush .section .block #table02 th{text-align:left;} #Dpush .section .block .logo{float:left;width:50px;margin-right:10px;} #Dpush .section .block table h3{font-size:120%;} #Dpush .section .live {margin:10px 10px 30px;} /* 洋楽カラオケ */ #Yogaku #Sidearea{width:240px;margin:0px 20px 0px 0px;float:left;} #Yogaku #Sidearea .yogakuTop {margin-bottom:10px} #Yogaku #Sidearea .section{width:240px;background:url(/dam/images/newrelease/yogaku/bg_sidearea.gif) no-repeat left bottom;margin-bottom:10px;} #Yogaku #Sidearea .section h3{width:240px;height:30px;text-indent:-9999px;background:url(/dam/images/newrelease/yogaku/sidetitle.gif) no-repeat 0px 0px;} #Yogaku #Sidearea .list h3{margin:0px;padding:0px 0px 10px 0px;text-indent:0px;background:none} #Yogaku #Sidearea .list {padding-bottom:10px;} #Yogaku #Sidearea .list dt{margin-bottom:5px;width:230px;height:18px;padding:3px 5px;color:#4b021b;font-weight:bold;background:url(/dam/images/newrelease/yogaku/list_subbg.gif) no-repeat left top;} #Yogaku #Sidearea .list li{margin-bottom:5px;margin-left:10px;} #Yogaku #Sidearea .list .ftList{padding-left:1em;text-indent:-1em;} #Yogaku #Sidearea .list .ftList li{text-indent:0;margin-bottom:10px;} #Yogaku #Sidearea #Coment h3{background-position:0px -30px;} #Yogaku #Sidearea #Coment .positioncenter{width:175px;margin:auto;padding:10px;} #Yogaku #Sidearea .section#Ranking .contents{width:210px;padding:0px 10px 10px 10px;} #Yogaku #Sidearea #Ranking h3{background-position:0px -60px;padding-bottom:0px;} #Yogaku #Sidearea #Ranking h4{margin:0px 10px;color:#500C24;border-bottom:1px solid #500C24;} #Yogaku #Sidearea #Ranking p{margin:0px 0px 10px 10px;} #Yogaku #Sidearea #Ranking p.songs{margin:0px 10px;padding-top:10px;border-top:1px solid #500C24;} #Yogaku #Sidearea #Ranking p.caution{font-size:80%;padding-left:10px;margin-bottom:0px;} #Yogaku #Sidearea #Ranking li{padding:0px 0px 10px 30px;line-height:110%;} #Yogaku #Sidearea #Ranking li.no1{background:url(/dam/images/newrelease/yogaku/no1.gif) no-repeat 0px 0px;} #Yogaku #Sidearea #Ranking li.no2{background:url(/dam/images/newrelease/yogaku/no2.gif) no-repeat 0px 0px;} #Yogaku #Sidearea #Ranking li.no3{background:url(/dam/images/newrelease/yogaku/no3.gif) no-repeat 0px 0px;} #Yogaku #Sidearea #Ranking li.no4{background:url(/dam/images/newrelease/yogaku/no4.gif) no-repeat 0px 0px;} #Yogaku #Sidearea #Ranking li.no5{background:url(/dam/images/newrelease/yogaku/no5.gif) no-repeat 0px 0px;margin-bottom:0px;} #Yogaku #Sidearea #Ranking li.no6{background:url(/dam/images/newrelease/yogaku/no6.gif) no-repeat 0px 0px;} #Yogaku #Sidearea #Ranking li.no7{background:url(/dam/images/newrelease/yogaku/no7.gif) no-repeat 0px 0px;} #Yogaku #Sidearea #Ranking li.no8{background:url(/dam/images/newrelease/yogaku/no8.gif) no-repeat 0px 0px;} #Yogaku #Sidearea #Ranking li.no9{background:url(/dam/images/newrelease/yogaku/no9.gif) no-repeat 0px 0px;} #Yogaku #Sidearea #Ranking li.no10{background:url(/dam/images/newrelease/yogaku/no10.gif) no-repeat 0px 0px;} #Yogaku #Sidearea #Mail h3{background-position:0px -90px;} #Yogaku #Sidearea #Mail .contents{width:210px;padding:10px} #Yogaku #Sidearea #Mail p.button{margin:0px 0px 5px 0px;} #Yogaku #Sidearea #Mail img{vertical-align: middle;} #Yogaku h2 {padding-bottom:20px;} #Yogaku #Mainarea{width:570px;float:left;padding-left:120px;} #Yogaku #Mainarea .contents{width:570px;padding-bottom:0px;} #Yogaku #Mainarea .contents .titleBlock {width:570px;margin-bottom:10px;} #Yogaku #Mainarea .contents .titleBlock h3{float:left;margin:0px;padding:0px;display:inline;height:30px;text-indent:-9999px;} #Yogaku #Mainarea .contents .titleBlock a{display:block;float:right;height:30px;text-indent:-9999px;} #Yogaku #Mainarea .cd{width:570px;margin-bottom:10px;} #Yogaku #Mainarea .cd h4{border-bottom:1px #AAA dotted;margin-bottom:5px;} #Yogaku #Mainarea .cd .jacket{width:80px;float:left;padding-right:10px;} #Yogaku #Mainarea .cd .text{width:480px;float:right;} #Yogaku #Mainarea .nendai{padding-top:10px;} #Yogaku #Mainarea .linkimage{margin-bottom:10px;} #Yogaku #Mainarea .bn{width:240px;float:left} #Yogaku #Mainarea .bntext{width:320px;float:right;padding-left:10px;} #Yogaku #Mainarea table {width:100%;} #Yogaku #Mainarea table .width03{width:15%} #Yogaku #Mainarea table .width04{width:15%} #Yogaku #Mainarea th{background:#cda8b5 url(/dam/images/newrelease/yogaku/list_ttlbg.gif) repeat-x;} #Yogaku #Mainarea table, #Yogaku #Mainarea table th, #Yogaku #Mainarea table td {border:1px #b67d91 solid;} #Yogaku #Mainarea #Orinfo {background:url(/dam/images/newrelease/yogaku/orinfo_bg.gif) left bottom #ebf9ff; width:570px;padding-bottom:20px;margin-bottom:10px; } #Yogaku #Mainarea #Orinfo .orinfo_contents{margin:20px 10px 0px; width:550px; background:url(/dam/images/newrelease/yogaku/orinfo_artistbg.gif) left bottom;} #Yogaku #Mainarea #Orinfo .orinfo_contents .orinfo_leftblock{float:left; width:245px; padding:10px; background:#ffffff; } #Yogaku #Mainarea #Orinfo .orinfo_contents .orinfo_rightblock{float:right; width:245px; padding:10px 10px 0px; background:#ffffff; } #Yogaku #Mainarea #Orinfo .orinfo_contents .orinfo_img{float:left; width:100px;} #Yogaku #Mainarea #Orinfo .orinfo_contents .orinfo_text{float:right; width:135px;} #Yogaku #Mainarea #Orinfo .orinfo_contents .tourinfo{background:#f6f6f6;} #Yogaku #Yogaku #Orinfo .orinfo_contents .tourinfo ul{padding:10px;} #Yogaku #Yogaku #Orinfo .orinfo_contents .tourinfo ul p{margin-bottom:10px;} #Yogaku #Mainarea .list h3{margin-bottom:20px;} #Yogaku #Mainarea .list td, #Yogaku #Mainarea .list th {padding:3px;} #Yogaku #Mainarea .caption{color:#666666;} #Yogaku #Mainarea #FeatureList {width:570px;margin-bottom:20px;padding-bottom:10px;background:url(/dam/images/newrelease/yogaku/featurelist_bottom.gif) no-repeat left bottom;} #Yogaku #Mainarea #FeatureList ul{width:550px;margin:10px 10px 0px;} /* ****************************************************** */ /* express       */ /* ****************************************************** */ #main_2nd #Express #hotsnap ul, #main_2nd #Express #hotsnap li{list-style:disc;margin-left:10px;padding:0;} /* sp/common/css/style.css -----------------------------*/ @media screen and (max-width: 720px) { #content .localContents { width: 100%; border: none; } #content .localContents h1 { margin-right: 0; margin-left: 0; } /* 共通 ----------------------------------------*/ article { margin:8px 0 20px 0 !important; } section { margin-top:20px; } .bg_diagonal { background-image:url(/dam/sp/images/bg_diagonal.png); background-size:3px auto; background-color:#F6EF74; padding:10px 0; } .bg_diagonal h1 { font-size:129%; font-weight:bold; text-align:center; } .white_ttl { border-top:solid 1px #BFBFBF; border-bottom:solid 1px #BFBFBF; background: rgb(254,254,254); background: -moz-linear-gradient(top, rgba(254,254,254,1) 10%, rgba(231,231,231,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(254,254,254,1)), color-stop(100%,rgba(231,231,231,1))); background: -webkit-linear-gradient(top, rgba(254,254,254,1) 10%,rgba(231,231,231,1) 100%); background: -o-linear-gradient(top, rgba(254,254,254,1) 10%,rgba(231,231,231,1) 100%); background: -ms-linear-gradient(top, rgba(254,254,254,1) 10%,rgba(231,231,231,1) 100%); background: linear-gradient(to bottom, rgba(254,254,254,1) 10%,rgba(231,231,231,1) 100%); padding:10px 0; font-size:115%; text-align:center; } .dlg #modal_area input[type=checkbox] { -webkit-appearance: checkbox; } /* firstBox ----------------------------------------*/ .firstBox { padding:0 20px 0; } .firstBox h1 { margin:0 25px 11px; } .firstBox h1.damKashi { width: 60%; margin:0 auto 11px; } .firstBox ul { width: 100%; display: table; border-collapse: separate; border-spacing: 5px 0; } .firstBox ul li { display:table-cell; width:33%; padding:15px 12px; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); vertical-align:middle; text-align:center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: rgb(255,255,255); } .firstBox ul li.in { background: -moz-linear-gradient(top, rgba(207,27,21,1) 0%, rgba(188,25,19,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,27,21,1)), color-stop(100%,rgba(188,25,19,1))); background: -webkit-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: -o-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: -ms-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: rgb(207,27,21); } .firstBox ul li.out { background: -moz-linear-gradient(top, rgba(207,27,21,1) 0%, rgba(188,25,19,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,27,21,1)), color-stop(100%,rgba(188,25,19,1))); background: -webkit-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: -o-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: -ms-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: #595757; } .firstBox ul li + li { background: -moz-linear-gradient(top, rgba(33,181,249,1) 0%, rgba(30,165,227,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,181,249,1)), color-stop(100%,rgba(30,165,227,1))); background: -webkit-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: -o-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: -ms-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: linear-gradient(to bottom, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); } .firstBox ul li a { display: block; color: #fff; font-weight: bold; text-align:center; } .firstBox table { width: 100%; } .firstBox table td { width:50%; padding:10px 4px 0 4px; text-align:center; } .firstBox table td img { display:inline-block; max-width:290px; } /* 楽曲リスト musiclistBox ----------------------------------------*/ .musiclistBox .bg_diagonal { background-color:#ffa151; }.musiclistBox .bg_diagonal.damKashi { background-color:#d0bc88; } .musiclistBox ul { padding:0 8px; } .musiclistBox li { border-bottom: dotted 1px #000; } .musiclistBox li table { width:100%; } .musiclistBox li table td { background-image:url(/dam/sp/common/images/ico_arrow_02.png); background-repeat:no-repeat; background-position:98% 50%; background-size:10px auto; padding:15px 24px 15px 4px; vertical-align:middle; } /* 週間ランキング rankingBox ----------------------------------------*/ .rankingBox .bg_diagonal { background-color:#F6EF74; padding-bottom:8px; } .rankingBox .title p { font-size:86%; text-align:center; } .rankingBox .tabBox { background-color:#CDCDCD; padding:6px; } .rankingBox .tabBox ul { display:table; width:100%; } .rankingBox .tabBox ul li { display:table-cell; width:20%; height:32px; border-right:#CDCDCD solid 1px; text-align:center; vertical-align:middle; font-size:86%; font-weight:bold; background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1))); background: -webkit-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -o-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -ms-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: linear-gradient(to bottom, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; cursor:pointer; } .rankingBox .tabBox ul li.on { background:#FFF !important; } .rankingBox .tabBox ul li:last-child { border-right:none; } .rankingBox .tabContents { background-color:#FFF; padding:8px; } .rankingBox .tabContents.disNon { display:none; } .rankingBox .tabContents table { width:100%; } .rankingBox .tabContents th { width:30px; background-color:#4B4B4B; color:#FFF; font-weight:bold; vertical-align:middle; text-align:center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .rankingBox .tabContents li { border-bottom:solid 1px #BCBCBC; padding-bottom:4px; margin-bottom:4px; } .rankingBox .tabContents ol li:last-child { border-bottom:none; } .rankingBox .tabContents table td { padding:2px 4px; overflow:hidden; } .rankingBox .btn_01 { display:inline-block; float:right; } .rankingBox .btn_01 a { display:inline-block; text-align:center; font-size:86%; background: rgb(251,145,25); background: -moz-linear-gradient(top, rgba(254,209,168,1) 16%, rgba(251,145,25,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,rgba(254,209,168,1)), color-stop(100%,rgba(251,145,25,1))); background: -webkit-linear-gradient(top, rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%); background: -o-linear-gradient(top, rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%); background: -ms-linear-gradient(top, rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%); background: linear-gradient(to bottom, rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 1px 1px 2px rgba(51,51,51,0.4); padding:4px 6px; } .rankingBox .btn_02 { display:inline-block; margin:12px 0; } .rankingBox .btn_02 a { display:inline-block; text-align:center; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); padding:8px 12px; } /* 週間ランキング weeklyRankingBox ----------------------------------------*/ .weeklyRankingBox { background-color:#FFF; padding:8px; } .weeklyRankingBox table { width:100%; } .weeklyRankingBox th { width:30px; background-color:#4B4B4B; color:#FFF; font-weight:bold; vertical-align:middle; text-align:center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .weeklyRankingBox li { border-bottom:solid 1px #BCBCBC; padding:4px 4px 6px 4px; margin-bottom:4px; } .weeklyRankingBox table td { padding:2px 4px; overflow:hidden; text-align: right; } .weeklyRankingBox ol li > table tr > th + td { text-align: left; } /* 特集 featureBox ----------------------------------------*/ .featureBox .bg_diagonal { background-color:#59D3C6; } .featureBox ul { padding:0 8px; } .featureBox li { border-bottom: dotted 1px #000; } .featureBox li dl { width:100%; margin: 10px 0; } .featureBox li dt { vertical-align:top; font-weight: bold !important; padding:0 0 2px 4px; } .featureBox li dd { padding:0 4px 0 4px; vertical-align:middle; } .featureBox .btn { display:inline-block; margin:12px 0 0; } .featureBox .btn a { display:inline-block; text-align:center; background: rgb(202,237,225); background: -moz-linear-gradient(top, rgba(202,237,225,1) 10%, rgba(184,216,205,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(202,237,225,1)), color-stop(100%,rgba(184,216,205,1))); background: -webkit-linear-gradient(top, rgba(202,237,225,1) 10%,rgba(184,216,205,1) 100%); background: -o-linear-gradient(top, rgba(202,237,225,1) 10%,rgba(184,216,205,1) 100%); background: -ms-linear-gradient(top, rgba(202,237,225,1) 10%,rgba(184,216,205,1) 100%); background: linear-gradient(to bottom, rgba(202,237,225,1) 10%,rgba(184,216,205,1) 100%); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); padding:8px 12px; } /* songKaraokeAtDamLeaf ----------------------------------------*/ #login { background-color:#93c317; padding:0 8px 9px; } #login table { width: 100%; } #login table tr td:first-child { width: 70%; } #login table tr td:last-child { width: 30%; } #login table input[type="text"] { -webkit-appearance: none; display:block; width:100%; border:solid 1px #ccc; border-radius: 0; -webkit-border-radius:0; -moz-border-radius:0; margin:0; font-size:16px; padding:4px; } #login input[type="submit"] { -webkit-appearance: none; display:block; width:100%; border:none; margin-bottom:3px; padding:0; background: #93c317; text-align:center; color:#FFF; line-height:24px; font-weight:bold; } #login span { -webkit-appearance: none; display:block; width:100%; border:none; margin-bottom:3px; padding:0; background: #93c317; text-align:center; color:#FFF; line-height:24px; font-weight:bold; } /* 曲名詳細 songdetailBox ----------------------------------------*/ .songdetailBox .detailBox { background-color:#CDCDCD; padding:6px; } .songdetailBox .detailContents { background-color:#FFF; padding:8px; } .songdetailBox .detailContents li { border-bottom:solid 1px #BCBCBC; padding-bottom:4px; margin-bottom:4px; } .songdetailBox .detailContents ul li:last-child { border-bottom:none; } .songdetailBox .detailContents table { width:100%; } .songdetailBox .detailContents th { width:82px; background-color:#e7e7e7; vertical-align:middle; text-align:center; } .songdetailBox .detailContents table td { padding:7px 4px 7px 8px; overflow:hidden; } .songdetailBox .detailContents li:nth-child(5) table { width: 100%; display: table; border-collapse: separate; border-spacing: 5px 0; } .songdetailBox .detailContents li:nth-child(6) table td, .songdetailBox .detailContents li:nth-child(7) table td { background-image:url(/dam/sp/common/images/ico_arrow_02.png); background-repeat:no-repeat; background-position:98% 50%; background-size:10px auto; padding-right: 30px; } /* 曲名詳細 songdetailBox2 ----------------------------------------*/ .songdetailBox2 .detailBox { background-color:#CDCDCD; padding:6px; } .songdetailBox2 .detailContents { background-color:#FFF; padding:8px; } .songdetailBox2 .detailContents li { border-bottom:solid 1px #BCBCBC; padding-bottom:4px; margin-bottom:4px; } .songdetailBox2 .detailContents ul li:last-child { width: 100%; border-bottom:none; margin: 8px auto 0; } .songdetailBox2 .detailContents table { width:100%; } .songdetailBox2 .detailContents th { width:82px; background-color:#e7e7e7; vertical-align:middle; text-align:center; } .songdetailBox2 .detailContents table td { padding:7px 4px 7px 8px; overflow:hidden; } .songdetailBox2 .detailContents table td img { width: 32%; float: left; margin: 0 1% 1% 0; } .songdetailBox2 li.btn_01 { display:inline-block; text-align: center !important; } .songdetailBox2 li.btn_01 a { display:inline-block; text-align:center !important; font-size:115%; background: rgb(251,145,25); background: -moz-linear-gradient(top, rgba(254,209,168,1) 16%, rgba(251,145,25,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,rgba(254,209,168,1)), color-stop(100%,rgba(251,145,25,1))); background: -webkit-linear-gradient(top, rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%); background: -o-linear-gradient(top, rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%); background: -ms-linear-gradient(top, rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%); background: linear-gradient(to bottom, rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 1px 1px 2px rgba(51,51,51,0.4); padding:8px 25px; } #SongLeafResultWrapper h1 .ttl_txt01 { float: left; width: 5em; padding-left: 5px; } #SongLeafResultWrapper h1 .ttl_txt02 { margin-left: 6em; font-size: 14px; } /* damKashiBox ----------------------------------------*/ .damKashiBox .detailBox { background-color:#CDCDCD; padding:6px; } .damKashiBox .detailContents { background-color:#FFF; padding:8px; } .damKashiBox .detailContents li { border-bottom:solid 1px #BCBCBC; padding-bottom:4px; margin-bottom:4px; } .damKashiBox .detailContents li:nth-child(n+4) table td { background-image:url(/dam/sp/common/images/ico_arrow_02.png); background-repeat:no-repeat; background-position:98% 50%; background-size:10px auto; padding-right: 30px; } .damKashiBox .detailContents ul li:last-child { border-bottom:none; } .damKashiBox .detailContents table { width:100%; } .damKashiBox .detailContents th { width:82px; background-color:#e7e7e7; vertical-align:middle; text-align:center; } .damKashiBox .detailContents table td { padding:7px 4px 7px 8px; overflow:hidden; } .damKashiBox .detailContents ul + table { width: 100%; display: table; border-collapse: separate; border-spacing: 5px 0; margin: 10px 0 8px; } .damKashiBox .detailContents ul + table td { width: 25%; font-size: 86%; text-align: center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#dadada)); background: -webkit-linear-gradient(top, #f0f0f0 0%,#dadada 100%); background: -o-linear-gradient(top, #f0f0f0 0%,#dadada 100%); background: -ms-linear-gradient(top, #f0f0f0 0%,#dadada 100%); background: linear-gradient(to bottom, #f0f0f0 0%,#dadada 100%); box-shadow: 2px 2px 2px rgba(51,51,51,0.4); } .damKashiBox .detailContents ul + table td:nth-child(odd) { background: #f6ef74; background: -moz-linear-gradient(top, #f6ef74 0%, #e0d96a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6ef74), color-stop(100%,#e0d96a)); background: -webkit-linear-gradient(top, #f6ef74 0%,#e0d96a 100%); background: -o-linear-gradient(top, #f6ef74 0%,#e0d96a 100%); background: -ms-linear-gradient(top, #f6ef74 0%,#e0d96a 100%); background: linear-gradient(to bottom, #f6ef74 0%,#e0d96a 100%); } .damKashiBox .detailContents .scroll { overflow: scroll; /* スクロール表示 */ width: 300px; height: 350px; margin: 0 auto 10px; } .damKashiBox .detailContents .signed p:first-child, .damKashiBox .detailContents .unSigned p:first-child, .damKashiBox .detailContents .notLogin p:first-child { margin-bottom: 8px; } .damKashiBox .detailContents .signed p:last-child, .damKashiBox .detailContents .unSigned p:last-child, .damKashiBox .detailContents .notLogin p:last-child { width: 45%; padding:15px 12px; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); vertical-align:middle; text-align:center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#dadada)); background: -webkit-linear-gradient(top, #f0f0f0 0%,#dadada 100%); background: -o-linear-gradient(top, #f0f0f0 0%,#dadada 100%); background: -ms-linear-gradient(top, #f0f0f0 0%,#dadada 100%); background: linear-gradient(to bottom, #f0f0f0 0%,#dadada 100%); float: right; margin-bottom: 15px; } .damKashiBox .detailContents .unSigned p:last-child { background: -moz-linear-gradient(top, rgba(207,27,21,1) 0%, rgba(188,25,19,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,27,21,1)), color-stop(100%,rgba(188,25,19,1))); background: -webkit-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: -o-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: -ms-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: linear-gradient(to bottom, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); } .damKashiBox .detailContents .notLogin p:last-child { background: -moz-linear-gradient(top, rgba(33,181,249,1) 0%, rgba(30,165,227,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,181,249,1)), color-stop(100%,rgba(30,165,227,1))); background: -webkit-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: -o-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: -ms-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: linear-gradient(to bottom, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); } .damKashiBox .detailContents .unSigned p:last-child a, .damKashiBox .detailContents .notLogin p:last-child a { color: #fff; font-weight: bold; } /* songInfoBox ----------------------------------------*/ .songInfoBox { padding: 0 10px; } .songInfoBox dl dt { width: 150px; font-size: 108%; font-weight: bold; text-align: center; background-color:#5c5050; color: #fff; padding: 2px 0 1px 0; margin-bottom: 5px; clear: right; } .songInfoBox dt + dd { font-size: 115%; } .songInfoBox dd + dd { margin: 5px 0 8px; } .songInfoBox dl dd table { width: 100%; display: table; border-collapse: separate; border-spacing: 5px 0; } .songInfoBox dl dd.unsigned, .songInfoBox dl dd.notLogin { width: 45%; padding:15px 12px; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); vertical-align:middle; text-align:center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(207,27,21,1) 0%, rgba(188,25,19,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,27,21,1)), color-stop(100%,rgba(188,25,19,1))); background: -webkit-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: -o-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: -ms-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: linear-gradient(to bottom, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); float: right; } .songInfoBox dl dd.notLogin { background: -moz-linear-gradient(top, rgba(33,181,249,1) 0%, rgba(30,165,227,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,181,249,1)), color-stop(100%,rgba(30,165,227,1))); background: -webkit-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: -o-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: -ms-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: linear-gradient(to bottom, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); } .songInfoBox dl dd.unsigned a, .songInfoBox dl dd.notLogin a { color: #fff; } /* contractInfoBox ----------------------------------------*/ .contractInfoBox { padding: 0 10px; } .contractInfoBox dl dt { width: 150px; font-size: 108%; font-weight: bold; text-align: center; background-color:#5c5050; color: #fff; padding: 2px 0 1px 0; margin-bottom: 5px; clear: right; } .contractInfoBox dt + dd { font-size: 115%; } .contractInfoBox dd + dd { margin: 5px 0 8px; } .contractInfoBox dl dd table { width: 100%; display: table; border-collapse: separate; border-spacing: 5px 0; } .contractInfoBox dl dd.unsigned, .contractInfoBox dl dd.notLogin { width: 45%; padding:15px 12px; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); vertical-align:middle; text-align:center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(207,27,21,1) 0%, rgba(188,25,19,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,27,21,1)), color-stop(100%,rgba(188,25,19,1))); background: -webkit-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: -o-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: -ms-linear-gradient(top, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); background: linear-gradient(to bottom, rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%); float: right; } .contractInfoBox dl dd.notLogin { background: -moz-linear-gradient(top, rgba(33,181,249,1) 0%, rgba(30,165,227,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,181,249,1)), color-stop(100%,rgba(30,165,227,1))); background: -webkit-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: -o-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: -ms-linear-gradient(top, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); background: linear-gradient(to bottom, rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%); } .contractInfoBox a { color: #347926; } .contractInfoBox dl dd.unsigned a, .contractInfoBox dl dd.notLogin a { color: #fff; } /* カラオケ関連情報 karaokeInfoBox ----------------------------------------*/ .karaokeInfoBox ul { padding:0 8px; } .karaokeInfoBox li { border-bottom: dotted 1px #000; } .karaokeInfoBox li table { width:100%; } .karaokeInfoBox li table td { padding:10px 4px; vertical-align:middle; } /* カラオケ@DAM検索結果 searchResultBox ----------------------------------------*/ .searchResultBox ul { padding:0 8px; } .searchResultBox li { border-bottom: dotted 1px #000; padding:10px 4px; } .searchResultBox li dl { font-weight: bold; } .searchResultBox li dl dd { text-align: right; padding:3px 4px; } .searchResultBox li table { width:100%; display: table; border-collapse: separate; border-spacing: 5px 0; } /* カラオケ@DAM検索結果 searchArtistBox ----------------------------------------*/ .searchArtistBox ul { padding:0 8px; } .searchArtistBox li { border-bottom: dotted 1px #000; padding:10px 4px; } .searchArtistBox li dl { font-weight: bold; } .searchArtistBox li dl dd { text-align: right; padding:3px 4px; font-weight: bold; text-decoration: underline; } .searchArtistBox li table { width:100%; display: table; border-collapse: separate; border-spacing: 5px 0; } /* カラオケ@DAM検索結果 searchResultBox2 ----------------------------------------*/ .searchResultBox2 p.bg_diagonal { background-image:url(/dam/sp/images/bg_diagonal.png); background-size:3px auto; background-color:#fafbbf; font-size: 115%; font-weight: bold; padding:10px 0 4px 4px; margin-top:5px; border-bottom: none; } .searchResultBox2 p { border-bottom: dotted 1px #000; padding:10px 4px; } /* 歌手詳細 artistResult ----------------------------------------*/ .artistResult p.bg_diagonal { background-image:url(/dam/sp/images/bg_diagonal.png); background-size:3px auto; background-color:#fafbbf; font-size: 115%; font-weight: bold; text-align: center; padding:10px 0 4px 4px; margin-top:5px; border-bottom: none; } .artistResult ul { padding:0 8px; } .artistResult ul li { border-bottom: dotted 1px #000; padding:10px 4px; background-image:url(/dam/sp/common/images/ico_arrow_01.png); background-repeat:no-repeat; background-position:98% 50%; background-size:10px auto; } /* pager ----------------------------------------*/ .pager { width: 100%; } .pager table { width: 100%; display:table; } .pager td { display:table-cell; text-align: center; vertical-align: middle; } .pager ul { display:table; width:100%; } .pager ul li { display:table-cell; width:20%; padding:6px 4px; vertical-align:middle; text-align:center; } .pager ul li:nth-child(even) img { width: 84%; } .pager ul li:nth-child(3) { font-size: 86%; } .pager p { font-size: 115%; font-weight: bold; margin: 0 0 8px 15px; } /* monthPager ----------------------------------------*/ .monthPager { width: 100%; background-color: #f7f3f3; } .monthPager ul li:first-child { float: left; } .monthPager ul li:last-child { float: right; } .pager + .monthPager { border-top: 2px solid #acacac; } /* rankingSearchBox ----------------------------------------*/ .rankingSearchBox .bg_diagonal { background-color:#F6EF74; padding-bottom:8px; } .rankingSearchBox .title p { font-size:86%; text-align:center; } /* refineSearch ----------------------------------------*/ .refineSearch { border-top: 2px solid #acacac; border-bottom: 2px solid #acacac; background-color:#e5e5e5; } .refineSearch table { width:100%; display: table; border-collapse: separate; border-spacing: 5px 0; } .refineSearch ul { margin:7px 0 0; } .refineSearch ul li + li { margin:7px 0 10px 7px; } .refineSearch select { display:block; width:100%; font-size:16px; padding:4px; } .refineSearch td { width: 50%; display:table-cell; padding:15px 12px; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); vertical-align:middle; text-align:center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); } .refineSearch td.selected { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(246,239,116,1) 0%, rgba(223,217,105,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,239,116,1)), color-stop(100%,rgba(223,217,105,1))); background: -webkit-linear-gradient(top, rgba(246,239,116,1) 0%,rgba(223,217,105,1) 100%); background: -o-linear-gradient(top, rgba(246,239,116,1) 0%,rgba(223,217,105,1) 100%); background: -ms-linear-gradient(top, rgba(246,239,116,1) 0%,rgba(223,217,105,1) 100%); background: linear-gradient(to bottom, rgba(246,239,116,1) 0%,rgba(223,217,105,1) 100%); } /* まま音 mamaoto ----------------------------------------*/ .mamaotoBox .bg_diagonal { background-color:#68b3e8; padding-bottom:8px; } .mamaotoBox .bg_diagonal h1 { font-size: 172%; } .mamaotoBox .bg_diagonal + p { background-color: #ededed; padding: 8px 10px; } .mamaotoBox .tabBox { background-color:#CDCDCD; padding:6px; } .mamaotoBox .tabBox + div { background-color:#ededed !important; padding:12px 0 6px; } .mamaotoBox .tabBox ul { display:table; width:100%; } .mamaotoBox ul.tabBtn li { display:table-cell; width:20%; height:32px; border-right:#CDCDCD solid 1px; text-align:center; vertical-align:middle; font-size:86%; font-weight:bold; background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1))); background: -webkit-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -o-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -ms-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: linear-gradient(to bottom, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; cursor:pointer; } .mamaotoBox .tabBox ul li.on { background:#FFF !important; } .mamaotoBox .tabBox ul li:last-child { border-right:none; } .mamaotoBox .tabContents { background-color:#FFF; padding: 8px 0; } .mamaotoBox .tabContents h2 { font-size: 143%; text-align: center; font-weight: bold; background-color: #ededed; padding: 8px 0 5px 0; } .mamaotoBox .tabContents ul { padding:0 8px; } .mamaotoBox .tabContents li { border-bottom: dotted 1px #000; padding:10px 4px; } .mamaotoBox .tabContents li:last-child { border-bottom: none; } .mamaotoBox .tabContents li dl { font-weight: bold; } .mamaotoBox .tabContents li dl dd { text-align: right; padding:3px 4px; } .mamaotoBox .tabContents li table { width:100%; display: table; border-collapse: separate; border-spacing: 5px 0; } /* メドレー medley ----------------------------------------*/ .medleyBox .bg_diagonal { background-color:#eb83b3; padding-bottom:8px; } .medleyBox .bg_diagonal h1 { font-size: 172%; } .medleyBox .tabBox { background-color:#CDCDCD; padding:6px; } .medleyBox .tabBox ul { display:table; width:100%; } .medleyBox .tabBox ul li { display:table-cell; width:20%; height:32px; border-right:#CDCDCD solid 1px; text-align:center; vertical-align:middle; font-size:93%; font-weight:bold; background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1))); background: -webkit-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -o-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -ms-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: linear-gradient(to bottom, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; cursor:pointer; } .medleyBox .tabBox ul li.on { background:#FFF !important; } .medleyBox .tabBox ul li:last-child { border-right:none; } .medleyBox .monthPager { width: 100%; background-color: #ededed; } .medleyBox .monthPager table { width: 100%; } .medleyBox .monthPager table td:first-child, .medleyBox .monthPager table td:last-child { width: 21%; height: auto; vertical-align: middle; padding: 0 5px; } .medleyBox .monthPager table td h2 { text-align: center; padding: 10px 0; font-size: 86%; } .medleyBox .monthPager table td h2 span { font-size: 143%; font-weight: bold; } .medleyBox .tabContents { background-color:#FFF; padding:8px; } .medleyBox .tabContents table { width:100%; font-size: 86%; } .medleyBox .tabContents table td { padding: 5px 2px 3px; width: 50%; } .medleyBox .tabContents table td a { width: 100%; text-align: center; display:inline-block; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); /*20140403追加*/ padding: 16px 10px; height: 50px; /* padding:8px 0; */ } .medleyBox .tabContents table td.selected a { background: rgb(247,189,215); background: -moz-linear-gradient(top, rgba(247,189,215,1) 0%, rgba(241,145,189,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,189,215,1)), color-stop(100%,rgba(241,145,189,1))); background: -webkit-linear-gradient(top, rgba(247,189,215,1) 0%,rgba(241,145,189,1) 100%); background: -o-linear-gradient(top, rgba(247,189,215,1) 0%,rgba(241,145,189,1) 100%); background: -ms-linear-gradient(top, rgba(247,189,215,1) 0%,rgba(241,145,189,1) 100%); background: linear-gradient(to bottom, rgba(247,189,215,1) 0%,rgba(241,145,189,1) 100%); /*20140403追加*/ padding: 16px 10px; } .medleyBox + section.searchResultBox { margin-top: 0 !important; } .medleyBox + section.searchResultBox h1 { background-color: #ededed; border-top:solid 1px #BFBFBF; border-bottom:solid 1px #BFBFBF; padding:10px 0; font-size:115%; text-align:center; } /* アニメ anime ----------------------------------------*/ .animeBox .bg_diagonal { background-color:#eeae32; padding-bottom:8px; } .animeBox .bg_diagonal h1 { font-size: 172%; } .animeBox .tabBox { background-color:#CDCDCD; padding:6px; } .animeBox .tabBox ul { display:table; width:100%; } .animeBox .tabBox ul li { display:table-cell; width:20%; height:32px; border-right:#CDCDCD solid 1px; text-align:center; vertical-align:middle; font-size:86%; font-weight:bold; background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1))); background: -webkit-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -o-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -ms-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: linear-gradient(to bottom, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; cursor:pointer; } .animeBox .tabBox ul li.on { background:#FFF !important; } .animeBox .tabBox ul li:last-child { border-right:none; } .animeBox .monthPager { width: 100%; background-color: #ededed; } .animeBox .monthPager table { width: 100%; } .animeBox .monthPager table td:first-child, .animeBox .monthPager table td:last-child { width: 21%; height: auto; vertical-align: middle; padding: 0 5px; } .animeBox .monthPager table td h2 { text-align: center; padding: 10px 0; font-size: 86%; } .animeBox .monthPager table td h2 span { font-size: 143%; font-weight: bold; } .animeBox .tabContents { background-color:#FFF; padding:8px; } .animeBox .tabContents table { width:100%; font-size: 86%; } .animeBox .tabContents table td { padding: 0 5px 5px 0; vertical-align: middle; } .animeBox .tabContents table td:nth-child(even) { padding-right: 0; } .animeBox .tabContents table td a { width: 100%; text-align: center; display:inline-block; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); padding:8px 10px; font-size: 100%; } .animeBox .tabContents table td.single a { padding:16px 10px; height: 50px; } .animeBox .tabContents table td.selected a { background: rgb(255,208,154); background: -moz-linear-gradient(top, rgba(255,208,154,1) 0%, rgba(255,177,87,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,208,154,1)), color-stop(100%,rgba(255,177,87,1))); background: -webkit-linear-gradient(top, rgba(255,208,154,1) 0%,rgba(255,177,87,1) 100%); background: -o-linear-gradient(top, rgba(255,208,154,1) 0%,rgba(255,177,87,1) 100%); background: -ms-linear-gradient(top, rgba(255,208,154,1) 0%,rgba(255,177,87,1) 100%); background: linear-gradient(to bottom, rgba(255,208,154,1) 0%,rgba(255,177,87,1) 100%); } .animeBox + section.animeSongBox { margin-top: 0 !important; } .animeSongBox h1 { /* background-color: #ededed; border-top:solid 1px #BFBFBF; border-bottom:solid 1px #BFBFBF; */ padding:10px 0; font-size:115%; text-align:center; } .animeSongBox ul { padding:0 8px; } .animeSongBox li { border-bottom: dotted 1px #000; } .animeSongBox li table { width:100%; } .animeSongBox li table td { /*background-image:url(/dam/sp/common/images/ico_arrow_02.png);*/ background-repeat:no-repeat; background-position:98% 50%; background-size:10px auto; padding:15px 24px 15px 4px; vertical-align:middle; } .animeSongBox li dl dd { text-align: right; } /* はじめての方へ begin ----------------------------------------*/ .begin h2 { padding: 5px 10px 15px; } .begin dl { padding: 0 10px; text-align: center; } .begin dd { padding: 5px 5px 10px; } /* よくあるご質問 question ----------------------------------------*/ .question li { border-bottom: dotted 1px #000; } .question ul li:last-child { border-bottom:none; } .question li table { width:100%; } .question li table th { vertical-align:top; width:130px; background-color: #f5f5f5; padding: 8px 5px 8px 10px; } .question li table td { background-image:url(/dam/sp/common/images/ico_arrow_01.png); background-repeat:no-repeat; background-position:98% 50%; background-size:10px auto; padding:0 26px 0 4px; vertical-align:middle; } .question p { padding:15px 8px 20px; } /* アコーディオン acMenu ----------------------------------------*/ #acMenu dt{ display:block; width:100%; height:50px; font-size: 0.8em; font-weight: bold; line-height:50px; text-align:left; border-bottom:#ccc 1px solid; cursor:pointer; background:url(/dam/sp/app/leaf/images/ico_accordion_02.png) 30px 10px no-repeat; background-size: 30px 30px; padding-left: 80px; } #acMenu dd{ background:#f2f2f2; width:100%; line-height:50px; text-align: left; border-bottom:#ccc 1px solid; display:none; } #acMenu dt.active{ background:url(/dam/sp/app/leaf/images/ico_accordion_01.png) 30px 10px no-repeat; background-size: 30px 30px; } /*#acMenu dd table { width: 100%; margin: 8px 30px; }*/ #acMenu dd table { width: 100%; display: table; border-collapse: separate; border-spacing: 8px; } #acMenu dd table td { width: 25%; background: #f0f0f0; } /*#acMenu dd table td:nth-child(odd) { background: #f6ef74; background: -moz-linear-gradient(top, #f6ef74 0%, #e0d96a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6ef74), color-stop(100%,#e0d96a)); background: -webkit-linear-gradient(top, #f6ef74 0%,#e0d96a 100%); background: -o-linear-gradient(top, #f6ef74 0%,#e0d96a 100%); background: -ms-linear-gradient(top, #f6ef74 0%,#e0d96a 100%); background: linear-gradient(to bottom, #f6ef74 0%,#e0d96a 100%); }*/ /* ボタン各種 ----------------------------------------*/ table td.normal, table td.male, table td.female, table td.mix, table td.favorite { width:33%; padding:15px 12px !important; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); vertical-align:middle; text-align:center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin-right: 1.5%; } table td.normal a, table td.male a, table td.female a, table td.mix a, table td.favorite a { display: block; color: #fff; font-weight: bold; text-align:center; } table td.normal { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(34,182,251,1) 0%, rgba(30,165,228,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,182,251,1)), color-stop(100%,rgba(30,165,228,1))); background: -webkit-linear-gradient(top, rgba(34,182,251,1) 0%,rgba(30,165,228,1) 100%); background: -o-linear-gradient(top, rgba(34,182,251,1) 0%,rgba(30,165,228,1) 100%); background: -ms-linear-gradient(top, rgba(34,182,251,1) 0%,rgba(30,165,228,1) 100%); background: linear-gradient(to bottom, rgba(34,182,251,1) 0%,rgba(30,165,228,1) 100%); } table td.male, table td.mix { -webkit-border-radius: 6px; -moz-border-radius: 6px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(115,208,252,1) 0%, rgba(105,188,228,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,208,252,1)), color-stop(100%,rgba(105,188,228,1))); background: -webkit-linear-gradient(top, rgba(115,208,252,1) 0%,rgba(105,188,228,1) 100%); background: -o-linear-gradient(top, rgba(115,208,252,1) 0%,rgba(105,188,228,1) 100%); background: -ms-linear-gradient(top, rgba(115,208,252,1) 0%,rgba(105,188,228,1) 100%); background: linear-gradient(to bottom, rgba(115,208,252,1) 0%,rgba(105,188,228,1) 100%); } table td.female { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(254,142,208,1) 0%, rgba(230,128,188,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,142,208,1)), color-stop(100%,rgba(230,128,188,1))); background: -webkit-linear-gradient(top, rgba(254,142,208,1) 0%,rgba(230,128,188,1) 100%); background: -o-linear-gradient(top, rgba(254,142,208,1) 0%,rgba(230,128,188,1) 100%); background: -ms-linear-gradient(top, rgba(254,142,208,1) 0%,rgba(230,128,188,1) 100%); background: linear-gradient(to bottom, rgba(254,142,208,1) 0%,rgba(230,128,188,1) 100%); } table td.favorite { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(84,156,44,1) 0%, rgba(76,141,39,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,156,44,1)), color-stop(100%,rgba(76,141,39,1))); background: -webkit-linear-gradient(top, rgba(84,156,44,1) 0%,rgba(76,141,39,1) 100%); background: -o-linear-gradient(top, rgba(84,156,44,1) 0%,rgba(76,141,39,1) 100%); background: -ms-linear-gradient(top, rgba(84,156,44,1) 0%,rgba(76,141,39,1) 100%); background: linear-gradient(to bottom, rgba(84,156,44,1) 0%,rgba(76,141,39,1) 100%); } .preview, .next { display: inline-block; white-space: nowrap; background-color: #ccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8)); background-image: -webkit-linear-gradient(top, #fff, #e8e8e8); background-image: -moz-linear-gradient(top, #fff, #e8e8e8); background-image: -ms-linear-gradient(top, #fff, #e8e8e8); background-image: -o-linear-gradient(top, #fff, #e8e8e8); background-image: linear-gradient(top, #fff, #e8e8e8); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e8e8e8'); border: 1px solid #e6e6e6; margin: 0.5em; font-weight: bold; line-height: 3em; color: #333; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); } .preview { padding: 0 .5em 0 0; } .next { padding: 0 0 0 .5em; text-align: left; } .preview:before { background-image: -webkit-gradient(linear, left top, left bottom, from(#878787), to(#7b7b7b)); background-image: -webkit-linear-gradient(top, #878787, #7b7b7b); background-image: -moz-linear-gradient(top, #878787, #7b7b7b); background-image: -ms-linear-gradient(top, #878787, #7b7b7b); background-image: -o-linear-gradient(top, #878787, #7b7b7b); background-image: linear-gradient(top, #878787, #7b7b7b); float: left; text-align: center; font-size: 1.2em; margin: 0 0.5em 0 0em; padding: 0 .2em; -moz-border-radius: .15em 0 0 .15em; -webkit-border-radius: .15em 0 0 .15em; border-radius: .15em 0 0 .15em; pointer-events: none; }/**/ .next:after { background-image: -webkit-gradient(linear, left top, left bottom, from(#878787), to(#7b7b7b)); background-image: -webkit-linear-gradient(top, #878787, #7b7b7b); background-image: -moz-linear-gradient(top, #878787, #7b7b7b); background-image: -ms-linear-gradient(top, #878787, #7b7b7b); background-image: -o-linear-gradient(top, #878787, #7b7b7b); background-image: linear-gradient(top, #878787, #7b7b7b); float: right; text-align: center; font-size: 1.2em; margin: 0 0em 0 .5em; padding: 0 .2em; -moz-border-radius: 0 .15em .15em 0; -webkit-border-radius: 0 .15em .15em 0; border-radius: 0 .15em .15em 0; pointer-events: none; } /* Hexadecimal entities for the icons */ .left:before { content: "<"; color: #fff; } .right:after { content: ">"; color: #fff; } .alpha { opacity: 0.70; filter: alpha(opacity=70); -moz-opacity: 0.70; -ms-filter: "alpha(opacity=70)"; } /*0313追加 *****************************/ .animeBox .tabContents table td { width: 50%; } /*0314追加 *****************************/ #Inquiry_RegistListUp.localContents #ListUpWrapper.container li img { width:13px; } /*0315追加 *****************************/ /* サウンド sound ----------------------------------------*/ .soundBox .tabBox ul li { display:table-cell; width:20%; height:32px; border-right:#CDCDCD solid 1px; text-align:center; vertical-align:middle; font-size:93%; font-weight:bold; background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1))); background: -webkit-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -o-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -ms-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: linear-gradient(to bottom, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; cursor:pointer; } .soundBox .bg_diagonal { background-color: #996699; padding-bottom: 8px; } .soundBox .bg_diagonal h1 { font-size: 172%; } .soundBox .tabBox { background-color:#CDCDCD; padding:6px; } .soundBox .tabBox ul { display:table; width:100%; } .soundBox .tabBox ul li.on { background:#FFF !important; } .soundBox .tabBox ul li:last-child { border-right:none; } .soundBox .monthPager { width: 100%; background-color: #ededed; } .soundBox .monthPager table { width: 100%; } .soundBox .monthPager table td:first-child, .soundBox .monthPager table td:last-child { width: 21%; height: auto; vertical-align: middle; padding: 0 5px; } .soundBox .monthPager table td h2 { text-align: center; padding: 10px 0; font-size: 86%; } .soundBox .monthPager table td h2 span { font-size: 143%; font-weight: bold; } .soundBox .tabContents { background-color:#FFF; padding:8px; } .soundBox .tabContents table { width:100%; font-size: 86%; } .soundBox .tabContents table td { padding: 5px 2px 3px; width: 50%; } .soundBox .tabContents table td a { width: 100%; text-align: center; display:inline-block; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 2px 2px 2px rgba(51,51,51,0.4); padding:8px 0; } .soundBox .tabContents table td.selected a { background:#996699; background: -moz-linear-gradient(top, #996699 0%, r#996699 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#996699), color-stop(100%,#996699)); background: -webkit-linear-gradient(top, #996699 0%,#996699 100%); background: -o-linear-gradient(top, #996699 0%,#996699 100%); background: -ms-linear-gradient(top, #996699 0%,#996699 100%); background: linear-gradient(to bottom, #996699 0%,#996699 100%); } .soundBox + section.searchResultBox { margin-top: 0 !important; } .soundBox + section.searchResultBox h1 { background-color: #ededed; border-top:solid 1px #BFBFBF; border-bottom:solid 1px #BFBFBF; padding:10px 0; font-size:115%; text-align:center; } .soundBox .tabContents h2 { background-color: #EDEDED; font-size: 143%; font-weight: bold; padding: 8px 0 5px; text-align: center; } .soundBox .tabContents ul { padding: 0 8px; } .soundBox .tabContents li { border-bottom: 1px dotted #000000; padding: 10px 4px; } .soundBox .bg_diagonal + p { background-color: #EDEDED; padding: 8px 10px; } .medleyBox .tabContents h2 { background-color: #EDEDED; font-size: 143%; font-weight: bold; padding: 8px 0 5px; text-align: center; } .medleyBox .bg_diagonal + p { background-color: #EDEDED; padding: 8px 10px; } .animeBox .tabContents h2 { background-color: #EDEDED; font-size: 143%; font-weight: bold; padding: 8px 0 5px; text-align: center; } .animeBox .bg_diagonal + p { background-color: #EDEDED; padding: 8px 10px; } /*0318追加 *****************************/ .animeBox .tabContents table td { float: left; } .medleyBox .tabContents table td { float: left; } /*0329追加 *****************************/ .pager ul li img.btnPrev, .pager ul li img.btnNext { width: 100%; } /*20140401追加 ------------------------------------ */ @media print { div#karaokeLyric {display: none;} } #contents .function dt.model_inactive { display: none; } /*20160325追加 ------------------------------------ */ .tab_area { background-color: #ededed; padding: 0 10px 8px; } .tab_area .midashi01, .tab_area .midashi02 { /*display: inline-block;*/ padding: 6px 8px; text-align: center; background-color: #000; color: #fff; margin-bottom: 10px; } .tab_area ul.tabBtn02 { margin-bottom:20px; } .tab_area ul.tabBtn02:after { content: ''; clear: both; display: block; } .tab_area ul.tabBtn02 li { width: 33.333%; border-right: #CDCDCD solid 1px; text-align: center; vertical-align: middle; font-size: 86%; font-weight: bold; background: rgb(233,233,233); background: -moz-linear-gradient(top, rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1))); background: -webkit-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -o-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: -ms-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); background: linear-gradient(to bottom, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%); cursor: pointer; float: left; } .tab_area ul.tabBtn02 li.on { background: #FFF !important; } .tab_area ul.tabBtn02 li a { display: block; height: 34px; line-height: 34px; } .tab_area ul.tabBtn02 li a.line2 { padding-top: 2px; line-height: 14px; } .tab_area + .tabBox .tabContents { padding: 0 0 8px; } /* 20160407追加(デュアル映像) ----------------------------------------*/ .dualBox .bg_diagonal { background-color:#68b3e8; padding-bottom:8px; } .dualBox .bg_diagonal h1 { font-size: 172%; } .dualBox .bg_diagonal + p { background-color: #ededed; padding: 8px 10px; } .dualBox .bg_diagonal + p a { color: #0000FF; text-decoration: underline; } .dualBox .tabBox { background-color:#CDCDCD; padding:6px; } .dualBox .tabBox ul { display:table; width:100%; } .dualBox .tabContents { background-color:#FFF; } .dualBox .tabContents h2 { font-size: 143%; text-align: center; font-weight: bold; background-color: #ededed; padding: 8px 0 5px 0; } .dualBox .tabContents ul { padding:0 8px; } .dualBox .tabContents li { border-bottom: dotted 1px #000; padding:10px 4px; } .dualBox .tabContents li:last-child { border-bottom: none; } .dualBox .tabContents li dl { font-weight: bold; } .dualBox .tabContents li dl dd { text-align: right; padding:3px 4px; } /* 特集詳細ページ ----------------------------------------*/ #content.feature #table tbody td a { display: block; overflow: hidden; width: 80%; max-width: 130px; height: 100%; min-height: 100%; margin: 0 auto -10px; background: url(/dam/app/dam/images/btn_regist_04.png) no-repeat left top; background-size: 100% auto; line-height: 3.5em; text-indent: -9999px; } #content.feature .inner { width: 100%; margin: 10px 0 45px; padding: 0; } #content.feature .section h2:first-child { margin: 10px 0 0 !important; } #content.feature .karaoke h2 { margin: 20px 0 0 !important; } #content.feature #table { display: block; font-size: 1.4rem; } #content.feature #table th { font-weight: normal; } #content.feature #table thead { display: none; } #content.feature #table tbody { display: block; } #content.feature #table tbody tr { display: block; margin-bottom: 1.5em; } #content.feature #table tbody th, #content.feature #table tbody td { display: list-item; list-style: none; border: none; } #content.feature #table tbody th { padding: 10px; } #content.feature #table tbody td { margin: 10px 10px 0; padding: 0; font-weight: normal; } #content.feature #table tbody td.dspN { display: none; } #content.feature #table tbody th + td + td { text-align: left; } #content.feature .release .box01 > p:first-child { float: none; margin: 0 auto 10px; text-align: center; } #content.feature .release .box01 .clearfix + p { display: none; } #content.feature .release .box02 .clearfix p { float: none; width: 100%; margin: 10px auto 0; text-align: center; } #content.feature .release .box02 .clearfix p:first-child { margin: 0 auto; text-align: center; } #content.feature .release .box02 dl { margin: 10px auto 0; } #content.feature .profile > div { margin: 10px; } #content.feature .profile .box01 p:first-child { float: none; width: 100%; margin: 0 0 10px 0; } #content.feature .profile .box02 { margin-top: 15px; } #content.feature .profile .box02 > p:first-child { float: none; width: 100%; margin-bottom: 10px; padding-right: 0; } #content.feature .profile .box02 > p + p { float: none; margin: 0 auto; text-align: center; } #content.feature .section.special ul { margin: 10px 10px 0; } #content.feature .special ul li { float: none; clear: both; width: 100%; margin: 0 auto; } #content.feature .special ul li p { width: 103px; margin: 0 10px 10px 0; padding-bottom: 0px; } #content.feature .special ul li p img { width: 80px; height: 45px; } #content.feature .special ul li dl dd { display: none; } #content.feature #common_caption { margin-right: 10px; margin-left: 10px; } #content.feature .l-ranking-container { margin: 10px; } #content.feature .ranking-type-header { display: block; height: 22px; } #content.feature .ranking-type-header .ranking-denmoku-guide { bottom: -1px; } .artistBox { float: none; width: 100%; height: auto; padding-left: 0; } /* タブ ----------------------------------------*/ .tabBox #nav.tabBtn li { line-height: 1.2; } .tabBox #nav.tabBtn li a { box-sizing: border-box; height: auto; padding-right: 1px; padding-left: 1px; } #content.base .tabBox ul li { font-size: 13px; } #content.base .tabBox .soundContents h2 { padding-right: 50px; padding-left: 50px; font-size: 18px; } } /* 181009追加 サイトマップ(pc) */ #SITE-MAP.siteMap { padding-top: 20px; background-color: #f3f2ee; border-top: 1px solid #ccc; font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; } #SITE-MAP .siteMap__content { position: relative; } #SITE-MAP .smp-songs { margin-left: auto; margin-right: 20px; } #SITE-MAP .smp-fun { flex-basis: 50%; width: 50%; padding-left: 19px; padding-left: 60px; } #SITE-MAP .siteMap__inner { display: flex; max-width: 1260px; width: 100%; margin: 0 auto; justify-content: space-around; } #SITE-MAP .smp-content__title { font-size: 14px; font-weight: bold; color: #333333; margin-bottom: 34px; background-color: #dbd8cb; padding: 10px 15px;} #SITE-MAP .smp-lists__inner { display: flex; width: 100%; } #SITE-MAP .smp-content__lists:not(:first-of-type) { margin-left: 25px; } #SITE-MAP .smp-content__lists--noneML { margin-left: 0; margin-top: 28px; } #SITE-MAP .smp-content__lists--sTab { display: flex; } #SITE-MAP .smp-content__lists--sTab:not(:first-of-type) { margin-left: 25px; } #SITE-MAP .smp-content__lists--fTab { display: flex; } #SITE-MAP .smp-content__lists--fTab:not(:first-of-type) { margin-left: 25px; } #SITE-MAP .smp-lists__title { font-size: 12px; font-weight: bold; color: #333333; padding-bottom: 13px; line-height: 1; } #SITE-MAP .smp-lists { margin-left: 10px; } #SITE-MAP .smp-lists:first-child { margin-left: 0; } #SITE-MAP .smp-list { font-size: 0; margin-bottom: 8px; } #SITE-MAP .smp-list__link { font-size: 10px; color: #111111; line-height: 1.3; white-space: pre; } #SITE-MAP .smp-list__link:hover, #SITE-MAP .smp-list__link:active { color: #111; text-decoration: underline; } #FOOTER-LINK .footer-links__inner { width: 100%; max-width: 1000px; margin: 0 auto 25px; } #FOOTER-LINK .footer-links__lists { display: flex; flex-wrap: wrap; justify-content: center; } #FOOTER-LINK .footer-links__lists:not(:first-of-type) { margin-top: 10px; } #FOOTER-LINK .footer-links__lists:nth-of-type(2) { margin-top: 30px; } #FOOTER-LINK .footer-links__list, #FOOTER-LINK .footer-links__list--hideSP { padding: 0 15px; border-left: 1px solid #121212; font-size: 0; } #FOOTER-LINK .footer-links__list:first-of-type, #FOOTER-LINK .footer-links__list--hideSP:first-of-type { border-left: none; } #FOOTER-LINK .footer-links__link { font-size: 1.2rem; line-height: 1.4; } #FOOTER-LINK .footer-links__link:hover, #FOOTER-LINK .footer-links__link:active { color: #111; text-decoration: underline; } #FOOTER-LINK .u-br-nonePC { display: none; } .smp-content-block { margin-right: 40px; } .smp-content-area { margin-bottom: 40px; } @media screen and (max-width: 720px) { #SITE-MAP.siteMap { display: none; } #FOOTER-LINK .footer-links__list--hideSP { display: none; } #FOOTER-LINK .footer-links__link { font-size: 1rem; line-height: 1; } } @media screen and (max-width: 1024px) { #SITE-MAP .smp-songs::before { width: 3px; right: -7.06vw; } #SITE-MAP .smp-songs { padding-left: 10px; margin-right: 7.06vw; } #SITE-MAP .smp-fun { padding-left: 7.06vw; } #SITE-MAP .smp-content__lists:not(:first-of-type) { margin-left: 0; } #SITE-MAP .smp-content__lists--sTab { display: block; } #SITE-MAP .smp-content__lists--sTab:first-of-type { margin-right: 11.52vw; } #SITE-MAP .smp-content__lists--fTab { display: block; } #SITE-MAP .smp-content__lists--fTab:nth-of-type(2) { margin-left: 8.04vw; } #SITE-MAP .smp-list:last-of-type { margin-bottom: 22px; } #FOOTER-LINK .footer-links__lists:nth-of-type(2) { margin-top: 0; } #FOOTER-LINK .footer-links__lists { max-width: 525px; width: 100%; margin: 0 auto; } #FOOTER-LINK .footer-links__list, #FOOTER-LINK .footer-links__list--hideSP { flex-basis: 50%; border: none; margin-top: 12px; text-align: left; } #FOOTER-LINK .footer-links__list:nth-child(odd), #FOOTER-LINK .footer-links__list--hideSP:nth-child(odd) { margin-right: auto; padding: 0 0 0 16px; } #FOOTER-LINK .footer-links__list:nth-child(even), #FOOTER-LINK .footer-links__list--hideSP:nth-child(even) { margin-left: auto; padding: 0 0 0 7.06vw; } #FOOTER-LINK .u-br-nonePC { display: inline; } .footer-links__lists { margin-top:0px!important; } .footer-links__link { line-height: 1.7!important; } .footer-links__list { margin-top:5px!important; } }