@charset "UTF-8";

/* =====================================
 * 全体
 * =====================================  */
#header {
  border-color: #ffdcd5;
}
#header #headline h1 {
  width: 100%;
  padding: 12px 0 13px 0;
}
#header #headline h1 img.logo {
  max-width: 300px;
  margin-top: -10px;
}
#header #headerNav {
  border-color: #ff5b5b;
  background-color: #ffdcd5;
}
#header #headline #headlineNav {
  top: 28px;
}
#header #headline #headlineNav ul li.hnHelp a:hover,
#header #headline #headlineNav ul li.hnLogout a:hover {
  background-color: #ec737d;
}
#header #headline #headlineNav ul li.hnUser span {
  background: transparent url(/images/custom/portal/header/bg_hn_user_@2x.png) left center no-repeat;
  background-size: 16px;
}
#header #headline #headlineNav ul li.hnHelp a {
  background: #eee url(/images/custom/portal/header/bg_hn_help_@2x.png) 8px center no-repeat;
  background-size: 20px 20px;
}
#header #headline #headlineNav ul li.hnLogout a {
  background: #eee url(/images/custom/portal/header/bg_hn_logout_@2x.png) 8px center no-repeat;
  background-size: 20px 20px;
}

#header #headerNav ul.topicPath li {
  background: transparent url(/images/custom/portal/header/bg_topic_path_@2x.png) no-repeat right top;
}
#header #headerNav ul.topicPath li a {
  color: #ec737d;
}
#header #headerNav ul.topicPath li a:hover {
  color: #555;
}

#footer {
  background-color: #ec737d;
}
#footer p.copyright {
  color: #ddd;
}

.information {
  border-color: #ec737d;
  background: #fff5ff url(/images/custom/portal/header/bg_information_@2x.png) no-repeat 12px calc(50% - 1px);
  background-size: 20px 20px;
}

/* for SP */
html.ua-SP #header {
  border-color: #ec737d;
}
html.ua-SP #header #headline #headlineNav ul li.hnLogout a {
  background: #eee url(/images/custom/portal/header/bg_hn_logout_@2x.png) 16px center no-repeat;
  background-size: 20px 20px;
}
html.ua-SP #header #headline #headlineNav ul li.hnLogout a:hover {
  background-color: #ec737d;
}

/* =====================================
 * ログイン
 * =====================================  */
label.rememberMe::after {
  border-left-color: #ec737d;
  border-bottom-color: #ec737d;
}
input[type="checkbox"]:checked + label.rememberMe::before {
  border-color: #ec737d;
}

body#login .button {
  color: #ec737d;
  border-color: #ec737d;
  background: #fff url(/images/custom/portal/arrow/ico_arrow_b_@2x.png) no-repeat 93% center;
  background-size: 5px 9px;
}

body#login .button:hover {
  border-color: #ec737d;
  background-color: #ec737d;
}

/* =====================================
 * トップ
 * =====================================  */
#content.home p {
  background-color: #ffdcd5;
  color: #222;
}
#content.home #categoryList ul li a {
  color: #ec737d;
  border-color: #ec737d;
}
#content.home #categoryList ul li a:hover {
  background-color: #ec737d;
}
#content.home #categoryList ul li span.text {
  border-color: #ec737d;
  color: #ec737d;
}
#content.home #categoryList ul li:hover span.text {
  background-color: #ec737d;
  color: #fff !important;
}
#content.home #categoryList ul li ul.subMenu {
  border-color: #ec737d;
}
#content.home #categoryList ul li ul.subMenu li a {
  border-color: #ccc;
  background: url(/images/custom/portal/arrow/ico_arrow_b_@2x.png) right 15px center no-repeat;
  background-size: 5px 9px;
}
#content.home #categoryList ul li ul.subMenu li a:hover {
  background-color: #ec737d;
}

/* for SP */
html.ua-SP #content.home #categoryList ul.homeMenu > li {
  border-color: #ec737d;
}
html.ua-SP #content.home #categoryList ul.homeMenu>li:hover {
  border-color: #ec737d;
  background-color: #ec737d;
}
html.ua-SP #content.home #categoryList ul.homeMenu li.main-menu {
  border-color: #ec737d;
}
html.ua-SP #content.home #categoryList ul.homeMenu li.main-menu.open {
  background-color: #ec737d;
}

/* =====================================
 * 下層ページ
 * =====================================  */
#container #nav ul.navList li a {
  border-color: #ec737d;
  background: url(/images/custom/portal/arrow/ico_arrow_b_@2x.png) right 15px center no-repeat;
  background-size: 5px 9px;
  color: #ec737d;
}
#container #nav ul.navList li a:hover,
#container #nav ul.navList li.current a {
  background-color: #ffdcd5;
}
#container #nav ul.navList li a:hover {
  background-color: #ffdcd5;
}
#container #nav ul.navList li.current a span,
#container #nav ul.navList li a:hover span,
#container #nav ul.navList li.current a:hover span {
  color: #666;
}

#content h2 {
  background-color: #ffdcd5;
  color: #666;
}
#content h3 {
  border-color: #ec737d;
  color: #ec737d;
}
#content #seriesList div.seriesWrapper div.series p.thumbnail a:hover {
  border-color: #ec737d;
}
#content #seriesList div.seriesWrapper div.series div.title div p {
  color: #333 !important;
}
#content #seriesList div.seriesWrapper div.series div.title div ul li a:hover {
  background-color: #fff5ff !important;
}
#content #seriesList div.seriesWrapper div.series div.title div ul li a span {
  background: transparent url(/images/custom/portal/arrow/ico_arrow_list_b_@2x.png) no-repeat left center !important;
  background-size: 15px 15px !important;
}
#content #pager div.pagination span.previous_page,
#content #pager div.pagination span.next_page,
#content #pager div.pagination a {
  border-color: #ec737d;
  color: #ec737d;
}
#content #pager div.pagination a:hover {
  background-color: #ec737d;
  border-color: #ec737d;
}
#content #pager div.pagination em {
  background-color: #ec737d;
  border-color: #ec737d;
}
#content #pager div.pagination .disabled {
  border-color: rgba(236,115,125,0.2) !important;
  color: rgba(236,115,125,0.2) !important;
}

#content div.view div.buttonsWrapper ul.btnSeries .button {
  border-color: #ec737d;
  color: #ec737d;
}
#content div.view div.buttonsWrapper ul.btnSeries .button:hover {
  border-color: #ec737d;
  background-color: #ec737d;
}
#content div.view div.buttonsWrapper ul.btnSeries li.disabled {
  border-color: rgba(236,115,125,0.2) !important;
  color: rgba(236,115,125,0.2) !important;
  text-shadow: none;
}

#content div.view div#player_wrapper button.play-back-rate-button {
  border-color: #ec737d;
  color: #ec737d;
  background : #ffdcd5
}

#content div.view div#player_wrapper button.play-back-rate-button.hover {
  border-color: #ec737d;
  color: #ec737d;
  background : #fff
}

#content div.view div#player_wrapper button.play-back-rate-button.active {
  border-color: #ec737d;
  color: #ec737d;
  background : #fff
}

#content #question input[type="radio"]:checked+label::after,
div.lightBoxWrapper #answerArea ul.optionList li input[type="radio"]:checked+label::after {
  background: #ec737d;
}

.btnAnswer .button {
  border-color: #ec737d;
  background: #fff url(/images/custom/portal/arrow/ico_arrow_b_@2x.png) calc(100% - 15px) 50% no-repeat;
  background-size: 5px 9px;
  color: #ec737d;
}
.btnAnswer .button:hover {
  background-color: #ec737d;
}
#content #question #answerForm p.success,
#cboxLoadedContent p.success {
  border-color: #ec737d;
  background: #ffdcd5 url(/images/custom/portal/common/bg_success_@2x.png) no-repeat 8px 10px;
  background-size: 20px 20px;
}
#content #question input[type="checkbox"]:checked+label::after,
div.lightBoxWrapper #answerArea ul.optionList li input[type="checkbox"]:checked+label::after {
  border-color: #ec737d;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #ec737d;
}
#cboxLoadedContent p.success {
  border-color: #ec737d;
  background-color: #ffdcd5;
}

/* for SP */
html.ua-SP #container #nav p.backButton a.button {
  background: url(/images/custom/portal/arrow/ico_arrow_b_l_@2x.png) 15px center no-repeat;
  background-size: 5px 9px
}