@charset "utf-8";

/* CSS Document */


/*ヘッダー*/

body,
input,
select,
textarea,
button,
option,
optgroup {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

body {
  font-size: 0.9em;
  margin: 0px;
  word-break: break-all;
  background: #000;
}

a img {
  border: none;
}

.fs_04 {
  font-size: 0.4em;
}

.fs_05 {
  font-size: 0.5em;
}

.fs_06 {
  font-size: 0.6em;
}

.fs_07 {
  font-size: 0.7em;
}

.fs_075 {
  font-size: 0.75em;
}

.fs_08 {
  font-size: 0.8em;
}

.fs_085 {
  font-size: 0.85em;
}

.fs_09 {
  font-size: 0.9em;
}

.fs_095 {
  font-size: 0.95em;
}

.fs_11 {
  font-size: 1.1em;
}

.fs_12 {
  font-size: 1.2em;
}

.fs_13 {
  font-size: 1.3em;
}

.fs_11px {
  font-size: 11px;
}

.fs_14px {
  font-size: 14px;
}

.fw_b {
  font-weight: bold;
}

.fw_br {
  font-weight: bolder;
}

.fw_n {
  font-weight: normal;
}

.fc_white {
  color: #FFFFFF;
}

.fc_gray {
  color: #aaa;
}

.fc_dgray {
  color: #666;
}

.fc_black {
  color: #333;
}

.fc_red {
  color: #F30;
}

.fc_dred {
  color: #bb0033;
}

.fc_orng {
  color: #ffa41a;
}

.fc_green {
  color: #9ad844;
}

.fc_dgreen {
  color: #4c9b80;
}

.fc_yellow {
  color: #ffd844;
}

.fc_lbrn {
  color: #f08b60;
}

.fc_brn {
  color: #bf5337;
}

.fc_dbrn {
  color: #733120;
}

.fc_pink {
  color: #ff5987;
}

.fc_prpl {
  color: #a714d8;
}

.fc_lblue {
  color: #6ac0ff;
}

.fc_blue {
  color: #0066ff;
}

.fc_dblue {
  color: #00477b;
}

.pdng4 {
  padding: 4px;
}

.pdng8 {
  padding: 8px;
}

.pdng12 {
  padding: 12px;
}

.pdng16 {
  padding: 16px;
}

.pdng20 {
  padding: 20px;
}

.pdngside10 {
  padding-right: 10px;
  padding-left: 10px;
}

.pdngside20 {
  padding-right: 20px;
  padding-left: 20px;
}

.pdngside30 {
  padding-right: 30px;
  padding-left: 30px;
}

.bgc_white {
  background-color: #FFFFFF;
}

.bgc_gray {
  background-color: #aaa;
}

.bgc_dgray {
  background-color: #666;
}

.bgc_black {
  background-color: #333;
}

.bgc_red {
  background-color: #F30;
}

.bgc_dred {
  background-color: #bb0033;
}

.bgc_orng {
  background-color: #ffa41a;
}

.bgc_green {
  background-color: #9ad844;
}

.bgc_dgreen {
  background-color: #4c9b80;
}

.bgc_yellow {
  background-color: #ffd844;
}

.bgc_lbrn {
  background-color: #f08b60;
}

.bgc_brn {
  background-color: #bf5337;
}

.bgc_dbrn {
  background-color: #733120;
}

.bgc_pink {
  background-color: #ff5987;
}

.bgc_prpl {
  background-color: #a714d8;
}

.bgc_lblue {
  background-color: #6ac0ff;
}

.bgc_blue {
  background-color: #0066ff;
}

.bgc_dblue {
  background-color: #00477b;
}

.bdr_gray {
  border-bottom: 1px solid #CCCCCC;
}

.cntr {
  text-align: center;
}

.rit {
  text-align: right;
}

.lft {
  text-align: left;
}

.underline {
  text-decoration: underline;
}

.mrgntop05 {
  margin-top: 5px;
}

.mrgntop10 {
  margin-top: 10px;
}

.mrgntop15 {
  margin-top: 15px;
}

.mrgntop20 {
  margin-top: 20px;
}

.mrgnbtm05 {
  margin-bottom: 5px;
}

.mrgnbtm10 {
  margin-bottom: 10px;
}

.mrgnbtm15 {
  margin-bottom: 15px;
}

.mrgn0 {
  margin: 0;
}

.mrgn_at {
  margin: auto;
}

.mrgnl_at {
  margin-left: auto;
}

.mrgnr_at {
  margin-right: auto;
}

.pdng0 {
  padding: 0;
}

.pdngtop4 {
  padding-top: 4px;
}

.pdngtop8 {
  padding-top: 8px;
}

.pdngtop12 {
  padding-top: 12px;
}

.pdngbtm4 {
  padding-bottom: 4px;
}

.pdngbtm8 {
  padding-bottom: 8px;
}

.pdngbtm12 {
  padding-bottom: 12px;
}

.tbl {
  display: table;
}

.tblcl {
  display: table-cell;
}

.tblrw {
  display: table-row;
}

.iln {
  display: inline;
}

.blc {
  display: block;
}

.ilnblc {
  display: inline-block;
}

.ilntbl {
  display: inline-table;
}

.dspno {
  display: none;
}

.tfix {
  table-layout: fixed;
}

.w100 {
  width: 100%;
}

.valn_t {
  vertical-align: top;
}

.valn_m {
  vertical-align: middle;
}

.valn_b {
  vertical-align: bottom;
}

.nwrp {
  white-space: nowrap;
}

.bd_rds2 {
  border-radius: 2px;
}

.bd_rds3 {
  border-radius: 3px;
}

.bd_rds4 {
  border-radius: 4px;
}

.bd_rds5 {
  border-radius: 5px;
}

.bd_rds6 {
  border-radius: 6px;
}

.bd_rds0 {
  border-radius: 0px;
}

.bdrbox {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}


/* 汎用ボタンここから */

.link_btn {
  padding: 8px 0;
}

.link_btn a,
.link_btn input[type=submit],
.link_btn input[type=button],
.link_btn button {
  display: inline;
  padding: 7px 16px 6px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: 0;
  opacity: 1;
  border: none;
  cursor: pointer;
}

.link_btn input[type=submit],
.link_btn input[type=button],
.link_btn button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 1em;
}

.link_btn a:hover,
.link_btn input[type=submit]:hover,
.link_btn input[type=button]:hover,
.link_btn button:hover {
  opacity: 0.9;
  top: 2px;
}

.link_btn a img,
.link_btn button img {
  width: 20px;
  vertical-align: middle;
}

.link_btn a span,
.link_btn button span {
  padding-left: 4px;
  vertical-align: middle;
}

.link_ylw a,
.link_ylw input[type=submit],
.link_ylw input[type=button],
.link_ylw button {
  background: #fc1;
  color: #5a3f00;
  /*    border-bottom: 2px solid #885;*/
  box-shadow: 0 2px 0 #885;
}

.link_ylw a:hover,
.link_ylw input[type=submit]:hover,
.link_ylw input[type=button]:hover,
.link_ylw button:hover {
  /*    border-bottom: 1px solid #eec;*/
  box-shadow: 0 1px 0 #eec;
  color: #741;
}

.link_grn a,
.link_grn input[type=submit],
.link_grn input[type=button],
.link_grn button {
  background: #8fbf00;
  color: #fff;
  /*    border-bottom: 2px solid #585;*/
  box-shadow: 0 2px 0 #585;
}

.link_grn a:hover,
.link_grn input[type=submit]:hover,
.link_grn input[type=button]:hover,
.link_grn button:hover {
  /*    border-bottom: 1px solid #ded;*/
  box-shadow: 0 1px 0 #ded;
  color: #e3f5d8;
}

.link_ble a,
.link_ble input[type=submit],
.link_ble input[type=button],
.link_ble button {
  background: #5ba5ff;
  color: #fff;
  /*    border-bottom: 2px solid #558;*/
  box-shadow: 0 2px 0 #558;
  border-top: 1px solid #99f;
}

.link_ble a:hover,
.link_ble input[type=submit]:hover,
.link_ble input[type=button]:hover,
.link_ble button:hover {
  /*    border-bottom: 1px solid #dde;*/
  box-shadow: 0 1px 0 #dde;
  color: #d8e3f5;
}

.link_pnk a,
.link_pnk input[type=submit],
.link_pnk input[type=button],
.link_pnk button {
  background: #ff2f78;
  color: #fff;
  /*    border-bottom: 2px solid #846;*/
  box-shadow: 0 2px 0 #846;
}

.link_pnk a:hover,
.link_pnk input[type=submit]:hover,
.link_pnk input[type=button]:hover,
.link_pnk button:hover {
  /*    border-bottom: 1px solid #ebd;*/
  box-shadow: 0 1px 0 #ebd;
  color: #ffc4d9;
}

.link_gry a,
.link_gry input[type=submit],
.link_gry input[type=button],
.link_gry button {
  background: #bbb;
  color: #555;
  /*    border-bottom: 2px solid #666;*/
  box-shadow: 0 2px 0 #666;
}

.link_gry a:hover,
.link_gry input[type=submit]:hover,
.link_gry input[type=button]:hover,
.link_gry button:hover {
  /*    border-bottom: 1px solid #aaa;*/
  box-shadow: 0 1px 0 #aaa;
  color: #888;
}

.link_btn .link_btn_cancel a,
.link_btn .link_btn_cancel a:hover {
  display: inline;
  padding: 0;
  position: relative;
  background: none;
  border: none;
  color: #36f;
  top: 0;
}

.link_blc a,
.link_blc input[type=submit],
.link_blc input[type=button],
.link_blc button {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.link_blc a:hover,
.link_blc input[type=submit]:hover,
.link_blc input[type=button]:hover,
.link_blc button:hover {
  opacity: 0.9;
  /*    top: 0px;*/
  /*    margin-top: 1px;*/
}

.link_no {
  padding: 8px 0;
}

.link_no>span {
  display: inline;
  padding: 7px 16px 6px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: 0;
  opacity: 1;
  border: none;
}

.link_no.link_pnk>span {
  background: #fcafbe;
  color: #fff;
  border: 1px solid #ebdce2;
}

.link_no.link_blc>span {
  display: block;
}

.link_ilnblc a,
.link_ilnblc input[type=submit],
.link_ilnblc input[type=button],
.link_ilnblc button {
  display: inline-block;
  box-sizing: border-box;
}

.link_ilnblc a:hover,
.link_ilnblc input[type=submit]:hover,
.link_ilnblc input[type=button]:hover,
.link_ilnblc button:hover {
  opacity: 0.9;
  /*    top: 0px;
    margin-top: 1px;*/
}

.sld_link a {
  padding: 8px 16px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #aaa;
  color: #aaa;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.sld_link a:hover {
  border-color: #777;
  color: #777;
  text-decoration: none;
}

.sld_link.sld_ble a {
  border: 1px solid #4194ff;
  color: #4194ff;
}

.sld_link.sld_ble a:hover {
  border-color: #91c1ff;
  color: #91c1ff;
}

.sld_link.sld_grn a {
  border: 1px solid #03a097;
  color: #03a097;
}

.sld_link.sld_grn a:hover {
  border-color: #69d2cb;
  color: #69d2cb;
}


/* 汎用ボタンここまで */

.link_alert a {
  display: block;
  color: #d21;
  text-align: center;
  transition: all 0.3s ease 0s;
  border-radius: 4px;
  background-color: #fff;
  font-size: 0.75em;
  padding: 6px;
  margin: 15px;
  border-style: solid;
  border-width: 1px 1px 2px;
  border-color: #973600;
  font-weight: bold;
}

.link_alert a:hover {
  color: #800;
  transition: all 0.3s ease 0s;
}

.usgnml .link_alert a,
.ebkshlf .link_alert a {
  border-color: #973600;
}

.gft_hist a {
  border-color: #2696ff;
  margin: 6px;
}


/*header {
	height:51px;
	background-color:#08132B;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
	border-bottom:1px #333 solid;
	z-index:100;
}*/


/*header h1{
	padding:3px 0 0 5px;
	margin:0;
	float:left;
	width:126px;
	height:30px;
}*/

.box_header {
  max-width: 930px;
  margin: 0 auto;
}

.box_text {
  padding: 15px;
}

.box_text2 {
  padding: 0 15px;
}

.box_text3 {
  padding: 15px 0;
}

.box_text4 {
  padding: 0 15px 15px;
}

.box_text5 {
  padding: 15px 15px 0;
}

.box_gray_bdr {
  border: 1px solid #ccc;
  padding: 4px;
}


/*上部ナビゲーション*/

nav {
  float: right;
  margin: -15px 5px 3px 0;
}

nav ul,
li {
  padding: 0;
  margin: 0;
}

nav li {
  list-style: none;
  margin: 0 0 0 3px;
  float: right;
}

nav li a {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 45px;
  width: 36px;
}

nav img {
  margin-left: 5px;
}

nav li.login {
  background: url(../images/icn/icn_login.png) no-repeat top;
}

nav li.logout {
  background: url(../images/icn/icn_logout.png) no-repeat top;
}

nav li.search {
  background: url(../images/icn/icn_search.png) no-repeat top;
}

nav li.ranking {
  background: url(../images/icn/icn_ranking.png) no-repeat top;
}

nav li.info {
  background: url(../images/icn/icn_info.png) no-repeat top;
}

nav li.book {
  background: url(../images/icn/icn_menubook.png) no-repeat top;
}

.path {
  clear: both;
  background-color: #000;
  padding: 8px 15px 5px 15px;
  font-size: 0.7em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  color: #FFFFFF;
}

.path a {
  color: #FFF;
  font-weight: normal;
  text-decoration: underline;
}

#t_contents .area_ttopbnr,
#b_contents .area_ttopbnr {
  /*	height:121px;*/
}


/*リスト_comここから*/

.list_com ul,
.list_com2 ul {
  padding: 0;
  margin: 0 0 0 15px;
}

.list_com li {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: url(../images/back_arrow.gif) repeat-y right;
  border-top: 1px solid #ccc;
}

.list_com2 li {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #ccc;
}

.list_com li.no_link {
  display: block;
  background: none;
}

.list_com ul li a,
.list_com2 ul li a {
  position: relative;
  display: block;
  text-decoration: none;
}

.list_com ul li:first-child,
.list_com2 ul li:first-child {
  border: none;
}

.list_com + .list_com ul li:first-child,
.list_com2 + .list_com2 ul li:first-child {
  border-top: 1px solid #ccc;
}

.list_com2 ul li .box_left {
  display: table-cell;
  width: 100%;
  background: url(../images/back_arrow.gif) repeat-y right;
}

.list_com2 ul li .box_left.no_link {
  display: block;
  background: none;
}

.list_com2 ul li .box_right {
  display: table-cell;
  width: 60px;
  height: 100%;
}

.list_com2 ul li .box_right a .lnk_tbl {
  display: table-cell;
  vertical-align: middle;
}


/*＞(右矢印設定)*/

.list_com ul li a:before,
.list_com ul li a:after,
.list_com2 ul li .box_left a:before,
.list_com2 ul li .box_left a:after {
  position: absolute;
  top: 50%;
  right: 7px;
  display: block;
  content: '';
  width: 10px;
  height: 1px;
  background-color: #888;
  border-radius: 4px;
}

.list_com ul li a:before,
.list_com a:before,
.list_com2 ul li .box_left a:before,
.list_com2 .box_left a:before {
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.list_com ul li a:after,
.list_com ul li a:after,
.list_com2 ul li .box_left a:after,
.list_com2 ul li .box_left a:after {
  margin-top: 3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

.list_com figure img,
.list_com2 figure img {
  border: #999 1px solid;
}


/*リスト1ここから*/

.list1 figure {
  display: table-cell;
  padding: 10px 10px 10px 0;
  width: 100px;
  text-align: left;
}

.list1 figure img {
  vertical-align: text-bottom;
  max-width: 50px
}

.list1 .list_content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 10px 30px 10px 0px;
}

.list1 ul.ranking {
  margin: 0 0 0 15px;
  !important
}

.list1 .list_content .ttl {
  padding-right: 10px;
}


/*リスト1ここまで*/


/*リスト2ここから*/

.list2 figure {
  display: table-cell;
  padding: 10px 40px 10px 0;
  width: 100px;
  text-align: left;
}

.list2 figure img {
  vertical-align: text-bottom;
  max-width: 40px
}

.list2 figure img[alt] {
    color: #909090;
    font-size: 0.6rem;
    display: block;
    width: 40px;
    overflow: hidden;
    max-height: 100px;
}

.list2 .list_content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 10px 10px 10px 0;
}

.list2 .list_content .prsn,
.list2 .list_content .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list2:last-child {
  border-bottom: none;
}

.list2 .list_content {
  max-width: 1px;
}

.area_songkashi .list_content,
.area_prsnrelart .list_content {
  max-width: none;
}


/*リスト2ここまで*/


/*リスト3ここから テキストのみのリスト*/

.list3 .list_content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 10px 0px 10px 0;
}


/*リスト3ここまで*/

/*バンドルページ収録曲一覧ここから*/

.area_packsong .list4 #track_info .box_left {
  padding: 2px 0;
}

.area_packsong .list4 #track_info .box_right {
  background: transparent;
}

.area_packsong .list4 #track_info .box_right.no_link {
  background: transparent;
}

.area_packsong .list4 #track_info .box_right .bgclarea {
  background: #18bd98;
  border-radius: 4px;
  font-size: 0.7rem;
  border: 1px solid #22a789;
  transition: background 0.1s ease, border 0.1s ease;
}

.area_packsong .list4 #track_info .box_right .bgclarea:hover {
  background: #43c7aa;
  border: 1px solid #44aa93;
}

.area_packsong .list4 #track_info .box_right.no_link .bgclarea {
  background: #ddd;
  padding: 5px 0;
  box-sizing: border-box;
  border: 1px solid #ddd;
  color: #777;
}

.area_packsong .list4 #track_info .box_right {
  box-sizing: border-box;
  padding: 0 10px 0 0;
}


.area_packsong .list4 #track_info .box_right .bgclarea a {
  font-size: 1em;
  padding: 5px 0;
  box-sizing: border-box;
}



/*バンドルページ収録曲一覧ここまで*/


/*リスト5ここから 配信曲一覧のリンク*/

.list5 {
  border-top: 1px solid #ccc;
}

.list5 ul {
  margin: 0 0 0 15px;
  padding: 0;
}

.list5 li {
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: right;
  display: block;
  font-weight: bold;
}

.list5 li a {
  padding: 10px 40px 10px 10px;
}


/*リスト5ここまで*/


/*リスト6ここから 配信曲一覧のリンク*/

.list6 .box1,
.list6 .box2,
.list6 .box3 {
  display: table-cell;
}

.list6 ul {
  padding: 0;
  list-style: none;
}

.list6 li {
  border-bottom: 1px solid #ccc;
  display: table;
  width: 100%;
}

.list6 li:first-child {
  border-top: 1px solid #ccc;
}

.list6 li .box1 {
  vertical-align: middle;
  font-size: 1em;
}

.list6 li .box2 {
  background: none repeat scroll 0 0 #eee;
  text-align: center;
  vertical-align: middle;
  font-size: 0.8em;
  width: 40px;
}

.area_dlinfo .list6 .box2 a {
  width: 40px;
  display: block;
  padding: 15px 0px;
  color: #39f;
}

.list6 li .box3 {
  background: none repeat scroll 0 0 #8fbf00;
  vertical-align: middle;
  width: 120px;
}

.area_dlinfo .list6 .dlbtn a,
.area_dlinfo .list6 .dlbtn input {
  margin: 0;
  font-size: 0.8em;
  padding: 15px 2px;
}

.list6 li a {}


/*リスト6ここまで*/


/*リスト7ここから テキストのみのリスト*/

.list7 ul {
  margin: 0 0 0 15px;
  padding: 0;
}

.list7 ul li {
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.list7 ul li:last-child {
  border-bottom: none;
}

.list7 ul li .box_left .box_row1 {
  display: table;
  padding: 10px 30px 0 0;
}

.list7 ul li .box_left .box_row2 {
  display: block;
  padding: 0 30px 10px 0;
}

.list7 ul li .box_left .box_row1 figure {
  display: table-cell;
  padding: 5px 10px 2px 0;
  text-align: left;
  width: 100px;
}

.list7 ul li .box_left .box_row1 figure img {
  max-width: 60px;
  vertical-align: text-bottom;
  box-sizing: border-box;
}

.list7 ul li .box_left .box_row1 figure img[alt] {
    color: #909090;
    font-size: 0.6rem;
    display: block;
    width: 60px;
    overflow: hidden;
    max-height: 60px;
}


.list7 ul li .box_left .box_row1 .list_content {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.list7 ul li .box_right {
  vertical-align: middle;
  background: #18bd98;
  text-align: center;
}

.list7 ul li .box_right a {
  height: 100%;
  width: 100%;
  color: #FFFFFF;
  padding: 0px;
  display: table;
  table-layout: fixed;
  font-size: 0.9em;
}

.list7 ul li .box_right a:hover {
  background: #9fd500;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.list7 ul li .box_right.no_link {
  background: #ddd none repeat scroll 0 0;
  color: #555;
  font-size: 0.9em;
}


/*リスト8ここから タイトルのないリンクリスト*/

.list8 {
  margin: 15px 0;
}

.list8 .list_content {
  vertical-align: middle;
  width: 100%;
  padding: 10px 0;
}

.list8 .list_content .ttl {
  font-weight: normal;
}


/*リスト8ここまで*/


/*リスト共通*/

.list_content .ttl,
list4 .ttl {
  font-weight: bold;
  color: #269BFF;
  padding-right: 30px;
}

.list_content .ttl2 {
  font-weight: bold;
  color: #1c1c1c;
}

.list_content .prsn,
.area_songinfo .prsn,
.area_dlinfo .prsn,
.list4 .prsn {
  font-size: 0.8em;
}

.list_content .tieup,
.area_songinfo .tieup,
.area_dlinfo .tieup {
  font-size: 0.7em;
  color: #666;
}

.list_content .text {
  font-size: 0.7em;
  color: #666;
}

.list_content .text2 {
  font-size: 0.7em;
  color: #888;
}

.area_dlinfo .price {
  font-size: 0.8em;
  color: #ff2678;
}

.list_content .rank1,
.list_content .rank2,
.list_content .rank3 {
  background: #09F;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.7em;
  padding: 2px 10px;
  display: inline-block;
}

.list_content .rank {
  background: #999;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.7em;
  padding: 2px 10px;
  display: inline-block;
}

.list3 .list_content .ttl {
  color: #454545;
  !important
}

.list7 .list_content .ttl {
  padding-right: 10px;
}

.trialbtn a {
  display: none;
}


/*リスト共通ここまで*/


/*配信曲一覧タブパーツここから*/

.lsttab_blc {
  width: 100%;
  margin: auto;
  background: #449eee;
}
.lsttab_tbl {
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}


.lsttab_cl {
  display: table-cell;
  padding: 10px 5px;
}

.lsttab_cl .lstnm {
  font-size: 0.8rem;
  color: #fff;
}


.lsttab_cl a {
  display: block;
  text-align: center;
  background: #fff;
  padding: 3px;
  width: 100%;
  box-sizing: border-box;
  color: #449eee;
  border-radius: 2px;
  font-size: 0.7rem;
  text-decoration: underline;
  position: relative;
  transition: 0.2s;
}
.lsttab_cl a:hover {
  text-decoration: none;
  background: #3a91de;
  color: #fff;
}

.lsttab_cl a:after {
  content: '▼';
  position: absolute;
  right: 4px;
}
.lsttab_cl.actv a:after {
  content: '▲';
}

.lsttab_cl.pasv a:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 7px solid #fff;
  transition: 0.2s;
  transform: rotate(0deg);
}

.lsttab_cl.actv a:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  transition: 0.2s;
  transform: rotate(0deg);
  top: auto;
  bottom: 100%;
  border: 10px solid transparent;
  border-bottom: 7px solid #fff;
}

.lsttab_cl.pasv a:hover::before {
  border-top-color: #3a91de;
}

.lsttab_cl.actv a:hover::before {
  border-bottom-color: #3a91de;
}


















.lsttab_odr {
  display: table;
  width: 100%;
}
.lsttab_odr > div {
  margin: auto;
  background: #fff;
  padding-top: 4px;
  width: 40%;
  border-radius: 2px 2px 0 0;
  text-align: center;
  font-size: 0.7rem;
  color: #449eee;
}

.lsttab_lstnm {
  display: table;
  width: 100%;
}
.lsttab_lstnm > div {
  background: #449eee;
  padding-top: 8px;
  border-radius: 2px 2px 0 0;
  text-align: center;
  font-size: 0.85rem;
  color: #fff;
}


/*配信曲一覧タブパーツここまで*/




/*ページトップへここから*/

.pagetop {
  margin-top: 15px;
  background: #08132b;
  padding: 10px 15px;
  float: right;
  font-size: 0.7em;
  color: #FFFFFF;
}

.area_pagetop .pagetop {
  background: #eae9e0;
  color: #08132b;
  border-radius: 2px 0 0 0;
}

/* ***PAGE TOP*** */

#page-top {
  position: fixed;
  bottom: 10px;
  right: 15px;
  font-size: 77%;
  z-index: 10;
}

#page-top a {
  font-size: 0.8em;
  background: #333;
  text-decoration: none;
  color: #aaa;
  width: 50px;
  padding: 5px 0;
  text-align: center;
  display: block;
  border: 1px solid #2a2a2a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

#page-top a:hover {
  text-decoration: none;
  background: #555;
  alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}


/* ***PAGE TOP*** */


/*ページトップへここまで*/

.clear {
  clear: both;
}


/*フッターここから*/

footer {
  clear: both;
  background: #08132b;
  padding: 15px;
  text-align: center;
  color: #FFF;
  font-size: 0.6em;
}

#footer {
  font-size: 0.75rem;
  line-height: 200%;
  background: #eae9e0;
  color: #908e84;
  letter-spacing: 0.3px;
  width: 100%;
  margin: 20px auto 0px;
  min-width: 908px;
  padding: 15px 0;
}

#footer.sp {
  line-height: 200%;
  letter-spacing: normal;
  margin: 0px auto 0px;
  min-width: auto;
  min-width: initial;
  padding: 5px 0 0px;
}

#footer a {
    color: #485875;
    font-size: 0.75rem;
    font-weight: normal;
  transition: color 0.1s;
}

#footer a:hover,
#footer a:focus {
    color: #2373bf;
}


#footer .box_footer {
  width: 890px;
  margin: 0 auto;
}
#footer.sp .box_footer {
  width: 100%;
  margin: 0 auto;
}

.footer_hr {
  border-top: 1px solid #d2ccb8;
  box-shadow: 0px 1px 0px 0px #f7f6f5;
}

#footer .box_footer .ft_tbl {
  display: table;
  width: 100%;
  padding-bottom: 10px;
}

#footer .box_footer .ft_tblcl {
  display: table-cell;
  padding: 0px 10px;
  width: 25%;
}
#footer.sp .box_footer .ft_tblcl {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
#footer.sp .box_footer .footer_search {
  padding-bottom: 10px;
}


#footer #advanced_search {
  padding: 5px 20px 10px 20px;
  text-align: center;
}

#footer #advanced_search a:before {
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23eae9e0%22%20d%3D%22M24.792%2C25.191l-5.962-5.962c1.02-1.354%2C1.558-2.958%2C1.558-4.647c0-4.275-3.48-7.753-7.758-7.753%20c-4.274%2C0-7.752%2C3.478-7.752%2C7.753s3.478%2C7.753%2C7.752%2C7.753c2.021%2C0%2C3.923-0.77%2C5.377-2.172l5.906%2C5.904%20c0.117%2C0.117%2C0.273%2C0.182%2C0.439%2C0.182s0.322-0.064%2C0.439-0.182C25.033%2C25.826%2C25.033%2C25.433%2C24.792%2C25.191z%20M12.63%2C21.095%20c-3.59%2C0-6.51-2.922-6.51-6.513c0-3.59%2C2.92-6.511%2C6.51-6.511c3.592%2C0%2C6.516%2C2.92%2C6.516%2C6.511%20C19.146%2C18.173%2C16.222%2C21.095%2C12.63%2C21.095z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  content: '';
  width: 23px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-position: center left;
  background-repeat: no-repeat;
}

#footer #advanced_search a {
    display: block;
    padding: 3px 11px 1px 5px;
    background: #546a80;
    color: #eae9e0;
    border-radius: 3px;
    font-size: 0.75rem;
    box-shadow: 0px 2px 0px 0px #4b606d;
  transition: background 0.2s, box-shadow 0.2s;
}
#footer #advanced_search a:hover {
    background: #406b94;
    box-shadow: 0px 2px 0px 0px #2a5169;
}


#footer .footacrd {
  background: transparent;
  padding: 0;
  width: auto;
}

#footer .footacrd ul {
  width: auto;
  margin: auto;
  padding: 0;
  list-style: none;
}

#footer .footacrd ul li {
  margin: 0;
  width: 100%;
}

#footer .footacrd > ul > li {
  display: block;
  text-align: left;
}
#footer .footacrd li.s_tab {
    color: #485875;
    font-size: 0.7rem;
    margin: 5px 0px;
    background: #d8d8cd;
    padding: 4px 16px 4px 10px;
    box-sizing: border-box;
    border-radius: 2px;
}

#footer .footacrd li.s_tab:hover {
  cursor: pointer;
}


#footer .footacrd li.s_tab img {
    vertical-align: middle;
    width: 14px;
    transform: rotate(-90deg);
  transition: transform 0.2s ease;
}


#footer .footacrd li.s_tab.open img {
    transform: rotate(0deg);
}

#footer .footacrd > ul li.s_table > div {
  display: table;
  width: 100%;
}

#footer .footacrd > ul li.s_table .s50,
#footer .footacrd > ul li.s_table .sabc {
  display: table;
  width: 100%;
}
#footer .footacrd > ul li.s_table .s50 ul {
  display: table-cell;
  width: 20px;
}
#footer.sp .footacrd > ul li.s_table .s50 ul {
  width: 10%;
}

#footer .footacrd > ul li.s_table .s50 ul li {
  display: block;
  margin: 0;
  text-align: center;
}

#footer .footacrd > ul li.s_table .sabc ul {
  display: inline-block;
  width: 50%;
  font-size: 0rem;
  vertical-align: bottom;
}
#footer .footacrd > ul li.s_table .sabc ul li {
  display: inline-block;
  margin: 0;
  font-size: 0.8rem;
  width: 20px;
  vertical-align: bottom;
}
#footer.sp .footacrd > ul li.s_table .sabc ul li {
  width: 20%;
  text-align: center;
}

#footer #bksearch_pick.footacrd div.s_listbox > div {
  display: inline;
  margin-right: 10px;
}

#footer.pc #bksearch_pick a {
  font-size: 0.7rem;
}

#footer .footacrd > ul li.hide {
  display: block;
}

#footer .footer_search .footacrd ul li.s_table a {
  padding: 1px;
  margin: 1px;
  background: transparent;
  border-width: 0px;
  color: #485875;
  display: inline;
  transition: color 0.1s;
}

#footer .footacrd .s_table ul li a:hover,
#footer .footacrd .s_table ul li a:focus {
  color: #2373bf;
}

#footer .footacrd > ul li.s_table {
  display: none;
}
#footer .footacrd > ul.select li.s_table {
  display: block;
}

#footer .box_footer .footer_ranking a {
  display: table;
}

#footer .box_footer .footer_feature a {
  display: table;
}

#footer .box_footer .footer_link a {
  display: table;
}
#footer.sp .box_footer [class^="footer_"] a {
  display: inline-block;
  margin-right: 4px;
  line-height: 200%;
  padding: 2px 10px;
  border-radius: 2px;
  margin-bottom: 7px;
/*   text-decoration: underline; */
background: #d8d8cd;

}

#footer .f_ttl {
    border-left: 4px solid #546a80;
    padding-left: 4px;
    line-height: 200%;
    margin-bottom: 10px;
    color: #546a80;
    font-weight: bolder;
    font-size: 0.75rem;
}
#footer.sp .f_ttl {
    margin-top: 10px;
    margin-bottom: 5px;
}


#footer .elm_1 {
  line-height: 140%;
  font-size: 0.7rem;
  box-sizing: border-box;
}

#footer .elm_2 {
  line-height: 140%;
  font-size: 0.7rem;
  padding: 10px 0;
}

#footer.sp .elm_2 {
  padding: 10px 15px;
}

#footer .elm_2 p {
  padding: 0;
  margin: 0;
}

#footer .elm_2 p.rec_brws {
  padding-left: 0.7rem;
}

#footer .elm_2 ul {
  color: #908e84;
  padding-left: 0px;
  list-style-type: none;
  margin: 10px 0px;
}

#footer .elm_2 li:before {
  list-style: none;
  display: inline;
  content: "※";
}

#footer.sp .elm_2 .abj {
  padding-top: 10px;
}

.abj_img {
  width: 85px;
}

#footer .stop_kaizoku_img {
  width: 450px;
  display: block;
  margin: auto;
  vertical-align: bottom;
}

#footer.sp .stop_kaizoku_img {
width: 320px;
max-width: 100%;
}


/* #footer.sp .abj .tblcl {
  display: block;
  margin: auto;
} */

#footer .elm_tbl {
  display: table;
  width: 100%;
}
#footer .elm_tblcl {
  display: table-cell;
  vertical-align: top;
}
#footer.sp .elm_tblcl {
  display: block;
}

#footer .elm_3 {
  padding-top: 10px;
  text-align: left;
}
#footer.sp .elm_3 {
  padding: 10px 15px;
}

#footer .elm_4 {
  padding-top: 5px;
  text-align: left;
  font-size: 0.7rem;
}

#footer .elm_5 {
  text-align: center;
  padding-top: 10px;
}

#footer.sp .elm_5 a {
    display: block;
    width: 47px;
    margin: auto;
}

#footer .elm_5 img {
  width: 47px;
  vertical-align: bottom;
}

#footer.sp .elm_4,
#footer.sp .elm_5 {
  text-align: center;
}


#footer.sp .area_pagetop_btm {
  text-align: right;
}
#footer.sp .area_pagetop_btm a {
  text-align: right;
  display: table;
  margin-left: auto;
}

#footer.sp .area_pagetop_btm .pagetop_btm {
  background: #d8d8cd;
  color: #4c5872;
  border-radius: 2px 0 0 0;
  font-size: 0.6rem;
  padding: 6px 15px;
}

/*フッターここまで*/

.area_agentlist {
  margin-top: 15px;
}

.area_agentlist .CollapsiblePanelTab img {
  float: right;
  padding-right: 30px;
}

.area_info .registbtn {
  background: #ff2678;
}

.area_info .registbtn a {
  display: block;
  padding: 7px;
  color: #FFFFFF;
  text-align: center;
  margin-top: 5px;
}

.area_info .registedbtn {
  background: #999;
  display: block;
  padding: 7px;
  color: #FFFFFF;
  text-align: center;
  margin-top: 5px;
}

.area_infocontents img {
  float: right;
  padding-right: 15px;
}

.btn2 {
  background: #ff2678;
  border: 1px solid #BF096D;
  margin: 10px 0;
  text-align: center;
}

#info .btn2 {
  margin: 10px 0 5px 0;
}

.btn2 a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
}

.btn2 a:link {
  color: #FFF;
}

.btn2 a:visited {
  color: #FFF;
}

.btn2 input {
  color: #FFF;
  padding: 10px;
  text-decoration: none;
  text-shadow: 1px 1px 1px #BF096D;
  width: 100%;
  background-color: Transparent;
  border: none;
}

.btn2 .auksi,
.dlbtn .auksi,
.link_btn .auksi {
  line-height: 100%;
}

.btn2 .auksi>span,
.dlbtn .auksi>span,
.link_btn .auksi>span {
  color: #fff0be;
  font-size: 0.75em;
  font-weight: initial;
  line-height: 100%;
  margin: 0;
  padding: 0;
  text-shadow: none;
}

.btn_buy .auksi {
  color: #fff0be;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 100%;
  margin: 0;
  padding: 0;
  text-shadow: none;
}

.btn2no {
  background: #fcafbe;
  /* Old browsers */
  border: 1px solid #ebdce2;
  margin: 10px 0;
  text-align: center;
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #FFF;
}

.area_infoentry .btn2 a {
  /* 	padding:0px; */
}

.area_infoentry .btn2 input {
  font-size: 0.9em;
  font-weight: bold;
}



/* ********************* 入会ページ ********************* */

.area_infoentry .ent_mds {
  color: #aaa;
  background: #fff;
  font-size: 1rem;
  text-align: center;
  padding: 10px 0 5px;
  
}


.area_infoentry .entimg {
  width: 100%;
  vertical-align: bottom;
}

.area_infoentry .entpgtxt {
  color: #565652;
  font-size: 0.8rem;
  padding: 0px 15px;
  line-height: 120%;
}



.area_infoentry .mustlnkblc {
  text-align: center;
  padding: 4px 10px;
}

.area_infoentry .mustlnkblc a {
  display: inline-block;
  padding: 4px 10px;
  background: #babab5;
  margin: 4px;
  color: #fff;
  font-size: 0.75rem;
  box-shadow: 0 1px 0 0 #a3a39a;
  border-radius: 3px;
  position: relative;
  top: 0;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, top 0.2s ease;
}
.area_infoentry .mustlnkblc a:hover {
  background: #d0d0c9;
  color: #999;
  box-shadow: 0 0 0 0 #a3a39a;
  top: 1px;
}



.area_infoentry .entryblc {
  background: #f8f8ec;
}

.area_infoentry .entryblc > img {
  width: 100%;
}



.area_infoentry .entrycrsblc {
  padding: 0px 15px;
}


.area_infoentry .entrycrsblc .crsblc {
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e4d5;
  padding-top: 10px;
  border-top: 1px solid #fcfcf1;
  max-width: 440px;
  margin: auto;
}
.area_infoentry .entrycrsblc .crsblc:first-child {
  border-top: 0px solid #fcfcf1;
}
.area_infoentry .entrycrsblc .crsblc:last-child {
  border-bottom: 0px solid #fcfcf1;
}

  
.area_infoentry .crsttl {
  background: #e34f92;
  display: table;
  width: 100%;
  padding: 6px 6px 6px 8px;
  box-sizing: border-box;
  border-radius: 4px;
}

.area_infoentry .crsttl .crsnm {
  display: table-cell;
  color: #fff;
  font-size: 1rem;
  vertical-align: middle;
}

.area_infoentry .crsttl .crsbtn {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.area_infoentry .crsttl .crsbtn a,
.area_infoentry .crsttl .crsbtn button {
  display: inline-block;
  color: #484100;
  background: #ffef00;
  padding: 4px 12px;
  box-shadow: 0 3px 0 0 #96315f;
  font-size: 0.9rem;
  border-radius: 3px;
  position: relative;
  transition: background 0.1s ease, color 0.1s ease, top 0.1s ease, box-shadow 0.1s ease;
  border-width: 0px;
  cursor: pointer;
  top: -1px;
  border: 1px solid #96315f;
}

.area_infoentry .crsttl .crsbtn a:hover,
.area_infoentry .crsttl .crsbtn button:hover,
.area_infoentry .crsttl .crsbtn a:focus,
.area_infoentry .crsttl .crsbtn button:focus {
  box-shadow: 0 1px 0 0 #96315f;
  top: 1px;
  background: #b71b70;
  color: #ffffff;
}

.area_infoentry .crsttl .crsbtn a .auksi {
  line-height: 100%;
  text-align: center;
  padding: 2px 0 0;
}
.area_infoentry .crsttl .crsbtn a .auksi span {
  display: inline-block;
}

.area_infoentry .crsttl .crsbtn a .auksi span:last-child {
  font-size: 0.6rem;
}

.area_infoentry .crsttl .crsbtnno {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}
.area_infoentry .crsttl .crsbtnno span {
  display: inline-block;
  padding: 4px 8px;
  font-size: 0.9rem;
  background: #b71b70;
  color: #ffffff;
  border-radius: 3px;
}



.area_infoentry .crsdtl {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding-top: 4px;
}

.area_infoentry .crsdtl .crsdtlcl {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.area_infoentry .crsdtl .crsdtlcl.plus,
.area_infoentry .crsdtl .crsdtlcl.equal {
  width: 20px;
}

.area_infoentry .crsdtl .crsdtlcl.plus img,
.area_infoentry .crsdtl .crsdtlcl.equal img {
  width: 100%;
  vertical-align: middle;
}


.area_infoentry .crsdtl .dtlopt {
  font-size: 0.7rem;
  color: #626262;
}
.area_infoentry .crsdtl .dtlvle {
  font-size: 0.95rem;
  color: #d11972;
}
.area_infoentry .crsdtl .total .dtlvle {
  font-size: 1rem;
  font-weight: bolder;
}


.area_infoentry .crsdtl80 .dtlvle {
  font-size: 0.85rem;
  color: #d11972;
  text-align: center;
}



.area_infoentry .entmdsarea {
  font-weight: normal;
}

.area_infoentry .enttxtarea {
  background: #f8f8ec;
  padding: 15px;
  color: #3b3b3b;
  font-size: 0.8rem;
}

.area_infoentry .enttxtarea a {
  background: #769FE7;
  padding: 8px 10px;
  color: #fff;
  font-size: 0.75rem;
  display: block;
  margin: 12px auto;
  width: 80%;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #769FE7;
  transition: background 0.1s ease, color 0.1s ease;
  box-shadow: 0 1px 0 0 #5B6F92;
  max-width: 400px;
}

.area_infoentry .enttxtarea a:hover,
.area_infoentry .enttxtarea a:focus {
  background: #fff;
  border: 1px solid #769FE7;
  color: #769FE7;
}




#info h2 {
  padding: 15px;
}

.mgntop_15 {
  margin-top: 15px;
}

#info .info_mds {
  background: #FFFFFF;
  padding: 15px;
  color: #0057a7;
  font-size: 1.1em;
  font-weight: bold;
}

#info .box_manual {
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  margin: 10px auto;
  padding: 15px;
}

#info .box_manual h6 {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}

#info .box_manual img {
  margin-top: 10px;
}

#info h3 img {
  float: right;
  padding-right: 15px;
}

#u_contents #info .ope_ios h3,
#pu_contents #info .ope_ios h3 {
  font-size: 1em;
}

#info .ope_ios .iosimg {
  padding: 0 10px;
}

#info .ope_ios .iosimg img {
  width: 100%;
  border: 1px solid #999;
  border-radius: 12px;
}

#u_contents #info .melody h3,
#pu_contents #info .melody h3 {
  font-size: 1em;
}

#info .melody .mainimg {
  padding: 0 10px;
}

#info .melody .mainimg img {
  width: 100%;
  border: 1px solid #999;
  border-radius: 12px;
}

#info .melody .list7 ul li:nth-of-type(n+6) {
  display: none;
}

#pu_contents .confirm_txt h4,
#u_contents .confirm_txt h4 {
  padding: 0 0 2px;
  color: #555;
}

#pu_contents .confirm_txt p,
#u_contents .confirm_txt p {
  line-height: 120%;
  color: #777;
}

#pu_contents .confirm_txt p.mrgnbtm10,
#u_contents .confirm_txt p.mrgnbtm10 {
  margin-bottom: 10px;
}




#footer .lmark {
  background: none;
  padding-left: 0;
}

#footer .lmark .lmark_img {
    width: 55px;
    margin: auto 15px;
}

/* #footer.sp .lmark .tblcl {
  display: block;
  margin: auto;
} */


/* ソーシャルボタン */

.social_btn_box {
  width: 100%;
}

ul.social_btn {
  display: table;
  height: 40px;
  list-style: none outside none;
  margin: 0 auto;
  padding: 0;
  vertical-align: middle;
  width: 90%;
}

.social_btn li {
  display: inline-block;
  margin: 0 2px;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
}

.social_btn li#line {
  padding-top: 5px;
}

.social_btn li#kakao {
  padding-top: 3px;
}

.social_btn li#gplus {
  padding-top: 3px;
}

.social_btn li#fb {
  padding-top: 2px;
}

.social_btn li#twt {
  padding-top: 1px;
}

/* 
.social_btn #twt iframe {
  max-width: 67px;
}
 */

.social_btn #twt #twt_box {
  padding: 0;
}


.freeitemtwt {
  display: table;
  margin: auto;
}
.freeitemtwt > .tblcl{
  padding: 10px 0;
  vertical-align: middle;
}
.freeitemtwt .twtfkds {
  border: 2px solid #1b95e0;
  position: relative;
  padding: 10px;
  background: #fff;
  border-radius: 20px;
}
.freeitemtwt .twtfkds::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -10px;
  margin-top: -10px;
  top: 50%;
  border-left: 10px solid #1b95e0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.freeitemtwt .twtfkds::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -7px;
  margin-top: -10px;
  top: 50%;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.freeitemtwt .twtcmnt {
  color: #2080bb;
  padding-bottom: 8px;
}

.freeitemtwt .twtchara {
  padding-left: 10px;
}
.freeitemtwt .twtchara img {
  max-width: 80px;
  min-width: 40px;
  width: 100%;
  vertical-align: bottom;

}





/* ソーシャルボタンここまで */

.area_tinfo .list_content .ttl {
  color: #2696FF;
  font-weight: normal;
  font-size: 0.8em;
}


/* ランキングページ 上部タブ */

#area_rankingtab {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
  border-top: 1px solid #1080DF;
}

#area_rankingtab .tab {
  display: table-cell;
  vertical-align: middle;
  border-left: 1px solid #fff;
}

#area_rankingtab a {
  display: block;
  padding: 3px;
  color: #FFFFFF;
  background: #269BFF;
}

#area_rankingtab a:hover {
  background: #ccc;
}

#area_rankingtab span {
  display: block;
  padding: 3px;
  background: #FFFFFF;
  color: #269BFF;
}

#area_rankingtab .tab:first-child {
  border-left: none;
}

.box_rank {
  padding: 6px;
}

.ranking_gnr_tbl,
.ranking_cnt_tbl {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 2px;
}

.ranking_gnr_tbl .ranking_gnr_row,
.ranking_cnt_tbl .ranking_cnt_row {
  display: table-row;
}

.ranking_gnr_tbl .ranking_gnr_box,
.ranking_cnt_tbl .ranking_cnt_box {
  display: table-cell;
}

.ranking_gnr_tbl .ranking_gnr_box .link1,
.ranking_cnt_tbl .ranking_cnt_box .link1 {}

.ranking_gnr_tbl .ranking_gnr_box .link1 a,
.ranking_cnt_tbl .ranking_cnt_box .link1 a {
  padding: 10px 1px;
  white-space: nowrap;
}

.ranking_gnr_tbl .ranking_gnr_box .link1 a:hover,
.ranking_cnt_tbl .ranking_cnt_box .link1 a:hover {
  border: #2696ff solid 2px;
  padding: 8px;
}

.ranking_gnr_tbl .ranking_gnr_box span,
.ranking_cnt_tbl .ranking_cnt_box span {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #a8d5ff;
  color: #a8d5ff;
  display: block;
  padding: 9px 1px;
  text-align: center;
  white-space: nowrap;
}

.u_searchtab {
  line-height: 24px;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  table-layout: fixed;
  display: table;
  border-top: 1px solid #1080DF;
}

.u_searchtab li {
  background: none repeat scroll 0 0 #269BFF;
  border-bottom: 0 none;
  display: table-cell;
  margin: 0;
  color: #FFFFFF;
}

.u_searchtab li.select {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #269BFF;
  text-decoration: none;
}

.u_searchtab a {
  color: #FFFFFF;
  text-decoration: underline;
  display: block;
}

#b_contents .b_searchtab,
#pb_contents .b_searchtab {
  display: table;
  line-height: 24px;
  list-style: none outside none;
  margin: 0;
  padding: 0 0 15px 0;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  border-top: 1px solid #000;
}

#b_contents .b_searchtab li,
#pb_contents .b_searchtab li {
  background: none repeat scroll 0 0 #000;
  border-bottom: 0 none;
  display: table-cell;
  margin: 0;
}

#b_contents .b_searchtab li.select,
#pb_contents .b_searchtab li.select {
  background: none repeat scroll 0 0 #fafaf3;
  color: #44441c;
  text-decoration: none;
}

#b_contents .b_searchtab a,
#pb_contents .b_searchtab a {
  color: #fff;
  text-decoration: underline;
  display: block;
}


/*リスト_購入履歴 ここから*/

ul.bndltab {
  line-height: 24px;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  table-layout: fixed;
  display: table;
  border-top: 1px solid #1080DF;
}

ul.bndltab li {
  background: none repeat scroll 0 0 #269BFF;
  border-bottom: 0 none;
  display: table-cell;
  margin: 0;
  color: #FFFFFF;
  border-left: 1px solid #FFF;
}

ul.bndltab li:first-child {
  border-left: none;
}

ul.bndltab li img {
  width: 30px;
  vertical-align: middle;
  padding-right: 4px;
}

ul.bndltab li span {
  text-align: center;
  line-height: 100%;
  font-size: 11px;
  vertical-align: middle;
}

ul.bndltab li.select {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #269BFF;
}

ul.bndltab li.select span {
  color: #269BFF;
}

ul.bndltab li.select img {}

ul.bndltab a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 8px 0;
}

@media screen and (max-width: 320px) {
  #u_contents ul.bndltab li a {
    padding: 2px 0;
  }
  #u_contents ul.bndltab li img {
    display: none;
  }
}

.gft_hist img {
  width: 20px;
  vertical-align: middle;
}

.gft_hist .gft_hist_lnk {
  padding: 12px 4px;
  /*border-bottom: 1px solid #269BFF;*/
}

.gft_hist .bdr_blue {
  border-bottom: 1px solid #269BFF;
}

.gft_hist .gft_hist_lnk a {
  background: #269BFF;
  margin: 0 0 0 auto;
  border-bottom: 2px solid #ccc;
  color: #fff;
  text-align: center;
  padding: 6px 8px;
  border-radius: 10px;
}

.gft_hist .gft_hist_lnk a span {
  vertical-align: middle;
  font-size: 11px;
}

.gft_hist .gft_hist_mds {
  /*border-bottom: 1px solid #269BFF;*/
  padding: 12px;
}

.gft_hist .gft_hist_mds div {
  display: inline;
  width: 160px;
  text-align: center;
  padding: 8px 0;
  border-radius: 10px;
  font-size: 11px;
  color: #269BFF;
}

.list_usage ul {
  padding: 0;
  margin: 0 0 0 15px;
}

.list_usage li {
  border-top: 1px solid #ccc;
  list-style: none;
}

.list_usage li .tbl {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.list_usage li .tbl .list_content {
  padding: 0;
}

.list_usage li .tbl .ttl {
  padding: 2px 40px 2px 0;
  line-height: 100%;
}

.list_usage li .tbl .prsn {
  padding: 2px 40px 2px 0;
  line-height: 100%;
}

.list_usage li .tbl .rmain {
  padding: 2px 40px 2px 0;
  font-size: 0.7em;
  color: #666;
  line-height: 100%;
}

.list_usage li .tbl .cntstts {
  margin-right: 46px;
  font-size: 10px;
  line-height: 100%;
}

.btn_pcdl {
  margin: 10px 0;
}


/*
.list_usage a{
	color:#269BFF;
}
*/

.list_usage .ic_icon img {
  width: auto;
}


/* .list_usage a span{
	padding:5px 15px;
	margin-right:10px;
	background: #ff2678;
	border: 1px solid #BF096D;
} */

.list_usage ul li:first-child {
  border: none;
}

.list_usage figure img {
  border: #999 1px solid;
  width: 40px;
}

.list_usage figure {
  display: table-cell;
  padding: 8px 8px 4px 0;
  width: 42px;
  text-align: left;
  vertical-align: middle;
}

.list_usage .list_content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 10px 30px 10px 0px;
}

.list_usage .usgbtn {
  padding: 0 8px;
  background: #ff2f78 none repeat scroll 0 0;
  height: 100%;
  vertical-align: middle;
}

.list_usage .usgbtn a div {
  display: table-cell;
  vertical-align: middle;
}

.list_usage a.usgbtn img {
  width: 20px;
}

.list_usage a.usgbtn span {
  display: none;
}

#pu_contents .list_usage a.usgbtn img {
  display: block;
  padding: 0 10px;
}

#pu_contents .list_usage a.usgbtn span {
  display: block;
  font-size: 12px;
  text-align: center;
  color: #fff;
}

#pu_contents .list_usage a.usgbtn span.dtl {
  display: none;
}

#pu_contents .list_usage a.usgbtn span.dtl2:after {
  content: "詳細";
  display: block;
}

#pu_contents .list_usage .usgbtn~.usgbtn {
  border-left: 1px solid #CB2960;
}

.list_usage .acdn_area .tglarea {
  display: none;
}

.list_usage .tglarea .gftymd {
  padding: 0 0 4px;
}

.list_usage .tglarea .gftymd .text {
  line-height: 100%;
}

.list_usage .tglarea .link_btn {
  padding: 4px 0;
}

.list_usage .tglarea .link_btn>span~span {
  margin-left: 8px;
}

.list_usage .tglarea .link_btn a {
  padding: 4px 12px 5px;
}


/* 本棚ここから */

#pu_contents .ebkshlf .favhid_ttl h4,
#u_contents .ebkshlf .favhid_ttl h4 {
  background: #fff;
  padding: 12px 8px 12px;
  color: #333;
  border-bottom: 1px solid #cccccc;
}

#pu_contents .ebkshlf .ebook2_ttl h4,
#u_contents .ebkshlf .ebook2_ttl h4 {
  background: #fff;
  padding: 12px 8px 0;
  color: #333;
  font-weight: normal;
}

#pu_contents .ebkshlf .ebook2_ttl h4 a,
#u_contents .ebkshlf .ebook2_ttl h4 a {
  font-weight: bold;
  color: #269bff;
}

#pu_contents .ebkshlf .srs_prsnnm,
#u_contents .ebkshlf .srs_prsnnm {
  padding: 0px 12px 12px;
  background: #fff;
  color: #333;
  border-bottom: 1px solid #cccccc;
}

.usgdtl_area {
  background: #f1f1f1;
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
}

.usgdtl_area .favhid_link {}

.usgdtl_area .favhid_link>.ilnblc {
  margin: 0 4px 0 0;
}

.link_btn.favlnk_btn a {
  padding: 6px 16px;
  font-size: 13px;
}

.link_btn.hidlnk_btn a {
  padding: 6px 16px 5px;
  font-size: 13px;
}

.link_btn.favlnk_btn a span {
  background: transparent url("/images/icn/usgicn_favstr_on.png") no-repeat scroll left center / 18px auto;
  padding-left: 20px;
  vertical-align: top;
}

.link_btn.hidlnk_btn a span {
  background: transparent url("/images/icn/usgicn_hide_btn.png") no-repeat scroll left center / 18px auto;
  padding-left: 20px;
  vertical-align: top;
}

.list_usage ul.ebook {
  margin: 0;
}

.list_usage ul.ebook .ebk_usgarea {
  display: table-cell;
  vertical-align: top;
  padding: 4px 0;
}

.list_usage ul.ebook .ebk_usglnk {
  display: table-cell;
  width: 80px;
}

.list_usage ul.ebook2 {
  margin: 0;
}

.list_usage ul.ebook2 .ebk_infarea {
  display: table;
  width: 100%;
}

.list_usage ul.ebook2 .ebk_inf {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.list_usage ul.ebook2 .ebk_inf>.link_btn {
  display: inline-block;
}

.list_usage ul.ebook2 .ebk_usglnk {
  display: table-cell;
  width: 84px;
  padding-right: 16px;
}

.list_usage ul input[type="checkbox"],
.usgchk_area input[type="checkbox"] {
  position: absolute;
  display: none;
  width: 30px;
  height: 30px;
  margin: 4px;
}

.list_usage ul input[type="checkbox"]+label,
.usgchk_area input[type="checkbox"]+label {
  background: rgba(0, 0, 0, 0) url("/images/icn/usgicn_ckbx_of.png") no-repeat scroll 0 0;
  background-size: 30px;
  width: 30px;
  height: 30px;
  display: block;
  margin: 4px;
}

.usgchk_area input[type="checkbox"] {
  height: 100%;
  margin: 0;
  padding: 4px;
  top: 0;
  vertical-align: bottom;
  width: 100%;
}

.usgchk_area input[type="checkbox"]+label {
  margin: 0;
  background: #fff url("/images/icn/usgicn_ckbx_of.png") no-repeat scroll 3px center / 30px auto;
  font-size: 11px;
  font-weight: bold;
  padding: 11px 10px 11px 40px;
  vertical-align: baseline;
  width: 100%;
  display: inline;
  border: 1px solid #e5e5e5;
  color: #555;
  cursor: pointer;
}

.list_usage ul input[type="checkbox"]:checked+label,
.usgchk_area input[type="checkbox"]:checked+label {
  background-image: url("/images/icn/usgicn_ckbx_on.png");
}

.ebkshlf .favstr_on {
  background: rgba(0, 0, 0, 0) url("/images/icn/usgicn_favstr_on.png") no-repeat scroll left center / 18px auto;
  padding: 4px 5px 0 20px;
  line-height: 150%;
}

.ebkshlf .favstr_of {
  background: rgba(0, 0, 0, 0) url("/images/icn/usgicn_favstr_of.png") no-repeat scroll left center / 18px auto;
  padding: 4px 5px 0 20px;
  line-height: 150%;
}

.ebkshlf .hidbox_in {
  background: rgba(0, 0, 0, 0) url("/images/icn/usgicn_hide_btn.png") no-repeat scroll left center / 18px auto;
  padding: 2px 5px 2px 20px;
  line-height: 150%;
}

#u_contents .list_usage ul.ebook .ebk_usglnk,
#pu_contents .list_usage ul.ebook .ebk_usglnk {
  background: #FAFAFA;
  vertical-align: middle;
}

#u_contents .list_usage ul.ebook a.usgbtn,
#pu_contents .list_usage ul.ebook a.usgbtn {
  background: none;
  padding: 4px 8px;
}

#u_contents .list_usage ul.ebook a.usgbtn figure,
#pu_contents .list_usage ul.ebook a.usgbtn figure {
  padding: 4px 0;
  width: auto;
}

#u_contents .list_usage ul.ebook a.usgbtn img,
#pu_contents .list_usage ul.ebook a.usgbtn img {
  width: 60px;
  padding: 0;
}

#u_contents .list_usage ul.ebook2 a.usgbtn,
#pu_contents .list_usage ul.ebook2 a.usgbtn {
  border-radius: 5px;
}

#u_contents .list_usage ul.ebook2 a.usgbtn figure,
#pu_contents .list_usage ul.ebook2 a.usgbtn figure {
  padding: 4px 0;
  width: auto;
}

#u_contents .list_usage ul.ebook2 a.usgbtn img,
#pu_contents .list_usage ul.ebook2 a.usgbtn img {
  width: 50px;
  padding: 0;
}

#u_contents .list_usage ul.ebook2 figure,
#pu_contents .list_usage ul.ebook2 figure {
  width: 57px;
  padding: 0px 12px 0px 10px;
  vertical-align: top;
}

#u_contents .list_usage ul.ebook2 figure img,
#pu_contents .list_usage ul.ebook2 figure img {
  width: 100%;
  padding: 0;
}

.list_usage ul.ebook2>li div.tbl {
  padding: 8px 0;
}

.list_usage ul.ebook2 .list_content {
  vertical-align: top;
}

.list_usage ul.ebook2 .list_content>.tbl {
  padding: 0;
}

.list_usage ul .tbl div.ttlarea div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 8px 2px 0;
}

.list_usage ul.ebook2 .tbl div.tblcl>div {
  white-space: normal;
}

.list_usage ul.ebook2 div.link_btn {
  padding: 3px 0 7px;
}

.list_usage ul .tbl div.ttlarea .ttl {
  padding: 2px 8px 2px 0;
  font-size: 1.1em;
}

.list_usage ul .tbl div.ebk_infarea .sttymd,
.list_usage ul .tbl div.ebk_infarea .rmain {
  font-size: 10px;
  height: 12px;
  line-height: 130%;
}

.list_usage ul.ebook div.tblcl>div .gnricn_area {
  padding: 0;
  line-height: 100%;
}

.list_usage ul.ebook .link_usgsrs {
  padding-right: 6px;
}

.list_usage ul.ebook .link_usgsrs a {
  padding: 4px 16px 3px;
}

#pu_contents .list_usage .ebook2 a.usgbtn span.dtl2:after {
  content: none;
  display: none;
}

.list_usage ul.ebook2 .link_btn a {
  padding: 4px 12px 5px;
}

#u_contents .list_usage .ebook2 a.usgbtn span {
  display: block;
  text-align: center;
}

.list_usage .ebook2 a.btn_ebkread {
  background: #1093ff;
  border-bottom: 2px solid #0d548e;
}

.list_usage .ebook2 a.btn_ebkdtl {
  background: #ffa310;
  border-bottom: 2px solid #8e5c0d;
}

.list_usage .ebook2 a.btn_ebkread:hover {
  position: relative;
  top: 1px;
  border-bottom: 1px solid #266ba2;
  opacity: 0.9;
}

.list_usage .ebook2 a.btn_ebkdtl:hover {
  position: relative;
  top: 1px;
  border-bottom: 1px solid #da9323;
  opacity: 0.9;
}

.list_usage .ebook2 a .btn_area {
  margin: 5px 0 2px;
  width: 58px;
  border: 5px solid #fff;
  border-width: 2px 5px;
  border-radius: 4px;
  color: #622104;
}

#u_contents .list_usage .ebook2 a .btn_area {
  border-width: 4px 5px;
  margin: 5px 0 3px;
  font-size: 14px;
  padding: 3px 0;
}

.list_usage .ebook2 a.btn_ebkread .btn_area {
  background: rgba(255, 255, 255, 1) url("/images/present/usg_icn_b.png") no-repeat scroll right center / 25px auto;
}

.list_usage .ebook2 a.btn_ebkdtl .btn_area {
  background: rgba(255, 255, 255, 1) url("/images/icn/usgicn_dtl_btn.png") no-repeat scroll right center / 25px auto;
}

#u_contents .list_usage .ebook2 a.btn_ebkread .btn_area {
  background: rgba(255, 255, 255, 1) url("/images/present/usg_icn_b.png") no-repeat scroll right center / 22px auto;
}

#u_contents .list_usage .ebook2 a.btn_ebkdtl .btn_area {
  background: rgba(255, 255, 255, 1) url("/images/icn/usgicn_dtl_btn.png") no-repeat scroll right center / 22px auto;
}

#u_contents .list_usage .ebook2 a.btn_ebkread span {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0;
}

#pu_contents .list_usage .ebook2 a.btn_ebkdtl span.dtl2,
#u_contents .list_usage .ebook2 a.btn_ebkdtl span.dtl2 {
  color: #b30618;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0;
}

.ebkshlf .bsp02 {
  border-spacing: 2px;
}

.ebkshlf .usgdtl_area .bsp02>div {
  vertical-align: top;
}

.ebkshlf .usgdtl_area .link_btn {}

.ebkshlf input[type=text] {
  background: rgb(255, 255, 255) none repeat scroll 0px 0px;
  border: 1px solid rgb(102, 102, 102);
  border-radius: 0px;
  height: 30px;
  margin: 0px;
  padding: 0px 5px;
  width: 100%;
  box-sizing: border-box;
}

.ebkshlf .link_btn input[type="button"],
.ebkshlf .link_btn button {
  border: medium none;
  border-radius: 5px;
  cursor: pointer;
  display: inline;
  opacity: 1;
  padding: 7px 16px 6px;
  position: relative;
  text-align: center;
  top: 0;
}

.ebkshlf .link_btn input[type="button"]:hover,
.link_btn button:hover {
  opacity: 0.9;
  top: 2px;
}

.ebkshlf select {
  background: #fff url("data:image/gif;base64,R0lGODlhDgAJAPMAAAAAAAEBAQcHBwkJCRsbGyAgIDo6Ojw8PFBQUFpaWmpqanx8fIyMjP///wAAAAAAACH+CWNvcHk9Ik5PIgAh+QQBBwANACwAAAAADgAJAAAEK7C1FIC9IUnJyL0Es0mH8AnHuBVfoW6KCQjKu3kAYW/IMCC7jcEQ3CwWrwgAOw==") no-repeat scroll right 10px center;
  border: 1px solid rgb(102, 102, 102);
  border-radius: 0px;
  height: 30px;
  margin: 0px;
  padding: 4px 28px 4px 4px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

.ebkshlf select::-ms-expand {
  display: none;
}

.usgchk_area {
  background: #f1f1f1;
  padding: 5px 0 10px 4px;
  border-top: 1px solid #e5e5e5;
}

.usgchk_area>span {
  padding: 2px 0;
}

.usgchk_area>span.chk_btn {
  display: block;
  padding: 6px 0 14px;
}

.usgchk_area .link_btn button {
  font-size: 12px;
  font-weight: bold;
  padding: 5px 8px;
}

.ebkshlf button {
  font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ebkshlf .link_ble button,
.ebkshlf .link_ble input[type="submit"],
.ebkshlf .link_ble a {
  /*    border-width: 0 0 2px 0 ;*/
  color: #fff;
  -moz-appearance: button;
  -webkit-appearance: button;
  appearance: button;
}

.ebkshlf .link_ble button:hover,
.ebkshlf .link_ble input[type="submit"]:hover,
.ebkshlf .link_ble a:hover {
  /*    border-width: 0 0 1px 0 ;*/
  color: #fffbe6;
  /*    margin-bottom: 1px;*/
}

.ebkshlf .link_pnk button,
.ebkshlf .link_pnk a {
  border-width: 0px;
  background: #f66da7 none repeat scroll 0 0;
  /*    border-bottom: 2px solid #955C7E;*/
  box-shadow: 0 2px 0 #955C7E;
  color: #fff;
}

.ebkshlf .link_pnk button:hover,
.ebkshlf .link_pnk a:hover {
  /*    border-width: 0px;*/
  /*    border-bottom: 1px solid #b792ab;*/
  box-shadow: 0 1px 0 #b792ab;
  color: #fffbe6;
  /*    margin-bottom: 1px;*/
}

.ebkshlf .link_gry button,
.ebkshlf .link_gry a {
  border-width: 0px;
  background: #bbb none repeat scroll 0 0;
  /*    border-bottom: 2px solid #666;*/
  box-shadow: 0 2px 0 #666;
  color: #555;
}

.ebkshlf .link_gry button:hover,
.ebkshlf .link_gry a:hover {
  border-width: 0px;
  /*    border-bottom: 1px solid #aaa;*/
  box-shadow: 0 1px 0 #aaa;
  color: #888;
}

.ebkshlf .link_ppl button,
.ebkshlf .link_ppl a {
  border-width: 0px;
  background: #9896cf none repeat scroll 0 0;
  /*    border-bottom: 2px solid #705986;*/
  box-shadow: 0 2px 0 #705986;
  color: #D6D3E9;
}

.ebkshlf .link_ppl button:hover,
.ebkshlf .link_ppl a:hover {
  /*    border-width: 0px;*/
  /*    border-bottom: 1px solid #5d4d81;*/
  box-shadow: 0 1px 0 #5d4d81;
  color: #E1D4FF;
  /*    margin-bottom: 1px;*/
}

.ebkshlf .link_wit button,
.ebkshlf .link_wit input[type="submit"],
.ebkshlf .link_wit input[type="button"],
.ebkshlf .link_wit a {
  border-width: 0px;
  background: #fff;
  /*    border-bottom: 2px solid #999;*/
  box-shadow: 0 2px 0 #999;
  color: #999;
  -moz-appearance: button;
  -webkit-appearance: button;
  appearance: button;
}

.ebkshlf .link_wit button:hover,
.ebkshlf .link_wit input[type="submit"]:hover,
.ebkshlf .link_wit input[type="button"]:hover,
.ebkshlf .link_wit a:hover {
  /*    border-width: 0px;*/
  /*    border-bottom: 1px solid #ccc;*/
  box-shadow: 0 1px 0 #ccc;
  /*    margin-bottom: 1px;*/
}

.usgdtl_area .favhid_link>.ilnblc>ilnblc>div>a {
  display: block;
}

.usgchk_area .favstr_on,
.usgchk_area .favstr_of,
.usgdtl_area .favstr_on,
.usgdtl_area .favstr_of {
  /* padding: 2px 5px 2px 20px; */
  font-weight: bold;
  vertical-align: baseline;
}

.ebkshlf .usgchk_area .link_gry button:hover {
  /*border-top: 1px solid transparent;*/
}

.usgdtl_area .hidbox_in,
.usgchk_area .hidbox_in {
  padding: 2px 5px 2px 20px;
  font-weight: bold;
  vertical-align: baseline;
}


/* 本棚ここまで */


/*リスト_購入履歴ここまで*/


/* アコーディオンここから */

.acdn_area {
  padding: 0;
}


/*
.acdn_area a{
	color:#000;
}
*/

.acdn_area .tglarea {
  padding-left: 10px;
}

.acdn_area .tglbtn .sttsfix {
  color: #CECBA3;
}

.acdn_area .tglbtn .sttsok {
  color: #999;
}

.acdn_area .tglbtn .sttsng {
  color: #f7004e;
}

.acdn_area img.sttsicn,
.ebk_infarea img.sttsicn {
  width: 14px;
  vertical-align: bottom;
  padding: 0px 2px;
}

.acdn_area .tglarea .sttymd {
  padding: 4px 2px;
  font-size: 0.7em;
  color: #666;
}

.acdn_area .tglbtn .tbl {
  cursor: pointer;
  position: relative;
}

.acdn_area .tglbtn>.tblcl {
  background-color: #FFF;
  color: #000;
  cursor: pointer;
  position: relative;
  max-width: 1px;
  border-radius: 0px;
}

.acdn_area .tglbtn .tbl:after {
  display: block;
  position: absolute;
  top: 30%;
  right: 12px;
  color: #333;
  text-align: center;
  content: "+";
  padding: 1px 0px;
  border: #ccc 1px solid;
  width: 20px;
}

.acdn_area .tglbtn .tbl>.tblcl>div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.acdn_area .tglbtn.active .tbl>.tblcl>div {
  overflow: inherit;
  white-space: normal;
}

.acdn_area .tglbtn.active .tbl:after {
  margin-top: 0px;
  content: "-";
}


/* アコーディオンここまで */


/* やりとり履歴ここから */

ul.exhstul {
  list-style: none;
  padding: 15px 0;
  margin: 0px;
}

ul.exhstul div.hstlst {
  border: 1px solid #ddeaf0;
  margin: 20px;
  border-bottom-color: #999;
}

ul.exhstul div.hstlst div {
  vertical-align: middle;
}

ul.exhstul div.hstlst div.tbl {
  width: 100%;
}

ul.exhstul div.hstlst div.hstblc1 {
  width: 120px;
  background: #9bd9f7;
  padding: 10px;
  line-height: 100%;
}

ul.exhstul div.hstlst div.hstblc1 span {
  display: block;
}

ul.exhstul div.hstlst div.hstblc1 span:first-child {
  color: #fff;
}

ul.exhstul div.hstlst div.hstblc1 span:last-child {
  color: #1e2834;
}

ul.exhstul div.hstlst div.hstblc2 {
  width: 60px;
}

ul.exhstul div.hstlst div.hstblc2 figure {
  margin: 0;
}

ul.exhstul div.hstlst div.hstblc2 img {
  width: 100%;
  vertical-align: text-bottom;
}

ul.exhstul div.hstlst div.hstblc3 {
  padding: 4px 10px;
  line-height: 110%;
}

ul.exhstul div.hstlst div.hstblc3 .ttl a {
  color: #00abfc;
}

ul.exhstul div.hstlst div.hstblc3 .prsn {
  color: #3e669d;
}

ul.exhstul div.hstlst div.hstrow2 {
  background: #ddeaf0;
}

ul.exhstul div.hstlst div.hstblc4 {
  width: 140px;
  text-align: center;
  padding: 12px 0 4px;
  position: relative;
}

ul.exhstul div.hstlst div.hstblc4 .triund {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10.4px 6px 0 6px;
  border-color: #9bd9f7 transparent transparent transparent;
  margin: auto;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -6px;
}

ul.exhstul div.hstlst div.hstblc4 .plybtn {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  border: 4px solid #4dbdf2;
  border-radius: 30px;
  box-sizing: content-box;
  color: #fff;
  display: block;
  font-size: 10px;
  height: 50px;
  left: 50%;
  margin: -29px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 51px;
  transition: all 0.2s ease;
}

ul.exhstul div.hstlst div.hstblc4 .plybtn:after {
  border-color: transparent transparent transparent #fff;
  border-image: none;
  border-style: solid;
  border-width: 8px 0 8px 16px;
  content: "";
  display: block;
  height: 0;
  left: 20px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 0;
}

ul.exhstul div.hstlst div.hstblc4 .plybtn:hover {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  border-color: #fff;
}

ul.exhstul div.hstlst div.hstblc4 .plybtn::after::hover {
  border-color: #fff;
}

ul.exhstul div.hstlst div.hstblc4 img {
  width: 50px;
  border-radius: 30px;
  margin: 5px auto 10px;
}

ul.exhstul div.hstlst div.hstblc5 {
  width: 60px;
  text-align: center;
}

ul.exhstul div.hstlst div.hstblc5 figure {
  width: 40px;
  margin: 0 auto;
}

ul.exhstul div.hstlst div.hstblc5 img {
  width: 100%;
}

ul.exhstul div.hstlst div.hstblc6 {
  padding: 10px;
  color: #1e2834;
  font-size: 0.8em;
}

ul.exhstul div.hstlst div.hstblc7 {
  background: #7ec8f1;
  width: 30px;
  height: 30px;
  text-align: center;
}

ul.exhstul div.hstlst div.hstblc7 img {
  width: 24px;
  padding: 0 4px;
}

ul.exhstul div.hstlst div.hstblc8 {
  background: #9bd9f7;
  width: 168px;
  padding: 0 10px;
  color: #487a92;
  white-space: nowrap;
}

ul.exhstul div.hstlst div.hstblc9 {
  background: #9bd9f7;
  width: 100%;
}

#u_contents ul.exhstul div.hstlst {
  border-width: 1px 0;
  margin: 0 auto 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

#u_contents ul.exhstul div.hstlst div.hstblc1 {
  padding: 4px 8px;
  width: 80px;
}

#u_contents ul.exhstul div.hstlst div.hstblc2 {
  width: 60px;
}

#u_contents ul.exhstul div.hstlst div.hstblc3 {
  padding: 4px 8px;
}

#u_contents ul.exhstul div.hstlst div.hstblc3 .ttl {
  font-size: 12px;
}

#u_contents ul.exhstul div.hstlst div.hstblc3 .prsn {
  font-size: 10px;
}

#u_contents ul.exhstul div.hstlst div.hstblc4 {
  width: 100px;
}

#u_contents ul.exhstul div.hstlst div.hstblc8 {
  width: 128px;
}


/* やりとり履歴ここまで */


/*アイコン系*/

.ic_icon span {
  display: inline-block;
  padding: 2px 4px;
  border: #ccc solid 1px;
  background-color: #fff;
  color: #888;
  font-size: 10px;
  white-space: nowrap;
  font-weight: normal;
  margin: 0 2px;
  min-width: 36px;
  text-align: center;
}

#pb_contents .icon {
  height: 18px;
}

.icon span {
  display: inline-block;
  vertical-align: top;
  padding: 1px 8px;
  margin: 1px auto;
}

.icon {
  font-size: 0;
  padding: 4px 0;
}

.icon .ic_icon {
  display: inline-block;
}

.ic_icon span {
  border-width: 0;
  border-radius: 2px;
  background: #71aef5;
  margin: 1px;
  color: #fff;
  font-size: 0.65rem;
  padding: 1px 7px;
}
.ic_icon span.plytm,
.ic_icon span.itmlen,
.ic_icon span.stdtm {
  background: #f0f0f0;
  color: #757e8a;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 3px center;
  padding-left: 22px;
    
}
div[id*="u_contents"] .ic_icon span.plytm {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23606060%22%20d%3D%22M50.576%2C14h-0.203c-19.93%2C0-36.234%2C16.869-36.343%2C36.801C13.92%2C70.842%2C30.133%2C88%2C50.174%2C88h0.205%20c19.93%2C0%2C36.234-16.869%2C36.343-36.799C86.832%2C31.159%2C70.619%2C14%2C50.576%2C14z%20M50.379%2C82h-0.177%20c-17.237%2C0-31.181-13.735-31.087-30.976C19.208%2C34.005%2C33%2C20.613%2C50%2C20.406V51h31.636c0%2C0%2C0.003-0.141%2C0.003-0.084%20C81.543%2C68.061%2C67.522%2C82%2C50.379%2C82z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20display%3D%22none%22%3E%20%3Cg%20display%3D%22inline%22%3E%20%3Cpath%20fill%3D%22%23606060%22%20d%3D%22M92.134%2C50h0.182L73.799%2C29.756C72.406%2C27.817%2C69.314%2C26%2C66.927%2C26H34.609%20c-2.386%2C0-5.495%2C1.802-6.906%2C3.726L9.95%2C48.584C8.306%2C49.902%2C7%2C51.922%2C7%2C54.188v18.621C7%2C76.773%2C10.725%2C80%2C14.689%2C80h71.62%20c3.964%2C0%2C6.69-3.227%2C6.69-7.191V54.188C93%2C52.621%2C92.989%2C51%2C92.134%2C50z%20M87%2C72.477C87%2C73.133%2C86.801%2C74%2C86.143%2C74h-71.62%20C13.866%2C74%2C13%2C73.133%2C13%2C72.477V53.855C13%2C53.197%2C13.866%2C53%2C14.523%2C53h71.62C86.801%2C53%2C87%2C53.197%2C87%2C53.855V72.477z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}


div[id*="u_contents"] .ic_icon span.itmlen {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20display%3D%22none%22%3E%20%3Cg%20display%3D%22inline%22%3E%20%3Cpath%20fill%3D%22%23606060%22%20d%3D%22M50.576%2C14h-0.203c-19.93%2C0-36.234%2C16.869-36.343%2C36.801C13.92%2C70.842%2C30.133%2C88%2C50.174%2C88h0.205%20c19.93%2C0%2C36.234-16.869%2C36.343-36.799C86.832%2C31.159%2C70.619%2C14%2C50.576%2C14z%20M50.379%2C82h-0.177%20c-17.237%2C0-31.181-13.735-31.087-30.976C19.208%2C34.005%2C33%2C20.613%2C50%2C20.406V51h31.636c0%2C0%2C0.003-0.141%2C0.003-0.084%20C81.543%2C68.061%2C67.522%2C82%2C50.379%2C82z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23606060%22%20d%3D%22M92.134%2C50h0.182L73.799%2C29.756C72.406%2C27.817%2C69.314%2C26%2C66.927%2C26H34.609%20c-2.386%2C0-5.495%2C1.802-6.906%2C3.726L9.95%2C48.584C8.306%2C49.902%2C7%2C51.922%2C7%2C54.188v18.621C7%2C76.773%2C10.725%2C80%2C14.689%2C80h71.62%20c3.964%2C0%2C6.69-3.227%2C6.69-7.191V54.188C93%2C52.621%2C92.989%2C51%2C92.134%2C50z%20M87%2C72.477C87%2C73.133%2C86.801%2C74%2C86.143%2C74h-71.62%20C13.866%2C74%2C13%2C73.133%2C13%2C72.477V53.855C13%2C53.197%2C13.866%2C53%2C14.523%2C53h71.62C86.801%2C53%2C87%2C53.197%2C87%2C53.855V72.477z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}


div[id*="u_contents"] .ic_icon span.stdtm {
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1_1_%22%20display%3D%22none%22%3E%20%3Cg%20display%3D%22inline%22%3E%20%3Cpath%20fill%3D%22%23606060%22%20d%3D%22M50.576%2C14h-0.203c-19.93%2C0-36.234%2C16.869-36.343%2C36.801C13.92%2C70.842%2C30.133%2C88%2C50.174%2C88h0.205%20c19.93%2C0%2C36.234-16.869%2C36.344-36.799C86.832%2C31.159%2C70.619%2C14%2C50.576%2C14z%20M50.379%2C82h-0.177%20c-17.237%2C0-31.181-13.734-31.087-30.977C19.208%2C34.005%2C33%2C20.613%2C50%2C20.406V51h31.637c0%2C0%2C0.002-0.141%2C0.002-0.084%20C81.543%2C68.061%2C67.521%2C82%2C50.379%2C82z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23606060%22%20d%3D%22M74.953%2C19.235h-50c-6.346%2C0-11.509%2C5.164-11.509%2C11.51v40.993c0%2C6.347%2C5.163%2C11.51%2C11.509%2C11.51h49.998%20c6.349%2C0%2C11.512-5.163%2C11.512-11.51V30.745C86.463%2C24.398%2C81.3%2C19.235%2C74.953%2C19.235z%20M74.953%2C76.016h-50%20c-2.362%2C0-4.277-1.916-4.277-4.279V33.083H79.23v38.653C79.23%2C74.102%2C77.316%2C76.016%2C74.953%2C76.016z%22%2F%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23606060%22%20d%3D%22M36.096%2C20.938c0%2C2.449-1.984%2C4.435-4.435%2C4.435l0%2C0c-2.451%2C0-4.436-1.985-4.436-4.435V14.82%20c0-2.45%2C1.985-4.436%2C4.436-4.436l0%2C0c2.45%2C0%2C4.435%2C1.986%2C4.435%2C4.436V20.938z%22%2F%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M31.661%2C10.385c2.45%2C0%2C4.435%2C1.986%2C4.435%2C4.436v6.119c0%2C2.449-1.984%2C4.435-4.435%2C4.435%20c-2.451%2C0-4.436-1.985-4.436-4.435v-6.119C27.226%2C12.37%2C29.21%2C10.385%2C31.661%2C10.385%20M31.661%2C8.415%20c-3.532%2C0-6.405%2C2.874-6.405%2C6.405v6.119c0%2C3.532%2C2.873%2C6.404%2C6.405%2C6.404c3.531%2C0%2C6.405-2.873%2C6.405-6.404V14.82%20C38.066%2C11.289%2C35.192%2C8.415%2C31.661%2C8.415L31.661%2C8.415z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23606060%22%20d%3D%22M54.389%2C20.938c0%2C2.449-1.986%2C4.435-4.437%2C4.435l0%2C0c-2.449%2C0-4.434-1.985-4.434-4.435V14.82%20c0-2.45%2C1.985-4.436%2C4.434-4.436l0%2C0c2.45%2C0%2C4.437%2C1.986%2C4.437%2C4.436V20.938z%22%2F%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M49.952%2C10.385c2.45%2C0%2C4.437%2C1.986%2C4.437%2C4.436v6.119c0%2C2.449-1.986%2C4.435-4.437%2C4.435%20c-2.449%2C0-4.434-1.985-4.434-4.435v-6.119C45.519%2C12.37%2C47.503%2C10.385%2C49.952%2C10.385%20M49.952%2C8.415%20c-3.531%2C0-6.403%2C2.874-6.403%2C6.405v6.119c0%2C3.532%2C2.872%2C6.404%2C6.403%2C6.404c3.53%2C0%2C6.405-2.873%2C6.405-6.404V14.82%20C56.357%2C11.289%2C53.482%2C8.415%2C49.952%2C8.415L49.952%2C8.415z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23606060%22%20d%3D%22M72.684%2C20.938c0%2C2.449-1.986%2C4.435-4.438%2C4.435l0%2C0c-2.449%2C0-4.436-1.985-4.436-4.435V14.82%20c0-2.45%2C1.985-4.436%2C4.436-4.436l0%2C0c2.449%2C0%2C4.438%2C1.986%2C4.438%2C4.436V20.938z%22%2F%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M68.246%2C10.385c2.449%2C0%2C4.438%2C1.986%2C4.438%2C4.436v6.119c0%2C2.449-1.986%2C4.435-4.438%2C4.435%20c-2.449%2C0-4.436-1.985-4.436-4.435v-6.119C63.811%2C12.37%2C65.797%2C10.385%2C68.246%2C10.385%20M68.246%2C8.415%20c-3.532%2C0-6.404%2C2.874-6.404%2C6.405v6.119c0%2C3.532%2C2.872%2C6.404%2C6.404%2C6.404c3.531%2C0%2C6.404-2.873%2C6.404-6.404V14.82%20C74.65%2C11.289%2C71.777%2C8.415%2C68.246%2C8.415L68.246%2C8.415z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}





.area_songinfo > .tbl.w100 > .tblcl.valn_t.w100 {
  padding-right: 10px;
}

div[id*="u_contents"] .prsn {
  font-size: 0.75rem;
  color: #707070;
}

div[id*="u_contents"] .prsn span.prsn_kn {
  font-size: 0.6rem;
  color: #cec9ac;
  display: block;
}


div[id*="u_contents"] #track_info .icn_songttl {
  background-image: none;
  padding-left: 0;
  padding-top: 5px;
  font-size: 1.0rem;
  color: #2b4973;
}


.bndlitm_tieup {
  font-size: 0.7rem;
  color: #666;
}

.icn_comic {
  background: #C22454;
}

.icn_novel {
  background: #DF9237;
}

.icn_hobby {
  background: #388500;
}

.icn_magazine {
  background: #6754ba;
}

.icn_other {
  background: #686868;
}

.icn_freebrowse {
  background: #178CBB;
}

.icn_srsfinal {
  background: #178CBB;
}

.icn_newarvl {
  background: #edad0b;
}

.icn_cmpn {
  background: #e47d0f;
}


.icn_limit {
  background: #5f5f5f;
}

#pb_contents div.icon~div.icon {
  margin-top: 2px;
}

span[class^="icn_"] {
  margin-right: 3px;
  padding: 1px 8px;
  font-size: 10px;
  color: #fff;
  border-radius: 2px;
}

.icn_ttl_b {
  background-color: #000000;
  color: #fff;
  font-size: 0.7em;
  margin-right: 5px;
  padding: 2px;
}

.icn_prsn_b {
  background-color: #000000;
  background-image: none;
  color: #fff;
  font-size: 0.7em;
  margin-right: 5px;
  padding: 2px;
}

.icn_price_b {
  background-color: #c23e24;
  background-image: none;
  color: #fff;
  font-size: 0.7em;
  margin-right: 5px;
  padding: 2px;
}

.list_usage span[class^="icn_"] {
  line-height: 200%;
}


/* 商品ページログインパーツ */

#b_contents .area_dlinfo .itm_login ul,
#u_contents .area_dlinfo .itm_login ul {
  background: #EEE;
  list-style: none outside none;
  margin: 2px 0;
  padding: 5px 0;
}

#b_contents .area_dlinfo .itm_login ul.call,
#u_contents .area_dlinfo .itm_login ul.call {
  background: none;
}

#b_contents .area_dlinfo .itm_login li,
#u_contents .area_dlinfo .itm_login li {
  display: table-cell;
  vertical-align: middle;
}

#b_contents .area_dlinfo .itm_login li:first-child,
#u_contents .area_dlinfo .itm_login li:first-child {
  color: #333;
  width: 130px;
  font-size: 0.8em;
  text-align: left;
  padding-left: 10px;
}

#b_contents .area_dlinfo .itm_login li:last-child,
#u_contents .area_dlinfo .itm_login li:last-child {
  width: 160px;
}

#pb_contents .area_dlinfo .itm_login,
#pu_contents .area_dlinfo .itm_login {
  margin: 3px 0;
}

#pb_contents .area_dlinfo .itm_login ul,
#pu_contents .area_dlinfo .itm_login ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  list-style: none outside none;
  padding: 0;
  background: #fafaf3;
  text-align: center;
  margin: 0;
  font-size: 0.65em;
}

#pb_contents .area_dlinfo .itm_login ul:first-child,
#pu_contents .area_dlinfo .itm_login ul:first-child {
  border-bottom: 2px solid #FFF;
  font-size: 0.75em;
  background: none repeat scroll 0 0 #eaeae3;
}

#pb_contents .area_dlinfo .itm_login ul li,
#pu_contents .area_dlinfo .itm_login ul li {
  display: table-cell;
  margin: 0;
  padding: 5px 0;
  border-left: 2px solid #FFF;
}

#pb_contents .area_dlinfo .itm_login ul:last-child li a,
#pu_contents .area_dlinfo .itm_login ul:last-child li a {
  color: #999;
}

.area_dlinfo .itm_login ul.call li {
  width: 100%;
  display: table;
  font-size: 1.0em;
  padding: 0;
}

.area_dlinfo .itm_login li img {
  vertical-align: text-bottom;
}

.area_dlinfo .txt_exp {
  font-size: 0.7em;
}

.area_dlinfo>script~hr[style] {
  display: none;
}

/* プレゼントについて ここから */

#gftinfo {
  padding: 0;
}

#gftinfo p {
  margin: 0;
}

#gftinfo .send_ttl h3,
#gftinfo .post_ttl h3 {
  padding: 10px 0;
  font-size: 1.1em;
}

#gftinfo .send_ttl p,
#gftinfo .post_ttl p {
  background: #269BFF;
  width: 70px;
}

#gftinfo .send_ttl img,
#gftinfo .post_ttl img {
  width: 50px;
  display: block;
  margin: 10px auto;
  border-radius: 25px;
}

#gftinfo div p.imgblc {
  background: #F55064;
}

#gftinfo div.blcclm p {
  padding: 20px 0;
}

#gftinfo div.blcclm p.imgblc {
  width: 30%;
}

#gftinfo div.blcrow {
  background: #9CBBFF;
  padding: 40px 0 30px;
}

#gftinfo div.blcrow p.imgblc {
  background: none;
  width: 30%;
  margin: auto;
}

#gftinfo div.step5 p.imgblc {
  width: 20%;
}

#gftinfo div p.imgblc img {
  width: 100%;
}

#gftinfo div p.txtblc {
  font-size: 0.85em;
  color: #262A3B;
  padding: 0px 20px;
}

#gftinfo div.dwntri {
  position: relative;
}

#gftinfo div.dwntri::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 15px 0 15px;
  border-color: #269BFF transparent transparent transparent;
  position: absolute;
  bottom: 0;
  bottom: -20px;
  left: 50%;
  margin-left: -15px;
  z-index: 2;
}

#gftinfo div.step1::after,
#gftinfo div.step4::after {
  border-color: #fff transparent transparent transparent;
}

#gftinfo div.step2::after {
  border-color: #9CBBFF transparent transparent transparent;
}

#gftinfo .ttlbar h3 {
  padding: 15px 20px;
}

#gftinfo .box_head2 {
  display: block;
  padding: 10px 0 4px;
  background: #fff;
  border: none;
}

#gftinfo .box_head2 .box_ctn {
  width: 100%;
}

#gftinfo .box_head2 form {
  padding: 0 15px;
}

#gftinfo .box_head2 .link_detail a {
  color: #666;
  text-decoration: underline;
}


/* プレゼントについて ここまで */


/* 決済方法選択 ここから */

#container div[id$="u_contents"] h3[class^="order_"] {
  padding: 6px 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

#pu_contents h3.order_knm,
#u_contents h3.order_knm {
  background: #CF0C37;
  background: #5ba5ff;
}

#pu_contents h3.order_otr,
#u_contents h3.order_otr {
  background: #5ba5ff;
  background: #93c4ff;
}

ul[class^="order_"] {
  padding: 25px 20px;
  margin: 0;
  list-style: none;
  /* border-radius: 0 0 5px 5px; */
}

ul.order_knm {
  background: #CF0C37;
  background: #7db8ff;
}

ul.order_otr {
  background: #5ba5ff;
  background: #93c4ff;
}

ul[class^="order_"] li:first-child {
  margin-top: 0;
}

ul[class^="order_"] li {
  background: #fff;
  box-sizing: border-box;
  border-radius: 2px;
  margin-top: 20px;
  transition: background 0.1s ease;
  position: relative;
  top: 0;
}

ul.order_knm li.link {
  box-shadow: 0px 3px 0px 0px #6fa0dc;
}

ul.order_otr li.link {
  box-shadow: 0px 3px 0px 0px #7daae1;
}

ul.order_knm li.settle {
  border-top: 2px solid #6b8fbb;
  background: #7f95af;
}

ul.order_otr li.settle {
  border-top: 2px solid #6b8fbb;
  background: #7f95af;
}

ul[class^="order_"] li.link:hover {
  background: #ffC;
  box-shadow: 0px 1px 0px 0px #6fa0dc;
  top: 2px;
}

ul[class^="order_"] .settle_btn_block {
  display: block;
  padding: 12px 14px 9px;
  line-height: 130%;
  min-height: 20px;
}

ul[class^="order_"] a,
ul[class^="order_"] button {
  display: block;
  position: relative;
  text-decoration: none;
}

ul[class^="order_"] button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0 none;
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
  width: 100%;
}

ul[class^="order_"] a::before,
ul[class^="order_"] button::before {
  margin-top: -4px;
  transform: rotate(45deg);
}

ul[class^="order_"] a::after,
ul[class^="order_"] button::after {
  margin-top: 3px;
  transform: rotate(-45deg);
}

ul[class^="order_"] a::before,
ul[class^="order_"] a::after,
ul[class^="order_"] button::before,
ul[class^="order_"] button::after {
  background-color: #888;
  border-radius: 4px;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 10px;
}

.settle_btn_m {
  color: #444;
  font-size: 1.2rem;
  font-weight: bold;
}

.settle_btn_s {
  color: #666;
  font-size: 0.8rem;
}

.settle_btn_s .pslcl {
  color: #00d5ae;
}

.settle .settle_str {
  float: left;
  color: #fffa23;
}

.settle .settle_btn_m {
  color: #fff;
  font-weight: normal;
}

.settle .settle_btn_s {
  color: #fff;
}

.settle .settle_btn_s span {
  color: #ff6;
  font-size: 0.8rem;
}


/* 決済方法選択 ここまで */


/* 会員退会 ここから */

.area_leave {
  padding-top: 30px;
  font-size: 0.9rem;
  color: #444;
}

.leave_link_box {
  text-align: right;
  display: block;
  border: 1px solid #CF0C37;
  color: #CF0C37;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #FFF;
  margin: 10px 0px;
  padding: 2px 4px 2px 10px;
}

.leave_link_text {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.leave_link_blc {
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  height: 32px;
  font-size: 0.8em;
}

.leave_link_blc a,
.leave_link_blc input[type=submit],
.leave_link_blc input[type=button] {
  width: 80px;
  height: 28px;
  margin: 0px 0px 0px 15px;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
  background: #CF0C37;
}

.leave_link_btn_text {
  display: inline-block;
  vertical-align: middle;
  padding-top: 5px;
  height: 28px;
}


#info .nosize {
  background: #f3f3f3;
  padding: 15px;
  border-radius: 4px;
  margin-top: 10px;
}

#info .otrlgin {
  text-align: center;
  margin-top: 10px;
}

#info .otrlgin a div {
  background: #555;
  color: #fff;
  display: inline-block;
  padding: 6px 18px 6px 10px;
  margin: auto;
  border-radius: 4px;
  border: 1px solid #4c4c4c;
  transition: background 0.2s ease,border 0.2s ease;
  font-size: 0.8rem;
  text-decoration: underline;
}
#info .otrlgin a:focus div,
#info .otrlgin a:hover div {
    background: #666;
    border: 1px solid #555;
}

#info .otrlgin a div img {
    display: inline;
    width: 30px;
    vertical-align: middle;
}


#pu_contents div.lginstts.box_text2 {
padding: 0;
}
div.lginstts > span {
  background: #bf086e;
  padding: 5px 15px;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin-bottom: 10px;
}


/* 会員退会 ここまで */

.tmidbnr ul {
  padding: 12px 2px 0 3px;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
  max-width: 923px;
}

.tmidbnr ul li {
  display: table-cell;
  width: auto;
}

.tmidbnr ul li a {
  width: 153px;
  padding: 0 1px 0 0;
}

.tmidbnr ul li a img {
  vertical-align: bottom;
  width: 100%;
  max-width: 152px;
  opacity: 1;
  transition: opacity 0.1s ease;
}

.tmidbnr ul li a img:hover {
  opacity: 0.8;
}

.tmidbnr.typebk.typ_F {
  background: #333;
}

.tmidbnr.typebk.typ_E {
  padding-top: 2px;
  background: #000;
  padding-bottom: 10px;
}

.tmidbnr.typmsc.typ_E {
  padding-top: 10px;
}

.tmidbnr.typ_E ul {
  padding-top: 2px;
}

.tmidbnr.typ_E ul li {
  padding: 0 1px;
}


/* -- 初めての方へ ここから -------------------------------------- */

#info .info_mds.bgnr {
  background: #84bb54;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 20px 0 15px;
}

.info_mds.bgnr img {
  background: #FFF;
  width: 40px;
  border-radius: 45px;
  display: block;
  margin: auto;
  padding: 15px;
  margin-bottom: 10px;
}

#bgnr {
  line-height: 1.6em;
  font-size: 0.95rem;
  letter-spacing: 1.0pt;
  color: #555;
}

#bgnr .sec_about {
  text-align: center;
}

#bgnr .sec_about>img {
  width: 100%;
  max-width: 880px;
  padding: 10px 20px 0;
  box-sizing: border-box;
  vertical-align: bottom;
}

#bgnr .dscr {
  padding: 10px 30px 20px;
  text-align: left;
}

#bgnr .dscr span {
  display: table-cell;
  vertical-align: top;
}

#bgnr .dscr img {
  max-width: 120px;
  min-width: 60px;
  width: 20vw;
}

#bgnr .sec_mds {
  font-size: 1.3rem;
  text-align: center;
  padding: 20px 0 15px;
  font-weight: bolder;
}

#bgnr .sec_mds img {
  background: #FFF;
  width: 50px;
  border-radius: 50px;
  display: block;
  margin: auto;
  padding: 15px;
  margin-bottom: 10px;
}

#bgnr .sec_howto {
  color: #fff;
  padding: 0 30px 10px;
}

#bgnr .sec_dvc {
  background: #5c7ddc;
  color: #fff;
  padding: 0;
}

#bgnr .sec_login {
  background: #5661b7;
  color: #fff;
  padding: 0 30px;
}

#bgnr .sec_bonus {
  background: #4fa1c1;
  color: #fff;
  padding: 0 30px 30px;
}

#bgnr .sec_iosapp {
  background: #4d4b98;
  color: #fff;
  padding: 0 30px 30px;
}


#bgnr .sec_faq {
  background: #568ce0;
  color: #fff;
  padding: 0 30px;
}

#bgnr .sec_supt {
  padding: 20px 30px 50px;
}

#bgnr .sub {
  font-size: 0.75rem;
  color: #14161b;
}

#bgnr .sec_login .sub {
    color: #fff;
    font-size: 0.95rem;
    padding-bottom: 20px;
}
#bgnr .sec_login img.img {
    width: 100%;
    display: block;
}



#bgnr .sec_howto .sec_mds {
  font-size: 1.5rem;
  text-align: center;
  padding: 20px 0 0;
  color: #666;
  font-weight: normal;
}

#bgnr .sec_howto .step {
  border-radius: 8px;
  box-sizing: border-box;
  display: table;
  margin: 10px 0 30px;
  padding: 25px;
  width: 100%;
  position: relative;
}

#bgnr .sec_howto .step:nth-child(even) {
  background: #5f9def;
}

#bgnr .sec_howto .step:nth-child(2n+1) {
  background: #75acf3;
}

#bgnr .sec_howto .step:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

#bgnr .sec_howto .step:last-child:before {
  border-top-color: transparent;
}

#bgnr .sec_howto .step .stp_tbl {
  display: table-cell;
  vertical-align: middle;
}

#bgnr .sec_howto .step .stp_tbl:first-child {
  width: 60%;
}

#bgnr .sec_howto .step .stp_tbl:last-child {}

#bgnr .sec_howto .step .stp_tbl:last-child a {
  white-space: nowrap;
}

@media screen and (max-width: 573px) {
  #bgnr .sec_howto .step .stp_tbl {
    display: block;
  }
  #bgnr .sec_howto .step .stp_tbl:first-child {
    width: 100%;
  }
}

#bgnr .sec_howto .step .stp_tbl h4 {
  padding: 0;
  margin: 0;
  font-size: 1.1rem;
}

#bgnr .sec_howto .step .stp_tbl h5 {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

#bgnr .sec_howto .step .stp_tbl:last-child a {
  padding: 6px 0;
  margin: auto;
  border: 3px solid #fff;
  display: block;
  text-align: center;
  color: #75acf3;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 3px 0px 0px rgba(78, 120, 175, 0.7);
  font-size: 1.1rem;
  position: relative;
  top: 0;
}

#bgnr .sec_howto .step .stp_tbl:last-child a:hover {
  box-shadow: 0px 1px 0px 0px rgba(78, 120, 175, 0.7);
  top: 2px;
}

#bgnr .sec_howto .step .stp_tbl:last-child a img {
  width: 30px;
  vertical-align: middle;
}

#bgnr .sec_dvc .dvcblc {
  padding: 0 25px 20px;
}

#bgnr .sec_dvc .dvcnm {
  border-left: 8px solid #fff;
  padding: 2px 8px;
  margin-bottom: 4px;
  font-weight: bolder;
}

#bgnr .sec_dvc .rec_osnm {
  font-weight: bold;
  display: inline;
  font-size: 0.75rem;
  background: #fff;
  margin-left: 10px;
  margin-right: 2px;
  border-radius: 5px;
  color: #5c7ddc;
  padding: 0 8px;
}

#bgnr .sec_dvc .rec_brwsnm {
  font-size: 0.75rem;
  padding: 0 25px;
}


#bgnr .sec_bonus a {
    font-size: 0.8rem;
    width: 200px;
    padding: 4px 12px;
    margin: 10px auto 0px;
    display: block;
    text-align: center;
    color: #5fb4b9;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0px 3px 0px 0px #32657d;
    position: relative;
    top: 0;
}

#bgnr .sec_bonus a:hover {
  box-shadow: 0px 1px 0px 0px rgba(78, 120, 175, 0.7);
  top: 2px;
}



#bgnr .sec_iosapp a {
    font-size: 0.8rem;
    width: 200px;
    padding: 4px 12px;
    margin: 10px auto;
    display: block;
    text-align: center;
    color: #725dc1;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0px 3px 0px 0px rgb(61, 50, 125);
    position: relative;
    top: 0;
}

#bgnr .sec_iosapp a:hover {
  box-shadow: 0px 1px 0px 0px rgba(78, 120, 175, 0.7);
  top: 2px;
}

#bgnr .sec_iosapp .sub {
  color: #ffe310;

}



#bgnr .sec_faq .faq_q {
  font-size: 1rem;
  font-weight: bolder;
  color: #ffeb53;
}

#bgnr .sec_faq .faq_a {
  font-size: 0.8rem;
  padding-bottom: 35px;
}

#bgnr .sec_faq .faq_a a {
  font-size: 0.95rem;
  width: 200px;
  padding: 6px 0;
  margin: auto;
  border: 3px solid #fff;
  display: block;
  text-align: center;
  color: #75acf3;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 3px 0px 0px rgba(78, 120, 175, 0.7);
  position: relative;
  top: 0;
}

#bgnr .sec_faq .faq_a a:hover {
  box-shadow: 0px 1px 0px 0px rgba(78, 120, 175, 0.7);
  top: 2px;
}

#bgnr .sec_supt a {
  padding: 6px 0;
  margin: auto;
  display: block;
  text-align: center;
  color: #fff;
  border-radius: 8px;
  background: #75acf3;
  box-shadow: 0px 3px 0px 0px rgba(117, 172, 243, 0.5);
  width: 200px;
  position: relative;
  top: 0;
}

#bgnr .sec_supt a:hover {
  box-shadow: 0px 1px 0px 0px rgba(117, 172, 243, 0.5);
  top: 2px;
}

#bgnr .sec_lnk {
  background: #f8f8f8;
  width: 100%;
  text-align: center;
  padding: 30px 0 30px;
}

#bgnr .sec_lnk a {
  margin: auto;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 90px;
  background: #ffffff;
  padding: 25px;
  display: block;
  width: 120px;
  transition: border 0.2s ease;
}

#bgnr .sec_lnk a:hover {
  border: 1px solid #75acf3;
}

#bgnr .sec_lnk img {
  width: 120px;
  vertical-align: bottom;
  transition: transform 0.2s ease;
}

#bgnr .sec_lnk a:hover img {
  transform: scale3d(1.1, 1.1, 1);
}


/* -- 初めての方へ ここまで -------------------------------------- */

/* -- TOP関連バナー枠 ここから -------------------------------------- */


.rel_bnrblc {
  padding: 0px 0px 10px 0px;
  display: block;
  text-align: center;
}

.rel_bnrblc a {
  max-width: 320px;
  display: block;
  margin: auto;
}

.pc_tbl .rel_bnrblc a {
  max-width: 300px;
}

.rel_bnrblc img {
  vertical-align: bottom;
  width: 100%;
  transition: all ease 0.1s;
}

.rel_bnrblc img:hover {
  opacity: 0.7;
}

/* -- TOP関連バナー枠 ここまで -------------------------------------- */


/* -- 楽天ポイントパーツ ここから -------------------------------------- */

.rktnpp>iframe {
  vertical-align: bottom;
  padding: 10px 0;
}


/* -- 楽天ポイントパーツ ここまで -------------------------------------- */


/* -- 楽天決済確認ポップアップ ここから -------------------------------------- */

.stl_popup .modal,
/*.docomoConfirm_regist .modal,
.docomoConfirm_ppv .modal,*/
.rakutenConfirm .modal,
.amazonConfirm .modal,
.yahooConfirm .modal {
  z-index: 997;
  width: 100%;
  bottom: 0px;
  left: 0px;
  height: 100%;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  top: 0px;
  right: 0px;
  padding: 20px;
  box-sizing: border-box;
}

.stl_popup .modal .stl_cls,
/*.docomoConfirm_regist .modal .dcm_cls,
.docomoConfirm_ppv .modal .dcm_cls,*/
.rakutenConfirm .modal .rktn_cls,
.amazonConfirm .modal .amzn_cls,
.yahooConfirm .modal .yahoo_cls {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #000;
  z-index: 998;
  opacity: 0.8;
  position: fixed;
}

.stl_popup .modal .dialog,
/*.docomoConfirm_regist .modal .dialog,
.docomoConfirm_ppv .modal .dialog,*/
.rakutenConfirm .modal .dialog,
.amazonConfirm .modal .dialog,
.yahooConfirm .modal .dialog {
  z-index: 999;
  display: inline-block;
  background-color: #fff;
  position: relative;
  text-align: left;
  height: 70vh;
  overflow-y: scroll;
}

.stl_popup .stl_clsbtn,
/*.docomoConfirm_regist .dcm_clsbtn,
.docomoConfirm_ppv .dcm_clsbtn,*/
.rakutenConfirm .rktn_clsbtn,
.amazonConfirm .amzn_clsbtn,
.yahooConfirm .yahoo_clsbtn {
  border: 1px solid #fff;
  bottom: 20px;
  display: block;
  height: 40px;
  position: fixed;
  right: 20px;
  width: 40px;
  z-index: 999;
}


/* -- 楽天決済確認ポップアップ ここまで -------------------------------------- */


/* -- お支払い方法 ここから -------------------------------------- */

#settle .settle_list {
  padding: 0 15px 20px;
}

.settle_list ul {
  padding: 15px 0 0 35px;
  margin: 0;
  list-style-type: circle;
}

#settle .stl_type {
  background: #fff;
  padding: 0;
}

#settle .stl_type>.stl_mds {
  background: #3985ff;
  color: #fff;
  font-size: 1.15rem;
  font-weight: bolder;
  padding: 10px 25px;
  border-bottom: 1px solid #5898ff;
}

#settle .stl_dscr {
  padding: 10px 25px 20px;
}

#settle .dscr {
  font-size: 0.9rem;
  margin: 0;
  color: #394a5c;
}

#settle .cmnt {
  font-size: 0.8rem;
  margin: 0;
  color: #aaa;
}

#settle .stl_blc {
  background: #f9f9f9;
  padding: 10px 15px;
}

#settle .stl_blc .stl_mds {
  font-size: 0.9em;
  color: #666;
  padding-bottom: 0;
  text-align: left;
  font-weight: bolder;
}

#settle .stl_blc .dscr {
  font-size: 0.9em;
  margin: 0;
  color: #666666;
}

#settle .stl_blc .cmnt {
  font-size: 0.9em;
  margin: 0;
  color: #888888;
}

#settle .stl_dscr>img.knmid {
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  padding: 0 10px;
  vertical-align: bottom;
  max-width: 100%;
}


/* -- お支払い方法 ここまで -------------------------------------- */


/* モーダル汎用クラスここから */

.cmn_modal {
  z-index: 997;
  width: 100%;
  bottom: 0px;
  left: 0px;
  height: 100%;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  top: 0px;
  right: 0px;
  padding: 20px;
  box-sizing: border-box;
}

.cmn_modal .dialogbg {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #000;
  z-index: 998;
  opacity: 0.5;
  position: fixed;
  /*   background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20enable-background%3D%22new%200%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20x%3D%22-4%22%20y%3D%22-4%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%2010%20-4.1421)%22%20opacity%3D%220.9%22%20width%3D%2228%22%20height%3D%2228%22%2F%3E%3Crect%20x%3D%220.611%22%20y%3D%22-7.889%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%206.1108%20-2.5312)%22%20width%3D%2211%22%20height%3D%2228%22%2F%3E%3Crect%20x%3D%2210.51%22%20y%3D%222.01%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%2016.0103%20-6.6317)%22%20width%3D%2211%22%20height%3D%2228%22%2F%3E%3C%2Fsvg%3E'); */
  background-size: 10px;
}

.cmn_modal .dialog {
  z-index: 999;
  display: inline-block;
  background-color: #F9F9E4;
  position: relative;
  text-align: left;
  max-height: 70vh;
  overflow-y: auto;
  top: 5vh;
  box-shadow: 0px 0px 1px 6px rgba(60, 60, 60, 0.7);
  border-radius: 8px;
}

.cmn_modal .dialog .mds {
  background-color: #2f476b;
  margin: 15px 15px 5px;
  border-radius: 3px;
}

.cmn_modal .dialog .cvbtn a {
  padding: 8px 24px;
}

.cmn_modal .mdl_chk label {
  padding: 4px 20px 4px 10px;
  border: 1px solid #999;
  display: inline-block;
  border-radius: 2px;
  background: #eee;
  color: #888;
  margin: 6px 4px 8px;
  cursor: pointer;
  transition: border 0.1s ease;
}

.cmn_modal .mdl_chk label input {
  height: 14px;
  vertical-align: middle;
  width: 14px;
}

.cmn_modal .mdl_chk a {
  padding: 4px 20px;
  border: 1px solid #999;
  display: inline-block;
  border-radius: 2px;
  background: #fff;
  color: #888;
  margin: 0px 4px 12px;
  transition: border 0.1s ease;
}

.cmn_modal .mdl_chk label:hover,
.cmn_modal .mdl_chk a:hover{
border: 1px solid #ccc;
  color: #aaa;
}
  
.cmn_modal .dialogbtn {
  border: 1px solid #fff;
  bottom: 20px;
  display: block;
  height: 40px;
  position: fixed;
  right: 20px;
  width: 40px;
  z-index: 999;
}

.mypgConfirm .cmn_modal .iosdlhintbox {
  padding: 15px 15px 0px 15px;
}

.mypgConfirm .cmn_modal .iosdlhint {
    background: #d4cdaf;
    padding: 15px;
    border-radius: 3px;
    color: #6b5a30;
}

.mypgConfirm .cmn_modal .linkbox a {
  display: inline-block;
  width: 35%;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 0.8rem;
  background: #af2710;
  color: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0px 3px 0px 0px #692332;
  top: 0px;
  position: relative;
}
.mypgConfirm .cmn_modal .linkbox a:last-child {
  background: #4f5b98;
  color: #e8e3da;
  border: 1px solid transparent;
  box-shadow: 0px 3px 0px 0px #3a4363;
  margin-left: 8px;
}
.mypgConfirm .cmn_modal .linkbox a:hover {
  top: 3px;
  box-shadow: 0px 0px 0px 0px transparent;
}


/* モーダル汎用クラスここまで */




/* PUSH通知 */
.info_newicn:before {
  content: "NEW!!";
  display: inline-block;
  height: auto;
  width: auto;
  position: relative;
  background: #f1b200;
  font-size: 0.6rem;
  border-radius: 3px;
  padding: 0 4px;
  margin-right: 4px;
  vertical-align: middle;
  color: #fff;
  font-weight: normal;
}



@keyframes blink {
  70% { opacity: 1; }
  85% { opacity: 0.0; }
}
.emmark1, .emmark3 {
  position: relative;
  pointer-events: none;
}

.emmark3.visible:after {
  position: absolute;
  content: " ";
  background-color: #d6135d;
  border-radius: 100%;
  display: inline-block;
  z-index: 100;
  border: 1px solid #FFF;
  animation: blink 1.5s infinite;

}
.emmark1.visible:after {
  width: 16px;
  height: 16px;
  top: 0px;
  right: -6px;
}

.emmark3.visible:after {
  width: 10px;
  height: 10px;
  top: 2px;
  right: 6px;
}

.emmark1.visible:after {
  position: absolute;
  content: " ";
  background-color: #d6135d;
  border-radius: 100%;
  display: inline-block;
    width: 12px;
    height: 12px;
    top: 6px;
    left: 6px;
  z-index: 100;
  border: 0px solid #000;
  animation: blink 1.5s infinite;
}
.emmark2.visible:before {
  content: " ";
  background-color: #d6135d;
  border-radius: 100%;
  display: inline-block;
  width: 10px;
  height: 10px;
  z-index: 100;
  border: 0px solid #454545;
  vertical-align: middle;
  margin: 1px 3px;
  animation: blink 1.5s infinite;
}

.pushnotset {
  display: none;
}
.pushseted {
  display: none;
}
.pushblock {
  display: none;
}
.pushunsupport {
  display: none;
}
.pusherror {
  display: none;
  background: #f0f0f0;
}
.waitimg {
  display: none;
  text-align: center;
  padding: 30px 0;
}
.waitimg img {
  width: 30px;
}
.waitimg span {
  display: block;
  animation: blink 1s infinite;
}


.pushtopics > div {
padding: 3px 20px;
}

.pushtopics > div label {
    padding: 8px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    border: 0px solid #eee;
    border-radius: 3px;
}

.pushtopics > div span {
  color: #777;
  transition: color 0.1s ease;
}

.pushtopics > div:hover span {
  color: #deb723;
}




.pushtopics label input[type="checkbox"] {
  display: none;
}

.pushtopics label input[type="checkbox"] + span {
display: block;
padding: 2px 0 2px 32px;
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: left center;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20class%3D%22outline%22%20fill%3D%22%23E5C60A%22%20d%3D%22M29%2C8c1.654%2C0%2C3%2C1.346%2C3%2C3v18c0%2C1.654-1.346%2C3-3%2C3H11c-1.654%2C0-3-1.346-3-3V11c0-1.654%2C1.346-3%2C3-3H29%20M29%2C5H11c-3.313%2C0-6%2C2.687-6%2C6v18c0%2C3.313%2C2.687%2C6%2C6%2C6h18c3.313%2C0%2C6-2.687%2C6-6V11C35%2C7.687%2C32.313%2C5%2C29%2C5L29%2C5z%22%2F%3E%3Cpolygon%20class%3D%22chk%22%20fill%3D%22%23EEEEEE%22%20points%3D%2218.102%2C26.583%2012.623%2C21.316%2014.355%2C19.514%2018.023%2C23.04%2026.317%2C14.326%2028.128%2C16.051%22%2F%3E%3C%2Fsvg%3E');
  
}

.pushtopics label input[type="checkbox"]:checked + span {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20class%3D%22bg%22%20fill%3D%22%23E5C60A%22%20d%3D%22M35%2C29c0%2C3.313-2.687%2C6-6%2C6H11c-3.313%2C0-6-2.687-6-6V11c0-3.313%2C2.687-6%2C6-6h18c3.313%2C0%2C6%2C2.687%2C6%2C6V29z%22%2F%3E%3Cpolygon%20class%3D%22chk%22%20fill%3D%22%23FFFFFF%22%20points%3D%2218.102%2C26.583%2012.623%2C21.316%2014.355%2C19.514%2018.023%2C23.04%2026.317%2C14.326%2028.128%2C16.051%22%2F%3E%3C%2Fsvg%3E');
}

.pushnotset_comp {
  padding: 5px 20px;
}
.pushnotset_comp .box_text {
  background: #f3f3ec;
  border-radius: 2px;
}


.pushnotset_comp .pshmds {
  color: #c39c06;
    font-size: 0.95rem;
    padding-bottom: 5px;
    font-weight: bolder;
}


.pushnotset_comp .sld_link a {
    padding: 8px 16px;
    background: #c7bd6d;
    border-radius: 4px;
    border: 0px solid #b3b1a6;
    color: #fff;
    transition: background 0.2s ease;
    display: inline-block;
}

.pushnotset_comp .sld_link a:hover {
  background: #c15f08;
}

/* PUSH通知ここまで */




/* TGS2018ここから */

#main_contents > .linktgs {
padding: 4px 0;
}

.linktgs a img {
  width: 367px;
background: #fff;
border: 1px solid #333;
border-radius: 1px;
  box-sizing: border-box;
  vertical-align: bottom;
}

.area_pagetop .linktgs.footer {
  padding: 10px 0 10px;
}

.area_pagetop .linktgs.footer a {
}

.area_pagetop .linktgs.footer a img {
  vertical-align: bottom;
}


/* TGS2018ここまで */