@charset "UTF-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display:block
}
html {
  font-size:62.5%;
  overflow-x:hidden;
  overflow-y:scroll;
  background-color:#ccc;
  word-break:break-all
}
html.android4\.0 {
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
body,
button,
input,
textarea {
  font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
  -webkit-text-size-adjust:none;
  line-height:1.5;
  color:#333;
  background-color:#e5e5e5
}
body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td {
  margin:0;
  padding:0
}
input,
textarea {
  margin:0;
  font-size:100%
}
label {
  cursor:pointer
}
table {
  border-collapse:collapse;
  border-spacing:0;
  font-size:100%;
  table-layout:fixed
}
fieldset,
img {
  border:0
}
img {
  vertical-align:top
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style:normal;
  font-weight:normal
}
ol,
ul {
  list-style:none
}
caption,
th {
  text-align:left
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight:normal;
  vertical-align:top
}
q:after,
q:before {
  content:''
}
input {
  -webkit-appearance:none
}
abbr,
acronym {
  border:0
}
a:link,
a:active,
a:visited {
  text-decoration:none;
  color:#333
}
html.mouseDevice a:hover {
  text-decoration:underline;
  color:#333
}
html.touchDevice a:active {
  text-decoration:none
}
.clearfix:before,
.clearfix:after {
  content:" ";
  display:table
}
.clearfix:after {
  clear:both
}
html.ios.appli #topHeader,
html.android.appli #topHeader,
html.tvbox.appli #topHeader,
html.ios.appli #topHeader,
html.tizen.appli #topHeader {
  display:none
}
html.dmarket.appli:not(.member) #topHeader .mypage,
html.dmarket.appli:not(.member) #topHeader .preview,
html.tvbox.appli:not(.member) #topHeader .mypage,
html.tvbox.appli:not(.member) #topHeader .preview {
  display:none
}
html.dmarket.appli.member #topHeader .login,
html.dmarket.appli.member #topHeader .preview,
html.tvbox.appli.member #topHeader .login,
html.tvbox.appli.member #topHeader .preview {
  display:none
}
html:not(.pc).browser #topHeader .preview,
html.pc.browser.member #topHeader .preview,
html.ichioshi #topHeader .preview {
  display:none
}
html.browser:not(.unauth) #topHeader .login {
  display:none
}
html.browser.unauth #topHeader .mypage {
  display:none
}
html.dmarket .notDmarket,
html:not(.dmarket) .onlyDmarket,
html.android .notAndroid,
html:not(.android) .onlyAndroid,
html.ios .notIos,
html:not(.ios) .onlyIos,
html.tvbox .notTvbox,
html:not(.tvbox) .onlyTvbox,
html.tizen .notTizen,
html:not(.tizen) .onlyTizen,
html.pc .notPc,
html:not(.pc) .onlyPc,
html.browser .notBrowser,
html:not(.browser) .onlyBrowser,
html.appli .notAppli,
html:not(.appli) .onlyAppli,
html.member .notMember,
html:not(.member) .onlyMember,
html.nonmember .notNonmember,
html:not(.nonmember) .onlyNonmember,
html.sugotoku_member .notSugotokuMember,
html:not(.sugotoku_member) .onlySugotokuMember,
html.unauth .notUnauth,
html:not(.unauth) .onlyUnauth,
html.touchDevice .notTouchDevice,
html:not(.touchDevice) .onlyTouchDevice,
html.mouseDevice .notMouseDevice,
html:not(.mouseDevice) .onlyMouseDevice {
  display:none !important
}
html.dmarket.appli .notDmarketAppli,
html:not(.dmarket) .onlyDmarketAppli,
html:not(.appli) .onlyDmarketAppli,
html.android.appli .notAndroidAppli,
html:not(.android) .onlyAndroidAppli,
html:not(.appli) .onlyAndroidAppli,
html.ios.appli .notIosAppli,
html:not(.ios) .onlyIosAppli,
html:not(.appli) .onlyIosAppli,
html.dmarket.browser .notDmarketBrowser,
html:not(.dmarket) .onlyDmarketBrowser,
html:not(.browser) .onlyDmarketBrowser,
html.android.browser .notAndroidBrowser,
html:not(.android) .onlyAndroidBrowser,
html:not(.browser) .onlyAndroidBrowser,
html.ios.browser .notIosBrowser,
html:not(.ios) .onlyIosBrowser,
html:not(.browser) .onlyIosBrowser,
html.pc.browser .notPcBrowser,
html:not(.pc) .onlyPcBrowser,
html:not(.browser) .onlyPcBrowser {
  display:none !important
}
html.dmarket .notSp,
html.android .notSp,
html:not(.dmarket):not(.android) .onlySp,
html.dmarket .notAllAndroid,
html.android .notAllAndroid,
html:not(.dmarket):not(.android) .onlyAllAndroid {
  display:none !important
}
html.cfapp .notCfAppli,
html:not(.cfapp) .onlyCfAppli {
  display:none !important
}
html:not(.dmarket) .onlyDmarketAppliNotloggedin,
html:not(.appli) .onlyDmarketAppliNotloggedin,
html.member .onlyDmarketAppliNotloggedin,
html:not(.dmarket) .onlyDmarketAppliMember,
html:not(.appli) .onlyDmarketAppliMember,
html:not(.member) .onlyDmarketAppliMember {
  display:none !important
}
html[class*='android6'] .notAndroid6,
html:not([class*='android6']) .onlyAndroid6 {
  display:none !important
}
html[class*='android1'] .notUnderAndroid4\.1,
html[class*='android2'] .notUnderAndroid4\.1,
html[class*='android3'] .notUnderAndroid4\.1,
html.android4 .notUnderAndroid4\.1,
html.android4\.0 .notUnderAndroid4\.1 {
  display:none !important
}
html:not([class*='android1']):not([class*='android2']):not([class*='android3']):not(.android4):not(.android4\.0) .onlyUnderAndroid4\.1 {
  display:none !important
}
html[class*='android1'] .notUnderAndroid4\.3,
html[class*='android2'] .notUnderAndroid4\.3,
html[class*='android3'] .notUnderAndroid4\.3,
html.android4 .notUnderAndroid4\.3,
html.android4\.0 .notUnderAndroid4\.3,
html.android4\.1 .notUnderAndroid4\.3,
html.android4\.2 .notUnderAndroid4\.3 {
  display:none !important
}
html:not([class*='android1']):not([class*='android2']):not([class*='android3']):not(.android4):not(.android4\.0):not(.android4\.1):not(.android4\.2) .onlyUnderAndroid4\.3 {
  display:none !important
}
html.legacySp .notLegacySp,
html:not(.legacySp) .onlyLegacySp {
  display:none !important
}
html.legacySp .disableAnimeLegacySp {
  -webkit-transition:none !important;
  -moz-transition:none !important;
  -ms-transition:none !important;
  -o-transition:none !important;
  transition:none !important;
  -webkit-animation:none !important;
  -moz-animation:none !important;
  -ms-animation:none !important;
  -o-animation:none !important;
  animation:none !important
}
.onlySpLayout {
  display:block
}
.onlyPcLayout {
  display:none
}
.line1 {
  overflow:hidden;
  width:100%
}
.line1 span {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.line2,
.line3,
.line4 {
  overflow:hidden;
  width:100%
}
.line2 span,
.line3 span,
.line4 span {
  display:block;
  overflow:hidden;
  padding:5px 0;
  font-size:1.2rem;
  word-break:break-all
}
.line2 span.webkit2LineClamp,
.line3 span.webkit3LineClamp,
.line4 span.webkit4LineClamp {
  display:-webkit-box;
  position:relative;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical
}
.line2 {
  height:34px
}
.line2 span {
  height:28px
}
.line2 span.webkit2LineClamp {
  -webkit-line-clamp:2
}
.line3 {
  height:48px
}
.line3 span {
  height:46px
}
.line3 span.webkit3LineClamp {
  -webkit-line-clamp:3
}
.line4 {
  height:74px
}
.line4 span {
  height:70px
}
.line4 span.webkit4LineClamp {
  -webkit-line-clamp:4
}
html:not(.pc) .webkitScrollbar::-webkit-scrollbar {
  width:10px
}
html:not(.pc) .webkitScrollbar::-webkit-scrollbar-thumb {
  background:#e95429;
  border-radius:5px
}
html:not(.pc) .webkitScrollbar::-webkit-scrollbar-track-piece {
  background:#dbdbdb
}
.column-3 {
  margin-right:.5% !important;
  margin-left:.5% !important;
  display:inline-block !important;
  vertical-align:top;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
@media screen and (max-width:569px) {
  .column-3 {
    width:99% !important
  }
}
@media screen and (min-width:570px) and (max-width:839px) {
  .column-3 {
    width:49% !important
  }
}
@media screen and (min-width:840px) {
  .column-3 {
    width:32.33333% !important
  }
}
img {
  width:100%;
  height:auto
}
img.verticallyLong {
  width:auto;
  height:100%
}
html.pc img[data-src] {
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:opacity 500ms;
  -moz-transition:opacity 500ms;
  -ms-transition:opacity 500ms;
  -o-transition:opacity 500ms;
  transition:opacity 500ms
}
img.lazyload,
img.lazyloading {
  opacity:0
}
img.lazyloaded {
  opacity:1
}
input:focus {
  outline:0
}
.imgWrap,
.imgWrap1x1,
.imgWrap16x9,
.imgWrap15x4 {
  position:relative;
  width:100%;
  overflow:hidden
}
.imgWrap:before,
.imgWrap1x1:before,
.imgWrap16x9:before,
.imgWrap15x4:before {
  content:"";
  display:block
}
.imgWrap1x1:before {
  padding-top:100%
}
.imgWrap16x9:before {
  padding-top:56.25%
}
.imgWrap15x4:before {
  padding-top:26.67%
}
.imgWrap img,
.imgWrap1x1 img,
.imgWrap16x9 img,
.imgWrap15x4 img {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto
}
.imgWrap.grid2x2 img,
.imgWrap1x1.grid2x2 img,
.imgWrap16x9.grid2x2 img,
.imgWrap15x4.grid2x2 img {
  width:49%;
  height:auto
}
.grid2x2 img:nth-child(1),
.grid2x2 img:nth-child(3) {
  right:50%
}
.grid2x2 img:nth-child(1),
.grid2x2 img:nth-child(2) {
  bottom:51%
}
.grid2x2 img:nth-child(2),
.grid2x2 img:nth-child(4) {
  left:50%
}
.grid2x2 img:nth-child(3),
.grid2x2 img:nth-child(4) {
  top:51%
}
.grid2x2 img:nth-child(n+5) {
  display:none
}
.grid2x2 img.spacer {
  background-color:#e5e5e5
}
i.icon {
  display:inline-block;
  background:url(../img/sprite.png?20200901) no-repeat;
  background-size:270px 500px;
  vertical-align:top
}
i.icon.iconWatching {
  background-position:0 2px;
  width:10px;
  height:14px;
  padding-right:4px
}
i.icon.iconWatchingPC {
  background-position:0 -12px;
  width:10px;
  height:10px
}
i.icon.iconResume {
  background-position:0 -24px;
  width:5px;
  height:6px
}
i.icon.iconDmarketLink {
  background-position:0 -32px;
  width:8px;
  height:8px
}
i.icon.iconExternalLink {
  background-position:0 -42px;
  width:10px;
  height:10px
}
i.icon.iconFooterHome {
  background-position:0 -54px;
  width:11px;
  height:12px;
  text-indent:-9999px
}
i.icon.iconEdit {
  background-position:0 -127px;
  width:17px;
  height:20px;
  margin-left:5px
}
i.icon.iconQuestion {
  background-position:0 -167px;
  width:17px;
  height:17px;
  margin-left:5px
}
i.icon.iconMyListBrown {
  background-position:0 -186px;
  width:17px;
  height:17px;
  margin-left:5px
}
i.icon.iconMyListOrange {
  background-position:0 -205px;
  width:17px;
  height:17px;
  margin-left:5px
}
i.icon.iconStreaming {
  background-position:0 -224px;
  width:17px;
  height:17px;
  margin-right:7px
}
i.icon.iconDownload {
  background-position:0 -243px;
  width:17px;
  height:17px;
  margin-right:7px
}
i.icon.iconHeaderNews {
  background-position:0 -262px;
  width:17px;
  height:17px
}
i.icon.iconHeaderSearch {
  background-position:0 -281px;
  width:17px;
  height:17px
}
i.icon.iconHeaderMypage {
  background-position:0 -300px;
  width:17px;
  height:17px
}
i.icon.iconHeaderLogin {
  background-position:0 -319px;
  width:17px;
  height:17px
}
i.icon.goods_icon {
  background-position:0 -339px;
  width:17px;
  height:17px
}
i.icon.iconSearchWhite {
  background-position:-19px -20px;
  width:20px;
  height:20px
}
i.icon.iconCircleAdd {
  background-position:-19px -42px;
  width:20px;
  height:20px
}
i.icon.iconHeart {
  background-position:-19px -64px;
  width:20px;
  height:20px;
  margin-left:5px
}
i.icon.iconCheck {
  background-position:-19px -86px;
  width:20px;
  height:20px;
  margin-left:5px
}
i.icon.iconBell {
  background-position:-19px -176px;
  width:20px;
  height:20px;
  margin-left:5px
}
i.icon.iconBellCheck {
  background-position:-19px -198px;
  width:20px;
  height:20px;
  margin-left:5px
}
i.icon.iconCircleClose {
  background-position:-19px -108px;
  width:20px;
  height:20px
}
i.icon.iconSearchL {
  background-position:-19px -152px;
  width:20px;
  height:20px
}
i.icon.iconCircleArrowOrangeUp {
  background-position:-41px 0;
  width:20px;
  height:20px
}
i.icon.iconCircleArrowOrangeRight {
  background-position:-41px -22px;
  width:20px;
  height:20px
}
i.icon.iconCircleArrowOrangeLeft {
  background-position:-41px -44px;
  width:20px;
  height:20px
}
i.icon.iconCircleArrowOrangeDown {
  background-position:-41px -66px;
  width:20px;
  height:20px
}
i.icon.iconCircleArrowWhiteRight {
  background-position:-41px -198px;
  width:20px;
  height:20px
}
i.icon.iconCircleArrowYellowRight {
  background-position:-41px -264px;
  width:20px;
  height:20px
}
i.icon.iconCircleArrowYellowLeft {
  background-position:-41px -286px;
  width:20px;
  height:20px
}
i.icon.iconCircleArrowBrownRight {
  background-position:-41px -374px;
  width:20px;
  height:20px
}
i.icon.iconCircleArrowGrayRight {
  background-position:-41px -418px;
  width:20px;
  height:20px
}
i.icon.iconCircleArrowGrayLeft {
  background-position:-41px -440px;
  width:20px;
  height:20px
}
i.icon.iconPagetop {
  background-position:-85px 0;
  width:11px;
  height:15px
}
i.icon.iconDropdown {
  background-position:-85px -17px;
  width:19px;
  height:19px;
  margin-left:5px
}
i.icon.iconArrowOrangeLeft {
  background-position:-85px -38px;
  width:10px;
  height:10px
}
i.icon.iconArrowOrangeRight {
  background-position:-85px -50px;
  width:10px;
  height:10px
}
i.icon.iconArrowGrayDown {
  background-position:-85px -62px;
  width:10px;
  height:10px
}
i.icon.iconArrowGrayLeftL {
  background-position:-85px -72px;
  width:15px;
  height:15px
}
i.icon.iconArrowGrayRightL {
  background-position:-85px -89px;
  width:15px;
  height:15px
}
i.icon.iconArrowOrangeLeftL {
  background-position:-85px -106px;
  width:15px;
  height:15px
}
i.icon.iconArrowOrangeRightL {
  background-position:-85px -123px;
  width:15px;
  height:15px
}
i.icon.iconArrowOrangeLeftS {
  background-position:-85px -139px;
  width:5px;
  height:12px;
  margin-left:5px
}
i.icon.iconArrowOrangeRightS {
  background-position:-85px -153px;
  width:5px;
  height:12px;
  margin-left:5px
}
i.icon.iconPagingNext {
  background-position:-85px -167px;
  width:11px;
  height:8px
}
i.icon.iconPagingPrev {
  background-position:-85px -177px;
  width:11px;
  height:8px
}
i.icon.iconArrowGrayRightS {
  background-position:-85px -187px;
  width:5px;
  height:12px;
  margin-left:5px
}
i.icon.iconPagingOrangeL2 {
  background-position:-85px -200px;
  width:14px;
  height:10px
}
i.icon.iconPagingGrayL2 {
  background-position:-85px -212px;
  width:14px;
  height:10px
}
i.icon.iconPagingWhiteL1 {
  background-position:-85px -224px;
  width:6px;
  height:10px
}
i.icon.iconPagingOrangeR2 {
  background-position:-85px -236px;
  width:14px;
  height:10px
}
i.icon.iconPagingGrayR2 {
  background-position:-85px -248px;
  width:14px;
  height:10px
}
i.icon.iconPagingWhiteR1 {
  background-position:-85px -260px;
  width:6px;
  height:10px
}
i.icon.iconArrowGrayLeft {
  background-position:-85px -272px;
  width:10px;
  height:10px
}
i.icon.iconTextNew {
  background-position:-106px 2px;
  width:22px;
  height:18px
}
i.icon.iconTextWatched {
  background-position:-106px -16px;
  width:30px;
  height:18px
}
i.icon.iconTextComplete {
  background-position:-106px -35px;
  width:37px;
  height:18px
}
i.icon.iconTextEnd {
  background-position:-106px -55px;
  width:40px;
  height:18px
}
i.icon.iconTextBefore {
  background-position:-106px -75px;
  width:40px;
  height:18px
}
i.icon.iconTextUp {
  background-position:-106px -95px;
  width:35px;
  height:18px
}
i.icon.iconTextDown {
  background-position:-106px -115px;
  width:35px;
  height:18px
}
i.icon.iconTextStay {
  background-position:-106px -135px;
  width:35px;
  height:18px
}
i.icon.iconTextHot {
  background-position:-106px -155px;
  width:35px;
  height:18px
}
i.icon.iconRank1 {
  background-position:-158px -114px;
  width:25px;
  height:25px;
  padding-right:9px;
  text-indent:-9999px
}
i.icon.iconRank2 {
  background-position:-158px -141px;
  width:25px;
  height:25px;
  padding-right:9px;
  text-indent:-9999px
}
i.icon.iconRank3 {
  background-position:-158px -168px;
  width:25px;
  height:27px;
  padding-right:9px;
  text-indent:-9999px
}
i.icon.iconRSS {
  background-position:-158px -195px;
  width:24px;
  height:25px
}
i.icon.iconPrev {
  background-position:-158px -275px;
  width:30px;
  height:30px
}
i.icon.iconNext {
  background-position:-158px -306px;
  width:30px;
  height:30px
}
i.icon.iconPlay {
  background-position:-158px -338px;
  width:29px;
  height:21px
}
i.icon.iconHeaderTry {
  background-position:-158px -361px;
  width:36px;
  height:17px
}
i.icon.iconRental {
  background-position:-158px -380px;
  width:22px;
  height:21px;
  padding-right:9px
}
i.icon.iconNews {
  background-position:-158px -412px;
  width:22px;
  height:21px;
  padding-right:9px
}
i.icon.iconOnAir {
  background-position:-158px -444px;
  width:22px;
  height:20px;
  padding-right:4px
}
i.icon.iconPopular {
  background-position:-198px -0;
  width:30px;
  height:30px;
  padding-right:9px
}
i.icon.iconRanking {
  background-position:-198px -32px;
  width:30px;
  height:30px;
  padding-right:9px
}
i.icon.iconNew {
  background-position:-198px -64px;
  width:30px;
  height:30px;
  padding-right:9px
}
i.icon.iconEvent {
  background-position:-198px -96px;
  width:30px;
  height:30px;
  padding-right:9px
}
i.icon.iconRelation {
  background-position:-198px -128px;
  width:30px;
  height:30px;
  padding-right:9px
}
i.icon.iconFree {
  background-position:-120px -444px;
  width:22px;
  height:20px;
  padding-right:9px
}
i.icon.iconSong {
  background-position:-120px -380px;
  width:22px;
  height:20px;
  padding-right:9px
}
i.icon.iconGoods {
  background-position:-120px -348px;
  width:22px;
  height:20px;
  padding-right:9px
}
i.icon.iconKisekae {
  background-position:-123px -318px;
  width:30px;
  height:30px
}
i.icon.iconSearch50on {
  background-position:-198px -160px;
  width:30px;
  height:30px
}
i.icon.iconSearchNew {
  background-position:-198px -192px;
  width:30px;
  height:30px
}
i.icon.iconSearchRanking {
  background-position:-198px -224px;
  width:30px;
  height:30px
}
i.icon.iconSearchTV {
  background-position:-198px -256px;
  width:30px;
  height:30px
}
i.icon.iconSearchGenre {
  background-position:-198px -290px;
  width:30px;
  height:30px
}
i.icon.iconSearchRental {
  background-position:-198px -320px;
  width:30px;
  height:30px
}
i.icon.iconSearchFree {
  background-position:-198px -352px;
  width:30px;
  height:30px
}
i.icon.iconSearchSpecial {
  background-position:-124px -412px;
  width:30px;
  height:30px
}
i.icon.iconSearchMusic {
  background-position:-124px -288px;
  width:30px;
  height:30px
}
i.icon.iconSearch50onActor {
  background-position:-120px -256px;
  width:36px;
  height:30px
}
i.icon.iconFavoriteYellow {
  background:url(/img/img_check.png) 100% -16px no-repeat;
  background-size:12px 45px;
  width:12px;
  height:12px;
  margin-right:3px
}
i.icon.withText.iconTextNew {
  background-position:-106px -1px
}
i.icon.withText.iconTextWatched {
  background-position:-106px -19px;
  width:27px
}
i.icon.withText.iconTextComplete {
  background-position:-106px -38px
}
i.icon[class*='iconDMarket'] {
  display:inline-block;
  background:url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/BF/img/sprite_dmarket.png?_=20241015) no-repeat;
  background-size:625px 62.5px;
  vertical-align:top;
  width:30px;
  height:30px
}
i.icon.iconDMarket1 {
  background-position:-0 0
}
i.icon.iconDMarket2 {
  background-position:-31.25px 0
}
i.icon.iconDMarket3 {
  background-position:-62.5px 0
}
i.icon.iconDMarket8 {
  background-position:-93.75px 0
}
i.icon.iconDMarket4 {
  background-position:-125px 0
}
i.icon.iconDMarket7 {
  background-position:-156.25px 0
}
i.icon.iconDMarket5 {
  background-position:-187.5px 0
}
i.icon.iconDMarket6 {
  background-position:-218.75px 0
}
i.icon.iconDMarket18 {
  background-position:-250px 0
}
i.icon.iconDMarket19 {
  background-position:-281.25px 0
}
i.icon.iconDMarket10 {
  background-position:-312.5px 0
}
i.icon.iconDMarket11 {
  background-position:-343.75px 0
}
i.icon.iconDMarket20 {
  background-position:-375px 0
}
i.icon.iconDMarket13 {
  background-position:-406.25px 0
}
i.icon.iconDMarket12 {
  background-position:-437.5px 0
}
i.icon.iconDMarket15 {
  background-position:-468.75px 0
}
i.icon.iconDMarket16 {
  background-position:-500px 0
}
i.icon.iconDMarket14 {
  background-position:-531.25px 0
}
i.icon.iconDMarket17 {
  background-position:-562.5px 0
}
i.icon.iconDMarket9 {
  background-position:-593.75px 0
}
i.icon.iconDMarket21 {
  background-position:-0 -31.25px
}
i.icon.iconDMarket22 {
  background-position:-31.25px -31.25px
}
i.icon.iconDMarket23 {
  background-position:-62.5px -31.25px
}
i.icon.iconDMarket24 {
  background-position:-93.75px -31.25px
}
.pageHeader.second {
  padding:0;
  background:#eb5528
}
.pageHeader.second .pageHeaderStyle {
  margin:0 auto;
  padding:0 0 0 3.75%;
  height:44px;
  vertical-align:middle
}
.pageHeader.second .pageHeaderStyle .logo {
  float:left;
  width:94px
}
.pageHeader.second .pageHeaderStyle .logo a {
  display:block;
  width:94px;
  height:18px;
  background:url(/img/logo.png) center no-repeat;
  background-size:94px 36px;
  background-position:0 0;
  text-indent:-9999px;
  margin:13px 0
}
html.mouseDevice .pageHeader.second .pageHeaderStyle .logo a:hover {
  opacity:.6
}
.pageHeader.second .pageHeaderStyle .headerMenu {
  float:right
}
.pageHeader.second .pageHeaderStyle .headerMenu li {
  float:left;
  font-size:1rem;
  margin-right:4.2vw
}
@media screen and (max-width:359px) {
  .pageHeader.second .pageHeaderStyle .headerMenu li {
    margin-right:3vw
  }
}
.pageHeader.second .pageHeaderStyle .headerMenu li a {
  display:block;
  height:37px;
  text-align:center;
  padding-top:7px
}
.pageHeader.second .pageHeaderStyle .headerMenu li a:link {
  color:#fff;
  text-decoration:none
}
html.mouseDevice .pageHeader.second .pageHeaderStyle .headerMenu li a:hover,
html.mouseDevice .pageHeader.second .pageHeaderStyle .headerMenu li a:active,
.pageHeader.second .pageHeaderStyle .headerMenu li a:visited {
  color:#fff;
  text-decoration:underline
}
.pageHeader.second .pageHeaderStyle .headerMenu li.preview a {
  background:#fc0
}
.pageHeader.second .pageHeaderStyle .headerMenu li.preview a:link,
html.mouseDevice .pageHeader.second .pageHeaderStyle .headerMenu li.preview a:active,
.pageHeader.second .pageHeaderStyle .headerMenu li.preview a:visited {
  color:#333
}
html.mouseDevice .pageHeader.second .pageHeaderStyle .headerMenu li.preview a:hover {
  text-decoration:none;
  background:#ffe066;
  color:#333
}
.pageHeader.second .pageHeaderStyle .headerMenu li a i {
  width:17px;
  height:17px;
  display:block;
  padding:0;
  margin:0 auto 2px
}
.pageHeader.second .pageHeaderStyle .headerMenu li.preview a i {
  width:36px
}
.pageHeader.second .pageHeaderStyle .headerMenu li a i img {
  width:17px;
  height:17px
}
.pageHeader.second .pageHeaderStyle .headerMenu li.preview a i img {
  width:22px
}
.pageHeader.second .pageHeaderStyle .headerMenu li.preview .previewFreeText {
  display:none
}
.pageHeader.second .pageHeaderInfo {
  margin:0 auto;
  padding:0 0 0 3.75%;
  height:44px;
  vertical-align:middle;
  background:#fc0
}
.pageHeader.second .pageHeaderInfo p {
  font-size:1.6rem;
  font-weight:bold;
  line-height:1.2;
  color:#46190c;
  padding-top:14px
}
.pageHeaderSub .breadcrumbPC {
  padding:0 3.75%
}
.pageHeaderSub .pageHeaderIn {
  display:block;
  width:100%;
  background:#fff;
  word-wrap:break-word
}
.pageHeaderSub .pageHeaderIn h1 {
  font-size:1.7rem;
  font-weight:bold;
  line-height:1.2;
  color:#333;
  padding:16px 3.75%
}
.pageHeaderSub .breadcrumbPC {
  display:none;
  min-height:23px;
  background:#e5e5e5
}
.pageHeaderSub .breadcrumbPC ul {
  max-width:944px;
  margin:0 auto;
  padding:4px 0;
  display:flex
}
.pageHeaderSub .breadcrumbPC ul li {
  display:inline;
  font-weight:bold
}
.pageHeaderSub .breadcrumbPC ul li:not(:last-child) {
  white-space:nowrap
}
.pageHeaderSub .breadcrumbPC ul li:after {
  -webkit-mask-image:url("../img/svg_sprite.svg#arrow-right-minimal");
  mask-image:url("../img/svg_sprite.svg#arrow-right-minimal");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#666;
  background-size:100% 100%;
  display:inline-block;
  width:6px;
  height:9px;
  content:"";
  margin-left:9px;
  margin-right:9px
}
.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 {
  color:#ea5529
}
html.mouseDevice .pageHeaderSub .breadcrumbPC ul li.current a:hover,
html.mouseDevice .pageHeaderSub .breadcrumbPC ul li.current a:active,
.pageHeaderSub .breadcrumbPC ul li.current,
.pageHeaderSub .breadcrumbPC ul li.current a {
  color:#333;
  text-decoration:none;
  cursor:default
}
.pageHeaderSub .breadcrumbPC ul li.current:after {
  display:none;
  background-image:none
}
.headerTab ul {
  display:flex;
  width:100%
}
.headerTab ul li {
  flex:1 1 100%;
  height:44px;
  text-align:center;
  font-size:1.3rem;
  font-weight:bold;
  color:#46190c;
  vertical-align:middle;
  overflow:hidden
}
.headerTab ul li a {
  display:block;
  width:100%;
  height:30px;
  padding-top:14px;
  background:#fc0;
  color:#46190c
}
html.mouseDevice .headerTab ul li a:hover {
  text-decoration:none;
  background:#ffe066
}
.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 {
  background:#ff8200;
  color:#fff
}
.headerTab ul li.current a[href^=javascript\:void\(0\)]:link,
html.mouseDevice .headerTab ul li.current a[href^=javascript\:void\(0\)]:hover,
.headerTab ul li.current a[href^=javascript\:void\(0\)]:visited,
html.mouseDevice .headerTab ul li.current a[href^=javascript\:void\(0\)]:active {
  cursor:default;
  text-decoration:none
}
.headerSubTab ul {
  display:table;
  width:100%
}
.headerSubTab ul li {
  display:table-cell;
  width:33.3333%;
  height:44px;
  text-align:center;
  font-size:1.2rem;
  vertical-align:middle;
  background:#fff
}
.headerSubTab ul li a {
  display:block;
  padding:12px 0;
  border-bottom:#fff 2px solid
}
html.mouseDevice .headerSubTab ul li a:hover {
  text-decoration:none;
  background:#f5f5f5;
  border-bottom:#f5f5f5 2px solid
}
.headerSubTab ul li a span {
  font-size:1rem
}
.headerSubTab ul li.current {
  height:42px
}
.headerSubTab ul li.current a {
  color:#eb5528;
  border-bottom:#eb5528 2px solid;
  cursor:default
}
html.mouseDevice .headerSubTab ul li.current a:hover {
  text-decoration:none;
  background:#fff;
  border-bottom:#eb5528 2px solid
}
.listHeader .headerText {
  padding:15px 0 0 3.75%
}
.listHeader .btnArea {
  cursor:default
}
html.mouseDevice .listHeader .btnArea .selectBtn .minict_wrapper:hover {
  background:#f5f5f5
}
html.mouseDevice .listHeader .btnArea .selectBtn .minict_wrapper:hover span {
  text-decoration:none
}
.contentsWrapper {
  padding:18px 3.75% 0;
  margin-bottom:20px
}
.contentsWrapper h1,
.contentsWrapper h2 {
  display:table
}
.contentsWrapper .contentsWrapperIn h2.contentsTitle {
  height:30px;
  width:100%;
  margin-bottom:8px;
  table-layout:fixed
}
.contentsWrapper .contentsWrapperIn .messageArea {
  width:100%;
  margin:15px auto 0;
  font-size:1.4em
}
.contentsWrapper h1.contentsTitle i,
.contentsWrapper h2.contentsTitle i,
.contentsWrapper .contentsWrapperIn h2.contentsTitle i {
  display:table-cell;
  width:37px;
  height:32px;
  padding-right:0;
  vertical-align:middle
}
.contentsWrapper h1.contentsTitle span,
.contentsWrapper h2.contentsTitle span,
.contentsWrapper .contentsWrapperIn h2.contentsTitle span {
  display:table-cell;
  vertical-align:middle;
  font-size:1.5rem;
  font-weight:bold;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.greenWrapper {
  background:#e9f0e5;
  border-top:2px solid #76c045
}
.yellowWrapper {
  background:#efece6;
  border-top:2px solid #fc0
}
.blueWrapper {
  background:#e6efef;
  border-top:2px solid #289beb
}
.redWrapper {
  background:#f6ece8;
  border-top:2px solid #eb5528
}
.pinkWrapper {
  background:#fef6fa;
  border-top:2px solid #f155a1
}
.itemWrapper {
  padding:0 3.75%
}
.itemWrapper .notfound {
  height:34px;
  line-height:34px;
  padding:20px 0 10px;
  display:none
}
.itemWrapper .notfound:only-child {
  display:block
}
.itemWrapper .itemModule {
  margin-top:18px;
  background:#fff;
  box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.05)
}
.itemWrapper .itemModule section {
  margin:0 auto;
  max-width:640px;
  padding:4px;
  position:relative
}
.itemWrapper .itemModule a {
  display:block;
  overflow:hidden
}
.itemWrapper .itemModule a:visited *,
html.mouseDevice .itemWrapper .itemModule a:hover *,
html.mouseDevice .itemWrapper .itemModule a:active * {
  text-decoration:underline
}
html.mouseDevice .itemWrapper .itemModule a:hover .imgWrap16x9 {
  opacity:.6
}
.itemWrapper .itemModule h2,
.itemWrapper .itemModule h3 {
  display:table;
  padding:10px 3.3783% 0;
  margin-bottom:5px;
  font-size:1.5rem;
  font-weight:bold
}
html.mouseDevice .itemWrapper .itemModule a:hover h2,
html.mouseDevice .itemWrapper .itemModule a:hover h3 {
  text-decoration:none
}
.itemWrapper .itemModule p.copy {
  padding:0 3.3783%;
  font-size:1.1rem
}
.itemWrapper .itemModule.ranking section {
  position:relative
}
.itemWrapper .itemModule.ranking a {
  display:block;
  padding-bottom:18px
}
.itemWrapper .itemModule.ranking .thumbnailContainer {
  display:table;
  width:100%
}
.itemWrapper .itemModule.ranking .thumbnailContainer .thumbnailLeft {
  display:table-cell;
  width:67%;
  padding-right:.5%;
  vertical-align:top;
  position:relative
}
.itemWrapper .itemModule.ranking .thumbnailContainer .thumbnailLeft i {
  position:absolute;
  left:5px;
  bottom:5px;
  z-index:1
}
.itemWrapper .itemModule.ranking .thumbnailContainer .thumbnailLeft>div {
  float:left
}
.itemWrapper .itemModule.ranking .thumbnailContainer .thumbnailRight {
  display:table-cell;
  width:33%;
  padding-left:.5%
}
.itemWrapper .itemModule.ranking .thumbnailContainer .thumbnailRight>div {
  float:right;
  max-width:208px
}
.itemWrapper .itemModule.ranking .thumbnailContainer .thumbnailRight>div:nth-child(1) {
  margin-bottom:3%
}
.itemWrapper .itemModule.ranking h2,
.itemWrapper .itemModule.ranking h3 {
  width:94%;
  height:44px;
  padding-top:5px
}
.itemWrapper .itemModule.ranking h2 i,
.itemWrapper .itemModule.ranking h3 i {
  float:left;
  display:table-cell
}
.itemWrapper .itemModule.ranking h2>span,
.itemWrapper .itemModule.ranking h3>span,
.itemWrapper .itemModule.ranking h2>div,
.itemWrapper .itemModule.ranking h3>div {
  float:right;
  font-size:1.4rem;
  width:85%;
  height:40px;
  padding-top:2px
}
.itemWrapper .itemModule.ranking .rankingFooter {
  position:relative;
  height:18px
}
.itemWrapper .itemModule.ranking .rankingFooter .iconContainer {
  float:left;
  padding-left:3.3783%;
  margin-top:-2px
}
.itemWrapper .itemModule.ranking .rankingFooter .iconContainer li {
  display:block;
  float:left;
  margin-right:3px
}
.itemWrapper .itemModule.ranking .rankingFooter .iconContainer li.favoriteCount {
  position:absolute;
  top:-1px;
  right:71px
}
html.mouseDevice .itemWrapper .itemModule.ranking a:hover .rankingFooter .iconContainer li.favorite,
html.mouseDevice .itemWrapper .itemModule.ranking a:hover .rankingFooter .iconContainer li.favorite span {
  text-decoration:none
}
.itemWrapper .itemModule.ranking .check,
.itemWrapper .itemModule.ranking .checkTag,
.itemWrapper .itemModule.ranking .addMyList {
  position:absolute;
  right:6px;
  bottom:6px;
  margin:0
}
.itemWrapper .itemModule.ranking .option {
  position:absolute;
  left:0;
  bottom:-17px;
  width:100%
}
.itemWrapper .itemModule.ranking .option li {
  float:left;
  padding:1px 4px;
  margin-left:1.0135%;
  background:#ffa300;
  color:#fff
}
.itemWrapper .itemModule.small {
  margin:10px 0 10px;
  width:48.3108%
}
.itemWrapper .itemModule.small:nth-child(odd) {
  float:left
}
.itemWrapper .itemModule.small:nth-child(even) {
  float:right
}
.itemWrapper .itemModule.small.odd {
  float:left
}
.itemWrapper .itemModule.small.even {
  float:right
}
.itemWrapper .itemModule.small section {
  padding:2.0979%;
  max-width:288px
}
.itemWrapper .itemModule.small a {
  display:block
}
.itemWrapper .itemModule.small .thumbnailContainer {
  position:relative
}
.itemWrapper .itemModule.small .thumbnailContainer i {
  position:absolute;
  left:5px;
  bottom:5px;
  z-index:1
}
.itemWrapper .itemModule.small h2,
.itemWrapper .itemModule.small h3 {
  padding:0;
  margin-bottom:5px;
  font-size:1.5rem;
  font-weight:bold
}
.itemWrapper .itemModule.small h2 span,
.itemWrapper .itemModule.small h3 span {
  padding:5px 3.3783%;
  font-size:1.2rem
}
.itemWrapper .itemModule.list.column-3 {
  margin-top:0;
  float:none !important
}
.itemWrapper .itemModule.list {
  margin-bottom:24px
}
.itemWrapper .itemModule.list section {
  position:relative;
  width:97.973%;
  max-width:inherit
}
.itemWrapper .itemModule.list header {
  clear:both;
  border-bottom:1px solid #e5e5e5;
  background:#fff
}
.itemWrapper .itemModule.list header>span,
.itemWrapper .itemModule.list header>a {
  display:table;
  width:100%
}
.itemWrapper .itemModule.list header h3.line2 span.webkit2LineClamp {
  display:-webkit-box
}
.itemWrapper .itemModule.list header p.line2 {
  display:table-cell;
  width:auto;
  padding:0 4.6511%;
  color:#eb5528;
  font-size:1.2rem;
  font-weight:bold;
  vertical-align:middle
}
.itemWrapper .itemModule.list header p.line2 .webkit2LineClamp {
  max-height:3.2rem;
  height:auto
}
.itemWrapper .itemModule.list header .titleThumbnail {
  display:table-cell;
  padding-bottom:4px;
  width:25.8829%;
  text-align:right
}
.itemWrapper .itemModule.list header .titleThumbnail .titleThumbnailIn {
  position:relative
}
.itemWrapper .itemModule.list header .titleThumbnail .titleThumbnailIn .imgWrap16x9 {
  max-width:208px
}
.itemWrapper .itemModule.list header .titleThumbnail .titleThumbnailIn i {
  position:absolute;
  left:5px;
  bottom:5px;
  margin:-12px 0 0 0;
  z-index:1
}
.itemWrapper .itemModule.list .thumbnailContainer {
  float:left;
  position:relative;
  width:47.2413%
}
.itemWrapper .itemModule.list .thumbnailContainer a {
  display:block;
  position:relative
}
.itemWrapper .itemModule.list .thumbnailContainer .progress {
  position:absolute;
  left:0;
  bottom:0;
  z-index:1;
  width:100%;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
}
.itemWrapper .itemModule.list.before .thumbnailContainer .progress,
.itemWrapper .itemModule.list.end .thumbnailContainer .progress {
  display:none
}
.itemWrapper .itemModule.list .thumbnailContainer .progressBar {
  display:block;
  position:relative;
  height:3px;
  background-color:rgba(255, 255, 255, .6)
}
.itemWrapper .itemModule.list .thumbnailContainer .progressCompleted {
  position:absolute;
  bottom:0;
  left:0;
  height:3px;
  background-color:#eb5528;
  border-top-right-radius:2px;
  border-bottom-right-radius:2px
}
.itemWrapper .itemModule.list .thumbnailContainer i {
  position:absolute;
  left:5px;
  bottom:9px;
  z-index:1
}
.itemWrapper .itemModule.list.watched .thumbnailContainer .imgWrap16x9:after,
.itemWrapper .itemModule.list a.watched .thumbnailContainer .imgWrap16x9:after {
  content:"\8996\8074\6e08";
  position:absolute;
  padding:2px 2px 0;
  width:32px;
  bottom:7px;
  right:3px;
  background-color:rgba(255, 255, 255, 0.8);
  font-size:1rem;
  line-height:10px;
  text-align:center;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
}
.itemWrapper .itemModule.list .thumbnailContainer img {
  width:100%;
  max-width:288px
}
.itemWrapper .itemModule.list .textContainer {
  float:right;
  width:50%
}
.itemWrapper .itemModule.list .textContainer a {
  display:block
}
.itemWrapper .itemModule.list .textContainer h2,
.itemWrapper .itemModule.list .textContainer h3 {
  display:block;
  padding:2px 0 0 0;
  margin-bottom:2px;
  font-size:1.1rem;
  font-weight:bold
}
.itemWrapper .itemModule.list .textContainer h2 span {
  font-weight:normal
}
.itemWrapper .itemModule.list .textContainer .line2 {
  height:40px;
  width:90%;
  padding-top:0
}
.itemWrapper .itemModule.list .textContainer .line3 {
  height:56px;
  width:90%;
  padding-top:0
}
.itemWrapper .itemModule.list .textContainer .iconContainer {
  position:absolute;
  bottom:26px;
  text-decoration:none
}
.itemWrapper .itemModule.list .textContainer .iconContainer li {
  display:inline
}
.itemWrapper .itemModule.list .textContainer .link {
  color:#eb5528 !important
}
.itemWrapper .itemModule.list .textContainer .title {
  display:block;
  margin-top:3px;
  font-size:1.1rem;
  line-height:1.5rem
}
.itemWrapper .itemModule.list .textContainer .number {
  display:block;
  margin-top:3px;
  font-weight:bold;
  color:#666
}
.itemWrapper .itemModule.list .textContainer .episode {
  display:block;
  margin-top:0;
  font-size:1.4rem;
  font-weight:bold;
  color:#666
}
.itemWrapper .itemModule.list .textContainer .number+.episode .webkit2LineClamp {
  padding-top:0
}
.itemWrapper .itemModule.list .option {
  position:absolute;
  left:0;
  bottom:-23px;
  width:100%;
  font-size:0
}
.itemWrapper .itemModule.list .option li {
  display:inline-block;
  margin-bottom:3px;
  padding:0 4px;
  margin-left:3px;
  background:#ffa300;
  color:#fff;
  font-size:1rem;
  line-height:20px
}
.itemWrapper .itemModule.list .itemModuleIn {
  display:table;
  width:100%;
  table-layout:fixed
}
.itemWrapper .itemModule.list .itemModuleIn .thumbnailContainer {
  float:none;
  display:table-cell;
  width:47.2413%;
  vertical-align:top
}
.itemWrapper .itemModule.list .itemModuleIn .thumbnailContainer.mypageThumbnail {
  padding-top:4px
}
.itemWrapper .itemModule.list .itemModuleIn .textContainer {
  float:none;
  display:table-cell;
  vertical-align:top
}
@media screen and (min-width:648px) {
  .itemWrapper .itemModule.list .itemModuleIn .thumbnailContainer {
    width:288px
  }
  .itemWrapper .itemModule.list .itemModuleIn .textContainer {
    width:100%
  }
}
.itemWrapper .itemModule.list .itemModuleIn .textContainer .textContainerIn {
  padding:0 10px
}
.itemWrapper .itemModule.list .itemModuleIn .textContainer .iconContainer {
  text-decoration:none
}
.itemWrapper .itemModule.list .itemModuleIn .textContainer .favoriteCount {
  position:absolute;
  bottom:6px;
  right:72px;
  margin:2px 7px 0 0
}
.itemWrapper .itemModule.list .itemModuleIn+.check label .favoriteCount,
.favoriteButton .favoriteCount {
  position:relative;
  font-size:1rem;
  font-weight:normal;
  margin:0 14px 0 0;
  top:-1px;
  display:inline-block
}
.favoriteButton input[type="checkbox"].needcheck+label .favoriteCount {
  display:none
}
html.mouseDevice .itemWrapper .itemModule.list .itemModuleIn+.check label .favoriteCount,
html.mouseDevice .itemWrapper .itemModule.list .itemModuleIn+.check label .favoriteCount *,
html.mouseDevice .itemWrapper .itemModule.list .itemModuleIn .textContainer:hover .favoriteCount,
html.mouseDevice .itemWrapper .itemModule.list .itemModuleIn .textContainer:hover .favoriteCount *,
html.mouseDevice .favoriteButton .favoriteCount,
html.mouseDevice .favoriteButton .favoriteCount * {
  text-decoration:none
}
.itemWrapper .itemModule.list .itemModuleIn+.check label .favoriteCount,
.itemWrapper .itemModule.ranking .rankingFooter .iconContainer li.favoriteCount,
.itemWrapper .itemModule.list .itemModuleIn .textContainer .favoriteCount,
.favoriteButton .favoriteCount {
  height:16px;
  line-height:16px;
  border:1px solid #ccc;
  border-radius:4px;
  background-color:#fff;
  padding:0 4px;
  text-decoration:none
}
.itemWrapper .itemModule.list .itemModuleIn+.check label .favoriteCount span,
.itemWrapper .itemModule.ranking .rankingFooter .iconContainer li.favoriteCount span,
.itemWrapper .itemModule.list .itemModuleIn .textContainer .favoriteCount span,
.favoriteButton .favoriteCount span {
  text-decoration:none;
  min-height:1em;
  display:inline-block
}
.itemWrapper .itemModule.list .itemModuleIn+.check label .favoriteCount:after,
.itemWrapper .itemModule.ranking .rankingFooter .iconContainer li.favoriteCount:after,
.itemWrapper .itemModule.list .itemModuleIn .textContainer .favoriteCount:after,
.favoriteButton .favoriteCount:after {
  content:"";
  position:absolute;
  width:4px;
  height:4px;
  -webkit-transform:scaleX(1.2) rotate(45deg);
  -moz-transform:scaleX(1.2) rotate(45deg);
  -o-transform:scaleX(1.2) rotate(45deg);
  transform:scaleX(1.2) rotate(45deg);
  background-color:#fff;
  top:50%;
  right:-4px;
  margin-top:-3px;
  background:#fff;
  border:1px solid #ccc;
  border-bottom-color:transparent;
  border-left-color:transparent
}
.itemWrapper .itemModule.list .itemModuleIn+.check,
.itemWrapper .itemModule.list .itemModuleIn+.checkTag,
.itemWrapper .itemModule.list .itemModuleIn+.addMyList {
  position:absolute;
  right:0;
  bottom:0;
  width:auto
}
.itemWrapper .itemModule.list .itemModuleIn+.detail {
  position:absolute;
  right:6px;
  bottom:0;
  width:auto;
  font-weight:bold
}
.itemWrapper .itemModule.list.watched {
  background:#f2f2f2
}
.itemWrapper .itemModule.list.end {
  background-color:#f2f2f2
}
.itemWrapper .itemModule.list.end .textContainer h2,
.itemWrapper .itemModule.list.end .textContainer h3 {
  font-size:1.1rem;
  font-weight:bold;
  color:#333
}
.itemWrapper .itemModule.list header.end {
  background:#f2f2f2
}
.itemWrapper .itemModule.list.before .textContainer h2,
.itemWrapper .itemModule.list.before .textContainer h3 {
  font-size:1.1rem;
  font-weight:normal;
  color:#333
}
.itemWrapper .itemModule.list.before .textContainer .detail a:link,
html.mouseDevice .itemWrapper .itemModule.list.before .textContainer .detail a:hover,
.itemWrapper .itemModule.list.before .textContainer .detail a:visited,
html.mouseDevice .itemWrapper .itemModule.list.before .textContainer .detail a:active {
  color:#ccc
}
.itemWrapper .itemModule.list.actor section {
  padding-bottom:26px
}
.itemWrapper .itemModule.list.actor .textContainer h3.line1 {
  font-size:1.4rem;
  margin-top:10px
}
.itemWrapper .itemModule.list.actor .textContainer .workTitle,
.itemWrapper .itemModule.list.actor .textContainer .workTitle span {
  width:100%;
  font-size:1.1rem;
  height:36px;
  margin-bottom:10px
}
.itemWrapper .itemModule.dmarket,
.itemWrapper .itemModule.goods {
  overflow:hidden
}
.itemWrapper .itemModule.dmarket {
  margin-bottom:10px
}
.itemWrapper .itemModule.dmarket section {
  position:relative;
  padding:3px
}
.itemWrapper .itemModule.goods section {
  position:relative;
  padding:0;
  margin:10px
}
.itemWrapper .itemModule.goods section {
  overflow:hidden
}
.itemWrapper .itemModule.goods section:before {
  padding-top:26.67%;
  content:"";
  display:block
}
.itemWrapper .itemModule.goods section>* {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto
}
.itemWrapper .itemModule.dmarket section>a,
.itemWrapper .itemModule.goods section>a {
  display:inline-table;
  width:100%
}
.itemWrapper .itemModule.dmarket .thumbnailContainer {
  background:#e5e5e5
}
.itemWrapper .itemModule.dmarket .thumbnailContainer,
.itemWrapper .itemModule.goods .thumbnailContainer {
  display:table-cell;
  vertical-align:middle;
  position:relative;
  width:110px;
  text-align:center;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
html.mouseDevice .itemWrapper .itemModule.dmarket a:hover .thumbnailContainer,
html.mouseDevice .itemWrapper .itemModule.goods a:hover .thumbnailContainer {
  opacity:.6
}
.itemWrapper .itemModule.dmarket .thumbnailContainer img,
.itemWrapper .itemModule.goods .thumbnailContainer img {
  max-height:100%;
  max-width:100%;
  height:auto;
  width:auto
}
.itemWrapper .itemModule.dmarket .textContainer,
.itemWrapper .itemModule.goods .textContainer {
  width:74%;
  display:table-cell;
  vertical-align:top;
  padding-left:10px
}
.itemWrapper .itemModule.dmarket .textContainer h2,
.itemWrapper .itemModule.dmarket .textContainer h3,
.itemWrapper .itemModule.goods .textContainer h2,
.itemWrapper .itemModule.goods .textContainer h3 {
  display:block;
  padding:2px 0 0 0;
  margin-bottom:2px;
  font-size:1.2rem;
  font-weight:bold
}
.itemWrapper .itemModule.dmarket .textContainer .category,
.itemWrapper .itemModule.goods .textContainer .category {
  display:block;
  margin-top:3px;
  color:#666
}
.itemWrapper .itemModule.dmarket .textContainer .line2,
.itemWrapper .itemModule.goods .textContainer .line2 {
  height:30px
}
.itemWrapper .itemModule.dmarket .textContainer .line2 span,
.itemWrapper .itemModule.goods .textContainer .line2 span {
  padding-left:0
}
.itemWrapper .itemModule.dmarket .textContainer .iconContainer,
.itemWrapper .itemModule.goods .textContainer .iconContainer {
  margin-top:3px
}
.itemWrapper .itemModule.dmarket .textContainer .iconContainer li,
.itemWrapper .itemModule.goods .textContainer .iconContainer li {
  display:inline
}
@media screen and (min-width:648px) {
  .itemWrapper .itemModule.goods {
    float:left;
    width:48.4%;
    margin:5px 0
  }
  .itemWrapper .itemModule.goods:nth-child(even) {
    float:right
  }
}
@media screen and (min-width:960px) {
  .itemWrapper .itemModule.goods {
    width:49.4%
  }
}
.itemWrapper .itemModule.list.selected,
.itemWrapper .itemModule.mylist.selected {
  position:relative;
  border:4px solid #ea5628;
  cursor:pointer
}
.itemWrapper .itemModule.list.selected .selectedImg,
.itemWrapper .itemModule.mylist.selected .selectedImg {
  position:absolute;
  right:0;
  top:0;
  width:15px;
  height:15px;
  background:url(/img/img_edit_on.png) no-repeat right top;
  background-size:15px 15px
}
.itemWrapper .itemModule.list.notSelected,
.itemWrapper .itemModule.mylist.notSelected {
  position:relative;
  border:4px solid #ccc;
  cursor:pointer
}
.itemWrapper .itemModule.list.notSelected .selectedImg,
.itemWrapper .itemModule.mylist.notSelected .selectedImg {
  position:absolute;
  right:0;
  top:0;
  width:15px;
  height:15px;
  background:url(/img/img_edit_off.png) no-repeat right top;
  background-size:15px 15px
}
.itemWrapper .itemModule.selected section,
.itemWrapper .itemModule.notSelected section {
  position:relative;
  padding:0
}
.itemWrapper .itemModule.selected .option,
.itemWrapper .itemModule.notSelected .option {
  position:absolute;
  left:0;
  bottom:-21px
}
.itemWrapper .itemModule .check,
.itemWrapper .itemModule .checkTag {
  position:relative;
  display:inline-block;
  float:right;
  height:17px;
  margin:0;
  padding:10px 7px 7px 0;
  font-weight:bold
}
.itemWrapper .itemModule .check input,
.itemWrapper .itemModule .checkTag input {
  position:absolute;
  top:0;
  opacity:0;
  width:100%;
  height:100%;
  cursor:pointer
}
.itemWrapper .itemModule .check input[type="checkbox"]+label,
.itemWrapper .itemModule .checkTag input[type="checkbox"]+label {
  position:relative;
  display:block;
  height:15px;
  padding:2px 19px 0 0;
  color:#333
}
html.mouseDevice .itemWrapper .itemModule .check input[type="checkbox"]:hover+label,
html.mouseDevice .itemWrapper .itemModule .checkTag input[type="checkbox"]:hover+label {
  text-decoration:underline
}
.itemWrapper .itemModule .check input[type="checkbox"]+label:after,
.itemWrapper .itemModule .checkTag input[type="checkbox"]+label:after {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  margin:auto;
  display:block;
  width:16px;
  height:16px;
  background:url(/img/img_check.png) 100% -1px no-repeat;
  background-size:16px 60px;
  content:""
}
.itemWrapper .itemModule .checkTag input[type="checkbox"].favoTag+label:after {
  background:url(/img/img_check_bell.png) 100% -1px no-repeat;
  background-size:16px 60px
}
html.mouseDevice .itemWrapper .itemModule .check input[type="checkbox"]+label:hover,
html.mouseDevice .itemWrapper .itemModule .checkTag input[type="checkbox"]+label:hover {
  text-decoration:underline
}
html.mouseDevice .itemWrapper .itemModule .check input[type="checkbox"]:hover+label:after,
html.mouseDevice .itemWrapper .itemModule .checkTag input[type="checkbox"]:hover+label:after,
html.mouseDevice .itemWrapper .itemModule .check input[type="checkbox"]+label:hover:after,
html.mouseDevice .itemWrapper .itemModule .checkTag input[type="checkbox"]+label:hover:after {
  background-position:100% -21px
}
.itemWrapper .itemModule .check input[type="checkbox"]:checked+label:after,
.itemWrapper .itemModule .checkTag input[type="checkbox"]:checked+label:after {
  background-position:100% -41px !important
}
.itemWrapper .itemModule .check input[type="checkbox"].checked+label:after {
  -webkit-animation:anim-scale .8s ease-out;
  -moz-animation:anim-scale .8s ease-out;
  -o-animation:anim-scale .8s ease-out;
  animation:anim-scale .8s ease-out;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  transform-origin:50% 50%
}
.itemWrapper .itemModule .checkTag input[type="checkbox"].checked+label:after {
  -webkit-animation:anim-rotate .8s ease-out;
  -moz-animation:anim-rotate .8s ease-out;
  -o-animation:anim-rotate .8s ease-out;
  animation:anim-rotate .8s ease-out;
  -webkit-transform-origin:50% 40%;
  -moz-transform-origin:50% 40%;
  -o-transform-origin:50% 40%;
  transform-origin:50% 40%
}
.itemWrapper .itemModule .check input[type="checkbox"].checked.needcheck+label:after,
.itemWrapper .itemModule .checkTag input[type="checkbox"].checked.needcheck+label:after {
  -webkit-animation-duration:0s;
  -moz-animation-duration:0s;
  -o-animation-duration:0s;
  animation-duration:0s
}
.worklist {
  display:block;
  position:relative;
  padding-left:22px;
  line-height:18px;
  margin-bottom:5px
}
.worklist .favo.ui-favo:before {
  position:absolute;
  top:0;
  left:2px;
  margin:auto;
  display:block;
  width:16px;
  height:16px;
  background:url(/img/img_check.png) 100% -1px no-repeat;
  background-size:16px 60px;
  content:"";
  z-index:2
}
.worklist .favo.ui-favo:hover:before {
  background-position:100% -21px
}
.worklist .favo.ui-favo.checked:before {
  background-position:100% -41px !important;
  -webkit-animation:anim-scale .8s ease-out;
  -moz-animation:anim-scale .8s ease-out;
  -o-animation:anim-scale .8s ease-out;
  animation:anim-scale .8s ease-out;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  transform-origin:50% 50%
}
.worklist .favo.ui-favo.checked.needcheck:before {
  -webkit-animation-duration:0s;
  -moz-animation-duration:0s;
  -o-animation-duration:0s;
  animation-duration:0s
}
.worklist span {
  display:block;
  font-size:.9em
}
.favoriteButton {
  position:relative;
  display:inline-block;
  float:right;
  height:17px;
  padding:10px 7px 7px 0;
  margin:0;
  font-weight:bold;
  font-size:1.2rem
}
.favoriteButton input {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  cursor:pointer
}
.favoriteButton input[type="checkbox"]+label {
  position:relative;
  display:block;
  height:15px;
  padding:0 19px 0 0;
  color:#333
}
.favoriteButton input[type="checkbox"]+label:after {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  margin:auto;
  display:block;
  width:16px;
  height:16px;
  background:url(/img/img_check.png) 100% -1px no-repeat;
  background-size:16px 60px;
  content:""
}
.favoriteButton input[type="checkbox"]+label>span.onlySpLayout {
  position:relative;
  top:-1px
}
html.mouseDevice .favoriteButton input[type="checkbox"]:hover+label {
  text-decoration:underline
}
html.mouseDevice .favoriteButton input[type="checkbox"]:hover+label:after,
html.mouseDevice .favoriteButton input[type="checkbox"]+label:hover:after {
  background-position:100% -21px
}
.favoriteButton input[type="checkbox"]:checked+label:after {
  background-position:100% -41px !important
}
.favoriteButton input[type="checkbox"].checked+label:after {
  -webkit-animation:anim-scale .8s ease-out;
  -moz-animation:anim-scale .8s ease-out;
  -o-animation:anim-scale .8s ease-out;
  animation:anim-scale .8s ease-out;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  transform-origin:50% 50%
}
.favoriteButton input[type="checkbox"].checked.needcheck+label:after {
  -webkit-animation-duration:0s;
  -moz-animation-duration:0s;
  -o-animation-duration:0s;
  animation-duration:0s
}
@-webkit-keyframes anim-scale {
  0% {
    -webkit-transform:scale(1, 1)
  }
  10% {
    -webkit-transform:scale(0.7, 0.7)
  }
  40% {
    -webkit-transform:scale(1.3, 1.3)
  }
  60% {
    -webkit-transform:scale(1, 1)
  }
  80% {
    -webkit-transform:scale(1.2, 1.2)
  }
  100% {
    -webkit-transform:scale(1, 1)
  }
}
@-moz-keyframes anim-scale {
  0% {
    -moz-transform:scale(1, 1)
  }
  10% {
    -moz-transform:scale(0.7, 0.7)
  }
  40% {
    -moz-transform:scale(1.3, 1.3)
  }
  60% {
    -moz-transform:scale(1, 1)
  }
  80% {
    -moz-transform:scale(1.2, 1.2)
  }
  100% {
    -moz-transform:scale(1, 1)
  }
}
@-o-keyframes anim-scale {
  0% {
    -o-transform:scale(1, 1)
  }
  10% {
    -o-transform:scale(0.7, 0.7)
  }
  40% {
    -o-transform:scale(1.3, 1.3)
  }
  60% {
    -o-transform:scale(1, 1)
  }
  80% {
    -o-transform:scale(1.2, 1.2)
  }
  100% {
    -o-transform:scale(1, 1)
  }
}
@keyframes anim-scale {
  0% {
    transform:scale(1, 1)
  }
  10% {
    transform:scale(0.7, 0.7)
  }
  40% {
    transform:scale(1.3, 1.3)
  }
  60% {
    transform:scale(1, 1)
  }
  80% {
    transform:scale(1.2, 1.2)
  }
  100% {
    transform:scale(1, 1)
  }
}
@-webkit-keyframes anim-rotate {
  0% {
    -webkit-transform:rotate(0)
  }
  10% {
    -webkit-transform:rotate(-30deg)
  }
  35% {
    -webkit-transform:rotate(30deg)
  }
  60% {
    -webkit-transform:rotate(-25deg)
  }
  80% {
    -webkit-transform:rotate(15deg)
  }
  100% {
    -webkit-transform:rotate(0)
  }
}
@-moz-keyframes anim-rotate {
  0% {
    -moz-transform:rotate(0)
  }
  10% {
    -moz-transform:rotate(-30deg)
  }
  35% {
    -moz-transform:rotate(30deg)
  }
  60% {
    -moz-transform:rotate(-25deg)
  }
  80% {
    -moz-transform:rotate(15deg)
  }
  100% {
    -moz-transform:rotate(0)
  }
}
@-o-keyframes anim-rotate {
  0% {
    -o-transform:rotate(0)
  }
  10% {
    -o-transform:rotate(-30deg)
  }
  35% {
    -o-transform:rotate(30deg)
  }
  60% {
    -o-transform:rotate(-25deg)
  }
  80% {
    -o-transform:rotate(15deg)
  }
  100% {
    -o-transform:rotate(0)
  }
}
@keyframes anim-rotate {
  0% {
    transform:rotate(0)
  }
  10% {
    transform:rotate(-30deg)
  }
  35% {
    transform:rotate(30deg)
  }
  60% {
    transform:rotate(-25deg)
  }
  80% {
    transform:rotate(15deg)
  }
  100% {
    transform:rotate(0)
  }
}
.productWrapper .information .actionArea .btnArea .addMyList,
.productWrapper .information2 .actionArea .btnArea .addMyList,
.itemWrapper .itemModule .addMyList {
  position:relative;
  display:flex;
  float:right;
  padding:0;
  margin:10px 0 -3px 0;
  font-weight:bold
}
.productWrapper .information .actionArea .btnArea .addMyList input,
.productWrapper .information2 .actionArea .btnArea .addMyList input,
.itemWrapper .itemModule .addMyList input {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  cursor:pointer
}
.productWrapper .information .actionArea .btnArea .addMyList input[type="checkbox"]+label,
.productWrapper .information2 .actionArea .btnArea .addMyList input[type="checkbox"]+label,
.itemWrapper .itemModule .addMyList input[type="checkbox"]+label {
  position:relative;
  display:block;
  height:19px;
  line-height:19px;
  background:url(/img/img_addMyListIcon.png) 100% 1px no-repeat;
  background-size:13px 54px;
  padding:1px 20px 0 0;
  color:#333
}
.productWrapper .information .actionArea .btnArea .addMyList.edit input[type="checkbox"]+label,
.productWrapper .information2 .actionArea .btnArea .addMyList.edit input[type="checkbox"]+label,
.itemWrapper .itemModule .addMyList.edit input[type="checkbox"]+label {
  background-image:url(/img/img_editMyListIcon.png)
}
html.mouseDevice .productWrapper .information .actionArea .btnArea .addMyList:hover input[type="checkbox"]+label,
html.mouseDevice .productWrapper .information2 .actionArea .btnArea .addMyList:hover input[type="checkbox"]+label,
html.mouseDevice .itemWrapper .itemModule .addMyList:hover input[type="checkbox"]+label {
  text-decoration:underline;
  background-position:100% -16px
}
.productWrapper .information .actionArea .btnArea .addMyList input[type="checkbox"]:checked+label,
.productWrapper .information2 .actionArea .btnArea .addMyList input[type="checkbox"]:checked+label,
.itemWrapper .itemModule .addMyList input[type="checkbox"]:checked+label {
  background-position:100% -35px !important
}
.editMode,
.editMode .itemModule {
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  -webkit-touch-callout:none;
  touch-callout:none
}
.editMode .itemModule a {
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  pointer-events:none
}
.editMode .itemModule .addMyList,
.editMode .itemModule .detail,
.editMode .itemModule .iconPlay,
.editMode .mypageHeader .btnEdit {
  display:none !important
}
.editMode .mypageHeader .sortComment,
.editMode .mypageHeader .btnSelectToggle,
.editMode .btnSubscript .btnArea .btnSelectToggle {
  display:block
}
.itemModule .selectedImg {
  display:none
}
.editMode .itemModule .selectedImg {
  display:block
}
.itemModule .sortBtnArea {
  display:none
}
.editMode .itemModule .sortBtnArea {
  display:block
}
.downloadWrapper {
  position:relative
}
.downloadWrapper,
.downloadWrapper * {
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none
}
.downloadWrapper .downloadButton .level1,
.downloadWrapper .downloadButton .level2 {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  opacity:0;
  font-weight:bold;
  overflow:hidden
}
.downloadWrapper .downloadButton .level1 {
  background:#ea5628;
  color:#fff
}
.downloadWrapper .downloadButton .level2 {
  background:#fc0;
  color:#000
}
.downloadWrapper .downloadButton .downloadButtonIn {
  position:absolute;
  width:100%;
  height:100%;
  right:15%
}
.downloadWrapper .downloadButton .level1 .iconDownload,
.downloadWrapper .downloadButton .level2 .iconSelect {
  width:34px;
  height:34px;
  position:absolute;
  top:50%;
  margin:-30px auto 0;
  right:0;
  background-size:34px 34px;
  background-position:0 0
}
.downloadWrapper .downloadButton .level1 .iconDownload {
  background-image:url(data:image/png;
  base64, iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUdwTP///////////////////////////////////////////////////////////////8/RimEAAAAQdFJOUwBgj1C/QO+AzxAgr98wcJ/UpODMAAABvElEQVRYw7WY25aDIAxFUW4Bb/n/r23XjNIRIYGUOW+tdEtDcmJUqqagvQE8BcbroDq1zen3H8G8dSCmAuHkTG2E4B0Scr7hb00rMlq53USDDTKRYmiHTXK6zpixWXMtogt2aCnGNwB2CcL3jCKl+F/AnireYWmLqbkum5boapRA8HbS0ckg7m/W1fLUNC941wtKIZjqKKxyyHqds0c5BP25wn0DcUxEwKREmA3QUaldPu6pdNRu9ePJbMyY6G+kiSxsbaXkJ6rXfxieqOb3NqlqtxfDUqtCrfTutRFJ79XUPpPxMIblFdMjDup0U0pyrrgrtXM+qVgr3Xd2yQNyWFs01mS3Vh8cZK/43c3DdhoCt3KxhYwplZuq5ugtT2vft0Cuisk7TB/kN80eva4PosI7Gc2jX+YQoCFl+ew0zPcQk30WQXxmBSKIzkxJBAlZ9kkgkBu1BDLnLUMC2fJqEkDg0UYFkOnR0KENAo+GXuIyQ0Rh77c26yOHiL7YsCcUa+If/PihpeERlB1ZYsPDMCctHnWIoWfpZyz/M6oMGZrGjG9jBslBI+2Y4XrMmD/ohcOYVx+jXsL0vg56AZmnrR2z5bwrAAAAAElFTkSuQmCC)
}
.downloadWrapper .downloadButton .level2 .iconSelect {
  background-image:url(data:image/png;
  base64, iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUdwTAcFBQcDAwkDAwgEBAcDAwcEBAcDAwcDAw8AAAcHBwcEBAgDAwoFBQkEBAgDAwgEBGq1m8YAAAAQdFJOUwBgj1C/QO+AzxAgr98wcJ/UpODMAAABvElEQVRYw7WY25aDIAxFUW4Bb/n/r23XjNIRIYGUOW+tdEtDcmJUqqagvQE8BcbroDq1zen3H8G8dSCmAuHkTG2E4B0Scr7hb00rMlq53USDDTKRYmiHTXK6zpixWXMtogt2aCnGNwB2CcL3jCKl+F/AnireYWmLqbkum5boapRA8HbS0ckg7m/W1fLUNC941wtKIZjqKKxyyHqds0c5BP25wn0DcUxEwKREmA3QUaldPu6pdNRu9ePJbMyY6G+kiSxsbaXkJ6rXfxieqOb3NqlqtxfDUqtCrfTutRFJ79XUPpPxMIblFdMjDup0U0pyrrgrtXM+qVgr3Xd2yQNyWFs01mS3Vh8cZK/43c3DdhoCt3KxhYwplZuq5ugtT2vft0Cuisk7TB/kN80eva4PosI7Gc2jX+YQoCFl+ew0zPcQk30WQXxmBSKIzkxJBAlZ9kkgkBu1BDLnLUMC2fJqEkDg0UYFkOnR0KENAo+GXuIyQ0Rh77c26yOHiL7YsCcUa+If/PihpeERlB1ZYsPDMCctHnWIoWfpZyz/M6oMGZrGjG9jBslBI+2Y4XrMmD/ohcOYVx+jXsL0vg56AZmnrR2z5bwrAAAAAElFTkSuQmCC)
}
.downloadWrapper .downloadButton .label {
  position:absolute;
  top:50%;
  margin-top:10px;
  margin-right:-33px;
  right:0;
  width:100px;
  height:1em;
  line-height:1em;
  text-align:center;
  font-size:1.5rem
}
@media screen and (min-width:960px) {
  .itemWrapper .downloadWrapper {
    float:left
  }
  .itemWrapper .downloadWrapper:nth-child(even) {
    float:right
  }
  .downloadWrapper .downloadButton .level1, .downloadWrapper .downloadButton .level2 {
    margin:5px 0 26px
  }
  html.mypage_complete\.css .downloadWrapper .downloadButton .level1, html.mypage_complete\.css .downloadWrapper .downloadButton .level2 {
    margin-bottom:40px
  }
}
.itemWrapper .downloadWrapper .itemModule {
  z-index:1;
  position:relative;
  float:none !important
}
.dlModeDialog .detailWrapper {
  margin:10px 10px
}
.dlModeDialog .buttonWrapper {
  margin:0 10px;
  position:relative;
  padding-top:15px;
  padding-bottom:20px
}
.dlModeDialog .buttonWrapper .list {
  display:table;
  table-layout:fixed;
  margin-top:10px;
  width:100%
}
.dlModeDialog .buttonWrapper .list a {
  display:table-cell;
  width:auto;
  height:50px;
  text-align:center;
  font-size:1.5rem;
  line-height:1.9rem;
  font-weight:bold;
  background:#eb5528;
  vertical-align:middle;
  color:#fff;
  border-right:2px solid #e5e5e5
}
html.mouseDevice .dlModeDialog .buttonWrapper .list a:hover {
  text-decoration:none;
  background:#f3997e
}
.dlModeDialog .buttonWrapper .list a:last-child {
  border-right:0
}
.dlModeDialog .buttonWrapper .lightWaveCommunication {
  height:13px
}
.dlModeDialog .buttonWrapper .lightWaveCommunication .recommend {
  position:absolute;
  right:0;
  height:6px;
  width:50%;
  margin-top:3px;
  border-left:1px solid #999;
  border-right:1px solid #999;
  border-bottom:1px solid #999
}
.dlModeDialog .buttonWrapper .lightWaveCommunication .recommend span {
  display:block;
  position:absolute;
  left:50%;
  top:0;
  width:60px;
  margin:0 0 -5px -30px;
  text-align:center;
  background:#fff;
  font-size:10px
}
.dlModeDialog .buttonWrapper .lightWaveCommunication.noHighDefinition .recommend {
  width:33%
}
.dlModeDialog .buttonWrapper .lightWaveCommunication.noVeryBeautiful {
  display:none
}
.dlModeDialog .btnSingleArea {
  display:none
}
.bannerWrapper {
  padding:10px 3.75%;
  text-align:center
}
.bannerWrapper a {
  display:block;
  max-width:600px;
  margin:auto
}
html.mouseDevice .bannerWrapper a:hover,
html.mouseDevice .bannerWrapperIn a:hover {
  opacity:.6
}
.snsWrapper {
  padding:20px 0
}
.snsWrapper ul {
  float:right;
  display:inline-block;
  width:auto;
  table-layout:fixed;
  overflow-x:hidden
}
.snsWrapper ul li {
  display:table-cell;
  width:160px;
  height:44px;
  padding:0 5px;
  vertical-align:middle
}
.snsWrapper ul li.snsTwitter a {
  background:#000
}
html.mouseDevice .snsWrapper ul li.snsTwitter a:hover {
  background:#333
}
.snsWrapper ul li.snsLine a {
  background:#00c300
}
html.mouseDevice .snsWrapper ul li.snsLine a:hover {
  background:#66db66
}
.snsWrapper ul li a {
  display:block;
  overflow:hidden;
  height:inherit
}
.snsWrapper ul li a span {
  display:block;
  margin:0 auto;
  background:url(../img/sprite.png?20200901) no-repeat;
  background-size:270px 500px;
  text-indent:-9999px
}
.snsWrapper ul li.snsTwitter a span {
  background:0;
  -webkit-mask-image:url("../img/svg_sprite.svg?_=20240417#sns-x-icon");
  mask-image:url("../img/svg_sprite.svg?_=20240417#sns-x-icon");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#fff;
  background-size:100% 100%;
  width:20px;
  height:20px;
  margin-top:12px
}
.snsWrapper ul li.snsLine a span {
  width:24px;
  height:23px;
  margin-top:10px;
  background-position:-158px -89px
}
@media screen and (max-width:479px) {
  html:not(.pc) .snsWrapper ul {
    display:table;
    width:100%
  }
  html:not(.pc) .snsWrapper ul li {
    width:100%
  }
}
.pageFooterIn {
  padding:20px 0 0;
  border-top:1px solid #c3c3c3
}
.pageFooterIn .footerMenu {
  border-top:1px solid #ccc
}
.pageFooterIn .footerMenu li {
  background:#d6d6d6;
  border-bottom:1px solid #ccc
}
.pageFooterIn .footerMenu li a {
  display:block;
  padding:13px 3.75%;
  font-size:1.2rem;
  font-weight:bold;
  background:#d6d6d6 url(/img/ico_arrow1.png) 97% center no-repeat;
  background-size:17px 10px
}
html.mouseDevice .pageFooterIn .footerMenu li a:hover {
  background:#e6e6e6 url(/img/ico_arrow1.png) 97% center no-repeat;
  background-size:17px 10px;
  text-decoration:none
}
.pageFooterIn .footerMenu li a i {
  display:none
}
.pageFooterIn .footerMenu2 {
  padding:15px 3.75%;
  background:#ccc
}
.pageFooterIn .footerMenu2 li {
  display:inline;
  padding:0 0 12px;
  line-height:30px
}
.pageFooterIn .footerMenu2 li a {
  padding:0 11px;
  border-left:1px solid #333;
  font-size:1rem;
  font-weight:bold;
  color:#626262;
  line-height:2rem
}
.pageFooterIn .footerMenu2 li:last-child a {
  border-right:1px solid #333
}
.pageFooterIn .footerJasrac {
  padding:0 3.75% 20px;
  font-size:10px;
  font-weight:bold;
  color:#626262;
  background:#ccc
}
.pageFooterIn .footerJasrac a,
html.mouseDevice .pageFooterIn .footerJasrac a:hover {
  color:inherit
}
.pageFooterIn .footerDMenu {
  padding:0 2px 20px;
  background:#ccc
}
.pageFooterIn .footerDMenu li {
  float:left;
  width:49.3243%;
  font-size:1.2rem;
  font-weight:bold;
  margin:0 2px 2px 0;
  background:#dbdbdb
}
.pageFooterIn .footerDMenu li .icon.isRightArrow {
  float:right;
  margin-top:4px;
  display:inline-block;
  -webkit-mask-image:url("../img/svg_sprite.svg#arrow-right");
  mask-image:url("../img/svg_sprite.svg#arrow-right");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  width:6px;
  height:10px
}
html.mouseDevice .pageFooterIn .footerDMenu li a:hover {
  text-decoration:none;
  background:#e9e9e9
}
.pageFooterIn .footerDMenu li:nth-child(even) {
  margin-right:0
}
.pageFooterIn .footerDMenu li i,
.pageFooterIn .footerDMenu li p {
  display:none
}
.pageFooterIn .footerDMenu li .dMenuTitle {
  display:block;
  padding:13px 6.8493%
}
.pageFooter {
  background:#ccc
}
.pageFooter .btnArea {
  padding:0
}
.footerCopyright {
  padding:10px 0 15px;
  color:#666;
  font-size:.9rem;
  background:#ccc;
  text-align:center
}
.btnArea .btnGoToStoreHome {
  width:100%;
  min-height:45px;
  text-align:center;
  background:#fff;
  margin-top:0
}
.btnArea .btnGoToStoreHome a {
  display:inline-block;
  padding:15px;
  color:#eb5528
}
html.mouseDevice .btnArea .btnGoToStoreHome a:hover {
  color:#eb5528
}
.btnArea .footerBanner {
  margin-top:0;
  width:100%;
  max-width:600px;
  margin:auto
}
.btnArea .btnGoToSignUpSP {
  margin-top:0;
  width:100%;
  min-height:35px;
  max-width:640px;
  margin:auto
}
.btnArea .footerBanner a,
.btnArea .btnGoToSignUpSP a {
  display:block;
  width:100%;
  height:auto
}
html.mouseDevice .btnArea .footerBanner a:hover,
html.mouseDevice .btnArea .btnGoToSignUpSP a:hover {
  opacity:.6
}
html.ichioshi .btnArea .footerBanner {
  display:none
}
.pageFooterSub {
  margin-top:20px;
  clear:both
}
.pageFooterSub .breadcrumbSP {
  min-height:25px;
  padding:7px 12px;
  background:#e5e5e5;
  border-top:1px solid #ccc
}
.pageFooterSub .breadcrumbSP ul {
  width:100%;
  margin:0 auto;
  padding-top:4px
}
.pageFooterSub .breadcrumbSP ul li {
  float:left;
  font-weight:bold
}
.pageFooterSub .breadcrumbSP ul li:after {
  content:">";
  padding:8px;
  color:#333
}
.pageFooterSub .breadcrumbSP ul li a:link,
html.mouseDevice .pageFooterSub .breadcrumbSP ul li a:hover,
html.mouseDevice .pageFooterSub .breadcrumbSP ul li a:active,
.pageFooterSub .breadcrumbSP ul li a:visited {
  color:#ea5529
}
.pageFooterSub .breadcrumbSP ul li.current {
  color:#333
}
.pageFooterSub .breadcrumbSP ul li.current:after {
  content:""
}
.tagCaption {
  padding:10px 3.75% 0;
  font-weight:bold;
  font-size:1.6rem
}
.tagWrapper {
  padding:4px 3.75% 10px;
  font-size:0
}
.tagWrapper li {
  padding:7px 10px;
  margin:6px 6px 0 0;
  display:inline-block;
  background:#fff;
  border-radius:20px;
  font-size:1.3rem;
  line-height:1.2
}
.tagWrapper li a {
  color:#eb5528
}
.tagWrapper li.profile {
  padding-right:26px;
  position:relative
}
.tagWrapper li.profile a:after {
  content:"";
  position:absolute;
  right:10px;
  top:0;
  bottom:0;
  margin:auto;
  display:block;
  width:12px;
  height:13px;
  background-image:url(/img/ico_profile.png)
}
html.mouseDevice .tagWrapper li a:hover {
  color:#eb5528
}
.pageFooterSub .btnSubscript .btnArea {
  cursor:default
}
html.touchDevice .formContainer div .selectBtn,
html.touchDevice .btnArea .selectBtn {
  padding:0;
  position:relative;
  background:#FFF;
  border:0;
  border-bottom:1px solid #c3c3c3;
  overflow:hidden
}
html.touchDevice .formContainer div .selectBtn i.icon,
html.touchDevice .btnArea .selectBtn i.icon {
  margin-right:10px;
  position:absolute;
  top:16px;
  right:0;
  cursor:pointer;
  pointer-events:none
}
html:not(.touchDevice) .formContainer div .selectBtn i.icon,
html:not(.touchDevice) .btnArea .selectBtn i.icon {
  display:none
}
html.touchDevice .formContainer div select,
html.touchDevice .btnArea select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color:#333;
  font-size:1.3rem;
  font-weight:normal;
  width:100%;
  padding:17px 2.6783%;
  margin:0;
  background:#FFF;
  border:0;
  cursor:pointer;
  text-align:-webkit-center;
  text-align:center
}
html.touchDevice .formContainer div select::-ms-expand,
html.touchDevice .btnArea select::-ms-expand {
  visibility:hidden
}
html.touchDevice .formContainer div select:focus,
html.touchDevice .btnArea select:focus {
  outline:0
}
.minict_wrapper {
  position:relative;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color:#333;
  font-size:1.3rem;
  font-weight:bold;
  width:100%;
  padding:17px 2.6783%;
  margin:0;
  background:#FFF;
  border:0;
  cursor:pointer;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
.minict_wrapper:after {
  display:block;
  position:absolute
}
.minict_wrapper span {
  display:block;
  outline:0;
  cursor:pointer
}
html.mouseDevice .minict_wrapper:hover {
  background-color:#f5f5f5
}
.minict_wrapper span:after {
  content:"";
  width:20px;
  height:20px;
  padding-left:10px;
  margin:0 0 0 8px;
  display:block;
  float:left;
  background:url(../img/sprite.png?20200901) no-repeat -41px -66px;
  background-size:270px 500px
}
.minict_wrapper span:empty:before {
  color:#999;
  content:attr(data-placeholder)
}
.minict_wrapper.active span {
  pointer-events:none
}
.minict_wrapper ul {
  width:100%;
  padding:0;
  margin:0;
  display:none;
  background:#FFF;
  list-style:none;
  position:absolute;
  border:1px solid #DDD;
  border-top:3px solid #e95429;
  top:54px;
  right:0;
  overflow-y:auto;
  z-index:1100;
  box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.05)
}
.minict_wrapper ul li {
  padding:10px 40px 10px 20px;
  margin:0;
  list-style:none;
  cursor:pointer;
  border-bottom:1px solid #e5e5e5;
  text-align:left
}
html.mouseDevice .minict_wrapper ul li:hover {
  color:#333;
  background:#f5f5f5
}
html.mouseDevice .minict_wrapper ul li.selected:hover {
  color:#e95429;
  background:#f5f5f5 url(/img/img_pulldownCheck.gif) no-repeat right 12px
}
html.mouseDevice .minict_wrapper:hover span {
  text-decoration:none
}
.minict_wrapper ul li.minict_empty {
  display:none
}
.minict_wrapper ul li.disabled {
  cursor:default
}
.minict_wrapper ul li.selected {
  color:#e95429;
  background:url(/img/img_pulldownCheck.gif) no-repeat right 12px
}
.minict_wrapper ul li.highlighted {
  color:#fff
}
.minict_wrapper ul li.hidden {
  display:none
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .minict_wrapper:after {
    line-height:3em
  }
}
.aboutContainer {
  position:relative;
  height:50px
}
.aboutContainer .btnAbout {
  position:absolute;
  right:0;
  top:6px;
  padding:10px 3.75%
}
.loader {
  width:34px;
  height:34px;
  margin:20px auto
}
.loader span {
  display:inline-block;
  width:34px;
  height:34px;
  background:url(/img/ico_loading.png) left top no-repeat;
  background-size:34px 34px;
  text-indent:-9999px;
  -webkit-animation:spin 1s linear infinite;
  -moz-animation:spin 1s linear infinite;
  -ms-animation:spin 1s linear infinite;
  -o-animation:spin 1s linear infinite;
  animation:spin 1s linear infinite
}
html.unsupportedAnime .loader span {
  background:url(/img/ico_loading.gif) left top no-repeat;
  background-size:34px 34px
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg)
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform:rotate(0)
  }
  100% {
    -moz-transform:rotate(360deg)
  }
}
@-o-keyframes spin {
  0% {
    -o-transform:rotate(0)
  }
  100% {
    -o-transform:rotate(360deg)
  }
}
@keyframes spin {
  0% {
    transform:rotate(0)
  }
  100% {
    transform:rotate(360deg)
  }
}
.formContainer {
  padding:0 3.75%
}
.formContainer form {
  background:#fff;
  padding:10px
}
.formContainer div .checkboxContainer {
  border:1px solid #e5e5e5
}
.formContainer div .checkboxList {
  position:relative;
  display:block;
  height:20px;
  padding:12px 10px;
  font-weight:bold;
  background:#fff;
  border-top:1px solid #e5e5e5
}
.formContainer div .checkboxList:first-child {
  border-top:0
}
.formContainer div .checkboxList input {
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  font-size:1.2rem;
  font-weight:normal;
  color:#333;
  cursor:pointer
}
.formContainer div .checkboxList input[type="checkbox"]+label {
  display:block;
  padding:2px 0 0 24px;
  height:17px;
  line-height:1.0
}
.formContainer div .checkboxList input[type="checkbox"]+label:before {
  display:inline-block;
  height:17px;
  width:17px;
  padding:0;
  margin:0 5px 0 -24px;
  background:url(/img/img_checkboxList.gif) left bottom no-repeat;
  background-size:17px 34px;
  content:""
}
.formContainer div .checkboxList input[type="checkbox"]:checked+label:before {
  background-position:left top
}
.formContainer div .checkboxList input {
  z-index:1000
}
.formContainer div .checkboxList .pwPosi {
  position:relative;
  display:inline-block;
  z-index:100;
  top:-5px;
  height:auto;
  vertical-align:middle
}
.formContainer div .checkboxList input[type="radio"]+label:before {
  display:inline-block;
  height:17px;
  width:17px;
  padding:0;
  margin:0 5px 0 -24px;
  background:url(/img/img_radiobtn.gif) left bottom no-repeat;
  background-size:17px 34px;
  content:""
}
.formContainer div .checkboxList input[type="radio"]:checked+label:before {
  background-position:left top;
  height:17px
}
.formContainer div .checkboxList input[type="radio"]+label,
.formContainer div .checkboxList input[type="radio"]:checked+label {
  display:block;
  padding:2px 0 0 24px;
  height:17px;
  line-height:1.0
}
.formContainer div .selectBtn,
html.touchDevice .formContainer div .selectBtn {
  border:1px solid #e5e5e5
}
.formContainer div .textareaContainer {
  width:100%
}
.formContainer div .textareaContainer textarea,
.formContainer form .textareaContainer input {
  width:93%;
  height:1rem;
  padding:10px 3.5%;
  border:1px solid #e5e5e5;
  border-radius:4px;
  background:#fff
}
.formContainer div .textareaContainer textarea {
  height:6rem;
  line-height:2rem
}
.formContainer form .textareaContainer input {
  height:2rem;
  line-height:2rem
}
.formContainer .errorDropdown,
.formContainer form .errorDropdown {
  border:1px solid #c00;
  background-color:#feeeee
}
.formContainer .errorCheckboxList .checkboxList,
.formContainer form .errorCheckboxList .checkboxList,
.formContainer .errorInput input,
.formContainer form .errorInput input {
  border:1px solid #c00;
  background-color:#feeeee
}
.formContainer .errorTextArea textarea,
.formContainer form .errorTextArea textarea {
  border-color:#c00;
  background-color:#feeeee;
  font-size:1.2rem
}
.formContainer .errorMsg,
.formContainer form .errorMsg {
  display:block;
  color:#c00;
  margin-bottom:5px;
  font-size:1.1rem;
  margin-top:-4px;
  font-weight:bold
}
.paging {
  position:relative;
  margin:6px 0 30px;
  height:44px;
  background:#fff;
  box-shadow:0 1px 2px 0 #cecece
}
.paging .btnPagingTop,
.paging .btnPagingBottom {
  display:block;
  width:42px;
  height:44px;
  text-align:center;
  position:absolute;
  top:0
}
.paging .btnPagingTop {
  left:0;
  z-index:12
}
.paging .btnPagingTop a {
  display:block;
  width:41px;
  height:44px;
  border-right:1px solid #e5e5e5
}
html.mouseDevice .paging .btnPagingTop a:hover {
  opacity:.6
}
.paging .btnPagingTop i {
  margin-top:18px
}
.paging .btnPagingTop.disabled i {
  background-position:-85px -212px
}
.paging .btnPagingBottom {
  right:0;
  z-index:11
}
.paging .btnPagingBottom a {
  display:block;
  width:41px;
  height:44px;
  border-left:1px solid #e5e5e5
}
html.mouseDevice .paging .btnPagingBottom a:hover {
  opacity:.6
}
.paging .btnPagingBottom i {
  margin-top:18px
}
.paging .btnPagingBottom.disabled i {
  background-position:-85px -248px
}
.paging .btnPagingPrev,
.paging .btnPagingNext {
  display:block;
  width:60px;
  height:44px;
  font-weight:bold;
  text-align:center;
  position:absolute;
  top:0
}
.paging .btnPagingPrev {
  left:42px;
  z-index:12
}
.paging .btnPagingPrev a {
  color:#eb5528;
  display:block;
  width:60px;
  height:28px;
  margin-top:3px;
  padding-top:11px;
  font-size:120%
}
html.mouseDevice .paging .btnPagingPrev a:hover {
  text-decoration:none;
  color:#eb5528;
  opacity:.6
}
.paging .btnPagingPrev.disabled a {
  color:#ccc
}
.paging .btnPagingNext {
  right:42px;
  z-index:11
}
.paging .btnPagingNext a {
  color:#eb5528;
  display:block;
  width:60px;
  height:28px;
  margin-top:3px;
  padding-top:11px;
  font-size:120%
}
html.mouseDevice .paging .btnPagingNext a:hover {
  text-decoration:none;
  color:#eb5528;
  opacity:.6
}
.paging .btnPagingNext.disabled a {
  color:#ccc
}
.paging .btnPagingPrev a span,
.paging .btnPagingNext a span {
  display:none
}
html.mouseDevice .paging .btnPagingTop.disabled a:hover,
html.mouseDevice .paging .btnPagingBottom.disabled a:hover,
html.mouseDevice .paging .btnPagingPrev.disabled a:hover,
html.mouseDevice .paging .btnPagingNext.disabled a:hover {
  opacity:1;
  cursor:default
}
.paging .disabled {
  pointer-events:none
}
.paging .disabled:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0)
}
.paging ul {
  margin:0 auto;
  width:150px;
  text-align:center
}
.paging ul li {
  display:inline-block;
  width:auto;
  height:50px;
  text-align:center;
  font-size:1.4rem;
  font-weight:bold;
  color:#46190c;
  vertical-align:middle
}
.paging ul li.now {
  color:#eb5528;
  height:36px;
  padding-top:12px
}
.paging ul li.break {
  width:20px;
  height:36px;
  padding-top:12px
}
.paging ul li.last {
  height:36px;
  padding-top:12px
}
.paging ul li.current {
  color:#eb5528;
  border-top:2px solid #eb5528;
  height:36px;
  padding-top:12px
}
.paging ul li.cut {
  width:50px;
  height:32px
}
.paging ul li a {
  display:block;
  height:36px;
  padding-top:16px;
  border-top:2px solid #fff
}
html.mouseDevice .paging ul li a:hover {
  border-top:2px solid #eb5528;
  text-decoration:none
}
.paging ul li.current a:link,
html.mouseDevice .paging ul li.current a:hover,
.paging ul li.current a:visited,
html.mouseDevice .paging ul li.current a:active {
  color:#eb5528
}
.paging+.btnArea.onlySpLayout {
  margin-bottom:30px
}
.paging .btnPagingPrev .icon.iconPagingOrangeL1 {
  -webkit-mask-image:url("../img/svg_sprite.svg#arrow-left");
  mask-image:url("../img/svg_sprite.svg#arrow-left");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  width:6px;
  height:10px;
  margin-right:8px;
  vertical-align:unset
}
.paging .btnPagingNext .icon.iconPagingOrangeR1 {
  -webkit-mask-image:url("../img/svg_sprite.svg#arrow-right");
  mask-image:url("../img/svg_sprite.svg#arrow-right");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  width:6px;
  height:10px;
  margin-left:8px;
  vertical-align:unset
}
.paging .btnPagingPrev.disabled .icon.iconPagingOrangeL1,
.paging .btnPagingNext.disabled .icon.iconPagingOrangeR1 {
  color:#ccc
}
.btnArea {
  font-weight:bold;
  padding:0 3.75%
}
.btnArea>div,
.btnArea>a {
  margin-top:10px
}
.btnArea .btnShowAll {
  padding:0 3.3783%;
  background:#f2f2f2;
  border-bottom:1px solid #c3c3c3
}
.btnArea .btnShowAll a {
  display:block;
  position:relative;
  width:100%;
  font-size:1.3rem;
  font-weight:bold;
  color:#333;
  padding:25px 0
}
.btnArea .btnShowAll a i {
  display:block;
  position:absolute;
  right:3.3783%;
  top:50%;
  margin-top:-10px
}
.btnArea .btnMore {
  display:block;
  padding:15px 0;
  text-align:center;
  font-size:1.1rem;
  color:#333;
  border-bottom:1px solid #c3c3c3;
  background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
  text-decoration:none
}
html.mouseDevice .btnArea .btnMore:hover {
  text-decoration:none;
  opacity:.6
}
.btnArea .btnMore i {
  display:block;
  margin:0 auto
}
.btnArea .btnClose {
  display:block;
  padding:15px 0;
  text-align:center;
  font-size:1.1rem;
  color:#333;
  border-bottom:1px solid #c3c3c3;
  background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
  text-decoration:none
}
html.mouseDevice .btnArea .btnClose:hover {
  opacity:.6;
  text-decoration:none
}
.btnArea .btnClose i {
  display:block;
  margin:0 auto
}
.btnArea .btnDropdown {
  position:relative;
  padding:17px 3.3783%;
  font-size:1.3rem;
  font-weight:bold;
  color:#333;
  background:#fff;
  border-bottom:1px solid #c3c3c3
}
.btnArea .btnDropdown i {
  display:block;
  position:absolute;
  right:3.3783%;
  top:50%
}
.btnArea .btnAccordion {
  position:relative;
  padding:17px 3.3783%;
  font-size:1.3rem;
  font-weight:bold;
  color:#333;
  background:#fff;
  border-bottom:1px solid #c3c3c3
}
.btnArea .btnAccordion i {
  display:block;
  position:absolute;
  right:3.3783%;
  top:50%;
  margin-top:-10px
}
.btnArea .btnDetermine {
  display:block;
  position:relative;
  width:100%;
  padding:14px 0;
  font-size:1.5rem;
  font-weight:bold;
  text-align:center;
  color:#fff;
  background:#eb5528
}
.btnArea .btnDetermine:link,
.btnArea .btnDetermine:visited,
html.mouseDevice .btnArea .btnDetermine:active {
  color:#fff
}
html.mouseDevice .btnArea .btnDetermine:hover {
  background:#f3997e;
  text-decoration:none
}
.btnArea .btnPageLink {
  display:block;
  position:relative;
  width:100%;
  padding:17px 0;
  font-size:1.3rem;
  font-weight:bold;
  color:#46190c;
  text-align:center;
  background:#fc0
}
.btnArea .btnPageLink:link,
.btnArea .btnPageLink:visited,
html.mouseDevice .btnArea .btnPageLink:active {
  color:#46190c
}
html.mouseDevice .btnArea .btnPageLink:hover {
  background:#ffe066;
  text-decoration:none
}
.btnArea .btnPageLinkArrow {
  display:block;
  position:relative;
  width:100%;
  padding:17px 0;
  font-size:1.3rem;
  font-weight:bold;
  color:#46190c;
  text-indent:1rem;
  background:#fc0
}
.btnArea .btnPageLinkArrow:link,
.btnArea .btnPageLinkArrow:visited,
html.mouseDevice .btnArea .btnPageLinkArrow:active {
  color:#46190c
}
html.mouseDevice .btnArea .btnPageLinkArrow:hover {
  background:#ffe066;
  text-decoration:none
}
.btnArea .btnPageLinkArrow i {
  display:block;
  position:absolute;
  right:3.3783%;
  top:50%;
  margin-top:-10px
}
.btnArea .btnList {
  padding:0 3.3783%;
  background:#fff
}
.btnArea .btnList a {
  display:block;
  position:relative;
  width:95%;
  padding:17px 5% 17px 0;
  font-size:1.2rem;
  font-weight:bold;
  color:#333
}
.btnArea .btnList a:link,
html.mouseDevice .btnArea .btnList a:hover,
.btnArea .btnList a:visited,
html.mouseDevice .btnArea .btnList a:active {
  color:#333
}
.btnArea .btnList a i {
  display:block;
  position:absolute;
  right:0;
  top:50%;
  margin-top:-8px
}
.btnArea .btnList.selected {
  position:relative;
  width:91.6217%;
  padding:17px 5% 17px 3.3783%;
  font-size:1.2rem;
  font-weight:bold;
  color:#333;
  background:#f2f2f2
}
.btnArea .btnList.selected i {
  display:block;
  position:absolute;
  right:3.3783%;
  top:50%;
  margin-top:-5px
}
.btnArea .btnPageBack {
  display:inline-block;
  position:relative;
  padding:17px 0 17px 5%;
  width:auto;
  font-size:1.2rem;
  font-weight:bold;
  color:#333;
  text-indent:1.5rem;
  background:#e5e5e5;
  white-space:nowrap
}
.btnArea .btnPageBack:link,
html.mouseDevice .btnArea .btnPageBack:hover,
.btnArea .btnPageBack:visited,
html.mouseDevice .btnArea .btnPageBack:active {
  color:#333
}
.btnArea .btnPageBack i {
  display:block;
  position:absolute;
  top:50%;
  margin-top:-5px
}
.btnSubscript .btnArea {
  padding:0 3.75%
}
.btnSubscript .btnArea .btnPageBack {
  display:inline-block;
  margin:0 0 20px;
  padding:10px 0;
  width:auto
}
.btnSubscript .btnArea .btnPageBack i {
  left:0
}
.footerPageTop {
  padding:30px 0 15px;
  text-align:center;
  background:#ccc
}
.footerPageTop a.btnPageTop {
  display:inline-block;
  margin:0 auto;
  padding:0;
  color:#eb5528;
  font-weight:bold
}
html.mouseDevice .footerPageTop a.btnPageTop:hover {
  color:#eb5528
}
.footerPageTop a.btnPageTop i {
  display:block;
  margin:0 auto 2px
}
.btnArea .btnConcerned {
  padding:0;
  text-align:center;
  font-size:1.5rem;
  color:#fff;
  background:#eb5528;
  line-height:50px
}
.btnArea .btnConcerned i.icon.iconCheck,
.btnArea .btnConcerned i.icon.iconHeart,
.btnArea .btnConcerned i.icon.iconBellCheck,
.btnArea .btnConcerned i.icon.iconBell {
  vertical-align:-4px
}
.btnArea a.btnConcerned {
  display:block
}
html.mouseDevice .btnArea a.btnConcerned:hover {
  text-decoration:none;
  background:#ffe066
}
.btnArea .btnAddMyList {
  padding:15px 0;
  text-align:center;
  font-size:1.3rem;
  color:#46190c;
  background:#fc0
}
.btnArea a.btnAddMyList {
  margin-top:10px;
  display:block;
  padding:15px 0;
  text-align:center;
  font-size:1.3rem;
  color:#46190c;
  background:#fc0
}
.btnArea a.btnYellowLink {
  display:block;
  position:relative;
  padding:15px 3.3783%;
  font-size:1.3rem;
  font-weight:bold;
  color:#46190c;
  background:#fc0
}
html.mouseDevice .btnArea a.btnYellowLink:hover {
  text-decoration:none;
  background:#ffe066
}
.btnArea a.btnYellowLink i {
  display:block;
  position:absolute;
  right:3.3783%;
  top:15px
}
.btnArea .btnRanking,
.btnArea .btnSong {
  display:block;
  position:relative;
  margin-top:20px;
  padding:15px 3.3783%;
  font-size:1.3rem;
  color:#fff
}
.btnArea .btnRanking {
  background:#58b21c;
  color:#fff
}
.btnArea .btnSong {
  background:#ff8c9d;
  color:#fff
}
html.mouseDevice .btnArea a.btnRanking:hover {
  background:#9bd177;
  color:#fff;
  text-decoration:none
}
html.mouseDevice .btnArea a.btnSong:hover {
  background:#ffbac4;
  color:#fff;
  text-decoration:none
}
.btnArea .btnRanking i,
.btnArea .btnSong i {
  display:block;
  position:absolute;
  right:3.3783%;
  top:15px
}
.btnArea .btnGotoMypage {
  display:block;
  position:relative;
  margin-top:20px;
  padding:15px 3.3783%;
  font-size:1.3rem;
  color:#fff;
  background:#289beb
}
.btnArea .btnGotoMypage i {
  display:block;
  position:absolute;
  right:3.3783%;
  top:15px
}
.contentsWrapper .outsetMsg {
  line-height:1.8rem;
  font-size:1.5rem;
  font-weight:bold
}
.pageOutline {
  padding:18px 3.75%;
  margin-bottom:20px;
  background-color:#FFF;
  border-bottom:2px solid #CCC
}
.pageOutline ul {
  font-size:1.3rem;
  margin-top:10px
}
.pageOutline a,
html.mouseDevice .pageOutline a:hover {
  color:#eb5528
}
@media screen and (max-width:959px) {
  .pageOutline {
    margin:-18px -3.76% 20px
  }
}
.komeList li,
span.komeList,
.circleList li,
span.circleList {
  display:block;
  text-indent:-1.5em;
  padding-left:1.5em;
  line-height:160%
}
.komeList li:before,
span.komeList:before {
  content:"※";
  padding-right:.5em
}
.circleList li:before,
span.circleList:before {
  content:"◎";
  padding-right:.5em
}
.campaign.new a span:after {
  content:"NEW";
  background-color:#eb5528;
  color:#fff;
  font-size:.8em;
  padding:.3em 6px;
  line-height:1em;
  margin-left:6px;
  display:inline-block;
  text-indent:0
}
.announceArea {
  background:#fff;
  overflow:hidden;
  text-align:center;
  font-size:1.4rem;
  font-weight:bold
}
.announceArea li {
  line-height:1.2;
  margin-top:5px;
  margin-bottom:5px
}
.announceArea li a,
html.mouseDevice .announceArea li a:hover {
  color:#cd0001
}
.common-l-overlay {
  visibility:hidden;
  position:fixed;
  top:0;
  width:100%;
  height:100%;
  z-index:990;
  background-color:rgba(0, 0, 0, 0.8);
  opacity:0;
  transition:opacity .2s
}
.common-l-overlay.isOverlaying {
  visibility:visible
}
.common-c-button {
  margin:0;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:44px;
  border:0;
  font-weight:bold;
  border-radius:0;
  cursor:pointer
}
.common-c-button:hover {
  text-decoration:underline
}
.common-c-button a {
  color:#46190c
}
.common-c-button__icon.isLibrary {
  -webkit-mask-image:url("../img/svg_sprite.svg#library");
  mask-image:url("../img/svg_sprite.svg#library");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px
}
.common-c-button__icon.isRightArrow {
  -webkit-mask-image:url("../img/svg_sprite.svg#arrow-right");
  mask-image:url("../img/svg_sprite.svg#arrow-right");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:6px;
  height:10px
}
.common-c-button__icon.isOrangeBook {
  -webkit-mask-image:url(../img/svg_sprite.svg#book);
  mask-image:url(../img/svg_sprite.svg#book);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:18px;
  height:18px;
  margin-right:5px
}
.common-c-button__icon.isOrangeLargeBook {
  -webkit-mask-image:url(../img/svg_sprite.svg#book);
  mask-image:url(../img/svg_sprite.svg#book);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px;
  margin-right:8px
}
.common-c-button__icon.isDarkGrayBook {
  -webkit-mask-image:url(../img/svg_sprite.svg#book);
  mask-image:url(../img/svg_sprite.svg#book);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#333;
  background-size:100% 100%;
  display:inline-block;
  width:18px;
  height:18px;
  margin-right:5px
}
.common-c-button__icon.isDarkGrayLargeBook {
  -webkit-mask-image:url(../img/svg_sprite.svg#book);
  mask-image:url(../img/svg_sprite.svg#book);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#333;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px;
  margin-right:8px
}
.common-c-button__icon.isOrangeApp {
  -webkit-mask-image:url(/img/svg_sprite.svg#app);
  mask-image:url(/img/svg_sprite.svg#app);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:18px;
  height:18px
}
.common-c-button__icon.isOrangeLargeApp {
  -webkit-mask-image:url(../img/svg_sprite.svg#app);
  mask-image:url(../img/svg_sprite.svg#app);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px;
  margin-right:3px
}
.common-c-button__icon.isOrangeFree {
  -webkit-mask-image:url(/img/svg_sprite.svg#free);
  mask-image:url(/img/svg_sprite.svg#free);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:18px;
  height:18px;
  margin-right:5px
}
.common-c-button__icon.isOrangeLargeFree {
  -webkit-mask-image:url(../img/svg_sprite.svg#free);
  mask-image:url(../img/svg_sprite.svg#free);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px;
  margin-right:8px
}
.common-c-button__icon.isCoin {
  background-image:url("../img/svg_sprite.svg#coin");
  background-size:100% 100%;
  display:inline-block;
  width:16px;
  height:16px;
  margin-right:5px;
  display:none
}
.appli .common-c-button__icon.isCoin {
  display:inline
}
.common-c-button__icon.isLargeCoin {
  background-image:url("../img/svg_sprite.svg#coin");
  background-size:100% 100%;
  display:inline-block;
  width:24px;
  height:24px;
  margin-right:8px;
  display:none
}
.appli .common-c-button__icon.isLargeCoin {
  display:inline
}
.common-c-button__icon.isNewwindow {
  -webkit-mask-image:url("../img/svg_sprite.svg#newwindow");
  mask-image:url("../img/svg_sprite.svg#newwindow");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px;
  margin-left:10px
}
.common-c-button__icon.isRightArrowBrown {
  -webkit-mask-image:url("../img/svg_sprite.svg#arrow-right-circle");
  mask-image:url("../img/svg_sprite.svg#arrow-right-circle");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#46190c;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px
}
.common-c-button__icon.isFilter {
  -webkit-mask-image:url("../img/svg_sprite.svg#sort");
  mask-image:url("../img/svg_sprite.svg#sort");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px
}
.common-c-button__icon.isAddMyList {
  -webkit-mask-image:url("../img/svg_sprite.svg#plus");
  mask-image:url("../img/svg_sprite.svg#plus");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px
}
.common-c-button__text.isFilterButton {
  margin-left:0;
  margin-right:5px
}
.common-c-button__text.isFilterButton.isShowing {
  margin-left:20px;
  margin-right:0
}
.appli .common-c-button__text.isYen {
  display:none
}
.common-c-button__text.isBeforeDiscount {
  font-size:10px;
  font-weight:normal;
  margin-right:-8px
}
.common-c-button__text.isBeforeDiscountLarge {
  font-size:12px;
  font-weight:normal
}
.common-c-button.isFontSmall {
  font-size:12px
}
.common-c-button.isFontMedium {
  font-size:14px
}
.common-c-button.isFontLarge {
  font-size:16px
}
.common-c-button.isFontExtraLarge {
  font-size:20px
}
.common-c-button.isFontWhite {
  color:#fff
}
.common-c-button.isThick {
  height:50px
}
.common-c-button.isThickOnlySP {
  height:50px
}
.common-c-button.isThickOnlyPC {
  height:44px
}
.common-c-button.isExtraThick {
  height:54px
}
.common-c-button.isWhite {
  background-color:#fff
}
.common-c-button.isOrange {
  background-color:#eb5528;
  color:#fff
}
.common-c-button.isRed {
  background-color:#c03;
  color:#fff
}
.common-c-button.isYellow {
  background-color:#fc0
}
.common-c-button.isGray {
  background-color:#f1f1f1
}
.common-c-button.isBackgroundWhite {
  background-color:#fff
}
.common-c-button.isBackgroundLightGray {
  background-color:#e5e5e5
}
.common-c-button.isBackgroundRed {
  background-color:#c03
}
.common-c-button.isOrangeText {
  color:#eb5528
}
.common-c-button.isBrownText {
  color:#46190c
}
.common-c-button.isWhiteText {
  color:#fff
}
.common-c-button.isWhiteText:hover {
  color:#fff
}
.common-c-button.isBorderGray {
  border:1px solid #d0d0d0
}
.common-c-button.isFontBorderOrange {
  color:#eb5528;
  border:1px solid #eb5528
}
.common-c-button.isFontBorderOrange:hover {
  color:#eb5528
}
.common-c-button.isRoundBorder {
  border-radius:5px
}
.common-c-button.isSoRoundBorder {
  border-radius:6px
}
.common-c-button.isShadow {
  box-shadow:0 1px 2px 0 #cecece
}
.common-c-button.isDisable {
  color:#fff;
  background-color:#e5e5e5;
  cursor:default;
  pointer-events:none
}
.common-c-button.isOnlySP {
  display:flex
}
.common-c-button.isWatchNext {
  margin:0 auto;
  width:260px;
  height:44px;
  font-size:16px;
  background:#fc0
}
@media(max-width:959px) and (orientation:landscape) {
  .common-c-button.isWatchNext {
    margin:auto 0 0;
    width:247px;
    height:50px
  }
}
.common-c-button.isLibrary {
  padding:8px 15px 8px 12px;
  width:auto;
  height:42px;
  justify-content:unset;
  font-size:12px;
  line-height:18px;
  background:#fff
}
.common-c-button.isLibrary .common-c-button__icon:last-child {
  margin-left:auto
}
.common-c-button.isLibrary span {
  margin-left:10px;
  color:#333
}
.common-c-button.isLibrary.isMenu {
  padding:0 15px;
  width:auto;
  height:44px
}
.common-c-button.isLibrary.isMenu span {
  font-size:14px;
  color:#eb5528
}
.common-c-button.isLibrary:hover {
  text-decoration:none
}
.common-c-button.isTextWithArrow {
  padding:0 15px;
  width:auto;
  justify-content:unset
}
.common-c-button.isTextWithArrow .common-c-button__icon:last-child {
  margin-left:auto
}
.common-c-button.isBookByVolume {
  box-sizing:border-box;
  width:115px;
  height:34px;
  background-color:#fff
}
.common-c-button.isBookByVolume.isLightGray {
  background-color:#e5e5e5
}
.common-c-button.isAnimeDetail {
  margin:15px 12px 0;
  width:auto;
  height:50px;
  padding-left:12px;
  padding-right:5px
}
.common-c-button.isAnimeDetail a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%
}
.common-c-iconButton {
  display:flex;
  align-items:center;
  cursor:pointer
}
.mouseDevice .common-c-iconButton:hover {
  text-decoration:underline;
  text-decoration-color:#fff
}
.common-c-iconButton__icon {
  pointer-events:none
}
.common-c-iconButton__icon.isSort {
  -webkit-mask-image:url("../img/svg_sprite.svg#sort");
  mask-image:url("../img/svg_sprite.svg#sort");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px
}
.common-c-iconButton__icon.isEdit {
  -webkit-mask-image:url("../img/svg_sprite.svg#edit");
  mask-image:url("../img/svg_sprite.svg#edit");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px
}
.common-c-iconButton__icon.isClose {
  -webkit-mask-image:url("../img/svg_sprite.svg#close");
  mask-image:url("../img/svg_sprite.svg#close");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#eb5528;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px
}
.p-mylistListPage__editWrapper .common-c-iconButton__icon.isClose {
  margin-left:2px
}
.common-c-iconButton__icon.isMyPage {
  -webkit-mask-image:url("../img/svg_sprite.svg#mypage");
  mask-image:url("../img/svg_sprite.svg#mypage");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#fff;
  background-size:100% 100%;
  display:inline-block;
  width:20px;
  height:20px
}
.common-c-iconButton__icon.isLogin {
  -webkit-mask-image:url("../img/svg_sprite.svg#login");
  mask-image:url("../img/svg_sprite.svg#login");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#fff;
  background-size:100% 100%;
  display:inline-block;
  width:20px;
  height:20px
}
.common-c-iconButton__icon.isSearch {
  -webkit-mask-image:url("../img/svg_sprite.svg#search");
  mask-image:url("../img/svg_sprite.svg#search");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#fff;
  background-size:100% 100%;
  display:inline-block;
  width:20px;
  height:20px
}
.common-c-iconButton__icon.isMenu {
  -webkit-mask-image:url("../img/svg_sprite.svg#menu"), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  mask-image:url("../img/svg_sprite.svg#menu"), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#fff;
  background-size:100% 100%;
  display:inline-block;
  width:20px;
  height:20px
}
.common-c-iconButton.isOpened .common-c-iconButton__icon.isMenu {
  -webkit-mask-image:url("../img/svg_sprite.svg#menu-close"), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  mask-image:url("../img/svg_sprite.svg#menu-close"), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
}
.common-c-iconButton__text {
  font-size:10px;
  pointer-events:none
}
.common-c-iconButton__text.isHasMarginTop {
  margin-top:0
}
.common-c-iconButton__text.isWhite {
  color:#fff
}
.common-c-iconButton__text.isOrange {
  color:#eb5528
}
.common-c-iconButton__text.isBold {
  font-weight:bold
}
.common-c-iconButton__text.isLarge {
  font-size:14px
}
.common-c-iconButton.isVertical {
  flex-direction:column
}
.common-c-iconButton.isHorizontal {
  flex-direction:row
}
.common-c-iconButton.isDisable {
  pointer-events:none
}
.common-c-iconButton.isDisable .common-c-iconButton__onWrapper {
  color:#a2a2a2
}
.common-c-iconButton.isDisable .common-c-iconButton__icon.isEdit {
  -webkit-mask-image:url("../img/svg_sprite.svg#edit");
  mask-image:url("../img/svg_sprite.svg#edit");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#ccc;
  background-size:100% 100%;
  display:inline-block;
  width:28px;
  height:28px
}
.common-c-userBalance {
  display:flex;
  justify-content:center;
  align-items:center;
  color:#333
}
.common-c-userBalance__icon {
  margin-right:7px
}
.common-c-userBalance__icon.isCoin {
  background-image:url("../img/svg_sprite.svg#coin");
  background-size:100% 100%;
  display:inline-block;
  width:24px;
  height:24px
}
.common-c-userBalance__icon.isCoin.isBrown {
  background-image:url("../img/svg_sprite.svg#coin-brown");
  background-size:100% 100%
}
.common-c-userBalance__icon.isCoin.isSmall {
  width:16px;
  height:16px
}
.common-c-userBalance__icon.isCoin.isSmallSP {
  width:16px;
  height:16px
}
.common-c-userBalance__icon.isDPoint {
  -webkit-mask-image:url("../img/svg_sprite.svg#dpoint");
  mask-image:url("../img/svg_sprite.svg#dpoint");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#d2223e;
  background-size:100% 100%;
  display:inline-block;
  width:24px;
  height:24px
}
.common-c-userBalance__icon.isDPoint.isSmall {
  width:16px;
  height:16px
}
.common-c-userBalance__icon.isDPoint.isMedium {
  width:18px;
  height:18px
}
.common-c-userBalance__amount {
  margin-left:auto;
  white-space:nowrap
}
.common-c-userBalance__amount.isFloatLeft {
  margin-left:unset;
  margin-right:auto
}
.common-c-userBalance__amount.isMarginRight {
  margin-right:11.5px
}
.common-c-userBalance__unit {
  margin-left:5px;
  display:block;
  font-size:10px;
  font-weight:normal
}
.common-c-userBalance__unit.isNotChangingSP {
  font-size:10px
}
.common-c-userBalance__unit.isGray {
  color:#626262
}
.common-c-userBalance__subText {
  font-size:10px;
  font-weight:normal
}
.common-c-userBalance.isSmallFont {
  font-size:14px
}
.common-c-userBalance.isMediumFont {
  font-size:14px
}
.common-c-userBalance.isMediumFont.isNotChangingSP {
  font-size:20px
}
.common-c-userBalance.isLargeFont {
  font-size:20px
}
.common-c-userBalance.isDiscount {
  font-size:12px;
  color:#a2a2a2;
  text-decoration-line:line-through
}
.common-c-userBalance.isBold {
  font-weight:bold
}
.common-c-userBalance.isMaxWidth {
  width:100%
}
.common-c-userBalance.isWhite {
  color:#fff
}
.common-p-header {
  position:relative;
  margin:0;
  padding:0;
  background:#eb5528;
  z-index:1000
}
html.ios.appli .common-p-header,
html.android.appli .common-p-header,
html.tvbox.appli .common-p-header,
html.tizen.appli .common-p-header {
  display:none
}
.common-p-header__wrapper {
  margin:0 auto;
  padding:0 10px 0 15px;
  display:flex;
  align-items:center;
  width:auto;
  height:44px
}
.common-p-header__logoContainer {
  width:94px
}
.common-p-header__logo {
  -webkit-mask-image:url("../img/svg_sprite.svg#logo");
  mask-image:url("../img/svg_sprite.svg#logo");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#fff;
  background-size:100% 100%;
  display:inline-block;
  width:94px;
  height:19px;
  text-indent:-9999px
}
a:link.common-p-header__logo,
a:active.common-p-header__logo,
a:visited.common-p-header__logo,
html.mouseDevice a:hover.common-p-header__logo {
  color:#fff
}
.common-p-header__menuContainer {
  margin-left:auto;
  display:flex;
  align-items:center
}
.common-p-header__accountInfo {
  display:none
}
.common-p-header__accountInfo.isHidden {
  display:none
}
.common-p-header__menu {
  display:flex;
  font-size:12px;
  color:#fff
}
.common-p-header__menu li+li {
  margin-left:20px
}
.common-p-header__overlayMenuWrapper {
  overflow-x:hidden;
  pointer-events:none;
  position:absolute;
  top:100%;
  right:0;
  z-index:991
}
.common-p-header__overlayMenuWrapper.isOpened {
  pointer-events:auto
}
.common-p-header__overlayMenu {
  padding:10px 5px 15px;
  width:290px;
  height:calc(100vh - 44px);
  background:#f1f1f1;
  overflow-y:auto;
  box-sizing:border-box;
  opacity:0;
  transform:translateX(310px);
  transition:transform .3s, opacity .3s
}
html.ios .common-p-header__overlayMenu,
html.android .common-p-header__overlayMenu {
  height:calc(var(--vh, 1vh) * 100 - 44px)
}
.common-p-header__overlayMenuHeader {
  margin-bottom:8px;
  display:flex
}
.common-p-header__overlayMenuHeaderLeft {
  margin-left:5px;
  display:flex;
  align-items:center;
  font-size:10px;
  font-weight:bold
}
.common-p-header__overlayIcon.isDocomo {
  -webkit-mask-image:url("../img/svg_sprite.svg#docomo");
  mask-image:url("../img/svg_sprite.svg#docomo");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:currentcolor;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  color:#333;
  background-size:100% 100%;
  display:inline-block;
  width:8px;
  height:12px;
  margin-right:3px;
  margin-bottom:1px
}
.common-p-header__loginButton {
  width:100px;
  height:28px
}
.common-p-header__loginButton.common-c-button:hover {
  text-decoration:none;
  color:#fff !important
}
.common-p-header__loginButton.isHidden {
  display:none
}
.common-p-header__overlayMenuHeaderRight {
  margin-left:auto;
  font-size:12px;
  color:#333
}
.common-p-header__overlayButton {
  margin-bottom:5px;
  font-size:12px
}
.common-p-header__overlayButton.common-c-button:not(.isGray):hover,
.common-p-header__overlayButton>.common-c-button:hover {
  text-decoration:none
}
.common-p-header__overlayButton.common-c-button.isWhite:hover,
.common-p-header__overlayButton>.common-c-button.isWhite:hover {
  background-color:#f5f5f5
}
.common-p-header__overlayButton.isRegister {
  font-size:16px
}
.common-p-header__overlayButton.isRegister:hover {
  color:#fff !important
}
.common-p-header__overlayButton.isBalance {
  height:61px
}
.common-p-header__overlayButton.isTwoRow {
  background:#fff
}
.common-p-header__overlayButton.isTwoRow .common-c-button+.common-c-button {
  position:relative
}
.common-p-header__overlayButton.isTwoRow .common-c-button+.common-c-button::before {
  content:"";
  position:absolute;
  top:0;
  left:10px;
  width:260px;
  border-top:1px solid rgba(225, 225, 225, 0.5)
}
.common-p-header__overlayButton.isHidden {
  display:none
}
.common-p-header__overlayBalance {
  height:30px;
  font-size:12px
}
.common-p-header__overlayBalance+.common-p-header__overlayBalance {
  position:relative
}
.common-p-header__overlayBalance+.common-p-header__overlayBalance::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:234px;
  border-top:1px solid rgba(225, 225, 225, 0.5)
}
.common-p-header.isTopPage {
  position:fixed;
  top:0;
  left:0;
  opacity:0;
  width:100%
}
.common-p-header.isTopPage.isPc {
  position:relative
}
.common-p-header.isTopPage.isAnimation {
  opacity:0;
  transform:translate(0, -44px);
  transition:opacity 500ms, transform 500ms
}
.common-p-header.isTopPage.isAnimation.isAnimationActive {
  top:0;
  opacity:1;
  transform:translate(0, 0)
}
.common-u-hidden {
  display:none
}
@media screen and (min-width:960px) {
  .common-p-header.isTopPage {
    top:0
  }
}
@media screen and (min-width:960px) {
  body {
    font-size:1.2em;
    background-color:#f1f1f1
  }
  button, input, textarea {
    font-size:1.2rem;
    background-color:#f1f1f1
  }
  .onlySpLayout {
    display:none
  }
  .onlyPcLayout {
    display:block
  }
  .btnSwiperPrev, .btnSwiperNext {
    position:absolute;
    top:53.6%;
    width:27px;
    height:44px;
    z-index:10;
    cursor:pointer;
    background:url(../img/sprite.png?20200901) no-repeat;
    background-size:540px 1000px
  }
  .btnSwiperPrev.swiper-button-disabled {
    background-position:-170px -144px;
    width:18px;
    height:30px;
    cursor:auto;
    pointer-events:none
  }
  .btnSwiperNext.swiper-button-disabled {
    background-position:-170px -178px;
    width:18px;
    height:30px;
    cursor:auto;
    pointer-events:none
  }
  .btnSwiperPrev, .swiper-container-rtl .btnSwiperNext {
    background-position:-170px -212px;
    width:18px;
    height:30px;
    left:10px;
    right:auto
  }
  html.mouseDevice .btnSwiperPrev:hover, html.mouseDevice .swiper-container-rtl .btnSwiperNext:hover {
    opacity:.6
  }
  .btnSwiperNext, .swiper-container-rtl .btnSwiperPrev {
    background-position:-170px -246px;
    width:18px;
    height:30px;
    right:10px;
    left:auto
  }
  html.mouseDevice .btnSwiperNext:hover, html.mouseDevice .swiper-container-rtl .btnSwiperPrev:hover {
    opacity:.6
  }
  i.icon {
    display:inline-block;
    background:url(/..img/sprite.png?20200901) no-repeat;
    background-size:270px 500px;
    vertical-align:top;
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -o-transform-origin:0 0;
    transform-origin:0 0
  }
  i.icon.iconWatchingPC {
    background-size:540px 1000px;
    background-position:0 -24px;
    width:20px;
    height:20px;
    margin-right:0
  }
  i.icon.iconResume {
    background-size:540px 1000px;
    background-position:0 -48px;
    width:10px;
    height:12px
  }
  i.icon.iconHeart {
    background-size:378px 700px;
    background-position:-26px -89px;
    width:30px;
    height:30px;
    margin-left:5px
  }
  i.icon.iconCheck {
    background-size:378px 700px;
    background-position:-26px -120px;
    width:30px;
    height:30px;
    margin-left:5px
  }
  i.icon.iconBell {
    background-size:378px 700px;
    background-position:-26px -246px;
    width:30px;
    height:30px;
    margin-left:5px
  }
  i.icon.iconBellCheck {
    background-size:378px 700px;
    background-position:-26px -277px;
    width:30px;
    height:30px;
    margin-left:5px
  }
  i.icon.iconDmarketLink {
    background-size:540px 1000px;
    background-position:0 -64px;
    width:16px;
    height:16px
  }
  i.icon.iconExternalLink {
    background-size:324px 600px;
    background-position:0 -50px;
    width:12px;
    height:14px
  }
  i.icon.iconPagetop {
    background-size:405px 750px;
    background-position:-127px 0;
    width:17px;
    height:23px
  }
  i.icon.iconArrowOrangeLeft {
    background-size:378px 700px;
    background-position:-119px -53px;
    width:14px;
    height:15px
  }
  i.icon.iconArrowOrangeRight {
    background-size:378px 700px;
    background-position:-119px -70px;
    width:14px;
    height:14px
  }
  i.icon.iconArrowGrayLeftL {
    background-size:540px 1000px;
    background-position:-170px -144px;
    width:30px;
    height:30px
  }
  i.icon.iconArrowGrayRightL {
    background-size:540px 1000px;
    background-position:-170px -178px;
    width:30px;
    height:30px
  }
  i.icon.iconArrowOrangeLeftL {
    background-size:540px 1000px;
    background-position:-170px -212px;
    width:30px;
    height:30px
  }
  i.icon.iconArrowOrangeRightS {
    background-size:432px 800px;
    background-position:-136px -244px;
    width:8px;
    height:20px;
    margin-left:5px
  }
  i.icon.iconArrowGrayLeft {
    background-size:378px 700px;
    background-position:-119px -380px;
    width:14px;
    height:16px
  }
  i.icon.iconTextNew {
    background-size:378px 700px;
    background-position:-148px 3px;
    width:31px;
    height:26px
  }
  i.icon.iconTextWatched {
    background-size:378px 700px;
    background-position:-147px -23px;
    width:42px;
    height:26px
  }
  i.icon.iconTextComplete {
    background-size:378px 700px;
    background-position:-148px -49px;
    width:52px;
    height:26px
  }
  i.icon.iconTextEnd {
    background-size:378px 700px;
    background-position:-147px -77px;
    width:57px;
    height:26px
  }
  i.icon.iconTextBefore {
    background-size:378px 700px;
    background-position:-147px -105px;
    width:57px;
    height:26px
  }
  i.icon.iconTextUp {
    background-size:378px 700px;
    background-position:-148px -133px;
    width:50px;
    height:26px
  }
  i.icon.iconTextDown {
    background-size:378px 700px;
    background-position:-148px -161px;
    width:50px;
    height:26px
  }
  i.icon.iconTextStay {
    background-size:378px 700px;
    background-position:-148px -189px;
    width:50px;
    height:26px
  }
  i.icon.iconTextHot {
    background-size:378px 700px;
    background-position:-148px -217px;
    width:50px;
    height:26px
  }
  i.icon.iconRank1 {
    background-size:513px 950px;
    background-position:-300px -216px;
    width:48px;
    height:48px;
    padding-right:4px
  }
  i.icon.iconRank2 {
    background-size:513px 950px;
    background-position:-300px -267px;
    width:48px;
    height:48px;
    padding-right:4px
  }
  i.icon.iconRank3 {
    background-size:513px 950px;
    background-position:-300px -323px;
    width:48px;
    height:48px;
    padding-right:4px
  }
  i.icon.iconPlay {
    background-size:378px 700px;
    background-position:-221px -472px;
    width:41px;
    height:32px
  }
  i.icon.iconRental {
    background-size:320px 600px;
    background-position:-187px -456px;
    width:38px;
    height:37px;
    padding-right:9px
  }
  i.icon.iconNews {
    background-size:320px 600px;
    background-position:-187px -495px;
    width:38px;
    height:37px;
    padding-right:9px
  }
  i.icon.iconOnAir {
    background-size:320px 600px;
    background-position:-187px -533px;
    width:37px;
    height:37px;
    padding-right:4px
  }
  i.icon.iconPopular {
    background-size:320px 600px;
    background-position:-234px -0;
    width:36px;
    height:36px;
    padding-right:9px
  }
  i.icon.iconRanking {
    background-size:320px 600px;
    background-position:-234px -38px;
    width:37px;
    height:37px
  }
  i.icon.iconNew {
    background-size:320px 600px;
    background-position:-234px -77px;
    width:37px;
    height:37px;
    padding-right:9px
  }
  i.icon.iconEvent {
    background-size:320px 600px;
    background-position:-234px -114px;
    width:37px;
    height:37px;
    padding-right:9px
  }
  i.icon.iconRelation {
    background-size:320px 600px;
    background-position:-234px -153px;
    width:36px;
    height:36px;
    padding-right:9px
  }
  i.icon.iconFree {
    background-size:320px 600px;
    background-position:-145px -533px;
    width:36px;
    height:36px;
    padding-right:9px
  }
  i.icon.iconSong {
    background-size:320px 600px;
    background-position:-145px -456px;
    width:36px;
    height:36px;
    padding-right:9px
  }
  i.icon.iconGoods {
    background-size:320px 600px;
    background-position:-145px -418px;
    width:36px;
    height:36px;
    padding-right:9px
  }
  i.icon.iconKisekae {
    background-size:320px 600px;
    background-position:-145px -381px;
    width:36px;
    height:36px
  }
  i.icon.iconNext {
    background-size:540px 1000px;
    background-position:-316px -612px;
    width:60px;
    height:60px
  }
  i.icon.iconPrev {
    background-size:540px 1000px;
    background-position:-316px -550px;
    width:60px;
    height:60px
  }
  i.icon.withText {
    background-size:378px 700px;
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0)
  }
  i.icon.withText.iconTextNew {
    background-position:-148px -1px
  }
  i.icon.withText.iconTextWatched {
    background-position:-148px -26px;
    width:38px
  }
  i.icon.withText.iconTextComplete {
    background-position:-148px -53px
  }
  i.icon[class*='iconDMarket'] {
    background-size:1000px 100px;
    width:48px;
    height:48px
  }
  i.icon.iconDMarket1 {
    background-position:-0 0
  }
  i.icon.iconDMarket2 {
    background-position:-50px 0
  }
  i.icon.iconDMarket3 {
    background-position:-100px 0
  }
  i.icon.iconDMarket8 {
    background-position:-150px 0
  }
  i.icon.iconDMarket4 {
    background-position:-200px 0
  }
  i.icon.iconDMarket7 {
    background-position:-250px 0
  }
  i.icon.iconDMarket5 {
    background-position:-300px 0
  }
  i.icon.iconDMarket6 {
    background-position:-350px 0
  }
  i.icon.iconDMarket18 {
    background-position:-400px 0
  }
  i.icon.iconDMarket19 {
    background-position:-450px 0
  }
  i.icon.iconDMarket10 {
    background-position:-500px 0
  }
  i.icon.iconDMarket11 {
    background-position:-550px 0
  }
  i.icon.iconDMarket20 {
    background-position:-600px 0
  }
  i.icon.iconDMarket13 {
    background-position:-650px 0
  }
  i.icon.iconDMarket12 {
    background-position:-700px 0
  }
  i.icon.iconDMarket15 {
    background-position:-750px 0
  }
  i.icon.iconDMarket16 {
    background-position:-800px 0
  }
  i.icon.iconDMarket14 {
    background-position:-850px 0
  }
  i.icon.iconDMarket17 {
    background-position:-900px 0
  }
  i.icon.iconDMarket9 {
    background-position:-950px 0
  }
  i.icon.iconDMarket21 {
    background-position:-0 -50px
  }
  i.icon.iconDMarket22 {
    background-position:-50px -50px
  }
  i.icon.iconDMarket23 {
    background-position:-100px -50px
  }
  i.icon.iconDMarket24 {
    background-position:-150px -50px
  }
  .pageHeader.second {
    padding:0;
    color:#ea552a
  }
  .pageHeader.second .pageHeaderStyle {
    width:860px;
    height:70px;
    padding:0;
    margin:0 auto
  }
  .pageHeader.second .pageHeaderStyle .logo {
    float:left;
    width:156px
  }
  .pageHeader.second .pageHeaderStyle .logo a {
    width:156px;
    height:30px;
    background-size:auto auto;
    margin:19px 0
  }
  .pageHeader.second .pageHeaderStyle .headerMenu {
    font-size:1.4rem;
    width:auto;
    padding-top:25px
  }
  .pageHeader.second .pageHeaderStyle .headerMenu li {
    font-size:1.4rem;
    width:auto;
    margin:0 0 0 40px;
    white-space:nowrap
  }
  .pageHeader.second .pageHeaderStyle .headerMenu li a {
    height:auto;
    padding-top:0
  }
  .pageHeader.second .pageHeaderStyle .headerMenu li.preview a {
    padding:12px 27px;
    margin-top:-12px
  }
  .pageHeader.second .pageHeaderStyle .headerMenu li.preview i {
    display:none
  }
  .pageHeader.second .pageHeaderStyle .headerMenu li.preview .previewFreeText {
    display:inline
  }
  .pageHeader.second .pageHeaderStyle .headerMenu li a i {
    margin-right:7px;
    margin-left:0;
    margin-top:2px;
    float:left
  }
  .pageHeader.second .pageHeaderInfo {
    padding:0
  }
  .pageHeader.second .pageHeaderInfo p {
    width:860px;
    margin:0 auto
  }
  .pageHeaderSub .breadcrumbPC {
    padding:0;
    display:block;
    background:#f1f1f1
  }
  .pageHeaderSub .pageHeaderIn {
    padding:0
  }
  .pageHeaderSub .pageHeaderIn h1 {
    width:944px;
    margin:0 auto;
    padding:24px 0;
    color:#000;
    font-size:2.4rem
  }
  .headerTab {
    width:944px;
    margin:30px auto 4px
  }
  .headerTab ul {
    display:flex;
    width:100%;
    background:0
  }
  .headerTab ul li {
    flex:1 1 100%;
    height:56px;
    text-align:center;
    font-size:1.6rem;
    font-weight:bold;
    background:0;
    color:#46190c;
    vertical-align:top
  }
  .headerTab ul li.current {
    background:url(/img/bg_headerTabCurrent.png) center bottom no-repeat
  }
  .headerTab ul li a:link, .headerTab ul li a:visited, html.mouseDevice .headerTab ul li a:active {
    display:block;
    width:100%;
    height:36px;
    padding-top:14px;
    background:#fc0;
    color:#46190c
  }
  html.mouseDevice .headerTab ul li a:hover {
    text-decoration:none;
    background:#ffe066
  }
  .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 {
    color:#fff;
    background:0
  }
  .headerTab ul li a span {
    font-weight:normal
  }
  .headerSubTab {
    width:944px;
    margin:0 auto
  }
  .headerSubTab ul {
    display:table;
    width:100%;
    background:#fff
  }
  .headerSubTab ul li {
    display:table-cell;
    height:44px;
    border-left:2px solid #f1f1f1;
    border-right:2px solid #f1f1f1;
    text-align:center;
    font-size:1.4rem;
    vertical-align:middle;
    font-weight:bold
  }
  .headerSubTab ul li:first-child {
    border-left:0
  }
  .headerSubTab ul li:last-child {
    border-right:0
  }
  .headerSubTab ul li.current {
    height:42px
  }
  .headerSubTab ul li a {
    position:relative;
    display:block;
    padding:12px 0
  }
  .headerSubTab ul li.current a {
    color:#eb5528;
    border-bottom:#eb5528 2px solid
  }
  .headerSubTab ul li a span {
    font-size:1.2rem;
    font-weight:normal
  }
  .headerSubTab ul li i {
    position:absolute;
    right:10px;
    top:12px
  }
  .contentsWrapper {
    width:860px;
    margin:0 auto;
    padding:0
  }
  .contentsWrapper .contentsWrapperIn {
    width:960px;
    margin:0 auto
  }
  .contentsWrapper .contentsWrapperIn section {
    position:relative
  }
  .contentsWrapper .contentsWrapperIn h2.contentsTitle, .contentsWrapper .contentsWrapperIn .messageArea {
    width:860px;
    height:30px;
    margin:0 auto 8px;
    white-space:nowrap
  }
  .contentsWrapper .contentsWrapperIn .messageArea {
    margin:16px auto 0
  }
  .contentsWrapper h1.contentsTitle i, .contentsWrapper h2.contentsTitle i, .contentsWrapper .contentsWrapperIn h2.contentsTitle i {
    height:37px
  }
  .contentsWrapper .contentsWrapperIn h2.contentsTitle span {
    padding:0 0 0 11px;
    font-size:2.4rem;
    font-weight:bold;
    line-height:1.2
  }
  .greenWrapper {
    width:100%;
    background:transparent;
    border-top:0
  }
  .yellowWrapper {
    width:100%;
    background:transparent;
    border-top:0
  }
  .blueWrapper {
    width:100%;
    background:transparent;
    border-top:0
  }
  .redWrapper {
    width:100%;
    background:transparent;
    border-top:0
  }
  .pinkWrapper {
    width:100%;
    background:transparent;
    border-top:0
  }
  .itemWrapper {
    display:block;
    min-height:1%;
    padding:0;
    margin:0 auto;
    width:860px
  }
  .itemWrapper .itemModule {
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.05)
  }
  .itemWrapper .itemModule section {
    padding:3px
  }
  .itemWrapper .itemModule section h2, .itemWrapper .itemModule section h3 {
    display:table;
    padding:10px 10px 0;
    margin-bottom:5px;
    font-size:1.4rem;
    font-weight:bold
  }
  .itemWrapper .itemModule.ranking {
    float:left;
    width:280px;
    margin-right:10px
  }
  .itemWrapper .itemModule.ranking:nth-child(3n) {
    margin-right:0
  }
  .itemWrapper .itemModule.ranking a {
    padding-bottom:0
  }
  .itemWrapper .itemModule.ranking .thumbnailContainer {
    display:block
  }
  .itemWrapper .itemModule.ranking .thumbnailContainer .thumbnailLeft {
    display:block;
    width:auto;
    padding:0 0 3px 0
  }
  .itemWrapper .itemModule.ranking .thumbnailContainer .thumbnailLeft>div {
    float:none
  }
  .itemWrapper .itemModule.ranking .thumbnailContainer .thumbnailRight {
    display:block;
    width:auto;
    padding:0
  }
  .itemWrapper .itemModule.ranking .thumbnailContainer .thumbnailRight>div {
    float:left;
    display:block;
    width:136px;
    margin:0 2px 0 0;
    padding:0
  }
  .itemWrapper .itemModule.ranking .thumbnailContainer .thumbnailRight>div:last-child {
    margin:0
  }
  .itemWrapper .itemModule.ranking h2, .itemWrapper .itemModule.ranking h3 {
    width:260px;
    padding:6px 7px
  }
  .itemWrapper .itemModule.ranking h2 .line1, .itemWrapper .itemModule.ranking h3 .line1 {
    display:block;
    float:right;
    width:210px;
    padding-top:8px;
    font-size:1.4rem
  }
  .itemWrapper .itemModule.ranking h2 .line1 span, .itemWrapper .itemModule.ranking h3 .line1 span {
    float:none;
    display:block;
    width:auto
  }
  .itemWrapper .itemModule.ranking .rankingFooter .iconContainer li.favoriteCount {
    position:absolute;
    top:-3px;
    right:86px
  }
  .itemWrapper .itemModule.ranking .check {
    margin-top:0
  }
  .itemWrapper .itemModule.ranking .option {
    position:absolute;
    left:0;
    bottom:-17px;
    width:100%
  }
  .itemWrapper .itemModule.ranking .option li {
    float:left;
    padding:1px 4px;
    margin-left:1.0135%;
    font-size:1rem;
    background:#ffa300;
    color:#fff
  }
  .itemWrapper .itemModule.small section {
    position:relative
  }
  .itemWrapper .itemModule.small .thumbnailContainer i {
    bottom:13px
  }
  .itemWrapper .itemModule.small h2, .itemWrapper .itemModule.small h3 {
    display:block;
    padding-top:3px;
    width:170px
  }
  .itemWrapper .itemModule.small h2 span, .itemWrapper .itemModule.small h3 span {
    padding:5px;
    line-height:1.5rem
  }
  .itemWrapper .itemModule.small .check {
    position:absolute;
    right:4px;
    bottom:4px
  }
  .itemWrapper .itemModule.mylist, .itemWrapper .itemModule.list {
    float:left;
    margin:5px 0 26px
  }
  .itemWrapper .itemModule.mylist:nth-child(even), .itemWrapper .itemModule.list:nth-child(even) {
    float:right
  }
  .itemWrapper .itemModule.list .itemModuleIn+.detail {
    bottom:4px;
    right:10px
  }
  .itemWrapper .itemModule.list .itemModuleIn+.detail .icon {
    vertical-align:-2px
  }
  .itemWrapper .itemModule.list header {
    width:415px;
    border-bottom:1px solid #f1f1f1
  }
  .itemWrapper .itemModule.list header p {
    width:274px;
    padding:0 10px;
    color:#eb5528;
    font-size:1.4rem;
    font-weight:bold;
    vertical-align:middle
  }
  .itemWrapper .itemModule.list header .titleThumbnail {
    position:relative;
    display:table-cell;
    width:115px;
    padding-right:0
  }
  .itemWrapper .itemModule.list header .titleThumbnail i {
    top:46px
  }
  .itemWrapper .itemModule.list section {
    width:409px
  }
  .itemWrapper .itemModule.list .thumbnailContainer {
    width:190px
  }
  .itemWrapper .itemModule.list .thumbnailContainer i {
    bottom:6px
  }
  .itemWrapper .itemModule.list .thumbnailContainer i.iconTextEnd, .itemWrapper .itemModule.list .thumbnailContainer i.iconTextBefore {
    bottom:4px
  }
  .itemWrapper .itemModule.list .textContainer {
    width:210px
  }
  .itemWrapper .itemModule.list .textContainer h2, .itemWrapper .itemModule.list .textContainer h3 {
    font-size:1.2rem
  }
  .itemWrapper .itemModule.list .textContainer .line2, .itemWrapper .itemModule.list .textContainer .line2 span {
    font-size:1.4rem
  }
  .itemWrapper .itemModule.list .textContainer .line2 {
    height:44px
  }
  .itemWrapper .itemModule.list .textContainer .line2 span {
    height:44px
  }
  .itemWrapper .itemModule.list .textContainer .iconContainer {
    position:absolute;
    left:200px;
    bottom:39px
  }
  .itemWrapper .itemModule.list .textContainer .itemFooter {
    left:200px;
    bottom:6px
  }
  .itemWrapper .itemModule.list .textContainer .itemFooter .detail, .itemWrapper .itemModule.list .textContainer .itemFooter .check, .itemWrapper .itemModule.list .textContainer .itemFooter .addMyList {
    margin:0
  }
  .itemWrapper .itemModule.list .option {
    position:absolute;
    left:0;
    bottom:-23px;
    width:100%;
    font-size:0
  }
  .itemWrapper .itemModule.list .option li {
    display:inline-block;
    margin-bottom:3px;
    padding:0 6px;
    margin-left:3px;
    font-size:1rem;
    line-height:20px;
    background:#ffa300;
    color:#fff
  }
  .itemWrapper .itemModule.list .itemModuleIn .thumbnailContainer {
    width:190px
  }
  .itemWrapper .itemModule.list .itemModuleIn .thumbnailContainer.mypageThumbnail {
    padding-top:3px
  }
  .itemWrapper .itemModule.list .itemModuleIn .textContainer {
    width:220px
  }
  .itemWrapper .itemModule.list .itemModuleIn .textContainer .iconContainer {
    position:absolute;
    left:200px
  }
  .itemWrapper .itemModule.list .itemModuleIn .textContainer .favoriteCount {
    position:absolute;
    right:86px
  }
  .itemWrapper .itemModule.dmarket {
    float:left;
    width:420px;
    height:116px;
    margin:10px 20px 10px 0
  }
  .itemWrapper .itemModule.dmarket:nth-child(even) {
    float:right;
    margin:10px 0
  }
  .itemWrapper .itemModule.dmarket section {
    position:relative;
    width:414px
  }
  .itemWrapper .itemModule.dmarket .thumbnailContainer {
    width:110px;
    height:110px
  }
  .itemWrapper .itemModule.dmarket .textContainer {
    width:280px
  }
  .itemWrapper .itemModule.dmarket .textContainer h3 {
    height:6em;
    overflow:hidden
  }
  .itemWrapper .itemModule.list.selected, .itemWrapper .itemModule.mylist.selected {
    width:409px;
    border:3px solid #ea5628
  }
  .itemWrapper .itemModule.list.notSelected, .itemWrapper .itemModule.mylist.notSelected {
    width:409px;
    border:3px solid #ccc
  }
  .itemWrapper .itemModule.selected .option, .itemWrapper .itemModule.notSelected .option {
    position:absolute;
    left:0;
    bottom:-20px
  }
  .itemWrapper .itemModule .check {
    height:20px
  }
  .itemWrapper .itemModule .check input[type="checkbox"]+label {
    display:block;
    height:18px;
    padding:2px 24px 0 0;
    color:#333
  }
  .itemWrapper .itemModule .check input[type="checkbox"]:checked+label {
    background-position:100% -41px
  }
  .favoriteButton {
    height:20px
  }
  .favoriteButton input[type="checkbox"]+label {
    display:block;
    height:18px;
    padding:2px 24px 0 0;
    color:#333
  }
  .favoriteButton input[type="checkbox"]:checked+label {
    background-position:100% -41px
  }
  .productWrapper .information .actionArea .btnArea .addMyList, .productWrapper .information2 .actionArea .btnArea .addMyList, .itemWrapper .itemModule .addMyList {
    margin:10px 7px 4px 0
  }
  .listHeader {
    width:860px;
    margin:0 auto
  }
  .listHeader .headerText {
    float:left;
    padding:28px 0 22px 0
  }
  .listHeader .btnArea {
    float:right;
    width:auto;
    padding:0;
    background:0
  }
  .listHeader .btnArea .btnDropdown {
    display:block;
    padding:17px 30px 17px 10px;
    background:0;
    border-bottom:0
  }
  .listHeader .btnArea .btnDropdown i {
    margin-left:10px
  }
  html.mouseDevice .listHeader .btnArea .selectBtn .minict_wrapper:hover {
    background:transparent
  }
  html.mouseDevice .listHeader .btnArea .selectBtn .minict_wrapper:hover span {
    text-decoration:underline
  }
  .listHeader .actorWrapper {
    margin-top:23px
  }
  .snsWrapper ul li {
    height:40px
  }
  .snsWrapper ul li.snsTwitter a span {
    margin-top:10px
  }
  .pageFooter {
    position:relative;
    z-index:0;
    margin:20px 0 0 0;
    background:#ccc
  }
  .pageFooterIn {
    width:860px;
    margin:0 auto;
    padding:0;
    border:0
  }
  .pageFooterIn .footerMenu {
    margin:0;
    border-top:0;
    width:870px
  }
  .pageFooterIn .footerMenu li {
    float:left;
    width:280px;
    margin:10px 10px 0 0;
    background:#e5e5e5;
    border-bottom:1px solid #ccc
  }
  .pageFooterIn .footerMenu li a {
    display:block;
    position:relative;
    font-size:1.4rem;
    font-weight:bold;
    background:#e5e5e5;
    background-size:17px 10px
  }
  html.mouseDevice .pageFooterIn .footerMenu li a:hover {
    background:#efefef;
    text-decoration:none
  }
  .pageFooterIn .footerMenu li a i {
    display:inline-block;
    position:absolute;
    right:15px;
    top:16px
  }
  .pageFooterIn .footerMenu2 {
    margin:0 auto;
    width:620px;
    padding:25px 0 10px;
    text-align:center;
    background:#ccc
  }
  .pageFooterIn .footerMenu2 li {
    display:inline;
    padding:0 0 12px;
    line-height:18px
  }
  .pageFooterIn .footerMenu2 li a {
    padding:0 6px;
    border-left:1px solid #333;
    line-height:2rem
  }
  .pageFooterIn .footerMenu2 li:last-child a {
    border-right:1px solid #333
  }
  .pageFooterIn .footerJasrac {
    margin:0;
    padding:0 0 40px;
    text-align:center;
    font-weight:normal;
    background:#ccc
  }
  .pageFooterIn .footerBottomMenu .footerDmenuWrapper {
    width:518px;
    padding:13px 13px 10px;
    background:#ecf0f1;
    margin:0 auto
  }
  .pageFooterIn .footerBottomMenu .footerDmenuWrapper .title {
    padding:7px 0 10px;
    font-size:1.4rem;
    font-weight:bold
  }
  .pageFooterIn .footerBottomMenu .footerDmenuWrapper .footerDMenu {
    width:528px;
    margin:0;
    padding:0;
    background:0
  }
  .pageFooterIn .footerBottomMenu .footerDmenuWrapper .footerDMenu li {
    float:left;
    width:154px;
    height:100px;
    margin:0 10px 10px 0;
    padding:5px;
    border:1px solid #dfe3e4;
    border-top:3px solid #d2062d;
    background:#fff
  }
  .pageFooterIn .footerBottomMenu .footerDmenuWrapper .footerDMenu li a.footerDMenuLiIn {
    position:relative;
    display:block;
    height:94px;
    padding:5px 0
  }
  html.mouseDevice .pageFooterIn .footerBottomMenu .footerDmenuWrapper .footerDMenu li a.footerDMenuLiIn:hover {
    text-decoration:underline;
    background:0
  }
  .pageFooterIn .footerBottomMenu .footerDmenuWrapper .footerDMenu li a.footerDMenuLiIn i {
    display:block;
    float:left;
    width:48px;
    height:48px
  }
  .pageFooterIn .footerBottomMenu .footerDmenuWrapper .footerDMenu li a.footerDMenuLiIn .dMenuTitle {
    float:left;
    width:100px;
    padding:16px 0 0 4px;
    font-size:1.1rem;
    word-wrap:break-word
  }
  .pageFooterIn .footerBottomMenu .footerDmenuWrapper .footerDMenu li a.footerDMenuLiIn .dMenuTitle i {
    margin-right:4px;
    width:16px;
    height:16px
  }
  .pageFooterIn .footerBottomMenu .footerDmenuWrapper .footerDMenu li .icon.isRightArrow {
    display:none
  }
  .pageFooterIn .footerBottomMenu .footerDmenuWrapper .footerDMenu li a.footerDMenuLiIn p {
    display:block;
    position:absolute;
    left:0;
    top:60px;
    width:154px;
    padding-top:4px;
    font-size:.9rem;
    border-top:1px dotted #ccc;
    letter-spacing:-0.04em;
    line-height:1.3
  }
  html.mouseDevice .pageFooterIn .footerBottomMenu .footerDmenuWrapper .footerDMenu li a.footerDMenuLiIn:hover .dMenuTitle, html.mouseDevice .pageFooterIn .footerBottomMenu .footerDmenuWrapper .footerDMenu li a.footerDMenuLiIn:hover p {
    text-decoration:underline
  }
  .pageFooterIn .footerTwitter {
    float:right;
    width:300px;
    background:#eee
  }
  html.ios .pageFooterIn .footerTwitter iframe {
    width:300px !important
  }
  .tagCaption, .tagWrapper {
    width:860px;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
    padding-right:0
  }
  .tagWrapper {
    padding-top:5px
  }
  .tagWrapper li {
    margin:5px 5px 0 0
  }
  .btnArea .btnGoToSignUpPC {
    margin:0 auto 20px;
    width:860px
  }
  .btnArea .btnGoToSignUpPC .howto {
    width:214px;
    float:left;
    border-right:1px solid #fff
  }
  .btnArea .btnGoToSignUpPC .regist {
    width:645px;
    float:left
  }
  html.mouseDevice .btnArea .btnGoToSignUpPC .howto a:hover, html.mouseDevice .btnArea .btnGoToSignUpPC .regist a:hover {
    opacity:.6
  }
  .formContainer div .checkboxList label span.pwPosi {
    top:-3px
  }
  .formContainer .errorMsg, .formContainer form .errorMsg {
    font-size:1.4rem
  }
  .paging {
    margin:20px 0 25px;
    height:50px
  }
  .paging .btnPagingPrev, .paging .btnPagingNext {
    width:110px;
    height:50px
  }
  .paging .btnPagingPrev a, .paging .btnPagingNext a {
    margin-top:5px;
    width:110px;
    font-size:100%
  }
  .paging .btnPagingPrev a span, .paging .btnPagingNext a span {
    display:inline
  }
  .paging .btnPagingTop, .paging .btnPagingBottom {
    height:50px
  }
  .paging .btnPagingTop i, .paging .btnPagingBottom i {
    margin-top:20px
  }
  .paging .btnPagingTop a, .paging .btnPagingBottom a {
    height:50px
  }
  .paging ul {
    width:540px
  }
  .paging ul li {
    width:50px;
    height:50px;
    font-size:1.6rem;
    font-weight:normal
  }
  .paging ul li a {
    height:32px;
    padding-top:12px
  }
  html.touchDevice .btnArea .selectBtn {
    background:transparent;
    border:0
  }
  html.touchDevice .btnArea select {
    background:transparent;
    padding-right:40px;
    min-width:120px
  }
  .minict_wrapper {
    position:relative;
    top:18px;
    background:transparent;
    padding:0
  }
  .minict_wrapper:after {
    display:block;
    position:absolute
  }
  .minict_wrapper span {
    text-align:right;
    display:block;
    outline:0;
    cursor:pointer
  }
  html.mouseDevice .minict_wrapper:hover span {
    text-decoration:underline
  }
  .minict_wrapper span:after {
    content:"";
    width:20px;
    height:20px;
    padding-left:10px;
    margin:-2px 0 0 8px;
    display:block;
    float:left;
    background:url(../img/sprite.png?20200901) no-repeat -41px -66px;
    background-size:270px 500px
  }
  .minict_wrapper span:empty:before {
    color:#999;
    content:attr(data-placeholder)
  }
  .minict_wrapper ul {
    width:auto;
    min-width:200px;
    padding:0;
    margin:0;
    display:none;
    background:#FFF;
    list-style:none;
    position:absolute;
    border:1px solid #DDD;
    border-top:3px solid #e95429;
    top:26px;
    right:-10px;
    overflow-y:auto;
    z-index:1100;
    box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.05)
  }
  .minict_wrapper ul li {
    padding:10px 40px 10px 20px;
    margin:0;
    list-style:none;
    cursor:pointer;
    border-bottom:1px solid #e5e5e5;
    text-align:left
  }
  .minict_wrapper ul li.minict_empty {
    display:none
  }
  .minict_wrapper ul li.disabled {
    cursor:default
  }
  .minict_wrapper ul li.selected {
    color:#e95429;
    background:url(/img/img_pulldownCheck.gif) no-repeat right 12px
  }
  .minict_wrapper ul li.highlighted {
    color:#fff
  }
  .minict_wrapper ul li.hidden {
    display:none
  }
  @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .minict_wrapper:after {
      line-height:3em
    }
  }
  .ui-tooltip, .ui-tooltip .arrow:after {
    background:#fff;
    border:4px solid #ea552a
  }
  .ui-tooltip {
    color:#000;
    max-width:286px;
    cursor:default;
    border-radius:2px;
    padding:4px;
    position:absolute;
    z-index:1200;
    box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.2)
  }
  .ui-tooltip .arrow {
    width:26px;
    height:14px;
    overflow:hidden;
    position:absolute;
    left:50%;
    margin-left:-13px;
    bottom:-14px
  }
  .ui-tooltip .arrow.top {
    top:-14px;
    bottom:auto
  }
  .ui-tooltip .arrow:after {
    content:"";
    position:absolute;
    left:4px;
    top:-10px;
    width:10px;
    height:10px;
    box-shadow:6px 5px 9px -9px black;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
  }
  .ui-tooltip .arrow.top:after {
    bottom:-10px;
    top:auto
  }
  .ui-tooltip .ui-tooltip-content {
    padding:20px;
    background:#fff;
    text-decoration:none
  }
  .ui-tooltip .ui-tooltip-content h3 {
    font-size:2rem;
    line-height:2.3rem;
    width:100%;
    margin-bottom:10px;
    font-weight:bold;
    word-break:break-all
  }
  .ui-tooltip .ui-tooltip-content p {
    font-size:1.3rem;
    width:100%;
    max-height:300px;
    overflow-y:auto;
    margin:0
  }
  .ui-tooltip .ui-tooltip-content p span {
    display:block;
    position:relative;
    padding:0
  }
  .ui-tooltip .ui-tooltip-content p span a {
    color:#ea552a;
    text-decoration:none
  }
  html.mouseDevice .ui-tooltip .ui-tooltip-content p span a:hover {
    text-decoration:underline
  }
  .ui-tooltip .ui-tooltip-content .btnWatch {
    text-align:center;
    background:#ea552a;
    margin-top:20px
  }
  .ui-tooltip .ui-tooltip-content .btnWatch a {
    display:block;
    width:226px;
    padding:10px;
    font-size:2rem;
    color:#fff;
    text-decoration:none
  }
  html.mouseDevice .ui-tooltip .ui-tooltip-content .btnWatch:hover {
    text-decoration:none;
    background:#f3997e
  }
  .loader {
    margin:30px auto 20px
  }
  .footerPageTop a.btnPageTop {
    width:120px;
    margin:0 auto;
    padding:0;
    cursor:pointer
  }
  .footerCopyright {
    padding:10px 0 25px;
    font-weight:bold
  }
  .btnArea .btnPageBack {
    border-top:0;
    padding:0 3.75% 0;
    margin:0 5% -20px
  }
  .btnArea .btnPageBack a {
    padding-left:23px
  }
  .btnSubscript {
    width:860px;
    margin:0 auto
  }
  .btnSubscript .btnArea {
    padding:0
  }
  .btnSubscript .btnArea .btnPageBack {
    font-size:1.4rem;
    margin:30px 0;
    background-color:transparent;
    text-indent:19px
  }
  .btnSubscript .btnArea .btnPageBack i {
    margin-top:-8px
  }
  .btnArea .btnDetermine {
    font-size:2rem;
    padding:10px 0
  }
  .pageOutline {
    border-bottom:0
  }
  .contentsWrapper .outsetMsg {
    line-height:2.4rem;
    font-size:2rem;
    margin:25px 0
  }
  .footerPageTop .btnPageTop {
    padding:56px 0 80px;
    font-weight:bold
  }
  .footerPageTop .btnPageTop i {
    margin:0 auto 14px
  }
  .swiper-container .itemModule section, .swiper-container .itemModule.small section {
    padding:3px
  }
  .swiper-container .itemModule.small img {
    width:203px;
    height:114px
  }
  .swiper-container.swiper1x3 .itemModule {
    float:left;
    width:280px;
    margin:0 10px 0 0
  }
  .swiper-container.swiper1x3 .itemModule:last-child {
    margin:0
  }
  .swiper-container.swiper1x3 .itemModule img {
    width:274px;
    height:149px
  }
  .itemWrapper .itemModule.small:nth-child(even), .itemWrapper .itemModule.small.even {
    float:left
  }
  .common-c-button__icon.isOrangeLargeBook {
    margin-right:10px
  }
  .common-c-button__icon.isDarkGrayLargeBook {
    margin-right:10px
  }
  .common-c-button__icon.isOrangeLargeApp {
    margin-right:5px
  }
  .common-c-button__icon.isOrangeLargeFree {
    margin-right:10px
  }
  .common-c-button__icon.isLargeCoin {
    margin-right:10px
  }
  .common-c-button__icon.isNewwindow {
    margin-left:5px
  }
  .common-c-button__icon.isOnlySP {
    display:none
  }
  .common-c-button__text.isBeforeDiscountLarge {
    font-size:14px
  }
  .common-c-button.isThickOnlySP {
    height:44px
  }
  .common-c-button.isThickOnlyPC {
    height:50px
  }
  .common-c-button.isHiddenOnlyPC {
    display:none
  }
  .common-c-button.isOnlySP {
    display:none
  }
  .common-c-button.isWatchNext {
    margin:auto 0 0;
    width:270px;
    height:50px
  }
  .common-c-button.isLibrary {
    margin:0 auto;
    width:100%;
    max-width:831px
  }
  .common-c-button.isBookByVolume {
    width:110px
  }
  .common-c-button.isAnimeDetail {
    margin:15px auto 0;
    width:100%;
    max-width:944px;
    box-sizing:border-box
  }
  .common-c-iconButton__icon.isMyPage {
    width:28px;
    height:28px
  }
  .common-c-iconButton__icon.isLogin {
    width:28px;
    height:28px
  }
  .common-c-iconButton__icon.isSearch {
    width:28px;
    height:28px
  }
  .common-c-iconButton__icon.isMenu {
    width:28px;
    height:28px
  }
  .common-c-iconButton__text.isHasMarginTop {
    margin-top:3px
  }
  .common-c-iconButton__text {
    font-size:12px
  }
  .common-c-userBalance__icon.isCoin.isSmallSP {
    width:24px;
    height:24px
  }
  .common-c-userBalance__unit {
    margin-left:10px;
    font-size:12px
  }
  .common-c-userBalance.isMediumFont {
    font-size:20px
  }
  .common-c-userBalance.isLargeFont {
    font-size:24px
  }
  .common-p-header__wrapper {
    padding:0;
    max-width:944px;
    height:70px
  }
  .common-p-header__logoContainer {
    width:156px
  }
  .common-p-header__logo {
    -webkit-mask-image:url("../img/svg_sprite.svg#logo");
    mask-image:url("../img/svg_sprite.svg#logo");
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    background:currentcolor;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    color:#fff;
    background-size:100% 100%;
    display:inline-block;
    width:152px;
    height:30px
  }
  .common-p-header__accountInfo {
    margin-right:26px;
    padding:12px 10px;
    display:flex;
    align-items:center;
    min-width:90px;
    height:20px;
    font-size:10px;
    background:#fff;
    border-radius:4px
  }
  html.ios .common-p-header__overlayMenu, html.android .common-p-header__overlayMenu {
    height:calc(var(--vh, 1vh) * 100 - 70px)
  }
  .common-p-header__overlayMenu {
    padding:10px 15px 15px;
    width:310px;
    height:calc(100vh - 70px)
  }
  .common-p-header.isTopPage {
    position:relative;
    opacity:1
  }
}
html:not(.ichioshi) .ichioshi_headerWrapper {
  display:none !important
}
.ichioshi_headerWrapper {
  background:#fff
}
.ichioshi_header {
  margin:0 auto;
  padding:0 0 0 3.75%;
  height:50px;
  vertical-align:middle
}
.ichioshi_header .logo {
  display:block;
  float:left
}
.ichioshi_header .logo a {
  display:block;
  margin:14px 0;
  background:url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CH/img/sugotoku_logo.png) center no-repeat;
  background-size:110px 22px;
  background-position:0 0;
  width:110px;
  height:22px;
  text-indent:-9999px
}
.ichioshi_header .headerMenu {
  display:block;
  float:right;
  margin-right:20px
}
.ichioshi_header .ichioshi_status {
  display:none;
  margin:12px 0 8px;
  padding:5.5px 7px;
  background-color:#f2f3f5;
  font-size:.8rem;
  color:#77797a;
  line-height:9px;
  border-radius:5px
}
html.ichioshi_member .ichioshi_header .ichioshi_status {
  display:flex
}
@media screen and (min-width:960px) {
  .ichioshi_header {
    margin:0 auto;
    padding:0;
    width:920px
  }
  .ichioshi_header .headerMenu {
    margin-right:0
  }
  .ichioshi .pageHeader.second .pageHeaderStyle {
    width:920px
  }
  .ichioshi .pageHeaderSub .pageHeaderIn h1 {
    width:920px
  }
}
.popup-wrapper {
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  animation:popup-fade-in .3s ease-out
}
.popup-wrapper a:focus-visible {
  outline:0;
  animation:popup-fade-in .3s ease-out
}
.popup-wrapper::backdrop {
  background:transparent
}
.popup-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background:rgba(0, 0, 0, 0.7);
  display:flex;
  align-items:center;
  justify-content:center
}
.popup-modal {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:324px;
  height:480px;
  max-width:90vw;
  max-height:90vh;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  animation:popup-fade-in .3s ease-out
}
.popup-banner {
  width:100%;
  height:auto;
  border-radius:16px;
  object-fit:contain;
  animation:popup-fade-in .3s ease-out
}
.popup-controls {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-top:14px;
  color:white;
  font-size:14px;
  justify-content:center;
  animation:popup-fade-in .3s ease-out
}
.popup-noshow-container {
  display:flex;
  align-items:center;
  justify-content:center
}
.popup-noshow-label {
  width:200px;
  display:flex;
  margin-top:14px
}
.popup-noshow-text {
  align-items:center;
  justify-content:center;
  margin-top:4px
}
.popup-noshow {
  appearance:none;
  margin-right:20px;
  width:26px;
  height:26px;
  border-radius:50%;
  border:2px solid white;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  cursor:pointer
}
.popup-noshow:checked::before {
  content:"";
  display:block;
  width:20px;
  height:20px;
  -webkit-mask-image:url("../img/svg_sprite.svg#checkbox-checked");
  mask-image:url("../img/svg_sprite.svg#checkbox-checked");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:#000;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  background-size:contain
}
.popup-close {
  width:40px;
  height:40px;
  box-sizing:border-box;
  background:#ff3b30;
  color:white;
  border-radius:50%;
  border:0;
  font-size:24px;
  font-weight:bold;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  transition:background .2s ease-in-out;
  margin-top:16px
}
.popup-controls {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-top:14px;
  color:white;
  font-size:14px;
  justify-content:center;
  animation:popup-fade-in .3s ease-out
}
.popup-noshow-label {
  width:200px;
  display:flex;
  align-items:center;
  margin-top:14px;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none
}
.popup-noshow-text {
  align-items:center;
  justify-content:center;
  margin-top:0
}
.popup-noshow-fakebox {
  appearance:none;
  margin-right:20px;
  width:26px;
  height:26px;
  border-radius:50%;
  border:2px solid white;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  cursor:pointer;
  box-sizing:border-box;
  flex-shrink:0;
  background-color:#f1f1f1
}
.popup-noshow-label.is-checked .popup-noshow-fakebox::after {
  content:"";
  display:block;
  width:20px;
  height:20px;
  -webkit-mask-image:url("../img/svg_sprite.svg#checkbox-checked");
  mask-image:url("../img/svg_sprite.svg#checkbox-checked");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background:#000;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  background-size:contain;
  position:absolute;
  cursor:pointer;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}
@media screen and (min-width:960px) {
  .popup-close {
    width:40px;
    height:40px;
    font-size:24px
  }
  .popup-modal {
    width:100%;
    max-width:480px
  }
}
.popup-close:hover {
  background:#e53935
}
.popup-banner.fade-out {
  animation:popup-fade-out .3s ease-in forwards
}
.popup-banner.fade-in {
  animation:popup-fade-in .3s ease-out forwards
}
@keyframes popup-fade-out {
  from {
    opacity:1
  }
  to {
    opacity:0
  }
}
@keyframes popup-fade-in {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}
html:has(div.bookMaintenance-overlay) {
  overflow-y:hidden
}
.bookMaintenance-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background:rgba(0, 0, 0, 1);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:20
}
.bookMaintenance-modal {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:304px;
  max-width:90vw;
  max-height:90vh;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  animation:popup-fade-in .3s ease-out;
  z-index:21;
  padding:30px 15px;
  font-family:sans-serif
}
.bookMaintenance-modal__text {
  margin-bottom:35px;
  font-size:14px
}
.bookMaintenance-modal__date {
  display:block;
  margin:20px 0;
  text-align:center;
  font-weight:bold;
  color:#eb5528
}
.bookMaintenance-modal__button {
  max-width:350px
}
.bookMaintenance-modal__button.c-button.isOrange:hover {
  background-color:#eb5528;
  color:#fff
}
@media screen and (min-width:960px) {
  .bookMaintenance-modal {
    width:100%;
    max-width:520px;
    padding:40px 20px
  }
  .bookMaintenance-modal__date {
    font-size:18px
  }
}