@charset "UTF-8";

/* common
--------------------------*/
body{
  font-size:16px;
}
.contents_block {
  line-height: 1.55;
}
a,
a:hover{
  color:#0066c0
}
.inlineBlock {
  display: inline-block;
}
.underline{
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
}
.sol_related_title_area{/**/
  height: 40px;
  margin-top: 15px;
  padding: 5px;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 30px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #888;
  word-break: break-all;
}

/* search
--------------------------*/
#ex_suggest_box{
  margin-top: -1px;
  padding: 5px 3px;
  background: #fefcf9;
  border-top: 1px solid #b8a98f;
  border-bottom: 1px solid #b8a98f;
}
#ex_suggest_box .limit_input_wrapper_box{
  width:100%;
  margin: 0 auto;
}
#ex_suggest_box .limit_input_wrapper_box .search_main_area dl{
  position: relative;
  margin: 0 0 0 62px;
}
#ex_suggest_box .limit_input_wrapper_box .search_main_area dl dt{
  float: left;
  width: 99%;
  background: #fff;
  border: 1px solid #b8a98f;
  border-radius: 3px;
}
#ex_suggest_box .limit_input_wrapper_box .search_main_area dl dt span{
  display: block;
  text-align: left;
}
#ex_suggest_box .limit_input_wrapper_box input.limit_search_word{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 15em;
  height: 32px;
  padding: 7px 3px;
  background: none;
  border: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: none;
  -webkit-box-shadow: none;
  vertical-align: middle;
  line-height: 1.25;
  font-family: arial,sans-serif;
  font-size: 12px;
  color: #5c4d31;
}
#ex_suggest_box .limit_input_wrapper_box input.limit_search_word::placeholder{
  color: #5c4d31;
}
#ex_suggest_box .limit_input_wrapper_box input.limit_search_word:focus{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
#ex_suggest_box .limit_input_wrapper_box .search_main_area dl dd{
  float: right;
  width: 64px;
  height: 34px;
  margin: 0 0 0 -65px;
}
#ex_suggest_box .limit_input_wrapper_box .search_sub_btn{
  float: left;
  width: 52px;
  padding: 0;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #fefcf9));
  background: -webkit-linear-gradient(top, #fff 0%, #fefcf9 100%);
  background: linear-gradient(to bottom, #fff 0%, #fefcf9 100%);
  border: 1px solid #b8a98f;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
}
#ex_suggest_box .limit_input_wrapper_box .search_sub_btn a{
  display: inline-block;
  padding: 3px 0 1px;
  line-height: 28px;
  font-size: 12px;
  color: #5c4d31;
  text-decoration: none;
}
#ex_suggest_box .limit_input_wrapper_box .search_main_area dl dd .limit_search_word_btn{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 34px;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #fefcf9));
  background: -webkit-linear-gradient(top, #fff 0%, #fefcf9 100%);
  background: linear-gradient(to bottom, #fff 0%, #fefcf9 100%);
  border: 1px solid #b8a98f;
  border-radius: 0 3px 3px 0;
  text-align: center;
  font-size: 14px;
  color: #5c4d31;
}
#ex_suggest_box .limit_input_wrapper_box .search_main_area dl dd .limit_search_word_btn:focus{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
#dev_suggest_box #ex_suggest_box .limit_input_wrapper_box .search_main_area dl{
  margin: 0;
}
#dev_suggest_box #ex_suggest_box .limit_input_wrapper_box .search_main_area dl dt{
  width: 100%;
  border: none;
  border-radius: 0;
}
#dev_suggest_box #ex_suggest_box .limit_input_wrapper_box .search_main_area dl dt span{
  margin-right: 42px;
  background: #fff;
  border: 1px solid #b8a98f;
  border-right: none;
  border-radius: 3px 0 0 3px;
  overflow: hidden;
}
#dev_suggest_box #ex_suggest_box .limit_input_wrapper_box input.limit_search_word{
  display: inline;
  width:100%;
}
#dev_suggest_box #ex_suggest_box .limit_input_wrapper_box .search_main_area dl dd{
  position: relative;
  left: 1px;
  width: 42px;
  height: 32px;
  margin: 0 0 0 -44px;
  background: #847965;
  border: 1px solid #b8a98f;
  border-radius: 0 3px 3px 0;
}
#dev_suggest_box #ex_suggest_box .limit_input_wrapper_box .search_main_area dl dd .limit_search_word_btn{
  width: 24px;
  height: 25px;
  padding: 3px 9px 0 0;
  background: none;
  border: none;
  border-radius: 0;
}
#popterm,
.popterm_hidden{
  z-index: 100000;
}
#popterm td{
  background: #fff;
  border: 1px solid #b8a98f;
  color: #5c4d31;
}

/* layout
--------------------------*/
.container{
  padding:8px 0 0;
  text-align:left
}

/* mark
--------------------------*/
.new_m_b,
.skd_m_b,
.coupon_m_b {
  display: inline-block;
  vertical-align: middle;
  line-height: 12px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
.new_m_b,
.skd_m_b{
  margin: -2px 2px 0;
  padding: 2px 5px;
  background: #fff;
  border: 1px solid #ff5722;
  color: #ff5722;
}
.new_m_b{
  letter-spacing:1px;
}
.coupon_m_b{
  position: relative;
  margin: 0;
  padding: 2px 8px 2px 5px;
  background: #f70;
  border: 1px solid #f70;
  border-radius: 3px;
  color: #fff;
}
.comiclist .new_m_b,
.comiclist .skd_m_b{
  margin: 0 4px 2px 0;
}
.new_m_b:after{
  content:"NEW";
  display:block;
  clear:both
}
.skd_m_b:after{
  content:"発売予定";
  display:block;
  clear:both
}
.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;
}
.coupon_m_b:after{
  content:"クーポン対象";
  display:block;
  clear:both
}

/* interactiveBox.noRegist
--------------------------*/
.interactiveBox.noRegist {
  display: flex;
  overflow-x: auto;
  background: #fff;
  margin: 0 5px;
  padding: 10px 0 5px;
  font-size: 12px;
  line-height: 18px;
  color: #666;
}
.interactiveBox.noRegist::-webkit-scrollbar {
  display: none;
}
.interactiveBox.noRegist::-webkit-scrollbar-track {
  background: transparent;
}
.interactiveBox.noRegist .brCramb_m,
.interactiveBox.noRegist .brCramb_end {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: center;
}
.interactiveBox.noRegist .brCramb_m:after {
  content: ">";
  padding: 0 3px;
  display: inline;
}
.interactiveBox.noRegist .dot:before {
  content: "・";
  display: inline;
}
.interactiveBox.noRegist a {
  color: #666;
}

/* firstView
--------------------------*/
.titleimg{
  padding: 0 5px;
}
.titleimg li:after{
  content:" ";
  display:block;
  clear:both
}
.titleimg .ti_boxright{
  width: 100%;
  float: right;
  margin-left: -141px;
  margin-right: 5px;
  padding: 0;
  font-size: 14px;
}
.titleimg.con .ti_boxright{
  margin-left: -130px;
}
.titleimg li .ti_boxright>*{
  margin-left:150px;
}
.titleimg.con li .ti_boxright>*{
  margin-left:140px;
}
.ti_boxright .ti_boxright_title{
  margin-bottom:8px;
}
.titleimg .titlename{
  margin:0;
  padding:0;
  text-align:left
}
.titlename h1{
  line-height: 21px;
  font-size: 17px;
  font-weight: bold;
  color: #5c4d31;
}
.titleimg .ti_aur a,
.titleimg .ti_aur a:hover{
  color:#0066c0;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
}
.ti_boxright .ti_boxright_review{
  margin-bottom:8px;
}
.titleimg .ti_review a{
  color:#555;
}
.titleimg .ti_review img{
  height:16px;
  margin:0 0 3px;
}
.titleimg .ti_review .review_num{
  color:#0066c0;
  text-decoration:underline;
}
.titleimg .ti_review_write a,
.titleimg .ti_review_write a:hover{
  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;
}
.titleimg .ti_review_write a:before {
  display: block;
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  width: 16px;
  height: 13px;
  background: #d4d0c8;
  border-radius: 14px;
}
.titleimg .ti_review_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);
}
.titleimg .ti_review_write img{
  margin:0 0 2px 3px
}
.titleimg .ti_coupon {
  margin-bottom: 3px;
}
.titleimg .ti_review_bosyu{
  margin:0;
}
.titleimg .ti_review_bosyu a,
.titleimg .ti_review_bosyu a:hover{
  color:#a8a7a6;
  text-decoration:underline
}
.titleimg .ti_review_bosyu img{
  margin:0 0 2px 3px
}

/* firstView ti_boxright_price
--------------------------*/
.ti_boxright .ti_boxright_price{
  margin-bottom:5px;
}
.titleimg .v_point{
  font-size:16px;
  line-height: 20px;
  margin-bottom:3px
}
.titleimg .v_point .point{
  color:#333;
}
.titleimg .v_point .point_through{
  text-decoration:line-through;
  font-size: 14px;
  color: #666;
}
.titleimg .v_point .point_through_text{
  color: #666;
}
.titleimg .campaign_text{
  line-height: 18px;
  font-size:14px;
  font-weight:bold;
  color:#ff5722;
}
.titleimg .campaign_text .point {
  font-size: 19px;
}
.titleimg .campaign_text .return {
  font-size: 16px;
}
.ti_boxright .ti_boxright_backpoint{
  margin-bottom:5px;
}
.ti_boxright .ti_boxright_salesterm{
  margin-bottom:5px;
}
.titleimg .regist_prArea {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  padding: 8px 6px;
  background: #FFF7E6;
  border: 1px solid #ff5722;
  line-height: 20px;
  font-size: 14px;
  color: #333;
}
.titleimg .regist_prArea .em {
  color: #ff5722;
  font-weight: bold;
  font-size: 19px;
}
.titleimg .regist_text img {
  position: absolute;
  top: 8px;
  left: 4px;
  height: 16px;
}
.titleimg .next_release_date{
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #ff5722;
}
@media screen and (max-width: 340px){
  .titleimg .next_release_date{
  font-size: 14px;
  }
}
.next_release_note{
  margin: 0 0 8px;
  font-size: 12px;
  font-weight:bold;
  color: #555;
}
.ti_boxright .next_release_note{
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: normal;
  color: #555;
}
.ti_boxright .next_release_note span{
  display: block;
  margin-top: 3px;
}
.ti_boxright .next_release_note a{
  color: #0066c0;
}

/* firstView ti_boxleft
--------------------------*/
.titleimg .ti_boxleft{
  margin:0;
  width:136px;
  float:right
}
.titleimg.con .ti_boxleft{
  width:125px;
}
.titleimg .genre_name_w{
  margin: 0 auto 4px 0;
  width: 134px;
  text-align: center;
  font-size: 12px;
}
.titleimg.con .genre_name_w{
  width: 123px;
  letter-spacing: -1px;
}
.titleimg .genre_name_w a{
  display: block;
  background: #fff;
  border: 1px solid #0066c0;
  border-radius: 2px;
  color: #0066c0;
}
.titleimg .ti_boxleft .thumBox {
  position: relative;
}
.titleimg .ti_boxleft .thumBox img{
  border:1px solid #999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow:1px 1px 2px #aaa;
  -webkit-box-shadow:1px 1px 2px #aaa;
  width:134px
}
.titleimg .ti_boxleft .thumBox .thumBoxMark {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  line-height: 0;
}
.titleimg .ti_boxleft .thumBoxMark img {
  opacity: 0.8;
  box-shadow: none;
}
.titleimg.con .ti_boxleft img{
  width:123px
}

.titleimg .icon_l li,
.titleimg .icon_s li{
  display: inline-block;
  width: 66px;
  height: 15px;
  margin: 0 0 5px 0;
  text-align: center;
  vertical-align: middle;
}
.titleimg .icon_l li{
  width: 123px;
  font-size: 11px;
}
.titleimg .icon_s li:nth-child(even){
  margin: 0 0 5px 2px;
}
.titleimg .icon_s .end{
  font-size: 11px;
}
.titleimg .icon_s .sexy{
  font-size: 10px;
}
.titleimg .icon_l a,
.titleimg .icon_s a{
  display: block;
  padding: 2px;
  background: #fff;
  border: 1px solid #0066c0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 11px;
  color: #0066c0;
}

.ti_boxleft .volume {
  text-align: center;
  font-size: 12px;
  margin: 5px 0 0;
}
.ti_boxleft .attention {
  margin: 10px 0 0;
  font-size: 12px;
  text-align: center;
}
.ti_boxleft .volume + .attention {
  margin: 0;
}
.ti_boxleft .attention a,
.ti_boxleft .attention a:hover{
  display:block;
  color: #666;
  text-decoration:underline
}
.ti_boxleft .attention .attention_m{
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin-right:2px;
  background: #666;
  border-radius: 16px;
  top:3px;
}
.ti_boxleft .attention .attention_m:before{
  display: block;
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 2px;
  height: 6px;
  background: #fff;
}
.ti_boxleft .attention .attention_m:after{
  display: block;
  content: "";
  position: absolute;
  left: 6px;
  bottom: 2px;
  width: 2px;
  height: 2px;
  background: #fff;
}

/* btnbox
--------------------------*/
.btnbox{
  position:relative;
  width: 94%;
  margin: 13px auto 0;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
}
.btnbox .btnbox_cells2 {
  float: left;
  width: 49%;
}
.btnbox .btnbox_cells2:nth-child(2) {
  float: right;
}
.btnbox .btnbox_left{
  float: left;
  width:62%;
}
.btnbox .btnbox_right{
  float: right;
  width:36%;
}
.btnbox .btn_buy,
.btnbox .btn_buy:hover,
.btnbox .btn_cart,
.btnbox .btn_cart:hover,
.btnbox .btn_read_dl,
.btnbox .btn_read_dl:hover,
.btnbox .btn_browser,
.btnbox .btn_browser:hover,
.btnbox .btn_appli,
.btnbox .btn_appli:hover,
.btnbox .btn_read,
.btnbox .btn_read:hover,
.btnbox .btn_list,
.btnbox .btn_list:hover,
.btnbox .btn_list_on,
.btnbox .btn_list_on:hover,
.btnbox .btn_browser_off,
.btnbox .btn_browser_off:hover,
.btnbox .btn_appli_off,
.btnbox .btn_appli_off:hover,
.btnbox .btn_free,
.btnbox .btn_free:hover,
.btnbox .btn_regist,
.btnbox .btn_regist:hover{
  display: block;
  height: 28px;
  padding: 6px 0 2px;
  border-radius: 5px;
  vertical-align: middle;
  line-height: 26px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.btnbox.nonm .btn_free,
.btnbox.nonm .btn_free:hover{
  font-size: 13px;
}
.btnbox .btn_buy,
.btnbox .btn_buy:hover,
.btnbox .btn_regist,
.btnbox .btn_regist:hover{
  height: 40px;
  line-height: 40px;
  background: #ff8300;
  border: 1px solid rgba(51,51,51,0.1);
  border-bottom: 2px solid #ff5d00;
  border-right: 1px solid #ff5d00;
  font-size:16px;
  color: #fff;
}
.btnbox .btn_buy .sale,
.btnbox .btn_buy:hover .sale,
.btnbox .btn_buy .free,
.btnbox .btn_buy:hover .free{
  margin: 0 2px;
  font-size: 20px;
}
.btnbox .btn_cart,
.btnbox .btn_cart:hover{
  height: 40px;
  line-height: 40px;
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  font-size:16px;
  color: #6e5b39;
}
.btnbox .btn_browser,
.btnbox .btn_browser:hover,
.btnbox .btn_browser_off,
.btnbox .btn_browser_off:hover,
.btnbox .btn_appli,
.btnbox .btn_appli:hover,
.btnbox .btn_read_dl,
.btnbox .btn_read_dl:hover{
  height: 40px;
  line-height: 40px;
}
.btnbox .balloon{
  position: absolute;
  top: -46px;
  right: 0;
  width: 72px;
  height: 28px;
  padding: 5px;
  background: rgba(72, 64, 45, 0.6);
  border-radius: 5px;
  line-height: 14px;
  text-align: center;
  font-size:12px;
  color: #fff;
}
.btnbox .balloon:before{
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: rgba(72, 64, 45, 0.6) transparent transparent transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.btnbox .btn_read_dl,
.btnbox .btn_read_dl:hover{
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  font-size:16px;
  color: #6e5b39;
}
.btnbox .btn_browser,
.btnbox .btn_browser:hover,
.btnbox .btn_appli,
.btnbox .btn_appli:hover,
.btnbox .btn_read,
.btnbox .btn_read:hover,
.btnbox .btn_list,
.btnbox .btn_list:hover,
.btnbox .btn_list_on,
.btnbox .btn_list_on:hover{
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  font-size:14px;
  color: #6e5b39;
}
.btnbox .btn_browser_off,
.btnbox .btn_browser_off:hover,
.btnbox .btn_appli_off,
.btnbox .btn_appli_off:hover{
  background:#fefcf9;
  border:1px solid #d4c9b6;
  border-bottom: 2px solid #cac1b3;
  border-right: 1px solid #cac1b3;
  font-size:12px;
  color:#d4c9b6;
  cursor: default;
}
.btnbox .btn_browser img,
.btnbox .btn_browser_off img{
  height:15px;
  margin-bottom:3px;
  margin-right:1px;
}
.btnbox .btn_appli img,
.btnbox .btn_appli_off img{
  height:15px;
  margin-bottom:2px;
  margin-right:3px;
}
.btnbox .btn_free,
.btnbox .btn_free:hover{
  background:#fbda37;
  border: 1px solid rgba(51,51,51,0.1);
  border-bottom: 2px solid #d8c90f;
  border-right: 1px solid #d8c90f;
  color:#5c4d31;
}
.btnbox.nonm .btn_read,
.btnbox.nonm .btn_read:hover{
  font-size:16px;
}
.btnbox .btn_list,
.btnbox .btn_list:hover{
  letter-spacing: -1px;
}
.btnbox .btn_list img,
.btnbox .btn_list_on img{
  margin:0 2px 1px 0;
  height:14px;
}
.btnbox .cart_btn_area img {
  height: 18px;
  margin-right: 5px;
  vertical-align: text-top;
}

.attention.noread{
  margin: 10px 0;
  padding: 3px 4px;
  border: 1px solid #d00;
  text-align: left;
  font-size:13px;
  color:#d00;
}

/* top_nav
--------------------------*/
.top_nav{
  display: table;
  width: 100%;
  margin: 13px auto 0;
  table-layout: fixed;
  border-top: 1px solid #b8a98f;
  border-bottom: 1px solid #b8a98f;
}
.top_nav.one{
  display:none;
}
.top_nav.one,
.top_nav.new{
  width: 94%;
  height: 51px;
  border: none;
}
.top_nav a,
.top_nav a:hover{
  display: table-cell;
  width: 25%;
  padding: 6px 0 4px;
  background: #fff;
  vertical-align: middle;
  line-height: 1.3;
  text-align: center;
  font-size: 12px;
  color: #6e5b39;
}
.top_nav a + a {
  border-left: 1px solid #b8a98f;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.top_nav span{
  display: block;
}
.top_nav .appeal{
  font-size: 14px;
  font-weight: bold;
  color: #ff5722;
}
.top_nav.one a,
.top_nav.one a:hover,
.top_nav.new a,
.top_nav.new a:hover{
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #fefcf9));
  background: -webkit-linear-gradient(top, #fff 0%, #fefcf9 100%);
  background: linear-gradient(to bottom, #fff 0%, #fefcf9 100%);
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 18px;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 374px){
  .top_nav a,
  .top_nav a:hover{
  font-size: 10px;
  }
}

/* 販売終了
--------------------------*/
.attention_text{
  border: 1px solid #ccc;
  text-align: left;
  padding: 5px;
  color: #d00;
  margin:10px 5px;
  line-height: 1.4;
  font-size: 12px;
}

/* info_area
--------------------------*/
.info_area{
  margin: 13px 0 0;
}
.info_area .info_title{/**/
  padding: 8px;
  background: #fefcf9;
  border-top: 1px solid #b8a98f;
  border-bottom: 1px solid #b8a98f;
  font-size:14px;
  font-weight:bold;
  color: #6e5b39;
}
.info_area .infotext{
  padding: 0 5px;
  background: #fff;
  font-size: 13px;
  color: #555;
}
.info_area .infotext .infotext_text {
  font-size: 13px;
  line-height: 20px;
}
.info_area .infotext a{
  color: #0066c0;
}
.kanren_box_area{
  color: #555;
}
.kanren_box a,
.kanren_box a:hover{
  color: #0066c0;
  text-decoration:underline;
}
.kanren_box_title{/**/
  height: 40px;
  padding: 0 5px;
  background: #fff;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  word-break: break-all;
}
.kanren_box{
  padding: 5px;
  background: #fff;
  font-size:13px;
}
.info_area .kanren_box {
  padding: 5px 0;
}
.kanren_box_border{
  padding:1px 0 0;
}
.kanren_box_border .indent1em{
  display:block;
  margin-left: 1em;
}
.kanren_box_border .dl_wifi{
  color: #f03;
}
.comic_v_box_title{
  padding:0;
  font-size:13px;
  font-weight:bold;
  color: #555;
}

/* titleTagSlider
--------------------------*/
.titleTagSlider.swiper-container {
  height: 36px;
  margin: 13px auto;
  padding: 5px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.titleTagSlider .swiper-slide {
  display: inline-block;
  margin: 0 3px;
  width: auto;
}
.titleTagSlider .swiper-slide a {
  display: block;
  padding: 0 12px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #b8a98f;
  border-radius: 24px;
  font-size: 13px;
  color: #666;
}

/* campaign,pack
--------------------------*/
.pack_box{
  margin:13px 7px;
  border:1px solid #ff8300;
  border-radius: 4px;
  text-align:center;
}
.pack_box.end{
  border:1px solid #aaa;
}
.pack_box .pack_title{
  padding: 5px;
  background:#fff4e8;
  border-bottom: 1px solid #ff8300;
  border-radius: 3px 3px 0 0;
  text-align: left;
}
.pack_box.end .pack_title{
  background: #fbf5ee;
  border-bottom: 1px solid #aaa;
}
.pack_box .pack_title p{
  font-size: 14px;
  font-weight:bold;
  color: #ff5722;
}
.pack_box.end .pack_title p{
  color: #555;
}
.pack_box .pack_contents{
  padding: 13px 5px;
}
.pack_box .pack_contents:after{
  content:" ";
  display:block;
  clear:both;
}
.pack_box .pack_point{
  float:left;
  width: 65%;
  margin:3px 0;
  text-align: left;
  font-size:12px;
}
.pack_box .point_through{
  color:#ff5722;
  text-decoration:line-through;
}
.pack_box .point_through_text{
  color:#666;
}
.pack_box .campaign_text{
  margin:5px 0;
  line-height: 13px;
  font-size:12px;
  font-weight:bold;
  color:#ff5722;
}
.pack_box .pack_v_buy_btn_box{
  position:relative;
  float:right;
  width: 35%;
  text-align: right;
}
.pack_box .btn_p_buy,
.pack_box .btn_p_cart{
  display:inline-block;
  width: 100px;
  height: 39px;
  padding: 6px 0 2px;
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align:middle;
  line-height:13px;
  text-align:center;
  font-size: 13px;
  font-weight:bold;
  cursor:pointer;
}
.pack_box .btn_p_buy{
  background: #ff8300;
  border: 1px solid rgba(51,51,51,0.1);
  border-bottom: 2px solid #ff5d00;
  border-right: 1px solid #ff5d00;
  color: #fff;
}
.pack_box .btn_p_cart{
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  color: #6e5b39;
}
.pack_box .balloon{
  position: absolute;
  top: -46px;
  right: 0;
  width: 72px;
  height: 28px;
  padding: 5px;
  background: rgba(72, 64, 45, 0.6);
  border-radius: 5px;
  line-height: 14px;
  text-align: center;
  font-size:12px;
  color: #fff;
}
.pack_box .balloon:before{
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: rgba(72, 64, 45, 0.6) transparent transparent transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pack_box .bought_title{
  margin-top:5px;
  text-align: left;
  font-size: 12px;
}
.campaign,
.precede{
  margin: 0 auto 13px;
  padding: 0 5px;
}
.campaign a,
.campaign a:hover,
.precede .btn_precede,
.precede .btn_precede:hover{
  display: block;
  position: relative;
  padding: 6px 0 4px;
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: middle;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.campaign a,
.campaign a:hover{
  background: #fff4e8;
  border: 1px solid #ff8300;
  color: #ff8300;
}
.campaign a:after{
  content: "";
  display: block;
  clear: both;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-top: 1px solid #ff8300;
  border-right: 1px solid #ff8300;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.precede .btn_precede,
.precede .btn_precede:hover{
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #fefcf9));
  background: -webkit-linear-gradient(top, #fff 0%, #fefcf9 100%);
  background: linear-gradient(to bottom, #fff 0%, #fefcf9 100%);
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  color: #6e5b39;
}
.precede .btn_precede:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 1px solid #6e5b39;
  border-right: 1px solid #6e5b39;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.campaign .link_u a{
  text-decoration: none;
}

/* buyarea
--------------------------*/
#buyarea + form{
  position:relative;
  margin-top: 13px;
}
.tab_area{
  background: #fff;
}
.tab_area_inner{
  width:100%;
  border-bottom:5px solid #fff;
  text-align:center;
}
.tab_area_inner ul{
  border-bottom: 1px solid #b8a98f;
}
.tab_area_inner li{
  display:inline-block;
  width:45%;
  height:30px;
  margin-bottom: -1px;
  padding:5px 0;
  background:#fff;
  border: 1px solid #b8a98f;
  border-radius:5px;
  vertical-align:top;
  line-height:30px;
  font-size:14px;
  font-weight:bold;
  color:#555;
}
.tab_area_inner li.tab_volume{
  border:1px solid #b8a98f;
  border-bottom:2px solid #fff;
  border-radius:5px 5px 0 0;
  font-size:18px;
}
.tab_area_inner li.tab_change{
  width:43%;
  height:22px;
  margin-top:4px;
  border: 1px solid #b8a98f;
  line-height:22px;
}
.tab_area_inner li.tab_change a{
  display:block;
  color:#555;
}
.tab_area_inner li.tab_change a:hover{
  color:#555;
}
.wrap{
  min-height: 70px;
  border-top: 1px solid #e2e2e2;
  padding-top: 5px;
}
.tab_area + .wrap{
  border-top: none;
  padding: 0;
}
.loading_img{
  position:absolute;
  z-index: 9999;
  left: 50%;
  margin-left: -27px;
}
.wrap .no_list {
  padding: 6px 5px 15px;
  font-size: 12px;
  color: #666;
}
.comic_sort {
  padding: 6px;
  font-size: 14px;
}
.comic_sort a {
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
}
.comiclist ul{
  list-style-type:none;
}
.comiclist li{
  background:#fff;
  border-bottom:1px solid #e2e2e2;
}
.comiclist li:last-child {
  border-bottom: none;
}
.comic_v_box_table{
  display:table;
  width:100%;
  min-height: 107px;
}
.comic_v_box_row{
  display:table-row;
}
.comic_v_box_cell2{
  display:table-cell;
  width:82px;
  padding:5px 0 5px 5px;
  vertical-align:top;
  text-align:right;
}
.comic_v_box_cell2 .volume_img img{
  width:80px;
  border:1px solid #ccc;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.comiclist .detail_m{
  position: relative;
  display:block;
  width: 80px;
  margin: 3px auto 0 ;
  padding: 2px 5px;
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 12px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #6e5b39;
}
.comiclist .detail_m:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  margin: -3px 0 0 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #6e5b39 transparent transparent transparent;
}
.comic_v_box_cell3{
  display:table-cell;
  padding:5px;
  vertical-align:top;
  text-align:left;
}
.comic_v_box_cell3 .cl_title {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 3px;
}
.comic_v_box_cell3 .cl_title a{
  font-weight:bold;
  color: #0066c0;
  word-break: break-word;
}
.comiclist .cl_boxright{/*話作品*/
  min-height: 79px;
  padding:5px 7px;
}
.cl_boxright .cl_title{
  font-weight:bold;
  color:#555;
  word-break: break-word;
}
.comic_v_box_cell3 .campaign_text,
.cl_boxright .campaign_text{
  margin: 5px 0 0;
  font-size: 12px;
  font-weight: bold;
  color: #ff5722;
}
.comic_v_box_cell3 .v_point,
.cl_boxright .cl_point{
  font-size:12px;
}
.comic_v_box_cell3 .v_point + .v_point,
.cl_boxright .cl_point + .cl_point{
  margin:2px 0 0;
}
.comic_v_box_cell3 .v_point span.point,
.cl_boxright .cl_point span.point{
  color:#555;
}
.comic_v_box_cell3 .v_point span.point_through,
.cl_boxright .cl_point span.point_through{
  color:#ff5722;
  text-decoration:line-through;
}
.comic_v_box_cell3 .v_point span.point_through_text,
.cl_boxright .cl_point span.point_through_text{
  color:#555;
}
.comic_v_box_cell3 .v_buy_btn_box,
.comic_v_box_cell3 .v_r_btn_box,
.cl_boxright .cl_buy_btn_box{
  position:relative;
  display: table;
  width:auto;
  margin:7px 0 0 auto;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
}
.cl_boxright .cl_buy_btn_box{
  margin:2px 0 0 auto;
}
.comic_v_box_cell3 .v_buy_btn_box_left,
.comic_v_box_cell3 .v_r_btn_box_left{
  display: table-cell;
  width:100px;
  padding:2px 2px 2px 0;
}
.comic_v_box_cell3 .v_buy_btn_box_right,
.comic_v_box_cell3 .v_r_btn_box_right,
.cl_boxright .cl_buy_btn_box_right{
  display: table-cell;
  width:100px;
  padding:2px 0 2px 2px;
}
.comic_v_box_cell3 .v_r_btn_box_left img,
.comic_v_box_cell3 .v_r_btn_box_right img{
  height:14px;
  margin-bottom:3px;
  margin-right:1px
}
.comic_v_box_cell3 .btn_buy,
.comic_v_box_cell3 .btn_buy:hover,
.comic_v_box_cell3 .btn_cart,
.comic_v_box_cell3 .btn_cart:hover,
.comic_v_box_cell3 .btn_read,
.comic_v_box_cell3 .btn_read:hover,
.comic_v_box_cell3 .btn_free,
.comic_v_box_cell3 .btn_free:hover,
.comic_v_box_cell3 .btn_browser,
.comic_v_box_cell3 .btn_appli,
.comic_v_box_cell3 .btn_browser:hover,
.comic_v_box_cell3 .btn_appli:hover,
.comic_v_box_cell3 .btn_browser_off,
.comic_v_box_cell3 .btn_appli_off,
.comic_v_box_cell3 .btn_browser_off:hover,
.comic_v_box_cell3 .btn_appli_off:hover,
.comic_v_box_cell3 .btn_autobuy,
.comic_v_box_cell3 .btn_autobuy:hover,
.comic_v_box_cell3 .btn_autobuy_on,
.comic_v_box_cell3 .btn_autobuy_on:hover,
.cl_boxright .btn_read,
.cl_boxright .btn_read:hover,
.cl_boxright .btn_buy,
.cl_boxright .btn_buy:hover,
.cl_boxright .btn_cart,
.cl_boxright .btn_cart:hover,
.cl_boxright .btn_autobuy,
.cl_boxright .btn_autobuy:hover,
.cl_boxright .btn_autobuy_on,
.cl_boxright .btn_autobuy_on:hover{
  display:inline-block;
  width:98px;
  height: 28px;
  padding: 6px 0 2px;
  border-radius:5px;
  vertical-align:middle;
  line-height:26px;
  text-align:center;
  font-size:13px;
  font-weight:bold;
  cursor:pointer;
}
.comic_v_box_cell3 .btn_buy,
.comic_v_box_cell3 .btn_buy:hover,
.cl_boxright .btn_buy,
.cl_boxright .btn_buy:hover{
  background: #ff8300;
  border: 1px solid rgba(51,51,51,0.1);
  border-bottom: 2px solid #ff5d00;
  border-right: 1px solid #ff5d00;
  color:#fff;
}
.comic_v_box_cell3 .btn_buy .free,
.cl_boxright .btn_buy .free {
  font-size: 18px;
  vertical-align: bottom;
}
.comic_v_box_cell3 .btn_cart,
.comic_v_box_cell3 .btn_cart:hover,
.cl_boxright .btn_cart,
.cl_boxright .btn_cart:hover{
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  color: #6e5b39;
}
.comic_v_box_cell3 .balloon,
.cl_boxright .balloon{
  position: absolute;
  top: -46px;
  right: 0;
  width: 72px;
  height: 28px;
  padding: 5px;
  background: rgba(72, 64, 45, 0.6);
  border-radius: 5px;
  line-height: 14px;
  text-align: center;
  font-size:12px;
  color: #fff;
}
.comic_v_box_cell3 .balloon:before,
.cl_boxright .balloon:before{
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: rgba(72, 64, 45, 0.6) transparent transparent transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.comic_v_box_cell3 .btn_read,
.comic_v_box_cell3 .btn_read:hover{
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  color: #6e5b39;
}
.comic_v_box_cell3 .btn_free,
.comic_v_box_cell3 .btn_free:hover{
  background:#fbda37;
  border: 1px solid rgba(51,51,51,0.1);
  border-bottom: 2px solid #d8c90f;
  border-right: 1px solid #d8c90f;
  line-height: 13px;
  color:#5c4d31;
}
.comic_v_box_cell3 .no_period,
.comic_v_box_cell3 .no_period:hover {
  padding-top: 12px;
  height: 22px;
}
.comic_v_box_cell3 .btn_browser,
.comic_v_box_cell3 .btn_appli,
.comic_v_box_cell3 .btn_browser:hover,
.comic_v_box_cell3 .btn_appli:hover{
  background:#fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  color: #6e5b39;
}
.comic_v_box_cell3 .btn_browser_off,
.comic_v_box_cell3 .btn_appli_off,
.comic_v_box_cell3 .btn_browser_off:hover,
.comic_v_box_cell3 .btn_appli_off:hover{
  background:#f5f2ec;
  border:1px solid #d4c9b6;
  border-bottom: 2px solid #cac1b3;
  border-right: 1px solid #cac1b3;
  color:#d4c9b6;
  cursor: default;
}
.comic_v_box_cell3 .btn_browser,
.comic_v_box_cell3 .btn_browser_off,
.comic_v_box_cell3 .btn_browser:hover,
.comic_v_box_cell3 .btn_browser_off:hover{
  width:118px;
}
.comic_v_box_cell3 .btn_autobuy,
.comic_v_box_cell3 .btn_autobuy:hover,
.cl_boxright .btn_autobuy,
.cl_boxright .btn_autobuy:hover{
  width:202px;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #fefcf9));
  background: -webkit-linear-gradient(top, #fff 0%, #fefcf9 100%);
  background: linear-gradient(to bottom, #fff 0%, #fefcf9 100%);
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  color: #6e5b39;
}
.comic_v_box_cell3 .btn_autobuy .sale,
.comic_v_box_cell3 .btn_autobuy:hover .sale,
.cl_boxright .btn_autobuy .sale,
.cl_boxright .btn_autobuy:hover .sale{
  color: #ff5722;
}
.comic_v_box_cell3 .btn_autobuy_on,
.comic_v_box_cell3 .btn_autobuy_on:hover,
.cl_boxright .btn_autobuy_on,
.cl_boxright .btn_autobuy_on:hover{
  width:202px;
  background:#f5f2ec;
  border:1px solid #d4c9b6;
  border-bottom: 2px solid #cac1b3;
  border-right: 1px solid #cac1b3;
  color: #b8a98f;
}
.cl_boxright .btn_read,
.cl_boxright .btn_read:hover{
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  color: #6e5b39;
}
.comiclist .next_release_date{
  margin:5px 0;
  font-size:12px;
  font-weight: bold;
  color: #ff5722;
}
.comiclist .next_release_note{
  width: 204px;
  margin: 5px 0 0 auto;
  text-align:center;
  font-weight:normal;
  font-size: 12px;
  color: #555;
}
.comiclist .infotext{
  padding: 5px;
  border-top: 1px dotted #ddd;
  font-size: 13px;
}

/* 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: 5px;
}
.pagination .pages li a,
.pagination .pages li span {
  display: block;
  height: 34px;
  padding: 0 9px;
  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;
}
@media screen and (max-width: 350px) {
  .pagination .pages li + li {
  margin-left: 3px;
  }
  .pagination .pages li a,
  .pagination .pages li span {
  padding: 0 8px;
  font-size: 12px;
  }
}
.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;
}

/* buybt_top
--------------------------*/
.buybt_top{
  padding:13px 0;
  background:#f7f7f7;
  border-bottom: 1px solid #ccc;
}
.pagination + .buybt_top{
  border-top: none;
}
.buybt_top ul{
  text-align:center;
}
.buybt_top .btn_select_buy.notbuy_select,
.buybt_top .btn_select_buy.notbuy_select:hover{
  display:inline-block;
  width: 80%;
  height:30px;
  white-space:nowrap;
  margin: 0 auto;
  padding:0;
  line-height:32px;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  background: #ff8300;
  border: 1px solid rgba(51,51,51,0.1);
  border-bottom: 2px solid #ff5d00;
  border-right: 1px solid #ff5d00;
  border-radius:3px;
  color:#fff;
  font-size:13px;
  font-weight:bold
}
.buybt_top li img{
  height:14px;
}

/* btn_onoff_area
--------------------------*/
.btn_onoff_area{
  margin:8px 5px 13px;
  font-size:13px;
  color: #555;
}
.btn_onoff_area ul:after{
  content:" ";
  display:block;
  clear:both
}
.btn_t_label,
.btn_a_label{
  float:left;
  padding-right: 3px;
  text-align:right;
  line-height: 26px;
}
.btn_t_on,
.btn_a_on,
.btn_t_off,
.btn_a_off{
  float:left;
}
.btn_t_on.selected span,
.btn_a_on.selected span,
.btn_t_off.selected span,
.btn_a_off.selected span,
.btn_t_on a,
.btn_a_on a,
.btn_t_off a,
.btn_a_off a{
  display: inline-block;
  width: 35px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color:#fff;
}
.btn_t_on.selected span,
.btn_a_on.selected span,
.btn_t_off.selected span,
.btn_a_off.selected span{
  background:#54a3d1;
  border-top:1px solid #dcdcdc;
  border-bottom:1px solid #dcdcdc;
}
.btn_t_on a,
.btn_a_on a,
.btn_t_off a,
.btn_a_off a{
  background: #fff;
  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: linear-gradient(to bottom, #fff 0%,#f4f4f4 100%);
  border-top:1px solid #dcdcdc;
  border-bottom:1px solid #dcdcdc;
}
.btn_t_on.selected span,
.btn_a_on.selected span,
.btn_t_on a,
.btn_a_on a{
  border-left:1px solid #dcdcdc;
  border-radius: 3px 0 0 3px;
}
.btn_t_off.selected span,
.btn_a_off.selected span,
.btn_t_off a,
.btn_a_off a{
  border-right:1px solid #dcdcdc;
  border-radius: 0 3px 3px 0;
}
.btn_t_off{
  margin-right:20px
}

/* floatMenuArea
--------------------------*/
.floatMenuArea {
  position: fixed;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 56px;
  padding: 0 5px env(safe-area-inset-bottom);
  background: rgba(255,255,255,0.85);
  border-top: 1px solid #dcdcdc;
  z-index: 100;
  box-shadow: 0 -3px 5px 0 rgba(51,51,51,0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.floatMenuArea .btnbox,
.floatMenuArea .top_nav.new {
  margin: auto;
  padding: 8px 0;
}
.floatMenuArea .top_nav.new {
  height: 39px;
}
.floatMenuArea .cart_btn_area {
  position: relative;
}
.floatMenuArea .btnbox .balloonNote {
  display: block;
  position: absolute;
  top: -28px;
  left: 0;
  background: rgba(255,255,255,0.85);
  color: #555;
  border: 1px solid #d00;
  border-radius: 3px;
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
}
.floatMenuArea .btnbox .balloonNote:after {
  content: '';
  display: block;
  background: #fff;
  clear: both;
  position: absolute;
  bottom: -6px;
  left: 20%;
  width: 8px;
  height: 8px;
  border-top: 1px solid #d00;
  border-right: 1px solid #d00;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.floatMenuArea .btnbox .balloonNote .em {
  color: #d00;
}
.floatMenuArea .btnbox .btn_buy,
.floatMenuArea .btnbox .btn_buy:hover,
.floatMenuArea .btnbox .btn_cart,
.floatMenuArea .btnbox .btn_cart:hover,
.floatMenuArea .btnbox .btn_browser,
.floatMenuArea .btnbox .btn_browser:hover,
.floatMenuArea .btnbox .btn_appli,
.floatMenuArea .btnbox .btn_appli:hover,
.floatMenuArea .btnbox .btn_browser_off,
.floatMenuArea .btnbox .btn_browser_off:hover,
.floatMenuArea .btnbox .btn_regist,
.floatMenuArea .btnbox .btn_regist:hover {
  height: 28px;
  line-height: 28px;
}
.floatMenuArea .endBuy {
  margin: auto;
  padding: 8px 0;
}
.floatMenuArea .endBuy p {
  font-size: 12px;
}

/* review_area
-------------------------------------------------------------*/
.review_area {
  padding-top: 20px;
  background: #f7f7f7;
}
/*タイトル部分*/
.review_area .isReviewMtitle{
  background: #fff;
}
.review_area .single_title .reviewMtitle,
.review_area .multiple_title .reviewMtitle {
  font-weight: bold;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  font-size: 16px;
  padding: 8px 0 5px 5px;
  color: #555;
}
.review_area .multiple_title .reviewMtitle {
  border-bottom: none;
}
.review_area .reviewPrWrite{
  background:#fff;
}
.review_area .firstReview {
  padding-top:10px;
  margin: 0px 6px 0 6px;
  font-size: 13px;
  color: #777;
}
.review_area .isReviewMtitle .firstReview {
  padding-top:10px;
}
.review_area .reviewWriteArea {
  padding: 10px 4px 10px 4px;
}
.review_area .reviewWriteArea .btnBlock {
  float: left;
  width: 130px;
}
.review_area .reviewWriteArea.btnThisVol .btnBlock{
  width: 147px;
}
.review_area .reviewWriteArea .btnBlock .btn {
  display: block;
  min-width: 128px;
  height: 28px;
  padding: 6px 0 2px;
  border-radius: 5px;
  vertical-align: middle;
  line-height: 26px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  font-size: 14px;
  color: #6e5b39;
  letter-spacing: -1px;
}
.review_area .reviewWriteArea.btnThisVol .btnBlock .btn {
  font-size: 12px;
}
.review_area .reviewWriteArea .btnBlock .btn img {
  margin: 0 2px 1px 0;
  height: 14px;
}
.review_area .reviewWriteArea .reviewCam {
  margin-left: 130px;
}
.review_area .reviewWriteArea.btnThisVol .reviewCam {
  margin-left: 147px;
}
.review_area .single_title .reviewNTabArea,
.review_area .multiple_title .reviewNTabArea {
  width: 100%;
  border-bottom: 1px solid #b8a98f;
  text-align: center;
  padding-bottom: 0;
  border-top: none;
  background: none;
}
.review_area .single_title .reviewNTabArea .title,
.review_area .multiple_title .reviewNTabArea .staff_review,
.review_area .multiple_title .reviewNTabArea .title_two,
.review_area .multiple_title .reviewNTabArea .title_three {
  display: block;
  float: left;
  width: 46%;
  margin-bottom: -1px;
  margin-left: 2%;
  background: #fff;
  vertical-align: top;
  font-weight: bold;
  color: #555;
}
.review_area .multiple_title .reviewNTabArea .title_two {
  width: 48%;
  margin-left: 0;
}
.review_area .multiple_title .reviewNTabArea .title_three{
  width: 31%;
  margin-left: 0;
}
.review_area .multiple_title .reviewNTabArea .staff_review{
  width: 30%;
}
.review_area .multiple_title .reviewNTabArea .title_two_left {
  margin-left: 2%;
}
.review_area .single_title .reviewNTabArea .title.selected,
.review_area .multiple_title .reviewNTabArea .title_two.selected,
.review_area .multiple_title .reviewNTabArea .title_three.selected {
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #fff;
  border-radius: 5px 5px 0 0;
}
.review_area .multiple_title .reviewNTabArea .staff_review.selected{
  padding: 0px 5px;
  border: 1px solid #b8a98f;
  border-radius: 5px 5px 0 0;
  width: 31%;
  border-bottom: 2px solid #fff;
}
.review_area .single_title .reviewNTabArea .title.notselected,
.review_area .multiple_title .reviewNTabArea .staff_review.notselected {
  margin-top: 4px;
  border: 1px solid #b8a98f;
  border-radius: 5px;
  background: #f7f7f7;
}
.review_area .multiple_title .reviewNTabArea .staff_review.notselected {
  padding: 0px 5px;
}
.review_area .multiple_title .reviewNTabArea .title_two.notselected,
.review_area .multiple_title .reviewNTabArea .title_three.notselected {
  border: 1px solid #b8a98f;
  border-radius: 5px 5px 0 0;
  height: 44px;
  background: #f7f7f7;
}
.review_area .multiple_title .reviewNTabArea .title_two_right.notselected,
.review_area .multiple_title .reviewNTabArea .title_two_right.selected,
.review_area .multiple_title .reviewNTabArea .title_three_middle.notselected,
.review_area .multiple_title .reviewNTabArea .title_three_middle.selected{
  border-left: 0;
  margin-left: 0;
}
.review_area .single_title .reviewNTabArea .title.selected p,
.review_area .multiple_title .reviewNTabArea .title_two p,
.review_area .multiple_title .reviewNTabArea .title_three p {
  display: block;
  height: 43px;
  line-height: 45px;
  font-size: 16px;
}
.review_area .single_title.is_staff_review .reviewNTabArea .title.notselected p,
.review_area .multiple_title.is_staff_review .reviewNTabArea .staff_review.notselected p{
  display: block;
  height: 32px;
  line-height: 34px;
  font-size: 14px;
  cursor: pointer;
}
.review_area .multiple_title.is_staff_review .reviewNTabArea .staff_review.selected p{
  font-size: 14px;
  cursor: pointer;
  display: block;
  height: 43px;
  line-height: 45px;
}
.review_area .multiple_title .reviewNTabArea .title_three_btn.notselected{
  display: block;
  float: left;
  width: 30%;
  margin-bottom: -1px;
  margin-left: 2%;
  vertical-align: top;
  font-weight: bold;
  color: #555;
  height: 32px;
  border-radius: 5px 0 0 5px;
  margin-top: 4px;
  background: #f7f7f7;
}
.review_area .multiple_title .reviewNTabArea .title_three_btn.title_three_middle{
  margin-left: 0;
  border-radius: 0 5px 5px 0;
}
.review_area .multiple_title .reviewNTabArea .title_three_btn.notselected p{
  display: block;
  height: 32px;
  line-height: 34px;
  font-size: 14px;
  cursor: pointer;
}
@media screen and (max-width:360px) {
  .review_area .multiple_title.is_staff_review .reviewNTabArea .staff_review.selected p,
  .review_area .multiple_title.is_staff_review .reviewNTabArea .staff_review.notselected p{
  font-size: 12px;
  }
}
@media screen and (max-width:319px) {
  .review_area .multiple_title.is_staff_review .reviewNTabArea .staff_review.selected p,
  .review_area .multiple_title.is_staff_review .reviewNTabArea .staff_review.notselected p{
  font-size: 10px;
  }
}
.review_area .single_title.is_staff_review .firstReview{
  margin-bottom: 0;
}
/*新着、高評価*/
.new_review,
.good_review{
  padding-bottom: 5px;
  background: #fff;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
}
.good_review{
  border-bottom: none;
  padding-bottom: 0px !important;
}
.review_area_title{
  height: 40px;
  padding: 0 5px;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #555;
}
.review_detail {
  box-sizing: border-box;
  opacity: 1;
  height: auto;
  transition: all .4s ease 0s;
  overflow: hidden;
}
.review_detail.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0 10px;
  padding: 0;
}
.new_review .review_detail:first-child,.good_review .review_detail:first-child{
  padding:5px 7px 10px;
  border-top:1px solid #dadada;
}
.new_review .review_detail:not(:first-child),.good_review .review_detail:not(:first-child){
  padding:5px 7px 10px;
  border-top:1px solid #e2e2e2;
}
.review_detail:last-child{
  border-bottom:none;
}
.review_title{
  font-size:14px;
  font-weight:bold;
  color: #555;
  align-items: center;
  line-height: 20px;
}
.review_area .review_star{
  margin: 0px 0px 6px 0;
  font-size: 12px;
}
.review_area .review_star img{
  width: auto;
  height:16px;
  margin:0 1px 2px 0;
}
.review_area .review_star span{
  color:#333;
}
.titlereview_review{
  line-height:1.55;
  font-size:13px;
  padding:0;
}
/*もっと見るを高さ変更*/
.titlereview_review .review_txt_close{
  font-weight: normal;
  color: #555;
  line-height: 1.55;
  position: relative;
  overflow: hidden;
}
.titlereview_review .review_txt_close .body_text{
  max-height: 60px;
  line-height: 20px;
}
.titlereview_review .review_txt_close .body_text::after {
  content: '';
  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));
}
.readMoreLink{
  text-align: right;
  color: #0066c0;
  font-size: 13px;
  padding-right: 10px;
}
.review_txt_open + .readMoreLink{
  display:none;
}
/*もっと見るを高さ変更*/
/*ネタバレ*/
.titlereview_review .review_txt_open{
  font-weight: normal;
  color: #555;
  line-height: 1.55;
}
.netabare_hide .netabare_hide_txt{
  display:none
}
.netabare_hide .netabare_show{
  display: block;
  color: #ff5722;
  cursor: pointer;
}
.netabare_open .netabare_hide_txt{
  display:block;
  font-weight: normal;
}
.netabare_open .netabare_show{
  display:none
}
.netabare_hide .review_alert_link_netabare{
  display:none
}
.netabare_open .review_alert_link_netabare{
  display:block
}
/*ネタバレ*/
/*レビュー部品*/
.review_mark2{
  display: inline-block;
  background: #fff;
  border: 1px solid #ff5722;
  font-size: 10px;
  line-height: 14px;
  height: 14px;
  padding: 0px 4px;
  color: #ff5722;
  vertical-align: top;
  margin: 0 5px;
}
/*いいね*/
.good_mark {
  display: flex;
  align-items: center;
}
.good_mark_img {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0 7px;
  line-height: 21px;
  cursor: pointer;
}
.good_mark_img_on {
  border: 1px solid #ffa263;
  border-radius: 5px;
  padding: 0 7px;
  line-height: 21px;
  cursor: pointer;
}
.review_good{
  display:flex;
  padding-left:3px;
  justify-content: space-between;
  align-items: center;
  margin-top: 13px;
}
.review_good img {
  width: 15px;
  height: 15px;
}
.review_good_good{
  font-size: 12px;
  color: #555;
}
.review_good_good_on{
  font-size: 12px;
  color: #F60;
}
.good_score {
  font-size: 12px;
  color: #555;
}
.good_score_on {
  font-size: 12px;
  color: #F60;
  text-decoration: underline;
}
.good_mark a {
  text-decoration: underline;
  color:#555;
}
.review_alert_link,
.review_alert_link_netabare  {
  margin-right: 10px;
  text-align: right;
  font-size: 10px;
  text-decoration: none;
}
.review_alert_link a,
.review_alert_link_netabare a{
  color:#bcbcbc;
}
.review_alert_link.my_review_edit,
.review_alert_link_netabare.my_review_edit {
  margin:5px 5px 8px;
}
.review_alert_link.my_review_edit a,
.review_alert_link_netabare.my_review_edit a{
  border: 1px solid #777;
  color: #777;
  border-radius: 3px;
  padding: 2px 35px;
}
.review_alert_link.alert_open,
.review_alert_link_netabare.alert_open{
  display:block;
}
.review_detail .review_date{
  margin-right: 5px;
  text-align:right;
  font-size:12px;
  color:#777;
}

/*レビュー部品*/
/*ユーザー　画像　名前　フォロー*/
.user_info_row{
  margin: 5px 0;
  display: flex;
  align-items: center;
}
.user_info_row .reviewer_img {
  justify-content: center;
  width: 44px;
}
.user_info_row .reviewer_img img{
  width:35px;
  height:35px;
}
.user_info_row .reviewer_name_i{
  color: #333;
}
.user_info_row .reviewer_name {
  font-size: 14px;
  width: calc(100% - 48px);
  word-wrap: normal;
  white-space: nowrap;
  color: #555;
  line-height: 1.3;
}
.user_info_row .reviewer_name_i {
  display: flex;
  font-size:13px;
}
.user_info_row .reviewer_age_i .reviewer_age + .reviewer_age {
  padding-left: 5px;
}
.user_info_row .reviewer_nick {
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user_info_row .reviewer_age_i{
  font-size: 12px;
  color:#777;
}
.user_info_row .reviewer_follow {
  margin-left:auto;
  margin-right:5px;
  padding: 0 7px;
  min-width: 40px;
  background: #FFF;
  border: 1px solid #b8a98f;
  box-sizing: border-box;
  border-radius: 3px;
  text-align: center;
  font-size: 10px;
  line-height:18px;
  height:20px;
  cursor: pointer;
  color: #b8a98f;
}
.user_info_row .review_edit {
  margin-left: auto;
  margin-right: 5px;
  padding: 0 7px;
  min-width: 40px;
  background: #FFF;
  border: 1px solid #ff5722;
  box-sizing: border-box;
  border-radius: 3px;
  text-align: center;
  font-size: 11px;
  line-height: 18px;
  height: 20px;
  cursor: pointer;
}
.user_info_row .review_edit a {
  color: #ff5722;
}
/*新着高評価部分*/
/*もっと読む*/
.more_link{
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
  text-align: right;
  font-size: 12px;
}
.more_link a{
  position:relative;
  display: block;
  padding: 11px 16px 11px 4px;
  color: #345;
}
.more_link a:after{
  content:'';
  display:block;
  clear:both;
  position:absolute;
  top:50%;
  right:5px;
  width:6px;
  height:6px;
  margin-top:-4px;
  border-top:2px solid #bbb;
  border-right:2px solid #bbb;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
}



/* staff_recommend
-------------------------------------------------------------*/
#staff_recommend_review_area{
  display:none;
}
#staff_recommend {
  background: #fff;
}
#staff_recommend .staff_recommend_title {
  height: 40px;
  padding: 0 5px;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #555;
  margin: 0;
  border-bottom: 1px solid #dadada;
}
@media screen and (max-width:400px) {
  #staff_recommend .staff_recommend_title {
  height: auto;
  font-size: 14px;
  line-height: 1.55;
  padding: 10px 5px 5px;
  }
}
#staff_recommend .recommend_view {
  border-bottom: 1px solid #dadada;
}
#staff_recommend .staff_reco_detail {
  padding: 10px 7px;
}
#staff_recommend .staff_reco_title {
  font-size: 14px;
  font-weight: bold;
  color: #555;
}
#staff_recommend .staff_reco_name {
  font-size: 13px;
  padding: 3px 0px 5px;
}
#staff_recommend .staff_reco_name span:first-child {
  padding-right: 10px;
}
#staff_recommend .staff_reco_txt {
  clear: both;
  margin-block-start: 0em;
  line-height: 1.55;
  font-size: 13px;
  font-weight: normal;
  color: #555;
}
#staff_recommend .recommend_list_link {
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
  text-align: right;
  font-size: 12px;
}
#staff_recommend .recommend_list_link a {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 11px 10px 11px 4px;
  color: #555;
}
#staff_recommend .recommend_list_link a:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 50%;
  right: 3px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* secArea
-------------------------------------------------------------*/
.secArea {
  padding-top: 20px;
  background: #f7f7f7;
}
.secTitle{
  position: relative;
  height: 40px;
  padding: 0 5px;
  background: #fff;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 40px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #555;
  word-break: break-all;
}
.secTitle h2,
.secTitle p{
  display: inline-block;
  font-size: 14px;
  color: #555;
}
.secTitle h2 a,
.secTitle p a{
  color: #555;
}
.secTitle .rightLinkMore {
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -20px;
  padding-right: 10px;
  color: #555;
  font-size: 13px;
  font-weight: normal;
}
.secTitle .rightLinkMore:after {
  display: block;
  content: '';
  clear: both;
  position: absolute;
  top: 50%;
  right: 3px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.subTitle{
  display: none;
}
.rightLink{
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -20px;
  padding-right: 10px;
  color: #555;
  font-size: 13px;
  font-weight: normal;
}
.rightLink:after{
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 50%;
  right: 3px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.noCheck{
  display:none;
  padding: 10px 8px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  text-align: left;
  font-size: 14px;
}
.res3Area{
  padding-top: 20px;
  background: #f7f7f7;
}
.recommendListBox + .recommendListBox .res3Area{
  padding-top: 0;
}
.resBox{
  width: 98%;
  padding: 18px 1% 8px;
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
}
.recommendListBox .resBox{
  border-bottom: none;
}
.recommendListBox + .recommendListBox .resBox{
  border-bottom: 1px solid #e2e2e2;
}
.ranking .resBox{
  padding: 13px 1% 8px;
}
.resBox ul{
  width: 100%;
}
.resBox ul + ul{
  margin-top: 20px;
}
.resBox ul li a{
  display: block;
  width: 100%;
}
.resBox .thum_box{
  float: left;
  width: 31.3%;
  margin: 0 1%;
  vertical-align: top;
  text-align: center;
}
.resBox .genre_name{
  margin: 0 auto 3px;
  line-height: 18px;
  text-align: center;
}
.resBox .genre_name p{
  font-size: 14px;
  color: #555;
}
.resBox .genre_name.hq p{
  font-size: 13px;
  letter-spacing: -2px;
}
@media screen and (max-width: 400px){
  .resBox .genre_name p,
  .resBox .genre_name.hq p{
  font-size: 12px;
  }
}
@media screen and (max-width: 360px){
  .resBox .genre_name.hq p{
  font-size: 10px;
  }
}
.resBox .rank_num{
  margin: 0 auto 3px;
  line-height: 18px;
  text-align: center;
  font-size: 18px;
  color: #f60;
}
.resBox .rank_num span{
  padding-left: 1px;
  vertical-align: middle;
  font-size: 14px;
}
.resBox .thum_box a{
  position: relative;
  display:block;
  max-width: 180px;
  margin: 0 auto;
}
.resBox .cam_mark{
  position: absolute;
  top: 0;
  right: 2%;
  width: auto;
  height: 17px;
  padding: 2px;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 11px;
  font-size: 11px;
}
.resBox .cam_mark.free,
.resBox .cam_mark.inc,
.resBox .cam_mark.sale,
.resBox .cam_mark.point,
.resBox .cam_mark.pack{
  border: 1px solid #f00;
  color: #f00;
}
.resBox .thum_box img{
  width: 97%;
  max-width: 180px;
  margin: 0 auto;
}
.resBox .thum_box.con img{
  max-width: 125px;
}
.resBox .text_box{
  float: left;
  width: 31.3%;
  margin: 0 1%;
  vertical-align: top;
  text-align: center;
}
.resBox .title_name,
.resBox .author_name{
  height: 19px;
  line-height: 20px;
  text-align: center;
  font-size: 13px;
  overflow: hidden;
}
.resBox .title_name{
  margin: 7px 4px 0;
  color: #333;
}
.resBox .author_name{
  margin: 0 4px;
  color: #707070;
  word-break: break-all;
}
.resBox .title_name a,
.resBox .author_name a{
  width: 100%;
  overflow: hidden;
}
.resBox .title_name a{
  display: block;
  font-weight: normal;
  color: #333;
}
.resBox .author_name a{
  display: inline;
  color: #707070;
  overflow: hidden;
}
.resBox .btn_box{
  margin: 8px 5px;
}
.resBox .btn_box a{
  display: block;
  max-width: 180px;
  height: 33px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 31px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #6e5b39;
  text-decoration: none;
}
.resBox .review_star{
  height: 18px;
  line-height: 15px;
}

/* bannerArea
-------------------------------------------------------------*/
.bannerArea{
  padding-top: 20px;
  background: #f7f7f7;
  text-align: center;
}
.bannerArea .small{
  padding: 13px 0 0;
  background: #fff;
}
.bannerArea .small:last-of-type{
  padding: 13px 0;
  border-bottom: 1px solid #e2e2e2;
}
.bannerArea a{
  display: inline-block;
}
.bannerArea .small a{
  float:left;
  width: 48%;
  margin: 0 1%;
}
.bannerArea .small img{
  width: 98%;
  max-width: 225px;
}

/* bottomBtns
-------------------------------------------------------------*/
.bottomBtns{
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
  text-align: right;
  font-size: 12px;
}
.bottomBtns a,
.bottomBtns a:hover{
  position: relative;
  display: block;
  padding: 11px 16px 11px 4px;
  color: #345;
}
.bottomBtns a:after{
  content:'';
  display:block;
  clear:both;
  position:absolute;
  top:50%;
  right: 5px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top:2px solid #bbb;
  border-right:2px solid #bbb;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
}

/* bottomBlock
-------------------------------------------------------------*/
.otheRanking .bottomBlock {
  background: #fff;
  padding: 13px 5px;
}
.otheRanking .bottomLinks {
  width: 94%;
  margin: 0 auto;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.otheRanking .bottomLinks li {
  float: left;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
.otheRanking .bottomLinks.two li {
  width: 50%;
}
.otheRanking .bottomLinks li a {
  position: relative;
  display: block;
  font-size: 13px;
  color: #333;
  text-decoration: none;
  padding: 8px 0;
}
.otheRanking .bottomLinks li a:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


/* sliderTitleArea
-------------------------------------------------------------*/
.sliderTitleArea {
  background: #fff;
}
.sliderTitleArea * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sliderTitleArea .swiper-container {
  padding: 10px 0 13px;
}
.sliderTitleArea .swiper-wrapper {
  height: auto;
}
.sliderTitleArea .swiper-slide {
  width: 28%;
  height: auto;
  text-align: center;
}
.sliderTitleArea .swiper-slide.bannerBox {
  width: 48%;
}
.sliderTitleArea .swiper-slide.bannerBox img {
  width: 96%;
}

/* scrollTitleBox
-------------------------------------------------------------*/
.scrollTitleBox::-webkit-scrollbar {
  height: 3px;
}
.scrollTitleBox::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 6px;
}
.scrollTitleBox::-webkit-scrollbar-track {
  background: transparent;
}
.secArea .scrollTitleBox * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.secArea .scrollTitleBox {
  display: flex;
  overflow-x: auto;
  background: #fff;
  padding: 0 1%;
}
.secArea .scrollTitleBox .title_wrap {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: center;
  width: 29%;
  margin: 8px 1% 13px;
  list-style: none;
}
@media screen and (min-width: 590px){
  .secArea .scrollTitleBox .title_wrap {
  width: 22%;
  }
}
@media screen and (min-width: 840px){
  .secArea .scrollTitleBox .title_wrap {
  width: 17%;
  }
}
.secArea .scrollTitleBox .thum_box,
.secArea .scrollTitleBox .text_box {
  width: 98%;
  max-width: 180px;
}
.secArea .scrollTitleBox .rank_num {
  margin: 0 auto 3px;
  line-height: 18px;
  text-align: center;
  font-size: 18px;
  color: #f60;
}
.secArea .scrollTitleBox .rank_num span {
  padding-left: 1px;
  vertical-align: middle;
  font-size: 14px;
}
.secArea .scrollTitleBox .genre_name {
  text-align: center;
}
.secArea .scrollTitleBox .genre_name p {
  font-size: 13px;
  color: #555;
}
.secArea .scrollTitleBox .genre_name.hq p {
  letter-spacing: -2px;
}
@media screen and (max-width: 460px){
  .secArea .scrollTitleBox .genre_name p {
    font-size: 11px;
  }
}
@media screen and (max-width: 400px){
  .secArea .scrollTitleBox .genre_name p {
    font-size: 10px;
  }
}
.secArea .scrollTitleBox .thum_box a {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.secArea .scrollTitleBox .thum_box .cam_mark {
  position: absolute;
  top: 0;
  right: 2%;
  width: auto;
  height: 17px;
  padding: 2px;
  background: #fff;
  line-height: 11px;
  font-size: 11px;
  border: 1px solid #f00;
  color: #f00;
}
.secArea .scrollTitleBox .thum_box img {
  width: 100%;
  max-width: 180px;
  object-fit: cover;
}
.secArea .scrollTitleBox .thum_box.con img {
  max-width: 125px;
}
.secArea .scrollTitleBox .text_box {
  margin-top: auto;
}
.secArea .scrollTitleBox .title_name,
.secArea .scrollTitleBox .author_name {
  height: 19px;
  line-height: 20px;
  text-align: center;
  font-size: 13px;
  word-break: break-all;
  overflow: hidden;
}
.secArea .scrollTitleBox .title_name {
  margin: 7px 4px 0;
  color: #333;
}
.secArea .scrollTitleBox .title_name a {
  color: #333;
}
.secArea .scrollTitleBox .author_name {
  margin: 0 4px;
  color: #707070;
}
.secArea .scrollTitleBox .author_name a {
  color: #707070;
}
.secArea .scrollTitleBox .review_star {
  margin-bottom: 2px;
  font-size: 12px;
  text-align: center;
}
.secArea .scrollTitleBox .review_star .blank {
  display: block;
  height: 18px;
}
.secArea .scrollTitleBox .btn_box {
  margin: 4px 0 0;
}
.secArea .scrollTitleBox .btn_box .blank {
  display: block;
  max-width: 180px;
  height: 34px;
  margin: 0 auto;
  padding-top: 2px;
  line-height: 28px;
}
.secArea .scrollTitleBox .btn_box .btn {
  display: block;
  max-width: 180px;
  height: 34px;
  margin: 0 auto;
  padding-top: 2px;
  background: #fff;
  border: 1px solid #b8a98f;
  border-bottom: 2px solid #bdb29e;
  border-right: 1px solid #bdb29e;
  border-radius: 4px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #6e5b39;
}
.secArea .scrollTitleBox .btn_box .btn.btn_free {
  background: #fbda37;
  border: 1px solid rgba(51,51,51,0.1);
  border-bottom: 2px solid #d8c90f;
  border-right: 1px solid #d8c90f;
}

/* mediaInformation
-------------------------------------------------------------*/
.mediaInformation .infoArea {
  padding-bottom: 10px;
  background: #fff;
}
.mediaInformation .secTitle {
  border-bottom: none;
}
.mediaInformation .secTitle a {
  display: block;
}
.mediaInformation .infoArea + .infoArea .secTitle {
  border-top: 1px solid #cdcdcd;
  padding-top: 2px;
  height: 42px;
}
.mediaInformation .infoTitle {
  position: relative;
  padding: 0 5px 5px;
  background: #fff;
}
.mediaInformation .infoTitle .mark {
  display: block;
  width: 5em;
  height: 15px;
  line-height: 16px;
  position: absolute;
  top: 0;
  left: 5px;
  background: #fff4e8;
  color: #f70;
  border: 1px solid #f70;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}
.mediaInformation .infoTitle p {
  text-indent: 4.5em;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
}
.mediaInformation .infoText {
  display: block;
  max-height: 80px;
  font-size: 13px;
  line-height: 20px;
  padding: 0 5px;
  background: #fff;
  overflow: hidden;
}
.mediaInformation .infoText p {
  font-size: 13px;
  line-height: 20px;
  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 5px 0;
}
.mediaInformation .infoArea .moreLink:after {
  content: "▼";
  display: inline;
}
.mediaInformation .bottomBtns {
  border-top: 1px solid #e2e2e2;
}

/* interactiveLink_area
-------------------------------------------------------------*/
.contents_block .interactiveLink_area {
  padding: 20px 0 0 0;
  background: #f7f7f7;
  border-top: none;
  font-size: 13px;
  line-height: 1.55;
  color: #888;
}
.contents_block .interactiveLink_area .interactiveTitle {
  height: 40px;
  padding: 0 8px;
  background: #fff;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 40px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #555;
  word-break: break-all;
}
.contents_block .interactiveLink_area .interactiveTitle h2{
  font-size: 14px;
  font-weight: bold;
  color: #555;
}
.contents_block .interactiveLink_area .interactiveBox {
  padding: 8px;
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
}
.contents_block .interactiveLink_area a{
  color: #08C;
  text-decoration: none;
}

/* pagetop_btn
----------------------*/
.pagetop_btn {
  bottom: 60px;
}