@charset "UTF-8";


/***************************************
		美雲・ギンヌメールのスタイル
****************************************/

html.toppage\.css.pc .pageWrapper:before {
	content: "";
	width: 100%;
	height: 1440px;/* 600px * 2.129907901(=4394px/2063px) */
	display: block;
	position: absolute;
	top: 110px;
	right:0;
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_macross_mikumo_bg.png);
	background-size: 1200px;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 0;
}
html.toppage\.css.pc.ie .pageWrapper:before,
html.toppage\.css.pc.ie6 .pageWrapper:before,
html.toppage\.css.pc.ie7 .pageWrapper:before,
html.toppage\.css.pc.ie8 .pageWrapper:before,
html.toppage\.css.pc.ie9 .pageWrapper:before,
html.toppage\.css.pc.ie10 .pageWrapper:before,
html.toppage\.css.pc.ie11 .pageWrapper:before {
	top: 150px;
}

html.toppage\.css .pageHeader.top {
	position: relative;
	z-index: 1;
}
@media screen and (min-width: 960px) {
	/* PCで有効になるパララックススクロールここから */
	html.toppage\.css.pc {
		height: 100%;
		overflow: hidden;
	}

	html.toppage\.css.pc .pageWrapper {
		height:100vh;
		position: relative;
		-webkit-perspective: 1px;
		   -moz-perspective: 1px;
			-ms-perspective: 1px;
			 -o-perspective: 1px;
				perspective: 1px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	html.toppage\.css.pc .pageWrapper:before {
		top: 440px;
		-webkit-transform-style: preserve-3d;
		   -moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			 -o-transform-style: preserve-3d;
				transform-style: preserve-3d;
		-webkit-transform-origin: center 50vh;
		   -moz-transform-origin: center 50vh;
			-ms-transform-origin: center 50vh;
			 -o-transform-origin: center 50vh;
				transform-origin: center 50vh;
		-webkit-transform: translateZ(-3px) scale(4);
		   -moz-transform: translateZ(-3px) scale(4);
			-ms-transform: translateZ(-3px) scale(4);
			 -o-transform: translateZ(-3px) scale(4);
				transform: translateZ(-3px) scale(4);
	}
	html.toppage\.css.pc.ie .pageWrapper:before,
	html.toppage\.css.pc.ie6 .pageWrapper:before,
	html.toppage\.css.pc.ie7 .pageWrapper:before,
	html.toppage\.css.pc.ie8 .pageWrapper:before,
	html.toppage\.css.pc.ie9 .pageWrapper:before,
	html.toppage\.css.pc.ie10 .pageWrapper:before,
	html.toppage\.css.pc.ie11 .pageWrapper:before {
		transform: translateZ(0) scale(1);
	}
}

html.toppage\.css.pc .pageFooterIn,
html.toppage\.css.pc .pageFooter {
	z-index: 1;
	position: relative;
}

html.toppage\.css.pc #onair {
	margin-top: 200px;
}
html.toppage\.css.pc .contentsWrapper,
html.toppage\.css.pc .bannerWrapper {
	margin-top: 40px;
}

html.toppage\.css.pc .l-section .p-slider__item,
html.toppage\.css.pc .l-section .p-slider__item .c-slide,
html.toppage\.css.pc .l-section .p-slider__item .p-mylistBlock,
html.toppage\.css.pc .contentsWrapper .itemWrapper .itemModule,
html.toppage\.css.pc .onAirWrapper .onAirSwiper .itemWrapper .itemModule,
html.toppage\.css.pc .btnArea .btnMore {
	box-shadow: none;
	background: transparent;
}

html.toppage\.css.pc .contentsWrapper .contentsWrapperIn{
	color: #6b349b;
}

html.toppage\.css.pc .l-section .p-title .p-title__text,
html.toppage\.css.pc .l-section .p-title .p-title__link a,
html.toppage\.css.pc .l-section .p-title .p-title__link a:hover,
html.toppage\.css.pc .l-section a.p-slider__item,
html.toppage\.css.pc .l-section a.p-slider__item *,
html.toppage\.css.pc .l-section .p-slider__item a,
html.toppage\.css.pc .l-section .p-slider__item a *,
html.toppage\.css.pc .onAirWrapper .onAirWrapperIn,
html.toppage\.css.pc .contentsWrapper .itemWrapper .itemModule a *,
html.toppage\.css.pc .onAirWrapper .onAirSwiper .itemWrapper .itemModule a *,
html.toppage\.css.pc .btnArea .btnMore {
	color: #6b349b;
	filter:dropshadow(color=#fff,offX= 0,offY=-1)
	dropshadow(color=#fff,offX= 1,offY= 0)
	dropshadow(color=#fff,offX= 0,offY= 1)
	dropshadow(color=#fff,offX=-1,offY= 0);
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}

html.toppage\.css.pc .l-section .c-button.isYellow a {
	filter:dropshadow(color=#fff,offX= 0,offY=-1)
	dropshadow(color=#fff,offX= 1,offY= 0)
	dropshadow(color=#fff,offX= 0,offY= 1)
	dropshadow(color=#fff,offX=-1,offY= 0);
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}

html.toppage\.css .pageWrapper .announceArea {
	z-index: 1;
	position: relative;
}

/******************************************
			マイページ設定
******************************************/
	html.mypage\.css .headerTab ul li {
		height: 74px;
	}
	html.mypage\.css #footer:before {
		margin: 0 auto;
		background-position: top center;
	}


	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 {
		background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_macross_mikumo_mypage_tab_bg_202508.png);
		background-size: 288px 74px;
		height: 74px;
		line-height: 74px;
		padding-top: 0;
	}
	html.mypage\.css .headerTab{
		margin: 40px auto 15px;
	}

	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_macross_mikumo_mypage_sp_tab_on_bg_202508.png) !important;
	background-position: top left !important;
	background-size:auto !important;
	background-repeat: no-repeat !important;
	}


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

/* PC以外で有効になるフッター画像ここから */
html.toppage\.css:not(.pc) .pageFooterSub .pageFooterIn:before {
	content: "";
	display: block;
	max-width: 600px;
	max-height: 1477.9447406px;
	padding-top: 120.4953951%;/* 4394px/2063px/2 */
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_macross_mikumo_bg.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: bottom center;
	margin: 0 auto;
	padding-left: 130px;
	padding-right: 130px;
}
html.toppage\.css:not(.pc) .pageFooterSub .pageFooterIn .footerMenu {
	margin-top: -40%;
}
/* PC以外で有効になるフッター画像ここまで */

body{
	background: #fbf7ff;
	background: -moz-linear-gradient(top,  #fbf7ff 0%, #f1e0ff 99%);
	background: -webkit-linear-gradient(top,  #fbf7ff 0%,#f1e0ff 99%);
	background: linear-gradient(to bottom,  #fbf7ff 0%,#f1e0ff 99%);
}

html.toppage\.css .bannerWrapper {
	background-color: #b464d2;
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_macross_mikumo_bg2.png);
	background-repeat: repeat;
	background-size:50% auto;

}

footer[data-component-type="animeTop"],
#footer {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_macross_mikumo_footerbg.png);
	background-repeat:repeat;
	background-size: auto;
	overflow: hidden;
	border-top:2px solid #fff;
}
#footer:before {
	content: "";
	display: block;
	max-width: 860px;
	padding-top: 23.25581395348837%;/* 200px / 860px */
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_macross_mikumo_footer_bg.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: bottom center;
	margin: 0 auto;
}

.pageFooter{
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_macross_mikumo_footerbg.png);
	background-repeat:repeat;
	background-size: auto;
}

html.toppage\.css .pageFooterSub{
	margin-top: 20px;
	clear: both;
	border-top:2px solid #fff;}

html.toppage\.css #footer{
	border:none;
}
.pageFooterIn .footerMenu li {
	background: transparent;
}
.pageFooterIn .footerMenu li a {
	display: block;
	padding: 13px 3.75%;
	font-size: 1.2rem;
	font-weight: bold;
	background: rgba(255, 255, 255, .6) url(/img/ico_arrow1.png) 97% center no-repeat;
	background-size: 17px 10px;
}
html.mouseDevice .pageFooterIn .footerMenu li a:hover {
	background-color: rgba(230, 230, 230, .6);
}

.pageFooterIn .footerDMenu li .dMenuTitle {
	background-color:#fff;
}



.pageOutline a,
html.mouseDevice .pageOutline a:hover,
.paging ul li.now,
.paging ul li.current,
.tagWrapper li a,
html.mouseDevice .tagWrapper li a:hover,
.pageHeaderSub .breadcrumbPC ul li a:link,
html.mouseDevice .pageHeaderSub .breadcrumbPC ul li a:hover,
html.mouseDevice .pageHeaderSub .breadcrumbPC ul li a:active,
.pageHeaderSub .breadcrumbPC ul li a:visited,
.itemWrapper .itemModule.list header p.line2,
.minict_wrapper ul li.selected,
html.mouseDevice .minict_wrapper ul li.selected:hover,
.headerSubTab ul li.current a,
.btnArea .btnGoToStoreHome a,
html.mouseDevice .btnArea .btnGoToStoreHome a:hover,
.onAirWrapper .onAirHeader .btnShowTVProgram a:link,
html.mouseDevice .onAirWrapper .onAirHeader .btnShowTVProgram a:hover,
.onAirWrapper .onAirHeader .btnShowTVProgram a:visited,
html.mouseDevice .onAirWrapper .onAirHeader .btnShowTVProgram a:active,
.rankingWrapper .contentsWrapperIn .rankingHeader .btnRanking,
.songWrapper .contentsWrapperIn .songHeader .btnSong,
.rentalWrapper .contentsWrapperIn .rentalHeader .btnRental,
.contentsWrapper .contentsWrapperIn header .btnAllPage,
.ui-tooltip .ui-tooltip-content p span a,
html.toppage\.css body .pageWrapper,
.l-section .p-title .p-title__text,
.l-section .p-title .p-title__link a,
.l-section .p-title .p-title__link a:hover,
.c-infoDetails__onAirRange,
.chatbotReplyWrapper .chatbotInquiry,
.common-c-button.isLibrary.isMenu span,
html.toppage\.css.pc .itemModule .check input[type="checkbox"]+label,
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: #6b349b;
}

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

.footerPageTop,
.footerCopyright,
.pageFooterIn .footerDMenu,
.pageFooterIn .footerMenu2,
.pageFooterIn .footerJasrac,
html.toppage\.css .informationWrapper {
	background:transparent;
}

section.l-section.isNotice,
section.l-section.isNotice .p-notice,
html.toppage\.css .l-section.isNotice,
html.toppage\.css .l-section.isNotice .p-notice,
html.toppage\.css .p-notice .p-notice__informationList,
html.mouseDevice.toppage\.css .p-notice__informationList a:hover,
html.toppage\.css .pageHeader.top .pageHeaderIn .information p.status,
html.toppage\.css .informationWrapper,
html.toppage\.css .headerInformation .btnInformation,
html.toppage\.css.mouseDevice .headerInformation .btnInformation a:hover {
	background-color: transparent;
	color:#9bb1e3;
}
html.toppage\.css.mouseDevice .headerInformation .btnInformation a:hover {
	text-decoration: underline;
}


.footerCopyright{
	color: #6b349b;
}

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

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

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

/******************************************
			TOPページ
******************************************/
.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.goodsTopWrapper,
.contentsWrapper#song,
.contentsWrapper#goods,
html.mypage\.css .dmarketWrapper {
	border-top: none;
}

html:not(.toppage\.css) .contentsWrapper#newArrival,
html:not(.toppage\.css) .contentsWrapper#popular,
html:not(.toppage\.css) .contentsWrapper#event2,
html:not(.toppage\.css) .contentsWrapper#event4,
html:not(.toppage\.css) .contentsWrapper#pvClip,
html:not(.toppage\.css) .contentsWrapper#seriesRelated {
	background-color: 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.goodsTopWrapper,
html:not(.toppage\.css) .contentsWrapper#song {
	background-color: transparent;
	overflow: hidden;
}
html:not(.toppage\.css) .contentsWrapper#goods,
html:not(.toppage\.css) .contentsWrapper#relatedFeature,
html.mypage\.css .dmarketWrapper {
	background-color: transparent;
	overflow: hidden;
}

div.l-section.isTopPage.isRedWrapper,
div.l-section.isTopPage.isBlueWrapper,
div.l-section.isTopPage.isGreenWrapper,
div.l-section.isTopPage.isYellowWrapper {
	border-top: none;
	background-color: transparent;
	position: relative;
	z-index: 1;
}

@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: #6b349b;
}

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

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


html.toppage\.css .contentsWrapper .itemWrapper .itemModule {
	box-shadow: none;
}

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

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

/******************************************
			色の濃いめのボタン色
******************************************/
.common-p-header,
.p-dPointHeader,
.pageHeader.second,
.btnArea .btnRanking,
.btnArea .btnGoods,
.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 {
	background-color: #6b349b !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 {
	background-color: #e3bbef !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,
.l-section .c-button.isYellow,
.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 {
	background-color: #9bb1e3;
}
/******************************************
			色の薄めのボタンのHover色
******************************************/
html.mouseDevice .headerTab ul li a:hover,
html.mouseDevice .l-section .c-button.isYellow: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 {
	background-color: #ca89e0;
}

/******************************************
			スプライトなどの画像設定
******************************************/
/* 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_macross_mikumo_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;
}


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


/* PCレイアウト定義 */
@media screen and (min-width: 960px) {
	html.toppage\.css.pc .contentsWrapper .contentsWrapperIn{
	color: #6b349b;
	filter:dropshadow(color=#fff,offX= 0,offY=-1)
	dropshadow(color=#fff,offX= 1,offY= 0)
	dropshadow(color=#fff,offX= 0,offY= 1)
	dropshadow(color=#fff,offX=-1,offY= 0);
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;}

	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_macross_mikumo_mypage_tab_on_bg_202508.png) !important;
		background-position: top left !important;
		background-size: contain !important;
	}

	/******************************************
				スプライトなどの画像設定
	******************************************/

	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 #6b349b;*/
	}
	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: 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: #9bb1e3;
	}
	.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 #6b349b;
}
i.iconEC-goods {
	display: inline-block;
	vertical-align: top;
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_macross_mikumo_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;
	}
}

.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[data-component-type="animeTop"] {
	border :none;
}

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

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

.c-categoryMenu .c-categoryMenu__item.isCurrent .c-categoryMenu__a {
	color: #6b349b;
}
.c-categoryMenu .c-categoryMenu__item.isCurrent:after {
	background-color: #6b349b;
}

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

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

.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: #6b349b;
}
.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: #6b349b !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: #e3bbef !important;
	text-decoration: none !important;
}

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

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

.c-pagination__pageNumberItem.isCurrent:before,
.c-pagination__pageNumberItem:not(.isCut):hover:before,
.p-flexibleBlockList__bulkActionCheckbox:checked + .p-flexibleBlockList__bulkActionOverlay,
.p-blockItemList__bulkActionCheckbox:checked + .p-blockItemList__bulkActionOverlay {
	border-color: #6b349b !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: #6b349b !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: #6b349b !important;
}

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

.p-newMyListModal .c-button.isOrange,
.p-addMyListModal .c-button.isOrange {
	background-color: #6b349b;
}
.p-newMyListModal .c-button.isOrange:hover,
.p-addMyListModal .c-button.isOrange:hover {
	background-color: #e3bbef;
}

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


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

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

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

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

/* ABJアイコン */
.p-footer__ABJ .p-footer__icon.isABJ,
/* 検索画面アロー */
.searchBtnGroup li a i.iconCircleArrowBrownRight {
	color: #000 !important;
}

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

/* 特殊アイコン */
.c-infoDetails__rank:not(.isText) {
	background-image: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CK/img/theme_macross_mikumo_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_macross_mikumo_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;
	}
}