@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;
}

li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

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;
}

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;
}
#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;
}
#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-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 13px;
  width: 10px;
  background-position: 0 -633px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
  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 .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: 228px;
}
#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;
  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-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -274px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 0;
}
#header .search .list .icon-up {
  background-image: url('../img/common/sprite-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -308px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
}
#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: 1;
}
#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: 1em;
  padding-left: 10px;
  width: 100%;
  cursor: pointer;
}
#header .search .safe-search .fm-select-list {
  display: none;
  cursor: pointer;
  font-size: 14px;
  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-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -274px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
}
#header .search .safe-search .icon-up {
  background-image: url('../img/common/sprite-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -308px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
}
#header .menu-login {
  position: absolute;
  top: 0;
  right: 0;
}
#header .menu-login li {
  float: left;
  padding: 10px 0 0 5px;
  vertical-align: top;
}
#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 .btn-01 {
  background: #e64d01;
}
#header .menu-login .btn-01 .icon {
  background-image: url('../img/common/sprite-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 23px;
  background-position: 0 -492px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
}
#header .menu-login .btn-02 {
  background: #d80c18;
}
#header .menu-login .btn-02 .icon {
  background-image: url('../img/common/sprite-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 21px;
  width: 24px;
  background-position: 0 -538px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
}
#header .menu-login .btn-03 {
  background: #6c7e80;
}
#header .menu-login .btn-03 .icon {
  background-image: url('../img/common/sprite-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 17px;
  width: 16px;
  background-position: 0 -445px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
}

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

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

div#gnav {
  width: 100%;
  height: 58px;
  border-top: solid 1px #3b3b37;
  border-bottom: solid 1px #3b3b37;
  background: #666;
  z-index: 8;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTU1MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #555550));
  background: -moz-linear-gradient(top, #666666, #555550);
  background: -webkit-linear-gradient(top, #666666, #555550);
  background: linear-gradient(to bottom, #666666, #555550);
}
div#gnav nav {
  width: 1180px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 100;
}
div#gnav nav ul.grobal {
  padding-top: 9px;
}
div#gnav nav ul.grobal li {
  width: 220px;
  height: 40px;
  float: left;
  margin-right: 10px;
}
div#gnav nav ul.grobal li.gnav05 {
  margin-right: 0;
}
div#gnav nav ul.grobal li a {
  display: block;
  height: 13px;
  padding: 12px;
  color: #fff;
  text-align: center;
  line-height: 1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  font-size: 1.6rem;
  border: solid 1px #3b3b37;
  text-decoration: none;
}
div#gnav nav ul.grobal li a.active, div#gnav nav ul.grobal li a:hover {
  background: #333;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNiM2IzNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #3b3b37));
  background: -moz-linear-gradient(top, #333333, #3b3b37);
  background: -webkit-linear-gradient(top, #333333, #3b3b37);
  background: linear-gradient(to bottom, #333333, #3b3b37);
  border: none;
  height: 15px;
  padding: 13px;
}
div#gnav nav ul.subnav {
  z-index: 10;
  display: none;
  position: absolute;
  padding: 10px 9px 10px 10px;
  width: 200px;
  background-color: #3b3b37;
  *zoom: 1;
}
div#gnav nav ul.subnav:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
div#gnav nav ul.subnav li {
  width: 99px;
  height: 40px;
  margin-right: 1px;
  margin-bottom: 1px;
  float: left;
}
div#gnav nav ul.subnav li:nth-child(even) {
  float: right;
  margin-right: 0;
}
div#gnav nav ul.subnav li a {
  display: block;
  width: 79px;
  padding: 15px 10px;
  height: 9px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #54544f;
  text-decoration: none;
}
div#gnav nav ul.subnav li a:hover {
  background-color: #21211f;
}
div#gnav nav ul.subnav li.detail {
  width: 200px;
}
div#gnav nav ul.subnav li.detail a {
  width: 180px;
}
div#gnav nav ul.subnav01 {
  left: 0;
  top: 58px;
}
div#gnav nav ul.subnav02 {
  left: 231px;
  top: 58px;
}
div#gnav nav ul.subnav03 {
  left: 461px;
  top: 58px;
}
div#gnav nav ul.subnav04 {
  left: 692px;
  top: 58px;
}
div#gnav nav ul.subnav05 {
  left: 922px;
  top: 58px;
}

#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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -304px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -304px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 20px;
  width: 28px;
  background-position: 0 -777px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
}
#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-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 70px;
  width: 84px;
  background-position: 0 0;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
}
#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, .sidebar .contents-banner {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
}
.sidebar .banner a, .sidebar .contents-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, .sidebar .contents-banner a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.sidebar .banner.shadow, .sidebar .contents-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, .sidebar .contents-banner img {
  width: 100%;
  height: auto;
}
.sidebar .contents-banner {
  box-sizing: border-box;
  text-align: left;
  -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);
  *zoom: 1;
}
.sidebar .contents-banner .image {
  float: left;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: -1px;
  overflow: hidden;
}
.sidebar .contents-banner .image img {
  max-width: 95px;
  max-height: 133px;
}
.sidebar .contents-banner .title, .sidebar .contents-banner .text {
  margin-left: 105px;
  margin-right: 10px;
}
.sidebar .contents-banner .title {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  padding-top: 10px;
}
.sidebar .contents-banner .text {
  font-size: 12px;
  font-size: 1.2rem;
  padding-bottom: 10px;
  display: block;
}
.sidebar .contents-banner:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.sidebar.sidebar_left .sidebar-title {
  background: #f5f4ed;
  border-bottom: solid 1px #dcdcdc;
}
.sidebar .sidebar-item {
  margin-bottom: 20px;
  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);
}
.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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -304px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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 .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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -304px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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 {
  font-size: 12px;
  font-size: 1.2rem;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -304px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-title {
  position: relative;
  border-top: solid 5px #39c;
  border-bottom: solid 1px #dcdcdc;
  font-weight: bold;
}
.sidebar .sidebar-title a {
  position: relative;
  color: #000;
}
.sidebar .sidebar-title a:hover {
  color: #d80c18;
}
.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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 22px;
  background-position: 0 -1821px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 22px;
  height: 22px;
  background-position: 0 -1485px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -1973px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-title .text a > span {
  padding: 0;
}
.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: 10px;
  font-size: 1rem;
}
.sidebar .sidebar-list li .list-title {
  font-weight: bold;
}
.sidebar .sidebar-list li a {
  color: #000;
}
.sidebar .sidebar-list li a:hover {
  color: #d80c18;
}
.sidebar .sidebar-list li a > span {
  padding: 0;
}
.sidebar .sidebar-list li a, .sidebar .sidebar-list li span {
  display: block;
  line-height: 1.2;
  padding: 9px 20px 9px 20px;
  position: relative;
}
.sidebar .sidebar-list li a.current, .sidebar .sidebar-list li span.current {
  background: gray;
  color: #fff;
}
.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.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:first-child {
  border-top: none;
}
.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: 80px;
  text-align: center;
  margin: 0 10px 10px 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;
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 5px;
}
.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;
  height: 30px;
  margin: 0;
  margin-right: 10px;
  text-align: center;
}
.sidebar .sidebar-index-list .index-list-item .review-area .content {
  float: right;
  width: 190px;
}
.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 .title {
  font-size: 16px;
  font-size: 1.6rem;
}
.sidebar .sidebar-info-box .info-box-heading .info-box-image {
  float: left;
  width: 50px;
}
.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-action-btn {
  margin: 0 0 20px;
}
.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 #39c;
  border-bottom: solid 1px #dcdcdc;
  padding: 5px 0;
}
.sidebar .sidebar-image-list ul {
  *zoom: 1;
  margin-top: -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-top: 1px solid #dcdcdc;
  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: solid 1px #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-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 54px;
  width: 250px;
  background-position: 0 -100px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
}

#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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -81px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 9px;
  height: 5px;
  background-position: 0 -269px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 9px;
  height: 5px;
  background-position: 0 -269px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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: 15px;
  right: 10px;
}
#category-menu #sidebar-category-menu-item .sidebar-list .submenu-body a:after {
  left: 10px;
}
#category-menu #sidebar-category-menu-item .sidebar-list .submenu-body-title a:after {
  top: 23px;
}
#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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -526px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -487px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -304px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -448px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

#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;
}
#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;
}
[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: #39c;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.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";
}

.mod-heading-01 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  border-top: 5px solid #39c;
  border-bottom: 1px solid #dcdcdc;
  padding: 10px 5px;
  background: #fff;
  position: relative;
}
.mod-heading-01 .heading-date {
  position: absolute;
  right: 5px;
  top: 13px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}

.mod-heading-02 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  border-top: 2px solid #39c;
  padding: 8px 10px;
  background: #fff;
}

.mod-heading-05 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  border-bottom: 5px solid #39c;
  background: #fff;
  position: relative;
  margin-bottom: 20px;
}
.mod-heading-05.right-column {
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-heading-05 a {
  color: #000;
}
.mod-heading-05 a:hover {
  color: #d80c18;
}
.mod-heading-05 a, .mod-heading-05 span {
  display: block;
  padding: 8px 5px;
}
.mod-heading-05 a.pickup, .mod-heading-05 span.pickup {
  padding-left: 28px;
}
.mod-heading-05 a.pickup:before, .mod-heading-05 span.pickup:before {
  position: absolute;
  left: 0;
  top: 6px;
  background-image: url('../img/common/sprite-02-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -1581px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  content: "";
}

.mod-heading-sidebar-01 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  border-top: 5px solid #39c;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -304px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-grid {
  margin-right: -20px;
  *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-right: 20px;
}
.mod-grid.grid-2 .grid {
  width: 314px;
}
.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;
}

a.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;
}
a.mod-btn:hover,
button.mod-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
a.mod-btn:hover,
button.mod-btn:hover {
  color: #000;
}
a.mod-btn span,
button.mod-btn span {
  position: relative;
}
a.mod-btn span[class^="mti-icon-"], a.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,
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.btn-default,
button.mod-btn.btn-default {
  background: #dcdcdc;
  color: #000;
}
a.mod-btn.btn-primary,
button.mod-btn.btn-primary {
  background: #e64d00;
  color: #fff;
}
a.mod-btn.btn-primary-02,
button.mod-btn.btn-primary-02 {
  background: #cc0033;
  color: #fff;
}
a.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,
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,
button.mod-btn.btn-small {
  font-size: 9px;
  font-size: 0.9rem;
  padding: 5px 3px 4px;
}
a.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-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,
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-width-fix-01,
button.mod-btn.btn-width-fix-01 {
  width: 200px;
  text-align: center;
}
a.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,
button.mod-btn.btn-width-fix-03 {
  width: 115px;
  text-align: center;
}
a.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-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,
button.mod-btn.btn-premium:before {
  position: absolute;
  top: 2px;
  left: 15px;
  background-image: url('../img/common/sprite-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 21px;
  width: 24px;
  background-position: 0 -538px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
  content: "";
}
a.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,
button.mod-btn.btn-freemember:before {
  position: absolute;
  top: 8px;
  left: 15px;
  background-image: url('../img/common/sprite-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 23px;
  background-position: 0 -492px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
  content: "";
}
a.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,
button.mod-btn.btn-login:before {
  position: absolute;
  top: 8px;
  left: 15px;
  background-image: url('../img/common/sprite-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 17px;
  width: 16px;
  background-position: 0 -445px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
  content: "";
}
a.mod-btn.btn-favorite, a.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,
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,
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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 15px;
  height: 15px;
  background-position: 0 -1395px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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,
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,
button.mod-btn.btn-favorite.active:before,
button.mod-btn.btn-reference.active:before {
  background-image: url('../img/common/sprite-02-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 15px;
  height: 15px;
  background-position: 0 -1440px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
a.mod-btn.btn-reference:before,
button.mod-btn.btn-reference:before {
  top: 3px;
  background-image: url('../img/common/sprite-02-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 13px;
  height: 12px;
  background-position: 0 -980px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
a.mod-btn.btn-reference.active:before,
button.mod-btn.btn-reference.active:before {
  background-image: url('../img/common/sprite-02-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 13px;
  height: 12px;
  background-position: 0 -1022px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
a.mod-btn.btn-active,
button.mod-btn.btn-active {
  background: gray;
  color: #fff;
}
a.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-left: 5px;
}
.mod-btn-group .btn-medium.group-last {
  margin-right: 0;
}

.mod-link {
  position: relative;
  padding-right: 13px;
  font-weight: bold;
}
.mod-link:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
}
.mod-link.link-arrow:after {
  background-image: url('../img/common/sprite-02-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -304px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  margin-top: -5px;
}
.mod-link.link-down:after {
  background-image: url('../img/common/sprite-02-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -81px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 6px;
  background-position: 0 -565px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  margin-top: -3px;
}

.mod-form .form-error {
  font-size: 10px;
  font-size: 1rem;
  color: #d80c18;
  font-weight: bold;
  margin: 5px 0;
}
.mod-form .form-textarea {
  width: 100%;
  height: 100px;
  border: 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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
  background-position: 0 -888px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
  background-position: 0 -934px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  background-position: 0 -1675px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  background-position: 0 -1723px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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: 2px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mod-form .form-text.text-01 {
  width: 35px;
}
.mod-form .form-select {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.mod-form .form-select .fm-select-list {
  cursor: pointer;
  font-size: 12px;
  margin: 0;
  padding: 0;
  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;
}
.mod-form .form-select .fm-select-list p + p {
  border: 1px solid #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;
  padding: 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;
  box-shadow: 0 2px #b0b0b0;
  border-radius: 0 3px 3px 0;
  background: #dcdcdc;
  position: absolute;
  top: 50%;
  right: -15px;
}
.mod-form .form-select .icon {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  background-image: url('../img/common/sprite-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -274px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
}
.mod-form .form-select .icon-up {
  background-image: url('../img/common/sprite-sb447c6526e.png');
  background-repeat: no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -308px;
  -moz-background-size: 250px 797px;
  -o-background-size: 250px 797px;
  -webkit-background-size: 250px 797px;
  background-size: 250px 797px;
}
.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-text .text {
  margin-top: 10px;
}
.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-strong {
  color: #d80c18;
}
.mod-text .text-list.list-normal li {
  list-style: disc inside;
}
.mod-text .text-list.list-inline li {
  display: inline-block;
  padding-right: 5px;
}

.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 td {
  background: #fff;
}
.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.table-fixed-01 {
  width: 440px;
}
.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 th {
  text-align: center;
}
.mod-table.table-device .device-iphone .icon,
.mod-table.table-device .device-ipad .icon {
  background-image: url('../img/common/sprite-02-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1199px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1150px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1346px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1297px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 17px;
  height: 19px;
  background-position: 0 -1248px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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 .recommend th {
  background: #e64d00;
  color: #fff;
}
.mod-table.table-course .recommend td.bg {
  background: #faede6;
}

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

.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: #9a9a9a;
}
.mod-ranking-icon .num.num-3 {
  background: #997f2b;
}
.mod-ranking-icon .transition.transition-up {
  background-image: url('../img/common/sprite-02-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -1923px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -1873px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 -1771px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  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;
  padding: 2px 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;
  font-size: 10px;
  font-size: 1rem;
}
.mod-genre-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-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 {
  min-width: 40px;
  box-sizing: border-box;
  text-align: center;
}
.mod-genre-icon.music a, .mod-genre-icon.manga a, .mod-genre-icon.book a, .mod-genre-icon.video a {
  color: #fff;
}
.mod-genre-icon.music {
  background: #c03;
}
.mod-genre-icon.manga {
  background: #ff8000;
}
.mod-genre-icon.book {
  background: #39c;
}
.mod-genre-icon.video {
  background: #66bc40;
}
.mod-genre-icon.red {
  background: #d80c18;
  color: white;
}
.mod-genre-icon.red a {
  color: white;
}

.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-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 {
  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-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 .content {
  min-height: 78px;
}
.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-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: 7px;
}
.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;
}

.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-link-list .link-title a,
.mod-link-list .link-list-item a {
  position: relative;
}
.mod-link-list .link-title a:before,
.mod-link-list .link-list-item a:before {
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url('../img/common/sprite-02-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 5px;
  height: 9px;
  background-position: 0 -304px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  content: "";
}
.mod-link-list .link-title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 1px solid #dcdcdc;
}
.mod-link-list .link-title a {
  display: table-cell;
  padding: 0 0 5px 10px;
  height: 30px;
  vertical-align: middle;
}
.mod-link-list .link-title a:before {
  margin-top: -9px;
}
.mod-link-list .link-list-item a {
  display: block;
  padding: 15px 10px 0 25px;
}
.mod-link-list .link-list-item a:before {
  left: 10px;
}

.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;
  border-top: 1px solid #dcdcdc;
  margin-top: -1px;
}
.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-image-list .ui-sortable-helper {
  border: 1px solid #b0b0b0;
  background: white;
}
.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;
  background: #ccc;
}
.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;
}
.mod-image-list .image-list-item .title {
  font-weight: bold;
}
.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 .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 {
  margin-top: 10px;
  font-size: 10px;
  font-size: 1rem;
}
.mod-image-list .image-list-item .magazine {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mod-image-list .image-list-item .magazine a {
  padding-right: 20px;
  position: relative;
}
.mod-image-list .image-list-item .magazine a:before {
  content: "";
  margin-right: 5px;
  vertical-align: middle;
}
.mod-image-list .image-list-item .text {
  color: #333;
}
.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: gray;
  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 .series {
  padding-left: 15px;
  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 .text {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 10px;
  font-size: 1rem;
}
.mod-image-list .image-list-item .view {
  font-size: 10px;
  font-size: 1rem;
}
.mod-image-list .image-list-item .time {
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
  margin-top: 3px;
}
.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 .copyright {
  text-align: right;
  margin-top: 5px;
  font-size: 10px;
  font-size: 1rem;
}
.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 .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 .view,
.mod-image-list .image-list-item .time,
.mod-image-list .image-list-item .tag-list,
.mod-image-list .image-list-item .copyright {
  margin-left: 90px;
}
.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 .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 .copyright {
  margin-left: 90px;
}
.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 .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 .copyright {
  margin-left: 160px;
}
.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 .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 .linked-info,
.mod-image-list .image-list-item.item-size-05 .copyright {
  margin-left: 120px;
}
.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 {
  left: 40px;
}
.mod-image-list.image-list-ranking .image-list-item .ranking {
  position: absolute;
  top: 0;
  left: 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 .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 {
  margin-left: 135px;
}
.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 .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 {
  margin-left: 205px;
}
.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 .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 {
  margin-left: 165px;
}
.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-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 {
  margin-bottom: 10px;
}
.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: 10px 10px 20px;
  border-bottom: 1px solid #dcdcdc;
}
.mod-edit .edit-btn {
  margin-bottom: 10px;
}
.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;
}
.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;
}
.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;
}
.mod-tab-box.tab-box-side .tab-box-item a {
  padding: 5px 10px;
}
.mod-tab-box.tab-box-side .on a {
  padding-bottom: 7px;
}

.mod-more {
  margin-bottom: 0;
  position: relative;
  line-height: 1;
  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-review .point-incentive {
  margin-bottom: 6px;
  font-weight: bold;
  text-align: center;
}
.mod-review .point-incentive span {
  font-style: normal;
}
.mod-review .point-incentive:before, .mod-review .point-incentive:after {
  margin: 0 5px 0 0;
  content: "/";
  display: inline-block;
  font-size: 2rem;
  font-weight: normal;
}
.mod-review .point-incentive:before {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.mod-review .point-incentive:after {
  margin: 0 0 0 5px;
}

.mod-info-box {
  padding: 15px 18px;
  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 .title span {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  line-height: 1;
  margin-bottom: 7px;
  font-weight: normal;
}
.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-title span {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  line-height: 1;
  margin-bottom: 7px;
  font-weight: normal;
}
.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: gray;
  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;
  height: 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 #ccc;
}
.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 #ccc;
}
.mod-info-box .info-box-lyrics-inner .info-box-subtitle {
  margin-bottom: 1em;
}
.mod-info-box .info-box-works {
  overflow: hidden;
  border: solid 1px #ccc;
  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: #ccc;
  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-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 #ccc;
}
.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;
  display: inline-block;
}
.mod-info-box .info-box-paging table .image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.mod-general-box {
  *zoom: 1;
  margin-top: -1px;
  overflow: hidden;
  width: 668px;
}
.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;
}
.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;
  top: -1px;
}
.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.mod-feature > .mod-sns-list:first-child {
  float: right;
}
#content.mod-feature > main {
  clear: both;
}

.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 figure {
  width: 80px;
  height: 80px;
}
.mod-news-list.news-list-2col > li .image a figure img {
  max-height: 80px;
  max-width: 80px;
}
.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: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 10px;
  font-weight: bold;
}
.mod-news-list > li .info .text {
  font-size: 1rem;
  line-height: 1.4rem;
  margin-bottom: 10px;
}
.mod-news-list > li .info .time {
  font-size: 1rem;
  line-height: 1rem;
  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 {
  display: table-cell;
  width: 110px;
  height: 110px;
  text-align: center;
  vertical-align: middle;
  background-color: #dbdbdb;
}
.mod-news-list > li .image a figure img {
  max-height: 110px;
  max-width: 110px;
}
.mod-news-list > li .image a figure:hover img {
  opacity: 0.6;
  background: #fff;
}

.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-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 {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1rem;
  line-height: 1;
}
.mod-news-sidebar li:first-child {
  border-top: none;
}
.yahoo-news .mod-news-sidebar ul {
  background-color: #f8f9fe;
}
.yahoo-news .mod-news-sidebar li {
  position: relative;
  display: block;
  height: 93px;
  box-sizing: border-box;
  padding: 13px 10px;
  border: none;
  border-bottom: 1px solid #dcdcdc;
}
.yahoo-news .mod-news-sidebar li:before {
  position: absolute;
  top: 14px;
  left: 10px;
  content: "〉";
}
.yahoo-news .mod-news-sidebar li:last-child {
  border: none;
}
.yahoo-news .mod-news-sidebar li p, .yahoo-news .mod-news-sidebar li .title, .yahoo-news .mod-news-sidebar li .info, .yahoo-news .mod-news-sidebar li .url {
  margin-left: 15px;
}
.yahoo-news .mod-news-sidebar li p {
  line-height: 1.7;
}
.yahoo-news .mod-news-sidebar li .title {
  font-size: 1.2rem;
  font-weight: bold;
}
.yahoo-news .mod-news-sidebar li .info, .yahoo-news .mod-news-sidebar li .url {
  font-size: 1rem;
}

.yahoo-news {
  position: relative;
  margin-bottom: 35px !important;
}
.yahoo-news .yahoo-caption {
  position: absolute;
  bottom: -15px;
  left: 0;
  font-size: 1rem;
  line-height: 1;
}

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;
}

* 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 .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;
}
.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: #39c;
  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;
}
.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;
}
.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;
}
.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;
}
.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: #39c;
  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 .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;
}

* html #modalContents {
  position: absolute;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * https://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * https://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * https://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: #6c6c6c;
}
.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 > ul {
  width: 668px;
  overflow: hidden;
}

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

.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 #39c;
  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;
}

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

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

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

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

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

.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;
}

.fnt38 {
  font-size: 38px;
  font-size: 3.8rem;
}

.fnt40 {
  font-size: 40px;
  font-size: 4rem;
}

.fnt42 {
  font-size: 42px;
  font-size: 4.2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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-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-m-0 {
  margin: 0 !important;
}

.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-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-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-p-0 {
  padding: 0 !important;
}

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

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

.japanese-syllabary {
  *zoom: 1;
}
.japanese-syllabary:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.japanese-syllabary .japanese-syllabary-list {
  margin-top: 10px;
}
.japanese-syllabary .japanese-syllabary-list ul {
  width: 400px;
  *zoom: 1;
}
.japanese-syllabary .japanese-syllabary-list ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.japanese-syllabary .japanese-syllabary-list ul.list-01 {
  float: left;
}
.japanese-syllabary .japanese-syllabary-list ul.list-02 {
  float: right;
}
.japanese-syllabary .japanese-syllabary-list li {
  float: left;
  width: 78px;
  height: 60px;
  text-align: center;
  position: relative;
}
.japanese-syllabary .japanese-syllabary-list li .btn-main {
  padding: 12px 25px;
  position: relative;
}
.japanese-syllabary .japanese-syllabary-list li .btn-sub {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
  position: relative;
}
.japanese-syllabary .japanese-syllabary-list li .btn-sub .text {
  position: absolute;
  bottom: 4px;
  right: 4px;
  font-size: 14px;
  font-size: 1.4rem;
}
.japanese-syllabary .japanese-syllabary-list li .btn-sub .text2 {
  position: absolute;
  top: 4px;
  left: 4px;
  font-size: 10px;
  font-size: 1rem;
  color: #767676;
}
.japanese-syllabary .japanese-syllabary-second-list {
  display: none;
  -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);
  position: absolute;
  z-index: 10;
  top: 50px;
  left: 0;
  border: 1px solid #dcdcdc;
  padding: 15px 0 0 15px;
  background: #fff;
  width: 841px;
  z-index: 100;
  text-align: left;
  *zoom: 1;
}
.japanese-syllabary .japanese-syllabary-second-list:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.japanese-syllabary .japanese-syllabary-second-list.active {
  display: block;
}
.japanese-syllabary .japanese-syllabary-second-list:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 28px;
  background-image: url('../img/common/sprite-02-s66833b29c7.png');
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 10px;
  height: 10px;
  background-position: 0 -757px;
  -moz-background-size: 22px 2042px;
  -o-background-size: 22px 2042px;
  -webkit-background-size: 22px 2042px;
  background-size: 22px 2042px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  z-index: 20;
}
.japanese-syllabary .japanese-syllabary-second-list p {
  margin-bottom: 10px;
}
.japanese-syllabary .japanese-syllabary-second-list ul {
  float: left;
  width: 210px;
}
.japanese-syllabary .japanese-syllabary-second-list li {
  width: 38px;
  height: 47px;
  text-align: left;
}
.japanese-syllabary .japanese-syllabary-second-list .link {
  position: absolute;
  bottom: 5px;
  right: 15px;
}
.japanese-syllabary .japanese-syllabary-result li {
  padding: 5px;
}
.japanese-syllabary .japanese-syllabary-result li:nth-child(even), .japanese-syllabary .japanese-syllabary-result li.even {
  background: #f7f7f7;
}

.japanese-syllabary .list-01 .index1 .japanese-syllabary-second-list {
  left: 5px;
}
.japanese-syllabary .list-01 .index1 .japanese-syllabary-second-list:before {
  left: 28px;
}
.japanese-syllabary .list-02 .index1 .japanese-syllabary-second-list {
  left: -473px;
}
.japanese-syllabary .list-02 .index1 .japanese-syllabary-second-list:before {
  left: 506px;
}
.japanese-syllabary .list-01 .index2 .japanese-syllabary-second-list {
  left: -73px;
}
.japanese-syllabary .list-01 .index2 .japanese-syllabary-second-list:before {
  left: 106px;
}
.japanese-syllabary .list-02 .index2 .japanese-syllabary-second-list {
  left: -551px;
}
.japanese-syllabary .list-02 .index2 .japanese-syllabary-second-list:before {
  left: 584px;
}
.japanese-syllabary .list-01 .index3 .japanese-syllabary-second-list {
  left: -151px;
}
.japanese-syllabary .list-01 .index3 .japanese-syllabary-second-list:before {
  left: 184px;
}
.japanese-syllabary .list-02 .index3 .japanese-syllabary-second-list {
  left: -629px;
}
.japanese-syllabary .list-02 .index3 .japanese-syllabary-second-list:before {
  left: 662px;
}
.japanese-syllabary .list-01 .index4 .japanese-syllabary-second-list {
  left: -229px;
}
.japanese-syllabary .list-01 .index4 .japanese-syllabary-second-list:before {
  left: 262px;
}
.japanese-syllabary .list-02 .index4 .japanese-syllabary-second-list {
  left: -707px;
}
.japanese-syllabary .list-02 .index4 .japanese-syllabary-second-list:before {
  left: 740px;
}
.japanese-syllabary .list-01 .index5 .japanese-syllabary-second-list {
  left: -307px;
}
.japanese-syllabary .list-01 .index5 .japanese-syllabary-second-list:before {
  left: 340px;
}
.japanese-syllabary .list-02 .index5 .japanese-syllabary-second-list {
  left: -785px;
}
.japanese-syllabary .list-02 .index5 .japanese-syllabary-second-list:before {
  left: 818px;
}