@charset "UTF-8";
/***************************************
		スロウスタートのスタイル
****************************************/
body {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_slow-start_bg.png);
	background-size: auto;
	background-color:#fff !important;
}

.l-section.isNotice,
.l-section.isNotice .p-notice {
	background: none !important;
}

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

html.toppage\.css .bannerWrapper{
	background-color:#ffbfce;
	background-image:url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_slow-start_btm.png);
	background-size:12px auto;
	background-repeat:repeat-x;
	background-position:center bottom;
}

#footer, .pageFooter{
	background-color:#ffbfce;
}
.p-footer {
	background-color:#ffbfce !important;
}

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

#footer:before, .p-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_slow-start_footer_bg.jpg) no-repeat bottom center/100% auto;
	margin: 0 auto;
}

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

/*ヘッダー、Footer　色*/
.pageHeader.second,
#footer,
.pageFooter,
.footerPageTop,
.footerCopyright,
.btnArea .footerBanner{
	background:#ffbfce;
	overflow: hidden;
}
.common-p-header,
.p-dPointHeader,
.pageHeader.second {
	background:#ffbfce !important;
}

.yellowWrapper, .greenWrapper, .redWrapper, .blueWrapper, .pinkWrapper{
	background:none;
}
html.toppage\.css .l-section.isTopPage.isGreenWrapper,
html.toppage\.css .l-section.isTopPage.isYellowWrapper,
html.toppage\.css .l-section.isTopPage.isRedWrapper,
html.toppage\.css .l-section.isTopPage.isBlueWrapper,
html.toppage\.css .l-section.isTopPage.isPinkWrapper {
	background: transparent;
	border: 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, */
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: #777790;
}

.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: #a3ebd7;
}
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:#ffbfce;
	}

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

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

/******************************************
		スロウスタートのマイページ設定
******************************************/
html.mypage\.css .headerTab ul li {
	height: 60px;
	border: 2px solid #ffbfce;
	padding: 0;
}
html.mypage\.css body .headerTab ul li.current a:link,
html.mypage\.css body .headerTab ul li.current a:hover,
html.mypage\.css body .headerTab ul li.current a:visited,
html.mypage\.css body .headerTab ul li.current a:active {
		background-color: rgba(255, 255, 255, 0)!important;
}
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: #ffbfce;
	color: #fff;
	height: 50px;
	line-height: 40px;
}

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 {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_slow-start_mypage_tab_on_bg.png) !important;
	background-position: -20px bottom !important;
	background-size: 94px auto !important;
	background-repeat: no-repeat !important;
	color: #777790 !important;
	text-shadow:1px 1px 2px #fff;
}
html.mypage\.css.mouseDevice .headerTab ul li.current a:hover,
html.mypage\.css .headerTab ul li.current a:link{
	background: none;
	cursor: default;
	}

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

/******************************************
			枠（背景白の場合）
******************************************/
.searchWrapper, .p-searchArea form {
	border:4px solid #ffbfce;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.listGroup li a{
	color:#777790;
	border:1px solid #f1f1f1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#goods .loadRead .btnMore, #popular li.btnList a:before,
html.mouseDevice .listGroup li a:hover {
	color:#777790;
}

/* .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:#eeeef1;
}

/******************************************
			提供事業者&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ページ
******************************************/
.pageFooterIn,
html.toppage\.css .bannerWrapper,
html:not(.toppage\.css) .contentsWrapper#newArrival,
html:not(.toppage\.css) .contentsWrapper#popular,
html:not(.toppage\.css) .contentsWrapper#event1,
html:not(.toppage\.css) .contentsWrapper#event2,
html:not(.toppage\.css) .contentsWrapper#event3,
html:not(.toppage\.css) .contentsWrapper#event4,
html:not(.toppage\.css) .contentsWrapper#pvClip,
html:not(.toppage\.css) .contentsWrapper#relatedFeature,
html:not(.toppage\.css) .contentsWrapper#seriesRelated,
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.goodsTopWrapper,
html:not(.toppage\.css) .contentsWrapper#song,
html:not(.toppage\.css) .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;
}

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;
	}
}
.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: #777790;
}

.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: #777790;
}

.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: #777790;
}

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へ戻る文字色
******************************************/
.footerPageTop a.btnPageTop,
html.mouseDevice .footerPageTop a.btnPageTop:hover {
	color: #ffffff;
}
.p-footer__backToTop,
.p-footer__backToTop span {
	color: #ffffff !important;
	text-decoration-color: #fff !important;
}

/******************************************
			色の濃いめのボタン色
******************************************/
.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,
.c-button.isOrange,
.c-button.isOrange a {
	background-color: #777790 !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,
.c-button.isOrange:hover,
.c-button.isOrange a:hover {
	background-color: #8c8ca9 !important;
}

/******************************************
			色の薄めのボタン色
******************************************/
.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,
html.search\.css .searchBtnGroup > li > .notInteractionPcLayout > a,
.c-button.isYellow,
.c-button.isYellow a {
	background-color: #ffbfce !important;
}
/******************************************
			色の薄めのボタンの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,
html.search\.css.mouseDevice .searchBtnGroup > li > .notInteractionPcLayout > a:hover,
.c-button.isYellow:hover,
.c-button.isYellow:hover a {
	background-color: #ffe1e8 !important;
}

/******************************************
			スプライトなどの画像設定
******************************************/
/* 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_slow-start_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.mypage\.css .headerTab{
		margin:30px auto 20px;
	}
	html.mypage\.css .headerTab ul li {
		height: 70px;
	}
	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;
	height: 70px;
	line-height: 70px;
	padding: 0;
}
	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 {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_slow-start_mypage_tab_on_bg.png) !important;
	background-position: center left !important;
	background-size: 94px auto !important;
	background-repeat: no-repeat !important;
	height: 70px;
}

	html.mypage\.css .headerTab ul li.current a:after{
	display:none;
}
	#footer:before {
		content: "";
		height:250px;
		padding-top: 40px;
		background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_slow-start_footer_bg.jpg) no-repeat bottom center/100% auto;
	}
	/******ここまで******/

	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 #777790;
	}

	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 #777790;
}
i.iconEC-goods {
	display: inline-block;
	vertical-align: top;
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_slow-start_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.icon.iconCircleArrowBrownRight {
  background-position: -41px -198px!important;
}
@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;
	}
}
.c-button.isLibrary span,
.common-c-button.isLibrary span{
	color: #ff9aca !important;
}

.l-section.isMaxWidthOnPc:before,
.l-section.isMaxWidthOnPc:after {
	display: none;
}

.p-title__link a,
a.relatedButton,
.c-infoDetails__onAirRange,
.js-postTerms,
.js-openExternalLinks,
.p-purchasedHistory__hideToggle,
.p-footer__copyright,
.chatbotInquiry,
.p-mylistDetailBlock__userName a,
.countContainer .watchRankingCount a:link, .countContainer .watchRankingCount a:active, .countContainer .watchRankingCount a:visited,
a.relatedButton,
.p-rankingTab__typeListItem.isCurrent a,
.p-rankingTab__typeListItem.isCurrent button {
	color: #777790 !important;
	text-decoration-color: #777790 !important;
}

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

.c-categoryMenu__item.isCurrent .c-categoryMenu__a {
	color: #777790 !important;
}
.c-categoryMenu__item.isCurrent::after,
.c-arrowLinkList__listItem.isCurrent::before{
	background-color: #777790 !important;
}
html.toppage\.css .l-section.isGoods .bannerWrapper {
	margin: 20px 0 !important;
}

@media screen and (min-width: 960px) {
	.l-section.isNotice.isAnimeTop {
		margin-bottom: 0 !important;
	}
	.l-section.isTopPage.isFirstChild {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 23px !important;
		padding-bottom: 40px !important;
	}
	.p-footer:before {
		height: 250px;
		padding-top: 0;
	}
	.p-footer.isAnimeTop,
	.p-footer__backToTop {
		padding-top: 80px;
		padding-bottom: 50px;
	}
	.footerPageTop {
		padding-top: 100px;
		padding-bottom: 80px;
	}
	html.list_ranking\.css .headerTab ul li.current a::after {
		top:42px;
	}
	html.list_ranking\.css .rankingHeader.listHeader {
		margin-bottom: 10px !important;
	}
	html.toppage\.css .l-section.isGoods .bannerWrapper {
		background: none !important;
		padding: 15px 0px !important;
		margin: 0 auto !important;
	}	
}
/* dアニメストアヘッダーロゴ */
a:link.common-p-header__logo, 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, */
/* back to topアロー */
.p-footer__icon.isUpArrow 
{
	color: #777790 !important;
}
/* お知らせアロー */
.p-notice__arrow,
/* TOP SPアロー */
.p-title__icon.isRightArrow,
/* dメニューフッターアロー */
.pageFooterIn .footerDMenu li .icon.isRightArrow,

/* ブックライブラリアイコン */
.c-button__icon.isLibrary,
/* ライブラリアローアイコン */
.c-button__icon.isRightArrow,
/* 検索アイコン */
.p-searchArea__icon,
/* スライダーアロー */
.p-slider__navButton.isPrev i,
.p-slider__navButton.isNext i,
.p-bannerArea__slideButton.isPrev i,
.p-bannerArea__slideButton.isNext i,
/* ランキング戻るアロー */
.c-textWithArrowButton__arrow.isLeft,
/* コイン管理 残高詳細を確認リンクアロー */
.c-textWithArrowButton__arrow.isRight,
/* 新ランキングアイコン */
.p-title__icon.isRankingGray,
.p-title__icon.isHeartGray,
.p-title__icon.isStarGray,
/* RSSアイコン */
.p-pageHeader__actionIcon.isRss,
.p-newsTypeMenu__icon.isRss,
/* お知らせカテゴリアロー */
.c-arrowLinkList__arrow,
/* お知らせセレクトボックスアロー */
.c-selectDropDown__icon,
.c-selectDropDown.isSelecting .c-selectDropDown__icon,
html.item\.css .buttonPrev:not(.isDisable):after,
html.item\.css .buttonNext:not(.isDisable):after,
/* マイリストチェックアイコン */
.relatedButton__icon.isMyListAdded,
/* メニューバーアロー */
.common-c-button__icon.isRightArrow,
/* メニューバーライブラリアイコン */
.common-c-button__icon.isLibrary,
/* 気になるアイコン */
.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,
/* 編集アイコン(ネーム) */
.c-iconToggleButton__icon.isEdit,
.p-mypageHeader__editButtonIcon,
/* 絞り込みアイコン */
.c-iconToggleButton__icon.isFilter,
/* アーカイブ表示切替 */
.c-visualRadio__input:checked ~ .c-visualRadio__icon.isGrid,
.c-visualRadio__input:checked ~ .c-visualRadio__icon.isList,
/* 編集アイコン(コンテンツ) */
.mypageHeader .btnEdit a i,
/* 編集閉じるアイコン */
.c-iconButton__icon.isClose,
.p-editModeFooter__button,
/* 作品ページマイリストポップアップクローズ */
.p-modalHeader .p-modalHeader__closeButton,
/* マイリストいいねアイコン */
.c-niceButton__checkbox:checked ~ .c-niceButton__icon,
/* マイリスト作成アイコン */
.c-button__icon.isAddMyList,
.p-mylistBlock__createIcon,
.p-searchMylist__createIcon,
/* マイリストを探す マイリスト追加アイコン */
.c-mylistItemBlock__mylistButton.addMyList.edit.listen .c-mylistItemBlock__listIcon,
.c-mylistItemBlock__listIcon.isAdd:not(.isInactive),
/* 編集アイコン(ネーム) */
.c-iconToggleButton__icon.isEdit,
.p-mypageHeader__editButtonIcon,
/* 編集アイコン(コンテンツ) */
.mypageHeader .btnEdit a i,
/* マイページ マイリスト リスト名編集アイコン */
.p-mylistDetailBlock__editIcon,
/* マイリストURLコピー アイコン */
.c-button__icon.isNewwindow,
/* マイページ マイリスト名 編集 公開設定 ヘルプアイコン */
.p-myListForm__icon.isInfo:before{
	color: #ff9aca !important;
}
/* 作品ページ関連グッズアイコン */
.relatedButton__icon.isGoods,
/* 作品ページ関連ブックアイコン */
.relatedButton__icon.isBook,
/* マイページ マイリスト 編集 つまみアイコン */
.p-mylistItemList__editActionCheckbox:checked ~ .p-mylistItemList__sortIcon {
	color: #777790 !important;
}
/* マイページ マイリスト 編集 チェックマーク */
.p-mylistItemList__editActionCheckbox:checked ~ .p-mylistItemList__editActionText {
    background-color: #777790 !important;
}
/* 検索画面アロー */
.searchBtnGroup li a i.iconCircleArrowBrownRight,
/* マイページページングアロー */
.paging .btnPagingPrev .icon.iconPagingOrangeL1,
.paging .btnPagingNext .icon.iconPagingOrangeR1,
/* onairボタンアロー */
.c-button__icon.isRightArrowBrown
{
	color: #fff !important;
}
/* お知らせアイコン */
.p-notice__icon.isInfoButton{
    color: #333;
}
/* ABJアイコン */
.p-footer__icon.isABJ,
/* ABJ テキスト */
.p-footer__ABJ p,
/* フッターコピーライト */
.p-footer__copyright {
	color: #fff !important;
}
/* 編集アイコン(グレーアウト) */
.c-iconToggleButton.isDisable .c-iconToggleButton__icon.isEdit,
/* 絞り込みアイコン(グレーアウト) */
.c-iconToggleButton.isDisable .c-iconToggleButton__icon.isFilter
{
	color: #a2a2a2 !important;
}

/* html.followlist\.css.mouseDevice .editFooter .btnCancel, */
.p-editModeFooter__button[href],
/* マイページ アニメ 編集 キャンセルボタン */
.p-editModeFooter__button.c-button.js-editModeCancel,
/* マイページ ブック アーカイブ  絞り込み条件をリセット*/
.p-modalFooter__button.c-button.isWhite,
.p-editModeFooter__button.isBorderGray {
    background-color: #ffbfce !important;
	color: #000000 !important;
}
/* html.followlist\.css.mouseDevice .editFooter .btnCancel:hover, */
.p-editModeFooter__button[href]:hover,
/* マイページ アニメ 編集 キャンセルボタン */
.p-editModeFooter__button.c-button.js-editModeCancel:hover,
/* マイページ ブック アーカイブ  絞り込み条件をリセット*/
.p-modalFooter__button.c-button.isWhite:hover,
.p-editModeFooter__button.isBorderGray:hover {
	background-color: #ffe1e8 !important;
	color: #333333 !important;
}
/* ブックマイページ start */
.c-button.isOrangeText,
.c-button.isOrangeText:hover,
.c-iconButton__text.isOrange {
    color: #333 !important;
}
.c-button.isOrange,
.c-button.isOrange a,
.c-radioButton__input:checked + .c-radioButton__icon:before,
.p-editModeFooter__button.isPrimary {
    color: #fff !important;
	background-color: #777790 !important;
}
.c-button.isOrange:hover,
.c-button.isOrange a:hover,
.p-editModeFooter__button.isPrimary:hover {
    color: #fff !important;
	background-color: #8c8ca9 !important;
}
/* 編集閉じるアイコン */
.c-checkbox__input:checked:before {
    color: #777790 !important;
}
/* 編集チェックボックス */
.c-checkbox__input:checked:before {
    color: #777790 !important;
}

.p-blockItemList__bulkActionCheckbox:checked + .p-blockItemList__bulkActionOverlay,
.p-flexibleBlockList__bulkActionCheckbox:checked + .p-flexibleBlockList__bulkActionOverlay,
.p-mylistItemList__editActionCheckbox:checked + .p-mylistItemList__editActionOverlay {
	border-color: #777790 !important;
}

/* ページング */
.c-pagination__buttonArea:not(.isDisable) a,
/* .c-pagination__buttonArea:not(.isDisable) .c-pagination__iconLastPage, */
.c-pagination__pageNumberItem.isCurrent,
.c-pagination__pageNumberItem.isCurrent::before,
.c-pagination__pageNumberItem::hover {
    color: #777790 !important;
}
.c-pagination__buttonArea.isNextPage:not(.isDisable),
.c-pagination__buttonArea.isPrevPage:not(.isDisable) {
	background-color: #777790 !important;
}
.c-pagination__buttonArea.isNextPage:not(.isDisable):hover,
.c-pagination__buttonArea.isPrevPage:not(.isDisable):hover {
	background-color: #8c8ca9 !important;
}
.c-pagination__pageNumberItem.isCurrent::before,
.c-pagination__pageNumberItem:not(.isCut):hover::before {
	border-color: #777790 !important;
}
.c-pagination__pageNumberItem.isCurrent {
	color: #777790 !important;
}
.c-pagination__buttonArea.isFirstPage:not(.isDisable) .c-pagination__iconFirstPage,
.c-pagination__buttonArea.isLastPage:not(.isDisable) .c-pagination__iconLastPage{
	color:#ff9aca !important;
}
.c-pagination__buttonArea.isFirstPage:not(.isDisable):hover .c-pagination__iconFirstPage,
.c-pagination__buttonArea.isLastPage:not(.isDisable):hover .c-pagination__iconLastPage {
	opacity: 0.6;
}
.c-pagination__buttonArea.isNextPage:not(.isDisable) a,
.c-pagination__buttonArea.isPrevPage:not(.isDisable) a,
.c-pagination__buttonArea:not(.isDisable) .c-pagination__iconNextPage,
.c-pagination__buttonArea:not(.isDisable) .c-pagination__iconPrevPage {
	color: #fff !important;
} 


/* ブックマイページ end */


/* 特殊アイコン */
.c-infoDetails__rank:not(.isText) {
    background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_slow-start_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.isEc,
.p-title__icon.isEcGray,
/* ブロックアイコン 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_slow-start_sprite.png) !important;
    width: 32px !important;
    height: 32px !important;
    background-size: 270px 500px !important;
}
.p-title__icon.isRental,
html:not(.toppage\.css) .p-title__icon.isAnimeBlue,
.p-title__icon.isFreeGray {
    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.isEc,
.p-title__icon.isEcGray {
    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.isEc,
    .p-title__icon.isEcGray,
    .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,
    html:not(.toppage\.css) .p-title__icon.isAnimeBlue,
	.p-title__icon.isFreeGray {
        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.isEc,
    .p-title__icon.isEcGray {
        background-position: -246px -698px !important;
    }
    .p-title__icon.isBook {
        background-position: -396px -256px !important;
    }
}