@media screen and (max-width: 767px) {
  .jp-cmp-ng-initializing { height: 9999px; }
}
#jp-cmp-main-img > #jp-cmp-kv-list { display: none; }
#jp-cmp-kv-list + #kv-init { display: block; }
.bx-wrapper + #kv-init { display: none !important; }
#kv-init { text-align: center; width: 100%; }
.jp-cmp-h1-001 { font-weight: bold; }
.jp-cmp-h1-001 > span { font-weight: bold; }
.jp-cmp-h1-001 strong { color: rgb(215, 14, 24); font-weight: bold; }
.jp-cmp-h1-block-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
@media screen and (min-width: 768px) {
  .jp-cmp-h1-001 { padding: 15px 20px 12px; font-size: 180%; }
  #jp-cmp-head-column1 .jp-cmp-h1-001 { padding-bottom: 0px; }
  .jp-cmp-h1-block-table { display: table; width: 100%; }
  .jp-cmp-h1-block-table h1 { display: table-cell; width: 71%; }
  .jp-cmp-h1-block-table p { display: table-cell; width: 29%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h1-001 { padding: 1em 0.5em; font-size: 150%; }
  #jp-cmp-head-column1 .jp-cmp-h1-001 { padding-bottom: 0px; }
  .jp-cmp-h1-block-table { overflow: hidden; padding: 1em 0.5em; }
  .jp-cmp-h1-block-table .jp-cmp-h1-001 { float: left; padding: 0px; }
  .jp-cmp-h1-block-table p { float: right; }
}
.jp-cmp-h1-002 h1 { font-weight: bold; overflow-wrap: break-word; }
@media screen and (min-width: 768px) {
  .jp-cmp-h1-002 { }
  .jp-cmp-h1-002 .jp-cmp-h1-002-area { display: table; width: 100%; }
  .jp-cmp-h1-002 .jp-cmp-h1-002-title { float: left; vertical-align: top; }
  .jp-cmp-h1-002 h1 { font-size: 180%; margin-bottom: 8px; }
  .jp-cmp-h1-sp-btn-001 { display: none; }
  .jp-cmp-h1-002 .jp-cmp-h1-002-contents { min-width: 47%; text-align: right; vertical-align: bottom; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h1-002 { position: relative; min-height: 153px; }
  .jp-cmp-h1-002-area { margin-bottom: 1.4em; padding-bottom: 1em; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-h1-002-title p { display: block; position: absolute; }
  .jp-cmp-h1-002-area .jp-cmp-h1-002-title { margin-bottom: 0.6em; padding-bottom: 0px; border-bottom: 0px; }
  .jp-cmp-h1-002 h1 { font-size: 150%; margin-bottom: 0.4em; }
  .jp-cmp-h1-002 .jp-cmp-h1-002-contents jp-cmp-sns-buttons aside.jp-cmp-list-social-001 ul { }
  .jp-cmp-h1-002 .jp-cmp-h1-002-contents jp-cmp-sns-buttons { display: block; }
  .jp-cmp-h1-002 .jp-cmp-h1-002-area .jp-cmp-h1-002-contents { position: static; text-align: right; }
  .jp-cmp-h1-002 .jp-cmp-h1-002-area .jp-cmp-h1-002-contents .jp-cmp-list-inline-003 li { margin: 0px 0px 0.4em 0.85em; }
  .jp-cmp-h1-002 .jp-cmp-h1-002-contents > p { display: none; }
}
.jp-cmp-h1-003 h1 { font-weight: bold; word-break: break-all; overflow-wrap: break-word; }
.jp-cmp-h1-003 .jp-cmp-h1-003-contents { text-align: right; }
.jp-cmp-h1-003 .jp-cmp-h1-003-contents ul { margin: 8px 0px 0px; overflow: hidden; width: 100%; }
.jp-cmp-h1-003 .jp-cmp-h1-003-contents ul li { float: right; margin-left: 10px; }
.jp-cmp-h1-003 .jp-cmp-h1-003-contents ul li.jp-cmp-icon-new { float: left; margin: 10px 0px 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-h1-003 { display: table; width: 100%; }
  .jp-cmp-h1-003 .jp-cmp-h1-003-area { display: table; width: 100%; }
  .jp-cmp-h1-003 .jp-cmp-h1-003-title { vertical-align: top; }
  .jp-cmp-h1-003 h1 { font-size: 180%; margin-bottom: 8px; word-break: break-all; overflow-wrap: break-word; }
  .jp-cmp-h1-sp-btn-001 { display: none; }
  .jp-cmp-h1-003 .jp-cmp-h1-003-contents { text-align: right; }
  .jp-cmp-h1-003 .jp-cmp-h1-003-contents p { float: right; margin-left: 10px; }
  .jp-cmp-h1-003 .jp-cmp-h1-003-contents ul { float: left; margin: 8px 0px 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h1-003 { position: relative; margin-bottom: 1.4em; padding-bottom: 2em; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-h1-003-title { margin-bottom: 1em; border-bottom: none; }
  .jp-cmp-h1-003 h1 { font-size: 150%; margin-bottom: 0.4em; }
  .jp-cmp-h1-003 .jp-cmp-h1-003-contents ul li.jp-cmp-icon-new { float: left; margin: 5px 0px 0px; }
}
.jp-cmp-wrap-error { position: relative; }
.jp-cmp-wrap-error #jp-cmp-footer-sp-nav { position: fixed !important; }
.jp-cmp-h1-error { color: rgb(240, 97, 1); font-size: 200%; text-align: center; }
.jp-cmp-h1-error span { background: url("/web/feature/img/ico-support-001.png") left 2px / 32px no-repeat; padding-left: 41px; font-weight: bold; vertical-align: middle; }
#jp-cmp-wrap-error02 { position: relative; background: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .jp-cmp-wrap-error #jp-cmp-footer-inner { display: none; }
  .jp-cmp-h1-error { font-size: 135%; }
  .jp-cmp-h1-error span { background: url("/web/feature/img/ico-support-001.png") left top / 22px no-repeat; padding: 0px 0px 3px 34px; vertical-align: top; }
  .jp-cmp-error-footer-logo { width: 71px; padding: 0px 10px; }
  .jp-cmp-error-footer-copy { text-align: right; padding: 0px 20px 10px 80px; margin-top: -10px; font-size: 0.85em; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-error-footer-logo { padding: 20px; }
  .jp-cmp-error-footer-copy { text-align: right; padding: 0px 20px 20px; margin-top: -40px; font-size: 0.85em; }
}
.jp-cmp-error { background: rgb(255, 255, 255); }
.jp-cmp-error-header { background: rgb(214, 23, 24); height: 70px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px; }
.jp-cmp-error-header-inner { margin: 0px auto; }
.jp-cmp-error-header h1 { text-align: center; padding-top: 18px; }
.jp-cmp-error-footer { background: rgb(43, 43, 43); color: rgb(149, 149, 149); }
.jp-cmp-h2-001 { font-weight: bold; word-break: break-all; overflow-wrap: break-word; }
.jp-cmp-h2-001 strong { font-weight: bold; }
.jp-cmp-h2-001 .jp-cmp-h2-001-icon-001 { margin-left: 10px; }
@media screen and (min-width: 768px) {
  .jp-cmp-h2-001 { padding: 0px 0px 14px 20px; background: url("/web/feature/img/ico-circle-002.png") 0px 0.4em no-repeat; font-size: 150%; }
  .jp-cmp-h2-icon-001 { display: table; width: 100%; }
  .jp-cmp-h2-icon-001 .jp-cmp-h2-001 { display: table-cell; width: 85%; vertical-align: middle; }
  .jp-cmp-h2-icon-001 .jp-cmp-h2-icon { display: table-cell; width: 15%; text-align: right; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h2-001, .jp-cmp-h2-icon-001 { margin: 0px 0px 1em; padding: 0px 0px 0px 20px; background: url("/web/feature/img/ico-circle-001.png") 0px 0.4em / 12px 12px no-repeat; font-size: 1.35em; }
  .jp-cmp-h2-001 strong { color: rgb(215, 14, 24); }
  .jp-cmp-h2-icon-001 .jp-cmp-h2-001 { display: inline; margin: 0px; padding: 0px; background: none; font-size: 1em; }
  .jp-cmp-h2-icon-001 .jp-cmp-h2-icon { display: inline-block; margin: -4px 0px 0px 0.6em; vertical-align: top; }
  .jp-cmp-h2-icon-001 .jp-cmp-h2-icon img { width: 75%; }
  .jp-cmp-box-004 .jp-cmp-h2-001 { margin: 0px; padding: 0px 10px 15px 30px; background: url("/web/feature/img/ico-circle-001.png") 10px 0.4em / 12px 12px no-repeat; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-h2-002 { font-weight: bold; padding: 0px 0px 20px; font-size: 150%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h2-002 { margin: 0px 0px 1em; font-size: 120%; }
}
.jp-cmp-h3-001 { margin-bottom: 0.2em; font-size: 120%; font-weight: bold; }
.jp-cmp-head-search-001 { display: table; width: 100%; min-height: 3.2em; margin: 40px 0px 20px; box-sizing: border-box; border: 2px solid rgb(222, 227, 231); border-radius: 2px / 0px 2px 2px 0px; background: rgb(242, 245, 248); }
.jp-cmp-box-001 .jp-cmp-head-search-001.jp-cmp-first-child { margin-top: 0px; }
.jp-cmp-head-search-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-head-search-001 h2 { display: table-cell; width: 78%; padding: 0px 0px 0px 1em; vertical-align: middle; word-break: break-all; overflow-wrap: break-word; }
.jp-cmp-head-search-001 h2 strong { font-size: 150%; font-weight: bold; }
.jp-cmp-head-search-001 h2 em { font-size: 150%; }
.jp-cmp-head-search-001 h2 span { font-size: 120%; }
.jp-cmp-head-search-btn { display: table-cell; padding: 3px 0px; background: rgb(242, 245, 248); vertical-align: middle; width: 22% !important; }
.jp-cmp-head-search-btn a { display: inline-block; width: 100%; height: 32px; padding: 6px 0px 0px 36px; box-sizing: border-box; border-left: 1px solid rgb(203, 211, 217); background: url("/web/feature/img/ico-arrow-003.png") 15px 50% / 14px 8px no-repeat; color: rgb(0, 0, 0); font-size: 120%; font-weight: bold; }
.jp-cmp-head-search-btn a.jp-cmp-open { background: url("/web/feature/img/ico-arrow-011.png") 15px 50% / 14px 8px no-repeat; }
.jp-cmp-head-search-btn a:active, .jp-cmp-head-search-btn a:focus { text-decoration: none; }
.jp-cmp-head-search-btn a:hover { text-decoration: none; opacity: 0.7; }
@media (-ms-high-contrast:none) {
  .jp-cmp-head-search-001::after { content: " "; background: rgb(242, 245, 248); position: absolute; right: 0px !important; width: 0px !important; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-head-search-001 { margin: 1.6em -10px 0px; border-radius: 0px; border-width: 1px 0px; position: relative; width: calc(100% + 20px); }
  .jp-cmp-head-search-001::after { content: " "; background: rgb(242, 245, 248); position: absolute; right: -20px; width: 20px; height: 100%; top: -1px; border-bottom: 1px solid rgb(222, 227, 231); border-top: 1px solid rgb(222, 227, 231); }
  @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .jp-cmp-head-search-001::after { content: " "; background: rgb(242, 245, 248); position: absolute; right: 0px !important; width: 0px !important; }
}
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
  .jp-cmp-head-search-001::after { content: " "; background: rgb(242, 245, 248); position: absolute; right: 0px !important; width: 0px !important; }
}
  @media screen and (max-device-width: 999px) {
  .jp-cmp-head-search-001::after { content: initial; }
}
  @media screen and (min-device-width: 1000px) {
  @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .jp-cmp-head-search-001::after { height: 100%; top: -1px; }
}
}
  .jp-cmp-box-001 .jp-cmp-head-search-001.jp-cmp-first-child { margin-top: 0px; width: calc(100% + 20px); }
  .jp-cmp-box-001 > .jp-cmp-head-search-001:first-child, .jp-cmp-box-001 .ng-isolate-scope:first-child .jp-cmp-head-search-001 { margin-top: -20px; }
  .jp-cmp-head-search-001 h2 { width: 57%; padding: 0.5em 0px 0.5em 1em; }
  .jp-cmp-head-search-001 h2 strong { font-size: 1.2em; }
  .jp-cmp-head-search-001 h2 em { font-size: 1em; }
  .jp-cmp-head-search-001 h2 span { display: none; }
  .jp-cmp-head-search-btn { padding: 3px 0px; width: 43% !important; }
  .jp-cmp-head-search-btn a { padding-top: 8px; border-color: rgb(182, 182, 182); font-size: 0.9em; }
  .jp-cmp-pr-3 { padding-right: 3%; }
}
.jp-cmp-box-head-001 { margin-bottom: 10px; border-bottom: 1px solid rgb(227, 227, 227); font-size: 150%; font-weight: bold; }
.jp-cmp-box-head-001 a, .jp-cmp-box-head-001 p { display: block; height: 100%; padding: 3px 0px 17px 40px; color: rgb(59, 59, 59); font-weight: bold; }
.jp-cmp-box-head-001:hover { opacity: 0.75; }
.jp-cmp-box-head-001 a:hover { text-decoration: none; }
.jp-cmp-box-head-001 a { padding-right: 10px; background: url("/web/feature/img/ico-arrow-002.png") 100% 11px no-repeat; }
.jp-cmp-box-head-area-001 { background: url("/web/feature/img/ico-area-001.gif") 0px 0px no-repeat; }
.jp-cmp-box-head-line-001 { background: url("/web/feature/img/ico-line-001.gif") 0px 0px no-repeat; }
.jp-cmp-box-head-map-001 { background: url("/web/feature/img/ico-map-001.gif") 0px 0px no-repeat; }
@media screen and (max-width: 767px) {
  .jp-cmp-box-head-001 a { background: url("/web/feature/img/smp/ico-arrow-007.png") 98% 50% / 10px 20px no-repeat; }
}
.jp-cmp-box-head-002 { margin-bottom: 10px; padding: 3px 0px 17px 40px; border-bottom: 1px solid rgb(227, 227, 227); color: rgb(59, 59, 59); font-size: 120%; font-weight: bold; }
.jp-cmp-head-accordion-001 a { display: block; margin-bottom: 10px; padding: 8px 11px; box-sizing: border-box; border-radius: 4px; background: rgb(144, 144, 144); color: rgb(255, 255, 255); cursor: pointer; font-size: 150%; font-weight: bold; }
.jp-cmp-head-accordion-001 a:hover { text-decoration: none; }
@media screen and (max-width: 767px) {
  .jp-cmp-head-accordion-001 a { margin-bottom: 0px; padding: 13px 11px; box-sizing: border-box; border-radius: 0px; border-top: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); cursor: pointer; font-size: 115%; font-weight: bold; }
  .jp-cmp-head-accordion-001 a.jp-cmp-open { background: url("/web/feature/img/ico-arrow-016.png") 98% 50% no-repeat rgb(144, 144, 144); }
  .jp-cmp-head-accordion-001 a.jp-cmp-close { background: url("/web/feature/img/ico-arrow-008.png") 98% 50% no-repeat rgb(144, 144, 144); }
}
.jp-cmp-h1-category-search { box-sizing: border-box; color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
  .jp-cmp-h1-category-search { height: 82px; line-height: 82px; margin: 20px 0px 30px; padding: 0px 28% 0px 4%; background: url("/web/feature/img/bg-head-search-001.jpg") 0px 50% / 100% no-repeat; font-size: 200%; }
}
@media screen and (max-width: 0px) and (min-width: 0px) {
  .jp-cmp-h1-category-search { margin: 20px 2% 30px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h1-category-search { height: 49px; line-height: 49px; padding: 0px 44% 0px 5%; margin: 10px 3%; background: url("/web/feature/img/smp/bg-head-search-001.jpg") 0px 50% / cover no-repeat; font-size: 135%; }
}
#jp-cmp-topicpath { height: 26px; background: rgb(229, 229, 229); box-sizing: border-box; border-radius: 3px; vertical-align: top; margin-left: 0px; }
#jp-cmp-top #jp-cmp-topicpath { margin-left: 10px; }
#jp-cmp-main-column3 #jp-cmp-topicpath, #jp-cmp-utasuki #jp-cmp-topicpath, #jp-cmp-otoiawase #jp-cmp-topicpath { margin-left: 0px !important; }
#jp-cmp-topicpath a, #jp-cmp-topicpath span { display: inline-block; height: 26px; padding: 4px 0px 0px 14px; box-sizing: border-box; color: rgb(59, 59, 59); vertical-align: top; }
#jp-cmp-topicpath a:hover { opacity: 0.6; text-decoration: none; }
#jp-cmp-topicpath a:first-child, #jp-cmp-topicpath span:first-child { border-radius: 3px / 3px 0px 0px 3px; }
#jp-cmp-topicpath a::after, #jp-cmp-topicpath span::after { content: ""; display: inline-block; width: 10px; height: 26px; margin: -4px 0px 0px 9px; background: url("/web/feature/img/topicpath-ico-arrow-002.gif") 100% 50% no-repeat; vertical-align: top; }
#jp-cmp-topicpath a:last-child::after, #jp-cmp-topicpath span:last-child::after { content: ""; display: none; width: 0px; height: 0px; margin: 0px; background: none; }
#jp-cmp-topicpath .jp-cmp-topicpath-top { background: rgb(213, 213, 213); }
#jp-cmp-topicpath .jp-cmp-topicpath-top::after { background: url("/web/feature/img/topicpath-ico-arrow-001.gif") 100% 50% no-repeat; }
@media screen and (min-width: 768px) {
  .jp-cmp-carousel-open #jp-cmp-topicpath, .jp-cmp-carousel-close #jp-cmp-topicpath { max-width: 770px; }
}
@media screen and (max-width: 767px) {
  #jp-cmp-topicpath { display: none; }
}
#jp-cmp-head-column1 { margin-bottom: 20px; }
@media screen and (max-width: 767px) {
  #jp-cmp-head-column1 { margin-bottom: 10px; }
}
.jp-cmp-pagetop { position: relative; width: 1250px; margin: 0px auto; }
.jp-cmp-pagetop-inner { padding-top: 24px; position: fixed; width: 76px; z-index: 101; bottom: 0px; }
@media screen and (min-width: 1425px) {
  .jp-cmp-pagetop-inner { margin: 0px 0px 0px 1270px; }
}
@media screen and (max-width: 1424px) {
  .jp-cmp-pagetop-inner { right: 0px; }
}
.jp-cmp-pagetop.fixed { position: fixed; }
.jp-cmp-pagetop a { position: absolute; right: 10px; margin-top: -86px; }
@media screen and (min-width: 1071px) {
  .jp-cmp-pagetop { bottom: 10px; }
}
@media screen and (max-width: 1070px) and (min-width: 768px) {
  .jp-cmp-pagetop { display: none; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-pagetop { display: none; }
}
.jp-cmp-banner-area ul { overflow: hidden; }
@media screen and (min-width: 1071px) {
  .jp-cmp-banner-area { width: 1250px; margin: 0px auto; }
  .jp-cmp-banner-area li { float: left; margin: 0px 0px 10px 10px; }
  .jp-cmp-banner-area li:nth-child(5n+1) { margin-left: 0px; }
}
@media screen and (min-width: 768px) and (max-width: 1070px) {
  .jp-cmp-banner-area { width: 950px; margin: 0px auto; }
  .jp-cmp-banner-area li { float: left; margin: 0px 0px 10px 10px; }
  .jp-cmp-banner-area li:nth-child(4n+1) { margin-left: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-banner-area { position: relative; z-index: 101; padding: 10px 3% 0px; background-color: rgb(242, 242, 242); }
  .jp-cmp-banner-area li { float: left; width: 48%; margin-bottom: 6px; }
  .jp-cmp-banner-area li:nth-child(2n) { float: right; }
}
.jp-cmp-license-area { position: relative; overflow: hidden; margin: 10px auto 30px; text-align: center; }
.jp-cmp-license-area-inner { position: relative; left: 50%; float: left; }
.jp-cmp-license-area .jp-cmp-license-data { position: relative; left: -50%; float: left; margin-left: 30px; }
.jp-cmp-license-area .jp-cmp-license-data:first-child { margin-left: 0px; }
.jp-cmp-license-area .jp-cmp-license-icon { float: left; margin-right: 8px; }
.jp-cmp-license-area .jp-cmp-license-text { float: left; }
.jp-cmp-license-area .jp-cmp-license-text small { display: block; font-size: 80%; line-height: 1.2; text-align: left; }
@media screen and (min-width: 1071px) {
  .jp-cmp-license-area { width: 1250px; margin: 10px auto 30px; }
}
@media screen and (max-width: 1070px) and (min-width: 768px) {
  .jp-cmp-license-area { margin-top: 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-license-area { position: relative; z-index: 101; margin-top: 10px; }
  .jp-cmp-license-area .jp-cmp-license-data:first-child { margin-bottom: 15px; }
  .jp-cmp-license-area .jp-cmp-license-data:nth-child(2) { clear: both; margin-left: 0px; }
  .jp-cmp-license-area { margin-bottom: 20px; }
}
.jp-cmp-box-001 { margin-bottom: 30px; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
@media screen and (min-width: 768px) {
  .jp-cmp-box-001 { padding: 20px; }
  #jp-cmp-topicpath + .jp-cmp-box-001 { margin-top: 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-001 { margin: 0px 3% 10px; padding: 20px 10px; }
  #jp-cmp-topicpath + .jp-cmp-box-001 { margin-top: 10px; }
  .jp-cmp-box-001.jp-cmp-box-004 { margin: 0px 3% 10px; padding: 15px 0px 0px; }
}
.jp-cmp-box-002 { margin-bottom: 30px; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
#jp-cmp-main .jp-cmp-box-002:last-child { margin-bottom: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-box-002 { padding: 20px; }
}
@media screen and (max-width: 0px) and (min-width: 0px) {
  .jp-cmp-box-002 { margin: 0px 2% 30px; padding: 20px 2%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-002 { margin: 0px 3% 10px; padding: 20px 0px 0px; }
}
.jp-cmp-box-003 { margin-bottom: 30px; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
#jp-cmp-main .jp-cmp-box-003:last-child { margin-bottom: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-box-003 { padding-bottom: 20px; }
  .jp-cmp-box-003-inner { padding: 20px 20px 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-003 { margin: 0px 3% 10px; padding-bottom: 20px; }
  .jp-cmp-box-003 .jp-cmp-ranking-category-list-001 ul, .jp-cmp-box-003 .jp-cmp-ranking-category-list-002 ul, .jp-cmp-box-003 .jp-cmp-ranking-category-list-003 ul { margin-right: 0px; margin-left: 0px; }
}
.jp-cmp-box-004 { margin-bottom: 30px; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
#jp-cmp-main .jp-cmp-box-004:last-child { margin-bottom: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-box-004 { padding: 20px; }
}
@media screen and (max-width: 0px) and (min-width: 0px) {
  .jp-cmp-box-004 { margin: 0px 2% 30px; padding: 20px 2%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-004 { margin: 0px 3% 10px; padding: 20px 0px 0px; }
}
.jp-cmp-box-005 { margin: 30px 0px; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
.jp-cmp-box-005 p { text-align: center; font-size: 117%; margin-top: 55px; }
.jp-cmp-box-005 p a { font-size: 100%; }
.jp-cmp-box-005 p span { display: block; }
@media screen and (min-width: 768px) {
  .jp-cmp-box-005 { padding: 120px 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-005 { margin: 0px 3% 10px; padding: 50px 10px; }
  #jp-cmp-topicpath + .jp-cmp-box-005 { margin-top: 10px; }
  .jp-cmp-box-005 p { margin-top: 30px; }
  .jp-cmp-box-005 p span { display: inline; }
}
.jp-cmp-box-006 { padding: 30px 0px 0px; box-sizing: border-box; background: rgb(255, 255, 255); }
.jp-cmp-box-006 p { text-align: center; font-size: 117%; margin-top: 55px; }
.jp-cmp-box-006 p a { font-size: 100%; }
.jp-cmp-box-006 p span { display: block; }
@media screen and (min-width: 768px) {
  .jp-cmp-box-006 { padding: 120px 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-006 { margin: 0px 3% 10px; padding: 50px 10px; }
  #jp-cmp-topicpath + .jp-cmp-box-006 { margin-top: 10px; }
  .jp-cmp-box-006 p { margin-top: 30px; }
  .jp-cmp-box-006 p span { display: inline; }
}
.jp-cmp-box-007 { padding: 20px; box-sizing: border-box; background: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
  .jp-cmp-box-007 { padding: 20px 20px 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-007 { margin: 0px 3% 10px; padding: 20px 20px 0px; }
}
.jp-cmp-border-box a { border: 1px solid rgb(215, 14, 24); padding: 6px 1.9%; color: rgb(215, 14, 24); font-weight: bold; font-size: 130%; background-color: rgb(255, 233, 237); margin: -10px 0px 10px; display: table; width: 96%; }
.jp-cmp-border-box span { display: table-cell; vertical-align: middle; width: 25px; }
@media screen and (max-width: 767px) {
  .jp-cmp-width-full-area-001 { margin: 0px -10px; }
}
.jp-cmp-head-search-002 { display: table; width: 100%; min-height: 3.2em; margin: 40px 0px 20px; box-sizing: border-box; border: 2px solid rgb(222, 227, 231); border-radius: 2px / 0px 2px 2px 0px; background: rgb(242, 245, 248); }
.jp-cmp-box-001 .jp-cmp-head-search-002.jp-cmp-first-child { margin-top: 0px; }
.jp-cmp-head-search-002::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-head-search-002 h2 { display: table-cell; padding: 7px 0px 4px 1em; vertical-align: middle; }
.jp-cmp-head-search-002 h2 strong { font-size: 150%; font-weight: bold; }
.jp-cmp-head-search-002 h2 em { font-size: 150%; }
.jp-cmp-head-search-002 h2 span { font-size: 120%; }
@media screen and (max-width: 767px) {
  .jp-cmp-head-search-002 { margin: 1.6em 0px 0px; border-radius: 0px; border-width: 1px 0px; }
  .jp-cmp-box-001 .jp-cmp-head-search-002.jp-cmp-first-child { margin-top: 0px; }
  .jp-cmp-box-001 .jp-cmp-head-search-002:first-child { margin-top: -20px; }
  .jp-cmp-head-search-002 h2 { padding: 7px 0px 4px 1em; }
  .jp-cmp-head-search-002 h2 strong { font-size: 1.2em; }
  .jp-cmp-head-search-002 h2 em { font-size: 1em; }
  .jp-cmp-head-search-002 h2 span { font-size: 0.8em; }
  .jp-cmp-head-search-btn { padding: 3px 0px; width: 43% !important; }
  .jp-cmp-head-search-btn a { padding-top: 8px; border-color: rgb(182, 182, 182); font-size: 0.9em; }
}
.jp-cmp-box-gray-001 { padding: 6px 10px; box-sizing: border-box; background: rgb(242, 245, 248); border-radius: 4px; }
.jp-cmp-box-gray-002 { padding: 10px; box-sizing: border-box; border: 2px solid rgb(222, 227, 231); background: rgb(242, 245, 248); }
@media screen and (min-width: 768px) {
  .jp-cmp-box-gray-002 { border-radius: 2px; }
  .jp-cmp-time-001 { font-size: 120%; }
  .jp-cmp-box-gray-002 .jp-cmp-question-001 { float: right; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-gray-002 { position: relative; margin: 0px -10px; border-width: 2px 0px; }
  .jp-cmp-box-003 .jp-cmp-box-gray-002 { margin: 0px; }
}
.jp-cmp-box-gray-003 { padding: 10px; box-sizing: border-box; background: rgb(224, 233, 236); border-radius: 4px; }
.jp-cmp-box-orange-001 { padding: 3px 5px; box-sizing: border-box; background: rgb(255, 245, 210); border-radius: 4px; }
.jp-cmp-box-border-001 { padding: 3px 15px; box-sizing: border-box; border: 2px solid rgb(218, 218, 218); background: rgb(255, 255, 255); border-radius: 4px; }
@media screen and (max-width: 767px) {
  .jp-cmp-box-border-001 { padding: 8px 10px; }
}
.jp-cmp-switch-display { position: relative; }
.jp-cmp-switch-display-contents { display: none; }
.jp-cmp-open .jp-cmp-switch-display-contents { display: block; }
.jp-cmp-box-embed-001 { position: absolute; top: 40px; right: 0px; padding: 20px; border: 2px solid rgb(153, 153, 153); background: rgb(255, 255, 255); text-align: left; z-index: 102; }
.jp-cmp-embed-url-001 { padding: 8px 11px 8px 52px; box-sizing: border-box; background: url("/web/feature/img/ico-code-001.gif") 16px 50% no-repeat rgb(97, 97, 97); border-radius: 2px; }
.jp-cmp-embed-code-001 > p { margin-bottom: 0.2em; font-size: 1.2em; font-weight: bold; }
.jp-cmp-embed-code-001 > textarea { width: 100%; padding: 14px 18px; box-sizing: border-box; }
@media screen and (min-width: 768px) {
  .jp-cmp-box-embed-001 { width: 435px; }
  .jp-cmp-embed-url-001 { width: 366px; margin-bottom: 20px; }
  .jp-cmp-embed-url-001 input { width: 300px; height: 38px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-embed-001 { min-width: 250px; padding: 10px; }
  .jp-cmp-embed-url-001 input { height: 38px; }
  .jp-cmp-embed-url-001 { margin-bottom: 1.2em; }
}
.jp-cmp-box-column3-001 { margin-bottom: 30px; }
#jp-cmp-main .jp-cmp-box-column3-001:last-child { margin-bottom: 0px; }
.jp-cmp-box-column3-001 .jp-cmp-box-column { float: left; width: 32%; margin-right: 2%; padding: 20px; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
.jp-cmp-box-column3-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-box-column3-001 .jp-cmp-box-column:last-child { margin-right: 0px; }
@media screen and (max-width: 767px) {
  .jp-cmp-box-column3-001 { margin: 0px 3% 30px; }
  .jp-cmp-box-column3-001 .jp-cmp-box-column { padding: 10px; }
}
.jp-cmp-box-column3-002 { margin-bottom: 30px; }
#jp-cmp-main .jp-cmp-box-column3-002:last-child { margin-bottom: 0px; }
.jp-cmp-box-column3-002 .jp-cmp-box-column { float: left; width: 32%; margin-right: 2%; padding: 20px; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
.jp-cmp-box-column3-002::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-box-column3-002 .jp-cmp-box-column:last-child { margin-right: 0px; }
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .jp-cmp-box-column3-002 { margin: 0px 2% 30px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-column3-002 { margin: 0px 3% 10px; }
  .jp-cmp-box-column3-002 .jp-cmp-box-column { padding: 0px; float: none; width: 100%; }
  .jp-cmp-box-column3-002 .jp-cmp-box-head-001 { margin-bottom: 0px; border-bottom: 1px solid rgb(227, 227, 227); font-size: 115%; font-weight: normal; background: none; }
  .jp-cmp-box-column3-002 .jp-cmp-box-head-001:last-child { border-bottom: none; }
  .jp-cmp-box-column3-002 .jp-cmp-box-head-001 a { display: block; height: 100%; padding: 15px 0px 15px 10px; color: rgb(59, 59, 59); background-position: 98% 50%; font-weight: normal; }
  .jp-cmp-box-column3-002 .jp-cmp-box-head-001.jp-cmp-box-head-001-on a { background: url("/web/feature/img/ico-arrow-015.png") 98% 50% no-repeat; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-box-column3-002.jp-page-box-column2-001 .jp-cmp-box-column { float: left; width: 49%; margin-right: 2%; padding: 20px; }
  .jp-cmp-box-column3-002.jp-page-box-column2-001 .jp-cmp-box-column:last-child { margin-right: 0px; }
}
.jp-cmp-block-column3-001 { margin-bottom: 20px; }
.jp-cmp-block-column3-001 .jp-cmp-block-column { float: left; width: 31%; margin-right: 3%; box-sizing: border-box; }
.jp-cmp-block-column3-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-block-column3-001 .jp-cmp-block-column:last-child { margin-right: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-block-column3-001-pc { margin-bottom: 20px; }
  .jp-cmp-block-column3-001-pc .jp-cmp-block-column { float: left; width: 31%; margin-right: 3%; box-sizing: border-box; }
  .jp-cmp-block-column3-001-pc::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-block-column3-001-pc .jp-cmp-block-column:last-child { margin-right: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-block-column3-001-pc .jp-cmp-block-column { margin-bottom: 0.8em; }
}
.jp-cmp-image-text-column-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-image-text-column-001 .jp-cmp-image { float: left; }
.jp-cmp-image-text-column-001 .jp-cmp-text { overflow: hidden; }
@media screen and (min-width: 768px) {
  .jp-cmp-image-text-column-001 .jp-cmp-image { margin: 0px 20px 0px 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-image-text-column-001 .jp-cmp-image { margin: 0px 10px 0px 0px; }
}
.jp-cmp-image-text-column-002::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-image-text-column-002 .jp-cmp-image { float: right; }
.jp-cmp-image-text-column-002 .jp-cmp-text { overflow: hidden; }
@media screen and (min-width: 768px) {
  .jp-cmp-image-text-column-002 .jp-cmp-image { margin: 0px 0px 0px 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-image-text-column-002 .jp-cmp-image { margin: 0px 0px 0px 10px; }
}
.jp-cmp-image-text-column-003::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-image-text-column-003 .jp-cmp-image { float: left; }
.jp-cmp-image-text-column-003 .jp-cmp-text { float: right; width: 255px; }
.jp-cmp-image-text-column-003 .jp-cmp-text-shop { float: left; }
@media screen and (min-width: 768px) {
  .jp-cmp-image-text-column-003 .jp-cmp-image { margin: 0px 20px 0px 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-image-text-column-003 .jp-cmp-image { margin: 0px 10px 0px 0px; }
  .jp-cmp-image-text-column-003 .jp-cmp-text { float: none; width: auto; }
}
.jp-cmp-image-text-column-004::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-image-text-column-004 .jp-cmp-image { float: right; }
@media screen and (min-width: 768px) {
  .jp-cmp-image-text-column-004 .jp-cmp-image { margin: 0px 0px 0px 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-image-text-column-004 .jp-cmp-image { margin: 0px 0px 0px 10px; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-table-column-001 { display: table; table-layout: fixed; width: 100%; }
  .jp-cmp-table-column-001 .jp-cmp-table-column { display: table-cell; vertical-align: middle; }
  .jp-cmp-table-column-001 .jp-cmp-table-column:first-child { }
  .jp-cmp-table-column-pt-001 .jp-cmp-table-column:first-child { width: 74%; }
  .jp-cmp-table-column-pt-001 .jp-cmp-table-column:last-child { width: 38%; }
  .jp-cmp-table-column-pt-002 .jp-cmp-table-column:first-child { width: 82%; }
  .jp-cmp-table-column-pt-002 .jp-cmp-table-column:last-child { width: 18%; }
  #jp-cmp-main-column3 .jp-cmp-table-column-pt-002 .jp-cmp-table-column:first-child { width: 74%; }
  #jp-cmp-main-column3 .jp-cmp-table-column-pt-002 .jp-cmp-table-column:last-child { width: 26%; }
  .jp-cmp-table-column-pt-003 .jp-cmp-table-column:first-child { width: 35%; }
  .jp-cmp-table-column-pt-003 .jp-cmp-table-column:last-child { width: 65%; }
}
@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) {
  .jp-cmp-accordion-search-001 { margin-bottom: 20px; }
  .popup { margin-bottom: 20px; margin-top: -20px; position: absolute; left: 60%; background-color: white; border: 1px dotted gray; z-index: 2; }
  .jp-cmp-accordion-search-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-accordion-search-column:first-child { float: left; width: 73%; }
  .jp-cmp-accordion-search-column:last-child { float: right; width: 22%; }
  .jp-cmp-accordion-search-001 .jp-cmp-radio-list-001 li { width: 24%; }
  .jp-cmp-accordion-search-001 .jp-cmp-search-block-btn { width: 160px; margin-left: auto; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-accordion-search-001 { margin-top: 1.4em; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-accordion-shop-search-001 { margin-bottom: 20px; }
  .popup { margin-bottom: 20px; margin-top: -20px; position: absolute; left: 60%; background-color: white; border: 1px dotted gray; z-index: 2; }
  .jp-cmp-accordion-shop-search-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-accordion-search-column:first-child { float: left; width: 73%; }
  .jp-cmp-accordion-search-column:last-child { float: right; width: 22%; }
  .jp-cmp-accordion-shop-search-001 .jp-cmp-radio-list-001 li { width: 24%; }
  .jp-cmp-accordion-shop-search-001 .jp-cmp-search-block-btn { width: 160px; margin-left: auto; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-accordion-shop-search-001 { margin-top: 1.4em; }
}
@media screen and (min-width: 768px) {
  a.jp-cmp-accordion-btn-001-sp { cursor: default; padding-right: 0px !important; }
  .jp-cmp-accordion-btn-001-sp:hover { text-decoration: none; opacity: 1 !important; }
  .jp-cmp-accordion-btn-001:hover { overflow: hidden; outline: none; }
}
.jp-cmp-search-block-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-search-block-001 .easy-select-box { display: inline-block; border: 1px solid rgb(182, 182, 182); border-radius: 2px; }
.jp-cmp-search-block-001 .jp-cmp-search-block-input { position: relative; }
.jp-cmp-search-block-001 .jp-cmp-search-block-input input { width: 100%; height: 40px; padding-left: 10px; border-radius: 2px; border: 1px solid rgb(182, 182, 182); box-sizing: border-box; line-height: 38px; }
@media screen and (min-width: 768px) {
  .jp-cmp-search-block-001 { width: 100%; margin-bottom: 10px; }
  .jp-cmp-search-block-001 .jp-cmp-search-block-input, .jp-cmp-search-block-001 .jp-cmp-search-block-select { position: relative; float: left; margin-right: 33px; width: 36.5% !important; }
  .jp-cmp-search-block-001 .jp-cmp-search-block-select:nth-child(2) { position: relative; float: left; margin-right: 0%; width: 36% !important; }
  .jp-cmp-search-block-001 .jp-cmp-search-block-select::after { content: ""; position: absolute; top: 50%; right: -20px; display: inline-block; width: 7px; height: 13px; margin-top: -10px; vertical-align: middle; background: url("/web/feature/img/ico-arrow-002.png") 0px 0px no-repeat; }
  .jp-cmp-search-block-001 .jp-cmp-search-block-select:nth-child(2)::after { display: none; }
  .jp-cmp-search-block-001 .easy-select-box { font-size: 120%; width: 100% !important; font-weight: bold !important; }
  .jp-cmp-search-block-001 .esb-displayer { font-weight: bold !important; }
  .jp-cmp-search-block-001 .jp-cmp-search-block-btn { float: right; width: 22%; }
  .jp-cmp-accordion-search-column .jp-cmp-search-block-btn { margin-top: 30px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-search-block-001 { width: 100%; }
  .jp-cmp-search-block-001 .jp-cmp-search-block-input, .jp-cmp-search-block-001 .jp-cmp-search-block-select { position: relative; float: left; margin: 0px 33px 0.4em 0px; width: 43% !important; }
  .jp-cmp-search-block-001 .jp-cmp-search-block-select:nth-child(2) { margin-right: 2%; }
  .jp-cmp-search-block-001 .jp-cmp-search-block-select::after { content: ""; position: absolute; top: 50%; right: -20px; display: inline-block; width: 8px; height: 15px; margin-top: -8px; vertical-align: middle; background: url("/web/feature/img/smp/ico-arrow-002.png") 0px 0px / 8px 15px no-repeat; }
  .jp-cmp-search-block-001 .jp-cmp-search-block-select:nth-child(2)::after { display: none; }
  .jp-cmp-search-block-001 .easy-select-box { font-size: 120%; width: 100% !important; font-weight: bold !important; }
  .jp-cmp-search-block-001 .esb-displayer { font-weight: bold !important; }
}
.jp-cmp-search-block-002 { width: 100%; }
.jp-cmp-search-block-002::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-search-block-002 input, .jp-cmp-search-block-002 .jp-cmp-search-block-column { height: 40px; box-sizing: border-box; }
.jp-cmp-search-block-002 .jp-cmp-search-block-column > * { width: 100% !important; }
.jp-cmp-search-block-002 .jp-cmp-search-block-border { border: 1px solid rgb(182, 182, 182); border-radius: 2px; }
@media screen and (min-width: 768px) {
  .jp-cmp-search-block-002 .jp-cmp-search-block-column { float: left; width: 77%; margin-right: 1%; }
  .jp-cmp-search-block-002 .jp-cmp-search-block-btn { float: right; width: 22%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-search-block-002 .jp-cmp-search-block-column { width: 100%; margin-bottom: 0.8em; }
}
.jp-cmp-search-block-003 { width: 222px; margin-bottom: 20px; }
.jp-cmp-search-block-003 .jp-cmp-search-block-column { height: 40px; box-sizing: border-box; }
.jp-cmp-search-block-003 .jp-cmp-search-block-column > * { width: 100% !important; }
.jp-cmp-search-block-003 .jp-cmp-search-block-border { border: 1px solid rgb(182, 182, 182); border-radius: 2px; }
@media screen and (max-width: 767px) {
  .jp-cmp-search-block-003 { width: 100%; margin-bottom: 1em; }
  .jp-cmp-search-block-002 .jp-cmp-search-block-column { width: 100%; margin-bottom: 0.8em; }
}
.jp-cmp-search-block-004 { height: 58px; }
.jp-cmp-search-block-004::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-search-block-004 .easy-select-box { display: inline-block; border: 1px solid rgb(182, 182, 182); border-radius: 2px; }
.jp-cmp-search-block-004 .jp-cmp-search-block-input { position: relative; }
.jp-cmp-search-block-004 .jp-cmp-search-block-input input { width: 100%; height: 40px; padding-left: 10px; border-radius: 2px; border: 1px solid rgb(182, 182, 182); box-sizing: border-box; line-height: 38px; }
@media screen and (min-width: 768px) {
  .jp-cmp-search-block-004 { width: 100%; margin-bottom: 10px; }
  .jp-cmp-search-block-004 .jp-cmp-search-block-input, .jp-cmp-search-block-004 .jp-cmp-search-block-select { position: relative; float: left; margin-right: 10px; width: 76% !important; }
  .jp-cmp-search-block-004 .jp-cmp-search-block-select:nth-child(2) { position: relative; float: left; margin-right: 0%; width: 36% !important; }
  .jp-cmp-search-block-004 .jp-cmp-search-block-select::after { content: ""; position: absolute; top: 50%; right: -20px; display: inline-block; width: 7px; height: 13px; margin-top: -10px; vertical-align: middle; background: url("/web/feature/img/ico-arrow-002.png") 0px 0px no-repeat; }
  .jp-cmp-search-block-004 .jp-cmp-search-block-select:nth-child(2)::after { display: none; }
  .jp-cmp-search-block-004 .easy-select-box { font-size: 120%; width: 100% !important; font-weight: bold !important; }
  .jp-cmp-search-block-004 .esb-displayer { font-weight: bold !important; }
  .jp-cmp-search-block-004 .jp-cmp-search-block-btn { float: right; width: 22%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-search-block-004 { width: 100%; }
  .jp-cmp-search-block-004 .jp-cmp-search-block-input, .jp-cmp-search-block-004 .jp-cmp-search-block-select { position: relative; float: left; margin: 0px 33px 0.4em 0px; width: 100% !important; }
  .jp-cmp-search-block-004 .jp-cmp-search-block-select:nth-child(2) { margin-right: 2%; }
  .jp-cmp-search-block-004 .jp-cmp-search-block-select::after { content: ""; position: absolute; top: 50%; right: -20px; display: inline-block; width: 8px; height: 15px; margin-top: -8px; vertical-align: middle; background: url("/web/feature/img/smp/ico-arrow-002.png") 0px 0px / 8px 15px no-repeat; }
  .jp-cmp-search-block-004 .jp-cmp-search-block-select:nth-child(2)::after { display: none; }
  .jp-cmp-search-block-004 .easy-select-box { font-size: 120%; width: 100% !important; font-weight: bold !important; }
  .jp-cmp-search-block-004 .esb-displayer { font-weight: bold !important; }
}
.jp-cmp-select-search-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-select-search-001 { box-sizing: border-box; }
.jp-cmp-select-search-001 .jp-cmp-select-search-column input, .jp-cmp-select-search-001 .jp-cmp-select-search-column { padding-left: 10px; border: 0px; box-sizing: border-box; }
.jp-cmp-select-search-001 .easy-select-box { border-radius: 2px; }
@media screen and (min-width: 768px) {
  .jp-cmp-select-search-001 { width: 100%; margin-bottom: 20px; border-radius: 3px; border: 1px solid rgb(182, 182, 182); font-size: 0px; }
  .jp-cmp-select-search-001 .jp-cmp-select-search-column { position: relative; display: inline-block; height: 38px; font-size: 12px; vertical-align: top; width: 78% !important; }
  .jp-cmp-select-search-001 .jp-cmp-select-002 { display: inline-block; height: 30px; margin-top: 4px; border-width: 0px 0px 0px 1px; width: 22% !important; font-weight: bold !important; }
  .jp-cmp-select-search-001 .easy-select-box { display: inline-block; font-size: 14px; width: 22% !important; font-weight: bold !important; }
  .jp-cmp-select-search-001 .esb-displayer { border-left: 1px solid rgb(160, 160, 160); font-weight: bold !important; }
}
@media screen and (max-width: 0px) and (min-width: 0px) {
  .jp-cmp-select-search-001 { width: 100%; margin-bottom: 20px; border-radius: 3px; border: 1px solid rgb(182, 182, 182); font-size: 0px; }
  .jp-cmp-select-search-001 .jp-cmp-select-search-column { position: relative; display: inline-block; height: 38px; font-size: 12px; vertical-align: top; width: 78% !important; }
  .jp-cmp-select-search-001 .jp-cmp-select-002 { display: inline-block; width: 22% !important; font-weight: bold !important; }
  .jp-cmp-select-search-001 .easy-select-box { display: inline-block; font-size: 14px; width: 22% !important; font-weight: bold !important; }
  .jp-cmp-select-search-001 .esb-displayer { border-left: 1px solid rgb(160, 160, 160); font-weight: bold !important; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-select-search-001 { width: 100%; margin-bottom: 1.7em; }
  .jp-cmp-select-search-001 .jp-cmp-select-search-column { position: relative; height: 37px; margin: 0px 0px 0.8em; border-radius: 3px; border: 1px solid rgb(182, 182, 182); width: 100% !important; }
  .jp-cmp-select-search-001 .easy-select-box { border-radius: 3px; border: 1px solid rgb(182, 182, 182); font-size: 120%; width: 100% !important; font-weight: bold !important; }
  .jp-cmp-select-search-001 .esb-displayer { font-weight: bold !important; }
}
.jp-cmp-search-keyword-001 { display: table; }
.jp-cmp-search-keyword-001 dt, .jp-cmp-search-keyword-001 dd { display: table-cell; height: 40px; vertical-align: middle; }
.jp-cmp-search-keyword-001 dt { padding-right: 26px; border-right: 1px solid rgb(182, 182, 182); font-weight: bold; }
.jp-cmp-search-keyword-001 dd { padding-left: 24px; }
.jp-cmp-topics-h4-001 { margin-bottom: 10px; font-weight: normal; text-align: center; background-color: rgb(255, 245, 210); padding: 3px; border-radius: 2px; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-h4-001 { display: none; }
}
.jp-cmp-topics-ad-001 { margin-bottom: 30px; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
.jp-cmp-topics-ad-001 h3 { margin: 2px 10px 0px; text-align: right; color: rgb(52, 73, 94); font-weight: bold; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-ad-001 { margin: 10px 3%; padding-bottom: 10px; text-align: center; }
}
.jp-cmp-topics-ad-002 { box-sizing: border-box; padding: 14px 20px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
.jp-cmp-topics-ad-002 h3 { color: rgb(52, 73, 94); font-weight: bold; }
.jp-cmp-topics-ad-002 div { text-align: center; }
.jp-cmp-topics-btn-001 { margin-bottom: 30px; }
.jp-cmp-topics-btn-001 a { width: 250px; box-sizing: border-box; text-align: center; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-btn-001 { margin: 10px 3% 0px; }
  .jp-cmp-topics-btn-001 a { width: 100%; }
}
.jp-cmp-topics-block-001 { position: relative; overflow: hidden; height: 337px; margin-bottom: 10px; padding: 10px 20px 0px; box-sizing: border-box; border-top: 7px solid rgb(0, 0, 0); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
.jp-cmp-topics-block-001 h3 a { display: block; padding: 0px 15px 10px 0px; background: url("/web/feature/img/ico-arrow-002.png") 100% 50% no-repeat; }
.jp-cmp-topics-news-001 h3 a::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-topics-block-001 h3 a:hover { text-decoration: none; opacity: 0.75; }
.jp-cmp-topics-block-001 h3 a strong { display: inline-block; margin-top: 3px; font-family: Arial, Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif; font-size: 120%; font-weight: bold; }
.jp-cmp-topics-block-001 h3 a em { font-weight: bold; }
.jp-cmp-topics-block-001 h3 a em:first-child { display: inline-block; padding-top: 5px; }
.jp-cmp-topics-block-001 h3 a { color: rgb(51, 62, 63); }
.jp-cmp-topics-block-001 .jp-cmp-readmore-001 { margin-top: 15px; font-size: 100%; }
@media screen and (min-width: 768px) {
  .jp-cmp-topics-block-001 h3 a { min-height: 42px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-topics-block-001 { display: none; height: auto; margin: 10px 3% 0px; padding: 10px; }
  .jp-cmp-topics-block-001 h3 { font-size: 1.2em; }
  .jp-cmp-topics-block-001 h3 a strong { line-height: 1.2; }
  .jp-cmp-topics-block-001 h3 a em { line-height: 1.2; }
}
.jp-cmp-topics-news-001 { border-color: rgb(234, 0, 138); }
.jp-cmp-topics-news-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-news-001.png") 0px 50% no-repeat; }
.news-topics-icon-30th.jp-cmp-topics-news-001 a::before { background: url("/web/feature/img/ico-topics-news-001-30th.png") 0px 50% / contain no-repeat; }
.jp-cmp-topics-news-001 h3 a strong { color: rgb(234, 0, 138); }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-news-001 { display: block; }
}
.jp-cmp-topics-news-002 { border-color: rgb(215, 14, 24); }
.jp-cmp-topics-news-002 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-news-005.png") 0px 50% no-repeat; }
.jp-cmp-topics-news-002 h3 a strong { color: rgb(215, 14, 24); }
.jp-cmp-topics-news-003 { border-color: rgb(7, 138, 176); }
.jp-cmp-topics-news-003 h3 a { background: url("/web/feature/img/ico-arrow-002.png") 100% 50% no-repeat; }
.jp-cmp-topics-news-003 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-music-005.png") 0px 50% no-repeat; }
.jp-cmp-topics-news-003 h3 a strong { color: rgb(7, 138, 176); }
.jp-cmp-topics-music-001 { height: auto; padding-bottom: 20px; border: 0px; }
.jp-cmp-topics-music-001 h3 { margin-top: 5px; padding-bottom: 10px; font-size: 120%; font-weight: bold; }
.jp-cmp-topics-music-001 h3::before { content: ""; display: inline-block; float: left; width: 25px; height: 25px; margin: -3px 11px 0px 0px; background: url("/web/feature/img/ico-topics-music-001.png") 0px 50% no-repeat; vertical-align: middle; }
.jp-cmp-topics-music-001 ul { border-bottom: 1px solid rgb(227, 227, 227); }
.jp-cmp-topics-music-001 .jp-cmp-list-inline-003 ul { border-bottom: none; }
.jp-cmp-topics-music-001 li > a { display: block; min-height: 0px; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-music-001 { display: block; }
  .jp-cmp-topics-artist-list-001 > li { padding-bottom: 0px; }
  .jp-cmp-topics-music-001 ul { border-bottom: none; }
}
.jp-cmp-topics-music-003 { border-color: rgb(215, 14, 24); }
.jp-cmp-topics-music-003 h3 a { background: url("/web/feature/img/ico-arrow-002.png") 100% 50% no-repeat; }
.jp-cmp-topics-music-003 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-music-002.png") 0px 50% / 42px 42px no-repeat; }
.jp-cmp-topics-music-003 h3 a strong { color: rgb(215, 14, 24); padding-left: 53px; text-indent: -53px; }
.jp-cmp-topics-music-003 h3 a em { display: block; padding-left: 53px; }
.jp-cmp-topics-music-003 h3 a:hover { text-decoration: none; opacity: 0.75; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-music-003 { display: block; padding: 10px; }
  .jp-cmp-topics-music-003 h3 a { background: url("/web/feature/img/smp/ico-arrow-007.png") 98% 50% / 10px 20px no-repeat; }
  .jp-cmp-topics-music-003 h3 a::before { width: 47px; height: 47px; margin-right: 10px; background-size: 47px 47px; }
  .jp-cmp-topics-music-003 .jp-cmp-link-001 { padding: 0px; background: none; }
  .jp-cmp-topics-music-003 .jp-cmp-topics-ranking-list-001 { display: none; }
}
.jp-cmp-topics-artist-001 { height: auto; padding-bottom: 20px; border: 0px; }
.jp-cmp-topics-artist-001 h3 { margin-top: 5px; padding-bottom: 10px; font-size: 120%; font-weight: bold; }
.jp-cmp-topics-artist-001 h3::before { content: ""; display: inline-block; float: left; width: 25px; height: 25px; margin: -3px 11px 0px 0px; background: url("/web/feature/img/ico-topics-artist-001.png") 0px 50% / 25px 25px no-repeat; vertical-align: middle; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-artist-001 { display: block; }
}
.jp-cmp-topics-artist-002 { border-color: rgb(234, 0, 138); }
.jp-cmp-topics-artist-002 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-artist-003.png") 0px 50% no-repeat; }
.jp-cmp-topics-artist-002 h3 a strong { color: rgb(234, 0, 138); }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-artist-002 { display: block; height: auto; padding: 10px; }
}
.jp-cmp-topics-artist-003 { border-color: rgb(215, 14, 24); }
.jp-cmp-topics-artist-003 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-artist-002.png") 0px 50% / 42px 42px no-repeat; }
.jp-cmp-topics-artist-003 h3 a strong { color: rgb(215, 14, 24); padding-left: 53px; text-indent: -53px; }
.jp-cmp-topics-artist-003 h3 a em { display: block; padding-left: 53px; }
.jp-cmp-topics-artist-003 h3 a:hover { text-decoration: none; opacity: 0.75; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-artist-003 { display: block; padding: 10px; }
  .jp-cmp-topics-artist-003 h3 a { background: url("/web/feature/img/smp/ico-arrow-007.png") 98% 50% / 10px 20px no-repeat; }
  .jp-cmp-topics-artist-003 h3 a::before { width: 47px; height: 47px; margin-right: 10px; background-size: 47px 47px; }
  .jp-cmp-topics-artist-003 .jp-cmp-link-001 { padding: 0px; background: none; }
  .jp-cmp-topics-artist-003 .jp-cmp-topics-ranking-list-001 { display: none; }
}
.jp-cmp-topics-ranking-001 { border-color: rgb(255, 111, 0); }
.jp-cmp-topics-ranking-001 h3 a { background: url("/web/feature/img/ico-arrow-010.png") 100% 50% no-repeat; }
.jp-cmp-topics-ranking-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-ranking-001.png") 0px 50% no-repeat; }
.ranking-topics-icon-30th.jp-cmp-topics-ranking-001 h3 a::before { background: url("/web/feature/img/ico-topics-ranking-001-30th.png") 0px 50% / contain no-repeat; }
.jp-cmp-topics-ranking-001 h3 a strong { color: rgb(255, 111, 0); padding-left: 53px; text-indent: -53px; }
.jp-cmp-topics-ranking-001 h3 a em { display: block; padding-left: 53px; }
.jp-cmp-topics-ranking-001 h3 a:hover { text-decoration: none; opacity: 0.75; }
.jp-cmp-topics-ranking-001 h3 a { background: url("/web/feature/img/ico-arrow-002.png") 100% 50% no-repeat; }
.jp-cmp-topics-ranking-001.jp-cmp-topics-ranking-pt-002 { border-color: rgb(215, 14, 24); height: auto; }
.jp-cmp-topics-ranking-001.jp-cmp-topics-ranking-pt-002 h3 a::before { background: url("/web/feature/img/ico-topics-user-001.png") 0px 50% / 42px 42px no-repeat; }
.jp-cmp-topics-ranking-001.jp-cmp-topics-ranking-pt-002 h3 a strong { color: rgb(215, 14, 24); }
.jp-cmp-topics-ranking-002 { border-color: rgb(215, 14, 24); }
.jp-cmp-topics-ranking-002 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-ranking-002.png") 0px 50% no-repeat; }
.jp-cmp-topics-ranking-002 h3 a strong { color: rgb(215, 14, 24); }
.jp-cmp-topics-user-001 { border-color: rgb(215, 14, 24); }
.jp-cmp-topics-user-001 h3 a { background: url("/web/feature/img/ico-arrow-002.png") 100% 50% no-repeat; }
.jp-cmp-topics-user-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-user-001.png") 0px 50% / 42px 42px no-repeat; }
.jp-cmp-topics-user-001 h3 a strong { color: rgb(215, 14, 24); padding-left: 53px; text-indent: -53px; }
.jp-cmp-topics-user-001 h3 a em { display: block; padding-left: 53px; }
.jp-cmp-topics-user-001 h3 a:hover { text-decoration: none; opacity: 0.75; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-user-001 { display: block; padding: 10px; }
  .jp-cmp-topics-user-001 h3 { }
  .jp-cmp-topics-user-001 h3 a { background: url("/web/feature/img/smp/ico-arrow-007.png") 98% 50% / 10px 20px no-repeat; }
  .jp-cmp-topics-user-001 h3 a::before { width: 47px; height: 47px; margin-right: 10px; background-size: 47px 47px; }
  .jp-cmp-topics-user-001 .jp-cmp-link-001 { padding: 0px; background: none; }
  .jp-cmp-topics-user-001 .jp-cmp-topics-ranking-list-001 { display: none; }
}
.jp-cmp-topics-movie-001 { border-color: rgb(234, 0, 138); }
.jp-cmp-topics-movie-001 h3 a { background: url("/web/feature/img/ico-arrow-009.png") 100% 50% no-repeat; }
.jp-cmp-topics-movie-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-user-002.png") 0px 50% no-repeat; }
.jp-cmp-topics-movie-001 h3 a strong { color: rgb(234, 0, 138); }
.jp-cmp-topics-guide-001 { border-color: rgb(234, 0, 138); }
.jp-cmp-topics-guide-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-guide-001.png") 0px 50% no-repeat; }
.jp-cmp-topics-guide-001 h3 a strong { color: rgb(234, 0, 138); }
.jp-cmp-topics-live-001 { border-color: rgb(234, 0, 138); }
.jp-cmp-topics-live-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-live-001.png") 0px 50% no-repeat; }
.jp-cmp-topics-live-001 h3 a strong { color: rgb(234, 0, 138); }
.jp-cmp-topics-message-001 { border-color: rgb(234, 0, 138); }
.jp-cmp-topics-message-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-message-001.png") 0px 50% no-repeat; }
.jp-cmp-topics-message-001 h3 a strong { color: rgb(234, 0, 138); }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-message-001 { display: block; height: auto; padding: 10px; }
}
.jp-cmp-topics-voice-001 { border-color: rgb(7, 150, 176); }
.jp-cmp-topics-voice-001 h3 { margin-bottom: 10px; }
.jp-cmp-topics-voice-001 h3 a { border-bottom: 1px solid rgb(227, 227, 227); }
.jp-cmp-topics-voice-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-voice-001.png") 0px 50% no-repeat; }
.jp-cmp-topics-voice-001 h3 a strong { color: rgb(7, 150, 176); }
.jp-cmp-topics-voice-001 iframe { min-height: 0px !important; height: 250px !important; }
.jp-cmp-topics-sns-001 { border-color: rgb(33, 90, 167); }
.jp-cmp-topics-sns-001 h3 { margin-bottom: 10px; }
.jp-cmp-topics-sns-001 h3 a { border-bottom: 1px solid rgb(227, 227, 227); }
.jp-cmp-topics-sns-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-x-001.png") 0px 50% / contain no-repeat; }
.jp-cmp-topics-sns-001 h3 a strong { color: rgb(33, 90, 167); }
.jp-cmp-topics-sns-001 iframe { min-height: 0px !important; height: 250px !important; }
.jp-cmp-topics-recommend-001 { border-color: rgb(255, 174, 0); }
.jp-cmp-topics-recommend-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-recommend-001.png") 0px 50% no-repeat; }
.jp-cmp-topics-recommend-001 h3 a strong { color: rgb(255, 174, 0); }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-recommend-001 { display: block; }
}
.jp-cmp-topics-recommend-002 { border-color: rgb(215, 14, 24); }
.jp-cmp-topics-recommend-002 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-recommend-002.png") 0px 50% no-repeat; }
.jp-cmp-topics-recommend-002 h3 a strong { color: rgb(215, 14, 24); }
.jp-cmp-topics-information-001 { height: auto; padding-bottom: 20px; border: 0px; }
.jp-cmp-topics-information-001 h3 { margin: 5px 0px 15px; padding-bottom: 10px; border-bottom: 1px solid rgb(227, 227, 227); font-size: 120%; font-weight: bold; }
.jp-cmp-topics-information-001 h3::before { content: ""; display: inline-block; float: left; width: 25px; height: 25px; margin: -3px 11px 0px 0px; background: url("/web/feature/img/ico-topics-info-001.png") 0px 50% / 25px 25px no-repeat; vertical-align: middle; }
@media screen and (min-width: 768px) {
  .jp-cmp-topics-information-001.jp-cmp-topics-block-001 .jp-cmp-topics-link-list-001 a { padding: 0px 0px 0px 15px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-topics-information-001 { display: block; padding: 10px 10px 20px; }
  .jp-cmp-topics-information-001 h3 { margin: 5px -10px 15px; padding-left: 10px; }
  .jp-cmp-topics-information-001 h3::before { width: 31px; height: 31px; margin-top: -6px; background-size: 31px 31px; }
  .jp-cmp-topics-link-list-001 .jp-cmp-link-001 { padding: 0px; background: none; }
}
.jp-cmp-topics-information-002 { border-color: rgb(33, 90, 167); }
.jp-cmp-topics-information-002 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-infomation-001.png") 0px 50% no-repeat; }
.jp-cmp-topics-information-002 h3 a strong { color: rgb(33, 90, 167); }
.jp-cmp-topics-campaign-001 { border-top: 0px; }
.jp-cmp-topics-campaign-001 h3 { margin: 5px 0px 15px; padding-bottom: 10px; border-bottom: 1px solid rgb(227, 227, 227); font-size: 120%; font-weight: bold; }
.jp-cmp-topics-campaign-001 h3::before { content: ""; display: inline-block; float: left; width: 25px; height: 25px; margin: -3px 11px 0px 0px; background: url("/web/feature/img/ico-topics-campaign-001.png") 0px 50% / 25px 25px no-repeat; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-campaign-001 { display: block; height: auto; padding: 10px; }
  .jp-cmp-topics-campaign-001 h3 { margin: 5px -10px 12px; padding: 0px 0px 0px 10px; border: 0px; }
  .jp-cmp-topics-campaign-001 h3::before { width: 31px; height: 31px; margin-top: -6px; background-size: 31px 31px; }
}
.jp-cmp-topics-campaign-002 { border-color: rgb(46, 160, 73); }
.jp-cmp-topics-campaign-002 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-campaign-002.png") 0px 50% no-repeat; }
.jp-cmp-topics-campaign-002 h3 a strong { color: rgb(46, 160, 73); }
.jp-cmp-topics-campaign-002 a { color: rgb(51, 51, 51); }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-campaign-002 { display: block; padding: 10px 10px 0px; }
  .jp-cmp-topics-campaign-002 h3 { margin: 0px -10px; padding: 0px 10px; }
  .jp-cmp-block-wrap-001 .jp-cmp-topics-campaign-002 h3 { margin: 0px -10px 1em; border-bottom: 1px solid rgb(227, 227, 227); }
  .jp-cmp-topics-campaign-002 .bx-wrapper { display: none; }
  .jp-cmp-block-wrap-001 .jp-cmp-topics-campaign-002 .bx-wrapper { display: block; }
}
.jp-cmp-topics-contents-001 { border-color: rgb(67, 54, 165); }
.jp-cmp-topics-contents-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-contents-001.png") 0px 50% no-repeat; }
.jp-cmp-topics-contents-001 h3 a strong { color: rgb(67, 54, 165); }
.jp-cmp-topics-collaboration-001 { border-color: rgb(215, 14, 24); }
.jp-cmp-topics-collaboration-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-partner-001.png") 0px 50% / 42px 42px no-repeat; }
.jp-cmp-topics-collaboration-001 h3 a strong { color: rgb(215, 14, 24); padding-left: 53px; text-indent: -53px; }
.jp-cmp-topics-collaboration-001 h3 a em { display: block; padding-left: 53px; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-collaboration-001 { display: block; height: auto; padding: 10px; }
  .jp-cmp-topics-collaboration-001 h3 a::before { width: 47px; height: 47px; margin-right: 10px; background-size: 47px 47px; }
}
.jp-cmp-topics-collaboration-002 { height: auto; padding-bottom: 20px; border: 0px; }
.jp-cmp-topics-collaboration-002 h3 { margin: 5px 0px 15px; padding-bottom: 10px; border-bottom: 1px solid rgb(227, 227, 227); font-size: 120%; font-weight: bold; }
.jp-cmp-topics-collaboration-002 h3::before { content: ""; display: inline-block; float: left; width: 25px; height: 25px; margin: -3px 11px 0px 0px; background: url("/web/feature/img/ico-topics-partner-002.png") 0px 50% / 25px 25px no-repeat; vertical-align: middle; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-collaboration-002 { display: block; padding: 10px 10px 20px; }
  .jp-cmp-topics-collaboration-002 h3 { margin: 5px -10px 15px; padding-left: 10px; }
  .jp-cmp-topics-collaboration-002 h3::before { width: 31px; height: 31px; margin-top: -6px; background-size: 31px 31px; }
  .jp-cmp-topics-collaboration-002 .jp-cmp-link-001 { padding: 0px; background: none; }
}
.jp-cmp-topics-facebook-001 { border-color: rgb(33, 90, 167); }
.jp-cmp-topics-facebook-001 h3 { font-weight: bold; border-bottom: 1px solid rgb(227, 227, 227); height: 52px; }
.jp-cmp-topics-facebook-001 h3 a { background-position-y: 40%; }
.jp-cmp-topics-facebook-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-facebook-001.png") 0px 50% no-repeat; }
.jp-cmp-topics-facebook-001 h3 strong { font-weight: bold; color: rgb(33, 90, 167); }
.jp-cmp-topics-facebook-001 h3 span { font-weight: bold; }
.jp-cmp-topics-facebook-001 ul { margin: 10px 5px; }
.jp-cmp-topics-facebook-001 ul li { float: left; padding-right: 10px; }
.jp-cmp-topics-facebook-001 ul li { font-weight: bold; }
.jp-cmp-topics-facebook-001 fb_iframe_widget { padding-left: 5px; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-facebook-001 { display: block; padding-bottom: 0px; }
  .jp-cmp-block-wrap-001 .jp-cmp-topics-facebook-001 { padding-bottom: 20px; }
  .jp-cmp-topics-facebook-001 h3 { border-bottom: 0px; }
  .jp-cmp-block-wrap-001 .jp-cmp-topics-facebook-001 h3 { border-bottom: 1px solid rgb(227, 227, 227); }
  .jp-cmp-topics-facebook-001 .fb_iframe_widget { }
  .jp-cmp-block-wrap-001 .jp-cmp-topics-facebook-001 .fb_iframe_widget { display: block !important; }
  .fb_iframe_widget { display: block !important; }
  .jp-cmp-topics-facebook-001 .fb-like-box, .jp-cmp-topics-facebook-001 .fb-like-box span, .jp-cmp-topics-facebook-001 iframe { margin: 0px auto; width: 280px !important; }
}
.jp-cmp-topics-twitter-001 { border-color: rgb(33, 90, 167); height: auto; }
.jp-cmp-topics-twitter-001 h3 a { background-position-y: 40%; }
.jp-cmp-topics-twitter-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-x-001.png") 0px 50% / contain no-repeat; }
.jp-cmp-topics-twitter-001 h3 a strong { font-weight: bold; color: rgb(33, 90, 167); }
.jp-cmp-topics-twitter-001 h3 a span { font-weight: bold; overflow-wrap: anywhere; display: inline-block; max-width: 72%; }
.jp-cmp-topics-twitter-001 iframe { min-height: 0px !important; height: 250px !important; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-twitter-001 { display: block; padding-bottom: 0px; }
  .jp-cmp-block-wrap-001 .jp-cmp-topics-twitter-001 { padding-bottom: 20px; }
  .jp-cmp-topics-twitter-001 h3 { margin-bottom: 0px; }
  .jp-cmp-topics-twitter-001 h3 a span { font-weight: bold; overflow-wrap: anywhere; display: inline-block; max-width: 80%; }
  .jp-cmp-block-wrap-001 .jp-cmp-topics-twitter-001 h3 { margin-bottom: 10px; }
  .jp-cmp-topics-twitter-001 h3 { border-bottom: 0px; }
  .jp-cmp-topics-twitter-001 iframe, .jp-cmp-topics-twitter-001 .twitter-timeline { display: none; }
  .jp-cmp-topics-voice-001.jp-cmp-topics-block-001 .twitter-timeline, .jp-cmp-block-wrap-001 .jp-cmp-topics-twitter-001 .twitter-timeline, .jp-cmp-topics-twitter-001 .twitter-timeline { margin: 0px 20px 0px 0px !important; }
  #jp-cmp-top .jp-cmp-topics-voice-001.jp-cmp-topics-block-001 .twitter-timeline, #jp-cmp-top .jp-cmp-block-wrap-001 .jp-cmp-topics-twitter-001 .twitter-timeline, #jp-cmp-top .jp-cmp-topics-twitter-001 .twitter-timeline { display: block !important; }
  .jp-cmp-block-wrap-001 .jp-cmp-topics-twitter-001 iframe { display: block; height: 243px !important; }
}
.jp-cmp-topics-shop-001 { border-color: rgb(111, 195, 50); }
.jp-cmp-topics-shop-001 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-shop-001.png") 0px 50% no-repeat; }
.jp-cmp-topics-shop-001 h3 a strong { color: rgb(111, 195, 50); }
.jp-cmp-topics-block-topic-001 { height: auto; margin-bottom: 30px; padding-top: 14px; padding-bottom: 12px; box-sizing: border-box; border-top: 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
.jp-cmp-topics-block-topic-001 > div { }
.jp-cmp-topics-block-topic-001 h3 { margin-top: 5px; padding-bottom: 14px; color: rgb(59, 59, 59); font-size: 120%; font-weight: bold; line-height: 1; }
.jp-cmp-topics-block-topic-001 h3::before { content: ""; display: inline-block; float: left; width: 25px; height: 25px; margin: -8px 11px 0px 0px; background: url("/web/feature/img/ico-topics-topic-001.gif") 0px 0px no-repeat; vertical-align: middle; }
.jp-cmp-topics-topic-001 { padding-top: 1em; border-top: 1px solid rgb(227, 227, 227); }
.jp-cmp-topics-topic-001 h4 { margin-bottom: 1em; font-weight: bold; }
.jp-cmp-topics-topic-001 p { margin: 1em 0px; }
.jp-cmp-topics-topic-001 a { color: rgb(51, 51, 51); }
.jp-cmp-topics-topic-001 a:hover img { text-decoration: none; opacity: 0.7; }
.jp-cmp-topics-topic-001 span { width: 100%; display: block; overflow-wrap: break-word; }
.jp-cmp-topics-topic-001 .jp-cmp-side-topics-block-slider span { color: rgb(215, 14, 24); }
@media screen and (min-width: 768px) {
  .jp-cmp-topics-block-topic-001 { margin: 0px 0px 30px; }
  .jp-cmp-topics-topic-001 p { margin-bottom: 0.5em; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-topics-block-topic-001 { display: block; margin: 0px 3% 10px; padding: 14px 10px 12px; }
  .jp-cmp-topics-block-topic-001 h3 { margin: 5px -10px 1em; padding: 0px 10px 14px; font-size: 120%; font-weight: bold; line-height: 1; }
  .jp-cmp-topics-topic-001 p { margin: 0.5em 0px; }
}
.jp-cmp-topics-block-001 li a { color: rgb(51, 62, 63); }
.jp-cmp-topics-link-list-001 li { margin-top: 20px; }
.jp-cmp-topics-link-list-001 li:first-child { margin-top: 0px; }
.jp-cmp-topics-link-list-001 li a { border-top: 0px; color: rgb(1, 100, 163); }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-link-list-001 .jp-cmp-link-001 { padding: 0px; background: none; }
}
.jp-cmp-topics-link-list-002 li a { color: rgb(51, 62, 63); }
.jp-cmp-topics-link-list-002 > li > a { display: inline-block; width: 100%; padding: 8px 3px 6px; box-sizing: border-box; border-top: 1px solid rgb(227, 227, 227); }
.jp-cmp-topics-link-list-002 li > a:hover { text-decoration: none; opacity: 0.75; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-link-list-002 > li > a { width: 100%; }
}
.jp-cmp-topics-ranking-list-001 > li { line-height: 0; }
.jp-cmp-topics-ranking-list-001 > li > a, .jp-cmp-topics-ranking-list-001 > li > div { display: table; width: 100%; min-height: 3.2em; padding: 8px 0px 8px 3px; box-sizing: border-box; border-top: 1px solid rgb(227, 227, 227); }
.jp-cmp-topics-area-list-001 > li > a { height: 4.5em; }
.jp-cmp-topics-ranking-list-001 a:hover { text-decoration: none; opacity: 0.75; }
.jp-cmp-topics-ranking-list-001 .jp-cmp-ranking-num, .jp-cmp-topics-ranking-list-001 .jp-cmp-ranking-num { display: table-cell; width: 23px; background: none; color: rgb(255, 111, 0); }
.jp-cmp-topics-ranking-list-001 > li > a > figure, .jp-cmp-topics-ranking-list-001 > li > div > figure { width: 86px; }
.jp-cmp-topics-ranking-list-001 > li > a > .jp-cmp-ranking-num + figure, .jp-cmp-topics-ranking-list-001 > li > div > .jp-cmp-ranking-num + figure { padding-left: 10px; }
.jp-cmp-topics-ranking-list-001 > li > a > p, .jp-cmp-topics-ranking-list-001 > li > div > p { display: table-cell; padding-left: 15px; vertical-align: middle; word-break: break-all; }
.jp-cmp-topics-ranking-list-001 > li > a > p em, .jp-cmp-topics-ranking-list-001 > li > div > p em { display: inline-block; margin-top: 5px; }
.jp-cmp-topics-ranking-list-001 a .jp-cmp-ranking-comp { display: table-cell; width: 27px; padding-left: 5px; text-align: right; color: rgb(128, 140, 141); font-size: 80%; font-weight: bold; line-height: 1.2; vertical-align: middle; }
.jp-cmp-topics-ranking-list-001 a .jp-cmp-ranking-comp-up::before { content: "↑"; display: inline; color: rgb(216, 12, 24); }
.jp-cmp-topics-ranking-list-001 a .jp-cmp-ranking-comp-down::before { content: "↓"; display: inline; color: rgb(33, 102, 166); }
.jp-cmp-topics-ranking-list-001 a .jp-cmp-ranking-comp-new { color: rgb(216, 12, 24); }
.jp-cmp-topics-artist-list-001 > li { padding-bottom: 13px; }
.jp-cmp-topics-artist-list-001 > li:last-child { padding-bottom: 0px; }
.jp-cmp-topics-artist-list-001 > li > a { display: table; width: 100%; padding: 13px 20px 13px 3px; box-sizing: border-box; border-top: 1px solid rgb(227, 227, 227); }
.jp-cmp-topics-artist-list-001 > li > a figure { display: table-cell; width: 70px; vertical-align: middle; }
.jp-cmp-topics-artist-list-001 > li > a span { display: table-cell; padding-left: 20px; vertical-align: middle; }
.jp-cmp-topics-artist-list-001 > li > p { text-align: center; }
.jp-cmp-topics-artist-list-001 > li > p.jp-cmp-topics-artist-description { margin-top: 15px; text-align: left; }
.jp-cmp-topics-artist-list-001 > li > p.jp-cmp-topics-artist-description a { color: rgb(1, 100, 163); }
.jp-cmp-topics-ranking-list-001 > li > a > figure.jp-cmp-img-narrow-001, .jp-cmp-topics-ranking-list-001 > li > div > figure.jp-cmp-img-narrow-001 { width: 55px; height: 55px; padding-left: 10px; }
.jp-cmp-topics-ranking-list-001 > li > a > figure.jp-cmp-img-narrow-001 img, .jp-cmp-topics-ranking-list-001 > li > div > figure.jp-cmp-img-narrow-001 img { max-width: 55px; max-height: 55px; }
.jp-cmp-topics-ranking-list-001 > li > a > span + figure.jp-cmp-img-narrow-001 + p, .jp-cmp-topics-ranking-list-001 > li > div > span + figure.jp-cmp-img-narrow-001 + p { width: 99px; }
.jp-cmp-topics-ranking-list-001 > li span + .jp-cmp-song-detail { padding-left: 15px; }
.jp-cmp-topics-ranking-list-001 > li figure + .jp-cmp-song-detail { padding-left: 5px; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-artist-list-001 { margin: 0px -10px; }
  .jp-cmp-topics-artist-list-001 > li > a { box-sizing: border-box; padding: 13px 20px 6px 10px; }
  .jp-cmp-topics-artist-list-001 > li > a span { padding-left: 2em; font-size: 1.2em; }
  .jp-cmp-topics-artist-list-001 > li > p { margin-right: 10px; text-align: right; }
  .jp-cmp-topics-artist-list-001 > li > p.jp-cmp-topics-artist-description { margin: 15px 10px 0px; }
  .jp-cmp-topics-artist-list-001 > li > .jp-cmp-list-inline-003 { margin: 10px 10px 0px 0px; }
  .jp-cmp-topics-ranking-list-001 > li > a > span + figure.jp-cmp-img-narrow-001 + p, .jp-cmp-topics-ranking-list-001 > li > div > span + figure.jp-cmp-img-narrow-001 + p, .jp-cmp-topics-ranking-list-001 > li span + figure + .jp-cmp-song-detail { width: 80%; }
}
.jp-cmp-topics-song-list-001 > li { line-height: 0; }
.jp-cmp-topics-song-list-001 > li > a { display: table; width: 100%; min-height: 2.5em; padding: 12px 0px 12px 3px; box-sizing: border-box; border-top: 1px solid rgb(227, 227, 227); }
.jp-cmp-topics-song-list-001 a:hover { text-decoration: none; opacity: 0.75; }
.jp-cmp-topics-song-list-001 > li > a > p, .jp-cmp-topics-song-list-001 > li > a > figure { display: table-cell; }
.jp-cmp-topics-song-list-001 > li > a > figure { width: 68px; }
.jp-cmp-topics-song-list-001 > li > a > figure img { height: auto; }
.jp-cmp-topics-song-list-001 > li > a > p { padding-left: 15px; vertical-align: middle; }
.jp-cmp-topics-song-list-001 > li > a > figure.jp-cmp-img-narrow-001 + p { width: 132px; }
.jp-cmp-topics-song-list-001 > li figure + .jp-cmp-song-detail { padding-left: 10px; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-song-list-001 > li > a > figure.jp-cmp-img-narrow-001 + p { width: 90%; }
}
.jp-cmp-topics-user-list-001 > li > a.jp-cmp-link-block-001 { width: 100%; padding-top: 20px; box-sizing: border-box; border-top: 1px solid rgb(227, 227, 227); background-position: 100% 50%; }
.jp-cmp-topics-user-list-001 .jp-cmp-topics-user-comment { width: 190px; height: 95px; padding: 10px 10px 22px; background: url("/web/feature/img/bg-balloon-001.png") 0px 50% no-repeat; box-sizing: border-box; }
.jp-cmp-topics-user-list-001 .jp-cmp-topics-user-thumb { width: 190px; text-align: center; }
.jp-cmp-topics-user-list-001 .jp-cmp-topics-user-thumb > ul { margin: 8px 0px 5px; }
.jp-cmp-topics-user-list-001 .jp-cmp-topics-user-thumb > ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-topics-user-list-001 .jp-cmp-topics-user-thumb li:first-child { float: left; }
.jp-cmp-topics-user-list-001 .jp-cmp-topics-user-thumb li:last-child { float: right; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-collaboration-001 .bx-wrapper, .jp-cmp-topics-collaboration-001 .jp-cmp-topics-user-list-001 { display: none; }
}
.jp-cmp-topics-movie-user-001 { font-size: 0px; }
.jp-cmp-topics-movie-user-001 > li { display: inline-block; width: 100%; font-size: 12px; }
.jp-cmp-topics-movie-user-001 .jp-cmp-movie-avatar-image, .jp-cmp-topics-movie-user-001 .jp-cmp-movie-text-balloon { display: table-cell; vertical-align: top; }
.jp-cmp-topics-movie-user-001 .jp-cmp-movie-avatar-image { width: 68px; text-align: center; }
.jp-cmp-topics-movie-user-001 .jp-cmp-movie-avatar-image span { display: block; margin-top: 0.4em; }
.jp-cmp-topics-movie-user-001 .jp-cmp-movie-text-balloon p { position: relative; background: rgb(242, 245, 248); border: 1px solid rgb(186, 186, 186); box-sizing: border-box; word-break: break-all; }
.jp-cmp-topics-movie-user-001 .jp-cmp-movie-text-balloon time { display: block; text-align: right; }
.jp-cmp-topics-movie-user-001 .jp-cmp-text-block-002 a.jp-cmp-link-block-001 { display: block; color: rgb(51, 51, 51); }
.jp-cmp-topics-movie-user-001 .jp-cmp-text-block-002 a:hover { text-decoration: none; opacity: 0.7; }
.jp-cmp-topics-movie-user-001 .jp-cmp-topics-movie-user-001-btn { text-align: center; }
.jp-cmp-topics-movie-user-001 .jp-cmp-topics-movie-user-001-btn li { margin-top: 10px; }
.jp-cmp-topics-movie-user-001 .jp-cmp-topics-movie-user-001-btn a { width: auto; font-size: 12px; }
@media screen and (min-width: 768px) {
  .jp-cmp-topics-movie-user-001 .jp-cmp-border-block { margin-bottom: 20px; border-bottom: 1px solid rgb(231, 231, 231); }
  .jp-cmp-topics-movie-user-001 .jp-cmp-border-block > .jp-cmp-link-block-002 { padding: 0px 30px 20px 0px; background-position: 100% 50%; color: rgb(59, 59, 59); }
  .jp-cmp-topics-block-001 .jp-cmp-topics-movie-user-001 .jp-cmp-link-block-001 { padding: 0px 18px 0px 0px; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-text-block-001 { float: left; min-height: 87px; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-text-block-002 > a { display: block; width: 100%; background: url("/web/feature/img/ico-arrow-002.png") 100% 50% no-repeat; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-movie-avatar-image img { max-width: 68px; max-height: 68px; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-movie-text-balloon p { min-height: 73px; width: 108px; margin-left: 16px; padding: 15px 10px; border-radius: 5px; overflow-wrap: break-word; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-movie-text-balloon p::after { position: absolute; content: ""; display: block; background: url("/web/feature/img/ico-balloon-001.png") left top no-repeat; width: 14px; height: 16px; left: -14px; top: 34px; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-music-list-btn { position: absolute; top: 82px; left: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-topics-movie-user-001 { margin-bottom: 1.4em; }
  .jp-cmp-topics-movie-user-001 > li { display: block; margin-right: 0px; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-link-block-001 { padding: 1.2em 30px 0px 10px; background-position: 98% 36px; color: rgb(59, 59, 59); }
  .jp-cmp-topics-movie-user-001 .jp-cmp-border-block { margin: 0px -10px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-topics-movie-user-001 .jp-cmp-border-block > .jp-cmp-link-block-002 { padding: 1.2em 10px; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-image-text-column-001 .jp-cmp-image img { width: 78px; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-text { overflow: visible; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-text h3, .jp-cmp-topics-movie-user-001 .jp-cmp-text .jp-cmp-movie-status-001 { overflow: hidden; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-text-block-002 { margin-bottom: 10px; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-text-block-002 a { display: table; width: 100%; position: relative; padding-right: 20px; box-sizing: border-box; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-text-block-002 > a::after { content: ""; display: block; position: absolute; top: 35px; right: 0px; width: 11px; height: 20px; margin-top: -10px; background: url("/web/feature/img/smp/ico-arrow-007.png") 0px 0px / 100% no-repeat; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-movie-avatar-image { width: 68px; padding-right: 12px; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-movie-avatar-image img { max-width: 68px; max-height: 68px; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-movie-text-balloon p { border-radius: 3px; padding: 16px 10px; min-height: 50px; width: 100%; overflow-wrap: break-word; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-movie-text-balloon p::after { position: absolute; content: ""; display: block; background: url("/web/feature/img/ico-balloon-003.png") left top / 8px 12px no-repeat; width: 8px; height: 12px; left: -8px; top: 18px; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-music-list-btn { margin: 0px 10px 1.2em 0px; text-align: right; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-topics-movie-user-001-btn li { text-align: center; }
  .jp-cmp-topics-movie-user-001 .jp-cmp-topics-movie-user-001-btn a { width: auto; margin: 0px auto; }
}
.jp-cmp-topics-banner-list-001 > li { margin-top: 20px; }
.jp-cmp-topics-banner-list-001 > li:first-child { margin-top: 0px; }
.jp-cmp-topics-banner-list-001 > li > a { padding: 0px; border: 0px; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-campaign-001 { display: block; height: auto; padding: 10px; }
  .jp-cmp-topics-campaign-001 h3 { margin: 5px -10px 12px; padding: 0px 0px 0px 10px; border: 0px; }
  .jp-cmp-topics-campaign-001 h3::before { width: 31px; height: 31px; margin-top: -6px; background-size: 31px 31px; }
  .jp-cmp-topics-banner-list-001 { font-size: 0px; }
  .jp-cmp-topics-banner-list-001 > li { display: inline-block; width: 48%; margin: 10px 0px 0px 4%; }
  .jp-cmp-topics-banner-list-001 > li:first-child, .jp-cmp-topics-banner-list-001 > li:nth-child(2) { margin-top: 0px; }
  .jp-cmp-topics-banner-list-001 > li:nth-child(2n+1) { margin-left: 0px; }
}
.jp-cmp-side-topics-block-slider { text-align: center; }
.jp-cmp-side-topics-block-slider a { color: rgb(206, 206, 206); margin: 1em 0.5em; }
.jp-cmp-carousel-001 dl { text-align: center; }
.jp-cmp-carousel-001 dl dd { margin: 0.5em auto; display: inline-block; text-align: left; }
.jp-cmp-carousel-001 img { max-width: 100%; height: auto; }
.jp-cmp-carousel-001 .jp-cmp-side-topics-block-slider span { color: rgb(46, 160, 73); }
.jp-cmp-topics-block-001 .jp-cmp-carousel-001 a { color: rgb(51, 51, 51); display: block; }
@media screen and (min-width: 768px) {
  .jp-cmp-carousel-001 img { max-width: 260px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-carousel-001 dt { text-align: center; }
  .jp-cmp-carousel-001 img { width: 260px; margin: 0px auto; }
}
.jp-cmp-table-001 { margin-bottom: 20px; }
.jp-cmp-table-001 table { width: 100%; }
.jp-cmp-table-001 table th.jp-cmp-table-option { background: linear-gradient(90deg, rgb(228, 233, 238) 0%, rgb(228, 233, 238) 5%, rgb(237, 217, 217) 5%, rgb(237, 217, 217) 100%); font-weight: bold; padding-left: 1rem; }
.jp-cmp-table-001 table th, .jp-cmp-table-001 table td { border-bottom: 2px solid rgb(255, 255, 255); vertical-align: middle; }
.jp-cmp-table-001 table th { background: rgb(228, 233, 238); font-weight: bold; }
.jp-cmp-table-001 table td { background: rgb(242, 245, 248); word-break: break-all; overflow-wrap: break-word; }
.jp-cmp-table-width-10 { width: 10%; }
.jp-cmp-table-width-15 { width: 15%; }
.jp-cmp-table-width-20 { width: 20%; }
.jp-cmp-table-width-23 { width: 23%; }
.jp-cmp-table-width-25 { width: 25%; }
.jp-cmp-table-width-30 { width: 30%; }
.jp-cmp-table-width-35 { width: 35%; }
.jp-cmp-table-width-40 { width: 40%; }
.jp-cmp-table-width-45 { width: 45%; }
.jp-cmp-table-width-50 { width: 50%; }
@media screen and (min-width: 768px) {
  .jp-cmp-table-001 table th, .jp-cmp-table-001 table td { padding: 16px 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-table-001 table th, .jp-cmp-table-001 table td { padding: 1.2em 0.6em; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-display-table-pc-001 { display: table; width: 100%; }
  .jp-cmp-display-table-pc-001 > * { display: table-cell; vertical-align: middle; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-table-001 .jp-cmp-display-table-pc-001 li { margin-top: 1em; }
}
.jp-cmp-list-inline-001 ul { margin-bottom: 10px; letter-spacing: -0.4em; }
.jp-cmp-list-inline-001 ul:last-child { margin-bottom: 0px; }
.jp-cmp-list-inline-001 li { display: inline-block; margin-right: 3em; letter-spacing: normal; }
.jp-cmp-list-inline-001 li:last-child { margin-right: 0px; }
.jp-cmp-list-inline-pc-001 ul { margin-bottom: 10px; letter-spacing: -0.4em; text-align: right; }
.jp-cmp-list-inline-pc-001 ul:last-child { margin-bottom: 0px; }
.jp-cmp-list-inline-pc-001 li { letter-spacing: normal; }
@media screen and (min-width: 768px) {
  .jp-cmp-list-inline-pc-001 li { display: inline-block; margin-right: 3em; }
  .jp-cmp-list-inline-pc-001 li:last-child { margin-right: 0px; }
}
.jp-cmp-list-inline-002 ul { margin-bottom: 10px; letter-spacing: -0.4em; }
.jp-cmp-list-inline-002 ul:last-child { margin-bottom: 0px; }
.jp-cmp-list-inline-002 li { display: inline-block; margin-right: 0.7em; letter-spacing: normal; vertical-align: middle; }
.jp-cmp-list-inline-002 ul li:last-child { margin-right: 0px; }
.jp-cmp-list-inline-pc-002 ul { margin-bottom: 10px; letter-spacing: -0.4em; }
.jp-cmp-list-inline-pc-002 ul:last-child { margin-bottom: 0px; }
.jp-cmp-list-inline-pc-002 li { letter-spacing: normal; }
@media screen and (min-width: 768px) {
  .jp-cmp-list-inline-pc-002 li { display: inline-block; margin-right: 0.7em; }
  .jp-cmp-list-inline-pc-002 li:last-child { margin-right: 0px; }
}
.jp-cmp-list-inline-003 ul { margin-bottom: 10px; letter-spacing: -0.4em; }
.jp-cmp-list-inline-003 ul:last-child { margin-bottom: 10px; }
.jp-cmp-list-inline-003 li { display: inline-block; margin: 0px 0.85em 0.4em 0px; letter-spacing: normal; vertical-align: middle; }
.jp-cmp-list-inline-003 ul li:last-child { margin-right: 0px; }
@media screen and (max-width: 767px) {
  .jp-cmp-list-inline-003 li.jp-cmp-music-list-btn { margin-right: 0px; }
}
.jp-cmp-list-inline-004 ul { margin-bottom: 10px; letter-spacing: -0.4em; }
.jp-cmp-list-inline-004 ul:last-child { margin-bottom: 0px; }
.jp-cmp-list-inline-004 li { display: inline-block; margin: 0px 20px 0.4em 0px; letter-spacing: normal; vertical-align: middle; }
.jp-cmp-list-inline-004 ul li:last-child { margin-right: 0px; }
@media screen and (max-width: 767px) {
  .jp-cmp-list-inline-004 li { margin: 0px 0.8em 0.2em 0px; }
}
.jp-cmp-list-social-001 li { display: inline-block; }
.jp-cmp-list-social-001 li:last-child { margin-right: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-list-social-001 li { margin-right: 10px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-list-social-001 ul { display: table; margin-left: auto; width: 18em; text-align: right; }
  .jp-cmp-movie-information-area-001 .jp-cmp-list-social-001 ul { width: 15em; }
  .jp-cmp-list-social-001 li { border-right: 4px solid transparent; border-bottom: 4px solid transparent; }
  .jp-cmp-list-social-001 li:nth-child(5) > a::before { content: ""; display: table-row; }
}
.jp-cmp-list-link-001 li { display: inline; margin-right: 1.2em; line-height: 2; }
.jp-cmp-list-link-001 li:last-child { margin-right: 0px; }
.jp-cmp-list-link-002 li { display: inline; margin-right: 1.8em; line-height: 2; }
.jp-cmp-list-link-002 li:last-child { margin-right: 0px; }
.jp-cmp-list-annotation-001 li { margin-bottom: 10px; padding-left: 1em; text-indent: -1em; }
.jp-cmp-list-link-001 li:last-child { margin-bottom: 0px; }
.jp-cmp-list-banner-001 { font-size: 0px; text-align: center; }
.jp-cmp-list-banner-001 li { display: inline-block; margin-bottom: 10px; }
@media screen and (min-width: 768px) {
  .jp-cmp-list-banner-001 li { margin: 0px 0px 20px 10px; }
  .jp-cmp-list-banner-001 li:nth-child(4n+1) { margin-left: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-list-banner-001 li { margin: 0px 0px 10px 10px; }
  .jp-cmp-list-banner-001 li:nth-child(2n+1) { margin-left: 0px; }
  .jp-cmp-list-banner-001 img { width: 135px; }
}
.jp-cmp-list-banner-002 { font-size: 0px; }
.jp-cmp-list-banner-002 li { display: inline-block; margin-bottom: 10px; }
@media screen and (min-width: 768px) {
  .jp-cmp-list-banner-002 { text-align: center; }
  .jp-cmp-list-banner-002 li { margin: 0px 0px 10px 19px; }
  .jp-cmp-list-banner-002 li:nth-child(3n+1) { margin-left: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-list-banner-002 li { width: 48%; margin-left: 4%; }
  .jp-cmp-list-banner-002 li:nth-child(2n+1) { margin-left: 0px; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-border-list-001 > ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-border-list-001 .jp-cmp-border-block { width: 49%; margin: 0px 0px 0px 2%; padding: 18px; box-sizing: border-box; border: 2px solid rgb(231, 231, 231); display: inline-block; vertical-align: top; }
  .jp-cmp-border-list-001 .jp-cmp-border-block:nth-child(2n+1) { margin-left: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-border-list-001 .jp-cmp-border-block { margin: 0px -10px; border-bottom: 1px solid rgb(218, 218, 218); }
}
@media screen and (min-width: 768px) {
  .jp-cmp-list-sort-001 dt { font-size: 120%; font-weight: bold; }
  .jp-cmp-list-sort-001 dd { font-size: 135%; }
  .jp-cmp-list-sort-001 dd li { margin: 7px 0px 0px 35px; }
  .jp-cmp-list-sort-001 dd.beside-menu li { display: inline-block; }
  .jp-cmp-list-sort-001 dd li.jp-cmp-active { margin-left: 22px; padding-left: 13px; background: url("/web/feature/img/ico-arrow-006.png") 0px 0.4em / 5px 8px no-repeat; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-list-sort-001 { margin: 1.2em 0px; }
  .jp-cmp-list-sort-001 dt { font-size: 1.2em; font-weight: bold; }
  .jp-cmp-list-sort-001 dd { font-size: 1.2em; }
  .jp-cmp-list-sort-001 dd li { display: inline-block; margin: 0.8em 0px 0px 10px; }
  .jp-cmp-list-sort-001 dd li.jp-cmp-active { margin-left: 0px; padding-left: 10px; background: url("/web/feature/img/ico-arrow-006.png") 0px 0.4em / 7px 9px no-repeat; }
}
.jp-cmp-tagcloud-001 li { display: inline; margin-right: 0.8em; }
.jp-cmp-tagcloud-001 li.jp-cmp-tagcloud-1 a { font-size: 120%; }
.jp-cmp-tagcloud-001 li.jp-cmp-tagcloud-2 a { font-size: 150%; }
.jp-cmp-tagcloud-001 li.jp-cmp-tagcloud-3 a { font-size: 170%; }
.jp-cmp-tagcloud-001 li.jp-cmp-tagcloud-4 a { font-size: 185%; }
.jp-cmp-btn-list-001 > ul { height: auto; }
.jp-cmp-btn-list-001 > ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-btn-list-001 li { position: relative; display: table; }
.jp-cmp-btn-list-001 a { display: table-cell; padding: 0px 10px 0px 24px; box-sizing: border-box; border-radius: 3px; background: url("/web/feature/img/ico-arrow-001.png") 11px 50% / 6px 7px no-repeat rgb(242, 245, 248); color: rgb(59, 59, 59); line-height: 1.4; vertical-align: middle; cursor: pointer; }
.jp-cmp-btn-list-001 a:hover { text-decoration: none; opacity: 0.7; }
@media screen and (min-width: 768px) {
  .jp-cmp-btn-list-001 { margin: 0px -1.25% 0.6em 0px; }
  .jp-cmp-btn-list-001 li { float: left; margin: 0px 1.25% 0.8em 0px; width: 13%; height: 40px; }
  .jp-cmp-btn-list-001 li:last-child { margin-right: 0px; }
}
@media screen and (max-width: 0px) and (min-width: 0px) {
  .jp-cmp-btn-list-001 { margin: 0px -0.5% 0.6em 0px; }
  .jp-cmp-btn-list-001 li { float: left; margin: 0px 0.5% 0.8em 0px; width: 16%; height: 40px; }
  .jp-cmp-btn-list-001 li:last-child { margin-right: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-btn-list-001 { margin: 0px -2% 0.9em 0px; }
  .jp-cmp-btn-list-001 li { float: left; margin: 0px 2% 0.8em 0px; width: 31%; height: 35px; }
  .jp-cmp-btn-list-001 li:last-child { margin-right: 0px; }
  .jp-cmp-btn-list-001 a { line-height: 1.2; font-size: 0.9em; }
}
.jp-cmp-btn-list-002 > ul { height: auto; }
.jp-cmp-btn-list-002 > ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-btn-list-002 li { position: relative; }
.jp-cmp-btn-list-002 a { display: table-cell; padding: 0px 10px 0px 24px; box-sizing: border-box; border-radius: 3px; background: url("/web/feature/img/ico-arrow-001.png") 11px 50% / 6px 7px no-repeat rgb(234, 243, 217); color: rgb(59, 59, 59); line-height: 1.4; vertical-align: middle; cursor: pointer; }
.jp-cmp-btn-list-002 a:hover { text-decoration: none; opacity: 0.7; }
@media screen and (min-width: 768px) {
  .jp-cmp-btn-list-002 { margin: 0px -1.25% 0.6em 0px; }
  .jp-cmp-btn-list-002 li { float: left; margin: 0px 1.25% 0.8em 0px; width: 13%; height: 70px; }
  .jp-cmp-btn-list-002 li a { width: 13%; height: inherit; }
  .jp-cmp-btn-list-002 li:last-child { margin-right: 0px; }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .jp-cmp-btn-list-002 { margin: 0px -0.5% 0.6em 0px; }
  .jp-cmp-btn-list-002 li { float: left; margin: 0px 0.5% 0.8em 0px; width: 16%; height: 50px; }
  .jp-cmp-btn-list-002 li a { width: 16%; height: inherit; }
  .jp-cmp-btn-list-002 li:last-child { margin-right: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-btn-list-002 { margin: 0px -2% 0.9em 0px; }
  .jp-cmp-btn-list-002 li { float: left; margin: 0px 2% 0.8em 0px; width: 31%; height: 35px; }
  .jp-cmp-btn-list-002 li:last-child { margin-right: 0px; }
  .jp-cmp-btn-list-002 a { line-height: 1.2; font-size: 0.9em; }
}
.jp-cmp-btn-list-002 ul.jp-page-btn-area-search li a { background-color: rgb(234, 243, 217); }
.jp-cmp-btn-list-002 ul.jp-page-btn-area-search li.jp-page-btn-area-search-city a { background-color: rgb(208, 231, 164); }
.jp-cmp-btn-list-003::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-btn-list-003 ul li { float: left; width: 48%; margin-bottom: 20px; margin-right: 2%; }
.jp-cmp-btn-list-003 ul li:nth-child(2n) { margin-right: 0px; }
.jp-cmp-btn-list-003 img { max-width: 100%; height: auto; }
@media screen and (max-width: 767px) {
  .jp-cmp-btn-list-003 ul li { float: none; width: 98%; margin-right: 0px; margin-bottom: 15px; }
}
.jp-cmp-access-list-001 li { margin-bottom: 0.8em; }
.jp-cmp-access-list-001 li:last-child { margin-bottom: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-access-list-001 a { margin-left: 23px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-access-list-001 a { display: block; margin-top: 0.8em; }
}
.jp-cmp-ranking-category-list-001 ul { margin: 0px 1%; }
.jp-cmp-ranking-category-list-001 li { display: table; float: left; }
.jp-cmp-ranking-category-list-001 li:first-child { margin-left: 0px; }
.jp-cmp-ranking-category-list-001 ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-ranking-category-list-001 a { display: table-cell; border-style: solid; border-color: rgb(189, 189, 189); border-image: initial; border-width: 2px 2px 0px; vertical-align: middle; color: rgb(59, 59, 59); text-align: center; }
.jp-cmp-ranking-category-list-001 a:hover { text-decoration: none; opacity: 0.7; }
.jp-cmp-ranking-category-list-001 .jp-cmp-active a { background: rgb(242, 162, 41); border-color: rgb(242, 162, 41); color: rgb(255, 255, 255); cursor: pointer; }
.jp-cmp-ranking-category-list-005 ul { margin: 0px 1%; }
.jp-cmp-ranking-category-list-005 li { display: table; float: left; }
.jp-cmp-ranking-category-list-005 li:first-child { margin-left: 0px; }
.jp-cmp-ranking-category-list-005 ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-ranking-category-list-005 a { display: table-cell; border-style: solid; border-color: rgb(189, 189, 189); border-image: initial; border-width: 2px 2px 0px; vertical-align: middle; color: rgb(59, 59, 59); text-align: center; }
.jp-cmp-ranking-category-list-005 a:hover { text-decoration: none; opacity: 0.7; }
.jp-cmp-ranking-category-list-005 .jp-cmp-active a { background: rgb(242, 162, 41); border-color: rgb(242, 162, 41); color: rgb(255, 255, 255); cursor: pointer; }
.jp-cmp-ranking-category-list-006 ul { margin: 10px 0px 0px; }
.jp-cmp-ranking-category-list-006 li { display: table; float: left; }
.jp-cmp-ranking-category-list-006 li:first-child { margin-left: 0px; }
.jp-cmp-ranking-category-list-006 ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-ranking-category-list-006 a { display: table-cell; border-style: solid; border-color: rgb(189, 189, 189); border-image: initial; border-width: 2px 2px 0px; vertical-align: middle; color: rgb(59, 59, 59); text-align: center; }
.jp-cmp-ranking-category-list-006 a:hover { text-decoration: none; opacity: 0.7; }
.jp-cmp-ranking-category-list-006 .jp-cmp-active a { background: rgb(242, 162, 41); border-color: rgb(242, 162, 41); color: rgb(255, 255, 255); cursor: pointer; }
@media screen and (min-width: 768px) {
  section > .jp-cmp-ranking-category-list-gray:last-child, div > .jp-cmp-ranking-category-list-gray:last-child, .ng-isolate-scope:last-child .jp-cmp-ranking-category-list-gray:last-child { margin-top: 15px; margin-bottom: 0px; border-top: 2px solid rgb(242, 162, 41); border-bottom: 0px !important; }
  #jp-cmp-main section > .jp-cmp-ranking-category-list-gray:last-child a, #jp-cmp-main div > .jp-cmp-ranking-category-list-gray:last-child a, .ng-isolate-scope:last-child .jp-cmp-ranking-category-list-gray:last-child a { border-radius: 4px / 0px 0px 4px 4px; border-width: 0px 2px 2px; }
  .ng-isolate-scope:last-child .jp-cmp-ranking-category-list-gray:last-child { margin-bottom: 0px; border-top: 2px solid rgb(242, 162, 41); border-bottom: 0px !important; }
  #jp-cmp-main .ng-isolate-scope:last-child .jp-cmp-ranking-category-list-gray:last-child a { border-radius: 4px / 0px 0px 4px 4px; border-width: 0px 2px 2px; }
  .jp-cmp-ranking-category-list-001, .jp-cmp-ranking-category-list-002, .jp-cmp-ranking-category-list-003, .jp-cmp-ranking-category-list-005 { margin-bottom: 20px; border-bottom: 2px solid rgb(242, 162, 41); width: auto !important; height: auto !important; }
  .jp-cmp-ranking-category-list-006 { margin-bottom: 0px; width: auto !important; height: auto !important; }
  .jp-cmp-ranking-category-list-001 ul, .jp-cmp-ranking-category-list-002 ul, .jp-cmp-ranking-category-list-003 ul, .jp-cmp-ranking-category-list-005 ul, .jp-cmp-ranking-category-list-006 ul { height: auto !important; }
  .jp-cmp-ranking-category-list-001 li { width: 24.4%; margin-left: 0.6%; }
  .jp-cmp-ranking-category-list-005 li, .jp-cmp-ranking-category-list-006 li { width: 16%; margin-left: 0.6%; }
  .jp-cmp-ranking-category-list-001 a, .jp-cmp-ranking-category-list-005 a, .jp-cmp-ranking-category-list-006 a { position: relative; height: 40px; border-radius: 4px / 4px 4px 0px 0px; background: rgb(255, 255, 255); font-size: 120%; font-weight: bold; cursor: pointer; }
}
@media screen and (max-width: 767px) {
  #jp-cmp-main .jp-cmp-ranking-category-list-pt10 { margin-top: -10px; }
  #jp-cmp-main .jp-cmp-ranking-category-list-pt15 { margin-top: -15px; }
  #jp-cmp-main .jp-cmp-ranking-category-list-pt20 { margin-top: -20px; }
  #jp-cmp-main .jp-cmp-ranking-category-list-pt25 { margin-top: -25px; }
  #jp-cmp-main .jp-cmp-ranking-category-list-pt30 { margin-top: -30px; }
  #jp-cmp-main .jp-cmp-ranking-category-list-pb10 { margin-bottom: -12px; padding-bottom: 2px; }
  #jp-cmp-main .jp-cmp-ranking-category-list-pb15 { margin-bottom: -17px; padding-bottom: 2px; }
  #jp-cmp-main .jp-cmp-ranking-category-list-pb20 { margin-bottom: -22px; padding-bottom: 2px; }
  #jp-cmp-main .jp-cmp-ranking-category-list-pb25 { margin-bottom: -27px; padding-bottom: 2px; }
  #jp-cmp-main .jp-cmp-ranking-category-list-pb30 { margin-bottom: -32px; padding-bottom: 2px; }
  #jp-cmp-main .jp-cmp-ranking-category-list-gray { padding-right: 2px; background: rgb(242, 242, 242); }
  #jp-cmp-main .jp-cmp-ranking-category-list-gray ul { margin-bottom: -10px; background: rgb(242, 242, 242); }
  #jp-cmp-main .jp-cmp-ranking-category-list-gray ul::after { margin: 0px -12px 0px -10px; }
  section > .jp-cmp-ranking-category-list-gray:last-child, div > .jp-cmp-ranking-category-list-gray:last-child, .ng-isolate-scope:last-child .jp-cmp-ranking-category-list-gray:last-child { margin-top: 1.2em; margin-bottom: -2px; padding-bottom: 2px; }
  section > .jp-cmp-ranking-category-list-gray:last-child ul::before, div > .jp-cmp-ranking-category-list-gray:last-child ul::before, .ng-isolate-scope:last-child .jp-cmp-ranking-category-list-gray:last-child ul::before { content: ""; display: block; margin: 0px -12px 0px -10px; border-top: 2px solid rgb(242, 162, 41); }
  section > .jp-cmp-ranking-category-list-gray:last-child ul::after, div > .jp-cmp-ranking-category-list-gray:last-child ul::after, .ng-isolate-scope:last-child .jp-cmp-ranking-category-list-gray:last-child ul::after { display: none !important; }
  #jp-cmp-main section > .jp-cmp-ranking-category-list-gray:last-child a, #jp-cmp-main div > .jp-cmp-ranking-category-list-gray:last-child a, .ng-isolate-scope:last-child .jp-cmp-ranking-category-list-gray:last-child a { border-radius: 4px / 0px 0px 4px 4px; border-width: 0px 1px 1px; }
  #jp-cmp-main header + .jp-cmp-ranking-category-list-gray, #jp-cmp-main header + .ng-isolate-scope > .jp-cmp-ranking-category-list-gray { margin-top: 1.2em; padding-right: 0px; background: transparent; }
  #jp-cmp-main header + .jp-cmp-ranking-category-list-gray ul, #jp-cmp-main header + .ng-isolate-scope > .jp-cmp-ranking-category-list-gray ul { margin-bottom: 0px; background: transparent; }
  #jp-cmp-main header + .jp-cmp-ranking-category-list-gray ul::after, #jp-cmp-main header + .ng-isolate-scope > .jp-cmp-ranking-category-list-gray ul::after { margin: 0px -10px; }
  .jp-cmp-ranking-category-list-001, .jp-cmp-ranking-category-list-005, .jp-cmp-ranking-category-list-006 { opacity: 0; width: 302px; margin: 0px; text-align: center; }
  .jp-cmp-ranking-category-list-001 > div { position: absolute; left: 0px; width: 100%; }
  .jp-cmp-ranking-category-list-005 > div { position: absolute; left: 0px; width: 100%; }
  .jp-cmp-ranking-category-list-006 > div { position: absolute; left: 0px; width: 100%; }
  .jp-cmp-ranking-category-list-001 ul, .jp-cmp-ranking-category-list-005 ul { position: absolute; top: 0px; left: 3%; width: 94%; margin: 0px auto; padding: 0px 10px; box-sizing: border-box; }
  .jp-cmp-ranking-category-list-006 ul { position: absolute; top: 2px; width: 100%; margin: 0px auto; padding: 0px 10px; box-sizing: border-box; }
  .jp-cmp-ranking-category-list-001 ul::after { content: ""; display: block; margin: 0px -10px; border-bottom: 2px solid rgb(242, 162, 41); }
  .jp-cmp-ranking-category-list-005 ul::after { content: ""; display: block; margin: 0px -10px; border-bottom: 2px solid rgb(242, 162, 41); }
  .jp-cmp-ranking-category-list-006 ul::after { content: ""; display: block; }
  .jp-cmp-ranking-category-list-001 li { position: relative; width: 24%; margin-left: 0.2em; }
  .jp-cmp-ranking-category-list-005 li { position: relative; width: 15.9%; margin-left: 0.2em; }
  .jp-cmp-ranking-category-list-006 li { position: relative; width: 15.9%; margin-left: 0.2em; }
  .jp-cmp-ranking-category-list-001 li:first-child { margin-left: 0.2em; }
  .jp-cmp-ranking-category-list-005 li:first-child { margin-left: 0.2em; }
  .jp-cmp-ranking-category-list-006 li:first-child { margin-left: 0.2em; }
  .jp-cmp-ranking-category-list-001 a, .jp-cmp-ranking-category-list-005 a, .jp-cmp-ranking-category-list-006 a { height: 19px; line-height: 1.2; padding: 4px; border-radius: 4px / 4px 4px 0px 0px; border-width: 1px 1px 0px; background: rgb(255, 255, 255); font-size: 0.8em; }
  .jp-cmp-ranking-category-list-001 .jp-cmp-active a { background: rgb(242, 162, 41); }
  .jp-cmp-ranking-category-list-005 .jp-cmp-active a { background: rgb(242, 162, 41); }
  .jp-cmp-ranking-category-list-006 .jp-cmp-active a { background: rgb(242, 162, 41); }
}
.jp-cmp-ranking-category-list-002 ul { margin: 0px 1%; }
.jp-cmp-ranking-category-list-002 li { display: table; float: left; }
.jp-cmp-ranking-category-list-002 li:first-child { margin-left: 0px; }
.jp-cmp-ranking-category-list-002 ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-ranking-category-list-002 a { display: table-cell; border-style: solid; border-color: rgb(189, 189, 189); border-image: initial; border-width: 2px 2px 0px; vertical-align: middle; color: rgb(59, 59, 59); text-align: center; }
.jp-cmp-ranking-category-list-002 a:hover { text-decoration: none; opacity: 0.7; }
.jp-cmp-ranking-category-list-002 .jp-cmp-active a { background: rgb(242, 162, 41); border-color: rgb(242, 162, 41); color: rgb(255, 255, 255); }
.jp-cmp-ranking-category-list-002 .jp-cmp-disabled a { border-color: rgb(221, 221, 221); color: rgb(221, 221, 221); }
.jp-cmp-ranking-category-list-002 .jp-cmp-disabled a:hover { text-decoration: none; opacity: 1; }
@media screen and (min-width: 768px) {
  .jp-cmp-ranking-category-list-002 { margin-bottom: 20px; border-bottom: 2px solid rgb(242, 162, 41); }
  .jp-cmp-ranking-category-list-002 li { width: 33%; margin-left: 0.5%; }
  .jp-cmp-ranking-category-list-002 a { position: relative; height: 40px; border-radius: 4px / 4px 4px 0px 0px; background: rgb(255, 255, 255); font-size: 120%; font-weight: bold; }
  .jp-cmp-ranking-column-image figure img { width: 98px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-category-list-002 { opacity: 0; width: 302px; margin: 0px; text-align: center; }
  .jp-cmp-ranking-category-list-002 > div { position: absolute; left: 0px; width: 100%; }
  .jp-cmp-ranking-category-list-002 ul { position: absolute; top: 0px; left: 3%; width: 94%; margin: 0px auto; padding: 0px 10px; box-sizing: border-box; }
  .jp-cmp-ranking-category-list-002 ul::after { content: ""; display: block; margin: 0px -10px; border-bottom: 2px solid rgb(242, 162, 41); }
  .jp-cmp-ranking-category-list-002 li { position: relative; width: 32%; margin-left: 0.3em; }
  .jp-cmp-ranking-category-list-002 li:first-child { margin-left: 0.3em; }
  .jp-cmp-ranking-category-list-002 a { height: 19px; line-height: 1.2; padding: 4px; border-radius: 4px / 4px 4px 0px 0px; border-width: 1px 1px 0px; background: rgb(255, 255, 255); font-size: 0.8em; }
  .jp-cmp-ranking-category-list-002 .jp-cmp-active a { background: rgb(242, 162, 41); }
  .jp-cmp-ranking-column-image .jp-cmp-box-orange-001 { margin-top: 0.6em; }
  .jp-cmp-ranking-column-image .jp-cmp-movie-point { font-size: 0.8em; word-break: break-all; }
}
.jp-cmp-ranking-category-list-003 ul { margin: 0px 1%; }
.jp-cmp-ranking-category-list-003:last-child { margin-top: 20px; }
.jp-cmp-ranking-category-list-003 li { display: table; float: left; cursor: pointer; }
.jp-cmp-ranking-category-list-003 li:first-child { margin-left: 0px; }
.jp-cmp-ranking-category-list-003 ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-ranking-category-list-003 a { display: table-cell; border-style: solid; border-color: rgb(189, 189, 189); border-image: initial; border-width: 2px 2px 0px; vertical-align: middle; color: rgb(59, 59, 59); text-align: center; font-size: 1.167em; }
.jp-cmp-ranking-category-list-003 a:hover { text-decoration: none; opacity: 0.7; }
.jp-cmp-ranking-category-list-003 .jp-cmp-active a { background: rgb(242, 162, 41); border-color: rgb(242, 162, 41); color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
  .jp-cmp-ranking-category-list-003 { margin-bottom: 20px; border-bottom: 2px solid rgb(242, 162, 41); }
  .jp-cmp-ranking-category-list-003 li { width: 49.7%; margin-left: 0.6%; }
  .jp-cmp-ranking-category-list-003 a { position: relative; height: 40px; border-radius: 4px / 4px 4px 0px 0px; background: rgb(255, 255, 255); font-weight: bold; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-category-list-003 { opacity: 0; width: 302px; margin: 0px; text-align: center; }
  .jp-cmp-ranking-category-list-003:last-child { margin-top: 0px; }
  .jp-cmp-ranking-category-list-003 > div { position: absolute; left: 0px; width: 100%; }
  .jp-cmp-ranking-category-list-003 ul { position: absolute; top: 0px; left: 3%; width: 94%; margin: 0px auto; padding: 0px 10px; box-sizing: border-box; }
  .jp-cmp-ranking-category-list-003 ul::after { content: ""; display: block; margin: 0px -10px; border-bottom: 2px solid rgb(242, 162, 41); }
  .jp-cmp-ranking-category-list-003 li { position: relative; width: 49.5%; margin-left: 0.2em; }
  .jp-cmp-ranking-category-list-003 li:last-child { float: right; }
  .jp-cmp-ranking-category-list-003 a { height: 19px; line-height: 1.2; padding: 4px; border-radius: 4px / 4px 4px 0px 0px; border-width: 1px 1px 0px; background: rgb(255, 255, 255); font-size: 0.8em; }
  .jp-cmp-ranking-category-list-003 .jp-cmp-active a { background: rgb(242, 162, 41); }
}
.jp-cmp-ranking-category-list-004 { display: none; }
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-category-list-004 { display: block; width: 302px; }
  #jp-cmp-main .jp-cmp-ranking-category-list-004.jp-cmp-ranking-category-list-gray { background: none; }
  #jp-cmp-main .jp-cmp-ranking-category-list-004.jp-cmp-ranking-category-list-gray ul { margin: -10px 0px 0px; background: rgb(242, 242, 242); }
  .jp-cmp-ranking-category-list-004 > div { width: 100%; position: absolute; left: 0px; bottom: 0px; }
  .jp-cmp-ranking-category-list-004 ul { width: 94.5%; margin: 0px; padding: 0px 10px; box-sizing: border-box; overflow: hidden; position: absolute; left: 3%; bottom: 0px; }
  .jp-cmp-ranking-category-list-004 li { display: table; float: left; width: 19%; margin-left: 0.2em; }
  .jp-cmp-ranking-category-list-004 li a { display: table-cell; text-align: center; vertical-align: middle; background-color: rgb(255, 255, 255); height: 19px; padding: 4px; color: rgb(59, 59, 59); border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); font-size: 80%; border-radius: 4px / 0px 0px 4px 4px; }
  .jp-cmp-ranking-category-list-004 .jp-cmp-active a { background-color: rgb(242, 162, 41); color: rgb(255, 255, 255); }
}
.jp-cmp-ranking-list-001 { margin-bottom: 20px; }
.jp-cmp-ranking-list-001 li { border-bottom: 1px solid rgb(222, 227, 231); }
.jp-cmp-ranking-list-001 li::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-ranking-list-001 a { color: rgb(59, 59, 59); }
.jp-cmp-ranking-list-001 a > .jp-cmp-ranking-num { float: left; min-width: 1.5em; margin: -1px 1em 0px 0px; font-size: 120%; }
.jp-cmp-ranking-list-001 a .jp-cmp-ranking-title { overflow: hidden; font-size: 120%; }
.jp-cmp-ranking-list-001 > ol > li > a { display: table; width: 100%; box-sizing: border-box; }
.jp-cmp-ranking-list-001 .jp-cmp-ranking-column-point .jp-cmp-ranking-point { display: inline-block; margin-top: 5px; color: rgb(215, 14, 24); font-weight: bold; text-align: right; word-break: break-all; }
.jp-cmp-ranking-list-001 .jp-cmp-ranking-column-point .jp-cmp-ranking-point strong { font-weight: bold; }
.jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-002 { margin-bottom: 0px; }
.jp-cmp-ranking-list-001 ol li > div { height: 20px; }
@media screen and (min-width: 768px) {
  .jp-cmp-box-003 .jp-cmp-ranking-list-001 { margin: 0px 20px; }
  .jp-cmp-ranking-list-001 > ol > li > a { padding: 15px 40px 15px 10px; }
  .jp-cmp-ranking-list-001-has-point > ol > li > a { padding-bottom: 15px; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-point { display: table-cell; width: 49px; padding-right: 10px; text-align: center; vertical-align: middle; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-point .jp-cmp-ranking-point strong { display: block; font-size: 150%; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-image { display: table-cell; width: 98px; padding-right: 20px; vertical-align: top; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-image .jp-cmp-box-orange-001 { margin-top: 5px; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details { display: table-cell; vertical-align: middle; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-list-001 { margin: 0px -10px 1.4em; }
  .jp-cmp-ranking-list-001 > ol > li > a { padding: 1em 32px 1em 0.8em; background-position: 98% 2em; }
  .jp-cmp-box-003 .jp-cmp-ranking-list-001 { margin: 0px; }
  .jp-cmp-box-003 .jp-cmp-ranking-list-001 > ol > li:last-child { border: 0px; }
  .jp-cmp-box-003 .jp-cmp-ranking-list-001 > ol > li > a { padding: 1em 32px 1em 0.8em; background-position: 98% 50%; }
  .jp-cmp-ranking-list-001 ol li > div { position: relative; height: 15px; }
  .jp-cmp-ranking-list-001 ol li > div p.jp-cmp-music-list-btn { position: absolute; bottom: 10px; right: 13px; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-point { float: left; width: 25px; margin-right: 5px; text-align: center; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-image { float: left; width: 60px; margin: 0px 6px 8px 0px; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-001 { display: table; min-height: 5.6em; margin-left: 10px; width: 63%; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-002 { clear: both; width: 100%; box-sizing: content-box; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details > .jp-cmp-list-inline-002 { margin-right: -20px; }
  .jp-cmp-ranking-column-details .jp-cmp-list-inline-002 ul { width: 65%; }
}
.jp-cmp-ranking-list-002 .jp-cmp-ranking-icon ul { font-size: 0px; position: relative; }
.jp-cmp-ranking-list-002 .jp-cmp-ranking-icon li { display: inline-block; vertical-align: middle; }
.jp-cmp-ranking-list-002 .jp-cmp-ranking-icon li:last-child { margin-right: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-icon ul { height: 30px; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-icon ul li.jp-cmp-btn-itunes { position: absolute; right: -7px; top: 0px; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-icon ul li.jp-cmp-btn-lyrics { position: absolute; right: 96px; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-icon ul li.jp-cmp-btn-utasuki { position: absolute; right: 0px; }
  .jp-cmp-ranking-list-002 ol::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-ranking-list-002 ol > li { float: left; width: 32%; margin: 0px 0px 20px 1.5%; padding: 12px; box-sizing: border-box; background: rgb(255, 237, 230); }
  .jp-cmp-ranking-list-002 ol > li:nth-child(3n+1) { margin-left: 0px; }
  .jp-cmp-ranking-list-002 ol > li::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-ranking-list-002 ol > li > a { display: table; width: 100%; height: 42px; padding-right: 25px; box-sizing: border-box; color: rgb(51, 51, 51); text-align: left; }
  .jp-cmp-ranking-list-002 a .jp-cmp-ranking-num { display: table-cell; width: 30px; margin: -1px 1em 0px 0px; padding: 4px 0px; font-size: 135%; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-1 a .jp-cmp-ranking-num { background: url("/web/feature/img/ico-ranking1-002.png") 50% 0px / 30px 23px no-repeat; vertical-align: inherit; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-2 a .jp-cmp-ranking-num { background: url("/web/feature/img/ico-ranking2-002.png") 50% 0px / 30px 23px no-repeat; vertical-align: inherit; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-3 a .jp-cmp-ranking-num { background: url("/web/feature/img/ico-ranking3-002.png") 50% 0px / 30px 23px no-repeat; vertical-align: inherit; }
  .jp-cmp-ranking-list-002 a .jp-cmp-ranking-title { display: table-cell; padding-left: 10px; font-size: 120%; vertical-align: inherit; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-icon { min-height: 30px; margin-top: 20px; padding-top: 12px; border-top: 1px solid rgb(187, 187, 187); text-align: right; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-icon li { margin-right: 7px; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-icon li a { font-size: 14px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-list-002 { margin-bottom: 1.4em; }
  .jp-cmp-ranking-list-002 ol > li { margin: 0px -10px 1px; padding: 1em; box-sizing: border-box; background: rgb(255, 237, 230); }
  .jp-cmp-ranking-list-002 ol > li > a.jp-cmp-link-block-001 { display: table; width: 100%; padding-right: 25px; box-sizing: border-box; background-position: 98% 0.3em; color: rgb(51, 51, 51); text-align: left; }
  .jp-cmp-ranking-list-002 a .jp-cmp-ranking-num { display: table-cell; width: 25px; margin: -1px 1em 0px 0px; padding: 5px 0px 3px; font-size: 1.1em; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-1 a .jp-cmp-ranking-num { background: url("/web/feature/img/ico-ranking1-002.png") 50% 0px / 25px 20px no-repeat; vertical-align: top; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-2 a .jp-cmp-ranking-num { background: url("/web/feature/img/ico-ranking2-002.png") 50% 0px / 25px 20px no-repeat; vertical-align: inherit; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-3 a .jp-cmp-ranking-num { background: url("/web/feature/img/ico-ranking3-002.png") 50% 0px / 25px 20px no-repeat; vertical-align: inherit; }
  .jp-cmp-ranking-list-002 a .jp-cmp-ranking-title { display: table-cell; padding: 0px 0px 1.6em 1em; font-size: 1.2em; vertical-align: middle; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-icon { text-align: right; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-icon li { margin-right: 10px; }
  .jp-cmp-ranking-list-002 .jp-cmp-ranking-icon li a { font-size: 14px; }
}
.jp-cmp-ranking-list-003 { margin-bottom: 20px; }
.jp-cmp-ranking-list-003 > * > li { border-bottom: 1px solid rgb(222, 227, 231); }
.jp-cmp-ranking-list-003 > * > li:last-child { border-bottom: none; }
.jp-cmp-ranking-list-003 > * > li::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-ranking-list-003 a { color: rgb(59, 59, 59); }
.jp-cmp-ranking-list-003 a > .jp-cmp-ranking-num { min-width: 1.5em; margin: 0px 10px; font-size: 120%; }
.jp-cmp-ranking-list-003 a > .jp-cmp-ranking-num, .jp-cmp-ranking-list-003 a > .jp-cmp-ranking-title { display: inline-block; vertical-align: middle; word-break: break-all; }
.jp-cmp-ranking-list-003 a .jp-cmp-ranking-title { width: 25.5em; overflow: hidden; font-size: 120%; }
.jp-cmp-ranking-list-003 > ol > li a { display: table; width: 100%; box-sizing: border-box; }
.jp-cmp-ranking-list-003 .jp-cmp-ranking-column-point { display: table-cell; vertical-align: middle; }
.jp-cmp-ranking-list-003 .jp-cmp-ranking-column-image { display: table-cell; vertical-align: top; }
.jp-cmp-ranking-list-003 .jp-cmp-ranking-column-details .jp-cmp-movie-status-001 { margin-bottom: 5px; }
.jp-cmp-ranking-list-003 .jp-cmp-ranking-column-details .jp-cmp-movie-status-002 { margin-bottom: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-box-003 .jp-cmp-ranking-list-003 { margin: 0px 20px; }
  .jp-cmp-ranking-list-003 .jp-cmp-table-column-001.jp-cmp-table-column-pt-001, .jp-cmp-ranking-list-003 .jp-cmp-table-column-001.jp-cmp-table-column-pt-002 { padding: 10px; box-sizing: border-box; }
  .jp-cmp-ranking-list-003 .jp-cmp-table-column-pt-001 .jp-cmp-table-column:first-child { width: 75%; }
  .jp-cmp-ranking-list-003 .jp-cmp-table-column-pt-001 .jp-cmp-table-column:last-child { width: 25%; }
  .jp-cmp-ranking-list-003 .jp-cmp-table-column:last-child { border-left: 1px solid rgb(220, 220, 220); text-align: right; vertical-align: middle; }
  .jp-cmp-ranking-list-003 .jp-cmp-table-column-001.jp-cmp-table-column-pt-001 > a, .jp-cmp-ranking-list-003 .jp-cmp-table-column-001.jp-cmp-table-column-pt-002 > a, .jp-cmp-ranking-list-003 > ol > li > a.jp-cmp-link-block-002 { background: url("/web/feature/img/smp/ico-arrow-002.png") 96% 50% / 8px 15px no-repeat; }
  .jp-cmp-ranking-list-003 > ol > li > a.jp-cmp-link-block-002 { padding: 10px 20px; }
  .jp-cmp-ranking-list-003 .jp-cmp-ranking-column-point { width: 49px; padding-right: 10px; text-align: center; }
  .jp-cmp-ranking-list-003 .jp-cmp-ranking-column-point .jp-cmp-ranking-point { display: inline-block; margin-top: 5px; color: rgb(215, 14, 24); font-weight: bold; text-align: right; word-break: break-all; }
  .jp-cmp-ranking-list-003 .jp-cmp-ranking-column-point .jp-cmp-ranking-point strong { display: block; font-size: 150%; font-weight: bold; }
  .jp-cmp-ranking-list-003 .jp-cmp-ranking-column-image { width: 98px; padding-right: 20px; }
  .jp-cmp-ranking-list-003 .jp-cmp-ranking-column-details { display: table-cell; vertical-align: middle; }
  .jp-cmp-ranking-list-003 a .jp-cmp-ranking-title span { margin-left: 20px; font-size: 60%; vertical-align: 2px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-list-003 a.jp-cmp-table-column { padding: 20px 32px 20px 0.8em; }
  .jp-cmp-ranking-list-003 .jp-cmp-table-column { padding: 0px 0.8em; }
  .jp-cmp-ranking-list-003 a .jp-cmp-ranking-title { width: 86%; }
  .jp-cmp-ranking-list-003 .jp-cmp-list-inline-003 { margin-bottom: 15px; }
  .jp-cmp-ranking-list-003 .jp-cmp-list-inline-003 ul { text-align: right; }
  .jp-cmp-ranking-list-003 a .jp-cmp-ranking-title span { margin-left: 10px; font-size: 60%; vertical-align: 2px; }
}
.jp-cmp-ranking-list-004-header { display: flex; justify-content: space-between; margin-bottom: 9px; }
.jp-cmp-ranking-list-004 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; }
.jp-cmp-ranking-list-004::before { content: ""; display: block; width: 171px; height: 0px; order: 1; }
.jp-cmp-ranking-list-004::after { content: ""; display: block; width: 171px; height: 0px; }
.jp-cmp-ranking-list-004 li { flex: 0 0 171px; width: 171px; border: 2px solid rgb(231, 231, 231); margin-bottom: 10px; }
.jp-cmp-ranking-list-004 li a { color: rgb(59, 59, 59); }
.jp-cmp-ranking-list-004 li .jp-cmp-ranking-column-image figure img { width: 100%; }
.jp-cmp-ranking-list-004 li .jp-cmp-ranking-column-details .jp-cmp-movie-status-001 { padding: 15px 8px 0px 15px; }
.jp-cmp-ranking-list-004 li .jp-cmp-ranking-column-details .jp-cmp-movie-status-001 > .title { line-height: 1.4; margin-bottom: 4px; min-height: 2.7em; }
.jp-cmp-ranking-list-004 li .jp-cmp-ranking-column-details .jp-cmp-movie-status-001 > .user::before { content: ""; display: inline-block; width: 14px; height: 12px; margin-right: 4px; background: url("/web/web/img/sub-ico-user-001.png") 0px 0px no-repeat; vertical-align: middle; }
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-list-004-header { display: block; }
  .jp-cmp-ranking-list-004 li { flex: 0 0 47%; width: 47%; }
  .jp-cmp-ranking-list-004 li .jp-cmp-ranking-column-details .jp-cmp-movie-status-001 { padding: 9px 5px 0px 10px; }
}
.jp-cmp-btn-pager-001 { text-align: center; }
.jp-cmp-btn-pager-001 > div, .jp-cmp-btn-pager-001 > ol, .jp-cmp-btn-pager-001 > ol li, .jp-cmp-btn-pager-001 .jp-cmp-sp-none > div, .jp-cmp-btn-pager-001 .jp-cmp-sp-none > ol, .jp-cmp-btn-pager-001 .jp-cmp-sp-none > ol li { display: inline-block; font-size: 0px; }
.jp-cmp-btn-pager-001 a { display: block; box-sizing: border-box; color: rgb(59, 59, 59); font-size: 12px; font-weight: bold; }
.jp-cmp-btn-pager-001 a:hover { text-decoration: none; opacity: 0.7; }
.jp-cmp-btn-pager-001 > div, .jp-cmp-btn-pager-001 .jp-cmp-sp-none > div { vertical-align: top; }
.jp-cmp-btn-pager-001 > ol a, .jp-cmp-btn-pager-001 div > ol a { color: rgb(215, 14, 24); font-family: Arial, Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif; }
.jp-cmp-btn-pager-001 > ol .jp-cmp-active a, .jp-cmp-btn-pager-001 div > ol .jp-cmp-active a { color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
  .jp-cmp-btn-pager-001 { margin-top: 30px; }
  .jp-cmp-btn-pager-prev a { margin-right: 17px; }
  .jp-cmp-btn-pager-prev a::before { content: ""; display: inline-block; width: 6px; height: 10px; margin-right: 12px; background: url("/web/feature/img/ico-pager-003.png") 0px 50% no-repeat; color: rgb(59, 59, 59); }
  .jp-cmp-btn-pager-next a { margin-left: 17px; }
  .jp-cmp-btn-pager-next a::after { content: ""; display: inline-block; width: 6px; height: 10px; margin-left: 12px; background: url("/web/feature/img/ico-pager-004.png") 0px 50% no-repeat; color: rgb(59, 59, 59); }
  .jp-cmp-btn-pager-001 > ol, .jp-cmp-btn-pager-001 .jp-cmp-sp-none > ol { position: relative; top: -10px; text-align: center; }
  .jp-cmp-btn-pager-001 > ol li, .jp-cmp-btn-pager-001 .jp-cmp-sp-none > ol li { width: 32px; height: 32px; }
  .jp-cmp-btn-pager-001 > ol:first-of-type li, .jp-cmp-btn-pager-001 .jp-cmp-sp-none > ol:first-of-type li { margin: 0px 5px; }
  .jp-cmp-btn-pager-001 > ol a, .jp-cmp-btn-pager-001 .jp-cmp-sp-none > ol a { height: 100%; line-height: 1; padding-top: 7px; border-radius: 32px; border: 2px solid rgb(215, 14, 24); background: rgb(255, 255, 255); font-size: 14px; }
  .jp-cmp-btn-pager-001 .jp-cmp-sp-none > ol a { border: 2px solid rgb(215, 14, 24); background: rgb(255, 255, 255); color: rgb(215, 14, 24); }
  .jp-cmp-btn-pager-001 > ol .jp-cmp-active a, .jp-cmp-btn-pager-001 .jp-cmp-sp-none > ol .jp-cmp-active a { background: rgb(215, 14, 24); }
  .jp-cmp-btn-pager-001:not(.jp-cmp-btn-pager-small):not(.jp-cmp-btn-pager-first) > div.jp-cmp-sp-none ol li:nth-child(2) { position: relative; margin-left: 30px; }
  .jp-cmp-btn-pager-001:not(.jp-cmp-btn-pager-small):not(.jp-cmp-btn-pager-first) > div.jp-cmp-sp-none ol li:nth-child(2)::before { content: "..."; position: absolute; top: 25%; left: -38px; display: inline-block; width: 40px; color: rgb(161, 177, 191); font-size: 12px; text-align: center; }
  .jp-cmp-btn-pager-001 > ol li:last-child { margin: 0px 5px; }
  .jp-cmp-btn-pager-001 > ol li:last-child::before { content: ""; display: none; }
  .jp-cmp-btn-pager-001:not(.jp-cmp-btn-pager-small):not(.jp-cmp-btn-pager-last) > div.jp-cmp-sp-none ol li:nth-child(6) { position: relative; margin-left: 30px; }
  .jp-cmp-btn-pager-001:not(.jp-cmp-btn-pager-small):not(.jp-cmp-btn-pager-last) > div.jp-cmp-sp-none ol li:nth-child(6)::before { content: "..."; position: absolute; top: 25%; left: -38px; display: inline-block; width: 40px; color: rgb(161, 177, 191); font-size: 12px; text-align: center; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-prev, .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-next { min-width: 110px; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-prev a { text-align: right; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-next a { text-align: left; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-btn-pager-001 { position: relative; padding-bottom: 10px; }
  .jp-cmp-btn-pager-prev a { position: absolute; top: 20px; left: 8px; width: 13px; height: 21px; background: url("/web/feature/img/smp/ico-pager-003.png") 0px 50% / 13px 21px no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; }
  .jp-cmp-btn-pager-next a { position: absolute; top: 20px; right: 8px; width: 13px; height: 21px; background: url("/web/feature/img/smp/ico-pager-004.png") 100% 50% / 13px 21px no-repeat; text-indent: -100%; white-space: nowrap; overflow: hidden; }
  .jp-cmp-btn-pager-001 > ol { position: relative; top: 8px; text-align: center; }
  .jp-cmp-btn-pager-001 > ol li, .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div > div { width: 42px; height: 42px; }
  .jp-cmp-btn-pager-001 > ol:first-of-type li { margin: 0px 4px; }
  .jp-cmp-btn-pager-001 > ol a, .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div > div a { height: 100%; line-height: 1; padding-top: 11px; border-radius: 42px; border: 2px solid rgb(215, 14, 24); background: rgb(255, 255, 255); font-size: 17px; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div > div a { border: 2px solid rgb(215, 14, 24); }
  .jp-cmp-btn-pager-001 > ol .jp-cmp-active a { background: rgb(215, 14, 24); }
  .jp-cmp-btn-pager-001 > ol li:nth-child(4), .jp-cmp-btn-pager-001 > ol li:nth-child(5) { display: none; }
  .jp-cmp-btn-pager-001 > ol li:nth-child(6) { position: relative; margin-left: 30px; }
  .jp-cmp-btn-pager-001 > ol li:nth-child(6)::before { content: "..."; position: absolute; top: 25%; left: -38px; display: inline-block; width: 40px; color: rgb(59, 59, 59); font-size: 12px; text-align: center; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner { display: table; width: 100%; margin-top: 10px; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div { display: table-cell; width: 33.3%; vertical-align: middle; text-align: center; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-prev { text-align: left; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-next { text-align: right; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-next > div, .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-prev > div { display: inline-block; text-align: center; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-prev > div { margin-left: 3%; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-next > div { margin-right: 3%; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div.jp-cmp-active { font-size: 16px; color: rgb(59, 59, 59); }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a { text-indent: -9999px; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-first, .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-next, .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-prev, .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-last { background-size: 19px; background-repeat: no-repeat; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-first, .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-prev { background-position: 8px 50%; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-next, .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-last { background-position: 12px 50%; }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-first { background-image: url("/web/feature/img/ico-arrow-027.png"); }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-prev { background-image: url("/web/feature/img/ico-arrow-028.png"); }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-next { background-image: url("/web/feature/img/ico-arrow-029.png"); }
  .jp-cmp-btn-pager-001 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-last { background-image: url("/web/feature/img/ico-arrow-030.png"); }
}
.jp-cmp-btn-pager-002 { text-align: center; }
.jp-cmp-btn-pager-002 > div, .jp-cmp-btn-pager-002 > ol, .jp-cmp-btn-pager-002 > ol li, .jp-cmp-btn-pager-002 .jp-cmp-sp-none > div, .jp-cmp-btn-pager-002 .jp-cmp-sp-none > ol, .jp-cmp-btn-pager-002 .jp-cmp-sp-none > ol li { display: inline-block; font-size: 0px; }
.jp-cmp-btn-pager-002 a { display: block; box-sizing: border-box; color: rgb(59, 59, 59); font-size: 12px; font-weight: bold; }
.jp-cmp-btn-pager-002 a:hover { text-decoration: none; opacity: 0.7; }
.jp-cmp-btn-pager-002 > div, .jp-cmp-btn-pager-002 .jp-cmp-sp-none > div { vertical-align: top; }
.jp-cmp-btn-pager-002 > ol a, .jp-cmp-btn-pager-002 div > ol a { color: rgb(215, 14, 24); font-family: Arial, Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif; }
.jp-cmp-btn-pager-002 > ol .jp-cmp-active a, .jp-cmp-btn-pager-002 div > ol .jp-cmp-active a { color: rgb(29, 32, 37); }
@media screen and (min-width: 768px) {
  .jp-cmp-btn-pager-002 { margin-top: 20px; }
  .jp-cmp-btn-pager-prev a { margin-right: 17px; }
  .jp-cmp-btn-pager-prev a::before { content: ""; display: inline-block; width: 6px; height: 10px; margin-right: 12px; background: url("/web/feature/img/ico-pager-003.png") 0px 50% no-repeat; color: rgb(59, 59, 59); }
  .jp-cmp-btn-pager-next a { margin-left: 17px; }
  .jp-cmp-btn-pager-next a::after { content: ""; display: inline-block; width: 6px; height: 10px; margin-left: 12px; background: url("/web/feature/img/ico-pager-004.png") 0px 50% no-repeat; color: rgb(59, 59, 59); }
  .jp-cmp-btn-pager-002 > ol, .jp-cmp-btn-pager-002 .jp-cmp-sp-none > ol { position: relative; top: -10px; text-align: center; }
  .jp-cmp-btn-pager-002 > ol li, .jp-cmp-btn-pager-002 .jp-cmp-sp-none > ol li { width: 32px; height: 32px; }
  .jp-cmp-btn-pager-002 > ol:first-of-type li, .jp-cmp-btn-pager-002 .jp-cmp-sp-none > ol:first-of-type li { margin: 0px 5px; }
  .jp-cmp-btn-pager-002 > ol a, .jp-cmp-btn-pager-002 .jp-cmp-sp-none > ol a { height: 100%; line-height: 1; padding-top: 7px; border-radius: 32px; border: 2px solid rgb(215, 14, 24); background: rgb(255, 255, 255); font-size: 14px; }
  .jp-cmp-btn-pager-002 .jp-cmp-sp-none > ol a { border: 2px solid rgb(161, 177, 191); background: rgb(27, 30, 34); color: rgb(161, 177, 191); }
  .jp-cmp-btn-pager-002 > ol .jp-cmp-active a, .jp-cmp-btn-pager-002 .jp-cmp-sp-none > ol .jp-cmp-active a { background: rgb(161, 177, 191); }
  .jp-cmp-btn-pager-002:not(.jp-cmp-btn-pager-small):not(.jp-cmp-btn-pager-first) > div.jp-cmp-sp-none ol li:nth-child(2) { position: relative; margin-left: 30px; }
  .jp-cmp-btn-pager-002:not(.jp-cmp-btn-pager-small):not(.jp-cmp-btn-pager-first) > div.jp-cmp-sp-none ol li:nth-child(2)::before { content: "..."; position: absolute; top: 25%; left: -38px; display: inline-block; width: 40px; color: rgb(161, 177, 191); font-size: 12px; text-align: center; }
  .jp-cmp-btn-pager-002 > ol li:last-child { margin: 0px 5px; }
  .jp-cmp-btn-pager-002 > ol li:last-child::before { content: ""; display: none; }
  .jp-cmp-btn-pager-002:not(.jp-cmp-btn-pager-small):not(.jp-cmp-btn-pager-last) > div.jp-cmp-sp-none ol li:nth-child(6) { position: relative; margin-left: 30px; }
  .jp-cmp-btn-pager-002:not(.jp-cmp-btn-pager-small):not(.jp-cmp-btn-pager-last) > div.jp-cmp-sp-none ol li:nth-child(6)::before { content: "..."; position: absolute; top: 25%; left: -38px; display: inline-block; width: 40px; color: rgb(161, 177, 191); font-size: 12px; text-align: center; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-prev, .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-next { min-width: 110px; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-prev a { text-align: right; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-next a { text-align: left; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-btn-pager-002 { position: relative; padding-bottom: 10px; }
  .jp-cmp-btn-pager-prev a { position: absolute; top: 20px; left: 8px; width: 13px; height: 21px; background: url("/web/feature/img/smp/ico-pager-003.png") 0px 50% / 13px 21px no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; }
  .jp-cmp-btn-pager-next a { position: absolute; top: 20px; right: 8px; width: 13px; height: 21px; background: url("/web/feature/img/smp/ico-pager-004.png") 100% 50% / 13px 21px no-repeat; text-indent: -100%; white-space: nowrap; overflow: hidden; }
  .jp-cmp-btn-pager-002 > ol { position: relative; top: 8px; text-align: center; }
  .jp-cmp-btn-pager-002 > ol li, .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div > div { width: 42px; height: 42px; }
  .jp-cmp-btn-pager-002 > ol:first-of-type li { margin: 0px 4px; }
  .jp-cmp-btn-pager-002 > ol a, .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div > div a { height: 100%; line-height: 1; padding-top: 11px; border-radius: 42px; border: 2px solid rgb(215, 14, 24); background: rgb(255, 255, 255); font-size: 17px; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div > div a { border: 2px solid rgb(161, 177, 191); }
  .jp-cmp-btn-pager-002 > ol .jp-cmp-active a { background: rgb(215, 14, 24); }
  .jp-cmp-btn-pager-002 > ol li:nth-child(4), .jp-cmp-btn-pager-002 > ol li:nth-child(5) { display: none; }
  .jp-cmp-btn-pager-002 > ol li:nth-child(6) { position: relative; margin-left: 30px; }
  .jp-cmp-btn-pager-002 > ol li:nth-child(6)::before { content: "..."; position: absolute; top: 25%; left: -38px; display: inline-block; width: 40px; color: rgb(59, 59, 59); font-size: 12px; text-align: center; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner { display: table; width: 100%; margin-top: 10px; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div { display: table-cell; width: 33.3%; vertical-align: middle; text-align: center; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-prev { text-align: left; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-next { text-align: right; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-next > div, .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-prev > div { display: inline-block; text-align: center; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-prev > div { margin-left: 3%; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div.jp-cmp-wrap-next > div { margin-right: 3%; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div.jp-cmp-active { font-size: 16px; color: rgb(164, 180, 194); }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a { text-indent: -9999px; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-first, .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-next, .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-prev, .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-last { background-size: 19px; background-repeat: no-repeat; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-first, .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-prev { background-position: 8px 50%; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-next, .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-last { background-position: 12px 50%; }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-first { background-image: url("/web/feature/img/ico-arrow-031.png"); background-color: rgb(27, 30, 34); }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-prev { background-image: url("/web/feature/img/ico-arrow-032.png"); background-color: rgb(27, 30, 34); }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-next { background-image: url("/web/feature/img/ico-arrow-033.png"); background-color: rgb(27, 30, 34); }
  .jp-cmp-btn-pager-002 .jp-cmp-btn-pager-inner > div a.jp-cmp-btn-pager-last { background-image: url("/web/feature/img/ico-arrow-034.png"); background-color: rgb(27, 30, 34); }
}
@media screen and (min-width: 768px) {
  .jp-cmp-link-001 { display: inline-block; padding-left: 15px; background: url("/web/feature/img/ico-arrow-001.png") 0px 0.4em no-repeat; word-break: break-all; overflow-wrap: break-word; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-link-001 { display: inline-block; padding-left: 12px; background: url("/web/feature/img/smp/ico-arrow-001.png") 0px 0.4em / 6px 7px no-repeat; word-break: break-all; overflow-wrap: break-word; }
}
.jp-cmp-link-002 { display: inline-block; }
@media screen and (min-width: 768px) {
  .jp-cmp-link-002 { padding-right: 20px; background: url("/web/feature/img/ico-arrow-003.png") 100% 50% / 10px 6px no-repeat; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-link-002 { padding-right: 21px; background: url("/web/feature/img/ico-arrow-003.png") 100% 50% / 14px 8px no-repeat; width: 100%; box-sizing: border-box; }
}
.jp-cmp-blank-001::after { content: ""; display: inline-block; }
@media screen and (min-width: 768px) {
  .jp-cmp-blank-001::after { width: 11px; height: 9px; padding-left: 16px; margin-left: 4px; background: url("/web/feature/img/ico-blank-001.gif") 0px 0px / 11px 9px no-repeat; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-blank-001::after { width: 16px; height: 13px; margin-left: 16px; background: url("/web/feature/img/smp/ico-blank-001.gif") 0px 0px / 16px 13px no-repeat; }
}
a.jp-cmp-link-block-001:hover, .jp-cmp-link-block-001 a:hover { text-decoration: none; opacity: 0.7; }
@media screen and (min-width: 768px) {
  a.jp-cmp-link-block-001, .jp-cmp-link-block-001 a { display: block; padding-right: 40px; background: url("/web/feature/img/smp/ico-arrow-002.png") 98% 50% / 8px 15px no-repeat; }
  .jp-cmp-table-column-001 a.jp-cmp-link-block-001, .jp-cmp-table-column-001 .jp-cmp-link-block-001 a { background-position: 97% 50%; }
}
@media screen and (max-width: 767px) {
  a.jp-cmp-link-block-001, .jp-cmp-ranking-list-001 li > a { display: block; padding-right: 30px; background: url("/web/feature/img/smp/ico-arrow-007.png") 98% 50% / 10px 20px no-repeat; }
}
a.jp-cmp-link-block-002:hover, .jp-cmp-link-block-002 a:hover { text-decoration: none; opacity: 0.7; }
@media screen and (min-width: 768px) {
  a.jp-cmp-link-block-002, .jp-cmp-link-block-002 a { display: block; padding-right: 45px; background: url("/web/feature/img/ico-arrow-007.png") 98% 50% / 10px 17px no-repeat; }
  .jp-cmp-table-column-001 a.jp-cmp-link-block-002, .jp-cmp-table-column-001 .jp-cmp-link-block-002 a { background-position: 97% 50%; }
}
@media screen and (max-width: 767px) {
  a.jp-cmp-link-block-002 { display: block; padding-right: 30px; background: url("/web/feature/img/smp/ico-arrow-007.png") 98% 50% / 10px 20px no-repeat; }
}
a.jp-cmp-link-block-003:hover, .jp-cmp-link-block-003 a:hover { text-decoration: none; opacity: 0.7; }
@media screen and (min-width: 768px) {
  a.jp-cmp-link-block-003, .jp-cmp-link-block-003 a { display: block; padding-right: 45px; background: url("/web/feature/img/ico-arrow-012.png") 98% 50% / 16px 28px no-repeat; }
  .jp-cmp-table-column-001 a.jp-cmp-link-block-003, .jp-cmp-table-column-001 .jp-cmp-link-block-003 a { background-position: 97% 50%; }
}
@media screen and (max-width: 767px) {
  a.jp-cmp-link-block-003 { display: block; padding-right: 30px; background: url("/web/feature/img/smp/ico-arrow-007.png") 98% 50% / 10px 20px no-repeat; }
}
.jp-cmp-readmore-001 { text-align: right; }
@media screen and (min-width: 768px) {
  .jp-cmp-readmore-001 { font-size: 120%; }
}
.jp-cmp-btn-red-001 { display: inline-block; padding: 5px 12px 4px 27px; border-radius: 3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 13px 50% / 6px 8px no-repeat rgb(215, 14, 24); font-size: 120%; font-weight: bold; color: rgb(255, 255, 255) !important; }
.jp-cmp-btn-red-001:hover { text-decoration: none; opacity: 0.7; color: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .jp-cmp-btn-red-001 { padding: 5px 10px 4px 20px; background-position: 9px 50%; font-size: 100%; }
}
.jp-cmp-btn-red-002 { display: inline-block; padding: 3px 8px 2px 18px; border-radius: 3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 8px 50% / 6px 8px no-repeat rgb(215, 14, 24); font-weight: bold; line-height: 1.4; color: rgb(255, 255, 255) !important; }
.jp-cmp-btn-red-002:hover { text-decoration: none; opacity: 0.7; color: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .jp-cmp-btn-red-002 { font-size: 100%; }
}
.jp-cmp-btn-white-001 { display: inline-block; padding: 3px 11px 2px 26px; border-radius: 3px; border: 2px solid rgb(215, 14, 24); background: url("/web/feature/img/ico-arrow-006.png") 13px 50% / 7px 9px no-repeat rgb(255, 255, 255); font-size: 120%; font-weight: bold; color: rgb(215, 14, 24) !important; }
.jp-cmp-btn-white-001:hover { text-decoration: none; opacity: 0.7; color: rgb(215, 14, 24); }
@media screen and (max-width: 767px) {
  .jp-cmp-btn-white-001 { padding: 3px 10px 2px 20px; background-position: 9px 50%; font-size: 100%; }
}
.jp-cmp-btn-white-002 { display: inline-block; padding: 3px 12px 2px 27px; border-radius: 3px; border: 1px solid rgb(178, 178, 178); background: url("/web/feature/img/ico-arrow-013.png") 13px 50% / 7px 9px no-repeat rgb(255, 255, 255); font-size: 120%; font-weight: bold; color: rgb(61, 61, 61) !important; }
.jp-cmp-btn-white-002:hover { text-decoration: none; opacity: 0.7; color: rgb(215, 14, 24); }
@media screen and (max-width: 767px) {
  .jp-cmp-btn-white-002 { padding: 3px 10px 2px 20px; background-position: 9px 50%; font-size: 100%; }
}
.jp-cmp-btn-black-001 { display: inline-block; padding: 5px 12px 4px 27px; border-radius: 3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 13px 50% / 6px 8px no-repeat rgb(61, 61, 61); font-size: 120%; font-weight: bold; color: rgb(255, 255, 255) !important; }
.jp-cmp-btn-black-001:hover { text-decoration: none; opacity: 0.7; color: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .jp-cmp-btn-black-001 { padding: 5px 10px 4px 20px; background-position: 9px 50%; font-size: 100%; }
}
.jp-cmp-btn-black-002:hover { opacity: 0.75; color: rgb(255, 255, 255); }
.jp-cmp-btn-black-002 { display: inline-block; height: 40px; width: 100%; box-sizing: border-box; border-radius: 3px; border: 0px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 135%; vertical-align: middle; text-align: center; padding: 8px 0px 0px; }
.jp-cmp-btn-blank-001 { background-image: none; color: rgb(255, 255, 255); font-size: 120%; font-weight: bold; }
.jp-cmp-btn-blank-001::after { content: ""; display: inline-block; width: 12px; height: 10px; background: url("/web/feature/img/ico-blank-002.gif") 0px 0px / 12px 10px no-repeat; }
@media screen and (min-width: 768px) {
  .jp-cmp-btn-blank-001 { padding: 5px 12px 4px; }
  .jp-cmp-btn-blank-001::after { margin-left: 12px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-btn-blank-001 { padding: 5px 10px 4px; font-size: 12px; }
  .jp-cmp-btn-blank-001::after { margin-left: 4px; }
}
.jp-cmp-btn-gray-001 { display: inline-block; padding: 5px 10px 4px 24px; border-radius: 3px; background: url("/web/feature/img/ico-arrow-001.png") 11px 50% / 6px 7px no-repeat rgb(242, 245, 248); font-size: 120%; font-weight: bold; color: rgb(59, 59, 59) !important; }
.jp-cmp-btn-gray-001:hover { text-decoration: none; opacity: 0.7; color: rgb(59, 59, 59); }
@media screen and (max-width: 767px) {
  .jp-cmp-btn-gray-001 { padding: 5px 10px 4px 20px; background-position: 7px 50%; font-size: 100%; }
}
.jp-cmp-btn-gray-002 { display: inline-block; padding: 5px 12px 4px 27px; border-radius: 3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 13px 50% / 6px 8px no-repeat rgb(112, 112, 112); font-size: 120%; font-weight: bold; color: rgb(255, 255, 255) !important; }
.jp-cmp-btn-gray-002:hover { text-decoration: none; opacity: 0.7; color: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .jp-cmp-btn-gray-002 { padding: 5px 10px 4px 20px; background-position: 9px 50%; font-size: 100%; }
}
.jp-cmp-btn-orange-001 { display: inline-block; padding: 5px 12px 4px 27px; border-radius: 3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 13px 50% / 6px 8px no-repeat rgb(246, 98, 0); font-size: 120%; font-weight: bold; color: rgb(255, 255, 255) !important; }
.jp-cmp-btn-orange-001:hover { text-decoration: none; opacity: 0.7; color: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .jp-cmp-btn-orange-001 { padding: 5px 10px 4px 20px; background-position: 9px 50%; font-size: 100%; }
}
a.jp-cmp-btn-border-001 { display: inline-block; padding: 4px 11px 4px 8px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(178, 178, 178); background: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 120%; }
.jp-cmp-btn-border-001 img { max-width: 92px; margin-right: 8px; vertical-align: middle; }
a.jp-cmp-btn-border-001:hover { text-decoration: none; opacity: 0.7; color: rgb(51, 51, 51); }
a.jp-cmp-btn-border-001:hover img { opacity: 1; }
@media screen and (max-width: 767px) {
  a.jp-cmp-btn-border-001 { padding: 4px 6px; font-size: 90%; width: 100%; }
  .jp-cmp-btn-border-001 img { max-width: 81px; margin-right: 4px; }
}
.jp-cmp-btn-disabled-001 { cursor: default; display: inline-block; box-sizing: border-box; border-radius: 3px; background: rgb(220, 220, 220); text-align: center; }
@media screen and (min-width: 768px) {
  .jp-cmp-btn-disabled-001 { width: 164px; padding: 10px; font-size: 120%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-btn-disabled-001 { width: 150px; padding: 10px; font-size: 90%; }
}
.jp-cmp-btn-net-001 { display: inline-block; padding: 8px 14px 7px 35px; border-radius: 3px; background: url("/web/feature/img/ico-net-001.png") 11px 50% / 18px 17px no-repeat rgb(61, 61, 61); font-size: 120%; font-weight: bold; color: rgb(255, 255, 255) !important; }
.jp-cmp-btn-net-001:hover { text-decoration: none; opacity: 0.7; color: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .jp-cmp-btn-net-001 { background: url("/web/feature/img/ico-net-001.png") 8px 50% / 15px 14px no-repeat rgb(61, 61, 61); font-size: 100%; }
}
.jp-cmp-btn-settings-001 { display: inline-block; width: 36px; height: 36px; border-radius: 3px; background: url("/web/feature/img/ico-settings-001.png") 50% 50% / 18px 18px no-repeat rgb(61, 61, 61); font-weight: bold; text-indent: 100%; white-space: nowrap; overflow: hidden; vertical-align: top; color: rgb(255, 255, 255) !important; }
.jp-cmp-btn-settings-001:hover { text-decoration: none; opacity: 0.7; color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
  .jp-cmp-text-001 p { margin-bottom: 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-text-001 p { margin-bottom: 1.2em; }
}
.jp-cmp-annotation-001 { color: rgb(59, 59, 59); }
@media screen and (min-width: 768px) {
  .jp-cmp-annotation-001 { margin: -10px 0px 30px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-annotation-001 { margin: 1.2em 3%; }
}
.jp-cmp-error { color: rgb(215, 14, 24); }
.jp-cmp-select-search-001 + .jp-cmp-error { margin: -10px 0px 20px; }
.jp-cmp-question-001 { display: inline-block; }
@media screen and (min-width: 768px) {
  .jp-cmp-question-001 { font-size: 120%; }
  .jp-cmp-question-001::before { content: ""; display: inline-block; width: 16px; height: 16px; padding-right: 7px; background: url("/web/feature/img/ico-question-001.png") 0px 0px / 16px 16px no-repeat; vertical-align: middle; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-question-001::before { content: ""; display: inline-block; width: 14px; height: 14px; margin: 0px 2px 0px 0px; background: url("/web/feature/img/ico-question-001.png") 0px 0px / 14px 14px no-repeat; vertical-align: middle; }
}
.jp-cmp-select-002 { padding-left: 10px; border-radius: 2px; border: 1px solid rgb(182, 182, 182); box-sizing: border-box; font-size: 14px; font-weight: bold; }
.easy-select-box { cursor: pointer; box-sizing: border-box; background: rgb(255, 255, 255); overflow: hidden; color: rgb(68, 68, 68); font-size: 120%; }
.esb-displayer { background: url("/web/feature/img/ico-arrow-003.png") 15px 50% / 14px 8px no-repeat; font-weight: bold !important; }
.esb-dropdown { cursor: pointer; z-index: 100000; display: none; position: absolute; overflow: auto; box-sizing: border-box; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); }
.esb-item { display: inline-block; width: 100%; box-sizing: border-box; }
.esb-item:hover { background: rgb(238, 238, 238); }
@media screen and (min-width: 768px) {
  .jp-cmp-select-002 { width: 100%; height: 40px; line-height: 40px; }
  .jp-cmp-select-design + .easy-select-box .esb-displayer { height: 30px; line-height: 30px; margin: 4px 0px; padding-left: 36px; }
  .jp-cmp-select-design + .easy-select-box .esb-dropdown { width: 150px; max-height: 200px; }
  .jp-cmp-select-design + .easy-select-box .esb-item { line-height: 30px; padding: 10px 0px 10px 20px; }
  .esb-item { }
  .esb-item:hover { background: rgb(238, 238, 238); }
}
@media screen and (max-width: 767px) {
  .jp-cmp-select-002 { width: 100%; height: 40px; line-height: 40px; }
  .jp-cmp-select-design + .easy-select-box .esb-displayer { height: 30px; line-height: 30px; margin: 4px 0px; text-align: center; background: none; }
  .jp-cmp-select-design + .easy-select-box .esb-displayer::before { content: ""; display: inline-block; width: 14px; height: 8px; margin: 0px 10px 0px -24px; background: url("/web/feature/img/ico-arrow-003.png") 0px 50% / 14px 8px no-repeat; }
  .jp-cmp-select-design + .easy-select-box .esb-dropdown { overflow: visible; max-height: 200px; }
  .jp-cmp-select-design + .easy-select-box .esb-item { padding: 1em 0px 1em 10px; }
  .esb-item:hover { background: rgb(238, 238, 238); }
}
.jp-cmp-input-001 { width: 100%; height: 40px; padding-left: 14px; border: 1px solid rgb(182, 182, 182); box-sizing: border-box; border-radius: 2px; }
.jp-cmp-input-002 { width: 100%; height: 40px; padding-left: 14px; border: 1px solid rgb(59, 59, 59); box-sizing: border-box; border-radius: 2px; }
.jp-cmp-search-block-002 input { border: 0px; box-sizing: border-box; border-radius: 2px; }
@media screen and (min-width: 768px) {
  .jp-cmp-search-block-002 input { padding-left: 14px; height: 38px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-search-block-002 input { padding-left: 8px; height: 38px; }
}
.jp-cmp-radio-list-001 > ul { height: auto; }
.jp-cmp-radio-list-001 > ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-radio-list-001 li { position: relative; display: table; }
.jp-cmp-radio-list-001 input { position: absolute; left: 0px; opacity: 0; }
.jp-cmp-radio-list-001 label { display: table-cell; box-sizing: border-box; border-radius: 3px; background: url("/web/feature/img/ico-radio-001.png") 11px 50% / 16px 17px no-repeat rgb(242, 245, 248); line-height: 1.4; vertical-align: middle; cursor: pointer; }
.jp-cmp-radio-list-001 input:checked + label { background: url("/web/feature/img/ico-radio-001-checked.png") 11px 50% / 16px 17px no-repeat rgb(220, 226, 231); }
@media screen and (min-width: 768px) {
  .jp-cmp-radio-list-001 { margin: 0px -1% 0.6em 0px; }
  .jp-cmp-radio-list-001 li { float: left; margin: 0px 1% 0.8em 0px; width: 20%; height: 40px; }
  .jp-cmp-radio-list-001 li:last-child { margin-right: 0px; }
  .jp-cmp-radio-list-001 label { padding: 0px 5px 0px 36px; font-size: 135%; }
}
@media screen and (max-width: 0px) and (min-width: 0px) {
  .jp-cmp-radio-list-001 li { float: left; margin: 0px 1% 0.8em 0px; width: 24%; height: 40px; }
  .jp-cmp-radio-list-001 li:last-child { margin-right: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-radio-list-001 { margin: 0px -2% 0.9em 0px; }
  .jp-cmp-radio-list-001 li { float: left; margin: 0px 2% 0.8em 0px; width: 31%; height: 35px; }
  .jp-cmp-radio-list-001 li.jp-cmp-radio-all { float: none; width: 50%; }
  .jp-cmp-radio-list-001 li:last-child { margin-right: 0px; }
  .jp-cmp-radio-list-001 label { line-height: 1.2; padding: 0px 5px 0px 32px; font-size: 0.9em; }
}
.jp-cmp-radio-list-002 > ul { height: auto; }
.jp-cmp-radio-list-002 > ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-radio-list-002 li { position: relative; display: table; }
.jp-cmp-radio-list-002 input { position: absolute; left: 0px; opacity: 0; }
.jp-cmp-radio-list-002 label { display: table-cell; box-sizing: border-box; border-radius: 3px; background: url("/web/feature/img/ico-radio-001.png") 11px 50% / 16px 17px no-repeat rgb(242, 245, 248); line-height: 1.4; vertical-align: middle; cursor: pointer; }
.jp-cmp-radio-list-002 input:checked + label { background: url("/web/feature/img/ico-radio-001-checked.png") 11px 50% / 16px 17px no-repeat rgb(220, 226, 231); }
@media screen and (min-width: 768px) {
  .jp-cmp-radio-list-002 { margin: 0px -1% 0.6em 0px; }
  .jp-cmp-radio-list-002 li { float: left; margin: 0px 1.25% 0.8em 0px; width: 13%; min-width: 96px; height: 40px; }
  .jp-cmp-radio-list-002 li:last-child { margin-right: 0px; }
  .jp-cmp-radio-list-002 label { padding: 0px 5px 0px 36px; }
  .jp-cmp-radio-collection { width: 115px !important; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-radio-list-002 { margin: 0px -2% 0.9em 0px; }
  .jp-cmp-radio-list-002 li { float: left; margin: 0px 5px 0.8em 0px; width: 31%; min-width: 86px; height: 35px; }
  .jp-cmp-radio-list-002 li.jp-cmp-radio-all { float: none; width: 50%; }
  .jp-cmp-radio-list-002 li:last-child { margin-right: 0px; }
  .jp-cmp-radio-list-002 li:nth-child(3n) { margin-right: 0px; }
  .jp-cmp-radio-list-002 label { line-height: 1.2; padding: 0px 5px 0px 32px; font-size: 0.9em; }
  .jp-cmp-radio-collection { width: 105px !important; }
}
.jp-cmp-check-list-001 > ul { height: auto; }
.jp-cmp-check-list-001 > ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-check-list-001 li { position: relative; display: table; }
.jp-cmp-check-list-001 input { position: absolute; left: 0px; opacity: 0; }
.jp-cmp-check-list-001 label { display: table-cell; box-sizing: border-box; border-radius: 3px; background: url("/web/feature/img/ico-checkbox-001.png") 11px 50% / 14px 15px no-repeat rgb(242, 245, 248); line-height: 1.4; vertical-align: middle; cursor: pointer; word-break: break-all; }
.jp-cmp-check-list-001 input:checked + label { background: url("/web/feature/img/ico-checkbox-001-checked.png") 11px 50% / 14px 15px no-repeat rgb(220, 226, 231); }
@media screen and (min-width: 768px) {
  .jp-cmp-check-list-001 { margin: 0px -10px 0.6em 0px; }
  .jp-cmp-check-list-001 li { float: left; margin: 0px 1.25% 0.8em 0px; width: 13%; min-width: 96px; height: 40px; }
  #jp-cmp-main .jp-cmp-check-list-001 li.jp-cmp-check-list-l { width: 14%; }
  .jp-cmp-check-list-001 li:last-child { margin-right: 0px; }
  .jp-cmp-check-list-001 label { padding: 0px 5px 0px 30px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-check-list-001 { margin: 0px -0.4em 0.9em 0px; }
  .jp-cmp-check-list-001 li { float: left; margin: 0px 0.4em 0.8em 0px; width: 31%; height: 40px; }
  .jp-cmp-check-list-001 li:last-child { margin-right: 0px; }
  #jp-cmp-main .jp-cmp-check-list-001 li.jp-cmp-check-list-l { width: 35%; }
  .jp-cmp-check-list-001 label { line-height: 1.2; padding: 0px 5px 0px 32px; font-size: 0.9em; }
}
.jp-cmp-check-list-002 { font-size: 135%; }
.jp-cmp-check-list-002 > ul { height: auto; }
.jp-cmp-check-list-002 > ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-check-list-002 li { position: relative; display: table; }
.jp-cmp-check-list-002 input { position: absolute; left: 0px; opacity: 0; }
.jp-cmp-check-list-002 label { display: table-cell; box-sizing: border-box; border-radius: 3px; background: url("/web/feature/img/ico-checkbox-001.png") 11px 50% / 14px 15px no-repeat rgb(242, 245, 248); line-height: 1.4; vertical-align: middle; cursor: pointer; word-break: break-all; }
.jp-cmp-check-list-002 input:checked + label { background: url("/web/feature/img/ico-checkbox-001-checked.png") 11px 50% / 14px 15px no-repeat rgb(220, 226, 231); }
@media screen and (min-width: 768px) {
  .jp-cmp-check-list-002 { margin: 0px -10px 0.6em 0px; }
  .jp-cmp-check-list-002 li { float: left; margin: 0px 1.25% 0.8em 0px; width: 13%; min-width: 96px; height: 50px; }
  #jp-cmp-main .jp-cmp-check-list-002 li.jp-cmp-check-list-l { width: 14%; }
  .jp-cmp-check-list-002 li:last-child { margin-right: 0px; }
  .jp-cmp-check-list-002 label { padding: 2px 5px 0px 30px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-check-list-002 { margin: 0px -0.4em 0.9em 0px; }
  .jp-cmp-check-list-002 li { float: left; margin: 0px 0.4em 0.8em 0px; width: 31%; height: 45px; }
  .jp-cmp-check-list-002 li:last-child { margin-right: 0px; }
  #jp-cmp-main .jp-cmp-check-list-002 li.jp-cmp-check-list-l { width: 35%; }
  .jp-cmp-check-list-002 label { line-height: 1.2; padding: 0px 6px 0px 30px; font-size: 0.8em; }
}
.jp-cmp-check-list-001 input[disabled] + label { cursor: default; background: url("/web/feature/img/ico-checkbox-001-checked-disabled.png") 11px 50% / 14px 15px no-repeat rgb(220, 226, 231); }
.jp-cmp-search-block-btn:hover { opacity: 0.75; }
.jp-cmp-search-block-btn button { display: inline-block; width: 100%; height: 40px; box-sizing: border-box; border-radius: 3px; border: 0px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 135%; vertical-align: middle; text-align: center; }
.jp-cmp-search-block-btn button img { display: inline-block; margin: -2px 15px 0px -31px; vertical-align: middle; }
button.jp-cmp-submit-btn-001:hover { opacity: 0.75; }
button.jp-cmp-submit-btn-001 { display: inline-block; height: 40px; padding: 5px 12px 4px 27px; box-sizing: border-box; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 13px 50% / 6px 8px no-repeat rgb(0, 0, 0); border-radius: 3px; border: 0px; color: rgb(255, 255, 255); font-size: 135%; vertical-align: middle; text-align: center; }
@media screen and (max-width: 767px) {
  button.jp-cmp-submit-btn-001 { padding: 5px 10px 4px 20px; background-position: 9px 50%; font-size: 120%; }
}
.jp-cmp-search-block-btn button.jp-cmp-mail-btn-001 { padding: 5px 12px 4px 27px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 13px 50% / 6px 8px no-repeat rgb(0, 0, 0); }
@media screen and (max-width: 767px) {
  .jp-cmp-search-block-btn button.jp-cmp-mail-btn-001 { padding: 5px 10px 4px 20px; background-position: 9px 50%; font-size: 100%; }
}
.jp-cmp-icon-001 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(153, 159, 165); background: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-icon-002 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(215, 14, 24); background: rgb(215, 14, 24); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-icon-003 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(215, 14, 24); background: rgb(255, 255, 255); color: rgb(215, 14, 24); font-size: 0.8em; font-weight: normal; }
.jp-cmp-icon-004 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(0, 160, 206); background: rgb(0, 160, 206); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-icon-005 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(255, 109, 171); background: rgb(255, 109, 171); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-icon-006 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(246, 179, 0); background: rgb(246, 179, 0); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; white-space: nowrap; }
.jp-cmp-icon-007 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(255, 126, 0); background: rgb(255, 126, 0); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-icon-007-02 { display: inline-block; padding: 3px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(255, 126, 0); background: rgb(255, 126, 0); color: rgb(255, 255, 255); font-size: 0.9em; font-weight: normal; }
.jp-cmp-icon-008 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(97, 197, 0); background: rgb(97, 197, 0); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-icon-009 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(0, 189, 236); background: rgb(0, 189, 236); color: rgb(255, 255, 255); font-size: 0.9em; font-weight: normal; }
.jp-cmp-icon-009-02 { display: inline-block; padding: 3px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(0, 189, 236); background: rgb(0, 189, 236); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-icon-010 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(61, 61, 61); background: rgb(61, 61, 61); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-001 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(68, 68, 68); background: rgb(68, 68, 68); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-002 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(153, 153, 153); background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-003 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(181, 181, 182); background: rgb(181, 181, 182); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-004 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(147, 203, 254); background: rgb(147, 203, 254); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-005 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(142, 23, 55); background: rgb(142, 23, 55); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-006 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(186, 146, 102); background: rgb(186, 146, 102); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-007 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(0, 0, 0); background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-008 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(60, 76, 169); background: rgb(60, 76, 169); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-009 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(180, 82, 133); background: rgb(180, 82, 133); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-010 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(137, 137, 137); background: rgb(137, 137, 137); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-011 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(76, 82, 142); background: rgb(76, 82, 142); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-012 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(87, 182, 82); background: rgb(87, 182, 82); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-013 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(0, 99, 252); background: rgb(0, 99, 252); color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-014 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(61, 61, 61); background: rgb(255, 255, 255); color: rgb(61, 61, 61); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-0150 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(61, 61, 61); background: rgb(255, 255, 255); color: rgb(255, 215, 0); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-0151 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(61, 61, 61); background: rgb(255, 255, 255); color: rgb(61, 61, 61); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-0152 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(61, 61, 61); background: rgb(255, 255, 255); color: rgb(205, 0, 235); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-0160 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(61, 61, 61); background: rgb(255, 255, 255); color: rgb(255, 215, 0); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-0161 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(61, 61, 61); background: rgb(255, 255, 255); color: rgb(61, 61, 61); font-size: 0.8em; font-weight: normal; }
.jp-cmp-model-icon-0162 { display: inline-block; padding: 0px 7px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgb(61, 61, 61); background: rgb(255, 255, 255); color: rgb(205, 0, 235); font-size: 0.8em; font-weight: normal; }
.jp-cmp-icon-movie-001 { font-size: 120%; font-weight: bold; }
.jp-cmp-icon-movie-001::before { content: ""; display: inline-block; width: 24px; height: 16px; margin-right: 10px; background: url("/web/feature/img/ico-movie-001.png") 0px 0px repeat; }
.jp-cmp-ranking-num { display: inline-block; padding: 3px 0px; border-radius: 2px; background: rgb(255, 147, 162); text-align: center; color: rgb(255, 255, 255); font-family: Arial, Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif; font-weight: bold; line-height: 1.2; vertical-align: middle; }
.jp-cmp-ranking-1 .jp-cmp-ranking-num { min-width: 23px; padding-top: 4px; padding-bottom: 0px; background: url("/web/feature/img/ico-ranking1-001.png") 50% 50% / 23px 18px no-repeat; color: rgb(255, 255, 255); }
.jp-cmp-ranking-2 .jp-cmp-ranking-num { min-width: 23px; padding-top: 4px; padding-bottom: 0px; background: url("/web/feature/img/ico-ranking2-001.png") 50% 50% / 23px 18px no-repeat; color: rgb(255, 255, 255); }
.jp-cmp-ranking-3 .jp-cmp-ranking-num { min-width: 23px; padding-top: 4px; padding-bottom: 0px; background: url("/web/feature/img/ico-ranking3-001.png") 50% 50% / 23px 18px no-repeat; color: rgb(255, 255, 255); }
.jp-cmp-ranking-arrow { padding: 0px 0px 0px 12px; }
.jp-cmp-ranking-prev { display: inline-block; width: 40px; font-size: 80%; text-align: center; }
.jp-cmp-ranking-column-point .jp-cmp-ranking-num { padding: 3px 5px; }
.jp-cmp-ranking-1 .jp-cmp-ranking-column-point .jp-cmp-ranking-num, .jp-cmp-ranking-2 .jp-cmp-ranking-column-point .jp-cmp-ranking-num, .jp-cmp-ranking-3 .jp-cmp-ranking-column-point .jp-cmp-ranking-num { padding: 4px 0px 0px; }
.jp-cmp-block-wrap-001 { font-size: 0px; }
.jp-cmp-block-wrap-001 > * { display: inline-block; vertical-align: top; position: relative; width: 250px; margin-right: 10px; font-size: 12px; box-sizing: border-box; }
.jp-cmp-block-wrap-001 > .jp-cmp-topics-block-002, .jp-cmp-block-wrap-001 > .ng-isolate-scope > .jp-cmp-topics-block-002 { width: 510px; }
.jp-cmp-block-wrap-001 > :nth-child(4n) { margin-right: 0px; }
.jp-cmp-block-wrap-001 > div > section.jp-cmp-topics-block-001, .jp-cmp-block-wrap-001 > section.jp-cmp-topics-block-001, .jp-cmp-block-wrap-001 > .ng-isolate-scope > section.jp-cmp-topics-block-001, .jp-cmp-block-wrap-001 > div.jp-cmp-topics-ad-001, .jp-cmp-block-wrap-001 > div.jp-cmp-topics-ad-002 { height: 350px; }
.jp-cmp-block-wrap-001 > .jp-cmp-block-title-001.jp-cmp-title-pink-001 { background: rgb(234, 0, 138); }
.jp-cmp-block-wrap-001 > .jp-cmp-block-title-001.jp-cmp-title-red-001 { background: rgb(215, 14, 24); }
.jp-cmp-block-wrap-001 > .jp-cmp-block-title-001.jp-cmp-title-blue-001 { background: rgb(7, 138, 176); }
.jp-cmp-block-wrap-001 > .jp-cmp-block-title-001.jp-cmp-title-orange-001 { background: rgb(255, 111, 0); }
.jp-cmp-block-wrap-001 > .jp-cmp-block-title-001.jp-cmp-title-yellow-001 { background: rgb(255, 174, 0); }
.jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 > a { display: block; height: 350px; padding: 40px 30px; color: rgb(255, 255, 255); box-sizing: border-box; }
.jp-cmp-block-title-001:hover { opacity: 0.7; }
.jp-cmp-block-title-001 a:hover { text-decoration: none; }
.jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 > a::before { content: ""; display: block; position: absolute; top: 50%; right: 19px; margin-top: -30px; width: 11px; height: 21px; background: url("/web/feature/img/ico-arrow-014.png") 0px 0px no-repeat; }
.jp-cmp-block-wrap-001 div .jp-cmp-block-icon-001 { margin: 37px 0px; text-align: center; }
.jp-cmp-block-wrap-001 div .jp-cmp-block-text-001 { margin-right: -5px; font-weight: bold; line-height: 1.6; }
.jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 > a > h2 { text-align: center; }
.jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 > a > h2 span { display: block; font-size: 135%; }
.jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 > a > h2 strong { font-size: 20px; font-weight: bold; }
@media screen and (max-width: 767px) {
  .jp-cmp-block-wrap-001 { margin: 10px 3%; }
  .jp-cmp-block-wrap-001 > *, .jp-cmp-block-wrap-001 > div > *, .jp-cmp-block-wrap-001 > .ng-isolate-scope > * { display: block; width: 100%; height: auto; margin: 0px 0px 10px; font-size: 12px; }
  .jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 > a, .jp-cmp-block-wrap-001 > section.jp-cmp-topics-block-001, .jp-cmp-block-wrap-001 > div > section.jp-cmp-topics-block-001, .jp-cmp-block-wrap-001 > .ng-isolate-scope > section.jp-cmp-topics-block-001, .jp-cmp-block-wrap-001 > div.jp-cmp-topics-ad-001 { height: auto !important; }
  .jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 > a { padding: 20px 30px 20px 70px; }
  .jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 > a::before { margin-top: -10px; }
  .jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 { background: rgb(234, 0, 138); }
  .jp-cmp-block-wrap-001 div .jp-cmp-block-icon-001 { position: absolute; top: 50%; left: 2%; margin: -23px 0px 0px; width: 47px; height: 47px; }
  .jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 > a > h2 { text-align: left; }
  .jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 > a > h2 span { font-size: 1.33em; }
  .jp-cmp-block-wrap-001 > .jp-cmp-block-title-001 > a > h2 strong { font-size: 1.16em; font-weight: bold; }
  .jp-cmp-block-wrap-001 > .jp-cmp-topics-block-002, .jp-cmp-block-wrap-001 > .ng-isolate-scope > .jp-cmp-topics-block-002 { width: 100%; height: auto !important; }
  .jp-cmp-block-wrap-001 > .jp-cmp-topics-block-002 img { width: 100%; height: auto; }
}
.jp-cmp-song-detail { display: table-cell; vertical-align: middle; }
.jp-cmp-song-detail > dt { font-weight: bold; }
.jp-cmp-song-detail > dt.jp-cmp-song-detail-title-001 { margin-bottom: 10px; }
.jp-cmp-song-detail > dt em { display: block; font-weight: bold; }
p .jp-cmp-ranking-text-001 { display: block; margin-bottom: 15px; font-weight: bold; }
.jp-cmp-ranking-text-001 { display: block !important; }
@media screen and (max-width: 767px) {
  .jp-cmp-song-detail > * { font-size: 1.16em; }
}
.jp-cmp-img-block-wrap-001 { margin-bottom: 13px; }
.jp-cmp-img-block-001 { text-align: center; margin-bottom: 12px; }
@media screen and (max-width: 767px) {
  .jp-cmp-img-block-wrap-001 figure + p { font-size: 1.16em; }
}
.jp-cmp-movie-block-001 { text-align: center; }
.jp-cmp-h1-category-karaoke { box-sizing: border-box; color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
  .jp-cmp-h1-category-karaoke { height: 82px; line-height: 82px; margin: 20px 0px 30px 10px; padding: 0px 28% 0px 4%; background: url("/web/feature/img/bg-head-karaoke-001.jpg") 0px 50% / 100% no-repeat; font-size: 200%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h1-category-karaoke { font-weight: bold; color: rgb(255, 255, 255); height: 49px; line-height: 49px; padding: 0px 40% 0px 5%; margin: 10px 3%; background: url("/web/feature/img/smp/bg-head-category-001.jpg") 0px 50% / cover no-repeat; font-size: 135%; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-web-top #jp-cmp-switch-main-img { height: 368px; background: rgba(0, 0, 0, 0.7); }
  #jp-cmp-main-img { height: 368px; background: rgba(0, 0, 0, 0.7); }
  #jp-cmp-main-img .bx-viewport { overflow: visible !important; }
  #jp-cmp-main-img .bx-wrapper { position: relative; left: 1px; }
  #jp-cmp-main-img .bx-wrapper .bx-pager { top: 340px; }
  #jp-cmp-main-img .main-container { overflow: hidden; padding-bottom: 150px; }
  #jp-cmp-main-img #jp-cmp-kv-list { margin: 0px; padding: 0px; }
  #jp-cmp-main-img #jp-cmp-kv-list li { margin: 0px; padding: 0px; width: 832px !important; }
  #jp-cmp-main-img #jp-cmp-kv-list li::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(24, 24, 24, 0.5); }
  #jp-cmp-main-img #jp-cmp-kv-list li.active::after { display: none; }
  #jp-cmp-main-img #jp-cmp-kv-list li img { width: 100%; }
  #jp-cmp-main-img .bx-wrapper .bx-pager.bx-default-pager a { background-color: rgba(255, 255, 255, 0.5); }
  #jp-cmp-main-img .bx-wrapper .bx-pager.bx-default-pager a:hover, #jp-cmp-main-img .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgb(215, 14, 24); }
  #jp-cmp-main-img .bx-wrapper .bx-controls-direction { display: block; }
  #jp-cmp-main-img .bx-wrapper .bx-prev, #jp-cmp-main-img .bx-wrapper .bx-next { background-color: rgba(255, 255, 255, 0.1); background-repeat: no-repeat; width: 45px; height: 45px; border-radius: 50%; }
  #jp-cmp-main-img .bx-wrapper .bx-prev { left: -65px; background-position: 15px center; background-image: url("/web/feature/img/ico-arrow-018.png"); }
  #jp-cmp-main-img .bx-wrapper .bx-next { right: -65px; background-position: 19px center; background-image: url("/web/feature/img/ico-arrow-019.png"); }
}
@media screen and (max-width: 1070px) and (min-width: 768px) {
  #jp-cmp-main-img { position: relative; z-index: 101; }
  .jp-cmp-body-slide-open #jp-cmp-main-img::before, .jp-cmp-body-slide-close #jp-cmp-main-img::before { content: ""; z-index: 103; display: block; position: absolute; width: 100%; height: 100%; padding-bottom: 20px; opacity: 0.6; background: rgb(0, 0, 0); }
}
@media screen and (max-width: 767px) {
  .jp-cmp-web-top #jp-cmp-switch-main-img { min-height: 124px; background: rgb(33, 35, 35); }
  #jp-cmp-main-img { position: relative; z-index: 101; width: 88%; min-height: 124px; margin: 0px auto; padding: 0px 6%; background: rgb(33, 35, 35); }
  .jp-cmp-body-slide-open #jp-cmp-main-img::before, .jp-cmp-body-slide-close #jp-cmp-main-img::before { content: ""; z-index: 103; display: block; position: absolute; width: 112%; height: 100%; margin-left: -6%; padding-bottom: 10px; opacity: 0.6; }
  #jp-cmp-main-img img { max-width: 100%; background: rgb(33, 35, 35); }
  #jp-cmp-main-img .bx-wrapper { position: relative; margin-bottom: 0px; }
  #jp-cmp-main-img .bx-wrapper .bx-pager { bottom: 2px; }
  #jp-cmp-main-img .bx-wrapper .bx-pager.bx-default-pager a { border-radius: 3px; width: 6px; height: 6px; background-color: rgba(255, 255, 255, 0.5); }
  #jp-cmp-main-img .bx-wrapper .bx-pager.bx-default-pager a:hover, #jp-cmp-main-img .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgb(215, 14, 24); }
  #jp-cmp-main-img .bx-wrapper .bx-prev, #jp-cmp-main-img .bx-wrapper .bx-next { background-color: rgba(255, 255, 255, 0.1); background-repeat: no-repeat; width: 25px; height: 25px; margin-top: -12px; border-radius: 50%; }
  #jp-cmp-main-img .bx-wrapper .bx-prev { left: -14px; background-position: 9px center; background-image: url("/web/feature/img/ico-arrow-018.png"); background-size: 5px 10px; }
  #jp-cmp-main-img .bx-wrapper .bx-next { right: -14px; background-position: 12px center; background-image: url("/web/feature/img/ico-arrow-019.png"); background-size: 5px 10px; }
}
@media screen and (min-width: 1071px) {
  body#jp-cmp-top #jp-cmp-contents { width: 1250px; }
}
@media screen and (max-width: 1070px) and (min-width: 768px) {
  body#jp-cmp-top #jp-cmp-contents { width: 1040px; }
}
body#jp-cmp-top #jp-cmp-sub { margin-left: 0px; }
@media screen and (min-width: 768px) {
  body#jp-cmp-top #jp-cmp-main { width: 1040px; }
  body#jp-cmp-top #jp-cmp-topicpath, body#jp-cmp-top #jp-cmp-main > h1 { width: 1030px; }
  #jp-cmp-main-img { overflow: hidden; width: 100%; height: 368px; }
  #jp-cmp-main-img .bx-wrapper { max-width: 832px !important; }
  #jp-cmp-kv-list { width: 2000% !important; }
}
@media screen and (max-width: 1070px) and (min-width: 768px) {
  body#jp-cmp-top #jp-cmp-sub { margin-right: 0px; margin-left: 0px; }
}
@media screen and (max-width: 767px) {
  body#jp-cmp-top #jp-cmp-sub { margin-right: 0px; margin-left: 0px; }
}
body#jp-cmp-top .jp-cmp-block-wrap-001 > * { margin-left: 10px; margin-right: 0px; }
body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(1), body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(5), body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(8), body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(12), body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(16), body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(20) { margin-left: 10px; }
@media screen and (max-width: 1070px) and (min-width: 768px) {
  body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(1), body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(5), body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(8), body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(12), body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(16), body#jp-cmp-top .jp-cmp-main-omise .jp-cmp-block-wrap-001 > section:nth-child(20) { margin-left: 9px; }
  body#jp-cmp-top .jp-cmp-block-wrap-001 > * { margin-left: 9px; }
}
@media screen and (max-width: 767px) {
  body#jp-cmp-top .jp-cmp-block-wrap-001 > * { margin-left: 0px !important; margin-right: 0px; }
}
@media screen and (max-width: 767px) {
  body#jp-cmp-top .jp-cmp-topics-link-list-002 > li > a, body#jp-cmp-top .jp-cmp-topics-ranking-list-001 > li > a > p, body#jp-cmp-top .jp-cmp-topics-ranking-list-001 > li > div > p { font-size: 1.16em; }
}
@media screen and (max-width: 767px) {
  body#jp-cmp-top .jp-cmp-topics-link-list-002, body#jp-cmp-top .jp-cmp-topics-ranking-list-001, body#jp-cmp-top .jp-cmp-topics-song-list-001 { margin-bottom: 5px; }
}
#jp-cmp-popular-keywords { position: relative; height: 42px; margin-top: 20px; background: url("/web/feature/img/bg-popular-001.gif") 0px 0px repeat; box-sizing: border-box; border-radius: 3px; font-size: 120%; vertical-align: top; }
#jp-cmp-popular-keywords dt, #jp-cmp-popular-keywords dd, #jp-cmp-popular-keywords dd li, #jp-cmp-popular-keywords dd li a { display: inline-block; box-sizing: border-box; color: rgb(59, 59, 59); vertical-align: top; }
#jp-cmp-popular-keywords dt { height: 42px; padding: 10px 0px 0px 20px; background: rgb(255, 66, 155); border-radius: 3px / 3px 0px 0px 3px; color: rgb(255, 255, 255); }
#jp-cmp-popular-keywords dt::after { content: ""; display: inline-block; width: 17px; height: 42px; margin: -10px 0px 0px 11px; background: url("/web/feature/img/bg-popular-ico-arrow-001.gif") 100% 50% no-repeat; vertical-align: top; }
#jp-cmp-popular-keywords dd { padding-top: 10px; }
#jp-cmp-popular-keywords dd, #jp-cmp-popular-keywords dd a { color: rgb(1, 100, 163) !important; }
#jp-cmp-popular-keywords dd ul { }
#jp-cmp-popular-keywords dd li { margin-left: 25px; }
#jp-cmp-popular-keywords dd li:first-child { margin-left: 10px; }
#jp-cmp-popular-keywords dd p { position: absolute; top: 10px; right: 20px; }
@media screen and (max-width: 767px) {
  #jp-cmp-popular-keywords { display: none; }
}
.jp-cmp-music-list-001 .jp-cmp-table-column:first-child { color: rgb(59, 59, 59); }
@media screen and (min-width: 768px) {
  .jp-cmp-music-list-001 { margin-bottom: 20px; padding-top: 10px; }
  .jp-cmp-music-list-001 > ul > li { padding: 8px 0px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-music-list-001 > ul > li:first-child { padding-top: 0px; }
  .jp-cmp-music-list-001 .jp-cmp-table-column:last-child { border-left: 1px solid rgb(220, 220, 220); text-align: right; vertical-align: middle; }
  .jp-cmp-music-list-001 .jp-cmp-music-list-btn { display: block; margin: 0px 0px 10px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-music-list-001 { margin-bottom: 1.4em; }
  .jp-cmp-music-list-001 .jp-cmp-music-list-btn { display: block; }
}
.jp-cmp-music-list-002 .jp-cmp-music-list-item-001 ul, .jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul { font-size: 0px; }
.jp-cmp-music-list-002 .jp-cmp-music-list-item-001 > ul > li, .jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul li .jp-cmp-music-list-inner-001 > * { display: inline-block; vertical-align: middle; width: 33.3%; font-size: 14px; box-sizing: border-box; }
.jp-cmp-music-list-002 .jp-cmp-music-list-item-001 ul { background: rgb(220, 226, 231); border-top-right-radius: 5px; border-top-left-radius: 5px; }
.jp-cmp-music-list-002 .jp-cmp-music-list-item-001 ul > li { padding: 10px; border-right: 1px solid rgb(255, 255, 255); }
.jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul > li { border-bottom: 1px solid rgb(222, 227, 231); padding: 10px 0px; }
.jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul li .jp-cmp-music-list-inner-001 a { color: rgb(1, 100, 163); }
.jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul li .jp-cmp-music-list-inner-001 > * { border-right: 1px solid rgb(193, 193, 193); }
.jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul li .jp-cmp-music-list-inner-001 > * > a { display: inline-block; padding: 10px; }
.jp-cmp-music-list-002 .jp-cmp-music-list-item-001 ul > li:last-child, .jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul li .jp-cmp-music-list-inner-001 > :last-child { border-right: none; }
@media screen and (max-width: 767px) {
  .jp-cmp-music-list-002 .jp-cmp-music-list-item-001 { display: none; }
  .jp-cmp-music-list-002 .jp-cmp-music-list-content-001 > ul > li:first-child { border-top: 1px solid rgb(218, 218, 218); }
  .jp-cmp-music-list-002 .jp-cmp-music-list-content-001 > ul > li { padding: 10px 0px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul li .jp-cmp-music-list-inner-001 { padding: 0px 1em; }
  .jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul li .jp-cmp-music-list-inner-001 > * { display: block; margin-bottom: 10px; width: 100%; border-right: none; font-size: 10px; }
  .jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul li .jp-cmp-music-list-inner-001 > * > a { padding: 0px 10px; }
  .jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul li .jp-cmp-music-list-inner-001 > :last-child { margin-bottom: 0px; }
  .jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul li .jp-cmp-music-list-inner-001 .jp-cmp-music-list-title-001 a { font-size: 1.4em; }
  .jp-cmp-music-list-002 .jp-cmp-music-list-content-001 ul li .jp-cmp-music-list-inner-001 .jp-cmp-music-list-info-001.jp-cmp-no-content { display: none; }
}
.jp-cmp-menu-block-001 { padding: 16px 20px; text-align: right; background: rgb(255, 245, 210); }
.jp-cmp-menu-block-001 ul { font-size: 0px; }
.jp-cmp-menu-block-001 ul li { display: inline-block; margin-right: 10px; font-size: 12px; }
@media screen and (max-width: 767px) {
  .jp-cmp-menu-block-001 { padding: 16px 4%; }
  .jp-cmp-menu-block-001 ul { text-align: center; }
  .jp-cmp-menu-block-001 ul li { vertical-align: middle; margin-right: 4%; text-align: left; }
  .jp-cmp-menu-block-001 ul li:last-child { margin-right: 0px; }
  .jp-cmp-menu-block-001 ul li a { font-size: 0.85em; }
  .jp-cmp-menu-block-001 ul li .jp-cmp-btn-black-001 { padding: 1.2em 10px 1.2em 20px; }
}
.jp-cmp-music-title-001 { display: inline-block; margin-bottom: 1em; font-size: 120%; vertical-align: middle; }
@media screen and (min-width: 768px) {
  .jp-cmp-not-tieup-001 .jp-cmp-music-title-001 { margin-bottom: 2.8em; }
  .jp-cmp-music-title-001 span { margin-left: 20px; font-size: 60%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-music-title-001 span { margin-left: 10px; font-size: 60%; }
}
.jp-cmp-music-title-001 .jp-cmp-music-foreign { font-size: 100% !important; }
.jp-cmp-music-tieup-001 { display: table; margin-bottom: 1.2em; }
.jp-cmp-music-tieup-001 dt, .jp-cmp-music-tieup-001 dd { display: table-cell; vertical-align: top; }
.jp-cmp-music-tieup-001 dt { min-width: 4.5em; }
.jp-cmp-music-tieup-001 dd { color: rgb(218, 30, 39); }
.jp-cmp-music-list-song-001 ul.jp-cmp-list-song-btn { position: relative; }
@media screen and (min-width: 768px) {
  .jp-cmp-music-list-song-001 .jp-cmp-link-block-002 { padding: 6px 60px 0px 0px; }
  .jp-cmp-music-list-song-001 .jp-cmp-table-column:last-child { min-width: 277px; }
  .jp-cmp-music-list-song-001 ul.jp-cmp-list-song-btn { position: relative; min-height: 30px; margin: 5px 0px; }
  .jp-cmp-music-list-song-001 ul.jp-cmp-list-song-btn .jp-cmp-btn-play, .jp-cmp-music-list-song-001 ul.jp-cmp-list-song-btn .jp-cmp-btn-stop { position: absolute; right: 204px; bottom: 3px; }
  .jp-cmp-music-list-song-001 ul.jp-cmp-list-song-btn .jp-cmp-btn-lyric { position: absolute; right: 125px; bottom: -3px; }
  .jp-cmp-music-list-song-001 ul.jp-cmp-list-song-btn .jp-cmp-btn-movie { position: absolute; right: 0px; bottom: -3px; margin: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-music-list-song-001 .jp-cmp-table-column-001 { position: relative; margin: 0px -10px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-music-list-song-001 .jp-cmp-link-block-002 { padding: 1.2em 30px 0px 10px; background-position: 98% 1.4em; }
  .jp-cmp-music-list-song-001 ul.jp-cmp-list-song-btn { margin-bottom: 1em; height: 35px; }
  .jp-cmp-music-list-song-001 ul.jp-cmp-list-song-btn .jp-cmp-btn-itunes { position: absolute; right: 15em; }
  .jp-cmp-music-list-song-001 ul.jp-cmp-list-song-btn .jp-cmp-btn-lyric { position: absolute; right: 10em; }
  .jp-cmp-music-list-song-001 ul.jp-cmp-list-song-btn .jp-cmp-btn-movie { position: absolute; margin-right: 8px; right: 0.8em; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-music-list-song-002 .jp-cmp-link-block-002 { padding: 6px 60px 10px 0px; }
  .jp-cmp-music-list-song-002 .jp-cmp-table-column:last-child { width: 34%; min-width: 239px; }
  .jp-cmp-music-list-song-002 .jp-cmp-music-title-001 { margin-bottom: 0px; }
  .jp-cmp-music-list-song-002 .jp-cmp-music-list-btn { display: inline-block; margin: 0px 0.85em 0.4em 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-music-list-song-002 .jp-cmp-table-column-001 { position: relative; margin: 0px -10px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-music-list-song-002 .jp-cmp-link-block-002 { padding: 1.2em 30px 0px 10px; background-position: 98% 1.4em; }
  .jp-cmp-music-list-song-002 .jp-cmp-table-column:last-child .jp-cmp-list-inline-003 li { display: none; }
  .jp-cmp-music-list-song-002 .jp-cmp-table-column:last-child .jp-cmp-list-inline-003 li.jp-cmp-music-list-btn { display: block; margin: 0px 10px 1.2em 0px; text-align: right; }
}
jp-cmp-recommend-songs .jp-cmp-topics-artist-list-001, jp-cmp-recommend-songs .jp-cmp-topics-artist-list-001 li .jp-cmp-list-inline-003 { position: relative; }
@media screen and (min-width: 768px) {
  jp-cmp-recommend-songs .jp-cmp-topics-artist-list-001 li .jp-cmp-list-inline-003 { height: 35px; }
  jp-cmp-recommend-songs .jp-cmp-topics-artist-list-001 li .jp-cmp-list-inline-003 li.jp-cmp-btn-itunes { }
  jp-cmp-recommend-songs .jp-cmp-topics-artist-list-001 li.jp-cmp-btn-play, jp-cmp-recommend-songs .jp-cmp-topics-artist-list-001 li.jp-cmp-btn-stop { position: absolute; right: 97px; top: 4px; }
  jp-cmp-recommend-songs .jp-cmp-topics-artist-list-001 li.jp-cmp-btn-mysong { position: absolute; right: 0px; }
}
@media screen and (max-width: 767px) {
  jp-cmp-recommend-songs .jp-cmp-topics-artist-list-001 li .jp-cmp-list-inline-003 { height: 2em; }
  jp-cmp-recommend-songs .jp-cmp-topics-artist-list-001 li.jp-cmp-btn-play, jp-cmp-recommend-songs .jp-cmp-topics-artist-list-001 li.jp-cmp-btn-stop { position: absolute; right: 6.5em; top: 0.15em; }
  jp-cmp-recommend-songs .jp-cmp-topics-artist-list-001 li.jp-cmp-btn-mysong { position: absolute; right: 0.85em; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-table-column-001 .jp-cmp-music-list { display: table-cell; vertical-align: middle; position: relative; }
  .jp-cmp-music-list-001 .jp-cmp-music-list:last-child { width: 26%; border-left: 1px solid rgb(220, 220, 220); vertical-align: middle; }
  .jp-cmp-ranking-list-003 .jp-cmp-music-list:last-child { width: 25%; border-left: 1px solid rgb(220, 220, 220); vertical-align: middle; }
  .jp-cmp-music-list li.jp-cmp-btn-headphone, .jp-cmp-music-list li.jp-cmp-btn-itunes { position: absolute; left: 12px; top: 50%; margin-top: -11px; text-align: left; }
  .jp-cmp-music-list li.jp-cmp-music-lyrics-001 { position: absolute; left: 13px; bottom: 1px; top: 50%; margin-top: -15px; }
  .jp-cmp-music-list li.jp-cmp-music-mysongs-001 { position: absolute; left: 89px; bottom: 1px; top: 50%; margin-top: -15px; white-space: nowrap; }
  .jp-cmp-music-list li.jp-cmp-music-myartist-001 { position: absolute; left: 13px; bottom: 1px; top: 50%; margin-top: -15px; }
  .jp-cmp-list-inline-003 ul.jp-cmp-list-song-btn .jp-cmp-music-list-btn { position: absolute; right: 0px; bottom: 0px; margin: 0px; }
  .jp-cmp-list-inline-003 ul.jp-cmp-list-song-btn li.jp-cmp-music-lyrics-001 { position: absolute; right: 243px; bottom: 0px; margin: 0px; }
  .jp-cmp-list-inline-003 ul.jp-cmp-list-song-btn li.jp-cmp-music-movie-btn { position: absolute; right: 106px; bottom: 0px; margin: 0px; }
  .jp-cmp-list-inline-003 ul.jp-cmp-list-song-btn li.jp-cmp-btn-itunes { margin: 0px; right: 212px !important; }
  .jp-cmp-list-inline-003 .jp-cmp-karaoke-user-gp-average { color: red; border: solid red; border-radius: 7px; text-align: center; width: 90%; margin-left: auto; }
  .jp-cmp-list-inline-003 .jp-cmp-karaoke-user-gp-average .jp-cmp-karaoke-user-gp-average-point { font-size: 170%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-table-column-001 .jp-cmp-music-list { vertical-align: middle; position: relative; }
  .jp-cmp-music-list ul { height: 30px; }
  .jp-cmp-music-list li.jp-cmp-btn-itunes { position: absolute; right: 11.4em; bottom: 5px; margin: 0px 0px 0.4em; text-align: left; }
  .jp-cmp-music-list li.jp-cmp-btn-itunes img { max-width: 86%; }
  .jp-cmp-music-list li.jp-cmp-music-lyrics-001 { position: absolute; right: 7.4em; bottom: 1px; margin: 0px 0px 0.4em; }
  .jp-cmp-music-list li.jp-cmp-music-mysongs-001 { position: absolute; right: 0.5em; bottom: 1px; margin: 0px 0px 0.4em; white-space: nowrap; }
  .jp-cmp-music-list li.jp-cmp-music-myartist-001 { position: absolute; right: 0.5em; bottom: 1px; margin: 0px 0px 0.4em; white-space: nowrap; }
  .jp-cmp-music-list li.jp-cmp-music-prevrank-001 { position: absolute; left: 1.5em; bottom: 1px; margin: 0px 0px 0.4em; }
  .jp-cmp-list-inline-003 ul.jp-cmp-list-song-btn li.jp-cmp-music-list-btn { position: absolute; right: 8px; }
  .jp-cmp-list-inline-003 ul.jp-cmp-list-song-btn li.jp-cmp-music-lyrics-001 { position: absolute; right: 202px; margin: 0px; }
  .jp-cmp-list-inline-003 ul.jp-cmp-list-song-btn li.jp-cmp-music-movie-btn { position: absolute; right: 91px; margin: 0px; }
  .jp-cmp-list-inline-003 ul.jp-cmp-list-song-btn li.jp-cmp-btn-itunes { bottom: 2px; margin: 0px; right: 180px !important; }
  .jp-cmp-list-inline-003 .jp-cmp-karaoke-user-gp-average { color: red; border: solid red; border-radius: 7px; text-align: center; margin-left: 40%; margin-right: 2%; margin-bottom: 2%; }
}
@media (-ms-high-contrast:none) and (min-width: 768px) {
  .jp-cmp-list-inline-003 ul { position: relative; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-music-list-artist-001 .jp-cmp-link-block-002 { padding: 6px 60px 10px 0px; }
  .jp-cmp-music-list-artist-001 .jp-cmp-table-column:last-child { min-width: 177px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-music-list-artist-001 .jp-cmp-table-column-001 { margin: 0px -10px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-music-list-artist-001 .jp-cmp-table-column-001 .jp-cmp-image, .jp-cmp-music-list-artist-001 .jp-cmp-table-column-001 .jp-cmp-text p { display: none; }
  .jp-cmp-music-list-artist-001 .jp-cmp-table-column-001 .jp-cmp-music-title-001 { margin-bottom: 0px; }
  .jp-cmp-music-list-artist-001 .jp-cmp-link-block-002 { padding: 1.2em 30px 1em 10px; background-position: 98% 1.4em; }
  .jp-cmp-music-list-artist-001 .jp-cmp-table-column:last-child .jp-cmp-list-inline-003 li { display: none; }
  .jp-cmp-music-list-artist-001 .jp-cmp-table-column:last-child .jp-cmp-list-inline-003 li.jp-cmp-music-list-btn { display: block; margin: 0px 10px 1.2em 0px; text-align: right; }
  .jp-cmp-music-list-artist-001 .jp-cmp-table-column .jp-cmp-list-inline-003 ul { height: 40px; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-artist-block-001 { margin-top: 40px; position: relative; }
  .jp-cmp-artist-visual { margin-bottom: 20px; height: 275px; }
  .jp-cmp-artist-visual::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-artist-visual .jp-cmp-artist-image { float: left; width: 222px; }
  .jp-cmp-artist-visual .jp-cmp-artist-movie { position: relative; float: right; width: 488px; }
  .jp-cmp-artist-visual .jp-cmp-artist-movie .jp-cmp-icon-movie-001 { position: absolute; top: -2em; }
  .jp-cmp-artist-details > p { line-height: 2; }
  .jp-cmp-artist-details-link { display: table; width: 100%; margin-top: 15px; }
  .jp-cmp-artist-details-link .jp-cmp-artist-details-link-main, .jp-cmp-artist-details-link .jp-cmp-artist-details-link-sub { display: table-cell; vertical-align: bottom; }
  .jp-cmp-artist-details-link .jp-cmp-artist-details-link-main { position: absolute; left: 0px; }
  .jp-cmp-artist-details-link .jp-cmp-artist-details-link-sub { text-align: right; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-artist-visual .jp-cmp-artist-image { margin-bottom: 1.6em; text-align: center; }
  .jp-cmp-artist-visual .jp-cmp-artist-image img { width: 111px; }
  .jp-cmp-artist-movie { display: none; }
  .jp-cmp-artist-details > p { font-size: 1.2em; }
  .jp-cmp-artist-details-link { width: 100%; }
  .jp-cmp-artist-details-link-main a { width: 100%; margin-top: 1.6em; box-sizing: border-box; text-align: center; }
  .jp-cmp-artist-details-link-sub { margin-top: 1.6em; text-align: center; }
}
jp-cmp-recommend-artist .jp-cmp-topics-artist-list-001 > li > p { height: 25px; }
@media screen and (min-width: 768px) {
  .jp-cmp-song-block-001 { margin-top: 30px; }
  .jp-cmp-song-visual { margin-bottom: 20px; }
  .jp-cmp-song-visual::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-song-visual .jp-cmp-song-image { float: left; width: 256px; text-align: center; }
  .jp-cmp-song-visual .jp-cmp-song-image figure img { max-height: 256px; }
  .jp-cmp-song-visual .jp-cmp-song-image figcaption { margin-top: 12px; font-size: 120%; }
  .jp-cmp-song-visual .jp-cmp-song-image .jp-cmp-song-image-btn { margin-top: 20px; }
  .jp-cmp-song-visual .jp-cmp-song-table-001.jp-cmp-table-001 { position: relative; float: right; width: 452px; margin-bottom: 0px; }
  .jp-cmp-song-visual .jp-cmp-song-table-001.jp-cmp-table-001 th { font-weight: normal; line-height: 2; }
  .jp-cmp-song-visual .jp-cmp-song-table-001.jp-cmp-table-001 td { padding: 20px 15px; }
  .jp-cmp-song-visual .jp-cmp-song-table-001.jp-cmp-table-001 td > * { line-height: 2; }
  .jp-cmp-song-visual .jp-cmp-song-table-001.jp-cmp-table-001 .jp-cmp-table-column:last-child { text-align: right; }
  .jp-cmp-song-details > p { line-height: 2; }
  .jp-cmp-song-details-link { display: table; width: 100%; margin-top: 15px; }
  .jp-cmp-song-details-link .jp-cmp-song-details-link-main, .jp-cmp-song-details-link .jp-cmp-song-details-link-sub { display: table-cell; vertical-align: bottom; }
  .jp-cmp-song-details-link .jp-cmp-song-details-link-sub { text-align: right; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-song-visual .jp-cmp-song-image { position: relative; margin-bottom: 1.6em; text-align: center; }
  .jp-cmp-song-visual .jp-cmp-song-image figure { display: table; }
  .jp-cmp-song-visual .jp-cmp-song-image figure img { display: table-cell; width: 100%; vertical-align: top; min-width: 100px; min-height: 100px; }
  .jp-cmp-song-visual .jp-cmp-song-image figure figcaption { display: table-cell; padding-left: 12px; padding-bottom: 50px; vertical-align: top; width: 66%; text-align: left; }
  .jp-cmp-song-visual .jp-cmp-song-image .jp-cmp-song-image-btn { position: absolute; left: 36%; bottom: 0px; }
  .jp-cmp-song-table-001 { min-height: 319px; }
  .jp-cmp-song-visual .jp-cmp-song-table-001.jp-cmp-table-001 th { font-weight: normal; line-height: 2; }
  .jp-cmp-song-visual .jp-cmp-song-table-001.jp-cmp-table-001 td > * { line-height: 2; }
  .jp-cmp-song-visual .jp-cmp-song-table-001.jp-cmp-table-001 .jp-cmp-table-column:last-child { margin-top: 0.8em; }
  .jp-cmp-song-details > p { font-size: 1.2em; }
  .jp-cmp-song-details-link { width: 100%; margin-top: 1.6em; border-top: 1px solid rgb(218, 218, 218); }
  .jp-cmp-song-details-link-main a { width: 100%; margin-top: 1.6em; box-sizing: border-box; text-align: center; }
  .jp-cmp-song-details-link-sub { margin-top: 1.6em; text-align: center; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-song-information-001 { margin-top: 15px; }
  .jp-cmp-song-information-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-song-information-001 .jp-cmp-song-words-block { float: left; width: 270px; }
  .jp-cmp-song-information-001 .jp-cmp-song-movie-block { float: right; width: 440px; }
}
@media screen and (max-width: 767px) {
}
.jp-cmp-song-words-block .jp-cmp-song-words-contents { background: rgb(255, 245, 210); }
.jp-cmp-song-words-block .jp-cmp-song-words-title { padding: 15px 20px; box-sizing: border-box; border-radius: 5px / 5px 5px 0px 0px; background: rgb(255, 186, 39); font-size: 135%; font-weight: bold; overflow-wrap: break-word; }
.jp-cmp-song-words-contents { border-bottom: 4px solid rgb(255, 245, 210); }
.jp-cmp-song-words-block .jp-cmp-song-words-details { padding: 15px 20px; box-sizing: border-box; background: rgb(255, 245, 210); }
.jp-cmp-song-words-block .jp-cmp-song-words-details .jp-cmp-custom-scroll p { line-height: 1.5; }
.jp-cmp-song-words-block .jp-cmp-song-words-btn a { width: 100%; box-sizing: border-box; text-align: center; }
@media screen and (min-width: 768px) {
  .jp-cmp-song-words-block .jp-cmp-song-words-details .jp-cmp-custom-scroll { overflow: auto; height: 453px; }
  .jp-cmp-song-words-readmore { display: none; }
  .jp-cmp-song-words-block .jp-cmp-song-words-btn a { margin-top: 10px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-song-words-block .jp-cmp-song-words-details .jp-cmp-custom-scroll { overflow: hidden; height: 300px; }
  .jp-cmp-song-words-block .jp-cmp-song-words-open .jp-cmp-song-words-details .jp-cmp-custom-scroll { overflow: visible; height: auto; }
  .jp-cmp-song-words-readmore { padding: 1.2em 0px 1em; border-top: 2px solid rgb(255, 255, 255); color: rgb(1, 100, 163); text-align: center; }
  .jp-cmp-song-words-readmore::before { content: ""; display: inline-block; width: 14px; height: 8px; margin-right: 0.8em; background: url("/web/feature/img/ico-arrow-003.png") 0px 0px / 14px 8px no-repeat; }
  .jp-cmp-song-words-open .jp-cmp-song-words-readmore::before { background: url("/web/feature/img/ico-arrow-011.png") 0px 0px / 14px 8px no-repeat; }
  .jp-cmp-song-words-block .jp-cmp-song-words-appli-btn img { margin-top: 1.2em; display: block; margin-right: auto; margin-left: auto; }
  .jp-cmp-song-words-block .jp-cmp-song-words-btn a { margin-top: 1.2em; }
}
.jp-cmp-song-movie-contents { }
.jp-cmp-song-movie-block .jp-cmp-tab-list-001 { box-sizing: border-box; border-width: 2px 2px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(222, 227, 231); border-right-color: rgb(222, 227, 231); border-left-color: rgb(222, 227, 231); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; border-radius: 5px / 5px 5px 0px 0px; }
.jp-cmp-song-movie-block .jp-cmp-tab-list-001 ul { display: table; table-layout: fixed; width: 100%; }
.jp-cmp-song-movie-block .jp-cmp-tab-list-001 li { cursor: pointer; display: table-cell; background: rgb(242, 245, 248); border-left: 1px solid rgb(242, 245, 248); border-right: 1px solid rgb(242, 245, 248); }
.jp-cmp-song-movie-block .jp-cmp-tab-ico li { background: rgb(228, 233, 238) !important; border-left: 1px solid rgb(218, 218, 218) !important; border-right: 1px solid rgb(218, 218, 218) !important; }
.jp-cmp-song-movie-block .jp-cmp-tab-list-001 li.jp-cmp-active p { color: rgb(255, 255, 255); }
.jp-cmp-song-movie-block .jp-cmp-tab-list-001 li.jp-cmp-active-blue { background: rgb(11, 158, 235); border-top: 2px solid rgb(11, 158, 235); border-bottom: 2px solid rgb(11, 158, 235); border-left: 2px solid rgb(11, 158, 235); border-image: initial; border-right: 1px solid rgb(218, 218, 218) !important; }
.jp-cmp-song-movie-block .jp-cmp-tab-list-001 li.jp-cmp-active-red { background: rgb(255, 0, 0); border-top: 2px solid rgb(255, 0, 0); border-right: 2px solid rgb(255, 0, 0); border-bottom: 2px solid rgb(255, 0, 0); border-image: initial; border-left: 1px solid rgb(218, 218, 218) !important; }
.jp-cmp-song-movie-block .jp-cmp-tab-list-001 li:hover { opacity: 0.7; }
.jp-cmp-song-movie-block .jp-cmp-tab-list-001 li:hover a { text-decoration: none; }
.jp-cmp-song-movie-block .jp-cmp-tab-list-001 li:hover img { opacity: 1; }
.jp-cmp-song-movie-block .jp-cmp-tab-list-001 li a { display: block; font-weight: bold; color: rgb(51, 51, 51); text-align: center; }
.jp-cmp-song-movie-block .jp-cmp-tab-list-001 li a img { vertical-align: middle; }
.jp-cmp-song-movie-block .jp-cmp-readmore-001 { margin-top: 20px; }
.jp-cmp-song-movie-contents .jp-cmp-movie-list-001 { min-height: 448px; border-width: 0px 2px 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(222, 227, 231); border-bottom-color: rgb(222, 227, 231); border-left-color: rgb(222, 227, 231); border-image: initial; border-top-style: initial; border-top-color: initial; }
@media screen and (min-width: 768px) {
  .jp-cmp-song-movie-block .jp-cmp-tab-list-001 li a { padding: 8px 5px 6px; font-size: 135%; }
  .jp-cmp-song-movie-block .jp-cmp-tab-list-001 li a img { margin-left: 8px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-song-movie-block { margin-top: 2.4em; }
  .jp-cmp-song-movie-block .jp-cmp-tab-list-001 li a { padding: 0.4em 0.2em; font-size: 1em; }
  .jp-cmp-song-movie-block .jp-cmp-tab-list-001 li a img { width: 25%; margin-left: 0.2em; }
  .jp-cmp-song-movie-contents .jp-cmp-movie-list-001 { min-height: inherit; }
}
.jp-cmp-graph-age, .jp-cmp-graph-sex { box-sizing: border-box; background: rgb(242, 245, 248); border-radius: 5px; }
.jp-cmp-graph-age h3 { font-size: 135%; font-weight: bold; }
.jp-cmp-graph-age-inner { display: table; }
.jp-cmp-graph-age-graph { display: table-cell; overflow: hidden; vertical-align: middle; }
.jp-cmp-graph-age .jp-cmp-gragh-img-001 { position: absolute; }
.jp-cmp-graph-age span { color: rgb(127, 127, 127); font-size: 120%; font-weight: bold; }
.jp-cmp-graph-legend { display: table-cell; border-left: 2px solid rgb(222, 226, 231); vertical-align: middle; }
.jp-cmp-graph-legend li::before { content: "●"; display: inline-block; margin-right: 6px; font-size: 120%; }
.jp-cmp-graph-legend li:first-child::before { color: rgb(0, 234, 205); }
.jp-cmp-graph-legend li:nth-child(2)::before { color: rgb(11, 158, 235); }
.jp-cmp-graph-legend li:nth-child(3)::before { color: rgb(0, 204, 0); }
.jp-cmp-graph-legend li:nth-child(4)::before { color: rgb(246, 207, 60); }
.jp-cmp-graph-legend li:nth-child(5)::before { color: rgb(253, 104, 73); }
.jp-cmp-graph-legend li:nth-child(6)::before { color: rgb(153, 102, 204); }
.jp-cmp-graph-sex h3 { font-size: 135%; font-weight: bold; }
.jp-cmp-graph-sex-male, .jp-cmp-graph-sex-female { margin-top: 6px; }
.jp-cmp-graph-sex .jp-cmp-image-text-column-001 { margin-bottom: 8px; }
.jp-cmp-graph-sex .jp-cmp-image { margin-right: 10px; }
.jp-cmp-graph-sex .jp-cmp-text { color: rgb(127, 127, 127); font-size: 120%; }
.jp-cmp-graph-sex .jp-cmp-text div { font-weight: bold; }
.jp-cmp-graph-sex .ng-binding { font-size: 110%; }
.jp-cmp-graph-sex-male .ng-binding { color: rgb(11, 158, 235); }
.jp-cmp-graph-sex-female .ng-binding { color: rgb(253, 104, 73); }
.jp-cmp-graph-sex div > svg { border-radius: 8px / 10px 10px 14px 14px; }
@media screen and (min-width: 768px) {
  .jp-cmp-graph-001 { overflow: hidden; width: 730px; }
  .jp-cmp-graph-age { float: left; width: 470px; min-height: 225px; padding: 15px 25px; }
  .jp-cmp-graph-age-graph { width: 340px; }
  .jp-cmp-graph-age-male, .jp-cmp-graph-age-female { float: left; width: 120px; margin: 0px 0px 0px 15px; text-align: center; }
  .jp-cmp-graph-age-female { margin-left: 45px; }
  .jp-cmp-graph-age-male .jp-cmp-gragh-img-001, .jp-cmp-graph-age-female .jp-cmp-gragh-img-001 { top: 39px; left: 51px; }
  .jp-cmp-graph-legend { padding-left: 6px; }
  .jp-cmp-graph-legend li { margin-top: 14px; font-size: 120%; line-height: 0.85; }
  .jp-cmp-graph-legend li:first-child { margin-top: 0px; }
  .jp-cmp-graph-sex { float: right; width: 240px; min-height: 225px; padding: 15px 25px; }
  .jp-cmp-graph-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-graph-001 p:first-child { float: left; }
  .jp-cmp-graph-001 p:last-child { float: right; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-graph-001 p { margin-bottom: 0.8em; }
  .jp-cmp-graph-age { margin-bottom: 0.8em; padding: 15px; }
  .jp-cmp-graph-age-graph { width: 190px; }
  .jp-cmp-graph-age-male, .jp-cmp-graph-age-female { float: left; width: 82px; margin: 0px 0px 0px 15px; text-align: center; }
  .jp-cmp-graph-age-male { margin-left: 0px; }
  .jp-cmp-graph-age svg, .jp-cmp-graph-age svg rect { width: 82px; height: 82px; }
  .jp-cmp-graph-age .jp-cmp-gragh-img-001 { top: 27px; left: 34px; }
  .jp-cmp-graph-age-male img { width: 11px; height: 30px; }
  .jp-cmp-graph-age-female img { width: 13px; height: 28px; }
  .jp-cmp-graph-legend { padding-left: 4px; }
  .jp-cmp-graph-legend li { margin-top: 0.8em; }
  .jp-cmp-graph-legend li:first-child { margin-top: 0px; }
  .jp-cmp-graph-legend li::before { margin-right: 0.1em; }
  .jp-cmp-graph-sex { overflow: hidden; padding: 15px; }
  .jp-cmp-graph-sex-male { float: left; width: 49%; }
  .jp-cmp-graph-sex-female { float: right; width: 49%; }
  .jp-cmp-graph-sex svg { width: 115px; height: 13px; }
}
.jp-cmp-music-list-title-001 .jp-cmp-music-title-001 { margin-bottom: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-music-list-title-001 .jp-cmp-table-column:first-child { min-width: 351px; }
  .jp-cmp-music-list-title-001 .jp-cmp-table-column:last-child { padding-left: 20px; text-align: left; }
  .jp-cmp-music-distribution-001 dl { display: table; }
  .jp-cmp-music-distribution-001 dt { display: table-cell; width: 50px; height: 50px; text-align: center; vertical-align: middle; }
  .jp-cmp-music-distribution-001 dt strong { display: block; width: 50px; height: 50px; line-height: 1; padding-top: 18px; box-sizing: border-box; border-radius: 50px; border: 2px solid rgb(129, 137, 145); background: rgb(129, 137, 145); color: rgb(255, 255, 255); }
  .jp-cmp-music-distribution-001 dd ul { margin-left: 20px; }
  .jp-cmp-music-distribution-001 dd li { margin: 5px 0px; }
  .jp-cmp-music-distribution-001 dd li a { font-size: 120%; }
  .jp-cmp-music-distribution-001 dd li span { margin-left: 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-music-list-title-001 .jp-cmp-table-column-001 { margin: 0px -10px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-music-list-title-001 .jp-cmp-link-block-002 { padding: 1.2em 30px 1em 10px; background-position: 98% 1.4em; }
  .jp-cmp-music-list-title-001 .jp-cmp-table-column:last-child .jp-cmp-list-inline-003 li { display: none; }
  .jp-cmp-music-list-title-001 .jp-cmp-table-column:last-child .jp-cmp-list-inline-003 li.jp-cmp-music-list-btn { display: block; margin: 0px 10px 1.2em 0px; text-align: right; }
  .jp-cmp-music-distribution-001 { margin: 0.2em 10px 1.2em; }
  .jp-cmp-music-distribution-001 dt { padding: 0.3em 0px 0.2em; box-sizing: border-box; border-radius: 3px / 3px 3px 0px 0px; background: rgb(129, 137, 145); color: rgb(255, 255, 255); font-weight: bold; text-align: center; vertical-align: middle; }
  .jp-cmp-music-distribution-001 dd { padding: 1em 10px 1.2em; box-sizing: border-box; border-radius: 3px / 0px 0px 3px 3px; background: rgb(242, 245, 248); font-weight: bold; vertical-align: middle; }
  .jp-cmp-music-distribution-001 dd ul li { margin-top: 1em; }
  .jp-cmp-music-distribution-001 dd ul li:first-child { margin-top: 0px; }
  .jp-cmp-music-distribution-001 dd ul li span { margin-left: 10px; }
}
.jp-cmp-music-list-movie-001 .jp-cmp-border-block { position: relative; padding: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-music-list-movie-001 .jp-cmp-border-block { margin-bottom: 20px; }
  .jp-cmp-music-list-movie-001 .jp-cmp-border-block > .jp-cmp-link-block-002 { padding: 18px 50px 18px 18px; background-position: 96% 50%; color: rgb(59, 59, 59); }
  .jp-cmp-music-list-movie-001 .jp-cmp-music-list-btn { position: absolute; top: 102px; left: 19px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-music-list-movie-001 { margin-bottom: 1.4em; }
  .jp-cmp-music-list-movie-001 .jp-cmp-link-block-002 { padding: 1.2em 30px 0px 10px; background-position: 98% 36px; color: rgb(59, 59, 59); }
  .jp-cmp-music-list-movie-001 .jp-cmp-border-block > .jp-cmp-link-block-002 { padding: 1.2em 10px; }
  .jp-cmp-music-list-movie-001 .jp-cmp-image-text-column-001 .jp-cmp-image img { width: 78px; }
  .jp-cmp-music-list-movie-001 .jp-cmp-text { overflow: visible; }
  .jp-cmp-music-list-movie-001 .jp-cmp-text h3, .jp-cmp-music-list-movie-001 .jp-cmp-text .jp-cmp-movie-status-001 { overflow: hidden; }
  .jp-cmp-music-list-movie-001 .jp-cmp-music-list-btn { margin: 0px 10px 1.2em 0px; text-align: right; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-music-list-movie-002 .jp-cmp-border-block { width: 31.5%; margin: 0px 0px 20px 2.7%; padding: 0px; text-align: center; }
  .jp-cmp-music-list-movie-002 .jp-cmp-border-block:nth-child(2n+1) { margin-left: 2.7%; }
  .jp-cmp-music-list-movie-002 .jp-cmp-border-block:first-child { margin-left: 0px; }
  .jp-cmp-music-list-movie-002 .jp-cmp-link-block-001 { padding: 20px 20px 2px; background-position: 96% 50%; color: rgb(51, 51, 51); }
  .jp-cmp-music-list-movie-002 .jp-cmp-movie-status-001 { margin-top: 10px; text-align: left; }
  .jp-cmp-music-list-movie-002 .jp-cmp-movie-title-001 { margin: 10px 0px 15px; font-size: 120%; text-align: left; }
  .jp-cmp-music-list-movie-002 .jp-cmp-movie-title-001 strong { font-weight: bold; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-music-list-movie-002 { margin-bottom: 1.4em; }
  .jp-cmp-music-list-movie-002 .jp-cmp-border-block:first-child .jp-cmp-link-block-001 { border-top: 1px solid rgb(218, 218, 218); }
  .jp-cmp-music-list-movie-002 .jp-cmp-link-block-001 { display: table; width: 100%; padding: 1.2em 1.5em; box-sizing: border-box; color: rgb(51, 51, 51); }
  .jp-cmp-music-list-movie-002 .jp-cmp-movie-image-001 { display: table-cell; width: 78px; padding-right: 18px; box-sizing: border-box; vertical-align: middle; }
  .jp-cmp-music-list-movie-002 .jp-cmp-movie-status-001 { display: table-cell; padding-left: 10px; box-sizing: border-box; border-left: 1px solid rgb(182, 182, 182); vertical-align: middle; }
  .jp-cmp-music-list-movie-002 .jp-cmp-movie-image-002 { display: table-cell; width: 34%; padding-right: 4%; box-sizing: border-box; vertical-align: middle; }
  .jp-cmp-music-list-movie-002 .jp-cmp-movie-title-001 { display: table-cell; box-sizing: border-box; vertical-align: middle; }
}
.jp-cmp-movie-list-001 > ul > li > a { display: block; width: 100%; padding: 20px; box-sizing: border-box; border-top: 1px solid rgb(222, 227, 231); color: rgb(51, 51, 51); }
.jp-cmp-movie-list-001 > ul > li > a figure { display: table; width: 100%; }
.jp-cmp-movie-list-001 > ul > li > a figure > .jp-cmp-movie-image { display: table-cell; vertical-align: middle; }
.jp-cmp-movie-list-001 > ul > li > a figcaption { display: table-cell; vertical-align: middle; }
@media screen and (min-width: 768px) {
  .jp-cmp-movie-list-001 > ul > li > a figure > .jp-cmp-movie-image { min-width: 112px; }
  .jp-cmp-movie-list-001.jp-cmp-movie-list-youtube > ul > li > a figure > .jp-cmp-movie-image { min-width: 120px; }
  .jp-cmp-movie-list-001 > ul > li > a figcaption { width: 100%; padding-left: 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-list-001 > ul > li > a.jp-cmp-link-block-003 { padding: 20px 13px !important; }
  .jp-cmp-movie-list-001 > ul > li > a.jp-cmp-link-block-001 { padding: 1.2em 1.5em; box-sizing: border-box; color: rgb(51, 51, 51); }
  .jp-cmp-movie-list-001 > ul > li > a figure { display: table; width: 100%; }
  .jp-cmp-movie-list-001 > ul > li > a figure > .jp-cmp-movie-image { width: 78px; min-width: 78px; padding-right: 18px; box-sizing: border-box; vertical-align: middle; }
  .jp-cmp-movie-list-001.jp-cmp-movie-list-youtube > ul > li > a figure > .jp-cmp-movie-image { width: 138px; min-width: 138px; }
  .jp-cmp-movie-list-001 > ul > li > a figcaption { width: 100%; padding-left: 10px; box-sizing: border-box; border-left: 1px solid rgb(182, 182, 182); vertical-align: middle; }
}
.jp-cmp-karaoke-list-001 > ul > li { border-top: 1px solid rgb(218, 218, 218); }
.jp-cmp-karaoke-block-001 > div.jp-cmp-kyokupuro-block { padding: 20px 0px; border-top: 1px solid rgb(218, 218, 218); }
.jp-cmp-karaoke-platform { font-size: 0px; }
.jp-cmp-karaoke-platform ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.toggle { display: none; }
.Label { font-size: 12px; text-align: center; display: block; color: rgb(0, 0, 0); background: rgb(161, 177, 191); }
.Label::before { content: ""; width: 6px; height: 6px; border-top: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); position: absolute; top: calc(50% - 3px); right: 20px; transform: rotate(135deg); }
.Label, .content { font-size: 12px; backface-visibility: hidden; transform: translateZ(0px); transition: 0.3s; }
.content { height: 0px; margin-bottom: 10px; overflow: hidden; }
.toggle:checked + .Label + .content { height: auto; transition: 0.3s; }
.toggle:checked + .Label::before { transform: rotate(-45deg) !important; }
@media screen and (max-width: 767px) {
  .modeltoggle { display: none; }
  .Label { font-size: 12px; text-align: center; display: block; color: rgb(0, 0, 0); background: rgb(61, 61, 61); }
  .Label::before { content: ""; width: 6px; height: 6px; border-top: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); position: absolute; top: 8px; left: 20px; transform: rotate(135deg); }
  .Label, .content { font-size: 12px; backface-visibility: hidden; transform: translateZ(0px); transition: 0.3s; }
  .content { height: 0px; margin-bottom: 0px; overflow: hidden; }
  .content-tips { font-size: 10px; }
  .content-tips span { color: rgb(205, 0, 235); }
  .content-tips div { line-height: 2; }
  .content-other-tips { font-size: 0px; }
  .content-other-tips span { color: rgb(205, 0, 235); }
  .content-other-tips div { line-height: 2; }
  .modeltoggle:checked + .content { height: auto; transition: 0.3s; font-size: 0px; }
  .modeltoggle:checked + .content + .content-other-tips { height: auto; font-size: 10px; transition: 0.3s; }
  .modeltoggle:checked + .content + .content-other-tips + .Label::before { transform: translateY(3px) rotate(-45deg) !important; }
}
@media screen and (min-width: 768px) {
  .modeltoggle { display: none; }
  .Label { font-size: 12px; text-align: center; display: block; color: rgb(0, 0, 0); background: rgb(61, 61, 61); margin-right: 20px; }
  .Label::before { content: ""; width: 6px; height: 6px; border-top: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); position: absolute; top: 8px; left: 20px; transform: rotate(135deg); }
  .Label, .content { font-size: 12px; backface-visibility: hidden; transform: translateZ(0px); transition: 0.3s; }
  .content { height: 0px; margin-bottom: 0px; overflow: hidden; }
  .content-tips { font-size: 10px; }
  .content-tips span { color: rgb(205, 0, 235); }
  .content-tips div { line-height: 2; }
  .content-other-tips { font-size: 0px; }
  .content-other-tips span { color: rgb(205, 0, 235); }
  .content-other-tips div { line-height: 2; }
  .modeltoggle:checked + .content { height: auto; transition: 0.3s; font-size: 0px; }
  .modeltoggle:checked + .content + .content-other-tips { height: auto; font-size: 10px; transition: 0.3s; }
  .modeltoggle:checked + .content + .content-other-tips + .Label::before { transform: translateY(3px) rotate(-45deg) !important; }
}
.jp-cmp-other-models-btn { font-size: 12px; display: inline; padding: 3px 0px; background: rgb(242, 245, 248); width: 22% !important; }
.jp-cmp-other-models-btn a { display: inline-block; width: 90%; height: 16px; padding: 0px 0px 0px 36px; box-sizing: border-box; background: url("/web/feature/img/ico-arrow-003.png") right center / 14px 8px no-repeat; color: rgb(0, 0, 0); font-size: 120%; font-weight: bold; }
.jp-cmp-other-models-btn a.jp-cmp-open { background: url("/web/feature/img/ico-arrow-011.png") 15px 50% / 14px 8px no-repeat; }
.jp-cmp-other-models-btn a:active, .jp-cmp-other-models-btn a:focus { text-decoration: none; }
.jp-cmp-other-models-btn a:hover { text-decoration: none; opacity: 0.7; }
.jp-cmp-karaoke-platform li { float: left; margin: 0px 8px 5px 0px; width: 108px; height: 16px; }
@media screen and (min-width: 768px) {
  .jp-cmp-karaoke-list-001 > ul > li { padding: 20px 0px; border-top: 1px solid rgb(218, 218, 218); }
  #jp-cmp-karaoke-household > div.jp-cmp-karaoke-details:not(:nth-child(2)) { border-top: 1px solid rgb(218, 218, 218); padding: 20px 0px; }
  .jp-cmp-karaoke-list-001 > ul > li::after, .jp-cmp-karaoke-block-001 > div.jp-cmp-kyokupuro-block::after, .jp-cmp-karaoke-block-002 > div.jp-cmp-kyokupuro-block::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-karaoke-list-001 .jp-cmp-karaoke-details, .jp-cmp-karaoke-block-001 .jp-cmp-kyokupuro-block .jp-cmp-karaoke-details, .jp-cmp-karaoke-block-002 .jp-cmp-kyokupuro-block .jp-cmp-karaoke-details { float: left; width: 290px; margin-right: 10px; }
  .jp-cmp-karaoke-details h4 { margin-bottom: 15px; font-size: 150%; font-weight: bold; overflow-wrap: break-word; }
  .jp-cmp-karaoke-list-001 .jp-cmp-karaoke-platform, .jp-cmp-karaoke-block-001 .jp-cmp-kyokupuro-block .jp-cmp-karaoke-platform, .jp-cmp-karaoke-block-002 .jp-cmp-kyokupuro-block .jp-cmp-karaoke-platform { float: left; width: 245px; }
  .jp-cmp-karaoke-list-001 .jp-cmp-karaoke-user { float: left; width: 184px; }
  .jp-cmp-karaoke-user .jp-cmp-karaoke-user-gp-img { text-align: center; }
  .jp-cmp-karaoke-user .jp-cmp-karaoke-user-gp-average { color: red; border: solid red; border-radius: 7px; text-align: center; margin-top: -5px; }
  .jp-cmp-karaoke-user .jp-cmp-karaoke-user-gp-average .jp-cmp-karaoke-user-gp-average-point { font-size: 170%; }
  .jp-cmp-karaoke-user .jp-cmp-karaoke-user-contents { margin-top: 10px; }
  .jp-cmp-karaoke-user .jp-cmp-karaoke-user-contents .jp-cmp-text p { margin-top: 8px; }
  .jp-cmp-karaoke-user .jp-cmp-karaoke-user-contents .jp-cmp-text p:first-child { margin-top: 0px; }
  .jp-cmp-karaoke-user .jp-cmp-karaoke-user-btn { margin-top: 10px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-karaoke-list-001 > ul > li { padding: 1.2em 0px; }
  #jp-cmp-karaoke-household > div.jp-cmp-karaoke-details:not(:nth-child(2)) { border-top: 1px solid rgb(218, 218, 218); padding: 1.2em 0px; }
  .jp-cmp-karaoke-details h4 { margin-bottom: 0.6em; font-size: 1.2em; font-weight: bold; overflow-wrap: break-word; }
  .jp-cmp-karaoke-list-001 .jp-cmp-karaoke-user { text-align: right; }
  .jp-cmp-karaoke-list-001 .jp-cmp-karaoke-user > * { display: none; }
  .jp-cmp-karaoke-list-001 .jp-cmp-karaoke-user .jp-cmp-karaoke-user-gp { display: block; }
  .jp-cmp-karaoke-list-001 .jp-cmp-karaoke-user .jp-cmp-karaoke-user-gp-img { margin-right: 3%; }
  .jp-cmp-karaoke-list-001 .jp-cmp-karaoke-user .jp-cmp-karaoke-user-gp-average { color: red; border: solid red; border-radius: 7px; text-align: center; width: 128px; margin-left: auto; margin-top: -5px; padding: 5px 10px 4px; }
  .jp-cmp-karaoke-list-001 .jp-cmp-karaoke-user .jp-cmp-karaoke-user-btn { display: inline-block; margin-top: 0.6em; }
  .jp-cmp-karaoke-list-001 > ul > li, .jp-cmp-karaoke-block-001 > div.jp-cmp-kyokupuro-block { padding: 1.2em 0px; border-top: 1px solid rgb(218, 218, 218); }
}
@media screen and (min-width: 768px) {
  .jp-cmp-song-caution { margin-top: -10px; margin-bottom: 30px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-song-caution { margin: 10px 3%; }
}
.jp-cmp-karaoke-block-001 h3, .jp-cmp-karaoke-block-002 h3 { box-sizing: border-box; background: rgb(239, 239, 239); font-weight: bold; }
@media screen and (min-width: 768px) {
  .jp-cmp-karaoke-block-001 h3, .jp-cmp-karaoke-block-002 h3 { margin-bottom: 15px; padding: 8px 10px; border-radius: 3px; font-size: 135%; }
  .jp-cmp-karaoke-block-001 h3::before, .jp-cmp-karaoke-block-002 h3::before { content: ""; display: inline-block; width: 20px; height: 25px; margin-right: 10px; vertical-align: middle; }
  #jp-cmp-karaoke-household h3::before { background: url("/web/feature/img/ico-karaoke-001.png") 0px 0px no-repeat; }
  #jp-cmp-karaoke-kyokupro h3::before { background: url("/web/feature/img/ico-kyokupro-001.png") 0px 0px no-repeat; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-karaoke-block-001 h3, .jp-cmp-karaoke-block-002 h3 { margin: 0px -10px 1.4em; padding: 0.6em 0.5em; border-radius: 3px; font-size: 135%; }
  .jp-cmp-karaoke-block-001 h3::before, .jp-cmp-karaoke-block-002 h3::before { content: ""; display: inline-block; width: 20px; height: 25px; margin-right: 10px; vertical-align: middle; }
  #jp-cmp-karaoke-household h3::before { background: url("/web/feature/img/ico-karaoke-001.png") 0px 0px no-repeat; }
  #jp-cmp-karaoke-kyokupro h3::before { background: url("/web/feature/img/ico-kyokupro-001.png") 0px 0px no-repeat; }
}
.jp-cmp-movie-status-001 > dl::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-movie-status-001 > dl > dt { clear: both; float: left; }
.jp-cmp-movie-status-001 > dl > dd { float: left; }
@media screen and (min-width: 768px) {
  .jp-cmp-movie-status-001 { margin-bottom: 15px; }
  .jp-cmp-movie-status-001 > dl > dd { }
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-status-001 { margin-bottom: 0.8em; }
  .jp-cmp-movie-status-001 > dl > dt { max-width: 29.82%; }
  .jp-cmp-movie-status-001 > dl > dd { word-break: break-all; max-width: 70.18%; }
}
.jp-cmp-movie-status-002 { margin-bottom: 10px; }
.jp-cmp-movie-status-002 dt { display: inline-block; }
.jp-cmp-movie-status-002 dd { display: inline-block; margin-top: 3px; margin-right: 12px; max-width: 243px; }
.jp-cmp-movie-status-002 dd:last-child { margin-right: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-movie-status-002 dt { margin-top: 3px; vertical-align: top; }
}
.jp-cmp-movie-status-003 { margin-bottom: 10px; }
.jp-cmp-movie-status-003 dt { display: inline-block; }
.jp-cmp-movie-status-003 dd { display: inline-block; margin-top: 3px; margin-right: 12px; max-width: 243px; }
.jp-cmp-movie-status-003 dd:last-child { margin-right: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-movie-status-003 dt { margin-top: 3px; vertical-align: top; }
}
.jp-cmp-h1-category-movie { background: rgb(229, 229, 229); color: rgb(255, 255, 255); font-weight: bold; text-align: center; }
@media screen and (min-width: 768px) {
  .jp-cmp-h1-category-movie { margin: 30px 0px; font-size: 200%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h1-category-movie { margin: 10px 3%; padding: 0px; font-size: 1.5em; }
}
.jp-cmp-movie-main-area-001 { position: relative; }
@media screen and (max-width: 767px) {
  .jp-cmp-movie-main-area-001 { padding-top: 10px; }
}
.jp-cmp-user-list-001 ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-user-list-001 ul li { float: left; }
.jp-cmp-user-list-001 ul li > a { color: rgb(51, 51, 51); }
.jp-cmp-user-list-001 ul li > a:hover { text-decoration: none; opacity: 0.75; }
.jp-cmp-user-list-001 .bx-wrapper .bx-pager { position: static; margin: 10px 0px 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-user-list-001.jp-cmp-carousel-block { }
  .jp-cmp-user-list-001 ul li { width: 130px; margin-left: 20px; }
  .jp-cmp-user-list-001 ul li:first-child { margin-left: 0px; }
  .jp-cmp-user-list-001 .bx-wrapper ul li { width: 120px; margin: 0px 15px 0px 0px; }
  .jp-cmp-user-list-001 .bx-wrapper ul li:first-child { margin-left: 0px; }
  .jp-cmp-user-list-001 ul li > a { display: block; padding: 16px 0px 14px; border-radius: 3px; box-sizing: border-box; background: rgb(242, 245, 248); color: rgb(51, 51, 51); text-align: center; height: 126px; }
  .jp-cmp-user-list-001 figure img { margin-bottom: 10px; }
  .jp-cmp-user-list-001 figure figcaption { margin: 0px 5px; }
  .jp-cmp-user-list-001 .bx-wrapper .bx-controls-direction a { top: 50%; width: 32px; height: 32px; margin-top: -24px; }
  .jp-cmp-user-list-001 .bx-wrapper .bx-prev { left: -45px; background: url("/web/feature/img/ico-prev-002.png") 0px 0px no-repeat; }
  .jp-cmp-user-list-001 .bx-wrapper .bx-next { right: -45px; background: url("/web/feature/img/ico-next-002.png") 0px 0px no-repeat; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-user-list-001 { margin: 0px 10px; }
  .jp-cmp-user-list-001 + .jp-cmp-readmore-001 { margin: 1.2em -10px 0px; padding: 1.2em 10px 0px; border-top: 1px solid rgb(218, 218, 218); }
  .jp-cmp-user-list-001 a { text-align: center; }
  .jp-cmp-user-list-001 figcaption { margin-top: 0.4em; }
  .jp-cmp-user-list-001 .bx-wrapper .bx-controls-direction a { width: 20px; height: 20px; }
  .jp-cmp-user-list-001 .bx-wrapper .bx-prev { left: -20px; background: url("/web/feature/img/smp/ico-prev-001.png") 50% 50% / 10px 20px no-repeat; }
  .jp-cmp-user-list-001 .bx-wrapper .bx-next { right: -20px; background: url("/web/feature/img/smp/ico-next-001.png") 50% 50% / 10px 20px no-repeat; }
}
.jp-cmp-movie-status-area-001 { display: table; width: 100%; }
.jp-cmp-movie-status-area-001 .jp-cmp-movie-status-area-001-column-001 { display: table-cell; vertical-align: middle; }
.jp-cmp-movie-status-area-001 .jp-cmp-movie-status-area-001-column-002 { display: table-cell; vertical-align: middle; }
.jp-cmp-movie-point { color: rgb(239, 96, 0); font-weight: bold; text-align: center; }
@media screen and (min-width: 768px) and (max-width: 1070px) {
  .jp-cmp-movie-status-area-001-column-002 .jp-cmp-movie-status-002 dd { width: 400px !important; max-width: 400px; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-movie-status-area-001 { margin-bottom: 20px; }
  .jp-cmp-movie-status-area-001 .jp-cmp-movie-status-area-001-column-001 { width: 124px; }
  .jp-cmp-movie-status-area-001 .jp-cmp-movie-status-area-001-column-002 strong { font-weight: bold; font-size: 14px; }
  .jp-cmp-movie-point { font-size: 90%; }
  .jp-cmp-movie-status-area-001 .jp-cmp-movie-point { width: 114px; font-size: 120%; }
  .jp-cmp-movie-status-area-001 .jp-cmp-movie-status-002 { width: 562px; margin: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-status-area-001 { margin-bottom: 20px; }
  .jp-cmp-movie-status-area-001 .jp-cmp-movie-status-area-001-column-001 { width: 32%; }
  .jp-cmp-movie-status-area-001 .jp-cmp-movie-point { word-break: break-all; }
  .jp-cmp-movie-point span { display: block; }
  .jp-cmp-movie-status-area-001 .jp-cmp-movie-status-area-001-column-002 .jp-cmp-movie-status-002 { margin-bottom: 0px; }
  .jp-cmp-movie-status-area-001 .jp-cmp-movie-status-area-001-column-002 .jp-cmp-movie-status-002 dd, .jp-cmp-movie-status-area-001 .jp-cmp-movie-status-area-001-column-002 .jp-cmp-movie-status-002 dt { display: block; }
}
.jp-cmp-movie-status-area-002-column-003 { text-align: right; }
@media screen and (min-width: 768px) {
  .jp-cmp-movie-status-area-002::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
  .jp-cmp-movie-status-area-002-column-001 { float: left; width: 275px; }
  .jp-cmp-movie-status-area-002-column-002 { float: left; width: 245px; }
  .jp-cmp-movie-status-area-002-column-003 { float: right; width: 205px; text-align: right; }
  .jp-cmp-movie-status-area-002-column-002 .jp-cmp-movie-status-002 dd { width: 170px; }
  .jp-cmp-movie-status-area-002 .jp-cmp-movie-status-001 > dl > dd { width: 220px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-status-area-002-column-002 .jp-cmp-movie-status-002 dt { width: 5em; }
  .jp-cmp-movie-status-area-002-column-002 .jp-cmp-movie-status-002 dd { width: 6em; }
  .jp-cmp-movie-status-area-002-column-002 .jp-cmp-movie-status-003 dt { width: 5em; }
}
.jp-cmp-movie-blank-area-001 { width: 10px; font-size: 0em; background: rgb(255, 255, 255); }
.jp-cmp-movie-value-area-001 { margin-top: 10px; font-size: 0px; }
.jp-cmp-movie-value-area-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-movie-value-area-001 .jp-cmp-movie-value-area-001-column-001 .jp-cmp-movie-status-002 { display: table; margin: 0px; text-align: center; width: 100%; }
.jp-cmp-movie-value-area-001 .jp-cmp-movie-value-area-001-column-001 .jp-cmp-movie-status-002 p { display: table-cell; font-size: 14px; vertical-align: middle; word-break: break-all; font-weight: bold; }
.jp-cmp-movie-value-btn-list li dt a, .jp-cmp-movie-value-btn-list li dt p { display: table; box-sizing: border-box; border-radius: 3px; font-weight: bold; line-height: 1.4; text-align: center; color: rgb(255, 255, 255) !important; }
.jp-cmp-movie-value-btn-list li dt a:hover { text-decoration: none; opacity: 0.7; color: rgb(255, 255, 255); }
.jp-cmp-movie-value-btn-list li:last-child dd { margin-right: 0px; }
.jp-cmp-movie-value-btn-list dd a, .jp-cmp-movie-value-btn-list dd p { display: table; box-sizing: border-box; text-align: center; vertical-align: middle; }
.jp-cmp-movie-value-btn-list li dd a:hover { text-decoration: none; opacity: 0.75; }
.jp-cmp-movie-value-btn-list li dt a span, .jp-cmp-movie-value-btn-list li dd a span, .jp-cmp-movie-value-btn-list li dt p span, .jp-cmp-movie-value-btn-list li dd p span { display: table-cell; font-weight: bold; vertical-align: middle; word-break: break-all; }
.jp-cmp-movie-value-btn-list li dd a span, .jp-cmp-movie-value-btn-list li dd p span { line-height: 1.2; }
@media screen and (min-width: 768px) {
  .jp-cmp-movie-value-area-001 { margin-top: 20px; }
  .jp-cmp-movie-value-area-001 .jp-cmp-movie-value-area-001-column-001 { display: inline-block; width: 115px; margin: 0px 3px 20px 0px; vertical-align: top; padding: 6px 7px !important; }
  .jp-cmp-movie-value-area-001 .jp-cmp-movie-status-002 { height: 28px; }
  .jp-cmp-movie-value-area-001 .jp-cmp-movie-value-area-001-column-001 .jp-cmp-movie-status-002 dl { font-size: 14px; }
  .jp-cmp-movie-value-btn-list, .jp-cmp-movie-value-btn-list li, .jp-cmp-movie-value-btn-list li dt, .jp-cmp-movie-value-btn-list li dd { display: inline-block; vertical-align: top; }
  .jp-cmp-movie-value-area-001-column-002 { float: right; }
  .jp-cmp-movie-value-btn-list li { margin-bottom: 20px; }
  .jp-cmp-movie-value-btn-list li dt { margin-right: 1px; }
  .jp-cmp-movie-value-btn-list li dt a, .jp-cmp-movie-value-btn-list li dt p { height: 40px; padding: 3px 8px 2px 17px; background-size: 6px 8px; font-size: 14px; }
  .jp-cmp-movie-value-btn-list li dt a { background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 8px 50% / 6px 8px no-repeat rgb(215, 14, 24); }
  .jp-cmp-movie-value-btn-list li dt p { background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 8px 50% / 6px 8px no-repeat rgb(167, 167, 167); }
  .jp-cmp-movie-value-btn-list li.jp-cmp-movie-value-btn-collection dt a span, .jp-cmp-movie-value-btn-list li.jp-cmp-movie-value-btn-collection dt p span { font-size: 80%; }
  .jp-cmp-movie-value-btn-list li dd a, .jp-cmp-movie-value-btn-list li dd p { width: 58px; height: 40px; padding: 2px 5px 2px 10px; background: url("/web/feature/img/bg-balloon-002.png") 0px 0px no-repeat; font-size: 14px; }
  .jp-cmp-movie-value-btn-list li dd { margin-right: 6px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-value-area-001 { margin-bottom: 20px; }
  .jp-cmp-movie-value-area-001 .jp-cmp-movie-value-area-001-column-001 { margin-bottom: 10px; }
  .jp-cmp-movie-value-area-001 .jp-cmp-movie-status-002 { width: 100%; text-align: center; }
  .jp-cmp-movie-value-area-001 .jp-cmp-movie-value-area-001-column-001 .jp-cmp-movie-status-002 dl { font-size: 15px; }
  .jp-cmp-movie-value-btn-list { display: table; width: 100%; }
  .jp-cmp-movie-value-btn-list li { display: table-cell; border-right: 6px solid rgb(255, 255, 255); vertical-align: middle; }
  .jp-cmp-movie-value-btn-list li.jp-cmp-movie-value-btn-value { width: 20%; }
  .jp-cmp-movie-value-btn-list li.jp-cmp-movie-value-btn-favolite { width: 25%; }
  .jp-cmp-movie-value-btn-list li.jp-cmp-movie-value-btn-collection { width: 37%; }
  .jp-cmp-movie-value-btn-list li.jp-cmp-movie-value-btn-comment { width: 18%; }
  .jp-cmp-movie-value-btn-list li:last-child { border-right: 0px; }
  .jp-cmp-movie-value-btn-list li dt a, .jp-cmp-movie-value-btn-list li dt > p { height: 46px; }
  .jp-cmp-movie-value-btn-list li dt a, .jp-cmp-movie-value-btn-list li dt p { width: 100%; padding: 3px 4px 2px 14px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 4px 50% / 6px 8px no-repeat rgb(215, 14, 24); font-size: 12px; }
  .jp-cmp-movie-value-btn-list li dt a { background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 4px 50% / 6px 8px no-repeat rgb(215, 14, 24); }
  .jp-cmp-movie-value-btn-list li dt p { background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 4px 50% / 6px 8px no-repeat rgb(167, 167, 167); }
  .jp-cmp-movie-value-btn-list li.jp-cmp-movie-value-btn-collection dt a span span, .jp-cmp-movie-value-btn-list li.jp-cmp-movie-value-btn-collection dt p span span { display: inline-block; margin-top: 0.2em; font-size: 80%; }
  .jp-cmp-movie-value-btn-list li dd a, .jp-cmp-movie-value-btn-list li dd p { position: relative; width: 100%; margin-top: 6px; box-sizing: border-box; border-radius: 2px; border: 1px solid rgb(170, 170, 170); font-size: 12px; }
  .jp-cmp-movie-value-btn-list li dd a::before, .jp-cmp-movie-value-btn-list li dd p::before { content: ""; display: inline-block; position: absolute; top: -6px; width: 9px; height: 6px; padding-top: 6px; background: url("/web/feature/img/smp/ico-balloon-001.png") 0px 0px / 9px 6px no-repeat; }
}
.jp-cmp-movie-information-area-001 { margin-bottom: 20px; }
.jp-cmp-movie-information-area-001 .jp-cmp-movie-status-002 { font-size: 120%; }
@media screen and (min-width: 768px) {
  .jp-cmp-movie-information-area-001 .jp-cmp-table-column { vertical-align: middle; }
  .jp-cmp-movie-information-area-001 .jp-cmp-table-column:first-child { width: 40%; }
  .jp-cmp-movie-information-area-001 .jp-cmp-table-column:last-child { width: 60%; }
  .jp-cmp-movie-information-area-001 .jp-cmp-movie-status-002 { margin: 0px; }
  .jp-cmp-movie-information-area-001 .jp-cmp-list-social-001 { text-align: right; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-information-area-001 .jp-cmp-movie-status-002 { margin-bottom: 15px; }
  .jp-cmp-movie-information-area-001 .jp-cmp-list-social-001 { text-align: center; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-movie-player-area-001 { margin-bottom: 20px; }
  .jp-cmp-movie-player-area-001 strong { font-weight: bold; font-size: 14px; }
  .jp-cmp-movie-player-area-001 > p { margin-top: 10px; text-align: right; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-player-area-001 { top: 15px; width: 100%; }
  .jp-cmp-movie-player-area-001 img { display: block; height: 215px; margin: 0px auto; }
  .jp-cmp-movie-player-area-001 > p { margin-top: 0.8em; font-size: 0.8em; text-align: right; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-movie-status-area-002-column-001 { font-size: 120%; }
  .jp-cmp-movie-status-002 strong { font-weight: bold; font-size: 14px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-status-area-002 { margin-bottom: 10px; }
  .jp-cmp-movie-status-area-002-column-001 { margin-bottom: 5px; }
  .jp-cmp-movie-status-area-002-column-002 .jp-cmp-list-inline-003, .jp-cmp-movie-status-area-002-column-002 .jp-cmp-movie-status-002 { display: inline-block; }
  .jp-cmp-movie-status-area-002-column-001 dl { width: 100%; }
  .jp-cmp-movie-status-area-002-column-001 dt { width: 13%; }
  .jp-cmp-movie-status-area-002-column-001 dd { width: 87%; }
}
.jp-cmp-movie-status-003 strong { font-weight: bold; font-size: 14px; }
@media screen and (max-width: 767px) {
  .jp-cmp-movie-status-area-002-column-002 .jp-cmp-movie-status-003 { width: 100%; }
  .jp-cmp-movie-status-003 strong { font-weight: normal; font-size: 12px; }
}
.jp-cmp-movie-btn-area-001 { margin-bottom: 20px; }
.jp-cmp-movie-btn-area-001 .jp-cmp-movie-btn { display: inline-block; margin-right: 5px; }
@media screen and (min-width: 768px) {
  .jp-cmp-movie-btn-area-001 .jp-cmp-movie-btn-area-001-text { display: inline-block; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-btn-area-001 .jp-cmp-movie-btn:nth-child(2) { margin-right: 0px; }
  .jp-cmp-movie-btn-area-001 .jp-cmp-movie-btn { margin-bottom: 15px; width: 48%; }
  .jp-cmp-movie-btn-area-001 .jp-cmp-btn-disabled-001 { width: 100%; }
  .jp-cmp-movie-btn-area-001 .jp-cmp-movie-btn-area-001-text { text-align: right; }
}
.jp-cmp-movie-annotation-001 { margin-top: 20px; padding-top: 15px; border-top: 1px solid rgb(218, 218, 218); }
.jp-cmp-movie-annotation-001 .jp-cmp-close { background: url("/web/feature/img/ico-arrow-011.png") 100% 50% / 10px 6px no-repeat; }
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-annotation-001 ul { display: table; width: 100%; }
  .jp-cmp-movie-annotation-001 li { display: table-cell; width: 48%; padding-right: 2%; vertical-align: middle; }
  .jp-cmp-movie-annotation-001 li:last-child { padding: 0px 0px 0px 2%; }
  .jp-cmp-movie-annotation-001 .jp-cmp-close { background: url("/web/feature/img/ico-arrow-011.png") 100% 50% / 14px 8px no-repeat; }
}
.jp-cmp-movie-annotation-002 { margin-top: 10px; }
@media screen and (min-width: 768px) {
  .tablet #jp-cmp-head-column1 { padding-top: 20px; margin-bottom: 0px; }
}
.jp-cmp-ico-question-001 { background: url("/web/feature/img/ico-question-003.png") left top no-repeat; width: 30px; height: 30px; display: inline-block; vertical-align: middle; }
.jp-cmp-ico-question-001 a { display: block; width: 100%; height: 100%; }
.jp-cmp-ico-question-001:hover { text-decoration: none; opacity: 0.75; }
@media screen and (max-width: 767px) {
  .jp-cmp-ico-question-001 { width: 18px; height: 18px; background: url("/web/feature/img/ico-question-003.png") left top / 18px 18px no-repeat; }
}
.jp-cmp-music-list-movie-003 .jp-cmp-border-block { position: relative; padding: 0px; }
.jp-cmp-music-list-movie-003 .jp-cmp-movie-avatar-image, .jp-cmp-music-list-movie-003 .jp-cmp-movie-text-balloon { display: table-cell; vertical-align: top; }
.jp-cmp-music-list-movie-003 .jp-cmp-movie-text-balloon p { position: relative; background: rgb(242, 245, 248); border: 1px solid rgb(186, 186, 186); box-sizing: border-box; overflow-wrap: break-word; }
@media screen and (min-width: 768px) {
  .jp-cmp-music-list-movie-003 .jp-cmp-border-block { margin-bottom: 20px; border-bottom: 1px solid rgb(231, 231, 231); }
  .jp-cmp-music-list-movie-003 .jp-cmp-border-block > .jp-cmp-link-block-002 { padding: 0px 30px 20px 0px; background-position: 100% 50%; color: rgb(59, 59, 59); }
  .jp-cmp-music-list-movie-003 .jp-cmp-text-block-001 { float: left; min-height: 87px; }
  .jp-cmp-music-list-movie-003 .jp-cmp-movie-avatar-image img { max-width: 68px; max-height: 68px; }
  .jp-cmp-music-list-movie-003 .jp-cmp-movie-text-balloon p { border-radius: 5px; padding: 10px; min-height: 73px; width: 146px; margin-left: 16px; overflow-wrap: break-word; }
  .jp-cmp-music-list-movie-003 .jp-cmp-movie-text-balloon p::after { position: absolute; content: ""; display: block; background: url("/web/feature/img/ico-balloon-001.png") left top no-repeat; width: 14px; height: 16px; left: -14px; top: 34px; }
  .jp-cmp-music-list-movie-003 .jp-cmp-text-block-002 { float: right; }
  .jp-cmp-music-list-movie-003 .jp-cmp-movie-status-002 { clear: both; }
  .jp-cmp-music-list-movie-003 .jp-cmp-music-list-btn { position: absolute; top: 82px; left: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-music-list-movie-003 { margin-bottom: 1.4em; }
  .jp-cmp-music-list-movie-003 .jp-cmp-link-block-002 { padding: 1.2em 30px 0px 10px; background-position: 98% 36px; color: rgb(59, 59, 59); }
  .jp-cmp-music-list-movie-003 .jp-cmp-border-block { margin: 0px -10px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-music-list-movie-003 .jp-cmp-border-block > .jp-cmp-link-block-002 { padding: 1.2em 10px; }
  .jp-cmp-music-list-movie-003 .jp-cmp-image-text-column-001 .jp-cmp-image img { width: 78px; }
  .jp-cmp-music-list-movie-003 .jp-cmp-text { overflow: visible; }
  .jp-cmp-music-list-movie-003 .jp-cmp-text h3, .jp-cmp-music-list-movie-003 .jp-cmp-text .jp-cmp-movie-status-001 { overflow: hidden; }
  .jp-cmp-music-list-movie-003 .jp-cmp-text-block-002 { display: table; width: 100%; margin-bottom: 10px; }
  .jp-cmp-music-list-movie-003 .jp-cmp-movie-avatar-image { width: 50px; padding-right: 12px; }
  .jp-cmp-music-list-movie-003 .jp-cmp-movie-avatar-image img { max-width: 50px; max-height: 50px; }
  .jp-cmp-music-list-movie-003 .jp-cmp-movie-text-balloon p { border-radius: 3px; padding: 6px 10px; min-height: 50px; width: 100%; overflow-wrap: break-word; }
  .jp-cmp-music-list-movie-003 .jp-cmp-movie-text-balloon p::after { position: absolute; content: ""; display: block; background: url("/web/feature/img/ico-balloon-003.png") left top / 8px 12px no-repeat; width: 8px; height: 12px; left: -8px; top: 18px; }
  .jp-cmp-music-list-movie-003 .jp-cmp-music-list-btn { margin: 0px 10px 1.2em 0px; text-align: right; }
}
@media screen and (min-width: 768px) {
  .jp-page-song-detail-btn-area ul { position: relative; height: 30px; width: 100%; }
  .jp-page-song-detail-btn-area li { position: absolute; top: 0px; }
  .jp-page-song-detail-btn-area ul .jp-cmp-btn-play, .jp-page-song-detail-btn-area ul .jp-cmp-btn-stop { top: 3px; right: 599px; }
  .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-001 { right: 524px; }
  .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-002 { right: 362px; }
  .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-003 { right: 257px; }
  .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-004 { right: 152px; }
  .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-005 { right: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-page-song-detail-btn-area ul { position: relative; height: 8em; width: 100%; }
  .jp-page-song-detail-btn-area li { position: absolute; }
  .jp-page-song-detail-btn-area ul .jp-cmp-btn-play, .jp-page-song-detail-btn-area ul .jp-cmp-btn-stop { right: 16em; top: 2px; }
  .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-001 { right: 11em; top: 0px; height: 22px; }
  .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-002 { right: 0px; top: 0px; }
  .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-003 { right: 7em; top: 3em; }
  .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-004 { right: 0px; top: 3em; }
  .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-005 { right: 0px; top: 6em; }
}
.jp-cmp-movie-search-inner { border-radius: 3px; background: rgb(121, 132, 141); }
.jp-cmp-accordion-open .jp-cmp-movie-search-inner { border-radius: 3px / 3px 3px 0px 0px; }
.jp-cmp-movie-search-title { color: rgb(255, 255, 255); font-weight: bold; }
.jp-cmp-movie-search-input input[type="text"] { display: inline; height: 40px; padding-left: 10px; box-sizing: border-box; border: 0px; border-radius: 2px / 2px 0px 0px 2px; vertical-align: top; }
.jp-cmp-joy-movie-search-input input[type="text"] { display: inline; height: 40px; padding-left: 10px; box-sizing: border-box; border: 0px; border-radius: 2px / 2px 0px 0px 2px; vertical-align: top; }
.jp-cmp-movie-search-input .jp-cmp-movie-search-option { display: inline-block; height: 20px; padding: 10px 0px; border: 0px; font-weight: bold; border-radius: 2px / 0px 2px 2px 0px; background: rgb(255, 255, 255); }
.jp-cmp-movie-search-input .jp-cmp-movie-search-option a:hover { text-decoration: none; opacity: 0.75; }
.jp-cmp-movie-search-btn button { display: inline-block; height: 40px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 135%; vertical-align: middle; text-align: center; font-weight: bold; border: 0px; box-sizing: border-box; border-radius: 3px; }
.jp-cmp-movie-search-btn button:hover { opacity: 0.75; }
.jp-cmp-movie-search-btn button img { display: inline-block; margin: -2px 20px 0px -20px; vertical-align: middle; }
.jp-cmp-movie-search .jp-cmp-accordion-area-001 { overflow: hidden; padding: 20px; background: rgb(255, 255, 255); box-sizing: border-box; border-style: solid; border-color: rgb(121, 132, 141); border-image: initial; border-width: 0px 2px 2px; border-radius: 7px / 0px 0px 7px 7px; }
@media screen and (min-width: 768px) {
  .jp-cmp-movie-search { margin-top: 20px; }
  p.example::before { content: "うたスキ動画"; font-weight: bold; }
  .jp-cmp-movie-search-inner { padding: 16px 20px; background: rgb(121, 132, 141); }
  .jp-cmp-movie-search-title, .jp-cmp-movie-search-input, .jp-cmp-movie-search-btn { display: table-cell; vertical-align: middle; }
  .jp-cmp-movie-search-input { background-color: rgb(255, 255, 255); }
  .jp-cmp-movie-search-title { font-size: 170%; padding-right: 25px; pointer-events: none; }
  .jp-cmp-movie-search-input input[type="text"] { display: block; float: left; width: 500px; }
  .jp-cmp-movie-search-input .jp-cmp-movie-search-option { float: left; width: 160px !important; }
  .jp-cmp-movie-search-input .jp-cmp-movie-search-option a { height: auto; padding: 0px 0px 0px 36px; border-left: 1px solid rgb(160, 160, 160); background: url("/web/feature/img/ico-arrow-011.png") 15px 50% / 14px 8px no-repeat; color: rgb(0, 0, 0); font-size: 120%; font-weight: bold; }
  .jp-cmp-movie-search-input .jp-cmp-movie-search-option a.jp-cmp-close { background: url("/web/feature/img/ico-arrow-003.png") 15px 50% / 14px 8px no-repeat; }
  .jp-cmp-movie-search-btn { padding-left: 10px; }
  .jp-cmp-accordion-area-001 .jp-cmp-movie-search-btn { display: none; }
  .jp-cmp-movie-search-btn button { width: 160px; }
  .jp-cmp-movie-search .jp-cmp-accordion-search-column:last-child { float: left; }
}
@media screen and (max-width: 767px) {
  p.example::before { content: "うたスキ動画を探す"; color: rgb(204, 204, 204); position: absolute; top: 10px; left: 5%; }
  .jp-cmp-movie-search-inner { height: 20px; padding: 10px; }
  .jp-cmp-movie-search-title { font-size: 123%; line-height: 17px; height: 0%; padding: 0% 9%; border: 10.5px solid rgb(242, 245, 248); background-color: rgb(255, 255, 255); color: rgb(204, 204, 204); width: 59% !important; }
  .jp-cmp-movie-search { position: relative; margin: 35px 3% 0px; }
  .jp-cmp-movie-search-input { }
  .jp-cmp-movie-search-input input[type="text"] { display: none; width: 100%; }
  .jp-cmp-joy-movie-search-input input[type="text"] { display: none; width: 100%; }
  .jp-cmp-accordion-open .jp-cmp-movie-search-input { box-sizing: border-box; }
  .jp-cmp-accordion-open .jp-cmp-movie-search-input input[type="text"] { position: absolute; top: 50px; left: 12px; display: block; width: 92%; margin: 0px; box-sizing: border-box; border: 1px solid rgb(182, 182, 182); }
  .jp-cmp-accordion-open .jp-cmp-joy-movie-search-input input[type="text"] { display: block; margin: 0px 0px 1em; box-sizing: border-box; border: 1px solid rgb(182, 182, 182); }
  .jp-cmp-movie-search-input select { width: 40%; }
  .jp-cmp-movie-search-btn { display: none; }
  .jp-cmp-accordion-area-001 .jp-cmp-movie-search-btn { display: block; }
  .jp-cmp-movie-search-btn button { width: 100%; }
  .jp-cmp-movie-search-input .jp-cmp-movie-search-option { position: absolute; top: 0px; right: 0px; height: auto; padding: 0px; border: 0px; font-weight: bold; background: none; }
  .jp-cmp-movie-search-option .jp-cmp-accordion-btn-001 { display: block; width: 43px; height: 40px; box-sizing: border-box; border: 0px; border-radius: 3px / 0px 3px 3px 0px; background: url("/web/web/img/header-ico-search-001.png") 50% 50% / 16px 16px no-repeat rgb(0, 0, 0); text-indent: 100%; white-space: nowrap; overflow: hidden; }
  .jp-cmp-movie-search .jp-cmp-joy-movie-accordion-area { padding: 0px 10px 10px !important; }
  .jp-cmp-movie-search .jp-cmp-accordion-area-001 { padding: 60px 10px 10px; }
}
.jp-cmp-head-search-003 { margin: 0px 0px 20px; box-sizing: border-box; }
.jp-cmp-head-search-003 h2 { padding: 6px 1em 5px; }
.jp-cmp-head-search-003 h2 strong { font-weight: bold; }
@media screen and (min-width: 768px) {
  .jp-cmp-head-search-003 { border: 2px solid rgb(222, 227, 231); border-radius: 2px; background: rgb(242, 245, 248); }
  .jp-cmp-head-search-003 h2 strong, .jp-cmp-head-search-003 h2 em { font-size: 150%; }
  .jp-cmp-head-search-003 h2 span { font-size: 120%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-head-search-003 { width: auto; margin: 1.6em -10px 0px; border-radius: 0px; border-style: solid; border-color: rgb(222, 227, 231); border-image: initial; border-width: 1px 0px; background: rgb(242, 245, 248); }
  .jp-cmp-box-001 .jp-cmp-head-search-003.jp-cmp-first-child { margin-top: 0px; }
  .jp-cmp-box-001 .jp-cmp-head-search-003:first-child { margin-top: -20px; }
  .jp-cmp-head-search-003 h2 { width: 95%; }
  .jp-cmp-head-search-003 h2 strong { font-size: 1.2em; }
  .jp-cmp-head-search-003 h2 em { font-size: 1em; }
}
.jp-cmp-head-search-004 { margin: 0px 0px 20px; box-sizing: border-box; }
.jp-cmp-head-search-004 h2 { padding: 6px 1em 5px; }
.jp-cmp-head-search-004 h2 strong { font-weight: bold; }
@media screen and (min-width: 768px) {
  .jp-cmp-head-search-004 { border: 2px solid rgb(222, 227, 231); border-radius: 2px; background: rgb(242, 245, 248); }
  .jp-cmp-head-search-004 h2 strong, .jp-cmp-head-search-004 h2 em { font-size: 150%; }
  .jp-cmp-head-search-004 h2 span { font-size: 120%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-head-search-004 { width: auto; margin: 1.6em -10px 0px; border-radius: 0px; border-style: solid; border-color: rgb(222, 227, 231); border-image: initial; border-width: 0px 0px 1px; background: rgb(242, 245, 248); }
  .jp-cmp-box-001 .jp-cmp-head-search-004.jp-cmp-first-child { margin-top: 0px; }
  .jp-cmp-box-001 .jp-cmp-head-search-004:first-child { margin-top: -20px; }
  .jp-cmp-head-search-004 h2 { padding: 18px 10px 18px 30px; font-size: 130%; background: url("/web/feature/img/ico-circle-001.png") 10px center / 13px 13px no-repeat rgb(255, 255, 255); width: 100%; box-sizing: border-box; }
  .jp-cmp-head-search-004 h2 strong { display: block; }
  .jp-cmp-head-search-004 h2 em { font-size: 1em; font-weight: bold; }
  .jp-cmp-head-search-004 { }
}
.jp-cmp-movie-note-001 { margin: -10px 0px 20px; }
@media screen and (max-width: 767px) {
  .jp-cmp-movie-note-001 { margin: 0px 3% 20px; }
}
.jp-cmp-user-list-002 > ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-user-list-002 > ul > li { float: left; }
.jp-cmp-user-list-002 > ul > li > a { display: block; color: rgb(51, 51, 51); border-radius: 3px; box-sizing: border-box; background: rgb(242, 245, 248); text-align: center; }
.jp-cmp-user-list-002 > ul > li > a:hover { text-decoration: none; opacity: 0.75; }
.jp-cmp-user-list-002 figure img { margin-bottom: 10px; }
@media screen and (min-width: 768px) {
  .jp-cmp-user-list-002 > ul > li { width: 130px; margin-left: 20px; margin-bottom: 20px; }
  .jp-cmp-user-list-002 > ul > li > a { padding: 16px 0px 14px; height: 126px; }
  .jp-cmp-user-list-002 > ul > li:nth-child(5n+1) { margin-left: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-user-list-002 { margin: 0px -10px 5px; padding: 0px 10px 5px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-user-list-002 > ul > li { margin: 0px 2px 7px; width: 92px; }
  .jp-cmp-user-list-002 > ul > li > a { padding: 10px; height: 116px; }
}
.jp-cmp-movie-detail-back-btn-wrap { margin-top: 20px; border-top: 1px solid rgb(218, 218, 218); padding-top: 20px; text-align: center; }
.jp-cmp-movie-detail-back-btn a { background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 13px 50% / 6px 8px no-repeat rgb(112, 112, 112); padding: 10px 20px 10px 27px; font-size: 120%; color: rgb(255, 255, 255); font-weight: bold; border-radius: 3px; display: inline-block; }
.jp-cmp-movie-detail-back-btn a:hover { text-decoration: none; opacity: 0.7; color: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .jp-cmp-movie-detail-back-btn-wrap { margin-top: 10px; padding-top: 15px; }
  .jp-cmp-movie-detail-back-btn a { font-size: 100%; }
}
.jp-cmp-movie-preview { background: rgb(255, 255, 255); }
.jp-cmp-movie-preview-header { background: rgb(214, 23, 24); height: 70px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px; margin-bottom: 30px; }
.jp-cmp-movie-preview-header-inner { width: 868px; margin: 0px auto; }
.jp-cmp-movie-preview-header h1 { text-align: center; padding-top: 11px; }
.jp-cmp-movie-preview-contents { width: 868px; margin: 0px auto; }
.jp-cmp-movie-preview-block-001 { width: 580px; float: left; }
.jp-cmp-movie-preview-title { font-size: 120%; color: rgb(1, 100, 163); }
.jp-cmp-movie-preview-block-002 { width: 268px; float: right; }
.jp-cmp-movie-preview-bigger-btn { margin-bottom: 15px; }
.jp-cmp-movie-preview-bigger-btn a { background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 25px 50% / 6px 8px no-repeat rgb(61, 61, 61); padding: 10px 20px 10px 40px; font-size: 120%; color: rgb(255, 255, 255); font-weight: bold; border-radius: 3px; display: inline-block; width: 100%; box-sizing: border-box; }
.jp-cmp-movie-preview-bigger-btn a:hover { text-decoration: none; opacity: 0.7; color: rgb(255, 255, 255); }
.jp-cmp-movie-preview-poster dt { font-weight: bold; font-size: 120%; background: url("/web/feature/img/movie-poster-001.png") left 50% no-repeat; padding: 16px 0px 16px 30px; border-bottom: 1px solid rgb(227, 227, 227); margin-bottom: 20px; }
.jp-cmp-movie-preview-poster-image { display: table-cell; vertical-align: top; }
.jp-cmp-movie-preview-poster-image img { margin-right: 20px; }
.jp-cmp-movie-preview-poster-name { display: table-cell; vertical-align: top; }
.jp-cmp-movie-preview-poster-balloon { position: relative; background: rgb(242, 245, 248); border: 1px solid rgb(186, 186, 186); border-radius: 5px; padding: 10px; margin-top: 20px; }
.jp-cmp-movie-preview-poster-balloon::after { position: absolute; content: ""; display: block; background: url("/web/feature/img/ico-balloon-002.png") left top no-repeat; width: 16px; height: 14px; left: 26px; top: -14px; }
.jp-cmp-movie-preview-block-003 { clear: both; padding: 15px 0px 30px; }
.jp-cmp-movie-preview-block-003 p { text-align: right; }
.jp-cmp-movie-preview-footer { background: rgb(43, 43, 43); color: rgb(149, 149, 149); min-width: 868px; }
.jp-cmp-movie-preview-footer-logo { padding: 20px; }
.jp-cmp-movie-preview-footer-copy { text-align: right; padding: 0px 20px 20px; margin-top: -40px; font-size: 90%; }
.jp-cmp-ranking-link-block-001 a:hover { text-decoration: none; opacity: 0.7; }
@media screen and (min-width: 768px) {
  .jp-cmp-ranking-link-block-001 li { position: relative; }
  .jp-cmp-ranking-link-block-001 li > a { display: block; padding-right: 45px; background: url("/web/feature/img/ico-arrow-007.png") 98% 50% / 12px 21px no-repeat; }
  .jp-cmp-ranking-link-block-001 .jp-cmp-music-list-btn { position: absolute; top: 120px; left: 69px; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-001 { margin-bottom: 7px; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-002 { margin-bottom: 10px; }
  .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-002:last-of-type { margin-bottom: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-link-block-001.jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-002 { margin-bottom: 10px; }
  .jp-cmp-ranking-link-block-001.jp-cmp-ranking-list-001 > ol > li > .jp-cmp-music-list-btn { display: block; margin: 0px 10px 1.2em 0px; text-align: right; }
}
.jp-cmp-accordion-btn-wrap { position: relative; z-index: 100; }
.jp-cmp-accordion-btn-001-movie { display: block; min-height: 30px; margin: -20px -10px; padding: 20px 45px 20px 10px; color: rgb(51, 51, 51); }
.jp-cmp-accordion-btn-001-movie:hover { text-decoration: none; color: rgb(51, 51, 51); }
.jp-cmp-accordion-btn-001-movie.jp-cmp-open { background: url("/web/feature/img/ico-support-005.png") 98% 48% / 30px 30px no-repeat; }
.jp-cmp-accordion-btn-001-movie.jp-cmp-close { background: url("/web/feature/img/ico-support-006.png") 98% 48% / 30px 30px no-repeat; }
.jp-cmp-accordion-btn-wrap + .jp-cmp-accordion-area-001, .jp-cmp-accordion-btn-wrap + .jp-cmp-accordion-area-001-sp { margin-top: 10px; position: relative; z-index: 101; }
.jp-cmp-movie-question-001 { margin-bottom: 10px; text-align: right; }
@media screen and (min-width: 768px) {
  .jp-cmp-accordion-btn-001-movie:hover { opacity: 0.7; }
  .jp-cmp-accordion-btn-wrap h2 { padding: 0px 0px 0px 20px; }
  .jp-cmp-accordion-btn-001:hover, .jp-cmp-accordion-btn-001:link, .jp-cmp-accordion-btn-001:visited, .jp-cmp-accordion-btn-001:active { overflow: hidden; outline: none; }
  .jp-cmp-btn-no-accordion-btn-001:link { overflow: hidden; outline: none; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-accordion-btn-001-movie.jp-cmp-open { background-position: 95% 48%; }
  .jp-cmp-accordion-btn-001-movie.jp-cmp-close { background-position: 95% 48%; }
  .jp-cmp-accordion-btn-wrap h2 { margin-bottom: 0px; padding: 0px 0px 0px 22px; }
  .jp-cmp-accordion-btn-wrap + .jp-cmp-accordion-area-001 .jp-cmp-accordion-area-001-inner, .jp-cmp-accordion-btn-wrap + .jp-cmp-accordion-area-001-sp .jp-cmp-accordion-area-001-inner { margin: 1.2em -10px 0px; padding: 1.2em 10px 0px; border-top: 1px solid rgb(218, 218, 218); }
}
.jp-cmp-input-block-001 { display: table; table-layout: fixed; width: 100%; }
.jp-cmp-input-block-001 > * { display: table-cell; vertical-align: top; }
.jp-cmp-input-block-001 > figure { width: 90px; }
.jp-cmp-input-block-001 > div textarea { width: 100%; min-height: 108px; }
@media screen and (min-width: 768px) {
  p.jp-cmp-input-block-002 { text-align: right; margin: 5px 0px 10px; }
  form p.jp-cmp-input-block-002 button { padding: 0px; border: none; box-shadow: none; appearance: none; box-sizing: border-box; }
}
@media screen and (max-width: 767px) {
  p.jp-cmp-input-block-002 { text-align: center; margin: 5px 0px 10px; }
  form p.jp-cmp-input-block-002 button { padding: 0px; border: none; box-shadow: none; appearance: none; box-sizing: border-box; width: 50%; background-color: rgb(255, 255, 255); }
  form p.jp-cmp-input-block-002 button span { width: 74%; }
}
p.jp-cmp-input-block-003 { text-align: center; margin: 20px 0px; }
p.jp-cmp-input-block-004 { text-align: center; margin: 20px 0px; }
textarea.jp-cmp-textarea-001 { padding: 10px; font-size: 1.16em; box-sizing: border-box; }
form .jp-cmp-button-list { text-align: center; }
form .jp-cmp-button-list li { display: inline-block; }
form .jp-cmp-button-list li button { padding: 0px; border: none; box-shadow: none; appearance: none; box-sizing: border-box; }
.jp-cmp-comment-list-001 > ul { background: rgb(242, 245, 248); padding: 20px; border-radius: 10px; }
.jp-cmp-comment-list-001 > ul > li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid rgb(220, 226, 231); }
.jp-cmp-comment-list-001 > ul > li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; }
.jp-cmp-comment-list-001 > ul > li .jp-cmp-comment-list-inner > dt { margin-bottom: 10px; }
.jp-cmp-comment-list-001 > ul > li .jp-cmp-comment-list-inner > dt > * { display: inline-block; }
.jp-cmp-comment-list-001 > ul > li .jp-cmp-comment-list-inner > dt .jp-cmp-comment-user { min-width: 6em; margin-right: 1em; }
.jp-cmp-comment-list-001 > ul > li .jp-cmp-comment-list-inner p { overflow-wrap: break-word; }
@media screen and (max-width: 767px) {
  .jp-cmp-comment-list-001 { margin: 0px -10px 0.6em; padding: 0px 10px 1.2em; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-comment-list-001 > ul { padding-left: 0px; padding-right: 0px; }
  .jp-cmp-comment-list-001 > ul > li { padding-left: 3%; padding-right: 3%; }
  .jp-cmp-comment-list-001 > ul > li:last-child { border: none; padding-bottom: 0px; }
}
.jp-cmp-movie-list-002 { font-size: 0px; }
.jp-cmp-movie-list-002 li { display: inline-block; vertical-align: top; text-align: center; font-size: 12px; }
.jp-cmp-movie-list-002 li a { position: relative; display: block; }
.jp-cmp-movie-list-002 li.jp-cmp-atcive > a img { border-color: rgb(14, 123, 215); border-radius: 3px; }
.jp-cmp-movie-list-002 li div { position: relative; }
.jp-cmp-movie-list-002 li a::after, .jp-cmp-movie-list-002 li div::after { content: ""; display: block; position: absolute; top: 50%; width: 11px; height: 14px; margin-top: -7px; background: url("/web/feature/img/ico-arrow-020.png") 0px 0px no-repeat; }
@media screen and (min-width: 768px) {
  .jp-cmp-movie-list-002 li { width: 112px; margin-right: 42px; }
  .jp-cmp-movie-list-002 li img { border: 3px solid transparent; }
  .jp-cmp-movie-list-002 li:nth-child(5n), .jp-cmp-movie-list-002 li:last-child { margin-right: 0px; }
  .jp-cmp-movie-list-002 li a::after, .jp-cmp-movie-list-002 li div::after { right: -27px; }
  .jp-cmp-movie-list-002 li:nth-child(5n) a::after, .jp-cmp-movie-list-002 li:last-child a::after { display: none; }
  .jp-cmp-movie-list-002 li p { margin-top: 10px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-list-002 { text-align: left; }
  .jp-cmp-movie-list-002 li { width: 73px; margin: 3px 0px 0px 29px; }
  .jp-cmp-movie-list-002 li * { box-sizing: border-box; }
  .jp-cmp-movie-list-002 li.jp-cmp-atcive { width: 79px; }
  .jp-cmp-movie-list-002 li a::after, .jp-cmp-movie-list-002 li div::after { left: -19px; }
  .jp-cmp-movie-list-002 li:first-child { margin-top: 0px; margin-left: 0px; }
  .jp-cmp-movie-list-002 li img { max-width: 100%; border: none; }
  .jp-cmp-movie-list-002 li p { margin-top: 5px; }
  .jp-cmp-movie-list-002 li:nth-child(4) { margin-left: 20px; }
  .jp-cmp-movie-list-002 li.jp-cmp-atcive > a img { border: 3px solid rgb(14, 123, 215); border-radius: 3px; }
  .jp-cmp-movie-list-002 li:first-child a::after { display: none; }
}
.jp-cmp-circle-list-001 { margin-bottom: 25px; }
.jp-cmp-circle-list-001 li::before { content: "・"; }
@media screen and (max-width: 767px) {
  .jp-cmp-circle-list-001 { margin-bottom: 20px; }
}
.jp-cmp-glay-block-001 { padding: 20px; background: rgb(242, 245, 248); border-radius: 4px; }
.jp-cmp-glay-block-001 .jp-cmp-block-lead-001 { margin-bottom: 25px; }
.jp-cmp-glay-block-001 .jp-cmp-error { background: none !important; }
@media screen and (max-width: 767px) {
  .jp-cmp-glay-block-001 { padding: 20px 3%; }
  .jp-cmp-glay-block-001 .jp-cmp-block-lead-001 { margin-bottom: 20px; }
}
.jp-cmp-square-title-001 { position: relative; margin-bottom: 6px; padding-left: 10px; }
.jp-cmp-square-title-001::before { content: ""; display: block; position: absolute; top: 50%; left: 0px; width: 8px; height: 8px; margin-top: -4px; background: rgb(59, 59, 59); }
.jp-cmp-input-blcok-001 dd { margin-bottom: 20px; }
.jp-cmp-input-blcok-001 > dd { padding: 0px 10px; }
.jp-cmp-input-img-block-001 > * { display: inline-block; vertical-align: middle; }
.jp-cmp-input-img-block-001 > img { width: 63px; margin-right: 17px; }
.jp-cmp-input-img-block-001 > ul { font-size: 0px; }
.jp-cmp-input-img-block-001 > ul li { display: inline-block; vertical-align: middle; margin-right: 20px; font-size: 12px; }
@media screen and (min-width: 768px) {
  .jp-cmp-input-blcok-001 { margin-bottom: 30px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-input-img-block-001 > * { vertical-align: top; }
  .jp-cmp-input-img-block-001 > img { width: 29%; max-width: 63px; margin-right: 1%; }
  .jp-cmp-input-img-block-001 > ul { width: 70%; }
  .jp-cmp-input-img-block-001 > ul li { width: 49%; margin-right: 1%; }
  .jp-cmp-input-img-block-001 > ul li:nth-child(2n) { margin-right: 0px; }
}
.jp-cmp-input-list-001 li { margin-bottom: 5px; font-size: 1.33em; }
.jp-cmp-input-list-001 li input + label { position: relative; display: inline-block; }
.jp-cmp-input-list-001 li input[type="checkbox"], .jp-cmp-input-list-001 li input[type="radio"] { display: none; vertical-align: middle; margin-top: 0px; }
.jp-cmp-input-list-001 li input[type="checkbox"] + label { padding-left: 14px; }
.jp-cmp-input-list-001 li input[type="radio"] + label { padding-left: 25px; }
.jp-cmp-input-list-001 li input[type="checkbox"] + label::before, .jp-cmp-input-list-001 li input[type="radio"] + label::before { content: ""; display: block; position: absolute; top: 0px; left: 0px; }
.jp-cmp-input-list-001 li input[type="checkbox"] + label::before { width: 14px; height: 14px; background: url("/web/feature/img/ico-checkbox-001.png") 0px 0px / 100% no-repeat; }
.jp-cmp-input-list-001 li input[type="checkbox"]:checked + label::before { background-image: url("/web/feature/img/ico-checkbox-001-checked.png"); }
.jp-cmp-input-list-001 li input[type="radio"] + label::before { width: 16px; height: 16px; background: url("/web/feature/img/ico-radio-001.png") 0px 0px / 100% no-repeat; }
.jp-cmp-input-list-001 li input[type="radio"]:checked + label::before { background-image: url("/web/feature/img/ico-radio-001-checked.png"); }
@media screen and (min-width: 768px) {
  .jp-cmp-input-list-001 li input[type="radio"] + label::before { top: 0.2em; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-input-img-block-001 > ul li { font-size: 11px; margin-bottom: 10px; }
  .jp-cmp-input-list-001 li { font-size: 0.91em; margin-bottom: 10px; }
}
.jp-cmp-movie-user-001 { font-size: 0px; }
.jp-cmp-movie-user-001 > li { display: inline-block; font-size: 12px; margin-right: 12px; }
.jp-cmp-movie-user-001 > li:nth-child(3n) { margin-right: 0px; }
.jp-cmp-movie-user-001 .jp-cmp-movie-avatar-image, .jp-cmp-movie-user-001 .jp-cmp-movie-text-balloon { display: table-cell; vertical-align: top; }
.jp-cmp-movie-user-001 .jp-cmp-movie-avatar-image { width: 68px; text-align: center; }
.jp-cmp-movie-user-001 .jp-cmp-movie-avatar-image > span { display: block; margin-top: 10px; }
.jp-cmp-movie-user-001 .jp-cmp-movie-text-balloon p { position: relative; background: rgb(242, 245, 248); border: 1px solid rgb(186, 186, 186); box-sizing: border-box; overflow-wrap: break-word; }
.jp-cmp-movie-user-001 .jp-cmp-movie-text-balloon time { display: block; text-align: right; }
.jp-cmp-movie-user-001 .jp-cmp-text-block-002 a { display: block; color: rgb(51, 51, 51); }
.jp-cmp-movie-user-001 .jp-cmp-text-block-002 a:hover { text-decoration: none; opacity: 0.7; }
@media screen and (min-width: 768px) {
  .jp-cmp-movie-user-001 .jp-cmp-border-block { margin-bottom: 20px; border-bottom: 1px solid rgb(231, 231, 231); }
  .jp-cmp-movie-user-001 .jp-cmp-border-block > .jp-cmp-link-block-002 { padding: 0px 30px 20px 0px; background-position: 100% 50%; color: rgb(59, 59, 59); }
  .jp-cmp-movie-user-001 .jp-cmp-text-block-001 { float: left; min-height: 87px; }
  .jp-cmp-movie-user-001 .jp-cmp-movie-avatar-image img { max-width: 68px; max-height: 68px; }
  .jp-cmp-movie-user-001 .jp-cmp-movie-text-balloon p { border-radius: 5px; padding: 10px; min-height: 73px; width: 146px; margin-left: 16px; overflow-wrap: break-word; }
  .jp-cmp-movie-user-001 .jp-cmp-movie-text-balloon p::after { position: absolute; content: ""; display: block; background: url("/web/feature/img/ico-balloon-001.png") left top no-repeat; width: 14px; height: 16px; left: -14px; top: 34px; }
  .jp-cmp-movie-user-001 .jp-cmp-music-list-btn { position: absolute; top: 82px; left: 0px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-movie-user-001 { margin-bottom: 1.4em; }
  .jp-cmp-movie-user-001 > li { display: block; margin-right: 0px; }
  .jp-cmp-movie-user-001 .jp-cmp-link-block-002 { padding: 1.2em 30px 0px 10px; background-position: 98% 36px; color: rgb(59, 59, 59); }
  .jp-cmp-movie-user-001 .jp-cmp-border-block { margin: 0px -10px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-movie-user-001 .jp-cmp-border-block > .jp-cmp-link-block-002 { padding: 1.2em 10px; }
  .jp-cmp-movie-user-001 .jp-cmp-image-text-column-001 .jp-cmp-image img { width: 78px; }
  .jp-cmp-movie-user-001 .jp-cmp-text { overflow: visible; }
  .jp-cmp-movie-user-001 .jp-cmp-text h3, .jp-cmp-movie-user-001 .jp-cmp-text .jp-cmp-movie-status-001 { overflow: hidden; }
  .jp-cmp-movie-user-001 .jp-cmp-text-block-002 { margin-bottom: 10px; }
  .jp-cmp-movie-user-001 .jp-cmp-text-block-002 a { display: table; width: 100%; position: relative; padding-right: 20px; box-sizing: border-box; }
  .jp-cmp-movie-user-001 .jp-cmp-text-block-002 a::after { content: ""; display: block; position: absolute; top: 35px; right: 0px; width: 11px; height: 20px; margin-top: -10px; background: url("/web/feature/img/smp/ico-arrow-007.png") 0px 0px / 100% no-repeat; }
  .jp-cmp-movie-user-001 .jp-cmp-movie-avatar-image { width: 68px; padding-right: 12px; }
  .jp-cmp-movie-user-001 .jp-cmp-movie-avatar-image img { max-width: 68px; max-height: 68px; }
  .jp-cmp-movie-user-001 .jp-cmp-movie-avatar-image > span { margin-top: 0.4em; }
  .jp-cmp-movie-user-001 .jp-cmp-movie-text-balloon p { border-radius: 3px; padding: 16px 10px; min-height: 50px; width: 100%; overflow-wrap: break-word; }
  .jp-cmp-movie-user-001 .jp-cmp-movie-text-balloon p::after { position: absolute; content: ""; display: block; background: url("/web/feature/img/ico-balloon-003.png") left top / 8px 12px no-repeat; width: 8px; height: 12px; left: -8px; top: 18px; }
  .jp-cmp-movie-user-001 .jp-cmp-music-list-btn { margin: 0px 10px 1.2em 0px; text-align: right; }
}
.jp-cmp-dl-point-001 > dl { display: table; width: 100%; text-align: center; }
.jp-cmp-dl-point-001 > dl > dt { display: table-cell; width: 30%; background: rgb(255, 126, 0); color: rgb(255, 255, 255); font-weight: bold; }
.jp-cmp-dl-point-001 > dl > dd { display: table-cell; width: 70%; background: rgb(238, 238, 238); color: rgb(215, 14, 24); font-weight: bold; }
.jp-cmp-link-area-001 { min-height: 20px; }
@media screen and (min-width: 768px) {
  .jp-cmp-cbox-head-001 { font-size: 200%; font-weight: bold; }
  .jp-cmp-cbox-text-001 { margin-top: 15px; font-size: 150%; }
  .jp-cmp-cbox-title-001 { margin-top: 10px; font-size: 170%; font-weight: bold; }
  .jp-cmp-cbox-main-001 .jp-cmp-block-column3-001-pc { margin-top: 20px; }
  .jp-cmp-dl-point-001 > dl { margin-top: 20px; font-size: 135%; }
  .jp-cmp-dl-point-001 > dl > dt { padding: 10px; }
  .jp-cmp-dl-point-001 > dl > dd { padding: 10px; }
  .jp-cmp-link-area-001 { position: relative; margin-top: 25px; }
  .jp-cmp-link-area-001-link { position: absolute; top: 0.4em; right: 0px; font-size: 135%; }
  .jp-cmp-cbox-main-001 .jp-cmp-list-link-001 a { font-size: 16px; }
  .jp-cmp-link-area-001-btn { margin-top: 30px; }
  .jp-cmp-cbox-comment { background-color: rgb(255, 204, 204); text-align: left; font-size: 120%; padding: 0px 5px 5px; }
  .jp-cmp-cbox-comment strong { font-weight: bold; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-cbox-head-001 { margin-bottom: 0.4em; font-size: 1.5em; font-weight: bold; }
  .jp-cmp-cbox-text-001 { margin-top: 0.6em; font-size: 1.2em; }
  .jp-cmp-cbox-title-001 { margin-top: 0.6em; font-size: 1.4em; font-weight: bold; }
  .jp-cmp-cbox-main-001 .jp-cmp-block-column3-001-pc { margin-top: 0.6em; }
  .jp-cmp-dl-point-001 > dl { margin-top: 1.2em; }
  .jp-cmp-dl-point-001 > dl > dt { padding: 0.8em 0.2em; }
  .jp-cmp-dl-point-001 > dl > dd { padding: 0.8em 0.2em; }
  .jp-cmp-link-area-001 { margin-top: 1.2em; }
  .jp-cmp-link-area-001-link { margin-top: 1.5em; text-align: right; }
  .jp-cmp-link-area-001-btn { margin-top: 1.5em; }
  .jp-cmp-cbox-comment { background-color: rgb(255, 204, 204); text-align: left; font-size: 110%; padding: 0.2em; }
  .jp-cmp-cbox-comment strong { font-weight: bold; }
}
.jp-cmp-link-top-001 { margin-top: 20px; }
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .jp-cmp-link-top-001 { margin-top: 20px; margin-right: 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-link-top-001 { margin-top: 5px; font-size: 80%; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 li { float: left; margin: 0px 2% 0.8em 0px; width: 32%; height: 40px; }
  .jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 li:nth-child(3n) { margin-right: 0px; }
  .jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 li a { background-color: rgb(242, 245, 248); }
}
@media screen and (max-width: 767px) {
  .jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 li li { width: 100%; margin: 0px; }
  .jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 a { display: table; width: 100%; height: 40px; }
  .jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 a span { display: table-cell; width: 100%; vertical-align: middle; }
  .jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 li li a { background: url("/web/feature/img/ico-arrow-002.png") 98% 50% no-repeat rgb(255, 255, 255); }
  .jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 li a.jp-cmp-open { background: url("/web/feature/img/ico-arrow-022.png") 98% 50% / 19px 11px no-repeat rgb(242, 242, 242); }
  .jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 li a.jp-cmp-close { background: url("/web/feature/img/ico-arrow-023.png") 98% 50% / 19px 11px no-repeat rgb(242, 242, 242); }
  .jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 li > ul { border-top: 1px solid rgb(218, 218, 218); }
  .jp-cmp-box-column.jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 { border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-box-column.jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 li, .jp-cmp-box-column.jp-cmp-btn-list-002.jp-cmp-btn-list-shop-001 a { width: 100%; }
}
.jp-cmp-shop-map-box-001 { width: 730px; margin: auto; }
.jp-cmp-shop-map-box-001 img { cursor: default; max-width: none; }
.jp-cmp-shop-map-box-001 .jp-cmp-cursor-default { cursor: default; }
.jp-cmp-h1-category-shop { position: relative; box-sizing: border-box; color: rgb(255, 255, 255); font-weight: bold; }
@media screen and (min-width: 768px) {
  .jp-cmp-h1-category-shop { height: 82px; line-height: 82px; margin: 20px 0px 30px; padding: 0px 28% 0px 4%; background: url("/web/feature/img/bg-head-shop-001.png") 0px 50% / 100% no-repeat; font-size: 200%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h1-category-shop { height: 49px; line-height: 49px; padding: 0px 44% 0px 5%; margin: 10px 3%; background: url("/web/feature/img/bg-head-shop-001.png") 0px 50% / cover no-repeat; font-size: 135%; }
  .jp-cmp-h1-category-shop span { line-height: 21px; top: 92%; }
}
.jp-cmp-h1-category-shop span { position: absolute; display: block; width: 97%; margin-top: -41px; background: url("/web/feature/img/bg-head-shop-002.png") right center no-repeat; }
@media screen and (max-width: 767px) {
  .jp-cmp-h1-category-shop span { background-size: 150px; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-h1-category-shop span { line-height: 32px; top: 63%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h2-001.jp-cmp-h2-shop-001 { border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-h2-shop-001 { border-bottom: 1px solid rgb(218, 218, 218); }
}
.jp-cmp-box-link-001 { padding: 0px; }
.jp-cmp-box-link-001 > a { padding: 20px 10px; color: rgb(51, 51, 51); }
.jp-cmp-shop-list-001 .jp-cmp-border-block { position: relative; margin-top: 20px; padding: 0px; }
.jp-cmp-shop-list-001 .jp-cmp-border-block > a { padding: 18px 48px 18px 18px; color: rgb(51, 51, 51); }
.jp-cmp-shop-list-001 .jp-cmp-border-block > a.jp-cmp-link-block-002 { padding: 18px 32px 18px 18px; }
.jp-cmp-shop-list-001 .jp-cmp-shop-list-option > div { margin-top: 8px; }
.jp-cmp-shop-list-001 .jp-cmp-border-block a.jp-cmp-link-block-002 .jp-cmp-shop-list-option > div { width: 280px; margin-right: 0px; }
.jp-cmp-shop-list-001 .jp-cmp-shop-list-addoress li:first-child { margin-bottom: 1.8em; }
.jp-cmp-shop-list-001-map { position: absolute; top: 5.6em; right: 48px; }
@media screen and (min-width: 768px) {
  .jp-cmp-shop-list-001 .jp-cmp-shop-list-addoress { min-height: 86px; }
  .jp-cmp-shop-list-001 .jp-cmp-shop-list-addoress li { margin-top: 7px; }
  .jp-cmp-shop-list-001 .jp-cmp-shop-list-option { position: relative; margin-right: -50px; }
  .jp-cmp-box-shop-comingsoon-001 p:first-child { line-height: 0.9; padding-bottom: 7px; color: rgb(204, 204, 204); }
  .jp-cmp-box-shop-comingsoon-001 p > span { display: block; font-size: 75%; padding: 0px 10px; }
  .jp-cmp-box-shop-comingsoon-001 .jp-cmp-box-head-001:hover { opacity: 1 !important; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-shop-list-001-map { display: none; }
  .jp-cmp-shop-list-001 { margin-bottom: 1.4em; }
  .jp-cmp-shop-list-001 .jp-cmp-border-block { margin-top: 0px; }
  .jp-cmp-shop-list-001 .jp-cmp-border-block > a { padding: 1.2em 20px 1.2em 10px; color: rgb(51, 51, 51); }
  .jp-cmp-shop-list-001 img { width: 78px; }
  .jp-cmp-shop-list-001 .jp-cmp-shop-list-addoress { overflow: hidden; margin-top: 0.6em; min-height: 4em; }
  .jp-cmp-shop-list-001 .jp-cmp-shop-list-option { margin-right: -18px; }
  .jp-cmp-box-shop-comingsoon-001 p:first-child { color: rgb(170, 170, 170); padding: 15px 0px 15px 10px; font-weight: normal; }
  .jp-cmp-box-shop-comingsoon-001 p:first-child > span { padding-left: 0.5em; }
  .jp-cmp-box-shop-comingsoon-001 .jp-cmp-box-head-001:hover { opacity: 1 !important; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-shop-shoplist-box-001.jp-cmp-shop-shoplist-box-001-map { border: none; }
  .jp-cmp-link-block-002.jp-cmp-shop-shoplist-box-001-map { margin-bottom: 0px; margin-top: 0px; }
}
em.jp-page-em-color { color: rgb(215, 14, 24); font-weight: bold; }
.jp-cmp-shop-shoplist-box-001 { box-sizing: border-box; border: 2px solid rgb(231, 231, 231); width: 485px; float: left; margin: 0px 0px 20px 20px; }
.jp-cmp-shop-shoplist-box-001:first-child { margin-left: 0px; }
.jp-cmp-shop-shoplist-box-001 a { display: block; padding: 18px 0px 18px 18px; background: url("/web/feature/img/ico-arrow-007.png") 98% 50% / 12px 21px no-repeat; }
.jp-cmp-shop-shoplist-box-001 a:hover { text-decoration: none; opacity: 0.7; }
.jp-cmp-shop-shoplist-box-001 > a > p { margin: 0.5em 24px 0.5em 0px; color: rgb(59, 59, 59); }
.jp-cmp-shop-shoplist-box-001 strong { font-weight: bold; }
.jp-cmp-shop-shoplist-box-001 img { float: left; margin-right: 18px; }
.jp-cmp-shop-shoplist-box-001 .jp-cmp-list-inline-002 { margin: 0.5em 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-shop-shoplist-formbox .jp-cmp-check-list-001 li { width: 11%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-shop-shoplist-formbox { padding-top: 0px; }
  .jp-cmp-shop-shoplist-formbox .jp-cmp-head-search-001 { margin-bottom: 0px; }
  .jp-cmp-shop-shoplist-formbox-smartphone { display: none; }
  .jp-page-shop-shoplist-section-padding { padding-top: 0px; padding-left: 0px; padding-right: 0px; }
  .jp-cmp-shop-shoplist-box-001 { width: 100%; height: auto; float: none; margin: 0px; border-left: none; border-right: none; border-top: none; }
  .jp-cmp-shop-shoplist-box-001 a { padding: 10px; }
  .jp-cmp-shop-shoplist-box-001 img { width: 78px; }
  .jp-cmp-shop-shoplist-box-001 > a > p { margin: 0px 12px 6px 96px; }
  .jp-cmp-shop-shoplist-box-001 strong { font-weight: normal; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-category-list-002.jp-cmp-shop-tab-001 { margin: 0px 3%; padding: 0px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
  .jp-cmp-ranking-category-list-002.jp-cmp-shop-tab-001 ul { margin: 0px; padding: 0px; }
  .jp-cmp-ranking-category-list-002.jp-cmp-shop-tab-001 li { width: 50%; margin: 0px; }
  .jp-cmp-head-search-001.jp-page-shop-search-padding h2 { padding-top: 10px; padding-bottom: 10px; }
}
@media screen {
  .jp-cmp-shop-area-map-box-001 { display: table; padding: 0px 10px; }
  .jp-cmp-shop-area-map-box-001-arrow { width: 20px; display: table-cell; vertical-align: middle; text-align: center; }
  .jp-cmp-shop-area-map-box-001-arrow a { display: block; width: 20px; }
  .jp-cmp-shop-area-map-box-001-content { display: table-cell; width: auto; }
  .jp-cmp-shop-area-map-box-001-content a { display: block; padding: 10px; color: rgb(51, 51, 51); }
  .jp-cmp-shop-area-map-box-001-content > .clearfix { background: none; }
}
#jp-cmp-shop-map-001 { height: 770px; }
@media screen and (max-width: 767px) {
  #jp-cmp-shop-map-001 { height: 250px; }
}
.jp-cmp-shop-map-001-range { width: 207px; height: 40px; float: right; margin-top: 9px; }
.jp-cmp-shop-map-001-range > select { display: block; width: 207px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); background: rgb(121, 132, 141); font-size: 14px; font-weight: bold; border-radius: 3px; }
.jp-cmp-shop-map-001-range > a:hover { text-decoration: none; opacity: 0.75; }
.jp-cmp-shop-map-001-markers { margin-top: -20px; text-align: right; line-height: 34px; }
.jp-cmp-shop-map-001-markers dt, .jp-cmp-shop-map-001-markers dd { display: inline; }
.jp-cmp-shop-map-001-markers dd { margin-right: 1em; }
.jp-cmp-shop-map-001-shopdetail-box { box-sizing: border-box; }
.jp-cmp-shop-map-001-shopdetail-box img { float: left; width: 70px; height: 70px; margin: 0px 10px 10px 0px; }
.jp-cmp-shop-map-001-shopdetail-box strong { font-weight: bold; }
.jp-cmp-shop-map-001-shopdetail-box.jp-cmp-link-block-002 a { padding: 20px 30px 10px 0px; background-size: 8px 14px; color: rgb(59, 59, 59); }
.jp-cmp-shop-map-001-shopdetail-box .jp-cmp-list-inline-002 { margin: 0.5em 0px; }
.jp-cmp-shop-map-001-shopdetail-box .jp-cmp-list-inline-002 li { margin-right: 0.6em; margin-bottom: 0.1em; }
@media screen and (max-width: 767px) {
  .jp-cmp-shop-map-info-box { width: 180px !important; font-size: 70%; }
}
@media screen and (max-width: 320px) {
  .jp-cmp-shop-map-info-box { width: 150px !important; font-size: 60%; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-shop-map-info-box { width: 300px !important; font-size: 80%; }
}
.gm-style-iw { left: 6px !important; }
.gm-style-iw > div, .gm-style-iw > div > div { }
.jp-cmp-googlemap div.gm-style img { max-width: inherit; }
.jp-cmp-map-zoom { width: 38px; height: 79px; margin-left: 10px; }
.jp-cmp-map-zoom-up, .jp-cmp-map-zoom-down { width: 38px; height: 38px; display: block; cursor: pointer; }
.jp-cmp-map-zoom-up { background: url("/web/feature/img/ico-map-zoom-button-001.png") 0px top no-repeat; margin-bottom: 1px; }
.jp-cmp-map-zoom-down { background: url("/web/feature/img/ico-map-zoom-button-001.png") 0px bottom no-repeat; }
.jp-cmp-map-zoom-up:hover, .jp-cmp-map-zoom-down:hover { opacity: 0.7; }
#jp-cmp-shop-map-001-shopdetails { margin-bottom: 30px; padding: 20px; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
#jp-cmp-shop-map-001-shopdetails-slider { height: 840px; overflow: auto; }
#jp-cmp-side-topics .jp-cmp-shop-map-001-shopdetail-box { border-bottom: 1px solid rgb(231, 231, 231); }
.jp-cmp-shop-shopdetail-001-h1 { font-size: 180%; font-weight: bold; }
.jp-cmp-shop-shopdetail-001-top-lists ul { letter-spacing: 0px; }
.jp-cmp-shop-shopdetail-001-top-lists ul li { margin-right: 0.3em; }
.jp-cmp-shop-shopdetail-001-info-left { width: 180px; float: left; word-break: break-all; overflow-wrap: break-word; }
.jp-cmp-shop-shopdetail-001-link { margin: 10px 0px; }
.jp-cmp-shop-shopdetail-001-info-right { margin-left: 200px; }
#jp-cmp-shop-shopdetail-001 { width: 530px; height: 323px; }
#jp-cmp-shop-shopdetail-001-img { width: 530px; height: 320px; }
#jp-cmp-shop-shopdetail-001 > p { text-align: right; margin: 2px 0px; }
.jp-cmp-shop-shopdetail-001-inline { text-align: right; }
.jp-cmp-shop-shopdetail-001-inline ul li a br { display: none; }
.jp-cmp-shop-shopdetail-001-topic dt { font-weight: bold; border-top: 2px solid rgb(231, 231, 231); margin: 0.5em 0px; padding-top: 1em; }
.jp-cmp-shop-shopdetail-001-topic dd { margin: 0.5em 0px 1em; font-weight: bold; word-break: break-all; overflow-wrap: break-word; }
.jp-cmp-shop-shopdetail-001-topic dd:last-child { margin: 0.5em 0px 0px; }
.jp-cmp-shop-shopdetail-001-inline jp-cmp-sns-buttons { display: inline; }
.jp-cmp-shop-shopdetail-001-inline aside { display: inline; }
.jp-cmp-shop-shopdetail-001-inline .jp-cmp-list-social-001 > ul { display: inline; }
.jp-cmp-shop-shopdetail-001-inline ul li { border-bottom: 4px solid transparent; }
#jp-cmp-sho-detail-snsmail { border-right: 4px solid transparent; }
.jp-cmp-shop-shopdetail-001-inline ul li a { display: table-cell; vertical-align: middle; }
.jp-cmp-shop-shopdetail-001-inline ul li a br { display: inline; }
#jp-cmp-shopdetail-snsothblock { text-align: right; }
#jp-cmp-shopdetail-snsblock { display: inline-block; background: rgb(228, 233, 238); padding: 0.5em 0em 0.5em 0.5em; }
#jp-cmp-shopdetail-snsblock-icons { display: inline-block; padding: 0.4em 0em 0em; }
@media screen and (max-width: 767px) {
  .jp-cmp-shop-shopdetail-001-info-left { width: 100%; float: none; }
  .jp-cmp-shop-shopdetail-001-link { text-align: right; }
  .jp-cmp-shop-shopdetail-001-info-right { margin-left: 0px; }
  #jp-cmp-shop-shopdetail-001 { width: 80%; height: 100%; margin: 0px auto; }
  #jp-cmp-shop-shopdetail-001-img-warpper { width: 100%; position: relative; }
  #jp-cmp-shop-shopdetail-001-img-warpper::before { content: ""; display: block; padding-top: 60.4%; }
  #jp-cmp-shop-shopdetail-001-img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
  .jp-cmp-shop-shopdetail-001-inline { width: 100%; }
}
#jp-cmp-shop-shopdetail-001-map { height: 500px; }
@media screen and (max-width: 767px) {
  #jp-cmp-shop-shopdetail-001-map { height: 300px; }
}
#jp-cmp-shop-shopdetail-001-photo-wrapper { width: 750px; }
.jp-cmp-shop-shopdetail-001-photo { width: 240px; height: 240px; overflow: hidden; margin: 0px 10px 10px 0px; float: left; line-height: 240px; text-align: center; }
.jp-cmp-shop-shopdetail-001-photo img { vertical-align: middle; }
@media screen and (max-width: 767px) {
  #jp-cmp-shop-shopdetail-001-photo-wrapper { width: 100%; }
  .jp-cmp-shop-shopdetail-001-photo { width: 31%; height: auto; line-height: inherit; margin: 0px 1% 6px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-btn-list-002 { margin: 0px -2% 0px 0px; }
  .jp-cmp-btn-list-002 li { position: relative; display: table; float: none; margin: 0px 2% 0px 0px; width: 98%; height: 40px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-btn-list-002 li:last-child { margin-right: 0px; }
  .jp-cmp-btn-list-002 a { font-size: 115%; display: table-cell; padding: 0px 10px; background: url("/web/feature/img/ico-arrow-002.png") 98% 50% / 7px 12px no-repeat rgb(255, 255, 255); border-radius: 0px; color: rgb(59, 59, 59); line-height: 1.4; vertical-align: middle; cursor: pointer; }
  .jp-cmp-btn-list-002 li:last-child { border-bottom: none; }
  .jp-cmp-btn-list-002 .jp-cmp-btn-list-002-open a { background: url("/web/feature/img/ico-arrow-015.png") 98% 50% no-repeat; }
  .jp-cmp-btn-list-002 .jp-cmp-btn-list-002-close a { background: url("/web/feature/img/ico-arrow-021.png") 98% 50% no-repeat; }
}
@media screen and (min-width: 768px) {
  #jp-cmp-shop-mail .jp-cmp-search-block-001 { margin-top: 25px; height: 50px; }
  #jp-cmp-shop-mail .jp-cmp-qr-001 { overflow: hidden; margin-top: 30px; }
  #jp-cmp-shop-mail .jp-cmp-qr-001-text { float: left; width: 470px; }
  #jp-cmp-shop-mail .jp-cmp-qr-001-qr { float: right; width: 228px; }
  .jp-cmp-qr-001-qr .jp-cmp-table-column:first-child { width: 60%; padding-left: 15px; }
  .jp-cmp-qr-001-qr .jp-cmp-table-column:nth-child(2) { width: 40%; }
}
@media screen and (max-width: 767px) {
  #jp-cmp-shop-mail .jp-cmp-search-block-001 { margin-top: 1.4em; }
  #jp-cmp-shop-mail .jp-cmp-qr-001 { margin-top: 3em; }
  .jp-cmp-qr-001 .jp-cmp-table-column-001 { overflow: hidden; }
  .jp-cmp-qr-001-qr .jp-cmp-table-column:first-child { float: left; width: 60%; }
  .jp-cmp-qr-001-qr .jp-cmp-table-column:nth-child(2) { float: right; width: 40%; }
  #colorbox .jp-cmp-search-block-001 .jp-cmp-search-block-select { margin-right: 33px; }
  #colorbox .jp-cmp-search-block-001 .jp-cmp-search-block-select:nth-child(2) { margin-right: 0px; }
}
.jp-cmp-support-box-001 { margin-bottom: 30px; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
#jp-cmp-main .jp-cmp-support-box-001:last-child { margin-bottom: 0px; }
@media screen and (min-width: 768px) {
  .jp-cmp-support-box-001 { padding: 20px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-support-box-001 { margin: 0px 3% 10px; }
  .jp-cmp-support-area-001 { margin: 0px -10px; }
}
.jp-cmp-flow-001 li { display: inline-block; padding-top: 8px; border-radius: 3px; color: rgb(104, 120, 133); vertical-align: top; text-align: center; box-sizing: border-box; position: relative; }
.jp-cmp-flow-001 li.jp-cmp-flow-001-current { background: rgb(136, 152, 165); color: rgb(255, 255, 255); }
.jp-cmp-flow-001 li:nth-child(2) { margin: 0px 20px; }
.jp-cmp-flow-001 li::after { content: ""; display: block; position: absolute; }
@media screen and (min-width: 768px) {
  .jp-cmp-flow-001 { margin-bottom: 24px; }
  .jp-cmp-flow-001 li { width: 31%; height: 42px; border: 2px solid rgb(136, 152, 165); font-size: 120%; padding-right: 18px; }
  .jp-cmp-flow-001 li::after { width: 18px; height: 42px; background: url("/web/feature/img/bg-support-ico-arrow-001.gif") 100% 50% no-repeat; right: -2px; top: -2px; }
  .jp-cmp-flow-001 li.jp-cmp-flow-001-current::after { background: url("/web/feature/img/bg-support-ico-arrow-002.gif") 100% 50% no-repeat; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-flow-001 { margin-bottom: 20px; }
  .jp-cmp-flow-001 li { width: 32%; height: 46px; border: 1px solid rgb(136, 152, 165); font-size: 90%; padding-right: 16px; }
  .jp-cmp-flow-001 li:nth-child(2) { margin: 0px 2%; }
  .jp-cmp-flow-001 li::after { width: 16px; height: 46px; background: url("/web/feature/img/smp/bg-support-ico-arrow-001.gif") 100% 50% / 16px no-repeat; right: -1px; top: -1px; }
  .jp-cmp-flow-001 li.jp-cmp-flow-001-current::after { background: url("/web/feature/img/smp/bg-support-ico-arrow-002.gif") 100% 50% / 16px no-repeat; }
}
.jp-cmp-support-block-001-header-title { color: rgb(240, 97, 1); background: url("/web/feature/img/ico-support-001.png") left center / 22px no-repeat; }
.jp-cmp-support-block-001-header-title a { color: rgb(240, 97, 1); }
.jp-cmp-support-block-001-header-title span { display: block; font-weight: bold; }
.jp-cmp-support-block-001-body dt { background: rgb(239, 239, 239); padding: 10px 12px; }
.jp-cmp-support-block-001-body dt span { font-weight: bold; padding-left: 30px; display: block; }
.jp-cmp-support-block-001-body-time span { background: url("/web/feature/img/ico-support-002.png") left center / 22px no-repeat; }
.jp-cmp-support-block-001-body-mail span { background: url("/web/feature/img/ico-support-003.png") left center / 22px no-repeat; }
.jp-cmp-support-block-001-body-faq span { background: url("/web/feature/img/ico-support-004.png") left center / 22px no-repeat; }
.jp-cmp-btn-list-004 { margin-top: 20px; }
.jp-cmp-btn-list-004::after { display: block; clear: both; content: ""; }
.jp-cmp-btn-list-004 li { display: table; float: left; }
.jp-cmp-btn-list-004 li:first-child { margin-left: 0px; }
.jp-cmp-btn-list-004 li a { display: table-cell; vertical-align: middle; color: rgb(255, 255, 255); text-align: center; height: 30px; border-radius: 3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 8px 50% / 5px 6px no-repeat rgb(61, 61, 61); font-weight: bold; }
.jp-cmp-btn-list-004 li a:hover { text-decoration: none; opacity: 0.7; }
@media screen and (min-width: 768px) {
  .jp-cmp-support-block-001 { border: 2px solid rgb(231, 231, 231); padding: 20px; margin-bottom: 40px; }
  .jp-cmp-support-block-001-header-title { font-size: 150%; }
  .jp-cmp-support-block-001-header-title span { padding-left: 30px; }
  .jp-cmp-support-block-001-body { margin-top: 20px; }
  .jp-cmp-support-block-001-body dt { font-size: 130%; margin-bottom: 20px; }
  .jp-cmp-support-block-001-body dd { font-size: 120%; padding-bottom: 20px; }
  .jp-cmp-btn-list-004 li { width: 24%; margin-left: 1.25%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-support-block-001 { margin: 0px -10px 20px; }
  .jp-cmp-support-block-001-header { padding: 0px 10px; border-top: 1px solid rgb(218, 218, 218); border-bottom: 1px solid rgb(218, 218, 218); cursor: pointer; }
  .jp-cmp-support-block-001-header.jp-cmp-support-open span { background: url("/web/feature/img/ico-support-006.png") right 50% / 30px no-repeat; }
  .jp-cmp-support-block-001-header-title { font-size: 140%; margin-bottom: 0px; }
  .jp-cmp-support-block-001-header-title span { padding: 15px 40px 15px 30px; background: url("/web/feature/img/ico-support-005.png") right 50% / 30px no-repeat; }
  .jp-cmp-support-block-001-header-title .jp-cmp-close span { background: url("/web/feature/img/ico-support-006.png") right 50% / 30px no-repeat; }
  .jp-cmp-support-block-001-body dt { font-size: 120%; margin-bottom: 15px; border-bottom: 1px solid rgb(218, 218, 218); }
  .jp-cmp-support-block-001-body dd { border-bottom: 1px solid rgb(218, 218, 218); padding: 0px 10px 15px; }
  .jp-cmp-support-block-001-body dd:last-child { padding: 0px 10px 5px; }
  .jp-cmp-btn-list-004 li { width: 47%; margin-left: 0.6em; margin-bottom: 10px; }
  .jp-cmp-btn-list-004 li:nth-child(3) { margin-left: 0px; }
}
.jp-cmp-support-text-001 { margin-bottom: 20px; font-size: 120%; }
@media screen and (max-width: 767px) {
  .jp-cmp-support-text-001 { font-size: 100%; }
}
.jp-cmp-ico-required-001 { color: rgb(255, 255, 255); background: rgb(215, 14, 24); font-size: 10px; border-radius: 3px; padding: 0px 4px; }
.jp-cmp-form-cell-th { background: rgb(228, 233, 238); font-weight: bold; font-size: 120%; }
.jp-cmp-form-cell-td { background: rgb(242, 245, 248); font-size: 120%; word-break: break-all; }
.jp-cmp-form-note-001 { font-size: 90%; }
.jp-cmp-faq-001 { margin-bottom: 5px; }
.jp-cmp-faq-002 { margin-top: 20px; margin-bottom: 5px; }
.jp-cmp-link-detail-001 { text-align: right; }
.jp-cmp-form-error-message-001 { color: rgb(215, 14, 24); margin-bottom: 5px; }
.jp-cmp-form-error-001, .jp-cmp-form-error-001 + .easy-select-box { background: rgb(255, 233, 237); }
.jp-cmp-link-btn-001 { text-align: center; margin-top: -20px; }
.jp-cmp-btn-link-block-002 { text-align: center; margin-top: 20px; }
@media screen and (min-width: 768px) {
  .jp-cmp-form-table-001 ul { display: table; width: 100%; }
  .jp-cmp-form-table-001 li { display: table-row; }
  .jp-cmp-form-cell-th, .jp-cmp-form-cell-td { display: table-cell; padding: 20px; border-bottom: 2px solid rgb(255, 255, 255); }
  .jp-cmp-form-cell-th { width: 25%; vertical-align: middle; }
  .jp-cmp-form-cell-td { width: 75%; }
  .jp-cmp-form-cell-td-column { display: table-cell; padding-right: 10px; }
  .jp-cmp-form-cell-td-column-last { display: table-cell; }
  .jp-cmp-link-detail-001 { font-size: 120%; margin-top: 20px; }
  .jp-cmp-link-btn-001 button, .jp-cmp-btn-link-block-002 button { width: 160px; margin: 0px 10px; }
  .jp-cmp-btn-link-block-002 button { margin: 0px 10px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-form-cell-th, .jp-cmp-form-cell-td { padding: 10px; }
  .jp-cmp-form-cell-td-column { margin-bottom: 10px; display: table; width: 100%; }
  .jp-cmp-form-cell-td-column span { display: table-cell; }
  .jp-cmp-form-cell-td-column span:nth-child(1) { width: 15%; }
  .jp-cmp-form-cell-td-column span:nth-child(2) { width: 85%; }
  .jp-cmp-form-cell-td-column-last { text-align: right; }
  .jp-cmp-link-detail-001 { margin-top: 10px; }
  .jp-cmp-link-btn-001 { margin-top: 10px; }
  .jp-cmp-link-btn-001 button, .jp-cmp-btn-link-block-002 button { width: 130px; }
  .jp-cmp-btn-link-block-002 button { }
  .jp-cmp-btn-link-block-002 button:first-child { margin-right: 20px; }
  .jp-cmp-btn-link-block-002 button:last-child { }
}
.jp-cmp-form-input-001, .jp-cmp-form-input-002 { width: 190px; height: 40px; border-radius: 3px; border: 1px solid rgb(182, 182, 182); box-sizing: border-box; padding-left: 10px; }
.jp-cmp-form-input-002 { width: 460px; }
.jp-cmp-form-select-001 { width: 460px; height: 40px; border-radius: 3px; border: 1px solid rgb(182, 182, 182); font-size: 14px; font-weight: bold; }
.jp-cmp-form-textarea-001 { width: 100%; height: 477px; border-radius: 3px; border: 1px solid rgb(182, 182, 182); box-sizing: border-box; padding: 10px; }
.jp-cmp-support-confirm-btn, .jp-cmp-support-submit-btn, .jp-cmp-submit-btn-002 { display: inline-block; width: 160px; height: 40px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 135%; vertical-align: middle; text-align: center; border: 0px; box-sizing: border-box; border-radius: 3px; }
.jp-cmp-submit-btn-002 { height: 32px; background: rgb(112, 112, 112); font-size: 120%; }
.jp-cmp-support-confirm-btn:hover, .jp-cmp-support-submit-btn:hover, .jp-cmp-submit-btn-002:hover { opacity: 0.75; }
.jp-cmp-support-confirm-btn img, .jp-cmp-support-submit-btn img, .jp-cmp-submit-btn-002 img { display: inline-block; margin: -2px 20px 0px -20px; vertical-align: middle; }
@media screen and (max-width: 767px) {
  .jp-cmp-form-input-001, .jp-cmp-form-input-002, .jp-cmp-form-select-001 { width: 100%; }
  .jp-cmp-support-confirm-btn, .jp-cmp-support-submit-btn { width: 130px; font-size: 120%; }
  .jp-cmp-submit-btn-002 { width: 100px; font-size: 100%; }
  .jp-cmp-submit-btn-002 img { margin: -2px 10px 0px -6px; }
}
.jp-cmp-btn-gray-003 { background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 13px 50% / 6px 8px no-repeat rgb(112, 112, 112); padding: 10px 20px 10px 27px; font-size: 120%; color: rgb(255, 255, 255); border-radius: 3px; display: inline-block; }
.jp-cmp-btn-gray-003:hover { text-decoration: none; opacity: 0.7; color: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .jp-cmp-btn-gray-003 { font-size: 100%; }
}
.jp-cmp-box-gray-004 { margin-bottom: 20px; padding: 20px; background: rgb(242, 245, 248); text-align: center; font-size: 120%; word-break: break-all; }
@media screen and (max-width: 767px) {
  .jp-cmp-box-gray-004 { padding: 12px; }
}
.jp-cmp-box-gray-005 { margin: 20px auto; padding: 20px; background: rgb(242, 245, 248); word-break: break-all; width: 80%; }
.jp-cmp-box-gray-005 .jp-cmp-song-words-btn { margin: 50px 0px 0px; text-align: center; }
@media screen and (max-width: 767px) {
  .jp-cmp-box-gray-005 { margin: 10px auto; padding: 12px; width: 84%; }
  .jp-cmp-box-gray-005 .jp-cmp-song-words-btn { margin: 10px; text-align: center; }
}
.jp-cmp-box-gray-006 { padding: 10px 10px 0px; box-sizing: border-box; border-width: 2px; border-style: solid; border-color: rgb(222, 227, 231) rgb(222, 227, 231) rgb(242, 162, 41); border-image: initial; background: rgb(242, 245, 248); }
@media screen and (min-width: 768px) {
  .jp-cmp-box-gray-006 { border-radius: 2px; }
  .jp-cmp-box-gray-006 .jp-cmp-question-001 { float: right; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-gray-006 { position: relative; margin: 0px -10px; border-width: 2px 0px; }
  .jp-cmp-box-003 .jp-cmp-box-gray-006 { margin: 0px; }
  .jp-cmp-time-002 { padding: 0px 0px 10px; }
  .jp-cmp-box-gray-002 .jp-cmp-question-001 { float: right; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-side-ranking-001 .jp-cmp-topics-ranking-001 { display: block; }
  .jp-cmp-side-ranking-002 .jp-cmp-topics-ranking-001 { display: block; }
  .jp-cmp-side-ranking-002 .jp-cmp-topics-ranking-001 .jp-cmp-topics-ranking-list-001 { display: none; }
}
.jp-cmp-ranking-category-001 li { float: left; }
.jp-cmp-ranking-category-001 li:first-child { margin-left: 0px; }
.jp-cmp-ranking-category-001 ul::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-cmp-ranking-category-001 a { display: block; vertical-align: middle; color: rgb(255, 255, 255); text-align: center; }
.jp-cmp-ranking-category-001 a:hover { text-decoration: none; opacity: 0.7; }
@media screen and (min-width: 768px) {
  .jp-cmp-ranking-category-001 { margin-bottom: 10px; }
  .jp-cmp-ranking-category-001 li { width: 32%; margin-left: 2%; }
  .jp-cmp-ranking-category-001 a { height: 40px; line-height: 40px; border-radius: 4px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 9px 50% / 5px 6px no-repeat rgb(167, 178, 187); font-size: 120%; font-weight: bold; }
  .jp-cmp-ranking-category-001 .jp-cmp-active a { background: url("/web/feature/img/ico-arrow-004.png") 9px 50% / 6px 5px no-repeat rgb(242, 162, 41); }
}
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-category-001 { margin-bottom: 0px; }
  .jp-cmp-ranking-category-001 li { position: relative; width: 33%; margin-left: 0.5%; }
  .jp-cmp-ranking-category-001.jp-page-ranking-category-tab2 li { position: relative; width: 49%; margin-left: 1%; }
  .jp-cmp-ranking-category-001 a { height: 40px; line-height: 40px; padding-bottom: 14px; background: rgb(167, 178, 187); }
  .jp-cmp-ranking-category-001 a::after { content: ""; position: absolute; bottom: 6px; left: 50%; display: block; width: 6px; height: 8px; margin-left: -3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 50% 80% / 6px 8px no-repeat rgb(167, 178, 187); }
  .jp-cmp-ranking-category-001 .jp-cmp-active a { background: rgb(242, 162, 41); }
  .jp-cmp-ranking-category-001 .jp-cmp-active a::after { width: 8px; height: 6px; margin-left: -4px; background: url("/web/feature/img/ico-arrow-004.png") 50% 80% / 8px 6px no-repeat rgb(242, 162, 41); }
}
.jp-cmp-h1-category-ranking { box-sizing: border-box; color: rgb(255, 255, 255); font-weight: bold; }
@media screen and (min-width: 768px) {
  .jp-cmp-h1-category-ranking { height: 82px; line-height: 82px; margin: 20px 0px 30px; padding: 0px 28% 0px 4%; background: url("/web/feature/img/bg-head-ranking-001.jpg") 0px 50% / 100% no-repeat; font-size: 200%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h1-category-ranking { height: 49px; line-height: 49px; padding: 0px 44% 0px 5%; margin: 10px 3%; background: url("/web/feature/img/bg-head-ranking-smp-001.jpg") 0px 50% / cover no-repeat; font-size: 135%; }
  .jp-page-side-ranking-list.jp-page-side-ranking-list-top { display: block; }
}
.jp-cmp-ranking-term-ranking { display: block; background-color: rgb(255, 237, 230); width: 206px; height: 194px; float: left; margin-right: 11px; margin-bottom: 20px; padding: 15px; }
.jp-cmp-ranking-term-ranking:last-child { margin-right: 0px; }
.jp-cmp-ranking-term-ranking > h3 { text-align: center; margin-bottom: 20px; color: rgb(240, 97, 1); font-size: 130%; }
.jp-cmp-ranking-term-ranking > h3 > span { font-weight: bold; padding-left: 24px; display: inline-block; min-height: 24px; }
.jp-cmp-ranking-ico-all { background: url("/web/feature/img/ico-ranking-genre-001.png") 0px 50% / 24px 24px no-repeat; }
.jp-cmp-ranking-ico-artist { background: url("/web/feature/img/ico-ranking-genre-002.png") 0px 50% / 24px 24px no-repeat; }
.jp-cmp-ranking-ico-anime { background: url("/web/feature/img/ico-ranking-genre-003.png") 0px 50% / 24px 24px no-repeat; }
.jp-cmp-ranking-term-ranking .jp-cmp-topics-ranking-list-001 > li { line-height: 0; }
.jp-cmp-ranking-term-ranking .jp-cmp-topics-ranking-list-001 > li > a { background: url("/web/feature/img/smp/ico-arrow-002.png") 100% 45% / 8px 15px no-repeat scroll rgba(0, 0, 0, 0); display: table; width: 100%; min-height: 3.2em; padding: 8px 0px 8px 3px; box-sizing: border-box; border-top: none; color: rgb(51, 62, 63); }
.jp-cmp-ranking-term-ranking .jp-cmp-topics-area-list-001 > li > a { min-height: 4.5em; }
.jp-cmp-ranking-term-ranking .jp-cmp-topics-ranking-list-001 a:hover { text-decoration: none; opacity: 0.75; }
.jp-cmp-ranking-term-ranking .jp-cmp-topics-ranking-list-001 > li > a > p, .jp-cmp-ranking-term-ranking .jp-cmp-topics-ranking-list-001 > li > div > p { display: table-cell; padding-left: 15px; padding-right: 15px; vertical-align: middle; word-break: break-all; }
.jp-cmp-ranking-term-ranking-layout-table { display: table; width: 180px; margin: 0px auto; }
.jp-cmp-ranking-term-ranking-layout-table-row { display: table-row; }
.jp-cmp-ranking-term-ranking-layout-table-cell { display: table-cell; width: 50%; text-align: center; vertical-align: middle; }
.jp-cmp-term-ranking-genre-ranking-num { color: rgb(255, 255, 255); font-size: 180%; font-weight: bold; background: url("/web/feature/img/ico-ranking-genre-ranking1-001.png") 50% 40% / 50px 39px no-repeat; }
.jp-cmp-ranking-term-ranking-misic-text { text-align: center; margin-top: 10px; }
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-term-ranking { width: auto; height: auto; float: none; margin: 0px 0px 10px; }
  .jp-cmp-ranking-term-ranking:last-child { margin-bottom: 20px; }
  .jp-cmp-ranking-term-ranking > a { padding-right: 25px; }
  .jp-cmp-ranking-term-ranking > a > h3 { margin-bottom: 10px; text-align: left; }
  .jp-cmp-ranking-term-ranking-layout-table { display: table; width: auto; margin: 0px; float: left; }
  .jp-cmp-ranking-term-ranking-layout-table-cell { display: table-cell; width: auto; padding: 0px 10px; text-align: center; vertical-align: middle; }
  .jp-cmp-ranking-term-ranking-layout-table-smp { display: table; }
  .jp-cmp-ranking-term-ranking-layout-table-row-smp { display: table-row; }
  .jp-cmp-ranking-term-ranking-layout-table-cell-smp { display: table-cell; vertical-align: middle; }
  .jp-cmp-term-ranking-genre-ranking-num { font-size: 100%; background-size: 23px 18px; }
  .jp-cmp-ranking-term-ranking-misic-text { text-align: left; margin-top: 0px; }
  .jp-cmp-ranking-term-ranking-misic-text div { margin-bottom: 0.5em; }
}
h2.jp-cmp-ranking-shopgp { float: left; margin-bottom: 0px !important; }
span.jp-cmp-ranking-shopgp img { float: right; }
.jp-cmp-ranking-shopgp-ranking { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); width: 234px; height: 155px; float: left; margin-top: 10px; margin-right: 11px; margin-bottom: 15px; padding-bottom: 15px; }
li.jp-cmp-ranking-shopgp-ranking { margin-top: 0px !important; margin-right: 10px !important; margin-bottom: 10px !important; }
.jp-cmp-ranking-shopgp-ranking:last-child { margin-right: 0px; }
.jp-cmp-ranking-shopgp-ranking > a, .jp-cmp-ranking-shopgp-ranking > div { height: 100%; display: block; box-sizing: border-box; padding: 15px; background-size: 8px 15px; text-decoration: none; color: rgb(59, 59, 59); }
.jp-cmp-ranking-shopgp-ranking > a { background: url("/web/feature/img/ico-arrow-002.png") 95% 50% no-repeat; }
.jp-cmp-ranking-shopgp-ranking > a:hover { opacity: 0.7; }
.jp-cmp-ranking-shopgp-ranking .jp-cmp-ranking { min-height: 50%; }
.jp-cmp-ranking-shopgp-ranking .jp-cmp-ranking-num { display: table-cell; }
.jp-cmp-ranking-shopgp-ranking .jp-cmp-ranking-title { display: table-cell; padding-left: 10px; word-break: break-all; }
.jp-cmp-ranking-shopgp-ranking .jp-page-saiten-score { color: rgb(215, 14, 24); }
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-shopgp-ranking { clear: both; width: 100%; height: auto; margin: 10px 0px; padding-bottom: 0px; }
  .sp-none { display: none; }
  .jp-cmp-ranking-shopgp-ranking .jp-page-saiten-user-ranking-block { float: left; width: 70px; padding: 10px 0px 0px; }
  .jp-cmp-ranking-shopgp-ranking .jp-page-saiten-user-person-block { float: left; padding: 10px 0px 0px; }
}
.jp-cmp-shop-gp-monthly span { font-weight: bold; }
.jp-cmp-shop-ranking-num { display: table-cell; width: 20px; height: 20px; vertical-align: middle; }
.jp-cmp-shop-ranking-num span { width: 20px; height: 20px; line-height: 20px; color: rgb(255, 255, 255); background-color: rgb(255, 147, 162); border-radius: 3px; text-align: center; display: block; }
.jp-cmp-ranking-shop-gp-wrap li:nth-child(1) > div { padding-top: 10px; }
.jp-cmp-ranking-shop-gp-wrap li:nth-child(1) .jp-cmp-ranking { min-height: 50%; }
.jp-cmp-ranking-shop-gp-wrap .jp-page-saiten-user-score-block p { word-break: break-all; }
@media screen and (min-width: 768px) {
  .jp-cmp-h1-shop-gp img { width: 338px; height: 116px; }
  .jp-cmp-shop-gp-contents .jp-page-saiten-user-score-block p:not(:first-child) { max-width: 113px; }
  .jp-cmp-shop-gp-contents { width: 730px; margin: 0px auto; }
  .jp-cmp-h2-shop-gp { text-align: center; margin-top: 30px; font-size: 34px; font-weight: bold; }
  #jp-page-shop-gp { background: rgb(255, 255, 255); }
  .jp-cmp-ranking-change { width: 100%; margin-top: 10px; margin-bottom: 47px; float: right; text-align: center; }
  .jp-cmp-h1-shop-gp { text-align: center; margin-top: 25px; }
  .jp-cmp-shop-gp-monthly { font-size: 22px; color: rgb(214, 23, 24); font-weight: bold; width: 49%; }
  .jp-cmp-shop-gp-term { background: rgb(243, 243, 243); padding: 6px; font-weight: bold; width: 49%; }
  .jp-cmp-ranking-shop-gp-wrap li:nth-child(1) { width: 731px; background: url("/web/feature/img/shop/bg-shop-gp-rank1_all.png") center bottom; border: none; }
  .jp-cmp-ranking-shop-gp-wrap li:nth-child(1) p.jp-cmp-ranking-title { font-size: 16px; height: 65px; vertical-align: middle; font-weight: bold; }
  .jp-cmp-ranking-shop-gp-wrap li .jp-page-saiten-user-score { font-size: 14px; }
  .jp-cmp-ranking-shop-gp-wrap li:nth-child(1) .jp-page-saiten-user-score { font-size: 20px; }
  .jp-cmp-ranking-shop-gp-wrap li:nth-child(1) .jp-page-saiten-user-score em { font-size: 30px; }
  .jp-cmp-ranking-shop-gp-wrap li:nth-child(1) .jp-page-saiten-user-name { max-width: 135px !important; font-size: 15px; }
  .jp-cmp-ranking-shop-gp-wrap li:nth-child(1) .jp-page-saiten-user-person-block { margin-top: 0px; }
  .jp-cmp-ranking-shop-gp-wrap li:nth-child(3n+1) { margin-right: 0px !important; }
  .jp-cmp-ranking-shop-gp-wrap li:nth-child(1) > div { width: 277px; margin: 0px auto; }
  .jp-cmp-ranking-shop-gp-wrap li .jp-page-saiten-user-score em { margin-right: 3px; }
  li.jp-cmp-ranking-shopgp-ranking > div { width: 235px; margin: 0px auto; }
  .jp-cmp-shop-gp-annotation { text-align: right; margin: 20px 0px 30px; }
  .jp-cmp-shop-gp-summary { text-align: center; width: 100%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-h2-shop-gp { text-align: center; margin-top: 30px; font-size: 180%; font-weight: bold; }
  .jp-cmp-shop-gp-contents { margin: 15px 3% 40px; padding: 20px 10px; background: rgb(255, 255, 255); }
  .jp-cmp-h1-shop-gp { text-align: center; }
  .jp-cmp-h1-shop-gp img { width: 100%; height: auto; }
  .jp-cmp-ranking-change { margin-bottom: 25px; margin-top: 10px; text-align: center; width: 100%; }
  .jp-cmp-shop-gp-monthly { font-size: 120%; color: rgb(214, 23, 24); font-weight: bold; height: 60px; padding: 20px 0px 0px; margin-bottom: 15px; background: url("/web/feature/img/smp/bg-shop-gp-monthly.png") center bottom / cover; }
  .jp-cmp-shop-gp-monthly span { display: block; }
  .jp-cmp-shop-gp-term { background: rgb(243, 243, 243); padding: 6px 2%; font-weight: bold; width: 96%; }
  .jp-cmp-ranking-shop-gp-wrap .jp-cmp-ranking-shopgp-ranking { margin: 5px 0px; }
  .jp-cmp-ranking-shop-gp-wrap li:nth-child(1) { background: rgb(255, 254, 246); border: 1px solid rgb(245, 227, 178); }
  .jp-cmp-shop-gp-annotation { text-align: left; margin: 20px 0px 0px; }
  .jp-cmp-shop-gp-summary { margin-top: 25px; text-align: center; }
}
.jp-cmp-age-ranking-block { width: auto; background: rgb(255, 245, 210); padding: 10px; border-radius: 4px; margin: 10px 0px; }
.jp-cmp-age-ranking-block b { font-weight: bold; font-size: 120%; white-space: nowrap; }
.jp-cmp-age-ranking-block span { font-size: 120%; }
.jp-cmp-age-ranking-block input { width: 178px; border: 1px solid rgb(182, 182, 182); padding-left: 14px; height: 38px; border-radius: 2px; margin: 0px 5px; }
.jp-cmp-age-ranking-block button { display: inline-block; width: 145px; height: 40px; box-sizing: border-box; border-radius: 3px; border: 0px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 135%; vertical-align: middle; text-align: center; float: right; }
.jp-cmp-age-ranking-block button:hover { opacity: 0.7; }
.jp-cmp-age-ranking-block button img { display: inline-block; margin: -2px 15px 0px -31px; vertical-align: middle; }
.jp-cmp-age-ranking-form-table, .jp-cmp-age-ranking-form-table-row, .jp-cmp-age-ranking-form-table-cell { display: inline; }
.jp-cmp-age-ranking-age-selector-table { display: table; width: 100%; }
.jp-cmp-age-ranking-age-selector-table-row { display: table-row; }
.jp-cmp-age-ranking-age-selector-table-cell { display: table-cell; text-align: center; vertical-align: middle; }
.jp-cmp-age-ranking-age-selector-table-cell a:hover { opacity: 0.7; }
.jp-cmp-age-ranking-prev span, .jp-cmp-age-ranking-next span { text-indent: -9999px; }
.jp-cmp-age-ranking-prev a { display: block; width: 32px; height: 32px; background: url("/web/feature/img/ico-prev-003.png") 50% 50% / 32px 32px no-repeat; }
.jp-cmp-age-ranking-next a { display: block; width: 32px; height: 32px; background: url("/web/feature/img/ico-next-003.png") 50% 50% / 32px 32px no-repeat; }
.jp-cmp-age-ranking-age-selector-table-cell br { display: none; }
.jp-cmp-age-ranking-age-selector-table-cell span, .jp-cmp-age-ranking-age-selector-inner-table, .jp-cmp-age-ranking-age-selector-inner-table-row { display: inline-block; }
.jp-cmp-age-ranking-age-selector-inner-table-cell { display: inline-block; padding: 0px 10px; margin: 0px 22px 0px 30px; }
.jp-cmp-age-ranking-error { text-align: center; margin-top: 5px; }
.jp-cmp-age-ranking-error span { color: rgb(215, 14, 24); font-size: 100% !important; }
.jp-cmp-age-ranking-block-smp span { font-size: 180%; font-weight: bold; vertical-align: middle; padding-bottom: 2px; }
.jp-cmp-age-ranking-block-smp input { width: 155px; margin: 0px; padding-left: 0px; text-align: center; font-size: 150%; }
.jp-cmp-age-ranking-block-smp button { background: url("/web/web/img/header-ico-search-001.png") 12% 50% / 16px 16px no-repeat rgb(0, 0, 0); width: 125px; height: 40px; border-radius: 5px; border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 125%; font-weight: bold; float: none; vertical-align: top; box-sizing: content-box; }
.jp-cmp-age-ranking-block-smp button span { margin-left: 10px; font-size: 100%; font-weight: bold; vertical-align: middle; padding-bottom: 0px; }
.jp-cmp-age-ranking-block-smp .jp-cmp-age-ranking-age-selector-inner-table-cell a.jp-cmp-age-ranking-block-smp-btn02 { background: none rgb(182, 182, 182); width: 37px; height: 40px; border-radius: 3px 0px 0px 3px; border-color: rgb(182, 182, 182); color: rgb(255, 255, 255); font-size: 220%; font-weight: bold; padding-left: 2px; margin: 0px -5px 0px 0px; vertical-align: top; display: inline-block; }
.jp-cmp-age-ranking-block-smp .jp-cmp-age-ranking-age-selector-inner-table-cell a.jp-cmp-age-ranking-block-smp-btn03 { background: none rgb(182, 182, 182); width: 37px; height: 40px; border-radius: 0px 3px 3px 0px; border-color: rgb(182, 182, 182); color: rgb(255, 255, 255); font-size: 220%; font-weight: bold; padding-right: 2px; margin: 0px 0px 0px -5px; vertical-align: top; display: inline-block; }
.jp-cmp-age-ranking-block-smp .jp-cmp-age-ranking-age-selector-inner-table-cell a.jp-cmp-age-ranking-block-smp-btn02:hover, .jp-cmp-age-ranking-block-smp .jp-cmp-age-ranking-age-selector-inner-table-cell a.jp-cmp-age-ranking-block-smp-btn03:hover { text-decoration: none; cursor: pointer; }
@media screen and (max-width: 767px) {
  .jp-cmp-age-ranking-block input { width: 118px; }
  .jp-cmp-age-ranking-form-table { display: table; margin-bottom: 10px; }
  .jp-cmp-age-ranking-form-table-row { display: table-row; }
  .jp-cmp-age-ranking-form-table-cell { display: table-cell; vertical-align: middle; }
  .jp-cmp-age-ranking-block button { float: none; width: 100%; }
  .jp-cmp-age-ranking-age-selector-table-cell { text-align: left; }
  .jp-cmp-age-ranking-age-selector-table-cell span { margin: 0px 5px; }
  .jp-cmp-age-ranking-age-selector-table-cell br { display: inline-block; }
  .jp-cmp-age-ranking-age-selector-inner-table { display: table; }
  .jp-cmp-age-ranking-age-selector-inner-table-row { display: table-row; }
  .jp-cmp-age-ranking-age-selector-inner-table-cell { display: table-cell; width: 177px; text-align: left; vertical-align: middle; padding-left: 5px; }
  .jp-cmp-age-ranking-block-smp { margin-top: 0px; margin-bottom: 0px; border-radius: 0px; border-top: 1px solid rgb(218, 218, 218); border-bottom: 1px solid rgb(218, 218, 218); padding: 15px 5px; }
  .jp-cmp-age-ranking-block-smp span { font-size: 125%; margin-bottom: 3px; }
  .jp-cmp-age-ranking-block-smp .jp-cmp-age-ranking-age-selector-inner-table-cell a.jp-cmp-age-ranking-block-smp-btn02, .jp-cmp-age-ranking-block-smp .jp-cmp-age-ranking-age-selector-inner-table-cell a.jp-cmp-age-ranking-block-smp-btn03 { text-align: center; font-size: 230%; }
  .jp-cmp-age-ranking-block-smp button { background: url("/web/web/img/header-ico-search-001.png") 14% 50% / 16px 16px no-repeat rgb(0, 0, 0); width: 100%; box-sizing: border-box; }
  .jp-cmp-age-ranking-block-smp button span { margin: 0px 0px 0px 15px; padding: 0px 0px 1px 3px; }
  .jp-cmp-age-ranking-h2-smp { margin: -10px -10px 20px; padding: 0px 10px 5px 30px; border-bottom: 1px solid rgb(218, 218, 218); background-position: 10px 0.3em; }
  .jp-cmp-age-ranking-block input { width: 98px; }
}
.jp-page-ranking-table-column.jp-page-ranking-artist .jp-cmp-table-column:first-child { width: 75%; }
.jp-page-ranking-table-column.jp-page-ranking-artist .jp-cmp-table-column:first-child div { width: 100%; }
.jp-page-ranking-table-column.jp-page-ranking-artist .jp-cmp-table-column:last-child { width: 25%; }
.jp-cmp-topics-music-002 { border-color: rgb(234, 0, 138); }
.jp-cmp-topics-music-002 h3 a { background: url("/web/feature/img/ico-arrow-002.png") 100% 50% no-repeat; }
.jp-cmp-topics-music-002 h3 a::before { content: ""; display: inline-block; float: left; width: 42px; height: 42px; margin-right: 11px; background: url("/web/feature/img/ico-topics-music-003.png") 0px 50% no-repeat; }
.jp-cmp-topics-music-002 h3 a strong { color: rgb(234, 0, 138); }
.jp-cmp-topics-block-001 > h3 + a { color: rgb(59, 59, 59); display: block; }
.jp-cmp-select-block-001 { position: relative; margin-bottom: 10px; padding: 0.8em; background: rgb(255, 245, 210); font-size: 1.3em; text-align: center; border-radius: 3px; }
.jp-cmp-select-block-001 > ul > li > a { position: absolute; top: 50%; text-indent: -9999px; background-position: 0px 0px; background-repeat: no-repeat; background-size: 100%; }
.jp-cmp-select-block-001 > ul > li:first-child > a { left: 2%; }
.jp-cmp-select-block-001 > ul > li:last-child > a { right: 2%; }
.jp-cmp-select-block-001 select { margin-right: 10px; border: 0px; border-radius: 3px; }
@media screen and (min-width: 768px) {
  .jp-cmp-select-block-001 select { padding: 0.3em; font-size: 1.125em; font-weight: bold; min-width: 320px; border: 1px solid rgb(182, 182, 182); }
  .jp-cmp-select-block-001 > ul > li > a { width: 32px; height: 32px; margin-top: -16px; }
  .jp-cmp-select-block-001 > ul > li:first-child > a { background-image: url("/web/feature/img/ico-prev-003.png"); }
  .jp-cmp-select-block-001 > ul > li:last-child > a { background-image: url("/web/feature/img/ico-next-003.png"); }
}
@media screen and (max-width: 767px) {
  .jp-cmp-select-block-001 { font-size: 1.16em; margin: 0px -10px; }
  .jp-cmp-select-block-001 select { padding: 0.4em 1%; font-size: 1em; border: 1px solid rgb(182, 182, 182); }
  .jp-cmp-select-block-001 > ul > li > a { width: 11px; height: 20px; margin-top: -10px; background-position: 0px 0px; background-repeat: no-repeat; background-size: 100%; }
  .jp-cmp-select-block-001 > ul > li:first-child > a { background-image: url("/web/feature/img/ico-arrow-025.png"); }
  .jp-cmp-select-block-001 > ul > li:last-child > a { background-image: url("/web/feature/img/ico-arrow-026.png"); }
}
.jp-cmp-song-list-001 > ul > li { box-sizing: border-box; }
.jp-cmp-song-list-001 > ul > li > a, .jp-cmp-song-list-001 > ul > li > span { display: block; position: relative; color: rgb(59, 59, 59); }
.jp-cmp-song-list-001 > ul > li > a::after, .jp-cmp-song-list-001 > ul > li > span::after { content: ""; display: block; position: absolute; top: 50%; right: 3%; width: 12px; height: 21px; margin-top: -10px; }
.jp-cmp-song-list-001 > ul > li > a::after { background: url("/web/feature/img/ico-arrow-007.png") 0px 0px no-repeat; }
.jp-cmp-song-list-001 > ul > li > a dl > .jp-cmp-song-artist::before, .jp-cmp-song-list-001 > ul > li > span dl > .jp-cmp-song-artist::before { content: "／"; }
.jp-cmp-song-list-001 dt { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jp-cmp-song-list-001 dd { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media screen and (min-width: 768px) {
  .jp-cmp-song-list-001 > ul { font-size: 0px; }
  .jp-cmp-song-list-001 > ul > li { float: left; width: 236px; margin: 0px 10px 10px 0px; padding: 20px 8px 18px; border: 2px solid rgb(231, 231, 231); text-align: center; font-size: 12px; }
  .jp-cmp-song-list-001 > ul > li:nth-child(3n) { margin-right: 0px; }
  .jp-cmp-song-list-001 > ul > li figure { margin-bottom: 10px; }
  .jp-cmp-song-list-001 > ul > li .jp-cmp-list-inline-003 { border-top: 1px solid rgb(222, 227, 231); margin-top: 14px; padding-top: 14px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-song-list-001 { margin-bottom: 1.4em; }
  .jp-cmp-song-list-001 > ul > li { width: 100%; border-bottom: 1px solid rgb(231, 231, 231); }
  .jp-cmp-song-list-001 > ul > li:first-child { border-top: 1px solid rgb(231, 231, 231); }
  .jp-cmp-song-list-001 > ul > li > a, .jp-cmp-song-list-001 > ul > li > span { display: table; width: 100%; table-layout: fixed; }
  .jp-cmp-song-list-001 > ul > li > a > *, .jp-cmp-song-list-001 > ul > li > span > * { display: table-cell; vertical-align: middle; }
  .jp-cmp-song-list-001 > ul > li > a > figure, .jp-cmp-song-list-001 > ul > li > span > figure { max-width: 88px; width: 30%; padding: 15px 3.5% 0px; }
  .jp-cmp-song-list-001 > ul > li > a > dl, .jp-cmp-song-list-001 > ul > li > span > dl { width: 67%; padding-top: 15px; }
  .jp-cmp-song-list-001 > ul > li > a + .jp-cmp-list-inline-003, .jp-cmp-song-list-001 > ul > li > span + .jp-cmp-list-inline-003 { margin: 0px 3% 15px 0px; text-align: right; }
  .jp-cmp-song-list-001 + .jp-cmp-readmore-001 { padding: 0px 3% 20px 0px; }
}
.jp-cmp-topics-block-001 .jp-cmp-topics-list-inner-001 { text-align: left; }
.jp-cmp-block-wrap-001.jp-cmp-column-3 > :nth-child(3n) { margin-right: 0px; }
.jp-cmp-block-wrap-001.jp-cmp-column-3 > :nth-child(4n) { margin-right: 10px; }
@media screen and (max-width: 767px) {
  .jp-cmp-box-002 > header { padding-right: 3%; padding-left: 3%; }
}
.jp-cmp-music-list-song-002 .jp-cmp-link-block-info { display: table; width: 100%; }
.jp-cmp-music-list-song-002 .jp-cmp-link-block-info > * { display: table-cell; }
.jp-cmp-music-list-song-002 .jp-cmp-link-block-info dt { width: 5em; }
.jp-cmp-music-list-song-002 .jp-cmp-link-block-info dt::after { content: "："; }
.jp-cmp-music-list-song-002 .jp-cmp-link-block-info > dd, .jp-cmp-music-list-song-002 .jp-cmp-info-memo { color: rgb(218, 30, 39); }
@media screen and (min-width: 768px) {
  .jp-cmp-music-list-song-002.jp-cmp-wide-001 .jp-cmp-link-block-002 { padding-right: 30px; }
  .jp-cmp-music-list-song-002 .jp-cmp-link-block-inner h2 { font-weight: bold; margin-bottom: 10px; }
  .jp-cmp-music-list-song-002 .jp-cmp-link-block-inner { display: table; width: 100%; }
  .jp-cmp-music-list-song-002 .jp-cmp-link-block-inner > * { display: table-cell; vertical-align: middle; }
  .jp-cmp-music-list-song-002 .jp-cmp-info-memo { width: 6em; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-music-list-song-002 .jp-cmp-link-block-info { margin-bottom: 1em; }
}
.jp-cmp-topics-btn-002 { text-align: center; margin-top: 10px; }
.jp-cmp-side-btn-block-001 > li > a { width: 100%; text-align: center; box-sizing: border-box; }
@media screen and (min-width: 768px) {
  .jp-cmp-music-list-song-002.jp-cmp-wide-001 .jp-cmp-table-column-pt-001 .jp-cmp-table-column:first-child { width: 72.5%; }
  .jp-cmp-music-list-song-002.jp-cmp-wide-001 .jp-cmp-table-column-pt-001 .jp-cmp-table-column:last-child { width: 27.5%; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-category-list-003 + .jp-cmp-music-list-001 li:first-child .jp-cmp-table-column-001 { border-top: none; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-box-001 .jp-cmp-ranking-category-list-003 { margin-left: -10px; margin-right: -10px; }
}
.jp-cmp-tab-contents { display: none; }
.jp-cmp-tab-contents.jp-cmp-active { display: block; }
.jp-cmp-ranking-list-slider-001 { }
.jp-cmp-ranking-list-slider-001 .jp-cmp-carousel-block > ul { border: 2px solid rgb(231, 231, 231); }
.jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 { margin: 0px; }
.jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 li:last-child { border: 0px; }
.jp-cmp-ranking-list-slider-001 .bx-controls { margin-top: 10px; }
@media screen and (min-width: 768px) {
  .jp-cmp-ranking-list-slider-001 { width: 670px; margin: 0px auto; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-carousel-block { width: 100%; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-carousel-block > div { width: 670px !important; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-carousel-block > ol { overflow: hidden; border: 0px; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-carousel-block ul > li { width: 670px !important; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 li a { padding: 15px 40px 15px 22px; }
  .jp-cmp-ranking-list-slider-001 .bx-wrapper .jp-cmp-ranking-list-001 .bx-controls-direction a { top: 50%; margin-top: -40px; }
  .jp-cmp-ranking-list-slider-001 .bx-wrapper .bx-controls-direction a { margin-top: -24px; }
  .jp-cmp-ranking-list-slider-001 .bx-wrapper .bx-controls-direction a { width: 32px; height: 32px; }
  .jp-cmp-ranking-list-slider-001 .bx-wrapper .bx-prev { left: -41px; background: url("/web/feature/img/ico-prev-002.png") 0px 0px no-repeat; }
  .jp-cmp-ranking-list-slider-001 .bx-wrapper .bx-next { right: -41px; background: url("/web/feature/img/ico-next-002.png") 0px 0px no-repeat; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 { overflow: hidden; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 li { float: left; border-style: solid; border-color: rgb(231, 231, 231); border-image: initial; border-width: 2px 0px 2px 2px; box-sizing: border-box; width: 222.5px !important; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 li:last-child { border: 2px solid rgb(231, 231, 231); }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 li a { padding-right: 22px; background-position: 96% 50%; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-image { display: block; margin: 0px auto 10px; padding-right: 0px; text-align: center; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details { display: block; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-001 { margin-right: 10px; min-height: 70px; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-002 dl { overflow: hidden; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-002 dt { clear: both; float: left; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-002 dd { float: left; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-ranking-list-slider-001 { margin: 0px; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-carousel-block .jp-cmp-ranking-list-001 { }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-carousel-block > div { }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 li { border: 0px; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 li a { padding: 0px 12px; background: none; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 .jp-cmp-ranking-column-details .jp-cmp-movie-status-002 { margin-left: -10px; }
  .jp-cmp-ranking-list-slider-001 .jp-cmp-ranking-list-001 .jp-cmp-box-gray-001 { padding: 6px 10px; }
  .jp-cmp-ranking-list-slider-001 .bx-wrapper .bx-controls-direction a { margin-top: -24px; }
  .jp-cmp-ranking-list-slider-001 .bx-wrapper .jp-cmp-ranking-list-001 .bx-controls-direction a { width: 20px; height: 20px; top: 0px !important; }
  .jp-cmp-ranking-list-slider-001 .bx-wrapper .bx-controls-direction a { top: 1em; width: 20px; height: 20px; margin-top: 0px; }
  .jp-cmp-ranking-list-slider-001 .bx-wrapper .bx-prev { left: -10px; background: url("/web/feature/img/smp/ico-prev-001.png") 50% 50% / 10px 20px no-repeat; }
  .jp-cmp-ranking-list-slider-001 .bx-wrapper .bx-next { right: -10px; background: url("/web/feature/img/smp/ico-next-001.png") 50% 50% / 10px 20px no-repeat; }
}
@media screen and (max-width: 767px) {
  #jp-cmp-main.jp-page-saiten-main { margin-bottom: 0px; }
}
.jp-page-saiten-body #jp-cmp-main, .jp-page-saiten-body #jp-cmp-main-column3 { background-color: transparent !important; }
.jp-page-saiten-bg .jp-page-saiten-head-001 { color: rgb(0, 0, 0); }
@media screen and (min-width: 768px) {
  .jp-page-saiten-bg { background-image: url("/web/feature/img/bg-saiten-002.jpg"); background-position: center 100px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(3, 1, 3); background-size: contain !important; }
  .jp-page-saiten-main .jp-page-saiten-block .jp-page-saiten-ranking-1 .jp-page-saiten-user-score-block .jp-page-saiten-user-score { width: 140px; }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  #jp-cmp-wrap.jp-page-saiten-bg { background: url("/web/feature/img/bg-saiten-002.jpg") center 100px / contain no-repeat rgb(3, 1, 3) !important; }
}
@media screen and (max-width: 767px) {
  #jp-cmp-wrap.jp-page-saiten-bg { background: url("/web/feature/img/smp/bg-saiten-002.jpg") center 48px / contain no-repeat rgb(3, 1, 3) !important; }
  #jp-cmp-wrap.jp-page-saiten-top { background: url("/web/feature/img/smp/bg-saiten-002.jpg") center 0px / contain no-repeat rgb(3, 1, 3) !important; }
  .jp-page-saiten-top .jp-page-saiten-block-user { }
}
@media screen and (min-width: 768px) {
  .jp-page-saiten-head-top { margin-bottom: 20px; margin-top: 20px; }
}
.jp-page-saiten-head-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
.jp-page-saiten-head-001 { margin-bottom: 16px; margin-top: 20px; }
@media screen and (max-width: 767px) {
  .jp-page-saiten-head-001 { margin-top: 20px; }
}
.jp-page-saiten-head-001 h1 { font-weight: bold; line-height: 1.1; float: left !important; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-head-001 h1 { padding: 0px 20px; font-size: 180%; }
}
@media screen and (max-width: 0px) and (min-width: 0px) {
  .jp-page-saiten-head-001 h1 { padding: 0px 2%; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-head-001 h1 { padding: 0px 0.5em; font-size: 150%; }
}
.jp-page-saiten-head-001 h1 span { font-size: 70%; font-weight: bold; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-h1-update-001 { margin-right: 10px; text-align: right !important; font-size: 1.2em !important; float: right !important; }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .jp-page-saiten-h1-update-001 { margin-right: 20px; text-align: right !important; font-size: 1.2em !important; float: right !important; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-h1-update-001 { margin-right: 15px; text-align: right !important; float: right !important; }
}
@media screen and (min-width: 768px) {
  .jp-page-saiten-h1-update-002 { margin-right: 10px; text-align: right !important; font-size: 1.2em !important; float: right !important; }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .jp-page-saiten-h1-update-002 { margin-right: 20px; text-align: right !important; font-size: 1.2em !important; float: right !important; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-h1-update-002 { margin: 0px 0.7em; clear: left; text-align: left !important; }
}
.jp-page-saiten-h2-001 { color: rgb(255, 255, 255); font-weight: bold; line-height: 1.25; background-size: 23px 22px !important; }
.jp-page-saiten-h2-001 span { color: rgb(255, 255, 255); float: right; display: block; font-size: 80%; font-weight: normal; line-height: 1.25; }
.jp-page-saiten-h2-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-h2-001 { font-size: 150%; padding: 12px 10px 10px 42px; margin-bottom: 20px; border-radius: 3px; }
  .jp-page-saiten-h2-001.jp-page-saiten-ico-user { background: url("/web/feature/img/ico-ranking-user-001.png") 10px 0.5em no-repeat rgb(47, 53, 60); }
  .jp-page-saiten-h2-001.jp-page-saiten-ico-popular { background: url("/web/feature/img/ico-ranking-popular-001.png") 10px 0.5em no-repeat rgb(47, 53, 60); }
  .jp-page-saiten-h2-001.jp-page-saiten-ico-area { background: url("/web/feature/img/ico-ranking-area-001.png") 10px 0.6em no-repeat rgb(47, 53, 60); }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-h2-001 { padding: 17px 10px 15px 35px; margin-bottom: 10px; font-size: 1.35em; background-size: 18px 18px !important; }
  .jp-page-saiten-h2-001.jp-page-saiten-ico-user { background: url("/web/feature/img/ico-ranking-user-001.png") 10px 1em no-repeat rgb(47, 53, 60); }
  .jp-page-saiten-h2-001.jp-page-saiten-ico-popular { background-image: url("/web/feature/img/ico-ranking-popular-001.png"); background-position: 10px 1em; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(47, 53, 60); background-size: 22px 17px !important; }
  .jp-page-saiten-h2-001.jp-page-saiten-ico-area { background-image: url("/web/feature/img/ico-ranking-area-001.png"); background-position: 10px 1em; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(47, 53, 60); background-size: 18px 18px !important; }
}
.jp-page-saiten-h2-002 { color: rgb(255, 255, 255); font-weight: bold; background-size: 23px 22px; line-height: 1.25; background-color: rgb(47, 53, 60); }
.jp-page-saiten-h2-002 span { font-size: 80%; font-weight: normal; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-h2-002 { font-size: 150%; padding: 12px 10px 10px 18px; margin-bottom: 20px; border-radius: 3px; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-h2-002 { padding: 17px 10px 15px 18px; margin-bottom: 10px; font-size: 1.35em; }
}
.jp-page-saiten-block { color: rgb(255, 255, 255); }
.jp-page-saiten-block a { display: block; color: rgb(255, 255, 255); text-decoration: none; }
.jp-page-saiten-block ol li { margin-bottom: 10px; border: 1px solid rgba(255, 255, 255, 0.54); background-color: rgba(0, 0, 0, 0.85); box-sizing: border-box; }
.jp-page-saiten-block ol li.jp-page-saiten-ranking-1, .jp-page-saiten-block ol li.jp-page-saiten-ranking-2, .jp-page-saiten-block ol li.jp-page-saiten-ranking-3 { background-color: rgba(0, 0, 0, 0.7); }
.jp-page-saiten-ranking-num { display: table-cell; text-align: center; color: rgb(255, 111, 0); font-family: Arial, Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif; font-weight: bold; line-height: 1.1; vertical-align: middle; }
.jp-page-saiten-ranking-num em { display: inline-block; color: rgb(255, 255, 255); background-color: rgb(61, 143, 245); border-radius: 3px; }
.jp-page-saiten-ranking-1 .jp-page-saiten-ranking-num em { background: url("/web/feature/img/ico-ranking1-003.png") no-repeat; }
.jp-page-saiten-ranking-2 .jp-page-saiten-ranking-num em { background: url("/web/feature/img/ico-ranking2-003.png") no-repeat; }
.jp-page-saiten-ranking-3 .jp-page-saiten-ranking-num em { background: url("/web/feature/img/ico-ranking3-003.png") no-repeat; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-ranking-num { width: 40px; height: 32px; }
  .jp-page-saiten-ranking-num em { width: 24px; height: 24px; line-height: 24px; }
  .jp-page-saiten-ranking-1 .jp-page-saiten-ranking-num em, .jp-page-saiten-ranking-2 .jp-page-saiten-ranking-num em, .jp-page-saiten-ranking-3 .jp-page-saiten-ranking-num em { background-size: 40px 32px; width: 40px; height: 32px; line-height: 40px; font-size: 140%; }
  .jp-page-saiten-user-block-001-a .jp-page-saiten-ranking-1 .jp-page-saiten-ranking-num em { font-size: 165%; }
  .jp-page-saiten-user-block-001-b .jp-page-saiten-ranking-2 .jp-page-saiten-ranking-num em { font-size: 120%; }
  .jp-page-saiten-user-block-001-b .jp-page-saiten-ranking-3 .jp-page-saiten-ranking-num em { font-size: 120%; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-ranking-num { width: 35px; height: 28px; }
  .jp-page-saiten-ranking-num em { width: 24px; height: 24px; line-height: 24px; }
  .jp-page-saiten-ranking-1 .jp-page-saiten-ranking-num em, .jp-page-saiten-ranking-2 .jp-page-saiten-ranking-num em, .jp-page-saiten-ranking-3 .jp-page-saiten-ranking-num em { background-size: 35px 28px; width: 35px; height: 28px; line-height: 35px; font-size: 1.5em; }
}
.jp-page-saiten-score-ranking-1 { color: rgb(211, 180, 95) !important; }
.jp-page-saiten-score-ranking-2 { color: rgb(180, 180, 180) !important; }
.jp-page-saiten-score-ranking-3 { color: rgb(181, 123, 84) !important; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-avatar img { max-width: 100%; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-avatar img { max-width: 60px; max-height: 60px; }
}
.jp-page-saiten-block-popular { display: table; width: 100%; box-sizing: border-box; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-block-popular li { padding: 0px; }
  .jp-page-saiten-block-popular li > a, .jp-page-saiten-block-popular li > .jp-page-saiten-popular-block-inner { padding: 15px; display: table; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-block-popular li { padding: 0px; width: 94%; margin: auto; }
  .jp-page-saiten-block-popular li > a, .jp-page-saiten-block-popular li > .jp-page-saiten-popular-block-inner { padding: 10px; }
}
.jp-page-saiten-block-popular .jp-page-saiten-ranking-num { width: 60px; }
@media screen and (max-width: 767px) {
  .jp-page-saiten-block-popular .jp-page-saiten-ranking-num { width: 40px; }
}
.jp-page-saiten-popular-title-block { display: table-cell; vertical-align: middle; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-popular-title-block { width: 460px; padding-left: 10px; }
  .jp-page-saiten-ranking-1 .jp-page-saiten-popular-title-block, .jp-page-saiten-ranking-2 .jp-page-saiten-popular-title-block, .jp-page-saiten-ranking-3 .jp-page-saiten-popular-title-block { width: 360px; padding-left: 10px; }
  .jp-page-saiten-popular-people span { display: block; margin-top: 5px; }
}
.jp-page-saiten-popular-title { font-size: 120%; padding-bottom: 1em; }
@media screen and (max-width: 767px) {
  .jp-page-saiten-popular-title { font-size: 1.35em; padding-bottom: 0px; padding-left: 8px; }
  .jp-page-saiten-popular-people { margin: 12px auto 17px 4px; }
}
.jp-page-saiten-popular-people em { background: rgb(255, 255, 255); display: inline-block; font-weight: bold; font-size: 105%; color: rgb(16, 85, 199); width: 20px; height: 24px; text-align: center; line-height: 24px; margin-right: 4px; border-radius: 3px; }
li:nth-child(-n+3) .jp-page-saiten-popular-people { font-size: 120%; }
li:nth-child(-n+3) .jp-page-saiten-popular-people em { font-size: 125%; width: 24px; height: 28px; line-height: 28px; }
.jp-page-saiten-popular-person-block { display: table-cell; }
@media screen and (max-width: 767px) {
  .jp-page-saiten-popular-person-block { display: inline-block; }
}
.jp-page-saiten-popular-person-block .jp-page-saiten-avatar { padding-left: 10px; display: table-cell; vertical-align: middle; }
.jp-page-saiten-popular-score-block { display: table-cell; vertical-align: middle; padding: 0px 10px; }
.jp-page-saiten-popular-score-block p { overflow-wrap: break-word; width: 138px; }
.jp-page-saiten-popular-score { font-weight: bold; font-size: 100%; }
.jp-page-saiten-popular-score em { font-size: 130%; color: rgb(61, 143, 244); font-weight: bold !important; }
.jp-page-saiten-ranking-1 .jp-page-saiten-popular-score em, .jp-page-saiten-ranking-2 .jp-page-saiten-popular-score em, .jp-page-saiten-ranking-3 .jp-page-saiten-popular-score em { font-size: 150%; }
.jp-page-saiten-label-bestscore { background: url("/web/feature/img/ico-label1-001.png") center center / 50px 50px no-repeat; width: 50px; height: 50px; text-align: center; display: table-cell; vertical-align: middle; line-height: 1.2; font-size: 75%; }
.jp-page-saiten-ranking-1 .jp-page-saiten-label-bestscore, .jp-page-saiten-ranking-2 .jp-page-saiten-label-bestscore, .jp-page-saiten-ranking-3 .jp-page-saiten-label-bestscore { background-size: 60px 61px; width: 60px; height: 61px; font-size: 90%; }
.jp-page-saiten-label-best1 { background: url("/web/feature/img/ico-label1-001.png") center center / 40px 40px no-repeat; }
.jp-page-saiten-label-best2 { background: url("/web/feature/img/ico-label2-001.png") center center / 40px 40px no-repeat; }
.jp-page-saiten-label-best3 { background: url("/web/feature/img/ico-label3-001.png") center center / 40px 40px no-repeat; }
.jp-page-saiten-label-best1, .jp-page-saiten-label-best2, .jp-page-saiten-label-best3 { width: 40px; height: 40px; text-align: center; display: table-cell; vertical-align: middle; font-size: 75%; font-weight: bold; padding-top: 8px; box-sizing: border-box; line-height: 0.75 !important; }
.jp-page-saiten-label-best1 em, .jp-page-saiten-label-best2 em, .jp-page-saiten-label-best3 em { font-size: 150%; }
.jp-page-saiten-block-area::after, .jp-page-saiten-block-area li::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-block-area { position: relative; }
  .jp-page-saiten-top .jp-page-saiten-block-area::before { content: ""; z-index: 0; width: 329px; height: 351px; background: url("/web/feature/img/bg-japan-001.png") 0px 0px no-repeat; position: absolute; top: -105px; left: 40px; }
  .jp-page-saiten-block-area li { float: left; width: 250px; box-sizing: border-box; margin: 0px 10px 10px 0px; text-align: center; padding: 20px 15px; }
  .jp-page-saiten-block-area li:nth-child(3n) { margin-right: 0px; }
  .jp-page-saiten-block-area li:nth-child(3n+1) { clear: left; }
  .jp-page-saiten-popular-person-block .jp-page-saiten-avatar { width: 80px; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-block-area li { width: 94%; margin: 0px 3% 8px; text-align: center; padding: 8px 10px; display: table; }
  .jp-page-saiten-block-area li.jp-page-saiten-ranking-1, .jp-page-saiten-block-area li.jp-page-saiten-ranking-2, .jp-page-saiten-block-area li.jp-page-saiten-ranking-3 { padding: 10px; }
}
.jp-page-saiten-block-area li:last-child { margin-right: 0px; }
.jp-page-saiten-block-area .jp-page-saiten-ranking-num { display: inline-block; padding-top: 0px; margin-top: -2px; }
.jp-page-saiten-block-area .jp-page-saiten-ranking-1 .jp-page-saiten-ranking-num, .jp-page-saiten-block-area .jp-page-saiten-ranking-2 .jp-page-saiten-ranking-num, .jp-page-saiten-block-area .jp-page-saiten-ranking-3 .jp-page-saiten-ranking-num { margin-top: -8px; }
.jp-page-saiten-area-title-block { width: 100%; text-align: left; margin: 0px 0px 10px 2.8em; }
.jp-page-saiten-area-title { display: inline-block; line-height: 1.1; font-size: 150%; padding-left: 5px; margin-top: 8px; }
.jp-page-saiten-ranking-1 .jp-page-saiten-area-title, .jp-page-saiten-ranking-2 .jp-page-saiten-area-title, .jp-page-saiten-ranking-3 .jp-page-saiten-area-title { font-size: 180%; padding-left: 20px; margin-top: 8px; }
.jp-page-saiten-area-score { font-weight: bold; font-size: 130%; line-height: 1.1 !important; padding: 0px !important; margin: 0px !important; }
.jp-page-saiten-area-score em { font-size: 130%; color: rgb(61, 143, 244); font-weight: bold !important; }
.jp-page-saiten-ranking-1 .jp-page-saiten-area-score em, .jp-page-saiten-ranking-2 .jp-page-saiten-area-score em, .jp-page-saiten-ranking-3 .jp-page-saiten-area-score em { font-size: 150%; }
@media screen and (max-width: 767px) {
  .jp-page-saiten-area-title-block { text-align: left; width: 50%; margin-bottom: 0px; display: table-cell; vertical-align: middle; }
  .jp-page-saiten-area-title { font-size: 150%; padding-left: 14px; }
  .jp-page-saiten-area-score { text-align: right; width: 50%; font-size: 110%; display: table-cell; vertical-align: middle; }
}
.jp-page-saiten-link-next { margin: 0px auto 10px !important; }
.jp-page-saiten-link-next { text-align: right; line-height: 1.1; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-link-next { padding-top: 5px; font-size: 120%; margin-bottom: 15px !important; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-link-next { margin-bottom: 10px !important; margin-right: 3% !important; }
}
.jp-page-saiten-block-user::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
a.jp-cmp-link-block-001:hover, .jp-cmp-link-block-001 a:hover { text-decoration: none; opacity: 0.7; }
.jp-page-saiten-user-block-001 .jp-page-saiten-user-block-001-a { border: 1px solid rgba(255, 255, 255, 0.54); background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; vertical-align: top; }
@media screen and (min-width: 768px) {
  div.jp-page-saiten-user-block-001 { display: table; border-collapse: separate; border-spacing: 10px; margin-left: -10px; margin-right: -10px; margin-top: -10px; }
  div.jp-page-saiten-user-block-001 > div { display: inline-block; border-spacing: 0px; margin: 0px; }
  .jp-page-saiten-user-block-001 .jp-page-saiten-user-block-001-a { display: table-cell; width: 510px; }
  .jp-page-saiten-user-block-001 .jp-page-saiten-user-block-001-b { display: table-cell; width: 250px; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-user-block-001 .jp-page-saiten-user-block-001-a { margin: 0px 3% 10px; }
  .jp-page-saiten-user-block-001 .jp-page-saiten-user-block-001-b::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
}
.jp-page-saiten-user-block-001 .jp-page-saiten-ranking-1 { padding: 15px; }
.jp-page-saiten-user-block-001 .jp-page-saiten-ranking-2 { padding: 25px 25px 25px 15px; border: 1px solid rgba(255, 255, 255, 0.54); background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; margin-bottom: 10px; }
.jp-page-saiten-user-block-001 .jp-page-saiten-ranking-3 { padding: 25px 25px 25px 15px; border: 1px solid rgba(255, 255, 255, 0.54); background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; }
.jp-page-saiten-user-block-001 .jp-page-saiten-ranking-2 a, .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-3 a { padding: 15px 25px 15px 15px; background: 97% 50% / 8px 15px no-repeat; }
@media screen and (max-width: 767px) {
  .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-1 { }
  .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-2 { width: 46%; float: left; margin: 0px 1% 10px 3%; }
  .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-3 { width: 46%; float: left; margin: 0px 3% 10px 1%; }
  .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-2 a, .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-3 a { padding: 10px; }
}
.jp-page-saiten-user-block-002 { padding: 15px 25px 15px 15px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.54); background-color: rgba(0, 0, 0, 0.85); float: left; margin-right: 10px; margin-bottom: 10px; }
.jp-page-saiten-user-block-002 a { padding: 15px 25px 15px 15px; background: 97% 50% / 8px 15px no-repeat; }
.jp-page-saiten-user-block-002:nth-child(3n) { margin-right: 0px; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-user-block-002 { width: 250px; }
  .jp-page-saiten-user-block-002:nth-child(3n) { margin-right: 0px; }
  .jp-page-saiten-user-block-002:nth-child(3n+1) { clear: left; }
  .jp-page-saiten-user-block-002:nth-child(3n+2) { }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-user-block-002 { float: left; width: 46%; }
  .jp-page-saiten-user-block-002 a { padding: 10px; }
  .jp-page-saiten-user-block-002:nth-child(2n) { margin: 0px 3% 10px 1%; }
  .jp-page-saiten-user-block-002:nth-child(2n+1) { margin: 0px 1% 10px 3%; clear: left; }
  .jp-page-saiten-user-block-002:first-child { margin: 0px 1% 10px 3%; }
}
.jp-page-saiten-user-block-inner { padding: 15px 25px 15px 15px; }
.jp-page-saiten-user-block-001-a .jp-page-saiten-user-block-inner { padding: 0px 10px 0px 0px; }
@media screen and (max-width: 767px) {
  .jp-page-saiten-user-block-inner { padding: 10px; }
  .jp-page-saiten-user-block-inner .jp-page-saiten-user-score-block { background: none !important; }
}
.jp-page-saiten-user-block-002 a:hover, .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-2 a:hover, .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-3 a:hover { text-decoration: none; opacity: 0.7; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-block-user .jp-page-saiten-ranking-2 .jp-page-saiten-ranking-num, .jp-page-saiten-block-user .jp-page-saiten-ranking-3 .jp-page-saiten-ranking-num { width: 26px; height: 21px; display: block; margin: 0px 0px 5px !important; }
  .jp-page-saiten-block-user .jp-page-saiten-ranking-num { width: 20px; height: 20px; }
  .jp-page-saiten-block-user .jp-page-saiten-ranking-num em { width: 20px; height: 20px; line-height: 20px; }
  .jp-page-saiten-block-user .jp-page-saiten-ranking-2 .jp-page-saiten-ranking-num em, .jp-page-saiten-block-user .jp-page-saiten-ranking-3 .jp-page-saiten-ranking-num em { background-size: 26px 21px; width: 26px; height: 21px; line-height: 26px; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-block-user .jp-page-saiten-ranking-2 .jp-page-saiten-ranking-num { width: 36px; height: 28px; display: block; margin: 0px 0px 5px !important; }
  .jp-page-saiten-block-user .jp-page-saiten-ranking-2 .jp-page-saiten-ranking-num em { background-size: 36px 28px; width: 36px; height: 28px; line-height: 32px; }
}
.jp-page-saiten-user-score-block { margin-top: 8px; }
.jp-page-saiten-user-score-block p { line-height: 1.15; }
.jp-page-saiten-user-avatar-block { display: table-cell; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-user-avatar-block { width: 100px; vertical-align: top; }
  .jp-page-saiten-user-avatar-block p { width: 100px; overflow-wrap: break-word; }
}
.jp-page-saiten-user-avatar-block .jp-page-saiten-avatar { display: block; margin-bottom: 5px; }
.jp-page-saiten-user-person-block { display: table-cell; vertical-align: top; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-block-user .jp-page-saiten-user-person-block { width: 100px; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-user-avatar-block { vertical-align: middle; width: 60px; }
  .jp-page-saiten-user-avatar-block p { word-break: break-all; }
}
.jp-page-saiten-user-score { font-weight: bold; }
.jp-page-saiten-user-score em { font-size: 150%; color: rgb(61, 143, 244); font-weight: bold !important; }
.jp-page-saiten-user-title-block { margin-top: 10px; }
.jp-page-saiten-user-title { display: table-cell; vertical-align: middle; padding-left: 10px; }
@media screen and (max-width: 767px) {
  .jp-page-saiten-user-title { padding-left: 5px; }
}
@media screen and (min-width: 768px) {
  .jp-page-saiten-user-ranking-block { display: table-cell; }
  .jp-page-saiten-ranking-num-002 { display: none; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-user-ranking-block { display: table; width: 100%; padding-bottom: 5px; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-ranking-num-002 { display: table-cell; height: 28px; padding-top: 17px; padding-left: 10px; color: rgb(255, 111, 0); font-family: Arial, Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif; font-weight: bold; line-height: 1.1; }
  .jp-page-saiten-ranking-num-002 em { width: 24px; height: 24px; line-height: 24px; text-align: center; display: inline-block; color: rgb(255, 255, 255); background-color: rgb(61, 143, 245); border-radius: 3px; }
  .jp-page-saiten-ranking-2 .jp-page-saiten-ranking-num-002 em { background: url("/web/feature/img/ico-ranking2-003.png") 0% 0% / 35px 28px no-repeat; width: 35px; height: 28px; line-height: 35px; }
  .jp-page-saiten-ranking-3 .jp-page-saiten-ranking-num-002 em { background: url("/web/feature/img/ico-ranking3-003.png") 0% 0% / 35px 28px no-repeat; width: 35px; height: 28px; line-height: 35px; }
}
.jp-page-saiten-block-user .jp-page-saiten-ranking-1 .jp-page-saiten-ranking-num { width: 50px; height: 39px; display: table-cell; vertical-align: middle; }
.jp-page-saiten-ranking-1 .jp-page-saiten-user-score-block { font-size: 120%; margin-top: 10px; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-block-user .jp-page-saiten-ranking-1 .jp-page-saiten-user-avatar-block { float: left; display: block; width: 164px; padding-right: 25px; }
  .jp-page-saiten-ranking-1 .jp-page-saiten-user-score em { font-size: 180%; }
  .jp-page-saiten-block-user .jp-page-saiten-ranking-1 .jp-page-saiten-user-score-block { display: table-cell; padding-left: 25px; }
  .jp-page-saiten-block-user .jp-page-saiten-ranking-1 .jp-page-saiten-avatar img { width: 164px; height: 164px; object-fit: contain; }
  .jp-page-saiten-block-user .jp-page-saiten-ranking-1 .jp-page-saiten-user-avatar-block p { text-align: center; }
  .jp-page-saiten-block-user .jp-page-saiten-ranking-1 .jp-page-saiten-ranking-num em { background-size: 50px 39px; width: 50px; height: 39px; line-height: 50px; font-size: 210%; }
  .jp-page-saiten-ranking-1 .jp-page-saiten-user-title-block { border-top: 2px dotted rgb(203, 186, 150); padding-top: 15px; margin-bottom: 10px; overflow: hidden; }
  .jp-page-saiten-ranking-1 .jp-page-saiten-user-title-block div { margin-bottom: 15px; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-ranking-1 .jp-page-saiten-user-ranking-block { display: table-cell; }
  .jp-page-saiten-ranking-1 .jp-page-saiten-user-avatar-block { vertical-align: top; width: 100px; padding-right: 10px; display: table-cell !important; }
  .jp-page-saiten-block-user .jp-page-saiten-ranking-1 .jp-page-saiten-avatar img { max-width: 82px; max-height: 82px; object-fit: contain; }
  .jp-page-saiten-block-user .jp-page-saiten-ranking-1 .jp-page-saiten-ranking-num em { background: url("/web/feature/img/ico-ranking1-003.png") 0% 0% / 43px 34px no-repeat; width: 43px; height: 34px; line-height: 43px; font-size: 1.8em; }
  .jp-page-saiten-ranking-1 .jp-page-saiten-user-person-block { display: table-cell !important; padding-left: 15px; }
  .jp-page-saiten-ranking-1 .jp-page-saiten-user-title-block div { margin-bottom: 10px; }
}
.jp-page-saiten-user-link { margin: 0px auto 5px; text-align: center; }
.jp-page-saiten-user-link a { display: inline-block; font-size: 120%; font-weight: bold; color: rgb(59, 59, 59); padding: 5px 30px 4px 35px; border-radius: 3px; background: url("/web/feature/img/ico-arrow-001.png") 18px 50% no-repeat rgb(255, 255, 255); }
.jp-page-saiten-user-link a:hover { text-decoration: none; opacity: 0.7; }
.jp-page-saiten-block-participation { color: rgb(255, 255, 255); background-color: rgb(36, 44, 54); padding: 20px; }
.jp-page-saiten-block-participation h3 { margin-bottom: 1em; font-size: 140%; font-weight: bold; padding-left: 18px; background: url("/web/feature/img/ico-circle-003.png") 0px 50% / 12px no-repeat; }
.jp-page-saiten-block-participation p { margin-bottom: 1em; }
.jp-page-saiten-block-participation a { color: rgb(255, 255, 255); }
.jp-page-saiten-block-participation p.jp-page-saiten-participation-link { margin-bottom: 0px; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-block-participation p.jp-page-saiten-participation-link { text-align: right; font-size: 110%; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-block-participation h3 { margin-bottom: 0.5em; }
  .jp-page-saiten-block-participation { padding: 15px; margin: 0px 3% 10px; }
}
@media screen and (min-width: 768px) {
  .jp-page-saiten-bg .jp-page-saiten-pager { background-color: rgba(50, 58, 65, 0.5); }
  .jp-page-saiten-pager { padding: 10px; margin-top: 10px; margin-bottom: 30px; border-radius: 3px; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-bg .jp-page-saiten-pager { background-color: rgba(50, 58, 65, 0.5); }
  .jp-page-saiten-pager { margin: 5px 3% 25px; padding: 8px 10px 12px; border-radius: 3px; }
}
.jp-page-saiten-pager .jp-cmp-btn-pager-001 a { color: rgb(255, 255, 255); }
.jp-page-saiten-pager .jp-cmp-btn-pager-001 > ol a { color: rgb(164, 180, 194); font-family: Arial, Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif; }
.jp-page-saiten-pager .jp-cmp-btn-pager-001 > ol .jp-cmp-active a { color: rgb(29, 32, 37); }
@media screen and (min-width: 768px) {
  .jp-page-saiten-pager .jp-cmp-btn-pager-001 { margin-top: 20px; }
  .jp-page-saiten-pager .jp-cmp-btn-pager-next a { margin-right: 17px; color: rgb(255, 255, 255); }
  .jp-page-saiten-pager .jp-cmp-btn-pager-next a::before { content: ""; display: inline-block; width: 6px; height: 10px; margin-right: 12px; background: url("/web/feature/img/ico-pager-005.png") 0px 50% no-repeat; color: rgb(255, 255, 255); }
  .jp-page-saiten-pager .jp-cmp-btn-pager-next a::after { background: none; }
  .jp-page-saiten-pager .jp-cmp-btn-pager-prev a { margin-left: 17px; color: rgb(255, 255, 255); }
  .jp-page-saiten-pager .jp-cmp-btn-pager-prev a::after { content: ""; display: inline-block; width: 6px; height: 10px; margin-left: 12px; background: url("/web/feature/img/ico-pager-006.png") 0px 50% no-repeat; color: rgb(255, 255, 255); }
  .jp-page-saiten-pager .jp-cmp-btn-pager-prev a::before { background: none; }
  .jp-page-saiten-pager .jp-cmp-btn-pager-001 > ol a { border: 2px solid rgb(164, 180, 194); background: transparent; }
  .jp-page-saiten-pager .jp-cmp-btn-pager-001 > ol .jp-cmp-active a { background: rgb(164, 180, 194); }
  .jp-page-saiten-pager .jp-cmp-btn-pager-001 > ol li:nth-child(6)::before { color: rgb(164, 180, 194); }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-pager .jp-cmp-btn-pager-next a { background: url("/web/feature/img/ico-pager-007.png") 0px 50% / 13px 21px no-repeat; }
  .jp-page-saiten-pager .jp-cmp-btn-pager-prev a { background: url("/web/feature/img/ico-pager-008.png") 100% 50% / 13px 21px no-repeat; }
  .jp-page-saiten-pager .jp-cmp-btn-pager-001 > ol a { border: 2px solid rgb(164, 180, 194); background: transparent; }
  .jp-page-saiten-pager .jp-cmp-btn-pager-001 > ol .jp-cmp-active a { background: rgb(164, 180, 194); }
  .jp-page-saiten-pager .jp-cmp-btn-pager-001 > ol li:nth-child(6)::before { color: rgb(164, 180, 194); }
}
.jp-page-saiten-block-popular-002 .jp-page-saiten-user-name { margin-top: 8px; }
.jp-page-saiten-block-popular-002 .jp-page-saiten-user-block-001 .jp-page-saiten-user-block-001-a a { background: 98% 50% / 8px 15px no-repeat; padding-right: 10px; }
.jp-page-saiten-block-popular-002 .jp-page-saiten-user-block-001 .jp-page-saiten-user-block-001-a a { text-decoration: none; opacity: 0.7; }
.jp-page-saiten-block-popular-002 .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-1 { padding: 15px; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-block-popular-002 .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-1 { padding: 15px; display: table; box-sizing: border-box; width: 100%; }
  .jp-page-saiten-block-popular-002.jp-page-saiten-block-user .jp-page-saiten-ranking-1 .jp-page-saiten-user-avatar-block { float: none; display: table-cell; vertical-align: middle; width: 139px; padding-right: 25px; }
  .jp-page-saiten-block-popular-002.jp-page-saiten-block-user .jp-page-saiten-ranking-1 .jp-page-saiten-user-score-block { display: table-cell; padding-left: 30px; }
  .jp-page-saiten-block-popular-002.jp-page-saiten-block-user .jp-page-saiten-ranking-1 .jp-page-saiten-avatar img { width: 164px; height: 164px; object-fit: contain; }
  .jp-page-saiten-block-popular-002.jp-page-saiten-block-user .jp-page-saiten-ranking-2 > a, .jp-page-saiten-block-popular-002.jp-page-saiten-block-user .jp-page-saiten-ranking-2 .jp-page-saiten-user-block-inner, .jp-page-saiten-block-popular-002.jp-page-saiten-block-user .jp-page-saiten-ranking-3 > a, .jp-page-saiten-block-popular-002.jp-page-saiten-block-user .jp-page-saiten-ranking-3 .jp-page-saiten-user-block-inner { padding: 27px 25px 26px 15px; }
  .jp-page-saiten-block-popular-002 .jp-page-saiten-ranking-1 .jp-page-saiten-user-person-block { display: table-cell !important; vertical-align: middle; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-block-popular-002 { margin-top: 8px; }
  .jp-page-saiten-block-popular-002 .jp-page-saiten-user-name { margin-bottom: 8px; word-break: break-all; }
  .jp-page-saiten-block-popular-002 .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-2 a, .jp-page-saiten-block-popular-002 .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-3 a, .jp-page-saiten-block-popular-002 .jp-page-saiten-user-block-002 a { background-image: none; }
  .jp-page-saiten-block-popular-002 .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-2 .jp-page-saiten-user-score-block, .jp-page-saiten-block-popular-002 .jp-page-saiten-user-block-001 .jp-page-saiten-ranking-3 .jp-page-saiten-user-score-block, .jp-page-saiten-block-popular-002 .jp-page-saiten-user-block-002 .jp-page-saiten-user-score-block { padding: 0px 15px 0px 0px; width: 100%; display: block; box-sizing: border-box; background: url("/web/feature/img/smp/ico-arrow-002.png") right center / 8px 15px no-repeat; }
  .jp-page-saiten-block-popular-002 .jp-page-saiten-user-person-block { display: block; }
}
.jp-page-saiten-popular-check-block { color: rgb(255, 255, 255); }
.jp-page-saiten-popular-check-block a { color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.54); }
@media screen and (min-width: 768px) {
  .jp-page-saiten-popular-check-block { display: table; border-collapse: separate; border-spacing: 10px; margin-left: -10px; margin-right: -10px; margin-top: -15px; }
  .jp-page-saiten-popular-check-block a { display: table-cell; padding: 15px; box-sizing: border-box; width: 250px; background: url("/web/feature/img/smp/ico-arrow-002.png") 97% 50% / 8px 15px no-repeat; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-popular-check-block a { display: block; padding: 10px; margin: 0px 3% 10px; box-sizing: border-box; width: 94%; background: url("/web/feature/img/smp/ico-arrow-002.png") 97% 50% / 8px 15px no-repeat; }
}
.jp-page-saiten-popular-check-block a:hover { text-decoration: none; opacity: 0.7; }
.jp-page-saiten-popular-check-block .jp-page-saiten-popular-people { line-height: 2.3em; font-size: 120%; margin-bottom: 5px; }
.jp-page-saiten-popular-check-block .jp-page-saiten-popular-people em { font-size: 125%; width: 24px; height: 28px; line-height: 28px; }
.jp-page-saiten-popular-check-block .jp-page-saiten-label-bestscore { background: url("/web/feature/img/ico-label1-001.png") center center / 60px 60px no-repeat; width: 60px; height: 60px; text-align: center; display: table-cell; vertical-align: middle; line-height: 1.2; font-size: 90%; }
.jp-page-saiten-popular-check-block .jp-page-saiten-popular-person-block { width: 100%; display: table; border-collapse: collapse; border-spacing: 0px; }
@media screen and (max-width: 767px) {
  .jp-page-saiten-popular-check-block .jp-page-saiten-label-bestscore { background: url("/web/feature/img/ico-label1-001.png") center center / 50px 50px no-repeat; width: 50px; height: 50px; font-size: 80%; }
}
.jp-page-saiten-bg .jp-page-saiten-head-block-001 { background: rgba(255, 255, 255, 0.7); }
@media screen and (min-width: 768px) {
  .jp-page-saiten-head-block-001 { box-sizing: border-box; display: table; padding: 10px 15px; border-radius: 5px; margin-bottom: 20px; width: 100%; }
  .jp-page-saiten-head-block-001 h2 { display: table-cell; vertical-align: middle; font-size: 150%; font-weight: bold; max-width: 400px; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-head-block-001 { padding: 15px 3%; text-align: center; }
  .jp-page-saiten-head-block-001 h2 { text-align: left; font-size: 1.35em; line-height: 1.3; font-weight: bold; }
}
@media screen and (min-width: 768px) {
  ul.jp-page-saiten-head-nav-001 { display: table-cell; vertical-align: middle; text-align: right; }
  ul.jp-page-saiten-head-nav-001 li { display: inline-block; margin-right: 5px; }
  ul.jp-page-saiten-head-nav-001 li:last-child { margin-right: 0px; }
}
@media screen and (max-width: 767px) {
  ul.jp-page-saiten-head-nav-001 { margin: 15px auto 5px; }
  ul.jp-page-saiten-head-nav-001 li { display: inline-block; margin-right: 5px; margin-bottom: 0px; }
  ul.jp-page-saiten-head-nav-001 li:last-child { margin-right: 0px; }
  ul.jp-page-saiten-head-nav-001 .jp-cmp-btn-black-001, ul.jp-page-saiten-head-nav-001 .jp-cmp-btn-red-001 { font-size: 120%; }
}
.jp-page-saiten-bg .jp-page-saiten-head-block-002 { background: rgba(119, 137, 147, 0.8); color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
  .jp-page-saiten-head-block-002 { box-sizing: border-box; padding: 15px 10px; border-radius: 5px; margin-bottom: 20px; width: 100%; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-head-block-002 { padding: 15px 3%; text-align: center; }
}
span.jp-page-saiten-error { font-size: 120%; color: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  span.jp-page-saiten-error { margin: 0px 3%; }
}
.jp-page-saiten-head-nav-002 ul { display: table; table-layout: fixed; width: 100%; border-collapse: separate; }
.jp-page-saiten-head-nav-002 li { display: table-cell; }
.jp-page-saiten-head-nav-002 li:first-child { margin-left: 0px; }
.jp-page-saiten-head-nav-002 a { display: block; color: rgb(255, 255, 255); text-align: center; font-weight: bold; }
.jp-page-saiten-head-nav-002 a:hover { text-decoration: none; opacity: 0.7; }
@media screen and (min-width: 768px) {
  .jp-page-saiten-head-nav-002 ul { border-spacing: 10px; margin-top: -10px; margin-bottom: 5px; }
  .jp-page-saiten-head-nav-002 li { }
  .jp-page-saiten-head-nav-002 a { height: 40px; line-height: 40px; border-radius: 4px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 9px 50% / 5px 6px no-repeat rgb(0, 0, 0); font-size: 120%; }
  .jp-page-saiten-head-nav-002 .jp-cmp-active a { background: url("/web/feature/img/ico-arrow-004.png") 9px 50% / 6px 5px no-repeat rgb(242, 162, 41); }
  .jp-page-saiten-head-nav-002 .jp-cmp-active a:hover { opacity: 1; cursor: default; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-head-nav-002 ul { margin-bottom: 10px; border-spacing: 1px; }
  .jp-page-saiten-head-nav-002 li { position: relative; }
  .jp-page-saiten-head-nav-002 a { height: 30px; padding-top: 10px; padding-bottom: 10px; background: rgb(0, 0, 0); }
  .jp-page-saiten-head-nav-002 a::after { content: ""; position: absolute; bottom: 6px; left: 50%; display: block; width: 6px; height: 8px; margin-left: -3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 50% 80% / 6px 8px no-repeat; }
  .jp-page-saiten-head-nav-002 .jp-cmp-active a { background: rgb(242, 162, 41); }
  .jp-page-saiten-head-nav-002 .jp-cmp-active a:hover { opacity: 1; cursor: default; }
  .jp-page-saiten-head-nav-002 .jp-cmp-active a::after { width: 8px; height: 6px; margin-left: -4px; background: url("/web/feature/img/ico-arrow-004.png") 50% 80% / 8px 6px no-repeat rgb(242, 162, 41); }
}
a.jp-page-saiten-link-text-001 { background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 0px 50% / 6px 8px no-repeat; padding-left: 10px; display: inline; color: rgb(255, 255, 255); }
@media screen and (min-width: 768px) {
  .jp-page-saiten-head-text-001 p:nth-child(1) { float: left; margin-left: 5px; font-size: 120%; }
  .jp-page-saiten-head-text-001 p:nth-child(2) { float: right; margin-right: 5px; font-size: 120%; }
  .jp-page-saiten-head-text-001::after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }
}
@media screen and (max-width: 767px) {
  .jp-page-saiten-head-text-001 p:nth-child(1) { margin-bottom: 10px; text-align: left; }
  .jp-page-saiten-head-text-001 p:nth-child(2) { text-align: right; font-size: 110%; }
}
#jp-cmp-switch-main-img { position: absolute; top: -9999px; }
.jp-cmp-web-top #jp-cmp-switch-main-img { position: static; }
.jp-cmp-web-top #jp-cmp-btn-carousel-open, .jp-cmp-web-top #jp-cmp-btn-carousel-close { display: none; }
.jp-cmp-first-access #jp-cmp-switch-main-img { display: block; position: static; }
#jp-cmp-btn-carousel-open a { display: none; }
.jp-cmp-first-access #jp-cmp-btn-carousel-open a { display: none; }
@media screen and (min-width: 768px) {
  #jp-cmp-btn-carousel-open, #jp-cmp-btn-carousel-close { position: relative; width: 1250px; margin: 0px auto; }
  #jp-cmp-btn-carousel-open a { z-index: 102; position: absolute; right: 15px; display: inline-block; padding: 7px 33px 7px 70px; border-radius: 4px / 0px 0px 4px 4px; background: url("/web/feature/img/ico-arrow-035.png") 17px 50% / 25px 13px no-repeat rgb(51, 51, 51); color: rgb(255, 255, 255); letter-spacing: 0.1em; font-size: 150%; font-weight: bold; }
  #jp-cmp-btn-carousel-close a { z-index: 102; position: absolute; top: 10px; right: 23px; display: inline-block; width: 45px; height: 45px; background: url("/web/feature/img/btn-close-002.png") 0px 0px no-repeat; text-indent: -9999px; }
}
@media screen and (max-width: 1070px) and (min-width: 768px) {
  .jp-cmp-body-slide-close #jp-cmp-switch-main-img, .jp-cmp-body-slide-open #jp-cmp-switch-main-img { overflow: hidden; width: 100%; }
  #jp-cmp-btn-carousel-open, #jp-cmp-btn-carousel-close { width: 1070px; }
  .jp-cmp-body-slide-close #jp-cmp-btn-carousel-open, .jp-cmp-body-slide-open #jp-cmp-btn-carousel-open, .jp-cmp-body-slide-close #jp-cmp-btn-carousel-close, .jp-cmp-body-slide-open #jp-cmp-btn-carousel-close { z-index: 102; opacity: 0.7; }
}
@media screen and (max-width: 767px) {
  #jp-cmp-btn-carousel-open { position: relative; margin-right: 3%; text-align: right; }
  #jp-cmp-btn-carousel-open a { z-index: 102; position: absolute; top: 10px; right: 0px; display: inline-block; padding: 0.6em 20px 0.6em 43px; border-radius: 4px; background: url("/web/feature/img/ico-arrow-035.png") 10px 50% / 17px 9px no-repeat rgb(51, 51, 51); color: rgb(255, 255, 255); letter-spacing: 0.1em; font-weight: bold; }
  #jp-cmp-btn-carousel-close { position: relative; width: 88%; margin: 0px auto; }
  #jp-cmp-btn-carousel-close a { z-index: 102; position: absolute; top: 5px; right: 4px; display: inline-block; width: 22px; height: 22px; background: url("/web/feature/img/btn-close-002.png") 0px 0px / 22px 22px no-repeat; text-indent: -9999px; }
  .jp-cmp-body-slide-close #jp-cmp-btn-carousel-open, .jp-cmp-body-slide-open #jp-cmp-btn-carousel-open, .jp-cmp-body-slide-close #jp-cmp-btn-carousel-close, .jp-cmp-body-slide-open #jp-cmp-btn-carousel-close { z-index: 102; opacity: 0.7; }
}
.jp-cmp-tab-area-001 { position: relative; }
.jp-cmp-tab-area-001 .jp-cmp-modal-wrap { display: none; position: absolute; width: 100%; height: 100%; }
.jp-cmp-tab-area-001 .jp-cmp-modal-filter { position: absolute; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.7; }
.jp-cmp-modal-close a { z-index: 100; position: absolute; top: 20px; right: 20px; display: inline-block; width: 30px; height: 30px; background: url("/web/feature/img/btn-close-001.png") 0px 0px no-repeat; text-indent: -9999px; }
.jp-cmp-tab-area-001 .jp-cmp-modal-contents { display: none; z-index: 100; position: absolute; }
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0px; left: 0px; z-index: 9999; overflow: hidden; }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxTitle { margin: 0px; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0px; display: block; max-width: none; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0px; padding: 0px; margin: 0px; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; }
#cboxOverlay { background: rgb(0, 0, 0); opacity: 0.7; }
#colorbox { outline: 0px; }
#cboxContent { background: rgb(0, 0, 0); }
.cboxIframe { background: rgb(255, 255, 255); }
#cboxError { padding: 50px; border: 1px solid rgb(204, 204, 204); }
#cboxLoadedContent { border: 0px; background: rgb(255, 255, 255); }
#cboxTitle { position: absolute; bottom: 20px; left: 50%; color: rgb(68, 68, 68); width: 500px; margin-left: -250px; }
#cboxCurrent { display: none !important; }
#cboxLoadingGraphic { background: url("/web/feature/img/ico-loading-001.gif") center center no-repeat; }
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0px; padding: 0px; margin: 0px; overflow: visible; width: auto; background: none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0px; }
#cboxSlideshow { position: absolute; top: -20px; right: 90px; color: rgb(255, 255, 255); }
#cboxClose, #cboxPrevious, #cboxNext { background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; }
#cboxClose:hover, #cboxPrevious:hover, #cboxNext:hover { opacity: 0.75; }
#cboxPrevious { position: absolute; top: 50%; left: 45px; margin-top: -23px; background-image: url("/web/feature/img/ico-prev-001.png"); text-indent: -9999px; width: 46px; height: 46px; }
#cboxNext { position: absolute; top: 50%; right: 45px; margin-top: -23px; background-image: url("/web/feature/img/ico-next-001.png"); text-indent: -9999px; width: 46px; height: 46px; }
#cboxClose { position: absolute; top: 20px; right: 20px; display: block; background-image: url("/web/feature/img/btn-close-001.png"); width: 30px; height: 30px; text-indent: -9999px; }
@media screen and (max-width: 767px) {
  #colorbox { padding: 80px 0px; margin-top: -80px; background-color: rgb(255, 255, 255); }
  #cboxWrapper { padding-top: 80px; padding-bottom: 80px; }
  #cboxTitle { bottom: -30px; margin-left: -41%; width: 82%; }
  .cboxPhoto { width: 80% !important; height: auto !important; }
  #cboxClose, #cboxPrevious, #cboxNext { background-size: contain; }
  #cboxPrevious { top: 50%; left: 3%; margin-top: -19px; background-image: url("/web/feature/img/smp/ico-prev-001.png"); width: 4%; }
  #cboxNext { top: 50%; right: 3%; margin-top: -19px; background-image: url("/web/feature/img/smp/ico-next-001.png"); width: 4%; }
  #cboxClose { top: -60px; right: 3%; display: block; background-image: url("/web/feature/img/smp/btn-close-001.png"); width: 7%; }
}
@media screen and (max-width: 380px) {
  #colorbox { padding: 40px 0px; margin-top: -40px; }
  #cboxWrapper { padding-top: 40px; padding-bottom: 40px; }
  #cboxTitle { bottom: -36px; line-height: 130%; }
  #cboxClose { top: -30px; }
}
@media screen and (min-width: 768px) {
  .jp-cmp-cbox-main-001, .jp-cmp-cbox-main-002 { position: relative; padding: 25px 30px; }
}
@media screen and (max-width: 767px) {
  #colorbox.jp-cmp-cbox-wrap-001 { padding: 0px; margin-top: 0px; }
  .jp-cmp-cbox-wrap-001 #cboxWrapper { padding: 0px; }
  .jp-cmp-cbox-wrap-001 #cboxClose { top: 10px; }
  .jp-cmp-cbox-main-001, .jp-cmp-cbox-main-002 { padding: 20px; }
}
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0px; right: 0px; width: 10px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 16px; background: red; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: rgb(233, 223, 188); position: relative; }
.jspDrag { background: rgb(255, 186, 39); position: relative; top: 0px; left: 0px; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: rgb(80, 80, 109); text-indent: -20000px; display: block; cursor: pointer; padding: 0px; margin: 0px; }
.jspArrow.jspDisabled { cursor: default; background: rgb(128, 128, 141); }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: rgb(238, 238, 244); float: left; height: 100%; }
.bx-wrapper { position: relative; margin: 0px auto 60px; padding: 0px; }
.jp-cmp-topics-block-001 .bx-wrapper { position: static; }
.bx-wrapper img { max-width: 100%; display: block; margin: 0px auto; }
.bx-wrapper .bx-viewport { background: rgb(255, 255, 255); transform: translateZ(0px); }
.bx-wrapper .bx-viewport > ol > li { height: auto !important; }
.jp-cmp-topics-shop-001 .bx-wrapper .bx-viewport { height: auto !important; }
.jp-cmp-topics-block-topic-001 .bx-wrapper .bx-viewport { height: auto !important; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url("/web/feature/img/ico-bx-loader-001.gif") center center no-repeat rgb(255, 255, 255); height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: rgb(102, 102, 102); padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.jp-cmp-topics-block-001 .bx-wrapper .bx-pager { position: absolute; width: 210px; bottom: 10px !important; }
@media screen and (max-width: 767px) {
  .jp-cmp-topics-block-001 .bx-wrapper .bx-pager { position: static; width: auto; margin: 10px 0px 0px; }
}
.bx-wrapper .bx-pager .bx-pager-item { margin: 0px 5px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: rgb(102, 102, 102); text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0px 5px; outline: 0px; border-radius: 5px; cursor: pointer; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: rgb(0, 0, 0); }
.bx-wrapper .bx-prev { left: 1px; background: none; }
.bx-wrapper .bx-next { right: 1px; background: none; }
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { opacity: 0.75; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -30px; outline: 0px; width: 37px; height: 59px; text-indent: -9999px; z-index: 100; cursor: pointer; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0px; background: url("/web/feature/img/controls-001.png") -86px -11px no-repeat; margin: 0px 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0px; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0px; background: url("/web/feature/img/controls-001.png") -86px -44px no-repeat; margin: 0px 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0px; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0px; left: 0px; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: rgb(255, 255, 255); font-family: Arial; display: block; font-size: 0.85em; padding: 10px; }
body .jp-cmp-side-topics-block div { padding-left: 0px; padding-right: 0px; }
.jp-cmp-side-topics-block .jp-cmp-carousel-block > div { padding-left: 20px; padding-right: 20px; }
.jp-cmp-side-topics-block { padding-bottom: 1px; }
.jp-cmp-side-topics-block .bx-wrapper img { display: inline-block; }
.bx-controls { height: 20px; }
.bx-wrapper { margin-bottom: 10px; }
.bx-wrapper .bx-pager { bottom: 0px; height: 15px; padding-top: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a { margin: 0px 2px; }
.bx-wrapper .bx-pager.bx-default-pager a { background-color: rgb(206, 206, 206); border-radius: 4px; width: 8px; height: 8px; }
.jp-cmp-topics-news-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-news-001 .bx-wrapper .bx-pager.bx-default-pager a.active, .jp-cmp-topics-artist-002 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-artist-002 .bx-wrapper .bx-pager.bx-default-pager a.active, .jp-cmp-topics-movie-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-movie-001 .bx-wrapper .bx-pager.bx-default-pager a.active, .jp-cmp-topics-guide-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-guide-001 .bx-wrapper .bx-pager.bx-default-pager a.active, .jp-cmp-topics-live-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-live-001 .bx-wrapper .bx-pager.bx-default-pager a.active, .jp-cmp-topics-message-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-message-001 .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgb(234, 0, 138); }
.jp-cmp-topics-ranking-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-ranking-001 .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgb(255, 111, 0); }
.jp-cmp-topics-recommend-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-recommend-001 .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgb(255, 174, 0); }
.jp-cmp-topics-block-topic-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-block-topic-001 .bx-wrapper .bx-pager.bx-default-pager a.active, .jp-cmp-topics-collaboration-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-collaboration-001 .bx-wrapper .bx-pager.bx-default-pager a.active, .jp-cmp-ranking-list-slider-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-ranking-list-slider-001 .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgb(215, 14, 24); }
.jp-cmp-topics-campaign-002 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-campaign-002 .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgb(46, 160, 73); }
.jp-cmp-topics-shop-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-shop-001 .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgb(111, 195, 50); }
.jp-cmp-topics-contents-001 .bx-wrapper .bx-pager.bx-default-pager a:hover, .jp-cmp-topics-contents-001 .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgb(67, 54, 165); }
.bx-wrapper .bx-controls-direction { }
.bx-wrapper .bx-loading, .bx-wrapper .bx-prev, .bx-wrapper .bx-next { background-image: none; }
@media screen and (max-width: 767px) {
  .bx-controls { height: auto; }
  .bx-wrapper .bx-pager { bottom: -25px; }
}
.jp-cmp-sp-appli-001 { margin: 1.4em 0px; }
.jp-cmp-sp-appli-001-inner { padding: 1em 0px 0px; background: rgb(242, 245, 248); }
.jp-cmp-sp-appli-001-inner > h2 { margin: 0px 0px 0.6em 1em; font-size: 1.2em; font-weight: bold; }
.jp-cmp-sp-appli-001-inner > ul { text-align: center; font-size: 0px; }
.jp-cmp-sp-appli-001-inner li { text-align: left; }
.jp-cmp-sp-appli-001-inner li a { font-size: 12px; }
.jp-cmp-sp-appli-001-inner li a img { margin-bottom: 0.2em; }
.jp-cmp-sp-appli-001-karaoke { margin-bottom: 10px; border-radius: 5px; background-color: rgb(0, 172, 87); padding: 0% 5%; }
.jp-cmp-sp-appli-001-kyokunabi { border-radius: 5px; background-color: rgb(0, 143, 207); padding: 0% 5%; }
.jp-cmp-sp-appli-001-karaokeren { color: rgb(255, 255, 255); font-size: 19.5px; font-weight: bold; padding-top: 27px; }
@media screen and (min-width: 768px) {
  .jp-cmp-sp-appli-001 { display: none; }
}
.jp-cmp-disabled { pointer-events: none; }
.jp-cmp-none { display: none !important; }
@media screen and (min-width: 768px) {
  .jp-cmp-pc-none { display: none !important; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-sp-none { display: none !important; }
  .jp-cmp-sp-block { display: block !important; }
}
.jp-cmp-clear-both { clear: both; }
.jp-cmp-color-red-001 { color: rgb(215, 14, 24) !important; }
.jp-cmp-color-brown-001 { color: rgb(133, 48, 53) !important; }
.jp-cmp-font-size-S01 { font-size: 0.8em !important; }
.jp-cmp-font-size-S02 { font-size: 0.9em !important; }
.jp-cmp-font-size-M01 { font-size: 1em !important; }
.jp-cmp-font-size-L01 { font-size: 1.2em !important; }
.jp-cmp-bold { font-weight: bold !important; }
.jp-cmp-center { text-align: center !important; }
.jp-cmp-left { text-align: left !important; }
.jp-cmp-right { text-align: right !important; }
.jp-cmp-float-left { float: left !important; }
.jp-cmp-float-right { float: right !important; }
.jp-cmp-float-left-smp-none { float: left; }
@media screen and (max-width: 767px) {
  .jp-cmp-float-left-smp-none { float: none; }
}
.jp-cmp-border-none { border: 0px !important; }
.jp-cmp-mt-1em { margin-top: 1em !important; }
.jp-cmp-mt-00 { margin-top: 0px !important; }
.jp-cmp-mt-05 { margin-top: 5px !important; }
.jp-cmp-mt-10 { margin-top: 10px !important; }
.jp-cmp-mt-15 { margin-top: 15px !important; }
.jp-cmp-mt-20 { margin-top: 20px !important; }
.jp-cmp-mt-25 { margin-top: 25px !important; }
.jp-cmp-mt-30 { margin-top: 30px !important; }
.jp-cmp-mb-00 { margin-bottom: 0px !important; }
.jp-cmp-mb-05 { margin-bottom: 5px !important; }
.jp-cmp-mb-10 { margin-bottom: 10px !important; }
.jp-cmp-mb-15 { margin-bottom: 15px !important; }
.jp-cmp-mb-20 { margin-bottom: 20px !important; }
.jp-cmp-mr-00 { margin-right: 0px !important; }
.jp-cmp-mr-05 { margin-right: 5px !important; }
.jp-cmp-mr-10 { margin-right: 10px !important; }
.jp-cmp-mr-0dec4em { margin-right: 0.4em !important; }
.jp-cmp-mr-1em { margin-right: 1em !important; }
.jp-cmp-mb-0dec2em { margin-bottom: 0.2em !important; }
.jp-cmp-mb-1em { margin-bottom: 1em !important; }
.jp-cmp-mb-05em { margin-bottom: 0.5em !important; }
.jp-cmp-mb-1dec2em { margin-bottom: 1.2em !important; }
.jp-cmp-mb-1dec4em { margin-bottom: 1.4em !important; }
.jp-cmp-mb-1dec6em { margin-bottom: 1.6em !important; }
.jp-cmp-mb-1dec8em { margin-bottom: 1.8em !important; }
.jp-cmp-mb-2em { margin-bottom: 2em !important; }
.jp-cmp-ml-1em { margin-left: 1em !important; }
.jp-cmp-pd-00 { padding: 0px !important; }
.jp-cmp-pt-00 { padding-top: 0px !important; }
.jp-cmp-pt-05 { padding-top: 5px !important; }
.jp-cmp-pt-10 { padding-top: 10px !important; }
.jp-cmp-pt-15 { padding-top: 15px !important; }
.jp-cmp-pt-20 { padding-top: 20px !important; }
.jp-cmp-pb-00 { padding-bottom: 0px !important; }
.jp-cmp-pb-05 { padding-bottom: 5px !important; }
.jp-cmp-pb-10 { padding-bottom: 10px !important; }
.jp-cmp-pb-15 { padding-bottom: 15px !important; }
.jp-cmp-pb-20 { padding-bottom: 20px !important; }
.jp-cmp-pt-1em { padding-top: 1em !important; }
.jp-cmp-pt-2em { padding-top: 2em !important; }
.jp-cmp-pl-1em { padding-left: 1em !important; }
.jp-cmp-pr-1em { padding-right: 1em !important; }
.jp-cmp-movie_hq_higtbtn { width: 71px; height: 39px; display: block; position: relative; left: 5px; border: 0px; text-decoration: none; color: rgb(0, 0, 0); background: url("/web/feature/img/icon_m_kind_hq.png") 5% center / 44px 24px no-repeat; }
.jp-cmp-movie_hq_lowbtn { width: 71px; height: 39px; display: block; position: relative; left: 5px; border: 0px; text-decoration: none; color: rgb(0, 0, 0); background: url("/web/feature/img/icon_m_kind_not_hq.png") 5% center / 44px 24px no-repeat; }
.jp-cmp-movie_hq_area { display: block; position: relative; padding: 0px; background: rgb(0, 0, 0); }
@media screen and (max-width: 1070px) {
  .jp-cmp-movie_hq_area { width: 640px; margin: 0px auto; }
}
@media screen and (max-width: 768px) {
  .jp-cmp-movie_hq_area { width: 100%; }
}
.jp-cmp-movie_playback_message { position: absolute; top: 13px; left: 55px; color: white; }
#jp-cmp-ie-alert { margin-bottom: 20px; padding: 15px 60px; box-sizing: border-box; background: rgba(16, 16, 16, 0.7); border-radius: 3px; color: rgb(226, 226, 226); font-size: 135%; }
#jp-cmp-ie-alert p { background: url("/web/feature/img/ico_alert_001.png") 0px 50% no-repeat; padding-left: 54px; }
#jp-cmp-ie-alert a { color: rgb(226, 226, 226); text-decoration: underline; }
#jp-cmp-top #jp-cmp-ie-alert { position: absolute; top: 118px; left: 50%; width: 768px; margin-left: -384px; }
@media screen and (max-width: 1070px) {
  #jp-cmp-ie-alert { display: none; }
}
.jp-cmp-panel-view > section { display: block !important; margin-bottom: 10px; }
@media screen and (min-width: 768px) {
  jp-cmp-search-songs-sum .jp-cmp-ranking-category-list-001 span { font-weight: bold; }
}
@media screen and (max-width: 767px) {
  jp-cmp-search-songs-sum .jp-cmp-ranking-category-list-001 span.jp-cmp-summary { font-size: 0.8em; display: block; }
}
.jp-cmp-box-overflow { overflow: hidden; }
.jp-cmp-h3-002 { font-size: 125%; font-weight: bold; line-height: 1; }
.marginT12 { margin-top: 12px; }
@media screen and (min-width: 768px) {
  .jp-cmp-box-overflow .jp-cmp-h2-001 { padding-bottom: 0px; }
  .chokuei_left { margin-top: 18px; padding-right: 45px; width: 320px; float: left; }
}
@media screen and (max-width: 767px) {
  .chokuei_left { margin-bottom: 1em; width: auto; }
  .img { text-align: center; }
  .img img { height: auto; }
}
.jp-cmp-song-visual .jp-cmp-song-table-001.jp-cmp-table-001 td .jp-cmp-div-notes01 { font-size: 80%; text-indent: -1em; line-height: 1; margin-top: 1.5em; margin-left: 1em; }
.jp-cmp-div-notes01 a { text-decoration: underline; }
.jp-cmp-div-notes02 { clear: both; margin-top: 5%; font-size: 100%; line-height: 1; }
.jp-cmp-div-notes02 a { text-decoration: underline; }
.jp-cmp-link-help { display: inline-block; padding: 12px 5px 12px 30px; background: url("/web/feature/img/ico-help.png") left center / 26px no-repeat; line-height: 1; }
.jp-cmp-song-visual .jp-cmp-song-table-001.jp-cmp-table-001 td .jp-cmp-div-notes03 { font-size: 80%; text-indent: -1em; line-height: 1; margin-left: 1em; }
.jp-cmp-karaoke-list-001 .jp-cmp-div-notes03 { padding-top: 1.2em; clear: both; font-size: 100%; }
.jp-cmp-karaoke-list-001 .jp-cmp-div-notes03 + .jp-cmp-div-notes02 { margin-top: 0px !important; }
.jp-cmp-average-002 { margin-bottom: 10px; margin-top: 10px; }
@media screen and (min-width: 768px) {
  .jp-cmp-average-001 { }
  .jp-cmp-average-002 { display: inline-block; }
  .jp-cmp-average-001 .jp-cmp-select-002 { display: inline-block; height: 30px; margin-top: 10px; margin-bottom: 10px; float: right; width: 22% !important; font-weight: bold !important; }
}
.more-button[data-v-score-ave] { margin: 2rem auto 0px; text-align: center; }
.more-button .jp-cmp-link-001[data-v-score-ave] { background: none; padding: 2.5% 13%; position: relative; border: 1px solid rgb(191, 191, 191); border-radius: 30px; display: inline-block; cursor: pointer; width: 100%; box-sizing: border-box; }
.more-button .jp-cmp-link-001[data-v-score-ave]::before { position: absolute; top: -0.5rem; bottom: 0px; left: 7%; margin: auto; content: ""; vertical-align: middle; width: 0.5rem; height: 0.5rem; border-top: 2px solid rgb(61, 61, 61); border-right: 2px solid rgb(61, 61, 61); transform: rotate(133deg); }
.more-button .jp-cmp-link-001.more-button-close[data-v-score-ave]::before { border-top: none; border-right: none; border-bottom: 2px solid rgb(61, 61, 61); border-left: 2px solid rgb(61, 61, 61); top: 0px; }
.jp-cmp-readmore-001.more-link[data-v-score-ave] { margin-top: 20px; }
@media screen and (max-width: 767px) {
  .jp-cmp-readmore-001.more-link[data-v-score-ave] { margin-top: 1.4em; }
}
.song-item[data-v-score-ave] { border-top: 1px solid rgb(238, 238, 238); padding-top: 1rem; }
.jp-cmp-h2-001 a[data-v-score-ave] { color: rgb(59, 59, 59); font-weight: bold; }
.jp-cmp-readmore-001.more-link[data-v-score-ave] { margin-top: 20px; }
@media screen and (min-width: 768px) {
  .jp-cmp-karaoke-annotation { font-size: 11px; }
}
@media screen and (max-width: 767px) {
  .jp-cmp-karaoke-annotation { font-size: 10px; }
}
.jp-cmp-karaoke-annotation span { font-weight: bold; }
.jp-cmp-song-movie-block .jp-cmp-tab-list-youtube { border-bottom: 2px solid rgb(11, 158, 235); }
.jp-cmp-song-movie-block .jp-cmp-tab-list-utasuki { border-bottom: 2px solid rgb(255, 0, 0); }
@media screen and (min-width: 768px) {
  .jp-cmp-tab-list-img { pointer-events: none; padding-top: 6px; }
  .jp-cmp-tab-ico { height: 52px; background: rgb(228, 233, 238); }
  .jp-cmp-song-movie-contents .jp-cmp-movie-list-youtube-before { min-height: 487px; border-width: 0px 2px 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(222, 227, 231); border-bottom-color: rgb(222, 227, 231); border-left-color: rgb(222, 227, 231); border-image: initial; border-top-style: initial; border-top-color: initial; }
  .jp-cmp-btn-youtube { display: flex; justify-content: space-evenly; margin: 0px auto 20px; padding-top: 30px; }
  .jp-cmp-btn-youtube-001 { display: inline-block; width: 132px; padding: 25px; border-radius: 3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 10px 50% / 12px 16px no-repeat rgb(255, 0, 0); font-size: 140%; font-weight: bold; text-align: center; color: rgb(255, 255, 255) !important; }
  .jp-cmp-btn-youtube-002 { display: inline-block; width: 132px; padding: 25px; border-radius: 3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 10px 50% / 12px 16px no-repeat rgb(11, 158, 235); font-size: 140%; font-weight: bold; text-align: center; color: rgb(255, 255, 255) !important; }
  .jp-cmp-btn-youtube-003 { font-size: 14px; }
  .jp-cmp-tab-list-002 { font: bold 15px Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif; text-size-adjust: none; }
  .jp-cmp-tab-notfound { padding: 25px; text-align: center; font: 15px Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif; text-size-adjust: none; color: rgb(59, 59, 59); }
}
@media screen and (max-width: 767px) {
  .jp-cmp-tab-list-img { pointer-events: none; padding-top: 10px; }
  .jp-cmp-tab-ico { height: 52px; background: rgb(228, 233, 238); }
  .jp-cmp-song-movie-contents .jp-cmp-movie-list-youtube-before { border-width: 0px 2px 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(222, 227, 231); border-bottom-color: rgb(222, 227, 231); border-left-color: rgb(222, 227, 231); border-image: initial; border-top-style: initial; border-top-color: initial; }
  .jp-cmp-btn-youtube { display: flex; justify-content: space-evenly; padding-top: 20px; margin: 0px auto 10px !important; }
  .jp-cmp-btn-youtube-001 { display: inline-block; width: 29%; padding: 25px; border-radius: 3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 10px 50% / 12px 16px no-repeat rgb(255, 0, 0); font-size: 100%; font-weight: bold; text-align: center; color: rgb(255, 255, 255) !important; }
  .jp-cmp-btn-youtube-002 { display: inline-block; width: 29%; padding: 25px; border-radius: 3px; background: url("/files/a/private/legacy/web/feature/img/ico-arrow-005.png") 10px 50% / 12px 16px no-repeat rgb(11, 158, 235); font-size: 100%; font-weight: bold; text-align: center; color: rgb(255, 255, 255) !important; }
  .jp-cmp-btn-youtube-003 { font-size: 10px; }
  .jp-cmp-tab-list-002 { font: bold 15px Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif; text-size-adjust: none; }
  .jp-cmp-tab-notfound { padding: 25px; text-align: center; font: 15px Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif; text-size-adjust: none; color: rgb(59, 59, 59); }
}
.jp-cmp-maiuta-001 { padding: 5px; }
@media screen and (min-width: 768px) {
  .jp-cmp-btn-itunes img { width: 121px; height: 24px; }
}
@media screen and (max-width: 767px) {
  #subNav { box-sizing: border-box; min-height: 44px; }
  .jp-cmp-btn-itunes img { width: 109px; height: 22px; }
  .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-002, .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-003, .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-004, .jp-page-song-detail-btn-area li.jp-cmp-song-detail-btn-005 { height: 30px; }
}