/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden], template {
  display: none
}
a {
  background-color: transparent
}
a:active, a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted
}
b, strong {
  font-weight: 700
}
dfn {
  font-style: italic
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
mark {
  background: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}
button {
  overflow: visible
}
button, select {
  text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled], html input[disabled] {
  cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto
}
optgroup {
  font-weight: 700
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
td, th {
  padding: 0
}
html {
  font-family: Verdana, "メイリオ", Meiryo, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif
}
body {
  min-width: 980px;
  font-size: 16px
}
ul, li, h1, h2, h3, p, figure, dl, dt, dd {
  margin: 0;
  padding: 0;
  color: #444;
  line-height: 1.5
}
ul, li {
  list-style: none
}
a {
  text-decoration: none
}
#area-main {
  position: relative;
  padding-top: 90px
}
#area-content {
  display: table;
  width: 100%;
  padding-top: 10px;
  background-color: #303030;
  table-layout: fixed
}
.main-content {
  display: table-cell;
  padding-bottom: 80px;
  border-radius: 0 4px 0 0;
  background-color: #fff;
  vertical-align: top
}
#area-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  min-width: 980px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3)
}
#area-header .bx-logo {
  display: block;
  position: relative;
  float: left;
  width: 17%;
  height: 90px;
  background-color: #303030
}
#area-header .bx-logo-img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  padding: 3px 15px 0
}
#area-header .lst-nav {
  float: left;
  overflow: hidden;
  width: 66%
}
#area-header .lst-nav > li {
  float: left;
  width: 20%
}
#area-header .nav-item {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 90px;
  padding-top: 50px;
  color: #e4007f;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  text-align: center
}
#area-header .nav-item:before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 16px;
  background-color: #e4007f;
  content: ""
}
#area-header .nav-item:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #e4007f;
  content: "";
  transition: .2s
}
#area-header .nav-item.is-active:after, #area-header .nav-item:hover:after {
  height: 4px
}
#area-header .nav-item.is-active:hover:after {
  height: 6px
}
#area-header .nav-item-img {
  position: absolute;
  top: 27px;
  right: 0;
  left: 0;
  margin: 0 auto
}
#area-header .bx-search {
  float: left;
  width: 17%;
  padding-top: 27px
}
#area-header .bx-search > form {
  position: relative;
  width: 80%;
  margin: 0 auto
}
#area-header .bx-search-txt {
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  padding: 0 42px 0 12px;
  border: 2px solid #e4007f;
  border-radius: 50px;
  outline: none;
  background-color: #f7f7f7;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3) inset;
  font-size: 14px;
  line-height: 32px;
  transition: .2s
}
#area-header .bx-search-txt:focus {
  background-color: #fff
}
#area-header .bx-search-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 36px;
  border: none;
  border-radius: 0 50px 50px 0;
  outline: none;
  background: #e4007f url(../images/pages/common/ico_search.png) no-repeat;
  background-position: 10px center;
  font-size: 0;
  cursor: pointer
}
#area-footer {
  overflow: hidden;
  width: 100%;
  background-color: #303030
}
#area-footer .bx-footer-menu {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
  border-bottom: 1px solid #fff;
  font-size: 0;
  text-align: center
}
#area-footer .bx-logo {
  display: inline-block;
  width: 160px;
  padding-top: 5px;
  vertical-align: middle
}
#area-footer .bx-nav {
  display: inline-block;
  padding-left: 20px;
  vertical-align: middle
}
#area-footer .lst-nav {
  font-size: 0;
  text-align: left
}
#area-footer .lst-nav > li {
  display: inline-block;
  position: relative;
  padding: 0 24px 0 23px
}
#area-footer .lst-nav > li:not(:last-child):before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 12px;
  margin: auto;
  border-radius: 4px;
  background-color: #fff;
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  content: ""
}
#area-footer .nav-item {
  display: block;
  position: relative;
  padding: 8px 0;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-decoration: none
}
#area-footer .nav-item:before {
  display: block;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 2px;
  padding: 0 5px;
  background-color: #e4007f;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  content: "";
  transition: .2s;
  -ms-transform: translateX(-5px);
  transform: translateX(-5px)
}
#area-footer .nav-item:hover:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
#area-footer .bx-copy {
  padding: 10px 0;
  text-align: center
}
#area-footer .tx-copy {
  color: #fff;
  font-size: 12px
}
#area-footer .lst-bnr {
  width: 980px;
  margin: 0 auto;
  padding: 10px 0 0;
  font-size: 0;
  text-align: center
}
#area-footer .lst-bnr > li {
  display: inline-block;
  margin: 0 10px 20px
}
#area-footer .bnr-item {
  display: inline-block;
  transition: .2s
}
#area-footer .bnr-item:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
#page-top {
  position: absolute;
  z-index: 100;
  right: 20px;
  width: 70px;
  height: 76px;
  margin-top: 20px;
  border-bottom: 4px solid #fff;
  background-color: #e4007f;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .6)
}
#page-top:hover {
  background-color: #ff008c;
  -ms-transform: translateY(-4px);
  transform: translateY(-4px)
}
#page-top > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.c-side {
  display: table-cell;
  position: relative;
  width: 17%;
  padding-left: 10px;
  vertical-align: top
}
@media screen and (max-width:1280px) {
  .c-side {
    width: 210px
  }
}
.c-side .bx-side-content {
  overflow: hidden;
  margin-bottom: 10px
}
.c-side .bx-side-content:last-child {
  margin-bottom: 0
}
.c-side .ttl-side-content {
  border-radius: 4px 0 0;
  background-color: #e4007f;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  text-align: center
}
.c-side .lst-side-link {
  padding-top: 1px
}
.c-side .lst-side-link > li {
  margin-top: -1px;
  background-color: #e4007f
}
.c-side .side-link-item {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-top: 2px;
  padding: 5%;
  background-color: #fff;
  font-size: 0;
  transition: .2s
}
.c-side .lst-side-link.is-slide .side-link-item:hover {
  box-shadow: -5px 0 15px -5px rgba(0, 0, 0, .3) inset;
  -ms-transform: translateX(2px);
  transform: translateX(2px)
}
.c-side .side-link-item--arrow:before {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 16px;
  height: 12px;
  margin: auto;
  background-image: url(../images/pages/common/ico_arrow_pink.png?2024);
  content: ""
}
.c-side .side-link-item--blank:before {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url(../images/pages/common/ico_blank_pink.png);
  content: ""
}
.c-side .side-link-item-txt {
  color: #e4007f;
  font-weight: 700;
  line-height: 1.4
}
.c-side .btn-side-link {
  display: block;
  position: relative;
  overflow: hidden;
  margin-top: 2px;
  padding: 13px 0;
  background-color: #fff;
  color: #e4007f;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  transition: .2s
}
.c-side .btn-side-link:hover {
  padding-left: 4px;
  box-shadow: -5px 0 15px -5px rgba(0, 0, 0, .3) inset
}
.c-side .btn-side-link:before {
  display: block;
  position: absolute;
  top: -5px;
  left: -36px;
  width: 60px;
  height: 60px;
  background-color: #e4007f;
  content: "";
  transition: .2s;
  -ms-transform: scaleX(.4) rotate(45deg);
  transform: scaleX(.4) rotate(45deg)
}
.c-side .btn-side-link:hover:before {
  -ms-transform: translateX(2px) scaleX(.4) rotate(45deg);
  transform: translateX(2px) scaleX(.4) rotate(45deg)
}
.c-side .btn-side-link:after {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 16px;
  height: 12px;
  margin: auto;
  background-image: url(../images/pages/common/ico_arrow_pink.png?2024);
  content: "";
  transition: .2s
}
.c-side .btn-side-link:hover:after {
  -ms-transform: translateX(2px);
  transform: translateX(2px)
}
.c-side .bx-side-content-recommend-maker .side-link-item-img, .c-side .bx-side-content-sns .side-link-item-img {
  display: inline-block;
  width: 28%;
  border-radius: 4px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
  vertical-align: middle
}
.c-side .bx-side-content-recommend-maker .side-link-item-txt, .c-side .bx-side-content-sns .side-link-item-txt {
  display: inline-block;
  box-sizing: border-box;
  width: 72%;
  padding: 0 24px 0 5%;
  font-size: 13px;
  vertical-align: middle
}
.c-side .bx-side-timeline {
  overflow: hidden;
  height: 360px;
  margin-top: 2px;
  background: #fff
}
.c-side .bx-side-timeline > iframe {
  width: 100%;
  height: 100%
}
.c-side .side-link-item.is-new .side-link-item-txt:before {
  display: block;
  width: 36px;
  margin-bottom: 2px;
  padding-bottom: 2px;
  border-radius: 10px;
  background-color: #e4007f;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  content: "new"
}
.c-side .bx-side-content-recommend-genre .lst-side-link {
  text-align: center
}
.c-side .bx-side-content-recommend-genre .side-link-item-txt {
  font-size: 14px
}
.c-side .bx-side-content-pr .side-link-item-img {
  width: 100%;
  margin-bottom: 5px
}
.c-side .bx-side-content-pr .side-link-item:hover .side-link-item-img {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.c-side .bx-side-content-pr .side-link-item-txt {
  font-size: 14px
}
.c-side .bx-side-content-pr .side-link-item[target=_blank] .side-link-item-txt:after {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  background-image: url(../images/pages/common/ico_blank_pink.png?2024);
  background-size: 100% 100%;
  content: ""
}
.c-side .bx-side-content-maker .bx-maker {
  display: block;
  margin-top: 2px;
  padding: 5% 5% 10%;
  background-color: #fff;
  transition: .2s
}
.c-side .bx-side-content-maker .bx-maker-img {
  display: block;
  width: 38%;
  margin: 0 auto 5%;
  border-radius: 4px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
  transition: .2s
}
.c-side .bx-side-content-maker:hover .bx-maker-img {
  box-shadow: 0 0 3px 0 rgba(228, 0, 127, .6)
}
.c-side .bx-side-content-maker .bx-maker-ttl {
  padding-bottom: 3%;
  border-bottom: 1px solid #e4007f;
  color: #444;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transition: .2s
}
.c-side .bx-side-content-maker .bx-maker-txt {
  width: 98%;
  margin: 5% auto 0;
  color: #444;
  font-size: 14px;
  transition: .2s
}
.c-side .bx-side-content-maker .bx-maker:hover .bx-maker-ttl, .c-side .bx-side-content-maker .bx-maker:hover .bx-maker-txt {
  color: #e4007f
}
.c-side .bx-side-content-buy {
  margin-bottom: 0;
  padding-bottom: 166px
}
.c-side .bx-side-content-buy.is-active {
  padding-bottom: 0
}
.c-side .bx-side-content-buy .ttl-side-content {
  background-color: #058be0
}
.c-side .bx-side-content-buy .bx-pake {
  overflow: hidden;
  height: 0;
  margin: 0;
  padding: 0;
  border-top: 2px solid #058be0;
  border-bottom: 2px solid #058be0;
  background: #fff;
  transition: .4s
}
.c-side .bx-side-content-buy.is-active .bx-pake {
  height: 140px;
  margin-top: 1px;
  padding: 10px 0
}
.c-side .bx-side-content-buy .bx-pake-img {
  display: block;
  width: 100px;
  margin: 0 auto;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3)
}
.c-side .bx-side-content-buy .bx-buy {
  position: relative;
  margin-top: 2px;
  padding: 10px 5%;
  background-color: #fff
}
.c-side .bx-side-content-buy .bx-buy:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 5%;
  width: 60px;
  height: 60px;
  content: ""
}
.c-side .bx-side-content-buy .bx-buy--dvd:before {
  /*background-image: url(../images/pages/works/ico_dvd.png)*/
}
.c-side .bx-side-content-buy .bx-buy--dl:before {
  background-image: url(../images/pages/works/ico_dl.png)
}
.c-side .bx-side-content-buy .bx-buy-type {
  padding: 4px 0 0 70px;
  font-size: 20px;
  font-weight: 700
}
.c-side .bx-side-content-buy .bx-buy-detail {
  padding-left: 70px;
  font-size: 14px
}
.c-side .bx-side-content-buy .btn-buy {
  display: block;
  position: relative;
  width: 100%;
  height: 60px;
  margin: 16px 0 10px;
  transition: .2s
}
.c-side .bx-side-content-buy .btn-buy:hover {
  background-color: #059fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .6)
}
.c-side .bx-side-content-buy .btn-buy-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.c-side .bx-side-content-buy .ico-25off {
  position: absolute;
  top: -1px;
  right: 4px
}
.c-side .bx-side-content-buy .bx-buy--haiban .btn-buy {
  background-color: #a2a2a2
}
.c-side .bx-side-content-buy .bx-buy--haiban .btn-buy:hover {
  background-color: #afafaf
}
.c-tab {
  display: table;
  width: 100%;
  border-top: 2px solid #e4007f;
  border-bottom: 1px solid #cdcdcd;
  background-color: #ededed;
  table-layout: fixed
}
.c-tab .item-tab {
  display: table-cell;
  position: relative;
  box-sizing: border-box;
  border-right: 1px solid #cdcdcd;
  background-color: #fff;
  text-align: center
}
.c-tab .item-tab:last-child {
  border-right: none
}
.c-tab .item-tab.is-inactive {
  background-color: #ededed
}
.c-tab .item-tab:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #e4007f;
  content: "";
  transition: .2s
}
.c-tab .item-tab:not(.is-inactive):hover:before, .c-tab .item-tab.is-active:before {
  height: 4px
}
.c-tab .tx-tab {
  padding: 20px 0;
  color: #444;
  font-size: 13px
}
.c-tab .item-tab.is-inactive .tx-tab {
  color: #cdcdcd
}
.c-tab .item-tab:not(.is-inactive):hover .tx-tab, .c-tab .item-tab.is-active .tx-tab {
  color: #e4007f;
}
.c-tab.c-tab--maker {
  display: block;
  border-bottom: none;
  box-shadow: 0 -1px #cdcdcd inset;
  font-size: 0
}
.c-tab.c-tab--maker .item-tab {
  display: inline-block;
  width: 25%;
  padding: 5px 0;
  border-bottom: 1px solid #cdcdcd
}
.c-tab.c-tab--maker .item-tab:last-child:not(:nth-child(4n)) {
  border-right: 1px solid #cdcdcd
}
.c-tab.c-tab--maker .item-tab img {
  display: block;
  width: 60px;
  margin: 0 auto 5px
}
.c-tab.c-tab--maker .item-tab .tx-tab {
  padding: 0
}
.c-tab-narrow {
  display: block;
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #cdcdcd;
  background-color: #ededed;
  text-align: center
}
.c-tab-narrow .tab-narrow-ttl {
  display: block;
  font-weight: 700;
  line-height: 20px;
  vertical-align: top
}
.c-tab-narrow .tab-narrow-ttl:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background-image: url(../images/pages/common/ico_search_gray.png);
  vertical-align: bottom;
  content: ""
}
.c-tab-narrow .btn-roll {
  display: inline-block;
  position: absolute;
  top: 10px;
  margin-left: 80px;
  padding-right: 12px;
  color: #e4007f;
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
  cursor: pointer
}
.c-tab-narrow .btn-roll:hover {
  text-decoration: underline
}
.c-tab-narrow .btn-roll:before {
  position: absolute;
  top: 9px;
  right: 0;
  width: 10px;
  height: 2px;
  background-color: #e4007f;
  content: ""
}
.c-tab-narrow .btn-roll:after {
  position: absolute;
  top: 5px;
  right: 4px;
  width: 2px;
  height: 10px;
  background-color: #e4007f;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  content: ""
}
.c-tab-narrow .btn-roll:hover:before, .c-tab-narrow .btn-roll:hover:after {
  transition: .2s;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
.c-tab-narrow .btn-roll.is-close:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.c-tab-narrow .lst-narrow {
  overflow: hidden;
  margin-top: 10px;
  padding: 0 10px 0 20px;
  font-size: 0;
  text-align: left;
  transition: .4s
}
.c-tab-narrow .btn-narrow {
  display: inline-block;
  margin: 0 10px 10px 0
}
.c-tab-narrow .btn-narrow .tx-btn {
  display: block;
  position: relative;
  padding: 3px 10px;
  border: 1px solid #f7b2d8;
  border-radius: 30px;
  background-color: #fff;
  color: #e4007f;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  transition: .6s
}
.c-tab-narrow .btn-narrow .tx-btn:hover {
  border-color: #e4007f;
  background-color: #e4007f;
  color: #fff;
  transition: .2s
}
.c-tab-narrow .btn-narrow .num-btn {
  display: inline-block;
  padding: 1px 0 0 2px;
  font-size: 12px;
  vertical-align: top
}
.c-tab-narrow .btn-narrow.is-selected .tx-btn {
  padding-right: 20px;
  border-color: #444;
  background-color: #444;
  color: #fff
}
.c-tab-narrow .btn-narrow.is-selected .tx-btn:hover {
  border-color: #888;
  background-color: #666
}
.c-tab-narrow .btn-narrow.is-selected .tx-btn:before, .c-tab-narrow .btn-narrow.is-selected .tx-btn:after {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 2px;
  height: 10px;
  margin: auto 0;
  background-color: #fff;
  content: ""
}
.c-tab-narrow .btn-narrow.is-selected .tx-btn:before {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.c-tab-narrow .btn-narrow.is-selected .tx-btn:after {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.c-breadcrumb {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px 20px;
  background: #ededed;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap
}
.c-breadcrumb > * {
  font-size: 14px;
  line-height: 20px
}
.c-breadcrumb > a {
  color: #e4007f
}
.c-breadcrumb > span {
  color: #444
}
.c-breadcrumb > a:hover {
  text-decoration: underline
}
.c-breadcrumb > *:not(:last-child):after {
  padding: 0 8px 0 10px;
  content: url("../images/pages/common/ico_tri_gray.png")
}
.c-btn-round {
  display: inline-block;
  font-size: 0
}
.c-btn-round .btn-inner {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border-radius: 50px;
  background-color: #fff;
  transition: .6s
}
.c-btn-round:not(.is-inactive) .btn-inner:hover {
  border-color: #e4007f;
  background-color: #e4007f;
  transition: .2s
}
.c-btn-round .tx-btn {
  color: #e4007f;
  font-size: 16px;
  line-height: 1;
  transition: .2s
}
.c-btn-round:not(.is-inactive) .btn-inner:hover .tx-btn {
  color: #fff
}
.c-btn-round.c-btn-round--size01 .btn-inner {
  border: 1px solid #f7b2d8
}
.c-btn-round.c-btn-round--size01 .tx-btn {
  padding: 3px 10px;
  font-size: 14px
}
.c-btn-round.c-btn-round--size01 .tx-btn-num {
  position: relative;
  left: 6px;
  margin-left: -12px;
  font-size: 12px
}
.c-btn-round.c-btn-round--size02 .btn-inner {
  border: 1px solid #e4007f
}
.c-btn-round.c-btn-round--size02 .tx-btn {
  padding: 11px 20px;
  font-weight: 700
}
.c-btn-round.c-btn-round--size03 .btn-inner {
  border: 2px solid #e4007f
}
.c-btn-round.c-btn-round--size03 .tx-btn {
  padding: 10px 20px;
  font-weight: 700
}
.c-btn-round.c-btn-round--arrow .btn-inner {
  padding-right: 22px
}
.c-btn-round.c-btn-round--arrow .btn-inner:before, .c-btn-round.c-btn-round--arrow .btn-inner:after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 16px;
  height: 12px;
  margin: auto 0;
  content: ""
}
.c-btn-round.c-btn-round--arrow .btn-inner:before {
  background: url(../images/pages/common/ico_arrow_white.png)
}
.c-btn-round.c-btn-round--arrow .btn-inner:after {
  background: url(../images/pages/common/ico_arrow_pink.png?2024);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: .2s
}
.c-btn-round.c-btn-round--arrow .btn-inner:hover:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.c-btn-round.c-btn-round--plus .btn-inner {
  padding-right: 18px
}
.c-btn-round.c-btn-round--plus .btn-inner:before, .c-btn-round.c-btn-round--plus .btn-inner:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #e4007f;
  content: "";
  transition: .2s
}
.c-btn-round.c-btn-round--plus .btn-inner:hover:before, .c-btn-round.c-btn-round--plus .btn-inner:hover:after {
  background-color: #fff
}
.c-btn-round.c-btn-round--plus .btn-inner:before {
  right: 20px;
  width: 12px;
  height: 2px
}
.c-btn-round.c-btn-round--plus .btn-inner:after {
  right: 25px;
  width: 2px;
  height: 12px
}
.c-btn-round.is-inactive .btn-inner {
  border-color: #ededed;
  background-color: #ededed
}
.c-btn-round.is-inactive .tx-btn {
  color: #444
}
.c-btn-round.is-selected .btn-inner {
  padding-right: 10px;
  border-color: #444;
  background-color: #444
}
.c-btn-round.is-selected .btn-inner:hover {
  border-color: #888;
  background: #888
}
.c-btn-round.is-selected .btn-inner:before, .c-btn-round.is-selected .btn-inner:after {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 2px;
  height: 10px;
  margin: auto 0;
  background-color: #fff;
  content: ""
}
.c-btn-round.is-selected .btn-inner:before {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.c-btn-round.is-selected .btn-inner:after {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.c-btn-round.is-selected .tx-btn {
  color: #fff
}
.c-btn-rect {
  display: inline-block
}
.c-btn-rect .btn-inner {
  display: block;
  box-sizing: border-box;
  height: 60px;
  padding: 22px 0;
  background-color: #e4007f;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
  text-align: center;
  transition: .2s
}
.c-btn-rect .btn-inner:hover {
  background-color: #ff008c;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .6)
}
.c-btn-rect .btn-deny {
  display:block;
  box-sizing:border-box;
  height:60px;
  padding:22px 0;
  background-color:#9b9b9b;
  box-shadow:0 1px 3px 0 rgba(0,0,0,.3);
  text-align:center;
  transition:.2s
}
.c-btn-rect .btn-deny:hover {
  background-color:#afafaf;
  box-shadow:0 1px 3px 0 rgba(0,0,0,.6)
}
.c-btn-rect .tx-btn {
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  vertical-align: top
}
.c-btn-rect.c-btn-rect--size01 {
  width: 60%
}
.c-btn-rect.c-btn-rect--size02 {
  width: 280px
}
.c-btn-rect.c-btn-rect--size03 {
  width: 100%
}
.c-btn-rect.c-btn-rect--arrow .tx-btn:after {
  position: relative;
  right: -6px;
  content: url("../images/pages/common/ico_arrow_white.png");
  transition: .2s
}
.c-btn-rect.c-btn-rect--arrow:hover .tx-btn:after {
  right: -10px
}
.area-list {
  overflow: hidden;
  background-color: #ededed;
  box-shadow: 0 -1px #cdcdcd inset
}
.area-list > li[class^=c-list], .area-list > .c-media-item {
  float: left
}
.c-list-works-item {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 25%;
  height: 500px;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background-color: #fff;
  transition: .6s
}

/*商品一覧リストの高さ調整*/
@media screen and (max-width:1199px)
{
	.c-list-works-item
	{
		height: 325px;
	}
}

.c-list-works-item:hover {
  background: #e4007f
}
.c-list-works-item:nth-child(4n) {
  border-right-color: #fff
}
.c-list-works-item:nth-child(4n):hover {
  border-right-color: #e4007f
}
.c-list-works-item .bx-works-detail {
  display: block;
  padding: 8% 0;
  transition: .6s
}
.c-list-works-item .works-detail-img {
  display: block;
  width: 75%;
  max-width: 260px;
  margin: 0 auto 6%
}
.c-list-works-item .works-detail-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-width: 260px;
  max-height: 3em;
  margin: 0 auto;
  padding: 0 12%;
  color: #e4007f;
  transition: .6s
}
.c-list-works-item:hover .works-detail-title {
  color: #fff
}
.c-list-works-item .bx-works-maker {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .2);
  transition: .2s
}
.c-list-works-item .bx-works-maker:hover {
  width: 30%;
  transition: .4s
}
.c-list-works-item .works-maker-img {
  display: block;
  width: 100%
}
.c-list-maker-item {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 25%;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background-color: #fff;
  transition: .2s
}
.c-list-maker-item:hover {
  background-color: #f7f7f7
}
.c-list-maker-item:nth-child(4n) {
  border-right-color: #fff
}
.c-list-maker-item > a {
  display: block;
  padding: 6% 0 12%
}
.c-list-maker-item .bx-list-tx {
  padding: 0 10%
}
.c-list-maker-item .tx-maker-name {
  margin-bottom: 5%;
  padding: 6% 0 4%;
  border-bottom: 1px solid #e4007f;
  color: #444;
  font-weight: 700;
  text-align: center;
  transition: .2s
}
.c-list-maker-item .tx-maker-description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  max-height: 7.5em;
  color: #444;
  font-size: 14px;
  text-align: left;
  transition: .2s
}
.c-list-maker-item:hover .tx-maker-name, .c-list-maker-item:hover .tx-maker-description {
  color: #e4007f
}
.c-list-maker-item .bx-list-img {
  width: 45%;
  margin: 0 auto
}
.c-list-maker-item .bx-list-img > img {
  display: block;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
  transition: .2s
}
.c-list-maker-item:hover .bx-list-img > img {
  box-shadow: 0 0 3px 0 rgba(228, 0, 127, .6)
}
.c-list-sample-item {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 25%;
  padding: 1% 0;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background-color: #fff
}
.c-list-sample-item:nth-child(4n) {
  border-right-color: #fff
}
.c-list-sample-item .bx-sample-maker {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 20%;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .2);
  transition: .2s
}
.c-list-sample-item .bx-sample-maker:hover {
  width: 30%;
  transition: .4s
}
.c-list-sample-item .sample-maker-img {
  display: block;
  width: 100%
}
.c-list-sample-item .bx-sample-thum {
  display: block;
  position: relative;
  z-index: 1;
  width: 92%;
  margin: 0 auto 3%
}
.c-list-sample-item .bx-sample-thum:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url(../images/pages/common/ptn_border.png);
  content: "";
  transition: .2s
}
.c-list-sample-item .bx-sample-thum:hover:before {
  background: rgba(228, 0, 127, .6) url(../images/pages/common/ptn_border.png)
}
.c-list-sample-item .bx-sample-thum:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 56px;
  height: 56px;
  margin: auto;
  background: url(../images/pages/common/ico_play.png) no-repeat;
  content: ""
}
.c-list-sample-item .bx-sample-thum:hover:after {
  animation: hoverSlide .4s ease
}
.c-list-sample-item .sample-thum-img {
  display: block;
  width: 100%
}
.c-list-sample-item .bx-sample-detail {
  display: block;
  box-sizing: border-box;
  width: 92%;
  margin: 0 auto;
  font-size: 0
}
.c-list-sample-item .sample-detail-img {
  display: inline-block;
  width: 50px;
  vertical-align: middle;
  transition: .2s
}
.c-list-sample-item .wrap-sample-detail-title {
  display: inline-block;
  width: calc(100% - 50px);
  margin-top: -2px;
  vertical-align: middle
}
.c-list-sample-item .sample-detail-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  box-sizing: border-box;
  max-height: 4.5em;
  padding-left: 6px;
  color: #e4007f;
  font-size: 16px;
  vertical-align: top
}
.c-list-sample-item .c-btn-rect {
  width: 92%;
  margin: 3% 4% 0
}
.c-media-item {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 25%;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background-color: #fff;
  transition: .2s
}
.c-media-item:hover {
  background-color: #f7f7f7
}
.c-media-item:nth-child(4n) {
  border-right-color: #fff
}
.c-media-item:before {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 16px;
  height: 12px;
  margin: auto;
  background-image: url(../images/pages/common/ico_arrow_pink.png?2024);
  content: "";
  transition: .2s
}
.c-media-item:hover:before {
  -ms-transform: translateX(4px);
  transform: translateX(4px)
}
.c-media-item > a {
  display: table;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px
}
.c-media-item .bx-media-img {
  display: table-cell;
  width: 30%;
  vertical-align: middle
}
.c-media-item .bx-media-img > img {
  display: block;
  width: 100%;
  max-width: 80px;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
  transition: .2s
}
.c-media-item:hover .bx-media-img > img {
  box-shadow: 0 0 3px 0 rgba(228, 0, 127, .6)
}
.c-media-item .bx-media-tx {
  display: table-cell;
  padding: 2px 20px 2px 10px;
  vertical-align: middle
}
.c-media-item .bx-media-tx .ttl-media {
  display: block;
  color: #e4007f;
  font-weight: 700;
  word-break: break-all
}
.c-media-item .bx-media-tx .tx-media {
  display: block;
  font-size: 12px;
  transition: .2s
}
.c-media-item:hover .bx-media-tx .tx-media {
  color: #e4007f
}
.c-ttl-page {
  width: 100%;
  padding: 20px 0;
  text-align: center
}
.c-ttl-page .ttl-page {
  color: #e4007f;
  font-size: 24px;
  font-weight: 700
}
.c-ttl-page .ttl-page-sub {
  color: #e4007f;
  font-size: 12px
}
.c-ttl-segment {
  box-sizing: border-box;
  width: 100%;
  text-align: center
}
.c-ttl-segment .ttl-segment {
  position: relative;
  padding: 8px 0;
  background: #444 url(../images/pages/common/bg_segment.png);
  color: #fff;
  font-size: 20px
}
.c-ttl-segment .tx-segment-sm {
  font-size: 16px
}
.c-ttl-segment--minus, .c-ttl-segment--plus {
  cursor: pointer
}
.c-ttl-segment--minus .ttl-segment:after, .c-ttl-segment--plus .ttl-segment:after {
  display: inline-block;
  position: relative;
  left: 12px;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  border-radius: 4px;
  content: ""
}
.c-ttl-segment--minus .ttl-segment:after {
  background: url(../images/pages/common/ico_segment_minus.png) no-repeat center center
}
.c-ttl-segment--plus .ttl-segment:after {
  background: url(../images/pages/common/ico_segment_plus.png) no-repeat center center
}
.c-ttl-maker {
  margin-top: -1px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background-color: #ededed
}
.c-ttl-maker .wrap-ttl-maker {
  display: table;
  width: 720px;
  margin: 0 auto;
  padding: 10px 0
}
.c-ttl-maker .bx-ttl-maker-img {
  display: table-cell;
  width: 120px;
  margin: 0 auto;
  vertical-align: middle
}
.c-ttl-maker .bx-ttl-maker-img > img {
  display: block;
  width: 100%;
  border-radius: 10px
}
.c-ttl-maker .bx-ttl-maker-tx {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle
}
.c-ttl-maker .tx-maker-name {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700
}
.c-ttl-maker .tx-maker-description {
  font-size: 14px
}
.area-paging .bx-paging {
  border-bottom: 1px solid #cdcdcd;
  font-size: 0;
  text-align: center
}
.area-paging .bx-paging li {
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  vertical-align: top
}
.area-paging .bx-paging .current {
  background-color: #e4007f;
  color: #fff
}
.area-paging .bx-paging li > * {
  display: block;
  height: 100%;
  background-color: #fff;
  color: #e4007f;
}
.area-paging .bx-paging li > *:hover {
  background-color: #e4007f;
  color: #fff
}
.area-paging .bx-paging li:first-child > * {
  background: #fff url(../images/pages/common/ico_arrow_pink.png?2024) no-repeat center center;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
.area-paging .bx-paging li:last-child > * {
  background: #fff url(../images/pages/common/ico_arrow_pink.png?2024) no-repeat center center
}
.area-paging .bx-paging li:first-child > a:hover, .area-paging .bx-paging li:last-child > a:hover {
  background: #e4007f url(../images/pages/common/ico_arrow_white.png) no-repeat center center
}
.area-paging .bx-paging li .disabled {
  background: #fff url(../images/pages/common/ico_arrow_gray.png) no-repeat center center;
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}
.area-paging .tx-paging {
  padding: 8px 0;
  border-bottom: 1px solid #cdcdcd;
  background-color: #f7f7f7;
  font-size: 13px;
  text-align: center
}
@keyframes hoverSlide {
  0% {
    transform: translateX(0)
  }
  50% {
    transform: translateX(4px)
  }
  100% {
    transform: translateX(0)
  }
}