@charset "UTF-8";
/***************************************
		はるかなレシーブのスタイル
****************************************/
body {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_bg1.png);
	background-size: auto;
	background-color:#fff !important;
}

section.l-section.isNotice,
section.l-section.isNotice .p-notice,
html.toppage\.css .l-section.isNotice .p-notice {
	background-color: transparent;
}
html.toppage\.css .l-section.isNotice,
html.toppage\.css .informationWrapper {
	background-color:#FFD200 !important;
}

html.toppage\.css .bannerWrapper{
	background-color:#193696;
	background-image:url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_btm.png), url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_top.png);
	background-repeat:no-repeat, repeat-x;
	background-position:left 2% bottom, center top;
	background-size: 75%, auto;
}

footer[data-component-type="animeTop"],
#footer, .pageFooter{
	background-color:#193696;
}

html.toppage\.css #footer{
border-top: none;
}

footer[data-component-type="animeTop"]:before,
#footer:before {
	content: "";
	display: block;
	max-width: 860px;
	padding-top: 29.06976744186047%;/* 250px / 860px */
	background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_footer_bg.png) no-repeat top center/100% auto;
	background-size: cover;
	margin: 0 auto;
}

html.toppage\.css body .pageWrapper{
	color: #333;
}

/*トップページFooter*/
footer[data-component-type="animeTop"],
html.toppage\.css #footer {
	background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_bg2.jpg) no-repeat center top/100% auto;
	background-size: cover;
	margin: 0px auto;
}

html.toppage\.css .footerCopyright {
	background: none;
}

html.toppage\.css .pageFooter {
	background: #193696;
}

/*ヘッダー、Footer　色*/
.common-p-header,
.p-dPointHeader,
.pageHeader.second {
	background:#193696 !important;
}

#footer,
.pageFooter,
.footerPageTop,
.footerCopyright,
.btnArea .footerBanner{
	background:#193696;
	overflow: hidden;
}

.yellowWrapper, .greenWrapper, .redWrapper, .blueWrapper, .pinkWrapper{
	background:none;
}

.pageFooterIn .footerMenu li a{
	background-color:#fff;
}

.pageFooterIn .footerDMenu li {
	float: left;
	width: 49.3243%;
	margin: 0 1.2513% 4px 0;
	background-color:#fff;
}

.headerTab ul li.current a:link{
	color: #fff;
	background: none;
	text-shadow:0 0 1px #000;
}

#popular li.btnList a:before,
.listGroup li a,html.mouseDevice .listGroup li a:hover,
.pageOutline a,
html.mouseDevice .pageOutline a:hover,
.paging ul li.now,
.paging ul li.current,
.tagWrapper li a,
html.mouseDevice .tagWrapper li a:hover,
.pageHeaderSub .breadcrumbPC ul li a:link,
html.mouseDevice .pageHeaderSub .breadcrumbPC ul li a:hover,
html.mouseDevice .pageHeaderSub .breadcrumbPC ul li a:active,
.pageHeaderSub .breadcrumbPC ul li a:visited,
.itemWrapper .itemModule.list header p.line2,
.minict_wrapper ul li.selected,
html.mouseDevice .minict_wrapper ul li.selected:hover,
.headerSubTab ul li.current a,
.btnArea .btnGoToStoreHome a,
html.mouseDevice .btnArea .btnGoToStoreHome a:hover,
.onAirWrapper .onAirHeader .btnShowTVProgram a:link,
html.mouseDevice .onAirWrapper .onAirHeader .btnShowTVProgram a:hover,
.onAirWrapper .onAirHeader .btnShowTVProgram a:visited,
html.mouseDevice .onAirWrapper .onAirHeader .btnShowTVProgram a:active,
.rankingWrapper .contentsWrapperIn .rankingHeader .btnRanking,
.songWrapper .contentsWrapperIn .songHeader .btnSong,
.rentalWrapper .contentsWrapperIn .rentalHeader .btnRental,
.contentsWrapper .contentsWrapperIn header .btnAllPage,
.ui-tooltip .ui-tooltip-content p span a,
/* html.toppage\.css body .pageWrapper, */
.l-section .p-title .p-title__link a,
.l-section .p-title .p-title__link a:hover,
.c-categoryMenu .c-categoryMenu__item.isCurrent .c-categoryMenu__a,
html.campaign_mail\.css .contentsWrapper .mailserviceApp p:not(.btnList) a,
html.campaign_mail\.css .mailserviceApp .selectMailservice li a,
html.campaign_mail\.css.mouseDevice .contentsWrapper .mailserviceApp p:not(.btnList) a:hover,
html.campaign_mail\.css.mouseDevice .mailserviceApp .selectMailservice li a:hover,
html.device\.css .caution ul li a,
html.device\.css.mouseDevice .caution ul li a:hover,
html.payment\.css.mouseDevice .paymentWay .consent .description a:hover,
html.payment\.css .paymentWay .consent .description span,
html.payment\.css .paymentWay .selectMailservice li a,
html.rental\.css .questList li.btnList .answer a,
html.rental\.css .questList li.btnList .answer:before,
html.rental\.css .questList li.btnList .question a:before,
html.mailservice\.css .mailservice .selectMailservice li a,
html.item\.css .outlineWrapper .outlineContainer .footerLink a:link,
html.item\.css.mouseDevice .outlineWrapper .outlineContainer .footerLink a:hover,
html.item\.css .outlineWrapper .outlineContainer .footerLink a:visited,
html.item\.css.mouseDevice .outlineWrapper .outlineContainer .footerLink a:active,
html.item\.css .moviePlayerModal .textContainer .popup a:link,
html.item\.css.mouseDevice .moviePlayerModal .textContainer .popup a:hover,
html.item\.css.mouseDevice .moviePlayerModal .textContainer .popup a:active,
html.item\.css .moviePlayerModal .textContainer .popup a:visited,
html.item\.css .playerContainer section header .popup a,
html.misc\.css .contentsWrapper.misc :not(.btnList) > a:not(.btnDetermine):not(.btnPageBack):not(.btnFAQ),
html.misc\.css.mouseDevice .contentsWrapper.misc :not(.btnList) > a:not(.btnDetermine):not(.btnPageBack):not(.btnFAQ):hover,
html.cancellation\.css .contentsWrapper.enquete .enqueteContainer .selectBtnArea .btnSelect,
html.cancellation\.css .contentsWrapper.enquete .enqueteContainer .selectBtnArea .btnCancellation,
html.cancellation\.css .contentsWrapper.enquete .enqueteContainer .selectBtnArea .btnList,
html.mypage\.css.mouseDevice .mypageHeader .historyPulldownArea .btnArea .minict_wrapper ul li,
html.mypage\.css .mypageHeader .btnSelectToggle,
html.mypage_mylist\.css .headerSubTab .minict_wrapper ul li,
html.mypage_mylist\.css.mouseDevice .headerSubTab .minict_wrapper ul li:hover,
html.mypage_mylist\.css .headerSubTab .minict_wrapper ul li span.count,
html.followlist\.css .btnSubscript .btnArea .btnSelectToggle,
html.modal\.css .generalModal .textArea a,
html.modal\.css.mouseDevice .generalModal .textArea a:hover,
html.modal\.css.mouseDevice .generalModal a.withLinkIcon:hover,
html.registry\.css .itemWrapper .formContainer form .checkboxList a,
html.kisekae_setting\.css .itemWrapper .itemModule.column-3 section .notice span,
html.kisekae_setting\.css section .btnTheme.onlyPcLayout a {
	color: #193696;
}



.pageWrapper .itemWrapper .itemModule.list .option li,
.itemWrapper .itemModule.list .option li,
.itemWrapper .itemModule.ranking .option li,
html.item\.css ul.optionIconContainer li.optionText,
html.item_after\.css .afterWrapper .ContainerContents .ContainerContentsWrapper .infoContainer .movieInfo,
html.news_detail\.css .pageHeaderSub .infoTagWrapper .infoTagInner a,
html.topics_detail\.css .pageHeaderSub .infoTagWrapper .infoTagInner a,
html.news\.css .newsWrapper .newsModule section a .infoTitleContainer header span,
html.news\.css.mouseDevice .newsWrapper .newsModule section a .infoTitleContainer header span:hover,
html.payment\.css .movieQuality {
	background-color: #f18e43;
}
html.news_detail\.css.mouseDevice .pageHeaderSub .infoTagWrapper .infoTagInner a:hover,
html.topics_detail\.css.mouseDevice .pageHeaderSub .infoTagWrapper .infoTagInner a:hover,
html.news\.css.mouseDevice .newsWrapper .newsModule section a .infoTitleContainer header span:hover {
	opacity: 0.6;
}

html.toppage\.css .pageHeader.top .pageHeaderIn .information p.status{
	background:#ffd200;
	}

/*.pageFooter,*/
.footerPageTop,
.pageFooterIn .footerDMenu,
.pageFooterIn .footerMenu2,
.pageFooterIn .footerJasrac {
	background:transparent;
}

.p-footer .p-footer__ABJ p {
	background-color: rgba(50, 50, 50, 0.6);
	color: #fff;
}

.footerCopyright{
	color: #fff;
}

/*番組表用*/
#copyright-textBox.footerCopyright{
	color: #333;
}

/******************************************
		はるかなレシーブのマイページ設定
******************************************/

html.mypage\.css .headerTab ul li {
	height: 92px;
}
html.mypage\.css .headerTab ul li a,
html.mypage\.css .headerTab ul li a:link,
html.mypage\.css .headerTab ul li a:visited,
html.mypage\.css.mouseDevice .headerTab ul li a:active,
html.mypage\.css.mouseDevice .headerTab ul li a:hover {
	position: relative;
	background-color: transparent !important;
	background-size: 480px 85px !important;
	background-repeat: no-repeat !important;
	height: 85px;
	color: #193696;
	line-height: 96px;
	text-shadow: 1px 1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, -1px -1px 2px #fff;
}

html.mypage\.css .headerTab ul li:nth-child(1) a {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_mypage_tab_bg01_202508.png) !important;
	background-position: center left -6px !important;
}
html.mypage\.css .headerTab ul li:nth-child(2) a {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_mypage_tab_bg02_202508.png) !important;
	background-position: center left -6px !important;
}
html.mypage\.css .headerTab ul li:nth-child(3) a {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_mypage_tab_bg03.png) !important;
	background-position: center left -8px !important;
}

html.mypage\.css.mouseDevice .headerTab ul li:not(.current) a:hover {
	opacity: 0.6;
}

html.mypage\.css .headerTab ul li.current a,
html.mypage\.css .headerTab ul li.current a:link,
html.mypage\.css .headerTab ul li.current a:visited,
html.mypage\.css.mouseDevice .headerTab ul li.current a:active,
html.mypage\.css.mouseDevice .headerTab ul li.current a:hover {
	color: #ffffff;
	background-color: transparent !important;
	text-shadow: 1px 1px 2px #193696, 1px -1px 2px #193696, -1px 1px 2px #193696, -1px -1px 2px #193696;
}

html.mypage\.css .headerTab ul li:nth-child(1).current a {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_mypage_tab_on_bg01_202508.png) !important;
	background-position: center right -7px !important;

}
html.mypage\.css .headerTab ul li:nth-child(2).current a {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_mypage_tab_on_bg02_202508.png) !important;
	background-position: center right -5px !important;
}
html.mypage\.css .headerTab ul li:nth-child(3).current a {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_mypage_tab_on_bg03.png) !important;
	background-position: center right -5px !important;

}

html.mypage\.css .headerTab ul li.current a:link{
	background: none;
	cursor: default;
	/*text-shadow:1px 1px 3px #000;*/
	}

html.mypage\.css .headerTab ul li.current a:after{
	display:none;
}

/******************************************
			枠（背景白の場合）
******************************************/
.searchWrapper {
	/*border:4px solid #193696;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.listGroup li a{
	color:#193696;
	border:1px solid #f1f1f1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* html.mouseDevice .listGroup li a:hover, */
#goods .loadRead .btnMore, #popular li.btnList a:before{
	color:#ffd200;
}

/* .btnArea .btnList, */
.contentsWrapper.misc .btnArea_faq .btnList,
.questList li.btnList{
	border:1px solid #f1f1f1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tagWrapper li{
	background-color:#fff;
}

/******************************************
			提供事業者&JASRAC
******************************************/
.pageFooterIn .footerMenu2,
.pageFooterIn .footerJasrac,
.pageFooterIn .footerMenu2 li a {
	color: #fff;
}

.pageFooterIn .footerMenu2 li a{
	border-left-color: #fff;
}

.pageFooterIn .footerMenu2 li:last-child a{
	border-right-color: #fff;
}

/******************************************
			TOPページ
******************************************/
/* html.toppage\.css .bannerWrapper, */
.pageFooterIn,
.contentsWrapper#newArrival,
.contentsWrapper#popular,
.contentsWrapper#event1,
.contentsWrapper#event2,
.contentsWrapper#event3,
.contentsWrapper#event4,
.contentsWrapper#pvClip,
.contentsWrapper#relatedFeature,
.contentsWrapper#seriesRelated,
.contentsWrapper#ranking,
.contentsWrapper#recommend,
.contentsWrapper#rental,
.contentsWrapper#live,
.contentsWrapper.goodsTopWrapper,
.contentsWrapper#song,
.contentsWrapper#goods,
html.mypage\.css .dmarketWrapper {
	border-top:none;
}

html:not(.toppage\.css) .contentsWrapper#newArrival,
html:not(.toppage\.css) .contentsWrapper#popular,
html:not(.toppage\.css) .contentsWrapper#event2,
html:not(.toppage\.css) .contentsWrapper#event4,
html:not(.toppage\.css) .contentsWrapper#pvClip,
html:not(.toppage\.css) .contentsWrapper#seriesRelated {
	background-color: none;
	overflow: hidden;
}
html:not(.toppage\.css) .contentsWrapper#ranking,
html:not(.toppage\.css) .contentsWrapper#recommend,
html:not(.toppage\.css) .contentsWrapper#rental,
html:not(.toppage\.css) .contentsWrapper#live,
html:not(.toppage\.css) .contentsWrapper#event1,
html:not(.toppage\.css) .contentsWrapper#event3,
html:not(.toppage\.css) .contentsWrapper.goodsTopWrapper,
html:not(.toppage\.css) .contentsWrapper#song {
	background-color: none;
	overflow: hidden;
}
html:not(.toppage\.css) .contentsWrapper#goods,
html:not(.toppage\.css) .contentsWrapper#relatedFeature,
html.mypage\.css .dmarketWrapper {
	background-color: transparent;
	overflow: hidden;
}

div.l-section.isTopPage.isRedWrapper,
div.l-section.isTopPage.isBlueWrapper,
div.l-section.isTopPage.isGreenWrapper,
div.l-section.isTopPage.isYellowWrapper {
	border-top: none;
	background-color: transparent;
}
html.toppage\.css .pageWrapper > section {
	border-top: none;
	background-color: transparent;
	overflow: hidden;
}

@media screen and (min-width: 960px) {
	html.toppage\.css .contentsWrapper header:not(.goodsHeader) {
		margin-top: 25px;
	}
	.p-footer .p-footer__ABJ p {
		background-color: transparent;
		color: #333;
	}
}
.contentsWrapper .contentsWrapperIn h2.contentsTitle + a.btnAllPage {
	padding-top: 16px;
}
html.toppage\.css .contentsWrapper .btnSwiperPrev,
html.toppage\.css .contentsWrapper .btnSwiperNext {
	top: 55%;
}

/******************************************
			線の色
******************************************/
.ui-tooltip,
.ui-tooltip .arrow:after,
.itemWrapper .itemModule.list.selected,
.itemWrapper .itemModule.mylist.selected,
html.mypage\.css .itemWrapper .itemModule.list.end.selected,
html.mypage\.css .itemWrapper .itemModule.mylist.watched.selected,
html.item\.css .playerContainer section .wifi .recommend span,
html.item_after\.css .afterWrapper .playerContentsWrapper .playerContainer div .lightWaveCommunication .recommend span {
	border-color: #ffd200;
}

.paging ul li.current,
html.mouseDevice .paging ul li a:hover,
.minict_wrapper ul,
html.mypage_mylist\.css .headerSubTab .minict_wrapper ul {
	border-top-color: #ffd200;
}

.headerSubTab ul li.current a,
html.mouseDevice .headerSubTab ul li.current a:hover,
.headerSubTab .current .btnArea .selectLabel,
html.item\.css .productWrapper .information .actionArea,
html.mypage_mylist\.css .headerSubTab ul li.current {
	border-bottom-color: #ffd200;
}

html.toppage\.css .contentsWrapper .itemWrapper .itemModule {
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
}

html.cancellation\.css .contentsWrapper {
	border-bottom-color: #ff9aca;
}

/******************************************
			TOPへ戻る文字色
******************************************/
.p-footer .p-footer__backToTop span,
.footerPageTop a.btnPageTop,
html.mouseDevice .footerPageTop a.btnPageTop:hover {
	color: #FF5F8C;
}

/******************************************
			色の濃いめのボタン色
******************************************/
.c-categoryMenu .c-categoryMenu__item.isCurrent:after,
.btnArea .btnRanking,
.btnArea .btnGoods,
.paging .btnPagingNext:not(.disabled) a,
.paging .btnPagingPrev:not(.disabled) a,
.ui-tooltip .ui-tooltip-content .btnWatch,
.btnArea .btnDetermine,
.headerTab ul li.current a:link,
html.mouseDevice .headerTab ul li.current a:hover,
.headerTab ul li.current a:visited,
html.mouseDevice .headerTab ul li.current a:active,
html.mypage\.css .editFooter .btnDelete,
html.followlist\.css .editFooter .btnDelete,
html.mypage_complete\.css .itemWrapper .itemModule.list .campaign a,
html.mypage_mylist\.css .itemWrapper .itemModule.mylist.selected .selectedImg,
html.mypage_mylist\.css .itemWrapper .itemModule.list.mybest.selected .selectedImg,
html.kisekae_setting\.css .itemWrapper .itemModule.list.selected .selectedImg,
html.modal\.css .generalModal .btnRight,
html.modal\.css .generalModal .btnSingle,
html.item\.css .productWrapper.rental .playerContainer .list a,
html.item\.css .moviePlayerModal .playerContentsWrapper .playerContainer div .list a,
html.item\.css .playerContainer section .list a,
html.item_after\.css .afterWrapper .playerContentsWrapper .playerContainer div .list a,
html.search\.css .searchBtnGroup > li > .notInteractionPcLayout > a  {
	background-color: #193696 !important;
}

/******************************************
			色の濃いめのボタンのHover色
******************************************/
html.mouseDevice .btnArea a.btnRanking:hover,
html.mouseDevice .btnArea a.btnGoods:hover,
html.mouseDevice .btnArea a.btnSong:hover,
html.mouseDevice .paging .btnPagingNext:not(.disabled) a:hover,
html.mouseDevice .paging .btnPagingPrev:not(.disabled) a:hover,
html.mouseDevice .ui-tooltip .ui-tooltip-content .btnWatch:hover,
html.mouseDevice .btnArea .btnDetermine:hover,
html.mypage\.css.mouseDevice .editFooter .btnDelete:hover,
html.followlist\.css.mouseDevice .editFooter .btnDelete:hover,
html.mypage_complete\.css.mouseDevice .itemWrapper .itemModule.list .campaign a:hover,
html.modal\.css.mouseDevice .generalModal .btnRight:hover,
html.modal\.css.mouseDevice .generalModal .btnSingle:hover,
html.item\.css.mouseDevice .productWrapper.rental .playerContainer .list a:hover,
html.item\.css.mouseDevice .moviePlayerModal .playerContentsWrapper .playerContainer div .list a:hover,
html.item\.css.mouseDevice .playerContainer section .list a:hover,
html.item_after\.css.mouseDevice .afterWrapper .playerContentsWrapper .playerContainer div .list a:hover,
html.search\.css.mouseDevice .searchBtnGroup > li > .notInteractionPcLayout > a:hover {
	background-color: #4b6ad1 !important;
}

/******************************************
			色の薄めのボタン色
******************************************/
.l-section .c-button.isYellow,
.headerTab ul li a,
.headerTab ul li a:link,
.headerTab ul li a:visited,
html.questionnaire\.css .headerTab,
html.mouseDevice .headerTab ul li a:active,
.btnArea .btnSong,
.btnArea a.btnYellowLink,
.btnArea a.btnPageLink,
.btnArea a.btnPageLinkArrow,
html.kisekae_setting\.css .listHeader,
.contentHeader,
html.toppage\.css .pageHeader.top .pageHeaderIn .btnResume a,
html.list_all\.css .headerTab,
html.list_all\.css .headerTab .headerTabList ul,
html.list_all\.css .headerTab .btnTabPrev a,
html.list_all\.css .headerTab .btnTabNext a,
html.new_tv\.css .headerTab .headerTabList .headerTabListIn,
html.new_tv\.css .headerTab .btnTabPrev a,
html.new_tv\.css .headerTab .btnTabNext a,
html.mypage\.css .editFooter .btnCancel,
html.followlist\.css .editFooter .btnCancel,
html.modal\.css .generalModal .btnLeft,
html.item\.css .btnArea .btnConcerned,
html.item\.css .productWrapper .information .actionArea .btnArea .btnConcerned,
html.list_tag\.css .tagInfoWrapper .information .actionArea .btnArea .btnConcerned,
html.news\.css .newsMenuWrapper .btnArea > .btnList.current a,
html.search\.css .searchBtnGroup > li > a{
	background-color: #ffd200;
}
/******************************************
			色の薄めのボタンのHover色
******************************************/
html.mouseDevice .l-section .c-button.isYellow:hover,
html.mouseDevice .headerTab ul li a:hover,
html.mouseDevice .btnArea a.btnYellowLink:hover,
html.mouseDevice .btnArea .btnPageLink:hover,
html.mouseDevice .btnArea .btnPageLinkArrow:hover,
html.toppage\.css.mouseDevice .pageHeader.top .pageHeaderIn .btnResume a:hover,
html.list_all\.css.mouseDevice .headerTab .btnTabPrev:not(.disabled) a:hover,
html.list_all\.css.mouseDevice .headerTab .btnTabNext:not(.disabled) a:hover,
html.new_tv\.css.mouseDevice .headerTab .btnTabPrev:not(.disabled) a:hover,
html.new_tv\.css.mouseDevice .headerTab .btnTabNext:not(.disabled) a:hover,
html.mypage\.css.mouseDevice .editFooter .btnCancel:hover,
html.followlist\.css.mouseDevice .editFooter .btnCancel:hover,
html.modal\.css.mouseDevice .generalModal .btnLeft:hover,
html.item\.css.mouseDevice .btnArea .btnConcerned:hover,
html.item\.css.mouseDevice .productWrapper .information .actionArea .btnArea .btnConcerned:hover,
html.list_tag\.css.mouseDevice .tagInfoWrapper .information .actionArea .btnArea .btnConcerned:hover,
html.news\.css.mouseDevice .newsMenuWrapper .btnArea > .btnList.current a:hover,
html.search\.css.mouseDevice .searchBtnGroup > li > a:hover {
	background-color: #ffe466;
}

/******************************************
			スプライトなどの画像設定
******************************************/
/* 1列目 */
i.icon.iconWatching,
i.icon.iconWatchingPC,
i.icon.iconResume,
i.icon.iconDmarketLink,
i.icon.iconExternalLink,
i.icon.iconFooterHome,
i.icon.iconEdit,
i.icon.iconQuestion,
i.icon.iconMyListBrown,
i.icon.iconMyListOrange,
i.icon.iconStreaming,
.playerContainer i.icon.iconDownload,
i.icon.iconHeaderNews,
i.icon.iconHeaderSearch,
i.icon.iconHeaderMypage,
i.icon.iconHeaderLogin,
i.icon.goods_icon,
/* 2列目 */
i.icon.iconSearchWhite,
i.icon.iconCircleAdd,
i.icon.iconCheck,
i.icon.iconCircleClose,
i.icon.iconSearchL,
i.icon.iconBellCheck,
/* 3列目 */
i.icon.iconCircleArrowOrangeUp,
i.icon.iconCircleArrowOrangeRight,
i.icon.iconCircleArrowOrangeLeft,
i.icon.iconCircleArrowOrangeDown,
i.icon.iconCircleArrowWhiteRight,
i.icon.iconCircleArrowYellowRight,
i.icon.iconCircleArrowYellowLeft,
i.icon.iconCircleArrowBrownRight,
i.icon.iconCircleArrowGrayRight,
i.icon.iconCircleArrowGrayLeft,
/* 5列目 */
i.icon.iconPagetop,
i.icon.iconDropdown,
i.icon.iconArrowOrangeLeft,
i.icon.iconArrowOrangeRight,
i.icon.iconArrowGrayDown,
i.icon.iconArrowGrayLeftL,
i.icon.iconArrowGrayRightL,
i.icon.iconArrowOrangeLeftL,
i.icon.iconArrowOrangeRightL,
i.icon.iconArrowOrangeLeftS,
i.icon.iconArrowOrangeRightS,
i.icon.iconPagingNext,
i.icon.iconPagingPrev,
i.icon.iconArrowGrayRightS,
i.icon.iconPagingOrangeL2,
i.icon.iconPagingGrayL2,
i.icon.iconPagingWhiteL1,
i.icon.iconPagingOrangeR2,
i.icon.iconPagingGrayR2,
i.icon.iconPagingWhiteR1,
i.icon.iconArrowGrayLeft,
/* 7列目以降 */
i.icon.iconRank1,
i.icon.iconRank2,
i.icon.iconRank3,
i.icon.iconRSS,
i.icon.iconPrev,
i.icon.iconNext,
i.icon.iconPlay,
i.icon.iconRental,
i.icon.iconNews,
i.icon.iconOnAir,
i.icon.iconPopular,
i.icon.iconRanking,
i.icon.iconNew,
i.icon.iconEvent,
i.icon.iconRelation,
i.icon.iconFree,
i.icon.iconSong,
i.icon.iconGoods,


.btnSwiperPrev,
.btnSwiperNext,
.minict_wrapper span:after,
html.rental\.css .questList li.btnList .question a:after,
.itemWrapper .itemModule .check input[type="checkbox"]:checked + label:after,
.worklist .favo.ui-favo.checked:before,
.itemWrapper .itemModule .checkTag input[type="checkbox"]:checked + label:after,
html.item\.css .productWrapper .information .actionArea .btnArea .btnAddMyList input[type="checkbox"]:checked + label:after,
html.item\.css .productWrapper .information2 .actionArea .btnArea .btnAddMyList input[type="checkbox"]:checked + label:after,
html.item\.css .productWrapper .keyVisualIn .btnNext,
html.item\.css .productWrapper .keyVisualIn .btnPrev,
.itemWrapper .itemModule .addMyList input[type="checkbox"]:checked + label:after,
.itemWrapper .itemModule.list.selected .selectedImg,
.itemWrapper .itemModule.mylist.selected .selectedImg,
.itemWrapper .itemModule.list.mybest.selected .selectedImg,
html.mypage_mylist\.css .headerSubTab .minict_wrapper li.addMyList:after,
html.mypage_mylist\.css .headerSubTab .minict_wrapper li.addMyList.selected:after,
html.mypage_mylist\.css .deleteListBtnArea .btnDeleteList,
.pageFooterIn .footerMenu li a:after,
html.mypage_mylist\.css .itemWrapper .itemModule.mylist.selected .selectedImg,
html.mypage_mylist\.css .itemWrapper .itemModule.list.mybest.selected .selectedImg,
html.kisekae_setting\.css .itemWrapper .itemModule.list.selected .selectedImg,
.minict_wrapper ul li.selected:after,
html.toppage\.css .pageHeader.top .pageHeaderIn .thumbnailContainer a:after,
.formContainer div .checkboxList input[type="checkbox"]:checked + label:before,
.formContainer div .checkboxList input[type="radio"]:checked + label:before,
html.search\.css .listCommon li:after,
html.modal\.css .modalDialog:not(.deleteAll) .generalModal .modalAddMyListIn .formContainer form .checkboxList:not(.disabled) .checkbox i.on,
html.modal\.css .generalModal .modalAddMyListIn .formContainer .btnDeleteAll .checkbox i.on,
html.modal\.css .generalModal .checkboxArea input[type="checkbox"] + label:before,
html.modal\.css .generalModal .checkboxArea input[type="checkbox"]:checked + label:before,
html.payment\.css .paymentWay h3:before,
.tagWrapper li.profile a:after {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_sprite.png) !important;
}

.tagWrapper li.profile a:after {
	background-position: -64px -934px;
}

.minict_wrapper ul li.selected {
	background-image: none;
	position: relative;
}
html.mouseDevice .minict_wrapper ul li.selected:hover {
	background-image: none;
}
.minict_wrapper ul li.selected:after {
	display: inline-block;
	position: absolute;
	content: "";
	background-size: 540px 1000px;
	background-position: 0 -978px;
	width: 15px;
	height: 12px;
	margin-top: -8px;
	top: 50%;
	right: 15px;
}

.itemWrapper .itemModule .check input[type="checkbox"]:checked + label:after,
.worklist .favo.ui-favo.checked:before {
	background-size: 360px 666px;
	background-position: 0 -634px !important;
}
.itemWrapper .itemModule .checkTag input[type="checkbox"]:checked + label:after {
	background-size: 360px 666px;
	background-position: -21px -614px !important;
}

html.item\.css .productWrapper .information .actionArea .btnArea .btnAddMyList input[type="checkbox"]:checked + label,
html.item\.css .productWrapper .information2 .actionArea .btnArea .btnAddMyList input[type="checkbox"]:checked + label {
	background-image: none;
	position: relative;
}
html.modal\.css .generalModal .checkboxArea input[type="checkbox"]:checked + label {
	background-image: none;
}
html.modal\.css .generalModal .checkboxArea input[type="checkbox"]:checked + label:before {
	display: inline-block;
	position: absolute;
	content: "";
	background-size: 270px 500px;
	background-position: 0 -406px;
	width: 17px;
	height: 17px;
	top: 0;
	left: 0;
}
.itemWrapper .itemModule .addMyList input[type="checkbox"]:checked + label {
	background-image: none;
}
.itemWrapper .itemModule .addMyList input[type="checkbox"]:checked + label:after {
	display: inline-block;
	position: absolute;
	content: "";
	background-size: 270px 500px;
	background-position: -22px -444px !important;
	width: 13px;
	height: 13px;
	margin: 2px 0 2px 7px;
}
.itemWrapper .itemModule .addMyList.edit input[type="checkbox"]:checked + label:after {
	background-position: -22px -428px !important;
}

.itemWrapper .itemModule.list.selected .selectedImg,
.itemWrapper .itemModule.mylist.selected .selectedImg,
.itemWrapper .itemModule.list.mybest.selected .selectedImg {
	background-size: 270px 500px;
	background-position: 0 -446px;
}

html.mypage_mylist\.css.mouseDevice .headerSubTab .minict_wrapper li.addMyList:hover,
html.mypage_mylist\.css.mouseDevice .headerSubTab .minict_wrapper li.addMyList.selected:hover,
html.mypage_mylist\.css .headerSubTab .minict_wrapper li.addMyList,
html.mypage_mylist\.css .headerSubTab .minict_wrapper li.addMyList.selected {
	background-image: none;
}
html.mypage_mylist\.css .headerSubTab .minict_wrapper li.addMyList:after,
html.mypage_mylist\.css .headerSubTab .minict_wrapper li.addMyList.selected:after {
	display: inline-block;
	position: absolute;
	content: "";
	background-size: 270px 500px;
	background-position: -19px -42px;
	width: 22px;
	height: 22px;
	margin: 4px 0 4px 10px;
}
html.mypage_mylist\.css .deleteListBtnArea .btnDeleteList {
	background-size: 270px 500px;
	background-position: 155px -363px;
}
html.mypage_mylist\.css .itemWrapper .itemModule.list.mybest.selected .selectedImg {
	background-size: 270px 500px;
	background-position: 25px -424px;
}
html.mypage_mylist\.css .itemWrapper .itemModule.mylist.selected .selectedImg {
	background-size: 270px 500px;
	background-position: 85px -424px;
}
html.kisekae_setting\.css .itemWrapper .itemModule.list.selected .selectedImg {
	background-size: 270px 500px;
	background-position: 34px -424px;
}

.pageFooterIn .footerMenu li a,
html.mouseDevice .pageFooterIn .footerMenu li a:hover {
	position: relative;
	background-image: none;
}
.pageFooterIn .footerMenu li a:after {
	display: inline-block;
	position: absolute;
	content: "";
	background-size: 270px 500px;
	background-position: -85px -50px;
	width: 10px;
	height: 10px;
	margin: -5px 0 4px 10px;
	top: 50%;
	right: 28px;
}


.formContainer div .checkboxList input[type="checkbox"]:checked + label:before,
html.modal\.css .modalDialog:not(.deleteAll) .generalModal .modalAddMyListIn .formContainer form .checkboxList:not(.disabled) .checkbox i.on,
html.modal\.css .generalModal .modalAddMyListIn .formContainer .btnDeleteAll .checkbox i.on {
	background-size: 270px 500px;
	background-position: 0 -406px;
}
.formContainer div .checkboxList input[type="radio"]:checked + label:before {
	background-size: 270px 500px;
	background-position: 0 -386px;
}

html.payment\.css .paymentWay h3 {
	background-image: none;
	position: relative;
}
html.payment\.css .paymentWay h3:before {
	display: inline-block;
	position: absolute;
	content: "";
	background-size: 270px 500px;
	background-position: -15px -475px;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
}


/******************************************
			合わせこみ設定
******************************************/
.pageHeaderSub .breadcrumbPC {
	background-color: transparent;
}
html.item\.css .playerContainer section .wifi .recommend span,
html.item_after\.css .afterWrapper .playerContentsWrapper .playerContainer div .lightWaveCommunication .recommend span {
	background: #fff;
	border-width: 1px;
	border-style: dotted;
}
.btnArea .btnList a:link,
html.mouseDevice .btnArea .btnList a:hover,
.btnArea .btnList a:visited,
html.mouseDevice .btnArea .btnList a:active {
	color: #333;
}

.btnArea .btnPageBack,
html.payment\.css .pageOutline {
	background-color: transparent;
}

html.misc_dapp_warn\.css .btnArea {
	border-top: none;
}
html.cancellation\.css .contentsWrapper.enquete {
	border-bottom: none;
}
html.cancellation\.css .contentsWrapper {
	border-top: none !important;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}


html.mypage_complete\.css.mouseDevice .mypageHeader .historyPulldownArea .btnArea .minict_wrapper ul li.selected {
	background-image: none;
}

html.device\.css .contentWrapper .contentTextArea table th,
html.device\.css .contentWrapper .contentTextArea table td {
	border-color: transparent;
	background-color: #fff;
	background-clip: padding-box;
}
.btnArea .btnMore,
.btnArea .btnClose {
	border-bottom: none;
	background: none;
}


html.item_after\.css .afterWrapper {
	position: relative;
}
html.item_after\.css .afterWrapper,
html.item_after\.css .afterWrapper .headerContentsWrapper,
html.item_after\.css .afterWrapper .ContainerContents,
html.item_after\.css .afterWrapper .playerContentsWrapper,
html.item_after\.css .popularWrapper {
	background-color: transparent;
}
html.item_after\.css .afterWrapper .footerContentsWrapper {
	background: #e5e5e5;
}


/* PCレイアウト定義 */
@media screen and (min-width: 960px) {
	/******************************************
				はるかなレシーブのスタイル
	******************************************/
	html.toppage\.css .bannerWrapper {
		background-position:left 7% bottom, center top;
		background-size: auto;
	}
	.pageFooterSub{
		padding-bottom: 40px
	}
	footer[data-component-type="animeTop"]:before,
	#footer:before {
		content: "";
		height:250px;
		padding-top: 40px;
		background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_footer_bg.png) no-repeat bottom center/100% auto;
	}
	/************************
				マイページ
	************************/
html.mypage\.css .headerTab ul li:nth-child(1).current a {
	background-position: center right !important;
	line-height: 90px;
}
html.mypage\.css .headerTab ul li:nth-child(2).current a {
	background-position: center right !important;
	line-height: 90px;
}
html.mypage\.css .headerTab ul li:nth-child(3).current a {
	background-position: center right !important;
	line-height: 90px;
}

html.mypage\.css .headerTab ul li.current a:after{
	display:none;
}

html.mypage\.css .headerTab ul li a,
html.mypage\.css .headerTab ul li a:link,
html.mypage\.css .headerTab ul li a:visited,
html.mypage\.css.mouseDevice .headerTab ul li a:active,
html.mypage\.css.mouseDevice .headerTab ul li a:hover {
	line-height: 90px;
}

	/************************
				ここまで
	************************/
	html.mypage_mylist\.css .itemWrapper .itemModule.list.mybest.selected .selectedImg {
		background-position: 29px -424px;
	}
	html.mypage_mylist\.css .itemWrapper .itemModule.mylist.selected .selectedImg {
		background-position: 101px -424px;
	}
	html.kisekae_setting\.css .itemWrapper .itemModule.list.selected .selectedImg {
		background-position: 40px -424px;
	}

	.headerTab ul li.current {
		background: none;
	}
	.headerTab ul li.current a {
		position: relative;
	}
	.headerTab ul li.current a:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 48px;
		width: 0;
		height: 0;
		margin-left: -8px;
		border: 8px solid transparent;
		border-top: 8px solid #193696;
	}
	html.list_ranking\.css .headerTab ul li.current a:after {
		top: 42px;
	}

	html.search\.css .listCommon li a,
	html.search\.css.mouseDevice .listCommon li a:hover {
		background-image: none;
	}
	html.search\.css .listCommon li {
		position: relative;
	}
	html.search\.css .listCommon li:after {
		display: inline-block;
		position: absolute;
		content: "";
		background-size: 540px 1000px;
		background-position: -170px -313px;
		width: 12px;
		height: 18px;
		margin-top: -9px;
		top: 50%;
		right: 14px;
	}
	html.payment\.css .paymentWay h3:before {
		background-size: 388.8px 720px;
		background-position: -22px -684px;
		width: 36px;
		height: 36px;
	}
	html.toppage\.css .pageFooterIn {
		border: none;
	}
	html.toppage\.css .pageHeader.top .pageHeaderIn .information p.status,
	html.toppage\.css .pageHeader.top,
	html.toppage\.css .pageHeader.top .pageHeaderIn {
		background: #2b2c2f;
	}
	html.toppage\.css .informationWrapper {
		margin-bottom: 0;
	}
	.contentsWrapper .contentsWrapperIn h2.contentsTitle {
		margin-top: 25px;
	}
	.rankingWrapper .contentsWrapperIn .rankingHeader,
	.songWrapper .contentsWrapperIn .songHeader {
		margin-top: 25px;
	}
	.contentsWrapper .contentsWrapperIn h2.contentsTitle + a {
		padding-top: 35px;
	}
	html.toppage\.css .bannerWrapper {
		padding: 25px 0;
	}
	.pageFooterIn .footerMenu li {
		background-color: transparent;
		border-bottom: none;
	}
	html.questionnaire\.css .headerTab,
	html.list_all\.css .headerTab,
	html.list_all\.css .headerTab .headerTabList ul {
		background-color: transparent;
	}

	.pageFooterIn .footerMenu li a:after {
		display: none;
		content: none;
	}

	html.item\.css .contentsWrapper .contentsWrapperIn .swiper-container {
		margin-bottom: 25px;
	}
	html.cancellation\.css .contentsWrapper {
		border-bottom: none;
	}
	html.cancellation\.css .contentsWrapper#event1,
	html.cancellation\.css .contentsWrapper#ranking,
	html.cancellation\.css .contentsWrapper#recommend,
	html.cancellation\.css .contentsWrapper#popular {
		background-color: transparent !important;
	}
	html.new_tv\.css .headerTab .headerTabList .headerTabListIn {
		background: none;
	}
	html.device\.css .contentWrapper .contentModule {
		background-color: transparent;
	}

	.headerSubTab ul li {
		border-left-color: transparent;
		border-right-color: transparent;
	}

	html.toppage\.css .pageHeader.top .pageHeaderIn .information p.status {
		color: #fff;
	}
	/*.pageFooterIn .footerMenu li a,*/
	.pageFooterIn .footerBottomMenu .footerDmenuWrapper {
		background: #fff;
	}

	/******************************************
				iconなどの画像設定
	******************************************/
	.contentsWrapper .contentsTitle i.icon.iconRental,
	.contentsWrapper .contentsTitle i.icon.iconNews,
	.onAirWrapper .onAirHeader h2 i.icon.iconOnAir,
	.contentsWrapper .contentsTitle i.icon.iconPopular,
	.contentsWrapper .contentsTitle i.icon.iconRanking,
	.contentsWrapper .contentsTitle i.icon.iconNew,
	.contentsWrapper .contentsTitle i.icon.iconEvent,
	.contentsWrapper .contentsTitle i.icon.iconRelation,
	.contentsWrapper .contentsTitle i.icon.iconFree,
	.contentsWrapper .contentsTitle i.icon.iconSong,
	.contentsWrapper .contentsTitle i.icon.iconGoods {
		width: 60px;
		height: 60px;
		background-size: 540px 1000px;
	}
	.contentsWrapper .contentsTitle i.icon.iconRental{
		background-position: -316px -762px;
	}
	.contentsWrapper .contentsTitle i.icon.iconNews {
		background-position: -316px -826px;
	}
	.onAirWrapper .onAirHeader h2 i.icon.iconOnAir {
		background-position: -316px -890px;
		margin-top: -11px;
	}
	.contentsWrapper .contentsTitle i.icon.iconPopular {
		background-position: -396px 0;
	}
	.contentsWrapper .contentsTitle i.icon.iconRanking {
		background-position: -396px -64px;
	}
	.contentsWrapper .contentsTitle i.icon.iconNew {
		background-position: -396px -128px;
	}
	.contentsWrapper .contentsTitle i.icon.iconEvent {
		background-position: -396px -192px;
	}
	.contentsWrapper .contentsTitle i.icon.iconRelation {
		background-position: -396px -256px;
	}
	.contentsWrapper .contentsTitle i.icon.iconFree {
		background-position: -246px -890px;
	}
	.contentsWrapper .contentsTitle i.icon.iconSong {
		background-position: -246px -762px;
	}
	.contentsWrapper .contentsTitle i.icon.iconGoods {
		background-position: -246px -698px;
	}
	.btnSwiperPrev, .btnSwiperNext {
		top: 58.4%;
	}
	html.toppage\.css .recommendWrapper .btnSwiperPrev,
	html.toppage\.css .recommendWrapper .btnSwiperNext,
	html.toppage\.css .songWrapper .btnSwiperPrev,
	html.toppage\.css .songWrapper .btnSwiperNext {
		top: 53%;
	}
	html.toppage\.css .newArrivalWrapper .btnSwiperPrev,
	html.toppage\.css .newArrivalWrapper .btnSwiperNext,
	html.toppage\.css .eventWrapper .btnSwiperPrev,
	html.toppage\.css .eventWrapper .btnSwiperNext {
		top: 54.6%;
	}
	html.toppage\.css .onAirWrapper .onAirWrapperIn {
		padding-top: 45px;
	}

}

/*--------------------------------------*/
/*        goods add style               */
.searchTab.headerTab ul li.current {
	background: none;
}
.searchTab.headerTab ul li.current a {
	position: relative;
}
.searchTab.headerTab ul li.current a:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 42px;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 8px solid #193696;
}
i.iconEC-goods {
	display: inline-block;
	vertical-align: top;
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_sprite.png);
	background-size: 270px 500px;
	background-position: -120px -348px;
}
.goodsHeader h2 i.iconEC-goods {
	width: 37px !important;
	height: 32px !important;
	transform: scale(1.0) !important;
	-webkit-transform: scale(1.0) !important;
}
.contentsTitle {
	height: auto !important;
}
.btnArea .btnGoods {
	color: #fff!important;
	
}
.btnArea .btnGoods i.iconCircleArrowBrownRight {
	background-position: -41px -198px;
}

@media screen and (min-width: 960px) {
	.searchTab.headerTab ul li.current a:after {
		top: 48px;
	}
	i.iconEC-goods {
		width: 60px !important;
		height: 60px !important;
		background-size: 540px 1000px !important;
		background-position: -246px -698px !important;
	}
	.goodsHeader h2 i.iconEC-goods {
		width: 60px !important;
		height: 60px !important;
	}
}

.l-section .c-button:hover,
.l-section .c-button a:hover {
	text-decoration: none;
}

.paging .btnPagingPrev a,
html.mouseDevice .paging .btnPagingPrev a:hover,
.paging .btnPagingNext a,
html.mouseDevice .paging .btnPagingNext a:hover {
	color: #fff;
}

footer .p-footer.isAnimeTop {
	padding-top: 0;
	max-width: 860px;
	margin: 0 auto;
	background-color: transparent;
}

.p-footer a {
	margin-top: 30px;
}

.c-infoDetails__onAirRange,
.chatbotReplyWrapper .chatbotInquiry,
.common-c-button.isLibrary.isMenu span {
	color: #FF5F8C;
}

html.mouseDevice .p-title .p-title__link a:hover {
	-webkit-text-decoration-color: #193696;
	text-decoration-color: #193696;
}

html.mouseDevice .p-footer .p-footer__backToTop:hover {
	-webkit-text-decoration-color: #FF5F8C;
	text-decoration-color: #FF5F8C;
}

.l-section.isGoods .bannerWrapper {
	background: none;
	background-color: transparent;
	border: none;
}

/* ブックマイページ start */
.p-termsModal__links .js-openExternalLinks,
html.mouseDevice .p-termsModal__links .js-openExternalLinks:hover,
.p-purchasedHistory__hideToggle.js-showAllProductButton,
.p-purchasedHistory__hideToggle.js-hideAllProductButton,
.l-section.isLibrary .c-button.isLibrary span,
.p-mylistDetail__urlCopyButton.c-button.isOrangeText,
.p-mylistDetail__urlCopyButton.c-button.isOrangeText:hover,
.c-pagination__pageNumberItem.isCurrent,
.c-button.isOrangeText,
.c-button.isOrangeText:hover,
.c-iconButton__text.isOrange,
/* 編集閉じるアイコン */
.c-iconButton__icon.isClose,
.p-editModeFooter__button {
	color: #193696;
}
.c-pagination__buttonArea.isPrevPage:not(.isDisable) a,
.c-pagination__buttonArea.isNextPage:not(.isDisable) a,
.c-button.isOrange,
.c-radioButton__input:checked + .c-radioButton__icon:before,
.p-editModeFooter__button.isPrimary {
	background-color: #193696 !important;
}
.c-pagination__buttonArea.isPrevPage:not(.isDisable) a:hover,
.c-pagination__buttonArea.isNextPage:not(.isDisable) a:hover,
.c-button.isOrange:hover,
.p-editModeFooter__button.isPrimary:hover {
	background-color: #4b6ad1 !important;
	text-decoration: none !important;
}

.p-modalFooter .p-modalFooter__button.c-button.isWhite,
.p-libraryFilterModal .c-button.isWhite,
.p-editModeFooter__button.isBorderGray {
	background-color: #ffd200 !important;
	color: #000 !important;
	text-decoration: none !important;
}
.p-modalFooter .p-modalFooter__button.c-button.isWhite:hover,
.p-libraryFilterModal .c-button.isWhite:hover,
.p-editModeFooter__button.isBorderGray:hover {
	background-color: #ffe466 !important;
	color: #000 !important;
}

.c-pagination__buttonArea.isPrevPage:not(.isDisable) a,
.c-pagination__buttonArea.isNextPage:not(.isDisable) a,
.c-pagination__buttonArea.isPrevPage:not(.isDisable) a:hover, 
.c-pagination__buttonArea.isNextPage:not(.isDisable) a:hover {
	color: #fff !important;
}

.c-pagination__pageNumberItem.isCurrent:before,
.c-pagination__pageNumberItem:not(.isCut):hover:before,
.p-flexibleBlockList__bulkActionCheckbox:checked + .p-flexibleBlockList__bulkActionOverlay,
.p-blockItemList__bulkActionCheckbox:checked + .p-blockItemList__bulkActionOverlay {
	border-color: #ffd200 !important;
}
/* ブックマイページ end */

/* work index start */
.countContainer .watchRankingCount a:link, .countContainer .watchRankingCount a:active, .countContainer .watchRankingCount a:visited,
.animeePageBtn .btnGoods.relatedButton,
.relatedButton__icon.isGoods,
.itemRelatedContainer__item .relatedButton,
.relatedButton__icon.isBook {
	color: #e10030 !important;
}
/* work index end */

/* mylist start */
.p-newMyListModal .js-postTerms,
.p-myListForm__captionWrapper .js-postTerms,
.p-mylistDetailBlock__status .p-mylistDetailBlock__userName a,
.p-rankingTab.isMylist .p-rankingTab__typeListItem.isCurrent a,
.p-rankingTab__typeList .p-rankingTab__typeListItem.isCurrent button,
.p-mylistItemList__editActionCheckbox:checked ~ .p-mylistItemList__sortIcon,
.p-searchMylist__createIcon,
.p-mylistList__item .p-mylistBlock__createIcon,
.c-mylistItemBlock__listIcon.isAdd,
.p-mylistDetailBlock__editIcon,
.c-mylistItemBlock__listIcon,
.c-button__icon.isNewwindow,
.c-button__icon.isAddMyList,
.p-myListForm__icon.isInfo:before,
.p-bannerArea__slideButton.isPrev i,
.p-bannerArea__slideButton.isNext i {
	color: #193696 !important;
}

.p-mylistItemList__checkbox .p-mylistItemList__editActionCheckbox:checked ~ .p-mylistItemList__editActionText,
.p-newMyListModal .c-radioButton__input:checked + .c-radioButton__icon:before {
	background-color: #FF5F8C;
}

.p-newMyListModal .c-button.isOrange,
.p-addMyListModal .c-button.isOrange {
	background-color: #193696;
}
.p-newMyListModal .c-button.isOrange:hover,
.p-addMyListModal .c-button.isOrange:hover {
	background-color: #4b6ad1;
}

.p-mylistItemList__editActionCheckbox:checked + .p-mylistItemList__editActionOverlay {
	border-color: #ffd200 !important;
}
/* mylist end */

@media screen and (min-width: 960px) {
	.l-section.isMaxWidthOnPc.isWide,
	.l-section.isTopPage {
		margin: 0 auto;
		margin-top: 0;
		margin-bottom: 0;
		padding: 20px 0 30px;
		padding-top: 20px;
		padding-bottom: 30px;
	}
	html.toppage\.css .l-section.isNotice.isAnimeTop,
	html.toppage\.css .l-section.isTopPage.isFirstChild {
		margin-bottom: 0;
	}
	.p-footer.isAnimeTop {
		padding-top: 100px;
	}
	html.item\.css .buttonPrev:not(.isDisable):before,
	html.item\.css .buttonNext:not(.isDisable):before {
		background-color: #aaa !important;
		color: #000 !important;
	}
}

/* dアニメストアヘッダーロゴ */
a.p-dPointHeader__logo, a:link.p-dPointHeader__logo, a:active.p-dPointHeader__logo, a:visited.p-dPointHeader__logo, html.mouseDevice a:hover.p-dPointHeader__logo {
	color: #fff !important;
}

/* 既存と競合するアイコンはbackground-imageを無くす */
.searchBtnGroup li a i.iconCircleArrowBrownRight
{
	background-image: none !important;
}

/* ヘッダーアイコン*/
.common-c-iconButton__icon.isMyPage,
.common-c-iconButton__icon.isSearch,
.common-c-iconButton__icon.isMenu,
/* メニューアロー */
.common-c-button__icon.isRightArrow,
/* メニューライブラリ */
.common-c-button__icon.isLibrary,
/* お知らせアロー */
.p-notice__arrow,
/* TOP SPアロー */
.p-title__icon.isRightArrow,
/* dメニューフッターアロー */
.pageFooterIn .footerDMenu li .icon.isRightArrow,
/* back to topアロー */
.p-footer__icon.isUpArrow,
/* ブックライブラリアイコン */
.c-button__icon.isLibrary,
/* ライブラリアローアイコン */
.c-button__icon.isRightArrow,
/* 残高照会確認アロー */
.c-textWithArrowButton__arrow.isRight,
/* 検索アイコン */
.p-searchArea__icon,
/* 編集アイコン(ネーム) */
.c-iconToggleButton__icon.isEdit,
.p-mypageHeader__editButtonIcon,
/* 編集アイコン(コンテンツ) */
.mypageHeader .btnEdit a i,
/* ブックセレクトアロー */
.c-selectDropDown__icon,
/* お知らせセレクトボックスアロー */
.c-selectDropDown__icon,
.c-selectDropDown.isSelecting .c-selectDropDown__icon,
/* ブックリストタイプアイコン */
.c-visualRadio__input:checked ~ .c-visualRadio__icon.isList,
/* ブックブロックタイプアイコン */
.c-visualRadio__input:checked ~ .c-visualRadio__icon.isGrid,
/* ブック絞り込みアイコン */
.c-iconToggleButton__icon.isFilter,
/* ブックマイページページング末端アロー */
.c-pagination__buttonArea:not(.isDisable) .c-pagination__iconFirstPage,
.c-pagination__buttonArea:not(.isDisable) .c-pagination__iconLastPage,
/* 編集チェックボックス */
.c-checkbox__input:checked:before,
/* ランキング戻るアロー */
.c-textWithArrowButton__arrow.isLeft,
/* 新ランキングアイコン */
.p-title__icon.isRankingGray,
.p-title__icon.isHeartGray,
.p-title__icon.isStarGray,
/* 作品ページマイリストポップアップクローズ */
.p-modalHeader .p-modalHeader__closeButton,
/* RSSアイコン */
.p-pageHeader__actionIcon.isRss,
.p-newsTypeMenu__icon.isRss,
/* お知らせカテゴリアロー */
.c-arrowLinkList__arrow,
/* マイリストチェックアイコン */
.relatedButton__icon.isMyListAdded,
/* スライダーアロー */
.p-slider__navButton.isPrev i,
.p-slider__navButton.isNext i,
html.item\.css .buttonPrev:not(.isDisable):after,
html.item\.css .buttonNext:not(.isDisable):after,
/* いいねアイコン */
.c-niceButton__checkbox:checked ~ .c-niceButton__icon,
/* 気になるアイコン */
.c-favouriteButton input[type=checkbox].checked + label:after, .c-favouriteButton input[type=checkbox].isChecked + label:after, .c-favouriteButton input[type=checkbox].checked:hover + label:after, .c-favouriteButton input[type=checkbox].isChecked:hover + label:after
{
	color: #FF5F8C !important;
}

/* ABJアイコン */
.p-footer__ABJ .p-footer__icon.isABJ {
	color: #000 !important;
}

/* マイページングアロー */
.paging .btnPagingPrev .icon.iconPagingOrangeL1,
.paging .btnPagingNext .icon.iconPagingOrangeR1,
/* ブックマイページページングアロー */
.c-pagination__buttonArea:not(.isDisable) .c-pagination__iconPrevPage,
.c-pagination__buttonArea:not(.isDisable) .c-pagination__iconNextPage
{
	color: #fff !important;
}

/* 特殊アイコン */
.c-infoDetails__rank:not(.isText) {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_sprite.png) !important;
	background-size: 1075% auto !important;
}

.c-infoDetails__rank.isFirst{ background-position: -358px 323px; width: 21px; height: 21px; text-indent: -9999px; }
.c-infoDetails__rank.isSecond{ background-position: -358px 300px; width: 21px; height: 21px; text-indent: -9999px; }
.c-infoDetails__rank.isThird{ background-position: -358px 276px; width: 21px; height: 21px; text-indent: -9999px; }

.c-infoDetails__rank.isFirst.isBookRanking{ background-position: -189px -136px; width: 30px; height: 30px; }
.c-infoDetails__rank.isSecond.isBookRanking{ background-position: -189px -168px; width: 30px; height: 30px; }
.c-infoDetails__rank.isThird.isBookRanking{ background-position: -189px -203px; width: 30px; height: 30px; }
@media screen and (min-width: 960px) {
	.c-infoDetails__rank.isFirst{ background-position: -189px -136px; width: 30px; height: 30px; }
	.c-infoDetails__rank.isSecond{ background-position: -189px -168px; width: 30px; height: 30px; }
	.c-infoDetails__rank.isThird{ background-position: -189px -203px; width: 30px; height: 30px; }
}

/* 特殊アイコン(キャラ) */
/* ブロックアイコン onair */
.p-title__icon.isAnimeGreen,
/* ブロックアイコン recommend */
.p-title__icon.isRecommendGold,
/* ブロックアイコン ranking */
.p-title__icon.isRankingGreen,
/* ブロックアイコン new */
.p-title__icon.isNewGreen,
/* ブロックアイコン rental */
.p-title__icon.isRental,
/* ブロックアイコン theme */
.p-title__icon.isAnimeBlue,
/* ブロックアイコン book */
.p-title__icon.isBook,
/* ブロックアイコン goods */
.p-title__icon.isEcGray,
.p-title__icon.isEc,
/* ブロックアイコン mylist */
.p-title__icon.isMyListGray,
.p-title__icon.isMyListBlue,
/* ブロックアイコン 作品レコメンド */
.p-title__icon.isAnimeGray,
/* ブロックアイコン 関連特集 */
.p-title__icon.isAnnounceGray,
/* ブロックアイコン 関連ブック */
.p-title__icon.isBookGray,
/* ブロックアイコン 解約おすすめ*/
.p-title__icon.isRecommendGray,
/* ブロックアイコン PV */
.p-title__icon.isFreeGray,
/* ブロックアイコン 関連アニソン */
.p-title__icon.isMusicGray {
	-webkit-mask-image: none !important;
	background-color: transparent !important;
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_harukana_sprite.png) !important;
	width: 32px !important;
	height: 32px !important;
	background-size: 270px 500px !important;
}

.p-title__icon.isRental,
.p-title__icon.isFreeGray,
html:not(.toppage\.css) .p-title__icon.isAnimeBlue {
	background-position: -158px -381px !important;
}
.p-title__icon.isAnimeGreen,
.p-title__icon.isBookGray {
	background-position: -158px -445px !important;
}
.p-title__icon.isRecommendGold,
.p-title__icon.isAnimeGray,
.p-title__icon.isRecommendGray {
	background-position: -198px 0 !important;
}
.p-title__icon.isRankingGreen,
.p-title__icon.isAnnounceGray {
	background-position: -198px -32px !important;
}
.p-title__icon.isNewGreen,
.p-title__icon.isMusicGray {
	background-position: -198px -64px !important;
}
html.toppage\.css .p-title__icon.isAnimeBlue {
	background-position: -198px -96px !important;
}
.p-title__icon.isMyListGray,
.p-title__icon.isMyListBlue {
	background-position: -198px -128px !important;
}
.p-title__icon.isEcGray,
.p-title__icon.isEc {
	background-position: -123px -349px !important;
}
.p-title__icon.isBook {
	background-position: -198px -128px !important;
}

@media screen and (min-width: 960px) {
	.p-title__icon.isAnimeGreen,
	.p-title__icon.isRecommendGold,
	.p-title__icon.isRankingGreen,
	.p-title__icon.isNewGreen,
	.p-title__icon.isRental,
	.p-title__icon.isAnimeBlue,
	.p-title__icon.isBook,
	.p-title__icon.isEcGray,
	.p-title__icon.isEc,
	.p-title__icon.isMyListGray,
	.p-title__icon.isMyListBlue,
	.p-title__icon.isAnimeGray,
	.p-title__icon.isAnnounceGray,
	.p-title__icon.isBookGray,
	.p-title__icon.isRecommendGray,
	.p-title__icon.isFreeGray,
	.p-title__icon.isMusicGray {
		width: 60px !important;
		height: 60px !important;
		background-size: 540px 1000px !important;
	}
	.p-title__icon.isRental,
	.p-title__icon.isFreeGray,
	html:not(.toppage\.css) .p-title__icon.isAnimeBlue {
		background-position: -316px -762px !important;
	}
	.p-title__icon.isAnimeGreen,
	.p-title__icon.isBookGray {
		background-position: -316px -890px !important;
	}
	.p-title__icon.isRecommendGold,
	.p-title__icon.isAnimeGray,
	.p-title__icon.isRecommendGray {
		background-position: -396px 0 !important;
	}
	.p-title__icon.isRankingGreen,
	.p-title__icon.isAnnounceGray {
		background-position: -396px -64px !important;
	}
	.p-title__icon.isNewGreen,
	.p-title__icon.isMusicGray {
		background-position: -396px -128px !important;
	}
	html.toppage\.css .p-title__icon.isAnimeBlue {
		background-position: -396px -192px !important;
	}
	.p-title__icon.isMyListGray,
	.p-title__icon.isMyListBlue {
		background-position: -396px -256px !important;
	}
	.p-title__icon.isEcGray,
	.p-title__icon.isEc {
		background-position: -246px -698px !important;
	}
	.p-title__icon.isBook {
		background-position: -396px -256px !important;
	}
}