@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

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

a img {
  border: none;
}

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

.linkcolor {
  color: #0093ca;
}

.maincolor {
  color: #00ade8;
}

.subcolor {
  color: #4cc5dc;
}

.effcolor {
  color: #fd6597;
}

.effcolor2 {
  color: #8fbf00;
}

.yellow {
  color: yellow;
}

.notice {
  color: #ff3366;
}

.black {
  color: #3c3c3c;
}

html {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  background: #eaeaea;
  height: 100%;
  color: #3c3c3c;
}

body {
  font: 16px/1.231 "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  min-width: 320px;
}

input {
  font: 16px/1.231 "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
  -webkit-text-size-adjust: none;
}

img {
  vertical-align: middle;
}

#content_main {
  background: white;
}

#container {
  min-height: 100%;
  height: auto;
}

* html #container {
  height: 100%;
}

#main {
  position: relative;
}

#main section {
  background-color: white;
}

input, select {
  vertical-align: middle;
}

input[type="submit"], input[type="number"], input[type="search"], select {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="submit"], select, button[type="submit"] {
  cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

select {
  text-indent: .01px;
  text-overflow: "";
}

a {
  color: #0093ca;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #006e97;
}

a > img.jacket_image_l, a > img.jacket_image_m, a > img.jacket_image_s {
  display: block;
}

.clearfix, section, .listbox, ol.toprank, .footmark, .snap-drawers .square, .snap-drawers .rectangle ul {
  *zoom: 1;
}
.clearfix:after, section:after, .listbox:after, ol.toprank:after, .footmark:after, .snap-drawers .square:after, .snap-drawers .rectangle ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

a.jump {
  font-size: 14px;
  font-size: 0.875rem;
  color: #00ade8;
  line-height: 3.42857142857;
  position: relative;
  float: right;
  padding: 0 23px 0 5px;
}
a.jump:hover, a.jump:active, a.jump:focus {
  color: #0087b5;
}
a.jump:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 6px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 3px solid #777777;
  border-right: 3px solid #777777;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.tablet {
  display: none !important;
}

.ipad {
  display: none !important;
}

.pc {
  display: none !important;
}

.not_support_wrap {
  display: block\9;
  width: 100% \9;
  text-align: center\9;
  background: white \9;
  padding-top: 240px;
}

.not_support {
  display: none\9;
}

header {
  background: white;
  overflow: hidden;
}
header a {
  display: block;
}
header img {
  width: 100%;
}
header div.headline {
  color: #00ade8;
  height: 46px;
  border-bottom: 2px solid #00ade8;
  width: 100%;
}
header div.headline .logo {
  width: 88px;
  padding: 12px 8px 10px 2.5%;
  float: left;
}
header div.headline .head_ttl {
  font-size: 10px;
  font-size: 0.625rem;
  color: #00ade8;
  line-height: 1.5;
  padding: 10px 0 6px;
}
header div.headline .head_ttl span {
  display: block;
}
header div.headline .head_ttl h1 {
  width: 85%;
}
header div.headline .head_pt {
  text-align: right;
  margin-right: 50px;
  padding: 1px 10px 1px 0;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  border-right: 1px solid #eaeaea;
  letter-spacing: 1px;
}
header div.headline .head_pt span {
  color: #ff3366;
  font-size: 14px;
  font-size: 0.875rem;
}
header div.head_copy {
  display: none;
}
header div.acuntbox ul.logoutbox {
  width: 100%;
  height: 48px;
  padding: 6px 2.5%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
header div.acuntbox ul.logoutbox li {
  width: 31.578947368%;
  height: 36px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
header div.acuntbox ul.logoutbox li:nth-child(2) {
  margin: 0 2.631578947%;
}
header div.acuntbox ul.logoutbox li a {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 3;
}
header div.acuntbox ul.loginbox {
  overflow: hidden;
  height: 36px;
}
header div.acuntbox ul.loginbox a {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 3;
  color: white;
  color: white;
  background-color: #00ade8;
  text-align: left;
  display: block;
  padding-left: 25px;
  background-image: url(/images/spriteicons_04.png);
  background-repeat: no-repeat;
  -webkit-background-size: 30px auto;
  -moz-background-size: 30px auto;
  background-size: 30px auto;
  background-position: 10px -133px;
}
header div.acuntbox ul.loginbox a:hover, header div.acuntbox ul.loginbox a:active, header div.acuntbox ul.loginbox a:focus {
  color: #e6e6e6;
}
header div.acuntbox ul.loginbox li {
  display: inline-block;
  vertical-align: top;
}
header div.acuntbox ul.loginbox li.my {
  width: 90px;
  border-right: 1px solid #4cc5dc;
}
header div.acuntbox ul.loginbox li.alert {
  width: 115px;
  position: relative;
}
header div.acuntbox ul.loginbox li.alert:before {
  position: absolute;
  border-top: 30px solid #00ade8;
  border-left: 0px solid #00ade8;
  border-right: 15px solid transparent;
  border-bottom: 0px solid transparent;
  content: "";
  height: 0;
  width: 0;
  right: -15px;
  top: 0px;
}
header div.acuntbox ul.loginbox li.alert p.alerts_count {
  color: #ff3366;
  width: 20px;
  height: 20px;
  background-color: #d7f4f9;
  position: absolute;
  top: 5px;
  right: 2px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
}
header div.acuntbox ul.loginbox li.alert p.alerts_count:after {
  position: absolute;
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  top: 6px;
  right: 19px;
  border: 3px solid transparent;
  border-right: 6px solid #d7f4f9;
}
header div.acuntbox ul.loginbox li.pt_crnt {
  float: right;
  font-size: 10px;
  font-size: 0.625rem;
  border: none;
  padding: 3px 2.5% 0 0;
  letter-spacing: 1px;
  line-height: 1.3;
  text-align: right;
}
header div.acuntbox ul.loginbox li.pt_crnt span {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  color: #ff3366;
}
header div.acuntbox ul.loginbox li.pt_cmnt {
  display: none;
}
header .menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
}

div.message_area {
  clear: both;
  background-color: white;
  max-width: 1024px;
  margin: 0px auto;
}
div.message_area p.message, div.message_area p.error {
  color: #ff3366;
  width: 100%;
  margin: 6px 0;
  padding: 6px 3.125%;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 2px;
}

div.notice_specific {
  padding: 12px 3.125%;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}
div.notice_specific a {
  color: #ff3366;
  text-decoration: underline;
}

.search_area {
  padding: 5px 2.5%;
  height: 30px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.search_area form {
  height: 30px;
}

#search_box {
  display: table;
  width: 100%;
  height: 30px;
  background-color: white;
}
#search_box .bookindex_select {
  display: table-cell;
  vertical-align: top;
  width: 85%;
  height: 24px;
  padding: 2px;
  border: 1px solid #dddddd;
}
#search_box .search_gnr {
  width: 100px;
}
#search_box .search_cnt {
  width: 100px;
}
#search_box .bookindex_submit {
  border: none;
  display: table-cell;
  vertical-align: top;
  width: 15%;
  height: 30px;
  background-color: #9d9d9d;
  padding: 0;
  margin: 0;
}
#search_box .bookindex_submit button[type="submit"] {
  background-color: #9d9d9d;
  color: white;
  height: 30px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
}
#search_box input[type="search"] {
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
  padding: 0;
  width: 57%;
  display: inline-block;
  vertical-align: middle;
}
#search_box .target, #search_box .genre_select {
  width: 100%;
  height: 24px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.4;
  padding: 0 5px 0 3px;
  background: #dddddd;
}
#search_box span {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
#search_box span:after {
  position: absolute;
  content: "";
  top: 8px;
  right: 5px;
  z-index: 200;
  border: 5px solid transparent;
  border-top: 8px solid #aaaaaa;
}

.footmenu_sp {
  border-top: 1px solid #dddddd;
  background-color: #eaeaea;
  height: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  letter-spacing: 1px;
}
.footmenu_sp ul.login li {
  width: 20%;
}
.footmenu_sp ul {
  display: table;
  width: 100%;
}
.footmenu_sp ul li {
  width: 25%;
  display: table-cell;
  vertical-align: top;
  text-align: center;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.8;
  letter-spacing: -0.5px;
}
.footmenu_sp ul li a {
  display: block;
  color: #777;
  padding-top: 5px;
  height: 38px;
  position: relative;
}
.footmenu_sp ul p.alerts_count {
  position: absolute;
  color: white;
  padding: 2px;
  top: 1px;
  right: 50%;
  margin-right: -27px;
  background-color: #ff1a53;
  text-align: center;
  min-width: 14px;
  height: 14px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
  border: 1px solid #eaeaea;
}
.footmenu_sp ul span {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  background-size: 20px auto;
}
.footmenu_sp ul .nav_login {
  background-position: 0 -506px;
}
.footmenu_sp ul .nav_register {
  background-position: 0 -484px;
}
.footmenu_sp ul .nav_guide {
  background-position: 0 -616px;
}
.footmenu_sp ul .nav_my {
  background-position: 0 -528px;
}
.footmenu_sp ul .nav_member {
  background-position: 0 -572px;
}
.footmenu_sp ul .nav_bookmark {
  background-position: 0 -550px;
}
.footmenu_sp ul .nav_search {
  background-position: 0 -594px;
}
.footmenu_sp ul .nav_alert {
  background-position: 0 -638px;
}

.mgt12 {
  margin-top: 12px !important;
}

.mgb0 {
  margin-bottom: 0px !important;
}

.mgb6 {
  margin-bottom: 6px !important;
}

.mgb12 {
  margin-bottom: 12px !important;
}

.mgb24 {
  margin-bottom: 24px !important;
}

.mgb36 {
  margin-bottom: 36px !important;
}

.mgb48 {
  margin-bottom: 48px !important;
}

.mgb60 {
  margin-bottom: 60px !important;
}

.pdt12 {
  padding-top: 12px !important;
}

.pdt24 {
  padding-top: 24px !important;
}

.spacer {
  padding: 0 3.125%;
  margin-bottom: 12px;
}

.w_spacer {
  padding: 0 3.125%;
}

.btm_spacer {
  margin-bottom: 12px !important;
}

.none {
  display: none;
}

.cntr {
  text-align: center;
}

.bg_trnsprnt section {
  background-color: transparent !important;
}

a.link_more, a.link_more_one {
  font-size: 12px;
  font-size: 0.75rem;
  color: #00ade8;
  line-height: 1;
  padding: 5px;
  border: 1px solid #00ade8;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  margin: 24px auto;
  display: block;
  width: 180px;
  text-align: center;
}
a.link_more:hover, a.link_more:active, a.link_more:focus, a.link_more_one:hover, a.link_more_one:active, a.link_more_one:focus {
  color: #0087b5;
}

ul.link_more_three {
  width: 300px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  border: 1px solid #00ade8;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  display: table;
  margin: 24px auto;
}
ul.link_more_three li {
  width: 33.3333333333%;
  text-align: center;
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul.link_more_three li span {
  display: block;
}
ul.link_more_three li:nth-child(2) {
  border-right: 1px solid #00ade8;
  border-left: 1px solid #00ade8;
}
ul.link_more_three li a {
  display: block;
  text-align: center;
  padding: 3px 5px;
  color: #00ade8;
}
ul.link_more_three li a:hover, ul.link_more_three li a:active, ul.link_more_three li a:focus {
  color: #0087b5;
}
ul.link_more_three li.selected {
  background-color: #00ade8;
  color: white;
}

.ttl_line, .ttl_line_top {
  color: #00ade8;
  letter-spacing: 2px;
  padding-top: 6px;
  margin-bottom: 12px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2;
}

.ttl_line:after {
  display: block;
  content: "";
  height: 3px;
  background-color: #4cc5dc;
  background: -moz-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00ade8), color-stop(60%, #4cc5dc), color-stop(100%, #8ffce6));
  background: -webkit-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -o-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -ms-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0f0', endColorstr='#8ffce6',GradientType=1 );
}

.ttl_line_top:before {
  display: block;
  content: "";
  height: 3px;
  background-color: #4cc5dc;
  background: -moz-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00ade8), color-stop(60%, #4cc5dc), color-stop(100%, #8ffce6));
  background: -webkit-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -o-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -ms-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0f0', endColorstr='#8ffce6',GradientType=1 );
}

.ttl_main {
  letter-spacing: 2px;
  color: white;
  font-size: 16px;
  font-size: 1rem;
  background-color: #4cc5dc;
  background: -moz-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00ade8), color-stop(60%, #4cc5dc), color-stop(100%, #8ffce6));
  background: -webkit-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -o-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -ms-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0f0', endColorstr='#8ffce6',GradientType=1 );
  line-height: 1.5;
  padding: 6px 3.125%;
  text-align: center;
}

.ttl_sub {
  color: #00ade8;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.875;
  padding-top: 3px;
  overflow: hidden;
}
.ttl_sub h2, .ttl_sub h3 {
  float: left;
  letter-spacing: 2px;
}
.ttl_sub h2.add_pickup span {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
}
.ttl_sub p {
  text-align: right;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
}
.ttl_sub p span {
  color: #ff3366;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.875;
}
.ttl_sub:after {
  clear: both;
  display: block;
  content: "";
  height: 3px;
  background-color: #4cc5dc;
  background: -moz-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00ade8), color-stop(60%, #4cc5dc), color-stop(100%, #8ffce6));
  background: -webkit-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -o-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -ms-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0f0', endColorstr='#8ffce6',GradientType=1 );
}

.ttl_black {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  background-color: #5e5e5e;
  color: white;
  padding: 0 3.125%;
  text-align: center;
}

.ttl_fts {
  background-color: #4cc5dc;
  background: -moz-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00ade8), color-stop(60%, #4cc5dc), color-stop(100%, #8ffce6));
  background: -webkit-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -o-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -ms-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0f0', endColorstr='#8ffce6',GradientType=1 );
  border-bottom: 1px solid #a1e1ed;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5;
  color: white;
  letter-spacing: 1px;
  padding: 0 3.125%;
}

.listbox li {
  float: left;
  background-color: white;
  border: 1px solid #009acf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 24px;
  margin: 0 5px 6px 0;
}
.listbox li a {
  display: block;
  color: #009acf;
  padding: 0 10px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}
.listbox li a:hover, .listbox li a:active, .listbox li a:focus {
  color: #00749c;
}
.listbox li a:hover {
  background: #f7f7f7;
}

a.triangle {
  text-decoration: underline;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 2px 0 1px;
}
a.triangle:before {
  content: "▼";
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  top: 3px;
  left: -12px;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  text-decoration: none;
}

.rotation90 {
  display: inline-block;
  -moz-transform: matrix(0, -1, 1, 0, 0, 0);
  -webkit-transform: matrix(0, -1, 1, 0, 0, 0);
  -o-transform: matrix(0, -1, 1, 0, 0, 0);
  transform: matrix(0, -1, 1, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rotation270 {
  display: inline-block;
  -moz-transform: matrix(0, 1, -1, 0, 0, 0);
  -webkit-transform: matrix(0, 1, -1, 0, 0, 0);
  -o-transform: matrix(0, 1, -1, 0, 0, 0);
  transform: matrix(0, 1, -1, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.asidebox {
  background-color: white;
  margin-bottom: 24px;
}

.pagination {
  display: block;
  text-align: center;
  margin-bottom: 24px;
}
.pagination .previous_page, .pagination .next_page, .pagination a, .pagination .current {
  display: inline-block;
  line-height: 2.25;
  width: 12%;
  height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.pagination .disabled {
  color: #919191;
  background-color: #dddddd;
}
.pagination .current {
  color: white;
  background: #00ade8;
}
.pagination a {
  color: #00ade8;
  border: 1px solid #00ade8;
}
.pagination a:hover, .pagination a:active, .pagination a:focus {
  color: #0087b5;
}
.pagination a:hover {
  background: white;
}
.pagination .gap {
  font-size: 12px;
  font-size: 0.75rem;
  width: 4%;
  display: inline-block;
}

.pager_book .pagination {
  margin-bottom: 0;
}
.pager_book .pagination .previous_page, .pager_book .pagination .next_page, .pager_book .pagination a, .pager_book .pagination .current {
  width: 40px;
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d0d0d0;
  margin: 0 2px;
}
.pager_book .pagination .current {
  color: #c4c4c4;
  background: #919191;
  border: 1px solid #919191;
}

@media screen and (max-width: 599px) {
  .pagination .previous_page, .pagination .next_page {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .pagination {
    max-width: 600px;
    margin: 0 auto 24px;
  }
  .pagination .previous_page, .pagination .next_page, .pagination a, .pagination .current {
    width: 10%;
  }
}
.pager_book {
  background-color: #d7f4f9;
}

.pager {
  text-align: center;
  margin: 0 3.125%;
  display: block;
}
.pager .pagination_flick {
  width: 76.875%;
  padding: 3px 10px 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
}
.pager .pagination_flick div a, .pager .pagination_flick div em.current, .pager .pagination_flick div em.disabled {
  padding: 5px;
  border: 1px solid #c4c4c4;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  background: white;
}
.pager .pagination_flick div em.current {
  font-weight: bold;
  color: #1cc5ff !important;
  border: 1px solid #00ade8 !important;
}
.pager .pagination_flick div a, .pager .pagination_flick div em, .pager .pagination_flick div a.landscape, .pager .pagination_flick div em.landscape {
  width: 24px;
  margin: 0 5px;
  line-height: 1.5;
  display: inline-block;
  text-align: center;
}
.pager .pagination_flick_prev, .pager .pagination_flick_next {
  width: 11.25%;
  text-align: center;
  display: inline-block;
  padding: 12px 0 11px;
  cursor: pointer;
  background: #e5e5e5;
  color: #aaaaaa;
}

@media screen and (max-width: 599px) {
  .pager {
    margin: 0 auto;
  }
  .pager .pagination_flick_prev, .pager .pagination_flick_next {
    display: none !important;
  }
  .pager .pagination_flick {
    width: 100%;
  }
}
.bread {
  border-top: 6px solid #dddddd;
  background-color: white;
  position: relative;
  clear: both;
}
.bread ol {
  max-width: 1024px;
  margin: 0 auto;
  padding: 6px 2.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bread li {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
  position: relative;
  padding: 0 20px 0 0;
}
.bread li:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 6px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 3px solid #00ade8;
  border-right: 3px solid #00ade8;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.bread li:last-child:before {
  border: none;
}
.bread li a {
  line-height: 2;
  color: #3c3c3c;
  text-decoration: underline;
}
.bread li a:hover, .bread li a:active, .bread li a:focus {
  color: #232323;
}
.bread li a.ca {
  margin-right: 5px;
}

.bread_upper .bread {
  display: none;
  border: none;
  background: none;
}

.fixed {
  padding: 0 3.125% 24px;
}
.fixed > p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}
.fixed .sup {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  margin: 6px 0;
}
.fixed .impact {
  background: #ff3366;
  color: white;
  padding: 6px;
}
.fixed h2 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71428571;
  font-weight: bold;
}
.fixed .ttl {
  border-bottom: 3px solid #dddddd;
  display: inline-block;
  margin: 6px 0 3px;
}
.fixed ul, .fixed dl {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571428;
  margin: 12px 0 24px;
}
.fixed ul.choice li, .fixed ul.choice dd, .fixed dl.choice li, .fixed dl.choice dd {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #dddddd;
}
.fixed ul.choice li:last-child, .fixed ul.choice dd:last-child, .fixed dl.choice li:last-child, .fixed dl.choice dd:last-child {
  border-right: none;
}
.fixed ul.choice li a, .fixed ul.choice dd a, .fixed dl.choice li a, .fixed dl.choice dd a {
  text-decoration: underline;
  color: #00ade8;
}
.fixed ul.choice li a:hover, .fixed ul.choice li a:active, .fixed ul.choice li a:focus, .fixed ul.choice dd a:hover, .fixed ul.choice dd a:active, .fixed ul.choice dd a:focus, .fixed dl.choice li a:hover, .fixed dl.choice li a:active, .fixed dl.choice li a:focus, .fixed dl.choice dd a:hover, .fixed dl.choice dd a:active, .fixed dl.choice dd a:focus {
  color: #0087b5;
}
.fixed ul.decimal, .fixed dl.decimal {
  list-style-type: decimal;
  padding-left: 7.8125%;
}
.fixed ul.disc, .fixed dl.disc {
  padding: 0 3.125%;
}
.fixed ul.disc dd, .fixed ul.disc li, .fixed dl.disc dd, .fixed dl.disc li {
  display: list-item;
  list-style: disc;
  margin-left: 10px;
}
.fixed ul.level2, .fixed dl.level2 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  margin-bottom: 12px;
}
.fixed ul.boxlist a, .fixed dl.boxlist a {
  border: 1px solid #dddddd;
  display: block;
  padding: 14px 10px;
  color: #0093ca;
  letter-spacing: 1px;
}
.fixed ul.boxlist a:hover, .fixed ul.boxlist a:active, .fixed ul.boxlist a:focus, .fixed dl.boxlist a:hover, .fixed dl.boxlist a:active, .fixed dl.boxlist a:focus {
  color: #006e97;
}
.fixed ul.kome li, .fixed dl.kome li {
  padding-left: 15px;
}
.fixed ul.kome li:before, .fixed dl.kome li:before {
  content: "※";
  margin-left: -15px;
}
.fixed li, .fixed dd {
  margin-bottom: 12px;
}
.fixed li .count, .fixed dd .count {
  font-size: 18px;
  font-size: 1.125rem;
  color: #dddddd;
  text-align: right;
  margin-top: -18px;
  line-height: 1;
}
.fixed dd {
  padding-left: 10px;
}
.fixed .level2 li {
  margin-bottom: 0;
}
.fixed dt {
  border-left: 5px solid #dddddd;
  padding-left: 5px;
  margin-bottom: 6px;
}
.fixed table {
  width: 100%;
  margin-bottom: 12px;
  border: 1px solid #dddddd;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}
.fixed table thead th {
  background: #eaeaea;
  padding: 11px;
  border-bottom: 1px solid #dddddd;
}
.fixed table td {
  padding: 12px 11px;
}
.fixed table td li {
  padding-bottom: 4px;
}
.fixed table:last-child {
  margin-bottom: 0;
}
.fixed dl.text dt {
  border: none;
  padding-left: 0px;
}
.fixed dl.text dd {
  padding-left: 0px;
}

ul.btn_white, ul.btn_gray {
  width: 93.75%;
  margin: 0 auto;
}

ul.btn_white li a, ul.btn_gray li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-size: 0.875rem;
  color: #00ade8;
  line-height: 3.28571428571;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  display: block;
  margin: 0 0 12px;
  padding: 0px 10px 0 28px;
}
ul.btn_white li a:hover, ul.btn_white li a:active, ul.btn_white li a:focus, ul.btn_gray li a:hover, ul.btn_gray li a:active, ul.btn_gray li a:focus {
  color: #0087b5;
}

ul.btn_white li a {
  border: 1px solid #dddddd;
  background-color: white;
  background-image: url(/images/spriteicons.png);
  background-position: 5px -85px;
  background-repeat: no-repeat;
  -webkit-background-size: 40px auto;
  -moz-background-size: 40px auto;
  background-size: 40px auto;
}
ul.btn_white li a:hover {
  background-color: #f7f7f7;
  background-image: url(/images/spriteicons.png);
}

ul.btn_gray li a {
  border: 1px solid #d0d0d0;
  background: #d8d8d8;
  background-image: url(/images/spriteicons.png);
  background-position: 5px -129px;
  background-repeat: no-repeat;
  -webkit-background-size: 40px auto;
  -moz-background-size: 40px auto;
  background-size: 40px auto;
}
ul.btn_gray li a:hover {
  background-color: lightgrey;
  background-image: url(/images/spriteicons.png);
}

.row_width {
  display: table;
}
.row_width li {
  float: left;
  width: 46.66666%;
}
.row_width li:first-child {
  margin-right: 6.66666%;
}

a.btn_deco_main, a.btn_deco_sub, a.btn_deco_eff, a.btn_deco_eff2, a.btn_deco_gray, a.btn_deco_darkgray, a.btn_deco_lightgray, a.btn_deco_notice, a.btn_deco_green, a.btn_deco_orange {
  display: block;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  line-height: 2.25;
  height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
a.btn_deco_main:hover, a.btn_deco_main:active, a.btn_deco_main:focus, a.btn_deco_sub:hover, a.btn_deco_sub:active, a.btn_deco_sub:focus, a.btn_deco_eff:hover, a.btn_deco_eff:active, a.btn_deco_eff:focus, a.btn_deco_eff2:hover, a.btn_deco_eff2:active, a.btn_deco_eff2:focus, a.btn_deco_gray:hover, a.btn_deco_gray:active, a.btn_deco_gray:focus, a.btn_deco_darkgray:hover, a.btn_deco_darkgray:active, a.btn_deco_darkgray:focus, a.btn_deco_lightgray:hover, a.btn_deco_lightgray:active, a.btn_deco_lightgray:focus, a.btn_deco_notice:hover, a.btn_deco_notice:active, a.btn_deco_notice:focus, a.btn_deco_green:hover, a.btn_deco_green:active, a.btn_deco_green:focus, a.btn_deco_orange:hover, a.btn_deco_orange:active, a.btn_deco_orange:focus {
  color: #e6e6e6;
}

.btn_deco_main {
  background: #00ade8;
  -webkit-box-shadow: inset 0 -2px 0 #0087b5;
  -moz-box-shadow: inset 0 -2px 0 #0087b5;
  box-shadow: inset 0 -2px 0 #0087b5;
}
.btn_deco_main:hover {
  background: #0087b5;
}

.btn_deco_sub {
  background: #4cc5dc;
  -webkit-box-shadow: inset 0 -2px 0 #37bed8;
  -moz-box-shadow: inset 0 -2px 0 #37bed8;
  box-shadow: inset 0 -2px 0 #37bed8;
}
.btn_deco_sub:hover {
  background: #37bed8;
}

.btn_deco_eff {
  background: #fd6597;
  -webkit-box-shadow: inset 0 -2px 0 #f90354;
  -moz-box-shadow: inset 0 -2px 0 #f90354;
  box-shadow: inset 0 -2px 0 #f90354;
}
.btn_deco_eff:hover {
  background: #f90354;
}

.btn_deco_eff2 {
  background: #8fbf00;
  -webkit-box-shadow: inset 0 -2px 0 #698c00;
  -moz-box-shadow: inset 0 -2px 0 #698c00;
  box-shadow: inset 0 -2px 0 #698c00;
}
.btn_deco_eff2:hover {
  background: #698c00;
}

.btn_deco_gray {
  background: #9d9d9d;
  -webkit-box-shadow: inset 0 -2px 0 #848484;
  -moz-box-shadow: inset 0 -2px 0 #848484;
  box-shadow: inset 0 -2px 0 #848484;
}
.btn_deco_gray:hover {
  background: #848484;
}

.btn_deco_lightgray {
  background: #F8F8F8;
  color: #5e5e5e;
  border: 1px solid #DCDCDC;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.btn_deco_lightgray:hover {
  background: #d0d0d0;
}

.btn_deco_darkgray {
  background: #6a6a6a;
}
.btn_deco_darkgray:hover {
  background: #5e5e5e;
}

.btn_deco_notice {
  background: #ff3366;
}
.btn_deco_notice:hover {
  background: #ff1a53;
}

.btn_deco_orange {
  background: #FF9800;
  -webkit-box-shadow: inset 0 -2px 0 #cc7a00;
  -moz-box-shadow: inset 0 -2px 0 #cc7a00;
  box-shadow: inset 0 -2px 0 #cc7a00;
}
.btn_deco_orange:hover {
  background: #cc7a00;
}

.btn_cntr_main {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset #009acf 0 -5px 0;
  -moz-box-shadow: inset #009acf 0 -5px 0;
  box-shadow: inset #009acf 0 -5px 0;
  background-color: #00ade8 !important;
  color: white;
  display: block;
  text-align: center;
  line-height: 3.3;
  margin: 18px auto;
  padding: 0;
  width: 180px !important;
  height: 48px !important;
}
.btn_cntr_main:hover {
  color: white;
  background-color: #009acf !important;
}

.btn_cntr_sub {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset #009acf 0 -5px 0;
  -moz-box-shadow: inset #009acf 0 -5px 0;
  box-shadow: inset #009acf 0 -5px 0;
  background-color: #00ade8 !important;
  color: white;
  display: block;
  text-align: center;
  line-height: 3.3;
  margin: 18px auto;
  padding: 0;
  width: 180px !important;
  height: 48px !important;
}
.btn_cntr_sub:hover {
  color: white;
  background-color: #009acf !important;
}

.btn_cntr_blue_light {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset #c1eef6 0 -5px 0;
  -moz-box-shadow: inset #c1eef6 0 -5px 0;
  box-shadow: inset #c1eef6 0 -5px 0;
  background-color: #d7f4f9 !important;
  color: white;
  display: block;
  text-align: center;
  line-height: 3.3;
  margin: 18px auto;
  padding: 0;
  width: 180px !important;
  height: 48px !important;
}
.btn_cntr_blue_light:hover {
  color: white;
  background-color: #c1eef6 !important;
}

.btn_cntr_eff {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset #fd4c86 0 -5px 0;
  -moz-box-shadow: inset #fd4c86 0 -5px 0;
  box-shadow: inset #fd4c86 0 -5px 0;
  background-color: #fd6597 !important;
  color: white;
  display: block;
  text-align: center;
  line-height: 3.3;
  margin: 18px auto;
  padding: 0;
  width: 180px !important;
  height: 48px !important;
}
.btn_cntr_eff:hover {
  color: white;
  background-color: #fd4c86 !important;
}

.btn_cntr_notice {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset #ff1a53 0 -5px 0;
  -moz-box-shadow: inset #ff1a53 0 -5px 0;
  box-shadow: inset #ff1a53 0 -5px 0;
  background-color: #ff3366 !important;
  color: white;
  display: block;
  text-align: center;
  line-height: 3.3;
  margin: 18px auto;
  padding: 0;
  width: 180px !important;
  height: 48px !important;
}
.btn_cntr_notice:hover {
  color: white;
  background-color: #ff1a53 !important;
}

.btn_cntr_white {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset #f2f2f2 0 -5px 0;
  -moz-box-shadow: inset #f2f2f2 0 -5px 0;
  box-shadow: inset #f2f2f2 0 -5px 0;
  background-color: white !important;
  color: white;
  display: block;
  text-align: center;
  line-height: 3.3;
  margin: 18px auto;
  padding: 0;
  width: 180px !important;
  height: 48px !important;
  border: 1px solid #dddddd;
  -webkit-box-shadow: inset #dddddd 0 -3px 0;
  -moz-box-shadow: inset #dddddd 0 -3px 0;
  box-shadow: inset #dddddd 0 -3px 0;
  color: #00ade8;
}
.btn_cntr_white:hover {
  color: white;
  background-color: #f2f2f2 !important;
}

.btn_btmlink {
  font-size: 12px;
  font-size: 0.75rem;
  color: #00ade8;
  text-align: center;
  display: block;
  line-height: 2;
  text-decoration: underline;
  margin: -12px auto 0;
  width: 140px;
}
.btn_btmlink:hover, .btn_btmlink:active, .btn_btmlink:focus {
  color: #0087b5;
}

.btn_switch_on, .btn_switch_off {
  width: 60px;
  height: 24px;
  border: 1px solid #c9c9c9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  -o-border-radius: 30px !important;
  border-radius: 30px !important;
  position: relative;
}
.btn_switch_on input, .btn_switch_on a, .btn_switch_off input, .btn_switch_off a {
  position: absolute;
  background-color: transparent !important;
  width: 100%;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  -o-border-radius: 30px !important;
  border-radius: 30px !important;
  height: 24px;
  top: -1px;
  line-height: 1;
  padding: 6px;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn_switch_on:before, .btn_switch_off:before {
  cursor: pointer;
  content: "";
  height: 14px;
  width: 14px;
  -webkit-border-radius: 16px !important;
  -moz-border-radius: 16px !important;
  -ms-border-radius: 16px !important;
  -o-border-radius: 16px !important;
  border-radius: 16px !important;
  top: 3px;
  position: absolute;
}

.btn_switch_off input, .btn_switch_off a {
  color: #c4c4c4;
  text-align: right;
}
.btn_switch_off:before {
  border: 1px solid #c9c9c9 !important;
  background-color: #c9c9c9;
  left: 4px;
}

.btn_switch_on {
  border: 1px solid #00ade8 !important;
}
.btn_switch_on input, .btn_switch_on a {
  color: #00ade8;
  text-align: left;
  right: 0;
}
.btn_switch_on:before {
  border: 1px solid #00ade8 !important;
  background-color: #00ade8;
  right: 4px;
}

.dlapp {
  height: 288px;
}
.dlapp dd {
  font-size: 12px;
  font-size: 0.75rem;
}
.dlapp dd:last-child {
  font-size: 10px;
  font-size: 0.625rem;
}
.dlapp ul li {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 6px;
}
.dlapp .dlapp_btn a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset #dddddd 0 -2px 0;
  -moz-box-shadow: inset #dddddd 0 -2px 0;
  box-shadow: inset #dddddd 0 -2px 0;
  font-size: 10px;
  font-size: 0.625rem;
  display: block;
  padding: 10px 0;
  background-color: white;
  color: #00ade8;
  margin: 12px auto;
  width: 240px;
  text-align: center;
}
.dlapp .dlapp_btn a img, .dlapp .dlapp_btn a svg {
  height: 36px;
  margin-bottom: 6px;
}
.dlapp .dlapp_btn a svg {
  width: 121.5px;
}
.dlapp .dlapp_btn a:hover {
  background-color: #d0d0d0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.sprite {
  display: block;
  background-image: url(/images/spriteicons_04.png);
  background-repeat: no-repeat;
}

.ic_ekubo, .ic_menu {
  width: 48px;
  height: 48px;
  -webkit-background-size: 50px auto;
  -moz-background-size: 50px auto;
  background-size: 50px auto;
}

.ic_check {
  background-position: 0 -205px;
  -webkit-background-size: 40px auto;
  -moz-background-size: 40px auto;
  background-size: 40px auto;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 12px 0 12px 20px;
}

.ic_guide, .ic_register {
  -webkit-background-size: 20px auto;
  -moz-background-size: 20px auto;
  background-size: 20px auto;
}

.ic_my, .ic_pt {
  -webkit-background-size: 16px auto;
  -moz-background-size: 16px auto;
  background-size: 16px auto;
}

.ic_ekubo {
  background-position: 9px 9px;
}

.ic_menu {
  background-position: 6px -46px;
}

.ic_guide {
  background-position: 5px -132px;
}

.ic_register {
  background-position: 5px -154px;
}

.ic_my {
  background-position: 0px -154px;
}

.ic_pt {
  background-position: 0px -316px;
}

.ic_my {
  background-position: 0px -298px;
}

.title {
  padding: 12px 3.125% 0;
  margin-bottom: 36px;
  text-align: center;
}
.title h1, .title h2 {
  font-size: 18px;
  font-size: 1.125rem;
  color: #009acf;
  letter-spacing: 2px;
  line-height: 1.333333333333;
}
.title h1 span, .title h2 span {
  font-size: 20px;
  font-size: 1.25rem;
  color: #fd6597;
  padding-right: 5px;
}
.title p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  color: #4fd2ff;
}
.title a {
  display: none;
}

.subtitle_maincolor h2, .subtitle_maincolor h3, .subtitle_maincolor_rank h2, .subtitle_maincolor_rank h3,
.subtitle_effcolor h2,
.subtitle_effcolor h3, .subtitle_effcolor_rank h2, .subtitle_effcolor_rank h3,
.subtitle_graycolor h2,
.subtitle_graycolor h3, .subtitle_graycolor_rank h2, .subtitle_graycolor_rank h3 {
  line-height: 1;
  padding: 0 20px 9px 3.125%;
  letter-spacing: 1px;
  display: inline-block;
  min-width: 38.28125%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.subtitle_maincolor section, .subtitle_maincolor_rank section,
.subtitle_effcolor section, .subtitle_effcolor_rank section,
.subtitle_graycolor section, .subtitle_graycolor_rank section {
  display: inline;
}
.subtitle_maincolor h4.subttl, .subtitle_maincolor_rank h4.subttl,
.subtitle_effcolor h4.subttl, .subtitle_effcolor_rank h4.subttl,
.subtitle_graycolor h4.subttl, .subtitle_graycolor_rank h4.subttl {
  width: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: right;
}
.subtitle_maincolor p, .subtitle_maincolor a, .subtitle_maincolor h4.subttl, .subtitle_maincolor_rank p, .subtitle_maincolor_rank a, .subtitle_maincolor_rank h4.subttl,
.subtitle_effcolor p,
.subtitle_effcolor a,
.subtitle_effcolor h4.subttl, .subtitle_effcolor_rank p, .subtitle_effcolor_rank a, .subtitle_effcolor_rank h4.subttl,
.subtitle_graycolor p,
.subtitle_graycolor a,
.subtitle_graycolor h4.subttl, .subtitle_graycolor_rank p, .subtitle_graycolor_rank a, .subtitle_graycolor_rank h4.subttl {
  font-size: 12px;
  font-size: 0.75rem;
  position: relative;
  float: right;
}
.subtitle_maincolor p span, .subtitle_maincolor a span, .subtitle_maincolor h4.subttl span, .subtitle_maincolor_rank p span, .subtitle_maincolor_rank a span, .subtitle_maincolor_rank h4.subttl span,
.subtitle_effcolor p span,
.subtitle_effcolor a span,
.subtitle_effcolor h4.subttl span, .subtitle_effcolor_rank p span, .subtitle_effcolor_rank a span, .subtitle_effcolor_rank h4.subttl span,
.subtitle_graycolor p span,
.subtitle_graycolor a span,
.subtitle_graycolor h4.subttl span, .subtitle_graycolor_rank p span, .subtitle_graycolor_rank a span, .subtitle_graycolor_rank h4.subttl span {
  font-size: 22px;
  font-size: 1.375rem;
}
.subtitle_maincolor a, .subtitle_maincolor_rank a,
.subtitle_effcolor a, .subtitle_effcolor_rank a,
.subtitle_graycolor a, .subtitle_graycolor_rank a {
  padding-right: 23px;
}
.subtitle_maincolor a:before, .subtitle_maincolor_rank a:before,
.subtitle_effcolor a:before, .subtitle_effcolor_rank a:before,
.subtitle_graycolor a:before, .subtitle_graycolor_rank a:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 6px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 3px solid #777777;
  border-right: 3px solid #777777;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.subtitle_maincolor p, .subtitle_maincolor h4.subttl, .subtitle_maincolor_rank p, .subtitle_maincolor_rank h4.subttl,
.subtitle_effcolor p,
.subtitle_effcolor h4.subttl, .subtitle_effcolor_rank p, .subtitle_effcolor_rank h4.subttl,
.subtitle_graycolor p,
.subtitle_graycolor h4.subttl, .subtitle_graycolor_rank p, .subtitle_graycolor_rank h4.subttl {
  padding: 0 10px 0 0;
}
.subtitle_maincolor p.result span, .subtitle_maincolor_rank p.result span,
.subtitle_effcolor p.result span, .subtitle_effcolor_rank p.result span,
.subtitle_graycolor p.result span, .subtitle_graycolor_rank p.result span {
  color: #fd6597;
  padding-right: 5px;
}

.subtitle_maincolor, .subtitle_maincolor_rank {
  border-bottom: 1px solid #00ade8;
  color: #00ade8;
}
.subtitle_maincolor h2, .subtitle_maincolor h3, .subtitle_maincolor_rank h2, .subtitle_maincolor_rank h3 {
  -webkit-box-shadow: inset #00ade8 0 -4px 0;
  -moz-box-shadow: inset #00ade8 0 -4px 0;
  box-shadow: inset #00ade8 0 -4px 0;
}
.subtitle_maincolor a, .subtitle_maincolor_rank a {
  color: #00ade8;
}
.subtitle_maincolor a:before, .subtitle_maincolor_rank a:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 6px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 3px solid #00ade8;
  border-right: 3px solid #00ade8;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.subtitle_effcolor, .subtitle_effcolor_rank {
  border-bottom: 1px solid #fd6597;
}
.subtitle_effcolor h2, .subtitle_effcolor h3, .subtitle_effcolor_rank h2, .subtitle_effcolor_rank h3 {
  -webkit-box-shadow: inset #fd6597 0 -4px 0;
  -moz-box-shadow: inset #fd6597 0 -4px 0;
  box-shadow: inset #fd6597 0 -4px 0;
}
.subtitle_effcolor a, .subtitle_effcolor_rank a {
  color: #fd6597;
}
.subtitle_effcolor a:before, .subtitle_effcolor_rank a:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 6px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 3px solid #fd6597;
  border-right: 3px solid #fd6597;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.subtitle_graycolor, .subtitle_graycolor_rank {
  border-bottom: 1px solid #919191;
}
.subtitle_graycolor h2, .subtitle_graycolor h3, .subtitle_graycolor_rank h2, .subtitle_graycolor_rank h3 {
  -webkit-box-shadow: inset #919191 0 -4px 0;
  -moz-box-shadow: inset #919191 0 -4px 0;
  box-shadow: inset #919191 0 -4px 0;
}
.subtitle_graycolor a, .subtitle_graycolor_rank a {
  color: #919191;
}
.subtitle_graycolor a:before, .subtitle_graycolor_rank a:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 6px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 3px solid #919191;
  border-right: 3px solid #919191;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.fbn div.ttl_sub {
  padding: 3px 3.125% 0;
}
.fbn ul {
  padding: 12px 3.125% 0;
}
.fbn li {
  display: inline-block;
  background-color: white;
  width: 48.3333333333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  padding: 3px;
  margin-right: 3.3333333333%;
  margin-bottom: 12px;
  vertical-align: top;
}
.fbn li img {
  width: 100%;
  min-height: 40px;
  background-color: #f1f1f1;
}
.fbn li a {
  display: block;
  color: #5e5e5e;
}
.fbn li a:hover, .fbn li a:active, .fbn li a:focus {
  color: #444444;
}
.fbn li p {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  padding-top: 3px;
  height: 24px;
}
.fbn li:nth-child(2n) {
  margin-right: 0;
}
.fbn li:nth-child(n+3) {
  margin-bottom: 0;
}

div.fourcover {
  position: relative;
  height: 180px;
}
div.fourcover ul.wrapper {
  display: block;
  text-align: center;
  height: 180px;
  width: 100%;
  background-color: #ffffff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNDhweCIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNDhweCIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ffffff), color-stop(48px, #ffffff), color-stop(48px, #e6e6e6), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #ffffff 48px, #e6e6e6 48px, #ffffff 100%);
  background-image: -moz-linear-gradient(bottom, #ffffff 0%, #ffffff 48px, #e6e6e6 48px, #ffffff 100%);
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #ffffff 48px, #e6e6e6 48px, #ffffff 100%);
  background-image: linear-gradient(bottom, #ffffff 0%, #ffffff 48px, #e6e6e6 48px, #ffffff 100%);
  background-image: -ms-linear-gradient(bottom, white 0%, white 48px, #e6e6e6 48px, white 100%);
  *zoom: 1;
}
div.fourcover ul.wrapper:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
div.fourcover li {
  height: 180px;
  display: block;
  float: left;
  color: #00ade8;
  text-align: center;
  vertical-align: bottom;
  padding-right: 3.125%;
  width: 20.3125%;
}
div.fourcover li a {
  display: block;
  width: 100%;
  text-align: left;
}
div.fourcover li a div {
  display: block;
  position: relative;
  height: 132px;
}
div.fourcover li a img {
  border: 1px solid #dddddd;
  border-bottom: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 83px;
  position: absolute;
  bottom: 0;
}
div.fourcover li:first-child {
  width: 23.4375%;
  padding-left: 3.125%;
}
div.fourcover li p {
  font-size: 10px;
  font-size: 0.625rem;
  text-align: left;
  line-height: 1.2;
  margin: 0 auto;
}
div.fourcover li p.book {
  margin-top: 3px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 24px;
}
div.fourcover li p.author {
  margin-top: 3px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #919191;
  height: 17px;
  line-height: 1.7;
}
div.fourcover li p.author:before {
  content: "著";
  background: #9d9d9d;
  color: white;
  padding: 2px;
  margin-right: 3px;
}
div.fourcover li p.number {
  margin: 3px 0 -1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
  font-size: 10px;
  font-size: 0.625rem;
  background: #9d9d9d;
  line-height: 1.3;
  padding: 1px 4px;
  display: inline-block;
  max-width: 70%;
}

@media screen and (min-width: 361px) {
  div.fourcover li {
    max-width: 124px;
  }
}
@media screen and (min-width: 380px) {
  div.fourcover li {
    max-width: 96px;
  }
}
@media screen and (max-width: 599px) {
  div.fourcover li:nth-child(n+5) {
    display: none;
  }

  .bookindex_section, x:-moz-any-link {
    padding-top: 72px;
  }
}
ul.jk6 {
  margin: 0 3.125% 24px;
  text-align: center;
}
ul.jk6 li {
  width: 22.5%;
  max-width: 140px;
  vertical-align: bottom;
  margin-right: 3.3333333%;
}
ul.jk6 li:nth-child(4) {
  margin-right: 0;
}
ul.jk6 li:nth-child(5), ul.jk6 li:nth-child(6) {
  display: none;
}

div.liner {
  position: relative;
  height: 48px;
  margin-top: 120px;
  background-color: #1e5799;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0092C4', endColorstr='#FF00ADE8');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTJjNCIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjMDA5MmM0Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDBhZGU4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0092c4), color-stop(24%, #0092c4), color-stop(100%, #00ade8));
  background-image: -webkit-linear-gradient(top, #0092c4 0%, #0092c4 24%, #00ade8 100%);
  background-image: -moz-linear-gradient(top, #0092c4 0%, #0092c4 24%, #00ade8 100%);
  background-image: -o-linear-gradient(top, #0092c4 0%, #0092c4 24%, #00ade8 100%);
  background-image: linear-gradient(top, #0092c4 0%, #0092c4 24%, #00ade8 100%);
}
div.liner .hmf {
  position: absolute;
  bottom: 36px;
  left: -6px;
  line-height: 1.8;
  text-align: center;
  padding: 0 3px;
  min-width: 40px;
  font-size: 10px;
  font-size: 0.625rem;
  color: white;
  background: #ff3366;
  border: 1px solid white;
  border-left: none;
}
div.liner .hmf:after {
  position: absolute;
  content: '';
  top: 18px;
  left: 0;
  z-index: 200;
  width: 0px;
  height: 0px;
  border-top: 4px solid #b3002d;
  border-right: 2px solid #b3002d;
  border-left: 4px solid transparent;
  border-bottom: 2px solid transparent;
}

div.liner li img {
  -webkit-box-reflect: below -1px url("/images/reflect.png");
  -webkit-box-shadow: 2px -1px 2px #c4c4c4;
  -moz-box-shadow: 2px -1px 2px #c4c4c4;
  box-shadow: 2px -1px 2px #c4c4c4;
}

ul.jk6 li {
  display: inline-block;
}
ul.jk6 li a {
  display: block;
  position: relative;
  max-width: 100px;
  min-height: 110px;
}
ul.jk6 li a .tta {
  margin-top: 6px;
}
ul.jk6 li:last-child {
  margin-right: 0;
}
ul.jk6 li img {
  width: 100%;
  max-width: 100px;
  margin: 0 auto;
}
ul.jk6 li p {
  text-align: left;
}
ul.jk6 li p.book2 {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  padding: 7px 0 8px;
  height: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
}

.info h2 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  display: block;
  background-color: #5e5e5e;
  color: white;
  padding: 0 3.125%;
  text-align: center;
}

.info {
  background-color: white;
}
.info li {
  border-top: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0 6px;
}
.info li a {
  font-size: 12px;
  font-size: 0.75rem;
  color: #5e5e5e;
  line-height: 1.5;
  position: relative;
  display: block;
  padding: 0 25px 0 3.125%;
}
.info li a:hover, .info li a:active, .info li a:focus {
  color: #444444;
}
.info li a:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 6px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 3px solid #c4c4c4;
  border-right: 3px solid #c4c4c4;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.info li span {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
  display: inline-block;
  background-color: #f1f1f1;
  color: #777777;
  margin-right: 5px;
  width: 55px;
  text-align: center;
  vertical-align: top;
}

.info_top, .info_cc {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0 3.125%;
}
.info_top a, .info_cc a {
  color: #ff3366;
  text-decoration: underline;
}

.info_top {
  padding: 12px 3.125%;
}

.info_cc {
  margin-top: 4px;
}

.promotion ul {
  width: 93.75%;
  margin: 0 auto 24px;
}
.promotion li {
  display: inline-block;
  width: 46.66666%;
}
.promotion li:first-child {
  margin-right: 6.66666%;
}
.promotion li:first-child a {
  text-align: left;
}
.promotion li a span {
  width: 30px;
  height: 22px;
  margin-bottom: 2px;
  display: inline-block;
  vertical-align: middle;
}

ol.book_rank {
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -0.4em;
}
ol.book_rank dl {
  padding: 0 5px 12px;
}
ol.book_rank dl dt {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
  border-radius: 28px;
  border: 1px solid white;
  background-color: #00ade8;
  color: yellow;
  position: absolute;
  width: 28px;
  height: 28px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  text-align: center;
  top: 5px;
  left: 5px;
}
ol.book_rank dl dd p.jk {
  padding: 5px 10px 0;
}
ol.book_rank dl dd p.jk img {
  border: none;
}
ol.book_rank li {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: bottom;
  letter-spacing: normal;
  width: 33.3333333333%;
  border-bottom: 1px solid #dddddd;
}
ol.book_rank li:nth-child(n+6) {
  display: none;
}
ol.book_rank li:nth-child(4), ol.book_rank li:nth-child(5) {
  width: 100%;
  display: block;
}
ol.book_rank li:nth-child(4) dl, ol.book_rank li:nth-child(5) dl {
  padding: 6px 5px;
}
ol.book_rank li:nth-child(4) dt, ol.book_rank li:nth-child(5) dt {
  top: 15px;
}
ol.book_rank li:nth-child(4) p.jk, ol.book_rank li:nth-child(5) p.jk {
  display: none;
}
ol.book_rank li:nth-child(4) p.ttl, ol.book_rank li:nth-child(5) p.ttl {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.714285714285;
  text-align: left;
  padding: 0 6px;
  margin: 0;
}
ol.book_rank li:nth-child(4) p.author, ol.book_rank li:nth-child(5) p.author {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
  padding: 0 0 0 36px;
  width: 75%;
}
ol.book_rank li:nth-child(4) a, ol.book_rank li:nth-child(5) a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  padding-left: 30px;
}
ol.book_rank li:nth-child(4) form, ol.book_rank li:nth-child(5) form {
  position: absolute;
  bottom: 6px;
  right: 5px;
}
ol.book_rank li:nth-child(4) p.mark, ol.book_rank li:nth-child(5) p.mark {
  display: none;
}

.loading {
  font-size: 16px;
  font-size: 1rem;
  padding: 72px 3.125% 0;
  height: 240px;
  text-align: center;
}
.loading img {
  padding: 13px;
  height: 22px;
  width: 22px;
}

section.rank {
  padding: 24px 0;
  margin-bottom: 24px;
}
section.rank .title a {
  margin-top: -44px;
}

ol.toprank {
  border-bottom: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ol.toprank dt {
  font-size: 20px;
  font-size: 1.25rem;
  padding-right: 5px;
  line-height: 1;
}
ol.toprank .author {
  color: #919191;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
}
ol.toprank li {
  overflow: hidden;
}
ol.toprank li a {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  padding: 10px 10px 5px 10px;
  height: 138px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ol.toprank li.gold {
  width: 61.71875%;
  float: left;
}
ol.toprank li.gold dl {
  width: 100%;
}
ol.toprank li.gold dl.inner {
  overflow: auto;
  zoom: 1;
}
ol.toprank li.gold dt.rank {
  color: #fd6597;
  font-size: 24px;
  font-size: 1.5rem;
  padding-bottom: 5px;
}
ol.toprank li.gold dt.ttl {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571428;
  padding-bottom: 6px;
}
ol.toprank li.gold img {
  float: left;
  width: 35.95505%;
  margin-right: 10px;
  max-width: 75px;
  max-height: 116px;
}
ol.toprank li.silver, ol.toprank li.bronze {
  border-left: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ol.toprank li.silver a, ol.toprank li.bronze a {
  height: 69px;
}
ol.toprank li.silver dl.inner, ol.toprank li.bronze dl.inner {
  overflow: hidden;
  zoom: 1;
  min-height: 58px;
}
ol.toprank li.silver dt.rank, ol.toprank li.bronze dt.rank {
  float: left;
  color: #00ade8;
}
ol.toprank li.silver dt.ttl, ol.toprank li.bronze dt.ttl {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  padding-bottom: 4px;
}
ol.toprank li.silver {
  border-bottom: 1px solid #dddddd;
}
ol.toprank li.silver a {
  height: 68px;
}

ul.ranklist > li {
  margin-bottom: 24px;
}
ul.ranklist > li:last-child {
  margin-bottom: 0;
}

section.syllabary {
  background-color: #4cc5dc !important;
  border-top: 1px solid #d7f4f9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: white !important;
}
section.syllabary h3 {
  font-size: 16px;
  font-size: 1rem;
  color: white !important;
  line-height: 2.25;
  text-align: center;
  padding-top: 6px;
}
section.syllabary a {
  border: 1px solid white;
  color: white !important;
}

ul.syllabary_box {
  padding: 6px 0;
  display: table;
  width: 300px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -0.4em;
}
ul.syllabary_box li {
  display: inline-block;
  letter-spacing: normal;
  width: 48px;
  margin-right: 10px;
  margin-bottom: 10px;
}
ul.syllabary_box li:nth-child(5n) {
  margin-right: 0;
}
ul.syllabary_box li:nth-child(n+6) {
  margin-bottom: 0;
}
ul.syllabary_box a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 3;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.footmark {
  font-size: 10px;
  font-size: 0.625rem;
}
.footmark h2 {
  display: inline-block;
}
.footmark .trash {
  color: white;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 6px;
  margin: 2px 0 0 0;
  float: right;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  letter-spacing: 1px;
}
.footmark .trash:hover, .footmark .trash:active, .footmark .trash:focus {
  color: #e6e6e6;
}
.footmark ul {
  text-align: center;
  padding: 12px 3.125% 0;
  box-shadow: inset 0 -30px 0 0 white, inset 0 -31px 0 0 #dddddd;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDDDDDD');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%);
}
.footmark li {
  display: inline-block;
  vertical-align: bottom;
  width: 17.3333333333%;
  max-width: 100px;
  margin-left: 3.3333333333%;
}
.footmark li:first-child {
  margin-left: 0;
}
.footmark li a {
  display: block;
}
.footmark li p {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  color: #3c3c3c;
  font-weight: bolder;
  line-height: 1.2;
  height: 25px;
  padding-top: 5px;
}
.footmark li p:hover, .footmark li p:active, .footmark li p:focus {
  color: #232323;
}
.footmark li img {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.footmark li:nth-child(n+6) {
  display: none;
}
.footmark .link_more {
  clear: both;
}

section.seek {
  background-color: white;
}
section.seek h3 {
  background-color: #00ade8;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 2px;
  text-align: center;
}
section.seek a.seek_link_more {
  font-size: 14px;
  font-size: 0.875rem;
  color: #00ade8;
  line-height: 2;
  position: relative;
  display: block;
  padding: 4px 25px 4px 3.125%;
  text-align: right;
}
section.seek a.seek_link_more:hover, section.seek a.seek_link_more:active, section.seek a.seek_link_more:focus {
  color: #0087b5;
}
section.seek a.seek_link_more:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 6px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 3px solid #00ade8;
  border-right: 3px solid #00ade8;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

ul.seek_genre, ul.seek_label {
  overflow: hidden;
}
ul.seek_genre li, ul.seek_label li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
  border-bottom: 1px solid #dddddd;
  background-color: white;
  height: 35px;
}
ul.seek_genre li:nth-child(2n+1), ul.seek_label li:nth-child(2n+1) {
  border-right: 1px solid #dddddd;
}
ul.seek_genre li a, ul.seek_label li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 4px 6.25% 3px;
  line-height: 2;
  display: block;
  color: #00ade8;
  position: relative;
}
ul.seek_genre li a:hover, ul.seek_genre li a:active, ul.seek_genre li a:focus, ul.seek_label li a:hover, ul.seek_label li a:active, ul.seek_label li a:focus {
  color: #0087b5;
}

.seek_name ul {
  background-color: #4cc5dc;
  padding: 12px 3.125% 18px;
  overflow: hidden;
}
.seek_name ul li {
  float: left;
  width: 48.3333333333%;
  margin-right: 3.3333333333%;
  background-color: #00ade8;
  font-size: 16px;
  font-size: 1rem;
  line-height: 3;
  text-align: center;
}
.seek_name ul li a {
  display: block;
  border: 6px double white;
  color: white;
}
.seek_name ul li:last-child {
  margin-right: 0;
}

.whats {
  position: relative;
  background-color: white;
  padding: 0 3.125%;
}
.whats h2 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 3;
  color: #00ade8;
  text-align: center;
}
.whats .whats_circle {
  margin: 0 auto;
  display: table;
}
.whats .whats_circle li {
  float: left;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  margin-right: 10px;
  margin-bottom: 24px;
  border: 1px solid #00ade8;
  text-align: center;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
}
.whats .whats_circle li a {
  display: block;
  padding: 10px 0;
  color: #00ade8;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
}
.whats .whats_circle li span {
  display: block;
}
.whats .whats_circle li:last-child {
  margin-right: 0;
}

.support {
  position: relative;
  background-color: #d7f4f9;
  padding: 12px 3.125%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  text-align: center;
  height: 48px;
}
.support li {
  display: inline;
}
.support li:after {
  content: "｜";
}
.support li:last-child:after {
  content: "";
}
.support li a {
  color: #0087b5;
}

.support2 {
  text-align: center;
  position: relative;
}
.support2 ul {
  padding-bottom: 6px;
  height: 18px;
}
.support2 ul li {
  display: inline;
  border-right: 1px solid #02bfff;
}
.support2 ul li:last-child {
  border-right: none;
}
.support2 ul li a {
  color: white;
  font-size: 11px;
  font-size: 0.6875rem;
  padding: 0 2px 0 6px;
}
.support2 ul li a:hover, .support2 ul li a:active, .support2 ul li a:focus {
  color: #e6e6e6;
}

footer {
  position: relative;
  padding: 10px 0 2px 10px;
  background-color: #00ade8;
  color: white;
  letter-spacing: 1px;
  height: 54px;
  z-index: 10000;
}
footer p {
  font-size: 10px;
  font-size: 0.625rem;
}
footer small {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 2;
}
footer small a {
  color: white;
}
footer a.pagetop {
  position: absolute;
  top: -12px;
  right: 10px;
  color: #00ade8;
  background: white;
  line-height: 3;
  width: 48px;
  text-align: center;
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  -ms-border-radius: 48px;
  -o-border-radius: 48px;
  border-radius: 48px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

#jPanelMenu-menu {
  right: 0 !important;
  top: 0px !important;
  height: auto;
  min-height: 100%;
  z-index: 10000 !important;
}

.snap-drawers {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  display: table;
  width: 100% !important;
}
.snap-drawers .close {
  display: table-cell;
  width: 40px;
  min-width: 40px;
  height: auto;
  background: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  vertical-align: top;
}
.snap-drawers .close p {
  height: 85px;
  background-position: 10px -629px;
  background-repeat: no-repeat;
  -webkit-background-size: 40px auto;
  -moz-background-size: 40px auto;
  background-size: 40px auto;
}
.snap-drawers .navigation {
  display: table-cell;
  background: #009acf;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97);
  opacity: 0.97;
}
.snap-drawers a {
  display: block;
  color: #00ade8;
}
.snap-drawers a:hover, .snap-drawers a:active, .snap-drawers a:focus {
  color: #0087b5;
}
.snap-drawers h2 {
  text-align: center;
  color: white;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 3;
  letter-spacing: 1px;
}
.snap-drawers h3 {
  background: #007fab;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  color: #dddddd;
  padding: 0 10px;
}
.snap-drawers .square {
  font-size: 10px;
  font-size: 0.625rem;
  padding: 12px 0;
}
.snap-drawers .square li {
  width: 33.333333%;
  height: 96px;
  float: left;
  display: block;
}
.snap-drawers .square li a {
  color: white;
  text-align: center;
  padding: 18px 0;
}
.snap-drawers .square li a:hover, .snap-drawers .square li a:active, .snap-drawers .square li a:focus {
  color: #e6e6e6;
}
.snap-drawers .square li a span {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 8px;
}
.snap-drawers .dice {
  padding: 0 3.571428571%;
}
.snap-drawers .dice ul {
  background: white;
  margin-bottom: 24px;
}
.snap-drawers .dice li {
  display: inline-block;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #00ade8;
  border-right: 1px solid #00ade8;
}
.snap-drawers .dice li:nth-child(5n) {
  border-right: none;
}
.snap-drawers .dice li:nth-child(n+6) {
  border-bottom: none;
}
.snap-drawers .dice a {
  text-align: center;
  line-height: 2.85714285;
}
.snap-drawers .rectangle {
  padding: 0 3.571428571%;
}
.snap-drawers .rectangle ul {
  background: white;
  margin-bottom: 24px;
}
.snap-drawers .rectangle li {
  width: 50%;
  height: 48px;
  float: left;
  border-bottom: 1px solid #00ade8;
  border-right: 1px solid #00ade8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.snap-drawers .rectangle li:nth-child(even) {
  border-right: none;
}
.snap-drawers .rectangle li:nth-last-child(-n+2) {
  border-bottom: none;
}
.snap-drawers .rectangle li a {
  padding: 0 6.666666%;
  line-height: 3.428571428;
}
.snap-drawers .rectangle li.nothing {
  background: #009ed4;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.snap-drawers .rectangle li.freecomic a {
  color: #ff3366;
  text-decoration: underline;
}

.nav_register, .nav_login, .nav_my, .nav_bookmark, .nav_member, .nav_shelf, .nav_search, .nav_alert {
  -webkit-background-size: 40px auto;
  -moz-background-size: 40px auto;
  background-size: 40px auto;
}

.nav_register {
  background-position: 0 -308px;
}

.nav_login {
  background-position: 0 -352px;
}

.nav_my {
  background-position: 0 -396px;
}

.nav_bookmark {
  background-position: 0 -440px;
}

.nav_member {
  background-position: 0 -528px;
}

.nav_shelf {
  background-position: 0 -484px;
}

.nav_search {
  background-position: 0 -502px;
}

.nav_alert {
  background-position: 0 -924px;
}

article {
  background-color: white;
}
article h1 {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  letter-spacing: 1px;
  font-weight: bolder;
}
article h1 .vn {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-size: 0.875rem;
  color: #00ade8;
  background: #d7f4f9;
  text-align: center;
  line-height: 1;
  padding: 5px;
  margin-left: 10px;
}
article h2 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}
article h2 span {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  white-space: nowrap;
  padding-left: 4px;
}
article .deliver {
  padding: 6px 3.125%;
  background-color: #00ade8;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
article .deliver h2 {
  color: white;
  display: table-cell;
  vertical-align: middle;
}
article .deliver .deliver_sort {
  display: table-cell;
  vertical-align: middle;
}
article .deliver .deliver_sort form {
  width: 84px;
  float: right;
  position: relative;
}
article .deliver .deliver_sort form:after {
  cursor: pointer;
  position: absolute;
  content: "";
  top: 8px;
  right: 4px;
  z-index: 200;
  border: 5px solid transparent;
  border-top: 8px solid #00ade8;
}
article .deliver .deliver_sort select {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  width: 84px;
  height: 24px;
  padding: 6px 5px;
  background-color: white;
  color: #00ade8;
}
article p.ttl_all_smpl {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2 !important;
}
article .catgry li {
  border-bottom: 1px dashed #dddddd;
}
article .catgry_cntnts {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}
article .catgry_cntnts dt {
  float: left;
}
article .catgry_cntnts dt:after {
  content: ":";
}
article .catgry_cntnts li {
  display: inline !important;
  border-bottom: none !important;
}
article .catgry_cntnts li:after {
  content: "/";
}
article .catgry_cntnts li:last-child:after {
  content: none;
}
article .catgry_cntnts a {
  text-decoration: underline;
  padding: 0 3px;
}
article .description {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
article .vol_free_btn, article .vol_buy_btn, article .vol_read_btn, article .vol_both_btn, article .vol_cresit_btn, article .vol_all_smpl_btn {
  font-size: 14px;
  font-size: 0.875rem;
  color: white;
  text-align: center;
}
article .vol_cant_dl_btn {
  font-size: 14px;
  font-size: 0.875rem;
  color: white;
  text-align: center;
}
article .story {
  padding: 12px 3.125%;
  clear: both;
}
article .readmore, article .readless {
  display: block;
  margin: 0 auto;
  width: 48px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  text-align: center;
  height: 36px;
}
article .readmore a, article .readless a {
  display: block;
}
article .readmore:before, article .readless:before {
  position: absolute;
  display: block;
  content: "";
  right: 14px;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
article .readmore:before {
  border-right: 1px solid #00ade8;
  border-bottom: 1px solid #00ade8;
  top: 6px;
}
article .readless:before {
  border-left: 1px solid #00ade8;
  border-top: 1px solid #00ade8;
  top: 18px;
}
article .remark {
  clear: both;
  padding-top: 12px;
}
article .remark_vol {
  clear: both;
}
article .remark .free, article .remark .mgzs, article .remark_vol .free, article .remark_vol .mgzs {
  display: block;
  margin: 0 auto;
  width: 100%;
}
article .remark .free a, article .remark .mgzs a, article .remark_vol .free a, article .remark_vol .mgzs a {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.25;
  background: #ff3366;
  color: white;
  text-align: center;
  text-decoration: underline;
}
article .remark .free p, article .remark .mgzs p, article .remark_vol .free p, article .remark_vol .mgzs p {
  text-align: left;
}
article .remark .free p, article .remark_vol .free p {
  padding: 12px 3.125% 0;
}
article .remark .mgzs a, article .remark_vol .mgzs a {
  background: #00ade8;
  color: white;
  border: 4px double white;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 5px;
  margin-bottom: 6px;
  letter-spacing: 1px;
}
article .remark p, article .remark_vol p {
  font-size: 12px;
  font-size: 0.75rem;
  color: #ff3366;
  padding: 12px 3.125% 0;
}
article .expire, article .priod {
  clear: both;
}
article .expire p, article .priod p {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  padding-top: 6px;
}
article .expire p.sup, article .priod p.sup {
  color: #919191;
}
article .push {
  padding-top: 0;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  background-color: #ff3366;
  color: white;
  line-height: 2;
}
article .expire {
  text-align: center;
}
article .expire p {
  line-height: 2.4;
  width: 48.4375%;
  display: inline-block;
  color: #919191;
  border: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article .expire p:first-child {
  margin-right: 3.125%;
}
article del {
  color: #919191;
}
article .pricechng {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  text-decoration: underline;
  color: #ff3366;
  margin: 0 auto 12px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 2;
  border: 1px solid #ff3366;
}
article .pricechng a {
  display: block;
  color: #ff3366;
}

article.book .bookhead {
  width: 100%;
  overflow: hidden;
  padding: 12px 3.125% 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #dddddd;
}
article.book .bookhead .ttl {
  margin-bottom: 6px;
}
article.book .bookhead .jack {
  float: left;
  width: 30%;
}
article.book .bookhead .status, article.book .bookhead .func, article.book .bookhead .catgry {
  float: right;
  width: 67%;
}
article.book .bookhead .jack {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 125px;
  max-width: 180px;
  background-color: #dddddd;
  padding: 1px;
}
article.book .bookhead .jack img {
  width: 100%;
  max-width: 180px;
  min-height: 125px;
}
article.book .bookhead .status {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0 0 5px;
  margin-bottom: 6px;
  line-height: 1.5;
  border-bottom: 1px dashed #dddddd;
  color: #5e5e5e;
}
article.book .bookhead .status span.dn {
  font-size: 16px;
  font-size: 1rem;
  padding: 5px;
}
article.book .bookhead .status p {
  float: left;
}
article.book .bookhead .status p.rankweekly {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 1px;
  float: right;
  text-align: center;
}
article.book .bookhead .status p.rankweekly span {
  display: block;
  color: #ff3366;
}
article.book .bookhead .func dl.book_setting {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  overflow: hidden;
  margin-bottom: 10px;
}
article.book .bookhead .func dl.book_setting dt {
  float: left;
}
article.book .bookhead .func dl.book_setting dd {
  float: right;
}
article.book .bookhead .func .some_authrs {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 5px;
  background-color: #f1f1f1;
}
article.book .bookhead .func .cmnt {
  background-color: #f1f1f1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
  letter-spacing: 1px;
  padding: 5px;
  margin-bottom: 4px;
}
article.book .bookhead .func .cmnt a {
  text-decoration: underline;
  padding: 0 2px;
  display: inline-block;
}
article.book .bookhead .catgry {
  display: none;
}
article.book .bookhead .catgry li:last-child {
  border: none;
}

article.book .volumelist {
  padding: 24px 3.125% 12px;
  background: #d7f4f9;
}
article.book .volumelist li {
  position: relative;
  overflow: hidden;
  background: white;
  width: 100%;
  margin-bottom: 12px;
  letter-spacing: -.4em;
  padding: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #eaeaea;
}
article.book .volumelist li .all_smpl {
  letter-spacing: normal;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
  color: #ff3366;
  line-height: 1.25;
}
article.book .volumelist .jk {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 24.137931034%;
  margin-right: 3.448275862%;
  max-width: 140px;
  min-height: 95px;
}
article.book .volumelist .jk img {
  width: 100%;
}
article.book .volumelist .jk a {
  display: block;
}
article.book .volumelist .jk span {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
}
article.book .volumelist dl {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 72.413793103%;
  padding-top: 4px;
}
article.book .volumelist dt {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
}
article.book .volumelist dt a {
  text-decoration: underline;
  font-weight: bolder;
}
article.book .volumelist dd {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
}
article.book .volumelist .sub {
  color: #919191;
}
article.book .volumelist .status {
  border-bottom: 1px dashed #dddddd;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  margin-bottom: 3px;
}
article.book .volumelist .mediado_ios {
  background-color: #eaeaea;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.3;
  letter-spacing: .5px;
  padding: 5px;
  width: 61.517241%;
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: left;
}
article.book .volumelist .vol_btns {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: normal;
  display: table;
  width: 100%;
  padding: 10px 5px 5px;
  text-align: right;
}
article.book .volumelist .vol_btns form {
  display: table-cell;
  padding-right: 5px;
}
article.book .volumelist .vol_btns form input {
  line-height: 2.28571422857142;
  width: 100%;
  margin: 0;
}
article.book .volumelist .vol_btns p {
  width: 50%;
  display: table-cell;
  padding-left: 5px;
}
article.book .volumelist .vol_free_btn, article.book .volumelist .vol_buy_btn, article.book .volumelist .vol_read_btn, article.book .volumelist .vol_all_smpl_btn {
  display: inline-block;
  vertical-align: bottom;
  height: 36px;
  line-height: 2.571428571;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
article.book .volumelist .vol_read_btn {
  width: 100%;
}
article.book .volumelist .vol_free_btn, article.book .volumelist .vol_all_smpl_btn {
  right: 40.90909%;
  width: 48%;
}
article.book .volumelist .vol_all_smpl_btn {
  line-height: 3;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: -1px;
}

article.book .searchNumber {
  text-align: center;
  background: #d7f4f9;
  padding: 24px 0;
}
article.book .searchNumber .go {
  display: inline;
}
article.book .searchNumber .btn_number {
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  height: 32px;
}
article.book .searchNumber input[type="number"] {
  height: 30px;
  width: 120px;
  padding: 0 10px;
  font-size: 12px;
  font-size: 0.75rem;
  background: white;
  border: 1px solid #aaaaaa;
}

article.volume .bookhead .cntntsbox {
  padding: 12px 3.125% 6px;
}
article.volume .bookhead .cntntsbox p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.5;
}
article.volume .bookhead .cntntsbox p span {
  color: #fd6597;
}
article.volume .bookhead .cntntsbox p.ttl_free {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}
article.volume .bookhead .cntntsbox .authors {
  display: none;
}
article.volume .bookhead .cntntsbox dl.price dd {
  display: inline-block;
}
article.volume .bookhead .cntntsbox dl.price dd.dlable {
  border: 1px solid #ff3366;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 10px;
  font-size: 0.625rem;
  margin: 4px 5px 3px;
  padding: 2px 6px 3px;
  background-color: white;
  color: #ff3366;
  letter-spacing: 1px;
  line-height: 1;
}
article.volume .bookhead .imgbox {
  display: table;
  width: 100%;
  background-color: #fff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE5E5E5');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background-image: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  border-bottom: 1px solid #9d9d9d;
}
article.volume .bookhead .imgbox img {
  width: 100%;
  max-width: 180px;
  min-width: 90px;
  min-height: 125px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #9d9d9d;
  padding: 1px 1px 0;
}
article.volume .bookhead .imgbox p {
  width: 35%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 4;
  text-align: center;
}
article.volume .bookhead .imgbox .prev_volume a, article.volume .bookhead .imgbox .next_volume a {
  position: relative;
}
article.volume .bookhead .imgbox .prev_volume a:before, article.volume .bookhead .imgbox .next_volume a:before {
  position: absolute;
  display: block;
  content: "";
  top: 1px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
article.volume .bookhead .imgbox .prev_volume a {
  padding-left: 15px;
}
article.volume .bookhead .imgbox .prev_volume a:before {
  left: 0;
  border-right: 8px solid;
}
article.volume .bookhead .imgbox .next_volume a {
  padding-right: 15px;
}
article.volume .bookhead .imgbox .next_volume a:before {
  right: 0;
  border-left: 8px solid;
}
article.volume .bookhead .imgbox img, article.volume .bookhead .imgbox p {
  display: table-cell;
  vertical-align: bottom;
}
article.volume .bookhead .mediado_ios {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 3.125%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  text-align: center;
  color: #ff3366;
}
article.volume .bookhead .bookbtn {
  width: 100%;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 3.125%;
}
article.volume .bookhead .bookbtn li {
  display: table-cell;
  vertical-align: top;
}
article.volume .bookhead .bookbtn li:nth-child(2) {
  width: 80px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article.volume .bookhead .bookbtn li:nth-child(2) input {
  font-size: 10px;
  line-height: 1;
  padding-top: 21px;
  background-image: url(/images/spriteicons.png);
  background-position: 24px -1327px;
  background-repeat: no-repeat;
  -webkit-background-size: 40px auto;
  -moz-background-size: 40px auto;
  background-size: 40px auto;
}
article.volume .bookhead .bookbtn .vol_free_btn, article.volume .bookhead .bookbtn .vol_read_btn {
  width: 100%;
  height: 42px;
  line-height: 3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
article.volume .bookhead .bookbtn .vol_cant_dl_btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
article.volume .bookhead .bookbtn_info {
  font-size: 10px;
  font-size: 0.625rem;
  padding: 4px 8px;
  margin: 0 3.125% 12px;
  color: #ff3366;
  position: relative;
  float: right;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ff3366;
}
article.volume .bookhead .bookbtn_info a {
  color: #00ade8;
  text-decoration: underline;
  padding: 0 2px;
}
article.volume .bookhead .bookbtn_info:before {
  content: "";
  border: 5px solid transparent;
  border-bottom: 8px solid #ff3366;
  height: 0;
  right: 30px;
  top: -12px;
  position: absolute;
  width: 0;
  border-width: 6px;
}
article.volume .bookhead .bookbtn_info:after {
  content: "";
  border: 5px solid transparent;
  border-bottom: 8px solid white;
  height: 0;
  right: 30px;
  top: -10px;
  position: absolute;
  width: 0;
  border-width: 6px;
}
article.volume .bookhead .bookbtn_info_pc {
  clear: both;
  font-size: 10px;
  font-size: 0.625rem;
  width: 100%;
  letter-spacing: 1px;
}
article.volume .bookhead .bookbtn_info_pc p {
  padding: 6px;
  background-color: #f1f1f1;
}
article.volume .bookhead .bookbtn_info_pc a {
  text-decoration: underline;
  display: inline-block;
  padding: 0 3px;
}
article.volume .bookhead .settingbox .volinfo {
  display: none;
}
article.volume .bookhead .settingbox .func {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 4px 3.125%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
}
article.volume .bookhead .settingbox .func dl.book_setting, article.volume .bookhead .settingbox .func #alert_book, article.volume .bookhead .settingbox .func #alert_author {
  display: table-cell;
  width: 33.3333333333%;
  vertical-align: top;
}
article.volume .bookhead .settingbox .func dl.book_setting dt, article.volume .bookhead .settingbox .func #alert_book dt, article.volume .bookhead .settingbox .func #alert_author dt {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 6px;
  float: none;
}
article.volume .bookhead .settingbox .func dl.book_setting dt span, article.volume .bookhead .settingbox .func #alert_book dt span, article.volume .bookhead .settingbox .func #alert_author dt span {
  display: block;
}
article.volume .bookhead .settingbox .func dl.book_setting dd, article.volume .bookhead .settingbox .func #alert_book dd, article.volume .bookhead .settingbox .func #alert_author dd {
  float: none;
  margin: 0 auto;
}
article.volume .bookhead .settingbox .func dl.book_setting {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0;
  overflow: hidden;
}
article.volume .bookhead .settingbox .func .some_authrs {
  clear: both;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
  padding: 5px;
  background-color: #f1f1f1;
}
article.volume .bookhead .settingbox .func .cmnt {
  background-color: #f1f1f1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 1px;
  padding: 5px;
}
article.volume .bookhead .settingbox .func .cmnt a {
  text-decoration: underline;
  padding: 0 2px;
  display: inline-block;
}

.stop {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  float: right;
  width: 100%;
  margin-top: 12px;
  text-align: center;
  background-color: #ff3366;
  color: white;
}

article.volume .acuntbox {
  padding: 24px 3.125%;
  background: #d7f4f9;
}
article.volume .acuntbox dl {
  background: white;
  padding: 10px;
  font-size: 12px;
  font-size: 0.75rem;
}
article.volume .acuntbox dl dt {
  line-height: 2;
}
article.volume .acuntbox dl ul {
  margin: 6px 0;
}
article.volume .acuntbox dl ul li {
  display: inline-block;
  width: 48.333333%;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
article.volume .acuntbox dl ul li:first-child {
  margin-right: 3.333333%;
}
article.volume .acuntbox dl ul a {
  display: block;
  color: white;
  line-height: 3;
  letter-spacing: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

article.volume .buybox {
  padding: 24px 3.125%;
  background: #d7f4f9;
}
article.volume .buybox p.all_smpl_notice {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  background-color: #ff3366;
  color: white;
  line-height: 2;
}
article.volume .buybox .buy_btns {
  border: 1px solid #dddddd;
  background: white;
}
article.volume .buybox .buy_btns form {
  position: relative;
  margin: 0 3.125% 12px;
}
article.volume .buybox .buy_btns div:before {
  content: "BUY";
  position: absolute;
  width: 26px;
  height: 26px;
  top: 8px;
  left: 8px;
  font-size: 10px;
  font-size: 0.625rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  line-height: 2.6;
  text-align: center;
  background: white;
  color: #fd6597;
}
article.volume .buybox .quantity {
  font-size: 10px;
  font-size: 0.625rem;
  padding: 0 3.125% 10px;
  text-align: left;
}
article.volume .buybox .quantity:before {
  content: "p";
  display: inline-block;
  background: #00ade8;
  color: white;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  vertical-align: bottom;
  text-align: center;
  margin-right: 4px;
  line-height: 1.2;
}
article.volume .buybox .quantity span {
  color: #ff3366;
  font-size: 12px;
  font-size: 0.75rem;
}
article.volume .buybox .buy_head {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 1px;
  background: #dddddd;
  color: #111111;
  text-align: center;
  padding: 4px 0;
  margin-bottom: 12px;
}
article.volume .buybox .mntnance {
  font-size: 10px;
  font-size: 0.625rem;
  padding: 0 3.125% 12px;
}
article.volume .buybox .vol_both_btn, article.volume .buybox .vol_cresit_btn {
  font-size: 12px;
  font-size: 0.75rem;
  height: 42px;
  text-align: left;
  padding: 0 5px 0 40px;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
article.volume .buybox .buy_foot {
  text-align: right;
  padding: 3px 5px 2px;
}
article.volume .buybox .buy_foot a {
  color: #0087b5;
}
article.volume .buybox .buy_foot a:hover, article.volume .buybox .buy_foot a:active, article.volume .buybox .buy_foot a:focus {
  color: #006182;
}

.transitions {
  background: #2b2b2b;
  height: 58px;
  position: relative;
}
.transitions li {
  text-align: center;
  float: left;
  width: 33.33333%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 3.625;
  color: #777777;
}
.transitions li a {
  display: block;
  color: white;
}
.transitions li a:hover, .transitions li a:active, .transitions li a:focus {
  color: #e6e6e6;
}
.transitions li:nth-child(2) {
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.transitions li:first-child a:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 10px;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  border-top: 3px solid #00ade8;
  border-right: 3px solid #00ade8;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  left: 3.125%;
  border-top: 3px solid white;
  border-right: 3px solid white;
}
.transitions li:last-child a:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 6px;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  border-top: 3px solid #00ade8;
  border-right: 3px solid #00ade8;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  right: 3.125%;
  border-top: 3px solid white;
  border-right: 3px solid white;
}

ul.publish {
  font-size: 10px;
  font-size: 0.625rem;
  color: #777777;
  line-height: 1;
  padding: 0 3.125% 26px;
  text-align: right;
}
ul.publish li {
  display: inline-block;
  margin-left: 5px;
  padding: 0 5px;
}
ul.publish li a {
  color: #00ade8;
  text-decoration: underline;
}
ul.publish li a:hover, ul.publish li a:active, ul.publish li a:focus {
  color: #0087b5;
}

.sticker {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  right: 0;
  left: 0;
}

.simplemodal-container {
  width: 100% !important;
  max-width: 360px;
  top: 10% !important;
  min-height: 280px;
}

.simplemodal-overlay {
  opacity: 0.98 !important;
  padding-bottom: 72px;
  background-color: #00ade8;
}

#confirm_adult {
  background: #efefef;
}

.adultcheck {
  padding: 0 0 18px;
  line-height: 1.454545;
  text-align: center;
}
.adultcheck h2 {
  background: #ff3366;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857;
  margin-bottom: 24px;
}
.adultcheck p {
  font-size: 11px;
  font-size: 0.6875rem;
  padding: 0 3.125%;
}
.adultcheck .question {
  color: #ff3366;
  font-size: 16px;
  font-size: 1rem;
  line-height: 3;
}

.charge_sb_error {
  margin: 0 3.125% 24px;
  width: 93.75%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 5px;
  background-color: #efefef;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: center;
}
.charge_sb_error p span {
  color: #ff3366;
}

ul.rank_choice {
  width: 100%;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 12px;
  letter-spacing: -0.4em;
}
ul.rank_choice li {
  background-color: white;
  border: 1px solid #00ade8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 31.1111111111%;
  margin-right: 3.333333333%;
  height: 36px;
  line-height: 2.8333333333;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  color: white;
  letter-spacing: normal;
}
ul.rank_choice li:last-child {
  margin-right: 0;
}
ul.rank_choice li span {
  display: block;
  color: #00ade8;
  cursor: pointer;
}
ul.rank_choice li span.selected {
  background-color: #00ade8;
  color: white;
  position: relative;
}
ul.rank_choice li span.selected:after {
  position: absolute;
  content: "";
  border: 10px solid transparent;
  border-top: 10px solid #00ade8;
  height: 0;
  width: 0;
  right: 50%;
  bottom: -20px;
  margin-right: -10px;
}
ul.rank_choice li a {
  color: #00ade8;
  display: block;
}
ul.rank_choice li a:hover, ul.rank_choice li a:active, ul.rank_choice li a:focus {
  color: #0087b5;
}

ul.addvol_choice {
  margin-bottom: 24px;
  padding: 9px 3.125%;
  background-color: #d7f4f9;
  height: 30px;
}
ul.addvol_choice li {
  float: right;
  background-color: #dddddd;
  border: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.8;
  width: 145px;
  text-align: center;
}
ul.addvol_choice li:last-child {
  margin-right: 10px;
}
ul.addvol_choice li a {
  display: block;
  background-color: white;
  color: #0093ca;
}
ul.addvol_choice li a:hover, ul.addvol_choice li a:active, ul.addvol_choice li a:focus {
  color: #006e97;
}

.my_dscrp {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 0 3.125%;
  margin-bottom: 24px;
}

.my_alerts_choice {
  padding: 0 3.125%;
  width: 93.75%;
  margin: 0 auto 24px;
}
.my_alerts_choice ul {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #00ade8;
  display: table;
  width: 100%;
}
.my_alerts_choice li {
  display: table-cell;
  width: 33.3333333333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #00ade8;
  color: white;
  height: 24px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.83333333333;
  text-align: center;
}
.my_alerts_choice li a {
  background-color: white;
  color: #00ade8;
  display: block;
}
.my_alerts_choice li:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.my_alerts_choice li:first-child a {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.my_alerts_choice li:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.my_alerts_choice li:last-child a {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.my_alerts_choice li:nth-child(2) {
  border-right: none;
  border-left: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul.my_nav {
  display: table;
  width: 100%;
  background-color: white;
  margin-bottom: 24px;
}
ul.my_nav li {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 3.5;
  padding-top: 2px;
  -webkit-box-shadow: inset #00ade8 0 -4px 0;
  -moz-box-shadow: inset #00ade8 0 -4px 0;
  box-shadow: inset #00ade8 0 -4px 0;
  border-right: 1px solid #f1f1f1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top;
  width: 25%;
  text-align: center;
  color: #00ade8;
}
ul.my_nav li a {
  display: block;
  color: #3c3c3c;
  border-bottom: 4px solid #eaeaea;
  font-weight: normal;
}
ul.my_nav li:last-child {
  border: none;
}

ul.pt_info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  margin-bottom: 24px;
}
ul.pt_info li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eaeaea;
  padding: 6px 10px;
  height: 48px;
}
ul.pt_info dl dt {
  float: left;
  clear: left;
  line-height: 2.25;
}
ul.pt_info dl dd {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  text-align: right;
}
ul.pt_info dl dd span {
  font-size: 20px;
  font-size: 1.25rem;
  padding-right: 5px;
  line-height: 1.8;
  color: #fd6597;
}

.mybook_list {
  margin: 0 auto;
  display: table;
  width: 100%;
  letter-spacing: -.4em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 3.125%;
}
.mybook_list li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: bottom;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 60px;
  margin-bottom: 24px;
  position: relative;
}
.mybook_list li div.imgbox {
  position: relative;
  z-index: 200;
  margin-left: 12.903225806%;
}
.mybook_list li:nth-child(4n+1):before {
  position: absolute;
  border-bottom: 14px solid #eaeaea;
  -webkit-box-shadow: inset white 0 -1px 0;
  -moz-box-shadow: inset white 0 -1px 0;
  box-shadow: inset white 0 -1px 0;
  display: block;
  content: "";
  width: 412.903225806%;
  height: 72px;
  bottom: 39px;
  background-color: transparent !important;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFCCCCCC');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%);
  background-image: linear-gradient(top, #ffffff 0%, #cccccc 100%);
}
.mybook_list li p.name, .mybook_list li p.number, .mybook_list li p.author {
  margin-left: 12.903225806%;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
  text-align: center;
}
.mybook_list li .name {
  padding-top: 19px;
  margin-bottom: 5px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  height: 30px;
}
.mybook_list li .name a {
  color: #3c3c3c;
  font-weight: bolder;
}
.mybook_list li .name a:hover, .mybook_list li .name a:active, .mybook_list li .name a:focus {
  color: #232323;
}
.mybook_list li .number {
  padding: 4px 0;
  border-top: 1px dashed #dddddd;
}
.mybook_list li .author {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 0;
  border-top: 1px dashed #dddddd;
}
.mybook_list li .alrt_day {
  background-color: #d7f4f9;
  color: #00ade8;
  line-height: 1.5;
  font-size: 12px;
  font-size: 0.75rem;
  margin-left: 12.903225806%;
  margin-bottom: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  text-align: center;
}
.mybook_list li .alrt_day:after {
  position: absolute;
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  bottom: -10px;
  left: 50%;
  margin-left: -4px;
  border: 6px solid transparent;
  border-top: 8px solid #d7f4f9;
}
.mybook_list li img {
  border: 1px solid white;
  border-bottom: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-width: 60px;
  min-heihgt: 80px;
  background-color: white;
}
.mybook_list li a {
  display: block;
}
.mybook_list li p.forget_buy {
  margin-bottom: -14px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  padding-top: 3px;
  text-align: center;
  height: 11px;
  padding-left: 12.903225806%;
  color: #00ade8;
}
.mybook_list li span.additional:before, .mybook_list li span.new:before, .mybook_list li span.alrt_new:before, .mybook_list li span.alrt_additional:before {
  background-color: transparent !important;
  border: none !important;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  padding: 0;
  padding-top: 3px;
  height: 14px;
  width: 87.096774194%;
  text-align: center;
}
.mybook_list li span.additional:before, .mybook_list li span.alrt_additional:before {
  color: #709600;
}
.mybook_list li span.new:before, .mybook_list li span.alrt_new:before {
  color: #ff3366;
}
.mybook_list li span.alrt_additional:before, .mybook_list li span.alrt_new:before {
  letter-spacing: -.5px;
}

.alerts .mybook_list li:nth-child(4n+1):before {
  bottom: 63px;
}

.edit_bought_books {
  padding: 0 3.125%;
}
.edit_bought_books li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: #dddddd 0 1px 3px;
  -moz-box-shadow: #dddddd 0 1px 3px;
  box-shadow: #dddddd 0 1px 3px;
  border: 1px solid #d0d0d0;
  padding: 5px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}
.edit_bought_books div.imgbox {
  width: 50px;
  float: left;
  padding-right: 10px;
}
.edit_bought_books a {
  display: block;
}
.edit_bought_books img {
  width: 100%;
}
.edit_bought_books p.name a {
  font-weight: bolder;
  color: #3c3c3c;
  display: inline;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
.edit_bought_books p.name a:hover, .edit_bought_books p.name a:active, .edit_bought_books p.name a:focus {
  color: #232323;
}
.edit_bought_books p.author {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  padding-top: 6px;
  color: #aaaaaa;
}
.edit_bought_books p.btn {
  width: 80px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.book_list {
  padding: 0 3.125%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.book_list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: #dddddd 0 1px 3px;
  -moz-box-shadow: #dddddd 0 1px 3px;
  box-shadow: #dddddd 0 1px 3px;
  border: 1px solid #d0d0d0;
  margin-bottom: 24px;
  padding: 10px;
}

.book_list_inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.book_list_inner div.imgbox {
  width: 30%;
  float: left;
  margin-right: 10px;
  min-width: 80px;
  max-width: 120px;
}
.book_list_inner div.innerbox {
  overflow: auto;
}
.book_list_inner a {
  display: block;
}
.book_list_inner img {
  min-width: 80px;
  max-width: 120px;
  width: 100%;
}
.book_list_inner dt {
  font-size: 14px;
  font-size: 0.875rem;
  color: #0093ca;
  line-height: 1.5;
  margin-bottom: 6px;
  font-weight: bolder;
  position: relative;
  z-index: 10;
}
.book_list_inner dt a {
  display: inline-block;
  color: #3c3c3c;
}
.book_list_inner dt a:hover, .book_list_inner dt a:active, .book_list_inner dt a:focus {
  color: #232323;
}
.book_list_inner dd p {
  font-size: 10px;
  font-size: 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.8;
  border-bottom: 1px dashed #dddddd;
  padding: 3px 0 2px;
  letter-spacing: 1px;
}
.book_list_inner .summary {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.5;
  letter-spacing: 1px;
}

.book_list_btn {
  overflow: hidden;
  clear: both;
  padding-top: 10px;
}
.book_list_btn li {
  float: left;
  width: 48.4375%;
  margin: 0;
  position: static;
  padding: 0;
  height: 24px;
  background-color: white;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.book_list_btn li a, .book_list_btn li input {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  padding: 4px 0;
  color: white;
  width: 100%;
  height: 24px;
  letter-spacing: 1px;
  text-align: center;
}
.book_list_btn li .sample_none {
  width: 100%;
  height: 24px;
  display: block;
}
.book_list_btn li a {
  display: block;
  padding: 5px 0;
}
.book_list_btn li:first-child {
  margin-right: 3.125%;
}

.book_list_free {
  text-align: right;
  color: #ff3366;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  padding-top: 4px;
}
.book_list_free span {
  border: 1px solid #ff3366;
  padding: 0 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  display: inline-block;
}
.book_list_free span:before, .book_list_free span:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  right: 50%;
}
.book_list_free span:before {
  top: -12px;
  border-bottom: 12px solid #ff3366;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  margin-right: -7px;
}
.book_list_free span:after {
  top: -11px;
  border-bottom: 11px solid white;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  margin-right: -6px;
}

p.book_list_push {
  letter-spacing: normal;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: normal;
  text-align: center;
  color: #ff3366;
  margin-bottom: 8px;
  border-bottom: 2px solid #ff3366;
  max-width: 330px;
}

.sale_list {
  font-size: 60px;
  font-size: 3.75rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
  line-height: 1;
  text-align: right;
  color: #fd6597;
  position: absolute;
  bottom: 46px;
  right: 5px;
}

.ranking_number .number {
  font-size: 80px;
  font-size: 5rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  line-height: 1;
  text-align: right;
  color: #fd6597;
  position: absolute;
  bottom: 44px;
  right: 5px;
}
.ranking_number .number p.number4_9 {
  color: #00ade8;
}
.ranking_number .number p.number10_99 {
  font-size: 60px;
  font-size: 3.75rem;
  color: #aaaaaa;
}
.ranking_number .number p.number100 {
  font-size: 50px;
  font-size: 3.125rem;
  color: #aaaaaa;
}

.pk_list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: #dddddd 0 1px 3px;
  -moz-box-shadow: #dddddd 0 1px 3px;
  box-shadow: #dddddd 0 1px 3px;
  border: 1px solid #dddddd;
  margin-bottom: 24px;
  width: 100%;
}
.pk_list li:last-child {
  margin-bottom: 0;
}
.pk_list a {
  display: block;
  padding: 6px 2%;
}
.pk_list img {
  width: 100%;
}
.pk_list div {
  display: table;
  margin-bottom: 6px;
}
.pk_list div span {
  display: table-cell;
  width: 30%;
}
.pk_list dl {
  width: 68%;
  padding-left: 2%;
  display: table-cell;
  vertical-align: top;
}
.pk_list dl dt {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
  padding-bottom: 6px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 48px;
  font-weight: bolder;
  letter-spacing: 1px;
  color: #3c3c3c;
}
.pk_list dl dt:hover, .pk_list dl dt:active, .pk_list dl dt:focus {
  color: #232323;
}
.pk_list dl dd {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  height: 24px;
  border-bottom: 1px dashed #dddddd;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #5e5e5e;
}
.pk_list dl dd:last-child {
  border: none;
}
.pk_list p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  padding: 6px;
  background-color: #f1f1f1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  color: black;
}

.book_checklist li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  margin: 0 3.125% 24px;
  height: 48px;
  overflow: hidden;
}
.book_checklist li label {
  display: block;
  cursor: pointer;
}
.book_checklist li label span {
  font-size: 16px;
  font-size: 1rem;
  line-height: 3;
  padding-right: 10px;
}
.book_checklist li label input {
  cursor: pointer;
  border: 1px solid #dddddd;
  margin: 14px 10px;
  float: left;
  background-color: white;
  position: relative;
  width: 18px;
  height: 18px;
  appearance: button;
  -webkit-appearance: button;
}
.book_checklist li label input:checked::after {
  border-right: 4px solid #fd6597;
  border-bottom: 4px solid #fd6597;
  background-color: white;
  position: absolute;
  content: "";
  top: 1px;
  left: 4px;
  width: 4px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.jklist {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
}
.jklist a {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 90px;
}
.jklist img {
  width: 100%;
  min-width: 70px;
  min-height: 100px;
  background-color: #f1f1f1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d0d0d0;
  -webkit-box-shadow: #dddddd 0 1px 3px;
  -moz-box-shadow: #dddddd 0 1px 3px;
  box-shadow: #dddddd 0 1px 3px;
}
.jklist .ttl {
  margin: 6px 5px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 24px;
  text-align: center;
  letter-spacing: 1px;
  color: #3c3c3c;
  font-weight: bolder;
}
.jklist .ttl:hover, .jklist .ttl:active, .jklist .ttl:focus {
  color: #232323;
}
.jklist .num {
  border-top: 1px dashed #dddddd;
  border-bottom: 1px dashed #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.8;
  padding: 0 6px;
}
.jklist .author {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 2.4;
  padding: 0 6px;
  height: 24px;
  margin-bottom: 3px;
  text-align: left;
}
.jklist .author:before {
  content: "著";
  background: #9d9d9d;
  color: white;
  line-height: 2;
  padding: 2px 3px 1px;
  margin-right: 3px;
}
.jklist .rank {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  -o-border-radius: 28px;
  border-radius: 28px;
  background-color: #ff3366;
  color: yellow;
  position: absolute;
  width: 28px;
  height: 28px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  text-align: center;
  top: 5px;
  left: 5px;
}
.jklist form input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  padding: 6px 0;
  height: 24px;
  width: 70px;
  margin: 0 auto;
  border: 1px solid gainsboro;
}
.jklist form {
  text-align: center;
}
.jklist form input {
  color: #5e5e5e;
}
.jklist .jk_all_free_btn {
  color: white;
  border: none;
  letter-spacing: -0.5px;
}
.jklist span.sample_none {
  height: 24px;
  width: 70px;
  display: block;
}

.jk4_6 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 3.125%;
  width: 100%;
  display: table;
  letter-spacing: -0.4em;
}
.jk4_6 li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 22.5%;
  margin-right: 3.3333333%;
  vertical-align: bottom;
  letter-spacing: normal;
}
.jk4_6 li a {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.jk4_6 li:last-child {
  margin-right: 0;
}
.jk4_6 li:nth-child(4) {
  margin-right: 0;
}
.jk4_6 li:nth-child(n+5) {
  display: none;
}

.jk3n, .jk4n {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: table;
  letter-spacing: -0.4em;
}
.jk3n li, .jk4n li {
  width: 31.1111111111%;
  margin-right: 3.3333333333%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 24px;
  vertical-align: bottom;
  letter-spacing: normal;
}
.jk3n li a, .jk4n li a {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.jk3n li {
  width: 31.1111111111%;
}
.jk3n li:nth-child(3n) {
  margin-right: 0;
}

.jk3n_6out_12in li:nth-child(n+7) {
  display: none;
}
.jk3n_6out_12in li:nth-child(n+4) {
  margin-bottom: 0;
}

.jk3n_topics p.author, .jk3n_topics p.num {
  display: none;
}

.jk4n li {
  width: 22.5%;
}
.jk4n li:nth-child(4n) {
  margin-right: 0;
}

.discount_top {
  background-color: #4cc5dc !important;
  background-repeat: repeat;
  background-image: url(/images/design/bg_sale.png);
  background-size: 52px auto;
  max-width: 980px;
  margin: 0 auto;
  padding: 12px 0;
}
.discount_top div.salebunner {
  position: relative;
}
.discount_top div.salebunner:after {
  position: absolute;
  border-bottom: 1px solid #d7f4f9;
  display: block;
  content: "";
  width: 100%;
  bottom: 36px;
  left: 0%;
  height: 48px;
  z-index: 9;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00000000', endColorstr='#801D859A');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgxMSwgMTUyLCAxODEsIDAuNSkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(11, 152, 181, 0.5)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(11, 152, 181, 0.5) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(11, 152, 181, 0.5) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(11, 152, 181, 0.5) 100%);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(11, 152, 181, 0.5) 100%);
}
.discount_top div.cmnt {
  z-index: 10;
  position: relative;
}
.discount_top div.cmnt h2 {
  letter-spacing: 1px;
  font-weight: bolder;
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5;
  color: yellow;
  padding-bottom: 6px;
  z-index: 10;
  position: relative;
  text-shadow: 2px 1px 0px rgba(0, 0, 0, 0.2);
}
.discount_top div.cmnt h2 span {
  padding: 0 2px;
}
.discount_top div.cmnt p {
  letter-spacing: 1px;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  margin-bottom: 6px;
}
.discount_top div.cmnt p span {
  color: #ff3366;
  background-color: #d7f4f9;
  padding: 3px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}
.discount_top div.comics {
  z-index: 10;
  position: relative;
}
.discount_top ul {
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 3.125%;
  letter-spacing: -0.4em;
}
.discount_top ul li {
  display: inline-block;
  vertical-align: bottom;
  width: 22.5%;
  letter-spacing: normal;
  margin-right: 3.3333333333%;
}
.discount_top ul li:last-child {
  margin-right: 0;
}
.discount_top ul .ttl {
  color: white;
}
.discount_top ul .ttl:hover, .discount_top ul .ttl:active, .discount_top ul .ttl:focus {
  color: #e6e6e6;
}
.discount_top ul .jklist img {
  min-width: 60px;
  min-height: 80px;
  border: 1px solid #d7f4f9;
  -webkit-box-shadow: #24a0b8 2px -2px 2px;
  -moz-box-shadow: #24a0b8 2px -2px 2px;
  box-shadow: #24a0b8 2px -2px 2px;
}
.discount_top a.link_more {
  background-color: #4cc5dc !important;
  border: 1px solid white;
  color: white;
}

ul.pickup_comics {
  padding: 12px 3.125% 0;
}
ul.pickup_comics li:nth-child(7) {
  display: none;
}

dl.pickup_words {
  background-color: #4cc5dc;
  background: -moz-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00ade8), color-stop(60%, #4cc5dc), color-stop(100%, #8ffce6));
  background: -webkit-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -o-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: -ms-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  background: linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0f0', endColorstr='#8ffce6',GradientType=1 );
  overflow: hidden;
  display: table;
  padding: 6px 3.125%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 12px;
}
dl.pickup_words dt {
  width: 80px;
  color: yellow;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
dl.pickup_words dd {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.6;
  display: inline;
  margin-right: 5px;
  letter-spacing: 1px;
}
dl.pickup_words dd a {
  color: white;
  text-decoration: underline;
}
dl.pickup_words dd a:hover, dl.pickup_words dd a:active, dl.pickup_words dd a:focus {
  color: #e6e6e6;
}
dl.pickup_words dd.more {
  float: right;
  width: 80px;
  margin-top: 4px;
}
dl.pickup_words dd.more a {
  text-decoration: none;
  background-color: white;
  text-align: center;
  color: #00ade8;
  line-height: 1.4;
  display: block;
  padding: 3px 5px;
}
dl.pickup_words dd.more a:hover, dl.pickup_words dd.more a:active, dl.pickup_words dd.more a:focus {
  color: #0087b5;
}

.pickup4_6 p.author {
  display: none;
}

.pickup_jump {
  background-color: #00ade8;
  padding-bottom: 12px;
}
.pickup_jump a {
  margin: 0 auto;
}

.booklist_adultcheck {
  padding: 0 3.125% 48px;
}
.booklist_adultcheck p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857;
  text-align: center;
}

.search_none {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 24px 5px 48px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857;
}
.search_none span {
  color: #fd6597;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 5px;
}

.mark {
  position: relative;
}
.mark span:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  font-size: 0.625rem;
  -moz-border-radius-bottomleft: 1px;
  -webkit-border-bottom-left-radius: 1px;
  border-bottom-left-radius: 1px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  content: "mark";
  padding: 0 5px;
  min-width: 40px;
  line-height: 1.8;
  letter-spacing: 1px;
  text-align: center;
}
.mark span:after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  z-index: 200;
  width: 0px;
  height: 0px;
}
.mark span.new:before, .mark span.additional:before {
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  font-size: 0.625rem;
  border: 1px solid white;
  border-left: none;
  height: 20px;
  content: "NEW";
  background-color: #ff3366;
  color: white;
}
.mark span.new:after, .mark span.additional:after {
  z-index: 1000;
  border-top: 4px solid #b3002d;
  border-right: 2px solid #b3002d;
  border-left: 4px solid transparent;
  border-bottom: 2px solid transparent;
}
.mark span.additional:before {
  content: "続刊入荷";
  background-color: #8fbf00;
}
.mark span.additional:after {
  border-top: 4px solid #698c00;
  border-right: 2px solid #698c00;
}
.mark span.alrt_new:before {
  content: "新刊お知らせ";
}
.mark span.alrt_additional:before {
  content: "続刊お知らせ";
}
.mark span.jacket:before {
  top: 105px;
  left: -5px;
}
.mark span.jacket:after {
  top: 122px;
  left: -5px;
}
.mark span.booklist:before {
  top: -20px;
  left: -16px;
  width: 60px;
  letter-spacing: 1px;
}
.mark span.booklist:after {
  top: 0px;
  left: -16px;
}
.mark span.jklist:before {
  top: -68px;
  left: -7px;
}
.mark span.jklist:after {
  top: -48px;
  left: -7px;
}
.mark span.jklist_ranking:before {
  top: -66px;
  left: 2px;
}
.mark span.jklist_ranking:after {
  top: -46px;
  left: 2px;
}
.mark span.jklist_side:before {
  top: 90px;
  left: -7px;
}
.mark span.jklist_side:after {
  top: 110px;
  left: -7px;
}
.mark span.booklist_my:before {
  top: 0;
  left: 12.903225806%;
}
.mark span.booklist_my:after {
  display: none;
}

.sort {
  border-bottom: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 0 3.125%;
  margin-bottom: 24px;
}
.sort .sort_select {
  position: relative;
  display: table-cell;
  width: 130px;
}
.sort .sort_select select {
  font-size: 14px;
  font-size: 0.875rem;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-bottom: 2px solid white;
  width: 100%;
  height: 36px;
  margin-bottom: -1px;
  padding: 10px 0 5px 10px;
  line-height: 1;
  background: white;
  background-image: url(/images/spriteicons.png);
  background-position: 105px -183px;
  background-repeat: no-repeat;
  -webkit-background-size: 30px auto;
  -moz-background-size: 30px auto;
  background-size: 30px auto;
  cursor: pointer;
}
.sort .sort_result {
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
  padding-bottom: 5px;
}
.sort .sort_result span {
  color: #fd6597;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 5px;
}

.pt_acount {
  font-size: 16px;
  font-size: 1rem;
  background-color: #f1f1f1;
  width: 93.75%;
  margin: 0 auto 24px;
  padding: 12px 0;
  text-align: center;
}
.pt_acount span {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  color: #fd6597;
}

.pt_history {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0 auto 24px;
  width: 93.75%;
  line-height: 2;
}
.pt_history th, .pt_history tr, .pt_history td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.pt_history th, .pt_history td {
  border-right: 1px solid #dddddd;
}
.pt_history th:last-child, .pt_history td:last-child {
  border-right: 0px solid #dddddd;
}
.pt_history th {
  background-color: #00ade8;
  color: white;
}
.pt_history tr {
  border-bottom: 1px solid #dddddd;
}
.pt_history td {
  text-align: left;
  padding: 0 5px;
}
.pt_history td:nth-child(2) {
  text-align: right;
}
.pt_history td span {
  padding: 0 5px;
}
.pt_history .plus_color {
  color: #00ade8;
}
.pt_history .minus_color {
  color: #ff3366;
}

.graywrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 3.125%;
  background-color: #eaeaea;
}

section.register h2 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  text-align: center;
  color: white;
  background-color: #5e5e5e;
}

div.acunts_choice dl {
  border-bottom: 1px solid #aaaaaa;
  position: relative;
  padding: 12px 3.125% 36px;
  margin-bottom: 36px;
}
div.acunts_choice dl:last-child {
  padding-bottom: 24px;
  margin-bottom: 0;
  border: none;
}
div.acunts_choice dl:last-child:after {
  display: none;
}
div.acunts_choice dl:after {
  content: "or";
  position: absolute;
  border: 1px solid #aaaaaa;
  background-color: white;
  color: #aaaaaa;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 3.42857142857;
  text-align: center;
  border-radius: 48px;
  height: 48px;
  width: 48px;
  bottom: -24px;
  right: 50%;
  margin-right: -24px;
}
div.acunts_choice dt {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71428571;
  color: #00ade8;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 12px;
}
div.acunts_choice dd {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
div.acunts_choice ul.mail_regist li {
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  background-color: #f1f1f1;
  line-height: 1.5;
  padding: 12px;
  margin-bottom: 12px;
}

.btn_carrier_id {
  display: table;
  margin: 0 auto;
}
.btn_carrier_id li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
}
.btn_carrier_id li:last-child {
  margin-right: 0;
}
.btn_carrier_id li p {
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 5px;
  text-align: center;
  color: #aaaaaa;
}
.btn_carrier_id li a {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  font-size: 0.75rem;
  color: white;
  text-align: center;
  line-height: 1.5;
  margin: 0 auto 18px;
  padding: 24px 0;
  vertical-align: top;
  width: 84px !important;
  height: 84px !important;
}
.btn_carrier_id li a span {
  display: block;
  vertical-align: top;
}
.btn_carrier_id li a.btn_dcm {
  background-color: #CD0134;
  -webkit-box-shadow: inset #b4012e 0 -5px 0;
  -moz-box-shadow: inset #b4012e 0 -5px 0;
  box-shadow: inset #b4012e 0 -5px 0;
}
.btn_carrier_id li a.btn_dcm:hover {
  background-color: #b4012e !important;
}
.btn_carrier_id li a.btn_sb {
  background-color: #A1A3A2;
  -webkit-box-shadow: inset #949695 0 -5px 0;
  -moz-box-shadow: inset #949695 0 -5px 0;
  box-shadow: inset #949695 0 -5px 0;
}
.btn_carrier_id li a.btn_sb:hover {
  background-color: #949695 !important;
}
.btn_carrier_id li a.btn_au {
  background-color: #E94500;
  -webkit-box-shadow: inset #d03d00 0 -5px 0;
  -moz-box-shadow: inset #d03d00 0 -5px 0;
  box-shadow: inset #d03d00 0 -5px 0;
}
.btn_carrier_id li a.btn_au:hover {
  background-color: #d03d00 !important;
}
.btn_carrier_id li a.btn_au span:before {
  content: url("/images/parts/carrier_icon_au.png");
  padding-right: 5px;
}

.btn_open_id {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  -webkit-box-shadow: inset #dddddd 0 -3px 0;
  -moz-box-shadow: inset #dddddd 0 -3px 0;
  box-shadow: inset #dddddd 0 -3px 0;
  background-color: white;
  margin: 18px auto;
  padding: 0 !important;
  width: 180px;
  height: 60px;
}
.btn_open_id img {
  width: 100px;
  height: auto;
}
.btn_open_id a {
  display: block;
  padding: 12px;
  text-align: center;
}
.btn_open_id a:hover {
  background-color: #d0d0d0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

div.site_id_promo, div.site_id_promo_top {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  padding: 4px 3.125% 6px;
  width: 100%;
  display: table;
  border-bottom: 2px solid #00ade8;
}
div.site_id_promo dl, div.site_id_promo_top dl {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
}
div.site_id_promo dl dt, div.site_id_promo_top dl dt {
  color: #ff3366;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  margin-bottom: 6px;
}
div.site_id_promo dl dt span, div.site_id_promo_top dl dt span {
  -webkit-box-shadow: inset 0 -4px 0 #fffcfd;
  -moz-box-shadow: inset 0 -4px 0 #fffcfd;
  box-shadow: inset 0 -4px 0 #fffcfd;
}
div.site_id_promo a, div.site_id_promo_top a {
  display: table-cell;
  vertical-align: middle;
  width: 50px !important;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.3;
  height: 36px !important;
  margin: 0;
  padding: 6px 0;
}
div.site_id_promo a span, div.site_id_promo_top a span {
  display: block;
}

div.site_id_promo_top {
  background-color: white;
  margin: 0px 3.125%;
  width: 93.75%;
  -webkit-box-shadow: #dddddd 0 1px 3px;
  -moz-box-shadow: #dddddd 0 1px 3px;
  box-shadow: #dddddd 0 1px 3px;
  border: none;
}

.col_one {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  margin: 0 3.125% 24px;
}

.colmn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  width: 100%;
}
.colmn .col_two {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  margin: 0 3.125% 24px;
}
.colmn .col_two h2, .colmn .col_two h3, .colmn .col_two h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 12px;
}
.colmn .col_gray {
  background-color: #f1f1f1 !important;
  padding: 12px 3.125%;
}
.colmn .col_gray h2, .colmn .col_gray h3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eaeaea;
  -webkit-box-shadow: white 0 1px 0;
  -moz-box-shadow: white 0 1px 0;
  box-shadow: white 0 1px 0;
  padding-bottom: 11px;
}

.btn_toggle {
  font-size: 14px;
  font-size: 0.875rem;
  height: 28px !important;
  line-height: 2 !important;
}

input[type="email"], input[type="password"], input[type="radio"] {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form_mail, .form_pw, .field_with_errors {
  margin-bottom: 12px;
}
.form_mail label, .form_pw label, .field_with_errors label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  background-color: #dddddd;
  display: block;
  width: 100px;
  padding: 3px 5px;
}
.form_mail input, .form_pw input, .field_with_errors input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  border: 1px solid #dddddd;
  background-color: white;
  margin: 0;
  width: 100%;
  height: auto;
  line-height: 1;
  padding: 7px 5px;
}

.form_mail_registered span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  border: 1px solid #dddddd;
  background-color: #f1f1f1;
  color: #00ade8;
  margin: 0;
  width: 100%;
  height: auto;
  line-height: 1.14285714;
  padding: 7px 5px;
  display: block;
}
.form_mail_registered input {
  background-color: #f1f1f1 !important;
  color: #00ade8 !important;
}

.field_with_errors {
  display: inline;
}
.field_with_errors input, .field_with_errors textarea {
  margin: 0 0 12px 0;
  border: 1px solid #ff3366;
}

.form_checkbox {
  height: 18px;
  padding-bottom: 6px;
}
.form_checkbox input {
  border: 1px solid #dddddd;
  background-color: white;
  display: inline;
  width: 18px;
  height: 18px;
  margin: 0;
  vertical-align: top;
  position: relative;
  cursor: pointer;
  appearance: button;
  -webkit-appearance: button;
}
.form_checkbox input:checked::after {
  border-right: 4px solid #fd6597;
  border-bottom: 4px solid #fd6597;
  background-color: white;
  position: absolute;
  content: "";
  top: 1px;
  left: 4px;
  width: 4px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form_checkbox label {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  display: inline;
  margin-left: 5px;
  vertical-align: top;
  cursor: pointer;
}

ul.form_radio li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  height: 24px;
  margin-bottom: 12px;
}
ul.form_radio li input {
  background-color: #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 24px !important;
  -moz-border-radius: 24px !important;
  -ms-border-radius: 24px !important;
  -o-border-radius: 24px !important;
  border-radius: 24px !important;
  position: relative;
  margin: 0;
  width: 24px !important;
  height: 24px !important;
  content: "";
  vertical-align: top;
}
ul.form_radio li input:checked::after {
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  -ms-border-radius: 12px !important;
  -o-border-radius: 12px !important;
  border-radius: 12px !important;
  background-color: #fd6597;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 6px;
  left: 6px;
}
ul.form_radio li label {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  height: 24px;
  padding: 3px 0;
}

#errorExplanation {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important;
  background-color: #ff3366;
  color: white;
  line-height: 1.5;
  width: 93.75%;
  margin: 0 3.125% 24px;
  padding: 12px 10px;
}
#errorExplanation h2 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  background-color: #ff668c;
  padding: 12px;
  margin-bottom: 12px;
  text-align: center;
}
#errorExplanation p {
  font-size: 16px;
  font-size: 1rem;
}
#errorExplanation ul {
  padding: 3px 0;
}
#errorExplanation ul li {
  position: relative;
  padding-left: 14px;
}
#errorExplanation ul li:before {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 4px;
  height: 8px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.accounts_list li {
  margin-bottom: 24px;
}
ul.accounts_list li dl dt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
  font-size: 0.625rem;
  text-align: center;
  line-height: 1.6;
  width: 45%;
  background-color: #dddddd;
}
ul.accounts_list li dl dd {
  -webkit-box-shadow: #eaeaea 0 1px 0;
  -moz-box-shadow: #eaeaea 0 1px 0;
  box-shadow: #eaeaea 0 1px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  background-color: white;
}
ul.accounts_list li dl dd p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  width: 70%;
  padding: 10px 2.5%;
  word-break: break-all;
}
ul.accounts_list li dl dd p span {
  padding: 0 5px;
  color: #fd6597;
}
ul.accounts_list li dl dd a, ul.accounts_list li dl dd input[type="submit"] {
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-shadow: inset #fd4c86 -1px -1px 0;
  -moz-box-shadow: inset #fd4c86 -1px -1px 0;
  box-shadow: inset #fd4c86 -1px -1px 0;
  position: absolute;
  right: 2.5%;
  bottom: 10%;
  display: block;
  line-height: 3;
  color: white;
  background-color: #fd6597;
  padding: 0;
  margin: 0;
  width: 25%;
  height: 36px;
  text-align: center;
}
ul.accounts_list li dl dd a:hover, ul.accounts_list li dl dd input[type="submit"]:hover {
  color: white;
  background-color: #fd4c86 !important;
}
ul.accounts_list li dl dd input[type="submit"] {
  -webkit-box-shadow: inset #009acf -1px -1px 0;
  -moz-box-shadow: inset #009acf -1px -1px 0;
  box-shadow: inset #009acf -1px -1px 0;
  background-color: #00ade8;
  color: white;
}
ul.accounts_list li dl dd input[type="submit"]:hover {
  color: white;
  background-color: #009acf !important;
}
ul.accounts_list li dl dd .email {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}
ul.accounts_list li dl dd ul {
  padding: 0 2.5%;
}
ul.accounts_list li dl dd ul li {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  margin-bottom: 0;
}

dl.accounts_info {
  -webkit-box-shadow: #eaeaea 0 1px 0;
  -moz-box-shadow: #eaeaea 0 1px 0;
  box-shadow: #eaeaea 0 1px 0;
  background-color: white;
  padding: 12px 10px;
  margin-bottom: 12px;
}
dl.accounts_info dt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  float: left;
  color: draken(#dddddd, 30%);
}
dl.accounts_info dd {
  font-size: 18px;
  font-size: 1.125rem;
  -webkit-box-shadow: #eaeaea 0 1px 0;
  -moz-box-shadow: #eaeaea 0 1px 0;
  box-shadow: #eaeaea 0 1px 0;
  line-height: 2;
  text-align: right;
  padding: 0 6px 6px 6px;
  margin-bottom: 6px;
  word-break: break-all;
}
dl.accounts_info dd:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0 6px;
  margin-bottom: 0;
}
dl.accounts_info dd span {
  color: #fd6597;
  padding: 0 5px;
}
dl.accounts_info dd ul li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
dl.accounts_info .email {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

a.accounts_link {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1rem;
  -webkit-box-shadow: #eaeaea 0 1px 0;
  -moz-box-shadow: #eaeaea 0 1px 0;
  box-shadow: #eaeaea 0 1px 0;
  color: #00ade8;
  background-color: white;
  line-height: 3;
  width: 100%;
  margin-bottom: 12px;
  display: block;
  background-image: url(/images/spriteicons.png);
  background-position: 8px -85px;
  background-repeat: no-repeat;
  -webkit-background-size: 40px auto;
  -moz-background-size: 40px auto;
  background-size: 40px auto;
  padding-left: 30px;
}
a.accounts_link:hover, a.accounts_link:active, a.accounts_link:focus {
  color: #0087b5;
}
a.accounts_link:hover {
  background-color: #f7f7f7;
}

.favorite_allcheck {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  margin-bottom: 24px;
  padding: 12px 1.5625%;
  background-color: #f1f1f1;
}
.favorite_allcheck li {
  display: table-cell;
  padding: 0 1.5625%;
}

.pt_cntnts h2 {
  padding-bottom: 24px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.25;
  position: relative;
  font-weight: bolder;
  margin: 0 auto;
  width: 280px;
}
.pt_cntnts h2 .impact {
  color: #ff3366;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1;
  display: inline-block;
  border-bottom: 3px double #ff3366;
}
.pt_cntnts h2 .p1 {
  display: block;
  text-align: left;
  padding-left: 10px;
}
.pt_cntnts h2 .p2 {
  display: block;
  text-align: center;
}
.pt_cntnts h2 .p3 {
  display: block;
  text-align: right;
  padding-right: 10px;
}
.pt_cntnts .why, .pt_cntnts .whats {
  padding: 24px 3.125% 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  position: relative;
}
.pt_cntnts .why dt, .pt_cntnts .whats dt {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: bolder;
  text-align: center;
  padding: 6px 0;
}
.pt_cntnts h2:after, .pt_cntnts .why:after, .pt_cntnts .whats:after {
  position: absolute;
  z-index: 10;
  display: block;
  content: "";
  width: 0;
  height: 0;
  bottom: -30px;
  right: 50%;
  border: 16px solid transparent;
  border-top: 20px solid #00ade8;
  -webkit-transform: rotate(0deg) translateX(54%);
  -moz-transform: rotate(0deg) translateX(54%);
  -ms-animation: nextarrow 3.5s linear alternate infinite;
  -o-animation: nextarrow 3.5s linear alternate infinite;
  -moz-animation: nextarrow 3.5s linear alternate infinite;
  -webkit-animation: nextarrow 3.5s linear alternate infinite;
}
.pt_cntnts h2:after {
  border: 16px solid transparent;
  border-top: 20px solid white;
}
.pt_cntnts .why {
  background-color: #d7f4f9;
}
.pt_cntnts .why dt {
  color: #00ade8;
}
.pt_cntnts .why:after {
  border: 16px solid transparent;
  border-top: 20px solid #d7f4f9;
}
.pt_cntnts .whats {
  background-color: #00ade8;
  color: white;
  margin-bottom: 36px;
}
.pt_cntnts .whats dt {
  color: yellow;
}
.pt_cntnts .whats a.link_more_one {
  color: white;
  border: 1px solid white;
}
.pt_cntnts .whats ul {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.7;
}
.pt_cntnts .whats ul li {
  border-bottom: 1px dashed #d7f4f9;
  margin-bottom: 6px;
}
.pt_cntnts .whats ul li:before {
  content: "・";
  color: yellow;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}
.pt_cntnts .whats:after {
  border: 16px solid transparent;
  border-top: 20px solid #00ade8;
}

@-webkit-keyframes nextarrow {
  0%,50%,100% {
    bottom: -24px;
  }

  25%,75% {
    bottom: -36px;
  }
}

@keyframes nextarrow {
  0%,50%,100% {
    bottom: -24px;
  }

  25%,75% {
    bottom: -36px;
  }
}

.pt_course_all {
  margin-top: -36px;
  padding: 24px 3.125% 12px;
  background-color: #dddddd !important;
}
.pt_course_all .pt_course_ttl {
  display: table;
  width: 100%;
  margin-bottom: 12px;
}
.pt_course_all .pt_course_ttl h2 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.875;
  float: left;
  display: table-cell;
  vertical-align: top;
  font-weight: bolder;
}
.pt_course_all .pt_course_ttl p {
  display: table-cell;
  vertical-align: top;
  width: 150px;
  padding-top: 3px;
}
.pt_course_all .pt_course_ttl p img {
  width: 100%;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.pt_course li {
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: #dddddd 0 1px 3px;
  -moz-box-shadow: #dddddd 0 1px 3px;
  box-shadow: #dddddd 0 1px 3px;
  border-top: 2px solid #00ade8;
  margin-bottom: 12px;
  padding: 12px 10px;
  height: 138px;
  position: relative;
}
.pt_course li div.push {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  color: #fd6597;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  font-weight: bolder;
  letter-spacing: 1px;
}
.pt_course li div.push p {
  -ms-animation: flash 6s linear alternate infinite;
  -o-animation: flash 6s linear alternate infinite;
  -moz-animation: flash 6s linear alternate infinite;
  -webkit-animation: flash 6s linear alternate infinite;
}
.pt_course li div.subject {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  margin-bottom: 6px;
  letter-spacing: 1px;
  border-bottom: 1px dashed #d0d0d0;
}
.pt_course li div.subject .name {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.125rem;
  float: left;
  line-height: 1;
  font-weight: bolder;
  color: #00ade8;
}
.pt_course li div.subject .price {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  text-align: right;
  padding-top: 10px;
}
.pt_course li ul.point {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 4px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.pt_course li ul.point li {
  border: 0;
  font-size: 14px;
  font-size: 0.875rem;
  float: left;
  width: 33.333%;
  height: 36px;
  text-align: center;
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
.pt_course li ul.point li p {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
}
.pt_course li ul.point li span {
  color: #ff3366;
}
.pt_course li ul.point li:first-child::before, .pt_course li ul.point li:first-child::after, .pt_course li ul.point li:nth-child(2)::before, .pt_course li ul.point li:last-child::before {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  top: 0;
  right: 0;
}
.pt_course li ul.point li:nth-child(2)::before, .pt_course li ul.point li:last-child::before {
  content: "+";
  font-size: 20px;
  font-size: 1.25rem;
  width: 12px;
  height: 12px;
  top: 9px;
  left: 0%;
  margin-left: -6px;
}
.pt_course li ul.point li:last-child {
  font-weight: bolder;
}
.pt_course li ul.point li:last-child:before {
  content: "=";
}
.pt_course li ul.point li .bonus_pt {
  padding-top: 5px;
  white-space: nowrap;
}
.pt_course li ul.point li .bonus_pt span {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0 2px;
  color: #00ade8;
}
.pt_course li .pt_course_register, .pt_course li .pt_course_registered {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  border-radius: 4px !important;
  line-height: 2.5714;
  text-align: center;
  margin: 6px auto;
  padding: 0;
}
.pt_course li .pt_course_register {
  -webkit-box-shadow: inset #7ca600 0 -2px 0;
  -moz-box-shadow: inset #7ca600 0 -2px 0;
  box-shadow: inset #7ca600 0 -2px 0;
  background-color: #8fbf00 !important;
  color: white;
  display: block;
  width: 180px !important;
  height: 36px !important;
  margin: 0px auto 12px;
}
.pt_course li .pt_course_register:hover {
  color: white;
  background-color: #7ca600 !important;
}
.pt_course li .pt_course_registered {
  background-color: #dddddd !important;
  display: block;
  width: 180px !important;
  height: 36px !important;
  margin: 0px auto 12px;
}

.course_info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  margin: 0 3.125% 48px;
}
.course_info dt {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #ff3366 !important;
  color: white;
  display: inline-block;
  line-height: 1.5;
  padding: 0 10px;
}
.course_info dt span {
  font-size: 16px;
  font-size: 1rem;
  padding: 0 5px;
}
.course_info dd {
  border: 1px solid #ff3366;
  padding: 11px 10px;
}
.course_info dd span {
  text-decoration: underline;
  background-color: #fffcfd;
  padding: 0 3px;
  margin: 0 2px;
}
.course_info dd span a {
  color: #ff3366;
}

.bonus_pt_table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  border: 1px solid #00ade8;
  width: 100%;
}
.bonus_pt_table thead {
  color: white;
  background-color: #00ade8;
}
.bonus_pt_table thead tr {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
}
.bonus_pt_table thead th {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  border-right: 1px solid #82dfff;
  text-align: center;
}
.bonus_pt_table thead th:last-child {
  border-right: none;
}
.bonus_pt_table tbody {
  border: 1px solid #00ade8;
}
.bonus_pt_table tbody tr {
  height: 36px;
}
.bonus_pt_table tbody th {
  font-size: 16px;
  font-size: 1rem;
  padding-left: 10px;
  color: #00ade8;
  background-color: white;
  text-align: left;
}
.bonus_pt_table tbody td {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  height: 36px;
}
.bonus_pt_table tbody td span {
  background-color: #f1f1f1;
  padding: 8px 0;
  display: block;
  border-left: 1px solid white;
  border-right: 1px solid white;
}
.bonus_pt_table tbody td:first-child span {
  border-left: 2px solid white;
}
.bonus_pt_table tbody td:last-child span {
  border-right: 2px solid white;
}
.bonus_pt_table caption {
  display: none;
}

.payment {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 3.125% 48px;
}
.payment span {
  text-align: center;
  margin: 0 auto 18px;
  width: 100%;
  display: block;
}
.payment span img {
  width: 188px;
  height: 30px;
}
.payment .payment_p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

ul.course_quit {
  padding: 12px 0;
}
ul.course_quit li {
  -webkit-box-shadow: #eaeaea 0 1px 0;
  -moz-box-shadow: #eaeaea 0 1px 0;
  box-shadow: #eaeaea 0 1px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1rem;
  line-height: 3;
  display: table;
  width: 100%;
  background-color: white;
  margin-bottom: 24px;
}
ul.course_quit li label {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  width: 80%;
}
ul.course_quit li input {
  font-size: 16px;
  font-size: 1rem;
  -webkit-box-shadow: inset #009acf -1px -1px 0;
  -moz-box-shadow: inset #009acf -1px -1px 0;
  box-shadow: inset #009acf -1px -1px 0;
  line-height: 2.5;
  display: table-cell;
  vertical-align: middle;
  background-color: #00ade8;
  color: white;
  width: 80px;
  height: 40px;
  margin: 4px;
  padding: 0;
}
ul.course_quit li input:hover {
  color: white;
  background-color: #009acf !important;
}

.genre_flick {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 4;
  background-color: #eaeaea;
  border-bottom: 3px solid #00ade8;
  border-top: 1px solid #dddddd;
  clear: both;
}
.genre_flick div {
  display: table;
  width: 710px !important;
  letter-spacing: -0.40em;
}
.genre_flick div em, .genre_flick div a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #dddddd;
  height: 56px;
  width: 70px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  letter-spacing: normal;
}
.genre_flick div em.landscape, .genre_flick div em.portrait {
  background-color: #eaeaea;
  color: #aaaaaa;
}
.genre_flick div a.landscape {
  background-color: white;
}
.genre_flick div a, .genre_flick div em.current, .genre_flick div .disabled {
  background-color: white;
  color: #0093ca;
}
.genre_flick div a:hover, .genre_flick div a:active, .genre_flick div a:focus, .genre_flick div em.current:hover, .genre_flick div em.current:active, .genre_flick div em.current:focus, .genre_flick div .disabled:hover, .genre_flick div .disabled:active, .genre_flick div .disabled:focus {
  color: #006e97;
}
.genre_flick div a {
  text-decoration: none;
}
.genre_flick div a:active {
  background-color: #dddddd;
}
.genre_flick div .current {
  position: relative;
  color: #444444 !important;
  font-weight: bold;
}
.genre_flick div .current:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 0px;
  left: 25px;
  border-bottom: 10px solid #00ade8;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.genre_flick div .disabled {
  color: #333;
}
.genre_flick div a.genre_5, .genre_flick div a.genre_6, .genre_flick div a.genre_24, .genre_flick div a.genre_37 {
  color: #fd6597 !important;
}
.genre_flick div .genre_6 {
  margin-left: 10px;
  border-left: 1px solid #dddddd;
}
.genre_flick div .genre_37 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 4.666666;
}
.genre_flick div .genre_40 {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 5.6;
}

p.flick_name {
  overflow: hidden;
  padding-top: 6px;
}
p.flick_name span {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.8;
  padding: 0 10px;
  background-color: #dddddd;
  float: right;
  color: #5e5e5e;
  text-align: center;
  letter-spacing: 2px;
  width: 80px;
  position: relative;
}
p.flick_name span:before, p.flick_name span:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  top: 0px;
  border-top: 18px solid transparent;
}
p.flick_name span:before {
  left: -10px;
  border-right: 10px solid #dddddd;
}

.word_flick {
  padding: 6px 3.125%;
  background-color: #d7f4f9;
  margin-bottom: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.word_flick div {
  vertical-align: top;
  display: table;
  width: 2405px !important;
  letter-spacing: -0.40em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.word_flick div ul {
  display: inline-block;
  margin-right: 13px;
  vertical-align: top;
  letter-spacing: normal;
}
.word_flick div ul:last-child {
  margin-right: 0;
}
.word_flick div ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1rem;
  border-right: 4px solid #d7f4f9;
  line-height: 3;
  height: 48px;
  width: 52px;
  letter-spacing: normal;
  float: left;
  text-align: center;
  background-color: #00ade8;
  color: white;
}
.word_flick div ul li:last-child {
  border-right: none;
}
.word_flick div ul li a {
  background-color: white;
  color: #0093ca;
  display: block;
}
.word_flick div ul li a:hover, .word_flick div ul li a:active, .word_flick div ul li a:focus {
  color: #006e97;
}

.word_choice {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 36px;
  padding: 6px 3.125%;
}
.word_choice p {
  float: left;
  text-align: center;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 22%;
  margin-right: 4%;
}
.word_choice p:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 14px;
  right: 7px;
  border-top: 10px solid #00ade8;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.word_choice p select {
  width: 100%;
  height: 36px;
  padding-left: 10px;
  background-color: white;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.4285714;
  color: #00ade8;
  border: 1px solid #00ade8;
}
.word_choice div {
  height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.word_choice div ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #00ade8;
  color: white;
  float: left;
  background-color: #00ade8;
  width: 14%;
  margin-right: 1%;
  height: 36px;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 3;
}
.word_choice div ul li:last-child {
  margin-right: 0;
}
.word_choice div ul li a {
  display: block;
  background-color: white;
  height: 34px;
  color: #00ade8;
}

.maingenre_pulldown {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 93.75%;
  padding: 6px;
  background-color: #d7f4f9;
  position: relative;
  margin: 12px 3.125% 0;
}
.maingenre_pulldown span {
  position: relative;
  display: block;
}
.maingenre_pulldown span select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  background-color: white;
  letter-spacing: 1px;
  color: #00ade8;
  height: 36px;
  padding-left: 10px;
  width: 100%;
  vertical-align: middle;
  line-height: 1;
}
.maingenre_pulldown span:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 12px;
  right: 10px;
  border-top: 10px solid #00ade8;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.subgenre_pulldown, .subgenre_pulldown_simple {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 0 3.125%;
  background-color: #00ade8;
  color: white;
  margin-bottom: 24px;
  position: relative;
}
.subgenre_pulldown p, .subgenre_pulldown_simple p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.6;
  display: table-cell;
  width: 80px;
  position: relative;
  vertical-align: top;
}
.subgenre_pulldown span, .subgenre_pulldown_simple span {
  position: relative;
  display: block;
}
.subgenre_pulldown span select, .subgenre_pulldown_simple span select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  background-color: white;
  color: #00ade8;
  height: 28px;
  margin: 2px 0 6px;
  padding-left: 10px;
  width: 100%;
  vertical-align: bottom;
}
.subgenre_pulldown span:after, .subgenre_pulldown_simple span:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 12px;
  right: 10px;
  border-top: 10px solid #00ade8;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.subgenre_pulldown_simple {
  background-color: white;
  color: #5e5e5e;
}
.subgenre_pulldown_simple p {
  vertical-align: middle;
  text-align: center;
}
.subgenre_pulldown_simple span {
  color: #5e5e5e;
  padding-right: 6px;
}
.subgenre_pulldown_simple span select {
  margin: 4px 0;
  color: #5e5e5e;
  border: 1px solid #dddddd;
}
.subgenre_pulldown_simple span:after {
  top: 13px;
  right: 17px;
}

.contact_id {
  -webkit-box-shadow: #eaeaea 0 1px 0;
  -moz-box-shadow: #eaeaea 0 1px 0;
  box-shadow: #eaeaea 0 1px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f1f1f1;
  width: 93.75%;
  margin: 0 auto 24px;
  padding: 12px 3.125%;
  text-align: center;
}
.contact_id p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  text-align: center;
}
.contact_id p span {
  color: #fd6597;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857;
  padding-left: 5px;
}
.contact_id p a {
  color: #00ade8;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  position: relative;
  padding-right: 10px;
}
.contact_id p a:hover, .contact_id p a:active, .contact_id p a:focus {
  color: #0087b5;
}
.contact_id p a:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 6px;
  width: 0px;
  height: 0px;
  margin-top: -4px;
  border-top: 3px solid #b7b7b7;
  border-right: 3px solid #b7b7b7;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.jump_follow {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  padding: 12px 3.125%;
}
.jump_follow p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  text-align: center;
}

.freecomics_follow {
  margin: 0 0 24px;
  padding: 6px 3.125%;
  background-color: #ff3366;
  color: white;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.freecomics_follow span {
  color: yellow;
  font-weight: bold;
  padding: 0 3px;
}

.text_link {
  color: #ff3366;
  text-decoration: underline;
}
.text_link:hover, .text_link:active, .text_link:focus {
  color: #ff0040;
}

section.free_discount {
  margin: 0 3.125%;
}
section.free_discount h2 {
  display: none;
}
section.free_discount a {
  color: white;
  display: block;
}
section.free_discount p {
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-box-shadow: 0 3px 1px -1px #d0d0d0;
  -moz-box-shadow: 0 3px 1px -1px #d0d0d0;
  box-shadow: 0 3px 1px -1px #d0d0d0;
  background-color: #ff4d79;
  border: 6px double white;
  text-align: center;
  line-height: 3;
  letter-spacing: 1px;
}
section.free_discount p span {
  position: relative;
  padding-bottom: 2px;
  border-bottom: 1px solid white;
}
section.free_discount p span:before {
  position: absolute;
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  top: 4px;
  left: -13px;
  border: 5px solid transparent;
  border-left: 8px solid yellow;
}

.search-inner-box {
  -webkit-box-shadow: inset 0 -30px 0 #d7f4f9;
  -moz-box-shadow: inset 0 -30px 0 #d7f4f9;
  box-shadow: inset 0 -30px 0 #d7f4f9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 36px;
  padding: 0 3.125% 12px;
  position: relative;
}
.search-inner-box input[type="search"], .search-inner-box .submit {
  vertical-align: bottom;
}
.search-inner-box input[type="search"] {
  border: 1px solid #dddddd;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  height: 28px;
  padding: 7px 10px;
  width: 78.3333333335%;
  margin-right: 1.6666666665%;
}
.search-inner-box .submit {
  border: 1px solid white;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  line-height: 2.57142857142;
  width: 20%;
  height: 48px;
  color: white;
}
.search-inner-box .result {
  position: absolute;
  right: 3.125%;
  bottom: -30px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  height: 24px;
}
.search-inner-box .result span {
  color: #fd6597;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 5px;
}

.banner_space {
  padding: 0px 3.125% 24px;
}

.banner_img {
  width: 100%;
}
.banner_img a {
  display: block;
}
.banner_img img {
  width: 100%;
}

.banner_design {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  position: relative;
  width: 300px;
  height: 120px;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 1px -1px #d0d0d0;
  -moz-box-shadow: 0 2px 1px -1px #d0d0d0;
  box-shadow: 0 2px 1px -1px #d0d0d0;
}
.banner_design a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 5px;
  border: 4px double #00ade8;
  width: 300px;
  height: 120px;
}
.banner_design img {
  width: 100%;
  border: 1px solid #dddddd;
}
.banner_design h2, .banner_design h3 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #0087b5;
  border-bottom: 3px solid #00ade8;
  margin-bottom: 1px;
  letter-spacing: 2px;
  font-weight: bold;
  line-height: 1.2;
}
.banner_design dl {
  float: left;
  width: 30%;
  color: #00ade8;
  line-height: 1.5;
  padding-top: 4px;
}
.banner_design dl dt {
  font-size: 16px;
  font-size: 1rem;
  color: #ff3366;
}
.banner_design dl dd {
  font-size: 10px;
  font-size: 0.625rem;
}
.banner_design ul {
  display: table;
  width: 70%;
}
.banner_design li {
  display: table-cell;
  width: 23.5%;
  vertical-align: bottom;
  padding-left: 2%;
}
.banner_design li:first-child {
  padding-left: 0;
}
.banner_design p.check {
  position: absolute;
  top: 9px;
  right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ff3366;
  color: yellow;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.66666666666;
  text-align: center;
  width: 60px;
  height: 20px;
  -moz-border-radius-topleft: 24px;
  -webkit-border-top-left-radius: 24px;
  border-top-left-radius: 24px;
  -moz-border-radius-bottomleft: 24px;
  -webkit-border-bottom-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.banner_design p.cmnt {
  font-size: 10px;
  line-height: 1;
  background-color: #f1f1f1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  padding: 3px 5px;
  position: absolute;
  bottom: 7px;
  left: 4px;
  width: 94%;
  text-align: center;
}

.ad_clicked_book {
  padding-top: 12px;
}

.additional_push {
  max-width: 1024px;
  margin: 0 auto;
}
.additional_push dl {
  margin: 0 3.125% 24px;
  width: 93.75%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
  background-color: #f1f1f1;
}
.additional_push dl img {
  width: 100%;
  margin-bottom: 6px;
}
.additional_push dl dt {
  display: none;
}
.additional_push dl p.cmnt {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
  letter-spacing: 1px;
  padding: 0 5px;
  margin-bottom: 6px;
}
.additional_push dl p.cmnt a {
  color: #ff3366;
  text-decoration: underline;
}
.additional_push dl p.btn {
  margin-bottom: 6px;
}
.additional_push dl p.btn a {
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 6px 5px;
  height: 24px;
  line-height: 1;
  width: 280px;
  margin: 0 auto;
}

.alerts_top {
  background-color: white;
}
.alerts_top .band {
  background-color: #5e5e5e;
  border-top: 6px solid #5e5e5e;
  border-bottom: 6px solid #5e5e5e;
  overflow: hidden;
  color: white;
}
.alerts_top .band h2 {
  float: left;
  padding-left: 30px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 2px;
  background-image: url(/images/spriteicons_04.png);
  -webkit-background-size: 18px auto;
  -moz-background-size: 18px auto;
  background-size: 18px auto;
  background-position: 7px -415px;
  background-repeat: no-repeat;
}
.alerts_top .band a {
  color: #d0d0d0;
  float: right;
  margin-right: 3.125%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 4px 5px 4px 10px;
  position: relative;
}
.alerts_top .band a:before {
  position: absolute;
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  top: 5px;
  left: 0px;
  border: 4px solid transparent;
  border-left: 6px solid #d0d0d0;
}
.alerts_top .cmnt {
  padding: 12px 3.125%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.alerts_top .cmnt p a {
  padding: 0 5px;
  text-decoration: underline;
  letter-spacing: 1px;
}
.alerts_top .alert_none {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  color: #ff3366;
  text-align: center;
  padding: 12px 3.125%;
  letter-spacing: 1px;
}
.alerts_top .alert_lists {
  border-top: 1px solid #dddddd;
}
.alerts_top .alert_lists li {
  border-bottom: 1px solid #dddddd;
  padding: 6px 3.125% 5px;
}
.alerts_top .alert_lists li dt {
  height: 36px;
  width: 36px;
  font-size: 10px;
  font-size: 0.625rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  line-height: 3.6;
  background-color: #d7f4f9;
  color: #00ade8;
  float: left;
  margin-right: 12px;
  text-align: center;
  position: relative;
}
.alerts_top .alert_lists li dt:after {
  position: absolute;
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  top: 12px;
  left: 36px;
  border: 5px solid transparent;
  border-left: 7px solid #d7f4f9;
}
.alerts_top .alert_lists li dd {
  letter-spacing: 1px;
}
.alerts_top .alert_lists li dd.img {
  display: none;
}
.alerts_top .alert_lists li dd.cntnts {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  margin-bottom: 4px;
}
.alerts_top .alert_lists li span.add, .alerts_top .alert_lists li span.new {
  font-weight: bolder;
}
.alerts_top .alert_lists li span.add:after, .alerts_top .alert_lists li span.new:after {
  content: " : ";
  color: #3c3c3c;
}
.alerts_top .alert_lists li span.add {
  color: #7ca600;
}
.alerts_top .alert_lists li span.new {
  color: #fd6597;
}
.alerts_top .alert_lists li dd.name {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}
.alerts_top .alert_lists li a {
  text-decoration: underline;
  display: inline-block;
}
.alerts_top .alert_lists li img {
  width: 100%;
}

.alerts_set {
  min-height: 300px;
}
.alerts_set li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  margin: 0 3.125% 24px;
  height: 48px;
}
.alerts_set li a {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 11px 10px;
  display: inline;
  text-decoration: underline;
  max-width: 65%;
}
.alerts_set li a.delete {
  background-color: #fd6597;
  color: white;
  float: right;
  text-decoration: none;
  width: 60px;
  margin: 7px 10px;
  line-height: 2;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -2px 0 #fd4c86;
  -moz-box-shadow: inset 0 -2px 0 #fd4c86;
  box-shadow: inset 0 -2px 0 #fd4c86;
}
.alerts_set li a.delete:hover {
  background: #fd4c86;
}

.alerts_authors {
  border-bottom: 1px solid #dddddd;
  padding: 12px 3.125% 11px;
  overflow: hidden;
  margin-bottom: 24px;
  margin-top: -24px;
}
.alerts_authors dl {
  display: table;
}
.alerts_authors dt {
  display: table-cell;
  vertical-align: top;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding-right: 20px;
}
.alerts_authors dd {
  display: table-cell;
  vertical-align: top;
}
.alerts_authors p {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  padding-top: 6px;
  letter-spacing: 1px;
  color: #777777;
}

.alerts_about {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
.alerts_about .nextline {
  border-bottom: 2px solid #00ade8;
  position: relative;
  padding-top: 23px;
  margin-bottom: 23px;
}
.alerts_about .nextline:before, .alerts_about .nextline:after {
  position: absolute;
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  left: 50%;
}
.alerts_about .nextline:before {
  bottom: -42px;
  margin-left: -10px;
  border: 20px solid transparent;
  border-top: 22px solid #00ade8;
}
.alerts_about .nextline:after {
  bottom: -37px;
  margin-left: -8px;
  border: 18px solid transparent;
  border-top: 20px solid white;
}
.alerts_about h2 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  color: #4cc5dc;
  padding: 10px 3.125% 12px;
  font-weight: bolder;
}
.alerts_about dl {
  padding: 0 3.125%;
  text-align: center;
  margin-bottom: 24px;
  font-weight: bolder;
}
.alerts_about dl dt {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2;
  color: #ff3366;
}
.alerts_about dl dd {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}
.alerts_about dl dd span.br {
  display: block;
}
.alerts_about .wrapper {
  padding: 0 3.125%;
}
.alerts_about .imgbox {
  width: 100%;
}
.alerts_about .imgbox img {
  width: 100%;
}
.alerts_about .cmnt {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 3px 3.125%;
  margin-bottom: 24px;
  color: #ff3366;
}

@keyframes bg_course_banner {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 0;
  }
}

@-webkit-keyframes bg_course_banner {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 0;
  }
}

.course_banner {
  margin: 0 3.125% 12px;
  background-color: #ff3366 !important;
  border: 3px double white;
  padding: 6px;
  background: -moz-linear-gradient(-45deg, #ff4d79 25%, #ff3366 25%, #ff3366 50%, #ff4d79 50%, #ff4d79 75%, #ff3366 75%, #ff3366);
  background: -webkit-linear-gradient(-45deg, #ff4d79 25%, #ff3366 25%, #ff3366 50%, #ff4d79 50%, #ff4d79 75%, #ff3366 75%, #ff3366);
  background: -o-linear-gradient(-45deg, #ff4d79 25%, #ff3366 25%, #ff3366 50%, #ff4d79 50%, #ff4d79 75%, #ff3366 75%, #ff3366);
  background: -ms-linear-gradient(-45deg, #ff4d79 25%, #ff3366 25%, #ff3366 50%, #ff4d79 50%, #ff4d79 75%, #ff3366 75%, #ff3366);
  background: linear-gradient(-45deg, #ff4d79 25%, #ff3366 25%, #ff3366 50%, #ff4d79 50%, #ff4d79 75%, #ff3366 75%, #ff3366);
  -ms-animation: bg_course_banner 10s linear infinite;
  -o-animation: bg_course_banner 10s linear infinite;
  -moz-animation: bg_course_banner 10s linear infinite;
  -webkit-animation: bg_course_banner 10s linear infinite;
  background-size: 20px 20px;
}
.course_banner .course_banner_content h2, .course_banner .course_banner_content h3 {
  line-height: 1.5;
  color: white;
  width: 280px;
  margin: 0 auto;
}
.course_banner .course_banner_content h2 .p1, .course_banner .course_banner_content h3 .p1 {
  display: block;
}
.course_banner .course_banner_content h2 .p2, .course_banner .course_banner_content h2 .p3, .course_banner .course_banner_content h3 .p2, .course_banner .course_banner_content h3 .p3 {
  display: inline-block;
}
.course_banner .course_banner_content h2 .bg, .course_banner .course_banner_content h3 .bg {
  color: yellow;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bolder;
}
.course_banner .course_banner_delete {
  float: right;
}
.course_banner .course_banner_delete p {
  cursor: pointer;
  background-color: #e60039;
  color: #ff4d79;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  height: 12px;
  width: 18px;
  padding: 2px 0 3px;
  text-align: center;
  font-weight: bolder;
}
.course_banner a.link_more_one {
  margin: 6px auto;
  color: white;
  background-color: #ff3366;
  border: 1px solid white;
}

.course_banner_volumes {
  margin: 12px auto 0;
}

@media screen and (min-width: 360px) {
  .genre_flick div {
    width: 850px !important;
  }
  .genre_flick div a, .genre_flick div em {
    width: 78.4px;
  }
  .genre_flick div .current:before {
    left: 29.2px;
  }
  .genre_flick div .genre_6, .genre_flick div .genre_6 em {
    margin-left: 10px;
  }
}
@media screen and (min-width: 600px) {
  #container {
    margin: 0 auto;
    padding: 0 2.5%;
    width: 95%;
    overflow: hidden;
  }

  #main {
    margin-bottom: 24px;
  }

  .tablet {
    display: block !important;
  }

  .btm_spacer {
    margin-bottom: 24px !important;
  }

  a.link_more {
    width: auto;
    display: inline-block;
    float: right;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.714285714285;
    margin: 0 0 24px;
    letter-spacing: 1px;
    position: relative;
    padding: 6px 0 6px 24px;
    border: none;
  }
  a.link_more:before {
    position: absolute;
    background-color: #00ade8;
    content: "";
    width: 20px;
    height: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    top: 7px;
    left: 0px;
  }
  a.link_more:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 6px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: 3px solid white;
    border-right: 3px solid white;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-top: 2px solid white;
    border-right: 2px solid white;
    top: 17px;
    left: 5px;
  }

  ul.link_more_three {
    width: 100%;
    max-width: 500px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2;
    margin: 24px auto 36px;
    letter-spacing: 1px;
  }
  ul.link_more_three li span {
    display: inline;
  }

  .ttl_line {
    text-align: left;
  }

  .ttl_main {
    background-color: #4cc5dc;
    background: -moz-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00ade8), color-stop(60%, #4cc5dc), color-stop(100%, #8ffce6));
    background: -webkit-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: -o-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: -ms-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0f0', endColorstr='#8ffce6',GradientType=1 );
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    text-align: left;
    padding: 12px 3.125%;
  }

  .ttl_sub {
    padding-top: 6px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.5;
    font-weight: bolder;
  }
  .ttl_sub h2, .ttl_sub h3 {
    letter-spacing: 2px;
  }
  .ttl_sub h2.add_pickup span {
    display: inline;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .ttl_sub p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.5;
    letter-spacing: 1px;
  }
  .ttl_sub p span {
    color: #ff3366;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.5;
  }

  .ttl_fts {
    line-height: 2;
  }

  .listbox li {
    float: left;
    margin-right: 10px;
  }

  div.box_two {
    display: table;
    width: 100%;
    letter-spacing: -0.4em;
  }
  div.box_two .box_two_l, div.box_two .box_two_r {
    display: inline-block;
    width: 48.3333333333%;
    letter-spacing: normal;
  }
  div.box_two .box_two_l {
    margin-right: 3.3333333333%;
  }

  header {
    -webkit-box-shadow: inset #dddddd 0 -5px 0 0;
    -moz-box-shadow: inset #dddddd 0 -5px 0 0;
    box-shadow: inset #dddddd 0 -5px 0 0;
  }
  header div.headline {
    height: 78px;
    border: none;
    width: 132px;
    padding: 6px 8px 6px 2.5%;
    float: left;
  }
  header div.headline .logo {
    width: 90%;
    float: none;
    padding: 0;
    margin: 9px auto 0;
  }
  header div.headline .head_ttl {
    width: 100%;
    padding: 9px 0 0;
    text-align: center;
    line-height: 1.2;
  }
  header div.headline .head_ttl h1 {
    width: 100%;
  }
  header div.acuntbox {
    width: 58.75%;
    float: right;
    margin: 12px 13.75% 12px 0;
  }
  header div.acuntbox ul.logoutbox {
    height: 30px;
    padding: 0;
  }
  header div.acuntbox ul.logoutbox li {
    border: none;
    line-height: 2.5;
    height: 30px;
  }
  header div.acuntbox ul.logoutbox li a {
    color: white;
    height: 30px;
    line-height: 2.5;
  }
  header div.acuntbox ul.loginbox {
    height: 30px;
  }
  header div.acuntbox ul.loginbox a {
    background-color: #0087b5;
  }
  header div.acuntbox ul.loginbox li {
    float: right;
  }
  header div.acuntbox ul.loginbox li.my {
    border: none;
  }
  header div.acuntbox ul.loginbox li.alert {
    width: 120px;
    margin: 0 10px;
  }
  header div.acuntbox ul.loginbox li.alert:before {
    display: none;
  }
  header div.acuntbox ul.loginbox li.alert p.alerts_count {
    right: 5px;
  }
  header div.acuntbox ul.loginbox li.pt_cmnt {
    display: block;
    width: 110px;
  }
  header div.acuntbox ul.loginbox li.pt_cmnt a {
    background-color: #4cc5dc;
  }
  header div.acuntbox ul.loginbox li.pt_crnt {
    width: auto;
    position: static;
  }
  header div.acuntbox ul.loginbox li.pt_crnt:before {
    display: none;
    position: static;
  }
  header div.acuntbox ul.loginbox li.pt_crnt {
    line-height: 1.4;
    padding: 0;
  }
  header div.acuntbox ul.loginbox li.pt_crnt span {
    font-size: 16px;
    font-size: 1rem;
  }
  header .menu-trigger {
    width: 72px;
    height: 90px;
    -webkit-background-size: 72px auto;
    -moz-background-size: 72px auto;
    background-size: 84px auto;
    background-position: 8px -72px;
  }

  .search_area {
    border: none;
    width: 58.75%;
    float: right;
    margin-right: 13.75%;
    padding: 0;
  }

  ul.glonavi {
    text-align: center;
    border-top: 1px solid #eaeaea;
    clear: both;
  }
  ul.glonavi li {
    width: 20%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  ul.glonavi li a {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 3;
    color: #00ade8;
    border-bottom: 5px solid #12c3ff;
    -webkit-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
    letter-spacing: 1px;
  }
  ul.glonavi li a:hover {
    background-color: #12c3ff;
    color: white;
  }

  .bread_upper .bread {
    display: block;
  }

  .title {
    text-align: left;
  }
  .title h1, .title h2 {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 2px 0;
  }
  .title p {
    line-height: 1.5;
  }
  .title a {
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    color: #02bfff;
    border: 1px solid #02bfff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    line-height: 1;
    float: right;
    padding: 6px 10px;
    margin-top: -36px;
    letter-spacing: 1px;
  }
  .title a:hover, .title a:active, .title a:focus {
    color: #009acf;
  }

  .pickup {
    position: relative;
    padding-top: 24px;
    margin-bottom: 24px;
  }
  .pickup a.box_top_link {
    top: 36px;
  }

  .fbn div.ttl_sub {
    padding: 0;
  }
  .fbn h2, .fbn .ttl_sub:after {
    display: none;
    clear: both;
    padding-top: 0;
  }
  .fbn .fbn_mroe {
    background-color: #4cc5dc;
    background: -moz-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00ade8), color-stop(60%, #4cc5dc), color-stop(100%, #8ffce6));
    background: -webkit-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: -o-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: -ms-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0f0', endColorstr='#8ffce6',GradientType=1 );
    height: 48px;
    margin-top: -36px;
  }
  .fbn a.link_more {
    display: none;
  }
  .fbn ul {
    padding: 0 2.5%;
  }
  .fbn ul li {
    width: 23.75%;
    margin-right: 1.6666666666%;
  }
  .fbn ul li:nth-child(2n) {
    margin-right: 1.6666666666%;
  }
  .fbn ul li:nth-child(n+3) {
    margin-bottom: 12px;
  }
  .fbn ul li:last-child {
    margin-right: 0;
  }
  .fbn ul li p {
    letter-spacing: -0.6px;
  }

  ul.syllabary_box {
    padding: 6px 3.125%;
    display: table;
    width: 93.75%;
    max-width: 300px;
  }
  ul.syllabary_box li {
    width: 17.3333333333%;
    margin-right: 3.3333333333%;
    max-width: 48px;
  }
  ul.syllabary_box li a {
    font-size: 12px;
    font-size: 0.75rem;
  }

  .footmark ul {
    margin-bottom: 24px;
  }
  .footmark li {
    width: 13.8888888888%;
  }
  .footmark li:nth-child(n+6) {
    display: inline-block;
  }

  div.fourcover {
    height: auto;
  }
  div.fourcover ul.wrapper {
    height: auto;
    background-image: none;
    *zoom: 1;
  }
  div.fourcover ul.wrapper:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  div.fourcover li {
    height: auto;
    float: left;
    width: 16.66666666%;
    margin: 0 0 24px 6.66666666%;
    padding-right: 0;
    max-width: none;
  }
  div.fourcover li:first-child {
    width: 16.66666666%;
    padding-left: 0;
  }
  div.fourcover li:first-child img {
    max-width: 100px;
  }
  div.fourcover li a {
    max-width: 100px;
    margin: 0 auto;
  }
  div.fourcover li a div {
    height: 165px;
    display: block;
  }
  div.fourcover li a img {
    max-width: 100px;
  }
  div.fourcover li p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.4;
    max-width: 100px;
  }
  div.fourcover li p.book {
    height: 31px;
  }
  div.fourcover li p.author {
    margin-top: 4px;
    font-size: 12px;
    font-size: 0.75rem;
    height: 19px;
  }
  div.fourcover li p.number {
    margin-top: 4px;
    font-size: 12px;
    font-size: 0.75rem;
  }

  ul.jk6 {
    margin: 0 6.6666666% 24px;
  }
  ul.jk6 li {
    width: 19.230769%;
    max-width: none;
    margin-right: 7.6923076%;
  }
  ul.jk6 li a {
    margin: 0 auto;
  }

  div.liner .hmf {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
  }

  ol.book_rank {
    margin-bottom: 24px;
  }
  ol.book_rank dl {
    padding: 12px 6px;
  }
  ol.book_rank dl dd p.jk {
    padding: 5px 10px 0;
  }
  ol.book_rank dl dd p.jk img {
    border: none;
  }
  ol.book_rank li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%;
  }
  ol.book_rank li:nth-child(n+6) {
    display: inline-block;
    border-bottom: none;
  }
  ol.book_rank li:nth-child(4), ol.book_rank li:nth-child(5) {
    width: 20%;
    display: inline-block;
  }
  ol.book_rank li:nth-child(4) dl, ol.book_rank li:nth-child(5) dl {
    padding: 12px 5px;
  }
  ol.book_rank li:nth-child(4) dt, ol.book_rank li:nth-child(5) dt {
    top: 5px;
  }
  ol.book_rank li:nth-child(4) p.jk, ol.book_rank li:nth-child(5) p.jk {
    display: block;
  }
  ol.book_rank li:nth-child(4) p.ttl, ol.book_rank li:nth-child(5) p.ttl {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.25;
    text-align: center;
    padding: 0;
    margin: 6px 5px;
  }
  ol.book_rank li:nth-child(4) p.author, ol.book_rank li:nth-child(5) p.author {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
    padding: 0 6px;
    width: 100%;
  }
  ol.book_rank li:nth-child(4) a, ol.book_rank li:nth-child(5) a {
    max-width: 120px;
    text-align: center;
    padding-left: 0;
  }
  ol.book_rank li:nth-child(4) form, ol.book_rank li:nth-child(5) form {
    position: static;
    bottom: 0;
    right: 0;
  }
  ol.book_rank li:nth-child(4) p.mark, ol.book_rank li:nth-child(5) p.mark {
    display: block;
  }

  ol.toprank {
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
  }
  ol.toprank .author {
    font-size: 12px;
    font-size: 0.75rem;
  }
  ol.toprank li a {
    height: 180px;
    padding: 10px;
    font-size: 16px;
    font-size: 1rem;
  }
  ol.toprank li.gold {
    width: 100%;
    float: none;
    border-bottom: 1px solid #dddddd;
  }
  ol.toprank li.gold dl {
    width: 100%;
  }
  ol.toprank li.gold dd.ttl {
    font-size: 16px;
    font-size: 1rem;
  }
  ol.toprank li.gold img {
    max-width: 100px;
    max-height: 165px;
  }
  ol.toprank li.silver, ol.toprank li.bronze {
    border-left: none;
  }
  ol.toprank li.silver a, ol.toprank li.bronze a {
    height: 144px;
  }
  ol.toprank li.silver dt, ol.toprank li.bronze dt {
    padding-bottom: 5px;
  }
  ol.toprank li.silver img, ol.toprank li.bronze img {
    float: left;
    width: 35.95505%;
    margin-right: 10px;
    max-width: 70px;
    max-height: 113px;
  }
  ol.toprank li.silver {
    border-bottom: 1px solid #dddddd;
  }

  ul.ranklist {
    padding: 0 3.125%;
    overflow: hidden;
  }
  ul.ranklist > li {
    width: 48.275%;
    margin-bottom: 24px;
    margin-right: 3.448%;
    float: left;
  }
  ul.ranklist > li:nth-child(even) {
    margin-right: 0;
  }
  ul.ranklist > li:last-child, ul.ranklist > li:nth-child(3) {
    margin-bottom: 0;
  }

  section.seek {
    margin-bottom: 24px;
  }

  ul.seek_genre li a, ul.seek_label li a {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 6px 6.25% 5px;
  }

  footer {
    text-align: center;
  }

  section.syllabary {
    margin-bottom: 24px;
  }

  article .bookhead_line {
    background-color: #4cc5dc;
    background: -moz-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #00ade8), color-stop(60%, #4cc5dc), color-stop(100%, #8ffce6));
    background: -webkit-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: -o-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: -ms-linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    background: linear-gradient(45deg, #00ade8 0%, #4cc5dc 60%, #8ffce6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0f0', endColorstr='#8ffce6',GradientType=1 );
    display: block;
    content: "";
    height: 3px;
  }
  article h1 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
  article h2 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
  article h2 span {
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 10px;
  }
  article p.ttl_all_smpl {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.28571 !important;
  }
  article .catgry {
    display: block;
  }
  article .push {
    margin: 12px 3.125% 0;
  }
  article .description {
    font-size: 12px;
    font-size: 0.75rem;
  }
  article .remark_vol {
    padding-top: 12px;
  }
  article .remark_vol .free a {
    border: 4px double white;
    line-height: 2.5;
    letter-spacing: 1px;
  }
  article .remark_vol p {
    padding: 0;
  }

  article.book .bookhead {
    padding: 12px 3.125% 11px;
  }
  article.book .bookhead .ttl, article.book .bookhead .status, article.book .bookhead .catgry_func {
    float: right;
    width: 67%;
  }
  article.book .bookhead .jack {
    float: left;
    width: 30%;
  }
  article.book .bookhead .ttl {
    margin-bottom: 12px;
  }
  article.book .bookhead .status {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 3px 0 0;
    margin-bottom: 12px;
    border-bottom: 3px double #dddddd;
    text-align: right;
  }
  article.book .bookhead .status p {
    padding-right: 10px;
    float: right;
    letter-spacing: 1px;
    font-weight: bolder;
  }
  article.book .bookhead .status span.dn {
    font-size: 16px;
    font-size: 1rem;
  }
  article.book .bookhead .status p.rankweekly {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2;
    float: left;
    font-weight: normal;
  }
  article.book .bookhead .status p.rankweekly span {
    display: inline;
    padding-left: 5px;
  }
  article.book .bookhead .catgry_func {
    display: table;
  }
  article.book .bookhead .catgry {
    display: table-cell;
    vertical-align: top;
    float: none;
    width: 100%;
    padding-right: 20px;
  }
  article.book .bookhead .catgry li.price {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bolder;
    letter-spacing: 1px;
  }
  article.book .bookhead .func {
    display: table-cell;
    vertical-align: top;
    width: 140px;
    border: 1px solid #dddddd;
    padding: 4px 4px 0;
  }
  article.book .bookhead .func dl {
    padding: 5px 5px 0;
  }
  article.book .bookhead .func dl.book_setting dt {
    width: 60px;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2;
  }
  article.book .bookhead .func dl.book_setting dt span {
    display: block;
  }
  article.book .bookhead .func .some_authrs {
    padding: 4px;
    margin-bottom: 4px;
  }

  article.volume .bookhead {
    overflow: hidden;
    padding: 24px 3.125% 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #dddddd;
  }
  article.volume .bookhead .cntntsbox, article.volume .bookhead .bookbtn, article.volume .bookhead .settingbox, article.volume .bookhead .mediado_ios {
    width: 67%;
  }
  article.volume .bookhead .imgbox {
    width: 30%;
  }
  article.volume .bookhead .cntntsbox {
    padding: 0;
    float: right;
  }
  article.volume .bookhead .cntntsbox p.ttl_free {
    font-size: 16px;
    font-size: 1rem;
  }
  article.volume .bookhead .cntntsbox .authors {
    display: block;
  }
  article.volume .bookhead .cntntsbox .dllimit {
    display: none;
  }
  article.volume .bookhead .cntntsbox dl.price {
    text-align: right;
    border-bottom: 3px double #dddddd;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 12px;
  }
  article.volume .bookhead .cntntsbox dl.price dt, article.volume .bookhead .cntntsbox dl.price dd {
    float: none;
    display: inline-block;
    padding: 0 2px;
    vertical-align: middle;
  }
  article.volume .bookhead .cntntsbox dl.price dd.dlable {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 2px 5px;
    padding: 3px 6px 2px;
  }
  article.volume .bookhead .imgbox {
    float: left;
    display: block;
    background-color: #fff;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF');
    background-image: none;
    border: none;
  }
  article.volume .bookhead .imgbox img {
    display: block;
    padding: 1px;
  }
  article.volume .bookhead .imgbox p {
    display: none;
  }
  article.volume .bookhead .mediado_ios {
    float: right;
    padding: 0;
    margin-bottom: 12px;
  }
  article.volume .bookhead .bookbtn {
    padding: 0 0 12px;
    float: right;
  }
  article.volume .bookhead .bookbtn_info {
    margin: 0 0 12px;
  }
  article.volume .bookhead .bookbtn_info_pc {
    width: 100%;
    padding: 6px 0;
  }
  article.volume .bookhead .settingbox {
    float: right;
    display: table;
  }
  article.volume .bookhead .settingbox .volinfo {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
    width: 100%;
  }
  article.volume .bookhead .settingbox .volinfo li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  article.volume .bookhead .settingbox .func {
    float: right;
    display: table-cell;
    vertical-align: top;
    width: 150px;
    border: 1px solid #dddddd;
    padding: 4px 4px 0;
  }
  article.volume .bookhead .settingbox .func dl.book_setting, article.volume .bookhead .settingbox .func #alert_book, article.volume .bookhead .settingbox .func #alert_author {
    width: 100%;
    clear: both;
    display: block;
  }
  article.volume .bookhead .settingbox .func dl.book_setting dt, article.volume .bookhead .settingbox .func #alert_book dt, article.volume .bookhead .settingbox .func #alert_author dt {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.2;
    padding: 0;
    text-align: left;
    margin-bottom: 10px;
    float: left;
    width: 60px;
  }
  article.volume .bookhead .settingbox .func dl.book_setting dd, article.volume .bookhead .settingbox .func #alert_book dd, article.volume .bookhead .settingbox .func #alert_author dd {
    float: right;
    margin: 0;
  }
  article.volume .bookhead .settingbox .func dl.book_setting {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 5px 0;
    overflow: hidden;
  }
  article.volume .bookhead .settingbox .func .some_authrs {
    padding: 4px;
    margin-bottom: 4px;
  }
  article.volume .bookhead .settingbox .func .cmnt {
    background-color: #f1f1f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 4px;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.5;
    letter-spacing: 1px;
    padding: 5px;
  }
  article.volume .bookhead .settingbox .func .cmnt a {
    text-decoration: underline;
    padding: 0 2px;
    display: inline-block;
  }

  p.all_free_notice {
    font-size: 14px;
    font-size: 0.875rem;
  }

  article.volume .volinfo_all {
    display: table;
    width: 100%;
  }
  article.volume .volinfo_all .catgry {
    display: table-cell;
    vertical-align: top;
    width: 43.75%;
    padding: 0 3.125%;
  }
  article.volume .vol_both_btn, article.volume .vol_cresit_btn {
    font-size: 14px;
    font-size: 0.875rem;
  }
  article.volume .priod p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2;
  }
  article.volume .priod p.notice {
    font-size: 16px;
    font-size: 1rem;
  }
  article.volume .push {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }

  .pager {
    max-width: 770px;
  }

  .my_dscrp {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.714285714285;
    text-align: center;
  }

  .my_alerts_choice {
    max-width: 600px;
  }
  .my_alerts_choice li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.57142857142;
  }

  ul.my_nav li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 3.42857142857;
    letter-spacing: 1px;
  }

  ul.pt_info li {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }
  ul.pt_info li:first-child {
    border-right: 1px solid #eaeaea;
  }

  .book_list_inner dt {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 1px;
    margin-bottom: 12px;
  }
  .book_list_inner dd {
    clear: both;
  }
  .book_list_inner dd p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .book_list_inner .price_authors {
    border-bottom: 1px dashed #dddddd;
    display: table;
    width: 100%;
  }
  .book_list_inner .price_authors p {
    border: none;
    display: inline-block;
    padding: 3px 10px 2px 0;
  }
  .book_list_inner .summary {
    width: 70%;
    padding-top: 6px;
    overflow: hidden;
  }

  .book_list_btn {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding-top: 0;
    width: 20%;
  }
  .book_list_btn li {
    height: 36px;
    float: none;
    width: 100%;
  }
  .book_list_btn li a, .book_list_btn li input {
    line-height: 1;
    padding: 11px 0;
    height: 36px;
    letter-spacing: 1px;
  }
  .book_list_btn li .sample_none {
    height: 36px;
  }
  .book_list_btn li a {
    padding: 11px 0;
  }
  .book_list_btn li:first-child {
    margin-right: 0;
    margin-bottom: 6px;
  }

  p.book_list_push {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 1px;
  }

  .sale_list {
    font-size: 102px;
    font-size: 6.375rem;
    bottom: 0;
    top: -5px;
    right: 0;
  }

  .ranking_number .number {
    font-size: 110px;
    font-size: 6.875rem;
    bottom: 0;
    top: -5px;
    right: 0;
  }
  .ranking_number .number p.number10_99 {
    font-size: 90px;
    font-size: 5.625rem;
    padding-top: 18px;
  }
  .ranking_number .number p.number100 {
    font-size: 80px;
    font-size: 5rem;
    padding-top: 25px;
  }

  .jklist a {
    max-width: 120px;
  }

  .pk_list {
    overflow: hidden;
  }
  .pk_list li {
    width: 48.3333333333%;
    margin-right: 3.3333333333%;
    float: left;
  }
  .pk_list li:nth-child(2n) {
    margin-right: 0;
  }
  .pk_list p {
    height: 54px;
  }

  .jk4_6 li {
    background-color: white;
    height: 216px;
    margin-bottom: 24px;
    border: 1px solid #dddddd;
    position: relative;
  }
  .jk4_6 li a {
    height: 216px;
    position: relative;
  }

  .jk3n li {
    width: 13.8888888888%;
  }
  .jk3n li a {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .jk3n li:nth-child(3n) {
    margin-right: 3.3333333333%;
  }
  .jk3n li:nth-child(6n) {
    margin-right: 0;
  }

  .jk3n_6out_12in li:nth-child(n+7) {
    display: inline-block;
  }
  .jk3n_6out_12in li:nth-child(n+4) {
    margin-bottom: 24px;
  }

  .discount_top {
    border: 6px double white;
  }
  .discount_top div.cmnt h2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
    padding: 12px 0 6px 0;
  }
  .discount_top a.link_more {
    border: none;
    margin: 12px 3.125% 6px;
  }
  .discount_top a.link_more:before {
    background-color: white;
  }
  .discount_top a.link_more:after {
    border-top: 2px solid #00ade8;
    border-right: 2px solid #00ade8;
  }

  ul.pickup_comics {
    padding: 24px 3.125% 0;
  }

  dl.pickup_words {
    margin: 0 3.125% 24px;
    width: 93.75%;
    padding: 6px 6px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: none;
    background-color: #f1f1f1;
  }
  dl.pickup_words dt {
    width: 90px;
    color: yellow;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2;
    text-align: center;
    background-color: #fd6597;
    float: left;
    margin-right: 10px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  }
  dl.pickup_words dt:after {
    position: absolute;
    content: "";
    top: 6px;
    right: -6px;
    width: 0px;
    height: 0px;
    border-left: 8px solid #fd6597;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
  }
  dl.pickup_words dd {
    display: inline-block;
    line-height: 2;
    margin-bottom: 6px;
  }
  dl.pickup_words dd a {
    display: block;
    padding: 1px 6px;
    text-decoration: none;
    background-color: white;
    color: #009acf;
    border: 1px solid #009acf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  }
  dl.pickup_words dd a:hover, dl.pickup_words dd a:active, dl.pickup_words dd a:focus {
    color: #00749c;
  }
  dl.pickup_words dd.more {
    margin-top: 0;
  }
  dl.pickup_words dd.more a {
    border: 2px solid #4cc5dc;
    background-color: #4cc5dc;
    color: white;
  }
  dl.pickup_words dd.more a:hover, dl.pickup_words dd.more a:active, dl.pickup_words dd.more a:focus {
    color: #e6e6e6;
  }

  .pickup4_6 {
    padding: 0 3.125% 6px;
  }
  .pickup4_6 li {
    width: 13.06666666666%;
    margin-right: 3.3333333%;
  }
  .pickup4_6 li p.jk {
    padding-top: 0;
  }
  .pickup4_6 li p.ttl {
    position: static;
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    height: 36px;
  }
  .pickup4_6 li img {
    max-width: none;
    border: 1px solid #EFEFEF;
  }
  .pickup4_6 li:first-child {
    width: 18%;
  }
  .pickup4_6 li:nth-child(4) {
    margin-right: 3.3333333%;
  }
  .pickup4_6 li:nth-child(n+5) {
    display: inline-block;
  }

  div.liner {
    height: 66px;
  }

  .sort .sort_result {
    padding-bottom: 5px;
    font-size: 16px;
    font-size: 1rem;
  }
  .sort .sort_result span {
    color: #fd6597;
    font-size: 22px;
    font-size: 1.375rem;
    padding: 0 5px;
  }

  .colmn {
    display: table;
    width: 100%;
    padding: 0 1.5625% 24px;
    letter-spacing: -0.4em;
  }
  .colmn .col_two {
    display: inline-block;
    width: 46.875%;
    margin: 0 1.5625%;
    vertical-align: top;
    letter-spacing: normal;
  }

  section.login .colmn .col_two {
    height: 300px;
  }

  section.accounts .colmn .col_two {
    height: auto;
  }

  section.register .colmn .col_two {
    height: 396px;
  }

  dl.register_flow {
    width: 500px;
    margin-bottom: 24px;
    display: table;
  }
  dl.register_flow dt {
    width: 150px;
  }
  dl.register_flow dt, dl.register_flow dd {
    display: table-cell;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 3;
    padding: 2px;
  }

  .mark span:before {
    font-size: 12px;
    font-size: 0.75rem;
    min-width: 50px;
    line-height: 1.5;
  }
  .mark span.new:before, .mark span.additional:before {
    font-size: 12px;
    font-size: 0.75rem;
    height: 20px;
    width: 50px;
  }
  .mark span.additional:before {
    width: 65px;
  }
  .mark span.jacket:before {
    top: 136px;
    left: -5px;
  }
  .mark span.jacket:after {
    top: 155px;
    left: -5px;
  }
  .mark span.jklist_ranking:before {
    top: -70px;
    left: 5px;
  }
  .mark span.jklist_ranking:after {
    top: -50px;
    left: 5px;
  }

  .pt_cntnts h2 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2.1;
    width: 500px;
  }
  .pt_cntnts h2 .impact {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .pt_cntnts h2 .p1 {
    display: block;
    text-align: left;
    padding-left: 0;
  }
  .pt_cntnts h2 .p2 {
    display: block;
    text-align: left;
  }
  .pt_cntnts h2 .p3 {
    display: inline-block;
    text-align: left;
    padding-right: 0;
  }

  .pt_course {
    overflow: hidden;
  }
  .pt_course li {
    float: left;
    width: 31.1111111111%;
    margin-right: 3.3333333333%;
    height: 228px;
  }
  .pt_course li:last-child {
    margin-right: 0;
  }
  .pt_course li div.push {
    top: 34px;
    right: 0px;
    text-align: center;
    width: 100%;
  }
  .pt_course li div.subject {
    height: 60px;
  }
  .pt_course li div.subject .name {
    float: none;
    width: 100%;
    text-align: center;
  }
  .pt_course li div.subject .price {
    line-height: 1.2;
    text-align: center;
    padding-top: 24px;
  }
  .pt_course li ul.point {
    margin-bottom: 12px;
  }
  .pt_course li ul.point li {
    position: relative;
    width: 50%;
  }
  .pt_course li ul.point li:first-child {
    padding-right: 5px;
  }
  .pt_course li ul.point li:nth-child(2) {
    padding-left: 5px;
  }
  .pt_course li ul.point li:nth-child(2):before {
    top: 6px;
    left: -2px;
  }
  .pt_course li ul.point li:last-child {
    width: 100%;
    padding-top: 12px;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .pt_course li ul.point li:last-child p {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding-right: 5px;
  }
  .pt_course li ul.point li:last-child:before {
    top: -3px;
    left: 50%;
    content: "||";
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
  }
  .pt_course li .pt_course_register, .pt_course li .pt_course_registered {
    font-size: 16px;
    font-size: 1rem;
    line-height: 3;
    width: 130px !important;
    height: 48px !important;
  }

  .payment {
    display: table;
  }
  .payment span {
    width: 50%;
    display: table-cell;
  }
  .payment span img {
    width: 300px;
    height: 48px;
  }
  .payment .payment_p {
    font-size: 14px;
    font-size: 0.875rem;
    vertical-align: top;
    display: table-cell;
    padding: 0 10px;
  }

  div.site_id_promo, div.site_id_promo_top {
    margin: 0;
    width: 100%;
  }
  div.site_id_promo dl, div.site_id_promo_top dl {
    vertical-align: middle;
  }
  div.site_id_promo dt, div.site_id_promo_top dt {
    letter-spacing: 1px;
  }
  div.site_id_promo a, div.site_id_promo_top a {
    vertical-align: middle;
    width: 86px !important;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 10px 0;
  }
  div.site_id_promo a span, div.site_id_promo_top a span {
    display: inline-block;
  }

  .jump_follow {
    width: 100%;
    display: table;
  }
  .jump_follow p, .jump_follow a {
    display: table-cell;
    vertical-align: middle;
  }
  .jump_follow p {
    text-align: left;
    padding-right: 3.125%;
  }

  .search-inner-box form {
    width: 79%;
  }
  .search-inner-box input[type="search"] {
    font-size: 16px;
    font-size: 1rem;
    height: 30px;
  }
  .search-inner-box .result {
    width: 19%;
    right: 3.125%;
    bottom: 20px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    height: 24px;
    text-align: right;
  }
  .search-inner-box .result span {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 0;
  }

  .ad_clicked_book {
    padding-top: 24px;
  }

  p.flick_name {
    text-align: right;
  }

  .alerts_top .alert_lists li {
    overflow: hidden;
  }
  .alerts_top .alert_lists li dt {
    height: 36px;
    width: 36px;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 3.6;
    float: left;
    text-align: center;
  }
  .alerts_top .alert_lists li dd {
    letter-spacing: 1px;
  }
  .alerts_top .alert_lists li dd.img {
    display: none;
  }
  .alerts_top .alert_lists li dd.cntnts, .alerts_top .alert_lists li dd.name {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    padding: 6px;
  }
  .alerts_top .alert_lists li dd.cntnts {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    float: left;
  }
  .alerts_top .alert_lists li dd.name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .alerts_top .alert_lists li dd.name:before {
    content: "『";
  }
  .alerts_top .alert_lists li dd.name:after {
    content: "』";
  }
  .alerts_top .alert_lists li a {
    text-decoration: underline;
    display: inline-block;
  }
  .alerts_top .alert_lists li img {
    width: 100%;
  }

  .course_banner {
    max-width: 600px;
    margin: 0 auto 24px;
  }
  .course_banner .course_banner_content h2, .course_banner .course_banner_content h3 {
    line-height: 2;
    width: 500px;
    margin: 0 auto;
    text-align: center;
  }
  .course_banner .course_banner_content h2 .p1, .course_banner .course_banner_content h2 .p2, .course_banner .course_banner_content h2 .p3, .course_banner .course_banner_content h3 .p1, .course_banner .course_banner_content h3 .p2, .course_banner .course_banner_content h3 .p3 {
    display: inline-block;
  }
  .course_banner .course_banner_content h2 .bg, .course_banner .course_banner_content h3 .bg {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .course_banner a.link_more_one {
    margin: 0 auto 6px;
  }

  .course_banner_volumes {
    margin: 12px auto 0;
  }
}
@media screen and (min-width: 700px) {
  div.liner {
    margin-top: 198px;
  }
}
@media screen and (min-width: 768px) {
  .ipad {
    display: block !important;
  }

  header div.acuntbox {
    width: 66.75%;
    margin: 12px 11.25% 12px 0;
  }
  header div.acuntbox ul.loginbox li.pt_cmnt {
    display: block;
    width: 110px;
  }
  header .menu-trigger {
    width: 72px;
    height: 90px;
    -webkit-background-size: 100px auto;
    -moz-background-size: 100px auto;
    background-size: 100px auto;
    background-position: 0px -94px;
  }

  .search_area {
    width: 66.75%;
    margin-right: 11.25%;
  }

  #search_box .search_gnr {
    width: 110px;
  }
  #search_box .search_cnt {
    width: 80px;
  }
  #search_box .target, #search_box .genre_select {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: 5px 5px 5px 3px;
  }
  #search_box input[type="search"] {
    width: 51%;
  }
  #search_box span {
    display: inline-block !important;
  }

  div.acunts_choice ul.mail_regist {
    display: table;
    width: 100%;
    letter-spacing: -0.4em;
  }
  div.acunts_choice ul.mail_regist li {
    display: inline-block;
    letter-spacing: normal;
    width: 48.4375%;
    vertical-align: top;
    height: 200px;
  }
  div.acunts_choice ul.mail_regist li:first-child {
    margin-right: 3.125%;
  }
  div.acunts_choice ul.mail_regist li.mail_regist_login {
    display: block;
    width: 100%;
    height: auto;
  }
  div.acunts_choice ul.mail_regist li.mail_regist_login:first-child {
    margin-right: 0;
  }

  .btn_carrier_id li {
    width: 180px !important;
  }
  .btn_carrier_id li p {
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: 1px;
    line-height: 1.5;
  }
  .btn_carrier_id li a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 3.3;
    padding: 0;
    width: 180px !important;
    height: 48px !important;
  }
  .btn_carrier_id li a span {
    display: inline;
    vertical-align: top;
  }
  .btn_carrier_id li a.btn_dcm {
    background-color: #CD0134;
    -webkit-box-shadow: inset #b4012e 0 -5px 0;
    -moz-box-shadow: inset #b4012e 0 -5px 0;
    box-shadow: inset #b4012e 0 -5px 0;
  }
  .btn_carrier_id li a.btn_sb {
    background-color: #A1A3A2;
    -webkit-box-shadow: inset #949695 0 -5px 0;
    -moz-box-shadow: inset #949695 0 -5px 0;
    box-shadow: inset #949695 0 -5px 0;
  }
  .btn_carrier_id li a.btn_au {
    background-color: #E94500;
    -webkit-box-shadow: inset #d03d00 0 -5px 0;
    -moz-box-shadow: inset #d03d00 0 -5px 0;
    box-shadow: inset #d03d00 0 -5px 0;
  }
  .btn_carrier_id li a.btn_au span:before {
    content: url("/images/parts/carrier_icon_au.png");
    padding-right: 5px;
    width: 16px;
    height: 16px;
  }

  .fbn {
    -webkit-box-shadow: inset white 0 144px 0 0;
    -moz-box-shadow: inset white 0 144px 0 0;
    box-shadow: inset white 0 144px 0 0;
  }
  .fbn ul li {
    margin-bottom: 24px;
  }
  .fbn ul li p {
    letter-spacing: normal;
  }

  .bnnrbox_top {
    margin: 0 0 24px;
    padding: 24px 0 12px;
  }
  .bnnrbox_top .title {
    display: block;
  }
  .bnnrbox_top .title h2 span {
    color: #fd6597;
    margin-right: 5px;
  }
  .bnnrbox_top dl {
    padding: 0 4.85436893203883%;
  }
  .bnnrbox_top dl dd {
    display: block;
    padding: 12px 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .info li {
    padding: 5px 0 4px;
  }

  .jklist .ttl {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.25;
    margin: 6px 0;
    height: 30px;
  }

  ol.book_rank li:nth-child(4) p.ttl, ol.book_rank li:nth-child(5) p.ttl {
    font-size: 12px;
    font-size: 0.75rem;
    height: 30px;
  }

  div.fourcover li {
    width: 13.020833333%;
    margin-left: 2.60416666%;
  }
  div.fourcover li:first-child, div.fourcover li:nth-child(7) {
    width: 13.020833333%;
    margin-left: 4.42708333%;
  }

  ul.jk6 {
    margin: 0 4.3927648% 24px;
  }
  ul.jk6 li {
    width: 14.2857142%;
    margin-right: 2.8571428%;
  }
  ul.jk6 li:nth-child(4) {
    margin-right: 2.8571428%;
  }
  ul.jk6 li:nth-child(5), ul.jk6 li:nth-child(6) {
    display: inline-block;
  }

  .discount_top div.salebunner {
    display: table;
    width: 100%;
  }
  .discount_top div.salebunner:after {
    bottom: 42px;
  }
  .discount_top div.cmnt {
    display: table-cell;
    vertical-align: middle;
    width: 47%;
    padding-left: 3.125%;
  }
  .discount_top div.cmnt h2 {
    font-size: 54px;
    font-size: 3.375rem;
    line-height: 1;
    padding: 0 0 12px 0;
  }
  .discount_top div.cmnt h2 span {
    padding: 0;
    display: block;
  }
  .discount_top div.cmnt h2 span.discount_small {
    font-size: 44px;
    font-size: 2.75rem;
    letter-spacing: -1.5px;
    padding-top: 6px;
  }
  .discount_top div.cmnt p {
    margin-bottom: 0;
  }
  .discount_top div.comics {
    display: table-cell;
    vertical-align: top;
    width: 53%;
  }
  .discount_top div.comics p.cmnt {
    letter-spacing: 1px;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2;
    margin-bottom: 18px;
  }
  .discount_top div.comics p.cmnt span {
    color: #ff3366;
    background-color: #d7f4f9;
    padding: 3px 10px 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .discount_top a.link_more {
    border: none;
  }

  article .catgry_cntnts {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.142857142857;
  }

  article.book .bookhead {
    padding: 18px 3.125% 17px;
  }
  article.book .bookhead .ttl, article.book .bookhead .status, article.book .bookhead .catgry_func {
    float: right;
    width: 69%;
  }
  article.book .bookhead .jack {
    float: left;
    width: 30%;
  }

  article.book .volumelist {
    padding: 12px 1.5625%;
  }
  article.book .volumelist li {
    width: 19.6%;
    display: inline-block;
    margin-right: 0.5%;
    padding: 5px;
  }
  article.book .volumelist li:nth-child(5n) {
    margin-right: 0;
  }
  article.book .volumelist li .all_smpl {
    text-align: center;
  }
  article.book .volumelist li .all_smpl span {
    display: block;
    padding-bottom: 6px;
  }
  article.book .volumelist .jk {
    display: block;
    width: 100%;
    margin-right: 0;
    margin: 0 auto 6px;
  }
  article.book .volumelist .jk img {
    border: 4px solid #eaeaea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
  }
  article.book .volumelist dl {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 0;
  }
  article.book .volumelist dd {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    margin-bottom: 6px;
  }
  article.book .volumelist dd:last-child {
    margin-bottom: 0;
  }
  article.book .volumelist .status {
    border: none;
    letter-spacing: -.5px;
    font-weight: bolder;
  }
  article.book .volumelist .sub {
    border: none;
    border-top: 1px dashed #dddddd;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.5;
    padding: 4px 0;
    margin-bottom: 0;
    text-align: left;
  }
  article.book .volumelist .sub span {
    display: block;
  }
  article.book .volumelist .mediado_ios {
    line-height: 1.2;
    width: auto;
    position: static;
    bottom: 0;
    right: 0;
    margin-bottom: 5px;
  }
  article.book .volumelist .vol_btns, article.book .volumelist .vol_free_btn {
    position: static;
  }
  article.book .volumelist .vol_btns {
    padding: 2px;
    display: block;
    width: 100%;
  }
  article.book .volumelist .vol_btns form {
    display: block;
    padding: 0;
  }
  article.book .volumelist .vol_btns form input {
    width: 100%;
    margin-bottom: 6px;
  }
  article.book .volumelist .vol_btns p {
    display: block;
    padding: 0;
    width: 100%;
  }
  article.book .volumelist .vol_free_btn, article.book .volumelist .vol_buy_btn, article.book .volumelist .vol_read_btn, article.book .volumelist .vol_all_smpl_btn {
    width: 100%;
    height: 36px;
    line-height: 3;
    font-size: 12px;
    font-size: 0.75rem;
  }
  article.book .volumelist .vol_free_btn, article.book .volumelist .vol_all_smpl_btn {
    margin: 0;
    padding: 0;
  }
  article.book .volumelist .vol_buy_btn {
    width: 100%;
  }
  article.book .volumelist ins {
    display: block;
  }

  article.volume .bookhead .cntntsbox, article.volume .bookhead .bookbtn, article.volume .bookhead .settingbox {
    width: 69%;
  }
  article.volume .bookhead .imgbox {
    width: 30%;
  }
  article.volume .bookhead .bookbtn .vol_free_btn {
    height: 48px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 3;
  }
  article.volume .bookhead .bookbtn .vol_free_btn, article.volume .bookhead .bookbtn .vol_read_btn {
    letter-spacing: 1px;
  }

  .mybook_list li {
    width: 16.6666666666%;
    margin-bottom: 36px;
  }
  .mybook_list li div.imgbox {
    z-index: 200;
    margin-left: 19.35483879%;
  }
  .mybook_list li:nth-child(4n+1):before {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    content: "";
  }
  .mybook_list li:nth-child(6n+1):before {
    position: absolute;
    border-bottom: 14px solid #eaeaea;
    -webkit-box-shadow: inset white 0 -1px 0;
    -moz-box-shadow: inset white 0 -1px 0;
    box-shadow: inset white 0 -1px 0;
    display: block;
    content: "";
    width: 619.354838709%;
    height: 72px;
    bottom: 45px;
    background-color: transparent !important;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFCCCCCC');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%);
    background-image: linear-gradient(top, #ffffff 0%, #cccccc 100%);
  }
  .mybook_list li p.name, .mybook_list li p.number, .mybook_list li p.author, .mybook_list li p.alrt_day {
    margin-left: 19.35483879%;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
  }
  .mybook_list li .name {
    letter-spacing: normal;
    height: 36px;
  }
  .mybook_list li p.forget_buy {
    padding-left: 19.35483879%;
  }
  .mybook_list li span.additional:before, .mybook_list li span.new:before, .mybook_list li span.alrt_additional:before, .mybook_list li span.alrt_new:before {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1;
    width: 80.64516121%;
    left: 19.35483879%;
  }
  .mybook_list li span.alrt_additional:before, .mybook_list li span.alrt_new:before {
    letter-spacing: normal;
  }

  .alerts .mybook_list li:nth-child(4n+1):before {
    bottom: 0;
  }

  .alerts .mybook_list li:nth-child(6n+1):before {
    bottom: 72px;
  }

  .jk4_6 li {
    width: 15.2777777777%;
    margin-right: 1.6666666666%;
  }
  .jk4_6 li:nth-child(4) {
    margin-right: 1.6666666666%;
  }
  .jk4_6 li:nth-child(n+5) {
    display: inline-block;
  }

  .genre_flick {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 4;
  }
  .genre_flick div {
    width: 100% !important;
  }
  .genre_flick div a, .genre_flick div em {
    width: 10%;
    display: inline-block;
  }
  .genre_flick div a:first-child, .genre_flick div em:first-child {
    border-left: none;
  }
  .genre_flick div a:last-child, .genre_flick div em:last-child {
    border-right: none;
  }
  .genre_flick div .current:before {
    left: 40%;
  }
  .genre_flick div .genre_6, .genre_flick div .genre_6 em {
    margin-left: 0;
    border-left: none;
  }

  .word_flick {
    width: 100% !important;
    padding: 12px 1.5625% 0;
  }
  .word_flick div {
    width: 100% !important;
  }
  .word_flick div ul {
    width: 18.75% !important;
    letter-spacing: normal;
    margin: 0 1.5625% 16px 0;
  }
  .word_flick div ul:nth-child(5n) {
    margin: 0 0 12px 0;
  }
  .word_flick div ul li {
    width: 20%;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.66666;
    height: 32px;
    border-right: 2px solid #d7f4f9;
  }
  .word_flick div ul li a {
    height: 32px;
  }

  .subgenre_pulldown {
    padding: 0;
  }
  .subgenre_pulldown p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 3.6;
    width: 11.111%;
    text-align: center;
  }
  .subgenre_pulldown span {
    width: 62.5%;
  }
  .subgenre_pulldown span select {
    font-size: 16px;
    font-size: 1rem;
    background-color: white;
    color: #00ade8;
    height: 40px;
  }
  .subgenre_pulldown span:after {
    top: 18px;
    right: 3%;
  }

  div.liner {
    margin-top: 222px;
  }

  .pt_cntnts .wrapper {
    display: table;
    width: 93.65%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 24px;
    border-top: 3px double #dddddd;
    border-bottom: 3px double #dddddd;
    padding: 10px 0;
  }
  .pt_cntnts .why, .pt_cntnts .whats {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px;
  }
  .pt_cntnts .why dt, .pt_cntnts .whats dt {
    padding: 12px 0 6px;
  }
  .pt_cntnts h2:after, .pt_cntnts .why:after, .pt_cntnts .whats:after {
    display: none;
  }
  .pt_cntnts .why {
    background-color: white;
  }
  .pt_cntnts .why dt {
    color: #00ade8;
  }
  .pt_cntnts .whats {
    width: 360px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .pt_cntnts .whats ul {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.8;
    letter-spacing: -0.5px;
  }

  .pt_course_all {
    margin-top: 0;
  }

  .additional_push dl {
    display: table;
    padding: 4px;
    margin: 0 auto 24px;
    max-width: 705px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .additional_push dl img {
    width: 100%;
    margin-bottom: 0;
  }
  .additional_push dl dd {
    display: table-cell;
    vertical-align: top;
  }
  .additional_push dl dd:nth-child(2) {
    width: 380px;
  }
  .additional_push dl p.cmnt {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.5;
  }
  .additional_push dl p.btn {
    margin-bottom: 0;
    padding: 0 5px;
  }

  .alerts_authors dl {
    float: right;
  }
  .alerts_authors p {
    float: left;
    padding: 0;
    line-height: 2.4;
  }

  .alerts_about {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: normal;
  }
  .alerts_about h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    padding: 12px 3.125% 0;
  }
  .alerts_about dl {
    margin: 24px 3.125%;
    text-align: center;
    padding: 24px 0;
    width: 93.75%;
    background-color: #4cc5dc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .alerts_about dl dt {
    color: yellow;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.71428577142857;
    letter-spacing: 1px;
  }
  .alerts_about dl dd {
    font-size: 18px;
    font-size: 1.125rem;
    color: white;
    line-height: 1.3333333333;
  }
  .alerts_about dl dd span.br {
    display: inline;
    padding-left: 5px;
  }
  .alerts_about .wrapper {
    padding: 24px 3.125%;
    display: table;
  }
  .alerts_about .imgbox {
    display: table-cell;
    vertical-align: top;
    width: 60%;
  }
  .alerts_about .imgbox img {
    width: 100%;
  }
  .alerts_about .cmntbox {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    width: 40%;
  }
  .alerts_about .cmnt {
    text-align: right;
  }
}
@media screen and (min-width: 880px) {
  div.liner {
    margin-top: 246px;
  }
}
@media screen and (min-width: 960px) {
  .pc {
    display: block !important;
  }

  .pc_none {
    display: none !important;
  }

  body {
    position: relative;
    margin: 0 auto;
  }

  .maxwidth_rapper {
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  #container {
    margin: 0 auto;
  }

  a.link_more_one {
    width: 130px;
  }

  header div.head_copy {
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    width: 60%;
    float: right;
    margin: 12px 18.7% 0 0;
    letter-spacing: 1px;
  }
  header div.head_copy a {
    display: inline;
    padding: 0 5px;
    color: #ff3366;
  }
  header div.acuntbox {
    position: absolute;
    right: 2.5%;
    top: 0px;
    float: none;
    width: 13.75%;
    margin: 0;
  }
  header div.acuntbox ul.logoutbox {
    border: none;
    height: auto;
    padding: 18px 6px 0;
  }
  header div.acuntbox ul.logoutbox li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 6px;
  }
  header div.acuntbox ul.logoutbox li:nth-child(2) {
    margin: 0 0 6px;
  }
  header div.acuntbox ul.loginbox {
    height: auto;
    padding: 6px 6px 0;
    background-color: #f1f1f1;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
  }
  header div.acuntbox ul.loginbox li {
    width: 100% !important;
    margin-bottom: 6px;
  }
  header div.acuntbox ul.loginbox li:nth-child(2) {
    margin: 0 0 6px;
  }
  header div.acuntbox ul.loginbox li.pt_crnt {
    background-color: white;
    text-align: center;
    line-height: 1.4;
    padding: 4px 0;
  }
  header div.acuntbox ul.loginbox li.pt_crnt span {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
  }

  .search_area {
    position: absolute;
    left: 21.25%;
    top: 54px;
    width: 60%;
    float: none;
    margin-right: 0;
  }

  ul.glonavi {
    width: 81.25%;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
  }

  footer, .support2 {
    clear: both;
    z-index: 2000;
  }

  footer {
    padding: 14px 0 14px 3.125%;
  }
  footer p {
    display: inline;
    padding-right: 5px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  footer small {
    display: block;
  }

  .support2 {
    text-align: left;
    padding-left: 3.125%;
  }
  .support2 ul {
    display: inline;
    padding-bottom: 0;
  }
  .support2 ul:first-child li:last-child {
    border-right: 1px solid #02bfff;
  }

  #jPanelMenu-menu {
    display: none;
  }

  #main {
    width: 74.34211% !important;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 100;
  }

  #side, #middle {
    display: block;
    width: 23.02632% !important;
    float: left;
    margin-right: 2.631578947%;
  }

  #side section {
    margin-bottom: 24px;
  }

  .menu-trigger {
    display: none !important;
  }

  .snap-drawers {
    border-right: 1px solid #dddddd;
  }
  .snap-drawers .navigation {
    display: block;
    background: none;
  }
  .snap-drawers .navigation div:last-child {
    margin-bottom: -24px;
  }
  .snap-drawers .square {
    background: #00ade8;
  }
  .snap-drawers .square li {
    width: 50%;
  }
  .snap-drawers h3 {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #00ade8;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .snap-drawers .rectangle, .snap-drawers .dice {
    padding: 0;
  }
  .snap-drawers .rectangle ul, .snap-drawers .rectangle ul.nottl, .snap-drawers .dice ul, .snap-drawers .dice ul.nottl {
    padding: 12px 0;
    background: white;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .snap-drawers .rectangle li, .snap-drawers .dice li {
    background: white;
    border: none;
    height: auto;
  }
  .snap-drawers .rectangle li a, .snap-drawers .dice li a {
    color: #00ade8;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 3;
  }
  .snap-drawers .rectangle li a:hover, .snap-drawers .rectangle li a:active, .snap-drawers .rectangle li a:focus, .snap-drawers .dice li a:hover, .snap-drawers .dice li a:active, .snap-drawers .dice li a:focus {
    color: #0087b5;
  }
  .snap-drawers .rectangle li a:hover, .snap-drawers .dice li a:hover {
    background: #e7e7e7;
  }
  .snap-drawers .rectangle ul {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
  }
  .snap-drawers .rectangle li {
    width: 100%;
  }
  .snap-drawers .dice ul {
    margin-bottom: 12px;
    border-top: 1px solid #dddddd;
  }
  .snap-drawers .dice li {
    width: 18%;
    margin: 0 2% 2% 0;
    background: #ececec;
  }

  .sticker {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  article.book .bookhead, article.volume .bookhead {
    background-image: none;
  }
  article.book .bookhead img.jacket_image_l, article.volume .bookhead img.jacket_image_l {
    position: static;
  }
  article.book .pager .landscape, article.volume .pager .landscape {
    max-width: 799px !important;
  }

  article.volume h2 {
    margin-bottom: 12px;
  }

  ul.pickup_comics, dl.pickup_words {
    max-width: 1024px;
    margin: 0 auto;
  }

  ul.pickup_comics li {
    width: 12.85142857142%;
    margin-right: 1.6666666666%;
  }
  ul.pickup_comics li:nth-child(3n) {
    margin-right: 1.6666666666%;
  }
  ul.pickup_comics li:nth-child(6n) {
    margin-right: 1.6666666666%;
  }
  ul.pickup_comics li:nth-child(7) {
    display: inline-block;
    margin-right: 0;
  }

  dl.pickup_words {
    margin-bottom: 24px;
  }

  .fbn {
    -webkit-box-shadow: inset white 0 156px 0 0;
    -moz-box-shadow: inset white 0 156px 0 0;
    box-shadow: inset white 0 156px 0 0;
  }
  .fbn ul li {
    margin-bottom: 24px;
  }
  .fbn ul li p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    height: 36px;
  }

  .genre_flick div a, .genre_flick div em {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .genre_flick div .genre_6, .genre_flick div .genre_6 em {
    margin-left: 0;
    border-left: none;
  }

  .favorite_allcheck, .sort {
    width: 93.75%;
    margin: 0 auto 24px;
  }

  div.liner {
    margin-top: 210px;
  }

  .free_discount {
    display: none;
  }

  div.box_two .box_two_l, div.box_two .box_two_r {
    display: block;
    width: 100%;
  }
  div.box_two .box_two_l {
    margin-right: 0;
  }

  .course_banner_display {
    margin: 0 0 12px;
    padding: 9px;
  }
  .course_banner_display .course_banner_content h2 {
    line-height: 1.5;
    width: 190px;
    margin: 0 auto;
    text-align: left;
  }
  .course_banner_display .course_banner_content h2 .p1, .course_banner_display .course_banner_content h2 .p2, .course_banner_display .course_banner_content h2 .p3 {
    display: block;
  }
  .course_banner_display .course_banner_content h2 .p1 {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .course_banner_display .course_banner_content h2 .bg {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .course_banner_display a.link_more_one {
    margin: 6px auto;
  }

  .side_rank {
    background-color: white;
  }
  .side_rank li {
    border-bottom: 1px solid #dddddd;
    padding: 12px 6.25% 11px;
    overflow: hidden;
    position: relative;
  }
  .side_rank .jklist a {
    margin: 0;
    max-width: 100%;
  }
  .side_rank .jklist img {
    width: 80px;
    float: left;
    margin-right: 5px;
  }
  .side_rank .jklist .rank {
    top: 3px;
    left: 3px;
  }
  .side_rank .jklist .ttl {
    height: auto;
    overflow: visible;
    text-align: left;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    padding: 0;
    text-align: left;
    margin-bottom: 6px;
  }
  .side_rank .jklist .author {
    height: auto;
    overflow: visible;
    padding: 0;
    margin-bottom: 6px;
  }
  .side_rank .jklist form {
    position: absolute;
    bottom: 11px;
    right: 6.25%;
  }

  .side_features li {
    background-color: white;
    margin-bottom: 12px;
    padding: 3px;
  }
  .side_features li a {
    display: block;
    color: #5e5e5e;
  }
  .side_features li a:hover, .side_features li a:active, .side_features li a:focus {
    color: #444444;
  }
  .side_features li img {
    width: 100%;
  }
  .side_features li p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 1px;
    padding: 3px 3.125% 0;
    word-wrap: break-word;
  }

  .alerts_top {
    margin-bottom: 12px !important;
    padding: 0;
    background-color: white;
  }
  .alerts_top .cmnt {
    padding: 6px 3.125%;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .alerts_top .alert_lists {
    border-top: 1px solid #dddddd;
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .alerts_top .alert_lists li {
    width: 100%;
    margin-right: 0;
    display: block;
    border-bottom: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 6.25% 11px;
  }
  .alerts_top .alert_lists li dt {
    text-align: left;
    font-weight: bolder;
    height: 18px;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    float: none;
    display: inline;
    padding: 1px 8px;
  }
  .alerts_top .alert_lists li dt:after {
    display: none;
  }
  .alerts_top .alert_lists li dd.img {
    display: block;
    width: 70px;
    text-align: center;
    float: left;
    padding-right: 10px;
  }
  .alerts_top .alert_lists li dd.cntnts {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    border-bottom: 1px dashed #dddddd;
    margin-bottom: 4px;
    height: auto;
    text-align: left;
    float: none;
    padding: 10px 0 5px;
  }
  .alerts_top .alert_lists li dd.cntnts span {
    display: none;
  }
  .alerts_top .alert_lists li dd.cntnts span:after {
    content: none;
  }
  .alerts_top .alert_lists li dd.name {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3333333333;
    height: auto;
    padding: 0;
  }
  .alerts_top .alert_lists li dd.name:before {
    content: none;
  }
  .alerts_top .alert_lists li dd.name:after {
    content: none;
  }
  .alerts_top .alert_lists li a {
    text-decoration: none;
    display: inline-block;
    color: #3c3c3c;
    font-weight: bolder;
  }
  .alerts_top .alert_lists li a:hover, .alerts_top .alert_lists li a:active, .alerts_top .alert_lists li a:focus {
    color: #232323;
  }
  .alerts_top .alert_lists li span {
    display: block;
  }
  .alerts_top .alert_lists li .mark span.new:before, .alerts_top .alert_lists li .mark span.additional:before {
    left: -7px;
    top: 70px;
    font-weight: normal;
  }
  .alerts_top .alert_lists li .mark span.new:after, .alerts_top .alert_lists li .mark span.additional:after {
    left: -7px;
    top: 90px;
    font-weight: normal;
    content: "";
  }
}
@media screen and (min-width: 1024px) {
  body {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .favoritebook_list li:last-child, .favoritebook_list li:nth-last-child(2) {
    display: none !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #search_box span:after,
  .maingenre_pulldown span:after,
  .word_choice p:after,
  .subgenre_pulldown_simple span:after {
    border: none;
    /* IE10 */
  }

  .bookindex_select span:after {
    border: none;
    /* IE10 */
  }

  .sort .sort_select select {
    background-image: none;
    /* IE10 */
  }

  .subgenre_pulldown span:after {
    border: none;
    /* IE10 */
  }

  article .deliver .deliver_sort form:after {
    border: none;
    /* IE10 */
  }
}