@charset "utf-8";


/***************************************y
		魔王学院の不適合者のテーマ
****************************************/
body {
	background-color: #fff;
    background-image:  url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_bg02.png),url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_bg03.png),url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_bg01.png);
    background-position: left top, right -50px top, left top;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, auto, auto;
}

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

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

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: #000;
}
footer[data-component-type="animeTop"],
.pageFooter,
.footerPageTop,
.footerCopyright,
.pageFooterIn .footerDMenu,
.pageFooterIn .footerMenu2,
.pageFooterIn .footerJasrac {
	background: #181818;
}
html.toppage\.css .pageHeader.top .pageHeaderIn .information p.status {
	background-color: #b50d1c;
  color: #fff;
}
.p-footer .p-footer__ABJ p,
.p-footer .p-footer__copyright,
.footerCopyright{
	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 {
	background: #000;
	border-top: 13px #fff double;
	border-bottom: 13px #fff double;
}

.pageFooterIn,
/*html.toppage\.css .bannerWrapper,*/
.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#song,
.contentsWrapper.goodsTopWrapper,
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: transparent;
	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#song {
	background-color: transparent;
	overflow: hidden;
}
html:not(.toppage\.css) .contentsWrapper.goodsTopWrapper,
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,
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: #b50d1c;
}

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

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



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

/******************************************
			ヘッダー色
******************************************/
.common-p-header,
.p-dPointHeader,
.pageHeader.second {
	background: -webkit-linear-gradient(left,  #980383 0%,#e60012 50%,#601986 100%) !important;
	background: linear-gradient(to right,  #980383 0%,#e60012 50%,#601986 100%) !important;
}
/******************************************
			色の濃いめのボタン色
******************************************/
.btnArea .btnRanking,
.btnArea .btnSong,
.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.toppage\.css .pageHeader.top .pageHeaderIn .btnResume a {
	background-color: #b50d1c!important;
  color: #fff!important;
}

/******************************************
			色の濃いめのボタンのHover色
******************************************/
html.mouseDevice .btnArea a.btnRanking: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.toppage\.css .pageHeader.top .pageHeaderIn .btnResume a:hover {
	background-color: #f16471!important;
	color: #fff!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 .btnPageLinkArrow,
.btnArea a.btnYellowLink,
.btnArea a.btnPageLink,
html.kisekae_setting\.css .listHeader,
.contentHeader,
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.item\.css .btnArea .btnConcerned, html.item\.css .productWrapper .information .actionArea .btnArea .btnConcerned,
html.search\.css .searchBtnGroup > li > a,
html.search\.css .searchBtnGroup > li > .notInteractionPcLayout > a
{
	background: #181818!important;
	color: #fff!important;
}

/******************************************
			色の薄めのボタンのHover色
******************************************/
/*背景白 黒アイコンなし*/
.l-section .c-button.isYellow:hover,
html.mouseDevice .headerTab ul li a:hover,
html.mouseDevice .btnArea .btnPageLinkArrow:hover,
html.mouseDevice .btnArea a.btnYellowLink:hover,
html.mouseDevice .btnArea .btnPageLink: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.item\.css.mouseDevice .btnArea .btnConcerned:hover, html.item\.css.mouseDevice .productWrapper .information .actionArea .btnArea .btnConcerned:hover,
html.search\.css.mouseDevice .searchBtnGroup > li > a:hover,
html.search\.css.mouseDevice .searchBtnGroup > li > .notInteractionPcLayout > a:hover
 {
	 background: #4c4c4c!important;
	 color: #fff!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,
i.icon.iconDownload,
i.icon.iconHeaderNews,
i.icon.iconHeaderSearch,
i.icon.iconHeaderMypage,
i.icon.iconHeaderLogin,
/* 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_maohgakuin_sprite.png);
}
/*.productWrapper .keyVisualIn .btnPrev {
 background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_sprite.png)!important;
  background-position: -253px -394px!important;
}
.productWrapper .keyVisualIn .btnNext {
  background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_sprite.png)!important;
  background-position: -253px -351px!important;
}*/
.tagWrapper li {
	border: 1px solid #c3c3c3;
}
.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!important;
	background-position: 155px -363px!important;
}
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: #fff;
}
.snsWrapper {
  background-color: transparent!important;
}
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.cancellation\.css .enqueteContainer .btnList {
	border: none !important;
}

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-image: 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;
}
/*フッター画像*/
footer[data-component-type="animeTop"]:before,
#footer:before {
    content: "";
    display: block;
    max-width: 680px;
    padding-top: 29.06976744186047%;
    background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_footer01.png) no-repeat bottom center/100% auto;
    margin: 0 auto;
}
	/******************************************
				マイページタブ設定
	******************************************/
html.mypage\.css body .headerTab {
  margin: 10px auto;
}
html.mypage\.css .headerTab ul li.current {
		height: 110px;
	}
	html.mypage\.css .headerTab ul li:not(.current) {
		height: 54px;
		margin-top: 56px;
	}
html.mypage\.css body .headerTab ul li.current a:after {
  content: none;
}
html.mypage\.css body .headerTab ul li {
  vertical-align: bottom;
}
html.mypage\.css body .headerTab ul li a:link,
html.mypage\.css body .headerTab ul li a:hover,
html.mypage\.css body .headerTab ul li a:active,
html.mypage\.css body .headerTab ul li a:visited {
  padding-top: 18px;
}
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 body .headerTab ul li.current a,
html.mypage\.css body .headerTab ul li.current a:hover{
  background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_mypage_tab1.png) no-repeat,-webkit-linear-gradient(top,  rgba(255,255,255,0) 50%,rgb(181, 13, 28) 51%)!important;
  background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_mypage_tab1.png) no-repeat, linear-gradient(rgba(255, 255, 255, 0) 50%, rgb(181, 13, 28) 51%)!important;
}
html.mypage\.css body .headerTab ul li:nth-of-type(2).current a,
html.mypage\.css body .headerTab ul li:nth-of-type(2).current a:hover {
  background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_mypage_tab2.png) no-repeat,-webkit-linear-gradient(top,  rgba(255,255,255,0) 50%,rgb(181, 13, 28) 51%)!important; 
  background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_mypage_tab2.png) no-repeat, linear-gradient(rgba(255, 255, 255, 0) 50%, rgb(181, 13, 28) 51%)!important;
}
html.mypage\.css body .headerTab ul li:nth-of-type(3).current a,
html.mypage\.css body .headerTab ul li:nth-of-type(3).current a:hover {
  background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_mypage_tab3.png) no-repeat,-webkit-linear-gradient(top,  rgba(255,255,255,0) 50%,rgb(181, 13, 28) 51%)!important; 
  background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_mypage_tab3.png) no-repeat, linear-gradient(rgba(255, 255, 255, 0) 50%, rgb(181, 13, 28) 51%)!important;
}
html.mypage\.css body .headerTab ul li.current a,
html.mypage\.css body .headerTab ul li.current a:hover,
html.mypage\.css body .headerTab ul li:nth-of-type(2).current a,
html.mypage\.css body .headerTab ul li:nth-of-type(2).current a:hover,
html.mypage\.css body .headerTab ul li:nth-of-type(3).current a,
html.mypage\.css body .headerTab ul li:nth-of-type(3).current a:hover {
  padding-top: 74px;
  background-size: auto 110px,100%!important;
}

html.mypage\.css body .headerTab ul li.current a,
html.mypage\.css body .headerTab ul li.current a:hover {
  background-position: bottom left!important;
}
html.mypage\.css body .headerTab ul li:nth-of-type(2).current a,
html.mypage\.css body .headerTab ul li:nth-of-type(2).current a:hover {
  background-position: bottom left 10px!important;
}
html.mypage\.css body .headerTab ul li:nth-of-type(3).current a,
html.mypage\.css body .headerTab ul li:nth-of-type(3).current a:hover {
  background-position: bottom right 10px!important;
}
html.mouseDevice .headerTab ul li a:hover {
	background: #4c4c4c;
	color: #fff;
}
	/******************************************
				マイページタブ設定
	******************************************/
/* PCレイアウト定義 */
@media screen and (min-width: 960px) {

	/******************************************
				スプライトなどの画像設定
	******************************************/
	.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;
	}
	
	
	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 #b50d1c;
	}
	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 {
		background: #000;
	}
	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: 39px 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!important;
	}

	.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.mailservice\.css .mailserviceApp .btnList {
		border: none !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: #b50d1c;
	}
	.pageFooterIn .footerMenu li a,
	.pageFooterIn .footerBottomMenu .footerDmenuWrapper {
		background: #fff;
	}
	/*フッター画像*/
	footer[data-component-type="animeTop"]:before,
	#footer:before {
		content: "";
    display: block;
    max-width: 680px;
    height: 280px;
    padding-top: 20px;
    background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_footer01.png) no-repeat bottom center/100% auto;
    margin: 0 auto;
	}
}
@media screen and (max-width: 570px) {
    body {
    background-size: 100%;
  }
}
@media screen and (max-width: 959px) {
/******************************************
			TOPページ
******************************************/
  .pageFooterIn .footerMenu li a{ background-color:#fff !important;}
  footer[data-component-type="animeTop"]:before,
  #footer::before {
    padding-top: 42%;
  }
	/******************************************
				マイページタブ設定
	******************************************/
html.mypage\.css body .headerTab {
  margin: -30px auto 0;
}
html.mypage\.css body .headerTab ul li a:link,
html.mypage\.css body .headerTab ul li a:hover,
html.mypage\.css body .headerTab ul li a:active,
html.mypage\.css body .headerTab ul li a:visited {
  padding-bottom: 5px;
}
  html.mypage\.css body .headerTab ul li.current {
    line-height: 3.8;
  }
html.mypage\.css body .headerTab ul li.current a,
html.mypage\.css body .headerTab ul li.current a:hover,
	html.mypage\.css body .headerTab ul li:nth-of-type(2).current a,
html.mypage\.css body .headerTab ul li:nth-of-type(2).current a:hover,
html.mypage\.css body .headerTab ul li:nth-of-type(3).current a,
html.mypage\.css body .headerTab ul li:nth-of-type(3).current a:hover {
  background-size: auto 80px,100%!important;
  background-position: bottom center!important;
}
	/******************************************
				マイページタブ設定
	******************************************/
}
/*文字色追記*/
html.mouseDevice .contentsWrapper .inquiryWrap .btmComment.komeList li>a, .paging ul li.current, .paging ul li.now, .minict_wrapper span, .minict_wrapper ul li.selected, html.mouseDevice .minict_wrapper ul li.selected:hover, .btnArea .btnPageBack:link, html.mouseDevice .btnArea .btnPageBack:hover, .btnArea .btnPageBack:visited, html.mouseDevice .btnArea .btnPageBack:active, .btnSubscript .btnArea .btnPageBack, .btnSubscript .btnArea .btnPageBack:hover, .mypageHeader .btnEditCancel a, .mypageHeader .btnEditCancel a:hover, .mypageHeader .btnHelp, .mypageHeader .btnHelp:hover, .mypageHeader .btnHelp a, .mypageHeader .btnHelp a:hover, .contentsWrapper .listWarpper .btnAreaInner .btnEdit a, .contentsWrapper .listWarpper .btnAreaInner .btnEdit a:hover, .contentsWrapper .listWarpper .btnAreaInner .btnEditCancel a, .contentsWrapper .listWarpper .btnAreaInner .btnEditCancel a:hover, .contentsWrapper .listWarpper .btnAreaInner .btnHelp, .contentsWrapper .listWarpper .btnAreaInner .btnHelp:hover, .contentsWrapper .listWarpper .btnAreaInner .btnHelp a, .contentsWrapper .listWarpper .btnAreaInner .btnHelp a:hover, .headerSubTab ul li.current a, .headerSubTab ul li.current a a:hover, .listGroup li a, html.news\.css .newsMenuWrapper .btnArea > .btnList.selected a, html.mouseDevice .listGroup li a:hover, html.item\.css.mouseDevice .outlineWrapper .outlineContainer .footerLink a:hover, html.item\.css .outlineWrapper .outlineContainer .footerLink a:link, html.item\.css .outlineWrapper .outlineContainer .footerLink a:visited, html.item\.css.mouseDevice .outlineWrapper .outlineContainer .footerLink a:active, 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.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.misc\.css .contentsWrapper.misc #popular li.btnList a:before, 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.tag\.css ul[id*="tagNameList"] li a, .btnArea .btnGoToStoreHome a, html.mouseDevice .btnArea .btnGoToStoreHome a:hover, html.payment\.css .paymentWay .consent .description a, .btnList.btnList_mid a, #goods .loadRead .btnMore {
  color: #b50d1c!important;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,  0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;
}
.searchWrapper,.listGroup li a,.btnList,.newsWrapper .newsModule,html.news\.css .minict_wrapper {
	border: 1px solid #ccc!important;
	box-sizing: border-box
}
.btnList.selected {
	margin-left: 0!important;
  border-left: 2px solid #b50d1c!important;
}
.l-section .p-title .p-title__link a,
.l-section .p-title .p-title__link 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, .onAirWrapper .onAirSwiper .itemWrapper .itemModule a .detail .rangeText, .contentsWrapper .contentsWrapperIn header .btnAllPage {
  color: #b50d1c!important;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,  0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;
}
html.mypage\.css body .headerTab ul li.current a {
  text-shadow: none;
  color: #fff;
  text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px!important;
}
.campaign.new a span:after {
  text-shadow: none!important;
}
.pageHeaderSub .breadcrumbPC ul li a,.pageHeaderSub .breadcrumbPC ul li a:link,.pageHeaderSub .breadcrumbPC ul li a:hover,.pageHeaderSub .breadcrumbPC ul li a:active,.pageHeaderSub .breadcrumbPC ul li a:visited {
  color: #b50d1c!important;
}
.pageHeaderSub .breadcrumbPC ul li:after {
  color: #000!important;
}
/*お知らせボーダー*/
.ui-tooltip, .ui-tooltip .arrow:after, html.item\.css .playerContainer section .wifi .recommend span, html.item_after\.css .afterWrapper .playerContentsWrapper .playerContainer div .lightWaveCommunication .recommend span, html.news\.css .newsMenuWrapper .btnArea > .btnList.selected {
  border-color: #b50d1c!important;
}
/*TV連動先きになるボタン*/
html.new_tv\.css .favoriteButton input[type="checkbox"]+label:after {
  background-image: url("https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_sprite.png")!important;
      background-size: 360px 666px!important;
    background-position: 0px -634px !important;
}
/*タグbg*/
.pageWrapper .itemWrapper .itemModule.list .option li, .itemWrapper .itemModule.list .option li, html.item\.css ul.optionIconContainer li.optionText, html.item_after\.css .afterWrapper .ContainerContents .ContainerContentsWrapper .infoContainer .movieInfo, 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,
.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: #b50d1c; 
}

/*--------------------------------------*/
/*        goods add style               */
i.iconEC-goods {
	display: inline-block;
	vertical-align: top;
	background-image: url("https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_sprite.png") !important;
	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;
}
.goodsHeader .contentsTitle {
	height: auto !important;
}
.btnArea .btnGoods {
	background-color: #b50d1c!important;
	color: #fff!important;
}
.btnArea .btnGoods i {
	background-image: url("https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_sprite.png") !important;
	background-position: -41px -198px!important;
}
.l-section .c-button.isYellow a,
html.toppage\.css .headerInfoBtn span {
	color: #fff;
}
html.toppage\.css .headerInfoBtn .iconEC-infoBtn {
	background-image: url("https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_maohgakuin_sprite.png") !important;
	background-position: top 265px left 0!important;
	background-size: 300px auto!important;
}
@media screen and (min-width: 960px) {
	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,
.c-categoryMenu .c-categoryMenu__item.isCurrent .c-categoryMenu__a {
	color: #b50d1c;
}
.c-categoryMenu .c-categoryMenu__item.isCurrent:after {
	background-color: #b50d1c;
}

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

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

.l-section.isMaxWidthOnPc.isWide,
.l-section.isTopPage {
	padding: 12px 0 24px;
}

.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: #b50d1c;
}
.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: #b50d1c !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: #f16471 !important;
	text-decoration: none !important;
}

.p-modalFooter .p-modalFooter__button.c-button.isWhite,
.p-libraryFilterModal .c-button.isWhite,
.p-editModeFooter__button.isBorderGray {
	background-color: #181818 !important;
	color: #fff !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: #4c4c4c !important;
	color: #fff !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: #b50d1c !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: #b50d1c !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: #b50d1c !important;
}

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

.p-newMyListModal .c-button.isOrange,
.p-addMyListModal .c-button.isOrange {
	background-color: #b50d1c;
}
.p-newMyListModal .c-button.isOrange:hover,
.p-addMyListModal .c-button.isOrange:hover {
	background-color: #f16471;
}

.p-mylistItemList__editActionCheckbox:checked + .p-mylistItemList__editActionOverlay {
	border-color: #b50d1c !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-top: 0;
		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-button__icon.isRightArrow,
/* メニューライブラリ */
.common-c-button__icon.isLibrary,
/* お知らせアロー */
.p-notice__arrow,
/* TOP SPアロー */
.p-title__icon.isRightArrow,
/* dメニューフッターアロー */
.pageFooterIn .footerDMenu li .icon.isRightArrow,
/* ブックライブラリアイコン */
.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: #b50d1c !important;
}

/* back to topアロー */
.p-footer__icon.isUpArrow
{
	color: #b50d1c !important;
}

/* お知らせアイコン */
html.toppage\.css .p-notice__icon.isInfoButton,
/* onairボタンアロー */
.c-button__icon.isRightArrowBrown,
/* ABJアイコン */
.p-footer__ABJ .p-footer__icon.isABJ,
/* 検索画面アロー */
.searchBtnGroup li a i.iconCircleArrowBrownRight,
/* マイページングアロー */
.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_maohgakuin_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_maohgakuin_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;
	}
}