@charset "UTF-8";

/* common_setting
-------------------------------------------------------------*/
body {
  -webkit-text-size-adjust: 100%;
}
div,p {
  color: #373737;
}
.color_r {
  color: #d00;
}
.color_bk {
  color: #373737;
}
.position_r {
  position: relative;
}
.position_a {
  position: absolute;
}
.underline {
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
}

/* mark
-------------------------------------------------------------*/
.new_m_b {
  display: inline-block;
  position: relative;
  top: -0.1em;
  left: 0;
  margin: 0 4px 0 0;
  padding: 2px 5px 0;
  background: #FFF;
  border: 1px solid #F06;
  font-size: 14px;
  font-weight: bold;
  color: #F06;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -1px;
  text-decoration: none;
}
.bene_m {
  display: inline-block;
  position: relative;
  top: -0.1em;
  left: 0;
  margin: 0 4px 0 0;
  padding: 2px 2px 0 3px;
  background: #FFF;
  border: 1px solid #390;
  font-size: 12px;
  font-weight: bold;
  color: #390;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}
.point_m {
  display: inline-block;
  position: relative;
  top: -0.1em;
  left: 0;
  margin: 0 4px 0 0;
  padding: 2px 4px 0 2px;
  background: #FFF;
  border: 1px solid #6633FF;
  font-size: 12px;
  font-weight: bold;
  color: #6633FF;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -2px;
  text-decoration: none;
}
.nextRelease_m {
  display: inline-block;
  position: relative;
  top: -0.1em;
  left: 0;
  margin: 0 4px 0 0;
  padding: 2px 5px 0;
  background: #FFF;
  border: 1px solid #F06;
  font-size: 14px;
  font-weight: bold;
  color: #F06;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -1px;
  text-decoration: none;
}

/* free_btn
-------------------------------------------------------------*/
.contents_right .free_btn a,
.contents_right .free_btn2 a {
  display: block;
  padding: 5px 0 4px;
  margin: 4px auto 5px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #B3B3B3;
  border-radius: 3px;
  font-weight: bold;
  background: #F9F9F9;
  color: #333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.contents_right .free_btn a:hover {
  background: #fff;
}
.contents_right .reco_box .free_btn2 a,
.contents_right .recommendListBox .free_btn2 a {
  background: #ffd840;
  border: 1px solid #e9af00;
  color: #444;
}
.contents_right .reco_box .free_btn2 a:hover,
.contents_right .recommendListBox .free_btn2 a:hover {
  opacity: 0.7;
}

/* cam_mark
-------------------------------------------------------------*/
.cam_mark {
  position: absolute;
  display: inline-block;
  z-index: 2;
  top: 0;
  right: 0;
  font-size: 12px;
  line-height: 14px;
  vertical-align: middle;
  background: #fff;
}
.cam_mark.free {
  border: 1px #F06 solid;
  color: #F06;
  letter-spacing: 3px;
  padding: 1px 3px 0 6px;
}
.cam_mark.inc_m,
.cam_mark.inc {
  border: 1px #F06 solid;
  color: #F06;
  letter-spacing: -1px;
  padding: 1px 3px 0 3px;
}
.cam_mark.down,
.cam_mark.sale {
  border: 1px #F06 solid;
  color: #F06;
  letter-spacing: -1px;
  padding: 1px 3px 0 4px;
}
.cam_mark.pack_m,
.cam_mark.pack {
  border: 1px #F06 solid;
  color: #F06;
  letter-spacing: -1px;
  padding: 1px 3px 0 4px;
}
.cam_mark.point {
  border: 1px #F06 solid;
  color: #F06;
  letter-spacing: 1px;
  padding: 1px 2px 0 5px;
}

/* layout
-------------------------------------------------------------*/
.co_container {
  text-align: center;
}
.co_container_box_inner {
  width: 990px;
  margin: 0 auto 30px;
  padding: 15px 0 1px;
}
.co_container_box_inner:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#navi_left {
  float: left;
  width: 182px;
  margin: 0;
  padding: 0;
  text-align: left;
  background: #FFF;
}
#navi_left *,
#navi_left *:before,
#navi_left *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#navi_left ul,
#navi_left li {
  list-style-type: none;
}
#navi_left .naviBlock {
  display: block;
  margin: 0 auto 20px;
}
#navi_left .naviBlock .title {
  font-size: 14px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  border-bottom: 2px solid #ddd;
  margin-bottom: 6px;
  padding-left: .3em;
}
#navi_left .naviBlock .linkArea {
  line-height: 2;
}
#navi_left .naviBlock .linkArea li {
  padding: 0 .3em;
}
#navi_left .naviBlock .linkArea li.mark {
  padding-left: 1.3em;
  position: relative;
}
#navi_left .naviBlock .linkArea a {
  display: block;
  color: #333;
  font-size: 12px;
}
#navi_left .linkArea .mark .check:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #ff8c2f;
}
#navi_left .linkArea .child:before {
  display: block;
  content: "└";
  position: absolute;
  top: 1px;
  left: 0;
}
#navi_left .linkArea .mark .list:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #777;
}
#navi_left .side_title_reco_box + .side_title_reco_box {
  margin-top: 20px;
}
#navi_left .subnavi_contents + .subnavi_title {
  margin-top: 12px;
}
#navi_left .naviBlock.btnNewRegist {
  background: #fffbe9;
  border: 1px solid #ffbc58;
  border-radius: 3px;
  padding: 8px 0 10px;
  text-align: center;
}
#navi_left .naviBlock.btnNewRegist .text {
  font-size: 10px;
  margin: 0 auto 3px;
}
#navi_left .naviBlock.btnNewRegist .registBtn {
  display: block;
  width: 90%;
  height: 44px;
  line-height: 44px;
  margin: 0 auto;
  background: #f90;
  border: 1px solid #f90;
  border-radius: 3px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#navi_left .navAllRanking {
  margin: 30px auto 0;
}
#navi_left .navAllRanking .menu_title {
  font-size: 14px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  border-bottom: 2px solid #ddd;
  margin-bottom: 6px;
  padding-left: .3em;
}
#navi_left .navAllRanking ul {
  margin-bottom: 3px;
}
#navi_left .navAllRanking .border_dashed {
  border-bottom: 1px solid #E7E7E7;
}
#navi_left .navAllRanking .each_title_w_box {
  padding: 5px 1px 5px 5px;
}
#navi_left .navAllRanking .each_title_w_box_img {
  float: left;
  width: 60px;
}
#navi_left .navAllRanking .each_title_w_box_img a {
  display: block;
}
#navi_left .navAllRanking .each_title_w_box_img img {
  border: 1px solid #CCC;
}
#navi_left .navAllRanking .each_title_w_box_text {
  min-height: 90px;
  margin-left: 63px;
}
#navi_left .navAllRanking .each_title_w_box_text .title a {
  display: block;
  font-size: 12px;
  color: #333;
}
#navi_left .navAllRanking .each_title_w_box_text .author a {
  margin: 4px 0;
  font-size: 12px;
  color: #373737;
}
#navi_left .navAllRanking a#ranking_url {
  color: #FF6600;
}
#navi_left .navAllRanking .more_link {
  padding:3px;
  text-align:right;
  color:#FF6600;
}
#navi_left .side_menu.common_side_menu_w + .naviBlock,
#navi_left .navAllRanking + .naviBlock {
  margin: 20px auto 0;
}
.em-large {
  font-size: 16px;
  color: #ff646e;
  line-height: 20px;
  vertical-align: middle;
}
.contents_right {
  float: right;
  width: 770px;
  text-align: left;
}
.contents_right ul,
.contents_right li {
  list-style: none;
}
.title_img_big {
  margin-bottom: 10px;
}

/* sidenavi naviArea
-------------------------------------------------------------*/
.naviArea.btnNewRegist {
  margin: 0 0 10px;
}

/* side_title_reco_box */
.side_title_reco_box .common_side_menu_title {
  padding: 0 0 2px .3em;
  background: #FFF;
  border-bottom: 2px solid #CCC;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.side_title_reco_box .bg_side_title_box ul {
  margin: 0 auto 3px;
}
.side_title_reco_box .bg_side_title_box .border_dashed {
  border-bottom: 1px solid #E7E7E7;
}
.side_title_reco_box .each_title_w_box {
  padding: 5px 5px 5px 3px;
}
.side_title_reco_box .each_title_w_box_img {
  float: left;
  width: 60px;
}
.side_title_reco_box .each_title_w_box_img img {
  border: 1px solid #eee;
}
.side_title_reco_box .each_title_w_box_text {
  min-height: 90px;
  margin-left: 60px;
}
.side_title_reco_box .each_title_w_box_text .title a {
  display: block;
  font-size: 12px;
  color: #333;
}
.side_title_reco_box .each_title_w_box_text .author{
  margin-top: 2px;
}
.side_title_reco_box .each_title_w_box_text .author a {
  margin: 4px 0;
  font-size: 12px;
  color: #373737;
}
#navi_left .more_link {
  padding: 0 2px;
  text-align: right;
  color: #F60;
}
#navi_left .more_link img {
  display: none;
}
#navi_left a:hover .more_link {
  text-decoration: underline;
  color: #F60;
}

/* side_menu */
.side_menu div.common_side_menu_title {
  height: 22px;
  padding: 0 0 2px .3em;
  background: #FFF;
  border-bottom: 2px solid #CCC;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.side_menu .navi_contents {
  padding: 5px 0 0;
}
.side_menu .subnavi_title {
  margin: 0 auto;
  padding: 0 5px;
  background: #FFF;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.side_menu .subnavi_contents ul {
  margin: 0 auto 3px;
  padding: 2px 0 0;
}
.side_menu .subnavi_contents .border_dashed + a {
  border-top: 1px solid #E7E7E7;
  display: block;
  padding-top: 3px;
}
.side_menu .subnavi_contents li a{
  position: relative;
  padding-left: 15px;
  line-height: 25px;
  color: #333;
  text-decoration: none;
}
.side_menu .subnavi_contents li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -3px 2px 0 5px;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #777;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.side_menu .subnavi_contents li a:hover{
  text-decoration: underline;
}

/* navAllRanking */
.navAllRanking ul {
  margin: 0;
}
.navAllRanking .each_title_w_box {
  padding: 5px 5px 5px 3px;
}

/* title_details_main_box
-------------------------------------------------------------*/
.title_details_main_box {
  margin-bottom: 25px;
}
.title_details_thum_box_w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 10px;
}

/* title_details_thum_box */
.title_details_thum_box {
  width: 175px;
}
.title_details_thum_box * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.title_details_thum_box .comic_mark_thum {
  display: block;
  width: 165px;
  margin: 0 0 5px 0;
  padding: 2px 0;
  background: #FFF;
  border: 1px solid #0185E5;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: #0185E5;
  text-decoration: none;
}
.title_details_thum_box .thumBox {
  position: relative;
}
.title_details_thum_box .thumBox img {
  width: 165px;
  border: 1px solid #ddd;
}
.title_details_thum_box .thumBox .thumBoxMark {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  line-height: 0;
  opacity: .7;
}
.title_details_thum_box .thumBox .thumBoxMark:hover img {
  opacity:1;
}
.title_details_thum_box .volume {
  width: 165px;
  text-align: center;
  font-size: 13px;
  margin-top: 4px;
}
.title_details_thum_box .attention {
  width: 165px;
  margin: 6px 0;
  font-size: 13px;
  text-align: center;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
}
.title_details_thum_box .attention a {
  display: block;
  color: #666;
  cursor: pointer;
}
.attention .attention_m {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  margin-right: 2px;
  background: #666;
  border-radius: 16px;
  top: 2px;
}
.attention .attention_m:before {
  display: block;
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 2px;
  height: 5px;
  background: #fff;
}
.attention .attention_m:after {
  display: block;
  content: "";
  position: absolute;
  left: 5px;
  bottom: 2px;
  width: 2px;
  height: 2px;
  background: #fff;
}
.title_details_thum_box .volume + .attention {
  margin-top: 0;
}

/* title_details_text_box */
.title_details_text_box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.title_details_text_box .titleName {
  margin-bottom: 3px;
  vertical-align: top;
  font-size: 17px;
  line-height: 24px;
  font-weight: bold;
  color: #373737;
  word-break: break-word;
}
.title_details_text_box .title_details_author_name {
  margin: 3px 0;
  line-height: 16px;
  font-size: 14px;
}
.title_details_text_box .reviewArea_w {
  margin-bottom: 10px;
}
.title_details_text_box .reviewArea_w .reviewArea {
  margin-bottom: 3px;
}
.title_details_text_box .reviewArea_w .reviewArea_write a{
  display: inline-block;
  position: relative;
  padding-right: 19px;
  color: #a0a0a0;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
}
.title_details_text_box .reviewArea_w .reviewArea_write a:before {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 16px;
  height: 13px;
  background: #d4d0c8;
  border-radius: 14px;
}
.title_details_text_box .reviewArea_w .reviewArea_write a:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 4px;
  right: 6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 12px solid #d4d0c8;
  border-left: 0;
  transform: rotate(330deg);
}
.title_details_text_box .reviewArea {
  margin: 3px 0 0;
}
.title_details_text_box .reviewArea a {
  vertical-align: baseline;
  text-decoration: none;
}
.title_details_text_box .reviewArea span {
  color: #666;
  vertical-align: baseline;
}
.title_details_text_box .reviewArea .reviewStar {
  vertical-align: bottom;
}
.title_details_text_box .valueArea {
  margin: 3px 0;
}
.title_details_text_box .valueArea .point {
  font-size: 16px;
  line-height: 1.3;
  font-weight: bold;
}
.title_details_text_box .valueArea .point.point_through {
  font-size: 14px;
  font-weight: normal;
  color: #666;
  text-decoration: line-through;
}
.title_details_text_box .valueArea .campaign_text {
  color: #d00;
  font-size: 14px;
}
.title_details_text_box .valueArea .campaign_text .point {
  font-size: 19px;
}
.title_details_text_box .valueArea .campaign_text .return {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}
.title_details_text_box .couponArea {
  margin: 5px 0;
}
.couponArea .coupon_m_b {
  display: inline-block;
  position: relative;
  top: -0.1em;
  left: 0;
  margin: 0 4px 0 0;
  padding: 2px 8px 0 5px;
  background: #f70;
  border: 1px solid #f70;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -1px;
  text-decoration: none;
}
.couponArea .coupon_m_b:before {
  position: absolute;
  top: 50%;
  right: -7px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #fefcf9;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.title_details_text_box .regist_prArea {
  display: inline-block;
  position: relative;
  margin: 5px 0 10px;
  background: #fff7e6;
  border: 1px solid #ff5722;
  border-radius: 2px;
  padding: 8px;
}
.title_details_text_box .regist_prArea p {
  font-size: 14px;
  text-align: left;
}
.title_details_text_box .regist_prArea .em {
  color: #d00;
  font-weight: bold;
  font-size: 19px;
}
.title_details_text_box .nextReleaseBox {
  padding: 5px;
  border-top: 1px dotted #CCC;
  text-align: left;
}
.title_details_text_box .nextReleaseBox .date {
  color: #d00;
  font-weight: bold;
  font-size: 12px;
}
.title_details_text_box .nextReleaseBox.this .date {
  font-size: 16px;
}
.title_details_text_box .nextReleaseBox .note {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 12px;
  line-height: 15px;
  padding-top: 3px;
  font-weight: bold;
}
.title_details_text_box .title_details_thum_cam_box {
  padding: 5px;
  border-top: 1px dotted #CCC;
  text-align: left;
}
.title_details_text_box .title_details_thum_cam_box br {
  display:none;
}

/* title_details_btn_box_w */
.title_details_btn_box_w {
  flex-basis: 194px;
  width: 194px;
  margin: 0 0 0 20px;
}
.title_details_btn_box_w .cartBlock,
.title_details_btn_box_w .regist_btnBlock {
  position: relative;
  display: block;
  width: 194px;
  margin: 0 auto 10px;
}
.title_details_btn_box_w .btnBox,
.title_details_btn_box_w .btnBlock {
  display: block;
  width: 194px;
  margin: 0 auto 10px;
}
.title_details_btn_box_w .cartBlock *,
.title_details_btn_box_w .regist_btnBlock *,
.title_details_btn_box_w .btnBox *,
.title_details_btn_box_w .btnBlock * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.title_details_btn_box_w .cartBlock .balloon {
  position: absolute;
  top: -28px;
  right: 0;
  width: 140px;
  height: 26px;
  padding: 5px;
  background: rgba(51, 51, 51, 0.8);
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  color: #FFF;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.title_details_btn_box_w .cartBlock .balloon:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: rgba(51, 51, 51, 0.8) transparent transparent transparent;
}
.title_details_btn_box_w .cartBlock .balloon br {
  display: none;
}
.title_details_btn_box_w .cartBlock a {
  display: flex;
  height: 49px;
  width: 100%;
  margin: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.1;
  color: #555;
  cursor: pointer;
}
.title_details_btn_box_w .cartBlock a.cart_into_btn {
  background: #ff8300;
  border: 1px solid rgba(51,51,51,0.1);
  border-bottom: 2px solid #ff5d00;
  border-right: 1px solid #ff5d00;
  color: #fff;
}
.title_details_btn_box_w .cartBlock .buy_btn {
  font-size: 16px;
  color: #fff;
}
.title_details_btn_box_w .cartBlock .buy_btn img {
  height: 20px;
  width: 22px;
  margin-right: 5px;
  vertical-align: bottom;
}
.title_details_btn_box_w .cartBlock a:hover {
  opacity: .7;
}
.title_details_btn_box_w .cartBlock a:hover .buy_btn img {
  opacity: 1;
}
.title_details_btn_box_w .cartBlock a.cart_show_btn {
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  color: #6e5b39;
}
.title_details_btn_box_w .cartBlock .add_to_cart_btn_2 {
  font-size: 16px;
  color: #6e5b39;
}

.title_details_btn_box_w .regist_btnBlock a {
  display: flex;
  height: 49px;
  width: 100%;
  margin: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.1;
  color: #555;
  cursor: pointer;
}
.title_details_btn_box_w .regist_btnBlock a.cart_into_btn,
.title_details_btn_box_w .regist_btnBlock a.registBtn {
  background: #ff8300;
  border: 1px solid rgba(51,51,51,0.1);
  border-top: 3px solid #ff8300;
  border-bottom: 2px solid #ff5d00;
  border-right: 1px solid #ff5d00;
  color: #fff;
}
.title_details_btn_box_w .regist_btnBlock a.cart_into_btn .title,
.title_details_btn_box_w .regist_btnBlock a.registBtn .title {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.title_details_btn_box_w .regist_btnBlock a.cart_into_btn .title.br,
.title_details_btn_box_w .regist_btnBlock a.registBtn .title.br {
  padding-top: 2px;
  font-size: 16px;
}
.title_details_btn_box_w .regist_btnBlock a:hover {
  opacity: .7;
}

.title_details_btn_box_w .btnBox .btn {
  display: flex;
  height: 49px;
  width: 194px;
  margin: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.1;
  color: #555;
  cursor: pointer;
}
.title_details_btn_box_w .btnBox .btn.autoBuy,
.title_details_btn_box_w .btnBox .favorite,
.title_details_btn_box_w .btnBox .review {
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  color: #6e5b39;
}
.title_details_btn_box_w .btnBox .btn:hover {
  opacity: .7;
}
.title_details_btn_box_w .btnBox .btn:hover img {
  opacity: 1;
}
.title_details_btn_box_w .btnBox .btn .title {
  font-size: 16px;
  color: #6e5b39;
}
.title_details_btn_box_w .btnBox .favorite img {
  margin-right: 5px;
  vertical-align: middle;
  opacity: .7;
}
.title_details_btn_box_w .btnBox .btn.autoBuy.registed,
.title_details_btn_box_w .btnBox .btn.favorite.registed {
  background: #f5f2ec;
  border: 1px solid #d4c9b6;
  border-bottom: 2px solid #cac1b3;
  border-right: 1px solid #cac1b3;
  color: #b8a98f;
}
.title_details_btn_box_w .btnBox .btn.autoBuy.registed .title,
.title_details_btn_box_w .btnBox .btn.favorite.registed .title {
  color: #b8a98f;
}

.title_details_btn_box_w .btnBlock a {
  display: block;
  width: 194px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.title_details_btn_box_w .btnBlock a:hover {
  opacity: .7;
}
.title_details_btn_box_w .btnBlock a:hover img {
  opacity: 1;
}
.title_details_btn_box_w .btnBlock .btn2_area_btn1 {
  width: 194px;
  height: 31px;
  background-image: url(/ext/pc/images/title/2207/free_194x31.png);
  background-repeat: no-repeat;
}
.title_details_btn_box_w .btnBlock .btn.free,
.title_details_btn_box_w .btnBlock .btn.increase {
  display: flex;
  width: 100%;
  height: 52px;
  margin: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background: #ffd840;
  border: 1px solid #e9af00;
  border-bottom: 2px solid #e9af00;
  border-radius: 5px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.1;
  text-align: left;
  color: #555;
  padding-top: 3px;
}
.title_details_btn_box_w .btnBlock .btn.free {
  padding: 3px 6px 0 55px;
  font-feature-settings: "palt";
}
.title_details_btn_box_w .btnBlock .btn.free.no_period {
  font-size: 20px;
}
.title_details_btn_box_w .btnBlock .btn span {
  display: block;
  text-align: center;
}
.title_details_btn_box_w .btnBlock .mark {
  position: absolute;
  display: block;
  top: 50%;
  left: 18px;
  margin-top: -20px;
  font-size: 16px;
  color: #555;
  line-height: 1;
  border: 3px solid #555;
  border-radius: 50%;
  padding: 6px 4px 4px;
  font-weight: bold;
}
.title_details_btn_box_w .btnBlock .mark .em {
  font-size: 24px;
}

.title_details_btn_box_w .auto_buyBlock {
  width: 194px;
  margin: 10px auto;
}
.title_details_btn_box_w .auto_buyBlock p {
  font-size: 13px;
}
.title_details_btn_box_w .auto_buy_btn_q a {
  display: inline-block;
  position: relative;
  padding-left: 13px;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
}
.title_details_btn_box_w .auto_buy_btn_q a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #0088cc;
  top: 1px;
  left: 3px;
}
.title_details_btn_box_w .auto_buy_btn_q a:hover {
  text-decoration: underline;
}
.title_details_btn_box_w .attentionBlock {
  margin-bottom: 10px;
}
.title_details_btn_box_w .attentionBlock p {
  color: #d00;
}
.title_details_btn_box_w .this_read_browserBlock,
.title_details_btn_box_w .this_read_apriBlock {
  width: 194px;
  margin: 0 auto 10px;
}
.title_details_btn_box_w .this_read_browserBlock a,
.title_details_btn_box_w .this_read_apriBlock a {
  display: block;
  cursor: pointer;
}
.title_details_btn_box_w .this_read_browserBlock a:hover,
.title_details_btn_box_w .this_read_apriBlock a:hover {
  opacity: .7;
}
.title_details_btn_box_w .this_read_browser_btn {
  width: 194px;
  height: 36px;
  background-image: url(/ext/pc/images/title/1406/this_read_browser_btn2.png);
  background-repeat: no-repeat;
}
.title_details_btn_box_w .this_read_nobrowser_btn {
  width: 194px;
  height: 36px;
  background-image: url(/ext/pc/images/title/1406/this_read_nobrowser_btn.png);
  background-repeat: no-repeat;
}
.title_details_btn_box_w .this_read_apri_btn {
  width: 194px;
  height: 36px;
  background-image: url(/ext/pc/images/title/1406/this_read_apri_btn2.png);
  background-repeat: no-repeat;
}
.title_details_btn_box_w .this_read_noapri_btn {
  width: 194px;
  height: 36px;
  background-image: url(/ext/pc/images/title/1406/this_read_noapri_btn.png);
  background-repeat: no-repeat;
}
.title_details_btn_box_w .rental_btn_area {
  margin: 10px auto;
}
.title_details_btn_box_w .rental_btn_area a {
  display: inline-block;
  position: relative;
  padding-left: 13px;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
}
.title_details_btn_box_w .rental_btn_area a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #0088cc;
  top: 1px;
  left: 3px;
}
.title_details_btn_box_w .rental_btn_area a:hover {
  text-decoration: underline;
}
.title_details_btn_box_w .other_buy_link_right {
  width: 194px;
  margin: 0 auto 10px;
}
.title_details_btn_box_w .other_buy_link_right a {
  display: inline-block;
  position: relative;
  padding-left: 13px;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
}
.title_details_btn_box_w .other_buy_link_right a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #0088cc;
  top: 1px;
  left: 3px;
}
.title_details_btn_box_w .other_buy_link_right a:hover {
  text-decoration: underline;
}

/* title_details_alert_box_b_box
-------------------------------------------------------------*/
.title_details_main_box .title_details_alert_box_b_box {
  margin: 0 5px 5px;
  border: 1px solid #d00;
}
.title_details_main_box .title_details_alert_box {
  padding: 5px 10px 5px 15px;
}
.title_details_main_box .title_details_alert_box p {
  line-height: 18px;
  color: #d00;
}

/* navigationArea
-------------------------------------------------------------*/
.navigationArea * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.navigationArea {
  margin: 10px auto 15px;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #bbb;
  border-bottom: 2px solid #bbb;
}
.navigationArea a {
  display: table-cell;
  text-decoration: none;
  width: 25%;
  height: 50px;
  padding: 8px 0 6px;
  vertical-align: middle;
  border-left: 1px solid #bbb;
  box-sizing: border-box;
  background: #fbfbfb;
}
.navigationArea a:first-child {
  border-left: none;
}
.navigationArea a:hover {
  background: #fff;
}
.navigationArea p {
  font-size: 16px;
  line-height: 1.2;
  color: #444;
}
.navigationArea .markup {
  color: #d00;
  font-weight: bold;
  font-size: 18px;
}

/* title_intro_box_area
-------------------------------------------------------------*/
.title_intro_box_area {
  margin: 25px 0 15px;
}
.title_intro_box_area .title_intro_box_title {
  font-size: 20px;
  font-weight: bold;
  color: #555;
}
.title_intro_box_area .title_intro_box {
  padding: 10px 0 0;
}
.title_intro_box_area .title_intro_box p {
  line-height: 18px;
  color: #373737;
}
.title_intro_box_area .doc-description-overflow {
  display: none;
  margin-top:-20px;
  width:100%;
  height:20px;
  line-height:20px;
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#00ffffff',endColorStr='#ffffffff');
  background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, 0)),to(rgba(255, 255, 255, 1.0)));
  background-image:-moz-linear-gradient(top center,rgba(255, 255, 255, 0) 20%,rgba(255, 255, 255, 1.0) 95%);
  background: -ms-linear-gradient(top, #00ffffff 0%,#ffffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1.0));
  filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#00ffffff',endColorStr='#ffffffff');
  position: relative;
}
.title_intro_box_area .related_box {
  margin-top: 10px;
}
.title_intro_box_area .title_roll {
  padding: 3px 0;
}

/* titleTagArea
-------------------------------------------------------------*/
.titleTagArea {
  margin: 10px auto 20px;
  padding: 5px 0;
}
.titleTagArea .tag {
  margin: 0 5px 8px 0;
  float: left;
}
.titleTagArea .tag a {
  display: block;
  margin: 0;
  padding: 0 12px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #b8a98f;
  border-radius: 24px;
  font-size: 13px;
  color: #666;
  text-align: center;
  text-decoration: none;
}

/* title_details_pack_cam_box
-------------------------------------------------------------*/
.title_details_pack_cam_box {
  margin: 10px auto;
  border: 1px solid #ff8300;
  border-radius: 5px 5px 0 0;
}
.title_details_pack_cam_box .pack_cam_box_title {
  background: #fff4e8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ff8300;
  border-radius: 5px 5px 0 0;
  padding-left: 6px;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
}
.title_details_pack_cam_box .pack_cam_box_main {
  padding: 10px 15px 8px;
}
.title_details_pack_cam_box .pack_cam_box_main .markBlock {
  display: block;
  float: left;
  padding-top: 2px;
}
.title_details_pack_cam_box .pack_cam_box_main .contentBlock {
  display: block;
  width: 440px;
  float: left;
}
.title_details_pack_cam_box .pack_cam_box_main .contentBlock p {
  font-size: 13px;
  line-height: 1.5;
}
.title_details_pack_cam_box .pack_cam_box_main .contentBlock .pr {
  font-weight: bold;
  text-indent: -.5em;
}
.title_details_pack_cam_box .pack_cam_box_main .contentBlock .lineThrough {
  font-weight: bold;
  font-size: 16px;
  text-decoration: line-through;
}
.title_details_pack_cam_box .pack_cam_box_main .contentBlock .color_red {
  font-weight: bold;
  color: #d00;
  font-size: 16px;
}
.title_details_pack_cam_box .pack_cam_box_main .contentBlock .attention {
  font-weight: bold;
  font-size: 12px;
}
.title_details_pack_cam_box .pack_cam_box_main .btnBlock {
  position: relative;
  display: block;
  float: right;
  margin: 10px 0;
  text-align: center;
}
.title_details_pack_cam_box .pack_cam_box_main .balloon {
  position: absolute;
  top: -30px;
  right: 0;
  width: 140px;
  height: 26px;
  padding: 5px;
  background: rgba(51, 51, 51, 0.8);
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  color: #FFF;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.title_details_pack_cam_box .pack_cam_box_main .balloon:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: rgba(51, 51, 51, 0.8) transparent transparent transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.title_details_pack_cam_box .pack_cam_box_main .balloon br {
  display: none;
}
.title_details_pack_cam_box .pack_cam_box_main .btnBlock a {
  display: block;
}

/* title_details_cam_box
-------------------------------------------------------------*/
.title_details_cam_box {
  margin: 10px auto;
  border: 1px solid #ff8300;
  background: #fff4e8;
  border-radius: 5px;
}
.title_details_cam_box a {
  display: block;
  position: relative;
  line-height: 32px;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  padding-left: 6px;
}
.title_details_cam_box a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  width: 7px;
  height: 7px;
  border: none;
  border-top: 2px solid #ff8300;
  border-right: 2px solid #ff8300;
  padding: 0;
  color: transparent;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.title_details_cam_box a:hover {
  opacity: .7;
}
.title_details_cam_box .contents_right_co_title .font_12 {
  font-size: 14px;
}
.title_details_cam_box .next_btn {
  display: none;
}
.title_details_cam_box.precede_box {
  background: #fff;
  border: 1px solid #b8a98f;
}
.title_details_cam_box.precede_box a:after {
  content: "";
  border-top: 2px solid #b8a98f;
  border-right: 2px solid #b8a98f;
}
.title_details_cam_box.precede_box .contents_right_co_title {
  color: #6e5b39;
}

/* title_each_vol_box
-------------------------------------------------------------*/
.title_each_vol_box {
  margin: 25px auto 10px;
}
.title_each_vol_box .title_each_vol_right_title {
  float: right;
  font-size: 12px;
  color: #333;
  font-weight: bold;
}
.title_each_vol_box .title_box_disp_btn1 {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  background-image: url(/ext/pc/images/title/13_10/title_box_disp_btn1.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.title_each_vol_box a:hover .title_box_disp_btn1 {
  background-image: url(/ext/pc/images/title/13_10/title_box_disp_btn1_on.png);
}
.title_each_vol_box .title_box_disp_btn2 {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  background-image: url(/ext/pc/images/title/13_10/title_box_disp_btn2.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.title_each_vol_box a:hover .title_box_disp_btn2 {
  background-image: url(/ext/pc/images/title/13_10/title_box_disp_btn2_on.png);
}
.title_each_vol_box .title_box_disp_btn1_on {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  background-image: url(/ext/pc/images/title/13_10/title_box_disp_btn1_on.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.title_each_vol_box .title_box_disp_btn2_on {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  background-image: url(/ext/pc/images/title/13_10/title_box_disp_btn2_on.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.title_each_vol_box .inline_btn {
  display: inline-block;
  margin-left: 10px;
}
.title_each_vol_box .title_each_vol_left_title {
  margin-right: 250px;
}
.title_each_vol_box .title_each_vol_left_title .font_12 {
  font-size: 20px;
  font-weight: bold;
  color: #555;
}
.title_each_vol_box .vol_release_text {
  font-size: 14px;
  font-weight: normal;
  color: #d00;
  vertical-align: middle;
}

/* title_vol_vox_vols(詳細表示)
-------------------------------------------------------------*/
.title_vol_vox_vols li {
  border-bottom: 1px dotted #CCC;
}
.title_vol_vox_vols li:last-child {
  border-bottom: none;
}
.title_vol_vox_vols .title_vol_vox_vols_i {
  padding: 10px 0;
}
.title_vol_vox_vols li:last-child .title_vol_vox_vols_i {
  padding: 10px 0 0;
}
/* thum_box_w */
.title_vol_vox_vols .title_vol_vox_vols_i .thum_box_w {
  float: left;
}
.title_vol_vox_vols .title_vol_vox_vols_i .thum_box_w .thum_box img {
  width: 117px;
  border: 1px solid #ddd;
}
.title_vol_vox_vols .information {
  font-size: 11px;
  color: #f00;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
}

/*詳細表示ボタン類*/
.title_vol_vox_vols .title_vol_btn_box_w {
  position: relative;
  float: right;
  width: 137px;
  padding-top: 2px;
}
.title_vol_vox_vols .title_vol_btn_box_w * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.title_vol_btn_box_w a {
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.title_vol_btn_box_w a:hover {
  opacity: .7;
}
.title_vol_btn_box_w a:hover img {
  opacity: 1;
}
.title_vol_btn_box_w .balloon {
  position: absolute;
  top: -30px;
  right: 0;
  width: 140px;
  height: 26px;
  padding: 5px;
  background: rgba(51, 51, 51, 0.8);
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  color: #FFF;
  line-height: 16px;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.title_vol_btn_box_w .balloon:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: rgba(51, 51, 51, 0.8) transparent transparent transparent;
}
.title_vol_btn_box_w .balloon br {
  display: none;
}
.title_vol_btn_box_w .cart_into_btn,
.title_vol_btn_box_w .cart_show_btn,
.title_vol_btn_box_w .btn.free,
.title_vol_btn_box_w .btn.increase {
  display: flex;
  height: 49px;
  width: 100%;
  margin-bottom: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.1;
  color: #555;
  cursor: pointer;
  padding-top: 3px;
}
.title_vol_btn_box_w .cart_into_btn {
  background: #ff8300;
  border: 1px solid rgba(51,51,51,0.1);
  border-bottom: 2px solid #ff5d00;
  border-right: 1px solid #ff5d00;
  color: #fff;
}
.title_vol_btn_box_w .cart_show_btn {
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  color: #6e5b39;
}
.title_vol_btn_box_w .title_vol_each_free_btn {
  width: 137px;
  height: 27px;
  background-image: url(/ext/pc/images/title/2207/free_137x27.png);
  background-repeat: no-repeat;
}
.title_vol_btn_box_w .btn.free,
.title_vol_btn_box_w .btn.increase {
  background: #ffd840;
  border: 1px solid #e9af00;
  border-bottom: 2px solid #e9af00;
}
.title_vol_btn_box_w .btn.free {
  padding: 3px 0 0 35px;
  font-feature-settings: "palt";
}
.title_vol_btn_box_w .mark {
  position: absolute;
  display: block;
  top: 50%;
  left: 8px;
  margin-top: -16px;
  font-size: 12px;
  color: #555;
  line-height: 30px;
  border: 2px solid #555;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  text-align: center;
  font-weight: bold;
}
.title_vol_btn_box_w .mark .em {
  font-size: 18px;
}
.title_vol_btn_box_w .cart_into_btn .title_vol_each_buy_btn{
  font-size: 16px;
  color: #fff;
}
.title_vol_btn_box_w .cart_show_btn .see_the_cart_btn_s {
  font-size: 16px;
  color: #6e5b39;
}
.title_vol_btn_box_w .registBtn .title {
  font-size: 15px;
  color: #fff;
}
.title_vol_btn_box_w .registBtn .title.free {
  font-size: 18px;
}
.title_vol_btn_box_w .registBtn .title .em {
  font-size: 24px;
}
.title_vol_btn_box_w .attentionBlock {
  border: 1px solid #d00;
  padding: 6px 4px;
}
.title_vol_btn_box_w .attentionBlock p {
  color: #d00;
  font-size: 12px;
}
.title_vol_btn_box_w .attentionBlock p a {
  display: inline;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  cursor: pointer;
}
.title_vol_btn_box_w .apri_r_btn {
  width: 137px;
  height: 36px;
  margin-bottom: 10px;
  background-image: url(/ext/pc/images/title/1406/apri_read_btn.png);
  background-repeat: no-repeat;
}
.title_vol_btn_box_w .browser_r_btn {
  width: 137px;
  height: 36px;
  margin-bottom: 10px;
  background-image: url(/ext/pc/images/title/1406/browser_read_btn.png);
  background-repeat: no-repeat;
}
.title_vol_btn_box_w .browser_nr_btn {
  width: 137px;
  height: 36px;
  margin-bottom: 10px;
  background-image: url(/ext/pc/images/title/1406/browser_noread_btn.png);
  background-repeat: no-repeat;
}
.title_vol_btn_box_w .auto_buy_btn_s {
  display: block;
}
.title_vol_btn_box_w .note {
  padding-top: 5px;
  font-size: 11px;
}
/*title_vol_text_box_w*/
.title_vol_vox_vols .title_vol_text_box_w {
  min-height: 115px;
  margin-right: 150px;
  margin-left: 132px;
}
.title_vol_text_box_w .title_details_text_section {
  margin-bottom: 5px;
}
.title_vol_text_box_w .title_details_title_name_h2 {
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  word-break: break-all;
}
.title_vol_text_box_w .valueArea {
  margin: 5px 0;
}
.title_vol_text_box_w .valueArea .point {
  font-size: 16px;
  line-height: 1.3;
  font-weight: bold;
}
.title_vol_text_box_w .valueArea .point.point_through {
  font-size: 14px;
  font-weight: normal;
  color: #666;
  text-decoration: line-through;
}
.title_vol_text_box_w .valueArea .campaign_text {
  color: #d00;
  font-size: 14px;
}
.title_vol_text_box_w .dl_term {
  padding-top: 3px;
}
.title_vol_text_box_w .title_vol_text_box_w_intro {
  padding-top: 5px;
  line-height: 18px;
  font-size: 12px;
  color: #373737;
}

/* title_vol_easy_box(簡単表示)
-------------------------------------------------------------*/
.title_vol_easy_box {
  margin-top: 6px;
  line-height: 1.2;
}
.title_vol_easy_box * {
  box-sizing: border-box;
}
.title_vol_easy_box .title_vol_easy_box_in_th {
  float: left;
  display: block;
  width: 20%;
  height: 236px;
  background: #f9f9f9;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  overflow: hidden;
}
.title_vol_easy_box li:nth-child(5n+1) {
  border-left: 1px solid #ccc;
}
.title_vol_easy_box li:nth-child(-n+5) {
  border-top: 1px solid #ccc;
}
.title_vol_easy_box .thum_box3_wra {
  position: relative;
  padding: 8px 0 0;
}
.title_vol_easy_box .free_easy_m {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 43px;
  background: transparent url(/ext/pc/images/title/13_10/free_easy_m.png) no-repeat;
}
.title_vol_easy_box .return_easy_m {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 43px;
  background: transparent url(/ext/pc/images/title/13_10/return_easy_m.png) no-repeat;
}
.title_vol_easy_box .down_easy_m {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 43px;
  background: transparent url(/ext/pc/images/title/13_10/down_easy_m.png) no-repeat;
}
.title_vol_easy_box .thum_box3 {
  width: 82px;
  height: 113px;
  margin: 0 auto;
  background: #FFF;
  vertical-align: middle;
  text-align: center;
}
.title_vol_easy_box .thum_box3 a {
  display: block;
}
.title_vol_easy_box .thum_box3 .thum_img3_a img {
  max-width: 82px;
  max-height: 113px;
  border: 1px solid #ddd;
}
.title_vol_easy_box .easy_area_btn {
  position: relative;
  width: 115px;
  height: 23px;
  margin: 8px auto 5px;
  text-align: left;
}
.title_vol_easy_box .easy_area_btn a {
 text-decoration: none;
  cursor: pointer;
}
.title_vol_easy_box .easy_area_btn .buy_btn_img {
  width: 55px;
}
.title_vol_easy_box .easy_area_btn .balloon {
  position: absolute;
  top: -42px;
  right: 41px;
  width: 82px;
  height: 38px;
  padding: 5px;
  background: rgba(51, 51, 51, 0.8);
  border-radius: 5px;
  text-align: center;
  font-size:12px;
  color: #FFF;
}
.title_vol_easy_box .easy_area_btn .balloon:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: rgba(51, 51, 51, 0.8) transparent transparent transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.title_vol_easy_box .title_check_box {
  border-bottom: 1px dotted #CCC;
}
.title_vol_easy_box .thum_box3_wra + .title_check_box {
  margin-top: 35px;
}
.title_vol_easy_box .title_check_box h3 {
  height: 28px;
  margin: 5px;
  line-height: 14px;
  text-align: left;
  font-size: 12px;
  overflow: hidden;
}
.title_vol_easy_box .title_check_box h3 a {
  font-size: 12px;
  line-height: 14px;
}
.title_vol_easy_box .book_dl_term {
  margin: 5px 0 0;
  font-size: 12px;
  color: #333;
}
.title_vol_easy_box .book_last_cam {
  margin: 5px 0 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #F00;
}
.title_vol_easy_box .book_cam_value {
  margin: 5px 0 0;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.title_vol_easy_box .title_vol_easy_box_in_th .attentionBlock {
  padding: 5px 4px;
}
.title_vol_easy_box .title_vol_easy_box_in_th .attentionBlock p {
  color: #F00;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
}

/* pagination
-------------------------------------------------------------*/
.pagination {
width: 100%;
height: 34px;
margin: 0 auto;
padding: 13px 0;
background: #fff;
text-align: center;
overflow: hidden;
}
.pagination ul{
list-style: none;
}
.pagination .pages {
display: inline-block;
}
.pagination .pages li {
float: left;
background: #fff;
}
.pagination .pages li + li{
margin-left: 8px;
}
.pagination .pages li a,
.pagination .pages li span {
display: block;
height: 34px;
padding: 0 13px;
background: #fff;
border: 1px solid #6c6e73;
border-color: #adb1b8 #a2a6ac #8d9096;
border-radius: 3px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
font-size: 14px;
line-height: 32px;
color: #333;
text-decoration: none;
}
.pagination .pages li.selected span {
background: #eee;
border-color: #ccc;
color: #373737;
font-weight: bold;
}
.pagination .pages li.nopage {
height: 30px;
background: #fff;
line-height: 28px;
opacity: .3;
}
.pagination .pages li.leader {
height: 30px;
background: #fff;
line-height: 28px;
}

/* buy_selected_right_btn
-------------------------------------------------------------*/
.buy_selected_right_btn {
  margin: auto;
  text-align: center;
  padding-top: 10px;
}
.buy_selected_right_btn a {
  display: inline-block;
  width: 300px;
  height: 30px;
  margin: 0 auto;
  line-height: 32px;
  font-size: 14px;
  background: #ff8300;
  border: 1px solid rgba(51,51,51,0.1);
  border-radius: 5px;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}
.buy_selected_right_btn a:hover {
  opacity: .7;
}

/* related_box
-------------------------------------------------------------*/
.related_box {
  margin: 35px auto 10px;
}
.related_box .related_img {
  font-size: 20px;
  font-weight: bold;
  color: #555;
}
.related_box .related_text_box {
  padding: 10px 0 0;
  font-size: 12px;
}
.related_box .category_line {
  padding: 3px 0;
}
.related_box .category_line_f_l_l {
  float: left;
  width: 124px;
}
.related_box .category_line_f_r_l {
  margin-left: 140px;
  min-height: 14px;
  max-height: 100%;
  position: relative;
}
.related_box .category_line_f_r_l .margin_r5 {
  position: absolute;
  top: 0;
  left: -15px;
}
.related_box .category_line_f_r_l.genre_detail{
  margin-left: 140px;
  min-height: 14px;
  max-height: 100%;
}
.related_box .wifi_area {
  color: #d00;
  padding-bottom: 5px;
}
.related_box .new_alert_info_area {
  padding: 10px 0;
}
.related_box .new_alert_info_area_title {
  float: left;
  line-height: 26px;
}
.related_box .new_alert_info_area_btns_w{
  float: left;
  width: 500px;
}
.related_box .new_alert_on_off_btn_w{
  float: left;
  width: 180px;
}
.related_box .new_alert_on_off_title {
  float:left;
  line-height: 27px;
  font-size: 14px;
  font-weight: bold;
}
.related_box .new_alert_on_off_btn{
  margin-left:5px;
}
.related_box .new_alert_on_btn_w{
  float:left;
  width:53px;
  margin-left: 10px;
  background: #2BF;
  border: 1px solid #CCC;
  border-right:none;
  border-radius: 5px 0 0 5px;
  line-height: 25px;
  text-align:center;
  color:#FFF;
}
.related_box .new_alert_off_btn_w{
  float:left;
  width:53px;
  background: #2BF;
  border: 1px solid #CCC;
  border-left:none;
  border-radius: 0 5px 5px 0;
  line-height: 25px;
  text-align:center;
  color:#FFF;
}
.related_box .alert_on_bg{
  background: #FFF;
  background: -moz-linear-gradient(top, #FFF 0%, #F4F4F4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#F4F4F4));
  background: -webkit-linear-gradient(top, #FFF 0%,#F4F4F4 100%);
  background: -o-linear-gradient(top, #FFF 0%,#F4F4F4 100%);
  background: -ms-linear-gradient(top, #FFF 0%,#F4F4F4 100%);
  background: linear-gradient(to bottom, #FFF 0%,#F4F4F4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
  color:#FFF;
  cursor: pointer;
}
.related_box .SNS_area {
  padding: 10px 0;
}
.related_box .SNS_img_text {
  float: left;
  line-height: 23px;
}

/* tab_title_review_title_box
-------------------------------------------------------------*/
.tab_title_review_title_box {
  margin: 30px auto 0;
}
.tab_title_review_title_box * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tab_title_review_title_box .contents_right_co_title {
  font-size: 20px;
  font-weight: bold;
  color: #555;
}
.tab_title_review_title_box .contents_right_co_title .font_12 {
  font-size: 20px;
}
.tab_title_review_title_box .tab_title_review_c_title {
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
}
.tab_title_review_title_box .reviewVal {
  margin: 6px 0 15px;
}
.tab_title_review_title_box .reviewVal .txt {
  font-size: 12px;
  margin-bottom: 8px;
}
.tab_title_review_title_box .reviewVal .txt img {
  width: 15px;
  height: 14px;
}
.tab_title_review_title_box .reviewVal .reviewBtn .btn {
  display: block;
  float: left;
  width: 196px;
  height: 29px;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #bbb;
  border-radius: 4px;
  color: #444;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #f6f6f6));
  background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
  background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
  text-decoration: none;
}
.tab_title_review_title_box .reviewVal .reviewBtn .btn:hover {
  opacity: .8;
}
.tab_title_review_title_box .reviewVal .reviewBtn .reviewCam {
  margin-left: 200px;
}
.tab_title_review_title_box .new_review,
.tab_title_review_title_box .good_review {
  margin: 10px auto 0;
}
.tab_title_review_title_box .review_area_title {
  height: 36px;
  line-height: 38px;
  padding-left: 13px;
  border-top: 1px solid #ccc;
  border-bottom: 1px dotted #CCC;
  font-size: 16px;
  font-weight: bold;
}
.tab_title_review_title_box .review_detail {
  padding: 5px 13px 10px;
  border-top: 1px dotted #CCC;
}
.tab_title_review_title_box .review_detail:first-child {
  border-top: none;
}
.tab_title_review_title_box .review_detail a {
  text-decoration: none;
}
.tab_title_review_title_box .user_info_row {
  display: flex;
  align-items: center;
}
.tab_title_review_title_box .user_info_row .reviewer_img {
  width: 50px;
}

.tab_title_review_title_box .user_info_row img {
  width: 42px;
}
.tab_title_review_title_box .user_info_row .reviewer_name {
  font-size: 14px;
  width: calc(100% - 50px);
  word-wrap: normal;
  white-space: nowrap;
  color: #555;
}
.tab_title_review_title_box .user_info_row .reviewer_name_i {
  display: flex;
  font-size: 14px;
  padding-left: .5em;
}
.tab_title_review_title_box .user_info_row .reviewer_name_i .reviewer_nick {
  display: inline-block;
  max-width: calc(100% - 3em);
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab_title_review_title_box .user_info_row .reviewer_age_i {
  font-size: 12px;
  color: #777;
  padding-left: .5em;
}
.tab_title_review_title_box .user_info_row .reviewer_age_i .reviewer_age + .reviewer_age {
    padding-left: 5px;
}
.tab_title_review_title_box .review_title {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #555;
  line-height: 20px;
}
.tab_title_review_title_box .review_detail .review_title .review_mark2 {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #ff5722;
  font-size: 10px;
  line-height: 16px;
  height: 16px;
  padding: 0px 4px;
  margin-left: 4px;
  color: #ff5722;
}
.tab_title_review_title_box .review_star:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.tab_title_review_title_box .review_star img {
  width: 15px;
  height: 14px;
}
.tab_title_review_title_box .titlereview_review {
  margin-top: 10px;
}
.tab_title_review_title_box .review_txt {
  font-weight: normal;
  color: #555;
}
.tab_title_review_title_box .body_text {
  line-height: 20px;
  font-size: 13px;
}
.tab_title_review_title_box .review_txt_close .body_text {
  display: block;
  position: relative;
  max-height: 60px;
  overflow: hidden;
}
.tab_title_review_title_box .review_txt_close .body_text:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 20px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 100%, 100%, 0)), to(hsla(0, 100%, 100%, 1)));
  background: linear-gradient(to bottom, hsla(0, 100%, 100%, 0), hsla(0, 100%, 100%, 1));
}
.tab_title_review_title_box .review_txt_open + .readMoreLink {
  display: none;
}
.tab_title_review_title_box .readMoreLink {
  text-align: right;
  color: #0088cc;
  font-size: 13px;
  padding-right: 5px;
  cursor: pointer;
}
.tab_title_review_title_box .netabare_show {
  font-size: 13px;
  color: #ff5722;
  cursor: pointer;
}
.tab_title_review_title_box .netabare_hide .netabare_show {
  display: block;
}
.tab_title_review_title_box .netabare_open .netabare_show {
  display: none;
}
.tab_title_review_title_box .netabare_hide_txt {
  line-height: 20px;
  font-size: 13px;
  font-weight: normal;
}
.tab_title_review_title_box .netabare_hide .netabare_hide_txt {
  display: none;
}
.tab_title_review_title_box .netabare_open .netabare_hide_txt {
  display: block;
}
.tab_title_review_title_box .review_good{
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 13px;
}
.tab_title_review_title_box .good_mark {
  display: flex;
  align-items: center;
}
.tab_title_review_title_box .good_mark_img {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0 7px;
  margin-right: 15px;
  line-height: 21px;
  cursor: pointer;
}
.tab_title_review_title_box .good_mark_img_on {
  border: 1px solid #ffa263;
  border-radius: 5px;
  padding: 0 7px;
  margin-right: 15px;
  line-height: 21px;
  cursor: pointer;
}
.tab_title_review_title_box .good_mark_img:hover,
.tab_title_review_title_box .good_mark_img_on:hover {
  opacity: .7;
}
.tab_title_review_title_box .review_good img {
  width: 15px;
  height: 15px;
}
.tab_title_review_title_box .review_good_good{
  font-size: 12px;
  color: #555;
}
.tab_title_review_title_box .review_good_good_on{
  font-size: 12px;
  color: #F60;
}
.tab_title_review_title_box .good_mark a {
  text-decoration: underline;
  color:#555;
}
.tab_title_review_title_box .good_score {
  padding-right: 5px;
  font-size: 13px;
  color: #555;
}
.tab_title_review_title_box .good_score_on {
  padding-right: 5px;
  font-size: 13px;
  color: #F60;
  text-decoration: underline;
}
.tab_title_review_title_box .review_date{
  margin-right: 5px;
  text-align:right;
  font-size:12px;
  color:#777;
}
.tab_title_review_title_box .more_link {
  display: block;
  position: relative;
  padding-left: 23px;
  border-top: 1px dotted #CCC;
  text-align: left;
  font-size: 14px;
  line-height: 34px;
}
.tab_title_review_title_box .more_link:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -5px;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #0088cc;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* staff_recommend
-------------------------------------------------------------*/
#staff_recommend {
  margin: 35px auto 10px;
  text-align: left;
  background: #fff;
}
#staff_recommend .staff_recommend_title {
  line-height: 36px;
  padding-left: 13px;
  border-top: 1px solid #ccc;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
#staff_recommend .staff_reco_detail {
  border-top: 1px dotted #CCC;
  padding: 10px;
}
#staff_recommend .staff_reco_title {
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
}
#staff_recommend .staff_reco_name {
  margin: 5px;
  font-size: 12px;
  color: #000;
}
#staff_recommend .staff_reco_name span:first-child {
  padding-right: 10px;
}
#staff_recommend .staff_reco_text {
  clear: both;
  margin: 0 5px;
  display: block;
  font-size: 12px;
  line-height: 18px;
}
#staff_recommend label {
  font-size: 12px;
  vertical-align: middle;
}
#staff_recommend .recommend_other_link {
  display: block;
  position: relative;
  padding-left: 23px;
  border-top: 1px dotted #CCC;
  text-align: left;
  font-size: 14px;
  line-height: 34px;
}
#staff_recommend .recommend_other_link:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -5px;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #0088cc;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#staff_recommend .recommend_other_link img {
  display: none;
}


/* secArea(common)
-------------------------------------------------------------*/
.contents_right .secArea {
  margin: 45px auto 20px;
}
.contents_right .secArea * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.contents_right .secArea .secTitle {
  display: block;
  position: relative;
}
.contents_right .secArea .secTitle a {
  display: block;
  text-decoration: none;
}
.contents_right .secArea .secTitle .titleTxt {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #555;
}
.contents_right .secArea .secTitle a:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 50%;
  right: 3px;
  width: 6px;
  height: 6px;
  margin-top: -6px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.contents_right .secArea .secTitle .rightLinkMore {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  font-size: 16px;
  color: #444;
  font-weight: bold;
  padding-right: 15px;
}

/* fix Area (default)
-------------------------------------------------------------*/
.fix4Area,
.fix5Area {
  margin: 45px auto 20px;
}
.fix4Area *,
.fix5Area * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fix4Area .secTitle,
.fix5Area .secTitle {
  display: block;
  position: relative;
}
.fix4Area .secTitle a,
.fix5Area .secTitle a {
  display: block;
  text-decoration: none;
}
.fix4Area .secTitle .title_name,
.fix5Area .secTitle .title_name {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #555;
}
.right_top_link {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 14px;
  height: 27px;
  line-height: 28px;
  cursor: pointer;
}
.right_top_link:hover {
  text-decoration: underline;
  color: #005580;
}
.fixBox *:focus{
  outline: none;
}
.subTitle {
  padding: 3px 1px 10px;
  color: #888;
  text-align: left;
}
.fixBox ul {
  margin: 0 auto;
  display: table;
}
.fix4Area ul {
  width: 760px;
}
.fixBox li {
  display: table-cell;
  vertical-align: top;
  padding: 5px 8px;
  background: #FFF;
  overflow: hidden;
}
.fix4Area li {
  width: 190px;
}

/* sale_recommend
-------------------------------------------------------------*/
.sale_recommend img {
  width: 100%;
}

/* recent_sale
-------------------------------------------------------------*/
.recent_sale .fixBox li {
  padding: 0 5px;
}
.recent_sale img {
  width: 100%;
}

/* sliderBlock
-------------------------------------------------------------*/
.sliderBlock {
  position: relative;
}
.secTitle + .sliderBlock {
  padding: 10px 0 0;
}
.slick-track{
  margin-left: 0 !important;
}
.sliderBlock .slick-slide {
  margin: 0 4px;
}
#slide_series_title,
#slide_recent_title,
#slide_recommend_title,
#slide_recommend_campaign,
#rankingTitle,
#rankingPrecedeTitle,
#adTitleSlider,
#slide_recent_c_m {
  display: none;
}
#slide_series_title.slick-initialized,
#slide_recent_title.slick-initialized,
#slide_recommend_title.slick-initialized,
#slide_recommend_campaign.slick-initialized,
#rankingTitle.slick-initialized,
#rankingPrecedeTitle.slick-initialized,
#adTitleSlider.slick-initialized,
#slide_recent_c_m.slick-initialized {
  display: block;
}
.sliderBlock *:focus{
  outline: none;
}
.sliderBlock .slick-arrow{
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -20px;
  width: 16px;
  height: 16px;
  border: none;
  border-top: 2px solid #aaa;
  border-right: 2px solid #aaa;
  padding: 0;
  color: transparent;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transform: rotate( -135deg );
  transform: rotate( -135deg );
}
#slide_recommend_campaign.sliderBlock .slick-arrow {
  margin-top: -10px;
}
.sliderBlock .slick-disabled {
  cursor: default;
  border-top: 2px solid #E7E7E7;
  border-right: 2px solid #E7E7E7;
}
.sliderBlock .slick-prev {
  left: 3px;
}
.sliderBlock .slick-next {
  right: 3px;
  transform: rotate( 45deg );
}
.sliderBlock .slick-list {
  width: 740px;
  overflow: hidden;
  margin: 0 auto;
}
.sliderBlock .genre_name p {
  font-size: 12px;
  text-align: center;
}
.sliderBlock .genre_name.hq p {
  letter-spacing: -.5px;
}
.sliderBlock .ranking_detail_title {
  line-height: 19px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #C09533;
  vertical-align: middle;
}
.sliderBlock .ranking_detail_title span {
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  color: #C09533;
}
.sliderBlock .thum_box {
  display: block;
  position: relative;
  min-height: 203px;
}
.sliderBlock .thum_box a {
  display: block;
  text-align: center;
}
.sliderBlock .thum_box img {
  max-width: 100%;
  max-height: 200px;
  border: 1px solid #eee;
  display: inline;
}
.sliderBlock .title_name {
  color: #333;
  font-size: 12px;
  line-height: 18px;
  height: 17px;
  text-align: center;
  overflow: hidden;
}
.sliderBlock .title_name a {
  color: #333;
}
.sliderBlock .author_name {
  color: #333;
  font-size: 10px;
  line-height: 16px;
  height: 15px;
  text-align: center;
  overflow: hidden;
}
.sliderBlock .author_name a {
  color: #333;
}
.sliderBlock .review_star {
  text-align: center;
  height: 15px;
  text-align: center;
  overflow: hidden;
}
.sliderBlock .review_star img {
  width: 15px;
  height: 13.63px;
  display: inline;
}

/* Link Area (fix Area)
-------------------------------------------------------------*/
.contents_right .bottomBtns {
  margin-top: 10px;
  text-align: center;
}
.contents_right .bottomBtns a {
  display: inline-block;
  position: relative;
  width: 430px;
  text-align: center;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ccc;
  color: #666;
  font-size: 12px;
  line-height: 34px;
  height: 34px;
  text-decoration: none;
}
.contents_right .bottomBtns a:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


/* mediaInformation
-------------------------------------------------------------*/
.mediaInformation .infoArea {
  padding-bottom: 10px;
  background: #fff;
}
.mediaInformation .secTitle {
  border-bottom: none;
}
.mediaInformation .secTitle .titlename {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #555;
}
.mediaInformation .infoArea + .infoArea {
  border-top: 1px solid #cdcdcd;
}
.mediaInformation .infoArea + .bottomBtns {
  margin-top: 0;
}
.mediaInformation .infoArea + .infoArea  .secTitle {
  margin-top: 10px;
}
.mediaInformation .infoTitle {
  position: relative;
  margin: 10px 15px 5px;
  background: #fff;
}
.mediaInformation .infoTitle .mark {
  display: block;
  width: 6em;
  height: 17px;
  line-height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff4e8;
  color: #f70;
  border: 1px solid #f70;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}
.mediaInformation .infoTitle p {
  text-indent: 5em;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #333;
}
.mediaInformation .infoText {
  display: block;
  max-height: 72px;
  padding: 0 15px;
  background: #fff;
  overflow: hidden;
}
.mediaInformation .infoText p {
  font-size: 12px;
  line-height: 18px;
  color: #333;
}
.mediaInformation .infoText .sTitle {
  font-weight: bold;
  text-indent: -.5em;
}
.mediaInformation .infoText .linkArrow {
  position: relative;
  display: block;
  padding-left: 10px;
}
.mediaInformation .infoText .linkArrow a {
  color: #333;
}
.mediaInformation .infoText .linkArrow:after {
  display: block;
  content: "▼";
  color: #333;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
.mediaInformation .infoArea .moreLink {
  color: #08C;
  font-size: 12px;
  text-decoration: none;
  padding: 2px 15px 0;
  cursor: pointer;
}
.mediaInformation .infoArea .moreLink:after {
  content: "▼";
  display: inline;
}

/* interactiveLink_area
-------------------------------------------------------------*/
.contents_right .interactiveLink_area.link{
  height: auto;
  padding: 0;
  margin: 45px auto 0;
  background: #fff;
}
.contents_right .interactiveLink_area.link .interactiveTitle {
  height: auto;
  margin: 0;
  background: transparent;
  border: none;
  line-height: 1.3;
  text-align: left;
  font-weight: bold;
  color: #333;
}
.contents_right .interactiveLink_area.link .interactiveTitle h2{
  font-size: 20px;
  font-weight: bold;
  color: #555;
  padding: 0;
}
.contents_right .interactiveLink_area.link .interactiveBox {
  padding: 8px 0;
  border: none;
}
.contents_right .interactiveLink_area.link p{
  text-align: left;
  line-height: 20px;
  font-size: 13px;
}
.contents_right .interactiveLink_area.link a{
  color: #08C;
  text-decoration: none;
}
.contents_right .interactiveLink_area.link a:hover {
  text-decoration: underline;
}