@charset "UTF-8";

/* =====================================
全体
=====================================  */
#header {
  border-color: #ceecff;
}
#header #headerNav {
  border-color: #1c90d9;
  background-color: #ceecff;
}
#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: #1c90d9;
}
#header #headerNav ul.topicPath li a:hover {
  color: #555;
}

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

.information {
  border-color: #1c90d9;
  background: #f5ffff 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: #1c90d9;
}

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

body#login .button {
  color: #1c90d9;
  border-color: #1c90d9;
  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: #1c90d9;
  background-color: #1c90d9;
}

/* =====================================
トップ
=====================================  */
#content.home p {
  background-color: #ceecff;
  color: #222;
}
#content.home #categoryList ul li a {
  color: #1c90d9;
  border-color: #1c90d9;
}
#content.home #categoryList ul li a:hover {
  background-color: #1c90d9;
}
#content.home #categoryList ul li span.text {
  border-color: #1c90d9;
  color: #1c90d9;
}
#content.home #categoryList ul li.main-menu span:hover {
  background-color: #1c90d9;
  color: #fff;
}
#content.home #categoryList ul li ul.subMenu {
  border-color: #1c90d9;
}
#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: #1c90d9;
}

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

/* =====================================
下層ページ
=====================================  */
#container #nav ul.navList li a {
  border-color: #1c90d9;
  background: url(/images/custom/portal/arrow/ico_arrow_b_@2x.png) right 15px center no-repeat;
  background-size: 5px 9px;
  color: #1c90d9;
}
#container #nav ul.navList li a:hover,
#container #nav ul.navList li.current a {
  background: #ceecff url(/images/custom/portal/arrow/ico_arrow_b_@2x.png) right 15px center no-repeat;
  background-size: 5px 9px;
}
#container #nav ul.navList li a:hover {
  background-color: #ceecff;
}
#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: #ceecff;
  color: #666;
}
#content h3 {
  border-color: #1c90d9;
  color: #1c90d9;
}
#content #seriesList div.seriesWrapper div.series p.thumbnail a:hover {
  border-color: #1c90d9;
}
#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: rgba(115, 218, 236, 0.2) !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: #1c90d9;
  color: #1c90d9;
}
#content #pager div.pagination a:hover {
  background-color: #1c90d9;
  border-color: #1c90d9;
}
#content #pager div.pagination em {
  background-color: #1c90d9;
  border-color: #1c90d9;
}
#content #pager div.pagination .disabled {
  border-color: rgba(115, 218, 236, 0.2) !important;
  color: rgba(115, 218, 236, 0.2) !important;
}

#content div.view div.buttonsWrapper ul.btnSeries .button {
  border-color: #1c90d9;
  color: #1c90d9;
}
#content div.view div.buttonsWrapper ul.btnSeries .button:hover {
  border-color: #1c90d9;
  background-color: #1c90d9;
}
#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: #1c90d9;
  color: #1c90d9;
  background : #ceecff
}

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

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

#content #question input[type="radio"]:checked+label::after,
div.lightBoxWrapper #answerArea ul.optionList li input[type="radio"]:checked+label::after {
  background: #1c90d9;
}
.btnAnswer .button {
  border-color: #1c90d9;
  background: #fff url(/images/custom/portal/arrow/ico_arrow_b_@2x.png) calc(100% - 15px) 50% no-repeat;
  background-size: 5px 9px;
  color: #1c90d9;
}
.btnAnswer .button:hover {
  background-color: #1c90d9;
}
#content #question #answerForm p.success,
#cboxLoadedContent p.success {
  border-color: #1c90d9;
  background: #ceecff 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: #1c90d9;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #1c90d9;
}
#cboxLoadedContent p.success {
  border-color: #1c90d9;
  background-color: #ceecff;
}

/* 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
}