@charset "UTF-8";
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, input, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area, menu, hr, address, small, strong, i, b, article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, bdo, source, canvas, details, summary, command, datalist, keygen, output, progress, meter {
  margin: 0;
  padding: 0;
  font-size: 100%;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav, section, summary {
  display: block;
}

ul, ol {
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a img {
  border: none;
}

img {
  vertical-align: top;
}

[hidden] {
  display: none;
}

mark {
  background: none;
}

em,
i {
  font-style: normal;
}

input {
  opacity: 1;
}

html {
  font-size: 62.5%;
  line-height: 1.5;
  font-size: 10px;
}

body {
  background-color: #fff;
  position: relative;
  color: #333;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  min-width: 1180px;
}

a {
  color: #003674;
  text-decoration: none;
}
a:hover {
  color: #d80c18;
  text-decoration: underline;
}

p {
  line-height: 1.5;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: bold;
  line-height: 1.5;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  line-height: 1;
}

h1,
h2,
h3 {
  line-height: 1.5;
}

ul, ol {
  padding: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding-left: 5px;
  padding-right: 5px;
}

dt,
dd {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

.dl-horizontal {
  *zoom: 1;
}
.dl-horizontal:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.dl-horizontal dt {
  float: left;
  clear: left;
  text-align: right;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  word-wrap: normal;
}

hr {
  border: 0;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0  1.5em;
  border-left: 5px solid #eee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 78.125%;
  font-weight: 300;
  line-height: 1.25;
}
blockquote small {
  display: block;
  line-height: 1.5;
  color: #999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:before {
  content: '';
}
blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}

address {
  display: block;
  margin-bottom: 1.5;
  font-style: normal;
  line-height: 1.5;
}

#content {
  display: block;
  margin: 20px auto 0;
  width: 1180px;
  *zoom: 1;
}
#content:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
#content #main {
  float: left;
  width: 900px;
}
#content .sidebar_left + #main {
  float: left;
  width: 670px;
}
#content .sidebar.sidebar_left {
  float: left;
  margin-right: 30px;
  width: 200px;
}
#content .sidebar.sidebar_right {
  float: right;
  width: 250px;
}
#content .sidebar.sidebar_right .sidebar-banner {
  margin-bottom: 20px;
}
#content .sidebar.sidebar_right .sidebar-banner img {
  width: 100%;
}
#content #main > #top-contents {
  *zoom: 1;
}
#content #main > #top-contents:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
#content #main > #top-contents .right-contents {
  float: left;
  display: block;
  width: 670px;
}

span[rel^=ui-openModal] {
  color: #003674;
  cursor: pointer;
}
span[rel^=ui-openModal]:hover {
  color: #d80c18;
  text-decoration: underline;
}

#header {
  width: 100%;
}
#header .inner {
  width: 1180px;
  margin: 0 auto;
  position: relative;
  *zoom: 1;
}
#header .inner:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
#header .btn:hover {
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
}
#header .btn:hover:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#header .icon {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 5px;
}
#header .row-01 {
  background: #000;
  color: #fff;
  height: 20px;
  line-height: 20px;
}
#header .row-01 a {
  color: inherit;
}
#header .tagline {
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
}
#header .tagline h1 {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: normal;
  width: 720px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#header .menu-mypage {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
#header .menu-mypage p {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 10px;
}
#header .menu-mypage a {
  font-weight: bold;
}
#header .menu-mypage .mypage-link .icon {
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 13px;
  width: 10px;
  background-position: 0 -633px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
  margin-top: -4px;
}
#header .menu-mypage .mypage-point .num {
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: middle;
}
#header .row-02 {
  background: #fff;
  border-bottom: 1px solid #dcdcdc;
  height: 58px;
}
#header .row-02.news .si a img {
  width: 255px;
}
#header .row-02.news .info {
  padding-left: 280px;
}
#header .si {
  position: absolute;
  top: 0;
  left: 0;
  height: 58px;
}
#header .si a {
  display: block;
}
#header .si a img {
  padding-top: 7px;
  width: 188px;
  height: 44px;
}
#header .info {
  padding-left: 230px;
}
#header .info dl {
  display: table;
  height: 58px;
  margin: 0;
}
#header .info dt:after {
  content: "：";
}
#header .info dt, #header .info dd {
  display: table-cell;
  padding-right: 10px;
  vertical-align: middle;
}
#header .info a {
  color: #000;
}
#header .info dt, #header .info .list {
  font-weight: bold;
}
#header .info .text {
  width: 275px;
  box-sizing: border-box;
}
#header .menu-guide {
  position: absolute;
  top: 0;
  right: 0;
  border-right: 1px solid #dcdcdc;
}
#header .menu-guide > ul > li {
  float: left;
  width: 110px;
  border-left: 1px solid #dcdcdc;
  text-align: center;
  height: 58px;
}
#header .menu-guide > ul > li > a, #header .menu-guide > ul > li.drop-down {
  display: block;
  line-height: 58px;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  color: #000;
}
#header .menu-guide > ul > li [class^="mti-icon-"], #header .menu-guide > ul > li [class*=" mti-icon-"] {
  padding-left: 28px;
}
#header .menu-guide > ul > li [class^="mti-icon-"]:before, #header .menu-guide > ul > li [class*=" mti-icon-"]:before {
  font-size: 28px;
  font-size: 2.8rem;
  color: #000;
  top: -3px;
  bottom: 0;
  left: -2px;
  margin: auto;
}
#header .menu-guide .badge {
  text-align: center;
  color: #fff;
  position: absolute;
  top: -17px;
  right: 35px;
  line-height: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background: #bf161c;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmMTYxYyIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjYTgwYTBjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTkwMTAyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bf161c), color-stop(75%, #a80a0c), color-stop(100%, #990102));
  background: -moz-linear-gradient(#bf161c 0%, #a80a0c 75%, #990102 100%);
  background: -webkit-linear-gradient(#bf161c 0%, #a80a0c 75%, #990102 100%);
  background: linear-gradient(#bf161c 0%, #a80a0c 75%, #990102 100%);
  background-color: #b61116;
  z-index: 20;
  padding: 4px;
  min-width: 12px;
  font-weight: bold;
}
#header .menu-guide .drop-down {
  position: relative;
  cursor: pointer;
}
#header .menu-guide .drop-down.mti-icon-triangle_d:before {
  bottom: 3px;
  left: 0;
  right: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
#header .menu-guide .drop-down > ul.drop {
  position: absolute;
  right: -1px;
  border: 1px solid #dcdcdc;
  width: 250px;
  box-sizing: border-box;
}
#header .menu-guide .drop-down > ul.drop > li {
  background: #fff;
  text-align: left;
  border-top: 1px solid #dcdcdc;
  box-sizing: border-box;
  font-weight: 700;
  height: 52px;
}
#header .menu-guide .drop-down > ul.drop > li:first-child {
  border-top: none;
}
#header .menu-guide .drop-down > ul.drop > li a {
  padding: 0 15px;
  box-sizing: border-box;
  display: block;
  line-height: 53px;
  font-size: 14px;
  font-size: 1.4rem;
}
#header .menu-guide .drop-down > ul.drop > li a:hover {
  text-decoration: underline;
}
#header .menu-guide .drop-down > ul.drop > li a[class^="mti-icon-"], #header .menu-guide .drop-down > ul.drop > li a[class*=" mti-icon-"] {
  position: relative;
  padding-left: 25px;
}
#header .menu-guide .drop-down > ul.drop > li a[class^="mti-icon-"]:before, #header .menu-guide .drop-down > ul.drop > li a[class*=" mti-icon-"]:before {
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
  top: 50%;
  left: 10px;
  margin-top: -6px;
}
#header .menu-guide .drop-down > ul.drop > li a[class^="mti-icon-"].music, #header .menu-guide .drop-down > ul.drop > li a[class*=" mti-icon-"].music {
  color: #c03;
}
#header .menu-guide .drop-down > ul.drop > li a[class^="mti-icon-"].music:before, #header .menu-guide .drop-down > ul.drop > li a[class*=" mti-icon-"].music:before {
  color: #c03;
}
#header .menu-guide .drop-down > ul.drop > li a[class^="mti-icon-"].comic, #header .menu-guide .drop-down > ul.drop > li a[class*=" mti-icon-"].comic {
  color: #ff8000;
}
#header .menu-guide .drop-down > ul.drop > li a[class^="mti-icon-"].comic:before, #header .menu-guide .drop-down > ul.drop > li a[class*=" mti-icon-"].comic:before {
  color: #ff8000;
}
#header .menu-guide .drop-down > ul.drop > li a[class^="mti-icon-"].book, #header .menu-guide .drop-down > ul.drop > li a[class*=" mti-icon-"].book {
  color: #39c;
}
#header .menu-guide .drop-down > ul.drop > li a[class^="mti-icon-"].book:before, #header .menu-guide .drop-down > ul.drop > li a[class*=" mti-icon-"].book:before {
  color: #39c;
}
#header .menu-guide .drop-down > ul.drop > li .badge {
  top: 15px;
  right: 15px;
}
#header .menu-guide .drop-down > ul.drop {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=100);
  top: 80%;
  visibility: hidden;
  overflow: hidden;
}
#header .menu-guide .drop-down:hover > ul.drop {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 100%;
  visibility: visible;
  overflow: visible;
  z-index: 105;
}
#header .row-02-02 {
  background: #e6e6e6;
  border-bottom: 1px solid #dcdcdc;
}
#header .menu-global ul {
  *zoom: 1;
  padding-top: 6px;
  margin-right: -9px;
}
#header .menu-global ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
#header .menu-global li {
  float: left;
  width: 19.24%;
  margin-right: 9px;
  height: 33px;
}
#header .menu-global .btn {
  display: block;
  line-height: 33px;
  height: 31px;
  background: #fff;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px 3px 0 0;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  width: 100%;
}
#header .menu-global .btn.on {
  background: #f5f4ed;
  -moz-box-shadow: -1px -10px -1px #000;
  -webkit-box-shadow: -1px -10px -1px #000;
  box-shadow: -1px -10px -1px #000;
  border-top: 3px solid;
}
#header .menu-global .btn-portal {
  color: #c90;
}
#header .menu-global .btn-portal.on {
  border-color: #c90;
}
#header .menu-global .btn-music {
  color: #c03;
}
#header .menu-global .btn-music.on {
  border-color: #c03;
}
#header .menu-global .btn-comic {
  color: #ff8000;
}
#header .menu-global .btn-comic.on {
  border-color: #ff8000;
}
#header .menu-global .btn-book {
  color: #39c;
}
#header .menu-global .btn-book.on {
  border-color: #39c;
}
#header .menu-global .btn-video {
  color: #66bc40;
  float: right;
}
#header .menu-global .btn-video.on {
  border-color: #66bc40;
}
#header .row-03 {
  background: #f5f4ed;
  border-bottom: 1px solid #dcdcdc;
  position: relative;
}
#header .row-03:after {
  content: "";
  position: absolute;
  bottom: -8px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 7px;
}
#header .fixed {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 102;
}
#header .searchword {
  padding-bottom: 10px;
}
#header .searchword .searchword-title {
  display: inline;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  padding-right: 10px;
}
#header .searchword ul {
  font-size: 0px;
}
#header .searchword ul, #header .searchword li {
  display: inline;
}
#header .searchword li {
  padding-right: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
#header .searchword a {
  text-decoration: none;
  color: #000;
}
#header .searchword a:hover {
  text-decoration: underline;
}
#header .search {
  height: 30px;
  padding: 10px 0 7px 0;
  font-size: 14px;
  font-size: 1.4rem;
  *zoom: 1;
}
#header .search:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
#header .search .search-keyword {
  width: 500px;
  float: left;
  position: relative;
}
#header .search .text,
#header .search .list,
#header .search .btn {
  float: left;
}
#header .search .text {
  border: 1px solid #676664;
  border-right: none;
  height: 28px;
  background: #fff;
  width: 400px;
}
#header .search .text input {
  border: none;
  line-height: 28px;
  height: 28px;
  padding: 0 10px;
  width: 350px;
}
#header .search .list {
  position: absolute;
  top: 0;
  right: 60px;
  background: #e6e6e6;
  line-height: 27px;
  border-bottom: 3px solid #b8b8b8;
}
#header .search .list .icon {
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -274px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 0;
}
#header .search .list .icon-up {
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -308px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
}
#header .search .list .fm-select-value {
  cursor: pointer;
  padding: 0 20px 0 10px;
}
#header .search .list .fm-select-list {
  cursor: pointer;
  font-size: 14px;
  width: 170px;
  border: 1px solid #dcdcdc;
  box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  background: #fff;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 3;
}
#header .search .list .fm-select-list p {
  padding: 10px;
}
#header .search .list .fm-select-list p + p {
  border-top: solid 1px #dcdcdc;
}
#header .search .list .fm-select-list p.indent {
  padding-left: 25px;
}
#header .search .list .fm-select-list p:hover {
  background: #F5F5F5;
  transition: .2s;
}
#header .search .list .fm-select-list .select-active {
  color: #ccc;
}
#header .search .btn {
  position: absolute;
  top: 0;
  right: 0;
}
#header .search .btn input {
  border: none;
  background: #434343;
  color: #fff;
  width: 60px;
  line-height: 27px;
  border-bottom: 3px solid #000;
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
}
#header .search .safe-search {
  float: left;
  width: 150px;
  padding-left: 10px;
  position: relative;
}
#header .search .safe-search .fm-select-value {
  border: 0;
  outline: none;
  background: #fff;
  border: solid 1px #666;
  font-family: "Segoe UI", Segoe, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  color: #333;
  height: 28px;
  line-height: 28px;
  font-size: 1.2rem;
  padding-left: 10px;
  width: 100%;
  cursor: pointer;
}
#header .search .safe-search .fm-select-list {
  display: none;
  cursor: pointer;
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
  width: 180px;
  background: #fff;
  border: 1px solid #dcdcdc;
  -moz-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 30px;
  left: 10px;
  z-index: 1;
}
#header .search .safe-search .fm-select-list p {
  padding: 10px;
}
#header .search .safe-search .fm-select-list p:hover {
  background: #F5F5F5;
  transition: .2s;
}
#header .search .safe-search .fm-select-list p + p {
  border-top: solid 1px #dcdcdc;
}
#header .search .safe-search .fm-select-list p a {
  display: block;
}
#header .search .safe-search .fm-select-list .mod-link.link-arrow:after {
  width: 7px;
}
#header .search .safe-search .select-active {
  color: #c8c8c8;
}
#header .search .safe-search .icon-wrap {
  cursor: pointer;
  text-align: center;
  width: 30px;
  height: 27px;
  line-height: 30px;
  margin-top: -15px;
  border-bottom: 3px solid #b8b8b8;
  background: #e6e6e6;
  position: absolute;
  top: 50%;
  right: -12px;
}
#header .search .safe-search .icon {
  margin-right: 0;
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -274px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
}
#header .search .safe-search .icon-up {
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -308px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
}
#header .menu-login {
  position: absolute;
  top: 0;
  right: 0;
}
#header .menu-login.news ul {
  height: 58px;
}
#header .menu-login ul {
  display: table;
  height: 50px;
}
#header .menu-login li {
  vertical-align: middle;
  display: table-cell;
  padding-left: 10px;
}
#header .menu-login .btn {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  padding: 0 15px;
  line-height: 30px;
  color: #fff;
  -moz-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
}
#header .menu-login .icon {
  margin-top: -3px;
}
#header .menu-login [class^="mti-icon-"], #header .menu-login [class*=" mti-icon-"] {
  padding-left: 26px;
}
#header .menu-login [class^="mti-icon-"]:before, #header .menu-login [class*=" mti-icon-"]:before {
  left: 0;
  top: -2px;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
}
#header .menu-login .btn-01 {
  background: #e64d01;
}
#header .menu-login .btn-01 .icon {
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 23px;
  background-position: 0 -492px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
}
#header .menu-login .btn-02 {
  background: #d80c18;
}
#header .menu-login .btn-02 .icon {
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 21px;
  width: 24px;
  background-position: 0 -538px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
}
#header .menu-login .btn-03 {
  background: #6c7e80;
}
#header .menu-login .btn-03 .icon {
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 17px;
  width: 16px;
  background-position: 0 -445px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
}
#header .menu-login .store {
  border: 1px solid #dcdcdc;
  line-height: 1;
  box-shadow: none;
  display: block;
  padding: 29px 25px 3px;
  color: #333;
  position: relative;
}
#header .menu-login .store [class^="mti-icon-"], #header .menu-login .store [class*=" mti-icon-"] {
  padding-left: 0;
  font-size: 10px;
  font-size: 1rem;
}
#header .menu-login .store [class^="mti-icon-"]:before, #header .menu-login .store [class*=" mti-icon-"]:before {
  color: #333;
  top: -27px;
  left: 0;
  font-size: 29px;
  font-size: 2.9rem;
}
#header .menu-login .store.hide {
  display: none;
}
#header .menu-login .badge {
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0px;
  right: 13px;
  line-height: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background: #bf161c;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmMTYxYyIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjYTgwYTBjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTkwMTAyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bf161c), color-stop(75%, #a80a0c), color-stop(100%, #990102));
  background: -moz-linear-gradient(#bf161c 0%, #a80a0c 75%, #990102 100%);
  background: -webkit-linear-gradient(#bf161c 0%, #a80a0c 75%, #990102 100%);
  background: linear-gradient(#bf161c 0%, #a80a0c 75%, #990102 100%);
  background-color: #b61116;
  z-index: 20;
  padding: 4px;
  min-width: 12px;
  font-weight: bold;
}
#header .rss-list {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
#header .rss-list li {
  display: inline-block;
  margin-left: 2px;
}
#header .rss-list li a {
  display: block;
}
#header .rss-list li a:hover {
  opacity: 0.6;
}

#Keyword:focus {
  outline: 0;
}

.result {
  position: absolute;
  -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
  top: 159px;
  left: 50%;
  z-index: 10;
  margin: 0 0 0 -590px;
  width: 400px;
  border: 1px solid #d9d9d9;
  border-top: 0;
  border-bottom: 0;
  background: #fff;
}
.result li {
  border-bottom: 1px solid #d9d9d9;
}
.result li a {
  display: block;
  padding: 11px 15px;
  color: #4c4c4c;
  text-decoration: none;
}
.result li:first-child {
  border-top: 1px solid #d9d9d9;
}
.result li.select {
  background: #d9d9d9;
}
.result .closeList {
  padding: 4px 4px 4px 0;
  border-bottom: 1px solid #d9d9d9;
  text-align: right;
}
.result .closeList .mod-btn {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.result.fixed {
  position: fixed;
  top: 40px;
  z-index: 11;
}

.result {
  z-index: 200 !important;
}

.result.fixed {
  z-index: 201 !important;
}

.news-header {
  display: table;
  float: left;
  font-size: 2rem;
  height: 55px;
  font-weight: bold;
}
.news-header a, .news-header span {
  position: relative;
  line-height: 55px;
  box-sizing: border-box;
  display: block;
}
.news-header a[class^="mti-icon-"], .news-header a[class*=" mti-icon-"], .news-header span[class^="mti-icon-"], .news-header span[class*=" mti-icon-"] {
  padding-left: 60px;
}
.news-header a[class^="mti-icon-"]:before, .news-header a[class*=" mti-icon-"]:before, .news-header span[class^="mti-icon-"]:before, .news-header span[class*=" mti-icon-"]:before {
  font-size: 5rem;
  top: 2px;
  left: 0;
  bottom: 2px;
  left: 0;
}
.news-header + .sub-title {
  color: #828282;
  font-size: 1.4rem;
  line-height: 1;
  display: inline-block;
  padding: 20px 0;
  height: 55px;
  box-sizing: border-box;
  margin-left: 15px;
  font-weight: bold;
}
.news-header a {
  color: black;
}
.news-header a:hover {
  text-decoration: none;
  opacity: 0.6;
}

.video-point-balloon {
  position: absolute;
  top: 32px;
  right: -50px;
  padding: 10px 15px 10px;
  color: #000;
  background-color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  border: solid 3px #212121;
  border-bottom: solid 5px #212121;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  z-index: 101;
}
.video-point-balloon em {
  font-style: normal;
}
.video-point-balloon:before, .video-point-balloon:after {
  position: absolute;
  top: -28px;
  right: 100px;
  content: "";
  display: block;
  color: #fff;
  width: 0;
  height: 0;
  border: 13px solid transparent;
  border-bottom: 20px solid #fff;
  z-index: 101;
}
.video-point-balloon:after {
  top: -33px;
  content: "";
  display: block;
  color: #212121;
  width: 0;
  height: 0;
  border: 13px solid transparent;
  border-bottom: 20px solid #212121;
  z-index: 100;
}
.video-point-balloon .video-point-balloon-inner {
  position: relative;
}
.video-point-balloon .close span:before {
  position: absolute;
  top: -22px;
  right: -20px;
  content: "";
  display: inline-block;
  background: url(https://srvb0w.mti.ne.jp/yg_uta/data/smart/campaign/video-point-campaign/close_btn.png) bottom left no-repeat;
  height: 27px;
  width: 27px;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}
.video-point-balloon .more {
  font-size: 14px;
  font-size: 1.4rem;
}
.video-point-balloon .more a {
  display: inline-block;
}
.video-point-balloon .more:after {
  position: relative;
  top: 2px;
  margin-left: 7px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 9px solid #66bc40;
}
.video-point-balloon a.mod-btn {
  padding: 10px 40px !important;
  line-height: 1.3;
}

nav.news-category-nav {
  display: inline-block;
  float: right;
}
nav.news-category-nav ul {
  display: table-cell;
  vertical-align: middle;
  height: 55px;
}
nav.news-category-nav ul li {
  float: left;
  height: 55px;
  color: #6b7e80;
}
nav.news-category-nav ul li a, nav.news-category-nav ul li span {
  position: relative;
  font-size: 1rem;
  text-align: center;
  line-height: 1.3;
  display: block;
  width: 98px;
  height: 55px;
  box-sizing: border-box;
  padding-top: 35px;
}
nav.news-category-nav ul li a[class^="mti-icon-"]:before, nav.news-category-nav ul li a[class*=" mti-icon-"]:before, nav.news-category-nav ul li span[class^="mti-icon-"]:before, nav.news-category-nav ul li span[class*=" mti-icon-"]:before {
  color: #6b7e80;
  font-size: 3rem;
  top: 4px;
  left: 0;
  right: 0;
  margin: auto;
}
nav.news-category-nav ul li a.mti-icon-news:before, nav.news-category-nav ul li span.mti-icon-news:before {
  top: 5px;
}
nav.news-category-nav ul li a {
  color: #6b7e80;
}
nav.news-category-nav ul li a:hover {
  text-decoration: none;
  color: #6b7e80;
}
nav.news-category-nav ul li a > span {
  padding: 0;
}
nav.news-category-nav ul li.portal a:hover {
  color: #c90;
}
nav.news-category-nav ul li.portal a:hover[class^="mti-icon-"]:before, nav.news-category-nav ul li.portal a:hover[class*=" mti-icon-"]:before {
  color: #c90;
}
nav.news-category-nav ul li.music a:hover {
  color: #c03;
}
nav.news-category-nav ul li.music a:hover[class^="mti-icon-"]:before, nav.news-category-nav ul li.music a:hover[class*=" mti-icon-"]:before {
  color: #c03;
}
nav.news-category-nav ul li.manga a:hover {
  color: #ff8000;
}
nav.news-category-nav ul li.manga a:hover[class^="mti-icon-"]:before, nav.news-category-nav ul li.manga a:hover[class*=" mti-icon-"]:before {
  color: #ff8000;
}
nav.news-category-nav ul li.book a:hover {
  color: #39c;
}
nav.news-category-nav ul li.book a:hover[class^="mti-icon-"]:before, nav.news-category-nav ul li.book a:hover[class*=" mti-icon-"]:before {
  color: #39c;
}
nav.news-category-nav ul li.media a:hover {
  color: #66bc40;
}
nav.news-category-nav ul li.media a:hover[class^="mti-icon-"]:before, nav.news-category-nav ul li.media a:hover[class*=" mti-icon-"]:before {
  color: #66bc40;
}
nav.news-category-nav ul li.active.portal a, nav.news-category-nav ul li.active.portal [class^="mti-icon-"]:before, nav.news-category-nav ul li.active.portal [class*=" mti-icon-"]:before, nav.news-category-nav ul li.active.portal a, nav.news-category-nav ul li.active.portal [class^="mti-icon-"]:before, nav.news-category-nav ul li.active.portal [class*=" mti-icon-"]:before {
  color: #c90;
}
nav.news-category-nav ul li.active.music a, nav.news-category-nav ul li.active.music [class^="mti-icon-"]:before, nav.news-category-nav ul li.active.music [class*=" mti-icon-"]:before, nav.news-category-nav ul li.active.music a, nav.news-category-nav ul li.active.music [class^="mti-icon-"]:before, nav.news-category-nav ul li.active.music [class*=" mti-icon-"]:before {
  color: #c03;
}
nav.news-category-nav ul li.active.manga a, nav.news-category-nav ul li.active.manga [class^="mti-icon-"]:before, nav.news-category-nav ul li.active.manga [class*=" mti-icon-"]:before, nav.news-category-nav ul li.active.manga a, nav.news-category-nav ul li.active.manga [class^="mti-icon-"]:before, nav.news-category-nav ul li.active.manga [class*=" mti-icon-"]:before {
  color: #ff8000;
}
nav.news-category-nav ul li.active.book a, nav.news-category-nav ul li.active.book [class^="mti-icon-"]:before, nav.news-category-nav ul li.active.book [class*=" mti-icon-"]:before, nav.news-category-nav ul li.active.book a, nav.news-category-nav ul li.active.book [class^="mti-icon-"]:before, nav.news-category-nav ul li.active.book [class*=" mti-icon-"]:before {
  color: #39c;
}
nav.news-category-nav ul li.active.media a, nav.news-category-nav ul li.active.media [class^="mti-icon-"]:before, nav.news-category-nav ul li.active.media [class*=" mti-icon-"]:before, nav.news-category-nav ul li.active.media a, nav.news-category-nav ul li.active.media [class^="mti-icon-"]:before, nav.news-category-nav ul li.active.media [class*=" mti-icon-"]:before {
  color: #66bc40;
}

#pagetop p {
  position: fixed;
  right: 0;
  bottom: 90px;
  z-index: 1;
}
#pagetop p a {
  display: block;
  width: 50px;
  height: 60px;
  background: #666;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #fff;
  text-decoration: none;
  font-size: 1.1rem;
  text-align: center;
  line-height: 1.3;
}
#pagetop p a span {
  display: block;
  padding-top: 25px;
  background: url(../img/common/icon_pagetop_arrow.png) no-repeat;
  background-position: 50% 10px;
}
#pagetop p a:hover {
  background: #888;
}

#subsidiary-contents {
  font-size: 12px;
  font-size: 1.2rem;
}
#subsidiary-contents a {
  color: #000;
}
#subsidiary-contents a:hover {
  color: #d80c18;
}
#subsidiary-contents .menu-top {
  width: 1180px;
  margin: 5px auto;
  text-align: right;
}
#subsidiary-contents .menu-top p {
  display: inline-block;
}
#subsidiary-contents .menu-top a {
  display: block;
  padding-left: 13px;
  position: relative;
  font-weight: bold;
}
#subsidiary-contents .menu-top a:before {
  position: absolute;
  top: 4px;
  left: 0;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -451px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  content: "";
}
#subsidiary-contents .row-01 {
  background: #f5f4ed;
  border-top: 1px solid #dcdcdc;
}
#subsidiary-contents .support-menu {
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
  padding: 12px 0;
}
#subsidiary-contents .support-menu li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-right: 1px solid #dcdcdc;
  padding: 0 20px;
}
#subsidiary-contents .support-menu li:first-child {
  border-left: 1px solid #dcdcdc;
}
#subsidiary-contents .support-menu li a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#subsidiary-contents .row-02 {
  background: #fff;
  border-top: 1px solid #dcdcdc;
}
#subsidiary-contents .routeLink {
  max-width: 1180px;
  padding: 25px 0 45px 0;
  margin: 0 auto;
}
#subsidiary-contents .routeLink .siteTopLink {
  padding-bottom: 12px;
  display: table;
}
#subsidiary-contents .routeLink .siteTopLink h2 {
  padding-right: 20px;
  display: table-cell;
}
#subsidiary-contents .routeLink .siteTopLink p {
  display: table-cell;
}
#subsidiary-contents .routeLink a {
  display: block;
  padding-left: 13px;
  position: relative;
}
#subsidiary-contents .routeLink a:before {
  position: absolute;
  top: 4px;
  left: 0;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -451px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  content: "";
}
#subsidiary-contents .routeLink-grid {
  border-top: 1px solid #cccccc;
  display: table;
  width: 1180px;
  margin: 0 auto;
  padding-top: 12px;
}
#subsidiary-contents .routeLink-grid .grid {
  display: table-cell;
  width: auto;
  max-width: 200px;
  padding-right: 30px;
}
#subsidiary-contents .routeLink-grid .grid:last-child {
  padding: 0;
}
#subsidiary-contents .routeLink-grid .grid h3 {
  color: #000;
  padding-bottom: 7px;
}
#subsidiary-contents .routeLink-grid .grid h4 {
  color: #000;
  padding-bottom: 7px;
  font-weight: normal;
}
#subsidiary-contents .routeLink-grid .grid .root-list {
  padding-bottom: 6px;
}
#subsidiary-contents .routeLink-grid .grid .root-list li {
  padding-bottom: 7px;
  padding-left: 13px;
}
#subsidiary-contents .routeLink-grid .grid .sub-list li {
  padding-bottom: 7px;
  padding-left: 13px;
}
#subsidiary-contents .routeLink-grid .grid .sub-list li:last-child {
  padding-bottom: 0;
}
#subsidiary-contents .routeLink-grid .grid .support-list {
  padding-bottom: 6px;
}
#subsidiary-contents .routeLink-grid .grid .support-list li {
  padding-bottom: 13px;
}
#subsidiary-contents .routeLink-grid .grid .support-list li:last-child {
  padding-bottom: 7px;
}
#subsidiary-contents .routeLink-grid .grid .other-category .title {
  padding-bottom: 7px;
}
#subsidiary-contents .routeLink-grid .bold {
  font-weight: bold;
}

#footer {
  font-size: 12px;
  font-size: 1.2rem;
  background: #000;
  padding: 10px 0 5px 0;
}
#footer .contents {
  max-width: 1500px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
#footer a {
  color: #fff;
}
#footer .utilityNav li {
  padding: 0 7px 0 10px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-left: 1px solid #dad9d5;
}
#footer .utilityNav li:first-child {
  border-left: none;
}
#footer .trademark, #footer .abj-whitemark {
  padding: 0;
  margin-top: 10px;
  line-height: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#footer .trademark:before, #footer .abj-whitemark:before {
  content: "";
  float: left;
  margin: 0 6px 0 0;
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-position: 0 -777px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
}
#footer .abj-whitemark {
  line-height: 70px;
  min-width: 1500px;
  margin-top: -16px;
  margin-bottom: -30px;
}
#footer .abj-whitemark:before {
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 70px;
  width: 84px;
  background-position: 0 0;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
}
#footer .l-mark {
  position: relative;
  padding: 0 0 0 23px;
  margin: 10px 0 0 10px;
  line-height: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#footer .l-mark:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  float: left;
  font-family: 'musicjp';
  content: "\e990";
  font-size: 2rem;
  color: #009b63;
  display: inline-block;
  line-height: 1;
  margin-right: 5px;
  z-index: 1;
}
#footer .l-mark:after {
  position: absolute;
  top: 1px;
  left: 1px;
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background: #fff;
}
#footer .anno-iphone {
  margin-top: 10px;
  font-size: 10px;
  font-size: 1rem;
}
#footer .copyright {
  font-size: 10px;
  font-size: 1rem;
}
#footer .home-link {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 15px;
}

.sidebar {
  position: relative;
}
.sidebar a {
  display: block;
}
.sidebar a:hover .name {
  text-decoration: underline;
}
.sidebar .image {
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
}
.sidebar .image:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.sidebar a .image {
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
}
.sidebar a:hover .image {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.sidebar .banner {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
}
.sidebar .banner a {
  display: block;
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
}
.sidebar .banner a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.sidebar .banner.shadow {
  -moz-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
}
.sidebar .banner img {
  width: 100%;
  height: auto;
}
.sidebar.sidebar_left .sidebar-title {
  background: #f5f4ed;
  border-bottom: solid 1px #dcdcdc;
}
.sidebar.sidebar_left .sidebar-title a:after {
  background: none !important;
}
.sidebar .sidebar-item {
  margin-bottom: 20px;
  background: #fff;
  border: solid 1px #dcdcdc;
  -moz-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
}
.sidebar .sidebar-item.category-menu {
  height: 38px;
  margin-bottom: 0;
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  border-bottom: none;
}
.sidebar .sidebar-item.category-menu-item {
  position: absolute;
  top: 39px;
  left: 0;
}
.sidebar .sidebar-list-submenu .submenu-header:after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 10px;
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -451px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sidebar .sidebar-list-submenu .submenu-body {
  display: none;
  width: 250px;
  padding: 0 10px;
  background: #fff;
  border: solid 1px #dcdcdc;
  -moz-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 200;
  left: 100%;
  top: -1px;
}
.sidebar .sidebar-list-submenu .submenu-body.list-col2 {
  width: 376px;
}
.sidebar .sidebar-list-submenu .submenu-body.list-col2 ul {
  float: left;
  width: 49%;
}
.sidebar .sidebar-list-submenu .submenu-body.list-col3 {
  width: 580px;
}
.sidebar .sidebar-list-submenu .submenu-body.list-col3 ul {
  float: left;
  width: 33%;
}
.sidebar .sidebar-list-submenu .submenu-body .submenu-body-title {
  font-weight: bold;
}
.sidebar .sidebar-list-submenu .submenu-body .submenu-body-title a {
  font-size: 14px;
  padding: 15px 15px 15px 25px;
}
.sidebar .sidebar-list-submenu .submenu-body .submenu-body-title a:after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 10px;
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -451px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sidebar .sidebar-list-submenu .submenu-body .submenu-body-title span {
  font-size: 14px;
  padding: 15px 15px 15px 10px;
}
.sidebar .sidebar-list-submenu .submenu-body .submenu-body-column {
  padding-left: 5px;
}
.sidebar .sidebar-list-submenu .submenu-body li {
  border-top: none;
}
.sidebar .sidebar-list-submenu .submenu-body li a {
  padding-left: 25px;
}
.sidebar .sidebar-list-submenu .submenu-body li a:after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 10px;
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -451px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sidebar .sidebar-list-submenu .submenu-body .mod-more {
  clear: both;
  padding-right: 10px;
}
.sidebar .sidebar-list-submenu .submenu-body .mod-link {
  display: inline;
  font-weight: normal;
  padding-right: 0;
  padding-left: 20px;
}
.sidebar .sidebar-list-submenu .submenu-body .mod-link:after {
  left: 0;
}
.sidebar .sidebar-list-submenu .dropdownMenu .maintainHover {
  color: #d80c18;
  text-decoration: underline;
}
.sidebar .sidebar-list-submenu:hover .submenu-body {
  display: block;
}
.sidebar .sidebar-sub-item {
  padding: 0 9px 9px 9px;
}
.sidebar .sidebar-sub-item .sidebar-index-list .index-list-item .review-area .content {
  width: 170px;
}
.sidebar .sub-item-title {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
  border-top: solid 2px #c90;
  border-bottom: solid 1px #dcdcdc;
  position: relative;
}
.sidebar .sub-item-title a {
  color: #000;
}
.sidebar .sub-item-title a:hover {
  color: #d80c18;
}
.sidebar .sub-item-title a:after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 0;
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -451px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sidebar .sidebar-title {
  position: relative;
  border-top: solid 5px #c90;
  font-weight: bold;
}
.sidebar .sidebar-title.title-video {
  border-top: solid 5px #66bc40;
}
.sidebar .sidebar-title a {
  position: relative;
  color: #000;
}
.sidebar .sidebar-title a:hover {
  color: #d80c18;
}
.sidebar .sidebar-title a:after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 10px;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -451px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  content: "";
}
.sidebar .sidebar-title .text {
  position: relative;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}
.sidebar .sidebar-title .text.ranking span, .sidebar .sidebar-title .text.ranking a {
  padding-left: 38px;
}
.sidebar .sidebar-title .text.ranking span:before, .sidebar .sidebar-title .text.ranking a:before {
  margin-top: -11px;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 22px;
  background-position: 0 -1923px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sidebar .sidebar-title .text.favorite span, .sidebar .sidebar-title .text.favorite a {
  padding-left: 40px;
}
.sidebar .sidebar-title .text.favorite span:before, .sidebar .sidebar-title .text.favorite a:before {
  margin-top: -11px;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 22px;
  height: 22px;
  background-position: 0 -1517px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sidebar .sidebar-title .text.review span, .sidebar .sidebar-title .text.review a {
  padding-left: 34px;
}
.sidebar .sidebar-title .text.review span .ranking, .sidebar .sidebar-title .text.review a .ranking {
  float: left;
  margin-right: 5px;
}
.sidebar .sidebar-title .text.review span:before, .sidebar .sidebar-title .text.review a:before {
  top: 7px;
  left: 7px;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -2283px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sidebar .sidebar-title .text a, .sidebar .sidebar-title .text span {
  padding: 12px 20px 10px 10px;
  display: block;
}
.sidebar .sidebar-title .text a:before, .sidebar .sidebar-title .text span:before {
  position: absolute;
  top: 50%;
  left: 10px;
  content: "";
}
.sidebar .sidebar-subtitle {
  font-weight: bold;
  padding: 10px 20px;
}
.sidebar .sidebar-subtitle .text {
  font-size: 14px;
  font-size: 1.4rem;
}
.sidebar .sidebar-list {
  border-top: solid 1px #dcdcdc;
  margin-top: -1px;
}
.sidebar .sidebar-list li {
  position: relative;
  border-top: solid 1px #dcdcdc;
}
.sidebar .sidebar-list li:first-child {
  border-top: none;
}
.sidebar .sidebar-list li ul {
  border-top: solid 1px #dcdcdc;
}
.sidebar .sidebar-list li ul a, .sidebar .sidebar-list li ul span {
  padding-left: 30px;
  font-size: 12px;
  font-size: 1.2rem;
}
.sidebar .sidebar-list li .list-title {
  font-weight: bold;
}
.sidebar .sidebar-list li a, .sidebar .sidebar-list li span {
  display: block;
  line-height: 1.2;
  padding: 9px 20px 9px 20px;
}
.sidebar .sidebar-list li a {
  position: relative;
  color: #000;
}
.sidebar .sidebar-list li a:hover {
  color: #d80c18;
}
.sidebar .sidebar-list li a.current {
  background: #808080;
  color: #fff;
}
.sidebar .sidebar-list li a.current:after {
  background: none;
}
.sidebar .sidebar-list li a > span {
  padding: 0;
}
.sidebar .sidebar-list li span {
  position: relative;
  color: #000;
}
.sidebar .sidebar-list li span.current {
  background: #808080;
  color: #fff;
}
.sidebar .sidebar-list li span.current:after {
  background: none;
}
.sidebar .sidebar-search {
  margin: 10px 5px 0;
  font-size: 12px;
  font-size: 1.2rem;
}
.sidebar .sidebar-search .search-item {
  display: inline-block;
  margin-bottom: 14px;
  width: 80px;
  padding: 0 5px;
}
.sidebar .sidebar-search .search-item a {
  display: inline-block;
}
.sidebar .sidebar-index-list {
  margin-top: -1px;
}
.sidebar .sidebar-index-list.index-list-ranking .sidebar-index-list-item .content {
  width: 110px;
}
.sidebar .sidebar-index-list.index-list-artist .sidebar-index-list-item .image {
  width: 50px;
}
.sidebar .sidebar-index-list.index-list-artist .sidebar-index-list-item .content {
  float: none;
  overflow: hidden;
}
.sidebar .sidebar-index-list .index-list-item {
  padding: 9px;
  border-top: solid 1px #dcdcdc;
  *zoom: 1;
}
.sidebar .sidebar-index-list .index-list-item:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.sidebar .sidebar-index-list .index-list-item a {
  display: block;
}
.sidebar .sidebar-index-list .index-list-item .ranking {
  float: left;
  margin-right: 5px;
}
.sidebar .sidebar-index-list .index-list-item .image {
  float: left;
  width: 80px;
  height: auto;
  text-align: center;
  margin: 0 10px 10px 0;
}
.sidebar .sidebar-index-list .index-list-item .image.vranking {
  width: 55px;
  height: 55px;
  margin: 0 10px 0 0;
}
.sidebar .sidebar-index-list .index-list-item .image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.sidebar .sidebar-index-list .index-list-item .image.name {
  width: 50px;
}
.sidebar .sidebar-index-list .index-list-item .image.image-multiple div {
  width: 40px;
  height: 40px;
  float: left;
}
.sidebar .sidebar-index-list .index-list-item .image.image-multiple img {
  max-width: 40px;
  height: auto;
}
.sidebar .sidebar-index-list .index-list-item .price {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: right;
}
.sidebar .sidebar-index-list .index-list-item .comment {
  clear: both;
  font-size: 10px;
  font-size: 1rem;
}
.sidebar .sidebar-index-list .index-list-item .content {
  float: right;
  width: 140px;
}
.sidebar .sidebar-index-list .index-list-item .title {
  font-weight: bold;
  margin-bottom: 5px;
}
.sidebar .sidebar-index-list .index-list-item .name {
  margin-bottom: 5px;
}
.sidebar .sidebar-index-list .index-list-item .title,
.sidebar .sidebar-index-list .index-list-item .name,
.sidebar .sidebar-index-list .index-list-item .comment,
.sidebar .sidebar-index-list .index-list-item .tieup {
  line-height: 1.2;
}
.sidebar .sidebar-index-list .index-list-item .review-area {
  clear: both;
  *zoom: 1;
  padding: 10px 0;
  font-size: 10px;
  font-size: 1rem;
}
.sidebar .sidebar-index-list .index-list-item .review-area:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.sidebar .sidebar-index-list .index-list-item .review-area .image {
  float: left;
  width: 30px;
  text-align: center;
}
.sidebar .sidebar-index-list .index-list-item .review-area .content {
  float: right;
  width: 190px;
}
.sidebar .sidebar-index-list .index-list-item .label-group {
  margin-left: 115px;
}
.sidebar .sidebar-info-box {
  padding: 10px;
  background: #f7f7f7;
}
.sidebar .sidebar-info-box .info-box-heading {
  margin-bottom: 10px;
  padding-bottom: 10px;
  *zoom: 1;
  border-bottom: 1px solid #ccc;
}
.sidebar .sidebar-info-box .info-box-heading:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.sidebar .sidebar-info-box .info-box-heading .info-box-image {
  float: left;
  width: 50px;
}
.sidebar .sidebar-info-box .info-box-heading .info-box-heading-content {
  float: right;
  width: 170px;
}
.sidebar .sidebar-info-box .info-box-heading .info-box-heading-content .title {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}
.sidebar .sidebar-info-box .info-box-heading .info-box-heading-content .title a {
  color: #000;
}
.sidebar .sidebar-info-box .info-box-heading .info-box-heading-content .title a:hover {
  color: #d80c18;
}
.sidebar .sidebar-info-box .info-box-heading .info-box-heading-content .btn {
  display: inline-block;
}
.sidebar .sidebar-info-box .info-box-content .title {
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}
.sidebar .sidebar-info-box .info-box-content .comment {
  margin-bottom: 0;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
}
.sidebar .sidebar-check-list {
  padding: 0 20px 15px;
}
.sidebar .sidebar-check-list li {
  margin-top: 7px;
}
.sidebar .sidebar-check-list li:first-child {
  margin-top: 0;
}
.sidebar .sidebar-select-menu {
  padding: 15px;
}
.sidebar .sidebar-select-menu:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  *zoom: 1;
}
.sidebar .sidebar-select-menu > div {
  float: left;
  position: relative;
}
.sidebar .sidebar-select-menu .ranking-select-month {
  margin-left: 8px;
}
.sidebar .sidebar-user-list > ul {
  *zoom: 1;
  margin: 0 -1px -1px -1px;
}
.sidebar .sidebar-user-list > ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.sidebar .sidebar-user-list .sidebar-user-list-item {
  float: left;
  padding: 10px;
  width: 104px;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.sidebar .sidebar-user-list .image {
  width: 30px;
  float: left;
}
.sidebar .sidebar-user-list .name {
  width: 65px;
  float: right;
}
.sidebar .sidebar-date-list li {
  padding: 10px 15px;
}
.sidebar .sidebar-date-list li span {
  display: block;
}
.sidebar .sidebar-date-list li .date {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 5px;
}
.sidebar .sidebar-image-list {
  padding: 10px 10px 0 10px;
}
.sidebar .sidebar-image-list .image-list-title {
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 2px solid #c90;
  border-bottom: 1px solid #dcdcdc;
  padding: 5px 0;
}
.sidebar .sidebar-image-list ul {
  *zoom: 1;
  margin-bottom: -1px;
}
.sidebar .sidebar-image-list ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.sidebar .sidebar-image-list li {
  float: left;
  width: 50%;
  border-bottom: 1px solid #d9d9d9;
  padding: 10px 0;
}
.sidebar .sidebar-image-list li .image {
  text-align: center;
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}
.sidebar .sidebar-image-list li .image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.sidebar .sidebar-image-list li .title {
  margin-top: 5px;
}
.sidebar .sns-facebook .sidebar-sns-title {
  font-weight: bold;
  border-top: 3px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 7px;
}
.sidebar .sns-twitter a {
  display: block;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 54px;
  width: 250px;
  background-position: 0 -100px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
}
.sidebar .app-transition {
  width: 173px;
  margin: 20px auto;
}
.sidebar .app-transition a:hover {
  opacity: 0.6;
}
.sidebar .app-info {
  display: table;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
.sidebar .app-info .icon {
  display: table-cell;
  width: 70px;
}
.sidebar .app-info .icon img {
  width: 70px;
}
.sidebar .app-info .text {
  display: table-cell;
  padding-left: 10px;
}

#category-menu {
  position: relative;
  padding-bottom: 20px;
}
#category-menu #sidebar-category-menu a {
  border: 1px solid #dcdcdc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  padding: 10px;
  position: relative;
  color: #000;
}
#category-menu #sidebar-category-menu a:after {
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -117px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
}
#category-menu #sidebar-category-menu a:hover {
  background: #404040;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
#category-menu #sidebar-category-menu a:hover:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 9px;
  height: 5px;
  background-position: 0 -377px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#category-menu #sidebar-category-menu.active a {
  background: #404040;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
#category-menu #sidebar-category-menu.active a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 9px;
  height: 5px;
  background-position: 0 -377px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#category-menu #sidebar-category-menu-item {
  display: none;
  position: absolute;
  top: 30px;
  left: 15px;
  background: #fff;
  margin-top: 12px;
  -moz-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  width: 185px;
  z-index: 101;
}
#category-menu #sidebar-category-menu-item .sidebar-item {
  margin-bottom: 0;
  border-top: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#category-menu #sidebar-category-menu-item .sidebar-title {
  border-top: none;
}
#category-menu #sidebar-category-menu-item .sidebar-title .text a {
  padding: 8px 10px;
}
#category-menu #sidebar-category-menu-item .text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 12px 20px 10px 10px;
  border-top: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
  position: relative;
}
#category-menu #sidebar-category-menu-item .submenu-body {
  margin-top: 1px;
  -moz-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1), inset 3px 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1), inset 3px 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1), inset 3px 0 3px rgba(0, 0, 0, 0.1);
}
#category-menu #sidebar-category-menu-item .sidebar-list {
  margin-top: 5px;
  border-top: none;
}
#category-menu #sidebar-category-menu-item .sidebar-list:first-child {
  margin-top: 0;
}
#category-menu #sidebar-category-menu-item .sidebar-list li {
  position: static;
}
#category-menu #sidebar-category-menu-item .sidebar-list a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
}
#category-menu #sidebar-category-menu-item .sidebar-list.music .text,
#category-menu #sidebar-category-menu-item .sidebar-list.music .submenu-body {
  border-top: solid 3px #c03;
}
#category-menu #sidebar-category-menu-item .sidebar-list.music .submenu-header:after,
#category-menu #sidebar-category-menu-item .sidebar-list.music .submenu-body a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -634px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#category-menu #sidebar-category-menu-item .sidebar-list.music .submenu-body a:after {
  left: 10px;
}
#category-menu #sidebar-category-menu-item .sidebar-list.comic .text,
#category-menu #sidebar-category-menu-item .sidebar-list.comic .submenu-body {
  border-top: solid 3px #ff8000;
}
#category-menu #sidebar-category-menu-item .sidebar-list.comic .submenu-header:after,
#category-menu #sidebar-category-menu-item .sidebar-list.comic .submenu-body a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -595px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#category-menu #sidebar-category-menu-item .sidebar-list.comic .submenu-body a:after {
  left: 10px;
}
#category-menu #sidebar-category-menu-item .sidebar-list.book .text,
#category-menu #sidebar-category-menu-item .sidebar-list.book .submenu-body {
  border-top: solid 3px #39c;
}
#category-menu #sidebar-category-menu-item .sidebar-list.book .submenu-header:after,
#category-menu #sidebar-category-menu-item .sidebar-list.book .submenu-body a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -412px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#category-menu #sidebar-category-menu-item .sidebar-list.book .submenu-body a:after {
  left: 10px;
}
#category-menu #sidebar-category-menu-item .sidebar-list.video .text,
#category-menu #sidebar-category-menu-item .sidebar-list.video .submenu-body, #category-menu #sidebar-category-menu-item .sidebar-list.channel .text,
#category-menu #sidebar-category-menu-item .sidebar-list.channel .submenu-body {
  border-top: solid 3px #66bc40;
}
#category-menu #sidebar-category-menu-item .sidebar-list.video .submenu-header:after,
#category-menu #sidebar-category-menu-item .sidebar-list.video .submenu-body a:after, #category-menu #sidebar-category-menu-item .sidebar-list.channel .submenu-header:after,
#category-menu #sidebar-category-menu-item .sidebar-list.channel .submenu-body a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -556px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#category-menu #sidebar-category-menu-item .sidebar-list.video .submenu-body a:after, #category-menu #sidebar-category-menu-item .sidebar-list.channel .submenu-body a:after {
  left: 10px;
}

.logo-VM {
  text-align: right;
  margin: 0 0 10px 0;
}
.logo-VM img {
  width: 130px;
}

#videoMenu-01, #videoMenu-02, #videoMenu-03, #videoMenu-04, #videoMenu-05 {
  top: -1px !important;
  padding-bottom: 10px;
}

#channelMenu-01, #channelMenu-02 {
  top: 248px !important;
  padding-bottom: 10px;
}

#musicMenu-01, #musicMenu-02, #musicMenu-03, #musicMenu-04, #musicMenu-05, #musicMenu-06 {
  top: 333px !important;
  padding-bottom: 10px;
}

#comicMenu-01, #comicMenu-02, #comicMenu-03, #comicMenu-04, #comicMenu-05 {
  top: 683px !important;
  padding-bottom: 10px;
}

#bookMenu-01, #bookMenu-02, #bookMenu-03, #bookMenu-04, #bookMenu-05 {
  top: 900px !important;
  padding-bottom: 10px;
}

#genreMenu-01, #genreMenu-02, #genreMenu-03, #genreMenu-04, #genreMenu-05 {
  top: -1px !important;
  padding-bottom: 10px;
}

#breadcrumb {
  margin-bottom: 15px;
}
#breadcrumb li {
  display: inline-block;
  margin-right: 5px;
  line-height: 22px;
}
#breadcrumb li:after {
  margin-left: 5px;
  display: inline-block;
  content: ">";
}
#breadcrumb li.current {
  margin-right: 0;
  font-weight: bold;
}
#breadcrumb li.current:after {
  display: none;
}
#breadcrumb li a {
  color: #000;
  text-decoration: none;
}

@font-face {
  font-family: 'mti-icon-font';
  src: url("../fonts/mti-icon-font.eot?lh0uu6");
  src: url("../fonts/mti-icon-font.eot?#iefixlh0uu6") format("embedded-opentype"), url("../fonts/mti-icon-font.woff?lh0uu6") format("woff"), url("../fonts/mti-icon-font.ttf?lh0uu6") format("truetype"), url("../fonts/mti-icon-font.svg?lh0uu6#mti-icon-font") format("svg");
  font-weight: normal;
  font-style: normal;
}
.mti-icon {
  font-family: 'mti-icon-font';
}

[class^="mti-icon-"], [class*=" mti-icon-"] {
  position: relative;
}

[class^="mti-icon-"]:before, [class*=" mti-icon-"]:before {
  font-family: 'mti-icon-font';
  speak: none;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2.6rem;
  position: absolute;
  color: #c90;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-c-red[class^="mti-icon-"]:before, .font-c-red[class*=" mti-icon-"]:before {
  color: #d80c18;
}

.mti-icon-beginner:before {
  content: "\e623";
}

.mti-icon-registration:before {
  content: "\e622";
}

.mti-icon-gender:before {
  content: "\e61d";
}

.mti-icon-home:before {
  content: "\e61e";
}

.mti-icon-login:before {
  content: "\e61f";
}

.mti-icon-mail:before {
  content: "\e620";
}

.mti-icon-present:before {
  content: "\e621";
}

.mti-icon-help:before {
  content: "\e619";
}

.mti-icon-info:before {
  content: "\e61a";
}

.mti-icon-menu:before {
  content: "\e61b";
}

.mti-icon-store:before {
  content: "\e61c";
}

.mti-icon-p_history:before {
  content: "\e618";
}

.mti-icon-cancel:before {
  content: "\e617";
}

.mti-icon-tieup:before {
  content: "\e616";
}

.mti-icon-minus:before {
  content: "\e614";
}

.mti-icon-plus:before {
  content: "\e615";
}

.mti-icon-building:before {
  content: "\e613";
}

.mti-icon-wavelength:before {
  content: "\e611";
}

.mti-icon-headphone:before {
  content: "\e612";
}

.mti-icon-triangle_d:before {
  content: "\e60d";
}

.mti-icon-triangle_l:before {
  content: "\e60e";
}

.mti-icon-triangle_r:before {
  content: "\e60f";
}

.mti-icon-triangle_u:before {
  content: "\e610";
}

.mti-icon-alert:before {
  content: "\e60b";
}

.mti-icon-check:before {
  content: "\e60c";
}

.mti-icon-follow:before {
  content: "\e60a";
}

.mti-icon-help_inversion:before {
  content: "\e609";
}

.mti-icon-music:before {
  content: "\e600";
}

.mti-icon-manga:before {
  content: "\e601";
}

.mti-icon-book:before {
  content: "\e602";
}

.mti-icon-media:before {
  content: "\e603";
}

.mti-icon-news:before {
  content: "\e604";
}

.mti-icon-ranking:before {
  content: "\e605";
}

.mti-icon-player_play:before {
  content: "\e606";
}

.mti-icon-player_stop:before {
  content: "\e607";
}

.mti-icon-d_quotation:before {
  content: "\e608";
}

.mti-icon-news.infeed-icon:before {
  content: "\e604";
  display: block;
  color: #333 !important;
  z-index: 1;
  top: 10px;
  left: 10px;
}
.mti-icon-news.infeed-icon .mod-heading-01 {
  padding-left: 45px;
}

@font-face {
  font-family: 'musicjp';
  src: url("../fonts/musicjp.eot");
  src: url("../fonts/musicjp.eot") format("embedded-opentype"), url("../fonts/musicjp.woff") format("woff"), url("../fonts/musicjp.ttf") format("truetype"), url("../fonts/musicjp.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ai {
  font-family: 'musicjp';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  padding-right: 2px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-size-16 {
  font-size: 1.6rem;
}

.font-size-24 {
  font-size: 2.4rem;
}

.bottom-2px {
  bottom: -2px;
}

.bottom-3px {
  bottom: -3px;
}

.bottom-4px {
  bottom: -4px;
}

.mjpico-category:before {
  content: "\e975";
}

.mjpico-waitsong:before {
  content: "\e976";
}

.mjpico-delivery:before {
  content: "\e977";
}

.mjpico-building:before {
  content: "\e978";
}

.mjpico-help_2:before {
  content: "\e979";
}

.mjpico-registration_p:before {
  content: "\e980";
}

.mjpico-info:before {
  content: "\e981";
}

.mjpico-newsfeed:before {
  content: "\e982";
}

.mjpico-link:before {
  content: "\e983";
}

.mjpico-product_info:before {
  content: "\e984";
}

.mjpico-alarm:before {
  content: "\e985";
}

.mjpico-soundeffects:before {
  content: "\e986";
}

.mjpico-orgel:before {
  content: "\e987";
}

.mjpico-arrival:before {
  content: "\e989";
}

.mjpico-l_mark:before {
  content: "\e990";
}

.mjpico-line_d:before {
  content: "\e992";
}

.mjpico-line_r:before {
  content: "\e993";
}

.mjpico-line_u:before {
  content: "\e994";
}

.mjpico-no_trial:before {
  content: "\e995";
}

.mjpico-triangle_l:before {
  content: "\e642";
}

.mjpico-triangle_r:before {
  content: "\e643";
}

.mjpico-triangle_d:before {
  content: "\e644";
}

.mjpico-triangle_u:before {
  content: "\e645";
}

.mjpico-cancel_inversion:before {
  content: "\e991";
}

.mjpico-d_quotation:before {
  content: "\e64d";
}

.mjpico-txt_up:before {
  content: "\e63c";
}

.mjpico-txt_down:before {
  content: "\e63d";
}

.mjpico-txt_stay:before {
  content: "\e996";
}

.mjpico-arrow_down:before {
  content: "\e999";
}

.mjpico-arrow_stay:before {
  content: "\e998";
}

.mjpico-arrow_up:before {
  content: "\e997";
}

.mjpico-sns_tw:before {
  content: "\e636";
}

.mjpico-sns_line:before {
  content: "\e637";
}

.mjpico-sns_fb:before {
  content: "\e638";
}

.mjpico-player_stop:before {
  content: "\e639";
}

.mjpico-player_play:before {
  content: "\e63a";
}

.mjpico-cancel:before {
  content: "\e63b";
}

.mjpico-album:before {
  content: "\e600";
}

.mjpico-alert:before {
  content: "\e601";
}

.mjpico-allmusic:before {
  content: "\e602";
}

.mjpico-artist:before {
  content: "\e603";
}

.mjpico-book_app:before {
  content: "\e604";
}

.mjpico-bookmark:before {
  content: "\e605";
}

.mjpico-buy_now:before {
  content: "\e606";
}

.mjpico-camera:before {
  content: "\e607";
}

.mjpico-check:before {
  content: "\e608";
}

.mjpico-coin:before {
  content: "\e609";
}

.mjpico-comic_app:before {
  content: "\e60a";
}

.mjpico-download:before {
  content: "\e60b";
}

.mjpico-dustbox:before {
  content: "\e60c";
}

.mjpico-favorites:before {
  content: "\e60d";
}

.mjpico-favorites_list:before {
  content: "\e60e";
}

.mjpico-follow:before {
  content: "\e60f";
}

.mjpico-genre:before {
  content: "\e610";
}

.mjpico-good:before {
  content: "\e611";
}

.mjpico-help:before {
  content: "\e612";
}

.mjpico-home:before {
  content: "\e613";
}

.mjpico-login:before {
  content: "\e614";
}

.mjpico-lyrics:before {
  content: "\e615";
}

.mjpico-menu:before {
  content: "\e616";
}

.mjpico-minus:before {
  content: "\e617";
}

.mjpico-movie:before {
  content: "\e618";
}

.mjpico-mypage:before {
  content: "\e619";
}

.mjpico-new:before {
  content: "\e61a";
}

.mjpico-notice:before {
  content: "\e61b";
}

.mjpico-pickup:before {
  content: "\e61c";
}

.mjpico-playlist:before {
  content: "\e61d";
}

.mjpico-plus:before {
  content: "\e61e";
}

.mjpico-point:before {
  content: "\e61f";
}

.mjpico-portal_menu:before {
  content: "\e620";
}

.mjpico-present:before {
  content: "\e621";
}

.mjpico-prohibition:before {
  content: "\e622";
}

.mjpico-ranking:before {
  content: "\e623";
}

.mjpico-ranking_down:before {
  content: "\e624";
}

.mjpico-ranking_stay:before {
  content: "\e625";
}

.mjpico-ranking_up:before {
  content: "\e626";
}

.mjpico-receipt_melody:before {
  content: "\e627";
}

.mjpico-receipt_setting:before {
  content: "\e628";
}

.mjpico-receipt_song:before {
  content: "\e629";
}

.mjpico-registration:before {
  content: "\e62a";
}

.mjpico-search:before {
  content: "\e62b";
}

.mjpico-setting:before {
  content: "\e956";
}

.mjpico-social:before {
  content: "\e62d";
}

.mjpico-social_media:before {
  content: "\e62e";
}

.mjpico-special:before {
  content: "\e62f";
}

.mjpico-store:before {
  content: "\e630";
}

.mjpico-tieup:before {
  content: "\e631";
}

.mjpico-trial_book:before {
  content: "\e632";
}

.mjpico-upload:before {
  content: "\e633";
}

.mjpico-view:before {
  content: "\e634";
}

.mjpico-write:before {
  content: "\e635";
}

.mjpico-movie_play:before {
  content: "\e956";
}

.mjpico-svg:before {
  content: "\30";
}

.mjpico-svg2:before {
  content: "\31";
}

.mjpico-svg3:before {
  content: "\32";
}

.mjpico-svg4:before {
  content: "\33";
}

.mjpico-svg5:before {
  content: "\34";
}

.mjpico-svg6:before {
  content: "\35";
}

.mjpico-svg7:before {
  content: "\36";
}

.mjpico-svg8:before {
  content: "\37";
}

.mjpico-svg9:before {
  content: "\38";
}

.mjpico-svg10:before {
  content: "\39";
}

.mod-heading-01 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  border-top: 5px solid #c90;
  border-bottom: 1px solid #dcdcdc;
  padding: 10px 5px;
  background: #fff;
  position: relative;
}
.mod-heading-01.heading-music {
  border-top-color: #c03;
}
.mod-heading-01.heading-comic {
  border-top-color: #ff8000;
}
.mod-heading-01.heading-book {
  border-top-color: #39c;
}
.mod-heading-01.heading-video {
  border-top-color: #66bc40;
}
.mod-heading-01 .heading-date {
  position: absolute;
  right: 5px;
  top: 13px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
.mod-heading-01 .track-list-date {
  float: right;
  font-size: 12px;
  font-weight: normal;
}

.mod-heading-02 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  border-top: 2px solid #c90;
  border-bottom: 1px solid #dcdcdc;
  padding: 8px 10px;
  background: #fff;
}
.mod-heading-02.heading-music {
  border-top-color: #c03;
}
.mod-heading-02.heading-comic {
  border-top-color: #ff8000;
}
.mod-heading-02.heading-book {
  border-top-color: #39c;
}
.mod-heading-02.heading-video {
  border-top-color: #66bc40;
}
.mod-heading-02[class^="mti-icon-"], .mod-heading-02[class*=" mti-icon-"] {
  padding-left: 30px;
}
.mod-heading-02[class^="mti-icon-"]:before, .mod-heading-02[class*=" mti-icon-"]:before {
  font-size: 20px;
  font-size: 2rem;
  color: #333;
  left: 7px;
  top: 4px;
}

.mod-heading-03 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 15px;
  margin-bottom: -5px;
}

.mod-heading-sidebar-01 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  border-top: 5px solid #c90;
  border-bottom: 1px solid #dcdcdc;
  background: #fff;
  position: relative;
}
.mod-heading-sidebar-01 a, .mod-heading-sidebar-01 span {
  position: relative;
  padding: 12px 20px 12px 10px;
  box-sizing: border-box;
  display: block;
  font-weight: bold;
}
.mod-heading-sidebar-01 a[class^="mti-icon-"], .mod-heading-sidebar-01 a[class*=" mti-icon-"], .mod-heading-sidebar-01 span[class^="mti-icon-"], .mod-heading-sidebar-01 span[class*=" mti-icon-"] {
  padding: 12px 20px 12px 34px;
}
.mod-heading-sidebar-01 a[class^="mti-icon-"]:before, .mod-heading-sidebar-01 a[class*=" mti-icon-"]:before, .mod-heading-sidebar-01 span[class^="mti-icon-"]:before, .mod-heading-sidebar-01 span[class*=" mti-icon-"]:before {
  top: 6px;
  bottom: 6px;
  left: 6px;
  right: 6px;
}
.mod-heading-sidebar-01 a {
  color: black;
}
.mod-heading-sidebar-01 a:after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 10px;
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -451px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-heading-sidebar-01 a:hover {
  color: #d80c18;
  text-decoration: none;
}
.mod-heading-sidebar-01 a:hover .text {
  text-decoration: underline;
}

.mod-heading-error-01 {
  background-color: #c0171d;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  padding: 10px 20px;
}

.mod-heading-error-02 {
  background-color: #999;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 15px;
  padding: 10px;
}

.mod-grid {
  *zoom: 1;
}
.mod-grid:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-section .mod-grid {
  padding: 10px;
}
.mod-grid .grid {
  float: left;
  margin-left: 20px;
}
.mod-grid .grid:first-child {
  margin-left: 0;
}
.mod-grid .grid.grid-line {
  position: relative;
}
.mod-grid .grid.grid-line:before {
  content: "";
  background: #dcdcdc;
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
}
.mod-grid.grid-2 .grid {
  width: 314px;
}
.mod-grid.grid-2 .grid.modal-qr {
  width: 240px;
}
.mod-grid.grid-2 .grid.modal-mail {
  width: 300px;
}
.mod-grid.grid-2 .grid-size-1 {
  width: 390px;
}
.mod-grid.grid-2 .grid-size-2 {
  width: 260px;
}
.mod-grid.grid-3 .grid {
  width: 202px;
}
.mod-grid.grid-3 .grid.user-menu {
  width: 272px;
}

.content-2col .mod-grid.grid-2 .grid {
  width: 440px;
}
.content-2col .mod-grid.grid-2 .grid-size-1 {
  width: 610px;
}
.content-2col .mod-grid.grid-2 .grid-size-2 {
  width: 270px;
}
.content-2col .mod-grid.grid-3 .grid {
  width: 286px;
}
.content-2col .section-inner .mod-grid {
  padding: 0;
}
.content-2col .section-inner .mod-grid.grid-2 .grid {
  width: 429px;
}
.content-2col .section-inner .mod-grid.grid-2 .grid-size-1 {
  width: 573px;
}
.content-2col .section-inner .mod-grid.grid-2 .grid-size-2 {
  width: 285px;
}
.content-2col .section-inner .mod-grid.grid-3 .grid {
  width: 286px;
}
.content-2col .section-inner .mod-grid.grid-flow {
  position: relative;
}
.content-2col .section-inner .mod-grid.grid-flow table .text {
  float: left;
}
.content-2col .section-inner .mod-grid.grid-flow table .btn {
  float: right;
}
.content-2col .section-inner .mod-grid.grid-flow:before {
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 36px;
  background-position: 0 -490px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  left: 430px;
  margin-top: -18px;
  display: block;
}
.content-2col .section-inner .mod-grid.grid-flow .grid {
  margin-left: 38px;
  width: 420px;
}
.content-2col .section-inner .mod-grid.grid-flow .grid:first-child {
  margin-left: 0;
}

span.mod-btn {
  cursor: pointer;
}

a.mod-btn, span.mod-btn,
button.mod-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 3px 4px;
  color: #000;
  text-decoration: none;
  letter-spacing: -0.1em;
  background: #dcdcdc;
  border-radius: 3px;
  -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  line-height: 1;
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
  cursor: pointer;
}
a.mod-btn:hover, span.mod-btn:hover,
button.mod-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
a.mod-btn span, span.mod-btn span,
button.mod-btn span {
  position: relative;
}
a.mod-btn span[class^="mti-icon-"], a.mod-btn span[class*=" mti-icon-"], span.mod-btn span[class^="mti-icon-"], span.mod-btn span[class*=" mti-icon-"],
button.mod-btn span[class^="mti-icon-"],
button.mod-btn span[class*=" mti-icon-"] {
  padding-left: 30px;
}
a.mod-btn span[class^="mti-icon-"]:before, a.mod-btn span[class*=" mti-icon-"]:before, span.mod-btn span[class^="mti-icon-"]:before, span.mod-btn span[class*=" mti-icon-"]:before,
button.mod-btn span[class^="mti-icon-"]:before,
button.mod-btn span[class*=" mti-icon-"]:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
a.mod-btn:hover, span.mod-btn:hover,
button.mod-btn:hover {
  text-decoration: none;
  color: #000;
}
a.mod-btn.btn-default, span.mod-btn.btn-default,
button.mod-btn.btn-default {
  background: #dcdcdc;
  color: #000;
}
a.mod-btn.btn-primary, span.mod-btn.btn-primary,
button.mod-btn.btn-primary {
  background: #e64d00;
  color: #fff;
}
a.mod-btn.btn-primary-02, span.mod-btn.btn-primary-02,
button.mod-btn.btn-primary-02 {
  background: #cc0033;
  color: #fff;
}
a.mod-btn.btn-member, span.mod-btn.btn-member,
button.mod-btn.btn-member {
  background: #6c7e80;
  color: #fff;
}
a.mod-btn.btn-member [class^="mti-icon-"]:before, a.mod-btn.btn-member [class*=" mti-icon-"]:before, span.mod-btn.btn-member [class^="mti-icon-"]:before, span.mod-btn.btn-member [class*=" mti-icon-"]:before,
button.mod-btn.btn-member [class^="mti-icon-"]:before,
button.mod-btn.btn-member [class*=" mti-icon-"]:before {
  color: #fff;
}
a.mod-btn.btn-small, span.mod-btn.btn-small,
button.mod-btn.btn-small {
  font-size: 9px;
  font-size: 0.9rem;
  padding: 5px 3px 4px;
}
a.mod-btn.btn-small-f12, span.mod-btn.btn-small-f12,
button.mod-btn.btn-small-f12 {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 3px 4px;
}
a.mod-btn.btn-small-f12-2, span.mod-btn.btn-small-f12-2,
button.mod-btn.btn-small-f12-2 {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 9px 3px 8px;
}
a.mod-btn.btn-small-f14, span.mod-btn.btn-small-f14,
button.mod-btn.btn-small-f14 {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px 10px 4px;
  -moz-box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.3);
}
a.mod-btn.btn-reset, span.mod-btn.btn-reset,
button.mod-btn.btn-reset {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 7px;
  background: #a4a4a4;
  color: #fff;
}
a.mod-btn.btn-medium, span.mod-btn.btn-medium,
button.mod-btn.btn-medium {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 10px;
  -moz-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
}
a.mod-btn.btn-large, span.mod-btn.btn-large,
button.mod-btn.btn-large {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 15px 20px;
  -moz-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
}
a.mod-btn.btn-f11, span.mod-btn.btn-f11,
button.mod-btn.btn-f11 {
  font-size: 11px;
  font-size: 1.1rem;
}
a.mod-btn.btn-ex-center, span.mod-btn.btn-ex-center,
button.mod-btn.btn-ex-center {
  text-align: center;
}
a.mod-btn.btn-width-fix-01, span.mod-btn.btn-width-fix-01,
button.mod-btn.btn-width-fix-01 {
  width: 200px;
  text-align: center;
}
a.mod-btn.btn-width-fix-02, span.mod-btn.btn-width-fix-02,
button.mod-btn.btn-width-fix-02 {
  width: 80px;
  text-align: center;
}
a.mod-btn.btn-width-fix-03, span.mod-btn.btn-width-fix-03,
button.mod-btn.btn-width-fix-03 {
  width: 115px;
  text-align: center;
}
a.mod-btn.btn-width-fix-80, span.mod-btn.btn-width-fix-80,
button.mod-btn.btn-width-fix-80 {
  width: 80px;
  text-align: center;
  box-sizing: border-box;
}
a.mod-btn.btn-width-fix-100, span.mod-btn.btn-width-fix-100,
button.mod-btn.btn-width-fix-100 {
  width: 100px;
  text-align: center;
  box-sizing: border-box;
}
a.mod-btn.btn-width-fix-110, span.mod-btn.btn-width-fix-110,
button.mod-btn.btn-width-fix-110 {
  width: 110px;
  text-align: center;
  box-sizing: border-box;
}
a.mod-btn.btn-width-fix-220, span.mod-btn.btn-width-fix-220,
button.mod-btn.btn-width-fix-220 {
  width: 220px;
  text-align: center;
  box-sizing: border-box;
}
a.mod-btn.btn-width-fix-250, span.mod-btn.btn-width-fix-250,
button.mod-btn.btn-width-fix-250 {
  width: 250px;
  text-align: center;
  box-sizing: border-box;
}
a.mod-btn.btn-width-fix-290, span.mod-btn.btn-width-fix-290,
button.mod-btn.btn-width-fix-290 {
  width: 290px;
  text-align: center;
  box-sizing: border-box;
}
a.mod-btn.btn-premium, span.mod-btn.btn-premium,
button.mod-btn.btn-premium {
  position: relative;
  background: #d80c18;
  color: #fff;
  padding-left: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 15px 10px 45px;
  -moz-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
}
a.mod-btn.btn-premium:before, span.mod-btn.btn-premium:before,
button.mod-btn.btn-premium:before {
  position: absolute;
  top: 2px;
  left: 15px;
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 21px;
  width: 24px;
  background-position: 0 -538px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
  content: "";
}
a.mod-btn.btn-freemember, span.mod-btn.btn-freemember,
button.mod-btn.btn-freemember {
  position: relative;
  background: #e64d00;
  color: #fff;
  padding-left: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 15px 10px 45px;
  -moz-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
}
a.mod-btn.btn-freemember:before, span.mod-btn.btn-freemember:before,
button.mod-btn.btn-freemember:before {
  position: absolute;
  top: 8px;
  left: 15px;
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 23px;
  background-position: 0 -492px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
  content: "";
}
a.mod-btn.btn-login, span.mod-btn.btn-login,
button.mod-btn.btn-login {
  position: relative;
  background: #6c7e80;
  color: #fff;
  padding-left: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 15px 10px 38px;
  -moz-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -3px 0px rgba(0, 0, 0, 0.3);
}
a.mod-btn.btn-login:before, span.mod-btn.btn-login:before,
button.mod-btn.btn-login:before {
  position: absolute;
  top: 8px;
  left: 15px;
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 17px;
  width: 16px;
  background-position: 0 -445px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
  content: "";
}
a.mod-btn.btn-delete, span.mod-btn.btn-delete,
button.mod-btn.btn-delete {
  position: relative;
}
a.mod-btn.btn-delete:before, span.mod-btn.btn-delete:before,
button.mod-btn.btn-delete:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 13px;
  height: 12px;
  background-position: 0 -1140px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -1px;
}
a.mod-btn.btn-favorite, a.mod-btn.btn-reference, span.mod-btn.btn-favorite, span.mod-btn.btn-reference,
button.mod-btn.btn-favorite,
button.mod-btn.btn-reference {
  position: relative;
  background: #dcdcdc;
  padding-left: 20px;
  font-size: 12px;
  font-size: 1.2rem;
}
a.mod-btn.btn-favorite .num, a.mod-btn.btn-reference .num, span.mod-btn.btn-favorite .num, span.mod-btn.btn-reference .num,
button.mod-btn.btn-favorite .num,
button.mod-btn.btn-reference .num {
  font-size: 10px;
  font-size: 1rem;
  vertical-align: middle;
}
a.mod-btn.btn-favorite:before, a.mod-btn.btn-reference:before, span.mod-btn.btn-favorite:before, span.mod-btn.btn-reference:before,
button.mod-btn.btn-favorite:before,
button.mod-btn.btn-reference:before {
  position: absolute;
  top: 1px;
  left: 3px;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 15px;
  height: 15px;
  background-position: 0 -1427px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  content: "";
}
a.mod-btn.btn-favorite.active, a.mod-btn.btn-reference.active, span.mod-btn.btn-favorite.active, span.mod-btn.btn-reference.active,
button.mod-btn.btn-favorite.active,
button.mod-btn.btn-reference.active {
  background: #999;
  color: #fff;
}
a.mod-btn.btn-favorite.active:before, a.mod-btn.btn-reference.active:before, span.mod-btn.btn-favorite.active:before, span.mod-btn.btn-reference.active:before,
button.mod-btn.btn-favorite.active:before,
button.mod-btn.btn-reference.active:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 15px;
  height: 15px;
  background-position: 0 -1472px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
a.mod-btn.btn-reference:before, span.mod-btn.btn-reference:before,
button.mod-btn.btn-reference:before {
  top: 3px;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 13px;
  height: 12px;
  background-position: 0 -1012px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
a.mod-btn.btn-reference.active:before, span.mod-btn.btn-reference.active:before,
button.mod-btn.btn-reference.active:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 13px;
  height: 12px;
  background-position: 0 -1054px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
a.mod-btn.btn-active, span.mod-btn.btn-active,
button.mod-btn.btn-active {
  background: #808080;
  color: #fff;
}
a.mod-btn.btn-disabled, span.mod-btn.btn-disabled,
button.mod-btn.btn-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}

.mod-btn-group {
  text-align: right;
}
.mod-btn-group.left {
  text-align: left;
}
.mod-btn-group.center {
  text-align: center;
}
.mod-btn-group.col-2 {
  *zoom: 1;
}
.mod-btn-group.col-2:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-btn-group.col-2 .left {
  float: left;
}
.mod-btn-group.col-2 .right {
  float: right;
}
.mod-btn-group p, .mod-btn-group ul, .mod-btn-group li {
  display: inline-block;
}
.mod-btn-group .btn-medium {
  margin-right: 5px;
}
.mod-btn-group .btn-medium.group-last {
  margin-right: 0;
}
.mod-btn-group.btn-large .mod-btn {
  padding: 5px;
}

a.mod-btn-inquiry,
button.mod-btn-inquiry {
  background: linear-gradient(#f6f6f6 0%, #f0f0f0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #4d4d4d;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  padding: 15px;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
}

.mod-link {
  position: relative;
  padding-right: 13px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mod-link:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
}
.mod-link.link-arrow:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -451px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  margin-top: -5px;
}
.mod-link.link-arrow.music:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -634px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-link.link-arrow.manga:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -595px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-link.link-arrow.book:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -412px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-link.link-arrow.media:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -556px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-link.link-arrow-left {
  padding-left: 13px;
  padding-right: 0;
  position: relative;
}
.mod-link.link-arrow-left:before {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 0;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -451px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  content: "";
}
.mod-link.link-arrow-left.black {
  color: #000;
  font-weight: normal;
}
.mod-link.link-arrow-left.black:hover {
  color: #d80c18;
}
.mod-link.link-down:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -117px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  margin-top: -3px;
}
.mod-link.link-up:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -673px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  margin-top: -3px;
}

.js-simple-accordion-btn {
  cursor: pointer;
}

.mod-form .form-error {
  font-size: 10px;
  font-size: 1rem;
  color: #d80c18;
  font-weight: bold;
  margin: 5px 0;
}
.mod-form .form-error.freetel-error {
  font-weight: normal;
  font-size: 10px;
  color: #000;
  margin-left: -12px;
}
.mod-form .form-error.freetel-error .freetel-logo {
  vertical-align: baseline;
}
.mod-form .form-error.freetel-error:before, .mod-form .form-error.freetel-error:after {
  display: inline;
  color: #C9372B;
  font-size: 20px;
}
.mod-form .form-error.freetel-error:before {
  content: "【";
}
.mod-form .form-error.freetel-error:after {
  content: "】";
}
.mod-form .form-appendix {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 5px;
}
.mod-form .form-textarea {
  width: 100%;
  height: 100px;
  border-color: 1px solid #dcdcdc;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-form .form-textarea .width-auto {
  width: auto;
}
.mod-form .form-checkbox {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.mod-form .form-checkbox:focus {
  outline: none;
}
.mod-form .form-checkbox + label {
  cursor: pointer;
}
.mod-form .form-checkbox + label:before {
  margin-right: 5px;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
  background-position: 0 -920px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
  vertical-align: -3px;
  content: "";
}
.mod-form .form-checkbox.checked + label:before {
  content: " ";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
  background-position: 0 -966px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
}
.mod-form .form-radio {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.mod-form .form-radio:focus {
  outline: none;
}
.mod-form .form-radio + label {
  cursor: pointer;
}
.mod-form .form-radio + label:before {
  margin-right: 5px;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  background-position: 0 -1777px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  content: "";
}
.mod-form .form-radio.checked + label:before {
  content: " ";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  background-position: 0 -1825px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
}
.mod-form .form-text {
  border: 1px solid #dcdcdc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 5px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-form .form-text.text-01 {
  width: 35px;
}
.mod-form .form-text.text-02 {
  width: 100%;
}
.mod-form .form-text.text-03 {
  width: 285px;
}
.mod-form .form-select {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.mod-form .form-select + .label {
  margin: 0 2px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mod-form .form-select .fm-select-list {
  cursor: pointer;
  font-size: 12px;
  margin: 0;
  padding: 0;
  max-height: 300px;
  overflow-y: scroll;
  background: #fff;
  border: 1px solid #dcdcdc;
  box-shadow: 0px 7px 4px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 24px;
  z-index: 1;
}
.mod-form .form-select .fm-select-list p {
  padding: 2px 10px;
  white-space: nowrap;
}
.mod-form .form-select .fm-select-list p + p {
  border-top: solid 1px #dcdcdc;
}
.mod-form .form-select .fm-select-list p:hover {
  background: #F5F5F5;
  transition: .2s;
}
.mod-form .form-select .text,
.mod-form .form-select .fm-select-value {
  float: left;
}
.mod-form .form-select .text {
  margin-left: 22px;
  padding-top: 3px;
}
.mod-form .form-select .fm-select-value {
  cursor: pointer;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 25px 2px 10px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  background: #fff;
}
.mod-form .form-select .ranking-select-month {
  margin-left: 8px;
}
.mod-form .form-select .select-active {
  color: #c8c8c8;
}
.mod-form .form-select .icon-wrap {
  cursor: pointer;
  text-align: center;
  width: 20px;
  height: 21px;
  line-height: 20px;
  margin-top: -12px;
  border-bottom: 2px solid #b0b0b0;
  border-radius: 0 3px 3px 0;
  background: #dcdcdc;
  position: absolute;
  top: 50%;
  right: 0;
}
.mod-form .form-select .icon-wrap.icon-adjust {
  right: 13px;
}
.mod-form .form-select .icon {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -274px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
}
.mod-form .form-select .icon-up {
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -308px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
}
.mod-form .form-label {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 800;
  margin: 0;
  line-height: 1.2;
  display: block;
}

.mod-section {
  margin-bottom: 30px;
  position: relative;
  -moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #dcdcdc;
  background: #fff;
}
.mod-section .section-inner {
  margin: 10px;
}
.mod-section .section-inner.border-top {
  border-top: 1px solid #dcdcdc;
}
.mod-section .section-inner.margin-type-01 {
  margin: 0;
}
.mod-section .section-inner.margin-type-02 {
  margin: 20px;
}
.mod-section.music .mod-heading-02 {
  border-top-color: #c03;
}
.mod-section.comic .mod-heading-02 {
  border-top-color: #ff8000;
}
.mod-section.book .mod-heading-02 {
  border-top-color: #39c;
}

.mod-text .text {
  margin-top: 10px;
}
.mod-text .text-space-bottom {
  margin-bottom: 10px;
}
.mod-text .mod-heading-02 ~ .text {
  padding: 0 10px;
}
.mod-text .text-xxlarge {
  font-size: 26px;
  font-size: 2.6rem;
}
.mod-text .text-exlarge {
  font-size: 16px;
  font-size: 1.6rem;
}
.mod-text .text-large {
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-text .text-small {
  font-size: 10px;
  font-size: 1rem;
}
.mod-text .text-bold {
  font-weight: bold;
}
.mod-text .text-normal {
  font-weight: normal;
}
.mod-text .text-hr {
  margin-top: 15px;
  border-bottom: 1px solid #dcdcdc;
}
.mod-text .text-strong {
  color: #d80c18;
}
.mod-text .text-space-wide {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mod-text .text-mopita {
  background-image: url('../img/common/sprite-se545c5f21d.png');
  background-repeat: no-repeat;
  height: 33px;
  width: 202px;
  background-position: 0 -827px;
  -moz-background-size: 250px 860px;
  -o-background-size: 250px 860px;
  -webkit-background-size: 250px 860px;
  background-size: 250px 860px;
  display: inline-block;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-text .text-list.list-normal li {
  list-style: disc;
  margin-left: 1em;
}
.mod-text .text-vertical-bottom {
  vertical-align: bottom;
}
.mod-text em.music {
  color: #c03;
}
.mod-text em.comic {
  color: #ff8000;
}
.mod-text em.book {
  color: #39c;
}
.mod-text em.black {
  color: #000;
  font-style: normal;
}
.mod-text.mod-text-caution {
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -moz-border: 2px solid #d80c18;
  -ms-border: 2px solid #d80c18;
  -o-border: 2px solid #d80c18;
  border: 2px solid #d80c18;
}
.mod-text.mod-text-caution .icon-wrapper {
  display: inline-block;
  width: 10%;
}
.mod-text.mod-text-caution .text-wrapper {
  display: inline-block;
  width: 70%;
}

.mod-table table {
  width: 100%;
  border-collapse: collapse;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.mod-table thead th {
  background: #dcdcdc;
  text-align: left;
}
.mod-table tbody th {
  background: #f7f7f7;
  text-align: left;
}
.mod-table th, .mod-table td {
  border-left: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  padding: 10px;
}
.mod-table th.no-left-border, .mod-table td.no-left-border {
  border-left: none;
}
.mod-table th.no-top-border, .mod-table td.no-top-border {
  border-top: none;
}
.mod-table td.empty-diagonal {
  padding: 0;
}
.mod-table td.empty-diagonal:after {
  content: '';
  border: #dcdcdc 1px solid;
  width: 100%;
  height: 1px;
  display: block;
  transform: rotate(172deg);
  border-bottom: transparent;
}
.mod-table .payment {
  color: #d80c18;
  height: 50px;
  font-size: 16px;
  font-size: 1.6rem;
}
.mod-table .no-cart {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  height: 280px;
  margin: auto;
  font-weight: 700;
}
.mod-table.table-fixed-01 {
  width: 440px;
}
.mod-table.table-fixed-02 {
  width: 600px;
}
.mod-table.table-fixed-03 {
  width: 582px;
}
.mod-table.table-center {
  margin-left: auto;
  margin-right: auto;
}
.mod-table.table-device th, .mod-table.table-device td {
  padding-left: 5px;
  padding-right: 5px;
}
.mod-table.table-device th.disabled, .mod-table.table-device td.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background: #ccc;
}
.mod-table.table-device .device-iphone .icon,
.mod-table.table-device .device-ipad .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1231px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-table.table-device .device-android .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1182px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-table.table-device .device-tablet .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1378px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-table.table-device .device-pc .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1329px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-table.table-device .device-keitai .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1280px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-table.table-device .device {
  display: inline-block;
}
.mod-table.table-device .device .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.mod-table.table-course th {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  color: #e64d00;
  background: #fff;
  border: 1px solid #e64d00;
}
.mod-table.table-course th.border-c-video {
  border: 1px solid #66bc40;
}
.mod-table.table-course th.fnt13 {
  font-size: 13px;
  font-size: 1.3rem;
}
.mod-table.table-course .recommend th {
  background: #e64d00;
  color: #fff;
  border: 1px solid #dcdcdc;
}
.mod-table.table-course .recommend td.bg {
  background: #faede6;
}
.mod-table.table-course .recommend td .atract-text {
  background-color: #ffde00;
  color: #c30013;
  font-weight: bold;
  position: relative;
  height: 22px;
  line-height: 22px;
  padding: 0 16px;
  display: inline-block;
  box-sizing: border-box;
}
.mod-table.table-course .recommend td .atract-text::before, .mod-table.table-course .recommend td .atract-text::after {
  content: '';
  display: block;
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 11px 6px 11px 6px;
}
.mod-table.table-course .recommend td .atract-text::before {
  border-left: #faede6 solid 6px;
  left: 0;
  top: 0;
  border-right-width: 0;
}
.mod-table.table-course .recommend td .atract-text::after {
  border-right: #faede6 solid 6px;
  right: 0;
  top: 0;
  border-left-width: 0;
}
.mod-table.table-course .recommend td .aside-info-wrap {
  background-color: #fff;
  font-size: 16px;
  padding: 20px 0 20px 16px;
}
.mod-table.table-course .recommend td .aside-info-wrap .aside-heading {
  vertical-align: top;
}
.mod-table.table-course .recommend td .aside-info-wrap .aside-heading .aside-heading__text {
  padding-left: 8px;
}
.mod-table.table-course .recommend td .aside-info-wrap .attract-arrow {
  display: inline-block;
  background-color: #d70000;
  position: relative;
  height: 16px;
  width: 9px;
  vertical-align: top;
  margin: 4px 4px 4px 0;
}
.mod-table.table-course .recommend td .aside-info-wrap .attract-arrow::after {
  content: '';
  position: absolute;
  right: -16px;
  top: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px 8px 8px 8px;
  border-left-color: #d70000;
}
.mod-table .long-text {
  display: inline-block;
  text-align: left;
}

.mod-section > .mod-table {
  margin: -1px;
}

.mod-banner {
  text-align: center;
  margin-top: 20px;
  padding: 0 10px;
}
.mod-banner img {
  max-width: 100%;
}
.mod-banner.fit-size {
  text-align: center;
  margin: 0;
  padding: 0;
}
.mod-banner.fit-size img {
  width: 100%;
  height: auto;
}
.mod-banner a:hover img {
  opacity: 0.6;
  background: #fff;
}

.mod-step {
  display: table;
  table-layout: fixed;
  margin: 20px auto;
  padding-right: 15px;
}
.mod-step li {
  display: table-cell;
  padding: 0 6px;
  width: 155px;
}
.mod-step li span {
  display: block;
  text-align: center;
  position: relative;
  background: #d4d4d4;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  color: #fff;
  padding-left: 16px;
}
.mod-step li span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  border: 23px solid transparent;
  border-left: 17px solid #fff;
}
.mod-step li span:after {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  height: 0;
  width: 0;
  border: 23px solid transparent;
  border-left: 17px solid #d4d4d4;
  z-index: 1;
}
.mod-step li.on span {
  background: #cc9900;
}
.mod-step li.on span:after {
  border-left-color: #cc9900;
}

.mod-ranking-icon {
  width: 20px;
}
.mod-ranking-icon .num {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  line-height: 20px;
  color: #fff;
  width: 20px;
  height: 20px;
  background: #666;
  vertical-align: middle;
}
.mod-ranking-icon .num.num-1 {
  background: #cc9900;
}
.mod-ranking-icon .num.num-2 {
  background: #b0b0b0;
}
.mod-ranking-icon .num.num-3 {
  background: #997f2b;
}
.mod-ranking-icon .transition.transition-up {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -2233px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-ranking-icon .transition.transition-stay {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -2183px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-ranking-icon .transition.transition-down {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -1873px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-ranking-icon.ranking-icon-horizontal {
  width: auto;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mod-ranking-icon.ranking-icon-horizontal .num, .mod-ranking-icon.ranking-icon-horizontal .transition {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.mod-genre-icon {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #000;
  text-decoration: none;
  background: #eee;
  border-radius: 3px;
  -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
}
.mod-genre-icon a, .mod-genre-icon span {
  color: #000;
  text-decoration: none;
  display: block;
  padding: 2px 2px;
}
.mod-genre-icon a {
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
}
.mod-genre-icon a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.mod-genre-icon.music, .mod-genre-icon.manga, .mod-genre-icon.book, .mod-genre-icon.video, .mod-genre-icon.media {
  min-width: 40px;
  box-sizing: border-box;
  text-align: center;
}
.mod-genre-icon.music a, .mod-genre-icon.music span, .mod-genre-icon.manga a, .mod-genre-icon.manga span, .mod-genre-icon.book a, .mod-genre-icon.book span, .mod-genre-icon.video a, .mod-genre-icon.video span, .mod-genre-icon.media a, .mod-genre-icon.media span {
  color: #fff;
}
.mod-genre-icon.music {
  background: #c03;
}
.mod-genre-icon.manga {
  background: #ff8000;
}
.mod-genre-icon.book {
  background: #39c;
}
.mod-genre-icon.video, .mod-genre-icon.media {
  background: #66bc40;
}
.mod-genre-icon.red {
  background: #d80c18;
  color: white;
}
.mod-genre-icon.red a, .mod-genre-icon.red span {
  color: white;
}
.mod-genre-icon.medium-size a {
  padding: 7px 6px;
  min-width: 50px;
  font-size: 12px;
  font-size: 1.2rem;
}

.mod-cat-icon {
  padding: 2px 3px 1px;
  background: #dcdcdc;
  border-radius: 10px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 10px;
  font-size: 1rem;
}

.mod-label-icon {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 2px 2px;
  background: #d80c18;
  color: white;
  text-decoration: none;
  border-radius: 3px;
  -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
}
.mod-label-icon a {
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
  color: #000;
  text-decoration: none;
}
.mod-label-icon a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.mod-label-icon.green {
  background: #66bc40;
}
.mod-label-icon.blue {
  background: #3366cc;
}

.mod-track-list {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin-top: -1px;
  margin-bottom: -1px;
}
.mod-track-list > ul {
  *zoom: 1;
  margin-top: -1px;
}
.mod-track-list > ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-track-list .track-list-item {
  float: left;
  border-top: 1px solid #dcdcdc;
  position: relative;
}
.mod-track-list .track-list-item:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #dcdcdc;
  position: absolute;
  top: 0;
  left: -1px;
}
.mod-track-list .track-list-item:first-child:before {
  content: none;
}
.mod-track-list .track-list-item.first-child {
  border-left: none;
}
.mod-track-list .track-list-item a {
  display: block;
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
}
.mod-track-list .track-list-item a:hover .image {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.mod-track-list .track-list-item .image {
  width: 110px;
  height: 110px;
  margin: 0 auto 8px;
  vertical-align: middle;
  text-align: center;
}
.mod-track-list .track-list-item .image img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.mod-track-list .track-list-item .image-multiple {
  display: block;
  width: 110px;
  height: 110px;
}
.mod-track-list .track-list-item .image-multiple div, .mod-track-list .track-list-item .image-multiple span {
  width: 55px;
  height: 55px;
}
.mod-track-list .track-list-item .image-multiple div {
  float: left;
  background: #ccc;
}
.mod-track-list .track-list-item .image-multiple span {
  display: block;
  vertical-align: middle;
  text-align: center;
}
.mod-track-list .track-list-item .image-multiple img {
  max-width: 100%;
  max-height: 100%;
}
.mod-track-list .track-list-item .title {
  font-weight: bold;
}
.mod-track-list .track-list-item .name {
  margin-top: 5px;
}
.mod-track-list .track-list-item .tieup,
.mod-track-list .track-list-item .comment {
  margin-top: 5px;
  font-size: 10px;
  font-size: 1rem;
}
.mod-track-list .track-list-item .view {
  margin-top: 5px;
}
.mod-track-list .track-list-item .view,
.mod-track-list .track-list-item .update {
  font-size: 10px;
  font-size: 1rem;
}
.mod-track-list .track-list-item .price {
  margin-top: 5px;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: right;
}
.mod-track-list .track-list-item .trackList-item-secound-content {
  clear: both;
}
.mod-track-list .track-list-item .tag-list {
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.mod-track-list .track-list-item .tag-list:after {
  position: absolute;
  top: 0;
  right: -0.2em;
  content: "";
  display: inline-block;
  width: 2em;
  height: 1.6em;
  /*Other Browser*/
  background: #91bae4;
  /*For Old WebKit*/
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, #fff 100%);
  /*For Modern Browser*/
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
}
.mod-track-list.track-list-col3 {
  overflow: hidden;
}
.mod-track-list.track-list-col3 .track-list-item {
  padding: 10px;
  width: 195px;
  border-top: 1px solid #dcdcdc;
  position: relative;
}
.mod-track-list.track-list-col3 .track-list-item .image {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 78px;
  height: 78px;
  margin-bottom: 10px;
}
.mod-track-list.track-list-col3 .track-list-item .title,
.mod-track-list.track-list-col3 .track-list-item .name {
  padding-left: 88px;
}
.mod-track-list.track-list-col3 .track-list-item .mod-cat-icon {
  margin-left: 88px;
}
.mod-track-list.track-list-col3 .track-list-item .content {
  min-height: 110px;
}
.mod-track-list.track-list-col3 .track-list-item .second-content {
  clear: both;
}
.mod-track-list.track-list-ranking .ranking {
  float: left;
}
.mod-track-list.track-list-ranking .ranking + .title {
  padding-left: 30px;
}
.mod-track-list.track-list-col3-2 .track-list-item {
  padding: 10px 10px 10px 9px;
  width: 110px;
}
.mod-track-list.track-list-tv-col5 .track-list-item {
  padding: 10px;
  padding-bottom: 0 !important;
  width: 113.5px;
  height: auto;
}
.mod-track-list.track-list-tv-col5 .track-list-item .image, .mod-track-list.track-list-tv-col5 .track-list-item img {
  height: auto;
}
.mod-track-list.track-list-tv-col5 .track-list-item .hide-text-ellipsis {
  background-color: #fff;
  display: block;
  line-height: 1.3em;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  max-height: 2.6em;
}
.mod-track-list.track-list-tv-col5 .track-list-item .hide-text-ellipsis:hover::after {
  text-decoration: none;
}
.mod-track-list.track-list-tv-col5 .track-list-item .hide-text-ellipsis::before {
  top: 16px;
  right: 2px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 15px;
  background: #91bae4;
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, #fff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
}
.mod-track-list.track-list-tv-col5 .track-list-item .hide-text-ellipsis::before {
  position: absolute;
}
@supports (-webkit-line-clamp: 2) {
  .mod-track-list.track-list-tv-col5 .track-list-item .hide-text-ellipsis {
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .mod-track-list.track-list-tv-col5 .track-list-item .hide-text-ellipsis::before {
    content: '';
    position: static;
    display: none;
  }
}
.mod-track-list.track-list-tv-col5 .track-list-item .title {
  height: 31px;
}
.mod-track-list.track-list-tv-col5 .track-list-item .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mod-track-list.track-list-tv-col5 .track-list-item .comment.fnt12 {
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-track-list.track-list-tv-col5 .track-list-item:last-child::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #dcdcdc;
  position: absolute;
  top: 0;
  right: 0;
}
.mod-track-list.track-list-tv-col5 .track-list-item a:hover .hide-text-ellipsis::after {
  text-decoration: none;
}
.mod-track-list.track-list-col5 .track-list-item {
  padding: 10px;
  width: 113px;
}
.mod-track-list.track-list-col7 .track-list-item {
  padding: 9px 7px;
  width: 80px;
}
.mod-track-list.track-list-col7 .image {
  width: 80px;
  height: 80px;
}
.mod-track-list.track-list-col7 .artist {
  margin-top: 8px;
}
.mod-track-list.track-list-price .track-list-item {
  position: relative;
  padding-bottom: 60px;
}
.mod-track-list.track-list-price .price-info {
  position: absolute;
  bottom: 10px;
  right: 5px;
}
.mod-track-list.track-list-free .track-list-item {
  position: relative;
  padding-bottom: 35px;
}
.mod-track-list.track-list-free .mod-btn-group {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.section-inner .track-list-col5 {
  width: 648px;
  overflow: hidden;
}
.section-inner .track-list-col5 .mod-trackList-item,
.section-inner .track-list-col5 .track-list-item {
  width: 111px;
  padding-left: 9px;
  padding-right: 9px;
}

.list-genre .mod-heading-01 {
  border-bottom: none;
}
.list-genre .section-inner {
  margin-top: 0;
}
.list-genre .mod-track-list {
  border-bottom: none;
}

.content-2col .track-list-col7 {
  overflow: hidden;
}
.content-2col .track-list-col7 .track-list-item {
  padding-left: 9px;
  padding-right: 9px;
  width: 110px;
}
.content-2col .track-list-col7 .track-list-item .image {
  width: 110px;
  height: 110px;
}
.content-2col .section-inner .track-list-col7 .track-list-item {
  padding-left: 7px;
  padding-right: 7px;
}
.content-2col .track-list-col3 .track-list-item {
  width: 279px;
}
.content-2col .track-list-col3 .track-list-item .content {
  min-height: 110px;
}
.content-2col .track-list-col3 .track-list-item .title,
.content-2col .track-list-col3 .track-list-item .comment,
.content-2col .track-list-col3 .track-list-item .view,
.content-2col .track-list-col3 .track-list-item .update {
  padding-left: 118px;
}
.content-2col .track-list-col3 .track-list-item .mod-cat-icon,
.content-2col .track-list-col3 .track-list-item .mod-genre-icon {
  margin-top: 5px;
  margin-left: 118px;
}
.content-2col .track-list-col3 .track-list-item .image.image-multiple {
  width: 110px;
  height: 110px;
}

.mod-feature-list p {
  line-height: 1.2;
}
.mod-feature-list ul {
  *zoom: 1;
  margin-left: -1px;
  margin-top: -1px;
  overflow: hidden;
}
.mod-feature-list ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-feature-list ul .feature-list-item {
  float: left;
  width: 146px;
  padding: 10px;
  border-top: 1px solid #dcdcdc;
  position: relative;
}
.mod-feature-list ul .feature-list-item:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #dcdcdc;
  position: absolute;
  top: 0;
  left: -1px;
}
.mod-feature-list ul .feature-list-item a {
  display: block;
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
}
.mod-feature-list ul .feature-list-item a:hover .image {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.mod-feature-list ul .feature-list-item .image {
  width: 148px;
  height: 80px;
  text-align: center;
  margin-bottom: 8px;
}
.mod-feature-list ul .feature-list-item .title {
  font-weight: bold;
  margin-bottom: 5px;
}
.mod-feature-list ul .feature-list-item .comment {
  margin-bottom: 0;
  font-size: 10px;
  font-size: 1rem;
}

.mod-album-list .album-list-item {
  position: relative;
  *zoom: 1;
  border-top: 1px solid #dcdcdc;
  margin-top: -1px;
  padding: 10px 0;
  color: #000;
}
.mod-album-list .album-list-item:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-album-list .num {
  float: left;
}
.mod-album-list .second-content {
  float: right;
}
.mod-album-list .num {
  width: 40px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
.mod-album-list .content {
  float: left;
}
.mod-album-list .content .title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.mod-album-list .content .title,
.mod-album-list .content .name {
  margin-bottom: 10px;
}
.mod-album-list .content .comment {
  margin-bottom: 0;
  font-size: 10px;
  font-size: 1rem;
}
.mod-album-list .second-content .price {
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: right;
}

.mod-anchor-list .anchor-list-item {
  margin-top: 10px;
}
.mod-anchor-list .anchor-list-item:first-child {
  margin-top: 0;
}
.mod-anchor-list .mod-btn {
  display: block;
  position: relative;
  padding: 8px 20px 8px 8px;
  white-space: normal;
}
.mod-anchor-list .mod-btn:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 11px;
  height: 7px;
  background-position: 0 -261px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-anchor-list.anchor-list-inline {
  margin-left: -15px;
}
.mod-anchor-list.anchor-list-inline ul {
  display: table;
  width: 100%;
}
.mod-anchor-list.anchor-list-inline li {
  display: table-cell;
  padding-left: 15px;
  width: 33%;
}

.mod-sns-list {
  margin-bottom: 10px;
}
.mod-sns-list li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin-right: 10px;
}
.mod-sns-list li.twitter {
  width: 90px;
  overflow: hidden;
}

.mod-image-list {
  *zoom: 1;
}
.mod-image-list:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-image-list a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background: #fff;
}
.mod-image-list > ul > li {
  padding: 10px;
  border-top: 1px solid #dcdcdc;
}
.mod-image-list > ul > li:first-child {
  border-top: none;
}
.mod-pager + .mod-image-list > ul > li:first-child, .section-inner > .mod-image-list > ul > li:first-child, .section-inner + .mod-image-list > ul > li:first-child {
  border-top: 1px solid #dcdcdc;
}
.mod-image-list .ui-sortable-helper {
  border: 1px solid #b0b0b0;
  background: white;
}
.mod-image-list .comment-axial {
  margin-top: 5px;
  font-size: 10px;
  font-size: 1rem;
  padding: 5px 2px 0;
  border-top: 1px solid #dcdcdc;
}
.mod-image-list .image-list-item {
  position: relative;
  min-height: 80px;
}
.mod-image-list .image-list-item .image,
.mod-image-list .image-list-item .image-multiple {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  text-align: center;
}
.mod-image-list .image-list-item .image div,
.mod-image-list .image-list-item .image-multiple div {
  float: left;
}
.mod-image-list .image-list-item .image span,
.mod-image-list .image-list-item .image-multiple span {
  display: block;
  vertical-align: middle;
  text-align: center;
}
.mod-image-list .image-list-item .image img,
.mod-image-list .image-list-item .image-multiple img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin-bottom: 5px;
}
.mod-image-list .image-list-item .title {
  font-weight: bold;
}
.mod-image-list .image-list-item .subtitle {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  margin-top: 8px;
}
.mod-image-list .image-list-item a:hover .subtitle {
  color: #d80c18;
}
.mod-image-list .image-list-item a:hover .playtime {
  color: #000;
}
.mod-image-list .image-list-item .comment, .mod-image-list .image-list-item .text, .mod-image-list .image-list-item .tieup {
  margin-top: 10px;
  font-size: 10px;
  font-size: 1rem;
}
.sidebar .mod-image-list .image-list-item .comment, .sidebar .mod-image-list .image-list-item .text, .sidebar .mod-image-list .image-list-item .tieup {
  margin-top: 5px;
  line-height: 1.2;
}
.mod-image-list .image-list-item .year {
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 5px;
}
.mod-image-list .image-list-item .name a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 15px;
}
.mod-image-list .image-list-item .limited-date {
  color: #d80c18;
  font-size: 10px;
  font-size: 1rem;
  vertical-align: bottom;
  margin-right: 5px;
  display: inline-block;
  font-weight: bold;
}
.mod-image-list .image-list-item .mod-cat-icon,
.mod-image-list .image-list-item .deadline {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mod-image-list .image-list-item .mod-cat-icon {
  margin-right: 15px;
}
.mod-image-list .image-list-item .comment.form-textarea {
  width: 730px;
  margin-top: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-image-list .image-list-item .copyright {
  text-align: right;
  margin-top: 5px;
  font-size: 10px;
  font-size: 1rem;
}
.mod-image-list .image-list-item .price {
  margin-top: 15px;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}
.mod-image-list .image-list-item .price .balloon {
  position: relative;
  top: -1px;
  margin-right: 10px;
  display: inline-block;
  padding: 3px 5px 2px;
  background-color: #66bc40;
  color: #fff;
  font-size: 1rem;
  line-height: 1;
}
.mod-image-list .image-list-item .price .balloon:before {
  position: absolute;
  margin-right: 5px;
  line-height: 1.2;
  font-size: 1rem;
  color: #66bc40;
  top: 2px;
  right: -11px;
  content: "▶︎";
}
.mod-image-list .image-list-item .btn-fixed {
  position: absolute;
  bottom: 0;
  right: 0;
}
.mod-image-list .image-list-item .btn-fixed .alert {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
  width: 220px;
  margin: auto;
  margin-right: 0;
  margin-bottom: 5px;
  color: #d80c18;
  position: relative;
  box-sizing: border-box;
}
.mod-image-list .image-list-item .btn-fixed .alert[class^="mti-icon-"], .mod-image-list .image-list-item .btn-fixed .alert[class*=" mti-icon-"] {
  padding-left: 15px;
}
.mod-image-list .image-list-item .btn-fixed .alert[class^="mti-icon-"]:before, .mod-image-list .image-list-item .btn-fixed .alert[class*=" mti-icon-"]:before {
  color: #d80c18;
  font-size: 13px;
  font-size: 1.3rem;
  left: 0;
  top: 0;
  bottom: 0;
}
.mod-image-list .image-list-item .review-operate .mod-btn-group {
  margin-left: 0 !important;
}
.mod-image-list .image-list-item .magazine a {
  margin-right: 10px;
}
.mod-image-list .image-list-item .tieup {
  color: #555;
  padding-left: 16px;
  background: url(../img/common/icon_tieup.png) 0 3px no-repeat;
}
.mod-image-list .image-list-item .info {
  margin-top: 10px;
}
.mod-image-list .image-list-item .info dl, .mod-image-list .image-list-item .info dt, .mod-image-list .image-list-item .info dd {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mod-image-list .image-list-item .info dt {
  margin-right: 5px;
  padding: 5px 10px;
  background: #808080;
  color: #fff;
  font-weight: normal;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
}
.mod-image-list .image-list-item .info-text p {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 10px;
  font-size: 1rem;
}
.mod-image-list .image-list-item .info-group {
  *zoom: 1;
  margin-top: 5px;
}
.mod-image-list .image-list-item .info-group:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-image-list .image-list-item .info-group .left {
  float: left;
}
.mod-image-list .image-list-item .info-group .right {
  float: right;
}
.mod-image-list .image-list-item .info-group .btn-favorite {
  margin-right: 15px;
}
.mod-image-list .image-list-item .info-group .price-info {
  text-align: right;
}
.mod-image-list .image-list-item .info-group .price-info .mod-label-icon {
  margin-left: 0;
}
.mod-image-list .image-list-item .info-group .series {
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-image-list .image-list-item .info-group .favorite {
  vertical-align: middle;
}
.mod-image-list .image-list-item .info-group .favorite,
.mod-image-list .image-list-item .info-group .info-text,
.mod-image-list .image-list-item .info-group .price,
.mod-image-list .image-list-item .info-group .mod-btn-group {
  margin-left: 0 !important;
  display: block;
}
.mod-image-list .image-list-item .info-group .price {
  margin-top: 10px;
}
.mod-image-list .image-list-item .info-group .price span.coupon {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 10px;
  padding: 3px 4px 2px;
  color: #000;
  text-decoration: none;
  background: #d80c18;
  color: white;
  border-radius: 3px;
  -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
}
.mod-image-list .image-list-item .info-group .price.lh-1-5 {
  line-height: 1.5;
}
.mod-image-list .image-list-item .info-group .price.lh-2 {
  line-height: 2;
}
.mod-image-list .image-list-item .text {
  margin-bottom: 10px;
}
.mod-image-list .image-list-item .text.rental_period {
  text-indent: -9em;
  margin-left: 9em;
}
.mod-image-list .image-list-item .view {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 10px;
  font-size: 1rem;
}
.mod-image-list .image-list-item .viewed {
  display: inline;
  margin-left: 10px !important;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  color: #d80c18;
}
.mod-image-list .image-list-item .story {
  font-size: 1rem;
  /* For first rendering. */
}
.mod-image-list .image-list-item .story [data-readMore] {
  visibility: visible;
  position: relative;
}
.mod-image-list .image-list-item .story [data-readMore-btn] {
  position: absolute;
  right: 0;
  /* right margin */
  bottom: 0;
  /* bottom margin */
  z-index: 1;
}
.mod-image-list .image-list-item .story [data-readMore-txt-item] {
  position: relative;
}
.mod-image-list .image-list-item .story [data-readMore="hidden"] {
  visibility: hidden;
}
.mod-image-list .image-list-item .story [data-readMore-btn="hidden"] {
  visibility: hidden;
  z-index: -1;
  cursor: pointer;
  text-decoration: underline;
  font-size: 1rem;
}
.mod-image-list .image-list-item .story [data-readMore-btn="hidden"]:before {
  content: "…";
  margin-right: 5px;
  display: inline-block;
}
.mod-image-list .image-list-item .story [data-readMore-btn="hidden"]:after {
  position: relative;
  top: 4px;
  content: "";
  margin-left: 4px;
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 7px solid #333;
}
.mod-image-list .image-list-item .time {
  margin-top: 3px;
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
}
.mod-image-list .image-list-item .playtime {
  float: left;
  line-height: 1;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
}
.mod-image-list .image-list-item .playtime:before {
  position: relative;
  top: 2px;
  font-family: 'musicjp';
  content: "\e952";
  font-size: 1.4rem;
  padding-right: 2px;
  font-weight: normal;
}
.mod-image-list .image-list-item .tag-list {
  margin-top: 5px;
}
.mod-image-list .image-list-item .user-info {
  position: relative;
  font-size: 10px;
  font-size: 1rem;
  min-height: 30px;
  margin-top: 10px;
}
.mod-image-list .image-list-item .user-info p {
  font-size: 10px;
  font-size: 1rem;
}
.mod-image-list .image-list-item .user-info .user-info-image {
  position: absolute;
  top: 0;
  left: 0;
}
.mod-image-list .image-list-item .user-info .user-info-name,
.mod-image-list .image-list-item .user-info .user-info-update {
  padding-left: 40px;
}
.mod-image-list .image-list-item .width520 {
  width: 520px;
}
.mod-image-list .image-list-item .image,
.mod-image-list .image-list-item .image-multiple {
  width: 80px;
  height: 80px;
}
.mod-image-list .image-list-item .image div, .mod-image-list .image-list-item .image span,
.mod-image-list .image-list-item .image-multiple div,
.mod-image-list .image-list-item .image-multiple span {
  width: 40px;
  height: 40px;
}
.mod-image-list .image-list-item .price {
  text-align: right;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-image-list .image-list-item .favorite {
  margin-top: 5px;
}
.mod-image-list .image-list-item .title,
.mod-image-list .image-list-item .subtitle,
.mod-image-list .image-list-item .name,
.mod-image-list .image-list-item .text,
.mod-image-list .image-list-item .mod-btn-group,
.mod-image-list .image-list-item .genre,
.mod-image-list .image-list-item .price,
.mod-image-list .image-list-item .comment,
.mod-image-list .image-list-item .favorite,
.mod-image-list .image-list-item .user-info,
.mod-image-list .image-list-item .info-text,
.mod-image-list .image-list-item .info-playlist,
.mod-image-list .image-list-item .info-group,
.mod-image-list .image-list-item .mod-cat-icon,
.mod-image-list .image-list-item .magazine,
.mod-image-list .image-list-item .review-operate,
.mod-image-list .image-list-item .tieup,
.mod-image-list .image-list-item .view,
.mod-image-list .image-list-item .time
.tag-list,
.mod-image-list .image-list-item .year,
.mod-image-list .image-list-item .linked-info,
.mod-image-list .image-list-item .copyright {
  margin-left: 90px;
}
.mod-image-list .image-list-item .title.no-icon,
.mod-image-list .image-list-item .subtitle.no-icon,
.mod-image-list .image-list-item .name.no-icon,
.mod-image-list .image-list-item .text.no-icon,
.mod-image-list .image-list-item .mod-btn-group.no-icon,
.mod-image-list .image-list-item .genre.no-icon,
.mod-image-list .image-list-item .price.no-icon,
.mod-image-list .image-list-item .comment.no-icon,
.mod-image-list .image-list-item .favorite.no-icon,
.mod-image-list .image-list-item .user-info.no-icon,
.mod-image-list .image-list-item .info-text.no-icon,
.mod-image-list .image-list-item .info-playlist.no-icon,
.mod-image-list .image-list-item .info-group.no-icon,
.mod-image-list .image-list-item .mod-cat-icon.no-icon,
.mod-image-list .image-list-item .magazine.no-icon,
.mod-image-list .image-list-item .review-operate.no-icon,
.mod-image-list .image-list-item .tieup.no-icon,
.mod-image-list .image-list-item .view.no-icon,
.mod-image-list .image-list-item .time
.tag-list.no-icon,
.mod-image-list .image-list-item .year.no-icon,
.mod-image-list .image-list-item .linked-info.no-icon,
.mod-image-list .image-list-item .copyright.no-icon {
  background: none;
  margin-left: 74px;
}
.mod-image-list .image-list-item .genre + .genre {
  margin-left: 0 !important;
}
.mod-image-list .image-list-item .linked-info span {
  margin-left: 0;
}
.mod-image-list .image-list-item .linked-info span:not(:first-child) {
  margin-left: 15px;
}
.mod-image-list .image-list-item.item-size-01 {
  min-height: 80px;
}
.mod-image-list .image-list-item.item-size-01 .image,
.mod-image-list .image-list-item.item-size-01 .image-multiple {
  width: 80px;
  height: 80px;
}
.mod-image-list .image-list-item.item-size-01 .image div, .mod-image-list .image-list-item.item-size-01 .image span,
.mod-image-list .image-list-item.item-size-01 .image-multiple div,
.mod-image-list .image-list-item.item-size-01 .image-multiple span {
  width: 40px;
  height: 40px;
}
.mod-image-list .image-list-item.item-size-01 .price {
  text-align: right;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-image-list .image-list-item.item-size-01 .favorite {
  margin-top: 5px;
}
.mod-image-list .image-list-item.item-size-01 .title,
.mod-image-list .image-list-item.item-size-01 .name,
.mod-image-list .image-list-item.item-size-01 .text,
.mod-image-list .image-list-item.item-size-01 .mod-btn-group,
.mod-image-list .image-list-item.item-size-01 .genre,
.mod-image-list .image-list-item.item-size-01 .price,
.mod-image-list .image-list-item.item-size-01 .comment,
.mod-image-list .image-list-item.item-size-01 .favorite,
.mod-image-list .image-list-item.item-size-01 .user-info,
.mod-image-list .image-list-item.item-size-01 .info-text,
.mod-image-list .image-list-item.item-size-01 .info-playlist,
.mod-image-list .image-list-item.item-size-01 .info-group,
.mod-image-list .image-list-item.item-size-01 .mod-cat-icon,
.mod-image-list .image-list-item.item-size-01 .magazine,
.mod-image-list .image-list-item.item-size-01 .review-operate,
.mod-image-list .image-list-item.item-size-01 .view,
.mod-image-list .image-list-item.item-size-01 .time,
.mod-image-list .image-list-item.item-size-01 .tag-list,
.mod-image-list .image-list-item.item-size-01 .year,
.mod-image-list .image-list-item.item-size-01 .linked-info,
.mod-image-list .image-list-item.item-size-01 .copyright {
  margin-left: 90px;
}
.mod-image-list .image-list-item.item-size-01 .mod-cat-icon + .mod-cat-icon {
  margin-left: 0;
}
.mod-image-list .image-list-item.item-size-01 .linked-info span {
  margin-left: 0;
}
.mod-image-list .image-list-item.item-size-01 .linked-info span:not(:first-child) {
  margin-left: 15px;
}
.mod-image-list .image-list-item.item-size-02 {
  min-height: 150px;
}
.mod-image-list .image-list-item.item-size-02 .image,
.mod-image-list .image-list-item.item-size-02 .image-multiple {
  width: 150px;
  height: 150px;
}
.mod-image-list .image-list-item.item-size-02 .image div, .mod-image-list .image-list-item.item-size-02 .image span,
.mod-image-list .image-list-item.item-size-02 .image-multiple div,
.mod-image-list .image-list-item.item-size-02 .image-multiple span {
  width: 75px;
  height: 75px;
}
.mod-image-list .image-list-item.item-size-02 .title,
.mod-image-list .image-list-item.item-size-02 .subtitle,
.mod-image-list .image-list-item.item-size-02 .name,
.mod-image-list .image-list-item.item-size-02 .text,
.mod-image-list .image-list-item.item-size-02 .info,
.mod-image-list .image-list-item.item-size-02 .favorite,
.mod-image-list .image-list-item.item-size-02 .user-info,
.mod-image-list .image-list-item.item-size-02 .image-list-comment,
.mod-image-list .image-list-item.item-size-02 .genre,
.mod-image-list .image-list-item.item-size-02 .comment,
.mod-image-list .image-list-item.item-size-02 .info-text,
.mod-image-list .image-list-item.item-size-02 .info-playlist,
.mod-image-list .image-list-item.item-size-02 .info-group,
.mod-image-list .image-list-item.item-size-02 .magazine,
.mod-image-list .image-list-item.item-size-02 .view,
.mod-image-list .image-list-item.item-size-02 .time,
.mod-image-list .image-list-item.item-size-02 .tag-list,
.mod-image-list .image-list-item.item-size-02 .year,
.mod-image-list .image-list-item.item-size-02 .linked-info,
.mod-image-list .image-list-item.item-size-02 .copyright,
.mod-image-list .image-list-item.item-size-02 .viewed,
.mod-image-list .image-list-item.item-size-02 .story {
  margin-left: 160px;
}
.mod-image-list .image-list-item.item-size-02 .linked-info span {
  margin-left: 0;
}
.mod-image-list .image-list-item.item-size-02 .linked-info span:not(:first-child) {
  margin-left: 15px;
}
.mod-image-list .image-list-item.item-size-03 {
  min-height: 55px;
}
.mod-image-list .image-list-item.item-size-03 .image,
.mod-image-list .image-list-item.item-size-03 .image-multiple {
  width: 55px;
  height: 55px;
}
.mod-image-list .image-list-item.item-size-03 .image div, .mod-image-list .image-list-item.item-size-03 .image span,
.mod-image-list .image-list-item.item-size-03 .image-multiple div,
.mod-image-list .image-list-item.item-size-03 .image-multiple span {
  width: 27.5px;
  height: 27.5px;
}
.mod-image-list .image-list-item.item-size-03 .title,
.mod-image-list .image-list-item.item-size-03 .name,
.mod-image-list .image-list-item.item-size-03 .text,
.mod-image-list .image-list-item.item-size-03 .info,
.mod-image-list .image-list-item.item-size-03 .favorite,
.mod-image-list .image-list-item.item-size-03 .user-info,
.mod-image-list .image-list-item.item-size-03 .image-list-comment,
.mod-image-list .image-list-item.item-size-03 .genre,
.mod-image-list .image-list-item.item-size-03 .comment,
.mod-image-list .image-list-item.item-size-03 .info-text,
.mod-image-list .image-list-item.item-size-03 .info-playlist,
.mod-image-list .image-list-item.item-size-03 .info-group,
.mod-image-list .image-list-item.item-size-03 .magazine,
.mod-image-list .image-list-item.item-size-03 .mod-cat-icon,
.mod-image-list .image-list-item.item-size-03 .review-operate,
.mod-image-list .image-list-item.item-size-03 .view,
.mod-image-list .image-list-item.item-size-03 .time,
.mod-image-list .image-list-item.item-size-03 .tag-list,
.mod-image-list .image-list-item.item-size-03 .year,
.mod-image-list .image-list-item.item-size-03 .linked-info,
.mod-image-list .image-list-item.item-size-03 .copyright {
  margin-left: 65px;
}
.mod-image-list .image-list-item.item-size-03 .content-area01 {
  min-height: 90px;
}
.mod-image-list .image-list-item.item-size-03 .review-area {
  display: table;
  font-size: 1rem;
}
.mod-image-list .image-list-item.item-size-03 .review-area .user-image, .mod-image-list .image-list-item.item-size-03 .review-area .review-content {
  display: table-cell;
}
.mod-image-list .image-list-item.item-size-03 .review-area .user-image p, .mod-image-list .image-list-item.item-size-03 .review-area .review-content p {
  line-height: 1.2;
}
.mod-image-list .image-list-item.item-size-03 .review-area .user-image {
  width: 40px;
}
.mod-image-list .image-list-item.item-size-03 .review-area .user-comment {
  margin-top: 5px;
}
.mod-image-list .image-list-item.item-size-03 .linked-info span {
  margin-left: 0;
}
.mod-image-list .image-list-item.item-size-03 .linked-info span:not(:first-child) {
  margin-left: 15px;
}
.mod-image-list .image-list-item.item-size-05 {
  min-height: 110px;
}
.mod-image-list .image-list-item.item-size-05 .image,
.mod-image-list .image-list-item.item-size-05 .image-multiple {
  width: 110px;
  height: 110px;
}
.mod-image-list .image-list-item.item-size-05 .image div, .mod-image-list .image-list-item.item-size-05 .image span,
.mod-image-list .image-list-item.item-size-05 .image-multiple div,
.mod-image-list .image-list-item.item-size-05 .image-multiple span {
  width: 55px;
  height: 55px;
}
.mod-image-list .image-list-item.item-size-05 .title,
.mod-image-list .image-list-item.item-size-05 .name,
.mod-image-list .image-list-item.item-size-05 .text,
.mod-image-list .image-list-item.item-size-05 .info,
.mod-image-list .image-list-item.item-size-05 .favorite,
.mod-image-list .image-list-item.item-size-05 .user-info,
.mod-image-list .image-list-item.item-size-05 .image-list-comment,
.mod-image-list .image-list-item.item-size-05 .genre,
.mod-image-list .image-list-item.item-size-05 .comment,
.mod-image-list .image-list-item.item-size-05 .info-text,
.mod-image-list .image-list-item.item-size-05 .info-playlist,
.mod-image-list .image-list-item.item-size-05 .info-group,
.mod-image-list .image-list-item.item-size-05 .magazine,
.mod-image-list .image-list-item.item-size-05 .mod-cat-icon,
.mod-image-list .image-list-item.item-size-05 .review-operate,
.mod-image-list .image-list-item.item-size-05 .view,
.mod-image-list .image-list-item.item-size-05 .time,
.mod-image-list .image-list-item.item-size-05 .tag-list,
.mod-image-list .image-list-item.item-size-05 .year,
.mod-image-list .image-list-item.item-size-05 .linked-info,
.mod-image-list .image-list-item.item-size-05 .copyright {
  margin-left: 120px;
}
.mod-image-list .image-list-item.item-size-05 .content-area01 {
  min-height: 90px;
}
.mod-image-list .image-list-item.item-size-05 .review-area {
  display: table;
  font-size: 1rem;
}
.mod-image-list .image-list-item.item-size-05 .review-area .user-image, .mod-image-list .image-list-item.item-size-05 .review-area .review-content {
  display: table-cell;
}
.mod-image-list .image-list-item.item-size-05 .review-area .user-image p, .mod-image-list .image-list-item.item-size-05 .review-area .review-content p {
  line-height: 1.2;
}
.mod-image-list .image-list-item.item-size-05 .review-area .user-image {
  width: 40px;
}
.mod-image-list .image-list-item.item-size-05 .review-area .user-comment {
  margin-top: 5px;
}
.mod-image-list .image-list-item.item-size-05 .linked-info span {
  margin-left: 0;
}
.mod-image-list .image-list-item.item-size-05 .linked-info span:not(:first-child) {
  margin-left: 15px;
}
.mod-image-list.image-list-tune .price {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right;
}
.mod-image-list .image-list-item .info-playlist,
.mod-image-list .item-size-01 .info-playlist,
.mod-image-list .item-size-05 .info-playlist {
  *zoom: 1;
  margin-top: 5px;
}
.mod-image-list .image-list-item .info-playlist:after,
.mod-image-list .item-size-01 .info-playlist:after,
.mod-image-list .item-size-05 .info-playlist:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-image-list .image-list-item .info-playlist .image-multiple,
.mod-image-list .item-size-01 .info-playlist .image-multiple,
.mod-image-list .item-size-05 .info-playlist .image-multiple {
  position: static;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  float: left;
}
.mod-image-list .image-list-item .info-playlist .image-multiple div, .mod-image-list .image-list-item .info-playlist .image-multiple span,
.mod-image-list .item-size-01 .info-playlist .image-multiple div,
.mod-image-list .item-size-01 .info-playlist .image-multiple span,
.mod-image-list .item-size-05 .info-playlist .image-multiple div,
.mod-image-list .item-size-05 .info-playlist .image-multiple span {
  width: 25px;
  height: 25px;
}
.mod-image-list .image-list-item .info-playlist .content,
.mod-image-list .item-size-01 .info-playlist .content,
.mod-image-list .item-size-05 .info-playlist .content {
  float: left;
}
.mod-image-list .image-list-item .info-playlist .content .name, .mod-image-list .image-list-item .info-playlist .content .title,
.mod-image-list .item-size-01 .info-playlist .content .name,
.mod-image-list .item-size-01 .info-playlist .content .title,
.mod-image-list .item-size-05 .info-playlist .content .name,
.mod-image-list .item-size-05 .info-playlist .content .title {
  margin-left: 0;
}
.mod-image-list .image-list-item .info-playlist .content .meta,
.mod-image-list .item-size-01 .info-playlist .content .meta,
.mod-image-list .item-size-05 .info-playlist .content .meta {
  margin-bottom: 10px;
}
.mod-image-list .image-list-item .info-playlist .content .meta p,
.mod-image-list .item-size-01 .info-playlist .content .meta p,
.mod-image-list .item-size-05 .info-playlist .content .meta p {
  display: inline-block;
}
.mod-image-list .image-list-item .info-playlist .content .meta .genre,
.mod-image-list .item-size-01 .info-playlist .content .meta .genre,
.mod-image-list .item-size-05 .info-playlist .content .meta .genre {
  margin-left: 0;
}
.mod-image-list .image-list-item .info-playlist .content .btn,
.mod-image-list .item-size-01 .info-playlist .content .btn,
.mod-image-list .item-size-05 .info-playlist .content .btn {
  display: inline-block;
}
.mod-image-list.image-list-2col > ul {
  margin-top: -1px;
  margin-left: -1px;
  *zoom: 1;
}
.mod-image-list.image-list-2col > ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-image-list.image-list-2col > ul > li {
  float: left;
  width: 313px;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  padding: 10px;
  background: white;
  z-index: 9;
}
.mod-image-list.image-list-2col > ul > li:first-child {
  border-top: 1px solid #dcdcdc;
}
.mod-image-list.image-list-2col.image-list-vranking > ul > li {
  width: 314px;
  border: none;
  border-top: 1px solid #dcdcdc;
  padding: 0;
}
.mod-image-list.image-list-2col.image-list-vranking > ul > li:nth-child(even) {
  border-left: 1px solid #dcdcdc;
  padding: 10px 0 10px 10px;
}
.mod-image-list.image-list-2col.image-list-vranking > ul > li:nth-child(odd) {
  padding: 10px 10px 10px 0;
}
.mod-image-list.image-list-2col.image-list-vranking.no-sub-title > ul > li {
  width: 313px;
  border: none;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  padding: 10px;
}
.mod-image-list.image-list-ranking .image-list-item .image,
.mod-image-list.image-list-ranking .image-list-item .image-multiple, .mod-image-list .image-list-vranking .image-list-item .image,
.mod-image-list .image-list-vranking .image-list-item .image-multiple {
  left: 30px;
}
.mod-image-list.image-list-ranking .image-list-item .ranking, .mod-image-list .image-list-vranking .image-list-item .ranking {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
}
.mod-image-list.image-list-ranking .image-list-item .transition.transition-up, .mod-image-list .image-list-vranking .image-list-item .transition.transition-up {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -2233px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-image-list.image-list-ranking .image-list-item .transition.transition-stay, .mod-image-list .image-list-vranking .image-list-item .transition.transition-stay {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -2183px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-image-list.image-list-ranking .image-list-item .transition.transition-down, .mod-image-list .image-list-vranking .image-list-item .transition.transition-down {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -1873px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-image-list.image-list-ranking .image-list-item .title,
.mod-image-list.image-list-ranking .image-list-item .name,
.mod-image-list.image-list-ranking .image-list-item .text,
.mod-image-list.image-list-ranking .image-list-item .mod-btn-group,
.mod-image-list.image-list-ranking .image-list-item .price,
.mod-image-list.image-list-ranking .image-list-item .comment,
.mod-image-list.image-list-ranking .image-list-item .favorite,
.mod-image-list.image-list-ranking .image-list-item .info-text,
.mod-image-list.image-list-ranking .image-list-item .info-playlist,
.mod-image-list.image-list-ranking .image-list-item .genre,
.mod-image-list.image-list-ranking .image-list-item .info-group,
.mod-image-list.image-list-ranking .image-list-item .magazine,
.mod-image-list.image-list-ranking .image-list-item .tieup,
.mod-image-list.image-list-ranking .image-list-item .year,
.mod-image-list.image-list-ranking .image-list-item .view,
.mod-image-list.image-list-ranking .image-list-item .time,
.mod-image-list.image-list-ranking .image-list-item .tag-list,
.mod-image-list.image-list-ranking .image-list-item .linked-info,
.mod-image-list.image-list-ranking .image-list-item .copyright, .mod-image-list .image-list-vranking .image-list-item .title,
.mod-image-list .image-list-vranking .image-list-item .name,
.mod-image-list .image-list-vranking .image-list-item .text,
.mod-image-list .image-list-vranking .image-list-item .mod-btn-group,
.mod-image-list .image-list-vranking .image-list-item .price,
.mod-image-list .image-list-vranking .image-list-item .comment,
.mod-image-list .image-list-vranking .image-list-item .favorite,
.mod-image-list .image-list-vranking .image-list-item .info-text,
.mod-image-list .image-list-vranking .image-list-item .info-playlist,
.mod-image-list .image-list-vranking .image-list-item .genre,
.mod-image-list .image-list-vranking .image-list-item .info-group,
.mod-image-list .image-list-vranking .image-list-item .magazine,
.mod-image-list .image-list-vranking .image-list-item .tieup,
.mod-image-list .image-list-vranking .image-list-item .year,
.mod-image-list .image-list-vranking .image-list-item .view,
.mod-image-list .image-list-vranking .image-list-item .time,
.mod-image-list .image-list-vranking .image-list-item .tag-list,
.mod-image-list .image-list-vranking .image-list-item .linked-info,
.mod-image-list .image-list-vranking .image-list-item .copyright {
  margin-left: 120px;
}
.mod-image-list.image-list-ranking .image-list-item .title.no-icon,
.mod-image-list.image-list-ranking .image-list-item .name.no-icon,
.mod-image-list.image-list-ranking .image-list-item .text.no-icon,
.mod-image-list.image-list-ranking .image-list-item .mod-btn-group.no-icon,
.mod-image-list.image-list-ranking .image-list-item .price.no-icon,
.mod-image-list.image-list-ranking .image-list-item .comment.no-icon,
.mod-image-list.image-list-ranking .image-list-item .favorite.no-icon,
.mod-image-list.image-list-ranking .image-list-item .info-text.no-icon,
.mod-image-list.image-list-ranking .image-list-item .info-playlist.no-icon,
.mod-image-list.image-list-ranking .image-list-item .genre.no-icon,
.mod-image-list.image-list-ranking .image-list-item .info-group.no-icon,
.mod-image-list.image-list-ranking .image-list-item .magazine.no-icon,
.mod-image-list.image-list-ranking .image-list-item .tieup.no-icon,
.mod-image-list.image-list-ranking .image-list-item .year.no-icon,
.mod-image-list.image-list-ranking .image-list-item .view.no-icon,
.mod-image-list.image-list-ranking .image-list-item .time.no-icon,
.mod-image-list.image-list-ranking .image-list-item .tag-list.no-icon,
.mod-image-list.image-list-ranking .image-list-item .linked-info.no-icon,
.mod-image-list.image-list-ranking .image-list-item .copyright.no-icon, .mod-image-list .image-list-vranking .image-list-item .title.no-icon,
.mod-image-list .image-list-vranking .image-list-item .name.no-icon,
.mod-image-list .image-list-vranking .image-list-item .text.no-icon,
.mod-image-list .image-list-vranking .image-list-item .mod-btn-group.no-icon,
.mod-image-list .image-list-vranking .image-list-item .price.no-icon,
.mod-image-list .image-list-vranking .image-list-item .comment.no-icon,
.mod-image-list .image-list-vranking .image-list-item .favorite.no-icon,
.mod-image-list .image-list-vranking .image-list-item .info-text.no-icon,
.mod-image-list .image-list-vranking .image-list-item .info-playlist.no-icon,
.mod-image-list .image-list-vranking .image-list-item .genre.no-icon,
.mod-image-list .image-list-vranking .image-list-item .info-group.no-icon,
.mod-image-list .image-list-vranking .image-list-item .magazine.no-icon,
.mod-image-list .image-list-vranking .image-list-item .tieup.no-icon,
.mod-image-list .image-list-vranking .image-list-item .year.no-icon,
.mod-image-list .image-list-vranking .image-list-item .view.no-icon,
.mod-image-list .image-list-vranking .image-list-item .time.no-icon,
.mod-image-list .image-list-vranking .image-list-item .tag-list.no-icon,
.mod-image-list .image-list-vranking .image-list-item .linked-info.no-icon,
.mod-image-list .image-list-vranking .image-list-item .copyright.no-icon {
  background: none;
  margin-left: 104px;
}
.mod-image-list.image-list-ranking .image-list-item.item-size-02, .mod-image-list .image-list-vranking .image-list-item.item-size-02 {
  min-height: 65px;
}
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .title,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .name,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .text,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .mod-btn-group,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .price,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .comment,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .favorite,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .info-text,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .info-playlist,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .genre,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .info-group,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .magazine,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .year,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .view,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .time,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .tag-list,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .linked-info,
.mod-image-list.image-list-ranking .image-list-item.item-size-02 .copyright, .mod-image-list .image-list-vranking .image-list-item.item-size-02 .title,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .name,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .text,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .mod-btn-group,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .price,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .comment,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .favorite,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .info-text,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .info-playlist,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .genre,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .info-group,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .magazine,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .year,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .view,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .time,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .tag-list,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .linked-info,
.mod-image-list .image-list-vranking .image-list-item.item-size-02 .copyright {
  margin-left: 190px;
}
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .title,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .name,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .text,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .mod-btn-group,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .price,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .comment,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .favorite,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .info-text,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .info-playlist,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .genre,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .info-group,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .magazine,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .year,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .view,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .time,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .tag-list,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .linked-info,
.mod-image-list.image-list-ranking .image-list-item.item-size-03 .copyright, .mod-image-list .image-list-vranking .image-list-item.item-size-03 .title,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .name,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .text,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .mod-btn-group,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .price,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .comment,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .favorite,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .info-text,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .info-playlist,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .genre,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .info-group,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .magazine,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .year,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .view,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .time,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .tag-list,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .linked-info,
.mod-image-list .image-list-vranking .image-list-item.item-size-03 .copyright {
  margin-left: 95px;
}
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .title,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .name,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .text,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .mod-btn-group,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .price,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .comment,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .favorite,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .info-text,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .info-playlist,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .genre,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .info-group,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .magazine,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .year,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .view,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .time,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .tag-list,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .linked-info,
.mod-image-list.image-list-ranking .image-list-item.item-size-05 .copyright, .mod-image-list .image-list-vranking .image-list-item.item-size-05 .title,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .name,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .text,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .mod-btn-group,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .price,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .comment,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .favorite,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .info-text,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .info-playlist,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .genre,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .info-group,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .magazine,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .year,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .view,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .time,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .tag-list,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .linked-info,
.mod-image-list .image-list-vranking .image-list-item.item-size-05 .copyright {
  margin-left: 150px;
}
.mod-image-list.image-list-vranking .image-list-item.item-size-05 .view {
  margin-left: 120px;
}
.mod-image-list.image-list-vranking .image-list-item.item-size-02 .view {
  margin-left: 160px;
}
.mod-image-list .image-list-comment {
  background: #f7f7f7;
  border: 1px solid #dcdcdc;
  padding: 10px;
  margin-bottom: 10px;
}
.mod-image-list .image-list-comment .title {
  font-weight: bold;
}
.mod-image-list .image-list-comment .text {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 7px;
}
.mod-image-list .image-list-more {
  margin-top: 10px;
}

.mod-payment-list.cart .payment-list-item {
  width: 293px;
  min-width: 293px;
}
.mod-payment-list.cart .payment-list-item:nth-child(3n-2) {
  border-left: 1px solid #dcdcdc;
}
.mod-payment-list.cart .payment-list-item:nth-child(1), .mod-payment-list.cart .payment-list-item:nth-child(2), .mod-payment-list.cart .payment-list-item:nth-child(3) {
  border-top: 1px solid #dcdcdc;
}
.mod-payment-list.no-check .payment-list-item {
  padding: 10px 39px;
}
.mod-payment-list ul {
  *zoom: 1;
  margin-bottom: -1px;
  margin-left: -1px;
  margin-right: -1px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  display: box;
  display: webkit-box;
  box-orient: horizontal;
  -webkit-box-orient: horizontal;
}
.mod-payment-list ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-payment-list .payment-list-item {
  width: 300px;
  position: relative;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  display: box;
  box-align: center;
  display: -webkit-box;
  -webkit-box-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-payment-list .payment-list-item:after {
  content: "";
  display: block;
  background: #dcdcdc;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.mod-payment-list .payment-list-item label {
  padding: 10px;
  display: block;
}
.mod-payment-list .icon {
  margin: 0 5px;
  vertical-align: middle;
  display: inline-block !important;
}
.mod-payment-list .text {
  vertical-align: middle;
  display: inline-block !important;
  margin-top: 0;
}
.mod-payment-list .link-text {
  position: absolute;
  top: 27px;
  left: 25px;
}
.mod-payment-list .item-docomo .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 92px;
  height: 56px;
  background-position: 0 -2382px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-payment-list .item-au .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 100px;
  height: 56px;
  background-position: 0 -2468px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-payment-list .item-sb .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 100px;
  height: 56px;
  background-position: 0 -2554px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-payment-list .item-credit .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 92px;
  height: 56px;
  background-position: 0 -2640px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-payment-list .item-rakuten .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 93px;
  height: 56px;
  background-position: 0 -2726px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-payment-list .item-webmoney .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 100px;
  height: 56px;
  background-position: 0 -2812px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-payment-list .item-paypal .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 92px;
  height: 56px;
  background-position: 0 -2898px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-payment-list .item-saison .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 93px;
  height: 56px;
  background-position: 0 -2984px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-payment-list .item-recruit .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 100px;
  height: 56px;
  background-position: 0 -3070px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-payment-list .item-biglobe .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 100px;
  height: 56px;
  background-position: 0 -3156px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-payment-list .item-iijmio .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 93px;
  height: 56px;
  background-position: 0 -3242px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-payment-list .item-freetel .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 100px;
  height: 17px;
  background-position: 0 -3328px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background-position: 0 -3311px;
  width: 100px;
  height: 56px;
}
.mod-payment-list .item-rakuten label {
  position: relative;
}
.mod-payment-list .item-dbarai .icon {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 90px;
  height: 56px;
  background-position: 0 -3375px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.mod-paging {
  padding: 10px;
  text-align: center;
}
.mod-paging.border-top {
  border-top: 1px solid #dcdcdc;
}
.mod-paging .mod-paging-num,
.mod-paging .mod-paging-num li,
.mod-paging .mod-paging-num-item {
  display: inline-block;
}
.mod-paging .mod-paging-num li,
.mod-paging li.mod-paging-num-item {
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-paging .mod-paging-num li a,
.mod-paging li.mod-paging-num-item a {
  padding: 0 5px;
}
.mod-paging .mod-paging-num li a.on,
.mod-paging li.mod-paging-num-item a.on {
  font-weight: bold;
}
.mod-paging .prev,
.mod-paging .prev-all {
  margin-right: 10px;
}
.mod-paging .next,
.mod-paging .next-all {
  margin-left: 10px;
}
.mod-paging .display {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.mod-paging .paging-migrate {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-paging .paging-migrate a {
  padding: 2px 5px;
  font-weight: normal;
}
.mod-paging .paging-desc {
  margin-top: 10px;
  text-align: right;
  line-height: 1;
}
.mod-paging .paging-desc .paging-desc-item {
  display: inline-block;
}
.mod-paging .paging-desc .paging-desc-item:first-child {
  margin-right: 3px;
}

.mod-sort {
  padding: 10px 20px;
}
.mod-sort dt, .mod-sort dd {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mod-sort dt:after {
  content: "：";
}
.mod-sort li {
  border-left: 1px solid #000;
  padding: 0 5px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mod-sort li:first-child {
  border-left: none;
}
.mod-sort .on {
  font-weight: bold;
}

.mod-edit {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dcdcdc;
}
.mod-edit .edit-btn.hide {
  visibility: hidden;
}
.mod-edit .edit-checkbox {
  margin-bottom: 15px;
}

.mod-tab-box {
  -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  background: #dcdcdc;
  padding: 0 9px;
  margin-bottom: 10px;
}
.mod-tab-box .tab-box-item {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  height: 29px;
}
.mod-tab-box .tab-box-item:first-child {
  margin-left: 0;
}
.mod-tab-box .tab-box-item.on > a, .mod-tab-box .tab-box-item.on > span {
  padding: 5px 15px;
  color: #000;
}
.mod-tab-box .tab-box-item > a, .mod-tab-box .tab-box-item > span {
  display: block;
  margin-top: 4px;
  padding: 5px 15px 3px;
  border-radius: 4px 4px 0 0;
  background: #fff;
  color: #767676;
  text-decoration: none;
  cursor: pointer;
}
.mod-tab-box .tab-box-item > a:hover, .mod-tab-box .tab-box-item > span:hover {
  background: #fff;
}
.mod-tab-box.tab-box-side {
  margin-bottom: 0;
  height: 31px;
}
.mod-tab-box.tab-box-side .tab-box-item > a, .mod-tab-box.tab-box-side .tab-box-item > span {
  padding: 5px 10px;
}
.mod-tab-box.tab-box-side .on > a, .mod-tab-box.tab-box-side .on > span {
  padding-bottom: 7px;
}
.mod-tab-box .item-music,
.mod-tab-box .item-comic,
.mod-tab-box .item-book,
.mod-tab-box .item-video {
  font-size: 12px;
  height: 31px;
}
.mod-tab-box .item-music > a, .mod-tab-box .item-music > span,
.mod-tab-box .item-comic > a,
.mod-tab-box .item-comic > span,
.mod-tab-box .item-book > a,
.mod-tab-box .item-book > span,
.mod-tab-box .item-video > a,
.mod-tab-box .item-video > span {
  padding: 6px 25px 1px;
}
.mod-tab-box .item-music.on > a, .mod-tab-box .item-music.on > span,
.mod-tab-box .item-comic.on > a,
.mod-tab-box .item-comic.on > span,
.mod-tab-box .item-book.on > a,
.mod-tab-box .item-book.on > span,
.mod-tab-box .item-video.on > a,
.mod-tab-box .item-video.on > span {
  padding: 3px 25px;
}
.mod-tab-box .item-music .disabled,
.mod-tab-box .item-comic .disabled,
.mod-tab-box .item-book .disabled,
.mod-tab-box .item-video .disabled {
  background: #f7f7f7;
  cursor: default;
  pointer-events: none;
}
.mod-tab-box .item-music > a, .mod-tab-box .item-music > span {
  color: #c03;
}
.mod-tab-box .item-music.on > a, .mod-tab-box .item-music.on > span {
  border-top: solid 3px #c03;
  color: #c03;
}
.mod-tab-box .item-comic > a, .mod-tab-box .item-comic > span {
  color: #ff8000;
}
.mod-tab-box .item-comic.on > a, .mod-tab-box .item-comic.on > span {
  border-top: solid 3px #ff8000;
  color: #ff8000;
}
.mod-tab-box .item-book > a, .mod-tab-box .item-book > span {
  color: #39c;
}
.mod-tab-box .item-book.on > a, .mod-tab-box .item-book.on > span {
  border-top: solid 3px #39c;
  color: #39c;
}
.mod-tab-box .item-video > a, .mod-tab-box .item-video > span {
  color: #66bc40;
}
.mod-tab-box .item-video.on > a, .mod-tab-box .item-video.on > span {
  border-top: solid 3px #66bc40;
  color: #66bc40;
}
.mod-tab-box.cart {
  padding-top: 10px;
}
.mod-tab-box.cart .tab-box-item {
  display: inline-block;
  margin-left: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  height: 65px;
  width: 32.6%;
}
.mod-tab-box.cart .tab-box-item:first-child {
  margin-left: 0;
}
.mod-tab-box.cart .tab-box-item.on > a, .mod-tab-box.cart .tab-box-item.on > span {
  height: 65px;
  color: #000;
  padding-top: 10px;
}
.mod-tab-box.cart .tab-box-item.on > a.music, .mod-tab-box.cart .tab-box-item.on > span.music {
  border-top: solid 5px #c03;
}
.mod-tab-box.cart .tab-box-item.on > a.comic, .mod-tab-box.cart .tab-box-item.on > span.comic {
  border-top: solid 5px #ff8000;
}
.mod-tab-box.cart .tab-box-item.on > a.book, .mod-tab-box.cart .tab-box-item.on > span.book {
  border-top: solid 5px #39c;
}
.mod-tab-box.cart .tab-box-item.on > a .num, .mod-tab-box.cart .tab-box-item.on > span .num {
  color: #333;
}
.mod-tab-box.cart .tab-box-item > a, .mod-tab-box.cart .tab-box-item > span {
  display: block;
  margin-top: 0;
  height: 60px;
  border-radius: 4px 4px 0 0;
  background: #fff;
  color: #767676;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 1.2;
  padding-top: 15px;
}
.mod-tab-box.cart .tab-box-item > a:hover, .mod-tab-box.cart .tab-box-item > span:hover {
  background: #fff;
}
.mod-tab-box.cart .tab-box-item > a.music, .mod-tab-box.cart .tab-box-item > span.music {
  color: #c03;
}
.mod-tab-box.cart .tab-box-item > a.comic, .mod-tab-box.cart .tab-box-item > span.comic {
  color: #ff8000;
}
.mod-tab-box.cart .tab-box-item > a.book, .mod-tab-box.cart .tab-box-item > span.book {
  color: #39c;
}
.mod-tab-box.cart .tab-box-item > a .num, .mod-tab-box.cart .tab-box-item > span .num {
  color: #767676;
  font-size: 12px;
  font-size: 1.2rem;
}

.mod-more {
  margin-bottom: 0;
  position: relative;
  line-height: 1.3;
  border-top: 1px solid #dcdcdc;
  text-align: right;
  font-weight: bold;
  padding: 15px 10px;
}
.mod-more.no-border {
  border: none;
}
.mod-more a {
  display: block;
}
.section-inner .mod-more {
  padding-bottom: 5px;
}

.mod-review .review-list-item {
  padding: 10px;
  border-top: 1px solid #dcdcdc;
}
.mod-review .review-heading {
  margin-bottom: 5px;
  *zoom: 1;
}
.mod-review .review-heading:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-review .review-user-info {
  float: left;
  display: table;
}
.mod-review .review-user-info .image,
.mod-review .review-user-info .name {
  display: table-cell;
  vertical-align: middle;
}
.mod-review .review-user-info .image {
  padding-right: 10px;
}
.mod-review .review-date {
  float: right;
}
.mod-review .review-text {
  margin-bottom: 5px;
}
.mod-review .review-text p {
  font-size: 10px;
  font-size: 1rem;
}
.mod-review .review-operate {
  *zoom: 1;
}
.mod-review .review-operate:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-review .review-action {
  float: right;
}
.mod-review .review-action .review-action-item {
  display: inline-block;
}
.mod-review .review-action .review-action-item:first-child {
  margin-right: 15px;
}
.mod-review .review-action .review-action-item:first-child:after {
  margin-left: 15px;
  content: "|";
}

.mod-info-box {
  padding: 15px;
  box-sizing: border-box;
  background: #f7f7f7;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: -1px;
}
.mod-info-box .info-box-heading .title {
  font-size: 20px;
  font-size: 2rem;
}
.mod-info-box .info-box-heading .info-box-text {
  margin-bottom: 5px;
}
.mod-info-box .info-box-heading.heading-narrow {
  padding-bottom: 0;
}
.mod-info-box .info-box-heading .info-box-heading-btn {
  margin-bottom: 10px;
}
.mod-info-box .info-box-content {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #ccc;
}
.mod-info-box .info-box-content .comment {
  font-size: 10px;
  font-size: 1rem;
  margin: 10px 0;
}
.mod-info-box .info-box-content .info-title {
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 4px;
}
.mod-info-box .info-box-content .info-keyword a {
  font-size: 10px;
  margin-right: 5px;
}
.mod-info-box .info-box-title {
  line-height: 1.2;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px;
}
.mod-info-box .info-box-subtitle {
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.mod-info-box .info-box-btn-list {
  margin-bottom: 10px;
  *zoom: 1;
}
.mod-info-box .info-box-btn-list:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-info-box .info-box-btn-list .info-box-favorite {
  float: left;
  margin-right: 20px;
}
.mod-info-box .info-box-btn-list .info-box-sns {
  float: left;
  margin-bottom: 0;
}
.mod-info-box .info-box-meta {
  margin-top: 15px;
  margin-bottom: 10px;
}
.mod-info-box .info-box-meta dl, .mod-info-box .info-box-meta dt, .mod-info-box .info-box-meta dd {
  display: inline-block;
  font-size: 10px;
  font-size: 1rem;
}
.mod-info-box .info-box-meta dl {
  margin-bottom: 5px;
  margin-right: 10px;
}
.mod-info-box .info-box-meta dt {
  margin-right: 5px;
  padding: 5px 10px;
  background: #808080;
  color: #fff;
  font-weight: normal;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  line-height: 1;
}
.mod-info-box .info-box-detail dl, .mod-info-box .info-box-detail dt, .mod-info-box .info-box-detail dd {
  display: inline-block;
}
.mod-info-box .info-box-detail dl {
  margin-right: 15px;
}
.mod-info-box .info-box-detail dt:after {
  content: "：";
}
.mod-info-box .info-box-image-area {
  *zoom: 1;
}
.mod-info-box .info-box-image-area:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-info-box .info-box-image-area .image {
  float: left;
  width: 200px;
  text-align: center;
  background: #fff;
  margin-right: 15px;
}
.mod-info-box .info-box-image-area .image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.mod-info-box .info-box-image-area .content {
  overflow: hidden;
}
.mod-info-box .info-box-image-area .lyrics {
  font-size: 10px;
  font-size: 1rem;
}
.mod-info-box .info-box-image-area .price {
  margin-top: 15px;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}
.mod-info-box .mod-btn-group {
  margin-top: 10px;
}
.mod-info-box .info-box-biography,
.mod-info-box .info-box-discography {
  margin-top: 20px;
}
.mod-info-box .info-box-biography .content,
.mod-info-box .info-box-discography .content {
  background: #fff;
  overflow: hidden;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #dcdcdc;
}
.mod-info-box .info-box-biography .content .title,
.mod-info-box .info-box-discography .content .title {
  margin-top: 10px;
}
.mod-info-box .info-box-biography .content .title:first-child,
.mod-info-box .info-box-discography .content .title:first-child {
  margin-top: 0;
}
.mod-info-box .info-box-biography .content .date,
.mod-info-box .info-box-biography .content .text,
.mod-info-box .info-box-biography .content .cat,
.mod-info-box .info-box-discography .content .date,
.mod-info-box .info-box-discography .content .text,
.mod-info-box .info-box-discography .content .cat {
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mod-info-box .info-box-biography .content .date,
.mod-info-box .info-box-discography .content .date {
  width: 5em;
}
.mod-info-box .info-box-discography .content {
  height: 90px;
}
.mod-info-box .info-box-lyrics-inner {
  background: #fff;
  margin-top: 10px;
  padding: 25px;
  border: 1px solid #dcdcdc;
}
.mod-info-box .info-box-lyrics-inner .info-box-subtitle {
  margin-bottom: 1em;
}
.mod-info-box .info-box-works {
  overflow: hidden;
  border: 1px solid #dcdcdc;
  background: #fff;
}
.mod-info-box .info-box-works .works-item {
  float: left;
  width: 190px;
  padding: 10px;
}
.mod-info-box .info-box-works .works-item + div {
  position: relative;
}
.mod-info-box .info-box-works .works-item + div:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #dcdcdc;
  position: absolute;
  top: 0;
  left: -1px;
}
.mod-info-box .info-box-works .works-item a {
  display: block;
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
}
.mod-info-box .info-box-works .works-item a:hover .image {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.mod-info-box .info-box-works .works-item .image {
  float: left;
  text-align: center;
  width: 110px;
  height: 110px;
}
.mod-info-box .info-box-works .works-item .image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.mod-info-box .info-box-works .works-item .title {
  font-weight: bold;
  line-height: 1.2;
  overflow: hidden;
  padding-left: 10px;
}
.mod-info-box .info-box-device table {
  width: 100%;
  border: 1px solid #dcdcdc;
  background: #fff;
}
.mod-info-box .info-box-device td {
  padding: 10px 5px;
  text-align: center;
}
.mod-info-box .info-box-device td + td {
  border-left: solid 1px #dcdcdc;
}
.mod-info-box .info-box-device .device-name {
  display: inline-block;
  padding-right: 5px;
  margin-right: 5px;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-info-box .info-box-device .device-name:before {
  content: "";
  vertical-align: middle;
  margin-right: 5px;
}
.mod-info-box .info-box-device .device-name.ios:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1231px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
}
.mod-info-box .info-box-device .device-name.android:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1182px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
}
.mod-info-box .info-box-device .device-name.tablet:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1378px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
}
.mod-info-box .info-box-device .device-name.keitai:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1280px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
}
.mod-info-box .info-box-device .device-name.pc:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1329px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
}
.mod-info-box .info-box-device .device-status:before {
  content: "|";
  color: #dcdcdc;
  display: inline-block;
  margin-right: 10px;
}
.mod-info-box .info-box-paging {
  margin-top: 20px;
}
.mod-info-box .info-box-paging table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.mod-info-box .info-box-paging table th, .mod-info-box .info-box-paging table td {
  width: 50%;
  text-align: center;
  border: 1px solid #dcdcdc;
}
.mod-info-box .info-box-paging table th {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 3px;
}
.mod-info-box .info-box-paging table td {
  padding: 10px;
}
.mod-info-box .info-box-paging table .title {
  margin-top: 10px;
}
.mod-info-box .info-box-paging table .image {
  width: 110px;
  height: 110px;
}
.mod-info-box .info-box-paging table .image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.mod-info-box.axial {
  display: table;
  width: 100%;
}
.mod-info-box.axial .image-box {
  display: table-cell;
  width: 200px;
  vertical-align: top;
}
.mod-info-box.axial .image-box .image {
  width: 200px;
  height: 200px;
  background: #fff;
}
.mod-info-box.axial .image-box .image img {
  max-width: 100%;
  max-height: 100%;
}
.mod-info-box.axial .content-box {
  display: table-cell;
  padding-left: 18px;
  box-sizing: border-box;
  vertical-align: top;
}
.mod-info-box.axial .tag-list {
  margin-bottom: 15px;
}
.mod-info-box.axial .tag-list .mod-genre-icon {
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-info-box.axial .tag-list .mod-genre-icon a {
  padding: 5px 4px;
}
.mod-info-box.axial .tag-list .mod-genre-icon.music, .mod-info-box.axial .tag-list .mod-genre-icon.manga, .mod-info-box.axial .tag-list .mod-genre-icon.book, .mod-info-box.axial .tag-list .mod-genre-icon.video {
  min-width: 60px;
}
.mod-info-box.axial .title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  margin-bottom: 3px;
}
.mod-info-box.axial .linked-info {
  display: table;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 10px;
}
.mod-info-box.axial .linked-info .mod-sns-list, .mod-info-box.axial .linked-info .view, .mod-info-box.axial .linked-info .time {
  display: table-cell;
  vertical-align: bottom;
}
.mod-info-box.axial .linked-info .view, .mod-info-box.axial .linked-info .time {
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-info-box.axial .linked-info .time {
  width: 155px;
}
.mod-info-box.axial .comment {
  font-size: 10px;
  font-size: 1rem;
}
.mod-info-box.axial .copyright {
  text-align: right;
  margin-top: 5px;
  font-size: 10px;
  font-size: 1rem;
}
.mod-info-box.information {
  height: 60px;
  text-align: center;
  font-weight: 700;
  padding: 0;
  position: relative;
}
.mod-info-box.information p {
  line-height: 60px;
  color: #d80c18;
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-info-box.information a {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 95px;
  height: 60px;
  line-height: 60px;
}
.mod-info-box.information a:after {
  right: 12px;
}

.mod-general-box {
  *zoom: 1;
  overflow: hidden;
  width: 668px;
  position: relative;
  top: -1px;
}
.mod-general-box:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-general-box .general-box-item {
  float: left;
  position: relative;
}
.mod-general-box .general-box-item:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #dcdcdc;
  position: absolute;
  top: 0;
  left: -1px;
}
.mod-general-box .item-size-01 {
  width: 222px;
}
.mod-general-box .item-size-02 {
  width: 311px;
}
.mod-general-box .item-size-03 {
  width: 132px;
}
.mod-general-box .item-size-04 {
  width: 668px;
}
.mod-general-box .item-size-04 .item-vertical {
  padding-left: 21px;
  padding-right: 21px;
}
.mod-general-box .item-size-04 .item-horizontal .comment {
  clear: none;
  overflow: hidden;
}
.mod-general-box .item-size-05 {
  width: 333px;
}
.mod-general-box .image {
  margin-bottom: 10px;
  text-align: center;
}
.mod-general-box .image img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.mod-general-box .title {
  font-weight: bold;
}
.mod-general-box .name {
  margin-top: 5px;
}
.mod-general-box .mod-cat-icon {
  margin-top: 5px;
}
.mod-general-box .comment {
  clear: both;
  margin-top: 10px;
  font-size: 10px;
  font-size: 1rem;
}
.mod-general-box .price {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: right;
}
.mod-general-box .item-vertical {
  padding: 11px;
  border-top: 1px solid #dcdcdc;
}
.mod-general-box .item-horizontal {
  padding: 11px;
  border-top: 1px solid #dcdcdc;
  *zoom: 1;
}
.mod-general-box .item-horizontal:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-general-box .item-horizontal .image {
  float: left;
  margin-right: 10px;
}
.mod-general-box .item-size-01 .item-horizontal .image,
.mod-general-box .item-size-02 .item-horizontal .image {
  width: 110px;
  height: 110px;
}
.mod-general-box .item-size-04 .item-horizontal .image {
  width: 420px;
}
.mod-general-box .item-price {
  padding-bottom: 60px;
  position: relative;
}
.mod-general-box .item-price .price-info {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.bx-wrapper .bx-viewport .mod-general-box {
  margin-top: 0;
  margin-left: 0;
}
.bx-wrapper .bx-viewport .mod-general-box .general-box-item:first-child {
  border-left: none;
}
.bx-wrapper .bx-viewport .mod-general-box a {
  float: none;
}

.content-2col .mod-general-box {
  width: 898px;
}
.content-2col .mod-general-box .item-size-01 {
  width: 224px;
}

.mod-entry {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 50px !important;
}
.mod-entry .form-error {
  color: #d80c18;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.mod-entry .inner-form-box {
  width: 486px;
  margin: auto;
  text-align: left;
}
.mod-entry .mod-btn.btn-medium {
  padding: 14px 10px;
  letter-spacing: -0.1px;
}
.mod-entry [class^="mti-icon-"], .mod-entry [class*=" mti-icon-"] {
  position: relative;
  padding-left: 30px;
}
.mod-entry [class^="mti-icon-"]:before, .mod-entry [class*=" mti-icon-"]:before {
  color: #666;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mod-entry .mti-icon-registration:before {
  top: 4px;
}
.mod-entry.detail [class^="mti-icon-"], .mod-entry.detail [class*=" mti-icon-"] {
  padding-left: 35px;
}
.mod-entry.detail [class^="mti-icon-"]:before, .mod-entry.detail [class*=" mti-icon-"]:before {
  height: 28px;
}
.mod-entry .mti-icon-mail:before, .mod-entry .mti-icon-login:before {
  top: 3px;
}
.mod-entry .login-box {
  display: table;
  width: 100%;
}
.mod-entry .login-box .member, .mod-entry .login-box .new-member {
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
}
.mod-entry .login-box .member {
  width: 595px;
  padding: 10px;
  padding-right: 15px;
  box-sizing: border-box;
}
.mod-entry .login-box .member .form-text:not([type="checkbox"]) {
  width: 100%;
}
.mod-entry .login-box .new-member {
  background: #f7f7f7;
  text-align: center;
  padding: 20px 30px;
}
.mod-entry .login-box .new-member .mod-btn {
  width: 100%;
  box-sizing: border-box;
}
.mod-entry .login-box .new-member .mod-btn .mti-icon-registration {
  padding-left: 30px;
}
.mod-entry .login-box .new-member .mod-btn .mti-icon-registration:before {
  color: #fff;
  left: 0;
  top: -3px;
}
.mod-entry .login-box .new-member .mod-btn.premium-entry-icon {
  padding: 14px 10px 14px 34px;
}
.mod-entry .login-box .new-member .mod-btn.premium-entry-icon::before {
  top: 8px;
  left: 36px;
}
.mod-entry .gender > li {
  display: inline-block;
  margin-right: 35px;
}
.mod-entry .gender > li:last-child {
  margin-right: 0;
}
.mod-entry .birth .form-text:not([type="checkbox"]) {
  width: 40px;
  text-align: center;
}
.mod-entry .birth .form-text:not([type="checkbox"]):first-child {
  width: 67px;
}
.mod-entry .form-select .fm-select-value {
  padding: 5px 39px 5px 10px;
  width: 107px;
  box-sizing: border-box;
}
.mod-entry .form-select .fm-select-list {
  top: 30px;
  width: 107px;
  box-sizing: border-box;
}
.mod-entry .form-select .fm-select-list p {
  padding: 6px 10px;
}
.mod-entry .form-select .icon-wrap {
  height: 27px;
  width: 26px;
  line-height: 26px;
  margin-top: -14px;
}
.mod-entry .form-text:not([type="checkbox"]) {
  width: 486px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 7px 5px;
}
.mod-entry .login-btn-list {
  width: 570px;
  margin: auto;
  *zoom: 1;
}
.mod-entry .login-btn-list a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.mod-entry .login-btn-list > li {
  float: left;
  margin: 0 45px 20px 0;
}
.mod-entry .login-btn-list > li:nth-child(3n) {
  margin-right: 0;
}
.mod-entry .login-btn-list > li .mod-btn {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.mod-entry .login-btn-list.icon {
  width: 325px;
}
.mod-entry .login-btn-list.icon > li {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
}
.mod-entry .login-btn-list:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-entry input + span {
  display: block;
}
.mod-entry .attention {
  margin-top: 50px;
  text-align: left;
}
.mod-entry .attention.box {
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  padding: 15px 20px;
}
.mod-entry .change-box {
  display: table;
}
.mod-entry .change-box .chande-item, .mod-entry .change-box .btn {
  display: table-cell;
  vertical-align: middle;
}
.mod-entry .change-box .chande-item {
  width: 400px;
  padding-right: 30px;
  line-height: 1.2;
}
.mod-entry .freetel-link {
  color: #C9372B;
  text-decoration: underline;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

.heightLine-login-group-1 {
  height: 490px !important;
}

.mod-anchor-btn {
  margin-bottom: 20px;
  margin-left: -17px;
}
.mod-anchor-btn ul {
  display: table;
  width: 100%;
}
.mod-anchor-btn li {
  padding-left: 17px;
  display: table-cell;
  width: 33%;
}
.mod-anchor-btn .btn {
  display: block;
  border: 1px solid #dcdcdc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #ededed;
  text-align: center;
  padding: 10px 0 25px 0;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  text-decoration: none;
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
}
.mod-anchor-btn .btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.mod-anchor-btn .btn:after {
  position: absolute;
  bottom: 5px;
  left: 50%;
  margin-left: -6px;
  content: '';
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 9px;
  height: 5px;
  background-position: 0 -377px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.mod-anchor-btn .btn:before {
  width: 100%;
  height: 16px;
  background: #000;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
}
.mod-anchor-btn .num {
  display: block;
  color: #000;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-anchor-btn .num:hover {
  text-decoration: none;
}
.mod-anchor-btn .btn-music {
  color: #c03;
}
.mod-anchor-btn .btn-music:before {
  background: #c03;
}
.mod-anchor-btn .btn-comic {
  color: #ff8000;
}
.mod-anchor-btn .btn-comic:before {
  background: #ff8000;
}
.mod-anchor-btn .btn-book {
  color: #39c;
}
.mod-anchor-btn .btn-book:before {
  background: #39c;
}
.mod-anchor-btn .btn-gray:before {
  background: #999999;
}

.area-box {
  position: relative;
  padding: 20px 20px;
  overflow: hidden;
  font-size: 1.4rem;
  font-size: 14px;
}
.area-box .area-box-left {
  width: 480px;
  float: left;
}
.area-box .area-box-left.music {
  width: 380px;
}
.area-box .area-box-left.comic {
  width: 426px;
}
.area-box .area-box-right {
  width: 340px;
  float: right;
}
.area-box .area-box-right.music {
  width: 458px;
}
.area-box .area-box-right.comic {
  width: 460px;
}
.area-box .area-box-right-inner {
  padding: 20px 20px;
  width: 300px;
  border: solid 1px #66bc40;
  color: #66bc40;
  border-radius: 6px;
}
.area-box .area-box-right-inner h3 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: #333;
  margin: 0 0 10px 0;
  z-index: 2;
}
.area-box .area-box-right-inner h3:before {
  position: absolute;
  left: 0;
  bottom: 5px;
  content: "";
  display: inline-block;
  width: 100%;
  height: 5px;
  background: #fff100;
  z-index: -1;
}
.area-box .area-box-right-inner a.mod-btn.sp {
  width: 260px;
  text-align: center;
  border: solid 1px #ccc;
  background-color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}

.mod-balloon {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  background: #fff;
  border: 2px solid #d80c18;
  display: inline-block;
  padding: 5px 11px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
.mod-balloon:after, .mod-balloon:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.mod-balloon:after {
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}
.mod-balloon:before {
  border-color: transparent;
  border-bottom-color: #d80c18;
  border-width: 10px;
  margin-left: -10px;
}
.mod-balloon.cart {
  background: #ffba00;
  border: none;
  color: #fff;
  text-shadow: 0 1px 1px rgba(147, 128, 73, 0.8);
}
.mod-balloon.cart span {
  color: #cc0033;
}
.mod-balloon.cart:after {
  border-bottom-color: #ffba00;
}
.mod-balloon.cart:before {
  border: none;
}

div#bgLayer {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: black;
  filter: alpha(opacity=80) !important;
  opacity: 0.8;
  z-index: 101;
}
div#bgLayer .bgLayer-loading {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

* html div#bgLayer {
  position: absolute;
}

.mod-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 600px;
  margin: auto;
  background-color: #FFF;
  z-index: 1000;
}
.mod-modal.small-frame {
  width: 376px;
}
.mod-modal.big-frame {
  width: 920px;
}
.mod-modal .modal-header {
  background-color: #dcdcdc;
  padding: 16px 20px;
}
.mod-modal .modal-header p {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  display: block;
}
.mod-modal .modal-header p.modal-header-title {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}
.mod-modal .modal-contents {
  padding: 20px;
}
.mod-modal .modal-contents_02 {
  padding: 20px 50px;
}
.mod-modal .modal-contents p.modal-contents-title,
.mod-modal .modal-contents_02 p.modal-contents-title {
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
  font-weight: bold;
  word-break: normal;
  word-wrap: break-word;
}
.mod-modal .modal-contents p.modal-contents-title span.modal-contents-title-sub,
.mod-modal .modal-contents_02 p.modal-contents-title span.modal-contents-title-sub {
  display: block;
  font-size: 20px;
  font-size: 2rem;
}
.mod-modal .modal-contents p.modal-contents-title span.modal-contents-title-primary,
.mod-modal .modal-contents_02 p.modal-contents-title span.modal-contents-title-primary {
  display: block;
  color: #c90;
  font-size: 22px;
  font-size: 2.2rem;
}
.mod-modal .modal-contents .modal-contents-btn1,
.mod-modal .modal-contents_02 .modal-contents-btn1 {
  width: 190px;
  margin-top: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.mod-modal .modal-contents .modal-contents-btn2,
.mod-modal .modal-contents_02 .modal-contents-btn2 {
  width: 400px;
  margin-top: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}
.mod-modal .modal-contents .modal-contents-btn2:after,
.mod-modal .modal-contents_02 .modal-contents-btn2:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-modal .modal-contents .modal-contents-btn2 .modal-contents-btn2-1,
.mod-modal .modal-contents_02 .modal-contents-btn2 .modal-contents-btn2-1 {
  float: left;
  width: 190px;
}
.mod-modal .modal-contents .modal-contents-btn2 .modal-contents-btn2-2,
.mod-modal .modal-contents_02 .modal-contents-btn2 .modal-contents-btn2-2 {
  float: right;
  width: 190px;
  text-align: right;
}
.mod-modal .modal-contents .btn-block,
.mod-modal .modal-contents_02 .btn-block {
  display: block;
  text-align: center;
}
.mod-modal .modal-contents .modal-contents-install,
.mod-modal .modal-contents_02 .modal-contents-install {
  width: 440px;
  margin-top: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.mod-modal .modal-contents .modal-contents-install .modal-contents-install-txt,
.mod-modal .modal-contents_02 .modal-contents-install .modal-contents-install-txt {
  *zoom: 1;
  margin-bottom: 5px;
}
.mod-modal .modal-contents .modal-contents-install .modal-contents-install-txt:after,
.mod-modal .modal-contents_02 .modal-contents-install .modal-contents-install-txt:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-modal .modal-contents .modal-contents-install .modal-contents-install-txt p,
.mod-modal .modal-contents_02 .modal-contents-install .modal-contents-install-txt p {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
}
.mod-modal .modal-contents .modal-contents-install .modal-contents-install-btn,
.mod-modal .modal-contents_02 .modal-contents-install .modal-contents-install-btn {
  *zoom: 1;
}
.mod-modal .modal-contents .modal-contents-install .modal-contents-install-btn:after,
.mod-modal .modal-contents_02 .modal-contents-install .modal-contents-install-btn:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-modal .modal-contents .modal-contents-install .modal-contents-install-1,
.mod-modal .modal-contents_02 .modal-contents-install .modal-contents-install-1 {
  float: left;
  width: 210px;
  text-align: center;
}
.mod-modal .modal-contents .modal-contents-install .modal-contents-install-2,
.mod-modal .modal-contents_02 .modal-contents-install .modal-contents-install-2 {
  float: right;
  width: 210px;
  text-align: center;
}
.mod-modal .modal-contents .modal-contents-campaign,
.mod-modal .modal-contents_02 .modal-contents-campaign {
  position: relative;
  border: 1px solid #dcdbdb;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  padding: 40px 0;
  width: 450px;
  text-align: center;
}
.mod-modal .modal-contents .modal-contents-campaign .label,
.mod-modal .modal-contents_02 .modal-contents-campaign .label {
  position: absolute;
  top: -9px;
  width: 112px;
  height: 108px;
  background-image: url(../img/campaign-1402/modal_label_able.png);
}
.mod-modal .modal-contents .modal-contents-campaign .label.disabled,
.mod-modal .modal-contents_02 .modal-contents-campaign .label.disabled {
  background-image: url(../img/campaign-1402/modal_label_disabled.png);
}
.mod-modal .modal-contents .modal-contents-campaign .label.app,
.mod-modal .modal-contents_02 .modal-contents-campaign .label.app {
  background-image: url(../img/campaign-1402/modal_label_app.png);
}
.mod-modal .modal-contents .modal-contents-campaign .people,
.mod-modal .modal-contents_02 .modal-contents-campaign .people {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 68px;
  height: 68px;
  background-image: url(../img/campaign-1402/modal_people_01.png);
}
.mod-modal .modal-contents .campaign-lead,
.mod-modal .modal-contents_02 .campaign-lead {
  margin-top: 20px;
  color: #c90;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}
.mod-modal .modal-contents .campaign-lead span,
.mod-modal .modal-contents_02 .campaign-lead span {
  font-size: 22px;
  font-size: 2.2rem;
}
.mod-modal.downloadAleat .mod-grid.grid-2 .grid {
  width: 238px;
}
.mod-modal.downloadAleat .mod-grid.grid-2 .grid + .grid {
  width: 280px;
  padding-left: 20px;
  border-left: solid 1px #dcdcdc;
}
.mod-modal input[type="text"] {
  padding: 10px;
}
.mod-modal .sub-box {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  padding: 20px 15px 15px;
  width: 80%;
  margin: auto;
}
.mod-modal .sub-box .box-heading {
  position: absolute;
  width: 100%;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  text-align: center;
  margin-left: -15px;
  top: -14px;
}
.mod-modal .sub-box .box-heading span {
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}
.mod-modal .setting-tbl {
  font-size: 14px;
  font-size: 1.4rem;
  margin: auto;
  margin-top: 5px;
  text-align: left;
}
.mod-modal .form-1col {
  width: 350px;
  margin: auto;
}
.mod-modal .error-text {
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #d80c18;
  position: relative;
}
.mod-modal .error-text[class^="mti-icon-"], .mod-modal .error-text[class*=" mti-icon-"] {
  padding-left: 15px;
}
.mod-modal .error-text[class^="mti-icon-"]:before, .mod-modal .error-text[class*=" mti-icon-"]:before {
  font-size: 13px;
  font-size: 1.3rem;
  left: 0;
  color: #d80c18;
}

* html #modalContents {
  position: absolute;
}

/*Add by HaiHV*/
.bgLayer-content {
  border: 1px solid #cccccc;
  display: block;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: scroll;
  padding: 0 15px;
  width: 480px;
}

.MusicTermOfUseHtml {
  border: 1px solid #cccccc;
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow-y: scroll;
  padding: 0 15px;
  width: 640px;
  height: 230px;
  margin-bottom: 20px;
  margin-top: 20px;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bx-wrapper .bx-viewport {
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}
.bx-wrapper .bx-viewport a {
  float: left;
}
.bx-wrapper .bx-pager {
  padding-top: 10px;
  bottom: -0;
  border-top: 1px solid #dcdcdc;
  width: 100%;
}
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
}
.bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #dcdcdc;
  text-indent: -9999px;
  display: block;
  width: 5px;
  height: 5px;
  margin: 0 7px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #666;
}
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../img/common/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
.bx-wrapper .bx-prev {
  left: -10px;
  background: url("../img/common/bx_btn_prev.png") no-repeat;
}
.bx-wrapper .bx-prev:hover {
  opacity: .7;
}
.bx-wrapper .bx-next {
  right: -10px;
  background: url("../img/common/bx_btn_next.png") no-repeat;
}
.bx-wrapper .bx-next:hover {
  opacity: .7;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  outline: 0;
  width: 20px;
  height: 60px;
  text-indent: -9999px;
  z-index: 100;
}

.main-slider-wrap {
  position: relative;
}
.main-slider-wrap .bx-wrapper {
  max-width: 668px !important;
  margin: 0 auto 10px;
}
.main-slider-wrap .bx-wrapper .bx-viewport {
  background: #dcdcdc;
}
.main-slider-wrap .bx-wrapper .bx-viewport a {
  margin: 1px;
  display: block;
}
.main-slider-wrap .bx-wrapper .bx-viewport a img[width="208"] {
  max-width: 208px;
}
.main-slider-wrap .bx-wrapper .bx-viewport a img[width="103"] {
  max-width: 103px;
}
.main-slider-wrap .slide {
  margin-right: 0 !important;
}
.main-slider-wrap .cover {
  position: absolute;
  top: 1px;
  right: 0;
  display: block;
  width: 38px;
  height: 208px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  background: #000;
  z-index: 10;
}

@media print {
  .main-slider-wrap {
    display: none;
  }
}
.slider-01-wrap .bx-wrapper .bx-prev {
  left: -20px;
}
.slider-01-wrap .bx-wrapper .bx-next {
  right: -20px;
}

.mod-track-list.track-list-col5 .mod-slide .track-list-item {
  padding: 0;
}
.mod-track-list.track-list-col5 .mod-slide .track-list-item a {
  float: none;
}
.mod-track-list.track-list-col5 .mod-slide .track-list-item .slide-inner {
  padding: 10px;
}
.mod-track-list.track-list-col5 .mod-slide .track-list-item .slide-inner .comment {
  overflow: hidden;
}

.mod-slide {
  margin-left: -1px;
}

.mod-slide-wrap .ui-tab-body-wrap {
  position: relative;
}
.mod-slide-wrap .ui-tab-body-slide {
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.mod-slide-wrap .ui-tab-body-slide.active {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.bx-wrapper .bx-viewport .track-list-col5 {
  margin-top: 0;
  border-top: none;
}
.bx-wrapper .bx-viewport .track-list-col5 > ul {
  width: 668px;
  overflow: hidden;
}

.track-list-col5 .bx-wrapper .bx-viewport a,
.bx-wrapper .bx-viewport .track-list-col5 a {
  float: none;
}

.track-list-col5 .popular-slider .track-list-item {
  border-top: none;
  width: 114px !important;
}

.loading-wrap {
  opacity: 0;
}

.loading-gif {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  z-index: 1;
}

.mod-maintenance .maintenance-header {
  padding-top: 60px;
  text-align: center;
}
.mod-maintenance .maintenance-body {
  -moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #dcdcdc;
  border-top: 5px solid #c90;
  padding: 35px 75px 100px;
  width: 821px;
  margin: 35px auto 0;
}
.mod-maintenance .maintenance-body .body-title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}
.mod-maintenance .maintenance-body .body-text {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 30px;
}
.mod-maintenance .maintenance-body .body-text p {
  margin-top: 20px;
}
.mod-maintenance .maintenance-body .body-text p:first-child {
  margin-top: 0;
}
.mod-maintenance .maintenance-footer {
  text-align: center;
  width: 821px;
  margin: 50px auto 30px;
}
.mod-maintenance .maintenance-footer .logo li {
  display: inline-block;
  padding: 0 10px;
}
.mod-maintenance .maintenance-footer .copyright {
  margin-top: 150px;
}
.mod-maintenance .maintenance-footer .copyright a {
  color: #000;
}

.mod-premium .about-premium-course {
  padding: 15px 10px;
}
.mod-premium .about-premium-course h3 {
  margin: 25px 0 0;
  font-size: 1.4rem;
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: bold;
}
.mod-premium .about-premium-course h3 span {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 21px;
  background-color: #c31313;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  margin-right: 10px;
}
.mod-premium .about-premium-course h3 span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  width: 0;
  height: 0;
  border-width: 10px 5px;
  border-style: solid;
  border-color: #c31313;
  border-right-color: transparent;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

::-ms-clear {
  display: none;
}

.fnt8 {
  font-size: 8px;
  font-size: 0.8rem;
}

.fnt10 {
  font-size: 10px;
  font-size: 1rem;
  font-size: 10px !important;
  font-size: 1rem !important;
}

.fnt11 {
  font-size: 11px;
  font-size: 1.1rem;
}

.fnt12 {
  font-size: 12px;
  font-size: 1.2rem;
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.fnt14 {
  font-size: 14px;
  font-size: 1.4rem;
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.fnt16 {
  font-size: 16px;
  font-size: 1.6rem;
}

.fnt18 {
  font-size: 18px;
  font-size: 1.8rem;
}

.fnt20 {
  font-size: 20px;
  font-size: 2rem;
}

.fnt22 {
  font-size: 22px;
  font-size: 2.2rem;
}

.fnt24 {
  font-size: 24px;
  font-size: 2.4rem;
}

.fnt26 {
  font-size: 26px;
  font-size: 2.6rem;
}

.fnt28 {
  font-size: 28px;
  font-size: 2.8rem;
}

.fnt30 {
  font-size: 30px;
  font-size: 3rem;
}

.fnt32 {
  font-size: 32px;
  font-size: 3.2rem;
}

.fnt34 {
  font-size: 34px;
  font-size: 3.4rem;
}

.fnt36 {
  font-size: 36px;
  font-size: 3.6rem;
}

.fnt44 {
  font-size: 44px;
  font-size: 4.4rem;
}

.fnt46 {
  font-size: 46px;
  font-size: 4.6rem;
}

.fnt48 {
  font-size: 48px;
  font-size: 4.8rem;
}

.ex-center {
  text-align: center !important;
}

.ex-left {
  text-align: left !important;
}

.ex-right {
  text-align: right !important;
}

.text-c-white {
  color: white;
}

.text-c-red {
  color: #d80c18;
}

.text-c-blue {
  color: #003674;
}

.text-c-green {
  color: #66bc40;
}

.text-c-base {
  color: #333 !important;
}

.text-c-orange {
  color: #ff8000;
}

.text-bold {
  font-weight: bold;
}

.text-normal {
  font-weight: normal;
}

.text-underline {
  text-decoration: underline;
}

.lh-1 {
  line-height: 1;
}

.lh-1-2 {
  line-height: 1.2;
}

.lh-1-5 {
  line-height: 1.5;
}

.lh-2 {
  line-height: 2;
}

.bg-c-white {
  background: #fff !important;
}

.ex-pull-left {
  float: left;
}

.ex-pull-right {
  float: right;
}

.ex-mt-minus-1 {
  margin-top: -1px !important;
}

.ex-mt-minus-2 {
  margin-top: -2px !important;
}

.ex-mt-0 {
  margin-top: 0 !important;
}

.ex-mt-5 {
  margin-top: 5px !important;
}

.ex-mt-10 {
  margin-top: 10px !important;
}

.ex-mt-15 {
  margin-top: 15px !important;
}

.ex-mt-20 {
  margin-top: 20px !important;
}

.ex-mt-25 {
  margin-top: 25px !important;
}

.ex-mt-30 {
  margin-top: 30px !important;
}

.ex-mt-35 {
  margin-top: 35px !important;
}

.ex-mt-40 {
  margin-top: 40px !important;
}

.ex-mt-45 {
  margin-top: 45px !important;
}

.ex-mt-50 {
  margin-top: 50px !important;
}

.ex-mt-55 {
  margin-top: 55px !important;
}

.ex-mt-60 {
  margin-top: 60px !important;
}

.ex-mr-0 {
  margin-right: 0 !important;
}

.ex-mr-5 {
  margin-right: 5px !important;
}

.ex-mr-10 {
  margin-right: 10px !important;
}

.ex-mr-15 {
  margin-right: 15px !important;
}

.ex-ml-0 {
  margin-left: 0 !important;
}

.ex-ml-5 {
  margin-left: 5px !important;
}

.ex-ml-10 {
  margin-left: 10px !important;
}

.ex-ml-15 {
  margin-left: 15px !important;
}

.ex-ml-20 {
  margin-left: 20px !important;
}

.ex-ml-30 {
  margin-left: 30px !important;
}

.ex-mb-0 {
  margin-bottom: 0 !important;
}

.ex-mb-5 {
  margin-bottom: 5px !important;
}

.ex-mb-10 {
  margin-bottom: 10px !important;
}

.ex-mb-15 {
  margin-bottom: 15px !important;
}

.ex-mb-20 {
  margin-bottom: 20px !important;
}

.ex-mb-25 {
  margin-bottom: 25px !important;
}

.ex-mb-30 {
  margin-bottom: 30px !important;
}

.ex-mb-35 {
  margin-bottom: 35px !important;
}

.ex-mb-40 {
  margin-bottom: 40px !important;
}

.ex-mb-45 {
  margin-bottom: 45px !important;
}

.ex-mb-50 {
  margin-bottom: 50px !important;
}

.ex-m-0 {
  margin: 0 !important;
}

.ex-m-auto {
  margin: auto !important;
}

.ex-m-auto-lr {
  margin-left: auto !important;
  margin-right: auto !important;
}

.dsp-block {
  display: block;
}

.dsp-in-block {
  display: inline-block;
}

.dsp-tbl {
  display: table;
  width: 100%;
}

.dsp-tbl-c {
  display: table-cell;
  vertical-align: top !important;
}

.width50p {
  width: 50% !important;
}

.va-t {
  vertical-align: top !important;
}

.va-m {
  vertical-align: middle !important;
}

.va-b {
  vertical-align: bottom !important;
}

.ex-top {
  vertical-align: top;
}

.ex-bottom {
  vertical-align: bottom;
}

.ex-pt-0 {
  padding-top: 0 !important;
}

.ex-pt-5 {
  padding-top: 5px !important;
}

.ex-pt-10 {
  padding-top: 10px !important;
}

.ex-pt-15 {
  padding-top: 15px !important;
}

.ex-pt-20 {
  padding-top: 20px !important;
}

.ex-pr-0 {
  padding-right: 0 !important;
}

.ex-pr-5 {
  padding-right: 5px !important;
}

.ex-pr-10 {
  padding-right: 10px !important;
}

.ex-pr-15 {
  padding-right: 15px !important;
}

.ex-pr-20 {
  padding-right: 20px !important;
}

.ex-pl-0 {
  padding-left: 0 !important;
}

.ex-pl-5 {
  padding-left: 5px !important;
}

.ex-pl-10 {
  padding-left: 10px !important;
}

.ex-pl-15 {
  padding-left: 15px !important;
}

.ex-pl-20 {
  padding-left: 20px !important;
}

.ex-pl-25 {
  padding-left: 25px !important;
}

.ex-pl-30 {
  padding-left: 30px !important;
}

.ex-pl-35 {
  padding-left: 35px !important;
}

.ex-pb-0 {
  padding-bottom: 0 !important;
}

.ex-pb-5 {
  padding-bottom: 5px !important;
}

.ex-pb-10 {
  padding-bottom: 10px !important;
}

.ex-pb-15 {
  padding-bottom: 15px !important;
}

.ex-pb-20 {
  padding-bottom: 20px !important;
}

.ex-pb-25 {
  padding-bottom: 25px !important;
}

.ex-plr-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.ex-plr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.ex-plr-15 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.ex-plr-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.ex-plr-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.ex-p-0 {
  padding: 0 !important;
}

.border-t-1 {
  border-top: 1px solid #dcdcdc;
}

.border-b-1 {
  border-bottom: 1px solid #dcdcdc;
}

.border-b-2 {
  border-bottom: 2px solid #dcdcdc;
}

.no-border-t {
  border-top: none;
}

.no-border-b {
  border-bottom: none;
}

.link-rollover a {
  -moz-transition: opacity 0.12s linear;
  -webkit-transition: opacity 0.12s linear;
  transition: opacity 0.12s linear;
}
.link-rollover a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.mypage-profile .profile-box {
  *zoom: 1;
}
.mypage-profile .profile-box:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mypage-profile .profile-box > div {
  float: left;
}
.mypage-profile .profile-box .left-content {
  width: 500px;
}
.mypage-profile .profile-box .left-content.col2 {
  width: 100%;
}
.mypage-profile .profile-box .left-content.col2 .profile-image {
  width: 200px;
}
.mypage-profile .profile-box .left-content.col2 .profile-user {
  width: 635px;
}
.mypage-profile .profile-box .right-content {
  width: 338px;
  margin-left: 20px;
}
.mypage-profile .profile-box .profile-image,
.mypage-profile .profile-box .profile-user {
  float: left;
}
.mypage-profile .profile-box .profile-image {
  margin-right: 20px;
}
.mypage-profile .profile-box .profile-user-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.mypage-profile .profile-box .profile-user-title a {
  font-size: 12px;
  margin-left: 10px;
}
.mypage-profile .profile-box table {
  text-align: left;
}
.mypage-profile .profile-box th {
  width: 100px;
  padding-bottom: 10px;
}
.mypage-profile .profile-box td {
  padding-bottom: 10px;
}
.mypage-profile .profile-box .comment {
  clear: both;
  padding-top: 10px;
}
.mypage-profile .profile-box .profile-point,
.mypage-profile .profile-box .profile-course {
  border: solid 1px #ccc;
  background: #fff;
}
.mypage-profile .profile-box .profile-course {
  padding-top: 10px;
}
.mypage-profile .profile-box .profile-course .profile-course-title {
  margin-bottom: 10px;
}
.mypage-profile .profile-box .profile-point {
  margin-bottom: 10px;
}
.mypage-profile .profile-box .profile-point .user-point {
  padding: 10px 10px 0 10px;
  line-height: 2;
}
.mypage-profile .profile-box .profile-point .user-point .point {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.mypage-profile .profile-box .profile-point .user-point + div {
  padding-top: 10px;
  border-top: solid 1px #ccc;
}
.mypage-profile .profile-box .profile-point-table {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 10px;
  background: #fff;
}
.mypage-profile .profile-box .profile-point-table th, .mypage-profile .profile-box .profile-point-table td {
  border: 1px solid #ccc;
  padding: 10px;
}
.mypage-profile .profile-box .date-list {
  padding: 0 10px;
}
.mypage-profile .profile-box .date-list .point-history-list {
  height: 132px;
  overflow: auto;
  overflow-x: hidden;
  margin-bottom: 10px;
}
.mypage-profile .profile-box .date-list .mod-text {
  margin-bottom: 15px;
}
.mypage-profile .profile-box .date-list table {
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  padding-bottom: 8px;
}
.mypage-profile .profile-box .date-list tr td {
  padding-bottom: 8px;
  padding-right: 16px;
}
.mypage-profile .profile-box .date-list.medium table {
  font-size: 14px;
  font-size: 1.4rem;
}
.mypage-profile .profile-box .date-list.medium tr td {
  padding-bottom: 7px;
}
.mypage-profile .profile-box .date-list.no-data {
  padding: 0 10px 10px 10px;
}

.mypage-required-contents {
  padding: 10px;
  background: #f7f7f7;
  position: relative;
}
.mypage-required-contents .btn-fixed {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.mypage-required-contents .btn-fixed.mac-sentence {
  bottom: 30px;
}

.mypage-all-install {
  margin-top: 10px;
  *zoom: 1;
}
.mypage-all-install:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mypage-all-install .btn-fixed {
  position: absolute;
  bottom: 0;
  right: 0;
}

.mypage-profile-image-edit {
  margin-top: 10px;
  padding-bottom: 10px;
}
.mypage-profile-image-edit .image-list {
  margin-right: -10px;
  *zoom: 1;
}
.mypage-profile-image-edit .image-list:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mypage-profile-image-edit .image {
  float: left;
  margin-bottom: 10px;
}
.mypage-profile-image-edit .image.image {
  margin-right: 8px;
}

.mypage-profile-form {
  margin: 25px 20px 20px 20px;
  *zoom: 1;
}
.mypage-profile-form:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mypage-profile-form .profile-image,
.mypage-profile-form .profile-edit {
  float: left;
}
.mypage-profile-form .profile-image {
  width: 80px;
}
.mypage-profile-form .profile-edit {
  width: 755px;
  margin-left: 20px;
}
.mypage-profile-form .profile-edit .form-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.mypage-profile-form .profile-edit .form-title .info {
  margin-left: 15px;
}
.mypage-profile-form .profile-edit .profile-select {
  margin-top: 10px;
}
.mypage-profile-form .profile-edit .profile-select .form-select + .form-select {
  margin-left: 10px;
}
.mypage-profile-form .profile-edit .profile-check.inline {
  display: inline-block;
  margin-left: 20px;
}

.mod-news-cat-icon {
  padding: 3px 8px 3px;
  color: #fff;
  background: #bfbfbf;
  border-radius: 10px;
  font-size: 1.2rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mod-news-cat-icon.column {
  background-color: #cadea6;
}
.mod-news-cat-icon.interview {
  background-color: #c6adcc;
}
.mod-news-cat-icon.pr {
  background-color: #c0c0c0;
  border-radius: 3px;
}
.mod-news-cat-icon.pr.small {
  padding: 2px 6px 2px;
  font-size: 1rem;
  line-height: 1.1;
}

.mod-news-list + .mod-paging {
  border-top: 1px solid #dcdcdc;
}
.mod-news-list > li {
  display: table;
  padding: 10px;
  padding-bottom: 0;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #dcdcdc;
}
.mod-news-list > li:first-child {
  padding-top: 0;
  border-top: none;
}
.mod-news-list > li .mod-ranking-icon {
  display: table-cell;
  padding-right: 10px;
  vertical-align: top;
}
.mod-news-list > li .info {
  display: table-cell;
  padding-right: 10px;
  padding-right: 10px;
}
.mod-news-list > li .info .mod-news-cat-icon {
  margin-bottom: 5px;
}
.mod-news-list > li .info .title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: bold;
}
.mod-news-list > li .info .text {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 10px;
}
.mod-news-list > li .info .time, .mod-news-list > li .info time {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  display: block;
  margin-bottom: 10px;
}
.mod-news-list > li .info ul {
  margin-bottom: 5px;
}
.mod-news-list > li .info ul li {
  margin-right: 2px;
  margin-bottom: 5px;
}
.mod-news-list > li .image {
  display: table-cell;
  vertical-align: top;
  width: 110px;
  height: 110px;
  padding-bottom: 10px;
}
.mod-news-list > li .image a {
  display: block;
}
.mod-news-list > li .image a figure, .mod-news-list > li .image a div {
  display: table-cell;
  width: 110px;
  height: 110px;
  text-align: center;
  vertical-align: middle;
  background-color: #dbdbdb;
}
.mod-news-list > li .image a figure img, .mod-news-list > li .image a div img {
  max-height: 110px;
  max-width: 110px;
}
.mod-news-list > li .image a:hover img {
  opacity: 0.6;
  background: #fff;
}
.mod-news-list.news-list-2col {
  *zoom: 1;
}
.mod-news-list.news-list-2col:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-news-list.news-list-2col > li {
  float: left;
  width: 50%;
  border: none;
  border-bottom: 1px solid #dcdcdc;
}
.mod-news-list.news-list-2col > li:nth-child(odd) {
  border-right: 1px solid #dcdcdc;
}
.mod-news-list.news-list-2col > li:first-child {
  padding-top: 10px;
}
.mod-news-list.news-list-2col > li .image {
  width: 80px;
  height: 80px;
}
.mod-news-list.news-list-2col > li .image a {
  display: block;
}
.mod-news-list.news-list-2col > li .image a figure, .mod-news-list.news-list-2col > li .image a div {
  width: 80px;
  height: 80px;
}
.mod-news-list.news-list-2col > li .image a figure img, .mod-news-list.news-list-2col > li .image a div img {
  max-height: 80px;
  max-width: 80px;
}
.mod-news-list.synthesize {
  *zoom: 1;
}
.mod-news-list.synthesize:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-news-list.synthesize > li {
  float: left;
  width: 50%;
  padding: 30px 25px;
}
.mod-news-list.synthesize > li:nth-child(1), .mod-news-list.synthesize > li:nth-child(2) {
  border-top: none;
}
.mod-news-list.synthesize > li:nth-child(odd) {
  border-right: 1px solid #dcdcdc;
}
.mod-news-list.synthesize > li:first-child {
  padding: 30px 25px;
}
.mod-news-list.synthesize > li .image {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 260px;
}
.mod-news-list.synthesize > li .image a {
  display: block;
}
.mod-news-list.synthesize > li .image a img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  max-height: 260px;
  max-width: 400px;
}
.mod-news-list.synthesize > li .info {
  display: block;
  margin-top: 10px;
}
.mod-news-list.synthesize > li .info .mod-news-cat-icon {
  margin-bottom: 0;
}
.mod-news-list.synthesize > li .info .time {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  display: block;
  margin-bottom: 5px;
}
.mod-news-list.synthesize > li .info .title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  margin-bottom: 0;
  font-weight: bold;
}
.mod-news-list.synthesize > li .info .lavel-list {
  margin-bottom: 5px;
}
.mod-news-list.synthesize > li .info .lavel-list span + span {
  margin-left: 10px;
}

.mod-news-pickup .pickup-title {
  font-size: 2.6rem;
  line-height: 1.2;
  background-color: #f7f7f7;
  border: 1px solid #dcdcdc;
  border-bottom: none;
  box-sizing: border-box;
  padding: 15px 18px;
}
.mod-news-pickup ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.mod-news-pickup .news-pickup-item {
  display: table-cell;
  vertical-align: top;
  border-right: 1px solid #dcdcdc;
}
.mod-news-pickup .news-pickup-item .category-header {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  border-top: 3px solid #c90;
  box-sizing: border-box;
  padding: 8px 18px 8px 10px;
  background: #fff;
  font-weight: 700;
  text-align: center;
}
.mod-news-pickup .news-pickup-item .category-header [class^="mti-icon-"], .mod-news-pickup .news-pickup-item .category-header [class*=" mti-icon-"] {
  padding-left: 26px;
}
.mod-news-pickup .news-pickup-item .category-header [class^="mti-icon-"]:before, .mod-news-pickup .news-pickup-item .category-header [class*=" mti-icon-"]:before {
  font-size: 24px;
  font-size: 2.4rem;
  left: 0;
  top: 0;
}
.mod-news-pickup .news-pickup-item .category-header.music {
  border-top-color: #c03;
  color: #c03;
}
.mod-news-pickup .news-pickup-item .category-header.music [class^="mti-icon-"]:before, .mod-news-pickup .news-pickup-item .category-header.music [class*=" mti-icon-"]:before {
  color: #c03;
}
.mod-news-pickup .news-pickup-item .category-header.manga {
  border-top-color: #ff8000;
  color: #ff8000;
}
.mod-news-pickup .news-pickup-item .category-header.manga [class^="mti-icon-"]:before, .mod-news-pickup .news-pickup-item .category-header.manga [class*=" mti-icon-"]:before {
  color: #ff8000;
}
.mod-news-pickup .news-pickup-item .category-header.book {
  border-top-color: #39c;
  color: #39c;
}
.mod-news-pickup .news-pickup-item .category-header.book [class^="mti-icon-"]:before, .mod-news-pickup .news-pickup-item .category-header.book [class*=" mti-icon-"]:before {
  color: #39c;
}
.mod-news-pickup .news-pickup-item .category-header.media {
  border-top-color: #66bc40;
  color: #66bc40;
}
.mod-news-pickup .news-pickup-item .category-header.media [class^="mti-icon-"]:before, .mod-news-pickup .news-pickup-item .category-header.media [class*=" mti-icon-"]:before {
  color: #66bc40;
}
.mod-news-pickup .news-pickup-item > a {
  display: block;
}
.mod-news-pickup .news-pickup-item .image {
  position: relative;
  height: 170px;
  width: 100%;
  background-image: url("../img/common/bg_news_pickup.jpg");
  box-sizing: border-box;
}
.mod-news-pickup .news-pickup-item .image:after {
  position: absolute;
  border-right: 1px solid #bbb;
  content: "";
  right: -1px;
  top: 0;
  height: 100%;
}
.mod-news-pickup .news-pickup-item .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 170px;
  max-width: 335px;
}
.mod-news-pickup .news-pickup-item a:hover img {
  opacity: 0.6;
  background: #fff;
}
.mod-news-pickup .news-pickup-item .news-pickup-content {
  border-top: none;
  padding: 10px;
}
.mod-news-pickup .news-pickup-item:last-child {
  border-right: none;
}
.mod-news-pickup .news-pickup-item:last-child .image:after {
  border-right: none;
}
.mod-news-pickup .news-pickup-item .title {
  margin-top: 5px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: bold;
}
.mod-news-pickup .news-pickup-item .time, .mod-news-pickup .news-pickup-item time {
  font-size: 1rem;
  display: block;
  line-height: 1;
  margin-top: 5px;
}
.mod-news-pickup.synthesize .news-pickup-item {
  position: relative;
  width: 25%;
}
.mod-news-pickup.synthesize .news-pickup-item .image {
  background: none;
  height: 200px;
}
.mod-news-pickup.synthesize .news-pickup-item .image:after {
  border: none;
}
.mod-news-pickup.synthesize .news-pickup-item .image img {
  max-height: 200px;
  max-width: 200px;
}
.mod-news-pickup.synthesize .news-pickup-item .title {
  padding-bottom: 30px;
}
.mod-news-pickup.synthesize .news-pickup-item .time {
  display: inline-block;
}
.mod-news-pickup.synthesize .news-pickup-item .time + span {
  margin-left: 5px;
}
.mod-news-pickup.synthesize .news-pickup-item .mod-news-cat-icon {
  font-size: 11px;
  font-size: 1.1rem;
}
.mod-news-pickup.synthesize .news-pickup-item .more {
  text-align: right;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.mod-news-sidebar li {
  display: table;
  width: 100%;
  padding: 10px;
  height: 65px;
  box-sizing: border-box;
  border-top: 1px solid #dcdcdc;
}
.mod-news-sidebar li .mod-ranking-icon {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
}
.mod-news-sidebar li .news-list {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 10px;
  text-align: left;
  width: 100%;
  position: relative;
}
.mod-news-sidebar li .news-list .title {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: bold;
}
.mod-news-sidebar li .news-list .time, .mod-news-sidebar li .news-list time {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1rem;
  line-height: 1;
}
.mod-news-sidebar li:first-child {
  border-top: none;
}

.mod-news-story {
  padding: 14px;
  background: #f7f7f7;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-news-story .story-header {
  text-align: left;
  border-bottom: 2px solid #dcdcdc;
}
.mod-news-story .story-header .title {
  font-size: 30px;
  font-size: 3rem;
  line-height: 38px;
}
.mod-news-story .story-header .info-group {
  display: table;
  *zoom: 1;
  margin: 10px 0;
  width: 100%;
}
.mod-news-story .story-header .info-group:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-news-story .story-header .info-group .mod-sns-list {
  display: table-cell;
  text-align: left;
}
.mod-news-story .story-header .info-group .credit {
  display: table-cell;
  text-align: right;
  vertical-align: bottom;
  line-height: 1;
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-news-story .story-header .info-group .credit span + * {
  margin-left: 10px;
}
.mod-news-story .story-header + p {
  margin-top: 10px;
}
.mod-news-story .news-contents {
  margin-top: 10px;
  text-align: center;
  *zoom: 1;
}
.mod-news-story .news-contents section {
  padding-top: 20px;
}
.mod-news-story .news-contents > * + * {
  margin-top: 20px;
  color: black;
}
.mod-news-story .news-contents > section > * + * {
  margin-top: 20px;
  color: black;
}
.mod-news-story .news-contents > p:last-of-type {
  margin-bottom: 30px;
}
.mod-news-story .news-contents > p:first-of-type {
  margin-top: 0;
}
.mod-news-story .news-contents > p {
  text-align: left;
  line-height: 1.7;
}
.mod-news-story .news-contents .sub-title {
  font-size: 16px;
  font-size: 1.6rem;
  color: #c90;
  border-bottom: 1px solid #c90;
  font-weight: bold;
  line-height: 1.2;
  clear: both;
}
.mod-news-story .news-contents .interviewer {
  color: #72654c;
}
.mod-news-story .news-contents .flt-img {
  float: right;
  text-align: center;
  margin: 20px 0 20px 20px;
  display: table;
  width: 222px;
  *zoom: 1;
}
.mod-news-story .news-contents .flt-img img {
  max-height: 318px;
  max-width: 318px;
}
.mod-news-story .news-contents .flt-img a:hover img {
  opacity: 0.6;
  background: #fff;
}
.mod-news-story .news-contents .flt-img figcaption {
  font-size: 10px;
  font-size: 1rem;
  margin: 10px 0 0;
  text-align: left;
}
.mod-news-story .news-contents .flt-img .copyright {
  font-size: 10px;
  font-size: 1rem;
  text-align: left;
}
.mod-news-story .news-contents .flt-img figure + a, .mod-news-story .news-contents .flt-img .copyright + a {
  margin-top: 10px;
  display: block;
}
.mod-news-story .news-contents .flt-img.news-area {
  width: 300px;
  margin: 0 0 30px 30px;
}
.mod-news-story .news-contents .flt-img.news-area .fix-size {
  background-color: #dbdbdb;
  margin-bottom: 10px;
}
.mod-news-story .news-contents .flt-img.news-area .fix-size img {
  max-width: 300px;
  max-height: 100%;
}
.mod-news-story .news-contents .flt-img.news-area a {
  line-height: 1;
}
.mod-news-story .news-contents .flt-img:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-news-story .news-contents .main-column-img {
  clear: both;
  display: table;
  width: 326px;
  max-height: 610px;
  max-width: 610px;
  margin: 30px auto;
}
.mod-news-story .news-contents .main-column-img figcaption {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 10px;
  text-align: left;
}
.mod-news-story .news-contents .main-column-img .copyright {
  font-size: 10px;
  font-size: 1rem;
  text-align: left;
}
.mod-news-story .news-contents blockquote {
  clear: both;
  border: none;
  border: 1px solid #dcdcdc;
  background-color: white;
  margin: 20px 10px;
  padding: 13px 15px;
  text-align: left;
  -moz-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.15);
}
.mod-news-story .news-contents blockquote + blockquote {
  margin-top: 20px;
}
.mod-news-story .news-contents blockquote:last-of-type {
  margin-bottom: 30px;
}
.mod-news-story .news-contents blockquote div {
  display: table;
  width: 100%;
  *zoom: 1;
}
.mod-news-story .news-contents blockquote div .image {
  position: relative;
  border: 1px solid #dcdcdc;
  width: 121px;
  height: 121px;
  box-sizing: border-box;
}
.mod-news-story .news-contents blockquote div .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.mod-news-story .news-contents blockquote div .image + .text {
  padding-left: 15px;
}
.mod-news-story .news-contents blockquote div .text {
  display: table-cell;
  width: 100%;
  line-height: 1.3;
  vertical-align: top;
  color: black;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.mod-news-story .news-contents blockquote div:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-news-story .news-contents blockquote cite {
  display: block;
  font-style: normal;
  font-size: 10px;
  font-size: 1rem;
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px solid #dcdcdc;
  font-weight: normal;
  line-height: 1.3;
}
.mod-news-story .news-contents figure.movie {
  margin: 30px auto;
  text-align: center;
  clear: both;
}
.mod-news-story .news-contents figure.item-content {
  margin: 30px auto;
  width: 560px;
  height: 225px;
}
.mod-news-story .news-contents figure.item-content:not(.ex-pull-right) {
  clear: both;
}
.mod-news-story .news-contents figure.item-content.wide {
  width: 100%;
  background-color: white;
  box-sizing: border-box;
  height: auto;
}
.mod-news-story .news-contents figure.item-content.wide .item {
  padding: 10px;
}
.mod-news-story .news-contents figure.item-content.wide .item .image {
  float: left;
  position: relative;
  margin-right: 10px;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  width: 110px;
  height: 110px;
}
.mod-news-story .news-contents figure.item-content.wide .item .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.mod-news-story .news-contents figure.item-content.wide .item .title {
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-news-story .news-contents figure.item-content.wide .item .year {
  font-size: 10px;
  font-size: 1rem;
}
.mod-news-story .news-contents figure.item-content.wide .item .comment {
  color: #333;
  font-size: 10px;
  font-size: 1rem;
}
.mod-news-story .news-contents figure.item-content.wide .item .copyright {
  text-align: right;
  color: #333;
  font-size: 10px;
  font-size: 1rem;
  clear: none;
}
.mod-news-story .news-contents figure.item-content figcaption {
  width: inherit;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  margin-bottom: 5px;
}
.mod-news-story .news-contents figure.item-content .item {
  position: relative;
  background-color: white;
  text-align: left;
  padding: 10px;
  border: 1px solid #dcdcdc;
  *zoom: 1;
}
.mod-news-story .news-contents figure.item-content .item .image {
  float: left;
  position: relative;
  margin-right: 10px;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  width: 184px;
  height: 184px;
}
.mod-news-story .news-contents figure.item-content .item .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.mod-news-story .news-contents figure.item-content .item a {
  display: block;
}
.mod-news-story .news-contents figure.item-content .item a:hover img {
  opacity: 0.6;
  background-color: white;
}
.mod-news-story .news-contents figure.item-content .item .image-multiple {
  width: 184px;
  height: 184px;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
}
.mod-news-story .news-contents figure.item-content .item .image-multiple .image {
  float: left;
  position: relative;
  width: 91px;
  height: 91px;
  border: none;
  margin: 0;
}
.mod-news-story .news-contents figure.item-content .item .image-multiple .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.mod-news-story .news-contents figure.item-content .item .item-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 7px;
}
.mod-news-story .news-contents figure.item-content .item .item-artist {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 10px;
  line-height: 1;
}
.mod-news-story .news-contents figure.item-content .item .item-lavel {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 10px;
  line-height: 1;
  background-color: #555;
  padding: 5px 15px;
  color: white;
  display: inline-block;
}
.mod-news-story .news-contents figure.item-content .item .tie-up, .mod-news-story .news-contents figure.item-content .item .comment {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 10px;
  line-height: 1.5;
}
.mod-news-story .news-contents figure.item-content .item .comment {
  color: #9d9d9d;
}
.mod-news-story .news-contents figure.item-content .item .player-btn, .mod-news-story .news-contents figure.item-content .item .read-btn {
  color: #555;
  border: 1px solid #555;
  border-radius: 5px;
  padding: 0 10px 0 30px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  cursor: pointer;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);
}
.mod-news-story .news-contents figure.item-content .item .player-btn[class^="mti-icon-"]:before, .mod-news-story .news-contents figure.item-content .item .player-btn[class*=" mti-icon-"]:before, .mod-news-story .news-contents figure.item-content .item .read-btn[class^="mti-icon-"]:before, .mod-news-story .news-contents figure.item-content .item .read-btn[class*=" mti-icon-"]:before {
  color: #555;
  font-size: 20px;
  font-size: 2rem;
  top: 4px;
  bottom: 4px;
  left: 6px;
  right: 6px;
}
.mod-news-story .news-contents figure.item-content .item .player-btn:hover, .mod-news-story .news-contents figure.item-content .item .read-btn:hover {
  text-decoration: none;
  background-color: #e5e5e5;
  box-shadow: none;
}
.mod-news-story .news-contents figure.item-content .item .copyright {
  clear: both;
  padding-top: 5px;
  font-size: 10px;
  font-size: 1rem;
  color: #9d9d9d;
}
.mod-news-story .news-contents figure.item-content .item .buy-fix-contents {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.mod-news-story .news-contents figure.item-content .item .buy-fix-contents .price {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 5px;
  text-align: right;
}
.mod-news-story .news-contents figure.item-content .item .buy-fix-contents a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}
.mod-news-story .news-contents figure.item-content .item:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-news-story .news-contents figure.item-content.ex-pull-right {
  margin: 0 0 20px 20px;
  width: 270px;
  height: auto;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right figcaption {
  font-size: 10px;
  font-size: 1rem;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item {
  *zoom: 1;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .image {
  float: none;
  position: relative;
  margin: 0;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  width: 250px;
  height: 250px;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .image-multiple {
  width: 250px;
  height: 250px;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  float: none;
  margin: 0;
  margin-bottom: 10px;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .image-multiple .image {
  width: 124px;
  height: 124px;
  margin: 0;
  border: none;
  float: left;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .image-multiple .image img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .item-title {
  line-height: 1.3;
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .item-artist {
  line-height: 1;
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .player-btn {
  padding: 0 10px 0 24px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .player-btn[class^="mti-icon-"]:before, .mod-news-story .news-contents figure.item-content.ex-pull-right .item .player-btn[class*=" mti-icon-"]:before {
  font-size: 16px;
  font-size: 1.6rem;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .player-btn + .buy-contents {
  margin-top: 14px;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .copyright {
  padding-top: 0;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .buy-contents {
  float: right;
  text-align: right;
  margin-top: 10px;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .buy-contents .price {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 8px;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item .buy-contents a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item > *:last-child {
  margin-bottom: 0;
}
.mod-news-story .news-contents figure.item-content.ex-pull-right .item:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-news-story .news-contents .news-image-box {
  margin-bottom: 10px;
}
.mod-news-story .news-contents .news-image-box .image-view {
  display: table;
  width: 870px;
}
.mod-news-story .news-contents .news-image-box .image-view .prev {
  display: table-cell;
  vertical-align: middle;
  width: 38px;
}
.mod-news-story .news-contents .news-image-box .image-view .prev img {
  width: 28px;
  height: 72px;
  margin-right: 10px;
}
.mod-news-story .news-contents .news-image-box .image-view .prev img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.mod-news-story .news-contents .news-image-box .image-view .next {
  display: table-cell;
  vertical-align: middle;
  width: 38px;
}
.mod-news-story .news-contents .news-image-box .image-view .next img {
  width: 28px;
  height: 72px;
  margin-left: 10px;
}
.mod-news-story .news-contents .news-image-box .image-view .next img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.mod-news-story .news-contents .news-image-box .image-view .image {
  display: table-cell;
  vertical-align: middle;
  width: 794px;
  height: 522px;
  background-color: #dbdbdb;
}
.mod-news-story .news-contents .news-image-box .image-view .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.mod-news-story .news-contents .news-image-box .caption {
  text-align: center;
  margin: 5px 40px 0;
}
.mod-news-story .news-contents .news-image-box .caption p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
}
.mod-news-story .news-contents .news-image-box .caption .copyright {
  font-size: 10px;
  font-size: 1rem;
}
.mod-news-story .news-contents p + .flt-img, .mod-news-story .news-contents p + .item-content.ex-pull-right {
  margin-top: 20px !important;
}
.mod-news-story .news-contents:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-news-story .story-section {
  border-top: 1px solid #e5e5e5;
  padding: 12px 9px 0;
  text-align: left;
}
.mod-news-story .story-section h3 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 12px;
  line-height: 1;
}
.mod-news-story .story-section .enlarge-image {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 12px;
  line-height: 1;
}
.mod-news-story .story-section.border-btm {
  border-bottom: 1px solid #dcdcdc;
}
.mod-news-story .story-section + .pager-text {
  margin-top: 20px;
}
.mod-news-story .connected-item {
  max-width: 562px;
  margin-bottom: 12px;
}
.mod-news-story .connected-item .item-info {
  *zoom: 1;
  display: inline-block;
  max-width: 420px;
}
.mod-news-story .connected-item .item-info:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-news-story .connected-item .item-info .artist, .mod-news-story .connected-item .item-info .title, .mod-news-story .connected-item .item-info .tieup, .mod-news-story .connected-item .item-info .comment {
  margin-left: 100px;
  margin-bottom: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
}
.mod-news-story .connected-item .item-info .artist span, .mod-news-story .connected-item .item-info .title span, .mod-news-story .connected-item .item-info .tieup span, .mod-news-story .connected-item .item-info .comment span {
  margin-right: 12px;
}
.mod-news-story .connected-item .item-info .title {
  font-weight: bold;
}
.mod-news-story .connected-item .item-info .comment {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 0;
}
.mod-news-story .connected-item .item-info img {
  float: left;
}
.mod-news-story .connected-item .item-info a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.mod-news-story .connected-item .price-info {
  display: inline-block;
  margin-left: 30px;
}
.mod-news-story .connected-item .price-info .price {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: right;
  margin-bottom: 10px;
}
.mod-news-story .connected-item .price-info .mod-btn-group {
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-news-story .thumbnail-list {
  *zoom: 1;
}
.mod-news-story .thumbnail-list:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-news-story .thumbnail-list li {
  float: left;
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
  margin-left: 5px;
  margin-bottom: 12px;
  position: relative;
}
.mod-news-story .thumbnail-list li:nth-child(8n+1) {
  margin-left: 0;
}
.mod-news-story .thumbnail-list li:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.mod-news-story .thumbnail-list li img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.mod-news-story .genre-icon-list {
  margin-bottom: 7px;
}
.mod-news-story .genre-icon-list.story-genre a {
  font-size: 12px;
  font-size: 1.2rem;
}
.mod-news-story .genre-icon-list li {
  display: inline-block;
  padding: 2px 4px;
  margin-right: 2px;
  margin-bottom: 5px;
}
.mod-news-story .mod-sns-list {
  margin-bottom: 0;
  height: 20px;
}
.mod-news-story .mod-sns-list li {
  height: 20px;
}
.mod-news-story .mod-sns-list li:last-child {
  margin-right: 0;
}
.mod-news-story .bottom-sns {
  padding: 12px 9px 0;
  text-align: right;
  border-top: 2px solid #dcdcdc;
}
.mod-news-story .back-to-article {
  border-top: 2px solid #dcdcdc;
  padding-top: 12px;
}
.mod-news-story .pager-text {
  margin-top: 10px;
  line-height: 1;
}
.mod-news-story .mod-paging {
  padding-top: 10px;
  text-align: center;
  padding-bottom: 20px;
}
.mod-news-story .clearfix {
  *zoom: 1;
}
.mod-news-story .clearfix:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}

.mod-news-textlink ul {
  padding: 0 10px;
  *zoom: 1;
}
.mod-news-textlink ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-news-textlink ul > li {
  float: left;
  width: 33.3%;
  padding-right: 8px;
  margin: 10px 0;
  box-sizing: border-box;
}
.mod-news-textlink ul > li:nth-of-type(n+3) {
  padding-right: 0;
}
.mod-news-textlink ul > li a {
  display: block;
  position: relative;
  padding-left: 11px;
  font-weight: bold;
  line-height: 1.3;
  color: #000;
}
.mod-news-textlink ul > li a:before {
  position: absolute;
  left: 0;
  top: 1px;
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -451px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  content: "";
}
.mod-news-textlink ul > li a:hover {
  color: #d80c18;
}

.news-2col .track-list-col7 {
  overflow: hidden;
}
.news-2col .track-list-col7 .track-list-item {
  padding-left: 9px;
  padding-right: 9px;
  width: 110px;
  border-top: none;
}
.news-2col .track-list-col7 .track-list-item .image {
  display: table-cell;
  width: 110px;
  height: 110px;
  text-align: center;
  vertical-align: middle;
  background-color: #dbdbdb;
}
.news-2col .track-list-col7 .track-list-item .image img {
  max-height: 110px;
  max-width: 110px;
}
.news-2col .track-list-col7 .track-list-item .image + .title {
  margin-top: 10px;
}

.news-title {
  display: inline-block;
  font-size: 2rem;
  margin-bottom: 20px;
  font-weight: bold;
}
.news-title + .sub-title {
  color: #828282;
  font-size: 1.4rem;
  line-height: 1;
  display: inline-block;
  margin-left: 15px;
  font-weight: bold;
}

.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down {
  position: relative;
  cursor: pointer;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop {
  position: absolute;
  right: 1px;
  top: 92%;
  border: 1px solid #dcdcdc;
  width: 250px;
  box-sizing: border-box;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li {
  background: #fff;
  text-align: left;
  border-top: 1px solid #dcdcdc;
  box-sizing: border-box;
  font-weight: 700;
  height: 52px;
  display: block;
  padding-left: 0;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li:first-child {
  border-top: none;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a {
  padding: 0 15px;
  box-sizing: border-box;
  display: block;
  line-height: 53px;
  font-size: 14px;
  font-size: 1.4rem;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a:hover {
  text-decoration: underline;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"], .portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"] {
  position: relative;
  padding-left: 25px;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"]:before, .portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"]:before {
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
  top: 50%;
  left: 10px;
  margin-top: -6px;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].music, .portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].music {
  color: #c03;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].music:before, .portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].music:before {
  color: #c03;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].comic, .portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].comic {
  color: #ff8000;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].comic:before, .portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].comic:before {
  color: #ff8000;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].book, .portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].book {
  color: #39c;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].book:before, .portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].book:before {
  color: #39c;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li .badge {
  top: 15px;
  right: 15px;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=100);
  top: 80%;
  visibility: hidden;
  overflow: hidden;
}
.portal-news #header .row-02.news .menu-login.news > ul > li.drop-down:hover > ul.drop {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 92%;
  visibility: visible;
  overflow: visible;
  z-index: 105;
}
.portal-news #header .row-02.news .menu-login.news > ul > li > .btn.store.cart:after {
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -117px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
}

.music-news [class^="mti-icon-"]:before, .music-news [class*=" mti-icon-"]:before {
  color: #c03;
}
.music-news .sidebar.sidebar_left .sidebar-title,
.music-news .sidebar .sidebar-title,
.music-news .mod-heading-01,
.music-news .mod-heading-sidebar-01 {
  border-top-color: #c03 !important;
}
.music-news #category-menu #sidebar-category-menu a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -225px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.music-news .sidebar .sidebar-title .text.ranking span:before,
.music-news .sidebar .sidebar-title .text.ranking a:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 22px;
  background-position: 0 -2131px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.music-news #subsidiary-contents .routeLink a:before,
.music-news #subsidiary-contents .menu-top a:before,
.music-news .mod-link.link-arrow:after,
.music-news .mod-news-textlink ul > li a:before,
.music-news .mod-heading-sidebar-01 a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -634px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.music-news .mod-link.link-down:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -225px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.music-news .mod-news-story .sub-title {
  border-bottom-color: #c03 !important;
  color: #c03 !important;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down {
  position: relative;
  cursor: pointer;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop {
  position: absolute;
  right: 1px;
  top: 92%;
  border: 1px solid #dcdcdc;
  width: 250px;
  box-sizing: border-box;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li {
  background: #fff;
  text-align: left;
  border-top: 1px solid #dcdcdc;
  box-sizing: border-box;
  font-weight: 700;
  height: 52px;
  display: block;
  padding-left: 0;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li:first-child {
  border-top: none;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a {
  padding: 0 15px;
  box-sizing: border-box;
  display: block;
  line-height: 53px;
  font-size: 14px;
  font-size: 1.4rem;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a:hover {
  text-decoration: underline;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"], .music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"] {
  position: relative;
  padding-left: 25px;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"]:before, .music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"]:before {
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
  top: 50%;
  left: 10px;
  margin-top: -6px;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].music, .music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].music {
  color: #c03;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].music:before, .music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].music:before {
  color: #c03;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].comic, .music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].comic {
  color: #ff8000;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].comic:before, .music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].comic:before {
  color: #ff8000;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].book, .music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].book {
  color: #39c;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].book:before, .music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].book:before {
  color: #39c;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li .badge {
  top: 15px;
  right: 15px;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=100);
  top: 80%;
  visibility: hidden;
  overflow: hidden;
}
.music-news #header .row-02.news .menu-login.news > ul > li.drop-down:hover > ul.drop {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 92%;
  visibility: visible;
  overflow: visible;
  z-index: 105;
}
.music-news #header .row-02.news .menu-login.news > ul > li > .btn.store.cart:after {
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -225px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
}

.manga-news [class^="mti-icon-"]:before, .manga-news [class*=" mti-icon-"]:before {
  color: #ff8000;
}
.manga-news .sidebar.sidebar_left .sidebar-title,
.manga-news .sidebar .sidebar-title,
.manga-news .mod-heading-01,
.manga-news .mod-heading-sidebar-01 {
  border-top-color: #ff8000 !important;
}
.manga-news #category-menu #sidebar-category-menu a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -189px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.manga-news .sidebar .sidebar-title .text.ranking span:before,
.manga-news .sidebar .sidebar-title .text.ranking a:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 22px;
  background-position: 0 -2079px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.manga-news #subsidiary-contents .routeLink a:before,
.manga-news #subsidiary-contents .menu-top a:before,
.manga-news .mod-link.link-arrow:after,
.manga-news .mod-news-textlink ul > li a:before,
.manga-news .mod-heading-sidebar-01 a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -595px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.manga-news .mod-link.link-down:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -189px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.manga-news .mod-news-story .sub-title {
  border-bottom-color: #ff8000 !important;
  color: #ff8000 !important;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down {
  position: relative;
  cursor: pointer;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop {
  position: absolute;
  right: 1px;
  top: 92%;
  border: 1px solid #dcdcdc;
  width: 250px;
  box-sizing: border-box;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li {
  background: #fff;
  text-align: left;
  border-top: 1px solid #dcdcdc;
  box-sizing: border-box;
  font-weight: 700;
  height: 52px;
  display: block;
  padding-left: 0;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li:first-child {
  border-top: none;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a {
  padding: 0 15px;
  box-sizing: border-box;
  display: block;
  line-height: 53px;
  font-size: 14px;
  font-size: 1.4rem;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a:hover {
  text-decoration: underline;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"], .manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"] {
  position: relative;
  padding-left: 25px;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"]:before, .manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"]:before {
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
  top: 50%;
  left: 10px;
  margin-top: -6px;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].music, .manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].music {
  color: #c03;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].music:before, .manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].music:before {
  color: #c03;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].comic, .manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].comic {
  color: #ff8000;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].comic:before, .manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].comic:before {
  color: #ff8000;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].book, .manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].book {
  color: #39c;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].book:before, .manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].book:before {
  color: #39c;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li .badge {
  top: 15px;
  right: 15px;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=100);
  top: 80%;
  visibility: hidden;
  overflow: hidden;
}
.manga-news #header .row-02.news .menu-login.news > ul > li.drop-down:hover > ul.drop {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 92%;
  visibility: visible;
  overflow: visible;
  z-index: 105;
}
.manga-news #header .row-02.news .menu-login.news > ul > li > .btn.store.cart:after {
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -189px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
}

.book-news [class^="mti-icon-"]:before, .book-news [class*=" mti-icon-"]:before {
  color: #39c;
}
.book-news .sidebar.sidebar_left .sidebar-title,
.book-news .sidebar .sidebar-title,
.book-news .mod-heading-01,
.book-news .mod-heading-sidebar-01 {
  border-top-color: #39c !important;
}
.book-news #category-menu #sidebar-category-menu a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -81px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.book-news .sidebar .sidebar-title .text.ranking span:before,
.book-news .sidebar .sidebar-title .text.ranking a:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 22px;
  background-position: 0 -1975px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.book-news #subsidiary-contents .routeLink a:before,
.book-news #subsidiary-contents .menu-top a:before,
.book-news .mod-link.link-arrow:after,
.book-news .mod-news-textlink ul > li a:before,
.book-news .mod-heading-sidebar-01 a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -412px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.book-news .mod-link.link-down:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -81px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.book-news .mod-news-story .sub-title {
  border-bottom-color: #39c !important;
  color: #39c !important;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down {
  position: relative;
  cursor: pointer;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop {
  position: absolute;
  right: 1px;
  top: 92%;
  border: 1px solid #dcdcdc;
  width: 250px;
  box-sizing: border-box;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li {
  background: #fff;
  text-align: left;
  border-top: 1px solid #dcdcdc;
  box-sizing: border-box;
  font-weight: 700;
  height: 52px;
  display: block;
  padding-left: 0;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li:first-child {
  border-top: none;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a {
  padding: 0 15px;
  box-sizing: border-box;
  display: block;
  line-height: 53px;
  font-size: 14px;
  font-size: 1.4rem;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a:hover {
  text-decoration: underline;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"], .book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"] {
  position: relative;
  padding-left: 25px;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"]:before, .book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"]:before {
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
  top: 50%;
  left: 10px;
  margin-top: -6px;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].music, .book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].music {
  color: #c03;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].music:before, .book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].music:before {
  color: #c03;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].comic, .book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].comic {
  color: #ff8000;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].comic:before, .book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].comic:before {
  color: #ff8000;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].book, .book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].book {
  color: #39c;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].book:before, .book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].book:before {
  color: #39c;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li .badge {
  top: 15px;
  right: 15px;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=100);
  top: 80%;
  visibility: hidden;
  overflow: hidden;
}
.book-news #header .row-02.news .menu-login.news > ul > li.drop-down:hover > ul.drop {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 92%;
  visibility: visible;
  overflow: visible;
  z-index: 105;
}
.book-news #header .row-02.news .menu-login.news > ul > li > .btn.store.cart:after {
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -81px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
}

.media-news [class^="mti-icon-"]:before, .media-news [class*=" mti-icon-"]:before {
  color: #66bc40;
}
.media-news .sidebar.sidebar_left .sidebar-title,
.media-news .sidebar .sidebar-title,
.media-news .mod-heading-01,
.media-news .mod-heading-sidebar-01 {
  border-top-color: #66bc40 !important;
}
.media-news #category-menu #sidebar-category-menu a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -153px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.media-news .sidebar .sidebar-title .text.ranking span:before,
.media-news .sidebar .sidebar-title .text.ranking a:before {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 22px;
  background-position: 0 -2027px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.media-news #subsidiary-contents .routeLink a:before,
.media-news #subsidiary-contents .menu-top a:before,
.media-news .mod-link.link-arrow:after,
.media-news .mod-news-textlink ul > li a:before,
.media-news .mod-heading-sidebar-01 a:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -556px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.media-news .mod-link.link-down:after {
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -153px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.media-news .mod-news-story .sub-title {
  border-bottom-color: #66bc40 !important;
  color: #66bc40 !important;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down {
  position: relative;
  cursor: pointer;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop {
  position: absolute;
  right: 1px;
  top: 92%;
  border: 1px solid #dcdcdc;
  width: 250px;
  box-sizing: border-box;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li {
  background: #fff;
  text-align: left;
  border-top: 1px solid #dcdcdc;
  box-sizing: border-box;
  font-weight: 700;
  height: 52px;
  display: block;
  padding-left: 0;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li:first-child {
  border-top: none;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a {
  padding: 0 15px;
  box-sizing: border-box;
  display: block;
  line-height: 53px;
  font-size: 14px;
  font-size: 1.4rem;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a:hover {
  text-decoration: underline;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"], .media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"] {
  position: relative;
  padding-left: 25px;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"]:before, .media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"]:before {
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
  top: 50%;
  left: 10px;
  margin-top: -6px;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].music, .media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].music {
  color: #c03;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].music:before, .media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].music:before {
  color: #c03;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].comic, .media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].comic {
  color: #ff8000;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].comic:before, .media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].comic:before {
  color: #ff8000;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].book, .media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].book {
  color: #39c;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class^="mti-icon-"].book:before, .media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li a[class*=" mti-icon-"].book:before {
  color: #39c;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop > li .badge {
  top: 15px;
  right: 15px;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down > ul.drop {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=100);
  top: 80%;
  visibility: hidden;
  overflow: hidden;
}
.media-news #header .row-02.news .menu-login.news > ul > li.drop-down:hover > ul.drop {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 92%;
  visibility: visible;
  overflow: visible;
  z-index: 105;
}
.media-news #header .row-02.news .menu-login.news > ul > li > .btn.store.cart:after {
  content: "";
  background-image: url('../img/common/sprite-02-s6f9b8f1199.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -153px;
  -moz-background-size: 100px 3431px;
  -o-background-size: 100px 3431px;
  -webkit-background-size: 100px 3431px;
  background-size: 100px 3431px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
}

.mod-pickup {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.mod-pickup .pickup-item {
  *zoom: 1;
  display: table-cell;
  border-right: 1px solid #dcdcdc;
  box-sizing: border-box;
  padding: 10px;
}
.mod-pickup .pickup-item:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-pickup .pickup-item a {
  display: block;
}
.mod-pickup .pickup-item a:hover img {
  opacity: 0.7;
}
.mod-pickup .pickup-item .image {
  float: left;
  width: 200px;
  height: 200px;
}
.mod-pickup .pickup-item .image img {
  max-height: 100%;
  max-height: 100%;
}
.mod-pickup .pickup-item .title, .mod-pickup .pickup-item .comment, .mod-pickup .pickup-item .view, .mod-pickup .pickup-item .time, .mod-pickup .pickup-item .tag-list, .mod-pickup .pickup-item .linked-info, .mod-pickup .pickup-item .copyright {
  margin-left: 210px;
}
.mod-pickup .pickup-item .linked-info span {
  margin-left: 0;
}
.mod-pickup .pickup-item .linked-info span:not(:first-child) {
  margin-left: 15px;
}
.mod-pickup .pickup-item .title {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 15px;
}
.mod-pickup .pickup-item .comment {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 10px;
}
.mod-pickup .pickup-item .view {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
}
.mod-pickup .pickup-item .time {
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
  margin-top: 3px;
}
.mod-pickup .pickup-item .tag-list {
  margin-top: 5px;
}
.mod-pickup .pickup-item .copyright {
  text-align: right;
  margin-top: 5px;
  font-size: 10px;
  font-size: 1rem;
}
.mod-pickup.list-2col .pickup-item:nth-child(2n) {
  border-right: none;
}

.mod-refine-list {
  position: relative;
  margin-bottom: 20px;
}
.mod-refine-list .open-btn {
  position: absolute;
  right: 0;
  top: 26px;
  display: block;
  width: 25px;
  cursor: pointer;
}
.mod-refine-list .open-btn[class^="mti-icon-"]:before, .mod-refine-list .open-btn[class*=" mti-icon-"]:before {
  color: #a4a4a4;
}
.mod-refine-list .refine-list {
  padding-right: 35px;
  box-sizing: border-box;
  max-height: 30px;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-out;
  transition: max-height .5s ease-out;
}
.mod-refine-list .refine-list .mod-genre-icon {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 8px;
  margin-right: 5px;
}
.mod-refine-list .refine-list .mod-genre-icon a {
  padding: 7px 7px;
}
.mod-refine-list .refine-list .mod-genre-icon.music, .mod-refine-list .refine-list .mod-genre-icon.manga, .mod-refine-list .refine-list .mod-genre-icon.book, .mod-refine-list .refine-list .mod-genre-icon.video {
  min-width: 50px;
}
.mod-refine-list .refine-list.open {
  max-height: 180px;
}
.mod-refine-list.select {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 5px;
  margin-bottom: 5px;
  *zoom: 1;
}
.mod-refine-list.select:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.mod-refine-list.select .attr {
  position: relative;
  display: inline-block;
  float: left;
  background: #fff;
  border: 2px solid #000;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  height: 26px;
  line-height: 26px;
  box-sizing: border-box;
  padding: 0 10px;
  margin-right: 8px;
}
.mod-refine-list.select .attr:after, .mod-refine-list.select .attr:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.mod-refine-list.select .attr:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 5px;
  margin-top: -5px;
}
.mod-refine-list.select .attr:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #000000;
  border-width: 7px;
  margin-top: -7px;
}
.mod-refine-list.select .refine-list {
  margin-left: 85px;
  max-height: none;
  padding-right: 0;
  width: 750px;
}
.mod-refine-list.select .refine-list .mod-genre-icon {
  position: relative;
}
.mod-refine-list.select .refine-list .mod-genre-icon a {
  padding-right: 20px;
}
.mod-refine-list.select .refine-list .mod-genre-icon a:after {
  position: absolute;
  content: "×";
  right: 5px;
  top: 6px;
  cursor: pointer;
}
.mod-refine-list.select .refine-list .mod-genre-icon.music, .mod-refine-list.select .refine-list .mod-genre-icon.manga, .mod-refine-list.select .refine-list .mod-genre-icon.book, .mod-refine-list.select .refine-list .mod-genre-icon.video {
  min-width: 65px;
}
.mod-refine-list.select .refine-list .mod-genre-icon.music:after, .mod-refine-list.select .refine-list .mod-genre-icon.manga:after, .mod-refine-list.select .refine-list .mod-genre-icon.book:after, .mod-refine-list.select .refine-list .mod-genre-icon.video:after {
  color: #fff;
}
.mod-refine-list.select .refine-list .mod-genre-icon:hover:after {
  opacity: 0.7;
}
.mod-refine-list .reset {
  position: absolute;
  right: 0;
  bottom: 13px;
}
.strong {
    font-weight: bold;
}